framework7 6.3.3 → 6.3.7

package/framework7-bundle.css

@@ -1,5 +1,5 @@
 /**
- * Framework7 6.3.3
+ * Framework7 6.3.7
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: September 7, 2021
+ * Released on: October 28, 2021
  */
 
 /*====================

package/framework7-bundle.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 6.3.3
+ * Framework7 6.3.7
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: September 7, 2021
+ * Released on: October 28, 2021
  */
 
 (function (global, factory) {
@@ -13903,6 +13903,24 @@
         });
       };
 
+      _proto.getComponentRef = function getComponentRef() {
+        var self = this;
+        return function (initialValue) {
+          var value = initialValue;
+          var obj = {};
+          Object.defineProperty(obj, 'value', {
+            get: function get() {
+              return value;
+            },
+            set: function set(v) {
+              value = v;
+              self.update();
+            }
+          });
+          return obj;
+        };
+      };
+
       _proto.getComponentStore = function getComponentStore() {
         var _this2 = this;
 
@@ -13947,6 +13965,7 @@
           $update: this.update.bind(this),
           $emit: this.emit.bind(this),
           $store: this.getComponentStore(),
+          $ref: this.getComponentRef(),
           $el: {}
         };
         Object.defineProperty(ctx.$el, 'value', {
@@ -14204,7 +14223,7 @@
       if (!scriptContent || !scriptContent.trim()) scriptContent = 'return () => {return $render}'; // Parse Template
 
       if (template) {
-        scriptContent = scriptContent.replace('$render', "function ($$ctx) {\n          var $ = $$ctx.$$;\n          var $h = $$ctx.$h;\n          var $root = $$ctx.$root;\n          var $f7 = $$ctx.$f7;\n          var $f7route = $$ctx.$f7route;\n          var $f7router = $$ctx.$f7router;\n          var $theme = $$ctx.$theme;\n          var $update = $$ctx.$update;\n          var $store = $$ctx.$store;\n\n          return $h`" + template + "`\n        }\n        ").replace(/export default/g, 'return');
+        scriptContent = scriptContent.replace('$render', "function ($$ctx) {\n          var $ = $$ctx.$$;\n          var $h = $$ctx.$h;\n          var $root = $$ctx.$root;\n          var $f7 = $$ctx.$f7;\n          var $f7route = $$ctx.$f7route;\n          var $f7router = $$ctx.$f7router;\n          var $theme = $$ctx.$theme;\n          var $update = $$ctx.$update;\n          var $store = $$ctx.$store;\n          var $ref = $$ctx.$ref;\n\n          return $h`" + template + "`\n        }\n        ").replace(/export default/g, 'return');
       } // Execute Script
 
 
@@ -14235,12 +14254,18 @@
         children[_key - 2] = arguments[_key];
       }
 
+      var flatChildren = flattenArray((children || []).filter(function (child) {
+        return ignoreChildren.indexOf(child) < 0;
+      }));
+
+      if (type === 'Fragment') {
+        return flatChildren;
+      }
+
       return {
         type: type,
         props: props || {},
-        children: flattenArray((children || []).filter(function (child) {
-          return ignoreChildren.indexOf(child) < 0;
-        }))
+        children: flatChildren
       };
     };
 
@@ -18065,6 +18090,7 @@
 
           if (convertToPopover && actions.popoverHtml) {
             popover = app.popover.create({
+              containerEl: actions.params.containerEl,
               content: actions.popoverHtml,
               backdrop: actions.params.backdrop,
               targetEl: targetEl,
@@ -18683,6 +18709,7 @@
               $el.removeClass('modal-in-swipe-step');
               $el.trigger('sheet:stepprogress', 1);
               sheet.emit('local::stepProgress sheetStepProgress', sheet, 1);
+              sheet.emit('local::_swipeStep', false);
               $el.trigger('sheet:stepopen');
               sheet.emit('local::stepOpen sheetStepOpen', sheet);
 
@@ -18701,6 +18728,7 @@
                 $el.addClass('modal-in-swipe-step');
                 $el.trigger('sheet:stepprogress', 0);
                 sheet.emit('local::stepProgress sheetStepProgress', sheet, 0);
+                sheet.emit('local::_swipeStep', true);
                 $el.trigger('sheet:stepclose');
                 sheet.emit('local::stepClose sheetStepClose', sheet);
 
@@ -18716,6 +18744,7 @@
               $el.addClass('modal-in-swipe-step');
               $el.trigger('sheet:stepprogress', 0);
               sheet.emit('local::stepProgress sheetStepProgress', sheet, 0);
+              sheet.emit('local::_swipeStep', true);
               $el.trigger('sheet:stepclose');
               sheet.emit('local::stepClose sheetStepClose', sheet);
 
@@ -18737,6 +18766,7 @@
                 $el.removeClass('modal-in-swipe-step');
                 $el.trigger('sheet:stepprogress', 1);
                 sheet.emit('local::stepProgress sheetStepProgress', sheet, 1);
+                sheet.emit('local::_swipeStep', false);
                 $el.trigger('sheet:stepopen');
                 sheet.emit('local::stepOpen sheetStepOpen', sheet);
 
@@ -18757,6 +18787,7 @@
                 $el.addClass('modal-in-swipe-step');
                 $el.trigger('sheet:stepprogress', 0);
                 sheet.emit('local::stepProgress sheetStepProgress', sheet, 0);
+                sheet.emit('local::_swipeStep', true);
                 $el.trigger('sheet:stepclose');
                 sheet.emit('local::stepClose sheetStepClose', sheet);
 
@@ -18787,6 +18818,7 @@
 
           if (!byResize) {
             $el.addClass('modal-in-swipe-step');
+            sheet.emit('local::_swipeStep', true);
           }
         };
 
@@ -18851,6 +18883,7 @@
         sheet.on('close', function () {
           if (sheet.params.swipeToStep) {
             $el.removeClass('modal-in-swipe-step');
+            sheet.emit('local::_swipeStep', false);
             app.off('resize', onResize);
           }
 
@@ -18882,6 +18915,7 @@
 
         sheet.stepOpen = function stepOpen() {
           $el.removeClass('modal-in-swipe-step');
+          sheet.emit('local::_swipeStep', false);
 
           if (sheet.push) {
             if (!pushOffset) {
@@ -18897,6 +18931,7 @@
 
         sheet.stepClose = function stepClose() {
           $el.addClass('modal-in-swipe-step');
+          sheet.emit('local::_swipeStep', true);
 
           if (sheet.push) {
             sheet.$htmlEl[0].style.removeProperty('--f7-sheet-push-scale');
@@ -18905,6 +18940,7 @@
 
         sheet.stepToggle = function stepToggle() {
           $el.toggleClass('modal-in-swipe-step');
+          sheet.emit('local::_swipeStep', $el.hasClass('modal-in-swipe-step'));
         };
 
         $el[0].f7Modal = sheet;
@@ -26679,8 +26715,9 @@
         } else {
           var $selectedItemEl = $containerEl.find('input:checked').parents('li');
           if (!$selectedItemEl.length) return ss;
-          var $pageContentEl = $containerEl.find('.page-content');
-          $pageContentEl.scrollTop($selectedItemEl.offset().top - $pageContentEl.offset().top - parseInt($pageContentEl.css('padding-top'), 10));
+          var $scrollableEl = $containerEl.find('.page-content, .popover-inner');
+          if (!$scrollableEl.length) return ss;
+          $scrollableEl.scrollTop($selectedItemEl.offset().top - $scrollableEl.offset().top - parseInt($scrollableEl.css('padding-top'), 10));
         }
 
         return ss;
@@ -32971,7 +33008,7 @@
             foundItems = sb.virtualList.params.searchAll(vlQuery, sb.virtualList.items) || [];
           } else if (sb.virtualList.params.searchByItem) {
             for (var i = 0; i < sb.virtualList.items.length; i += 1) {
-              if (sb.virtualList.params.searchByItem(vlQuery, sb.virtualList.params.items[i], i)) {
+              if (sb.virtualList.params.searchByItem(vlQuery, sb.virtualList.items[i], i)) {
                 foundItems.push(i);
               }
             }