remove single item (which is out of buffer) by index

Author: dhilt

src/modules/adapter.js

@@ -148,18 +148,31 @@ class Adapter {
     if (index % 1 !== 0) { // checking if it is an integer
       throw new Error('applyUpdates - ' + index + ' is not a valid index');
     }
-    index -= this.buffer.first;
-    if ((index >= 0 && index < this.buffer.length)) {
-      this.applyUpdate(this.buffer[index], newItems);
+    const _index = index - this.buffer.first;
+    if (_index >= 0 && _index < this.buffer.length) {
+      this.applyUpdate(this.buffer[_index], newItems);
+    }
+    else if(index >= this.buffer.minIndex && index <= this.buffer.maxIndex) {
+      this.applyUpdateBuffer(index, newItems);
+    }
+  }
+
+  applyUpdateBuffer(index, newItems) {
+    if (!angular.isArray(newItems)) {
+      return;
+    }
+    // remove single item
+    if(!newItems.length) {
+      this.viewport.removeCacheItem(index, true)
     }
   }
 
   applyUpdate(wrapper, newItems) {
     if (!angular.isArray(newItems)) {
       return;
     }
-    let position = (this.buffer.indexOf(wrapper));
-    if (!newItems.reverse().some((newItem) => newItem === wrapper.item)) {
+    let position = this.buffer.indexOf(wrapper);
+    if (!newItems.reverse().some(newItem => newItem === wrapper.item)) {
       wrapper.op = 'remove';
       if(position === 0 && !newItems.length) {
         wrapper._op = 'isTop'; // to catch "first" edge case on remove

src/modules/padding.js

@@ -15,16 +15,18 @@ class CacheProto {
     this.sort((a, b) => ((a.index < b.index) ? -1 : ((a.index > b.index) ? 1 : 0)));
   }
 
-  remove(itemToRemove) {
+  remove(argument) {
+    const index = argument % 1 === 0 ? argument : argument.scope.$index;
+    const isTop = argument % 1 === 0 ? false : argument._op === 'isTop';
     for (let i = this.length - 1; i >= 0; i--) {
-      if (this[i].index === itemToRemove.scope.$index) {
+      if (this[i].index === index) {
         this.splice(i, 1);
         break;
       }
     }
-    if(itemToRemove._op !== 'isTop') {
+    if(!isTop) {
       for (let i = this.length - 1; i >= 0; i--) {
-        if (this[i].index > itemToRemove.scope.$index) {
+        if (this[i].index > index) {
           this[i].index--;
         }
       }

src/modules/viewport.js

@@ -182,9 +182,13 @@ export default function Viewport(elementRoutines, buffer, element, viewportContr
       bottomPadding.cache.clear();
     },
 
-    removeItem(item) {
+    removeCacheItem(item) {
       topPadding.cache.remove(item);
       bottomPadding.cache.remove(item);
+    },
+
+    removeItem(item) {
+      this.removeCacheItem(item);
       return buffer.remove(item);
     }
   });