framework7 7.0.0-beta.2 → 7.0.0-beta.20

package/modules/router/modal.js

@@ -1,8 +1,12 @@
-import { extend, nextTick } from '../../shared/utils';
-import History from '../../shared/history';
-import asyncComponent from './async-component';
+import { extend, nextTick } from '../../shared/utils.js';
+import History from '../../shared/history.js';
+import asyncComponent from './async-component.js';
+
+function modalLoad(modalType, route, loadOptions, direction) {
+  if (loadOptions === void 0) {
+    loadOptions = {};
+  }
 
-function modalLoad(modalType, route, loadOptions = {}, direction) {
   const router = this;
   const app = router.app;
   const isPanel = modalType === 'panel';

package/modules/router/navigate.js

@@ -1,11 +1,11 @@
 import { getDocument } from 'ssr-window';
-import $ from '../../shared/dom7';
-import { extend, parseUrlQuery } from '../../shared/utils';
-import History from '../../shared/history';
-import redirect from './redirect';
-import processRouteQueue from './process-route-queue';
-import appRouterCheck from './app-router-check';
-import asyncComponent from './async-component';
+import $ from '../../shared/dom7.js';
+import { extend, parseUrlQuery } from '../../shared/utils.js';
+import History from '../../shared/history.js';
+import redirect from './redirect.js';
+import processRouteQueue from './process-route-queue.js';
+import appRouterCheck from './app-router-check.js';
+import asyncComponent from './async-component.js';
 
 function refreshPage() {
   const router = this;
@@ -16,7 +16,11 @@ function refreshPage() {
   });
 }
 
-function forward(router, el, forwardOptions = {}) {
+function forward(router, el, forwardOptions) {
+  if (forwardOptions === void 0) {
+    forwardOptions = {};
+  }
+
   const document = getDocument();
   const $el = $(el);
   const app = router.app;
@@ -615,7 +619,15 @@ function forward(router, el, forwardOptions = {}) {
   return router;
 }
 
-function load(router, loadParams = {}, loadOptions = {}, ignorePageChange) {
+function load(router, loadParams, loadOptions, ignorePageChange) {
+  if (loadParams === void 0) {
+    loadParams = {};
+  }
+
+  if (loadOptions === void 0) {
+    loadOptions = {};
+  }
+
   if (!router.allowPageChange && !ignorePageChange) return router;
   const params = loadParams;
   const options = loadOptions;
@@ -730,53 +742,11 @@ function load(router, loadParams = {}, loadOptions = {}, ignorePageChange) {
   return router;
 }
 
-function openIn(router, url, options) {
-  const navigateOptions = {
-    url,
-    route: {
-      path: url,
-      options: { ...options,
-        openIn: undefined
-      }
-    }
-  };
-  const params = { ...options
-  };
-
-  if (options.openIn === 'popup') {
-    params.content = `<div class="popup popup-router-open-in" data-url="${url}"><div class="view view-init" data-links-view="${router.view.selector}" data-url="${url}" data-ignore-open-in="true"></div></div>`;
-    navigateOptions.route.popup = params;
+function navigate(navigateParams, navigateOptions) {
+  if (navigateOptions === void 0) {
+    navigateOptions = {};
   }
 
-  if (options.openIn === 'loginScreen') {
-    params.content = `<div class="login-screen login-screen-router-open-in" data-url="${url}"><div class="view view-init" data-links-view="${router.view.selector}" data-url="${url}" data-ignore-open-in="true"></div></div>`;
-    navigateOptions.route.loginScreen = params;
-  }
-
-  if (options.openIn === 'sheet') {
-    params.content = `<div class="sheet-modal sheet-modal-router-open-in" data-url="${url}"><div class="sheet-modal-inner"><div class="view view-init" data-links-view="${router.view.selector}" data-url="${url}" data-ignore-open-in="true"></div></div></div>`;
-    navigateOptions.route.sheet = params;
-  }
-
-  if (options.openIn === 'popover') {
-    params.targetEl = options.clickedEl || options.targetEl;
-    params.content = `<div class="popover popover-router-open-in" data-url="${url}"><div class="popover-inner"><div class="view view-init" data-links-view="${router.view.selector}" data-url="${url}" data-ignore-open-in="true"></div></div></div>`;
-    navigateOptions.route.popover = params;
-  }
-
-  if (options.openIn.indexOf('panel') >= 0) {
-    const parts = options.openIn.split(':');
-    const side = parts[1] || 'left';
-    const effect = parts[2] || 'cover';
-    params.targetEl = options.clickedEl || options.targetEl;
-    params.content = `<div class="panel panel-router-open-in panel-${side} panel-${effect}" data-url="${url}"><div class="view view-init" data-links-view="${router.view.selector}" data-url="${url}" data-ignore-open-in="true"></div></div>`;
-    navigateOptions.route.panel = params;
-  }
-
-  return router.navigate(navigateOptions);
-}
-
-function navigate(navigateParams, navigateOptions = {}) {
   const router = this;
   if (router.swipeBackActive) return router;
   let url;
@@ -865,7 +835,7 @@ function navigate(navigateParams, navigateOptions = {}) {
   }
 
   if (options.openIn && (!router.params.ignoreOpenIn || router.params.ignoreOpenIn && router.history.length > 0)) {
-    return openIn(router, navigateUrl, options);
+    return router.openIn(router, navigateUrl, options);
   }
 
   options.route = route;

package/modules/router/redirect.js

@@ -1,4 +1,4 @@
-import { extend } from '../../shared/utils';
+import { extend } from '../../shared/utils.js';
 export default function redirect(direction, route, options) {
   const router = this;
   const r = route.route.redirect;
@@ -10,7 +10,11 @@ export default function redirect(direction, route, options) {
     options.history = true; // eslint-disable-line
   }
 
-  function redirectResolve(redirectUrl, redirectOptions = {}) {
+  function redirectResolve(redirectUrl, redirectOptions) {
+    if (redirectOptions === void 0) {
+      redirectOptions = {};
+    }
+
     router.allowPageChange = true;
     router[method](redirectUrl, extend({}, options, redirectOptions));
   }

package/modules/router/router-class.js

@@ -1,16 +1,16 @@
 import { getWindow, getDocument } from 'ssr-window';
 import { pathToRegexp, compile } from 'path-to-regexp';
-import $ from '../../shared/dom7';
-import Framework7Class from '../../shared/class';
-import { extend, nextFrame, parseUrlQuery, serializeObject, now, eventNameToColonCase } from '../../shared/utils';
-import History from '../../shared/history';
-import SwipeBack from './swipe-back';
-import { refreshPage, navigate } from './navigate';
-import { tabLoad, tabRemove } from './tab';
-import { modalLoad, modalRemove } from './modal';
-import { back } from './back';
-import { clearPreviousHistory } from './clear-previous-history';
-import appRouterCheck from './app-router-check';
+import $ from '../../shared/dom7.js';
+import Framework7Class from '../../shared/class.js';
+import { extend, nextFrame, parseUrlQuery, serializeObject, now, eventNameToColonCase } from '../../shared/utils.js';
+import History from '../../shared/history.js';
+import SwipeBack from './swipe-back.js';
+import { refreshPage, navigate } from './navigate.js';
+import { tabLoad, tabRemove } from './tab.js';
+import { modalLoad, modalRemove } from './modal.js';
+import { back } from './back.js';
+import { clearPreviousHistory } from './clear-previous-history.js';
+import appRouterCheck from './app-router-check.js';
 
 class Router extends Framework7Class {
   constructor(app, view) {
@@ -56,7 +56,11 @@ class Router extends Framework7Class {
       enumerable: true,
       configurable: true,
 
-      set(newRoute = {}) {
+      set(newRoute) {
+        if (newRoute === void 0) {
+          newRoute = {};
+        }
+
         previousRoute = extend({}, currentRoute);
         currentRoute = newRoute;
         if (!currentRoute) return;
@@ -461,7 +465,11 @@ class Router extends Framework7Class {
     return undefined;
   }
 
-  flattenRoutes(routes = this.routes) {
+  flattenRoutes(routes) {
+    if (routes === void 0) {
+      routes = this.routes;
+    }
+
     const router = this;
     let flattenedRoutes = [];
     routes.forEach(route => {
@@ -529,7 +537,11 @@ class Router extends Framework7Class {
     };
   }
 
-  generateUrl(parameters = {}) {
+  generateUrl(parameters) {
+    if (parameters === void 0) {
+      parameters = {};
+    }
+
     if (typeof parameters === 'string') {
       return parameters;
     }
@@ -569,10 +581,11 @@ class Router extends Framework7Class {
   } // eslint-disable-next-line
 
 
-  constructRouteUrl(route, {
-    params,
-    query
-  } = {}) {
+  constructRouteUrl(route, _temp) {
+    let {
+      params,
+      query
+    } = _temp === void 0 ? {} : _temp;
     const {
       path
     } = route;
@@ -693,7 +706,15 @@ class Router extends Framework7Class {
   } // eslint-disable-next-line
 
 
-  replaceRequestUrlParams(url = '', options = {}) {
+  replaceRequestUrlParams(url, options) {
+    if (url === void 0) {
+      url = '';
+    }
+
+    if (options === void 0) {
+      options = {};
+    }
+
     let compiledUrl = url;
 
     if (typeof compiledUrl === 'string' && compiledUrl.indexOf('{{') >= 0 && options && options.route && options.route.params && Object.keys(options.route.params).length) {
@@ -856,7 +877,11 @@ class Router extends Framework7Class {
     $(el).find(toRemove).remove();
   }
 
-  getPageData(pageEl, navbarEl, from, to, route = {}, pageFromEl) {
+  getPageData(pageEl, navbarEl, from, to, route, pageFromEl) {
+    if (route === void 0) {
+      route = {};
+    }
+
     const router = this;
     const $pageEl = $(pageEl).eq(0);
     const $navbarEl = $(navbarEl).eq(0);
@@ -903,7 +928,11 @@ class Router extends Framework7Class {
   } // Callbacks
 
 
-  pageCallback(callback, pageEl, navbarEl, from, to, options = {}, pageFromEl) {
+  pageCallback(callback, pageEl, navbarEl, from, to, options, pageFromEl) {
+    if (options === void 0) {
+      options = {};
+    }
+
     if (!pageEl) return;
     const router = this;
     const $pageEl = $(pageEl);

package/modules/router/router.js

@@ -1,4 +1,4 @@
-import Router from './router-class';
+import Router from './router-class.js';
 export default {
   name: 'router',
   static: {

package/modules/router/swipe-back.js

@@ -1,8 +1,8 @@
-import $ from '../../shared/dom7';
-import History from '../../shared/history';
-import { getSupport } from '../../shared/get-support';
-import { getDevice } from '../../shared/get-device';
-import { now } from '../../shared/utils';
+import $ from '../../shared/dom7.js';
+import History from '../../shared/history.js';
+import { getSupport } from '../../shared/get-support.js';
+import { getDevice } from '../../shared/get-device.js';
+import { now } from '../../shared/utils.js';
 
 function SwipeBack(r) {
   const router = r;
@@ -287,12 +287,13 @@ function SwipeBack(r) {
     return els;
   }
 
-  function setAnimatableNavElements({
-    progress,
-    reset,
-    transition,
-    reflow
-  } = {}) {
+  function setAnimatableNavElements(_temp) {
+    let {
+      progress,
+      reset,
+      transition,
+      reflow
+    } = _temp === void 0 ? {} : _temp;
     const styles = ['overflow', 'transform', 'transform-origin', 'opacity'];
 
     if (transition === true || transition === false) {

package/modules/router/tab.js

@@ -1,9 +1,13 @@
-import $ from '../../shared/dom7';
-import { extend } from '../../shared/utils';
-import History from '../../shared/history';
-import asyncComponent from './async-component';
+import $ from '../../shared/dom7.js';
+import { extend } from '../../shared/utils.js';
+import History from '../../shared/history.js';
+import asyncComponent from './async-component.js';
+
+function tabLoad(tabRoute, loadOptions) {
+  if (loadOptions === void 0) {
+    loadOptions = {};
+  }
 
-function tabLoad(tabRoute, loadOptions = {}) {
   const router = this;
   const options = extend({
     animate: router.params.animate,
@@ -33,7 +37,7 @@ function tabLoad(tabRoute, loadOptions = {}) {
 
 
     if (router.params.browserHistory && options.browserHistory && !options.reloadPrevious) {
-      History.replace(router.view.id, {
+      History[router.params.browserHistoryTabs](router.view.id, {
         url: options.route.url
       }, (router.params.browserHistoryRoot || '') + router.params.browserHistorySeparator + options.route.url);
     } // Update Router History

package/modules/service-worker/service-worker.js

@@ -1,5 +1,5 @@
 import { getWindow } from 'ssr-window';
-import { extend } from '../../shared/utils';
+import { extend } from '../../shared/utils.js';
 const SW = {
   registrations: [],
 

package/modules/store/create-store.js

@@ -1,7 +1,11 @@
 /* eslint-disable no-underscore-dangle */
-import { extend } from '../../shared/utils';
+import { extend } from '../../shared/utils.js';
+
+function createStore(storeParams) {
+  if (storeParams === void 0) {
+    storeParams = {};
+  }
 
-function createStore(storeParams = {}) {
   const store = {
     __store: true
   };
@@ -67,7 +71,11 @@ function createStore(storeParams = {}) {
     removeGetterCallback(callback);
   };
 
-  const getterValue = (getterKey, addCallback = true) => {
+  const getterValue = function (getterKey, addCallback) {
+    if (addCallback === void 0) {
+      addCallback = true;
+    }
+
     if (getterKey === 'constructor') return undefined;
     propsQueue = [];
     const value = getGetterValue(getterKey);

package/modules/store/store.js

@@ -1,4 +1,4 @@
-import createStore from './create-store';
+import createStore from './create-store.js';
 export { createStore };
 export default {
   name: 'store',

package/modules/support/support.js

@@ -1,4 +1,4 @@
-import { getSupport } from '../../shared/get-support';
+import { getSupport } from '../../shared/get-support.js';
 export default {
   name: 'support',
   static: {

package/modules/touch/touch.js

@@ -1,9 +1,9 @@
 /* eslint-disable no-nested-ternary */
 import { getWindow, getDocument } from 'ssr-window';
-import $ from '../../shared/dom7';
-import { getSupport } from '../../shared/get-support';
-import { getDevice } from '../../shared/get-device';
-import { extend } from '../../shared/utils';
+import $ from '../../shared/dom7.js';
+import { getSupport } from '../../shared/get-support.js';
+import { getDevice } from '../../shared/get-device.js';
+import { extend } from '../../shared/utils.js';
 
 function initTouch() {
   const app = this;

package/modules/utils/utils.js

@@ -1,4 +1,4 @@
-import * as utils from '../../shared/utils';
+import * as utils from '../../shared/utils.js';
 export default {
   name: 'utils',
   proto: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "framework7",
-  "version": "7.0.0-beta.2",
+  "version": "7.0.0-beta.20",
   "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

@@ -1,8 +1,16 @@
-import { extend, now } from './utils';
-import EventsClass from './events-class';
+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';
-export default function ConstructorMethods(parameters = {}) {
+import $ from './dom7.js';
+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);