framework7-vue 7.0.9 → 8.0.0-beta.1

package/framework7-vue.d.ts

@@ -10,7 +10,6 @@ import f7ActionsGroup from './components/actions-group.js';
 import f7ActionsLabel from './components/actions-label.js';
 import f7Actions from './components/actions.js';
 import f7App from './components/app.js';
-import f7Appbar from './components/appbar.js';
 import f7AreaChart from './components/area-chart.js';
 import f7Badge from './components/badge.js';
 import f7BlockFooter from './components/block-footer.js';
@@ -28,7 +27,6 @@ import f7CardHeader from './components/card-header.js';
 import f7Card from './components/card.js';
 import f7Checkbox from './components/checkbox.js';
 import f7Chip from './components/chip.js';
-import f7Col from './components/col.js';
 import f7FabBackdrop from './components/fab-backdrop.js';
 import f7FabButton from './components/fab-button.js';
 import f7FabButtons from './components/fab-buttons.js';
@@ -41,16 +39,10 @@ import f7ListButton from './components/list-button.js';
 import f7ListGroup from './components/list-group.js';
 import f7ListIndex from './components/list-index.js';
 import f7ListInput from './components/list-input.js';
-import f7ListItemCell from './components/list-item-cell.js';
-import f7ListItemRow from './components/list-item-row.js';
 import f7ListItem from './components/list-item.js';
 import f7List from './components/list.js';
 import f7LoginScreenTitle from './components/login-screen-title.js';
 import f7LoginScreen from './components/login-screen.js';
-import f7MenuDropdownItem from './components/menu-dropdown-item.js';
-import f7MenuDropdown from './components/menu-dropdown.js';
-import f7MenuItem from './components/menu-item.js';
-import f7Menu from './components/menu.js';
 import f7Message from './components/message.js';
 import f7MessagebarAttachment from './components/messagebar-attachment.js';
 import f7MessagebarAttachments from './components/messagebar-attachments.js';
@@ -77,7 +69,6 @@ import f7Progressbar from './components/progressbar.js';
 import f7Radio from './components/radio.js';
 import f7Range from './components/range.js';
 import f7RoutableModals from './components/routable-modals.js';
-import f7Row from './components/row.js';
 import f7Searchbar from './components/searchbar.js';
 import f7Segmented from './components/segmented.js';
 import f7Sheet from './components/sheet.js';
@@ -105,10 +96,9 @@ import f7Views 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` and `md`) */
 declare const theme: Framework7Theme;
 
 /** Main Framework7's initialized instance. It allows you to use any of Framework7 APIs */
@@ -126,6 +116,6 @@ interface useStore {
 
 declare const useStore: useStore;
 
-export { f7AccordionContent, f7AccordionItem, f7AccordionToggle, f7Accordion, f7ActionsButton, f7ActionsGroup, f7ActionsLabel, f7Actions, f7App, f7Appbar, f7AreaChart, f7Badge, f7BlockFooter, f7BlockHeader, f7BlockTitle, f7Block, f7BreadcrumbsCollapsed, f7BreadcrumbsItem, f7BreadcrumbsSeparator, f7Breadcrumbs, f7Button, f7CardContent, f7CardFooter, f7CardHeader, f7Card, f7Checkbox, f7Chip, f7Col, f7FabBackdrop, f7FabButton, f7FabButtons, f7Fab, f7Gauge, f7Icon, f7Input, f7Link, f7ListButton, f7ListGroup, f7ListIndex, f7ListInput, f7ListItemCell, f7ListItemRow, f7ListItem, f7List, f7LoginScreenTitle, f7LoginScreen, f7MenuDropdownItem, f7MenuDropdown, f7MenuItem, f7Menu, f7Message, f7MessagebarAttachment, f7MessagebarAttachments, f7MessagebarSheetImage, f7MessagebarSheetItem, f7MessagebarSheet, f7Messagebar, f7MessagesTitle, f7Messages, f7NavLeft, f7NavRight, f7NavTitleLarge, f7NavTitle, f7Navbar, f7PageContent, f7Page, f7Panel, f7PhotoBrowser, f7PieChart, f7Popover, f7Popup, f7Preloader, f7Progressbar, f7Radio, f7Range, f7RoutableModals, f7Row, f7Searchbar, f7Segmented, f7Sheet, f7SkeletonAvatar, f7SkeletonBlock, f7SkeletonImage, f7SkeletonText, f7Stepper, f7Subnavbar, f7SwipeoutActions, f7SwipeoutButton, f7SwiperSlide, f7Swiper, f7Tab, f7Tabs, f7TextEditor, f7Toggle, f7Toolbar, f7TreeviewItem, f7Treeview, f7UseIcon, f7View, f7Views }
+export { f7AccordionContent, f7AccordionItem, f7AccordionToggle, f7Accordion, f7ActionsButton, f7ActionsGroup, f7ActionsLabel, f7Actions, f7App, f7AreaChart, f7Badge, f7BlockFooter, f7BlockHeader, f7BlockTitle, f7Block, f7BreadcrumbsCollapsed, f7BreadcrumbsItem, f7BreadcrumbsSeparator, f7Breadcrumbs, f7Button, f7CardContent, f7CardFooter, f7CardHeader, f7Card, f7Checkbox, f7Chip, f7FabBackdrop, f7FabButton, f7FabButtons, f7Fab, f7Gauge, f7Icon, f7Input, f7Link, f7ListButton, f7ListGroup, f7ListIndex, f7ListInput, f7ListItem, f7List, f7LoginScreenTitle, f7LoginScreen, f7Message, f7MessagebarAttachment, f7MessagebarAttachments, f7MessagebarSheetImage, f7MessagebarSheetItem, f7MessagebarSheet, f7Messagebar, f7MessagesTitle, f7Messages, f7NavLeft, f7NavRight, f7NavTitleLarge, f7NavTitle, f7Navbar, f7PageContent, f7Page, f7Panel, f7PhotoBrowser, f7PieChart, f7Popover, f7Popup, f7Preloader, f7Progressbar, f7Radio, f7Range, f7RoutableModals, f7Searchbar, f7Segmented, f7Sheet, f7SkeletonAvatar, f7SkeletonBlock, f7SkeletonImage, f7SkeletonText, f7Stepper, f7Subnavbar, f7SwipeoutActions, f7SwipeoutButton, f7SwiperSlide, f7Swiper, f7Tab, f7Tabs, f7TextEditor, f7Toggle, f7Toolbar, f7TreeviewItem, f7Treeview, f7UseIcon, f7View, f7Views }
 export { f7, f7ready, theme, useStore };
 export default Framework7Vue;

package/framework7-vue.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 Vue 7.0.9
+ * Framework7 Vue 8.0.0-beta.1
  * Build full featured iOS & Android apps using Framework7 & Vue
  * https://framework7.io/vue/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: November 21, 2022
+ * Released on: December 16, 2022
  */
 import Framework7Vue from './shared/plugin.js';
 import { f7, f7ready, theme } from './shared/f7.js';
@@ -22,7 +22,6 @@ import f7ActionsGroup from './components/actions-group.js';
 import f7ActionsLabel from './components/actions-label.js';
 import f7Actions from './components/actions.js';
 import f7App from './components/app.js';
-import f7Appbar from './components/appbar.js';
 import f7AreaChart from './components/area-chart.js';
 import f7Badge from './components/badge.js';
 import f7BlockFooter from './components/block-footer.js';
@@ -40,7 +39,6 @@ import f7CardHeader from './components/card-header.js';
 import f7Card from './components/card.js';
 import f7Checkbox from './components/checkbox.js';
 import f7Chip from './components/chip.js';
-import f7Col from './components/col.js';
 import f7FabBackdrop from './components/fab-backdrop.js';
 import f7FabButton from './components/fab-button.js';
 import f7FabButtons from './components/fab-buttons.js';
@@ -53,16 +51,10 @@ import f7ListButton from './components/list-button.js';
 import f7ListGroup from './components/list-group.js';
 import f7ListIndex from './components/list-index.js';
 import f7ListInput from './components/list-input.js';
-import f7ListItemCell from './components/list-item-cell.js';
-import f7ListItemRow from './components/list-item-row.js';
 import f7ListItem from './components/list-item.js';
 import f7List from './components/list.js';
 import f7LoginScreenTitle from './components/login-screen-title.js';
 import f7LoginScreen from './components/login-screen.js';
-import f7MenuDropdownItem from './components/menu-dropdown-item.js';
-import f7MenuDropdown from './components/menu-dropdown.js';
-import f7MenuItem from './components/menu-item.js';
-import f7Menu from './components/menu.js';
 import f7Message from './components/message.js';
 import f7MessagebarAttachment from './components/messagebar-attachment.js';
 import f7MessagebarAttachments from './components/messagebar-attachments.js';
@@ -89,7 +81,6 @@ import f7Progressbar from './components/progressbar.js';
 import f7Radio from './components/radio.js';
 import f7Range from './components/range.js';
 import f7RoutableModals from './components/routable-modals.js';
-import f7Row from './components/row.js';
 import f7Searchbar from './components/searchbar.js';
 import f7Segmented from './components/segmented.js';
 import f7Sheet from './components/sheet.js';
@@ -114,6 +105,6 @@ import f7UseIcon from './components/use-icon.js';
 import f7View from './components/view.js';
 import f7Views from './components/views.js';
 
-export { f7AccordionContent, f7AccordionItem, f7AccordionToggle, f7Accordion, f7ActionsButton, f7ActionsGroup, f7ActionsLabel, f7Actions, f7App, f7Appbar, f7AreaChart, f7Badge, f7BlockFooter, f7BlockHeader, f7BlockTitle, f7Block, f7BreadcrumbsCollapsed, f7BreadcrumbsItem, f7BreadcrumbsSeparator, f7Breadcrumbs, f7Button, f7CardContent, f7CardFooter, f7CardHeader, f7Card, f7Checkbox, f7Chip, f7Col, f7FabBackdrop, f7FabButton, f7FabButtons, f7Fab, f7Gauge, f7Icon, f7Input, f7Link, f7ListButton, f7ListGroup, f7ListIndex, f7ListInput, f7ListItemCell, f7ListItemRow, f7ListItem, f7List, f7LoginScreenTitle, f7LoginScreen, f7MenuDropdownItem, f7MenuDropdown, f7MenuItem, f7Menu, f7Message, f7MessagebarAttachment, f7MessagebarAttachments, f7MessagebarSheetImage, f7MessagebarSheetItem, f7MessagebarSheet, f7Messagebar, f7MessagesTitle, f7Messages, f7NavLeft, f7NavRight, f7NavTitleLarge, f7NavTitle, f7Navbar, f7PageContent, f7Page, f7Panel, f7PhotoBrowser, f7PieChart, f7Popover, f7Popup, f7Preloader, f7Progressbar, f7Radio, f7Range, f7RoutableModals, f7Row, f7Searchbar, f7Segmented, f7Sheet, f7SkeletonAvatar, f7SkeletonBlock, f7SkeletonImage, f7SkeletonText, f7Stepper, f7Subnavbar, f7SwipeoutActions, f7SwipeoutButton, f7SwiperSlide, f7Swiper, f7Tab, f7Tabs, f7TextEditor, f7Toggle, f7Toolbar, f7TreeviewItem, f7Treeview, f7UseIcon, f7View, f7Views }
+export { f7AccordionContent, f7AccordionItem, f7AccordionToggle, f7Accordion, f7ActionsButton, f7ActionsGroup, f7ActionsLabel, f7Actions, f7App, f7AreaChart, f7Badge, f7BlockFooter, f7BlockHeader, f7BlockTitle, f7Block, f7BreadcrumbsCollapsed, f7BreadcrumbsItem, f7BreadcrumbsSeparator, f7Breadcrumbs, f7Button, f7CardContent, f7CardFooter, f7CardHeader, f7Card, f7Checkbox, f7Chip, f7FabBackdrop, f7FabButton, f7FabButtons, f7Fab, f7Gauge, f7Icon, f7Input, f7Link, f7ListButton, f7ListGroup, f7ListIndex, f7ListInput, f7ListItem, f7List, f7LoginScreenTitle, f7LoginScreen, f7Message, f7MessagebarAttachment, f7MessagebarAttachments, f7MessagebarSheetImage, f7MessagebarSheetItem, f7MessagebarSheet, f7Messagebar, f7MessagesTitle, f7Messages, f7NavLeft, f7NavRight, f7NavTitleLarge, f7NavTitle, f7Navbar, f7PageContent, f7Page, f7Panel, f7PhotoBrowser, f7PieChart, f7Popover, f7Popup, f7Preloader, f7Progressbar, f7Radio, f7Range, f7RoutableModals, f7Searchbar, f7Segmented, f7Sheet, f7SkeletonAvatar, f7SkeletonBlock, f7SkeletonImage, f7SkeletonText, f7Stepper, f7Subnavbar, f7SwipeoutActions, f7SwipeoutButton, f7SwiperSlide, f7Swiper, f7Tab, f7Tabs, f7TextEditor, f7Toggle, f7Toolbar, f7TreeviewItem, f7Treeview, f7UseIcon, f7View, f7Views }
 export { f7, f7ready, theme, useStore };
 export default Framework7Vue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "framework7-vue",
-  "version": "7.0.9",
+  "version": "8.0.0-beta.1",
   "description": "Build full featured iOS & Android apps using Framework7 & Vue",
   "type": "module",
   "exports": {

package/shared/components-router.js

@@ -2,30 +2,24 @@
 import { f7events, f7routers } 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;
       }
-
       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;
       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;
         f7events.off('tabRouterDidUpdate', onDidUpdate);
@@ -158,11 +138,9 @@ export default {
         resolve(tabContentEl);
         resolved = true;
       }
-
       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 = 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;
         f7events.off('modalsRouterDidUpdate', onDidUpdate);
@@ -214,12 +185,10 @@ export default {
         resolve(modalEl);
         resolved = true;
       }
-
       f7events.on('modalsRouterDidUpdate', onDidUpdate);
       modalsRouter.modals.push(modalData);
       modalsRouter.setModals(modalsRouter.modals);
     },
-
     removeModal(modalEl) {
       const modalsRouter = 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

@@ -9,61 +9,49 @@ const f7routers = {
   tabs: [],
   modals: null
 };
-
 const setTheme = () => {
   if (!f7) return;
   theme.ios = f7.theme === 'ios';
   theme.md = f7.theme === 'md';
-  theme.aurora = f7.theme === 'aurora';
 };
-
 const cleanup = () => {
   unsetRouterIds();
   delete theme.ios;
   delete theme.md;
-  delete theme.aurora;
   f7routers.views = [];
   f7routers.tabs = [];
   f7routers.modals = null;
 };
-
 const f7initEvents = () => {
   f7events = new 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 = Framework7.getDevice({
       userAgent: f7Params.userAgent
     }, true);
     theme.ios = !!device.ios;
-    theme.aurora = device.desktop && device.electron;
-    theme.md = !theme.ios && !theme.aurora;
-  } // eslint-disable-next-line
-
-
-  if (f7 && typeof window !== 'undefined') return; // eslint-disable-next-line
-
+    theme.md = !theme.ios;
+  }
+  // eslint-disable-next-line
+  if (f7 && typeof window !== 'undefined') return;
+  // eslint-disable-next-line
   if (typeof window === 'undefined') cleanup();
   const instance = new Framework7(f7Params);
   f7 = instance;
   setTheme();
-
   if (instance.initialized) {
     f7 = instance;
     f7events.emit('ready', f7);
@@ -74,12 +62,10 @@ const f7init = function (rootEl, params, init) {
     });
   }
 };
-
 const f7ready = callback => {
   if (!callback) return;
   if (f7 && f7.initialized) callback(f7);else {
     f7events.once('ready', callback);
   }
 };
-
 export { f7, theme, f7ready, f7events, f7init, f7routers, 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/mixins.js

@@ -34,7 +34,6 @@ export const iconProps = {
   iconF7: String,
   iconIos: String,
   iconMd: String,
-  iconAurora: String,
   iconColor: String,
   iconSize: [String, Number],
   iconBadge: [String, Number],
@@ -78,17 +77,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,
@@ -147,12 +142,7 @@ export const actionsProps = {
   // Card
   cardOpen: [Boolean, String],
   cardPreventOpen: [Boolean, String],
-  cardClose: [Boolean, String],
-  // Menu
-  menuClose: {
-    type: [Boolean, String],
-    default: undefined
-  }
+  cardClose: [Boolean, String]
 };
 export function actionsAttrs(props) {
   const {
@@ -215,8 +205,7 @@ export function actionsClasses(props) {
     sortableToggle,
     cardOpen,
     cardPreventOpen,
-    cardClose,
-    menuClose
+    cardClose
   } = props;
   return {
     'searchbar-enable': searchbarEnable || searchbarEnable === '',
@@ -241,7 +230,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 { f7, f7ready, theme, f7initEvents, setTheme } from './f7.js';
 const Framework7Vue = {
   name: 'vuePlugin',
   installed: false,
-
   install(params) {
     if (params === void 0) {
       params = {};
     }
-
     if (Framework7Vue.installed) return;
     Framework7Vue.installed = true;
     f7initEvents();
@@ -19,25 +17,21 @@ const Framework7Vue = {
     } = params;
     if (paramsTheme === 'md') theme.md = true;
     if (paramsTheme === 'ios') theme.ios = true;
-    if (paramsTheme === 'aurora') 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);
       theme.ios = !!device.ios;
-      theme.aurora = device.desktop && device.electron;
-      theme.md = !theme.ios && !theme.aurora;
+      theme.md = !theme.ios;
     }
-
     f7ready(() => {
       setTheme();
     });
     Framework7.Router.use(componentsRouter);
   }
-
 };
 export { f7ready, f7, theme };
 export default Framework7Vue;

package/shared/router-open-in.js

@@ -10,14 +10,15 @@ export const routerOpenIn = (router, url, options) => {
     url,
     route: {
       path: url,
-      options: { ...options,
+      options: {
+        ...options,
         openIn: undefined
       }
     }
   };
-  const params = { ...options
+  const params = {
+    ...options
   };
-
   if (options.openIn === 'popup') {
     params.component = {
       setup() {
@@ -30,11 +31,9 @@ export const routerOpenIn = (router, url, options) => {
           ignoreOpenIn: true
         })]);
       }
-
     };
     navigateOptions.route.popup = params;
   }
-
   if (options.openIn === 'loginScreen') {
     params.component = {
       setup() {
@@ -47,11 +46,9 @@ export const routerOpenIn = (router, url, options) => {
           ignoreOpenIn: true
         })]);
       }
-
     };
     navigateOptions.route.loginScreen = params;
   }
-
   if (options.openIn === 'sheet') {
     params.component = {
       setup() {
@@ -64,11 +61,9 @@ export const routerOpenIn = (router, url, options) => {
           ignoreOpenIn: true
         })]);
       }
-
     };
     navigateOptions.route.sheet = params;
   }
-
   if (options.openIn === 'popover') {
     params.targetEl = options.clickedEl || options.targetEl;
     params.component = {
@@ -83,11 +78,9 @@ export const routerOpenIn = (router, url, options) => {
           ignoreOpenIn: true
         })]);
       }
-
     };
     navigateOptions.route.popover = params;
   }
-
   if (options.openIn.indexOf('panel') >= 0) {
     const parts = options.openIn.split(':');
     const side = parts[1] || 'left';
@@ -105,10 +98,8 @@ export const routerOpenIn = (router, url, options) => {
           ignoreOpenIn: true
         })]);
       }
-
     };
     navigateOptions.route.panel = params;
   }
-
   return router.navigate(navigateOptions);
 };

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-smart-select.js

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

package/shared/use-store.js

@@ -4,21 +4,17 @@ export const useStore = function () {
   // (store, getter)
   let store = arguments.length <= 0 ? undefined : arguments[0];
   let getter = arguments.length <= 1 ? undefined : arguments[1];
-
   if (arguments.length === 1) {
     // (getter)
     store = f7.store;
     getter = arguments.length <= 0 ? undefined : arguments[0];
-  } // eslint-disable-next-line
-
-
+  }
+  // eslint-disable-next-line
   const obj = store._gettersPlain[getter];
   const valueRef = ref(obj.value);
-
   const callback = v => {
     valueRef.value = v;
   };
-
   obj.onUpdated(callback);
   onBeforeUnmount(() => {
     // eslint-disable-next-line