@vkontakte/vkui 5.8.2 → 5.9.1

package/dist/components/BaseGallery/BaseGallery.js

@@ -111,12 +111,11 @@ export var BaseGallery = function(_param) {
         var _rootRef_current, _viewportRef_current, _layoutState_current_slides_slideIndex, _localSlides_slideIndex;
         var _React_Children_map;
         var localSlides = (_React_Children_map = React.Children.map(children, function(_item, i) {
-            var _elem, _elem1;
             var elem = slidesStore.current["slide-".concat(i)];
             var _elem_offsetLeft, _elem_offsetWidth;
             return {
-                coordX: (_elem_offsetLeft = (_elem = elem) === null || _elem === void 0 ? void 0 : _elem.offsetLeft) !== null && _elem_offsetLeft !== void 0 ? _elem_offsetLeft : 0,
-                width: (_elem_offsetWidth = (_elem1 = elem) === null || _elem1 === void 0 ? void 0 : _elem1.offsetWidth) !== null && _elem_offsetWidth !== void 0 ? _elem_offsetWidth : 0
+                coordX: (_elem_offsetLeft = elem === null || elem === void 0 ? void 0 : elem.offsetLeft) !== null && _elem_offsetLeft !== void 0 ? _elem_offsetLeft : 0,
+                width: (_elem_offsetWidth = elem === null || elem === void 0 ? void 0 : elem.offsetWidth) !== null && _elem_offsetWidth !== void 0 ? _elem_offsetWidth : 0
             };
         })) !== null && _React_Children_map !== void 0 ? _React_Children_map : [];
         var _rootRef_current_offsetWidth;
@@ -147,8 +146,8 @@ export var BaseGallery = function(_param) {
             slides: localSlides,
             isFullyVisible: localLayerWidth <= localContainerWidth
         };
-        var _options_animation;
         setShiftState(function(prevState) {
+            var _options_animation;
             return _object_spread_props(_object_spread({}, prevState), {
                 shiftX: adjustShiftX ? calculateIndent(slideIndex) : prevState.shiftX,
                 animation: (_options_animation = options.animation) !== null && _options_animation !== void 0 ? _options_animation : prevState.shiftX === validateIndent(prevState.shiftX)
@@ -186,14 +185,12 @@ export var BaseGallery = function(_param) {
         slideIndex
     ]);
     var slideLeft = function(event) {
-        var _onChange, _onPrevClick;
-        (_onChange = onChange) === null || _onChange === void 0 ? void 0 : _onChange(slideIndex - 1);
-        (_onPrevClick = onPrevClick) === null || _onPrevClick === void 0 ? void 0 : _onPrevClick(event);
+        onChange === null || onChange === void 0 ? void 0 : onChange(slideIndex - 1);
+        onPrevClick === null || onPrevClick === void 0 ? void 0 : onPrevClick(event);
     };
     var slideRight = function(event) {
-        var _onChange, _onNextClick;
-        (_onChange = onChange) === null || _onChange === void 0 ? void 0 : _onChange(slideIndex + 1);
-        (_onNextClick = onNextClick) === null || _onNextClick === void 0 ? void 0 : _onNextClick(event);
+        onChange === null || onChange === void 0 ? void 0 : onChange(slideIndex + 1);
+        onNextClick === null || onNextClick === void 0 ? void 0 : onNextClick(event);
     };
     /*
    * Получает индекс слайда, к которому будет осуществлен переход
@@ -219,8 +216,8 @@ export var BaseGallery = function(_param) {
         return targetIndex;
     };
     var onStart = function(e) {
-        var _onDragStart;
-        (_onDragStart = onDragStart) === null || _onDragStart === void 0 ? void 0 : _onDragStart(e);
+        e.originalEvent.stopPropagation();
+        onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(e);
         setShiftState(function(prevState) {
             return _object_spread_props(_object_spread({}, prevState), {
                 animation: false
@@ -243,9 +240,8 @@ export var BaseGallery = function(_param) {
         }
     };
     var onEnd = function(e) {
-        var _onDragEnd;
         var targetIndex = e.isSlide ? getTarget(e) : slideIndex !== null && slideIndex !== void 0 ? slideIndex : 0;
-        (_onDragEnd = onDragEnd) === null || _onDragEnd === void 0 ? void 0 : _onDragEnd(e, targetIndex);
+        onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(e, targetIndex);
         var nextShiftState = {
             animation: true,
             dragging: false,
@@ -260,8 +256,7 @@ export var BaseGallery = function(_param) {
             return _object_spread({}, prevState, nextShiftState);
         });
         if (targetIndex !== slideIndex) {
-            var _onChange;
-            (_onChange = onChange) === null || _onChange === void 0 ? void 0 : _onChange(targetIndex);
+            onChange === null || onChange === void 0 ? void 0 : onChange(targetIndex);
         }
     };
     var indent = shiftState.dragging ? calculateDragIndent() : shiftState.shiftX;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/BaseGallery/BaseGallery.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 { RootComponent } from '../RootComponent/RootComponent';\nimport { ScrollArrow } from '../ScrollArrow/ScrollArrow';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport { calcMax, calcMin } from './helpers';\nimport { BaseGalleryProps, GallerySlidesState, LayoutState, ShiftingState } from './types';\nimport styles from './BaseGallery.module.css';\n\nconst ANIMATION_DURATION = 0.24;\n\nconst LAYOUT_DEFAULT_STATE = {\n  containerWidth: 0,\n  viewportOffsetWidth: 0,\n  layerWidth: 0,\n  min: 0,\n  max: 0,\n  slides: [],\n  isFullyVisible: true,\n};\n\nconst SHIFT_DEFAULT_STATE = {\n  animation: undefined,\n  shiftX: 0,\n  dragging: false,\n  deltaX: 0,\n  indent: 0,\n};\n\nconst stylesBullets = {\n  dark: styles['BaseGallery__bullets--dark'],\n  light: styles['BaseGallery__bullets--light'],\n};\nexport const BaseGallery = ({\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 layoutState = React.useRef<LayoutState>(LAYOUT_DEFAULT_STATE);\n  const [shiftState, setShiftState] = React.useState<ShiftingState>(SHIFT_DEFAULT_STATE);\n\n  const rootRef = useExternRef(getRootRef);\n  const viewportRef = useExternRef(getRef);\n\n  const { window } = useDOM();\n  const hasPointer = useAdaptivityHasPointer();\n\n  const isCenterWithCustomWidth = slideWidth === 'custom' && align === 'center';\n\n  const validateIndent = (value: number) => {\n    const localMax = layoutState.current.max ?? 0;\n    const localMin = layoutState.current.min ?? 0;\n\n    if (value < localMin) {\n      return localMin;\n    } else if (value > localMax) {\n      return localMax;\n    }\n\n    return value;\n  };\n\n  /*\n   * Считает отступ слоя галереи\n   */\n  const calculateIndent = (targetIndex: number) => {\n    if (layoutState.current.isFullyVisible) {\n      return 0;\n    }\n\n    const targetSlide = layoutState.current.slides?.length\n      ? layoutState.current.slides[targetIndex]\n      : null;\n\n    if (targetSlide) {\n      const { coordX, width } = targetSlide;\n\n      if (isCenterWithCustomWidth) {\n        const viewportWidth = layoutState.current.viewportOffsetWidth ?? 0;\n        return viewportWidth / 2 - coordX - width / 2;\n      }\n\n      return validateIndent(-1 * coordX);\n    }\n\n    return 0;\n  };\n\n  /*\n   * Считает отступ слоя галереи во время драга\n   */\n  const calculateDragIndent = () => {\n    const localMax = layoutState.current.max ?? 0;\n    const localMin = layoutState.current.min ?? 0;\n    const indent = shiftState.shiftX + shiftState.deltaX;\n\n    if (indent > localMax) {\n      return localMax + Number((indent - localMax) / 3);\n    } else if (indent < localMin) {\n      return localMin + Number((indent - localMin) / 3);\n    }\n\n    return indent;\n  };\n\n  const initializeSlides = (options: { animation?: boolean } = {}) => {\n    const localSlides =\n      React.Children.map(children, (_item: React.ReactNode, i: number): GallerySlidesState => {\n        const elem = slidesStore.current[`slide-${i}`];\n        return {\n          coordX: elem?.offsetLeft ?? 0,\n          width: elem?.offsetWidth ?? 0,\n        };\n      }) ?? [];\n\n    const localContainerWidth = rootRef.current?.offsetWidth ?? 0;\n    const localViewportOffsetWidth = viewportRef.current?.offsetWidth ?? 0;\n    const localLayerWidth = localSlides.reduce(\n      (val: number, slide: GallerySlidesState) => slide.width + val,\n      0,\n    );\n    const adjustShiftX =\n      localSlides.length <= layoutState.current.slides.length ||\n      layoutState.current.slides[slideIndex]?.coordX !== localSlides[slideIndex]?.coordX;\n\n    layoutState.current = {\n      containerWidth: localContainerWidth,\n      viewportOffsetWidth: localViewportOffsetWidth,\n      layerWidth: localLayerWidth,\n      max: calcMax({\n        slides: localSlides,\n        viewportOffsetWidth: localViewportOffsetWidth,\n        isCenterWithCustomWidth,\n      }),\n      min: calcMin({\n        containerWidth: localContainerWidth,\n        layerWidth: localLayerWidth,\n        slides: localSlides,\n        viewportOffsetWidth: localViewportOffsetWidth,\n        isCenterWithCustomWidth,\n        align,\n      }),\n      slides: localSlides,\n      isFullyVisible: localLayerWidth <= localContainerWidth,\n    };\n\n    setShiftState((prevState) => ({\n      ...prevState,\n      shiftX: adjustShiftX ? calculateIndent(slideIndex) : prevState.shiftX,\n      animation: options.animation ?? prevState.shiftX === validateIndent(prevState.shiftX),\n    }));\n  };\n\n  const onResize = () => {\n    if (shiftState.animation !== undefined) {\n      initializeSlides({ animation: false });\n    }\n  };\n\n  useGlobalEventListener(window, 'resize', onResize);\n\n  useIsomorphicLayoutEffect(() => {\n    initializeSlides({ animation: false });\n  }, [children, align, slideWidth]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (shiftState.animation !== undefined) {\n      setShiftState((prevState) => ({\n        ...prevState,\n        animation: true,\n        deltaX: 0,\n        shiftX: calculateIndent(slideIndex ?? 0),\n      }));\n    }\n  }, [slideIndex]);\n\n  const slideLeft = (event: React.MouseEvent) => {\n    onChange?.(slideIndex - 1);\n    onPrevClick?.(event);\n  };\n\n  const slideRight = (event: React.MouseEvent) => {\n    onChange?.(slideIndex + 1);\n    onNextClick?.(event);\n  };\n\n  /*\n   * Получает индекс слайда, к которому будет осуществлен переход\n   */\n  const getTarget = (e: TouchEvent) => {\n    const expectDeltaX = (shiftState.deltaX / e.duration) * 240 * 0.6;\n    const shift =\n      shiftState.shiftX + shiftState.deltaX + expectDeltaX - (layoutState.current.max ?? 0);\n    const direction = shiftState.deltaX < 0 ? 1 : -1;\n\n    // Находим ближайшую границу слайда к текущему отступу\n    let targetIndex = layoutState.current.slides.reduce(\n      (val: number, item: GallerySlidesState, index: number) => {\n        const previousValue = Math.abs(layoutState.current.slides[val].coordX + shift);\n        const currentValue = Math.abs(item.coordX + shift);\n\n        return previousValue < currentValue ? val : index;\n      },\n      slideIndex,\n    );\n\n    if (targetIndex === slideIndex) {\n      let targetSlide = slideIndex + direction;\n\n      if (targetSlide >= 0 && targetSlide < layoutState.current.slides.length) {\n        if (Math.abs(shiftState.deltaX) > layoutState.current.slides[targetSlide].width * 0.05) {\n          targetIndex = targetSlide;\n        }\n      }\n    }\n\n    return targetIndex;\n  };\n\n  const onStart = (e: TouchEvent) => {\n    onDragStart?.(e);\n    setShiftState((prevState) => ({ ...prevState, animation: false }));\n  };\n\n  const onMoveX = (e: TouchEvent) => {\n    if (isDraggableProp && !layoutState.current.isFullyVisible) {\n      e.originalEvent.preventDefault();\n\n      if (e.isSlideX) {\n        if (shiftState.deltaX !== e.shiftX) {\n          setShiftState((prevState) => ({\n            ...prevState,\n            deltaX: e.shiftX,\n            dragging: e.isSlideX,\n          }));\n        }\n      }\n    }\n  };\n\n  const onEnd = (e: TouchEvent) => {\n    const targetIndex = e.isSlide ? getTarget(e) : slideIndex ?? 0;\n    onDragEnd?.(e, targetIndex);\n\n    const nextShiftState: Partial<ShiftingState> = {\n      animation: true,\n      dragging: false,\n      deltaX: 0,\n    };\n\n    const shiftXStick = calculateDragIndent();\n    if (targetIndex !== slideIndex) {\n      // Сохраняем сдвиг слайда в том положении, в каком его оставили после драга (fix issue #2185)\n      nextShiftState.shiftX = shiftXStick;\n    }\n\n    setShiftState((prevState) => ({ ...prevState, ...nextShiftState }));\n    if (targetIndex !== slideIndex) {\n      onChange?.(targetIndex);\n    }\n  };\n\n  const indent = shiftState.dragging ? calculateDragIndent() : shiftState.shiftX;\n\n  const layerStyle = {\n    WebkitTransform: `translateX(${indent}px)`,\n    transform: `translateX(${indent}px)`,\n    WebkitTransition: shiftState.animation\n      ? `-webkit-transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n      : 'none',\n    transition: shiftState.animation\n      ? `transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n      : 'none',\n  };\n\n  const setSlideRef = (slideRef: HTMLDivElement | null, slideIndex: number) => {\n    slidesStore.current[`slide-${slideIndex}`] = slideRef;\n  };\n\n  // shiftX is negative number <= 0, we can swipe back only if it is < 0\n  const canSlideLeft = !layoutState.current.isFullyVisible && shiftState.shiftX < 0;\n\n  const canSlideRight =\n    !layoutState.current.isFullyVisible &&\n    // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side\n    ((align === 'left' &&\n      layoutState.current.containerWidth - shiftState.shiftX <\n        (layoutState.current.layerWidth ?? 0)) ||\n      // otherwise we need to check current slide index (align = right or align = center)\n      (align !== 'left' && slideIndex < layoutState.current.slides.length - 1));\n\n  const isDraggable = isDraggableProp && !layoutState.current.isFullyVisible;\n\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        styles['BaseGallery'],\n        align === 'center' && styles['BaseGallery--align-center'],\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']} style={layerStyle}>\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","RootComponent","ScrollArrow","Touch","calcMax","calcMin","ANIMATION_DURATION","LAYOUT_DEFAULT_STATE","containerWidth","viewportOffsetWidth","layerWidth","min","max","slides","isFullyVisible","SHIFT_DEFAULT_STATE","animation","undefined","shiftX","dragging","deltaX","indent","stylesBullets","dark","light","BaseGallery","bullets","getRootRef","children","slideWidth","slideIndex","isDraggableProp","isDraggable","onDragStart","onDragEnd","onChange","onPrevClick","onNextClick","align","showArrows","getRef","arrowSize","restProps","slidesStore","useRef","layoutState","useState","shiftState","setShiftState","rootRef","viewportRef","window","hasPointer","isCenterWithCustomWidth","validateIndent","value","localMax","current","localMin","calculateIndent","targetIndex","targetSlide","length","coordX","width","viewportWidth","calculateDragIndent","Number","initializeSlides","options","localSlides","Children","map","_item","i","elem","offsetLeft","offsetWidth","localContainerWidth","localViewportOffsetWidth","localLayerWidth","reduce","val","slide","adjustShiftX","prevState","onResize","slideLeft","event","slideRight","getTarget","e","expectDeltaX","duration","shift","direction","item","index","previousValue","Math","abs","currentValue","onStart","onMoveX","originalEvent","preventDefault","isSlideX","onEnd","isSlide","nextShiftState","shiftXStick","layerStyle","WebkitTransform","transform","WebkitTransition","transition","setSlideRef","slideRef","canSlideLeft","canSlideRight","baseClassName","className","onStartX","style","noSlideClick","div","key","ref","el","aria-hidden","onClick","size"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/BaseGallery/BaseGallery.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 { RootComponent } from '../RootComponent/RootComponent';\nimport { ScrollArrow } from '../ScrollArrow/ScrollArrow';\nimport { Touch, TouchEvent } from '../Touch/Touch';\nimport { calcMax, calcMin } from './helpers';\nimport { BaseGalleryProps, GallerySlidesState, LayoutState, ShiftingState } from './types';\nimport styles from './BaseGallery.module.css';\n\nconst ANIMATION_DURATION = 0.24;\n\nconst LAYOUT_DEFAULT_STATE = {\n  containerWidth: 0,\n  viewportOffsetWidth: 0,\n  layerWidth: 0,\n  min: 0,\n  max: 0,\n  slides: [],\n  isFullyVisible: true,\n};\n\nconst SHIFT_DEFAULT_STATE = {\n  animation: undefined,\n  shiftX: 0,\n  dragging: false,\n  deltaX: 0,\n  indent: 0,\n};\n\nconst stylesBullets = {\n  dark: styles['BaseGallery__bullets--dark'],\n  light: styles['BaseGallery__bullets--light'],\n};\nexport const BaseGallery = ({\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 layoutState = React.useRef<LayoutState>(LAYOUT_DEFAULT_STATE);\n  const [shiftState, setShiftState] = React.useState<ShiftingState>(SHIFT_DEFAULT_STATE);\n\n  const rootRef = useExternRef(getRootRef);\n  const viewportRef = useExternRef(getRef);\n\n  const { window } = useDOM();\n  const hasPointer = useAdaptivityHasPointer();\n\n  const isCenterWithCustomWidth = slideWidth === 'custom' && align === 'center';\n\n  const validateIndent = (value: number) => {\n    const localMax = layoutState.current.max ?? 0;\n    const localMin = layoutState.current.min ?? 0;\n\n    if (value < localMin) {\n      return localMin;\n    } else if (value > localMax) {\n      return localMax;\n    }\n\n    return value;\n  };\n\n  /*\n   * Считает отступ слоя галереи\n   */\n  const calculateIndent = (targetIndex: number) => {\n    if (layoutState.current.isFullyVisible) {\n      return 0;\n    }\n\n    const targetSlide = layoutState.current.slides?.length\n      ? layoutState.current.slides[targetIndex]\n      : null;\n\n    if (targetSlide) {\n      const { coordX, width } = targetSlide;\n\n      if (isCenterWithCustomWidth) {\n        const viewportWidth = layoutState.current.viewportOffsetWidth ?? 0;\n        return viewportWidth / 2 - coordX - width / 2;\n      }\n\n      return validateIndent(-1 * coordX);\n    }\n\n    return 0;\n  };\n\n  /*\n   * Считает отступ слоя галереи во время драга\n   */\n  const calculateDragIndent = () => {\n    const localMax = layoutState.current.max ?? 0;\n    const localMin = layoutState.current.min ?? 0;\n    const indent = shiftState.shiftX + shiftState.deltaX;\n\n    if (indent > localMax) {\n      return localMax + Number((indent - localMax) / 3);\n    } else if (indent < localMin) {\n      return localMin + Number((indent - localMin) / 3);\n    }\n\n    return indent;\n  };\n\n  const initializeSlides = (options: { animation?: boolean } = {}) => {\n    const localSlides =\n      React.Children.map(children, (_item: React.ReactNode, i: number): GallerySlidesState => {\n        const elem = slidesStore.current[`slide-${i}`];\n        return {\n          coordX: elem?.offsetLeft ?? 0,\n          width: elem?.offsetWidth ?? 0,\n        };\n      }) ?? [];\n\n    const localContainerWidth = rootRef.current?.offsetWidth ?? 0;\n    const localViewportOffsetWidth = viewportRef.current?.offsetWidth ?? 0;\n    const localLayerWidth = localSlides.reduce(\n      (val: number, slide: GallerySlidesState) => slide.width + val,\n      0,\n    );\n    const adjustShiftX =\n      localSlides.length <= layoutState.current.slides.length ||\n      layoutState.current.slides[slideIndex]?.coordX !== localSlides[slideIndex]?.coordX;\n\n    layoutState.current = {\n      containerWidth: localContainerWidth,\n      viewportOffsetWidth: localViewportOffsetWidth,\n      layerWidth: localLayerWidth,\n      max: calcMax({\n        slides: localSlides,\n        viewportOffsetWidth: localViewportOffsetWidth,\n        isCenterWithCustomWidth,\n      }),\n      min: calcMin({\n        containerWidth: localContainerWidth,\n        layerWidth: localLayerWidth,\n        slides: localSlides,\n        viewportOffsetWidth: localViewportOffsetWidth,\n        isCenterWithCustomWidth,\n        align,\n      }),\n      slides: localSlides,\n      isFullyVisible: localLayerWidth <= localContainerWidth,\n    };\n\n    setShiftState((prevState) => ({\n      ...prevState,\n      shiftX: adjustShiftX ? calculateIndent(slideIndex) : prevState.shiftX,\n      animation: options.animation ?? prevState.shiftX === validateIndent(prevState.shiftX),\n    }));\n  };\n\n  const onResize = () => {\n    if (shiftState.animation !== undefined) {\n      initializeSlides({ animation: false });\n    }\n  };\n\n  useGlobalEventListener(window, 'resize', onResize);\n\n  useIsomorphicLayoutEffect(() => {\n    initializeSlides({ animation: false });\n  }, [children, align, slideWidth]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (shiftState.animation !== undefined) {\n      setShiftState((prevState) => ({\n        ...prevState,\n        animation: true,\n        deltaX: 0,\n        shiftX: calculateIndent(slideIndex ?? 0),\n      }));\n    }\n  }, [slideIndex]);\n\n  const slideLeft = (event: React.MouseEvent) => {\n    onChange?.(slideIndex - 1);\n    onPrevClick?.(event);\n  };\n\n  const slideRight = (event: React.MouseEvent) => {\n    onChange?.(slideIndex + 1);\n    onNextClick?.(event);\n  };\n\n  /*\n   * Получает индекс слайда, к которому будет осуществлен переход\n   */\n  const getTarget = (e: TouchEvent) => {\n    const expectDeltaX = (shiftState.deltaX / e.duration) * 240 * 0.6;\n    const shift =\n      shiftState.shiftX + shiftState.deltaX + expectDeltaX - (layoutState.current.max ?? 0);\n    const direction = shiftState.deltaX < 0 ? 1 : -1;\n\n    // Находим ближайшую границу слайда к текущему отступу\n    let targetIndex = layoutState.current.slides.reduce(\n      (val: number, item: GallerySlidesState, index: number) => {\n        const previousValue = Math.abs(layoutState.current.slides[val].coordX + shift);\n        const currentValue = Math.abs(item.coordX + shift);\n\n        return previousValue < currentValue ? val : index;\n      },\n      slideIndex,\n    );\n\n    if (targetIndex === slideIndex) {\n      let targetSlide = slideIndex + direction;\n\n      if (targetSlide >= 0 && targetSlide < layoutState.current.slides.length) {\n        if (Math.abs(shiftState.deltaX) > layoutState.current.slides[targetSlide].width * 0.05) {\n          targetIndex = targetSlide;\n        }\n      }\n    }\n\n    return targetIndex;\n  };\n\n  const onStart = (e: TouchEvent) => {\n    e.originalEvent.stopPropagation();\n    onDragStart?.(e);\n    setShiftState((prevState) => ({ ...prevState, animation: false }));\n  };\n\n  const onMoveX = (e: TouchEvent) => {\n    if (isDraggableProp && !layoutState.current.isFullyVisible) {\n      e.originalEvent.preventDefault();\n\n      if (e.isSlideX) {\n        if (shiftState.deltaX !== e.shiftX) {\n          setShiftState((prevState) => ({\n            ...prevState,\n            deltaX: e.shiftX,\n            dragging: e.isSlideX,\n          }));\n        }\n      }\n    }\n  };\n\n  const onEnd = (e: TouchEvent) => {\n    const targetIndex = e.isSlide ? getTarget(e) : slideIndex ?? 0;\n    onDragEnd?.(e, targetIndex);\n\n    const nextShiftState: Partial<ShiftingState> = {\n      animation: true,\n      dragging: false,\n      deltaX: 0,\n    };\n\n    const shiftXStick = calculateDragIndent();\n    if (targetIndex !== slideIndex) {\n      // Сохраняем сдвиг слайда в том положении, в каком его оставили после драга (fix issue #2185)\n      nextShiftState.shiftX = shiftXStick;\n    }\n\n    setShiftState((prevState) => ({ ...prevState, ...nextShiftState }));\n    if (targetIndex !== slideIndex) {\n      onChange?.(targetIndex);\n    }\n  };\n\n  const indent = shiftState.dragging ? calculateDragIndent() : shiftState.shiftX;\n\n  const layerStyle = {\n    WebkitTransform: `translateX(${indent}px)`,\n    transform: `translateX(${indent}px)`,\n    WebkitTransition: shiftState.animation\n      ? `-webkit-transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n      : 'none',\n    transition: shiftState.animation\n      ? `transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n      : 'none',\n  };\n\n  const setSlideRef = (slideRef: HTMLDivElement | null, slideIndex: number) => {\n    slidesStore.current[`slide-${slideIndex}`] = slideRef;\n  };\n\n  // shiftX is negative number <= 0, we can swipe back only if it is < 0\n  const canSlideLeft = !layoutState.current.isFullyVisible && shiftState.shiftX < 0;\n\n  const canSlideRight =\n    !layoutState.current.isFullyVisible &&\n    // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side\n    ((align === 'left' &&\n      layoutState.current.containerWidth - shiftState.shiftX <\n        (layoutState.current.layerWidth ?? 0)) ||\n      // otherwise we need to check current slide index (align = right or align = center)\n      (align !== 'left' && slideIndex < layoutState.current.slides.length - 1));\n\n  const isDraggable = isDraggableProp && !layoutState.current.isFullyVisible;\n\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        styles['BaseGallery'],\n        align === 'center' && styles['BaseGallery--align-center'],\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']} style={layerStyle}>\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","RootComponent","ScrollArrow","Touch","calcMax","calcMin","ANIMATION_DURATION","LAYOUT_DEFAULT_STATE","containerWidth","viewportOffsetWidth","layerWidth","min","max","slides","isFullyVisible","SHIFT_DEFAULT_STATE","animation","undefined","shiftX","dragging","deltaX","indent","stylesBullets","dark","light","BaseGallery","bullets","getRootRef","children","slideWidth","slideIndex","isDraggableProp","isDraggable","onDragStart","onDragEnd","onChange","onPrevClick","onNextClick","align","showArrows","getRef","arrowSize","restProps","slidesStore","useRef","layoutState","useState","shiftState","setShiftState","rootRef","viewportRef","window","hasPointer","isCenterWithCustomWidth","validateIndent","value","localMax","current","localMin","calculateIndent","targetIndex","targetSlide","length","coordX","width","viewportWidth","calculateDragIndent","Number","initializeSlides","options","localSlides","Children","map","_item","i","elem","offsetLeft","offsetWidth","localContainerWidth","localViewportOffsetWidth","localLayerWidth","reduce","val","slide","adjustShiftX","prevState","onResize","slideLeft","event","slideRight","getTarget","e","expectDeltaX","duration","shift","direction","item","index","previousValue","Math","abs","currentValue","onStart","originalEvent","stopPropagation","onMoveX","preventDefault","isSlideX","onEnd","isSlide","nextShiftState","shiftXStick","layerStyle","WebkitTransform","transform","WebkitTransition","transition","setSlideRef","slideRef","canSlideLeft","canSlideRight","baseClassName","className","onStartX","style","noSlideClick","div","key","ref","el","aria-hidden","onClick","size"],"mappings":"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"}

package/dist/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/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/components/BaseGallery/CarouselBase/CarouselBase.js

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

package/dist/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","stylesBullets","dark","light","warn","CarouselBase","bullets","getRootRef","children","slideWidth","slideIndex","isDraggableProp","isDraggable","onDragStart","onDragEnd","onChange","onPrevClick","onNextClick","align","showArrows","getRef","arrowSize","restProps","slidesStore","useRef","slidesManager","rootRef","viewportRef","layerRef","animationFrameRef","shiftXCurrentRef","shiftXDeltaRef","initialized","addToAnimationQueue","getAnimateFunction","startAnimation","useState","controlElementsState","setControlElementsState","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":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,uBAAuB,QAAQ,yCAAyC;AACjF,SAASC,YAAY,QAAQ,8BAA8B;AAC3D,SAASC,sBAAsB,QAAQ,wCAAwC;AAC/E,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,yBAAyB,QAAQ,yCAAyC;AACnF,SAASC,QAAQ,QAAQ,wBAAwB;AACjD,SAASC,aAAa,QAAQ,oCAAoC;AAClE,SAASC,WAAW,QAAQ,gCAAgC;AAC5D,SAASC,KAAK,QAAoB,oBAAoB;AAEtD,SAASC,kBAAkB,EAAEC,sBAAsB,EAAEC,oBAAoB,QAAQ,cAAc;AAC/F,SAASC,eAAe,EAAEC,aAAa,EAAEC,cAAc,QAAQ,YAAY;AAC3E,SAASC,iBAAiB,QAAQ,UAAU;AAI5C,IAAMC,gBAAgB;IACpBC,IAAI;IACJC,KAAK;AACP;AAEA,IAAMC,OAAOd,SAAS;AAEtB,OAAO,IAAMe,eAAe;gCAC1BC,SAAAA,sCAAU,wBACVC,oBAAAA,YACAC,kBAAAA,qCACAC,YAAAA,4CAAa,uDACbC,YAAAA,4CAAa,uBACAC,aAAbC,aAAaD,kBAAAA,iBAAkB,OAAlBA,KACbE,qBAAAA,aACAC,mBAAAA,WACAC,kBAAAA,UACAC,qBAAAA,aACAC,qBAAAA,mCACAC,OAAAA,kCAAQ,uBACRC,oBAAAA,YACAC,gBAAAA,kCACAC,WAAAA,0CAAY,wBACTC;QAfHhB;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAME,cAAcxC,MAAMyC,MAAM,CAAwC,CAAC;IACzE,IAAMC,gBAAgB1C,MAAMyC,MAAM,CAAqB5B;IAEvD,IAAM8B,UAAUxC,aAAaqB;IAC7B,IAAMoB,cAAczC,aAAakC;IACjC,IAAMQ,WAAW7C,MAAMyC,MAAM,CAAiB;IAC9C,IAAMK,oBAAoB9C,MAAMyC,MAAM,CAAkD;IACxF,IAAMM,mBAAmB/C,MAAMyC,MAAM,CAAS;IAC9C,IAAMO,iBAAiBhD,MAAMyC,MAAM,CAAS;IAC5C,IAAMQ,cAAcjD,MAAMyC,MAAM,CAAU;IAC1C,IAAoExB,qBAAAA,qBAA5DiC,sBAA4DjC,mBAA5DiC,qBAAqBC,qBAAuClC,mBAAvCkC,oBAAoBC,iBAAmBnC,mBAAnBmC;IAEjD,IACEpD,mCAAAA,MAAMqD,QAAQ,CAAuBzC,6BADhC0C,uBACLtD,oBAD2BuD,0BAC3BvD;IAEF,IAAM,AAAEwD,SAAWnD,SAAXmD;IACR,IAAMC,aAAavD;IAEnB,IAAMwD,0BAA0BhC,eAAe,YAAYS,UAAU;IAErE,IAAMwB,qBAAqB,SAACC;YAAgBC,6EAAY;QACtDnB,cAAcoB,OAAO,CAACC,UAAU,CAACC,OAAO,CAAC,SAACC;YACxC,IAAQC,SAAkBD,UAAlBC,QAAQC,QAAUF,UAAVE;YAChB,IAAMC,QAAQ5B,YAAYsB,OAAO,CAACK,MAAM;YACxC,IAAIC,OAAO;gBACTA,MAAMC,KAAK,CAACC,SAAS,GAAG,AAAC,eAA6B,OAAfJ,OAAON,SAAQ;YACxD;QACF;QAEA,IAAIf,SAASiB,OAAO,EAAE;YACpBjB,SAASiB,OAAO,CAACO,KAAK,CAACC,SAAS,GAAG,AAAC,eAAqB,OAAPV,QAAO;YACzDf,SAASiB,OAAO,CAACO,KAAK,CAACE,UAAU,GAAGV,YAChC,AAAC,aAA+B,OAAnBlD,oBAAmB,oCAChC;QACN;IACF;IAEA,IAAM6D,mBAAmB,SAACZ;YAAgBC,6EAAY;QACpD,IAAuCnB,yBAAAA,cAAcoB,OAAO,EAApDW,QAA+B/B,uBAA/B+B,OAAOC,cAAwBhC,uBAAxBgC,aAAaC,SAAWjC,uBAAXiC;QAE5B,IAAI7B,kBAAkBgB,OAAO,KAAK,MAAM;YACtCc,qBAAqB9B,kBAAkBgB,OAAO;QAChD;QACAhB,kBAAkBgB,OAAO,GAAGe,sBAAsB;YAChD,IAAIjB,SAASa,KAAK,CAAC,EAAE,EAAE;gBACrB1B,iBAAiBe,OAAO,GAAG,CAACY,cAAcD,KAAK,CAAC,EAAE;gBAClDb,SAASb,iBAAiBe,OAAO,GAAGd,eAAec,OAAO;YAC5D;YACA,IAAMgB,YAAYH,MAAM,CAACA,OAAOI,MAAM,GAAG,EAAE,CAACC,KAAK,GAAGL,MAAM,CAACA,OAAOI,MAAM,GAAG,EAAE,CAACE,MAAM;YAEpF,IAAIrB,UAAU,CAACkB,WAAW;gBACxB/B,iBAAiBe,OAAO,GAAGoB,KAAKC,GAAG,CAACnC,eAAec,OAAO,IAAIW,KAAK,CAAC,EAAE;YACxE;YACAd,mBAAmBC,QAAQC;QAC7B;IACF;IAEA,IAAMuB,mBAAmB;QACvB,IAAI,CAACzC,QAAQmB,OAAO,IAAI,CAAClB,YAAYkB,OAAO,EAAE;YAC5C;QACF;QACA,IAAIuB,cACFrF,MAAMsF,QAAQ,CAACC,GAAG,CAAC9D,UAAU,SAAC+D,OAAOC;YACnC,IAAMC,OAAOlD,YAAYsB,OAAO,CAAC2B,EAAE,IAAI;gBAAEE,YAAY;gBAAGC,aAAa;YAAE;YACvE,OAAO;gBAAEX,QAAQS,KAAKC,UAAU;gBAAEX,OAAOU,KAAKE,WAAW;YAAC;QAC5D,MAAM,EAAE;QAEV,IAAMC,iBAAiBlD,QAAQmB,OAAO,CAAC8B,WAAW;QAClD,IAAME,sBAAsBlD,YAAYkB,OAAO,CAAC8B,WAAW;QAC3D,IAAMG,aAAaV,YAAYW,MAAM,CAAC,SAACC,KAAK7B;mBAAUA,MAAMY,KAAK,GAAGiB;WAAK;QAEzE,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;YAC1C,IAAIC,iBAAiBR;YACrB,IAAIlE,cAAa;YAEjB,MAAO0E,iBAAiB,KAAK1E,cAAa0D,YAAYN,MAAM,CAAE;gBAC5DsB,kBAAkBhB,WAAW,CAAC1D,YAAW,CAACqD,KAAK;gBAC/CrD;YACF;YACA,IAAI0E,kBAAkB,KAAK1E,gBAAe0D,YAAYN,MAAM,EAAE;gBAC5D1D,KACE;YAEJ;QACF;QACA,IAAIc,UAAU,UAAU;YACtB,IAAMmE,kBAAkB,AAACT,CAAAA,iBAAiBR,WAAW,CAAC,EAAE,CAACL,KAAK,AAAD,IAAK;YAClEK,cAAcA,YAAYE,GAAG,CAAC,SAACgB;gBAC7B,OAAO;oBACLvB,OAAOuB,KAAKvB,KAAK;oBACjBC,QAAQsB,KAAKtB,MAAM,GAAGqB;gBACxB;YACF;QACF;QAEA5D,cAAcoB,OAAO,GAAG,wCACnBpB,cAAcoB,OAAO;YACxBgC,qBAAAA;YACAnB,QAAQU;YACRmB,gBAAgBT,cAAcF;;QAGhC,IAAMpB,QAAQY,YAAYE,GAAG,CAAC,SAACkB,GAAGtC;mBAChCrD,gBAAgBqD,OAAOzB,cAAcoB,OAAO,EAAEJ;;QAGhD,IAAIgB,cAAc,CAACD,KAAK,CAACA,MAAMM,MAAM,GAAG,EAAE,GAAGM,WAAW,CAACA,YAAYN,MAAM,GAAG,EAAE,CAACC,KAAK;QACtF,IAAI7C,UAAU,UAAU;YACtBuC,eAAeD,KAAK,CAAC,EAAE;QACzB;QAEA/B,cAAcoB,OAAO,CAACW,KAAK,GAAGA;QAC9B/B,cAAcoB,OAAO,CAACY,WAAW,GAAGA;QACpChC,cAAcoB,OAAO,CAACC,UAAU,GAAGhD,cAAc2B,cAAcoB,OAAO,EAAE+B;QAExEtC,wBAAwB;YACtBmD,cAAc,CAAChE,cAAcoB,OAAO,CAAC0C,cAAc;YACnDG,eAAe,CAACjE,cAAcoB,OAAO,CAAC0C,cAAc;YACpD3E,aAAaD,mBAAmB,CAACc,cAAcoB,OAAO,CAAC0C,cAAc;QACvE;QAEAzD,iBAAiBe,OAAO,GAAGW,KAAK,CAAC9C,WAAW;QAC5CsB,YAAYa,OAAO,GAAG;QAEtBU,iBAAiBzB,iBAAiBe,OAAO;IAC3C;IAEA,IAAM8C,WAAW;QACf,IAAI3D,YAAYa,OAAO,EAAE;YACvBsB;QACF;IACF;IAEAhF,uBAAuBoD,QAAQ,UAAUoD;IAEzCtG,0BACE,SAASuG;QACP,IAAI,CAAC5D,YAAYa,OAAO,EAAE;YACxB;QACF;QACA,IAA0BpB,yBAAAA,cAAcoB,OAAO,EAAvCW,QAAkB/B,uBAAlB+B,OAAOE,SAAWjC,uBAAXiC;QACf,IAAMmC,SAASrC,KAAK,CAAC9C,WAAW;QAChC,IAAIoF,aAAahE,iBAAiBe,OAAO;QAEzC;;;;OAIC,GACD,IAAIgD,WAAWrC,KAAK,CAAC,EAAE,IAAI1B,iBAAiBe,OAAO,IAAIW,KAAK,CAACA,MAAMM,MAAM,GAAG,EAAE,EAAE;YAC9E,IAAMiC,WACJ9B,KAAKC,GAAG,CAACV,KAAK,CAACA,MAAMM,MAAM,GAAG,EAAE,IAAIJ,MAAM,CAACA,OAAOI,MAAM,GAAG,EAAE,CAACC,KAAK,GAAG+B;YAExE7D,oBACEC,mBAAmB,SAAC8D;gBAClB,IAAMrD,SAASmD,aAAaE,WAAWD,WAAW,CAAC;gBAEnDrD,mBAAmBC;gBAEnB,IAAIA,UAAUa,KAAK,CAACA,MAAMM,MAAM,GAAG,EAAE,GAAGJ,MAAM,CAACA,OAAOI,MAAM,GAAG,EAAE,CAACC,KAAK,EAAE;oBACvEH,sBAAsB;wBACpB9B,iBAAiBe,OAAO,GAAGgD;wBAC3BnD,mBAAmBc,KAAK,CAAC,EAAE;oBAC7B;gBACF;YACF;QAEF;;;;SAIC,GACH,OAAO,IAAIqC,WAAWrC,KAAK,CAACA,MAAMM,MAAM,GAAG,EAAE,IAAIhC,iBAAiBe,OAAO,KAAKW,KAAK,CAAC,EAAE,EAAE;YACtFsC,aAAaD,SAASnC,MAAM,CAACA,OAAOI,MAAM,GAAG,EAAE,CAACC,KAAK;YAErD9B,oBAAoB;gBAClB2B,sBAAsB;oBACpB,IAAMjB,SAASkD,SAASnC,MAAM,CAACA,OAAOI,MAAM,GAAG,EAAE,CAACC,KAAK;oBACvDrB,mBAAmBC;oBAEnBT,mBAAmB,SAAC8D;wBAClBtD,mBAAmBoD,aAAaE,WAAWtC,MAAM,CAACA,OAAOI,MAAM,GAAG,EAAE,CAACC,KAAK;oBAC5E;gBACF;YACF;QACA;;SAEC,GACH,OAAO;YACL9B,oBAAoB;gBAClB,IAAM8D,WAAW9B,KAAKC,GAAG,CAAC2B,SAASC;gBACnC,IAAIG,YAAYH,cAAcD,SAAS,IAAI,CAAC;gBAE5C3D,mBAAmB,SAAC8D;oBAClB,IAAMrD,SAASmD,aAAaE,WAAWD,WAAWE;oBAClDvD,mBAAmBC;gBACrB;YACF;QACF;QAEAR;QAEAL,iBAAiBe,OAAO,GAAGgD;IAC7B,GACA;QAACnF;KAAW;IAGdrB,0BAA0B;QACxB8E;IACF,GAAG;QAAC3D;QAAUU;QAAOT;KAAW;IAEhC,IAAMyF,YAAY,SAACC;QACjBpF,qBAAAA,+BAAAA,SACE,AAACL,CAAAA,aAAa,IAAIe,cAAcoB,OAAO,CAACa,MAAM,CAACI,MAAM,AAAD,IAAKrC,cAAcoB,OAAO,CAACa,MAAM,CAACI,MAAM;QAE9F9C,wBAAAA,kCAAAA,YAAcmF;IAChB;IAEA,IAAMC,aAAa,SAACD;QAClBpF,qBAAAA,+BAAAA,SAAW,AAACL,CAAAA,aAAa,CAAA,IAAKe,cAAcoB,OAAO,CAACa,MAAM,CAACI,MAAM;QACjE7C,wBAAAA,kCAAAA,YAAckF;IAChB;IAEA,IAAME,UAAU,SAACC;QACfA,EAAEC,aAAa,CAACC,eAAe;QAC/B3F,wBAAAA,kCAAAA,YAAcyF;QACdxE,iBAAiBe,OAAO,GAAGpB,cAAcoB,OAAO,CAACW,KAAK,CAAC9C,WAAW;QAClEqB,eAAec,OAAO,GAAG;IAC3B;IAEA,IAAM4D,UAAU,SAACH;QACf,IAAI3F,mBAAmB,CAACc,cAAcoB,OAAO,CAAC0C,cAAc,EAAE;YAC5De,EAAEC,aAAa,CAACG,cAAc;YAE9B,IAAIJ,EAAEK,QAAQ,EAAE;gBACd,IAAI5E,eAAec,OAAO,KAAKyD,EAAE3D,MAAM,EAAE;oBACvCZ,eAAec,OAAO,GAAGyD,EAAE3D,MAAM;oBACjCY,iBAAiBzB,iBAAiBe,OAAO,GAAGd,eAAec,OAAO;gBACpE;YACF;QACF;IACF;IAEA,IAAM+D,QAAQ,SAACN;QACb,IAAIO,cAAcnG;QAClB,IAAI4F,EAAEQ,OAAO,EAAE;YACbD,cAAc9G,eACZ0B,cAAcoB,OAAO,CAACa,MAAM,EAC5BhD,YACAoB,iBAAiBe,OAAO,EACxBd,eAAec,OAAO;QAE1B;QACA/B,sBAAAA,gCAAAA,UAAYwF,GAAGO;QAEf,IAAIA,gBAAgBnG,YAAY;YAC9BoB,iBAAiBe,OAAO,GAAGf,iBAAiBe,OAAO,GAAGd,eAAec,OAAO;YAC5E9B,qBAAAA,+BAAAA,SAAW8F;QACb,OAAO;YACL,IAAME,gBAAgBtF,cAAcoB,OAAO,CAACW,KAAK,CAACqD,YAAY;YAC9DtD,iBAAiBwD,eAAe;QAClC;IACF;IAEA,IAAMC,cAAc,SAACC,UAAiCvG;QACpDa,YAAYsB,OAAO,CAACnC,WAAW,GAAGuG;IACpC;IAEA,IAAQxB,eAA6CpD,qBAA7CoD,cAAcC,gBAA+BrD,qBAA/BqD,eAAe9E,cAAgByB,qBAAhBzB;IAErC,qBACE,oBAACrB,uDACK+B;QACJ4F,eAAelI,8BAEbyB,eAAe,6CACfG;QAEFL,YAAYmB;sBAEZ,oBAACjC;QACC0H,SAAS;QACTC,UAAUf;QACVI,SAASA;QACTG,OAAOA;QACPxD,OAAO;YAAEW,OAAOtD,eAAe,WAAW,SAASA;QAAW;QAC9DF,YAAYoB;QACZ0F,cAAAA;qBAEA,oBAACC;QAAIH,SAAS;QAAgCI,KAAK3F;OAChD7C,MAAMsF,QAAQ,CAACC,GAAG,CAAC9D,UAAU,SAAC8E,MAAuBd;6BACpD,oBAAC8C;YACCH,SAAS;YACTK,KAAK,AAAC,SAAU,OAAFhD;YACd+C,KAAK,SAACE;uBAAOT,YAAYS,IAAIjD;;WAE5Bc;UAMRhF,yBACC,oBAACgH;QACCI,eAAAA;QACAP,WAAWnI,uCAA2CiB,aAAa,CAACK,QAAQ;OAE3EvB,MAAMsF,QAAQ,CAACC,GAAG,CAAC9D,UAAU,SAAC+D,OAAwBrB;6BACrD,oBAACoE;YACCH,WAAWnI,sCAETkE,UAAUxC;YAEZ8G,KAAKtE;;SAMZ/B,cAAcqB,cAAciD,8BAC3B,oBAACjG;QACC2H,SAAS;QACTlB,WAAU;QACV0B,SAASzB;QACT0B,MAAMvG;QAGTF,cAAcqB,cAAckD,+BAC3B,oBAAClG;QACC2H,SAAS;QACTlB,WAAU;QACV0B,SAASvB;QACTwB,MAAMvG;;AAKhB,EAAE"}

package/dist/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/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/components/BaseGallery/CarouselBase/constants.js

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

package/dist/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,IAAMA,qBAAqB,IAAI;AAEtC,OAAO,IAAMC,kBAAkB,KAAK;AAEpC,OAAO,IAAMC,yBAA+C;IAC1DC,cAAc;IACdC,eAAe;IACfC,aAAa;AACf,EAAE;AAEF,OAAO,IAAMC,uBAA2C;IACtDC,qBAAqB;IACrBC,QAAQ,EAAE;IACVC,gBAAgB;IAChBC,YAAY,EAAE;IACdC,aAAa;IACbC,OAAO,EAAE;AACX,EAAE"}

package/dist/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/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"}