framework7 8.0.0-beta.8 → 8.0.0-beta.9

package/framework7-bundle.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 8.0.0-beta.8
+ * Framework7 8.0.0-beta.9
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: March 27, 2023
+ * Released on: March 31, 2023
  */
 
 (function (global, factory) {
@@ -4476,11 +4476,11 @@
           tapHoldPreventClicks: true,
           // Active State
           activeState: true,
-          activeStateElements: 'a, button, label, span, .actions-button, .stepper-button, .stepper-button-plus, .stepper-button-minus, .card-expandable, .menu-item, .link, .item-link, .accordion-item-toggle',
+          activeStateElements: 'a, button, label, span, .actions-button, .stepper-button, .stepper-button-plus, .stepper-button-minus, .card-expandable, .link, .item-link, .accordion-item-toggle',
           activeStateOnMouseMove: false,
           mdTouchRipple: true,
           iosTouchRipple: false,
-          touchRippleElements: '.ripple, .link, .item-link, .list label.item-content, .list-button, .links-list a, .button, button, .input-clear-button, .dialog-button, .tab-link, .item-radio, .item-checkbox, .actions-button, .searchbar-disable-button, .fab a, .checkbox, .radio, .data-table .sortable-cell:not(.input-cell), .notification-close-button, .stepper-button, .stepper-button-minus, .stepper-button-plus, .menu-item-content, .list.accordion-list .accordion-item-toggle',
+          touchRippleElements: '.ripple, .link, .item-link, .list label.item-content, .list-button, .links-list a, .button, button, .input-clear-button, .dialog-button, .tab-link, .item-radio, .item-checkbox, .actions-button, .searchbar-disable-button, .fab a, .checkbox, .radio, .data-table .sortable-cell:not(.input-cell), .notification-close-button, .stepper-button, .stepper-button-minus, .stepper-button-plus, .list.accordion-list .accordion-item-toggle',
           touchRippleInsetElements: '.ripple-inset, .icon-only, .searchbar-disable-button, .input-clear-button, .notification-close-button, .md .navbar .link.back'
         }
       },
@@ -11020,77 +11020,59 @@
       /* eslint-disable no-sequences */
       getUseState() {
         var _this = this;
-        return o => [o].reduce(function (t, _i, _x, _a, i) {
-          if (i === void 0) {
-            i = t.init(_i);
-          }
-          return {
-            state: i,
-            update: v => (t.update(i, v), _this.update()),
-            remove: v => (t.remove(i, v), _this.update()),
-            clear: () => (t.clear(i), _this.update()),
-            insert: (x, v) => (t.insert(i, x, v), _this.update()),
-            replace: (x, v) => (t.replace(i, x, v), _this.update()),
-            append: v => (t.append(i, v), _this.update()),
-            prepend: v => (t.prepend(i, v), _this.update()),
-            swap: (a, b) => (t.swap(i, a, b), _this.update()),
-            fromTo: (a, b) => (t.fromTo(i, a, b), _this.update()),
-            method: function (f) {
-              if (f === void 0) {
-                f = () => ({});
+        return o => {
+          const obj = [o].reduce(function (t, _i, _x, _a, i) {
+            if (i === void 0) {
+              i = t.init(_i);
+            }
+            return {
+              state: i,
+              update: v => (t.update(i, v), _this.update()),
+              remove: v => (t.remove(i, v), _this.update()),
+              clear: () => (t.clear(i), _this.update()),
+              insert: (x, v) => (t.insert(i, x, v), _this.update()),
+              replace: (x, v) => (t.replace(i, x, v), _this.update()),
+              append: v => (t.append(i, v), _this.update()),
+              prepend: v => (t.prepend(i, v), _this.update()),
+              swap: (a, b) => (t.swap(i, a, b), _this.update()),
+              fromTo: (a, b) => (t.fromTo(i, a, b), _this.update()),
+              method: function (f) {
+                if (f === void 0) {
+                  f = () => ({});
+                }
+                return f(i), _this.update();
+              },
+              async: function (f) {
+                if (f === void 0) {
+                  f = () => Promise.reject(i);
+                }
+                return f(i).then(() => _this.update());
               }
-              return f(i), _this.update();
-            },
-            async: function (f) {
-              if (f === void 0) {
-                f = () => Promise.reject(i);
+            };
+          }, types.find(i => i.type(o)));
+          obj.length = 12;
+          obj[Symbol.iterator] = function Iterate() {
+            const values = Object.values(this);
+            values.splice(values.indexOf(12), 1);
+            let index = 0;
+            return {
+              next() {
+                if (index < values.length) {
+                  const val = values[index];
+                  index += 1;
+                  return {
+                    value: val,
+                    done: false
+                  };
+                }
+                return {
+                  done: true
+                };
               }
-              return f(i).then(() => _this.update());
-            }
+            };
           };
-        }, types.find(i => i.type(o)));
-      }
-      _getUseState() {
-        var _this2 = this;
-        return o => [o].reduce(function (t, _i, _x, _a, i) {
-          if (i === void 0) {
-            i = t.init(_i);
-          }
-          return [i,
-          // state
-          v => (t.update(i, v), _this2.update()),
-          // update
-          v => (t.remove(i, v), _this2.update()),
-          // remove
-          () => (t.clear(i), _this2.update()),
-          // clear
-          (x, v) => (t.insert(i, x, v), _this2.update()),
-          // insert
-          (x, v) => (t.replace(i, x, v), _this2.update()),
-          // replace
-          v => (t.append(i, v), _this2.update()),
-          // append
-          v => (t.prepend(i, v), _this2.update()),
-          // prepend
-          (a, b) => (t.swap(i, a, b), _this2.update()),
-          // swap
-          (a, b) => (t.fromTo(i, a, b), _this2.update()),
-          // fromTo
-          function (f) {
-            if (f === void 0) {
-              f = () => ({});
-            }
-            return f(i), _this2.update();
-          },
-          // method
-          function (f) {
-            if (f === void 0) {
-              f = () => Promise.reject(i);
-            }
-            return f(i).then(() => _this2.update());
-          } // async
-          ];
-        }, types.find(i => i.type(o)));
+          return obj;
+        };
       }
       /* eslint-enable no-sequences */
 
@@ -11110,8 +11092,7 @@
           $store: this.getComponentStore(),
           $ref: this.getComponentRef(),
           $el: {},
-          $useState: this.getUseState(),
-          $_useState: this._getUseState()
+          $useState: this.getUseState()
         };
         Object.defineProperty(ctx.$el, 'value', {
           get: () => {
@@ -12956,7 +12937,7 @@
         if (!isInset && $el.css('overflow') === 'hidden') {
           const distanceFromCenter = ((center.x - width / 2) ** 2 + (center.y - height / 2) ** 2) ** 0.5;
           const scale = (diameter / 2 + distanceFromCenter) / (diameter / 2);
-          ripple.rippleTransform = `translate3d(0px, 0px, 0) scale(${scale})`;
+          ripple.rippleTransform = `translate3d(0px, 0px, 0) scale(${scale * 2})`;
         } else {
           // prettier-ignore
           ripple.rippleTransform = `translate3d(${-center.x + width / 2}px, ${-center.y + height / 2}px, 0) scale(1)`;
@@ -12964,7 +12945,7 @@
         if (isInset) {
           $el.addClass('ripple-inset');
         }
-        ripple.$rippleWaveEl = $(`<div class="ripple-wave" style="width: ${diameter}px; height: ${diameter}px; margin-top:-${diameter / 2}px; margin-left:-${diameter / 2}px; left:${center.x}px; top:${center.y}px; --f7-ripple-transform: ${ripple.rippleTransform}"></div>`);
+        ripple.$rippleWaveEl = $(`<div class="ripple-wave${isInset ? ' ripple-wave-inset' : ''}" style="width: ${diameter}px; height: ${diameter}px; margin-top:-${diameter / 2}px; margin-left:-${diameter / 2}px; left:${center.x}px; top:${center.y}px; --f7-ripple-transform: ${ripple.rippleTransform}"></div>`);
         $el.prepend(ripple.$rippleWaveEl);
         ripple.$rippleWaveEl.animationEnd(() => {
           if (!ripple.$rippleWaveEl) return;