@salutejs/plasma-new-hope 0.326.1-canary.2043.15849605311.0 → 0.327.0-canary.1741.15743877104.0

package/es/components/Carousel/CarouselNew/ui/Dots/Dots.js

@@ -1,68 +1,60 @@
-import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { memo, useRef, useLayoutEffect } from 'react';
 import cls from 'classnames';
 import { classes } from '../../Carousel.tokens.js';
-import { getActiveIndex, getTargetIndex, getInitialData } from './utils/index.js';
+import { getInitialData, getActiveIndex, getTargetIndex } from './utils/index.js';
 import { Wrapper, TransitionWrapper, LeftAnimationWrapper, DotWrapper, RightAnimationWrapper } from './Dots.styles.js';
 import { useDidMountLayoutEffect } from '../../../../../hooks/useDidMountLayoutEffect.js';
 
-var SIZE = 16; // размер точки в px
-var ANIMATION_DURATION = 0.3; // скорость анимации в секундах
+const SIZE = 16; // размер точки в px
+const ANIMATION_DURATION = 0.3; // скорость анимации в секундах
 
-var Dots = /*#__PURE__*/memo(function (_ref) {
-  var _ref$index = _ref.index,
-    originalIndex = _ref$index === void 0 ? 0 : _ref$index,
-    onChange = _ref.onChange,
-    _ref$centered = _ref.centered,
-    centered = _ref$centered === void 0 ? false : _ref$centered,
-    _ref$count = _ref.count,
-    count = _ref$count === void 0 ? 0 : _ref$count,
-    _ref$visibleCount = _ref.visibleCount,
-    originalVisibleCount = _ref$visibleCount === void 0 ? 0 : _ref$visibleCount;
+const Dots = /*#__PURE__*/memo(({
+  index: originalIndex = 0,
+  onChange,
+  centered = false,
+  count = 0,
+  visibleCount: originalVisibleCount = 0
+}) => {
   // Трансформируем входные параметры для корректной работы в дальнейшем
-  var _getInitialData = getInitialData(originalIndex, count, originalVisibleCount),
-    _getInitialData2 = _slicedToArray(_getInitialData, 2),
-    index = _getInitialData2[0],
-    visibleCount = _getInitialData2[1];
+  const [index, visibleCount] = getInitialData(originalIndex, count, originalVisibleCount);
 
   // Рефки на DOM-ноды
-  var transitionWrapperRef = useRef(null);
-  var dotWrapperRef = useRef(null);
-  var leftAnimationWrapperRef = useRef(null);
-  var rightAnimationWrapperRef = useRef(null);
+  const transitionWrapperRef = useRef(null);
+  const dotWrapperRef = useRef(null);
+  const leftAnimationWrapperRef = useRef(null);
+  const rightAnimationWrapperRef = useRef(null);
 
   // Консистентные переменные
-  var isAnimating = useRef(false);
-  var prevIndex = useRef(-Infinity);
-  var prevActiveIndex = useRef(Infinity);
-  var isRightDirection = index > prevIndex.current;
-  var diffDotsRange = Math.abs(index - prevIndex.current);
-  var activeIndex = getActiveIndex(index, isRightDirection, count, visibleCount);
-  var hiddenDotsLeft = activeIndex < index;
-  var hiddenDotsRight = index + (visibleCount - 1 - activeIndex) < count - 1;
-  var handleClick = function handleClick(i) {
+  const isAnimating = useRef(false);
+  const prevIndex = useRef(-Infinity);
+  const prevActiveIndex = useRef(Infinity);
+  const isRightDirection = index > prevIndex.current;
+  const diffDotsRange = Math.abs(index - prevIndex.current);
+  const activeIndex = getActiveIndex(index, isRightDirection, count, visibleCount);
+  const hiddenDotsLeft = activeIndex < index;
+  const hiddenDotsRight = index + (visibleCount - 1 - activeIndex) < count - 1;
+  const handleClick = i => {
     if (isAnimating.current) return;
     if (onChange) {
       onChange(index + (i - activeIndex));
     }
   };
-  var handleTransitionEnd = function handleTransitionEnd() {
+  const handleTransitionEnd = () => {
     if (!dotWrapperRef || !dotWrapperRef.current || !transitionWrapperRef || !transitionWrapperRef.current || !rightAnimationWrapperRef || !rightAnimationWrapperRef.current || !leftAnimationWrapperRef || !leftAnimationWrapperRef.current) {
       return;
     }
     dotWrapperRef.current.classList.remove(classes.animating);
     transitionWrapperRef.current.classList.remove(classes.animating);
-    Array.from(dotWrapperRef.current.children).forEach(function (child) {
-      var _child$classList;
-      (_child$classList = child.classList).remove.apply(_child$classList, [classes.active, classes.animateOut, classes.temporaryNatural, classes.shrinking]);
+    Array.from(dotWrapperRef.current.children).forEach(child => {
+      child.classList.remove(...[classes.active, classes.animateOut, classes.temporaryNatural, classes.shrinking]);
     });
     dotWrapperRef.current.children[activeIndex].classList.add(classes.active);
     if (centered) {
-      transitionWrapperRef.current.style.transform = "translateX(".concat(visibleCount * SIZE / 2 - SIZE / 2 - activeIndex * SIZE, "px)");
+      transitionWrapperRef.current.style.transform = `translateX(${visibleCount * SIZE / 2 - SIZE / 2 - activeIndex * SIZE}px)`;
     } else {
       transitionWrapperRef.current.style.transform = 'translateX(0)';
     }
-    setTimeout(function () {
+    setTimeout(() => {
       if (transitionWrapperRef && transitionWrapperRef.current) {
         isAnimating.current = false;
       }
@@ -75,40 +67,39 @@ var Dots = /*#__PURE__*/memo(function (_ref) {
     prevActiveIndex.current = activeIndex;
     isAnimating.current = false;
   };
-  useLayoutEffect(function () {
+  useLayoutEffect(() => {
     if (!dotWrapperRef || !dotWrapperRef.current || !transitionWrapperRef || !transitionWrapperRef.current) {
       return;
     }
 
     // Вычисляем начальный сдвиг по горизонтали, чтобы точка стала по центру
     if (centered) {
-      transitionWrapperRef.current.style.transform = "translateX(".concat(visibleCount * SIZE / 2 - SIZE / 2 - activeIndex * SIZE, "px)");
+      transitionWrapperRef.current.style.transform = `translateX(${visibleCount * SIZE / 2 - SIZE / 2 - activeIndex * SIZE}px)`;
     }
     prevIndex.current = index;
     prevActiveIndex.current = activeIndex;
   }, []);
-  useDidMountLayoutEffect(function () {
-    var _dotWrapperRef$curren;
+  useDidMountLayoutEffect(() => {
     if (!dotWrapperRef || !dotWrapperRef.current || !transitionWrapperRef || !transitionWrapperRef.current || !leftAnimationWrapperRef || !leftAnimationWrapperRef.current || !rightAnimationWrapperRef || !rightAnimationWrapperRef.current || isAnimating.current) {
       return;
     }
     isAnimating.current = true;
     dotWrapperRef.current.classList.add(classes.animating);
     transitionWrapperRef.current.classList.add(classes.animating);
-    var targetIndex = getTargetIndex(index, prevIndex.current, prevActiveIndex.current, diffDotsRange);
-    var dotsToAdd = Math.abs(targetIndex - activeIndex);
+    const targetIndex = getTargetIndex(index, prevIndex.current, prevActiveIndex.current, diffDotsRange);
+    const dotsToAdd = Math.abs(targetIndex - activeIndex);
     if (centered) {
-      transitionWrapperRef.current.style.transform = "translateX(".concat(visibleCount * SIZE / 2 - SIZE / 2 - targetIndex * SIZE, "px)");
+      transitionWrapperRef.current.style.transform = `translateX(${visibleCount * SIZE / 2 - SIZE / 2 - targetIndex * SIZE}px)`;
     } else if (dotsToAdd > 0) {
-      transitionWrapperRef.current.style.transform = "translateX(".concat(-SIZE * (targetIndex - activeIndex), "px)");
+      transitionWrapperRef.current.style.transform = `translateX(${-SIZE * (targetIndex - activeIndex)}px)`;
     }
 
     // Стираем все активные классы и устанавливаем активный класс на таргет.
     // В конце анимации произойдет переопределение активного класса.
-    Array.from(dotWrapperRef.current.children).forEach(function (child) {
+    Array.from(dotWrapperRef.current.children).forEach(child => {
       child.classList.remove(classes.active);
     });
-    (_dotWrapperRef$curren = dotWrapperRef.current.children[targetIndex]) === null || _dotWrapperRef$curren === void 0 || _dotWrapperRef$curren.classList.add(classes.active);
+    dotWrapperRef.current.children[targetIndex]?.classList.add(classes.active);
     if (index > prevIndex.current) {
       // Двигаемся вправо
 
@@ -116,45 +107,32 @@ var Dots = /*#__PURE__*/memo(function (_ref) {
       // приводить размер крайней правой точки (что будет в m размере?)
       // к натуральному размеру
       if (dotsToAdd >= 1) {
-        var _dotWrapperRef$curren2;
-        (_dotWrapperRef$curren2 = dotWrapperRef.current.children[visibleCount - 1]) === null || _dotWrapperRef$curren2 === void 0 || _dotWrapperRef$curren2.classList.add(classes.temporaryNatural);
+        dotWrapperRef.current.children[visibleCount - 1]?.classList.add(classes.temporaryNatural);
       }
 
       // Т.к. мы двигаемся вправо, то нужно начать уменьшать размер крайней левой точки
       // (опять же, что в m size?)
       if (dotsToAdd >= 1) {
-        var _dotWrapperRef$curren3;
-        (_dotWrapperRef$curren3 = dotWrapperRef.current.children[dotsToAdd]) === null || _dotWrapperRef$curren3 === void 0 || _dotWrapperRef$curren3.classList.add(classes.shrinking);
+        dotWrapperRef.current.children[dotsToAdd]?.classList.add(classes.shrinking);
       }
       if (dotsToAdd > 0) {
-        var _loop = function _loop() {
-            var _dotWrapperRef$curren4;
-            var node = document.createElement('div');
-            node.textContent = '';
-            node.classList.add(classes.dot);
-            node.style.opacity = '0';
-            var delay = i * (ANIMATION_DURATION / dotsToAdd);
-            node.style.animationDelay = "".concat(delay, "s");
-            rightAnimationWrapperRef.current.appendChild(node);
-            var duration = ANIMATION_DURATION / dotsToAdd;
-            requestAnimationFrame(function () {
-              node.classList.add(classes.animateIn);
-              node.style.animationDuration = "".concat(duration, "s");
-            });
-            var currentDomNode = (_dotWrapperRef$curren4 = dotWrapperRef.current.children) === null || _dotWrapperRef$curren4 === void 0 ? void 0 : _dotWrapperRef$curren4[i];
-            if (!currentDomNode) {
-              return {
-                v: void 0
-              };
-            }
-            currentDomNode.classList.add(classes.animateOut);
-            currentDomNode.style.animationDelay = "".concat(delay, "s");
-            currentDomNode.style.animationDuration = "".concat(duration, "s");
-          },
-          _ret;
-        for (var i = 0; i < dotsToAdd; i++) {
-          _ret = _loop();
-          if (_ret) return _ret.v;
+        for (let i = 0; i < dotsToAdd; i++) {
+          const node = document.createElement('div');
+          node.textContent = '';
+          node.classList.add(classes.dot);
+          node.style.opacity = '0';
+          const delay = i * (ANIMATION_DURATION / dotsToAdd);
+          node.style.animationDelay = `${delay}s`;
+          rightAnimationWrapperRef.current.appendChild(node);
+          const duration = ANIMATION_DURATION / dotsToAdd;
+          requestAnimationFrame(() => {
+            node.classList.add(classes.animateIn);
+            node.style.animationDuration = `${duration}s`;
+          });
+          const currentDomNode = dotWrapperRef.current.children?.[i];
+          currentDomNode?.classList.add(classes.animateOut);
+          currentDomNode.style.animationDelay = `${delay}s`;
+          currentDomNode.style.animationDuration = `${duration}s`;
         }
       }
     } else {
@@ -164,45 +142,32 @@ var Dots = /*#__PURE__*/memo(function (_ref) {
       // приводить размер крайней левой точки (что будет в m размере?)
       // к натуральному размеру.
       if (dotsToAdd >= 1) {
-        var _dotWrapperRef$curren5;
-        (_dotWrapperRef$curren5 = dotWrapperRef.current.children[0]) === null || _dotWrapperRef$curren5 === void 0 || _dotWrapperRef$curren5.classList.add(classes.temporaryNatural);
+        dotWrapperRef.current.children[0]?.classList.add(classes.temporaryNatural);
       }
 
       // Т.к. мы двигаемся влево, то нужно начать уменьшать размер крайней правой точки
       // (опять же, что в m size?)
       if (dotsToAdd >= 1) {
-        var _dotWrapperRef$curren6;
-        (_dotWrapperRef$curren6 = dotWrapperRef.current.children[visibleCount - 1 - dotsToAdd]) === null || _dotWrapperRef$curren6 === void 0 || _dotWrapperRef$curren6.classList.add(classes.shrinking);
+        dotWrapperRef.current.children[visibleCount - 1 - dotsToAdd]?.classList.add(classes.shrinking);
       }
       if (dotsToAdd > 0) {
-        var _loop2 = function _loop2() {
-            var _dotWrapperRef$curren7;
-            var node = document.createElement('div');
-            node.textContent = '';
-            node.classList.add(classes.dot);
-            node.style.opacity = '0';
-            var delay = (dotsToAdd - 1 - _i) * (ANIMATION_DURATION / dotsToAdd);
-            node.style.animationDelay = "".concat(delay, "s");
-            leftAnimationWrapperRef.current.prepend(node);
-            var duration = ANIMATION_DURATION / dotsToAdd;
-            requestAnimationFrame(function () {
-              node.classList.add(classes.animateIn);
-              node.style.animationDuration = "".concat(duration, "s");
-            });
-            var currentDomNode = (_dotWrapperRef$curren7 = dotWrapperRef.current.children) === null || _dotWrapperRef$curren7 === void 0 ? void 0 : _dotWrapperRef$curren7[dotWrapperRef.current.children.length - 1 - _i];
-            if (!currentDomNode) {
-              return {
-                v: void 0
-              };
-            }
-            currentDomNode.classList.add(classes.animateOut);
-            currentDomNode.style.animationDelay = "".concat(_i * (ANIMATION_DURATION / dotsToAdd), "s");
-            currentDomNode.style.animationDuration = "".concat(duration, "s");
-          },
-          _ret2;
-        for (var _i = dotsToAdd - 1; _i >= 0; _i--) {
-          _ret2 = _loop2();
-          if (_ret2) return _ret2.v;
+        for (let i = dotsToAdd - 1; i >= 0; i--) {
+          const node = document.createElement('div');
+          node.textContent = '';
+          node.classList.add(classes.dot);
+          node.style.opacity = '0';
+          const delay = (dotsToAdd - 1 - i) * (ANIMATION_DURATION / dotsToAdd);
+          node.style.animationDelay = `${delay}s`;
+          leftAnimationWrapperRef.current.prepend(node);
+          const duration = ANIMATION_DURATION / dotsToAdd;
+          requestAnimationFrame(() => {
+            node.classList.add(classes.animateIn);
+            node.style.animationDuration = `${duration}s`;
+          });
+          const currentDomNode = dotWrapperRef.current.children?.[dotWrapperRef.current.children.length - 1 - i];
+          currentDomNode?.classList.add(classes.animateOut);
+          currentDomNode.style.animationDelay = `${i * (ANIMATION_DURATION / dotsToAdd)}s`;
+          currentDomNode.style.animationDuration = `${duration}s`;
         }
       }
     }
@@ -215,13 +180,11 @@ var Dots = /*#__PURE__*/memo(function (_ref) {
   }), /*#__PURE__*/React.createElement(DotWrapper, {
     ref: dotWrapperRef,
     className: cls(hiddenDotsLeft && classes.availableDotsLeft, hiddenDotsRight && classes.availableDotsRight)
-  }, Array(visibleCount).fill(0).map(function (_, i) {
+  }, Array(visibleCount).fill(0).map((_, i) => {
     return /*#__PURE__*/React.createElement("div", {
       key: i,
       className: cls(classes.dot, i === activeIndex && classes.active),
-      onClick: function onClick() {
-        return handleClick(i);
-      }
+      onClick: () => handleClick(i)
     });
   })), /*#__PURE__*/React.createElement(RightAnimationWrapper, {
     ref: rightAnimationWrapperRef

package/es/components/Carousel/CarouselNew/ui/Dots/Dots.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dots.js","sources":["../../../../../../src/components/Carousel/CarouselNew/ui/Dots/Dots.tsx"],"sourcesContent":["import React, { memo, useRef, useLayoutEffect } from 'react';\nimport cls from 'classnames';\nimport { useDidMountLayoutEffect } from 'src/hooks';\n\nimport { classes } from '../../Carousel.tokens';\n\nimport { DotsProps } from './Dots.types';\nimport { getActiveIndex, getTargetIndex, getInitialData } from './utils/index';\nimport { Wrapper, DotWrapper, RightAnimationWrapper, LeftAnimationWrapper, TransitionWrapper } from './Dots.styles';\n\nconst SIZE = 16; // размер точки в px\nconst ANIMATION_DURATION = 0.3; // скорость анимации в секундах\n\nexport const Dots: React.FC<DotsProps> = memo(\n    ({ index: originalIndex = 0, onChange, centered = false, count = 0, visibleCount: originalVisibleCount = 0 }) => {\n        // Трансформируем входные параметры для корректной работы в дальнейшем\n        const [index, visibleCount] = getInitialData(originalIndex, count, originalVisibleCount);\n\n        // Рефки на DOM-ноды\n        const transitionWrapperRef = useRef<HTMLDivElement>(null);\n        const dotWrapperRef = useRef<HTMLDivElement>(null);\n        const leftAnimationWrapperRef = useRef<HTMLDivElement>(null);\n        const rightAnimationWrapperRef = useRef<HTMLDivElement>(null);\n\n        // Консистентные переменные\n        const isAnimating = useRef(false);\n        const prevIndex = useRef(-Infinity);\n        const prevActiveIndex = useRef(Infinity);\n\n        const isRightDirection = index > prevIndex.current;\n        const diffDotsRange = Math.abs(index - prevIndex.current);\n        const activeIndex = getActiveIndex(index, isRightDirection, count, visibleCount);\n        const hiddenDotsLeft = activeIndex < index;\n        const hiddenDotsRight = index + (visibleCount - 1 - activeIndex) < count - 1;\n\n        const handleClick = (i: number) => {\n            if (isAnimating.current) return;\n\n            if (onChange) {\n                onChange(index + (i - activeIndex));\n            }\n        };\n\n        const handleTransitionEnd = () => {\n            if (\n                !dotWrapperRef ||\n                !dotWrapperRef.current ||\n                !transitionWrapperRef ||\n                !transitionWrapperRef.current ||\n                !rightAnimationWrapperRef ||\n                !rightAnimationWrapperRef.current ||\n                !leftAnimationWrapperRef ||\n                !leftAnimationWrapperRef.current\n            ) {\n                return;\n            }\n\n            dotWrapperRef.current.classList.remove(classes.animating);\n            transitionWrapperRef.current.classList.remove(classes.animating);\n\n            Array.from(dotWrapperRef.current.children).forEach((child) => {\n                child.classList.remove(\n                    ...[classes.active, classes.animateOut, classes.temporaryNatural, classes.shrinking],\n                );\n            });\n            dotWrapperRef.current.children[activeIndex].classList.add(classes.active);\n\n            if (centered) {\n                transitionWrapperRef.current.style.transform = `translateX(${\n                    (visibleCount * SIZE) / 2 - SIZE / 2 - activeIndex * SIZE\n                }px)`;\n            } else {\n                transitionWrapperRef.current.style.transform = 'translateX(0)';\n            }\n\n            setTimeout(() => {\n                if (transitionWrapperRef && transitionWrapperRef.current) {\n                    isAnimating.current = false;\n                }\n            });\n\n            // Очищаем блоки с анимированными точками\n            leftAnimationWrapperRef.current.innerText = '';\n            rightAnimationWrapperRef.current.innerText = '';\n\n            prevIndex.current = index;\n            prevActiveIndex.current = activeIndex;\n            isAnimating.current = false;\n        };\n\n        useLayoutEffect(() => {\n            if (!dotWrapperRef || !dotWrapperRef.current || !transitionWrapperRef || !transitionWrapperRef.current) {\n                return;\n            }\n\n            // Вычисляем начальный сдвиг по горизонтали, чтобы точка стала по центру\n            if (centered) {\n                transitionWrapperRef.current.style.transform = `translateX(${\n                    (visibleCount * SIZE) / 2 - SIZE / 2 - activeIndex * SIZE\n                }px)`;\n            }\n\n            prevIndex.current = index;\n            prevActiveIndex.current = activeIndex;\n        }, []);\n\n        useDidMountLayoutEffect(() => {\n            if (\n                !dotWrapperRef ||\n                !dotWrapperRef.current ||\n                !transitionWrapperRef ||\n                !transitionWrapperRef.current ||\n                !leftAnimationWrapperRef ||\n                !leftAnimationWrapperRef.current ||\n                !rightAnimationWrapperRef ||\n                !rightAnimationWrapperRef.current ||\n                isAnimating.current\n            ) {\n                return;\n            }\n            isAnimating.current = true;\n            dotWrapperRef.current.classList.add(classes.animating);\n            transitionWrapperRef.current.classList.add(classes.animating);\n\n            const targetIndex = getTargetIndex(index, prevIndex.current, prevActiveIndex.current, diffDotsRange);\n            const dotsToAdd = Math.abs(targetIndex - activeIndex);\n\n            if (centered) {\n                transitionWrapperRef.current.style.transform = `translateX(${\n                    (visibleCount * SIZE) / 2 - SIZE / 2 - targetIndex * SIZE\n                }px)`;\n            } else if (dotsToAdd > 0) {\n                transitionWrapperRef.current.style.transform = `translateX(${-SIZE * (targetIndex - activeIndex)}px)`;\n            }\n\n            // Стираем все активные классы и устанавливаем активный класс на таргет.\n            // В конце анимации произойдет переопределение активного класса.\n            Array.from(dotWrapperRef.current.children).forEach((child) => {\n                child.classList.remove(classes.active);\n            });\n            dotWrapperRef.current.children[targetIndex]?.classList.add(classes.active);\n\n            if (index > prevIndex.current) {\n                // Двигаемся вправо\n\n                // Если мы добавляем 1 и более точек, то нужно начать\n                // приводить размер крайней правой точки (что будет в m размере?)\n                // к натуральному размеру\n                if (dotsToAdd >= 1) {\n                    dotWrapperRef.current.children[visibleCount - 1]?.classList.add(classes.temporaryNatural);\n                }\n\n                // Т.к. мы двигаемся вправо, то нужно начать уменьшать размер крайней левой точки\n                // (опять же, что в m size?)\n                if (dotsToAdd >= 1) {\n                    dotWrapperRef.current.children[dotsToAdd]?.classList.add(classes.shrinking);\n                }\n\n                if (dotsToAdd > 0) {\n                    for (let i = 0; i < dotsToAdd; i++) {\n                        const node = document.createElement('div');\n                        node.textContent = '';\n                        node.classList.add(classes.dot);\n                        node.style.opacity = '0';\n\n                        const delay = i * (ANIMATION_DURATION / dotsToAdd);\n                        node.style.animationDelay = `${delay}s`;\n\n                        rightAnimationWrapperRef.current.appendChild(node);\n                        const duration = ANIMATION_DURATION / dotsToAdd;\n\n                        requestAnimationFrame(() => {\n                            node.classList.add(classes.animateIn);\n                            node.style.animationDuration = `${duration}s`;\n                        });\n\n                        const currentDomNode = dotWrapperRef.current.children?.[i] as HTMLElement;\n\n                        if (!currentDomNode) {\n                            return;\n                        }\n\n                        currentDomNode.classList.add(classes.animateOut);\n                        currentDomNode.style.animationDelay = `${delay}s`;\n                        currentDomNode.style.animationDuration = `${duration}s`;\n                    }\n                }\n            } else {\n                // Двигаемся влево\n\n                // Если мы добавляем 1 и более точек, то нужно начать\n                // приводить размер крайней левой точки (что будет в m размере?)\n                // к натуральному размеру.\n                if (dotsToAdd >= 1) {\n                    dotWrapperRef.current.children[0]?.classList.add(classes.temporaryNatural);\n                }\n\n                // Т.к. мы двигаемся влево, то нужно начать уменьшать размер крайней правой точки\n                // (опять же, что в m size?)\n                if (dotsToAdd >= 1) {\n                    dotWrapperRef.current.children[visibleCount - 1 - dotsToAdd]?.classList.add(classes.shrinking);\n                }\n\n                if (dotsToAdd > 0) {\n                    for (let i = dotsToAdd - 1; i >= 0; i--) {\n                        const node = document.createElement('div');\n                        node.textContent = '';\n                        node.classList.add(classes.dot);\n                        node.style.opacity = '0';\n\n                        const delay = (dotsToAdd - 1 - i) * (ANIMATION_DURATION / dotsToAdd);\n                        node.style.animationDelay = `${delay}s`;\n\n                        leftAnimationWrapperRef.current.prepend(node);\n                        const duration = ANIMATION_DURATION / dotsToAdd;\n\n                        requestAnimationFrame(() => {\n                            node.classList.add(classes.animateIn);\n                            node.style.animationDuration = `${duration}s`;\n                        });\n\n                        const currentDomNode = dotWrapperRef.current.children?.[\n                            dotWrapperRef.current.children.length - 1 - i\n                        ] as HTMLElement;\n\n                        if (!currentDomNode) {\n                            return;\n                        }\n\n                        currentDomNode.classList.add(classes.animateOut);\n                        currentDomNode.style.animationDelay = `${i * (ANIMATION_DURATION / dotsToAdd)}s`;\n                        currentDomNode.style.animationDuration = `${duration}s`;\n                    }\n                }\n            }\n        }, [index]);\n\n        return (\n            <Wrapper>\n                <TransitionWrapper ref={transitionWrapperRef} onTransitionEnd={handleTransitionEnd}>\n                    <LeftAnimationWrapper ref={leftAnimationWrapperRef} />\n\n                    <DotWrapper\n                        ref={dotWrapperRef}\n                        className={cls(\n                            hiddenDotsLeft && classes.availableDotsLeft,\n                            hiddenDotsRight && classes.availableDotsRight,\n                        )}\n                    >\n                        {Array(visibleCount)\n                            .fill(0)\n                            .map((_, i) => {\n                                return (\n                                    <div\n                                        key={i}\n                                        className={cls(classes.dot, i === activeIndex && classes.active)}\n                                        onClick={() => handleClick(i)}\n                                    />\n                                );\n                            })}\n                    </DotWrapper>\n\n                    <RightAnimationWrapper ref={rightAnimationWrapperRef} />\n                </TransitionWrapper>\n            </Wrapper>\n        );\n    },\n);\n"],"names":["SIZE","ANIMATION_DURATION","Dots","memo","_ref","_ref$index","index","originalIndex","onChange","_ref$centered","centered","_ref$count","count","_ref$visibleCount","visibleCount","originalVisibleCount","_getInitialData","getInitialData","_getInitialData2","_slicedToArray","transitionWrapperRef","useRef","dotWrapperRef","leftAnimationWrapperRef","rightAnimationWrapperRef","isAnimating","prevIndex","Infinity","prevActiveIndex","isRightDirection","current","diffDotsRange","Math","abs","activeIndex","getActiveIndex","hiddenDotsLeft","hiddenDotsRight","handleClick","i","handleTransitionEnd","classList","remove","classes","animating","Array","from","children","forEach","child","_child$classList","apply","active","animateOut","temporaryNatural","shrinking","add","style","transform","concat","setTimeout","innerText","useLayoutEffect","useDidMountLayoutEffect","_dotWrapperRef$curren","targetIndex","getTargetIndex","dotsToAdd","_dotWrapperRef$curren2","_dotWrapperRef$curren3","_loop","_dotWrapperRef$curren4","node","document","createElement","textContent","dot","opacity","delay","animationDelay","appendChild","duration","requestAnimationFrame","animateIn","animationDuration","currentDomNode","v","_ret","_dotWrapperRef$curren5","_dotWrapperRef$curren6","_loop2","_dotWrapperRef$curren7","prepend","length","_ret2","React","Wrapper","TransitionWrapper","ref","onTransitionEnd","LeftAnimationWrapper","DotWrapper","className","cls","availableDotsLeft","availableDotsRight","fill","map","_","key","onClick","RightAnimationWrapper"],"mappings":"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"}
+{"version":3,"file":"Dots.js","sources":["../../../../../../src/components/Carousel/CarouselNew/ui/Dots/Dots.tsx"],"sourcesContent":["import React, { memo, useRef, useLayoutEffect } from 'react';\nimport cls from 'classnames';\nimport { useDidMountLayoutEffect } from 'src/hooks';\n\nimport { classes } from '../../Carousel.tokens';\n\nimport { DotsProps } from './Dots.types';\nimport { getActiveIndex, getTargetIndex, getInitialData } from './utils/index';\nimport { Wrapper, DotWrapper, RightAnimationWrapper, LeftAnimationWrapper, TransitionWrapper } from './Dots.styles';\n\nconst SIZE = 16; // размер точки в px\nconst ANIMATION_DURATION = 0.3; // скорость анимации в секундах\n\nexport const Dots: React.FC<DotsProps> = memo(\n    ({ index: originalIndex = 0, onChange, centered = false, count = 0, visibleCount: originalVisibleCount = 0 }) => {\n        // Трансформируем входные параметры для корректной работы в дальнейшем\n        const [index, visibleCount] = getInitialData(originalIndex, count, originalVisibleCount);\n\n        // Рефки на DOM-ноды\n        const transitionWrapperRef = useRef<HTMLDivElement>(null);\n        const dotWrapperRef = useRef<HTMLDivElement>(null);\n        const leftAnimationWrapperRef = useRef<HTMLDivElement>(null);\n        const rightAnimationWrapperRef = useRef<HTMLDivElement>(null);\n\n        // Консистентные переменные\n        const isAnimating = useRef(false);\n        const prevIndex = useRef(-Infinity);\n        const prevActiveIndex = useRef(Infinity);\n\n        const isRightDirection = index > prevIndex.current;\n        const diffDotsRange = Math.abs(index - prevIndex.current);\n        const activeIndex = getActiveIndex(index, isRightDirection, count, visibleCount);\n        const hiddenDotsLeft = activeIndex < index;\n        const hiddenDotsRight = index + (visibleCount - 1 - activeIndex) < count - 1;\n\n        const handleClick = (i: number) => {\n            if (isAnimating.current) return;\n\n            if (onChange) {\n                onChange(index + (i - activeIndex));\n            }\n        };\n\n        const handleTransitionEnd = () => {\n            if (\n                !dotWrapperRef ||\n                !dotWrapperRef.current ||\n                !transitionWrapperRef ||\n                !transitionWrapperRef.current ||\n                !rightAnimationWrapperRef ||\n                !rightAnimationWrapperRef.current ||\n                !leftAnimationWrapperRef ||\n                !leftAnimationWrapperRef.current\n            ) {\n                return;\n            }\n\n            dotWrapperRef.current.classList.remove(classes.animating);\n            transitionWrapperRef.current.classList.remove(classes.animating);\n\n            Array.from(dotWrapperRef.current.children).forEach((child) => {\n                child.classList.remove(\n                    ...[classes.active, classes.animateOut, classes.temporaryNatural, classes.shrinking],\n                );\n            });\n            dotWrapperRef.current.children[activeIndex].classList.add(classes.active);\n\n            if (centered) {\n                transitionWrapperRef.current.style.transform = `translateX(${\n                    (visibleCount * SIZE) / 2 - SIZE / 2 - activeIndex * SIZE\n                }px)`;\n            } else {\n                transitionWrapperRef.current.style.transform = 'translateX(0)';\n            }\n\n            setTimeout(() => {\n                if (transitionWrapperRef && transitionWrapperRef.current) {\n                    isAnimating.current = false;\n                }\n            });\n\n            // Очищаем блоки с анимированными точками\n            leftAnimationWrapperRef.current.innerText = '';\n            rightAnimationWrapperRef.current.innerText = '';\n\n            prevIndex.current = index;\n            prevActiveIndex.current = activeIndex;\n            isAnimating.current = false;\n        };\n\n        useLayoutEffect(() => {\n            if (!dotWrapperRef || !dotWrapperRef.current || !transitionWrapperRef || !transitionWrapperRef.current) {\n                return;\n            }\n\n            // Вычисляем начальный сдвиг по горизонтали, чтобы точка стала по центру\n            if (centered) {\n                transitionWrapperRef.current.style.transform = `translateX(${\n                    (visibleCount * SIZE) / 2 - SIZE / 2 - activeIndex * SIZE\n                }px)`;\n            }\n\n            prevIndex.current = index;\n            prevActiveIndex.current = activeIndex;\n        }, []);\n\n        useDidMountLayoutEffect(() => {\n            if (\n                !dotWrapperRef ||\n                !dotWrapperRef.current ||\n                !transitionWrapperRef ||\n                !transitionWrapperRef.current ||\n                !leftAnimationWrapperRef ||\n                !leftAnimationWrapperRef.current ||\n                !rightAnimationWrapperRef ||\n                !rightAnimationWrapperRef.current ||\n                isAnimating.current\n            ) {\n                return;\n            }\n            isAnimating.current = true;\n            dotWrapperRef.current.classList.add(classes.animating);\n            transitionWrapperRef.current.classList.add(classes.animating);\n\n            const targetIndex = getTargetIndex(index, prevIndex.current, prevActiveIndex.current, diffDotsRange);\n            const dotsToAdd = Math.abs(targetIndex - activeIndex);\n\n            if (centered) {\n                transitionWrapperRef.current.style.transform = `translateX(${\n                    (visibleCount * SIZE) / 2 - SIZE / 2 - targetIndex * SIZE\n                }px)`;\n            } else if (dotsToAdd > 0) {\n                transitionWrapperRef.current.style.transform = `translateX(${-SIZE * (targetIndex - activeIndex)}px)`;\n            }\n\n            // Стираем все активные классы и устанавливаем активный класс на таргет.\n            // В конце анимации произойдет переопределение активного класса.\n            Array.from(dotWrapperRef.current.children).forEach((child) => {\n                child.classList.remove(classes.active);\n            });\n            dotWrapperRef.current.children[targetIndex]?.classList.add(classes.active);\n\n            if (index > prevIndex.current) {\n                // Двигаемся вправо\n\n                // Если мы добавляем 1 и более точек, то нужно начать\n                // приводить размер крайней правой точки (что будет в m размере?)\n                // к натуральному размеру\n                if (dotsToAdd >= 1) {\n                    dotWrapperRef.current.children[visibleCount - 1]?.classList.add(classes.temporaryNatural);\n                }\n\n                // Т.к. мы двигаемся вправо, то нужно начать уменьшать размер крайней левой точки\n                // (опять же, что в m size?)\n                if (dotsToAdd >= 1) {\n                    dotWrapperRef.current.children[dotsToAdd]?.classList.add(classes.shrinking);\n                }\n\n                if (dotsToAdd > 0) {\n                    for (let i = 0; i < dotsToAdd; i++) {\n                        const node = document.createElement('div');\n                        node.textContent = '';\n                        node.classList.add(classes.dot);\n                        node.style.opacity = '0';\n\n                        const delay = i * (ANIMATION_DURATION / dotsToAdd);\n                        node.style.animationDelay = `${delay}s`;\n\n                        rightAnimationWrapperRef.current.appendChild(node);\n                        const duration = ANIMATION_DURATION / dotsToAdd;\n\n                        requestAnimationFrame(() => {\n                            node.classList.add(classes.animateIn);\n                            node.style.animationDuration = `${duration}s`;\n                        });\n\n                        const currentDomNode = dotWrapperRef.current.children?.[i] as HTMLElement;\n\n                        currentDomNode?.classList.add(classes.animateOut);\n                        currentDomNode.style.animationDelay = `${delay}s`;\n                        currentDomNode.style.animationDuration = `${duration}s`;\n                    }\n                }\n            } else {\n                // Двигаемся влево\n\n                // Если мы добавляем 1 и более точек, то нужно начать\n                // приводить размер крайней левой точки (что будет в m размере?)\n                // к натуральному размеру.\n                if (dotsToAdd >= 1) {\n                    dotWrapperRef.current.children[0]?.classList.add(classes.temporaryNatural);\n                }\n\n                // Т.к. мы двигаемся влево, то нужно начать уменьшать размер крайней правой точки\n                // (опять же, что в m size?)\n                if (dotsToAdd >= 1) {\n                    dotWrapperRef.current.children[visibleCount - 1 - dotsToAdd]?.classList.add(classes.shrinking);\n                }\n\n                if (dotsToAdd > 0) {\n                    for (let i = dotsToAdd - 1; i >= 0; i--) {\n                        const node = document.createElement('div');\n                        node.textContent = '';\n                        node.classList.add(classes.dot);\n                        node.style.opacity = '0';\n\n                        const delay = (dotsToAdd - 1 - i) * (ANIMATION_DURATION / dotsToAdd);\n                        node.style.animationDelay = `${delay}s`;\n\n                        leftAnimationWrapperRef.current.prepend(node);\n                        const duration = ANIMATION_DURATION / dotsToAdd;\n\n                        requestAnimationFrame(() => {\n                            node.classList.add(classes.animateIn);\n                            node.style.animationDuration = `${duration}s`;\n                        });\n\n                        const currentDomNode = dotWrapperRef.current.children?.[\n                            dotWrapperRef.current.children.length - 1 - i\n                        ] as HTMLElement;\n\n                        currentDomNode?.classList.add(classes.animateOut);\n                        currentDomNode.style.animationDelay = `${i * (ANIMATION_DURATION / dotsToAdd)}s`;\n                        currentDomNode.style.animationDuration = `${duration}s`;\n                    }\n                }\n            }\n        }, [index]);\n\n        return (\n            <Wrapper>\n                <TransitionWrapper ref={transitionWrapperRef} onTransitionEnd={handleTransitionEnd}>\n                    <LeftAnimationWrapper ref={leftAnimationWrapperRef} />\n\n                    <DotWrapper\n                        ref={dotWrapperRef}\n                        className={cls(\n                            hiddenDotsLeft && classes.availableDotsLeft,\n                            hiddenDotsRight && classes.availableDotsRight,\n                        )}\n                    >\n                        {Array(visibleCount)\n                            .fill(0)\n                            .map((_, i) => {\n                                return (\n                                    <div\n                                        key={i}\n                                        className={cls(classes.dot, i === activeIndex && classes.active)}\n                                        onClick={() => handleClick(i)}\n                                    />\n                                );\n                            })}\n                    </DotWrapper>\n\n                    <RightAnimationWrapper ref={rightAnimationWrapperRef} />\n                </TransitionWrapper>\n            </Wrapper>\n        );\n    },\n);\n"],"names":["SIZE","ANIMATION_DURATION","Dots","memo","index","originalIndex","onChange","centered","count","visibleCount","originalVisibleCount","getInitialData","transitionWrapperRef","useRef","dotWrapperRef","leftAnimationWrapperRef","rightAnimationWrapperRef","isAnimating","prevIndex","Infinity","prevActiveIndex","isRightDirection","current","diffDotsRange","Math","abs","activeIndex","getActiveIndex","hiddenDotsLeft","hiddenDotsRight","handleClick","i","handleTransitionEnd","classList","remove","classes","animating","Array","from","children","forEach","child","active","animateOut","temporaryNatural","shrinking","add","style","transform","setTimeout","innerText","useLayoutEffect","useDidMountLayoutEffect","targetIndex","getTargetIndex","dotsToAdd","node","document","createElement","textContent","dot","opacity","delay","animationDelay","appendChild","duration","requestAnimationFrame","animateIn","animationDuration","currentDomNode","prepend","length","React","Wrapper","TransitionWrapper","ref","onTransitionEnd","LeftAnimationWrapper","DotWrapper","className","cls","availableDotsLeft","availableDotsRight","fill","map","_","key","onClick","RightAnimationWrapper"],"mappings":"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"}

package/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js

@@ -1,29 +1,29 @@
 import './Dots.styles_ea836d.css';
 import { styled } from '@linaria/react';
 
-var Wrapper = /*#__PURE__*/styled('div')({
+const Wrapper = /*#__PURE__*/styled('div')({
   name: "Wrapper",
-  "class": "wn5xio",
+  class: "wn5xio",
   propsAsIs: false
 });
-var TransitionWrapper = /*#__PURE__*/styled('div')({
+const TransitionWrapper = /*#__PURE__*/styled('div')({
   name: "TransitionWrapper",
-  "class": "tnn1xpa",
+  class: "tnn1xpa",
   propsAsIs: false
 });
-var DotWrapper = /*#__PURE__*/styled('div')({
+const DotWrapper = /*#__PURE__*/styled('div')({
   name: "DotWrapper",
-  "class": "d1k0jsbc",
+  class: "d1k0jsbc",
   propsAsIs: false
 });
-var LeftAnimationWrapper = /*#__PURE__*/styled('div')({
+const LeftAnimationWrapper = /*#__PURE__*/styled('div')({
   name: "LeftAnimationWrapper",
-  "class": "laqzsgq",
+  class: "laqzsgq",
   propsAsIs: false
 });
-var RightAnimationWrapper = /*#__PURE__*/styled('div')({
+const RightAnimationWrapper = /*#__PURE__*/styled('div')({
   name: "RightAnimationWrapper",
-  "class": "rp088ba",
+  class: "rp088ba",
   propsAsIs: false
 });
 

package/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dots.styles.js","sources":["../../../../../../src/components/Carousel/CarouselNew/ui/Dots/Dots.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Carousel.tokens';\n\nexport const Wrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-top: 0.75rem;\n\n    --duration: 0.3s;\n    --half-duration: 0.15s;\n`;\n\nexport const TransitionWrapper = styled.div`\n    position: relative;\n    display: flex;\n    transition: transform 0s ease;\n\n    &.${classes.animating} {\n        transition: transform var(--duration) ease;\n    }\n\n    & .${classes.dot} {\n        width: 0.5rem;\n        height: 0.5rem;\n        margin: 0 0.25rem;\n        cursor: pointer;\n        background-color: var(${tokens.paginationDotBackground});\n        border-radius: 100%;\n\n        &.${classes.active} {\n            background-color: var(${tokens.paginationDotActiveBackground});\n        }\n\n        @keyframes fadeOut {\n            from {\n                transform: scale(0.75);\n                opacity: 1;\n            }\n            to {\n                transform: scale(0);\n                opacity: 0;\n            }\n        }\n\n        &.${classes.animateOut} {\n            animation: fadeOut var(--half-duration) ease forwards;\n        }\n\n        @keyframes shrinking {\n            from {\n                transform: scale(1);\n            }\n            to {\n                transform: scale(0.75);\n            }\n        }\n\n        &.${classes.shrinking} {\n            animation: shrinking var(--half-duration) var(--half-duration) ease forwards;\n        }\n    }\n`;\n\nexport const DotWrapper = styled.div`\n    display: flex;\n\n    &.${classes.availableDotsLeft} {\n        .${classes.dot}:not(.${classes.temporaryNatural}):first-child {\n            transform: scale(0.75);\n        }\n    }\n\n    &.${classes.availableDotsRight} {\n        .${classes.dot}:not(.${classes.temporaryNatural}):last-child {\n            transform: scale(0.75);\n        }\n    }\n\n    &.${classes.animating} .${classes.dot} {\n        transition: background-color var(--duration) ease;\n    }\n`;\n\nexport const LeftAnimationWrapper = styled.div`\n    position: absolute;\n    top: 0;\n    right: 100%;\n    bottom: 0;\n    display: flex;\n\n    & .${classes.dot} {\n        transition: transform var(--duration) ease;\n\n        @keyframes fadeIn {\n            from {\n                transform: scale(0);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        &.${classes.animateIn} {\n            animation: fadeIn var(--half-duration) ease forwards;\n        }\n\n        &:first-child {\n            @keyframes fadeInFirst {\n                from {\n                    transform: scale(0);\n                    opacity: 0;\n                }\n                to {\n                    transform: scale(0.75);\n                    opacity: 1;\n                }\n            }\n\n            &.${classes.animateIn} {\n                animation: fadeInFirst var(--half-duration) ease forwards;\n            }\n        }\n    }\n`;\n\nexport const RightAnimationWrapper = styled.div`\n    position: absolute;\n    top: 0;\n    left: 100%;\n    bottom: 0;\n    display: flex;\n\n    & .${classes.dot} {\n        transition: transform var(--duration) ease;\n\n        @keyframes fadeIn {\n            from {\n                transform: scale(0);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        &.${classes.animateIn} {\n            animation: fadeIn var(--half-duration) ease forwards;\n        }\n\n        &:last-child {\n            @keyframes fadeInLast {\n                from {\n                    transform: scale(0);\n                    opacity: 0;\n                }\n                to {\n                    transform: scale(0.75);\n                    opacity: 1;\n                }\n            }\n\n            &.${classes.animateIn} {\n                animation: fadeInLast var(--half-duration) ease forwards;\n            }\n        }\n    }\n`;\n"],"names":["Wrapper","styled","name","class","propsAsIs","TransitionWrapper","DotWrapper","LeftAnimationWrapper","RightAnimationWrapper"],"mappings":";;AAIO,IAAMA,OAAO,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQ5B,EAAA;AAEM,IAAMC,iBAAiB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiDtC,EAAA;AAEM,IAAME,UAAU,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAkB/B,EAAA;AAEM,IAAMG,oBAAoB,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA0CzC,EAAA;AAEM,IAAMI,qBAAqB,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA0C1C;;;;"}
+{"version":3,"file":"Dots.styles.js","sources":["../../../../../../src/components/Carousel/CarouselNew/ui/Dots/Dots.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Carousel.tokens';\n\nexport const Wrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-top: 0.75rem;\n\n    --duration: 0.3s;\n    --half-duration: 0.15s;\n`;\n\nexport const TransitionWrapper = styled.div`\n    position: relative;\n    display: flex;\n    transition: transform 0s ease;\n\n    &.${classes.animating} {\n        transition: transform var(--duration) ease;\n    }\n\n    & .${classes.dot} {\n        width: 0.5rem;\n        height: 0.5rem;\n        margin: 0 0.25rem;\n        cursor: pointer;\n        background-color: var(${tokens.paginationDotBackground});\n        border-radius: 100%;\n\n        &.${classes.active} {\n            background-color: var(${tokens.paginationDotActiveBackground});\n        }\n\n        @keyframes fadeOut {\n            from {\n                transform: scale(0.75);\n                opacity: 1;\n            }\n            to {\n                transform: scale(0);\n                opacity: 0;\n            }\n        }\n\n        &.${classes.animateOut} {\n            animation: fadeOut var(--half-duration) ease forwards;\n        }\n\n        @keyframes shrinking {\n            from {\n                transform: scale(1);\n            }\n            to {\n                transform: scale(0.75);\n            }\n        }\n\n        &.${classes.shrinking} {\n            animation: shrinking var(--half-duration) var(--half-duration) ease forwards;\n        }\n    }\n`;\n\nexport const DotWrapper = styled.div`\n    display: flex;\n\n    &.${classes.availableDotsLeft} {\n        .${classes.dot}:not(.${classes.temporaryNatural}):first-child {\n            transform: scale(0.75);\n        }\n    }\n\n    &.${classes.availableDotsRight} {\n        .${classes.dot}:not(.${classes.temporaryNatural}):last-child {\n            transform: scale(0.75);\n        }\n    }\n\n    &.${classes.animating} .${classes.dot} {\n        transition: background-color var(--duration) ease;\n    }\n`;\n\nexport const LeftAnimationWrapper = styled.div`\n    position: absolute;\n    top: 0;\n    right: 100%;\n    bottom: 0;\n    display: flex;\n\n    & .${classes.dot} {\n        transition: transform var(--duration) ease;\n\n        @keyframes fadeIn {\n            from {\n                transform: scale(0);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        &.${classes.animateIn} {\n            animation: fadeIn var(--half-duration) ease forwards;\n        }\n\n        &:first-child {\n            @keyframes fadeInFirst {\n                from {\n                    transform: scale(0);\n                    opacity: 0;\n                }\n                to {\n                    transform: scale(0.75);\n                    opacity: 1;\n                }\n            }\n\n            &.${classes.animateIn} {\n                animation: fadeInFirst var(--half-duration) ease forwards;\n            }\n        }\n    }\n`;\n\nexport const RightAnimationWrapper = styled.div`\n    position: absolute;\n    top: 0;\n    left: 100%;\n    bottom: 0;\n    display: flex;\n\n    & .${classes.dot} {\n        transition: transform var(--duration) ease;\n\n        @keyframes fadeIn {\n            from {\n                transform: scale(0);\n                opacity: 0;\n            }\n            to {\n                transform: scale(1);\n                opacity: 1;\n            }\n        }\n\n        &.${classes.animateIn} {\n            animation: fadeIn var(--half-duration) ease forwards;\n        }\n\n        &:last-child {\n            @keyframes fadeInLast {\n                from {\n                    transform: scale(0);\n                    opacity: 0;\n                }\n                to {\n                    transform: scale(0.75);\n                    opacity: 1;\n                }\n            }\n\n            &.${classes.animateIn} {\n                animation: fadeInLast var(--half-duration) ease forwards;\n            }\n        }\n    }\n`;\n"],"names":["Wrapper","styled","name","class","propsAsIs","TransitionWrapper","DotWrapper","LeftAnimationWrapper","RightAnimationWrapper"],"mappings":";;AAIO,MAAMA,OAAO,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,KAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQ5B,EAAA;AAEM,MAAMC,iBAAiB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiDtC,EAAA;AAEM,MAAME,UAAU,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAkB/B,EAAA;AAEM,MAAMG,oBAAoB,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA0CzC,EAAA;AAEM,MAAMI,qBAAqB,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA0C1C;;;;"}

package/es/components/Carousel/CarouselNew/ui/Dots/utils/index.js

@@ -1,6 +1,6 @@
-var getInitialData = function getInitialData(index, count, visibleCount) {
-  var newIndex = index;
-  var newVisibleCount = visibleCount;
+const getInitialData = (index, count, visibleCount) => {
+  let newIndex = index;
+  let newVisibleCount = visibleCount;
 
   // Ограничения на макс. и мин. значения индекса
   if (index < 0) {
@@ -15,7 +15,7 @@ var getInitialData = function getInitialData(index, count, visibleCount) {
   }
   return [newIndex, newVisibleCount];
 };
-var getActiveIndex = function getActiveIndex(index, isRightDirection, count, visibleCount) {
+const getActiveIndex = (index, isRightDirection, count, visibleCount) => {
   if (index < Math.trunc(visibleCount / 2)) {
     return index;
   }
@@ -30,7 +30,7 @@ var getActiveIndex = function getActiveIndex(index, isRightDirection, count, vis
   }
   return visibleCount / 2 - 1;
 };
-var getTargetIndex = function getTargetIndex(index, prevIndex, prevActiveIndex, diffDotsRange) {
+const getTargetIndex = (index, prevIndex, prevActiveIndex, diffDotsRange) => {
   if (index > prevIndex) {
     return prevActiveIndex + diffDotsRange;
   }

package/es/components/Carousel/CarouselNew/ui/Dots/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/components/Carousel/CarouselNew/ui/Dots/utils/index.ts"],"sourcesContent":["export const getInitialData = (index: number, count: number, visibleCount: number): [number, number] => {\n    let newIndex = index;\n    let newVisibleCount = visibleCount;\n\n    // Ограничения на макс. и мин. значения индекса\n    if (index < 0) {\n        newIndex = 0;\n    } else if (index >= count) {\n        newIndex = count - 1;\n    }\n\n    // Ограничение на количество точек\n    if (visibleCount > count) {\n        newVisibleCount = count;\n    }\n\n    return [newIndex, newVisibleCount];\n};\n\nexport const getActiveIndex = (\n    index: number,\n    isRightDirection: boolean,\n    count: number,\n    visibleCount: number,\n): number => {\n    if (index < Math.trunc(visibleCount / 2)) {\n        return index;\n    }\n    if (count - 1 - index < Math.trunc(visibleCount / 2)) {\n        return visibleCount - 1 - (count - 1 - index);\n    }\n    if (visibleCount % 2) {\n        return Math.trunc(visibleCount / 2);\n    }\n    if (isRightDirection) {\n        return visibleCount / 2;\n    }\n    return visibleCount / 2 - 1;\n};\n\nexport const getTargetIndex = (\n    index: number,\n    prevIndex: number,\n    prevActiveIndex: number,\n    diffDotsRange: number,\n): number => {\n    if (index > prevIndex) {\n        return prevActiveIndex + diffDotsRange;\n    }\n    return prevActiveIndex - diffDotsRange;\n};\n"],"names":["getInitialData","index","count","visibleCount","newIndex","newVisibleCount","getActiveIndex","isRightDirection","Math","trunc","getTargetIndex","prevIndex","prevActiveIndex","diffDotsRange"],"mappings":"AAAO,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAAa,EAAEC,KAAa,EAAEC,YAAoB,EAAuB;EACpG,IAAIC,QAAQ,GAAGH,KAAK,CAAA;EACpB,IAAII,eAAe,GAAGF,YAAY,CAAA;;AAElC;EACA,IAAIF,KAAK,GAAG,CAAC,EAAE;AACXG,IAAAA,QAAQ,GAAG,CAAC,CAAA;AAChB,GAAC,MAAM,IAAIH,KAAK,IAAIC,KAAK,EAAE;IACvBE,QAAQ,GAAGF,KAAK,GAAG,CAAC,CAAA;AACxB,GAAA;;AAEA;EACA,IAAIC,YAAY,GAAGD,KAAK,EAAE;AACtBG,IAAAA,eAAe,GAAGH,KAAK,CAAA;AAC3B,GAAA;AAEA,EAAA,OAAO,CAACE,QAAQ,EAAEC,eAAe,CAAC,CAAA;AACtC,EAAC;AAEYC,IAAAA,cAAc,GAAG,SAAjBA,cAAcA,CACvBL,KAAa,EACbM,gBAAyB,EACzBL,KAAa,EACbC,YAAoB,EACX;EACT,IAAIF,KAAK,GAAGO,IAAI,CAACC,KAAK,CAACN,YAAY,GAAG,CAAC,CAAC,EAAE;AACtC,IAAA,OAAOF,KAAK,CAAA;AAChB,GAAA;AACA,EAAA,IAAIC,KAAK,GAAG,CAAC,GAAGD,KAAK,GAAGO,IAAI,CAACC,KAAK,CAACN,YAAY,GAAG,CAAC,CAAC,EAAE;IAClD,OAAOA,YAAY,GAAG,CAAC,IAAID,KAAK,GAAG,CAAC,GAAGD,KAAK,CAAC,CAAA;AACjD,GAAA;EACA,IAAIE,YAAY,GAAG,CAAC,EAAE;AAClB,IAAA,OAAOK,IAAI,CAACC,KAAK,CAACN,YAAY,GAAG,CAAC,CAAC,CAAA;AACvC,GAAA;AACA,EAAA,IAAII,gBAAgB,EAAE;IAClB,OAAOJ,YAAY,GAAG,CAAC,CAAA;AAC3B,GAAA;AACA,EAAA,OAAOA,YAAY,GAAG,CAAC,GAAG,CAAC,CAAA;AAC/B,EAAC;AAEYO,IAAAA,cAAc,GAAG,SAAjBA,cAAcA,CACvBT,KAAa,EACbU,SAAiB,EACjBC,eAAuB,EACvBC,aAAqB,EACZ;EACT,IAAIZ,KAAK,GAAGU,SAAS,EAAE;IACnB,OAAOC,eAAe,GAAGC,aAAa,CAAA;AAC1C,GAAA;EACA,OAAOD,eAAe,GAAGC,aAAa,CAAA;AAC1C;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/Carousel/CarouselNew/ui/Dots/utils/index.ts"],"sourcesContent":["export const getInitialData = (index: number, count: number, visibleCount: number): [number, number] => {\n    let newIndex = index;\n    let newVisibleCount = visibleCount;\n\n    // Ограничения на макс. и мин. значения индекса\n    if (index < 0) {\n        newIndex = 0;\n    } else if (index >= count) {\n        newIndex = count - 1;\n    }\n\n    // Ограничение на количество точек\n    if (visibleCount > count) {\n        newVisibleCount = count;\n    }\n\n    return [newIndex, newVisibleCount];\n};\n\nexport const getActiveIndex = (\n    index: number,\n    isRightDirection: boolean,\n    count: number,\n    visibleCount: number,\n): number => {\n    if (index < Math.trunc(visibleCount / 2)) {\n        return index;\n    }\n    if (count - 1 - index < Math.trunc(visibleCount / 2)) {\n        return visibleCount - 1 - (count - 1 - index);\n    }\n    if (visibleCount % 2) {\n        return Math.trunc(visibleCount / 2);\n    }\n    if (isRightDirection) {\n        return visibleCount / 2;\n    }\n    return visibleCount / 2 - 1;\n};\n\nexport const getTargetIndex = (\n    index: number,\n    prevIndex: number,\n    prevActiveIndex: number,\n    diffDotsRange: number,\n): number => {\n    if (index > prevIndex) {\n        return prevActiveIndex + diffDotsRange;\n    }\n    return prevActiveIndex - diffDotsRange;\n};\n"],"names":["getInitialData","index","count","visibleCount","newIndex","newVisibleCount","getActiveIndex","isRightDirection","Math","trunc","getTargetIndex","prevIndex","prevActiveIndex","diffDotsRange"],"mappings":"AAAO,MAAMA,cAAc,GAAGA,CAACC,KAAa,EAAEC,KAAa,EAAEC,YAAoB,KAAuB;EACpG,IAAIC,QAAQ,GAAGH,KAAK,CAAA;EACpB,IAAII,eAAe,GAAGF,YAAY,CAAA;;AAElC;EACA,IAAIF,KAAK,GAAG,CAAC,EAAE;AACXG,IAAAA,QAAQ,GAAG,CAAC,CAAA;AAChB,GAAC,MAAM,IAAIH,KAAK,IAAIC,KAAK,EAAE;IACvBE,QAAQ,GAAGF,KAAK,GAAG,CAAC,CAAA;AACxB,GAAA;;AAEA;EACA,IAAIC,YAAY,GAAGD,KAAK,EAAE;AACtBG,IAAAA,eAAe,GAAGH,KAAK,CAAA;AAC3B,GAAA;AAEA,EAAA,OAAO,CAACE,QAAQ,EAAEC,eAAe,CAAC,CAAA;AACtC,EAAC;AAEM,MAAMC,cAAc,GAAGA,CAC1BL,KAAa,EACbM,gBAAyB,EACzBL,KAAa,EACbC,YAAoB,KACX;EACT,IAAIF,KAAK,GAAGO,IAAI,CAACC,KAAK,CAACN,YAAY,GAAG,CAAC,CAAC,EAAE;AACtC,IAAA,OAAOF,KAAK,CAAA;AAChB,GAAA;AACA,EAAA,IAAIC,KAAK,GAAG,CAAC,GAAGD,KAAK,GAAGO,IAAI,CAACC,KAAK,CAACN,YAAY,GAAG,CAAC,CAAC,EAAE;IAClD,OAAOA,YAAY,GAAG,CAAC,IAAID,KAAK,GAAG,CAAC,GAAGD,KAAK,CAAC,CAAA;AACjD,GAAA;EACA,IAAIE,YAAY,GAAG,CAAC,EAAE;AAClB,IAAA,OAAOK,IAAI,CAACC,KAAK,CAACN,YAAY,GAAG,CAAC,CAAC,CAAA;AACvC,GAAA;AACA,EAAA,IAAII,gBAAgB,EAAE;IAClB,OAAOJ,YAAY,GAAG,CAAC,CAAA;AAC3B,GAAA;AACA,EAAA,OAAOA,YAAY,GAAG,CAAC,GAAG,CAAC,CAAA;AAC/B,EAAC;AAEM,MAAMO,cAAc,GAAGA,CAC1BT,KAAa,EACbU,SAAiB,EACjBC,eAAuB,EACvBC,aAAqB,KACZ;EACT,IAAIZ,KAAK,GAAGU,SAAS,EAAE;IACnB,OAAOC,eAAe,GAAGC,aAAa,CAAA;AAC1C,GAAA;EACA,OAAOD,eAAe,GAAGC,aAAa,CAAA;AAC1C;;;;"}

package/es/components/Carousel/CarouselNew/variations/_size/base.js

@@ -1,5 +1,5 @@
 import './base_x642ct.css';
-var base = "b3f9w8r";
+const base = "b3f9w8r";
 
 export { base };
 //# sourceMappingURL=base.js.map

package/es/components/Carousel/CarouselNew/variations/_size/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../../src/components/Carousel/CarouselNew/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../../src/components/Carousel/CarouselNew/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,MAAMA,IAAI,GAAQ;;;;"}

package/es/components/Carousel/CarouselNew/variations/_view/base.js

@@ -1,5 +1,5 @@
 import './base_x642ct.css';
-var base = "bpdcifo";
+const base = "bpdcifo";
 
 export { base };
 //# sourceMappingURL=base.js.map

package/es/components/Carousel/CarouselNew/variations/_view/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../../src/components/Carousel/CarouselNew/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../../src/components/Carousel/CarouselNew/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,MAAMA,IAAI,GAAQ;;;;"}