chore: v0.11.8

Author: Guillaume Chau

dist/vue-virtual-scroller.css

@@ -1,3 +1,7 @@
+var config = {
+  itemsLimit: 1000
+};
+
 function getInternetExplorerVersion() {
 	var ua = window.navigator.userAgent;
 
@@ -336,6 +340,15 @@ var Scroller = {
     },
     scrollToPosition: function scrollToPosition(position) {
       this.$el.scrollTop = position;
+    },
+    itemsLimitError: function itemsLimitError() {
+      var _this = this;
+
+      setTimeout(function () {
+        console.log('It seems the scroller element isn\'t scrolling, so it tries to render all the items at once.', 'Scroller:', _this.$el);
+        console.log('Make sure the scroller has a fixed height and \'overflow-y\' set to \'auto\' so it can scroll correctly and only render the items visible in the scroll viewport.');
+      });
+      throw new Error('Rendered items limit reached');
     }
   }
 };
@@ -348,7 +361,7 @@ var VirtualScroller = { render: function render() {
     }) : [_vm._l(_vm.visibleItems, function (item, index) {
       return _vm._t("default", null, { item: item, itemIndex: _vm.$_startIndex + index, itemKey: _vm.keysEnabled && item[_vm.keyField] || undefined });
     })]], 2), _vm._v(" "), _vm._t("after-content")], 2), _vm._v(" "), _vm._t("after-container"), _vm._v(" "), _c('resize-observer', { on: { "notify": _vm.handleResize } })], 2);
-  }, staticRenderFns: [], _scopeId: 'data-v-2b1f2e05',
+  }, staticRenderFns: [], _scopeId: 'data-v-727d6836',
   name: 'virtual-scroller',
 
   mixins: [Scroller],
@@ -531,6 +544,10 @@ var VirtualScroller = { render: function render() {
               containerHeight = l * itemHeight;
             }
 
+            if (endIndex - startIndex > config.itemsLimit) {
+              _this2.itemsLimitError();
+            }
+
             if (force || _this2.$_startIndex !== startIndex || _this2.$_endIndex !== endIndex || _this2.$_offsetTop !== offsetTop || _this2.$_height !== containerHeight || _this2.$_length !== l) {
               _this2.keysEnabled = !(startIndex > _this2.$_endIndex || endIndex < _this2.$_startIndex);
 
@@ -604,7 +621,7 @@ var RecycleList = { render: function render() {
         } } }, [_c('div', { ref: "wrapper", staticClass: "item-wrapper", style: { height: _vm.totalHeight + 'px' } }, _vm._l(_vm.pool, function (view) {
       return _c('div', { key: view.nr.id, staticClass: "item-view", style: { transform: 'translateY(' + view.top + 'px)' } }, [_vm._t("default", null, { item: view.item, index: view.nr.index, active: view.nr.used })], 2);
     })), _vm._v(" "), _vm._t("after-container"), _vm._v(" "), _c('resize-observer', { on: { "notify": _vm.handleResize } })], 2);
-  }, staticRenderFns: [], _scopeId: 'data-v-2277f571',
+  }, staticRenderFns: [], _scopeId: 'data-v-68940351',
   name: 'RecycleList',
 
   mixins: [Scroller],
@@ -827,6 +844,10 @@ var RecycleList = { render: function render() {
         }
       }
 
+      if (endIndex - startIndex > config.itemsLimit) {
+        this.itemsLimitError();
+      }
+
       this.totalHeight = totalHeight;
 
       var view = void 0;
@@ -948,13 +969,19 @@ function registerComponents(Vue, prefix) {
 
 var plugin$4 = {
   // eslint-disable-next-line no-undef
-  version: "0.11.7",
+  version: "0.11.8",
   install: function install(Vue, options) {
     var finalOptions = Object.assign({}, {
       installComponents: true,
       componentsPrefix: ''
     }, options);
 
+    for (var key in finalOptions) {
+      if (typeof finalOptions[key] !== 'undefined') {
+        config[key] = finalOptions[key];
+      }
+    }
+
     if (finalOptions.installComponents) {
       registerComponents(Vue, finalOptions.componentsPrefix);
     }

dist/vue-virtual-scroller.esm.js

@@ -4,6 +4,10 @@
 	(factory((global['vue-virtual-scroller'] = {})));
 }(this, (function (exports) { 'use strict';
 
+var config = {
+  itemsLimit: 1000
+};
+
 function getInternetExplorerVersion() {
 	var ua = window.navigator.userAgent;
 
@@ -342,6 +346,15 @@ var Scroller = {
     },
     scrollToPosition: function scrollToPosition(position) {
       this.$el.scrollTop = position;
+    },
+    itemsLimitError: function itemsLimitError() {
+      var _this = this;
+
+      setTimeout(function () {
+        console.log('It seems the scroller element isn\'t scrolling, so it tries to render all the items at once.', 'Scroller:', _this.$el);
+        console.log('Make sure the scroller has a fixed height and \'overflow-y\' set to \'auto\' so it can scroll correctly and only render the items visible in the scroll viewport.');
+      });
+      throw new Error('Rendered items limit reached');
     }
   }
 };
@@ -354,7 +367,7 @@ var VirtualScroller = { render: function render() {
     }) : [_vm._l(_vm.visibleItems, function (item, index) {
       return _vm._t("default", null, { item: item, itemIndex: _vm.$_startIndex + index, itemKey: _vm.keysEnabled && item[_vm.keyField] || undefined });
     })]], 2), _vm._v(" "), _vm._t("after-content")], 2), _vm._v(" "), _vm._t("after-container"), _vm._v(" "), _c('resize-observer', { on: { "notify": _vm.handleResize } })], 2);
-  }, staticRenderFns: [], _scopeId: 'data-v-2b1f2e05',
+  }, staticRenderFns: [], _scopeId: 'data-v-727d6836',
   name: 'virtual-scroller',
 
   mixins: [Scroller],
@@ -537,6 +550,10 @@ var VirtualScroller = { render: function render() {
               containerHeight = l * itemHeight;
             }
 
+            if (endIndex - startIndex > config.itemsLimit) {
+              _this2.itemsLimitError();
+            }
+
             if (force || _this2.$_startIndex !== startIndex || _this2.$_endIndex !== endIndex || _this2.$_offsetTop !== offsetTop || _this2.$_height !== containerHeight || _this2.$_length !== l) {
               _this2.keysEnabled = !(startIndex > _this2.$_endIndex || endIndex < _this2.$_startIndex);
 
@@ -610,7 +627,7 @@ var RecycleList = { render: function render() {
         } } }, [_c('div', { ref: "wrapper", staticClass: "item-wrapper", style: { height: _vm.totalHeight + 'px' } }, _vm._l(_vm.pool, function (view) {
       return _c('div', { key: view.nr.id, staticClass: "item-view", style: { transform: 'translateY(' + view.top + 'px)' } }, [_vm._t("default", null, { item: view.item, index: view.nr.index, active: view.nr.used })], 2);
     })), _vm._v(" "), _vm._t("after-container"), _vm._v(" "), _c('resize-observer', { on: { "notify": _vm.handleResize } })], 2);
-  }, staticRenderFns: [], _scopeId: 'data-v-2277f571',
+  }, staticRenderFns: [], _scopeId: 'data-v-68940351',
   name: 'RecycleList',
 
   mixins: [Scroller],
@@ -833,6 +850,10 @@ var RecycleList = { render: function render() {
         }
       }
 
+      if (endIndex - startIndex > config.itemsLimit) {
+        this.itemsLimitError();
+      }
+
       this.totalHeight = totalHeight;
 
       var view = void 0;
@@ -954,13 +975,19 @@ function registerComponents(Vue, prefix) {
 
 var plugin$4 = {
   // eslint-disable-next-line no-undef
-  version: "0.11.7",
+  version: "0.11.8",
   install: function install(Vue, options) {
     var finalOptions = Object.assign({}, {
       installComponents: true,
       componentsPrefix: ''
     }, options);
 
+    for (var key in finalOptions) {
+      if (typeof finalOptions[key] !== 'undefined') {
+        config[key] = finalOptions[key];
+      }
+    }
+
     if (finalOptions.installComponents) {
       registerComponents(Vue, finalOptions.componentsPrefix);
     }

dist/vue-virtual-scroller.min.js

@@ -1,7 +1,7 @@
 {
   "name": "vue-virtual-scroller",
   "description": "Smooth scrolling for any amount of data",
-  "version": "0.11.7",
+  "version": "0.11.8",
   "author": {
     "name": "Guillaume Chau",
     "email": "[email protected]"