@vkontakte/vkui 7.8.2 → 7.9.0

package/dist/components/Box/Box.d.ts

@@ -0,0 +1,11 @@
+import type { LayoutProps } from '../../lib/layouts/types';
+import { type RootComponentProps } from '../RootComponent/RootComponent';
+export interface BoxProps extends Omit<RootComponentProps<HTMLElement>, 'baseClassName' | 'baseStyle'>, LayoutProps {
+}
+/**
+ * @see https://vkui.io/components/box
+ *
+ * @since 7.9.0
+ */
+export declare const Box: ({ className, style, ...restProps }: BoxProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Box.d.ts.map

package/dist/components/Box/Box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAExF,MAAM,WAAW,QACf,SAAQ,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,EAAE,eAAe,GAAG,WAAW,CAAC,EAC1E,WAAW;CAAG;AAElB;;;;GAIG;AACH,eAAO,MAAM,GAAG,GAAI,oCAAoC,QAAQ,4CAY/D,CAAC"}

package/dist/components/Box/Box.js

@@ -0,0 +1,25 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { resolveLayoutProps } from "../../lib/layouts/index.js";
+import { RootComponent } from "../RootComponent/RootComponent.js";
+/**
+ * @see https://vkui.io/components/box
+ *
+ * @since 7.9.0
+ */ export const Box = (_param)=>{
+    var { className, style } = _param, restProps = _object_without_properties(_param, [
+        "className",
+        "style"
+    ]);
+    const resolvedProps = resolveLayoutProps(restProps);
+    return /*#__PURE__*/ _jsx(RootComponent, _object_spread_props(_object_spread({}, resolvedProps), {
+        baseClassName: resolvedProps.className,
+        baseStyle: resolvedProps.style,
+        className: className,
+        style: style
+    }));
+};
+
+//# sourceMappingURL=Box.js.map

package/dist/components/Box/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Box/Box.tsx"],"sourcesContent":["import { resolveLayoutProps } from '../../lib/layouts';\nimport type { LayoutProps } from '../../lib/layouts/types';\nimport { RootComponent, type RootComponentProps } from '../RootComponent/RootComponent';\n\nexport interface BoxProps\n  extends Omit<RootComponentProps<HTMLElement>, 'baseClassName' | 'baseStyle'>,\n    LayoutProps {}\n\n/**\n * @see https://vkui.io/components/box\n *\n * @since 7.9.0\n */\nexport const Box = ({ className, style, ...restProps }: BoxProps) => {\n  const resolvedProps = resolveLayoutProps(restProps);\n\n  return (\n    <RootComponent\n      {...resolvedProps}\n      baseClassName={resolvedProps.className}\n      baseStyle={resolvedProps.style}\n      className={className}\n      style={style}\n    />\n  );\n};\n"],"names":["resolveLayoutProps","RootComponent","Box","className","style","restProps","resolvedProps","baseClassName","baseStyle"],"mappings":";;;;AAAA,SAASA,kBAAkB,QAAQ,6BAAoB;AAEvD,SAASC,aAAa,QAAiC,oCAAiC;AAMxF;;;;CAIC,GACD,OAAO,MAAMC,MAAM;QAAC,EAAEC,SAAS,EAAEC,KAAK,EAA0B,WAArBC;QAArBF;QAAWC;;IAC/B,MAAME,gBAAgBN,mBAAmBK;IAEzC,qBACE,KAACJ,uDACKK;QACJC,eAAeD,cAAcH,SAAS;QACtCK,WAAWF,cAAcF,KAAK;QAC9BD,WAAWA;QACXC,OAAOA;;AAGb,EAAE"}

package/dist/components/CarouselBase/CarouselBase.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import { type BaseGalleryProps } from './types';
-export declare const CarouselBase: ({ bullets, getRootRef, children, slideWidth, slideIndex, dragDisabled, resizeSource, onDragStart, onDragEnd, onChange, onPrevClick, onNextClick, align, showArrows, getRef, arrowSize, arrowAreaHeight, slideTestId, bulletTestId, nextArrowTestId, prevArrowTestId, looped, "aria-roledescription": ariaRoleDescription, arrowNextLabel, arrowPrevLabel, slideLabel, slideRoleDescription, ...restProps }: BaseGalleryProps) => React.ReactNode;
+export declare const CarouselBase: ({ bullets, getRootRef, children, slideWidth, slideIndex, dragDisabled, resizeSource, onDragStart, onDragEnd, onChange, onPrevClick, onNextClick, align, showArrows, getRef, arrowSize, arrowAreaHeight, slideTestId, bulletTestId, nextArrowTestId, prevArrowTestId, looped, animationDuration, animationEasing, "aria-roledescription": ariaRoleDescription, arrowNextLabel, arrowPrevLabel, slideLabel, slideRoleDescription, ...restProps }: BaseGalleryProps) => React.ReactNode;
 //# sourceMappingURL=CarouselBase.d.ts.map

package/dist/components/CarouselBase/CarouselBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselBase.d.ts","sourceRoot":"","sources":["../../../src/components/CarouselBase/CarouselBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkC/B,OAAO,EACL,KAAK,gBAAgB,EAItB,MAAM,SAAS,CAAC;AAKjB,eAAO,MAAM,YAAY,GAAI,4YA+B1B,gBAAgB,KAAG,KAAK,CAAC,SA2gB3B,CAAC"}
+{"version":3,"file":"CarouselBase.d.ts","sourceRoot":"","sources":["../../../src/components/CarouselBase/CarouselBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkC/B,OAAO,EACL,KAAK,gBAAgB,EAItB,MAAM,SAAS,CAAC;AAKjB,eAAO,MAAM,YAAY,GAAI,gbAiC1B,gBAAgB,KAAG,KAAK,CAAC,SAghB3B,CAAC"}

package/dist/components/CarouselBase/CarouselBase.js

@@ -17,12 +17,12 @@ import { RootComponent } from "../RootComponent/RootComponent.js";
 import { Bullets } from "./Bullets.js";
 import { CarouselViewPort } from "./CarouselViewPort.js";
 import { ScrollArrows } from "./ScrollArrows.js";
-import { ANIMATION_DURATION, CONTROL_ELEMENTS_STATE, SLIDE_THRESHOLD, SLIDES_MANAGER_STATE } from "./constants.js";
+import { CONTROL_ELEMENTS_STATE, DEFAULT_ANIMATION_DURATION, SLIDE_THRESHOLD, SLIDES_MANAGER_STATE } from "./constants.js";
 import { calcMax, calcMin, calculateIndent, getLoopPoints, getTargetIndex, isBigger, isBiggerOrEqual, isLowerOrEqual, revertRtlValue, validateIndent } from "./helpers.js";
 import { useSlideAnimation } from "./hooks.js";
 const warn = warnOnce('Gallery');
 export const CarouselBase = (_param)=>{
-    var { bullets = false, getRootRef, children, slideWidth = '100%', slideIndex = 0, dragDisabled = false, resizeSource = 'window', onDragStart, onDragEnd, onChange, onPrevClick, onNextClick, align = 'left', showArrows, getRef, arrowSize, arrowAreaHeight, slideTestId, bulletTestId, nextArrowTestId, prevArrowTestId, looped = false, // a11y
+    var { bullets = false, getRootRef, children, slideWidth = '100%', slideIndex = 0, dragDisabled = false, resizeSource = 'window', onDragStart, onDragEnd, onChange, onPrevClick, onNextClick, align = 'left', showArrows, getRef, arrowSize, arrowAreaHeight, slideTestId, bulletTestId, nextArrowTestId, prevArrowTestId, looped = false, animationDuration = DEFAULT_ANIMATION_DURATION, animationEasing = 'ease', // a11y
     'aria-roledescription': ariaRoleDescription = 'Карусель', arrowNextLabel = 'Следующий слайд', arrowPrevLabel = 'Предыдущий слайд', slideLabel, slideRoleDescription } = _param, restProps = _object_without_properties(_param, [
         "bullets",
         "getRootRef",
@@ -46,6 +46,8 @@ export const CarouselBase = (_param)=>{
         "nextArrowTestId",
         "prevArrowTestId",
         "looped",
+        "animationDuration",
+        "animationEasing",
         'aria-roledescription',
         "arrowNextLabel",
         "arrowPrevLabel",
@@ -63,7 +65,7 @@ export const CarouselBase = (_param)=>{
     const shiftXCurrentRef = React.useRef(0);
     const shiftXDeltaRef = React.useRef(0);
     const initialized = React.useRef(false);
-    const { animationInQueue, addToAnimationQueue, getAnimateFunction, startAnimation } = useSlideAnimation();
+    const { animationInQueue, addToAnimationQueue, getAnimateFunction, startAnimation, getAnimationEasing } = useSlideAnimation(animationDuration, animationEasing);
     const isDragging = React.useRef(false);
     const [controlElementsState, setControlElementsState] = React.useState(CONTROL_ELEMENTS_STATE);
     const hasPointer = useAdaptivityHasPointer();
@@ -105,7 +107,7 @@ export const CarouselBase = (_param)=>{
         if (layerRef.current) {
             const indent = isDragging.current && !looped ? validateIndent(slidesManager.current, shiftXCurrentRef.current + shiftXDeltaRef.current, isRtl, false) : shiftX;
             layerRef.current.style.transform = `translate3d(${indent}px, 0, 0)`;
-            layerRef.current.style.transition = animation ? `transform ${ANIMATION_DURATION}ms cubic-bezier(.1, 0, .25, 1)` : '';
+            layerRef.current.style.transition = animation ? `transform ${animationDuration}ms ${getAnimationEasing()}` : '';
         }
     };
     const checkShiftOutOfBoundsFromStart = (shiftX, snaps)=>isBigger(shiftX, snaps[0], isRtl);

package/dist/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  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","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","localSlides","layerOffsetWidth","offsetWidth","calcRtlCoord","element","offsetLeft","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","onSlideRight","onSlideLeft","count"],"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  CONTROL_ELEMENTS_STATE,\n  DEFAULT_ANIMATION_DURATION,\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  animationDuration = DEFAULT_ANIMATION_DURATION,\n  animationEasing = 'ease',\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 {\n    animationInQueue,\n    addToAnimationQueue,\n    getAnimateFunction,\n    startAnimation,\n    getAnimationEasing,\n  } = useSlideAnimation(animationDuration, animationEasing);\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 ${animationDuration}ms ${getAnimationEasing()}`\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","CONTROL_ELEMENTS_STATE","DEFAULT_ANIMATION_DURATION","SLIDE_THRESHOLD","SLIDES_MANAGER_STATE","calcMax","calcMin","calculateIndent","getLoopPoints","getTargetIndex","isBigger","isBiggerOrEqual","isLowerOrEqual","revertRtlValue","validateIndent","useSlideAnimation","warn","CarouselBase","bullets","getRootRef","children","slideWidth","slideIndex","dragDisabled","resizeSource","onDragStart","onDragEnd","onChange","onPrevClick","onNextClick","align","showArrows","getRef","arrowSize","arrowAreaHeight","slideTestId","bulletTestId","nextArrowTestId","prevArrowTestId","looped","animationDuration","animationEasing","ariaRoleDescription","arrowNextLabel","arrowPrevLabel","slideLabel","slideRoleDescription","restProps","slidesStore","useRef","slidesManager","textDirection","isRtl","rootRef","viewportRef","layerRef","animationFrameRef","shiftXCurrentRef","shiftXDeltaRef","initialized","animationInQueue","addToAnimationQueue","getAnimateFunction","startAnimation","getAnimationEasing","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","localSlides","layerOffsetWidth","offsetWidth","calcRtlCoord","element","offsetLeft","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","onSlideRight","onSlideLeft","count"],"mappings":"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"}

package/dist/components/CarouselBase/constants.d.ts

@@ -1,5 +1,5 @@
 import type { ControlElementsState, SlidesManagerState } from './types';
-export declare const ANIMATION_DURATION = 240;
+export declare const DEFAULT_ANIMATION_DURATION = 240;
 export declare const SLIDE_THRESHOLD = 0.05;
 export declare const CONTROL_ELEMENTS_STATE: ControlElementsState;
 export declare const SLIDES_MANAGER_STATE: SlidesManagerState;

package/dist/components/CarouselBase/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/CarouselBase/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAExE,eAAO,MAAM,kBAAkB,MAAM,CAAC;AAEtC,eAAO,MAAM,eAAe,OAAO,CAAC;AAEpC,eAAO,MAAM,sBAAsB,EAAE,oBAIpC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,kBAWlC,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/CarouselBase/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAExE,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAE9C,eAAO,MAAM,eAAe,OAAO,CAAC;AAEpC,eAAO,MAAM,sBAAsB,EAAE,oBAIpC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,kBAWlC,CAAC"}

package/dist/components/CarouselBase/constants.js

@@ -1,4 +1,4 @@
-export const ANIMATION_DURATION = 240;
+export const DEFAULT_ANIMATION_DURATION = 240;
 export const SLIDE_THRESHOLD = 0.05;
 export const CONTROL_ELEMENTS_STATE = {
     canSlideLeft: true,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CarouselBase/constants.ts"],"sourcesContent":["import type { ControlElementsState, SlidesManagerState } from './types';\n\nexport const ANIMATION_DURATION = 240;\n\nexport const SLIDE_THRESHOLD = 0.05;\n\nexport const CONTROL_ELEMENTS_STATE: ControlElementsState = {\n  canSlideLeft: true,\n  canSlideRight: true,\n  isDraggable: true,\n};\n\nexport const SLIDES_MANAGER_STATE: SlidesManagerState = {\n  viewportOffsetWidth: 0,\n  slides: [],\n  isFullyVisible: true,\n  loopPoints: [],\n  contentSize: 0,\n  snaps: [],\n  containerWidth: 0,\n  layerWidth: 0,\n  min: 0,\n  max: 0,\n};\n"],"names":["ANIMATION_DURATION","SLIDE_THRESHOLD","CONTROL_ELEMENTS_STATE","canSlideLeft","canSlideRight","isDraggable","SLIDES_MANAGER_STATE","viewportOffsetWidth","slides","isFullyVisible","loopPoints","contentSize","snaps","containerWidth","layerWidth","min","max"],"mappings":"AAEA,OAAO,MAAMA,qBAAqB,IAAI;AAEtC,OAAO,MAAMC,kBAAkB,KAAK;AAEpC,OAAO,MAAMC,yBAA+C;IAC1DC,cAAc;IACdC,eAAe;IACfC,aAAa;AACf,EAAE;AAEF,OAAO,MAAMC,uBAA2C;IACtDC,qBAAqB;IACrBC,QAAQ,EAAE;IACVC,gBAAgB;IAChBC,YAAY,EAAE;IACdC,aAAa;IACbC,OAAO,EAAE;IACTC,gBAAgB;IAChBC,YAAY;IACZC,KAAK;IACLC,KAAK;AACP,EAAE"}
+{"version":3,"sources":["../../../src/components/CarouselBase/constants.ts"],"sourcesContent":["import type { ControlElementsState, SlidesManagerState } from './types';\n\nexport const DEFAULT_ANIMATION_DURATION = 240;\n\nexport const SLIDE_THRESHOLD = 0.05;\n\nexport const CONTROL_ELEMENTS_STATE: ControlElementsState = {\n  canSlideLeft: true,\n  canSlideRight: true,\n  isDraggable: true,\n};\n\nexport const SLIDES_MANAGER_STATE: SlidesManagerState = {\n  viewportOffsetWidth: 0,\n  slides: [],\n  isFullyVisible: true,\n  loopPoints: [],\n  contentSize: 0,\n  snaps: [],\n  containerWidth: 0,\n  layerWidth: 0,\n  min: 0,\n  max: 0,\n};\n"],"names":["DEFAULT_ANIMATION_DURATION","SLIDE_THRESHOLD","CONTROL_ELEMENTS_STATE","canSlideLeft","canSlideRight","isDraggable","SLIDES_MANAGER_STATE","viewportOffsetWidth","slides","isFullyVisible","loopPoints","contentSize","snaps","containerWidth","layerWidth","min","max"],"mappings":"AAEA,OAAO,MAAMA,6BAA6B,IAAI;AAE9C,OAAO,MAAMC,kBAAkB,KAAK;AAEpC,OAAO,MAAMC,yBAA+C;IAC1DC,cAAc;IACdC,eAAe;IACfC,aAAa;AACf,EAAE;AAEF,OAAO,MAAMC,uBAA2C;IACtDC,qBAAqB;IACrBC,QAAQ,EAAE;IACVC,gBAAgB;IAChBC,YAAY,EAAE;IACdC,aAAa;IACbC,OAAO,EAAE;IACTC,gBAAgB;IAChBC,YAAY;IACZC,KAAK;IACLC,KAAK;AACP,EAAE"}

package/dist/components/CarouselBase/hooks.d.ts

@@ -1,6 +1,8 @@
 import { type DrawInterface } from '../../lib/animate';
-export declare function useSlideAnimation(): {
+import type { BaseGalleryProps, CubicBezierEasingType, PredefinedEasingType } from './types';
+export declare function useSlideAnimation(animationDuration: NonNullable<BaseGalleryProps['animationDuration']>, animationEasing: PredefinedEasingType | CubicBezierEasingType): {
     getAnimateFunction: (drawFunction: DrawInterface) => () => void;
+    getAnimationEasing: () => string;
     addToAnimationQueue: (func: VoidFunction) => void;
     startAnimation: () => void;
     animationInQueue: () => boolean;

package/dist/components/CarouselBase/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/components/CarouselBase/hooks.ts"],"names":[],"mappings":"AACA,OAAO,EAAW,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAMhE,wBAAgB,iBAAiB,IAAI;IACnC,kBAAkB,EAAE,CAAC,YAAY,EAAE,aAAa,KAAK,MAAM,IAAI,CAAC;IAChE,mBAAmB,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAClD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,EAAE,MAAM,OAAO,CAAC;CACjC,CAkCA"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/components/CarouselBase/hooks.ts"],"names":[],"mappings":"AACA,OAAO,EAAW,KAAK,aAAa,EAAwB,MAAM,mBAAmB,CAAC;AAEtF,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAU7F,wBAAgB,iBAAiB,CAC/B,iBAAiB,EAAE,WAAW,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,EACrE,eAAe,EAAE,oBAAoB,GAAG,qBAAqB,GAC5D;IACD,kBAAkB,EAAE,CAAC,YAAY,EAAE,aAAa,KAAK,MAAM,IAAI,CAAC;IAChE,kBAAkB,EAAE,MAAM,MAAM,CAAC;IACjC,mBAAmB,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAClD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,EAAE,MAAM,OAAO,CAAC;CACjC,CAuCA"}

package/dist/components/CarouselBase/hooks.js

@@ -1,15 +1,45 @@
 import * as React from "react";
 import { animate } from "../../lib/animate.js";
 import { cubicBezier } from "../../lib/fx.js";
-import { ANIMATION_DURATION } from "./constants.js";
-const TIMING_FUNCTION = cubicBezier(0.8, 1);
-export function useSlideAnimation() {
+const PRESET_ANIMATION_EASING = {
+    'linear': [
+        0,
+        0,
+        1,
+        1
+    ],
+    'ease': [
+        0.25,
+        0.1,
+        0.25,
+        1
+    ],
+    'ease-in': [
+        0.42,
+        0,
+        1,
+        1
+    ],
+    'ease-out': [
+        0,
+        0,
+        0.58,
+        1
+    ],
+    'ease-in-out': [
+        0.42,
+        0,
+        0.58,
+        1
+    ]
+};
+export function useSlideAnimation(animationDuration, animationEasing) {
     const animationQueue = React.useRef([]);
     function getAnimateFunction(drawFunction) {
         return ()=>{
             animate({
-                duration: ANIMATION_DURATION,
-                timing: TIMING_FUNCTION,
+                duration: animationDuration,
+                timing: getAnimationTiming(animationEasing),
                 animationQueue: animationQueue.current,
                 draw: drawFunction
             });
@@ -26,12 +56,22 @@ export function useSlideAnimation() {
     function animationInQueue() {
         return !!animationQueue.current.length;
     }
+    function getAnimationEasing() {
+        return `cubic-bezier(${(typeof animationEasing === 'string' ? PRESET_ANIMATION_EASING[animationEasing] : animationEasing).join(', ')})`;
+    }
     return {
         animationInQueue,
         getAnimateFunction,
         addToAnimationQueue,
-        startAnimation
+        startAnimation,
+        getAnimationEasing
     };
 }
+function getAnimationTiming(animationEasing) {
+    if (typeof animationEasing === 'string') {
+        return cubicBezier(...PRESET_ANIMATION_EASING[animationEasing]);
+    }
+    return cubicBezier(...animationEasing);
+}
 
 //# sourceMappingURL=hooks.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CarouselBase/hooks.ts"],"sourcesContent":["import * as React from 'react';\nimport { animate, type DrawInterface } from '../../lib/animate';\nimport { cubicBezier } from '../../lib/fx';\nimport { ANIMATION_DURATION } from './constants';\n\nconst TIMING_FUNCTION = cubicBezier(0.8, 1);\n\nexport function useSlideAnimation(): {\n  getAnimateFunction: (drawFunction: DrawInterface) => () => void;\n  addToAnimationQueue: (func: VoidFunction) => void;\n  startAnimation: () => void;\n  animationInQueue: () => boolean;\n} {\n  const animationQueue = React.useRef<VoidFunction[]>([]);\n\n  function getAnimateFunction(drawFunction: DrawInterface) {\n    return () => {\n      animate({\n        duration: ANIMATION_DURATION,\n        timing: TIMING_FUNCTION,\n        animationQueue: animationQueue.current,\n        draw: drawFunction,\n      });\n    };\n  }\n\n  function addToAnimationQueue(func: VoidFunction) {\n    animationQueue.current.push(func);\n  }\n\n  function startAnimation() {\n    if (animationQueue.current.length === 1) {\n      animationQueue.current[0]();\n    }\n  }\n\n  function animationInQueue() {\n    return !!animationQueue.current.length;\n  }\n\n  return {\n    animationInQueue,\n    getAnimateFunction,\n    addToAnimationQueue,\n    startAnimation,\n  };\n}\n"],"names":["React","animate","cubicBezier","ANIMATION_DURATION","TIMING_FUNCTION","useSlideAnimation","animationQueue","useRef","getAnimateFunction","drawFunction","duration","timing","current","draw","addToAnimationQueue","func","push","startAnimation","length","animationInQueue"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,OAAO,QAA4B,uBAAoB;AAChE,SAASC,WAAW,QAAQ,kBAAe;AAC3C,SAASC,kBAAkB,QAAQ,iBAAc;AAEjD,MAAMC,kBAAkBF,YAAY,KAAK;AAEzC,OAAO,SAASG;IAMd,MAAMC,iBAAiBN,MAAMO,MAAM,CAAiB,EAAE;IAEtD,SAASC,mBAAmBC,YAA2B;QACrD,OAAO;YACLR,QAAQ;gBACNS,UAAUP;gBACVQ,QAAQP;gBACRE,gBAAgBA,eAAeM,OAAO;gBACtCC,MAAMJ;YACR;QACF;IACF;IAEA,SAASK,oBAAoBC,IAAkB;QAC7CT,eAAeM,OAAO,CAACI,IAAI,CAACD;IAC9B;IAEA,SAASE;QACP,IAAIX,eAAeM,OAAO,CAACM,MAAM,KAAK,GAAG;YACvCZ,eAAeM,OAAO,CAAC,EAAE;QAC3B;IACF;IAEA,SAASO;QACP,OAAO,CAAC,CAACb,eAAeM,OAAO,CAACM,MAAM;IACxC;IAEA,OAAO;QACLC;QACAX;QACAM;QACAG;IACF;AACF"}
+{"version":3,"sources":["../../../src/components/CarouselBase/hooks.ts"],"sourcesContent":["import * as React from 'react';\nimport { animate, type DrawInterface, type TimingInterface } from '../../lib/animate';\nimport { cubicBezier } from '../../lib/fx';\nimport type { BaseGalleryProps, CubicBezierEasingType, PredefinedEasingType } from './types';\n\nconst PRESET_ANIMATION_EASING: Record<PredefinedEasingType, CubicBezierEasingType> = {\n  'linear': [0, 0, 1, 1],\n  'ease': [0.25, 0.1, 0.25, 1],\n  'ease-in': [0.42, 0, 1, 1],\n  'ease-out': [0, 0, 0.58, 1],\n  'ease-in-out': [0.42, 0, 0.58, 1],\n};\n\nexport function useSlideAnimation(\n  animationDuration: NonNullable<BaseGalleryProps['animationDuration']>,\n  animationEasing: PredefinedEasingType | CubicBezierEasingType,\n): {\n  getAnimateFunction: (drawFunction: DrawInterface) => () => void;\n  getAnimationEasing: () => string;\n  addToAnimationQueue: (func: VoidFunction) => void;\n  startAnimation: () => void;\n  animationInQueue: () => boolean;\n} {\n  const animationQueue = React.useRef<VoidFunction[]>([]);\n\n  function getAnimateFunction(drawFunction: DrawInterface) {\n    return () => {\n      animate({\n        duration: animationDuration,\n        timing: getAnimationTiming(animationEasing),\n        animationQueue: animationQueue.current,\n        draw: drawFunction,\n      });\n    };\n  }\n\n  function addToAnimationQueue(func: VoidFunction) {\n    animationQueue.current.push(func);\n  }\n\n  function startAnimation() {\n    if (animationQueue.current.length === 1) {\n      animationQueue.current[0]();\n    }\n  }\n\n  function animationInQueue() {\n    return !!animationQueue.current.length;\n  }\n\n  function getAnimationEasing() {\n    return `cubic-bezier(${(typeof animationEasing === 'string' ? PRESET_ANIMATION_EASING[animationEasing] : animationEasing).join(', ')})`;\n  }\n\n  return {\n    animationInQueue,\n    getAnimateFunction,\n    addToAnimationQueue,\n    startAnimation,\n    getAnimationEasing,\n  };\n}\n\nfunction getAnimationTiming(\n  animationEasing: PredefinedEasingType | CubicBezierEasingType,\n): TimingInterface {\n  if (typeof animationEasing === 'string') {\n    return cubicBezier(...PRESET_ANIMATION_EASING[animationEasing]);\n  }\n\n  return cubicBezier(...animationEasing);\n}\n"],"names":["React","animate","cubicBezier","PRESET_ANIMATION_EASING","useSlideAnimation","animationDuration","animationEasing","animationQueue","useRef","getAnimateFunction","drawFunction","duration","timing","getAnimationTiming","current","draw","addToAnimationQueue","func","push","startAnimation","length","animationInQueue","getAnimationEasing","join"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,OAAO,QAAkD,uBAAoB;AACtF,SAASC,WAAW,QAAQ,kBAAe;AAG3C,MAAMC,0BAA+E;IACnF,UAAU;QAAC;QAAG;QAAG;QAAG;KAAE;IACtB,QAAQ;QAAC;QAAM;QAAK;QAAM;KAAE;IAC5B,WAAW;QAAC;QAAM;QAAG;QAAG;KAAE;IAC1B,YAAY;QAAC;QAAG;QAAG;QAAM;KAAE;IAC3B,eAAe;QAAC;QAAM;QAAG;QAAM;KAAE;AACnC;AAEA,OAAO,SAASC,kBACdC,iBAAqE,EACrEC,eAA6D;IAQ7D,MAAMC,iBAAiBP,MAAMQ,MAAM,CAAiB,EAAE;IAEtD,SAASC,mBAAmBC,YAA2B;QACrD,OAAO;YACLT,QAAQ;gBACNU,UAAUN;gBACVO,QAAQC,mBAAmBP;gBAC3BC,gBAAgBA,eAAeO,OAAO;gBACtCC,MAAML;YACR;QACF;IACF;IAEA,SAASM,oBAAoBC,IAAkB;QAC7CV,eAAeO,OAAO,CAACI,IAAI,CAACD;IAC9B;IAEA,SAASE;QACP,IAAIZ,eAAeO,OAAO,CAACM,MAAM,KAAK,GAAG;YACvCb,eAAeO,OAAO,CAAC,EAAE;QAC3B;IACF;IAEA,SAASO;QACP,OAAO,CAAC,CAACd,eAAeO,OAAO,CAACM,MAAM;IACxC;IAEA,SAASE;QACP,OAAO,CAAC,aAAa,EAAE,AAAC,CAAA,OAAOhB,oBAAoB,WAAWH,uBAAuB,CAACG,gBAAgB,GAAGA,eAAc,EAAGiB,IAAI,CAAC,MAAM,CAAC,CAAC;IACzI;IAEA,OAAO;QACLF;QACAZ;QACAO;QACAG;QACAG;IACF;AACF;AAEA,SAAST,mBACPP,eAA6D;IAE7D,IAAI,OAAOA,oBAAoB,UAAU;QACvC,OAAOJ,eAAeC,uBAAuB,CAACG,gBAAgB;IAChE;IAEA,OAAOJ,eAAeI;AACxB"}

package/dist/components/CarouselBase/types.d.ts

@@ -73,6 +73,8 @@ export interface SlidesManagerState {
     containerWidth: number;
     layerWidth: number;
 }
+export type PredefinedEasingType = 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out';
+export type CubicBezierEasingType = [number, number, number, number];
 export interface BaseGalleryProps extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'onChange' | 'onDragStart' | 'onDragEnd'>, HasAlign, HasRef<HTMLElement>, BulletsTestIds, ScrollArrowsTestIds {
     /**
      * Размер слайда.
@@ -136,5 +138,15 @@ export interface BaseGalleryProps extends Omit<HTMLAttributesWithRootRef<HTMLDiv
      * - `element`: пересчет позиции слайдов будет происходить при изменении размеров компонента.
      */
     resizeSource?: 'window' | 'element';
+    /**
+     * Длительность анимации смены слайда в миллисекундах.
+     */
+    animationDuration?: number;
+    /**
+     * Функция для анимации.
+     *
+     * Принимает одно из предопределённых значений или параметры функции [cubic-bezier](https://developer.mozilla.org/en-US/docs/Web/CSS/easing-function/cubic-bezier).
+     */
+    animationEasing?: PredefinedEasingType | CubicBezierEasingType;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/CarouselBase/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/CarouselBase/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/CarouselBase/types.ts"],"names":[],"mappings":"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"}

package/dist/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   * Текст для слайда. Делает его доступным для ассистивных технологий. Может быть функцией.\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"}
+{"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 type PredefinedEasingType = 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out';\nexport type CubicBezierEasingType = [number, number, number, number];\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   * Длительность анимации смены слайда в миллисекундах.\n   */\n  animationDuration?: number;\n  /**\n   * Функция для анимации.\n   *\n   * Принимает одно из предопределённых значений или параметры функции [cubic-bezier](https://developer.mozilla.org/en-US/docs/Web/CSS/easing-function/cubic-bezier).\n   */\n  animationEasing?: PredefinedEasingType | CubicBezierEasingType;\n}\n"],"names":[],"mappings":"AAAA,sCAAsC,GAqFtC,WA8EC"}

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,8 +1,17 @@
 import * as React from 'react';
-import type { HasRootRef } from '../../types';
+import type { HasDataAttribute, HasRootRef } from '../../types';
 import type { TappableOmitProps } from '../Tappable/Tappable';
 import { CheckboxInput, type CheckboxInputProps } from './CheckboxInput/CheckboxInput';
 export interface CheckboxProps extends Omit<CheckboxInputProps, 'getRootRef'>, HasRootRef<HTMLLabelElement>, Pick<TappableOmitProps, 'hoverMode' | 'activeMode' | 'hasHover' | 'hasActive' | 'focusVisibleMode'> {
+    /**
+     * Свойства, которые можно прокинуть внутрь компонента:
+     * - `root`: свойства для прокидывания в корень компонента;
+     * - `input`: свойства для прокидывания в скрытый `input`.
+     */
+    slotProps?: {
+        root?: Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'children'> & HasRootRef<HTMLLabelElement> & HasDataAttribute;
+        input?: React.ComponentProps<'input'> & HasRootRef<HTMLInputElement> & HasDataAttribute;
+    };
     /**
      * Подпись под основным текстом.
      */

package/dist/components/Checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAGvF,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,YAAY,CAAC,EAC5C,UAAU,CAAC,gBAAgB,CAAC,EAC5B,IAAI,CACF,iBAAiB,EACjB,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,WAAW,GAAG,kBAAkB,CAC3E;IACH;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAsCD;;GAEG;AACH,eAAO,MAAM,QAAQ;YAAW,aAAa,GAAG,KAAK,CAAC,SAAS;;CAO9D,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAGhE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAKvF,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,YAAY,CAAC,EAC5C,UAAU,CAAC,gBAAgB,CAAC,EAC5B,IAAI,CACF,iBAAiB,EACjB,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,WAAW,GAAG,kBAAkB,CAC3E;IACH;;;;OAIG;IACH,SAAS,CAAC,EAAE;QACV,IAAI,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,GAClE,UAAU,CAAC,gBAAgB,CAAC,GAC5B,gBAAgB,CAAC;QACnB,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG,UAAU,CAAC,gBAAgB,CAAC,GAAG,gBAAgB,CAAC;KACzF,CAAC;IACF;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAmED;;GAEG;AACH,eAAO,MAAM,QAAQ;YAAW,aAAa,GAAG,KAAK,CAAC,SAAS;;CAW9D,CAAC"}