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

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

@@ -1 +1 @@
-{"version":3,"file":"CdsSlideGroup.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsSlideGroup/CdsSlideGroup.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsSlideGroup.scss';\n\nimport type { CdsSlideGroupSlots } from '@cds/components';\nimport { useDirection } from '@cds/composables/useDirection';\nimport { useDisplay } from '@cds/composables/useDisplay';\nimport { type GoToOptions, useGoTo } from '@cds/composables/useGoTo';\nimport { useGroup } from '@cds/composables/useGroup';\nimport { useRtl } from '@cds/composables/useLocale';\nimport { useResizeObserver } from '@cds/composables/useResizeObserver';\nimport { useDefaults } from '@cds/core';\nimport { CdsTransitionFade } from '@cds/transitions';\nimport { classNames, focusableChildren, IN_BROWSER, keyNames } from '@cds/utils';\nimport { computed, shallowRef, unref, watch } from 'vue';\n\nimport { CdsFunctionalButton } from '../CdsFunctionalButton';\nimport { CdsSlideGroupConstants } from './api/CdsSlideGroup.constants';\nimport { defineCdsSlideGroupProps } from './api/CdsSlideGroup.props';\nimport {\n  calculateCenteredTarget,\n  calculateUpdatedTarget,\n  getOffsetSize,\n  getScrollPosition,\n  getScrollSize\n} from './utils/calculateTargets';\n\ndefineOptions({\n  name: CdsSlideGroupConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsSlideGroupProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsSlideGroupSlots>();\n\nconst { displayClasses, mobile } = useDisplay(props);\nconst group = useGroup(props, props.symbol);\nconst { isRtl } = useRtl();\nconst { isHorizontal } = useDirection(props);\n\nconst isOverflowing = shallowRef(false);\nconst scrollOffset = shallowRef(0);\nconst containerSize = shallowRef(0);\nconst contentSize = shallowRef(0);\n\nconst { resizeRef: containerRef, contentRect: containerRect } = useResizeObserver();\nconst { resizeRef: contentRef, contentRect } = useResizeObserver();\n\nconst goTo = useGoTo();\nconst goToOptions = computed<Partial<GoToOptions>>(() => {\n  return {\n    container: containerRef.el,\n    duration: 200,\n    easing: 'easeOutQuart'\n  };\n});\n\nconst firstSelectedIndex = computed(() => {\n  if (!unref(group.selected).length) return -1;\n  return unref(group.items).findIndex((item) => item.id === unref(group.selected)[0]);\n});\n\nconst lastSelectedIndex = computed(() => {\n  if (!unref(group.selected).length) return -1;\n  return unref(group.items).findIndex((item) => item.id === unref(group.selected)[unref(group.selected).length - 1]);\n});\n\nif (IN_BROWSER) {\n  let frame = -1;\n  watch(\n    () => [unref(group.selected), unref(containerRect), unref(contentRect), unref(isHorizontal)],\n    () => {\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(() => {\n        if (unref(containerRect) && unref(contentRect)) {\n          const sizeProperty = unref(isHorizontal) ? 'width' : 'height';\n\n          containerSize.value = unref(containerRect)![sizeProperty];\n          contentSize.value = unref(contentRect)![sizeProperty];\n\n          isOverflowing.value = containerSize.value + 1 < contentSize.value;\n        }\n\n        if (props.scrollToActive && firstSelectedIndex.value >= 0 && contentRef.el) {\n          const selectedElement = contentRef.el.children[lastSelectedIndex.value] as HTMLElement;\n\n          scrollToChildren(selectedElement, props.centerActive);\n        }\n      });\n    }\n  );\n}\n\nconst isFocused = shallowRef(false);\n\nconst slotProps = computed(() => ({\n  next: group.next,\n  prev: group.prev,\n  select: group.select,\n  isSelected: group.isSelected\n}));\n\nconst hasOverflowOrScroll = computed(() => unref(isOverflowing) || Math.abs(unref(scrollOffset)) > 0);\n\nconst hasAffixes = computed(() => {\n  switch (props.showArrows) {\n    case 'never':\n      return false;\n\n    // Always show arrows on desktop & mobile\n    case 'always':\n      return true;\n\n    // Always show arrows on desktop\n    case 'desktop':\n      return !unref(mobile);\n\n    // Show arrows on mobile when overflowing.\n    case true:\n      return unref(hasOverflowOrScroll);\n\n    // Always show on mobile\n    case 'mobile':\n      return unref(mobile) || unref(hasOverflowOrScroll);\n\n    // Always show arrows when overflowed on desktop\n    default:\n      return !unref(mobile) && unref(hasOverflowOrScroll);\n  }\n});\n\nconst hasPrev = computed(() => Math.abs(unref(scrollOffset)) > 1);\n\nconst hasNext = computed(() => {\n  if (!unref(hasOverflowOrScroll)) return false;\n\n  const scrollSizeMax = unref(contentSize) - unref(containerSize);\n\n  return scrollSizeMax - Math.abs(unref(scrollOffset)) > 1;\n});\n\nfunction scrollToChildren(children: HTMLElement, center?: boolean) {\n  let target = 0;\n\n  if (center) {\n    target = calculateCenteredTarget({\n      containerElement: containerRef.el!,\n      isHorizontal: unref(isHorizontal),\n      selectedElement: children\n    });\n  } else {\n    target = calculateUpdatedTarget({\n      containerElement: containerRef.el!,\n      isHorizontal: unref(isHorizontal),\n      isRtl: unref(isRtl),\n      selectedElement: children\n    });\n  }\n\n  scrollToPosition(target);\n}\n\nfunction scrollToPosition(newPosition: number) {\n  if (!IN_BROWSER || !containerRef.el) return;\n\n  const offsetSize = getOffsetSize(unref(isHorizontal), containerRef.el);\n  const scrollPosition = getScrollPosition(unref(isHorizontal), unref(isRtl), containerRef.el);\n  const scrollSize = getScrollSize(unref(isHorizontal), containerRef.el);\n\n  if (scrollSize <= offsetSize || Math.abs(newPosition - scrollPosition) < 16) return;\n\n  if (unref(isHorizontal) && unref(isRtl) && containerRef.el) {\n    const { scrollWidth, offsetWidth: containerWidth } = containerRef.el!;\n\n    newPosition = scrollWidth - containerWidth - newPosition;\n  }\n\n  if (unref(isHorizontal)) {\n    goTo.horizontal(newPosition, unref(goToOptions));\n  } else {\n    goTo(newPosition, unref(goToOptions));\n  }\n}\n\nfunction onScroll(event: Event) {\n  const { scrollTop, scrollLeft } = event.target as HTMLElement;\n\n  scrollOffset.value = unref(isHorizontal) ? scrollLeft : scrollTop;\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  if (!contentRef.el) return;\n\n  function toFocus(location: Parameters<typeof focus>[0]) {\n    event.preventDefault();\n    focus(location);\n  }\n\n  if (unref(isHorizontal)) {\n    if (event.key === keyNames.right) {\n      toFocus(unref(isRtl) ? 'prev' : 'next');\n    } else if (event.key === keyNames.left) {\n      toFocus(unref(isRtl) ? 'next' : 'prev');\n    }\n  } else {\n    if (event.key === keyNames.down) {\n      toFocus('next');\n    } else if (event.key === keyNames.up) {\n      toFocus('prev');\n    }\n  }\n\n  if (event.key === keyNames.home) {\n    toFocus('first');\n  } else if (event.key === keyNames.end) {\n    toFocus('last');\n  }\n}\n\nlet ignoreFocusEvent = false;\nfunction onFocusin(event: FocusEvent) {\n  isFocused.value = true;\n\n  if (!unref(isOverflowing) || !contentRef.el) return;\n\n  for (const el of event.composedPath()) {\n    for (const item of contentRef.el.children) {\n      if (item === el) {\n        scrollToChildren(item as HTMLElement);\n        return;\n      }\n    }\n  }\n}\n\nfunction onFocusout() {\n  isFocused.value = false;\n}\n\nfunction onFocus(event: FocusEvent) {\n  if (\n    !ignoreFocusEvent &&\n    !unref(isFocused) &&\n    !(event.relatedTarget && contentRef.el?.contains(event.relatedTarget as Node))\n  )\n    focus();\n\n  ignoreFocusEvent = false;\n}\n\nfunction onFocusAffixes() {\n  ignoreFocusEvent = true;\n}\n\nfunction getSiblingElement(el: HTMLElement | null, location: 'next' | 'prev') {\n  if (!el) return undefined;\n  let sibling: HTMLElement | null = el;\n  do {\n    sibling = sibling?.[location === 'next' ? 'nextElementSibling' : 'previousElementSibling'] as HTMLElement | null;\n  } while (sibling?.hasAttribute('disabled'));\n  return sibling;\n}\n\nfunction focus(location?: 'next' | 'prev' | 'first' | 'last') {\n  if (!contentRef.el) return;\n\n  let el: HTMLElement | null | undefined;\n\n  if (!location) {\n    const focusable = focusableChildren(contentRef.el);\n    el = focusable[0];\n  } else if (location === 'next') {\n    el = getSiblingElement(contentRef.el.querySelector(':focus'), location);\n\n    if (!el) return focus('first');\n  } else if (location === 'prev') {\n    el = getSiblingElement(contentRef.el.querySelector(':focus'), location);\n\n    if (!el) return focus('last');\n  } else if (location === 'first') {\n    el = contentRef.el.firstElementChild as HTMLElement;\n\n    if (el?.hasAttribute('disabled')) el = getSiblingElement(el, 'next');\n  } else if (location === 'last') {\n    el = contentRef.el.lastElementChild as HTMLElement;\n\n    if (el?.hasAttribute('disabled')) el = getSiblingElement(el, 'prev');\n  }\n\n  if (el) {\n    el.focus({ preventScroll: true });\n  }\n}\n\nfunction scrollTo(location: 'prev' | 'next') {\n  const direction = unref(isHorizontal) && unref(isRtl) ? -1 : 1;\n\n  const offsetStep = (location === 'prev' ? -direction : direction) * unref(containerSize);\n\n  let newPosition = unref(scrollOffset) + offsetStep;\n\n  if (unref(isHorizontal) && unref(isRtl) && containerRef.el) {\n    const { scrollWidth, offsetWidth: containerWidth } = containerRef.el!;\n\n    newPosition += scrollWidth - containerWidth;\n  }\n\n  scrollToPosition(newPosition);\n}\n\ndefineRender(() => {\n  const { rootClass } = CdsSlideGroupConstants;\n\n  return (\n    <props.tag\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--vertical`]: !unref(isHorizontal),\n          [`${rootClass}--has-affixes`]: unref(hasAffixes),\n          [`${rootClass}--is-overflowing`]: unref(isOverflowing)\n        },\n        unref(displayClasses),\n        props.class\n      )}\n      style={props.style}\n      tabindex={unref(isFocused) || unref(group.selected).length ? -1 : 0}\n      onFocus={onFocus}\n    >\n      {unref(hasAffixes) && (\n        <div\n          key=\"prev\"\n          class={classNames(`${rootClass}__prev`, {\n            [`${rootClass}__prev--disabled`]: !unref(hasPrev)\n          })}\n          onMousedown={onFocusAffixes}\n          onClick={() => unref(hasPrev) && scrollTo('prev')}\n        >\n          {slots.prev?.(unref(slotProps)) ?? (\n            <CdsTransitionFade>\n              <CdsFunctionalButton icon={unref(isRtl) ? props.nextIcon : props.prevIcon} disabled={!unref(hasPrev)} />\n            </CdsTransitionFade>\n          )}\n        </div>\n      )}\n\n      <div\n        key=\"container\"\n        ref={containerRef}\n        class={classNames(`${rootClass}__container`, props.contentClass)}\n        style={props.contentStyle}\n        onScroll={onScroll}\n      >\n        <div\n          ref={contentRef}\n          class={classNames(`${rootClass}__content`)}\n          onFocusin={onFocusin}\n          onFocusout={onFocusout}\n          onKeydown={onKeydown}\n        >\n          {slots.default?.(unref(slotProps))}\n        </div>\n      </div>\n\n      {unref(hasAffixes) && (\n        <div\n          key=\"next\"\n          class={classNames(`${rootClass}__next`, {\n            [`${rootClass}__next--disabled`]: !unref(hasNext)\n          })}\n          onMousedown={onFocusAffixes}\n          onClick={() => unref(hasNext) && scrollTo('next')}\n        >\n          {slots.next?.(unref(slotProps)) ?? (\n            <CdsTransitionFade>\n              <CdsFunctionalButton icon={unref(isRtl) ? props.prevIcon : props.nextIcon} disabled={!unref(hasNext)} />\n            </CdsTransitionFade>\n          )}\n        </div>\n      )}\n    </props.tag>\n  );\n});\n\ndefineExpose({\n  /** Получить индекс выбранного элемента */\n  selected: group.selected,\n  /** Получить скролл элемента */\n  scrollOffset,\n  /** Возвращает значение true, если перед текущим индексом есть элементы. */\n  hasPrev,\n  /** Возвращает значение true, если после текущего индекса есть элементы. */\n  hasNext,\n  /** Зафокусить компонента */\n  focus,\n  /** Проскроллить к элементу по индексу */\n  scrollTo\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","displayClasses","mobile","useDisplay","group","useGroup","symbol","isRtl","useRtl","isHorizontal","useDirection","isOverflowing","shallowRef","scrollOffset","containerSize","contentSize","resizeRef","containerRef","contentRect","containerRect","useResizeObserver","contentRef","goTo","useGoTo","goToOptions","computed","container","el","duration","easing","firstSelectedIndex","unref","selected","length","items","findIndex","item","id","lastSelectedIndex","IN_BROWSER","frame","watch","cancelAnimationFrame","requestAnimationFrame","sizeProperty","value","scrollToActive","selectedElement","children","scrollToChildren","centerActive","isFocused","slotProps","next","prev","select","isSelected","hasOverflowOrScroll","Math","abs","hasAffixes","showArrows","hasPrev","hasNext","scrollSizeMax","center","target","calculateCenteredTarget","containerElement","calculateUpdatedTarget","scrollToPosition","newPosition","offsetSize","getOffsetSize","scrollPosition","getScrollPosition","scrollSize","getScrollSize","scrollWidth","offsetWidth","containerWidth","horizontal","onScroll","event","scrollTop","scrollLeft","onKeydown","toFocus","location","preventDefault","focus","key","keyNames","right","left","down","up","home","end","ignoreFocusEvent","onFocusin","composedPath","onFocusout","onFocus","relatedTarget","contains","onFocusAffixes","getSiblingElement","undefined","sibling","hasAttribute","focusable","focusableChildren","querySelector","firstElementChild","lastElementChild","preventScroll","scrollTo","direction","offsetStep","__expose","rootClass","CdsSlideGroupConstants","_createVNode","tag","classNames","class","style","default","onClick","CdsTransitionFade","CdsFunctionalButton","nextIcon","prevIcon","contentClass","contentStyle"],"mappings":"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"}
+{"version":3,"file":"CdsSlideGroup.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsSlideGroup/CdsSlideGroup.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsSlideGroup.scss';\n\nimport type { CdsSlideGroupSlots } from '@cds/components';\nimport { useDirection } from '@cds/composables/useDirection';\nimport { useDisplay } from '@cds/composables/useDisplay';\nimport { type GoToOptions, useGoTo } from '@cds/composables/useGoTo';\nimport { useGroup } from '@cds/composables/useGroup';\nimport { useRtl } from '@cds/composables/useLocale';\nimport { useResizeObserver } from '@cds/composables/useResizeObserver';\nimport { useDefaults } from '@cds/core';\nimport { CdsTransitionFade } from '@cds/transitions';\nimport { classNames, focusableChildren, IN_BROWSER, keyNames } from '@cds/utils';\nimport { computed, shallowRef, unref, watch } from 'vue';\n\nimport { CdsFunctionalButton } from '../CdsFunctionalButton';\nimport { CdsSlideGroupConstants } from './api/CdsSlideGroup.constants';\nimport { defineCdsSlideGroupProps } from './api/CdsSlideGroup.props';\nimport {\n  calculateCenteredTarget,\n  calculateUpdatedTarget,\n  getOffsetSize,\n  getScrollPosition,\n  getScrollSize\n} from './utils/calculateTargets';\n\ndefineOptions({\n  name: CdsSlideGroupConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsSlideGroupProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsSlideGroupSlots>();\n\nconst { displayClasses, mobile } = useDisplay(props);\nconst group = useGroup(props, props.symbol);\nconst { isRtl } = useRtl();\nconst { isHorizontal } = useDirection(props);\n\nconst isOverflowing = shallowRef(false);\nconst scrollOffset = shallowRef(0);\nconst containerSize = shallowRef(0);\nconst contentSize = shallowRef(0);\n\nconst { resizeRef: containerRef, contentRect: containerRect } = useResizeObserver();\nconst { resizeRef: contentRef, contentRect } = useResizeObserver();\n\nconst goTo = useGoTo();\nconst goToOptions = computed<Partial<GoToOptions>>(() => {\n  return {\n    container: containerRef.el,\n    duration: 200,\n    easing: 'easeOutQuart'\n  };\n});\n\nconst firstSelectedIndex = computed(() => {\n  if (!unref(group.selected).length) return -1;\n  return unref(group.items).findIndex((item) => item.id === unref(group.selected)[0]);\n});\n\nconst lastSelectedIndex = computed(() => {\n  if (!unref(group.selected).length) return -1;\n  return unref(group.items).findIndex((item) => item.id === unref(group.selected)[unref(group.selected).length - 1]);\n});\n\nif (IN_BROWSER) {\n  let frame = -1;\n  watch(\n    () => [unref(group.selected), unref(containerRect), unref(contentRect), unref(isHorizontal)],\n    () => {\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(() => {\n        if (unref(containerRect) && unref(contentRect)) {\n          const sizeProperty = unref(isHorizontal) ? 'width' : 'height';\n\n          containerSize.value = unref(containerRect)![sizeProperty];\n          contentSize.value = unref(contentRect)![sizeProperty];\n\n          isOverflowing.value = containerSize.value + 1 < contentSize.value;\n        }\n\n        if (props.scrollToActive && firstSelectedIndex.value >= 0 && contentRef.el) {\n          const selectedElement = contentRef.el.children[lastSelectedIndex.value] as HTMLElement;\n\n          scrollToChildren(selectedElement, props.centerActive);\n        }\n      });\n    }\n  );\n}\n\nconst isFocused = shallowRef(false);\n\nconst slotProps = computed(() => ({\n  next: group.next,\n  prev: group.prev,\n  select: group.select,\n  isSelected: group.isSelected\n}));\n\nconst hasOverflowOrScroll = computed(() => unref(isOverflowing) || Math.abs(unref(scrollOffset)) > 0);\n\nconst hasAffixes = computed(() => {\n  switch (props.showArrows) {\n    case 'never':\n      return false;\n\n    // Always show arrows on desktop & mobile\n    case 'always':\n      return true;\n\n    // Always show arrows on desktop\n    case 'desktop':\n      return !unref(mobile);\n\n    // Show arrows on mobile when overflowing.\n    case true:\n      return unref(hasOverflowOrScroll);\n\n    // Always show on mobile\n    case 'mobile':\n      return unref(mobile) || unref(hasOverflowOrScroll);\n\n    // Always show arrows when overflowed on desktop\n    default:\n      return !unref(mobile) && unref(hasOverflowOrScroll);\n  }\n});\n\nconst hasPrev = computed(() => Math.abs(unref(scrollOffset)) > 1);\n\nconst hasNext = computed(() => {\n  if (!unref(hasOverflowOrScroll)) return false;\n\n  const scrollSizeMax = unref(contentSize) - unref(containerSize);\n\n  return scrollSizeMax - Math.abs(unref(scrollOffset)) > 1;\n});\n\nfunction scrollToChildren(children: HTMLElement, center?: boolean) {\n  let target = 0;\n\n  if (center) {\n    target = calculateCenteredTarget({\n      containerElement: containerRef.el!,\n      isHorizontal: unref(isHorizontal),\n      selectedElement: children\n    });\n  } else {\n    target = calculateUpdatedTarget({\n      containerElement: containerRef.el!,\n      isHorizontal: unref(isHorizontal),\n      isRtl: unref(isRtl),\n      selectedElement: children\n    });\n  }\n\n  scrollToPosition(target);\n}\n\nfunction scrollToPosition(newPosition: number) {\n  if (!IN_BROWSER || !containerRef.el) return;\n\n  const offsetSize = getOffsetSize(unref(isHorizontal), containerRef.el);\n  const scrollPosition = getScrollPosition(unref(isHorizontal), unref(isRtl), containerRef.el);\n  const scrollSize = getScrollSize(unref(isHorizontal), containerRef.el);\n\n  if (scrollSize <= offsetSize || Math.abs(newPosition - scrollPosition) < 16) return;\n\n  if (unref(isHorizontal) && unref(isRtl) && containerRef.el) {\n    const { scrollWidth, offsetWidth: containerWidth } = containerRef.el!;\n\n    newPosition = scrollWidth - containerWidth - newPosition;\n  }\n\n  if (unref(isHorizontal)) {\n    goTo.horizontal(newPosition, unref(goToOptions));\n  } else {\n    goTo(newPosition, unref(goToOptions));\n  }\n}\n\nfunction onScroll(event: Event) {\n  const { scrollTop, scrollLeft } = event.target as HTMLElement;\n\n  scrollOffset.value = unref(isHorizontal) ? scrollLeft : scrollTop;\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  if (!contentRef.el) return;\n\n  function toFocus(location: Parameters<typeof focus>[0]) {\n    event.preventDefault();\n    focus(location);\n  }\n\n  if (unref(isHorizontal)) {\n    if (event.key === keyNames.right) {\n      toFocus(unref(isRtl) ? 'prev' : 'next');\n    } else if (event.key === keyNames.left) {\n      toFocus(unref(isRtl) ? 'next' : 'prev');\n    }\n  } else {\n    if (event.key === keyNames.down) {\n      toFocus('next');\n    } else if (event.key === keyNames.up) {\n      toFocus('prev');\n    }\n  }\n\n  if (event.key === keyNames.home) {\n    toFocus('first');\n  } else if (event.key === keyNames.end) {\n    toFocus('last');\n  }\n}\n\nlet ignoreFocusEvent = false;\nfunction onFocusin(event: FocusEvent) {\n  isFocused.value = true;\n\n  if (!unref(isOverflowing) || !contentRef.el) return;\n\n  for (const el of event.composedPath()) {\n    for (const item of contentRef.el.children) {\n      if (item === el) {\n        scrollToChildren(item as HTMLElement);\n        return;\n      }\n    }\n  }\n}\n\nfunction onFocusout() {\n  isFocused.value = false;\n}\n\nfunction onFocus(event: FocusEvent) {\n  if (\n    !ignoreFocusEvent &&\n    !unref(isFocused) &&\n    !(event.relatedTarget && contentRef.el?.contains(event.relatedTarget as Node))\n  )\n    focus();\n\n  ignoreFocusEvent = false;\n}\n\nfunction onFocusAffixes() {\n  ignoreFocusEvent = true;\n}\n\nfunction getSiblingElement(el: HTMLElement | null, location: 'next' | 'prev') {\n  if (!el) return undefined;\n  let sibling: HTMLElement | null = el;\n  do {\n    sibling = sibling?.[location === 'next' ? 'nextElementSibling' : 'previousElementSibling'] as HTMLElement | null;\n  } while (sibling?.hasAttribute('disabled'));\n  return sibling;\n}\n\nfunction focus(location?: 'next' | 'prev' | 'first' | 'last') {\n  if (!contentRef.el) return;\n\n  let el: HTMLElement | null | undefined;\n\n  if (!location) {\n    const focusable = focusableChildren(contentRef.el);\n    el = focusable[0];\n  } else if (location === 'next') {\n    el = getSiblingElement(contentRef.el.querySelector(':focus'), location);\n\n    if (!el) return focus('first');\n  } else if (location === 'prev') {\n    el = getSiblingElement(contentRef.el.querySelector(':focus'), location);\n\n    if (!el) return focus('last');\n  } else if (location === 'first') {\n    el = contentRef.el.firstElementChild as HTMLElement;\n\n    if (el?.hasAttribute('disabled')) el = getSiblingElement(el, 'next');\n  } else if (location === 'last') {\n    el = contentRef.el.lastElementChild as HTMLElement;\n\n    if (el?.hasAttribute('disabled')) el = getSiblingElement(el, 'prev');\n  }\n\n  if (el) {\n    el.focus({ preventScroll: true });\n  }\n}\n\nfunction scrollTo(location: 'prev' | 'next') {\n  const direction = unref(isHorizontal) && unref(isRtl) ? -1 : 1;\n\n  const offsetStep = (location === 'prev' ? -direction : direction) * unref(containerSize);\n\n  let newPosition = unref(scrollOffset) + offsetStep;\n\n  if (unref(isHorizontal) && unref(isRtl) && containerRef.el) {\n    const { scrollWidth, offsetWidth: containerWidth } = containerRef.el!;\n\n    newPosition += scrollWidth - containerWidth;\n  }\n\n  scrollToPosition(newPosition);\n}\n\ndefineRender(() => {\n  const { rootClass } = CdsSlideGroupConstants;\n\n  return (\n    <props.tag\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--vertical`]: !unref(isHorizontal),\n          [`${rootClass}--has-affixes`]: unref(hasAffixes),\n          [`${rootClass}--is-overflowing`]: unref(isOverflowing)\n        },\n        unref(displayClasses),\n        props.class\n      )}\n      style={props.style}\n      tabindex={unref(isFocused) || unref(group.selected).length ? -1 : 0}\n      onFocus={onFocus}\n    >\n      {unref(hasAffixes) && (\n        <div\n          key=\"prev\"\n          class={classNames(`${rootClass}__prev`, {\n            [`${rootClass}__prev--disabled`]: !unref(hasPrev)\n          })}\n          onMousedown={onFocusAffixes}\n          onClick={() => unref(hasPrev) && scrollTo('prev')}\n        >\n          {slots.prev?.(unref(slotProps)) ?? (\n            <CdsTransitionFade>\n              <CdsFunctionalButton icon={unref(isRtl) ? props.nextIcon : props.prevIcon} disabled={!unref(hasPrev)} />\n            </CdsTransitionFade>\n          )}\n        </div>\n      )}\n\n      <div\n        key=\"container\"\n        ref={containerRef}\n        class={classNames(`${rootClass}__container`, props.contentClass)}\n        style={props.contentStyle}\n        onScroll={onScroll}\n      >\n        <div\n          ref={contentRef}\n          class={classNames(`${rootClass}__content`)}\n          onFocusin={onFocusin}\n          onFocusout={onFocusout}\n          onKeydown={onKeydown}\n        >\n          {slots.default?.(unref(slotProps))}\n        </div>\n      </div>\n\n      {unref(hasAffixes) && (\n        <div\n          key=\"next\"\n          class={classNames(`${rootClass}__next`, {\n            [`${rootClass}__next--disabled`]: !unref(hasNext)\n          })}\n          onMousedown={onFocusAffixes}\n          onClick={() => unref(hasNext) && scrollTo('next')}\n        >\n          {slots.next?.(unref(slotProps)) ?? (\n            <CdsTransitionFade>\n              <CdsFunctionalButton icon={unref(isRtl) ? props.prevIcon : props.nextIcon} disabled={!unref(hasNext)} />\n            </CdsTransitionFade>\n          )}\n        </div>\n      )}\n    </props.tag>\n  );\n});\n\ndefineExpose({\n  /**\n   * Получить индекс выбранного элемента\n   * @en Returns the index of the selected element\n   */\n  selected: group.selected,\n  /**\n   * Получить скролл элемента\n   * @en Returns the scroll offset of the element\n   */\n  scrollOffset,\n  /**\n   * Возвращает значение true, если перед текущим индексом есть элементы.\n   * @en Returns true if there are elements before the current index.\n   */\n  hasPrev,\n  /**\n   * Возвращает значение true, если после текущего индекса есть элементы.\n   * @en Returns true if there are elements after the current index.\n   */\n  hasNext,\n  /**\n   * Зафокусить компонента\n   * @en Focuses the component\n   */\n  focus,\n  /**\n   * Проскроллить к элементу по индексу\n   * @en Scrolls to the element by its index\n   */\n  scrollTo\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","displayClasses","mobile","useDisplay","group","useGroup","symbol","isRtl","useRtl","isHorizontal","useDirection","isOverflowing","shallowRef","scrollOffset","containerSize","contentSize","resizeRef","containerRef","contentRect","containerRect","useResizeObserver","contentRef","goTo","useGoTo","goToOptions","computed","container","el","duration","easing","firstSelectedIndex","unref","selected","length","items","findIndex","item","id","lastSelectedIndex","IN_BROWSER","frame","watch","cancelAnimationFrame","requestAnimationFrame","sizeProperty","value","scrollToActive","selectedElement","children","scrollToChildren","centerActive","isFocused","slotProps","next","prev","select","isSelected","hasOverflowOrScroll","Math","abs","hasAffixes","showArrows","hasPrev","hasNext","scrollSizeMax","center","target","calculateCenteredTarget","containerElement","calculateUpdatedTarget","scrollToPosition","newPosition","offsetSize","getOffsetSize","scrollPosition","getScrollPosition","scrollSize","getScrollSize","scrollWidth","offsetWidth","containerWidth","horizontal","onScroll","event","scrollTop","scrollLeft","onKeydown","toFocus","location","preventDefault","focus","key","keyNames","right","left","down","up","home","end","ignoreFocusEvent","onFocusin","composedPath","onFocusout","onFocus","relatedTarget","contains","onFocusAffixes","getSiblingElement","undefined","sibling","hasAttribute","focusable","focusableChildren","querySelector","firstElementChild","lastElementChild","preventScroll","scrollTo","direction","offsetStep","__expose","rootClass","CdsSlideGroupConstants","_createVNode","tag","classNames","class","style","default","onClick","CdsTransitionFade","CdsFunctionalButton","nextIcon","prevIcon","contentClass","contentStyle"],"mappings":"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"}

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

@@ -8,16 +8,28 @@ import { C as CdsSlideGroupConstants, a as CdsSlideGroupSymbol, b as CdsSlideGro
 import { d as defineDisplayProps } from "../../../composables/useDisplay/useDisplay.js";
 const defineCdsSlideGroupProps = propsFactory(
   {
-    /** Принудительно выравнивает активный компонент по центру. */
+    /**
+     * Принудительно выравнивает активный компонент по центру.
+     * @en Forces the active component to be aligned to the center.
+     */
     centerActive: Boolean,
-    /** Если `true`, то при изменении активного компонента, контейнер будет прокручиваться так, чтобы он был виден. */
+    /**
+     * Если `true`, то при изменении активного компонента, контейнер будет прокручиваться так, чтобы он был виден.
+     * @en When `true`, the container scrolls the active component into view whenever it changes.
+     */
     scrollToActive: {
       type: Boolean,
       default: true
     },
-    /** Добавляет классы к контейнеру slide group */
+    /**
+     * Добавляет классы к контейнеру slide group
+     * @en Adds classes to the slide group container
+     */
     contentClass: null,
-    /** Добавляет inline-стили к контейнеру slide group */
+    /**
+     * Добавляет inline-стили к контейнеру slide group
+     * @en Adds inline styles to the slide group container
+     */
     contentStyle: null,
     /**
      * Изменяет настройки отображения стрелок:
@@ -27,17 +39,24 @@ const defineCdsSlideGroupProps = propsFactory(
      * Значение «desktop» всегда отображает стрелки на настольных устройствах, а значение «mobile» — на мобильных устройствах.<br />
      * Значение «always» всегда отображает стрелки как на настольных, так и на мобильных устройствах.<br />
      * Используйте значение «never», чтобы отключить отображение стрелок.
+     * @en Changes how the arrows are shown. By default the arrows appear on desktop devices when the container overflows and stay hidden on mobile devices. `true` also shows them on mobile on overflow, `desktop` always shows them on desktop, `mobile` always on mobile, `always` on both, and `never` disables the arrows.
      */
     showArrows: {
       type: [Boolean, String],
       validator: (v) => typeof v === "boolean" || ["always", "desktop", "mobile", "never"].includes(v)
     },
-    /** Иконка для кнопки "следующий". */
+    /**
+     * Иконка для кнопки "следующий".
+     * @en Icon for the “next” button.
+     */
     nextIcon: {
       type: IconValue,
       default: "next"
     },
-    /** Иконка для кнопки "предыдущий". */
+    /**
+     * Иконка для кнопки "предыдущий".
+     * @en Icon for the “previous” button.
+     */
     prevIcon: {
       type: IconValue,
       default: "prev"

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

@@ -1 +1 @@
-{"version":3,"file":"CdsSlideGroup.props.js","sources":["../../../../../../src/components/CdsSlideGroup/api/CdsSlideGroup.props.ts"],"sourcesContent":["import { defineDirectionProps } from '@cds/composables/useDirection';\nimport { defineDisplayProps } from '@cds/composables/useDisplay';\nimport { defineGroupItemProps, defineGroupProps } from '@cds/composables/useGroup';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\n\nimport { CdsSlideGroupConstants, CdsSlideGroupItemConstants, CdsSlideGroupSymbol } from './CdsSlideGroup.constants';\n\nexport const defineCdsSlideGroupProps = propsFactory(\n  {\n    /** Принудительно выравнивает активный компонент по центру. */\n    centerActive: Boolean,\n    /** Если `true`, то при изменении активного компонента, контейнер будет прокручиваться так, чтобы он был виден. */\n    scrollToActive: {\n      type: Boolean,\n      default: true\n    },\n    /** Добавляет классы к контейнеру slide group */\n    contentClass: null,\n    /** Добавляет inline-стили к контейнеру slide group */\n    contentStyle: null,\n    /**\n     * Изменяет настройки отображения стрелок:\n     * По умолчанию стрелки всегда отображаются на Desktop устройствах при переполнении контейнера.<br />\n     * При переполнении контейнера на мобильных устройствах стрелки по умолчанию не отображаются.<br />\n     * Значение «true» для параметра «show-arrows» позволяет отображать эти стрелки на мобильных устройствах при переполнении контейнера.<br />\n     * Значение «desktop» всегда отображает стрелки на настольных устройствах, а значение «mobile» — на мобильных устройствах.<br />\n     * Значение «always» всегда отображает стрелки как на настольных, так и на мобильных устройствах.<br />\n     * Используйте значение «never», чтобы отключить отображение стрелок.\n     */\n    showArrows: {\n      type: [Boolean, String],\n      validator: (v: any) => typeof v === 'boolean' || ['always', 'desktop', 'mobile', 'never'].includes(v)\n    },\n    /** Иконка для кнопки \"следующий\". */\n    nextIcon: {\n      type: IconValue,\n      default: 'next'\n    },\n    /** Иконка для кнопки \"предыдущий\". */\n    prevIcon: {\n      type: IconValue,\n      default: 'prev'\n    },\n\n    /** **FOR INTERNAL USE ONLY** - Symbol used to identify slide group items. */\n    symbol: {\n      type: null,\n      default: CdsSlideGroupSymbol\n    },\n\n    ...defineDisplayProps({ mobile: null }),\n    ...defineDirectionProps(),\n    ...defineComponentProps(),\n    ...defineTagProps(),\n    ...defineGroupProps({\n      selectedClass: `${CdsSlideGroupItemConstants.rootClass}--active`\n    })\n  },\n  CdsSlideGroupConstants.name\n);\n\nexport const defineCdsSlideGroupItemProps = propsFactory(\n  {\n    ...defineGroupItemProps()\n  },\n  CdsSlideGroupItemConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;AAQO,MAAM,2BAA2B;AAAA,EACtC;AAAA;AAAA,IAEE,cAAc;AAAA;AAAA,IAEd,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,cAAc;AAAA;AAAA,IAEd,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUd,YAAY;AAAA,MACV,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,WAAW,CAAC,MAAW,OAAO,MAAM,aAAa,CAAC,UAAU,WAAW,UAAU,OAAO,EAAE,SAAS,CAAC;AAAA,IAAA;AAAA;AAAA,IAGtG,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA,IAIX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,mBAAmB,EAAE,QAAQ,MAAM;AAAA,IACtC,GAAG,qBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,eAAA;AAAA,IACH,GAAG,iBAAiB;AAAA,MAClB,eAAe,GAAG,2BAA2B,SAAS;AAAA,IAAA,CACvD;AAAA,EAAA;AAAA,EAEH,uBAAuB;AACzB;AAEO,MAAM,+BAA+B;AAAA,EAC1C;AAAA,IACE,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,2BAA2B;AAC7B;"}
+{"version":3,"file":"CdsSlideGroup.props.js","sources":["../../../../../../src/components/CdsSlideGroup/api/CdsSlideGroup.props.ts"],"sourcesContent":["import { defineDirectionProps } from '@cds/composables/useDirection';\nimport { defineDisplayProps } from '@cds/composables/useDisplay';\nimport { defineGroupItemProps, defineGroupProps } from '@cds/composables/useGroup';\nimport { IconValue } from '@cds/composables/useIcons';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\n\nimport { CdsSlideGroupConstants, CdsSlideGroupItemConstants, CdsSlideGroupSymbol } from './CdsSlideGroup.constants';\n\nexport const defineCdsSlideGroupProps = propsFactory(\n  {\n    /**\n     * Принудительно выравнивает активный компонент по центру.\n     * @en Forces the active component to be aligned to the center.\n     */\n    centerActive: Boolean,\n    /**\n     * Если `true`, то при изменении активного компонента, контейнер будет прокручиваться так, чтобы он был виден.\n     * @en When `true`, the container scrolls the active component into view whenever it changes.\n     */\n    scrollToActive: {\n      type: Boolean,\n      default: true\n    },\n    /**\n     * Добавляет классы к контейнеру slide group\n     * @en Adds classes to the slide group container\n     */\n    contentClass: null,\n    /**\n     * Добавляет inline-стили к контейнеру slide group\n     * @en Adds inline styles to the slide group container\n     */\n    contentStyle: null,\n    /**\n     * Изменяет настройки отображения стрелок:\n     * По умолчанию стрелки всегда отображаются на Desktop устройствах при переполнении контейнера.<br />\n     * При переполнении контейнера на мобильных устройствах стрелки по умолчанию не отображаются.<br />\n     * Значение «true» для параметра «show-arrows» позволяет отображать эти стрелки на мобильных устройствах при переполнении контейнера.<br />\n     * Значение «desktop» всегда отображает стрелки на настольных устройствах, а значение «mobile» — на мобильных устройствах.<br />\n     * Значение «always» всегда отображает стрелки как на настольных, так и на мобильных устройствах.<br />\n     * Используйте значение «never», чтобы отключить отображение стрелок.\n     * @en Changes how the arrows are shown. By default the arrows appear on desktop devices when the container overflows and stay hidden on mobile devices. `true` also shows them on mobile on overflow, `desktop` always shows them on desktop, `mobile` always on mobile, `always` on both, and `never` disables the arrows.\n     */\n    showArrows: {\n      type: [Boolean, String],\n      validator: (v: any) => typeof v === 'boolean' || ['always', 'desktop', 'mobile', 'never'].includes(v)\n    },\n    /**\n     * Иконка для кнопки \"следующий\".\n     * @en Icon for the “next” button.\n     */\n    nextIcon: {\n      type: IconValue,\n      default: 'next'\n    },\n    /**\n     * Иконка для кнопки \"предыдущий\".\n     * @en Icon for the “previous” button.\n     */\n    prevIcon: {\n      type: IconValue,\n      default: 'prev'\n    },\n\n    /** **FOR INTERNAL USE ONLY** - Symbol used to identify slide group items. */\n    symbol: {\n      type: null,\n      default: CdsSlideGroupSymbol\n    },\n\n    ...defineDisplayProps({ mobile: null }),\n    ...defineDirectionProps(),\n    ...defineComponentProps(),\n    ...defineTagProps(),\n    ...defineGroupProps({\n      selectedClass: `${CdsSlideGroupItemConstants.rootClass}--active`\n    })\n  },\n  CdsSlideGroupConstants.name\n);\n\nexport const defineCdsSlideGroupItemProps = propsFactory(\n  {\n    ...defineGroupItemProps()\n  },\n  CdsSlideGroupItemConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;AAQO,MAAM,2BAA2B;AAAA,EACtC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,IAKd,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,IAKd,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWd,YAAY;AAAA,MACV,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,WAAW,CAAC,MAAW,OAAO,MAAM,aAAa,CAAC,UAAU,WAAW,UAAU,OAAO,EAAE,SAAS,CAAC;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMtG,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,IAIX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,mBAAmB,EAAE,QAAQ,MAAM;AAAA,IACtC,GAAG,qBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,eAAA;AAAA,IACH,GAAG,iBAAiB;AAAA,MAClB,eAAe,GAAG,2BAA2B,SAAS;AAAA,IAAA,CACvD;AAAA,EAAA;AAAA,EAEH,uBAAuB;AACzB;AAEO,MAAM,+BAA+B;AAAA,EAC1C;AAAA,IACE,GAAG,qBAAA;AAAA,EAAqB;AAAA,EAE1B,2BAA2B;AAC7B;"}

package/dist/es/src/components/CdsSlideView/CdsSlideView.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-slide-view {
     overflow: hidden;

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

@@ -187,6 +187,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     __expose({
+      /**
+       * Состояние группы слайдов: список элементов, активный слайд и методы переключения.
+       * @en State of the slide group: the list of elements, the active slide and the switching methods.
+       */
       group
     });
     return () => {

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

@@ -1 +1 @@
-{"version":3,"file":"CdsSlideView.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsSlideView/CdsSlideView.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsSlideView.scss';\n\nimport { CdsFunctionalButton } from '@cds/components/CdsFunctionalButton';\nimport { provideTheme } from '@cds/composables';\nimport { useDirection } from '@cds/composables/useDirection';\nimport { useGroup } from '@cds/composables/useGroup';\nimport { useLocale, useRtl } from '@cds/composables/useLocale';\nimport { useDefaults } from '@cds/core';\nimport { Touch } from '@cds/directives';\nimport type { TouchHandlers } from '@cds/directives/touch';\nimport { classNames, getScrollParent, IN_BROWSER, keyNames } from '@cds/utils';\nimport { computed, nextTick, provide, ref, shallowRef, toRef, unref, watch } from 'vue';\n\nimport { CdsSlideViewConstants, CdsSlideViewGroupSymbol, CdsSlideViewSymbol } from './api/CdsSlideView.constants';\nimport { defineCdsSlideViewProps } from './api/CdsSlideView.props';\nimport type { CdsSlideViewEvents, CdsSlideViewSlots } from './api/CdsSlideView.types';\n\ndefineOptions({\n  name: CdsSlideViewConstants.name,\n  directives: { Touch }\n});\n\nconst _props = defineProps({ ...defineCdsSlideViewProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsSlideViewSlots>();\ndefineEmits([\"update:modelValue\"]);\n\nconst { themeClasses } = provideTheme(props);\nconst { isRtl } = useRtl();\nconst { t } = useLocale();\n\nconst group = useGroup(props, CdsSlideViewGroupSymbol);\n\nconst rootRef = ref();\nconst isRtlReverse = computed(() => (unref(isRtl) ? !props.reverse : props.reverse));\nconst isReversed = shallowRef(false);\nconst { isVertical, isHorizontal } = useDirection(props);\n\nconst transition = computed(() => {\n  if (props.crossfade) {\n    return `${CdsSlideViewConstants.rootClass}-crossfade-transition`;\n  }\n\n  const axis = unref(isVertical) ? 'y' : 'x';\n  const reverse = unref(isRtlReverse) ? !unref(isReversed) : unref(isReversed);\n  const direction = reverse ? '-reverse' : '';\n\n  return `${CdsSlideViewConstants.rootClass}-${axis}${direction}-transition`;\n});\n\nconst transitionCount = shallowRef(0);\nconst transitionHeight = ref<undefined | string>(undefined);\n\nconst activeIndex = computed(() => {\n  return group.items.value.findIndex((item) => group.selected.value.includes(item.id));\n});\n\nprovide(CdsSlideViewSymbol, {\n  transition,\n  isReversed,\n  transitionCount,\n  transitionHeight,\n  rootRef\n});\n\nconst canMoveBack = toRef(() => props.continuous || activeIndex.value !== 0);\nconst canMoveForward = toRef(() => props.continuous || activeIndex.value !== group.items.value.length - 1);\n\nwatch(\n  activeIndex,\n  (newVal, oldVal) => {\n    let scrollableParent: HTMLElement | undefined;\n    const savedScrollPosition = { left: 0, top: 0 };\n\n    if (IN_BROWSER && oldVal >= 0) {\n      scrollableParent = getScrollParent(rootRef.value);\n\n      savedScrollPosition.left = scrollableParent?.scrollLeft;\n      savedScrollPosition.top = scrollableParent?.scrollTop;\n    }\n\n    const itemsLength = group.items.value.length;\n    const lastIndex = itemsLength - 1;\n\n    if (itemsLength <= 2) {\n      isReversed.value = newVal < oldVal;\n    } else if (newVal === lastIndex && oldVal === 0) {\n      isReversed.value = false;\n    } else if (newVal === 0 && oldVal === lastIndex) {\n      isReversed.value = true;\n    } else {\n      isReversed.value = newVal < oldVal;\n    }\n\n    nextTick(() => {\n      if (!IN_BROWSER || !scrollableParent) return;\n\n      const currentScrollY = scrollableParent.scrollTop;\n\n      if (currentScrollY !== savedScrollPosition.top) {\n        scrollableParent.scrollTo({ ...savedScrollPosition, behavior: 'instant' });\n      }\n\n      requestAnimationFrame(() => {\n        if (!scrollableParent) return;\n\n        const rafScrollY = scrollableParent.scrollTop;\n\n        if (rafScrollY !== savedScrollPosition.top) {\n          scrollableParent.scrollTo({ ...savedScrollPosition, behavior: 'instant' });\n        }\n      });\n    });\n  },\n  { flush: 'sync' }\n);\n\nconst arrows = computed(() => {\n  const arrows = [];\n\n  const prevProps = {\n    icon: unref(isRtl) ? props.nextIcon : props.prevIcon,\n    class: `${CdsSlideViewConstants.rootClass}__${unref(isRtlReverse) ? 'right' : 'left'}`,\n    onClick: group.prev,\n    'aria-label': t('$cds.carousel.prev')\n  };\n\n  arrows.push(\n    canMoveBack.value ? slots.prev ? slots.prev({ props: prevProps }) : <CdsFunctionalButton {...prevProps} /> : <div />\n  );\n\n  const nextProps = {\n    icon: unref(isRtl) ? props.prevIcon : props.nextIcon,\n    class: `${CdsSlideViewConstants.rootClass}__${unref(isRtlReverse) ? 'left' : 'right'}`,\n    onClick: group.next,\n    'aria-label': t('$cds.carousel.next')\n  };\n\n  arrows.push(\n    unref(canMoveForward) ? (\n      slots.next ? (\n        slots.next({ props: nextProps })\n      ) : (\n        <CdsFunctionalButton {...nextProps} />\n      )\n    ) : (\n      <div />\n    )\n  );\n\n  return arrows;\n});\n\nconst touchOptions = computed(() => {\n  if (props.touch === false) return props.touch;\n\n  const options: TouchHandlers = {\n    left: () => {\n      isRtlReverse.value ? prev() : next();\n    },\n    right: () => {\n      isRtlReverse.value ? next() : prev();\n    },\n    start: ({ originalEvent }) => {\n      originalEvent.stopPropagation();\n    }\n  };\n\n  return {\n    ...options,\n    ...(props.touch === true ? {} : props.touch)\n  };\n});\n\nfunction prev() {\n  unref(canMoveBack) && group.prev();\n}\n\nfunction next() {\n  unref(canMoveForward) && group.next();\n}\n\nfunction focusArrow(index: number) {\n  const arrow = arrows.value[index];\n\n  if (!arrow) return;\n\n  const arrowEl = Array.isArray(arrow) ? arrow[0] : arrow;\n  arrowEl.el?.focus();\n}\n\nfunction onKeyDown(e: KeyboardEvent) {\n  if ((unref(isHorizontal) && e.key === keyNames.left) || (unref(isVertical) && e.key === keyNames.up)) {\n    e.preventDefault();\n\n    prev();\n\n    nextTick(() => {\n      unref(canMoveBack) ? focusArrow(0) : focusArrow(1);\n    });\n  }\n\n  if ((unref(isHorizontal) && e.key === keyNames.right) || (unref(isVertical) && e.key === keyNames.down)) {\n    e.preventDefault();\n\n    next();\n\n    nextTick(() => {\n      unref(canMoveForward) ? focusArrow(1) : focusArrow(0);\n    });\n  }\n}\n\ndefineRender(() => {\n  const { rootClass } = CdsSlideViewConstants;\n\n  return (\n    <props.tag\n      ref={rootRef}\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--show-arrows-on-hover`]: props.showArrows === 'hover',\n          [`${rootClass}--vertical-arrows`]: !!props.verticalArrows,\n          [`${rootClass}--crossfade`]: props.crossfade\n        },\n        unref(themeClasses),\n        props.class\n      )}\n      style={[props.style]}\n      v-touch={unref(touchOptions)}\n    >\n      <div\n        class={classNames(`${rootClass}__container`)}\n        style={{\n          height: unref(transitionHeight)\n        }}\n      >\n        {slots.default?.({ group })}\n\n        {props.showArrows !== false && (\n          <div\n            class={classNames(\n              `${rootClass}__controls`,\n              { [`${rootClass}__controls--left`]: props.verticalArrows === 'left' || props.verticalArrows === true },\n              { [`${rootClass}__controls--right`]: props.verticalArrows === 'right' }\n            )}\n            onKeydown={onKeyDown}\n          >\n            {unref(arrows)}\n          </div>\n        )}\n      </div>\n\n      {slots.additional?.({ group })}\n    </props.tag>\n  );\n});\n\ndefineExpose({\n  group\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","themeClasses","provideTheme","isRtl","useRtl","t","useLocale","group","useGroup","CdsSlideViewGroupSymbol","rootRef","ref","isRtlReverse","computed","unref","reverse","isReversed","shallowRef","isVertical","isHorizontal","useDirection","transition","crossfade","CdsSlideViewConstants","rootClass","axis","direction","transitionCount","transitionHeight","undefined","activeIndex","items","value","findIndex","item","selected","includes","id","provide","CdsSlideViewSymbol","canMoveBack","toRef","continuous","canMoveForward","length","watch","newVal","oldVal","scrollableParent","savedScrollPosition","left","top","IN_BROWSER","getScrollParent","scrollLeft","scrollTop","itemsLength","lastIndex","nextTick","currentScrollY","scrollTo","behavior","requestAnimationFrame","rafScrollY","flush","arrows","prevProps","icon","nextIcon","prevIcon","class","onClick","prev","push","_createVNode","CdsFunctionalButton","nextProps","next","touchOptions","touch","options","right","start","originalEvent","stopPropagation","focusArrow","index","arrow","arrowEl","Array","isArray","el","focus","onKeyDown","e","key","keyNames","up","preventDefault","down","__expose","_withDirectives","tag","classNames","showArrows","verticalArrows","style","default","height","additional","_resolveDirective"],"mappings":"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"}
+{"version":3,"file":"CdsSlideView.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsSlideView/CdsSlideView.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsSlideView.scss';\n\nimport { CdsFunctionalButton } from '@cds/components/CdsFunctionalButton';\nimport { provideTheme } from '@cds/composables';\nimport { useDirection } from '@cds/composables/useDirection';\nimport { useGroup } from '@cds/composables/useGroup';\nimport { useLocale, useRtl } from '@cds/composables/useLocale';\nimport { useDefaults } from '@cds/core';\nimport { Touch } from '@cds/directives';\nimport type { TouchHandlers } from '@cds/directives/touch';\nimport { classNames, getScrollParent, IN_BROWSER, keyNames } from '@cds/utils';\nimport { computed, nextTick, provide, ref, shallowRef, toRef, unref, watch } from 'vue';\n\nimport { CdsSlideViewConstants, CdsSlideViewGroupSymbol, CdsSlideViewSymbol } from './api/CdsSlideView.constants';\nimport { defineCdsSlideViewProps } from './api/CdsSlideView.props';\nimport type { CdsSlideViewEvents, CdsSlideViewSlots } from './api/CdsSlideView.types';\n\ndefineOptions({\n  name: CdsSlideViewConstants.name,\n  directives: { Touch }\n});\n\nconst _props = defineProps({ ...defineCdsSlideViewProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsSlideViewSlots>();\ndefineEmits([\"update:modelValue\"]);\n\nconst { themeClasses } = provideTheme(props);\nconst { isRtl } = useRtl();\nconst { t } = useLocale();\n\nconst group = useGroup(props, CdsSlideViewGroupSymbol);\n\nconst rootRef = ref();\nconst isRtlReverse = computed(() => (unref(isRtl) ? !props.reverse : props.reverse));\nconst isReversed = shallowRef(false);\nconst { isVertical, isHorizontal } = useDirection(props);\n\nconst transition = computed(() => {\n  if (props.crossfade) {\n    return `${CdsSlideViewConstants.rootClass}-crossfade-transition`;\n  }\n\n  const axis = unref(isVertical) ? 'y' : 'x';\n  const reverse = unref(isRtlReverse) ? !unref(isReversed) : unref(isReversed);\n  const direction = reverse ? '-reverse' : '';\n\n  return `${CdsSlideViewConstants.rootClass}-${axis}${direction}-transition`;\n});\n\nconst transitionCount = shallowRef(0);\nconst transitionHeight = ref<undefined | string>(undefined);\n\nconst activeIndex = computed(() => {\n  return group.items.value.findIndex((item) => group.selected.value.includes(item.id));\n});\n\nprovide(CdsSlideViewSymbol, {\n  transition,\n  isReversed,\n  transitionCount,\n  transitionHeight,\n  rootRef\n});\n\nconst canMoveBack = toRef(() => props.continuous || activeIndex.value !== 0);\nconst canMoveForward = toRef(() => props.continuous || activeIndex.value !== group.items.value.length - 1);\n\nwatch(\n  activeIndex,\n  (newVal, oldVal) => {\n    let scrollableParent: HTMLElement | undefined;\n    const savedScrollPosition = { left: 0, top: 0 };\n\n    if (IN_BROWSER && oldVal >= 0) {\n      scrollableParent = getScrollParent(rootRef.value);\n\n      savedScrollPosition.left = scrollableParent?.scrollLeft;\n      savedScrollPosition.top = scrollableParent?.scrollTop;\n    }\n\n    const itemsLength = group.items.value.length;\n    const lastIndex = itemsLength - 1;\n\n    if (itemsLength <= 2) {\n      isReversed.value = newVal < oldVal;\n    } else if (newVal === lastIndex && oldVal === 0) {\n      isReversed.value = false;\n    } else if (newVal === 0 && oldVal === lastIndex) {\n      isReversed.value = true;\n    } else {\n      isReversed.value = newVal < oldVal;\n    }\n\n    nextTick(() => {\n      if (!IN_BROWSER || !scrollableParent) return;\n\n      const currentScrollY = scrollableParent.scrollTop;\n\n      if (currentScrollY !== savedScrollPosition.top) {\n        scrollableParent.scrollTo({ ...savedScrollPosition, behavior: 'instant' });\n      }\n\n      requestAnimationFrame(() => {\n        if (!scrollableParent) return;\n\n        const rafScrollY = scrollableParent.scrollTop;\n\n        if (rafScrollY !== savedScrollPosition.top) {\n          scrollableParent.scrollTo({ ...savedScrollPosition, behavior: 'instant' });\n        }\n      });\n    });\n  },\n  { flush: 'sync' }\n);\n\nconst arrows = computed(() => {\n  const arrows = [];\n\n  const prevProps = {\n    icon: unref(isRtl) ? props.nextIcon : props.prevIcon,\n    class: `${CdsSlideViewConstants.rootClass}__${unref(isRtlReverse) ? 'right' : 'left'}`,\n    onClick: group.prev,\n    'aria-label': t('$cds.carousel.prev')\n  };\n\n  arrows.push(\n    canMoveBack.value ? slots.prev ? slots.prev({ props: prevProps }) : <CdsFunctionalButton {...prevProps} /> : <div />\n  );\n\n  const nextProps = {\n    icon: unref(isRtl) ? props.prevIcon : props.nextIcon,\n    class: `${CdsSlideViewConstants.rootClass}__${unref(isRtlReverse) ? 'left' : 'right'}`,\n    onClick: group.next,\n    'aria-label': t('$cds.carousel.next')\n  };\n\n  arrows.push(\n    unref(canMoveForward) ? (\n      slots.next ? (\n        slots.next({ props: nextProps })\n      ) : (\n        <CdsFunctionalButton {...nextProps} />\n      )\n    ) : (\n      <div />\n    )\n  );\n\n  return arrows;\n});\n\nconst touchOptions = computed(() => {\n  if (props.touch === false) return props.touch;\n\n  const options: TouchHandlers = {\n    left: () => {\n      isRtlReverse.value ? prev() : next();\n    },\n    right: () => {\n      isRtlReverse.value ? next() : prev();\n    },\n    start: ({ originalEvent }) => {\n      originalEvent.stopPropagation();\n    }\n  };\n\n  return {\n    ...options,\n    ...(props.touch === true ? {} : props.touch)\n  };\n});\n\nfunction prev() {\n  unref(canMoveBack) && group.prev();\n}\n\nfunction next() {\n  unref(canMoveForward) && group.next();\n}\n\nfunction focusArrow(index: number) {\n  const arrow = arrows.value[index];\n\n  if (!arrow) return;\n\n  const arrowEl = Array.isArray(arrow) ? arrow[0] : arrow;\n  arrowEl.el?.focus();\n}\n\nfunction onKeyDown(e: KeyboardEvent) {\n  if ((unref(isHorizontal) && e.key === keyNames.left) || (unref(isVertical) && e.key === keyNames.up)) {\n    e.preventDefault();\n\n    prev();\n\n    nextTick(() => {\n      unref(canMoveBack) ? focusArrow(0) : focusArrow(1);\n    });\n  }\n\n  if ((unref(isHorizontal) && e.key === keyNames.right) || (unref(isVertical) && e.key === keyNames.down)) {\n    e.preventDefault();\n\n    next();\n\n    nextTick(() => {\n      unref(canMoveForward) ? focusArrow(1) : focusArrow(0);\n    });\n  }\n}\n\ndefineRender(() => {\n  const { rootClass } = CdsSlideViewConstants;\n\n  return (\n    <props.tag\n      ref={rootRef}\n      class={classNames(\n        rootClass,\n        {\n          [`${rootClass}--show-arrows-on-hover`]: props.showArrows === 'hover',\n          [`${rootClass}--vertical-arrows`]: !!props.verticalArrows,\n          [`${rootClass}--crossfade`]: props.crossfade\n        },\n        unref(themeClasses),\n        props.class\n      )}\n      style={[props.style]}\n      v-touch={unref(touchOptions)}\n    >\n      <div\n        class={classNames(`${rootClass}__container`)}\n        style={{\n          height: unref(transitionHeight)\n        }}\n      >\n        {slots.default?.({ group })}\n\n        {props.showArrows !== false && (\n          <div\n            class={classNames(\n              `${rootClass}__controls`,\n              { [`${rootClass}__controls--left`]: props.verticalArrows === 'left' || props.verticalArrows === true },\n              { [`${rootClass}__controls--right`]: props.verticalArrows === 'right' }\n            )}\n            onKeydown={onKeyDown}\n          >\n            {unref(arrows)}\n          </div>\n        )}\n      </div>\n\n      {slots.additional?.({ group })}\n    </props.tag>\n  );\n});\n\ndefineExpose({\n  /**\n   * Состояние группы слайдов: список элементов, активный слайд и методы переключения.\n   * @en State of the slide group: the list of elements, the active slide and the switching methods.\n   */\n  group\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","themeClasses","provideTheme","isRtl","useRtl","t","useLocale","group","useGroup","CdsSlideViewGroupSymbol","rootRef","ref","isRtlReverse","computed","unref","reverse","isReversed","shallowRef","isVertical","isHorizontal","useDirection","transition","crossfade","CdsSlideViewConstants","rootClass","axis","direction","transitionCount","transitionHeight","undefined","activeIndex","items","value","findIndex","item","selected","includes","id","provide","CdsSlideViewSymbol","canMoveBack","toRef","continuous","canMoveForward","length","watch","newVal","oldVal","scrollableParent","savedScrollPosition","left","top","IN_BROWSER","getScrollParent","scrollLeft","scrollTop","itemsLength","lastIndex","nextTick","currentScrollY","scrollTo","behavior","requestAnimationFrame","rafScrollY","flush","arrows","prevProps","icon","nextIcon","prevIcon","class","onClick","prev","push","_createVNode","CdsFunctionalButton","nextProps","next","touchOptions","touch","options","right","start","originalEvent","stopPropagation","focusArrow","index","arrow","arrowEl","Array","isArray","el","focus","onKeyDown","e","key","keyNames","up","preventDefault","down","__expose","_withDirectives","tag","classNames","showArrows","verticalArrows","style","default","height","additional","_resolveDirective"],"mappings":"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"}

package/dist/es/src/components/CdsSlideView/CdsSlideViewItem.vue_vue_type_script_setup_true_lang.js

@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     ...defineCdsSlideViewItemProps()
   },
-  emits: [],
+  emits: ["group:selected"],
   setup(__props, {
     expose: __expose
   }) {
@@ -79,6 +79,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     }
     __expose({
+      /**
+       * Состояние слайда в группе: выбран ли он, его значение и метод переключения.
+       * @en State of the slide inside the group: whether it is selected, its value and the toggle method.
+       */
       groupItem
     });
     return () => {

package/dist/es/src/components/CdsSlideView/CdsSlideViewItem.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"CdsSlideViewItem.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsSlideView/CdsSlideViewItem.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport { useGroupItem } from '@cds/composables/useGroup';\nimport { useLazy } from '@cds/composables/useLazy';\nimport { useSsrBoot } from '@cds/composables/useSsrBoot';\nimport { MaybeTransition } from '@cds/composables/useTransition';\nimport { useDefaults } from '@cds/core';\nimport { classNames, convertToUnit } from '@cds/utils';\nimport { computed, inject, nextTick, shallowRef, unref } from 'vue';\n\nimport { CdsSlideViewGroupSymbol, CdsSlideViewItemConstants, CdsSlideViewSymbol } from './api/CdsSlideView.constants';\nimport { defineCdsSlideViewItemProps } from './api/CdsSlideView.props';\nimport type { CdsSlideViewItemEvents, CdsSlideViewItemSlots } from './api/CdsSlideView.types';\n\ndefineOptions({\n  name: CdsSlideViewItemConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsSlideViewItemProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsSlideViewItemSlots>();\ndefineEmits([]);\n\nconst slideView = inject(CdsSlideViewSymbol);\nconst groupItem = useGroupItem(props, CdsSlideViewGroupSymbol);\nconst { isBooted } = useSsrBoot();\n\nif (!slideView || !groupItem) throw new Error('[CDS] CdsSlideViewItem must be used inside a CdsSlideView');\n\nconst isTransitioning = shallowRef(false);\nconst hasTransition = computed(\n  () =>\n    unref(isBooted) && (unref(slideView.isReversed) ? props.reverseTransition !== false : props.transition !== false)\n);\nconst { hasContent } = useLazy(props, groupItem.isSelected);\n\nconst transition = computed(() => {\n  const name = slideView.isReversed.value ? props.reverseTransition : props.transition;\n\n  return !hasTransition.value\n    ? false\n    : {\n        name: typeof name !== 'string' ? slideView.transition.value : name,\n        onBeforeEnter: onBeforeTransition,\n        onAfterEnter: onAfterTransition,\n        onEnterCancelled: onTransitionCancelled,\n        onBeforeLeave: onBeforeTransition,\n        onAfterLeave: onAfterTransition,\n        onLeaveCancelled: onTransitionCancelled,\n        onEnter: onEnterTransition\n      };\n});\n\nfunction onAfterTransition() {\n  if (!isTransitioning.value || !slideView) return;\n\n  isTransitioning.value = false;\n  if (slideView.transitionCount.value > 0) {\n    slideView.transitionCount.value -= 1;\n\n    if (slideView.transitionCount.value === 0) {\n      slideView.transitionHeight.value = undefined;\n    }\n  }\n}\n\nfunction onBeforeTransition() {\n  if (isTransitioning.value || !slideView) return;\n\n  isTransitioning.value = true;\n\n  if (slideView.transitionCount.value === 0) {\n    slideView.transitionHeight.value = convertToUnit(slideView.rootRef.value?.clientHeight);\n  }\n\n  slideView.transitionCount.value += 1;\n}\n\nfunction onTransitionCancelled() {\n  onAfterTransition();\n}\n\nfunction onEnterTransition(el: Element) {\n  if (!isTransitioning.value) return;\n\n  nextTick(() => {\n    if (!hasTransition.value || !isTransitioning.value || !slideView) {\n      return;\n    }\n\n    slideView.transitionHeight.value = convertToUnit(el.clientHeight);\n  });\n}\n\ndefineRender(() => {\n  const { rootClass } = CdsSlideViewItemConstants;\n\n  return (\n    <MaybeTransition transition={unref(transition)} disabled={!unref(isBooted)}>\n      <div\n        v-show={unref(groupItem.isSelected)}\n        class={classNames(rootClass, unref(groupItem.selectedClass), props.class)}\n        style={props.style}\n      >\n        {unref(hasContent) && slots.default?.()}\n      </div>\n    </MaybeTransition>\n  );\n});\n\ndefineExpose({\n  groupItem\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","slideView","inject","CdsSlideViewSymbol","groupItem","useGroupItem","CdsSlideViewGroupSymbol","isBooted","useSsrBoot","Error","isTransitioning","shallowRef","hasTransition","computed","unref","isReversed","reverseTransition","transition","hasContent","useLazy","isSelected","name","value","onBeforeEnter","onBeforeTransition","onAfterEnter","onAfterTransition","onEnterCancelled","onTransitionCancelled","onBeforeLeave","onAfterLeave","onLeaveCancelled","onEnter","onEnterTransition","transitionCount","transitionHeight","undefined","convertToUnit","rootRef","clientHeight","el","nextTick","__expose","rootClass","CdsSlideViewItemConstants","_createVNode","MaybeTransition","default","_withDirectives","classNames","selectedClass","class","style","_vShow"],"mappings":"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"}
+{"version":3,"file":"CdsSlideViewItem.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsSlideView/CdsSlideViewItem.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport { useGroupItem } from '@cds/composables/useGroup';\nimport { useLazy } from '@cds/composables/useLazy';\nimport { useSsrBoot } from '@cds/composables/useSsrBoot';\nimport { MaybeTransition } from '@cds/composables/useTransition';\nimport { useDefaults } from '@cds/core';\nimport { classNames, convertToUnit } from '@cds/utils';\nimport { computed, inject, nextTick, shallowRef, unref } from 'vue';\n\nimport { CdsSlideViewGroupSymbol, CdsSlideViewItemConstants, CdsSlideViewSymbol } from './api/CdsSlideView.constants';\nimport { defineCdsSlideViewItemProps } from './api/CdsSlideView.props';\nimport type { CdsSlideViewItemEvents, CdsSlideViewItemSlots } from './api/CdsSlideView.types';\n\ndefineOptions({\n  name: CdsSlideViewItemConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsSlideViewItemProps() });\nconst props = useDefaults(_props);\nconst slots = defineSlots<CdsSlideViewItemSlots>();\ndefineEmits([\"group:selected\"]);\n\nconst slideView = inject(CdsSlideViewSymbol);\nconst groupItem = useGroupItem(props, CdsSlideViewGroupSymbol);\nconst { isBooted } = useSsrBoot();\n\nif (!slideView || !groupItem) throw new Error('[CDS] CdsSlideViewItem must be used inside a CdsSlideView');\n\nconst isTransitioning = shallowRef(false);\nconst hasTransition = computed(\n  () =>\n    unref(isBooted) && (unref(slideView.isReversed) ? props.reverseTransition !== false : props.transition !== false)\n);\nconst { hasContent } = useLazy(props, groupItem.isSelected);\n\nconst transition = computed(() => {\n  const name = slideView.isReversed.value ? props.reverseTransition : props.transition;\n\n  return !hasTransition.value\n    ? false\n    : {\n        name: typeof name !== 'string' ? slideView.transition.value : name,\n        onBeforeEnter: onBeforeTransition,\n        onAfterEnter: onAfterTransition,\n        onEnterCancelled: onTransitionCancelled,\n        onBeforeLeave: onBeforeTransition,\n        onAfterLeave: onAfterTransition,\n        onLeaveCancelled: onTransitionCancelled,\n        onEnter: onEnterTransition\n      };\n});\n\nfunction onAfterTransition() {\n  if (!isTransitioning.value || !slideView) return;\n\n  isTransitioning.value = false;\n  if (slideView.transitionCount.value > 0) {\n    slideView.transitionCount.value -= 1;\n\n    if (slideView.transitionCount.value === 0) {\n      slideView.transitionHeight.value = undefined;\n    }\n  }\n}\n\nfunction onBeforeTransition() {\n  if (isTransitioning.value || !slideView) return;\n\n  isTransitioning.value = true;\n\n  if (slideView.transitionCount.value === 0) {\n    slideView.transitionHeight.value = convertToUnit(slideView.rootRef.value?.clientHeight);\n  }\n\n  slideView.transitionCount.value += 1;\n}\n\nfunction onTransitionCancelled() {\n  onAfterTransition();\n}\n\nfunction onEnterTransition(el: Element) {\n  if (!isTransitioning.value) return;\n\n  nextTick(() => {\n    if (!hasTransition.value || !isTransitioning.value || !slideView) {\n      return;\n    }\n\n    slideView.transitionHeight.value = convertToUnit(el.clientHeight);\n  });\n}\n\ndefineRender(() => {\n  const { rootClass } = CdsSlideViewItemConstants;\n\n  return (\n    <MaybeTransition transition={unref(transition)} disabled={!unref(isBooted)}>\n      <div\n        v-show={unref(groupItem.isSelected)}\n        class={classNames(rootClass, unref(groupItem.selectedClass), props.class)}\n        style={props.style}\n      >\n        {unref(hasContent) && slots.default?.()}\n      </div>\n    </MaybeTransition>\n  );\n});\n\ndefineExpose({\n  /**\n   * Состояние слайда в группе: выбран ли он, его значение и метод переключения.\n   * @en State of the slide inside the group: whether it is selected, its value and the toggle method.\n   */\n  groupItem\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","slots","_useSlots","slideView","inject","CdsSlideViewSymbol","groupItem","useGroupItem","CdsSlideViewGroupSymbol","isBooted","useSsrBoot","Error","isTransitioning","shallowRef","hasTransition","computed","unref","isReversed","reverseTransition","transition","hasContent","useLazy","isSelected","name","value","onBeforeEnter","onBeforeTransition","onAfterEnter","onAfterTransition","onEnterCancelled","onTransitionCancelled","onBeforeLeave","onAfterLeave","onLeaveCancelled","onEnter","onEnterTransition","transitionCount","transitionHeight","undefined","convertToUnit","rootRef","clientHeight","el","nextTick","__expose","rootClass","CdsSlideViewItemConstants","_createVNode","MaybeTransition","default","_withDirectives","classNames","selectedClass","class","style","_vShow"],"mappings":"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"}

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

@@ -9,26 +9,62 @@ import { C as CdsSlideViewConstants } from "./CdsSlideView.constants.js";
 import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsSlideViewProps = propsFactory(
   {
+    /**
+     * Зацикливает перелистывание: с последнего слайда переход ведёт на первый и наоборот
+     * @en Loops the navigation: from the last slide you move to the first one and back
+     */
     continuous: Boolean,
+    /**
+     * Инвертирует направление анимации перехода между слайдами
+     * @en Inverts the direction of the transition animation between slides
+     */
     reverse: Boolean,
+    /**
+     * Показывает стрелки навигации. `'hover'` — только при наведении на компонент
+     * @en Shows the navigation arrows. `'hover'` — only while the pointer is over the component
+     */
     showArrows: {
       type: [Boolean, String],
       validator: (v) => typeof v === "boolean" || v === "hover"
     },
+    /**
+     * Размещает стрелки навигации вертикально: `'left'` или `'right'` — сторона, `true` — сторона по умолчанию
+     * @en Places the navigation arrows vertically: `'left'` or `'right'` — the side, `true` — the default side
+     */
     verticalArrows: [Boolean, String],
+    /**
+     * Иконка кнопки перехода к следующему слайду
+     * @en Icon of the button that moves to the next slide
+     */
     nextIcon: {
       type: [Boolean, String, Function, Object],
       default: "next"
     },
+    /**
+     * Иконка кнопки перехода к предыдущему слайду
+     * @en Icon of the button that moves to the previous slide
+     */
     prevIcon: {
       type: [Boolean, String, Function, Object],
       default: "prev"
     },
+    /**
+     * Управление перелистыванием свайпом: `false` отключает жесты, объект задаёт собственные обработчики касаний
+     * @en Controls swipe navigation: `false` turns the gestures off, an object sets your own touch handlers
+     */
     touch: {
       type: [Object, Boolean],
       default: void 0
     },
+    /**
+     * Слайды сменяются плавным перекрестным затуханием вместо сдвига
+     * @en Slides change with a smooth crossfade instead of a shift
+     */
     crossfade: Boolean,
+    /**
+     * Длительность анимации перехода между слайдами в миллисекундах
+     * @en Duration of the transition animation between slides, in milliseconds
+     */
     transitionDuration: Number,
     ...defineGroupProps(),
     ...defineDirectionProps(),
@@ -41,10 +77,18 @@ const defineCdsSlideViewProps = propsFactory(
 );
 const defineCdsSlideViewItemProps = propsFactory(
   {
+    /**
+     * Переход при показе слайда в обратном направлении. Имя transition-компонента или `false`, чтобы отключить анимацию
+     * @en Transition used when the slide appears in the reverse direction. A transition component name, or `false` to turn the animation off
+     */
     reverseTransition: {
       type: [Boolean, String],
       default: void 0
     },
+    /**
+     * Переход при показе слайда в прямом направлении. Имя transition-компонента или `false`, чтобы отключить анимацию
+     * @en Transition used when the slide appears in the forward direction. A transition component name, or `false` to turn the animation off
+     */
     transition: {
       type: [Boolean, String],
       default: void 0

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

@@ -1 +1 @@
-{"version":3,"file":"CdsSlideView.props.js","sources":["../../../../../../src/components/CdsSlideView/api/CdsSlideView.props.ts"],"sourcesContent":["import { defineDirectionProps } from '@cds/composables/useDirection';\nimport { defineDisabledProps } from '@cds/composables/useDisabled';\nimport { defineGroupItemProps, defineGroupProps } from '@cds/composables/useGroup';\nimport type { IconValue } from '@cds/composables/useIcons';\nimport { defineLazyProps } from '@cds/composables/useLazy';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport type { TouchHandlers } from '@cds/directives/touch';\nimport type { PropType } from 'vue';\n\nimport { CdsSlideViewConstants } from './CdsSlideView.constants';\n\nexport const defineCdsSlideViewProps = propsFactory(\n  {\n    continuous: Boolean,\n    reverse: Boolean,\n    showArrows: {\n      type: [Boolean, String],\n      validator: (v: any) => typeof v === 'boolean' || v === 'hover'\n    },\n    verticalArrows: [Boolean, String] as PropType<boolean | 'left' | 'right'>,\n    nextIcon: {\n      type: [Boolean, String, Function, Object] as PropType<IconValue>,\n      default: 'next'\n    },\n    prevIcon: {\n      type: [Boolean, String, Function, Object] as PropType<IconValue>,\n      default: 'prev'\n    },\n    touch: {\n      type: [Object, Boolean] as PropType<boolean | TouchHandlers>,\n      default: undefined\n    },\n    crossfade: Boolean,\n    transitionDuration: Number,\n\n    ...defineGroupProps(),\n    ...defineDirectionProps(),\n    ...defineDisabledProps(),\n    ...defineComponentProps(),\n    ...defineTagProps(),\n    ...defineThemeProps()\n  },\n  CdsSlideViewConstants.name\n);\n\nexport const defineCdsSlideViewItemProps = propsFactory(\n  {\n    reverseTransition: {\n      type: [Boolean, String],\n      default: undefined\n    },\n    transition: {\n      type: [Boolean, String],\n      default: undefined\n    },\n\n    ...defineGroupItemProps(),\n    ...defineComponentProps(),\n    ...defineLazyProps()\n  },\n  CdsSlideViewConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;AAYO,MAAM,0BAA0B;AAAA,EACrC;AAAA,IACE,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,MACV,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,WAAW,CAAC,MAAW,OAAO,MAAM,aAAa,MAAM;AAAA,IAAA;AAAA,IAEzD,gBAAgB,CAAC,SAAS,MAAM;AAAA,IAChC,UAAU;AAAA,MACR,MAAM,CAAC,SAAS,QAAQ,UAAU,MAAM;AAAA,MACxC,SAAS;AAAA,IAAA;AAAA,IAEX,UAAU;AAAA,MACR,MAAM,CAAC,SAAS,QAAQ,UAAU,MAAM;AAAA,MACxC,SAAS;AAAA,IAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,OAAO;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA,IAEX,WAAW;AAAA,IACX,oBAAoB;AAAA,IAEpB,GAAG,iBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,eAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,sBAAsB;AACxB;AAEO,MAAM,8BAA8B;AAAA,EACzC;AAAA,IACE,mBAAmB;AAAA,MACjB,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA,IAEX,YAAY;AAAA,MACV,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,qBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,gBAAA;AAAA,EAAgB;AAAA,EAErB,sBAAsB;AACxB;"}
+{"version":3,"file":"CdsSlideView.props.js","sources":["../../../../../../src/components/CdsSlideView/api/CdsSlideView.props.ts"],"sourcesContent":["import { defineDirectionProps } from '@cds/composables/useDirection';\nimport { defineDisabledProps } from '@cds/composables/useDisabled';\nimport { defineGroupItemProps, defineGroupProps } from '@cds/composables/useGroup';\nimport type { IconValue } from '@cds/composables/useIcons';\nimport { defineLazyProps } from '@cds/composables/useLazy';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, defineTagProps, propsFactory } from '@cds/core';\nimport type { TouchHandlers } from '@cds/directives/touch';\nimport type { PropType } from 'vue';\n\nimport { CdsSlideViewConstants } from './CdsSlideView.constants';\n\nexport const defineCdsSlideViewProps = propsFactory(\n  {\n    /**\n     * Зацикливает перелистывание: с последнего слайда переход ведёт на первый и наоборот\n     * @en Loops the navigation: from the last slide you move to the first one and back\n     */\n    continuous: Boolean,\n    /**\n     * Инвертирует направление анимации перехода между слайдами\n     * @en Inverts the direction of the transition animation between slides\n     */\n    reverse: Boolean,\n    /**\n     * Показывает стрелки навигации. `'hover'` — только при наведении на компонент\n     * @en Shows the navigation arrows. `'hover'` — only while the pointer is over the component\n     */\n    showArrows: {\n      type: [Boolean, String],\n      validator: (v: any) => typeof v === 'boolean' || v === 'hover'\n    },\n    /**\n     * Размещает стрелки навигации вертикально: `'left'` или `'right'` — сторона, `true` — сторона по умолчанию\n     * @en Places the navigation arrows vertically: `'left'` or `'right'` — the side, `true` — the default side\n     */\n    verticalArrows: [Boolean, String] as PropType<boolean | 'left' | 'right'>,\n    /**\n     * Иконка кнопки перехода к следующему слайду\n     * @en Icon of the button that moves to the next slide\n     */\n    nextIcon: {\n      type: [Boolean, String, Function, Object] as PropType<IconValue>,\n      default: 'next'\n    },\n    /**\n     * Иконка кнопки перехода к предыдущему слайду\n     * @en Icon of the button that moves to the previous slide\n     */\n    prevIcon: {\n      type: [Boolean, String, Function, Object] as PropType<IconValue>,\n      default: 'prev'\n    },\n    /**\n     * Управление перелистыванием свайпом: `false` отключает жесты, объект задаёт собственные обработчики касаний\n     * @en Controls swipe navigation: `false` turns the gestures off, an object sets your own touch handlers\n     */\n    touch: {\n      type: [Object, Boolean] as PropType<boolean | TouchHandlers>,\n      default: undefined\n    },\n    /**\n     * Слайды сменяются плавным перекрестным затуханием вместо сдвига\n     * @en Slides change with a smooth crossfade instead of a shift\n     */\n    crossfade: Boolean,\n    /**\n     * Длительность анимации перехода между слайдами в миллисекундах\n     * @en Duration of the transition animation between slides, in milliseconds\n     */\n    transitionDuration: Number,\n\n    ...defineGroupProps(),\n    ...defineDirectionProps(),\n    ...defineDisabledProps(),\n    ...defineComponentProps(),\n    ...defineTagProps(),\n    ...defineThemeProps()\n  },\n  CdsSlideViewConstants.name\n);\n\nexport const defineCdsSlideViewItemProps = propsFactory(\n  {\n    /**\n     * Переход при показе слайда в обратном направлении. Имя transition-компонента или `false`, чтобы отключить анимацию\n     * @en Transition used when the slide appears in the reverse direction. A transition component name, or `false` to turn the animation off\n     */\n    reverseTransition: {\n      type: [Boolean, String],\n      default: undefined\n    },\n    /**\n     * Переход при показе слайда в прямом направлении. Имя transition-компонента или `false`, чтобы отключить анимацию\n     * @en Transition used when the slide appears in the forward direction. A transition component name, or `false` to turn the animation off\n     */\n    transition: {\n      type: [Boolean, String],\n      default: undefined\n    },\n\n    ...defineGroupItemProps(),\n    ...defineComponentProps(),\n    ...defineLazyProps()\n  },\n  CdsSlideViewConstants.name\n);\n"],"names":[],"mappings":";;;;;;;;;AAYO,MAAM,0BAA0B;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,IAKZ,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,IAKT,YAAY;AAAA,MACV,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,WAAW,CAAC,MAAW,OAAO,MAAM,aAAa,MAAM;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMzD,gBAAgB,CAAC,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAKhC,UAAU;AAAA,MACR,MAAM,CAAC,SAAS,QAAQ,UAAU,MAAM;AAAA,MACxC,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,UAAU;AAAA,MACR,MAAM,CAAC,SAAS,QAAQ,UAAU,MAAM;AAAA,MACxC,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,OAAO;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,IAKX,oBAAoB;AAAA,IAEpB,GAAG,iBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,oBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,eAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,sBAAsB;AACxB;AAEO,MAAM,8BAA8B;AAAA,EACzC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,mBAAmB;AAAA,MACjB,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,YAAY;AAAA,MACV,MAAM,CAAC,SAAS,MAAM;AAAA,MACtB,SAAS;AAAA,IAAA;AAAA,IAGX,GAAG,qBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,gBAAA;AAAA,EAAgB;AAAA,EAErB,sBAAsB;AACxB;"}

package/dist/es/src/components/CdsStages/CdsStages.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-stages {
     display: grid;

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

@@ -48,7 +48,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       };
     };
     __expose({
+      /**
+       * Проверяет, является ли этап с указанным индексом текущим.
+       * @en Checks whether the stage with the given index is the current one.
+       */
       isCurrent,
+      /**
+       * Пройдены ли все этапы.
+       * @en Whether all the stages are passed.
+       */
       isFinished
     });
     return () => {

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

@@ -1 +1 @@
-{"version":3,"file":"CdsStages.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsStages/CdsStages.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsStages.scss';\n\nimport type { ListItem } from '@cds/composables/useItems';\nimport { useItems } from '@cds/composables/useItems';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\nimport { computed, unref } from 'vue';\n\nimport { CdsStagesConstants } from './api/CdsStages.constants';\nimport { defineCdsStagesProps } from './api/CdsStages.props';\n\ndefineOptions({\n  name: CdsStagesConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsStagesProps() });\nconst props = useDefaults(_props);\n\nconst { items } = useItems(props);\nconst { themeClasses } = provideTheme(props);\n\nconst currentStageIndex = computed(() => {\n  return unref(items).findIndex((item) => String(item.value) === String(props.current));\n});\n\nconst gridStyles = computed(() => ({\n  gridTemplateColumns: `repeat(${unref(items).length}, 1fr)`\n}));\n\nconst isFinished = computed(() => {\n  return props.finished || String(props.current) === '0';\n});\n\nconst isCurrent = (idx: number) => {\n  return idx === unref(currentStageIndex);\n};\n\nconst getStageClasses = (item: ListItem, idx: number) => {\n  const { rootClass } = CdsStagesConstants;\n\n  return {\n    [`${rootClass}__stage--active`]: !unref(isFinished) && String(item.value) === String(props.current),\n    [`${rootClass}__stage--invalid`]: item.props?.error && idx <= unref(currentStageIndex),\n    [`${rootClass}__stage--checked`]: unref(isFinished) || idx < unref(currentStageIndex)\n  };\n};\n\ndefineExpose({\n  isCurrent,\n  isFinished\n});\n\ndefineRender(() => {\n  const { rootClass } = CdsStagesConstants;\n\n  return (\n    <ul class={classNames(rootClass, unref(themeClasses), props.class)} style={[unref(gridStyles), props.style]}>\n      {unref(items).map((item, idx) => (\n        <li key={item.value} class={classNames(`${rootClass}__stage`, getStageClasses(item, idx))}>\n          <span class={classNames(`${rootClass}__text`)}>{item.title}</span>\n\n          {idx !== unref(items).length - 1 && (\n            <svg\n              width=\"16\"\n              height=\"40\"\n              viewBox=\"0 0 16 40\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class={classNames(`${rootClass}__arrow`)}\n            >\n              <path d=\"M0 0L4.19048 7.27177e-06L13 20L4.19048 40L0 40V0Z\" />\n              <path d=\"M0 39H4.51263L14 20L4.51263 1H0\" />\n            </svg>\n          )}\n        </li>\n      ))}\n    </ul>\n  );\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","items","useItems","themeClasses","provideTheme","currentStageIndex","computed","unref","findIndex","item","String","value","current","gridStyles","gridTemplateColumns","length","isFinished","finished","isCurrent","idx","getStageClasses","rootClass","CdsStagesConstants","error","__expose","_createVNode","classNames","class","style","map","title"],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAEhC,UAAM;AAAA,MAAEI;AAAAA,IAAM,IAAIC,SAASH,KAAK;AAChC,UAAM;AAAA,MAAEI;AAAAA,IAAa,IAAIC,aAAaL,KAAK;AAE3C,UAAMM,oBAAoBC,SAAS,MAAM;AACvC,aAAOC,MAAMN,KAAK,EAAEO,UAAWC,UAASC,OAAOD,KAAKE,KAAK,MAAMD,OAAOX,MAAMa,OAAO,CAAC;AAAA,IACtF,CAAC;AAED,UAAMC,aAAaP,SAAS,OAAO;AAAA,MACjCQ,qBAAqB,UAAUP,MAAMN,KAAK,EAAEc,MAAM;AAAA,IACpD,EAAE;AAEF,UAAMC,aAAaV,SAAS,MAAM;AAChC,aAAOP,MAAMkB,YAAYP,OAAOX,MAAMa,OAAO,MAAM;AAAA,IACrD,CAAC;AAED,UAAMM,YAAaC,SAAgB;AACjC,aAAOA,QAAQZ,MAAMF,iBAAiB;AAAA,IACxC;AAEA,UAAMe,kBAAkBA,CAACX,MAAgBU,QAAgB;;AACvD,YAAM;AAAA,QAAEE;AAAAA,MAAU,IAAIC;AAEtB,aAAO;AAAA,QACL,CAAC,GAAGD,SAAS,iBAAiB,GAAG,CAACd,MAAMS,UAAU,KAAKN,OAAOD,KAAKE,KAAK,MAAMD,OAAOX,MAAMa,OAAO;AAAA,QAClG,CAAC,GAAGS,SAAS,kBAAkB,KAAGZ,UAAKV,UAALU,mBAAYc,UAASJ,OAAOZ,MAAMF,iBAAiB;AAAA,QACrF,CAAC,GAAGgB,SAAS,kBAAkB,GAAGd,MAAMS,UAAU,KAAKG,MAAMZ,MAAMF,iBAAiB;AAAA;IAExF;AAEAmB,aAAa;AAAA,MACXN;AAAAA,MACAF;AAAAA,IACF,CAAC;WAEY,MAAM;AACjB,YAAM;AAAA,QAAEK;AAAAA,MAAU,IAAIC;AAEtB,aAAAG,YAAA,MAAA;AAAA,QAAA,SACaC,WAAWL,WAAWd,MAAMJ,YAAY,GAAGJ,MAAM4B,KAAK;AAAA,QAAC,SAAS,CAACpB,MAAMM,UAAU,GAAGd,MAAM6B,KAAK;AAAA,MAAC,GAAA,CACxGrB,MAAMN,KAAK,EAAE4B,IAAI,CAACpB,MAAMU,QAAGM,YAAA,MAAA;AAAA,QAAA,OACjBhB,KAAKE;AAAAA,QAAK,SAASe,WAAW,GAAGL,SAAS,WAAWD,gBAAgBX,MAAMU,GAAG,CAAC;AAAA,MAAC,GAAA,CAAAM,YAAA,QAAA;AAAA,QAAA,SAC1EC,WAAW,GAAGL,SAAS,QAAQ;AAAA,MAAC,GAAA,CAAGZ,KAAKqB,KAAK,CAAA,GAEzDX,QAAQZ,MAAMN,KAAK,EAAEc,SAAS,KAACU,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,UAAA;AAAA,QAAA,WAAA;AAAA,QAAA,SAAA;AAAA,QAAA,SAMrBC,WAAW,GAAGL,SAAS,SAAS;AAAA,MAAC,GAAA,CAAAI,YAAA,QAAA;AAAA,QAAA,KAAA;AAAA,MAAA,GAAA,IAAA,GAAAA,YAAA,QAAA;AAAA,QAAA,KAAA;AAAA,MAAA,GAAA,IAAA,CAAA,CAAA,CAK3C,EAEJ,CAAC,CAAA;AAAA,IAGR;AAAA;;"}
+{"version":3,"file":"CdsStages.vue_vue_type_script_setup_true_lang.js","sources":["../../../../../src/components/CdsStages/CdsStages.vue"],"sourcesContent":["<script setup lang=\"tsx\">\nimport './CdsStages.scss';\n\nimport type { ListItem } from '@cds/composables/useItems';\nimport { useItems } from '@cds/composables/useItems';\nimport { provideTheme } from '@cds/composables/useTheme';\nimport { useDefaults } from '@cds/core';\nimport { classNames } from '@cds/utils';\nimport { computed, unref } from 'vue';\n\nimport { CdsStagesConstants } from './api/CdsStages.constants';\nimport { defineCdsStagesProps } from './api/CdsStages.props';\n\ndefineOptions({\n  name: CdsStagesConstants.name\n});\n\nconst _props = defineProps({ ...defineCdsStagesProps() });\nconst props = useDefaults(_props);\n\nconst { items } = useItems(props);\nconst { themeClasses } = provideTheme(props);\n\nconst currentStageIndex = computed(() => {\n  return unref(items).findIndex((item) => String(item.value) === String(props.current));\n});\n\nconst gridStyles = computed(() => ({\n  gridTemplateColumns: `repeat(${unref(items).length}, 1fr)`\n}));\n\nconst isFinished = computed(() => {\n  return props.finished || String(props.current) === '0';\n});\n\nconst isCurrent = (idx: number) => {\n  return idx === unref(currentStageIndex);\n};\n\nconst getStageClasses = (item: ListItem, idx: number) => {\n  const { rootClass } = CdsStagesConstants;\n\n  return {\n    [`${rootClass}__stage--active`]: !unref(isFinished) && String(item.value) === String(props.current),\n    [`${rootClass}__stage--invalid`]: item.props?.error && idx <= unref(currentStageIndex),\n    [`${rootClass}__stage--checked`]: unref(isFinished) || idx < unref(currentStageIndex)\n  };\n};\n\ndefineExpose({\n  /**\n   * Проверяет, является ли этап с указанным индексом текущим.\n   * @en Checks whether the stage with the given index is the current one.\n   */\n  isCurrent,\n  /**\n   * Пройдены ли все этапы.\n   * @en Whether all the stages are passed.\n   */\n  isFinished\n});\n\ndefineRender(() => {\n  const { rootClass } = CdsStagesConstants;\n\n  return (\n    <ul class={classNames(rootClass, unref(themeClasses), props.class)} style={[unref(gridStyles), props.style]}>\n      {unref(items).map((item, idx) => (\n        <li key={item.value} class={classNames(`${rootClass}__stage`, getStageClasses(item, idx))}>\n          <span class={classNames(`${rootClass}__text`)}>{item.title}</span>\n\n          {idx !== unref(items).length - 1 && (\n            <svg\n              width=\"16\"\n              height=\"40\"\n              viewBox=\"0 0 16 40\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class={classNames(`${rootClass}__arrow`)}\n            >\n              <path d=\"M0 0L4.19048 7.27177e-06L13 20L4.19048 40L0 40V0Z\" />\n              <path d=\"M0 39H4.51263L14 20L4.51263 1H0\" />\n            </svg>\n          )}\n        </li>\n      ))}\n    </ul>\n  );\n});\n</script>\n"],"names":["_props","__props","props","useDefaults","items","useItems","themeClasses","provideTheme","currentStageIndex","computed","unref","findIndex","item","String","value","current","gridStyles","gridTemplateColumns","length","isFinished","finished","isCurrent","idx","getStageClasses","rootClass","CdsStagesConstants","error","__expose","_createVNode","classNames","class","style","map","title"],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAEhC,UAAM;AAAA,MAAEI;AAAAA,IAAM,IAAIC,SAASH,KAAK;AAChC,UAAM;AAAA,MAAEI;AAAAA,IAAa,IAAIC,aAAaL,KAAK;AAE3C,UAAMM,oBAAoBC,SAAS,MAAM;AACvC,aAAOC,MAAMN,KAAK,EAAEO,UAAWC,UAASC,OAAOD,KAAKE,KAAK,MAAMD,OAAOX,MAAMa,OAAO,CAAC;AAAA,IACtF,CAAC;AAED,UAAMC,aAAaP,SAAS,OAAO;AAAA,MACjCQ,qBAAqB,UAAUP,MAAMN,KAAK,EAAEc,MAAM;AAAA,IACpD,EAAE;AAEF,UAAMC,aAAaV,SAAS,MAAM;AAChC,aAAOP,MAAMkB,YAAYP,OAAOX,MAAMa,OAAO,MAAM;AAAA,IACrD,CAAC;AAED,UAAMM,YAAaC,SAAgB;AACjC,aAAOA,QAAQZ,MAAMF,iBAAiB;AAAA,IACxC;AAEA,UAAMe,kBAAkBA,CAACX,MAAgBU,QAAgB;;AACvD,YAAM;AAAA,QAAEE;AAAAA,MAAU,IAAIC;AAEtB,aAAO;AAAA,QACL,CAAC,GAAGD,SAAS,iBAAiB,GAAG,CAACd,MAAMS,UAAU,KAAKN,OAAOD,KAAKE,KAAK,MAAMD,OAAOX,MAAMa,OAAO;AAAA,QAClG,CAAC,GAAGS,SAAS,kBAAkB,KAAGZ,UAAKV,UAALU,mBAAYc,UAASJ,OAAOZ,MAAMF,iBAAiB;AAAA,QACrF,CAAC,GAAGgB,SAAS,kBAAkB,GAAGd,MAAMS,UAAU,KAAKG,MAAMZ,MAAMF,iBAAiB;AAAA;IAExF;AAEAmB,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,MAKXN;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,MAKAF;AAAAA,IACF,CAAC;WAEY,MAAM;AACjB,YAAM;AAAA,QAAEK;AAAAA,MAAU,IAAIC;AAEtB,aAAAG,YAAA,MAAA;AAAA,QAAA,SACaC,WAAWL,WAAWd,MAAMJ,YAAY,GAAGJ,MAAM4B,KAAK;AAAA,QAAC,SAAS,CAACpB,MAAMM,UAAU,GAAGd,MAAM6B,KAAK;AAAA,MAAC,GAAA,CACxGrB,MAAMN,KAAK,EAAE4B,IAAI,CAACpB,MAAMU,QAAGM,YAAA,MAAA;AAAA,QAAA,OACjBhB,KAAKE;AAAAA,QAAK,SAASe,WAAW,GAAGL,SAAS,WAAWD,gBAAgBX,MAAMU,GAAG,CAAC;AAAA,MAAC,GAAA,CAAAM,YAAA,QAAA;AAAA,QAAA,SAC1EC,WAAW,GAAGL,SAAS,QAAQ;AAAA,MAAC,GAAA,CAAGZ,KAAKqB,KAAK,CAAA,GAEzDX,QAAQZ,MAAMN,KAAK,EAAEc,SAAS,KAACU,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,UAAA;AAAA,QAAA,WAAA;AAAA,QAAA,SAAA;AAAA,QAAA,SAMrBC,WAAW,GAAGL,SAAS,SAAS;AAAA,MAAC,GAAA,CAAAI,YAAA,QAAA;AAAA,QAAA,KAAA;AAAA,MAAA,GAAA,IAAA,GAAAA,YAAA,QAAA;AAAA,QAAA,KAAA;AAAA,MAAA,GAAA,IAAA,CAAA,CAAA,CAK3C,EAEJ,CAAC,CAAA;AAAA,IAGR;AAAA;;"}

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

@@ -5,12 +5,18 @@ import { C as CdsStagesConstants } from "./CdsStages.constants.js";
 import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsStagesProps = propsFactory(
   {
-    /** Текущий этап */
+    /**
+     * Текущий этап
+     * @en Current stage
+     */
     current: {
       type: [String, Number],
       default: null
     },
-    /** Завершены все этапы */
+    /**
+     * Завершены все этапы
+     * @en All stages are finished
+     */
     finished: Boolean,
     ...defineItemsProps(),
     ...defineComponentProps(),

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

@@ -1 +1 @@
-{"version":3,"file":"CdsStages.props.js","sources":["../../../../../../src/components/CdsStages/api/CdsStages.props.ts"],"sourcesContent":["import { defineItemsProps } from '@cds/composables/useItems';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsStagesConstants } from './CdsStages.constants';\n\nexport const defineCdsStagesProps = propsFactory(\n  {\n    /** Текущий этап */\n    current: {\n      type: [String, Number] as PropType<string | number | null>,\n      default: null\n    },\n    /** Завершены все этапы */\n    finished: Boolean,\n\n    ...defineItemsProps(),\n    ...defineComponentProps(),\n    ...defineThemeProps()\n  },\n  CdsStagesConstants.name\n);\n"],"names":[],"mappings":";;;;;AAOO,MAAM,uBAAuB;AAAA,EAClC;AAAA;AAAA,IAEE,SAAS;AAAA,MACP,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA,IAGX,UAAU;AAAA,IAEV,GAAG,iBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,mBAAmB;AACrB;"}
+{"version":3,"file":"CdsStages.props.js","sources":["../../../../../../src/components/CdsStages/api/CdsStages.props.ts"],"sourcesContent":["import { defineItemsProps } from '@cds/composables/useItems';\nimport { defineThemeProps } from '@cds/composables/useTheme';\nimport { defineComponentProps, propsFactory } from '@cds/core';\nimport type { PropType } from 'vue';\n\nimport { CdsStagesConstants } from './CdsStages.constants';\n\nexport const defineCdsStagesProps = propsFactory(\n  {\n    /**\n     * Текущий этап\n     * @en Current stage\n     */\n    current: {\n      type: [String, Number] as PropType<string | number | null>,\n      default: null\n    },\n    /**\n     * Завершены все этапы\n     * @en All stages are finished\n     */\n    finished: Boolean,\n\n    ...defineItemsProps(),\n    ...defineComponentProps(),\n    ...defineThemeProps()\n  },\n  CdsStagesConstants.name\n);\n"],"names":[],"mappings":";;;;;AAOO,MAAM,uBAAuB;AAAA,EAClC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE,SAAS;AAAA,MACP,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMX,UAAU;AAAA,IAEV,GAAG,iBAAA;AAAA,IACH,GAAG,qBAAA;AAAA,IACH,GAAG,iBAAA;AAAA,EAAiB;AAAA,EAEtB,mBAAmB;AACrB;"}

package/dist/es/src/components/CdsStatus/CdsStatus.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-status {
     display: inline-flex;