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,208 +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: "message-content"
16
- };
17
- var _hoisted_2 = {
18
- key: 0,
19
- class: "message-image"
20
- };
21
- var _hoisted_3 = {
22
- key: 1,
23
- class: "message-text-header"
24
- };
25
- var _hoisted_4 = {
26
- key: 0,
27
- class: "message-typing-indicator"
28
- };
29
-
30
- var _hoisted_5 = /*#__PURE__*/(0, _vue.createVNode)("div", null, null, -1);
31
-
32
- var _hoisted_6 = /*#__PURE__*/(0, _vue.createVNode)("div", null, null, -1);
33
-
34
- var _hoisted_7 = /*#__PURE__*/(0, _vue.createVNode)("div", null, null, -1);
35
-
36
- var _hoisted_8 = {
37
- key: 3,
38
- class: "message-text-footer"
39
- };
40
-
41
- function render(_ctx, _cache) {
42
- return (0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
43
- class: _ctx.classes,
44
- onClick: _cache[7] || (_cache[7] = function () {
45
- return _ctx.onClick && _ctx.onClick.apply(_ctx, arguments);
46
- })
47
- }, [(0, _vue.renderSlot)(_ctx.$slots, "start"), _ctx.hasAvatar ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
48
- key: 0,
49
- class: "message-avatar",
50
- style: {
51
- backgroundImage: _ctx.avatar && "url(" + _ctx.avatar + ")"
52
- },
53
- onClick: _cache[1] || (_cache[1] = function () {
54
- return _ctx.onAvatarClick && _ctx.onAvatarClick.apply(_ctx, arguments);
55
- })
56
- }, [(0, _vue.renderSlot)(_ctx.$slots, "avatar")], 4)) : (0, _vue.createCommentVNode)("", true), (0, _vue.createVNode)("div", _hoisted_1, [(0, _vue.renderSlot)(_ctx.$slots, "content-start"), _ctx.hasName ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
57
- key: 0,
58
- class: "message-name",
59
- onClick: _cache[2] || (_cache[2] = function () {
60
- return _ctx.onNameClick && _ctx.onNameClick.apply(_ctx, arguments);
61
- })
62
- }, [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.name) + " ", 1), (0, _vue.renderSlot)(_ctx.$slots, "name")])) : (0, _vue.createCommentVNode)("", true), _ctx.hasHeader ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
63
- key: 1,
64
- class: "message-header",
65
- onClick: _cache[3] || (_cache[3] = function () {
66
- return _ctx.onHeaderClick && _ctx.onHeaderClick.apply(_ctx, arguments);
67
- })
68
- }, [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.header) + " ", 1), (0, _vue.renderSlot)(_ctx.$slots, "header")])) : (0, _vue.createCommentVNode)("", true), (0, _vue.createVNode)("div", {
69
- class: "message-bubble",
70
- onClick: _cache[5] || (_cache[5] = function () {
71
- return _ctx.onBubbleClick && _ctx.onBubbleClick.apply(_ctx, arguments);
72
- })
73
- }, [(0, _vue.renderSlot)(_ctx.$slots, "bubble-start"), _ctx.hasImage ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("div", _hoisted_2, [(0, _vue.renderSlot)(_ctx.$slots, "image", {}, function () {
74
- return [(0, _vue.createVNode)("img", {
75
- src: _ctx.image
76
- }, null, 8, ["src"])];
77
- })])) : (0, _vue.createCommentVNode)("", true), _ctx.hasTextHeader ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("div", _hoisted_3, [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.textHeader) + " ", 1), (0, _vue.renderSlot)(_ctx.$slots, "text-header")])) : (0, _vue.createCommentVNode)("", true), _ctx.hasText ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
78
- key: 2,
79
- class: "message-text",
80
- onClick: _cache[4] || (_cache[4] = function () {
81
- return _ctx.onTextClick && _ctx.onTextClick.apply(_ctx, arguments);
82
- })
83
- }, [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.text) + " ", 1), (0, _vue.renderSlot)(_ctx.$slots, "text"), _ctx.typing ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("div", _hoisted_4, [_hoisted_5, _hoisted_6, _hoisted_7])) : (0, _vue.createCommentVNode)("", true)])) : (0, _vue.createCommentVNode)("", true), _ctx.hasTextFooter ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("div", _hoisted_8, [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.textFooter) + " ", 1), (0, _vue.renderSlot)(_ctx.$slots, "text-footer")])) : (0, _vue.createCommentVNode)("", true), (0, _vue.renderSlot)(_ctx.$slots, "bubble-end"), (0, _vue.renderSlot)(_ctx.$slots, "default")]), _ctx.hasFooter ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("div", {
84
- key: 2,
85
- class: "message-footer",
86
- onClick: _cache[6] || (_cache[6] = function () {
87
- return _ctx.onFooterClick && _ctx.onFooterClick.apply(_ctx, arguments);
88
- })
89
- }, [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.footer) + " ", 1), (0, _vue.renderSlot)(_ctx.$slots, "footer")])) : (0, _vue.createCommentVNode)("", true), (0, _vue.renderSlot)(_ctx.$slots, "content-end")]), (0, _vue.renderSlot)(_ctx.$slots, "end")], 2);
90
- }
91
-
92
- var _default = {
93
- name: 'f7-message',
94
- render: render,
95
- props: _extends({
96
- text: String,
97
- name: String,
98
- avatar: String,
99
- type: {
100
- type: String,
101
- default: 'sent'
102
- },
103
- image: String,
104
- header: String,
105
- footer: String,
106
- textHeader: String,
107
- textFooter: String,
108
- first: Boolean,
109
- last: Boolean,
110
- tail: Boolean,
111
- sameName: Boolean,
112
- sameHeader: Boolean,
113
- sameFooter: Boolean,
114
- sameAvatar: Boolean,
115
- typing: Boolean
116
- }, _mixins.colorProps),
117
- emits: ['click', 'click:name', 'click:text', 'click:avatar', 'click:header', 'click:footer', 'click:bubble'],
118
- setup: function setup(props, _ref) {
119
- var emit = _ref.emit,
120
- slots = _ref.slots;
121
-
122
- var onClick = function onClick(event) {
123
- emit('click', event);
124
- };
125
-
126
- var onNameClick = function onNameClick(event) {
127
- emit('click:name', event);
128
- };
129
-
130
- var onTextClick = function onTextClick(event) {
131
- emit('click:text', event);
132
- };
133
-
134
- var onAvatarClick = function onAvatarClick(event) {
135
- emit('click:avatar', event);
136
- };
137
-
138
- var onHeaderClick = function onHeaderClick(event) {
139
- emit('click:header', event);
140
- };
141
-
142
- var onFooterClick = function onFooterClick(event) {
143
- emit('click:footer', event);
144
- };
145
-
146
- var onBubbleClick = function onBubbleClick(event) {
147
- emit('click:bubble', event);
148
- };
149
-
150
- var classes = (0, _vue.computed)(function () {
151
- return (0, _utils.classNames)('message', {
152
- 'message-sent': props.type === 'sent',
153
- 'message-received': props.type === 'received',
154
- 'message-typing': props.typing,
155
- 'message-first': props.first,
156
- 'message-last': props.last,
157
- 'message-tail': props.tail,
158
- 'message-same-name': props.sameName,
159
- 'message-same-header': props.sameHeader,
160
- 'message-same-footer': props.sameFooter,
161
- 'message-same-avatar': props.sameAvatar
162
- }, (0, _mixins.colorClasses)(props));
163
- });
164
- var hasAvatar = (0, _vue.computed)(function () {
165
- return slots.avatar || props.avatar;
166
- });
167
- var hasName = (0, _vue.computed)(function () {
168
- return slots.name || props.name;
169
- });
170
- var hasHeader = (0, _vue.computed)(function () {
171
- return slots.header || props.header;
172
- });
173
- var hasImage = (0, _vue.computed)(function () {
174
- return slots.image || props.image;
175
- });
176
- var hasTextHeader = (0, _vue.computed)(function () {
177
- return slots['text-header'] || props.textHeader;
178
- });
179
- var hasText = (0, _vue.computed)(function () {
180
- return slots.text || props.text || props.typing;
181
- });
182
- var hasTextFooter = (0, _vue.computed)(function () {
183
- return slots['text-footer'] || props.textFooter;
184
- });
185
- var hasFooter = (0, _vue.computed)(function () {
186
- return slots.footer || props.footer;
187
- });
188
- return {
189
- classes: classes,
190
- onClick: onClick,
191
- onNameClick: onNameClick,
192
- onTextClick: onTextClick,
193
- onAvatarClick: onAvatarClick,
194
- onHeaderClick: onHeaderClick,
195
- onFooterClick: onFooterClick,
196
- onBubbleClick: onBubbleClick,
197
- hasAvatar: hasAvatar,
198
- hasName: hasName,
199
- hasHeader: hasHeader,
200
- hasImage: hasImage,
201
- hasTextHeader: hasTextHeader,
202
- hasText: hasText,
203
- hasTextFooter: hasTextFooter,
204
- hasFooter: hasFooter
205
- };
206
- }
207
- };
208
- exports.default = _default;
@@ -1,64 +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
- onClick: _cache[2] || (_cache[2] = function () {
18
- return _ctx.onClick && _ctx.onClick.apply(_ctx, arguments);
19
- })
20
- }, [_ctx.image ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("img", {
21
- key: 0,
22
- src: _ctx.image
23
- }, null, 8, ["src"])) : (0, _vue.createCommentVNode)("", true), _ctx.deletable ? ((0, _vue.openBlock)(), (0, _vue.createBlock)("span", {
24
- key: 1,
25
- class: "messagebar-attachment-delete",
26
- onClick: _cache[1] || (_cache[1] = function () {
27
- return _ctx.onDeleteClick && _ctx.onDeleteClick.apply(_ctx, arguments);
28
- })
29
- })) : (0, _vue.createCommentVNode)("", true), (0, _vue.renderSlot)(_ctx.$slots, "default")], 2);
30
- }
31
-
32
- var _default = {
33
- name: 'f7-messagebar-attachment',
34
- render: render,
35
- props: _extends({
36
- image: String,
37
- deletable: {
38
- type: Boolean,
39
- default: true
40
- }
41
- }, _mixins.colorProps),
42
- emits: ['attachment:click', 'attachment:delete'],
43
- setup: function setup(props, _ref) {
44
- var emit = _ref.emit;
45
-
46
- var onClick = function onClick(event) {
47
- emit('attachment:click', event);
48
- };
49
-
50
- var onDeleteClick = function onDeleteClick(event) {
51
- emit('attachment:delete', event);
52
- };
53
-
54
- var classes = (0, _vue.computed)(function () {
55
- return (0, _utils.classNames)('messagebar-attachment', (0, _mixins.colorClasses)(props));
56
- });
57
- return {
58
- classes: classes,
59
- onClick: onClick,
60
- onDeleteClick: onDeleteClick
61
- };
62
- }
63
- };
64
- 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-messagebar-attachments',
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)('messagebar-attachments', (0, _mixins.colorClasses)(props));
27
- });
28
- return {
29
- classes: classes
30
- };
31
- }
32
- };
33
- exports.default = _default;
@@ -1,63 +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 = /*#__PURE__*/(0, _vue.createVNode)("i", {
15
- class: "icon icon-checkbox"
16
- }, null, -1);
17
-
18
- function render(_ctx, _cache) {
19
- return (0, _vue.openBlock)(), (0, _vue.createBlock)("label", {
20
- class: _ctx.classes,
21
- style: _ctx.styles
22
- }, [(0, _vue.createVNode)("input", {
23
- type: "checkbox",
24
- checked: _ctx.checked,
25
- onChange: _cache[1] || (_cache[1] = function () {
26
- return _ctx.onChange && _ctx.onChange.apply(_ctx, arguments);
27
- })
28
- }, null, 40, ["checked"]), _hoisted_1, (0, _vue.renderSlot)(_ctx.$slots, "default")], 6);
29
- }
30
-
31
- var _default = {
32
- name: 'f7-messagebar-sheet-image',
33
- render: render,
34
- props: _extends({
35
- image: String,
36
- checked: Boolean
37
- }, _mixins.colorProps),
38
- emits: ['checked', 'unchecked', 'change', 'update:checked'],
39
- setup: function setup(props, _ref) {
40
- var emit = _ref.emit;
41
-
42
- var onChange = function onChange(event) {
43
- if (event.target.checked) emit('checked', event);else emit('unchecked', event);
44
- emit('update:checked', event.target.checked);
45
- emit('change', event);
46
- };
47
-
48
- var classes = (0, _vue.computed)(function () {
49
- return (0, _utils.classNames)('messagebar-sheet-image', 'checkbox', (0, _mixins.colorClasses)(props));
50
- });
51
- var styles = (0, _vue.computed)(function () {
52
- return {
53
- backgroundImage: props.image && "url(" + props.image + ")"
54
- };
55
- });
56
- return {
57
- classes: classes,
58
- styles: styles,
59
- onChange: onChange
60
- };
61
- }
62
- };
63
- 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-messagebar-sheet-item',
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)('messagebar-sheet-item', (0, _mixins.colorClasses)(props));
27
- });
28
- return {
29
- classes: classes
30
- };
31
- }
32
- };
33
- 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-messagebar-sheet',
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)('messagebar-sheet', (0, _mixins.colorClasses)(props));
27
- });
28
- return {
29
- classes: classes
30
- };
31
- }
32
- };
33
- exports.default = _default;
@@ -1,223 +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 _link = _interopRequireDefault(require("./link"));
15
-
16
- var _input = _interopRequireDefault(require("./input"));
17
-
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
-
20
- 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); }
21
-
22
- var _default = {
23
- name: 'f7-messagebar',
24
- props: _extends({
25
- sheetVisible: Boolean,
26
- attachmentsVisible: Boolean,
27
- top: Boolean,
28
- resizable: {
29
- type: Boolean,
30
- default: true
31
- },
32
- bottomOffset: {
33
- type: Number,
34
- default: 0
35
- },
36
- topOffset: {
37
- type: Number,
38
- default: 0
39
- },
40
- maxHeight: Number,
41
- resizePage: {
42
- type: Boolean,
43
- default: true
44
- },
45
- sendLink: String,
46
- value: [String, Number, Array],
47
- disabled: Boolean,
48
- readonly: Boolean,
49
- textareaId: [Number, String],
50
- name: String,
51
- placeholder: {
52
- type: String,
53
- default: 'Message'
54
- },
55
- init: {
56
- type: Boolean,
57
- default: true
58
- }
59
- }, _mixins.colorProps),
60
- emits: ['change', 'input', 'focus', 'blur', 'submit', 'send', 'click', 'messagebar:attachmentdelete', 'messagebar:attachmentclick', 'messagebar:resizepage', 'update:value'],
61
- setup: function setup(props, _ref) {
62
- var emit = _ref.emit,
63
- slots = _ref.slots;
64
- var elRef = (0, _vue.ref)(null);
65
- var areaElRef = (0, _vue.ref)(null);
66
- var f7Messagebar = null;
67
- var updateSheetVisible = false;
68
- var updateAttachmentsVisible = false;
69
-
70
- var onChange = function onChange(event) {
71
- emit('change', event);
72
- };
73
-
74
- var onInput = function onInput(event) {
75
- emit('input', event);
76
- emit('update:value', event.target.value);
77
- };
78
-
79
- var onFocus = function onFocus(event) {
80
- emit('focus', event);
81
- };
82
-
83
- var onBlur = function onBlur(event) {
84
- emit('blur', event);
85
- };
86
-
87
- var onClick = function onClick(event) {
88
- var inputValue = areaElRef.value.$el;
89
- var clear = f7Messagebar ? function () {
90
- f7Messagebar.clear();
91
- } : function () {};
92
- emit('submit', inputValue, clear);
93
- emit('send', inputValue, clear);
94
- emit('click', event);
95
- };
96
-
97
- var onAttachmentDelete = function onAttachmentDelete(instance, attachmentEl, attachmentElIndex) {
98
- emit('messagebar:attachmentdelete', instance, attachmentEl, attachmentElIndex);
99
- };
100
-
101
- var onAttachmentClick = function onAttachmentClick(instance, attachmentEl, attachmentElIndex) {
102
- emit('messagebar:attachmentclick', instance, attachmentEl, attachmentElIndex);
103
- };
104
-
105
- var onResizePage = function onResizePage(instance) {
106
- emit('messagebar:resizepage', instance);
107
- };
108
-
109
- (0, _vue.watch)(function () {
110
- return props.sheetVisible;
111
- }, function () {
112
- if (!props.resizable || !f7Messagebar) return;
113
- updateSheetVisible = true;
114
- });
115
- (0, _vue.watch)(function () {
116
- return props.attachmentsVisible;
117
- }, function () {
118
- if (!props.resizable || !f7Messagebar) return;
119
- updateAttachmentsVisible = true;
120
- });
121
- (0, _vue.onMounted)(function () {
122
- if (!props.init) return;
123
- if (!elRef.value) return;
124
- var params = (0, _utils.noUndefinedProps)({
125
- el: elRef.value,
126
- top: props.top,
127
- resizePage: props.resizePage,
128
- bottomOffset: props.bottomOffset,
129
- topOffset: props.topOffset,
130
- maxHeight: props.maxHeight,
131
- on: {
132
- attachmentDelete: onAttachmentDelete,
133
- attachmentClick: onAttachmentClick,
134
- resizePage: onResizePage
135
- }
136
- });
137
- (0, _f.f7ready)(function () {
138
- f7Messagebar = _f.f7.messagebar.create(params);
139
- });
140
- });
141
- (0, _vue.onUpdated)(function () {
142
- if (!f7Messagebar) return;
143
-
144
- if (updateSheetVisible) {
145
- updateSheetVisible = false;
146
- f7Messagebar.sheetVisible = props.sheetVisible;
147
- f7Messagebar.resizePage();
148
- }
149
-
150
- if (updateAttachmentsVisible) {
151
- updateAttachmentsVisible = false;
152
- f7Messagebar.attachmentsVisible = props.attachmentsVisible;
153
- f7Messagebar.resizePage();
154
- }
155
- });
156
- (0, _vue.onBeforeUnmount)(function () {
157
- if (f7Messagebar && f7Messagebar.destroy) f7Messagebar.destroy();
158
- f7Messagebar = null;
159
- });
160
- var classes = (0, _vue.computed)(function () {
161
- return (0, _utils.classNames)('toolbar', 'messagebar', {
162
- 'messagebar-attachments-visible': props.attachmentsVisible,
163
- 'messagebar-sheet-visible': props.sheetVisible
164
- }, (0, _mixins.colorClasses)(props));
165
- });
166
- return function () {
167
- var valueProps = {};
168
- if ('value' in props) valueProps.value = props.value;
169
- var slotsDefault = slots.default,
170
- slotsBeforeInner = slots['before-inner'],
171
- slotsAfterInner = slots['after-inner'],
172
- slotsSendLink = slots['send-link'],
173
- slotsInnerStart = slots['inner-start'],
174
- slotsInnerEnd = slots['inner-end'],
175
- slotsBeforeArea = slots['before-area'],
176
- slotsAfterArea = slots['after-area'];
177
- var innerEndEls = [];
178
- var messagebarAttachmentsEl;
179
- var messagebarSheetEl;
180
-
181
- if (slotsDefault) {
182
- slotsDefault().forEach(function (vnode) {
183
- if (typeof vnode === 'undefined') return;
184
- var tag = vnode.type && vnode.type.name ? vnode.type.name : vnode.type;
185
-
186
- if (tag && (tag.indexOf('messagebar-attachments') >= 0 || tag === 'F7MessagebarAttachments' || tag === 'f7-messagebar-attachments')) {
187
- messagebarAttachmentsEl = vnode;
188
- } else if (tag && (tag.indexOf('messagebar-sheet') >= 0 || tag === 'F7MessagebarSheet' || tag === 'f7-messagebar-sheet')) {
189
- messagebarSheetEl = vnode;
190
- } else {
191
- innerEndEls.push(vnode);
192
- }
193
- });
194
- }
195
-
196
- return (0, _vue.h)('div', {
197
- class: classes.value,
198
- ref: elRef
199
- }, [slotsBeforeInner && slotsBeforeInner(), (0, _vue.h)('div', {
200
- class: 'toolbar-inner'
201
- }, [slotsInnerStart && slotsInnerStart(), (0, _vue.h)('div', {
202
- class: 'messagebar-area'
203
- }, [slotsBeforeArea && slotsBeforeArea(), messagebarAttachmentsEl, (0, _vue.h)(_input.default, _extends({
204
- id: props.textareaId,
205
- ref: areaElRef,
206
- type: 'textarea',
207
- wrap: false,
208
- placeholder: props.placeholder,
209
- disabled: props.disabled,
210
- name: props.name,
211
- readonly: props.readonly,
212
- resizable: props.resizable,
213
- onInput: onInput,
214
- onChange: onChange,
215
- onFocus: onFocus,
216
- onBlur: onBlur
217
- }, valueProps)), slotsAfterArea && slotsAfterArea()]), (props.sendLink && props.sendLink.length > 0 || slotsSendLink) && (0, _vue.h)(_link.default, {
218
- onClick: onClick
219
- }, [slotsSendLink ? slotsSendLink() : props.sendLink]), slotsInnerEnd && slotsInnerEnd(), innerEndEls]), slotsAfterInner && slotsAfterInner(), messagebarSheetEl]);
220
- };
221
- }
222
- };
223
- 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-messages-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)('messages-title', (0, _mixins.colorClasses)(props));
27
- });
28
- return {
29
- classes: classes
30
- };
31
- }
32
- };
33
- exports.default = _default;