framework7 6.3.3 → 6.3.7

package/esm/components/searchbar/searchbar-class.js

@@ -602,7 +602,7 @@ var Searchbar = /*#__PURE__*/function (_FrameworkClass) {
         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);
           }
         }

package/esm/components/sheet/sheet-class.js

@@ -336,6 +336,7 @@ var Sheet = /*#__PURE__*/function (_Modal) {
           $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);
 
@@ -354,6 +355,7 @@ var Sheet = /*#__PURE__*/function (_Modal) {
             $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);
 
@@ -369,6 +371,7 @@ var Sheet = /*#__PURE__*/function (_Modal) {
           $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);
 
@@ -390,6 +393,7 @@ var Sheet = /*#__PURE__*/function (_Modal) {
             $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);
 
@@ -410,6 +414,7 @@ var Sheet = /*#__PURE__*/function (_Modal) {
             $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);
 
@@ -440,6 +445,7 @@ var Sheet = /*#__PURE__*/function (_Modal) {
 
       if (!byResize) {
         $el.addClass('modal-in-swipe-step');
+        sheet.emit('local::_swipeStep', true);
       }
     };
 
@@ -504,6 +510,7 @@ var Sheet = /*#__PURE__*/function (_Modal) {
     sheet.on('close', function () {
       if (sheet.params.swipeToStep) {
         $el.removeClass('modal-in-swipe-step');
+        sheet.emit('local::_swipeStep', false);
         app.off('resize', onResize);
       }
 
@@ -535,6 +542,7 @@ var Sheet = /*#__PURE__*/function (_Modal) {
 
     sheet.stepOpen = function stepOpen() {
       $el.removeClass('modal-in-swipe-step');
+      sheet.emit('local::_swipeStep', false);
 
       if (sheet.push) {
         if (!pushOffset) {
@@ -550,6 +558,7 @@ var Sheet = /*#__PURE__*/function (_Modal) {
 
     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');
@@ -558,6 +567,7 @@ var Sheet = /*#__PURE__*/function (_Modal) {
 
     sheet.stepToggle = function stepToggle() {
       $el.toggleClass('modal-in-swipe-step');
+      sheet.emit('local::_swipeStep', $el.hasClass('modal-in-swipe-step'));
     };
 
     $el[0].f7Modal = sheet;

package/esm/components/smart-select/smart-select-class.js

@@ -632,8 +632,9 @@ var SmartSelect = /*#__PURE__*/function (_Framework7Class) {
     } 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;

package/esm/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
  */
 
 import $ from './shared/dom7';

package/esm/framework7-lite-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
  */
 
 import $ from './shared/dom7';

package/esm/framework7-lite.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
  */
 
 import $ from './shared/dom7';

package/esm/framework7.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
  */
 
 import $ from './shared/dom7';

package/esm/modules/component/$jsx.js

@@ -6,12 +6,18 @@ var $jsx = function $jsx(type, props) {
     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
   };
 };
 

package/esm/modules/component/component-class.js

@@ -139,6 +139,24 @@ var Component = /*#__PURE__*/function () {
     });
   };
 
+  _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;
 
@@ -183,6 +201,7 @@ var Component = /*#__PURE__*/function () {
       $update: this.update.bind(this),
       $emit: this.emit.bind(this),
       $store: this.getComponentStore(),
+      $ref: this.getComponentRef(),
       $el: {}
     };
     Object.defineProperty(ctx.$el, 'value', {

package/esm/modules/component/parse-component.js

@@ -43,7 +43,7 @@ function parseComponent(componentString) {
   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
 
 

package/framework7-bundle-rtl.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
  */
 
 /*====================