ng-virtual-list 19.7.16 → 19.7.17

package/fesm2022/ng-virtual-list.mjs

@@ -110,6 +110,7 @@ const CLASS_LIST_VERTICAL = 'vertical';
 const CLASS_LIST_HORIZONTAL = 'horizontal';
 // styles
 const PART_DEFAULT_ITEM = 'item';
+const PART_ITEM_NEW = ' item-new';
 const PART_ITEM_ODD = ' item-odd';
 const PART_ITEM_EVEN = ' item-even';
 const PART_ITEM_SNAPPED = ' item-snapped';
@@ -644,6 +645,9 @@ class NgVirtualListItemComponent extends BaseVirtualListItemComponent {
         if (isCollapsed) {
             part += PART_ITEM_COLLAPSED;
         }
+        if (v ? v.config.new : false) {
+            part += PART_ITEM_NEW;
+        }
         if (this.focus()) {
             part += PART_ITEM_FOCUSED;
         }
@@ -1329,6 +1333,7 @@ class TrackBox extends CacheMap {
     _maxBufferSize = this._defaultBufferSize;
     _resetBufferSizeTimeout = DEFAULT_RESET_BUFFER_SIZE_TIMEOUT;
     _resetBufferSizeTimer;
+    isInit = true;
     lifeCircle() {
         this.fireChangeIfNeed();
         this.lifeCircleDo();
@@ -1341,6 +1346,9 @@ class TrackBox extends CacheMap {
             console.warn('Attention! The collection must be immutable.');
             return;
         }
+        if (this.isInit && !(!this._previousCollection || this._previousCollection.length === 0)) {
+            this.isInit = false;
+        }
         this.updateCache(this._previousCollection, currentCollection, itemSize);
         this._previousCollection = currentCollection;
     }
@@ -1564,10 +1572,10 @@ class TrackBox extends CacheMap {
         else {
             leftItemsOffset = rightItemsOffset = bufferSize;
         }
-        let itemsFromStartToScrollEnd = -1, itemsFromDisplayEndToOffsetEnd = 0, itemsFromStartToDisplayEnd = -1, leftItemLength = 0, rightItemLength = 0, leftItemsWeight = 0, rightItemsWeight = 0, leftHiddenItemsWeight = 0, totalItemsToDisplayEndWeight = 0, leftSizeOfAddedItems = 0, leftSizeOfUpdatedItems = 0, leftSizeOfDeletedItems = 0, itemById = undefined, itemByIdPos = 0, targetDisplayItemIndex = -1, isTargetInOverscroll = false, actualScrollSize = itemByIdPos, totalSize = 0, startIndex, isFromItemIdFound = false;
+        let itemsFromStartToScrollEnd = -1, itemsFromDisplayEndToOffsetEnd = 0, itemsFromStartToDisplayEnd = -1, leftItemLength = 0, rightItemLength = 0, leftItemsWeight = 0, rightItemsWeight = 0, leftHiddenItemsWeight = 0, totalItemsToDisplayEndWeight = 0, leftSizeOfAddedItems = 0, leftSizeOfUpdatedItems = 0, leftSizeOfDeletedItems = 0, itemById = undefined, itemByIdPos = 0, targetDisplayItemIndex = -1, isTargetInOverscroll = false, actualScrollSize = itemByIdPos, totalSize = 0, startIndex, isFromItemIdFound = false, deltaFromStartCreation = 0;
         // If the list is dynamic or there are new elements in the collection, then it switches to the long algorithm.
         if (dynamicSize) {
-            let y = 0, stickyCollectionItem = undefined, stickyComponentSize = 0;
+            let y = 0, stickyCollectionItem = undefined, stickyComponentSize = 0, isNew = true;
             for (let i = 0, l = collection.length; i < l; i++) {
                 const ii = i + 1, collectionItem = collection[i], id = collectionItem.id;
                 let componentSize = 0, componentSizeDelta = 0, itemDisplayMethod = ItemDisplayMethods.NOT_CHANGED;
@@ -1575,17 +1583,24 @@ class TrackBox extends CacheMap {
                     const bounds = map.get(id) || { width: typicalItemSize, height: typicalItemSize };
                     componentSize = bounds[sizeProperty];
                     itemDisplayMethod = bounds?.method ?? ItemDisplayMethods.UPDATE;
+                    if (isNew && (this.isInit || itemDisplayMethod !== ItemDisplayMethods.CREATE)) {
+                        isNew = false;
+                    }
                     switch (itemDisplayMethod) {
                         case ItemDisplayMethods.UPDATE: {
+                            const isUpdatedNew = bounds.isNew;
                             const snapshotBounds = snapshot.get(id);
                             const componentSnapshotSize = componentSize - (snapshotBounds ? snapshotBounds[sizeProperty] : typicalItemSize);
-                            componentSizeDelta = componentSnapshotSize;
-                            map.set(id, { ...bounds, method: ItemDisplayMethods.NOT_CHANGED });
+                            componentSizeDelta = isUpdatedNew ? 0 : componentSnapshotSize;
+                            map.set(id, { ...bounds, method: ItemDisplayMethods.NOT_CHANGED, isNew: false });
+                            if (isUpdatedNew) {
+                                deltaFromStartCreation += componentSize;
+                            }
                             break;
                         }
                         case ItemDisplayMethods.CREATE: {
-                            componentSizeDelta = typicalItemSize;
-                            map.set(id, { ...bounds, method: ItemDisplayMethods.NOT_CHANGED });
+                            componentSizeDelta = isNew ? 0 : typicalItemSize;
+                            map.set(id, { ...bounds, method: isNew ? ItemDisplayMethods.UPDATE : ItemDisplayMethods.NOT_CHANGED, isNew });
                             break;
                         }
                     }
@@ -1749,7 +1764,7 @@ class TrackBox extends CacheMap {
             actualScrollSize = scrollSize * k;
         }
         startIndex = Math.min(itemsFromStartToScrollEnd - leftItemLength, totalLength > 0 ? totalLength - 1 : 0);
-        const itemsOnDisplayWeight = totalItemsToDisplayEndWeight - leftItemsWeight, itemsOnDisplayLength = itemsFromStartToDisplayEnd - itemsFromStartToScrollEnd, startPosition = leftHiddenItemsWeight - leftItemsWeight, renderItems = itemsOnDisplayLength + leftItemLength + rightItemLength, delta = leftSizeOfUpdatedItems + leftSizeOfAddedItems - leftSizeOfDeletedItems;
+        const itemsOnDisplayWeight = totalItemsToDisplayEndWeight - leftItemsWeight, itemsOnDisplayLength = itemsFromStartToDisplayEnd - itemsFromStartToScrollEnd, startPosition = leftHiddenItemsWeight - leftItemsWeight, renderItems = itemsOnDisplayLength + leftItemLength + rightItemLength, delta = leftSizeOfUpdatedItems + leftSizeOfAddedItems - leftSizeOfDeletedItems + deltaFromStartCreation;
         const metrics = {
             delta,
             normalizedItemWidth: w,
@@ -1806,7 +1821,7 @@ class TrackBox extends CacheMap {
                     if (!items[i]) {
                         continue;
                     }
-                    const id = items[i].id, sticky = itemConfigMap[id]?.sticky ?? 0, selectable = itemConfigMap[id]?.selectable ?? true, collapsable = itemConfigMap[id]?.collapsable ?? false, size = dynamicSize ? this.get(id)?.[sizeProperty] || typicalItemSize : typicalItemSize;
+                    const id = items[i].id, cache = this.get(id), sticky = itemConfigMap[id]?.sticky ?? 0, selectable = itemConfigMap[id]?.selectable ?? true, collapsable = itemConfigMap[id]?.collapsable ?? false, size = dynamicSize ? cache?.[sizeProperty] || typicalItemSize : typicalItemSize;
                     if (sticky === 1) {
                         const isOdd = i % 2 != 0, measures = {
                             x: isVertical ? 0 : actualSnippedPosition,
@@ -1815,6 +1830,7 @@ class TrackBox extends CacheMap {
                             height: isVertical ? size : normalizedItemHeight,
                             delta: 0,
                         }, config = {
+                            new: cache.isNew === true,
                             odd: isOdd,
                             even: !isOdd,
                             isVertical,
@@ -1845,8 +1861,8 @@ class TrackBox extends CacheMap {
                     if (!items[i]) {
                         continue;
                     }
-                    const id = items[i].id, sticky = itemConfigMap[id]?.sticky ?? 0, selectable = itemConfigMap[id]?.selectable ?? true, collapsable = itemConfigMap[id]?.collapsable ?? false, size = dynamicSize
-                        ? this.get(id)?.[sizeProperty] || typicalItemSize
+                    const id = items[i].id, cache = this.get(id), sticky = itemConfigMap[id]?.sticky ?? 0, selectable = itemConfigMap[id]?.selectable ?? true, collapsable = itemConfigMap[id]?.collapsable ?? false, size = dynamicSize
+                        ? cache?.[sizeProperty] || typicalItemSize
                         : typicalItemSize;
                     if (sticky === 2) {
                         const isOdd = i % 2 != 0, w = isVertical ? normalizedItemWidth : size, h = isVertical ? size : normalizedItemHeight, measures = {
@@ -1856,6 +1872,7 @@ class TrackBox extends CacheMap {
                             height: h,
                             delta: 0,
                         }, config = {
+                            new: cache.isNew === true,
                             odd: isOdd,
                             even: !isOdd,
                             isVertical,
@@ -1887,7 +1904,7 @@ class TrackBox extends CacheMap {
                 if (!items[i]) {
                     continue;
                 }
-                const id = items[i].id, size = dynamicSize ? this.get(id)?.[sizeProperty] || typicalItemSize : typicalItemSize;
+                const id = items[i].id, cache = this.get(id), size = dynamicSize ? cache?.[sizeProperty] || typicalItemSize : typicalItemSize;
                 if (id !== stickyItem?.id && id !== endStickyItem?.id) {
                     const isOdd = i % 2 != 0, sticky = itemConfigMap[id]?.sticky ?? 0, selectable = itemConfigMap[id]?.selectable ?? true, collapsable = itemConfigMap[id]?.collapsable ?? false, snapped = snap && (sticky === 1 && pos <= scrollSize || sticky === 2 && pos >= scrollSize + boundsSize - size), measures = {
                         x: isVertical ? sticky === 1 ? 0 : boundsSize - size : pos,
@@ -1896,6 +1913,7 @@ class TrackBox extends CacheMap {
                         height: isVertical ? size : normalizedItemHeight,
                         delta: 0,
                     }, config = {
+                        new: cache.isNew === true,
                         odd: isOdd,
                         even: !isOdd,
                         isVertical,
@@ -1999,7 +2017,7 @@ class TrackBox extends CacheMap {
                 continue;
             }
             const bounds = component.instance.getBounds();
-            this.set(itemId, bounds);
+            this.set(itemId, { ...(this.get(itemId) || {}), ...bounds });
         }
     }
     dispose() {