framework7 6.3.16 → 7.0.0-beta.12

package/components/statusbar/statusbar.d.ts

@@ -7,20 +7,20 @@ export namespace Statusbar {
       | {
           /** Enables statusbar handling by Framework7. Disable it if you don't want Framework7 to handle statusbar behavior */
           enabled?: boolean;
-          /** If enabled, then click on statusbar overlay will scroll top page content to the top.This functionality is only available when app is running under cordova/phonegap environment with installed cordova-plugin-statusbar */
+          /** If enabled, then click on statusbar overlay will scroll top page content to the top.This functionality is only available when app is running under cordova/capacitor environment with installed cordova-plugin-statusbar */
           scrollTopOnClick?: boolean;
           /** Hex string (#RRGGBB) with background color when app running under iOS device. If passed then it will override CSS value */
           iosBackgroundColor?: string;
-          /** Makes the statusbar overlay or not overlay the WebView. This functionality is only available when app is running on iOS device under cordova/phonegap environment with installed cordova-plugin-statusbar*/
+          /** Makes the statusbar overlay or not overlay the WebView. This functionality is only available when app is running on iOS device under cordova/capacitor environment with installed cordova-plugin-statusbar*/
           iosOverlaysWebView?: boolean;
-          /** Statusbar text color. Can be white or black. This functionality is only available when app is running on iOS under cordova/phonegap environment with installed cordova-plugin-statusbar */
+          /** Statusbar text color. Can be white or black. This functionality is only available when app is running on iOS under cordova/capacitor environment with installed cordova-plugin-statusbar */
           iosTextColor?: string;
           /** Hex string (#RRGGBB) with background color when app running on Android device. If passed then it will override CSS value */
           androidBackgroundColor?: string;
-          /** Makes the statusbar overlay or not overlay the WebView. This functionality is only available when app is running on Android and under cordova/phonegap environment with installed cordova-plugin-statusbar
+          /** Makes the statusbar overlay or not overlay the WebView. This functionality is only available when app is running on Android and under cordova/capacitor environment with installed cordova-plugin-statusbar
            */
           androidOverlaysWebView?: boolean;
-          /** Statusbar text color. Can be white or black. This functionality is only available when app is running on Android and under cordova/phonegap environment with installed cordova-plugin-statusbar */
+          /** Statusbar text color. Can be white or black. This functionality is only available when app is running on Android and under cordova/capacitor environment with installed cordova-plugin-statusbar */
           androidTextColor?: string;
         }
       | undefined;
@@ -29,17 +29,17 @@ export namespace Statusbar {
   interface AppMethods {
     /** Statusbar methods and properties */
     statusbar: {
-      /** Hide statusbar. In webapp it just hides statusbar overlay, but in cordova app it will hide statusbar at all. Hiding device statusbar is available when app is running under cordova/phonegap environment with installed cordova-plugin-statusbar */
+      /** Hide statusbar. In webapp it just hides statusbar overlay, but in cordova app it will hide statusbar at all. Hiding device statusbar is available when app is running under cordova/capacitor environment with installed cordova-plugin-statusbar */
       hide(): void;
       /** Show statusbar */
       show(): void;
-      /** Makes the statusbar overlay or not overlay the WebView. This functionality is only available when app is running under cordova/phonegap environment with installed cordova-plugin-statusbar */
+      /** Makes the statusbar overlay or not overlay the WebView. This functionality is only available when app is running under cordova/capacitor environment with installed cordova-plugin-statusbar */
       overlaysWebView(overlays: boolean): void;
-      /** "Set/change statusbar text color. "color" can be white or black. This functionality is only available when app is running under cordova/phonegap environment with installed cordova-plugin-statusbar" */
+      /** "Set/change statusbar text color. "color" can be white or black. This functionality is only available when app is running under cordova/capacitor environment with installed cordova-plugin-statusbar" */
       setTextColor(color: string): void;
       /** Set/change statusbar background colorhex - string - Hex string (#RRGGBB) with background color */
       setBackgroundColor(hex: string): void;
-      /** Returns Promise resolved with "true" if system statusbar is visible and false when it is not visible. This functionality is only available when app is running under cordova/phonegap/capacitor environment with installed cordova-plugin-statusbar */
+      /** Returns Promise resolved with "true" if system statusbar is visible and false when it is not visible. This functionality is only available when app is running under cordova/capacitor/capacitor environment with installed cordova-plugin-statusbar */
       isVisible(): Promise<boolean>;
     };
   }

package/{esm/components → components}/statusbar/statusbar.js

@@ -1,17 +1,17 @@
 import { getWindow } from 'ssr-window';
-import $ from '../../shared/dom7';
-import { bindMethods } from '../../shared/utils';
-import { getDevice } from '../../shared/get-device';
+import $ from '../../shared/dom7.js';
+import { bindMethods } from '../../shared/utils.js';
+import { getDevice } from '../../shared/get-device.js';
 
-var isCapacitor = function isCapacitor() {
-  var window = getWindow();
+const isCapacitor = () => {
+  const window = getWindow();
   return window.Capacitor && window.Capacitor.isNative && window.Capacitor.Plugins && window.Capacitor.Plugins.StatusBar;
 };
 
-var Statusbar = {
-  hide: function hide() {
-    var window = getWindow();
-    var device = getDevice();
+const Statusbar = {
+  hide() {
+    const window = getWindow();
+    const device = getDevice();
 
     if (device.cordova && window.StatusBar) {
       window.StatusBar.hide();
@@ -21,9 +21,10 @@ var Statusbar = {
       window.Capacitor.Plugins.StatusBar.hide();
     }
   },
-  show: function show() {
-    var window = getWindow();
-    var device = getDevice();
+
+  show() {
+    const window = getWindow();
+    const device = getDevice();
 
     if (device.cordova && window.StatusBar) {
       window.StatusBar.show();
@@ -33,9 +34,10 @@ var Statusbar = {
       window.Capacitor.Plugins.StatusBar.show();
     }
   },
-  onClick: function onClick() {
-    var app = this;
-    var pageContent;
+
+  onClick() {
+    const app = this;
+    let pageContent;
 
     if ($('.popup.modal-in').length > 0) {
       // Check for opened popup
@@ -61,9 +63,10 @@ var Statusbar = {
       if (pageContent.length > 0) pageContent.scrollTop(0, 300);
     }
   },
-  setTextColor: function setTextColor(color) {
-    var window = getWindow();
-    var device = getDevice();
+
+  setTextColor(color) {
+    const window = getWindow();
+    const device = getDevice();
 
     if (device.cordova && window.StatusBar) {
       if (color === 'white') {
@@ -85,9 +88,10 @@ var Statusbar = {
       }
     }
   },
-  setBackgroundColor: function setBackgroundColor(color) {
-    var window = getWindow();
-    var device = getDevice();
+
+  setBackgroundColor(color) {
+    const window = getWindow();
+    const device = getDevice();
 
     if (device.cordova && window.StatusBar) {
       window.StatusBar.backgroundColorByHexString(color);
@@ -95,20 +99,21 @@ var Statusbar = {
 
     if (isCapacitor()) {
       window.Capacitor.Plugins.StatusBar.setBackgroundColor({
-        color: color
+        color
       });
     }
   },
-  isVisible: function isVisible() {
-    var window = getWindow();
-    var device = getDevice();
-    return new Promise(function (resolve) {
+
+  isVisible() {
+    const window = getWindow();
+    const device = getDevice();
+    return new Promise(resolve => {
       if (device.cordova && window.StatusBar) {
         resolve(window.StatusBar.isVisible);
       }
 
       if (isCapacitor()) {
-        window.Capacitor.Plugins.StatusBar.getInfo().then(function (info) {
+        window.Capacitor.Plugins.StatusBar.getInfo().then(info => {
           resolve(info.visible);
         });
       }
@@ -116,13 +121,10 @@ var Statusbar = {
       resolve(false);
     });
   },
-  overlaysWebView: function overlaysWebView(overlays) {
-    if (overlays === void 0) {
-      overlays = true;
-    }
 
-    var window = getWindow();
-    var device = getDevice();
+  overlaysWebView(overlays = true) {
+    const window = getWindow();
+    const device = getDevice();
 
     if (device.cordova && window.StatusBar) {
       window.StatusBar.overlaysWebView(overlays);
@@ -134,14 +136,15 @@ var Statusbar = {
       });
     }
   },
-  init: function init() {
-    var app = this;
-    var window = getWindow();
-    var device = getDevice();
-    var params = app.params.statusbar;
+
+  init() {
+    const app = this;
+    const window = getWindow();
+    const device = getDevice();
+    const params = app.params.statusbar;
     if (!params.enabled) return;
-    var isCordova = device.cordova && window.StatusBar;
-    var isCap = isCapacitor();
+    const isCordova = device.cordova && window.StatusBar;
+    const isCap = isCapacitor();
 
     if (isCordova || isCap) {
       if (params.scrollTopOnClick) {
@@ -185,6 +188,7 @@ var Statusbar = {
       Statusbar.setBackgroundColor(params.androidBackgroundColor);
     }
   }
+
 };
 export default {
   name: 'statusbar',
@@ -200,16 +204,19 @@ export default {
       androidBackgroundColor: null
     }
   },
-  create: function create() {
-    var app = this;
+
+  create() {
+    const app = this;
     bindMethods(app, {
       statusbar: Statusbar
     });
   },
+
   on: {
-    init: function init() {
-      var app = this;
+    init() {
+      const app = this;
       Statusbar.init.call(app);
     }
+
   }
 };

package/{esm/components → components}/stepper/stepper-class.js

@@ -1,24 +1,12 @@
-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 $ from '../../shared/dom7';
-import { extend, deleteProps } from '../../shared/utils';
-import Framework7Class from '../../shared/class';
-
-var Stepper = /*#__PURE__*/function (_Framework7Class) {
-  _inheritsLoose(Stepper, _Framework7Class);
-
-  function Stepper(app, params) {
-    var _this;
-
-    _this = _Framework7Class.call(this, params, [app]) || this;
-
-    var stepper = _assertThisInitialized(_this);
-
-    var defaults = {
+import $ from '../../shared/dom7.js';
+import { extend, deleteProps } from '../../shared/utils.js';
+import Framework7Class from '../../shared/class.js';
+
+class Stepper extends Framework7Class {
+  constructor(app, params) {
+    super(params, [app]);
+    const stepper = this;
+    const defaults = {
       el: null,
       inputEl: null,
       valueEl: null,
@@ -47,12 +35,12 @@ var Stepper = /*#__PURE__*/function (_Framework7Class) {
       stepper.params.value = stepper.params.max;
     }
 
-    var el = stepper.params.el;
-    if (!el) return stepper || _assertThisInitialized(_this);
-    var $el = $(el);
-    if ($el.length === 0) return stepper || _assertThisInitialized(_this);
-    if ($el[0].f7Stepper) return $el[0].f7Stepper || _assertThisInitialized(_this);
-    var $inputEl;
+    const el = stepper.params.el;
+    if (!el) return stepper;
+    const $el = $(el);
+    if ($el.length === 0) return stepper;
+    if ($el[0].f7Stepper) return $el[0].f7Stepper;
+    let $inputEl;
 
     if (stepper.params.inputEl) {
       $inputEl = $(stepper.params.inputEl);
@@ -61,28 +49,27 @@ var Stepper = /*#__PURE__*/function (_Framework7Class) {
     }
 
     if ($inputEl && $inputEl.length) {
-      'step min max'.split(' ').forEach(function (paramName) {
+      'step min max'.split(' ').forEach(paramName => {
         if (!params[paramName] && $inputEl.attr(paramName)) {
           stepper.params[paramName] = parseFloat($inputEl.attr(paramName));
         }
       });
+      const decimalPoint = parseInt(stepper.params.decimalPoint, 10);
 
-      var _decimalPoint = parseInt(stepper.params.decimalPoint, 10);
-
-      if (Number.isNaN(_decimalPoint)) {
+      if (Number.isNaN(decimalPoint)) {
         stepper.params.decimalPoint = 0;
       } else {
-        stepper.params.decimalPoint = _decimalPoint;
+        stepper.params.decimalPoint = decimalPoint;
       }
 
-      var inputValue = parseFloat($inputEl.val());
+      const inputValue = parseFloat($inputEl.val());
 
       if (typeof params.value === 'undefined' && !Number.isNaN(inputValue) && (inputValue || inputValue === 0)) {
         stepper.params.value = inputValue;
       }
     }
 
-    var $valueEl;
+    let $valueEl;
 
     if (stepper.params.valueEl) {
       $valueEl = $(stepper.params.valueEl);
@@ -90,48 +77,49 @@ var Stepper = /*#__PURE__*/function (_Framework7Class) {
       $valueEl = $el.find('.stepper-value').eq(0);
     }
 
-    var $buttonPlusEl = $el.find('.stepper-button-plus');
-    var $buttonMinusEl = $el.find('.stepper-button-minus');
-    var _stepper$params = stepper.params,
-        step = _stepper$params.step,
-        min = _stepper$params.min,
-        max = _stepper$params.max,
-        value = _stepper$params.value,
-        decimalPoint = _stepper$params.decimalPoint;
+    const $buttonPlusEl = $el.find('.stepper-button-plus');
+    const $buttonMinusEl = $el.find('.stepper-button-minus');
+    const {
+      step,
+      min,
+      max,
+      value,
+      decimalPoint
+    } = stepper.params;
     extend(stepper, {
-      app: app,
-      $el: $el,
+      app,
+      $el,
       el: $el[0],
-      $buttonPlusEl: $buttonPlusEl,
+      $buttonPlusEl,
       buttonPlusEl: $buttonPlusEl[0],
-      $buttonMinusEl: $buttonMinusEl,
+      $buttonMinusEl,
       buttonMinusEl: $buttonMinusEl[0],
-      $inputEl: $inputEl,
+      $inputEl,
       inputEl: $inputEl ? $inputEl[0] : undefined,
-      $valueEl: $valueEl,
+      $valueEl,
       valueEl: $valueEl ? $valueEl[0] : undefined,
-      step: step,
-      min: min,
-      max: max,
-      value: value,
-      decimalPoint: decimalPoint,
+      step,
+      min,
+      max,
+      value,
+      decimalPoint,
       typeModeChanged: false
     });
     $el[0].f7Stepper = stepper; // Handle Events
 
-    var touchesStart = {};
-    var isTouched;
-    var isScrolling;
-    var preventButtonClick;
-    var intervalId;
-    var timeoutId;
-    var autorepeatAction = null;
-    var autorepeatInAction = false;
-    var manualInput = false;
+    const touchesStart = {};
+    let isTouched;
+    let isScrolling;
+    let preventButtonClick;
+    let intervalId;
+    let timeoutId;
+    let autorepeatAction = null;
+    let autorepeatInAction = false;
+    let manualInput = false;
 
     function dynamicRepeat(current, progressions, startsIn, progressionStep, repeatEvery, action) {
       clearTimeout(timeoutId);
-      timeoutId = setTimeout(function () {
+      timeoutId = setTimeout(() => {
         if (current === 1) {
           preventButtonClick = true;
           autorepeatInAction = true;
@@ -139,7 +127,7 @@ var Stepper = /*#__PURE__*/function (_Framework7Class) {
 
         clearInterval(intervalId);
         action();
-        intervalId = setInterval(function () {
+        intervalId = setInterval(() => {
           action();
         }, repeatEvery);
 
@@ -167,8 +155,8 @@ var Stepper = /*#__PURE__*/function (_Framework7Class) {
       touchesStart.y = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;
       isTouched = true;
       isScrolling = undefined;
-      var progressions = stepper.params.autorepeatDynamic ? 4 : 1;
-      dynamicRepeat(1, progressions, 500, 1000, 300, function () {
+      const progressions = stepper.params.autorepeatDynamic ? 4 : 1;
+      dynamicRepeat(1, progressions, 500, 1000, 300, () => {
         stepper[autorepeatAction]();
       });
     }
@@ -180,14 +168,14 @@ var Stepper = /*#__PURE__*/function (_Framework7Class) {
         return;
       }
 
-      var pageX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;
-      var pageY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
+      const pageX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;
+      const pageY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
 
       if (typeof isScrolling === 'undefined' && !autorepeatInAction) {
         isScrolling = !!(isScrolling || Math.abs(pageY - touchesStart.y) > Math.abs(pageX - touchesStart.x));
       }
 
-      var distance = Math.pow(Math.pow(pageX - touchesStart.x, 2) + Math.pow(pageY - touchesStart.y, 2), 0.5);
+      const distance = ((pageX - touchesStart.x) ** 2 + (pageY - touchesStart.y) ** 2) ** 0.5;
 
       if (isScrolling || distance > 20) {
         isTouched = false;
@@ -308,36 +296,36 @@ var Stepper = /*#__PURE__*/function (_Framework7Class) {
     stepper.useModules(); // Init
 
     stepper.init();
-    return stepper || _assertThisInitialized(_this);
+    return stepper;
   }
 
-  var _proto = Stepper.prototype;
-
-  _proto.minus = function minus() {
+  minus() {
     return this.decrement();
-  };
+  }
 
-  _proto.plus = function plus() {
+  plus() {
     return this.increment();
-  };
+  }
 
-  _proto.decrement = function decrement() {
-    var stepper = this;
+  decrement() {
+    const stepper = this;
     return stepper.setValue(stepper.value - stepper.step, false, true);
-  };
+  }
 
-  _proto.increment = function increment() {
-    var stepper = this;
+  increment() {
+    const stepper = this;
     return stepper.setValue(stepper.value + stepper.step, false, true);
-  };
+  }
 
-  _proto.setValue = function setValue(newValue, forceUpdate, withWraps) {
-    var stepper = this;
-    var step = stepper.step,
-        min = stepper.min,
-        max = stepper.max;
-    var oldValue = stepper.value;
-    var value = Math.round(newValue / step) * step;
+  setValue(newValue, forceUpdate, withWraps) {
+    const stepper = this;
+    const {
+      step,
+      min,
+      max
+    } = stepper;
+    const oldValue = stepper.value;
+    let value = Math.round(newValue / step) * step;
 
     if (stepper.params.wraps && withWraps) {
       if (value > max) value = min;
@@ -351,11 +339,11 @@ var Stepper = /*#__PURE__*/function (_Framework7Class) {
     }
 
     stepper.value = value;
-    var valueChanged = oldValue !== value; // Events
+    const valueChanged = oldValue !== value; // Events
 
     if (!valueChanged && !forceUpdate) return stepper;
     stepper.$el.trigger('stepper:change', stepper.value);
-    var formattedValue = stepper.formatValue(stepper.value);
+    const formattedValue = stepper.formatValue(stepper.value);
 
     if (stepper.$inputEl && stepper.$inputEl.length) {
       stepper.$inputEl.val(formattedValue);
@@ -370,13 +358,15 @@ var Stepper = /*#__PURE__*/function (_Framework7Class) {
 
     stepper.emit('local::change stepperChange', stepper, stepper.value);
     return stepper;
-  };
+  }
 
-  _proto.endTypeMode = function endTypeMode(noBlur) {
-    var stepper = this;
-    var min = stepper.min,
-        max = stepper.max;
-    var value = parseFloat(stepper.value);
+  endTypeMode(noBlur) {
+    const stepper = this;
+    const {
+      min,
+      max
+    } = stepper;
+    let value = parseFloat(stepper.value);
     if (Number.isNaN(value)) value = 0;
     value = Math.max(Math.min(value, max), min);
     stepper.value = value;
@@ -391,7 +381,7 @@ var Stepper = /*#__PURE__*/function (_Framework7Class) {
 
     stepper.typeModeChanged = false;
     stepper.$el.trigger('stepper:change', stepper.value);
-    var formattedValue = stepper.formatValue(stepper.value);
+    const formattedValue = stepper.formatValue(stepper.value);
 
     if (stepper.$inputEl && stepper.$inputEl.length) {
       stepper.$inputEl.val(formattedValue);
@@ -407,12 +397,12 @@ var Stepper = /*#__PURE__*/function (_Framework7Class) {
 
     stepper.emit('local::change stepperChange', stepper, stepper.value);
     return stepper;
-  };
+  }
 
-  _proto.typeValue = function typeValue(value) {
-    var stepper = this;
+  typeValue(value) {
+    const stepper = this;
     stepper.typeModeChanged = true;
-    var inputTxt = String(value);
+    let inputTxt = String(value);
     if (inputTxt.length === 1 && inputTxt === '-') return stepper;
 
     if (inputTxt.lastIndexOf('.') + 1 === inputTxt.length || inputTxt.lastIndexOf(',') + 1 === inputTxt.length) {
@@ -423,7 +413,7 @@ var Stepper = /*#__PURE__*/function (_Framework7Class) {
         return stepper;
       }
     } else {
-      var newValue = parseFloat(inputTxt.replace(',', '.'));
+      let newValue = parseFloat(inputTxt.replace(',', '.'));
 
       if (newValue === 0) {
         stepper.value = inputTxt.replace(',', '.');
@@ -437,7 +427,7 @@ var Stepper = /*#__PURE__*/function (_Framework7Class) {
         return stepper;
       }
 
-      var powVal = Math.pow(10, stepper.params.decimalPoint);
+      const powVal = 10 ** stepper.params.decimalPoint;
       newValue = Math.round(newValue * powVal).toFixed(stepper.params.decimalPoint + 1) / powVal;
       stepper.value = parseFloat(String(newValue).replace(',', '.'));
       stepper.$inputEl.val(stepper.value);
@@ -447,41 +437,40 @@ var Stepper = /*#__PURE__*/function (_Framework7Class) {
     stepper.value = inputTxt;
     stepper.$inputEl.val(inputTxt);
     return stepper;
-  };
+  }
 
-  _proto.getValue = function getValue() {
+  getValue() {
     return this.value;
-  };
+  }
 
-  _proto.formatValue = function formatValue(value) {
-    var stepper = this;
+  formatValue(value) {
+    const stepper = this;
     if (!stepper.params.formatValue) return value;
     return stepper.params.formatValue.call(stepper, value);
-  };
+  }
 
-  _proto.init = function init() {
-    var stepper = this;
+  init() {
+    const stepper = this;
     stepper.attachEvents();
 
     if (stepper.$valueEl && stepper.$valueEl.length) {
-      var formattedValue = stepper.formatValue(stepper.value);
+      const formattedValue = stepper.formatValue(stepper.value);
       stepper.$valueEl.html(formattedValue);
     }
 
     return stepper;
-  };
+  }
 
-  _proto.destroy = function destroy() {
-    var stepper = this;
+  destroy() {
+    let stepper = this;
     stepper.$el.trigger('stepper:beforedestroy');
     stepper.emit('local::beforeDestroy stepperBeforeDestroy', stepper);
     delete stepper.$el[0].f7Stepper;
     stepper.detachEvents();
     deleteProps(stepper);
     stepper = null;
-  };
+  }
 
-  return Stepper;
-}(Framework7Class);
+}
 
 export default Stepper;