framework7 7.0.0-beta.12 → 7.0.0-beta.15

package/framework7-bundle.css

@@ -1,5 +1,5 @@
 /**
- * Framework7 7.0.0-beta.12
+ * Framework7 7.0.0-beta.15
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: February 22, 2022
+ * Released on: April 11, 2022
  */
 
 /*====================
@@ -8326,6 +8326,9 @@ html.with-modal-preloader .page-content,
   opacity: 0.85;
 }
 @keyframes ios-preloader-spin {
+  0% {
+    transform: rotate(0deg);
+  }
   100% {
     transform: rotate(360deg);
   }

package/framework7-bundle.esm.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 7.0.0-beta.12
+ * Framework7 7.0.0-beta.15
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: February 22, 2022
+ * Released on: April 11, 2022
  */
 
 import $ from './shared/dom7.js';

package/framework7-bundle.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 7.0.0-beta.12
+ * Framework7 7.0.0-beta.15
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: February 22, 2022
+ * Released on: April 11, 2022
  */
 
 (function (global, factory) {
@@ -10090,7 +10090,14 @@
             view.initMasterDetail();
           }
 
-          view.router.init();
+          if (view.params.initRouterOnTabShow && view.$el.hasClass('tab') && !view.$el.hasClass('tab-active')) {
+            view.$el.once('tab:show', () => {
+              view.router.init();
+            });
+          } else {
+            view.router.init();
+          }
+
           view.$el.trigger('view:init');
           view.emit('local::init viewInit', view);
         }
@@ -12645,6 +12652,7 @@
       params: {
         view: {
           init: true,
+          initRouterOnTabShow: false,
           name: undefined,
           main: false,
           router: true,
@@ -18323,7 +18331,8 @@
           rowsToRender: undefined,
           maxBufferHeight: 0,
           listHeight: undefined,
-          dynamicHeight: typeof vl.params.height === 'function'
+          dynamicHeight: typeof vl.params.height === 'function',
+          autoHeight: vl.params.height === 'auto'
         }); // Install Modules
 
         vl.useModules(); // Attach events
@@ -18364,10 +18373,13 @@
         return vl;
       }
 
-      setListSize() {
+      setListSize(autoHeightRerender) {
         const vl = this;
         const items = vl.filteredItems || vl.items;
-        vl.pageHeight = vl.$scrollableParentEl[0].offsetHeight;
+
+        if (!autoHeightRerender) {
+          vl.pageHeight = vl.$scrollableParentEl[0].offsetHeight;
+        }
 
         if (vl.dynamicHeight) {
           vl.listHeight = 0;
@@ -18378,6 +18390,31 @@
             vl.listHeight += itemHeight;
             vl.heights.push(itemHeight);
           }
+        } else if (vl.autoHeight) {
+          vl.listHeight = 0;
+          if (!vl.heights) vl.heights = [];
+          if (!vl.heightsCalculated) vl.heightsCalculated = [];
+          const renderedItems = {};
+          vl.$itemsWrapEl.find(`[data-virtual-list-index]`).forEach(el => {
+            renderedItems[parseInt(el.getAttribute('data-virtual-list-index'), 10)] = el;
+          });
+
+          for (let i = 0; i < items.length; i += 1) {
+            const renderedItem = renderedItems[i];
+
+            if (renderedItem) {
+              if (!vl.heightsCalculated.includes(i)) {
+                vl.heights[i] = renderedItem.offsetHeight;
+                vl.heightsCalculated.push(i);
+              }
+            }
+
+            if (typeof vl.heights[i] === 'undefined') {
+              vl.heights[i] = 40;
+            }
+
+            vl.listHeight += vl.heights[i];
+          }
         } else {
           vl.listHeight = Math.ceil(items.length / vl.params.cols) * vl.params.height;
           vl.rowsPerScreen = Math.ceil(vl.pageHeight / vl.params.height);
@@ -18412,7 +18449,7 @@
         let heightBeforeFirstItem = 0;
         let heightBeforeLastItem = 0;
 
-        if (vl.dynamicHeight) {
+        if (vl.dynamicHeight || vl.autoHeight) {
           let itemTop = 0;
           let itemHeight;
           vl.maxBufferHeight = vl.pageHeight;
@@ -18479,7 +18516,7 @@
 
 
           if (i === fromIndex) {
-            if (vl.dynamicHeight) {
+            if (vl.dynamicHeight || vl.autoHeight) {
               topPosition = heightBeforeFirstItem;
             } else {
               topPosition = i * vl.params.height / vl.params.cols;
@@ -18497,7 +18534,7 @@
 
 
         if (!vl.updatableScroll) {
-          if (vl.dynamicHeight) {
+          if (vl.dynamicHeight || vl.autoHeight) {
             vl.itemsWrapEl.style.height = `${heightBeforeLastItem}px`;
           } else {
             vl.itemsWrapEl.style.height = `${i * vl.params.height / vl.params.cols}px`;
@@ -18537,6 +18574,12 @@
             items: renderExternalItems
           });
         }
+
+        if (vl.autoHeight) {
+          requestAnimationFrame(() => {
+            vl.setListSize(true);
+          });
+        }
       } // Filter
 
 
@@ -18573,7 +18616,7 @@
         if (index > vl.items.length) return false;
         let itemTop = 0;
 
-        if (vl.dynamicHeight) {
+        if (vl.dynamicHeight || vl.autoHeight) {
           for (let i = 0; i < index; i += 1) {
             itemTop += vl.heights[i];
           }
@@ -18601,6 +18644,7 @@
         const vl = this;
 
         if (vl.isVisible()) {
+          vl.heightsCalculated = [];
           vl.setListSize();
           vl.render(true);
         }
@@ -18801,6 +18845,7 @@
           vl.domCache = {};
         }
 
+        vl.heightsCalculated = [];
         vl.setListSize();
         vl.render(true);
       }