@aiquants/virtualscroll 2.3.0 → 2.4.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.
- package/CHANGELOG.md +44 -0
- package/README.md +27 -5
- package/dist/ScrollPane.d.cts +26 -2
- package/dist/ScrollPane.d.ts +26 -2
- package/dist/ScrollPane.d.ts.map +1 -1
- package/dist/VirtualScroll.d.cts +15 -1
- package/dist/VirtualScroll.d.ts +15 -1
- package/dist/VirtualScroll.d.ts.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +1559 -1506
- package/dist/styles/virtualscroll.css +1 -1
- package/dist/styles/virtualscroll.standalone.css +1 -1
- package/package.json +1 -1
- package/src/ScrollPane.tsx +175 -6
- package/src/VirtualScroll.tsx +28 -3
- package/src/styles/virtualscroll.css +7 -0
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,50 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to `@aiquants/virtualscroll` are documented here.
|
|
4
4
|
|
|
5
|
+
## 2.4.0 (2026-08-19)
|
|
6
|
+
|
|
7
|
+
**帯の自己計測 (`viewportSize` の optional 化)。** 自分の高さを自分で測れるコンポーネントが消費側に
|
|
8
|
+
自分の高さを渡させていた責務の逆転を解消します。既存消費者は `viewportSize` を渡し続ければ**現行どおり**
|
|
9
|
+
動作します (非破壊)。
|
|
10
|
+
|
|
11
|
+
### Added
|
|
12
|
+
|
|
13
|
+
- **`viewportSize` を省略できるようになりました** (`VirtualScroll` / `ScrollPane`)。省略時はペインが
|
|
14
|
+
`.aqvs-scroll-pane-content` の実高さを `ResizeObserver` で追跡し、クリップ窓・最大スクロール位置・
|
|
15
|
+
つまみ写像・描画枚数・スクロール可否のすべてがそれに追従します。
|
|
16
|
+
|
|
17
|
+
```tsx
|
|
18
|
+
// ホストが高さを所有し、VirtualScroll がそれを埋める
|
|
19
|
+
<div className="min-h-0 flex-1">
|
|
20
|
+
<VirtualScroll itemCount={n} getItem={getItem} getItemHeight={getItemHeight}>{renderRow}</VirtualScroll>
|
|
21
|
+
</div>
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
ホスト側がルート要素の高さを確定させること (`h-full` / `flex-1` + `min-h-0` / 明示 px /
|
|
25
|
+
`position: absolute` など) が前提です。高さが auto のホストでは帯が 0 のままになるため警告します。
|
|
26
|
+
`viewportSize` を明示する正当なケースは「帯を計測ではなく**算出**で知っている」場合のみです
|
|
27
|
+
(例: ドロップダウンが件数 × 行高から高さを決める)。
|
|
28
|
+
- **`ScrollPane` に `onViewportSizeChange` を追加。** 自己計測した帯の高さを所有者へ通知します
|
|
29
|
+
(`viewportSize` 指定時は呼ばれません)。`VirtualScroll` は描画枚数とアライン計算にこの値を使います。
|
|
30
|
+
|
|
31
|
+
### Fixed
|
|
32
|
+
|
|
33
|
+
- **`viewportSize` と実際の帯が食い違ったときに何も検知できなかった問題** — 食い違いは例外も視覚的な
|
|
34
|
+
破綻も出さずに 5 つの導出値を壊します (はみ出し / 死に帯 / 末尾へ永久に到達できない /
|
|
35
|
+
つまみが視野外へ消える / ホイールとドラッグの無効化)。`Logger.warn` で 2 種類を通知するようにしました:
|
|
36
|
+
明示値がルートの実帯と 1px を超えてずれている場合と、自己計測でレイアウト済みなのに帯が 0 の場合です
|
|
37
|
+
(非表示 = `offsetParent === null` は正常な未計測状態として黙ります)。同じ内容は繰り返し警告しません。
|
|
38
|
+
|
|
39
|
+
### Changed
|
|
40
|
+
|
|
41
|
+
- **DOM 契約 (追加のみ)**: 自己計測モードのとき `.aqvs-scroll-pane` に `data-self-measured="true"` が付き、
|
|
42
|
+
コンテンツ要素のインライン `height` は**書かれなくなります** (CSS の `height: 100%` がレイアウトを所有)。
|
|
43
|
+
`viewportSize` を渡している既存消費者の DOM は不変です。
|
|
44
|
+
- **CSS (追加のみ)**: `.aqvs-scroll-pane[data-self-measured="true"] { height: 100% }` を追加しました。
|
|
45
|
+
ルート要素は元々高さを持たず、明示モードではコンテンツのインライン高さに押し広げられて決まっていた
|
|
46
|
+
ため、高さを書かない自己計測モードではこの規則が無いと帯が 0 に潰れます (実ブラウザで実測)。
|
|
47
|
+
明示モードには適用しないため、既存消費者のルート要素の箱は変わりません。
|
|
48
|
+
|
|
5
49
|
## 2.3.0 (2026-08-19)
|
|
6
50
|
|
|
7
51
|
DOM 契約が変わるため minor: `.aqvs-scroll-to-edge-overlay` は非表示中に `inert` を、
|
package/README.md
CHANGED
|
@@ -82,7 +82,6 @@ function App() {
|
|
|
82
82
|
itemCount={items.length}
|
|
83
83
|
getItem={getItem}
|
|
84
84
|
getItemHeight={getItemHeight}
|
|
85
|
-
viewportSize={400}
|
|
86
85
|
overscanCount={5}
|
|
87
86
|
>
|
|
88
87
|
{(item, index) => (
|
|
@@ -105,6 +104,31 @@ function App() {
|
|
|
105
104
|
}
|
|
106
105
|
```
|
|
107
106
|
|
|
107
|
+
## Sizing
|
|
108
|
+
|
|
109
|
+
`viewportSize` is **optional and best omitted**. When it is absent the component measures its own band
|
|
110
|
+
(the content element, via `ResizeObserver`) and every derived value follows automatically.
|
|
111
|
+
|
|
112
|
+
```tsx
|
|
113
|
+
// The host owns the height; VirtualScroll fills it.
|
|
114
|
+
<div className="min-h-0 flex-1">
|
|
115
|
+
<VirtualScroll itemCount={n} getItem={getItem} getItemHeight={getItemHeight}>{renderRow}</VirtualScroll>
|
|
116
|
+
</div>
|
|
117
|
+
```
|
|
118
|
+
|
|
119
|
+
**The host must establish a definite height** (`h-full`, `flex-1` + `min-h-0`, an explicit px height,
|
|
120
|
+
`position: absolute`, …). With an auto-height host the band stays 0 and the package logs a warning —
|
|
121
|
+
there is nothing to measure. In self-measured mode the root carries `data-self-measured="true"` and the
|
|
122
|
+
packaged rule `.aqvs-scroll-pane[data-self-measured="true"] { height: 100% }` stretches it to the host,
|
|
123
|
+
so the stylesheet import is required for this mode as well.
|
|
124
|
+
|
|
125
|
+
**Pass `viewportSize` only when the band is known by calculation, not measurement** — a dropdown whose
|
|
126
|
+
height comes from row count × row height, for example. If you pass a value that disagrees with the real
|
|
127
|
+
band by more than 1px, the package warns: the clip window, the max scroll position, the thumb mapping,
|
|
128
|
+
the rendered row count and scrollability all derive from it, so all five would be silently wrong (rows
|
|
129
|
+
spilling over the next element, a dead band at the bottom, an end you can never reach, a thumb that
|
|
130
|
+
leaves the viewport, or a list that ignores the wheel entirely).
|
|
131
|
+
|
|
108
132
|
## Horizontal Scrolling
|
|
109
133
|
|
|
110
134
|
`VirtualScroll` virtualizes and scrolls the **vertical** axis only. To add a horizontal axis — e.g. a
|
|
@@ -133,7 +157,7 @@ function Grid() {
|
|
|
133
157
|
return (
|
|
134
158
|
<div style={{ ['--hx' as string]: `${hscroll}px`, display: 'flex', flexDirection: 'column' }}>
|
|
135
159
|
<div style={{ height: 440 }}>
|
|
136
|
-
<VirtualScroll itemCount={rows.length} getItem={getItem} getItemHeight={getItemHeight}
|
|
160
|
+
<VirtualScroll itemCount={rows.length} getItem={getItem} getItemHeight={getItemHeight} onWheelHorizontal={onWheelHorizontal}>
|
|
137
161
|
{(row) => (
|
|
138
162
|
<div style={{ display: 'flex' }}>
|
|
139
163
|
<div style={{ width: 180, flexShrink: 0 }}>{row.label}{/* frozen column */}</div>
|
|
@@ -204,7 +228,7 @@ exists in the DOM.
|
|
|
204
228
|
| `itemCount` | `number` | ✅ | Total number of items |
|
|
205
229
|
| `getItem` | `(index: number) => T` | ✅ | Function to get item at index |
|
|
206
230
|
| `getItemHeight` | `(index: number) => number` | ✅ | Function to get item height |
|
|
207
|
-
| `viewportSize` | `number` |
|
|
231
|
+
| `viewportSize` | `number` | ❌ | Height of the visible band. **Omit it** — the component then measures its host with a `ResizeObserver`. Pass it only when you know the band by calculation rather than measurement (e.g. a dropdown sized from row count × row height). See [Sizing](#sizing) |
|
|
208
232
|
| `overscanCount` | `number` | ❌ | Number of items to render outside viewport (default: 15) |
|
|
209
233
|
| `className` | `string` | ❌ | CSS class name. Lands on the scroll root (`.aqvs-scroll-pane`) — see [Custom Scrollbar Styling](#custom-scrollbar-styling) |
|
|
210
234
|
| `getItemKey` | `(index: number) => React.Key` | ❌ | Stable React key per index (defaults to the index) |
|
|
@@ -366,7 +390,6 @@ function AdvancedExample() {
|
|
|
366
390
|
itemCount={items.length}
|
|
367
391
|
getItem={getItem}
|
|
368
392
|
getItemHeight={getItemHeight}
|
|
369
|
-
viewportSize={400}
|
|
370
393
|
onRangeChange={handleRangeChange}
|
|
371
394
|
scrollBarOptions={{
|
|
372
395
|
renderThumbOverlay: renderThumbOverlay
|
|
@@ -476,7 +499,6 @@ export function UltraFastExample() {
|
|
|
476
499
|
itemCount={items.length}
|
|
477
500
|
getItem={(index) => items[index]}
|
|
478
501
|
getItemHeight={() => 42}
|
|
479
|
-
viewportSize={480}
|
|
480
502
|
scrollBarOptions={{
|
|
481
503
|
tapScrollCircleOptions: {
|
|
482
504
|
maxSpeedMultiplier: 80, // Optional: override adaptive speed when needed
|
package/dist/ScrollPane.d.cts
CHANGED
|
@@ -19,8 +19,32 @@ export type ScrollPaneProps = {
|
|
|
19
19
|
children: (scrollPosition: number) => React.ReactNode;
|
|
20
20
|
/** The total size of the content. / コンテンツの総サイズ。 */
|
|
21
21
|
contentSize: number;
|
|
22
|
-
/**
|
|
23
|
-
|
|
22
|
+
/**
|
|
23
|
+
* Size of the visible band (px). Omit it to let the pane measure its own band.
|
|
24
|
+
* 可視帯の高さ (px)。省略するとペインが自分の帯を計測する。
|
|
25
|
+
*
|
|
26
|
+
* ❗ **省略が既定の使い方である。** この値は帯のクリップ窓・最大スクロール位置・つまみ写像・
|
|
27
|
+
* 描画枚数・スクロール可否のすべての基準であり、実際の帯と食い違うと 5 通りの壊れ方が
|
|
28
|
+
* **例外も警告も出さずに**発生する (はみ出し / 死に帯 / 末尾へ到達不能 / つまみが視野外へ /
|
|
29
|
+
* ホイールとドラッグの無効化)。自分で測れるものを消費側に渡させると、同じ正解を各画面で
|
|
30
|
+
* 書き直すことになり、実際に推測値や定数が代入される。
|
|
31
|
+
*
|
|
32
|
+
* 省略時は `.aqvs-scroll-pane-content` の実高さ (CSS の `height: 100%` が決める) を
|
|
33
|
+
* `ResizeObserver` で追跡する。**ホスト側がルート要素の高さを確定させること**が前提で
|
|
34
|
+
* (`h-full` / `flex-1` + `min-h-0` / 明示 px / `position: absolute` など)、高さが auto の
|
|
35
|
+
* ホストでは帯が 0 のままになる (開発ビルドで警告する)。
|
|
36
|
+
*
|
|
37
|
+
* 明示する正当なケースは「帯の高さを計測ではなく算出で知っている」場合のみである
|
|
38
|
+
* (例: ドロップダウンが件数 × 行高から高さを決める)。
|
|
39
|
+
*/
|
|
40
|
+
viewportSize?: number;
|
|
41
|
+
/**
|
|
42
|
+
* Notified when the self-measured viewport size changes (not called while `viewportSize` is given).
|
|
43
|
+
* 自己計測したビューポート高さが変化したときに通知する (`viewportSize` 指定時は呼ばれない)。
|
|
44
|
+
*
|
|
45
|
+
* 帯の数値を必要とする親 (`VirtualScroll` は描画枚数とアライン計算に使う) がこの口で受け取る。
|
|
46
|
+
*/
|
|
47
|
+
onViewportSizeChange?: (viewportSize: number) => void;
|
|
24
48
|
/** The width of the scrollbar. / スクロールバーの幅。 */
|
|
25
49
|
scrollBarWidth?: number;
|
|
26
50
|
/** Whether grabbing the scrollbar thumb is allowed. / スクロールバーのつまみ操作を許可するかどうか。 */
|
package/dist/ScrollPane.d.ts
CHANGED
|
@@ -19,8 +19,32 @@ export type ScrollPaneProps = {
|
|
|
19
19
|
children: (scrollPosition: number) => React.ReactNode;
|
|
20
20
|
/** The total size of the content. / コンテンツの総サイズ。 */
|
|
21
21
|
contentSize: number;
|
|
22
|
-
/**
|
|
23
|
-
|
|
22
|
+
/**
|
|
23
|
+
* Size of the visible band (px). Omit it to let the pane measure its own band.
|
|
24
|
+
* 可視帯の高さ (px)。省略するとペインが自分の帯を計測する。
|
|
25
|
+
*
|
|
26
|
+
* ❗ **省略が既定の使い方である。** この値は帯のクリップ窓・最大スクロール位置・つまみ写像・
|
|
27
|
+
* 描画枚数・スクロール可否のすべての基準であり、実際の帯と食い違うと 5 通りの壊れ方が
|
|
28
|
+
* **例外も警告も出さずに**発生する (はみ出し / 死に帯 / 末尾へ到達不能 / つまみが視野外へ /
|
|
29
|
+
* ホイールとドラッグの無効化)。自分で測れるものを消費側に渡させると、同じ正解を各画面で
|
|
30
|
+
* 書き直すことになり、実際に推測値や定数が代入される。
|
|
31
|
+
*
|
|
32
|
+
* 省略時は `.aqvs-scroll-pane-content` の実高さ (CSS の `height: 100%` が決める) を
|
|
33
|
+
* `ResizeObserver` で追跡する。**ホスト側がルート要素の高さを確定させること**が前提で
|
|
34
|
+
* (`h-full` / `flex-1` + `min-h-0` / 明示 px / `position: absolute` など)、高さが auto の
|
|
35
|
+
* ホストでは帯が 0 のままになる (開発ビルドで警告する)。
|
|
36
|
+
*
|
|
37
|
+
* 明示する正当なケースは「帯の高さを計測ではなく算出で知っている」場合のみである
|
|
38
|
+
* (例: ドロップダウンが件数 × 行高から高さを決める)。
|
|
39
|
+
*/
|
|
40
|
+
viewportSize?: number;
|
|
41
|
+
/**
|
|
42
|
+
* Notified when the self-measured viewport size changes (not called while `viewportSize` is given).
|
|
43
|
+
* 自己計測したビューポート高さが変化したときに通知する (`viewportSize` 指定時は呼ばれない)。
|
|
44
|
+
*
|
|
45
|
+
* 帯の数値を必要とする親 (`VirtualScroll` は描画枚数とアライン計算に使う) がこの口で受け取る。
|
|
46
|
+
*/
|
|
47
|
+
onViewportSizeChange?: (viewportSize: number) => void;
|
|
24
48
|
/** The width of the scrollbar. / スクロールバーの幅。 */
|
|
25
49
|
scrollBarWidth?: number;
|
|
26
50
|
/** Whether grabbing the scrollbar thumb is allowed. / スクロールバーのつまみ操作を許可するかどうか。 */
|
package/dist/ScrollPane.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollPane.d.ts","sourceRoot":"","sources":["../src/ScrollPane.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,yBAAyB,EAAE,KAAK,gCAAgC,EAA2B,MAAM,iBAAiB,CAAA;AAG3I;;;;GAIG;AACH,MAAM,MAAM,uBAAuB,GAAG;IAClC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC1B;;;;;;OAMG;IACH,QAAQ,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACrD,mDAAmD;IACnD,WAAW,EAAE,MAAM,CAAA;IACnB,
|
|
1
|
+
{"version":3,"file":"ScrollPane.d.ts","sourceRoot":"","sources":["../src/ScrollPane.tsx"],"names":[],"mappings":"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"}
|
package/dist/VirtualScroll.d.cts
CHANGED
|
@@ -152,7 +152,21 @@ export type VirtualScrollProps<T> = {
|
|
|
152
152
|
* さもないとキャッシュ済み高さが別のアイテムを指すインデックスに残る。
|
|
153
153
|
*/
|
|
154
154
|
getItemHeight: (index: number) => number;
|
|
155
|
-
|
|
155
|
+
/**
|
|
156
|
+
* Size of the visible band (px). Omit it to let the component measure its own band.
|
|
157
|
+
* 可視帯の高さ (px)。省略するとコンポーネントが自分の帯を計測する。
|
|
158
|
+
*
|
|
159
|
+
* ❗ **省略が既定の使い方である。** この値は帯のクリップ窓・最大スクロール位置・つまみ写像・
|
|
160
|
+
* 描画枚数・スクロール可否のすべての基準であり、実際の帯と食い違うと 5 通りの壊れ方が
|
|
161
|
+
* **例外も警告も出さずに**発生する。自分で測れるものを消費側に渡させると、同じ正解を各画面で
|
|
162
|
+
* 書き直すことになり、実際に推測値や定数が代入される (詳細は `ScrollPaneProps.viewportSize`)。
|
|
163
|
+
*
|
|
164
|
+
* 省略時はホスト要素が高さを確定させていること (`h-full` / `flex-1` + `min-h-0` / 明示 px など)
|
|
165
|
+
* が前提で、高さが auto のホストでは帯が 0 のままになる (`Logger.warn` で警告する)。
|
|
166
|
+
* 明示する正当なケースは「帯の高さを計測ではなく算出で知っている」場合のみである
|
|
167
|
+
* (例: ドロップダウンが件数 × 行高から高さを決める)。
|
|
168
|
+
*/
|
|
169
|
+
viewportSize?: number;
|
|
156
170
|
overscanCount?: number;
|
|
157
171
|
className?: string;
|
|
158
172
|
/** Test id emitted as data-testid on the scroll root (DOM hooks must use data-* attributes, never class selectors). / スクロールルートに data-testid として出力されるテスト ID (DOM フックはクラスセレクタでなく data-* 属性を使う)。 */
|
package/dist/VirtualScroll.d.ts
CHANGED
|
@@ -152,7 +152,21 @@ export type VirtualScrollProps<T> = {
|
|
|
152
152
|
* さもないとキャッシュ済み高さが別のアイテムを指すインデックスに残る。
|
|
153
153
|
*/
|
|
154
154
|
getItemHeight: (index: number) => number;
|
|
155
|
-
|
|
155
|
+
/**
|
|
156
|
+
* Size of the visible band (px). Omit it to let the component measure its own band.
|
|
157
|
+
* 可視帯の高さ (px)。省略するとコンポーネントが自分の帯を計測する。
|
|
158
|
+
*
|
|
159
|
+
* ❗ **省略が既定の使い方である。** この値は帯のクリップ窓・最大スクロール位置・つまみ写像・
|
|
160
|
+
* 描画枚数・スクロール可否のすべての基準であり、実際の帯と食い違うと 5 通りの壊れ方が
|
|
161
|
+
* **例外も警告も出さずに**発生する。自分で測れるものを消費側に渡させると、同じ正解を各画面で
|
|
162
|
+
* 書き直すことになり、実際に推測値や定数が代入される (詳細は `ScrollPaneProps.viewportSize`)。
|
|
163
|
+
*
|
|
164
|
+
* 省略時はホスト要素が高さを確定させていること (`h-full` / `flex-1` + `min-h-0` / 明示 px など)
|
|
165
|
+
* が前提で、高さが auto のホストでは帯が 0 のままになる (`Logger.warn` で警告する)。
|
|
166
|
+
* 明示する正当なケースは「帯の高さを計測ではなく算出で知っている」場合のみである
|
|
167
|
+
* (例: ドロップダウンが件数 × 行高から高さを決める)。
|
|
168
|
+
*/
|
|
169
|
+
viewportSize?: number;
|
|
156
170
|
overscanCount?: number;
|
|
157
171
|
className?: string;
|
|
158
172
|
/** Test id emitted as data-testid on the scroll root (DOM hooks must use data-* attributes, never class selectors). / スクロールルートに data-testid として出力されるテスト ID (DOM フックはクラスセレクタでなく data-* 属性を使う)。 */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VirtualScroll.d.ts","sourceRoot":"","sources":["../src/VirtualScroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,KAAK,SAAS,EAA0E,MAAM,OAAO,CAAA;AAEjI,OAAO,EAAmE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACxH,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAG1D;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC7B,6EAA6E;IAC7E,mBAAmB,EAAE,MAAM,CAAA;IAC3B,2EAA2E;IAC3E,iBAAiB,EAAE,MAAM,CAAA;IACzB,6FAA6F;IAC7F,iBAAiB,EAAE,MAAM,CAAA;IACzB,4FAA4F;IAC5F,eAAe,EAAE,MAAM,CAAA;IACvB,qDAAqD;IACrD,cAAc,EAAE,MAAM,CAAA;IACtB,0DAA0D;IAC1D,WAAW,EAAE,MAAM,CAAA;CACtB,CAAA;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAC9B;;;;OAIG;IACH,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC,KAAK,MAAM,CAAA;IACnE;;;OAGG;IACH,iBAAiB,EAAE,MAAM,MAAM,CAAA;IAC/B,gHAAgH;IAChH,cAAc,EAAE,MAAM,MAAM,CAAA;IAC5B,yCAAyC;IACzC,eAAe,EAAE,MAAM,MAAM,CAAA;IAC7B,8DAA8D;IAC9D,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAC1G,sFAAsF;IACtF,yBAAyB,EAAE,MAAM,MAAM,CAAA;IACvC,6EAA6E;IAC7E,cAAc,EAAE,MAAM,MAAM,CAAA;IAC5B,qEAAqE;IACrE,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,aAAa,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IAChF,kEAAkE;IAClE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;IAClC;;;;OAIG;IACH,eAAe,EAAE,MAAM;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IACjE;;;;;;;;;OASG;IACH,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACxD,CAAA;AAED,MAAM,MAAM,6BAA6B,GAAG;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,8BAA8B,CAAC,EAAE,OAAO,CAAA;IACxC,kBAAkB,CAAC,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAA;IAC1D,sBAAsB,CAAC,EAAE,eAAe,CAAC,wBAAwB,CAAC,CAAA;CACrE,CAAA;AAED,MAAM,MAAM,4BAA4B,GAAG;IACvC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B;;;;;;;OAOG;IACH,iBAAiB,CAAC,EAAE,eAAe,CAAC,mBAAmB,CAAC,CAAA;IACxD,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,cAAc,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAA;IAClD,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;;;;;;;;;;;;;OAeG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAA;CACvC,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI;IAChC,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,CAAA;IAC7B,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,GAAG,CAAA;IACzC;;;;;;;;;;;;;OAaG;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACxC,YAAY,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"VirtualScroll.d.ts","sourceRoot":"","sources":["../src/VirtualScroll.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=require("react/jsx-runtime"),r=require("react"),It=require("tailwind-merge");class w{level;prefix;impl;constructor(e=2,t="[virtualscroll]",s=console){this.level=e,this.prefix=t,this.impl=s}static instance=new w(2,"[virtualscroll]");static setLevel(e){w.instance.setLevel(e)}setLevel(e){this.level=e}static setImplementation(e){w.instance.setImplementation(e)}setImplementation(e){this.impl=e}static setPrefix(e){w.instance.setPrefix(e)}setPrefix(e){this.prefix=e}static isEnabled(e){return w.instance.isEnabled(e)}isEnabled(e){return this.level<=e}static resolveLazy(e){if(typeof e!="function")return e;try{return e()}catch{return e}}formatMessage(e){return typeof e=="string"?[`${this.prefix} ${e}`]:[this.prefix,e]}static debug(e,...t){w.instance.debug(e,...t)}debug(e,...t){this.level<=0&&this.impl.debug(...this.formatMessage(w.resolveLazy(e)),...t.map(w.resolveLazy))}static info(e,...t){w.instance.info(e,...t)}info(e,...t){this.level<=1&&this.impl.info(...this.formatMessage(w.resolveLazy(e)),...t.map(w.resolveLazy))}static warn(e,...t){w.instance.warn(e,...t)}warn(e,...t){this.level<=2&&this.impl.warn(...this.formatMessage(w.resolveLazy(e)),...t.map(w.resolveLazy))}static error(e,...t){w.instance.error(e,...t)}error(e,...t){this.level<=3&&this.impl.error(...this.formatMessage(w.resolveLazy(e)),...t.map(w.resolveLazy))}}const Yt={active:!1,offsetX:0,offsetY:0,distance:0,direction:0,pointerId:null},Dt=6,er=8,tr=({dragState:n,normalizedDistance:e})=>{const t=1+e*.18,s=.16+e*.24,i=.38+e*.28,a=n.active?"80ms ease-out":"220ms ease";return Y.jsxs(Y.Fragment,{children:[Y.jsx("div",{className:"aqvs-tap-scroll-circle-visual-outer",style:{background:"linear-gradient(140deg, rgba(255,255,255,0.62), rgba(72,72,72,0.48))",boxShadow:`0 0 0 1px rgba(255,255,255,0.28), 0 10px 22px rgba(0,0,0,${s})`,transform:`scale(${t})`,transition:`${a}, ${n.active?"80ms":"260ms"} box-shadow ease`}}),Y.jsx("div",{className:"aqvs-tap-scroll-circle-inner",style:{background:"linear-gradient(140deg, rgba(255,255,255,0.72), rgba(28,28,28,0.58))",boxShadow:"inset 0 4px 10px rgba(0,0,0,0.24), inset 0 0 2px rgba(255,255,255,0.55)",opacity:i,transition:n.active?"120ms opacity ease-out":"220ms opacity ease"}})]})},Ut=r.memo(r.forwardRef(({onDragChange:n,className:e,maxVisualDistance:t=160,size:s=40,style:i,opacity:a=1,renderVisual:c},u)=>{const[d,x]=r.useState(Yt),I=r.useRef(null),S=r.useRef(null),E=r.useRef({x:0,y:0}),h=r.useRef(null),N=r.useRef(0),F=r.useCallback(T=>{x(T),n(T)},[n]),U=r.useCallback((T,B,q=!1)=>{const{x:Ye,y:Ne}=E.current,te=T-Ye,re=B-Ne,W=Math.abs(re),Z=W<Dt?0:re<0?-1:1,Te=N.current;let Ve=Z;const $e=Dt+er;Z===0?Te!==0&&W<$e?Ve=Te:(Ve=0,q||(N.current=0)):Z!==Te&&Te!==0&&W<$e?Ve=Te:N.current=Z,F({active:q||W>=Dt,offsetX:te,offsetY:re,distance:W,direction:Ve,pointerId:I.current})},[F]),ie=r.useCallback(T=>{if(T===null)return;const B=h.current;B?.hasPointerCapture(T)&&B.releasePointerCapture(T)},[]),Q=r.useCallback((T=!1)=>{T&&ie(I.current),I.current=null,S.current=null,N.current=0,F(Yt)},[F,ie]),ee=r.useCallback(T=>{if(I.current!==null&&I.current!==T.pointerId){S.current={pointerId:T.pointerId,clientX:T.clientX,clientY:T.clientY},T.preventDefault(),T.stopPropagation();return}T.preventDefault(),T.stopPropagation();const B=h.current??T.currentTarget,{left:q,top:Ye,width:Ne,height:te}=B.getBoundingClientRect();E.current={x:q+Ne/2,y:Ye+te/2},I.current=T.pointerId;try{B.setPointerCapture(T.pointerId)}catch{}U(T.clientX,T.clientY,!0)},[U]),ge=r.useCallback(T=>{if(I.current!==T.pointerId){S.current!==null&&S.current.pointerId===T.pointerId&&(S.current={pointerId:T.pointerId,clientX:T.clientX,clientY:T.clientY});return}T.preventDefault(),U(T.clientX,T.clientY)},[U]),ye=r.useCallback(T=>{if(I.current!==T.pointerId){S.current!==null&&S.current.pointerId===T.pointerId&&(S.current=null);return}T.preventDefault(),T.stopPropagation();const B=S.current;if(S.current=null,B!==null){ie(T.pointerId);const q=h.current;let Ye=!0;if(q!==null&&typeof q.setPointerCapture=="function")try{q.setPointerCapture(B.pointerId)}catch(Ne){(typeof Ne=="object"&&Ne!==null&&"name"in Ne?Ne.name:void 0)==="NotFoundError"&&(Ye=!1)}if(Ye){I.current=B.pointerId,U(B.clientX,B.clientY,!0);return}}Q(!0)},[Q,ie,U]),V=r.useCallback(T=>{T.target===T.currentTarget&&I.current===T.pointerId&&Q(!1)},[Q]);r.useImperativeHandle(u,()=>({reset:()=>{Q(!0)},getElement:()=>h.current}),[Q]);const L=Math.min(Math.max(a,0),1),M=s/64,j=Math.min(d.distance,t)/t,G=d.direction*j*10*M,P=c??tr,ae={dragState:d,normalizedDistance:j,sizeScale:M,size:s,opacity:L},K={...i,width:s,height:s,transform:`translateY(${G}px)`};return K.opacity=L,Y.jsx("div",{ref:h,"data-testid":"virtual-scroll-tap-circle",className:It.twMerge("aqvs-tap-scroll-circle",e),style:K,tabIndex:-1,onPointerDown:ee,onPointerMove:ge,onPointerUp:ye,onPointerCancel:ye,onLostPointerCapture:V,role:"presentation",children:P(ae)})}));Ut.displayName="TapScrollCircle";const J=(n,e,t)=>Math.max(e,Math.min(t,n)),Ft="virtualscroll:tap-scroll-cancel",Bt=20,rr=250,nr=60,sr=20,ir=20,zt={maxDistance:240,minSpeedMultiplier:.2},ar=zt.maxDistance,qt={active:!1,offsetX:0,offsetY:0,distance:0,direction:0,pointerId:null},At=2.2,or=8,lr=120,cr=1/10,Je={enabled:!0,size:40,offsetX:-80,offsetY:0,className:void 0,maxVisualDistance:ar,minSpeedMultiplier:zt.minSpeedMultiplier,opacity:.9,renderVisual:void 0,maxSpeedCurve:void 0},ur=n=>n?{mainSizeKey:"width",crossSizeKey:"height",positionKey:"left",selectDelta:(e,t)=>e,getPointerCoordinate:({clientX:e})=>e,arrowLabels:["Scroll left","Scroll right"],arrowIcons:["◀","▶"],directionClass:"aqvs-scrollbar-horizontal",orientation:"horizontal"}:{mainSizeKey:"height",crossSizeKey:"width",positionKey:"top",selectDelta:(e,t)=>t,getPointerCoordinate:({clientY:e})=>e,arrowLabels:["Scroll up","Scroll down"],arrowIcons:["▲","▼"],directionClass:"aqvs-scrollbar-vertical",orientation:"vertical"},fr=(n,e)=>{const t=n?.maxSpeedMultiplier,s=typeof t=="number"?t:Wt(e);return{enabled:n?.enabled??Je.enabled,size:n?.size??Je.size,offsetX:n?.offsetX??Je.offsetX,offsetY:n?.offsetY??Je.offsetY,className:n?.className??Je.className,maxVisualDistance:n?.maxVisualDistance??Je.maxVisualDistance,maxSpeedMultiplier:s,minSpeedMultiplier:Math.max(n?.minSpeedMultiplier??Je.minSpeedMultiplier,0),opacity:J(n?.opacity??Je.opacity,0,1),renderVisual:n?.renderVisual??Je.renderVisual,maxSpeedCurve:n?.maxSpeedCurve??Je.maxSpeedCurve}},dr=({isDragging:n,isThumbHovered:e,enableThumbDrag:t})=>r.useMemo(()=>t?n?"dragging":e?"hover":"idle":"disabled",[t,n,e]),mr=({canUseArrowButtons:n,enableArrowButtons:e,resetTapScroll:t,scrollByStep:s})=>{const i=r.useRef(null),a=r.useRef(null),c=r.useRef(null),u=r.useCallback(()=>{i.current!==null&&(window.clearInterval(i.current),i.current=null),a.current!==null&&(window.clearTimeout(a.current),a.current=null),c.current!==null&&(window.removeEventListener("pointerup",c.current),window.removeEventListener("pointercancel",c.current),window.removeEventListener("blur",c.current),c.current=null)},[]),d=r.useCallback(()=>{u()},[u]),x=r.useCallback(S=>E=>{if(!n)return;E.cancelable&&E.preventDefault(),E.stopPropagation(),t(),u(),s(S),a.current=window.setTimeout(()=>{i.current=window.setInterval(()=>{s(S)},nr)},rr);const h=()=>u();c.current=h,window.addEventListener("pointerup",h),window.addEventListener("pointercancel",h),window.addEventListener("blur",h)},[n,u,t,s]),I=r.useCallback(S=>E=>{e&&(E.key==="Enter"||E.key===" "||E.key==="Spacebar")&&(E.preventDefault(),s(S))},[e,s]);return r.useEffect(()=>{n||u()},[n,u]),r.useEffect(()=>()=>{u()},[u]),{handleArrowPointerDown:x,handleArrowPointerUp:d,handleArrowKeyDown:I}},pr=700,dt=(n,e)=>typeof n=="number"&&Number.isFinite(n)?n:e,Kt=({distance:n,maxDistance:e,viewportSize:t,minSpeedMultiplier:s,maxSpeedMultiplier:i,hasCustomMaxSpeedMultiplier:a,curve:c})=>{const u=Math.max(dt(n,0),0),d=dt(e,0),x=d>0?Math.min(u,d)/d:1,I=Math.max(dt(t,0),0),S=Math.max(dt(s,0),0),E=Math.max(dt(i,0),0),h=Math.max(I*S,40),N=a?h:1200,F=Math.max(I*E,N),U=c?Math.max(dt(c.exponentialScale,E),0):0,ie=c?Math.min(F,Math.max(I*U,h)):F,Q=Math.max(ie,h);let ee=x**1.1;if(c){const ye=Math.min(Math.max(dt(c.exponentialSteepness,0),0),pr);if(ye===0)ee=x;else{const V=Math.expm1(ye)||1;ee=Math.min(Math.max(Math.expm1(ye*x)/V,0),1)}}const ge=Math.min(Math.max(dt(c?.easedOffset,0),0),1);return h+(Q-h)*(ge+(1-ge)*ee)},Wt=n=>{if(!n||n<=0)return At;const e=Math.max(1,n),t=Math.log10(e),s=At+t*or;return J(s,At,lr)},Gt=({contentSize:n,viewportSize:e,scrollPosition:t,onScroll:s,enableThumbDrag:i=!0,enableTrackClick:a=!0,enableArrowButtons:c=!0,horizontal:u=!1,scrollBarWidth:d=12,className:x,ariaControls:I,tapScrollCircleOptions:S,itemCount:E,renderThumbOverlay:h,visibleStartIndex:N,visibleEndIndex:F})=>{const[U,ie]=r.useState(!1),[Q,ee]=r.useState(!1),[ge,ye]=r.useState(!1),V=r.useRef(null),L=r.useRef({pointerId:null,startThumbPosition:0,startClientX:0,startClientY:0,scale:1,captureTarget:null}),M=r.useRef({pointerId:null,startThumbPosition:0,startClientX:0,startClientY:0,scale:1}),j=r.useRef(t),G=r.useRef(s),P=r.useRef(qt),ae=r.useRef(null),K=r.useRef(null),T=r.useRef(null),B=r.useRef(0),q=r.useRef(0),Ye=r.useMemo(()=>fr(S,E),[E,S]),Ne=r.useMemo(()=>ur(u),[u]),{enabled:te,size:re,offsetX:W,offsetY:Z,className:Te,maxVisualDistance:Ve,maxSpeedMultiplier:$e,minSpeedMultiplier:y,opacity:lt,renderVisual:ne,maxSpeedCurve:C}=Ye,Ee=r.useRef({viewportSize:e,maxScrollPosition:Math.max(n-e,0),scrollBarVisible:n>e,effectiveTapMaxDistance:Math.max(Ve,1),tapCircleMaxSpeedMultiplier:$e,tapCircleMinSpeedMultiplier:y,tapCircleMaxSpeedCurve:C,tapScrollCircleOptions:S,effectiveTrackLength:0,onScroll:s,scrollPosition:t}),{mainSizeKey:_e,crossSizeKey:We,positionKey:qe,selectDelta:g,getPointerCoordinate:_,arrowLabels:pe,arrowIcons:H,directionClass:Se,orientation:oe}=Ne,be=Math.max(Ve,1),Me=e/n,Re=Math.max(e-d*2,0),le=Me*Re,ke=Math.min(Math.max(Bt,le||0),Re||Bt),ce=n-e,se=Math.max(Re-ke,0),De=ce<=0||se<=0?0:J(t/ce*se,0,se),Be=De+ke/2,Ce=n>e||U,Qe=Ce&&c;r.useLayoutEffect(()=>{Ee.current={viewportSize:e,maxScrollPosition:ce,scrollBarVisible:Ce,effectiveTapMaxDistance:be,tapCircleMaxSpeedMultiplier:$e,tapCircleMinSpeedMultiplier:y,tapCircleMaxSpeedCurve:C,tapScrollCircleOptions:S,effectiveTrackLength:se,onScroll:s,scrollPosition:t}}),r.useLayoutEffect(()=>{j.current=t},[t]),r.useLayoutEffect(()=>{G.current=s},[s]),r.useEffect(()=>{i||ee(!1)},[i]);const Ue=dr({isDragging:U,isThumbHovered:Q,enableThumbDrag:i}),we=r.useCallback((o,b)=>{const v=Ee.current,D=b??j.current;if(G.current){const Oe=G.current(o,D);if(typeof Oe=="number"&&Number.isFinite(Oe))return j.current=Oe,Oe}const z=typeof o=="function"?o(D):o,he=Math.max(v.maxScrollPosition,0),Ae=v.scrollBarVisible?J(z,0,he):0;return j.current=Ae,Ae},[]),m=r.useCallback(o=>{const b=Ee.current,v=j.current;if(!b.scrollBarVisible||b.maxScrollPosition<=0){const at=we(0,v),l=at-v;return{nextPosition:at,actualDelta:l,reachedBoundary:!0}}if(o===0)return{nextPosition:v,actualDelta:0,reachedBoundary:!1};const z=we(at=>J(at+o,0,b.maxScrollPosition),v),he=z-v,Ae=o<0&&v+o<=0,Oe=o>0&&v+o>=b.maxScrollPosition,bt=o<0&&(z<=0||Ae&&he===0)||o>0&&(z>=b.maxScrollPosition||Oe&&he===0);return{nextPosition:z,actualDelta:he,reachedBoundary:bt}},[we]),R=r.useCallback((o,b)=>{o.current+=b;const v=Math.max(Ee.current.maxScrollPosition,0);v>0&&(o.current=J(o.current,-v,v));const D=m(o.current);return o.current-=D.actualDelta,D.reachedBoundary&&(o.current=0),D},[m]),ue=r.useCallback(()=>{K.current!==null&&(window.cancelAnimationFrame(K.current),K.current=null),T.current=null,B.current=0,q.current=0},[]),xe=r.useCallback(()=>{P.current={...qt},ye(!1),ae.current?.reset(),ue()},[ue]),ve=r.useCallback(o=>{const b=P.current,v=Ee.current;if(!b.active||b.direction===0){ue();return}if(!v.scrollBarVisible||v.maxScrollPosition<=0){ue();return}const D=T.current??o,z=Math.max((o-D)/1e3,0),he=Math.min(z,cr);if(T.current=o,he<=0){K.current=window.requestAnimationFrame(ve);return}const Ae=Kt({distance:b.distance,maxDistance:v.effectiveTapMaxDistance,viewportSize:v.viewportSize,minSpeedMultiplier:v.tapCircleMinSpeedMultiplier,maxSpeedMultiplier:v.tapCircleMaxSpeedMultiplier,hasCustomMaxSpeedMultiplier:typeof v.tapScrollCircleOptions?.maxSpeedMultiplier=="number",curve:v.tapCircleMaxSpeedCurve});q.current!==b.direction&&(q.current=b.direction,B.current=0);const{reachedBoundary:Oe}=R(B,b.direction*Ae*he);if(Oe){ue();return}K.current=window.requestAnimationFrame(ve)},[R,ue]),et=r.useCallback(()=>{K.current===null&&(T.current=null,B.current=0,K.current=window.requestAnimationFrame(ve))},[ve]);r.useEffect(()=>{const o=P.current;!o.active||o.direction===0||et()},[n,e,et]),r.useEffect(()=>()=>{ue()},[ue]);const Ge=r.useCallback(o=>{P.current=o,ye(o.active),o.active&&o.direction!==0?et():ue()},[et,ue]);r.useEffect(()=>{te||xe()},[xe,te]),r.useEffect(()=>{const o=b=>{const D=b.detail?.paneId;D&&I&&D!==I||xe()};return window.addEventListener(Ft,o),()=>{window.removeEventListener(Ft,o)}},[I,xe]),r.useEffect(()=>{if(!te)return;const o=b=>{if(!P.current.active||P.current.pointerId===b.pointerId)return;const v=b.target;if(!(v instanceof Node)){xe();return}ae.current?.getElement()?.contains(v)||xe()};return document.addEventListener("pointerdown",o,!0),()=>{document.removeEventListener("pointerdown",o,!0)}},[xe,te]);const Ze=o=>{if(!Ce||se<=0||ce<=0)return 0;const b=J(o,0,se);return J(b/se*ce,0,ce)},Xe=r.useCallback(o=>{const{scrollBarVisible:b,effectiveTrackLength:v,maxScrollPosition:D}=Ee.current;if(w.debug("[ScrollBar] calculateScrollPositionFromThumb",()=>({thumbPos:o,trackLen:v,maxScroll:D})),v<=0||D<=0)return null;const z=J(o,0,v);return J(z/v*D,0,D)},[]),tt=r.useCallback(o=>{const b=o.getBoundingClientRect(),v=u?b.width:b.height,D=bt=>{const at=Number.parseFloat(bt);return Number.isFinite(at)?at:0},z=window.getComputedStyle(o),he=D(u?z.width:z.height),Ae=he>0?he+D(u?z.paddingLeft:z.paddingTop)+D(u?z.paddingRight:z.paddingBottom)+D(u?z.borderLeftWidth:z.borderTopWidth)+D(u?z.borderRightWidth:z.borderBottomWidth):0,Oe=Ae>0?Ae:u?o.offsetWidth:o.offsetHeight;return Oe<=0||v<=0?1:v/Oe},[u]),ct=r.useCallback(o=>{const b=L.current;if(b.pointerId!==o.pointerId)return;const v=o.clientX-b.startClientX,D=o.clientY-b.startClientY,z=g(v,D)/(b.scale||1);w.debug("[ScrollBar] handleThumbPointerMove",()=>({delta:z,startThumbPosition:b.startThumbPosition,clientY:o.clientY,startClientY:b.startClientY,metrics:Ee.current}));const he=Xe(b.startThumbPosition+z);he!==null&&we(he),o.cancelable&&o.preventDefault()},[g,Xe,we]),Ke=r.useCallback(o=>{const b=L.current;if(b.pointerId!==o.pointerId)return;document.removeEventListener("pointermove",ct),document.removeEventListener("pointerup",Ke),document.removeEventListener("pointercancel",Ke);const v=b.captureTarget;if(v?.hasPointerCapture?.(o.pointerId)&&v.releasePointerCapture(o.pointerId),L.current={pointerId:null,startThumbPosition:0,startClientX:0,startClientY:0,scale:1,captureTarget:null},ie(!1),V.current){const D=V.current.getBoundingClientRect();o.clientX>=D.left&&o.clientX<=D.right&&o.clientY>=D.top&&o.clientY<=D.bottom||ee(!1)}else ee(!1)},[ct]);r.useEffect(()=>()=>{document.removeEventListener("pointermove",ct),document.removeEventListener("pointerup",Ke),document.removeEventListener("pointercancel",Ke)},[ct,Ke]);const Tt=r.useRef(0),fe=r.useRef(0),ut=r.useCallback(o=>{const b=Math.max(Math.round(Ee.current.viewportSize/ir),sr);fe.current!==o&&(fe.current=o,Tt.current=0),R(Tt,o*b)},[R]),{handleArrowPointerDown:vt,handleArrowPointerUp:gt,handleArrowKeyDown:He}=mr({canUseArrowButtons:Qe,enableArrowButtons:c,resetTapScroll:xe,scrollByStep:ut}),Pt=o=>{if(!Ce)return;if(!i){o.preventDefault(),o.stopPropagation();return}if(o.pointerType==="mouse"&&o.button!==0||o.ctrlKey)return;xe();const b=o.currentTarget,v=tt(b);let D=null;if(b.setPointerCapture)try{b.setPointerCapture(o.pointerId),D=b}catch{D=null}L.current={pointerId:o.pointerId,startThumbPosition:De,startClientX:o.clientX,startClientY:o.clientY,scale:v,captureTarget:D},document.addEventListener("pointermove",ct),document.addEventListener("pointerup",Ke),document.addEventListener("pointercancel",Ke),ie(!0),ee(!0),o.preventDefault(),o.stopPropagation()},yt=o=>{if(!Ce)return;if(!a){o.preventDefault(),o.stopPropagation();return}if(o.pointerType==="mouse"&&o.button!==0||o.ctrlKey)return;const b=o.currentTarget,v=b.getBoundingClientRect(),D=_(o),z=tt(b),he=(D-(u?v.left:v.top))/z;xe();const Ae=he-ke/2,Oe=Ze(Ae);if(we(Oe),b.setPointerCapture)try{b.setPointerCapture(o.pointerId)}catch{}M.current={pointerId:o.pointerId,startThumbPosition:Ae,startClientX:o.clientX,startClientY:o.clientY,scale:z},o.preventDefault(),o.stopPropagation()},mt=()=>{M.current={pointerId:null,startThumbPosition:0,startClientX:0,startClientY:0,scale:1}},Ct=o=>{const b=M.current;if(b.pointerId!==o.pointerId)return;if(o.pointerType==="mouse"&&o.buttons===0){mt();return}const v=o.clientX-b.startClientX,D=o.clientY-b.startClientY,z=g(v,D)/(b.scale||1),he=Ze(b.startThumbPosition+z);we(he),o.cancelable&&o.preventDefault()},kt=o=>{if(M.current.pointerId!==o.pointerId)return;const b=o.currentTarget;b.hasPointerCapture?.(o.pointerId)&&b.releasePointerCapture(o.pointerId),mt(),o.preventDefault(),o.stopPropagation()},rt=o=>{if(M.current.pointerId!==o.pointerId)return;const b=o.currentTarget;b.hasPointerCapture?.(o.pointerId)&&b.releasePointerCapture(o.pointerId),mt()},ft=o=>{o.target===o.currentTarget&&M.current.pointerId===o.pointerId&&mt()},nt=r.useMemo(()=>J((ge?1:.8)*lt,0,1),[ge,lt]),st=r.useMemo(()=>{const b=`calc(50% - ${re/2}px + ${Z}px)`;return{left:W,top:b}},[W,Z,re]),it=(o,b,v,D)=>Y.jsx("button",{type:"button",tabIndex:0,className:"aqvs-scrollbar-arrow-button",style:{[_e]:d,[We]:d},"aria-label":b,onPointerDown:vt(o),onPointerUp:gt,onPointerLeave:gt,onPointerCancel:gt,onKeyDown:He(o),"aria-disabled":!c,disabled:!Qe,children:Y.jsx("span",{"aria-hidden":"true",children:v})},D),pt=h&&Ce?{orientation:oe,scrollPosition:t,maxScrollPosition:ce,contentSize:n,viewportSize:e,thumbSize:ke,thumbPosition:De,thumbCenter:Be,trackSize:Re,isDragging:U,isTapScrollActive:ge,visibleStartIndex:N,visibleEndIndex:F}:null;return Y.jsxs("div",{className:It.twMerge("aqvs-scrollbar",Se,x),style:{[_e]:e,[We]:d},"data-visible":Ce?"true":"false",role:"scrollbar",tabIndex:-1,"aria-controls":I,"aria-valuenow":t,"aria-valuemin":0,"aria-valuemax":ce,"aria-orientation":u?"horizontal":"vertical",children:[!u&&Ce&&te&&Y.jsx(Ut,{ref:ae,className:It.twMerge("aqvs-scrollbar-tap-circle-wrapper",Te),size:re,maxVisualDistance:be,style:st,opacity:nt,renderVisual:ne,onDragChange:Ge},"tap-circle"),it(-1,pe[0],H[0],"arrow-start"),Y.jsxs("div",{className:"aqvs-scrollbar-track",style:{borderRadius:d/2},onPointerDown:yt,onPointerMove:Ct,onPointerUp:kt,onPointerCancel:rt,onLostPointerCapture:ft,"aria-disabled":!a,children:[pt&&Y.jsx("div",{className:"aqvs-scrollbar-overlay","aria-hidden":!0,children:h?.(pt)},"overlay"),Y.jsx("div",{className:"aqvs-scrollbar-thumb-wrapper",style:{[_e]:ke,[qe]:De,...u?{top:0,bottom:0}:{left:0,right:0}},"data-visible":Ce||U?"true":"false",onPointerDown:Pt,role:"slider","aria-orientation":u?"horizontal":"vertical","aria-valuenow":t,"aria-valuemin":0,"aria-valuemax":ce,"aria-disabled":!i,tabIndex:-1,children:Y.jsx("div",{ref:V,className:It.twMerge("aqvs-scrollbar-thumb",u?"aqvs-scrollbar-thumb-horizontal":"aqvs-scrollbar-thumb-vertical"),"data-testid":"aqvs-scrollbar-thumb","data-thumb-state":Ue,style:{borderRadius:d-1,cursor:i?"pointer":"default"},onMouseEnter:()=>{i&&ee(!0)},onMouseLeave:()=>{i&&ee(!1)}},"thumb")},"thumb-wrapper")]},"track"),it(1,pe[1],H[1],"arrow-end")]})},hr=["mouse","pen","touch"],Lt=(n,e)=>!(n==="mouse"||n==="pen"||n==="touch")||e.includes(n),gr=n=>n==="mouse"||n==="pen",Mt={maxVelocity:6,minVelocity:.02,deceleration:.0025,velocitySampleWindow:90,startVelocityThreshold:.04},wt=(n,e,t)=>{for(const[s,i,a]of e)t==="add"?n.addEventListener(s,i,a):n.removeEventListener(s,i,a)},Zt=r.forwardRef(({children:n,contentSize:e,viewportSize:t,scrollBarWidth:s=12,enableThumbDrag:i=!0,enableTrackClick:a=!0,enableArrowButtons:c=!0,enablePointerDrag:u=!0,pointerDragInputs:d=hr,onScroll:x,className:I,testId:S,style:E,background:h,tapScrollCircleOptions:N,inertiaOptions:F,itemCount:U,renderThumbOverlay:ie,wheelSpeedMultiplier:Q=1,onWheelHorizontal:ee,contentInsets:ge,visibleStartIndex:ye,visibleEndIndex:V,renderOverlay:L,initialScrollPosition:M=0,contentProps:j},G)=>{const P=r.useRef(Number.isFinite(M)?Math.max(0,M):0),ae=r.useRef(null),K=r.useRef(null),T=r.useRef(ee);r.useEffect(()=>{T.current=ee},[ee]);const B=r.useRef({frame:null,velocity:0,lastTimestamp:null,generation:0}),q=r.useMemo(()=>({maxVelocity:F?.maxVelocity??Mt.maxVelocity,minVelocity:F?.minVelocity??Mt.minVelocity,deceleration:F?.deceleration??Mt.deceleration,velocitySampleWindow:F?.velocitySampleWindow??Mt.velocitySampleWindow,startVelocityThreshold:F?.startVelocityThreshold??Mt.startVelocityThreshold}),[F]),Ye=r.useMemo(()=>({top:Math.max(0,ge?.top??0),bottom:Math.max(0,ge?.bottom??0)}),[ge]);w.debug("[ScrollPane] ScrollPane rendered",()=>({contentSize:e,viewportSize:t,scrollBarWidth:s,className:I,style:E,tapScrollCircleOptions:N,inertiaOptions:F,enablePointerDrag:u,contentInsets:Ye}));const Ne=r.useRef({contentSize:e,viewportSize:t});Ne.current={contentSize:e,viewportSize:t};const te=r.useMemo(()=>e>t,[e,t]),re=r.useCallback(g=>{const{contentSize:_,viewportSize:pe}=Ne.current,H=_>pe,Se=P.current;if(w.debug("[ScrollPane] scrollTo called",()=>({newPosition:g,contentSize:_,viewportSize:pe,currentIsScrollable:H,prevPosition:Se})),!H)return P.current!==0&&(P.current=0,x?.(0,Se)),P.current;const oe=typeof g=="function"?g(P.current):g;if(!Number.isFinite(oe))return w.warn("[ScrollPane] scrollTo received a non-finite position; keeping the current position",{nextPosition:oe}),P.current;const be=Math.max(_-pe,0),Me=J(oe,0,be);return P.current!==Me&&(P.current=Me,x?.(Me,Se)),P.current},[x]),W=r.useRef(re);r.useEffect(()=>{W.current=re},[re]);const Z=r.useCallback(()=>{const g=B.current;g.generation+=1,g.frame!==null&&cancelAnimationFrame(g.frame),g.frame=null,g.velocity=0,g.lastTimestamp=null},[]),Te=r.useRef(Z);r.useEffect(()=>{Te.current=Z},[Z]),r.useEffect(()=>()=>{Te.current()},[]);const Ve=r.useCallback(g=>{if(!te)return;const{maxVelocity:_,minVelocity:pe,deceleration:H,startVelocityThreshold:Se}=q,oe=J(g,-_,_);if(Math.abs(oe)<Se)return;Z(),B.current.velocity=oe,B.current.lastTimestamp=null;const be=B.current.generation,Me=Re=>{const le=B.current;if(le.generation!==be)return;if(le.lastTimestamp===null){le.lastTimestamp=Re,le.frame=requestAnimationFrame(Me);return}const ke=Re-le.lastTimestamp;if(le.lastTimestamp=Re,ke<=0){le.frame=requestAnimationFrame(Me);return}const ce=le.velocity;let se=ce;const De=H*ke;ce>0?se=Math.max(0,ce-De):ce<0&&(se=Math.min(0,ce+De));const Ce=(ce+se)/2*ke,Qe=P.current;if(Ce!==0&&W.current(xe=>xe+Ce),B.current.generation!==be)return;const Ue=P.current,{contentSize:we,viewportSize:m}=Ne.current,R=Math.max(we-m,0);le.velocity=se;const ue=Ue===Qe||Ue<=0&&se<=0||Ue>=R&&se>=0;if(Math.abs(se)<pe||ue){Z();return}le.frame=requestAnimationFrame(Me)};B.current.frame=requestAnimationFrame(Me)},[te,q,Z]),$e=r.useRef(Ve);r.useEffect(()=>{$e.current=Ve},[Ve]),r.useLayoutEffect(()=>{Ne.current={contentSize:e,viewportSize:t}},[e,t]),r.useLayoutEffect(()=>{const g=K.current;if(!g)return;const _=()=>{g.scrollTop!==0&&(w.debug("[ScrollPane] Native scroll detected, resetting to 0",()=>({scrollTop:g.scrollTop})),g.scrollTop=0),g.scrollLeft!==0&&(g.scrollLeft=0)};return g.addEventListener("scroll",_),()=>g.removeEventListener("scroll",_)},[]),r.useLayoutEffect(()=>{if(te){w.debug("[ScrollPane] Adjusting scroll position due to content or viewport size change",()=>({contentSize:e,viewportSize:t,scrollPosition:P.current}));const g=J(e-t,0,e);P.current>g&&re(g)}else re(0)},[te,re,e,t]),r.useEffect(()=>{const g=H=>{if(H.ctrlKey)return;const Se=H.shiftKey&&H.deltaX===0,oe=Se?H.deltaY:H.deltaX,be=Se?0:H.deltaY;if(oe!==0&&Math.abs(oe)>=Math.abs(be)){if(T.current){H.preventDefault(),Z();let le=oe;H.deltaMode===1?le*=16:H.deltaMode===2&&(le*=t),T.current(le)}return}if(!te||H.deltaY===0)return;H.preventDefault(),Z();let Re=H.deltaY;H.deltaMode===1?Re*=16:H.deltaMode===2&&(Re*=t),Q!==1&&(Re*=Q),w.debug("[ScrollPane] wheel event",()=>({deltaY:Re,scrollPosition:P.current,wheelSpeedMultiplier:Q,deltaMode:H.deltaMode,scrollTop:K.current?.scrollTop})),re(le=>le+Re)},_=()=>{Z()},pe=ae.current;return pe&&(pe.addEventListener("wheel",g,{passive:!1}),pe.addEventListener("pointerdown",_,{capture:!0,passive:!0})),()=>{pe&&(pe.removeEventListener("wheel",g),pe.removeEventListener("pointerdown",_,{capture:!0}))}},[te,re,Z,t,Q]),r.useImperativeHandle(G,()=>({scrollTo:g=>(Z(),re(g)),getScrollPosition:()=>P.current,getContentSize:()=>e,getViewportSize:()=>t}),[re,e,t,Z]);const y=r.useId(),lt=j?.id??y,ne=r.useRef({pointerType:"",pointerId:null,startClientY:0,startScroll:0,isDragging:!1,shouldCancelNextClick:!1,clickResetTimer:null,velocitySamples:[]}),C=r.useRef(u),Ee=r.useRef(d);r.useEffect(()=>{C.current=u},[u]),r.useEffect(()=>{Ee.current=d},[d]);const _e=r.useRef(te);r.useEffect(()=>{_e.current=te},[te]);const We=r.useRef(q);r.useEffect(()=>{We.current=q},[q]),r.useEffect(()=>{const g=ne.current;if(u&&te&&(g.pointerId===null||Lt(g.pointerType,d))||g.pointerId===null)return;const _=K.current;g.clickResetTimer!==null&&(window.clearTimeout(g.clickResetTimer),g.clickResetTimer=null);const pe=g.isDragging&&g.shouldCancelNextClick,H=g.pointerId;g.pointerId=null,g.pointerType="",g.startClientY=0,g.startScroll=0,g.isDragging=!1,g.shouldCancelNextClick=pe,g.velocitySamples=[],_?.hasPointerCapture(H)&&_.releasePointerCapture(H)},[u,d,te]),r.useEffect(()=>{const g=K.current;if(!g)return;const _=6,pe=()=>typeof performance<"u"&&typeof performance.now=="function"?performance.now():Date.now(),H=()=>{const m=ne.current;m.pointerId=null,m.pointerType="",m.startClientY=0,m.startScroll=0,m.isDragging=!1,m.velocitySamples=[]},Se=()=>{const m=ne.current;m.clickResetTimer!==null&&(window.clearTimeout(m.clickResetTimer),m.clickResetTimer=null)},oe=m=>{const R=ne.current,ue=pe();R.velocitySamples.push({clientY:m,time:ue});const xe=We.current.velocitySampleWindow;R.velocitySamples=R.velocitySamples.filter(ve=>ue-ve.time<=xe)},be=m=>m instanceof HTMLElement&&m.closest("[data-scrollpane-ignore-drag='true']")!==null,Me=m=>{const R=ne.current;R.shouldCancelNextClick&&(m.preventDefault(),m.stopPropagation(),R.shouldCancelNextClick=!1)},Re=m=>{const R=ne.current;if(!R.isDragging){if(R.isDragging=!0,R.shouldCancelNextClick=!0,!g.hasPointerCapture(m.pointerId))try{g.setPointerCapture(m.pointerId)}catch{}oe(m.clientY)}},le=m=>m.isTrusted||m.target===g,ke=m=>{const R=ne.current;g.hasPointerCapture(m)&&g.releasePointerCapture(m),R.shouldCancelNextClick=!1,Se(),H()},ce=m=>{const R=ne.current;if(R.pointerId!==m.pointerId)return;if(m.buttons===0&&gr(m.pointerType)){ke(m.pointerId);return}if(!(C.current&&_e.current)||!Lt(m.pointerType,Ee.current)||!R.isDragging&&(Math.abs(m.clientY-R.startClientY)<_||(Re(m),!R.isDragging)))return;oe(m.clientY);const ue=m.clientY-R.startClientY,xe=R.startScroll-ue;W.current(xe),m.cancelable&&m.preventDefault()},se=()=>{const m=ne.current;return m.pointerId!==null||!m.shouldCancelNextClick?!1:(Se(),m.clickResetTimer=window.setTimeout(()=>{const R=ne.current;R.shouldCancelNextClick=!1,R.clickResetTimer=null},0),!0)},De=m=>{const R=ne.current;if(R.pointerId!==m.pointerId){se();return}R.isDragging&&R.shouldCancelNextClick&&m.cancelable&&(m.preventDefault(),m.stopPropagation()),R.isDragging&&oe(m.clientY);let ue=0;if(R.isDragging&&R.velocitySamples.length>=2){const ve=R.velocitySamples,et=We.current.velocitySampleWindow,Ge=ve[ve.length-1],Ze=ve.find(Xe=>Ge.time-Xe.time<=et)??ve[0];if(Ge&&Ze&&Ge.time!==Ze.time){const Xe=Ge.clientY-Ze.clientY,tt=Ge.time-Ze.time;ue=-(Xe/tt)}}Se(),R.shouldCancelNextClick&&(R.clickResetTimer=window.setTimeout(()=>{const ve=ne.current;ve.shouldCancelNextClick=!1,ve.clickResetTimer=null},0));const xe=We.current.startVelocityThreshold;H(),g.hasPointerCapture(m.pointerId)&&g.releasePointerCapture(m.pointerId),Math.abs(ue)>=xe&&$e.current?.(ue)},Be=m=>{if(ne.current.pointerId!==null){if(!m.isPrimary||m.pointerType!==ne.current.pointerType)return;ke(ne.current.pointerId)}if(ne.current.shouldCancelNextClick&&(Se(),ne.current.shouldCancelNextClick=!1),!(C.current&&_e.current)||!Lt(m.pointerType,Ee.current)||m.button!==0&&m.pointerType==="mouse"||m.ctrlKey||m.metaKey||m.altKey||be(m.target))return;window.dispatchEvent(new CustomEvent(Ft,{detail:{paneId:y}})),Te.current?.();const R=ne.current;Se(),R.pointerId=m.pointerId,R.pointerType=m.pointerType,R.startClientY=m.clientY,R.startScroll=P.current,R.isDragging=!1,R.shouldCancelNextClick=!1,R.velocitySamples=[]},Ce=m=>{if(ne.current.pointerId!==m.pointerId){se();return}le(m)&&ke(m.pointerId)},Ue=[["click",Me,!0],["pointerdown",Be,{passive:!1}],["lostpointercapture",m=>{m.target!==g||ne.current.pointerId!==m.pointerId||ke(m.pointerId)},void 0]],we=[["pointermove",ce,{passive:!1}],["pointerup",De,void 0],["pointercancel",Ce,void 0]];return wt(g,Ue,"add"),wt(window,we,"add"),()=>{wt(g,Ue,"remove"),wt(window,we,"remove");const m=ne.current;m.pointerId!==null&&g.hasPointerCapture(m.pointerId)&&g.releasePointerCapture(m.pointerId),Se(),H()}},[y]);const qe=r.useCallback(g=>(Z(),re(g)),[re,Z]);return Y.jsxs("div",{ref:ae,"data-testid":S,className:It.twMerge("aqvs-scroll-pane",I),style:E,children:[Y.jsxs("div",{ref:K,className:It.twMerge("aqvs-scroll-pane-content"),"data-testid":"aqvs-scroll-pane-content",style:{height:t,paddingTop:Ye.top,paddingBottom:Ye.bottom,...u&&te&&d.some(g=>g==="touch"||g==="pen")?{touchAction:"none"}:{}},...j,id:lt,children:[h,n(P.current)]}),Y.jsx(Gt,{contentSize:e,viewportSize:t,scrollPosition:P.current,onScroll:qe,enableThumbDrag:i,enableTrackClick:a,enableArrowButtons:c,scrollBarWidth:s,ariaControls:lt,tapScrollCircleOptions:N,itemCount:U,renderThumbOverlay:ie,visibleStartIndex:ye,visibleEndIndex:V},"scrollbar"),L?.()]})}),Ht=(n,e,t)=>Math.min(Math.max(n,e),t),br=({dragState:n,normalizedDistance:e,sizeScale:t,size:s})=>{const i=Math.max(s/2,1),a=1+e*.65,c=Math.max(.65,1-e*.25),u=n.direction*e*26*t,d=.8+e*.18,x=3*t,I=6*t,S=22*t,E=Math.abs(u)+I,h=u>0?x:-Math.abs(u)-x,N=Math.max(2.5,3*t),F=Ht(n.offsetX,-i,i),U=Ht(n.offsetY,-i,i),ie=i*.35,Q=F/i*ie,ee=U/i*ie,ge=Q*.45,ye=ee*.45,V=Math.max(S*.38,6),L=.65+e*.2,M=n.active;return Y.jsxs(Y.Fragment,{children:[Y.jsx("div",{className:"aqvs-tap-scroll-circle-gradient",style:{transform:`scale(${c}, ${a})`,transition:M?"40ms transform ease-out":"200ms ease transform"}}),Y.jsx("div",{className:"aqvs-sample-visual-pupil",style:{width:S,height:S,transform:`translate(calc(-50% + ${Q}px), calc(-50% + ${ee}px)) scale(${c}, ${d*a})`,transition:M?"70ms transform ease-out":"200ms ease transform"}}),Y.jsx("div",{className:"aqvs-sample-visual-highlight",style:{width:V,height:V,transform:`translate(calc(-50% + ${ge}px), calc(-50% + ${ye}px)) scale(${c}, ${a})`,opacity:L,boxShadow:"0 0 8px rgba(255,255,255,0.45)",transition:M?"120ms opacity 150ms, 120ms transform ease-out ease-out":"220ms ease transform, 240ms opacity ease"}}),Y.jsx("div",{className:"aqvs-sample-visual-rod",style:{width:N,height:E,transform:`translate(-50%, ${h}px)`,opacity:e,transition:M?"40ms height, 60ms opacity ease-out ease-out":"200ms ease height, 120ms ease opacity"}})]})},Et=100,xr=n=>{if(!Number.isFinite(n))return 0n;const e=Math.trunc(n);return e<=0?0n:BigInt(e)},_t=(n,e)=>{if(!Number.isFinite(n))throw new Error(`valueFn returned a non-finite value at index ${e}: ${n}`);return n},xt=n=>{if(n<=0||!Number.isFinite(n))return 0;const e=Math.trunc(n);if(e<=2147483647)return e&-e;const t=BigInt(e)&-BigInt(e);return Number(t)};class ot{tree;deltas;size;baseValue;valueFn;total;constructor(e,t,s){this.reset(e,t,s)}reset(e,t,s){const i=Number.isFinite(e)&&e>0?Math.trunc(e):0;if(typeof t!="function"){this.size=i,this.tree=new Map,this.deltas=new Map,this.valueFn=void 0,this.baseValue=t,this.total=this.baseValue*this.size;return}let a=0,c;if(i>0){const u=s?.sampleRange??{from:0,to:Math.min(Et-1,i-1)};let d=Math.max(0,Math.trunc(u.from)),x=Math.min(Math.trunc(u.to),i-1);if(d>x&&(d=0,x=Math.min(Et-1,i-1)),i>Et)a=ot._sampleBaseValueStrided(t,i,Et),s?.materialize&&(c={from:d,values:ot._collectValidatedValues(t,d,x)});else{const I=ot._collectValidatedValues(t,d,x);a=ot._modeOrMedian([...I]),s?.materialize&&(c={from:d,values:I})}}if(this.size=i,this.tree=new Map,this.deltas=new Map,this.total=void 0,this.valueFn=t,this.baseValue=a,c)for(let u=0;u<c.values.length;u++){const d=c.from+u;if(d>=this.size)break;const x=c.values[u]-this.baseValue;x!==0&&(this.deltas.set(d,x),this._updateTree(d,x))}this.total=this.getTotal()}setValueFn(e,t){if(t?.reset){this.reset(this.size,e);return}typeof e=="function"?this.valueFn=e:(this.valueFn=void 0,this.baseValue=e,this.total=this._computeTreeTotal())}static _collectValidatedValues(e,t,s){const i=[];for(let a=t;a<=s;a++)i.push(_t(e(a),a));return i}static _modeOrMedian(e){if(e.length===0)return 0;e.sort((c,u)=>c-u);const t=Math.floor(e.length/2);let s;e.length%2===0?s=Math.floor((e[t-1]+e[t])/2):s=e[t];const i=new Map;let a=0;for(const c of e){const u=(i.get(c)??0)+1;i.set(c,u),u>a&&(a=u)}if(a>e.length*.2){const c=[];for(const[d,x]of i.entries())x===a&&c.push(d);const u=c.reduce((d,x)=>d+x,0);s=Math.floor(u/c.length)}return s}static _sampleBaseValueStrided(e,t,s){if(t<=0)return 0;let i=Math.max(1,Math.ceil(t/s));i%2===0&&(i+=1);const a=[];for(let c=0;c<t&&a.length<s;c+=i)a.push(_t(e(c),c));return ot._modeOrMedian(a)}update(e,t){return this.updates([{index:e,value:t}])}updates(e){const t=this._buildDeltaUpdates(e);return t.length>0?this.updateDeltas(t):this.total}updateDelta(e,t){return this.updateDeltas([{index:e,change:t}])}updateDeltas(e){const t=new Map;for(const{index:s,change:i}of e){if(s<0||s>=this.size)throw new Error(`Index ${s} out of bounds`);if(!Number.isInteger(s))throw new Error(`Index must be an integer: ${s}`);if(!Number.isFinite(i))throw new Error(`Change must be a finite number: ${i}`);const c=(t.get(s)??this.deltas.get(s)??0)+i;if(c+this.baseValue<-1e-9)throw new Error(`Change would make the value at index ${s} negative: ${c+this.baseValue}`);t.set(s,c)}for(const{index:s,change:i}of e){const c=(this.deltas.get(s)??0)+i;c===0?this.deltas.delete(s):this.deltas.set(s,c),this._updateTree(s,i)}return this.total}_updateTree(e,t){if(t===0)return;let s=e+1;for(;s<=this.size;){this.tree.set(s,(this.tree.get(s)??0)+t);const i=xt(s);if(i===0)break;s+=i}this.total!==void 0&&(this.total+=t)}_buildDeltaUpdates(e){const t=[],s=new Map;for(const{index:i,value:a}of e){if(i<0||i>=this.size)throw new Error(`Index ${i} out of bounds`);if(!Number.isInteger(i))throw new Error(`Index must be an integer: ${i}`);if(!Number.isFinite(a))throw new Error(`Value must be a finite number: ${a}`);if(a<0)throw new Error("Value cannot be negative.");const c=s.has(i)?s.get(i)??0:this.deltas.get(i)??0,u=c+this.baseValue,d=a-u;d!==0&&t.push({index:i,change:d}),s.set(i,c+d)}return t}_computeTreeTotal(){if(this.size<=0)return 0;let e=0,t=this.size;for(;t>0;){e+=this.tree.get(t)??0;const s=xt(t);if(s===0)break;t-=s}return e+this.baseValue*this.size}_materialize(e,t=!0){if(this.valueFn){const s=this.deltas.get(e)??0,a=_t(this.valueFn(e),e)-this.baseValue;if(a!==s&&(a===0?this.deltas.delete(e):this.deltas.set(e,a),t)){const c=a-s;this._updateTree(e,c)}}}_materializeRanges(e,t,s=!1){if(!(e?.materialize&&this.valueFn))return;const i=e.ranges;if(i&&i.length>0){for(const u of i){const d=Math.max(0,Math.trunc(u.from)),x=Math.min(Math.trunc(u.to),this.size-1);for(let I=d;I<=x;I++)this._materialize(I)}if(t===void 0)return;if(s){this._materialize(t);return}const a=i[0].from,c=i[i.length-1].to;t>=a&&t<=c&&this._materialize(t);return}t!==void 0&&this._materialize(t)}_findIndex(e,t={},s){if(this.size>=1073741824)return this._findIndexLarge(e,t,s);if(this.size===0)return{index:-1,total:this.total??0,cumulative:void 0,currentValue:void 0,safeIndex:void 0};this._materializeRanges(t.materializeOption);const i=t.materializeOption?.materialize===!0;let a;for(;;){if(a=this._descend(e,s),a<0||a>=this.size)return{index:-1,total:this.total??this.getTotal(),cumulative:void 0,currentValue:void 0,safeIndex:void 0};if(!i)break;const u=this.deltas.get(a)??0;if(this._materialize(a),(this.deltas.get(a)??0)===u)break}const c=this.prefixSum(a);return{index:a,total:this.total??c.total,cumulative:c.cumulative,currentValue:c.currentValue,safeIndex:c.safeIndex}}_descend(e,t){let s=0,i=0,a=1;for(;a<<1<=this.size;)a<<=1;for(;a>0;a>>=1){const c=s+a;if(c<=this.size){const d=(this.tree.get(c)??0)+this.baseValue*a;(t?i+d<e:i+d<=e)&&(s=c,i+=d)}}return t?s:s-1}_findIndexLarge(e,t,s){if(this.size===0)return{index:-1,total:this.total??0,cumulative:void 0,currentValue:void 0,safeIndex:void 0};const i=xr(this.size);if(i===0n)return{index:-1,total:this.total??0,cumulative:void 0,currentValue:void 0,safeIndex:void 0};this._materializeRanges(t.materializeOption);const a=t.materializeOption?.materialize===!0;for(;;){let c=0n,u=i-1n,d,x,I=this.total;for(;c<=u;){const h=c+u>>1n,N=Number(h),F=this.prefixSum(N);if(I=F.total,s?F.cumulative>=e:F.cumulative<=e)if(d=h,x=F,s){if(h===0n)break;u=h-1n}else c=h+1n;else if(s)c=h+1n;else{if(h===0n)break;u=h-1n}}const S=x,E=d!==void 0?Number(d):-1;if(a&&E>=0){const h=this.deltas.get(E)??0;if(this._materialize(E),(this.deltas.get(E)??0)!==h)continue}return{index:E,total:I,cumulative:S?.cumulative,currentValue:S?.currentValue,safeIndex:S?.safeIndex}}}prefixSum(e,t){if(e<0||Number.isNaN(e))return{cumulative:0,total:this.total,currentValue:0,safeIndex:0};if(this.size===0)return{cumulative:0,total:this.total??0,currentValue:0,safeIndex:0};const s=J(Math.trunc(e),0,this.size-1),i=t?.materializeOption;this._materializeRanges(i,s,!0);let a=0,c=s+1;for(;c>0;){const d=this.tree.get(c)??0;a+=d;const x=xt(c);if(x===0)break;c-=x}const u=i?.materialize?this.get(s):(this.deltas.get(s)||0)+this.baseValue;return{cumulative:a+this.baseValue*(s+1),total:this.total,currentValue:u,safeIndex:s}}get(e,t){if(this.size===0)return 0;if(!Number.isInteger(e)||e<0||e>=this.size)throw new Error("Index out of bounds");const s=t?.materializeOption;return this._materializeRanges(s,e),(this.deltas.get(e)??0)+this.baseValue}getTotal(e){const t=e?.materializeOption;if(this._materializeRanges(t),this.total===void 0)if(this.size===0)this.total=0;else{this.total=this._computeTreeTotal();const s=this.prefixSum(this.getSize()-1);s.cumulative!==s.total&&w.error("Inconsistent Fenwick Tree state")}return this.total}rebuildTree(e){if(e?.materialize&&this.valueFn){const s=this.valueFn;this.reset(this.size,i=>s(i),{materialize:!0});return}const t=new Map;for(const[s,i]of this.deltas.entries()){if(i===0)continue;let a=s+1;for(;a<=this.size;){t.set(a,(t.get(a)??0)+i);const c=xt(a);if(c===0)break;a+=c}}this.tree=t,this.total=this._computeTreeTotal()}calculateAccumulatedError(){if(this.total===void 0)return 0;let e=this.baseValue*this.size;for(const[t,s]of this.deltas)t<this.size&&(e+=s);return this.total-e}changeSize(e){if(!Number.isFinite(e))throw new Error(`Size must be a finite number: ${e}`);const t=Math.max(0,Math.trunc(e)),s=this.size;if(t===s)return;if(t>s)if(s===0&&this.deltas.size>0){for(const a of this.deltas.keys())a>=t&&this.deltas.delete(a);this.size=t,this.rebuildTree()}else this._growSize(s,t);else{if(t>0)for(const a of this.deltas.keys())a>=t&&this.deltas.delete(a);this.size=t,this.rebuildTree()}const i=this.prefixSum(this.getSize()-1);i.cumulative!==i.total&&w.error("Inconsistent Fenwick Tree state")}static _minCoveredLowBound(e,t){let s=1;for(;;){const i=s*2;if(Math.floor(t/i)*i<=e)break;s=i}return s*Math.floor(e/s)}_propagateDeltaToGrownNodes(e,t,s,i){let a=e+1;for(;a<=s;){const c=xt(a);if(c===0)break;a+=c}for(;a<=i;){this.tree.set(a,(this.tree.get(a)??0)+t);const c=xt(a);if(c===0)break;a+=c}}_growSize(e,t){if(this.size=t,this.deltas.size>0){const s=ot._minCoveredLowBound(e,t);if(e-s<this.deltas.size)for(let a=s;a<e;a++){const c=this.deltas.get(a);c===void 0||c===0||this._propagateDeltaToGrownNodes(a,c,e,t)}else for(const[a,c]of this.deltas.entries())c===0||a<s||this._propagateDeltaToGrownNodes(a,c,e,t)}this.total=this._computeTreeTotal()}getSize(){return this.size}get base(){return this.baseValue}findIndexAtOrAfter(e,t){return this._findIndex(e,t??{},!0)}findIndexAtOrBefore(e,t){return this._findIndex(e,t??{},!1)}}const Ir=(n,e)=>{const t=n?.sampleRange,s=e?.sampleRange;return t===s?!1:t&&s?t.from!==s.from||t.to!==s.to:!0},Jt=(n,e,t)=>{const s=Number.isFinite(n)&&n>0?Math.trunc(n):0,i=r.useRef(null),a=r.useRef({size:s,valueOrFn:e,options:t});i.current===null&&(i.current=new ot(s,e,t));const c=i.current,u=a.current,d=u.size!==s,x=u.valueOrFn!==e,I=Ir(u.options,t),S=u.size===0&&s>0&&(!i.current||i.current.base===0);if(x||I){const E=t?.resetOnValueFnChange??!0;I||x&&E||S?(t?.debug&&w.debug("[useFenwickMapTree] reset",{valueOrFnChanged:x,optionsChanged:I}),c.reset(s,e,t)):(d&&(t?.debug&&w.debug("[useFenwickMapTree] resize (with valueFn change)",{from:u.size,to:s}),c.changeSize(s)),t?.debug&&w.debug("[useFenwickMapTree] setValueFn (no reset)",{valueOrFnChanged:x}),c.setValueFn(e,{reset:!1})),a.current={size:s,valueOrFn:e,options:t}}else d&&(t?.debug&&w.debug("[useFenwickMapTree] resize",{from:u.size,to:s}),S?c.reset(s,e,t):c.changeSize(s),a.current={size:s,valueOrFn:e,options:t});return c};class Tr{key;value;prev=null;next=null;constructor(e,t){this.key=e,this.value=t}}class Ot{head=null;tail=null;addToTail(e){this.tail?(this.tail.next=e,e.prev=this.tail,this.tail=e):this.head=this.tail=e}remove(e){e.prev?e.prev.next=e.next:this.head=e.next,e.next?e.next.prev=e.prev:this.tail=e.prev,e.prev=null,e.next=null}removeHead(){const e=this.head;return e&&this.remove(e),e}moveToTail(e){this.remove(e),this.addToTail(e)}}function Qt(n){const e=r.useRef(new Map),t=r.useRef(new Ot),s=Math.floor(n),i=r.useRef(s);r.useEffect(()=>{if(i.current=s,Number.isNaN(s)||s<0){w.warn(`useLruCache: invalid capacity ${n}; the cache will not store any entries.`),e.current.clear(),t.current=new Ot;return}if(Number.isFinite(s))for(;e.current.size>s;){const I=t.current.removeHead();if(I)e.current.delete(I.key);else break}},[n,s]);const a=r.useCallback(I=>{const S=e.current.get(I);if(S)return t.current.moveToTail(S),S.value},[]),c=r.useCallback((I,S)=>{const E=i.current;if(Number.isNaN(E)||E<=0)return;let h=e.current.get(I);if(h)h.value=S,t.current.moveToTail(h);else{if(e.current.size>=E){const N=t.current.removeHead();N&&e.current.delete(N.key)}h=new Tr(I,S),e.current.set(I,h),t.current.addToTail(h)}},[]),u=r.useCallback(I=>e.current.has(I),[]),d=r.useCallback(I=>{const S=e.current.get(I);S&&(t.current.remove(S),e.current.delete(I))},[]),x=r.useCallback(()=>{e.current.clear(),t.current=new Ot},[]);return r.useMemo(()=>({get:a,set:c,has:u,remove:d,clear:x}),[a,c,u,d,x])}const Sr=1e4,Mr=()=>{const{get:n,set:e,has:t,clear:s}=Qt(Sr);return r.useMemo(()=>({get:n,set:e,has:t,clear:s}),[n,e,t,s])},Ie=(n,e)=>e<=0?0:J(n,0,e-1),Xt=n=>({top:Math.max(0,n?.top??0),bottom:Math.max(0,n?.bottom??0)}),je=(n,e)=>n<=e?0:n-e,ht=(n,e)=>n<=0?0:n+e,Nt=1e3,jt=2e3,Rr=1048576,Rt=n=>{if(!Number.isFinite(n))return 0n;const e=Math.trunc(n);return e<=0?0n:BigInt(e)},vr=(n,e,t,s,i,a,c,u)=>{const d=Rt(s);if(d===0n)return{renderingStartIndex:0,renderingEndIndex:0,visibleStartIndex:0,visibleEndIndex:0};const x=V=>V<0n?0n:V>=d?d-1n:V,I={materializeOption:{materialize:!1}},{index:S,cumulative:E}=a.findIndexAtOrAfter(n,I);let h;S===-1?h=d-1n:(E===n?h=Rt(S+1):h=Rt(S),h>=d&&(h=d-1n)),n<=0&&(h=0n),u&&n>=c&&(h=d-1n);const N=V=>{const L=Number(V);if(!Number.isSafeInteger(L))return null;const{cumulative:M}=a.prefixSum(L,{materializeOption:{materialize:!1}});if(!Number.isFinite(M))return null;const{index:j}=a.findIndexAtOrAfter(M+.5,{materializeOption:{materialize:!1}});if(j===-1)return null;const G=Rt(j);return G>V?G:null},F=V=>{let L=0,M=V,j=V,G=0n,P=0;for(;M<d&&L<e;){const ae=Number(M),K=i(ae);if(L+=K,j=M,M+=1n,G+=1n,!Number.isFinite(K)||K<0)break;if(K===0){if(P+=1,P>Nt){const T=N(j);if(T!==null&&T>M)M=T,P=0;else if(T!==null&&T===M&&i(Number(M))>0)P=0;else break}}else P=0}return G===0n&&(j=V),{height:L,end:j}};let{height:U,end:ie}=F(h);if(U<e&&h>0n){let V=h,L=U,M=0;for(;V>0n&&L<e;){V-=1n;const G=Number(V),P=i(G);if(L+=P,!Number.isFinite(P)||P<0)break;if(P===0){if(M+=1,M>Nt){const ae=Number(V);if(!Number.isSafeInteger(ae))break;const{cumulative:K}=a.prefixSum(ae,{materializeOption:{materialize:!1}});if(!Number.isFinite(K))break;const{index:T}=a.findIndexAtOrAfter(K-.5,{materializeOption:{materialize:!1}}),B=T===-1?-1n:Rt(T);if(B>=0n&&B<V)V=B+1n,M=0;else if(B===V&&V>=1n&&i(Number(V-1n))>0)M=0;else break}}else M=0}h=x(V);const j=F(h);U=j.height,ie=j.end}const Q=x(h),ee=x(ie),ge=x(Q-BigInt(Math.max(0,t))),ye=x(ee+BigInt(Math.max(0,t)));return{renderingStartIndex:Ie(Number(ge),s),renderingEndIndex:Ie(Number(ye),s),visibleStartIndex:Ie(Number(Q),s),visibleEndIndex:Ie(Number(ee),s)}},Pr=(n,e,t,s,i,a,c)=>{if(s===0)return{renderingStartIndex:0,renderingEndIndex:0,visibleStartIndex:0,visibleEndIndex:0};const u=Number.isFinite(c),d=u?Math.min(Math.max(0,n),c):Math.max(0,n);if(s>=Number.MAX_SAFE_INTEGER)return vr(d,e,t,s,i,a,c,u);const{index:x,cumulative:I,currentValue:S}=a.findIndexAtOrAfter(d,{materializeOption:{materialize:!1}}),E=x===-1?e<=0||(I??0)<d+(S??0)?s-1:0:x;let h=Ie(E,s),N=0;if(x!==-1&&I===d)h=Ie(x+1,s),N=0;else if(h===x&&I!==void 0&&S!==void 0)N=I-S-d;else{const{cumulative:V,currentValue:L}=a.prefixSum(h,{materializeOption:{materialize:!1}});N=(V??0)-(L??0)-d}const F=N,U=(V,L)=>{let M=V,j=L,G=0;for(;M<s&&j<e;){const P=i(M);if(j+=P,M++,!Number.isFinite(P)||P<0)break;if(P===0){if(G++,G>Nt){const{cumulative:ae}=a.prefixSum(M-1,{materializeOption:{materialize:!1}}),{index:K}=Number.isFinite(ae)?a.findIndexAtOrAfter(ae+.5,{materializeOption:{materialize:!1}}):{index:-1};if(K>M)M=K,G=0;else if(K===M&&i(M)>0)G=0;else break}}else G=0}return{cursor:M,height:j}},ie=U(h,N);let Q=ie.cursor;if(N=ie.height,N<e&&h>0){let V=N+Math.abs(Math.min(0,F)),L=h-1,M=0;for(;L>=0&&V<e;){const G=i(L);if(V+=G,!Number.isFinite(G)||G<0){L--;break}if(G===0){if(M++,M>Nt){const{cumulative:P}=a.prefixSum(L,{materializeOption:{materialize:!1}}),{index:ae}=Number.isFinite(P)?a.findIndexAtOrAfter(P-.5,{materializeOption:{materialize:!1}}):{index:-1};if(ae!==-1&&ae<L){L=ae,M=0;continue}if(ae===L&&L>=1&&i(L-1)>0)M=0;else{L--;break}}}else M=0;L--}h=Ie(L+1,s);const j=U(h,0);Q=j.cursor,N=j.height}const ee=Ie(h-t,s),ge=Ie(Math.max(Q-1,h),s),ye=Ie(ge+t,s);return{renderingStartIndex:ee,renderingEndIndex:ye,visibleStartIndex:h,visibleEndIndex:ge}},$t=(n,e,t)=>{const s=Math.max(0,e??0),i=r.useRef({last:0,id:null,arg:null}).current;return r.useEffect(()=>()=>{if(i.id!==null&&(cancelAnimationFrame(i.id),i.id=null),i.arg!==null&&n.current){try{t(n.current,i.arg)}catch(a){console.error("[useThrottledInvoker] Error flushing pending callback on unmount",a)}i.arg=null}},[i,n,t]),r.useCallback(a=>{if(i.arg=a,i.id!==null)return;const c=u=>{if(i.id=null,i.arg===null)return;const d=u-i.last;if(s===0||i.last===0||d>=s){if(n.current)try{t(n.current,i.arg)}catch(x){console.error("[useThrottledInvoker] Error invoking callback",x)}i.arg=null,i.last=u}i.arg!==null&&(i.id=requestAnimationFrame(c))};i.id=requestAnimationFrame(c)},[s,t,n,i])},yr=r.memo(({index:n,top:e,height:t,item:s,children:i,clipItemHeight:a,enableKeyboardNavigation:c,onKeyDown:u,onFocus:d,registerItemRef:x})=>{const I=r.useCallback(N=>x(n,N),[n,x]),S=r.useCallback(N=>u(N,n),[n,u]),E=r.useCallback(()=>d(n),[n,d]),h=r.useCallback(N=>{N.currentTarget.focus({preventScroll:!0})},[]);return Y.jsx("div",{ref:I,"data-index":n,"data-virtualscroll-item":"true",className:"aqvs-item-container",style:{top:e,height:t,overflow:a?"hidden":void 0},tabIndex:c?-1:void 0,onPointerDown:c?h:void 0,onKeyDownCapture:c?S:void 0,onFocusCapture:c?E:void 0,children:i(s,n)})}),Cr=({itemCount:n,getItem:e,getItemKey:t,getItemHeight:s,viewportSize:i,overscanCount:a=15,className:c,testId:u,onScroll:d,onRangeChange:x,children:I,background:S,initialScrollIndex:E,initialScrollOffset:h,initialScrollAnchor:N,callbackThrottleMs:F=5,contentInsets:U,onItemFocus:ie,scrollBarOptions:Q,behaviorOptions:ee,onWheelHorizontal:ge,contentProps:ye},V)=>{const{width:L,enableThumbDrag:M,enableTrackClick:j,enableArrowButtons:G,enableScrollToTopBottomButtons:P,renderThumbOverlay:ae,tapScrollCircleOptions:K}=Q??{},{enablePointerDrag:T,pointerDragInputs:B,enableKeyboardNavigation:q=!0,wheelSpeedMultiplier:Ye,inertiaOptions:Ne,clipItemHeight:te=!1,resetOnGetItemHeightChange:re=!1}=ee??{},W=r.useRef(null),Z=r.useRef({renderingStartIndex:0,renderingEndIndex:0,visibleStartIndex:0,visibleEndIndex:0,scrollPosition:0,totalHeight:0}),Te=r.useRef(N&&n>0?{index:J(Math.trunc(N.index),0,n-1),align:"top",offset:-Math.max(0,N.offsetPx??0)}:null),Ve=r.useRef(!1),$e=r.useRef(!0);r.useEffect(()=>{if($e.current){$e.current=!1;return}re&&(Te.current=null)},[re,s]);const y=r.useMemo(()=>Xt(U),[U]),[lt]=r.useState(()=>{const f=N?.index??E,p=typeof f=="number"&&Number.isFinite(f)?Math.max(0,Math.trunc(f)):0;return{from:Math.max(0,p-50),to:p+50}}),ne=r.useMemo(()=>({sampleRange:lt,resetOnValueFnChange:re,materialize:!0}),[re,lt]),C=Jt(n,s,ne),[Ee]=r.useState(()=>{let l=0,f=0;if(N&&n>0){const p=J(Math.trunc(N.index),0,n-1),k=Math.max(0,N.offsetPx??0),A=J(p-a*2,0,n-1),O=J(p+a*2,0,n-1),X=p>0||k>0?{materializeOption:{materialize:!0,ranges:[{from:A,to:O}]}}:void 0,{cumulative:$,total:Pe,currentValue:de}=C.prefixSum(p,X),me=Math.max($-de+k,0);l=ht(me,y.top),f=Pe??C.getTotal()}else if(typeof E=="number"){const p=J(E,0,n-1),k=J(p-a*2,0,n-1),A=J(p+a*2,0,n-1),O=E>0?{materializeOption:{materialize:!0,ranges:[{from:k,to:A}]}}:void 0,{cumulative:X,total:$,currentValue:Pe}=C.prefixSum(E,O),de=Math.max(X-Pe,0);l=ht(de,y.top),f=$??C.getTotal()}else typeof h=="number"&&(l=ht(Math.max(h,0),y.top)),f=C.getTotal();return{position:l,total:f}}),[_e,We]=r.useState(Ee.position),[qe,g]=r.useState(Ee.total),_=r.useRef(Ee.position),pe=r.useRef(y.top),H=r.useRef(d??void 0),Se=r.useRef(x??void 0),oe=r.useRef(new Map),be=r.useRef(null),Me=r.useRef(null),[Re,le]=r.useState(null),[ke,ce]=r.useState(!1),se=r.useRef(null),De=r.useRef(!1),Be=r.useRef(0),Ce=r.useRef(!1),Qe=r.useRef(!1),Ue=r.useRef(n);Ue.current!==n&&(Ue.current=n,Qe.current=!0),r.useEffect(()=>{H.current=d??void 0,Se.current=x??void 0},[x,d]);const we=r.useCallback(l=>{if(q&&l&&typeof l.focus=="function")try{l.focus({preventScroll:!0})}catch{l.focus()}},[q]),m=r.useCallback((l,{position:f,totalHeight:p})=>{l(f,p)},[]),R=$t(H,F,m),ue=r.useCallback((l,f)=>{l(f)},[]),xe=$t(Se,F,ue),ve=r.useRef(y.top);ve.current=y.top;const et=r.useRef(R);et.current=R,r.useEffect(()=>(Ve.current=!1,()=>{Ve.current=!0,se.current&&(clearTimeout(se.current),se.current=null)}),[]),r.useEffect(()=>{q||(oe.current.clear(),be.current=null,Me.current=null)},[q]);const Ge=r.useCallback((l,f)=>{if(!f){oe.current.delete(l);return}q&&(oe.current.set(l,f),be.current===l&&(be.current=null,Me.current=l,we(f)))},[q,we]),Ze=.01,Xe=r.useRef({rafId:null,loopActive:!1,idleFrames:0,lastRenderedPosition:Ee.position}),tt=r.useCallback(()=>{const l=Xe.current;l.rafId!==null&&typeof cancelAnimationFrame=="function"&&cancelAnimationFrame(l.rafId),l.rafId=null,l.loopActive=!1,l.idleFrames=0},[]);r.useEffect(()=>()=>{tt()},[tt]);const ct=r.useRef(()=>{}),Ke=r.useCallback(()=>{const l=Xe.current;l.rafId=null;const f=_.current,p=je(f,ve.current),k=C.getTotal();if(We(O=>Math.abs(O-f)<Ze?O:f),Math.abs(l.lastRenderedPosition-f)>=Ze?(et.current({position:p,totalHeight:k}),l.lastRenderedPosition=f,l.idleFrames=0):l.idleFrames+=1,l.idleFrames>=2){tt();return}if(typeof requestAnimationFrame=="function"){l.rafId=requestAnimationFrame(O=>ct.current(O));return}l.loopActive=!1},[C,tt]);ct.current=Ke;const Tt=r.useCallback(()=>{const l=Xe.current;if(l.idleFrames=0,!l.loopActive){if(l.loopActive=!0,typeof requestAnimationFrame=="function"){l.rafId=requestAnimationFrame(Ke);return}l.loopActive=!1}},[Ke]),fe=r.useCallback((l,f)=>{const p=f?.immediate??!1,k=je(l,y.top);if(_.current=l,p){Xe.current.lastRenderedPosition=l,Xe.current.idleFrames=0,We(l),R({position:k,totalHeight:C.getTotal()});return}Tt()},[Tt,C,y.top,R]),ut=r.useCallback(l=>{const f=W.current;if(!f)return l;const p=f.getScrollPosition();Be.current+=1;const k=f.scrollTo(l);return k===p&&(Be.current=Math.max(0,Be.current-1)),Math.abs(k-l)>.5&&(Ce.current=!0),k},[]),vt=r.useRef(!1);r.useEffect(()=>{if(!vt.current)if(vt.current=!0,N==null&&typeof E!="number"&&typeof h=="number"){const l=ht(Math.max(h,0),y.top),f=Math.abs(l-_.current)>.5;fe(l,{immediate:!0}),f&&W.current?.scrollTo(l)}else fe(_.current,{immediate:!0})},[N,E,h,y.top,fe]),r.useEffect(()=>{const l=C.getTotal();if(qe!==l){g(l);return}if(Ce.current){Ce.current=!1;const f=W.current;if(f&&Math.abs(f.getScrollPosition()-_.current)>.5){const p=ut(_.current);Ce.current=!1,fe(p,{immediate:!0})}}},[C,qe,n,ut,fe]),r.useEffect(()=>{if(Te.current!==null){const{index:l,align:f,offset:p}=Te.current,k=Ie(l,n),{cumulative:A,currentValue:O}=C.prefixSum(k,{materializeOption:{materialize:!1}});if(A!==void 0&&O!==void 0){const X=Math.max(A-O,0);let $=X;f==="bottom"?$=A-i:f==="center"&&($=X+O/2-i/2),p&&($-=p),$=Math.max(0,$);const Pe=Math.max(0,qe+y.top+y.bottom-i),de=Math.min(ht($,y.top),Pe);Math.abs(de-_.current)>1&&(w.debug("[VirtualScroll] Drift correction",{from:_.current,to:de,targetIndex:k}),Be.current===0&&(Be.current+=1),W.current?.scrollTo(de),fe(de,{immediate:!0}))}}Qe.current=!1},[qe,C,n,y.top,fe,i,y.bottom]),r.useEffect(()=>{const l=pe.current;if(l===y.top||(pe.current=y.top,Te.current))return;const f=je(_.current,l),p=ht(f,y.top);_.current=p,W.current?.scrollTo(p),fe(p,{immediate:!0})},[y.top,fe]);const gt=r.useCallback((l,f)=>{if(n===0)return;const p=Ie(l,n),k=C.get(p),A=f-k,O=C.update(p,f);O!==void 0&&g(O),w.debug("[VirtualScroll] Updated item size manually",{index:p,size:f,total:O});let X=Te.current?Te.current.index:null;if(X===null){const $=_.current,Pe=Xt(U).top,de=je($,Pe),{index:me,cumulative:Fe}=C.findIndexAtOrAfter(de,{materializeOption:{materialize:!1}});X=Fe!==void 0&&Fe===de?me+1:me}if(X!==-1&&p<X&&A!==0){const $=_.current,Pe=$+A;ut(Pe),fe(Pe,{immediate:!0}),w.debug("[VirtualScroll] Adjusted scroll for layout shift (manual update)",{from:$,to:Pe,causedByIndex:p,delta:A,activeVisibleStartIndex:X})}},[C,n,ut,fe,U]),He=r.useCallback((l,f)=>{if(!W.current||n===0)return;const p=Ie(l,n),k=Ie(p-a*2,n),A=Ie(p+a*2,n),{cumulative:O,total:X,currentValue:$}=C.prefixSum(p,{materializeOption:{materialize:!0,ranges:[{from:k,to:A}]}});if(w.debug("[VirtualScroll] Scrolling to index:",p,"ItemBottom:",O,"Total height:",X,"ItemHeight:",$,"safeIndexFrom:",k,"safeIndexTo:",A),!X)return;const Pe=Math.max(O-$,0);let de=Pe;f?.align==="bottom"?de=O-i:f?.align==="center"&&(de=Pe+$/2-i/2),f?.offset&&(de-=f.offset),de=Math.max(0,de);const me=ht(de,y.top),Fe=W.current?.getContentSize()??X+y.top+y.bottom,Le=Math.max(0,Fe-i),ze=Math.min(me,Le);Te.current={index:p,align:f?.align,offset:f?.offset};const St=W.current?.getScrollPosition()??-1,Vt=Math.abs(St-ze)>.5;De.current=!1,Be.current=0,Vt&&(De.current=!0,Be.current+=1,W.current?.scrollTo(ze)),g(X),fe(ze,{immediate:!0}),w.debug("[VirtualScroll] Setting scroll position to:",ze,{original:me,max:Le})},[C,a,n,y.top,y.bottom,i,fe]),Pt=r.useRef(N&&n===0?N:null);r.useEffect(()=>{const l=Pt.current;!l||n===0||(Pt.current=null,He(J(Math.trunc(l.index),0,n-1),{align:"top",offset:-Math.max(0,l.offsetPx??0)}))},[n,He]);const yt=r.useCallback(l=>{if(!W.current||n===0)return;const f=C.getTotal(),p=J(Math.floor(l),0,f),{index:k,cumulative:A,currentValue:O}=C.findIndexAtOrAfter(p,{materializeOption:{materialize:!1}}),$=(A??0)-(O??0)-p;He(k,{offset:$})},[C,n,He]),mt=r.useCallback(()=>{if(n===0)return null;const l=je(_.current,y.top),{index:f,cumulative:p,currentValue:k}=C.findIndexAtOrAfter(l,{materializeOption:{materialize:!1}});if(f===-1)return{index:n-1,offsetPx:0};if(p===l)return{index:J(f+1,0,n-1),offsetPx:0};const A=(p??0)-(k??0);return{index:f,offsetPx:Math.max(0,l-A)}},[C,n,y.top]),Ct=r.useCallback(l=>{const f=je(_.current,y.top),p=typeof l=="function"?l(f):l;yt(p);const k=W.current?.getScrollPosition(),A=typeof k=="number"?k:_.current;return fe(A),je(A,ve.current)},[y.top,yt,fe]),kt=r.useCallback((l,f)=>{w.debug("[VirtualScroll] Scroll position changed:",l);const p=De.current;p&&(De.current=!1);const k=Be.current>0;if(k&&(Be.current=0),p||k||Qe.current||(Te.current=null),fe(l),P){if(p||k)return;const A=l-f;if(w.debug("[VirtualScroll] Scroll diff:",A,"New:",l,"Prev:",f),Math.abs(A)>1){const O=A>0?"down":"up";le(O),ce(!0),w.debug("[VirtualScroll] Showing scroll buttons. Direction:",O),se.current&&clearTimeout(se.current),se.current=setTimeout(()=>{ce(!1),w.debug("[VirtualScroll] Hiding scroll buttons")},2e3)}}},[fe,P]),rt=r.useMemo(()=>je(_e,y.top),[y.top,_e]),ft=r.useMemo(()=>{const l=C.getTotal(),f=Pr(rt,i,a,n,s,C,l);return w.debug("[VirtualScroll] Calculated rendering range:",()=>({...f,scrollPosition:rt,renderingContentSize:l,overscanCount:a,viewportSize:i})),f},[rt,i,a,n,s,C]),{renderingStartIndex:nt,renderingEndIndex:st,visibleStartIndex:it,visibleEndIndex:pt}=ft,o=r.useCallback((l,f)=>{if(!q||n===0)return;const p=Ie(l,n);if(!(f?.ensureVisible??!0)){const Le=oe.current.get(p);Le&&(be.current=null,Me.current=p,we(Le));return}const A=C.prefixSum(p,{materializeOption:{materialize:!1}}),O=A.currentValue,X=Math.max(A.cumulative-O,0),$=X+O,Pe=je(_.current,y.top),de=Pe+i;if(X<Pe||$>de){He(p);const Le=oe.current.get(p);Le?(be.current=null,Me.current=p,we(Le)):be.current=p;return}const Fe=oe.current.get(p);if(Fe){be.current=null,Me.current=p,we(Fe);return}be.current=p},[q,n,C,y.top,He,we,i]),b=r.useCallback((l,f)=>{if(!q||l.defaultPrevented||l.altKey||l.metaKey||l.ctrlKey)return;const p=l.target;if(p){const k=p.tagName;if(k==="INPUT"||k==="TEXTAREA"||k==="SELECT"||p.isContentEditable)return}if(l.key==="ArrowDown"){f<n-1&&(l.preventDefault(),o(f+1));return}if(l.key==="ArrowUp"){f>0&&(l.preventDefault(),o(f-1));return}if(l.key==="PageDown"){if(f<n-1){l.preventDefault();const{visibleStartIndex:k,visibleEndIndex:A}=Z.current,O=Math.max(A-k+1,1),X=Math.max(O,1),$=Ie(Math.min(f+X,n-1),n);o($)}return}if(l.key==="PageUp"&&f>0){l.preventDefault();const{visibleStartIndex:k,visibleEndIndex:A}=Z.current,O=Math.max(A-k+1,1),X=Math.max(O,1),$=Ie(f-X,n);o($)}},[q,n,o]),v=r.useCallback(l=>{if(!q)return;const f=Ie(l,n);be.current=null,Me.current=f,ie?.(f)},[q,n,ie]);r.useEffect(()=>{const l=W.current?.getScrollPosition()??0,f=_.current,p=je(f,y.top);w.debug("[VirtualScroll] Range change effect triggered",()=>({renderingStartIndex:nt,renderingEndIndex:st,visibleStartIndex:it,visibleEndIndex:pt,scrollPositionState:_e,paneScrollPosition:f,logicalScrollPosition:p,contentSize:qe,scrollPaneScrollPosition:l})),xe({renderingStartIndex:nt,renderingEndIndex:st,visibleStartIndex:it,visibleEndIndex:pt,scrollPosition:p,totalHeight:qe})},[qe,st,nt,y.top,xe,_e,pt,it]);const D=r.useCallback(()=>{if(!P)return null;const l=ke&&Re!==null,f=Re==="up";return Y.jsx("div",{className:"aqvs-scroll-to-edge-overlay","data-visible":l,inert:!l,children:f?Y.jsx("div",{className:"aqvs-scroll-to-edge-button-container aqvs-scroll-to-edge-button-container-top",children:Y.jsx("button",{type:"button",className:"aqvs-scroll-to-edge-button",tabIndex:l?0:-1,onClick:p=>{p.stopPropagation(),De.current=!0,He(0),ce(!1)},children:"Top"})}):Y.jsx("div",{className:"aqvs-scroll-to-edge-button-container aqvs-scroll-to-edge-button-container-bottom",children:Y.jsx("button",{type:"button",className:"aqvs-scroll-to-edge-button",tabIndex:l?0:-1,onClick:p=>{p.stopPropagation(),De.current=!0,He(n-1),ce(!1)},children:"Bottom"})})})},[P,ke,Re,He,n]),z=r.useRef(0),{visibleItems:he,renderAnchor:Ae}=r.useMemo(()=>{if(n===0)return{visibleItems:Y.jsx("div",{className:"aqvs-no-items-container",children:Y.jsx("div",{className:"aqvs-no-items-text",children:"No items"})}),renderAnchor:0};const l=Ie(nt,n),f=Ie(st,n),{cumulative:p,currentValue:k}=C.prefixSum(l,{materializeOption:{materialize:!1}}),A=p-k;Number.isFinite(A)&&Math.abs(A-z.current)>Rr&&(z.current=A);const O=z.current,X=[],$=[];let Pe=0,de=A;for(let me=l;me<=f;me++){if($.length>=jt){w.warn("[VirtualScroll] Rendered item count reached the safety cap; truncating render window.",{cap:jt,safeRenderingStartIndex:l,safeRenderingEndIndex:f});break}const Fe=s(me),Le=C.get(me),ze=Fe-Le;ze!==0&&X.push({index:me,value:Fe});const St=de+Pe,Vt=t?t(me):me;$.push(Y.jsx(yr,{index:me,top:St-O,height:Fe,item:e(me),clipItemHeight:te,enableKeyboardNavigation:q,onKeyDown:b,onFocus:v,registerItemRef:Ge,children:I},Vt)),Pe+=ze,de+=Le}return X.length>0&&Promise.resolve().then(()=>{if(Ve.current)return;let me=0;for(const ze of X)if(ze.index<it){const St=C.get(ze.index);me+=ze.value-St}const Fe=C.updates(X);if(Ve.current||typeof Fe!="number")return;g(Fe),w.debug("[VirtualScroll] Updated heights for items",X,"New total height:",Fe);const Le=W.current?.getScrollPosition()??_.current;if(me!==0){const ze=Le+me;ut(ze),fe(ze,{immediate:!0}),w.debug("[VirtualScroll] Adjusted scroll for layout shift (auto update)",{from:Le,to:ze,shiftAmount:me})}else Le!==_.current&&fe(Le)}),{visibleItems:$,renderAnchor:O}},[I,te,qe,q,n,C,e,t,s,v,b,ut,Ge,st,nt,fe,it]),Oe=r.useCallback(l=>{const f=(F??0)>0,p=Math.abs(l-_e),k=f&&p>.5?_e:l,A=je(k,y.top);if(w.debug("[VirtualScroll] Rendering visible items",()=>({currentScrollPosition:l,effectiveScrollPosition:A,renderingStartIndex:nt,renderingEndIndex:st,itemCount:n,viewportSize:i,callbackThrottleMs:F,diff:p,rawEffectiveScrollPosition:k})),n===0)return he;const O=y.top+Ae-k,X=y.bottom>0?Y.jsx("div",{className:"aqvs-bottom-inset",style:{top:C.getTotal()-Ae,height:y.bottom}},"virtualscroll-bottom-inset"):null;return w.debug("[VirtualScroll] Rendering items",()=>({containerTop:O,logicalScrollPosition:rt,resolvedInsets:y,effectiveScrollPosition:A})),Y.jsxs("div",{className:"aqvs-items-wrapper",style:{top:0,transform:`translateY(${O}px)`,willChange:"transform"},children:[he,X]})},[F,n,C,rt,Ae,st,nt,y,_e,i,he]),bt=r.useMemo(()=>({renderingStartIndex:ft.renderingStartIndex,renderingEndIndex:ft.renderingEndIndex,visibleStartIndex:ft.visibleStartIndex,visibleEndIndex:ft.visibleEndIndex,scrollPosition:rt,totalHeight:C.getTotal()}),[ft,rt,C,qe]);r.useEffect(()=>{Z.current=bt},[bt]),r.useImperativeHandle(V,()=>({getScrollPosition:()=>{const l=W.current?.getScrollPosition();return typeof l=="number"?je(l,ve.current):-1},getContentSize:()=>W.current?.getContentSize()??-1,getViewportSize:()=>W.current?.getViewportSize()??-1,scrollTo:Ct,scrollToIndex:He,getFenwickTreeTotalHeight:()=>C.getTotal(),getFenwickSize:()=>C.getSize(),focusItemAtIndex:o,getRange:()=>Z.current,getScrollAnchor:mt,updateItemSize:gt}),[Ct,He,C,o,mt,gt]);const at=C.getTotal()+y.top+y.bottom;return Y.jsx(Zt,{ref:W,contentSize:at,viewportSize:i,className:c,testId:u,onScroll:kt,background:S,tapScrollCircleOptions:K,inertiaOptions:Ne,itemCount:n,scrollBarWidth:L,enableThumbDrag:M,enableTrackClick:j,enableArrowButtons:G,enablePointerDrag:T,pointerDragInputs:B,renderThumbOverlay:ae,wheelSpeedMultiplier:Ye,onWheelHorizontal:ge,contentInsets:y,contentProps:ye,visibleStartIndex:it,visibleEndIndex:pt,renderOverlay:D,initialScrollPosition:Ee.position,children:Oe})},wr=r.forwardRef(Cr);exports.FenwickMapTree=ot;exports.ScrollBar=Gt;exports.ScrollPane=Zt;exports.TAP_SCROLL_SPEED_DEFAULTS=zt;exports.VirtualScroll=wr;exports.computeAutoTapScrollMaxSpeedMultiplier=Wt;exports.computeTapScrollSpeed=Kt;exports.minmax=J;exports.tapScrollCircleSampleVisual=br;exports.useFenwickMapTree=Jt;exports.useHeightCache=Mr;exports.useLruCache=Qt;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("react/jsx-runtime"),r=require("react"),St=require("tailwind-merge");class R{level;prefix;impl;constructor(e=2,t="[virtualscroll]",s=console){this.level=e,this.prefix=t,this.impl=s}static instance=new R(2,"[virtualscroll]");static setLevel(e){R.instance.setLevel(e)}setLevel(e){this.level=e}static setImplementation(e){R.instance.setImplementation(e)}setImplementation(e){this.impl=e}static setPrefix(e){R.instance.setPrefix(e)}setPrefix(e){this.prefix=e}static isEnabled(e){return R.instance.isEnabled(e)}isEnabled(e){return this.level<=e}static resolveLazy(e){if(typeof e!="function")return e;try{return e()}catch{return e}}formatMessage(e){return typeof e=="string"?[`${this.prefix} ${e}`]:[this.prefix,e]}static debug(e,...t){R.instance.debug(e,...t)}debug(e,...t){this.level<=0&&this.impl.debug(...this.formatMessage(R.resolveLazy(e)),...t.map(R.resolveLazy))}static info(e,...t){R.instance.info(e,...t)}info(e,...t){this.level<=1&&this.impl.info(...this.formatMessage(R.resolveLazy(e)),...t.map(R.resolveLazy))}static warn(e,...t){R.instance.warn(e,...t)}warn(e,...t){this.level<=2&&this.impl.warn(...this.formatMessage(R.resolveLazy(e)),...t.map(R.resolveLazy))}static error(e,...t){R.instance.error(e,...t)}error(e,...t){this.level<=3&&this.impl.error(...this.formatMessage(R.resolveLazy(e)),...t.map(R.resolveLazy))}}const Ht={active:!1,offsetX:0,offsetY:0,distance:0,direction:0,pointerId:null},Dt=6,sr=8,ir=({dragState:n,normalizedDistance:e})=>{const t=1+e*.18,s=.16+e*.24,i=.38+e*.28,o=n.active?"80ms ease-out":"220ms ease";return $.jsxs($.Fragment,{children:[$.jsx("div",{className:"aqvs-tap-scroll-circle-visual-outer",style:{background:"linear-gradient(140deg, rgba(255,255,255,0.62), rgba(72,72,72,0.48))",boxShadow:`0 0 0 1px rgba(255,255,255,0.28), 0 10px 22px rgba(0,0,0,${s})`,transform:`scale(${t})`,transition:`${o}, ${n.active?"80ms":"260ms"} box-shadow ease`}}),$.jsx("div",{className:"aqvs-tap-scroll-circle-inner",style:{background:"linear-gradient(140deg, rgba(255,255,255,0.72), rgba(28,28,28,0.58))",boxShadow:"inset 0 4px 10px rgba(0,0,0,0.24), inset 0 0 2px rgba(255,255,255,0.55)",opacity:i,transition:n.active?"120ms opacity ease-out":"220ms opacity ease"}})]})},Wt=r.memo(r.forwardRef(({onDragChange:n,className:e,maxVisualDistance:t=160,size:s=40,style:i,opacity:o=1,renderVisual:c},f)=>{const[d,x]=r.useState(Ht),S=r.useRef(null),v=r.useRef(null),C=r.useRef({x:0,y:0}),g=r.useRef(null),E=r.useRef(0),Q=r.useCallback(I=>{x(I),n(I)},[n]),Y=r.useCallback((I,q,W=!1)=>{const{x:Ke,y:X}=C.current,we=I-Ke,Ne=q-X,Re=Math.abs(Ne),Ae=Re<Dt?0:Ne<0?-1:1,oe=E.current;let Be=Ae;const B=Dt+sr;Ae===0?oe!==0&&Re<B?Be=oe:(Be=0,W||(E.current=0)):Ae!==oe&&oe!==0&&Re<B?Be=oe:E.current=Ae,Q({active:W||Re>=Dt,offsetX:we,offsetY:Ne,distance:Re,direction:Be,pointerId:S.current})},[Q]),le=r.useCallback(I=>{if(I===null)return;const q=g.current;q?.hasPointerCapture(I)&&q.releasePointerCapture(I)},[]),ce=r.useCallback((I=!1)=>{I&&le(S.current),S.current=null,v.current=null,E.current=0,Q(Ht)},[Q,le]),ie=r.useCallback(I=>{if(S.current!==null&&S.current!==I.pointerId){v.current={pointerId:I.pointerId,clientX:I.clientX,clientY:I.clientY},I.preventDefault(),I.stopPropagation();return}I.preventDefault(),I.stopPropagation();const q=g.current??I.currentTarget,{left:W,top:Ke,width:X,height:we}=q.getBoundingClientRect();C.current={x:W+X/2,y:Ke+we/2},S.current=I.pointerId;try{q.setPointerCapture(I.pointerId)}catch{}Y(I.clientX,I.clientY,!0)},[Y]),pe=r.useCallback(I=>{if(S.current!==I.pointerId){v.current!==null&&v.current.pointerId===I.pointerId&&(v.current={pointerId:I.pointerId,clientX:I.clientX,clientY:I.clientY});return}I.preventDefault(),Y(I.clientX,I.clientY)},[Y]),he=r.useCallback(I=>{if(S.current!==I.pointerId){v.current!==null&&v.current.pointerId===I.pointerId&&(v.current=null);return}I.preventDefault(),I.stopPropagation();const q=v.current;if(v.current=null,q!==null){le(I.pointerId);const W=g.current;let Ke=!0;if(W!==null&&typeof W.setPointerCapture=="function")try{W.setPointerCapture(q.pointerId)}catch(X){(typeof X=="object"&&X!==null&&"name"in X?X.name:void 0)==="NotFoundError"&&(Ke=!1)}if(Ke){S.current=q.pointerId,Y(q.clientX,q.clientY,!0);return}}ce(!0)},[ce,le,Y]),z=r.useCallback(I=>{I.target===I.currentTarget&&S.current===I.pointerId&&ce(!1)},[ce]);r.useImperativeHandle(f,()=>({reset:()=>{ce(!0)},getElement:()=>g.current}),[ce]);const A=Math.min(Math.max(o,0),1),w=s/64,K=Math.min(d.distance,t)/t,te=d.direction*K*10*w,H=c??ir,L={dragState:d,normalizedDistance:K,sizeScale:w,size:s,opacity:A},re={...i,width:s,height:s,transform:`translateY(${te}px)`};return re.opacity=A,$.jsx("div",{ref:g,"data-testid":"virtual-scroll-tap-circle",className:St.twMerge("aqvs-tap-scroll-circle",e),style:re,tabIndex:-1,onPointerDown:ie,onPointerMove:pe,onPointerUp:he,onPointerCancel:he,onLostPointerCapture:z,role:"presentation",children:H(L)})}));Wt.displayName="TapScrollCircle";const ae=(n,e,t)=>Math.max(e,Math.min(t,n)),Ft="virtualscroll:tap-scroll-cancel",qt=20,or=250,ar=60,lr=20,cr=20,Yt={maxDistance:240,minSpeedMultiplier:.2},ur=Yt.maxDistance,Xt={active:!1,offsetX:0,offsetY:0,distance:0,direction:0,pointerId:null},At=2.2,fr=8,dr=120,mr=1/10,nt={enabled:!0,size:40,offsetX:-80,offsetY:0,className:void 0,maxVisualDistance:ur,minSpeedMultiplier:Yt.minSpeedMultiplier,opacity:.9,renderVisual:void 0,maxSpeedCurve:void 0},pr=n=>n?{mainSizeKey:"width",crossSizeKey:"height",positionKey:"left",selectDelta:(e,t)=>e,getPointerCoordinate:({clientX:e})=>e,arrowLabels:["Scroll left","Scroll right"],arrowIcons:["◀","▶"],directionClass:"aqvs-scrollbar-horizontal",orientation:"horizontal"}:{mainSizeKey:"height",crossSizeKey:"width",positionKey:"top",selectDelta:(e,t)=>t,getPointerCoordinate:({clientY:e})=>e,arrowLabels:["Scroll up","Scroll down"],arrowIcons:["▲","▼"],directionClass:"aqvs-scrollbar-vertical",orientation:"vertical"},hr=(n,e)=>{const t=n?.maxSpeedMultiplier,s=typeof t=="number"?t:Zt(e);return{enabled:n?.enabled??nt.enabled,size:n?.size??nt.size,offsetX:n?.offsetX??nt.offsetX,offsetY:n?.offsetY??nt.offsetY,className:n?.className??nt.className,maxVisualDistance:n?.maxVisualDistance??nt.maxVisualDistance,maxSpeedMultiplier:s,minSpeedMultiplier:Math.max(n?.minSpeedMultiplier??nt.minSpeedMultiplier,0),opacity:ae(n?.opacity??nt.opacity,0,1),renderVisual:n?.renderVisual??nt.renderVisual,maxSpeedCurve:n?.maxSpeedCurve??nt.maxSpeedCurve}},gr=({isDragging:n,isThumbHovered:e,enableThumbDrag:t})=>r.useMemo(()=>t?n?"dragging":e?"hover":"idle":"disabled",[t,n,e]),br=({canUseArrowButtons:n,enableArrowButtons:e,resetTapScroll:t,scrollByStep:s})=>{const i=r.useRef(null),o=r.useRef(null),c=r.useRef(null),f=r.useCallback(()=>{i.current!==null&&(window.clearInterval(i.current),i.current=null),o.current!==null&&(window.clearTimeout(o.current),o.current=null),c.current!==null&&(window.removeEventListener("pointerup",c.current),window.removeEventListener("pointercancel",c.current),window.removeEventListener("blur",c.current),c.current=null)},[]),d=r.useCallback(()=>{f()},[f]),x=r.useCallback(v=>C=>{if(!n)return;C.cancelable&&C.preventDefault(),C.stopPropagation(),t(),f(),s(v),o.current=window.setTimeout(()=>{i.current=window.setInterval(()=>{s(v)},ar)},or);const g=()=>f();c.current=g,window.addEventListener("pointerup",g),window.addEventListener("pointercancel",g),window.addEventListener("blur",g)},[n,f,t,s]),S=r.useCallback(v=>C=>{e&&(C.key==="Enter"||C.key===" "||C.key==="Spacebar")&&(C.preventDefault(),s(v))},[e,s]);return r.useEffect(()=>{n||f()},[n,f]),r.useEffect(()=>()=>{f()},[f]),{handleArrowPointerDown:x,handleArrowPointerUp:d,handleArrowKeyDown:S}},xr=700,dt=(n,e)=>typeof n=="number"&&Number.isFinite(n)?n:e,Gt=({distance:n,maxDistance:e,viewportSize:t,minSpeedMultiplier:s,maxSpeedMultiplier:i,hasCustomMaxSpeedMultiplier:o,curve:c})=>{const f=Math.max(dt(n,0),0),d=dt(e,0),x=d>0?Math.min(f,d)/d:1,S=Math.max(dt(t,0),0),v=Math.max(dt(s,0),0),C=Math.max(dt(i,0),0),g=Math.max(S*v,40),E=o?g:1200,Q=Math.max(S*C,E),Y=c?Math.max(dt(c.exponentialScale,C),0):0,le=c?Math.min(Q,Math.max(S*Y,g)):Q,ce=Math.max(le,g);let ie=x**1.1;if(c){const he=Math.min(Math.max(dt(c.exponentialSteepness,0),0),xr);if(he===0)ie=x;else{const z=Math.expm1(he)||1;ie=Math.min(Math.max(Math.expm1(he*x)/z,0),1)}}const pe=Math.min(Math.max(dt(c?.easedOffset,0),0),1);return g+(ce-g)*(pe+(1-pe)*ie)},Zt=n=>{if(!n||n<=0)return At;const e=Math.max(1,n),t=Math.log10(e),s=At+t*fr;return ae(s,At,dr)},Jt=({contentSize:n,viewportSize:e,scrollPosition:t,onScroll:s,enableThumbDrag:i=!0,enableTrackClick:o=!0,enableArrowButtons:c=!0,horizontal:f=!1,scrollBarWidth:d=12,className:x,ariaControls:S,tapScrollCircleOptions:v,itemCount:C,renderThumbOverlay:g,visibleStartIndex:E,visibleEndIndex:Q})=>{const[Y,le]=r.useState(!1),[ce,ie]=r.useState(!1),[pe,he]=r.useState(!1),z=r.useRef(null),A=r.useRef({pointerId:null,startThumbPosition:0,startClientX:0,startClientY:0,scale:1,captureTarget:null}),w=r.useRef({pointerId:null,startThumbPosition:0,startClientX:0,startClientY:0,scale:1}),K=r.useRef(t),te=r.useRef(s),H=r.useRef(Xt),L=r.useRef(null),re=r.useRef(null),I=r.useRef(null),q=r.useRef(0),W=r.useRef(0),Ke=r.useMemo(()=>hr(v,C),[C,v]),X=r.useMemo(()=>pr(f),[f]),{enabled:we,size:Ne,offsetX:Re,offsetY:Ae,className:oe,maxVisualDistance:Be,maxSpeedMultiplier:B,minSpeedMultiplier:Se,opacity:Le,renderVisual:ge,maxSpeedCurve:st}=Ke,T=r.useRef({viewportSize:e,maxScrollPosition:Math.max(n-e,0),scrollBarVisible:n>e,effectiveTapMaxDistance:Math.max(Be,1),tapCircleMaxSpeedMultiplier:B,tapCircleMinSpeedMultiplier:Se,tapCircleMaxSpeedCurve:st,tapScrollCircleOptions:v,effectiveTrackLength:0,onScroll:s,scrollPosition:t}),{mainSizeKey:it,crossSizeKey:ct,positionKey:y,selectDelta:G,getPointerCoordinate:Xe,arrowLabels:ot,arrowIcons:Ve,directionClass:Qe,orientation:ue}=X,p=Math.max(Be,1),ne=e/n,ee=Math.max(e-d*2,0),V=ne*ee,F=Math.min(Math.max(qt,V||0),ee||qt),Z=n-e,Ie=Math.max(ee-F,0),Pe=Z<=0||Ie<=0?0:ae(t/Z*Ie,0,Ie),ze=Pe+F/2,j=n>e||Y,ye=j&&c;r.useLayoutEffect(()=>{T.current={viewportSize:e,maxScrollPosition:Z,scrollBarVisible:j,effectiveTapMaxDistance:p,tapCircleMaxSpeedMultiplier:B,tapCircleMinSpeedMultiplier:Se,tapCircleMaxSpeedCurve:st,tapScrollCircleOptions:v,effectiveTrackLength:Ie,onScroll:s,scrollPosition:t}}),r.useLayoutEffect(()=>{K.current=t},[t]),r.useLayoutEffect(()=>{te.current=s},[s]),r.useEffect(()=>{i||ie(!1)},[i]);const ke=gr({isDragging:Y,isThumbHovered:ce,enableThumbDrag:i}),se=r.useCallback((a,b)=>{const M=T.current,k=b??K.current;if(te.current){const _e=te.current(a,k);if(typeof _e=="number"&&Number.isFinite(_e))return K.current=_e,_e}const O=typeof a=="function"?a(k):a,be=Math.max(M.maxScrollPosition,0),Oe=M.scrollBarVisible?ae(O,0,be):0;return K.current=Oe,Oe},[]),We=r.useCallback(a=>{const b=T.current,M=K.current;if(!b.scrollBarVisible||b.maxScrollPosition<=0){const tt=se(0,M),It=tt-M;return{nextPosition:tt,actualDelta:It,reachedBoundary:!0}}if(a===0)return{nextPosition:M,actualDelta:0,reachedBoundary:!1};const O=se(tt=>ae(tt+a,0,b.maxScrollPosition),M),be=O-M,Oe=a<0&&M+a<=0,_e=a>0&&M+a>=b.maxScrollPosition,ht=a<0&&(O<=0||Oe&&be===0)||a>0&&(O>=b.maxScrollPosition||_e&&be===0);return{nextPosition:O,actualDelta:be,reachedBoundary:ht}},[se]),et=r.useCallback((a,b)=>{a.current+=b;const M=Math.max(T.current.maxScrollPosition,0);M>0&&(a.current=ae(a.current,-M,M));const k=We(a.current);return a.current-=k.actualDelta,k.reachedBoundary&&(a.current=0),k},[We]),Ce=r.useCallback(()=>{re.current!==null&&(window.cancelAnimationFrame(re.current),re.current=null),I.current=null,q.current=0,W.current=0},[]),ve=r.useCallback(()=>{H.current={...Xt},he(!1),L.current?.reset(),Ce()},[Ce]),je=r.useCallback(a=>{const b=H.current,M=T.current;if(!b.active||b.direction===0){Ce();return}if(!M.scrollBarVisible||M.maxScrollPosition<=0){Ce();return}const k=I.current??a,O=Math.max((a-k)/1e3,0),be=Math.min(O,mr);if(I.current=a,be<=0){re.current=window.requestAnimationFrame(je);return}const Oe=Gt({distance:b.distance,maxDistance:M.effectiveTapMaxDistance,viewportSize:M.viewportSize,minSpeedMultiplier:M.tapCircleMinSpeedMultiplier,maxSpeedMultiplier:M.tapCircleMaxSpeedMultiplier,hasCustomMaxSpeedMultiplier:typeof M.tapScrollCircleOptions?.maxSpeedMultiplier=="number",curve:M.tapCircleMaxSpeedCurve});W.current!==b.direction&&(W.current=b.direction,q.current=0);const{reachedBoundary:_e}=et(q,b.direction*Oe*be);if(_e){Ce();return}re.current=window.requestAnimationFrame(je)},[et,Ce]),He=r.useCallback(()=>{re.current===null&&(I.current=null,q.current=0,re.current=window.requestAnimationFrame(je))},[je]);r.useEffect(()=>{const a=H.current;!a.active||a.direction===0||He()},[n,e,He]),r.useEffect(()=>()=>{Ce()},[Ce]);const m=r.useCallback(a=>{H.current=a,he(a.active),a.active&&a.direction!==0?He():Ce()},[He,Ce]);r.useEffect(()=>{we||ve()},[ve,we]),r.useEffect(()=>{const a=b=>{const k=b.detail?.paneId;k&&S&&k!==S||ve()};return window.addEventListener(Ft,a),()=>{window.removeEventListener(Ft,a)}},[S,ve]),r.useEffect(()=>{if(!we)return;const a=b=>{if(!H.current.active||H.current.pointerId===b.pointerId)return;const M=b.target;if(!(M instanceof Node)){ve();return}L.current?.getElement()?.contains(M)||ve()};return document.addEventListener("pointerdown",a,!0),()=>{document.removeEventListener("pointerdown",a,!0)}},[ve,we]);const P=a=>{if(!j||Ie<=0||Z<=0)return 0;const b=ae(a,0,Ie);return ae(b/Ie*Z,0,Z)},Ee=r.useCallback(a=>{const{scrollBarVisible:b,effectiveTrackLength:M,maxScrollPosition:k}=T.current;if(R.debug("[ScrollBar] calculateScrollPositionFromThumb",()=>({thumbPos:a,trackLen:M,maxScroll:k})),M<=0||k<=0)return null;const O=ae(a,0,M);return ae(O/M*k,0,k)},[]),$e=r.useCallback(a=>{const b=a.getBoundingClientRect(),M=f?b.width:b.height,k=ht=>{const tt=Number.parseFloat(ht);return Number.isFinite(tt)?tt:0},O=window.getComputedStyle(a),be=k(f?O.width:O.height),Oe=be>0?be+k(f?O.paddingLeft:O.paddingTop)+k(f?O.paddingRight:O.paddingBottom)+k(f?O.borderLeftWidth:O.borderTopWidth)+k(f?O.borderRightWidth:O.borderBottomWidth):0,_e=Oe>0?Oe:f?a.offsetWidth:a.offsetHeight;return _e<=0||M<=0?1:M/_e},[f]),Me=r.useCallback(a=>{const b=A.current;if(b.pointerId!==a.pointerId)return;const M=a.clientX-b.startClientX,k=a.clientY-b.startClientY,O=G(M,k)/(b.scale||1);R.debug("[ScrollBar] handleThumbPointerMove",()=>({delta:O,startThumbPosition:b.startThumbPosition,clientY:a.clientY,startClientY:b.startClientY,metrics:T.current}));const be=Ee(b.startThumbPosition+O);be!==null&&se(be),a.cancelable&&a.preventDefault()},[G,Ee,se]),Ge=r.useCallback(a=>{const b=A.current;if(b.pointerId!==a.pointerId)return;document.removeEventListener("pointermove",Me),document.removeEventListener("pointerup",Ge),document.removeEventListener("pointercancel",Ge);const M=b.captureTarget;if(M?.hasPointerCapture?.(a.pointerId)&&M.releasePointerCapture(a.pointerId),A.current={pointerId:null,startThumbPosition:0,startClientX:0,startClientY:0,scale:1,captureTarget:null},le(!1),z.current){const k=z.current.getBoundingClientRect();a.clientX>=k.left&&a.clientX<=k.right&&a.clientY>=k.top&&a.clientY<=k.bottom||ie(!1)}else ie(!1)},[Me]);r.useEffect(()=>()=>{document.removeEventListener("pointermove",Me),document.removeEventListener("pointerup",Ge),document.removeEventListener("pointercancel",Ge)},[Me,Ge]);const qe=r.useRef(0),Ze=r.useRef(0),ut=r.useCallback(a=>{const b=Math.max(Math.round(T.current.viewportSize/cr),lr);Ze.current!==a&&(Ze.current=a,qe.current=0),et(qe,a*b)},[et]),{handleArrowPointerDown:mt,handleArrowPointerUp:bt,handleArrowKeyDown:me}=br({canUseArrowButtons:ye,enableArrowButtons:c,resetTapScroll:ve,scrollByStep:ut}),ft=a=>{if(!j)return;if(!i){a.preventDefault(),a.stopPropagation();return}if(a.pointerType==="mouse"&&a.button!==0||a.ctrlKey)return;ve();const b=a.currentTarget,M=$e(b);let k=null;if(b.setPointerCapture)try{b.setPointerCapture(a.pointerId),k=b}catch{k=null}A.current={pointerId:a.pointerId,startThumbPosition:Pe,startClientX:a.clientX,startClientY:a.clientY,scale:M,captureTarget:k},document.addEventListener("pointermove",Me),document.addEventListener("pointerup",Ge),document.addEventListener("pointercancel",Ge),le(!0),ie(!0),a.preventDefault(),a.stopPropagation()},wt=a=>{if(!j)return;if(!o){a.preventDefault(),a.stopPropagation();return}if(a.pointerType==="mouse"&&a.button!==0||a.ctrlKey)return;const b=a.currentTarget,M=b.getBoundingClientRect(),k=Xe(a),O=$e(b),be=(k-(f?M.left:M.top))/O;ve();const Oe=be-F/2,_e=P(Oe);if(se(_e),b.setPointerCapture)try{b.setPointerCapture(a.pointerId)}catch{}w.current={pointerId:a.pointerId,startThumbPosition:Oe,startClientX:a.clientX,startClientY:a.clientY,scale:O},a.preventDefault(),a.stopPropagation()},pt=()=>{w.current={pointerId:null,startThumbPosition:0,startClientX:0,startClientY:0,scale:1}},Ue=a=>{const b=w.current;if(b.pointerId!==a.pointerId)return;if(a.pointerType==="mouse"&&a.buttons===0){pt();return}const M=a.clientX-b.startClientX,k=a.clientY-b.startClientY,O=G(M,k)/(b.scale||1),be=P(b.startThumbPosition+O);se(be),a.cancelable&&a.preventDefault()},Rt=a=>{if(w.current.pointerId!==a.pointerId)return;const b=a.currentTarget;b.hasPointerCapture?.(a.pointerId)&&b.releasePointerCapture(a.pointerId),pt(),a.preventDefault(),a.stopPropagation()},Pt=a=>{if(w.current.pointerId!==a.pointerId)return;const b=a.currentTarget;b.hasPointerCapture?.(a.pointerId)&&b.releasePointerCapture(a.pointerId),pt()},yt=a=>{a.target===a.currentTarget&&w.current.pointerId===a.pointerId&&pt()},Ct=r.useMemo(()=>ae((pe?1:.8)*Le,0,1),[pe,Le]),Vt=r.useMemo(()=>{const b=`calc(50% - ${Ne/2}px + ${Ae}px)`;return{left:Re,top:b}},[Re,Ae,Ne]),rt=(a,b,M,k)=>$.jsx("button",{type:"button",tabIndex:0,className:"aqvs-scrollbar-arrow-button",style:{[it]:d,[ct]:d},"aria-label":b,onPointerDown:mt(a),onPointerUp:bt,onPointerLeave:bt,onPointerCancel:bt,onKeyDown:me(a),"aria-disabled":!c,disabled:!ye,children:$.jsx("span",{"aria-hidden":"true",children:M})},k),at=g&&j?{orientation:ue,scrollPosition:t,maxScrollPosition:Z,contentSize:n,viewportSize:e,thumbSize:F,thumbPosition:Pe,thumbCenter:ze,trackSize:ee,isDragging:Y,isTapScrollActive:pe,visibleStartIndex:E,visibleEndIndex:Q}:null;return $.jsxs("div",{className:St.twMerge("aqvs-scrollbar",Qe,x),style:{[it]:e,[ct]:d},"data-visible":j?"true":"false",role:"scrollbar",tabIndex:-1,"aria-controls":S,"aria-valuenow":t,"aria-valuemin":0,"aria-valuemax":Z,"aria-orientation":f?"horizontal":"vertical",children:[!f&&j&&we&&$.jsx(Wt,{ref:L,className:St.twMerge("aqvs-scrollbar-tap-circle-wrapper",oe),size:Ne,maxVisualDistance:p,style:Vt,opacity:Ct,renderVisual:ge,onDragChange:m},"tap-circle"),rt(-1,ot[0],Ve[0],"arrow-start"),$.jsxs("div",{className:"aqvs-scrollbar-track",style:{borderRadius:d/2},onPointerDown:wt,onPointerMove:Ue,onPointerUp:Rt,onPointerCancel:Pt,onLostPointerCapture:yt,"aria-disabled":!o,children:[at&&$.jsx("div",{className:"aqvs-scrollbar-overlay","aria-hidden":!0,children:g?.(at)},"overlay"),$.jsx("div",{className:"aqvs-scrollbar-thumb-wrapper",style:{[it]:F,[y]:Pe,...f?{top:0,bottom:0}:{left:0,right:0}},"data-visible":j||Y?"true":"false",onPointerDown:ft,role:"slider","aria-orientation":f?"horizontal":"vertical","aria-valuenow":t,"aria-valuemin":0,"aria-valuemax":Z,"aria-disabled":!i,tabIndex:-1,children:$.jsx("div",{ref:z,className:St.twMerge("aqvs-scrollbar-thumb",f?"aqvs-scrollbar-thumb-horizontal":"aqvs-scrollbar-thumb-vertical"),"data-testid":"aqvs-scrollbar-thumb","data-thumb-state":ke,style:{borderRadius:d-1,cursor:i?"pointer":"default"},onMouseEnter:()=>{i&&ie(!0)},onMouseLeave:()=>{i&&ie(!1)}},"thumb")},"thumb-wrapper")]},"track"),rt(1,ot[1],Ve[1],"arrow-end")]})},Sr=["mouse","pen","touch"],Lt=(n,e)=>!(n==="mouse"||n==="pen"||n==="touch")||e.includes(n),Ir=n=>n==="mouse"||n==="pen",Tt={maxVelocity:6,minVelocity:.02,deceleration:.0025,velocitySampleWindow:90,startVelocityThreshold:.04},Et=(n,e,t)=>{for(const[s,i,o]of e)t==="add"?n.addEventListener(s,i,o):n.removeEventListener(s,i,o)},Qt=r.forwardRef(({children:n,contentSize:e,viewportSize:t,onViewportSizeChange:s,scrollBarWidth:i=12,enableThumbDrag:o=!0,enableTrackClick:c=!0,enableArrowButtons:f=!0,enablePointerDrag:d=!0,pointerDragInputs:x=Sr,onScroll:S,className:v,testId:C,style:g,background:E,tapScrollCircleOptions:Q,inertiaOptions:Y,itemCount:le,renderThumbOverlay:ce,wheelSpeedMultiplier:ie=1,onWheelHorizontal:pe,contentInsets:he,visibleStartIndex:z,visibleEndIndex:A,renderOverlay:w,initialScrollPosition:K=0,contentProps:te},H)=>{const L=r.useRef(Number.isFinite(K)?Math.max(0,K):0),re=r.useRef(null),I=r.useRef(null),q=t===void 0,[W,Ke]=r.useState(0),X=t??W,we=r.useRef(null);r.useLayoutEffect(()=>{if(!q)return;const p=I.current;if(!p)return;const ne=()=>{const V=p.offsetHeight;if(V>0){Ke(F=>F===V?F:V);return}p.offsetParent!==null&&e>0&&we.current!=="zero"&&(we.current="zero",R.warn("[ScrollPane] The self-measured viewport is 0px. Give the scroll pane's host element a definite height (e.g. h-full, flex-1 + min-h-0, an explicit px height), or pass viewportSize explicitly."))};if(ne(),typeof ResizeObserver!="function")return;const ee=new ResizeObserver(ne);return ee.observe(p),()=>{ee.disconnect()}},[e,q]),r.useLayoutEffect(()=>{q&&s?.(W)},[q,W,s]),r.useLayoutEffect(()=>{if(q)return;const p=re.current;if(!p)return;const ne=()=>{const V=p.clientHeight;if(V<=0||Math.abs(V-X)<=1)return;const F=`${X}/${V}`;we.current!==F&&(we.current=F,R.warn(`[ScrollPane] viewportSize=${X} but the host band is ${V}px. The clip window, max scroll position, thumb mapping, rendered row count and scrollability all derive from viewportSize, so they are now wrong. Omit viewportSize to let the pane measure itself.`))};if(ne(),typeof ResizeObserver!="function")return;const ee=new ResizeObserver(ne);return ee.observe(p),()=>{ee.disconnect()}},[q,X]);const Ne=r.useRef(pe);r.useEffect(()=>{Ne.current=pe},[pe]);const Re=r.useRef({frame:null,velocity:0,lastTimestamp:null,generation:0}),Ae=r.useMemo(()=>({maxVelocity:Y?.maxVelocity??Tt.maxVelocity,minVelocity:Y?.minVelocity??Tt.minVelocity,deceleration:Y?.deceleration??Tt.deceleration,velocitySampleWindow:Y?.velocitySampleWindow??Tt.velocitySampleWindow,startVelocityThreshold:Y?.startVelocityThreshold??Tt.startVelocityThreshold}),[Y]),oe=r.useMemo(()=>({top:Math.max(0,he?.top??0),bottom:Math.max(0,he?.bottom??0)}),[he]);R.debug("[ScrollPane] ScrollPane rendered",()=>({contentSize:e,viewportSize:X,scrollBarWidth:i,className:v,style:g,tapScrollCircleOptions:Q,inertiaOptions:Y,enablePointerDrag:d,contentInsets:oe}));const Be=r.useRef({contentSize:e,viewportSize:X});Be.current={contentSize:e,viewportSize:X};const B=r.useMemo(()=>e>X,[e,X]),Se=r.useCallback(p=>{const{contentSize:ne,viewportSize:ee}=Be.current,V=ne>ee,F=L.current;if(R.debug("[ScrollPane] scrollTo called",()=>({newPosition:p,contentSize:ne,viewportSize:ee,currentIsScrollable:V,prevPosition:F})),!V)return L.current!==0&&(L.current=0,S?.(0,F)),L.current;const Z=typeof p=="function"?p(L.current):p;if(!Number.isFinite(Z))return R.warn("[ScrollPane] scrollTo received a non-finite position; keeping the current position",{nextPosition:Z}),L.current;const Ie=Math.max(ne-ee,0),Pe=ae(Z,0,Ie);return L.current!==Pe&&(L.current=Pe,S?.(Pe,F)),L.current},[S]),Le=r.useRef(Se);r.useEffect(()=>{Le.current=Se},[Se]);const ge=r.useCallback(()=>{const p=Re.current;p.generation+=1,p.frame!==null&&cancelAnimationFrame(p.frame),p.frame=null,p.velocity=0,p.lastTimestamp=null},[]),st=r.useRef(ge);r.useEffect(()=>{st.current=ge},[ge]),r.useEffect(()=>()=>{st.current()},[]);const T=r.useCallback(p=>{if(!B)return;const{maxVelocity:ne,minVelocity:ee,deceleration:V,startVelocityThreshold:F}=Ae,Z=ae(p,-ne,ne);if(Math.abs(Z)<F)return;ge(),Re.current.velocity=Z,Re.current.lastTimestamp=null;const Ie=Re.current.generation,Pe=ze=>{const j=Re.current;if(j.generation!==Ie)return;if(j.lastTimestamp===null){j.lastTimestamp=ze,j.frame=requestAnimationFrame(Pe);return}const ye=ze-j.lastTimestamp;if(j.lastTimestamp=ze,ye<=0){j.frame=requestAnimationFrame(Pe);return}const ke=j.velocity;let se=ke;const We=V*ye;ke>0?se=Math.max(0,ke-We):ke<0&&(se=Math.min(0,ke+We));const Ce=(ke+se)/2*ye,ve=L.current;if(Ce!==0&&Le.current($e=>$e+Ce),Re.current.generation!==Ie)return;const je=L.current,{contentSize:He,viewportSize:m}=Be.current,P=Math.max(He-m,0);j.velocity=se;const Ee=je===ve||je<=0&&se<=0||je>=P&&se>=0;if(Math.abs(se)<ee||Ee){ge();return}j.frame=requestAnimationFrame(Pe)};Re.current.frame=requestAnimationFrame(Pe)},[B,Ae,ge]),it=r.useRef(T);r.useEffect(()=>{it.current=T},[T]),r.useLayoutEffect(()=>{Be.current={contentSize:e,viewportSize:X}},[e,X]),r.useLayoutEffect(()=>{const p=I.current;if(!p)return;const ne=()=>{p.scrollTop!==0&&(R.debug("[ScrollPane] Native scroll detected, resetting to 0",()=>({scrollTop:p.scrollTop})),p.scrollTop=0),p.scrollLeft!==0&&(p.scrollLeft=0)};return p.addEventListener("scroll",ne),()=>p.removeEventListener("scroll",ne)},[]),r.useLayoutEffect(()=>{if(B){R.debug("[ScrollPane] Adjusting scroll position due to content or viewport size change",()=>({contentSize:e,viewportSize:X,scrollPosition:L.current}));const p=ae(e-X,0,e);L.current>p&&Se(p)}else Se(0)},[B,Se,e,X]),r.useEffect(()=>{const p=V=>{if(V.ctrlKey)return;const F=V.shiftKey&&V.deltaX===0,Z=F?V.deltaY:V.deltaX,Ie=F?0:V.deltaY;if(Z!==0&&Math.abs(Z)>=Math.abs(Ie)){if(Ne.current){V.preventDefault(),ge();let j=Z;V.deltaMode===1?j*=16:V.deltaMode===2&&(j*=X),Ne.current(j)}return}if(!B||V.deltaY===0)return;V.preventDefault(),ge();let ze=V.deltaY;V.deltaMode===1?ze*=16:V.deltaMode===2&&(ze*=X),ie!==1&&(ze*=ie),R.debug("[ScrollPane] wheel event",()=>({deltaY:ze,scrollPosition:L.current,wheelSpeedMultiplier:ie,deltaMode:V.deltaMode,scrollTop:I.current?.scrollTop})),Se(j=>j+ze)},ne=()=>{ge()},ee=re.current;return ee&&(ee.addEventListener("wheel",p,{passive:!1}),ee.addEventListener("pointerdown",ne,{capture:!0,passive:!0})),()=>{ee&&(ee.removeEventListener("wheel",p),ee.removeEventListener("pointerdown",ne,{capture:!0}))}},[B,Se,ge,X,ie]),r.useImperativeHandle(H,()=>({scrollTo:p=>(ge(),Se(p)),getScrollPosition:()=>L.current,getContentSize:()=>e,getViewportSize:()=>X}),[Se,e,X,ge]);const ct=r.useId(),y=te?.id??ct,G=r.useRef({pointerType:"",pointerId:null,startClientY:0,startScroll:0,isDragging:!1,shouldCancelNextClick:!1,clickResetTimer:null,velocitySamples:[]}),Xe=r.useRef(d),ot=r.useRef(x);r.useEffect(()=>{Xe.current=d},[d]),r.useEffect(()=>{ot.current=x},[x]);const Ve=r.useRef(B);r.useEffect(()=>{Ve.current=B},[B]);const Qe=r.useRef(Ae);r.useEffect(()=>{Qe.current=Ae},[Ae]),r.useEffect(()=>{const p=G.current;if(d&&B&&(p.pointerId===null||Lt(p.pointerType,x))||p.pointerId===null)return;const ne=I.current;p.clickResetTimer!==null&&(window.clearTimeout(p.clickResetTimer),p.clickResetTimer=null);const ee=p.isDragging&&p.shouldCancelNextClick,V=p.pointerId;p.pointerId=null,p.pointerType="",p.startClientY=0,p.startScroll=0,p.isDragging=!1,p.shouldCancelNextClick=ee,p.velocitySamples=[],ne?.hasPointerCapture(V)&&ne.releasePointerCapture(V)},[d,x,B]),r.useEffect(()=>{const p=I.current;if(!p)return;const ne=6,ee=()=>typeof performance<"u"&&typeof performance.now=="function"?performance.now():Date.now(),V=()=>{const m=G.current;m.pointerId=null,m.pointerType="",m.startClientY=0,m.startScroll=0,m.isDragging=!1,m.velocitySamples=[]},F=()=>{const m=G.current;m.clickResetTimer!==null&&(window.clearTimeout(m.clickResetTimer),m.clickResetTimer=null)},Z=m=>{const P=G.current,Ee=ee();P.velocitySamples.push({clientY:m,time:Ee});const $e=Qe.current.velocitySampleWindow;P.velocitySamples=P.velocitySamples.filter(Me=>Ee-Me.time<=$e)},Ie=m=>m instanceof HTMLElement&&m.closest("[data-scrollpane-ignore-drag='true']")!==null,Pe=m=>{const P=G.current;P.shouldCancelNextClick&&(m.preventDefault(),m.stopPropagation(),P.shouldCancelNextClick=!1)},ze=m=>{const P=G.current;if(!P.isDragging){if(P.isDragging=!0,P.shouldCancelNextClick=!0,!p.hasPointerCapture(m.pointerId))try{p.setPointerCapture(m.pointerId)}catch{}Z(m.clientY)}},j=m=>m.isTrusted||m.target===p,ye=m=>{const P=G.current;p.hasPointerCapture(m)&&p.releasePointerCapture(m),P.shouldCancelNextClick=!1,F(),V()},ke=m=>{const P=G.current;if(P.pointerId!==m.pointerId)return;if(m.buttons===0&&Ir(m.pointerType)){ye(m.pointerId);return}if(!(Xe.current&&Ve.current)||!Lt(m.pointerType,ot.current)||!P.isDragging&&(Math.abs(m.clientY-P.startClientY)<ne||(ze(m),!P.isDragging)))return;Z(m.clientY);const Ee=m.clientY-P.startClientY,$e=P.startScroll-Ee;Le.current($e),m.cancelable&&m.preventDefault()},se=()=>{const m=G.current;return m.pointerId!==null||!m.shouldCancelNextClick?!1:(F(),m.clickResetTimer=window.setTimeout(()=>{const P=G.current;P.shouldCancelNextClick=!1,P.clickResetTimer=null},0),!0)},We=m=>{const P=G.current;if(P.pointerId!==m.pointerId){se();return}P.isDragging&&P.shouldCancelNextClick&&m.cancelable&&(m.preventDefault(),m.stopPropagation()),P.isDragging&&Z(m.clientY);let Ee=0;if(P.isDragging&&P.velocitySamples.length>=2){const Me=P.velocitySamples,Ge=Qe.current.velocitySampleWindow,qe=Me[Me.length-1],Ze=Me.find(ut=>qe.time-ut.time<=Ge)??Me[0];if(qe&&Ze&&qe.time!==Ze.time){const ut=qe.clientY-Ze.clientY,mt=qe.time-Ze.time;Ee=-(ut/mt)}}F(),P.shouldCancelNextClick&&(P.clickResetTimer=window.setTimeout(()=>{const Me=G.current;Me.shouldCancelNextClick=!1,Me.clickResetTimer=null},0));const $e=Qe.current.startVelocityThreshold;V(),p.hasPointerCapture(m.pointerId)&&p.releasePointerCapture(m.pointerId),Math.abs(Ee)>=$e&&it.current?.(Ee)},et=m=>{if(G.current.pointerId!==null){if(!m.isPrimary||m.pointerType!==G.current.pointerType)return;ye(G.current.pointerId)}if(G.current.shouldCancelNextClick&&(F(),G.current.shouldCancelNextClick=!1),!(Xe.current&&Ve.current)||!Lt(m.pointerType,ot.current)||m.button!==0&&m.pointerType==="mouse"||m.ctrlKey||m.metaKey||m.altKey||Ie(m.target))return;window.dispatchEvent(new CustomEvent(Ft,{detail:{paneId:ct}})),st.current?.();const P=G.current;F(),P.pointerId=m.pointerId,P.pointerType=m.pointerType,P.startClientY=m.clientY,P.startScroll=L.current,P.isDragging=!1,P.shouldCancelNextClick=!1,P.velocitySamples=[]},Ce=m=>{if(G.current.pointerId!==m.pointerId){se();return}j(m)&&ye(m.pointerId)},je=[["click",Pe,!0],["pointerdown",et,{passive:!1}],["lostpointercapture",m=>{m.target!==p||G.current.pointerId!==m.pointerId||ye(m.pointerId)},void 0]],He=[["pointermove",ke,{passive:!1}],["pointerup",We,void 0],["pointercancel",Ce,void 0]];return Et(p,je,"add"),Et(window,He,"add"),()=>{Et(p,je,"remove"),Et(window,He,"remove");const m=G.current;m.pointerId!==null&&p.hasPointerCapture(m.pointerId)&&p.releasePointerCapture(m.pointerId),F(),V()}},[ct]);const ue=r.useCallback(p=>(ge(),Se(p)),[Se,ge]);return $.jsxs("div",{ref:re,"data-testid":C,"data-self-measured":q?"true":void 0,className:St.twMerge("aqvs-scroll-pane",v),style:g,children:[$.jsxs("div",{ref:I,className:St.twMerge("aqvs-scroll-pane-content"),"data-testid":"aqvs-scroll-pane-content",style:{height:q?void 0:X,paddingTop:oe.top,paddingBottom:oe.bottom,...d&&B&&x.some(p=>p==="touch"||p==="pen")?{touchAction:"none"}:{}},...te,id:y,children:[E,n(L.current)]}),$.jsx(Jt,{contentSize:e,viewportSize:X,scrollPosition:L.current,onScroll:ue,enableThumbDrag:o,enableTrackClick:c,enableArrowButtons:f,scrollBarWidth:i,ariaControls:y,tapScrollCircleOptions:Q,itemCount:le,renderThumbOverlay:ce,visibleStartIndex:z,visibleEndIndex:A},"scrollbar"),w?.()]})}),jt=(n,e,t)=>Math.min(Math.max(n,e),t),vr=({dragState:n,normalizedDistance:e,sizeScale:t,size:s})=>{const i=Math.max(s/2,1),o=1+e*.65,c=Math.max(.65,1-e*.25),f=n.direction*e*26*t,d=.8+e*.18,x=3*t,S=6*t,v=22*t,C=Math.abs(f)+S,g=f>0?x:-Math.abs(f)-x,E=Math.max(2.5,3*t),Q=jt(n.offsetX,-i,i),Y=jt(n.offsetY,-i,i),le=i*.35,ce=Q/i*le,ie=Y/i*le,pe=ce*.45,he=ie*.45,z=Math.max(v*.38,6),A=.65+e*.2,w=n.active;return $.jsxs($.Fragment,{children:[$.jsx("div",{className:"aqvs-tap-scroll-circle-gradient",style:{transform:`scale(${c}, ${o})`,transition:w?"40ms transform ease-out":"200ms ease transform"}}),$.jsx("div",{className:"aqvs-sample-visual-pupil",style:{width:v,height:v,transform:`translate(calc(-50% + ${ce}px), calc(-50% + ${ie}px)) scale(${c}, ${d*o})`,transition:w?"70ms transform ease-out":"200ms ease transform"}}),$.jsx("div",{className:"aqvs-sample-visual-highlight",style:{width:z,height:z,transform:`translate(calc(-50% + ${pe}px), calc(-50% + ${he}px)) scale(${c}, ${o})`,opacity:A,boxShadow:"0 0 8px rgba(255,255,255,0.45)",transition:w?"120ms opacity 150ms, 120ms transform ease-out ease-out":"220ms ease transform, 240ms opacity ease"}}),$.jsx("div",{className:"aqvs-sample-visual-rod",style:{width:E,height:C,transform:`translate(-50%, ${g}px)`,opacity:e,transition:w?"40ms height, 60ms opacity ease-out ease-out":"200ms ease height, 120ms ease opacity"}})]})},kt=100,Tr=n=>{if(!Number.isFinite(n))return 0n;const e=Math.trunc(n);return e<=0?0n:BigInt(e)},Ot=(n,e)=>{if(!Number.isFinite(n))throw new Error(`valueFn returned a non-finite value at index ${e}: ${n}`);return n},xt=n=>{if(n<=0||!Number.isFinite(n))return 0;const e=Math.trunc(n);if(e<=2147483647)return e&-e;const t=BigInt(e)&-BigInt(e);return Number(t)};class lt{tree;deltas;size;baseValue;valueFn;total;constructor(e,t,s){this.reset(e,t,s)}reset(e,t,s){const i=Number.isFinite(e)&&e>0?Math.trunc(e):0;if(typeof t!="function"){this.size=i,this.tree=new Map,this.deltas=new Map,this.valueFn=void 0,this.baseValue=t,this.total=this.baseValue*this.size;return}let o=0,c;if(i>0){const f=s?.sampleRange??{from:0,to:Math.min(kt-1,i-1)};let d=Math.max(0,Math.trunc(f.from)),x=Math.min(Math.trunc(f.to),i-1);if(d>x&&(d=0,x=Math.min(kt-1,i-1)),i>kt)o=lt._sampleBaseValueStrided(t,i,kt),s?.materialize&&(c={from:d,values:lt._collectValidatedValues(t,d,x)});else{const S=lt._collectValidatedValues(t,d,x);o=lt._modeOrMedian([...S]),s?.materialize&&(c={from:d,values:S})}}if(this.size=i,this.tree=new Map,this.deltas=new Map,this.total=void 0,this.valueFn=t,this.baseValue=o,c)for(let f=0;f<c.values.length;f++){const d=c.from+f;if(d>=this.size)break;const x=c.values[f]-this.baseValue;x!==0&&(this.deltas.set(d,x),this._updateTree(d,x))}this.total=this.getTotal()}setValueFn(e,t){if(t?.reset){this.reset(this.size,e);return}typeof e=="function"?this.valueFn=e:(this.valueFn=void 0,this.baseValue=e,this.total=this._computeTreeTotal())}static _collectValidatedValues(e,t,s){const i=[];for(let o=t;o<=s;o++)i.push(Ot(e(o),o));return i}static _modeOrMedian(e){if(e.length===0)return 0;e.sort((c,f)=>c-f);const t=Math.floor(e.length/2);let s;e.length%2===0?s=Math.floor((e[t-1]+e[t])/2):s=e[t];const i=new Map;let o=0;for(const c of e){const f=(i.get(c)??0)+1;i.set(c,f),f>o&&(o=f)}if(o>e.length*.2){const c=[];for(const[d,x]of i.entries())x===o&&c.push(d);const f=c.reduce((d,x)=>d+x,0);s=Math.floor(f/c.length)}return s}static _sampleBaseValueStrided(e,t,s){if(t<=0)return 0;let i=Math.max(1,Math.ceil(t/s));i%2===0&&(i+=1);const o=[];for(let c=0;c<t&&o.length<s;c+=i)o.push(Ot(e(c),c));return lt._modeOrMedian(o)}update(e,t){return this.updates([{index:e,value:t}])}updates(e){const t=this._buildDeltaUpdates(e);return t.length>0?this.updateDeltas(t):this.total}updateDelta(e,t){return this.updateDeltas([{index:e,change:t}])}updateDeltas(e){const t=new Map;for(const{index:s,change:i}of e){if(s<0||s>=this.size)throw new Error(`Index ${s} out of bounds`);if(!Number.isInteger(s))throw new Error(`Index must be an integer: ${s}`);if(!Number.isFinite(i))throw new Error(`Change must be a finite number: ${i}`);const c=(t.get(s)??this.deltas.get(s)??0)+i;if(c+this.baseValue<-1e-9)throw new Error(`Change would make the value at index ${s} negative: ${c+this.baseValue}`);t.set(s,c)}for(const{index:s,change:i}of e){const c=(this.deltas.get(s)??0)+i;c===0?this.deltas.delete(s):this.deltas.set(s,c),this._updateTree(s,i)}return this.total}_updateTree(e,t){if(t===0)return;let s=e+1;for(;s<=this.size;){this.tree.set(s,(this.tree.get(s)??0)+t);const i=xt(s);if(i===0)break;s+=i}this.total!==void 0&&(this.total+=t)}_buildDeltaUpdates(e){const t=[],s=new Map;for(const{index:i,value:o}of e){if(i<0||i>=this.size)throw new Error(`Index ${i} out of bounds`);if(!Number.isInteger(i))throw new Error(`Index must be an integer: ${i}`);if(!Number.isFinite(o))throw new Error(`Value must be a finite number: ${o}`);if(o<0)throw new Error("Value cannot be negative.");const c=s.has(i)?s.get(i)??0:this.deltas.get(i)??0,f=c+this.baseValue,d=o-f;d!==0&&t.push({index:i,change:d}),s.set(i,c+d)}return t}_computeTreeTotal(){if(this.size<=0)return 0;let e=0,t=this.size;for(;t>0;){e+=this.tree.get(t)??0;const s=xt(t);if(s===0)break;t-=s}return e+this.baseValue*this.size}_materialize(e,t=!0){if(this.valueFn){const s=this.deltas.get(e)??0,o=Ot(this.valueFn(e),e)-this.baseValue;if(o!==s&&(o===0?this.deltas.delete(e):this.deltas.set(e,o),t)){const c=o-s;this._updateTree(e,c)}}}_materializeRanges(e,t,s=!1){if(!(e?.materialize&&this.valueFn))return;const i=e.ranges;if(i&&i.length>0){for(const f of i){const d=Math.max(0,Math.trunc(f.from)),x=Math.min(Math.trunc(f.to),this.size-1);for(let S=d;S<=x;S++)this._materialize(S)}if(t===void 0)return;if(s){this._materialize(t);return}const o=i[0].from,c=i[i.length-1].to;t>=o&&t<=c&&this._materialize(t);return}t!==void 0&&this._materialize(t)}_findIndex(e,t={},s){if(this.size>=1073741824)return this._findIndexLarge(e,t,s);if(this.size===0)return{index:-1,total:this.total??0,cumulative:void 0,currentValue:void 0,safeIndex:void 0};this._materializeRanges(t.materializeOption);const i=t.materializeOption?.materialize===!0;let o;for(;;){if(o=this._descend(e,s),o<0||o>=this.size)return{index:-1,total:this.total??this.getTotal(),cumulative:void 0,currentValue:void 0,safeIndex:void 0};if(!i)break;const f=this.deltas.get(o)??0;if(this._materialize(o),(this.deltas.get(o)??0)===f)break}const c=this.prefixSum(o);return{index:o,total:this.total??c.total,cumulative:c.cumulative,currentValue:c.currentValue,safeIndex:c.safeIndex}}_descend(e,t){let s=0,i=0,o=1;for(;o<<1<=this.size;)o<<=1;for(;o>0;o>>=1){const c=s+o;if(c<=this.size){const d=(this.tree.get(c)??0)+this.baseValue*o;(t?i+d<e:i+d<=e)&&(s=c,i+=d)}}return t?s:s-1}_findIndexLarge(e,t,s){if(this.size===0)return{index:-1,total:this.total??0,cumulative:void 0,currentValue:void 0,safeIndex:void 0};const i=Tr(this.size);if(i===0n)return{index:-1,total:this.total??0,cumulative:void 0,currentValue:void 0,safeIndex:void 0};this._materializeRanges(t.materializeOption);const o=t.materializeOption?.materialize===!0;for(;;){let c=0n,f=i-1n,d,x,S=this.total;for(;c<=f;){const g=c+f>>1n,E=Number(g),Q=this.prefixSum(E);if(S=Q.total,s?Q.cumulative>=e:Q.cumulative<=e)if(d=g,x=Q,s){if(g===0n)break;f=g-1n}else c=g+1n;else if(s)c=g+1n;else{if(g===0n)break;f=g-1n}}const v=x,C=d!==void 0?Number(d):-1;if(o&&C>=0){const g=this.deltas.get(C)??0;if(this._materialize(C),(this.deltas.get(C)??0)!==g)continue}return{index:C,total:S,cumulative:v?.cumulative,currentValue:v?.currentValue,safeIndex:v?.safeIndex}}}prefixSum(e,t){if(e<0||Number.isNaN(e))return{cumulative:0,total:this.total,currentValue:0,safeIndex:0};if(this.size===0)return{cumulative:0,total:this.total??0,currentValue:0,safeIndex:0};const s=ae(Math.trunc(e),0,this.size-1),i=t?.materializeOption;this._materializeRanges(i,s,!0);let o=0,c=s+1;for(;c>0;){const d=this.tree.get(c)??0;o+=d;const x=xt(c);if(x===0)break;c-=x}const f=i?.materialize?this.get(s):(this.deltas.get(s)||0)+this.baseValue;return{cumulative:o+this.baseValue*(s+1),total:this.total,currentValue:f,safeIndex:s}}get(e,t){if(this.size===0)return 0;if(!Number.isInteger(e)||e<0||e>=this.size)throw new Error("Index out of bounds");const s=t?.materializeOption;return this._materializeRanges(s,e),(this.deltas.get(e)??0)+this.baseValue}getTotal(e){const t=e?.materializeOption;if(this._materializeRanges(t),this.total===void 0)if(this.size===0)this.total=0;else{this.total=this._computeTreeTotal();const s=this.prefixSum(this.getSize()-1);s.cumulative!==s.total&&R.error("Inconsistent Fenwick Tree state")}return this.total}rebuildTree(e){if(e?.materialize&&this.valueFn){const s=this.valueFn;this.reset(this.size,i=>s(i),{materialize:!0});return}const t=new Map;for(const[s,i]of this.deltas.entries()){if(i===0)continue;let o=s+1;for(;o<=this.size;){t.set(o,(t.get(o)??0)+i);const c=xt(o);if(c===0)break;o+=c}}this.tree=t,this.total=this._computeTreeTotal()}calculateAccumulatedError(){if(this.total===void 0)return 0;let e=this.baseValue*this.size;for(const[t,s]of this.deltas)t<this.size&&(e+=s);return this.total-e}changeSize(e){if(!Number.isFinite(e))throw new Error(`Size must be a finite number: ${e}`);const t=Math.max(0,Math.trunc(e)),s=this.size;if(t===s)return;if(t>s)if(s===0&&this.deltas.size>0){for(const o of this.deltas.keys())o>=t&&this.deltas.delete(o);this.size=t,this.rebuildTree()}else this._growSize(s,t);else{if(t>0)for(const o of this.deltas.keys())o>=t&&this.deltas.delete(o);this.size=t,this.rebuildTree()}const i=this.prefixSum(this.getSize()-1);i.cumulative!==i.total&&R.error("Inconsistent Fenwick Tree state")}static _minCoveredLowBound(e,t){let s=1;for(;;){const i=s*2;if(Math.floor(t/i)*i<=e)break;s=i}return s*Math.floor(e/s)}_propagateDeltaToGrownNodes(e,t,s,i){let o=e+1;for(;o<=s;){const c=xt(o);if(c===0)break;o+=c}for(;o<=i;){this.tree.set(o,(this.tree.get(o)??0)+t);const c=xt(o);if(c===0)break;o+=c}}_growSize(e,t){if(this.size=t,this.deltas.size>0){const s=lt._minCoveredLowBound(e,t);if(e-s<this.deltas.size)for(let o=s;o<e;o++){const c=this.deltas.get(o);c===void 0||c===0||this._propagateDeltaToGrownNodes(o,c,e,t)}else for(const[o,c]of this.deltas.entries())c===0||o<s||this._propagateDeltaToGrownNodes(o,c,e,t)}this.total=this._computeTreeTotal()}getSize(){return this.size}get base(){return this.baseValue}findIndexAtOrAfter(e,t){return this._findIndex(e,t??{},!0)}findIndexAtOrBefore(e,t){return this._findIndex(e,t??{},!1)}}const Mr=(n,e)=>{const t=n?.sampleRange,s=e?.sampleRange;return t===s?!1:t&&s?t.from!==s.from||t.to!==s.to:!0},er=(n,e,t)=>{const s=Number.isFinite(n)&&n>0?Math.trunc(n):0,i=r.useRef(null),o=r.useRef({size:s,valueOrFn:e,options:t});i.current===null&&(i.current=new lt(s,e,t));const c=i.current,f=o.current,d=f.size!==s,x=f.valueOrFn!==e,S=Mr(f.options,t),v=f.size===0&&s>0&&(!i.current||i.current.base===0);if(x||S){const C=t?.resetOnValueFnChange??!0;S||x&&C||v?(t?.debug&&R.debug("[useFenwickMapTree] reset",{valueOrFnChanged:x,optionsChanged:S}),c.reset(s,e,t)):(d&&(t?.debug&&R.debug("[useFenwickMapTree] resize (with valueFn change)",{from:f.size,to:s}),c.changeSize(s)),t?.debug&&R.debug("[useFenwickMapTree] setValueFn (no reset)",{valueOrFnChanged:x}),c.setValueFn(e,{reset:!1})),o.current={size:s,valueOrFn:e,options:t}}else d&&(t?.debug&&R.debug("[useFenwickMapTree] resize",{from:f.size,to:s}),v?c.reset(s,e,t):c.changeSize(s),o.current={size:s,valueOrFn:e,options:t});return c};class wr{key;value;prev=null;next=null;constructor(e,t){this.key=e,this.value=t}}class _t{head=null;tail=null;addToTail(e){this.tail?(this.tail.next=e,e.prev=this.tail,this.tail=e):this.head=this.tail=e}remove(e){e.prev?e.prev.next=e.next:this.head=e.next,e.next?e.next.prev=e.prev:this.tail=e.prev,e.prev=null,e.next=null}removeHead(){const e=this.head;return e&&this.remove(e),e}moveToTail(e){this.remove(e),this.addToTail(e)}}function tr(n){const e=r.useRef(new Map),t=r.useRef(new _t),s=Math.floor(n),i=r.useRef(s);r.useEffect(()=>{if(i.current=s,Number.isNaN(s)||s<0){R.warn(`useLruCache: invalid capacity ${n}; the cache will not store any entries.`),e.current.clear(),t.current=new _t;return}if(Number.isFinite(s))for(;e.current.size>s;){const S=t.current.removeHead();if(S)e.current.delete(S.key);else break}},[n,s]);const o=r.useCallback(S=>{const v=e.current.get(S);if(v)return t.current.moveToTail(v),v.value},[]),c=r.useCallback((S,v)=>{const C=i.current;if(Number.isNaN(C)||C<=0)return;let g=e.current.get(S);if(g)g.value=v,t.current.moveToTail(g);else{if(e.current.size>=C){const E=t.current.removeHead();E&&e.current.delete(E.key)}g=new wr(S,v),e.current.set(S,g),t.current.addToTail(g)}},[]),f=r.useCallback(S=>e.current.has(S),[]),d=r.useCallback(S=>{const v=e.current.get(S);v&&(t.current.remove(v),e.current.delete(S))},[]),x=r.useCallback(()=>{e.current.clear(),t.current=new _t},[]);return r.useMemo(()=>({get:o,set:c,has:f,remove:d,clear:x}),[o,c,f,d,x])}const Rr=1e4,Pr=()=>{const{get:n,set:e,has:t,clear:s}=tr(Rr);return r.useMemo(()=>({get:n,set:e,has:t,clear:s}),[n,e,t,s])},xe=(n,e)=>e<=0?0:ae(n,0,e-1),$t=n=>({top:Math.max(0,n?.top??0),bottom:Math.max(0,n?.bottom??0)}),Je=(n,e)=>n<=e?0:n-e,gt=(n,e)=>n<=0?0:n+e,Nt=1e3,Ut=2e3,yr=1048576,Mt=n=>{if(!Number.isFinite(n))return 0n;const e=Math.trunc(n);return e<=0?0n:BigInt(e)},Cr=(n,e,t,s,i,o,c,f)=>{const d=Mt(s);if(d===0n)return{renderingStartIndex:0,renderingEndIndex:0,visibleStartIndex:0,visibleEndIndex:0};const x=z=>z<0n?0n:z>=d?d-1n:z,S={materializeOption:{materialize:!1}},{index:v,cumulative:C}=o.findIndexAtOrAfter(n,S);let g;v===-1?g=d-1n:(C===n?g=Mt(v+1):g=Mt(v),g>=d&&(g=d-1n)),n<=0&&(g=0n),f&&n>=c&&(g=d-1n);const E=z=>{const A=Number(z);if(!Number.isSafeInteger(A))return null;const{cumulative:w}=o.prefixSum(A,{materializeOption:{materialize:!1}});if(!Number.isFinite(w))return null;const{index:K}=o.findIndexAtOrAfter(w+.5,{materializeOption:{materialize:!1}});if(K===-1)return null;const te=Mt(K);return te>z?te:null},Q=z=>{let A=0,w=z,K=z,te=0n,H=0;for(;w<d&&A<e;){const L=Number(w),re=i(L);if(A+=re,K=w,w+=1n,te+=1n,!Number.isFinite(re)||re<0)break;if(re===0){if(H+=1,H>Nt){const I=E(K);if(I!==null&&I>w)w=I,H=0;else if(I!==null&&I===w&&i(Number(w))>0)H=0;else break}}else H=0}return te===0n&&(K=z),{height:A,end:K}};let{height:Y,end:le}=Q(g);if(Y<e&&g>0n){let z=g,A=Y,w=0;for(;z>0n&&A<e;){z-=1n;const te=Number(z),H=i(te);if(A+=H,!Number.isFinite(H)||H<0)break;if(H===0){if(w+=1,w>Nt){const L=Number(z);if(!Number.isSafeInteger(L))break;const{cumulative:re}=o.prefixSum(L,{materializeOption:{materialize:!1}});if(!Number.isFinite(re))break;const{index:I}=o.findIndexAtOrAfter(re-.5,{materializeOption:{materialize:!1}}),q=I===-1?-1n:Mt(I);if(q>=0n&&q<z)z=q+1n,w=0;else if(q===z&&z>=1n&&i(Number(z-1n))>0)w=0;else break}}else w=0}g=x(z);const K=Q(g);Y=K.height,le=K.end}const ce=x(g),ie=x(le),pe=x(ce-BigInt(Math.max(0,t))),he=x(ie+BigInt(Math.max(0,t)));return{renderingStartIndex:xe(Number(pe),s),renderingEndIndex:xe(Number(he),s),visibleStartIndex:xe(Number(ce),s),visibleEndIndex:xe(Number(ie),s)}},Er=(n,e,t,s,i,o,c)=>{if(s===0)return{renderingStartIndex:0,renderingEndIndex:0,visibleStartIndex:0,visibleEndIndex:0};const f=Number.isFinite(c),d=f?Math.min(Math.max(0,n),c):Math.max(0,n);if(s>=Number.MAX_SAFE_INTEGER)return Cr(d,e,t,s,i,o,c,f);const{index:x,cumulative:S,currentValue:v}=o.findIndexAtOrAfter(d,{materializeOption:{materialize:!1}}),C=x===-1?e<=0||(S??0)<d+(v??0)?s-1:0:x;let g=xe(C,s),E=0;if(x!==-1&&S===d)g=xe(x+1,s),E=0;else if(g===x&&S!==void 0&&v!==void 0)E=S-v-d;else{const{cumulative:z,currentValue:A}=o.prefixSum(g,{materializeOption:{materialize:!1}});E=(z??0)-(A??0)-d}const Q=E,Y=(z,A)=>{let w=z,K=A,te=0;for(;w<s&&K<e;){const H=i(w);if(K+=H,w++,!Number.isFinite(H)||H<0)break;if(H===0){if(te++,te>Nt){const{cumulative:L}=o.prefixSum(w-1,{materializeOption:{materialize:!1}}),{index:re}=Number.isFinite(L)?o.findIndexAtOrAfter(L+.5,{materializeOption:{materialize:!1}}):{index:-1};if(re>w)w=re,te=0;else if(re===w&&i(w)>0)te=0;else break}}else te=0}return{cursor:w,height:K}},le=Y(g,E);let ce=le.cursor;if(E=le.height,E<e&&g>0){let z=E+Math.abs(Math.min(0,Q)),A=g-1,w=0;for(;A>=0&&z<e;){const te=i(A);if(z+=te,!Number.isFinite(te)||te<0){A--;break}if(te===0){if(w++,w>Nt){const{cumulative:H}=o.prefixSum(A,{materializeOption:{materialize:!1}}),{index:L}=Number.isFinite(H)?o.findIndexAtOrAfter(H-.5,{materializeOption:{materialize:!1}}):{index:-1};if(L!==-1&&L<A){A=L,w=0;continue}if(L===A&&A>=1&&i(A-1)>0)w=0;else{A--;break}}}else w=0;A--}g=xe(A+1,s);const K=Y(g,0);ce=K.cursor,E=K.height}const ie=xe(g-t,s),pe=xe(Math.max(ce-1,g),s),he=xe(pe+t,s);return{renderingStartIndex:ie,renderingEndIndex:he,visibleStartIndex:g,visibleEndIndex:pe}},Kt=(n,e,t)=>{const s=Math.max(0,e??0),i=r.useRef({last:0,id:null,arg:null}).current;return r.useEffect(()=>()=>{if(i.id!==null&&(cancelAnimationFrame(i.id),i.id=null),i.arg!==null&&n.current){try{t(n.current,i.arg)}catch(o){console.error("[useThrottledInvoker] Error flushing pending callback on unmount",o)}i.arg=null}},[i,n,t]),r.useCallback(o=>{if(i.arg=o,i.id!==null)return;const c=f=>{if(i.id=null,i.arg===null)return;const d=f-i.last;if(s===0||i.last===0||d>=s){if(n.current)try{t(n.current,i.arg)}catch(x){console.error("[useThrottledInvoker] Error invoking callback",x)}i.arg=null,i.last=f}i.arg!==null&&(i.id=requestAnimationFrame(c))};i.id=requestAnimationFrame(c)},[s,t,n,i])},kr=r.memo(({index:n,top:e,height:t,item:s,children:i,clipItemHeight:o,enableKeyboardNavigation:c,onKeyDown:f,onFocus:d,registerItemRef:x})=>{const S=r.useCallback(E=>x(n,E),[n,x]),v=r.useCallback(E=>f(E,n),[n,f]),C=r.useCallback(()=>d(n),[n,d]),g=r.useCallback(E=>{E.currentTarget.focus({preventScroll:!0})},[]);return $.jsx("div",{ref:S,"data-index":n,"data-virtualscroll-item":"true",className:"aqvs-item-container",style:{top:e,height:t,overflow:o?"hidden":void 0},tabIndex:c?-1:void 0,onPointerDown:c?g:void 0,onKeyDownCapture:c?v:void 0,onFocusCapture:c?C:void 0,children:i(s,n)})}),Nr=({itemCount:n,getItem:e,getItemKey:t,getItemHeight:s,viewportSize:i,overscanCount:o=15,className:c,testId:f,onScroll:d,onRangeChange:x,children:S,background:v,initialScrollIndex:C,initialScrollOffset:g,initialScrollAnchor:E,callbackThrottleMs:Q=5,contentInsets:Y,onItemFocus:le,scrollBarOptions:ce,behaviorOptions:ie,onWheelHorizontal:pe,contentProps:he},z)=>{const{width:A,enableThumbDrag:w,enableTrackClick:K,enableArrowButtons:te,enableScrollToTopBottomButtons:H,renderThumbOverlay:L,tapScrollCircleOptions:re}=ce??{},{enablePointerDrag:I,pointerDragInputs:q,enableKeyboardNavigation:W=!0,wheelSpeedMultiplier:Ke,inertiaOptions:X,clipItemHeight:we=!1,resetOnGetItemHeightChange:Ne=!1}=ie??{},[Re,Ae]=r.useState(0),oe=i??Re,Be=r.useCallback(l=>{Ae(u=>u===l?u:l)},[]),B=r.useRef(null),Se=r.useRef({renderingStartIndex:0,renderingEndIndex:0,visibleStartIndex:0,visibleEndIndex:0,scrollPosition:0,totalHeight:0}),Le=r.useRef(E&&n>0?{index:ae(Math.trunc(E.index),0,n-1),align:"top",offset:-Math.max(0,E.offsetPx??0)}:null),ge=r.useRef(!1),st=r.useRef(!0);r.useEffect(()=>{if(st.current){st.current=!1;return}Ne&&(Le.current=null)},[Ne,s]);const T=r.useMemo(()=>$t(Y),[Y]),[it]=r.useState(()=>{const u=E?.index??C,h=typeof u=="number"&&Number.isFinite(u)?Math.max(0,Math.trunc(u)):0;return{from:Math.max(0,h-50),to:h+50}}),ct=r.useMemo(()=>({sampleRange:it,resetOnValueFnChange:Ne,materialize:!0}),[Ne,it]),y=er(n,s,ct),[G]=r.useState(()=>{let l=0,u=0;if(E&&n>0){const h=ae(Math.trunc(E.index),0,n-1),N=Math.max(0,E.offsetPx??0),D=ae(h-o*2,0,n-1),_=ae(h+o*2,0,n-1),U=h>0||N>0?{materializeOption:{materialize:!0,ranges:[{from:D,to:_}]}}:void 0,{cumulative:J,total:Te,currentValue:fe}=y.prefixSum(h,U),de=Math.max(J-fe+N,0);l=gt(de,T.top),u=Te??y.getTotal()}else if(typeof C=="number"){const h=ae(C,0,n-1),N=ae(h-o*2,0,n-1),D=ae(h+o*2,0,n-1),_=C>0?{materializeOption:{materialize:!0,ranges:[{from:N,to:D}]}}:void 0,{cumulative:U,total:J,currentValue:Te}=y.prefixSum(C,_),fe=Math.max(U-Te,0);l=gt(fe,T.top),u=J??y.getTotal()}else typeof g=="number"&&(l=gt(Math.max(g,0),T.top)),u=y.getTotal();return{position:l,total:u}}),[Xe,ot]=r.useState(G.position),[Ve,Qe]=r.useState(G.total),ue=r.useRef(G.position),p=r.useRef(T.top),ne=r.useRef(d??void 0),ee=r.useRef(x??void 0),V=r.useRef(new Map),F=r.useRef(null),Z=r.useRef(null),[Ie,Pe]=r.useState(null),[ze,j]=r.useState(!1),ye=r.useRef(null),ke=r.useRef(!1),se=r.useRef(0),We=r.useRef(!1),et=r.useRef(!1),Ce=r.useRef(n);Ce.current!==n&&(Ce.current=n,et.current=!0),r.useEffect(()=>{ne.current=d??void 0,ee.current=x??void 0},[x,d]);const ve=r.useCallback(l=>{if(W&&l&&typeof l.focus=="function")try{l.focus({preventScroll:!0})}catch{l.focus()}},[W]),je=r.useCallback((l,{position:u,totalHeight:h})=>{l(u,h)},[]),He=Kt(ne,Q,je),m=r.useCallback((l,u)=>{l(u)},[]),P=Kt(ee,Q,m),Ee=r.useRef(T.top);Ee.current=T.top;const $e=r.useRef(He);$e.current=He,r.useEffect(()=>(ge.current=!1,()=>{ge.current=!0,ye.current&&(clearTimeout(ye.current),ye.current=null)}),[]),r.useEffect(()=>{W||(V.current.clear(),F.current=null,Z.current=null)},[W]);const Me=r.useCallback((l,u)=>{if(!u){V.current.delete(l);return}W&&(V.current.set(l,u),F.current===l&&(F.current=null,Z.current=l,ve(u)))},[W,ve]),Ge=.01,qe=r.useRef({rafId:null,loopActive:!1,idleFrames:0,lastRenderedPosition:G.position}),Ze=r.useCallback(()=>{const l=qe.current;l.rafId!==null&&typeof cancelAnimationFrame=="function"&&cancelAnimationFrame(l.rafId),l.rafId=null,l.loopActive=!1,l.idleFrames=0},[]);r.useEffect(()=>()=>{Ze()},[Ze]);const ut=r.useRef(()=>{}),mt=r.useCallback(()=>{const l=qe.current;l.rafId=null;const u=ue.current,h=Je(u,Ee.current),N=y.getTotal();if(ot(_=>Math.abs(_-u)<Ge?_:u),Math.abs(l.lastRenderedPosition-u)>=Ge?($e.current({position:h,totalHeight:N}),l.lastRenderedPosition=u,l.idleFrames=0):l.idleFrames+=1,l.idleFrames>=2){Ze();return}if(typeof requestAnimationFrame=="function"){l.rafId=requestAnimationFrame(_=>ut.current(_));return}l.loopActive=!1},[y,Ze]);ut.current=mt;const bt=r.useCallback(()=>{const l=qe.current;if(l.idleFrames=0,!l.loopActive){if(l.loopActive=!0,typeof requestAnimationFrame=="function"){l.rafId=requestAnimationFrame(mt);return}l.loopActive=!1}},[mt]),me=r.useCallback((l,u)=>{const h=u?.immediate??!1,N=Je(l,T.top);if(ue.current=l,h){qe.current.lastRenderedPosition=l,qe.current.idleFrames=0,ot(l),He({position:N,totalHeight:y.getTotal()});return}bt()},[bt,y,T.top,He]),ft=r.useCallback(l=>{const u=B.current;if(!u)return l;const h=u.getScrollPosition();se.current+=1;const N=u.scrollTo(l);return N===h&&(se.current=Math.max(0,se.current-1)),Math.abs(N-l)>.5&&(We.current=!0),N},[]),wt=r.useRef(!1);r.useEffect(()=>{if(!wt.current)if(wt.current=!0,E==null&&typeof C!="number"&&typeof g=="number"){const l=gt(Math.max(g,0),T.top),u=Math.abs(l-ue.current)>.5;me(l,{immediate:!0}),u&&B.current?.scrollTo(l)}else me(ue.current,{immediate:!0})},[E,C,g,T.top,me]),r.useEffect(()=>{const l=y.getTotal();if(Ve!==l){Qe(l);return}if(We.current){We.current=!1;const u=B.current;if(u&&Math.abs(u.getScrollPosition()-ue.current)>.5){const h=ft(ue.current);We.current=!1,me(h,{immediate:!0})}}},[y,Ve,n,ft,me]),r.useEffect(()=>{if(Le.current!==null){const{index:l,align:u,offset:h}=Le.current,N=xe(l,n),{cumulative:D,currentValue:_}=y.prefixSum(N,{materializeOption:{materialize:!1}});if(D!==void 0&&_!==void 0){const U=Math.max(D-_,0);let J=U;u==="bottom"?J=D-oe:u==="center"&&(J=U+_/2-oe/2),h&&(J-=h),J=Math.max(0,J);const Te=Math.max(0,Ve+T.top+T.bottom-oe),fe=Math.min(gt(J,T.top),Te);Math.abs(fe-ue.current)>1&&(R.debug("[VirtualScroll] Drift correction",{from:ue.current,to:fe,targetIndex:N}),se.current===0&&(se.current+=1),B.current?.scrollTo(fe),me(fe,{immediate:!0}))}}et.current=!1},[Ve,y,n,T.top,me,oe,T.bottom]),r.useEffect(()=>{const l=p.current;if(l===T.top||(p.current=T.top,Le.current))return;const u=Je(ue.current,l),h=gt(u,T.top);ue.current=h,B.current?.scrollTo(h),me(h,{immediate:!0})},[T.top,me]);const pt=r.useCallback((l,u)=>{if(n===0)return;const h=xe(l,n),N=y.get(h),D=u-N,_=y.update(h,u);_!==void 0&&Qe(_),R.debug("[VirtualScroll] Updated item size manually",{index:h,size:u,total:_});let U=Le.current?Le.current.index:null;if(U===null){const J=ue.current,Te=$t(Y).top,fe=Je(J,Te),{index:de,cumulative:Fe}=y.findIndexAtOrAfter(fe,{materializeOption:{materialize:!1}});U=Fe!==void 0&&Fe===fe?de+1:de}if(U!==-1&&h<U&&D!==0){const J=ue.current,Te=J+D;ft(Te),me(Te,{immediate:!0}),R.debug("[VirtualScroll] Adjusted scroll for layout shift (manual update)",{from:J,to:Te,causedByIndex:h,delta:D,activeVisibleStartIndex:U})}},[y,n,ft,me,Y]),Ue=r.useCallback((l,u)=>{if(!B.current||n===0)return;const h=xe(l,n),N=xe(h-o*2,n),D=xe(h+o*2,n),{cumulative:_,total:U,currentValue:J}=y.prefixSum(h,{materializeOption:{materialize:!0,ranges:[{from:N,to:D}]}});if(R.debug("[VirtualScroll] Scrolling to index:",h,"ItemBottom:",_,"Total height:",U,"ItemHeight:",J,"safeIndexFrom:",N,"safeIndexTo:",D),!U)return;const Te=Math.max(_-J,0);let fe=Te;u?.align==="bottom"?fe=_-oe:u?.align==="center"&&(fe=Te+J/2-oe/2),u?.offset&&(fe-=u.offset),fe=Math.max(0,fe);const de=gt(fe,T.top),Fe=B.current?.getContentSize()??U+T.top+T.bottom,De=Math.max(0,Fe-oe),Ye=Math.min(de,De);Le.current={index:h,align:u?.align,offset:u?.offset};const vt=B.current?.getScrollPosition()??-1,zt=Math.abs(vt-Ye)>.5;ke.current=!1,se.current=0,zt&&(ke.current=!0,se.current+=1,B.current?.scrollTo(Ye)),Qe(U),me(Ye,{immediate:!0}),R.debug("[VirtualScroll] Setting scroll position to:",Ye,{original:de,max:De})},[y,o,n,T.top,T.bottom,oe,me]),Rt=r.useRef(E&&n===0?E:null);r.useEffect(()=>{const l=Rt.current;!l||n===0||(Rt.current=null,Ue(ae(Math.trunc(l.index),0,n-1),{align:"top",offset:-Math.max(0,l.offsetPx??0)}))},[n,Ue]);const Pt=r.useCallback(l=>{if(!B.current||n===0)return;const u=y.getTotal(),h=ae(Math.floor(l),0,u),{index:N,cumulative:D,currentValue:_}=y.findIndexAtOrAfter(h,{materializeOption:{materialize:!1}}),J=(D??0)-(_??0)-h;Ue(N,{offset:J})},[y,n,Ue]),yt=r.useCallback(()=>{if(n===0)return null;const l=Je(ue.current,T.top),{index:u,cumulative:h,currentValue:N}=y.findIndexAtOrAfter(l,{materializeOption:{materialize:!1}});if(u===-1)return{index:n-1,offsetPx:0};if(h===l)return{index:ae(u+1,0,n-1),offsetPx:0};const D=(h??0)-(N??0);return{index:u,offsetPx:Math.max(0,l-D)}},[y,n,T.top]),Ct=r.useCallback(l=>{const u=Je(ue.current,T.top),h=typeof l=="function"?l(u):l;Pt(h);const N=B.current?.getScrollPosition(),D=typeof N=="number"?N:ue.current;return me(D),Je(D,Ee.current)},[T.top,Pt,me]),Vt=r.useCallback((l,u)=>{R.debug("[VirtualScroll] Scroll position changed:",l);const h=ke.current;h&&(ke.current=!1);const N=se.current>0;if(N&&(se.current=0),h||N||et.current||(Le.current=null),me(l),H){if(h||N)return;const D=l-u;if(R.debug("[VirtualScroll] Scroll diff:",D,"New:",l,"Prev:",u),Math.abs(D)>1){const _=D>0?"down":"up";Pe(_),j(!0),R.debug("[VirtualScroll] Showing scroll buttons. Direction:",_),ye.current&&clearTimeout(ye.current),ye.current=setTimeout(()=>{j(!1),R.debug("[VirtualScroll] Hiding scroll buttons")},2e3)}}},[me,H]),rt=r.useMemo(()=>Je(Xe,T.top),[T.top,Xe]),at=r.useMemo(()=>{const l=y.getTotal(),u=Er(rt,oe,o,n,s,y,l);return R.debug("[VirtualScroll] Calculated rendering range:",()=>({...u,scrollPosition:rt,renderingContentSize:l,overscanCount:o,viewportSize:oe})),u},[rt,oe,o,n,s,y]),{renderingStartIndex:a,renderingEndIndex:b,visibleStartIndex:M,visibleEndIndex:k}=at,O=r.useCallback((l,u)=>{if(!W||n===0)return;const h=xe(l,n);if(!(u?.ensureVisible??!0)){const De=V.current.get(h);De&&(F.current=null,Z.current=h,ve(De));return}const D=y.prefixSum(h,{materializeOption:{materialize:!1}}),_=D.currentValue,U=Math.max(D.cumulative-_,0),J=U+_,Te=Je(ue.current,T.top),fe=Te+oe;if(U<Te||J>fe){Ue(h);const De=V.current.get(h);De?(F.current=null,Z.current=h,ve(De)):F.current=h;return}const Fe=V.current.get(h);if(Fe){F.current=null,Z.current=h,ve(Fe);return}F.current=h},[W,n,y,T.top,Ue,ve,oe]),be=r.useCallback((l,u)=>{if(!W||l.defaultPrevented||l.altKey||l.metaKey||l.ctrlKey)return;const h=l.target;if(h){const N=h.tagName;if(N==="INPUT"||N==="TEXTAREA"||N==="SELECT"||h.isContentEditable)return}if(l.key==="ArrowDown"){u<n-1&&(l.preventDefault(),O(u+1));return}if(l.key==="ArrowUp"){u>0&&(l.preventDefault(),O(u-1));return}if(l.key==="PageDown"){if(u<n-1){l.preventDefault();const{visibleStartIndex:N,visibleEndIndex:D}=Se.current,_=Math.max(D-N+1,1),U=Math.max(_,1),J=xe(Math.min(u+U,n-1),n);O(J)}return}if(l.key==="PageUp"&&u>0){l.preventDefault();const{visibleStartIndex:N,visibleEndIndex:D}=Se.current,_=Math.max(D-N+1,1),U=Math.max(_,1),J=xe(u-U,n);O(J)}},[W,n,O]),Oe=r.useCallback(l=>{if(!W)return;const u=xe(l,n);F.current=null,Z.current=u,le?.(u)},[W,n,le]);r.useEffect(()=>{const l=B.current?.getScrollPosition()??0,u=ue.current,h=Je(u,T.top);R.debug("[VirtualScroll] Range change effect triggered",()=>({renderingStartIndex:a,renderingEndIndex:b,visibleStartIndex:M,visibleEndIndex:k,scrollPositionState:Xe,paneScrollPosition:u,logicalScrollPosition:h,contentSize:Ve,scrollPaneScrollPosition:l})),P({renderingStartIndex:a,renderingEndIndex:b,visibleStartIndex:M,visibleEndIndex:k,scrollPosition:h,totalHeight:Ve})},[Ve,b,a,T.top,P,Xe,k,M]);const _e=r.useCallback(()=>{if(!H)return null;const l=ze&&Ie!==null,u=Ie==="up";return $.jsx("div",{className:"aqvs-scroll-to-edge-overlay","data-visible":l,inert:!l,children:u?$.jsx("div",{className:"aqvs-scroll-to-edge-button-container aqvs-scroll-to-edge-button-container-top",children:$.jsx("button",{type:"button",className:"aqvs-scroll-to-edge-button",tabIndex:l?0:-1,onClick:h=>{h.stopPropagation(),ke.current=!0,Ue(0),j(!1)},children:"Top"})}):$.jsx("div",{className:"aqvs-scroll-to-edge-button-container aqvs-scroll-to-edge-button-container-bottom",children:$.jsx("button",{type:"button",className:"aqvs-scroll-to-edge-button",tabIndex:l?0:-1,onClick:h=>{h.stopPropagation(),ke.current=!0,Ue(n-1),j(!1)},children:"Bottom"})})})},[H,ze,Ie,Ue,n]),ht=r.useRef(0),{visibleItems:tt,renderAnchor:It}=r.useMemo(()=>{if(n===0)return{visibleItems:$.jsx("div",{className:"aqvs-no-items-container",children:$.jsx("div",{className:"aqvs-no-items-text",children:"No items"})}),renderAnchor:0};const l=xe(a,n),u=xe(b,n),{cumulative:h,currentValue:N}=y.prefixSum(l,{materializeOption:{materialize:!1}}),D=h-N;Number.isFinite(D)&&Math.abs(D-ht.current)>yr&&(ht.current=D);const _=ht.current,U=[],J=[];let Te=0,fe=D;for(let de=l;de<=u;de++){if(J.length>=Ut){R.warn("[VirtualScroll] Rendered item count reached the safety cap; truncating render window.",{cap:Ut,safeRenderingStartIndex:l,safeRenderingEndIndex:u});break}const Fe=s(de),De=y.get(de),Ye=Fe-De;Ye!==0&&U.push({index:de,value:Fe});const vt=fe+Te,zt=t?t(de):de;J.push($.jsx(kr,{index:de,top:vt-_,height:Fe,item:e(de),clipItemHeight:we,enableKeyboardNavigation:W,onKeyDown:be,onFocus:Oe,registerItemRef:Me,children:S},zt)),Te+=Ye,fe+=De}return U.length>0&&Promise.resolve().then(()=>{if(ge.current)return;let de=0;for(const Ye of U)if(Ye.index<M){const vt=y.get(Ye.index);de+=Ye.value-vt}const Fe=y.updates(U);if(ge.current||typeof Fe!="number")return;Qe(Fe),R.debug("[VirtualScroll] Updated heights for items",U,"New total height:",Fe);const De=B.current?.getScrollPosition()??ue.current;if(de!==0){const Ye=De+de;ft(Ye),me(Ye,{immediate:!0}),R.debug("[VirtualScroll] Adjusted scroll for layout shift (auto update)",{from:De,to:Ye,shiftAmount:de})}else De!==ue.current&&me(De)}),{visibleItems:J,renderAnchor:_}},[S,we,Ve,W,n,y,e,t,s,Oe,be,ft,Me,b,a,me,M]),rr=r.useCallback(l=>{const u=(Q??0)>0,h=Math.abs(l-Xe),N=u&&h>.5?Xe:l,D=Je(N,T.top);if(R.debug("[VirtualScroll] Rendering visible items",()=>({currentScrollPosition:l,effectiveScrollPosition:D,renderingStartIndex:a,renderingEndIndex:b,itemCount:n,viewportSize:oe,callbackThrottleMs:Q,diff:h,rawEffectiveScrollPosition:N})),n===0)return tt;const _=T.top+It-N,U=T.bottom>0?$.jsx("div",{className:"aqvs-bottom-inset",style:{top:y.getTotal()-It,height:T.bottom}},"virtualscroll-bottom-inset"):null;return R.debug("[VirtualScroll] Rendering items",()=>({containerTop:_,logicalScrollPosition:rt,resolvedInsets:T,effectiveScrollPosition:D})),$.jsxs("div",{className:"aqvs-items-wrapper",style:{top:0,transform:`translateY(${_}px)`,willChange:"transform"},children:[tt,U]})},[Q,n,y,rt,It,b,a,T,Xe,oe,tt]),Bt=r.useMemo(()=>({renderingStartIndex:at.renderingStartIndex,renderingEndIndex:at.renderingEndIndex,visibleStartIndex:at.visibleStartIndex,visibleEndIndex:at.visibleEndIndex,scrollPosition:rt,totalHeight:y.getTotal()}),[at,rt,y,Ve]);r.useEffect(()=>{Se.current=Bt},[Bt]),r.useImperativeHandle(z,()=>({getScrollPosition:()=>{const l=B.current?.getScrollPosition();return typeof l=="number"?Je(l,Ee.current):-1},getContentSize:()=>B.current?.getContentSize()??-1,getViewportSize:()=>B.current?.getViewportSize()??-1,scrollTo:Ct,scrollToIndex:Ue,getFenwickTreeTotalHeight:()=>y.getTotal(),getFenwickSize:()=>y.getSize(),focusItemAtIndex:O,getRange:()=>Se.current,getScrollAnchor:yt,updateItemSize:pt}),[Ct,Ue,y,O,yt,pt]);const nr=y.getTotal()+T.top+T.bottom;return $.jsx(Qt,{ref:B,contentSize:nr,viewportSize:i,onViewportSizeChange:Be,className:c,testId:f,onScroll:Vt,background:v,tapScrollCircleOptions:re,inertiaOptions:X,itemCount:n,scrollBarWidth:A,enableThumbDrag:w,enableTrackClick:K,enableArrowButtons:te,enablePointerDrag:I,pointerDragInputs:q,renderThumbOverlay:L,wheelSpeedMultiplier:Ke,onWheelHorizontal:pe,contentInsets:T,contentProps:he,visibleStartIndex:M,visibleEndIndex:k,renderOverlay:_e,initialScrollPosition:G.position,children:rr})},Vr=r.forwardRef(Nr);exports.FenwickMapTree=lt;exports.ScrollBar=Jt;exports.ScrollPane=Qt;exports.TAP_SCROLL_SPEED_DEFAULTS=Yt;exports.VirtualScroll=Vr;exports.computeAutoTapScrollMaxSpeedMultiplier=Zt;exports.computeTapScrollSpeed=Gt;exports.minmax=ae;exports.tapScrollCircleSampleVisual=vr;exports.useFenwickMapTree=er;exports.useHeightCache=Pr;exports.useLruCache=tr;
|