framework7-svelte 7.1.5 → 8.0.0-beta.2

package/shared/components-router.js

@@ -2,30 +2,24 @@
 import { app } from './f7.js';
 import { extend, getComponentId } from './utils.js';
 import { routerOpenIn } from './router-open-in.js';
-
 const getChildrenArray = el => {
   const arr = [];
-
   for (let i = 0; i < el.children.length; i += 1) {
     arr.push(el.children[i]);
   }
-
   return arr;
 };
-
 const hasSameChildren = (childrenBefore, childrenAfter) => {
   if (childrenBefore.length !== childrenAfter.length) return false;
   const set = new Set([...childrenBefore, ...childrenAfter]);
   if (set.size === childrenBefore.length) return true;
   return false;
 };
-
 export default {
   proto: {
     openIn(router, navigateUrl, options) {
       return routerOpenIn(router, navigateUrl, options);
     },
-
     pageComponentLoader(_ref) {
       let {
         routerEl,
@@ -43,12 +37,10 @@ export default {
           viewRouter = data;
         }
       });
-
       if (!viewRouter) {
         reject();
         return;
       }
-
       const pageData = {
         component,
         id: getComponentId(),
@@ -59,7 +51,6 @@ export default {
       };
       let resolved;
       const childrenBefore = getChildrenArray(el);
-
       function onDidUpdate(componentRouterData) {
         if (componentRouterData !== viewRouter || resolved) return;
         const childrenAfter = getChildrenArray(el);
@@ -70,23 +61,19 @@ export default {
         resolve(pageEl);
         resolved = true;
       }
-
       app.f7events.on('viewRouterDidUpdate', onDidUpdate);
       viewRouter.pages.push(pageData);
       viewRouter.setPages(viewRouter.pages);
     },
-
     removePage($pageEl) {
       if (!$pageEl) return;
       const router = this;
       let f7Page;
       if ('length' in $pageEl && $pageEl[0]) f7Page = $pageEl[0].f7Page;else f7Page = $pageEl.f7Page;
-
       if (f7Page && f7Page.route && f7Page.route.route && f7Page.route.route.keepAlive) {
         router.app.$($pageEl).remove();
         return;
       }
-
       let viewRouter;
       app.f7routers.views.forEach(data => {
         if (data.el && data.el === router.el) {
@@ -94,7 +81,6 @@ export default {
         }
       });
       let pageEl;
-
       if ('length' in $pageEl) {
         // Dom7
         if ($pageEl.length === 0) return;
@@ -102,7 +88,6 @@ export default {
       } else {
         pageEl = $pageEl;
       }
-
       if (!pageEl) return;
       let pageComponentFound;
       viewRouter.pages.forEach((page, index) => {
@@ -112,12 +97,10 @@ export default {
           viewRouter.setPages(viewRouter.pages);
         }
       });
-
       if (!pageComponentFound) {
         pageEl.parentNode.removeChild(pageEl);
       }
     },
-
     tabComponentLoader(_temp) {
       let {
         tabEl,
@@ -134,12 +117,10 @@ export default {
           tabRouter = tabData;
         }
       });
-
       if (!tabRouter) {
         reject();
         return;
       }
-
       const id = getComponentId();
       const tabContent = {
         id,
@@ -150,7 +131,6 @@ export default {
         }, options.route.route && options.route.route.tab && options.route.route.tab.options && options.route.route.tab.options.props || {}, options.route.params, options.props || {})
       };
       let resolved;
-
       function onDidUpdate(componentRouterData) {
         if (componentRouterData !== tabRouter || resolved) return;
         app.f7events.off('tabRouterDidUpdate', onDidUpdate);
@@ -158,11 +138,9 @@ export default {
         resolve(tabContentEl);
         resolved = true;
       }
-
       app.f7events.on('tabRouterDidUpdate', onDidUpdate);
       tabRouter.setTabContent(tabContent);
     },
-
     removeTabContent(tabEl) {
       if (!tabEl) return;
       let tabRouter;
@@ -171,16 +149,12 @@ export default {
           tabRouter = tabData;
         }
       });
-
       if (!tabRouter) {
         tabEl.innerHTML = ''; // eslint-disable-line
-
         return;
       }
-
       tabRouter.setTabContent(null);
     },
-
     modalComponentLoader(_temp2) {
       let {
         component,
@@ -190,12 +164,10 @@ export default {
       } = _temp2 === void 0 ? {} : _temp2;
       const router = this;
       const modalsRouter = app.f7routers.modals;
-
       if (!modalsRouter) {
         reject();
         return;
       }
-
       const modalData = {
         component,
         id: getComponentId(),
@@ -205,7 +177,6 @@ export default {
         }, options.route.params, options.props || {})
       };
       let resolved;
-
       function onDidUpdate() {
         if (resolved) return;
         app.f7events.off('modalsRouterDidUpdate', onDidUpdate);
@@ -214,12 +185,10 @@ export default {
         resolve(modalEl);
         resolved = true;
       }
-
       app.f7events.on('modalsRouterDidUpdate', onDidUpdate);
       modalsRouter.modals.push(modalData);
       modalsRouter.setModals(modalsRouter.modals);
     },
-
     removeModal(modalEl) {
       const modalsRouter = app.f7routers.modals;
       if (!modalsRouter) return;
@@ -230,6 +199,5 @@ export default {
       modalsRouter.modals.splice(modalsRouter.modals.indexOf(modalDataToRemove), 1);
       modalsRouter.setModals(modalsRouter.modals);
     }
-
   }
 };

package/shared/f7.js

@@ -3,8 +3,8 @@
 import { extend, unsetRouterIds } from './utils.js';
 let f7;
 const theme = {};
-/* eslint-disable no-restricted-globals */
 
+/* eslint-disable no-restricted-globals */
 const app = typeof window !== 'undefined' && window.Framework7ComponentsApp ? window.Framework7ComponentsApp : {
   Framework7: undefined,
   f7: undefined,
@@ -16,79 +16,64 @@ const app = typeof window !== 'undefined' && window.Framework7ComponentsApp ? wi
     modals: null
   }
 };
-
 if (typeof window !== 'undefined') {
   window.Framework7ComponentsApp = app;
 }
 /* eslint-enable no-restricted-globals */
 
-
 app.setInstance = instance => {
   f7 = instance;
 };
-
 const setTheme = () => {
   if (!app.f7) return;
   app.theme.ios = app.f7.theme === 'ios';
   theme.ios = app.f7.theme === 'ios';
   app.theme.md = app.f7.theme === 'md';
   theme.md = app.f7.theme === 'md';
-  app.theme.aurora = app.f7.theme === 'aurora';
-  theme.aurora = app.f7.theme === 'aurora';
 };
-
 const cleanup = () => {
   unsetRouterIds();
   delete app.theme.ios;
   delete theme.ios;
   delete app.theme.md;
   delete theme.md;
-  delete app.theme.aurora;
-  delete theme.aurora;
   app.f7routers.views = [];
   app.f7routers.tabs = [];
   app.f7routers.modals = null;
 };
-
 const f7initEvents = () => {
   app.f7events = new app.Framework7.Events();
 };
-
 const f7init = function (rootEl, params, init) {
   if (params === void 0) {
     params = {};
   }
-
   if (init === void 0) {
     init = true;
   }
-
   const f7Params = extend({}, params, {
     el: rootEl,
     init
   });
   if (typeof params.store !== 'undefined') f7Params.store = params.store;
   if (!f7Params.routes) f7Params.routes = [];
-
   if (f7Params.userAgent && (f7Params.theme === 'auto' || !f7Params.theme)) {
     const device = app.Framework7.getDevice({
       userAgent: f7Params.userAgent
     }, true);
     app.theme.ios = !!device.ios;
-    app.theme.aurora = device.desktop && device.electron;
-    app.theme.md = !app.theme.ios && !app.theme.aurora;
-  } // eslint-disable-next-line
-
-
-  if (app.f7 && typeof window !== 'undefined') return; // eslint-disable-next-line
+    app.theme.md = !app.theme.ios;
+  }
+  // eslint-disable-next-line
+  if (app.f7 && typeof window !== 'undefined') return;
 
+  // eslint-disable-next-line
   if (typeof window === 'undefined') cleanup();
   const instance = new app.Framework7(f7Params);
   app.f7 = instance;
   f7 = instance;
   app.setInstance(instance);
   setTheme();
-
   if (instance.initialized) {
     app.f7 = instance;
     f7 = instance;
@@ -103,12 +88,10 @@ const f7init = function (rootEl, params, init) {
     });
   }
 };
-
 const f7ready = callback => {
   if (!callback) return;
   if (app.f7 && app.f7.initialized) callback(app.f7);else {
     app.f7events.once('ready', callback);
   }
 };
-
 export { f7, theme, app, f7ready, f7init, f7initEvents, setTheme };

package/shared/get-router-initial-component.js

@@ -6,17 +6,14 @@ export const getRouterInitialComponent = (router, initialComponent) => {
   } = router.getInitialUrl();
   const initialRoute = router.findMatchingRoute(initialUrl);
   let routeProps = {};
-
   if (initialRoute && initialRoute.route && initialRoute.route.options) {
     routeProps = initialRoute.route.options.props;
   }
-
   const isMasterRoute = route => {
     if (route.master === true) return true;
     if (typeof route.master === 'function') return route.master(router.app);
     return false;
   };
-
   if (initialRoute && initialRoute.route && (initialRoute.route.component || initialRoute.route.asyncComponent) && !isMasterRoute(initialRoute.route)) {
     initialComponentData = {
       component: initialRoute.route.component || initialRoute.route.asyncComponent,
@@ -31,7 +28,6 @@ export const getRouterInitialComponent = (router, initialComponent) => {
       }
     };
   }
-
   return {
     initialPage: initialComponentData,
     initialRoute

package/shared/list-context.js

@@ -1,8 +1,10 @@
 // import React from 'react';
+
 // const ListContext = React.createContext({
 //   listIsMedia: false,
 //   listIsSimple: false,
 //   listIsSortable: false,
 //   listIsSortableOpposite: false,
 // });
+
 // export { ListContext };

package/shared/mixins.js

@@ -34,17 +34,13 @@ export function routerAttrs(props) {
     openIn
   } = props;
   let dataAnimate;
-
   if ('animate' in props && typeof animate !== 'undefined') {
     dataAnimate = animate.toString();
   }
-
   let dataReloadDetail;
-
   if ('reloadDetail' in props && typeof reloadDetail !== 'undefined') {
     dataReloadDetail = reloadDetail.toString();
   }
-
   return {
     'data-force': force || undefined,
     'data-reload-current': reloadCurrent || undefined,
@@ -133,8 +129,7 @@ export function actionsClasses(props) {
     sortableToggle,
     cardOpen,
     cardPreventOpen,
-    cardClose,
-    menuClose
+    cardClose
   } = props;
   return {
     'searchbar-enable': searchbarEnable || searchbarEnable === '',
@@ -159,7 +154,6 @@ export function actionsClasses(props) {
     'sortable-toggle': sortableToggle || sortableToggle === '',
     'card-close': cardClose || cardClose === '',
     'card-open': cardOpen || cardOpen === '',
-    'card-prevent-open': cardPreventOpen || cardPreventOpen === '',
-    'menu-close': menuClose || menuClose === ''
+    'card-prevent-open': cardPreventOpen || cardPreventOpen === ''
   };
 }

package/shared/plugin.js

@@ -4,12 +4,10 @@ import { f7ready, theme, app, f7initEvents, setTheme } from './f7.js';
 const Framework7Svelte = {
   name: 'sveltePlugin',
   installed: false,
-
   install(params) {
     if (params === void 0) {
       params = {};
     }
-
     const Framework7 = this;
     app.Framework7 = Framework7;
     if (Framework7Svelte.installed) return;
@@ -19,42 +17,30 @@ const Framework7Svelte = {
       theme: paramsTheme,
       userAgent
     } = params;
-
     if (paramsTheme === 'md') {
       app.theme.md = true;
       theme.md = true;
     }
-
     if (paramsTheme === 'ios') {
       app.theme.md = true;
       theme.ios = true;
     }
 
-    if (paramsTheme === 'aurora') {
-      app.theme.md = true;
-      theme.aurora = true;
-    } // eslint-disable-next-line
-
-
+    // eslint-disable-next-line
     const needThemeCalc = typeof window === 'undefined' ? !!userAgent : true;
-
     if (needThemeCalc && (!paramsTheme || paramsTheme === 'auto')) {
       const device = Framework7.getDevice({
         userAgent
       }, true);
       app.theme.ios = !!device.ios;
       theme.ios = app.theme.ios;
-      app.theme.aurora = device.desktop && device.electron;
-      theme.aurora = app.theme.aurora;
-      app.theme.md = !app.theme.ios && !app.theme.aurora;
+      app.theme.md = !app.theme.ios;
       theme.md = app.theme.md;
     }
-
     f7ready(() => {
       setTheme();
     });
     Framework7.Router.use(componentsRouter);
   }
-
 };
 export default Framework7Svelte;

package/shared/rest-props.js

@@ -3,7 +3,6 @@ export function restProps(rest) {
   if (rest === void 0) {
     rest = {};
   }
-
   const props = {};
   Object.keys(rest).filter(prop => !ignoreProps.includes(prop)).forEach(key => {
     if (key.indexOf('on') !== 0) {

package/shared/router-context.js

@@ -1,6 +1,8 @@
 // import React from 'react';
+
 // const RouterContext = React.createContext({
 //   route: null,
 //   router: null,
 // });
+
 // export { RouterContext };

package/shared/router-open-in.js

@@ -4,9 +4,11 @@ export const routerOpenIn = (router, url, options) => {
     url,
     route: {
       path: url,
-      options: { ...options,
+      options: {
+        ...options,
         openIn: undefined,
-        props: { ...(options.props || {}),
+        props: {
+          ...(options.props || {}),
           url,
           openIn: options.openIn,
           viewSelector: router.view.selector
@@ -14,34 +16,29 @@ export const routerOpenIn = (router, url, options) => {
       }
     }
   };
-  const params = { ...options
+  const params = {
+    ...options
   };
   params.component = RouterOpenInComponent;
-
   if (options.openIn === 'popup') {
     navigateOptions.route.popup = params;
   }
-
   if (options.openIn === 'loginScreen') {
     navigateOptions.route.loginScreen = params;
   }
-
   if (options.openIn === 'sheet') {
     navigateOptions.route.sheet = params;
   }
-
   if (options.openIn === 'popover') {
     params.targetEl = options.clickedEl || options.targetEl;
     navigateOptions.route.popover = params;
     navigateOptions.route.options.props.targetEl = params.targetEl;
   }
-
   if (options.openIn.indexOf('panel') >= 0) {
     const parts = options.openIn.split(':');
     navigateOptions.route.options.props.side = parts[1] || 'left';
     navigateOptions.route.options.props.effect = parts[2] || 'cover';
     navigateOptions.route.panel = params;
   }
-
   return router.navigate(navigateOptions);
 };

package/shared/set-reactive-context.js

@@ -2,23 +2,19 @@
 import { setContext, beforeUpdate } from 'svelte';
 export const setReactiveContext = (name, getValue) => {
   const contextCallbacks = [];
-
   const contextSubscribe = callback => {
     contextCallbacks.push(callback);
   };
-
   const contextUnsubscribe = callback => {
     if (contextCallbacks.indexOf(callback) >= 0) {
       contextCallbacks.splice(contextCallbacks.indexOf, callback);
     }
   };
-
   const contextRunCallbacks = () => {
     contextCallbacks.forEach(callback => {
       callback(getValue());
     });
   };
-
   setContext(name, {
     value: getValue(),
     subscribe: contextSubscribe,

package/shared/use-icon.js

@@ -2,22 +2,19 @@ export const useIcon = function (props) {
   if (props === void 0) {
     props = {};
   }
-
   const {
     icon,
     iconMaterial,
     iconF7,
     iconMd,
     iconIos,
-    iconAurora,
     iconColor,
     iconSize,
     iconBadge,
     badgeColor,
     iconBadgeColor
   } = props;
-
-  if (icon || iconMaterial || iconF7 || iconMd || iconIos || iconAurora) {
+  if (icon || iconMaterial || iconF7 || iconMd || iconIos) {
     return {
       props: {
         material: iconMaterial,
@@ -25,7 +22,6 @@ export const useIcon = function (props) {
         icon,
         md: iconMd,
         ios: iconIos,
-        aurora: iconAurora,
         color: iconColor,
         size: iconSize
       },
@@ -37,6 +33,5 @@ export const useIcon = function (props) {
       } : null
     };
   }
-
   return null;
 };

package/shared/use-route-props.js

@@ -2,17 +2,14 @@ export const useRouteProps = (el, routeProps) => {
   if (el && routeProps) {
     el.f7RouteProps = routeProps;
   }
-
   return {
     update(newValue) {
       if (el && el.f7RouteProps && !newValue) delete el.f7RouteProps;else if (el && newValue) el.f7RouteProps = newValue;
     },
-
     destroy() {
       if (el && routeProps) {
         delete el.f7RouteProps;
       }
     }
-
   };
 };

package/shared/use-smart-select.js

@@ -19,7 +19,6 @@ export const useSmartSelect = (props, setInstance, getEl) => {
     if (f7SmartSelect && f7SmartSelect.destroy) {
       f7SmartSelect.destroy();
     }
-
     f7SmartSelect = null;
     setInstance(f7SmartSelect);
   });

package/shared/use-store.js

@@ -6,7 +6,6 @@ export const useStore = function () {
   let store = arguments.length <= 0 ? undefined : arguments[0];
   let getter = arguments.length <= 1 ? undefined : arguments[1];
   let callback = arguments.length <= 2 ? undefined : arguments[2];
-
   if (arguments.length === 1) {
     // (getter)
     store = f7.store;
@@ -16,16 +15,13 @@ export const useStore = function () {
     store = f7.store;
     getter = arguments.length <= 0 ? undefined : arguments[0];
     callback = arguments.length <= 1 ? undefined : arguments[1];
-  } // eslint-disable-next-line
-
-
+  }
+  // eslint-disable-next-line
   const obj = store._gettersPlain[getter];
   const value = obj.value;
-
   if (callback) {
     obj.onUpdated(callback);
   }
-
   onDestroy(() => {
     if (callback) {
       // eslint-disable-next-line

package/shared/use-tab.js

@@ -6,12 +6,10 @@ export const useTab = (getEl, emit) => {
     if (getEl() !== el) return;
     emit('tabShow', [el]);
   };
-
   const onTabHide = el => {
     if (getEl() !== el) return;
     emit('tabHide', [el]);
   };
-
   const attachEvents = () => {
     if (!getEl()) return;
     f7ready(() => {
@@ -19,13 +17,11 @@ export const useTab = (getEl, emit) => {
       f7.on('tabHide', onTabHide);
     });
   };
-
   const detachEvents = () => {
     if (!f7) return;
     f7.off('tabShow', onTabShow);
     f7.off('tabHide', onTabHide);
   };
-
   onMount(() => {
     attachEvents();
   });

package/shared/use-theme.js

@@ -1,12 +1,10 @@
 import { f7ready, app } from './f7.js';
 export const useTheme = set => {
   const t = app.f7 ? app.theme : null;
-
   if (!app.f7) {
     f7ready(() => {
       set(app.theme);
     });
   }
-
   return t;
 };