framework7-vue 6.3.4 → 7.0.0-beta.3

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 (459) hide show
  1. package/components/{accordion-content/accordion-content.d.ts → accordion-content.d.ts} +0 -0
  2. package/components/accordion-content.js +25 -0
  3. package/components/{accordion-item/accordion-item.d.ts → accordion-item.d.ts} +0 -0
  4. package/{esm/components → components}/accordion-item.js +27 -31
  5. package/components/{accordion-toggle/accordion-toggle.d.ts → accordion-toggle.d.ts} +0 -0
  6. package/components/accordion-toggle.js +25 -0
  7. package/components/{accordion/accordion.d.ts → accordion.d.ts} +0 -0
  8. package/components/accordion.js +27 -0
  9. package/components/{actions-button/actions-button.d.ts → actions-button.d.ts} +0 -0
  10. package/{esm/components → components}/actions-button.js +25 -29
  11. package/components/{actions-group/actions-group.d.ts → actions-group.d.ts} +0 -0
  12. package/components/actions-group.js +25 -0
  13. package/components/{actions-label/actions-label.d.ts → actions-label.d.ts} +0 -0
  14. package/components/actions-label.js +38 -0
  15. package/components/{actions/actions.d.ts → actions.d.ts} +0 -0
  16. package/{esm/components → components}/actions.js +44 -44
  17. package/components/{app/app.d.ts → app.d.ts} +1 -1
  18. package/components/app.js +292 -0
  19. package/components/{appbar/appbar.d.ts → appbar.d.ts} +0 -0
  20. package/{esm/components → components}/appbar.js +15 -18
  21. package/components/{area-chart/area-chart.d.ts → area-chart.d.ts} +0 -0
  22. package/{esm/components → components}/area-chart.js +149 -161
  23. package/components/{badge/badge.d.ts → badge.d.ts} +0 -0
  24. package/components/badge.js +33 -0
  25. package/components/{block-footer/block-footer.d.ts → block-footer.d.ts} +0 -0
  26. package/components/block-footer.js +25 -0
  27. package/components/{block-header/block-header.d.ts → block-header.d.ts} +0 -0
  28. package/components/block-header.js +25 -0
  29. package/components/{block-title/block-title.d.ts → block-title.d.ts} +0 -0
  30. package/{esm/components → components}/block-title.js +14 -11
  31. package/components/{block/block.d.ts → block.d.ts} +0 -0
  32. package/{esm/components → components}/block.js +35 -31
  33. package/components/{button/button.d.ts → button.d.ts} +0 -0
  34. package/{esm/components → components}/button.js +83 -81
  35. package/components/{card-content/card-content.d.ts → card-content.d.ts} +0 -0
  36. package/components/card-content.js +32 -0
  37. package/components/{card-footer/card-footer.d.ts → card-footer.d.ts} +0 -0
  38. package/components/card-footer.js +25 -0
  39. package/components/{card-header/card-header.d.ts → card-header.d.ts} +0 -0
  40. package/components/card-header.js +25 -0
  41. package/components/{card/card.d.ts → card.d.ts} +0 -0
  42. package/{esm/components → components}/card.js +47 -61
  43. package/components/{checkbox/checkbox.d.ts → checkbox.d.ts} +0 -0
  44. package/{esm/components → components}/checkbox.js +23 -27
  45. package/components/{chip/chip.d.ts → chip.d.ts} +0 -0
  46. package/{esm/components → components}/chip.js +32 -37
  47. package/components/{col/col.d.ts → col.d.ts} +0 -0
  48. package/components/col.js +96 -0
  49. package/components/{fab-backdrop/fab-backdrop.d.ts → fab-backdrop.d.ts} +0 -0
  50. package/components/fab-backdrop.js +25 -0
  51. package/components/{fab-button/fab-button.d.ts → fab-button.d.ts} +0 -0
  52. package/{esm/components → components}/fab-button.js +21 -23
  53. package/components/{fab-buttons/fab-buttons.d.ts → fab-buttons.d.ts} +0 -0
  54. package/components/fab-buttons.js +30 -0
  55. package/components/{fab/fab.d.ts → fab.d.ts} +0 -0
  56. package/{esm/components → components}/fab.js +29 -25
  57. package/components/{gauge/gauge.d.ts → gauge.d.ts} +0 -0
  58. package/{esm/components → components}/gauge.js +19 -25
  59. package/components/{icon/icon.d.ts → icon.d.ts} +0 -0
  60. package/{esm/components → components}/icon.js +40 -35
  61. package/components/{input/input.d.ts → input.d.ts} +0 -0
  62. package/{esm/components → components}/input.js +96 -110
  63. package/components/{link/link.d.ts → link.d.ts} +0 -0
  64. package/{esm/components → components}/link.js +55 -50
  65. package/components/{list-button/list-button.d.ts → list-button.d.ts} +0 -0
  66. package/{esm/components → components}/list-button.js +32 -25
  67. package/components/{list-group/list-group.d.ts → list-group.d.ts} +0 -0
  68. package/components/list-group.js +56 -0
  69. package/components/{list-index/list-index.d.ts → list-index.d.ts} +0 -0
  70. package/{esm/components → components}/list-index.js +25 -26
  71. package/components/{list-input/list-input.d.ts → list-input.d.ts} +0 -0
  72. package/{esm/components → components}/list-input.js +83 -99
  73. package/components/{list-item-cell/list-item-cell.d.ts → list-item-cell.d.ts} +0 -0
  74. package/components/list-item-cell.js +25 -0
  75. package/components/{list-item-row/list-item-row.d.ts → list-item-row.d.ts} +0 -0
  76. package/components/list-item-row.js +25 -0
  77. package/components/{list-item/list-item.d.ts → list-item.d.ts} +0 -0
  78. package/{esm/components → components}/list-item.js +156 -179
  79. package/components/{list/list.d.ts → list.d.ts} +0 -0
  80. package/{esm/components → components}/list.js +85 -83
  81. package/components/{login-screen-title/login-screen-title.d.ts → login-screen-title.d.ts} +0 -0
  82. package/components/login-screen-title.js +25 -0
  83. package/components/{login-screen/login-screen.d.ts → login-screen.d.ts} +0 -0
  84. package/{esm/components → components}/login-screen.js +29 -31
  85. package/components/{menu-dropdown-item/menu-dropdown-item.d.ts → menu-dropdown-item.d.ts} +0 -0
  86. package/{esm/components → components}/menu-dropdown-item.js +30 -30
  87. package/components/{menu-dropdown/menu-dropdown.d.ts → menu-dropdown.d.ts} +0 -0
  88. package/{esm/components → components}/menu-dropdown.js +12 -11
  89. package/components/{menu-item/menu-item.d.ts → menu-item.d.ts} +0 -0
  90. package/{esm/components → components}/menu-item.js +49 -50
  91. package/components/{menu/menu.d.ts → menu.d.ts} +0 -0
  92. package/components/menu.js +28 -0
  93. package/components/{message/message.d.ts → message.d.ts} +0 -0
  94. package/components/message.js +167 -0
  95. package/components/{messagebar-attachment/messagebar-attachment.d.ts → messagebar-attachment.d.ts} +0 -0
  96. package/{esm/components → components}/messagebar-attachment.js +17 -22
  97. package/components/{messagebar-attachments/messagebar-attachments.d.ts → messagebar-attachments.d.ts} +0 -0
  98. package/components/messagebar-attachments.js +25 -0
  99. package/components/{messagebar-sheet-image/messagebar-sheet-image.d.ts → messagebar-sheet-image.d.ts} +0 -0
  100. package/components/messagebar-sheet-image.js +51 -0
  101. package/components/{messagebar-sheet-item/messagebar-sheet-item.d.ts → messagebar-sheet-item.d.ts} +0 -0
  102. package/components/messagebar-sheet-item.js +25 -0
  103. package/components/{messagebar-sheet/messagebar-sheet.d.ts → messagebar-sheet.d.ts} +0 -0
  104. package/components/messagebar-sheet.js +25 -0
  105. package/components/{messagebar/messagebar.d.ts → messagebar.d.ts} +0 -0
  106. package/{esm/components → components}/messagebar.js +63 -64
  107. package/components/{messages-title/messages-title.d.ts → messages-title.d.ts} +0 -0
  108. package/components/messages-title.js +25 -0
  109. package/components/{messages/messages.d.ts → messages.d.ts} +0 -0
  110. package/{esm/components → components}/messages.js +31 -31
  111. package/components/{nav-left/nav-left.d.ts → nav-left.d.ts} +0 -0
  112. package/{esm/components → components}/nav-left.js +21 -22
  113. package/components/{nav-right/nav-right.d.ts → nav-right.d.ts} +0 -0
  114. package/components/nav-right.js +29 -0
  115. package/components/{nav-title-large/nav-title-large.d.ts → nav-title-large.d.ts} +0 -0
  116. package/{esm/components → components}/nav-title-large.js +9 -10
  117. package/components/{nav-title/nav-title.d.ts → nav-title.d.ts} +0 -0
  118. package/{esm/components → components}/nav-title.js +13 -14
  119. package/components/{navbar/navbar.d.ts → navbar.d.ts} +0 -0
  120. package/{esm/components → components}/navbar.js +86 -102
  121. package/components/{page-content/page-content.d.ts → page-content.d.ts} +0 -0
  122. package/{esm/components → components}/page-content.js +41 -41
  123. package/components/{page/page.d.ts → page.d.ts} +0 -0
  124. package/{esm/components → components}/page.js +92 -94
  125. package/components/{panel/panel.d.ts → panel.d.ts} +0 -0
  126. package/{esm/components → components}/panel.js +46 -52
  127. package/components/{photo-browser/photo-browser.d.ts → photo-browser.d.ts} +0 -0
  128. package/{esm/components → components}/photo-browser.js +37 -31
  129. package/components/{pie-chart/pie-chart.d.ts → pie-chart.d.ts} +0 -0
  130. package/components/pie-chart.js +184 -0
  131. package/components/{popover/popover.d.ts → popover.d.ts} +0 -0
  132. package/{esm/components → components}/popover.js +40 -40
  133. package/components/{popup/popup.d.ts → popup.d.ts} +0 -0
  134. package/{esm/components → components}/popup.js +46 -46
  135. package/components/{preloader/preloader.d.ts → preloader.d.ts} +0 -0
  136. package/{esm/components → components}/preloader.js +26 -27
  137. package/components/{progressbar/progressbar.d.ts → progressbar.d.ts} +0 -0
  138. package/components/progressbar.js +49 -0
  139. package/components/{radio/radio.d.ts → radio.d.ts} +0 -0
  140. package/{esm/components → components}/radio.js +21 -23
  141. package/components/{range/range.d.ts → range.d.ts} +0 -0
  142. package/{esm/components → components}/range.js +33 -33
  143. package/components/{routable-modals/routable-modals.d.ts → routable-modals.d.ts} +0 -0
  144. package/components/routable-modals.js +65 -0
  145. package/components/{row/row.d.ts → row.d.ts} +0 -0
  146. package/components/row.js +72 -0
  147. package/components/{searchbar/searchbar.d.ts → searchbar.d.ts} +0 -0
  148. package/{esm/components → components}/searchbar.js +80 -92
  149. package/components/{segmented/segmented.d.ts → segmented.d.ts} +0 -0
  150. package/components/segmented.js +63 -0
  151. package/components/{sheet/sheet.d.ts → sheet.d.ts} +0 -0
  152. package/{esm/components → components}/sheet.js +49 -49
  153. package/components/{skeleton-avatar/skeleton-avatar.d.ts → skeleton-avatar.d.ts} +0 -0
  154. package/{esm/components → components}/skeleton-avatar.js +0 -0
  155. package/components/{skeleton-block/skeleton-block.d.ts → skeleton-block.d.ts} +0 -0
  156. package/{esm/components → components}/skeleton-block.js +0 -0
  157. package/components/{skeleton-image/skeleton-image.d.ts → skeleton-image.d.ts} +0 -0
  158. package/{esm/components → components}/skeleton-image.js +0 -0
  159. package/components/{skeleton-text/skeleton-text.d.ts → skeleton-text.d.ts} +0 -0
  160. package/{esm/components → components}/skeleton-text.js +0 -0
  161. package/components/{stepper/stepper.d.ts → stepper.d.ts} +0 -0
  162. package/{esm/components → components}/stepper.js +65 -74
  163. package/components/{subnavbar/subnavbar.d.ts → subnavbar.d.ts} +0 -0
  164. package/{esm/components → components}/subnavbar.js +14 -15
  165. package/components/{swipeout-actions/swipeout-actions.d.ts → swipeout-actions.d.ts} +0 -0
  166. package/{esm/components → components}/swipeout-actions.js +12 -13
  167. package/components/{swipeout-button/swipeout-button.d.ts → swipeout-button.d.ts} +0 -0
  168. package/{esm/components → components}/swipeout-button.js +18 -21
  169. package/components/{swiper-slide/swiper-slide.d.ts → swiper-slide.d.ts} +0 -0
  170. package/{esm/components → components}/swiper-slide.js +0 -0
  171. package/components/{swiper/swiper.d.ts → swiper.d.ts} +0 -0
  172. package/{esm/components → components}/swiper.js +0 -0
  173. package/components/{tab/tab.d.ts → tab.d.ts} +0 -0
  174. package/components/tab.js +130 -0
  175. package/components/{tabs/tabs.d.ts → tabs.d.ts} +0 -0
  176. package/{esm/components → components}/tabs.js +24 -29
  177. package/components/{text-editor/text-editor.d.ts → text-editor.d.ts} +0 -0
  178. package/{esm/components → components}/text-editor.js +32 -34
  179. package/components/{toggle/toggle.d.ts → toggle.d.ts} +0 -0
  180. package/{esm/components → components}/toggle.js +28 -31
  181. package/components/{toolbar/toolbar.d.ts → toolbar.d.ts} +0 -0
  182. package/{esm/components → components}/toolbar.js +46 -44
  183. package/components/{treeview-item/treeview-item.d.ts → treeview-item.d.ts} +0 -0
  184. package/components/treeview-item.js +152 -0
  185. package/components/{treeview/treeview.d.ts → treeview.d.ts} +0 -0
  186. package/components/treeview.js +25 -0
  187. package/components/{use-icon/use-icon.d.ts → use-icon.d.ts} +0 -0
  188. package/{esm/components → components}/use-icon.js +11 -15
  189. package/components/{view/view.d.ts → view.d.ts} +0 -0
  190. package/{esm/components → components}/view.js +81 -81
  191. package/components/{views/views.d.ts → views.d.ts} +0 -0
  192. package/components/views.js +29 -0
  193. package/{esm/framework7-vue-bundle.js → framework7-vue-bundle.js} +2 -2
  194. package/{esm/framework7-vue.js → framework7-vue.js} +2 -2
  195. package/package.json +7 -4
  196. package/{esm/shared → shared}/components-router.js +76 -66
  197. package/{esm/shared → shared}/f7.js +14 -22
  198. package/shared/get-router-initial-component.js +39 -0
  199. package/{esm/shared → shared}/mixins.js +95 -81
  200. package/shared/modal-state-classes.js +9 -0
  201. package/{esm/shared → shared}/plugin.js +11 -12
  202. package/shared/router-open-in.js +114 -0
  203. package/shared/use-icon.js +38 -0
  204. package/{esm/shared → shared}/use-route-props.js +5 -6
  205. package/{esm/shared → shared}/use-smart-select.js +6 -6
  206. package/shared/use-store.js +28 -0
  207. package/{esm/shared → shared}/use-tab.js +6 -6
  208. package/{esm/shared → shared}/use-theme.js +3 -3
  209. package/{esm/shared → shared}/use-tooltip.js +10 -10
  210. package/{esm/shared → shared}/utils.js +29 -43
  211. package/bundle/package.json +0 -8
  212. package/cjs/components/accordion-content.js +0 -33
  213. package/cjs/components/accordion-item.js +0 -111
  214. package/cjs/components/accordion-toggle.js +0 -33
  215. package/cjs/components/accordion.js +0 -35
  216. package/cjs/components/actions-button.js +0 -75
  217. package/cjs/components/actions-group.js +0 -33
  218. package/cjs/components/actions-label.js +0 -48
  219. package/cjs/components/actions.js +0 -177
  220. package/cjs/components/app.js +0 -393
  221. package/cjs/components/appbar.js +0 -54
  222. package/cjs/components/area-chart.js +0 -414
  223. package/cjs/components/badge.js +0 -42
  224. package/cjs/components/block-footer.js +0 -33
  225. package/cjs/components/block-header.js +0 -33
  226. package/cjs/components/block-title.js +0 -42
  227. package/cjs/components/block.js +0 -91
  228. package/cjs/components/button.js +0 -211
  229. package/cjs/components/card-content.js +0 -40
  230. package/cjs/components/card-footer.js +0 -33
  231. package/cjs/components/card-header.js +0 -33
  232. package/cjs/components/card.js +0 -237
  233. package/cjs/components/checkbox.js +0 -84
  234. package/cjs/components/chip.js +0 -103
  235. package/cjs/components/col.js +0 -100
  236. package/cjs/components/fab-backdrop.js +0 -33
  237. package/cjs/components/fab-button.js +0 -65
  238. package/cjs/components/fab-buttons.js +0 -38
  239. package/cjs/components/fab.js +0 -92
  240. package/cjs/components/gauge.js +0 -160
  241. package/cjs/components/icon.js +0 -120
  242. package/cjs/components/input.js +0 -478
  243. package/cjs/components/link.js +0 -147
  244. package/cjs/components/list-button.js +0 -76
  245. package/cjs/components/list-group.js +0 -66
  246. package/cjs/components/list-index.js +0 -118
  247. package/cjs/components/list-input.js +0 -480
  248. package/cjs/components/list-item-cell.js +0 -33
  249. package/cjs/components/list-item-row.js +0 -33
  250. package/cjs/components/list-item.js +0 -555
  251. package/cjs/components/list.js +0 -221
  252. package/cjs/components/login-screen-title.js +0 -33
  253. package/cjs/components/login-screen.js +0 -129
  254. package/cjs/components/menu-dropdown-item.js +0 -79
  255. package/cjs/components/menu-dropdown.js +0 -48
  256. package/cjs/components/menu-item.js +0 -150
  257. package/cjs/components/menu.js +0 -37
  258. package/cjs/components/message.js +0 -208
  259. package/cjs/components/messagebar-attachment.js +0 -64
  260. package/cjs/components/messagebar-attachments.js +0 -33
  261. package/cjs/components/messagebar-sheet-image.js +0 -63
  262. package/cjs/components/messagebar-sheet-item.js +0 -33
  263. package/cjs/components/messagebar-sheet.js +0 -33
  264. package/cjs/components/messagebar.js +0 -223
  265. package/cjs/components/messages-title.js +0 -33
  266. package/cjs/components/messages.js +0 -154
  267. package/cjs/components/nav-left.js +0 -85
  268. package/cjs/components/nav-right.js +0 -37
  269. package/cjs/components/nav-title-large.js +0 -37
  270. package/cjs/components/nav-title.js +0 -44
  271. package/cjs/components/navbar.js +0 -323
  272. package/cjs/components/page-content.js +0 -184
  273. package/cjs/components/page.js +0 -451
  274. package/cjs/components/panel.js +0 -224
  275. package/cjs/components/photo-browser.js +0 -185
  276. package/cjs/components/pie-chart.js +0 -204
  277. package/cjs/components/popover.js +0 -166
  278. package/cjs/components/popup.js +0 -185
  279. package/cjs/components/preloader.js +0 -91
  280. package/cjs/components/progressbar.js +0 -61
  281. package/cjs/components/radio.js +0 -71
  282. package/cjs/components/range.js +0 -152
  283. package/cjs/components/routable-modals.js +0 -71
  284. package/cjs/components/row.js +0 -83
  285. package/cjs/components/searchbar.js +0 -313
  286. package/cjs/components/segmented.js +0 -74
  287. package/cjs/components/sheet.js +0 -211
  288. package/cjs/components/skeleton-avatar.js +0 -9
  289. package/cjs/components/skeleton-block.js +0 -9
  290. package/cjs/components/skeleton-image.js +0 -9
  291. package/cjs/components/skeleton-text.js +0 -9
  292. package/cjs/components/stepper.js +0 -264
  293. package/cjs/components/subnavbar.js +0 -53
  294. package/cjs/components/swipeout-actions.js +0 -47
  295. package/cjs/components/swipeout-button.js +0 -59
  296. package/cjs/components/swiper-slide.js +0 -9
  297. package/cjs/components/swiper.js +0 -9
  298. package/cjs/components/tab.js +0 -142
  299. package/cjs/components/tabs.js +0 -71
  300. package/cjs/components/text-editor.js +0 -174
  301. package/cjs/components/toggle.js +0 -106
  302. package/cjs/components/toolbar.js +0 -168
  303. package/cjs/components/treeview-item.js +0 -179
  304. package/cjs/components/treeview.js +0 -33
  305. package/cjs/components/use-icon.js +0 -45
  306. package/cjs/components/view.js +0 -424
  307. package/cjs/components/views.js +0 -37
  308. package/cjs/framework7-vue-bundle.js +0 -515
  309. package/cjs/framework7-vue.js +0 -416
  310. package/cjs/shared/components-router.js +0 -243
  311. package/cjs/shared/f7.js +0 -105
  312. package/cjs/shared/get-router-initial-component.js +0 -48
  313. package/cjs/shared/mixins.js +0 -254
  314. package/cjs/shared/modal-state-classes.js +0 -17
  315. package/cjs/shared/plugin.js +0 -56
  316. package/cjs/shared/use-icon.js +0 -48
  317. package/cjs/shared/use-route-props.js +0 -26
  318. package/cjs/shared/use-smart-select.js +0 -35
  319. package/cjs/shared/use-store.js +0 -37
  320. package/cjs/shared/use-tab.js +0 -38
  321. package/cjs/shared/use-theme.js +0 -22
  322. package/cjs/shared/use-tooltip.js +0 -54
  323. package/cjs/shared/utils.js +0 -150
  324. package/components/accordion/package.json +0 -9
  325. package/components/accordion-content/package.json +0 -9
  326. package/components/accordion-item/package.json +0 -9
  327. package/components/accordion-toggle/package.json +0 -9
  328. package/components/actions/package.json +0 -9
  329. package/components/actions-button/package.json +0 -9
  330. package/components/actions-group/package.json +0 -9
  331. package/components/actions-label/package.json +0 -9
  332. package/components/app/package.json +0 -9
  333. package/components/appbar/package.json +0 -9
  334. package/components/area-chart/package.json +0 -9
  335. package/components/badge/package.json +0 -9
  336. package/components/block/package.json +0 -9
  337. package/components/block-footer/package.json +0 -9
  338. package/components/block-header/package.json +0 -9
  339. package/components/block-title/package.json +0 -9
  340. package/components/button/package.json +0 -9
  341. package/components/card/package.json +0 -9
  342. package/components/card-content/package.json +0 -9
  343. package/components/card-footer/package.json +0 -9
  344. package/components/card-header/package.json +0 -9
  345. package/components/checkbox/package.json +0 -9
  346. package/components/chip/package.json +0 -9
  347. package/components/col/package.json +0 -9
  348. package/components/fab/package.json +0 -9
  349. package/components/fab-backdrop/package.json +0 -9
  350. package/components/fab-button/package.json +0 -9
  351. package/components/fab-buttons/package.json +0 -9
  352. package/components/gauge/package.json +0 -9
  353. package/components/icon/package.json +0 -9
  354. package/components/input/package.json +0 -9
  355. package/components/link/package.json +0 -9
  356. package/components/list/package.json +0 -9
  357. package/components/list-button/package.json +0 -9
  358. package/components/list-group/package.json +0 -9
  359. package/components/list-index/package.json +0 -9
  360. package/components/list-input/package.json +0 -9
  361. package/components/list-item/package.json +0 -9
  362. package/components/list-item-cell/package.json +0 -9
  363. package/components/list-item-row/package.json +0 -9
  364. package/components/login-screen/package.json +0 -9
  365. package/components/login-screen-title/package.json +0 -9
  366. package/components/menu/package.json +0 -9
  367. package/components/menu-dropdown/package.json +0 -9
  368. package/components/menu-dropdown-item/package.json +0 -9
  369. package/components/menu-item/package.json +0 -9
  370. package/components/message/package.json +0 -9
  371. package/components/messagebar/package.json +0 -9
  372. package/components/messagebar-attachment/package.json +0 -9
  373. package/components/messagebar-attachments/package.json +0 -9
  374. package/components/messagebar-sheet/package.json +0 -9
  375. package/components/messagebar-sheet-image/package.json +0 -9
  376. package/components/messagebar-sheet-item/package.json +0 -9
  377. package/components/messages/package.json +0 -9
  378. package/components/messages-title/package.json +0 -9
  379. package/components/nav-left/package.json +0 -9
  380. package/components/nav-right/package.json +0 -9
  381. package/components/nav-title/package.json +0 -9
  382. package/components/nav-title-large/package.json +0 -9
  383. package/components/navbar/package.json +0 -9
  384. package/components/page/package.json +0 -9
  385. package/components/page-content/package.json +0 -9
  386. package/components/panel/package.json +0 -9
  387. package/components/photo-browser/package.json +0 -9
  388. package/components/pie-chart/package.json +0 -9
  389. package/components/popover/package.json +0 -9
  390. package/components/popup/package.json +0 -9
  391. package/components/preloader/package.json +0 -9
  392. package/components/progressbar/package.json +0 -9
  393. package/components/radio/package.json +0 -9
  394. package/components/range/package.json +0 -9
  395. package/components/routable-modals/package.json +0 -9
  396. package/components/row/package.json +0 -9
  397. package/components/searchbar/package.json +0 -9
  398. package/components/segmented/package.json +0 -9
  399. package/components/sheet/package.json +0 -9
  400. package/components/skeleton-avatar/package.json +0 -9
  401. package/components/skeleton-block/package.json +0 -9
  402. package/components/skeleton-image/package.json +0 -9
  403. package/components/skeleton-text/package.json +0 -9
  404. package/components/stepper/package.json +0 -9
  405. package/components/subnavbar/package.json +0 -9
  406. package/components/swipeout-actions/package.json +0 -9
  407. package/components/swipeout-button/package.json +0 -9
  408. package/components/swiper/package.json +0 -9
  409. package/components/swiper-slide/package.json +0 -9
  410. package/components/tab/package.json +0 -9
  411. package/components/tabs/package.json +0 -9
  412. package/components/text-editor/package.json +0 -9
  413. package/components/toggle/package.json +0 -9
  414. package/components/toolbar/package.json +0 -9
  415. package/components/treeview/package.json +0 -9
  416. package/components/treeview-item/package.json +0 -9
  417. package/components/use-icon/package.json +0 -9
  418. package/components/view/package.json +0 -9
  419. package/components/views/package.json +0 -9
  420. package/esm/components/accordion-content.js +0 -26
  421. package/esm/components/accordion-toggle.js +0 -26
  422. package/esm/components/accordion.js +0 -28
  423. package/esm/components/actions-group.js +0 -26
  424. package/esm/components/actions-label.js +0 -41
  425. package/esm/components/app.js +0 -381
  426. package/esm/components/badge.js +0 -34
  427. package/esm/components/block-footer.js +0 -26
  428. package/esm/components/block-header.js +0 -26
  429. package/esm/components/card-content.js +0 -33
  430. package/esm/components/card-footer.js +0 -26
  431. package/esm/components/card-header.js +0 -26
  432. package/esm/components/col.js +0 -91
  433. package/esm/components/fab-backdrop.js +0 -26
  434. package/esm/components/fab-buttons.js +0 -31
  435. package/esm/components/list-group.js +0 -59
  436. package/esm/components/list-item-cell.js +0 -26
  437. package/esm/components/list-item-row.js +0 -26
  438. package/esm/components/login-screen-title.js +0 -26
  439. package/esm/components/menu.js +0 -29
  440. package/esm/components/message.js +0 -200
  441. package/esm/components/messagebar-attachments.js +0 -26
  442. package/esm/components/messagebar-sheet-image.js +0 -56
  443. package/esm/components/messagebar-sheet-item.js +0 -26
  444. package/esm/components/messagebar-sheet.js +0 -26
  445. package/esm/components/messages-title.js +0 -26
  446. package/esm/components/nav-right.js +0 -30
  447. package/esm/components/pie-chart.js +0 -197
  448. package/esm/components/progressbar.js +0 -52
  449. package/esm/components/routable-modals.js +0 -62
  450. package/esm/components/row.js +0 -74
  451. package/esm/components/segmented.js +0 -66
  452. package/esm/components/tab.js +0 -128
  453. package/esm/components/treeview-item.js +0 -161
  454. package/esm/components/treeview.js +0 -26
  455. package/esm/components/views.js +0 -30
  456. package/esm/shared/get-router-initial-component.js +0 -40
  457. package/esm/shared/modal-state-classes.js +0 -10
  458. package/esm/shared/use-icon.js +0 -41
  459. package/esm/shared/use-store.js +0 -28
@@ -1,221 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = void 0;
5
-
6
- var _vue = require("vue");
7
-
8
- var _utils = require("../shared/utils");
9
-
10
- var _mixins = require("../shared/mixins");
11
-
12
- var _f = require("../shared/f7");
13
-
14
- var _useTab = require("../shared/use-tab");
15
-
16
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
17
-
18
- var _default = {
19
- name: 'f7-list',
20
- props: _extends({
21
- inset: Boolean,
22
- xsmallInset: Boolean,
23
- smallInset: Boolean,
24
- mediumInset: Boolean,
25
- largeInset: Boolean,
26
- xlargeInset: Boolean,
27
- mediaList: Boolean,
28
- sortable: Boolean,
29
- sortableTapHold: Boolean,
30
- sortableEnabled: Boolean,
31
- sortableMoveElements: {
32
- type: Boolean,
33
- default: undefined
34
- },
35
- sortableOpposite: Boolean,
36
- accordionList: Boolean,
37
- accordionOpposite: Boolean,
38
- contactsList: Boolean,
39
- simpleList: Boolean,
40
- linksList: Boolean,
41
- menuList: Boolean,
42
- noHairlines: Boolean,
43
- noHairlinesBetween: Boolean,
44
- noHairlinesMd: Boolean,
45
- noHairlinesBetweenMd: Boolean,
46
- noHairlinesIos: Boolean,
47
- noHairlinesBetweenIos: Boolean,
48
- noHairlinesAurora: Boolean,
49
- noHairlinesBetweenAurora: Boolean,
50
- // Links Chevron (Arrow) Icon
51
- noChevron: Boolean,
52
- chevronCenter: Boolean,
53
- // Tab
54
- tab: Boolean,
55
- tabActive: Boolean,
56
- // Form
57
- form: Boolean,
58
- formStoreData: Boolean,
59
- inlineLabels: Boolean,
60
- // Virtual List
61
- virtualList: Boolean,
62
- virtualListParams: Object
63
- }, _mixins.colorProps),
64
- emits: ['submit', 'sortable:enable', 'sortable:disable', 'sortable:sort', 'virtual:itembeforeinsert', 'virtual:beforeclear', 'virtual:itemsbeforeinsert', 'virtual:itemsafterinsert', 'tab:hide', 'tab:show'],
65
- setup: function setup(props, _ref) {
66
- var emit = _ref.emit,
67
- slots = _ref.slots;
68
- var f7VirtualList = null;
69
- var elRef = (0, _vue.ref)(null);
70
-
71
- var onSubmit = function onSubmit(event) {
72
- emit('submit', event);
73
- };
74
-
75
- var onSortableEnable = function onSortableEnable(el) {
76
- if (elRef.value !== el) return;
77
- emit('sortable:enable');
78
- };
79
-
80
- var onSortableDisable = function onSortableDisable(el) {
81
- if (elRef.value !== el) return;
82
- emit('sortable:disable');
83
- };
84
-
85
- var onSortableSort = function onSortableSort(el, sortData, listEl) {
86
- if (elRef.value !== listEl) return;
87
- emit('sortable:sort', sortData);
88
- };
89
-
90
- (0, _useTab.useTab)(elRef, emit);
91
- (0, _vue.onMounted)(function () {
92
- (0, _f.f7ready)(function () {
93
- _f.f7.on('sortableEnable', onSortableEnable);
94
-
95
- _f.f7.on('sortableDisable', onSortableDisable);
96
-
97
- _f.f7.on('sortableSort', onSortableSort);
98
-
99
- if (!props.virtualList) return;
100
- var vlParams = props.virtualListParams || {};
101
- if (!vlParams.renderItem && !vlParams.renderExternal) return;
102
- if (vlParams.items) vlParams.items = (0, _vue.toRaw)(vlParams.items);
103
- f7VirtualList = _f.f7.virtualList.create((0, _utils.extend)({
104
- el: elRef.value,
105
- on: {
106
- itemBeforeInsert: function itemBeforeInsert(itemEl, item) {
107
- var vl = this;
108
- emit('virtual:itembeforeinsert', vl, itemEl, item);
109
- },
110
- beforeClear: function beforeClear(fragment) {
111
- var vl = this;
112
- emit('virtual:beforeclear', vl, fragment);
113
- },
114
- itemsBeforeInsert: function itemsBeforeInsert(fragment) {
115
- var vl = this;
116
- emit('virtual:itemsbeforeinsert', vl, fragment);
117
- },
118
- itemsAfterInsert: function itemsAfterInsert(fragment) {
119
- var vl = this;
120
- emit('virtual:itemsafterinsert', vl, fragment);
121
- }
122
- }
123
- }, vlParams));
124
- });
125
- });
126
- (0, _vue.onBeforeUnmount)(function () {
127
- if (!_f.f7) return;
128
-
129
- _f.f7.off('sortableEnable', onSortableEnable);
130
-
131
- _f.f7.off('sortableDisable', onSortableDisable);
132
-
133
- _f.f7.off('sortableSort', onSortableSort);
134
-
135
- if (!(props.virtualList && f7VirtualList)) return;
136
- if (f7VirtualList.destroy) f7VirtualList.destroy();
137
- f7VirtualList = null;
138
- });
139
- var classes = (0, _vue.computed)(function () {
140
- return (0, _utils.classNames)('list', {
141
- inset: props.inset,
142
- 'xsmall-inset': props.xsmallInset,
143
- 'small-inset': props.smallInset,
144
- 'medium-inset': props.mediumInset,
145
- 'large-inset': props.largeInset,
146
- 'xlarge-inset': props.xlargeInset,
147
- 'media-list': props.mediaList,
148
- 'simple-list': props.simpleList,
149
- 'links-list': props.linksList,
150
- 'menu-list': props.menuList,
151
- sortable: props.sortable,
152
- 'sortable-tap-hold': props.sortableTapHold,
153
- 'sortable-enabled': props.sortableEnabled,
154
- 'sortable-opposite': props.sortableOpposite,
155
- 'accordion-list': props.accordionList,
156
- 'accordion-opposite': props.accordionOpposite,
157
- 'contacts-list': props.contactsList,
158
- 'virtual-list': props.virtualList,
159
- tab: props.tab,
160
- 'tab-active': props.tabActive,
161
- 'no-hairlines': props.noHairlines,
162
- 'no-hairlines-md': props.noHairlinesMd,
163
- 'no-hairlines-ios': props.noHairlinesIos,
164
- 'no-hairlines-aurora': props.noHairlinesAurora,
165
- 'no-hairlines-between': props.noHairlinesBetween,
166
- 'no-hairlines-between-md': props.noHairlinesBetweenMd,
167
- 'no-hairlines-between-ios': props.noHairlinesBetweenIos,
168
- 'no-hairlines-between-aurora': props.noHairlinesBetweenAurora,
169
- 'form-store-data': props.formStoreData,
170
- 'inline-labels': props.inlineLabels,
171
- 'no-chevron': props.noChevron,
172
- 'chevron-center': props.chevronCenter
173
- }, (0, _mixins.colorClasses)(props));
174
- });
175
- var ListTag = (0, _vue.computed)(function () {
176
- return props.form ? 'form' : 'div';
177
- });
178
- var ListContext = (0, _vue.computed)(function () {
179
- return {
180
- listIsMedia: props.mediaList,
181
- listIsSimple: props.simpleList,
182
- listIsSortable: props.sortable,
183
- listIsSortableOpposite: props.sortableOpposite
184
- };
185
- });
186
- (0, _vue.provide)('ListContext', ListContext);
187
- return function () {
188
- var slotsList = slots.list,
189
- slotsDefault = slots.default;
190
- var rootChildrenBeforeList = [];
191
- var rootChildrenAfterList = [];
192
- var ulChildren = slotsList || [];
193
- var wasUlChild = false;
194
-
195
- if (slotsDefault) {
196
- slotsDefault().forEach(function (vnode) {
197
- if (typeof vnode === 'undefined') return;
198
- var tag = vnode.type && vnode.type.name ? vnode.type.name : vnode.type;
199
-
200
- if (tag && typeof tag === 'symbol') {
201
- wasUlChild = true;
202
- ulChildren.push(vnode);
203
- } else if (!tag || tag && !(tag === 'li' || tag.indexOf('f7-list-item') >= 0 || tag.indexOf('f7-list-button') >= 0 || tag.indexOf('f7-list-input') >= 0)) {
204
- if (wasUlChild) rootChildrenAfterList.push(vnode);else rootChildrenBeforeList.push(vnode);
205
- } else if (tag) {
206
- wasUlChild = true;
207
- ulChildren.push(vnode);
208
- }
209
- });
210
- }
211
-
212
- return (0, _vue.h)(ListTag.value, {
213
- ref: elRef,
214
- class: classes.value,
215
- 'data-sortable-move-elements': typeof props.sortableMoveElements !== 'undefined' ? props.sortableMoveElements.toString() : undefined,
216
- onSubmit: onSubmit
217
- }, [slots['before-list'] && slots['before-list'](), rootChildrenBeforeList, ulChildren.length > 0 && (0, _vue.h)('ul', ulChildren), slots['after-list'] && slots['after-list'](), rootChildrenAfterList]);
218
- };
219
- }
220
- };
221
- exports.default = _default;
@@ -1,33 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = void 0;
5
-
6
- var _vue = require("vue");
7
-
8
- var _utils = require("../shared/utils");
9
-
10
- var _mixins = require("../shared/mixins");
11
-
12
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
13
-
14
- function render(_ctx, _cache) {
15
- return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
16
- class: _ctx.classes
17
- }, [(0, _vue.renderSlot)(_ctx.$slots, "default")], 2);
18
- }
19
-
20
- var _default = {
21
- name: 'f7-login-screen-title',
22
- render: render,
23
- props: _extends({}, _mixins.colorProps),
24
- setup: function setup(props) {
25
- var classes = (0, _vue.computed)(function () {
26
- return (0, _utils.classNames)('login-screen-title', (0, _mixins.colorClasses)(props));
27
- });
28
- return {
29
- classes: classes
30
- };
31
- }
32
- };
33
- exports.default = _default;
@@ -1,129 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = void 0;
5
-
6
- var _vue = require("vue");
7
-
8
- var _utils = require("../shared/utils");
9
-
10
- var _mixins = require("../shared/mixins");
11
-
12
- var _f = require("../shared/f7");
13
-
14
- var _modalStateClasses = require("../shared/modal-state-classes");
15
-
16
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
17
-
18
- function render(_ctx, _cache) {
19
- return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
20
- ref: "elRef",
21
- class: _ctx.classes
22
- }, [(0, _vue.renderSlot)(_ctx.$slots, "default")], 2);
23
- }
24
-
25
- var _default = {
26
- name: 'f7-login-screen',
27
- render: render,
28
- props: _extends({
29
- opened: Boolean,
30
- animate: {
31
- type: Boolean,
32
- default: undefined
33
- },
34
- containerEl: {
35
- type: [String, Object],
36
- default: undefined
37
- }
38
- }, _mixins.colorProps),
39
- emits: ['loginscreen:open', 'loginscreen:opened', 'loginscreen:close', 'loginscreen:closed', 'update:opened'],
40
- setup: function setup(props, _ref) {
41
- var emit = _ref.emit;
42
- var f7LoginScreen = (0, _vue.ref)(null); // eslint-disable-next-line
43
-
44
- var isOpened = props.opened;
45
- var isClosing = false;
46
- var elRef = (0, _vue.ref)(null);
47
-
48
- var onOpen = function onOpen(instance) {
49
- isOpened = true;
50
- isClosing = false;
51
- emit('loginscreen:open', instance);
52
- emit('update:opened', true);
53
- };
54
-
55
- var onOpened = function onOpened(instance) {
56
- emit('loginscreen:opened', instance);
57
- };
58
-
59
- var onClose = function onClose(instance) {
60
- isOpened = false;
61
- isClosing = true;
62
- emit('loginscreen:close', instance);
63
- };
64
-
65
- var onClosed = function onClosed(instance) {
66
- isClosing = false;
67
- emit('loginscreen:closed', instance);
68
- emit('update:opened', false);
69
- };
70
-
71
- (0, _vue.watch)(function () {
72
- return props.opened;
73
- }, function (value) {
74
- if (!f7LoginScreen.value) return;
75
-
76
- if (value) {
77
- f7LoginScreen.value.open();
78
- } else {
79
- f7LoginScreen.value.close();
80
- }
81
- });
82
- (0, _vue.onMounted)(function () {
83
- if (!elRef.value) return;
84
- (0, _f.f7ready)(function () {
85
- var loginScreenParams = {
86
- el: elRef.value,
87
- on: {
88
- open: onOpen,
89
- opened: onOpened,
90
- close: onClose,
91
- closed: onClosed
92
- }
93
- };
94
-
95
- if (typeof props.animate !== 'undefined') {
96
- loginScreenParams.animate = props.animate;
97
- }
98
-
99
- if (typeof props.containerEl !== 'undefined') {
100
- loginScreenParams.containerEl = props.containerEl;
101
- }
102
-
103
- f7LoginScreen.value = _f.f7.loginScreen.create(loginScreenParams);
104
-
105
- if (props.opened) {
106
- f7LoginScreen.value.open(false);
107
- }
108
- });
109
- });
110
- (0, _vue.onBeforeUnmount)(function () {
111
- if (f7LoginScreen.value) {
112
- f7LoginScreen.value.destroy();
113
- }
114
-
115
- f7LoginScreen.value = null;
116
- });
117
- var classes = (0, _vue.computed)(function () {
118
- return (0, _utils.classNames)('login-screen', (0, _modalStateClasses.modalStateClasses)({
119
- isOpened: isOpened,
120
- isClosing: isClosing
121
- }), (0, _mixins.colorClasses)(props));
122
- });
123
- return {
124
- elRef: elRef,
125
- classes: classes
126
- };
127
- }
128
- };
129
- exports.default = _default;
@@ -1,79 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = void 0;
5
-
6
- var _vue = require("vue");
7
-
8
- var _utils = require("../shared/utils");
9
-
10
- var _mixins = require("../shared/mixins");
11
-
12
- var _useRouteProps = require("../shared/use-route-props");
13
-
14
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
15
-
16
- function render(_ctx, _cache) {
17
- return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", (0, _vue.mergeProps)({
18
- ref: "elRef",
19
- class: _ctx.classes
20
- }, _ctx.attrs, {
21
- onClick: _cache[1] || (_cache[1] = function () {
22
- return _ctx.onClick && _ctx.onClick.apply(_ctx, arguments);
23
- })
24
- }), [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.text) + " ", 1), (0, _vue.renderSlot)(_ctx.$slots, "default")], 16);
25
- }
26
-
27
- var _default = {
28
- name: 'f7-menu-dropdown-item',
29
- render: render,
30
- props: _extends({
31
- text: String,
32
- link: Boolean,
33
- href: String,
34
- target: String,
35
- divider: Boolean
36
- }, _mixins.colorProps, _mixins.routerProps, _mixins.actionsProps),
37
- emits: ['click'],
38
- setup: function setup(props, _ref) {
39
- var emit = _ref.emit;
40
- var elRef = (0, _vue.ref)(null);
41
-
42
- var onClick = function onClick(e) {
43
- emit('click', e);
44
- };
45
-
46
- (0, _useRouteProps.useRouteProps)(elRef, props);
47
- var isLink = (0, _vue.computed)(function () {
48
- return props.link || props.href || props.href === '';
49
- });
50
- var tag = (0, _vue.computed)(function () {
51
- return isLink.value ? 'a' : 'div';
52
- });
53
- var classes = (0, _vue.computed)(function () {
54
- return (0, _utils.classNames)({
55
- 'menu-dropdown-link': isLink.value && !props.divider,
56
- 'menu-dropdown-item': !isLink.value && !props.divider,
57
- 'menu-dropdown-divider': props.divider
58
- }, (0, _mixins.colorClasses)(props), (0, _mixins.routerClasses)(props), (0, _mixins.actionsClasses)(props), {
59
- 'menu-close': typeof props.menuClose === 'undefined'
60
- });
61
- });
62
- var attrs = (0, _vue.computed)(function () {
63
- var hrefComputed = props.href;
64
- if (typeof hrefComputed === 'undefined' && props.link) hrefComputed = '#';
65
- return _extends({
66
- href: hrefComputed,
67
- target: props.target
68
- }, (0, _mixins.routerAttrs)(props), (0, _mixins.actionsAttrs)(props));
69
- });
70
- return {
71
- classes: classes,
72
- attrs: attrs,
73
- tag: tag,
74
- onClick: onClick,
75
- elRef: elRef
76
- };
77
- }
78
- };
79
- exports.default = _default;
@@ -1,48 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = void 0;
5
-
6
- var _vue = require("vue");
7
-
8
- var _utils = require("../shared/utils");
9
-
10
- var _mixins = require("../shared/mixins");
11
-
12
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
13
-
14
- function render(_ctx, _cache) {
15
- return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
16
- class: _ctx.classes
17
- }, [(0, _vue.createVNode)("div", {
18
- class: "menu-dropdown-content",
19
- style: {
20
- height: _ctx.contentHeight
21
- }
22
- }, [(0, _vue.renderSlot)(_ctx.$slots, "default")], 4)], 2);
23
- }
24
-
25
- var _default = {
26
- name: 'f7-menu-dropdown',
27
- render: render,
28
- props: _extends({
29
- contentHeight: String,
30
- position: String,
31
- left: Boolean,
32
- center: Boolean,
33
- right: Boolean
34
- }, _mixins.colorProps),
35
- setup: function setup(props) {
36
- var classes = (0, _vue.computed)(function () {
37
- var positionComputed = props.position || 'left';
38
- if (props.left) positionComputed = 'left';
39
- if (props.center) positionComputed = 'center';
40
- if (props.right) positionComputed = 'right';
41
- return (0, _utils.classNames)('menu-dropdown', "menu-dropdown-" + positionComputed, (0, _mixins.colorClasses)(props));
42
- });
43
- return {
44
- classes: classes
45
- };
46
- }
47
- };
48
- exports.default = _default;
@@ -1,150 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = void 0;
5
-
6
- var _vue = require("vue");
7
-
8
- var _utils = require("../shared/utils");
9
-
10
- var _mixins = require("../shared/mixins");
11
-
12
- var _useRouteProps = require("../shared/use-route-props");
13
-
14
- var _useIcon = require("../shared/use-icon");
15
-
16
- var _f = require("../shared/f7");
17
-
18
- var _useTooltip = require("../shared/use-tooltip");
19
-
20
- var _useIcon2 = _interopRequireDefault(require("./use-icon"));
21
-
22
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
-
24
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
25
-
26
- var _hoisted_1 = {
27
- key: 0,
28
- class: "menu-item-content"
29
- };
30
-
31
- function render(_ctx, _cache) {
32
- var _component_f7_use_icon = (0, _vue.resolveComponent)("f7-use-icon");
33
-
34
- return (0, _vue.openBlock)(), (0, _vue.createBlock)((0, _vue.resolveDynamicComponent)(_ctx.tag), (0, _vue.mergeProps)({
35
- ref: "elRef",
36
- class: _ctx.classes
37
- }, _ctx.attrs, {
38
- onClick: _ctx.onClick
39
- }), {
40
- default: (0, _vue.withCtx)(function () {
41
- return [_ctx.text || _ctx.$slots.text || _ctx.icon ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("div", _hoisted_1, [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.text) + " ", 1), _ctx.icon ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_f7_use_icon, {
42
- key: 0,
43
- icon: _ctx.icon
44
- }, null, 8, ["icon"])) : (0, _vue.createCommentVNode)("", true), (0, _vue.renderSlot)(_ctx.$slots, "text")])) : (0, _vue.createCommentVNode)("", true), (0, _vue.renderSlot)(_ctx.$slots, "default")];
45
- }),
46
- _: 3
47
- }, 16, ["class", "onClick"]);
48
- }
49
-
50
- var _default = {
51
- name: 'f7-menu-item',
52
- render: render,
53
- components: {
54
- f7UseIcon: _useIcon2.default
55
- },
56
- props: _extends({
57
- text: String,
58
- iconOnly: Boolean,
59
- href: String,
60
- link: Boolean,
61
- target: String,
62
- dropdown: Boolean,
63
- tooltip: String,
64
- tooltipTrigger: String
65
- }, _mixins.colorProps, _mixins.routerProps, _mixins.actionsProps, _mixins.iconProps),
66
- emits: ['click', 'menu:opened', 'menu:closed'],
67
- setup: function setup(props, _ref) {
68
- var slots = _ref.slots,
69
- emit = _ref.emit;
70
- var elRef = (0, _vue.ref)(null);
71
- (0, _useTooltip.useTooltip)(elRef, props);
72
-
73
- var onClick = function onClick(e) {
74
- emit('click', e);
75
- };
76
-
77
- var onOpened = function onOpened(el) {
78
- if (elRef.value !== el) return;
79
- emit('menu:opened', el);
80
- };
81
-
82
- var onClosed = function onClosed(el) {
83
- if (elRef.value !== el) return;
84
- emit('menu:closed', el);
85
- };
86
-
87
- (0, _useRouteProps.useRouteProps)(elRef, props);
88
-
89
- var attachEvents = function attachEvents() {
90
- (0, _f.f7ready)(function () {
91
- _f.f7.on('menuOpened', onOpened);
92
-
93
- _f.f7.on('menuClosed', onClosed);
94
- });
95
- };
96
-
97
- var detachEvents = function detachEvents() {
98
- _f.f7.off('menuOpened', onOpened);
99
-
100
- _f.f7.off('menuClosed', onOpened);
101
- };
102
-
103
- (0, _vue.onMounted)(function () {
104
- return attachEvents();
105
- });
106
- (0, _vue.onBeforeUnmount)(function () {
107
- return detachEvents();
108
- });
109
- var icon = (0, _vue.computed)(function () {
110
- return (0, _useIcon.useIcon)(props);
111
- });
112
- var tag = (0, _vue.computed)(function () {
113
- var isLink = props.link || props.href || props.href === '';
114
- return isLink ? 'a' : 'div';
115
- });
116
- var classes = (0, _vue.computed)(function () {
117
- var iconOnlyComputed;
118
-
119
- if (props.iconOnly || !props.text && !slots.text) {
120
- iconOnlyComputed = true;
121
- } else {
122
- iconOnlyComputed = false;
123
- }
124
-
125
- var isDropdown = props.dropdown || props.dropdown === '';
126
- return (0, _utils.classNames)({
127
- 'menu-item': true,
128
- 'menu-item-dropdown': isDropdown,
129
- 'icon-only': iconOnlyComputed
130
- }, (0, _mixins.colorClasses)(props), (0, _mixins.routerClasses)(props), (0, _mixins.actionsClasses)(props));
131
- });
132
- var attrs = (0, _vue.computed)(function () {
133
- var hrefComputed = props.href;
134
- if (typeof hrefComputed === 'undefined' && props.link) hrefComputed = '#';
135
- return _extends({
136
- href: hrefComputed,
137
- target: props.target
138
- }, (0, _mixins.routerAttrs)(props), (0, _mixins.actionsAttrs)(props));
139
- });
140
- return {
141
- tag: tag,
142
- classes: classes,
143
- attrs: attrs,
144
- icon: icon,
145
- onClick: onClick,
146
- elRef: elRef
147
- };
148
- }
149
- };
150
- exports.default = _default;
@@ -1,37 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = void 0;
5
-
6
- var _vue = require("vue");
7
-
8
- var _utils = require("../shared/utils");
9
-
10
- var _mixins = require("../shared/mixins");
11
-
12
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
13
-
14
- var _hoisted_1 = {
15
- class: "menu-inner"
16
- };
17
-
18
- function render(_ctx, _cache) {
19
- return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
20
- class: _ctx.classes
21
- }, [(0, _vue.createVNode)("div", _hoisted_1, [(0, _vue.renderSlot)(_ctx.$slots, "default")])], 2);
22
- }
23
-
24
- var _default = {
25
- name: 'f7-menu',
26
- render: render,
27
- props: _extends({}, _mixins.colorProps),
28
- setup: function setup(props) {
29
- var classes = (0, _vue.computed)(function () {
30
- return (0, _utils.classNames)('menu', (0, _mixins.colorClasses)(props));
31
- });
32
- return {
33
- classes: classes
34
- };
35
- }
36
- };
37
- exports.default = _default;