framework7-vue 7.0.8 → 8.0.0-beta.1

package/framework7-vue-bundle.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 Vue 7.0.8
+ * 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: September 14, 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,7 +105,7 @@ 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;
 
@@ -128,7 +119,6 @@ function registerComponents(app) {
   app.component('f7-actions-label', f7ActionsLabel);
   app.component('f7-actions', f7Actions);
   app.component('f7-app', f7App);
-  app.component('f7-appbar', f7Appbar);
   app.component('f7-area-chart', f7AreaChart);
   app.component('f7-badge', f7Badge);
   app.component('f7-block-footer', f7BlockFooter);
@@ -146,7 +136,6 @@ function registerComponents(app) {
   app.component('f7-card', f7Card);
   app.component('f7-checkbox', f7Checkbox);
   app.component('f7-chip', f7Chip);
-  app.component('f7-col', f7Col);
   app.component('f7-fab-backdrop', f7FabBackdrop);
   app.component('f7-fab-button', f7FabButton);
   app.component('f7-fab-buttons', f7FabButtons);
@@ -159,16 +148,10 @@ function registerComponents(app) {
   app.component('f7-list-group', f7ListGroup);
   app.component('f7-list-index', f7ListIndex);
   app.component('f7-list-input', f7ListInput);
-  app.component('f7-list-item-cell', f7ListItemCell);
-  app.component('f7-list-item-row', f7ListItemRow);
   app.component('f7-list-item', f7ListItem);
   app.component('f7-list', f7List);
   app.component('f7-login-screen-title', f7LoginScreenTitle);
   app.component('f7-login-screen', f7LoginScreen);
-  app.component('f7-menu-dropdown-item', f7MenuDropdownItem);
-  app.component('f7-menu-dropdown', f7MenuDropdown);
-  app.component('f7-menu-item', f7MenuItem);
-  app.component('f7-menu', f7Menu);
   app.component('f7-message', f7Message);
   app.component('f7-messagebar-attachment', f7MessagebarAttachment);
   app.component('f7-messagebar-attachments', f7MessagebarAttachments);
@@ -195,7 +178,6 @@ function registerComponents(app) {
   app.component('f7-radio', f7Radio);
   app.component('f7-range', f7Range);
   app.component('f7-routable-modals', f7RoutableModals);
-  app.component('f7-row', f7Row);
   app.component('f7-searchbar', f7Searchbar);
   app.component('f7-segmented', f7Segmented);
   app.component('f7-sheet', f7Sheet);

package/framework7-vue-web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json-schema.org/draft-04/schema#",
   "framework": "vue",
   "name": "framework7-vue",
-  "version": "7.0.8",
+  "version": "8.0.0-beta.1",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -1102,99 +1102,6 @@
             }
           ]
         },
-        {
-          "name": "F7Appbar",
-          "source": {
-            "symbol": "F7Appbar"
-          },
-          "attributes": [
-            {
-              "name": "noShadow",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "noHairline",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "inner",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": true
-            },
-            {
-              "name": "innerClass",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "innerClassName",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "color",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "colorTheme",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "textColor",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "bgColor",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "borderColor",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "rippleColor",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              }
-            },
-            {
-              "name": "themeDark",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              }
-            }
-          ]
-        },
         {
           "name": "F7AreaChart",
           "source": {

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 */
@@ -119,8 +109,6 @@ declare const f7ready: (callback: (f7: Framework7) => void) => void;
 
 declare const Framework7Vue: Framework7Plugin;
 
-declare const registerComponents: (app: any) => void;
-
 interface useStore {
   (store: Store, getter: string): any;
   (getter: string): any;
@@ -128,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 { f7, f7ready, theme, registerComponents, useStore };
+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.8
+ * 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: September 14, 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.8",
+  "version": "8.0.0-beta.1",
   "description": "Build full featured iOS & Android apps using Framework7 & Vue",
   "type": "module",
   "exports": {
@@ -10,6 +10,13 @@
     "./shared/*": "./shared/*"
   },
   "typings": "framework7-vue.d.ts",
+  "typesVersions": {
+    "*": {
+      "bundle": [
+        "framework7-vue-bundle.d.ts"
+      ]
+    }
+  },
   "web-types": "framework7-vue-web-types.json",
   "repository": {
     "type": "git",

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