@nimbus-ds/scroll-pane 1.1.2 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/CHANGELOG.md +7 -0
  3. package/dist/index.d.ts +37 -41
  4. package/dist/index.js +1 -1
  5. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -2,6 +2,13 @@
2
2
 
3
3
  The ScrollPane component handles responsive scrolls in lists that are overflowing inside a container.
4
4
 
5
+ ## 2026-01-28 `1.2.0`
6
+
7
+ #### 🎉 New features
8
+
9
+ - Added `scrollContainerRef` property to allow passing a ref to the scroll container. ([#414](https://github.com/TiendaNube/nimbus-design-system/pull/414) by [@joacotornello](https://github.com/joacotornello))
10
+ - Added `scrollBehavior` property to allow specifying the scroll behavior when clicking on items. ([#414](https://github.com/TiendaNube/nimbus-design-system/pull/414) by [@joacotornello](https://github.com/joacotornello))
11
+
5
12
  ## 2026-01-13 `1.1.3`
6
13
 
7
14
  #### 🎉 New features
package/dist/CHANGELOG.md CHANGED
@@ -2,6 +2,13 @@
2
2
 
3
3
  The ScrollPane component handles responsive scrolls in lists that are overflowing inside a container.
4
4
 
5
+ ## 2026-01-28 `1.2.0`
6
+
7
+ #### 🎉 New features
8
+
9
+ - Added `scrollContainerRef` property to allow passing a ref to the scroll container. ([#414](https://github.com/TiendaNube/nimbus-design-system/pull/414) by [@joacotornello](https://github.com/joacotornello))
10
+ - Added `scrollBehavior` property to allow specifying the scroll behavior when clicking on items. ([#414](https://github.com/TiendaNube/nimbus-design-system/pull/414) by [@joacotornello](https://github.com/joacotornello))
11
+
5
12
  ## 2026-01-13 `1.1.3`
6
13
 
7
14
  #### 🎉 New features
package/dist/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  // Generated by dts-bundle-generator v7.2.0
2
2
 
3
3
  import React from 'react';
4
- import { ComponentPropsWithRef, HTMLAttributes, ReactNode } from 'react';
4
+ import { ComponentPropsWithRef, HTMLAttributes, ReactNode, RefObject } from 'react';
5
5
 
6
6
  export type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;
7
7
  export type ForwardRefExoticComponent<E, OwnProps> = React.ForwardRefExoticComponent<Merge<E extends React.ElementType ? React.ComponentPropsWithRef<E> : never, OwnProps & {
@@ -56,10 +56,7 @@ declare const propertiesBox: {
56
56
  gap: {
57
57
  none: string;
58
58
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
60
- * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
61
- * such as grid or flex.
62
- */
59
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
60
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
61
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
65
62
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -83,10 +80,7 @@ declare const propertiesBox: {
83
80
  gridGap: {
84
81
  none: string;
85
82
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
86
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
87
- * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
88
- * such as grid or flex.
89
- */
83
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
90
84
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
91
85
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
92
86
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -185,7 +179,9 @@ declare const propertiesBox: {
185
179
  "success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
186
180
  "warning-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
187
181
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
188
- "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
182
+ "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
183
+ * The gridTemplateAreas property specifies named grid areas, establishing the cells in the grid and assigning them names.
184
+ */
189
185
  "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
190
186
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
191
187
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -193,6 +189,7 @@ declare const propertiesBox: {
193
189
  "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
194
190
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
195
191
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
192
+ "ai-generative-interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
196
193
  transparent: string;
197
194
  };
198
195
  borderRadius: {
@@ -218,14 +215,13 @@ declare const propertiesBox: {
218
215
  };
219
216
  borderStyle: BorderStyle[];
220
217
  boxSizing: BoxSizing[];
221
- cursor: Cursor[];
218
+ cursor: Cursor[]; /**
219
+ * The padding properties are used to generate space around an box's content area.
220
+ */
222
221
  spacing: {
223
222
  none: string;
224
223
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
225
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
226
- * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
227
- * such as grid or flex.
228
- */
224
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
229
225
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
230
226
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
231
227
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -248,10 +244,7 @@ declare const propertiesBox: {
248
244
  };
249
245
  margin: {
250
246
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
251
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
252
- * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
253
- * such as grid or flex.
254
- */
247
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
255
248
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
256
249
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
257
250
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -315,10 +308,7 @@ declare const propertiesBox: {
315
308
  };
316
309
  fontSize: {
317
310
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
318
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
319
- * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
320
- * such as grid or flex.
321
- */
311
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
322
312
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
323
313
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
324
314
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -342,17 +332,12 @@ declare const propertiesBox: {
342
332
  h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
343
333
  h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
344
334
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
345
- h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
346
- * This defines the ability for a flex item to grow if necessary.
347
- */
335
+ h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
348
336
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
349
337
  };
350
338
  lineHeight: {
351
339
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
352
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
353
- * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
354
- * such as grid or flex.
355
- */
340
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
356
341
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
357
342
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
358
343
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -372,9 +357,7 @@ declare const propertiesBox: {
372
357
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
373
358
  "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
374
359
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
375
- h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
376
- * The flexWrap property sets whether flex items are forced onto one line or can wrap onto multiple lines.
377
- */
360
+ h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
378
361
  h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
379
362
  h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
380
363
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -821,13 +804,7 @@ export type ScrollPaneArrowVerticalEndProperties = ScrollPaneArrowProperties;
821
804
  export type ScrollPaneArrowVerticalStartProperties = ScrollPaneArrowProperties;
822
805
  export type ScrollPaneArrowHorizontalEndProperties = ScrollPaneArrowProperties;
823
806
  export type ScrollPaneArrowHorizontalStartProperties = ScrollPaneArrowProperties;
824
- export interface ScrollPaneComponents {
825
- Item: React.FC<ScrollPaneItemProps>;
826
- ArrowHorizontalStart: React.FC<ScrollPaneArrowHorizontalStartProperties>;
827
- ArrowHorizontalEnd: React.FC<ScrollPaneArrowHorizontalEndProperties>;
828
- ArrowVerticalStart: React.FC<ScrollPaneArrowVerticalStartProperties>;
829
- ArrowVerticalEnd: React.FC<ScrollPaneArrowVerticalEndProperties>;
830
- }
807
+ export type ScrollPaneScrollBehavior = "hidden-items" | "always";
831
808
  export interface ScrollPaneProperties {
832
809
  /**
833
810
  * The content to be rendered inside the scroll pane
@@ -858,6 +835,13 @@ export interface ScrollPaneProperties {
858
835
  * @default true
859
836
  */
860
837
  scrollToItemOnClick?: boolean;
838
+ /**
839
+ * Defines the scroll behavior when clicking on items
840
+ * - 'hidden-items': Only scrolls to items that are not fully visible (default)
841
+ * - 'always': Always scrolls to items, centering them in the viewport
842
+ * @default "hidden-items"
843
+ */
844
+ scrollBehavior?: ScrollPaneScrollBehavior;
861
845
  /**
862
846
  * Enable grab-to-scroll functionality (click and drag to scroll)
863
847
  * When enabled, prevents item dragging inside the ScrollPane
@@ -879,6 +863,10 @@ export interface ScrollPaneProperties {
879
863
  }
880
864
  export type ScrollPaneProps = ScrollPaneProperties & Omit<BoxProps, "children"> & {
881
865
  contentContainerProps?: BoxProps;
866
+ /**
867
+ * Ref to the scroll container
868
+ */
869
+ scrollContainerRef?: RefObject<HTMLDivElement | null>;
882
870
  };
883
871
  /**
884
872
  * ScrollPane component handles responsive scrolls in lists that are overflowing inside a container.
@@ -890,6 +878,14 @@ export type ScrollPaneProps = ScrollPaneProperties & Omit<BoxProps, "children">
890
878
  * <ScrollPane.Item>Item 2</ScrollPane.Item>
891
879
  * </ScrollPane>
892
880
  */
893
- export declare const ScrollPane: React.FC<ScrollPaneProps> & ScrollPaneComponents;
881
+ export declare const ScrollPane: {
882
+ ({ children, showGradients, showArrows, showScrollbar, scrollContainerRef: externalScrollContainerRef, direction, scrollToItemOnClick, scrollBehavior, enableGrabScroll, scrollPaneArrowStart, scrollPaneArrowEnd, contentContainerProps, ...rest }: ScrollPaneProps): React.JSX.Element;
883
+ displayName: string;
884
+ Item: React.FC<ScrollPaneItemProps>;
885
+ ArrowHorizontalStart: React.FC<ScrollPaneArrowProperties>;
886
+ ArrowHorizontalEnd: React.FC<ScrollPaneArrowProperties>;
887
+ ArrowVerticalStart: React.FC<ScrollPaneArrowProperties>;
888
+ ArrowVerticalEnd: React.FC<ScrollPaneArrowProperties>;
889
+ };
894
890
 
895
891
  export {};
package/dist/index.js CHANGED
@@ -1 +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 n={509:(e,t,r)=>{r.r(t),r.d(t,{default:()=>h});var n,o,a=r(155),l=r.n(a),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=(o=n={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&&n.path)}},n.exports,function(){var e={}.hasOwnProperty;function t(){for(var r=[],n=0;n<arguments.length;n++){var o=arguments[n];if(o){var a=typeof o;if("string"===a||"number"===a)r.push(o);else if(Array.isArray(o)&&o.length){var l=t.apply(null,o);l&&r.push(l)}else if("object"===a)for(var i in o)e.call(o,i)&&o[i]&&r.push(i)}}return r.join(" ")}o.exports?(t.default=t,o.exports=t):window.classNames=t}(),n.exports);function s(e,t,r){var n,o,a,l,i;function c(){var s=Date.now()-l;s<t&&s>=0?n=setTimeout(c,t-s):(n=null,r||(i=e.apply(a,o),a=o=null))}null==t&&(t=100);var s=function(){a=this,o=arguments,l=Date.now();var s=r&&!n;return n||(n=setTimeout(c,t)),s&&(i=e.apply(a,o),a=o=null),i};return s.clear=function(){n&&(clearTimeout(n),n=null)},s.flush=function(){n&&(i=e.apply(a,o),a=o=null,clearTimeout(n),n=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 n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.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 p,d=(p="indiana-scroll-container",function(e,t){if(!e)return p;var r;"string"==typeof e?r=e:t=e;var n=p;return r&&(n+="__"+r),n+(t?Object.keys(t).reduce((function(e,r){var o=t[r];return o&&(e+=" "+("boolean"==typeof o?n+"--"+r:n+"--"+r+"_"+o)),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 n=e.touches[0];r.processClick(e,n.clientX,n.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 n=e.touches[0];n&&r.processMove(e,n.clientX,n.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=l().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 n=this.container.current;this.scrollLeft=n.scrollLeft,this.scrollTop=n.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 n=this.props,o=n.horizontal,a=n.vertical,l=n.activationDistance,i=n.onScroll,c=this.container.current;this.started?(o&&(c.scrollLeft-=t-this.clientX),a&&(c.scrollTop-=r-this.clientY),i&&i({external:!this.internal}),this.clientX=t,this.clientY=r,this.scrollLeft=c.scrollLeft,this.scrollTop=c.scrollTop):(o&&Math.abs(t-this.clientX)>l||a&&Math.abs(r-this.clientY)>l)&&(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,n=e.className,o=e.style,a=e.hideScrollbars,i=e.component;return l().createElement(i,{className:c(n,this.pressed&&r,d({dragging:this.pressed,"hide-scrollbars":a,"native-scroll":this.isMobile})),style:o,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}(a.PureComponent);const h=f},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 n=r(769),o=n.__importStar(r(155)),a=n.__importDefault(r(509)),l=r(558),i=r(367),c=r(337),s=r(865),u=({children:e,showGradients:t=!0,showArrows:r=!1,showScrollbar:n=!0,direction:u="horizontal",scrollToItemOnClick:p=!0,enableGrabScroll:d=!1,scrollPaneArrowStart:f,scrollPaneArrowEnd:h,contentContainerProps:v,...y})=>{const m=(0,o.useRef)(null),b=(0,o.useRef)(null),[w,_]=(0,o.useState)(!1),[S,g]=(0,o.useState)(!1),[P,E]=(0,o.useState)(!1),O=(0,o.useCallback)((()=>{if(!m.current)return;const e=m.current,{scrollLeft:t,scrollTop:r,scrollWidth:n,scrollHeight:o,clientWidth:a,clientHeight:l}=e;"horizontal"===u?(_(t>0),g(t<n-a-1)):(_(r>0),g(r<o-l-1))}),[u]),x=(0,o.useCallback)((()=>{P||E(!0),O(),b.current&&clearTimeout(b.current),b.current=setTimeout((()=>{E(!1)}),150)}),[O,P]),j=(0,o.useCallback)((e=>{if(!m.current)return;const t=m.current,r="horizontal"===u?.8*t.clientWidth:.8*t.clientHeight;if("horizontal"===u){const n="start"===e?t.scrollLeft-r:t.scrollLeft+r;t.scrollTo({left:Math.max(0,Math.min(n,t.scrollWidth-t.clientWidth)),behavior:"smooth"})}else{const n="start"===e?t.scrollTop-r:t.scrollTop+r;t.scrollTo({top:Math.max(0,Math.min(n,t.scrollHeight-t.clientHeight)),behavior:"smooth"})}}),[u]);(0,o.useEffect)((()=>{const e=m.current;if(!e)return;const t=setTimeout((()=>{O()}),d?50:0);e.addEventListener("scroll",x);const r=new ResizeObserver((()=>{setTimeout(O,d?10:0)}));return r.observe(e),d&&e.firstElementChild&&r.observe(e.firstElementChild),()=>{clearTimeout(t),e.removeEventListener("scroll",x),r.disconnect(),b.current&&clearTimeout(b.current)}}),[O,x,d]);const A=(0,o.useMemo)((()=>({direction:u,scrollToItemOnClick:p,enableGrabScroll:d,containerRef:m,scrollToDirection:j})),[u,p,d,j]),T=[i.scrollPane.classnames.scrollArea,i.scrollPane.classnames.direction[u],!n&&i.scrollPane.classnames.scrollAreaHidden].filter(Boolean).join(" "),M={cursor:d?"grab":void 0},C=o.default.createElement(o.default.Fragment,null,o.default.createElement(l.Box,{display:"flex",flexDirection:"horizontal"===u?"row":"column",margin:"1",...v},e),t&&o.default.createElement(o.default.Fragment,null,w&&o.default.createElement("div",{className:[i.scrollPane.classnames.gradient,i.scrollPane.classnames.gradientVariants[(0,s.getPosition)("start",u)]].join(" ")}),S&&o.default.createElement("div",{className:[i.scrollPane.classnames.gradient,i.scrollPane.classnames.gradientVariants[(0,s.getPosition)("end",u)]].join(" ")})),r&&o.default.createElement(o.default.Fragment,null,w&&f,S&&h));return o.default.createElement(c.ScrollPaneContext.Provider,{value:A},o.default.createElement(l.Box,{as:"div",position:"relative",...y},d?o.default.createElement(a.default,{hideScrollbars:!1,horizontal:"horizontal"===u,vertical:"vertical"===u,innerRef:m,className:T,style:M},C):o.default.createElement("div",{ref:m,className:T,style:M},C)))};t.ScrollPane=u,u.displayName="ScrollPane",u.Item=c.ScrollPaneItem,u.ArrowHorizontalStart=c.ScrollPaneArrowHorizontalStart,u.ArrowHorizontalEnd=c.ScrollPaneArrowHorizontalEnd,u.ArrowVerticalStart=c.ScrollPaneArrowVerticalStart,u.ArrowVerticalEnd=c.ScrollPaneArrowVerticalEnd,u.Item.displayName="ScrollPane.Item",u.ArrowHorizontalStart.displayName="ScrollPane.ArrowHorizontalStart",u.ArrowHorizontalEnd.displayName="ScrollPane.ArrowHorizontalEnd",u.ArrowVerticalStart.displayName="ScrollPane.ArrowVerticalStart",u.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 n=r(769).__importDefault(r(155)),o=r(367),a=r(640),l=({children:e,variant:t,direction:r})=>{const l=(0,a.useScrollPaneContext)(),i=()=>l.scrollToDirection(r);return n.default.createElement("div",{className:[o.scrollPane.classnames.arrow,o.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})=>n.default.createElement(l,{variant:"horizontal-left",direction:"start"},e);t.ScrollPaneArrowHorizontalEnd=({children:e})=>n.default.createElement(l,{variant:"horizontal-right",direction:"end"},e);t.ScrollPaneArrowVerticalStart=({children:e})=>n.default.createElement(l,{variant:"vertical-top",direction:"start"},e);t.ScrollPaneArrowVerticalEnd=({children:e})=>n.default.createElement(l,{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 n=r(138);Object.defineProperty(t,"ScrollPaneArrowHorizontalStart",{enumerable:!0,get:function(){return n.ScrollPaneArrowHorizontalStart}}),Object.defineProperty(t,"ScrollPaneArrowHorizontalEnd",{enumerable:!0,get:function(){return n.ScrollPaneArrowHorizontalEnd}}),Object.defineProperty(t,"ScrollPaneArrowVerticalStart",{enumerable:!0,get:function(){return n.ScrollPaneArrowVerticalStart}}),Object.defineProperty(t,"ScrollPaneArrowVerticalEnd",{enumerable:!0,get:function(){return n.ScrollPaneArrowVerticalEnd}})},516:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.scrollItemIntoView=void 0;t.scrollItemIntoView=(e,t,r)=>{const n=e.getBoundingClientRect(),o=t.getBoundingClientRect();if(!((e,t,r)=>"horizontal"===r?t.left>=e.left&&t.right<=e.right:t.top>=e.top&&t.bottom<=e.bottom)(n,o,r))if("horizontal"===r){const t=n.width/2,r=o.width/2,a=o.left-n.left-t+r,l=e.scrollLeft+a;e.scrollTo({left:Math.max(0,l),behavior:"smooth"})}else{const t=n.height/2,r=o.height/2,a=o.top-n.top-t+r,l=e.scrollTop+a;e.scrollTo({top:Math.max(0,l),behavior:"smooth"})}}},900:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollPaneItem=void 0;const n=r(769).__importDefault(r(155)),o=r(367),a=r(640),l=r(516);t.ScrollPaneItem=({children:e,onClick:t,...r})=>{const i=(0,a.useScrollPaneContext)(),c=e=>{if(t&&t(e),i.scrollToItemOnClick&&e.currentTarget){const t=i.containerRef?.current,r=e.currentTarget;t&&r&&i.direction&&(0,l.scrollItemIntoView)(t,r,i.direction)}};return n.default.createElement("div",{className:o.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 n=r(769);n.__exportStar(r(900),t),n.__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 n=r(742);Object.defineProperty(t,"ScrollPaneItem",{enumerable:!0,get:function(){return n.ScrollPaneItem}});var o=r(640);Object.defineProperty(t,"ScrollPaneContext",{enumerable:!0,get:function(){return o.ScrollPaneContext}});var a=r(658);Object.defineProperty(t,"ScrollPaneArrowHorizontalStart",{enumerable:!0,get:function(){return a.ScrollPaneArrowHorizontalStart}}),Object.defineProperty(t,"ScrollPaneArrowHorizontalEnd",{enumerable:!0,get:function(){return a.ScrollPaneArrowHorizontalEnd}}),Object.defineProperty(t,"ScrollPaneArrowVerticalStart",{enumerable:!0,get:function(){return a.ScrollPaneArrowVerticalStart}}),Object.defineProperty(t,"ScrollPaneArrowVerticalEnd",{enumerable:!0,get:function(){return a.ScrollPaneArrowVerticalEnd}})},250:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useScrollPaneContext=t.ScrollPaneContext=void 0;const n=r(155);t.ScrollPaneContext=(0,n.createContext)(null);t.useScrollPaneContext=()=>{const e=(0,n.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 n=r(250);Object.defineProperty(t,"ScrollPaneContext",{enumerable:!0,get:function(){return n.ScrollPaneContext}}),Object.defineProperty(t,"useScrollPaneContext",{enumerable:!0,get:function(){return n.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:()=>a,__asyncDelegator:()=>O,__asyncGenerator:()=>E,__asyncValues:()=>x,__await:()=>P,__awaiter:()=>h,__classPrivateFieldGet:()=>C,__classPrivateFieldIn:()=>D,__classPrivateFieldSet:()=>z,__createBinding:()=>y,__decorate:()=>i,__disposeResources:()=>H,__esDecorate:()=>s,__exportStar:()=>m,__extends:()=>o,__generator:()=>v,__importDefault:()=>M,__importStar:()=>T,__makeTemplateObject:()=>j,__metadata:()=>f,__param:()=>c,__propKey:()=>p,__read:()=>w,__rest:()=>l,__runInitializers:()=>u,__setFunctionName:()=>d,__spread:()=>_,__spreadArray:()=>g,__spreadArrays:()=>S,__values:()=>b,default:()=>V});var n=function(e,t){return n=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])},n(e,t)};function o(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}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function l(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function i(e,t,r,n){var o,a=arguments.length,l=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,r,n);else for(var i=e.length-1;i>=0;i--)(o=e[i])&&(l=(a<3?o(l):a>3?o(t,r,l):o(t,r))||l);return a>3&&l&&Object.defineProperty(t,r,l),l}function c(e,t){return function(r,n){t(r,n,e)}}function s(e,t,r,n,o,a){function l(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var i,c=n.kind,s="getter"===c?"get":"setter"===c?"set":"value",u=!t&&e?n.static?e:e.prototype:null,p=t||(u?Object.getOwnPropertyDescriptor(u,n.name):{}),d=!1,f=r.length-1;f>=0;f--){var h={};for(var v in n)h[v]="access"===v?{}:n[v];for(var v in n.access)h.access[v]=n.access[v];h.addInitializer=function(e){if(d)throw new TypeError("Cannot add initializers after decoration has completed");a.push(l(e||null))};var y=(0,r[f])("accessor"===c?{get:p.get,set:p.set}:p[s],h);if("accessor"===c){if(void 0===y)continue;if(null===y||"object"!=typeof y)throw new TypeError("Object expected");(i=l(y.get))&&(p.get=i),(i=l(y.set))&&(p.set=i),(i=l(y.init))&&o.unshift(i)}else(i=l(y))&&("field"===c?o.unshift(i):p[s]=i)}u&&Object.defineProperty(u,n.name,p),d=!0}function u(e,t,r){for(var n=arguments.length>2,o=0;o<t.length;o++)r=n?t[o].call(e,r):t[o].call(e);return n?r:void 0}function p(e){return"symbol"==typeof e?e:"".concat(e)}function d(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,n){return new(r||(r=Promise))((function(o,a){function l(e){try{c(n.next(e))}catch(e){a(e)}}function i(e){try{c(n.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(l,i)}c((n=n.apply(e,t||[])).next())}))}function v(e,t){var r,n,o,a,l={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:i(0),throw:i(1),return:i(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function i(i){return function(c){return function(i){if(r)throw new TypeError("Generator is already executing.");for(;a&&(a=0,i[0]&&(l=0)),l;)try{if(r=1,n&&(o=2&i[0]?n.return:i[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,i[1])).done)return o;switch(n=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return l.label++,{value:i[1],done:!1};case 5:l.label++,n=i[1],i=[0];continue;case 7:i=l.ops.pop(),l.trys.pop();continue;default:if(!(o=l.trys,(o=o.length>0&&o[o.length-1])||6!==i[0]&&2!==i[0])){l=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){l.label=i[1];break}if(6===i[0]&&l.label<o[1]){l.label=o[1],o=i;break}if(o&&l.label<o[2]){l.label=o[2],l.ops.push(i);break}o[2]&&l.ops.pop(),l.trys.pop();continue}i=t.call(e,l)}catch(e){i=[6,e],n=0}finally{r=o=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,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=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],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],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 n,o,a=r.call(e),l=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)l.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return l}function _(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(w(arguments[t]));return e}function S(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),o=0;for(t=0;t<r;t++)for(var a=arguments[t],l=0,i=a.length;l<i;l++,o++)n[o]=a[l];return n}function g(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}function P(e){return this instanceof P?(this.v=e,this):new P(e)}function E(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,o=r.apply(e,t||[]),a=[];return n={},l("next"),l("throw"),l("return"),n[Symbol.asyncIterator]=function(){return this},n;function l(e){o[e]&&(n[e]=function(t){return new Promise((function(r,n){a.push([e,t,r,n])>1||i(e,t)}))})}function i(e,t){try{(r=o[e](t)).value instanceof P?Promise.resolve(r.value.v).then(c,s):u(a[0][2],r)}catch(e){u(a[0][3],e)}var r}function c(e){i("next",e)}function s(e){i("throw",e)}function u(e,t){e(t),a.shift(),a.length&&i(a[0][0],a[0][1])}}function O(e){var t,r;return t={},n("next"),n("throw",(function(e){throw e})),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,o){t[n]=e[n]?function(t){return(r=!r)?{value:P(e[n](t)),done:!1}:o?o(t):t}:o}}function x(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={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,o){(function(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)})(n,o,(t=e[r](t)).done,t.value)}))}}}function j(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,n){if("a"===r&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?n:"a"===r?n.call(e):n?n.value:t.get(e)}function z(e,t,r,n,o){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?o.call(e,r):o?o.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 n;if(r){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");n=t[Symbol.asyncDispose]}if(void 0===n){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");n=t[Symbol.dispose]}if("function"!=typeof n)throw new TypeError("Object not disposable.");e.stack.push({value:t,dispose:n,async:r})}else r&&e.stack.push({async:!0});return t}var I="function"==typeof SuppressedError?SuppressedError:function(e,t,r){var n=new Error(r);return n.name="SuppressedError",n.error=e,n.suppressed=t,n};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 n=e.stack.pop();try{var o=n.dispose&&n.dispose.call(n.value);if(n.async)return Promise.resolve(o).then(r,(function(e){return t(e),r()}))}catch(e){t(e)}}if(e.hasError)throw e.error}()}const V={__extends:o,__assign:a,__rest:l,__decorate:i,__param:c,__metadata:f,__awaiter:h,__generator:v,__createBinding:y,__exportStar:m,__values:b,__read:w,__spread:_,__spreadArrays:S,__spreadArray:g,__await:P,__asyncGenerator:E,__asyncDelegator:O,__asyncValues:x,__makeTemplateObject:j,__importStar:T,__importDefault:M,__classPrivateFieldGet:C,__classPrivateFieldSet:z,__classPrivateFieldIn:D,__addDisposableResource:k,__disposeResources:H}}},o={};function a(e){var t=o[e];if(void 0!==t)return t.exports;var r=o[e]={exports:{}};return n[e](r,r.exports,a),r.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{var e=l;Object.defineProperty(e,"__esModule",{value:!0}),e.ScrollPane=void 0;var t=a(627);Object.defineProperty(e,"ScrollPane",{enumerable:!0,get:function(){return t.ScrollPane}})})(),l})()));
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})()));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nimbus-ds/scroll-pane",
3
- "version": "1.1.2",
3
+ "version": "1.2.0",
4
4
  "description": "ScrollPane component handles responsive scrolls in lists that are overflowing inside a container.",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",
@@ -41,7 +41,7 @@
41
41
  "url": "https://github.com/TiendaNube/nimbus-design-system/issues"
42
42
  },
43
43
  "peerDependencies": {
44
- "@nimbus-ds/styles": "^9.50.0",
44
+ "@nimbus-ds/styles": "^9.56.0",
45
45
  "react": "^16.8 || ^17.0 || ^18.0 || ^19.0",
46
46
  "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0"
47
47
  },
@@ -53,8 +53,8 @@
53
53
  "@nimbus-ds/button": "^2.10.1",
54
54
  "@nimbus-ds/card": "^3.1.3",
55
55
  "@nimbus-ds/icon": "^3.3.1",
56
- "@nimbus-ds/icons": "^1.15.1",
56
+ "@nimbus-ds/icons": "^1.16.0",
57
57
  "@nimbus-ds/text": "^6.6.1",
58
- "@nimbus-ds/webpack": "^1.7.1"
58
+ "@nimbus-ds/webpack": "^1.7.2"
59
59
  }
60
60
  }