@central-design-system/components 4.0.0-alpha.0 → 4.0.0-alpha.1

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

@@ -1,9 +1,9 @@
 import { d as defineDisabledProps } from "../../../composables/useDisabled/useDisabled.js";
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsPaginationConstants } from "./CdsPagination.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsPaginationProps = propsFactory(
   {
     /** Начальная страница */

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

@@ -1,18 +1,18 @@
 import { defineComponent, useSlots, shallowRef, computed, unref, createVNode, Transition, Fragment } from "vue";
 import { u as useRtl } from "../../composables/useLocale/useLocale.js";
 import { u as useLocation } from "../../composables/useLocation/useLocation.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { u as useProxyModel } from "../../core/useProxyModel.js";
 import { u as useToggleScope } from "../../core/useToggleScope.js";
+import { c as clamp, u as convertToUnit } from "../../utils/helpers.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsProgressBarConstants } from "./api/CdsProgressBar.constants.js";
 import { d as defineCdsProgressBarProps } from "./api/CdsProgressBar.props.js";
 import { u as useChunks } from "./composables/useChunk.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useTextColor, a as useBackgroundColor } from "../../composables/useColor/useColor.js";
 import { u as useElementIntersection } from "../../hooks/useIntersectionObserver/index.js";
-import { c as clamp, u as convertToUnit } from "../../utils/helpers.js";
 import { u as useResizeObserver } from "../../hooks/useResizeObserver/index.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsProgressBarConstants.name

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

@@ -1,9 +1,9 @@
 import { d as defineLocationProps } from "../../../composables/useLocation/useLocation.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps, a as defineTagProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { d as defineChunksProps } from "../composables/useChunk.js";
 import { C as CdsProgressBarConstants } from "./CdsProgressBar.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsProgressBarProps = propsFactory(
   {

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

@@ -1,6 +1,6 @@
 import { p as propsFactory } from "../../../core/propsFactory.js";
-import { toRef, computed, toValue } from "vue";
 import { u as convertToUnit, c as clamp } from "../../../utils/helpers.js";
+import { toRef, computed, toValue } from "vue";
 const defineChunksProps = propsFactory(
   {
     /**

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

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

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

@@ -1,8 +1,8 @@
 import { d as defineRevealProps } from "../../../composables/useReveal/useReveal.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsProgressCircleConstants } from "./CdsProgressCircle.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
 const defineCdsProgressCircleProps = propsFactory(
   {

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

@@ -3,9 +3,9 @@ import { C as CdsSelectionControl } from "../CdsSelectionControl/index.js";
 import { d as defineCdsSelectionControlProps } from "../CdsSelectionControl/api/CdsSelectionControl.props.js";
 import { f as filterProps } from "../../core/defineComponent.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsRadioConstants } from "./api/CdsRadio.constants.js";
 import { d as defineCdsRadioProps } from "./api/CdsRadio.props.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsRadioConstants.name

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

@@ -7,10 +7,10 @@ import { f as filterProps } from "../../core/defineComponent.js";
 import { f as forwardRefs } from "../../core/forwardRefs.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { u as useProxyModel } from "../../core/useProxyModel.js";
-import { C as CdsRadioGroupConstants } from "./api/CdsRadioGroup.constants.js";
-import { d as defineCdsRadioGroupProps } from "./api/CdsRadioGroup.props.js";
 import { D as filterInputAttrs } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
+import { C as CdsRadioGroupConstants } from "./api/CdsRadioGroup.constants.js";
+import { d as defineCdsRadioGroupProps } from "./api/CdsRadioGroup.props.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsRadioGroupConstants.name,

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

@@ -2,8 +2,8 @@ import { d as defineCdsInputProps } from "../../CdsInput/api/CdsInput.props.js";
 import { d as defineCdsSelectionControlGroupProps } from "../../CdsSelectionControlGroup/api/CdsSelectionControlGroup.props.js";
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
-import { C as CdsRadioGroupConstants } from "./CdsRadioGroup.constants.js";
 import { a3 as omit } from "../../../utils/helpers.js";
+import { C as CdsRadioGroupConstants } from "./CdsRadioGroup.constants.js";
 const defineCdsRadioGroupProps = propsFactory(
   {
     /** Высота компонента */

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

@@ -1,10 +1,10 @@
 import { defineComponent, useSlots, createVNode, unref } from "vue";
 import { u as useDefaults } from "../../core/useDefaults.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsResponsiveConstants } from "./api/CdsResponsive.constants.js";
 import { d as defineCdsResponsiveProps } from "./api/CdsResponsive.props.js";
 import { u as useAspectStyles } from "./composables/useAspectStyles.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsResponsiveConstants.name

package/dist/es/src/components/CdsResponsive/composables/useAspectStyles.js

@@ -1,5 +1,5 @@
-import { computed, toValue } from "vue";
 import { a6 as parseAspectRatio } from "../../../utils/helpers.js";
+import { computed, toValue } from "vue";
 function useAspectStyles(aspectRatio) {
   const aspectStyles = computed(() => {
     const ratio = parseAspectRatio(toValue(aspectRatio));

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

@@ -13,15 +13,15 @@ import { f as filterProps } from "../../core/defineComponent.js";
 import { f as forwardRefs } from "../../core/forwardRefs.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { u as useProxyModel } from "../../core/useProxyModel.js";
+import { ac as wrapInArray, x as deepEqual, s as camelizeProps, _ as keyNames, A as ensureValidVNode, t as checkPrintable, a0 as matchesSelector } from "../../utils/helpers.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
+import { a as IN_BROWSER } from "../../utils/dom/globals.js";
 import { C as CdsSelectConstants } from "./api/CdsSelect.constants.js";
 import { d as defineCdsSelectProps } from "./api/CdsSelect.props.js";
 import { u as useFocusRepair } from "./composables/useFocusRepair.js";
 import { u as useMenuActivator } from "./composables/useMenuActivator.js";
 import { u as useScrolling } from "./composables/useScrolling.js";
-import { ac as wrapInArray, x as deepEqual, s as camelizeProps, _ as keyNames, A as ensureValidVNode, t as checkPrintable, a0 as matchesSelector } from "../../utils/helpers.js";
-import { a as IN_BROWSER } from "../../utils/dom/globals.js";
 import { C as CdsTextInput } from "../CdsTextInput/index.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsIcon } from "../CdsIcon/index.js";
 import { C as CdsMenu } from "../CdsMenu/index.js";
 import { C as CdsSurface } from "../CdsSurface/index.js";

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

@@ -2,10 +2,10 @@ import { d as defineCdsTextInputProps } from "../../CdsTextInput/api/CdsTextInpu
 import { d as defineFilterProps } from "../../../composables/useFilter/useFilter.js";
 import { b as defineTransitionProps } from "../../../composables/useTransition/useTransition.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
+import { a3 as omit } from "../../../utils/helpers.js";
 import { d as defineSelectProps } from "../composables/useSelect.js";
 import { C as CdsSelectConstants } from "./CdsSelect.constants.js";
 import { C as CdsModalTransition } from "../../../transitions/modalTransition.js";
-import { a3 as omit } from "../../../utils/helpers.js";
 const defineCdsSelectProps = propsFactory(
   {
     /** Текущее значение поискового запроса для фильтрации элементов (v-model:search). */

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

@@ -1,13 +1,13 @@
 import { defineComponent, useSlots, useAttrs, useId, shallowRef, ref, toRef, createVNode, mergeProps, unref, Fragment, nextTick } from "vue";
 import { u as useDefaults } from "../../core/useDefaults.js";
+import { D as filterInputAttrs, a0 as matchesSelector } from "../../utils/helpers.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsDescription } from "../CdsDescription/index.js";
 import { C as CdsIcon } from "../CdsIcon/index.js";
 import { C as CdsLabel } from "../CdsLabel/index.js";
 import { C as CdsSelectionControlConstants } from "./api/CdsSelectionControl.constants.js";
 import { d as defineCdsSelectionControlProps } from "./api/CdsSelectionControl.props.js";
 import { u as useSelectionControl } from "./composables/useSelectionControl.js";
-import { D as filterInputAttrs, a0 as matchesSelector } from "../../utils/helpers.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsSelectionControlConstants.name,

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

@@ -2,8 +2,8 @@ import { d as defineCdsInputProps } from "../../CdsInput/api/CdsInput.props.js";
 import { d as defineCdsSelectionControlGroupProps } from "../../CdsSelectionControlGroup/api/CdsSelectionControlGroup.props.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
-import { C as CdsSelectionControlConstants } from "./CdsSelectionControl.constants.js";
 import { a7 as pick } from "../../../utils/helpers.js";
+import { C as CdsSelectionControlConstants } from "./CdsSelectionControl.constants.js";
 const defineCdsSelectionControlProps = propsFactory(
   {
     /** Значение для true состояния. */

package/dist/es/src/components/CdsSelectionControl/composables/useSelectionControl.js

@@ -1,7 +1,7 @@
 import { a as CdsSelectionControlGroupSymbol } from "../../CdsSelectionControlGroup/api/CdsSelectionControlGroup.constants.js";
 import { u as useProxyModel } from "../../../core/useProxyModel.js";
-import { inject, computed, unref } from "vue";
 import { ac as wrapInArray } from "../../../utils/helpers.js";
+import { inject, computed, unref } from "vue";
 import { u as useTextColor, a as useBackgroundColor } from "../../../composables/useColor/useColor.js";
 function useSelectionControl(props) {
   const group = inject(CdsSelectionControlGroupSymbol, void 0);

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

@@ -3,9 +3,9 @@ import { C as CdsSelectionControlConstants } from "../CdsSelectionControl/api/Cd
 import { u as useDirection } from "../../composables/useDirection/useDirection.js";
 import { u as useDefaults, p as provideDefaults } from "../../core/useDefaults.js";
 import { u as useProxyModel } from "../../core/useProxyModel.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsSelectionControlGroupConstants, a as CdsSelectionControlGroupSymbol } from "./api/CdsSelectionControlGroup.constants.js";
 import { d as defineCdsSelectionControlGroupProps } from "./api/CdsSelectionControlGroup.props.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsSelectionControlGroupConstants.name

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

@@ -4,8 +4,8 @@ import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
-import { C as CdsSelectionControlGroupConstants } from "./CdsSelectionControlGroup.constants.js";
 import { x as deepEqual } from "../../../utils/helpers.js";
+import { C as CdsSelectionControlGroupConstants } from "./CdsSelectionControlGroup.constants.js";
 import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineColorProps } from "../../../composables/useColor/useColor.js";
 const defineCdsSelectionControlGroupProps = propsFactory(

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

@@ -1,12 +1,12 @@
 import { defineComponent, useSlots, computed, createVNode, unref } from "vue";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
+import { ac as wrapInArray } from "../../utils/helpers.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsSkeletonLoaderConstants } from "./api/CdsSkeletonLoader.constants.js";
 import { d as defineCdsSkeletonLoaderProps } from "./api/CdsSkeletonLoader.props.js";
 import { a as allowedTypes } from "./api/CdsSkeletonLoader.types.js";
 import { u as useDimensions } from "../../composables/useDimensions/useDimensions.js";
-import { ac as wrapInArray } from "../../utils/helpers.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsSkeletonLoaderConstants.name

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

@@ -1,7 +1,7 @@
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsSkeletonLoaderConstants } from "./CdsSkeletonLoader.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineDimensionsProps } from "../../../composables/useDimensions/useDimensions.js";
 const defineCdsSkeletonLoaderProps = propsFactory(
   {

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

@@ -1,19 +1,19 @@
 import { defineComponent, useSlots, shallowRef, computed, unref, watch, createVNode } from "vue";
 import { u as useDirection } from "../../composables/useDirection/useDirection.js";
-import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
 import { u as useGoTo } from "../../composables/useGoTo/useGoTo.js";
 import { u as useGroup } from "../../composables/useGroup/useGroup.js";
 import { u as useRtl } from "../../composables/useLocale/useLocale.js";
 import { u as useResizeObserver } from "../../composables/useResizeObserver/useResizeObserver.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { b as CdsTransitionFade } from "../../transitions/index.js";
+import { I as focusableChildren, _ as keyNames } from "../../utils/helpers.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
+import { a as IN_BROWSER } from "../../utils/dom/globals.js";
 import { C as CdsFunctionalButton } from "../CdsFunctionalButton/index.js";
 import { C as CdsSlideGroupConstants } from "./api/CdsSlideGroup.constants.js";
 import { d as defineCdsSlideGroupProps } from "./api/CdsSlideGroup.props.js";
 import { c as calculateCenteredTarget, a as calculateUpdatedTarget, g as getOffsetSize, b as getScrollPosition, d as getScrollSize } from "./utils/calculateTargets.js";
-import { a as IN_BROWSER } from "../../utils/dom/globals.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
-import { I as focusableChildren, _ as keyNames } from "../../utils/helpers.js";
+import { u as useDisplay } from "../../composables/useDisplay/useDisplay.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsSlideGroupConstants.name

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

@@ -1,11 +1,11 @@
 import { d as defineDirectionProps } from "../../../composables/useDirection/useDirection.js";
-import { d as defineDisplayProps } from "../../../composables/useDisplay/useDisplay.js";
 import { d as defineGroupProps } from "../../../composables/useGroup/useGroup.js";
 import { d as defineGroupItemProps } from "../../../composables/useGroup/useGroupItem.js";
 import { I as IconValue } from "../../../composables/useIcons/internal/useIcons.constants.js";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsSlideGroupConstants, a as CdsSlideGroupSymbol, b as CdsSlideGroupItemConstants } from "./CdsSlideGroup.constants.js";
+import { d as defineDisplayProps } from "../../../composables/useDisplay/useDisplay.js";
 const defineCdsSlideGroupProps = propsFactory(
   {
     /** Принудительно выравнивает активный компонент по центру. */

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

@@ -4,19 +4,19 @@ import { u as useDirection } from "../../composables/useDirection/useDirection.j
 import { u as useGroup } from "../../composables/useGroup/useGroup.js";
 import { u as useRtl, a as useLocale } from "../../composables/useLocale/useLocale.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
+import { _ as keyNames } from "../../utils/helpers.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
+import { c as getScrollParent } from "../../utils/dom/getScrollParent.js";
+import { a as IN_BROWSER } from "../../utils/dom/globals.js";
 import { C as CdsSlideViewConstants, a as CdsSlideViewGroupSymbol, b as CdsSlideViewSymbol } from "./api/CdsSlideView.constants.js";
 import { d as defineCdsSlideViewProps } from "./api/CdsSlideView.props.js";
 import { T as Touch } from "../../directives/touch/index.js";
 import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
-import { a as IN_BROWSER } from "../../utils/dom/globals.js";
-import { c as getScrollParent } from "../../utils/dom/getScrollParent.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
-import { _ as keyNames } from "../../utils/helpers.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsSlideViewConstants.name,
     directives: {
-      vTouch: Touch
+      Touch
     }
   },
   __name: "CdsSlideView",

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 as vTouch } 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: { vTouch }\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  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

@@ -4,17 +4,13 @@ import { u as useLazy } from "../../composables/useLazy/useLazy.js";
 import { u as useSsrBoot } from "../../composables/useSsrBoot/useSsrBoot.js";
 import { M as MaybeTransition } from "../../composables/useTransition/useTransition.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
-import { c as CdsSlideViewItemConstants, b as CdsSlideViewSymbol, a as CdsSlideViewGroupSymbol } from "./api/CdsSlideView.constants.js";
-import { a as defineCdsSlideViewItemProps } from "./api/CdsSlideView.props.js";
-import { T as Touch } from "../../directives/touch/index.js";
 import { u as convertToUnit } from "../../utils/helpers.js";
 import { c as classNames } from "../../utils/dom/classNames.js";
+import { c as CdsSlideViewItemConstants, b as CdsSlideViewSymbol, a as CdsSlideViewGroupSymbol } from "./api/CdsSlideView.constants.js";
+import { a as defineCdsSlideViewItemProps } from "./api/CdsSlideView.props.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
-    name: CdsSlideViewItemConstants.name,
-    directives: {
-      vTouch: Touch
-    }
+    name: CdsSlideViewItemConstants.name
   },
   __name: "CdsSlideViewItem",
   props: {

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 { Touch as vTouch } from '@cds/directives';\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  directives: { vTouch }\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([]);\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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"}

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

@@ -3,10 +3,10 @@ import { d as defineDisabledProps } from "../../../composables/useDisabled/useDi
 import { d as defineGroupProps } from "../../../composables/useGroup/useGroup.js";
 import { d as defineGroupItemProps } from "../../../composables/useGroup/useGroupItem.js";
 import { d as defineLazyProps } from "../../../composables/useLazy/useLazy.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { a as defineTagProps, d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsSlideViewConstants } from "./CdsSlideView.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsSlideViewProps = propsFactory(
   {
     continuous: Boolean,

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

@@ -1,10 +1,10 @@
 import { defineComponent, computed, unref, createVNode } from "vue";
 import { u as useItems } from "../../composables/useItems/useItems.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsStagesConstants } from "./api/CdsStages.constants.js";
 import { d as defineCdsStagesProps } from "./api/CdsStages.props.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsStagesConstants.name

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

@@ -1,8 +1,8 @@
 import { d as defineItemsProps } from "../../../composables/useItems/useItems.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsStagesConstants } from "./CdsStages.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsStagesProps = propsFactory(
   {
     /** Текущий этап */

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

@@ -1,12 +1,12 @@
 import { defineComponent, useSlots, computed, unref, createVNode } from "vue";
 import { u as useStatus } from "../../composables/useStatus/useStatus.js";
 import { u as useText } from "../../composables/useText/useText.js";
-import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsIcon } from "../CdsIcon/index.js";
 import { C as CdsStatusConstants } from "./api/CdsStatus.constants.js";
 import { d as defineCdsStatusProps } from "./api/CdsStatus.props.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
+import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsStatusConstants.name

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

@@ -1,9 +1,9 @@
 import { d as defineStatusProps } from "../../../composables/useStatus/useStatus.js";
 import { d as defineTextProps } from "../../../composables/useText/useText.js";
-import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 import { d as defineComponentProps } from "../../../core/defineComponent.js";
 import { p as propsFactory } from "../../../core/propsFactory.js";
 import { C as CdsStatusConstants } from "./CdsStatus.constants.js";
+import { d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
 const defineCdsStatusProps = propsFactory(
   {
     ...defineStatusProps(),

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

@@ -1,14 +1,14 @@
 import { defineComponent, useSlots, computed, unref, toRef, createVNode } from "vue";
 import { u as useGroup } from "../../composables/useGroup/useGroup.js";
 import { u as useDefaults, p as provideDefaults } from "../../core/useDefaults.js";
+import { M as getPropertyFromItem } from "../../utils/helpers.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { d as CdsStepsConstants, e as CdsStepsSymbol } from "./api/CdsSteps.constants.js";
 import { e as defineCdsStepsProps } from "./api/CdsSteps.props.js";
 import { _ as _sfc_main$4 } from "./CdsStepsActions.vue_vue_type_script_setup_true_lang.js";
 import { _ as _sfc_main$1 } from "./CdsStepsItem.vue_vue_type_script_setup_true_lang.js";
 import { _ as _sfc_main$2 } from "./CdsStepsView.vue_vue_type_script_setup_true_lang.js";
 import { _ as _sfc_main$3 } from "./CdsStepsViewItem.vue_vue_type_script_setup_true_lang.js";
-import { M as getPropertyFromItem } from "../../utils/helpers.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 import { p as provideTheme } from "../../composables/useTheme/useTheme.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/dist/es/src/components/CdsSteps/CdsStepsActions.vue_vue_type_script_setup_true_lang.js

@@ -3,9 +3,9 @@ import { C as CdsButton } from "../CdsButton/index.js";
 import { C as CdsDefaultsProvider } from "../CdsDefaultsProvider/index.js";
 import { a as useLocale } from "../../composables/useLocale/useLocale.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsStepsActionsConstants } from "./api/CdsSteps.constants.js";
 import { d as defineCdsStepsActionsProps } from "./api/CdsSteps.props.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsStepsActionsConstants.name

package/dist/es/src/components/CdsSteps/CdsStepsItem.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
 import { defineComponent, useSlots, computed, unref, createVNode } from "vue";
 import { u as useGroupItem } from "../../composables/useGroup/useGroupItem.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { a as CdsStepsItemConstants, e as CdsStepsSymbol } from "./api/CdsSteps.constants.js";
 import { a as defineCdsStepsItemProps } from "./api/CdsSteps.props.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsStepsItemConstants.name