@nimbus-ds/scroll-pane 1.2.0 → 1.2.1

package/dist/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/box"),require("@nimbus-ds/styles")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/box","@nimbus-ds/styles"],t):"object"==typeof exports?exports["@nimbus-ds/scroll-pane"]=t(require("react"),require("@nimbus-ds/box"),require("@nimbus-ds/styles")):e["@nimbus-ds/scroll-pane"]=t(e.react,e["@nimbus-ds/box"],e["@nimbus-ds/styles"])}(global,((e,t,r)=>(()=>{"use strict";var o={509:(e,t,r)=>{r.r(t),r.d(t,{default:()=>h});var o,n,l=r(155),a=r.n(l),i=function(e,t){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(e,t)},c=(n=o={path:void 0,exports:{},require:function(e,t){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}(null==t&&o.path)}},o.exports,function(){var e={}.hasOwnProperty;function t(){for(var r=[],o=0;o<arguments.length;o++){var n=arguments[o];if(n){var l=typeof n;if("string"===l||"number"===l)r.push(n);else if(Array.isArray(n)&&n.length){var a=t.apply(null,n);a&&r.push(a)}else if("object"===l)for(var i in n)e.call(n,i)&&n[i]&&r.push(i)}}return r.join(" ")}n.exports?(t.default=t,n.exports=t):window.classNames=t}(),o.exports);function s(e,t,r){var o,n,l,a,i;function c(){var s=Date.now()-a;s<t&&s>=0?o=setTimeout(c,t-s):(o=null,r||(i=e.apply(l,n),l=n=null))}null==t&&(t=100);var s=function(){l=this,n=arguments,a=Date.now();var s=r&&!o;return o||(o=setTimeout(c,t)),s&&(i=e.apply(l,n),l=n=null),i};return s.clear=function(){o&&(clearTimeout(o),o=null)},s.flush=function(){o&&(i=e.apply(l,n),l=n=null,clearTimeout(o),o=null)},s}s.debounce=s;var u=s;!function(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===r&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}(".indiana-scroll-container {\n  overflow: auto;\n}\n.indiana-scroll-container--dragging {\n  scroll-behavior: auto !important;\n}\n.indiana-scroll-container--dragging > * {\n  pointer-events: none;\n  cursor: -webkit-grab;\n  cursor: grab;\n}\n.indiana-scroll-container--hide-scrollbars {\n  overflow: hidden;\n  overflow: -moz-scrollbars-none;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n.indiana-scroll-container--hide-scrollbars::-webkit-scrollbar {\n  display: none !important;\n  height: 0 !important;\n  width: 0 !important;\n  background: transparent !important;\n  -webkit-appearance: none !important;\n}\n.indiana-scroll-container--native-scroll {\n  overflow: auto;\n}\n\n.indiana-dragging {\n  cursor: -webkit-grab;\n  cursor: grab;\n}");var d,p=(d="indiana-scroll-container",function(e,t){if(!e)return d;var r;"string"==typeof e?r=e:t=e;var o=d;return r&&(o+="__"+r),o+(t?Object.keys(t).reduce((function(e,r){var n=t[r];return n&&(e+=" "+("boolean"==typeof n?o+"--"+r:o+"--"+r+"_"+n)),e}),""):"")}),f=function(e){function t(t){var r=e.call(this,t)||this;return r.onEndScroll=function(){r.scrolling=!1,!r.pressed&&r.started&&r.processEnd()},r.onScroll=function(e){var t=r.container.current;t.scrollLeft===r.scrollLeft&&t.scrollTop===r.scrollTop||(r.scrolling=!0,r.processScroll(e),r.onEndScroll())},r.onTouchStart=function(e){var t=r.props.nativeMobileScroll;if(r.isDraggable(e.target))if(r.internal=!0,t&&r.scrolling)r.pressed=!0;else{var o=e.touches[0];r.processClick(e,o.clientX,o.clientY),!t&&r.props.stopPropagation&&e.stopPropagation()}},r.onTouchEnd=function(e){var t=r.props.nativeMobileScroll;r.pressed&&(!r.started||r.scrolling&&t?r.pressed=!1:r.processEnd(),r.forceUpdate())},r.onTouchMove=function(e){var t=r.props.nativeMobileScroll;if(r.pressed&&(!t||!r.isMobile)){var o=e.touches[0];o&&r.processMove(e,o.clientX,o.clientY),e.preventDefault(),r.props.stopPropagation&&e.stopPropagation()}},r.onMouseDown=function(e){r.isDraggable(e.target)&&r.isScrollable()&&(r.internal=!0,-1!==r.props.buttons.indexOf(e.button)&&(r.processClick(e,e.clientX,e.clientY),e.preventDefault(),r.props.stopPropagation&&e.stopPropagation()))},r.onMouseMove=function(e){r.pressed&&(r.processMove(e,e.clientX,e.clientY),e.preventDefault(),r.props.stopPropagation&&e.stopPropagation())},r.onMouseUp=function(e){r.pressed&&(r.started?r.processEnd():(r.internal=!1,r.pressed=!1,r.forceUpdate(),r.props.onClick&&r.props.onClick(e)),e.preventDefault(),r.props.stopPropagation&&e.stopPropagation())},r.container=a().createRef(),r.onEndScroll=u(r.onEndScroll,300),r.scrolling=!1,r.started=!1,r.pressed=!1,r.internal=!1,r.getRef=r.getRef.bind(r),r}return function(e,t){function r(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}(t,e),t.prototype.componentDidMount=function(){var e=this.props.nativeMobileScroll,t=this.container.current;window.addEventListener("mouseup",this.onMouseUp),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("touchmove",this.onTouchMove,{passive:!1}),window.addEventListener("touchend",this.onTouchEnd),t.addEventListener("touchstart",this.onTouchStart,{passive:!1}),t.addEventListener("mousedown",this.onMouseDown,{passive:!1}),e&&(this.isMobile=this.isMobileDevice(),this.isMobile&&this.forceUpdate())},t.prototype.componentWillUnmount=function(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),window.removeEventListener("touchend",this.onTouchEnd)},t.prototype.getElement=function(){return this.container.current},t.prototype.isMobileDevice=function(){return void 0!==window.orientation||-1!==navigator.userAgent.indexOf("IEMobile")},t.prototype.isDraggable=function(e){var t=this.props.ignoreElements;if(t){var r=e.closest(t);return null===r||r.contains(this.getElement())}return!0},t.prototype.isScrollable=function(){var e=this.container.current;return e&&(e.scrollWidth>e.clientWidth||e.scrollHeight>e.clientHeight)},t.prototype.processClick=function(e,t,r){var o=this.container.current;this.scrollLeft=o.scrollLeft,this.scrollTop=o.scrollTop,this.clientX=t,this.clientY=r,this.pressed=!0},t.prototype.processStart=function(e){void 0===e&&(e=!0);var t=this.props.onStartScroll;this.started=!0,e&&document.body.classList.add("indiana-dragging"),t&&t({external:!this.internal}),this.forceUpdate()},t.prototype.processScroll=function(e){if(this.started){var t=this.props.onScroll;t&&t({external:!this.internal})}else this.processStart(!1)},t.prototype.processMove=function(e,t,r){var o=this.props,n=o.horizontal,l=o.vertical,a=o.activationDistance,i=o.onScroll,c=this.container.current;this.started?(n&&(c.scrollLeft-=t-this.clientX),l&&(c.scrollTop-=r-this.clientY),i&&i({external:!this.internal}),this.clientX=t,this.clientY=r,this.scrollLeft=c.scrollLeft,this.scrollTop=c.scrollTop):(n&&Math.abs(t-this.clientX)>a||l&&Math.abs(r-this.clientY)>a)&&(this.clientX=t,this.clientY=r,this.processStart())},t.prototype.processEnd=function(){var e=this.props.onEndScroll;this.container.current&&e&&e({external:!this.internal}),this.pressed=!1,this.started=!1,this.scrolling=!1,this.internal=!1,document.body.classList.remove("indiana-dragging"),this.forceUpdate()},t.prototype.getRef=function(e){[this.container,this.props.innerRef].forEach((function(t){t&&("function"==typeof t?t(e):t.current=e)}))},t.prototype.render=function(){var e=this.props,t=e.children,r=e.draggingClassName,o=e.className,n=e.style,l=e.hideScrollbars,i=e.component;return a().createElement(i,{className:c(o,this.pressed&&r,p({dragging:this.pressed,"hide-scrollbars":l,"native-scroll":this.isMobile})),style:n,ref:this.getRef,onScroll:this.onScroll},t)},t.defaultProps={nativeMobileScroll:!0,hideScrollbars:!0,activationDistance:10,vertical:!0,horizontal:!0,stopPropagation:!1,style:{},component:"div",buttons:[0]},t}(l.PureComponent);const h=f},353:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(769).__exportStar(r(68),t)},68:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useCanScroll=void 0;var o=r(156);Object.defineProperty(t,"useCanScroll",{enumerable:!0,get:function(){return o.useCanScroll}})},156:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useCanScroll=void 0;const o=r(155);t.useCanScroll=function({direction:e="vertical",scrollContainerRef:t}){const[r,n]=(0,o.useState)(!1),[l,a]=(0,o.useState)(!1);return{canScrollStart:r,canScrollEnd:l,checkScrollPosition:(0,o.useCallback)((()=>{const r=t.current;if(!r)return;const{scrollLeft:o,scrollTop:l,scrollWidth:i,scrollHeight:c,clientWidth:s,clientHeight:u}=r;"horizontal"===e?(n(o>0),a(o<i-s-1)):(n(l>0),a(l<c-u-1))}),[e,t])}}},865:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getPosition=void 0;t.getPosition=(e,t)=>{const r=((e,t)=>{const r="horizontal"===t;return"start"===e?r?"left":"top":r?"right":"bottom"})(e,t);return`${t}-${r}`}},627:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollPane=void 0;const o=r(769),n=o.__importStar(r(155)),l=o.__importDefault(r(509)),a=r(558),i=r(367),c=r(353),s=r(337),u=r(865),d=({children:e,showGradients:t=!0,showArrows:r=!1,showScrollbar:o=!0,scrollContainerRef:d,direction:p="horizontal",scrollToItemOnClick:f=!0,scrollBehavior:h="hidden-items",enableGrabScroll:v=!1,scrollPaneArrowStart:y,scrollPaneArrowEnd:b,contentContainerProps:m,...w})=>{const S=(0,n.useRef)(null),_=d||S,P=(0,n.useRef)(null),[g,E]=(0,n.useState)(!1),{canScrollStart:O,canScrollEnd:j,checkScrollPosition:x}=(0,c.useCanScroll)({direction:p,scrollContainerRef:_}),A=(0,n.useCallback)((()=>{g||E(!0),x(),P.current&&clearTimeout(P.current),P.current=setTimeout((()=>{E(!1)}),150)}),[x,g]),T=(0,n.useCallback)((e=>{if(!_.current)return;const t=_.current,r="horizontal"===p?.8*t.clientWidth:.8*t.clientHeight;if("horizontal"===p){const o="start"===e?t.scrollLeft-r:t.scrollLeft+r;t.scrollTo({left:Math.max(0,Math.min(o,t.scrollWidth-t.clientWidth)),behavior:"smooth"})}else{const o="start"===e?t.scrollTop-r:t.scrollTop+r;t.scrollTo({top:Math.max(0,Math.min(o,t.scrollHeight-t.clientHeight)),behavior:"smooth"})}}),[p,_]);(0,n.useEffect)((()=>{const e=_.current;if(!e)return;const t=setTimeout((()=>{x()}),v?50:0);e.addEventListener("scroll",A);const r=new ResizeObserver((()=>{setTimeout(x,v?10:0)}));return r.observe(e),v&&e.firstElementChild&&r.observe(e.firstElementChild),()=>{clearTimeout(t),e.removeEventListener("scroll",A),r.disconnect(),P.current&&clearTimeout(P.current)}}),[x,A,v,_]);const M=(0,n.useMemo)((()=>({direction:p,scrollToItemOnClick:f,scrollBehavior:h,enableGrabScroll:v,containerRef:_,scrollToDirection:T})),[p,f,h,v,_,T]),C=[i.scrollPane.classnames.scrollArea,i.scrollPane.classnames.direction[p],!o&&i.scrollPane.classnames.scrollAreaHidden].filter(Boolean).join(" "),z={cursor:v?"grab":void 0},D=n.default.createElement(n.default.Fragment,null,n.default.createElement(a.Box,{display:"flex",flexDirection:"horizontal"===p?"row":"column",margin:"1",...m},e),t&&n.default.createElement(n.default.Fragment,null,O&&n.default.createElement("div",{className:[i.scrollPane.classnames.gradient,i.scrollPane.classnames.gradientVariants[(0,u.getPosition)("start",p)]].join(" ")}),j&&n.default.createElement("div",{className:[i.scrollPane.classnames.gradient,i.scrollPane.classnames.gradientVariants[(0,u.getPosition)("end",p)]].join(" ")})),r&&n.default.createElement(n.default.Fragment,null,O&&y,j&&b));return n.default.createElement(s.ScrollPaneContext.Provider,{value:M},n.default.createElement(a.Box,{position:"relative",...w},v?n.default.createElement(l.default,{hideScrollbars:!1,horizontal:"horizontal"===p,vertical:"vertical"===p,innerRef:_,className:C,style:z},D):n.default.createElement("div",{ref:_,className:C,style:z},D)))};t.ScrollPane=d,d.displayName="ScrollPane",d.Item=s.ScrollPaneItem,d.ArrowHorizontalStart=s.ScrollPaneArrowHorizontalStart,d.ArrowHorizontalEnd=s.ScrollPaneArrowHorizontalEnd,d.ArrowVerticalStart=s.ScrollPaneArrowVerticalStart,d.ArrowVerticalEnd=s.ScrollPaneArrowVerticalEnd,d.Item.displayName="ScrollPane.Item",d.ArrowHorizontalStart.displayName="ScrollPane.ArrowHorizontalStart",d.ArrowHorizontalEnd.displayName="ScrollPane.ArrowHorizontalEnd",d.ArrowVerticalStart.displayName="ScrollPane.ArrowVerticalStart",d.ArrowVerticalEnd.displayName="ScrollPane.ArrowVerticalEnd"},138:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollPaneArrowVerticalEnd=t.ScrollPaneArrowVerticalStart=t.ScrollPaneArrowHorizontalEnd=t.ScrollPaneArrowHorizontalStart=void 0;const o=r(769).__importDefault(r(155)),n=r(367),l=r(640),a=({children:e,variant:t,direction:r})=>{const a=(0,l.useScrollPaneContext)(),i=()=>a.scrollToDirection(r);return o.default.createElement("div",{className:[n.scrollPane.classnames.arrow,n.scrollPane.classnames.arrowVariants[t]].join(" "),onClick:i,onKeyDown:e=>{"Enter"!==e.key&&"Space"!==e.code||(e.preventDefault(),i())},role:"button",tabIndex:0,"aria-label":"Scroll "+("start"===r?"backward":"forward")},e)};t.ScrollPaneArrowHorizontalStart=({children:e})=>o.default.createElement(a,{variant:"horizontal-left",direction:"start"},e);t.ScrollPaneArrowHorizontalEnd=({children:e})=>o.default.createElement(a,{variant:"horizontal-right",direction:"end"},e);t.ScrollPaneArrowVerticalStart=({children:e})=>o.default.createElement(a,{variant:"vertical-top",direction:"start"},e);t.ScrollPaneArrowVerticalEnd=({children:e})=>o.default.createElement(a,{variant:"vertical-bottom",direction:"end"},e)},658:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollPaneArrowVerticalEnd=t.ScrollPaneArrowVerticalStart=t.ScrollPaneArrowHorizontalEnd=t.ScrollPaneArrowHorizontalStart=void 0;var o=r(138);Object.defineProperty(t,"ScrollPaneArrowHorizontalStart",{enumerable:!0,get:function(){return o.ScrollPaneArrowHorizontalStart}}),Object.defineProperty(t,"ScrollPaneArrowHorizontalEnd",{enumerable:!0,get:function(){return o.ScrollPaneArrowHorizontalEnd}}),Object.defineProperty(t,"ScrollPaneArrowVerticalStart",{enumerable:!0,get:function(){return o.ScrollPaneArrowVerticalStart}}),Object.defineProperty(t,"ScrollPaneArrowVerticalEnd",{enumerable:!0,get:function(){return o.ScrollPaneArrowVerticalEnd}})},516:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.scrollItemIntoView=void 0;t.scrollItemIntoView=(e,t,r,o="hidden-items")=>{const n=e.getBoundingClientRect(),l=t.getBoundingClientRect();if("hidden-items"!==o||!((e,t,r)=>"horizontal"===r?t.left>=e.left&&t.right<=e.right:t.top>=e.top&&t.bottom<=e.bottom)(n,l,r))if("horizontal"===r){const t=n.width/2,r=l.width/2,o=l.left-n.left-t+r,a=e.scrollLeft+o;e.scrollTo({left:Math.max(0,a),behavior:"smooth"})}else{const t=n.height/2,r=l.height/2,o=l.top-n.top-t+r,a=e.scrollTop+o;e.scrollTo({top:Math.max(0,a),behavior:"smooth"})}}},900:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollPaneItem=void 0;const o=r(769).__importDefault(r(155)),n=r(367),l=r(640),a=r(516);t.ScrollPaneItem=({children:e,onClick:t,...r})=>{const i=(0,l.useScrollPaneContext)(),c=e=>{if(t&&t(e),i.scrollToItemOnClick&&e.currentTarget){const t=i.containerRef?.current,r=e.currentTarget;t&&r&&i.direction&&(0,a.scrollItemIntoView)(t,r,i.direction,i.scrollBehavior)}};return o.default.createElement("div",{className:n.scrollPane.classnames.item,onClick:c,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||c(e)},role:"button",tabIndex:-1,draggable:!i.enableGrabScroll&&void 0,...r},e)}},742:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const o=r(769);o.__exportStar(r(900),t),o.__exportStar(r(119),t)},119:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0})},337:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollPaneArrowVerticalEnd=t.ScrollPaneArrowVerticalStart=t.ScrollPaneArrowHorizontalEnd=t.ScrollPaneArrowHorizontalStart=t.ScrollPaneContext=t.ScrollPaneItem=void 0;var o=r(742);Object.defineProperty(t,"ScrollPaneItem",{enumerable:!0,get:function(){return o.ScrollPaneItem}});var n=r(640);Object.defineProperty(t,"ScrollPaneContext",{enumerable:!0,get:function(){return n.ScrollPaneContext}});var l=r(658);Object.defineProperty(t,"ScrollPaneArrowHorizontalStart",{enumerable:!0,get:function(){return l.ScrollPaneArrowHorizontalStart}}),Object.defineProperty(t,"ScrollPaneArrowHorizontalEnd",{enumerable:!0,get:function(){return l.ScrollPaneArrowHorizontalEnd}}),Object.defineProperty(t,"ScrollPaneArrowVerticalStart",{enumerable:!0,get:function(){return l.ScrollPaneArrowVerticalStart}}),Object.defineProperty(t,"ScrollPaneArrowVerticalEnd",{enumerable:!0,get:function(){return l.ScrollPaneArrowVerticalEnd}})},250:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useScrollPaneContext=t.ScrollPaneContext=void 0;const o=r(155);t.ScrollPaneContext=(0,o.createContext)(null);t.useScrollPaneContext=()=>{const e=(0,o.useContext)(t.ScrollPaneContext);if(!e)throw new Error("useScrollPaneContext must be used within a ScrollPane");return e}},640:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useScrollPaneContext=t.ScrollPaneContext=void 0;var o=r(250);Object.defineProperty(t,"ScrollPaneContext",{enumerable:!0,get:function(){return o.ScrollPaneContext}}),Object.defineProperty(t,"useScrollPaneContext",{enumerable:!0,get:function(){return o.useScrollPaneContext}})},558:e=>{e.exports=t},367:e=>{e.exports=r},155:t=>{t.exports=e},769:(e,t,r)=>{r.r(t),r.d(t,{__addDisposableResource:()=>k,__assign:()=>l,__asyncDelegator:()=>O,__asyncGenerator:()=>E,__asyncValues:()=>j,__await:()=>g,__awaiter:()=>h,__classPrivateFieldGet:()=>C,__classPrivateFieldIn:()=>D,__classPrivateFieldSet:()=>z,__createBinding:()=>y,__decorate:()=>i,__disposeResources:()=>H,__esDecorate:()=>s,__exportStar:()=>b,__extends:()=>n,__generator:()=>v,__importDefault:()=>M,__importStar:()=>T,__makeTemplateObject:()=>x,__metadata:()=>f,__param:()=>c,__propKey:()=>d,__read:()=>w,__rest:()=>a,__runInitializers:()=>u,__setFunctionName:()=>p,__spread:()=>S,__spreadArray:()=>P,__spreadArrays:()=>_,__values:()=>m,default:()=>V});var o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},o(e,t)};function n(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var l=function(){return l=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},l.apply(this,arguments)};function a(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}function i(e,t,r,o){var n,l=arguments.length,a=l<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,o);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(a=(l<3?n(a):l>3?n(t,r,a):n(t,r))||a);return l>3&&a&&Object.defineProperty(t,r,a),a}function c(e,t){return function(r,o){t(r,o,e)}}function s(e,t,r,o,n,l){function a(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var i,c=o.kind,s="getter"===c?"get":"setter"===c?"set":"value",u=!t&&e?o.static?e:e.prototype:null,d=t||(u?Object.getOwnPropertyDescriptor(u,o.name):{}),p=!1,f=r.length-1;f>=0;f--){var h={};for(var v in o)h[v]="access"===v?{}:o[v];for(var v in o.access)h.access[v]=o.access[v];h.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");l.push(a(e||null))};var y=(0,r[f])("accessor"===c?{get:d.get,set:d.set}:d[s],h);if("accessor"===c){if(void 0===y)continue;if(null===y||"object"!=typeof y)throw new TypeError("Object expected");(i=a(y.get))&&(d.get=i),(i=a(y.set))&&(d.set=i),(i=a(y.init))&&n.unshift(i)}else(i=a(y))&&("field"===c?n.unshift(i):d[s]=i)}u&&Object.defineProperty(u,o.name,d),p=!0}function u(e,t,r){for(var o=arguments.length>2,n=0;n<t.length;n++)r=o?t[n].call(e,r):t[n].call(e);return o?r:void 0}function d(e){return"symbol"==typeof e?e:"".concat(e)}function p(e,t,r){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:r?"".concat(r," ",t):t})}function f(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function h(e,t,r,o){return new(r||(r=Promise))((function(n,l){function a(e){try{c(o.next(e))}catch(e){l(e)}}function i(e){try{c(o.throw(e))}catch(e){l(e)}}function c(e){var t;e.done?n(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(a,i)}c((o=o.apply(e,t||[])).next())}))}function v(e,t){var r,o,n,l,a={label:0,sent:function(){if(1&n[0])throw n[1];return n[1]},trys:[],ops:[]};return l={next:i(0),throw:i(1),return:i(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function i(i){return function(c){return function(i){if(r)throw new TypeError("Generator is already executing.");for(;l&&(l=0,i[0]&&(a=0)),a;)try{if(r=1,o&&(n=2&i[0]?o.return:i[0]?o.throw||((n=o.return)&&n.call(o),0):o.next)&&!(n=n.call(o,i[1])).done)return n;switch(o=0,n&&(i=[2&i[0],n.value]),i[0]){case 0:case 1:n=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,o=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(n=a.trys,(n=n.length>0&&n[n.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!n||i[1]>n[0]&&i[1]<n[3])){a.label=i[1];break}if(6===i[0]&&a.label<n[1]){a.label=n[1],n=i;break}if(n&&a.label<n[2]){a.label=n[2],a.ops.push(i);break}n[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],o=0}finally{r=n=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,c])}}}var y=Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]};function b(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||y(t,e,r)}function m(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],o=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&o>=e.length&&(e=void 0),{value:e&&e[o++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function w(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var o,n,l=r.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(o=l.next()).done;)a.push(o.value)}catch(e){n={error:e}}finally{try{o&&!o.done&&(r=l.return)&&r.call(l)}finally{if(n)throw n.error}}return a}function S(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(w(arguments[t]));return e}function _(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var o=Array(e),n=0;for(t=0;t<r;t++)for(var l=arguments[t],a=0,i=l.length;a<i;a++,n++)o[n]=l[a];return o}function P(e,t,r){if(r||2===arguments.length)for(var o,n=0,l=t.length;n<l;n++)!o&&n in t||(o||(o=Array.prototype.slice.call(t,0,n)),o[n]=t[n]);return e.concat(o||Array.prototype.slice.call(t))}function g(e){return this instanceof g?(this.v=e,this):new g(e)}function E(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var o,n=r.apply(e,t||[]),l=[];return o={},a("next"),a("throw"),a("return"),o[Symbol.asyncIterator]=function(){return this},o;function a(e){n[e]&&(o[e]=function(t){return new Promise((function(r,o){l.push([e,t,r,o])>1||i(e,t)}))})}function i(e,t){try{(r=n[e](t)).value instanceof g?Promise.resolve(r.value.v).then(c,s):u(l[0][2],r)}catch(e){u(l[0][3],e)}var r}function c(e){i("next",e)}function s(e){i("throw",e)}function u(e,t){e(t),l.shift(),l.length&&i(l[0][0],l[0][1])}}function O(e){var t,r;return t={},o("next"),o("throw",(function(e){throw e})),o("return"),t[Symbol.iterator]=function(){return this},t;function o(o,n){t[o]=e[o]?function(t){return(r=!r)?{value:g(e[o](t)),done:!1}:n?n(t):t}:n}}function j(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=m(e),t={},o("next"),o("throw"),o("return"),t[Symbol.asyncIterator]=function(){return this},t);function o(r){t[r]=e[r]&&function(t){return new Promise((function(o,n){(function(e,t,r,o){Promise.resolve(o).then((function(t){e({value:t,done:r})}),t)})(o,n,(t=e[r](t)).done,t.value)}))}}}function x(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var A=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function T(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&y(t,e,r);return A(t,e),t}function M(e){return e&&e.__esModule?e:{default:e}}function C(e,t,r,o){if("a"===r&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?o:"a"===r?o.call(e):o?o.value:t.get(e)}function z(e,t,r,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(e,r):n?n.value=r:t.set(e,r),r}function D(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}function k(e,t,r){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var o;if(r){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");o=t[Symbol.asyncDispose]}if(void 0===o){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");o=t[Symbol.dispose]}if("function"!=typeof o)throw new TypeError("Object not disposable.");e.stack.push({value:t,dispose:o,async:r})}else r&&e.stack.push({async:!0});return t}var I="function"==typeof SuppressedError?SuppressedError:function(e,t,r){var o=new Error(r);return o.name="SuppressedError",o.error=e,o.suppressed=t,o};function H(e){function t(t){e.error=e.hasError?new I(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function r(){for(;e.stack.length;){var o=e.stack.pop();try{var n=o.dispose&&o.dispose.call(o.value);if(o.async)return Promise.resolve(n).then(r,(function(e){return t(e),r()}))}catch(e){t(e)}}if(e.hasError)throw e.error}()}const V={__extends:n,__assign:l,__rest:a,__decorate:i,__param:c,__metadata:f,__awaiter:h,__generator:v,__createBinding:y,__exportStar:b,__values:m,__read:w,__spread:S,__spreadArrays:_,__spreadArray:P,__await:g,__asyncGenerator:E,__asyncDelegator:O,__asyncValues:j,__makeTemplateObject:x,__importStar:T,__importDefault:M,__classPrivateFieldGet:C,__classPrivateFieldSet:z,__classPrivateFieldIn:D,__addDisposableResource:k,__disposeResources:H}}},n={};function l(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return o[e](r,r.exports,l),r.exports}l.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return l.d(t,{a:t}),t},l.d=(e,t)=>{for(var r in t)l.o(t,r)&&!l.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{var e=a;Object.defineProperty(e,"__esModule",{value:!0}),e.ScrollPane=void 0;var t=l(627);Object.defineProperty(e,"ScrollPane",{enumerable:!0,get:function(){return t.ScrollPane}})})(),a})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/box"),require("@nimbus-ds/styles")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/box","@nimbus-ds/styles"],t):"object"==typeof exports?exports["@nimbus-ds/scroll-pane"]=t(require("react"),require("@nimbus-ds/box"),require("@nimbus-ds/styles")):e["@nimbus-ds/scroll-pane"]=t(e.react,e["@nimbus-ds/box"],e["@nimbus-ds/styles"])}(global,((e,t,r)=>(()=>{"use strict";var o={509:(e,t,r)=>{r.r(t),r.d(t,{default:()=>h});var o,n,l=r(155),a=r.n(l),i=function(e,t){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(e,t)},c=(n=o={path:void 0,exports:{},require:function(e,t){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}(null==t&&o.path)}},o.exports,function(){var e={}.hasOwnProperty;function t(){for(var r=[],o=0;o<arguments.length;o++){var n=arguments[o];if(n){var l=typeof n;if("string"===l||"number"===l)r.push(n);else if(Array.isArray(n)&&n.length){var a=t.apply(null,n);a&&r.push(a)}else if("object"===l)for(var i in n)e.call(n,i)&&n[i]&&r.push(i)}}return r.join(" ")}n.exports?(t.default=t,n.exports=t):window.classNames=t}(),o.exports);function s(e,t,r){var o,n,l,a,i;function c(){var s=Date.now()-a;s<t&&s>=0?o=setTimeout(c,t-s):(o=null,r||(i=e.apply(l,n),l=n=null))}null==t&&(t=100);var s=function(){l=this,n=arguments,a=Date.now();var s=r&&!o;return o||(o=setTimeout(c,t)),s&&(i=e.apply(l,n),l=n=null),i};return s.clear=function(){o&&(clearTimeout(o),o=null)},s.flush=function(){o&&(i=e.apply(l,n),l=n=null,clearTimeout(o),o=null)},s}s.debounce=s;var u=s;!function(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===r&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}(".indiana-scroll-container {\n  overflow: auto;\n}\n.indiana-scroll-container--dragging {\n  scroll-behavior: auto !important;\n}\n.indiana-scroll-container--dragging > * {\n  pointer-events: none;\n  cursor: -webkit-grab;\n  cursor: grab;\n}\n.indiana-scroll-container--hide-scrollbars {\n  overflow: hidden;\n  overflow: -moz-scrollbars-none;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n.indiana-scroll-container--hide-scrollbars::-webkit-scrollbar {\n  display: none !important;\n  height: 0 !important;\n  width: 0 !important;\n  background: transparent !important;\n  -webkit-appearance: none !important;\n}\n.indiana-scroll-container--native-scroll {\n  overflow: auto;\n}\n\n.indiana-dragging {\n  cursor: -webkit-grab;\n  cursor: grab;\n}");var d,p=(d="indiana-scroll-container",function(e,t){if(!e)return d;var r;"string"==typeof e?r=e:t=e;var o=d;return r&&(o+="__"+r),o+(t?Object.keys(t).reduce((function(e,r){var n=t[r];return n&&(e+=" "+("boolean"==typeof n?o+"--"+r:o+"--"+r+"_"+n)),e}),""):"")}),f=function(e){function t(t){var r=e.call(this,t)||this;return r.onEndScroll=function(){r.scrolling=!1,!r.pressed&&r.started&&r.processEnd()},r.onScroll=function(e){var t=r.container.current;t.scrollLeft===r.scrollLeft&&t.scrollTop===r.scrollTop||(r.scrolling=!0,r.processScroll(e),r.onEndScroll())},r.onTouchStart=function(e){var t=r.props.nativeMobileScroll;if(r.isDraggable(e.target))if(r.internal=!0,t&&r.scrolling)r.pressed=!0;else{var o=e.touches[0];r.processClick(e,o.clientX,o.clientY),!t&&r.props.stopPropagation&&e.stopPropagation()}},r.onTouchEnd=function(e){var t=r.props.nativeMobileScroll;r.pressed&&(!r.started||r.scrolling&&t?r.pressed=!1:r.processEnd(),r.forceUpdate())},r.onTouchMove=function(e){var t=r.props.nativeMobileScroll;if(r.pressed&&(!t||!r.isMobile)){var o=e.touches[0];o&&r.processMove(e,o.clientX,o.clientY),e.preventDefault(),r.props.stopPropagation&&e.stopPropagation()}},r.onMouseDown=function(e){r.isDraggable(e.target)&&r.isScrollable()&&(r.internal=!0,-1!==r.props.buttons.indexOf(e.button)&&(r.processClick(e,e.clientX,e.clientY),e.preventDefault(),r.props.stopPropagation&&e.stopPropagation()))},r.onMouseMove=function(e){r.pressed&&(r.processMove(e,e.clientX,e.clientY),e.preventDefault(),r.props.stopPropagation&&e.stopPropagation())},r.onMouseUp=function(e){r.pressed&&(r.started?r.processEnd():(r.internal=!1,r.pressed=!1,r.forceUpdate(),r.props.onClick&&r.props.onClick(e)),e.preventDefault(),r.props.stopPropagation&&e.stopPropagation())},r.container=a().createRef(),r.onEndScroll=u(r.onEndScroll,300),r.scrolling=!1,r.started=!1,r.pressed=!1,r.internal=!1,r.getRef=r.getRef.bind(r),r}return function(e,t){function r(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}(t,e),t.prototype.componentDidMount=function(){var e=this.props.nativeMobileScroll,t=this.container.current;window.addEventListener("mouseup",this.onMouseUp),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("touchmove",this.onTouchMove,{passive:!1}),window.addEventListener("touchend",this.onTouchEnd),t.addEventListener("touchstart",this.onTouchStart,{passive:!1}),t.addEventListener("mousedown",this.onMouseDown,{passive:!1}),e&&(this.isMobile=this.isMobileDevice(),this.isMobile&&this.forceUpdate())},t.prototype.componentWillUnmount=function(){window.removeEventListener("mouseup",this.onMouseUp),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("touchmove",this.onTouchMove),window.removeEventListener("touchend",this.onTouchEnd)},t.prototype.getElement=function(){return this.container.current},t.prototype.isMobileDevice=function(){return void 0!==window.orientation||-1!==navigator.userAgent.indexOf("IEMobile")},t.prototype.isDraggable=function(e){var t=this.props.ignoreElements;if(t){var r=e.closest(t);return null===r||r.contains(this.getElement())}return!0},t.prototype.isScrollable=function(){var e=this.container.current;return e&&(e.scrollWidth>e.clientWidth||e.scrollHeight>e.clientHeight)},t.prototype.processClick=function(e,t,r){var o=this.container.current;this.scrollLeft=o.scrollLeft,this.scrollTop=o.scrollTop,this.clientX=t,this.clientY=r,this.pressed=!0},t.prototype.processStart=function(e){void 0===e&&(e=!0);var t=this.props.onStartScroll;this.started=!0,e&&document.body.classList.add("indiana-dragging"),t&&t({external:!this.internal}),this.forceUpdate()},t.prototype.processScroll=function(e){if(this.started){var t=this.props.onScroll;t&&t({external:!this.internal})}else this.processStart(!1)},t.prototype.processMove=function(e,t,r){var o=this.props,n=o.horizontal,l=o.vertical,a=o.activationDistance,i=o.onScroll,c=this.container.current;this.started?(n&&(c.scrollLeft-=t-this.clientX),l&&(c.scrollTop-=r-this.clientY),i&&i({external:!this.internal}),this.clientX=t,this.clientY=r,this.scrollLeft=c.scrollLeft,this.scrollTop=c.scrollTop):(n&&Math.abs(t-this.clientX)>a||l&&Math.abs(r-this.clientY)>a)&&(this.clientX=t,this.clientY=r,this.processStart())},t.prototype.processEnd=function(){var e=this.props.onEndScroll;this.container.current&&e&&e({external:!this.internal}),this.pressed=!1,this.started=!1,this.scrolling=!1,this.internal=!1,document.body.classList.remove("indiana-dragging"),this.forceUpdate()},t.prototype.getRef=function(e){[this.container,this.props.innerRef].forEach((function(t){t&&("function"==typeof t?t(e):t.current=e)}))},t.prototype.render=function(){var e=this.props,t=e.children,r=e.draggingClassName,o=e.className,n=e.style,l=e.hideScrollbars,i=e.component;return a().createElement(i,{className:c(o,this.pressed&&r,p({dragging:this.pressed,"hide-scrollbars":l,"native-scroll":this.isMobile})),style:n,ref:this.getRef,onScroll:this.onScroll},t)},t.defaultProps={nativeMobileScroll:!0,hideScrollbars:!0,activationDistance:10,vertical:!0,horizontal:!0,stopPropagation:!1,style:{},component:"div",buttons:[0]},t}(l.PureComponent);const h=f},353:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(769).__exportStar(r(68),t)},68:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useCanScroll=void 0;var o=r(156);Object.defineProperty(t,"useCanScroll",{enumerable:!0,get:function(){return o.useCanScroll}})},156:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useCanScroll=void 0;const o=r(155);t.useCanScroll=function({direction:e="vertical",scrollContainerRef:t}){const[r,n]=(0,o.useState)(!1),[l,a]=(0,o.useState)(!1);return{canScrollStart:r,canScrollEnd:l,checkScrollPosition:(0,o.useCallback)((()=>{const r=t.current;if(!r)return;const{scrollLeft:o,scrollTop:l,scrollWidth:i,scrollHeight:c,clientWidth:s,clientHeight:u}=r;"horizontal"===e?(n(o>0),a(o<i-s-1)):(n(l>0),a(l<c-u-1))}),[e,t])}}},865:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getPosition=void 0;t.getPosition=(e,t)=>{const r=((e,t)=>{const r="horizontal"===t;return"start"===e?r?"left":"top":r?"right":"bottom"})(e,t);return`${t}-${r}`}},627:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollPane=void 0;const o=r(769),n=o.__importStar(r(155)),l=o.__importDefault(r(509)),a=r(558),i=r(367),c=r(353),s=r(337),u=r(865),d=({children:e,showGradients:t=!0,showArrows:r=!1,showScrollbar:o=!0,scrollContainerRef:d,direction:p="horizontal",scrollToItemOnClick:f=!0,scrollBehavior:h="hidden-items",enableGrabScroll:v=!1,scrollPaneArrowStart:y,scrollPaneArrowEnd:m,contentContainerProps:b,...w})=>{const S=(0,n.useRef)(null),_=d||S,P=(0,n.useRef)(null),[g,E]=(0,n.useState)(!1),{canScrollStart:O,canScrollEnd:j,checkScrollPosition:x}=(0,c.useCanScroll)({direction:p,scrollContainerRef:_}),A=(0,n.useCallback)((()=>{g||E(!0),x(),P.current&&clearTimeout(P.current),P.current=setTimeout((()=>{E(!1)}),150)}),[x,g]),T=(0,n.useCallback)((e=>{if(!_.current)return;const t=_.current,r="horizontal"===p?.8*t.clientWidth:.8*t.clientHeight;if("horizontal"===p){const o="start"===e?t.scrollLeft-r:t.scrollLeft+r;t.scrollTo({left:Math.max(0,Math.min(o,t.scrollWidth-t.clientWidth)),behavior:"smooth"})}else{const o="start"===e?t.scrollTop-r:t.scrollTop+r;t.scrollTo({top:Math.max(0,Math.min(o,t.scrollHeight-t.clientHeight)),behavior:"smooth"})}}),[p,_]);(0,n.useEffect)((()=>{const e=_.current;if(!e)return;const t=setTimeout((()=>{x()}),v?50:0);e.addEventListener("scroll",A);const r=new ResizeObserver((()=>{setTimeout(x,v?10:0)}));return r.observe(e),v&&e.firstElementChild&&r.observe(e.firstElementChild),()=>{clearTimeout(t),e.removeEventListener("scroll",A),r.disconnect(),P.current&&clearTimeout(P.current)}}),[x,A,v,_]);const M=(0,n.useMemo)((()=>({direction:p,scrollToItemOnClick:f,scrollBehavior:h,enableGrabScroll:v,containerRef:_,scrollToDirection:T})),[p,f,h,v,_,T]),C=[i.scrollPane.classnames.scrollArea,i.scrollPane.classnames.direction[p],!o&&i.scrollPane.classnames.scrollAreaHidden,o&&i.scrollPane.classnames.scrollAreaThin].filter(Boolean).join(" "),z={cursor:v?"grab":void 0},D=n.default.createElement(n.default.Fragment,null,n.default.createElement(a.Box,{display:"flex",flexDirection:"horizontal"===p?"row":"column",margin:"1",...b},e),t&&n.default.createElement(n.default.Fragment,null,O&&n.default.createElement("div",{className:[i.scrollPane.classnames.gradient,i.scrollPane.classnames.gradientVariants[(0,u.getPosition)("start",p)]].join(" ")}),j&&n.default.createElement("div",{className:[i.scrollPane.classnames.gradient,i.scrollPane.classnames.gradientVariants[(0,u.getPosition)("end",p)]].join(" ")})),r&&n.default.createElement(n.default.Fragment,null,O&&y,j&&m));return n.default.createElement(s.ScrollPaneContext.Provider,{value:M},n.default.createElement(a.Box,{position:"relative",...w},v?n.default.createElement(l.default,{hideScrollbars:!1,horizontal:"horizontal"===p,vertical:"vertical"===p,innerRef:_,className:C,style:z},D):n.default.createElement("div",{ref:_,className:C,style:z},D)))};t.ScrollPane=d,d.displayName="ScrollPane",d.Item=s.ScrollPaneItem,d.ArrowHorizontalStart=s.ScrollPaneArrowHorizontalStart,d.ArrowHorizontalEnd=s.ScrollPaneArrowHorizontalEnd,d.ArrowVerticalStart=s.ScrollPaneArrowVerticalStart,d.ArrowVerticalEnd=s.ScrollPaneArrowVerticalEnd,d.Item.displayName="ScrollPane.Item",d.ArrowHorizontalStart.displayName="ScrollPane.ArrowHorizontalStart",d.ArrowHorizontalEnd.displayName="ScrollPane.ArrowHorizontalEnd",d.ArrowVerticalStart.displayName="ScrollPane.ArrowVerticalStart",d.ArrowVerticalEnd.displayName="ScrollPane.ArrowVerticalEnd"},138:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollPaneArrowVerticalEnd=t.ScrollPaneArrowVerticalStart=t.ScrollPaneArrowHorizontalEnd=t.ScrollPaneArrowHorizontalStart=void 0;const o=r(769).__importDefault(r(155)),n=r(367),l=r(640),a=({children:e,variant:t,direction:r})=>{const a=(0,l.useScrollPaneContext)(),i=()=>a.scrollToDirection(r);return o.default.createElement("div",{className:[n.scrollPane.classnames.arrow,n.scrollPane.classnames.arrowVariants[t]].join(" "),onClick:i,onKeyDown:e=>{"Enter"!==e.key&&"Space"!==e.code||(e.preventDefault(),i())},role:"button",tabIndex:0,"aria-label":"Scroll "+("start"===r?"backward":"forward")},e)};t.ScrollPaneArrowHorizontalStart=({children:e})=>o.default.createElement(a,{variant:"horizontal-left",direction:"start"},e);t.ScrollPaneArrowHorizontalEnd=({children:e})=>o.default.createElement(a,{variant:"horizontal-right",direction:"end"},e);t.ScrollPaneArrowVerticalStart=({children:e})=>o.default.createElement(a,{variant:"vertical-top",direction:"start"},e);t.ScrollPaneArrowVerticalEnd=({children:e})=>o.default.createElement(a,{variant:"vertical-bottom",direction:"end"},e)},658:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollPaneArrowVerticalEnd=t.ScrollPaneArrowVerticalStart=t.ScrollPaneArrowHorizontalEnd=t.ScrollPaneArrowHorizontalStart=void 0;var o=r(138);Object.defineProperty(t,"ScrollPaneArrowHorizontalStart",{enumerable:!0,get:function(){return o.ScrollPaneArrowHorizontalStart}}),Object.defineProperty(t,"ScrollPaneArrowHorizontalEnd",{enumerable:!0,get:function(){return o.ScrollPaneArrowHorizontalEnd}}),Object.defineProperty(t,"ScrollPaneArrowVerticalStart",{enumerable:!0,get:function(){return o.ScrollPaneArrowVerticalStart}}),Object.defineProperty(t,"ScrollPaneArrowVerticalEnd",{enumerable:!0,get:function(){return o.ScrollPaneArrowVerticalEnd}})},516:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.scrollItemIntoView=void 0;t.scrollItemIntoView=(e,t,r,o="hidden-items")=>{const n=e.getBoundingClientRect(),l=t.getBoundingClientRect();if("hidden-items"!==o||!((e,t,r)=>"horizontal"===r?t.left>=e.left&&t.right<=e.right:t.top>=e.top&&t.bottom<=e.bottom)(n,l,r))if("horizontal"===r){const t=n.width/2,r=l.width/2,o=l.left-n.left-t+r,a=e.scrollLeft+o;e.scrollTo({left:Math.max(0,a),behavior:"smooth"})}else{const t=n.height/2,r=l.height/2,o=l.top-n.top-t+r,a=e.scrollTop+o;e.scrollTo({top:Math.max(0,a),behavior:"smooth"})}}},900:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollPaneItem=void 0;const o=r(769).__importDefault(r(155)),n=r(367),l=r(640),a=r(516);t.ScrollPaneItem=({children:e,onClick:t,...r})=>{const i=(0,l.useScrollPaneContext)(),c=e=>{if(t&&t(e),i.scrollToItemOnClick&&e.currentTarget){const t=i.containerRef?.current,r=e.currentTarget;t&&r&&i.direction&&(0,a.scrollItemIntoView)(t,r,i.direction,i.scrollBehavior)}};return o.default.createElement("div",{className:n.scrollPane.classnames.item,onClick:c,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||c(e)},role:"button",tabIndex:-1,draggable:!i.enableGrabScroll&&void 0,...r},e)}},742:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});const o=r(769);o.__exportStar(r(900),t),o.__exportStar(r(119),t)},119:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0})},337:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollPaneArrowVerticalEnd=t.ScrollPaneArrowVerticalStart=t.ScrollPaneArrowHorizontalEnd=t.ScrollPaneArrowHorizontalStart=t.ScrollPaneContext=t.ScrollPaneItem=void 0;var o=r(742);Object.defineProperty(t,"ScrollPaneItem",{enumerable:!0,get:function(){return o.ScrollPaneItem}});var n=r(640);Object.defineProperty(t,"ScrollPaneContext",{enumerable:!0,get:function(){return n.ScrollPaneContext}});var l=r(658);Object.defineProperty(t,"ScrollPaneArrowHorizontalStart",{enumerable:!0,get:function(){return l.ScrollPaneArrowHorizontalStart}}),Object.defineProperty(t,"ScrollPaneArrowHorizontalEnd",{enumerable:!0,get:function(){return l.ScrollPaneArrowHorizontalEnd}}),Object.defineProperty(t,"ScrollPaneArrowVerticalStart",{enumerable:!0,get:function(){return l.ScrollPaneArrowVerticalStart}}),Object.defineProperty(t,"ScrollPaneArrowVerticalEnd",{enumerable:!0,get:function(){return l.ScrollPaneArrowVerticalEnd}})},250:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useScrollPaneContext=t.ScrollPaneContext=void 0;const o=r(155);t.ScrollPaneContext=(0,o.createContext)(null);t.useScrollPaneContext=()=>{const e=(0,o.useContext)(t.ScrollPaneContext);if(!e)throw new Error("useScrollPaneContext must be used within a ScrollPane");return e}},640:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useScrollPaneContext=t.ScrollPaneContext=void 0;var o=r(250);Object.defineProperty(t,"ScrollPaneContext",{enumerable:!0,get:function(){return o.ScrollPaneContext}}),Object.defineProperty(t,"useScrollPaneContext",{enumerable:!0,get:function(){return o.useScrollPaneContext}})},558:e=>{e.exports=t},367:e=>{e.exports=r},155:t=>{t.exports=e},769:(e,t,r)=>{r.r(t),r.d(t,{__addDisposableResource:()=>k,__assign:()=>l,__asyncDelegator:()=>O,__asyncGenerator:()=>E,__asyncValues:()=>j,__await:()=>g,__awaiter:()=>h,__classPrivateFieldGet:()=>C,__classPrivateFieldIn:()=>D,__classPrivateFieldSet:()=>z,__createBinding:()=>y,__decorate:()=>i,__disposeResources:()=>H,__esDecorate:()=>s,__exportStar:()=>m,__extends:()=>n,__generator:()=>v,__importDefault:()=>M,__importStar:()=>T,__makeTemplateObject:()=>x,__metadata:()=>f,__param:()=>c,__propKey:()=>d,__read:()=>w,__rest:()=>a,__runInitializers:()=>u,__setFunctionName:()=>p,__spread:()=>S,__spreadArray:()=>P,__spreadArrays:()=>_,__values:()=>b,default:()=>V});var o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},o(e,t)};function n(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var l=function(){return l=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},l.apply(this,arguments)};function a(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}function i(e,t,r,o){var n,l=arguments.length,a=l<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,o);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(a=(l<3?n(a):l>3?n(t,r,a):n(t,r))||a);return l>3&&a&&Object.defineProperty(t,r,a),a}function c(e,t){return function(r,o){t(r,o,e)}}function s(e,t,r,o,n,l){function a(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var i,c=o.kind,s="getter"===c?"get":"setter"===c?"set":"value",u=!t&&e?o.static?e:e.prototype:null,d=t||(u?Object.getOwnPropertyDescriptor(u,o.name):{}),p=!1,f=r.length-1;f>=0;f--){var h={};for(var v in o)h[v]="access"===v?{}:o[v];for(var v in o.access)h.access[v]=o.access[v];h.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");l.push(a(e||null))};var y=(0,r[f])("accessor"===c?{get:d.get,set:d.set}:d[s],h);if("accessor"===c){if(void 0===y)continue;if(null===y||"object"!=typeof y)throw new TypeError("Object expected");(i=a(y.get))&&(d.get=i),(i=a(y.set))&&(d.set=i),(i=a(y.init))&&n.unshift(i)}else(i=a(y))&&("field"===c?n.unshift(i):d[s]=i)}u&&Object.defineProperty(u,o.name,d),p=!0}function u(e,t,r){for(var o=arguments.length>2,n=0;n<t.length;n++)r=o?t[n].call(e,r):t[n].call(e);return o?r:void 0}function d(e){return"symbol"==typeof e?e:"".concat(e)}function p(e,t,r){return"symbol"==typeof t&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:r?"".concat(r," ",t):t})}function f(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function h(e,t,r,o){return new(r||(r=Promise))((function(n,l){function a(e){try{c(o.next(e))}catch(e){l(e)}}function i(e){try{c(o.throw(e))}catch(e){l(e)}}function c(e){var t;e.done?n(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(a,i)}c((o=o.apply(e,t||[])).next())}))}function v(e,t){var r,o,n,l,a={label:0,sent:function(){if(1&n[0])throw n[1];return n[1]},trys:[],ops:[]};return l={next:i(0),throw:i(1),return:i(2)},"function"==typeof Symbol&&(l[Symbol.iterator]=function(){return this}),l;function i(i){return function(c){return function(i){if(r)throw new TypeError("Generator is already executing.");for(;l&&(l=0,i[0]&&(a=0)),a;)try{if(r=1,o&&(n=2&i[0]?o.return:i[0]?o.throw||((n=o.return)&&n.call(o),0):o.next)&&!(n=n.call(o,i[1])).done)return n;switch(o=0,n&&(i=[2&i[0],n.value]),i[0]){case 0:case 1:n=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,o=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(n=a.trys,(n=n.length>0&&n[n.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!n||i[1]>n[0]&&i[1]<n[3])){a.label=i[1];break}if(6===i[0]&&a.label<n[1]){a.label=n[1],n=i;break}if(n&&a.label<n[2]){a.label=n[2],a.ops.push(i);break}n[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],o=0}finally{r=n=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,c])}}}var y=Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]};function m(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||y(t,e,r)}function b(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],o=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&o>=e.length&&(e=void 0),{value:e&&e[o++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function w(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var o,n,l=r.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(o=l.next()).done;)a.push(o.value)}catch(e){n={error:e}}finally{try{o&&!o.done&&(r=l.return)&&r.call(l)}finally{if(n)throw n.error}}return a}function S(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(w(arguments[t]));return e}function _(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var o=Array(e),n=0;for(t=0;t<r;t++)for(var l=arguments[t],a=0,i=l.length;a<i;a++,n++)o[n]=l[a];return o}function P(e,t,r){if(r||2===arguments.length)for(var o,n=0,l=t.length;n<l;n++)!o&&n in t||(o||(o=Array.prototype.slice.call(t,0,n)),o[n]=t[n]);return e.concat(o||Array.prototype.slice.call(t))}function g(e){return this instanceof g?(this.v=e,this):new g(e)}function E(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var o,n=r.apply(e,t||[]),l=[];return o={},a("next"),a("throw"),a("return"),o[Symbol.asyncIterator]=function(){return this},o;function a(e){n[e]&&(o[e]=function(t){return new Promise((function(r,o){l.push([e,t,r,o])>1||i(e,t)}))})}function i(e,t){try{(r=n[e](t)).value instanceof g?Promise.resolve(r.value.v).then(c,s):u(l[0][2],r)}catch(e){u(l[0][3],e)}var r}function c(e){i("next",e)}function s(e){i("throw",e)}function u(e,t){e(t),l.shift(),l.length&&i(l[0][0],l[0][1])}}function O(e){var t,r;return t={},o("next"),o("throw",(function(e){throw e})),o("return"),t[Symbol.iterator]=function(){return this},t;function o(o,n){t[o]=e[o]?function(t){return(r=!r)?{value:g(e[o](t)),done:!1}:n?n(t):t}:n}}function j(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=b(e),t={},o("next"),o("throw"),o("return"),t[Symbol.asyncIterator]=function(){return this},t);function o(r){t[r]=e[r]&&function(t){return new Promise((function(o,n){(function(e,t,r,o){Promise.resolve(o).then((function(t){e({value:t,done:r})}),t)})(o,n,(t=e[r](t)).done,t.value)}))}}}function x(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var A=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function T(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&y(t,e,r);return A(t,e),t}function M(e){return e&&e.__esModule?e:{default:e}}function C(e,t,r,o){if("a"===r&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?o:"a"===r?o.call(e):o?o.value:t.get(e)}function z(e,t,r,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(e,r):n?n.value=r:t.set(e,r),r}function D(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}function k(e,t,r){if(null!=t){if("object"!=typeof t&&"function"!=typeof t)throw new TypeError("Object expected.");var o;if(r){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");o=t[Symbol.asyncDispose]}if(void 0===o){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");o=t[Symbol.dispose]}if("function"!=typeof o)throw new TypeError("Object not disposable.");e.stack.push({value:t,dispose:o,async:r})}else r&&e.stack.push({async:!0});return t}var I="function"==typeof SuppressedError?SuppressedError:function(e,t,r){var o=new Error(r);return o.name="SuppressedError",o.error=e,o.suppressed=t,o};function H(e){function t(t){e.error=e.hasError?new I(t,e.error,"An error was suppressed during disposal."):t,e.hasError=!0}return function r(){for(;e.stack.length;){var o=e.stack.pop();try{var n=o.dispose&&o.dispose.call(o.value);if(o.async)return Promise.resolve(n).then(r,(function(e){return t(e),r()}))}catch(e){t(e)}}if(e.hasError)throw e.error}()}const V={__extends:n,__assign:l,__rest:a,__decorate:i,__param:c,__metadata:f,__awaiter:h,__generator:v,__createBinding:y,__exportStar:m,__values:b,__read:w,__spread:S,__spreadArrays:_,__spreadArray:P,__await:g,__asyncGenerator:E,__asyncDelegator:O,__asyncValues:j,__makeTemplateObject:x,__importStar:T,__importDefault:M,__classPrivateFieldGet:C,__classPrivateFieldSet:z,__classPrivateFieldIn:D,__addDisposableResource:k,__disposeResources:H}}},n={};function l(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return o[e](r,r.exports,l),r.exports}l.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return l.d(t,{a:t}),t},l.d=(e,t)=>{for(var r in t)l.o(t,r)&&!l.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{var e=a;Object.defineProperty(e,"__esModule",{value:!0}),e.ScrollPane=void 0;var t=l(627);Object.defineProperty(e,"ScrollPane",{enumerable:!0,get:function(){return t.ScrollPane}})})(),a})()));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nimbus-ds/scroll-pane",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "ScrollPane component handles responsive scrolls in lists that are overflowing inside a container.",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -41,20 +41,20 @@
     "url": "https://github.com/TiendaNube/nimbus-design-system/issues"
   },
   "peerDependencies": {
-    "@nimbus-ds/styles": "^9.56.0",
+    "@nimbus-ds/styles": "^9.59.0",
     "react": "^16.8 || ^17.0 || ^18.0 || ^19.0",
     "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0"
   },
   "dependencies": {
-    "@nimbus-ds/box": "^4.3.3",
+    "@nimbus-ds/box": "^4.4.0",
     "react-indiana-drag-scroll": "^2.2.0"
   },
   "devDependencies": {
-    "@nimbus-ds/button": "^2.10.1",
-    "@nimbus-ds/card": "^3.1.3",
-    "@nimbus-ds/icon": "^3.3.1",
-    "@nimbus-ds/icons": "^1.16.0",
-    "@nimbus-ds/text": "^6.6.1",
+    "@nimbus-ds/button": "^2.11.0",
+    "@nimbus-ds/card": "^3.2.0",
+    "@nimbus-ds/icon": "^3.5.0",
+    "@nimbus-ds/icons": "^1.17.0",
+    "@nimbus-ds/text": "^6.8.0",
     "@nimbus-ds/webpack": "^1.7.2"
   }
 }