@nimbus-ds/scroll-pane 1.1.0 → 1.1.2

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 (7) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/README.md +1 -1
  3. package/dist/CHANGELOG.md +18 -0
  4. package/dist/README.md +1 -1
  5. package/dist/index.d.ts +38 -26
  6. package/dist/index.js +1 -1
  7. package/package.json +11 -11
package/CHANGELOG.md CHANGED
@@ -2,6 +2,24 @@
2
2
 
3
3
  The ScrollPane component handles responsive scrolls in lists that are overflowing inside a container.
4
4
 
5
+ ## 2026-01-13 `1.1.3`
6
+
7
+ #### 🎉 New features
8
+
9
+ - Adds support for React 19. ([#404](https://github.com/TiendaNube/nimbus-design-system/pull/404) by [@joacotornello](https://github.com/joacotornello))
10
+
11
+ ## 2026-01-13 `1.1.2`
12
+
13
+ #### 🐛 Bug fixes
14
+
15
+ - `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))
16
+
17
+ ## 2025-12-01 `1.1.1`
18
+
19
+ #### 🐛 Bug fixes
20
+
21
+ - `ScrollPane`: Fixed focus ring styles to match design system. ([#383](https://github.com/TiendaNube/nimbus-design-system/pull/383) by [@joacotornello](https://github.com/joacotornello))
22
+
5
23
  ## 2025-11-12 `1.1.0`
6
24
 
7
25
  #### 🎉 New features
package/README.md CHANGED
@@ -61,4 +61,4 @@ The component includes proper ARIA labels for navigation arrows and supports key
61
61
 
62
62
  View docs [here](https://nimbus.nuvemshop.com.br/documentation/composite-components/scroll-pane).
63
63
 
64
- <img alt="Nimbus" style="margin-bottom: 30px;" src="https://tiendanube.github.io/design-system-nimbus/static/media/nimbus-logo.ab60bd79.png" height="30" />
64
+ <img alt="Nimbus" style="margin-bottom: 30px;" src="https://tiendanube.github.io/design-system-nimbus/static/media/nimbus-logo.ab60bd79.png" height="30" />
package/dist/CHANGELOG.md CHANGED
@@ -2,6 +2,24 @@
2
2
 
3
3
  The ScrollPane component handles responsive scrolls in lists that are overflowing inside a container.
4
4
 
5
+ ## 2026-01-13 `1.1.3`
6
+
7
+ #### 🎉 New features
8
+
9
+ - Adds support for React 19. ([#404](https://github.com/TiendaNube/nimbus-design-system/pull/404) by [@joacotornello](https://github.com/joacotornello))
10
+
11
+ ## 2026-01-13 `1.1.2`
12
+
13
+ #### 🐛 Bug fixes
14
+
15
+ - `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))
16
+
17
+ ## 2025-12-01 `1.1.1`
18
+
19
+ #### 🐛 Bug fixes
20
+
21
+ - `ScrollPane`: Fixed focus ring styles to match design system. ([#383](https://github.com/TiendaNube/nimbus-design-system/pull/383) by [@joacotornello](https://github.com/joacotornello))
22
+
5
23
  ## 2025-11-12 `1.1.0`
6
24
 
7
25
  #### 🎉 New features
package/dist/README.md CHANGED
@@ -61,4 +61,4 @@ The component includes proper ARIA labels for navigation arrows and supports key
61
61
 
62
62
  View docs [here](https://nimbus.nuvemshop.com.br/documentation/composite-components/scroll-pane).
63
63
 
64
- <img alt="Nimbus" style="margin-bottom: 30px;" src="https://tiendanube.github.io/design-system-nimbus/static/media/nimbus-logo.ab60bd79.png" height="30" />
64
+ <img alt="Nimbus" style="margin-bottom: 30px;" src="https://tiendanube.github.io/design-system-nimbus/static/media/nimbus-logo.ab60bd79.png" height="30" />
package/dist/index.d.ts CHANGED
@@ -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,11 +51,15 @@ 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;
57
58
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
58
- "1": `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
63
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
64
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
65
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -79,7 +83,10 @@ declare const propertiesBox: {
79
83
  gridGap: {
80
84
  none: string;
81
85
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
82
- "1": `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
90
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
84
91
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
85
92
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -111,9 +118,7 @@ declare const propertiesBox: {
111
118
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
112
119
  "primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
120
  "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
- */
121
+ "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
117
122
  "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
118
123
  "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
119
124
  "success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -147,9 +152,7 @@ declare const propertiesBox: {
147
152
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
148
153
  "primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
149
154
  "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
- */
155
+ "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
153
156
  "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
154
157
  "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
155
158
  "success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -187,10 +190,6 @@ declare const propertiesBox: {
187
190
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
188
191
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
189
192
  "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
193
  "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
195
194
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
196
195
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -212,9 +211,7 @@ declare const propertiesBox: {
212
211
  borderWidth: {
213
212
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
214
213
  "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
- */
214
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
218
215
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
219
216
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
220
217
  none: string;
@@ -225,7 +222,10 @@ declare const propertiesBox: {
225
222
  spacing: {
226
223
  none: string;
227
224
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
228
- "1": `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
+ */
229
229
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
230
230
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
231
231
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -248,7 +248,10 @@ declare const propertiesBox: {
248
248
  };
249
249
  margin: {
250
250
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
251
- "1": `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
+ */
252
255
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
253
256
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
254
257
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -312,7 +315,10 @@ declare const propertiesBox: {
312
315
  };
313
316
  fontSize: {
314
317
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
315
- "1": `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
+ */
316
322
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
317
323
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
318
324
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -343,7 +349,10 @@ declare const propertiesBox: {
343
349
  };
344
350
  lineHeight: {
345
351
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
346
- "1": `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
+ */
347
356
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
348
357
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
349
358
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -372,6 +381,7 @@ declare const propertiesBox: {
372
381
  h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
373
382
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
374
383
  };
384
+ scrollbarWidth: ScrollbarWidth[];
375
385
  };
376
386
  export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
377
387
  export type BoxBorderRadiusProperties = keyof typeof propertiesBox.borderRadius;
@@ -772,6 +782,10 @@ export interface BoxSprinkle {
772
782
  * @default left
773
783
  */
774
784
  textAlign?: TextAlign | BoxConditions<TextAlign>;
785
+ /**
786
+ * The scrollbarWidth property specifies the width of the scrollbar.
787
+ */
788
+ scrollbarWidth?: ScrollbarWidth | BoxConditions<ScrollbarWidth>;
775
789
  }
776
790
  export interface BoxProperties extends BoxSprinkle {
777
791
  /**
@@ -792,16 +806,14 @@ export interface ScrollPaneItemProperties {
792
806
  * Custom class name for styling
793
807
  */
794
808
  className?: string;
795
- /**
796
- * Custom inline styles
797
- */
798
- style?: React.CSSProperties;
799
809
  /**
800
810
  * Callback fired when the item is clicked
801
811
  */
802
812
  onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
803
813
  }
804
- export type ScrollPaneItemProps = ScrollPaneItemProperties & Omit<BoxProps, "children">;
814
+ export type ScrollPaneItemProps = ScrollPaneItemProperties & {
815
+ style?: React.CSSProperties;
816
+ } & Omit<React.HTMLAttributes<HTMLDivElement>, "children">;
805
817
  export type ScrollPaneArrowProperties = {
806
818
  children: ReactNode;
807
819
  };
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 b=(0,o.useRef)(null),m=(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(!b.current)return;const e=b.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(),m.current&&clearTimeout(m.current),m.current=setTimeout((()=>{E(!1)}),150)}),[O,P]),j=(0,o.useCallback)((e=>{if(!b.current)return;const t=b.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=b.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(),m.current&&clearTimeout(m.current)}}),[O,x,d]);const A=(0,o.useMemo)((()=>({direction:u,scrollToItemOnClick:p,enableGrabScroll:d,containerRef:b,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:b,className:T,style:M},C):o.default.createElement("div",{ref:b,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(558),a=r(640),l=r(516);t.ScrollPaneItem=({children:e,onClick:t,...r})=>{const i=(0,a.useScrollPaneContext)();return n.default.createElement(o.Box,{...r,onClick: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)}},draggable:!i.enableGrabScroll&&void 0},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:()=>I,__esDecorate:()=>s,__exportStar:()=>b,__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:()=>m,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 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],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=m(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 H="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 I(e){function t(t){e.error=e.hasError?new H(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:b,__values:m,__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:I}}},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 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})()));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nimbus-ds/scroll-pane",
3
- "version": "1.1.0",
3
+ "version": "1.1.2",
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.0",
45
- "react": "^16.8 || ^17.0 || ^18.0",
46
- "react-dom": "^16.8 || ^17.0 || ^18.0"
44
+ "@nimbus-ds/styles": "^9.50.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.15.1",
57
+ "@nimbus-ds/text": "^6.6.1",
58
+ "@nimbus-ds/webpack": "^1.7.1"
59
59
  }
60
60
  }