framework7-svelte 7.0.8 → 8.0.0-beta.1

package/framework7-svelte.d.ts

@@ -10,7 +10,6 @@ import ActionsGroup from './components/actions-group.js';
 import ActionsLabel from './components/actions-label.js';
 import Actions from './components/actions.js';
 import App from './components/app.js';
-import Appbar from './components/appbar.js';
 import AreaChart from './components/area-chart.js';
 import Badge from './components/badge.js';
 import BlockFooter from './components/block-footer.js';
@@ -28,7 +27,6 @@ import CardHeader from './components/card-header.js';
 import Card from './components/card.js';
 import Checkbox from './components/checkbox.js';
 import Chip from './components/chip.js';
-import Col from './components/col.js';
 import FabBackdrop from './components/fab-backdrop.js';
 import FabButton from './components/fab-button.js';
 import FabButtons from './components/fab-buttons.js';
@@ -41,16 +39,10 @@ import ListButton from './components/list-button.js';
 import ListGroup from './components/list-group.js';
 import ListIndex from './components/list-index.js';
 import ListInput from './components/list-input.js';
-import ListItemCell from './components/list-item-cell.js';
-import ListItemRow from './components/list-item-row.js';
 import ListItem from './components/list-item.js';
 import List from './components/list.js';
 import LoginScreenTitle from './components/login-screen-title.js';
 import LoginScreen from './components/login-screen.js';
-import MenuDropdownItem from './components/menu-dropdown-item.js';
-import MenuDropdown from './components/menu-dropdown.js';
-import MenuItem from './components/menu-item.js';
-import Menu from './components/menu.js';
 import Message from './components/message.js';
 import MessagebarAttachment from './components/messagebar-attachment.js';
 import MessagebarAttachments from './components/messagebar-attachments.js';
@@ -78,7 +70,6 @@ import Radio from './components/radio.js';
 import Range from './components/range.js';
 import RoutableModals from './components/routable-modals.js';
 import RouterContextProvider from './components/router-context-provider.js';
-import Row from './components/row.js';
 import Searchbar from './components/searchbar.js';
 import Segmented from './components/segmented.js';
 import Sheet from './components/sheet.js';
@@ -106,10 +97,9 @@ import Views from './components/views.js';
 export interface Framework7Theme {
   ios: boolean;
   md: boolean;
-  aurora: boolean;
 }
 
-/** Object with boolean properties with information about currently used theme (iOS, MD or Aurora) */
+/** Object with boolean properties with information about currently used theme (`ios` or `md`) */
 declare const theme: Framework7Theme;
 
 /** Main Framework7's initialized instance. It allows you to use any of Framework7 APIs */
@@ -134,6 +124,6 @@ interface app {
 
 declare const app: app;
 
-export { AccordionContent, AccordionItem, AccordionToggle, Accordion, ActionsButton, ActionsGroup, ActionsLabel, Actions, App, Appbar, AreaChart, Badge, BlockFooter, BlockHeader, BlockTitle, Block, BreadcrumbsCollapsed, BreadcrumbsItem, BreadcrumbsSeparator, Breadcrumbs, Button, CardContent, CardFooter, CardHeader, Card, Checkbox, Chip, Col, FabBackdrop, FabButton, FabButtons, Fab, Gauge, Icon, Input, Link, ListButton, ListGroup, ListIndex, ListInput, ListItemCell, ListItemRow, ListItem, List, LoginScreenTitle, LoginScreen, MenuDropdownItem, MenuDropdown, MenuItem, Menu, Message, MessagebarAttachment, MessagebarAttachments, MessagebarSheetImage, MessagebarSheetItem, MessagebarSheet, Messagebar, MessagesTitle, Messages, NavLeft, NavRight, NavTitleLarge, NavTitle, Navbar, PageContent, Page, Panel, PhotoBrowser, PieChart, Popover, Popup, Preloader, Progressbar, Radio, Range, RoutableModals, RouterContextProvider, Row, Searchbar, Segmented, Sheet, SkeletonAvatar, SkeletonBlock, SkeletonImage, SkeletonText, Stepper, Subnavbar, SwipeoutActions, SwipeoutButton, SwiperSlide, Swiper, Tab, Tabs, TextEditor, Toggle, Toolbar, TreeviewItem, Treeview, UseIcon, View, Views }
+export { AccordionContent, AccordionItem, AccordionToggle, Accordion, ActionsButton, ActionsGroup, ActionsLabel, Actions, App, AreaChart, Badge, BlockFooter, BlockHeader, BlockTitle, Block, BreadcrumbsCollapsed, BreadcrumbsItem, BreadcrumbsSeparator, Breadcrumbs, Button, CardContent, CardFooter, CardHeader, Card, Checkbox, Chip, FabBackdrop, FabButton, FabButtons, Fab, Gauge, Icon, Input, Link, ListButton, ListGroup, ListIndex, ListInput, ListItem, List, LoginScreenTitle, LoginScreen, Message, MessagebarAttachment, MessagebarAttachments, MessagebarSheetImage, MessagebarSheetItem, MessagebarSheet, Messagebar, MessagesTitle, Messages, NavLeft, NavRight, NavTitleLarge, NavTitle, Navbar, PageContent, Page, Panel, PhotoBrowser, PieChart, Popover, Popup, Preloader, Progressbar, Radio, Range, RoutableModals, RouterContextProvider, Searchbar, Segmented, Sheet, SkeletonAvatar, SkeletonBlock, SkeletonImage, SkeletonText, Stepper, Subnavbar, SwipeoutActions, SwipeoutButton, SwiperSlide, Swiper, Tab, Tabs, TextEditor, Toggle, Toolbar, TreeviewItem, Treeview, UseIcon, View, Views }
 export { f7, f7ready, theme, useStore, app };
 export default Framework7Svelte;

package/framework7-svelte.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 Svelte 7.0.8
+ * Framework7 Svelte 8.0.0-beta.1
  * Build full featured iOS & Android apps using Framework7 & Svelte
  * https://framework7.io/svelte/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: September 14, 2022
+ * Released on: December 16, 2022
  */
 import Framework7Svelte from './shared/plugin.js';
 import { f7, f7ready, theme, app } from './shared/f7.js';
@@ -22,7 +22,6 @@ import ActionsGroup from './components/actions-group.svelte';
 import ActionsLabel from './components/actions-label.svelte';
 import Actions from './components/actions.svelte';
 import App from './components/app.svelte';
-import Appbar from './components/appbar.svelte';
 import AreaChart from './components/area-chart.svelte';
 import Badge from './components/badge.svelte';
 import BlockFooter from './components/block-footer.svelte';
@@ -40,7 +39,6 @@ import CardHeader from './components/card-header.svelte';
 import Card from './components/card.svelte';
 import Checkbox from './components/checkbox.svelte';
 import Chip from './components/chip.svelte';
-import Col from './components/col.svelte';
 import FabBackdrop from './components/fab-backdrop.svelte';
 import FabButton from './components/fab-button.svelte';
 import FabButtons from './components/fab-buttons.svelte';
@@ -53,16 +51,10 @@ import ListButton from './components/list-button.svelte';
 import ListGroup from './components/list-group.svelte';
 import ListIndex from './components/list-index.svelte';
 import ListInput from './components/list-input.svelte';
-import ListItemCell from './components/list-item-cell.svelte';
-import ListItemRow from './components/list-item-row.svelte';
 import ListItem from './components/list-item.svelte';
 import List from './components/list.svelte';
 import LoginScreenTitle from './components/login-screen-title.svelte';
 import LoginScreen from './components/login-screen.svelte';
-import MenuDropdownItem from './components/menu-dropdown-item.svelte';
-import MenuDropdown from './components/menu-dropdown.svelte';
-import MenuItem from './components/menu-item.svelte';
-import Menu from './components/menu.svelte';
 import Message from './components/message.svelte';
 import MessagebarAttachment from './components/messagebar-attachment.svelte';
 import MessagebarAttachments from './components/messagebar-attachments.svelte';
@@ -90,7 +82,6 @@ import Radio from './components/radio.svelte';
 import Range from './components/range.svelte';
 import RoutableModals from './components/routable-modals.svelte';
 import RouterContextProvider from './components/router-context-provider.svelte';
-import Row from './components/row.svelte';
 import Searchbar from './components/searchbar.svelte';
 import Segmented from './components/segmented.svelte';
 import Sheet from './components/sheet.svelte';
@@ -102,8 +93,8 @@ import Stepper from './components/stepper.svelte';
 import Subnavbar from './components/subnavbar.svelte';
 import SwipeoutActions from './components/swipeout-actions.svelte';
 import SwipeoutButton from './components/swipeout-button.svelte';
-import SwiperSlide from './components/swiper-slide.js';
-import Swiper from './components/swiper.js';
+import SwiperSlide from './components/swiper-slide.svelte';
+import Swiper from './components/swiper.svelte';
 import Tab from './components/tab.svelte';
 import Tabs from './components/tabs.svelte';
 import TextEditor from './components/text-editor.svelte';
@@ -115,6 +106,6 @@ import UseIcon from './components/use-icon.svelte';
 import View from './components/view.svelte';
 import Views from './components/views.svelte';
 
-export { AccordionContent, AccordionItem, AccordionToggle, Accordion, ActionsButton, ActionsGroup, ActionsLabel, Actions, App, Appbar, AreaChart, Badge, BlockFooter, BlockHeader, BlockTitle, Block, BreadcrumbsCollapsed, BreadcrumbsItem, BreadcrumbsSeparator, Breadcrumbs, Button, CardContent, CardFooter, CardHeader, Card, Checkbox, Chip, Col, FabBackdrop, FabButton, FabButtons, Fab, Gauge, Icon, Input, Link, ListButton, ListGroup, ListIndex, ListInput, ListItemCell, ListItemRow, ListItem, List, LoginScreenTitle, LoginScreen, MenuDropdownItem, MenuDropdown, MenuItem, Menu, Message, MessagebarAttachment, MessagebarAttachments, MessagebarSheetImage, MessagebarSheetItem, MessagebarSheet, Messagebar, MessagesTitle, Messages, NavLeft, NavRight, NavTitleLarge, NavTitle, Navbar, PageContent, Page, Panel, PhotoBrowser, PieChart, Popover, Popup, Preloader, Progressbar, Radio, Range, RoutableModals, RouterContextProvider, Row, Searchbar, Segmented, Sheet, SkeletonAvatar, SkeletonBlock, SkeletonImage, SkeletonText, Stepper, Subnavbar, SwipeoutActions, SwipeoutButton, SwiperSlide, Swiper, Tab, Tabs, TextEditor, Toggle, Toolbar, TreeviewItem, Treeview, UseIcon, View, Views }
+export { AccordionContent, AccordionItem, AccordionToggle, Accordion, ActionsButton, ActionsGroup, ActionsLabel, Actions, App, AreaChart, Badge, BlockFooter, BlockHeader, BlockTitle, Block, BreadcrumbsCollapsed, BreadcrumbsItem, BreadcrumbsSeparator, Breadcrumbs, Button, CardContent, CardFooter, CardHeader, Card, Checkbox, Chip, FabBackdrop, FabButton, FabButtons, Fab, Gauge, Icon, Input, Link, ListButton, ListGroup, ListIndex, ListInput, ListItem, List, LoginScreenTitle, LoginScreen, Message, MessagebarAttachment, MessagebarAttachments, MessagebarSheetImage, MessagebarSheetItem, MessagebarSheet, Messagebar, MessagesTitle, Messages, NavLeft, NavRight, NavTitleLarge, NavTitle, Navbar, PageContent, Page, Panel, PhotoBrowser, PieChart, Popover, Popup, Preloader, Progressbar, Radio, Range, RoutableModals, RouterContextProvider, Searchbar, Segmented, Sheet, SkeletonAvatar, SkeletonBlock, SkeletonImage, SkeletonText, Stepper, Subnavbar, SwipeoutActions, SwipeoutButton, SwiperSlide, Swiper, Tab, Tabs, TextEditor, Toggle, Toolbar, TreeviewItem, Treeview, UseIcon, View, Views }
 export { f7, f7ready, theme, useStore, app };
 export default Framework7Svelte;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "framework7-svelte",
-  "version": "7.0.8",
+  "version": "8.0.0-beta.1",
   "description": "Build full featured iOS & Android apps using Framework7 & Svelte",
   "type": "module",
   "svelte": "./framework7-svelte.js",

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,