@momentum-design/components 0.131.2 → 0.131.3

package/dist/browser/index.js

@@ -6243,6 +6243,7 @@
     --mdc-timepicker-border-color: var(--mds-color-theme-outline-input-normal);
     --mdc-timepicker-width: fit-content;
     --mdc-timepicker-listbox-width: 100%;
+    --mdc-timepicker-listbox-height: 15rem;
 
     display: flex;
     flex-direction: column;
@@ -6366,9 +6367,14 @@
   }
 
   /* Popover height, width & padding overrides */
+  :host mdc-popover {
+    --mdc-popover-max-width: var(--mdc-timepicker-listbox-width);
+    --mdc-popover-max-height: var(--mdc-timepicker-listbox-height);
+    min-width: max-content;
+  }
   :host mdc-popover::part(popover-content) {
     max-height: var(--mdc-popover-max-height);
-    min-width: var(--mdc-timepicker-listbox-width);
+    min-width: auto;
     padding: 0.75rem 0.5rem;
   }
 
@@ -6529,15 +6535,14 @@
           @closebyoutsideclick="${()=>{this.displayPopover=!1}}"
           exportparts="popover-content"
         >
-          <div
+          <mdc-selectlistbox
             id="${Lp}"
             part="listbox"
-            role="listbox"
             aria-label="${this.localeTimeOptionsLabel}"
             @keydown="${this.handleListboxKeydown}"
           >
             ${this.renderTimeOptions()}
-          </div>
+          </mdc-selectlistbox>
         </mdc-popover>
       </div>
       ${this.helpText?this.renderHelperText():j}
@@ -6866,7 +6871,7 @@
     ::slotted(mdc-listitem) {
       position: relative;
     }
-  `],Gb=W0;var Kb=V.constructTagName("virtualizedlist"),HJ=V.constructTagName("virtualizedwrapper"),La={VIRTUALIZER_PROPS:{count:0,estimateSize:()=>0,getItemKey:a=>a},LOOP:"false",SCROLL_ANCHORING:!1,IS_AT_BOTTOM_THRESHOLD:16};var er=class extends Ht(Xs){constructor(){super();this.virtualizerProps=La.VIRTUALIZER_PROPS;this.loop=La.LOOP;this.scrollAnchoring=La.SCROLL_ANCHORING;this.observeSizeChanges=!1;this.revertList=!1;this.atBottomThreshold=La.IS_AT_BOTTOM_THRESHOLD;this.virtualizer=null;this.virtualizedNavItems=null;this.virtualizerController=null;this.selectedIndex=this.initialFocus;this.selectedKey=null;this.firstIndex=0;this.firstKey=null;this.hiddenIndexes=[];this.atBottomValue="no";this.atBottomTimer=-1;this.lastScrollPosition=0;this.endOfScrollQueue=[];this.resizeObserver=null;this.handleElementFirstUpdateCompleted=t=>{var r,s;this.observeSizeChanges&&this.navItems.find(l=>l===t.target)!==void 0&&((s=(r=this.virtualizer)==null?void 0:r.measureElement)==null||s.call(r,t.target))};this.orientation=ca.VERTICAL,this.addEventListener("wheel",this.handleWheelEvent.bind(this)),this.addEventListener(Yt.FIRST_UPDATE_COMPLETED,this.handleElementFirstUpdateCompleted.bind(this))}get virtualItems(){var t,r;return(r=(t=this.virtualizer)==null?void 0:t.getVirtualItems())!=null?r:[]}get navItems(){var t,r,s,l;if(((t=this.virtualizedNavItems)==null?void 0:t.items)!==super.navItems){let c=(l=(s=(r=this.virtualizer)==null?void 0:r.options)==null?void 0:s.indexAttribute)!=null?l:"data-index";this.virtualizedNavItems=new jd(super.navItems,f=>Number(f.getAttribute(c)),()=>this.virtualizerProps.count)}return this.virtualizedNavItems}get atBottom(){return this.atBottomValue}set atBottom(t){(this.atBottomValue!==t||t==="yes"&&this.atBottomTimer===-1)&&(this.atBottomValue=t,t==="yes"?this.scrollToBottom():this.clearScrollToBottomTimer())}get totalListHeight(){var t,r;return(r=(t=this.virtualizer)==null?void 0:t.getTotalSize())!=null?r:0}connectedCallback(){this.virtualizerController=new Wd(this,{...this.virtualizerProps,horizontal:!1,getScrollElement:()=>this.scrollRef,onChange:this.onVListStateChangeHandler.bind(this),rangeExtractor:this.virtualizerRangeExtractor.bind(this)}),this.virtualizer=this.virtualizerController.getVirtualizer(),super.connectedCallback(),this.role=null,this.atBottom=this.revertList&&this.scrollAnchoring?"yes":"no",this.resizeObserver=new ResizeObserver(this.handleResizeObserverCallback.bind(this)),this.resizeObserver.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this.clearScrollToBottomTimer(),this.virtualizerController=null,this.virtualizer=null,this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null)}async update(t){super.update(t),t.has("orientation")&&this.orientation!==ca.VERTICAL&&(this.orientation=ca.VERTICAL),t.has("virtualizerProps")&&await this.handleVirtualizerPropsUpdate(t.get("virtualizerProps")),t.has("observeSizeChanges")&&this.navItems.forEach(r=>{var s,l;this.observeSizeChanges&&((l=(s=this.virtualizer)==null?void 0:s.measureElement)==null||l.call(s,r))}),t.has("scrollAnchoring")&&(this.scrollAnchoring?this.checkAtBottom():this.atBottom="no"),t.has("revertList")&&this.revertList&&this.scrollAnchoring&&(this.atBottom="yes"),t.has("atBottomThreshold")&&this.scrollAnchoring&&this.checkAtBottom()}async handleVirtualizerPropsUpdate(t){var l,c;let{virtualizer:r}=this;if(!r)return;let s=r.measurementsCache.slice();if(r.setOptions({...r.options,...this.virtualizerProps}),this.virtualizerProps.count!==(t==null?void 0:t.count)&&(this.emitChangeEvent(),this.syncUI()),this.scrollAnchoring&&s.length>0){let f=Math.abs(this.virtualizerProps.count-((l=t==null?void 0:t.count)!=null?l:0)),y=this.selectedIndex,A=this.firstKey,F=new Yd(y-f,y+f,{includeEnd:!0}),W=(c=Array.from(F).find(Z=>r.options.getItemKey(Z)===this.selectedKey))!=null?c:this.selectedIndex;if(this.setSelectedIndex(W),this.requestUpdate(),await this.updateComplete,this.atBottom==="yes"){this.scrollToBottom();return}if(this.focusWithin&&y!==this.selectedIndex||!this.focusWithin&&this.firstKey!==A){let Z=r.measurementsCache[this.selectedIndex].end-s[y].end;this.scrollRef.scrollTop+=Z}}}setInitialFocus(){setTimeout(async()=>{if(!this.virtualizer)return;let{scrollToIndex:t}=this.virtualizer;if(this.setSelectedIndex(this.initialFocus),this.selectedIndex>=this.navItems.length)return;t(this.selectedIndex,{align:"center"}),this.navItems.find(this.isElementSelected,this)&&this.resetTabIndexes(this.selectedIndex,!1)},0)}emitChangeEvent(){var r,s,l,c,f;(s=(r=this.virtualizerProps).onChange)==null||s.call(r,this.virtualizer,this.virtualizer.isScrolling);let t={virtualizer:this.virtualizer,virtualItems:(f=(c=(l=this.virtualizer)==null?void 0:l.getVirtualItems)==null?void 0:c.call(l))!=null?f:[]};this.dispatchEvent(new CustomEvent("virtualitemschange",{detail:t,bubbles:!1,cancelable:!1}))}virtualizerRangeExtractor(t){var y,A,F,W;let{navItems:r,virtualizerProps:s,virtualizer:l}=this,c=(A=(y=s.rangeExtractor)==null?void 0:y.call(s,t))!=null?A:zp(t);return this.hiddenIndexes.forEach(Q=>{let Z=r.at(Q);Z&&(Z.removeAttribute("data-virtualized-hidden"),Z.style.removeProperty("--mdc-virtualizedlist-hidden-top"))}),this.firstIndex=t.startIndex,this.firstKey=(W=(F=this.virtualizer)==null?void 0:F.options.getItemKey(this.firstIndex))!=null?W:null,this.hiddenIndexes.length=0,[this.selectedIndex-1,this.selectedIndex,this.selectedIndex+1].forEach(Q=>{var Z;c.includes(Q)||(Q<t.startIndex&&Q>=0&&(c.unshift(Q),this.hiddenIndexes.push(Q)),Q>t.endIndex&&Q<((Z=l==null?void 0:l.options.count)!=null?Z:0)&&(c.push(Q),this.hiddenIndexes.push(Q)))}),this.updateHiddenItemsPosition(t),c.sort((Q,Z)=>Q-Z),c}updateHiddenItemsPosition(t){let{navItems:r,virtualizerProps:s,virtualizer:l}=this;if(!l||s.count===0)return;let{measurementsCache:c}=l;this.hiddenIndexes.forEach(f=>{let y=r.at(f);if(y){let A=Math.max(t.startIndex-t.overscan,0),F=c[A],W=c[f];y.setAttribute("data-virtualized-hidden","true"),y.style.setProperty("--mdc-virtualizedlist-hidden-top",`${W.start-F.start}px`)}})}isElementSelected(t){var r;return((r=this.virtualizer)==null?void 0:r.indexFromElement(t))===this.selectedIndex}setSelectedIndex(t){if(this.virtualizer){let{count:r,getItemKey:s}=this.virtualizer.options;this.selectedIndex=Math.max(0,Math.min(r-1,t)),this.selectedKey=s(t)}}onElementStoreUpdate(t,r){if(r==="added"){let s=this.isElementSelected(t);t.tabIndex=s?0:-1,this.setAriaSetSize(t)}else r==="removed"&&t.tabIndex===0&&queueMicrotask(()=>{this.resetTabIndexes(this.selectedIndex,this.focusWithin)})}async onVListStateChangeHandler(t,r){this.syncUI(),await this.updateComplete,this.requestUpdate(),!r&&this.endOfScrollQueue.length>0&&(this.endOfScrollQueue.forEach(s=>s()),this.endOfScrollQueue.length=0),this.checkAtBottom(),this.emitChangeEvent()}onScrollHandler(t){let r=t.target;this.atBottom==="re-evaluate"||r.scrollTop<this.lastScrollPosition?this.atBottom="no":this.checkAtBottom(),this.lastScrollPosition=r.scrollTop}checkAtBottom(){let{clientHeight:t,scrollHeight:r,scrollTop:s}=this.scrollRef;this.scrollAnchoring&&this.virtualizer&&this.atBottom==="no"&&r>t-this.atBottomThreshold&&!this.virtualizer.isScrolling&&(this.atBottom=r-s<=t+this.atBottomThreshold?"yes":"no")}handleNavigationKeyDown(t){var s,l,c,f;switch(this.getActionForKeyEvent(t)){case q.HOME:{(l=(s=this.virtualizer)==null?void 0:s.scrollToIndex)==null||l.call(s,0,{align:"start"}),this.endOfScrollQueue.push(()=>this.resetTabIndexes(0));break}case q.END:{let y=this.virtualizerProps.count-1;(f=(c=this.virtualizer)==null?void 0:c.scrollToIndex)==null||f.call(c,y,{align:"end"}),this.endOfScrollQueue.push(()=>this.resetTabIndexes(y));break}case q.UP:{this.atBottom="re-evaluate";break}default:}super.handleNavigationKeyDown(t)}resetTabIndexes(t,r=!0){super.resetTabIndexes(t,r),this.setSelectedIndex(t)}resetTabIndexAndSetFocus(t,r,s=!0,l=s){if(this.navItems.find(y=>{var A;return((A=this.virtualizer)==null?void 0:A.indexFromElement(y))===t})===void 0)return this.scrollToIndex(t,{}),this.endOfScrollQueue.push(()=>{super.resetTabIndexAndSetFocus(t,r,s,l),this.setSelectedIndex(t)}),!0;let f=super.resetTabIndexAndSetFocus(t,r,s,l);return this.setSelectedIndex(t),f}setAriaSetSize(t){var r,s;t.setAttribute("aria-setsize",`${(s=(r=this.virtualizer)==null?void 0:r.options.count)!=null?s:-1}`)}scrollToBottom(){if(this.clearScrollToBottomTimer(),this.atBottom==="yes"&&this.scrollRef){let{clientHeight:t,scrollHeight:r,scrollTop:s}=this.scrollRef;this.totalListHeight>t&&(this.scrollRef.scrollTop+=r-t-s),this.atBottomTimer=requestAnimationFrame(this.scrollToBottom.bind(this))}}clearScrollToBottomTimer(){cancelAnimationFrame(this.atBottomTimer),this.atBottomTimer=-1}scrollToIndex(t,r){var s,l;(l=(s=this.virtualizer).scrollToIndex)==null||l.call(s,t,r),this.atBottom=this.scrollAnchoring&&t+1===this.virtualizerProps.count?"yes":"no"}syncUI(){var l;let t=this.virtualItems.find(({index:c})=>!this.hiddenIndexes.includes(c)),r=(l=t==null?void 0:t.start)!=null?l:0;window.getComputedStyle(this);let s=0;this.revertList&&this.scrollRef.clientHeight>=this.totalListHeight&&(s=this.scrollRef.clientHeight-this.totalListHeight),this.wrapperRef.style.height=`${this.totalListHeight}px`,this.containerRef.style.transform=`translateY(${s+r}px)`}handleWheelEvent(t){t.deltaY<0&&(this.atBottom="re-evaluate")}handleResizeObserverCallback(){requestAnimationFrame(()=>{this.revertList&&this.scrollRef.clientHeight>=this.totalListHeight&&this.syncUI()})}render(){var t;return _`
+  `],Gb=W0;var Kb=V.constructTagName("virtualizedlist"),GJ=V.constructTagName("virtualizedwrapper"),La={VIRTUALIZER_PROPS:{count:0,estimateSize:()=>0,getItemKey:a=>a},LOOP:"false",SCROLL_ANCHORING:!1,IS_AT_BOTTOM_THRESHOLD:16};var er=class extends Ht(Xs){constructor(){super();this.virtualizerProps=La.VIRTUALIZER_PROPS;this.loop=La.LOOP;this.scrollAnchoring=La.SCROLL_ANCHORING;this.observeSizeChanges=!1;this.revertList=!1;this.atBottomThreshold=La.IS_AT_BOTTOM_THRESHOLD;this.virtualizer=null;this.virtualizedNavItems=null;this.virtualizerController=null;this.selectedIndex=this.initialFocus;this.selectedKey=null;this.firstIndex=0;this.firstKey=null;this.hiddenIndexes=[];this.atBottomValue="no";this.atBottomTimer=-1;this.lastScrollPosition=0;this.endOfScrollQueue=[];this.resizeObserver=null;this.handleElementFirstUpdateCompleted=t=>{var r,s;this.observeSizeChanges&&this.navItems.find(l=>l===t.target)!==void 0&&((s=(r=this.virtualizer)==null?void 0:r.measureElement)==null||s.call(r,t.target))};this.orientation=ca.VERTICAL,this.addEventListener("wheel",this.handleWheelEvent.bind(this)),this.addEventListener(Yt.FIRST_UPDATE_COMPLETED,this.handleElementFirstUpdateCompleted.bind(this))}get virtualItems(){var t,r;return(r=(t=this.virtualizer)==null?void 0:t.getVirtualItems())!=null?r:[]}get navItems(){var t,r,s,l;if(((t=this.virtualizedNavItems)==null?void 0:t.items)!==super.navItems){let c=(l=(s=(r=this.virtualizer)==null?void 0:r.options)==null?void 0:s.indexAttribute)!=null?l:"data-index";this.virtualizedNavItems=new jd(super.navItems,f=>Number(f.getAttribute(c)),()=>this.virtualizerProps.count)}return this.virtualizedNavItems}get atBottom(){return this.atBottomValue}set atBottom(t){(this.atBottomValue!==t||t==="yes"&&this.atBottomTimer===-1)&&(this.atBottomValue=t,t==="yes"?this.scrollToBottom():this.clearScrollToBottomTimer())}get totalListHeight(){var t,r;return(r=(t=this.virtualizer)==null?void 0:t.getTotalSize())!=null?r:0}connectedCallback(){this.virtualizerController=new Wd(this,{...this.virtualizerProps,horizontal:!1,getScrollElement:()=>this.scrollRef,onChange:this.onVListStateChangeHandler.bind(this),rangeExtractor:this.virtualizerRangeExtractor.bind(this)}),this.virtualizer=this.virtualizerController.getVirtualizer(),super.connectedCallback(),this.role=null,this.atBottom=this.revertList&&this.scrollAnchoring?"yes":"no",this.resizeObserver=new ResizeObserver(this.handleResizeObserverCallback.bind(this)),this.resizeObserver.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this.clearScrollToBottomTimer(),this.virtualizerController=null,this.virtualizer=null,this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null)}async update(t){super.update(t),t.has("orientation")&&this.orientation!==ca.VERTICAL&&(this.orientation=ca.VERTICAL),t.has("virtualizerProps")&&await this.handleVirtualizerPropsUpdate(t.get("virtualizerProps")),t.has("observeSizeChanges")&&this.navItems.forEach(r=>{var s,l;this.observeSizeChanges&&((l=(s=this.virtualizer)==null?void 0:s.measureElement)==null||l.call(s,r))}),t.has("scrollAnchoring")&&(this.scrollAnchoring?this.checkAtBottom():this.atBottom="no"),t.has("revertList")&&this.revertList&&this.scrollAnchoring&&(this.atBottom="yes"),t.has("atBottomThreshold")&&this.scrollAnchoring&&this.checkAtBottom()}async handleVirtualizerPropsUpdate(t){var l,c;let{virtualizer:r}=this;if(!r)return;let s=r.measurementsCache.slice();if(r.setOptions({...r.options,...this.virtualizerProps}),this.virtualizerProps.count!==(t==null?void 0:t.count)&&(this.emitChangeEvent(),this.syncUI()),this.scrollAnchoring&&s.length>0){let f=Math.abs(this.virtualizerProps.count-((l=t==null?void 0:t.count)!=null?l:0)),y=this.selectedIndex,A=this.firstKey,F=new Yd(y-f,y+f,{includeEnd:!0}),W=(c=Array.from(F).find(Z=>r.options.getItemKey(Z)===this.selectedKey))!=null?c:this.selectedIndex;if(this.setSelectedIndex(W),this.requestUpdate(),await this.updateComplete,this.atBottom==="yes"){this.scrollToBottom();return}if(this.focusWithin&&y!==this.selectedIndex||!this.focusWithin&&this.firstKey!==A){let Z=r.measurementsCache[this.selectedIndex].end-s[y].end;this.scrollRef.scrollTop+=Z}}}setInitialFocus(){setTimeout(async()=>{if(!this.virtualizer)return;let{scrollToIndex:t}=this.virtualizer;if(this.setSelectedIndex(this.initialFocus),this.selectedIndex>=this.navItems.length)return;t(this.selectedIndex,{align:"center"}),this.navItems.find(this.isElementSelected,this)&&this.resetTabIndexes(this.selectedIndex,!1)},0)}emitChangeEvent(){var r,s,l,c,f;(s=(r=this.virtualizerProps).onChange)==null||s.call(r,this.virtualizer,this.virtualizer.isScrolling);let t={virtualizer:this.virtualizer,virtualItems:(f=(c=(l=this.virtualizer)==null?void 0:l.getVirtualItems)==null?void 0:c.call(l))!=null?f:[]};this.dispatchEvent(new CustomEvent("virtualitemschange",{detail:t,bubbles:!1,cancelable:!1}))}virtualizerRangeExtractor(t){var y,A,F,W;let{navItems:r,virtualizerProps:s,virtualizer:l}=this,c=(A=(y=s.rangeExtractor)==null?void 0:y.call(s,t))!=null?A:zp(t);return this.hiddenIndexes.forEach(Q=>{let Z=r.at(Q);Z&&(Z.removeAttribute("data-virtualized-hidden"),Z.style.removeProperty("--mdc-virtualizedlist-hidden-top"))}),this.firstIndex=t.startIndex,this.firstKey=(W=(F=this.virtualizer)==null?void 0:F.options.getItemKey(this.firstIndex))!=null?W:null,this.hiddenIndexes.length=0,[this.selectedIndex-1,this.selectedIndex,this.selectedIndex+1].forEach(Q=>{var Z;c.includes(Q)||(Q<t.startIndex&&Q>=0&&(c.unshift(Q),this.hiddenIndexes.push(Q)),Q>t.endIndex&&Q<((Z=l==null?void 0:l.options.count)!=null?Z:0)&&(c.push(Q),this.hiddenIndexes.push(Q)))}),this.updateHiddenItemsPosition(t),c.sort((Q,Z)=>Q-Z),c}updateHiddenItemsPosition(t){let{navItems:r,virtualizerProps:s,virtualizer:l}=this;if(!l||s.count===0)return;let{measurementsCache:c}=l;this.hiddenIndexes.forEach(f=>{let y=r.at(f);if(y){let A=Math.max(t.startIndex-t.overscan,0),F=c[A],W=c[f];y.setAttribute("data-virtualized-hidden","true"),y.style.setProperty("--mdc-virtualizedlist-hidden-top",`${W.start-F.start}px`)}})}isElementSelected(t){var r;return((r=this.virtualizer)==null?void 0:r.indexFromElement(t))===this.selectedIndex}setSelectedIndex(t){if(this.virtualizer){let{count:r,getItemKey:s}=this.virtualizer.options;this.selectedIndex=Math.max(0,Math.min(r-1,t)),this.selectedKey=s(t)}}onElementStoreUpdate(t,r){if(r==="added"){let s=this.isElementSelected(t);t.tabIndex=s?0:-1,this.setAriaSetSize(t)}else r==="removed"&&t.tabIndex===0&&queueMicrotask(()=>{this.resetTabIndexes(this.selectedIndex,this.focusWithin)})}async onVListStateChangeHandler(t,r){this.syncUI(),await this.updateComplete,this.requestUpdate(),!r&&this.endOfScrollQueue.length>0&&(this.endOfScrollQueue.forEach(s=>s()),this.endOfScrollQueue.length=0),this.checkAtBottom(),this.emitChangeEvent()}onScrollHandler(t){let r=t.target;this.atBottom==="re-evaluate"||r.scrollTop<this.lastScrollPosition?this.atBottom="no":this.checkAtBottom(),this.lastScrollPosition=r.scrollTop}checkAtBottom(){let{clientHeight:t,scrollHeight:r,scrollTop:s}=this.scrollRef;this.scrollAnchoring&&this.virtualizer&&this.atBottom==="no"&&r>t-this.atBottomThreshold&&!this.virtualizer.isScrolling&&(this.atBottom=r-s<=t+this.atBottomThreshold?"yes":"no")}handleNavigationKeyDown(t){var s,l,c,f;switch(this.getActionForKeyEvent(t)){case q.HOME:{(l=(s=this.virtualizer)==null?void 0:s.scrollToIndex)==null||l.call(s,0,{align:"start"}),this.endOfScrollQueue.push(()=>this.resetTabIndexes(0));break}case q.END:{let y=this.virtualizerProps.count-1;(f=(c=this.virtualizer)==null?void 0:c.scrollToIndex)==null||f.call(c,y,{align:"end"}),this.endOfScrollQueue.push(()=>this.resetTabIndexes(y));break}case q.UP:{this.atBottom="re-evaluate";break}default:}super.handleNavigationKeyDown(t)}resetTabIndexes(t,r=!0){super.resetTabIndexes(t,r),this.setSelectedIndex(t)}resetTabIndexAndSetFocus(t,r,s=!0,l=s){if(this.navItems.find(y=>{var A;return((A=this.virtualizer)==null?void 0:A.indexFromElement(y))===t})===void 0)return this.scrollToIndex(t,{}),this.endOfScrollQueue.push(()=>{super.resetTabIndexAndSetFocus(t,r,s,l),this.setSelectedIndex(t)}),!0;let f=super.resetTabIndexAndSetFocus(t,r,s,l);return this.setSelectedIndex(t),f}setAriaSetSize(t){var r,s;t.setAttribute("aria-setsize",`${(s=(r=this.virtualizer)==null?void 0:r.options.count)!=null?s:-1}`)}scrollToBottom(){if(this.clearScrollToBottomTimer(),this.atBottom==="yes"&&this.scrollRef){let{clientHeight:t,scrollHeight:r,scrollTop:s}=this.scrollRef;this.totalListHeight>t&&(this.scrollRef.scrollTop+=r-t-s),this.atBottomTimer=requestAnimationFrame(this.scrollToBottom.bind(this))}}clearScrollToBottomTimer(){cancelAnimationFrame(this.atBottomTimer),this.atBottomTimer=-1}scrollToIndex(t,r){var s,l;(l=(s=this.virtualizer).scrollToIndex)==null||l.call(s,t,r),this.atBottom=this.scrollAnchoring&&t+1===this.virtualizerProps.count?"yes":"no"}syncUI(){var l;let t=this.virtualItems.find(({index:c})=>!this.hiddenIndexes.includes(c)),r=(l=t==null?void 0:t.start)!=null?l:0;window.getComputedStyle(this);let s=0;this.revertList&&this.scrollRef.clientHeight>=this.totalListHeight&&(s=this.scrollRef.clientHeight-this.totalListHeight),this.wrapperRef.style.height=`${this.totalListHeight}px`,this.containerRef.style.transform=`translateY(${s+r}px)`}handleWheelEvent(t){t.deltaY<0&&(this.atBottom="re-evaluate")}handleResizeObserverCallback(){requestAnimationFrame(()=>{this.revertList&&this.scrollRef.clientHeight>=this.totalListHeight&&this.syncUI()})}render(){var t;return _`
       <slot name="list-header"></slot>
       <div part="scroll" tabindex="-1" @scroll="${this.onScrollHandler}">
         <div part="wrapper">