@prom-ui/core 0.0.121 → 0.0.130

package/SimpleSlider/cjs/index.development.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ttag = require('ttag');
 var Swipe = require('react-easy-swipe');
 var classNames = require('classnames');
 require('intersection-observer');
 var Button = require('@prom-ui/core/Button');
+var BodyProvider = require('@prom-ui/core/BodyProvider');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -78,16 +78,13 @@ function __makeTemplateObject(cooked, raw) {
 
 var useAutoPlay = function (callback, delay) {
   var timeout = React.useRef(null);
-
   var stop = function () {
     clearTimeout(timeout.current);
   };
-
   var start = function () {
     stop();
     timeout.current = setTimeout(callback, delay);
   };
-
   return [start, stop];
 };
 
@@ -104,9 +101,9 @@ var getRatioHolderStyle = function (ratio) {
 };
 var getRootStyle = function (_a) {
   var width = _a.width,
-      height = _a.height,
-      ratio = _a.ratio,
-      style = _a.style;
+    height = _a.height,
+    ratio = _a.ratio,
+    style = _a.style;
   var hasRatio = isValidRatio(ratio);
   return __assign({
     width: width,
@@ -117,16 +114,16 @@ var getRootStyle = function (_a) {
 };
 var getTrackStyle = function (_a) {
   var index = _a.index,
-      childrenCount = _a.childrenCount,
-      duration = _a.duration,
-      offset = _a.offset;
+    childrenCount = _a.childrenCount,
+    duration = _a.duration,
+    offset = _a.offset;
   var hasOffset = typeof offset === 'number';
   var currentOffset = hasOffset ? offset : 0;
   return {
     transform: "translateX(calc(".concat(index * (100 / childrenCount) * -1, "% + ").concat(currentOffset, "px))"),
     transition: hasOffset ? undefined : "transform ".concat(duration, "ms ease"),
-    width: "".concat(childrenCount * 100, "%") // willChange: 'transform',
-
+    width: "".concat(childrenCount * 100, "%")
+    // willChange: 'transform',
   };
 };
 
@@ -134,48 +131,44 @@ var css = {"root":"SimpleSlider__root___WuTIM","track":"SimpleSlider__track___G8
 
 var SimpleSlider = React__namespace.forwardRef(function (_a, ref) {
   var _b, _c;
-
   var _d = _a.autoPlay,
-      autoPlay = _d === void 0 ? 0 : _d,
-      children = _a.children,
-      className = _a.className,
-      _e = _a.duration,
-      duration = _e === void 0 ? 500 : _e,
-      height = _a.height,
-      _f = _a.infinite,
-      infinite = _f === void 0 ? false : _f,
-      ratio = _a.ratio,
-      style = _a.style,
-      width = _a.width,
-      onChangeIndex = _a.onChangeIndex,
-      onClickDot = _a.onClickDot,
-      onClickItem = _a.onClickItem,
-      onClickButtonNext = _a.onClickButtonNext,
-      onClickButtonPrev = _a.onClickButtonPrev,
-      onSwipeNext = _a.onSwipeNext,
-      onSwipePrev = _a.onSwipePrev,
-      _g = _a.showOnHoverButtons,
-      showOnHoverButtons = _g === void 0 ? false : _g,
-      _h = _a.showOnHoverDots,
-      showOnHoverDots = _h === void 0 ? false : _h,
-      _j = _a.isDotsTransparent,
-      isDotsTransparent = _j === void 0 ? false : _j,
-      props = __rest(_a, ["autoPlay", "children", "className", "duration", "height", "infinite", "ratio", "style", "width", "onChangeIndex", "onClickDot", "onClickItem", "onClickButtonNext", "onClickButtonPrev", "onSwipeNext", "onSwipePrev", "showOnHoverButtons", "showOnHoverDots", "isDotsTransparent"]);
-
+    autoPlay = _d === void 0 ? 0 : _d,
+    children = _a.children,
+    className = _a.className,
+    _e = _a.duration,
+    duration = _e === void 0 ? 500 : _e,
+    height = _a.height,
+    _f = _a.infinite,
+    infinite = _f === void 0 ? false : _f,
+    ratio = _a.ratio,
+    style = _a.style,
+    width = _a.width,
+    onChangeIndex = _a.onChangeIndex,
+    onClickDot = _a.onClickDot,
+    onClickItem = _a.onClickItem,
+    onClickButtonNext = _a.onClickButtonNext,
+    onClickButtonPrev = _a.onClickButtonPrev,
+    onSwipeNext = _a.onSwipeNext,
+    onSwipePrev = _a.onSwipePrev,
+    _g = _a.showOnHoverButtons,
+    showOnHoverButtons = _g === void 0 ? false : _g,
+    _h = _a.showOnHoverDots,
+    showOnHoverDots = _h === void 0 ? false : _h,
+    _j = _a.isDotsTransparent,
+    isDotsTransparent = _j === void 0 ? false : _j,
+    props = __rest(_a, ["autoPlay", "children", "className", "duration", "height", "infinite", "ratio", "style", "width", "onChangeIndex", "onClickDot", "onClickItem", "onClickButtonNext", "onClickButtonPrev", "onSwipeNext", "onSwipePrev", "showOnHoverButtons", "showOnHoverDots", "isDotsTransparent"]);
+  var t = BodyProvider.useBodyLocale().t;
   var refTrack = React__namespace.useRef(null);
   var transitionRunning = React__namespace.useRef(false);
-
   var _k = React__namespace.useState(false),
-      disableAutoPlay = _k[0],
-      setDisableAutoPlay = _k[1];
-
+    disableAutoPlay = _k[0],
+    setDisableAutoPlay = _k[1];
   var _l = React__namespace.useState({
-    index: 0,
-    offset: undefined
-  }),
-      position = _l[0],
-      setPosition = _l[1];
-
+      index: 0,
+      offset: undefined
+    }),
+    position = _l[0],
+    setPosition = _l[1];
   var childrenCount = React__namespace.Children.count(children);
   var childrenArray = React__namespace.Children.toArray(children);
   var isDisablePrev = !infinite && position.index === 0;
@@ -188,124 +181,98 @@ var SimpleSlider = React__namespace.forwardRef(function (_a, ref) {
   var infiniteIndex = getInfiniteIndex(position.index, childrenCount);
   var infinitePrevIndex = getInfiniteIndex(prevIndex, childrenCount);
   var infiniteNextIndex = getInfiniteIndex(nextIndex, childrenCount);
-
   var handleClickButtonNext = function () {
     if (transitionRunning.current || isDisableNext) return;
-
     if (typeof onClickButtonNext === 'function') {
       onClickButtonNext(infiniteNextIndex);
     }
-
     setPosition({
       index: nextIndex,
       offset: undefined
     });
   };
-
   var handleClickButtonPrev = function () {
     if (transitionRunning.current || isDisablePrev) return;
-
     if (typeof onClickButtonPrev === 'function') {
       onClickButtonPrev(infinitePrevIndex);
     }
-
     setPosition({
       index: prevIndex,
       offset: undefined
     });
   };
-
   var handleClickDot = function (i) {
     if (transitionRunning.current) return;
-
     if (typeof onClickDot === 'function') {
       onClickDot(i);
     }
-
     setPosition({
       index: i,
       offset: undefined
     });
   };
-
   var handleSwipeNext = function () {
     if (transitionRunning.current || isDisableNext) return;
-
     if (typeof onSwipeNext === 'function') {
       onSwipeNext(infiniteNextIndex);
     }
-
     setPosition({
       index: nextIndex,
       offset: undefined
     });
   };
-
   var handleSwipePrev = function () {
     if (transitionRunning.current || isDisablePrev) return;
-
     if (typeof onSwipePrev === 'function') {
       onSwipePrev(infinitePrevIndex);
     }
-
     setPosition({
       index: prevIndex,
       offset: undefined
     });
   };
-
   var handleSwipeMove = function (_a, event) {
     var x = _a.x;
     if (transitionRunning.current || event.touches && event.touches.length > 1) return;
     var offset = x;
-
     if (isDisablePrev && x > 0 || isDisableNext && x < 0) {
       offset = 0;
     }
-
     setPosition({
       index: position.index,
       offset: offset
     });
   };
-
   var _m = useAutoPlay(function () {
-    if (transitionRunning.current || isDisableNext) return;
-    setPosition({
-      index: nextIndex,
-      offset: undefined
-    });
-  }, autoPlay),
-      startAutoPlay = _m[0],
-      stopAutoPlay = _m[1];
-
+      if (transitionRunning.current || isDisableNext) return;
+      setPosition({
+        index: nextIndex,
+        offset: undefined
+      });
+    }, autoPlay),
+    startAutoPlay = _m[0],
+    stopAutoPlay = _m[1];
   var handleTransitionStart = function () {
     transitionRunning.current = true;
     stopAutoPlay();
   };
-
   var handleTransitionEnd = function () {
     transitionRunning.current = false;
-
     if (isAutoPlay) {
       startAutoPlay();
     }
-
     if (!(position.index in childrenArray)) {
       setPosition({
         index: infiniteIndex,
         offset: 0
       });
     }
-
     if (typeof onChangeIndex === 'function') {
       onChangeIndex(infiniteIndex);
     }
   };
-
   React__namespace.useEffect(function () {
     var _a, _b;
-
     var autoPlayObserver = new IntersectionObserver(function (entries) {
       if (entries[0].isIntersecting) {
         startAutoPlay();
@@ -315,14 +282,11 @@ var SimpleSlider = React__namespace.forwardRef(function (_a, ref) {
     });
     (_a = refTrack.current) === null || _a === void 0 ? void 0 : _a.addEventListener('transitionstart', handleTransitionStart);
     (_b = refTrack.current) === null || _b === void 0 ? void 0 : _b.addEventListener('transitionend', handleTransitionEnd);
-
     if (isAutoPlay && refTrack.current) {
       autoPlayObserver.observe(refTrack.current);
     }
-
     return function () {
       var _a, _b;
-
       (_a = refTrack.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('transitionstart', handleTransitionStart);
       (_b = refTrack.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('transitionend', handleTransitionEnd);
       stopAutoPlay();
@@ -384,7 +348,7 @@ var SimpleSlider = React__namespace.forwardRef(function (_a, ref) {
     className: css.buttonPrev,
     onClick: handleClickButtonPrev,
     disabled: isDisablePrev,
-    "aria-label": ttag.t(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0431\u0430\u043D\u043D\u0435\u0440"], ["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0431\u0430\u043D\u043D\u0435\u0440"]))),
+    "aria-label": t(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0431\u0430\u043D\u043D\u0435\u0440"], ["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0431\u0430\u043D\u043D\u0435\u0440"]))),
     "data-qaid": 'prev_image'
   }, React__namespace.createElement("svg", {
     className: css.buttonIcon,
@@ -399,7 +363,7 @@ var SimpleSlider = React__namespace.forwardRef(function (_a, ref) {
     className: css.buttonNext,
     onClick: handleClickButtonNext,
     disabled: isDisableNext,
-    "aria-label": ttag.t(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0441\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0431\u0430\u043D\u043D\u0435\u0440"], ["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0441\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0431\u0430\u043D\u043D\u0435\u0440"]))),
+    "aria-label": t(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0441\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0431\u0430\u043D\u043D\u0435\u0440"], ["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0441\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0431\u0430\u043D\u043D\u0435\u0440"]))),
     "data-qaid": 'next_image'
   }, React__namespace.createElement("svg", {
     className: css.buttonIcon,
@@ -423,7 +387,7 @@ var SimpleSlider = React__namespace.forwardRef(function (_a, ref) {
         return handleClickDot(index);
       },
       disabled: index === infiniteIndex,
-      "aria-label": ttag.t(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0431\u0430\u043D\u043D\u0435\u0440 \u043D\u043E\u043C\u0435\u0440 ", ""], ["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0431\u0430\u043D\u043D\u0435\u0440 \u043D\u043E\u043C\u0435\u0440 ", ""])), viewIndex),
+      "aria-label": t(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0431\u0430\u043D\u043D\u0435\u0440 \u043D\u043E\u043C\u0435\u0440 ", ""], ["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0431\u0430\u043D\u043D\u0435\u0440 \u043D\u043E\u043C\u0435\u0440 ", ""])), viewIndex),
       "data-qaid": "view_image_".concat(viewIndex)
     }, viewIndex));
   })));

package/SimpleSlider/cjs/index.development.v2.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ttag = require('ttag');
 var Swipe = require('react-easy-swipe');
 var classNames = require('classnames');
 require('intersection-observer');
 var Button = require('@prom-ui/core/Button');
+var BodyProvider = require('@prom-ui/core/BodyProvider');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -78,16 +78,13 @@ function __makeTemplateObject(cooked, raw) {
 
 var useAutoPlay = function (callback, delay) {
   var timeout = React.useRef(null);
-
   var stop = function () {
     clearTimeout(timeout.current);
   };
-
   var start = function () {
     stop();
     timeout.current = setTimeout(callback, delay);
   };
-
   return [start, stop];
 };
 
@@ -104,9 +101,9 @@ var getRatioHolderStyle = function (ratio) {
 };
 var getRootStyle = function (_a) {
   var width = _a.width,
-      height = _a.height,
-      ratio = _a.ratio,
-      style = _a.style;
+    height = _a.height,
+    ratio = _a.ratio,
+    style = _a.style;
   var hasRatio = isValidRatio(ratio);
   return __assign({
     width: width,
@@ -117,16 +114,16 @@ var getRootStyle = function (_a) {
 };
 var getTrackStyle = function (_a) {
   var index = _a.index,
-      childrenCount = _a.childrenCount,
-      duration = _a.duration,
-      offset = _a.offset;
+    childrenCount = _a.childrenCount,
+    duration = _a.duration,
+    offset = _a.offset;
   var hasOffset = typeof offset === 'number';
   var currentOffset = hasOffset ? offset : 0;
   return {
     transform: "translateX(calc(".concat(index * (100 / childrenCount) * -1, "% + ").concat(currentOffset, "px))"),
     transition: hasOffset ? undefined : "transform ".concat(duration, "ms ease"),
-    width: "".concat(childrenCount * 100, "%") // willChange: 'transform',
-
+    width: "".concat(childrenCount * 100, "%")
+    // willChange: 'transform',
   };
 };
 
@@ -134,48 +131,44 @@ var css = {"root":"SimpleSlider__root___bXdCd","track":"SimpleSlider__track___ig
 
 var SimpleSlider = React__namespace.forwardRef(function (_a, ref) {
   var _b, _c;
-
   var _d = _a.autoPlay,
-      autoPlay = _d === void 0 ? 0 : _d,
-      children = _a.children,
-      className = _a.className,
-      _e = _a.duration,
-      duration = _e === void 0 ? 500 : _e,
-      height = _a.height,
-      _f = _a.infinite,
-      infinite = _f === void 0 ? false : _f,
-      ratio = _a.ratio,
-      style = _a.style,
-      width = _a.width,
-      onChangeIndex = _a.onChangeIndex,
-      onClickDot = _a.onClickDot,
-      onClickItem = _a.onClickItem,
-      onClickButtonNext = _a.onClickButtonNext,
-      onClickButtonPrev = _a.onClickButtonPrev,
-      onSwipeNext = _a.onSwipeNext,
-      onSwipePrev = _a.onSwipePrev,
-      _g = _a.showOnHoverButtons,
-      showOnHoverButtons = _g === void 0 ? false : _g,
-      _h = _a.showOnHoverDots,
-      showOnHoverDots = _h === void 0 ? false : _h,
-      _j = _a.isDotsTransparent,
-      isDotsTransparent = _j === void 0 ? false : _j,
-      props = __rest(_a, ["autoPlay", "children", "className", "duration", "height", "infinite", "ratio", "style", "width", "onChangeIndex", "onClickDot", "onClickItem", "onClickButtonNext", "onClickButtonPrev", "onSwipeNext", "onSwipePrev", "showOnHoverButtons", "showOnHoverDots", "isDotsTransparent"]);
-
+    autoPlay = _d === void 0 ? 0 : _d,
+    children = _a.children,
+    className = _a.className,
+    _e = _a.duration,
+    duration = _e === void 0 ? 500 : _e,
+    height = _a.height,
+    _f = _a.infinite,
+    infinite = _f === void 0 ? false : _f,
+    ratio = _a.ratio,
+    style = _a.style,
+    width = _a.width,
+    onChangeIndex = _a.onChangeIndex,
+    onClickDot = _a.onClickDot,
+    onClickItem = _a.onClickItem,
+    onClickButtonNext = _a.onClickButtonNext,
+    onClickButtonPrev = _a.onClickButtonPrev,
+    onSwipeNext = _a.onSwipeNext,
+    onSwipePrev = _a.onSwipePrev,
+    _g = _a.showOnHoverButtons,
+    showOnHoverButtons = _g === void 0 ? false : _g,
+    _h = _a.showOnHoverDots,
+    showOnHoverDots = _h === void 0 ? false : _h,
+    _j = _a.isDotsTransparent,
+    isDotsTransparent = _j === void 0 ? false : _j,
+    props = __rest(_a, ["autoPlay", "children", "className", "duration", "height", "infinite", "ratio", "style", "width", "onChangeIndex", "onClickDot", "onClickItem", "onClickButtonNext", "onClickButtonPrev", "onSwipeNext", "onSwipePrev", "showOnHoverButtons", "showOnHoverDots", "isDotsTransparent"]);
+  var t = BodyProvider.useBodyLocale().t;
   var refTrack = React__namespace.useRef(null);
   var transitionRunning = React__namespace.useRef(false);
-
   var _k = React__namespace.useState(false),
-      disableAutoPlay = _k[0],
-      setDisableAutoPlay = _k[1];
-
+    disableAutoPlay = _k[0],
+    setDisableAutoPlay = _k[1];
   var _l = React__namespace.useState({
-    index: 0,
-    offset: undefined
-  }),
-      position = _l[0],
-      setPosition = _l[1];
-
+      index: 0,
+      offset: undefined
+    }),
+    position = _l[0],
+    setPosition = _l[1];
   var childrenCount = React__namespace.Children.count(children);
   var childrenArray = React__namespace.Children.toArray(children);
   var isDisablePrev = !infinite && position.index === 0;
@@ -188,124 +181,98 @@ var SimpleSlider = React__namespace.forwardRef(function (_a, ref) {
   var infiniteIndex = getInfiniteIndex(position.index, childrenCount);
   var infinitePrevIndex = getInfiniteIndex(prevIndex, childrenCount);
   var infiniteNextIndex = getInfiniteIndex(nextIndex, childrenCount);
-
   var handleClickButtonNext = function () {
     if (transitionRunning.current || isDisableNext) return;
-
     if (typeof onClickButtonNext === 'function') {
       onClickButtonNext(infiniteNextIndex);
     }
-
     setPosition({
       index: nextIndex,
       offset: undefined
     });
   };
-
   var handleClickButtonPrev = function () {
     if (transitionRunning.current || isDisablePrev) return;
-
     if (typeof onClickButtonPrev === 'function') {
       onClickButtonPrev(infinitePrevIndex);
     }
-
     setPosition({
       index: prevIndex,
       offset: undefined
     });
   };
-
   var handleClickDot = function (i) {
     if (transitionRunning.current) return;
-
     if (typeof onClickDot === 'function') {
       onClickDot(i);
     }
-
     setPosition({
       index: i,
       offset: undefined
     });
   };
-
   var handleSwipeNext = function () {
     if (transitionRunning.current || isDisableNext) return;
-
     if (typeof onSwipeNext === 'function') {
       onSwipeNext(infiniteNextIndex);
     }
-
     setPosition({
       index: nextIndex,
       offset: undefined
     });
   };
-
   var handleSwipePrev = function () {
     if (transitionRunning.current || isDisablePrev) return;
-
     if (typeof onSwipePrev === 'function') {
       onSwipePrev(infinitePrevIndex);
     }
-
     setPosition({
       index: prevIndex,
       offset: undefined
     });
   };
-
   var handleSwipeMove = function (_a, event) {
     var x = _a.x;
     if (transitionRunning.current || event.touches && event.touches.length > 1) return;
     var offset = x;
-
     if (isDisablePrev && x > 0 || isDisableNext && x < 0) {
       offset = 0;
     }
-
     setPosition({
       index: position.index,
       offset: offset
     });
   };
-
   var _m = useAutoPlay(function () {
-    if (transitionRunning.current || isDisableNext) return;
-    setPosition({
-      index: nextIndex,
-      offset: undefined
-    });
-  }, autoPlay),
-      startAutoPlay = _m[0],
-      stopAutoPlay = _m[1];
-
+      if (transitionRunning.current || isDisableNext) return;
+      setPosition({
+        index: nextIndex,
+        offset: undefined
+      });
+    }, autoPlay),
+    startAutoPlay = _m[0],
+    stopAutoPlay = _m[1];
   var handleTransitionStart = function () {
     transitionRunning.current = true;
     stopAutoPlay();
   };
-
   var handleTransitionEnd = function () {
     transitionRunning.current = false;
-
     if (isAutoPlay) {
       startAutoPlay();
     }
-
     if (!(position.index in childrenArray)) {
       setPosition({
         index: infiniteIndex,
         offset: 0
       });
     }
-
     if (typeof onChangeIndex === 'function') {
       onChangeIndex(infiniteIndex);
     }
   };
-
   React__namespace.useEffect(function () {
     var _a, _b;
-
     var autoPlayObserver = new IntersectionObserver(function (entries) {
       if (entries[0].isIntersecting) {
         startAutoPlay();
@@ -315,14 +282,11 @@ var SimpleSlider = React__namespace.forwardRef(function (_a, ref) {
     });
     (_a = refTrack.current) === null || _a === void 0 ? void 0 : _a.addEventListener('transitionstart', handleTransitionStart);
     (_b = refTrack.current) === null || _b === void 0 ? void 0 : _b.addEventListener('transitionend', handleTransitionEnd);
-
     if (isAutoPlay && refTrack.current) {
       autoPlayObserver.observe(refTrack.current);
     }
-
     return function () {
       var _a, _b;
-
       (_a = refTrack.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('transitionstart', handleTransitionStart);
       (_b = refTrack.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('transitionend', handleTransitionEnd);
       stopAutoPlay();
@@ -384,7 +348,7 @@ var SimpleSlider = React__namespace.forwardRef(function (_a, ref) {
     className: css.buttonPrev,
     onClick: handleClickButtonPrev,
     disabled: isDisablePrev,
-    "aria-label": ttag.t(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0431\u0430\u043D\u043D\u0435\u0440"], ["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0431\u0430\u043D\u043D\u0435\u0440"]))),
+    "aria-label": t(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0431\u0430\u043D\u043D\u0435\u0440"], ["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0431\u0430\u043D\u043D\u0435\u0440"]))),
     "data-qaid": 'prev_image'
   }, React__namespace.createElement("svg", {
     className: css.buttonIcon,
@@ -399,7 +363,7 @@ var SimpleSlider = React__namespace.forwardRef(function (_a, ref) {
     className: css.buttonNext,
     onClick: handleClickButtonNext,
     disabled: isDisableNext,
-    "aria-label": ttag.t(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0441\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0431\u0430\u043D\u043D\u0435\u0440"], ["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0441\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0431\u0430\u043D\u043D\u0435\u0440"]))),
+    "aria-label": t(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0441\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0431\u0430\u043D\u043D\u0435\u0440"], ["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0441\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0431\u0430\u043D\u043D\u0435\u0440"]))),
     "data-qaid": 'next_image'
   }, React__namespace.createElement("svg", {
     className: css.buttonIcon,
@@ -423,7 +387,7 @@ var SimpleSlider = React__namespace.forwardRef(function (_a, ref) {
         return handleClickDot(index);
       },
       disabled: index === infiniteIndex,
-      "aria-label": ttag.t(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0431\u0430\u043D\u043D\u0435\u0440 \u043D\u043E\u043C\u0435\u0440 ", ""], ["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0431\u0430\u043D\u043D\u0435\u0440 \u043D\u043E\u043C\u0435\u0440 ", ""])), viewIndex),
+      "aria-label": t(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0431\u0430\u043D\u043D\u0435\u0440 \u043D\u043E\u043C\u0435\u0440 ", ""], ["\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0431\u0430\u043D\u043D\u0435\u0440 \u043D\u043E\u043C\u0435\u0440 ", ""])), viewIndex),
       "data-qaid": "view_image_".concat(viewIndex)
     }, viewIndex));
   })));