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

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AAGd,UAAM;AAAA,MAAEC;AAAAA,IAAa,IAAIC,aAAaL,KAAK;AAC3C,UAAM;AAAA,MAAEM;AAAAA,QAAUC,OAAM;AACxB,UAAM;AAAA,MAAEC;AAAAA,QAAMC,UAAS;AAEvB,UAAMC,QAAQC,SAASX,OAAOY,uBAAuB;AAErD,UAAMC,UAAUC,IAAG;AACnB,UAAMC,eAAeC,SAAS,MAAOC,MAAMX,KAAK,IAAI,CAACN,MAAMkB,UAAUlB,MAAMkB,OAAQ;AACnF,UAAMC,aAAaC,WAAW,KAAK;AACnC,UAAM;AAAA,MAAEC;AAAAA,MAAYC;AAAAA,IAAa,IAAIC,aAAavB,KAAK;AAEvD,UAAMwB,aAAaR,SAAS,MAAM;AAChC,UAAIhB,MAAMyB,WAAW;AACnB,eAAO,GAAGC,sBAAsBC,SAAS;AAAA,MAC3C;AAEA,YAAMC,OAAOX,MAAMI,UAAU,IAAI,MAAM;AACvC,YAAMH,UAAUD,MAAMF,YAAY,IAAI,CAACE,MAAME,UAAU,IAAIF,MAAME,UAAU;AAC3E,YAAMU,YAAYX,UAAU,aAAa;AAEzC,aAAO,GAAGQ,sBAAsBC,SAAS,IAAIC,IAAI,GAAGC,SAAS;AAAA,IAC/D,CAAC;AAED,UAAMC,kBAAkBV,WAAW,CAAC;AACpC,UAAMW,mBAAmBjB,IAAwBkB,MAAS;AAE1D,UAAMC,cAAcjB,SAAS,MAAM;AACjC,aAAON,MAAMwB,MAAMC,MAAMC,UAAWC,UAAS3B,MAAM4B,SAASH,MAAMI,SAASF,KAAKG,EAAE,CAAC;AAAA,IACrF,CAAC;AAEDC,YAAQC,oBAAoB;AAAA,MAC1BlB;AAAAA,MACAL;AAAAA,MACAW;AAAAA,MACAC;AAAAA,MACAlB;AAAAA,IACF,CAAC;AAED,UAAM8B,cAAcC,MAAM,MAAM5C,MAAM6C,cAAcZ,YAAYE,UAAU,CAAC;AAC3E,UAAMW,iBAAiBF,MAAM,MAAM5C,MAAM6C,cAAcZ,YAAYE,UAAUzB,MAAMwB,MAAMC,MAAMY,SAAS,CAAC;AAEzGC,UACEf,aACA,CAACgB,QAAQC,WAAW;AAClB,UAAIC;AACJ,YAAMC,sBAAsB;AAAA,QAAEC,MAAM;AAAA,QAAGC,KAAK;AAAA;AAE5C,UAAIC,cAAcL,UAAU,GAAG;AAC7BC,2BAAmBK,gBAAgB3C,QAAQsB,KAAK;AAEhDiB,4BAAoBC,OAAOF,qDAAkBM;AAC7CL,4BAAoBE,MAAMH,qDAAkBO;AAAAA,MAC9C;AAEA,YAAMC,cAAcjD,MAAMwB,MAAMC,MAAMY;AACtC,YAAMa,YAAYD,cAAc;AAEhC,UAAIA,eAAe,GAAG;AACpBxC,mBAAWgB,QAAQc,SAASC;AAAAA,MAC9B,WAAWD,WAAWW,aAAaV,WAAW,GAAG;AAC/C/B,mBAAWgB,QAAQ;AAAA,MACrB,WAAWc,WAAW,KAAKC,WAAWU,WAAW;AAC/CzC,mBAAWgB,QAAQ;AAAA,MACrB,OAAO;AACLhB,mBAAWgB,QAAQc,SAASC;AAAAA,MAC9B;AAEAW,eAAS,MAAM;AACb,YAAI,CAACN,cAAc,CAACJ,iBAAkB;AAEtC,cAAMW,iBAAiBX,iBAAiBO;AAExC,YAAII,mBAAmBV,oBAAoBE,KAAK;AAC9CH,2BAAiBY,SAAS;AAAA,YAAE,GAAGX;AAAAA,YAAqBY,UAAU;AAAA,UAAU,CAAC;AAAA,QAC3E;AAEAC,8BAAsB,MAAM;AAC1B,cAAI,CAACd,iBAAkB;AAEvB,gBAAMe,aAAaf,iBAAiBO;AAEpC,cAAIQ,eAAed,oBAAoBE,KAAK;AAC1CH,6BAAiBY,SAAS;AAAA,cAAE,GAAGX;AAAAA,cAAqBY,UAAU;AAAA,YAAU,CAAC;AAAA,UAC3E;AAAA,QACF,CAAC;AAAA,MACH,CAAC;AAAA,IACH,GACA;AAAA,MAAEG,OAAO;AAAA,IAAO,CAClB;AAEA,UAAMC,SAASpD,SAAS,MAAM;AAC5B,YAAMoD,UAAS,CAAA;AAEf,YAAMC,YAAY;AAAA,QAChBC,MAAMrD,MAAMX,KAAK,IAAIN,MAAMuE,WAAWvE,MAAMwE;AAAAA,QAC5CC,OAAO,GAAG/C,sBAAsBC,SAAS,KAAKV,MAAMF,YAAY,IAAI,UAAU,MAAM;AAAA,QACpF2D,SAAShE,MAAMiE;AAAAA,QACf,cAAcnE,EAAE,oBAAoB;AAAA;AAGtC4D,MAAAA,QAAOQ,KACLjC,YAAYR,QAAQjC,MAAMyE,OAAOzE,MAAMyE,KAAK;AAAA,QAAE3E,OAAOqE;AAAAA,OAAW,IAACQ,YAAAC,qBAA4BT,WAAS,IAAA,IAAIQ,YAAA,OAAA,MAAA,IAAA,CAC5G;AAEA,YAAME,YAAY;AAAA,QAChBT,MAAMrD,MAAMX,KAAK,IAAIN,MAAMwE,WAAWxE,MAAMuE;AAAAA,QAC5CE,OAAO,GAAG/C,sBAAsBC,SAAS,KAAKV,MAAMF,YAAY,IAAI,SAAS,OAAO;AAAA,QACpF2D,SAAShE,MAAMsE;AAAAA,QACf,cAAcxE,EAAE,oBAAoB;AAAA;AAGtC4D,MAAAA,QAAOQ,KACL3D,MAAM6B,cAAc,IAClB5C,MAAM8E,OACJ9E,MAAM8E,KAAK;AAAA,QAAEhF,OAAO+E;AAAAA,OAAW,IAAAF,YAAAC,qBAENC,WAAS,IAAA,IACpCF,YAAA,OAAA,MAAA,IAAA,CAIJ;AAEA,aAAOT;AAAAA,IACT,CAAC;AAED,UAAMa,eAAejE,SAAS,MAAM;AAClC,UAAIhB,MAAMkF,UAAU,MAAO,QAAOlF,MAAMkF;AAExC,YAAMC,UAAyB;AAAA,QAC7B9B,MAAMA,MAAM;AACVtC,uBAAaoB,QAAQwC,KAAI,IAAKK,KAAI;AAAA,QACpC;AAAA,QACAI,OAAOA,MAAM;AACXrE,uBAAaoB,QAAQ6C,KAAI,IAAKL,KAAI;AAAA,QACpC;AAAA,QACAU,OAAOA,CAAC;AAAA,UAAEC;AAAAA,QAAc,MAAM;AAC5BA,wBAAcC,gBAAe;AAAA,QAC/B;AAAA;AAGF,aAAO;AAAA,QACL,GAAGJ;AAAAA,QACH,GAAInF,MAAMkF,UAAU,OAAO,CAAA,IAAKlF,MAAMkF;AAAAA;IAE1C,CAAC;AAED,aAASP,OAAO;AACd1D,YAAM0B,WAAW,KAAKjC,MAAMiE,KAAI;AAAA,IAClC;AAEA,aAASK,OAAO;AACd/D,YAAM6B,cAAc,KAAKpC,MAAMsE,KAAI;AAAA,IACrC;AAEA,aAASQ,WAAWC,OAAe;;AACjC,YAAMC,QAAQtB,OAAOjC,MAAMsD,KAAK;AAEhC,UAAI,CAACC,MAAO;AAEZ,YAAMC,UAAUC,MAAMC,QAAQH,KAAK,IAAIA,MAAM,CAAC,IAAIA;AAClDC,oBAAQG,OAARH,mBAAYI;AAAAA,IACd;AAEA,aAASC,UAAUC,GAAkB;AACnC,UAAKhF,MAAMK,YAAY,KAAK2E,EAAEC,QAAQC,SAAS9C,QAAUpC,MAAMI,UAAU,KAAK4E,EAAEC,QAAQC,SAASC,IAAK;AACpGH,UAAEI,eAAc;AAEhB1B,aAAI;AAEJd,iBAAS,MAAM;AACb5C,gBAAM0B,WAAW,IAAI6C,WAAW,CAAC,IAAIA,WAAW,CAAC;AAAA,QACnD,CAAC;AAAA,MACH;AAEA,UAAKvE,MAAMK,YAAY,KAAK2E,EAAEC,QAAQC,SAASf,SAAWnE,MAAMI,UAAU,KAAK4E,EAAEC,QAAQC,SAASG,MAAO;AACvGL,UAAEI,eAAc;AAEhBrB,aAAI;AAEJnB,iBAAS,MAAM;AACb5C,gBAAM6B,cAAc,IAAI0C,WAAW,CAAC,IAAIA,WAAW,CAAC;AAAA,QACtD,CAAC;AAAA,MACH;AAAA,IACF;AAgDAe,aAAa;AAAA,MACX7F;AAAAA,IACF,CAAC;WAhDY,MAAM;AACjB,YAAM;AAAA,QAAEiB;AAAAA,MAAU,IAAID;AAEtB,aAAA8E,eAAA3B,YAAA7E,MAAAyG,KAAA;AAAA,QAAA,OAES5F;AAAAA,QAAO,SACL6F,WACL/E,WACA;AAAA,UACE,CAAC,GAAGA,SAAS,wBAAwB,GAAG3B,MAAM2G,eAAe;AAAA,UAC7D,CAAC,GAAGhF,SAAS,mBAAmB,GAAG,CAAC,CAAC3B,MAAM4G;AAAAA,UAC3C,CAAC,GAAGjF,SAAS,aAAa,GAAG3B,MAAMyB;AAAAA,WAErCR,MAAMb,YAAY,GAClBJ,MAAMyE,KACR;AAAA,QAAC,SACM,CAACzE,MAAM6G,KAAK;AAAA,MAAC,GAAA;AAAA,QAAAC,SAAAA,MAAAA;;AAAA,kBAAAjC,YAAA,OAAA;AAAA,YAAA,SAIX6B,WAAW,GAAG/E,SAAS,aAAa;AAAA,YAAC,SACrC;AAAA,cACLoF,QAAQ9F,MAAMc,gBAAgB;AAAA,YAChC;AAAA,aAAC,EAEA7B,WAAM4G,YAAN5G,+BAAgB;AAAA,YAAEQ;AAAAA,cAElBV,MAAM2G,eAAe,SAAK9B,YAAA,OAAA;AAAA,YAAA,SAEhB6B,WACL,GAAG/E,SAAS,cACZ;AAAA,cAAE,CAAC,GAAGA,SAAS,kBAAkB,GAAG3B,MAAM4G,mBAAmB,UAAU5G,MAAM4G,mBAAmB;AAAA,YAAK,GACrG;AAAA,cAAE,CAAC,GAAGjF,SAAS,mBAAmB,GAAG3B,MAAM4G,mBAAmB;AAAA,YAAQ,CACxE;AAAA,YAAC,aACUZ;AAAAA,aAAS,CAEnB/E,MAAMmD,MAAM,CAAC,EAEjB,CAAA,IAGFlE,WAAM8G,eAAN9G,+BAAmB;AAAA,YAAEQ;AAAAA,UAAM,EAAE;AAAA;AAAA,MAAA,CAAA,GAAA,CAAA,CAAAuG,iBAAA,OAAA,GAxBrBhG,MAAMgE,YAAY,CAAC,CAAA,CAAA;AAAA,IA2BlC;AAAA;;"}
+{"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,UAAMA,SAASC;AACf,UAAMC,QAAQC,YAAYH,MAAM;AAChC,UAAMI,QAAQC,SAAA;AAGd,UAAM;AAAA,MAAEC;AAAAA,IAAa,IAAIC,aAAaL,KAAK;AAC3C,UAAM;AAAA,MAAEM;AAAAA,QAAUC,OAAM;AACxB,UAAM;AAAA,MAAEC;AAAAA,QAAMC,UAAS;AAEvB,UAAMC,QAAQC,SAASX,OAAOY,uBAAuB;AAErD,UAAMC,UAAUC,IAAG;AACnB,UAAMC,eAAeC,SAAS,MAAOC,MAAMX,KAAK,IAAI,CAACN,MAAMkB,UAAUlB,MAAMkB,OAAQ;AACnF,UAAMC,aAAaC,WAAW,KAAK;AACnC,UAAM;AAAA,MAAEC;AAAAA,MAAYC;AAAAA,IAAa,IAAIC,aAAavB,KAAK;AAEvD,UAAMwB,aAAaR,SAAS,MAAM;AAChC,UAAIhB,MAAMyB,WAAW;AACnB,eAAO,GAAGC,sBAAsBC,SAAS;AAAA,MAC3C;AAEA,YAAMC,OAAOX,MAAMI,UAAU,IAAI,MAAM;AACvC,YAAMH,UAAUD,MAAMF,YAAY,IAAI,CAACE,MAAME,UAAU,IAAIF,MAAME,UAAU;AAC3E,YAAMU,YAAYX,UAAU,aAAa;AAEzC,aAAO,GAAGQ,sBAAsBC,SAAS,IAAIC,IAAI,GAAGC,SAAS;AAAA,IAC/D,CAAC;AAED,UAAMC,kBAAkBV,WAAW,CAAC;AACpC,UAAMW,mBAAmBjB,IAAwBkB,MAAS;AAE1D,UAAMC,cAAcjB,SAAS,MAAM;AACjC,aAAON,MAAMwB,MAAMC,MAAMC,UAAWC,UAAS3B,MAAM4B,SAASH,MAAMI,SAASF,KAAKG,EAAE,CAAC;AAAA,IACrF,CAAC;AAEDC,YAAQC,oBAAoB;AAAA,MAC1BlB;AAAAA,MACAL;AAAAA,MACAW;AAAAA,MACAC;AAAAA,MACAlB;AAAAA,IACF,CAAC;AAED,UAAM8B,cAAcC,MAAM,MAAM5C,MAAM6C,cAAcZ,YAAYE,UAAU,CAAC;AAC3E,UAAMW,iBAAiBF,MAAM,MAAM5C,MAAM6C,cAAcZ,YAAYE,UAAUzB,MAAMwB,MAAMC,MAAMY,SAAS,CAAC;AAEzGC,UACEf,aACA,CAACgB,QAAQC,WAAW;AAClB,UAAIC;AACJ,YAAMC,sBAAsB;AAAA,QAAEC,MAAM;AAAA,QAAGC,KAAK;AAAA;AAE5C,UAAIC,cAAcL,UAAU,GAAG;AAC7BC,2BAAmBK,gBAAgB3C,QAAQsB,KAAK;AAEhDiB,4BAAoBC,OAAOF,qDAAkBM;AAC7CL,4BAAoBE,MAAMH,qDAAkBO;AAAAA,MAC9C;AAEA,YAAMC,cAAcjD,MAAMwB,MAAMC,MAAMY;AACtC,YAAMa,YAAYD,cAAc;AAEhC,UAAIA,eAAe,GAAG;AACpBxC,mBAAWgB,QAAQc,SAASC;AAAAA,MAC9B,WAAWD,WAAWW,aAAaV,WAAW,GAAG;AAC/C/B,mBAAWgB,QAAQ;AAAA,MACrB,WAAWc,WAAW,KAAKC,WAAWU,WAAW;AAC/CzC,mBAAWgB,QAAQ;AAAA,MACrB,OAAO;AACLhB,mBAAWgB,QAAQc,SAASC;AAAAA,MAC9B;AAEAW,eAAS,MAAM;AACb,YAAI,CAACN,cAAc,CAACJ,iBAAkB;AAEtC,cAAMW,iBAAiBX,iBAAiBO;AAExC,YAAII,mBAAmBV,oBAAoBE,KAAK;AAC9CH,2BAAiBY,SAAS;AAAA,YAAE,GAAGX;AAAAA,YAAqBY,UAAU;AAAA,UAAU,CAAC;AAAA,QAC3E;AAEAC,8BAAsB,MAAM;AAC1B,cAAI,CAACd,iBAAkB;AAEvB,gBAAMe,aAAaf,iBAAiBO;AAEpC,cAAIQ,eAAed,oBAAoBE,KAAK;AAC1CH,6BAAiBY,SAAS;AAAA,cAAE,GAAGX;AAAAA,cAAqBY,UAAU;AAAA,YAAU,CAAC;AAAA,UAC3E;AAAA,QACF,CAAC;AAAA,MACH,CAAC;AAAA,IACH,GACA;AAAA,MAAEG,OAAO;AAAA,IAAO,CAClB;AAEA,UAAMC,SAASpD,SAAS,MAAM;AAC5B,YAAMoD,UAAS,CAAA;AAEf,YAAMC,YAAY;AAAA,QAChBC,MAAMrD,MAAMX,KAAK,IAAIN,MAAMuE,WAAWvE,MAAMwE;AAAAA,QAC5CC,OAAO,GAAG/C,sBAAsBC,SAAS,KAAKV,MAAMF,YAAY,IAAI,UAAU,MAAM;AAAA,QACpF2D,SAAShE,MAAMiE;AAAAA,QACf,cAAcnE,EAAE,oBAAoB;AAAA;AAGtC4D,MAAAA,QAAOQ,KACLjC,YAAYR,QAAQjC,MAAMyE,OAAOzE,MAAMyE,KAAK;AAAA,QAAE3E,OAAOqE;AAAAA,OAAW,IAACQ,YAAAC,qBAA4BT,WAAS,IAAA,IAAIQ,YAAA,OAAA,MAAA,IAAA,CAC5G;AAEA,YAAME,YAAY;AAAA,QAChBT,MAAMrD,MAAMX,KAAK,IAAIN,MAAMwE,WAAWxE,MAAMuE;AAAAA,QAC5CE,OAAO,GAAG/C,sBAAsBC,SAAS,KAAKV,MAAMF,YAAY,IAAI,SAAS,OAAO;AAAA,QACpF2D,SAAShE,MAAMsE;AAAAA,QACf,cAAcxE,EAAE,oBAAoB;AAAA;AAGtC4D,MAAAA,QAAOQ,KACL3D,MAAM6B,cAAc,IAClB5C,MAAM8E,OACJ9E,MAAM8E,KAAK;AAAA,QAAEhF,OAAO+E;AAAAA,OAAW,IAAAF,YAAAC,qBAENC,WAAS,IAAA,IACpCF,YAAA,OAAA,MAAA,IAAA,CAIJ;AAEA,aAAOT;AAAAA,IACT,CAAC;AAED,UAAMa,eAAejE,SAAS,MAAM;AAClC,UAAIhB,MAAMkF,UAAU,MAAO,QAAOlF,MAAMkF;AAExC,YAAMC,UAAyB;AAAA,QAC7B9B,MAAMA,MAAM;AACVtC,uBAAaoB,QAAQwC,KAAI,IAAKK,KAAI;AAAA,QACpC;AAAA,QACAI,OAAOA,MAAM;AACXrE,uBAAaoB,QAAQ6C,KAAI,IAAKL,KAAI;AAAA,QACpC;AAAA,QACAU,OAAOA,CAAC;AAAA,UAAEC;AAAAA,QAAc,MAAM;AAC5BA,wBAAcC,gBAAe;AAAA,QAC/B;AAAA;AAGF,aAAO;AAAA,QACL,GAAGJ;AAAAA,QACH,GAAInF,MAAMkF,UAAU,OAAO,CAAA,IAAKlF,MAAMkF;AAAAA;IAE1C,CAAC;AAED,aAASP,OAAO;AACd1D,YAAM0B,WAAW,KAAKjC,MAAMiE,KAAI;AAAA,IAClC;AAEA,aAASK,OAAO;AACd/D,YAAM6B,cAAc,KAAKpC,MAAMsE,KAAI;AAAA,IACrC;AAEA,aAASQ,WAAWC,OAAe;;AACjC,YAAMC,QAAQtB,OAAOjC,MAAMsD,KAAK;AAEhC,UAAI,CAACC,MAAO;AAEZ,YAAMC,UAAUC,MAAMC,QAAQH,KAAK,IAAIA,MAAM,CAAC,IAAIA;AAClDC,oBAAQG,OAARH,mBAAYI;AAAAA,IACd;AAEA,aAASC,UAAUC,GAAkB;AACnC,UAAKhF,MAAMK,YAAY,KAAK2E,EAAEC,QAAQC,SAAS9C,QAAUpC,MAAMI,UAAU,KAAK4E,EAAEC,QAAQC,SAASC,IAAK;AACpGH,UAAEI,eAAc;AAEhB1B,aAAI;AAEJd,iBAAS,MAAM;AACb5C,gBAAM0B,WAAW,IAAI6C,WAAW,CAAC,IAAIA,WAAW,CAAC;AAAA,QACnD,CAAC;AAAA,MACH;AAEA,UAAKvE,MAAMK,YAAY,KAAK2E,EAAEC,QAAQC,SAASf,SAAWnE,MAAMI,UAAU,KAAK4E,EAAEC,QAAQC,SAASG,MAAO;AACvGL,UAAEI,eAAc;AAEhBrB,aAAI;AAEJnB,iBAAS,MAAM;AACb5C,gBAAM6B,cAAc,IAAI0C,WAAW,CAAC,IAAIA,WAAW,CAAC;AAAA,QACtD,CAAC;AAAA,MACH;AAAA,IACF;AAgDAe,aAAa;AAAA,MACX7F;AAAAA,IACF,CAAC;WAhDY,MAAM;AACjB,YAAM;AAAA,QAAEiB;AAAAA,MAAU,IAAID;AAEtB,aAAA8E,eAAA3B,YAAA7E,MAAAyG,KAAA;AAAA,QAAA,OAES5F;AAAAA,QAAO,SACL6F,WACL/E,WACA;AAAA,UACE,CAAC,GAAGA,SAAS,wBAAwB,GAAG3B,MAAM2G,eAAe;AAAA,UAC7D,CAAC,GAAGhF,SAAS,mBAAmB,GAAG,CAAC,CAAC3B,MAAM4G;AAAAA,UAC3C,CAAC,GAAGjF,SAAS,aAAa,GAAG3B,MAAMyB;AAAAA,WAErCR,MAAMb,YAAY,GAClBJ,MAAMyE,KACR;AAAA,QAAC,SACM,CAACzE,MAAM6G,KAAK;AAAA,MAAC,GAAA;AAAA,QAAAC,SAAAA,MAAAA;;AAAA,kBAAAjC,YAAA,OAAA;AAAA,YAAA,SAIX6B,WAAW,GAAG/E,SAAS,aAAa;AAAA,YAAC,SACrC;AAAA,cACLoF,QAAQ9F,MAAMc,gBAAgB;AAAA,YAChC;AAAA,aAAC,EAEA7B,WAAM4G,YAAN5G,+BAAgB;AAAA,YAAEQ;AAAAA,cAElBV,MAAM2G,eAAe,SAAK9B,YAAA,OAAA;AAAA,YAAA,SAEhB6B,WACL,GAAG/E,SAAS,cACZ;AAAA,cAAE,CAAC,GAAGA,SAAS,kBAAkB,GAAG3B,MAAM4G,mBAAmB,UAAU5G,MAAM4G,mBAAmB;AAAA,YAAK,GACrG;AAAA,cAAE,CAAC,GAAGjF,SAAS,mBAAmB,GAAG3B,MAAM4G,mBAAmB;AAAA,YAAQ,CACxE;AAAA,YAAC,aACUZ;AAAAA,aAAS,CAEnB/E,MAAMmD,MAAM,CAAC,EAEjB,CAAA,IAGFlE,WAAM8G,eAAN9G,+BAAmB;AAAA,YAAEQ;AAAAA,UAAM,EAAE;AAAA;AAAA,MAAA,CAAA,GAAA,CAAA,CAAAuG,iBAAA,OAAA,GAxBrBhG,MAAMgE,YAAY,CAAC,CAAA,CAAA;AAAA,IA2BlC;AAAA;;"}

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/CdsStages/CdsStages.vue_vue_type_script_setup_true_lang.js

@@ -2,9 +2,9 @@ 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";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsStagesConstants.name

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

@@ -3,10 +3,10 @@ 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";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsStatusConstants.name

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

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

@@ -4,9 +4,9 @@ import { d as defineCdsSlideViewProps } from "../CdsSlideView/api/CdsSlideView.p
 import { f as filterProps } from "../../core/defineComponent.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
 import { u as useProxyModel } from "../../core/useProxyModel.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { b as CdsStepsViewConstants, e as CdsStepsSymbol } from "./api/CdsSteps.constants.js";
 import { b as defineCdsStepsViewProps } from "./api/CdsSteps.props.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsStepsViewConstants.name

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

@@ -3,9 +3,9 @@ import { a as CdsSlideViewItem } from "../CdsSlideView/index.js";
 import { a as defineCdsSlideViewItemProps } from "../CdsSlideView/api/CdsSlideView.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 CdsStepsViewItemConstants } from "./api/CdsSteps.constants.js";
 import { c as defineCdsStepsViewItemProps } from "./api/CdsSteps.props.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsStepsViewItemConstants.name

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

@@ -6,8 +6,8 @@ import { d as defineReadonlyProps } from "../../../composables/useReadonly/useRe
 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 { C as CdsStepsActionsConstants, a as CdsStepsItemConstants, b as CdsStepsViewConstants, c as CdsStepsViewItemConstants, d as CdsStepsConstants } from "./CdsSteps.constants.js";
 import { a3 as omit, a7 as pick } from "../../../utils/helpers.js";
+import { C as CdsStepsActionsConstants, a as CdsStepsItemConstants, b as CdsStepsViewConstants, c as CdsStepsViewItemConstants, d as CdsStepsConstants } from "./CdsSteps.constants.js";
 const defineCdsStepsItemProps = propsFactory(
   {
     /** Заголовок шага */

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

@@ -3,11 +3,11 @@ import { u as useLocation } from "../../composables/useLocation/useLocation.js";
 import { u as usePosition } from "../../composables/usePosition/usePosition.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 CdsSurfaceConstants } from "./api/CdsSurface.constants.js";
 import { d as defineCdsSurfaceProps } from "./api/CdsSurface.props.js";
 import { a as useBackgroundColor } from "../../composables/useColor/useColor.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: CdsSurfaceConstants.name

package/dist/es/src/components/CdsTable/components/Body/BodyRow.js

@@ -1,11 +1,11 @@
+import { c as classNames } from "../../../../utils/dom/classNames.js";
+import { p as parseStyleText } from "../../../../utils/dom/dom.js";
 import { defineComponent, ref, computed, watchEffect, h, Fragment } from "vue";
 import { E as ExpandedRow } from "./ExpandedRow.js";
 import { u as useInjectTable } from "../../context/table.js";
 import { u as useInjectBody } from "../../context/body.js";
 import { u as useInjectTableDrag } from "../../context/drag.js";
 import { g as getColumnsKey } from "../../utils/value.js";
-import { c as classNames } from "../../../../utils/dom/classNames.js";
-import { p as parseStyleText } from "../../../../utils/dom/dom.js";
 import { C as Cell } from "../Cell/Cell.js";
 const BodyRow = defineComponent({
   name: "BodyRow",

package/dist/es/src/components/CdsTable/components/Cell/Cell.js

@@ -1,15 +1,15 @@
+import { Z as isValidElement } from "../../../../utils/helpers.js";
+import { e as eagerComputed } from "../../../../utils/use/eagerComputed.js";
+import { a as flattenChildren, i as isEmptyElement } from "../../../../utils/use/flattenChildren.js";
+import { c as classNames } from "../../../../utils/dom/classNames.js";
+import { w as warn } from "../../../../utils/dom/console.js";
+import { p as parseStyleText } from "../../../../utils/dom/dom.js";
 import { defineComponent, computed, isVNode, h, Text, Fragment } from "vue";
 import { I as INTERNAL_COL_DEFINE } from "../../constants.js";
 import { u as useInjectSlots } from "../../context/slots.js";
 import { u as useInjectHover } from "../../context/hover.js";
-import { e as eagerComputed } from "../../../../utils/use/eagerComputed.js";
 import { v as validateValue, a as getPathValue } from "../../utils/value.js";
-import { w as warn } from "../../../../utils/dom/console.js";
 import { c as customRenderSlot } from "../../utils/vnode.js";
-import { Z as isValidElement } from "../../../../utils/helpers.js";
-import { a as flattenChildren, i as isEmptyElement } from "../../../../utils/use/flattenChildren.js";
-import { p as parseStyleText } from "../../../../utils/dom/dom.js";
-import { c as classNames } from "../../../../utils/dom/classNames.js";
 import { a as useInjectSticky } from "../../context/sticky.js";
 const Cell = defineComponent({
   name: "TableCell",

package/dist/es/src/components/CdsTable/components/Drag/ColumnDragHandle.js

@@ -1,7 +1,7 @@
+import { c as classNames } from "../../../../utils/dom/classNames.js";
 import { defineComponent, h } from "vue";
 import { C as CdsIcon } from "../../../CdsIcon/index.js";
 import { u as useInjectTableDrag } from "../../context/drag.js";
-import { c as classNames } from "../../../../utils/dom/classNames.js";
 const ColumnDragHandle = defineComponent({
   name: "ColumnDragHandle",
   props: {

package/dist/es/src/components/CdsTable/components/Drag/RowDragHandle.js

@@ -1,7 +1,7 @@
+import { c as classNames } from "../../../../utils/dom/classNames.js";
 import { defineComponent, h } from "vue";
 import { C as CdsIcon } from "../../../CdsIcon/index.js";
 import { u as useInjectTableDrag } from "../../context/drag.js";
-import { c as classNames } from "../../../../utils/dom/classNames.js";
 const RowDragHandle = defineComponent({
   name: "RowDragHandle",
   props: {

package/dist/es/src/components/CdsTable/components/Filter/FilterDropdown.js

@@ -1,18 +1,18 @@
+import { x as deepEqual } from "../../../../utils/helpers.js";
+import { c as classNames } from "../../../../utils/dom/classNames.js";
+import { w as warn } from "../../../../utils/dom/console.js";
 import { defineComponent, computed, ref, unref, shallowRef, watch, onBeforeUnmount, h, Fragment } from "vue";
 import { F as FilterSearch } from "./FilterSearch.js";
 import { F as FilterWrapper } from "./FilterWrapper.js";
 import { u as useInjectSlots } from "../../context/slots.js";
 import { f as flattenKeys } from "../../composable/filter.js";
-import { w as warn } from "../../../../utils/dom/console.js";
 import { C as CdsDivider } from "../../../CdsDivider/index.js";
 import { C as CdsButton } from "../../../CdsButton/index.js";
 import { C as CdsIcon } from "../../../CdsIcon/index.js";
 import { C as CdsMenu } from "../../../CdsMenu/index.js";
 import { C as CdsFunctionalButton } from "../../../CdsFunctionalButton/index.js";
-import { c as classNames } from "../../../../utils/dom/classNames.js";
 import { C as CdsCheckbox } from "../../../CdsCheckbox/index.js";
 import { C as CdsList, c as CdsListGroup, a as CdsListItem } from "../../../CdsList/index.js";
-import { x as deepEqual } from "../../../../utils/helpers.js";
 import { C as CdsCheckboxButton } from "../../../CdsCheckboxButton/index.js";
 import { C as CdsRadio } from "../../../CdsRadio/index.js";
 const FilterDropdown = defineComponent({

package/dist/es/src/components/CdsTable/components/FixedHolder/FixedHolder.js

@@ -1,8 +1,8 @@
+import { a as addEventListenerWrapper } from "../../../../utils/use/listener.js";
+import { c as classNames } from "../../../../utils/dom/classNames.js";
 import { defineComponent, computed, ref, onMounted, nextTick, onBeforeUnmount, watchEffect, toRef, h } from "vue";
 import { u as useInjectTable } from "../../context/table.js";
-import { a as addEventListenerWrapper } from "../../../../utils/use/listener.js";
 import { u as useColumnWidth } from "../../composable/columns.js";
-import { c as classNames } from "../../../../utils/dom/classNames.js";
 import { C as ColGroup } from "../ColGroup/ColGroup.js";
 const FixedHolder = defineComponent({
   name: "FixedHolder",

package/dist/es/src/components/CdsTable/components/Header/DragHandle.js

@@ -1,10 +1,10 @@
 import { g as getCurrentInstance } from "../../../../core/getCurrentInstance.js";
-import { defineComponent, onUnmounted, watchEffect, computed, ref, h } from "vue";
-import { w as warn } from "../../../../utils/dom/console.js";
-import { a as useInjectTableContext } from "../../context/table.js";
-import { c as classNames } from "../../../../utils/dom/classNames.js";
 import { s as supportsPassive, a as addEventListenerWrapper } from "../../../../utils/use/listener.js";
+import { c as classNames } from "../../../../utils/dom/classNames.js";
+import { w as warn } from "../../../../utils/dom/console.js";
 import { w as wrapperRaf } from "../../../../utils/dom/wrapperRaf.js";
+import { defineComponent, onUnmounted, watchEffect, computed, ref, h } from "vue";
+import { a as useInjectTableContext } from "../../context/table.js";
 const events = {
   mouse: {
     move: "mousemove",

package/dist/es/src/components/CdsTable/components/Header/Header.js

@@ -1,7 +1,7 @@
+import { c as classNames } from "../../../../utils/dom/classNames.js";
 import { defineComponent, computed, h } from "vue";
 import { H as HeaderRow } from "./HeaderRow.js";
 import { u as useInjectTable } from "../../context/table.js";
-import { c as classNames } from "../../../../utils/dom/classNames.js";
 const Header = defineComponent({
   name: "TableHeader",
   inheritAttrs: false,

package/dist/es/src/components/CdsTable/components/Header/HeaderRow.js

@@ -1,9 +1,9 @@
+import { c as classNames } from "../../../../utils/dom/classNames.js";
 import { defineComponent, h } from "vue";
 import { D as DragHandle } from "./DragHandle.js";
 import { u as useInjectTableDrag } from "../../context/drag.js";
 import { g as getColumnsKey } from "../../utils/value.js";
 import { g as getCellFixedInfo } from "../../utils/fixed.js";
-import { c as classNames } from "../../../../utils/dom/classNames.js";
 import { C as Cell } from "../Cell/Cell.js";
 import { C as ColumnDragHandle } from "../Drag/ColumnDragHandle.js";
 const HeaderRow = defineComponent({

package/dist/es/src/components/CdsTable/components/ResizeObserver/ResizeObserver.js

@@ -1,6 +1,6 @@
 import { g as getCurrentInstance } from "../../../../core/getCurrentInstance.js";
-import { defineComponent, reactive, onMounted, onUpdated, onUnmounted, watch } from "vue";
 import { f as findDOMNodeByInstance } from "../../../../utils/dom/dom.js";
+import { defineComponent, reactive, onMounted, onUpdated, onUnmounted, watch } from "vue";
 const ResizeObserver$1 = defineComponent({
   name: "ResizeObserver",
   props: ["disabled", "onResize"],

package/dist/es/src/components/CdsTable/components/StickyScrollbar/StickyScrollbar.js

@@ -1,8 +1,8 @@
-import { defineComponent, ref, watchEffect, onMounted, onActivated, nextTick, watch, onBeforeUnmount, h } from "vue";
-import { u as useLayoutState } from "../../composable/frame.js";
 import { a as addEventListenerWrapper } from "../../../../utils/use/listener.js";
-import { b as getScrollBarSize, a as getOffset } from "../../../../utils/dom/getScrollParent.js";
 import { c as classNames } from "../../../../utils/dom/classNames.js";
+import { b as getScrollBarSize, a as getOffset } from "../../../../utils/dom/getScrollParent.js";
+import { defineComponent, ref, watchEffect, onMounted, onActivated, nextTick, watch, onBeforeUnmount, h } from "vue";
+import { u as useLayoutState } from "../../composable/frame.js";
 const StickyScrollbar = defineComponent({
   name: "StickyScrollbar",
   inheritAttrs: false,

package/dist/es/src/components/CdsTable/components/Table/InternalTable.js

@@ -1,24 +1,24 @@
 import { d as defineDisabledProps } from "../../../../composables/useDisabled/useDisabled.js";
 import { d as defineReadonlyProps } from "../../../../composables/useReadonly/useReadonly.js";
+import { p as pickAttrs } from "../../../../utils/use/pickAttrs.js";
+import { r as reactivePick } from "../../../../utils/use/reactivePick.js";
+import { c as classNames } from "../../../../utils/dom/classNames.js";
+import { w as warn } from "../../../../utils/dom/console.js";
 import { defineComponent, computed, shallowRef, watchEffect, toRef, reactive, toRefs, unref, h, Fragment } from "vue";
 import { b as INTERNAL_HOOKS } from "../../constants.js";
 import { r as renderExpandIcon } from "../Icons/ExpandIcon.js";
 import { m as mergeObject, a as getPathValue } from "../../utils/value.js";
-import { w as warn } from "../../../../utils/dom/console.js";
 import { f as findAllChildrenKeys } from "../../utils/expand.js";
 import { a as useParseColumns } from "../../composable/columns.js";
 import { u as useScroll } from "../../composable/scroll.js";
 import { b as useProvideTable } from "../../context/table.js";
 import { g as getCellFixedInfo } from "../../utils/fixed.js";
-import { r as reactivePick } from "../../../../utils/use/reactivePick.js";
 import { a as useProvideBody } from "../../context/body.js";
 import { a as useProvideResize } from "../../context/resize.js";
 import { a as useProvideExpandedRow } from "../../context/expandedRow.js";
 import { d as defineSizeProps } from "../../../../composables/useSize/useSize.js";
 import { m as makeTableProps } from "../../composable/table.js";
-import { p as pickAttrs } from "../../../../utils/use/pickAttrs.js";
 import { R as ResizeObserver } from "../ResizeObserver/ResizeObserver.js";
-import { c as classNames } from "../../../../utils/dom/classNames.js";
 import { P as Panel } from "../Panel/Panel.js";
 import { F as FixedHolder } from "../FixedHolder/FixedHolder.js";
 import { H as Header } from "../Header/Header.js";

package/dist/es/src/components/CdsTable/components/TableProvider.js

@@ -3,6 +3,10 @@ import { u as useDisplay } from "../../../composables/useDisplay/useDisplay.js";
 import { a as useLocale } from "../../../composables/useLocale/useLocale.js";
 import { d as defineReadonlyProps } from "../../../composables/useReadonly/useReadonly.js";
 import { p as provideTheme, d as defineThemeProps } from "../../../composables/useTheme/useTheme.js";
+import { a3 as omit } from "../../../utils/helpers.js";
+import { c as classNames } from "../../../utils/dom/classNames.js";
+import { w as warn } from "../../../utils/dom/console.js";
+import { s as scrollTo } from "../../../utils/dom/scrollTo.js";
 import { defineComponent, computed, reactive, toRef, watchEffect, nextTick, ref, watch, h, unref } from "vue";
 import { C as CdsLoader } from "../../CdsLoader/index.js";
 import { T as TABLE_INDENT_SIZE, b as INTERNAL_HOOKS } from "../constants.js";
@@ -17,12 +21,8 @@ import { A as ASCEND, D as DESCEND, u as useSorter, g as getSortData } from "../
 import { u as useFilter, g as getFilterData } from "../composable/filter.js";
 import { b as useColumns, c as useTitleColumns } from "../composable/columns.js";
 import { u as usePagination, g as getPaginationParam, D as DEFAULT_PAGE_SIZE, a as useRenderPagination } from "../composable/pagination.js";
-import { w as warn } from "../../../utils/dom/console.js";
 import { u as useSelection } from "../composable/selection.js";
 import { d as defineSizeProps } from "../../../composables/useSize/useSize.js";
-import { a3 as omit } from "../../../utils/helpers.js";
-import { c as classNames } from "../../../utils/dom/classNames.js";
-import { s as scrollTo } from "../../../utils/dom/scrollTo.js";
 const componentName = "TableProvider";
 const TableProvider = defineComponent({
   name: componentName,

package/dist/es/src/components/CdsTable/composable/columns.js

@@ -1,7 +1,7 @@
+import { w as warn } from "../../../utils/dom/console.js";
 import { computed, h } from "vue";
 import { I as INTERNAL_COL_DEFINE } from "../constants.js";
 import { E as EXPAND_COLUMN, S as SELECTION_COLUMN } from "./selection.js";
-import { w as warn } from "../../../utils/dom/console.js";
 import { c as customRenderSlot } from "../utils/vnode.js";
 import { r as renderColumnTitle } from "../utils/column.js";
 function useColumns(contextSlots) {

package/dist/es/src/components/CdsTable/composable/filter.js

@@ -1,6 +1,6 @@
+import { w as warn } from "../../../utils/dom/console.js";
 import { computed, h } from "vue";
 import { a as useState } from "./state.js";
-import { w as warn } from "../../../utils/dom/console.js";
 import { g as getColumnKey, r as renderColumnTitle, a as getColumnPos } from "../utils/column.js";
 import { F as FilterDropdown } from "../components/Filter/FilterDropdown.js";
 function useFilter({

package/dist/es/src/components/CdsTable/composable/frame.js

@@ -1,5 +1,5 @@
-import { shallowRef, onBeforeUnmount, ref } from "vue";
 import { w as wrapperRaf } from "../../../utils/dom/wrapperRaf.js";
+import { shallowRef, onBeforeUnmount, ref } from "vue";
 function useLayoutState(defaultState) {
   const stateRef = shallowRef(defaultState);
   const updateBatchRef = shallowRef([]);

package/dist/es/src/components/CdsTable/composable/pagination.js

@@ -1,9 +1,9 @@
+import { a3 as omit } from "../../../utils/helpers.js";
+import { c as classNames } from "../../../utils/dom/classNames.js";
 import { computed, watch, unref, h } from "vue";
 import { C as CdsPagination } from "../../CdsPagination/index.js";
 import { C as CdsSelect } from "../../CdsSelect/index.js";
 import { a as useState } from "./state.js";
-import { c as classNames } from "../../../utils/dom/classNames.js";
-import { a3 as omit } from "../../../utils/helpers.js";
 const DEFAULT_PAGE_SIZE = 10;
 const DEFAULT_PAGE_SIZE_OPTIONS = [5, 10, 15, 20, 30, 50];
 const DEFAULT_PAGINATION_POSITION = "right";

package/dist/es/src/components/CdsTable/composable/scroll.js

@@ -1,13 +1,13 @@
+import { u as convertToUnit } from "../../../utils/helpers.js";
+import { b as isVisible } from "../../../utils/dom/dom.js";
+import { f as getTargetScrollBarSize } from "../../../utils/dom/getScrollParent.js";
 import { ref, computed, toRef, reactive, watchEffect, watch, onMounted, nextTick, onUpdated } from "vue";
 import { b as INTERNAL_HOOKS } from "../constants.js";
 import { u as useLayoutState, a as useTimeoutLock } from "./frame.js";
 import { a as useState } from "./state.js";
 import { u as useStickyOffsets, a as useSticky } from "./sticky.js";
 import { g as getColumnsKey, v as validateValue } from "../utils/value.js";
-import { u as convertToUnit } from "../../../utils/helpers.js";
 import { u as useProvideSticky } from "../context/sticky.js";
-import { f as getTargetScrollBarSize } from "../../../utils/dom/getScrollParent.js";
-import { b as isVisible } from "../../../utils/dom/dom.js";
 const EMPTY_SCROLL_TARGET = {};
 function useScroll(props, flattenColumns) {
   const componentWidth = ref(0);

package/dist/es/src/components/CdsTable/composable/selection.js

@@ -1,3 +1,5 @@
+import { aa as removeItemFromArray, q as addItemToArray } from "../../../utils/helpers.js";
+import { w as warn } from "../../../utils/dom/console.js";
 import { computed, shallowRef, watchEffect, h } from "vue";
 import { C as CdsCheckboxButton } from "../../CdsCheckboxButton/index.js";
 import { C as CdsFunctionalButton } from "../../CdsFunctionalButton/index.js";
@@ -7,10 +9,8 @@ import { C as CdsRadio } from "../../CdsRadio/index.js";
 import { I as INTERNAL_COL_DEFINE } from "../constants.js";
 import { u as useMergedState, a as useState } from "./state.js";
 import { c as convertDataToEntities } from "../../CdsTree/utils/data.js";
-import { w as warn } from "../../../utils/dom/console.js";
 import { u as useMaxLevel } from "../../CdsTree/composable/tree.js";
 import { c as conductCheck } from "../../CdsTree/utils/conduct.js";
-import { aa as removeItemFromArray, q as addItemToArray } from "../../../utils/helpers.js";
 const SELECTION_COLUMN = {};
 const SELECTION_ALL = "SELECT_ALL";
 const SELECTION_INVERT = "SELECT_INVERT";

package/dist/es/src/components/CdsTable/composable/sorter.js

@@ -1,9 +1,9 @@
+import { c as classNames } from "../../../utils/dom/classNames.js";
 import { computed, h } from "vue";
 import { C as CdsIcon } from "../../CdsIcon/index.js";
 import { C as CdsTooltip } from "../../CdsTooltip/index.js";
 import { a as useState } from "./state.js";
 import { g as getColumnKey, a as getColumnPos, r as renderColumnTitle } from "../utils/column.js";
-import { c as classNames } from "../../../utils/dom/classNames.js";
 const ASCEND = "ascend";
 const DESCEND = "descend";
 function useSorter({

package/dist/es/src/components/CdsTable/composable/sticky.js

@@ -1,5 +1,5 @@
-import { computed } from "vue";
 import { a as IN_BROWSER } from "../../../utils/dom/globals.js";
+import { computed } from "vue";
 const defaultContainer = IN_BROWSER ? window : null;
 function useSticky(stickyRef) {
   return computed(() => {

package/dist/es/src/components/CdsTable/context/sticky.js

@@ -1,5 +1,5 @@
-import { onMounted, ref } from "vue";
 import { i as isStyleSupport } from "../../../utils/dom/dom.js";
+import { onMounted, ref } from "vue";
 const supportSticky = ref(false);
 const useProvideSticky = () => {
   onMounted(() => {

package/dist/es/src/components/CdsTable/utils/column.js

@@ -1,5 +1,5 @@
-import { camelize } from "vue";
 import { a as flattenChildren } from "../../../utils/use/flattenChildren.js";
+import { camelize } from "vue";
 function convertChildrenToColumn(elements = []) {
   const flattenElements = flattenChildren(elements);
   const columns = [];

package/dist/es/src/components/CdsTabs/CdsTab.vue_vue_type_script_setup_true_lang.js

@@ -5,12 +5,12 @@ import { u as useDirection } from "../../composables/useDirection/useDirection.j
 import { s as standardEasing } from "../../composables/useTransition/useTransition.js";
 import { f as filterProps } from "../../core/defineComponent.js";
 import { u as useDefaults } from "../../core/useDefaults.js";
+import { a3 as omit } from "../../utils/helpers.js";
+import { a as animate } from "../../utils/dom/animation.js";
+import { c as classNames } from "../../utils/dom/classNames.js";
 import { C as CdsTabConstants, d as CdsTabsSymbol } from "./api/CdsTabs.constants.js";
 import { d as defineCdsTabProps } from "./api/CdsTabs.props.js";
 import { u as useTextColor, a as useBackgroundColor } from "../../composables/useColor/useColor.js";
-import { a3 as omit } from "../../utils/helpers.js";
-import { c as classNames } from "../../utils/dom/classNames.js";
-import { a as animate } from "../../utils/dom/animation.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: CdsTabConstants.name