@prom-ui/core 0.0.133 → 0.0.140

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

@@ -6,8 +6,10 @@ var React = require('react');
 var Swipe = require('react-easy-swipe');
 var classNames = require('classnames');
 require('intersection-observer');
-var Button = require('@prom-ui/core/Button');
+var Icon = require('@prom-ui/core/Icon');
 var BodyProvider = require('@prom-ui/core/BodyProvider');
+var Left = require('@prom-ui/icons/Left');
+var Right = require('@prom-ui/icons/Right');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -127,19 +129,21 @@ var getTrackStyle = function (_a) {
   };
 };
 
-var css = {"root":"SimpleSlider__root___bXdCd","track":"SimpleSlider__track___igqgQ","trackItem":"SimpleSlider__trackItem___7TgGX","buttonCommon":"SimpleSlider__buttonCommon___cQvz3","buttonPrev":"SimpleSlider__buttonPrev___543BF SimpleSlider__buttonCommon___cQvz3","buttonNext":"SimpleSlider__buttonNext___uU4Gw SimpleSlider__buttonCommon___cQvz3","buttonIcon":"SimpleSlider__buttonIcon___LD9ov","showOnHoverButtons":"SimpleSlider__showOnHoverButtons___0cn-k","dots":"SimpleSlider__dots___GA591","dotsTransparent":"SimpleSlider__dotsTransparent___fybKk","dotsItem":"SimpleSlider__dotsItem___d4JnV","dotsButton":"SimpleSlider__dotsButton___UPQSI","showOnHoverDots":"SimpleSlider__showOnHoverDots___q4PLm"};
+var css = {"root":"SimpleSlider__root___bXdCd","track":"SimpleSlider__track___igqgQ","trackItem":"SimpleSlider__trackItem___7TgGX","resetButton":"SimpleSlider__resetButton___gHpEr","buttonCommon":"SimpleSlider__buttonCommon___cQvz3 SimpleSlider__resetButton___gHpEr","buttonPrev":"SimpleSlider__buttonPrev___543BF SimpleSlider__buttonCommon___cQvz3 SimpleSlider__resetButton___gHpEr","buttonNext":"SimpleSlider__buttonNext___uU4Gw SimpleSlider__buttonCommon___cQvz3 SimpleSlider__resetButton___gHpEr","buttonIcon":"SimpleSlider__buttonIcon___LD9ov","dots":"SimpleSlider__dots___GA591","dotsTransparent":"SimpleSlider__dotsTransparent___fybKk","dotsItem":"SimpleSlider__dotsItem___d4JnV","dotsButton":"SimpleSlider__dotsButton___UPQSI SimpleSlider__resetButton___gHpEr","showOnHoverButtons":"SimpleSlider__showOnHoverButtons___0cn-k","showOnHoverDots":"SimpleSlider__showOnHoverDots___q4PLm"};
 
 var SimpleSlider = React__namespace.forwardRef(function (_a, ref) {
   var _b, _c;
-  var _d = _a.autoPlay,
-    autoPlay = _d === void 0 ? 0 : _d,
+  var _d = _a.showIndex,
+    showIndex = _d === void 0 ? 0 : _d,
+    _e = _a.autoPlay,
+    autoPlay = _e === void 0 ? 0 : _e,
     children = _a.children,
     className = _a.className,
-    _e = _a.duration,
-    duration = _e === void 0 ? 500 : _e,
+    _f = _a.duration,
+    duration = _f === void 0 ? 500 : _f,
     height = _a.height,
-    _f = _a.infinite,
-    infinite = _f === void 0 ? false : _f,
+    _g = _a.infinite,
+    infinite = _g === void 0 ? false : _g,
     ratio = _a.ratio,
     style = _a.style,
     width = _a.width,
@@ -150,25 +154,25 @@ var SimpleSlider = React__namespace.forwardRef(function (_a, ref) {
     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"]);
+    _h = _a.showOnHoverButtons,
+    showOnHoverButtons = _h === void 0 ? false : _h,
+    _j = _a.showOnHoverDots,
+    showOnHoverDots = _j === void 0 ? false : _j,
+    _k = _a.isDotsTransparent,
+    isDotsTransparent = _k === void 0 ? false : _k,
+    props = __rest(_a, ["showIndex", "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];
-  var _l = React__namespace.useState({
-      index: 0,
+  var _l = React__namespace.useState(false),
+    disableAutoPlay = _l[0],
+    setDisableAutoPlay = _l[1];
+  var _m = React__namespace.useState({
+      index: showIndex,
       offset: undefined
     }),
-    position = _l[0],
-    setPosition = _l[1];
+    position = _m[0],
+    setPosition = _m[1];
   var childrenCount = React__namespace.Children.count(children);
   var childrenArray = React__namespace.Children.toArray(children);
   var isDisablePrev = !infinite && position.index === 0;
@@ -243,15 +247,15 @@ var SimpleSlider = React__namespace.forwardRef(function (_a, ref) {
       offset: offset
     });
   };
-  var _m = useAutoPlay(function () {
+  var _o = useAutoPlay(function () {
       if (transitionRunning.current || isDisableNext) return;
       setPosition({
         index: nextIndex,
         offset: undefined
       });
     }, autoPlay),
-    startAutoPlay = _m[0],
-    stopAutoPlay = _m[1];
+    startAutoPlay = _o[0],
+    stopAutoPlay = _o[1];
   var handleTransitionStart = function () {
     transitionRunning.current = true;
     stopAutoPlay();
@@ -293,6 +297,14 @@ var SimpleSlider = React__namespace.forwardRef(function (_a, ref) {
       autoPlayObserver.disconnect();
     };
   }, [position.index, isAutoPlay]);
+  React__namespace.useEffect(function () {
+    if (showIndex !== position.index) {
+      setPosition({
+        index: showIndex,
+        offset: undefined
+      });
+    }
+  }, [showIndex]);
   return React__namespace.createElement(Swipe__default["default"], __assign({
     ref: ref,
     onSwipeLeft: handleSwipeNext,
@@ -343,46 +355,36 @@ var SimpleSlider = React__namespace.forwardRef(function (_a, ref) {
     }, child);
   }), infinite && React__namespace.createElement("li", {
     className: css.trackItem
-  }, childrenArray[0])), isShowNavi && React__namespace.createElement(React__namespace.Fragment, null, React__namespace.createElement(Button.Button, {
+  }, childrenArray[0])), isShowNavi && React__namespace.createElement(React__namespace.Fragment, null, React__namespace.createElement("button", {
     type: 'button',
     className: css.buttonPrev,
     onClick: handleClickButtonPrev,
     disabled: isDisablePrev,
     "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", {
+  }, React__namespace.createElement(Icon.Icon, {
     className: css.buttonIcon,
-    width: 18,
-    height: 18,
-    viewBox: '0 0 64 64',
-    xmlns: 'http://www.w3.org/2000/svg'
-  }, React__namespace.createElement("path", {
-    d: 'M41.625 60.375L16 32 41.625 3.625 48.5 10 28.375 32 48.5 54z'
-  }))), React__namespace.createElement(Button.Button, {
+    "icon-as": Left.Left
+  })), React__namespace.createElement("button", {
     type: 'button',
     className: css.buttonNext,
     onClick: handleClickButtonNext,
     disabled: isDisableNext,
     "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", {
+  }, React__namespace.createElement(Icon.Icon, {
     className: css.buttonIcon,
-    width: 18,
-    height: 18,
-    viewBox: '0 0 64 64',
-    xmlns: 'http://www.w3.org/2000/svg'
-  }, React__namespace.createElement("path", {
-    d: 'M22.875 60.375L16 54l20.125-22L16 10l6.875-6.375L48.5 32z'
-  })))), isShowDots && React__namespace.createElement("ul", {
+    "icon-as": Right.Right
+  }))), isShowDots && React__namespace.createElement("ul", {
     className: classNames__default["default"](css.dots, (_c = {}, _c[css.dotsTransparent] = isDotsTransparent, _c))
   }, childrenArray.map(function (child, index) {
     var viewIndex = index + 1;
     return React__namespace.createElement("li", {
       className: css.dotsItem,
       key: child.key
-    }, React__namespace.createElement(Button.Button, {
-      className: css.dotsButton,
+    }, React__namespace.createElement("button", {
       type: 'button',
+      className: css.dotsButton,
       onClick: function () {
         return handleClickDot(index);
       },

package/SimpleSlider/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-easy-swipe"),n=require("classnames");require("intersection-observer");var r=require("@prom-ui/core/Button"),o=require("@prom-ui/core/BodyProvider");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=a(e),u=i(t),s=i(n),l=function(){return l=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},l.apply(this,arguments)};function f(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var d,v,p,m=function(e){return!!e&&/\d\/\d/.test(e)},h=function(e,t){return Math.abs((e%t+t)%t)},y=function(e){return{paddingTop:"calc(".concat(e.split("/").reverse().join("/")," * 100%)")}},w=function(e){var t=e.width,n=e.height,r=e.ratio,o=e.style,i=m(r);return l({width:t,height:i?"auto":n,maxWidth:i?"100%":"none",aspectRatio:i?r:void 0},o)},x=function(e){var t=e.index,n=e.childrenCount,r=e.duration,o=e.offset,i="number"==typeof o,a=i?o:0;return{transform:"translateX(calc(".concat(t*(100/n)*-1,"% + ").concat(a,"px))"),transition:i?void 0:"transform ".concat(r,"ms ease"),width:"".concat(100*n,"%")}},b="WuTIM",g="G8BYu",E="_94Eq7",O="UqTOk I5yQD",N="BbLNv I5yQD",k="_89h6n",C="yssoj",j="E7g4J",B="v-ZWk",P="cbWCu",S="_7N4yb",q="ig5DV",_=c.forwardRef((function(t,n){var i,a,_,L,D,I,M=t.autoPlay,T=void 0===M?0:M,R=t.children,H=t.className,W=t.duration,z=void 0===W?500:W,Q=t.height,A=t.infinite,F=void 0!==A&&A,G=t.ratio,J=t.style,U=t.width,V=t.onChangeIndex,X=t.onClickDot,Y=t.onClickItem,Z=t.onClickButtonNext,K=t.onClickButtonPrev,$=t.onSwipeNext,ee=t.onSwipePrev,te=t.showOnHoverButtons,ne=void 0!==te&&te,re=t.showOnHoverDots,oe=void 0!==re&&re,ie=t.isDotsTransparent,ae=void 0!==ie&&ie,ce=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(t,["autoPlay","children","className","duration","height","infinite","ratio","style","width","onChangeIndex","onClickDot","onClickItem","onClickButtonNext","onClickButtonPrev","onSwipeNext","onSwipePrev","showOnHoverButtons","showOnHoverDots","isDotsTransparent"]),ue=o.useBodyLocale().t,se=c.useRef(null),le=c.useRef(!1),fe=c.useState(!1),de=fe[0],ve=fe[1],pe=c.useState({index:0,offset:void 0}),me=pe[0],he=pe[1],ye=c.Children.count(R),we=c.Children.toArray(R),xe=!F&&0===me.index,be=!F&&me.index===ye-1,ge=ye>1,Ee=ye>1,Oe=!de&&T>0,Ne=me.index-1,ke=me.index+1,Ce=h(me.index,ye),je=h(Ne,ye),Be=h(ke,ye),Pe=(_=function(){le.current||be||he({index:ke,offset:void 0})},L=T,D=e.useRef(null),[function(){I(),D.current=setTimeout(_,L)},I=function(){clearTimeout(D.current)}]),Se=Pe[0],qe=Pe[1],_e=function(){le.current=!0,qe()},Le=function(){le.current=!1,Oe&&Se(),me.index in we||he({index:Ce,offset:0}),"function"==typeof V&&V(Ce)};return c.useEffect((function(){var e,t,n=new IntersectionObserver((function(e){e[0].isIntersecting?Se():qe()}));return null===(e=se.current)||void 0===e||e.addEventListener("transitionstart",_e),null===(t=se.current)||void 0===t||t.addEventListener("transitionend",Le),Oe&&se.current&&n.observe(se.current),function(){var e,t;null===(e=se.current)||void 0===e||e.removeEventListener("transitionstart",_e),null===(t=se.current)||void 0===t||t.removeEventListener("transitionend",Le),qe(),n.disconnect()}}),[me.index,Oe]),c.createElement(u.default,l({ref:n,onSwipeLeft:function(){le.current||be||("function"==typeof $&&$(Be),he({index:ke,offset:void 0}))},onSwipeRight:function(){le.current||xe||("function"==typeof ee&&ee(je),he({index:Ne,offset:void 0}))},onSwipeMove:function(e,t){var n=e.x;if(!(le.current||t.touches&&t.touches.length>1)){var r=n;(xe&&n>0||be&&n<0)&&(r=0),he({index:me.index,offset:r})}},className:s.default(b,H,(i={},i[C]=ne,i[q]=oe,i)),style:w({width:U,height:Q,ratio:G,style:J}),onSwipeStart:function(){return ve(!0)},onSwipeEnd:function(){return ve(!1)},onMouseEnter:function(){return ve(!0)},onMouseLeave:function(){return ve(!1)}},ce),m(G)&&c.createElement("div",{style:y(G)}),c.createElement("ul",{ref:se,className:g,style:x({index:F?me.index+1:me.index,childrenCount:F?ye+2:ye,duration:z,offset:me.offset})},F&&c.createElement("li",{className:E},we[we.length-1]),we.map((function(e,t){return c.createElement("li",{key:e.key,className:E,onClick:function(){"function"==typeof Y&&Y(t)},"data-qaid":"image_slider_".concat(t)},e)})),F&&c.createElement("li",{className:E},we[0])),ge&&c.createElement(c.Fragment,null,c.createElement(r.Button,{type:"button",className:O,onClick:function(){le.current||xe||("function"==typeof K&&K(je),he({index:Ne,offset:void 0}))},disabled:xe,"aria-label":ue(d||(d=f(["Показать предыдущий баннер"],["Показать предыдущий баннер"]))),"data-qaid":"prev_image"},c.createElement("svg",{className:k,width:18,height:18,viewBox:"0 0 64 64",xmlns:"http://www.w3.org/2000/svg"},c.createElement("path",{d:"M41.625 60.375L16 32 41.625 3.625 48.5 10 28.375 32 48.5 54z"}))),c.createElement(r.Button,{type:"button",className:N,onClick:function(){le.current||be||("function"==typeof Z&&Z(Be),he({index:ke,offset:void 0}))},disabled:be,"aria-label":ue(v||(v=f(["Показать следующий баннер"],["Показать следующий баннер"]))),"data-qaid":"next_image"},c.createElement("svg",{className:k,width:18,height:18,viewBox:"0 0 64 64",xmlns:"http://www.w3.org/2000/svg"},c.createElement("path",{d:"M22.875 60.375L16 54l20.125-22L16 10l6.875-6.375L48.5 32z"})))),Ee&&c.createElement("ul",{className:s.default(j,(a={},a[B]=ae,a))},we.map((function(e,t){var n=t+1;return c.createElement("li",{className:P,key:e.key},c.createElement(r.Button,{className:S,type:"button",onClick:function(){return e=t,void(le.current||("function"==typeof X&&X(e),he({index:e,offset:void 0})));var e},disabled:t===Ce,"aria-label":ue(p||(p=f(["Показать баннер номер ",""],["Показать баннер номер ",""])),n),"data-qaid":"view_image_".concat(n)},n))}))))}));exports.SimpleSlider=_,require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-easy-swipe"),n=require("classnames");require("intersection-observer");var r=require("@prom-ui/core/Icon"),o=require("@prom-ui/core/BodyProvider"),i=require("@prom-ui/icons/Left"),a=require("@prom-ui/icons/Right");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var s=u(e),l=c(t),f=c(n),d=function(){return d=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},d.apply(this,arguments)};function v(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var p,m,y,h=function(e){return!!e&&/\d\/\d/.test(e)},b=function(e,t){return Math.abs((e%t+t)%t)},x=function(e){return{paddingTop:"calc(".concat(e.split("/").reverse().join("/")," * 100%)")}},w=function(e){var t=e.width,n=e.height,r=e.ratio,o=e.style,i=h(r);return d({width:t,height:i?"auto":n,maxWidth:i?"100%":"none",aspectRatio:i?r:void 0},o)},g=function(e){var t=e.index,n=e.childrenCount,r=e.duration,o=e.offset,i="number"==typeof o,a=i?o:0;return{transform:"translateX(calc(".concat(t*(100/n)*-1,"% + ").concat(a,"px))"),transition:i?void 0:"transform ".concat(r,"ms ease"),width:"".concat(100*n,"%")}},O="WuTIM",E="G8BYu",j="_94Eq7",N="UqTOk I5yQD LXJjI",k="BbLNv I5yQD LXJjI",C="_89h6n",I="E7g4J",P="v-ZWk",S="cbWCu",q="_7N4yb LXJjI",L="yssoj",_="ig5DV",B=s.forwardRef((function(t,n){var c,u,B,D,R,M,T=t.showIndex,H=void 0===T?0:T,J=t.autoPlay,W=void 0===J?0:J,X=t.children,Q=t.className,z=t.duration,A=void 0===z?500:z,F=t.height,G=t.infinite,U=void 0!==G&&G,V=t.ratio,Y=t.style,Z=t.width,K=t.onChangeIndex,$=t.onClickDot,ee=t.onClickItem,te=t.onClickButtonNext,ne=t.onClickButtonPrev,re=t.onSwipeNext,oe=t.onSwipePrev,ie=t.showOnHoverButtons,ae=void 0!==ie&&ie,ce=t.showOnHoverDots,ue=void 0!==ce&&ce,se=t.isDotsTransparent,le=void 0!==se&&se,fe=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(t,["showIndex","autoPlay","children","className","duration","height","infinite","ratio","style","width","onChangeIndex","onClickDot","onClickItem","onClickButtonNext","onClickButtonPrev","onSwipeNext","onSwipePrev","showOnHoverButtons","showOnHoverDots","isDotsTransparent"]),de=o.useBodyLocale().t,ve=s.useRef(null),pe=s.useRef(!1),me=s.useState(!1),ye=me[0],he=me[1],be=s.useState({index:H,offset:void 0}),xe=be[0],we=be[1],ge=s.Children.count(X),Oe=s.Children.toArray(X),Ee=!U&&0===xe.index,je=!U&&xe.index===ge-1,Ne=ge>1,ke=ge>1,Ce=!ye&&W>0,Ie=xe.index-1,Pe=xe.index+1,Se=b(xe.index,ge),qe=b(Ie,ge),Le=b(Pe,ge),_e=(B=function(){pe.current||je||we({index:Pe,offset:void 0})},D=W,R=e.useRef(null),[function(){M(),R.current=setTimeout(B,D)},M=function(){clearTimeout(R.current)}]),Be=_e[0],De=_e[1],Re=function(){pe.current=!0,De()},Me=function(){pe.current=!1,Ce&&Be(),xe.index in Oe||we({index:Se,offset:0}),"function"==typeof K&&K(Se)};return s.useEffect((function(){var e,t,n=new IntersectionObserver((function(e){e[0].isIntersecting?Be():De()}));return null===(e=ve.current)||void 0===e||e.addEventListener("transitionstart",Re),null===(t=ve.current)||void 0===t||t.addEventListener("transitionend",Me),Ce&&ve.current&&n.observe(ve.current),function(){var e,t;null===(e=ve.current)||void 0===e||e.removeEventListener("transitionstart",Re),null===(t=ve.current)||void 0===t||t.removeEventListener("transitionend",Me),De(),n.disconnect()}}),[xe.index,Ce]),s.useEffect((function(){H!==xe.index&&we({index:H,offset:void 0})}),[H]),s.createElement(l.default,d({ref:n,onSwipeLeft:function(){pe.current||je||("function"==typeof re&&re(Le),we({index:Pe,offset:void 0}))},onSwipeRight:function(){pe.current||Ee||("function"==typeof oe&&oe(qe),we({index:Ie,offset:void 0}))},onSwipeMove:function(e,t){var n=e.x;if(!(pe.current||t.touches&&t.touches.length>1)){var r=n;(Ee&&n>0||je&&n<0)&&(r=0),we({index:xe.index,offset:r})}},className:f.default(O,Q,(c={},c[L]=ae,c[_]=ue,c)),style:w({width:Z,height:F,ratio:V,style:Y}),onSwipeStart:function(){return he(!0)},onSwipeEnd:function(){return he(!1)},onMouseEnter:function(){return he(!0)},onMouseLeave:function(){return he(!1)}},fe),h(V)&&s.createElement("div",{style:x(V)}),s.createElement("ul",{ref:ve,className:E,style:g({index:U?xe.index+1:xe.index,childrenCount:U?ge+2:ge,duration:A,offset:xe.offset})},U&&s.createElement("li",{className:j},Oe[Oe.length-1]),Oe.map((function(e,t){return s.createElement("li",{key:e.key,className:j,onClick:function(){"function"==typeof ee&&ee(t)},"data-qaid":"image_slider_".concat(t)},e)})),U&&s.createElement("li",{className:j},Oe[0])),Ne&&s.createElement(s.Fragment,null,s.createElement("button",{type:"button",className:N,onClick:function(){pe.current||Ee||("function"==typeof ne&&ne(qe),we({index:Ie,offset:void 0}))},disabled:Ee,"aria-label":de(p||(p=v(["Показать предыдущий баннер"],["Показать предыдущий баннер"]))),"data-qaid":"prev_image"},s.createElement(r.Icon,{className:C,"icon-as":i.Left})),s.createElement("button",{type:"button",className:k,onClick:function(){pe.current||je||("function"==typeof te&&te(Le),we({index:Pe,offset:void 0}))},disabled:je,"aria-label":de(m||(m=v(["Показать следующий баннер"],["Показать следующий баннер"]))),"data-qaid":"next_image"},s.createElement(r.Icon,{className:C,"icon-as":a.Right}))),ke&&s.createElement("ul",{className:f.default(I,(u={},u[P]=le,u))},Oe.map((function(e,t){var n=t+1;return s.createElement("li",{className:S,key:e.key},s.createElement("button",{type:"button",className:q,onClick:function(){return e=t,void(pe.current||("function"==typeof $&&$(e),we({index:e,offset:void 0})));var e},disabled:t===Se,"aria-label":de(y||(y=v(["Показать баннер номер ",""],["Показать баннер номер ",""])),n),"data-qaid":"view_image_".concat(n)},n))}))))}));exports.SimpleSlider=B,require("./style.production.css");

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-easy-swipe"),n=require("classnames");require("intersection-observer");var r=require("@prom-ui/core/Button"),o=require("@prom-ui/core/BodyProvider");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=a(e),u=i(t),s=i(n),l=function(){return l=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},l.apply(this,arguments)};function d(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var f,v,p,m=function(e){return!!e&&/\d\/\d/.test(e)},h=function(e,t){return Math.abs((e%t+t)%t)},y=function(e){return{paddingTop:"calc(".concat(e.split("/").reverse().join("/")," * 100%)")}},w=function(e){var t=e.width,n=e.height,r=e.ratio,o=e.style,i=m(r);return l({width:t,height:i?"auto":n,maxWidth:i?"100%":"none",aspectRatio:i?r:void 0},o)},x=function(e){var t=e.index,n=e.childrenCount,r=e.duration,o=e.offset,i="number"==typeof o,a=i?o:0;return{transform:"translateX(calc(".concat(t*(100/n)*-1,"% + ").concat(a,"px))"),transition:i?void 0:"transform ".concat(r,"ms ease"),width:"".concat(100*n,"%")}},g="bXdCd",b="igqgQ",O="_7TgGX",E="_543BF cQvz3",k="uU4Gw cQvz3",C="LD9ov",N="_0cn-k",P="GA591",S="fybKk",j="d4JnV",B="UPQSI",q="q4PLm",L=c.forwardRef((function(t,n){var i,a,L,_,D,I,M=t.autoPlay,R=void 0===M?0:M,T=t.children,z=t.className,H=t.duration,Q=void 0===H?500:H,G=t.height,X=t.infinite,A=void 0!==X&&X,F=t.ratio,U=t.style,J=t.width,K=t.onChangeIndex,V=t.onClickDot,W=t.onClickItem,Y=t.onClickButtonNext,Z=t.onClickButtonPrev,$=t.onSwipeNext,ee=t.onSwipePrev,te=t.showOnHoverButtons,ne=void 0!==te&&te,re=t.showOnHoverDots,oe=void 0!==re&&re,ie=t.isDotsTransparent,ae=void 0!==ie&&ie,ce=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(t,["autoPlay","children","className","duration","height","infinite","ratio","style","width","onChangeIndex","onClickDot","onClickItem","onClickButtonNext","onClickButtonPrev","onSwipeNext","onSwipePrev","showOnHoverButtons","showOnHoverDots","isDotsTransparent"]),ue=o.useBodyLocale().t,se=c.useRef(null),le=c.useRef(!1),de=c.useState(!1),fe=de[0],ve=de[1],pe=c.useState({index:0,offset:void 0}),me=pe[0],he=pe[1],ye=c.Children.count(T),we=c.Children.toArray(T),xe=!A&&0===me.index,ge=!A&&me.index===ye-1,be=ye>1,Oe=ye>1,Ee=!fe&&R>0,ke=me.index-1,Ce=me.index+1,Ne=h(me.index,ye),Pe=h(ke,ye),Se=h(Ce,ye),je=(L=function(){le.current||ge||he({index:Ce,offset:void 0})},_=R,D=e.useRef(null),[function(){I(),D.current=setTimeout(L,_)},I=function(){clearTimeout(D.current)}]),Be=je[0],qe=je[1],Le=function(){le.current=!0,qe()},_e=function(){le.current=!1,Ee&&Be(),me.index in we||he({index:Ne,offset:0}),"function"==typeof K&&K(Ne)};return c.useEffect((function(){var e,t,n=new IntersectionObserver((function(e){e[0].isIntersecting?Be():qe()}));return null===(e=se.current)||void 0===e||e.addEventListener("transitionstart",Le),null===(t=se.current)||void 0===t||t.addEventListener("transitionend",_e),Ee&&se.current&&n.observe(se.current),function(){var e,t;null===(e=se.current)||void 0===e||e.removeEventListener("transitionstart",Le),null===(t=se.current)||void 0===t||t.removeEventListener("transitionend",_e),qe(),n.disconnect()}}),[me.index,Ee]),c.createElement(u.default,l({ref:n,onSwipeLeft:function(){le.current||ge||("function"==typeof $&&$(Se),he({index:Ce,offset:void 0}))},onSwipeRight:function(){le.current||xe||("function"==typeof ee&&ee(Pe),he({index:ke,offset:void 0}))},onSwipeMove:function(e,t){var n=e.x;if(!(le.current||t.touches&&t.touches.length>1)){var r=n;(xe&&n>0||ge&&n<0)&&(r=0),he({index:me.index,offset:r})}},className:s.default(g,z,(i={},i[N]=ne,i[q]=oe,i)),style:w({width:J,height:G,ratio:F,style:U}),onSwipeStart:function(){return ve(!0)},onSwipeEnd:function(){return ve(!1)},onMouseEnter:function(){return ve(!0)},onMouseLeave:function(){return ve(!1)}},ce),m(F)&&c.createElement("div",{style:y(F)}),c.createElement("ul",{ref:se,className:b,style:x({index:A?me.index+1:me.index,childrenCount:A?ye+2:ye,duration:Q,offset:me.offset})},A&&c.createElement("li",{className:O},we[we.length-1]),we.map((function(e,t){return c.createElement("li",{key:e.key,className:O,onClick:function(){"function"==typeof W&&W(t)},"data-qaid":"image_slider_".concat(t)},e)})),A&&c.createElement("li",{className:O},we[0])),be&&c.createElement(c.Fragment,null,c.createElement(r.Button,{type:"button",className:E,onClick:function(){le.current||xe||("function"==typeof Z&&Z(Pe),he({index:ke,offset:void 0}))},disabled:xe,"aria-label":ue(f||(f=d(["Показать предыдущий баннер"],["Показать предыдущий баннер"]))),"data-qaid":"prev_image"},c.createElement("svg",{className:C,width:18,height:18,viewBox:"0 0 64 64",xmlns:"http://www.w3.org/2000/svg"},c.createElement("path",{d:"M41.625 60.375L16 32 41.625 3.625 48.5 10 28.375 32 48.5 54z"}))),c.createElement(r.Button,{type:"button",className:k,onClick:function(){le.current||ge||("function"==typeof Y&&Y(Se),he({index:Ce,offset:void 0}))},disabled:ge,"aria-label":ue(v||(v=d(["Показать следующий баннер"],["Показать следующий баннер"]))),"data-qaid":"next_image"},c.createElement("svg",{className:C,width:18,height:18,viewBox:"0 0 64 64",xmlns:"http://www.w3.org/2000/svg"},c.createElement("path",{d:"M22.875 60.375L16 54l20.125-22L16 10l6.875-6.375L48.5 32z"})))),Oe&&c.createElement("ul",{className:s.default(P,(a={},a[S]=ae,a))},we.map((function(e,t){var n=t+1;return c.createElement("li",{className:j,key:e.key},c.createElement(r.Button,{className:B,type:"button",onClick:function(){return e=t,void(le.current||("function"==typeof V&&V(e),he({index:e,offset:void 0})));var e},disabled:t===Ne,"aria-label":ue(p||(p=d(["Показать баннер номер ",""],["Показать баннер номер ",""])),n),"data-qaid":"view_image_".concat(n)},n))}))))}));exports.SimpleSlider=L,require("./style.production.v2.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-easy-swipe"),n=require("classnames");require("intersection-observer");var r=require("@prom-ui/core/Icon"),o=require("@prom-ui/core/BodyProvider"),i=require("@prom-ui/icons/Left"),a=require("@prom-ui/icons/Right");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var s=u(e),l=c(t),f=c(n),d=function(){return d=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},d.apply(this,arguments)};function v(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var p,m,y,h=function(e){return!!e&&/\d\/\d/.test(e)},x=function(e,t){return Math.abs((e%t+t)%t)},b=function(e){return{paddingTop:"calc(".concat(e.split("/").reverse().join("/")," * 100%)")}},g=function(e){var t=e.width,n=e.height,r=e.ratio,o=e.style,i=h(r);return d({width:t,height:i?"auto":n,maxWidth:i?"100%":"none",aspectRatio:i?r:void 0},o)},w=function(e){var t=e.index,n=e.childrenCount,r=e.duration,o=e.offset,i="number"==typeof o,a=i?o:0;return{transform:"translateX(calc(".concat(t*(100/n)*-1,"% + ").concat(a,"px))"),transition:i?void 0:"transform ".concat(r,"ms ease"),width:"".concat(100*n,"%")}},E="bXdCd",O="igqgQ",k="_7TgGX",C="_543BF cQvz3 gHpEr",N="uU4Gw cQvz3 gHpEr",P="LD9ov",S="GA591",j="fybKk",q="d4JnV",I="UPQSI gHpEr",_="_0cn-k",L="q4PLm",B=s.forwardRef((function(t,n){var c,u,B,D,R,H,M=t.showIndex,T=void 0===M?0:M,Q=t.autoPlay,z=void 0===Q?0:Q,G=t.children,X=t.className,A=t.duration,F=void 0===A?500:A,U=t.height,J=t.infinite,K=void 0!==J&&J,V=t.ratio,W=t.style,Y=t.width,Z=t.onChangeIndex,$=t.onClickDot,ee=t.onClickItem,te=t.onClickButtonNext,ne=t.onClickButtonPrev,re=t.onSwipeNext,oe=t.onSwipePrev,ie=t.showOnHoverButtons,ae=void 0!==ie&&ie,ce=t.showOnHoverDots,ue=void 0!==ce&&ce,se=t.isDotsTransparent,le=void 0!==se&&se,fe=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(t,["showIndex","autoPlay","children","className","duration","height","infinite","ratio","style","width","onChangeIndex","onClickDot","onClickItem","onClickButtonNext","onClickButtonPrev","onSwipeNext","onSwipePrev","showOnHoverButtons","showOnHoverDots","isDotsTransparent"]),de=o.useBodyLocale().t,ve=s.useRef(null),pe=s.useRef(!1),me=s.useState(!1),ye=me[0],he=me[1],xe=s.useState({index:T,offset:void 0}),be=xe[0],ge=xe[1],we=s.Children.count(G),Ee=s.Children.toArray(G),Oe=!K&&0===be.index,ke=!K&&be.index===we-1,Ce=we>1,Ne=we>1,Pe=!ye&&z>0,Se=be.index-1,je=be.index+1,qe=x(be.index,we),Ie=x(Se,we),_e=x(je,we),Le=(B=function(){pe.current||ke||ge({index:je,offset:void 0})},D=z,R=e.useRef(null),[function(){H(),R.current=setTimeout(B,D)},H=function(){clearTimeout(R.current)}]),Be=Le[0],De=Le[1],Re=function(){pe.current=!0,De()},He=function(){pe.current=!1,Pe&&Be(),be.index in Ee||ge({index:qe,offset:0}),"function"==typeof Z&&Z(qe)};return s.useEffect((function(){var e,t,n=new IntersectionObserver((function(e){e[0].isIntersecting?Be():De()}));return null===(e=ve.current)||void 0===e||e.addEventListener("transitionstart",Re),null===(t=ve.current)||void 0===t||t.addEventListener("transitionend",He),Pe&&ve.current&&n.observe(ve.current),function(){var e,t;null===(e=ve.current)||void 0===e||e.removeEventListener("transitionstart",Re),null===(t=ve.current)||void 0===t||t.removeEventListener("transitionend",He),De(),n.disconnect()}}),[be.index,Pe]),s.useEffect((function(){T!==be.index&&ge({index:T,offset:void 0})}),[T]),s.createElement(l.default,d({ref:n,onSwipeLeft:function(){pe.current||ke||("function"==typeof re&&re(_e),ge({index:je,offset:void 0}))},onSwipeRight:function(){pe.current||Oe||("function"==typeof oe&&oe(Ie),ge({index:Se,offset:void 0}))},onSwipeMove:function(e,t){var n=e.x;if(!(pe.current||t.touches&&t.touches.length>1)){var r=n;(Oe&&n>0||ke&&n<0)&&(r=0),ge({index:be.index,offset:r})}},className:f.default(E,X,(c={},c[_]=ae,c[L]=ue,c)),style:g({width:Y,height:U,ratio:V,style:W}),onSwipeStart:function(){return he(!0)},onSwipeEnd:function(){return he(!1)},onMouseEnter:function(){return he(!0)},onMouseLeave:function(){return he(!1)}},fe),h(V)&&s.createElement("div",{style:b(V)}),s.createElement("ul",{ref:ve,className:O,style:w({index:K?be.index+1:be.index,childrenCount:K?we+2:we,duration:F,offset:be.offset})},K&&s.createElement("li",{className:k},Ee[Ee.length-1]),Ee.map((function(e,t){return s.createElement("li",{key:e.key,className:k,onClick:function(){"function"==typeof ee&&ee(t)},"data-qaid":"image_slider_".concat(t)},e)})),K&&s.createElement("li",{className:k},Ee[0])),Ce&&s.createElement(s.Fragment,null,s.createElement("button",{type:"button",className:C,onClick:function(){pe.current||Oe||("function"==typeof ne&&ne(Ie),ge({index:Se,offset:void 0}))},disabled:Oe,"aria-label":de(p||(p=v(["Показать предыдущий баннер"],["Показать предыдущий баннер"]))),"data-qaid":"prev_image"},s.createElement(r.Icon,{className:P,"icon-as":i.Left})),s.createElement("button",{type:"button",className:N,onClick:function(){pe.current||ke||("function"==typeof te&&te(_e),ge({index:je,offset:void 0}))},disabled:ke,"aria-label":de(m||(m=v(["Показать следующий баннер"],["Показать следующий баннер"]))),"data-qaid":"next_image"},s.createElement(r.Icon,{className:P,"icon-as":a.Right}))),Ne&&s.createElement("ul",{className:f.default(S,(u={},u[j]=le,u))},Ee.map((function(e,t){var n=t+1;return s.createElement("li",{className:q,key:e.key},s.createElement("button",{type:"button",className:I,onClick:function(){return e=t,void(pe.current||("function"==typeof $&&$(e),ge({index:e,offset:void 0})));var e},disabled:t===qe,"aria-label":de(y||(y=v(["Показать баннер номер ",""],["Показать баннер номер ",""])),n),"data-qaid":"view_image_".concat(n)},n))}))))}));exports.SimpleSlider=B,require("./style.production.v2.css");

package/SimpleSlider/cjs/style.development.css

@@ -1 +1 @@
-.SimpleSlider__root___WuTIM{position:relative;overflow:hidden;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.SimpleSlider__track___G8BYu{position:absolute;left:0;top:0;height:100%;list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:nowrap}.SimpleSlider__trackItem___94Eq7{position:relative;display:block;flex:1;min-width:0}.SimpleSlider__buttonCommon___I5yQD{position:absolute;top:50%;transform:translateY(-50%);font-weight:400;border:0;border-radius:4px;background:var(--white);box-shadow:0 0 10px rgba(0,0,0,.08);padding:0;width:30px;height:66px;max-height:70%}.SimpleSlider__buttonCommon___I5yQD:disabled{opacity:.3;pointer-events:auto}.SimpleSlider__buttonCommon___I5yQD:active{background:var(--black-200)}.SimpleSlider__buttonPrev___UqTOk{left:0;margin-left:8px}.SimpleSlider__buttonNext___BbLNv{right:0;margin-right:8px}.SimpleSlider__buttonIcon___89h6n{fill:currentColor}.SimpleSlider__showOnHoverButtons___yssoj .SimpleSlider__buttonNext___BbLNv{right:-40px}.SimpleSlider__showOnHoverButtons___yssoj .SimpleSlider__buttonPrev___UqTOk{left:-40px}.SimpleSlider__dots___E7g4J{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;align-items:center;list-style:none;padding:4px 8px;margin:0 0 8px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.08);transition:bottom 150ms ease-in-out}.SimpleSlider__dots___E7g4J:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:var(--white)}.SimpleSlider__dotsTransparent___v-ZWk:before{opacity:.5}.SimpleSlider__dotsItem___cbWCu{display:block;position:relative}.SimpleSlider__dotsItem___cbWCu+.SimpleSlider__dotsItem___cbWCu{margin-left:6px}.SimpleSlider__dotsButton___7N4yb{display:block;padding:0;width:6px;height:6px;border-radius:50%;font-size:0;background:var(--black-400);transition:none}.SimpleSlider__dotsButton___7N4yb:hover{background:var(--black-500)}.SimpleSlider__dotsButton___7N4yb:disabled{background:var(--yellow-500)}.SimpleSlider__showOnHoverDots___ig5DV .SimpleSlider__dots___E7g4J{bottom:-24px}@media (hover:hover){.SimpleSlider__showOnHoverButtons___yssoj:hover .SimpleSlider__buttonNext___BbLNv{right:0}.SimpleSlider__showOnHoverButtons___yssoj:hover .SimpleSlider__buttonPrev___UqTOk{left:0}.SimpleSlider__showOnHoverDots___ig5DV:hover .SimpleSlider__dots___E7g4J{bottom:0}}
+.SimpleSlider__root___WuTIM{position:relative;overflow:hidden;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.SimpleSlider__track___G8BYu{position:absolute;left:0;top:0;height:100%;list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:nowrap}.SimpleSlider__trackItem___94Eq7{position:relative;display:block;flex:1;min-width:0}.SimpleSlider__resetButton___LXJjI{border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.SimpleSlider__resetButton___LXJjI::-moz-focus-inner{border-style:none}.SimpleSlider__resetButton___LXJjI:focus:not(:focus-visible){outline:0}.SimpleSlider__buttonCommon___I5yQD{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;width:42px;height:42px;transition:120ms ease-in-out;transition-property:background-color,transform,opacity;aspect-ratio:1/1;color:var(--black-900);background:var(--white);box-shadow:0 4px 10px rgba(147,148,156,.4);display:flex;align-items:center;justify-content:center}.SimpleSlider__buttonCommon___I5yQD:disabled{cursor:default;opacity:.3;pointer-events:none}.SimpleSlider__buttonCommon___I5yQD:hover{background:var(--black-50)}.SimpleSlider__buttonCommon___I5yQD:active,.SimpleSlider__buttonCommon___I5yQD:focus-visible{background:var(--black-100)}.SimpleSlider__buttonPrev___UqTOk{left:var(--pds-spacing-m)}.SimpleSlider__buttonNext___BbLNv{right:var(--pds-spacing-m)}.SimpleSlider__buttonIcon___89h6n{fill:currentColor;width:24px;height:24px}.SimpleSlider__dots___E7g4J{position:absolute;left:50%;bottom:var(--pds-spacing-s);transform:translate(-50%,0);display:flex;align-items:center;list-style:none;padding:4px 8px;border-radius:8px;box-shadow:0 2px 10px rgba(147,148,156,.4);transition:120ms ease-in-out;transition-property:transform,opacity}.SimpleSlider__dots___E7g4J:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:var(--white)}.SimpleSlider__dotsTransparent___v-ZWk:before{opacity:.5}.SimpleSlider__dotsItem___cbWCu{display:block;position:relative}.SimpleSlider__dotsItem___cbWCu+.SimpleSlider__dotsItem___cbWCu{margin-left:6px}.SimpleSlider__dotsButton___7N4yb{display:block;padding:0;width:6px;height:6px;border-radius:50%;font-size:0;background:var(--black-400);transition:none}.SimpleSlider__dotsButton___7N4yb:hover{background:var(--black-500)}.SimpleSlider__dotsButton___7N4yb:disabled{background:var(--yellow-500)}.SimpleSlider__showOnHoverButtons___yssoj .SimpleSlider__buttonPrev___UqTOk{opacity:0;transform:translate(calc(-100% - var(--pds-spacing-m)),-50%)}.SimpleSlider__showOnHoverButtons___yssoj .SimpleSlider__buttonNext___BbLNv{opacity:0;transform:translate(calc(100% + var(--pds-spacing-m)),-50%)}.SimpleSlider__showOnHoverDots___ig5DV .SimpleSlider__dots___E7g4J{opacity:0;transform:translate(-50%,calc(100% + var(--pds-spacing-s)))}@media (hover:hover){.SimpleSlider__showOnHoverButtons___yssoj:hover .SimpleSlider__buttonPrev___UqTOk{opacity:1;transform:translate(0,-50%)}.SimpleSlider__showOnHoverButtons___yssoj:hover .SimpleSlider__buttonPrev___UqTOk:disabled{opacity:.3}.SimpleSlider__showOnHoverButtons___yssoj:hover .SimpleSlider__buttonNext___BbLNv{opacity:1;transform:translate(0,-50%)}.SimpleSlider__showOnHoverButtons___yssoj:hover .SimpleSlider__buttonNext___BbLNv:disabled{opacity:.3}.SimpleSlider__showOnHoverDots___ig5DV:hover .SimpleSlider__dots___E7g4J{opacity:1;transform:translate(-50%,0)}}

package/SimpleSlider/cjs/style.development.v2.css

@@ -1 +1 @@
-.SimpleSlider__root___bXdCd{position:relative;overflow:hidden;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.SimpleSlider__track___igqgQ{position:absolute;left:0;top:0;height:100%;list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:nowrap}.SimpleSlider__trackItem___7TgGX{position:relative;display:block;flex:1;min-width:0}.SimpleSlider__buttonCommon___cQvz3{position:absolute;top:50%;transform:translateY(-50%);font-weight:400;border:0;border-radius:4px;background:var(--white);box-shadow:0 0 10px rgba(0,0,0,.08);padding:0;width:30px;height:66px;max-height:70%}.SimpleSlider__buttonCommon___cQvz3:disabled{opacity:.3;pointer-events:auto}.SimpleSlider__buttonCommon___cQvz3:active{background:var(--black-200)}.SimpleSlider__buttonPrev___543BF{left:0;margin-left:8px}.SimpleSlider__buttonNext___uU4Gw{right:0;margin-right:8px}.SimpleSlider__buttonIcon___LD9ov{fill:currentColor}.SimpleSlider__showOnHoverButtons___0cn-k .SimpleSlider__buttonNext___uU4Gw{right:-40px}.SimpleSlider__showOnHoverButtons___0cn-k .SimpleSlider__buttonPrev___543BF{left:-40px}.SimpleSlider__dots___GA591{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;align-items:center;list-style:none;padding:4px 8px;margin:0 0 8px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.08);transition:bottom 150ms ease-in-out}.SimpleSlider__dots___GA591:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:var(--white)}.SimpleSlider__dotsTransparent___fybKk:before{opacity:.5}.SimpleSlider__dotsItem___d4JnV{display:block;position:relative}.SimpleSlider__dotsItem___d4JnV+.SimpleSlider__dotsItem___d4JnV{margin-left:6px}.SimpleSlider__dotsButton___UPQSI{display:block;padding:0;width:6px;height:6px;border-radius:50%;font-size:0;background:var(--black-400);transition:none}.SimpleSlider__dotsButton___UPQSI:hover{background:var(--black-500)}.SimpleSlider__dotsButton___UPQSI:disabled{background:var(--yellow-500)}.SimpleSlider__showOnHoverDots___q4PLm .SimpleSlider__dots___GA591{bottom:-24px}@media (hover:hover){.SimpleSlider__showOnHoverButtons___0cn-k:hover .SimpleSlider__buttonNext___uU4Gw{right:0}.SimpleSlider__showOnHoverButtons___0cn-k:hover .SimpleSlider__buttonPrev___543BF{left:0}.SimpleSlider__showOnHoverDots___q4PLm:hover .SimpleSlider__dots___GA591{bottom:0}}
+.SimpleSlider__root___bXdCd{position:relative;overflow:hidden;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.SimpleSlider__track___igqgQ{position:absolute;left:0;top:0;height:100%;list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:nowrap}.SimpleSlider__trackItem___7TgGX{position:relative;display:block;flex:1;min-width:0}.SimpleSlider__resetButton___gHpEr{border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.SimpleSlider__resetButton___gHpEr::-moz-focus-inner{border-style:none}.SimpleSlider__resetButton___gHpEr:focus:not(:focus-visible){outline:0}.SimpleSlider__buttonCommon___cQvz3{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;width:42px;height:42px;transition:120ms ease-in-out;transition-property:background-color,transform,opacity;aspect-ratio:1/1;color:var(--black-900);background:var(--white);box-shadow:0 4px 10px rgba(147,148,156,.4);display:flex;align-items:center;justify-content:center}.SimpleSlider__buttonCommon___cQvz3:disabled{cursor:default;opacity:.3;pointer-events:none}.SimpleSlider__buttonCommon___cQvz3:hover{background:var(--black-50)}.SimpleSlider__buttonCommon___cQvz3:active,.SimpleSlider__buttonCommon___cQvz3:focus-visible{background:var(--black-100)}.SimpleSlider__buttonPrev___543BF{left:var(--pds-spacing-m)}.SimpleSlider__buttonNext___uU4Gw{right:var(--pds-spacing-m)}.SimpleSlider__buttonIcon___LD9ov{fill:currentColor;width:24px;height:24px}.SimpleSlider__dots___GA591{position:absolute;left:50%;bottom:var(--pds-spacing-s);transform:translate(-50%,0);display:flex;align-items:center;list-style:none;padding:4px 8px;border-radius:8px;box-shadow:0 2px 10px rgba(147,148,156,.4);transition:120ms ease-in-out;transition-property:transform,opacity}.SimpleSlider__dots___GA591:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:var(--white)}.SimpleSlider__dotsTransparent___fybKk:before{opacity:.5}.SimpleSlider__dotsItem___d4JnV{display:block;position:relative}.SimpleSlider__dotsItem___d4JnV+.SimpleSlider__dotsItem___d4JnV{margin-left:6px}.SimpleSlider__dotsButton___UPQSI{display:block;padding:0;width:6px;height:6px;border-radius:50%;font-size:0;background:var(--black-400);transition:none}.SimpleSlider__dotsButton___UPQSI:hover{background:var(--black-500)}.SimpleSlider__dotsButton___UPQSI:disabled{background:var(--yellow-500)}.SimpleSlider__showOnHoverButtons___0cn-k .SimpleSlider__buttonPrev___543BF{opacity:0;transform:translate(calc(-100% - var(--pds-spacing-m)),-50%)}.SimpleSlider__showOnHoverButtons___0cn-k .SimpleSlider__buttonNext___uU4Gw{opacity:0;transform:translate(calc(100% + var(--pds-spacing-m)),-50%)}.SimpleSlider__showOnHoverDots___q4PLm .SimpleSlider__dots___GA591{opacity:0;transform:translate(-50%,calc(100% + var(--pds-spacing-s)))}@media (hover:hover){.SimpleSlider__showOnHoverButtons___0cn-k:hover .SimpleSlider__buttonPrev___543BF{opacity:1;transform:translate(0,-50%)}.SimpleSlider__showOnHoverButtons___0cn-k:hover .SimpleSlider__buttonPrev___543BF:disabled{opacity:.3}.SimpleSlider__showOnHoverButtons___0cn-k:hover .SimpleSlider__buttonNext___uU4Gw{opacity:1;transform:translate(0,-50%)}.SimpleSlider__showOnHoverButtons___0cn-k:hover .SimpleSlider__buttonNext___uU4Gw:disabled{opacity:.3}.SimpleSlider__showOnHoverDots___q4PLm:hover .SimpleSlider__dots___GA591{opacity:1;transform:translate(-50%,0)}}

package/SimpleSlider/cjs/style.production.css

@@ -1 +1 @@
-.WuTIM{position:relative;overflow:hidden;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.G8BYu{position:absolute;left:0;top:0;height:100%;list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:nowrap}._94Eq7{position:relative;display:block;flex:1;min-width:0}.I5yQD{position:absolute;top:50%;transform:translateY(-50%);font-weight:400;border:0;border-radius:4px;background:var(--white);box-shadow:0 0 10px rgba(0,0,0,.08);padding:0;width:30px;height:66px;max-height:70%}.I5yQD:disabled{opacity:.3;pointer-events:auto}.I5yQD:active{background:var(--black-200)}.UqTOk{left:0;margin-left:8px}.BbLNv{right:0;margin-right:8px}._89h6n{fill:currentColor}.yssoj .BbLNv{right:-40px}.yssoj .UqTOk{left:-40px}.E7g4J{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;align-items:center;list-style:none;padding:4px 8px;margin:0 0 8px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.08);transition:bottom 150ms ease-in-out}.E7g4J:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:var(--white)}.v-ZWk:before{opacity:.5}.cbWCu{display:block;position:relative}.cbWCu+.cbWCu{margin-left:6px}._7N4yb{display:block;padding:0;width:6px;height:6px;border-radius:50%;font-size:0;background:var(--black-400);transition:none}._7N4yb:hover{background:var(--black-500)}._7N4yb:disabled{background:var(--yellow-500)}.ig5DV .E7g4J{bottom:-24px}@media (hover:hover){.yssoj:hover .BbLNv{right:0}.yssoj:hover .UqTOk{left:0}.ig5DV:hover .E7g4J{bottom:0}}
+.WuTIM{position:relative;overflow:hidden;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.G8BYu{position:absolute;left:0;top:0;height:100%;list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:nowrap}._94Eq7{position:relative;display:block;flex:1;min-width:0}.LXJjI{border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.LXJjI::-moz-focus-inner{border-style:none}.LXJjI:focus:not(:focus-visible){outline:0}.I5yQD{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;width:42px;height:42px;transition:120ms ease-in-out;transition-property:background-color,transform,opacity;aspect-ratio:1/1;color:var(--black-900);background:var(--white);box-shadow:0 4px 10px rgba(147,148,156,.4);display:flex;align-items:center;justify-content:center}.I5yQD:disabled{cursor:default;opacity:.3;pointer-events:none}.I5yQD:hover{background:var(--black-50)}.I5yQD:active,.I5yQD:focus-visible{background:var(--black-100)}.UqTOk{left:var(--pds-spacing-m)}.BbLNv{right:var(--pds-spacing-m)}._89h6n{fill:currentColor;width:24px;height:24px}.E7g4J{position:absolute;left:50%;bottom:var(--pds-spacing-s);transform:translate(-50%,0);display:flex;align-items:center;list-style:none;padding:4px 8px;border-radius:8px;box-shadow:0 2px 10px rgba(147,148,156,.4);transition:120ms ease-in-out;transition-property:transform,opacity}.E7g4J:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:var(--white)}.v-ZWk:before{opacity:.5}.cbWCu{display:block;position:relative}.cbWCu+.cbWCu{margin-left:6px}._7N4yb{display:block;padding:0;width:6px;height:6px;border-radius:50%;font-size:0;background:var(--black-400);transition:none}._7N4yb:hover{background:var(--black-500)}._7N4yb:disabled{background:var(--yellow-500)}.yssoj .UqTOk{opacity:0;transform:translate(calc(-100% - var(--pds-spacing-m)),-50%)}.yssoj .BbLNv{opacity:0;transform:translate(calc(100% + var(--pds-spacing-m)),-50%)}.ig5DV .E7g4J{opacity:0;transform:translate(-50%,calc(100% + var(--pds-spacing-s)))}@media (hover:hover){.yssoj:hover .UqTOk{opacity:1;transform:translate(0,-50%)}.yssoj:hover .UqTOk:disabled{opacity:.3}.yssoj:hover .BbLNv{opacity:1;transform:translate(0,-50%)}.yssoj:hover .BbLNv:disabled{opacity:.3}.ig5DV:hover .E7g4J{opacity:1;transform:translate(-50%,0)}}

package/SimpleSlider/cjs/style.production.v2.css

@@ -1 +1 @@
-.bXdCd{position:relative;overflow:hidden;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.igqgQ{position:absolute;left:0;top:0;height:100%;list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:nowrap}._7TgGX{position:relative;display:block;flex:1;min-width:0}.cQvz3{position:absolute;top:50%;transform:translateY(-50%);font-weight:400;border:0;border-radius:4px;background:var(--white);box-shadow:0 0 10px rgba(0,0,0,.08);padding:0;width:30px;height:66px;max-height:70%}.cQvz3:disabled{opacity:.3;pointer-events:auto}.cQvz3:active{background:var(--black-200)}._543BF{left:0;margin-left:8px}.uU4Gw{right:0;margin-right:8px}.LD9ov{fill:currentColor}._0cn-k .uU4Gw{right:-40px}._0cn-k ._543BF{left:-40px}.GA591{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;align-items:center;list-style:none;padding:4px 8px;margin:0 0 8px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.08);transition:bottom 150ms ease-in-out}.GA591:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:var(--white)}.fybKk:before{opacity:.5}.d4JnV{display:block;position:relative}.d4JnV+.d4JnV{margin-left:6px}.UPQSI{display:block;padding:0;width:6px;height:6px;border-radius:50%;font-size:0;background:var(--black-400);transition:none}.UPQSI:hover{background:var(--black-500)}.UPQSI:disabled{background:var(--yellow-500)}.q4PLm .GA591{bottom:-24px}@media (hover:hover){._0cn-k:hover .uU4Gw{right:0}._0cn-k:hover ._543BF{left:0}.q4PLm:hover .GA591{bottom:0}}
+.bXdCd{position:relative;overflow:hidden;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.igqgQ{position:absolute;left:0;top:0;height:100%;list-style:none;padding:0;margin:0;width:100%;display:flex;flex-wrap:nowrap}._7TgGX{position:relative;display:block;flex:1;min-width:0}.gHpEr{border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.gHpEr::-moz-focus-inner{border-style:none}.gHpEr:focus:not(:focus-visible){outline:0}.cQvz3{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;width:42px;height:42px;transition:120ms ease-in-out;transition-property:background-color,transform,opacity;aspect-ratio:1/1;color:var(--black-900);background:var(--white);box-shadow:0 4px 10px rgba(147,148,156,.4);display:flex;align-items:center;justify-content:center}.cQvz3:disabled{cursor:default;opacity:.3;pointer-events:none}.cQvz3:hover{background:var(--black-50)}.cQvz3:active,.cQvz3:focus-visible{background:var(--black-100)}._543BF{left:var(--pds-spacing-m)}.uU4Gw{right:var(--pds-spacing-m)}.LD9ov{fill:currentColor;width:24px;height:24px}.GA591{position:absolute;left:50%;bottom:var(--pds-spacing-s);transform:translate(-50%,0);display:flex;align-items:center;list-style:none;padding:4px 8px;border-radius:8px;box-shadow:0 2px 10px rgba(147,148,156,.4);transition:120ms ease-in-out;transition-property:transform,opacity}.GA591:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:var(--white)}.fybKk:before{opacity:.5}.d4JnV{display:block;position:relative}.d4JnV+.d4JnV{margin-left:6px}.UPQSI{display:block;padding:0;width:6px;height:6px;border-radius:50%;font-size:0;background:var(--black-400);transition:none}.UPQSI:hover{background:var(--black-500)}.UPQSI:disabled{background:var(--yellow-500)}._0cn-k ._543BF{opacity:0;transform:translate(calc(-100% - var(--pds-spacing-m)),-50%)}._0cn-k .uU4Gw{opacity:0;transform:translate(calc(100% + var(--pds-spacing-m)),-50%)}.q4PLm .GA591{opacity:0;transform:translate(-50%,calc(100% + var(--pds-spacing-s)))}@media (hover:hover){._0cn-k:hover ._543BF{opacity:1;transform:translate(0,-50%)}._0cn-k:hover ._543BF:disabled{opacity:.3}._0cn-k:hover .uU4Gw{opacity:1;transform:translate(0,-50%)}._0cn-k:hover .uU4Gw:disabled{opacity:.3}.q4PLm:hover .GA591{opacity:1;transform:translate(-50%,0)}}

package/SimpleSlider/index.d.ts

@@ -17,6 +17,8 @@ export declare type SimpleSliderProps = {
     style?: React.CSSProperties;
     /** Добавляет прозрачный фон вспомогательной навигации */
     isDotsTransparent?: boolean;
+    /** Показать выбранный слайд по индексу, нумерация начинается с `0` */
+    showIndex?: number;
     /** Показывать при наведении кнопки по бокам Вперед и Назад */
     showOnHoverButtons?: boolean;
     /** Показывать при наведении точки снизу */

package/SimpleSlider/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/SimpleSlider",
-  "version": "0.0.133",
+  "version": "0.0.140",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Skeleton/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Skeleton",
-  "version": "0.0.133",
+  "version": "0.0.140",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Spinner/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Spinner",
-  "version": "0.0.133",
+  "version": "0.0.140",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Text/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Text",
-  "version": "0.0.133",
+  "version": "0.0.140",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/TextEmoji/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/TextEmoji",
-  "version": "0.0.133",
+  "version": "0.0.140",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Tooltip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Tooltip",
-  "version": "0.0.133",
+  "version": "0.0.140",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Tumbler/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Tumbler",
-  "version": "0.0.133",
+  "version": "0.0.140",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prom-ui/core",
   "author": "e.marchenko",
-  "version": "0.0.133",
+  "version": "0.0.140",
   "description": "core ui blocks",
   "scripts": {
     "test": "jest",
@@ -66,5 +66,5 @@
       "optional": true
     }
   },
-  "gitHead": "683997515dabd16df3be2c98165890e242a56143"
+  "gitHead": "dad6ca9cc46231b5431a5ede6fcd30ff7113c209"
 }