ng-virtual-list 19.7.9 → 19.7.11

package/fesm2022/ng-virtual-list.mjs

@@ -316,7 +316,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
-const ATTR_AREA_SELECTED = 'area-selected', TABINDEX = 'index', KEY_SPACE = " ", KEY_ARR_LEFT = "ArrowLeft", KEY_ARR_UP = "ArrowUp", KEY_ARR_RIGHT = "ArrowRight", KEY_ARR_DOWN = "ArrowDown";
+const ATTR_AREA_SELECTED = 'area-selected', TABINDEX = 'index', KEY_SPACE = " ", KEY_ARR_LEFT = "ArrowLeft", KEY_ARR_UP = "ArrowUp", KEY_ARR_RIGHT = "ArrowRight", KEY_ARR_DOWN = "ArrowDown", EVENT_FOCUS_IN = 'focusin', EVENT_FOCUS_OUT = 'focusout', EVENT_KEY_DOWN = 'keydown';
 /**
  * Virtual list item component
  * @link https://github.com/DjonnyX/ng-virtual-list/blob/19.x/projects/ng-virtual-list/src/lib/components/ng-virtual-list-item.component.ts
@@ -391,22 +391,27 @@ class NgVirtualListItemComponent extends BaseVirtualListItemComponent {
         super();
         this._id = this._service.generateComponentId();
         const $data = toObservable(this.data);
-        fromEvent(this.element, 'focusin').pipe(takeUntilDestroyed(), tap(e => {
+        fromEvent(this.element, EVENT_FOCUS_IN).pipe(takeUntilDestroyed(), tap(e => {
             this.focus.set(true);
             this.updateConfig(this._data);
             this.updatePartStr(this._data, this._isSelected, this._isCollapsed);
         })).subscribe(),
-            fromEvent(this.element, 'focusout').pipe(takeUntilDestroyed(), tap(e => {
+            fromEvent(this.element, EVENT_FOCUS_OUT).pipe(takeUntilDestroyed(), tap(e => {
                 this.focus.set(false);
                 this.updateConfig(this._data);
                 this.updatePartStr(this._data, this._isSelected, this._isCollapsed);
             })).subscribe(),
-            fromEvent(this.element, 'keydown').pipe(takeUntilDestroyed(), tap(e => {
+            fromEvent(this.element, EVENT_KEY_DOWN).pipe(takeUntilDestroyed(), tap(e => {
                 switch (e.key) {
                     case KEY_SPACE: {
                         e.stopImmediatePropagation();
                         e.preventDefault();
-                        this._service.select(this._data);
+                        if (this._service.selectByClick) {
+                            this._service.select(this._data);
+                        }
+                        if (this._service.collapseByClick) {
+                            this._service.collapse(this._data);
+                        }
                         break;
                     }
                     case KEY_ARR_LEFT:
@@ -1940,6 +1945,9 @@ const isMethodForSelecting = (src, expected) => {
 };
 
 const ROLE_LIST = 'list', ROLE_LIST_BOX = 'listbox';
+const validateScrollIteration = (value) => {
+    return Number.isNaN(value) || (value < 0) ? 0 : value > MAX_SCROLL_TO_ITERATIONS ? MAX_SCROLL_TO_ITERATIONS : value;
+};
 /**
  * Virtual list component.
  * Maximum performance for extremely large lists.
@@ -1987,7 +1995,7 @@ class NgVirtualListComponent {
     onCollapse = output();
     _itemsOptions = {
         transform: (v) => {
-            this._trackBox.resetCollection(v, this.itemSize());
+            // etc
             return v;
         },
     };
@@ -2116,9 +2124,9 @@ class NgVirtualListComponent {
     _scrollSize = signal(0);
     _resizeObserver = null;
     _resizeSnappedComponentHandler = () => {
-        const list = this._list(), container = this._container(), snappedComponent = this._snapedDisplayComponent?.instance;
+        const list = this._list(), container = this._container(), bounds = this._bounds(), snappedComponent = this._snapedDisplayComponent?.instance;
         if (list && container && snappedComponent) {
-            const isVertical = this._isVertical, listBounds = list.nativeElement.getBoundingClientRect(), listElement = list?.nativeElement, { width: lWidth, height: lHeight } = listElement?.getBoundingClientRect() ?? { width: 0, height: 0 }, { width, height } = this._bounds() ?? { width: 0, height: 0 }, isScrollable = isVertical ? container.nativeElement.scrollHeight > 0 : container.nativeElement.scrollWidth > 0;
+            const isVertical = this._isVertical, listBounds = list.nativeElement.getBoundingClientRect(), listElement = list?.nativeElement, { width: lWidth, height: lHeight } = listElement?.getBoundingClientRect() ?? { width: 0, height: 0 }, { width, height } = bounds ?? { width: 0, height: 0 }, isScrollable = isVertical ? container.nativeElement.scrollHeight > 0 : container.nativeElement.scrollWidth > 0;
             let scrollBarSize = isVertical ? width - lWidth : height - lHeight, isScrollBarOverlap = true, overlapScrollBarSize = 0;
             if (scrollBarSize === 0 && isScrollable) {
                 isScrollBarOverlap = true;
@@ -2215,11 +2223,14 @@ class NgVirtualListComponent {
             this._trackBox.trackingPropertyName = v;
         })).subscribe();
         const $bounds = toObservable(this._bounds).pipe(filter(b => !!b)), $items = toObservable(this.items).pipe(map(i => !i ? [] : i)), $scrollSize = toObservable(this._scrollSize), $itemSize = toObservable(this.itemSize).pipe(map(v => v <= 0 ? DEFAULT_ITEM_SIZE : v)), $bufferSize = toObservable(this.bufferSize).pipe(map(v => v < 0 ? DEFAULT_BUFFER_SIZE : v)), $maxBufferSize = toObservable(this.maxBufferSize).pipe(map(v => v < 0 ? DEFAULT_BUFFER_SIZE : v)), $itemConfigMap = toObservable(this.itemConfigMap).pipe(map(v => !v ? {} : v)), $snap = toObservable(this.snap), $isVertical = toObservable(this.direction).pipe(map(v => this.getIsVertical(v || DEFAULT_DIRECTION))), $dynamicSize = toObservable(this.dynamicSize), $enabledBufferOptimization = toObservable(this.enabledBufferOptimization), $snappingMethod = toObservable(this.snappingMethod).pipe(map(v => this.getIsSnappingMethodAdvanced(v || DEFAULT_SNAPPING_METHOD))), $methodForSelecting = toObservable(this.methodForSelecting), $selectedIds = toObservable(this.selectedIds), $collapsedIds = toObservable(this.collapsedIds), $collapsedItemIds = toObservable(this._collapsedItemIds), $actualItems = toObservable(this._actualItems), $cacheVersion = toObservable(this._cacheVersion);
+        combineLatest([$items, $itemSize]).pipe(takeUntilDestroyed(), map(([items, itemSize]) => ({ items, itemSize })), tap(({ items, itemSize }) => {
+            this._trackBox.resetCollection(items, itemSize);
+        })).subscribe();
         combineLatest([$items, $collapsedItemIds, $itemConfigMap]).pipe(takeUntilDestroyed(), tap(([items, collapsedIds, itemConfigMap]) => {
             const hiddenItems = new CMap();
             let isCollapsed = false;
             for (let i = 0, l = items.length; i < l; i++) {
-                const item = items[i], id = items[i].id, group = (itemConfigMap[id]?.sticky ?? 0) > 0, collapsed = collapsedIds.includes(id);
+                const item = items[i], id = item.id, group = (itemConfigMap[id]?.sticky ?? 0) > 0, collapsed = collapsedIds.includes(id);
                 if (group) {
                     isCollapsed = collapsed;
                 }
@@ -2455,7 +2466,7 @@ class NgVirtualListComponent {
      * Behavior accepts the values ​​"auto", "instant" and "smooth".
      */
     scrollTo(id, behavior = BEHAVIOR_AUTO, iteration = 0) {
-        this.scrollToExecutor(id, behavior, iteration < 0 ? 0 : iteration);
+        this.scrollToExecutor(id, behavior, validateScrollIteration(iteration));
     }
     _scrollToRepeatExecutionTimeout;
     clearScrollToRepeatExecutionTimeout() {
@@ -2528,13 +2539,13 @@ class NgVirtualListComponent {
      */
     scrollToEnd(behavior = BEHAVIOR_INSTANT, iteration = 0) {
         const items = this.items(), latItem = items[items.length > 0 ? items.length - 1 : 0];
-        this.scrollTo(latItem.id, behavior, iteration < 0 ? 0 : iteration);
+        this.scrollTo(latItem.id, behavior, validateScrollIteration(iteration));
     }
     _onContainerScrollHandler = (e) => {
         const containerEl = this._container();
         if (containerEl) {
-            const scrollSize = (this._isVertical ? containerEl.nativeElement.scrollTop : containerEl.nativeElement.scrollLeft);
-            this._trackBox.deltaDirection = this._scrollSize() > scrollSize ? -1 : this._scrollSize() < scrollSize ? 1 : 0;
+            const scrollSize = (this._isVertical ? containerEl.nativeElement.scrollTop : containerEl.nativeElement.scrollLeft), currentScollSize = this._scrollSize();
+            this._trackBox.deltaDirection = currentScollSize > scrollSize ? -1 : currentScollSize < scrollSize ? 1 : 0;
             const event = new ScrollEvent({
                 direction: this._trackBox.scrollDirection, container: containerEl.nativeElement,
                 list: this._list().nativeElement, delta: this._trackBox.delta,
@@ -2546,8 +2557,8 @@ class NgVirtualListComponent {
     _onContainerScrollEndHandler = (e) => {
         const containerEl = this._container();
         if (containerEl) {
-            const scrollSize = (this._isVertical ? containerEl.nativeElement.scrollTop : containerEl.nativeElement.scrollLeft);
-            this._trackBox.deltaDirection = this._scrollSize() > scrollSize ? -1 : 0;
+            const scrollSize = (this._isVertical ? containerEl.nativeElement.scrollTop : containerEl.nativeElement.scrollLeft), currentScollSize = this._scrollSize();
+            this._trackBox.deltaDirection = currentScollSize > scrollSize ? -1 : 0;
             const event = new ScrollEvent({
                 direction: this._trackBox.scrollDirection, container: containerEl.nativeElement,
                 list: this._list().nativeElement, delta: this._trackBox.delta,