@vkontakte/vkui 5.8.2 → 5.9.1

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

@@ -45,6 +45,8 @@
   width: auto;
 }
 
+/* stylelint-disable-next-line selector-max-universal */
+
 .BaseGallery__slide > * {
   width: 100%;
   min-height: 100%;

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { BaseGalleryProps } from '../types';
+export declare const CarouselBase: ({ bullets, getRootRef, children, slideWidth, slideIndex, isDraggable: isDraggableProp, onDragStart, onDragEnd, onChange, onPrevClick, onNextClick, align, showArrows, getRef, arrowSize, ...restProps }: BaseGalleryProps) => React.JSX.Element;
+//# sourceMappingURL=CarouselBase.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselBase.d.ts","sourceRoot":"","sources":["../../../../../src/components/BaseGallery/CarouselBase/CarouselBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAE,gBAAgB,EAAsB,MAAM,UAAU,CAAC;AAchE,eAAO,MAAM,YAAY,4MAiBtB,gBAAgB,sBAkVlB,CAAC"}

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

@@ -0,0 +1,277 @@
+import * as React from 'react';
+import { classNames } from '@vkontakte/vkjs';
+import { useAdaptivityHasPointer } from '../../../hooks/useAdaptivityHasPointer';
+import { useExternRef } from '../../../hooks/useExternRef';
+import { useGlobalEventListener } from '../../../hooks/useGlobalEventListener';
+import { useDOM } from '../../../lib/dom';
+import { useIsomorphicLayoutEffect } from '../../../lib/useIsomorphicLayoutEffect';
+import { warnOnce } from '../../../lib/warnOnce';
+import { RootComponent } from '../../RootComponent/RootComponent';
+import { ScrollArrow } from '../../ScrollArrow/ScrollArrow';
+import { Touch } from '../../Touch/Touch';
+import { ANIMATION_DURATION, CONTROL_ELEMENTS_STATE, SLIDES_MANAGER_STATE } from './constants';
+import { calculateIndent, getLoopPoints, getTargetIndex } from './helpers';
+import { useSlideAnimation } from './hooks';
+import styles from '../BaseGallery.module.css';
+const stylesBullets = {
+    dark: styles['BaseGallery__bullets--dark'],
+    light: styles['BaseGallery__bullets--light']
+};
+const warn = warnOnce('Gallery');
+export const CarouselBase = ({ bullets = false, getRootRef, children, slideWidth = '100%', slideIndex = 0, isDraggable: isDraggableProp = true, onDragStart, onDragEnd, onChange, onPrevClick, onNextClick, align = 'left', showArrows, getRef, arrowSize = 'l', ...restProps })=>{
+    const slidesStore = React.useRef({});
+    const slidesManager = React.useRef(SLIDES_MANAGER_STATE);
+    const rootRef = useExternRef(getRootRef);
+    const viewportRef = useExternRef(getRef);
+    const layerRef = React.useRef(null);
+    const animationFrameRef = React.useRef(null);
+    const shiftXCurrentRef = React.useRef(0);
+    const shiftXDeltaRef = React.useRef(0);
+    const initialized = React.useRef(false);
+    const { addToAnimationQueue, getAnimateFunction, startAnimation } = useSlideAnimation();
+    const [controlElementsState, setControlElementsState] = React.useState(CONTROL_ELEMENTS_STATE);
+    const { window } = useDOM();
+    const hasPointer = useAdaptivityHasPointer();
+    const isCenterWithCustomWidth = slideWidth === 'custom' && align === 'center';
+    const transformCssStyles = (shiftX, animation = false)=>{
+        slidesManager.current.loopPoints.forEach((loopPoint)=>{
+            const { target, index } = loopPoint;
+            const slide = slidesStore.current[index];
+            if (slide) {
+                slide.style.transform = `translate3d(${target(shiftX)}px, 0, 0)`;
+            }
+        });
+        if (layerRef.current) {
+            layerRef.current.style.transform = `translate3d(${shiftX}px, 0, 0)`;
+            layerRef.current.style.transition = animation ? `transform ${ANIMATION_DURATION}ms cubic-bezier(.1, 0, .25, 1)` : '';
+        }
+    };
+    const requestTransform = (shiftX, animation = false)=>{
+        const { snaps, contentSize, slides } = slidesManager.current;
+        if (animationFrameRef.current !== null) {
+            cancelAnimationFrame(animationFrameRef.current);
+        }
+        animationFrameRef.current = requestAnimationFrame(()=>{
+            if (shiftX > snaps[0]) {
+                shiftXCurrentRef.current = -contentSize + snaps[0];
+                shiftX = shiftXCurrentRef.current + shiftXDeltaRef.current;
+            }
+            const lastPoint = slides[slides.length - 1].width + slides[slides.length - 1].coordX;
+            if (shiftX <= -lastPoint) {
+                shiftXCurrentRef.current = Math.abs(shiftXDeltaRef.current) + snaps[0];
+            }
+            transformCssStyles(shiftX, animation);
+        });
+    };
+    const initializeSlides = ()=>{
+        if (!rootRef.current || !viewportRef.current) {
+            return;
+        }
+        let localSlides = React.Children.map(children, (_item, i)=>{
+            const elem = slidesStore.current[i] || {
+                offsetLeft: 0,
+                offsetWidth: 0
+            };
+            return {
+                coordX: elem.offsetLeft,
+                width: elem.offsetWidth
+            };
+        }) || [];
+        const containerWidth = rootRef.current.offsetWidth;
+        const viewportOffsetWidth = viewportRef.current.offsetWidth;
+        const layerWidth = localSlides.reduce((val, slide)=>slide.width + val, 0);
+        if (process.env.NODE_ENV === 'development') {
+            let remainingWidth = containerWidth;
+            let slideIndex = 0;
+            while(remainingWidth > 0 && slideIndex < localSlides.length){
+                remainingWidth -= localSlides[slideIndex].width;
+                slideIndex++;
+            }
+            if (remainingWidth <= 0 && slideIndex === localSlides.length) {
+                warn('Ширины слайдов недостаточно для корректной работы свойства "looped". Пожалуйста, сделайте её больше."');
+            }
+        }
+        if (align === 'center') {
+            const firstSlideShift = (containerWidth - localSlides[0].width) / 2;
+            localSlides = localSlides.map((item)=>{
+                return {
+                    width: item.width,
+                    coordX: item.coordX - firstSlideShift
+                };
+            });
+        }
+        slidesManager.current = {
+            ...slidesManager.current,
+            viewportOffsetWidth,
+            slides: localSlides,
+            isFullyVisible: layerWidth <= containerWidth
+        };
+        const snaps = localSlides.map((_, index)=>calculateIndent(index, slidesManager.current, isCenterWithCustomWidth));
+        let contentSize = -snaps[snaps.length - 1] + localSlides[localSlides.length - 1].width;
+        if (align === 'center') {
+            contentSize += snaps[0];
+        }
+        slidesManager.current.snaps = snaps;
+        slidesManager.current.contentSize = contentSize;
+        slidesManager.current.loopPoints = getLoopPoints(slidesManager.current, containerWidth);
+        setControlElementsState({
+            canSlideLeft: !slidesManager.current.isFullyVisible,
+            canSlideRight: !slidesManager.current.isFullyVisible,
+            isDraggable: isDraggableProp && !slidesManager.current.isFullyVisible
+        });
+        shiftXCurrentRef.current = snaps[slideIndex];
+        initialized.current = true;
+        requestTransform(shiftXCurrentRef.current);
+    };
+    const onResize = ()=>{
+        if (initialized.current) {
+            initializeSlides();
+        }
+    };
+    useGlobalEventListener(window, 'resize', onResize);
+    useIsomorphicLayoutEffect(function performSlideChange() {
+        if (!initialized.current) {
+            return;
+        }
+        const { snaps, slides } = slidesManager.current;
+        const indent = snaps[slideIndex];
+        let startPoint = shiftXCurrentRef.current;
+        /**
+       * Переключаемся с последнего элемента на первый
+       * Для корректной анимации мы прокручиваем последний слайд на всю длину (shiftX) "вперед"
+       * В конце анимации при отрисовке следующего кадра задаем всем слайдам начальные значения
+       */ if (indent === snaps[0] && shiftXCurrentRef.current <= snaps[snaps.length - 1]) {
+            const distance = Math.abs(snaps[snaps.length - 1]) + slides[slides.length - 1].width + startPoint;
+            addToAnimationQueue(getAnimateFunction((progress)=>{
+                const shiftX = startPoint + progress * distance * -1;
+                transformCssStyles(shiftX);
+                if (shiftX <= snaps[snaps.length - 1] - slides[slides.length - 1].width) {
+                    requestAnimationFrame(()=>{
+                        shiftXCurrentRef.current = indent;
+                        transformCssStyles(snaps[0]);
+                    });
+                }
+            }));
+        /**
+         * Переключаемся с первого слайда на последний
+         * Для корректной анимации сначала задаем первым видимым слайдам смещение
+         * В следующем кадре начинаем анимация прокрутки "назад"
+         */ } else if (indent === snaps[snaps.length - 1] && shiftXCurrentRef.current === snaps[0]) {
+            startPoint = indent - slides[slides.length - 1].width;
+            addToAnimationQueue(()=>{
+                requestAnimationFrame(()=>{
+                    const shiftX = indent - slides[slides.length - 1].width;
+                    transformCssStyles(shiftX);
+                    getAnimateFunction((progress)=>{
+                        transformCssStyles(startPoint + progress * slides[slides.length - 1].width);
+                    })();
+                });
+            });
+        /**
+         * Если не обработаны `corner`-кейсы выше, то просто проигрываем анимацию смещения
+         */ } else {
+            addToAnimationQueue(()=>{
+                const distance = Math.abs(indent - startPoint);
+                let direction = startPoint <= indent ? 1 : -1;
+                getAnimateFunction((progress)=>{
+                    const shiftX = startPoint + progress * distance * direction;
+                    transformCssStyles(shiftX);
+                })();
+            });
+        }
+        startAnimation();
+        shiftXCurrentRef.current = indent;
+    }, [
+        slideIndex
+    ]);
+    useIsomorphicLayoutEffect(()=>{
+        initializeSlides();
+    }, [
+        children,
+        align,
+        slideWidth
+    ]);
+    const slideLeft = (event)=>{
+        onChange?.((slideIndex - 1 + slidesManager.current.slides.length) % slidesManager.current.slides.length);
+        onPrevClick?.(event);
+    };
+    const slideRight = (event)=>{
+        onChange?.((slideIndex + 1) % slidesManager.current.slides.length);
+        onNextClick?.(event);
+    };
+    const onStart = (e)=>{
+        e.originalEvent.stopPropagation();
+        onDragStart?.(e);
+        shiftXCurrentRef.current = slidesManager.current.snaps[slideIndex];
+        shiftXDeltaRef.current = 0;
+    };
+    const onMoveX = (e)=>{
+        if (isDraggableProp && !slidesManager.current.isFullyVisible) {
+            e.originalEvent.preventDefault();
+            if (e.isSlideX) {
+                if (shiftXDeltaRef.current !== e.shiftX) {
+                    shiftXDeltaRef.current = e.shiftX;
+                    requestTransform(shiftXCurrentRef.current + shiftXDeltaRef.current);
+                }
+            }
+        }
+    };
+    const onEnd = (e)=>{
+        let targetIndex = slideIndex;
+        if (e.isSlide) {
+            targetIndex = getTargetIndex(slidesManager.current.slides, slideIndex, shiftXCurrentRef.current, shiftXDeltaRef.current);
+        }
+        onDragEnd?.(e, targetIndex);
+        if (targetIndex !== slideIndex) {
+            shiftXCurrentRef.current = shiftXCurrentRef.current + shiftXDeltaRef.current;
+            onChange?.(targetIndex);
+        } else {
+            const initialShiftX = slidesManager.current.snaps[targetIndex];
+            requestTransform(initialShiftX, true);
+        }
+    };
+    const setSlideRef = (slideRef, slideIndex)=>{
+        slidesStore.current[slideIndex] = slideRef;
+    };
+    const { canSlideLeft, canSlideRight, isDraggable } = controlElementsState;
+    return /*#__PURE__*/ React.createElement(RootComponent, {
+        ...restProps,
+        baseClassName: classNames(styles['BaseGallery'], slideWidth === 'custom' && styles['BaseGallery--custom-width'], isDraggable && styles['BaseGallery--draggable']),
+        getRootRef: rootRef
+    }, /*#__PURE__*/ React.createElement(Touch, {
+        className: styles['BaseGallery__viewport'],
+        onStartX: onStart,
+        onMoveX: onMoveX,
+        onEnd: onEnd,
+        style: {
+            width: slideWidth === 'custom' ? '100%' : slideWidth
+        },
+        getRootRef: viewportRef,
+        noSlideClick: true
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: styles['BaseGallery__layer'],
+        ref: layerRef
+    }, React.Children.map(children, (item, i)=>/*#__PURE__*/ React.createElement("div", {
+            className: styles['BaseGallery__slide'],
+            key: `slide-${i}`,
+            ref: (el)=>setSlideRef(el, i)
+        }, item)))), bullets && /*#__PURE__*/ React.createElement("div", {
+        "aria-hidden": true,
+        className: classNames(styles['BaseGallery__bullets'], stylesBullets[bullets])
+    }, React.Children.map(children, (_item, index)=>/*#__PURE__*/ React.createElement("div", {
+            className: classNames(styles['BaseGallery__bullet'], index === slideIndex && styles['BaseGallery__bullet--active']),
+            key: index
+        }))), showArrows && hasPointer && canSlideLeft && /*#__PURE__*/ React.createElement(ScrollArrow, {
+        className: styles['BaseGallery__arrow'],
+        direction: "left",
+        onClick: slideLeft,
+        size: arrowSize
+    }), showArrows && hasPointer && canSlideRight && /*#__PURE__*/ React.createElement(ScrollArrow, {
+        className: styles['BaseGallery__arrow'],
+        direction: "right",
+        onClick: slideRight,
+        size: arrowSize
+    }));
+};
+
+//# sourceMappingURL=CarouselBase.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/BaseGallery/CarouselBase/CarouselBase.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityHasPointer } from '../../../hooks/useAdaptivityHasPointer';\nimport { useExternRef } from '../../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../../hooks/useGlobalEventListener';\nimport { useDOM } from '../../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../../lib/warnOnce';\nimport { RootComponent } from '../../RootComponent/RootComponent';\nimport { ScrollArrow } from '../../ScrollArrow/ScrollArrow';\nimport { Touch, TouchEvent } from '../../Touch/Touch';\nimport { BaseGalleryProps, GallerySlidesState } from '../types';\nimport { ANIMATION_DURATION, CONTROL_ELEMENTS_STATE, SLIDES_MANAGER_STATE } from './constants';\nimport { calculateIndent, getLoopPoints, getTargetIndex } from './helpers';\nimport { useSlideAnimation } from './hooks';\nimport { ControlElementsState, SlidesManagerState } from './types';\nimport styles from '../BaseGallery.module.css';\n\nconst stylesBullets = {\n  dark: styles['BaseGallery__bullets--dark'],\n  light: styles['BaseGallery__bullets--light'],\n};\n\nconst warn = warnOnce('Gallery');\n\nexport const CarouselBase = ({\n  bullets = false,\n  getRootRef,\n  children,\n  slideWidth = '100%',\n  slideIndex = 0,\n  isDraggable: isDraggableProp = true,\n  onDragStart,\n  onDragEnd,\n  onChange,\n  onPrevClick,\n  onNextClick,\n  align = 'left',\n  showArrows,\n  getRef,\n  arrowSize = 'l',\n  ...restProps\n}: BaseGalleryProps) => {\n  const slidesStore = React.useRef<Record<string, HTMLDivElement | null>>({});\n  const slidesManager = React.useRef<SlidesManagerState>(SLIDES_MANAGER_STATE);\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 { addToAnimationQueue, getAnimateFunction, startAnimation } = useSlideAnimation();\n\n  const [controlElementsState, setControlElementsState] =\n    React.useState<ControlElementsState>(CONTROL_ELEMENTS_STATE);\n\n  const { window } = useDOM();\n  const hasPointer = useAdaptivityHasPointer();\n\n  const isCenterWithCustomWidth = slideWidth === 'custom' && align === 'center';\n\n  const transformCssStyles = (shiftX: number, animation = false) => {\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\n    if (layerRef.current) {\n      layerRef.current.style.transform = `translate3d(${shiftX}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 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      if (shiftX > snaps[0]) {\n        shiftXCurrentRef.current = -contentSize + snaps[0];\n        shiftX = shiftXCurrentRef.current + shiftXDeltaRef.current;\n      }\n      const lastPoint = slides[slides.length - 1].width + slides[slides.length - 1].coordX;\n\n      if (shiftX <= -lastPoint) {\n        shiftXCurrentRef.current = Math.abs(shiftXDeltaRef.current) + snaps[0];\n      }\n      transformCssStyles(shiftX, animation);\n    });\n  };\n\n  const initializeSlides = () => {\n    if (!rootRef.current || !viewportRef.current) {\n      return;\n    }\n    let localSlides =\n      React.Children.map(children, (_item, i): GallerySlidesState => {\n        const elem = slidesStore.current[i] || { offsetLeft: 0, offsetWidth: 0 };\n        return { coordX: elem.offsetLeft, width: elem.offsetWidth };\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') {\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    if (align === 'center') {\n      const firstSlideShift = (containerWidth - localSlides[0].width) / 2;\n      localSlides = localSlides.map((item) => {\n        return {\n          width: item.width,\n          coordX: item.coordX - firstSlideShift,\n        };\n      });\n    }\n\n    slidesManager.current = {\n      ...slidesManager.current,\n      viewportOffsetWidth,\n      slides: localSlides,\n      isFullyVisible: layerWidth <= containerWidth,\n    };\n\n    const snaps = localSlides.map((_, index) =>\n      calculateIndent(index, slidesManager.current, isCenterWithCustomWidth),\n    );\n\n    let contentSize = -snaps[snaps.length - 1] + localSlides[localSlides.length - 1].width;\n    if (align === 'center') {\n      contentSize += snaps[0];\n    }\n\n    slidesManager.current.snaps = snaps;\n    slidesManager.current.contentSize = contentSize;\n    slidesManager.current.loopPoints = getLoopPoints(slidesManager.current, containerWidth);\n\n    setControlElementsState({\n      canSlideLeft: !slidesManager.current.isFullyVisible,\n      canSlideRight: !slidesManager.current.isFullyVisible,\n      isDraggable: isDraggableProp && !slidesManager.current.isFullyVisible,\n    });\n\n    shiftXCurrentRef.current = snaps[slideIndex];\n    initialized.current = true;\n\n    requestTransform(shiftXCurrentRef.current);\n  };\n\n  const onResize = () => {\n    if (initialized.current) {\n      initializeSlides();\n    }\n  };\n\n  useGlobalEventListener(window, 'resize', onResize);\n\n  useIsomorphicLayoutEffect(\n    function performSlideChange() {\n      if (!initialized.current) {\n        return;\n      }\n      const { snaps, slides } = slidesManager.current;\n      const indent = snaps[slideIndex];\n      let startPoint = shiftXCurrentRef.current;\n\n      /**\n       * Переключаемся с последнего элемента на первый\n       * Для корректной анимации мы прокручиваем последний слайд на всю длину (shiftX) \"вперед\"\n       * В конце анимации при отрисовке следующего кадра задаем всем слайдам начальные значения\n       */\n      if (indent === snaps[0] && shiftXCurrentRef.current <= snaps[snaps.length - 1]) {\n        const distance =\n          Math.abs(snaps[snaps.length - 1]) + slides[slides.length - 1].width + startPoint;\n\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 - slides[slides.length - 1].width;\n\n        addToAnimationQueue(() => {\n          requestAnimationFrame(() => {\n            const shiftX = indent - slides[slides.length - 1].width;\n            transformCssStyles(shiftX);\n\n            getAnimateFunction((progress) => {\n              transformCssStyles(startPoint + progress * slides[slides.length - 1].width);\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      startAnimation();\n\n      shiftXCurrentRef.current = indent;\n    },\n    [slideIndex],\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    initializeSlides();\n  }, [children, align, slideWidth]);\n\n  const slideLeft = (event: React.MouseEvent) => {\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    onChange?.((slideIndex + 1) % slidesManager.current.slides.length);\n    onNextClick?.(event);\n  };\n\n  const onStart = (e: TouchEvent) => {\n    e.originalEvent.stopPropagation();\n    onDragStart?.(e);\n    shiftXCurrentRef.current = slidesManager.current.snaps[slideIndex];\n    shiftXDeltaRef.current = 0;\n  };\n\n  const onMoveX = (e: TouchEvent) => {\n    if (isDraggableProp && !slidesManager.current.isFullyVisible) {\n      e.originalEvent.preventDefault();\n\n      if (e.isSlideX) {\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: TouchEvent) => {\n    let targetIndex = slideIndex;\n    if (e.isSlide) {\n      targetIndex = getTargetIndex(\n        slidesManager.current.slides,\n        slideIndex,\n        shiftXCurrentRef.current,\n        shiftXDeltaRef.current,\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  const setSlideRef = (slideRef: HTMLDivElement | null, slideIndex: number) => {\n    slidesStore.current[slideIndex] = slideRef;\n  };\n\n  const { canSlideLeft, canSlideRight, isDraggable } = controlElementsState;\n\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        styles['BaseGallery'],\n        slideWidth === 'custom' && styles['BaseGallery--custom-width'],\n        isDraggable && styles['BaseGallery--draggable'],\n      )}\n      getRootRef={rootRef}\n    >\n      <Touch\n        className={styles['BaseGallery__viewport']}\n        onStartX={onStart}\n        onMoveX={onMoveX}\n        onEnd={onEnd}\n        style={{ width: slideWidth === 'custom' ? '100%' : slideWidth }}\n        getRootRef={viewportRef}\n        noSlideClick\n      >\n        <div className={styles['BaseGallery__layer']} ref={layerRef}>\n          {React.Children.map(children, (item: React.ReactNode, i: number) => (\n            <div\n              className={styles['BaseGallery__slide']}\n              key={`slide-${i}`}\n              ref={(el) => setSlideRef(el, i)}\n            >\n              {item}\n            </div>\n          ))}\n        </div>\n      </Touch>\n\n      {bullets && (\n        <div\n          aria-hidden\n          className={classNames(styles['BaseGallery__bullets'], stylesBullets[bullets])}\n        >\n          {React.Children.map(children, (_item: React.ReactNode, index: number) => (\n            <div\n              className={classNames(\n                styles['BaseGallery__bullet'],\n                index === slideIndex && styles['BaseGallery__bullet--active'],\n              )}\n              key={index}\n            />\n          ))}\n        </div>\n      )}\n\n      {showArrows && hasPointer && canSlideLeft && (\n        <ScrollArrow\n          className={styles['BaseGallery__arrow']}\n          direction=\"left\"\n          onClick={slideLeft}\n          size={arrowSize}\n        />\n      )}\n      {showArrows && hasPointer && canSlideRight && (\n        <ScrollArrow\n          className={styles['BaseGallery__arrow']}\n          direction=\"right\"\n          onClick={slideRight}\n          size={arrowSize}\n        />\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","useAdaptivityHasPointer","useExternRef","useGlobalEventListener","useDOM","useIsomorphicLayoutEffect","warnOnce","RootComponent","ScrollArrow","Touch","ANIMATION_DURATION","CONTROL_ELEMENTS_STATE","SLIDES_MANAGER_STATE","calculateIndent","getLoopPoints","getTargetIndex","useSlideAnimation","styles","stylesBullets","dark","light","warn","CarouselBase","bullets","getRootRef","children","slideWidth","slideIndex","isDraggable","isDraggableProp","onDragStart","onDragEnd","onChange","onPrevClick","onNextClick","align","showArrows","getRef","arrowSize","restProps","slidesStore","useRef","slidesManager","rootRef","viewportRef","layerRef","animationFrameRef","shiftXCurrentRef","shiftXDeltaRef","initialized","addToAnimationQueue","getAnimateFunction","startAnimation","controlElementsState","setControlElementsState","useState","window","hasPointer","isCenterWithCustomWidth","transformCssStyles","shiftX","animation","current","loopPoints","forEach","loopPoint","target","index","slide","style","transform","transition","requestTransform","snaps","contentSize","slides","cancelAnimationFrame","requestAnimationFrame","lastPoint","length","width","coordX","Math","abs","initializeSlides","localSlides","Children","map","_item","i","elem","offsetLeft","offsetWidth","containerWidth","viewportOffsetWidth","layerWidth","reduce","val","process","env","NODE_ENV","remainingWidth","firstSlideShift","item","isFullyVisible","_","canSlideLeft","canSlideRight","onResize","performSlideChange","indent","startPoint","distance","progress","direction","slideLeft","event","slideRight","onStart","e","originalEvent","stopPropagation","onMoveX","preventDefault","isSlideX","onEnd","targetIndex","isSlide","initialShiftX","setSlideRef","slideRef","baseClassName","className","onStartX","noSlideClick","div","ref","key","el","aria-hidden","onClick","size"],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+import { ControlElementsState, SlidesManagerState } from './types';
+export declare const ANIMATION_DURATION = 240;
+export declare const SLIDE_THRESHOLD = 0.05;
+export declare const CONTROL_ELEMENTS_STATE: ControlElementsState;
+export declare const SLIDES_MANAGER_STATE: SlidesManagerState;
+//# sourceMappingURL=constants.d.ts.map

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

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

package/dist/cssm/components/BaseGallery/CarouselBase/constants.js

@@ -0,0 +1,17 @@
+export const ANIMATION_DURATION = 240;
+export const SLIDE_THRESHOLD = 0.05;
+export const CONTROL_ELEMENTS_STATE = {
+    canSlideLeft: true,
+    canSlideRight: true,
+    isDraggable: true
+};
+export const SLIDES_MANAGER_STATE = {
+    viewportOffsetWidth: 0,
+    slides: [],
+    isFullyVisible: true,
+    loopPoints: [],
+    contentSize: 0,
+    snaps: []
+};
+
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/BaseGallery/CarouselBase/constants.ts"],"sourcesContent":["import { 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};\n"],"names":["ANIMATION_DURATION","SLIDE_THRESHOLD","CONTROL_ELEMENTS_STATE","canSlideLeft","canSlideRight","isDraggable","SLIDES_MANAGER_STATE","viewportOffsetWidth","slides","isFullyVisible","loopPoints","contentSize","snaps"],"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;AACX,EAAE"}

package/dist/cssm/components/BaseGallery/CarouselBase/helpers.d.ts

@@ -0,0 +1,14 @@
+import { GallerySlidesState } from '../types';
+import { LoopPoint, SlidesManagerState } from './types';
+export declare function calculateIndent(targetIndex: number, slidesManager: SlidesManagerState, isCenterWithCustomWidth: boolean): number;
+/**
+ * Вычисляем индексы слайдов, которые необходимо смещать
+ */
+export declare function getShiftedIndexes(direction: 1 | -1, slides: GallerySlidesState[], availableWidth: number): number[];
+export declare function calculateLoopPoints(indexes: number[], edge: 'start' | 'end', slidesManager: SlidesManagerState, containerWidth: number): LoopPoint[];
+/**
+ * Вычисляем "ключевые" точки, на которых должно происходить смещение слайдов
+ */
+export declare function getLoopPoints(slidesManager: SlidesManagerState, containerWidth: number): LoopPoint[];
+export declare function getTargetIndex(slides: GallerySlidesState[], slideIndex: number, currentShiftX: number, currentShiftXDelta: number): number;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/cssm/components/BaseGallery/CarouselBase/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/BaseGallery/CarouselBase/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAKxD,wBAAgB,eAAe,CAC7B,WAAW,EAAE,MAAM,EACnB,aAAa,EAAE,kBAAkB,EACjC,uBAAuB,EAAE,OAAO,UAmBjC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,EACjB,MAAM,EAAE,kBAAkB,EAAE,EAC5B,cAAc,EAAE,MAAM,YAqBvB;AAED,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,MAAM,EAAE,EACjB,IAAI,EAAE,OAAO,GAAG,KAAK,EACrB,aAAa,EAAE,kBAAkB,EACjC,cAAc,EAAE,MAAM,GACrB,SAAS,EAAE,CAmBb;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,aAAa,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,eAStF;AAKD,wBAAgB,cAAc,CAC5B,MAAM,EAAE,kBAAkB,EAAE,EAC5B,UAAU,EAAE,MAAM,EAClB,aAAa,EAAE,MAAM,EACrB,kBAAkB,EAAE,MAAM,UA4B3B"}

package/dist/cssm/components/BaseGallery/CarouselBase/helpers.js

@@ -0,0 +1,85 @@
+import { SLIDE_THRESHOLD } from './constants';
+/*
+ * Считает отступ слоя галереи
+ */ export function calculateIndent(targetIndex, slidesManager, isCenterWithCustomWidth) {
+    if (slidesManager.isFullyVisible || !slidesManager.slides.length) {
+        return 0;
+    }
+    const targetSlide = slidesManager.slides[targetIndex];
+    if (targetSlide) {
+        const { coordX, width } = targetSlide;
+        if (isCenterWithCustomWidth) {
+            return slidesManager.viewportOffsetWidth / 2 - coordX - width / 2;
+        }
+        return -1 * coordX;
+    }
+    return 0;
+}
+/**
+ * Вычисляем индексы слайдов, которые необходимо смещать
+ */ export function getShiftedIndexes(direction, slides, availableWidth) {
+    let gap = availableWidth;
+    const shiftedSlideIndexes = [];
+    const startIndex = direction === 1 ? 0 : slides.length - 1;
+    const endIndex = direction === 1 ? slides.length - 1 : 0;
+    for(let i = startIndex; (direction === 1 ? i <= endIndex : i >= endIndex) && gap > 0; i += direction){
+        const slideWidth = slides[i].width;
+        if (gap > 0) {
+            shiftedSlideIndexes.push(i);
+        }
+        gap -= slideWidth;
+    }
+    return shiftedSlideIndexes;
+}
+export function calculateLoopPoints(indexes, edge, slidesManager, containerWidth) {
+    const { contentSize, slides, snaps } = slidesManager;
+    const isStartEdge = edge === 'start';
+    const offset = isStartEdge ? -contentSize : contentSize;
+    return indexes.map((index)=>{
+        const initial = isStartEdge ? 0 : -contentSize;
+        const altered = isStartEdge ? contentSize : 0;
+        const loopPoint = isStartEdge ? snaps[index] + containerWidth + offset : snaps[index] - slides[index].width + offset - snaps[0];
+        return {
+            index,
+            target: (currentLocation)=>{
+                return currentLocation >= loopPoint ? initial : altered;
+            }
+        };
+    });
+}
+/**
+ * Вычисляем "ключевые" точки, на которых должно происходить смещение слайдов
+ */ export function getLoopPoints(slidesManager, containerWidth) {
+    const { slides, snaps } = slidesManager;
+    const startShiftedIndexes = getShiftedIndexes(-1, slides, snaps[0]);
+    const endShiftedIndexes = getShiftedIndexes(1, slides, containerWidth - snaps[0]);
+    return [
+        ...calculateLoopPoints(endShiftedIndexes, 'start', slidesManager, containerWidth),
+        ...calculateLoopPoints(startShiftedIndexes, 'end', slidesManager, containerWidth)
+    ];
+}
+/*
+ * Получает индекс слайда, к которому будет осуществлен переход
+ */ export function getTargetIndex(slides, slideIndex, currentShiftX, currentShiftXDelta) {
+    const shift = currentShiftX + currentShiftXDelta;
+    const direction = currentShiftXDelta < 0 ? 1 : -1;
+    // Находим ближайшую границу слайда к текущему отступу
+    let targetIndex = slides.reduce((val, item, index)=>{
+        const previousValue = Math.abs(slides[val].coordX + shift);
+        const currentValue = Math.abs(item.coordX + shift);
+        return previousValue < currentValue ? val : index;
+    }, slideIndex);
+    if (targetIndex === slideIndex) {
+        let targetSlide = slideIndex + direction;
+        if (targetSlide >= 0 && targetSlide < slides.length) {
+            if (Math.abs(currentShiftXDelta) > slides[targetSlide].width * SLIDE_THRESHOLD) {
+                return targetSlide;
+            }
+            return targetIndex;
+        }
+        return direction < 0 ? (targetSlide + slides.length) % slides.length : targetSlide % slides.length;
+    }
+    return targetIndex;
+}
+
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/BaseGallery/CarouselBase/helpers.ts"],"sourcesContent":["import { GallerySlidesState } from '../types';\nimport { SLIDE_THRESHOLD } from './constants';\nimport { LoopPoint, SlidesManagerState } from './types';\n\n/*\n * Считает отступ слоя галереи\n */\nexport function calculateIndent(\n  targetIndex: number,\n  slidesManager: SlidesManagerState,\n  isCenterWithCustomWidth: boolean,\n) {\n  if (slidesManager.isFullyVisible || !slidesManager.slides.length) {\n    return 0;\n  }\n\n  const targetSlide = slidesManager.slides[targetIndex];\n\n  if (targetSlide) {\n    const { coordX, width } = targetSlide;\n\n    if (isCenterWithCustomWidth) {\n      return slidesManager.viewportOffsetWidth / 2 - coordX - width / 2;\n    }\n\n    return -1 * coordX;\n  }\n\n  return 0;\n}\n\n/**\n * Вычисляем индексы слайдов, которые необходимо смещать\n */\nexport function getShiftedIndexes(\n  direction: 1 | -1,\n  slides: GallerySlidesState[],\n  availableWidth: number,\n) {\n  let gap = availableWidth;\n  const shiftedSlideIndexes = [];\n  const startIndex = direction === 1 ? 0 : slides.length - 1;\n  const endIndex = direction === 1 ? slides.length - 1 : 0;\n\n  for (\n    let i = startIndex;\n    (direction === 1 ? i <= endIndex : i >= endIndex) && gap > 0;\n    i += direction\n  ) {\n    const slideWidth = slides[i].width;\n\n    if (gap > 0) {\n      shiftedSlideIndexes.push(i);\n    }\n    gap -= slideWidth;\n  }\n\n  return shiftedSlideIndexes;\n}\n\nexport function calculateLoopPoints(\n  indexes: number[],\n  edge: 'start' | 'end',\n  slidesManager: SlidesManagerState,\n  containerWidth: number,\n): LoopPoint[] {\n  const { contentSize, slides, snaps } = slidesManager;\n  const isStartEdge = edge === 'start';\n  const offset = isStartEdge ? -contentSize : contentSize;\n\n  return indexes.map((index) => {\n    const initial = isStartEdge ? 0 : -contentSize;\n    const altered = isStartEdge ? contentSize : 0;\n    const loopPoint = isStartEdge\n      ? snaps[index] + containerWidth + offset\n      : snaps[index] - slides[index].width + offset - snaps[0];\n\n    return {\n      index,\n      target: (currentLocation) => {\n        return currentLocation >= loopPoint ? initial : altered;\n      },\n    };\n  });\n}\n\n/**\n * Вычисляем \"ключевые\" точки, на которых должно происходить смещение слайдов\n */\nexport function getLoopPoints(slidesManager: SlidesManagerState, containerWidth: number) {\n  const { slides, snaps } = slidesManager;\n  const startShiftedIndexes = getShiftedIndexes(-1, slides, snaps[0]);\n  const endShiftedIndexes = getShiftedIndexes(1, slides, containerWidth - snaps[0]);\n\n  return [\n    ...calculateLoopPoints(endShiftedIndexes, 'start', slidesManager, containerWidth),\n    ...calculateLoopPoints(startShiftedIndexes, 'end', slidesManager, containerWidth),\n  ];\n}\n\n/*\n * Получает индекс слайда, к которому будет осуществлен переход\n */\nexport function getTargetIndex(\n  slides: GallerySlidesState[],\n  slideIndex: number,\n  currentShiftX: number,\n  currentShiftXDelta: number,\n) {\n  const shift = currentShiftX + currentShiftXDelta;\n  const direction = currentShiftXDelta < 0 ? 1 : -1;\n\n  // Находим ближайшую границу слайда к текущему отступу\n  let targetIndex = slides.reduce((val: number, item: GallerySlidesState, index: number) => {\n    const previousValue = Math.abs(slides[val].coordX + shift);\n    const currentValue = Math.abs(item.coordX + shift);\n\n    return previousValue < currentValue ? val : index;\n  }, slideIndex);\n\n  if (targetIndex === slideIndex) {\n    let targetSlide = slideIndex + direction;\n\n    if (targetSlide >= 0 && targetSlide < slides.length) {\n      if (Math.abs(currentShiftXDelta) > slides[targetSlide].width * SLIDE_THRESHOLD) {\n        return targetSlide;\n      }\n      return targetIndex;\n    }\n    return direction < 0\n      ? (targetSlide + slides.length) % slides.length\n      : targetSlide % slides.length;\n  }\n\n  return targetIndex;\n}\n"],"names":["SLIDE_THRESHOLD","calculateIndent","targetIndex","slidesManager","isCenterWithCustomWidth","isFullyVisible","slides","length","targetSlide","coordX","width","viewportOffsetWidth","getShiftedIndexes","direction","availableWidth","gap","shiftedSlideIndexes","startIndex","endIndex","i","slideWidth","push","calculateLoopPoints","indexes","edge","containerWidth","contentSize","snaps","isStartEdge","offset","map","index","initial","altered","loopPoint","target","currentLocation","getLoopPoints","startShiftedIndexes","endShiftedIndexes","getTargetIndex","slideIndex","currentShiftX","currentShiftXDelta","shift","reduce","val","item","previousValue","Math","abs","currentValue"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+import { DrawInterface } from '../../../lib/animate';
+export declare function useSlideAnimation(): {
+    getAnimateFunction: (drawFunction: DrawInterface) => () => void;
+    addToAnimationQueue: (func: VoidFunction) => void;
+    startAnimation: () => void;
+};
+//# sourceMappingURL=hooks.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/BaseGallery/CarouselBase/hooks.ts"],"names":[],"mappings":"AACA,OAAO,EAAW,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAM9D,wBAAgB,iBAAiB;uCAGW,aAAa;gCAWpB,YAAY;;EAehD"}

package/dist/cssm/components/BaseGallery/CarouselBase/hooks.js

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { animate } from '../../../lib/animate';
+import { cubicBezier } from '../../../lib/fx';
+import { ANIMATION_DURATION } from './constants';
+const TIMING_FUNCTION = cubicBezier(0.8, 1);
+export function useSlideAnimation() {
+    const animationQueue = React.useRef([]);
+    function getAnimateFunction(drawFunction) {
+        return ()=>{
+            animate({
+                duration: ANIMATION_DURATION,
+                timing: TIMING_FUNCTION,
+                animationQueue: animationQueue.current,
+                draw: drawFunction
+            });
+        };
+    }
+    function addToAnimationQueue(func) {
+        animationQueue.current.push(func);
+    }
+    function startAnimation() {
+        if (animationQueue.current.length === 1) {
+            animationQueue.current[0]();
+        }
+    }
+    return {
+        getAnimateFunction,
+        addToAnimationQueue,
+        startAnimation
+    };
+}
+
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/BaseGallery/CarouselBase/hooks.ts"],"sourcesContent":["import * as React from 'react';\nimport { animate, 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  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  return {\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"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,OAAO,QAAuB,uBAAuB;AAC9D,SAASC,WAAW,QAAQ,kBAAkB;AAC9C,SAASC,kBAAkB,QAAQ,cAAc;AAEjD,MAAMC,kBAAkBF,YAAY,KAAK;AAEzC,OAAO,SAASG;IACd,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,OAAO;QACLJ;QACAM;QACAG;IACF;AACF"}

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

@@ -0,0 +1,54 @@
+import { GallerySlidesState } from '../types';
+export interface LoopPoint {
+    /**
+     * Индекс слайда
+     */
+    index: number;
+    /**
+     * Функция, которая по текущему сдвигу галереи определяет нужный сдвиг слайда
+     */
+    target(this: void, location: number): void;
+}
+export interface ControlElementsState {
+    /**
+     * Отвечает за отображение стрелки влево
+     */
+    canSlideLeft: boolean;
+    /**
+     * Отвечает за отображение стрелки вправо
+     */
+    canSlideRight: boolean;
+    /**
+     * Возможность листаться слайды drag'ом
+     */
+    isDraggable: boolean;
+}
+export interface SlidesManagerState {
+    /**
+     * Общая ширина всех слайдов
+     */
+    contentSize: number;
+    /**
+     * Массив с пограничными точками слайдов, которые необходимо смещать, чтобы они всегда были в области видимости
+     * (пример: для последнего слайда это n-первых слайдов, необходимых для заполнения оставшейся ширины,
+     * или для первого слайда это n-последних слайдов при выравнивании по центру)
+     */
+    loopPoints: LoopPoint[];
+    /**
+     * Массив с правыми границами слайдов
+     */
+    snaps: number[];
+    /**
+     * Ширина видимой области слайдов
+     */
+    viewportOffsetWidth: number;
+    /**
+     * Массив слайдов с координатой начала слайда и шириной
+     */
+    slides: GallerySlidesState[];
+    /**
+     * Все слайды видимы без скрола
+     */
+    isFullyVisible: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/BaseGallery/CarouselBase/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5C;AAED,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB;;OAEG;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B;;OAEG;IACH,cAAc,EAAE,OAAO,CAAC;CACzB"}

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

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map