framework7 7.0.0-beta.2 → 7.0.0-beta.20

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 (384) hide show
  1. package/components/accordion/accordion.js +2 -2
  2. package/components/accordion/{accordion.umd.js → accordion.lazy.js} +1 -1
  3. package/components/actions/actions-class.js +11 -6
  4. package/components/actions/actions-rtl.css +1 -1
  5. package/components/actions/actions.css +1 -1
  6. package/components/actions/actions.d.ts +2 -0
  7. package/components/actions/actions.js +13 -4
  8. package/components/actions/actions.lazy.js +1 -0
  9. package/components/actions/actions.less +3 -0
  10. package/components/app/app-class.d.ts +10 -10
  11. package/components/app/app-class.js +43 -37
  12. package/components/app/app.less +3 -3
  13. package/components/app/load-module.js +4 -4
  14. package/components/appbar/{appbar.umd.js → appbar.lazy.js} +0 -0
  15. package/components/area-chart/area-chart-class.js +38 -22
  16. package/components/area-chart/area-chart-rtl.css +1 -1
  17. package/components/area-chart/area-chart.css +1 -1
  18. package/components/area-chart/area-chart.js +3 -3
  19. package/components/area-chart/area-chart.lazy.js +1 -0
  20. package/components/autocomplete/autocomplete-class.js +10 -6
  21. package/components/autocomplete/autocomplete-rtl.css +1 -1
  22. package/components/autocomplete/autocomplete.css +1 -1
  23. package/components/autocomplete/autocomplete.js +3 -3
  24. package/components/autocomplete/autocomplete.lazy.js +1 -0
  25. package/components/breadcrumbs/breadcrumbs-aurora.less +2 -0
  26. package/components/breadcrumbs/breadcrumbs-ios.less +2 -0
  27. package/components/breadcrumbs/breadcrumbs-md.less +2 -0
  28. package/components/breadcrumbs/breadcrumbs-rtl.css +1 -0
  29. package/components/breadcrumbs/breadcrumbs-vars.less +36 -0
  30. package/components/breadcrumbs/breadcrumbs.css +1 -0
  31. package/components/breadcrumbs/breadcrumbs.d.ts +15 -0
  32. package/components/breadcrumbs/breadcrumbs.js +13 -0
  33. package/components/breadcrumbs/breadcrumbs.lazy.js +1 -0
  34. package/components/breadcrumbs/breadcrumbs.less +100 -0
  35. package/components/calendar/calendar-class.js +222 -130
  36. package/components/calendar/calendar-rtl.css +1 -1
  37. package/components/calendar/calendar-vars.less +6 -10
  38. package/components/calendar/calendar.css +1 -1
  39. package/components/calendar/calendar.d.ts +2 -0
  40. package/components/calendar/calendar.js +9 -4
  41. package/components/calendar/calendar.lazy.js +1 -0
  42. package/components/calendar/calendar.less +20 -16
  43. package/components/card/card-rtl.css +1 -1
  44. package/components/card/card.css +1 -1
  45. package/components/card/card.js +27 -7
  46. package/components/card/card.lazy.js +1 -0
  47. package/components/checkbox/checkbox-rtl.css +1 -1
  48. package/components/checkbox/checkbox.css +1 -1
  49. package/components/checkbox/{checkbox.umd.js → checkbox.lazy.js} +0 -0
  50. package/components/chip/chip-rtl.css +1 -1
  51. package/components/chip/chip.css +1 -1
  52. package/components/chip/{chip.umd.js → chip.lazy.js} +0 -0
  53. package/components/color-picker/color-picker-class.js +37 -21
  54. package/components/color-picker/color-picker-rtl.css +1 -1
  55. package/components/color-picker/color-picker.css +1 -1
  56. package/components/color-picker/color-picker.js +8 -4
  57. package/components/color-picker/{color-picker.umd.js → color-picker.lazy.js} +1 -1
  58. package/components/color-picker/modules/alpha-slider.js +1 -1
  59. package/components/color-picker/modules/brightness-slider.js +2 -2
  60. package/components/color-picker/modules/current-color.js +1 -1
  61. package/components/color-picker/modules/hex.js +1 -1
  62. package/components/color-picker/modules/hs-spectrum.js +4 -4
  63. package/components/color-picker/modules/hsb-sliders.js +3 -3
  64. package/components/color-picker/modules/hue-slider.js +1 -1
  65. package/components/color-picker/modules/initial-current-colors.js +1 -1
  66. package/components/color-picker/modules/palette.js +2 -2
  67. package/components/color-picker/modules/rgb-bars.js +2 -2
  68. package/components/color-picker/modules/rgb-sliders.js +2 -2
  69. package/components/color-picker/modules/sb-spectrum.js +3 -3
  70. package/components/color-picker/modules/wheel.js +3 -3
  71. package/components/contacts-list/contacts-list-rtl.css +1 -1
  72. package/components/contacts-list/contacts-list.css +1 -1
  73. package/components/contacts-list/{contacts-list.umd.js → contacts-list.lazy.js} +0 -0
  74. package/components/data-table/data-table-class.js +8 -4
  75. package/components/data-table/data-table-rtl.css +1 -1
  76. package/components/data-table/data-table.css +1 -1
  77. package/components/data-table/data-table.js +3 -3
  78. package/components/data-table/data-table.lazy.js +1 -0
  79. package/components/dialog/dialog-class.js +5 -5
  80. package/components/dialog/dialog-rtl.css +1 -1
  81. package/components/dialog/dialog.css +1 -1
  82. package/components/dialog/dialog.js +33 -9
  83. package/components/dialog/dialog.lazy.js +1 -0
  84. package/components/elevation/{elevation.umd.js → elevation.lazy.js} +0 -0
  85. package/components/fab/fab-rtl.css +1 -1
  86. package/components/fab/fab.css +1 -1
  87. package/components/fab/fab.js +17 -5
  88. package/components/fab/fab.lazy.js +1 -0
  89. package/components/form/form.js +2 -2
  90. package/components/form/{form.umd.js → form.lazy.js} +1 -1
  91. package/components/gauge/gauge-class.js +14 -6
  92. package/components/gauge/gauge.d.ts +2 -2
  93. package/components/gauge/gauge.js +4 -4
  94. package/components/gauge/gauge.lazy.js +1 -0
  95. package/components/grid/grid-rtl.css +1 -1
  96. package/components/grid/grid.css +1 -1
  97. package/components/grid/grid.js +2 -2
  98. package/components/grid/{grid.umd.js → grid.lazy.js} +0 -0
  99. package/components/infinite-scroll/infinite-scroll.js +2 -2
  100. package/components/infinite-scroll/{infinite-scroll.umd.js → infinite-scroll.lazy.js} +0 -0
  101. package/components/input/input-rtl.css +1 -1
  102. package/components/input/input.css +1 -1
  103. package/components/input/input.js +8 -4
  104. package/components/input/input.lazy.js +1 -0
  105. package/components/input/input.less +1 -1
  106. package/components/lazy/lazy.js +3 -3
  107. package/components/lazy/{lazy.umd.js → lazy.lazy.js} +0 -0
  108. package/components/list-index/list-index-class.js +9 -5
  109. package/components/list-index/list-index.d.ts +1 -1
  110. package/components/list-index/list-index.js +4 -4
  111. package/components/list-index/list-index.lazy.js +1 -0
  112. package/components/login-screen/login-screen-class.js +3 -3
  113. package/components/login-screen/login-screen-rtl.css +1 -1
  114. package/components/login-screen/login-screen.css +1 -1
  115. package/components/login-screen/login-screen.js +12 -4
  116. package/components/login-screen/login-screen.lazy.js +1 -0
  117. package/components/login-screen/login-screen.less +1 -1
  118. package/components/menu/menu.js +12 -4
  119. package/components/menu/menu.lazy.js +1 -0
  120. package/components/messagebar/messagebar-class.js +28 -8
  121. package/components/messagebar/messagebar-rtl.css +1 -1
  122. package/components/messagebar/messagebar.css +1 -1
  123. package/components/messagebar/messagebar.js +4 -4
  124. package/components/messagebar/messagebar.lazy.js +1 -0
  125. package/components/messages/messages-class.js +64 -28
  126. package/components/messages/messages-rtl.css +1 -1
  127. package/components/messages/messages.css +1 -1
  128. package/components/messages/messages.js +3 -3
  129. package/components/messages/messages.lazy.js +1 -0
  130. package/components/modal/custom-modal-class.js +3 -3
  131. package/components/modal/modal-class.js +13 -3
  132. package/components/modal/modal.js +2 -2
  133. package/components/navbar/navbar.js +29 -5
  134. package/components/notification/notification-aurora.less +1 -1
  135. package/components/notification/notification-class.js +4 -4
  136. package/components/notification/notification-ios.less +1 -1
  137. package/components/notification/notification-rtl.css +1 -1
  138. package/components/notification/notification.css +1 -1
  139. package/components/notification/notification.d.ts +4 -4
  140. package/components/notification/notification.js +3 -3
  141. package/components/notification/{notification.umd.js → notification.lazy.js} +0 -0
  142. package/components/page/page-vars.less +1 -1
  143. package/components/panel/panel-class.js +40 -12
  144. package/components/panel/panel.js +43 -11
  145. package/components/panel/panel.lazy.js +1 -0
  146. package/components/panel/resizable-panel.js +3 -3
  147. package/components/panel/swipe-panel.js +2 -2
  148. package/components/photo-browser/photo-browser-class.js +46 -12
  149. package/components/photo-browser/photo-browser.js +2 -2
  150. package/components/photo-browser/photo-browser.lazy.js +1 -0
  151. package/components/picker/picker-class.js +17 -13
  152. package/components/picker/picker-column.js +35 -271
  153. package/components/picker/picker-rtl.css +1 -1
  154. package/components/picker/picker.css +1 -1
  155. package/components/picker/picker.d.ts +2 -13
  156. package/components/picker/picker.js +8 -9
  157. package/components/picker/picker.lazy.js +1 -0
  158. package/components/picker/picker.less +28 -10
  159. package/components/pie-chart/pie-chart-class.js +20 -11
  160. package/components/pie-chart/pie-chart.js +3 -3
  161. package/components/pie-chart/pie-chart.lazy.js +1 -0
  162. package/components/popover/popover-class.js +24 -7
  163. package/components/popover/popover-rtl.css +1 -1
  164. package/components/popover/popover.css +1 -1
  165. package/components/popover/popover.d.ts +2 -0
  166. package/components/popover/popover.js +15 -6
  167. package/components/popover/popover.lazy.js +1 -0
  168. package/components/popover/popover.less +3 -0
  169. package/components/popup/popup-class.js +11 -6
  170. package/components/popup/popup-rtl.css +1 -1
  171. package/components/popup/popup.css +1 -1
  172. package/components/popup/popup.d.ts +4 -0
  173. package/components/popup/popup.js +13 -4
  174. package/components/popup/popup.lazy.js +1 -0
  175. package/components/popup/popup.less +25 -21
  176. package/components/preloader/preloader-ios.less +3 -0
  177. package/components/preloader/preloader-rtl.css +1 -1
  178. package/components/preloader/preloader.css +1 -1
  179. package/components/preloader/preloader.d.ts +4 -0
  180. package/components/preloader/preloader.js +12 -4
  181. package/components/preloader/preloader.lazy.js +1 -0
  182. package/components/progressbar/progressbar-aurora.less +32 -13
  183. package/components/progressbar/progressbar-ios.less +19 -7
  184. package/components/progressbar/progressbar-md.less +64 -28
  185. package/components/progressbar/progressbar-rtl.css +1 -1
  186. package/components/progressbar/progressbar.css +1 -1
  187. package/components/progressbar/progressbar.js +19 -6
  188. package/components/progressbar/progressbar.lazy.js +1 -0
  189. package/components/progressbar/progressbar.less +16 -4
  190. package/components/pull-to-refresh/pull-to-refresh-class.js +10 -6
  191. package/components/pull-to-refresh/pull-to-refresh.js +4 -4
  192. package/components/pull-to-refresh/pull-to-refresh.lazy.js +1 -0
  193. package/components/radio/radio-rtl.css +1 -1
  194. package/components/radio/radio.css +1 -1
  195. package/components/radio/{radio.umd.js → radio.lazy.js} +0 -0
  196. package/components/range/range-class.js +4 -4
  197. package/components/range/range.d.ts +23 -5
  198. package/components/range/range.js +14 -6
  199. package/components/range/{range.umd.js → range.lazy.js} +1 -1
  200. package/components/searchbar/searchbar-class.js +11 -7
  201. package/components/searchbar/searchbar-rtl.css +1 -1
  202. package/components/searchbar/searchbar.css +1 -1
  203. package/components/searchbar/searchbar.js +24 -8
  204. package/components/searchbar/searchbar.lazy.js +1 -0
  205. package/components/searchbar/searchbar.less +1 -1
  206. package/components/sheet/sheet-class.js +26 -7
  207. package/components/sheet/sheet-rtl.css +1 -1
  208. package/components/sheet/sheet.css +1 -1
  209. package/components/sheet/sheet.d.ts +2 -0
  210. package/components/sheet/sheet.js +15 -6
  211. package/components/sheet/sheet.lazy.js +1 -0
  212. package/components/sheet/sheet.less +19 -16
  213. package/components/skeleton/skeleton-rtl.css +1 -1
  214. package/components/skeleton/skeleton-vars.less +1 -1
  215. package/components/skeleton/skeleton.css +1 -1
  216. package/components/skeleton/{skeleton.umd.js → skeleton.lazy.js} +0 -0
  217. package/components/smart-select/smart-select-class.js +19 -7
  218. package/components/smart-select/smart-select.js +4 -4
  219. package/components/smart-select/smart-select.lazy.js +1 -0
  220. package/components/sortable/sortable-rtl.css +1 -1
  221. package/components/sortable/sortable.css +1 -1
  222. package/components/sortable/sortable.d.ts +5 -1
  223. package/components/sortable/sortable.js +48 -11
  224. package/components/sortable/sortable.lazy.js +1 -0
  225. package/components/statusbar/statusbar.d.ts +9 -9
  226. package/components/statusbar/statusbar.js +8 -4
  227. package/components/stepper/stepper-class.js +3 -3
  228. package/components/stepper/stepper.js +14 -6
  229. package/components/stepper/{stepper.umd.js → stepper.lazy.js} +1 -1
  230. package/components/subnavbar/subnavbar.js +1 -1
  231. package/components/swipeout/swipeout-rtl.css +1 -1
  232. package/components/swipeout/swipeout.css +1 -1
  233. package/components/swipeout/swipeout.js +19 -6
  234. package/components/swipeout/{swipeout.umd.js → swipeout.lazy.js} +1 -1
  235. package/components/swiper/swiper-rtl.css +1 -1
  236. package/components/swiper/swiper.css +1 -1
  237. package/components/swiper/swiper.js +2 -2
  238. package/components/swiper/swiper.lazy.js +1 -0
  239. package/components/tabs/tabs.js +16 -9
  240. package/components/tabs/tabs.lazy.js +1 -0
  241. package/components/text-editor/text-editor-class.js +5 -5
  242. package/components/text-editor/text-editor-rtl.css +1 -1
  243. package/components/text-editor/text-editor.css +1 -1
  244. package/components/text-editor/text-editor.js +4 -4
  245. package/components/text-editor/{text-editor.umd.js → text-editor.lazy.js} +1 -1
  246. package/components/timeline/timeline-rtl.css +1 -1
  247. package/components/timeline/timeline.css +1 -1
  248. package/components/timeline/{timeline.umd.js → timeline.lazy.js} +0 -0
  249. package/components/toast/toast-class.js +4 -4
  250. package/components/toast/toast.d.ts +2 -2
  251. package/components/toast/toast.js +3 -3
  252. package/components/toast/{toast.umd.js → toast.lazy.js} +0 -0
  253. package/components/toggle/toggle-class.js +9 -5
  254. package/components/toggle/toggle-rtl.css +1 -1
  255. package/components/toggle/toggle.css +1 -1
  256. package/components/toggle/toggle.js +3 -3
  257. package/components/toggle/toggle.lazy.js +1 -0
  258. package/components/toolbar/toolbar-aurora.less +0 -13
  259. package/components/toolbar/toolbar-md.less +0 -13
  260. package/components/toolbar/toolbar.js +13 -5
  261. package/components/toolbar/toolbar.less +13 -0
  262. package/components/tooltip/tooltip-class.js +9 -5
  263. package/components/tooltip/tooltip.js +3 -3
  264. package/components/tooltip/tooltip.lazy.js +1 -0
  265. package/components/touch-ripple/touch-ripple-class.js +1 -1
  266. package/components/touch-ripple/touch-ripple-vars.less +1 -1
  267. package/components/touch-ripple/touch-ripple.js +6 -2
  268. package/components/treeview/treeview-rtl.css +1 -1
  269. package/components/treeview/treeview.css +1 -1
  270. package/components/treeview/treeview.js +2 -2
  271. package/components/treeview/{treeview.umd.js → treeview.lazy.js} +1 -1
  272. package/components/typography/{typography.umd.js → typography.lazy.js} +0 -0
  273. package/components/view/resizable-view.js +3 -3
  274. package/components/view/view-class.js +18 -7
  275. package/components/view/view.d.ts +5 -1
  276. package/components/view/view.js +5 -3
  277. package/components/virtual-list/virtual-list-class.js +58 -13
  278. package/components/virtual-list/virtual-list.d.ts +2 -2
  279. package/components/virtual-list/virtual-list.js +2 -2
  280. package/components/virtual-list/virtual-list.lazy.js +1 -0
  281. package/framework7-bundle-rtl.css +513 -411
  282. package/framework7-bundle-rtl.min.css +4 -4
  283. package/framework7-bundle.css +498 -395
  284. package/framework7-bundle.esm.js +87 -86
  285. package/framework7-bundle.js +2728 -1257
  286. package/framework7-bundle.js.map +1 -1
  287. package/framework7-bundle.less +4 -3
  288. package/framework7-bundle.min.css +4 -4
  289. package/framework7-bundle.min.js +4 -4
  290. package/framework7-bundle.min.js.map +1 -1
  291. package/framework7-lite-bundle.esm.js +81 -80
  292. package/framework7-lite.esm.js +27 -27
  293. package/framework7-rtl.css +61 -70
  294. package/framework7-rtl.min.css +4 -4
  295. package/framework7-types.d.ts +5 -1
  296. package/framework7.css +60 -68
  297. package/framework7.d.ts +4 -0
  298. package/framework7.esm.js +30 -30
  299. package/framework7.js +675 -255
  300. package/framework7.js.map +1 -1
  301. package/framework7.less +3 -3
  302. package/framework7.min.css +4 -4
  303. package/framework7.min.js +4 -4
  304. package/framework7.min.js.map +1 -1
  305. package/less/mixins.less +2 -2
  306. package/modules/clicks/clicks.js +2 -2
  307. package/modules/component/$h.js +6 -2
  308. package/modules/component/$jsx.js +6 -2
  309. package/modules/component/component-class.js +40 -27
  310. package/modules/component/component.d.ts +2 -2
  311. package/modules/component/component.js +11 -10
  312. package/modules/component/eventslisteners.js +6 -2
  313. package/modules/component/parse-component.js +2 -2
  314. package/modules/component/patch.js +5 -5
  315. package/modules/component/snabbdom/h.js +2 -2
  316. package/modules/component/snabbdom/snabbdom.bundle.js +7 -7
  317. package/modules/component/snabbdom/snabbdom.js +3 -3
  318. package/modules/component/snabbdom/thunk.js +1 -1
  319. package/modules/component/snabbdom/tovnode.js +2 -2
  320. package/modules/component/vdom.js +35 -20
  321. package/modules/device/device.js +2 -2
  322. package/modules/history/history.js +1 -1
  323. package/modules/request/request.js +1 -1
  324. package/modules/resize/resize.js +1 -1
  325. package/modules/router/back.js +24 -14
  326. package/modules/router/clear-previous-history.js +2 -2
  327. package/modules/router/component-loader.js +81 -24
  328. package/modules/router/modal.js +8 -4
  329. package/modules/router/navigate.js +25 -55
  330. package/modules/router/redirect.js +6 -2
  331. package/modules/router/router-class.js +50 -21
  332. package/modules/router/router.js +1 -1
  333. package/modules/router/swipe-back.js +12 -11
  334. package/modules/router/tab.js +10 -6
  335. package/modules/service-worker/service-worker.js +1 -1
  336. package/modules/store/create-store.js +11 -3
  337. package/modules/store/store.js +1 -1
  338. package/modules/support/support.js +1 -1
  339. package/modules/touch/touch.js +4 -4
  340. package/modules/utils/utils.js +1 -1
  341. package/package.json +12 -6
  342. package/shared/$jsx.js +6 -1
  343. package/shared/class.js +35 -7
  344. package/shared/constructor-methods.js +26 -5
  345. package/shared/events-class.js +15 -3
  346. package/shared/get-device.d.ts +0 -2
  347. package/shared/get-device.js +11 -7
  348. package/shared/history.js +2 -2
  349. package/shared/modal-methods.js +13 -5
  350. package/shared/request.js +46 -8
  351. package/shared/utils.js +47 -10
  352. package/components/actions/actions.umd.js +0 -1
  353. package/components/area-chart/area-chart.umd.js +0 -1
  354. package/components/autocomplete/autocomplete.umd.js +0 -1
  355. package/components/calendar/calendar.umd.js +0 -1
  356. package/components/card/card.umd.js +0 -1
  357. package/components/data-table/data-table.umd.js +0 -1
  358. package/components/dialog/dialog.umd.js +0 -1
  359. package/components/fab/fab.umd.js +0 -1
  360. package/components/gauge/gauge.umd.js +0 -1
  361. package/components/input/input.umd.js +0 -1
  362. package/components/list-index/list-index.umd.js +0 -1
  363. package/components/login-screen/login-screen.umd.js +0 -1
  364. package/components/menu/menu.umd.js +0 -1
  365. package/components/messagebar/messagebar.umd.js +0 -1
  366. package/components/messages/messages.umd.js +0 -1
  367. package/components/panel/panel.umd.js +0 -1
  368. package/components/photo-browser/photo-browser.umd.js +0 -1
  369. package/components/picker/picker.umd.js +0 -1
  370. package/components/pie-chart/pie-chart.umd.js +0 -1
  371. package/components/popover/popover.umd.js +0 -1
  372. package/components/popup/popup.umd.js +0 -1
  373. package/components/preloader/preloader.umd.js +0 -1
  374. package/components/progressbar/progressbar.umd.js +0 -1
  375. package/components/pull-to-refresh/pull-to-refresh.umd.js +0 -1
  376. package/components/searchbar/searchbar.umd.js +0 -1
  377. package/components/sheet/sheet.umd.js +0 -1
  378. package/components/smart-select/smart-select.umd.js +0 -1
  379. package/components/sortable/sortable.umd.js +0 -1
  380. package/components/swiper/swiper.umd.js +0 -1
  381. package/components/tabs/tabs.umd.js +0 -1
  382. package/components/toggle/toggle.umd.js +0 -1
  383. package/components/tooltip/tooltip.umd.js +0 -1
  384. package/components/virtual-list/virtual-list.umd.js +0 -1
package/components/contacts-list/contacts-list-rtl.css CHANGED
@@ -1 +1 @@
1
- :root .theme-dark,:root.theme-dark{--f7-contacts-list-title-text-color:#fff}.ios{--f7-contacts-list-title-font-size:inherit;--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-height:22px;--f7-contacts-list-title-text-color:#000;--f7-contacts-list-title-bg-color:#f7f7f7}.ios .theme-dark,.ios.theme-dark{--f7-contacts-list-title-bg-color:#323234}.md{--f7-contacts-list-title-font-size:20px;--f7-contacts-list-title-font-weight:500;--f7-contacts-list-title-height:48px;--f7-contacts-list-title-bg-color:transparent}.aurora{--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-text-color:#000}.contacts-list{--f7-list-margin-vertical:0px}.contacts-list .list-group-title,.contacts-list li.list-group-title{background-color:var(--f7-contacts-list-title-bg-color,var(--f7-list-group-title-bg-color));font-weight:var(--f7-contacts-list-title-font-weight,var(--f7-list-group-title-font-weight));font-size:var(--f7-contacts-list-title-font-size, var(--f7-list-group-title-font-size));color:var(--f7-contacts-list-title-text-color,var(--f7-theme-color));line-height:var(--f7-contacts-list-title-height, var(--f7-list-group-title-height));height:var(--f7-contacts-list-title-height,var(--f7-list-group-title-height))}.contacts-list .list-group:first-child ul:before{display:none!important}.contacts-list .list-group:last-child ul:after{display:none!important}.md .contacts-list .list-group-title{pointer-events:none;overflow:visible;width:56px}.md .contacts-list .list-group-title+li{margin-top:calc(var(--f7-contacts-list-title-height) * -1)}.md .contacts-list li:not(.list-group-title){padding-right:56px}
1
+ :root .dark,:root.dark{--f7-contacts-list-title-text-color:#fff}.ios{--f7-contacts-list-title-font-size:inherit;--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-height:22px;--f7-contacts-list-title-text-color:#000;--f7-contacts-list-title-bg-color:#f7f7f7}.ios .dark,.ios.dark{--f7-contacts-list-title-bg-color:#323234}.md{--f7-contacts-list-title-font-size:20px;--f7-contacts-list-title-font-weight:500;--f7-contacts-list-title-height:48px;--f7-contacts-list-title-bg-color:transparent}.aurora{--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-text-color:#000}.contacts-list{--f7-list-margin-vertical:0px}.contacts-list .list-group-title,.contacts-list li.list-group-title{background-color:var(--f7-contacts-list-title-bg-color,var(--f7-list-group-title-bg-color));font-weight:var(--f7-contacts-list-title-font-weight,var(--f7-list-group-title-font-weight));font-size:var(--f7-contacts-list-title-font-size, var(--f7-list-group-title-font-size));color:var(--f7-contacts-list-title-text-color,var(--f7-theme-color));line-height:var(--f7-contacts-list-title-height, var(--f7-list-group-title-height));height:var(--f7-contacts-list-title-height,var(--f7-list-group-title-height))}.contacts-list .list-group:first-child ul:before{display:none!important}.contacts-list .list-group:last-child ul:after{display:none!important}.md .contacts-list .list-group-title{pointer-events:none;overflow:visible;width:56px}.md .contacts-list .list-group-title+li{margin-top:calc(var(--f7-contacts-list-title-height) * -1)}.md .contacts-list li:not(.list-group-title){padding-right:56px}
package/components/contacts-list/contacts-list.css CHANGED
@@ -1 +1 @@
1
- :root .theme-dark,:root.theme-dark{--f7-contacts-list-title-text-color:#fff}.ios{--f7-contacts-list-title-font-size:inherit;--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-height:22px;--f7-contacts-list-title-text-color:#000;--f7-contacts-list-title-bg-color:#f7f7f7}.ios .theme-dark,.ios.theme-dark{--f7-contacts-list-title-bg-color:#323234}.md{--f7-contacts-list-title-font-size:20px;--f7-contacts-list-title-font-weight:500;--f7-contacts-list-title-height:48px;--f7-contacts-list-title-bg-color:transparent}.aurora{--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-text-color:#000}.contacts-list{--f7-list-margin-vertical:0px}.contacts-list .list-group-title,.contacts-list li.list-group-title{background-color:var(--f7-contacts-list-title-bg-color,var(--f7-list-group-title-bg-color));font-weight:var(--f7-contacts-list-title-font-weight,var(--f7-list-group-title-font-weight));font-size:var(--f7-contacts-list-title-font-size, var(--f7-list-group-title-font-size));color:var(--f7-contacts-list-title-text-color,var(--f7-theme-color));line-height:var(--f7-contacts-list-title-height, var(--f7-list-group-title-height));height:var(--f7-contacts-list-title-height,var(--f7-list-group-title-height))}.contacts-list .list-group:first-child ul:before{display:none!important}.contacts-list .list-group:last-child ul:after{display:none!important}.md .contacts-list .list-group-title{pointer-events:none;overflow:visible;width:56px}.md .contacts-list .list-group-title+li{margin-top:calc(var(--f7-contacts-list-title-height) * -1)}.md .contacts-list li:not(.list-group-title){padding-left:56px}
1
+ :root .dark,:root.dark{--f7-contacts-list-title-text-color:#fff}.ios{--f7-contacts-list-title-font-size:inherit;--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-height:22px;--f7-contacts-list-title-text-color:#000;--f7-contacts-list-title-bg-color:#f7f7f7}.ios .dark,.ios.dark{--f7-contacts-list-title-bg-color:#323234}.md{--f7-contacts-list-title-font-size:20px;--f7-contacts-list-title-font-weight:500;--f7-contacts-list-title-height:48px;--f7-contacts-list-title-bg-color:transparent}.aurora{--f7-contacts-list-title-font-weight:600;--f7-contacts-list-title-text-color:#000}.contacts-list{--f7-list-margin-vertical:0px}.contacts-list .list-group-title,.contacts-list li.list-group-title{background-color:var(--f7-contacts-list-title-bg-color,var(--f7-list-group-title-bg-color));font-weight:var(--f7-contacts-list-title-font-weight,var(--f7-list-group-title-font-weight));font-size:var(--f7-contacts-list-title-font-size, var(--f7-list-group-title-font-size));color:var(--f7-contacts-list-title-text-color,var(--f7-theme-color));line-height:var(--f7-contacts-list-title-height, var(--f7-list-group-title-height));height:var(--f7-contacts-list-title-height,var(--f7-list-group-title-height))}.contacts-list .list-group:first-child ul:before{display:none!important}.contacts-list .list-group:last-child ul:after{display:none!important}.md .contacts-list .list-group-title{pointer-events:none;overflow:visible;width:56px}.md .contacts-list .list-group-title+li{margin-top:calc(var(--f7-contacts-list-title-height) * -1)}.md .contacts-list li:not(.list-group-title){padding-left:56px}
package/components/data-table/data-table-class.js CHANGED
@@ -1,9 +1,13 @@
1
- import $ from '../../shared/dom7';
2
- import { extend, deleteProps } from '../../shared/utils';
3
- import Framework7Class from '../../shared/class';
1
+ import $ from '../../shared/dom7.js';
2
+ import { extend, deleteProps } from '../../shared/utils.js';
3
+ import Framework7Class from '../../shared/class.js';
4
4
 
5
5
  class DataTable extends Framework7Class {
6
- constructor(app, params = {}) {
6
+ constructor(app, params) {
7
+ if (params === void 0) {
8
+ params = {};
9
+ }
10
+
7
11
  super(params, [app]);
8
12
  const table = this;
9
13
  const defaults = {}; // Extend defaults with modules params
package/components/data-table/data-table-rtl.css CHANGED
@@ -1 +1 @@
1
- :root{--f7-table-head-font-size:12px;--f7-table-body-font-size:14px;--f7-table-footer-font-size:12px;--f7-table-input-height:24px;--f7-table-input-font-size:14px;--f7-table-collapsible-cell-padding:16px;--f7-table-link-icon-only-icon-size:20px;--f7-table-head-bg-color:transparent;--f7-table-card-header-bg-color:transparent;--f7-table-card-header-height:64px;--f7-table-cell-padding-vertical:0px;--f7-table-sortable-icon-color:#000}:root .theme-dark,:root.theme-dark{--f7-table-cell-border-color:rgba(255, 255, 255, 0.15);--f7-table-sortable-icon-color:#fff;--f7-table-input-text-color:#fff}.ios{--f7-table-head-font-weight:600;--f7-table-head-cell-height:44px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:44px;--f7-table-cell-padding-horizontal:16px;--f7-table-edge-cell-padding-horizontal:16px;--f7-table-label-cell-padding-horizontal:16px;--f7-table-checkbox-cell-width:22px;--f7-table-title-font-size:17px;--f7-table-title-font-weight:600;--f7-table-footer-height:44px;--f7-table-head-text-color:rgba(0, 0, 0, 0.45);--f7-table-cell-border-color:rgba(0, 0, 0, 0.22);--f7-table-selected-row-bg-color:rgba(0, 0, 0, 0.03);--f7-table-footer-text-color:rgba(0, 0, 0, 0.45);--f7-table-input-text-color:#000}.ios .theme-dark,.ios.theme-dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.55);--f7-table-footer-text-color:rgba(255, 255, 255, 0.55);--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.08)}.md{--f7-table-head-font-weight:500;--f7-table-head-cell-height:56px;--f7-table-head-icon-size:16px;--f7-table-body-cell-height:48px;--f7-table-cell-padding-horizontal:28px;--f7-table-edge-cell-padding-horizontal:24px;--f7-table-label-cell-padding-horizontal:24px;--f7-table-checkbox-cell-width:18px;--f7-table-title-font-size:20px;--f7-table-title-font-weight:400;--f7-table-footer-height:56px;--f7-table-head-text-color:rgba(0, 0, 0, 0.54);--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-actions-cell-link-color:rgba(0, 0, 0, 0.54);--f7-table-selected-row-bg-color:#f5f5f5;--f7-table-actions-link-color:rgba(0, 0, 0, 0.54);--f7-table-footer-text-color:rgba(0, 0, 0, 0.54);--f7-table-input-text-color:#212121}.md .theme-dark,.md.theme-dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.54);--f7-table-footer-text-color:rgba(255, 255, 255, 0.54);--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.05);--f7-table-actions-cell-link-color:rgba(255, 255, 255, 0.54);--f7-table-actions-link-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-table-input-height:32px;--f7-table-head-font-weight:600;--f7-table-head-cell-height:56px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:48px;--f7-table-cell-padding-horizontal:16px;--f7-table-edge-cell-padding-horizontal:16px;--f7-table-label-cell-padding-horizontal:16px;--f7-table-checkbox-cell-width:22px;--f7-table-title-font-size:20px;--f7-table-title-font-weight:600;--f7-table-footer-height:56px;--f7-table-head-text-color:rgba(0, 0, 0, 0.6);--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-selected-row-bg-color:rgba(0, 0, 0, 0.03);--f7-table-footer-text-color:rgba(0, 0, 0, 0.5);--f7-table-input-text-color:#000;--f7-table-head-bg-color:#f6f6f7;--f7-table-card-header-bg-color:#f6f6f7}.aurora .theme-dark,.aurora.theme-dark{--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.03);--f7-table-head-text-color:rgba(255, 255, 255, 0.54);--f7-table-footer-text-color:rgba(255, 255, 255, 0.54);--f7-table-head-bg-color:rgba(255, 255, 255, 0.05);--f7-table-card-header-bg-color:rgba(255, 255, 255, 0.05)}.data-table{overflow-x:auto}.data-table table,table.data-table{width:100%;border:none;padding:0;margin:0;border-collapse:collapse;text-align:right}.data-table thead td,.data-table thead th{font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:16px;height:var(--f7-table-head-cell-height);background-color:var(--f7-table-head-bg-color)}.data-table thead td:not(.sortable-cell-active),.data-table thead th:not(.sortable-cell-active){color:var(--f7-table-head-text-color)}.data-table thead i.f7-icons,.data-table thead i.icon,.data-table thead i.material-icons{vertical-align:top;font-size:var(--f7-table-head-icon-size)}.data-table tbody{font-size:var(--f7-table-body-font-size)}.data-table tbody td,.data-table tbody th{height:var(--f7-table-body-cell-height)}.data-table tbody tr.data-table-row-selected,.device-desktop .data-table tbody tr:hover{background:var(--f7-table-selected-row-bg-color)}.data-table tbody td:before,.data-table tbody th:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table td,.data-table th{--f7-table-cell-padding-left:var(--f7-table-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-cell-padding-horizontal);padding-top:var(--f7-table-cell-padding-vertical);padding-bottom:var(--f7-table-cell-padding-vertical);padding-left:var(--f7-table-cell-padding-left);padding-right:var(--f7-table-cell-padding-right);position:relative;box-sizing:border-box}.data-table td:first-child,.data-table th:first-child{--f7-table-cell-padding-right:var(--f7-table-edge-cell-padding-horizontal)}.data-table td:last-child,.data-table th:last-child{--f7-table-cell-padding-left:var(--f7-table-edge-cell-padding-horizontal)}.data-table td.label-cell,.data-table th.label-cell{--f7-table-cell-padding-left:var(--f7-table-label-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-label-cell-padding-horizontal)}.data-table td.numeric-cell,.data-table th.numeric-cell{text-align:left}.data-table td.checkbox-cell,.data-table th.checkbox-cell{overflow:visible;width:var(--f7-table-checkbox-cell-width)}.data-table td.checkbox-cell label+span,.data-table th.checkbox-cell label+span{margin-right:8px}.data-table td.checkbox-cell:first-child,.data-table th.checkbox-cell:first-child{padding-left:calc(var(--f7-table-cell-padding-left)/ 2)}.data-table td.checkbox-cell:first-child+td,.data-table td.checkbox-cell:first-child+th,.data-table th.checkbox-cell:first-child+td,.data-table th.checkbox-cell:first-child+th{padding-right:calc(var(--f7-table-cell-padding-right)/ 2)}.data-table td.checkbox-cell:last-child,.data-table th.checkbox-cell:last-child{padding-right:calc(var(--f7-table-cell-padding-right)/ 2)}.data-table td.actions-cell,.data-table th.actions-cell{text-align:left;white-space:nowrap}.data-table td.actions-cell a.link,.data-table th.actions-cell a.link{color:var(--f7-table-actions-cell-link-color,var(--f7-theme-color))}.card .data-table td a.icon-only,.card .data-table th a.icon-only,.card.data-table td a.icon-only,.card.data-table th a.icon-only,.data-table td a.icon-only,.data-table th a.icon-only{display:inline-block;vertical-align:middle;text-align:center;font-size:0;min-width:0}.card .data-table td a.icon-only i,.card .data-table th a.icon-only i,.card.data-table td a.icon-only i,.card.data-table th a.icon-only i,.data-table td a.icon-only i,.data-table th a.icon-only i{font-size:var(--f7-table-link-icon-only-icon-size);vertical-align:middle}.data-table .sortable-cell:not(.input-cell){cursor:pointer;position:relative}.data-table .sortable-cell.input-cell .table-head-label{cursor:pointer;position:relative}.data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.data-table .sortable-cell.numeric-cell:not(.input-cell):before,.data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{content:'arrow_bottom_md';font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';text-align:center;display:block;width:100%;height:100%;font-size:20px;display:inline-block;vertical-align:top;width:16px;height:16px;color:var(--f7-table-sortable-icon-color);font-size:13px;line-height:16px;transition-duration:.3s;transform:rotate(0);opacity:0}.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before{opacity:.54}.data-table .sortable-cell.sortable-cell-active .table-head-label:after,.data-table .sortable-cell.sortable-cell-active .table-head-label:before,.data-table .sortable-cell.sortable-cell-active:after,.data-table .sortable-cell.sortable-cell-active:before{opacity:.87!important}.data-table .sortable-cell.sortable-desc:after,.data-table .sortable-cell.sortable-desc:before,.data-table .table-head-label:after,.data-table .table-head-label:before{transform:rotate(180deg)!important}.card .data-table .card-footer,.card .data-table .card-header,.data-table.card .card-footer,.data-table.card .card-header{padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal)}.card .data-table .card-header,.data-table.card .card-header{min-height:var(--f7-table-card-header-height);background-color:var(--f7-table-card-header-bg-color)}.card .data-table .card-content,.data-table.card .card-content{overflow-x:auto}.card .data-table .card-footer,.data-table.card .card-footer{min-height:var(--f7-table-footer-height)}.data-table .data-table-title{font-size:var(--f7-table-title-font-size);font-weight:var(--f7-table-title-font-weight)}.data-table .data-table-actions,.data-table .data-table-links{display:flex}.data-table .data-table-links .button{min-width:64px}.data-table .data-table-actions{margin-right:auto;align-items:center}.data-table .data-table-actions a.link{color:var(--f7-table-actions-link-color,var(--f7-theme-color));min-width:0}.data-table .data-table-actions a.link.icon-only{line-height:1;justify-content:center;padding:0}.data-table .data-table-header,.data-table .data-table-header-selected{display:flex;justify-content:space-between;align-items:center;width:100%}.data-table .card-header>.data-table-header,.data-table .card-header>.data-table-header-selected{padding-top:var(--f7-card-header-padding-vertical);padding-bottom:var(--f7-card-header-padding-vertical);height:100%;margin-top:calc(-1 * var(--f7-card-header-padding-vertical));margin-bottom:calc(-1 * var(--f7-card-header-padding-vertical));min-height:var(--f7-table-card-header-height);padding-right:var(--f7-table-edge-cell-padding-horizontal);padding-left:var(--f7-table-edge-cell-padding-horizontal);margin-right:calc(-1 * var(--f7-table-edge-cell-padding-horizontal));margin-left:calc(-1 * var(--f7-table-edge-cell-padding-horizontal))}.data-table .data-table-header-selected{background:rgba(var(--f7-theme-color-rgb),.1);display:none}.data-table.data-table-has-checked .data-table-header{display:none}.data-table.data-table-has-checked .data-table-header-selected{display:flex}.data-table .data-table-title-selected{font-size:14px;color:var(--f7-theme-color)}.data-table .data-table-footer{display:flex;align-items:center;box-sizing:border-box;position:relative;font-size:var(--f7-table-footer-font-size);overflow:hidden;min-height:var(--f7-table-footer-height);color:var(--f7-table-footer-text-color);justify-content:flex-start}.data-table .data-table-footer:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table .data-table-pagination,.data-table .data-table-rows-select{display:flex;align-items:center}.data-table .input-cell{padding-top:8px;padding-bottom:8px;height:auto;vertical-align:top}.data-table .input-cell .table-head-label+.input{margin-top:4px}.data-table .input-cell .input{height:var(--f7-table-input-height)}.data-table .input-cell .input input,.data-table .input-cell .input select,.data-table .input-cell .input textarea{height:var(--f7-table-input-height);color:var(--f7-table-input-text-color);font-size:var(--f7-table-input-font-size)}@media (max-width:480px) and (orientation:portrait){.data-table.data-table-collapsible thead{display:none}.data-table.data-table-collapsible tbody,.data-table.data-table-collapsible td,.data-table.data-table-collapsible tr{display:block}.data-table.data-table-collapsible tr{position:relative}.data-table.data-table-collapsible tr:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table.data-table-collapsible tr:hover{background-color:inherit}.data-table.data-table-collapsible td{--f7-table-cell-padding-left:var(--f7-table-collapsible-cell-padding);--f7-table-cell-padding-right:var(--f7-table-collapsible-cell-padding);height:auto;min-height:var(--f7-table-body-cell-height);display:flex;align-content:center;align-items:center;justify-content:flex-start;text-align:right}.data-table.data-table-collapsible td:before{display:none!important}.data-table.data-table-collapsible td:not(.checkbox-cell):before{width:40%;display:block!important;content:attr(data-collapsible-title);position:relative;height:auto;background:0 0!important;transform:none!important;font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);color:var(--f7-table-head-text-color);margin-left:16px;flex-shrink:0}.data-table.data-table-collapsible td.checkbox-cell{position:absolute;top:0;right:0}.data-table.data-table-collapsible td.checkbox-cell+td{padding-right:16px}.data-table.data-table-collapsible td.checkbox-cell~td{margin-right:32px}}.data-table .xsmall-landscape-only,.data-table .xsmall-only{display:none}@media (min-width:480px){.data-table .xsmall-only{display:table-cell}}@media (min-width:480px) and (orientation:landscape){.data-table .xsmall-landscape-only{display:table-cell}}.data-table .small-landscape-only,.data-table .small-only{display:none}@media (min-width:568px){.data-table .small-only{display:table-cell}}@media (min-width:568px) and (orientation:landscape){.data-table .small-landscape-only{display:table-cell}}.data-table .medium-landscape-only,.data-table .medium-only{display:none}@media (min-width:768px){.data-table .medium-only{display:table-cell}}@media (min-width:768px) and (orientation:landscape){.data-table .medium-landscape-only{display:table-cell}}.data-table .large-landscape-only,.data-table .large-only{display:none}@media (min-width:1024px){.data-table .large-only{display:table-cell}}@media (min-width:1024px) and (orientation:landscape){.data-table .large-landscape-only{display:table-cell}}.data-table .xlarge-landscape-only,.data-table .xlarge-only{display:none}@media (min-width:1200px){.data-table .xlarge-only{display:table-cell}}@media (min-width:1200px) and (orientation:landscape){.data-table .xlarge-landscape-only{display:table-cell}}.ios .data-table td.actions-cell a.link+a.link,.ios .data-table th.actions-cell a.link+a.link{margin-right:16px}.ios .sortable-cell:not(.numeric-cell):after{margin-right:5px}.ios .sortable-cell.numeric-cell:before{margin-left:5px}.ios .data-table-actions .button+.button,.ios .data-table-actions a.link+a.link,.ios .data-table-links .button+.button,.ios .data-table-links a.link+a.link{margin-right:16px}.ios .data-table-actions a.link.icon-only{width:44px;height:44px}.ios .data-table-pagination a.link,.ios .data-table-rows-select a.link{width:44px;height:44px}.ios .data-table-rows-select+.data-table-pagination{margin-right:30px}.ios .data-table-rows-select .input{margin-right:20px}.ios .data-table-pagination-label{margin-left:16px}.md .data-table td.actions-cell a.link+a.link,.md .data-table th.actions-cell a.link+a.link{margin-right:24px}.md .data-table td.actions-cell a.icon-only,.md .data-table th.actions-cell a.icon-only{width:24px;height:24px;line-height:24px}.md .sortable-cell:not(.numeric-cell):after{margin-right:8px}.md .sortable-cell.numeric-cell:before{margin-left:8px}.md .data-table-actions .button+.button,.md .data-table-actions a.link+a.link,.md .data-table-links .button+.button,.md .data-table-links a.link+a.link{margin-right:24px}.md .data-table-actions a.link.icon-only{width:24px;height:24px;overflow:visible}.md .data-table-actions a.link.icon-only.active-state{background:0 0}.md .data-table-pagination a.link,.md .data-table-rows-select a.link{width:48px;height:48px}.md .data-table-pagination a.link:before,.md .data-table-rows-select a.link:before{content:'';width:152%;height:152%;left:-26%;top:-26%;position:absolute;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.3s;transition-property:opacity}.md .data-table-pagination a.link.icon-only:before,.md .data-table-pagination a.link.input-clear-button:before,.md .data-table-pagination a.link.notification-close-button:before,.md .data-table-pagination a.link.ripple-inset:before,.md .data-table-pagination a.link.searchbar-disable-button:before,.md .data-table-rows-select a.link.icon-only:before,.md .data-table-rows-select a.link.input-clear-button:before,.md .data-table-rows-select a.link.notification-close-button:before,.md .data-table-rows-select a.link.ripple-inset:before,.md .data-table-rows-select a.link.searchbar-disable-button:before{width:100%;height:100%;left:0;top:0;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 71%,rgba(255,255,255,0) 71%)}.md .data-table-pagination a.link.active-state:before,.md .data-table-rows-select a.link.active-state:before{opacity:1;transition-duration:150ms}.md .data-table-rows-select+.data-table-pagination{margin-right:32px}.md .data-table-rows-select .input{margin-right:24px}.md .data-table-pagination-label{margin-left:20px}.md .input-cell .input-clear-button{transform:scale(.8)}.aurora .data-table td.actions-cell a.link+a.link,.aurora .data-table th.actions-cell a.link+a.link{margin-right:8px}.aurora .sortable-cell:not(.numeric-cell):after{margin-right:8px}.aurora .sortable-cell.numeric-cell:before{margin-left:8px}.aurora .data-table-actions .button+.button,.aurora .data-table-actions a.link+a.link,.aurora .data-table-links .button+.button,.aurora .data-table-links a.link+a.link{margin-right:16px}.aurora .data-table-pagination a.link,.aurora .data-table-rows-select a.link{width:48px;height:48px}.aurora .data-table-rows-select+.data-table-pagination{margin-right:16px}.aurora .data-table-rows-select .input{margin-right:16px}.aurora .data-table-pagination-label{margin-left:16px}
1
+ :root{--f7-table-head-font-size:12px;--f7-table-body-font-size:14px;--f7-table-footer-font-size:12px;--f7-table-input-height:24px;--f7-table-input-font-size:14px;--f7-table-collapsible-cell-padding:16px;--f7-table-link-icon-only-icon-size:20px;--f7-table-head-bg-color:transparent;--f7-table-card-header-bg-color:transparent;--f7-table-card-header-height:64px;--f7-table-cell-padding-vertical:0px;--f7-table-sortable-icon-color:#000}:root .dark,:root.dark{--f7-table-cell-border-color:rgba(255, 255, 255, 0.15);--f7-table-sortable-icon-color:#fff;--f7-table-input-text-color:#fff}.ios{--f7-table-head-font-weight:600;--f7-table-head-cell-height:44px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:44px;--f7-table-cell-padding-horizontal:16px;--f7-table-edge-cell-padding-horizontal:16px;--f7-table-label-cell-padding-horizontal:16px;--f7-table-checkbox-cell-width:22px;--f7-table-title-font-size:17px;--f7-table-title-font-weight:600;--f7-table-footer-height:44px;--f7-table-head-text-color:rgba(0, 0, 0, 0.45);--f7-table-cell-border-color:rgba(0, 0, 0, 0.22);--f7-table-selected-row-bg-color:rgba(0, 0, 0, 0.03);--f7-table-footer-text-color:rgba(0, 0, 0, 0.45);--f7-table-input-text-color:#000}.ios .dark,.ios.dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.55);--f7-table-footer-text-color:rgba(255, 255, 255, 0.55);--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.08)}.md{--f7-table-head-font-weight:500;--f7-table-head-cell-height:56px;--f7-table-head-icon-size:16px;--f7-table-body-cell-height:48px;--f7-table-cell-padding-horizontal:28px;--f7-table-edge-cell-padding-horizontal:24px;--f7-table-label-cell-padding-horizontal:24px;--f7-table-checkbox-cell-width:18px;--f7-table-title-font-size:20px;--f7-table-title-font-weight:400;--f7-table-footer-height:56px;--f7-table-head-text-color:rgba(0, 0, 0, 0.54);--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-actions-cell-link-color:rgba(0, 0, 0, 0.54);--f7-table-selected-row-bg-color:#f5f5f5;--f7-table-actions-link-color:rgba(0, 0, 0, 0.54);--f7-table-footer-text-color:rgba(0, 0, 0, 0.54);--f7-table-input-text-color:#212121}.md .dark,.md.dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.54);--f7-table-footer-text-color:rgba(255, 255, 255, 0.54);--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.05);--f7-table-actions-cell-link-color:rgba(255, 255, 255, 0.54);--f7-table-actions-link-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-table-input-height:32px;--f7-table-head-font-weight:600;--f7-table-head-cell-height:56px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:48px;--f7-table-cell-padding-horizontal:16px;--f7-table-edge-cell-padding-horizontal:16px;--f7-table-label-cell-padding-horizontal:16px;--f7-table-checkbox-cell-width:22px;--f7-table-title-font-size:20px;--f7-table-title-font-weight:600;--f7-table-footer-height:56px;--f7-table-head-text-color:rgba(0, 0, 0, 0.6);--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-selected-row-bg-color:rgba(0, 0, 0, 0.03);--f7-table-footer-text-color:rgba(0, 0, 0, 0.5);--f7-table-input-text-color:#000;--f7-table-head-bg-color:#f6f6f7;--f7-table-card-header-bg-color:#f6f6f7}.aurora .dark,.aurora.dark{--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.03);--f7-table-head-text-color:rgba(255, 255, 255, 0.54);--f7-table-footer-text-color:rgba(255, 255, 255, 0.54);--f7-table-head-bg-color:rgba(255, 255, 255, 0.05);--f7-table-card-header-bg-color:rgba(255, 255, 255, 0.05)}.data-table{overflow-x:auto}.data-table table,table.data-table{width:100%;border:none;padding:0;margin:0;border-collapse:collapse;text-align:right}.data-table thead td,.data-table thead th{font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:16px;height:var(--f7-table-head-cell-height);background-color:var(--f7-table-head-bg-color)}.data-table thead td:not(.sortable-cell-active),.data-table thead th:not(.sortable-cell-active){color:var(--f7-table-head-text-color)}.data-table thead i.f7-icons,.data-table thead i.icon,.data-table thead i.material-icons{vertical-align:top;font-size:var(--f7-table-head-icon-size)}.data-table tbody{font-size:var(--f7-table-body-font-size)}.data-table tbody td,.data-table tbody th{height:var(--f7-table-body-cell-height)}.data-table tbody tr.data-table-row-selected,.device-desktop .data-table tbody tr:hover{background:var(--f7-table-selected-row-bg-color)}.data-table tbody td:before,.data-table tbody th:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table td,.data-table th{--f7-table-cell-padding-left:var(--f7-table-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-cell-padding-horizontal);padding-top:var(--f7-table-cell-padding-vertical);padding-bottom:var(--f7-table-cell-padding-vertical);padding-left:var(--f7-table-cell-padding-left);padding-right:var(--f7-table-cell-padding-right);position:relative;box-sizing:border-box}.data-table td:first-child,.data-table th:first-child{--f7-table-cell-padding-right:var(--f7-table-edge-cell-padding-horizontal)}.data-table td:last-child,.data-table th:last-child{--f7-table-cell-padding-left:var(--f7-table-edge-cell-padding-horizontal)}.data-table td.label-cell,.data-table th.label-cell{--f7-table-cell-padding-left:var(--f7-table-label-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-label-cell-padding-horizontal)}.data-table td.numeric-cell,.data-table th.numeric-cell{text-align:left}.data-table td.checkbox-cell,.data-table th.checkbox-cell{overflow:visible;width:var(--f7-table-checkbox-cell-width)}.data-table td.checkbox-cell label+span,.data-table th.checkbox-cell label+span{margin-right:8px}.data-table td.checkbox-cell:first-child,.data-table th.checkbox-cell:first-child{padding-left:calc(var(--f7-table-cell-padding-left)/ 2)}.data-table td.checkbox-cell:first-child+td,.data-table td.checkbox-cell:first-child+th,.data-table th.checkbox-cell:first-child+td,.data-table th.checkbox-cell:first-child+th{padding-right:calc(var(--f7-table-cell-padding-right)/ 2)}.data-table td.checkbox-cell:last-child,.data-table th.checkbox-cell:last-child{padding-right:calc(var(--f7-table-cell-padding-right)/ 2)}.data-table td.actions-cell,.data-table th.actions-cell{text-align:left;white-space:nowrap}.data-table td.actions-cell a.link,.data-table th.actions-cell a.link{color:var(--f7-table-actions-cell-link-color,var(--f7-theme-color))}.card .data-table td a.icon-only,.card .data-table th a.icon-only,.card.data-table td a.icon-only,.card.data-table th a.icon-only,.data-table td a.icon-only,.data-table th a.icon-only{display:inline-block;vertical-align:middle;text-align:center;font-size:0;min-width:0}.card .data-table td a.icon-only i,.card .data-table th a.icon-only i,.card.data-table td a.icon-only i,.card.data-table th a.icon-only i,.data-table td a.icon-only i,.data-table th a.icon-only i{font-size:var(--f7-table-link-icon-only-icon-size);vertical-align:middle}.data-table .sortable-cell:not(.input-cell){cursor:pointer;position:relative}.data-table .sortable-cell.input-cell .table-head-label{cursor:pointer;position:relative}.data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.data-table .sortable-cell.numeric-cell:not(.input-cell):before,.data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{content:'arrow_bottom_md';font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';text-align:center;display:block;width:100%;height:100%;font-size:20px;display:inline-block;vertical-align:top;width:16px;height:16px;color:var(--f7-table-sortable-icon-color);font-size:13px;line-height:16px;transition-duration:.3s;transform:rotate(0);opacity:0}.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before{opacity:.54}.data-table .sortable-cell.sortable-cell-active .table-head-label:after,.data-table .sortable-cell.sortable-cell-active .table-head-label:before,.data-table .sortable-cell.sortable-cell-active:after,.data-table .sortable-cell.sortable-cell-active:before{opacity:.87!important}.data-table .sortable-cell.sortable-desc:after,.data-table .sortable-cell.sortable-desc:before,.data-table .table-head-label:after,.data-table .table-head-label:before{transform:rotate(180deg)!important}.card .data-table .card-footer,.card .data-table .card-header,.data-table.card .card-footer,.data-table.card .card-header{padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal)}.card .data-table .card-header,.data-table.card .card-header{min-height:var(--f7-table-card-header-height);background-color:var(--f7-table-card-header-bg-color)}.card .data-table .card-content,.data-table.card .card-content{overflow-x:auto}.card .data-table .card-footer,.data-table.card .card-footer{min-height:var(--f7-table-footer-height)}.data-table .data-table-title{font-size:var(--f7-table-title-font-size);font-weight:var(--f7-table-title-font-weight)}.data-table .data-table-actions,.data-table .data-table-links{display:flex}.data-table .data-table-links .button{min-width:64px}.data-table .data-table-actions{margin-right:auto;align-items:center}.data-table .data-table-actions a.link{color:var(--f7-table-actions-link-color,var(--f7-theme-color));min-width:0}.data-table .data-table-actions a.link.icon-only{line-height:1;justify-content:center;padding:0}.data-table .data-table-header,.data-table .data-table-header-selected{display:flex;justify-content:space-between;align-items:center;width:100%}.data-table .card-header>.data-table-header,.data-table .card-header>.data-table-header-selected{padding-top:var(--f7-card-header-padding-vertical);padding-bottom:var(--f7-card-header-padding-vertical);height:100%;margin-top:calc(-1 * var(--f7-card-header-padding-vertical));margin-bottom:calc(-1 * var(--f7-card-header-padding-vertical));min-height:var(--f7-table-card-header-height);padding-right:var(--f7-table-edge-cell-padding-horizontal);padding-left:var(--f7-table-edge-cell-padding-horizontal);margin-right:calc(-1 * var(--f7-table-edge-cell-padding-horizontal));margin-left:calc(-1 * var(--f7-table-edge-cell-padding-horizontal))}.data-table .data-table-header-selected{background:rgba(var(--f7-theme-color-rgb),.1);display:none}.data-table.data-table-has-checked .data-table-header{display:none}.data-table.data-table-has-checked .data-table-header-selected{display:flex}.data-table .data-table-title-selected{font-size:14px;color:var(--f7-theme-color)}.data-table .data-table-footer{display:flex;align-items:center;box-sizing:border-box;position:relative;font-size:var(--f7-table-footer-font-size);overflow:hidden;min-height:var(--f7-table-footer-height);color:var(--f7-table-footer-text-color);justify-content:flex-start}.data-table .data-table-footer:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table .data-table-pagination,.data-table .data-table-rows-select{display:flex;align-items:center}.data-table .input-cell{padding-top:8px;padding-bottom:8px;height:auto;vertical-align:top}.data-table .input-cell .table-head-label+.input{margin-top:4px}.data-table .input-cell .input{height:var(--f7-table-input-height)}.data-table .input-cell .input input,.data-table .input-cell .input select,.data-table .input-cell .input textarea{height:var(--f7-table-input-height);color:var(--f7-table-input-text-color);font-size:var(--f7-table-input-font-size)}@media (max-width:480px) and (orientation:portrait){.data-table.data-table-collapsible thead{display:none}.data-table.data-table-collapsible tbody,.data-table.data-table-collapsible td,.data-table.data-table-collapsible tr{display:block}.data-table.data-table-collapsible tr{position:relative}.data-table.data-table-collapsible tr:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table.data-table-collapsible tr:hover{background-color:inherit}.data-table.data-table-collapsible td{--f7-table-cell-padding-left:var(--f7-table-collapsible-cell-padding);--f7-table-cell-padding-right:var(--f7-table-collapsible-cell-padding);height:auto;min-height:var(--f7-table-body-cell-height);display:flex;align-content:center;align-items:center;justify-content:flex-start;text-align:right}.data-table.data-table-collapsible td:before{display:none!important}.data-table.data-table-collapsible td:not(.checkbox-cell):before{width:40%;display:block!important;content:attr(data-collapsible-title);position:relative;height:auto;background:0 0!important;transform:none!important;font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);color:var(--f7-table-head-text-color);margin-left:16px;flex-shrink:0}.data-table.data-table-collapsible td.checkbox-cell{position:absolute;top:0;right:0}.data-table.data-table-collapsible td.checkbox-cell+td{padding-right:16px}.data-table.data-table-collapsible td.checkbox-cell~td{margin-right:32px}}.data-table .xsmall-landscape-only,.data-table .xsmall-only{display:none}@media (min-width:480px){.data-table .xsmall-only{display:table-cell}}@media (min-width:480px) and (orientation:landscape){.data-table .xsmall-landscape-only{display:table-cell}}.data-table .small-landscape-only,.data-table .small-only{display:none}@media (min-width:568px){.data-table .small-only{display:table-cell}}@media (min-width:568px) and (orientation:landscape){.data-table .small-landscape-only{display:table-cell}}.data-table .medium-landscape-only,.data-table .medium-only{display:none}@media (min-width:768px){.data-table .medium-only{display:table-cell}}@media (min-width:768px) and (orientation:landscape){.data-table .medium-landscape-only{display:table-cell}}.data-table .large-landscape-only,.data-table .large-only{display:none}@media (min-width:1024px){.data-table .large-only{display:table-cell}}@media (min-width:1024px) and (orientation:landscape){.data-table .large-landscape-only{display:table-cell}}.data-table .xlarge-landscape-only,.data-table .xlarge-only{display:none}@media (min-width:1200px){.data-table .xlarge-only{display:table-cell}}@media (min-width:1200px) and (orientation:landscape){.data-table .xlarge-landscape-only{display:table-cell}}.ios .data-table td.actions-cell a.link+a.link,.ios .data-table th.actions-cell a.link+a.link{margin-right:16px}.ios .sortable-cell:not(.numeric-cell):after{margin-right:5px}.ios .sortable-cell.numeric-cell:before{margin-left:5px}.ios .data-table-actions .button+.button,.ios .data-table-actions a.link+a.link,.ios .data-table-links .button+.button,.ios .data-table-links a.link+a.link{margin-right:16px}.ios .data-table-actions a.link.icon-only{width:44px;height:44px}.ios .data-table-pagination a.link,.ios .data-table-rows-select a.link{width:44px;height:44px}.ios .data-table-rows-select+.data-table-pagination{margin-right:30px}.ios .data-table-rows-select .input{margin-right:20px}.ios .data-table-pagination-label{margin-left:16px}.md .data-table td.actions-cell a.link+a.link,.md .data-table th.actions-cell a.link+a.link{margin-right:24px}.md .data-table td.actions-cell a.icon-only,.md .data-table th.actions-cell a.icon-only{width:24px;height:24px;line-height:24px}.md .sortable-cell:not(.numeric-cell):after{margin-right:8px}.md .sortable-cell.numeric-cell:before{margin-left:8px}.md .data-table-actions .button+.button,.md .data-table-actions a.link+a.link,.md .data-table-links .button+.button,.md .data-table-links a.link+a.link{margin-right:24px}.md .data-table-actions a.link.icon-only{width:24px;height:24px;overflow:visible}.md .data-table-actions a.link.icon-only.active-state{background:0 0}.md .data-table-pagination a.link,.md .data-table-rows-select a.link{width:48px;height:48px}.md .data-table-pagination a.link:before,.md .data-table-rows-select a.link:before{content:'';width:152%;height:152%;left:-26%;top:-26%;position:absolute;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.3s;transition-property:opacity}.md .data-table-pagination a.link.icon-only:before,.md .data-table-pagination a.link.input-clear-button:before,.md .data-table-pagination a.link.notification-close-button:before,.md .data-table-pagination a.link.ripple-inset:before,.md .data-table-pagination a.link.searchbar-disable-button:before,.md .data-table-rows-select a.link.icon-only:before,.md .data-table-rows-select a.link.input-clear-button:before,.md .data-table-rows-select a.link.notification-close-button:before,.md .data-table-rows-select a.link.ripple-inset:before,.md .data-table-rows-select a.link.searchbar-disable-button:before{width:100%;height:100%;left:0;top:0;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 71%,rgba(255,255,255,0) 71%)}.md .data-table-pagination a.link.active-state:before,.md .data-table-rows-select a.link.active-state:before{opacity:1;transition-duration:150ms}.md .data-table-rows-select+.data-table-pagination{margin-right:32px}.md .data-table-rows-select .input{margin-right:24px}.md .data-table-pagination-label{margin-left:20px}.md .input-cell .input-clear-button{transform:scale(.8)}.aurora .data-table td.actions-cell a.link+a.link,.aurora .data-table th.actions-cell a.link+a.link{margin-right:8px}.aurora .sortable-cell:not(.numeric-cell):after{margin-right:8px}.aurora .sortable-cell.numeric-cell:before{margin-left:8px}.aurora .data-table-actions .button+.button,.aurora .data-table-actions a.link+a.link,.aurora .data-table-links .button+.button,.aurora .data-table-links a.link+a.link{margin-right:16px}.aurora .data-table-pagination a.link,.aurora .data-table-rows-select a.link{width:48px;height:48px}.aurora .data-table-rows-select+.data-table-pagination{margin-right:16px}.aurora .data-table-rows-select .input{margin-right:16px}.aurora .data-table-pagination-label{margin-left:16px}
package/components/data-table/data-table.css CHANGED
@@ -1 +1 @@
1
- :root{--f7-table-head-font-size:12px;--f7-table-body-font-size:14px;--f7-table-footer-font-size:12px;--f7-table-input-height:24px;--f7-table-input-font-size:14px;--f7-table-collapsible-cell-padding:16px;--f7-table-link-icon-only-icon-size:20px;--f7-table-head-bg-color:transparent;--f7-table-card-header-bg-color:transparent;--f7-table-card-header-height:64px;--f7-table-cell-padding-vertical:0px;--f7-table-sortable-icon-color:#000}:root .theme-dark,:root.theme-dark{--f7-table-cell-border-color:rgba(255, 255, 255, 0.15);--f7-table-sortable-icon-color:#fff;--f7-table-input-text-color:#fff}.ios{--f7-table-head-font-weight:600;--f7-table-head-cell-height:44px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:44px;--f7-table-cell-padding-horizontal:16px;--f7-table-edge-cell-padding-horizontal:16px;--f7-table-label-cell-padding-horizontal:16px;--f7-table-checkbox-cell-width:22px;--f7-table-title-font-size:17px;--f7-table-title-font-weight:600;--f7-table-footer-height:44px;--f7-table-head-text-color:rgba(0, 0, 0, 0.45);--f7-table-cell-border-color:rgba(0, 0, 0, 0.22);--f7-table-selected-row-bg-color:rgba(0, 0, 0, 0.03);--f7-table-footer-text-color:rgba(0, 0, 0, 0.45);--f7-table-input-text-color:#000}.ios .theme-dark,.ios.theme-dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.55);--f7-table-footer-text-color:rgba(255, 255, 255, 0.55);--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.08)}.md{--f7-table-head-font-weight:500;--f7-table-head-cell-height:56px;--f7-table-head-icon-size:16px;--f7-table-body-cell-height:48px;--f7-table-cell-padding-horizontal:28px;--f7-table-edge-cell-padding-horizontal:24px;--f7-table-label-cell-padding-horizontal:24px;--f7-table-checkbox-cell-width:18px;--f7-table-title-font-size:20px;--f7-table-title-font-weight:400;--f7-table-footer-height:56px;--f7-table-head-text-color:rgba(0, 0, 0, 0.54);--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-actions-cell-link-color:rgba(0, 0, 0, 0.54);--f7-table-selected-row-bg-color:#f5f5f5;--f7-table-actions-link-color:rgba(0, 0, 0, 0.54);--f7-table-footer-text-color:rgba(0, 0, 0, 0.54);--f7-table-input-text-color:#212121}.md .theme-dark,.md.theme-dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.54);--f7-table-footer-text-color:rgba(255, 255, 255, 0.54);--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.05);--f7-table-actions-cell-link-color:rgba(255, 255, 255, 0.54);--f7-table-actions-link-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-table-input-height:32px;--f7-table-head-font-weight:600;--f7-table-head-cell-height:56px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:48px;--f7-table-cell-padding-horizontal:16px;--f7-table-edge-cell-padding-horizontal:16px;--f7-table-label-cell-padding-horizontal:16px;--f7-table-checkbox-cell-width:22px;--f7-table-title-font-size:20px;--f7-table-title-font-weight:600;--f7-table-footer-height:56px;--f7-table-head-text-color:rgba(0, 0, 0, 0.6);--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-selected-row-bg-color:rgba(0, 0, 0, 0.03);--f7-table-footer-text-color:rgba(0, 0, 0, 0.5);--f7-table-input-text-color:#000;--f7-table-head-bg-color:#f6f6f7;--f7-table-card-header-bg-color:#f6f6f7}.aurora .theme-dark,.aurora.theme-dark{--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.03);--f7-table-head-text-color:rgba(255, 255, 255, 0.54);--f7-table-footer-text-color:rgba(255, 255, 255, 0.54);--f7-table-head-bg-color:rgba(255, 255, 255, 0.05);--f7-table-card-header-bg-color:rgba(255, 255, 255, 0.05)}.data-table{overflow-x:auto}.data-table table,table.data-table{width:100%;border:none;padding:0;margin:0;border-collapse:collapse;text-align:left}.data-table thead td,.data-table thead th{font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:16px;height:var(--f7-table-head-cell-height);background-color:var(--f7-table-head-bg-color)}.data-table thead td:not(.sortable-cell-active),.data-table thead th:not(.sortable-cell-active){color:var(--f7-table-head-text-color)}.data-table thead i.f7-icons,.data-table thead i.icon,.data-table thead i.material-icons{vertical-align:top;font-size:var(--f7-table-head-icon-size)}.data-table tbody{font-size:var(--f7-table-body-font-size)}.data-table tbody td,.data-table tbody th{height:var(--f7-table-body-cell-height)}.data-table tbody tr.data-table-row-selected,.device-desktop .data-table tbody tr:hover{background:var(--f7-table-selected-row-bg-color)}.data-table tbody td:before,.data-table tbody th:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table td,.data-table th{--f7-table-cell-padding-left:var(--f7-table-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-cell-padding-horizontal);padding-top:var(--f7-table-cell-padding-vertical);padding-bottom:var(--f7-table-cell-padding-vertical);padding-left:var(--f7-table-cell-padding-left);padding-right:var(--f7-table-cell-padding-right);position:relative;box-sizing:border-box}.data-table td:first-child,.data-table th:first-child{--f7-table-cell-padding-left:var(--f7-table-edge-cell-padding-horizontal)}.data-table td:last-child,.data-table th:last-child{--f7-table-cell-padding-right:var(--f7-table-edge-cell-padding-horizontal)}.data-table td.label-cell,.data-table th.label-cell{--f7-table-cell-padding-left:var(--f7-table-label-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-label-cell-padding-horizontal)}.data-table td.numeric-cell,.data-table th.numeric-cell{text-align:right}.data-table td.checkbox-cell,.data-table th.checkbox-cell{overflow:visible;width:var(--f7-table-checkbox-cell-width)}.data-table td.checkbox-cell label+span,.data-table th.checkbox-cell label+span{margin-left:8px}.data-table td.checkbox-cell:first-child,.data-table th.checkbox-cell:first-child{padding-right:calc(var(--f7-table-cell-padding-right)/ 2)}.data-table td.checkbox-cell:first-child+td,.data-table td.checkbox-cell:first-child+th,.data-table th.checkbox-cell:first-child+td,.data-table th.checkbox-cell:first-child+th{padding-left:calc(var(--f7-table-cell-padding-left)/ 2)}.data-table td.checkbox-cell:last-child,.data-table th.checkbox-cell:last-child{padding-left:calc(var(--f7-table-cell-padding-left)/ 2)}.data-table td.actions-cell,.data-table th.actions-cell{text-align:right;white-space:nowrap}.data-table td.actions-cell a.link,.data-table th.actions-cell a.link{color:var(--f7-table-actions-cell-link-color,var(--f7-theme-color))}.card .data-table td a.icon-only,.card .data-table th a.icon-only,.card.data-table td a.icon-only,.card.data-table th a.icon-only,.data-table td a.icon-only,.data-table th a.icon-only{display:inline-block;vertical-align:middle;text-align:center;font-size:0;min-width:0}.card .data-table td a.icon-only i,.card .data-table th a.icon-only i,.card.data-table td a.icon-only i,.card.data-table th a.icon-only i,.data-table td a.icon-only i,.data-table th a.icon-only i{font-size:var(--f7-table-link-icon-only-icon-size);vertical-align:middle}.data-table .sortable-cell:not(.input-cell){cursor:pointer;position:relative}.data-table .sortable-cell.input-cell .table-head-label{cursor:pointer;position:relative}.data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.data-table .sortable-cell.numeric-cell:not(.input-cell):before,.data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{content:'arrow_bottom_md';font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';text-align:center;display:block;width:100%;height:100%;font-size:20px;display:inline-block;vertical-align:top;width:16px;height:16px;color:var(--f7-table-sortable-icon-color);font-size:13px;line-height:16px;transition-duration:.3s;transform:rotate(0);opacity:0}.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before{opacity:.54}.data-table .sortable-cell.sortable-cell-active .table-head-label:after,.data-table .sortable-cell.sortable-cell-active .table-head-label:before,.data-table .sortable-cell.sortable-cell-active:after,.data-table .sortable-cell.sortable-cell-active:before{opacity:.87!important}.data-table .sortable-cell.sortable-desc:after,.data-table .sortable-cell.sortable-desc:before,.data-table .table-head-label:after,.data-table .table-head-label:before{transform:rotate(180deg)!important}.card .data-table .card-footer,.card .data-table .card-header,.data-table.card .card-footer,.data-table.card .card-header{padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal)}.card .data-table .card-header,.data-table.card .card-header{min-height:var(--f7-table-card-header-height);background-color:var(--f7-table-card-header-bg-color)}.card .data-table .card-content,.data-table.card .card-content{overflow-x:auto}.card .data-table .card-footer,.data-table.card .card-footer{min-height:var(--f7-table-footer-height)}.data-table .data-table-title{font-size:var(--f7-table-title-font-size);font-weight:var(--f7-table-title-font-weight)}.data-table .data-table-actions,.data-table .data-table-links{display:flex}.data-table .data-table-links .button{min-width:64px}.data-table .data-table-actions{margin-left:auto;align-items:center}.data-table .data-table-actions a.link{color:var(--f7-table-actions-link-color,var(--f7-theme-color));min-width:0}.data-table .data-table-actions a.link.icon-only{line-height:1;justify-content:center;padding:0}.data-table .data-table-header,.data-table .data-table-header-selected{display:flex;justify-content:space-between;align-items:center;width:100%}.data-table .card-header>.data-table-header,.data-table .card-header>.data-table-header-selected{padding-top:var(--f7-card-header-padding-vertical);padding-bottom:var(--f7-card-header-padding-vertical);height:100%;margin-top:calc(-1 * var(--f7-card-header-padding-vertical));margin-bottom:calc(-1 * var(--f7-card-header-padding-vertical));min-height:var(--f7-table-card-header-height);padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal);margin-left:calc(-1 * var(--f7-table-edge-cell-padding-horizontal));margin-right:calc(-1 * var(--f7-table-edge-cell-padding-horizontal))}.data-table .data-table-header-selected{background:rgba(var(--f7-theme-color-rgb),.1);display:none}.data-table.data-table-has-checked .data-table-header{display:none}.data-table.data-table-has-checked .data-table-header-selected{display:flex}.data-table .data-table-title-selected{font-size:14px;color:var(--f7-theme-color)}.data-table .data-table-footer{display:flex;align-items:center;box-sizing:border-box;position:relative;font-size:var(--f7-table-footer-font-size);overflow:hidden;min-height:var(--f7-table-footer-height);color:var(--f7-table-footer-text-color);justify-content:flex-end}.data-table .data-table-footer:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table .data-table-pagination,.data-table .data-table-rows-select{display:flex;align-items:center}.data-table .input-cell{padding-top:8px;padding-bottom:8px;height:auto;vertical-align:top}.data-table .input-cell .table-head-label+.input{margin-top:4px}.data-table .input-cell .input{height:var(--f7-table-input-height)}.data-table .input-cell .input input,.data-table .input-cell .input select,.data-table .input-cell .input textarea{height:var(--f7-table-input-height);color:var(--f7-table-input-text-color);font-size:var(--f7-table-input-font-size)}@media (max-width:480px) and (orientation:portrait){.data-table.data-table-collapsible thead{display:none}.data-table.data-table-collapsible tbody,.data-table.data-table-collapsible td,.data-table.data-table-collapsible tr{display:block}.data-table.data-table-collapsible tr{position:relative}.data-table.data-table-collapsible tr:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table.data-table-collapsible tr:hover{background-color:inherit}.data-table.data-table-collapsible td{--f7-table-cell-padding-left:var(--f7-table-collapsible-cell-padding);--f7-table-cell-padding-right:var(--f7-table-collapsible-cell-padding);height:auto;min-height:var(--f7-table-body-cell-height);display:flex;align-content:center;align-items:center;justify-content:flex-start;text-align:left}.data-table.data-table-collapsible td:before{display:none!important}.data-table.data-table-collapsible td:not(.checkbox-cell):before{width:40%;display:block!important;content:attr(data-collapsible-title);position:relative;height:auto;background:0 0!important;transform:none!important;font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);color:var(--f7-table-head-text-color);margin-right:16px;flex-shrink:0}.data-table.data-table-collapsible td.checkbox-cell{position:absolute;top:0;left:0}.data-table.data-table-collapsible td.checkbox-cell+td{padding-left:16px}.data-table.data-table-collapsible td.checkbox-cell~td{margin-left:32px}}.data-table .xsmall-landscape-only,.data-table .xsmall-only{display:none}@media (min-width:480px){.data-table .xsmall-only{display:table-cell}}@media (min-width:480px) and (orientation:landscape){.data-table .xsmall-landscape-only{display:table-cell}}.data-table .small-landscape-only,.data-table .small-only{display:none}@media (min-width:568px){.data-table .small-only{display:table-cell}}@media (min-width:568px) and (orientation:landscape){.data-table .small-landscape-only{display:table-cell}}.data-table .medium-landscape-only,.data-table .medium-only{display:none}@media (min-width:768px){.data-table .medium-only{display:table-cell}}@media (min-width:768px) and (orientation:landscape){.data-table .medium-landscape-only{display:table-cell}}.data-table .large-landscape-only,.data-table .large-only{display:none}@media (min-width:1024px){.data-table .large-only{display:table-cell}}@media (min-width:1024px) and (orientation:landscape){.data-table .large-landscape-only{display:table-cell}}.data-table .xlarge-landscape-only,.data-table .xlarge-only{display:none}@media (min-width:1200px){.data-table .xlarge-only{display:table-cell}}@media (min-width:1200px) and (orientation:landscape){.data-table .xlarge-landscape-only{display:table-cell}}.ios .data-table td.actions-cell a.link+a.link,.ios .data-table th.actions-cell a.link+a.link{margin-left:16px}.ios .sortable-cell:not(.numeric-cell):after{margin-left:5px}.ios .sortable-cell.numeric-cell:before{margin-right:5px}.ios .data-table-actions .button+.button,.ios .data-table-actions a.link+a.link,.ios .data-table-links .button+.button,.ios .data-table-links a.link+a.link{margin-left:16px}.ios .data-table-actions a.link.icon-only{width:44px;height:44px}.ios .data-table-pagination a.link,.ios .data-table-rows-select a.link{width:44px;height:44px}.ios .data-table-rows-select+.data-table-pagination{margin-left:30px}.ios .data-table-rows-select .input{margin-left:20px}.ios .data-table-pagination-label{margin-right:16px}.md .data-table td.actions-cell a.link+a.link,.md .data-table th.actions-cell a.link+a.link{margin-left:24px}.md .data-table td.actions-cell a.icon-only,.md .data-table th.actions-cell a.icon-only{width:24px;height:24px;line-height:24px}.md .sortable-cell:not(.numeric-cell):after{margin-left:8px}.md .sortable-cell.numeric-cell:before{margin-right:8px}.md .data-table-actions .button+.button,.md .data-table-actions a.link+a.link,.md .data-table-links .button+.button,.md .data-table-links a.link+a.link{margin-left:24px}.md .data-table-actions a.link.icon-only{width:24px;height:24px;overflow:visible}.md .data-table-actions a.link.icon-only.active-state{background:0 0}.md .data-table-pagination a.link,.md .data-table-rows-select a.link{width:48px;height:48px}.md .data-table-pagination a.link:before,.md .data-table-rows-select a.link:before{content:'';width:152%;height:152%;left:-26%;top:-26%;position:absolute;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.3s;transition-property:opacity}.md .data-table-pagination a.link.icon-only:before,.md .data-table-pagination a.link.input-clear-button:before,.md .data-table-pagination a.link.notification-close-button:before,.md .data-table-pagination a.link.ripple-inset:before,.md .data-table-pagination a.link.searchbar-disable-button:before,.md .data-table-rows-select a.link.icon-only:before,.md .data-table-rows-select a.link.input-clear-button:before,.md .data-table-rows-select a.link.notification-close-button:before,.md .data-table-rows-select a.link.ripple-inset:before,.md .data-table-rows-select a.link.searchbar-disable-button:before{width:100%;height:100%;left:0;top:0;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 71%,rgba(255,255,255,0) 71%)}.md .data-table-pagination a.link.active-state:before,.md .data-table-rows-select a.link.active-state:before{opacity:1;transition-duration:150ms}.md .data-table-rows-select+.data-table-pagination{margin-left:32px}.md .data-table-rows-select .input{margin-left:24px}.md .data-table-pagination-label{margin-right:20px}.md .input-cell .input-clear-button{transform:scale(.8)}.aurora .data-table td.actions-cell a.link+a.link,.aurora .data-table th.actions-cell a.link+a.link{margin-left:8px}.aurora .sortable-cell:not(.numeric-cell):after{margin-left:8px}.aurora .sortable-cell.numeric-cell:before{margin-right:8px}.aurora .data-table-actions .button+.button,.aurora .data-table-actions a.link+a.link,.aurora .data-table-links .button+.button,.aurora .data-table-links a.link+a.link{margin-left:16px}.aurora .data-table-pagination a.link,.aurora .data-table-rows-select a.link{width:48px;height:48px}.aurora .data-table-rows-select+.data-table-pagination{margin-left:16px}.aurora .data-table-rows-select .input{margin-left:16px}.aurora .data-table-pagination-label{margin-right:16px}
1
+ :root{--f7-table-head-font-size:12px;--f7-table-body-font-size:14px;--f7-table-footer-font-size:12px;--f7-table-input-height:24px;--f7-table-input-font-size:14px;--f7-table-collapsible-cell-padding:16px;--f7-table-link-icon-only-icon-size:20px;--f7-table-head-bg-color:transparent;--f7-table-card-header-bg-color:transparent;--f7-table-card-header-height:64px;--f7-table-cell-padding-vertical:0px;--f7-table-sortable-icon-color:#000}:root .dark,:root.dark{--f7-table-cell-border-color:rgba(255, 255, 255, 0.15);--f7-table-sortable-icon-color:#fff;--f7-table-input-text-color:#fff}.ios{--f7-table-head-font-weight:600;--f7-table-head-cell-height:44px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:44px;--f7-table-cell-padding-horizontal:16px;--f7-table-edge-cell-padding-horizontal:16px;--f7-table-label-cell-padding-horizontal:16px;--f7-table-checkbox-cell-width:22px;--f7-table-title-font-size:17px;--f7-table-title-font-weight:600;--f7-table-footer-height:44px;--f7-table-head-text-color:rgba(0, 0, 0, 0.45);--f7-table-cell-border-color:rgba(0, 0, 0, 0.22);--f7-table-selected-row-bg-color:rgba(0, 0, 0, 0.03);--f7-table-footer-text-color:rgba(0, 0, 0, 0.45);--f7-table-input-text-color:#000}.ios .dark,.ios.dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.55);--f7-table-footer-text-color:rgba(255, 255, 255, 0.55);--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.08)}.md{--f7-table-head-font-weight:500;--f7-table-head-cell-height:56px;--f7-table-head-icon-size:16px;--f7-table-body-cell-height:48px;--f7-table-cell-padding-horizontal:28px;--f7-table-edge-cell-padding-horizontal:24px;--f7-table-label-cell-padding-horizontal:24px;--f7-table-checkbox-cell-width:18px;--f7-table-title-font-size:20px;--f7-table-title-font-weight:400;--f7-table-footer-height:56px;--f7-table-head-text-color:rgba(0, 0, 0, 0.54);--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-actions-cell-link-color:rgba(0, 0, 0, 0.54);--f7-table-selected-row-bg-color:#f5f5f5;--f7-table-actions-link-color:rgba(0, 0, 0, 0.54);--f7-table-footer-text-color:rgba(0, 0, 0, 0.54);--f7-table-input-text-color:#212121}.md .dark,.md.dark{--f7-table-head-text-color:rgba(255, 255, 255, 0.54);--f7-table-footer-text-color:rgba(255, 255, 255, 0.54);--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.05);--f7-table-actions-cell-link-color:rgba(255, 255, 255, 0.54);--f7-table-actions-link-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-table-input-height:32px;--f7-table-head-font-weight:600;--f7-table-head-cell-height:56px;--f7-table-head-icon-size:18px;--f7-table-body-cell-height:48px;--f7-table-cell-padding-horizontal:16px;--f7-table-edge-cell-padding-horizontal:16px;--f7-table-label-cell-padding-horizontal:16px;--f7-table-checkbox-cell-width:22px;--f7-table-title-font-size:20px;--f7-table-title-font-weight:600;--f7-table-footer-height:56px;--f7-table-head-text-color:rgba(0, 0, 0, 0.6);--f7-table-cell-border-color:rgba(0, 0, 0, 0.12);--f7-table-selected-row-bg-color:rgba(0, 0, 0, 0.03);--f7-table-footer-text-color:rgba(0, 0, 0, 0.5);--f7-table-input-text-color:#000;--f7-table-head-bg-color:#f6f6f7;--f7-table-card-header-bg-color:#f6f6f7}.aurora .dark,.aurora.dark{--f7-table-selected-row-bg-color:rgba(255, 255, 255, 0.03);--f7-table-head-text-color:rgba(255, 255, 255, 0.54);--f7-table-footer-text-color:rgba(255, 255, 255, 0.54);--f7-table-head-bg-color:rgba(255, 255, 255, 0.05);--f7-table-card-header-bg-color:rgba(255, 255, 255, 0.05)}.data-table{overflow-x:auto}.data-table table,table.data-table{width:100%;border:none;padding:0;margin:0;border-collapse:collapse;text-align:left}.data-table thead td,.data-table thead th{font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:16px;height:var(--f7-table-head-cell-height);background-color:var(--f7-table-head-bg-color)}.data-table thead td:not(.sortable-cell-active),.data-table thead th:not(.sortable-cell-active){color:var(--f7-table-head-text-color)}.data-table thead i.f7-icons,.data-table thead i.icon,.data-table thead i.material-icons{vertical-align:top;font-size:var(--f7-table-head-icon-size)}.data-table tbody{font-size:var(--f7-table-body-font-size)}.data-table tbody td,.data-table tbody th{height:var(--f7-table-body-cell-height)}.data-table tbody tr.data-table-row-selected,.device-desktop .data-table tbody tr:hover{background:var(--f7-table-selected-row-bg-color)}.data-table tbody td:before,.data-table tbody th:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table td,.data-table th{--f7-table-cell-padding-left:var(--f7-table-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-cell-padding-horizontal);padding-top:var(--f7-table-cell-padding-vertical);padding-bottom:var(--f7-table-cell-padding-vertical);padding-left:var(--f7-table-cell-padding-left);padding-right:var(--f7-table-cell-padding-right);position:relative;box-sizing:border-box}.data-table td:first-child,.data-table th:first-child{--f7-table-cell-padding-left:var(--f7-table-edge-cell-padding-horizontal)}.data-table td:last-child,.data-table th:last-child{--f7-table-cell-padding-right:var(--f7-table-edge-cell-padding-horizontal)}.data-table td.label-cell,.data-table th.label-cell{--f7-table-cell-padding-left:var(--f7-table-label-cell-padding-horizontal);--f7-table-cell-padding-right:var(--f7-table-label-cell-padding-horizontal)}.data-table td.numeric-cell,.data-table th.numeric-cell{text-align:right}.data-table td.checkbox-cell,.data-table th.checkbox-cell{overflow:visible;width:var(--f7-table-checkbox-cell-width)}.data-table td.checkbox-cell label+span,.data-table th.checkbox-cell label+span{margin-left:8px}.data-table td.checkbox-cell:first-child,.data-table th.checkbox-cell:first-child{padding-right:calc(var(--f7-table-cell-padding-right)/ 2)}.data-table td.checkbox-cell:first-child+td,.data-table td.checkbox-cell:first-child+th,.data-table th.checkbox-cell:first-child+td,.data-table th.checkbox-cell:first-child+th{padding-left:calc(var(--f7-table-cell-padding-left)/ 2)}.data-table td.checkbox-cell:last-child,.data-table th.checkbox-cell:last-child{padding-left:calc(var(--f7-table-cell-padding-left)/ 2)}.data-table td.actions-cell,.data-table th.actions-cell{text-align:right;white-space:nowrap}.data-table td.actions-cell a.link,.data-table th.actions-cell a.link{color:var(--f7-table-actions-cell-link-color,var(--f7-theme-color))}.card .data-table td a.icon-only,.card .data-table th a.icon-only,.card.data-table td a.icon-only,.card.data-table th a.icon-only,.data-table td a.icon-only,.data-table th a.icon-only{display:inline-block;vertical-align:middle;text-align:center;font-size:0;min-width:0}.card .data-table td a.icon-only i,.card .data-table th a.icon-only i,.card.data-table td a.icon-only i,.card.data-table th a.icon-only i,.data-table td a.icon-only i,.data-table th a.icon-only i{font-size:var(--f7-table-link-icon-only-icon-size);vertical-align:middle}.data-table .sortable-cell:not(.input-cell){cursor:pointer;position:relative}.data-table .sortable-cell.input-cell .table-head-label{cursor:pointer;position:relative}.data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before,.data-table .sortable-cell.numeric-cell:not(.input-cell):before,.data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after,.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after{content:'arrow_bottom_md';font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';text-align:center;display:block;width:100%;height:100%;font-size:20px;display:inline-block;vertical-align:top;width:16px;height:16px;color:var(--f7-table-sortable-icon-color);font-size:13px;line-height:16px;transition-duration:.3s;transform:rotate(0);opacity:0}.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after,.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before{opacity:.54}.data-table .sortable-cell.sortable-cell-active .table-head-label:after,.data-table .sortable-cell.sortable-cell-active .table-head-label:before,.data-table .sortable-cell.sortable-cell-active:after,.data-table .sortable-cell.sortable-cell-active:before{opacity:.87!important}.data-table .sortable-cell.sortable-desc:after,.data-table .sortable-cell.sortable-desc:before,.data-table .table-head-label:after,.data-table .table-head-label:before{transform:rotate(180deg)!important}.card .data-table .card-footer,.card .data-table .card-header,.data-table.card .card-footer,.data-table.card .card-header{padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal)}.card .data-table .card-header,.data-table.card .card-header{min-height:var(--f7-table-card-header-height);background-color:var(--f7-table-card-header-bg-color)}.card .data-table .card-content,.data-table.card .card-content{overflow-x:auto}.card .data-table .card-footer,.data-table.card .card-footer{min-height:var(--f7-table-footer-height)}.data-table .data-table-title{font-size:var(--f7-table-title-font-size);font-weight:var(--f7-table-title-font-weight)}.data-table .data-table-actions,.data-table .data-table-links{display:flex}.data-table .data-table-links .button{min-width:64px}.data-table .data-table-actions{margin-left:auto;align-items:center}.data-table .data-table-actions a.link{color:var(--f7-table-actions-link-color,var(--f7-theme-color));min-width:0}.data-table .data-table-actions a.link.icon-only{line-height:1;justify-content:center;padding:0}.data-table .data-table-header,.data-table .data-table-header-selected{display:flex;justify-content:space-between;align-items:center;width:100%}.data-table .card-header>.data-table-header,.data-table .card-header>.data-table-header-selected{padding-top:var(--f7-card-header-padding-vertical);padding-bottom:var(--f7-card-header-padding-vertical);height:100%;margin-top:calc(-1 * var(--f7-card-header-padding-vertical));margin-bottom:calc(-1 * var(--f7-card-header-padding-vertical));min-height:var(--f7-table-card-header-height);padding-left:var(--f7-table-edge-cell-padding-horizontal);padding-right:var(--f7-table-edge-cell-padding-horizontal);margin-left:calc(-1 * var(--f7-table-edge-cell-padding-horizontal));margin-right:calc(-1 * var(--f7-table-edge-cell-padding-horizontal))}.data-table .data-table-header-selected{background:rgba(var(--f7-theme-color-rgb),.1);display:none}.data-table.data-table-has-checked .data-table-header{display:none}.data-table.data-table-has-checked .data-table-header-selected{display:flex}.data-table .data-table-title-selected{font-size:14px;color:var(--f7-theme-color)}.data-table .data-table-footer{display:flex;align-items:center;box-sizing:border-box;position:relative;font-size:var(--f7-table-footer-font-size);overflow:hidden;min-height:var(--f7-table-footer-height);color:var(--f7-table-footer-text-color);justify-content:flex-end}.data-table .data-table-footer:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table .data-table-pagination,.data-table .data-table-rows-select{display:flex;align-items:center}.data-table .input-cell{padding-top:8px;padding-bottom:8px;height:auto;vertical-align:top}.data-table .input-cell .table-head-label+.input{margin-top:4px}.data-table .input-cell .input{height:var(--f7-table-input-height)}.data-table .input-cell .input input,.data-table .input-cell .input select,.data-table .input-cell .input textarea{height:var(--f7-table-input-height);color:var(--f7-table-input-text-color);font-size:var(--f7-table-input-font-size)}@media (max-width:480px) and (orientation:portrait){.data-table.data-table-collapsible thead{display:none}.data-table.data-table-collapsible tbody,.data-table.data-table-collapsible td,.data-table.data-table-collapsible tr{display:block}.data-table.data-table-collapsible tr{position:relative}.data-table.data-table-collapsible tr:before{content:'';position:absolute;background-color:var(--f7-table-cell-border-color);display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.data-table.data-table-collapsible tr:hover{background-color:inherit}.data-table.data-table-collapsible td{--f7-table-cell-padding-left:var(--f7-table-collapsible-cell-padding);--f7-table-cell-padding-right:var(--f7-table-collapsible-cell-padding);height:auto;min-height:var(--f7-table-body-cell-height);display:flex;align-content:center;align-items:center;justify-content:flex-start;text-align:left}.data-table.data-table-collapsible td:before{display:none!important}.data-table.data-table-collapsible td:not(.checkbox-cell):before{width:40%;display:block!important;content:attr(data-collapsible-title);position:relative;height:auto;background:0 0!important;transform:none!important;font-size:var(--f7-table-head-font-size);font-weight:var(--f7-table-head-font-weight);color:var(--f7-table-head-text-color);margin-right:16px;flex-shrink:0}.data-table.data-table-collapsible td.checkbox-cell{position:absolute;top:0;left:0}.data-table.data-table-collapsible td.checkbox-cell+td{padding-left:16px}.data-table.data-table-collapsible td.checkbox-cell~td{margin-left:32px}}.data-table .xsmall-landscape-only,.data-table .xsmall-only{display:none}@media (min-width:480px){.data-table .xsmall-only{display:table-cell}}@media (min-width:480px) and (orientation:landscape){.data-table .xsmall-landscape-only{display:table-cell}}.data-table .small-landscape-only,.data-table .small-only{display:none}@media (min-width:568px){.data-table .small-only{display:table-cell}}@media (min-width:568px) and (orientation:landscape){.data-table .small-landscape-only{display:table-cell}}.data-table .medium-landscape-only,.data-table .medium-only{display:none}@media (min-width:768px){.data-table .medium-only{display:table-cell}}@media (min-width:768px) and (orientation:landscape){.data-table .medium-landscape-only{display:table-cell}}.data-table .large-landscape-only,.data-table .large-only{display:none}@media (min-width:1024px){.data-table .large-only{display:table-cell}}@media (min-width:1024px) and (orientation:landscape){.data-table .large-landscape-only{display:table-cell}}.data-table .xlarge-landscape-only,.data-table .xlarge-only{display:none}@media (min-width:1200px){.data-table .xlarge-only{display:table-cell}}@media (min-width:1200px) and (orientation:landscape){.data-table .xlarge-landscape-only{display:table-cell}}.ios .data-table td.actions-cell a.link+a.link,.ios .data-table th.actions-cell a.link+a.link{margin-left:16px}.ios .sortable-cell:not(.numeric-cell):after{margin-left:5px}.ios .sortable-cell.numeric-cell:before{margin-right:5px}.ios .data-table-actions .button+.button,.ios .data-table-actions a.link+a.link,.ios .data-table-links .button+.button,.ios .data-table-links a.link+a.link{margin-left:16px}.ios .data-table-actions a.link.icon-only{width:44px;height:44px}.ios .data-table-pagination a.link,.ios .data-table-rows-select a.link{width:44px;height:44px}.ios .data-table-rows-select+.data-table-pagination{margin-left:30px}.ios .data-table-rows-select .input{margin-left:20px}.ios .data-table-pagination-label{margin-right:16px}.md .data-table td.actions-cell a.link+a.link,.md .data-table th.actions-cell a.link+a.link{margin-left:24px}.md .data-table td.actions-cell a.icon-only,.md .data-table th.actions-cell a.icon-only{width:24px;height:24px;line-height:24px}.md .sortable-cell:not(.numeric-cell):after{margin-left:8px}.md .sortable-cell.numeric-cell:before{margin-right:8px}.md .data-table-actions .button+.button,.md .data-table-actions a.link+a.link,.md .data-table-links .button+.button,.md .data-table-links a.link+a.link{margin-left:24px}.md .data-table-actions a.link.icon-only{width:24px;height:24px;overflow:visible}.md .data-table-actions a.link.icon-only.active-state{background:0 0}.md .data-table-pagination a.link,.md .data-table-rows-select a.link{width:48px;height:48px}.md .data-table-pagination a.link:before,.md .data-table-rows-select a.link:before{content:'';width:152%;height:152%;left:-26%;top:-26%;position:absolute;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;transition-duration:.3s;transition-property:opacity}.md .data-table-pagination a.link.icon-only:before,.md .data-table-pagination a.link.input-clear-button:before,.md .data-table-pagination a.link.notification-close-button:before,.md .data-table-pagination a.link.ripple-inset:before,.md .data-table-pagination a.link.searchbar-disable-button:before,.md .data-table-rows-select a.link.icon-only:before,.md .data-table-rows-select a.link.input-clear-button:before,.md .data-table-rows-select a.link.notification-close-button:before,.md .data-table-rows-select a.link.ripple-inset:before,.md .data-table-rows-select a.link.searchbar-disable-button:before{width:100%;height:100%;left:0;top:0;background-image:radial-gradient(circle at center,var(--f7-link-highlight-color) 71%,rgba(255,255,255,0) 71%)}.md .data-table-pagination a.link.active-state:before,.md .data-table-rows-select a.link.active-state:before{opacity:1;transition-duration:150ms}.md .data-table-rows-select+.data-table-pagination{margin-left:32px}.md .data-table-rows-select .input{margin-left:24px}.md .data-table-pagination-label{margin-right:20px}.md .input-cell .input-clear-button{transform:scale(.8)}.aurora .data-table td.actions-cell a.link+a.link,.aurora .data-table th.actions-cell a.link+a.link{margin-left:8px}.aurora .sortable-cell:not(.numeric-cell):after{margin-left:8px}.aurora .sortable-cell.numeric-cell:before{margin-right:8px}.aurora .data-table-actions .button+.button,.aurora .data-table-actions a.link+a.link,.aurora .data-table-links .button+.button,.aurora .data-table-links a.link+a.link{margin-left:16px}.aurora .data-table-pagination a.link,.aurora .data-table-rows-select a.link{width:48px;height:48px}.aurora .data-table-rows-select+.data-table-pagination{margin-left:16px}.aurora .data-table-rows-select .input{margin-left:16px}.aurora .data-table-pagination-label{margin-right:16px}
package/components/data-table/data-table.js CHANGED
@@ -1,6 +1,6 @@
1
- import $ from '../../shared/dom7';
2
- import DataTable from './data-table-class';
3
- import ConstructorMethods from '../../shared/constructor-methods';
1
+ import $ from '../../shared/dom7.js';
2
+ import DataTable from './data-table-class.js';
3
+ import ConstructorMethods from '../../shared/constructor-methods.js';
4
4
  export default {
5
5
  name: 'dataTable',
6
6
  static: {
package/components/data-table/data-table.lazy.js ADDED
@@ -0,0 +1 @@
1
+ (function framework7ComponentLoader(e,t){void 0===t&&(t=!0);var a=e.$,l=e.utils,s=(e.getDevice,e.getSupport,e.Class),c=(e.Modal,e.ConstructorMethods),d=(e.ModalMethods,l.extend),o=l.deleteProps;class n extends s{constructor(e,t){void 0===t&&(t={}),super(t,[e]);const l=this,s={};l.useModulesParams(s),l.params=d(s,t);const c=a(l.params.el);if(0!==c.length){if(l.$el=c,l.el=c[0],l.$el[0].f7DataTable){const e=l.$el[0].f7DataTable;return l.destroy(),e}return l.$el[0].f7DataTable=l,d(l,{collapsible:c.hasClass("data-table-collapsible"),$headerEl:c.find(".data-table-header"),$headerSelectedEl:c.find(".data-table-header-selected")}),l.attachEvents=function(){l.$el.on("change",'.checkbox-cell input[type="checkbox"]',o),l.$el.find("thead .sortable-cell").on("click",n)},l.detachEvents=function(){l.$el.off("change",'.checkbox-cell input[type="checkbox"]',o),l.$el.find("thead .sortable-cell").off("click",n)},l.useModules(),l.init(),l}function o(e){if(e.detail&&e.detail.sentByF7DataTable)return;const t=a(this),s=t[0].checked,d=t.parents("td,th").index();if(t.parents("thead").length>0)0===d&&c.find("tbody tr")[s?"addClass":"removeClass"]("data-table-row-selected"),c.find(`tbody tr td:nth-child(${d+1}) input`).prop("checked",s).trigger("change",{sentByF7DataTable:!0}),t.prop("indeterminate",!1);else{0===d&&t.parents("tr")[s?"addClass":"removeClass"]("data-table-row-selected");const e=c.find(`tbody .checkbox-cell:nth-child(${d+1}) input[type="checkbox"]:checked`).length,a=c.find("tbody tr").length,l=c.find(`thead .checkbox-cell:nth-child(${d+1}) input[type="checkbox"]`);s?e===a&&l.prop("checked",!0).trigger("change",{sentByF7DataTable:!0}):l.prop("checked",!1),l.prop("indeterminate",e>0&&e<a)}l.checkSelectedHeader()}function n(){const e=a(this),t=e.hasClass("sortable-cell-active"),s=e.hasClass("sortable-desc")?"desc":"asc";let d;t?(d="desc"===s?"asc":"desc",e.removeClass("sortable-desc sortable-asc").addClass(`sortable-${d}`)):(c.find("thead .sortable-cell-active").removeClass("sortable-cell-active"),e.addClass("sortable-cell-active"),d=s),e.trigger("datatable:sort",d),l.emit("local::sort dataTableSort",l,d)}}setCollapsibleLabels(){const e=this;e.collapsible&&e.$el.find("tbody td:not(.checkbox-cell)").each((t=>{const l=a(t),s=l.index(),c=l.attr("data-collapsible-title");c||""===c||l.attr("data-collapsible-title",e.$el.find("thead th").eq(s).text())}))}checkSelectedHeader(){const e=this;if(e.$headerEl.length>0&&e.$headerSelectedEl.length>0){const t=e.$el.find("tbody .checkbox-cell input:checked").length;e.$el[t>0?"addClass":"removeClass"]("data-table-has-checked"),e.$headerSelectedEl.find(".data-table-selected-count").text(t)}}init(){const e=this;e.attachEvents(),e.setCollapsibleLabels(),e.checkSelectedHeader()}destroy(){let e=this;e.$el.trigger("datatable:beforedestroy"),e.emit("local::beforeDestroy dataTableBeforeDestroy",e),e.attachEvents(),e.$el[0]&&(e.$el[0].f7DataTable=null,delete e.$el[0].f7DataTable),o(e),e=null}}var i={name:"dataTable",static:{DataTable:n},create(){this.dataTable=c({defaultSelector:".data-table",constructor:n,app:this,domProp:"f7DataTable"})},on:{tabBeforeRemove(e){const t=this;a(e).find(".data-table-init").each((e=>{t.dataTable.destroy(e)}))},tabMounted(e){const t=this;a(e).find(".data-table-init").each((e=>{t.dataTable.create({el:e})}))},pageBeforeRemove(e){const t=this;e.$el.find(".data-table-init").each((e=>{t.dataTable.destroy(e)}))},pageInit(e){const t=this;e.$el.find(".data-table-init").each((e=>{t.dataTable.create({el:e})}))}},vnode:{"data-table-init":{insert(e){const t=e.elm;this.dataTable.create({el:t})},destroy(e){const t=e.elm;this.dataTable.destroy(t)}}}};if(t){if(e.prototype.modules&&e.prototype.modules[i.name])return;e.use(i),e.instance&&(e.instance.useModuleParams(i,e.instance.params),e.instance.useModule(i))}return i}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
package/components/dialog/dialog-class.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import { getDocument } from 'ssr-window';
2
- import $ from '../../shared/dom7';
3
- import { extend } from '../../shared/utils';
4
- import { getDevice } from '../../shared/get-device';
5
- import Modal from '../modal/modal-class';
2
+ import $ from '../../shared/dom7.js';
3
+ import { extend } from '../../shared/utils.js';
4
+ import { getDevice } from '../../shared/get-device.js';
5
+ import Modal from '../modal/modal-class.js';
6
6
  /** @jsx $jsx */
7
7
 
8
- import $jsx from '../../shared/$jsx';
8
+ import $jsx from '../../shared/$jsx.js';
9
9
 
10
10
  class Dialog extends Modal {
11
11
  constructor(app, params) {
package/components/dialog/dialog-rtl.css CHANGED
@@ -1 +1 @@
1
- :root{--f7-dialog-button-text-color:var(--f7-theme-color);--f7-dialog-button-text-align:center;--f7-dialog-input-bg-color:#fff}:root .theme-dark,:root.theme-dark{--f7-dialog-text-color:#fff}.ios{--f7-dialog-box-shadow:none;--f7-dialog-width:270px;--f7-dialog-inner-padding:16px;--f7-dialog-border-radius:13px;--f7-dialog-text-align:center;--f7-dialog-font-size:14px;--f7-dialog-title-text-color:inherit;--f7-dialog-title-font-size:18px;--f7-dialog-title-font-weight:600;--f7-dialog-title-line-height:inherit;--f7-dialog-button-font-size:17px;--f7-dialog-button-height:44px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-font-weight:400;--f7-dialog-button-text-transform:none;--f7-dialog-input-border-radius:4px;--f7-dialog-input-font-size:14px;--f7-dialog-input-height:32px;--f7-dialog-input-border-width:1px;--f7-dialog-input-placeholder-color:#a9a9a9;--f7-dialog-preloader-size:34px;--f7-dialog-bg-color:rgba(255, 255, 255, 0.95);--f7-dialog-bg-color-rgb:255,255,255;--f7-dialog-text-color:#000;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-dialog-input-border-color:rgba(0, 0, 0, 0.3);--f7-dialog-border-divider-color:rgba(0, 0, 0, 0.2)}.ios .theme-dark,.ios.theme-dark{--f7-dialog-bg-color:rgba(45, 45, 45, 0.95);--f7-dialog-bg-color-rgb:45,45,45;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.2);--f7-dialog-border-divider-color:rgba(255, 255, 255, 0.15);--f7-dialog-input-border-color:rgba(255, 255, 255, 0.15);--f7-dialog-input-bg-color:rgba(0, 0, 0, 0.5)}.md{--f7-dialog-box-shadow:var(--f7-elevation-24);--f7-dialog-width:280px;--f7-dialog-inner-padding:24px;--f7-dialog-border-radius:4px;--f7-dialog-text-align:right;--f7-dialog-font-size:16px;--f7-dialog-title-font-size:20px;--f7-dialog-title-font-weight:500;--f7-dialog-title-line-height:1.3;--f7-dialog-button-font-size:14px;--f7-dialog-button-height:36px;--f7-dialog-button-letter-spacing:0.05em;--f7-dialog-button-font-weight:500;--f7-dialog-button-text-transform:uppercase;--f7-dialog-button-pressed-bg-color:rgba(var(--f7-theme-color-rgb), 0.15);--f7-dialog-input-border-radius:0px;--f7-dialog-input-font-size:16px;--f7-dialog-input-height:36px;--f7-dialog-input-border-color:transparent;--f7-dialog-input-border-width:0px;--f7-dialog-preloader-size:32px;--f7-dialog-bg-color:#fff;--f7-dialog-text-color:rgba(0, 0, 0, 0.54);--f7-dialog-title-text-color:#212121;--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.35)}.md .theme-dark,.md.theme-dark{--f7-dialog-bg-color:#1c1c1d;--f7-dialog-title-text-color:#fff;--f7-dialog-input-bg-color:transparent;--f7-dialog-input-placeholder-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-dialog-box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.15),0 25px 30px 0 rgba(0,0,0,0.35);--f7-dialog-width:300px;--f7-dialog-inner-padding:20px;--f7-dialog-border-radius:8px;--f7-dialog-text-align:right;--f7-dialog-font-size:14px;--f7-dialog-title-font-size:18px;--f7-dialog-title-font-weight:700;--f7-dialog-title-line-height:inherit;--f7-dialog-button-font-size:14px;--f7-dialog-button-height:36px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-font-weight:600;--f7-dialog-button-text-transform:uppercase;--f7-dialog-input-border-radius:8px;--f7-dialog-input-font-size:16px;--f7-dialog-input-height:32px;--f7-dialog-input-border-width:1px;--f7-dialog-preloader-size:24px;--f7-dialog-bg-color:#fff;--f7-dialog-title-text-color:inherit;--f7-dialog-text-color:#000;--f7-dialog-button-text-color:#fff;--f7-dialog-input-border-color:rgba(0, 0, 0, 0.2);--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.32)}.aurora .theme-dark,.aurora.theme-dark{--f7-dialog-bg-color:#1c1c1d;--f7-dialog-title-text-color:#fff;--f7-dialog-input-bg-color:rgba(0, 0, 0, 0.25);--f7-dialog-input-placeholder-color:rgba(255, 255, 255, 0.54);--f7-dialog-input-border-color:rgba(255, 255, 255, 0.15)}.dialog{position:absolute;z-index:13500;left:50%;margin-top:0;top:50%;overflow:hidden;opacity:0;transform:translate3d(0,-50%,0) scale(1.185);transition-property:transform,opacity;display:none;transition-duration:.4s;box-shadow:var(--f7-dialog-box-shadow);width:var(--f7-dialog-width);margin-left:calc(-1 * var(--f7-dialog-width)/ 2);border-radius:var(--f7-dialog-border-radius);text-align:var(--f7-dialog-text-align);color:var(--f7-dialog-text-color);font-size:var(--f7-dialog-font-size);background:var(--f7-dialog-bg-color);will-change:transform,opacity}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .dialog{background-color:rgba(var(--f7-dialog-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.dialog.modal-in{opacity:1;transform:translate3d(0,-50%,0) scale(1)}.dialog.modal-out{opacity:0;z-index:13499}.dialog.not-animated{transition-duration:0s}.dialog-inner{position:relative;padding:var(--f7-dialog-inner-padding)}.dialog-title{color:var(--f7-dialog-title-text-color);font-size:var(--f7-dialog-title-font-size);font-weight:var(--f7-dialog-title-font-weight);line-height:var(--f7-dialog-title-line-height)}.dialog-buttons{position:relative;display:flex;flex-direction:row-reverse}.dialog-buttons-vertical .dialog-buttons{display:block;height:auto!important}.dialog-button{box-sizing:border-box;overflow:hidden;position:relative;white-space:nowrap;text-overflow:ellipsis;color:var(--f7-dialog-button-text-color);font-size:var(--f7-dialog-button-font-size);height:var(--f7-dialog-button-height);line-height:var(--f7-dialog-button-height);letter-spacing:var(--f7-dialog-button-letter-spacing);text-align:var(--f7-dialog-button-text-align);font-weight:var(--f7-dialog-button-font-weight);text-transform:var(--f7-dialog-button-text-transform);display:block;cursor:pointer}.dialog-button.active-state{background-color:var(--f7-dialog-button-pressed-bg-color)}.dialog-no-buttons .dialog-buttons{display:none}.dialog-input-field{position:relative}input.dialog-input[type]{box-sizing:border-box;margin:0;margin-top:15px;border-radius:var(--f7-dialog-input-border-radius);-webkit-appearance:none;appearance:none;width:100%;display:block;font-family:inherit;box-shadow:none;font-size:var(--f7-dialog-input-font-size);height:var(--f7-dialog-input-height);background-color:var(--f7-dialog-input-bg-color);border:var(--f7-dialog-input-border-width) solid var(--f7-dialog-input-border-color)}input.dialog-input[type]::placeholder{color:var(--f7-dialog-input-placeholder-color)}.dialog-input-double input.dialog-input{border-radius:var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius) 0 0}.dialog-input-double+.dialog-input-double input.dialog-input{border-radius:0 0 var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius)}.dialog-preloader .preloader{--f7-preloader-size:var(--f7-dialog-preloader-size)}html.with-modal-dialog .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.ios .dialog.modal-out{transform:translate3d(0,-50%,0) scale(1)}.ios .dialog-inner{border-radius:var(--f7-dialog-border-radius) var(--f7-dialog-border-radius) 0 0}.ios .dialog-inner:after{content:'';position:absolute;background-color:var(--f7-dialog-border-divider-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-title+.dialog-text{margin-top:5px}.ios .dialog-buttons{height:44px;justify-content:center}.ios .dialog-button{width:100%;padding:0 5px;-webkit-box-flex:1;-ms-flex:1}.ios .dialog-button:after{content:'';position:absolute;background-color:var(--f7-dialog-border-divider-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-button:first-child{border-radius:0 0 0 var(--f7-dialog-border-radius)}.ios .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) 0}.ios .dialog-button:last-child:after{display:none!important}.ios .dialog-button:first-child:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-button.dialog-button-bold{font-weight:500}.ios .dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.ios .dialog-buttons-vertical .dialog-buttons{height:auto}.ios .dialog-buttons-vertical .dialog-button{border-radius:0}.ios .dialog-buttons-vertical .dialog-button:after{content:'';position:absolute;background-color:var(--f7-dialog-border-divider-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-buttons-vertical .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-buttons-vertical .dialog-button:last-child:after{display:none!important}.ios .dialog-no-buttons .dialog-inner{border-radius:var(--f7-dialog-border-radius)}.ios .dialog-no-buttons .dialog-inner:after{display:none!important}.ios .dialog-input-field{margin-top:15px}.ios .dialog-input{padding:0 5px}.ios .dialog-input+.dialog-input{margin-top:5px}.ios .dialog-input-double+.dialog-input-double{margin-top:0}.ios .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.ios .dialog-preloader .dialog-text~.preloader,.ios .dialog-preloader .dialog-title~.preloader{margin-top:15px}.ios .dialog-progress .dialog-text~.progressbar,.ios .dialog-progress .dialog-text~.progressbar-infinite,.ios .dialog-progress .dialog-title~.progressbar,.ios .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px}.md .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.md .dialog-title+.dialog-text{margin-top:20px}.md .dialog-text{line-height:1.5}.md .dialog-buttons{height:48px;padding:6px 8px;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.md .dialog-button{--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb), 0.25);border-radius:4px;min-width:64px;padding:0 8px;border:none;transition-duration:.3s;transform:translate3d(0,0,0)}.md .dialog-button.dialog-button-bold{font-weight:700}.md .dialog-button+.dialog-button{margin-left:4px}.md .dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.md .dialog-buttons-vertical .dialog-buttons{display:flex;flex-direction:column;align-items:flex-end}.md .dialog-buttons-vertical .dialog-button+.dialog-button{margin-top:12px}.md .dialog-input{padding:0;transition-duration:.2s;position:relative}.md .dialog-input+.dialog-input{margin-top:16px}.md .dialog-preloader .dialog-inner,.md .dialog-preloader .dialog-title,.md .dialog-progress .dialog-inner,.md .dialog-progress .dialog-title{text-align:center}.md .dialog-preloader .dialog-text~.preloader,.md .dialog-preloader .dialog-title~.preloader{margin-top:20px}.md .dialog-progress .dialog-text~.progressbar,.md .dialog-progress .dialog-text~.progressbar-infinite,.md .dialog-progress .dialog-title~.progressbar,.md .dialog-progress .dialog-title~.progressbar-infinite{margin-top:16px}.aurora .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.aurora .dialog-title+.dialog-text{margin-top:16px}.aurora .dialog-text{line-height:1.5}.aurora .dialog-buttons{padding:var(--f7-dialog-inner-padding);padding-top:0;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.aurora .dialog-button{border-radius:8px;min-width:64px;padding:0 10px;border:none;transition-duration:.3s;transform:translate3d(0,0,0);background:var(--f7-theme-color)}.aurora .dialog-button.dialog-button-bold{font-weight:600}.aurora .dialog-button+.dialog-button{margin-left:16px}.aurora .dialog-button.active-state{background-color:var(--f7-dialog-button-pressed-bg-color,var(--f7-theme-color-shade))}.aurora.device-desktop .dialog-button:not(.active-state):not(.no-hover):hover{background-color:var(--f7-dialog-button-hover-bg-color,var(--f7-theme-color-tint))}.aurora .dialog-buttons-vertical .dialog-buttons{display:flex;flex-direction:column;align-items:stretch}.aurora .dialog-buttons-vertical .dialog-button{margin-left:0;flex-shrink:0}.aurora .dialog-buttons-vertical .dialog-button+.dialog-button{margin-top:8px}.aurora div.dialog-input-field{margin-top:16px}.aurora div.dialog-input-field input.dialog-input{margin-top:0}.aurora div.dialog-input-field.input:after{display:none!important}.aurora .dialog-input{padding:0 8px;transition-duration:.2s;position:relative}.aurora .dialog-input+.dialog-input{margin-top:8px}.aurora .dialog-input-double+.dialog-input-double{margin-top:0}.aurora .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.aurora .dialog-preloader .dialog-inner,.aurora .dialog-preloader .dialog-title,.aurora .dialog-progress .dialog-inner,.aurora .dialog-progress .dialog-title{text-align:center}.aurora .dialog-preloader .dialog-text~.preloader,.aurora .dialog-preloader .dialog-title~.preloader{margin-top:16px}.aurora .dialog-progress .dialog-text~.progressbar,.aurora .dialog-progress .dialog-text~.progressbar-infinite,.aurora .dialog-progress .dialog-title~.progressbar,.aurora .dialog-progress .dialog-title~.progressbar-infinite{margin-top:16px}
1
+ :root{--f7-dialog-button-text-color:var(--f7-theme-color);--f7-dialog-button-text-align:center;--f7-dialog-input-bg-color:#fff}:root .dark,:root.dark{--f7-dialog-text-color:#fff}.ios{--f7-dialog-box-shadow:none;--f7-dialog-width:270px;--f7-dialog-inner-padding:16px;--f7-dialog-border-radius:13px;--f7-dialog-text-align:center;--f7-dialog-font-size:14px;--f7-dialog-title-text-color:inherit;--f7-dialog-title-font-size:18px;--f7-dialog-title-font-weight:600;--f7-dialog-title-line-height:inherit;--f7-dialog-button-font-size:17px;--f7-dialog-button-height:44px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-font-weight:400;--f7-dialog-button-text-transform:none;--f7-dialog-input-border-radius:4px;--f7-dialog-input-font-size:14px;--f7-dialog-input-height:32px;--f7-dialog-input-border-width:1px;--f7-dialog-input-placeholder-color:#a9a9a9;--f7-dialog-preloader-size:34px;--f7-dialog-bg-color:rgba(255, 255, 255, 0.95);--f7-dialog-bg-color-rgb:255,255,255;--f7-dialog-text-color:#000;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-dialog-input-border-color:rgba(0, 0, 0, 0.3);--f7-dialog-border-divider-color:rgba(0, 0, 0, 0.2)}.ios .dark,.ios.dark{--f7-dialog-bg-color:rgba(45, 45, 45, 0.95);--f7-dialog-bg-color-rgb:45,45,45;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.2);--f7-dialog-border-divider-color:rgba(255, 255, 255, 0.15);--f7-dialog-input-border-color:rgba(255, 255, 255, 0.15);--f7-dialog-input-bg-color:rgba(0, 0, 0, 0.5)}.md{--f7-dialog-box-shadow:var(--f7-elevation-24);--f7-dialog-width:280px;--f7-dialog-inner-padding:24px;--f7-dialog-border-radius:4px;--f7-dialog-text-align:right;--f7-dialog-font-size:16px;--f7-dialog-title-font-size:20px;--f7-dialog-title-font-weight:500;--f7-dialog-title-line-height:1.3;--f7-dialog-button-font-size:14px;--f7-dialog-button-height:36px;--f7-dialog-button-letter-spacing:0.05em;--f7-dialog-button-font-weight:500;--f7-dialog-button-text-transform:uppercase;--f7-dialog-button-pressed-bg-color:rgba(var(--f7-theme-color-rgb), 0.15);--f7-dialog-input-border-radius:0px;--f7-dialog-input-font-size:16px;--f7-dialog-input-height:36px;--f7-dialog-input-border-color:transparent;--f7-dialog-input-border-width:0px;--f7-dialog-preloader-size:32px;--f7-dialog-bg-color:#fff;--f7-dialog-text-color:rgba(0, 0, 0, 0.54);--f7-dialog-title-text-color:#212121;--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.35)}.md .dark,.md.dark{--f7-dialog-bg-color:#1c1c1d;--f7-dialog-title-text-color:#fff;--f7-dialog-input-bg-color:transparent;--f7-dialog-input-placeholder-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-dialog-box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.15),0 25px 30px 0 rgba(0,0,0,0.35);--f7-dialog-width:300px;--f7-dialog-inner-padding:20px;--f7-dialog-border-radius:8px;--f7-dialog-text-align:right;--f7-dialog-font-size:14px;--f7-dialog-title-font-size:18px;--f7-dialog-title-font-weight:700;--f7-dialog-title-line-height:inherit;--f7-dialog-button-font-size:14px;--f7-dialog-button-height:36px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-font-weight:600;--f7-dialog-button-text-transform:uppercase;--f7-dialog-input-border-radius:8px;--f7-dialog-input-font-size:16px;--f7-dialog-input-height:32px;--f7-dialog-input-border-width:1px;--f7-dialog-preloader-size:24px;--f7-dialog-bg-color:#fff;--f7-dialog-title-text-color:inherit;--f7-dialog-text-color:#000;--f7-dialog-button-text-color:#fff;--f7-dialog-input-border-color:rgba(0, 0, 0, 0.2);--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.32)}.aurora .dark,.aurora.dark{--f7-dialog-bg-color:#1c1c1d;--f7-dialog-title-text-color:#fff;--f7-dialog-input-bg-color:rgba(0, 0, 0, 0.25);--f7-dialog-input-placeholder-color:rgba(255, 255, 255, 0.54);--f7-dialog-input-border-color:rgba(255, 255, 255, 0.15)}.dialog{position:absolute;z-index:13500;left:50%;margin-top:0;top:50%;overflow:hidden;opacity:0;transform:translate3d(0,-50%,0) scale(1.185);transition-property:transform,opacity;display:none;transition-duration:.4s;box-shadow:var(--f7-dialog-box-shadow);width:var(--f7-dialog-width);margin-left:calc(-1 * var(--f7-dialog-width)/ 2);border-radius:var(--f7-dialog-border-radius);text-align:var(--f7-dialog-text-align);color:var(--f7-dialog-text-color);font-size:var(--f7-dialog-font-size);background:var(--f7-dialog-bg-color);will-change:transform,opacity}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .dialog{background-color:rgba(var(--f7-dialog-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.dialog.modal-in{opacity:1;transform:translate3d(0,-50%,0) scale(1)}.dialog.modal-out{opacity:0;z-index:13499}.dialog.not-animated{transition-duration:0s}.dialog-inner{position:relative;padding:var(--f7-dialog-inner-padding)}.dialog-title{color:var(--f7-dialog-title-text-color);font-size:var(--f7-dialog-title-font-size);font-weight:var(--f7-dialog-title-font-weight);line-height:var(--f7-dialog-title-line-height)}.dialog-buttons{position:relative;display:flex;flex-direction:row-reverse}.dialog-buttons-vertical .dialog-buttons{display:block;height:auto!important}.dialog-button{box-sizing:border-box;overflow:hidden;position:relative;white-space:nowrap;text-overflow:ellipsis;color:var(--f7-dialog-button-text-color);font-size:var(--f7-dialog-button-font-size);height:var(--f7-dialog-button-height);line-height:var(--f7-dialog-button-height);letter-spacing:var(--f7-dialog-button-letter-spacing);text-align:var(--f7-dialog-button-text-align);font-weight:var(--f7-dialog-button-font-weight);text-transform:var(--f7-dialog-button-text-transform);display:block;cursor:pointer}.dialog-button.active-state{background-color:var(--f7-dialog-button-pressed-bg-color)}.dialog-no-buttons .dialog-buttons{display:none}.dialog-input-field{position:relative}input.dialog-input[type]{box-sizing:border-box;margin:0;margin-top:15px;border-radius:var(--f7-dialog-input-border-radius);-webkit-appearance:none;appearance:none;width:100%;display:block;font-family:inherit;box-shadow:none;font-size:var(--f7-dialog-input-font-size);height:var(--f7-dialog-input-height);background-color:var(--f7-dialog-input-bg-color);border:var(--f7-dialog-input-border-width) solid var(--f7-dialog-input-border-color)}input.dialog-input[type]::placeholder{color:var(--f7-dialog-input-placeholder-color)}.dialog-input-double input.dialog-input{border-radius:var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius) 0 0}.dialog-input-double+.dialog-input-double input.dialog-input{border-radius:0 0 var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius)}.dialog-preloader .preloader{--f7-preloader-size:var(--f7-dialog-preloader-size)}html.with-modal-dialog .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.ios .dialog.modal-out{transform:translate3d(0,-50%,0) scale(1)}.ios .dialog-inner{border-radius:var(--f7-dialog-border-radius) var(--f7-dialog-border-radius) 0 0}.ios .dialog-inner:after{content:'';position:absolute;background-color:var(--f7-dialog-border-divider-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-title+.dialog-text{margin-top:5px}.ios .dialog-buttons{height:44px;justify-content:center}.ios .dialog-button{width:100%;padding:0 5px;-webkit-box-flex:1;-ms-flex:1}.ios .dialog-button:after{content:'';position:absolute;background-color:var(--f7-dialog-border-divider-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-button:first-child{border-radius:0 0 0 var(--f7-dialog-border-radius)}.ios .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) 0}.ios .dialog-button:last-child:after{display:none!important}.ios .dialog-button:first-child:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-button.dialog-button-bold{font-weight:500}.ios .dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.ios .dialog-buttons-vertical .dialog-buttons{height:auto}.ios .dialog-buttons-vertical .dialog-button{border-radius:0}.ios .dialog-buttons-vertical .dialog-button:after{content:'';position:absolute;background-color:var(--f7-dialog-border-divider-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-buttons-vertical .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-buttons-vertical .dialog-button:last-child:after{display:none!important}.ios .dialog-no-buttons .dialog-inner{border-radius:var(--f7-dialog-border-radius)}.ios .dialog-no-buttons .dialog-inner:after{display:none!important}.ios .dialog-input-field{margin-top:15px}.ios .dialog-input{padding:0 5px}.ios .dialog-input+.dialog-input{margin-top:5px}.ios .dialog-input-double+.dialog-input-double{margin-top:0}.ios .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.ios .dialog-preloader .dialog-text~.preloader,.ios .dialog-preloader .dialog-title~.preloader{margin-top:15px}.ios .dialog-progress .dialog-text~.progressbar,.ios .dialog-progress .dialog-text~.progressbar-infinite,.ios .dialog-progress .dialog-title~.progressbar,.ios .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px}.md .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.md .dialog-title+.dialog-text{margin-top:20px}.md .dialog-text{line-height:1.5}.md .dialog-buttons{height:48px;padding:6px 8px;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.md .dialog-button{--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb), 0.25);border-radius:4px;min-width:64px;padding:0 8px;border:none;transition-duration:.3s;transform:translate3d(0,0,0)}.md .dialog-button.dialog-button-bold{font-weight:700}.md .dialog-button+.dialog-button{margin-left:4px}.md .dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.md .dialog-buttons-vertical .dialog-buttons{display:flex;flex-direction:column;align-items:flex-end}.md .dialog-buttons-vertical .dialog-button+.dialog-button{margin-top:12px}.md .dialog-input{padding:0;transition-duration:.2s;position:relative}.md .dialog-input+.dialog-input{margin-top:16px}.md .dialog-preloader .dialog-inner,.md .dialog-preloader .dialog-title,.md .dialog-progress .dialog-inner,.md .dialog-progress .dialog-title{text-align:center}.md .dialog-preloader .dialog-text~.preloader,.md .dialog-preloader .dialog-title~.preloader{margin-top:20px}.md .dialog-progress .dialog-text~.progressbar,.md .dialog-progress .dialog-text~.progressbar-infinite,.md .dialog-progress .dialog-title~.progressbar,.md .dialog-progress .dialog-title~.progressbar-infinite{margin-top:16px}.aurora .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.aurora .dialog-title+.dialog-text{margin-top:16px}.aurora .dialog-text{line-height:1.5}.aurora .dialog-buttons{padding:var(--f7-dialog-inner-padding);padding-top:0;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.aurora .dialog-button{border-radius:8px;min-width:64px;padding:0 10px;border:none;transition-duration:.3s;transform:translate3d(0,0,0);background:var(--f7-theme-color)}.aurora .dialog-button.dialog-button-bold{font-weight:600}.aurora .dialog-button+.dialog-button{margin-left:16px}.aurora .dialog-button.active-state{background-color:var(--f7-dialog-button-pressed-bg-color,var(--f7-theme-color-shade))}.aurora.device-desktop .dialog-button:not(.active-state):not(.no-hover):hover{background-color:var(--f7-dialog-button-hover-bg-color,var(--f7-theme-color-tint))}.aurora .dialog-buttons-vertical .dialog-buttons{display:flex;flex-direction:column;align-items:stretch}.aurora .dialog-buttons-vertical .dialog-button{margin-left:0;flex-shrink:0}.aurora .dialog-buttons-vertical .dialog-button+.dialog-button{margin-top:8px}.aurora div.dialog-input-field{margin-top:16px}.aurora div.dialog-input-field input.dialog-input{margin-top:0}.aurora div.dialog-input-field.input:after{display:none!important}.aurora .dialog-input{padding:0 8px;transition-duration:.2s;position:relative}.aurora .dialog-input+.dialog-input{margin-top:8px}.aurora .dialog-input-double+.dialog-input-double{margin-top:0}.aurora .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.aurora .dialog-preloader .dialog-inner,.aurora .dialog-preloader .dialog-title,.aurora .dialog-progress .dialog-inner,.aurora .dialog-progress .dialog-title{text-align:center}.aurora .dialog-preloader .dialog-text~.preloader,.aurora .dialog-preloader .dialog-title~.preloader{margin-top:16px}.aurora .dialog-progress .dialog-text~.progressbar,.aurora .dialog-progress .dialog-text~.progressbar-infinite,.aurora .dialog-progress .dialog-title~.progressbar,.aurora .dialog-progress .dialog-title~.progressbar-infinite{margin-top:16px}
package/components/dialog/dialog.css CHANGED
@@ -1 +1 @@
1
- :root{--f7-dialog-button-text-color:var(--f7-theme-color);--f7-dialog-button-text-align:center;--f7-dialog-input-bg-color:#fff}:root .theme-dark,:root.theme-dark{--f7-dialog-text-color:#fff}.ios{--f7-dialog-box-shadow:none;--f7-dialog-width:270px;--f7-dialog-inner-padding:16px;--f7-dialog-border-radius:13px;--f7-dialog-text-align:center;--f7-dialog-font-size:14px;--f7-dialog-title-text-color:inherit;--f7-dialog-title-font-size:18px;--f7-dialog-title-font-weight:600;--f7-dialog-title-line-height:inherit;--f7-dialog-button-font-size:17px;--f7-dialog-button-height:44px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-font-weight:400;--f7-dialog-button-text-transform:none;--f7-dialog-input-border-radius:4px;--f7-dialog-input-font-size:14px;--f7-dialog-input-height:32px;--f7-dialog-input-border-width:1px;--f7-dialog-input-placeholder-color:#a9a9a9;--f7-dialog-preloader-size:34px;--f7-dialog-bg-color:rgba(255, 255, 255, 0.95);--f7-dialog-bg-color-rgb:255,255,255;--f7-dialog-text-color:#000;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-dialog-input-border-color:rgba(0, 0, 0, 0.3);--f7-dialog-border-divider-color:rgba(0, 0, 0, 0.2)}.ios .theme-dark,.ios.theme-dark{--f7-dialog-bg-color:rgba(45, 45, 45, 0.95);--f7-dialog-bg-color-rgb:45,45,45;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.2);--f7-dialog-border-divider-color:rgba(255, 255, 255, 0.15);--f7-dialog-input-border-color:rgba(255, 255, 255, 0.15);--f7-dialog-input-bg-color:rgba(0, 0, 0, 0.5)}.md{--f7-dialog-box-shadow:var(--f7-elevation-24);--f7-dialog-width:280px;--f7-dialog-inner-padding:24px;--f7-dialog-border-radius:4px;--f7-dialog-text-align:left;--f7-dialog-font-size:16px;--f7-dialog-title-font-size:20px;--f7-dialog-title-font-weight:500;--f7-dialog-title-line-height:1.3;--f7-dialog-button-font-size:14px;--f7-dialog-button-height:36px;--f7-dialog-button-letter-spacing:0.05em;--f7-dialog-button-font-weight:500;--f7-dialog-button-text-transform:uppercase;--f7-dialog-button-pressed-bg-color:rgba(var(--f7-theme-color-rgb), 0.15);--f7-dialog-input-border-radius:0px;--f7-dialog-input-font-size:16px;--f7-dialog-input-height:36px;--f7-dialog-input-border-color:transparent;--f7-dialog-input-border-width:0px;--f7-dialog-preloader-size:32px;--f7-dialog-bg-color:#fff;--f7-dialog-text-color:rgba(0, 0, 0, 0.54);--f7-dialog-title-text-color:#212121;--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.35)}.md .theme-dark,.md.theme-dark{--f7-dialog-bg-color:#1c1c1d;--f7-dialog-title-text-color:#fff;--f7-dialog-input-bg-color:transparent;--f7-dialog-input-placeholder-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-dialog-box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.15),0 25px 30px 0 rgba(0,0,0,0.35);--f7-dialog-width:300px;--f7-dialog-inner-padding:20px;--f7-dialog-border-radius:8px;--f7-dialog-text-align:left;--f7-dialog-font-size:14px;--f7-dialog-title-font-size:18px;--f7-dialog-title-font-weight:700;--f7-dialog-title-line-height:inherit;--f7-dialog-button-font-size:14px;--f7-dialog-button-height:36px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-font-weight:600;--f7-dialog-button-text-transform:uppercase;--f7-dialog-input-border-radius:8px;--f7-dialog-input-font-size:16px;--f7-dialog-input-height:32px;--f7-dialog-input-border-width:1px;--f7-dialog-preloader-size:24px;--f7-dialog-bg-color:#fff;--f7-dialog-title-text-color:inherit;--f7-dialog-text-color:#000;--f7-dialog-button-text-color:#fff;--f7-dialog-input-border-color:rgba(0, 0, 0, 0.2);--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.32)}.aurora .theme-dark,.aurora.theme-dark{--f7-dialog-bg-color:#1c1c1d;--f7-dialog-title-text-color:#fff;--f7-dialog-input-bg-color:rgba(0, 0, 0, 0.25);--f7-dialog-input-placeholder-color:rgba(255, 255, 255, 0.54);--f7-dialog-input-border-color:rgba(255, 255, 255, 0.15)}.dialog{position:absolute;z-index:13500;left:50%;margin-top:0;top:50%;overflow:hidden;opacity:0;transform:translate3d(0,-50%,0) scale(1.185);transition-property:transform,opacity;display:none;transition-duration:.4s;box-shadow:var(--f7-dialog-box-shadow);width:var(--f7-dialog-width);margin-left:calc(-1 * var(--f7-dialog-width)/ 2);border-radius:var(--f7-dialog-border-radius);text-align:var(--f7-dialog-text-align);color:var(--f7-dialog-text-color);font-size:var(--f7-dialog-font-size);background:var(--f7-dialog-bg-color);will-change:transform,opacity}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .dialog{background-color:rgba(var(--f7-dialog-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.dialog.modal-in{opacity:1;transform:translate3d(0,-50%,0) scale(1)}.dialog.modal-out{opacity:0;z-index:13499}.dialog.not-animated{transition-duration:0s}.dialog-inner{position:relative;padding:var(--f7-dialog-inner-padding)}.dialog-title{color:var(--f7-dialog-title-text-color);font-size:var(--f7-dialog-title-font-size);font-weight:var(--f7-dialog-title-font-weight);line-height:var(--f7-dialog-title-line-height)}.dialog-buttons{position:relative;display:flex}.dialog-buttons-vertical .dialog-buttons{display:block;height:auto!important}.dialog-button{box-sizing:border-box;overflow:hidden;position:relative;white-space:nowrap;text-overflow:ellipsis;color:var(--f7-dialog-button-text-color);font-size:var(--f7-dialog-button-font-size);height:var(--f7-dialog-button-height);line-height:var(--f7-dialog-button-height);letter-spacing:var(--f7-dialog-button-letter-spacing);text-align:var(--f7-dialog-button-text-align);font-weight:var(--f7-dialog-button-font-weight);text-transform:var(--f7-dialog-button-text-transform);display:block;cursor:pointer}.dialog-button.active-state{background-color:var(--f7-dialog-button-pressed-bg-color)}.dialog-no-buttons .dialog-buttons{display:none}.dialog-input-field{position:relative}input.dialog-input[type]{box-sizing:border-box;margin:0;margin-top:15px;border-radius:var(--f7-dialog-input-border-radius);-webkit-appearance:none;appearance:none;width:100%;display:block;font-family:inherit;box-shadow:none;font-size:var(--f7-dialog-input-font-size);height:var(--f7-dialog-input-height);background-color:var(--f7-dialog-input-bg-color);border:var(--f7-dialog-input-border-width) solid var(--f7-dialog-input-border-color)}input.dialog-input[type]::placeholder{color:var(--f7-dialog-input-placeholder-color)}.dialog-input-double input.dialog-input{border-radius:var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius) 0 0}.dialog-input-double+.dialog-input-double input.dialog-input{border-radius:0 0 var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius)}.dialog-preloader .preloader{--f7-preloader-size:var(--f7-dialog-preloader-size)}html.with-modal-dialog .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.ios .dialog.modal-out{transform:translate3d(0,-50%,0) scale(1)}.ios .dialog-inner{border-radius:var(--f7-dialog-border-radius) var(--f7-dialog-border-radius) 0 0}.ios .dialog-inner:after{content:'';position:absolute;background-color:var(--f7-dialog-border-divider-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-title+.dialog-text{margin-top:5px}.ios .dialog-buttons{height:44px;justify-content:center}.ios .dialog-button{width:100%;padding:0 5px;-webkit-box-flex:1;-ms-flex:1}.ios .dialog-button:after{content:'';position:absolute;background-color:var(--f7-dialog-border-divider-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-button:first-child{border-radius:0 0 0 var(--f7-dialog-border-radius)}.ios .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) 0}.ios .dialog-button:last-child:after{display:none!important}.ios .dialog-button:first-child:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-button.dialog-button-bold{font-weight:500}.ios .dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.ios .dialog-buttons-vertical .dialog-buttons{height:auto}.ios .dialog-buttons-vertical .dialog-button{border-radius:0}.ios .dialog-buttons-vertical .dialog-button:after{content:'';position:absolute;background-color:var(--f7-dialog-border-divider-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-buttons-vertical .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-buttons-vertical .dialog-button:last-child:after{display:none!important}.ios .dialog-no-buttons .dialog-inner{border-radius:var(--f7-dialog-border-radius)}.ios .dialog-no-buttons .dialog-inner:after{display:none!important}.ios .dialog-input-field{margin-top:15px}.ios .dialog-input{padding:0 5px}.ios .dialog-input+.dialog-input{margin-top:5px}.ios .dialog-input-double+.dialog-input-double{margin-top:0}.ios .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.ios .dialog-preloader .dialog-text~.preloader,.ios .dialog-preloader .dialog-title~.preloader{margin-top:15px}.ios .dialog-progress .dialog-text~.progressbar,.ios .dialog-progress .dialog-text~.progressbar-infinite,.ios .dialog-progress .dialog-title~.progressbar,.ios .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px}.md .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.md .dialog-title+.dialog-text{margin-top:20px}.md .dialog-text{line-height:1.5}.md .dialog-buttons{height:48px;padding:6px 8px;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.md .dialog-button{--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb), 0.25);border-radius:4px;min-width:64px;padding:0 8px;border:none;transition-duration:.3s;transform:translate3d(0,0,0)}.md .dialog-button.dialog-button-bold{font-weight:700}.md .dialog-button+.dialog-button{margin-left:4px}.md .dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.md .dialog-buttons-vertical .dialog-buttons{display:flex;flex-direction:column;align-items:flex-end}.md .dialog-buttons-vertical .dialog-button+.dialog-button{margin-top:12px}.md .dialog-input{padding:0;transition-duration:.2s;position:relative}.md .dialog-input+.dialog-input{margin-top:16px}.md .dialog-preloader .dialog-inner,.md .dialog-preloader .dialog-title,.md .dialog-progress .dialog-inner,.md .dialog-progress .dialog-title{text-align:center}.md .dialog-preloader .dialog-text~.preloader,.md .dialog-preloader .dialog-title~.preloader{margin-top:20px}.md .dialog-progress .dialog-text~.progressbar,.md .dialog-progress .dialog-text~.progressbar-infinite,.md .dialog-progress .dialog-title~.progressbar,.md .dialog-progress .dialog-title~.progressbar-infinite{margin-top:16px}.aurora .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.aurora .dialog-title+.dialog-text{margin-top:16px}.aurora .dialog-text{line-height:1.5}.aurora .dialog-buttons{padding:var(--f7-dialog-inner-padding);padding-top:0;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.aurora .dialog-button{border-radius:8px;min-width:64px;padding:0 10px;border:none;transition-duration:.3s;transform:translate3d(0,0,0);background:var(--f7-theme-color)}.aurora .dialog-button.dialog-button-bold{font-weight:600}.aurora .dialog-button+.dialog-button{margin-left:16px}.aurora .dialog-button.active-state{background-color:var(--f7-dialog-button-pressed-bg-color,var(--f7-theme-color-shade))}.aurora.device-desktop .dialog-button:not(.active-state):not(.no-hover):hover{background-color:var(--f7-dialog-button-hover-bg-color,var(--f7-theme-color-tint))}.aurora .dialog-buttons-vertical .dialog-buttons{display:flex;flex-direction:column;align-items:stretch}.aurora .dialog-buttons-vertical .dialog-button{margin-left:0;flex-shrink:0}.aurora .dialog-buttons-vertical .dialog-button+.dialog-button{margin-top:8px}.aurora div.dialog-input-field{margin-top:16px}.aurora div.dialog-input-field input.dialog-input{margin-top:0}.aurora div.dialog-input-field.input:after{display:none!important}.aurora .dialog-input{padding:0 8px;transition-duration:.2s;position:relative}.aurora .dialog-input+.dialog-input{margin-top:8px}.aurora .dialog-input-double+.dialog-input-double{margin-top:0}.aurora .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.aurora .dialog-preloader .dialog-inner,.aurora .dialog-preloader .dialog-title,.aurora .dialog-progress .dialog-inner,.aurora .dialog-progress .dialog-title{text-align:center}.aurora .dialog-preloader .dialog-text~.preloader,.aurora .dialog-preloader .dialog-title~.preloader{margin-top:16px}.aurora .dialog-progress .dialog-text~.progressbar,.aurora .dialog-progress .dialog-text~.progressbar-infinite,.aurora .dialog-progress .dialog-title~.progressbar,.aurora .dialog-progress .dialog-title~.progressbar-infinite{margin-top:16px}
1
+ :root{--f7-dialog-button-text-color:var(--f7-theme-color);--f7-dialog-button-text-align:center;--f7-dialog-input-bg-color:#fff}:root .dark,:root.dark{--f7-dialog-text-color:#fff}.ios{--f7-dialog-box-shadow:none;--f7-dialog-width:270px;--f7-dialog-inner-padding:16px;--f7-dialog-border-radius:13px;--f7-dialog-text-align:center;--f7-dialog-font-size:14px;--f7-dialog-title-text-color:inherit;--f7-dialog-title-font-size:18px;--f7-dialog-title-font-weight:600;--f7-dialog-title-line-height:inherit;--f7-dialog-button-font-size:17px;--f7-dialog-button-height:44px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-font-weight:400;--f7-dialog-button-text-transform:none;--f7-dialog-input-border-radius:4px;--f7-dialog-input-font-size:14px;--f7-dialog-input-height:32px;--f7-dialog-input-border-width:1px;--f7-dialog-input-placeholder-color:#a9a9a9;--f7-dialog-preloader-size:34px;--f7-dialog-bg-color:rgba(255, 255, 255, 0.95);--f7-dialog-bg-color-rgb:255,255,255;--f7-dialog-text-color:#000;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-dialog-input-border-color:rgba(0, 0, 0, 0.3);--f7-dialog-border-divider-color:rgba(0, 0, 0, 0.2)}.ios .dark,.ios.dark{--f7-dialog-bg-color:rgba(45, 45, 45, 0.95);--f7-dialog-bg-color-rgb:45,45,45;--f7-dialog-button-pressed-bg-color:rgba(0, 0, 0, 0.2);--f7-dialog-border-divider-color:rgba(255, 255, 255, 0.15);--f7-dialog-input-border-color:rgba(255, 255, 255, 0.15);--f7-dialog-input-bg-color:rgba(0, 0, 0, 0.5)}.md{--f7-dialog-box-shadow:var(--f7-elevation-24);--f7-dialog-width:280px;--f7-dialog-inner-padding:24px;--f7-dialog-border-radius:4px;--f7-dialog-text-align:left;--f7-dialog-font-size:16px;--f7-dialog-title-font-size:20px;--f7-dialog-title-font-weight:500;--f7-dialog-title-line-height:1.3;--f7-dialog-button-font-size:14px;--f7-dialog-button-height:36px;--f7-dialog-button-letter-spacing:0.05em;--f7-dialog-button-font-weight:500;--f7-dialog-button-text-transform:uppercase;--f7-dialog-button-pressed-bg-color:rgba(var(--f7-theme-color-rgb), 0.15);--f7-dialog-input-border-radius:0px;--f7-dialog-input-font-size:16px;--f7-dialog-input-height:36px;--f7-dialog-input-border-color:transparent;--f7-dialog-input-border-width:0px;--f7-dialog-preloader-size:32px;--f7-dialog-bg-color:#fff;--f7-dialog-text-color:rgba(0, 0, 0, 0.54);--f7-dialog-title-text-color:#212121;--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.35)}.md .dark,.md.dark{--f7-dialog-bg-color:#1c1c1d;--f7-dialog-title-text-color:#fff;--f7-dialog-input-bg-color:transparent;--f7-dialog-input-placeholder-color:rgba(255, 255, 255, 0.54)}.aurora{--f7-dialog-box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.15),0 25px 30px 0 rgba(0,0,0,0.35);--f7-dialog-width:300px;--f7-dialog-inner-padding:20px;--f7-dialog-border-radius:8px;--f7-dialog-text-align:left;--f7-dialog-font-size:14px;--f7-dialog-title-font-size:18px;--f7-dialog-title-font-weight:700;--f7-dialog-title-line-height:inherit;--f7-dialog-button-font-size:14px;--f7-dialog-button-height:36px;--f7-dialog-button-letter-spacing:0;--f7-dialog-button-font-weight:600;--f7-dialog-button-text-transform:uppercase;--f7-dialog-input-border-radius:8px;--f7-dialog-input-font-size:16px;--f7-dialog-input-height:32px;--f7-dialog-input-border-width:1px;--f7-dialog-preloader-size:24px;--f7-dialog-bg-color:#fff;--f7-dialog-title-text-color:inherit;--f7-dialog-text-color:#000;--f7-dialog-button-text-color:#fff;--f7-dialog-input-border-color:rgba(0, 0, 0, 0.2);--f7-dialog-input-placeholder-color:rgba(0, 0, 0, 0.32)}.aurora .dark,.aurora.dark{--f7-dialog-bg-color:#1c1c1d;--f7-dialog-title-text-color:#fff;--f7-dialog-input-bg-color:rgba(0, 0, 0, 0.25);--f7-dialog-input-placeholder-color:rgba(255, 255, 255, 0.54);--f7-dialog-input-border-color:rgba(255, 255, 255, 0.15)}.dialog{position:absolute;z-index:13500;left:50%;margin-top:0;top:50%;overflow:hidden;opacity:0;transform:translate3d(0,-50%,0) scale(1.185);transition-property:transform,opacity;display:none;transition-duration:.4s;box-shadow:var(--f7-dialog-box-shadow);width:var(--f7-dialog-width);margin-left:calc(-1 * var(--f7-dialog-width)/ 2);border-radius:var(--f7-dialog-border-radius);text-align:var(--f7-dialog-text-align);color:var(--f7-dialog-text-color);font-size:var(--f7-dialog-font-size);background:var(--f7-dialog-bg-color);will-change:transform,opacity}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.ios-translucent-modals .dialog{background-color:rgba(var(--f7-dialog-bg-color-rgb),.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.dialog.modal-in{opacity:1;transform:translate3d(0,-50%,0) scale(1)}.dialog.modal-out{opacity:0;z-index:13499}.dialog.not-animated{transition-duration:0s}.dialog-inner{position:relative;padding:var(--f7-dialog-inner-padding)}.dialog-title{color:var(--f7-dialog-title-text-color);font-size:var(--f7-dialog-title-font-size);font-weight:var(--f7-dialog-title-font-weight);line-height:var(--f7-dialog-title-line-height)}.dialog-buttons{position:relative;display:flex}.dialog-buttons-vertical .dialog-buttons{display:block;height:auto!important}.dialog-button{box-sizing:border-box;overflow:hidden;position:relative;white-space:nowrap;text-overflow:ellipsis;color:var(--f7-dialog-button-text-color);font-size:var(--f7-dialog-button-font-size);height:var(--f7-dialog-button-height);line-height:var(--f7-dialog-button-height);letter-spacing:var(--f7-dialog-button-letter-spacing);text-align:var(--f7-dialog-button-text-align);font-weight:var(--f7-dialog-button-font-weight);text-transform:var(--f7-dialog-button-text-transform);display:block;cursor:pointer}.dialog-button.active-state{background-color:var(--f7-dialog-button-pressed-bg-color)}.dialog-no-buttons .dialog-buttons{display:none}.dialog-input-field{position:relative}input.dialog-input[type]{box-sizing:border-box;margin:0;margin-top:15px;border-radius:var(--f7-dialog-input-border-radius);-webkit-appearance:none;appearance:none;width:100%;display:block;font-family:inherit;box-shadow:none;font-size:var(--f7-dialog-input-font-size);height:var(--f7-dialog-input-height);background-color:var(--f7-dialog-input-bg-color);border:var(--f7-dialog-input-border-width) solid var(--f7-dialog-input-border-color)}input.dialog-input[type]::placeholder{color:var(--f7-dialog-input-placeholder-color)}.dialog-input-double input.dialog-input{border-radius:var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius) 0 0}.dialog-input-double+.dialog-input-double input.dialog-input{border-radius:0 0 var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius)}.dialog-preloader .preloader{--f7-preloader-size:var(--f7-dialog-preloader-size)}html.with-modal-dialog .page-content{overflow:hidden;-webkit-overflow-scrolling:auto}.ios .dialog.modal-out{transform:translate3d(0,-50%,0) scale(1)}.ios .dialog-inner{border-radius:var(--f7-dialog-border-radius) var(--f7-dialog-border-radius) 0 0}.ios .dialog-inner:after{content:'';position:absolute;background-color:var(--f7-dialog-border-divider-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-title+.dialog-text{margin-top:5px}.ios .dialog-buttons{height:44px;justify-content:center}.ios .dialog-button{width:100%;padding:0 5px;-webkit-box-flex:1;-ms-flex:1}.ios .dialog-button:after{content:'';position:absolute;background-color:var(--f7-dialog-border-divider-color);display:block;z-index:15;top:0;right:0;bottom:auto;left:auto;width:1px;height:100%;transform-origin:100% 50%;transform:scaleX(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-button:first-child{border-radius:0 0 0 var(--f7-dialog-border-radius)}.ios .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) 0}.ios .dialog-button:last-child:after{display:none!important}.ios .dialog-button:first-child:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-button.dialog-button-bold{font-weight:500}.ios .dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.ios .dialog-buttons-vertical .dialog-buttons{height:auto}.ios .dialog-buttons-vertical .dialog-button{border-radius:0}.ios .dialog-buttons-vertical .dialog-button:after{content:'';position:absolute;background-color:var(--f7-dialog-border-divider-color);display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;transform-origin:50% 100%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.ios .dialog-buttons-vertical .dialog-button:last-child{border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)}.ios .dialog-buttons-vertical .dialog-button:last-child:after{display:none!important}.ios .dialog-no-buttons .dialog-inner{border-radius:var(--f7-dialog-border-radius)}.ios .dialog-no-buttons .dialog-inner:after{display:none!important}.ios .dialog-input-field{margin-top:15px}.ios .dialog-input{padding:0 5px}.ios .dialog-input+.dialog-input{margin-top:5px}.ios .dialog-input-double+.dialog-input-double{margin-top:0}.ios .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.ios .dialog-preloader .dialog-text~.preloader,.ios .dialog-preloader .dialog-title~.preloader{margin-top:15px}.ios .dialog-progress .dialog-text~.progressbar,.ios .dialog-progress .dialog-text~.progressbar-infinite,.ios .dialog-progress .dialog-title~.progressbar,.ios .dialog-progress .dialog-title~.progressbar-infinite{margin-top:15px}.md .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.md .dialog-title+.dialog-text{margin-top:20px}.md .dialog-text{line-height:1.5}.md .dialog-buttons{height:48px;padding:6px 8px;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.md .dialog-button{--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb), 0.25);border-radius:4px;min-width:64px;padding:0 8px;border:none;transition-duration:.3s;transform:translate3d(0,0,0)}.md .dialog-button.dialog-button-bold{font-weight:700}.md .dialog-button+.dialog-button{margin-left:4px}.md .dialog-button[class*=color-]{--f7-dialog-button-text-color:var(--f7-theme-color)}.md .dialog-buttons-vertical .dialog-buttons{display:flex;flex-direction:column;align-items:flex-end}.md .dialog-buttons-vertical .dialog-button+.dialog-button{margin-top:12px}.md .dialog-input{padding:0;transition-duration:.2s;position:relative}.md .dialog-input+.dialog-input{margin-top:16px}.md .dialog-preloader .dialog-inner,.md .dialog-preloader .dialog-title,.md .dialog-progress .dialog-inner,.md .dialog-progress .dialog-title{text-align:center}.md .dialog-preloader .dialog-text~.preloader,.md .dialog-preloader .dialog-title~.preloader{margin-top:20px}.md .dialog-progress .dialog-text~.progressbar,.md .dialog-progress .dialog-text~.progressbar-infinite,.md .dialog-progress .dialog-title~.progressbar,.md .dialog-progress .dialog-title~.progressbar-infinite{margin-top:16px}.aurora .dialog.modal-out{transform:translate3d(0,-50%,0) scale(.815)}.aurora .dialog-title+.dialog-text{margin-top:16px}.aurora .dialog-text{line-height:1.5}.aurora .dialog-buttons{padding:var(--f7-dialog-inner-padding);padding-top:0;overflow:hidden;box-sizing:border-box;justify-content:flex-end}.aurora .dialog-button{border-radius:8px;min-width:64px;padding:0 10px;border:none;transition-duration:.3s;transform:translate3d(0,0,0);background:var(--f7-theme-color)}.aurora .dialog-button.dialog-button-bold{font-weight:600}.aurora .dialog-button+.dialog-button{margin-left:16px}.aurora .dialog-button.active-state{background-color:var(--f7-dialog-button-pressed-bg-color,var(--f7-theme-color-shade))}.aurora.device-desktop .dialog-button:not(.active-state):not(.no-hover):hover{background-color:var(--f7-dialog-button-hover-bg-color,var(--f7-theme-color-tint))}.aurora .dialog-buttons-vertical .dialog-buttons{display:flex;flex-direction:column;align-items:stretch}.aurora .dialog-buttons-vertical .dialog-button{margin-left:0;flex-shrink:0}.aurora .dialog-buttons-vertical .dialog-button+.dialog-button{margin-top:8px}.aurora div.dialog-input-field{margin-top:16px}.aurora div.dialog-input-field input.dialog-input{margin-top:0}.aurora div.dialog-input-field.input:after{display:none!important}.aurora .dialog-input{padding:0 8px;transition-duration:.2s;position:relative}.aurora .dialog-input+.dialog-input{margin-top:8px}.aurora .dialog-input-double+.dialog-input-double{margin-top:0}.aurora .dialog-input-double+.dialog-input-double .dialog-input{border-top:0;margin-top:0}.aurora .dialog-preloader .dialog-inner,.aurora .dialog-preloader .dialog-title,.aurora .dialog-progress .dialog-inner,.aurora .dialog-progress .dialog-title{text-align:center}.aurora .dialog-preloader .dialog-text~.preloader,.aurora .dialog-preloader .dialog-title~.preloader{margin-top:16px}.aurora .dialog-progress .dialog-text~.progressbar,.aurora .dialog-progress .dialog-text~.progressbar-infinite,.aurora .dialog-progress .dialog-title~.progressbar,.aurora .dialog-progress .dialog-title~.progressbar-infinite{margin-top:16px}
package/components/dialog/dialog.js CHANGED
@@ -1,6 +1,6 @@
1
- import { extend, iosPreloaderContent, mdPreloaderContent, auroraPreloaderContent } from '../../shared/utils';
2
- import Dialog from './dialog-class';
3
- import ModalMethods from '../../shared/modal-methods';
1
+ import { extend, iosPreloaderContent, mdPreloaderContent, auroraPreloaderContent } from '../../shared/utils.js';
2
+ import Dialog from './dialog-class.js';
3
+ import ModalMethods from '../../shared/modal-methods.js';
4
4
  export default {
5
5
  name: 'dialog',
6
6
  params: {
@@ -47,7 +47,11 @@ export default {
47
47
  defaultSelector: '.dialog.modal-in'
48
48
  }), {
49
49
  // Shortcuts
50
- alert(...args) {
50
+ alert() {
51
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
52
+ args[_key] = arguments[_key];
53
+ }
54
+
51
55
  let [text, title, callbackOk] = args;
52
56
 
53
57
  if (args.length === 2 && typeof args[1] === 'function') {
@@ -67,7 +71,11 @@ export default {
67
71
  }).open();
68
72
  },
69
73
 
70
- prompt(...args) {
74
+ prompt() {
75
+ for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
76
+ args[_key2] = arguments[_key2];
77
+ }
78
+
71
79
  let [text, title, callbackOk, callbackCancel, defaultValue] = args;
72
80
 
73
81
  if (typeof args[1] === 'function') {
@@ -100,7 +108,11 @@ export default {
100
108
  }).open();
101
109
  },
102
110
 
103
- confirm(...args) {
111
+ confirm() {
112
+ for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
113
+ args[_key3] = arguments[_key3];
114
+ }
115
+
104
116
  let [text, title, callbackOk, callbackCancel] = args;
105
117
 
106
118
  if (typeof args[1] === 'function') {
@@ -125,7 +137,11 @@ export default {
125
137
  }).open();
126
138
  },
127
139
 
128
- login(...args) {
140
+ login() {
141
+ for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
142
+ args[_key4] = arguments[_key4];
143
+ }
144
+
129
145
  let [text, title, callbackOk, callbackCancel] = args;
130
146
 
131
147
  if (typeof args[1] === 'function') {
@@ -165,7 +181,11 @@ export default {
165
181
  }).open();
166
182
  },
167
183
 
168
- password(...args) {
184
+ password() {
185
+ for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
186
+ args[_key5] = arguments[_key5];
187
+ }
188
+
169
189
  let [text, title, callbackOk, callbackCancel] = args;
170
190
 
171
191
  if (typeof args[1] === 'function') {
@@ -217,7 +237,11 @@ export default {
217
237
  }).open();
218
238
  },
219
239
 
220
- progress(...args) {
240
+ progress() {
241
+ for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
242
+ args[_key6] = arguments[_key6];
243
+ }
244
+
221
245
  let [title, progress, color] = args;
222
246
 
223
247
  if (args.length === 2) {
package/components/dialog/dialog.lazy.js ADDED
@@ -0,0 +1 @@
1
+ (function framework7ComponentLoader(o,e){void 0===e&&(e=!0);var t=o.$,l=o.utils,a=o.getDevice,n=(o.getSupport,o.Class,o.Modal),s=(o.ConstructorMethods,o.ModalMethods),r=l.extend,i=l.iosPreloaderContent,d=l.mdPreloaderContent,c=l.auroraPreloaderContent;class p extends n{constructor(o,e){const l=r({title:o.params.dialog.title,text:void 0,content:"",buttons:[],verticalButtons:!1,onClick:void 0,cssClass:void 0,destroyOnClose:!1,on:{}},e);void 0===l.closeByBackdropClick&&(l.closeByBackdropClick=o.params.dialog.closeByBackdropClick),void 0===l.backdrop&&(l.backdrop=o.params.dialog.backdrop),super(o,l);const n=this,s=a(),i=getDocument(),{title:d,text:c,content:p,buttons:u,verticalButtons:g,cssClass:m,backdrop:k}=l;let f,C,y;if(n.params=l,n.params.el)f=t(n.params.el);else{const o=["dialog"];0===u.length&&o.push("dialog-no-buttons"),u.length>0&&o.push(`dialog-buttons-${u.length}`),g&&o.push("dialog-buttons-vertical"),m&&o.push(m);let e="";u.length>0&&(e=$jsx("div",{class:"dialog-buttons"},u.map((o=>$jsx("span",{class:`dialog-button${o.bold?" dialog-button-bold":""}${o.color?` color-${o.color}`:""}${o.cssClass?` ${o.cssClass}`:""}`},o.text)))));const l=$jsx("div",{class:o.join(" ")},$jsx("div",{class:"dialog-inner"},d&&$jsx("div",{class:"dialog-title"},d),c&&$jsx("div",{class:"dialog-text"},c),p),e);f=t(l)}if(f&&f.length>0&&f[0].f7Modal)return f[0].f7Modal;if(0===f.length)return n.destroy();function v(o){const e=t(this).index(),l=u[e];l.onClick&&l.onClick(n,o),n.params.onClick&&n.params.onClick(n,e),!1!==l.close&&n.close()}function b(o){const e=o.keyCode;u.forEach(((t,l)=>{t.keyCodes&&t.keyCodes.indexOf(e)>=0&&(i.activeElement&&i.activeElement.blur(),t.onClick&&t.onClick(n,o),n.params.onClick&&n.params.onClick(n,l),!1!==t.close&&n.close())}))}function h(o){const e=o.target;0===t(e).closest(n.el).length&&n.params.closeByBackdropClick&&n.backdropEl&&n.backdropEl===e&&n.close()}return k&&(C=o.$el.children(".dialog-backdrop"),0===C.length&&(C=t('<div class="dialog-backdrop"></div>'),o.$el.append(C))),u&&u.length>0&&(n.on("open",(()=>{f.find(".dialog-button").each(((o,e)=>{u[e].keyCodes&&(y=!0),t(o).on("click",v)})),!y||s.ios||s.android||s.cordova||s.capacitor||t(i).on("keydown",b)})),n.on("close",(()=>{f.find(".dialog-button").each((o=>{t(o).off("click",v)})),!y||s.ios||s.android||s.cordova||s.capacitor||t(i).off("keydown",b),y=!1}))),r(n,{app:o,$el:f,el:f[0],$backdropEl:C,backdropEl:C&&C[0],type:"dialog",setProgress:(e,t)=>(o.progressbar.set(f.find(".progressbar"),e,t),n),setText(o){let e=f.find(".dialog-text");return 0===e.length&&(e=t('<div class="dialog-text"></div>'),void 0!==d?e.insertAfter(f.find(".dialog-title")):f.find(".dialog-inner").prepend(e)),e.html(o),n.params.text=o,n},setTitle(o){let e=f.find(".dialog-title");return 0===e.length&&(e=t('<div class="dialog-title"></div>'),f.find(".dialog-inner").prepend(e)),e.html(o),n.params.title=o,n}}),n.on("opened",(()=>{n.params.closeByBackdropClick&&o.on("click",h)})),n.on("close",(()=>{n.params.closeByBackdropClick&&o.off("click",h)})),f[0].f7Modal=n,n.params.destroyOnClose&&n.once("closed",(()=>{setTimeout((()=>{n.destroy()}),0)})),n}}var u={name:"dialog",params:{dialog:{title:void 0,buttonOk:"OK",buttonCancel:"Cancel",usernamePlaceholder:"Username",passwordPlaceholder:"Password",preloaderTitle:"Loading... ",progressTitle:"Loading... ",backdrop:!0,closeByBackdropClick:!1,destroyPredefinedDialogs:!0,keyboardActions:!0,autoFocus:!0}},static:{Dialog:p},create(){const o=this;function e(){return o.params.dialog.title||o.name}const t=o.params.dialog.destroyPredefinedDialogs,l=o.params.dialog.keyboardActions,a=o.params.dialog.autoFocus?{on:{opened(o){o.$el.find("input").eq(0).focus()}}}:{};o.dialog=r(s({app:o,constructor:p,defaultSelector:".dialog.modal-in"}),{alert(){for(var a=arguments.length,n=new Array(a),s=0;s<a;s++)n[s]=arguments[s];let[r,i,d]=n;return 2===n.length&&"function"==typeof n[1]&&([r,d,i]=n),new p(o,{title:void 0===i?e():i,text:r,buttons:[{text:o.params.dialog.buttonOk,bold:!0,onClick:d,keyCodes:l?[13,27]:null}],destroyOnClose:t}).open()},prompt(){for(var n=arguments.length,s=new Array(n),r=0;r<n;r++)s[r]=arguments[r];let[i,d,c,u,g]=s;return"function"==typeof s[1]&&([i,c,u,g,d]=s),g=null==g?"":g,new p(o,{title:void 0===d?e():d,text:i,content:`<div class="dialog-input-field input"><input type="text" class="dialog-input" value="${g}"></div>`,buttons:[{text:o.params.dialog.buttonCancel,keyCodes:l?[27]:null,color:"aurora"===o.theme?"gray":null},{text:o.params.dialog.buttonOk,bold:!0,keyCodes:l?[13]:null}],onClick(o,e){const t=o.$el.find(".dialog-input").val();0===e&&u&&u(t),1===e&&c&&c(t)},destroyOnClose:t,...a}).open()},confirm(){for(var a=arguments.length,n=new Array(a),s=0;s<a;s++)n[s]=arguments[s];let[r,i,d,c]=n;return"function"==typeof n[1]&&([r,d,c,i]=n),new p(o,{title:void 0===i?e():i,text:r,buttons:[{text:o.params.dialog.buttonCancel,onClick:c,keyCodes:l?[27]:null,color:"aurora"===o.theme?"gray":null},{text:o.params.dialog.buttonOk,bold:!0,onClick:d,keyCodes:l?[13]:null}],destroyOnClose:t}).open()},login(){for(var n=arguments.length,s=new Array(n),r=0;r<n;r++)s[r]=arguments[r];let[i,d,c,u]=s;return"function"==typeof s[1]&&([i,c,u,d]=s),new p(o,{title:void 0===d?e():d,text:i,content:`\n <div class="dialog-input-field dialog-input-double input">\n <input type="text" name="dialog-username" placeholder="${o.params.dialog.usernamePlaceholder}" class="dialog-input">\n </div>\n <div class="dialog-input-field dialog-input-double input">\n <input type="password" name="dialog-password" placeholder="${o.params.dialog.passwordPlaceholder}" class="dialog-input">\n </div>`,buttons:[{text:o.params.dialog.buttonCancel,keyCodes:l?[27]:null,color:"aurora"===o.theme?"gray":null},{text:o.params.dialog.buttonOk,bold:!0,keyCodes:l?[13]:null}],onClick(o,e){const t=o.$el.find('[name="dialog-username"]').val(),l=o.$el.find('[name="dialog-password"]').val();0===e&&u&&u(t,l),1===e&&c&&c(t,l)},destroyOnClose:t,...a}).open()},password(){for(var n=arguments.length,s=new Array(n),r=0;r<n;r++)s[r]=arguments[r];let[i,d,c,u]=s;return"function"==typeof s[1]&&([i,c,u,d]=s),new p(o,{title:void 0===d?e():d,text:i,content:`\n <div class="dialog-input-field input">\n <input type="password" name="dialog-password" placeholder="${o.params.dialog.passwordPlaceholder}" class="dialog-input">\n </div>`,buttons:[{text:o.params.dialog.buttonCancel,keyCodes:l?[27]:null,color:"aurora"===o.theme?"gray":null},{text:o.params.dialog.buttonOk,bold:!0,keyCodes:l?[13]:null}],onClick(o,e){const t=o.$el.find('[name="dialog-password"]').val();0===e&&u&&u(t),1===e&&c&&c(t)},destroyOnClose:t,...a}).open()},preloader(e,l){const a={iosPreloaderContent:i,mdPreloaderContent:d,auroraPreloaderContent:c}[`${o.theme}PreloaderContent`]||"";return new p(o,{title:null==e?o.params.dialog.preloaderTitle:e,content:`<div class="preloader${l?` color-${l}`:""}">${a}</div>`,cssClass:"dialog-preloader",destroyOnClose:t}).open()},progress(){for(var e=arguments.length,l=new Array(e),a=0;a<e;a++)l[a]=arguments[a];let[n,s,r]=l;2===l.length?"number"==typeof l[0]?[s,r,n]=l:"string"==typeof l[0]&&"string"==typeof l[1]&&([n,r,s]=l):1===l.length&&"number"==typeof l[0]&&([s,n,r]=l);const i=void 0===s,d=new p(o,{title:void 0===n?o.params.dialog.progressTitle:n,cssClass:"dialog-progress",content:`\n <div class="progressbar${i?"-infinite":""}${r?` color-${r}`:""}">\n ${i?"":"<span></span>"}\n </div>\n `,destroyOnClose:t});return i||d.setProgress(s),d.open()}})}};if(e){if(o.prototype.modules&&o.prototype.modules[u.name])return;o.use(u),o.instance&&(o.instance.useModuleParams(u,o.instance.params),o.instance.useModule(u))}return u}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
package/components/fab/fab-rtl.css CHANGED
@@ -1 +1 @@
1
- :root{--f7-fab-margin:16px;--f7-fab-text-color:#fff;--f7-fab-extended-text-font-size:14px;--f7-fab-extended-text-padding:0 20px;--f7-fab-label-bg-color:#fff;--f7-fab-label-text-color:#333;--f7-fab-label-border-radius:4px;--f7-fab-label-padding:4px 12px;--f7-fab-label-font-size:inherit;--f7-fab-button-size:40px}.ios{--f7-fab-size:50px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-extended-size:50px;--f7-fab-extended-text-font-weight:600;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4)}.md{--f7-fab-size:56px;--f7-fab-box-shadow:var(--f7-elevation-6);--f7-fab-extended-size:48px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0.05em;--f7-fab-label-box-shadow:var(--f7-elevation-3)}.aurora{--f7-fab-size:56px;--f7-fab-box-shadow:var(--f7-elevation-6);--f7-fab-extended-size:48px;--f7-fab-extended-text-font-weight:600;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4)}.fab-backdrop{z-index:1400}.fab{position:absolute;z-index:1500}.fab a{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.fab-left-bottom,.fab-left-center,.fab-left-top{left:calc(var(--f7-fab-margin) + var(--f7-safe-area-left))}.fab-right-bottom,.fab-right-center,.fab-right-top{right:calc(var(--f7-fab-margin) + var(--f7-safe-area-right))}.fab-center-top,.fab-left-top,.fab-right-top{top:var(--f7-fab-margin)}.fab-center-bottom,.fab-left-bottom,.fab-right-bottom{bottom:calc(var(--f7-fab-margin) + var(--f7-safe-area-bottom))}.fab-center-bottom,.fab-center-center,.fab-center-top{left:50%;transform:translateX(-50%)}.fab-center-center,.fab-left-center,.fab-right-center{top:50%;transform:translateY(-50%)}.fab-center-center{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.fab-buttons a,.fab>a{background-color:var(--f7-fab-bg-color,var(--f7-theme-color));width:var(--f7-fab-size);height:var(--f7-fab-size);box-shadow:var(--f7-fab-box-shadow);border-radius:calc(var(--f7-fab-size)/ 2);position:relative;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1;color:var(--f7-fab-text-color)}.fab-buttons a.active-state,.fab>a.active-state{background-color:var(--f7-fab-pressed-bg-color,var(--f7-theme-color-shade))}.fab>a i{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);transition:.3s}.fab>a i+i{transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);opacity:0}.fab-buttons a{border-radius:calc(var(--f7-fab-button-size)/ 2);width:var(--f7-fab-button-size);height:var(--f7-fab-button-size)}.fab-buttons{display:flex;visibility:hidden;pointer-events:none;position:absolute}.fab-buttons a{opacity:0}.fab-opened:not(.fab-morph)>a i{transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);opacity:0}.fab-opened:not(.fab-morph)>a i+i{transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;transform:translate3d(0,0px,0) scale(1)!important}.fab-opened .fab-buttons a:nth-child(2){transition-delay:50ms}.fab-opened .fab-buttons a:nth-child(3){transition-delay:0.1s}.fab-opened .fab-buttons a:nth-child(4){transition-delay:150ms}.fab-opened .fab-buttons a:nth-child(5){transition-delay:0.2s}.fab-opened .fab-buttons a:nth-child(6){transition-delay:250ms}.fab-buttons-bottom,.fab-buttons-top{left:50%;width:var(--f7-fab-button-size);margin-left:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-top{bottom:100%;margin-bottom:16px;flex-direction:column-reverse}.fab-buttons-top a{transform:translate3d(0,8px,0) scale(.3);transform-origin:center bottom}.fab-buttons-top a+a{margin-bottom:16px}.fab-buttons-bottom{top:100%;margin-top:16px;flex-direction:column}.fab-buttons-bottom a{transform:translate3d(0,-8px,0) scale(.3);transform-origin:center top}.fab-buttons-bottom a+a{margin-top:16px}.fab-buttons-left,.fab-buttons-right{top:50%;height:var(--f7-fab-button-size);margin-top:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-left{right:100%;margin-right:16px}.fab-buttons-left a{transform:translate3d(8px,0px,0) scale(.3);transform-origin:right center}.fab-buttons-left a+a{margin-right:16px}.fab-buttons-right{left:100%;margin-left:16px;flex-direction:row-reverse}.fab-buttons-right a{transform:translate3d(-8px,0,0) scale(.3);transform-origin:left center}.fab-buttons-right a+a{margin-left:16px}.fab-buttons-center{left:0%;top:0%;width:100%;height:100%}.fab-buttons-center a{position:absolute}.fab-buttons-center a:nth-child(1){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);bottom:100%;margin-bottom:16px;transform:translateY(-8px) scale(.3);transform-origin:center bottom}.fab-buttons-center a:nth-child(2){left:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-left:16px;transform:translateX(-8px) scale(.3);transform-origin:left center}.fab-buttons-center a:nth-child(3){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);top:100%;margin-top:16px;transform:translateY(8px) scale(.3);transform-origin:center top}.fab-buttons-center a:nth-child(4){right:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-right:16px;transform:translateX(8px) scale(.3);transform-origin:right center}.fab-morph{border-radius:calc(var(--f7-fab-size)/ 2);background:var(--f7-fab-bg-color,var(--f7-theme-color));box-shadow:var(--f7-fab-box-shadow)}.fab-morph>a{box-shadow:none;background:0 0!important}.fab-opened.fab-morph>a i{opacity:0}.fab-morph,.fab-morph-target,.fab-morph>a{transition-duration:250ms}.fab-morph-target:not(.fab-morph-target-visible){display:none}.fab-extended{width:auto;min-width:var(--f7-fab-extended-size)}.fab-extended>a{width:100%;height:var(--f7-fab-extended-size)}.fab-extended>a i{left:calc(var(--f7-fab-extended-size)/ 2)}.fab-extended i~.fab-text{padding-left:var(--f7-fab-extended-size)}.fab-extended>a{width:100%!important}.fab-text{box-sizing:border-box;font-size:var(--f7-fab-extended-text-font-size);padding:var(--f7-fab-extended-text-padding);font-weight:var(--f7-fab-extended-text-font-weight);letter-spacing:var(--f7-fab-extended-text-letter-spacing);text-transform:uppercase}.fab-label-button{overflow:visible!important}.fab-label{position:absolute;top:50%;padding:var(--f7-fab-label-padding);border-radius:var(--f7-fab-label-border-radius);background:var(--f7-fab-label-bg-color);color:var(--f7-fab-label-text-color);box-shadow:var(--f7-fab-label-box-shadow);white-space:nowrap;transform:translateY(-50%);pointer-events:none;font-size:var(--f7-fab-label-font-size)}.fab-right-bottom .fab-label,.fab-right-center .fab-label,.fab-right-top .fab-label{right:100%;margin-right:8px}.fab-left-bottom .fab-label,.fab-left-center .fab-label,.fab-left-top .fab-label{left:100%;margin-left:8px}.navbars~* .fab-center-top,.navbars~* .fab-left-top,.navbars~* .fab-right-top,.navbars~.fab-center-top,.navbars~.fab-left-top,.navbars~.fab-right-top,.navbar~* .fab-center-top,.navbar~* .fab-left-top,.navbar~* .fab-right-top,.navbar~.fab-center-top,.navbar~.fab-left-top,.navbar~.fab-right-top{margin-top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .toolbar-top-ios~* .fab-center-top,.ios .toolbar-top-ios~* .fab-left-top,.ios .toolbar-top-ios~* .fab-right-top,.ios .toolbar-top-ios~.fab-center-top,.ios .toolbar-top-ios~.fab-left-top,.ios .toolbar-top-ios~.fab-right-top,.md .toolbar-top-md~* .fab-center-top,.md .toolbar-top-md~* .fab-left-top,.md .toolbar-top-md~* .fab-right-top,.md .toolbar-top-md~.fab-center-top,.md .toolbar-top-md~.fab-left-top,.md .toolbar-top-md~.fab-right-top,.toolbar-top~* .fab-center-top,.toolbar-top~* .fab-left-top,.toolbar-top~* .fab-right-top,.toolbar-top~.fab-center-top,.toolbar-top~.fab-left-top,.toolbar-top~.fab-right-top{margin-top:var(--f7-toolbar-height)}.ios .toolbar-bottom-ios~* .fab-center-bottom,.ios .toolbar-bottom-ios~* .fab-left-bottom,.ios .toolbar-bottom-ios~* .fab-right-bottom,.ios .toolbar-bottom-ios~.fab-center-bottom,.ios .toolbar-bottom-ios~.fab-left-bottom,.ios .toolbar-bottom-ios~.fab-right-bottom,.md .toolbar-bottom-md~* .fab-center-bottom,.md .toolbar-bottom-md~* .fab-left-bottom,.md .toolbar-bottom-md~* .fab-right-bottom,.md .toolbar-bottom-md~.fab-center-bottom,.md .toolbar-bottom-md~.fab-left-bottom,.md .toolbar-bottom-md~.fab-right-bottom,.toolbar-bottom~* .fab-center-bottom,.toolbar-bottom~* .fab-left-bottom,.toolbar-bottom~* .fab-right-bottom,.toolbar-bottom~.fab-center-bottom,.toolbar-bottom~.fab-left-bottom,.toolbar-bottom~.fab-right-bottom{margin-bottom:var(--f7-toolbar-height)}.ios .tabbar-labels.toolbar-bottom-ios~* .fab-center-bottom,.ios .tabbar-labels.toolbar-bottom-ios~* .fab-left-bottom,.ios .tabbar-labels.toolbar-bottom-ios~* .fab-right-bottom,.ios .tabbar-labels.toolbar-bottom-ios~.fab-center-bottom,.ios .tabbar-labels.toolbar-bottom-ios~.fab-left-bottom,.ios .tabbar-labels.toolbar-bottom-ios~.fab-right-bottom,.md .tabbar-labels.toolbar-bottom-md~* .fab-center-bottom,.md .tabbar-labels.toolbar-bottom-md~* .fab-left-bottom,.md .tabbar-labels.toolbar-bottom-md~* .fab-right-bottom,.md .tabbar-labels.toolbar-bottom-md~.fab-center-bottom,.md .tabbar-labels.toolbar-bottom-md~.fab-left-bottom,.md .tabbar-labels.toolbar-bottom-md~.fab-right-bottom,.tabbar-labels.toolbar-bottom~* .fab-center-bottom,.tabbar-labels.toolbar-bottom~* .fab-left-bottom,.tabbar-labels.toolbar-bottom~* .fab-right-bottom,.tabbar-labels.toolbar-bottom~.fab-center-bottom,.tabbar-labels.toolbar-bottom~.fab-left-bottom,.tabbar-labels.toolbar-bottom~.fab-right-bottom{margin-bottom:var(--f7-tabbar-labels-height)}.ios .tabbar-labels.toolbar-top-ios~* .fab-center-bottom,.ios .tabbar-labels.toolbar-top-ios~* .fab-left-bottom,.ios .tabbar-labels.toolbar-top-ios~* .fab-right-bottom,.ios .tabbar-labels.toolbar-top-ios~.fab-center-bottom,.ios .tabbar-labels.toolbar-top-ios~.fab-left-bottom,.ios .tabbar-labels.toolbar-top-ios~.fab-right-bottom,.md .tabbar-labels.toolbar-top-md~* .fab-center-bottom,.md .tabbar-labels.toolbar-top-md~* .fab-left-bottom,.md .tabbar-labels.toolbar-top-md~* .fab-right-bottom,.md .tabbar-labels.toolbar-top-md~.fab-center-bottom,.md .tabbar-labels.toolbar-top-md~.fab-left-bottom,.md .tabbar-labels.toolbar-top-md~.fab-right-bottom,.tabbar-labels.toolbar-top~* .fab-center-bottom,.tabbar-labels.toolbar-top~* .fab-left-bottom,.tabbar-labels.toolbar-top~* .fab-right-bottom,.tabbar-labels.toolbar-top~.fab-center-bottom,.tabbar-labels.toolbar-top~.fab-left-bottom,.tabbar-labels.toolbar-top~.fab-right-bottom{margin-top:var(--f7-tabbar-labels-height)}.messagebar~* .fab-center-bottom,.messagebar~* .fab-left-bottom,.messagebar~* .fab-right-bottom,.messagebar~.fab-center-bottom,.messagebar~.fab-left-bottom,.messagebar~.fab-right-bottom{margin-bottom:var(--f7-messagebar-height)}.ios .navbar+.toolbar-top-ios~* .fab-center-top,.ios .navbar+.toolbar-top-ios~* .fab-left-top,.ios .navbar+.toolbar-top-ios~* .fab-right-top,.ios .navbar+.toolbar-top-ios~.fab-center-top,.ios .navbar+.toolbar-top-ios~.fab-left-top,.ios .navbar+.toolbar-top-ios~.fab-right-top,.md .navbar+.toolbar-top-ios~* .fab-center-top,.md .navbar+.toolbar-top-ios~* .fab-left-top,.md .navbar+.toolbar-top-ios~* .fab-right-top,.md .navbar+.toolbar-top-ios~.fab-center-top,.md .navbar+.toolbar-top-ios~.fab-left-top,.md .navbar+.toolbar-top-ios~.fab-right-top,.navbar+.toolbar-top~* .fab-center-top,.navbar+.toolbar-top~* .fab-left-top,.navbar+.toolbar-top~* .fab-right-top,.navbar+.toolbar-top~.fab-center-top,.navbar+.toolbar-top~.fab-left-top,.navbar+.toolbar-top~.fab-right-top{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab-center-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab-left-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab-right-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab-center-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab-left-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab-right-top,.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab-center-top,.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab-left-top,.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab-right-top,.md .navbar+.toolbar-top-ios.tabbar-labels~.fab-center-top,.md .navbar+.toolbar-top-ios.tabbar-labels~.fab-left-top,.md .navbar+.toolbar-top-ios.tabbar-labels~.fab-right-top,.navbar+.toolbar-top.tabbar-labels~* .fab-center-top,.navbar+.toolbar-top.tabbar-labels~* .fab-left-top,.navbar+.toolbar-top.tabbar-labels~* .fab-right-top,.navbar+.toolbar-top.tabbar-labels~.fab-center-top,.navbar+.toolbar-top.tabbar-labels~.fab-left-top,.navbar+.toolbar-top.tabbar-labels~.fab-right-top{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbars+.toolbar-top-ios~* .fab-center-top,.ios .navbars+.toolbar-top-ios~* .fab-left-top,.ios .navbars+.toolbar-top-ios~* .fab-right-top,.ios .navbars+.toolbar-top-ios~.fab-center-top,.ios .navbars+.toolbar-top-ios~.fab-left-top,.ios .navbars+.toolbar-top-ios~.fab-right-top,.navbars+.toolbar-top~* .fab-center-top,.navbars+.toolbar-top~* .fab-left-top,.navbars+.toolbar-top~* .fab-right-top,.navbars+.toolbar-top~.fab-center-top,.navbars+.toolbar-top~.fab-left-top,.navbars+.toolbar-top~.fab-right-top{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbars+.toolbar-top-ios.tabbar-labels~* .fab-center-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~* .fab-left-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~* .fab-right-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~.fab-center-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~.fab-left-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~.fab-right-top,.navbars+.toolbar-top.tabbar-labels~* .fab-center-top,.navbars+.toolbar-top.tabbar-labels~* .fab-left-top,.navbars+.toolbar-top.tabbar-labels~* .fab-right-top,.navbars+.toolbar-top.tabbar-labels~.fab-center-top,.navbars+.toolbar-top.tabbar-labels~.fab-left-top,.navbars+.toolbar-top.tabbar-labels~.fab-right-top{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .fab-buttons a.active-state,.ios .fab>a.active-state{transition-duration:0s}
1
+ :root{--f7-fab-margin:16px;--f7-fab-text-color:#fff;--f7-fab-extended-text-font-size:14px;--f7-fab-extended-text-padding:0 20px;--f7-fab-label-bg-color:#fff;--f7-fab-label-text-color:#333;--f7-fab-label-border-radius:4px;--f7-fab-label-padding:4px 12px;--f7-fab-label-font-size:inherit;--f7-fab-button-size:40px}.ios{--f7-fab-size:50px;--f7-fab-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.4);--f7-fab-extended-size:50px;--f7-fab-extended-text-font-weight:600;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4)}.md{--f7-fab-size:56px;--f7-fab-box-shadow:var(--f7-elevation-6);--f7-fab-extended-size:48px;--f7-fab-extended-text-font-weight:500;--f7-fab-extended-text-letter-spacing:0.05em;--f7-fab-label-box-shadow:var(--f7-elevation-3)}.aurora{--f7-fab-size:56px;--f7-fab-box-shadow:var(--f7-elevation-6);--f7-fab-extended-size:48px;--f7-fab-extended-text-font-weight:600;--f7-fab-extended-text-letter-spacing:0;--f7-fab-label-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.4)}.fab-backdrop{z-index:1400}.fab{position:absolute;z-index:1500}.fab a{--f7-touch-ripple-color:var(--f7-touch-ripple-white)}.fab-left-bottom,.fab-left-center,.fab-left-top{left:calc(var(--f7-fab-margin) + var(--f7-safe-area-left))}.fab-right-bottom,.fab-right-center,.fab-right-top{right:calc(var(--f7-fab-margin) + var(--f7-safe-area-right))}.fab-center-top,.fab-left-top,.fab-right-top{top:var(--f7-fab-margin)}.fab-center-bottom,.fab-left-bottom,.fab-right-bottom{bottom:calc(var(--f7-fab-margin) + var(--f7-safe-area-bottom))}.fab-center-bottom,.fab-center-center,.fab-center-top{left:50%;transform:translateX(-50%)}.fab-center-center,.fab-left-center,.fab-right-center{top:50%;transform:translateY(-50%)}.fab-center-center{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.fab-buttons a,.fab>a{background-color:var(--f7-fab-bg-color,var(--f7-theme-color));width:var(--f7-fab-size);height:var(--f7-fab-size);box-shadow:var(--f7-fab-box-shadow);border-radius:calc(var(--f7-fab-size)/ 2);position:relative;transition-duration:.3s;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1;color:var(--f7-fab-text-color)}.fab-buttons a.active-state,.fab>a.active-state{background-color:var(--f7-fab-pressed-bg-color,var(--f7-theme-color-shade))}.fab>a i{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);transition:.3s}.fab>a i+i{transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);opacity:0}.fab-buttons a{border-radius:calc(var(--f7-fab-button-size)/ 2);width:var(--f7-fab-button-size);height:var(--f7-fab-button-size)}.fab-buttons{display:flex;visibility:hidden;pointer-events:none;position:absolute}.fab-buttons a{opacity:0}.fab-opened:not(.fab-morph)>a i{transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);opacity:0}.fab-opened:not(.fab-morph)>a i+i{transform:translate3d(-50%,-50%,0) rotate(0deg) scale(1);opacity:1}.fab-opened .fab-buttons{visibility:visible;pointer-events:auto}.fab-opened .fab-buttons a{opacity:1;transform:translate3d(0,0px,0) scale(1)!important}.fab-opened .fab-buttons a:nth-child(2){transition-delay:50ms}.fab-opened .fab-buttons a:nth-child(3){transition-delay:0.1s}.fab-opened .fab-buttons a:nth-child(4){transition-delay:150ms}.fab-opened .fab-buttons a:nth-child(5){transition-delay:0.2s}.fab-opened .fab-buttons a:nth-child(6){transition-delay:250ms}.fab-buttons-bottom,.fab-buttons-top{left:50%;width:var(--f7-fab-button-size);margin-left:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-top{bottom:100%;margin-bottom:16px;flex-direction:column-reverse}.fab-buttons-top a{transform:translate3d(0,8px,0) scale(.3);transform-origin:center bottom}.fab-buttons-top a+a{margin-bottom:16px}.fab-buttons-bottom{top:100%;margin-top:16px;flex-direction:column}.fab-buttons-bottom a{transform:translate3d(0,-8px,0) scale(.3);transform-origin:center top}.fab-buttons-bottom a+a{margin-top:16px}.fab-buttons-left,.fab-buttons-right{top:50%;height:var(--f7-fab-button-size);margin-top:calc(-1 * var(--f7-fab-button-size)/ 2)}.fab-buttons-left{right:100%;margin-right:16px}.fab-buttons-left a{transform:translate3d(8px,0px,0) scale(.3);transform-origin:right center}.fab-buttons-left a+a{margin-right:16px}.fab-buttons-right{left:100%;margin-left:16px;flex-direction:row-reverse}.fab-buttons-right a{transform:translate3d(-8px,0,0) scale(.3);transform-origin:left center}.fab-buttons-right a+a{margin-left:16px}.fab-buttons-center{left:0%;top:0%;width:100%;height:100%}.fab-buttons-center a{position:absolute}.fab-buttons-center a:first-child{left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);bottom:100%;margin-bottom:16px;transform:translateY(-8px) scale(.3);transform-origin:center bottom}.fab-buttons-center a:nth-child(2){left:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-left:16px;transform:translateX(-8px) scale(.3);transform-origin:left center}.fab-buttons-center a:nth-child(3){left:50%;margin-left:calc(-1 * var(--f7-fab-button-size)/ 2);top:100%;margin-top:16px;transform:translateY(8px) scale(.3);transform-origin:center top}.fab-buttons-center a:nth-child(4){right:100%;margin-top:calc(-1 * var(--f7-fab-button-size)/ 2);top:50%;margin-right:16px;transform:translateX(8px) scale(.3);transform-origin:right center}.fab-morph{border-radius:calc(var(--f7-fab-size)/ 2);background:var(--f7-fab-bg-color,var(--f7-theme-color));box-shadow:var(--f7-fab-box-shadow)}.fab-morph>a{box-shadow:none;background:0 0!important}.fab-opened.fab-morph>a i{opacity:0}.fab-morph,.fab-morph-target,.fab-morph>a{transition-duration:250ms}.fab-morph-target:not(.fab-morph-target-visible){display:none}.fab-extended{width:auto;min-width:var(--f7-fab-extended-size)}.fab-extended>a{width:100%;height:var(--f7-fab-extended-size)}.fab-extended>a i{left:calc(var(--f7-fab-extended-size)/ 2)}.fab-extended i~.fab-text{padding-left:var(--f7-fab-extended-size)}.fab-extended>a{width:100%!important}.fab-text{box-sizing:border-box;font-size:var(--f7-fab-extended-text-font-size);padding:var(--f7-fab-extended-text-padding);font-weight:var(--f7-fab-extended-text-font-weight);letter-spacing:var(--f7-fab-extended-text-letter-spacing);text-transform:uppercase}.fab-label-button{overflow:visible!important}.fab-label{position:absolute;top:50%;padding:var(--f7-fab-label-padding);border-radius:var(--f7-fab-label-border-radius);background:var(--f7-fab-label-bg-color);color:var(--f7-fab-label-text-color);box-shadow:var(--f7-fab-label-box-shadow);white-space:nowrap;transform:translateY(-50%);pointer-events:none;font-size:var(--f7-fab-label-font-size)}.fab-right-bottom .fab-label,.fab-right-center .fab-label,.fab-right-top .fab-label{right:100%;margin-right:8px}.fab-left-bottom .fab-label,.fab-left-center .fab-label,.fab-left-top .fab-label{left:100%;margin-left:8px}.navbars~* .fab-center-top,.navbars~* .fab-left-top,.navbars~* .fab-right-top,.navbars~.fab-center-top,.navbars~.fab-left-top,.navbars~.fab-right-top,.navbar~* .fab-center-top,.navbar~* .fab-left-top,.navbar~* .fab-right-top,.navbar~.fab-center-top,.navbar~.fab-left-top,.navbar~.fab-right-top{margin-top:calc(var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .toolbar-top-ios~* .fab-center-top,.ios .toolbar-top-ios~* .fab-left-top,.ios .toolbar-top-ios~* .fab-right-top,.ios .toolbar-top-ios~.fab-center-top,.ios .toolbar-top-ios~.fab-left-top,.ios .toolbar-top-ios~.fab-right-top,.md .toolbar-top-md~* .fab-center-top,.md .toolbar-top-md~* .fab-left-top,.md .toolbar-top-md~* .fab-right-top,.md .toolbar-top-md~.fab-center-top,.md .toolbar-top-md~.fab-left-top,.md .toolbar-top-md~.fab-right-top,.toolbar-top~* .fab-center-top,.toolbar-top~* .fab-left-top,.toolbar-top~* .fab-right-top,.toolbar-top~.fab-center-top,.toolbar-top~.fab-left-top,.toolbar-top~.fab-right-top{margin-top:var(--f7-toolbar-height)}.ios .toolbar-bottom-ios~* .fab-center-bottom,.ios .toolbar-bottom-ios~* .fab-left-bottom,.ios .toolbar-bottom-ios~* .fab-right-bottom,.ios .toolbar-bottom-ios~.fab-center-bottom,.ios .toolbar-bottom-ios~.fab-left-bottom,.ios .toolbar-bottom-ios~.fab-right-bottom,.md .toolbar-bottom-md~* .fab-center-bottom,.md .toolbar-bottom-md~* .fab-left-bottom,.md .toolbar-bottom-md~* .fab-right-bottom,.md .toolbar-bottom-md~.fab-center-bottom,.md .toolbar-bottom-md~.fab-left-bottom,.md .toolbar-bottom-md~.fab-right-bottom,.toolbar-bottom~* .fab-center-bottom,.toolbar-bottom~* .fab-left-bottom,.toolbar-bottom~* .fab-right-bottom,.toolbar-bottom~.fab-center-bottom,.toolbar-bottom~.fab-left-bottom,.toolbar-bottom~.fab-right-bottom{margin-bottom:var(--f7-toolbar-height)}.ios .tabbar-labels.toolbar-bottom-ios~* .fab-center-bottom,.ios .tabbar-labels.toolbar-bottom-ios~* .fab-left-bottom,.ios .tabbar-labels.toolbar-bottom-ios~* .fab-right-bottom,.ios .tabbar-labels.toolbar-bottom-ios~.fab-center-bottom,.ios .tabbar-labels.toolbar-bottom-ios~.fab-left-bottom,.ios .tabbar-labels.toolbar-bottom-ios~.fab-right-bottom,.md .tabbar-labels.toolbar-bottom-md~* .fab-center-bottom,.md .tabbar-labels.toolbar-bottom-md~* .fab-left-bottom,.md .tabbar-labels.toolbar-bottom-md~* .fab-right-bottom,.md .tabbar-labels.toolbar-bottom-md~.fab-center-bottom,.md .tabbar-labels.toolbar-bottom-md~.fab-left-bottom,.md .tabbar-labels.toolbar-bottom-md~.fab-right-bottom,.tabbar-labels.toolbar-bottom~* .fab-center-bottom,.tabbar-labels.toolbar-bottom~* .fab-left-bottom,.tabbar-labels.toolbar-bottom~* .fab-right-bottom,.tabbar-labels.toolbar-bottom~.fab-center-bottom,.tabbar-labels.toolbar-bottom~.fab-left-bottom,.tabbar-labels.toolbar-bottom~.fab-right-bottom{margin-bottom:var(--f7-tabbar-labels-height)}.ios .tabbar-labels.toolbar-top-ios~* .fab-center-bottom,.ios .tabbar-labels.toolbar-top-ios~* .fab-left-bottom,.ios .tabbar-labels.toolbar-top-ios~* .fab-right-bottom,.ios .tabbar-labels.toolbar-top-ios~.fab-center-bottom,.ios .tabbar-labels.toolbar-top-ios~.fab-left-bottom,.ios .tabbar-labels.toolbar-top-ios~.fab-right-bottom,.md .tabbar-labels.toolbar-top-md~* .fab-center-bottom,.md .tabbar-labels.toolbar-top-md~* .fab-left-bottom,.md .tabbar-labels.toolbar-top-md~* .fab-right-bottom,.md .tabbar-labels.toolbar-top-md~.fab-center-bottom,.md .tabbar-labels.toolbar-top-md~.fab-left-bottom,.md .tabbar-labels.toolbar-top-md~.fab-right-bottom,.tabbar-labels.toolbar-top~* .fab-center-bottom,.tabbar-labels.toolbar-top~* .fab-left-bottom,.tabbar-labels.toolbar-top~* .fab-right-bottom,.tabbar-labels.toolbar-top~.fab-center-bottom,.tabbar-labels.toolbar-top~.fab-left-bottom,.tabbar-labels.toolbar-top~.fab-right-bottom{margin-top:var(--f7-tabbar-labels-height)}.messagebar~* .fab-center-bottom,.messagebar~* .fab-left-bottom,.messagebar~* .fab-right-bottom,.messagebar~.fab-center-bottom,.messagebar~.fab-left-bottom,.messagebar~.fab-right-bottom{margin-bottom:var(--f7-messagebar-height)}.ios .navbar+.toolbar-top-ios~* .fab-center-top,.ios .navbar+.toolbar-top-ios~* .fab-left-top,.ios .navbar+.toolbar-top-ios~* .fab-right-top,.ios .navbar+.toolbar-top-ios~.fab-center-top,.ios .navbar+.toolbar-top-ios~.fab-left-top,.ios .navbar+.toolbar-top-ios~.fab-right-top,.md .navbar+.toolbar-top-ios~* .fab-center-top,.md .navbar+.toolbar-top-ios~* .fab-left-top,.md .navbar+.toolbar-top-ios~* .fab-right-top,.md .navbar+.toolbar-top-ios~.fab-center-top,.md .navbar+.toolbar-top-ios~.fab-left-top,.md .navbar+.toolbar-top-ios~.fab-right-top,.navbar+.toolbar-top~* .fab-center-top,.navbar+.toolbar-top~* .fab-left-top,.navbar+.toolbar-top~* .fab-right-top,.navbar+.toolbar-top~.fab-center-top,.navbar+.toolbar-top~.fab-left-top,.navbar+.toolbar-top~.fab-right-top{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab-center-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab-left-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~* .fab-right-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab-center-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab-left-top,.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab-right-top,.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab-center-top,.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab-left-top,.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab-right-top,.md .navbar+.toolbar-top-ios.tabbar-labels~.fab-center-top,.md .navbar+.toolbar-top-ios.tabbar-labels~.fab-left-top,.md .navbar+.toolbar-top-ios.tabbar-labels~.fab-right-top,.navbar+.toolbar-top.tabbar-labels~* .fab-center-top,.navbar+.toolbar-top.tabbar-labels~* .fab-left-top,.navbar+.toolbar-top.tabbar-labels~* .fab-right-top,.navbar+.toolbar-top.tabbar-labels~.fab-center-top,.navbar+.toolbar-top.tabbar-labels~.fab-left-top,.navbar+.toolbar-top.tabbar-labels~.fab-right-top{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbars+.toolbar-top-ios~* .fab-center-top,.ios .navbars+.toolbar-top-ios~* .fab-left-top,.ios .navbars+.toolbar-top-ios~* .fab-right-top,.ios .navbars+.toolbar-top-ios~.fab-center-top,.ios .navbars+.toolbar-top-ios~.fab-left-top,.ios .navbars+.toolbar-top-ios~.fab-right-top,.navbars+.toolbar-top~* .fab-center-top,.navbars+.toolbar-top~* .fab-left-top,.navbars+.toolbar-top~* .fab-right-top,.navbars+.toolbar-top~.fab-center-top,.navbars+.toolbar-top~.fab-left-top,.navbars+.toolbar-top~.fab-right-top{margin-top:calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .navbars+.toolbar-top-ios.tabbar-labels~* .fab-center-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~* .fab-left-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~* .fab-right-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~.fab-center-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~.fab-left-top,.ios .navbars+.toolbar-top-ios.tabbar-labels~.fab-right-top,.navbars+.toolbar-top.tabbar-labels~* .fab-center-top,.navbars+.toolbar-top.tabbar-labels~* .fab-left-top,.navbars+.toolbar-top.tabbar-labels~* .fab-right-top,.navbars+.toolbar-top.tabbar-labels~.fab-center-top,.navbars+.toolbar-top.tabbar-labels~.fab-left-top,.navbars+.toolbar-top.tabbar-labels~.fab-right-top{margin-top:calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top))}.ios .fab-buttons a.active-state,.ios .fab>a.active-state{transition-duration:0s}