vlist 2.6.4 → 2.7.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.github.md +36 -6
- package/README.md +35 -5
- package/dist/config.js +1 -1
- package/dist/core/create.d.ts +7 -1
- package/dist/core/runway.d.ts +5 -0
- package/dist/core/state.d.ts +2 -0
- package/dist/core/types.d.ts +2 -0
- package/dist/index.js +1 -1
- package/dist/size.json +1 -1
- package/dist/synthetic/handler.d.ts +8 -0
- package/dist/synthetic/motion.d.ts +28 -0
- package/dist/synthetic.d.ts +9 -0
- package/dist/synthetic.js +1 -0
- package/package.json +6 -1
package/dist/size.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"base":{"minified":"27.
|
|
1
|
+
{"base":{"minified":"27.8","gzipped":"9.9","minBytes":28421,"gzBytes":10106},"synthetic":{"minified":"35.0","gzipped":"12.5","minBytes":35888,"gzBytes":12764},"a11y":{"minified":"31.0","gzipped":"11.1","minBytes":31753,"gzBytes":11336},"selection":{"minified":"37.1","gzipped":"12.7","minBytes":38030,"gzBytes":12989},"data":{"minified":"41.4","gzipped":"14.7","minBytes":42378,"gzBytes":15034},"scrollbar":{"minified":"34.8","gzipped":"11.9","minBytes":35686,"gzBytes":12164},"sortable":{"minified":"37.2","gzipped":"12.9","minBytes":38099,"gzBytes":13194},"groups":{"minified":"43.7","gzipped":"15.2","minBytes":44759,"gzBytes":15564},"page":{"minified":"30.2","gzipped":"10.6","minBytes":30907,"gzBytes":10881},"snapshots":{"minified":"31.0","gzipped":"11.0","minBytes":31775,"gzBytes":11288},"transition":{"minified":"34.4","gzipped":"11.8","minBytes":35208,"gzBytes":12123},"autosize":{"minified":"30.7","gzipped":"10.9","minBytes":31411,"gzBytes":11143},"grid":{"minified":"34.8","gzipped":"12.3","minBytes":35602,"gzBytes":12616},"table":{"minified":"46.1","gzipped":"15.7","minBytes":47156,"gzBytes":16060},"masonry":{"minified":"38.8","gzipped":"13.9","minBytes":39755,"gzBytes":14233},"tree":{"minified":"42.9","gzipped":"14.9","minBytes":43930,"gzBytes":15234},"search":{"minified":"36.9","gzipped":"13.0","minBytes":37743,"gzBytes":13361},"carousel":{"minified":"37.2","gzipped":"13.3","minBytes":38126,"gzBytes":13644}}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/** RFC-014 input provider. No native main-axis scroll position writes. */
|
|
2
|
+
import type { BoundedScrollConfig, BoundedScrollHandler } from "../core/runway";
|
|
3
|
+
type SyntheticScrollConfig = BoundedScrollConfig & {
|
|
4
|
+
readonly sizeCache: NonNullable<BoundedScrollConfig["sizeCache"]>;
|
|
5
|
+
};
|
|
6
|
+
export declare function createSyntheticScrollHandler(config: SyntheticScrollConfig): BoundedScrollHandler;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=handler.d.ts.map
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/** RFC-014 signed motion model, ported from the reviewed standalone prototype. */
|
|
2
|
+
export declare const IDLE = 0, PENDING = 1, TRACKING = 2, INERTIA = 3, ANIMATING = 4, CANCELLED = 5;
|
|
3
|
+
export type MotionState = 0 | 1 | 2 | 3 | 4 | 5;
|
|
4
|
+
export interface MotionOptions {
|
|
5
|
+
getMax: () => number;
|
|
6
|
+
onChange?: (position: number) => void;
|
|
7
|
+
onFinish?: () => void;
|
|
8
|
+
axis?: "x" | "y";
|
|
9
|
+
reducedMotion: () => boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare function createMotion({ getMax, onChange, onFinish, axis, reducedMotion }: MotionOptions): {
|
|
12
|
+
readonly position: number;
|
|
13
|
+
readonly state: MotionState;
|
|
14
|
+
readonly velocity: number;
|
|
15
|
+
readonly active: boolean;
|
|
16
|
+
begin(id: number, x: number, y: number, time: number): void;
|
|
17
|
+
move(id: number, x: number, y: number, time: number): boolean;
|
|
18
|
+
end(id: number, time: number): void;
|
|
19
|
+
cancel: () => void;
|
|
20
|
+
reset(): void;
|
|
21
|
+
jump: (value: number) => void;
|
|
22
|
+
shiftBy(delta: number): void;
|
|
23
|
+
by(delta: number): boolean;
|
|
24
|
+
smooth(value: number | (() => number), milliseconds?: number, easing?: (t: number) => number): void;
|
|
25
|
+
resize(): void;
|
|
26
|
+
tick(time: number): void;
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=motion.d.ts.map
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { CreateVListConfig, VList, VListPlugin } from "./core/types";
|
|
2
|
+
import type { ScrollConfig, VListItem } from "./types";
|
|
3
|
+
export type SyntheticVListConfig<T extends VListItem = VListItem> = Omit<CreateVListConfig<T>, "scroll"> & {
|
|
4
|
+
scroll?: Omit<ScrollConfig, "mode"> & {
|
|
5
|
+
mode?: "native" | "bounded" | "synthetic";
|
|
6
|
+
};
|
|
7
|
+
};
|
|
8
|
+
export declare function createVList<T extends VListItem = VListItem>(config: SyntheticVListConfig<T>, plugins?: VListPlugin<T>[]): VList<T>;
|
|
9
|
+
//# sourceMappingURL=synthetic.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function Be(e){let t=e.querySelectorAll("a[href],button,input,select,textarea,[tabindex]");for(let n=0;n<t.length;n++)t[n].setAttribute("tabindex","-1")}function Pe(e){if(typeof e==="string"){let t=document.querySelector(e);if(!t)throw Error(`[vlist] Container not found: ${e}`);return t}return e}function ct(e,t,n,r){let l=n?`${t} ${t}--horizontal`:t,u=n?"overflow-x:auto;overflow-y:hidden;height:100%;width:100%":"overflow:auto;height:100%;width:100%",i=n?"position:relative;height:100%;overflow-anchor:none":"position:relative;width:100%;overflow-anchor:none",d=' role="list"';if(r)d+=` aria-label="${r.replace(/"/g,""")}"`;if(n)d+=' aria-orientation="horizontal"';e.insertAdjacentHTML("beforeend",`<div class="${l}"><div class="${t}-viewport" style="${u}" tabindex="-1"><div class="${t}-content" style="${i}"${d}></div></div></div>`);let T=e.lastElementChild,x=T.firstElementChild,F=x.firstElementChild,I=document.createElement("div");return I.className=`${t}-live`,I.style.cssText="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0",I.setAttribute("aria-live","polite"),I.setAttribute("aria-atomic","true"),I.setAttribute("role","status"),T.appendChild(I),{root:T,viewport:x,content:F,liveRegion:I}}var Ce=3,ut="vlist";var We=16000000,le=150,Ee=1,pe=(e)=>e<0.5?2*e*e:1-(-2*e+2)**2/2,dt=300,mt=2,ft=1.5,pt=0.25,bt=0.75;var Ae="__placeholder_";var Me={top:0,right:0,bottom:0,left:0},vt=(e)=>{if(e==null)return Me;if(typeof e==="number")return e===0?Me:{top:e,right:e,bottom:e,left:e};if(e.length===2){let[u,i]=e;return u===0&&i===0?Me:{top:u,right:i,bottom:u,left:i}}let[t,n,r,l]=e;return t===0&&n===0&&r===0&&l===0?Me:{top:t,right:n,bottom:r,left:l}},gt=(e,t)=>t?e.left+e.right:e.top+e.bottom,ht=(e,t)=>t?e.top+e.bottom:e.left+e.right;function St(e){let t={visibleIndices:new Int32Array(e),visibleOffsets:new Float64Array(e),visibleSizes:new Float64Array(e),visibleCount:0,startIndex:0,totalSize:0,capacity:e,scrollPosition:0,prevScrollPosition:0,scrollDirection:0,baseOffset:0,prevBaseOffset:0,containerSize:0,crossSize:0,totalItems:0,prevRangeStart:0,prevRangeEnd:-1,renderPending:!1,initialized:!1,destroyed:!1,prevAriaTotal:-1,resizeCapacity(n,r,l=Ce){if(r<=0||n<=0)return;let u=Math.ceil(n/r)+l*2;if(u<=t.capacity)return;let i=u+8,d=new Int32Array(i),T=new Float64Array(i),x=new Float64Array(i);d.set(t.visibleIndices),T.set(t.visibleOffsets),x.set(t.visibleSizes),t.visibleIndices=d,t.visibleOffsets=T,t.visibleSizes=x,t.capacity=i},clear(){t.visibleCount=0,t.startIndex=0}};return t}var $t=(e,t)=>{let n=t;return{getOffset:(r)=>r*e,getSize:(r)=>e,indexAtOffset:(r)=>{if(n===0||e===0)return 0;return Math.max(0,Math.min(Math.floor(r/e),n-1))},getTotalSize:()=>n*e,getTotal:()=>n,rebuild:(r)=>{n=r},isVariable:()=>!1}},Ut=(e,t)=>{let n=t,r=new Float64Array(0),l=(i)=>{n=i,r=new Float64Array(i+1),r[0]=0;for(let d=0;d<i;d++)r[d+1]=r[d]+e(d)};l(t);let u=(i)=>{if(n===0)return 0;if(i<=0)return 0;if(i>=r[n])return n-1;let d=0,T=n-1;while(d<T){let x=d+T+1>>>1;if(r[x]<=i)d=x;else T=x-1}return d};return{getOffset:(i)=>{if(i<=0)return 0;if(i>=n)return r[n];return r[i]},getSize:(i)=>e(i),indexAtOffset:(i)=>u(i),getTotalSize:()=>r[n]??0,getTotal:()=>n,rebuild:(i)=>l(i),isVariable:()=>!0}},ze=(e,t)=>{if(typeof e==="number")return $t(e,t);return Ut(e,t)};function Et(e){let t=[],n=`${e}-item`,r=document.createElement("div");return r.className=n,{acquire(){if(t.length>0)return t.pop();return r.cloneNode(!1)},release(l){if(l.className=n,l.removeAttribute("style"),l.removeAttribute("id"),l.removeAttribute("role"),l.removeAttribute("aria-selected"),l.removeAttribute("aria-posinset"),l.removeAttribute("aria-setsize"),l.removeAttribute("data-index"),l.removeAttribute("data-id"),l.textContent="",t.length<100)t.push(l)},get size(){return t.length},clear(){t.length=0}}}function yt(e){let{state:t,viewport:n,isX:r,wheelEnabled:l,onFrame:u,onIdle:i}=e,d=e.idleTimeout||le,T=e.scrollTarget??n,x=null,F=null;function I(){let c=r?n.scrollLeft:n.scrollTop;if(Math.abs(c-t.scrollPosition)<0.5)return;t.prevScrollPosition=t.scrollPosition,t.scrollPosition=c,t.scrollDirection=c>t.prevScrollPosition?1:c<t.prevScrollPosition?-1:0,u(),w()}function v(c){let H;if(r){if(Math.abs(c.deltaX)>Math.abs(c.deltaY))return;let b=n.scrollLeft,P=n.scrollWidth-n.clientWidth;if(H=Math.max(0,Math.min(b+c.deltaY*Ee,P)),Math.abs(H-b)<1)return;c.preventDefault(),n.scrollLeft=H}else{let b=n.scrollWidth>n.clientWidth;if(b&&Math.abs(c.deltaX)>Math.abs(c.deltaY))return;if(b&&c.deltaX!==0)c.preventDefault(),n.scrollLeft+=c.deltaX;let P=n.scrollTop,M=n.scrollHeight-n.clientHeight;if(H=Math.max(0,Math.min(P+c.deltaY*Ee,M)),Math.abs(H-P)<1)return;c.preventDefault(),n.scrollTop=H}t.prevScrollPosition=t.scrollPosition,t.scrollPosition=H,t.scrollDirection=H>t.prevScrollPosition?1:-1,u(),w()}function w(){if(x!==null)clearTimeout(x);x=setTimeout(()=>{x=null,t.scrollDirection=0,i()},d)}function _(){if(F!==null)cancelAnimationFrame(F),F=null}function k(c,H,b,P=pe,M){_();let a=t.scrollPosition,S=typeof c==="function"?c:()=>c,R=S();if(Math.abs(R-a)<1){if(b)b(R);else if(r)n.scrollLeft=R;else n.scrollTop=R;M?.();return}let C=performance.now();function z(p){R=S();let B=p-C,y=Math.min(B/H,1),E=a+(R-a)*P(y);if(b)b(E);else if(r)n.scrollLeft=E;else n.scrollTop=E;if(!b)t.scrollPosition=E;if(u(),y<1)F=requestAnimationFrame(z);else F=null,w(),M?.()}F=requestAnimationFrame(z)}return{attach(){if(T.addEventListener("scroll",I,{passive:!0}),l)T.addEventListener("wheel",v,{passive:!1})},detach(){if(T.removeEventListener("scroll",I),l)T.removeEventListener("wheel",v);if(_(),x!==null)clearTimeout(x),x=null},cancelScroll:_,smoothScrollTo:k}}function be(e,t,n){if(e<t)return t;if(e>n)return n;return e}function xt(e){let{state:t,viewport:n,content:r,isX:l,wheelEnabled:u,onFrame:i,onIdle:d,mainAxisPadding:T}=e,x=e.idleTimeout||le,F=e.runwayFactor??mt,I=e.wrap??null,v=I!==null,w=e.scrollTarget??n,_=0,k=0,c=0,H=null,b=null;function P(){return l?n.scrollLeft:n.scrollTop}function M(h){if(l)n.scrollLeft=h;else n.scrollTop=h}function a(h){let f=v?h:be(h,0,k);t.prevScrollPosition=t.scrollPosition,t.scrollPosition=f,t.scrollDirection=f>t.prevScrollPosition?1:f<t.prevScrollPosition?-1:0;let L=_/2;if(v){t.baseOffset=f-L,M(L);return}let A=be(f-L,0,c);t.baseOffset=A,M(be(f-A,0,_))}function S(h){a(h),i(),B()}function R(){let h=P(),f=t.baseOffset+h;if(Math.abs(f-t.scrollPosition)<0.5)return;if(t.prevScrollPosition=t.scrollPosition,t.scrollPosition=f,t.scrollDirection=f>t.prevScrollPosition?1:f<t.prevScrollPosition?-1:0,C(h),v)z();i(),B()}function C(h){let f=_*pt,L=_*bt,A=_/2;if(v){if(h>=f&&h<=L)return;t.baseOffset=t.scrollPosition-A,M(A);return}if(c<=0)return;let O=t.baseOffset,K=h<f&&O>0,Q=h>L&&O<c;if(!K&&!Q)return;let G=t.scrollPosition,X=be(G-A,0,c);if(X===O)return;t.baseOffset=X,M(be(G-X,0,_))}function z(){let h=I.lapSize();if(h<=0)return;let f=t.scrollPosition-I.home(),L=Math.trunc(f/h);if(Math.abs(L)<I.thresholdLaps)return;let A=L*h;t.scrollPosition-=A,t.prevScrollPosition-=A,t.baseOffset-=A}function p(h){let f;if(l)if(Math.abs(h.deltaX)>Math.abs(h.deltaY)){if(!v)return;f=h.deltaX}else f=h.deltaY;else{let K=n.scrollWidth>n.clientWidth;if(K&&Math.abs(h.deltaX)>Math.abs(h.deltaY))return;if(K&&h.deltaX!==0)h.preventDefault(),n.scrollLeft+=h.deltaX;f=h.deltaY}let L=t.scrollPosition,A=L+f*Ee,O=v?A:be(A,0,k);if(Math.abs(O-L)<1)return;if(h.preventDefault(),S(O),v)z()}function B(){if(H!==null)clearTimeout(H);H=setTimeout(()=>{H=null,t.scrollDirection=0,d()},x)}function y(){if(b!==null)cancelAnimationFrame(b),b=null}function E(h,f,L,A=pe,O){y();let K=t.scrollPosition,Q=typeof h==="function"?h:()=>h,G=Q();if(Math.abs(G-K)<1){S(G),O?.();return}let X=performance.now();function te(q){G=Q();let ne=Math.min((q-X)/f,1);if(a(K+(G-K)*A(ne)),i(),ne<1)b=requestAnimationFrame(te);else b=null,B(),O?.()}b=requestAnimationFrame(te)}function N(h){let f=t.containerSize,L=h+T,A=f*F,O=v?A:Math.min(L,A);_=Math.max(0,O-f),k=Math.max(0,L-f),c=Math.max(0,L-O),t.totalSize=h,r.style[l?"width":"height"]=O+"px",a(t.scrollPosition)}return{attach(){if(w.addEventListener("scroll",R,{passive:!0}),u)w.addEventListener("wheel",p,{passive:!1})},detach(){if(w.removeEventListener("scroll",R),u)w.removeEventListener("wheel",p);if(y(),H!==null)clearTimeout(H),H=null},cancelScroll:y,smoothScrollTo:E,setLogical:S,getLogical(){return t.scrollPosition},getMaxLogical(){return k},refresh:N}}function Kt(e,t){if(e.getTotal()<=0)return{index:0,offsetPx:0};let r=t<=0?0:t,l=e.indexAtOffset(r),u=r-e.getOffset(l);return{index:l,offsetPx:u>0?u:0}}function Yt(e,t){let n=Xt(e,t);return e.getOffset(n.index)+n.offsetPx}function Xt(e,t){let n=e.getTotal();if(n<=0)return{index:0,offsetPx:0};let{index:r,offsetPx:l}=t;if(r<0)return{index:0,offsetPx:0};if(r>n-1)r=n-1;while(l>0&&r<n-1){let u=e.getSize(r);if(l<u)break;l-=u,r++}while(l<0&&r>0)r--,l+=e.getSize(r);if(l<0)l=0;return{index:r,offsetPx:l}}function Tt(e){let{sizeCache:t,getPixel:n,setPixel:r,getContainerSize:l}=e;function u(){let d=t.getTotalSize()-l();return d>0?d:0}function i(d){if(d<=0)return 0;let T=u();return d>T?T:d}return{getLogical(){return Kt(t,n())},setLogical(d){r(i(Yt(t,d)))},getPixelEquivalent(){return n()},setPixelEquivalent(d){r(i(d))},getMaxPixelEquivalent:u,scrollByPx(d){r(i(n()+d))}}}var ye=[],Gt={calculate:ye,commit:ye,afterScroll:ye,idle:ye,resize:ye};function It(e){if(e.length===0)return Gt;let t=[],n=[],r=[],l=[],u=[];for(let i=0;i<e.length;i++){let d=e[i].hooks;if(d===void 0)continue;if(d.onCalculate!==void 0)t.push(d.onCalculate);if(d.onCommit!==void 0)n.push(d.onCommit);if(d.onAfterScroll!==void 0)r.push(d.onAfterScroll);if(d.onIdle!==void 0)l.push(d.onIdle);if(d.onResize!==void 0)u.push(d.onResize)}return{calculate:t,commit:n,afterScroll:r,idle:l,resize:u}}function Lt(e,t){for(let n=0;n<e.length;n++)e[n](t)}function Pt(e,t){for(let n=0;n<e.length;n++)e[n](t)}function $e(e,t,n){for(let r=0;r<e.length;r++)e[r](t,n)}function Ct(e){for(let t=0;t<e.length;t++)e[t]()}function At(e,t,n){for(let r=0;r<e.length;r++)e[r](t,n)}function Mt(e,t,n,r,l,u,i,d){let T=r!==0||l!==0;return{prefix:e,selectedClass:`${e}-item--selected`,focusedClass:`${e}-item--focused`,placeholderClass:`${e}-item--placeholder`,replacedClass:`${e}-item--replaced`,translateProp:t?"translateX(":"translateY(",sizeProp:t?"width":"height",itemRole:"listitem",interactive:!1,startPadding:n,gap:i,hasCrossPad:T,crossStartProp:T?t?"top":"left":"",crossEndProp:T?t?"bottom":"right":"",crossStartVal:T?r+"px":"",crossEndVal:T?l+"px":"",oddClass:u,emitter:d??null,indexMap:null,ariaTotalFn:null}}function qt(e,t,n,r,l){if(e.containerSize<=0||e.totalItems===0)return e.clear(),!0;let{scrollPosition:u,containerSize:i,totalItems:d}=e,T=l??0;e.totalSize=t.getTotalSize();let x=t.indexAtOffset(T>0?Math.max(0,u-T):u),F=t.indexAtOffset(u+i);if(F<d-1)F++;x=Math.max(0,x),F=Math.min(d-1,Math.max(0,F));let I=Math.max(0,x-n),v=Math.min(d-1,F+n),w=Math.ceil(i/1)+n*2+10,_=v-I+1,k=Math.min(_,e.capacity,w);if(I===e.prevRangeStart&&v===e.prevRangeEnd&&!e.renderPending&&e.baseOffset===e.prevBaseOffset)return!1;e.visibleCount=k,e.startIndex=I;for(let c=0;c<k;c++){let H=I+c;e.visibleIndices[c]=H,e.visibleOffsets[c]=t.getOffset(H),e.visibleSizes[c]=t.getSize(H)}return Lt(r.calculate,e),e.prevRangeStart=I,e.prevRangeEnd=v,e.prevBaseOffset=e.baseOffset,e.renderPending=!1,!0}var Y={selected:!1,focused:!1};function Zt(e,t,n){for(let r=0;r<t;r++)if(e[r]===n)return!0;return!1}function jt(e,t){if(t<=1)return!0;let n=e[0];for(let r=1;r<t;r++){let l=e[r];if(l!==n+1)return!1;n=l}return!0}function Jt(e,t,n,r,l,u,i,d,T,x){let F=T?null:l(),{visibleCount:I,visibleIndices:v}=e,w=i.ariaTotalFn?i.ariaTotalFn():e.totalItems,_=i.interactive?String(w):"",k=i.interactive&&w!==e.prevAriaTotal,c=null,H=i.indexMap;for(let b=0;b<I;b++){let P=v[b],M=H?H(P):P,a=e.visibleOffsets[b],S=e.visibleSizes[b],R=T?T(P):F[P];if(x)x(M,Y);else Y.selected=!1,Y.focused=!1;let C=u.get(P),z=C;if(C===void 0){let p=t.acquire();if(R!==void 0){let E;try{E=r(R,M,Y)}catch(N){if(i.emitter)i.emitter.emit("error",{error:N instanceof Error?N:Error(String(N)),context:`template:render:${M}`});t.release(p);continue}if(typeof E==="string")p.innerHTML=E;else p.textContent="",p.appendChild(E);Be(p)}if(p.setAttribute("role",i.itemRole),p.setAttribute("data-index",String(M)),i.interactive)p.id=i.prefix+"-item-"+P,p.setAttribute("aria-posinset",String(M+1)),p.setAttribute("aria-setsize",_);if(R!==void 0){let E=String(R.id);if(p.setAttribute("data-id",E),E.startsWith(Ae))p.classList.add(i.placeholderClass)}if(i.hasCrossPad)p.style.setProperty(i.crossStartProp,i.crossStartVal),p.style.setProperty(i.crossEndProp,i.crossEndVal);if(x){if(p.classList.toggle(i.selectedClass,Y.selected),p.classList.toggle(i.focusedClass,Y.focused),Y.selected)p.setAttribute("aria-selected","true");else p.removeAttribute("aria-selected");p._lastSelected=Y.selected,p._lastFocused=Y.focused}if(i.oddClass)p.classList.toggle(i.oddClass,(P&1)===1);let B=a-e.baseOffset+i.startPadding;p.style.transform=i.translateProp+B+"px)",p._lastOffset=B;let y=S-i.gap;if(p.style[i.sizeProp]=y+"px",p._lastSize=y,p._lastItem=R,u.set(P,p),c===null)c=document.createDocumentFragment();c.appendChild(p)}else{if(k)C.setAttribute("aria-setsize",_);if(R!==void 0&&z._lastItem!==R){let y=C.getAttribute("data-id"),E=String(R.id),N;try{N=r(R,M,Y)}catch(h){if(i.emitter)i.emitter.emit("error",{error:h instanceof Error?h:Error(String(h)),context:`template:render:${M}`});continue}if(typeof N==="string")C.innerHTML=N;else C.textContent="",C.appendChild(N);if(Be(C),C.setAttribute("data-id",E),z._lastItem=R,y!==E){let h=y!==null&&y.startsWith(Ae),f=E.startsWith(Ae);if(h!==f)C.classList.toggle(i.placeholderClass,f);if(h&&!f)C.classList.add(i.replacedClass),setTimeout(()=>{C.classList.remove(i.replacedClass)},300)}}if(x){if(z._lastSelected!==Y.selected){if(C.classList.toggle(i.selectedClass,Y.selected),Y.selected)C.setAttribute("aria-selected","true");else C.removeAttribute("aria-selected");z._lastSelected=Y.selected}if(z._lastFocused!==Y.focused)C.classList.toggle(i.focusedClass,Y.focused),z._lastFocused=Y.focused}let p=a-e.baseOffset+i.startPadding;if(z._lastOffset!==p)C.style.transform=i.translateProp+p+"px)",z._lastOffset=p;let B=S-i.gap;if(z._lastSize!==B)C.style[i.sizeProp]=B+"px",z._lastSize=B}}if(c!==null)n.appendChild(c);if(I>0&&jt(v,I)){let b=v[0],P=v[I-1];for(let[M,a]of u)if(M<b||M>P)a.remove(),t.release(a),u.delete(M)}else for(let[b,P]of u)if(!Zt(v,I,b))P.remove(),t.release(P),u.delete(b);if(i.interactive)e.prevAriaTotal=e.totalItems;Pt(d.commit,e)}function Ue(e,t,n,r,l,u,i,d,T,x,F,I){if(qt(e,t,n,x,T.startPadding))Jt(e,r,l,u,i,d,T,x,F,I)}var Ke=()=>{let e={},t=(u,i)=>{if(!e[u])e[u]=new Set;return e[u].add(i),()=>n(u,i)},n=(u,i)=>{e[u]?.delete(i)};return{on:t,off:n,emit:(u,i)=>{e[u]?.forEach((d)=>{try{d(i)}catch(T){console.error(`[vlist] Error in event handler for "${String(u)}":`,T)}})},clear:(u)=>{if(u)delete e[u];else for(let i in e)delete e[i]}}};var zt=2,wt=(e=0)=>({velocity:0,sampleCount:0}),_t=(e,t)=>{let n=performance.now(),r=e._lt??n,l=e._lp??t,u=n-r;if(e._lp=t,e._lt=n,u===0)return e.sampleCount=Math.min(e.sampleCount+1,5),e;if(u>100)return e.velocity=0,e.sampleCount=1,e;return e.velocity=Math.abs(t-l)/u,e.sampleCount=Math.min(e.sampleCount+1,5),e};function Qt(e){let{item:t}=e;if(t.height!==void 0&&typeof t.height==="number"){if(!Number.isFinite(t.height)||t.height<=0)throw Error(`vlist: item.height must be a positive number, got ${t.height}`)}if(t.width!==void 0&&typeof t.width==="number"){if(!Number.isFinite(t.width)||t.width<=0)throw Error(`vlist: item.width must be a positive number, got ${t.width}`)}if(t.estimatedHeight!==void 0){if(!Number.isFinite(t.estimatedHeight)||t.estimatedHeight<=0)throw Error(`vlist: item.estimatedHeight must be a positive number, got ${t.estimatedHeight}`)}if(t.estimatedWidth!==void 0){if(!Number.isFinite(t.estimatedWidth)||t.estimatedWidth<=0)throw Error(`vlist: item.estimatedWidth must be a positive number, got ${t.estimatedWidth}`)}if(t.gap!==void 0){if(typeof t.gap!=="number"||!Number.isFinite(t.gap)||t.gap<0)throw Error(`vlist: item.gap must be a non-negative number, got ${t.gap}`)}if(e.overscan!==void 0){if(typeof e.overscan!=="number"||!Number.isFinite(e.overscan)||e.overscan<0)throw Error(`vlist: overscan must be a non-negative number, got ${e.overscan}`)}if(e.scroll?.runway!==void 0){if(typeof e.scroll.runway!=="number"||!Number.isFinite(e.scroll.runway)||e.scroll.runway<=0)throw Error(`vlist: scroll.runway must be a positive number, got ${e.scroll.runway}`)}}function en(e,t){let n=e==="horizontal"?"x":"y";if(t.some((l)=>l.name==="grid"))return{primary:n,cross:n==="x"?"y":"x"};return{primary:n}}function tn(e,t){let n=en(e.orientation,t),r=n.primary==="x",l=vt(e.padding);return{axis:n,hasCrossAxis:n.cross!==void 0,overscan:e.overscan??Ce,reverse:e.reverse??!1,classPrefix:e.classPrefix??ut,mainAxisPadding:gt(l,r),crossAxisPadding:ht(l,r),startPadding:r?l.left:l.top,endPadding:r?l.right:l.bottom,crossPadStart:r?l.top:l.left,crossPadEnd:r?l.bottom:l.right,striped:e.item.striped||!1,gap:e.item.gap??0}}function nn(e,t){if(t)return e.item.width??e.item.estimatedWidth??100;return e.item.height??e.item.estimatedHeight??40}function on(e){let t=[...e];return t.sort((n,r)=>(n.priority??50)-(r.priority??50)),t}function rn(e){let t=new Set;for(let n of e){if(t.has(n.name))throw Error(`[vlist] Duplicate plugin: ${n.name}`);t.add(n.name)}for(let n of e)if(n.conflicts){for(let r of n.conflicts)if(t.has(r))throw Error(`[vlist] Plugin "${n.name}" conflicts with "${r}"`)}}function Ht(e,t=[],n){Qt(e);let r=tn(e,t),l=r.axis.primary==="x",u=e.scroll?.mode==="bounded"||!!n,i=nn(e,l),d=r.gap,T=d>0?typeof i==="function"?(m)=>i(m)+d:i+d:i,x=typeof i==="number"?i:20,F=e.items?.length??0,I=r.striped?`${r.classPrefix}-item--odd`:"",v=Ke(),w=Mt(r.classPrefix,l,r.startPadding,r.crossPadStart,r.crossPadEnd,I,d,v),_=t.length>0?on(t):t;if(t.length>0)rn(_);let k=Pe(e.container),c=ct(k,r.classPrefix,l,e.ariaLabel);if(e.scroll?.scrollbar==="none")c.viewport.classList.add(`${r.classPrefix}-viewport--no-scrollbar`);if(e.scroll?.gutter==="stable")c.viewport.classList.add(`${r.classPrefix}-viewport--gutter-stable`);let b=ze(T,F);if(d>0){let m=b.getTotalSize;b.getTotalSize=()=>{let o=m();return o>0?o-d:0}}let P=Et(r.classPrefix),M=Math.ceil(4096/x)+r.overscan*2+8,a=St(M);a.totalItems=F;let S=e.items??[],R=()=>S,C=new Map,z=wt(),p={velocity:0,reliable:!1},B={range:{start:0,end:-1}},y={scrollPosition:0,direction:"down"},E={scrollPosition:0},N=-1,h=-1,f=-1,L=null,A=It(_),O=new Map,K=[],Q=[],G=[],X=null,te=null,q=null,ne=null,ue=null,j=null,s=null,D=null,Z=null,U=null,oe=null,de=!1,Xe=!1,ve=null,Ge=0,qe=0,Ze=null,je=null,Je=null,_e=null,He=null,Re=null,xe=null,ee=null,me=null;a.containerSize=l?c.viewport.clientWidth:c.viewport.clientHeight,a.crossSize=l?c.viewport.clientHeight:c.viewport.clientWidth;let Te=Tt({sizeCache:b,getPixel:()=>te?te():a.scrollPosition,setPixel:(m)=>{if(q)q(m);else if(l)c.viewport.scrollLeft=m;else c.viewport.scrollTop=m},getContainerSize:()=>a.containerSize});if(t.length>0){let m={dom:c,sizeCache:b,scroll:Te,pool:P,config:r,emitter:v,template:e.item.template,registerMethod(o,g){O.set(o,g)},getMethod(o){return O.get(o)},registerClickHandler(o){K.push(o)},registerKeydownHandler(o){Q.push(o)},registerDestroyHandler(o){G.push(o)},enableListboxRole(){let o=c.content.getAttribute("role");if(!o||o==="list")c.content.setAttribute("role","listbox"),c.content.setAttribute("tabindex","0");w.itemRole="option",w.interactive=!0},setSizeConfig(o){let g=ze(o,a.totalItems),V=O.get("_setSizeCacheBase");if(V){let W=b.rebuild;Object.assign(b,g),b.rebuild=W,V(g.rebuild)}else Object.assign(b,g)},setScrollFns(o,g){te=o,q=g},setBoundedWrap(o){me=o},cancelScroll(){ce?.cancelScroll()},setVirtualTotalFn(o){X=o,w.ariaTotalFn=o},setIndexMapFn(o){w.indexMap=o},getItems:R,getItem(o){return j?j(o):S[o]},getState(){return a},rebuildSizeCache(){b.rebuild(a.totalItems)},updateContentSize(o){if(ee){ee.refresh(o);return}a.totalSize=o,c.content.style[l?"width":"height"]=o+r.mainAxisPadding+"px"},setRenderFn(o,g){ne=o,ue=g},renderIfNeeded(){ge()},forceRender(){ae()},setGetItemFn(o){j=o},setItemStateFn(o){s=o},getItemStateFn(){return s},get rawSizeSpec(){return i},scrollTo(o){if(q)q(o);else if(l)c.viewport.scrollLeft=o;else c.viewport.scrollTop=o},shiftScroll(o){if(ee?.shiftBy)ee.shiftBy(o);else m.scrollTo(a.scrollPosition+o)},smoothScrollTo(o,g,V,W){if(_e)_e(o,g,q??void 0,V,W);else m.scrollTo(typeof o==="function"?o():o)},disableDefaultScroll(){de=!0},disableDefaultResize(){Xe=!0},setScrollTarget(o){ve=o},setScrollToPosFn(o){He=o},setScrollToIndexFn(o){Re=o},onScrollFrame:De,onScrollIdle:Ie,removeItemById(o){if(D)return D(o);let g=S.findIndex((V)=>V.id===o);if(g===-1)return-1;return S.splice(g,1),a.totalItems=S.length,b.rebuild(a.totalItems),se(),g},insertItemAt(o,g){if(Z){Z(o,g);return}S.splice(g,0,o),a.totalItems=S.length,b.rebuild(a.totalItems),se()},setRemoveItemFn(o){D=o},setInsertItemFn(o){Z=o},setUpdateItemFn(o){U=o},setGetIndexByIdFn(o){oe=o},getRenderedElement(o){let g=O.get("_getRenderedElement");if(g)return g(o);return C.get(o)??null},setNavConfig(o){if(o.ud!==void 0)Ge=o.ud;if(o.lr!==void 0)qe=o.lr;if(o.scrollIndex)Ze=o.scrollIndex;if(o.navigate)je=o.navigate;if(o.total)Je=o.total},getNavConfig:(()=>{let o={ud:0,lr:0,scrollIndex:null,navigate:null,total:null};return()=>(o.ud=Ge,o.lr=qe,o.scrollIndex=Ze,o.navigate=je,o.total=Je,o)})()};for(let o of _)if(o.setup)try{o.setup(m)}catch(g){v.emit("error",{error:g instanceof Error?g:Error(String(g)),context:`plugin:setup:${o.name}`})}}let Oe=r.classPrefix+"--scrolling",fe=!1,Vt=e.scroll?.idleTimeout??le;function Qe(){if(y.scrollPosition=Te.getPixelEquivalent(),l)y.direction=a.scrollDirection>0?"right":"left";else y.direction=a.scrollDirection>0?"down":"up";if(v.emit("scroll",y),_t(z,a.scrollPosition),p.velocity=z.velocity,p.reliable=z.sampleCount>=zt,v.emit("velocity:change",p),a.startIndex!==N||a.prevRangeEnd!==h)N=a.startIndex,h=a.prevRangeEnd,B.range.start=a.startIndex,B.range.end=a.prevRangeEnd,v.emit("range:change",B)}let et=!1;function se(){if(ne)return;let m=b.getTotalSize();if(ee){ee.refresh(m);return}if(c.content.style[l?"width":"height"]=m+r.mainAxisPadding+"px",!et&&m>We)et=!0,v.emit("error",{error:Error(`Content size (${m}px) exceeds browser limit (${We}px). Enable bounded scroll (scroll: { mode: "bounded" }) for large datasets.`),context:"content:size:overflow"})}function tt(){if(!xe)return;if((X?X():S.length)===0)return;let o=xe;xe=null,Ve.scrollToIndex(o.index,o.alignOrOptions)}function ge(){if(tt(),ne)ne();else Ue(a,b,r.overscan,P,c.content,e.item.template,R,C,w,A,j,s)}function De(){if(!fe)fe=!0,c.root.classList.add(Oe);if(ge(),$e(A.afterScroll,a.scrollPosition,a.scrollDirection),a.scrollPosition!==f)f=a.scrollPosition,Qe()}function Ie(){if(fe)fe=!1,c.root.classList.remove(Oe);a.scrollDirection=0,Ct(A.idle),p.velocity=0,p.reliable=!1,v.emit("velocity:change",p),E.scrollPosition=Te.getPixelEquivalent(),v.emit("scroll:idle",E)}function ae(){if(tt(),a.renderPending=!0,ue)ue();else Ue(a,b,r.overscan,P,c.content,e.item.template,R,C,w,A,j,s);if($e(A.afterScroll,a.scrollPosition,a.scrollDirection),a.scrollPosition!==f){if(f=a.scrollPosition,Qe(),L!==null)clearTimeout(L);L=setTimeout(Ie,Vt)}}let nt=de?!1:e.scroll?.wheel!==!1,ce;if(de&&(u||me))throw Error(`vlist: page() is not compatible with ${me?"the carousel plugin":'scroll: { mode: "bounded" }'} — bounded page-mode scrolling is not implemented yet.`);if(u||me)ee=(n??xt)({state:a,sizeCache:b,viewport:c.viewport,content:c.content,isX:l,wheelEnabled:nt,idleTimeout:e.scroll?.idleTimeout??le,...ve?{scrollTarget:ve}:{},mainAxisPadding:r.mainAxisPadding,...e.scroll?.runway!==void 0?{runwayFactor:Math.max(ft,e.scroll.runway)}:{},...me?{wrap:me}:{},onFrame:De,onIdle:Ie}),ce=ee,te=()=>a.scrollPosition,q=(m)=>ee.setLogical(m);else ce=yt({state:a,viewport:c.viewport,isX:l,wheelEnabled:nt,idleTimeout:e.scroll?.idleTimeout??le,...ve?{scrollTarget:ve}:{},onFrame:De,onIdle:Ie});_e=ce.smoothScrollTo;function Fe(m){let g=m.target.closest("[data-index]");if(!g)return null;let V=parseInt(g.getAttribute("data-index"),10);if(Number.isNaN(V))return null;let W=O.get("_layoutToDataIndex"),J;if(W){let re=W(V);if(re<0)return null;let Se=O.get("_getItem");J=Se?Se(re):j?j(re):S[re]}else J=j?j(V):S[V];if(J===void 0)return null;return{item:J,index:V}}function ot(m){for(let g=0;g<K.length;g++)K[g](m);let o=Fe(m);if(o)v.emit("item:click",{item:o.item,index:o.index,event:m})}function rt(m){let o=Fe(m);if(o)v.emit("item:dblclick",{item:o.item,index:o.index,event:m})}function it(m){let o=Fe(m);if(o)v.emit("item:contextmenu",{item:o.item,index:o.index,event:m})}function lt(m){let o=m.target?.tagName;if((o==="INPUT"||o==="TEXTAREA"||o==="SELECT")&&!((m.ctrlKey||m.metaKey)&&(m.key==="f"||m.key==="F")))return;for(let g=0;g<Q.length;g++)Q[g](m)}if(c.content.addEventListener("click",ot),c.content.addEventListener("dblclick",rt),c.content.addEventListener("contextmenu",it),Q.length>0)c.root.addEventListener("keydown",lt);let Ne=null;if(!Xe)setTimeout(()=>{if(a.destroyed)return;Ne=new ResizeObserver((o)=>{for(let g of o){let{width:V,height:W}=g.contentRect,J=l?V:W,re=l?W:V;if(Math.abs(J-a.containerSize)<1&&Math.abs(re-a.crossSize)<1)continue;if(a.containerSize=J,a.crossSize=re,a.resizeCapacity(J,x,r.overscan),ee)ee.refresh(b.getTotalSize());ae(),At(A.resize,V,W),v.emit("resize",{width:V,height:W})}}),Ne.observe(c.viewport)},0);a.resizeCapacity(a.containerSize,x,r.overscan),se(),a.initialized=!0;let he=null;if(e.defer)he=requestAnimationFrame(()=>{if(he=null,!a.destroyed)ge()});else ge();if(!de)ce.attach();let Ve={get element(){return c.root},get items(){return S},get total(){return X?X():S.length},setItems(m){S=[...m],a.totalItems=S.length,b.rebuild(a.totalItems),se(),ae()},appendItems(m){S.push(...m),a.totalItems=S.length,b.rebuild(a.totalItems),se(),ae()},prependItems(m){S.unshift(...m),a.totalItems=S.length,b.rebuild(a.totalItems),se(),ae()},updateItem(m,o){if(U){if(!U(m,o))return}else{let g=S.findIndex((V)=>V.id===m);if(g===-1)return;S[g]={...S[g],...o}}ae()},insertItem(m,o){if(Z)Z(m,o??a.totalItems);else{if(o===void 0)S.push(m);else S.splice(o,0,m);a.totalItems=S.length,b.rebuild(a.totalItems),se()}ae()},removeItem(m){if(D){if(D(m)<0)return}else{let o=S.findIndex((g)=>g.id===m);if(o===-1)return;S.splice(o,1),a.totalItems=S.length,b.rebuild(a.totalItems),se()}ae()},removeItems(m){if(D){let W=0;for(let J of m)if(D(J)>=0)W++;if(W>0)ae();return W}let o=new Set(m),g=S.length;S=S.filter((W)=>!o.has(W.id));let V=g-S.length;if(V>0)a.totalItems=S.length,b.rebuild(a.totalItems),se(),a.renderPending=!0,ge();return V},getItemAt(m){if(w.indexMap)return S[m];return j?j(m):S[m]},getIndexById(m){if(oe)return oe(m);return S.findIndex((o)=>o.id===m)},scrollToIndex(m,o="start"){let g=X?X():S.length;if(g===0){xe={index:m,alignOrOptions:o};return}let V=Math.max(0,Math.min(m,g-1)),W=typeof o==="string"?o:o.align??"start",J=typeof o==="object"?o.behavior:void 0,re=typeof o==="object"?o.duration:void 0,Se=typeof o==="object"?o.easing:void 0;if(Re&&Re(V,W,J,re,Se)!==!1)return;let ke=b.getOffset(V),st=b.getSize(V),Le=a.containerSize,kt=b.getTotalSize(),at=r.mainAxisPadding,Bt=Math.max(0,kt+at-Le),ie;if(He)ie=He(V,b,Le,g,W);else{let Wt=r.startPadding;switch(W){case"center":ie=Wt+ke-(Le-st)/2;break;case"end":ie=ke+st+at-Le;break;default:ie=ke}ie=Math.max(0,Math.min(ie,Bt))}if(J==="smooth")ce.smoothScrollTo(ie,re??dt,q??void 0,Se);else if(q)q(ie);else if(l)c.viewport.scrollLeft=ie;else c.viewport.scrollTop=ie},getScrollPosition(){return Te.getPixelEquivalent()},on:v.on.bind(v),off:v.off.bind(v),destroy(){if(a.destroyed)return;if(a.destroyed=!0,fe)fe=!1,c.root.classList.remove(Oe);if(he!==null)cancelAnimationFrame(he),he=null;if(L!==null)clearTimeout(L),L=null;ce.detach(),Ne?.disconnect(),c.content.removeEventListener("click",ot),c.content.removeEventListener("dblclick",rt),c.content.removeEventListener("contextmenu",it),c.root.removeEventListener("keydown",lt);let m=[];for(let o of G)try{o()}catch(g){m.push(g instanceof Error?g:Error(String(g)))}for(let o of _)if(o.destroy)try{o.destroy()}catch(g){m.push(g instanceof Error?g:Error(String(g)))}for(let[,o]of C)o.remove();if(C.clear(),P.clear(),c.root.remove(),v.emit("destroy",void 0),v.clear(),m.length>0)for(let o of m)console.error("vlist: error during destroy:",o)}};for(let[m,o]of O)Ve[m]=o;return Ve}var Ot=1,Dt=2;var Rt=(e)=>1-(1-e)**3;function Ft({getMax:e,onChange:t=()=>{},onFinish:n,axis:r="y",reducedMotion:l}){let u=0,i=0,d=null,T=0,x=0,F=0,I=0,v=0,w=null,_=0,k=0,c=0,H=0,b=400,P=Rt,M=()=>c,a=0.006,S=(y)=>Math.max(0,Math.min(e(),y)),R=(y,E)=>r==="y"?E:y,C=(y,E)=>r==="y"?y:E;function z(y){let E=S(y);if(E!==u)u=E,t(u);return E!==y}function p(){v=0,i=d===null?0:5}function B(y){p(),z(y)}return{get position(){return u},get state(){return i},get velocity(){return v},get active(){return i===3||i===4},begin(y,E,N,h){if(d!==null){p();return}p(),d=y,T=F=R(E,N),x=C(E,N),I=h,i=1},move(y,E,N,h){if(y!==d||i!==1&&i!==2)return!1;let f=R(E,N);if(i===1){let O=Math.abs(f-T),K=Math.abs(C(E,N)-x);if(Math.max(O,K)<6)return!1;if(K>O*1.2)return p(),!1;if(O<K*1.2)return!1;i=2}let L=F-f,A=h-I;if(A>0){let O=Math.max(-3,Math.min(3,L/A));v=A>80?0:O*v<0?O:0.65*O+0.35*v}if(F=f,I=h,z(u+L))v=0;return!0},end(y,E){if(y!==d)return;if(d=null,i===2&&!l()&&E-I<=80&&Math.abs(v)>=0.02)w=null,i=3;else v=0,i=0},cancel:p,reset(){d=null,p()},jump:B,shiftBy(y){k+=y,H+=y,z(u+y)},by(y){p();let E=u;return z(u+y),u!==E},smooth(y,E=400,N=Rt){if(p(),H=0,M=typeof y==="function"?y:()=>y,d!==null||l()||E<=0){z(M());return}b=E,P=N,k=u,c=S(M()+H),w=null,i=4},resize(){p(),z(u)},tick(y){if(i!==3&&i!==4)return;if(w===null){if(w=y,i===4)_=y;return}let E=y-w;if(E<=0)return;if(w=y,E>100){if(i===4)z(S(M()+H)),i=0,n?.();else p();return}if(i===4){c=S(M()+H);let f=Math.min(1,(y-_)/b);if(z(k+(c-k)*P(f)),f===1)i=0,n?.();return}let N=Math.exp(-a*E),h=z(u+v*(1-N)/a);if(v*=N,h||Math.abs(v)<0.02)v=0,i=0}}}var we=(e)=>e.pointerType==="touch"||e.pointerType==="pen";function Ye(e){if(e.closest("textarea,select,[contenteditable]:not([contenteditable=false])"))return!0;let t=e.closest("input");return!!t&&!/^(button|submit|reset|checkbox|radio|image)$/.test(t.type)}function Nt(e){let{state:t,viewport:n,content:r,isX:l,onFrame:u,onIdle:i,mainAxisPadding:d}=e,T=n.parentElement??n,x=n.ownerDocument.defaultView,F=n.ownerDocument,I=x.matchMedia("(prefers-reduced-motion: reduce)"),v=0,w=null,_=null,k=!1,c=!1,H=-1,b=-1,P=null,M=null,a=!1,S=!1,R=!1,C=!1,z,p=new Set;function B(s){let D=t.scrollPosition;if(t.prevScrollPosition=D,t.scrollPosition=t.baseOffset=s,t.scrollDirection=s>D?1:s<D?-1:0,!c)u()}function y(){if(_=null,f.active||f.state===Dt||f.state===Ot)return;t.scrollDirection=0,i()}function E(){if(!k)return;if(_!==null)clearTimeout(_);_=setTimeout(y,e.idleTimeout||le)}function N(){if(k&&w===null&&f.active)w=requestAnimationFrame(h)}function h(s){if(w=null,f.tick(s),f.active)N();else E()}let f=Ft({axis:l?"x":"y",getMax:()=>v,reducedMotion:()=>I.matches,onChange:B,onFinish(){let s=z;z=void 0,s?.()}});function L(){if(z=void 0,w!==null)cancelAnimationFrame(w),w=null;if(f.cancel(),_!==null)clearTimeout(_),_=null}function A(){if(L(),f.reset(),C&&P!==null&&n.hasPointerCapture(P))n.releasePointerCapture(P);C=!1,p.clear(),P=M=null,a=S=R=!1,E()}function O(s){if(!we(s))return;if(s.isPrimary){if(p.size)A();p.clear()}if(p.add(s.pointerId),p.size>1){R=!0,L();return}if(!(s.target instanceof Element)||Ye(s.target)){L();return}P=s.pointerId,a=!1,S=f.active,M=null,L(),f.begin(s.pointerId,s.clientX,s.clientY,s.timeStamp)}function K(s){if(!we(s)||s.target instanceof Node&&n.contains(s.target))return;if(s.isPrimary&&p.size)A();else if(p.size)p.add(s.pointerId),R=!0,L()}function Q(s){if(!we(s)||R)return;if(f.move(s.pointerId,s.clientX,s.clientY,s.timeStamp)){if(a=!0,!C)n.setPointerCapture(s.pointerId),C=!0;if(s.cancelable)s.preventDefault()}}function G(s){if(!we(s)||!p.has(s.pointerId))return;let D=s.type==="pointercancel";if(D)L();if(P===s.pointerId){if(!D&&!R&&(a||S))M=s.pointerId;if(C&&n.hasPointerCapture(s.pointerId))n.releasePointerCapture(s.pointerId);C=!1,P=null,a=S=!1}if(f.end(s.pointerId,s.timeStamp),p.delete(s.pointerId),!p.size){if(R||D)f.reset();R=!1}N(),E()}function X(s){let D=s.pointerId;if(s.detail!==0&&M!==null&&(D===M||D===void 0))M=null,s.preventDefault(),s.stopImmediatePropagation()}function te(s){if(s.ctrlKey||s.defaultPrevented||!(s.target instanceof Element)||Ye(s.target))return;let D=s.deltaMode===1?16:s.deltaMode===2?t.containerSize:1,Z=l?s.deltaX:s.deltaY,U=l?s.deltaY:s.deltaX,oe=l?n.scrollHeight>n.clientHeight:n.scrollWidth>n.clientWidth;if(oe&&Math.abs(U)>Math.abs(Z))return;if(oe&&U!==0)if(s.preventDefault(),l)n.scrollTop+=U*D;else n.scrollLeft+=U*D;let de=l&&!oe&&Z===0?U:Z;if(L(),f.by(de*D))s.preventDefault();E()}function q(s){if(s.defaultPrevented||s.ctrlKey||s.metaKey||s.altKey||!(s.target instanceof Element)||Ye(s.target))return;if((s.key===" "||s.key==="Enter")&&s.target.closest("button,summary,a,input"))return;let D=e.sizeCache,Z=D.getSize(D.indexAtOffset(f.position)),U;if(s.key===(l?"ArrowRight":"ArrowDown"))U=f.position+Z;if(s.key===(l?"ArrowLeft":"ArrowUp"))U=f.position-Z;if(s.key==="PageDown"||s.key===" ")U=f.position+t.containerSize*(s.shiftKey&&s.key===" "?-1:1);if(s.key==="PageUp")U=f.position-t.containerSize;if(s.key==="Home")U=0;if(s.key==="End")U=v;if(U!==void 0)s.preventDefault(),ue(U)}function ne(){if(F.hidden)A()}function ue(s){let D=f.position;if(L(),f.jump(s),D===f.position)B(f.position);E()}function j(s){let D=H!==t.containerSize||b!==t.crossSize,Z=s!==t.totalSize||D;if(H=t.containerSize,b=t.crossSize,t.totalSize=s,v=Math.max(0,s+d-t.containerSize),Z){if(c=!0,D)L(),f.resize();else f.shiftBy(0);B(f.position),c=!1}}return{setLogical:ue,refresh:j,shiftBy(s){if(t.totalSize=e.sizeCache.getTotalSize(),v=Math.max(0,t.totalSize+d-t.containerSize),f.shiftBy(s),!f.active)E()},cancelScroll(){L(),E()},getLogical:()=>t.scrollPosition,getMaxLogical:()=>v,smoothScrollTo(s,D,Z,U=pe,oe){if(L(),f.smooth(s,D,U),z=oe,!f.active)z=void 0,oe?.(),E();else N()},attach(){if(k)return;if(k=!0,n.style.overflowX=l?"hidden":"auto",n.style.overflowY=l?"auto":"hidden",n.style.touchAction=l?"pan-y pinch-zoom":"pan-x pinch-zoom",n.style.overflowAnchor="none",r.style[l?"width":"height"]="100%",r.style.overflow="clip",r.style.overflowAnchor="none",n.addEventListener("pointerdown",O),x.addEventListener("pointerdown",K),n.addEventListener("pointermove",Q,{passive:!1}),x.addEventListener("pointerup",G),x.addEventListener("pointercancel",G),n.addEventListener("click",X,!0),e.wheelEnabled)n.addEventListener("wheel",te,{passive:!1});T.addEventListener("keydown",q),x.addEventListener("blur",A),F.addEventListener("visibilitychange",ne),I.addEventListener("change",A),N()},detach(){if(k=!1,A(),_!==null)clearTimeout(_),_=null;n.removeEventListener("pointerdown",O),x.removeEventListener("pointerdown",K),n.removeEventListener("pointermove",Q),x.removeEventListener("pointerup",G),x.removeEventListener("pointercancel",G),n.removeEventListener("click",X,!0),n.removeEventListener("wheel",te),T.removeEventListener("keydown",q),x.removeEventListener("blur",A),F.removeEventListener("visibilitychange",ne),I.removeEventListener("change",A),n.style.overflowX=n.style.overflowY=n.style.touchAction=n.style.overflowAnchor="",r.style.overflow=r.style.overflowAnchor=""}}}function Qn(e,t=[]){if(e.scroll?.mode==="synthetic"){if(e.orientation==="horizontal"&&getComputedStyle(Pe(e.container)).direction==="rtl")throw Error("RTL horizontal lists are not supported with synthetic mode in this release; use native mode");for(let n of t)if(n.name==="page"||n.name==="carousel"||n.name==="sortable")throw Error(`${n.name} is not supported with synthetic mode in this release`)}return Ht(e,t,e.scroll?.mode==="synthetic"?Nt:void 0)}export{Qn as createVList};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vlist",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.7.0",
|
|
4
4
|
"description": "Lightweight, high-performance virtual list with zero dependencies",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "Floor IO",
|
|
@@ -34,6 +34,11 @@
|
|
|
34
34
|
"import": "./dist/index.js",
|
|
35
35
|
"default": "./dist/index.js"
|
|
36
36
|
},
|
|
37
|
+
"./synthetic": {
|
|
38
|
+
"types": "./dist/synthetic.d.ts",
|
|
39
|
+
"import": "./dist/synthetic.js",
|
|
40
|
+
"default": "./dist/synthetic.js"
|
|
41
|
+
},
|
|
37
42
|
"./config": {
|
|
38
43
|
"types": "./dist/config.d.ts",
|
|
39
44
|
"import": "./dist/config.js",
|