@vkontakte/vkui 7.6.4 → 7.7.0

package/dist/cssm/components/CarouselBase/CarouselBase.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CarouselBase/CarouselBase.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityHasPointer } from '../../hooks/useAdaptivityHasPointer';\nimport { useConfigDirection } from '../../hooks/useConfigDirection';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useMutationObserver } from '../../hooks/useMutationObserver';\nimport { useResizeObserver } from '../../hooks/useResizeObserver';\nimport { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { type CustomTouchEvent } from '../Touch/Touch';\nimport { Bullets } from './Bullets';\nimport { CarouselViewPort } from './CarouselViewPort';\nimport { ScrollArrows } from './ScrollArrows';\nimport {\n  ANIMATION_DURATION,\n  CONTROL_ELEMENTS_STATE,\n  SLIDE_THRESHOLD,\n  SLIDES_MANAGER_STATE,\n} from './constants';\nimport {\n  calcMax,\n  calcMin,\n  calculateIndent,\n  getLoopPoints,\n  getTargetIndex,\n  isBigger,\n  isBiggerOrEqual,\n  isLowerOrEqual,\n  revertRtlValue,\n  validateIndent,\n} from './helpers';\nimport { useSlideAnimation } from './hooks';\nimport {\n  type BaseGalleryProps,\n  type ControlElementsState,\n  type GallerySlidesState,\n  type SlidesManagerState,\n} from './types';\nimport styles from './CarouselBase.module.css';\n\nconst warn = warnOnce('Gallery');\n\nexport const CarouselBase = ({\n  bullets = false,\n  getRootRef,\n  children,\n  slideWidth = '100%',\n  slideIndex = 0,\n  dragDisabled = false,\n  resizeSource = 'window',\n  onDragStart,\n  onDragEnd,\n  onChange,\n  onPrevClick,\n  onNextClick,\n  align = 'left',\n  showArrows,\n  getRef,\n  arrowSize,\n  arrowAreaHeight,\n  arrowNextLabel,\n  arrowPrevLabel,\n  slideTestId,\n  bulletTestId,\n  nextArrowTestId,\n  prevArrowTestId,\n  looped = false,\n  ...restProps\n}: BaseGalleryProps): React.ReactNode => {\n  const slidesStore = React.useRef<Record<string, HTMLDivElement | null>>({});\n  const slidesManager = React.useRef<SlidesManagerState>(SLIDES_MANAGER_STATE);\n  const textDirection = useConfigDirection();\n  const isRtl = textDirection === 'rtl';\n\n  const rootRef = useExternRef(getRootRef);\n  const viewportRef = useExternRef(getRef);\n  const layerRef = React.useRef<HTMLDivElement>(null);\n  const animationFrameRef = React.useRef<ReturnType<typeof requestAnimationFrame> | null>(null);\n  const shiftXCurrentRef = React.useRef<number>(0);\n  const shiftXDeltaRef = React.useRef<number>(0);\n  const initialized = React.useRef<boolean>(false);\n  const { animationInQueue, addToAnimationQueue, getAnimateFunction, startAnimation } =\n    useSlideAnimation();\n  const isDragging = React.useRef(false);\n\n  const [controlElementsState, setControlElementsState] =\n    React.useState<ControlElementsState>(CONTROL_ELEMENTS_STATE);\n\n  const hasPointer = useAdaptivityHasPointer();\n\n  const isCenterAlign = align === 'center';\n\n  const calculateCanSlideLeft = () => {\n    if (looped) {\n      return !slidesManager.current.isFullyVisible;\n    }\n    const isStartShiftX = isBiggerOrEqual(shiftXCurrentRef.current, 0, isRtl);\n    return !slidesManager.current.isFullyVisible && !isStartShiftX;\n  };\n\n  const calculateCanSlideRight = () => {\n    if (looped) {\n      return !slidesManager.current.isFullyVisible;\n    }\n    return (\n      !slidesManager.current.isFullyVisible &&\n      // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side\n      ((align === 'left' &&\n        slidesManager.current.containerWidth - revertRtlValue(shiftXCurrentRef.current, isRtl) <\n          (slidesManager.current.layerWidth ?? 0)) ||\n        // otherwise we need to check current slide index (align = right or align = center)\n        (align !== 'left' && slideIndex < slidesManager.current.slides.length - 1))\n    );\n  };\n\n  const transformCssStyles = (shiftX: number, animation = false) => {\n    shiftX = Math.round(shiftX);\n    if (looped) {\n      slidesManager.current.loopPoints.forEach((loopPoint) => {\n        const { target, index } = loopPoint;\n        const slide = slidesStore.current[index];\n        if (slide) {\n          slide.style.transform = `translate3d(${target(shiftX)}px, 0, 0)`;\n        }\n      });\n    } else {\n      Object.values(slidesStore.current).forEach((slide) => {\n        if (slide) {\n          slide.style.transform = '';\n        }\n      });\n    }\n\n    if (layerRef.current) {\n      const indent =\n        isDragging.current && !looped\n          ? validateIndent(\n              slidesManager.current,\n              shiftXCurrentRef.current + shiftXDeltaRef.current,\n              isRtl,\n              false,\n            )\n          : shiftX;\n\n      layerRef.current.style.transform = `translate3d(${indent}px, 0, 0)`;\n      layerRef.current.style.transition = animation\n        ? `transform ${ANIMATION_DURATION}ms cubic-bezier(.1, 0, .25, 1)`\n        : '';\n    }\n  };\n\n  const checkShiftOutOfBoundsFromStart = (shiftX: number, snaps: number[]) =>\n    isBigger(shiftX, snaps[0], isRtl);\n\n  const checkShiftOutOfBoundsFromEnd = (shiftX: number, slides: GallerySlidesState[]) => {\n    /**\n     * Поскольку при `align=\"center\"` слайды сдвинуты, прежде чем рассчитать крайнюю правую точку,\n     * нужно вычесть сдвиг слайдов.\n     */\n    const firstSlideShift =\n      align === 'center'\n        ? (slidesManager.current.containerWidth - slidesManager.current.slides[0].width) / 2\n        : 0;\n\n    const lastPoint =\n      slides[slides.length - 1].width + slides[slides.length - 1].coordX - firstSlideShift;\n    return isRtl ? shiftX >= lastPoint : shiftX <= -lastPoint;\n  };\n\n  const requestTransform = (shiftX: number, animation = false) => {\n    const { snaps, contentSize, slides } = slidesManager.current;\n\n    if (animationFrameRef.current !== null) {\n      cancelAnimationFrame(animationFrameRef.current);\n    }\n    animationFrameRef.current = requestAnimationFrame(() => {\n      /**\n       * Для бесконечной галереи проверяем, что при dnd мы прокрутили левее, чем первый слайд,\n       * чтобы сбросить `shiftXCurrentRef`.\n       */\n      if (looped && checkShiftOutOfBoundsFromStart(shiftX, snaps)) {\n        const firstSnap = revertRtlValue(snaps[0], isRtl);\n        shiftXCurrentRef.current = revertRtlValue(-contentSize + firstSnap, isRtl);\n        shiftX = shiftXCurrentRef.current + shiftXDeltaRef.current;\n      }\n\n      /**\n       * Для бесконечной галереи проверяем, что при dnd мы прокрутили правее, чем последний слайд,\n       * чтобы правильно пересчитать `shiftXCurrentRef`.\n       */\n      if (looped && checkShiftOutOfBoundsFromEnd(shiftX, slides)) {\n        shiftXCurrentRef.current = Math.abs(shiftXDeltaRef.current) + snaps[0];\n      }\n      transformCssStyles(shiftX, animation);\n      animationFrameRef.current = null;\n    });\n  };\n\n  const initializeSlides = () => {\n    if (!rootRef.current || !viewportRef.current || !layerRef.current) {\n      return;\n    }\n    const layerOffsetWidth = layerRef.current.offsetWidth;\n\n    const calcRtlCoord = (element: HTMLDivElement) => {\n      const offsetLeft = element.offsetLeft;\n      const offsetWidth = element.offsetWidth;\n      return layerOffsetWidth - offsetLeft - offsetWidth;\n    };\n\n    let localSlides =\n      React.Children.map(children, (_item, i): GallerySlidesState => {\n        const elem = slidesStore.current[i];\n        if (!elem) {\n          return { coordX: 0, width: 0 };\n        }\n        const coordX = isRtl ? calcRtlCoord(elem) : elem.offsetLeft;\n        return { coordX, width: elem.offsetWidth };\n      }) || [];\n\n    if (localSlides.length === 0) {\n      initialized.current = false;\n      return;\n    }\n\n    const containerWidth = rootRef.current.offsetWidth;\n    const viewportOffsetWidth = viewportRef.current.offsetWidth;\n    const layerWidth = localSlides.reduce((val, slide) => slide.width + val, 0);\n\n    if (process.env.NODE_ENV === 'development' && looped) {\n      let remainingWidth = containerWidth;\n      let slideIndex = 0;\n\n      while (remainingWidth > 0 && slideIndex < localSlides.length) {\n        remainingWidth -= localSlides[slideIndex].width;\n        slideIndex++;\n      }\n      if (remainingWidth <= 0 && slideIndex === localSlides.length) {\n        warn(\n          'Ширины слайдов недостаточно для корректной работы свойства \"looped\". Пожалуйста, сделайте её больше.',\n        );\n      }\n    }\n\n    const currentSlideOffsetOnCenterAlignment =\n      (containerWidth - (localSlides[slideIndex]?.width ?? 0)) / 2;\n    const isFullyVisible =\n      align === 'center'\n        ? layerWidth + currentSlideOffsetOnCenterAlignment <= containerWidth\n        : layerWidth <= containerWidth;\n\n    const onlyOneSlide = localSlides.length === 1;\n\n    slidesManager.current = {\n      ...slidesManager.current,\n      layerWidth,\n      containerWidth,\n      viewportOffsetWidth,\n      slides: localSlides,\n      isFullyVisible,\n      max:\n        looped || onlyOneSlide\n          ? null\n          : calcMax({\n              slides: localSlides,\n              containerWidth,\n              isCenterAlign,\n              isRtl,\n            }),\n      min:\n        looped || onlyOneSlide\n          ? null\n          : calcMin({\n              containerWidth,\n              layerWidth,\n              slides: localSlides,\n              viewportOffsetWidth,\n              isFullyVisible,\n              align,\n              isRtl,\n            }),\n    };\n    const snaps = localSlides.map((_, index) =>\n      calculateIndent({\n        targetIndex: index,\n        slidesManager: slidesManager.current,\n        isCenter: isCenterAlign,\n        looped,\n        isRtl,\n      }),\n    );\n\n    let contentSize = Math.abs(snaps[snaps.length - 1]) + localSlides[localSlides.length - 1].width;\n    if (align === 'center') {\n      contentSize += revertRtlValue(snaps[0], isRtl);\n    }\n\n    slidesManager.current.snaps = snaps;\n    slidesManager.current.contentSize = contentSize;\n    // Если галерея не зациклена и слайд всего один, то рассчитывать loopPoints тоже не надо\n    if (looped && !onlyOneSlide && !isFullyVisible) {\n      slidesManager.current.loopPoints = getLoopPoints(\n        slidesManager.current,\n        containerWidth,\n        isRtl,\n      );\n    }\n\n    const isAnimationInProgress = animationInQueue() || animationFrameRef.current !== null;\n\n    if (isAnimationInProgress) {\n      return;\n    }\n\n    shiftXCurrentRef.current = snaps[slideIndex];\n    initialized.current = true;\n\n    setControlElementsState({\n      canSlideLeft: calculateCanSlideLeft(),\n      canSlideRight: calculateCanSlideRight(),\n      isDraggable: !(dragDisabled || slidesManager.current.isFullyVisible),\n    });\n    requestTransform(shiftXCurrentRef.current);\n  };\n\n  const onResize = () => {\n    if (initialized.current) {\n      initializeSlides();\n    }\n  };\n  const { window } = useDOM();\n  useResizeObserver(resizeSource === 'element' ? rootRef : window, onResize);\n\n  const loopedSlideChangePerform = () => {\n    const { snaps, slides } = slidesManager.current;\n    const indent = snaps[slideIndex];\n    let startPoint = shiftXCurrentRef.current;\n\n    const fromLastToFirst = isLowerOrEqual(\n      shiftXCurrentRef.current,\n      snaps[snaps.length - 1],\n      isRtl,\n    );\n    /**\n     * Переключаемся с последнего элемента на первый\n     * Для корректной анимации мы прокручиваем последний слайд на всю длину (shiftX) \"вперед\"\n     * В конце анимации при отрисовке следующего кадра задаем всем слайдам начальные значения.\n     */\n    if (indent === snaps[0] && fromLastToFirst) {\n      const endEdge = revertRtlValue(\n        Math.abs(snaps[snaps.length - 1]) + slides[slides.length - 1].width,\n        isRtl,\n      );\n      const distance = endEdge + startPoint;\n      addToAnimationQueue(\n        getAnimateFunction((progress) => {\n          const shiftX = startPoint + progress * distance * -1;\n\n          transformCssStyles(shiftX);\n\n          if (shiftX <= snaps[snaps.length - 1] - slides[slides.length - 1].width) {\n            requestAnimationFrame(() => {\n              shiftXCurrentRef.current = indent;\n              transformCssStyles(snaps[0]);\n            });\n          }\n        }),\n      );\n      /**\n       * Переключаемся с первого слайда на последний\n       * Для корректной анимации сначала задаем первым видимым слайдам смещение\n       * В следующем кадре начинаем анимация прокрутки \"назад\".\n       */\n    } else if (indent === snaps[snaps.length - 1] && shiftXCurrentRef.current === snaps[0]) {\n      startPoint = indent - revertRtlValue(slides[slides.length - 1].width, isRtl);\n\n      addToAnimationQueue(() => {\n        requestAnimationFrame(() => {\n          const shiftX = indent - revertRtlValue(slides[slides.length - 1].width, isRtl);\n          transformCssStyles(shiftX);\n\n          getAnimateFunction((progress) => {\n            const diff = revertRtlValue(progress * slides[slides.length - 1].width, isRtl);\n            transformCssStyles(startPoint + diff);\n          })();\n        });\n      });\n      /**\n       * Если не обработаны `corner`-кейсы выше, то просто проигрываем анимацию смещения.\n       */\n    } else {\n      addToAnimationQueue(() => {\n        const distance = Math.abs(indent - startPoint);\n        let direction = startPoint <= indent ? 1 : -1;\n\n        getAnimateFunction((progress) => {\n          const shiftX = startPoint + progress * distance * direction;\n          transformCssStyles(shiftX);\n        })();\n      });\n    }\n  };\n\n  const simpleSlideChangePerform = () => {\n    const { snaps } = slidesManager.current;\n    requestTransform(snaps[slideIndex], true);\n  };\n\n  useIsomorphicLayoutEffect(\n    function performSlideChange() {\n      if (!initialized.current) {\n        return;\n      }\n      const { snaps } = slidesManager.current;\n      const indent = snaps[slideIndex];\n\n      if (looped) {\n        loopedSlideChangePerform();\n      } else {\n        simpleSlideChangePerform();\n      }\n\n      startAnimation();\n\n      shiftXCurrentRef.current = indent;\n\n      setControlElementsState((v) => ({\n        ...v,\n        canSlideLeft: calculateCanSlideLeft(),\n        canSlideRight: calculateCanSlideRight(),\n      }));\n    },\n    [slideIndex],\n  );\n\n  useIsomorphicLayoutEffect(\n    function updateIsDraggable() {\n      setControlElementsState((v) => ({\n        ...v,\n        isDraggable: !(dragDisabled || slidesManager.current.isFullyVisible),\n      }));\n    },\n    [dragDisabled],\n  );\n\n  useMutationObserver(layerRef, initializeSlides);\n\n  useIsomorphicLayoutEffect(initializeSlides, [align, slideWidth, looped, isRtl]);\n\n  const calculateMinDeltaXToSlide = () => {\n    return slidesManager.current.slides[slideIndex].width * SLIDE_THRESHOLD;\n  };\n\n  const slideLeft = (event: React.MouseEvent) => {\n    if (slideIndex > 0) {\n      shiftXCurrentRef.current += revertRtlValue(calculateMinDeltaXToSlide(), isRtl);\n    }\n    onChange?.(\n      (slideIndex - 1 + slidesManager.current.slides.length) % slidesManager.current.slides.length,\n    );\n    onPrevClick?.(event);\n  };\n\n  const slideRight = (event: React.MouseEvent) => {\n    if (slideIndex < slidesManager.current.slides.length - 1) {\n      shiftXCurrentRef.current -= revertRtlValue(calculateMinDeltaXToSlide(), isRtl);\n    }\n    onChange?.((slideIndex + 1) % slidesManager.current.slides.length);\n    onNextClick?.(event);\n  };\n\n  const onStart = (e: CustomTouchEvent) => {\n    e.originalEvent.stopPropagation();\n    if (controlElementsState.isDraggable) {\n      onDragStart?.(e);\n      shiftXCurrentRef.current = slidesManager.current.snaps[slideIndex];\n      shiftXDeltaRef.current = 0;\n    }\n  };\n\n  const onMoveX = (e: CustomTouchEvent) => {\n    if (controlElementsState.isDraggable) {\n      e.originalEvent.preventDefault();\n\n      if (e.isSlideX) {\n        isDragging.current = true;\n        if (shiftXDeltaRef.current !== e.shiftX) {\n          shiftXDeltaRef.current = e.shiftX;\n          requestTransform(shiftXCurrentRef.current + shiftXDeltaRef.current);\n        }\n      }\n    }\n  };\n\n  const onEnd = (e: CustomTouchEvent) => {\n    if (controlElementsState.isDraggable) {\n      isDragging.current = false;\n      let targetIndex = slideIndex;\n      if (e.isSlide) {\n        targetIndex = getTargetIndex({\n          slides: slidesManager.current.slides,\n          slideIndex,\n          currentShiftX: shiftXCurrentRef.current,\n          currentShiftXDelta: shiftXDeltaRef.current,\n          max: slidesManager.current.max,\n          looped,\n          isRtl,\n        });\n      }\n      onDragEnd?.(e, targetIndex);\n\n      if (targetIndex !== slideIndex) {\n        shiftXCurrentRef.current = shiftXCurrentRef.current + shiftXDeltaRef.current;\n        onChange?.(targetIndex);\n      } else {\n        const initialShiftX = slidesManager.current.snaps[targetIndex];\n        requestTransform(initialShiftX, true);\n      }\n    }\n  };\n\n  const setSlideRef = (slideRef: HTMLDivElement | null, slideIndex: number) => {\n    slidesStore.current[slideIndex] = slideRef;\n  };\n\n  const { isDraggable, canSlideRight, canSlideLeft } = controlElementsState;\n\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        styles.host,\n        slideWidth === 'custom' && styles.customWidth,\n        isDraggable && styles.draggable,\n      )}\n      getRootRef={rootRef}\n    >\n      <CarouselViewPort\n        slideWidth={slideWidth}\n        slideTestId={slideTestId}\n        onStart={onStart}\n        onMoveX={onMoveX}\n        onEnd={onEnd}\n        getRootRef={viewportRef}\n        layerRef={layerRef}\n        setSlideRef={setSlideRef}\n      >\n        {children}\n      </CarouselViewPort>\n\n      {bullets && (\n        <Bullets\n          bullets={bullets}\n          slideIndex={slideIndex}\n          count={React.Children.count(children)}\n          bulletTestId={bulletTestId}\n        />\n      )}\n      <ScrollArrows\n        hasPointer={hasPointer}\n        canSlideLeft={canSlideLeft}\n        canSlideRight={canSlideRight}\n        onSlideRight={slideRight}\n        onSlideLeft={slideLeft}\n        showArrows={showArrows}\n        arrowSize={arrowSize}\n        arrowAreaHeight={arrowAreaHeight}\n        arrowPrevLabel={arrowPrevLabel}\n        arrowNextLabel={arrowNextLabel}\n        prevArrowTestId={prevArrowTestId}\n        nextArrowTestId={nextArrowTestId}\n      />\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","useAdaptivityHasPointer","useConfigDirection","useExternRef","useMutationObserver","useResizeObserver","useDOM","useIsomorphicLayoutEffect","warnOnce","RootComponent","Bullets","CarouselViewPort","ScrollArrows","ANIMATION_DURATION","CONTROL_ELEMENTS_STATE","SLIDE_THRESHOLD","SLIDES_MANAGER_STATE","calcMax","calcMin","calculateIndent","getLoopPoints","getTargetIndex","isBigger","isBiggerOrEqual","isLowerOrEqual","revertRtlValue","validateIndent","useSlideAnimation","styles","warn","CarouselBase","bullets","getRootRef","children","slideWidth","slideIndex","dragDisabled","resizeSource","onDragStart","onDragEnd","onChange","onPrevClick","onNextClick","align","showArrows","getRef","arrowSize","arrowAreaHeight","arrowNextLabel","arrowPrevLabel","slideTestId","bulletTestId","nextArrowTestId","prevArrowTestId","looped","restProps","slidesStore","useRef","slidesManager","textDirection","isRtl","rootRef","viewportRef","layerRef","animationFrameRef","shiftXCurrentRef","shiftXDeltaRef","initialized","animationInQueue","addToAnimationQueue","getAnimateFunction","startAnimation","isDragging","controlElementsState","setControlElementsState","useState","hasPointer","isCenterAlign","calculateCanSlideLeft","current","isFullyVisible","isStartShiftX","calculateCanSlideRight","containerWidth","layerWidth","slides","length","transformCssStyles","shiftX","animation","Math","round","loopPoints","forEach","loopPoint","target","index","slide","style","transform","Object","values","indent","transition","checkShiftOutOfBoundsFromStart","snaps","checkShiftOutOfBoundsFromEnd","firstSlideShift","width","lastPoint","coordX","requestTransform","contentSize","cancelAnimationFrame","requestAnimationFrame","firstSnap","abs","initializeSlides","layerOffsetWidth","offsetWidth","calcRtlCoord","element","offsetLeft","localSlides","Children","map","_item","i","elem","viewportOffsetWidth","reduce","val","process","env","NODE_ENV","remainingWidth","currentSlideOffsetOnCenterAlignment","onlyOneSlide","max","min","_","targetIndex","isCenter","isAnimationInProgress","canSlideLeft","canSlideRight","isDraggable","onResize","window","loopedSlideChangePerform","startPoint","fromLastToFirst","endEdge","distance","progress","diff","direction","simpleSlideChangePerform","performSlideChange","v","updateIsDraggable","calculateMinDeltaXToSlide","slideLeft","event","slideRight","onStart","e","originalEvent","stopPropagation","onMoveX","preventDefault","isSlideX","onEnd","isSlide","currentShiftX","currentShiftXDelta","initialShiftX","setSlideRef","slideRef","baseClassName","host","customWidth","draggable","count","onSlideRight","onSlideLeft"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/CarouselBase/CarouselBase.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityHasPointer } from '../../hooks/useAdaptivityHasPointer';\nimport { useConfigDirection } from '../../hooks/useConfigDirection';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useMutationObserver } from '../../hooks/useMutationObserver';\nimport { useResizeObserver } from '../../hooks/useResizeObserver';\nimport { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { type CustomTouchEvent } from '../Touch/Touch';\nimport { Bullets } from './Bullets';\nimport { CarouselViewPort } from './CarouselViewPort';\nimport { ScrollArrows } from './ScrollArrows';\nimport {\n  ANIMATION_DURATION,\n  CONTROL_ELEMENTS_STATE,\n  SLIDE_THRESHOLD,\n  SLIDES_MANAGER_STATE,\n} from './constants';\nimport {\n  calcMax,\n  calcMin,\n  calculateIndent,\n  getLoopPoints,\n  getTargetIndex,\n  isBigger,\n  isBiggerOrEqual,\n  isLowerOrEqual,\n  revertRtlValue,\n  validateIndent,\n} from './helpers';\nimport { useSlideAnimation } from './hooks';\nimport {\n  type BaseGalleryProps,\n  type ControlElementsState,\n  type GallerySlidesState,\n  type SlidesManagerState,\n} from './types';\nimport styles from './CarouselBase.module.css';\n\nconst warn = warnOnce('Gallery');\n\nexport const CarouselBase = ({\n  bullets = false,\n  getRootRef,\n  children,\n  slideWidth = '100%',\n  slideIndex = 0,\n  dragDisabled = false,\n  resizeSource = 'window',\n  onDragStart,\n  onDragEnd,\n  onChange,\n  onPrevClick,\n  onNextClick,\n  align = 'left',\n  showArrows,\n  getRef,\n  arrowSize,\n  arrowAreaHeight,\n  slideTestId,\n  bulletTestId,\n  nextArrowTestId,\n  prevArrowTestId,\n  looped = false,\n\n  // a11y\n  'aria-roledescription': ariaRoleDescription = 'Карусель',\n  arrowNextLabel = 'Следующий слайд',\n  arrowPrevLabel = 'Предыдущий слайд',\n  slideLabel,\n  slideRoleDescription,\n  ...restProps\n}: BaseGalleryProps): React.ReactNode => {\n  const slidesStore = React.useRef<Record<string, HTMLDivElement | null>>({});\n  const slidesManager = React.useRef<SlidesManagerState>(SLIDES_MANAGER_STATE);\n  const textDirection = useConfigDirection();\n  const isRtl = textDirection === 'rtl';\n\n  const rootRef = useExternRef(getRootRef);\n  const viewportRef = useExternRef(getRef);\n  const layerRef = React.useRef<HTMLDivElement>(null);\n  const animationFrameRef = React.useRef<ReturnType<typeof requestAnimationFrame> | null>(null);\n  const shiftXCurrentRef = React.useRef<number>(0);\n  const shiftXDeltaRef = React.useRef<number>(0);\n  const initialized = React.useRef<boolean>(false);\n  const { animationInQueue, addToAnimationQueue, getAnimateFunction, startAnimation } =\n    useSlideAnimation();\n  const isDragging = React.useRef(false);\n\n  const [controlElementsState, setControlElementsState] =\n    React.useState<ControlElementsState>(CONTROL_ELEMENTS_STATE);\n\n  const hasPointer = useAdaptivityHasPointer();\n\n  const slidesContainerId = React.useId();\n\n  const isCenterAlign = align === 'center';\n\n  const calculateCanSlideLeft = () => {\n    if (looped) {\n      return !slidesManager.current.isFullyVisible;\n    }\n    const isStartShiftX = isBiggerOrEqual(shiftXCurrentRef.current, 0, isRtl);\n    return !slidesManager.current.isFullyVisible && !isStartShiftX;\n  };\n\n  const calculateCanSlideRight = () => {\n    if (looped) {\n      return !slidesManager.current.isFullyVisible;\n    }\n    return (\n      !slidesManager.current.isFullyVisible &&\n      // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side\n      ((align === 'left' &&\n        slidesManager.current.containerWidth - revertRtlValue(shiftXCurrentRef.current, isRtl) <\n          (slidesManager.current.layerWidth ?? 0)) ||\n        // otherwise we need to check current slide index (align = right or align = center)\n        (align !== 'left' && slideIndex < slidesManager.current.slides.length - 1))\n    );\n  };\n\n  const transformCssStyles = (shiftX: number, animation = false) => {\n    shiftX = Math.round(shiftX);\n    if (looped) {\n      slidesManager.current.loopPoints.forEach((loopPoint) => {\n        const { target, index } = loopPoint;\n        const slide = slidesStore.current[index];\n        if (slide) {\n          slide.style.transform = `translate3d(${target(shiftX)}px, 0, 0)`;\n        }\n      });\n    } else {\n      Object.values(slidesStore.current).forEach((slide) => {\n        if (slide) {\n          slide.style.transform = '';\n        }\n      });\n    }\n\n    if (layerRef.current) {\n      const indent =\n        isDragging.current && !looped\n          ? validateIndent(\n              slidesManager.current,\n              shiftXCurrentRef.current + shiftXDeltaRef.current,\n              isRtl,\n              false,\n            )\n          : shiftX;\n\n      layerRef.current.style.transform = `translate3d(${indent}px, 0, 0)`;\n      layerRef.current.style.transition = animation\n        ? `transform ${ANIMATION_DURATION}ms cubic-bezier(.1, 0, .25, 1)`\n        : '';\n    }\n  };\n\n  const checkShiftOutOfBoundsFromStart = (shiftX: number, snaps: number[]) =>\n    isBigger(shiftX, snaps[0], isRtl);\n\n  const checkShiftOutOfBoundsFromEnd = (shiftX: number, slides: GallerySlidesState[]) => {\n    /**\n     * Поскольку при `align=\"center\"` слайды сдвинуты, прежде чем рассчитать крайнюю правую точку,\n     * нужно вычесть сдвиг слайдов.\n     */\n    const firstSlideShift =\n      align === 'center'\n        ? (slidesManager.current.containerWidth - slidesManager.current.slides[0].width) / 2\n        : 0;\n\n    const lastPoint =\n      slides[slides.length - 1].width + slides[slides.length - 1].coordX - firstSlideShift;\n    return isRtl ? shiftX >= lastPoint : shiftX <= -lastPoint;\n  };\n\n  const requestTransform = (shiftX: number, animation = false) => {\n    const { snaps, contentSize, slides } = slidesManager.current;\n\n    if (animationFrameRef.current !== null) {\n      cancelAnimationFrame(animationFrameRef.current);\n    }\n    animationFrameRef.current = requestAnimationFrame(() => {\n      /**\n       * Для бесконечной галереи проверяем, что при dnd мы прокрутили левее, чем первый слайд,\n       * чтобы сбросить `shiftXCurrentRef`.\n       */\n      if (looped && checkShiftOutOfBoundsFromStart(shiftX, snaps)) {\n        const firstSnap = revertRtlValue(snaps[0], isRtl);\n        shiftXCurrentRef.current = revertRtlValue(-contentSize + firstSnap, isRtl);\n        shiftX = shiftXCurrentRef.current + shiftXDeltaRef.current;\n      }\n\n      /**\n       * Для бесконечной галереи проверяем, что при dnd мы прокрутили правее, чем последний слайд,\n       * чтобы правильно пересчитать `shiftXCurrentRef`.\n       */\n      if (looped && checkShiftOutOfBoundsFromEnd(shiftX, slides)) {\n        shiftXCurrentRef.current = Math.abs(shiftXDeltaRef.current) + snaps[0];\n      }\n      transformCssStyles(shiftX, animation);\n      animationFrameRef.current = null;\n    });\n  };\n\n  const initializeSlides = () => {\n    if (!rootRef.current || !viewportRef.current || !layerRef.current) {\n      return;\n    }\n    const layerOffsetWidth = layerRef.current.offsetWidth;\n\n    const calcRtlCoord = (element: HTMLDivElement) => {\n      const offsetLeft = element.offsetLeft;\n      const offsetWidth = element.offsetWidth;\n      return layerOffsetWidth - offsetLeft - offsetWidth;\n    };\n\n    let localSlides =\n      React.Children.map(children, (_item, i): GallerySlidesState => {\n        const elem = slidesStore.current[i];\n        if (!elem) {\n          return { coordX: 0, width: 0 };\n        }\n        const coordX = isRtl ? calcRtlCoord(elem) : elem.offsetLeft;\n        return { coordX, width: elem.offsetWidth };\n      }) || [];\n\n    if (localSlides.length === 0) {\n      initialized.current = false;\n      return;\n    }\n\n    const containerWidth = rootRef.current.offsetWidth;\n    const viewportOffsetWidth = viewportRef.current.offsetWidth;\n    const layerWidth = localSlides.reduce((val, slide) => slide.width + val, 0);\n\n    if (process.env.NODE_ENV === 'development' && looped) {\n      let remainingWidth = containerWidth;\n      let slideIndex = 0;\n\n      while (remainingWidth > 0 && slideIndex < localSlides.length) {\n        remainingWidth -= localSlides[slideIndex].width;\n        slideIndex++;\n      }\n      if (remainingWidth <= 0 && slideIndex === localSlides.length) {\n        warn(\n          'Ширины слайдов недостаточно для корректной работы свойства \"looped\". Пожалуйста, сделайте её больше.',\n        );\n      }\n    }\n\n    const currentSlideOffsetOnCenterAlignment =\n      (containerWidth - (localSlides[slideIndex]?.width ?? 0)) / 2;\n    const isFullyVisible =\n      align === 'center'\n        ? layerWidth + currentSlideOffsetOnCenterAlignment <= containerWidth\n        : layerWidth <= containerWidth;\n\n    const onlyOneSlide = localSlides.length === 1;\n\n    slidesManager.current = {\n      ...slidesManager.current,\n      layerWidth,\n      containerWidth,\n      viewportOffsetWidth,\n      slides: localSlides,\n      isFullyVisible,\n      max:\n        looped || onlyOneSlide\n          ? null\n          : calcMax({\n              slides: localSlides,\n              containerWidth,\n              isCenterAlign,\n              isRtl,\n            }),\n      min:\n        looped || onlyOneSlide\n          ? null\n          : calcMin({\n              containerWidth,\n              layerWidth,\n              slides: localSlides,\n              viewportOffsetWidth,\n              isFullyVisible,\n              align,\n              isRtl,\n            }),\n    };\n    const snaps = localSlides.map((_, index) =>\n      calculateIndent({\n        targetIndex: index,\n        slidesManager: slidesManager.current,\n        isCenter: isCenterAlign,\n        looped,\n        isRtl,\n      }),\n    );\n\n    let contentSize = Math.abs(snaps[snaps.length - 1]) + localSlides[localSlides.length - 1].width;\n    if (align === 'center') {\n      contentSize += revertRtlValue(snaps[0], isRtl);\n    }\n\n    slidesManager.current.snaps = snaps;\n    slidesManager.current.contentSize = contentSize;\n    // Если галерея не зациклена и слайд всего один, то рассчитывать loopPoints тоже не надо\n    if (looped && !onlyOneSlide && !isFullyVisible) {\n      slidesManager.current.loopPoints = getLoopPoints(\n        slidesManager.current,\n        containerWidth,\n        isRtl,\n      );\n    }\n\n    const isAnimationInProgress = animationInQueue() || animationFrameRef.current !== null;\n\n    if (isAnimationInProgress) {\n      return;\n    }\n\n    shiftXCurrentRef.current = snaps[slideIndex];\n    initialized.current = true;\n\n    setControlElementsState({\n      canSlideLeft: calculateCanSlideLeft(),\n      canSlideRight: calculateCanSlideRight(),\n      isDraggable: !(dragDisabled || slidesManager.current.isFullyVisible),\n    });\n    requestTransform(shiftXCurrentRef.current);\n  };\n\n  const onResize = () => {\n    if (initialized.current) {\n      initializeSlides();\n    }\n  };\n  const { window } = useDOM();\n  useResizeObserver(resizeSource === 'element' ? rootRef : window, onResize);\n\n  const loopedSlideChangePerform = () => {\n    const { snaps, slides } = slidesManager.current;\n    const indent = snaps[slideIndex];\n    let startPoint = shiftXCurrentRef.current;\n\n    const fromLastToFirst = isLowerOrEqual(\n      shiftXCurrentRef.current,\n      snaps[snaps.length - 1],\n      isRtl,\n    );\n    /**\n     * Переключаемся с последнего элемента на первый\n     * Для корректной анимации мы прокручиваем последний слайд на всю длину (shiftX) \"вперед\"\n     * В конце анимации при отрисовке следующего кадра задаем всем слайдам начальные значения.\n     */\n    if (indent === snaps[0] && fromLastToFirst) {\n      const endEdge = revertRtlValue(\n        Math.abs(snaps[snaps.length - 1]) + slides[slides.length - 1].width,\n        isRtl,\n      );\n      const distance = endEdge + startPoint;\n      addToAnimationQueue(\n        getAnimateFunction((progress) => {\n          const shiftX = startPoint + progress * distance * -1;\n\n          transformCssStyles(shiftX);\n\n          if (shiftX <= snaps[snaps.length - 1] - slides[slides.length - 1].width) {\n            requestAnimationFrame(() => {\n              shiftXCurrentRef.current = indent;\n              transformCssStyles(snaps[0]);\n            });\n          }\n        }),\n      );\n      /**\n       * Переключаемся с первого слайда на последний\n       * Для корректной анимации сначала задаем первым видимым слайдам смещение\n       * В следующем кадре начинаем анимация прокрутки \"назад\".\n       */\n    } else if (indent === snaps[snaps.length - 1] && shiftXCurrentRef.current === snaps[0]) {\n      startPoint = indent - revertRtlValue(slides[slides.length - 1].width, isRtl);\n\n      addToAnimationQueue(() => {\n        requestAnimationFrame(() => {\n          const shiftX = indent - revertRtlValue(slides[slides.length - 1].width, isRtl);\n          transformCssStyles(shiftX);\n\n          getAnimateFunction((progress) => {\n            const diff = revertRtlValue(progress * slides[slides.length - 1].width, isRtl);\n            transformCssStyles(startPoint + diff);\n          })();\n        });\n      });\n      /**\n       * Если не обработаны `corner`-кейсы выше, то просто проигрываем анимацию смещения.\n       */\n    } else {\n      addToAnimationQueue(() => {\n        const distance = Math.abs(indent - startPoint);\n        let direction = startPoint <= indent ? 1 : -1;\n\n        getAnimateFunction((progress) => {\n          const shiftX = startPoint + progress * distance * direction;\n          transformCssStyles(shiftX);\n        })();\n      });\n    }\n  };\n\n  const simpleSlideChangePerform = () => {\n    const { snaps } = slidesManager.current;\n    requestTransform(snaps[slideIndex], true);\n  };\n\n  useIsomorphicLayoutEffect(\n    function performSlideChange() {\n      if (!initialized.current) {\n        return;\n      }\n      const { snaps } = slidesManager.current;\n      const indent = snaps[slideIndex];\n\n      if (looped) {\n        loopedSlideChangePerform();\n      } else {\n        simpleSlideChangePerform();\n      }\n\n      startAnimation();\n\n      shiftXCurrentRef.current = indent;\n\n      setControlElementsState((v) => ({\n        ...v,\n        canSlideLeft: calculateCanSlideLeft(),\n        canSlideRight: calculateCanSlideRight(),\n      }));\n    },\n    [slideIndex],\n  );\n\n  useIsomorphicLayoutEffect(\n    function updateIsDraggable() {\n      setControlElementsState((v) => ({\n        ...v,\n        isDraggable: !(dragDisabled || slidesManager.current.isFullyVisible),\n      }));\n    },\n    [dragDisabled],\n  );\n\n  useMutationObserver(layerRef, initializeSlides);\n\n  useIsomorphicLayoutEffect(initializeSlides, [align, slideWidth, looped, isRtl]);\n\n  const calculateMinDeltaXToSlide = () => {\n    return slidesManager.current.slides[slideIndex].width * SLIDE_THRESHOLD;\n  };\n\n  const slideLeft = (event: React.MouseEvent) => {\n    if (slideIndex > 0) {\n      shiftXCurrentRef.current += revertRtlValue(calculateMinDeltaXToSlide(), isRtl);\n    }\n    onChange?.(\n      (slideIndex - 1 + slidesManager.current.slides.length) % slidesManager.current.slides.length,\n    );\n    onPrevClick?.(event);\n  };\n\n  const slideRight = (event: React.MouseEvent) => {\n    if (slideIndex < slidesManager.current.slides.length - 1) {\n      shiftXCurrentRef.current -= revertRtlValue(calculateMinDeltaXToSlide(), isRtl);\n    }\n    onChange?.((slideIndex + 1) % slidesManager.current.slides.length);\n    onNextClick?.(event);\n  };\n\n  const onStart = (e: CustomTouchEvent) => {\n    e.originalEvent.stopPropagation();\n    if (controlElementsState.isDraggable) {\n      onDragStart?.(e);\n      shiftXCurrentRef.current = slidesManager.current.snaps[slideIndex];\n      shiftXDeltaRef.current = 0;\n    }\n  };\n\n  const onMoveX = (e: CustomTouchEvent) => {\n    if (controlElementsState.isDraggable) {\n      e.originalEvent.preventDefault();\n\n      if (e.isSlideX) {\n        isDragging.current = true;\n        if (shiftXDeltaRef.current !== e.shiftX) {\n          shiftXDeltaRef.current = e.shiftX;\n          requestTransform(shiftXCurrentRef.current + shiftXDeltaRef.current);\n        }\n      }\n    }\n  };\n\n  const onEnd = (e: CustomTouchEvent) => {\n    if (controlElementsState.isDraggable) {\n      isDragging.current = false;\n      let targetIndex = slideIndex;\n      if (e.isSlide) {\n        targetIndex = getTargetIndex({\n          slides: slidesManager.current.slides,\n          slideIndex,\n          currentShiftX: shiftXCurrentRef.current,\n          currentShiftXDelta: shiftXDeltaRef.current,\n          max: slidesManager.current.max,\n          looped,\n          isRtl,\n        });\n      }\n      onDragEnd?.(e, targetIndex);\n\n      if (targetIndex !== slideIndex) {\n        shiftXCurrentRef.current = shiftXCurrentRef.current + shiftXDeltaRef.current;\n        onChange?.(targetIndex);\n      } else {\n        const initialShiftX = slidesManager.current.snaps[targetIndex];\n        requestTransform(initialShiftX, true);\n      }\n    }\n  };\n\n  const setSlideRef = (slideRef: HTMLDivElement | null, slideIndex: number) => {\n    slidesStore.current[slideIndex] = slideRef;\n  };\n\n  const { isDraggable, canSlideRight, canSlideLeft } = controlElementsState;\n\n  const handleScrollForFixVoiceOverBehavior = (event: React.UIEvent<HTMLDivElement>) => {\n    restProps.onScroll?.(event);\n    if (rootRef.current) {\n      event.currentTarget.scrollLeft = 0;\n    }\n  };\n\n  return (\n    <RootComponent\n      {...restProps}\n      role=\"region\"\n      onScroll={handleScrollForFixVoiceOverBehavior}\n      aria-roledescription={ariaRoleDescription}\n      baseClassName={classNames(\n        styles.host,\n        slideWidth === 'custom' && styles.customWidth,\n        isDraggable && styles.draggable,\n      )}\n      getRootRef={rootRef}\n    >\n      <ScrollArrows\n        hasPointer={hasPointer}\n        canSlideLeft={canSlideLeft}\n        canSlideRight={canSlideRight}\n        onSlideRight={slideRight}\n        onSlideLeft={slideLeft}\n        showArrows={showArrows}\n        arrowSize={arrowSize}\n        arrowAreaHeight={arrowAreaHeight}\n        arrowPrevLabel={arrowPrevLabel}\n        arrowNextLabel={arrowNextLabel}\n        prevArrowTestId={prevArrowTestId}\n        nextArrowTestId={nextArrowTestId}\n        slidesContainerId={slidesContainerId}\n      />\n      <CarouselViewPort\n        slideWidth={slideWidth}\n        slideTestId={slideTestId}\n        onStart={onStart}\n        onMoveX={onMoveX}\n        onEnd={onEnd}\n        getRootRef={viewportRef}\n        layerRef={layerRef}\n        setSlideRef={setSlideRef}\n        slidesContainerId={slidesContainerId}\n        slideLabel={slideLabel}\n        slideRoleDescription={slideRoleDescription}\n        onChange={onChange}\n      >\n        {children}\n      </CarouselViewPort>\n\n      {bullets && (\n        <Bullets\n          bullets={bullets}\n          slideIndex={slideIndex}\n          count={React.Children.count(children)}\n          bulletTestId={bulletTestId}\n        />\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","useAdaptivityHasPointer","useConfigDirection","useExternRef","useMutationObserver","useResizeObserver","useDOM","useIsomorphicLayoutEffect","warnOnce","RootComponent","Bullets","CarouselViewPort","ScrollArrows","ANIMATION_DURATION","CONTROL_ELEMENTS_STATE","SLIDE_THRESHOLD","SLIDES_MANAGER_STATE","calcMax","calcMin","calculateIndent","getLoopPoints","getTargetIndex","isBigger","isBiggerOrEqual","isLowerOrEqual","revertRtlValue","validateIndent","useSlideAnimation","styles","warn","CarouselBase","bullets","getRootRef","children","slideWidth","slideIndex","dragDisabled","resizeSource","onDragStart","onDragEnd","onChange","onPrevClick","onNextClick","align","showArrows","getRef","arrowSize","arrowAreaHeight","slideTestId","bulletTestId","nextArrowTestId","prevArrowTestId","looped","ariaRoleDescription","arrowNextLabel","arrowPrevLabel","slideLabel","slideRoleDescription","restProps","slidesStore","useRef","slidesManager","textDirection","isRtl","rootRef","viewportRef","layerRef","animationFrameRef","shiftXCurrentRef","shiftXDeltaRef","initialized","animationInQueue","addToAnimationQueue","getAnimateFunction","startAnimation","isDragging","controlElementsState","setControlElementsState","useState","hasPointer","slidesContainerId","useId","isCenterAlign","calculateCanSlideLeft","current","isFullyVisible","isStartShiftX","calculateCanSlideRight","containerWidth","layerWidth","slides","length","transformCssStyles","shiftX","animation","Math","round","loopPoints","forEach","loopPoint","target","index","slide","style","transform","Object","values","indent","transition","checkShiftOutOfBoundsFromStart","snaps","checkShiftOutOfBoundsFromEnd","firstSlideShift","width","lastPoint","coordX","requestTransform","contentSize","cancelAnimationFrame","requestAnimationFrame","firstSnap","abs","initializeSlides","layerOffsetWidth","offsetWidth","calcRtlCoord","element","offsetLeft","localSlides","Children","map","_item","i","elem","viewportOffsetWidth","reduce","val","process","env","NODE_ENV","remainingWidth","currentSlideOffsetOnCenterAlignment","onlyOneSlide","max","min","_","targetIndex","isCenter","isAnimationInProgress","canSlideLeft","canSlideRight","isDraggable","onResize","window","loopedSlideChangePerform","startPoint","fromLastToFirst","endEdge","distance","progress","diff","direction","simpleSlideChangePerform","performSlideChange","v","updateIsDraggable","calculateMinDeltaXToSlide","slideLeft","event","slideRight","onStart","e","originalEvent","stopPropagation","onMoveX","preventDefault","isSlideX","onEnd","isSlide","currentShiftX","currentShiftXDelta","initialShiftX","setSlideRef","slideRef","handleScrollForFixVoiceOverBehavior","onScroll","currentTarget","scrollLeft","role","aria-roledescription","baseClassName","host","customWidth","draggable","onSlideRight","onSlideLeft","count"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,uBAAuB,QAAQ,yCAAsC;AAC9E,SAASC,kBAAkB,QAAQ,oCAAiC;AACpE,SAASC,YAAY,QAAQ,8BAA2B;AACxD,SAASC,mBAAmB,QAAQ,qCAAkC;AACtE,SAASC,iBAAiB,QAAQ,mCAAgC;AAClE,SAASC,MAAM,QAAQ,mBAAgB;AACvC,SAASC,yBAAyB,QAAQ,yCAAsC;AAChF,SAASC,QAAQ,QAAQ,wBAAqB;AAC9C,SAASC,aAAa,QAAQ,oCAAiC;AAE/D,SAASC,OAAO,QAAQ,eAAY;AACpC,SAASC,gBAAgB,QAAQ,wBAAqB;AACtD,SAASC,YAAY,QAAQ,oBAAiB;AAC9C,SACEC,kBAAkB,EAClBC,sBAAsB,EACtBC,eAAe,EACfC,oBAAoB,QACf,iBAAc;AACrB,SACEC,OAAO,EACPC,OAAO,EACPC,eAAe,EACfC,aAAa,EACbC,cAAc,EACdC,QAAQ,EACRC,eAAe,EACfC,cAAc,EACdC,cAAc,EACdC,cAAc,QACT,eAAY;AACnB,SAASC,iBAAiB,QAAQ,aAAU;AAO5C,OAAOC,YAAY,4BAA4B;AAE/C,MAAMC,OAAOrB,SAAS;AAEtB,OAAO,MAAMsB,eAAe,CAAC,EAC3BC,UAAU,KAAK,EACfC,UAAU,EACVC,QAAQ,EACRC,aAAa,MAAM,EACnBC,aAAa,CAAC,EACdC,eAAe,KAAK,EACpBC,eAAe,QAAQ,EACvBC,WAAW,EACXC,SAAS,EACTC,QAAQ,EACRC,WAAW,EACXC,WAAW,EACXC,QAAQ,MAAM,EACdC,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,eAAe,EACfC,WAAW,EACXC,YAAY,EACZC,eAAe,EACfC,eAAe,EACfC,SAAS,KAAK,EAEd,OAAO;AACP,wBAAwBC,sBAAsB,UAAU,EACxDC,iBAAiB,iBAAiB,EAClCC,iBAAiB,kBAAkB,EACnCC,UAAU,EACVC,oBAAoB,EACpB,GAAGC,WACc;IACjB,MAAMC,cAAc5D,MAAM6D,MAAM,CAAwC,CAAC;IACzE,MAAMC,gBAAgB9D,MAAM6D,MAAM,CAAqB5C;IACvD,MAAM8C,gBAAgB5D;IACtB,MAAM6D,QAAQD,kBAAkB;IAEhC,MAAME,UAAU7D,aAAa6B;IAC7B,MAAMiC,cAAc9D,aAAa0C;IACjC,MAAMqB,WAAWnE,MAAM6D,MAAM,CAAiB;IAC9C,MAAMO,oBAAoBpE,MAAM6D,MAAM,CAAkD;IACxF,MAAMQ,mBAAmBrE,MAAM6D,MAAM,CAAS;IAC9C,MAAMS,iBAAiBtE,MAAM6D,MAAM,CAAS;IAC5C,MAAMU,cAAcvE,MAAM6D,MAAM,CAAU;IAC1C,MAAM,EAAEW,gBAAgB,EAAEC,mBAAmB,EAAEC,kBAAkB,EAAEC,cAAc,EAAE,GACjF/C;IACF,MAAMgD,aAAa5E,MAAM6D,MAAM,CAAC;IAEhC,MAAM,CAACgB,sBAAsBC,wBAAwB,GACnD9E,MAAM+E,QAAQ,CAAuBhE;IAEvC,MAAMiE,aAAa9E;IAEnB,MAAM+E,oBAAoBjF,MAAMkF,KAAK;IAErC,MAAMC,gBAAgBvC,UAAU;IAEhC,MAAMwC,wBAAwB;QAC5B,IAAI/B,QAAQ;YACV,OAAO,CAACS,cAAcuB,OAAO,CAACC,cAAc;QAC9C;QACA,MAAMC,gBAAgB/D,gBAAgB6C,iBAAiBgB,OAAO,EAAE,GAAGrB;QACnE,OAAO,CAACF,cAAcuB,OAAO,CAACC,cAAc,IAAI,CAACC;IACnD;IAEA,MAAMC,yBAAyB;QAC7B,IAAInC,QAAQ;YACV,OAAO,CAACS,cAAcuB,OAAO,CAACC,cAAc;QAC9C;QACA,OACE,CAACxB,cAAcuB,OAAO,CAACC,cAAc,IACrC,+FAA+F;QAC9F,CAAA,AAAC1C,UAAU,UACVkB,cAAcuB,OAAO,CAACI,cAAc,GAAG/D,eAAe2C,iBAAiBgB,OAAO,EAAErB,SAC7EF,CAAAA,cAAcuB,OAAO,CAACK,UAAU,IAAI,CAAA,KACvC,mFAAmF;QAClF9C,UAAU,UAAUR,aAAa0B,cAAcuB,OAAO,CAACM,MAAM,CAACC,MAAM,GAAG,CAAC;IAE/E;IAEA,MAAMC,qBAAqB,CAACC,QAAgBC,YAAY,KAAK;QAC3DD,SAASE,KAAKC,KAAK,CAACH;QACpB,IAAIzC,QAAQ;YACVS,cAAcuB,OAAO,CAACa,UAAU,CAACC,OAAO,CAAC,CAACC;gBACxC,MAAM,EAAEC,MAAM,EAAEC,KAAK,EAAE,GAAGF;gBAC1B,MAAMG,QAAQ3C,YAAYyB,OAAO,CAACiB,MAAM;gBACxC,IAAIC,OAAO;oBACTA,MAAMC,KAAK,CAACC,SAAS,GAAG,CAAC,YAAY,EAAEJ,OAAOP,QAAQ,SAAS,CAAC;gBAClE;YACF;QACF,OAAO;YACLY,OAAOC,MAAM,CAAC/C,YAAYyB,OAAO,EAAEc,OAAO,CAAC,CAACI;gBAC1C,IAAIA,OAAO;oBACTA,MAAMC,KAAK,CAACC,SAAS,GAAG;gBAC1B;YACF;QACF;QAEA,IAAItC,SAASkB,OAAO,EAAE;YACpB,MAAMuB,SACJhC,WAAWS,OAAO,IAAI,CAAChC,SACnB1B,eACEmC,cAAcuB,OAAO,EACrBhB,iBAAiBgB,OAAO,GAAGf,eAAee,OAAO,EACjDrB,OACA,SAEF8B;YAEN3B,SAASkB,OAAO,CAACmB,KAAK,CAACC,SAAS,GAAG,CAAC,YAAY,EAAEG,OAAO,SAAS,CAAC;YACnEzC,SAASkB,OAAO,CAACmB,KAAK,CAACK,UAAU,GAAGd,YAChC,CAAC,UAAU,EAAEjF,mBAAmB,8BAA8B,CAAC,GAC/D;QACN;IACF;IAEA,MAAMgG,iCAAiC,CAAChB,QAAgBiB,QACtDxF,SAASuE,QAAQiB,KAAK,CAAC,EAAE,EAAE/C;IAE7B,MAAMgD,+BAA+B,CAAClB,QAAgBH;QACpD;;;KAGC,GACD,MAAMsB,kBACJrE,UAAU,WACN,AAACkB,CAAAA,cAAcuB,OAAO,CAACI,cAAc,GAAG3B,cAAcuB,OAAO,CAACM,MAAM,CAAC,EAAE,CAACuB,KAAK,AAAD,IAAK,IACjF;QAEN,MAAMC,YACJxB,MAAM,CAACA,OAAOC,MAAM,GAAG,EAAE,CAACsB,KAAK,GAAGvB,MAAM,CAACA,OAAOC,MAAM,GAAG,EAAE,CAACwB,MAAM,GAAGH;QACvE,OAAOjD,QAAQ8B,UAAUqB,YAAYrB,UAAU,CAACqB;IAClD;IAEA,MAAME,mBAAmB,CAACvB,QAAgBC,YAAY,KAAK;QACzD,MAAM,EAAEgB,KAAK,EAAEO,WAAW,EAAE3B,MAAM,EAAE,GAAG7B,cAAcuB,OAAO;QAE5D,IAAIjB,kBAAkBiB,OAAO,KAAK,MAAM;YACtCkC,qBAAqBnD,kBAAkBiB,OAAO;QAChD;QACAjB,kBAAkBiB,OAAO,GAAGmC,sBAAsB;YAChD;;;OAGC,GACD,IAAInE,UAAUyD,+BAA+BhB,QAAQiB,QAAQ;gBAC3D,MAAMU,YAAY/F,eAAeqF,KAAK,CAAC,EAAE,EAAE/C;gBAC3CK,iBAAiBgB,OAAO,GAAG3D,eAAe,CAAC4F,cAAcG,WAAWzD;gBACpE8B,SAASzB,iBAAiBgB,OAAO,GAAGf,eAAee,OAAO;YAC5D;YAEA;;;OAGC,GACD,IAAIhC,UAAU2D,6BAA6BlB,QAAQH,SAAS;gBAC1DtB,iBAAiBgB,OAAO,GAAGW,KAAK0B,GAAG,CAACpD,eAAee,OAAO,IAAI0B,KAAK,CAAC,EAAE;YACxE;YACAlB,mBAAmBC,QAAQC;YAC3B3B,kBAAkBiB,OAAO,GAAG;QAC9B;IACF;IAEA,MAAMsC,mBAAmB;QACvB,IAAI,CAAC1D,QAAQoB,OAAO,IAAI,CAACnB,YAAYmB,OAAO,IAAI,CAAClB,SAASkB,OAAO,EAAE;YACjE;QACF;QACA,MAAMuC,mBAAmBzD,SAASkB,OAAO,CAACwC,WAAW;QAErD,MAAMC,eAAe,CAACC;YACpB,MAAMC,aAAaD,QAAQC,UAAU;YACrC,MAAMH,cAAcE,QAAQF,WAAW;YACvC,OAAOD,mBAAmBI,aAAaH;QACzC;QAEA,IAAII,cACFjI,MAAMkI,QAAQ,CAACC,GAAG,CAACjG,UAAU,CAACkG,OAAOC;YACnC,MAAMC,OAAO1E,YAAYyB,OAAO,CAACgD,EAAE;YACnC,IAAI,CAACC,MAAM;gBACT,OAAO;oBAAElB,QAAQ;oBAAGF,OAAO;gBAAE;YAC/B;YACA,MAAME,SAASpD,QAAQ8D,aAAaQ,QAAQA,KAAKN,UAAU;YAC3D,OAAO;gBAAEZ;gBAAQF,OAAOoB,KAAKT,WAAW;YAAC;QAC3C,MAAM,EAAE;QAEV,IAAII,YAAYrC,MAAM,KAAK,GAAG;YAC5BrB,YAAYc,OAAO,GAAG;YACtB;QACF;QAEA,MAAMI,iBAAiBxB,QAAQoB,OAAO,CAACwC,WAAW;QAClD,MAAMU,sBAAsBrE,YAAYmB,OAAO,CAACwC,WAAW;QAC3D,MAAMnC,aAAauC,YAAYO,MAAM,CAAC,CAACC,KAAKlC,QAAUA,MAAMW,KAAK,GAAGuB,KAAK;QAEzE,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBAAiBvF,QAAQ;YACpD,IAAIwF,iBAAiBpD;YACrB,IAAIrD,aAAa;YAEjB,MAAOyG,iBAAiB,KAAKzG,aAAa6F,YAAYrC,MAAM,CAAE;gBAC5DiD,kBAAkBZ,WAAW,CAAC7F,WAAW,CAAC8E,KAAK;gBAC/C9E;YACF;YACA,IAAIyG,kBAAkB,KAAKzG,eAAe6F,YAAYrC,MAAM,EAAE;gBAC5D9D,KACE;YAEJ;QACF;QAEA,MAAMgH,sCACJ,AAACrD,CAAAA,iBAAkBwC,CAAAA,WAAW,CAAC7F,WAAW,EAAE8E,SAAS,CAAA,CAAC,IAAK;QAC7D,MAAM5B,iBACJ1C,UAAU,WACN8C,aAAaoD,uCAAuCrD,iBACpDC,cAAcD;QAEpB,MAAMsD,eAAed,YAAYrC,MAAM,KAAK;QAE5C9B,cAAcuB,OAAO,GAAG;YACtB,GAAGvB,cAAcuB,OAAO;YACxBK;YACAD;YACA8C;YACA5C,QAAQsC;YACR3C;YACA0D,KACE3F,UAAU0F,eACN,OACA7H,QAAQ;gBACNyE,QAAQsC;gBACRxC;gBACAN;gBACAnB;YACF;YACNiF,KACE5F,UAAU0F,eACN,OACA5H,QAAQ;gBACNsE;gBACAC;gBACAC,QAAQsC;gBACRM;gBACAjD;gBACA1C;gBACAoB;YACF;QACR;QACA,MAAM+C,QAAQkB,YAAYE,GAAG,CAAC,CAACe,GAAG5C,QAChClF,gBAAgB;gBACd+H,aAAa7C;gBACbxC,eAAeA,cAAcuB,OAAO;gBACpC+D,UAAUjE;gBACV9B;gBACAW;YACF;QAGF,IAAIsD,cAActB,KAAK0B,GAAG,CAACX,KAAK,CAACA,MAAMnB,MAAM,GAAG,EAAE,IAAIqC,WAAW,CAACA,YAAYrC,MAAM,GAAG,EAAE,CAACsB,KAAK;QAC/F,IAAItE,UAAU,UAAU;YACtB0E,eAAe5F,eAAeqF,KAAK,CAAC,EAAE,EAAE/C;QAC1C;QAEAF,cAAcuB,OAAO,CAAC0B,KAAK,GAAGA;QAC9BjD,cAAcuB,OAAO,CAACiC,WAAW,GAAGA;QACpC,wFAAwF;QACxF,IAAIjE,UAAU,CAAC0F,gBAAgB,CAACzD,gBAAgB;YAC9CxB,cAAcuB,OAAO,CAACa,UAAU,GAAG7E,cACjCyC,cAAcuB,OAAO,EACrBI,gBACAzB;QAEJ;QAEA,MAAMqF,wBAAwB7E,sBAAsBJ,kBAAkBiB,OAAO,KAAK;QAElF,IAAIgE,uBAAuB;YACzB;QACF;QAEAhF,iBAAiBgB,OAAO,GAAG0B,KAAK,CAAC3E,WAAW;QAC5CmC,YAAYc,OAAO,GAAG;QAEtBP,wBAAwB;YACtBwE,cAAclE;YACdmE,eAAe/D;YACfgE,aAAa,CAAEnH,CAAAA,gBAAgByB,cAAcuB,OAAO,CAACC,cAAc,AAAD;QACpE;QACA+B,iBAAiBhD,iBAAiBgB,OAAO;IAC3C;IAEA,MAAMoE,WAAW;QACf,IAAIlF,YAAYc,OAAO,EAAE;YACvBsC;QACF;IACF;IACA,MAAM,EAAE+B,MAAM,EAAE,GAAGnJ;IACnBD,kBAAkBgC,iBAAiB,YAAY2B,UAAUyF,QAAQD;IAEjE,MAAME,2BAA2B;QAC/B,MAAM,EAAE5C,KAAK,EAAEpB,MAAM,EAAE,GAAG7B,cAAcuB,OAAO;QAC/C,MAAMuB,SAASG,KAAK,CAAC3E,WAAW;QAChC,IAAIwH,aAAavF,iBAAiBgB,OAAO;QAEzC,MAAMwE,kBAAkBpI,eACtB4C,iBAAiBgB,OAAO,EACxB0B,KAAK,CAACA,MAAMnB,MAAM,GAAG,EAAE,EACvB5B;QAEF;;;;KAIC,GACD,IAAI4C,WAAWG,KAAK,CAAC,EAAE,IAAI8C,iBAAiB;YAC1C,MAAMC,UAAUpI,eACdsE,KAAK0B,GAAG,CAACX,KAAK,CAACA,MAAMnB,MAAM,GAAG,EAAE,IAAID,MAAM,CAACA,OAAOC,MAAM,GAAG,EAAE,CAACsB,KAAK,EACnElD;YAEF,MAAM+F,WAAWD,UAAUF;YAC3BnF,oBACEC,mBAAmB,CAACsF;gBAClB,MAAMlE,SAAS8D,aAAaI,WAAWD,WAAW,CAAC;gBAEnDlE,mBAAmBC;gBAEnB,IAAIA,UAAUiB,KAAK,CAACA,MAAMnB,MAAM,GAAG,EAAE,GAAGD,MAAM,CAACA,OAAOC,MAAM,GAAG,EAAE,CAACsB,KAAK,EAAE;oBACvEM,sBAAsB;wBACpBnD,iBAAiBgB,OAAO,GAAGuB;wBAC3Bf,mBAAmBkB,KAAK,CAAC,EAAE;oBAC7B;gBACF;YACF;QAEF;;;;OAIC,GACH,OAAO,IAAIH,WAAWG,KAAK,CAACA,MAAMnB,MAAM,GAAG,EAAE,IAAIvB,iBAAiBgB,OAAO,KAAK0B,KAAK,CAAC,EAAE,EAAE;YACtF6C,aAAahD,SAASlF,eAAeiE,MAAM,CAACA,OAAOC,MAAM,GAAG,EAAE,CAACsB,KAAK,EAAElD;YAEtES,oBAAoB;gBAClB+C,sBAAsB;oBACpB,MAAM1B,SAASc,SAASlF,eAAeiE,MAAM,CAACA,OAAOC,MAAM,GAAG,EAAE,CAACsB,KAAK,EAAElD;oBACxE6B,mBAAmBC;oBAEnBpB,mBAAmB,CAACsF;wBAClB,MAAMC,OAAOvI,eAAesI,WAAWrE,MAAM,CAACA,OAAOC,MAAM,GAAG,EAAE,CAACsB,KAAK,EAAElD;wBACxE6B,mBAAmB+D,aAAaK;oBAClC;gBACF;YACF;QACA;;OAEC,GACH,OAAO;YACLxF,oBAAoB;gBAClB,MAAMsF,WAAW/D,KAAK0B,GAAG,CAACd,SAASgD;gBACnC,IAAIM,YAAYN,cAAchD,SAAS,IAAI,CAAC;gBAE5ClC,mBAAmB,CAACsF;oBAClB,MAAMlE,SAAS8D,aAAaI,WAAWD,WAAWG;oBAClDrE,mBAAmBC;gBACrB;YACF;QACF;IACF;IAEA,MAAMqE,2BAA2B;QAC/B,MAAM,EAAEpD,KAAK,EAAE,GAAGjD,cAAcuB,OAAO;QACvCgC,iBAAiBN,KAAK,CAAC3E,WAAW,EAAE;IACtC;IAEA5B,0BACE,SAAS4J;QACP,IAAI,CAAC7F,YAAYc,OAAO,EAAE;YACxB;QACF;QACA,MAAM,EAAE0B,KAAK,EAAE,GAAGjD,cAAcuB,OAAO;QACvC,MAAMuB,SAASG,KAAK,CAAC3E,WAAW;QAEhC,IAAIiB,QAAQ;YACVsG;QACF,OAAO;YACLQ;QACF;QAEAxF;QAEAN,iBAAiBgB,OAAO,GAAGuB;QAE3B9B,wBAAwB,CAACuF,IAAO,CAAA;gBAC9B,GAAGA,CAAC;gBACJf,cAAclE;gBACdmE,eAAe/D;YACjB,CAAA;IACF,GACA;QAACpD;KAAW;IAGd5B,0BACE,SAAS8J;QACPxF,wBAAwB,CAACuF,IAAO,CAAA;gBAC9B,GAAGA,CAAC;gBACJb,aAAa,CAAEnH,CAAAA,gBAAgByB,cAAcuB,OAAO,CAACC,cAAc,AAAD;YACpE,CAAA;IACF,GACA;QAACjD;KAAa;IAGhBhC,oBAAoB8D,UAAUwD;IAE9BnH,0BAA0BmH,kBAAkB;QAAC/E;QAAOT;QAAYkB;QAAQW;KAAM;IAE9E,MAAMuG,4BAA4B;QAChC,OAAOzG,cAAcuB,OAAO,CAACM,MAAM,CAACvD,WAAW,CAAC8E,KAAK,GAAGlG;IAC1D;IAEA,MAAMwJ,YAAY,CAACC;QACjB,IAAIrI,aAAa,GAAG;YAClBiC,iBAAiBgB,OAAO,IAAI3D,eAAe6I,6BAA6BvG;QAC1E;QACAvB,WACE,AAACL,CAAAA,aAAa,IAAI0B,cAAcuB,OAAO,CAACM,MAAM,CAACC,MAAM,AAAD,IAAK9B,cAAcuB,OAAO,CAACM,MAAM,CAACC,MAAM;QAE9FlD,cAAc+H;IAChB;IAEA,MAAMC,aAAa,CAACD;QAClB,IAAIrI,aAAa0B,cAAcuB,OAAO,CAACM,MAAM,CAACC,MAAM,GAAG,GAAG;YACxDvB,iBAAiBgB,OAAO,IAAI3D,eAAe6I,6BAA6BvG;QAC1E;QACAvB,WAAW,AAACL,CAAAA,aAAa,CAAA,IAAK0B,cAAcuB,OAAO,CAACM,MAAM,CAACC,MAAM;QACjEjD,cAAc8H;IAChB;IAEA,MAAME,UAAU,CAACC;QACfA,EAAEC,aAAa,CAACC,eAAe;QAC/B,IAAIjG,qBAAqB2E,WAAW,EAAE;YACpCjH,cAAcqI;YACdvG,iBAAiBgB,OAAO,GAAGvB,cAAcuB,OAAO,CAAC0B,KAAK,CAAC3E,WAAW;YAClEkC,eAAee,OAAO,GAAG;QAC3B;IACF;IAEA,MAAM0F,UAAU,CAACH;QACf,IAAI/F,qBAAqB2E,WAAW,EAAE;YACpCoB,EAAEC,aAAa,CAACG,cAAc;YAE9B,IAAIJ,EAAEK,QAAQ,EAAE;gBACdrG,WAAWS,OAAO,GAAG;gBACrB,IAAIf,eAAee,OAAO,KAAKuF,EAAE9E,MAAM,EAAE;oBACvCxB,eAAee,OAAO,GAAGuF,EAAE9E,MAAM;oBACjCuB,iBAAiBhD,iBAAiBgB,OAAO,GAAGf,eAAee,OAAO;gBACpE;YACF;QACF;IACF;IAEA,MAAM6F,QAAQ,CAACN;QACb,IAAI/F,qBAAqB2E,WAAW,EAAE;YACpC5E,WAAWS,OAAO,GAAG;YACrB,IAAI8D,cAAc/G;YAClB,IAAIwI,EAAEO,OAAO,EAAE;gBACbhC,cAAc7H,eAAe;oBAC3BqE,QAAQ7B,cAAcuB,OAAO,CAACM,MAAM;oBACpCvD;oBACAgJ,eAAe/G,iBAAiBgB,OAAO;oBACvCgG,oBAAoB/G,eAAee,OAAO;oBAC1C2D,KAAKlF,cAAcuB,OAAO,CAAC2D,GAAG;oBAC9B3F;oBACAW;gBACF;YACF;YACAxB,YAAYoI,GAAGzB;YAEf,IAAIA,gBAAgB/G,YAAY;gBAC9BiC,iBAAiBgB,OAAO,GAAGhB,iBAAiBgB,OAAO,GAAGf,eAAee,OAAO;gBAC5E5C,WAAW0G;YACb,OAAO;gBACL,MAAMmC,gBAAgBxH,cAAcuB,OAAO,CAAC0B,KAAK,CAACoC,YAAY;gBAC9D9B,iBAAiBiE,eAAe;YAClC;QACF;IACF;IAEA,MAAMC,cAAc,CAACC,UAAiCpJ;QACpDwB,YAAYyB,OAAO,CAACjD,WAAW,GAAGoJ;IACpC;IAEA,MAAM,EAAEhC,WAAW,EAAED,aAAa,EAAED,YAAY,EAAE,GAAGzE;IAErD,MAAM4G,sCAAsC,CAAChB;QAC3C9G,UAAU+H,QAAQ,GAAGjB;QACrB,IAAIxG,QAAQoB,OAAO,EAAE;YACnBoF,MAAMkB,aAAa,CAACC,UAAU,GAAG;QACnC;IACF;IAEA,qBACE,MAAClL;QACE,GAAGiD,SAAS;QACbkI,MAAK;QACLH,UAAUD;QACVK,wBAAsBxI;QACtByI,eAAe9L,WACb4B,OAAOmK,IAAI,EACX7J,eAAe,YAAYN,OAAOoK,WAAW,EAC7CzC,eAAe3H,OAAOqK,SAAS;QAEjCjK,YAAYgC;;0BAEZ,KAACpD;gBACCmE,YAAYA;gBACZsE,cAAcA;gBACdC,eAAeA;gBACf4C,cAAczB;gBACd0B,aAAa5B;gBACb3H,YAAYA;gBACZE,WAAWA;gBACXC,iBAAiBA;gBACjBQ,gBAAgBA;gBAChBD,gBAAgBA;gBAChBH,iBAAiBA;gBACjBD,iBAAiBA;gBACjB8B,mBAAmBA;;0BAErB,KAACrE;gBACCuB,YAAYA;gBACZc,aAAaA;gBACb0H,SAASA;gBACTI,SAASA;gBACTG,OAAOA;gBACPjJ,YAAYiC;gBACZC,UAAUA;gBACVoH,aAAaA;gBACbtG,mBAAmBA;gBACnBxB,YAAYA;gBACZC,sBAAsBA;gBACtBjB,UAAUA;0BAETP;;YAGFF,yBACC,KAACrB;gBACCqB,SAASA;gBACTI,YAAYA;gBACZiK,OAAOrM,MAAMkI,QAAQ,CAACmE,KAAK,CAACnK;gBAC5BgB,cAAcA;;;;AAKxB,EAAE"}

package/dist/cssm/components/CarouselBase/CarouselBase.module.css

@@ -83,6 +83,7 @@
 
 .arrow {
   position: absolute;
+  z-index: var(--vkui_internal--z_index_gallery_scroll_arrow);
   opacity: 0;
 }
 
@@ -111,6 +112,7 @@
   opacity: var(--vkui--opacity_disable_accessibility);
 }
 
+.arrowFocusVisible,
 .host .arrow:hover {
   opacity: 1;
 }

package/dist/cssm/components/CarouselBase/CarouselViewPort.js

@@ -3,7 +3,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable jsdoc/require-jsdoc */ import * as React from "react";
 import { Touch } from "../Touch/Touch.js";
 import styles from "./CarouselBase.module.css";
-export const CarouselViewPort = ({ slideTestId, slideWidth, onStart, onMoveX, onEnd, getRootRef, layerRef, children, setSlideRef })=>{
+const defaultSlideLabel = (index, slidesCount)=>`${index + 1} из ${slidesCount}`;
+export const CarouselViewPort = ({ slideTestId, slideWidth, slideLabel = defaultSlideLabel, slideRoleDescription = 'Слайд', onChange, onStart, onMoveX, onEnd, getRootRef, layerRef, children, setSlideRef, slidesContainerId })=>{
+    const slidesCount = React.Children.count(children);
+    const onSlideFocus = React.useCallback((e)=>onChange?.(Number(e.currentTarget.dataset.index)), [
+        onChange
+    ]);
     return /*#__PURE__*/ _jsx(Touch, {
         className: styles.viewport,
         onStartX: onStart,
@@ -17,10 +22,17 @@ export const CarouselViewPort = ({ slideTestId, slideWidth, onStart, onMoveX, on
         children: /*#__PURE__*/ _jsx("div", {
             className: styles.layer,
             ref: layerRef,
+            id: slidesContainerId,
             children: React.Children.map(children, (item, i)=>/*#__PURE__*/ _jsx("div", {
+                    role: "group",
+                    "aria-roledescription": slideRoleDescription,
+                    "aria-label": typeof slideLabel === 'function' ? slideLabel(i, slidesCount) : slideLabel,
                     className: styles.slide,
                     "data-testid": slideTestId?.(i),
                     ref: (el)=>setSlideRef(el, i),
+                    "data-index": i,
+                    tabIndex: 0,
+                    onFocus: onSlideFocus,
                     children: item
                 }, `slide-${i}`))
         })

package/dist/cssm/components/CarouselBase/CarouselViewPort.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CarouselBase/CarouselViewPort.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport * as React from 'react';\nimport { type HasChildren, type HasRootRef } from '../../types';\nimport { type CustomTouchEvent, Touch } from '../Touch/Touch';\nimport { type BaseGalleryProps } from './types';\nimport styles from './CarouselBase.module.css';\n\ntype GalleryViewPortProps = Pick<BaseGalleryProps, 'slideWidth' | 'slideTestId'> &\n  HasRootRef<HTMLElement> &\n  HasChildren & {\n    onStart: (e: CustomTouchEvent) => void;\n    onMoveX: (e: CustomTouchEvent) => void;\n    onEnd: (e: CustomTouchEvent) => void;\n    setSlideRef: (slideRef: HTMLDivElement | null, slideIndex: number) => void;\n    layerRef?: React.Ref<HTMLDivElement>;\n  };\n\nexport const CarouselViewPort = ({\n  slideTestId,\n  slideWidth,\n  onStart,\n  onMoveX,\n  onEnd,\n  getRootRef,\n  layerRef,\n  children,\n  setSlideRef,\n}: GalleryViewPortProps) => {\n  return (\n    <Touch\n      className={styles.viewport}\n      onStartX={onStart}\n      onMoveX={onMoveX}\n      onEnd={onEnd}\n      style={{ width: slideWidth === 'custom' ? '100%' : slideWidth }}\n      noSlideClick\n      getRootRef={getRootRef}\n    >\n      <div className={styles.layer} ref={layerRef}>\n        {React.Children.map(children, (item: React.ReactNode, i: number) => (\n          <div\n            className={styles.slide}\n            key={`slide-${i}`}\n            data-testid={slideTestId?.(i)}\n            ref={(el) => setSlideRef(el, i)}\n          >\n            {item}\n          </div>\n        ))}\n      </div>\n    </Touch>\n  );\n};\n"],"names":["React","Touch","styles","CarouselViewPort","slideTestId","slideWidth","onStart","onMoveX","onEnd","getRootRef","layerRef","children","setSlideRef","className","viewport","onStartX","style","width","noSlideClick","div","layer","ref","Children","map","item","i","slide","data-testid","el"],"mappings":"AAAA;;AACA,sCAAsC,GAEtC,YAAYA,WAAW,QAAQ;AAE/B,SAAgCC,KAAK,QAAQ,oBAAiB;AAE9D,OAAOC,YAAY,4BAA4B;AAY/C,OAAO,MAAMC,mBAAmB,CAAC,EAC/BC,WAAW,EACXC,UAAU,EACVC,OAAO,EACPC,OAAO,EACPC,KAAK,EACLC,UAAU,EACVC,QAAQ,EACRC,QAAQ,EACRC,WAAW,EACU;IACrB,qBACE,KAACX;QACCY,WAAWX,OAAOY,QAAQ;QAC1BC,UAAUT;QACVC,SAASA;QACTC,OAAOA;QACPQ,OAAO;YAAEC,OAAOZ,eAAe,WAAW,SAASA;QAAW;QAC9Da,YAAY;QACZT,YAAYA;kBAEZ,cAAA,KAACU;YAAIN,WAAWX,OAAOkB,KAAK;YAAEC,KAAKX;sBAChCV,MAAMsB,QAAQ,CAACC,GAAG,CAACZ,UAAU,CAACa,MAAuBC,kBACpD,KAACN;oBACCN,WAAWX,OAAOwB,KAAK;oBAEvBC,eAAavB,cAAcqB;oBAC3BJ,KAAK,CAACO,KAAOhB,YAAYgB,IAAIH;8BAE5BD;mBAJI,CAAC,MAAM,EAAEC,GAAG;;;AAU7B,EAAE"}
+{"version":3,"sources":["../../../../src/components/CarouselBase/CarouselViewPort.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport * as React from 'react';\nimport { type HasChildren, type HasRootRef } from '../../types';\nimport { type CustomTouchEvent, Touch } from '../Touch/Touch';\nimport { type BaseGalleryProps } from './types';\nimport styles from './CarouselBase.module.css';\n\ntype GalleryViewPortProps = Pick<\n  BaseGalleryProps,\n  'slideWidth' | 'slideTestId' | 'slideRoleDescription' | 'slideLabel' | 'onChange'\n> &\n  HasRootRef<HTMLElement> &\n  HasChildren & {\n    onStart: (e: CustomTouchEvent) => void;\n    onMoveX: (e: CustomTouchEvent) => void;\n    onEnd: (e: CustomTouchEvent) => void;\n    setSlideRef: (slideRef: HTMLDivElement | null, slideIndex: number) => void;\n    layerRef?: React.Ref<HTMLDivElement>;\n    slidesContainerId: string;\n  };\n\nconst defaultSlideLabel = (index: number, slidesCount: number) => `${index + 1} из ${slidesCount}`;\n\nexport const CarouselViewPort = ({\n  slideTestId,\n  slideWidth,\n  slideLabel = defaultSlideLabel,\n  slideRoleDescription = 'Слайд',\n  onChange,\n  onStart,\n  onMoveX,\n  onEnd,\n  getRootRef,\n  layerRef,\n  children,\n  setSlideRef,\n  slidesContainerId,\n}: GalleryViewPortProps) => {\n  const slidesCount = React.Children.count(children);\n\n  const onSlideFocus = React.useCallback(\n    (e: React.FocusEvent<HTMLDivElement>) => onChange?.(Number(e.currentTarget.dataset.index)),\n    [onChange],\n  );\n\n  return (\n    <Touch\n      className={styles.viewport}\n      onStartX={onStart}\n      onMoveX={onMoveX}\n      onEnd={onEnd}\n      style={{ width: slideWidth === 'custom' ? '100%' : slideWidth }}\n      noSlideClick\n      getRootRef={getRootRef}\n    >\n      <div className={styles.layer} ref={layerRef} id={slidesContainerId}>\n        {React.Children.map(children, (item: React.ReactNode, i: number) => (\n          <div\n            role=\"group\"\n            aria-roledescription={slideRoleDescription}\n            aria-label={typeof slideLabel === 'function' ? slideLabel(i, slidesCount) : slideLabel}\n            className={styles.slide}\n            key={`slide-${i}`}\n            data-testid={slideTestId?.(i)}\n            ref={(el) => setSlideRef(el, i)}\n            data-index={i}\n            tabIndex={0}\n            onFocus={onSlideFocus}\n          >\n            {item}\n          </div>\n        ))}\n      </div>\n    </Touch>\n  );\n};\n"],"names":["React","Touch","styles","defaultSlideLabel","index","slidesCount","CarouselViewPort","slideTestId","slideWidth","slideLabel","slideRoleDescription","onChange","onStart","onMoveX","onEnd","getRootRef","layerRef","children","setSlideRef","slidesContainerId","Children","count","onSlideFocus","useCallback","e","Number","currentTarget","dataset","className","viewport","onStartX","style","width","noSlideClick","div","layer","ref","id","map","item","i","role","aria-roledescription","aria-label","slide","data-testid","el","data-index","tabIndex","onFocus"],"mappings":"AAAA;;AACA,sCAAsC,GAEtC,YAAYA,WAAW,QAAQ;AAE/B,SAAgCC,KAAK,QAAQ,oBAAiB;AAE9D,OAAOC,YAAY,4BAA4B;AAgB/C,MAAMC,oBAAoB,CAACC,OAAeC,cAAwB,GAAGD,QAAQ,EAAE,IAAI,EAAEC,aAAa;AAElG,OAAO,MAAMC,mBAAmB,CAAC,EAC/BC,WAAW,EACXC,UAAU,EACVC,aAAaN,iBAAiB,EAC9BO,uBAAuB,OAAO,EAC9BC,QAAQ,EACRC,OAAO,EACPC,OAAO,EACPC,KAAK,EACLC,UAAU,EACVC,QAAQ,EACRC,QAAQ,EACRC,WAAW,EACXC,iBAAiB,EACI;IACrB,MAAMd,cAAcL,MAAMoB,QAAQ,CAACC,KAAK,CAACJ;IAEzC,MAAMK,eAAetB,MAAMuB,WAAW,CACpC,CAACC,IAAwCb,WAAWc,OAAOD,EAAEE,aAAa,CAACC,OAAO,CAACvB,KAAK,IACxF;QAACO;KAAS;IAGZ,qBACE,KAACV;QACC2B,WAAW1B,OAAO2B,QAAQ;QAC1BC,UAAUlB;QACVC,SAASA;QACTC,OAAOA;QACPiB,OAAO;YAAEC,OAAOxB,eAAe,WAAW,SAASA;QAAW;QAC9DyB,YAAY;QACZlB,YAAYA;kBAEZ,cAAA,KAACmB;YAAIN,WAAW1B,OAAOiC,KAAK;YAAEC,KAAKpB;YAAUqB,IAAIlB;sBAC9CnB,MAAMoB,QAAQ,CAACkB,GAAG,CAACrB,UAAU,CAACsB,MAAuBC,kBACpD,KAACN;oBACCO,MAAK;oBACLC,wBAAsBhC;oBACtBiC,cAAY,OAAOlC,eAAe,aAAaA,WAAW+B,GAAGnC,eAAeI;oBAC5EmB,WAAW1B,OAAO0C,KAAK;oBAEvBC,eAAatC,cAAciC;oBAC3BJ,KAAK,CAACU,KAAO5B,YAAY4B,IAAIN;oBAC7BO,cAAYP;oBACZQ,UAAU;oBACVC,SAAS3B;8BAERiB;mBAPI,CAAC,MAAM,EAAEC,GAAG;;;AAa7B,EAAE"}

package/dist/cssm/components/CarouselBase/ScrollArrows.js

@@ -2,33 +2,40 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /* eslint-disable jsdoc/require-jsdoc */ import * as React from "react";
 import { classNames } from "@vkontakte/vkjs";
+import { useFocusVisible } from "../../hooks/useFocusVisible.js";
 import { ScrollArrow } from "../ScrollArrow/ScrollArrow.js";
 import styles from "./CarouselBase.module.css";
 const stylesArrowAreaHeight = {
     stretch: styles.arrowAreaStretch,
     fit: styles.arrowAreaFit
 };
-export const getArrowClassName = (side, arrowAreaHeight)=>{
-    return classNames(styles.arrow, side === 'start' ? styles.arrowStart : styles.arrowEnd, stylesArrowAreaHeight[arrowAreaHeight]);
+export const getArrowClassName = (side, arrowAreaHeight, focusVisible)=>{
+    return classNames(styles.arrow, side === 'start' ? styles.arrowStart : styles.arrowEnd, stylesArrowAreaHeight[arrowAreaHeight], focusVisible && styles.arrowFocusVisible);
 };
-export const ScrollArrows = ({ hasPointer, canSlideLeft, canSlideRight, onSlideRight, onSlideLeft, showArrows = false, arrowSize = 'm', arrowAreaHeight = 'stretch', arrowPrevLabel, arrowNextLabel, nextArrowTestId, prevArrowTestId })=>{
+export const ScrollArrows = ({ hasPointer, canSlideLeft, canSlideRight, onSlideRight, onSlideLeft, showArrows = false, arrowSize = 'm', arrowAreaHeight = 'stretch', arrowPrevLabel, arrowNextLabel, nextArrowTestId, prevArrowTestId, slidesContainerId })=>{
+    const { focusVisible: prevArrowFocusVisible, ...prevArrowFocusHandlers } = useFocusVisible();
+    const { focusVisible: nextArrowFocusVisible, ...nextArrowFocusHandlers } = useFocusVisible();
     return showArrows && hasPointer ? /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
             canSlideLeft && /*#__PURE__*/ _jsx(ScrollArrow, {
-                className: getArrowClassName('start', arrowAreaHeight),
+                className: getArrowClassName('start', arrowAreaHeight, prevArrowFocusVisible),
                 direction: "left",
                 onClick: onSlideLeft,
                 size: arrowSize,
                 "data-testid": prevArrowTestId,
-                label: arrowPrevLabel
+                label: arrowPrevLabel,
+                "aria-controls": slidesContainerId,
+                ...prevArrowFocusHandlers
             }),
             canSlideRight && /*#__PURE__*/ _jsx(ScrollArrow, {
-                className: getArrowClassName('end', arrowAreaHeight),
+                className: getArrowClassName('end', arrowAreaHeight, nextArrowFocusVisible),
                 direction: "right",
                 onClick: onSlideRight,
                 size: arrowSize,
                 "data-testid": nextArrowTestId,
-                label: arrowNextLabel
+                label: arrowNextLabel,
+                "aria-controls": slidesContainerId,
+                ...nextArrowFocusHandlers
             })
         ]
     }) : null;

package/dist/cssm/components/CarouselBase/ScrollArrows.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CarouselBase/ScrollArrows.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ScrollArrow } from '../ScrollArrow/ScrollArrow';\nimport { type BaseGalleryProps } from './types';\nimport styles from './CarouselBase.module.css';\n\nconst stylesArrowAreaHeight = {\n  stretch: styles.arrowAreaStretch,\n  fit: styles.arrowAreaFit,\n};\n\nexport const getArrowClassName = (\n  side: 'start' | 'end',\n  arrowAreaHeight: Exclude<BaseGalleryProps['arrowAreaHeight'], undefined>,\n) => {\n  return classNames(\n    styles.arrow,\n    side === 'start' ? styles.arrowStart : styles.arrowEnd,\n    stylesArrowAreaHeight[arrowAreaHeight],\n  );\n};\n\nexport interface ScrollArrowsTestIds {\n  /**\n   * Передает атрибут `data-testid` для кнопки перехода к следующему слайду.\n   */\n  nextArrowTestId?: string;\n  /**\n   * Передает атрибут `data-testid` для кнопки перехода к предыдущему слайду.\n   */\n  prevArrowTestId?: string;\n}\n\ninterface ScrollArrowsProps\n  extends Pick<\n      BaseGalleryProps,\n      'showArrows' | 'arrowSize' | 'arrowAreaHeight' | 'arrowPrevLabel' | 'arrowNextLabel'\n    >,\n    ScrollArrowsTestIds {\n  hasPointer?: boolean;\n  canSlideLeft: boolean;\n  canSlideRight: boolean;\n  onSlideLeft: (e: React.MouseEvent) => void;\n  onSlideRight: (e: React.MouseEvent) => void;\n}\n\nexport const ScrollArrows = ({\n  hasPointer,\n  canSlideLeft,\n  canSlideRight,\n  onSlideRight,\n  onSlideLeft,\n  showArrows = false,\n  arrowSize = 'm',\n  arrowAreaHeight = 'stretch',\n  arrowPrevLabel,\n  arrowNextLabel,\n  nextArrowTestId,\n  prevArrowTestId,\n}: ScrollArrowsProps) => {\n  return showArrows && hasPointer ? (\n    <>\n      {canSlideLeft && (\n        <ScrollArrow\n          className={getArrowClassName('start', arrowAreaHeight)}\n          direction=\"left\"\n          onClick={onSlideLeft}\n          size={arrowSize}\n          data-testid={prevArrowTestId}\n          label={arrowPrevLabel}\n        />\n      )}\n      {canSlideRight && (\n        <ScrollArrow\n          className={getArrowClassName('end', arrowAreaHeight)}\n          direction=\"right\"\n          onClick={onSlideRight}\n          size={arrowSize}\n          data-testid={nextArrowTestId}\n          label={arrowNextLabel}\n        />\n      )}\n    </>\n  ) : null;\n};\n"],"names":["React","classNames","ScrollArrow","styles","stylesArrowAreaHeight","stretch","arrowAreaStretch","fit","arrowAreaFit","getArrowClassName","side","arrowAreaHeight","arrow","arrowStart","arrowEnd","ScrollArrows","hasPointer","canSlideLeft","canSlideRight","onSlideRight","onSlideLeft","showArrows","arrowSize","arrowPrevLabel","arrowNextLabel","nextArrowTestId","prevArrowTestId","className","direction","onClick","size","data-testid","label"],"mappings":"AAAA;;AACA,sCAAsC,GAEtC,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,WAAW,QAAQ,gCAA6B;AAEzD,OAAOC,YAAY,4BAA4B;AAE/C,MAAMC,wBAAwB;IAC5BC,SAASF,OAAOG,gBAAgB;IAChCC,KAAKJ,OAAOK,YAAY;AAC1B;AAEA,OAAO,MAAMC,oBAAoB,CAC/BC,MACAC;IAEA,OAAOV,WACLE,OAAOS,KAAK,EACZF,SAAS,UAAUP,OAAOU,UAAU,GAAGV,OAAOW,QAAQ,EACtDV,qBAAqB,CAACO,gBAAgB;AAE1C,EAAE;AA0BF,OAAO,MAAMI,eAAe,CAAC,EAC3BC,UAAU,EACVC,YAAY,EACZC,aAAa,EACbC,YAAY,EACZC,WAAW,EACXC,aAAa,KAAK,EAClBC,YAAY,GAAG,EACfX,kBAAkB,SAAS,EAC3BY,cAAc,EACdC,cAAc,EACdC,eAAe,EACfC,eAAe,EACG;IAClB,OAAOL,cAAcL,2BACnB;;YACGC,8BACC,KAACf;gBACCyB,WAAWlB,kBAAkB,SAASE;gBACtCiB,WAAU;gBACVC,SAAST;gBACTU,MAAMR;gBACNS,eAAaL;gBACbM,OAAOT;;YAGVL,+BACC,KAAChB;gBACCyB,WAAWlB,kBAAkB,OAAOE;gBACpCiB,WAAU;gBACVC,SAASV;gBACTW,MAAMR;gBACNS,eAAaN;gBACbO,OAAOR;;;SAIX;AACN,EAAE"}
+{"version":3,"sources":["../../../../src/components/CarouselBase/ScrollArrows.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useFocusVisible } from '../../hooks/useFocusVisible';\nimport { ScrollArrow } from '../ScrollArrow/ScrollArrow';\nimport { type BaseGalleryProps } from './types';\nimport styles from './CarouselBase.module.css';\n\nconst stylesArrowAreaHeight = {\n  stretch: styles.arrowAreaStretch,\n  fit: styles.arrowAreaFit,\n};\n\nexport const getArrowClassName = (\n  side: 'start' | 'end',\n  arrowAreaHeight: Exclude<BaseGalleryProps['arrowAreaHeight'], undefined>,\n  focusVisible: boolean,\n) => {\n  return classNames(\n    styles.arrow,\n    side === 'start' ? styles.arrowStart : styles.arrowEnd,\n    stylesArrowAreaHeight[arrowAreaHeight],\n    focusVisible && styles.arrowFocusVisible,\n  );\n};\n\nexport interface ScrollArrowsTestIds {\n  /**\n   * Передает атрибут `data-testid` для кнопки перехода к следующему слайду.\n   */\n  nextArrowTestId?: string;\n  /**\n   * Передает атрибут `data-testid` для кнопки перехода к предыдущему слайду.\n   */\n  prevArrowTestId?: string;\n}\n\ninterface ScrollArrowsProps\n  extends Pick<\n      BaseGalleryProps,\n      'showArrows' | 'arrowSize' | 'arrowAreaHeight' | 'arrowPrevLabel' | 'arrowNextLabel'\n    >,\n    ScrollArrowsTestIds {\n  hasPointer?: boolean;\n  canSlideLeft: boolean;\n  canSlideRight: boolean;\n  onSlideLeft: (e: React.MouseEvent) => void;\n  onSlideRight: (e: React.MouseEvent) => void;\n  slidesContainerId: string;\n}\n\nexport const ScrollArrows = ({\n  hasPointer,\n  canSlideLeft,\n  canSlideRight,\n  onSlideRight,\n  onSlideLeft,\n  showArrows = false,\n  arrowSize = 'm',\n  arrowAreaHeight = 'stretch',\n  arrowPrevLabel,\n  arrowNextLabel,\n  nextArrowTestId,\n  prevArrowTestId,\n  slidesContainerId,\n}: ScrollArrowsProps) => {\n  const { focusVisible: prevArrowFocusVisible, ...prevArrowFocusHandlers } = useFocusVisible();\n  const { focusVisible: nextArrowFocusVisible, ...nextArrowFocusHandlers } = useFocusVisible();\n\n  return showArrows && hasPointer ? (\n    <>\n      {canSlideLeft && (\n        <ScrollArrow\n          className={getArrowClassName('start', arrowAreaHeight, prevArrowFocusVisible)}\n          direction=\"left\"\n          onClick={onSlideLeft}\n          size={arrowSize}\n          data-testid={prevArrowTestId}\n          label={arrowPrevLabel}\n          aria-controls={slidesContainerId}\n          {...prevArrowFocusHandlers}\n        />\n      )}\n      {canSlideRight && (\n        <ScrollArrow\n          className={getArrowClassName('end', arrowAreaHeight, nextArrowFocusVisible)}\n          direction=\"right\"\n          onClick={onSlideRight}\n          size={arrowSize}\n          data-testid={nextArrowTestId}\n          label={arrowNextLabel}\n          aria-controls={slidesContainerId}\n          {...nextArrowFocusHandlers}\n        />\n      )}\n    </>\n  ) : null;\n};\n"],"names":["React","classNames","useFocusVisible","ScrollArrow","styles","stylesArrowAreaHeight","stretch","arrowAreaStretch","fit","arrowAreaFit","getArrowClassName","side","arrowAreaHeight","focusVisible","arrow","arrowStart","arrowEnd","arrowFocusVisible","ScrollArrows","hasPointer","canSlideLeft","canSlideRight","onSlideRight","onSlideLeft","showArrows","arrowSize","arrowPrevLabel","arrowNextLabel","nextArrowTestId","prevArrowTestId","slidesContainerId","prevArrowFocusVisible","prevArrowFocusHandlers","nextArrowFocusVisible","nextArrowFocusHandlers","className","direction","onClick","size","data-testid","label","aria-controls"],"mappings":"AAAA;;AACA,sCAAsC,GAEtC,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,eAAe,QAAQ,iCAA8B;AAC9D,SAASC,WAAW,QAAQ,gCAA6B;AAEzD,OAAOC,YAAY,4BAA4B;AAE/C,MAAMC,wBAAwB;IAC5BC,SAASF,OAAOG,gBAAgB;IAChCC,KAAKJ,OAAOK,YAAY;AAC1B;AAEA,OAAO,MAAMC,oBAAoB,CAC/BC,MACAC,iBACAC;IAEA,OAAOZ,WACLG,OAAOU,KAAK,EACZH,SAAS,UAAUP,OAAOW,UAAU,GAAGX,OAAOY,QAAQ,EACtDX,qBAAqB,CAACO,gBAAgB,EACtCC,gBAAgBT,OAAOa,iBAAiB;AAE5C,EAAE;AA2BF,OAAO,MAAMC,eAAe,CAAC,EAC3BC,UAAU,EACVC,YAAY,EACZC,aAAa,EACbC,YAAY,EACZC,WAAW,EACXC,aAAa,KAAK,EAClBC,YAAY,GAAG,EACfb,kBAAkB,SAAS,EAC3Bc,cAAc,EACdC,cAAc,EACdC,eAAe,EACfC,eAAe,EACfC,iBAAiB,EACC;IAClB,MAAM,EAAEjB,cAAckB,qBAAqB,EAAE,GAAGC,wBAAwB,GAAG9B;IAC3E,MAAM,EAAEW,cAAcoB,qBAAqB,EAAE,GAAGC,wBAAwB,GAAGhC;IAE3E,OAAOsB,cAAcL,2BACnB;;YACGC,8BACC,KAACjB;gBACCgC,WAAWzB,kBAAkB,SAASE,iBAAiBmB;gBACvDK,WAAU;gBACVC,SAASd;gBACTe,MAAMb;gBACNc,eAAaV;gBACbW,OAAOd;gBACPe,iBAAeX;gBACd,GAAGE,sBAAsB;;YAG7BX,+BACC,KAAClB;gBACCgC,WAAWzB,kBAAkB,OAAOE,iBAAiBqB;gBACrDG,WAAU;gBACVC,SAASf;gBACTgB,MAAMb;gBACNc,eAAaX;gBACbY,OAAOb;gBACPc,iBAAeX;gBACd,GAAGI,sBAAsB;;;SAI9B;AACN,EAAE"}

package/dist/cssm/components/CarouselBase/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CarouselBase/types.ts"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\nimport type * as React from 'react';\nimport type { HasAlign, HasRef, HTMLAttributesWithRootRef, LiteralUnion } from '../../types';\nimport type { ScrollArrowProps } from '../ScrollArrow/ScrollArrow';\nimport type { CustomTouchEvent, CustomTouchEventHandler } from '../Touch/Touch';\nimport { type BulletsTestIds } from './Bullets';\nimport { type ScrollArrowsTestIds } from './ScrollArrows';\n\nexport interface GallerySlidesState {\n  coordX: number;\n  width: number;\n}\n\nexport interface LayoutState {\n  containerWidth: number;\n  viewportOffsetWidth: number;\n  layerWidth: number;\n  min?: number;\n  max: number;\n  slides: GallerySlidesState[];\n  isFullyVisible: boolean;\n}\n\nexport interface LoopPoint {\n  /**\n   * Индекс слайда.\n   */\n  index: number;\n  /**\n   * Функция, которая по текущему сдвигу галереи определяет нужный сдвиг слайда.\n   */\n  target: (this: void, location: number) => void;\n}\n\nexport interface ControlElementsState {\n  /**\n   * Отвечает за отображение стрелки влево.\n   */\n  canSlideLeft: boolean;\n  /**\n   * Отвечает за отображение стрелки вправо.\n   */\n  canSlideRight: boolean;\n  /**\n   * Возможность листать слайды drag'ом.\n   */\n  isDraggable: boolean;\n}\n\nexport interface SlidesManagerState {\n  /**\n   * Общая ширина всех слайдов.\n   */\n  contentSize: number;\n  /**\n   * Массив с пограничными точками слайдов, которые необходимо смещать, чтобы они всегда были в области видимости\n   * (пример: для последнего слайда это n-первых слайдов, необходимых для заполнения оставшейся ширины,\n   * или для первого слайда это n-последних слайдов при выравнивании по центру).\n   */\n  loopPoints: LoopPoint[];\n  /**\n   * Массив с правыми границами слайдов.\n   */\n  snaps: number[];\n  /**\n   * Ширина видимой области слайдов.\n   */\n  viewportOffsetWidth: number;\n  /**\n   * Массив слайдов с координатой начала слайда и шириной.\n   */\n  slides: GallerySlidesState[];\n  /**\n   * Все слайды видимы без скрола.\n   */\n  isFullyVisible: boolean;\n  min: number | null;\n  max: number | null;\n  containerWidth: number;\n  layerWidth: number;\n}\n\nexport interface BaseGalleryProps\n  extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'onChange' | 'onDragStart' | 'onDragEnd'>,\n    HasAlign,\n    HasRef<HTMLElement>,\n    BulletsTestIds,\n    ScrollArrowsTestIds {\n  /**\n   * Размер слайда.\n   *\n   * Значение `\"custom\"` используется, если ширина у слайдов разная.\n   */\n  slideWidth?: LiteralUnion<'custom', string> | number;\n  slideIndex?: number;\n  onDragStart?: CustomTouchEventHandler;\n  onDragEnd?: (e: CustomTouchEvent, targetIndex: number) => void;\n  onChange?: (current: number) => void;\n  /**\n   * Будет вызвано при нажатии на кнопку-стрелку влево.\n   */\n  onPrevClick?: (event: React.MouseEvent) => void;\n  /**\n   * Будет вызвано при нажатии на кнопку-стрелку вправо.\n   */\n  onNextClick?: (event: React.MouseEvent) => void;\n  bullets?: 'dark' | 'light' | false;\n  /**\n   * Позволяет отключить реагирование на тач-события.\n   */\n  dragDisabled?: boolean;\n  showArrows?: boolean;\n  /**\n   * Размер активной зоны стрелок (в пикселях).\n   * Определяет область вокруг стрелок, реагирующую на взаимодействие пользователя. В дизайне свойство называется `arrowArea`.\n   */\n  arrowAreaHeight?: 'stretch' | 'fit';\n  hasPointer?: boolean;\n  arrowSize?: ScrollArrowProps['size'];\n  /**\n   * Текст для кнопки-стрелки влево (назад). Делает ее доступной для ассистивных технологий.\n   */\n  arrowPrevLabel?: string;\n  /**\n   * Текст для кнопки-стрелки вправо (вперед). Делает ее доступной для ассистивных технологий.\n   */\n  arrowNextLabel?: string;\n  /**\n   * Передает атрибут `data-testid` для слайда.\n   */\n  slideTestId?: (index: number) => string;\n  /**\n   * Включает зацикленность слайдов.\n   */\n  looped?: boolean;\n  /**\n   * Тип источника для отслеживания размера:\n   * - `window`: пересчет позиции слайдов будет происходить при изменении размеров `window`\n   * - `element`: пересчет позиции слайдов будет происходить при изменении размеров компонента.\n   */\n  resizeSource?: 'window' | 'element';\n}\n"],"names":[],"mappings":"AAAA,sCAAsC,GAkFtC,WA2DC"}
+{"version":3,"sources":["../../../../src/components/CarouselBase/types.ts"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\nimport type * as React from 'react';\nimport type { HasAlign, HasRef, HTMLAttributesWithRootRef, LiteralUnion } from '../../types';\nimport type { ScrollArrowProps } from '../ScrollArrow/ScrollArrow';\nimport type { CustomTouchEvent, CustomTouchEventHandler } from '../Touch/Touch';\nimport { type BulletsTestIds } from './Bullets';\nimport { type ScrollArrowsTestIds } from './ScrollArrows';\n\nexport interface GallerySlidesState {\n  coordX: number;\n  width: number;\n}\n\nexport interface LayoutState {\n  containerWidth: number;\n  viewportOffsetWidth: number;\n  layerWidth: number;\n  min?: number;\n  max: number;\n  slides: GallerySlidesState[];\n  isFullyVisible: boolean;\n}\n\nexport interface LoopPoint {\n  /**\n   * Индекс слайда.\n   */\n  index: number;\n  /**\n   * Функция, которая по текущему сдвигу галереи определяет нужный сдвиг слайда.\n   */\n  target: (this: void, location: number) => void;\n}\n\nexport interface ControlElementsState {\n  /**\n   * Отвечает за отображение стрелки влево.\n   */\n  canSlideLeft: boolean;\n  /**\n   * Отвечает за отображение стрелки вправо.\n   */\n  canSlideRight: boolean;\n  /**\n   * Возможность листать слайды drag'ом.\n   */\n  isDraggable: boolean;\n}\n\nexport interface SlidesManagerState {\n  /**\n   * Общая ширина всех слайдов.\n   */\n  contentSize: number;\n  /**\n   * Массив с пограничными точками слайдов, которые необходимо смещать, чтобы они всегда были в области видимости\n   * (пример: для последнего слайда это n-первых слайдов, необходимых для заполнения оставшейся ширины,\n   * или для первого слайда это n-последних слайдов при выравнивании по центру).\n   */\n  loopPoints: LoopPoint[];\n  /**\n   * Массив с правыми границами слайдов.\n   */\n  snaps: number[];\n  /**\n   * Ширина видимой области слайдов.\n   */\n  viewportOffsetWidth: number;\n  /**\n   * Массив слайдов с координатой начала слайда и шириной.\n   */\n  slides: GallerySlidesState[];\n  /**\n   * Все слайды видимы без скрола.\n   */\n  isFullyVisible: boolean;\n  min: number | null;\n  max: number | null;\n  containerWidth: number;\n  layerWidth: number;\n}\n\nexport interface BaseGalleryProps\n  extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'onChange' | 'onDragStart' | 'onDragEnd'>,\n    HasAlign,\n    HasRef<HTMLElement>,\n    BulletsTestIds,\n    ScrollArrowsTestIds {\n  /**\n   * Размер слайда.\n   *\n   * Значение `\"custom\"` используется, если ширина у слайдов разная.\n   */\n  slideWidth?: LiteralUnion<'custom', string> | number;\n  slideIndex?: number;\n  onDragStart?: CustomTouchEventHandler;\n  onDragEnd?: (e: CustomTouchEvent, targetIndex: number) => void;\n  onChange?: (current: number) => void;\n  /**\n   * Будет вызвано при нажатии на кнопку-стрелку влево.\n   */\n  onPrevClick?: (event: React.MouseEvent) => void;\n  /**\n   * Будет вызвано при нажатии на кнопку-стрелку вправо.\n   */\n  onNextClick?: (event: React.MouseEvent) => void;\n  bullets?: 'dark' | 'light' | false;\n  /**\n   * Позволяет отключить реагирование на тач-события.\n   */\n  dragDisabled?: boolean;\n  showArrows?: boolean;\n  /**\n   * Размер активной зоны стрелок (в пикселях).\n   * Определяет область вокруг стрелок, реагирующую на взаимодействие пользователя. В дизайне свойство называется `arrowArea`.\n   */\n  arrowAreaHeight?: 'stretch' | 'fit';\n  hasPointer?: boolean;\n  arrowSize?: ScrollArrowProps['size'];\n  /**\n   * Текст для кнопки-стрелки влево (назад). Делает ее доступной для ассистивных технологий.\n   */\n  arrowPrevLabel?: string;\n  /**\n   * Текст для кнопки-стрелки вправо (вперед). Делает ее доступной для ассистивных технологий.\n   */\n  arrowNextLabel?: string;\n  /**\n   * Текст для слайда. Делает его доступным для ассистивных технологий. Может быть функцией.\n   * По умолчанию устанавливает `aria-label` вида `${Номер слайда} из ${Количества слайдов}`.\n   */\n  slideLabel?: string | ((index: number, slidesCount: number) => string);\n  /**\n   * Описание роли для слайда, для лучше понимания пользователей скринридеров. По умолчанию - `Слайд`.\n   */\n  slideRoleDescription?: string;\n  /**\n   * Передает атрибут `data-testid` для слайда.\n   */\n  slideTestId?: (index: number) => string;\n  /**\n   * Включает зацикленность слайдов.\n   */\n  looped?: boolean;\n  /**\n   * Тип источника для отслеживания размера:\n   * - `window`: пересчет позиции слайдов будет происходить при изменении размеров `window`\n   * - `element`: пересчет позиции слайдов будет происходить при изменении размеров компонента.\n   */\n  resizeSource?: 'window' | 'element';\n}\n"],"names":[],"mappings":"AAAA,sCAAsC,GAkFtC,WAoEC"}

package/dist/cssm/components/Cell/Cell.js

@@ -12,7 +12,7 @@ import { DEFAULT_DRAGGABLE_LABEL } from "./constants.js";
 import styles from "./Cell.module.css";
 /**
  * @see https://vkui.io/components/cell
- */ export const Cell = ({ mode, onRemove, removePlaceholder = 'Удалить', onDragFinish, before, after, disabled, draggable, Component: ComponentProps, onChange, name, value, checked, defaultChecked, getRootRef, draggerLabel = DEFAULT_DRAGGABLE_LABEL, className, style, toggleButtonTestId, removeButtonTestId, href: hrefProp, ...restProps })=>{
+ */ export const Cell = ({ mode, onRemove, removePlaceholder = 'Удалить', onDragFinish, before, after, disabled, draggable, Component: ComponentProps, onChange, name, value, checked, defaultChecked, getRootRef, draggerLabel = DEFAULT_DRAGGABLE_LABEL, className, style, toggleButtonTestId, removeButtonTestId, draggerTestId, href: hrefProp, ...restProps })=>{
     const [dragging, setDragging] = React.useState(false);
     const selectable = mode === 'selectable';
     const removable = mode === 'removable';
@@ -25,6 +25,7 @@ import styles from "./Cell.module.css";
         className: classNames(styles.dragger, !before && !selectable && styles.controlNoBefore),
         onDragStateChange: setDragging,
         onDragFinish: onDragFinish,
+        "data-testid": draggerTestId,
         children: draggerLabel
     }) : null;
     let checkbox;

package/dist/cssm/components/Cell/Cell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Cell/Cell.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { SwappedItemRange } from '../../hooks/useDraggableWithDomApi';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { HasRootRef } from '../../types';\nimport { Removable, type RemovableProps } from '../Removable/Removable';\nimport { SimpleCell, type SimpleCellProps } from '../SimpleCell/SimpleCell';\nimport { CellCheckbox, type CellCheckboxProps } from './CellCheckbox/CellCheckbox';\nimport { CellDragger } from './CellDragger/CellDragger';\nimport { DEFAULT_DRAGGABLE_LABEL } from './constants';\nimport styles from './Cell.module.css';\n\nexport interface CellProps\n  extends Omit<SimpleCellProps, 'getRootRef'>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Режим отображения ячейки:\n   *\n   * - \"removable\": добавляется кнопка для удаления\n   * - \"selectable\": добавляется чекбокс для выбора.\n   */\n  mode?: 'removable' | 'selectable';\n  /**\n   * В режиме перетаскивания ячейка перестает реагировать на нажатие, то есть при нажатии переданный `onClick` вызываться не будет.\n   */\n  draggable?: boolean;\n  /**\n   * Имя для `input` в режиме `selectable`.\n   */\n  name?: string;\n  /**\n   * В режиме `selectable` реагирует на входящие значения пропса `cheсked`, как зависящий напрямую от входящего значения.\n   */\n  checked?: boolean;\n  /**\n   * В режиме `selectable` реагирует на входящие значения пропса `defaultChecked` как неконтролируемый компонент.\n   */\n  defaultChecked?: boolean;\n  /**\n   * Обработчик, срабатывающий при завершении перетаскивания.\n   * **Важно:** режим перетаскивания не меняет порядок ячеек в DOM. В обработчике есть объект с полями `from` и `to`.\n   * Эти числа нужны для того, чтобы разработчик понимал, с какого индекса на какой произошел переход. В песочнице\n   * есть рабочий пример с обработкой этих чисел и перерисовкой списка.\n   */\n  onDragFinish?: (swappedItemRange: SwappedItemRange) => void;\n  /**\n   * Текст для кнопки перетаскивания ячейки.\n   */\n  draggerLabel?: string;\n}\n\n/**\n * @see https://vkui.io/components/cell\n */\nexport const Cell: React.FC<CellProps> & {\n  Checkbox: typeof CellCheckbox;\n} = ({\n  mode,\n  onRemove,\n  removePlaceholder = 'Удалить',\n  onDragFinish,\n  before,\n  after,\n  disabled,\n  draggable,\n  Component: ComponentProps,\n  onChange,\n  name,\n  value,\n  checked,\n  defaultChecked,\n  getRootRef,\n  draggerLabel = DEFAULT_DRAGGABLE_LABEL,\n  className,\n  style,\n  toggleButtonTestId,\n  removeButtonTestId,\n  href: hrefProp,\n  ...restProps\n}: CellProps) => {\n  const [dragging, setDragging] = React.useState(false);\n  const selectable = mode === 'selectable';\n  const removable = mode === 'removable';\n  const Component = selectable ? 'label' : ComponentProps;\n  const href = selectable ? undefined : hrefProp;\n\n  const platform = usePlatform();\n\n  const rootElRef = useExternRef(getRootRef);\n\n  const dragger = draggable ? (\n    <CellDragger\n      elRef={rootElRef}\n      className={classNames(styles.dragger, !before && !selectable && styles.controlNoBefore)}\n      onDragStateChange={setDragging}\n      onDragFinish={onDragFinish}\n    >\n      {draggerLabel}\n    </CellDragger>\n  ) : null;\n\n  let checkbox;\n  if (selectable) {\n    const checkboxProps: CellCheckboxProps = {\n      name,\n      value,\n      defaultChecked,\n      checked,\n      disabled,\n      onChange,\n    };\n    checkbox = (\n      <CellCheckbox\n        className={classNames(styles.checkbox, !before && styles.controlNoBefore)}\n        {...checkboxProps}\n      />\n    );\n  }\n\n  const hasActive = !disabled && !dragging;\n\n  const cellClasses = classNames(\n    styles.host,\n    dragging && styles.dragging,\n    platform === 'ios' && styles.ios,\n    removable && styles.removable,\n  );\n\n  const simpleCellProps: SimpleCellProps = {\n    hasActive: hasActive,\n    hasHover: hasActive && !removable,\n    disabled,\n    href,\n    ...restProps,\n    className: styles.content,\n    // чтобы свойство, если не определено, не присутствовало в\n    // restProps явно как {'Component': undefined} и ниже не переопределяло\n    // возможное значение commonProps.Component = 'a' при слиянии двух объектов, как\n    // {...commonProps, ...restProps}\n    ...(Component && { Component }),\n    before: (\n      <React.Fragment>\n        {draggable && platform !== 'ios' && dragger}\n        {selectable && checkbox}\n        {before}\n      </React.Fragment>\n    ),\n    after: (\n      <React.Fragment>\n        {draggable && platform === 'ios' && dragger}\n        {after}\n      </React.Fragment>\n    ),\n  };\n\n  if (removable) {\n    return (\n      <Removable\n        className={classNames(cellClasses, className)}\n        style={style}\n        getRootRef={rootElRef}\n        removePlaceholder={removePlaceholder}\n        onRemove={(e) => onRemove?.(e, rootElRef.current)}\n        toggleButtonTestId={toggleButtonTestId}\n        removeButtonTestId={removeButtonTestId}\n        disabled={disabled}\n      >\n        {platform === 'ios' ? (\n          ({ isRemoving }) => {\n            return (\n              <SimpleCell {...simpleCellProps} {...(isRemoving ? { onClick: undefined } : {})} />\n            );\n          }\n        ) : (\n          <SimpleCell {...simpleCellProps} />\n        )}\n      </Removable>\n    );\n  }\n\n  return (\n    <div className={classNames(cellClasses, className)} style={style} ref={rootElRef}>\n      <SimpleCell {...simpleCellProps} />\n    </div>\n  );\n};\n\nCell.Checkbox = CellCheckbox;\n"],"names":["React","classNames","useExternRef","usePlatform","Removable","SimpleCell","CellCheckbox","CellDragger","DEFAULT_DRAGGABLE_LABEL","styles","Cell","mode","onRemove","removePlaceholder","onDragFinish","before","after","disabled","draggable","Component","ComponentProps","onChange","name","value","checked","defaultChecked","getRootRef","draggerLabel","className","style","toggleButtonTestId","removeButtonTestId","href","hrefProp","restProps","dragging","setDragging","useState","selectable","removable","undefined","platform","rootElRef","dragger","elRef","controlNoBefore","onDragStateChange","checkbox","checkboxProps","hasActive","cellClasses","host","ios","simpleCellProps","hasHover","content","Fragment","e","current","isRemoving","onClick","div","ref","Checkbox"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Cell/Cell.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { SwappedItemRange } from '../../hooks/useDraggableWithDomApi';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { HasRootRef } from '../../types';\nimport { Removable, type RemovableProps } from '../Removable/Removable';\nimport { SimpleCell, type SimpleCellProps } from '../SimpleCell/SimpleCell';\nimport { CellCheckbox, type CellCheckboxProps } from './CellCheckbox/CellCheckbox';\nimport { CellDragger } from './CellDragger/CellDragger';\nimport { DEFAULT_DRAGGABLE_LABEL } from './constants';\nimport styles from './Cell.module.css';\n\nexport interface CellProps\n  extends Omit<SimpleCellProps, 'getRootRef'>,\n    RemovableProps,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Режим отображения ячейки:\n   *\n   * - \"removable\": добавляется кнопка для удаления\n   * - \"selectable\": добавляется чекбокс для выбора.\n   */\n  mode?: 'removable' | 'selectable';\n  /**\n   * В режиме перетаскивания ячейка перестает реагировать на нажатие, то есть при нажатии переданный `onClick` вызываться не будет.\n   */\n  draggable?: boolean;\n  /**\n   * Имя для `input` в режиме `selectable`.\n   */\n  name?: string;\n  /**\n   * В режиме `selectable` реагирует на входящие значения пропса `cheсked`, как зависящий напрямую от входящего значения.\n   */\n  checked?: boolean;\n  /**\n   * В режиме `selectable` реагирует на входящие значения пропса `defaultChecked` как неконтролируемый компонент.\n   */\n  defaultChecked?: boolean;\n  /**\n   * Обработчик, срабатывающий при завершении перетаскивания.\n   * **Важно:** режим перетаскивания не меняет порядок ячеек в DOM. В обработчике есть объект с полями `from` и `to`.\n   * Эти числа нужны для того, чтобы разработчик понимал, с какого индекса на какой произошел переход. В песочнице\n   * есть рабочий пример с обработкой этих чисел и перерисовкой списка.\n   */\n  onDragFinish?: (swappedItemRange: SwappedItemRange) => void;\n  /**\n   * Текст для кнопки перетаскивания ячейки.\n   */\n  draggerLabel?: string;\n  /**\n   * Передает атрибут `data-testid` для кнопки перетаскивания ячейки.\n   */\n  draggerTestId?: string;\n}\n\n/**\n * @see https://vkui.io/components/cell\n */\nexport const Cell: React.FC<CellProps> & {\n  Checkbox: typeof CellCheckbox;\n} = ({\n  mode,\n  onRemove,\n  removePlaceholder = 'Удалить',\n  onDragFinish,\n  before,\n  after,\n  disabled,\n  draggable,\n  Component: ComponentProps,\n  onChange,\n  name,\n  value,\n  checked,\n  defaultChecked,\n  getRootRef,\n  draggerLabel = DEFAULT_DRAGGABLE_LABEL,\n  className,\n  style,\n  toggleButtonTestId,\n  removeButtonTestId,\n  draggerTestId,\n  href: hrefProp,\n  ...restProps\n}: CellProps) => {\n  const [dragging, setDragging] = React.useState(false);\n  const selectable = mode === 'selectable';\n  const removable = mode === 'removable';\n  const Component = selectable ? 'label' : ComponentProps;\n  const href = selectable ? undefined : hrefProp;\n\n  const platform = usePlatform();\n\n  const rootElRef = useExternRef(getRootRef);\n\n  const dragger = draggable ? (\n    <CellDragger\n      elRef={rootElRef}\n      className={classNames(styles.dragger, !before && !selectable && styles.controlNoBefore)}\n      onDragStateChange={setDragging}\n      onDragFinish={onDragFinish}\n      data-testid={draggerTestId}\n    >\n      {draggerLabel}\n    </CellDragger>\n  ) : null;\n\n  let checkbox;\n  if (selectable) {\n    const checkboxProps: CellCheckboxProps = {\n      name,\n      value,\n      defaultChecked,\n      checked,\n      disabled,\n      onChange,\n    };\n    checkbox = (\n      <CellCheckbox\n        className={classNames(styles.checkbox, !before && styles.controlNoBefore)}\n        {...checkboxProps}\n      />\n    );\n  }\n\n  const hasActive = !disabled && !dragging;\n\n  const cellClasses = classNames(\n    styles.host,\n    dragging && styles.dragging,\n    platform === 'ios' && styles.ios,\n    removable && styles.removable,\n  );\n\n  const simpleCellProps: SimpleCellProps = {\n    hasActive: hasActive,\n    hasHover: hasActive && !removable,\n    disabled,\n    href,\n    ...restProps,\n    className: styles.content,\n    // чтобы свойство, если не определено, не присутствовало в\n    // restProps явно как {'Component': undefined} и ниже не переопределяло\n    // возможное значение commonProps.Component = 'a' при слиянии двух объектов, как\n    // {...commonProps, ...restProps}\n    ...(Component && { Component }),\n    before: (\n      <React.Fragment>\n        {draggable && platform !== 'ios' && dragger}\n        {selectable && checkbox}\n        {before}\n      </React.Fragment>\n    ),\n    after: (\n      <React.Fragment>\n        {draggable && platform === 'ios' && dragger}\n        {after}\n      </React.Fragment>\n    ),\n  };\n\n  if (removable) {\n    return (\n      <Removable\n        className={classNames(cellClasses, className)}\n        style={style}\n        getRootRef={rootElRef}\n        removePlaceholder={removePlaceholder}\n        onRemove={(e) => onRemove?.(e, rootElRef.current)}\n        toggleButtonTestId={toggleButtonTestId}\n        removeButtonTestId={removeButtonTestId}\n        disabled={disabled}\n      >\n        {platform === 'ios' ? (\n          ({ isRemoving }) => {\n            return (\n              <SimpleCell {...simpleCellProps} {...(isRemoving ? { onClick: undefined } : {})} />\n            );\n          }\n        ) : (\n          <SimpleCell {...simpleCellProps} />\n        )}\n      </Removable>\n    );\n  }\n\n  return (\n    <div className={classNames(cellClasses, className)} style={style} ref={rootElRef}>\n      <SimpleCell {...simpleCellProps} />\n    </div>\n  );\n};\n\nCell.Checkbox = CellCheckbox;\n"],"names":["React","classNames","useExternRef","usePlatform","Removable","SimpleCell","CellCheckbox","CellDragger","DEFAULT_DRAGGABLE_LABEL","styles","Cell","mode","onRemove","removePlaceholder","onDragFinish","before","after","disabled","draggable","Component","ComponentProps","onChange","name","value","checked","defaultChecked","getRootRef","draggerLabel","className","style","toggleButtonTestId","removeButtonTestId","draggerTestId","href","hrefProp","restProps","dragging","setDragging","useState","selectable","removable","undefined","platform","rootElRef","dragger","elRef","controlNoBefore","onDragStateChange","data-testid","checkbox","checkboxProps","hasActive","cellClasses","host","ios","simpleCellProps","hasHover","content","Fragment","e","current","isRemoving","onClick","div","ref","Checkbox"],"mappings":"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"}

package/dist/cssm/components/DateInput/DateInput.js

@@ -3,11 +3,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Icon16Clear, Icon20CalendarOutline } from "@vkontakte/icons";
 import { classNames } from "@vkontakte/vkjs";
-import { startOfDay, startOfMinute } from "date-fns";
 import { useAdaptivity } from "../../hooks/useAdaptivity.js";
 import { useDateInput } from "../../hooks/useDateInput.js";
 import { useExternRef } from "../../hooks/useExternRef.js";
-import { dateFormatter, dateTimeFormatter, isMatch, parse } from "../../lib/date.js";
+import { dateFormatter, dateTimeFormatter, isMatch, parse, startOfDay, startOfMinute } from "../../lib/date.js";
 import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect.js";
 import { Calendar } from "../Calendar/Calendar.js";
 import { useConfigProvider } from "../ConfigProvider/ConfigProviderContext.js";