framework7 6.3.4 → 7.0.0-beta.3

package/{esm/components → components}/virtual-list/virtual-list-class.js

@@ -1,32 +1,16 @@
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 import { getDocument } from 'ssr-window';
 import $ from '../../shared/dom7';
 import { extend, deleteProps } from '../../shared/utils';
 import Framework7Class from '../../shared/class';
 import { getDevice } from '../../shared/get-device';
 
-var VirtualList = /*#__PURE__*/function (_Framework7Class) {
-  _inheritsLoose(VirtualList, _Framework7Class);
-
-  function VirtualList(app, params) {
-    var _this;
-
-    if (params === void 0) {
-      params = {};
-    }
-
-    _this = _Framework7Class.call(this, params, [app]) || this;
-
-    var vl = _assertThisInitialized(_this);
-
-    var device = getDevice();
-    var document = getDocument();
-    var defaultHeight;
+class VirtualList extends Framework7Class {
+  constructor(app, params = {}) {
+    super(params, [app]);
+    const vl = this;
+    const device = getDevice();
+    const document = getDocument();
+    let defaultHeight;
 
     if (app.theme === 'md') {
       defaultHeight = 48;
@@ -36,7 +20,7 @@ var VirtualList = /*#__PURE__*/function (_Framework7Class) {
       defaultHeight = 38;
     }
 
-    var defaults = {
+    const defaults = {
       cols: 1,
       height: defaultHeight,
       cache: true,
@@ -49,9 +33,19 @@ var VirtualList = /*#__PURE__*/function (_Framework7Class) {
       ul: null,
       createUl: true,
       scrollableParentEl: undefined,
-      renderItem: function renderItem(item) {
-        return ("\n          <li>\n            <div class=\"item-content\">\n              <div class=\"item-inner\">\n                <div class=\"item-title\">" + item + "</div>\n              </div>\n            </div>\n          </li>\n        ").trim();
+
+      renderItem(item) {
+        return `
+          <li>
+            <div class="item-content">
+              <div class="item-inner">
+                <div class="item-title">${item}</div>
+              </div>
+            </div>
+          </li>
+        `.trim();
       },
+
       on: {}
     }; // Extend defaults with modules params
 
@@ -64,7 +58,7 @@ var VirtualList = /*#__PURE__*/function (_Framework7Class) {
 
     vl.$el = $(params.el);
     vl.el = vl.$el[0];
-    if (vl.$el.length === 0) return undefined || _assertThisInitialized(_this);
+    if (vl.$el.length === 0) return undefined;
     vl.$el[0].f7VirtualList = vl;
     vl.items = vl.params.items;
 
@@ -97,7 +91,7 @@ var VirtualList = /*#__PURE__*/function (_Framework7Class) {
     } // Append <ul>
 
 
-    var ul = vl.params.ul;
+    const ul = vl.params.ul;
     vl.$ul = ul ? $(vl.params.ul) : vl.$el.children('ul');
 
     if (vl.$ul.length === 0 && vl.params.createUl) {
@@ -106,10 +100,10 @@ var VirtualList = /*#__PURE__*/function (_Framework7Class) {
     }
 
     vl.ul = vl.$ul[0];
-    var $itemsWrapEl;
+    let $itemsWrapEl;
     if (!vl.ul && !vl.params.createUl) $itemsWrapEl = vl.$el;else $itemsWrapEl = vl.$ul;
     extend(vl, {
-      $itemsWrapEl: $itemsWrapEl,
+      $itemsWrapEl,
       itemsWrapEl: $itemsWrapEl[0],
       // DOM cached items
       domCache: {},
@@ -133,16 +127,16 @@ var VirtualList = /*#__PURE__*/function (_Framework7Class) {
 
     vl.useModules(); // Attach events
 
-    var handleScrollBound = vl.handleScroll.bind(vl);
-    var handleResizeBound = vl.handleResize.bind(vl);
-    var $pageEl;
-    var $tabEl;
-    var $panelEl;
-    var $popupEl;
+    const handleScrollBound = vl.handleScroll.bind(vl);
+    const handleResizeBound = vl.handleResize.bind(vl);
+    let $pageEl;
+    let $tabEl;
+    let $panelEl;
+    let $popupEl;
 
     vl.attachEvents = function attachEvents() {
       $pageEl = vl.$el.parents('.page').eq(0);
-      $tabEl = vl.$el.parents('.tab').filter(function (tabEl) {
+      $tabEl = vl.$el.parents('.tab').filter(tabEl => {
         return $(tabEl).parent('.tabs').parent('.tabs-animated-wrap, .tabs-swipeable-wrap').length === 0;
       }).eq(0);
       $panelEl = vl.$el.parents('.panel').eq(0);
@@ -166,22 +160,20 @@ var VirtualList = /*#__PURE__*/function (_Framework7Class) {
 
 
     vl.init();
-    return vl || _assertThisInitialized(_this);
+    return vl;
   }
 
-  var _proto = VirtualList.prototype;
-
-  _proto.setListSize = function setListSize() {
-    var vl = this;
-    var items = vl.filteredItems || vl.items;
+  setListSize() {
+    const vl = this;
+    const items = vl.filteredItems || vl.items;
     vl.pageHeight = vl.$scrollableParentEl[0].offsetHeight;
 
     if (vl.dynamicHeight) {
       vl.listHeight = 0;
       vl.heights = [];
 
-      for (var i = 0; i < items.length; i += 1) {
-        var itemHeight = vl.params.height(items[i]);
+      for (let i = 0; i < items.length; i += 1) {
+        const itemHeight = vl.params.height(items[i]);
         vl.listHeight += itemHeight;
         vl.heights.push(itemHeight);
       }
@@ -196,15 +188,15 @@ var VirtualList = /*#__PURE__*/function (_Framework7Class) {
 
     if (vl.updatableScroll || vl.params.setListHeight) {
       vl.$itemsWrapEl.css({
-        height: vl.listHeight + "px"
+        height: `${vl.listHeight}px`
       });
     }
-  };
+  }
 
-  _proto.render = function render(force, forceScrollTop) {
-    var vl = this;
+  render(force, forceScrollTop) {
+    const vl = this;
     if (force) vl.lastRepaintY = null;
-    var scrollTop = -(vl.$el[0].getBoundingClientRect().top - vl.$scrollableParentEl[0].getBoundingClientRect().top);
+    let scrollTop = -(vl.$el[0].getBoundingClientRect().top - vl.$scrollableParentEl[0].getBoundingClientRect().top);
     if (typeof forceScrollTop !== 'undefined') scrollTop = forceScrollTop;
 
     if (vl.lastRepaintY === null || Math.abs(scrollTop - vl.lastRepaintY) > vl.maxBufferHeight || !vl.updatableScroll && vl.$scrollableParentEl[0].scrollTop + vl.pageHeight >= vl.$scrollableParentEl[0].scrollHeight) {
@@ -213,18 +205,18 @@ var VirtualList = /*#__PURE__*/function (_Framework7Class) {
       return;
     }
 
-    var items = vl.filteredItems || vl.items;
-    var fromIndex;
-    var toIndex;
-    var heightBeforeFirstItem = 0;
-    var heightBeforeLastItem = 0;
+    const items = vl.filteredItems || vl.items;
+    let fromIndex;
+    let toIndex;
+    let heightBeforeFirstItem = 0;
+    let heightBeforeLastItem = 0;
 
     if (vl.dynamicHeight) {
-      var itemTop = 0;
-      var itemHeight;
+      let itemTop = 0;
+      let itemHeight;
       vl.maxBufferHeight = vl.pageHeight;
 
-      for (var j = 0; j < vl.heights.length; j += 1) {
+      for (let j = 0; j < vl.heights.length; j += 1) {
         itemHeight = vl.heights[j];
 
         if (typeof fromIndex === 'undefined') {
@@ -250,15 +242,15 @@ var VirtualList = /*#__PURE__*/function (_Framework7Class) {
       toIndex = Math.min(fromIndex + vl.rowsToRender * vl.params.cols, items.length);
     }
 
-    var topPosition;
-    var renderExternalItems = [];
+    let topPosition;
+    const renderExternalItems = [];
     vl.reachEnd = false;
-    var i;
+    let i;
 
     for (i = fromIndex; i < toIndex; i += 1) {
-      var itemEl = void 0; // Define real item index
+      let itemEl; // Define real item index
 
-      var index = vl.items.indexOf(items[i]);
+      const index = vl.items.indexOf(items[i]);
       if (i === fromIndex) vl.currentFromIndex = index;
       if (i === toIndex - 1) vl.currentToIndex = index;
 
@@ -294,7 +286,7 @@ var VirtualList = /*#__PURE__*/function (_Framework7Class) {
       }
 
       if (!vl.params.renderExternal) {
-        itemEl.style.top = topPosition + "px"; // Before item insert
+        itemEl.style.top = `${topPosition}px`; // Before item insert
 
         vl.emit('local::itemBeforeInsert vlItemBeforeInsert', vl, itemEl, items[i]); // Append item to fragment
 
@@ -305,9 +297,9 @@ var VirtualList = /*#__PURE__*/function (_Framework7Class) {
 
     if (!vl.updatableScroll) {
       if (vl.dynamicHeight) {
-        vl.itemsWrapEl.style.height = heightBeforeLastItem + "px";
+        vl.itemsWrapEl.style.height = `${heightBeforeLastItem}px`;
       } else {
-        vl.itemsWrapEl.style.height = i * vl.params.height / vl.params.cols + "px";
+        vl.itemsWrapEl.style.height = `${i * vl.params.height / vl.params.cols}px`;
       }
     } // Update list html
 
@@ -337,25 +329,21 @@ var VirtualList = /*#__PURE__*/function (_Framework7Class) {
 
     if (vl.params.renderExternal) {
       vl.params.renderExternal(vl, {
-        fromIndex: fromIndex,
-        toIndex: toIndex,
+        fromIndex,
+        toIndex,
         listHeight: vl.listHeight,
-        topPosition: topPosition,
+        topPosition,
         items: renderExternalItems
       });
     }
   } // Filter
-  ;
 
-  _proto.filterItems = function filterItems(indexes, resetScrollTop) {
-    if (resetScrollTop === void 0) {
-      resetScrollTop = true;
-    }
 
-    var vl = this;
+  filterItems(indexes, resetScrollTop = true) {
+    const vl = this;
     vl.filteredItems = [];
 
-    for (var i = 0; i < indexes.length; i += 1) {
+    for (let i = 0; i < indexes.length; i += 1) {
       vl.filteredItems.push(vl.items[indexes[i]]);
     }
 
@@ -364,10 +352,10 @@ var VirtualList = /*#__PURE__*/function (_Framework7Class) {
     }
 
     vl.update();
-  };
+  }
 
-  _proto.resetFilter = function resetFilter() {
-    var vl = this;
+  resetFilter() {
+    const vl = this;
 
     if (vl.params.showFilteredItemsOnly) {
       vl.filteredItems = [];
@@ -377,110 +365,110 @@ var VirtualList = /*#__PURE__*/function (_Framework7Class) {
     }
 
     vl.update();
-  };
+  }
 
-  _proto.scrollToItem = function scrollToItem(index) {
-    var vl = this;
+  scrollToItem(index) {
+    const vl = this;
     if (index > vl.items.length) return false;
-    var itemTop = 0;
+    let itemTop = 0;
 
     if (vl.dynamicHeight) {
-      for (var i = 0; i < index; i += 1) {
+      for (let i = 0; i < index; i += 1) {
         itemTop += vl.heights[i];
       }
     } else {
       itemTop = index * vl.params.height;
     }
 
-    var listTop = vl.$el[0].offsetTop;
+    const listTop = vl.$el[0].offsetTop;
     vl.render(true, listTop + itemTop - parseInt(vl.$scrollableParentEl.css('padding-top'), 10));
     return true;
-  };
+  }
 
-  _proto.handleScroll = function handleScroll() {
-    var vl = this;
+  handleScroll() {
+    const vl = this;
     vl.render();
   } // Handle resize event
-  ;
 
-  _proto.isVisible = function isVisible() {
-    var vl = this;
+
+  isVisible() {
+    const vl = this;
     return !!(vl.el.offsetWidth || vl.el.offsetHeight || vl.el.getClientRects().length);
-  };
+  }
 
-  _proto.handleResize = function handleResize() {
-    var vl = this;
+  handleResize() {
+    const vl = this;
 
     if (vl.isVisible()) {
       vl.setListSize();
       vl.render(true);
     }
   } // Append
-  ;
 
-  _proto.appendItems = function appendItems(items) {
-    var vl = this;
 
-    for (var i = 0; i < items.length; i += 1) {
+  appendItems(items) {
+    const vl = this;
+
+    for (let i = 0; i < items.length; i += 1) {
       vl.items.push(items[i]);
     }
 
     vl.update();
-  };
+  }
 
-  _proto.appendItem = function appendItem(item) {
-    var vl = this;
+  appendItem(item) {
+    const vl = this;
     vl.appendItems([item]);
   } // Replace
-  ;
 
-  _proto.replaceAllItems = function replaceAllItems(items) {
-    var vl = this;
+
+  replaceAllItems(items) {
+    const vl = this;
     vl.items = items;
     delete vl.filteredItems;
     vl.domCache = {};
     vl.update();
-  };
+  }
 
-  _proto.replaceItem = function replaceItem(index, item) {
-    var vl = this;
+  replaceItem(index, item) {
+    const vl = this;
     vl.items[index] = item;
     if (vl.params.cache) delete vl.domCache[index];
     vl.update();
   } // Prepend
-  ;
 
-  _proto.prependItems = function prependItems(items) {
-    var vl = this;
 
-    for (var i = items.length - 1; i >= 0; i -= 1) {
+  prependItems(items) {
+    const vl = this;
+
+    for (let i = items.length - 1; i >= 0; i -= 1) {
       vl.items.unshift(items[i]);
     }
 
     if (vl.params.cache) {
-      var newCache = {};
-      Object.keys(vl.domCache).forEach(function (cached) {
+      const newCache = {};
+      Object.keys(vl.domCache).forEach(cached => {
         newCache[parseInt(cached, 10) + items.length] = vl.domCache[cached];
       });
       vl.domCache = newCache;
     }
 
     vl.update();
-  };
+  }
 
-  _proto.prependItem = function prependItem(item) {
-    var vl = this;
+  prependItem(item) {
+    const vl = this;
     vl.prependItems([item]);
   } // Move
-  ;
 
-  _proto.moveItem = function moveItem(from, to) {
-    var vl = this;
-    var fromIndex = from;
-    var toIndex = to;
+
+  moveItem(from, to) {
+    const vl = this;
+    const fromIndex = from;
+    let toIndex = to;
     if (fromIndex === toIndex) return; // remove item from array
 
-    var item = vl.items.splice(fromIndex, 1)[0];
+    const item = vl.items.splice(fromIndex, 1)[0];
 
     if (toIndex >= vl.items.length) {
       // Add item to the end
@@ -493,12 +481,12 @@ var VirtualList = /*#__PURE__*/function (_Framework7Class) {
 
 
     if (vl.params.cache) {
-      var newCache = {};
-      Object.keys(vl.domCache).forEach(function (cached) {
-        var cachedIndex = parseInt(cached, 10);
-        var leftIndex = fromIndex < toIndex ? fromIndex : toIndex;
-        var rightIndex = fromIndex < toIndex ? toIndex : fromIndex;
-        var indexShift = fromIndex < toIndex ? -1 : 1;
+      const newCache = {};
+      Object.keys(vl.domCache).forEach(cached => {
+        const cachedIndex = parseInt(cached, 10);
+        const leftIndex = fromIndex < toIndex ? fromIndex : toIndex;
+        const rightIndex = fromIndex < toIndex ? toIndex : fromIndex;
+        const indexShift = fromIndex < toIndex ? -1 : 1;
         if (cachedIndex < leftIndex || cachedIndex > rightIndex) newCache[cachedIndex] = vl.domCache[cachedIndex];
         if (cachedIndex === leftIndex) newCache[rightIndex] = vl.domCache[cachedIndex];
         if (cachedIndex > leftIndex && cachedIndex <= rightIndex) newCache[cachedIndex + indexShift] = vl.domCache[cachedIndex];
@@ -508,10 +496,10 @@ var VirtualList = /*#__PURE__*/function (_Framework7Class) {
 
     vl.update();
   } // Insert before
-  ;
 
-  _proto.insertItemBefore = function insertItemBefore(index, item) {
-    var vl = this;
+
+  insertItemBefore(index, item) {
+    const vl = this;
 
     if (index === 0) {
       vl.prependItem(item);
@@ -526,9 +514,9 @@ var VirtualList = /*#__PURE__*/function (_Framework7Class) {
     vl.items.splice(index, 0, item); // Update cache
 
     if (vl.params.cache) {
-      var newCache = {};
-      Object.keys(vl.domCache).forEach(function (cached) {
-        var cachedIndex = parseInt(cached, 10);
+      const newCache = {};
+      Object.keys(vl.domCache).forEach(cached => {
+        const cachedIndex = parseInt(cached, 10);
 
         if (cachedIndex >= index) {
           newCache[cachedIndex + 1] = vl.domCache[cachedIndex];
@@ -539,15 +527,15 @@ var VirtualList = /*#__PURE__*/function (_Framework7Class) {
 
     vl.update();
   } // Delete
-  ;
 
-  _proto.deleteItems = function deleteItems(indexes) {
-    var vl = this;
-    var prevIndex;
-    var indexShift = 0;
 
-    var _loop = function _loop(i) {
-      var index = indexes[i];
+  deleteItems(indexes) {
+    const vl = this;
+    let prevIndex;
+    let indexShift = 0;
+
+    for (let i = 0; i < indexes.length; i += 1) {
+      let index = indexes[i];
 
       if (typeof prevIndex !== 'undefined') {
         if (index > prevIndex) {
@@ -558,7 +546,7 @@ var VirtualList = /*#__PURE__*/function (_Framework7Class) {
       index += indexShift;
       prevIndex = indexes[i]; // Delete item
 
-      var deletedItem = vl.items.splice(index, 1)[0]; // Delete from filtered
+      const deletedItem = vl.items.splice(index, 1)[0]; // Delete from filtered
 
       if (vl.filteredItems && vl.filteredItems.indexOf(deletedItem) >= 0) {
         vl.filteredItems.splice(vl.filteredItems.indexOf(deletedItem), 1);
@@ -566,9 +554,9 @@ var VirtualList = /*#__PURE__*/function (_Framework7Class) {
 
 
       if (vl.params.cache) {
-        var newCache = {};
-        Object.keys(vl.domCache).forEach(function (cached) {
-          var cachedIndex = parseInt(cached, 10);
+        const newCache = {};
+        Object.keys(vl.domCache).forEach(cached => {
+          const cachedIndex = parseInt(cached, 10);
 
           if (cachedIndex === index) {
             delete vl.domCache[index];
@@ -580,37 +568,33 @@ var VirtualList = /*#__PURE__*/function (_Framework7Class) {
         });
         vl.domCache = newCache;
       }
-    };
-
-    for (var i = 0; i < indexes.length; i += 1) {
-      _loop(i);
     }
 
     vl.update();
-  };
+  }
 
-  _proto.deleteAllItems = function deleteAllItems() {
-    var vl = this;
+  deleteAllItems() {
+    const vl = this;
     vl.items = [];
     delete vl.filteredItems;
     if (vl.params.cache) vl.domCache = {};
     vl.update();
-  };
+  }
 
-  _proto.deleteItem = function deleteItem(index) {
-    var vl = this;
+  deleteItem(index) {
+    const vl = this;
     vl.deleteItems([index]);
   } // Clear cache
-  ;
 
-  _proto.clearCache = function clearCache() {
-    var vl = this;
+
+  clearCache() {
+    const vl = this;
     vl.domCache = {};
   } // Update Virtual List
-  ;
 
-  _proto.update = function update(deleteCache) {
-    var vl = this;
+
+  update(deleteCache) {
+    const vl = this;
 
     if (deleteCache && vl.params.cache) {
       vl.domCache = {};
@@ -618,25 +602,24 @@ var VirtualList = /*#__PURE__*/function (_Framework7Class) {
 
     vl.setListSize();
     vl.render(true);
-  };
+  }
 
-  _proto.init = function init() {
-    var vl = this;
+  init() {
+    const vl = this;
     vl.attachEvents();
     vl.setListSize();
     vl.render();
-  };
+  }
 
-  _proto.destroy = function destroy() {
-    var vl = this;
+  destroy() {
+    let vl = this;
     vl.detachEvents();
     vl.$el[0].f7VirtualList = null;
     delete vl.$el[0].f7VirtualList;
     deleteProps(vl);
     vl = null;
-  };
+  }
 
-  return VirtualList;
-}(Framework7Class);
+}
 
 export default VirtualList;

package/components/virtual-list/virtual-list.js

@@ -1 +1,19 @@
-(function framework7ComponentLoader(e,t){void 0===t&&(t=!0);var r=e.$,a=e.utils,n=e.getDevice,i=(e.getSupport,e.Class),l=(e.Modal,e.ConstructorMethods);e.ModalMethods;function s(e){this.wrapped=e}function o(e){var t,r;function a(t,r){try{var i=e[t](r),l=i.value,o=l instanceof s;Promise.resolve(o?l.wrapped:l).then((function(e){o?a("return"===t?"return":"next",e):n(i.done?"return":"normal",e)}),(function(e){a("throw",e)}))}catch(e){n("throw",e)}}function n(e,n){switch(e){case"return":t.resolve({value:n,done:!0});break;case"throw":t.reject(n);break;default:t.resolve({value:n,done:!1})}(t=t.next)?a(t.key,t.arg):r=null}this._invoke=function(e,n){return new Promise((function(i,l){var s={key:e,arg:n,resolve:i,reject:l,next:null};r?r=r.next=s:(t=r=s,a(e,n))}))},"function"!=typeof e.return&&(this.return=void 0)}function c(e,t){return(c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function h(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}o.prototype["function"==typeof Symbol&&Symbol.asyncIterator||"@@asyncIterator"]=function(){return this},o.prototype.next=function(e){return this._invoke("next",e)},o.prototype.throw=function(e){return this._invoke("throw",e)},o.prototype.return=function(e){return this._invoke("return",e)};var m=a.extend,p=a.deleteProps,d=function(e){var t,a;function i(t,a){var i;void 0===a&&(a={});var l,s=h(i=e.call(this,a,[t])||this),o=n();"md"===t.theme?l=48:"ios"===t.theme?l=44:"aurora"===t.theme&&(l=38);var c={cols:1,height:l,cache:!0,dynamicHeightBufferSize:1,showFilteredItemsOnly:!1,renderExternal:void 0,setListHeight:!0,searchByItem:void 0,searchAll:void 0,ul:null,createUl:!0,scrollableParentEl:void 0,renderItem:function(e){return('\n          <li>\n            <div class="item-content">\n              <div class="item-inner">\n                <div class="item-title">'+e+"</div>\n              </div>\n            </div>\n          </li>\n        ").trim()},on:{}};if(s.useModulesParams(c),s.params=m(c,a),void 0!==s.params.height&&s.params.height||(s.params.height=l),s.$el=r(a.el),s.el=s.$el[0],0===s.$el.length)return h(i);s.$el[0].f7VirtualList=s,s.items=s.params.items,s.params.showFilteredItemsOnly&&(s.filteredItems=[]),s.params.renderItem&&(s.renderItem=s.params.renderItem),s.$pageContentEl=s.$el.parents(".page-content"),s.pageContentEl=s.$pageContentEl[0],s.$scrollableParentEl=s.params.scrollableParentEl?r(s.params.scrollableParentEl).eq(0):s.$pageContentEl,!s.$scrollableParentEl.length&&s.$pageContentEl.length&&(s.$scrollableParentEl=s.$pageContentEl),s.scrollableParentEl=s.$scrollableParentEl[0],void 0!==s.params.updatableScroll?s.updatableScroll=s.params.updatableScroll:(s.updatableScroll=!0,o.ios&&o.osVersion.split(".")[0]<8&&(s.updatableScroll=!1));var p,d=s.params.ul;s.$ul=d?r(s.params.ul):s.$el.children("ul"),0===s.$ul.length&&s.params.createUl&&(s.$el.append("<ul></ul>"),s.$ul=s.$el.children("ul")),s.ul=s.$ul[0],p=s.ul||s.params.createUl?s.$ul:s.$el,m(s,{$itemsWrapEl:p,itemsWrapEl:p[0],domCache:{},displayDomCache:{},tempDomElement:document.createElement("ul"),lastRepaintY:null,fragment:document.createDocumentFragment(),pageHeight:void 0,rowsPerScreen:void 0,rowsBefore:void 0,rowsAfter:void 0,rowsToRender:void 0,maxBufferHeight:0,listHeight:void 0,dynamicHeight:"function"==typeof s.params.height}),s.useModules();var f,u,g,v,I=s.handleScroll.bind(s),E=s.handleResize.bind(s);return s.attachEvents=function(){f=s.$el.parents(".page").eq(0),u=s.$el.parents(".tab").filter((function(e){return 0===r(e).parent(".tabs").parent(".tabs-animated-wrap, .tabs-swipeable-wrap").length})).eq(0),g=s.$el.parents(".panel").eq(0),v=s.$el.parents(".popup").eq(0),s.$scrollableParentEl.on("scroll",I),f.length&&f.on("page:reinit",E),u.length&&u.on("tab:show",E),g.length&&g.on("panel:open",E),v.length&&v.on("popup:open",E),t.on("resize",E)},s.detachEvents=function(){s.$scrollableParentEl.off("scroll",I),f.length&&f.off("page:reinit",E),u.length&&u.off("tab:show",E),g.length&&g.off("panel:open",E),v.length&&v.off("popup:open",E),t.off("resize",E)},s.init(),s||h(i)}a=e,(t=i).prototype=Object.create(a.prototype),t.prototype.constructor=t,c(t,a);var l=i.prototype;return l.setListSize=function(){var e=this,t=e.filteredItems||e.items;if(e.pageHeight=e.$scrollableParentEl[0].offsetHeight,e.dynamicHeight){e.listHeight=0,e.heights=[];for(var r=0;r<t.length;r+=1){var a=e.params.height(t[r]);e.listHeight+=a,e.heights.push(a)}}else e.listHeight=Math.ceil(t.length/e.params.cols)*e.params.height,e.rowsPerScreen=Math.ceil(e.pageHeight/e.params.height),e.rowsBefore=e.params.rowsBefore||2*e.rowsPerScreen,e.rowsAfter=e.params.rowsAfter||e.rowsPerScreen,e.rowsToRender=e.rowsPerScreen+e.rowsBefore+e.rowsAfter,e.maxBufferHeight=e.rowsBefore/2*e.params.height;(e.updatableScroll||e.params.setListHeight)&&e.$itemsWrapEl.css({height:e.listHeight+"px"})},l.render=function(e,t){var r=this;e&&(r.lastRepaintY=null);var a=-(r.$el[0].getBoundingClientRect().top-r.$scrollableParentEl[0].getBoundingClientRect().top);if(void 0!==t&&(a=t),null===r.lastRepaintY||Math.abs(a-r.lastRepaintY)>r.maxBufferHeight||!r.updatableScroll&&r.$scrollableParentEl[0].scrollTop+r.pageHeight>=r.$scrollableParentEl[0].scrollHeight){r.lastRepaintY=a;var n,i,l,s=r.filteredItems||r.items,o=0,c=0;if(r.dynamicHeight){var h,m=0;r.maxBufferHeight=r.pageHeight;for(var p=0;p<r.heights.length;p+=1)h=r.heights[p],void 0===n&&(m+h>=a-2*r.pageHeight*r.params.dynamicHeightBufferSize?n=p:o+=h),void 0===i&&((m+h>=a+2*r.pageHeight*r.params.dynamicHeightBufferSize||p===r.heights.length-1)&&(i=p+1),c+=h),m+=h;i=Math.min(i,s.length)}else(n=(parseInt(a/r.params.height,10)-r.rowsBefore)*r.params.cols)<0&&(n=0),i=Math.min(n+r.rowsToRender*r.params.cols,s.length);var d,f=[];for(r.reachEnd=!1,d=n;d<i;d+=1){var u=void 0,g=r.items.indexOf(s[d]);d===n&&(r.currentFromIndex=g),d===i-1&&(r.currentToIndex=g),r.filteredItems?r.items[g]===r.filteredItems[r.filteredItems.length-1]&&(r.reachEnd=!0):g===r.items.length-1&&(r.reachEnd=!0),r.params.renderExternal?f.push(s[d]):r.domCache[g]?(u=r.domCache[g]).f7VirtualListIndex=g:(r.renderItem?r.tempDomElement.innerHTML=r.renderItem(s[d],g).trim():r.tempDomElement.innerHTML=s[d].toString().trim(),u=r.tempDomElement.childNodes[0],r.params.cache&&(r.domCache[g]=u),u.f7VirtualListIndex=g),d===n&&(l=r.dynamicHeight?o:d*r.params.height/r.params.cols),r.params.renderExternal||(u.style.top=l+"px",r.emit("local::itemBeforeInsert vlItemBeforeInsert",r,u,s[d]),r.fragment.appendChild(u))}r.updatableScroll||(r.dynamicHeight?r.itemsWrapEl.style.height=c+"px":r.itemsWrapEl.style.height=d*r.params.height/r.params.cols+"px"),r.params.renderExternal?s&&0===s.length&&(r.reachEnd=!0):(r.emit("local::beforeClear vlBeforeClear",r,r.fragment),r.itemsWrapEl.innerHTML="",r.emit("local::itemsBeforeInsert vlItemsBeforeInsert",r,r.fragment),s&&0===s.length?(r.reachEnd=!0,r.params.emptyTemplate&&(r.itemsWrapEl.innerHTML=r.params.emptyTemplate)):r.itemsWrapEl.appendChild(r.fragment),r.emit("local::itemsAfterInsert vlItemsAfterInsert",r,r.fragment)),void 0!==t&&e&&r.$scrollableParentEl.scrollTop(t,0),r.params.renderExternal&&r.params.renderExternal(r,{fromIndex:n,toIndex:i,listHeight:r.listHeight,topPosition:l,items:f})}},l.filterItems=function(e,t){void 0===t&&(t=!0);var r=this;r.filteredItems=[];for(var a=0;a<e.length;a+=1)r.filteredItems.push(r.items[e[a]]);t&&(r.$scrollableParentEl[0].scrollTop=0),r.update()},l.resetFilter=function(){var e=this;e.params.showFilteredItemsOnly?e.filteredItems=[]:(e.filteredItems=null,delete e.filteredItems),e.update()},l.scrollToItem=function(e){var t=this;if(e>t.items.length)return!1;var r=0;if(t.dynamicHeight)for(var a=0;a<e;a+=1)r+=t.heights[a];else r=e*t.params.height;var n=t.$el[0].offsetTop;return t.render(!0,n+r-parseInt(t.$scrollableParentEl.css("padding-top"),10)),!0},l.handleScroll=function(){this.render()},l.isVisible=function(){var e=this;return!!(e.el.offsetWidth||e.el.offsetHeight||e.el.getClientRects().length)},l.handleResize=function(){var e=this;e.isVisible()&&(e.setListSize(),e.render(!0))},l.appendItems=function(e){for(var t=0;t<e.length;t+=1)this.items.push(e[t]);this.update()},l.appendItem=function(e){this.appendItems([e])},l.replaceAllItems=function(e){var t=this;t.items=e,delete t.filteredItems,t.domCache={},t.update()},l.replaceItem=function(e,t){var r=this;r.items[e]=t,r.params.cache&&delete r.domCache[e],r.update()},l.prependItems=function(e){for(var t=this,r=e.length-1;r>=0;r-=1)t.items.unshift(e[r]);if(t.params.cache){var a={};Object.keys(t.domCache).forEach((function(r){a[parseInt(r,10)+e.length]=t.domCache[r]})),t.domCache=a}t.update()},l.prependItem=function(e){this.prependItems([e])},l.moveItem=function(e,t){var r=this,a=e,n=t;if(a!==n){var i=r.items.splice(a,1)[0];if(n>=r.items.length?(r.items.push(i),n=r.items.length-1):r.items.splice(n,0,i),r.params.cache){var l={};Object.keys(r.domCache).forEach((function(e){var t=parseInt(e,10),i=a<n?a:n,s=a<n?n:a,o=a<n?-1:1;(t<i||t>s)&&(l[t]=r.domCache[t]),t===i&&(l[s]=r.domCache[t]),t>i&&t<=s&&(l[t+o]=r.domCache[t])})),r.domCache=l}r.update()}},l.insertItemBefore=function(e,t){var r=this;if(0!==e)if(e>=r.items.length)r.appendItem(t);else{if(r.items.splice(e,0,t),r.params.cache){var a={};Object.keys(r.domCache).forEach((function(t){var n=parseInt(t,10);n>=e&&(a[n+1]=r.domCache[n])})),r.domCache=a}r.update()}else r.prependItem(t)},l.deleteItems=function(e){for(var t,r=this,a=0,n=function(n){var i=e[n];void 0!==t&&i>t&&(a=-n),i+=a,t=e[n];var l=r.items.splice(i,1)[0];if(r.filteredItems&&r.filteredItems.indexOf(l)>=0&&r.filteredItems.splice(r.filteredItems.indexOf(l),1),r.params.cache){var s={};Object.keys(r.domCache).forEach((function(e){var t=parseInt(e,10);t===i?delete r.domCache[i]:parseInt(e,10)>i?s[t-1]=r.domCache[e]:s[t]=r.domCache[e]})),r.domCache=s}},i=0;i<e.length;i+=1)n(i);r.update()},l.deleteAllItems=function(){var e=this;e.items=[],delete e.filteredItems,e.params.cache&&(e.domCache={}),e.update()},l.deleteItem=function(e){this.deleteItems([e])},l.clearCache=function(){this.domCache={}},l.update=function(e){var t=this;e&&t.params.cache&&(t.domCache={}),t.setListSize(),t.render(!0)},l.init=function(){var e=this;e.attachEvents(),e.setListSize(),e.render()},l.destroy=function(){var e=this;e.detachEvents(),e.$el[0].f7VirtualList=null,delete e.$el[0].f7VirtualList,p(e),e=null},i}(i),f={name:"virtualList",static:{VirtualList:d},create:function(){this.virtualList=l({defaultSelector:".virtual-list",constructor:d,app:this,domProp:"f7VirtualList"})}};if(t){if(e.prototype.modules&&e.prototype.modules[f.name])return;e.use(f),e.instance&&(e.instance.useModuleParams(f,e.instance.params),e.instance.useModule(f))}return f}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
+import VirtualList from './virtual-list-class';
+import ConstructorMethods from '../../shared/constructor-methods';
+export default {
+  name: 'virtualList',
+  static: {
+    VirtualList
+  },
+
+  create() {
+    const app = this;
+    app.virtualList = ConstructorMethods({
+      defaultSelector: '.virtual-list',
+      constructor: VirtualList,
+      app,
+      domProp: 'f7VirtualList'
+    });
+  }
+
+};