framework7 7.0.0-beta.6 → 7.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "framework7",
-  "version": "7.0.0-beta.6",
+  "version": "7.0.0",
   "description": "Full featured mobile HTML framework for building iOS & Android apps",
   "type": "module",
   "exports": {
@@ -16,6 +16,7 @@
     "./css/bundle": "./framework7-bundle.css",
     "./css/bundle/rtl": "./framework7-bundle-rtl.css",
     "./types": "./framework7-types.d.ts",
+    "./shared/*": "./shared/*",
     "./components/appbar": "./components/appbar/appbar.js",
     "./components/appbar/less": "./components/appbar/appbar.less",
     "./components/appbar/css": "./components/appbar/appbar.css",
@@ -235,7 +236,11 @@
     "./components/typography": "./components/typography/typography.js",
     "./components/typography/less": "./components/typography/typography.less",
     "./components/typography/css": "./components/typography/typography.css",
-    "./components/typography/css/rtl": "./components/typography/typography-rtl.css"
+    "./components/typography/css/rtl": "./components/typography/typography-rtl.css",
+    "./components/breadcrumbs": "./components/breadcrumbs/breadcrumbs.js",
+    "./components/breadcrumbs/less": "./components/breadcrumbs/breadcrumbs.less",
+    "./components/breadcrumbs/css": "./components/breadcrumbs/breadcrumbs.css",
+    "./components/breadcrumbs/css/rtl": "./components/breadcrumbs/breadcrumbs-rtl.css"
   },
   "typings": "framework7.d.ts",
   "typesVersions": {
@@ -270,6 +275,7 @@
     "ipad",
     "apple",
     "phonegap",
+    "capacitor",
     "native",
     "touch",
     "appstore",
@@ -291,11 +297,11 @@
     "url": "https://www.patreon.com/framework7"
   },
   "dependencies": {
-    "dom7": "^4.0.0",
+    "dom7": "^4.0.4",
     "htm": "^3.1.0",
     "path-to-regexp": "^6.2.0",
-    "skeleton-elements": "^4.0.0-beta.2",
-    "ssr-window": "^4.0.0",
-    "swiper": "^7.0.8"
+    "skeleton-elements": "^4.0.0",
+    "ssr-window": "^4.0.2",
+    "swiper": "^8.1.0"
   }
 }

package/shared/$jsx.js

@@ -1,6 +1,11 @@
 /* eslint-disable prefer-rest-params */
-const $jsx = (tag, props, ...args) => {
+const $jsx = function (tag, props) {
   const attrs = props || {};
+
+  for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+    args[_key - 2] = arguments[_key];
+  }
+
   const children = args || [];
   const attrsString = Object.keys(attrs).map(attr => {
     if (attr[0] === '_') {

package/shared/class.js

@@ -2,7 +2,15 @@ import { extend, now } from './utils.js';
 import EventsClass from './events-class.js';
 
 class Framework7Class extends EventsClass {
-  constructor(params = {}, parents = []) {
+  constructor(params, parents) {
+    if (params === void 0) {
+      params = {};
+    }
+
+    if (parents === void 0) {
+      parents = [];
+    }
+
     super(parents);
     const self = this;
     self.params = params;
@@ -41,7 +49,15 @@ class Framework7Class extends EventsClass {
     });
   }
 
-  useModule(moduleName = '', moduleParams = {}) {
+  useModule(moduleName, moduleParams) {
+    if (moduleName === void 0) {
+      moduleName = '';
+    }
+
+    if (moduleParams === void 0) {
+      moduleParams = {};
+    }
+
     const instance = this;
     if (!instance.modules) return;
     const module = typeof moduleName === 'string' ? instance.modules[moduleName] : moduleName;
@@ -85,7 +101,11 @@ class Framework7Class extends EventsClass {
     }
   }
 
-  useModules(modulesParams = {}) {
+  useModules(modulesParams) {
+    if (modulesParams === void 0) {
+      modulesParams = {};
+    }
+
     const instance = this;
     if (!instance.modules) return;
     Object.keys(instance.modules).forEach(moduleName => {
@@ -100,7 +120,7 @@ class Framework7Class extends EventsClass {
     Class.use(components);
   }
 
-  static installModule(module, ...params) {
+  static installModule(module) {
     const Class = this;
     if (!Class.prototype.modules) Class.prototype.modules = {};
     const name = module.name || `${Object.keys(Class.prototype.modules).length}_${now()}`;
@@ -121,13 +141,17 @@ class Framework7Class extends EventsClass {
 
 
     if (module.install) {
+      for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        params[_key - 1] = arguments[_key];
+      }
+
       module.install.apply(Class, params);
     }
 
     return Class;
   }
 
-  static use(module, ...params) {
+  static use(module) {
     const Class = this;
 
     if (Array.isArray(module)) {
@@ -135,6 +159,10 @@ class Framework7Class extends EventsClass {
       return Class;
     }
 
+    for (var _len2 = arguments.length, params = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+      params[_key2 - 1] = arguments[_key2];
+    }
+
     return Class.installModule(module, ...params);
   }
 

package/shared/constructor-methods.js

@@ -1,5 +1,9 @@
 import $ from './dom7.js';
-export default function ConstructorMethods(parameters = {}) {
+export default function ConstructorMethods(parameters) {
+  if (parameters === void 0) {
+    parameters = {};
+  }
+
   const {
     defaultSelector,
     constructor: Constructor,
@@ -8,12 +12,20 @@ export default function ConstructorMethods(parameters = {}) {
     addMethods
   } = parameters;
   const methods = {
-    create(...args) {
+    create() {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
       if (app) return new Constructor(app, ...args);
       return new Constructor(...args);
     },
 
-    get(el = defaultSelector) {
+    get(el) {
+      if (el === void 0) {
+        el = defaultSelector;
+      }
+
       if (el instanceof Constructor) return el;
       const $el = $(el);
       if ($el.length === 0) return undefined;
@@ -30,8 +42,17 @@ export default function ConstructorMethods(parameters = {}) {
 
   if (addMethods && Array.isArray(addMethods)) {
     addMethods.forEach(methodName => {
-      methods[methodName] = (el = defaultSelector, ...args) => {
+      methods[methodName] = function (el) {
+        if (el === void 0) {
+          el = defaultSelector;
+        }
+
         const instance = methods.get(el);
+
+        for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+          args[_key2 - 1] = arguments[_key2];
+        }
+
         if (instance && instance[methodName]) return instance[methodName](...args);
         return undefined;
       };

package/shared/events-class.js

@@ -1,5 +1,9 @@
 class EventsClass {
-  constructor(parents = []) {
+  constructor(parents) {
+    if (parents === void 0) {
+      parents = [];
+    }
+
     const self = this;
     self.eventsParents = parents;
     self.eventsListeners = {};
@@ -20,13 +24,17 @@ class EventsClass {
     const self = this;
     if (typeof handler !== 'function') return self;
 
-    function onceHandler(...args) {
+    function onceHandler() {
       self.off(events, onceHandler);
 
       if (onceHandler.f7proxy) {
         delete onceHandler.f7proxy;
       }
 
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
       handler.apply(self, args);
     }
 
@@ -51,7 +59,7 @@ class EventsClass {
     return self;
   }
 
-  emit(...args) {
+  emit() {
     const self = this;
     if (!self.eventsListeners) return self;
     let events;
@@ -59,6 +67,10 @@ class EventsClass {
     let context;
     let eventsParents;
 
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
     if (typeof args[0] === 'string' || Array.isArray(args[0])) {
       events = args[0];
       data = args.slice(1, args.length);

package/shared/get-device.d.ts

@@ -31,8 +31,6 @@ export interface Device {
   electron: boolean;
   /** true when app is running under NW.js environment */
   nwjs: boolean;
-  /** true when app running in cordova environment */
-  phonegap: boolean;
   /** true if app runs in web view - webapp installed to home screen */
   webView: boolean;
   /** true if app runs in web view - webapp installed to home screen */

package/shared/get-device.js

@@ -2,9 +2,10 @@ import { getWindow } from 'ssr-window';
 import { getSupport } from './get-support.js';
 let deviceCalculated;
 
-function calcDevice({
-  userAgent
-} = {}) {
+function calcDevice(_temp) {
+  let {
+    userAgent
+  } = _temp === void 0 ? {} : _temp;
   const support = getSupport();
   const window = getWindow();
   const platform = window.navigator.platform;
@@ -22,8 +23,7 @@ function calcDevice({
     firefox: false,
     macos: false,
     windows: false,
-    cordova: !!(window.cordova || window.phonegap),
-    phonegap: !!(window.cordova || window.phonegap),
+    cordova: !!window.cordova,
     electron: false,
     capacitor: !!window.Capacitor,
     nwjs: false
@@ -136,7 +136,11 @@ function calcDevice({
   return device;
 }
 
-function getDevice(overrides = {}, reset) {
+function getDevice(overrides, reset) {
+  if (overrides === void 0) {
+    overrides = {};
+  }
+
   if (!deviceCalculated || reset) {
     deviceCalculated = calcDevice(overrides);
   }

package/shared/modal-methods.js

@@ -1,7 +1,11 @@
 import $ from './dom7.js';
 import { extend } from './utils.js';
 import ConstructorMethods from './constructor-methods.js';
-export default function ModalMethods(parameters = {}) {
+export default function ModalMethods(parameters) {
+  if (parameters === void 0) {
+    parameters = {};
+  }
+
   const {
     defaultSelector,
     constructor: Constructor,
@@ -49,7 +53,11 @@ export default function ModalMethods(parameters = {}) {
       return instance.open(animate);
     },
 
-    close(el = defaultSelector, animate, targetEl) {
+    close(el, animate, targetEl) {
+      if (el === void 0) {
+        el = defaultSelector;
+      }
+
       let $el = $(el);
       if (!$el.length) return undefined;
 

package/shared/request.js

@@ -59,7 +59,7 @@ const request = requestOptions => new Promise((resolve, reject) => {
   } // Function to run XHR callbacks and events
 
 
-  function fireCallback(callbackName, ...data) {
+  function fireCallback(callbackName) {
     /*
     Callbacks:
     beforeCreate (options),
@@ -73,6 +73,10 @@ const request = requestOptions => new Promise((resolve, reject) => {
     let globalCallbackValue;
     let optionCallbackValue;
 
+    for (var _len = arguments.length, data = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      data[_key - 1] = arguments[_key];
+    }
+
     if (globals[callbackName]) {
       globalCallbackValue = globals[callbackName](...data);
     }
@@ -402,9 +406,13 @@ const request = requestOptions => new Promise((resolve, reject) => {
   xhr.send(postData);
 });
 
-function requestShortcut(method, ...args) {
+function requestShortcut(method) {
   let [url, data, success, error, dataType] = [];
 
+  for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+    args[_key2 - 1] = arguments[_key2];
+  }
+
   if (typeof args[1] === 'function') {
     [url, success, error, dataType] = args;
   } else {
@@ -440,11 +448,41 @@ function requestShortcut(method, ...args) {
 }
 
 Object.assign(request, {
-  get: (...args) => requestShortcut('get', ...args),
-  post: (...args) => requestShortcut('post', ...args),
-  json: (...args) => requestShortcut('json', ...args),
-  getJSON: (...args) => requestShortcut('json', ...args),
-  postJSON: (...args) => requestShortcut('postJSON', ...args)
+  get: function () {
+    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      args[_key3] = arguments[_key3];
+    }
+
+    return requestShortcut('get', ...args);
+  },
+  post: function () {
+    for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+      args[_key4] = arguments[_key4];
+    }
+
+    return requestShortcut('post', ...args);
+  },
+  json: function () {
+    for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+      args[_key5] = arguments[_key5];
+    }
+
+    return requestShortcut('json', ...args);
+  },
+  getJSON: function () {
+    for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
+      args[_key6] = arguments[_key6];
+    }
+
+    return requestShortcut('json', ...args);
+  },
+  postJSON: function () {
+    for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
+      args[_key7] = arguments[_key7];
+    }
+
+    return requestShortcut('postJSON', ...args);
+  }
 });
 
 request.abortController = () => {

package/shared/utils.js

@@ -4,7 +4,15 @@ export function uniqueNumber() {
   uniqueNum += 1;
   return uniqueNum;
 }
-export function id(mask = 'xxxxxxxxxx', map = '0123456789abcdef') {
+export function id(mask, map) {
+  if (mask === void 0) {
+    mask = 'xxxxxxxxxx';
+  }
+
+  if (map === void 0) {
+    map = '0123456789abcdef';
+  }
+
   const length = map.length;
   return mask.replace(/x/g, () => map[Math.floor(Math.random() * length)]);
 }
@@ -58,7 +66,11 @@ export function cancelAnimationFrame(frameId) {
   const window = getWindow();
   return window.cancelAnimationFrame(frameId);
 }
-export function nextTick(callback, delay = 0) {
+export function nextTick(callback, delay) {
+  if (delay === void 0) {
+    delay = 0;
+  }
+
   return setTimeout(callback, delay);
 }
 export function nextFrame(callback) {
@@ -91,7 +103,11 @@ export function parseUrlQuery(url) {
 
   return query;
 }
-export function getTranslate(el, axis = 'x') {
+export function getTranslate(el, axis) {
+  if (axis === void 0) {
+    axis = 'x';
+  }
+
   const window = getWindow();
   let matrix;
   let curTransform;
@@ -117,19 +133,23 @@ export function getTranslate(el, axis = 'x') {
     // Latest Chrome and webkits Fix
     if (window.WebKitCSSMatrix) curTransform = transformMatrix.m41; // Crazy IE10 Matrix
     else if (matrix.length === 16) curTransform = parseFloat(matrix[12]); // Normal Browsers
-      else curTransform = parseFloat(matrix[4]);
+    else curTransform = parseFloat(matrix[4]);
   }
 
   if (axis === 'y') {
     // Latest Chrome and webkits Fix
     if (window.WebKitCSSMatrix) curTransform = transformMatrix.m42; // Crazy IE10 Matrix
     else if (matrix.length === 16) curTransform = parseFloat(matrix[13]); // Normal Browsers
-      else curTransform = parseFloat(matrix[5]);
+    else curTransform = parseFloat(matrix[5]);
   }
 
   return curTransform || 0;
 }
-export function serializeObject(obj, parents = []) {
+export function serializeObject(obj, parents) {
+  if (parents === void 0) {
+    parents = [];
+  }
+
   if (typeof obj === 'string') return obj;
   const resultArray = [];
   const separator = '&';
@@ -189,7 +209,11 @@ export function serializeObject(obj, parents = []) {
 export function isObject(o) {
   return typeof o === 'object' && o !== null && o.constructor && o.constructor === Object;
 }
-export function merge(...args) {
+export function merge() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+
   const to = args[0];
   args.splice(0, 1);
   const from = args;
@@ -213,11 +237,15 @@ export function merge(...args) {
 
   return to;
 }
-export function extend(...args) {
+export function extend() {
   let deep = true;
   let to;
   let from;
 
+  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    args[_key2] = arguments[_key2];
+  }
+
   if (typeof args[0] === 'boolean') {
     deep = args[0];
     to = args[1];
@@ -330,10 +358,14 @@ export function colorHslToHsb(h, s, l) {
   HSB.s = HSL.l > 0 ? 2 * t / HSB.b : HSB.s;
   return [HSB.h, HSB.s, HSB.b];
 }
-export function colorThemeCSSProperties(...args) {
+export function colorThemeCSSProperties() {
   let hex;
   let rgb;
 
+  for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+    args[_key3] = arguments[_key3];
+  }
+
   if (args.length === 1) {
     hex = args[0];
     rgb = colorHexToRgb(hex);
@@ -368,8 +400,13 @@ export function bindMethods(instance, obj) {
     instance[key] = obj[key];
   });
 }
-export function flattenArray(...args) {
+export function flattenArray() {
   const arr = [];
+
+  for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+    args[_key4] = arguments[_key4];
+  }
+
   args.forEach(arg => {
     if (Array.isArray(arg)) arr.push(...flattenArray(...arg));else arr.push(arg);
   });