2 lines
5.5 KiB
JavaScript
2 lines
5.5 KiB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[30],{"4Cm8":function(t,e,i){"use strict";function s(t){var e;return c.createElement("div",{className:u(m.fadeLeft,(e={},e[m.isVisible]=t.isVisible,e))})}function r(t){var e;return c.createElement("div",{className:u(m.fadeRight,(e={},e[m.isVisible]=t.isVisible,e))})}function n(t){return c.createElement(l,Object(a.__assign)({},t,{className:m.scrollLeft}))}function o(t){return c.createElement(l,Object(a.__assign)({},t,{className:m.scrollRight}))}function l(t){var e;return c.createElement("div",{className:u(t.className,(e={},e[m.isVisible]=t.isVisible,e)),onClick:t.onClick},c.createElement("div",{className:m.iconWrap},c.createElement(p.a,{icon:b,className:m.icon})))}var a,c,u,h,p,d,f,w,b,m,_,R,S,v,V,g,C;i.d(e,"a",function(){return R}),a=i("mrSG"),c=i("q1tI"),u=i("TSYQ"),h=i("XmVn"),p=i("jjrI"),d=i("beCu"),f=i("j1f4"),w=i("Ialn"),b=i("Vike"),m=i("ji/R"),_={isVisibleScrollbar:!0,shouldMeasure:!0,hideButtonsFrom:1},v=o,V=s,g=r,void 0===(S=n)&&(S=n),void 0===v&&(v=o),void 0===V&&(V=s),void 0===g&&(g=r),(C=function(t){function e(e){var i=t.call(this,e)||this;return i._scroll=c.createRef(),i._wrapMeasureRef=c.createRef(),i._contentMeasureRef=c.createRef(),i._handleScrollLeft=function(){if(i.props.onScrollButtonClick)i.props.onScrollButtonClick("left");else{var t=i.props.scrollStepSize||i.state.widthWrap-50;i.animateTo(Math.max(0,i.currentPosition()-t))}},i._handleScrollRight=function(){if(i.props.onScrollButtonClick)i.props.onScrollButtonClick("right");else{var t=i.props.scrollStepSize||i.state.widthWrap-50;i.animateTo(Math.min((i.state.widthContent||0)-(i.state.widthWrap||0),i.currentPosition()+t))}},i._handleResizeWrap=function(t){i.props.onMeasureWrap&&i.props.onMeasureWrap(t),i.setState({widthWrap:t.width}),i._checkButtonsVisibility()},i._handleResizeContent=function(t){i.props.onMeasureContent&&i.props.onMeasureContent(t);var e=i.props,s=e.shouldDecreaseWidthContent,r=e.buttonsWidthIfDecreasedWidthContent;s&&r?i.setState({widthContent:t.width+2*r}):i.setState({widthContent:t.width})},i._handleScroll=function(){var t=i.props.onScroll;t&&t(i.currentPosition(),i.isAtLeft(),i.isAtRight()),i._checkButtonsVisibility()},i._checkButtonsVisibility=function(){var t=i.state,e=t.isVisibleLeftButton,s=t.isVisibleRightButton,r=i.isAtLeft(),n=i.isAtRight();r||e?r&&e&&i.setState({isVisibleLeftButton:!1}):i.setState({isVisibleLeftButton:!0}),n||s?n&&s&&i.setState({isVisibleRightButton:!1}):i.setState({isVisibleRightButton:!0})},i.state={widthContent:0,widthWrap:0,isVisibleRightButton:!1,isVisibleLeftButton:!1},i}return Object(a.__extends)(e,t),e.prototype.componentDidMount=function(){this._checkButtonsVisibility()},e.prototype.componentDidUpdate=function(t,e){e.widthWrap===this.state.widthWrap&&e.widthContent===this.state.widthContent||this._handleScroll(),this.props.shouldMeasure&&this._wrapMeasureRef.current&&this._contentMeasureRef.current&&(this._wrapMeasureRef.current.measure(),this._contentMeasureRef.current.measure())},e.prototype.currentPosition=function(){
|
|
return this._scroll.current?Object(w.isRtl)()?Object(w.getLTRScrollLeft)(this._scroll.current):this._scroll.current.scrollLeft:0},e.prototype.isAtLeft=function(){return!this._isOverflowed()||this.currentPosition()<=this.props.hideButtonsFrom},e.prototype.isAtRight=function(){return!this._isOverflowed()||this.currentPosition()+this.state.widthWrap>=this.state.widthContent-this.props.hideButtonsFrom},e.prototype.animateTo=function(t,e){void 0===e&&(e=f.dur);var i=this._scroll.current;i&&(Object(w.isRtl)()&&(t=Object(w.getLTRScrollLeftOffset)(i,t)),e<=0?i.scrollLeft=Math.round(t):Object(d.doAnimate)({onStep:function(t,e){i.scrollLeft=Math.round(e)},from:i.scrollLeft,to:Math.round(t),easing:f.easingFunc.easeInOutCubic,duration:e}))},e.prototype.render=function(){var t,e=this.props,i=e.children,s=e.isVisibleScrollbar,r=e.isVisibleFade,n=e.isVisibleButtons,o=e.shouldMeasure,l=e.shouldDecreaseWidthContent,a=e.buttonsWidthIfDecreasedWidthContent,p=e.onMouseOver,d=e.onMouseOut,f=this.state,w=f.isVisibleRightButton,b=f.isVisibleLeftButton,_=l&&a;return c.createElement(h,{whitelist:["width"],onMeasure:this._handleResizeWrap,shouldMeasure:o,ref:this._wrapMeasureRef},c.createElement("div",{className:m.wrapOverflow,onMouseOver:p,onMouseOut:d},c.createElement("div",{className:u(m.wrap,_?m.wrapWithArrowsOuting:"")},c.createElement("div",{className:u(m.scrollWrap,(t={},t[m.noScrollBar]=!s,t)),onScroll:this._handleScroll,ref:this._scroll},c.createElement(h,{onMeasure:this._handleResizeContent,whitelist:["width"],shouldMeasure:o,ref:this._contentMeasureRef},i)),r&&c.createElement(V,{isVisible:b}),r&&c.createElement(g,{isVisible:w}),n&&c.createElement(S,{onClick:this._handleScrollLeft,isVisible:b}),n&&c.createElement(v,{onClick:this._handleScrollRight,isVisible:w}))))},e.prototype._isOverflowed=function(){var t=this.state;return t.widthContent>t.widthWrap},e}(c.PureComponent)).defaultProps=_,R=C},Vike:function(t,e){t.exports='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 10" width="20" height="10"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M2 1l8 8 8-8"/></svg>'},"ji/R":function(t,e,i){t.exports={wrap:"wrap-5DN0XnS4",wrapWithArrowsOuting:"wrapWithArrowsOuting-1OPNi0IP",wrapOverflow:"wrapOverflow-2FHnhKaN",scrollWrap:"scrollWrap-nAnkzkWd",noScrollBar:"noScrollBar-34JzryqI",icon:"icon-1nfNqIRh",scrollLeft:"scrollLeft-2cl_k1e7",scrollRight:"scrollRight-2SEqCpTf",isVisible:"isVisible-Stm3XOHb",iconWrap:"iconWrap-1E4GEP7h",fadeLeft:"fadeLeft-244lj3pA",fadeRight:"fadeRight-1JnS42hI"}}}]); |