framework7 7.0.8 → 8.0.0-beta.1

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 (579) hide show
  1. package/components/accordion/accordion.js +2 -16
  2. package/components/accordion/accordion.less +0 -3
  3. package/components/actions/actions-class.js +13 -58
  4. package/components/actions/actions-ios.less +42 -0
  5. package/components/actions/actions-md.less +12 -0
  6. package/components/actions/actions-rtl.css +1 -1
  7. package/components/actions/actions-vars.less +17 -42
  8. package/components/actions/actions.css +1 -1
  9. package/components/actions/actions.d.ts +2 -2
  10. package/components/actions/actions.js +0 -4
  11. package/components/actions/actions.lazy.js +1 -1
  12. package/components/actions/actions.less +5 -35
  13. package/components/app/app-class.d.ts +14 -12
  14. package/components/app/app-class.js +93 -75
  15. package/components/app/app-ios.less +0 -2
  16. package/components/app/app-md.less +0 -2
  17. package/components/app/app-vars.less +13 -96
  18. package/components/app/app.less +1 -4
  19. package/components/app/load-module.js +17 -36
  20. package/components/area-chart/area-chart-class.js +8 -64
  21. package/components/area-chart/area-chart.js +0 -3
  22. package/components/area-chart/area-chart.less +0 -3
  23. package/components/autocomplete/autocomplete-class.js +30 -175
  24. package/components/autocomplete/autocomplete-ios.less +0 -8
  25. package/components/autocomplete/autocomplete-rtl.css +1 -1
  26. package/components/autocomplete/autocomplete-vars.less +8 -22
  27. package/components/autocomplete/autocomplete.css +1 -1
  28. package/components/autocomplete/autocomplete.d.ts +1 -3
  29. package/components/autocomplete/autocomplete.js +1 -6
  30. package/components/autocomplete/autocomplete.lazy.js +1 -1
  31. package/components/autocomplete/autocomplete.less +6 -18
  32. package/components/badge/badge-vars.less +3 -6
  33. package/components/badge/badge.less +1 -3
  34. package/components/block/block-vars.less +25 -52
  35. package/components/block/block.less +37 -12
  36. package/components/breadcrumbs/breadcrumbs-rtl.css +1 -1
  37. package/components/breadcrumbs/breadcrumbs-vars.less +31 -15
  38. package/components/breadcrumbs/breadcrumbs.css +1 -1
  39. package/components/breadcrumbs/breadcrumbs.js +0 -2
  40. package/components/breadcrumbs/breadcrumbs.less +4 -10
  41. package/components/button/button-vars.less +42 -43
  42. package/components/button/button.less +24 -26
  43. package/components/calendar/calendar-class.js +81 -401
  44. package/components/calendar/calendar-rtl.css +1 -1
  45. package/components/calendar/calendar-vars.less +32 -46
  46. package/components/calendar/calendar.css +1 -1
  47. package/components/calendar/calendar.js +6 -4
  48. package/components/calendar/calendar.lazy.js +1 -1
  49. package/components/calendar/calendar.less +10 -21
  50. package/components/card/card-rtl.css +1 -1
  51. package/components/card/card-vars.less +41 -44
  52. package/components/card/card.css +1 -1
  53. package/components/card/card.js +0 -108
  54. package/components/card/card.less +18 -24
  55. package/components/checkbox/checkbox-rtl.css +1 -1
  56. package/components/checkbox/checkbox-vars.less +0 -8
  57. package/components/checkbox/checkbox.css +1 -1
  58. package/components/checkbox/checkbox.less +10 -3
  59. package/components/chip/chip-ios.less +3 -0
  60. package/components/chip/chip-md.less +4 -3
  61. package/components/chip/chip-rtl.css +1 -1
  62. package/components/chip/chip-vars.less +17 -20
  63. package/components/chip/chip.css +1 -1
  64. package/components/chip/chip.less +16 -21
  65. package/components/color-picker/color-picker-class.js +27 -158
  66. package/components/color-picker/color-picker-rtl.css +1 -1
  67. package/components/color-picker/color-picker.css +1 -1
  68. package/components/color-picker/color-picker.js +0 -4
  69. package/components/color-picker/color-picker.lazy.js +1 -1
  70. package/components/color-picker/color-picker.less +18 -8
  71. package/components/color-picker/modules/alpha-slider.js +0 -12
  72. package/components/color-picker/modules/brightness-slider.js +0 -8
  73. package/components/color-picker/modules/current-color.js +0 -2
  74. package/components/color-picker/modules/hex.js +0 -12
  75. package/components/color-picker/modules/hs-spectrum.js +0 -20
  76. package/components/color-picker/modules/hsb-sliders.js +0 -18
  77. package/components/color-picker/modules/hue-slider.js +0 -7
  78. package/components/color-picker/modules/initial-current-colors.js +0 -7
  79. package/components/color-picker/modules/palette.js +2 -10
  80. package/components/color-picker/modules/rgb-bars.js +0 -17
  81. package/components/color-picker/modules/rgb-sliders.js +0 -17
  82. package/components/color-picker/modules/sb-spectrum.js +0 -20
  83. package/components/color-picker/modules/wheel.js +0 -28
  84. package/components/contacts-list/contacts-list-md.less +4 -3
  85. package/components/contacts-list/contacts-list-rtl.css +1 -1
  86. package/components/contacts-list/contacts-list-vars.less +3 -15
  87. package/components/contacts-list/contacts-list.css +1 -1
  88. package/components/contacts-list/contacts-list.less +0 -3
  89. package/components/data-table/data-table-class.js +10 -32
  90. package/components/data-table/data-table-rtl.css +1 -1
  91. package/components/data-table/data-table-vars.less +6 -39
  92. package/components/data-table/data-table.css +1 -1
  93. package/components/data-table/data-table.js +0 -8
  94. package/components/data-table/data-table.less +0 -3
  95. package/components/dialog/dialog-class.js +7 -41
  96. package/components/dialog/dialog-ios.less +0 -3
  97. package/components/dialog/dialog-md.less +9 -9
  98. package/components/dialog/dialog-rtl.css +1 -1
  99. package/components/dialog/dialog-vars.less +25 -70
  100. package/components/dialog/dialog.css +1 -1
  101. package/components/dialog/dialog.d.ts +2 -2
  102. package/components/dialog/dialog.js +12 -48
  103. package/components/dialog/dialog.lazy.js +1 -1
  104. package/components/dialog/dialog.less +8 -4
  105. package/components/fab/fab-rtl.css +1 -1
  106. package/components/fab/fab-vars.less +20 -14
  107. package/components/fab/fab.css +1 -1
  108. package/components/fab/fab.js +0 -21
  109. package/components/fab/fab.less +50 -53
  110. package/components/form/form.d.ts +4 -4
  111. package/components/form/form.js +58 -94
  112. package/components/form/form.lazy.js +1 -1
  113. package/components/form/form.less +0 -3
  114. package/components/gauge/gauge-class.js +4 -20
  115. package/components/gauge/gauge.js +0 -9
  116. package/components/gauge/gauge.less +0 -3
  117. package/components/grid/grid-rtl.css +1 -1
  118. package/components/grid/grid-vars.less +0 -7
  119. package/components/grid/grid.css +1 -1
  120. package/components/grid/grid.d.ts +2 -8
  121. package/components/grid/grid.js +1 -225
  122. package/components/grid/grid.lazy.js +1 -1
  123. package/components/grid/grid.less +54 -184
  124. package/components/icon/icon.less +0 -3
  125. package/components/infinite-scroll/infinite-scroll-rtl.css +1 -1
  126. package/components/infinite-scroll/infinite-scroll.css +1 -1
  127. package/components/infinite-scroll/infinite-scroll.js +0 -16
  128. package/components/infinite-scroll/infinite-scroll.less +0 -3
  129. package/components/input/input-ios.less +49 -41
  130. package/components/input/input-md.less +87 -19
  131. package/components/input/input-rtl.css +1 -1
  132. package/components/input/input-vars.less +26 -60
  133. package/components/input/input.css +1 -1
  134. package/components/input/input.js +8 -67
  135. package/components/input/input.less +67 -153
  136. package/components/link/link-vars.less +0 -5
  137. package/components/link/link.less +3 -3
  138. package/components/list/list-md.less +0 -7
  139. package/components/list/list-vars.less +59 -108
  140. package/components/list/list.less +122 -90
  141. package/components/list-index/list-index-class.js +12 -69
  142. package/components/list-index/list-index-rtl.css +1 -1
  143. package/components/list-index/list-index-vars.less +0 -7
  144. package/components/list-index/list-index.css +1 -1
  145. package/components/list-index/list-index.d.ts +1 -3
  146. package/components/list-index/list-index.js +0 -8
  147. package/components/list-index/list-index.lazy.js +1 -1
  148. package/components/list-index/list-index.less +4 -7
  149. package/components/login-screen/login-screen-class.js +4 -9
  150. package/components/login-screen/login-screen-rtl.css +1 -1
  151. package/components/login-screen/login-screen-vars.less +13 -12
  152. package/components/login-screen/login-screen.css +1 -1
  153. package/components/login-screen/login-screen.js +0 -4
  154. package/components/login-screen/login-screen.less +2 -8
  155. package/components/messagebar/messagebar-class.js +18 -79
  156. package/components/messagebar/messagebar-ios.less +36 -0
  157. package/components/messagebar/messagebar-md.less +96 -16
  158. package/components/messagebar/messagebar-rtl.css +1 -1
  159. package/components/messagebar/messagebar-vars.less +27 -50
  160. package/components/messagebar/messagebar.css +1 -1
  161. package/components/messagebar/messagebar.js +0 -8
  162. package/components/messagebar/messagebar.less +11 -42
  163. package/components/messages/messages-class.js +17 -110
  164. package/components/messages/messages-ios.less +9 -0
  165. package/components/messages/messages-md.less +63 -28
  166. package/components/messages/messages-rtl.css +1 -1
  167. package/components/messages/messages-vars.less +43 -50
  168. package/components/messages/messages.css +1 -1
  169. package/components/messages/messages.js +0 -8
  170. package/components/messages/messages.lazy.js +1 -1
  171. package/components/messages/messages.less +0 -11
  172. package/components/modal/custom-modal-class.js +4 -14
  173. package/components/modal/modal-class.js +19 -55
  174. package/components/modal/modal.js +0 -3
  175. package/components/navbar/navbar-ios.less +3 -39
  176. package/components/navbar/navbar-md.less +12 -0
  177. package/components/navbar/navbar-vars.less +20 -49
  178. package/components/navbar/navbar.d.ts +0 -2
  179. package/components/navbar/navbar.js +37 -166
  180. package/components/navbar/navbar.less +4 -26
  181. package/components/notification/notification-class.js +4 -39
  182. package/components/notification/notification-md.less +18 -8
  183. package/components/notification/notification-rtl.css +1 -1
  184. package/components/notification/notification-vars.less +15 -54
  185. package/components/notification/notification.css +1 -1
  186. package/components/notification/notification.js +0 -2
  187. package/components/notification/notification.lazy.js +1 -1
  188. package/components/notification/notification.less +0 -3
  189. package/components/page/page-md.less +40 -10
  190. package/components/page/page-transitions/circle.less +15 -9
  191. package/components/page/page-transitions/fade.less +17 -11
  192. package/components/page/page-transitions/flip.less +9 -4
  193. package/components/page/page-vars.less +3 -19
  194. package/components/page/page.less +2 -10
  195. package/components/panel/panel-class.js +23 -127
  196. package/components/panel/panel-md.less +9 -0
  197. package/components/panel/panel-rtl.css +1 -1
  198. package/components/panel/panel-vars.less +7 -21
  199. package/components/panel/panel.css +1 -1
  200. package/components/panel/panel.d.ts +2 -2
  201. package/components/panel/panel.js +0 -34
  202. package/components/panel/panel.lazy.js +1 -1
  203. package/components/panel/panel.less +56 -48
  204. package/components/panel/resizable-panel.js +2 -32
  205. package/components/panel/swipe-panel.js +16 -71
  206. package/components/photo-browser/photo-browser-class.js +41 -171
  207. package/components/photo-browser/photo-browser-rtl.css +1 -1
  208. package/components/photo-browser/photo-browser-vars.less +0 -3
  209. package/components/photo-browser/photo-browser.css +1 -1
  210. package/components/photo-browser/photo-browser.d.ts +2 -4
  211. package/components/photo-browser/photo-browser.js +1 -6
  212. package/components/photo-browser/photo-browser.lazy.js +1 -1
  213. package/components/photo-browser/photo-browser.less +0 -4
  214. package/components/picker/picker-class.js +26 -133
  215. package/components/picker/picker-column.js +11 -31
  216. package/components/picker/picker-ios.less +10 -0
  217. package/components/picker/picker-md.less +6 -0
  218. package/components/picker/picker-rtl.css +1 -1
  219. package/components/picker/picker-vars.less +9 -25
  220. package/components/picker/picker.css +1 -1
  221. package/components/picker/picker.js +0 -4
  222. package/components/picker/picker.lazy.js +1 -1
  223. package/components/picker/picker.less +0 -11
  224. package/components/pie-chart/pie-chart-class.js +8 -31
  225. package/components/pie-chart/pie-chart.js +0 -3
  226. package/components/pie-chart/pie-chart.less +0 -3
  227. package/components/popover/popover-class.js +72 -126
  228. package/components/popover/popover-ios.less +0 -50
  229. package/components/popover/popover-rtl.css +1 -1
  230. package/components/popover/popover-vars.less +6 -23
  231. package/components/popover/popover.css +1 -1
  232. package/components/popover/popover.d.ts +2 -0
  233. package/components/popover/popover.js +1 -12
  234. package/components/popover/popover.lazy.js +1 -1
  235. package/components/popover/popover.less +62 -5
  236. package/components/popup/popup-class.js +12 -78
  237. package/components/popup/popup-rtl.css +1 -1
  238. package/components/popup/popup-vars.less +7 -9
  239. package/components/popup/popup.css +1 -1
  240. package/components/popup/popup.js +0 -4
  241. package/components/popup/popup.lazy.js +1 -1
  242. package/components/popup/popup.less +4 -4
  243. package/components/preloader/preloader-ios.less +3 -1
  244. package/components/preloader/preloader-md.less +5 -1
  245. package/components/preloader/preloader-rtl.css +1 -1
  246. package/components/preloader/preloader-vars.less +0 -6
  247. package/components/preloader/preloader.css +1 -1
  248. package/components/preloader/preloader.js +8 -25
  249. package/components/preloader/preloader.lazy.js +1 -1
  250. package/components/preloader/preloader.less +6 -3
  251. package/components/progressbar/progressbar-rtl.css +1 -1
  252. package/components/progressbar/progressbar-vars.less +2 -12
  253. package/components/progressbar/progressbar.css +1 -1
  254. package/components/progressbar/progressbar.js +2 -31
  255. package/components/progressbar/progressbar.less +0 -3
  256. package/components/pull-to-refresh/pull-to-refresh-class.js +15 -107
  257. package/components/pull-to-refresh/pull-to-refresh-md.less +2 -1
  258. package/components/pull-to-refresh/pull-to-refresh-rtl.css +1 -1
  259. package/components/pull-to-refresh/pull-to-refresh-vars.less +0 -4
  260. package/components/pull-to-refresh/pull-to-refresh.css +1 -1
  261. package/components/pull-to-refresh/pull-to-refresh.js +0 -8
  262. package/components/pull-to-refresh/pull-to-refresh.lazy.js +1 -1
  263. package/components/pull-to-refresh/pull-to-refresh.less +0 -3
  264. package/components/radio/radio-rtl.css +1 -1
  265. package/components/radio/radio-vars.less +0 -7
  266. package/components/radio/radio.css +1 -1
  267. package/components/radio/radio.less +12 -5
  268. package/components/range/range-class.js +27 -112
  269. package/components/range/range-rtl.css +1 -1
  270. package/components/range/range-vars.less +10 -32
  271. package/components/range/range.css +1 -1
  272. package/components/range/range.js +0 -12
  273. package/components/range/range.less +0 -3
  274. package/components/searchbar/remove-diacritics.js +0 -4
  275. package/components/searchbar/searchbar-class.js +17 -138
  276. package/components/searchbar/searchbar-md.less +41 -16
  277. package/components/searchbar/searchbar-rtl.css +1 -1
  278. package/components/searchbar/searchbar-vars.less +25 -76
  279. package/components/searchbar/searchbar.css +1 -1
  280. package/components/searchbar/searchbar.d.ts +2 -2
  281. package/components/searchbar/searchbar.js +0 -15
  282. package/components/searchbar/searchbar.lazy.js +1 -1
  283. package/components/searchbar/searchbar.less +14 -28
  284. package/components/sheet/sheet-class.js +15 -110
  285. package/components/sheet/sheet-rtl.css +1 -1
  286. package/components/sheet/sheet-vars.less +17 -6
  287. package/components/sheet/sheet.css +1 -1
  288. package/components/sheet/sheet.js +0 -9
  289. package/components/sheet/sheet.lazy.js +1 -1
  290. package/components/sheet/sheet.less +10 -3
  291. package/components/skeleton/skeleton.less +1 -4
  292. package/components/smart-select/smart-select-class.js +36 -173
  293. package/components/smart-select/smart-select.d.ts +1 -3
  294. package/components/smart-select/smart-select.js +1 -14
  295. package/components/smart-select/smart-select.lazy.js +1 -1
  296. package/components/smart-select/smart-select.less +0 -3
  297. package/components/sortable/sortable-rtl.css +1 -1
  298. package/components/sortable/sortable-vars.less +8 -8
  299. package/components/sortable/sortable.css +1 -1
  300. package/components/sortable/sortable.js +0 -44
  301. package/components/sortable/sortable.less +0 -3
  302. package/components/statusbar/statusbar.js +0 -36
  303. package/components/statusbar/statusbar.less +0 -3
  304. package/components/stepper/stepper-class.js +10 -83
  305. package/components/stepper/stepper-rtl.css +1 -1
  306. package/components/stepper/stepper-vars.less +12 -24
  307. package/components/stepper/stepper.css +1 -1
  308. package/components/stepper/stepper.js +0 -12
  309. package/components/stepper/stepper.less +12 -23
  310. package/components/subnavbar/subnavbar-vars.less +3 -18
  311. package/components/subnavbar/subnavbar.js +0 -3
  312. package/components/subnavbar/subnavbar.less +1 -11
  313. package/components/swipeout/swipeout-rtl.css +1 -1
  314. package/components/swipeout/swipeout-vars.less +7 -6
  315. package/components/swipeout/swipeout.css +1 -1
  316. package/components/swipeout/swipeout.js +2 -99
  317. package/components/swipeout/swipeout.less +2 -7
  318. package/components/swiper/swiper-rtl.css +1 -1
  319. package/components/swiper/swiper.css +1 -1
  320. package/components/swiper/swiper.js +9 -30
  321. package/components/swiper/swiper.lazy.js +1 -1
  322. package/components/swiper/swiper.less +1 -16
  323. package/components/tabs/tabs-rtl.css +1 -1
  324. package/components/tabs/tabs.css +1 -1
  325. package/components/tabs/tabs.js +23 -60
  326. package/components/tabs/tabs.lazy.js +1 -1
  327. package/components/tabs/tabs.less +1 -3
  328. package/components/text-editor/text-editor-class.js +16 -102
  329. package/components/text-editor/text-editor-rtl.css +1 -1
  330. package/components/text-editor/text-editor-vars.less +12 -16
  331. package/components/text-editor/text-editor.css +1 -1
  332. package/components/text-editor/text-editor.js +0 -8
  333. package/components/text-editor/text-editor.lazy.js +1 -1
  334. package/components/text-editor/text-editor.less +0 -6
  335. package/components/timeline/timeline-rtl.css +1 -1
  336. package/components/timeline/timeline-vars.less +13 -47
  337. package/components/timeline/timeline.css +1 -1
  338. package/components/timeline/timeline.less +2 -9
  339. package/components/toast/toast-class.js +2 -16
  340. package/components/toast/toast-rtl.css +1 -1
  341. package/components/toast/toast-vars.less +5 -9
  342. package/components/toast/toast.css +1 -1
  343. package/components/toast/toast.js +0 -3
  344. package/components/toast/toast.less +0 -3
  345. package/components/toggle/toggle-class.js +6 -30
  346. package/components/toggle/toggle-ios.less +5 -1
  347. package/components/toggle/toggle-md.less +27 -11
  348. package/components/toggle/toggle-rtl.css +1 -1
  349. package/components/toggle/toggle-vars.less +19 -21
  350. package/components/toggle/toggle.css +1 -1
  351. package/components/toggle/toggle.js +0 -8
  352. package/components/toggle/toggle.less +0 -4
  353. package/components/toolbar/toolbar-ios.less +2 -2
  354. package/components/toolbar/toolbar-md.less +28 -4
  355. package/components/toolbar/toolbar-vars.less +17 -52
  356. package/components/toolbar/toolbar.js +5 -43
  357. package/components/toolbar/toolbar.less +27 -45
  358. package/components/tooltip/tooltip-class.js +10 -64
  359. package/components/tooltip/tooltip-rtl.css +1 -1
  360. package/components/tooltip/tooltip-vars.less +12 -3
  361. package/components/tooltip/tooltip.css +1 -1
  362. package/components/tooltip/tooltip.js +0 -15
  363. package/components/tooltip/tooltip.less +0 -3
  364. package/components/touch-ripple/touch-ripple-class.js +0 -13
  365. package/components/touch-ripple/touch-ripple.js +0 -4
  366. package/components/touch-ripple/touch-ripple.less +1 -5
  367. package/components/treeview/treeview-rtl.css +1 -1
  368. package/components/treeview/treeview-vars.less +0 -3
  369. package/components/treeview/treeview.css +1 -1
  370. package/components/treeview/treeview.js +2 -11
  371. package/components/treeview/treeview.lazy.js +1 -1
  372. package/components/treeview/treeview.less +0 -3
  373. package/components/typography/typography-rtl.css +1 -1
  374. package/components/typography/typography.css +1 -1
  375. package/components/typography/typography.less +25 -3
  376. package/components/view/resizable-view.js +2 -24
  377. package/components/view/view-class.js +28 -53
  378. package/components/view/view.d.ts +0 -14
  379. package/components/view/view.js +8 -32
  380. package/components/view/view.less +1 -4
  381. package/components/virtual-list/virtual-list-class.js +58 -146
  382. package/components/virtual-list/virtual-list.d.ts +1 -1
  383. package/components/virtual-list/virtual-list.js +0 -2
  384. package/components/virtual-list/virtual-list.lazy.js +1 -1
  385. package/components/virtual-list/virtual-list.less +0 -3
  386. package/framework7-bundle-rtl.css +3593 -5977
  387. package/framework7-bundle-rtl.min.css +3 -3
  388. package/framework7-bundle.css +3591 -5978
  389. package/framework7-bundle.esm.js +4 -10
  390. package/framework7-bundle.js +6063 -12044
  391. package/framework7-bundle.js.map +1 -1
  392. package/framework7-bundle.less +2 -27
  393. package/framework7-bundle.min.css +3 -3
  394. package/framework7-bundle.min.js +3 -3
  395. package/framework7-bundle.min.js.map +1 -1
  396. package/framework7-lite-bundle.esm.js +4 -10
  397. package/framework7-lite.esm.js +4 -6
  398. package/framework7-lite.js +31 -0
  399. package/framework7-rtl.css +803 -1591
  400. package/framework7-rtl.min.css +3 -3
  401. package/framework7-types.d.ts +1 -32
  402. package/framework7.css +803 -1594
  403. package/framework7.d.ts +1 -32
  404. package/framework7.esm.js +4 -6
  405. package/framework7.js +1770 -3407
  406. package/framework7.js.map +1 -1
  407. package/framework7.less +2 -23
  408. package/framework7.min.css +3 -3
  409. package/framework7.min.js +3 -3
  410. package/framework7.min.js.map +1 -1
  411. package/less/mixins.less +7 -88
  412. package/less/plugin.js +15 -0
  413. package/modules/clicks/clicks.js +10 -22
  414. package/modules/component/$h.js +0 -3
  415. package/modules/component/$jsx.js +0 -5
  416. package/modules/component/component-class.js +13 -66
  417. package/modules/component/component.d.ts +1 -2
  418. package/modules/component/component.js +0 -8
  419. package/modules/component/eventslisteners.js +12 -20
  420. package/modules/component/parse-component.js +18 -20
  421. package/modules/component/snabbdom/h.js +3 -12
  422. package/modules/component/snabbdom/helpers/attachto.js +9 -14
  423. package/modules/component/snabbdom/htmldomapi.js +0 -16
  424. package/modules/component/snabbdom/modules/attributes.js +7 -11
  425. package/modules/component/snabbdom/modules/class.js +4 -8
  426. package/modules/component/snabbdom/modules/dataset.js +3 -7
  427. package/modules/component/snabbdom/modules/eventlisteners.js +16 -22
  428. package/modules/component/snabbdom/modules/hero.js +4 -44
  429. package/modules/component/snabbdom/modules/props.js +5 -9
  430. package/modules/component/snabbdom/modules/style.js +13 -30
  431. package/modules/component/snabbdom/snabbdom.bundle.js +0 -6
  432. package/modules/component/snabbdom/snabbdom.js +13 -72
  433. package/modules/component/snabbdom/thunk.js +3 -11
  434. package/modules/component/snabbdom/tovnode.js +1 -6
  435. package/modules/component/vdom.js +4 -62
  436. package/modules/demo-module.js +0 -8
  437. package/modules/device/device.js +6 -11
  438. package/modules/history/history.js +0 -1
  439. package/modules/resize/resize.js +8 -11
  440. package/modules/router/async-component.js +0 -3
  441. package/modules/router/back.js +86 -275
  442. package/modules/router/clear-previous-history.js +5 -18
  443. package/modules/router/component-loader.js +4 -25
  444. package/modules/router/modal.js +16 -43
  445. package/modules/router/navigate.js +80 -249
  446. package/modules/router/process-route-queue.js +0 -12
  447. package/modules/router/redirect.js +0 -8
  448. package/modules/router/router-class.js +92 -315
  449. package/modules/router/router.d.ts +3 -5
  450. package/modules/router/router.js +0 -3
  451. package/modules/router/swipe-back.js +35 -139
  452. package/modules/router/tab.js +14 -43
  453. package/modules/service-worker/service-worker.js +0 -11
  454. package/modules/store/create-store.js +10 -29
  455. package/modules/touch/touch.d.ts +2 -4
  456. package/modules/touch/touch.js +13 -108
  457. package/package.json +4 -18
  458. package/shared/$jsx.js +0 -6
  459. package/shared/class.js +18 -43
  460. package/shared/constructor-methods.js +0 -11
  461. package/shared/events-class.js +0 -17
  462. package/shared/get-device.js +18 -34
  463. package/shared/get-support.js +2 -8
  464. package/shared/history.js +2 -30
  465. package/shared/material-color-utils.js +728 -0
  466. package/shared/material-colors.js +75 -0
  467. package/shared/modal-methods.js +0 -18
  468. package/shared/utils.d.ts +0 -4
  469. package/shared/utils.js +191 -71
  470. package/components/accordion/accordion-aurora.less +0 -2
  471. package/components/actions/actions-aurora.less +0 -9
  472. package/components/app/app-aurora.less +0 -10
  473. package/components/appbar/appbar-aurora.less +0 -2
  474. package/components/appbar/appbar-ios.less +0 -2
  475. package/components/appbar/appbar-md.less +0 -2
  476. package/components/appbar/appbar-rtl.css +0 -1
  477. package/components/appbar/appbar-vars.less +0 -28
  478. package/components/appbar/appbar.css +0 -1
  479. package/components/appbar/appbar.d.ts +0 -14
  480. package/components/appbar/appbar.js +0 -3
  481. package/components/appbar/appbar.lazy.js +0 -1
  482. package/components/appbar/appbar.less +0 -106
  483. package/components/area-chart/area-chart-aurora.less +0 -2
  484. package/components/autocomplete/autocomplete-aurora.less +0 -17
  485. package/components/badge/badge-aurora.less +0 -2
  486. package/components/block/block-aurora.less +0 -2
  487. package/components/breadcrumbs/breadcrumbs-aurora.less +0 -2
  488. package/components/button/button-aurora.less +0 -25
  489. package/components/calendar/calendar-aurora.less +0 -2
  490. package/components/card/card-aurora.less +0 -2
  491. package/components/checkbox/checkbox-aurora.less +0 -39
  492. package/components/chip/chip-aurora.less +0 -14
  493. package/components/color-picker/color-picker-aurora.less +0 -2
  494. package/components/contacts-list/contacts-list-aurora.less +0 -2
  495. package/components/data-table/data-table-aurora.less +0 -64
  496. package/components/dialog/dialog-aurora.less +0 -112
  497. package/components/elevation/elevation-aurora.less +0 -2
  498. package/components/elevation/elevation-ios.less +0 -2
  499. package/components/elevation/elevation-md.less +0 -2
  500. package/components/elevation/elevation-rtl.css +0 -1
  501. package/components/elevation/elevation-vars.less +0 -51
  502. package/components/elevation/elevation.css +0 -1
  503. package/components/elevation/elevation.d.ts +0 -14
  504. package/components/elevation/elevation.js +0 -3
  505. package/components/elevation/elevation.lazy.js +0 -1
  506. package/components/elevation/elevation.less +0 -54
  507. package/components/fab/fab-aurora.less +0 -2
  508. package/components/form/form-aurora.less +0 -0
  509. package/components/gauge/gauge-aurora.less +0 -2
  510. package/components/grid/grid-aurora.less +0 -2
  511. package/components/icon/icon-aurora.less +0 -49
  512. package/components/infinite-scroll/infinite-scroll-aurora.less +0 -6
  513. package/components/input/input-aurora.less +0 -120
  514. package/components/lazy/lazy-aurora.less +0 -2
  515. package/components/lazy/lazy-ios.less +0 -2
  516. package/components/lazy/lazy-md.less +0 -2
  517. package/components/lazy/lazy-rtl.css +0 -1
  518. package/components/lazy/lazy.css +0 -1
  519. package/components/lazy/lazy.d.ts +0 -57
  520. package/components/lazy/lazy.js +0 -283
  521. package/components/lazy/lazy.lazy.js +0 -1
  522. package/components/lazy/lazy.less +0 -23
  523. package/components/link/link-aurora.less +0 -15
  524. package/components/list/list-aurora.less +0 -25
  525. package/components/list-index/list-index-aurora.less +0 -21
  526. package/components/login-screen/login-screen-aurora.less +0 -2
  527. package/components/menu/menu-aurora.less +0 -8
  528. package/components/menu/menu-ios.less +0 -2
  529. package/components/menu/menu-md.less +0 -2
  530. package/components/menu/menu-rtl.css +0 -1
  531. package/components/menu/menu-vars.less +0 -27
  532. package/components/menu/menu.css +0 -1
  533. package/components/menu/menu.d.ts +0 -32
  534. package/components/menu/menu.js +0 -87
  535. package/components/menu/menu.lazy.js +0 -1
  536. package/components/menu/menu.less +0 -232
  537. package/components/messagebar/messagebar-aurora.less +0 -53
  538. package/components/messages/messages-aurora.less +0 -137
  539. package/components/navbar/navbar-aurora.less +0 -70
  540. package/components/notification/notification-aurora.less +0 -59
  541. package/components/page/page-aurora.less +0 -49
  542. package/components/panel/panel-aurora.less +0 -2
  543. package/components/photo-browser/photo-browser-aurora.less +0 -2
  544. package/components/picker/picker-aurora.less +0 -2
  545. package/components/pie-chart/pie-chart-aurora.less +0 -2
  546. package/components/popover/popover-aurora.less +0 -56
  547. package/components/popup/popup-aurora.less +0 -2
  548. package/components/preloader/preloader-aurora.less +0 -53
  549. package/components/progressbar/progressbar-aurora.less +0 -72
  550. package/components/pull-to-refresh/pull-to-refresh-aurora.less +0 -122
  551. package/components/radio/radio-aurora.less +0 -86
  552. package/components/range/range-aurora.less +0 -9
  553. package/components/searchbar/searchbar-aurora.less +0 -86
  554. package/components/sheet/sheet-aurora.less +0 -2
  555. package/components/skeleton/skeleton-aurora.less +0 -2
  556. package/components/smart-select/smart-select-aurora.less +0 -2
  557. package/components/sortable/sortable-aurora.less +0 -7
  558. package/components/statusbar/statusbar-aurora.less +0 -2
  559. package/components/stepper/stepper-aurora.less +0 -32
  560. package/components/subnavbar/subnavbar-aurora.less +0 -51
  561. package/components/swipeout/swipeout-aurora.less +0 -2
  562. package/components/swiper/swiper-aurora.less +0 -2
  563. package/components/tabs/tabs-aurora.less +0 -2
  564. package/components/text-editor/text-editor-aurora.less +0 -9
  565. package/components/timeline/timeline-aurora.less +0 -7
  566. package/components/toast/toast-aurora.less +0 -64
  567. package/components/toggle/toggle-aurora.less +0 -26
  568. package/components/toolbar/toolbar-aurora.less +0 -43
  569. package/components/tooltip/tooltip-aurora.less +0 -2
  570. package/components/touch-ripple/touch-ripple-aurora.less +0 -2
  571. package/components/treeview/treeview-aurora.less +0 -31
  572. package/components/typography/typography-aurora.less +0 -2
  573. package/components/view/view-aurora.less +0 -2
  574. package/components/virtual-list/virtual-list-aurora.less +0 -2
  575. package/modules/request/request.d.ts +0 -15
  576. package/modules/request/request.js +0 -11
  577. package/postinstall.js +0 -3
  578. package/shared/request.d.ts +0 -115
  579. package/shared/request.js +0 -512
@@ -1,54 +0,0 @@
1
- /* === Elevation === */
2
- @import 'elevation-vars.less';
3
-
4
- @elevations: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23,
5
- 24;
6
-
7
- each(@elevations, {
8
- .elevation-@{value} {
9
- box-shadow: ~"var(--f7-elevation-@{value}) !important";
10
- }
11
- });
12
- each(@elevations, {
13
- .device-desktop .elevation-hover-@{value}:hover {
14
- box-shadow: ~"var(--f7-elevation-@{value}) !important";
15
- }
16
- });
17
- each(@elevations, {
18
- .active-state.elevation-pressed-@{value},
19
- .device-desktop .active-state.elevation-pressed-@{value} {
20
- box-shadow: ~"var(--f7-elevation-@{value}) !important";
21
- }
22
- });
23
-
24
- .elevation-transition-100 {
25
- transition-duration: 100ms;
26
- transition-property: box-shadow;
27
- }
28
- .elevation-transition,
29
- .elevation-transition-200 {
30
- transition-duration: 200ms;
31
- transition-property: box-shadow;
32
- }
33
- .elevation-transition-300 {
34
- transition-duration: 300ms;
35
- transition-property: box-shadow;
36
- }
37
- .elevation-transition-400 {
38
- transition-duration: 400ms;
39
- transition-property: box-shadow;
40
- }
41
- .elevation-transition-500 {
42
- transition-duration: 500ms;
43
- transition-property: box-shadow;
44
- }
45
-
46
- .if-ios-theme({
47
- @import './elevation-ios.less';
48
- });
49
- .if-md-theme({
50
- @import './elevation-md.less';
51
- });
52
- .if-aurora-theme({
53
- @import './elevation-aurora.less';
54
- });
@@ -1,2 +0,0 @@
1
- .aurora {
2
- }
File without changes
@@ -1,2 +0,0 @@
1
- .aurora {
2
- }
@@ -1,2 +0,0 @@
1
- .aurora {
2
- }
@@ -1,49 +0,0 @@
1
- .aurora {
2
- .f7-icons,
3
- .material-icons {
4
- font-size: 24px;
5
- }
6
- .icon-back,
7
- .icon-prev,
8
- .icon-forward,
9
- .icon-next {
10
- width: 12px;
11
- height: 20px;
12
- line-height: 20px;
13
- &:after {
14
- line-height: inherit;
15
- }
16
- }
17
-
18
- .icon-prev,
19
- .icon-next {
20
- &:after {
21
- font-size: 16px;
22
- }
23
- }
24
-
25
- .ltr({
26
- .icon-back, .icon-prev {
27
- &:after {
28
- content: 'chevron_left_ios';
29
- }
30
- }
31
- .icon-forward, .icon-next {
32
- &:after {
33
- content: 'chevron_right_ios';
34
- }
35
- }
36
- });
37
- .rtl({
38
- .icon-back, .icon-prev {
39
- &:after {
40
- content: 'chevron_right_ios';
41
- }
42
- }
43
- .icon-forward, .icon-next {
44
- &:after {
45
- content: 'chevron_left_ios';
46
- }
47
- }
48
- });
49
- }
@@ -1,6 +0,0 @@
1
- .aurora {
2
- .infinite-scroll-preloader {
3
- margin-top: 16px;
4
- margin-bottom: 16px;
5
- }
6
- }
@@ -1,120 +0,0 @@
1
- .aurora {
2
- .item-label,
3
- .item-floating-label {
4
- + .item-input-wrap {
5
- margin-top: 0;
6
- }
7
- }
8
- .input:not(.input-outline) {
9
- .hairline(bottom, var(--f7-list-item-border-color));
10
- &:after {
11
- transition-duration: 200ms;
12
- }
13
- }
14
- .item-input-focused .item-floating-label {
15
- color: var(--f7-label-text-color);
16
- }
17
-
18
- .inline-labels,
19
- .inline-label {
20
- .item-media {
21
- align-self: flex-start;
22
- padding-top: 12px;
23
- }
24
- }
25
-
26
- .item-input-error-message,
27
- .item-input-info,
28
- .input-error-message,
29
- .input-info {
30
- position: relative;
31
- }
32
-
33
- .item-input-invalid:not(.item-input-outline) .item-inner:after,
34
- .item-input-focused:not(.item-input-outline) .item-inner:after,
35
- .input-invalid:not(.input-outline):after,
36
- .input-focused:not(.input-outline):after {
37
- transform: scaleY(2) !important;
38
- display: block !important;
39
- }
40
-
41
- .item-input-focused {
42
- .item-label,
43
- .item-floating-label {
44
- color: var(--f7-label-focused-text-color, var(--f7-theme-color));
45
- }
46
- }
47
- .item-input-focused:not(.item-input-outline) .item-inner:after,
48
- .input-focused:not(.input-outline):after {
49
- background: var(--f7-input-focused-border-color, var(--f7-theme-color));
50
- }
51
- .item-input-invalid {
52
- .item-label,
53
- .item-floating-label {
54
- color: var(--f7-label-invalid-text-color, var(--f7-input-error-text-color));
55
- }
56
- }
57
- .item-input-invalid:not(.item-input-outline) .item-inner:after,
58
- .input-invalid:not(.input-outline):after {
59
- background: var(--f7-input-invalid-border-color, var(--f7-input-error-text-color));
60
- }
61
- .item-input-invalid,
62
- .input-invalid {
63
- input,
64
- select,
65
- textarea {
66
- color: var(--f7-input-invalid-text-color, var(--f7-input-text-color));
67
- }
68
- }
69
-
70
- .input-clear-button {
71
- &:after {
72
- content: 'delete_round_ios';
73
- font-size: calc(var(--f7-input-clear-button-size) / (14 / 10));
74
- line-height: 1.4;
75
- }
76
- &:before {
77
- width: 44px;
78
- height: 44px;
79
- margin-left: -22px;
80
- margin-top: -22px;
81
- }
82
- }
83
-
84
- .item-input-outline,
85
- .input-outline {
86
- .item-input-wrap {
87
- margin-top: 0;
88
- margin-bottom: 0;
89
- }
90
- .item-input-error-message,
91
- .item-input-info,
92
- .input-error-message,
93
- .input-info {
94
- margin-top: 0;
95
- white-space: normal;
96
- overflow: hidden;
97
- text-overflow: ellipsis;
98
- }
99
- .item-input-info,
100
- .input-info {
101
- margin-bottom: calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height));
102
- }
103
- .item-input-error-message,
104
- .input-error-message {
105
- margin-bottom: calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height));
106
- }
107
- &.item-input-with-info,
108
- &.input-with-info {
109
- .item-input-wrap {
110
- margin-bottom: calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height));
111
- }
112
- }
113
- &.item-input-with-error-message,
114
- &.input-with-error-message {
115
- .item-input-wrap {
116
- margin-bottom: calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height));
117
- }
118
- }
119
- }
120
- }
@@ -1,2 +0,0 @@
1
- .aurora {
2
- }
@@ -1,2 +0,0 @@
1
- .ios {
2
- }
@@ -1,2 +0,0 @@
1
- .md {
2
- }
@@ -1 +0,0 @@
1
- .lazy-loaded.lazy-fade-in{animation:lazyFadeIn .6s}@keyframes lazyFadeIn{from{opacity:0}to{opacity:1}}
@@ -1 +0,0 @@
1
- .lazy-loaded.lazy-fade-in{animation:lazyFadeIn .6s}@keyframes lazyFadeIn{from{opacity:0}to{opacity:1}}
@@ -1,57 +0,0 @@
1
- import Framework7, {
2
- CSSSelector,
3
- Framework7EventsClass,
4
- Framework7Plugin,
5
- } from '../app/app-class.js';
6
-
7
- export namespace Lazy {
8
- interface DomEvents {
9
- /** Event will be triggered in the beginning of image file loading */
10
- 'lazy:load': () => void;
11
- /** Event will be triggered after image file successfully loaded */
12
- 'lazy:loaded': () => void;
13
- /** Event will be triggered in case of error loading image file */
14
- 'lazy:error': () => void;
15
- }
16
- interface AppMethods {
17
- lazy: {
18
- /** initialize lazy loading on page */
19
- create(pageEl: HTMLElement | CSSSelector): void;
20
- /** destroy/disable lazy loading on page */
21
- destroy(pageEl: HTMLElement | CSSSelector): void;
22
- /** force to load lazy image */
23
- loadImage(
24
- /** lazy image or element (element with lazy class). Required. */
25
- pageEl: HTMLElement | CSSSelector,
26
- /** Callback when image is loaded or error loading image happend */
27
- callback: () => void,
28
- ): void;
29
- };
30
- }
31
- interface AppParams {
32
- lazy?:
33
- | {
34
- /** Lazy load image placeholder source to show while image is not yet loaded. By default it is 1x1 px image. */
35
- placeholder?: string;
36
- /** By default images are loaded when they appear on the screen. Use this parameter if you want to load images earlier. Setting it to 50 will load image when it 50 pixels before it appears on viewport. (default 0) */
37
- threshold?: number;
38
- /** If enabled, then lazy images will be loaded one by one when they appear in viewport. (default true) */
39
- sequential?: boolean;
40
- /** When enabled, it uses IntersectionObserver API (if supported by browser) to detect when image is in viewport. Potentially provides better performance and more accurate intersection detection, but "threshold" parameter will be ignored. (default true) */
41
- observer?: boolean;
42
- }
43
- | undefined;
44
- }
45
- interface AppEvents {
46
- /** Event will be triggered in the beginning of image file loading. As an argument it receives lazy loading HTML element. */
47
- lazyLoad?: (lazyEl: HTMLElement) => void;
48
- /** Event will be triggered after image file successfully loaded. As an argument it receives lazy loading HTML element. */
49
- lazyLoaded?: (lazyEl: HTMLElement) => void;
50
- /** Event will be triggered in case of error loading image file. As an argument it receives lazy loading HTML element.*/
51
- lazyError?: (lazyEl: HTMLElement) => void;
52
- }
53
- }
54
-
55
- declare const LazyComponent: Framework7Plugin;
56
-
57
- export default LazyComponent;
@@ -1,283 +0,0 @@
1
- import { getWindow } from 'ssr-window';
2
- import $ from '../../shared/dom7.js';
3
- import { bindMethods } from '../../shared/utils.js';
4
- import { getSupport } from '../../shared/get-support.js';
5
- const Lazy = {
6
- destroy(pageEl) {
7
- const $pageEl = $(pageEl).closest('.page');
8
- if (!$pageEl.length) return;
9
-
10
- if ($pageEl[0].f7LazyDestroy) {
11
- $pageEl[0].f7LazyDestroy();
12
- }
13
- },
14
-
15
- create(pageEl) {
16
- const app = this;
17
- const window = getWindow();
18
- const support = getSupport();
19
- const $pageEl = $(pageEl).closest('.page').eq(0); // Lazy images
20
-
21
- const $lazyLoadImages = $pageEl.find('.lazy');
22
- if ($lazyLoadImages.length === 0 && !$pageEl.hasClass('lazy')) return; // Placeholder
23
-
24
- const placeholderSrc = app.params.lazy.placeholder;
25
-
26
- if (placeholderSrc !== false) {
27
- $lazyLoadImages.each(lazyEl => {
28
- if ($(lazyEl).attr('data-src') && !$(lazyEl).attr('src')) $(lazyEl).attr('src', placeholderSrc);
29
- });
30
- } // load image
31
-
32
-
33
- const imagesSequence = [];
34
- let imageIsLoading = false;
35
-
36
- function onImageComplete(lazyEl) {
37
- if (imagesSequence.indexOf(lazyEl) >= 0) {
38
- imagesSequence.splice(imagesSequence.indexOf(lazyEl), 1);
39
- }
40
-
41
- imageIsLoading = false;
42
-
43
- if (app.params.lazy.sequential && imagesSequence.length > 0) {
44
- imageIsLoading = true;
45
- app.lazy.loadImage(imagesSequence[0], onImageComplete);
46
- }
47
- }
48
-
49
- function observerCallback(entries, observer) {
50
- entries.forEach(entry => {
51
- if (entry.isIntersecting) {
52
- if (app.params.lazy.sequential && imageIsLoading) {
53
- if (imagesSequence.indexOf(entry.target) < 0) imagesSequence.push(entry.target);
54
- return;
55
- } // Load image
56
-
57
-
58
- imageIsLoading = true;
59
- app.lazy.loadImage(entry.target, onImageComplete); // Detach
60
-
61
- observer.unobserve(entry.target);
62
- }
63
- });
64
- }
65
-
66
- if (app.params.lazy.observer && support.intersectionObserver) {
67
- let observer = $pageEl[0].f7LazyObserver;
68
-
69
- if (!observer) {
70
- observer = new window.IntersectionObserver(observerCallback, {
71
- root: $pageEl[0]
72
- });
73
- }
74
-
75
- $lazyLoadImages.each(el => {
76
- if (el.f7LazyObserverAdded) return;
77
- el.f7LazyObserverAdded = true;
78
- observer.observe(el);
79
- });
80
-
81
- if (!$pageEl[0].f7LazyDestroy) {
82
- $pageEl[0].f7LazyDestroy = () => {
83
- observer.disconnect();
84
- delete $pageEl[0].f7LazyDestroy;
85
- delete $pageEl[0].f7LazyObserver;
86
- };
87
- }
88
-
89
- return;
90
- }
91
-
92
- function lazyHandler() {
93
- app.lazy.load($pageEl, lazyEl => {
94
- if (app.params.lazy.sequential && imageIsLoading) {
95
- if (imagesSequence.indexOf(lazyEl) < 0) imagesSequence.push(lazyEl);
96
- return;
97
- }
98
-
99
- imageIsLoading = true;
100
- app.lazy.loadImage(lazyEl, onImageComplete);
101
- });
102
- }
103
-
104
- function attachEvents() {
105
- $pageEl[0].f7LazyAttached = true;
106
- $pageEl.on('lazy', lazyHandler);
107
- $pageEl.on('scroll', lazyHandler, true);
108
- $pageEl.find('.tab').on('tab:mounted tab:show', lazyHandler);
109
- app.on('resize', lazyHandler);
110
- }
111
-
112
- function detachEvents() {
113
- $pageEl[0].f7LazyAttached = false;
114
- delete $pageEl[0].f7LazyAttached;
115
- $pageEl.off('lazy', lazyHandler);
116
- $pageEl.off('scroll', lazyHandler, true);
117
- $pageEl.find('.tab').off('tab:mounted tab:show', lazyHandler);
118
- app.off('resize', lazyHandler);
119
- } // Store detach function
120
-
121
-
122
- if (!$pageEl[0].f7LazyDestroy) {
123
- $pageEl[0].f7LazyDestroy = detachEvents;
124
- } // Attach events
125
-
126
-
127
- if (!$pageEl[0].f7LazyAttached) {
128
- attachEvents();
129
- } // Run loader on page load/init
130
-
131
-
132
- lazyHandler();
133
- },
134
-
135
- isInViewport(lazyEl) {
136
- const app = this;
137
- const rect = lazyEl.getBoundingClientRect();
138
- const threshold = app.params.lazy.threshold || 0;
139
- return rect.top >= 0 - threshold && rect.left >= 0 - threshold && rect.top <= app.height + threshold && rect.left <= app.width + threshold;
140
- },
141
-
142
- loadImage(imageEl, callback) {
143
- const app = this;
144
- const window = getWindow();
145
- const $imageEl = $(imageEl);
146
- const bg = $imageEl.attr('data-background');
147
- const src = bg || $imageEl.attr('data-src');
148
-
149
- function onLoad() {
150
- $imageEl.removeClass('lazy').addClass('lazy-loaded');
151
-
152
- if (bg) {
153
- $imageEl.css('background-image', `url(${src})`);
154
- } else if (src) {
155
- $imageEl.attr('src', src);
156
- }
157
-
158
- if (callback) callback(imageEl);
159
- $imageEl.trigger('lazy:loaded');
160
- app.emit('lazyLoaded', $imageEl[0]);
161
- }
162
-
163
- if (!src) {
164
- $imageEl.trigger('lazy:load');
165
- app.emit('lazyLoad', $imageEl[0]);
166
- onLoad();
167
- return;
168
- }
169
-
170
- function onError() {
171
- $imageEl.removeClass('lazy').addClass('lazy-loaded');
172
-
173
- if (bg) {
174
- $imageEl.css('background-image', `url(${app.params.lazy.placeholder || ''})`);
175
- } else {
176
- $imageEl.attr('src', app.params.lazy.placeholder || '');
177
- }
178
-
179
- if (callback) callback(imageEl);
180
- $imageEl.trigger('lazy:error');
181
- app.emit('lazyError', $imageEl[0]);
182
- }
183
-
184
- const image = new window.Image();
185
- image.onload = onLoad;
186
- image.onerror = onError;
187
- image.src = src;
188
- $imageEl.removeAttr('data-src').removeAttr('data-background'); // Add loaded callback and events
189
-
190
- $imageEl.trigger('lazy:load');
191
- app.emit('lazyLoad', $imageEl[0]);
192
- },
193
-
194
- load(pageEl, callback) {
195
- const app = this;
196
- let $pageEl = $(pageEl);
197
- if (!$pageEl.hasClass('page')) $pageEl = $pageEl.parents('.page').eq(0);
198
-
199
- if ($pageEl.length === 0) {
200
- return;
201
- }
202
-
203
- $pageEl.find('.lazy').each(lazyEl => {
204
- const $lazyEl = $(lazyEl);
205
-
206
- if ($lazyEl.parents('.tab:not(.tab-active)').length > 0) {
207
- return;
208
- }
209
-
210
- if (app.lazy.isInViewport(lazyEl)) {
211
- if (callback) callback(lazyEl);else app.lazy.loadImage(lazyEl);
212
- }
213
- });
214
- }
215
-
216
- };
217
- export default {
218
- name: 'lazy',
219
- params: {
220
- lazy: {
221
- placeholder: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEXCwsK592mkAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg==',
222
- threshold: 0,
223
- sequential: true,
224
- observer: true
225
- }
226
- },
227
-
228
- create() {
229
- const app = this;
230
- bindMethods(app, {
231
- lazy: Lazy
232
- });
233
- },
234
-
235
- on: {
236
- pageInit(page) {
237
- const app = this;
238
-
239
- if (page.$el.find('.lazy').length > 0 || page.$el.hasClass('lazy')) {
240
- app.lazy.create(page.$el);
241
- }
242
- },
243
-
244
- pageAfterIn(page) {
245
- const app = this;
246
- const support = getSupport();
247
- if (app.params.lazy.observer && support.intersectionObserver) return;
248
-
249
- if (page.$el.find('.lazy').length > 0 || page.$el.hasClass('lazy')) {
250
- app.lazy.create(page.$el);
251
- }
252
- },
253
-
254
- pageBeforeRemove(page) {
255
- const app = this;
256
-
257
- if (page.$el.find('.lazy').length > 0 || page.$el.hasClass('lazy')) {
258
- app.lazy.destroy(page.$el);
259
- }
260
- },
261
-
262
- tabMounted(tabEl) {
263
- const app = this;
264
- const $tabEl = $(tabEl);
265
-
266
- if ($tabEl.find('.lazy').length > 0 || $tabEl.hasClass('lazy')) {
267
- app.lazy.create($tabEl);
268
- }
269
- },
270
-
271
- tabBeforeRemove(tabEl) {
272
- const app = this;
273
- const support = getSupport();
274
- if (app.params.lazy.observer && support.intersectionObserver) return;
275
- const $tabEl = $(tabEl);
276
-
277
- if ($tabEl.find('.lazy').length > 0 || $tabEl.hasClass('lazy')) {
278
- app.lazy.destroy($tabEl);
279
- }
280
- }
281
-
282
- }
283
- };
@@ -1 +0,0 @@
1
- (function framework7ComponentLoader(e,a){void 0===a&&(a=!0);var t=e.$,r=e.utils,s=(e.getDevice,e.getSupport),l=(e.Class,e.Modal,e.ConstructorMethods,e.ModalMethods,e.$jsx,r.bindMethods);const o={destroy(e){const a=t(e).closest(".page");a.length&&a[0].f7LazyDestroy&&a[0].f7LazyDestroy()},create(e){const a=this,r=s(),l=t(e).closest(".page").eq(0),o=l.find(".lazy");if(0===o.length&&!l.hasClass("lazy"))return;const n=a.params.lazy.placeholder;!1!==n&&o.each((e=>{t(e).attr("data-src")&&!t(e).attr("src")&&t(e).attr("src",n)}));const d=[];let i=!1;function y(e){d.indexOf(e)>=0&&d.splice(d.indexOf(e),1),i=!1,a.params.lazy.sequential&&d.length>0&&(i=!0,a.lazy.loadImage(d[0],y))}if(a.params.lazy.observer&&r.intersectionObserver){let e=l[0].f7LazyObserver;return e||(e=new window.IntersectionObserver((function(e,t){e.forEach((e=>{if(e.isIntersecting){if(a.params.lazy.sequential&&i)return void(d.indexOf(e.target)<0&&d.push(e.target));i=!0,a.lazy.loadImage(e.target,y),t.unobserve(e.target)}}))}),{root:l[0]})),o.each((a=>{a.f7LazyObserverAdded||(a.f7LazyObserverAdded=!0,e.observe(a))})),void(l[0].f7LazyDestroy||(l[0].f7LazyDestroy=()=>{e.disconnect(),delete l[0].f7LazyDestroy,delete l[0].f7LazyObserver}))}function c(){a.lazy.load(l,(e=>{a.params.lazy.sequential&&i?d.indexOf(e)<0&&d.push(e):(i=!0,a.lazy.loadImage(e,y))}))}l[0].f7LazyDestroy||(l[0].f7LazyDestroy=function(){l[0].f7LazyAttached=!1,delete l[0].f7LazyAttached,l.off("lazy",c),l.off("scroll",c,!0),l.find(".tab").off("tab:mounted tab:show",c),a.off("resize",c)}),l[0].f7LazyAttached||(l[0].f7LazyAttached=!0,l.on("lazy",c),l.on("scroll",c,!0),l.find(".tab").on("tab:mounted tab:show",c),a.on("resize",c)),c()},isInViewport(e){const a=this,t=e.getBoundingClientRect(),r=a.params.lazy.threshold||0;return t.top>=0-r&&t.left>=0-r&&t.top<=a.height+r&&t.left<=a.width+r},loadImage(e,a){const r=this,s=t(e),l=s.attr("data-background"),o=l||s.attr("data-src");function n(){s.removeClass("lazy").addClass("lazy-loaded"),l?s.css("background-image",`url(${o})`):o&&s.attr("src",o),a&&a(e),s.trigger("lazy:loaded"),r.emit("lazyLoaded",s[0])}if(!o)return s.trigger("lazy:load"),r.emit("lazyLoad",s[0]),void n();const d=new window.Image;d.onload=n,d.onerror=function(){s.removeClass("lazy").addClass("lazy-loaded"),l?s.css("background-image",`url(${r.params.lazy.placeholder||""})`):s.attr("src",r.params.lazy.placeholder||""),a&&a(e),s.trigger("lazy:error"),r.emit("lazyError",s[0])},d.src=o,s.removeAttr("data-src").removeAttr("data-background"),s.trigger("lazy:load"),r.emit("lazyLoad",s[0])},load(e,a){const r=this;let s=t(e);s.hasClass("page")||(s=s.parents(".page").eq(0)),0!==s.length&&s.find(".lazy").each((e=>{t(e).parents(".tab:not(.tab-active)").length>0||r.lazy.isInViewport(e)&&(a?a(e):r.lazy.loadImage(e))}))}};var n={name:"lazy",params:{lazy:{placeholder:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEXCwsK592mkAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg==",threshold:0,sequential:!0,observer:!0}},create(){l(this,{lazy:o})},on:{pageInit(e){const a=this;(e.$el.find(".lazy").length>0||e.$el.hasClass("lazy"))&&a.lazy.create(e.$el)},pageAfterIn(e){const a=this,t=s();a.params.lazy.observer&&t.intersectionObserver||(e.$el.find(".lazy").length>0||e.$el.hasClass("lazy"))&&a.lazy.create(e.$el)},pageBeforeRemove(e){const a=this;(e.$el.find(".lazy").length>0||e.$el.hasClass("lazy"))&&a.lazy.destroy(e.$el)},tabMounted(e){const a=this,r=t(e);(r.find(".lazy").length>0||r.hasClass("lazy"))&&a.lazy.create(r)},tabBeforeRemove(e){const a=this,r=s();if(a.params.lazy.observer&&r.intersectionObserver)return;const l=t(e);(l.find(".lazy").length>0||l.hasClass("lazy"))&&a.lazy.destroy(l)}}};if(a){if(e.prototype.modules&&e.prototype.modules[n.name])return;e.use(n),e.instance&&(e.instance.useModuleParams(n,e.instance.params),e.instance.useModule(n))}return n}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
@@ -1,23 +0,0 @@
1
- /* === Images Lazy Loading === */
2
- .lazy-loaded.lazy-fade-in {
3
- animation: lazyFadeIn 600ms;
4
- }
5
-
6
- @keyframes lazyFadeIn {
7
- from {
8
- opacity: 0;
9
- }
10
- to {
11
- opacity: 1;
12
- }
13
- }
14
-
15
- .if-ios-theme({
16
- @import './lazy-ios.less';
17
- });
18
- .if-md-theme({
19
- @import './lazy-md.less';
20
- });
21
- .if-aurora-theme({
22
- @import './lazy-aurora.less';
23
- });
@@ -1,15 +0,0 @@
1
- .aurora {
2
- .link {
3
- transition: opacity 300ms;
4
- &.active-state {
5
- opacity: var(--f7-link-pressed-opacity);
6
- transition-duration: 0ms;
7
- }
8
- }
9
- &.device-desktop {
10
- .link:not(.active-state):not(.no-hover):hover {
11
- opacity: var(--f7-link-hover-opacity);
12
- transition-duration: 0ms;
13
- }
14
- }
15
- }
@@ -1,25 +0,0 @@
1
- .aurora {
2
- .list {
3
- .item-media {
4
- min-width: 24px;
5
- }
6
- }
7
- .links-list a,
8
- .list .item-link:not(.item-selected),
9
- .list .list-button {
10
- transition-duration: 0ms;
11
- }
12
- &.device-desktop {
13
- .links-list a,
14
- .list .item-link:not(.item-selected) {
15
- &:hover:not(.active-state):not(.no-hover) {
16
- background: var(--f7-list-link-hover-bg-color);
17
- }
18
- }
19
- .list .list-button {
20
- &:hover:not(.active-state):not(.no-hover) {
21
- background: var(--f7-list-button-hover-bg-color);
22
- }
23
- }
24
- }
25
- }