@central-design-system/components 4.0.0-alpha.3 → 4.0.0-alpha.5

package/dist/es/src/components/CdsPagination/CdsPagination.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"CdsPagination.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsPagination/CdsPagination.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsPagination.scss';\n\nimport { useDisabled } from '@cds/composables/useDisabled/useDisabled';\nimport { useDisplay } from '@cds/composables/useDisplay';\nimport { useLocale, useRtl } from '@cds/composables/useLocale';\nimport { useResizeObserver } from '@cds/composables/useResizeObserver';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useDefaults, useProxyModel } from '@cds/core';\nimport { classNames, createRange, keyNames } from '@cds/utils';\nimport { computed, nextTick, ref, shallowRef, unref } from 'vue';\n\nimport { CdsFunctionalButton } from '../CdsFunctionalButton';\nimport { CdsTextInput } from '../CdsTextInput';\nimport { CdsPaginationConstants } from './api/CdsPagination.constants';\nimport { defineCdsPaginationProps } from './api/CdsPagination.props';\nimport type {\n  CdsPaginationControlSlot,\n  CdsPaginationEvents,\n  CdsPaginationItemSlot,\n  CdsPaginationSlots\n} from './api/CdsPagination.types';\n\ndefineOptions({\n  name: CdsPaginationConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsPaginationProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsPaginationSlots>();\nconst emit = defineEmits([\"update:modelValue\", \"first\", \"prev\", \"next\", \"last\", \"quickJump\"]);\n\nconst page = useProxyModel(props, 'modelValue');\nconst { n } = useLocale();\nconst { isRtl } = useRtl();\nconst { themeClasses } = provideTheme(props);\nconst { disabledClasses } = useDisabled(props);\nconst { width } = useDisplay();\n\nconst maxButtons = shallowRef(-1);\nconst inputPageModel = ref<string>('');\n\nconst { resizeRef } = useResizeObserver((entries: ResizeObserverEntry[]) => {\n  if (!entries.length) return;\n\n  const { target, contentRect } = entries[0];\n  const firstItem = target.querySelector('.cds-pagination__list > *') as HTMLElement;\n\n  if (!firstItem) return;\n\n  const totalWidth = contentRect.width;\n  const itemWidth = firstItem.offsetWidth + parseFloat(getComputedStyle(firstItem).marginRight) * 2;\n\n  maxButtons.value = getMax(totalWidth, itemWidth);\n});\n\nconst length = computed(() => parseInt(props.length as unknown as string, 10));\nconst start = computed(() => parseInt(props.start as unknown as string, 10));\n\nconst totalVisible = computed(() => {\n  if (props.totalVisible != null) return parseInt(props.totalVisible as unknown as string, 10);\n  else if (unref(maxButtons) >= 0) return unref(maxButtons);\n  return getMax(unref(width), 58);\n});\n\nfunction getMax(totalWidth: number, itemWidth: number) {\n  const minButtons = props.showFirstLastPage ? 5 : 3;\n  // Округляем до двух знаков, чтобы избежать ошибок с плавающей точкой.\n  return Math.max(0, Math.floor(Number(((totalWidth - itemWidth * minButtons) / itemWidth).toFixed(2))));\n}\n\nconst range = computed(() => {\n  if (unref(length) <= 0 || isNaN(unref(length)) || unref(length) > Number.MAX_SAFE_INTEGER) return [];\n  if (unref(totalVisible) <= 0) return [];\n  if (unref(totalVisible) === 1) return [unref(page)];\n  if (unref(length) <= unref(totalVisible)) return createRange(unref(length), unref(start));\n\n  const even = unref(totalVisible) % 2 === 0;\n  const middle = even ? unref(totalVisible) / 2 : Math.floor(unref(totalVisible) / 2);\n  const left = even ? middle : middle + 1;\n  const right = unref(length) - middle;\n\n  if (left - unref(page) >= 0) {\n    return [...createRange(Math.max(1, unref(totalVisible) - 1), unref(start)), props.ellipsis, unref(length)];\n  } else if (unref(page) - right >= (even ? 1 : 0)) {\n    const rangeLength = unref(totalVisible) - 1;\n    const rangeStart = unref(length) - rangeLength + unref(start);\n    return [unref(start), props.ellipsis, ...createRange(rangeLength, rangeStart)];\n  } else {\n    const rangeLength = Math.max(1, unref(totalVisible) - 2);\n    const rangeStart = rangeLength === 1 ? unref(page) : unref(page) - Math.ceil(rangeLength / 2) + unref(start);\n    return [unref(start), props.ellipsis, ...createRange(rangeLength, rangeStart), props.ellipsis, unref(length)];\n  }\n});\n\nfunction ariaLabel(template: string, value: number) {\n  return template.replace('{0}', String(value));\n}\n\nconst items = computed<CdsPaginationItemSlot[]>(() => {\n  return unref(range).map((item, index) => {\n    if (typeof item === 'string') {\n      return {\n        isActive: false,\n        key: `ellipsis-${index}`,\n        page: item,\n        props: {\n          disabled: true,\n          class: 'cds-pagination__ellipsis'\n        }\n      };\n    } else {\n      const isActive = item === unref(page);\n\n      return {\n        isActive,\n        key: item,\n        page: n(item),\n        props: {\n          disabled: props.disabled || +props.length < 2,\n          color: isActive ? props.activeColor : props.color,\n          'aria-current': isActive,\n          'aria-label': ariaLabel(isActive ? props.currentPageAriaLabel : props.pageAriaLabel, item),\n          onClick: () => setValue(item)\n        }\n      };\n    }\n  });\n});\n\nconst controls = computed(() => {\n  const prevDisabled = !!props.disabled || unref(page) <= unref(start);\n  const nextDisabled = !!props.disabled || unref(page) >= unref(start) + unref(length) - 1;\n\n  return {\n    first: ([true, 'only-first'] as Array<boolean | string>).includes(props.showFirstLastPage)\n      ? ({\n          icon: isRtl.value ? props.lastIcon : props.firstIcon,\n          onClick: () => setValue(unref(start), 'first'),\n          disabled: prevDisabled,\n          'aria-label': props.firstAriaLabel,\n          'aria-disabled': prevDisabled\n        } as CdsPaginationControlSlot)\n      : undefined,\n    prev: {\n      icon: isRtl.value ? props.nextIcon : props.prevIcon,\n      onClick: () => setValue(unref(page) - 1, 'prev'),\n      disabled: prevDisabled,\n      'aria-label': props.previousAriaLabel,\n      'aria-disabled': prevDisabled\n    } as CdsPaginationControlSlot,\n    next: {\n      icon: isRtl.value ? props.prevIcon : props.nextIcon,\n      onClick: () => setValue(unref(page) + 1, 'next'),\n      disabled: nextDisabled,\n      'aria-label': props.nextAriaLabel,\n      'aria-disabled': nextDisabled\n    } as CdsPaginationControlSlot,\n    last:\n      props.showFirstLastPage === true\n        ? ({\n            icon: isRtl.value ? props.firstIcon : props.lastIcon,\n            onClick: () => setValue(unref(start) + unref(length) - 1, 'last'),\n            disabled: nextDisabled,\n            'aria-label': props.lastAriaLabel,\n            'aria-disabled': nextDisabled\n          } as CdsPaginationControlSlot)\n        : undefined\n  };\n});\n\ntype PaginationReason = 'first' | 'prev' | 'next' | 'last' | 'quickJump';\n\nfunction setValue(value: number, reason?: PaginationReason) {\n  page.value = value;\n\n  if (reason) {\n    (emit as (event: PaginationReason, value: number) => void)(reason, value);\n  }\n}\n\nfunction updateFocus() {\n  resizeRef.el?.querySelector<HTMLElement>('.cds-pagination__item--active button')?.focus();\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  if (event.key === keyNames.left && !props.disabled && unref(page) > unref(start)) {\n    page.value = page.value - 1;\n    nextTick(updateFocus);\n  } else if (event.key === keyNames.right && !props.disabled && unref(page) < unref(start) + unref(length) - 1) {\n    page.value = page.value + 1;\n    nextTick(updateFocus);\n  }\n}\n\nfunction onQuickJumpToPage(event?: Event) {\n  event?.preventDefault();\n\n  if (!unref(inputPageModel)) return;\n\n  setValue(Number(unref(inputPageModel)), 'quickJump');\n  inputPageModel.value = '';\n}\n\ndefineExpose({\n  setFirst: () => setValue(unref(start), 'first'),\n  setLast: () => setValue(unref(start) + unref(length) - 1, 'last'),\n  setNext: () => setValue(unref(page) + 1, 'next'),\n  setPrev: () => setValue(unref(page) - 1, 'prev')\n});\n\ndefineRender(() => {\n  const { rootClass } = CdsPaginationConstants;\n  const Tag = props.tag as any;\n\n  return (\n    <Tag\n      ref={resizeRef}\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--quick-jumper`]: props.quickJumper\n        },\n        unref(disabledClasses),\n        unref(themeClasses),\n        props.class\n      )}\n      style={props.style}\n      role=\"navigation\"\n      aria-label={props.ariaLabel}\n      onKeydown={onKeydown}\n    >\n      <ul class=\"cds-pagination__list\">\n        {([true, 'only-first'] as Array<boolean | string>).includes(props.showFirstLastPage) && (\n          <li key=\"first\" class=\"cds-pagination__first\">\n            {slots.first ? slots.first(unref(controls).first!) : <CdsFunctionalButton {...unref(controls).first} />}\n          </li>\n        )}\n\n        <li key=\"prev\" class=\"cds-pagination__prev\">\n          {slots.prev ? slots.prev(unref(controls).prev) : <CdsFunctionalButton {...unref(controls).prev} />}\n        </li>\n\n        {unref(items).map((item) => (\n          <li\n            key={item.key}\n            class={classNames('cds-pagination__item', {\n              'cds-pagination__item--active': item.isActive\n            })}\n          >\n            {slots.item ? slots.item(item) : <CdsFunctionalButton {...item.props}>{item.page}</CdsFunctionalButton>}\n          </li>\n        ))}\n\n        <li key=\"next\" class=\"cds-pagination__next\">\n          {slots.next ? slots.next(unref(controls).next) : <CdsFunctionalButton {...unref(controls).next} />}\n        </li>\n\n        {props.showFirstLastPage === true && (\n          <li key=\"last\" class=\"cds-pagination__last\">\n            {slots.last ? slots.last(unref(controls).last!) : <CdsFunctionalButton {...unref(controls).last} />}\n          </li>\n        )}\n      </ul>\n\n      {props.quickJumper && (\n        <div class=\"cds-pagination__controls\">\n          <span class=\"cds-pagination__controls-page\">{props.quickJumperLabel}</span>\n          <form onSubmit={onQuickJumpToPage}>\n            <CdsTextInput\n              class=\"cds-pagination__controls-input\"\n              type=\"number\"\n              hideMessages\n              disabled={props.disabled ?? undefined}\n              modelValue={inputPageModel.value}\n              onUpdate:modelValue={(value: string) => (inputPageModel.value = value)}\n              onUpdate:focused={(focused: boolean) => !focused && onQuickJumpToPage()}\n            />\n          </form>\n        </div>\n      )}\n    </Tag>\n  );\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","page","useProxyModel","n","useLocale","isRtl","useRtl","themeClasses","provideTheme","disabledClasses","useDisabled","width","useDisplay","maxButtons","shallowRef","inputPageModel","ref","resizeRef","useResizeObserver","entries","length","target","contentRect","firstItem","querySelector","totalWidth","itemWidth","offsetWidth","parseFloat","getComputedStyle","marginRight","value","getMax","computed","parseInt","start","totalVisible","unref","minButtons","showFirstLastPage","Math","max","floor","Number","toFixed","range","isNaN","MAX_SAFE_INTEGER","createRange","even","middle","left","right","ellipsis","rangeLength","rangeStart","ceil","ariaLabel","template","replace","String","items","map","item","index","isActive","key","disabled","class","color","activeColor","currentPageAriaLabel","pageAriaLabel","onClick","setValue","controls","prevDisabled","nextDisabled","first","includes","icon","lastIcon","firstIcon","firstAriaLabel","undefined","prev","nextIcon","prevIcon","previousAriaLabel","next","nextAriaLabel","last","lastAriaLabel","reason","updateFocus","el","focus","onKeydown","event","keyNames","nextTick","onQuickJumpToPage","preventDefault","__expose","setFirst","setLast","setNext","setPrev","rootClass","CdsPaginationConstants","Tag","tag","_createVNode","classNames","quickJumper","style","default","CdsFunctionalButton","quickJumperLabel","CdsTextInput","focused"],"mappings":"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"}
+{"version":3,"file":"CdsPagination.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsPagination/CdsPagination.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsPagination.scss';\n\nimport { useDisabled } from '@cds/composables/useDisabled/useDisabled';\nimport { useDisplay } from '@cds/composables/useDisplay';\nimport { useLocale, useRtl } from '@cds/composables/useLocale';\nimport { useResizeObserver } from '@cds/composables/useResizeObserver';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useDefaults, useProxyModel } from '@cds/core';\nimport { classNames, createRange, keyNames } from '@cds/utils';\nimport { computed, nextTick, ref, shallowRef, unref } from 'vue';\n\nimport { CdsFunctionalButton } from '../CdsFunctionalButton';\nimport { CdsTextInput } from '../CdsTextInput';\nimport { CdsPaginationConstants } from './api/CdsPagination.constants';\nimport { defineCdsPaginationProps } from './api/CdsPagination.props';\nimport type {\n  CdsPaginationControlSlot,\n  CdsPaginationEvents,\n  CdsPaginationItemSlot,\n  CdsPaginationSlots\n} from './api/CdsPagination.types';\n\ndefineOptions({\n  name: CdsPaginationConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsPaginationProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsPaginationSlots>();\nconst emit = defineEmits([\"update:modelValue\", \"first\", \"prev\", \"next\", \"last\", \"quickJump\"]);\n\nconst page = useProxyModel(props, 'modelValue');\nconst { n } = useLocale();\nconst { isRtl } = useRtl();\nconst { themeClasses } = provideTheme(props);\nconst { disabledClasses } = useDisabled(props);\nconst { width } = useDisplay();\n\nconst maxButtons = shallowRef(-1);\nconst inputPageModel = ref<string>('');\n\nconst { resizeRef } = useResizeObserver((entries: ResizeObserverEntry[]) => {\n  if (!entries.length) return;\n\n  const { target, contentRect } = entries[0];\n  const firstItem = target.querySelector('.cds-pagination__list > *') as HTMLElement;\n\n  if (!firstItem) return;\n\n  const totalWidth = contentRect.width;\n  const itemWidth = firstItem.offsetWidth + parseFloat(getComputedStyle(firstItem).marginRight) * 2;\n\n  maxButtons.value = getMax(totalWidth, itemWidth);\n});\n\nconst length = computed(() => parseInt(props.length as unknown as string, 10));\nconst start = computed(() => parseInt(props.start as unknown as string, 10));\n\nconst totalVisible = computed(() => {\n  if (props.totalVisible != null) return parseInt(props.totalVisible as unknown as string, 10);\n  else if (unref(maxButtons) >= 0) return unref(maxButtons);\n  return getMax(unref(width), 58);\n});\n\nfunction getMax(totalWidth: number, itemWidth: number) {\n  const minButtons = props.showFirstLastPage ? 5 : 3;\n  // Округляем до двух знаков, чтобы избежать ошибок с плавающей точкой.\n  return Math.max(0, Math.floor(Number(((totalWidth - itemWidth * minButtons) / itemWidth).toFixed(2))));\n}\n\nconst range = computed(() => {\n  if (unref(length) <= 0 || isNaN(unref(length)) || unref(length) > Number.MAX_SAFE_INTEGER) return [];\n  if (unref(totalVisible) <= 0) return [];\n  if (unref(totalVisible) === 1) return [unref(page)];\n  if (unref(length) <= unref(totalVisible)) return createRange(unref(length), unref(start));\n\n  const even = unref(totalVisible) % 2 === 0;\n  const middle = even ? unref(totalVisible) / 2 : Math.floor(unref(totalVisible) / 2);\n  const left = even ? middle : middle + 1;\n  const right = unref(length) - middle;\n\n  if (left - unref(page) >= 0) {\n    return [...createRange(Math.max(1, unref(totalVisible) - 1), unref(start)), props.ellipsis, unref(length)];\n  } else if (unref(page) - right >= (even ? 1 : 0)) {\n    const rangeLength = unref(totalVisible) - 1;\n    const rangeStart = unref(length) - rangeLength + unref(start);\n    return [unref(start), props.ellipsis, ...createRange(rangeLength, rangeStart)];\n  } else {\n    const rangeLength = Math.max(1, unref(totalVisible) - 2);\n    const rangeStart = rangeLength === 1 ? unref(page) : unref(page) - Math.ceil(rangeLength / 2) + unref(start);\n    return [unref(start), props.ellipsis, ...createRange(rangeLength, rangeStart), props.ellipsis, unref(length)];\n  }\n});\n\nfunction ariaLabel(template: string, value: number) {\n  return template.replace('{0}', String(value));\n}\n\nconst items = computed<CdsPaginationItemSlot[]>(() => {\n  return unref(range).map((item, index) => {\n    if (typeof item === 'string') {\n      return {\n        isActive: false,\n        key: `ellipsis-${index}`,\n        page: item,\n        props: {\n          disabled: true,\n          class: 'cds-pagination__ellipsis'\n        }\n      };\n    } else {\n      const isActive = item === unref(page);\n\n      return {\n        isActive,\n        key: item,\n        page: n(item),\n        props: {\n          disabled: props.disabled || +props.length < 2,\n          color: isActive ? props.activeColor : props.color,\n          'aria-current': isActive,\n          'aria-label': ariaLabel(isActive ? props.currentPageAriaLabel : props.pageAriaLabel, item),\n          onClick: () => setValue(item)\n        }\n      };\n    }\n  });\n});\n\nconst controls = computed(() => {\n  const prevDisabled = !!props.disabled || unref(page) <= unref(start);\n  const nextDisabled = !!props.disabled || unref(page) >= unref(start) + unref(length) - 1;\n\n  return {\n    first: ([true, 'only-first'] as Array<boolean | string>).includes(props.showFirstLastPage)\n      ? ({\n          icon: isRtl.value ? props.lastIcon : props.firstIcon,\n          onClick: () => setValue(unref(start), 'first'),\n          disabled: prevDisabled,\n          'aria-label': props.firstAriaLabel,\n          'aria-disabled': prevDisabled\n        } as CdsPaginationControlSlot)\n      : undefined,\n    prev: {\n      icon: isRtl.value ? props.nextIcon : props.prevIcon,\n      onClick: () => setValue(unref(page) - 1, 'prev'),\n      disabled: prevDisabled,\n      'aria-label': props.previousAriaLabel,\n      'aria-disabled': prevDisabled\n    } as CdsPaginationControlSlot,\n    next: {\n      icon: isRtl.value ? props.prevIcon : props.nextIcon,\n      onClick: () => setValue(unref(page) + 1, 'next'),\n      disabled: nextDisabled,\n      'aria-label': props.nextAriaLabel,\n      'aria-disabled': nextDisabled\n    } as CdsPaginationControlSlot,\n    last:\n      props.showFirstLastPage === true\n        ? ({\n            icon: isRtl.value ? props.firstIcon : props.lastIcon,\n            onClick: () => setValue(unref(start) + unref(length) - 1, 'last'),\n            disabled: nextDisabled,\n            'aria-label': props.lastAriaLabel,\n            'aria-disabled': nextDisabled\n          } as CdsPaginationControlSlot)\n        : undefined\n  };\n});\n\ntype PaginationReason = 'first' | 'prev' | 'next' | 'last' | 'quickJump';\n\nfunction setValue(value: number, reason?: PaginationReason) {\n  page.value = value;\n\n  if (reason) {\n    (emit as (event: PaginationReason, value: number) => void)(reason, value);\n  }\n}\n\nfunction updateFocus() {\n  resizeRef.el?.querySelector<HTMLElement>('.cds-pagination__item--active button')?.focus();\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  if (event.key === keyNames.left && !props.disabled && unref(page) > unref(start)) {\n    page.value = page.value - 1;\n    nextTick(updateFocus);\n  } else if (event.key === keyNames.right && !props.disabled && unref(page) < unref(start) + unref(length) - 1) {\n    page.value = page.value + 1;\n    nextTick(updateFocus);\n  }\n}\n\nfunction onQuickJumpToPage(event?: Event) {\n  event?.preventDefault();\n\n  if (!unref(inputPageModel)) return;\n\n  setValue(Number(unref(inputPageModel)), 'quickJump');\n  inputPageModel.value = '';\n}\n\ndefineExpose({\n  /**\n   * Переходит на первую страницу.\n   * @en Jumps to the first page.\n   */\n  setFirst: () => setValue(unref(start), 'first'),\n  /**\n   * Переходит на последнюю страницу.\n   * @en Jumps to the last page.\n   */\n  setLast: () => setValue(unref(start) + unref(length) - 1, 'last'),\n  /**\n   * Переходит на следующую страницу.\n   * @en Jumps to the next page.\n   */\n  setNext: () => setValue(unref(page) + 1, 'next'),\n  /**\n   * Переходит на предыдущую страницу.\n   * @en Jumps to the previous page.\n   */\n  setPrev: () => setValue(unref(page) - 1, 'prev')\n});\n\ndefineRender(() => {\n  const { rootClass } = CdsPaginationConstants;\n  const Tag = props.tag as any;\n\n  return (\n    <Tag\n      ref={resizeRef}\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--quick-jumper`]: props.quickJumper\n        },\n        unref(disabledClasses),\n        unref(themeClasses),\n        props.class\n      )}\n      style={props.style}\n      role=\"navigation\"\n      aria-label={props.ariaLabel}\n      onKeydown={onKeydown}\n    >\n      <ul class=\"cds-pagination__list\">\n        {([true, 'only-first'] as Array<boolean | string>).includes(props.showFirstLastPage) && (\n          <li key=\"first\" class=\"cds-pagination__first\">\n            {slots.first ? slots.first(unref(controls).first!) : <CdsFunctionalButton {...unref(controls).first} />}\n          </li>\n        )}\n\n        <li key=\"prev\" class=\"cds-pagination__prev\">\n          {slots.prev ? slots.prev(unref(controls).prev) : <CdsFunctionalButton {...unref(controls).prev} />}\n        </li>\n\n        {unref(items).map((item) => (\n          <li\n            key={item.key}\n            class={classNames('cds-pagination__item', {\n              'cds-pagination__item--active': item.isActive\n            })}\n          >\n            {slots.item ? slots.item(item) : <CdsFunctionalButton {...item.props}>{item.page}</CdsFunctionalButton>}\n          </li>\n        ))}\n\n        <li key=\"next\" class=\"cds-pagination__next\">\n          {slots.next ? slots.next(unref(controls).next) : <CdsFunctionalButton {...unref(controls).next} />}\n        </li>\n\n        {props.showFirstLastPage === true && (\n          <li key=\"last\" class=\"cds-pagination__last\">\n            {slots.last ? slots.last(unref(controls).last!) : <CdsFunctionalButton {...unref(controls).last} />}\n          </li>\n        )}\n      </ul>\n\n      {props.quickJumper && (\n        <div class=\"cds-pagination__controls\">\n          <span class=\"cds-pagination__controls-page\">{props.quickJumperLabel}</span>\n          <form onSubmit={onQuickJumpToPage}>\n            <CdsTextInput\n              class=\"cds-pagination__controls-input\"\n              type=\"number\"\n              hideMessages\n              disabled={props.disabled ?? undefined}\n              modelValue={inputPageModel.value}\n              onUpdate:modelValue={(value: string) => (inputPageModel.value = value)}\n              onUpdate:focused={(focused: boolean) => !focused && onQuickJumpToPage()}\n            />\n          </form>\n        </div>\n      )}\n    </Tag>\n  );\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","emit","__emit","page","useProxyModel","n","useLocale","isRtl","useRtl","themeClasses","provideTheme","disabledClasses","useDisabled","width","useDisplay","maxButtons","shallowRef","inputPageModel","ref","resizeRef","useResizeObserver","entries","length","target","contentRect","firstItem","querySelector","totalWidth","itemWidth","offsetWidth","parseFloat","getComputedStyle","marginRight","value","getMax","computed","parseInt","start","totalVisible","unref","minButtons","showFirstLastPage","Math","max","floor","Number","toFixed","range","isNaN","MAX_SAFE_INTEGER","createRange","even","middle","left","right","ellipsis","rangeLength","rangeStart","ceil","ariaLabel","template","replace","String","items","map","item","index","isActive","key","disabled","class","color","activeColor","currentPageAriaLabel","pageAriaLabel","onClick","setValue","controls","prevDisabled","nextDisabled","first","includes","icon","lastIcon","firstIcon","firstAriaLabel","undefined","prev","nextIcon","prevIcon","previousAriaLabel","next","nextAriaLabel","last","lastAriaLabel","reason","updateFocus","el","focus","onKeydown","event","keyNames","nextTick","onQuickJumpToPage","preventDefault","__expose","setFirst","setLast","setNext","setPrev","rootClass","CdsPaginationConstants","Tag","tag","_createVNode","classNames","quickJumper","style","default","CdsFunctionalButton","quickJumperLabel","CdsTextInput","focused"],"mappings":"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"}

package/dist/es/src/components/CdsPagination/api/CdsPagination.props.js

@@ -1,104 +1,167 @@
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.js";
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsPaginationConstants } from "./CdsPagination.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsPaginationProps = propsFactory(
   {
-    /** Начальная страница */
+    /**
+     * Начальная страница
+     * @en Initial page
+     */
     start: {
       type: [Number, String],
       default: 1
     },
-    /** Значение v-model — номер текущей страницы */
+    /**
+     * Значение v-model — номер текущей страницы
+     * @en The v-model value — the number of the current page
+     */
     modelValue: {
       type: Number,
       default: (props) => props.start
     },
-    /** Количество страниц */
+    /**
+     * Количество страниц
+     * @en Number of pages
+     */
     length: {
       type: [Number, String],
       default: 1,
       validator: (value) => value % 1 === 0
     },
-    /** Количество одновременно видимых кнопок страниц */
+    /**
+     * Количество одновременно видимых кнопок страниц
+     * @en Number of page buttons visible at once
+     */
     totalVisible: [Number, String],
-    /** Иконка кнопки перехода на первую страницу */
+    /**
+     * Иконка кнопки перехода на первую страницу
+     * @en Icon of the first page button
+     */
     firstIcon: {
       type: IconValue,
       default: "first"
     },
-    /** Иконка кнопки перехода на предыдущую страницу */
+    /**
+     * Иконка кнопки перехода на предыдущую страницу
+     * @en Icon of the previous page button
+     */
     prevIcon: {
       type: IconValue,
       default: "prev"
     },
-    /** Иконка кнопки перехода на следующую страницу */
+    /**
+     * Иконка кнопки перехода на следующую страницу
+     * @en Icon of the next page button
+     */
     nextIcon: {
       type: IconValue,
       default: "next"
     },
-    /** Иконка кнопки перехода на последнюю страницу */
+    /**
+     * Иконка кнопки перехода на последнюю страницу
+     * @en Icon of the last page button
+     */
     lastIcon: {
       type: IconValue,
       default: "last"
     },
-    /** ARIA-метка корневого элемента навигации */
+    /**
+     * ARIA-метка корневого элемента навигации
+     * @en ARIA label of the root navigation element
+     */
     ariaLabel: {
       type: String,
       default: "Навигация по страницам"
     },
-    /** ARIA-метка кнопки страницы. `{0}` заменяется номером страницы */
+    /**
+     * ARIA-метка кнопки страницы. `{0}` заменяется номером страницы
+     * @en ARIA label of a page button. `{0}` is replaced with the page number
+     */
     pageAriaLabel: {
       type: String,
       default: "Перейти к странице {0}"
     },
-    /** ARIA-метка текущей (активной) страницы. `{0}` заменяется номером страницы */
+    /**
+     * ARIA-метка текущей (активной) страницы. `{0}` заменяется номером страницы
+     * @en ARIA label of the current (active) page. `{0}` is replaced with the page number
+     */
     currentPageAriaLabel: {
       type: String,
       default: "Текущая страница, страница {0}"
     },
-    /** ARIA-метка кнопки перехода на первую страницу */
+    /**
+     * ARIA-метка кнопки перехода на первую страницу
+     * @en ARIA label of the first page button
+     */
     firstAriaLabel: {
       type: String,
       default: "Первая страница"
     },
-    /** ARIA-метка кнопки перехода на предыдущую страницу */
+    /**
+     * ARIA-метка кнопки перехода на предыдущую страницу
+     * @en ARIA label of the previous page button
+     */
     previousAriaLabel: {
       type: String,
       default: "Предыдущая страница"
     },
-    /** ARIA-метка кнопки перехода на следующую страницу */
+    /**
+     * ARIA-метка кнопки перехода на следующую страницу
+     * @en ARIA label of the next page button
+     */
     nextAriaLabel: {
       type: String,
       default: "Следующая страница"
     },
-    /** ARIA-метка кнопки перехода на последнюю страницу */
+    /**
+     * ARIA-метка кнопки перехода на последнюю страницу
+     * @en ARIA label of the last page button
+     */
     lastAriaLabel: {
       type: String,
       default: "Последняя страница"
     },
-    /** Текст, отображаемый между страницами при их сокрытии */
+    /**
+     * Текст, отображаемый между страницами при их сокрытии
+     * @en Text displayed between pages when they are collapsed
+     */
     ellipsis: {
       type: String,
       default: "..."
     },
-    /** Отображение кнопок перехода на первую/последнюю страницу. `'only-first'` — только на первую */
+    /**
+     * Отображение кнопок перехода на первую/последнюю страницу. `'only-first'` — только на первую
+     * @en Shows the first/last page buttons. `'only-first'` shows only the first page button
+     */
     showFirstLastPage: {
       type: [Boolean, String],
       default: false
     },
-    /** Цвет кнопок страниц */
+    /**
+     * Цвет кнопок страниц
+     * @en Color of the page buttons
+     */
     color: String,
-    /** Цвет активной кнопки страницы */
+    /**
+     * Цвет активной кнопки страницы
+     * @en Color of the active page button
+     */
     activeColor: String,
-    /** Отображение поля быстрого перехода к странице */
+    /**
+     * Отображение поля быстрого перехода к странице
+     * @en Shows the quick jump field
+     */
     quickJumper: {
       type: Boolean,
       default: false
     },
-    /** Текст-подпись перед полем быстрого перехода к странице */
+    /**
+     * Текст-подпись перед полем быстрого перехода к странице
+     * @en Caption text before the quick jump field
+     */
     quickJumperLabel: {
       type: String,
       default: "Перейти к странице"

package/dist/es/src/components/CdsPagination/api/CdsPagination.props.js.map

@@ -1 +1 @@
-{"version":3,"file":"CdsPagination.props.js","sources":["../../../../../../src/components/CdsPagination/api/CdsPagination.props.ts"],"sourcesContent":["import { defineDisabledProps } from '@cds/composables/useDisabled/useDisabled';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsPaginationConstants } from './CdsPagination.constants';\n\nexport const defineCdsPaginationProps = propsFactory(\n  {\n    /** Начальная страница */\n    start: {\n      type: [Number, String] as PropType<number | string>,\n      default: 1\n    },\n    /** Значение v-model — номер текущей страницы */\n    modelValue: {\n      type: Number as PropType<number>,\n      default: (props: any) => props.start as number\n    },\n    /** Количество страниц */\n    length: {\n      type: [Number, String] as PropType<number | string>,\n      default: 1,\n      validator: (value: number) => value % 1 === 0\n    },\n    /** Количество одновременно видимых кнопок страниц */\n    totalVisible: [Number, String] as PropType<number | string>,\n    /** Иконка кнопки перехода на первую страницу */\n    firstIcon: {\n      type: IconValue,\n      default: 'first'\n    },\n    /** Иконка кнопки перехода на предыдущую страницу */\n    prevIcon: {\n      type: IconValue,\n      default: 'prev'\n    },\n    /** Иконка кнопки перехода на следующую страницу */\n    nextIcon: {\n      type: IconValue,\n      default: 'next'\n    },\n    /** Иконка кнопки перехода на последнюю страницу */\n    lastIcon: {\n      type: IconValue,\n      default: 'last'\n    },\n    /** ARIA-метка корневого элемента навигации */\n    ariaLabel: {\n      type: String,\n      default: 'Навигация по страницам'\n    },\n    /** ARIA-метка кнопки страницы. `{0}` заменяется номером страницы */\n    pageAriaLabel: {\n      type: String,\n      default: 'Перейти к странице {0}'\n    },\n    /** ARIA-метка текущей (активной) страницы. `{0}` заменяется номером страницы */\n    currentPageAriaLabel: {\n      type: String,\n      default: 'Текущая страница, страница {0}'\n    },\n    /** ARIA-метка кнопки перехода на первую страницу */\n    firstAriaLabel: {\n      type: String,\n      default: 'Первая страница'\n    },\n    /** ARIA-метка кнопки перехода на предыдущую страницу */\n    previousAriaLabel: {\n      type: String,\n      default: 'Предыдущая страница'\n    },\n    /** ARIA-метка кнопки перехода на следующую страницу */\n    nextAriaLabel: {\n      type: String,\n      default: 'Следующая страница'\n    },\n    /** ARIA-метка кнопки перехода на последнюю страницу */\n    lastAriaLabel: {\n      type: String,\n      default: 'Последняя страница'\n    },\n    /** Текст, отображаемый между страницами при их сокрытии */\n    ellipsis: {\n      type: String,\n      default: '...'\n    },\n    /** Отображение кнопок перехода на первую/последнюю страницу. `'only-first'` — только на первую */\n    showFirstLastPage: {\n      type: [Boolean, String] as PropType<boolean | 'only-first'>,\n      default: false\n    },\n    /** Цвет кнопок страниц */\n    color: String,\n    /** Цвет активной кнопки страницы */\n    activeColor: String,\n    /** Отображение поля быстрого перехода к странице */\n    quickJumper: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /** Текст-подпись перед полем быстрого перехода к странице */\n    quickJumperLabel: {\n      type: String,\n      default: 'Перейти к странице'\n    },\n\n    ...defineComponentProps(),\n    ...defineDisabledProps(),\n    ...defineTagProps({ tag: 'nav' }),\n    ...defineThemeProps()\n  },\n  CdsPaginationConstants.name\n);\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,2BAA2B;AAAA,EACtC;AAAA;AAAA,IAEE,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS,CAAC,UAAe,MAAM;AAAA,IAAA;AAAA;AAAA,IAGjC,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,MACT,WAAW,CAAC,UAAkB,QAAQ,MAAM;AAAA,IAAA;AAAA;AAAA,IAG9C,cAAc,CAAC,QAAQ,MAAM;AAAA;AAAA,IAE7B,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,sBAAsB;AAAA,MACpB,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,mBAAmB;AAAA,MACjB,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,OAAO;AAAA;AAAA,IAEP,aAAa;AAAA;AAAA,IAEb,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,qBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,eAAe,EAAE,KAAK,OAAO;AAAA,IAChC,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,uBAAuB;AACzB;"}
+{"version":3,"file":"CdsPagination.props.js","sources":["../../../../../../src/components/CdsPagination/api/CdsPagination.props.ts"],"sourcesContent":["import { defineDisabledProps } from '@cds/composables/useDisabled/useDisabled';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsPaginationConstants } from './CdsPagination.constants';\n\nexport const defineCdsPaginationProps = propsFactory(\n  {\n    /**\n     * Начальная страница\n     * @en Initial page\n     */\n    start: {\n      type: [Number, String] as PropType<number | string>,\n      default: 1\n    },\n    /**\n     * Значение v-model — номер текущей страницы\n     * @en The v-model value — the number of the current page\n     */\n    modelValue: {\n      type: Number as PropType<number>,\n      default: (props: any) => props.start as number\n    },\n    /**\n     * Количество страниц\n     * @en Number of pages\n     */\n    length: {\n      type: [Number, String] as PropType<number | string>,\n      default: 1,\n      validator: (value: number) => value % 1 === 0\n    },\n    /**\n     * Количество одновременно видимых кнопок страниц\n     * @en Number of page buttons visible at once\n     */\n    totalVisible: [Number, String] as PropType<number | string>,\n    /**\n     * Иконка кнопки перехода на первую страницу\n     * @en Icon of the first page button\n     */\n    firstIcon: {\n      type: IconValue,\n      default: 'first'\n    },\n    /**\n     * Иконка кнопки перехода на предыдущую страницу\n     * @en Icon of the previous page button\n     */\n    prevIcon: {\n      type: IconValue,\n      default: 'prev'\n    },\n    /**\n     * Иконка кнопки перехода на следующую страницу\n     * @en Icon of the next page button\n     */\n    nextIcon: {\n      type: IconValue,\n      default: 'next'\n    },\n    /**\n     * Иконка кнопки перехода на последнюю страницу\n     * @en Icon of the last page button\n     */\n    lastIcon: {\n      type: IconValue,\n      default: 'last'\n    },\n    /**\n     * ARIA-метка корневого элемента навигации\n     * @en ARIA label of the root navigation element\n     */\n    ariaLabel: {\n      type: String,\n      default: 'Навигация по страницам'\n    },\n    /**\n     * ARIA-метка кнопки страницы. `{0}` заменяется номером страницы\n     * @en ARIA label of a page button. `{0}` is replaced with the page number\n     */\n    pageAriaLabel: {\n      type: String,\n      default: 'Перейти к странице {0}'\n    },\n    /**\n     * ARIA-метка текущей (активной) страницы. `{0}` заменяется номером страницы\n     * @en ARIA label of the current (active) page. `{0}` is replaced with the page number\n     */\n    currentPageAriaLabel: {\n      type: String,\n      default: 'Текущая страница, страница {0}'\n    },\n    /**\n     * ARIA-метка кнопки перехода на первую страницу\n     * @en ARIA label of the first page button\n     */\n    firstAriaLabel: {\n      type: String,\n      default: 'Первая страница'\n    },\n    /**\n     * ARIA-метка кнопки перехода на предыдущую страницу\n     * @en ARIA label of the previous page button\n     */\n    previousAriaLabel: {\n      type: String,\n      default: 'Предыдущая страница'\n    },\n    /**\n     * ARIA-метка кнопки перехода на следующую страницу\n     * @en ARIA label of the next page button\n     */\n    nextAriaLabel: {\n      type: String,\n      default: 'Следующая страница'\n    },\n    /**\n     * ARIA-метка кнопки перехода на последнюю страницу\n     * @en ARIA label of the last page button\n     */\n    lastAriaLabel: {\n      type: String,\n      default: 'Последняя страница'\n    },\n    /**\n     * Текст, отображаемый между страницами при их сокрытии\n     * @en Text displayed between pages when they are collapsed\n     */\n    ellipsis: {\n      type: String,\n      default: '...'\n    },\n    /**\n     * Отображение кнопок перехода на первую/последнюю страницу. `'only-first'` — только на первую\n     * @en Shows the first/last page buttons. `'only-first'` shows only the first page button\n     */\n    showFirstLastPage: {\n      type: [Boolean, String] as PropType<boolean | 'only-first'>,\n      default: false\n    },\n    /**\n     * Цвет кнопок страниц\n     * @en Color of the page buttons\n     */\n    color: String,\n    /**\n     * Цвет активной кнопки страницы\n     * @en Color of the active page button\n     */\n    activeColor: String,\n    /**\n     * Отображение поля быстрого перехода к странице\n     * @en Shows the quick jump field\n     */\n    quickJumper: {\n      type: Boolean as PropType<boolean>,\n      default: false\n    },\n    /**\n     * Текст-подпись перед полем быстрого перехода к странице\n     * @en Caption text before the quick jump field\n     */\n    quickJumperLabel: {\n      type: String,\n      default: 'Перейти к странице'\n    },\n\n    ...defineComponentProps(),\n    ...defineDisabledProps(),\n    ...defineTagProps({ tag: 'nav' }),\n    ...defineThemeProps()\n  },\n  CdsPaginationConstants.name\n);\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,2BAA2B;AAAA,EACtC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS,CAAC,UAAe,MAAM;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMjC,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,MACT,WAAW,CAAC,UAAkB,QAAQ,MAAM;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAM9C,cAAc,CAAC,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAK7B,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,sBAAsB;AAAA,MACpB,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,mBAAmB;AAAA,MACjB,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKb,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,qBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,eAAe,EAAE,KAAK,OAAO;AAAA,IAChC,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,uBAAuB;AACzB;"}

package/dist/es/src/components/CdsProgressBar/CdsProgressBar.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-progress-bar {
     position: relative;

package/dist/es/src/components/CdsProgressBar/CdsProgressBar.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,6 @@
 import { defineComponent, useSlots, shallowRef, computed, unref, createVNode, Transition, Fragment } from "vue";
 import { u as useRtl } from "../../composables/useLocale/useLocale.js";
 import { u as useLocation } from "../../composables/useLocation/useLocation.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { u as useProxyModel } from "../../core/useProxyModel.js";
 import { u as useToggleScope } from "../../core/useToggleScope.js";
@@ -10,6 +9,7 @@ import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsProgressBarConstants } from "./api/CdsProgressBar.constants.js";
 import { d as defineCdsProgressBarProps } from "./api/CdsProgressBar.props.js";
 import { u as useChunks } from "./composables/useChunk.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useTextColor, a as useBackgroundColor } from "../../composables/useColor/useColor.js";
 import { u as useElementIntersection } from "../../hooks/useIntersectionObserver/index.js";
 import { u as useResizeObserver } from "../../hooks/useResizeObserver/index.js";

package/dist/es/src/components/CdsProgressBar/api/CdsProgressBar.props.js

@@ -1,58 +1,106 @@
 import { d as defineLocationProps } from "../../../composables/useLocation/useLocation.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps, a as defineTagProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { d as defineChunksProps } from "../composables/useChunk.js";
 import { C as CdsProgressBarConstants } from "./CdsProgressBar.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsProgressBarProps = propsFactory(
   {
-    /** Абсолютное позиционирование компонента */
+    /**
+     * Абсолютное позиционирование компонента
+     * @en Absolute positioning of the component
+     */
     absolute: Boolean,
-    /** Неопределенное состояние прогресса без фиксированного значения */
+    /**
+     * Неопределенное состояние прогресса без фиксированного значения
+     * @en Indeterminate progress state with no fixed value
+     */
     indeterminate: Boolean,
-    /** Делает прогресс-бар кликабельным */
+    /**
+     * Делает прогресс-бар кликабельным
+     * @en Makes the progress bar clickable
+     */
     clickable: Boolean,
-    /** Обратное направление заполнения шкалы прогресса */
+    /**
+     * Обратное направление заполнения шкалы прогресса
+     * @en Fills the progress bar in the opposite direction
+     */
     reverse: Boolean,
-    /** Отображать потоковую анимацию поверх индикатора прогресса */
+    /**
+     * Отображать потоковую анимацию поверх индикатора прогресса
+     * @en Shows a streaming animation over the progress indicator
+     */
     stream: Boolean,
-    /** Отображать полосы на индикаторе прогресса */
+    /**
+     * Отображать полосы на индикаторе прогресса
+     * @en Shows stripes on the progress indicator
+     */
     striped: Boolean,
-    /** Скруглять индикатор прогресса */
+    /**
+     * Скруглять индикатор прогресса
+     * @en Rounds the progress indicator
+     */
     roundedBar: Boolean,
-    /** Управление отображением активного состояния прогресс-бара */
+    /**
+     * Управление отображением активного состояния прогресс-бара
+     * @en Controls the active state of the progress bar
+     */
     active: {
       type: Boolean,
       default: true
     },
-    /** Высота прогресс-бара */
+    /**
+     * Высота прогресс-бара
+     * @en Height of the progress bar
+     */
     height: {
       type: [Number, String],
       default: 4
     },
-    /** Максимальное значение прогресса */
+    /**
+     * Максимальное значение прогресса
+     * @en Maximum progress value
+     */
     max: {
       type: [Number, String],
       default: 100
     },
-    /** Текущее значение прогресса */
+    /**
+     * Текущее значение прогресса
+     * @en Current progress value
+     */
     modelValue: {
       type: [Number, String],
       default: 0
     },
-    /** Значение буфера прогресса */
+    /**
+     * Значение буфера прогресса
+     * @en Buffer value of the progress
+     */
     bufferValue: {
       type: [Number, String],
       default: 0
     },
-    /** Прозрачность основного индикатора прогресса */
+    /**
+     * Прозрачность основного индикатора прогресса
+     * @en Opacity of the main progress indicator
+     */
     opacity: [Number, String],
-    /** Прозрачность фона прогресс-бара */
+    /**
+     * Прозрачность фона прогресс-бара
+     * @en Opacity of the progress bar background
+     */
     bgOpacity: [Number, String],
-    /** Цвет буферной части прогресс-бара */
+    /**
+     * Цвет буферной части прогресс-бара
+     * @en Color of the buffer part of the progress bar
+     */
     bufferColor: String,
-    /** Прозрачность буферной части прогресс-бара */
+    /**
+     * Прозрачность буферной части прогресс-бара
+     * @en Opacity of the buffer part of the progress bar
+     */
     bufferOpacity: [Number, String],
     ...defineLocationProps({ location: "top" }),
     ...defineChunksProps(),

package/dist/es/src/components/CdsProgressBar/api/CdsProgressBar.props.js.map

@@ -1 +1 @@
-{"version":3,"file":"CdsProgressBar.props.js","sources":["../../../../../../src/components/CdsProgressBar/api/CdsProgressBar.props.ts"],"sourcesContent":["import { defineColorProps } from '@cds/composables/useColor';\nimport { defineLocationProps } from '@cds/composables/useLocation';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\n\nimport { defineChunksProps } from '../composables/useChunk';\nimport { CdsProgressBarConstants } from './CdsProgressBar.constants';\n\nexport const defineCdsProgressBarProps = propsFactory(\n  {\n    /** Абсолютное позиционирование компонента */\n    absolute: Boolean,\n    /** Неопределенное состояние прогресса без фиксированного значения */\n    indeterminate: Boolean,\n    /** Делает прогресс-бар кликабельным */\n    clickable: Boolean,\n    /** Обратное направление заполнения шкалы прогресса */\n    reverse: Boolean,\n    /** Отображать потоковую анимацию поверх индикатора прогресса */\n    stream: Boolean,\n    /** Отображать полосы на индикаторе прогресса */\n    striped: Boolean,\n    /** Скруглять индикатор прогресса */\n    roundedBar: Boolean,\n    /** Управление отображением активного состояния прогресс-бара */\n    active: {\n      type: Boolean,\n      default: true\n    },\n    /** Высота прогресс-бара */\n    height: {\n      type: [Number, String],\n      default: 4\n    },\n    /** Максимальное значение прогресса */\n    max: {\n      type: [Number, String],\n      default: 100\n    },\n    /** Текущее значение прогресса */\n    modelValue: {\n      type: [Number, String],\n      default: 0\n    },\n    /** Значение буфера прогресса */\n    bufferValue: {\n      type: [Number, String],\n      default: 0\n    },\n    /** Прозрачность основного индикатора прогресса */\n    opacity: [Number, String],\n    /** Прозрачность фона прогресс-бара */\n    bgOpacity: [Number, String],\n    /** Цвет буферной части прогресс-бара */\n    bufferColor: String,\n    /** Прозрачность буферной части прогресс-бара */\n    bufferOpacity: [Number, String],\n\n    ...defineLocationProps({ location: 'top' } as const),\n    ...defineChunksProps(),\n    ...defineTagProps(),\n    ...defineComponentProps(),\n    ...defineColorProps(),\n    ...defineThemeProps()\n  },\n  CdsProgressBarConstants.name\n);\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,4BAA4B;AAAA,EACvC;AAAA;AAAA,IAEE,UAAU;AAAA;AAAA,IAEV,eAAe;AAAA;AAAA,IAEf,WAAW;AAAA;AAAA,IAEX,SAAS;AAAA;AAAA,IAET,QAAQ;AAAA;AAAA,IAER,SAAS;AAAA;AAAA,IAET,YAAY;AAAA;AAAA,IAEZ,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,KAAK;AAAA,MACH,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,aAAa;AAAA,MACX,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,SAAS,CAAC,QAAQ,MAAM;AAAA;AAAA,IAExB,WAAW,CAAC,QAAQ,MAAM;AAAA;AAAA,IAE1B,aAAa;AAAA;AAAA,IAEb,eAAe,CAAC,QAAQ,MAAM;AAAA,IAE9B,GAAG,oBAAoB,EAAE,UAAU,OAAgB;AAAA,IACnD,GAAG,kBAAA;AAAA,IACH,GAAG,eAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,wBAAwB;AAC1B;"}
+{"version":3,"file":"CdsProgressBar.props.js","sources":["../../../../../../src/components/CdsProgressBar/api/CdsProgressBar.props.ts"],"sourcesContent":["import { defineColorProps } from '@cds/composables/useColor';\nimport { defineLocationProps } from '@cds/composables/useLocation';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\n\nimport { defineChunksProps } from '../composables/useChunk';\nimport { CdsProgressBarConstants } from './CdsProgressBar.constants';\n\nexport const defineCdsProgressBarProps = propsFactory(\n  {\n    /**\n     * Абсолютное позиционирование компонента\n     * @en Absolute positioning of the component\n     */\n    absolute: Boolean,\n    /**\n     * Неопределенное состояние прогресса без фиксированного значения\n     * @en Indeterminate progress state with no fixed value\n     */\n    indeterminate: Boolean,\n    /**\n     * Делает прогресс-бар кликабельным\n     * @en Makes the progress bar clickable\n     */\n    clickable: Boolean,\n    /**\n     * Обратное направление заполнения шкалы прогресса\n     * @en Fills the progress bar in the opposite direction\n     */\n    reverse: Boolean,\n    /**\n     * Отображать потоковую анимацию поверх индикатора прогресса\n     * @en Shows a streaming animation over the progress indicator\n     */\n    stream: Boolean,\n    /**\n     * Отображать полосы на индикаторе прогресса\n     * @en Shows stripes on the progress indicator\n     */\n    striped: Boolean,\n    /**\n     * Скруглять индикатор прогресса\n     * @en Rounds the progress indicator\n     */\n    roundedBar: Boolean,\n    /**\n     * Управление отображением активного состояния прогресс-бара\n     * @en Controls the active state of the progress bar\n     */\n    active: {\n      type: Boolean,\n      default: true\n    },\n    /**\n     * Высота прогресс-бара\n     * @en Height of the progress bar\n     */\n    height: {\n      type: [Number, String],\n      default: 4\n    },\n    /**\n     * Максимальное значение прогресса\n     * @en Maximum progress value\n     */\n    max: {\n      type: [Number, String],\n      default: 100\n    },\n    /**\n     * Текущее значение прогресса\n     * @en Current progress value\n     */\n    modelValue: {\n      type: [Number, String],\n      default: 0\n    },\n    /**\n     * Значение буфера прогресса\n     * @en Buffer value of the progress\n     */\n    bufferValue: {\n      type: [Number, String],\n      default: 0\n    },\n    /**\n     * Прозрачность основного индикатора прогресса\n     * @en Opacity of the main progress indicator\n     */\n    opacity: [Number, String],\n    /**\n     * Прозрачность фона прогресс-бара\n     * @en Opacity of the progress bar background\n     */\n    bgOpacity: [Number, String],\n    /**\n     * Цвет буферной части прогресс-бара\n     * @en Color of the buffer part of the progress bar\n     */\n    bufferColor: String,\n    /**\n     * Прозрачность буферной части прогресс-бара\n     * @en Opacity of the buffer part of the progress bar\n     */\n    bufferOpacity: [Number, String],\n\n    ...defineLocationProps({ location: 'top' } as const),\n    ...defineChunksProps(),\n    ...defineTagProps(),\n    ...defineComponentProps(),\n    ...defineColorProps(),\n    ...defineThemeProps()\n  },\n  CdsProgressBarConstants.name\n);\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,4BAA4B;AAAA,EACvC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAKV,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,IAKf,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,IAKX,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKT,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKT,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,IAKZ,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,KAAK;AAAA,MACH,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,aAAa;AAAA,MACX,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,SAAS,CAAC,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxB,WAAW,CAAC,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAK1B,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKb,eAAe,CAAC,QAAQ,MAAM;AAAA,IAE9B,GAAG,oBAAoB,EAAE,UAAU,OAAgB;AAAA,IACnD,GAAG,kBAAA;AAAA,IACH,GAAG,eAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,wBAAwB;AAC1B;"}

package/dist/es/src/components/CdsProgressBar/composables/useChunk.js

@@ -5,6 +5,7 @@ const defineChunksProps = propsFactory(
   {
     /**
      * Количество сегментов, на которые разбивается прогресс-бар
+     * @en Number of segments the progress bar is split into
      */
     chunkCount: {
       type: [Number, String],
@@ -12,6 +13,7 @@ const defineChunksProps = propsFactory(
     },
     /**
      * Ширина одного сегмента прогресс-бара
+     * @en Width of a single segment of the progress bar
      */
     chunkWidth: {
       type: [Number, String],
@@ -19,6 +21,7 @@ const defineChunksProps = propsFactory(
     },
     /**
      * Расстояние между сегментами прогресс-бара
+     * @en Gap between the segments of the progress bar
      */
     chunkGap: {
       type: [Number, String],
@@ -26,6 +29,7 @@ const defineChunksProps = propsFactory(
     },
     /**
      * Вариант отображения сегментов прогресс-бара
+     * @en Display variant of the progress bar segments
      */
     variant: {
       type: String,

package/dist/es/src/components/CdsProgressBar/composables/useChunk.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChunk.js","sources":["../../../../../../src/components/CdsProgressBar/composables/useChunk.ts"],"sourcesContent":["import { propsFactory } from '@cds/core';\nimport { clamp, convertToUnit } from '@cds/utils';\nimport { computed, type ExtractPublicPropTypes, type MaybeRefOrGetter, type PropType, toRef, toValue } from 'vue';\n\nexport const defineChunksProps = propsFactory(\n  {\n    /**\n     * Количество сегментов, на которые разбивается прогресс-бар\n     */\n    chunkCount: {\n      type: [Number, String],\n      default: null\n    },\n    /**\n     * Ширина одного сегмента прогресс-бара\n     */\n    chunkWidth: {\n      type: [Number, String],\n      default: null\n    },\n    /**\n     * Расстояние между сегментами прогресс-бара\n     */\n    chunkGap: {\n      type: [Number, String],\n      default: 4\n    },\n    /**\n     * Вариант отображения сегментов прогресс-бара\n     */\n    variant: {\n      type: String as PropType<'split'>,\n      default: undefined,\n      validator: (v: string) => ['split'].includes(v)\n    }\n  },\n  'chunks'\n);\n\nexport interface ChunksProps extends ExtractPublicPropTypes<ReturnType<typeof defineChunksProps>> {}\n\nexport function useChunks(\n  props: ChunksProps,\n  containerWidth: MaybeRefOrGetter<number | undefined>,\n  value: MaybeRefOrGetter<number>,\n  bufferValue: MaybeRefOrGetter<number>,\n  reversed: MaybeRefOrGetter<boolean>\n) {\n  const isSplit = toRef(() => props.variant === 'split');\n  const chunkCount = toRef(() => (isSplit.value ? 2 : Number(props.chunkCount) || 0));\n  const hasChunks = toRef(() => !isSplit.value && (!!chunkCount.value || !!props.chunkWidth));\n\n  const chunkWidth = computed(() => {\n    const containerSize = toValue(containerWidth);\n    if (!containerSize) return 0;\n\n    if (chunkCount.value) {\n      const availableWidth = containerSize - Number(props.chunkGap) * (chunkCount.value - 1);\n      return availableWidth / chunkCount.value;\n    }\n\n    return Number(props.chunkWidth);\n  });\n\n  const chunkGap = toRef(() => Number(props.chunkGap));\n\n  const chunksMaskStyles = computed(() => {\n    if (!hasChunks.value) return {};\n\n    const chunkGapPx = convertToUnit(chunkGap.value);\n    const chunkWidthPx = convertToUnit(chunkWidth.value);\n\n    return {\n      maskRepeat: 'repeat-x',\n      maskImage: `linear-gradient(90deg, #000, #000 ${chunkWidthPx}, transparent ${chunkWidthPx}, transparent)`,\n      maskSize: `calc(${chunkWidthPx} + ${chunkGapPx}) 100%`\n    };\n  });\n\n  const splitStyles = computed(() => {\n    if (!isSplit.value) return undefined;\n\n    const halfGap = convertToUnit(chunkGap.value / 2);\n    const position = toValue(reversed) ? 'right' : 'left';\n\n    const val = toValue(value);\n    if (val <= 0 || val >= 100) return undefined;\n\n    const buffer = toValue(bufferValue);\n    const split = convertToUnit(val, '%');\n    const hasBuffer = buffer > val && buffer < 100;\n    const bufferSplit = convertToUnit(buffer, '%');\n\n    return {\n      bar: {\n        width: `calc(${split} - ${halfGap})`\n      },\n      buffer: hasBuffer\n        ? {\n            [position]: `calc(${split} + ${halfGap})`,\n            width: `calc(${bufferSplit} - ${split} - ${convertToUnit(chunkGap.value)})`\n          }\n        : undefined,\n      background: {\n        [position]: `calc(${hasBuffer ? bufferSplit : split} + ${halfGap})`,\n        width: `calc(100% - ${hasBuffer ? bufferSplit : split} - ${halfGap})`\n      }\n    };\n  });\n\n  function snapValueToChunk(val: number) {\n    if (isSplit.value) return val;\n\n    const containerSize = toValue(containerWidth);\n    if (!containerSize) return val;\n\n    const gapRelativeSize = (100 * chunkGap.value) / containerSize;\n    const chunkRelativeSize = (100 * (chunkWidth.value + chunkGap.value)) / containerSize;\n    const filledChunks = Math.floor((val + gapRelativeSize) / chunkRelativeSize);\n    return clamp(0, filledChunks * chunkRelativeSize - gapRelativeSize / 2, 100);\n  }\n\n  return {\n    hasChunks: toRef(() => hasChunks.value || isSplit.value),\n    isSplit,\n    chunkCount,\n    chunksMaskStyles,\n    splitStyles,\n    snapValueToChunk\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useChunk.js","sources":["../../../../../../src/components/CdsProgressBar/composables/useChunk.ts"],"sourcesContent":["import { propsFactory } from '@cds/core';\nimport { clamp, convertToUnit } from '@cds/utils';\nimport { computed, type ExtractPublicPropTypes, type MaybeRefOrGetter, type PropType, toRef, toValue } from 'vue';\n\nexport const defineChunksProps = propsFactory(\n  {\n    /**\n     * Количество сегментов, на которые разбивается прогресс-бар\n     * @en Number of segments the progress bar is split into\n     */\n    chunkCount: {\n      type: [Number, String],\n      default: null\n    },\n    /**\n     * Ширина одного сегмента прогресс-бара\n     * @en Width of a single segment of the progress bar\n     */\n    chunkWidth: {\n      type: [Number, String],\n      default: null\n    },\n    /**\n     * Расстояние между сегментами прогресс-бара\n     * @en Gap between the segments of the progress bar\n     */\n    chunkGap: {\n      type: [Number, String],\n      default: 4\n    },\n    /**\n     * Вариант отображения сегментов прогресс-бара\n     * @en Display variant of the progress bar segments\n     */\n    variant: {\n      type: String as PropType<'split'>,\n      default: undefined,\n      validator: (v: string) => ['split'].includes(v)\n    }\n  },\n  'chunks'\n);\n\nexport interface ChunksProps extends ExtractPublicPropTypes<ReturnType<typeof defineChunksProps>> {}\n\nexport function useChunks(\n  props: ChunksProps,\n  containerWidth: MaybeRefOrGetter<number | undefined>,\n  value: MaybeRefOrGetter<number>,\n  bufferValue: MaybeRefOrGetter<number>,\n  reversed: MaybeRefOrGetter<boolean>\n) {\n  const isSplit = toRef(() => props.variant === 'split');\n  const chunkCount = toRef(() => (isSplit.value ? 2 : Number(props.chunkCount) || 0));\n  const hasChunks = toRef(() => !isSplit.value && (!!chunkCount.value || !!props.chunkWidth));\n\n  const chunkWidth = computed(() => {\n    const containerSize = toValue(containerWidth);\n    if (!containerSize) return 0;\n\n    if (chunkCount.value) {\n      const availableWidth = containerSize - Number(props.chunkGap) * (chunkCount.value - 1);\n      return availableWidth / chunkCount.value;\n    }\n\n    return Number(props.chunkWidth);\n  });\n\n  const chunkGap = toRef(() => Number(props.chunkGap));\n\n  const chunksMaskStyles = computed(() => {\n    if (!hasChunks.value) return {};\n\n    const chunkGapPx = convertToUnit(chunkGap.value);\n    const chunkWidthPx = convertToUnit(chunkWidth.value);\n\n    return {\n      maskRepeat: 'repeat-x',\n      maskImage: `linear-gradient(90deg, #000, #000 ${chunkWidthPx}, transparent ${chunkWidthPx}, transparent)`,\n      maskSize: `calc(${chunkWidthPx} + ${chunkGapPx}) 100%`\n    };\n  });\n\n  const splitStyles = computed(() => {\n    if (!isSplit.value) return undefined;\n\n    const halfGap = convertToUnit(chunkGap.value / 2);\n    const position = toValue(reversed) ? 'right' : 'left';\n\n    const val = toValue(value);\n    if (val <= 0 || val >= 100) return undefined;\n\n    const buffer = toValue(bufferValue);\n    const split = convertToUnit(val, '%');\n    const hasBuffer = buffer > val && buffer < 100;\n    const bufferSplit = convertToUnit(buffer, '%');\n\n    return {\n      bar: {\n        width: `calc(${split} - ${halfGap})`\n      },\n      buffer: hasBuffer\n        ? {\n            [position]: `calc(${split} + ${halfGap})`,\n            width: `calc(${bufferSplit} - ${split} - ${convertToUnit(chunkGap.value)})`\n          }\n        : undefined,\n      background: {\n        [position]: `calc(${hasBuffer ? bufferSplit : split} + ${halfGap})`,\n        width: `calc(100% - ${hasBuffer ? bufferSplit : split} - ${halfGap})`\n      }\n    };\n  });\n\n  function snapValueToChunk(val: number) {\n    if (isSplit.value) return val;\n\n    const containerSize = toValue(containerWidth);\n    if (!containerSize) return val;\n\n    const gapRelativeSize = (100 * chunkGap.value) / containerSize;\n    const chunkRelativeSize = (100 * (chunkWidth.value + chunkGap.value)) / containerSize;\n    const filledChunks = Math.floor((val + gapRelativeSize) / chunkRelativeSize);\n    return clamp(0, filledChunks * chunkRelativeSize - gapRelativeSize / 2, 100);\n  }\n\n  return {\n    hasChunks: toRef(() => hasChunks.value || isSplit.value),\n    isSplit,\n    chunkCount,\n    chunksMaskStyles,\n    splitStyles,\n    snapValueToChunk\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/es/src/components/CdsProgressCircle/CdsProgressCircle.css

@@ -1,21 +1,3 @@
-@charset "UTF-8";
-/*
-* Easing component
-* @type Map
-*/
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
 @layer cds-components {
   .cds-progress-circle {
     position: relative;

package/dist/es/src/components/CdsProgressCircle/CdsProgressCircle.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,12 @@
 import { defineComponent, useSlots, shallowRef, toRef, unref, computed, createVNode } from "vue";
 import { u as useReveal } from "../../composables/useReveal/useReveal.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { c as clamp, u as convertToUnit } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
 import { P as PREFERS_REDUCED_MOTION } from "../../utils/dom/globals.js";
 import { C as CdsProgressCircleConstants } from "./api/CdsProgressCircle.constants.js";
 import { d as defineCdsProgressCircleProps } from "./api/CdsProgressCircle.props.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useSize } from "../../composables/useSize/useSize.js";
 import { u as useTextColor } from "../../composables/useColor/useColor.js";
 import { a as useElementSize } from "../../hooks/useResizeObserver/index.js";