framework7 7.0.8 → 8.0.0-beta.1

package/shared/class.js

@@ -1,28 +1,24 @@
 import { extend, now } from './utils.js';
 import EventsClass from './events-class.js';
-
 class Framework7Class extends EventsClass {
   constructor(params, parents) {
     if (params === void 0) {
       params = {};
     }
-
     if (parents === void 0) {
       parents = [];
     }
-
     super(parents);
     const self = this;
     self.params = params;
-
     if (self.params && self.params.on) {
       Object.keys(self.params.on).forEach(eventName => {
         self.on(eventName, self.params.on[eventName]);
       });
     }
-  } // eslint-disable-next-line
-
+  }
 
+  // eslint-disable-next-line
   useModuleParams(module, instanceParams) {
     if (module.params) {
       const originalParams = {};
@@ -36,53 +32,47 @@ class Framework7Class extends EventsClass {
       });
     }
   }
-
   useModulesParams(instanceParams) {
     const instance = this;
     if (!instance.modules) return;
     Object.keys(instance.modules).forEach(moduleName => {
-      const module = instance.modules[moduleName]; // Extend params
-
+      const module = instance.modules[moduleName];
+      // Extend params
       if (module.params) {
         extend(instanceParams, module.params);
       }
     });
   }
-
   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;
-    if (!module) return; // Extend instance methods and props
+    if (!module) return;
 
+    // Extend instance methods and props
     if (module.instance) {
       Object.keys(module.instance).forEach(modulePropName => {
         const moduleProp = module.instance[modulePropName];
-
         if (typeof moduleProp === 'function') {
           instance[modulePropName] = moduleProp.bind(instance);
         } else {
           instance[modulePropName] = moduleProp;
         }
       });
-    } // Add event listeners
-
-
+    }
+    // Add event listeners
     if (module.on && instance.on) {
       Object.keys(module.on).forEach(moduleEventName => {
         instance.on(moduleEventName, module.on[moduleEventName]);
       });
-    } // Add vnode hooks
-
-
+    }
+    // Add vnode hooks
     if (module.vnode) {
       if (!instance.vnodeHooks) instance.vnodeHooks = {};
       Object.keys(module.vnode).forEach(vnodeId => {
@@ -93,19 +83,16 @@ class Framework7Class extends EventsClass {
           instance.vnodeHooks[hookName][vnodeId].push(handler.bind(instance));
         });
       });
-    } // Module create callback
-
-
+    }
+    // Module create callback
     if (module.create) {
       module.create.bind(instance)(moduleParams);
     }
   }
-
   useModules(modulesParams) {
     if (modulesParams === void 0) {
       modulesParams = {};
     }
-
     const instance = this;
     if (!instance.modules) return;
     Object.keys(instance.modules).forEach(moduleName => {
@@ -113,59 +100,47 @@ class Framework7Class extends EventsClass {
       instance.useModule(moduleName, moduleParams);
     });
   }
-
   static set components(components) {
     const Class = this;
     if (!Class.use) return;
     Class.use(components);
   }
-
   static installModule(module) {
     const Class = this;
     if (!Class.prototype.modules) Class.prototype.modules = {};
     const name = module.name || `${Object.keys(Class.prototype.modules).length}_${now()}`;
-    Class.prototype.modules[name] = module; // Prototype
-
+    Class.prototype.modules[name] = module;
+    // Prototype
     if (module.proto) {
       Object.keys(module.proto).forEach(key => {
         Class.prototype[key] = module.proto[key];
       });
-    } // Class
-
-
+    }
+    // Class
     if (module.static) {
       Object.keys(module.static).forEach(key => {
         Class[key] = module.static[key];
       });
-    } // Callback
-
-
+    }
+    // Callback
     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) {
     const Class = this;
-
     if (Array.isArray(module)) {
       module.forEach(m => Class.installModule(m));
       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);
   }
-
 }
-
 export default Framework7Class;

package/shared/constructor-methods.js

@@ -3,7 +3,6 @@ export default function ConstructorMethods(parameters) {
   if (parameters === void 0) {
     parameters = {};
   }
-
   const {
     defaultSelector,
     constructor: Constructor,
@@ -16,48 +15,38 @@ export default function ConstructorMethods(parameters) {
       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) {
       if (el === void 0) {
         el = defaultSelector;
       }
-
       if (el instanceof Constructor) return el;
       const $el = $(el);
       if ($el.length === 0) return undefined;
       return $el[0][domProp];
     },
-
     destroy(el) {
       const instance = methods.get(el);
       if (instance && instance.destroy) return instance.destroy();
       return undefined;
     }
-
   };
-
   if (addMethods && Array.isArray(addMethods)) {
     addMethods.forEach(methodName => {
       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;
       };
     });
   }
-
   return methods;
 }

package/shared/events-class.js

@@ -3,12 +3,10 @@ class EventsClass {
     if (parents === void 0) {
       parents = [];
     }
-
     const self = this;
     self.eventsParents = parents;
     self.eventsListeners = {};
   }
-
   on(events, handler, priority) {
     const self = this;
     if (typeof handler !== 'function') return self;
@@ -19,29 +17,22 @@ class EventsClass {
     });
     return self;
   }
-
   once(events, handler, priority) {
     const self = this;
     if (typeof handler !== 'function') return self;
-
     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);
     }
-
     onceHandler.f7proxy = handler;
     return self.on(events, onceHandler, priority);
   }
-
   off(events, handler) {
     const self = this;
     if (!self.eventsListeners) return self;
@@ -58,7 +49,6 @@ class EventsClass {
     });
     return self;
   }
-
   emit() {
     const self = this;
     if (!self.eventsListeners) return self;
@@ -66,11 +56,9 @@ class EventsClass {
     let data;
     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);
@@ -82,7 +70,6 @@ class EventsClass {
       context = args[0].context || self;
       eventsParents = args[0].local ? [] : args[0].parents || self.eventsParents;
     }
-
     const eventsArray = Array.isArray(events) ? events : events.split(' ');
     const localEvents = eventsArray.map(eventName => eventName.replace('local::', ''));
     const parentEvents = eventsArray.filter(eventName => eventName.indexOf('local::') < 0);
@@ -97,16 +84,12 @@ class EventsClass {
         });
       }
     });
-
     if (eventsParents && eventsParents.length > 0) {
       eventsParents.forEach(eventsParent => {
         eventsParent.emit(parentEvents, ...data);
       });
     }
-
     return self;
   }
-
 }
-
 export default EventsClass;

package/shared/get-device.js

@@ -1,7 +1,6 @@
 import { getWindow } from 'ssr-window';
 import { getSupport } from './get-support.js';
 let deviceCalculated;
-
 function calcDevice(_temp) {
   let {
     userAgent
@@ -31,7 +30,6 @@ function calcDevice(_temp) {
   const screenWidth = window.screen.width;
   const screenHeight = window.screen.height;
   const android = ua.match(/(Android);?[\s\/]+([\d.]+)?/); // eslint-disable-line
-
   let ipad = ua.match(/(iPad).*OS\s([\d_]+)/);
   const ipod = ua.match(/(iPod)(.*OS\s([\d_]+))?/);
   const iphone = !ipad && ua.match(/(iPhone\sOS|iOS|iPhone;\sCPU\sOS)\s([\d_]+)/);
@@ -41,111 +39,97 @@ function calcDevice(_temp) {
   const windows = platform === 'Win32';
   const electron = ua.toLowerCase().indexOf('electron') >= 0;
   const nwjs = typeof nw !== 'undefined' && typeof process !== 'undefined' && typeof process.versions !== 'undefined' && typeof process.versions.nw !== 'undefined';
-  let macos = platform === 'MacIntel'; // iPadOs 13 fix
+  let macos = platform === 'MacIntel';
 
+  // iPadOs 13 fix
   const iPadScreens = ['1024x1366', '1366x1024', '834x1194', '1194x834', '834x1112', '1112x834', '768x1024', '1024x768', '820x1180', '1180x820', '810x1080', '1080x810'];
-
   if (!ipad && macos && support.touch && iPadScreens.indexOf(`${screenWidth}x${screenHeight}`) >= 0) {
     ipad = ua.match(/(Version)\/([\d.]+)/);
     if (!ipad) ipad = [0, 1, '13_0_0'];
     macos = false;
   }
-
   device.ie = ie;
   device.edge = edge;
-  device.firefox = firefox; // Android
+  device.firefox = firefox;
 
+  // Android
   if (android) {
     device.os = 'android';
     device.osVersion = android[2];
     device.android = true;
     device.androidChrome = ua.toLowerCase().indexOf('chrome') >= 0;
   }
-
   if (ipad || iphone || ipod) {
     device.os = 'ios';
     device.ios = true;
-  } // iOS
-
-
+  }
+  // iOS
   if (iphone && !ipod) {
     device.osVersion = iphone[2].replace(/_/g, '.');
     device.iphone = true;
   }
-
   if (ipad) {
     device.osVersion = ipad[2].replace(/_/g, '.');
     device.ipad = true;
   }
-
   if (ipod) {
     device.osVersion = ipod[3] ? ipod[3].replace(/_/g, '.') : null;
     device.ipod = true;
-  } // iOS 8+ changed UA
-
-
+  }
+  // iOS 8+ changed UA
   if (device.ios && device.osVersion && ua.indexOf('Version/') >= 0) {
     if (device.osVersion.split('.')[0] === '10') {
       device.osVersion = ua.toLowerCase().split('version/')[1].split(' ')[0];
     }
-  } // Webview
-
+  }
 
+  // Webview
   device.webView = !!((iphone || ipad || ipod) && (ua.match(/.*AppleWebKit(?!.*Safari)/i) || window.navigator.standalone)) || window.matchMedia && window.matchMedia('(display-mode: standalone)').matches;
   device.webview = device.webView;
-  device.standalone = device.webView; // Desktop
+  device.standalone = device.webView;
 
+  // Desktop
   device.desktop = !(device.ios || device.android) || electron || nwjs;
-
   if (device.desktop) {
     device.electron = electron;
     device.nwjs = nwjs;
     device.macos = macos;
     device.windows = windows;
-
     if (device.macos) {
       device.os = 'macos';
     }
-
     if (device.windows) {
       device.os = 'windows';
     }
-  } // Pixel Ratio
-
+  }
 
-  device.pixelRatio = window.devicePixelRatio || 1; // Color Scheme
+  // Pixel Ratio
+  device.pixelRatio = window.devicePixelRatio || 1;
 
+  // Color Scheme
   const DARK = '(prefers-color-scheme: dark)';
   const LIGHT = '(prefers-color-scheme: light)';
-
   device.prefersColorScheme = function prefersColorTheme() {
     let theme;
-
     if (window.matchMedia && window.matchMedia(LIGHT).matches) {
       theme = 'light';
     }
-
     if (window.matchMedia && window.matchMedia(DARK).matches) {
       theme = 'dark';
     }
-
     return theme;
-  }; // Export object
-
+  };
 
+  // Export object
   return device;
 }
-
 function getDevice(overrides, reset) {
   if (overrides === void 0) {
     overrides = {};
   }
-
   if (!deviceCalculated || reset) {
     deviceCalculated = calcDevice(overrides);
   }
-
   return deviceCalculated;
 }
-
 export { getDevice };

package/shared/get-support.js

@@ -1,6 +1,5 @@
 import { getWindow, getDocument } from 'ssr-window';
 let support;
-
 function calcSupport() {
   const window = getWindow();
   const document = getDocument();
@@ -9,19 +8,17 @@ function calcSupport() {
     pointerEvents: !!window.PointerEvent && 'maxTouchPoints' in window.navigator && window.navigator.maxTouchPoints >= 0,
     passiveListener: function checkPassiveListener() {
       let supportsPassive = false;
-
       try {
         const opts = Object.defineProperty({}, 'passive', {
           // eslint-disable-next-line
           get() {
             supportsPassive = true;
           }
-
         });
         window.addEventListener('testPassiveListener', null, opts);
-      } catch (e) {// No support
+      } catch (e) {
+        // No support
       }
-
       return supportsPassive;
     }(),
     intersectionObserver: function checkObserver() {
@@ -29,13 +26,10 @@ function calcSupport() {
     }()
   };
 }
-
 function getSupport() {
   if (!support) {
     support = calcSupport();
   }
-
   return support;
 }
-
 export { getSupport };

package/shared/history.js

@@ -3,15 +3,12 @@ import $ from './dom7.js';
 import { extend } from './utils.js';
 const History = {
   queue: [],
-
   clearQueue() {
     if (History.queue.length === 0) return;
     const currentQueue = History.queue.shift();
     currentQueue();
   },
-
   routerQueue: [],
-
   clearRouterQueue() {
     if (History.routerQueue.length === 0) return;
     const currentQueue = History.routerQueue.pop();
@@ -22,14 +19,12 @@ const History = {
     } = currentQueue;
     let animate = router.params.animate;
     if (router.params.browserHistoryAnimate === false) animate = false;
-
     if (action === 'back') {
       router.back({
         animate,
         browserHistory: false
       });
     }
-
     if (action === 'load') {
       router.navigate(stateUrl, {
         animate,
@@ -37,11 +32,10 @@ const History = {
       });
     }
   },
-
   handle(e) {
     if (History.blockPopstate) return;
-    const app = this; // const mainView = app.views.main;
-
+    const app = this;
+    // const mainView = app.views.main;
     let state = e.state;
     History.previousState = History.state;
     History.state = state;
@@ -52,18 +46,15 @@ const History = {
     app.views.forEach(view => {
       const router = view.router;
       let viewState = state[view.id];
-
       if (!viewState && view.params.browserHistory) {
         viewState = {
           url: view.router.history[0]
         };
       }
-
       if (!viewState) return;
       const stateUrl = viewState.url || undefined;
       let animate = router.params.animate;
       if (router.params.browserHistoryAnimate === false) animate = false;
-
       if (stateUrl !== router.url) {
         if (router.history.indexOf(stateUrl) >= 0) {
           // Go Back
@@ -94,7 +85,6 @@ const History = {
       }
     });
   },
-
   initViewState(viewId, viewState) {
     const window = getWindow();
     const newState = extend({}, History.state || {}, {
@@ -103,33 +93,26 @@ const History = {
     History.state = newState;
     window.history.replaceState(newState, '');
   },
-
   push(viewId, viewState, url) {
     const window = getWindow();
     const document = getDocument();
     /* eslint-disable no-param-reassign */
-
     if (url.substr(-3) === '#!/') {
       url = url.replace('#!/', '');
-
       if (url === '') {
         url = document.location.href;
-
         if (url.includes('#!/')) {
           url = document.location.href.split('#!/')[0];
         }
       }
     }
     /* eslint-enable no-param-reassign */
-
-
     if (!History.allowChange) {
       History.queue.push(() => {
         History.push(viewId, viewState, url);
       });
       return;
     }
-
     History.previousState = History.state;
     const newState = extend({}, History.previousState || {}, {
       [viewId]: viewState
@@ -137,22 +120,18 @@ const History = {
     History.state = newState;
     window.history.pushState(newState, '', url);
   },
-
   replace(viewId, viewState, url) {
     const window = getWindow();
-
     if (url.substr(-3) === '#!/') {
       // eslint-disable-next-line
       url = url.replace('#!/', '');
     }
-
     if (!History.allowChange) {
       History.queue.push(() => {
         History.replace(viewId, viewState, url);
       });
       return;
     }
-
     History.previousState = History.state;
     const newState = extend({}, History.previousState || {}, {
       [viewId]: viewState
@@ -160,24 +139,20 @@ const History = {
     History.state = newState;
     window.history.replaceState(newState, '', url);
   },
-
   go(index) {
     const window = getWindow();
     History.allowChange = false;
     window.history.go(index);
   },
-
   back() {
     const window = getWindow();
     History.allowChange = false;
     window.history.back();
   },
-
   allowChange: true,
   previousState: {},
   state: {},
   blockPopstate: true,
-
   init(app) {
     const window = getWindow();
     const document = getDocument();
@@ -187,13 +162,10 @@ const History = {
         History.blockPopstate = false;
       }, 0);
     });
-
     if (document.readyState && document.readyState === 'complete') {
       History.blockPopstate = false;
     }
-
     $(window).on('popstate', History.handle.bind(app));
   }
-
 };
 export default History;