virtua 0.22.1 → 0.23.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/README.md +23 -60
- package/lib/solid/ListItem.d.ts +1 -0
- package/lib/solid/RangedFor.d.ts +1 -0
- package/lib/solid/VList.d.ts +101 -0
- package/lib/solid/index.d.ts +5 -0
- package/lib/solid/index.js +2 -0
- package/lib/solid/index.js.map +1 -0
- package/lib/solid/index.mjs +2 -0
- package/lib/solid/index.mjs.map +1 -0
- package/lib/solid/types.d.ts +4 -0
- package/lib/vue/index.js.map +1 -1
- package/lib/vue/index.mjs.map +1 -1
- package/package.json +20 -3
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
   [](https://github.com/inokawa/virtua/actions/workflows/check.yml) [](https://github.com/inokawa/virtua/actions/workflows/demo.yml)
|
|
4
4
|
|
|
5
|
-
> A zero-config, fast and small (~3kB) virtual list (and grid) component for [React](https://github.com/facebook/react)
|
|
5
|
+
> A zero-config, fast and small (~3kB) virtual list (and grid) component for [React](https://github.com/facebook/react), [Vue](https://vuejs.org/) and [Solid](https://www.solidjs.com/).
|
|
6
6
|
|
|
7
7
|

|
|
8
8
|
|
|
@@ -16,7 +16,7 @@ This project is a challenge to rethink virtualization. The goals are...
|
|
|
16
16
|
- **Fast:** Natural virtual scrolling needs optimization in many aspects (eliminate frame drops by reducing CPU usage and GC and [layout recalculation](https://gist.github.com/paulirish/5d52fb081b3570c81e3a), reduce visual jumps on repaint, optimize with CSS, optimize for frameworks, etc). We are trying to combine the best of them.
|
|
17
17
|
- **Small:** Its bundle size should be small as much as possible to be friendly with modern web development. Currently each components are ~3kB gzipped. The total is [~5kB gzipped](https://bundlephobia.com/package/virtua) and tree-shakeable.
|
|
18
18
|
- **Flexible:** Aiming to support many usecases - fixed size, dynamic size, horizontal scrolling, reverse scrolling, RTL, mobile, infinite scrolling, scroll restoration, DnD, keyboard navigation, sticky, placeholder and more. See [live demo](#demo).
|
|
19
|
-
- **Framework agnostic:**
|
|
19
|
+
- **Framework agnostic:** [React](https://react.dev/), [Vue](https://vuejs.org/) and [Solid](https://www.solidjs.com/) are supported. We could support other frameworks in the future.
|
|
20
20
|
|
|
21
21
|
## Demo
|
|
22
22
|
|
|
@@ -197,8 +197,6 @@ export default async () => {
|
|
|
197
197
|
|
|
198
198
|
`vue >= 3.2` is required.
|
|
199
199
|
|
|
200
|
-
#### Vertical scroll
|
|
201
|
-
|
|
202
200
|
```vue
|
|
203
201
|
<script setup>
|
|
204
202
|
import { VList } from "virtua/vue";
|
|
@@ -228,74 +226,39 @@ const data = Array.from({ length: 1000 }).map((_, i) => ({
|
|
|
228
226
|
</template>
|
|
229
227
|
```
|
|
230
228
|
|
|
231
|
-
|
|
229
|
+
### Solid
|
|
232
230
|
|
|
233
|
-
|
|
234
|
-
<script setup>
|
|
235
|
-
import { VList } from "virtua/vue";
|
|
231
|
+
`solid-js >= 1.0` is required.
|
|
236
232
|
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
id: i,
|
|
240
|
-
size: sizes[i % 3] + "px",
|
|
241
|
-
}));
|
|
242
|
-
</script>
|
|
243
|
-
|
|
244
|
-
<template>
|
|
245
|
-
<VList :data="data" horizontal :style="{ height: '400px' }">
|
|
246
|
-
<template #default="item">
|
|
247
|
-
<div
|
|
248
|
-
:key="item.id"
|
|
249
|
-
:style="{
|
|
250
|
-
width: item.size,
|
|
251
|
-
background: 'white',
|
|
252
|
-
borderBottom: 'solid 1px #ccc',
|
|
253
|
-
}"
|
|
254
|
-
>
|
|
255
|
-
{{ item.id }}
|
|
256
|
-
</div>
|
|
257
|
-
</template>
|
|
258
|
-
</VList>
|
|
259
|
-
</template>
|
|
260
|
-
```
|
|
261
|
-
|
|
262
|
-
#### Window scroll
|
|
263
|
-
|
|
264
|
-
```vue
|
|
265
|
-
<script setup>
|
|
266
|
-
import { WindowVirtualizer } from "virtua/vue";
|
|
233
|
+
```tsx
|
|
234
|
+
import { VList } from "virtua/solid";
|
|
267
235
|
|
|
268
|
-
const
|
|
269
|
-
const
|
|
270
|
-
|
|
271
|
-
size: sizes[i % 4] + "px",
|
|
272
|
-
}));
|
|
273
|
-
</script>
|
|
236
|
+
export const App = () => {
|
|
237
|
+
const sizes = [20, 40, 80, 77];
|
|
238
|
+
const data = Array.from({ length: 1000 }).map((_, i) => sizes[i % 4]);
|
|
274
239
|
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
<template #default="item">
|
|
240
|
+
return (
|
|
241
|
+
<VList data={data} style={{ height: "800px" }}>
|
|
242
|
+
{(d) => (
|
|
279
243
|
<div
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
background:
|
|
284
|
-
|
|
285
|
-
}"
|
|
244
|
+
style={{
|
|
245
|
+
height: d + "px",
|
|
246
|
+
"border-bottom": "solid 1px #ccc",
|
|
247
|
+
background: "#fff",
|
|
248
|
+
}}
|
|
286
249
|
>
|
|
287
|
-
{
|
|
250
|
+
{d}
|
|
288
251
|
</div>
|
|
289
|
-
|
|
290
|
-
</
|
|
291
|
-
|
|
292
|
-
|
|
252
|
+
)}
|
|
253
|
+
</VList>
|
|
254
|
+
);
|
|
255
|
+
};
|
|
293
256
|
```
|
|
294
257
|
|
|
295
258
|
## Documentation
|
|
296
259
|
|
|
297
260
|
- [API reference](./docs/API.md)
|
|
298
|
-
- [
|
|
261
|
+
- [Storybook examples](./stories) for more usages
|
|
299
262
|
|
|
300
263
|
### FAQs
|
|
301
264
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxImportSource solid-js
|
|
3
|
+
*/
|
|
4
|
+
import { JSX } from "solid-js";
|
|
5
|
+
import { ScrollToIndexOpts } from "../core/types";
|
|
6
|
+
import { ViewportComponentAttributes } from "./types";
|
|
7
|
+
/**
|
|
8
|
+
* Methods of {@link VList}.
|
|
9
|
+
*/
|
|
10
|
+
export interface VListHandle {
|
|
11
|
+
/**
|
|
12
|
+
* Get current scrollTop or scrollLeft.
|
|
13
|
+
*/
|
|
14
|
+
readonly scrollOffset: number;
|
|
15
|
+
/**
|
|
16
|
+
* Get current scrollHeight or scrollWidth.
|
|
17
|
+
*/
|
|
18
|
+
readonly scrollSize: number;
|
|
19
|
+
/**
|
|
20
|
+
* Get current offsetHeight or offsetWidth.
|
|
21
|
+
*/
|
|
22
|
+
readonly viewportSize: number;
|
|
23
|
+
/**
|
|
24
|
+
* Scroll to the item specified by index.
|
|
25
|
+
* @param index index of item
|
|
26
|
+
* @param opts options
|
|
27
|
+
*/
|
|
28
|
+
scrollToIndex(index: number, opts?: ScrollToIndexOpts): void;
|
|
29
|
+
/**
|
|
30
|
+
* Scroll to the given offset.
|
|
31
|
+
* @param offset offset from start
|
|
32
|
+
*/
|
|
33
|
+
scrollTo(offset: number): void;
|
|
34
|
+
/**
|
|
35
|
+
* Scroll by the given offset.
|
|
36
|
+
* @param offset offset from current position
|
|
37
|
+
*/
|
|
38
|
+
scrollBy(offset: number): void;
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* Props of {@link VList}.
|
|
42
|
+
*/
|
|
43
|
+
export interface VListProps<T> extends ViewportComponentAttributes {
|
|
44
|
+
/**
|
|
45
|
+
* Get reference to {@link VListHandle}.
|
|
46
|
+
*/
|
|
47
|
+
ref?: (handle?: VListHandle) => void;
|
|
48
|
+
/**
|
|
49
|
+
* The data items rendered by this component.
|
|
50
|
+
*/
|
|
51
|
+
data: T[];
|
|
52
|
+
/**
|
|
53
|
+
* The elements renderer function.
|
|
54
|
+
*/
|
|
55
|
+
children: (data: T, index: number) => JSX.Element;
|
|
56
|
+
/**
|
|
57
|
+
* Number of items to render above/below the visible bounds of the list. Lower value will give better performance but you can increase to avoid showing blank items in fast scrolling.
|
|
58
|
+
* @defaultValue 4
|
|
59
|
+
*/
|
|
60
|
+
overscan?: number;
|
|
61
|
+
/**
|
|
62
|
+
* Item size hint for unmeasured items. It will help to reduce scroll jump when items are measured if used properly.
|
|
63
|
+
*
|
|
64
|
+
* - If not set, initial item sizes will be automatically estimated from measured sizes. This is recommended for most cases.
|
|
65
|
+
* - If set, you can opt out estimation and use the value as initial item size.
|
|
66
|
+
*/
|
|
67
|
+
itemSize?: number;
|
|
68
|
+
/**
|
|
69
|
+
* While true is set, scroll position will be maintained from the end not usual start when items are added to/removed from start. It's recommended to set false if you add to/remove from mid/end of the list because it can cause unexpected behavior. This prop is useful for reverse infinite scrolling.
|
|
70
|
+
*/
|
|
71
|
+
shift?: boolean;
|
|
72
|
+
/**
|
|
73
|
+
* If true, rendered as a horizontally scrollable list. Otherwise rendered as a vertically scrollable list.
|
|
74
|
+
*/
|
|
75
|
+
horizontal?: boolean;
|
|
76
|
+
/**
|
|
77
|
+
* Callback invoked whenever scroll offset changes.
|
|
78
|
+
* @param offset Current scrollTop or scrollLeft.
|
|
79
|
+
*/
|
|
80
|
+
onScroll?: (offset: number) => void;
|
|
81
|
+
/**
|
|
82
|
+
* Callback invoked when scrolling stops.
|
|
83
|
+
*/
|
|
84
|
+
onScrollEnd?: () => void;
|
|
85
|
+
/**
|
|
86
|
+
* Callback invoked when visible items range changes.
|
|
87
|
+
*/
|
|
88
|
+
onRangeChange?: (
|
|
89
|
+
/**
|
|
90
|
+
* The start index of viewable items.
|
|
91
|
+
*/
|
|
92
|
+
startIndex: number,
|
|
93
|
+
/**
|
|
94
|
+
* The end index of viewable items.
|
|
95
|
+
*/
|
|
96
|
+
endIndex: number) => void;
|
|
97
|
+
}
|
|
98
|
+
/**
|
|
99
|
+
* Virtualized list component. See {@link VListProps} and {@link VListHandle}.
|
|
100
|
+
*/
|
|
101
|
+
export declare const VList: <T>(props: VListProps<T>) => JSX.Element;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var e=require("solid-js/web"),t=require("solid-js");const r=Math.min,n=Math.max,o=Math.abs,s=setTimeout,l=(e,t,o)=>r(o,n(t,e)),i=e=>null!=e,c=e=>{let t,r;return(...n)=>(t||(t=!0,r=e(...n)),r)},a=-1,u=(e,t,r)=>{const n=r?"unshift":"push";for(let r=0;r<t;r++)e[n](a);return e},f=(e,t)=>{const r=e.o[t];return r===a?e.l:r},d=(e,t)=>{if(!e.i)return 0;if(e.u>=t)return e.h[t];e.u<0&&(e.h[0]=0,e.u=0);let r=e.u,n=e.h[r];for(;r<t;)n+=f(e,r),e.h[++r]=n;return e.u=t,n},h=(e,t,r)=>{let n=d(e,r);for(;r>=0&&r<e.i;)if(n<=t){const o=f(e,r);if(n+o>t)break;n+=o,r++}else n-=f(e,--r);return l(r,0,e.i-1)},_=(e,t,n,o)=>{const s=h(e,t,r(n,e.i-1));return[s,h(e,t+o,s)]},v=(e,t,n)=>{const o=t-e.i,s=o>0;let l;return s?(l=e.l*o,u(e.o,o,n),u(e.h,o)):(l=(n?e.o.splice(0,-o):e.o.splice(o)).reduce(((t,r)=>t+(r===a?e.l:r)),0),e.h.splice(o)),e.u=n?-1:r(t-1,e.u),e.i=t,[l,s]},g="undefined"!=typeof window,p=()=>document.documentElement,w=/*#__PURE__*/c((()=>!!g&&"rtl"===getComputedStyle(p()).direction)),b=/*#__PURE__*/c((()=>/iP(hone|od|ad)/.test(navigator.userAgent))),m=/*#__PURE__*/c((()=>"scrollBehavior"in p().style)),S=(e,t,r)=>n(e-(1===r?1:n(1,t)),0),y=(e,t,o,s)=>r(e+(2===o?1:n(1,t)),s-1),x=(e,t,r)=>t.reduce(((t,[n,o])=>{const s=o-f(e,n);return(!r||s>0)&&(t+=s),t}),0),z=(e,t)=>t&&w()?-e:e;var k=/*#__PURE__*/e.template("<div>");const I=r=>{let n;t.createEffect((()=>{n&&t.onCleanup(r._(n,r.v))}));const o=t.createMemo((()=>{const e=r.p,t={margin:0,padding:0,position:"absolute",[e?"height":"width"]:"100%",[e?"top":"left"]:"0px",[e?w()?"right":"left":"top"]:r.m+"px",visibility:r.S?"hidden":"visible"};return e&&(t.display="flex"),t}));return s=k(),"function"==typeof(l=n)?e.use(l,s):n=s,e.insert(s,(()=>r.k)),e.effect((t=>e.style(s,o(),t))),s;var s,l},T=e=>{let r=new Map;return t.onCleanup((()=>{for(const e of r.values())e.I()})),t.createMemo((()=>{const n=e.T,[o,s]=e.J,l=new Map,i=[];return t.untrack((()=>{for(let c=o;c<=s;c++){const o=n[c],s=r.get(c);i.push(s?s.M:t.createRoot((r=>{const n=t.createSignal(o),s=e.O(n[0](),c);return l.set(c,{R:n,M:s,I:r}),s}))),s&&(o!==s.R&&s.R[1](o),l.set(c,s))}for(const[e,t]of r.entries())l.has(e)||t.I();return r=l,i}))}))};var J=/*#__PURE__*/e.template("<div><div>");exports.VList=c=>{let h;const{ref:g,data:p,children:w,overscan:k,itemSize:M,shift:O,horizontal:R=!1,onScroll:C,onScrollEnd:B,onRangeChange:j,style:q,...D}=c,E=((e,t=40,s=0,i,c,h=0,g=0)=>{let p=!!s,w=[],m=0,S=0,y=0,z=0,k=0,I=0,T=0,J=0,M=p?[0,n(s-1,0)]:null,O=[0,0];const R=i||((e,t)=>({l:t,i:e,u:-1,o:u([],e),h:u([],e)}))(e,t),C=new Set,B=()=>(e=>e.i?d(e,e.i-1)+f(e,e.i-1):0)(R),j=()=>B()+h+g,q=()=>n(0,j()-m),D=e=>{b()&&0!==T?k+=e:(z+=e,y++)};return{C:()=>w,B:()=>JSON.parse(JSON.stringify(R)),j:()=>M?[r(O[0],M[0]),n(O[1],M[1])]:I?O:O=_(R,S-h+k+z,O[0],m),q:e=>R.o[e]===a,D:()=>!!M&&R.o.slice(n(0,M[0]-1),r(R.i-1,M[1]+1)+1).includes(a),L:e=>d(R,e)-k,N:e=>f(R,e),P:()=>R.i,U:()=>S,V:()=>T,F:()=>m,H:()=>h,W:()=>g,X:B,Y:()=>y,A:()=>m>j()?z=0:(I=z,z=0,I),G(e,t){const r=[e,t];return C.add(r),()=>{C.delete(r)}},K(e,t){let n,s,i=0;switch(e){case 1:{const e=t.filter((([e,t])=>R.o[e]!==t));if(!e.length)break;let n=0;if(0===S);else if(S>q()-1.5)n=x(R,e,!0);else if(2===J)n=x(R,e);else{const[t]=O;n=x(R,e.filter((([e])=>e<t)))}n&&D(n);let o=!1;e.forEach((([e,t])=>{((e,t,n)=>{const o=e.o[t]===a;return e.o[t]=n,e.u=r(t,e.u),o})(R,e,t)&&(o=!0)})),c&&o&&!S&&(e=>{const t=e.o.filter((e=>e!==a)),r=t[0];e.l=t.every((e=>e===r))?r:(e=>{const t=[...e].sort(((e,t)=>e-t)),r=e.length/2|0;return t.length%2==0?(t[r-1]+t[r])/2:t[r]})(t)})(R),i=2,s=!0;break}case 2:m!==t&&(m=t,i=2);break;case 3:if(t[1]){const e=q()-S,[n,o]=v(R,t[0],!0);D(o?n:-r(n,e)),o&&(J=2),i=1}else v(R,t[0]);break;case 4:{const e=l(t,0,q()),r=I;if(I=0,e===S)break;const n=e-S,c=o(n);r&&c<o(r)+1||0!==J||(T=n<0?2:1),p&&(M=null,p=!1),s=c>m,S=e,i=5;break}case 5:i=8,0!==T&&(n=!0,i+=1),T=0,J=0,M=null;break;case 6:J=1;break;case 7:M=_(R,t,O[0],m),i=1}i&&(w=[],n&&k&&(z+=k,k=0,y++),C.forEach((([e,t])=>{i&e&&t(s)})))}}})(c.data.length,null!=M?M:40,void 0,void 0,!M),L=((e,t)=>{let r;const n=t?"width":"height",o=new WeakMap,s=(e=>{let t;return{Z(r){var n,o;(t||(t=new(o=r,n=o.ownerDocument,n.defaultView).ResizeObserver(e))).observe(r)},$(e){t.unobserve(e)},I(){t&&t.disconnect()}}})((t=>{const s=[];for(const{target:l,contentRect:c}of t)if(l.offsetParent)if(l===r)e.K(2,c[n]);else{const e=o.get(l);i(e)&&s.push([e,c[n]])}s.length&&e.K(1,s)}));return{ee(e){s.Z(r=e)},te:(e,t)=>(o.set(e,t),s.Z(e),()=>{o.delete(e),s.$(e)}),I:s.I}})(E,R),N=((e,t)=>{let r,n,o;const c=t?"scrollLeft":"scrollTop",a=t?"overflowX":"overflowY",u=async(n,l)=>{if(!r)return;o&&o();const i=()=>{let t;return[new Promise(((e,r)=>{t=e,s(o=r,150)})),e.G(2,(()=>{t&&t()}))]};if(l&&m()){for(;e.K(7,n()),e.D();){const[e,t]=i();try{await e}catch(e){return}finally{t()}}r.scrollTo({[t?"left":"top"]:z(n(),t),behavior:"smooth"})}else for(;;){const[o,s]=i();try{r[c]=z(n(),t),e.K(6),await o}catch(e){return}finally{s()}}};return{Z(o){r=o,n=((e,t,r,n,o)=>{const l=Date.now;let c=0,a=!1,u=!1,f=!1,d=!1;const h=(()=>{let t;const r=()=>{i(t)&&clearTimeout(t)},n=()=>{r(),t=s((()=>{t=null,(()=>{if(a||u)return a=!1,void h();f=!1,e.K(5)})()}),150)};return n.re=r,n})(),_=()=>{c=l(),f&&(d=!0),e.K(4,n()),h()},v=t=>{if(a||0===e.V()||t.ctrlKey)return;const n=l()-c;150>n&&50<n&&(r?t.deltaX:t.deltaY)&&(a=!0)},g=()=>{u=!0,f=d=!1},p=()=>{u=!1,b()&&(f=!0)};return t.addEventListener("scroll",_),t.addEventListener("wheel",v,{passive:!0}),t.addEventListener("touchstart",g,{passive:!0}),t.addEventListener("touchend",p,{passive:!0}),{I:()=>{t.removeEventListener("scroll",_),t.removeEventListener("wheel",v),t.removeEventListener("touchstart",g),t.removeEventListener("touchend",p),h.re()},ne:e=>{o(e,d),d=!1}}})(e,o,t,(()=>z(o[c],t)),((e,r)=>{if(r){const e=o.style,t=e[a];e[a]="hidden",s((()=>{e[a]=t}))}o[c]+=z(e,t)}))},I(){n&&n.I()},oe(e){u((()=>e))},se(t){t+=e.U(),u((()=>t))},le(t,{align:r,smooth:n}={}){if(t=l(t,0,e.P()-1),"nearest"===r){const n=e.L(t),o=e.U();if(n<o)r="start";else{if(!(n+e.N(t)>o+e.F()))return;r="end"}}u((()=>e.H()+("end"===r?e.L(t)+e.N(t)-e.F():"center"===r?e.L(t)+(e.N(t)-e.F())/2:e.L(t))),n)},ne:e=>{n&&n.ne(e)}}})(E,R),[P,U]=t.createSignal(E.C()),V=E.G(3,(()=>{U(E.C())})),F=E.G(4,(()=>{var e;null===(e=c.onScroll)||void 0===e||e.call(c,E.U())})),H=E.G(8,(()=>{var e;null===(e=c.onScrollEnd)||void 0===e||e.call(c)})),W=t.createMemo((e=>{P();const t=E.j();return e&&e[0]===t[0]&&e[1]===t[1]?e:t})),X=t.createMemo((()=>P()&&E.V())),Y=t.createMemo((()=>P()&&E.X()));t.createMemo((()=>P()&&(e=>n(e.X(),e.F()-e.H()-e.W()))(E)));const A=t.createMemo((()=>P()&&E.Y())),G=t.createMemo((()=>{var e;const t=null!==(e=c.overscan)&&void 0!==e?e:4,[r,n]=W();return[S(r,t,X()),y(n,t,X(),c.data.length)]}));return t.onMount((()=>{c.ref&&c.ref({get scrollOffset(){return E.U()},get scrollSize(){return(e=>n(e.X(),e.F()))(E)},get viewportSize(){return E.F()},scrollToIndex:N.le,scrollTo:N.oe,scrollBy:N.se}),L.ee(h),N.Z(h),t.onCleanup((()=>{c.ref&&c.ref(),V(),F(),H(),L.I(),N.I()}))})),t.createComputed(t.on((()=>c.data.length),((e,t)=>{i(t)&&e!==t&&E.K(3,[e,c.shift])}))),t.createEffect(t.on(A,(()=>{const e=E.A();e&&N.ne(e)}))),t.createEffect((()=>{const e=W();c.onRangeChange&&c.onRangeChange(e[0],e[1])})),K=J(),Q=K.firstChild,"function"==typeof(Z=h)?e.use(Z,K):h=K,e.spread(K,e.mergeProps(D,{get style(){return{display:R?"inline-block":"block",[R?"overflow-x":"overflow-y"]:"auto",contain:"strict",width:"100%",height:"100%",...c.style}}}),!1,!0),e.style(Q,{"overflow-anchor":"none"}),Q.style.setProperty("overflow-anchor","none"),Q.style.setProperty("flex","none"),Q.style.setProperty("position","relative"),Q.style.setProperty("visibility","hidden"),e.insert(Q,e.createComponent(T,{get T(){return c.data},get J(){return G()},O:(r,n)=>{const o=t.createMemo((()=>(P(),E.L(n)))),s=t.createMemo((()=>(P(),E.q(n))));return e.createComponent(I,{v:n,get _(){return L.te},get m(){return o()},get S(){return s()},get k(){return c.children(r,n)},p:R})}})),e.effect((e=>{var t=R?Y()+"px":"100%",r=R?"100%":Y()+"px",n=0!==X()?"none":"auto";return t!==e.e&&(null!=(e.e=t)?Q.style.setProperty("width",t):Q.style.removeProperty("width")),r!==e.t&&(null!=(e.t=r)?Q.style.setProperty("height",r):Q.style.removeProperty("height")),n!==e.a&&(null!=(e.a=n)?Q.style.setProperty("pointer-events",n):Q.style.removeProperty("pointer-events")),e}),{e:void 0,t:void 0,a:void 0}),K;var K,Q,Z};
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/src/core/utils.ts","../../src/src/core/cache.ts","../../src/src/core/environment.ts","../../src/src/core/store.ts","../../src/src/core/scroller.ts","../../src/src/solid/ListItem.tsx","../../src/src/solid/RangedFor.tsx","../../src/src/solid/VList.tsx","../../src/src/core/resizer.ts"],"sourcesContent":["/** @internal */\nexport const min = Math.min;\n/** @internal */\nexport const max = Math.max;\n/** @internal */\nexport const abs = Math.abs;\n/** @internal */\nexport const values = Object.values;\n/** @internal */\nexport const isArray = Array.isArray;\n/** @internal */\nexport const timeout = setTimeout;\n\n/**\n * @internal\n */\nexport const clamp = (\n value: number,\n minValue: number,\n maxValue: number\n): number => min(maxValue, max(minValue, value));\n\n/**\n * @internal\n */\nexport const exists = <T>(v: T): v is Exclude<T, null | undefined> => v != null;\n\n/**\n * @internal\n */\nexport const median = (arr: number[]): number => {\n const s = [...arr].sort((a, b) => a - b);\n const mid = (arr.length / 2) | 0;\n return s.length % 2 === 0 ? (s[mid - 1]! + s[mid]!) / 2 : s[mid]!;\n};\n\n/**\n * @internal\n */\nexport const debounce = <T extends () => void>(fn: T, ms: number) => {\n let id: ReturnType<typeof setTimeout> | undefined | null;\n\n const cancel = () => {\n if (exists(id)) {\n clearTimeout(id);\n }\n };\n const debouncedFn = () => {\n cancel();\n id = timeout(() => {\n id = null;\n fn();\n }, ms);\n };\n debouncedFn._cancel = cancel;\n return debouncedFn;\n};\n\n/**\n * @internal\n */\nexport const once = <F extends (...args: any[]) => any>(fn: F): F => {\n let called: undefined | boolean;\n let cache: ReturnType<F>;\n\n return ((...args) => {\n if (!called) {\n called = true;\n cache = fn(...args);\n }\n return cache;\n }) as F;\n};\n\n/**\n * @internal\n */\nexport const getStyleNumber = (v: string): number => {\n if (v) {\n return parseFloat(v);\n } else {\n return 0;\n }\n};\n","import { clamp, median, min } from \"./utils\";\n\ntype Writeable<T> = {\n -readonly [key in keyof T]: Writeable<T[key]>;\n};\n\n/** @internal */\nexport const UNCACHED = -1;\n\n/**\n * @internal\n */\nexport type Cache = {\n readonly _length: number;\n // sizes\n readonly _sizes: number[];\n readonly _defaultItemSize: number;\n // offsets\n readonly _computedOffsetIndex: number;\n readonly _offsets: number[];\n};\n\nconst fill = (array: number[], length: number, prepend?: boolean): number[] => {\n const key = prepend ? \"unshift\" : \"push\";\n for (let i = 0; i < length; i++) {\n array[key](UNCACHED);\n }\n return array;\n};\n\n/**\n * @internal\n */\nexport const getItemSize = (cache: Cache, index: number): number => {\n const size = cache._sizes[index]!;\n return size === UNCACHED ? cache._defaultItemSize : size;\n};\n\n/**\n * @internal\n */\nexport const setItemSize = (\n cache: Writeable<Cache>,\n index: number,\n size: number\n): boolean => {\n const isInitialMeasurement = cache._sizes[index] === UNCACHED;\n cache._sizes[index] = size;\n // mark as dirty\n cache._computedOffsetIndex = min(index, cache._computedOffsetIndex);\n return isInitialMeasurement;\n};\n\n/**\n * @internal\n */\nexport const computeOffset = (\n cache: Writeable<Cache>,\n index: number\n): number => {\n if (!cache._length) return 0;\n if (cache._computedOffsetIndex >= index) {\n return cache._offsets[index]!;\n }\n\n if (cache._computedOffsetIndex < 0) {\n // first offset must be 0 to avoid returning NaN, which can cause infinite rerender.\n // https://github.com/inokawa/virtua/pull/160\n cache._offsets[0] = 0;\n cache._computedOffsetIndex = 0;\n }\n let i = cache._computedOffsetIndex;\n let top = cache._offsets[i]!;\n while (i < index) {\n top += getItemSize(cache, i);\n cache._offsets[++i] = top;\n }\n // mark as measured\n cache._computedOffsetIndex = index;\n return top;\n};\n\n/**\n * @internal\n */\nexport const computeTotalSize = (cache: Cache): number => {\n if (!cache._length) return 0;\n return (\n computeOffset(cache, cache._length - 1) +\n getItemSize(cache, cache._length - 1)\n );\n};\n\n/**\n * @internal\n */\nexport const findIndex = (cache: Cache, offset: number, i: number): number => {\n let sum = computeOffset(cache, i);\n while (i >= 0 && i < cache._length) {\n if (sum <= offset) {\n const next = getItemSize(cache, i);\n if (sum + next > offset) {\n break;\n } else {\n sum += next;\n i++;\n }\n } else {\n sum -= getItemSize(cache, --i);\n }\n }\n return clamp(i, 0, cache._length - 1);\n};\n\n/**\n * @internal\n */\nexport const computeRange = (\n cache: Cache,\n scrollOffset: number,\n prevStartIndex: number,\n viewportSize: number\n): [number, number] => {\n const start = findIndex(\n cache,\n scrollOffset,\n // Clamp because prevStartIndex may exceed the limit when children decreased a lot after scrolling\n min(prevStartIndex, cache._length - 1)\n );\n return [start, findIndex(cache, scrollOffset + viewportSize, start)];\n};\n\n/**\n * @internal\n */\nexport const estimateDefaultItemSize = (cache: Writeable<Cache>) => {\n const measuredSizes = cache._sizes.filter((s) => s !== UNCACHED);\n // This function will be called after measurement so measured size array must be longer than 0\n const startItemSize = measuredSizes[0]!;\n\n cache._defaultItemSize = measuredSizes.every((s) => s === startItemSize)\n ? // Maybe a fixed size array\n startItemSize\n : // Maybe a variable size array\n median(measuredSizes);\n};\n\n/**\n * @internal\n */\nexport const initCache = (length: number, itemSize: number): Cache => {\n return {\n _defaultItemSize: itemSize,\n _length: length,\n _computedOffsetIndex: -1,\n _sizes: fill([], length),\n _offsets: fill([], length),\n };\n};\n\n/**\n * @internal\n */\nexport const updateCacheLength = (\n cache: Writeable<Cache>,\n length: number,\n isShift?: boolean\n): [number, boolean] => {\n const diff = length - cache._length;\n\n const isAdd = diff > 0;\n let shift: number;\n if (isAdd) {\n // Added\n shift = cache._defaultItemSize * diff;\n fill(cache._sizes, diff, isShift);\n fill(cache._offsets, diff);\n } else {\n // Removed\n shift = (\n isShift ? cache._sizes.splice(0, -diff) : cache._sizes.splice(diff)\n ).reduce(\n (acc, removed) =>\n acc + (removed === UNCACHED ? cache._defaultItemSize : removed),\n 0\n );\n cache._offsets.splice(diff);\n }\n\n cache._computedOffsetIndex = isShift\n ? // Discard cache for now\n -1\n : min(length - 1, cache._computedOffsetIndex);\n cache._length = length;\n return [shift, isAdd];\n};\n","import { once } from \"./utils\";\n\n/**\n * @internal\n */\nexport const isBrowser = typeof window !== \"undefined\";\n\nconst getDocumentElement = () => document.documentElement;\n\n/**\n * @internal\n */\nexport const getCurrentDocument = (node: HTMLElement): Document =>\n node.ownerDocument;\n\n/**\n * @internal\n */\nexport const getCurrentWindow = (doc: Document) => doc.defaultView!;\n\n/**\n * @internal\n */\nexport const isRTLDocument = /*#__PURE__*/ once((): boolean => {\n // TODO support SSR in rtl\n return isBrowser\n ? getComputedStyle(getDocumentElement()).direction === \"rtl\"\n : false;\n});\n\n/**\n * Currently, all browsers on iOS/iPadOS are WebKit, including WebView.\n * @internal\n */\nexport const isIOSWebKit = /*#__PURE__*/ once((): boolean => {\n return /iP(hone|od|ad)/.test(navigator.userAgent);\n});\n\n/**\n * @internal\n */\nexport const isSmoothScrollSupported = /*#__PURE__*/ once((): boolean => {\n return \"scrollBehavior\" in getDocumentElement().style;\n});\n","import {\n initCache,\n getItemSize,\n computeTotalSize,\n computeOffset as computeStartOffset,\n Cache,\n UNCACHED,\n setItemSize,\n estimateDefaultItemSize,\n updateCacheLength,\n computeRange,\n} from \"./cache\";\nimport { isIOSWebKit } from \"./environment\";\nimport type { CacheSnapshot } from \"./types\";\nimport { abs, clamp, max, min } from \"./utils\";\n\n// Scroll offset and sizes can have sub-pixel value if window.devicePixelRatio has decimal value\nconst SUBPIXEL_THRESHOLD = 1.5; // 0.5 * 3\n\n/** @internal */\nexport const SCROLL_IDLE = 0;\n/** @internal */\nexport const SCROLL_DOWN = 1;\n/** @internal */\nexport const SCROLL_UP = 2;\n/** @internal */\nexport type ScrollDirection =\n | typeof SCROLL_IDLE\n | typeof SCROLL_DOWN\n | typeof SCROLL_UP;\n\nconst SCROLL_BY_NATIVE = 0;\nconst SCROLL_BY_MANUAL_SCROLL = 1;\nconst SCROLL_BY_PREPENDING = 2;\ntype ScrollMode =\n | typeof SCROLL_BY_NATIVE\n | typeof SCROLL_BY_MANUAL_SCROLL\n | typeof SCROLL_BY_PREPENDING;\n\n/** @internal */\nexport const ACTION_ITEM_RESIZE = 1;\n/** @internal */\nexport const ACTION_VIEWPORT_RESIZE = 2;\n/** @internal */\nexport const ACTION_ITEMS_LENGTH_CHANGE = 3;\n/** @internal */\nexport const ACTION_SCROLL = 4;\n/** @internal */\nexport const ACTION_SCROLL_END = 5;\n/** @internal */\nexport const ACTION_MANUAL_SCROLL = 6;\n/** @internal */\nexport const ACTION_BEFORE_MANUAL_SMOOTH_SCROLL = 7;\n\ntype Actions =\n | [type: typeof ACTION_ITEM_RESIZE, entries: ItemResize[]]\n | [type: typeof ACTION_VIEWPORT_RESIZE, size: number]\n | [\n type: typeof ACTION_ITEMS_LENGTH_CHANGE,\n arg: [length: number, isShift?: boolean | undefined]\n ]\n | [type: typeof ACTION_SCROLL, offset: number]\n | [type: typeof ACTION_SCROLL_END, dummy?: void]\n | [type: typeof ACTION_MANUAL_SCROLL, dummy?: void]\n | [type: typeof ACTION_BEFORE_MANUAL_SMOOTH_SCROLL, offset: number];\n\n/** @internal */\nexport const UPDATE_SCROLL_STATE = 0b0001;\n/** @internal */\nexport const UPDATE_SIZE_STATE = 0b0010;\n/** @internal */\nexport const UPDATE_SCROLL_EVENT = 0b0100;\n/** @internal */\nexport const UPDATE_SCROLL_END_EVENT = 0b1000;\n\n/** @internal */\nexport type ItemResize = Readonly<[index: number, size: number]>;\ntype ItemsRange = Readonly<[startIndex: number, endIndex: number]>;\n\n/**\n * @internal\n */\nexport const getScrollSize = (store: VirtualStore): number => {\n return max(store._getTotalSize(), store._getViewportSize());\n};\n\n/**\n * @internal\n */\nexport const getMinContainerSize = (store: VirtualStore): number => {\n return max(\n store._getTotalSize(),\n store._getViewportSize() -\n store._getStartSpacerSize() -\n store._getEndSpacerSize()\n );\n};\n\n/**\n * @internal\n */\nexport const overscanStartIndex = (\n startIndex: number,\n overscan: number,\n scrollDirection: ScrollDirection\n): number => {\n return max(\n startIndex - (scrollDirection === SCROLL_DOWN ? 1 : max(1, overscan)),\n 0\n );\n};\n\n/**\n * @internal\n */\nexport const overscanEndIndex = (\n endIndex: number,\n overscan: number,\n scrollDirection: ScrollDirection,\n count: number\n): number => {\n return min(\n endIndex + (scrollDirection === SCROLL_UP ? 1 : max(1, overscan)),\n count - 1\n );\n};\n\nconst calculateJump = (\n cache: Cache,\n items: readonly ItemResize[],\n keepEnd?: boolean\n): number => {\n return items.reduce((acc, [index, size]) => {\n const diff = size - getItemSize(cache, index);\n if (!keepEnd || diff > 0) {\n acc += diff;\n }\n return acc;\n }, 0);\n};\n\ntype Subscriber = (sync?: boolean) => void;\n\ntype StateVersion = readonly [];\n\n/**\n * @internal\n */\nexport type VirtualStore = {\n _getStateVersion(): StateVersion;\n _getCacheSnapshot(): CacheSnapshot;\n _getRange(): ItemsRange;\n _isUnmeasuredItem(index: number): boolean;\n _hasUnmeasuredItemsInFrozenRange(): boolean;\n _getItemOffset(index: number): number;\n _getItemSize(index: number): number;\n _getItemsLength(): number;\n _getScrollOffset(): number;\n _getScrollDirection(): ScrollDirection;\n _getViewportSize(): number;\n _getStartSpacerSize(): number;\n _getEndSpacerSize(): number;\n _getTotalSize(): number;\n _getJumpCount(): number;\n _flushJump(): number;\n _subscribe(target: number, cb: Subscriber): () => void;\n _update(...action: Actions): void;\n};\n\n/**\n * @internal\n */\nexport const createVirtualStore = (\n elementsCount: number,\n itemSize: number = 40,\n ssrCount: number = 0,\n cacheSnapshot?: CacheSnapshot | undefined,\n shouldAutoEstimateItemSize?: boolean | undefined,\n startSpacerSize: number = 0,\n endSpacerSize: number = 0\n): VirtualStore => {\n let isSSR = !!ssrCount;\n let stateVersion: StateVersion = [];\n let viewportSize = 0;\n let scrollOffset = 0;\n let jumpCount = 0;\n let jump = 0;\n let pendingJump = 0;\n let _flushedJump = 0;\n let _scrollDirection: ScrollDirection = SCROLL_IDLE;\n let _scrollMode: ScrollMode = SCROLL_BY_NATIVE;\n let _frozenRange: ItemsRange | null = isSSR\n ? [0, max(ssrCount - 1, 0)]\n : null;\n let _prevRange: ItemsRange = [0, 0];\n\n const cache =\n (cacheSnapshot as Cache | undefined) || initCache(elementsCount, itemSize);\n const subscribers = new Set<[number, Subscriber]>();\n const getTotalSize = (): number => computeTotalSize(cache);\n const getScrollableSize = (): number =>\n getTotalSize() + startSpacerSize + endSpacerSize;\n const getRelativeScrollOffset = (): number => scrollOffset - startSpacerSize;\n const getMaxScrollOffset = (): number =>\n // total size can become smaller than viewport size\n max(0, getScrollableSize() - viewportSize);\n\n const applyJump = (j: number) => {\n // In iOS WebKit browsers, updating scroll position will stop scrolling so it have to be deferred during scrolling.\n if (isIOSWebKit() && _scrollDirection !== SCROLL_IDLE) {\n pendingJump += j;\n } else {\n jump += j;\n jumpCount++;\n }\n };\n\n return {\n _getStateVersion() {\n return stateVersion;\n },\n _getCacheSnapshot() {\n return JSON.parse(JSON.stringify(cache)) as unknown as CacheSnapshot;\n },\n _getRange() {\n if (_frozenRange) {\n return [\n min(_prevRange[0], _frozenRange[0]),\n max(_prevRange[1], _frozenRange[1]),\n ];\n }\n // Return previous range for consistent render until next scroll event comes in.\n if (_flushedJump) {\n return _prevRange;\n }\n return (_prevRange = computeRange(\n cache,\n getRelativeScrollOffset() + pendingJump + jump,\n _prevRange[0],\n viewportSize\n ));\n },\n _isUnmeasuredItem(index) {\n return cache._sizes[index] === UNCACHED;\n },\n _hasUnmeasuredItemsInFrozenRange() {\n if (!_frozenRange) return false;\n return cache._sizes\n .slice(\n max(0, _frozenRange[0] - 1),\n min(cache._length - 1, _frozenRange[1] + 1) + 1\n )\n .includes(UNCACHED);\n },\n _getItemOffset(index) {\n return computeStartOffset(cache, index) - pendingJump;\n },\n _getItemSize(index) {\n return getItemSize(cache, index);\n },\n _getItemsLength() {\n return cache._length;\n },\n _getScrollOffset() {\n return scrollOffset;\n },\n _getScrollDirection() {\n return _scrollDirection;\n },\n _getViewportSize() {\n return viewportSize;\n },\n _getStartSpacerSize() {\n return startSpacerSize;\n },\n _getEndSpacerSize() {\n return endSpacerSize;\n },\n _getTotalSize: getTotalSize,\n _getJumpCount() {\n return jumpCount;\n },\n _flushJump() {\n if (viewportSize > getScrollableSize()) {\n // In this case applying jump will not cause scroll.\n // Current logic expects scroll event occurs after applying jump so discard it.\n return (jump = 0);\n }\n _flushedJump = jump;\n jump = 0;\n return _flushedJump;\n },\n _subscribe(target, cb) {\n const sub: [number, Subscriber] = [target, cb];\n subscribers.add(sub);\n return () => {\n subscribers.delete(sub);\n };\n },\n _update(type, payload): void {\n let shouldFlushPendingJump: boolean | undefined;\n let shouldSync: boolean | undefined;\n let mutated = 0;\n\n switch (type) {\n case ACTION_ITEM_RESIZE: {\n const updated = payload.filter(\n ([index, size]) => cache._sizes[index] !== size\n );\n\n // Skip if all items are cached and not updated\n if (!updated.length) {\n break;\n }\n\n // Calculate jump\n // Should maintain visible position to minimize junks in appearance\n let diff = 0;\n\n if (scrollOffset === 0) {\n // Do nothing to stick to the start\n } else if (scrollOffset > getMaxScrollOffset() - SUBPIXEL_THRESHOLD) {\n // Keep end to stick to the end\n diff = calculateJump(cache, updated, true);\n } else {\n if (_scrollMode === SCROLL_BY_PREPENDING) {\n // Keep distance from end immediately after prepending\n // We can assume jumps occurred on the upper outside\n diff = calculateJump(cache, updated);\n } else {\n // Keep start at mid\n const [startIndex] = _prevRange;\n diff = calculateJump(\n cache,\n updated.filter(([index]) => index < startIndex)\n );\n }\n }\n\n if (diff) {\n applyJump(diff);\n }\n\n // Update item sizes\n let isNewItemMeasured = false;\n updated.forEach(([index, size]) => {\n if (setItemSize(cache, index, size)) {\n isNewItemMeasured = true;\n }\n });\n\n // Estimate initial item size from measured sizes\n if (\n shouldAutoEstimateItemSize &&\n isNewItemMeasured &&\n // TODO support reverse scroll also\n !scrollOffset\n ) {\n estimateDefaultItemSize(cache);\n }\n mutated = UPDATE_SIZE_STATE;\n\n // Synchronous update is necessary in current design to minimize visible glitch in concurrent rendering.\n // However in React, synchronous update with flushSync after asynchronous update will overtake the asynchronous one.\n // If items resize happens just after scroll, race condition can occur depending on implementation.\n shouldSync = true;\n break;\n }\n case ACTION_VIEWPORT_RESIZE: {\n if (viewportSize !== payload) {\n viewportSize = payload;\n mutated = UPDATE_SIZE_STATE;\n }\n break;\n }\n case ACTION_ITEMS_LENGTH_CHANGE: {\n if (payload[1]) {\n // Calc distance before updating cache\n const distanceToEnd = getMaxScrollOffset() - scrollOffset;\n\n const [shift, isAdd] = updateCacheLength(cache, payload[0], true);\n applyJump(isAdd ? shift : -min(shift, distanceToEnd));\n\n if (isAdd) {\n _scrollMode = SCROLL_BY_PREPENDING;\n }\n mutated = UPDATE_SCROLL_STATE;\n } else {\n updateCacheLength(cache, payload[0]);\n }\n break;\n }\n case ACTION_SCROLL: {\n // Scroll offset may exceed min or max especially in Safari's elastic scrolling.\n const nextScrollOffset = clamp(payload, 0, getMaxScrollOffset());\n const flushedJump = _flushedJump;\n _flushedJump = 0;\n // Skip if offset is not changed\n if (nextScrollOffset === scrollOffset) {\n break;\n }\n\n const delta = nextScrollOffset - scrollOffset;\n const distance = abs(delta);\n\n // Scroll event after jump compensation is not reliable because it may result in the opposite direction.\n // The delta of artificial scroll may not be equal with the jump because it may be batched with other scrolls.\n // And at least in latest Chrome/Firefox/Safari in 2023, setting value to scrollTop/scrollLeft can lose subpixel because its integer (sometimes float probably depending on dpr).\n const isJustJumped = flushedJump && distance < abs(flushedJump) + 1;\n\n // Scroll events are dispatched enough so it's ok to skip some of them.\n if (\n !isJustJumped &&\n // Ignore until manual scrolling\n _scrollMode === SCROLL_BY_NATIVE\n ) {\n _scrollDirection = delta < 0 ? SCROLL_UP : SCROLL_DOWN;\n }\n\n // TODO This will cause glitch in reverse infinite scrolling. Disable this until better solution is found.\n // if (\n // pendingJump &&\n // ((_scrollDirection === SCROLL_UP &&\n // payload - max(pendingJump, 0) <= 0) ||\n // (_scrollDirection === SCROLL_DOWN &&\n // payload - min(pendingJump, 0) >= getScrollOffsetMax()))\n // ) {\n // // Flush if almost reached to start or end\n // shouldFlushPendingJump = true;\n // }\n\n if (isSSR) {\n _frozenRange = null;\n isSSR = false;\n }\n\n // Update synchronously if scrolled a lot\n shouldSync = distance > viewportSize;\n\n scrollOffset = nextScrollOffset;\n mutated = UPDATE_SCROLL_STATE + UPDATE_SCROLL_EVENT;\n break;\n }\n case ACTION_SCROLL_END: {\n mutated = UPDATE_SCROLL_END_EVENT;\n if (_scrollDirection !== SCROLL_IDLE) {\n shouldFlushPendingJump = true;\n mutated += UPDATE_SCROLL_STATE;\n }\n _scrollDirection = SCROLL_IDLE;\n _scrollMode = SCROLL_BY_NATIVE;\n _frozenRange = null;\n break;\n }\n case ACTION_MANUAL_SCROLL: {\n _scrollMode = SCROLL_BY_MANUAL_SCROLL;\n break;\n }\n case ACTION_BEFORE_MANUAL_SMOOTH_SCROLL: {\n _frozenRange = computeRange(\n cache,\n payload,\n _prevRange[0],\n viewportSize\n );\n mutated = UPDATE_SCROLL_STATE;\n break;\n }\n }\n\n if (mutated) {\n stateVersion = [];\n\n if (shouldFlushPendingJump && pendingJump) {\n jump += pendingJump;\n pendingJump = 0;\n jumpCount++;\n }\n\n subscribers.forEach(([target, cb]) => {\n // Early return to skip React's computation\n if (!(mutated & target)) {\n return;\n }\n // https://github.com/facebook/react/issues/25191\n // https://github.com/facebook/react/blob/a5fc797db14c6e05d4d5c4dbb22a0dd70d41f5d5/packages/react-reconciler/src/ReactFiberWorkLoop.js#L1443-L1447\n cb(shouldSync);\n });\n }\n },\n };\n};\n","import {\n getCurrentDocument,\n getCurrentWindow,\n isIOSWebKit,\n isRTLDocument,\n isSmoothScrollSupported,\n} from \"./environment\";\nimport {\n ACTION_SCROLL,\n VirtualStore,\n ACTION_SCROLL_END,\n UPDATE_SIZE_STATE,\n ACTION_MANUAL_SCROLL,\n SCROLL_IDLE,\n ACTION_BEFORE_MANUAL_SMOOTH_SCROLL,\n} from \"./store\";\nimport { ScrollToIndexOpts } from \"./types\";\nimport { debounce, timeout, clamp } from \"./utils\";\n\n/**\n * scrollLeft is negative value in rtl direction.\n *\n * left right\n * 0 100 spec compliant (ltr)\n * -100 0 spec compliant (rtl)\n * https://github.com/othree/jquery.rtl-scroll-type\n */\nconst normalizeOffset = (offset: number, isHorizontal: boolean): number => {\n if (isHorizontal && isRTLDocument()) {\n return -offset;\n } else {\n return offset;\n }\n};\n\nconst createScrollObserver = (\n store: VirtualStore,\n viewport: HTMLElement | Window,\n isHorizontal: boolean,\n getScrollOffset: () => number,\n updateScrollOffset: (value: number, isMomentumScrolling: boolean) => void\n) => {\n const now = Date.now;\n\n let lastScrollTime = 0;\n let wheeling = false;\n let touching = false;\n let justTouchEnded = false;\n let stillMomentumScrolling = false;\n\n const onScrollEnd = debounce(() => {\n if (wheeling || touching) {\n wheeling = false;\n\n // Wait while wheeling or touching\n onScrollEnd();\n return;\n }\n\n justTouchEnded = false;\n\n store._update(ACTION_SCROLL_END);\n }, 150);\n\n const onScroll = () => {\n lastScrollTime = now();\n\n if (justTouchEnded) {\n stillMomentumScrolling = true;\n }\n\n store._update(ACTION_SCROLL, getScrollOffset());\n onScrollEnd();\n };\n\n // Infer scroll state also from wheel events\n // Sometimes scroll events do not fire when frame dropped even if the visual have been already scrolled\n const onWheel = ((e: WheelEvent) => {\n if (\n wheeling ||\n // Scroll start should be detected with scroll event\n store._getScrollDirection() === SCROLL_IDLE ||\n // Probably a pinch-to-zoom gesture\n e.ctrlKey\n ) {\n return;\n }\n\n const timeDelta = now() - lastScrollTime;\n if (\n // Check if wheel event occurs some time after scrolling\n 150 > timeDelta &&\n 50 < timeDelta &&\n // Get delta before checking deltaMode for firefox behavior\n // https://github.com/w3c/uievents/issues/181#issuecomment-392648065\n // https://bugzilla.mozilla.org/show_bug.cgi?id=1392460#c34\n (isHorizontal ? e.deltaX : e.deltaY)\n ) {\n wheeling = true;\n }\n }) as (e: Event) => void; // FIXME type error. why only here?\n\n const onTouchStart = () => {\n touching = true;\n justTouchEnded = stillMomentumScrolling = false;\n };\n const onTouchEnd = () => {\n touching = false;\n if (isIOSWebKit()) {\n justTouchEnded = true;\n }\n };\n\n viewport.addEventListener(\"scroll\", onScroll);\n viewport.addEventListener(\"wheel\", onWheel, { passive: true });\n viewport.addEventListener(\"touchstart\", onTouchStart, { passive: true });\n viewport.addEventListener(\"touchend\", onTouchEnd, { passive: true });\n\n return {\n _dispose: () => {\n viewport.removeEventListener(\"scroll\", onScroll);\n viewport.removeEventListener(\"wheel\", onWheel);\n viewport.removeEventListener(\"touchstart\", onTouchStart);\n viewport.removeEventListener(\"touchend\", onTouchEnd);\n onScrollEnd._cancel();\n },\n _fixScrollJump: (jump: number) => {\n updateScrollOffset(jump, stillMomentumScrolling);\n stillMomentumScrolling = false;\n },\n };\n};\n\ntype ScrollObserver = ReturnType<typeof createScrollObserver>;\n\n/**\n * @internal\n */\nexport type Scroller = {\n _observe: (viewportElement: HTMLElement) => void;\n _dispose(): void;\n _scrollTo: (offset: number) => void;\n _scrollBy: (offset: number) => void;\n _scrollToIndex: (index: number, opts?: ScrollToIndexOpts) => void;\n _fixScrollJump: (jump: number) => void;\n};\n\n/**\n * @internal\n */\nexport const createScroller = (\n store: VirtualStore,\n isHorizontal: boolean\n): Scroller => {\n let viewportElement: HTMLElement | undefined;\n let scrollObserver: ScrollObserver | undefined;\n let cancelScroll: (() => void) | undefined;\n const scrollToKey = isHorizontal ? \"scrollLeft\" : \"scrollTop\";\n const overflowKey = isHorizontal ? \"overflowX\" : \"overflowY\";\n\n // The given offset will be clamped by browser\n // https://drafts.csswg.org/cssom-view/#dom-element-scrolltop\n const scheduleImperativeScroll = async (\n getTargetOffset: () => number,\n smooth?: boolean\n ) => {\n if (!viewportElement) return;\n\n if (cancelScroll) {\n // Cancel waiting scrollTo\n cancelScroll();\n }\n\n const waitForMeasurement = (): [Promise<void>, () => void] => {\n // Wait for the scroll destination items to be measured.\n // The measurement will be done asynchronously and the timing is not predictable so we use promise.\n // For example, ResizeObserver may not fire when window is not visible.\n let queue: (() => void) | undefined;\n return [\n new Promise<void>((resolve, reject) => {\n queue = resolve;\n // Reject when items around scroll destination completely measured\n timeout((cancelScroll = reject), 150);\n }),\n store._subscribe(UPDATE_SIZE_STATE, () => {\n queue && queue();\n }),\n ];\n };\n\n if (smooth && isSmoothScrollSupported()) {\n while (true) {\n store._update(ACTION_BEFORE_MANUAL_SMOOTH_SCROLL, getTargetOffset());\n\n if (!store._hasUnmeasuredItemsInFrozenRange()) {\n break;\n }\n\n const [promise, unsubscribe] = waitForMeasurement();\n\n try {\n await promise;\n } catch (e) {\n // canceled\n return;\n } finally {\n unsubscribe();\n }\n }\n\n viewportElement.scrollTo({\n [isHorizontal ? \"left\" : \"top\"]: normalizeOffset(\n getTargetOffset(),\n isHorizontal\n ),\n behavior: \"smooth\",\n });\n } else {\n while (true) {\n const [promise, unsubscribe] = waitForMeasurement();\n\n try {\n viewportElement[scrollToKey] = normalizeOffset(\n getTargetOffset(),\n isHorizontal\n );\n store._update(ACTION_MANUAL_SCROLL);\n\n await promise;\n } catch (e) {\n // canceled or finished\n return;\n } finally {\n unsubscribe();\n }\n }\n }\n };\n\n return {\n _observe(viewport) {\n viewportElement = viewport;\n\n scrollObserver = createScrollObserver(\n store,\n viewport,\n isHorizontal,\n () => normalizeOffset(viewport[scrollToKey], isHorizontal),\n (jump, isMomentumScrolling) => {\n // If we update scroll position while touching on iOS, the position will be reverted.\n // However iOS WebKit fires touch events only once at the beginning of momentum scrolling.\n // That means we have no reliable way to confirm still touched or not if user touches more than once during momentum scrolling...\n // This is a hack for the suspectable situations, inspired by https://github.com/prud/ios-overflow-scroll-to-top\n if (isMomentumScrolling) {\n const style = viewport.style;\n const prev = style[overflowKey];\n style[overflowKey] = \"hidden\";\n timeout(() => {\n style[overflowKey] = prev;\n });\n }\n\n viewport[scrollToKey] += normalizeOffset(jump, isHorizontal);\n }\n );\n },\n _dispose() {\n scrollObserver && scrollObserver._dispose();\n },\n _scrollTo(offset) {\n scheduleImperativeScroll(() => offset);\n },\n _scrollBy(offset) {\n offset += store._getScrollOffset();\n scheduleImperativeScroll(() => offset);\n },\n _scrollToIndex(index, { align, smooth } = {}) {\n index = clamp(index, 0, store._getItemsLength() - 1);\n\n if (align === \"nearest\") {\n const itemOffset = store._getItemOffset(index);\n const scrollOffset = store._getScrollOffset();\n\n if (itemOffset < scrollOffset) {\n align = \"start\";\n } else if (\n itemOffset + store._getItemSize(index) >\n scrollOffset + store._getViewportSize()\n ) {\n align = \"end\";\n } else {\n // already completely visible\n return;\n }\n }\n\n scheduleImperativeScroll(() => {\n return (\n store._getStartSpacerSize() +\n (align === \"end\"\n ? store._getItemOffset(index) +\n store._getItemSize(index) -\n store._getViewportSize()\n : align === \"center\"\n ? store._getItemOffset(index) +\n (store._getItemSize(index) - store._getViewportSize()) / 2\n : store._getItemOffset(index))\n );\n }, smooth);\n },\n _fixScrollJump: (jump) => {\n if (!scrollObserver) return;\n scrollObserver._fixScrollJump(jump);\n },\n };\n};\n\n/**\n * @internal\n */\nexport type WindowScroller = {\n _observe(containerElement: HTMLElement): void;\n _dispose(): void;\n _fixScrollJump: (jump: number) => void;\n};\n\n/**\n * @internal\n */\nexport const createWindowScroller = (\n store: VirtualStore,\n isHorizontal: boolean\n): WindowScroller => {\n let scrollObserver: ScrollObserver | undefined;\n\n return {\n _observe(container) {\n const scrollToKey = isHorizontal ? \"scrollX\" : \"scrollY\";\n\n const document = getCurrentDocument(container);\n const window = getCurrentWindow(document);\n const documentBody = document.body;\n\n const calcOffsetToViewport = (\n node: HTMLElement,\n viewport: HTMLElement,\n isHorizontal: boolean,\n offset: number = 0\n ): number => {\n // TODO calc offset only when it changes (maybe impossible)\n const offsetKey = isHorizontal ? \"offsetLeft\" : \"offsetTop\";\n const offsetSum =\n offset +\n (isHorizontal && isRTLDocument()\n ? window.innerWidth - node[offsetKey] - node.offsetWidth\n : node[offsetKey]);\n\n const parent = node.offsetParent;\n if (node === viewport || !parent) {\n return offsetSum;\n }\n\n return calcOffsetToViewport(\n parent as HTMLElement,\n viewport,\n isHorizontal,\n offsetSum\n );\n };\n\n scrollObserver = createScrollObserver(\n store,\n window,\n isHorizontal,\n () =>\n normalizeOffset(window[scrollToKey], isHorizontal) -\n calcOffsetToViewport(container, documentBody, isHorizontal),\n (jump) => {\n // TODO support case two window scrollers exist in the same view\n window.scrollBy(\n isHorizontal ? normalizeOffset(jump, isHorizontal) : 0,\n isHorizontal ? 0 : jump\n );\n }\n );\n },\n _dispose() {\n scrollObserver && scrollObserver._dispose();\n },\n _fixScrollJump: (jump) => {\n if (!scrollObserver) return;\n scrollObserver._fixScrollJump(jump);\n },\n };\n};\n","/**\n * @jsxImportSource solid-js\n */\nimport { ItemResizeObserver } from \"../core/resizer\";\nimport { isRTLDocument } from \"../core/environment\";\nimport { Component, JSX, createEffect, createMemo, onCleanup } from \"solid-js\";\n\ntype ListItemProps = {\n _children: JSX.Element;\n _resizer: ItemResizeObserver;\n _index: number;\n _offset: number;\n _hide: boolean;\n _isHorizontal: boolean;\n};\n\n/**\n * @internal\n */\nexport const ListItem: Component<ListItemProps> = (props) => {\n let elementRef: HTMLDivElement | undefined;\n\n // The index may be changed if elements are inserted to or removed from the start of props.children\n createEffect(() => {\n if (!elementRef) return;\n onCleanup(props._resizer(elementRef, props._index));\n });\n\n const style = createMemo(() => {\n const isHorizontal = props._isHorizontal;\n const style: JSX.CSSProperties = {\n margin: 0,\n padding: 0,\n position: \"absolute\",\n [isHorizontal ? \"height\" : \"width\"]: \"100%\",\n [isHorizontal ? \"top\" : \"left\"]: \"0px\",\n [isHorizontal ? (isRTLDocument() ? \"right\" : \"left\") : \"top\"]:\n props._offset + \"px\",\n visibility: props._hide ? \"hidden\" : \"visible\",\n };\n if (isHorizontal) {\n style.display = \"flex\";\n }\n return style;\n });\n\n return (\n <div ref={elementRef} style={style()}>\n {props._children}\n </div>\n );\n};\n","/**\n * @jsxImportSource solid-js\n */\nimport {\n createMemo,\n createRoot,\n createSignal,\n onCleanup,\n untrack,\n JSX,\n Signal,\n} from \"solid-js\";\n\ninterface RenderedNode<T> {\n _data: Signal<T>;\n _element: JSX.Element;\n _dispose: () => void;\n}\n\n/**\n * https://github.com/solidjs/solid/blob/main/packages/solid/src/reactive/array.ts\n * https://github.com/solidjs/solid/blob/main/packages/solid/src/render/flow.ts\n * https://github.com/solidjs/solid/discussions/366\n * @internal\n */\nexport const RangedFor = <T,>(props: {\n _each: T[];\n _range: readonly [number, number];\n _render: (data: T, index: number) => JSX.Element;\n}): JSX.Element => {\n let prev = new Map<number, RenderedNode<T>>();\n\n onCleanup(() => {\n for (const node of prev.values()) {\n node._dispose();\n }\n });\n\n return createMemo(() => {\n const list = props._each;\n const [start, end] = props._range;\n const current = new Map<number, RenderedNode<T>>();\n const items: JSX.Element[] = [];\n\n return untrack(() => {\n for (let i = start; i <= end; i++) {\n const newData: T = list[i]!;\n const lookup = prev.get(i);\n items.push(\n lookup\n ? lookup._element\n : createRoot((dispose) => {\n const data = createSignal(newData);\n const result = props._render(data[0](), i);\n current.set(i, {\n _data: data,\n _element: result,\n _dispose: dispose,\n });\n return result;\n })\n );\n if (lookup) {\n if (newData !== lookup._data) {\n lookup._data[1](\n newData as Exclude<T, Function> // TODO improve type\n );\n }\n current.set(i, lookup);\n }\n }\n for (const [key, node] of prev.entries()) {\n if (!current.has(key)) {\n node._dispose();\n }\n }\n prev = current;\n return items;\n });\n }) as unknown as JSX.Element; // TODO improve type\n};\n","/**\n * @jsxImportSource solid-js\n */\nimport {\n onMount,\n onCleanup,\n createEffect,\n createSignal,\n createMemo,\n JSX,\n on,\n createComputed,\n} from \"solid-js\";\nimport {\n SCROLL_IDLE,\n UPDATE_SCROLL_STATE,\n UPDATE_SCROLL_EVENT,\n UPDATE_SCROLL_END_EVENT,\n UPDATE_SIZE_STATE,\n overscanStartIndex,\n overscanEndIndex,\n createVirtualStore,\n ACTION_ITEMS_LENGTH_CHANGE,\n getScrollSize,\n getMinContainerSize,\n} from \"../core/store\";\nimport { createResizer } from \"../core/resizer\";\nimport { createScroller } from \"../core/scroller\";\nimport { ScrollToIndexOpts } from \"../core/types\";\nimport { ViewportComponentAttributes } from \"./types\";\nimport { ListItem } from \"./ListItem\";\nimport { RangedFor } from \"./RangedFor\";\nimport { exists } from \"../core/utils\";\n\n/**\n * Methods of {@link VList}.\n */\nexport interface VListHandle {\n /**\n * Get current scrollTop or scrollLeft.\n */\n readonly scrollOffset: number;\n /**\n * Get current scrollHeight or scrollWidth.\n */\n readonly scrollSize: number;\n /**\n * Get current offsetHeight or offsetWidth.\n */\n readonly viewportSize: number;\n /**\n * Scroll to the item specified by index.\n * @param index index of item\n * @param opts options\n */\n scrollToIndex(index: number, opts?: ScrollToIndexOpts): void;\n /**\n * Scroll to the given offset.\n * @param offset offset from start\n */\n scrollTo(offset: number): void;\n /**\n * Scroll by the given offset.\n * @param offset offset from current position\n */\n scrollBy(offset: number): void;\n}\n\n/**\n * Props of {@link VList}.\n */\nexport interface VListProps<T> extends ViewportComponentAttributes {\n /**\n * Get reference to {@link VListHandle}.\n */\n ref?: (handle?: VListHandle) => void;\n /**\n * The data items rendered by this component.\n */\n data: T[];\n /**\n * The elements renderer function.\n */\n children: (data: T, index: number) => JSX.Element;\n /**\n * Number of items to render above/below the visible bounds of the list. Lower value will give better performance but you can increase to avoid showing blank items in fast scrolling.\n * @defaultValue 4\n */\n overscan?: number;\n /**\n * Item size hint for unmeasured items. It will help to reduce scroll jump when items are measured if used properly.\n *\n * - If not set, initial item sizes will be automatically estimated from measured sizes. This is recommended for most cases.\n * - If set, you can opt out estimation and use the value as initial item size.\n */\n itemSize?: number;\n /**\n * While true is set, scroll position will be maintained from the end not usual start when items are added to/removed from start. It's recommended to set false if you add to/remove from mid/end of the list because it can cause unexpected behavior. This prop is useful for reverse infinite scrolling.\n */\n shift?: boolean;\n /**\n * If true, rendered as a horizontally scrollable list. Otherwise rendered as a vertically scrollable list.\n */\n horizontal?: boolean;\n /**\n * Callback invoked whenever scroll offset changes.\n * @param offset Current scrollTop or scrollLeft.\n */\n onScroll?: (offset: number) => void;\n /**\n * Callback invoked when scrolling stops.\n */\n onScrollEnd?: () => void;\n /**\n * Callback invoked when visible items range changes.\n */\n onRangeChange?: (\n /**\n * The start index of viewable items.\n */\n startIndex: number,\n /**\n * The end index of viewable items.\n */\n endIndex: number\n ) => void;\n}\n\n/**\n * Virtualized list component. See {@link VListProps} and {@link VListHandle}.\n */\nexport const VList = <T,>(props: VListProps<T>): JSX.Element => {\n let rootRef: HTMLDivElement | undefined;\n\n const {\n ref: _ref,\n data: _data,\n children: _children,\n overscan: _overscan,\n itemSize,\n shift: _shift,\n horizontal = false,\n onScroll: _onScroll,\n onScrollEnd: _onScrollEnd,\n onRangeChange: _onRangeChange,\n style: _style,\n ...attrs\n } = props;\n\n const store = createVirtualStore(\n props.data.length,\n itemSize ?? 40,\n undefined,\n undefined,\n !itemSize\n );\n const resizer = createResizer(store, horizontal);\n const scroller = createScroller(store, horizontal);\n\n const [rerender, setRerender] = createSignal(store._getStateVersion());\n\n const unsubscribeStore = store._subscribe(\n UPDATE_SCROLL_STATE + UPDATE_SIZE_STATE,\n () => {\n setRerender(store._getStateVersion());\n }\n );\n\n const unsubscribeOnScroll = store._subscribe(UPDATE_SCROLL_EVENT, () => {\n props.onScroll?.(store._getScrollOffset());\n });\n const unsubscribeOnScrollEnd = store._subscribe(\n UPDATE_SCROLL_END_EVENT,\n () => {\n props.onScrollEnd?.();\n }\n );\n\n const range = createMemo<\n ReturnType<typeof store._getRange>,\n ReturnType<typeof store._getRange>\n >((prev) => {\n rerender();\n const next = store._getRange();\n if (prev && prev[0] === next[0] && prev[1] === next[1]) {\n return prev;\n }\n return next;\n });\n const scrollDirection = createMemo(\n () => rerender() && store._getScrollDirection()\n );\n const totalSize = createMemo(() => rerender() && store._getTotalSize());\n // https://github.com/inokawa/virtua/issues/252#issuecomment-1822861368\n const minSize = createMemo(() => rerender() && getMinContainerSize(store));\n\n const jumpCount = createMemo(() => rerender() && store._getJumpCount());\n\n const overscanedRange = createMemo<[number, number]>(() => {\n const overscan = props.overscan ?? 4;\n const [startIndex, endIndex] = range();\n return [\n overscanStartIndex(startIndex, overscan, scrollDirection()),\n overscanEndIndex(\n endIndex,\n overscan,\n scrollDirection(),\n props.data.length\n ),\n ];\n });\n\n onMount(() => {\n if (props.ref) {\n props.ref({\n get scrollOffset() {\n return store._getScrollOffset();\n },\n get scrollSize() {\n return getScrollSize(store);\n },\n get viewportSize() {\n return store._getViewportSize();\n },\n scrollToIndex: scroller._scrollToIndex,\n scrollTo: scroller._scrollTo,\n scrollBy: scroller._scrollBy,\n });\n }\n\n resizer._observeRoot(rootRef!);\n scroller._observe(rootRef!);\n\n onCleanup(() => {\n if (props.ref) {\n props.ref();\n }\n\n unsubscribeStore();\n unsubscribeOnScroll();\n unsubscribeOnScrollEnd();\n resizer._dispose();\n scroller._dispose();\n });\n });\n\n createComputed(\n on(\n () => props.data.length,\n (len, prevLen) => {\n if (exists(prevLen) && len !== prevLen) {\n store._update(ACTION_ITEMS_LENGTH_CHANGE, [len, props.shift]);\n }\n }\n )\n );\n\n createEffect(\n on(jumpCount, () => {\n const jump = store._flushJump();\n if (jump) {\n scroller._fixScrollJump(jump);\n }\n })\n );\n\n createEffect(() => {\n const next = range();\n props.onRangeChange && props.onRangeChange(next[0], next[1]);\n });\n\n return (\n <div\n {...attrs}\n ref={rootRef}\n style={{\n display: horizontal ? \"inline-block\" : \"block\",\n [horizontal ? \"overflow-x\" : \"overflow-y\"]: \"auto\",\n contain: \"strict\",\n width: \"100%\",\n height: \"100%\",\n ...props.style,\n }}\n >\n <div\n style={{\n // contain: \"content\",\n \"overflow-anchor\": \"none\", // opt out browser's scroll anchoring because it will conflict to scroll anchoring of virtualizer\n flex: \"none\", // flex style on parent can break layout\n position: \"relative\",\n visibility: \"hidden\",\n width: horizontal ? totalSize() + \"px\" : \"100%\",\n height: horizontal ? \"100%\" : totalSize() + \"px\",\n [horizontal ? \"min-width\" : \"min-height\"]: minSize() + \"px\",\n \"pointer-events\": scrollDirection() !== SCROLL_IDLE ? \"none\" : \"auto\",\n }}\n >\n <RangedFor\n _each={props.data}\n _range={overscanedRange()}\n _render={(data, index) => {\n const offset = createMemo(() => {\n rerender();\n return store._getItemOffset(index);\n });\n const hide = createMemo(() => {\n rerender();\n return store._isUnmeasuredItem(index);\n });\n\n return (\n <ListItem\n _index={index}\n _resizer={resizer._observeItem}\n _offset={offset()}\n _hide={hide()}\n _children={props.children(data, index)}\n _isHorizontal={horizontal}\n />\n );\n }}\n />\n </div>\n </div>\n );\n};\n","import { getCurrentDocument, getCurrentWindow } from \"./environment\";\nimport {\n ACTION_ITEM_RESIZE,\n ACTION_VIEWPORT_RESIZE,\n ItemResize,\n VirtualStore,\n} from \"./store\";\nimport { exists, max } from \"./utils\";\n\nconst createResizeObserver = (cb: ResizeObserverCallback) => {\n let ro: ResizeObserver | undefined;\n\n return {\n _observe(e: HTMLElement) {\n // Initialize ResizeObserver lazily for SSR\n // https://www.w3.org/TR/resize-observer/#intro\n (\n ro ||\n (ro = new (getCurrentWindow(getCurrentDocument(e)).ResizeObserver)(cb))\n ).observe(e);\n },\n _unobserve(e: HTMLElement) {\n ro!.unobserve(e);\n },\n _dispose() {\n ro && ro.disconnect();\n },\n };\n};\n\n/**\n * @internal\n */\nexport type ItemResizeObserver = (el: HTMLElement, i: number) => () => void;\n\ninterface ListResizer {\n _observeRoot(viewportElement: HTMLElement): void;\n _observeItem: ItemResizeObserver;\n _dispose(): void;\n}\n\n/**\n * @internal\n */\nexport const createResizer = (\n store: VirtualStore,\n isHorizontal: boolean\n): ListResizer => {\n let viewportElement: HTMLElement | undefined;\n const sizeKey = isHorizontal ? \"width\" : \"height\";\n const mountedIndexes = new WeakMap<Element, number>();\n\n const resizeObserver = createResizeObserver((entries) => {\n const resizes: ItemResize[] = [];\n for (const { target, contentRect } of entries) {\n // Skip zero-sized rects that may be observed under `display: none` style\n if (!(target as HTMLElement).offsetParent) continue;\n\n if (target === viewportElement) {\n store._update(ACTION_VIEWPORT_RESIZE, contentRect[sizeKey]);\n } else {\n const index = mountedIndexes.get(target);\n if (exists(index)) {\n resizes.push([index, contentRect[sizeKey]]);\n }\n }\n }\n\n if (resizes.length) {\n store._update(ACTION_ITEM_RESIZE, resizes);\n }\n });\n\n return {\n _observeRoot(viewport: HTMLElement) {\n resizeObserver._observe((viewportElement = viewport));\n },\n _observeItem: (el: HTMLElement, i: number) => {\n mountedIndexes.set(el, i);\n resizeObserver._observe(el);\n return () => {\n mountedIndexes.delete(el);\n resizeObserver._unobserve(el);\n };\n },\n _dispose: resizeObserver._dispose,\n };\n};\n\ninterface WindowListResizer {\n _observeRoot(container: HTMLElement): void;\n _observeItem: ItemResizeObserver;\n _dispose(): void;\n}\n\n/**\n * @internal\n */\nexport const createWindowResizer = (\n store: VirtualStore,\n isHorizontal: boolean\n): WindowListResizer => {\n const sizeKey = isHorizontal ? \"width\" : \"height\";\n const windowSizeKey = isHorizontal ? \"innerWidth\" : \"innerHeight\";\n const mountedIndexes = new WeakMap<Element, number>();\n\n const resizeObserver = createResizeObserver((entries) => {\n const resizes: ItemResize[] = [];\n for (const { target, contentRect } of entries) {\n // Skip zero-sized rects that may be observed under `display: none` style\n if (!(target as HTMLElement).offsetParent) continue;\n\n const index = mountedIndexes.get(target);\n if (exists(index)) {\n resizes.push([index, contentRect[sizeKey]]);\n }\n }\n\n if (resizes.length) {\n store._update(ACTION_ITEM_RESIZE, resizes);\n }\n });\n\n let cleanupOnWindowResize: (() => void) | undefined;\n\n return {\n _observeRoot(container) {\n const window = getCurrentWindow(getCurrentDocument(container));\n const onWindowResize = () => {\n store._update(ACTION_VIEWPORT_RESIZE, window[windowSizeKey]);\n };\n window.addEventListener(\"resize\", onWindowResize);\n onWindowResize();\n\n cleanupOnWindowResize = () => {\n window.removeEventListener(\"resize\", onWindowResize);\n };\n },\n _observeItem: (el: HTMLElement, i: number) => {\n mountedIndexes.set(el, i);\n resizeObserver._observe(el);\n return () => {\n mountedIndexes.delete(el);\n resizeObserver._unobserve(el);\n };\n },\n _dispose() {\n cleanupOnWindowResize && cleanupOnWindowResize();\n resizeObserver._dispose();\n },\n };\n};\n\n/**\n * @internal\n */\nexport const createGridResizer = (\n vStore: VirtualStore,\n hStore: VirtualStore\n) => {\n let viewportElement: HTMLElement | undefined;\n\n const heightKey = \"height\";\n const widthKey = \"width\";\n const mountedIndexes = new WeakMap<\n Element,\n [rowIndex: number, colIndex: number]\n >();\n\n type CellSize = [height: number, width: number];\n const maybeCachedRowIndexes = new Set<number>();\n const maybeCachedColIndexes = new Set<number>();\n const sizeCache = new Map<string, CellSize>();\n const getKey = (rowIndex: number, colIndex: number): string =>\n `${rowIndex}-${colIndex}`;\n\n const resizeObserver = createResizeObserver((entries) => {\n const resizedRows = new Set<number>();\n const resizedCols = new Set<number>();\n for (const { target, contentRect } of entries) {\n // Skip zero-sized rects that may be observed under `display: none` style\n if (!(target as HTMLElement).offsetParent) continue;\n\n if (target === viewportElement) {\n vStore._update(ACTION_VIEWPORT_RESIZE, contentRect[heightKey]);\n hStore._update(ACTION_VIEWPORT_RESIZE, contentRect[widthKey]);\n } else {\n const cell = mountedIndexes.get(target);\n if (cell) {\n const [rowIndex, colIndex] = cell;\n const key = getKey(rowIndex, colIndex);\n const prevSize = sizeCache.get(key);\n const size: CellSize = [\n contentRect[heightKey],\n contentRect[widthKey],\n ];\n let rowResized: boolean | undefined;\n let colResized: boolean | undefined;\n if (!prevSize) {\n rowResized = colResized = true;\n } else {\n if (prevSize[0] !== size[0]) {\n rowResized = true;\n }\n if (prevSize[1] !== size[1]) {\n colResized = true;\n }\n }\n if (rowResized) {\n resizedRows.add(rowIndex);\n }\n if (colResized) {\n resizedCols.add(colIndex);\n }\n if (rowResized || colResized) {\n sizeCache.set(key, size);\n }\n }\n }\n }\n\n if (resizedRows.size) {\n const heightResizes: ItemResize[] = [];\n resizedRows.forEach((rowIndex) => {\n let maxHeight = 0;\n maybeCachedColIndexes.forEach((colIndex) => {\n const size = sizeCache.get(getKey(rowIndex, colIndex));\n if (size) {\n maxHeight = max(maxHeight, size[0]);\n }\n });\n if (maxHeight) {\n heightResizes.push([rowIndex, maxHeight]);\n }\n });\n vStore._update(ACTION_ITEM_RESIZE, heightResizes);\n }\n if (resizedCols.size) {\n const widthResizes: ItemResize[] = [];\n resizedCols.forEach((colIndex) => {\n let maxWidth = 0;\n maybeCachedRowIndexes.forEach((rowIndex) => {\n const size = sizeCache.get(getKey(rowIndex, colIndex));\n if (size) {\n maxWidth = max(maxWidth, size[1]);\n }\n });\n if (maxWidth) {\n widthResizes.push([colIndex, maxWidth]);\n }\n });\n hStore._update(ACTION_ITEM_RESIZE, widthResizes);\n }\n });\n\n return {\n _observeRoot(viewport: HTMLElement) {\n resizeObserver._observe((viewportElement = viewport));\n },\n _observeItem(el: HTMLElement, rowIndex: number, colIndex: number) {\n mountedIndexes.set(el, [rowIndex, colIndex]);\n maybeCachedRowIndexes.add(rowIndex);\n maybeCachedColIndexes.add(colIndex);\n resizeObserver._observe(el);\n return () => {\n mountedIndexes.delete(el);\n resizeObserver._unobserve(el);\n };\n },\n _dispose: resizeObserver._dispose,\n };\n};\n\n/**\n * @internal\n */\nexport type GridResizer = ReturnType<typeof createGridResizer>;\n"],"names":["min","Math","max","abs","timeout","setTimeout","clamp","value","minValue","maxValue","exists","v","once","fn","called","cache","args","UNCACHED","fill","array","length","prepend","key","i","getItemSize","index","size","_sizes","_defaultItemSize","computeOffset","_length","_computedOffsetIndex","_offsets","top","findIndex","offset","sum","next","computeRange","scrollOffset","prevStartIndex","viewportSize","start","updateCacheLength","isShift","diff","isAdd","shift","splice","reduce","acc","removed","isBrowser","window","getDocumentElement","document","documentElement","isRTLDocument","getComputedStyle","direction","isIOSWebKit","test","navigator","userAgent","isSmoothScrollSupported","style","overscanStartIndex","startIndex","overscan","scrollDirection","overscanEndIndex","endIndex","count","calculateJump","items","keepEnd","normalizeOffset","isHorizontal","ListItem","props","elementRef","createEffect","onCleanup","_resizer","_index","createMemo","_isHorizontal","margin","padding","position","_offset","visibility","_hide","display","_el$","_tmpl$","_$use","_ref$","use","_$insert","_children","_$effect","effect","_$p","_$style","RangedFor","prev","Map","node","values","_dispose","list","_each","end","_range","current","untrack","newData","lookup","get","push","_element","createRoot","dispose","data","createSignal","result","_render","set","_data","entries","has","rootRef","ref","_ref","children","_overscan","itemSize","_shift","horizontal","onScroll","_onScroll","onScrollEnd","_onScrollEnd","onRangeChange","_onRangeChange","_style","attrs","store","elementsCount","ssrCount","cacheSnapshot","shouldAutoEstimateItemSize","startSpacerSize","endSpacerSize","isSSR","stateVersion","jumpCount","jump","pendingJump","_flushedJump","_scrollDirection","_scrollMode","_frozenRange","_prevRange","initCache","subscribers","Set","getTotalSize","computeTotalSize","getScrollableSize","getMaxScrollOffset","applyJump","j","_getStateVersion","_getCacheSnapshot","JSON","parse","stringify","_getRange","_isUnmeasuredItem","_hasUnmeasuredItemsInFrozenRange","slice","includes","_getItemOffset","computeStartOffset","_getItemSize","_getItemsLength","_getScrollOffset","_getScrollDirection","_getViewportSize","_getStartSpacerSize","_getEndSpacerSize","_getTotalSize","_getJumpCount","_flushJump","_subscribe","target","cb","sub","add","delete","_update","type","payload","shouldFlushPendingJump","shouldSync","mutated","updated","filter","isNewItemMeasured","forEach","isInitialMeasurement","setItemSize","measuredSizes","s","startItemSize","every","arr","sort","a","b","mid","median","estimateDefaultItemSize","distanceToEnd","nextScrollOffset","flushedJump","delta","distance","UPDATE_SCROLL_STATE","createVirtualStore","undefined","resizer","viewportElement","sizeKey","mountedIndexes","WeakMap","resizeObserver","ro","_observe","e","doc","ownerDocument","defaultView","observe","_unobserve","unobserve","disconnect","createResizeObserver","resizes","contentRect","offsetParent","_observeRoot","viewport","_observeItem","el","createResizer","scroller","scrollObserver","cancelScroll","scrollToKey","overflowKey","scheduleImperativeScroll","async","getTargetOffset","smooth","waitForMeasurement","queue","Promise","resolve","reject","promise","unsubscribe","scrollTo","behavior","getScrollOffset","updateScrollOffset","now","Date","lastScrollTime","wheeling","touching","justTouchEnded","stillMomentumScrolling","id","cancel","clearTimeout","debouncedFn","_cancel","debounce","onWheel","ctrlKey","timeDelta","deltaX","deltaY","onTouchStart","onTouchEnd","addEventListener","passive","removeEventListener","_fixScrollJump","createScrollObserver","isMomentumScrolling","_scrollTo","_scrollBy","_scrollToIndex","align","itemOffset","createScroller","rerender","setRerender","unsubscribeStore","unsubscribeOnScroll","_a","call","unsubscribeOnScrollEnd","range","totalSize","getMinContainerSize","overscanedRange","onMount","scrollSize","getScrollSize","scrollToIndex","scrollBy","createComputed","on","len","prevLen","_el$2","firstChild","_$spread","_$mergeProps","mergeProps","contain","width","height","setProperty","_$createComponent","createComponent","hide","_p$","_v$","_v$2","_v$3","removeProperty","t"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{insert as e,effect as t,style as r,template as n,use as o,spread as s,mergeProps as l,createComponent as i}from"solid-js/web";import{createEffect as c,createMemo as a,onCleanup as u,untrack as f,createRoot as d,createSignal as h,onMount as _,createComputed as v,on as p}from"solid-js";const g=Math.min,m=Math.max,w=Math.abs,b=setTimeout,S=(e,t,r)=>g(r,m(t,e)),y=e=>null!=e,x=e=>{let t,r;return(...n)=>(t||(t=!0,r=e(...n)),r)},z=-1,k=(e,t,r)=>{const n=r?"unshift":"push";for(let r=0;r<t;r++)e[n](z);return e},I=(e,t)=>{const r=e.o[t];return r===z?e.l:r},T=(e,t)=>{if(!e.i)return 0;if(e.u>=t)return e.h[t];e.u<0&&(e.h[0]=0,e.u=0);let r=e.u,n=e.h[r];for(;r<t;)n+=I(e,r),e.h[++r]=n;return e.u=t,n},J=(e,t,r)=>{let n=T(e,r);for(;r>=0&&r<e.i;)if(n<=t){const o=I(e,r);if(n+o>t)break;n+=o,r++}else n-=I(e,--r);return S(r,0,e.i-1)},M=(e,t,r,n)=>{const o=J(e,t,g(r,e.i-1));return[o,J(e,t+n,o)]},O=(e,t,r)=>{const n=t-e.i,o=n>0;let s;return o?(s=e.l*n,k(e.o,n,r),k(e.h,n)):(s=(r?e.o.splice(0,-n):e.o.splice(n)).reduce(((t,r)=>t+(r===z?e.l:r)),0),e.h.splice(n)),e.u=r?-1:g(t-1,e.u),e.i=t,[s,o]},R="undefined"!=typeof window,C=()=>document.documentElement,B=/*#__PURE__*/x((()=>!!R&&"rtl"===getComputedStyle(C()).direction)),j=/*#__PURE__*/x((()=>/iP(hone|od|ad)/.test(navigator.userAgent))),D=/*#__PURE__*/x((()=>"scrollBehavior"in C().style)),E=(e,t,r)=>m(e-(1===r?1:m(1,t)),0),L=(e,t,r,n)=>g(e+(2===r?1:m(1,t)),n-1),N=(e,t,r)=>t.reduce(((t,[n,o])=>{const s=o-I(e,n);return(!r||s>0)&&(t+=s),t}),0),P=(e,t)=>t&&B()?-e:e;var U=/*#__PURE__*/n("<div>");const V=n=>{let s;c((()=>{s&&u(n._(s,n.v))}));const l=a((()=>{const e=n.p,t={margin:0,padding:0,position:"absolute",[e?"height":"width"]:"100%",[e?"top":"left"]:"0px",[e?B()?"right":"left":"top"]:n.m+"px",visibility:n.S?"hidden":"visible"};return e&&(t.display="flex"),t}));return i=U(),"function"==typeof s?o(s,i):s=i,e(i,(()=>n.k)),t((e=>r(i,l(),e))),i;var i},F=e=>{let t=new Map;return u((()=>{for(const e of t.values())e.I()})),a((()=>{const r=e.T,[n,o]=e.J,s=new Map,l=[];return f((()=>{for(let i=n;i<=o;i++){const n=r[i],o=t.get(i);l.push(o?o.M:d((t=>{const r=h(n),o=e.O(r[0](),i);return s.set(i,{R:r,M:o,I:t}),o}))),o&&(n!==o.R&&o.R[1](n),s.set(i,o))}for(const[e,r]of t.entries())s.has(e)||r.I();return t=s,l}))}))};var H=/*#__PURE__*/n("<div><div>");const W=n=>{let f;const{ref:d,data:x,children:J,overscan:R,itemSize:C,shift:B,horizontal:U=!1,onScroll:W,onScrollEnd:X,onRangeChange:Y,style:q,...A}=n,G=((e,t=40,r=0,n,o,s=0,l=0)=>{let i=!!r,c=[],a=0,u=0,f=0,d=0,h=0,_=0,v=0,p=0,b=i?[0,m(r-1,0)]:null,y=[0,0];const x=n||((e,t)=>({l:t,i:e,u:-1,o:k([],e),h:k([],e)}))(e,t),J=new Set,R=()=>(e=>e.i?T(e,e.i-1)+I(e,e.i-1):0)(x),C=()=>R()+s+l,B=()=>m(0,C()-a),D=e=>{j()&&0!==v?h+=e:(d+=e,f++)};return{C:()=>c,B:()=>JSON.parse(JSON.stringify(x)),j:()=>b?[g(y[0],b[0]),m(y[1],b[1])]:_?y:y=M(x,u-s+h+d,y[0],a),D:e=>x.o[e]===z,L:()=>!!b&&x.o.slice(m(0,b[0]-1),g(x.i-1,b[1]+1)+1).includes(z),N:e=>T(x,e)-h,P:e=>I(x,e),U:()=>x.i,V:()=>u,F:()=>v,H:()=>a,W:()=>s,X:()=>l,Y:R,q:()=>f,A:()=>a>C()?d=0:(_=d,d=0,_),G(e,t){const r=[e,t];return J.add(r),()=>{J.delete(r)}},K(e,t){let r,n,s=0;switch(e){case 1:{const e=t.filter((([e,t])=>x.o[e]!==t));if(!e.length)break;let r=0;if(0===u);else if(u>B()-1.5)r=N(x,e,!0);else if(2===p)r=N(x,e);else{const[t]=y;r=N(x,e.filter((([e])=>e<t)))}r&&D(r);let l=!1;e.forEach((([e,t])=>{((e,t,r)=>{const n=e.o[t]===z;return e.o[t]=r,e.u=g(t,e.u),n})(x,e,t)&&(l=!0)})),o&&l&&!u&&(e=>{const t=e.o.filter((e=>e!==z)),r=t[0];e.l=t.every((e=>e===r))?r:(e=>{const t=[...e].sort(((e,t)=>e-t)),r=e.length/2|0;return t.length%2==0?(t[r-1]+t[r])/2:t[r]})(t)})(x),s=2,n=!0;break}case 2:a!==t&&(a=t,s=2);break;case 3:if(t[1]){const e=B()-u,[r,n]=O(x,t[0],!0);D(n?r:-g(r,e)),n&&(p=2),s=1}else O(x,t[0]);break;case 4:{const e=S(t,0,B()),r=_;if(_=0,e===u)break;const o=e-u,l=w(o);r&&l<w(r)+1||0!==p||(v=o<0?2:1),i&&(b=null,i=!1),n=l>a,u=e,s=5;break}case 5:s=8,0!==v&&(r=!0,s+=1),v=0,p=0,b=null;break;case 6:p=1;break;case 7:b=M(x,t,y[0],a),s=1}s&&(c=[],r&&h&&(d+=h,h=0,f++),J.forEach((([e,t])=>{s&e&&t(n)})))}}})(n.data.length,null!=C?C:40,void 0,void 0,!C),K=((e,t)=>{let r;const n=t?"width":"height",o=new WeakMap,s=(e=>{let t;return{Z(r){var n,o;(t||(t=new(o=r,n=o.ownerDocument,n.defaultView).ResizeObserver(e))).observe(r)},$(e){t.unobserve(e)},I(){t&&t.disconnect()}}})((t=>{const s=[];for(const{target:l,contentRect:i}of t)if(l.offsetParent)if(l===r)e.K(2,i[n]);else{const e=o.get(l);y(e)&&s.push([e,i[n]])}s.length&&e.K(1,s)}));return{ee(e){s.Z(r=e)},te:(e,t)=>(o.set(e,t),s.Z(e),()=>{o.delete(e),s.$(e)}),I:s.I}})(G,U),Q=((e,t)=>{let r,n,o;const s=t?"scrollLeft":"scrollTop",l=t?"overflowX":"overflowY",i=async(n,l)=>{if(!r)return;o&&o();const i=()=>{let t;return[new Promise(((e,r)=>{t=e,b(o=r,150)})),e.G(2,(()=>{t&&t()}))]};if(l&&D()){for(;e.K(7,n()),e.L();){const[e,t]=i();try{await e}catch(e){return}finally{t()}}r.scrollTo({[t?"left":"top"]:P(n(),t),behavior:"smooth"})}else for(;;){const[o,l]=i();try{r[s]=P(n(),t),e.K(6),await o}catch(e){return}finally{l()}}};return{Z(o){r=o,n=((e,t,r,n,o)=>{const s=Date.now;let l=0,i=!1,c=!1,a=!1,u=!1;const f=(()=>{let t;const r=()=>{y(t)&&clearTimeout(t)},n=()=>{r(),t=b((()=>{t=null,(()=>{if(i||c)return i=!1,void f();a=!1,e.K(5)})()}),150)};return n.re=r,n})(),d=()=>{l=s(),a&&(u=!0),e.K(4,n()),f()},h=t=>{if(i||0===e.F()||t.ctrlKey)return;const n=s()-l;150>n&&50<n&&(r?t.deltaX:t.deltaY)&&(i=!0)},_=()=>{c=!0,a=u=!1},v=()=>{c=!1,j()&&(a=!0)};return t.addEventListener("scroll",d),t.addEventListener("wheel",h,{passive:!0}),t.addEventListener("touchstart",_,{passive:!0}),t.addEventListener("touchend",v,{passive:!0}),{I:()=>{t.removeEventListener("scroll",d),t.removeEventListener("wheel",h),t.removeEventListener("touchstart",_),t.removeEventListener("touchend",v),f.re()},ne:e=>{o(e,u),u=!1}}})(e,o,t,(()=>P(o[s],t)),((e,r)=>{if(r){const e=o.style,t=e[l];e[l]="hidden",b((()=>{e[l]=t}))}o[s]+=P(e,t)}))},I(){n&&n.I()},oe(e){i((()=>e))},se(t){t+=e.V(),i((()=>t))},le(t,{align:r,smooth:n}={}){if(t=S(t,0,e.U()-1),"nearest"===r){const n=e.N(t),o=e.V();if(n<o)r="start";else{if(!(n+e.P(t)>o+e.H()))return;r="end"}}i((()=>e.W()+("end"===r?e.N(t)+e.P(t)-e.H():"center"===r?e.N(t)+(e.P(t)-e.H())/2:e.N(t))),n)},ne:e=>{n&&n.ne(e)}}})(G,U),[Z,$]=h(G.C()),ee=G.G(3,(()=>{$(G.C())})),te=G.G(4,(()=>{var e;null===(e=n.onScroll)||void 0===e||e.call(n,G.V())})),re=G.G(8,(()=>{var e;null===(e=n.onScrollEnd)||void 0===e||e.call(n)})),ne=a((e=>{Z();const t=G.j();return e&&e[0]===t[0]&&e[1]===t[1]?e:t})),oe=a((()=>Z()&&G.F())),se=a((()=>Z()&&G.Y()));a((()=>Z()&&(e=>m(e.Y(),e.H()-e.W()-e.X()))(G)));const le=a((()=>Z()&&G.q())),ie=a((()=>{var e;const t=null!==(e=n.overscan)&&void 0!==e?e:4,[r,o]=ne();return[E(r,t,oe()),L(o,t,oe(),n.data.length)]}));return _((()=>{n.ref&&n.ref({get scrollOffset(){return G.V()},get scrollSize(){return(e=>m(e.Y(),e.H()))(G)},get viewportSize(){return G.H()},scrollToIndex:Q.le,scrollTo:Q.oe,scrollBy:Q.se}),K.ee(f),Q.Z(f),u((()=>{n.ref&&n.ref(),ee(),te(),re(),K.I(),Q.I()}))})),v(p((()=>n.data.length),((e,t)=>{y(t)&&e!==t&&G.K(3,[e,n.shift])}))),c(p(le,(()=>{const e=G.A();e&&Q.ne(e)}))),c((()=>{const e=ne();n.onRangeChange&&n.onRangeChange(e[0],e[1])})),ce=H(),ae=ce.firstChild,"function"==typeof f?o(f,ce):f=ce,s(ce,l(A,{get style(){return{display:U?"inline-block":"block",[U?"overflow-x":"overflow-y"]:"auto",contain:"strict",width:"100%",height:"100%",...n.style}}}),!1,!0),r(ae,{"overflow-anchor":"none"}),ae.style.setProperty("overflow-anchor","none"),ae.style.setProperty("flex","none"),ae.style.setProperty("position","relative"),ae.style.setProperty("visibility","hidden"),e(ae,i(F,{get T(){return n.data},get J(){return ie()},O:(e,t)=>{const r=a((()=>(Z(),G.N(t)))),o=a((()=>(Z(),G.D(t))));return i(V,{v:t,get _(){return K.te},get m(){return r()},get S(){return o()},get k(){return n.children(e,t)},p:U})}})),t((e=>{var t=U?se()+"px":"100%",r=U?"100%":se()+"px",n=0!==oe()?"none":"auto";return t!==e.e&&(null!=(e.e=t)?ae.style.setProperty("width",t):ae.style.removeProperty("width")),r!==e.t&&(null!=(e.t=r)?ae.style.setProperty("height",r):ae.style.removeProperty("height")),n!==e.a&&(null!=(e.a=n)?ae.style.setProperty("pointer-events",n):ae.style.removeProperty("pointer-events")),e}),{e:void 0,t:void 0,a:void 0}),ce;var ce,ae};export{W as VList};
|
|
2
|
+
//# sourceMappingURL=index.mjs.map
|