@nimbus-ds/scroll-pane 1.1.1 → 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 +19 -0
  2. package/dist/CHANGELOG.md +19 -0
  3. package/dist/index.d.ts +45 -37
  4. package/dist/index.js +1 -1
  5. package/package.json +11 -11
package/CHANGELOG.md CHANGED
@@ -2,6 +2,25 @@
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
+
12
+ ## 2026-01-13 `1.1.3`
13
+
14
+ #### 🎉 New features
15
+
16
+ - Adds support for React 19. ([#404](https://github.com/TiendaNube/nimbus-design-system/pull/404) by [@joacotornello](https://github.com/joacotornello))
17
+
18
+ ## 2026-01-13 `1.1.2`
19
+
20
+ #### 🐛 Bug fixes
21
+
22
+ - `ScrollPane`: Fixed types to avoid bloating the documentation builder. ([#350](https://github.com/TiendaNube/nimbus-design-system/pull/350) by [@joacotornello](https://github.com/joacotornello))
23
+
5
24
  ## 2025-12-01 `1.1.1`
6
25
 
7
26
  #### 🐛 Bug fixes
package/dist/CHANGELOG.md CHANGED
@@ -2,6 +2,25 @@
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
+
12
+ ## 2026-01-13 `1.1.3`
13
+
14
+ #### 🎉 New features
15
+
16
+ - Adds support for React 19. ([#404](https://github.com/TiendaNube/nimbus-design-system/pull/404) by [@joacotornello](https://github.com/joacotornello))
17
+
18
+ ## 2026-01-13 `1.1.2`
19
+
20
+ #### 🐛 Bug fixes
21
+
22
+ - `ScrollPane`: Fixed types to avoid bloating the documentation builder. ([#350](https://github.com/TiendaNube/nimbus-design-system/pull/350) by [@joacotornello](https://github.com/joacotornello))
23
+
5
24
  ## 2025-12-01 `1.1.1`
6
25
 
7
26
  #### 🐛 Bug fixes
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 & {
@@ -22,10 +22,10 @@ export interface PolymorphicForwardRefComponent<IntrinsicElementString, OwnProps
22
22
  * so that events are typed when using JSX.IntrinsicElements.
23
23
  */
24
24
  <As = IntrinsicElementString>(props: As extends "" ? {
25
- as: keyof JSX.IntrinsicElements;
25
+ as: keyof React.JSX.IntrinsicElements;
26
26
  } : As extends React.ComponentType<infer P> ? Merge<P, OwnProps & {
27
27
  as: As;
28
- }> : As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], OwnProps & {
28
+ }> : As extends keyof React.JSX.IntrinsicElements ? Merge<React.JSX.IntrinsicElements[As], OwnProps & {
29
29
  as: As;
30
30
  }> : never): React.ReactElement | null;
31
31
  }
@@ -51,6 +51,7 @@ export type Position = "absolute" | "fixed" | "relative" | "static" | "sticky";
51
51
  export type Overflow = "visible" | "hidden" | "scroll" | "auto";
52
52
  export type PointerEvents = "auto" | "none" | "visiblePainted" | "visibleFill" | "visibleStroke" | "visible" | "painted" | "fill" | "stroke" | "all" | "inherit";
53
53
  export type TransitionTiming = "ease" | "ease-in" | "ease-out" | "ease-in-out" | "linear" | "step-start" | "step-end";
54
+ export type ScrollbarWidth = "auto" | "none" | "thin";
54
55
  declare const propertiesBox: {
55
56
  gap: {
56
57
  none: string;
@@ -111,9 +112,7 @@ declare const propertiesBox: {
111
112
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
112
113
  "primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
114
  "primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
114
- "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
115
- * The width property specifies the width of a box's content area.
116
- */
115
+ "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
117
116
  "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
118
117
  "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
119
118
  "success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -147,9 +146,7 @@ declare const propertiesBox: {
147
146
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
148
147
  "primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
149
148
  "primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
150
- "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
151
- * The width property specifies the width of a box's content area.
152
- */
149
+ "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
153
150
  "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
154
151
  "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
155
152
  "success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -182,18 +179,17 @@ declare const propertiesBox: {
182
179
  "success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
183
180
  "warning-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
184
181
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
185
- "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
+ */
186
185
  "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
187
186
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
188
187
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
189
188
  "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
190
- /**
191
- * The gridArea shorthand property specifies a grid item's size and location within a grid by contributing a line,
192
- * a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area.
193
- */
194
189
  "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
195
190
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
196
191
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
192
+ "ai-generative-interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
197
193
  transparent: string;
198
194
  };
199
195
  borderRadius: {
@@ -212,16 +208,16 @@ declare const propertiesBox: {
212
208
  borderWidth: {
213
209
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
214
210
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
215
- "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
216
- * The gap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
217
- */
211
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
218
212
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
219
213
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
220
214
  none: string;
221
215
  };
222
216
  borderStyle: BorderStyle[];
223
217
  boxSizing: BoxSizing[];
224
- cursor: Cursor[];
218
+ cursor: Cursor[]; /**
219
+ * The padding properties are used to generate space around an box's content area.
220
+ */
225
221
  spacing: {
226
222
  none: string;
227
223
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -336,9 +332,7 @@ declare const propertiesBox: {
336
332
  h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
337
333
  h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
338
334
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
339
- h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
340
- * This defines the ability for a flex item to grow if necessary.
341
- */
335
+ h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
342
336
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
343
337
  };
344
338
  lineHeight: {
@@ -363,15 +357,14 @@ declare const propertiesBox: {
363
357
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
364
358
  "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
365
359
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
366
- h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
367
- * The flexWrap property sets whether flex items are forced onto one line or can wrap onto multiple lines.
368
- */
360
+ h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
369
361
  h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
370
362
  h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
371
363
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
372
364
  h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
373
365
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
374
366
  };
367
+ scrollbarWidth: ScrollbarWidth[];
375
368
  };
376
369
  export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
377
370
  export type BoxBorderRadiusProperties = keyof typeof propertiesBox.borderRadius;
@@ -772,6 +765,10 @@ export interface BoxSprinkle {
772
765
  * @default left
773
766
  */
774
767
  textAlign?: TextAlign | BoxConditions<TextAlign>;
768
+ /**
769
+ * The scrollbarWidth property specifies the width of the scrollbar.
770
+ */
771
+ scrollbarWidth?: ScrollbarWidth | BoxConditions<ScrollbarWidth>;
775
772
  }
776
773
  export interface BoxProperties extends BoxSprinkle {
777
774
  /**
@@ -792,16 +789,14 @@ export interface ScrollPaneItemProperties {
792
789
  * Custom class name for styling
793
790
  */
794
791
  className?: string;
795
- /**
796
- * Custom inline styles
797
- */
798
- style?: React.CSSProperties;
799
792
  /**
800
793
  * Callback fired when the item is clicked
801
794
  */
802
795
  onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
803
796
  }
804
- export type ScrollPaneItemProps = ScrollPaneItemProperties & Omit<React.HTMLAttributes<HTMLDivElement>, "children">;
797
+ export type ScrollPaneItemProps = ScrollPaneItemProperties & {
798
+ style?: React.CSSProperties;
799
+ } & Omit<React.HTMLAttributes<HTMLDivElement>, "children">;
805
800
  export type ScrollPaneArrowProperties = {
806
801
  children: ReactNode;
807
802
  };
@@ -809,13 +804,7 @@ export type ScrollPaneArrowVerticalEndProperties = ScrollPaneArrowProperties;
809
804
  export type ScrollPaneArrowVerticalStartProperties = ScrollPaneArrowProperties;
810
805
  export type ScrollPaneArrowHorizontalEndProperties = ScrollPaneArrowProperties;
811
806
  export type ScrollPaneArrowHorizontalStartProperties = ScrollPaneArrowProperties;
812
- export interface ScrollPaneComponents {
813
- Item: React.FC<ScrollPaneItemProps>;
814
- ArrowHorizontalStart: React.FC<ScrollPaneArrowHorizontalStartProperties>;
815
- ArrowHorizontalEnd: React.FC<ScrollPaneArrowHorizontalEndProperties>;
816
- ArrowVerticalStart: React.FC<ScrollPaneArrowVerticalStartProperties>;
817
- ArrowVerticalEnd: React.FC<ScrollPaneArrowVerticalEndProperties>;
818
- }
807
+ export type ScrollPaneScrollBehavior = "hidden-items" | "always";
819
808
  export interface ScrollPaneProperties {
820
809
  /**
821
810
  * The content to be rendered inside the scroll pane
@@ -846,6 +835,13 @@ export interface ScrollPaneProperties {
846
835
  * @default true
847
836
  */
848
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;
849
845
  /**
850
846
  * Enable grab-to-scroll functionality (click and drag to scroll)
851
847
  * When enabled, prevents item dragging inside the ScrollPane
@@ -867,6 +863,10 @@ export interface ScrollPaneProperties {
867
863
  }
868
864
  export type ScrollPaneProps = ScrollPaneProperties & Omit<BoxProps, "children"> & {
869
865
  contentContainerProps?: BoxProps;
866
+ /**
867
+ * Ref to the scroll container
868
+ */
869
+ scrollContainerRef?: RefObject<HTMLDivElement | null>;
870
870
  };
871
871
  /**
872
872
  * ScrollPane component handles responsive scrolls in lists that are overflowing inside a container.
@@ -878,6 +878,14 @@ export type ScrollPaneProps = ScrollPaneProperties & Omit<BoxProps, "children">
878
878
  * <ScrollPane.Item>Item 2</ScrollPane.Item>
879
879
  * </ScrollPane>
880
880
  */
881
- 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
+ };
882
890
 
883
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.1",
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,20 +41,20 @@
41
41
  "url": "https://github.com/TiendaNube/nimbus-design-system/issues"
42
42
  },
43
43
  "peerDependencies": {
44
- "@nimbus-ds/styles": "^9.42.1",
45
- "react": "^16.8 || ^17.0 || ^18.0",
46
- "react-dom": "^16.8 || ^17.0 || ^18.0"
44
+ "@nimbus-ds/styles": "^9.56.0",
45
+ "react": "^16.8 || ^17.0 || ^18.0 || ^19.0",
46
+ "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0"
47
47
  },
48
48
  "dependencies": {
49
- "@nimbus-ds/box": "^4.3.2",
49
+ "@nimbus-ds/box": "^4.3.3",
50
50
  "react-indiana-drag-scroll": "^2.2.0"
51
51
  },
52
52
  "devDependencies": {
53
- "@nimbus-ds/button": "^2.10.0",
54
- "@nimbus-ds/card": "^3.1.2",
55
- "@nimbus-ds/icon": "^3.3.0",
56
- "@nimbus-ds/icons": "^1.14.0",
57
- "@nimbus-ds/text": "^6.6.0",
58
- "@nimbus-ds/webpack": "^1.7.0"
53
+ "@nimbus-ds/button": "^2.10.1",
54
+ "@nimbus-ds/card": "^3.1.3",
55
+ "@nimbus-ds/icon": "^3.3.1",
56
+ "@nimbus-ds/icons": "^1.16.0",
57
+ "@nimbus-ds/text": "^6.6.1",
58
+ "@nimbus-ds/webpack": "^1.7.2"
59
59
  }
60
60
  }