framework7-vue 7.1.5 → 8.0.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (146) hide show
  1. package/components/accordion-content.js +2 -5
  2. package/components/accordion-item.js +0 -13
  3. package/components/accordion-toggle.js +2 -5
  4. package/components/accordion.js +0 -4
  5. package/components/actions-button.d.ts +1 -1
  6. package/components/actions-button.js +2 -9
  7. package/components/actions-group.js +2 -5
  8. package/components/actions-label.d.ts +1 -1
  9. package/components/actions-label.js +2 -8
  10. package/components/actions.js +2 -14
  11. package/components/app.d.ts +7 -12
  12. package/components/app.js +11 -24
  13. package/components/appbar.js +0 -4
  14. package/components/area-chart.js +4 -41
  15. package/components/badge.js +0 -4
  16. package/components/block-footer.js +2 -5
  17. package/components/block-header.js +2 -5
  18. package/components/block-title.js +0 -4
  19. package/components/block.d.ts +61 -9
  20. package/components/block.js +52 -17
  21. package/components/breadcrumbs-collapsed.js +0 -5
  22. package/components/breadcrumbs-item.js +0 -4
  23. package/components/breadcrumbs-separator.js +0 -4
  24. package/components/breadcrumbs.js +0 -4
  25. package/components/button.d.ts +9 -25
  26. package/components/button.js +9 -25
  27. package/components/card-content.js +0 -4
  28. package/components/card-footer.js +2 -5
  29. package/components/card-header.js +2 -5
  30. package/components/card.d.ts +17 -5
  31. package/components/card.js +10 -20
  32. package/components/checkbox.js +0 -7
  33. package/components/chip.d.ts +0 -4
  34. package/components/chip.js +0 -7
  35. package/components/col.js +0 -6
  36. package/components/fab-backdrop.js +2 -5
  37. package/components/fab-button.js +0 -6
  38. package/components/fab-buttons.js +0 -4
  39. package/components/fab.js +0 -9
  40. package/components/gauge.js +0 -4
  41. package/components/icon.d.ts +0 -4
  42. package/components/icon.js +1 -18
  43. package/components/input.js +0 -56
  44. package/components/link.d.ts +0 -4
  45. package/components/link.js +4 -13
  46. package/components/list-button.js +0 -6
  47. package/components/list-group.js +0 -4
  48. package/components/list-index.d.ts +0 -5
  49. package/components/list-index.js +0 -14
  50. package/components/list-input.d.ts +0 -4
  51. package/components/list-input.js +0 -53
  52. package/components/list-item-cell.js +2 -5
  53. package/components/list-item-row.js +2 -5
  54. package/components/list-item.d.ts +4 -4
  55. package/components/list-item.js +12 -52
  56. package/components/list.d.ts +71 -23
  57. package/components/list.js +42 -33
  58. package/components/login-screen-title.js +2 -5
  59. package/components/login-screen.js +2 -17
  60. package/components/menu-dropdown-item.js +0 -6
  61. package/components/menu-dropdown.js +0 -4
  62. package/components/menu-item.js +0 -14
  63. package/components/menu.js +2 -5
  64. package/components/message.js +0 -16
  65. package/components/messagebar-attachment.js +0 -7
  66. package/components/messagebar-attachments.js +2 -5
  67. package/components/messagebar-sheet-image.js +7 -15
  68. package/components/messagebar-sheet-item.js +2 -5
  69. package/components/messagebar-sheet.js +2 -5
  70. package/components/messagebar.js +0 -16
  71. package/components/messages-title.js +2 -5
  72. package/components/messages.js +0 -13
  73. package/components/nav-left.js +0 -9
  74. package/components/nav-right.js +0 -4
  75. package/components/nav-title-large.js +2 -5
  76. package/components/nav-title.js +0 -4
  77. package/components/navbar.d.ts +5 -8
  78. package/components/navbar.js +6 -29
  79. package/components/page-content.js +0 -16
  80. package/components/page.d.ts +0 -4
  81. package/components/page.js +2 -67
  82. package/components/panel.d.ts +4 -0
  83. package/components/panel.js +2 -23
  84. package/components/photo-browser.js +2 -18
  85. package/components/pie-chart.js +4 -20
  86. package/components/popover.d.ts +5 -0
  87. package/components/popover.js +8 -16
  88. package/components/popup.js +3 -19
  89. package/components/preloader.js +4 -23
  90. package/components/progressbar.js +0 -6
  91. package/components/radio.js +0 -7
  92. package/components/range.js +0 -7
  93. package/components/routable-modals.js +0 -7
  94. package/components/row.js +0 -6
  95. package/components/searchbar.d.ts +5 -8
  96. package/components/searchbar.js +7 -28
  97. package/components/segmented.d.ts +0 -12
  98. package/components/segmented.js +2 -12
  99. package/components/sheet.js +2 -18
  100. package/components/stepper.d.ts +0 -20
  101. package/components/stepper.js +1 -27
  102. package/components/subnavbar.js +0 -4
  103. package/components/swipeout-actions.js +0 -6
  104. package/components/swipeout-button.js +0 -6
  105. package/components/tab.js +2 -15
  106. package/components/tabs.js +0 -4
  107. package/components/text-editor.js +0 -17
  108. package/components/toggle.js +0 -9
  109. package/components/toolbar.d.ts +4 -21
  110. package/components/toolbar.js +12 -34
  111. package/components/treeview-item.d.ts +0 -4
  112. package/components/treeview-item.js +0 -13
  113. package/components/treeview.js +2 -5
  114. package/components/use-icon.js +0 -4
  115. package/components/view.d.ts +0 -28
  116. package/components/view.js +7 -51
  117. package/components/views.js +0 -4
  118. package/framework7-vue-bundle.js +1 -34
  119. package/framework7-vue-web-types.json +1 -1
  120. package/framework7-vue.d.ts +2 -14
  121. package/framework7-vue.js +3 -14
  122. package/package.json +1 -1
  123. package/shared/components-router.js +0 -32
  124. package/shared/f7.js +5 -19
  125. package/shared/get-router-initial-component.js +0 -4
  126. package/shared/mixins.js +3 -15
  127. package/shared/plugin.js +2 -8
  128. package/shared/router-open-in.js +4 -13
  129. package/shared/use-icon.js +1 -6
  130. package/shared/use-smart-select.js +0 -1
  131. package/shared/use-store.js +2 -6
  132. package/shared/use-tab.js +0 -2
  133. package/shared/use-theme.js +0 -2
  134. package/shared/use-tooltip.js +0 -2
  135. package/shared/utils.js +0 -14
  136. package/components/appbar.d.ts +0 -67
  137. package/components/col.d.ts +0 -94
  138. package/components/list-item-cell.d.ts +0 -46
  139. package/components/list-item-row.d.ts +0 -46
  140. package/components/menu-dropdown-item.d.ts +0 -223
  141. package/components/menu-dropdown.d.ts +0 -66
  142. package/components/menu-item.d.ts +0 -267
  143. package/components/menu.d.ts +0 -46
  144. package/components/row.d.ts +0 -73
  145. package/components/swiper-slide.d.ts +0 -5
  146. package/components/swiper.d.ts +0 -5
@@ -1,14 +1,3 @@
1
- /**
2
- * Framework7 Vue 7.1.5
3
- * Build full featured iOS & Android apps using Framework7 & Vue
4
- * https://framework7.io/vue/
5
- *
6
- * Copyright 2014-2023 Vladimir Kharlampidi
7
- *
8
- * Released under the MIT License
9
- *
10
- * Released on: February 2, 2023
11
- */
12
1
  import Framework7Vue from './shared/plugin.js';
13
2
  import { f7, f7ready, theme } from './shared/f7.js';
14
3
  import { useStore } from './shared/use-store.js';
@@ -22,7 +11,6 @@ import f7ActionsGroup from './components/actions-group.js';
22
11
  import f7ActionsLabel from './components/actions-label.js';
23
12
  import f7Actions from './components/actions.js';
24
13
  import f7App from './components/app.js';
25
- import f7Appbar from './components/appbar.js';
26
14
  import f7AreaChart from './components/area-chart.js';
27
15
  import f7Badge from './components/badge.js';
28
16
  import f7BlockFooter from './components/block-footer.js';
@@ -40,7 +28,6 @@ import f7CardHeader from './components/card-header.js';
40
28
  import f7Card from './components/card.js';
41
29
  import f7Checkbox from './components/checkbox.js';
42
30
  import f7Chip from './components/chip.js';
43
- import f7Col from './components/col.js';
44
31
  import f7FabBackdrop from './components/fab-backdrop.js';
45
32
  import f7FabButton from './components/fab-button.js';
46
33
  import f7FabButtons from './components/fab-buttons.js';
@@ -53,16 +40,10 @@ import f7ListButton from './components/list-button.js';
53
40
  import f7ListGroup from './components/list-group.js';
54
41
  import f7ListIndex from './components/list-index.js';
55
42
  import f7ListInput from './components/list-input.js';
56
- import f7ListItemCell from './components/list-item-cell.js';
57
- import f7ListItemRow from './components/list-item-row.js';
58
43
  import f7ListItem from './components/list-item.js';
59
44
  import f7List from './components/list.js';
60
45
  import f7LoginScreenTitle from './components/login-screen-title.js';
61
46
  import f7LoginScreen from './components/login-screen.js';
62
- import f7MenuDropdownItem from './components/menu-dropdown-item.js';
63
- import f7MenuDropdown from './components/menu-dropdown.js';
64
- import f7MenuItem from './components/menu-item.js';
65
- import f7Menu from './components/menu.js';
66
47
  import f7Message from './components/message.js';
67
48
  import f7MessagebarAttachment from './components/messagebar-attachment.js';
68
49
  import f7MessagebarAttachments from './components/messagebar-attachments.js';
@@ -89,7 +70,6 @@ import f7Progressbar from './components/progressbar.js';
89
70
  import f7Radio from './components/radio.js';
90
71
  import f7Range from './components/range.js';
91
72
  import f7RoutableModals from './components/routable-modals.js';
92
- import f7Row from './components/row.js';
93
73
  import f7Searchbar from './components/searchbar.js';
94
74
  import f7Segmented from './components/segmented.js';
95
75
  import f7Sheet from './components/sheet.js';
@@ -101,8 +81,6 @@ import f7Stepper from './components/stepper.js';
101
81
  import f7Subnavbar from './components/subnavbar.js';
102
82
  import f7SwipeoutActions from './components/swipeout-actions.js';
103
83
  import f7SwipeoutButton from './components/swipeout-button.js';
104
- import f7SwiperSlide from './components/swiper-slide.js';
105
- import f7Swiper from './components/swiper.js';
106
84
  import f7Tab from './components/tab.js';
107
85
  import f7Tabs from './components/tabs.js';
108
86
  import f7TextEditor from './components/text-editor.js';
@@ -114,7 +92,7 @@ import f7UseIcon from './components/use-icon.js';
114
92
  import f7View from './components/view.js';
115
93
  import f7Views from './components/views.js';
116
94
 
117
- 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 }
95
+ 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, f7Tab, f7Tabs, f7TextEditor, f7Toggle, f7Toolbar, f7TreeviewItem, f7Treeview, f7UseIcon, f7View, f7Views }
118
96
  export { f7, f7ready, theme, useStore };
119
97
  export default Framework7Vue;
120
98
 
@@ -128,7 +106,6 @@ function registerComponents(app) {
128
106
  app.component('f7-actions-label', f7ActionsLabel);
129
107
  app.component('f7-actions', f7Actions);
130
108
  app.component('f7-app', f7App);
131
- app.component('f7-appbar', f7Appbar);
132
109
  app.component('f7-area-chart', f7AreaChart);
133
110
  app.component('f7-badge', f7Badge);
134
111
  app.component('f7-block-footer', f7BlockFooter);
@@ -146,7 +123,6 @@ function registerComponents(app) {
146
123
  app.component('f7-card', f7Card);
147
124
  app.component('f7-checkbox', f7Checkbox);
148
125
  app.component('f7-chip', f7Chip);
149
- app.component('f7-col', f7Col);
150
126
  app.component('f7-fab-backdrop', f7FabBackdrop);
151
127
  app.component('f7-fab-button', f7FabButton);
152
128
  app.component('f7-fab-buttons', f7FabButtons);
@@ -159,16 +135,10 @@ function registerComponents(app) {
159
135
  app.component('f7-list-group', f7ListGroup);
160
136
  app.component('f7-list-index', f7ListIndex);
161
137
  app.component('f7-list-input', f7ListInput);
162
- app.component('f7-list-item-cell', f7ListItemCell);
163
- app.component('f7-list-item-row', f7ListItemRow);
164
138
  app.component('f7-list-item', f7ListItem);
165
139
  app.component('f7-list', f7List);
166
140
  app.component('f7-login-screen-title', f7LoginScreenTitle);
167
141
  app.component('f7-login-screen', f7LoginScreen);
168
- app.component('f7-menu-dropdown-item', f7MenuDropdownItem);
169
- app.component('f7-menu-dropdown', f7MenuDropdown);
170
- app.component('f7-menu-item', f7MenuItem);
171
- app.component('f7-menu', f7Menu);
172
142
  app.component('f7-message', f7Message);
173
143
  app.component('f7-messagebar-attachment', f7MessagebarAttachment);
174
144
  app.component('f7-messagebar-attachments', f7MessagebarAttachments);
@@ -195,7 +165,6 @@ function registerComponents(app) {
195
165
  app.component('f7-radio', f7Radio);
196
166
  app.component('f7-range', f7Range);
197
167
  app.component('f7-routable-modals', f7RoutableModals);
198
- app.component('f7-row', f7Row);
199
168
  app.component('f7-searchbar', f7Searchbar);
200
169
  app.component('f7-segmented', f7Segmented);
201
170
  app.component('f7-sheet', f7Sheet);
@@ -207,8 +176,6 @@ function registerComponents(app) {
207
176
  app.component('f7-subnavbar', f7Subnavbar);
208
177
  app.component('f7-swipeout-actions', f7SwipeoutActions);
209
178
  app.component('f7-swipeout-button', f7SwipeoutButton);
210
- app.component('f7-swiper-slide', f7SwiperSlide);
211
- app.component('f7-swiper', f7Swiper);
212
179
  app.component('f7-tab', f7Tab);
213
180
  app.component('f7-tabs', f7Tabs);
214
181
  app.component('f7-text-editor', f7TextEditor);
@@ -2,7 +2,7 @@
2
2
  "$schema": "http://json-schema.org/draft-04/schema#",
3
3
  "framework": "vue",
4
4
  "name": "framework7-vue",
5
- "version": "7.1.5",
5
+ "version": "8.0.0-beta.2",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "types-syntax": "typescript",
@@ -10,7 +10,6 @@ import f7ActionsGroup from './components/actions-group.js';
10
10
  import f7ActionsLabel from './components/actions-label.js';
11
11
  import f7Actions from './components/actions.js';
12
12
  import f7App from './components/app.js';
13
- import f7Appbar from './components/appbar.js';
14
13
  import f7AreaChart from './components/area-chart.js';
15
14
  import f7Badge from './components/badge.js';
16
15
  import f7BlockFooter from './components/block-footer.js';
@@ -28,7 +27,6 @@ import f7CardHeader from './components/card-header.js';
28
27
  import f7Card from './components/card.js';
29
28
  import f7Checkbox from './components/checkbox.js';
30
29
  import f7Chip from './components/chip.js';
31
- import f7Col from './components/col.js';
32
30
  import f7FabBackdrop from './components/fab-backdrop.js';
33
31
  import f7FabButton from './components/fab-button.js';
34
32
  import f7FabButtons from './components/fab-buttons.js';
@@ -41,16 +39,10 @@ import f7ListButton from './components/list-button.js';
41
39
  import f7ListGroup from './components/list-group.js';
42
40
  import f7ListIndex from './components/list-index.js';
43
41
  import f7ListInput from './components/list-input.js';
44
- import f7ListItemCell from './components/list-item-cell.js';
45
- import f7ListItemRow from './components/list-item-row.js';
46
42
  import f7ListItem from './components/list-item.js';
47
43
  import f7List from './components/list.js';
48
44
  import f7LoginScreenTitle from './components/login-screen-title.js';
49
45
  import f7LoginScreen from './components/login-screen.js';
50
- import f7MenuDropdownItem from './components/menu-dropdown-item.js';
51
- import f7MenuDropdown from './components/menu-dropdown.js';
52
- import f7MenuItem from './components/menu-item.js';
53
- import f7Menu from './components/menu.js';
54
46
  import f7Message from './components/message.js';
55
47
  import f7MessagebarAttachment from './components/messagebar-attachment.js';
56
48
  import f7MessagebarAttachments from './components/messagebar-attachments.js';
@@ -77,7 +69,6 @@ import f7Progressbar from './components/progressbar.js';
77
69
  import f7Radio from './components/radio.js';
78
70
  import f7Range from './components/range.js';
79
71
  import f7RoutableModals from './components/routable-modals.js';
80
- import f7Row from './components/row.js';
81
72
  import f7Searchbar from './components/searchbar.js';
82
73
  import f7Segmented from './components/segmented.js';
83
74
  import f7Sheet from './components/sheet.js';
@@ -89,8 +80,6 @@ import f7Stepper from './components/stepper.js';
89
80
  import f7Subnavbar from './components/subnavbar.js';
90
81
  import f7SwipeoutActions from './components/swipeout-actions.js';
91
82
  import f7SwipeoutButton from './components/swipeout-button.js';
92
- import f7SwiperSlide from './components/swiper-slide.js';
93
- import f7Swiper from './components/swiper.js';
94
83
  import f7Tab from './components/tab.js';
95
84
  import f7Tabs from './components/tabs.js';
96
85
  import f7TextEditor from './components/text-editor.js';
@@ -105,10 +94,9 @@ import f7Views from './components/views.js';
105
94
  export interface Framework7Theme {
106
95
  ios: boolean;
107
96
  md: boolean;
108
- aurora: boolean;
109
97
  }
110
98
 
111
- /** Object with boolean properties with information about currently used theme (iOS, MD or Aurora) */
99
+ /** Object with boolean properties with information about currently used theme (`ios` and `md`) */
112
100
  declare const theme: Framework7Theme;
113
101
 
114
102
  /** Main Framework7's initialized instance. It allows you to use any of Framework7 APIs */
@@ -126,6 +114,6 @@ interface useStore {
126
114
 
127
115
  declare const useStore: useStore;
128
116
 
129
- 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 }
117
+ 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, f7Tab, f7Tabs, f7TextEditor, f7Toggle, f7Toolbar, f7TreeviewItem, f7Treeview, f7UseIcon, f7View, f7Views }
130
118
  export { f7, f7ready, theme, useStore };
131
119
  export default Framework7Vue;
package/framework7-vue.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Framework7 Vue 7.1.5
2
+ * Framework7 Vue 8.0.0-beta.2
3
3
  * Build full featured iOS & Android apps using Framework7 & Vue
4
4
  * https://framework7.io/vue/
5
5
  *
@@ -7,7 +7,7 @@
7
7
  *
8
8
  * Released under the MIT License
9
9
  *
10
- * Released on: February 2, 2023
10
+ * Released on: February 7, 2023
11
11
  */
12
12
  import Framework7Vue from './shared/plugin.js';
13
13
  import { f7, f7ready, theme } from './shared/f7.js';
@@ -22,7 +22,6 @@ import f7ActionsGroup from './components/actions-group.js';
22
22
  import f7ActionsLabel from './components/actions-label.js';
23
23
  import f7Actions from './components/actions.js';
24
24
  import f7App from './components/app.js';
25
- import f7Appbar from './components/appbar.js';
26
25
  import f7AreaChart from './components/area-chart.js';
27
26
  import f7Badge from './components/badge.js';
28
27
  import f7BlockFooter from './components/block-footer.js';
@@ -40,7 +39,6 @@ import f7CardHeader from './components/card-header.js';
40
39
  import f7Card from './components/card.js';
41
40
  import f7Checkbox from './components/checkbox.js';
42
41
  import f7Chip from './components/chip.js';
43
- import f7Col from './components/col.js';
44
42
  import f7FabBackdrop from './components/fab-backdrop.js';
45
43
  import f7FabButton from './components/fab-button.js';
46
44
  import f7FabButtons from './components/fab-buttons.js';
@@ -53,16 +51,10 @@ import f7ListButton from './components/list-button.js';
53
51
  import f7ListGroup from './components/list-group.js';
54
52
  import f7ListIndex from './components/list-index.js';
55
53
  import f7ListInput from './components/list-input.js';
56
- import f7ListItemCell from './components/list-item-cell.js';
57
- import f7ListItemRow from './components/list-item-row.js';
58
54
  import f7ListItem from './components/list-item.js';
59
55
  import f7List from './components/list.js';
60
56
  import f7LoginScreenTitle from './components/login-screen-title.js';
61
57
  import f7LoginScreen from './components/login-screen.js';
62
- import f7MenuDropdownItem from './components/menu-dropdown-item.js';
63
- import f7MenuDropdown from './components/menu-dropdown.js';
64
- import f7MenuItem from './components/menu-item.js';
65
- import f7Menu from './components/menu.js';
66
58
  import f7Message from './components/message.js';
67
59
  import f7MessagebarAttachment from './components/messagebar-attachment.js';
68
60
  import f7MessagebarAttachments from './components/messagebar-attachments.js';
@@ -89,7 +81,6 @@ import f7Progressbar from './components/progressbar.js';
89
81
  import f7Radio from './components/radio.js';
90
82
  import f7Range from './components/range.js';
91
83
  import f7RoutableModals from './components/routable-modals.js';
92
- import f7Row from './components/row.js';
93
84
  import f7Searchbar from './components/searchbar.js';
94
85
  import f7Segmented from './components/segmented.js';
95
86
  import f7Sheet from './components/sheet.js';
@@ -101,8 +92,6 @@ import f7Stepper from './components/stepper.js';
101
92
  import f7Subnavbar from './components/subnavbar.js';
102
93
  import f7SwipeoutActions from './components/swipeout-actions.js';
103
94
  import f7SwipeoutButton from './components/swipeout-button.js';
104
- import f7SwiperSlide from './components/swiper-slide.js';
105
- import f7Swiper from './components/swiper.js';
106
95
  import f7Tab from './components/tab.js';
107
96
  import f7Tabs from './components/tabs.js';
108
97
  import f7TextEditor from './components/text-editor.js';
@@ -114,6 +103,6 @@ import f7UseIcon from './components/use-icon.js';
114
103
  import f7View from './components/view.js';
115
104
  import f7Views from './components/views.js';
116
105
 
117
- 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 }
106
+ 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, f7Tab, f7Tabs, f7TextEditor, f7Toggle, f7Toolbar, f7TreeviewItem, f7Treeview, f7UseIcon, f7View, f7Views }
118
107
  export { f7, f7ready, theme, useStore };
119
108
  export default Framework7Vue;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "framework7-vue",
3
- "version": "7.1.5",
3
+ "version": "8.0.0-beta.2",
4
4
  "description": "Build full featured iOS & Android apps using Framework7 & Vue",
5
5
  "type": "module",
6
6
  "exports": {
@@ -2,30 +2,24 @@
2
2
  import { f7events, f7routers } from './f7.js';
3
3
  import { extend, getComponentId } from './utils.js';
4
4
  import { routerOpenIn } from './router-open-in.js';
5
-
6
5
  const getChildrenArray = el => {
7
6
  const arr = [];
8
-
9
7
  for (let i = 0; i < el.children.length; i += 1) {
10
8
  arr.push(el.children[i]);
11
9
  }
12
-
13
10
  return arr;
14
11
  };
15
-
16
12
  const hasSameChildren = (childrenBefore, childrenAfter) => {
17
13
  if (childrenBefore.length !== childrenAfter.length) return false;
18
14
  const set = new Set([...childrenBefore, ...childrenAfter]);
19
15
  if (set.size === childrenBefore.length) return true;
20
16
  return false;
21
17
  };
22
-
23
18
  export default {
24
19
  proto: {
25
20
  openIn(router, navigateUrl, options) {
26
21
  return routerOpenIn(router, navigateUrl, options);
27
22
  },
28
-
29
23
  pageComponentLoader(_ref) {
30
24
  let {
31
25
  routerEl,
@@ -43,12 +37,10 @@ export default {
43
37
  viewRouter = data;
44
38
  }
45
39
  });
46
-
47
40
  if (!viewRouter) {
48
41
  reject();
49
42
  return;
50
43
  }
51
-
52
44
  const pageData = {
53
45
  component,
54
46
  id: getComponentId(),
@@ -59,7 +51,6 @@ export default {
59
51
  };
60
52
  let resolved;
61
53
  const childrenBefore = getChildrenArray(el);
62
-
63
54
  function onDidUpdate(componentRouterData) {
64
55
  if (componentRouterData !== viewRouter || resolved) return;
65
56
  const childrenAfter = getChildrenArray(el);
@@ -70,23 +61,19 @@ export default {
70
61
  resolve(pageEl);
71
62
  resolved = true;
72
63
  }
73
-
74
64
  f7events.on('viewRouterDidUpdate', onDidUpdate);
75
65
  viewRouter.pages.push(pageData);
76
66
  viewRouter.setPages(viewRouter.pages);
77
67
  },
78
-
79
68
  removePage($pageEl) {
80
69
  if (!$pageEl) return;
81
70
  const router = this;
82
71
  let f7Page;
83
72
  if ('length' in $pageEl && $pageEl[0]) f7Page = $pageEl[0].f7Page;else f7Page = $pageEl.f7Page;
84
-
85
73
  if (f7Page && f7Page.route && f7Page.route.route && f7Page.route.route.keepAlive) {
86
74
  router.app.$($pageEl).remove();
87
75
  return;
88
76
  }
89
-
90
77
  let viewRouter;
91
78
  f7routers.views.forEach(data => {
92
79
  if (data.el && data.el === router.el) {
@@ -94,7 +81,6 @@ export default {
94
81
  }
95
82
  });
96
83
  let pageEl;
97
-
98
84
  if ('length' in $pageEl) {
99
85
  // Dom7
100
86
  if ($pageEl.length === 0) return;
@@ -102,7 +88,6 @@ export default {
102
88
  } else {
103
89
  pageEl = $pageEl;
104
90
  }
105
-
106
91
  if (!pageEl) return;
107
92
  let pageComponentFound;
108
93
  viewRouter.pages.forEach((page, index) => {
@@ -112,12 +97,10 @@ export default {
112
97
  viewRouter.setPages(viewRouter.pages);
113
98
  }
114
99
  });
115
-
116
100
  if (!pageComponentFound) {
117
101
  pageEl.parentNode.removeChild(pageEl);
118
102
  }
119
103
  },
120
-
121
104
  tabComponentLoader(_temp) {
122
105
  let {
123
106
  tabEl,
@@ -134,12 +117,10 @@ export default {
134
117
  tabRouter = tabData;
135
118
  }
136
119
  });
137
-
138
120
  if (!tabRouter) {
139
121
  reject();
140
122
  return;
141
123
  }
142
-
143
124
  const id = getComponentId();
144
125
  const tabContent = {
145
126
  id,
@@ -150,7 +131,6 @@ export default {
150
131
  }, options.route.route && options.route.route.tab && options.route.route.tab.options && options.route.route.tab.options.props || {}, options.route.params, options.props || {})
151
132
  };
152
133
  let resolved;
153
-
154
134
  function onDidUpdate(componentRouterData) {
155
135
  if (componentRouterData !== tabRouter || resolved) return;
156
136
  f7events.off('tabRouterDidUpdate', onDidUpdate);
@@ -158,11 +138,9 @@ export default {
158
138
  resolve(tabContentEl);
159
139
  resolved = true;
160
140
  }
161
-
162
141
  f7events.on('tabRouterDidUpdate', onDidUpdate);
163
142
  tabRouter.setTabContent(tabContent);
164
143
  },
165
-
166
144
  removeTabContent(tabEl) {
167
145
  if (!tabEl) return;
168
146
  let tabRouter;
@@ -171,16 +149,12 @@ export default {
171
149
  tabRouter = tabData;
172
150
  }
173
151
  });
174
-
175
152
  if (!tabRouter) {
176
153
  tabEl.innerHTML = ''; // eslint-disable-line
177
-
178
154
  return;
179
155
  }
180
-
181
156
  tabRouter.setTabContent(null);
182
157
  },
183
-
184
158
  modalComponentLoader(_temp2) {
185
159
  let {
186
160
  component,
@@ -190,12 +164,10 @@ export default {
190
164
  } = _temp2 === void 0 ? {} : _temp2;
191
165
  const router = this;
192
166
  const modalsRouter = f7routers.modals;
193
-
194
167
  if (!modalsRouter) {
195
168
  reject();
196
169
  return;
197
170
  }
198
-
199
171
  const modalData = {
200
172
  component,
201
173
  id: getComponentId(),
@@ -205,7 +177,6 @@ export default {
205
177
  }, options.route.params, options.props || {})
206
178
  };
207
179
  let resolved;
208
-
209
180
  function onDidUpdate() {
210
181
  if (resolved) return;
211
182
  f7events.off('modalsRouterDidUpdate', onDidUpdate);
@@ -214,12 +185,10 @@ export default {
214
185
  resolve(modalEl);
215
186
  resolved = true;
216
187
  }
217
-
218
188
  f7events.on('modalsRouterDidUpdate', onDidUpdate);
219
189
  modalsRouter.modals.push(modalData);
220
190
  modalsRouter.setModals(modalsRouter.modals);
221
191
  },
222
-
223
192
  removeModal(modalEl) {
224
193
  const modalsRouter = f7routers.modals;
225
194
  if (!modalsRouter) return;
@@ -230,6 +199,5 @@ export default {
230
199
  modalsRouter.modals.splice(modalsRouter.modals.indexOf(modalDataToRemove), 1);
231
200
  modalsRouter.setModals(modalsRouter.modals);
232
201
  }
233
-
234
202
  }
235
203
  };
package/shared/f7.js CHANGED
@@ -9,61 +9,49 @@ const f7routers = {
9
9
  tabs: [],
10
10
  modals: null
11
11
  };
12
-
13
12
  const setTheme = () => {
14
13
  if (!f7) return;
15
14
  theme.ios = f7.theme === 'ios';
16
15
  theme.md = f7.theme === 'md';
17
- theme.aurora = f7.theme === 'aurora';
18
16
  };
19
-
20
17
  const cleanup = () => {
21
18
  unsetRouterIds();
22
19
  delete theme.ios;
23
20
  delete theme.md;
24
- delete theme.aurora;
25
21
  f7routers.views = [];
26
22
  f7routers.tabs = [];
27
23
  f7routers.modals = null;
28
24
  };
29
-
30
25
  const f7initEvents = () => {
31
26
  f7events = new Framework7.Events();
32
27
  };
33
-
34
28
  const f7init = function (rootEl, params, init) {
35
29
  if (params === void 0) {
36
30
  params = {};
37
31
  }
38
-
39
32
  if (init === void 0) {
40
33
  init = true;
41
34
  }
42
-
43
35
  const f7Params = extend({}, params, {
44
36
  el: rootEl,
45
37
  init
46
38
  });
47
39
  if (typeof params.store !== 'undefined') f7Params.store = params.store;
48
40
  if (!f7Params.routes) f7Params.routes = [];
49
-
50
41
  if (f7Params.userAgent && (f7Params.theme === 'auto' || !f7Params.theme)) {
51
42
  const device = Framework7.getDevice({
52
43
  userAgent: f7Params.userAgent
53
44
  }, true);
54
45
  theme.ios = !!device.ios;
55
- theme.aurora = device.desktop && device.electron;
56
- theme.md = !theme.ios && !theme.aurora;
57
- } // eslint-disable-next-line
58
-
59
-
60
- if (f7 && typeof window !== 'undefined') return; // eslint-disable-next-line
61
-
46
+ theme.md = !theme.ios;
47
+ }
48
+ // eslint-disable-next-line
49
+ if (f7 && typeof window !== 'undefined') return;
50
+ // eslint-disable-next-line
62
51
  if (typeof window === 'undefined') cleanup();
63
52
  const instance = new Framework7(f7Params);
64
53
  f7 = instance;
65
54
  setTheme();
66
-
67
55
  if (instance.initialized) {
68
56
  f7 = instance;
69
57
  f7events.emit('ready', f7);
@@ -74,12 +62,10 @@ const f7init = function (rootEl, params, init) {
74
62
  });
75
63
  }
76
64
  };
77
-
78
65
  const f7ready = callback => {
79
66
  if (!callback) return;
80
67
  if (f7 && f7.initialized) callback(f7);else {
81
68
  f7events.once('ready', callback);
82
69
  }
83
70
  };
84
-
85
71
  export { f7, theme, f7ready, f7events, f7init, f7routers, f7initEvents, setTheme };
@@ -6,17 +6,14 @@ export const getRouterInitialComponent = (router, initialComponent) => {
6
6
  } = router.getInitialUrl();
7
7
  const initialRoute = router.findMatchingRoute(initialUrl);
8
8
  let routeProps = {};
9
-
10
9
  if (initialRoute && initialRoute.route && initialRoute.route.options) {
11
10
  routeProps = initialRoute.route.options.props;
12
11
  }
13
-
14
12
  const isMasterRoute = route => {
15
13
  if (route.master === true) return true;
16
14
  if (typeof route.master === 'function') return route.master(router.app);
17
15
  return false;
18
16
  };
19
-
20
17
  if (initialRoute && initialRoute.route && (initialRoute.route.component || initialRoute.route.asyncComponent) && !isMasterRoute(initialRoute.route)) {
21
18
  initialComponentData = {
22
19
  component: initialRoute.route.component || initialRoute.route.asyncComponent,
@@ -31,7 +28,6 @@ export const getRouterInitialComponent = (router, initialComponent) => {
31
28
  }
32
29
  };
33
30
  }
34
-
35
31
  return {
36
32
  initialPage: initialComponentData,
37
33
  initialRoute
package/shared/mixins.js CHANGED
@@ -34,7 +34,6 @@ export const iconProps = {
34
34
  iconF7: String,
35
35
  iconIos: String,
36
36
  iconMd: String,
37
- iconAurora: String,
38
37
  iconColor: String,
39
38
  iconSize: [String, Number],
40
39
  iconBadge: [String, Number],
@@ -78,17 +77,13 @@ export function routerAttrs(props) {
78
77
  openIn
79
78
  } = props;
80
79
  let dataAnimate;
81
-
82
80
  if ('animate' in props && typeof animate !== 'undefined') {
83
81
  dataAnimate = animate.toString();
84
82
  }
85
-
86
83
  let dataReloadDetail;
87
-
88
84
  if ('reloadDetail' in props && typeof reloadDetail !== 'undefined') {
89
85
  dataReloadDetail = reloadDetail.toString();
90
86
  }
91
-
92
87
  return {
93
88
  'data-force': force || undefined,
94
89
  'data-reload-current': reloadCurrent || undefined,
@@ -147,12 +142,7 @@ export const actionsProps = {
147
142
  // Card
148
143
  cardOpen: [Boolean, String],
149
144
  cardPreventOpen: [Boolean, String],
150
- cardClose: [Boolean, String],
151
- // Menu
152
- menuClose: {
153
- type: [Boolean, String],
154
- default: undefined
155
- }
145
+ cardClose: [Boolean, String]
156
146
  };
157
147
  export function actionsAttrs(props) {
158
148
  const {
@@ -215,8 +205,7 @@ export function actionsClasses(props) {
215
205
  sortableToggle,
216
206
  cardOpen,
217
207
  cardPreventOpen,
218
- cardClose,
219
- menuClose
208
+ cardClose
220
209
  } = props;
221
210
  return {
222
211
  'searchbar-enable': searchbarEnable || searchbarEnable === '',
@@ -241,7 +230,6 @@ export function actionsClasses(props) {
241
230
  'sortable-toggle': sortableToggle || sortableToggle === '',
242
231
  'card-close': cardClose || cardClose === '',
243
232
  'card-open': cardOpen || cardOpen === '',
244
- 'card-prevent-open': cardPreventOpen || cardPreventOpen === '',
245
- 'menu-close': menuClose || menuClose === ''
233
+ 'card-prevent-open': cardPreventOpen || cardPreventOpen === ''
246
234
  };
247
235
  }