framework7 7.0.0-beta.6 → 7.0.0

package/modules/component/$h.js

@@ -2,7 +2,11 @@ import htm from 'htm';
 import { flattenArray } from '../../shared/utils.js';
 const ignoreChildren = [false, null, '', undefined];
 
-const h = (type, props, ...children) => {
+const h = function (type, props) {
+  for (var _len = arguments.length, children = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+    children[_key - 2] = arguments[_key];
+  }
+
   return {
     type,
     props: props || {},

package/modules/component/$jsx.js

@@ -1,7 +1,11 @@
 import { flattenArray } from '../../shared/utils.js';
 const ignoreChildren = [false, null, '', undefined];
 
-const $jsx = (type, props, ...children) => {
+const $jsx = function (type, props) {
+  for (var _len = arguments.length, children = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+    children[_key - 2] = arguments[_key];
+  }
+
   const flatChildren = flattenArray((children || []).filter(child => ignoreChildren.indexOf(child) < 0));
 
   if (type === 'Fragment') {

package/modules/component/component-class.js

@@ -7,11 +7,16 @@ import vdom from './vdom.js';
 import patch from './patch.js';
 
 class Component {
-  constructor(app, component, props = {}, {
-    el,
-    context,
-    children
-  } = {}) {
+  constructor(app, component, props, _temp) {
+    if (props === void 0) {
+      props = {};
+    }
+
+    let {
+      el,
+      context,
+      children
+    } = _temp === void 0 ? {} : _temp;
     const document = getDocument();
     merge(this, {
       f7: app,
@@ -219,17 +224,19 @@ class Component {
     } = this;
     if (!this.__eventHandlers) return;
 
-    this.__eventHandlers.forEach(({
-      eventName,
-      handler
-    }) => {
+    this.__eventHandlers.forEach(_ref => {
+      let {
+        eventName,
+        handler
+      } = _ref;
       $el.on(eventNameToColonCase(eventName), handler);
     });
 
-    this.__onceEventHandlers.forEach(({
-      eventName,
-      handler
-    }) => {
+    this.__onceEventHandlers.forEach(_ref2 => {
+      let {
+        eventName,
+        handler
+      } = _ref2;
       $el.once(eventNameToColonCase(eventName), handler);
     });
   }
@@ -240,17 +247,19 @@ class Component {
     } = this;
     if (!this.__eventHandlers) return;
 
-    this.__eventHandlers.forEach(({
-      eventName,
-      handler
-    }) => {
+    this.__eventHandlers.forEach(_ref3 => {
+      let {
+        eventName,
+        handler
+      } = _ref3;
       $el.on(eventNameToColonCase(eventName), handler);
     });
 
-    this.__onceEventHandlers.forEach(({
-      eventName,
-      handler
-    }) => {
+    this.__onceEventHandlers.forEach(_ref4 => {
+      let {
+        eventName,
+        handler
+      } = _ref4;
       $el.once(eventNameToColonCase(eventName), handler);
     });
   }
@@ -370,7 +379,11 @@ class Component {
     this.__destroyed = true;
   }
 
-  hook(name, ...args) {
+  hook(name) {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+
     if (this.__destroyed) return;
     this[`__${name}`].forEach(handler => {
       handler(...args);

package/modules/component/component.d.ts

@@ -46,9 +46,9 @@ export interface ComponentContext {
   /** Render function */
   $render: ComponentRender;
   /** Attach event handler to component root DOM element */
-  $on: (eventName, handler: () => void) => void;
+  $on: (eventName: string, handler: () => void) => void;
   /** Attach event handler to component root DOM element that will be executed only once */
-  $once: (eventName, handler: () => void) => void;
+  $once: (eventName: string, handler: () => void) => void;
   /** Hook called right before component will be added to DOM */
   $onBeforeMount: (callback: () => void) => void;
   /** Hook called right after component has been added to DOM */

package/modules/component/component.js

@@ -30,12 +30,13 @@ export default {
         return parseComponent(componentString);
       },
 
-      create(component, props, {
-        root,
-        el,
-        context,
-        children
-      }) {
+      create(component, props, _ref) {
+        let {
+          root,
+          el,
+          context,
+          children
+        } = _ref;
         return new Component(app, component, props, {
           root,
           el,

package/modules/component/eventslisteners.js

@@ -17,7 +17,11 @@ function handleEvent(event, args, vnode) {
 }
 
 function createListener() {
-  return function handler(event, ...args) {
+  return function handler(event) {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+
     handleEvent(event, args, handler.vnode);
   };
 }

package/modules/component/snabbdom/h.js

@@ -1,5 +1,5 @@
 import { vnode } from './vnode.js';
-import * as is from './is';
+import * as is from './is.js';
 
 function addNS(data, children, sel) {
   data.ns = 'http://www.w3.org/2000/svg';

package/modules/component/vdom.js

@@ -19,9 +19,18 @@ const toCamelCase = name => {
   }).join('');
 };
 
-const propsFromAttrs = (...args) => {
+const propsFromAttrs = function () {
   const context = {};
-  args.forEach((obj = {}) => {
+
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+
+  args.forEach(function (obj) {
+    if (obj === void 0) {
+      obj = {};
+    }
+
     Object.keys(obj).forEach(key => {
       context[toCamelCase(key)] = obj[key];
     });
@@ -29,12 +38,13 @@ const propsFromAttrs = (...args) => {
   return context;
 };
 
-const createCustomComponent = ({
-  f7,
-  treeNode,
-  vnode,
-  data
-}) => {
+const createCustomComponent = _ref => {
+  let {
+    f7,
+    treeNode,
+    vnode,
+    data
+  } = _ref;
   const component = typeof treeNode.type === 'function' ? treeNode.type : customComponents[treeNode.type];
   f7.component.create(component, propsFromAttrs(data.attrs || {}, data.props || {}), {
     el: vnode.elm,
@@ -178,20 +188,21 @@ function getHooks(treeNode, data, f7, initial, isRoot) {
   return hooks;
 }
 
-const getEventHandler = (eventHandler, {
-  stop,
-  prevent,
-  once
-} = {}) => {
+const getEventHandler = function (eventHandler, _temp) {
+  let {
+    stop,
+    prevent,
+    once
+  } = _temp === void 0 ? {} : _temp;
   let fired = false;
 
-  function handler(...args) {
-    const e = args[0];
+  function handler() {
+    const e = arguments.length <= 0 ? undefined : arguments[0];
     if (once && fired) return;
     if (stop) e.stopPropagation();
     if (prevent) e.preventDefault();
     fired = true;
-    eventHandler(...args);
+    eventHandler(...arguments);
   }
 
   return handler;
@@ -357,6 +368,10 @@ const treeNodeToVNode = (treeNode, component, f7, initial, isRoot) => {
   return h(getTagName(treeNode), data, children);
 };
 
-export default function vdom(tree = {}, component, initial) {
+export default function vdom(tree, component, initial) {
+  if (tree === void 0) {
+    tree = {};
+  }
+
   return treeNodeToVNode(tree, component, component.f7, initial, true);
 }

package/modules/device/device.js

@@ -31,7 +31,7 @@ export default {
         }
       }
 
-      if (device.cordova || device.phonegap) {
+      if (device.cordova) {
         classNames.push('device-cordova');
       }
 

package/modules/router/back.js

@@ -14,7 +14,7 @@ function backward(router, el, backwardOptions) {
   const $el = $(el);
   const app = router.app;
   const view = router.view;
-  const options = extend({
+  const options = extend(false, {
     animate: router.params.animate,
     browserHistory: true,
     replaceState: false
@@ -558,7 +558,7 @@ function loadBack(router, backParams, backOptions, ignorePageChange) {
   return router;
 }
 
-function back(...args) {
+function back() {
   const router = this;
   const device = getDevice();
   if (router.swipeBackActive) return router;
@@ -566,11 +566,11 @@ function back(...args) {
   let navigateOptions;
   let route;
 
-  if (typeof args[0] === 'object') {
-    navigateOptions = args[0] || {};
+  if (typeof (arguments.length <= 0 ? undefined : arguments[0]) === 'object') {
+    navigateOptions = (arguments.length <= 0 ? undefined : arguments[0]) || {};
   } else {
-    navigateUrl = args[0];
-    navigateOptions = args[1] || {};
+    navigateUrl = arguments.length <= 0 ? undefined : arguments[0];
+    navigateOptions = (arguments.length <= 1 ? undefined : arguments[1]) || {};
   }
 
   const {
@@ -722,6 +722,16 @@ function back(...args) {
     }
 
     const previousPageRoute = $previousPage[0].f7Page.route;
+
+    if (navigateOptions.preload && $previousPage.hasClass('stacked')) {
+      loadBack(router, {
+        el: $previousPage
+      }, extend(navigateOptions, {
+        route: previousPageRoute
+      }));
+      return router;
+    }
+
     processRouteQueue.call(router, previousPageRoute, router.currentRoute, () => {
       loadBack(router, {
         el: $previousPage

package/modules/router/component-loader.js

@@ -48,7 +48,11 @@ export default {
       return router.navigate(navigateOptions);
     },
 
-    componentLoader(component, componentUrl, options = {}, resolve, reject) {
+    componentLoader(component, componentUrl, options, resolve, reject) {
+      if (options === void 0) {
+        options = {};
+      }
+
       const router = this;
       const {
         app
@@ -131,41 +135,48 @@ export default {
       }
     },
 
-    modalComponentLoader({
-      component,
-      componentUrl,
-      options,
-      resolve,
-      reject
-    } = {}) {
+    modalComponentLoader(_temp) {
+      let {
+        component,
+        componentUrl,
+        options,
+        resolve,
+        reject
+      } = _temp === void 0 ? {} : _temp;
       const router = this;
       router.componentLoader(component, componentUrl, options, el => {
         resolve(el);
       }, reject);
     },
 
-    tabComponentLoader({
-      component,
-      componentUrl,
-      options,
-      resolve,
-      reject
-    } = {}) {
+    tabComponentLoader(_temp2) {
+      let {
+        component,
+        componentUrl,
+        options,
+        resolve,
+        reject
+      } = _temp2 === void 0 ? {} : _temp2;
       const router = this;
       router.componentLoader(component, componentUrl, options, el => {
         resolve(el);
       }, reject);
     },
 
-    pageComponentLoader({
-      component,
-      componentUrl,
-      options,
-      resolve,
-      reject
-    } = {}) {
+    pageComponentLoader(_temp3) {
+      let {
+        component,
+        componentUrl,
+        options,
+        resolve,
+        reject
+      } = _temp3 === void 0 ? {} : _temp3;
       const router = this;
-      router.componentLoader(component, componentUrl, options, (el, newOptions = {}) => {
+      router.componentLoader(component, componentUrl, options, function (el, newOptions) {
+        if (newOptions === void 0) {
+          newOptions = {};
+        }
+
         resolve(el, newOptions);
       }, reject);
     }

package/modules/router/modal.js

@@ -2,7 +2,11 @@ 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) {
+function modalLoad(modalType, route, loadOptions, direction) {
+  if (loadOptions === void 0) {
+    loadOptions = {};
+  }
+
   const router = this;
   const app = router.app;
   const isPanel = modalType === 'panel';

package/modules/router/navigate.js

@@ -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,7 +742,11 @@ function load(router, loadParams = {}, loadOptions = {}, ignorePageChange) {
   return router;
 }
 
-function navigate(navigateParams, navigateOptions = {}) {
+function navigate(navigateParams, navigateOptions) {
+  if (navigateOptions === void 0) {
+    navigateOptions = {};
+  }
+
   const router = this;
   if (router.swipeBackActive) return router;
   let url;

package/modules/router/redirect.js

@@ -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

@@ -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/swipe-back.js

@@ -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

@@ -3,7 +3,11 @@ import { extend } from '../../shared/utils.js';
 import History from '../../shared/history.js';
 import asyncComponent from './async-component.js';
 
-function tabLoad(tabRoute, loadOptions = {}) {
+function tabLoad(tabRoute, loadOptions) {
+  if (loadOptions === void 0) {
+    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/store/create-store.js

@@ -1,7 +1,11 @@
 /* eslint-disable no-underscore-dangle */
 import { extend } from '../../shared/utils.js';
 
-function createStore(storeParams = {}) {
+function createStore(storeParams) {
+  if (storeParams === void 0) {
+    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);