framework7 7.0.8 → 8.0.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/accordion/accordion.js +2 -16
- package/components/accordion/accordion.less +0 -3
- package/components/actions/actions-class.js +13 -58
- package/components/actions/actions-ios.less +42 -0
- package/components/actions/actions-md.less +12 -0
- package/components/actions/actions-rtl.css +1 -1
- package/components/actions/actions-vars.less +17 -42
- package/components/actions/actions.css +1 -1
- package/components/actions/actions.d.ts +2 -2
- package/components/actions/actions.js +0 -4
- package/components/actions/actions.lazy.js +1 -1
- package/components/actions/actions.less +5 -35
- package/components/app/app-class.d.ts +14 -12
- package/components/app/app-class.js +93 -75
- package/components/app/app-ios.less +0 -2
- package/components/app/app-md.less +0 -2
- package/components/app/app-vars.less +13 -96
- package/components/app/app.less +1 -4
- package/components/app/load-module.js +17 -36
- package/components/area-chart/area-chart-class.js +8 -64
- package/components/area-chart/area-chart.js +0 -3
- package/components/area-chart/area-chart.less +0 -3
- package/components/autocomplete/autocomplete-class.js +30 -175
- package/components/autocomplete/autocomplete-ios.less +0 -8
- package/components/autocomplete/autocomplete-rtl.css +1 -1
- package/components/autocomplete/autocomplete-vars.less +8 -22
- package/components/autocomplete/autocomplete.css +1 -1
- package/components/autocomplete/autocomplete.d.ts +1 -3
- package/components/autocomplete/autocomplete.js +1 -6
- package/components/autocomplete/autocomplete.lazy.js +1 -1
- package/components/autocomplete/autocomplete.less +6 -18
- package/components/badge/badge-vars.less +3 -6
- package/components/badge/badge.less +1 -3
- package/components/block/block-vars.less +25 -52
- package/components/block/block.less +37 -12
- package/components/breadcrumbs/breadcrumbs-rtl.css +1 -1
- package/components/breadcrumbs/breadcrumbs-vars.less +31 -15
- package/components/breadcrumbs/breadcrumbs.css +1 -1
- package/components/breadcrumbs/breadcrumbs.js +0 -2
- package/components/breadcrumbs/breadcrumbs.less +4 -10
- package/components/button/button-vars.less +42 -43
- package/components/button/button.less +24 -26
- package/components/calendar/calendar-class.js +81 -401
- package/components/calendar/calendar-rtl.css +1 -1
- package/components/calendar/calendar-vars.less +32 -46
- package/components/calendar/calendar.css +1 -1
- package/components/calendar/calendar.js +6 -4
- package/components/calendar/calendar.lazy.js +1 -1
- package/components/calendar/calendar.less +10 -21
- package/components/card/card-rtl.css +1 -1
- package/components/card/card-vars.less +41 -44
- package/components/card/card.css +1 -1
- package/components/card/card.js +0 -108
- package/components/card/card.less +18 -24
- package/components/checkbox/checkbox-rtl.css +1 -1
- package/components/checkbox/checkbox-vars.less +0 -8
- package/components/checkbox/checkbox.css +1 -1
- package/components/checkbox/checkbox.less +10 -3
- package/components/chip/chip-ios.less +3 -0
- package/components/chip/chip-md.less +4 -3
- package/components/chip/chip-rtl.css +1 -1
- package/components/chip/chip-vars.less +17 -20
- package/components/chip/chip.css +1 -1
- package/components/chip/chip.less +16 -21
- package/components/color-picker/color-picker-class.js +27 -158
- package/components/color-picker/color-picker-rtl.css +1 -1
- package/components/color-picker/color-picker.css +1 -1
- package/components/color-picker/color-picker.js +0 -4
- package/components/color-picker/color-picker.lazy.js +1 -1
- package/components/color-picker/color-picker.less +18 -8
- package/components/color-picker/modules/alpha-slider.js +0 -12
- package/components/color-picker/modules/brightness-slider.js +0 -8
- package/components/color-picker/modules/current-color.js +0 -2
- package/components/color-picker/modules/hex.js +0 -12
- package/components/color-picker/modules/hs-spectrum.js +0 -20
- package/components/color-picker/modules/hsb-sliders.js +0 -18
- package/components/color-picker/modules/hue-slider.js +0 -7
- package/components/color-picker/modules/initial-current-colors.js +0 -7
- package/components/color-picker/modules/palette.js +2 -10
- package/components/color-picker/modules/rgb-bars.js +0 -17
- package/components/color-picker/modules/rgb-sliders.js +0 -17
- package/components/color-picker/modules/sb-spectrum.js +0 -20
- package/components/color-picker/modules/wheel.js +0 -28
- package/components/contacts-list/contacts-list-md.less +4 -3
- package/components/contacts-list/contacts-list-rtl.css +1 -1
- package/components/contacts-list/contacts-list-vars.less +3 -15
- package/components/contacts-list/contacts-list.css +1 -1
- package/components/contacts-list/contacts-list.less +0 -3
- package/components/data-table/data-table-class.js +10 -32
- package/components/data-table/data-table-rtl.css +1 -1
- package/components/data-table/data-table-vars.less +6 -39
- package/components/data-table/data-table.css +1 -1
- package/components/data-table/data-table.js +0 -8
- package/components/data-table/data-table.less +0 -3
- package/components/dialog/dialog-class.js +7 -41
- package/components/dialog/dialog-ios.less +0 -3
- package/components/dialog/dialog-md.less +9 -9
- package/components/dialog/dialog-rtl.css +1 -1
- package/components/dialog/dialog-vars.less +25 -70
- package/components/dialog/dialog.css +1 -1
- package/components/dialog/dialog.d.ts +2 -2
- package/components/dialog/dialog.js +12 -48
- package/components/dialog/dialog.lazy.js +1 -1
- package/components/dialog/dialog.less +8 -4
- package/components/fab/fab-rtl.css +1 -1
- package/components/fab/fab-vars.less +20 -14
- package/components/fab/fab.css +1 -1
- package/components/fab/fab.js +0 -21
- package/components/fab/fab.less +50 -53
- package/components/form/form.d.ts +4 -4
- package/components/form/form.js +58 -94
- package/components/form/form.lazy.js +1 -1
- package/components/form/form.less +0 -3
- package/components/gauge/gauge-class.js +4 -20
- package/components/gauge/gauge.js +0 -9
- package/components/gauge/gauge.less +0 -3
- package/components/grid/grid-rtl.css +1 -1
- package/components/grid/grid-vars.less +0 -7
- package/components/grid/grid.css +1 -1
- package/components/grid/grid.d.ts +2 -8
- package/components/grid/grid.js +1 -225
- package/components/grid/grid.lazy.js +1 -1
- package/components/grid/grid.less +54 -184
- package/components/icon/icon.less +0 -3
- package/components/infinite-scroll/infinite-scroll-rtl.css +1 -1
- package/components/infinite-scroll/infinite-scroll.css +1 -1
- package/components/infinite-scroll/infinite-scroll.js +0 -16
- package/components/infinite-scroll/infinite-scroll.less +0 -3
- package/components/input/input-ios.less +49 -41
- package/components/input/input-md.less +87 -19
- package/components/input/input-rtl.css +1 -1
- package/components/input/input-vars.less +26 -60
- package/components/input/input.css +1 -1
- package/components/input/input.js +8 -67
- package/components/input/input.less +67 -153
- package/components/link/link-vars.less +0 -5
- package/components/link/link.less +3 -3
- package/components/list/list-md.less +0 -7
- package/components/list/list-vars.less +59 -108
- package/components/list/list.less +122 -90
- package/components/list-index/list-index-class.js +12 -69
- package/components/list-index/list-index-rtl.css +1 -1
- package/components/list-index/list-index-vars.less +0 -7
- package/components/list-index/list-index.css +1 -1
- package/components/list-index/list-index.d.ts +1 -3
- package/components/list-index/list-index.js +0 -8
- package/components/list-index/list-index.lazy.js +1 -1
- package/components/list-index/list-index.less +4 -7
- package/components/login-screen/login-screen-class.js +4 -9
- package/components/login-screen/login-screen-rtl.css +1 -1
- package/components/login-screen/login-screen-vars.less +13 -12
- package/components/login-screen/login-screen.css +1 -1
- package/components/login-screen/login-screen.js +0 -4
- package/components/login-screen/login-screen.less +2 -8
- package/components/messagebar/messagebar-class.js +18 -79
- package/components/messagebar/messagebar-ios.less +36 -0
- package/components/messagebar/messagebar-md.less +96 -16
- package/components/messagebar/messagebar-rtl.css +1 -1
- package/components/messagebar/messagebar-vars.less +27 -50
- package/components/messagebar/messagebar.css +1 -1
- package/components/messagebar/messagebar.js +0 -8
- package/components/messagebar/messagebar.less +11 -42
- package/components/messages/messages-class.js +17 -110
- package/components/messages/messages-ios.less +9 -0
- package/components/messages/messages-md.less +63 -28
- package/components/messages/messages-rtl.css +1 -1
- package/components/messages/messages-vars.less +43 -50
- package/components/messages/messages.css +1 -1
- package/components/messages/messages.js +0 -8
- package/components/messages/messages.lazy.js +1 -1
- package/components/messages/messages.less +0 -11
- package/components/modal/custom-modal-class.js +4 -14
- package/components/modal/modal-class.js +19 -55
- package/components/modal/modal.js +0 -3
- package/components/navbar/navbar-ios.less +3 -39
- package/components/navbar/navbar-md.less +12 -0
- package/components/navbar/navbar-vars.less +20 -49
- package/components/navbar/navbar.d.ts +0 -2
- package/components/navbar/navbar.js +37 -166
- package/components/navbar/navbar.less +4 -26
- package/components/notification/notification-class.js +4 -39
- package/components/notification/notification-md.less +18 -8
- package/components/notification/notification-rtl.css +1 -1
- package/components/notification/notification-vars.less +15 -54
- package/components/notification/notification.css +1 -1
- package/components/notification/notification.js +0 -2
- package/components/notification/notification.lazy.js +1 -1
- package/components/notification/notification.less +0 -3
- package/components/page/page-md.less +40 -10
- package/components/page/page-transitions/circle.less +15 -9
- package/components/page/page-transitions/fade.less +17 -11
- package/components/page/page-transitions/flip.less +9 -4
- package/components/page/page-vars.less +3 -19
- package/components/page/page.less +2 -10
- package/components/panel/panel-class.js +23 -127
- package/components/panel/panel-md.less +9 -0
- package/components/panel/panel-rtl.css +1 -1
- package/components/panel/panel-vars.less +7 -21
- package/components/panel/panel.css +1 -1
- package/components/panel/panel.d.ts +2 -2
- package/components/panel/panel.js +0 -34
- package/components/panel/panel.lazy.js +1 -1
- package/components/panel/panel.less +56 -48
- package/components/panel/resizable-panel.js +2 -32
- package/components/panel/swipe-panel.js +16 -71
- package/components/photo-browser/photo-browser-class.js +41 -171
- package/components/photo-browser/photo-browser-rtl.css +1 -1
- package/components/photo-browser/photo-browser-vars.less +0 -3
- package/components/photo-browser/photo-browser.css +1 -1
- package/components/photo-browser/photo-browser.d.ts +2 -4
- package/components/photo-browser/photo-browser.js +1 -6
- package/components/photo-browser/photo-browser.lazy.js +1 -1
- package/components/photo-browser/photo-browser.less +0 -4
- package/components/picker/picker-class.js +26 -133
- package/components/picker/picker-column.js +11 -31
- package/components/picker/picker-ios.less +10 -0
- package/components/picker/picker-md.less +6 -0
- package/components/picker/picker-rtl.css +1 -1
- package/components/picker/picker-vars.less +9 -25
- package/components/picker/picker.css +1 -1
- package/components/picker/picker.js +0 -4
- package/components/picker/picker.lazy.js +1 -1
- package/components/picker/picker.less +0 -11
- package/components/pie-chart/pie-chart-class.js +8 -31
- package/components/pie-chart/pie-chart.js +0 -3
- package/components/pie-chart/pie-chart.less +0 -3
- package/components/popover/popover-class.js +72 -126
- package/components/popover/popover-ios.less +0 -50
- package/components/popover/popover-rtl.css +1 -1
- package/components/popover/popover-vars.less +6 -23
- package/components/popover/popover.css +1 -1
- package/components/popover/popover.d.ts +2 -0
- package/components/popover/popover.js +1 -12
- package/components/popover/popover.lazy.js +1 -1
- package/components/popover/popover.less +62 -5
- package/components/popup/popup-class.js +12 -78
- package/components/popup/popup-rtl.css +1 -1
- package/components/popup/popup-vars.less +7 -9
- package/components/popup/popup.css +1 -1
- package/components/popup/popup.js +0 -4
- package/components/popup/popup.lazy.js +1 -1
- package/components/popup/popup.less +4 -4
- package/components/preloader/preloader-ios.less +3 -1
- package/components/preloader/preloader-md.less +5 -1
- package/components/preloader/preloader-rtl.css +1 -1
- package/components/preloader/preloader-vars.less +0 -6
- package/components/preloader/preloader.css +1 -1
- package/components/preloader/preloader.js +8 -25
- package/components/preloader/preloader.lazy.js +1 -1
- package/components/preloader/preloader.less +6 -3
- package/components/progressbar/progressbar-rtl.css +1 -1
- package/components/progressbar/progressbar-vars.less +2 -12
- package/components/progressbar/progressbar.css +1 -1
- package/components/progressbar/progressbar.js +2 -31
- package/components/progressbar/progressbar.less +0 -3
- package/components/pull-to-refresh/pull-to-refresh-class.js +15 -107
- package/components/pull-to-refresh/pull-to-refresh-md.less +2 -1
- package/components/pull-to-refresh/pull-to-refresh-rtl.css +1 -1
- package/components/pull-to-refresh/pull-to-refresh-vars.less +0 -4
- package/components/pull-to-refresh/pull-to-refresh.css +1 -1
- package/components/pull-to-refresh/pull-to-refresh.js +0 -8
- package/components/pull-to-refresh/pull-to-refresh.lazy.js +1 -1
- package/components/pull-to-refresh/pull-to-refresh.less +0 -3
- package/components/radio/radio-rtl.css +1 -1
- package/components/radio/radio-vars.less +0 -7
- package/components/radio/radio.css +1 -1
- package/components/radio/radio.less +12 -5
- package/components/range/range-class.js +27 -112
- package/components/range/range-rtl.css +1 -1
- package/components/range/range-vars.less +10 -32
- package/components/range/range.css +1 -1
- package/components/range/range.js +0 -12
- package/components/range/range.less +0 -3
- package/components/searchbar/remove-diacritics.js +0 -4
- package/components/searchbar/searchbar-class.js +17 -138
- package/components/searchbar/searchbar-md.less +41 -16
- package/components/searchbar/searchbar-rtl.css +1 -1
- package/components/searchbar/searchbar-vars.less +25 -76
- package/components/searchbar/searchbar.css +1 -1
- package/components/searchbar/searchbar.d.ts +2 -2
- package/components/searchbar/searchbar.js +0 -15
- package/components/searchbar/searchbar.lazy.js +1 -1
- package/components/searchbar/searchbar.less +14 -28
- package/components/sheet/sheet-class.js +15 -110
- package/components/sheet/sheet-rtl.css +1 -1
- package/components/sheet/sheet-vars.less +17 -6
- package/components/sheet/sheet.css +1 -1
- package/components/sheet/sheet.js +0 -9
- package/components/sheet/sheet.lazy.js +1 -1
- package/components/sheet/sheet.less +10 -3
- package/components/skeleton/skeleton.less +1 -4
- package/components/smart-select/smart-select-class.js +36 -173
- package/components/smart-select/smart-select.d.ts +1 -3
- package/components/smart-select/smart-select.js +1 -14
- package/components/smart-select/smart-select.lazy.js +1 -1
- package/components/smart-select/smart-select.less +0 -3
- package/components/sortable/sortable-rtl.css +1 -1
- package/components/sortable/sortable-vars.less +8 -8
- package/components/sortable/sortable.css +1 -1
- package/components/sortable/sortable.js +0 -44
- package/components/sortable/sortable.less +0 -3
- package/components/statusbar/statusbar.js +0 -36
- package/components/statusbar/statusbar.less +0 -3
- package/components/stepper/stepper-class.js +10 -83
- package/components/stepper/stepper-rtl.css +1 -1
- package/components/stepper/stepper-vars.less +12 -24
- package/components/stepper/stepper.css +1 -1
- package/components/stepper/stepper.js +0 -12
- package/components/stepper/stepper.less +12 -23
- package/components/subnavbar/subnavbar-vars.less +3 -18
- package/components/subnavbar/subnavbar.js +0 -3
- package/components/subnavbar/subnavbar.less +1 -11
- package/components/swipeout/swipeout-rtl.css +1 -1
- package/components/swipeout/swipeout-vars.less +7 -6
- package/components/swipeout/swipeout.css +1 -1
- package/components/swipeout/swipeout.js +2 -99
- package/components/swipeout/swipeout.less +2 -7
- package/components/swiper/swiper-rtl.css +1 -1
- package/components/swiper/swiper.css +1 -1
- package/components/swiper/swiper.js +9 -30
- package/components/swiper/swiper.lazy.js +1 -1
- package/components/swiper/swiper.less +1 -16
- package/components/tabs/tabs-rtl.css +1 -1
- package/components/tabs/tabs.css +1 -1
- package/components/tabs/tabs.js +23 -60
- package/components/tabs/tabs.lazy.js +1 -1
- package/components/tabs/tabs.less +1 -3
- package/components/text-editor/text-editor-class.js +16 -102
- package/components/text-editor/text-editor-rtl.css +1 -1
- package/components/text-editor/text-editor-vars.less +12 -16
- package/components/text-editor/text-editor.css +1 -1
- package/components/text-editor/text-editor.js +0 -8
- package/components/text-editor/text-editor.lazy.js +1 -1
- package/components/text-editor/text-editor.less +0 -6
- package/components/timeline/timeline-rtl.css +1 -1
- package/components/timeline/timeline-vars.less +13 -47
- package/components/timeline/timeline.css +1 -1
- package/components/timeline/timeline.less +2 -9
- package/components/toast/toast-class.js +2 -16
- package/components/toast/toast-rtl.css +1 -1
- package/components/toast/toast-vars.less +5 -9
- package/components/toast/toast.css +1 -1
- package/components/toast/toast.js +0 -3
- package/components/toast/toast.less +0 -3
- package/components/toggle/toggle-class.js +6 -30
- package/components/toggle/toggle-ios.less +5 -1
- package/components/toggle/toggle-md.less +27 -11
- package/components/toggle/toggle-rtl.css +1 -1
- package/components/toggle/toggle-vars.less +19 -21
- package/components/toggle/toggle.css +1 -1
- package/components/toggle/toggle.js +0 -8
- package/components/toggle/toggle.less +0 -4
- package/components/toolbar/toolbar-ios.less +2 -2
- package/components/toolbar/toolbar-md.less +28 -4
- package/components/toolbar/toolbar-vars.less +17 -52
- package/components/toolbar/toolbar.js +5 -43
- package/components/toolbar/toolbar.less +27 -45
- package/components/tooltip/tooltip-class.js +10 -64
- package/components/tooltip/tooltip-rtl.css +1 -1
- package/components/tooltip/tooltip-vars.less +12 -3
- package/components/tooltip/tooltip.css +1 -1
- package/components/tooltip/tooltip.js +0 -15
- package/components/tooltip/tooltip.less +0 -3
- package/components/touch-ripple/touch-ripple-class.js +0 -13
- package/components/touch-ripple/touch-ripple.js +0 -4
- package/components/touch-ripple/touch-ripple.less +1 -5
- package/components/treeview/treeview-rtl.css +1 -1
- package/components/treeview/treeview-vars.less +0 -3
- package/components/treeview/treeview.css +1 -1
- package/components/treeview/treeview.js +2 -11
- package/components/treeview/treeview.lazy.js +1 -1
- package/components/treeview/treeview.less +0 -3
- package/components/typography/typography-rtl.css +1 -1
- package/components/typography/typography.css +1 -1
- package/components/typography/typography.less +25 -3
- package/components/view/resizable-view.js +2 -24
- package/components/view/view-class.js +28 -53
- package/components/view/view.d.ts +0 -14
- package/components/view/view.js +8 -32
- package/components/view/view.less +1 -4
- package/components/virtual-list/virtual-list-class.js +58 -146
- package/components/virtual-list/virtual-list.d.ts +1 -1
- package/components/virtual-list/virtual-list.js +0 -2
- package/components/virtual-list/virtual-list.lazy.js +1 -1
- package/components/virtual-list/virtual-list.less +0 -3
- package/framework7-bundle-rtl.css +3593 -5977
- package/framework7-bundle-rtl.min.css +3 -3
- package/framework7-bundle.css +3591 -5978
- package/framework7-bundle.esm.js +4 -10
- package/framework7-bundle.js +6063 -12044
- package/framework7-bundle.js.map +1 -1
- package/framework7-bundle.less +2 -27
- package/framework7-bundle.min.css +3 -3
- package/framework7-bundle.min.js +3 -3
- package/framework7-bundle.min.js.map +1 -1
- package/framework7-lite-bundle.esm.js +4 -10
- package/framework7-lite.esm.js +4 -6
- package/framework7-lite.js +31 -0
- package/framework7-rtl.css +803 -1591
- package/framework7-rtl.min.css +3 -3
- package/framework7-types.d.ts +1 -32
- package/framework7.css +803 -1594
- package/framework7.d.ts +1 -32
- package/framework7.esm.js +4 -6
- package/framework7.js +1770 -3407
- package/framework7.js.map +1 -1
- package/framework7.less +2 -23
- package/framework7.min.css +3 -3
- package/framework7.min.js +3 -3
- package/framework7.min.js.map +1 -1
- package/less/mixins.less +7 -88
- package/less/plugin.js +15 -0
- package/modules/clicks/clicks.js +10 -22
- package/modules/component/$h.js +0 -3
- package/modules/component/$jsx.js +0 -5
- package/modules/component/component-class.js +13 -66
- package/modules/component/component.d.ts +1 -2
- package/modules/component/component.js +0 -8
- package/modules/component/eventslisteners.js +12 -20
- package/modules/component/parse-component.js +18 -20
- package/modules/component/snabbdom/h.js +3 -12
- package/modules/component/snabbdom/helpers/attachto.js +9 -14
- package/modules/component/snabbdom/htmldomapi.js +0 -16
- package/modules/component/snabbdom/modules/attributes.js +7 -11
- package/modules/component/snabbdom/modules/class.js +4 -8
- package/modules/component/snabbdom/modules/dataset.js +3 -7
- package/modules/component/snabbdom/modules/eventlisteners.js +16 -22
- package/modules/component/snabbdom/modules/hero.js +4 -44
- package/modules/component/snabbdom/modules/props.js +5 -9
- package/modules/component/snabbdom/modules/style.js +13 -30
- package/modules/component/snabbdom/snabbdom.bundle.js +0 -6
- package/modules/component/snabbdom/snabbdom.js +13 -72
- package/modules/component/snabbdom/thunk.js +3 -11
- package/modules/component/snabbdom/tovnode.js +1 -6
- package/modules/component/vdom.js +4 -62
- package/modules/demo-module.js +0 -8
- package/modules/device/device.js +6 -11
- package/modules/history/history.js +0 -1
- package/modules/resize/resize.js +8 -11
- package/modules/router/async-component.js +0 -3
- package/modules/router/back.js +86 -275
- package/modules/router/clear-previous-history.js +5 -18
- package/modules/router/component-loader.js +4 -25
- package/modules/router/modal.js +16 -43
- package/modules/router/navigate.js +80 -249
- package/modules/router/process-route-queue.js +0 -12
- package/modules/router/redirect.js +0 -8
- package/modules/router/router-class.js +92 -315
- package/modules/router/router.d.ts +3 -5
- package/modules/router/router.js +0 -3
- package/modules/router/swipe-back.js +35 -139
- package/modules/router/tab.js +14 -43
- package/modules/service-worker/service-worker.js +0 -11
- package/modules/store/create-store.js +10 -29
- package/modules/touch/touch.d.ts +2 -4
- package/modules/touch/touch.js +13 -108
- package/package.json +4 -18
- package/shared/$jsx.js +0 -6
- package/shared/class.js +18 -43
- package/shared/constructor-methods.js +0 -11
- package/shared/events-class.js +0 -17
- package/shared/get-device.js +18 -34
- package/shared/get-support.js +2 -8
- package/shared/history.js +2 -30
- package/shared/material-color-utils.js +728 -0
- package/shared/material-colors.js +75 -0
- package/shared/modal-methods.js +0 -18
- package/shared/utils.d.ts +0 -4
- package/shared/utils.js +191 -71
- package/components/accordion/accordion-aurora.less +0 -2
- package/components/actions/actions-aurora.less +0 -9
- package/components/app/app-aurora.less +0 -10
- package/components/appbar/appbar-aurora.less +0 -2
- package/components/appbar/appbar-ios.less +0 -2
- package/components/appbar/appbar-md.less +0 -2
- package/components/appbar/appbar-rtl.css +0 -1
- package/components/appbar/appbar-vars.less +0 -28
- package/components/appbar/appbar.css +0 -1
- package/components/appbar/appbar.d.ts +0 -14
- package/components/appbar/appbar.js +0 -3
- package/components/appbar/appbar.lazy.js +0 -1
- package/components/appbar/appbar.less +0 -106
- package/components/area-chart/area-chart-aurora.less +0 -2
- package/components/autocomplete/autocomplete-aurora.less +0 -17
- package/components/badge/badge-aurora.less +0 -2
- package/components/block/block-aurora.less +0 -2
- package/components/breadcrumbs/breadcrumbs-aurora.less +0 -2
- package/components/button/button-aurora.less +0 -25
- package/components/calendar/calendar-aurora.less +0 -2
- package/components/card/card-aurora.less +0 -2
- package/components/checkbox/checkbox-aurora.less +0 -39
- package/components/chip/chip-aurora.less +0 -14
- package/components/color-picker/color-picker-aurora.less +0 -2
- package/components/contacts-list/contacts-list-aurora.less +0 -2
- package/components/data-table/data-table-aurora.less +0 -64
- package/components/dialog/dialog-aurora.less +0 -112
- package/components/elevation/elevation-aurora.less +0 -2
- package/components/elevation/elevation-ios.less +0 -2
- package/components/elevation/elevation-md.less +0 -2
- package/components/elevation/elevation-rtl.css +0 -1
- package/components/elevation/elevation-vars.less +0 -51
- package/components/elevation/elevation.css +0 -1
- package/components/elevation/elevation.d.ts +0 -14
- package/components/elevation/elevation.js +0 -3
- package/components/elevation/elevation.lazy.js +0 -1
- package/components/elevation/elevation.less +0 -54
- package/components/fab/fab-aurora.less +0 -2
- package/components/form/form-aurora.less +0 -0
- package/components/gauge/gauge-aurora.less +0 -2
- package/components/grid/grid-aurora.less +0 -2
- package/components/icon/icon-aurora.less +0 -49
- package/components/infinite-scroll/infinite-scroll-aurora.less +0 -6
- package/components/input/input-aurora.less +0 -120
- package/components/lazy/lazy-aurora.less +0 -2
- package/components/lazy/lazy-ios.less +0 -2
- package/components/lazy/lazy-md.less +0 -2
- package/components/lazy/lazy-rtl.css +0 -1
- package/components/lazy/lazy.css +0 -1
- package/components/lazy/lazy.d.ts +0 -57
- package/components/lazy/lazy.js +0 -283
- package/components/lazy/lazy.lazy.js +0 -1
- package/components/lazy/lazy.less +0 -23
- package/components/link/link-aurora.less +0 -15
- package/components/list/list-aurora.less +0 -25
- package/components/list-index/list-index-aurora.less +0 -21
- package/components/login-screen/login-screen-aurora.less +0 -2
- package/components/menu/menu-aurora.less +0 -8
- package/components/menu/menu-ios.less +0 -2
- package/components/menu/menu-md.less +0 -2
- package/components/menu/menu-rtl.css +0 -1
- package/components/menu/menu-vars.less +0 -27
- package/components/menu/menu.css +0 -1
- package/components/menu/menu.d.ts +0 -32
- package/components/menu/menu.js +0 -87
- package/components/menu/menu.lazy.js +0 -1
- package/components/menu/menu.less +0 -232
- package/components/messagebar/messagebar-aurora.less +0 -53
- package/components/messages/messages-aurora.less +0 -137
- package/components/navbar/navbar-aurora.less +0 -70
- package/components/notification/notification-aurora.less +0 -59
- package/components/page/page-aurora.less +0 -49
- package/components/panel/panel-aurora.less +0 -2
- package/components/photo-browser/photo-browser-aurora.less +0 -2
- package/components/picker/picker-aurora.less +0 -2
- package/components/pie-chart/pie-chart-aurora.less +0 -2
- package/components/popover/popover-aurora.less +0 -56
- package/components/popup/popup-aurora.less +0 -2
- package/components/preloader/preloader-aurora.less +0 -53
- package/components/progressbar/progressbar-aurora.less +0 -72
- package/components/pull-to-refresh/pull-to-refresh-aurora.less +0 -122
- package/components/radio/radio-aurora.less +0 -86
- package/components/range/range-aurora.less +0 -9
- package/components/searchbar/searchbar-aurora.less +0 -86
- package/components/sheet/sheet-aurora.less +0 -2
- package/components/skeleton/skeleton-aurora.less +0 -2
- package/components/smart-select/smart-select-aurora.less +0 -2
- package/components/sortable/sortable-aurora.less +0 -7
- package/components/statusbar/statusbar-aurora.less +0 -2
- package/components/stepper/stepper-aurora.less +0 -32
- package/components/subnavbar/subnavbar-aurora.less +0 -51
- package/components/swipeout/swipeout-aurora.less +0 -2
- package/components/swiper/swiper-aurora.less +0 -2
- package/components/tabs/tabs-aurora.less +0 -2
- package/components/text-editor/text-editor-aurora.less +0 -9
- package/components/timeline/timeline-aurora.less +0 -7
- package/components/toast/toast-aurora.less +0 -64
- package/components/toggle/toggle-aurora.less +0 -26
- package/components/toolbar/toolbar-aurora.less +0 -43
- package/components/tooltip/tooltip-aurora.less +0 -2
- package/components/touch-ripple/touch-ripple-aurora.less +0 -2
- package/components/treeview/treeview-aurora.less +0 -31
- package/components/typography/typography-aurora.less +0 -2
- package/components/view/view-aurora.less +0 -2
- package/components/virtual-list/virtual-list-aurora.less +0 -2
- package/modules/request/request.d.ts +0 -15
- package/modules/request/request.js +0 -11
- package/postinstall.js +0 -3
- package/shared/request.d.ts +0 -115
- package/shared/request.js +0 -512
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
/* === Elevation === */
|
|
2
|
-
@import 'elevation-vars.less';
|
|
3
|
-
|
|
4
|
-
@elevations: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23,
|
|
5
|
-
24;
|
|
6
|
-
|
|
7
|
-
each(@elevations, {
|
|
8
|
-
.elevation-@{value} {
|
|
9
|
-
box-shadow: ~"var(--f7-elevation-@{value}) !important";
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
each(@elevations, {
|
|
13
|
-
.device-desktop .elevation-hover-@{value}:hover {
|
|
14
|
-
box-shadow: ~"var(--f7-elevation-@{value}) !important";
|
|
15
|
-
}
|
|
16
|
-
});
|
|
17
|
-
each(@elevations, {
|
|
18
|
-
.active-state.elevation-pressed-@{value},
|
|
19
|
-
.device-desktop .active-state.elevation-pressed-@{value} {
|
|
20
|
-
box-shadow: ~"var(--f7-elevation-@{value}) !important";
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
|
|
24
|
-
.elevation-transition-100 {
|
|
25
|
-
transition-duration: 100ms;
|
|
26
|
-
transition-property: box-shadow;
|
|
27
|
-
}
|
|
28
|
-
.elevation-transition,
|
|
29
|
-
.elevation-transition-200 {
|
|
30
|
-
transition-duration: 200ms;
|
|
31
|
-
transition-property: box-shadow;
|
|
32
|
-
}
|
|
33
|
-
.elevation-transition-300 {
|
|
34
|
-
transition-duration: 300ms;
|
|
35
|
-
transition-property: box-shadow;
|
|
36
|
-
}
|
|
37
|
-
.elevation-transition-400 {
|
|
38
|
-
transition-duration: 400ms;
|
|
39
|
-
transition-property: box-shadow;
|
|
40
|
-
}
|
|
41
|
-
.elevation-transition-500 {
|
|
42
|
-
transition-duration: 500ms;
|
|
43
|
-
transition-property: box-shadow;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.if-ios-theme({
|
|
47
|
-
@import './elevation-ios.less';
|
|
48
|
-
});
|
|
49
|
-
.if-md-theme({
|
|
50
|
-
@import './elevation-md.less';
|
|
51
|
-
});
|
|
52
|
-
.if-aurora-theme({
|
|
53
|
-
@import './elevation-aurora.less';
|
|
54
|
-
});
|
|
File without changes
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
.aurora {
|
|
2
|
-
.f7-icons,
|
|
3
|
-
.material-icons {
|
|
4
|
-
font-size: 24px;
|
|
5
|
-
}
|
|
6
|
-
.icon-back,
|
|
7
|
-
.icon-prev,
|
|
8
|
-
.icon-forward,
|
|
9
|
-
.icon-next {
|
|
10
|
-
width: 12px;
|
|
11
|
-
height: 20px;
|
|
12
|
-
line-height: 20px;
|
|
13
|
-
&:after {
|
|
14
|
-
line-height: inherit;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.icon-prev,
|
|
19
|
-
.icon-next {
|
|
20
|
-
&:after {
|
|
21
|
-
font-size: 16px;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.ltr({
|
|
26
|
-
.icon-back, .icon-prev {
|
|
27
|
-
&:after {
|
|
28
|
-
content: 'chevron_left_ios';
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
.icon-forward, .icon-next {
|
|
32
|
-
&:after {
|
|
33
|
-
content: 'chevron_right_ios';
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
});
|
|
37
|
-
.rtl({
|
|
38
|
-
.icon-back, .icon-prev {
|
|
39
|
-
&:after {
|
|
40
|
-
content: 'chevron_right_ios';
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
.icon-forward, .icon-next {
|
|
44
|
-
&:after {
|
|
45
|
-
content: 'chevron_left_ios';
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
});
|
|
49
|
-
}
|
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
.aurora {
|
|
2
|
-
.item-label,
|
|
3
|
-
.item-floating-label {
|
|
4
|
-
+ .item-input-wrap {
|
|
5
|
-
margin-top: 0;
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
.input:not(.input-outline) {
|
|
9
|
-
.hairline(bottom, var(--f7-list-item-border-color));
|
|
10
|
-
&:after {
|
|
11
|
-
transition-duration: 200ms;
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
.item-input-focused .item-floating-label {
|
|
15
|
-
color: var(--f7-label-text-color);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.inline-labels,
|
|
19
|
-
.inline-label {
|
|
20
|
-
.item-media {
|
|
21
|
-
align-self: flex-start;
|
|
22
|
-
padding-top: 12px;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.item-input-error-message,
|
|
27
|
-
.item-input-info,
|
|
28
|
-
.input-error-message,
|
|
29
|
-
.input-info {
|
|
30
|
-
position: relative;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.item-input-invalid:not(.item-input-outline) .item-inner:after,
|
|
34
|
-
.item-input-focused:not(.item-input-outline) .item-inner:after,
|
|
35
|
-
.input-invalid:not(.input-outline):after,
|
|
36
|
-
.input-focused:not(.input-outline):after {
|
|
37
|
-
transform: scaleY(2) !important;
|
|
38
|
-
display: block !important;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.item-input-focused {
|
|
42
|
-
.item-label,
|
|
43
|
-
.item-floating-label {
|
|
44
|
-
color: var(--f7-label-focused-text-color, var(--f7-theme-color));
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
.item-input-focused:not(.item-input-outline) .item-inner:after,
|
|
48
|
-
.input-focused:not(.input-outline):after {
|
|
49
|
-
background: var(--f7-input-focused-border-color, var(--f7-theme-color));
|
|
50
|
-
}
|
|
51
|
-
.item-input-invalid {
|
|
52
|
-
.item-label,
|
|
53
|
-
.item-floating-label {
|
|
54
|
-
color: var(--f7-label-invalid-text-color, var(--f7-input-error-text-color));
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
.item-input-invalid:not(.item-input-outline) .item-inner:after,
|
|
58
|
-
.input-invalid:not(.input-outline):after {
|
|
59
|
-
background: var(--f7-input-invalid-border-color, var(--f7-input-error-text-color));
|
|
60
|
-
}
|
|
61
|
-
.item-input-invalid,
|
|
62
|
-
.input-invalid {
|
|
63
|
-
input,
|
|
64
|
-
select,
|
|
65
|
-
textarea {
|
|
66
|
-
color: var(--f7-input-invalid-text-color, var(--f7-input-text-color));
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
.input-clear-button {
|
|
71
|
-
&:after {
|
|
72
|
-
content: 'delete_round_ios';
|
|
73
|
-
font-size: calc(var(--f7-input-clear-button-size) / (14 / 10));
|
|
74
|
-
line-height: 1.4;
|
|
75
|
-
}
|
|
76
|
-
&:before {
|
|
77
|
-
width: 44px;
|
|
78
|
-
height: 44px;
|
|
79
|
-
margin-left: -22px;
|
|
80
|
-
margin-top: -22px;
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
.item-input-outline,
|
|
85
|
-
.input-outline {
|
|
86
|
-
.item-input-wrap {
|
|
87
|
-
margin-top: 0;
|
|
88
|
-
margin-bottom: 0;
|
|
89
|
-
}
|
|
90
|
-
.item-input-error-message,
|
|
91
|
-
.item-input-info,
|
|
92
|
-
.input-error-message,
|
|
93
|
-
.input-info {
|
|
94
|
-
margin-top: 0;
|
|
95
|
-
white-space: normal;
|
|
96
|
-
overflow: hidden;
|
|
97
|
-
text-overflow: ellipsis;
|
|
98
|
-
}
|
|
99
|
-
.item-input-info,
|
|
100
|
-
.input-info {
|
|
101
|
-
margin-bottom: calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height));
|
|
102
|
-
}
|
|
103
|
-
.item-input-error-message,
|
|
104
|
-
.input-error-message {
|
|
105
|
-
margin-bottom: calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height));
|
|
106
|
-
}
|
|
107
|
-
&.item-input-with-info,
|
|
108
|
-
&.input-with-info {
|
|
109
|
-
.item-input-wrap {
|
|
110
|
-
margin-bottom: calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height));
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
&.item-input-with-error-message,
|
|
114
|
-
&.input-with-error-message {
|
|
115
|
-
.item-input-wrap {
|
|
116
|
-
margin-bottom: calc(var(--f7-input-error-font-size) * var(--f7-input-error-line-height));
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.lazy-loaded.lazy-fade-in{animation:lazyFadeIn .6s}@keyframes lazyFadeIn{from{opacity:0}to{opacity:1}}
|
package/components/lazy/lazy.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.lazy-loaded.lazy-fade-in{animation:lazyFadeIn .6s}@keyframes lazyFadeIn{from{opacity:0}to{opacity:1}}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import Framework7, {
|
|
2
|
-
CSSSelector,
|
|
3
|
-
Framework7EventsClass,
|
|
4
|
-
Framework7Plugin,
|
|
5
|
-
} from '../app/app-class.js';
|
|
6
|
-
|
|
7
|
-
export namespace Lazy {
|
|
8
|
-
interface DomEvents {
|
|
9
|
-
/** Event will be triggered in the beginning of image file loading */
|
|
10
|
-
'lazy:load': () => void;
|
|
11
|
-
/** Event will be triggered after image file successfully loaded */
|
|
12
|
-
'lazy:loaded': () => void;
|
|
13
|
-
/** Event will be triggered in case of error loading image file */
|
|
14
|
-
'lazy:error': () => void;
|
|
15
|
-
}
|
|
16
|
-
interface AppMethods {
|
|
17
|
-
lazy: {
|
|
18
|
-
/** initialize lazy loading on page */
|
|
19
|
-
create(pageEl: HTMLElement | CSSSelector): void;
|
|
20
|
-
/** destroy/disable lazy loading on page */
|
|
21
|
-
destroy(pageEl: HTMLElement | CSSSelector): void;
|
|
22
|
-
/** force to load lazy image */
|
|
23
|
-
loadImage(
|
|
24
|
-
/** lazy image or element (element with lazy class). Required. */
|
|
25
|
-
pageEl: HTMLElement | CSSSelector,
|
|
26
|
-
/** Callback when image is loaded or error loading image happend */
|
|
27
|
-
callback: () => void,
|
|
28
|
-
): void;
|
|
29
|
-
};
|
|
30
|
-
}
|
|
31
|
-
interface AppParams {
|
|
32
|
-
lazy?:
|
|
33
|
-
| {
|
|
34
|
-
/** Lazy load image placeholder source to show while image is not yet loaded. By default it is 1x1 px image. */
|
|
35
|
-
placeholder?: string;
|
|
36
|
-
/** By default images are loaded when they appear on the screen. Use this parameter if you want to load images earlier. Setting it to 50 will load image when it 50 pixels before it appears on viewport. (default 0) */
|
|
37
|
-
threshold?: number;
|
|
38
|
-
/** If enabled, then lazy images will be loaded one by one when they appear in viewport. (default true) */
|
|
39
|
-
sequential?: boolean;
|
|
40
|
-
/** When enabled, it uses IntersectionObserver API (if supported by browser) to detect when image is in viewport. Potentially provides better performance and more accurate intersection detection, but "threshold" parameter will be ignored. (default true) */
|
|
41
|
-
observer?: boolean;
|
|
42
|
-
}
|
|
43
|
-
| undefined;
|
|
44
|
-
}
|
|
45
|
-
interface AppEvents {
|
|
46
|
-
/** Event will be triggered in the beginning of image file loading. As an argument it receives lazy loading HTML element. */
|
|
47
|
-
lazyLoad?: (lazyEl: HTMLElement) => void;
|
|
48
|
-
/** Event will be triggered after image file successfully loaded. As an argument it receives lazy loading HTML element. */
|
|
49
|
-
lazyLoaded?: (lazyEl: HTMLElement) => void;
|
|
50
|
-
/** Event will be triggered in case of error loading image file. As an argument it receives lazy loading HTML element.*/
|
|
51
|
-
lazyError?: (lazyEl: HTMLElement) => void;
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
declare const LazyComponent: Framework7Plugin;
|
|
56
|
-
|
|
57
|
-
export default LazyComponent;
|
package/components/lazy/lazy.js
DELETED
|
@@ -1,283 +0,0 @@
|
|
|
1
|
-
import { getWindow } from 'ssr-window';
|
|
2
|
-
import $ from '../../shared/dom7.js';
|
|
3
|
-
import { bindMethods } from '../../shared/utils.js';
|
|
4
|
-
import { getSupport } from '../../shared/get-support.js';
|
|
5
|
-
const Lazy = {
|
|
6
|
-
destroy(pageEl) {
|
|
7
|
-
const $pageEl = $(pageEl).closest('.page');
|
|
8
|
-
if (!$pageEl.length) return;
|
|
9
|
-
|
|
10
|
-
if ($pageEl[0].f7LazyDestroy) {
|
|
11
|
-
$pageEl[0].f7LazyDestroy();
|
|
12
|
-
}
|
|
13
|
-
},
|
|
14
|
-
|
|
15
|
-
create(pageEl) {
|
|
16
|
-
const app = this;
|
|
17
|
-
const window = getWindow();
|
|
18
|
-
const support = getSupport();
|
|
19
|
-
const $pageEl = $(pageEl).closest('.page').eq(0); // Lazy images
|
|
20
|
-
|
|
21
|
-
const $lazyLoadImages = $pageEl.find('.lazy');
|
|
22
|
-
if ($lazyLoadImages.length === 0 && !$pageEl.hasClass('lazy')) return; // Placeholder
|
|
23
|
-
|
|
24
|
-
const placeholderSrc = app.params.lazy.placeholder;
|
|
25
|
-
|
|
26
|
-
if (placeholderSrc !== false) {
|
|
27
|
-
$lazyLoadImages.each(lazyEl => {
|
|
28
|
-
if ($(lazyEl).attr('data-src') && !$(lazyEl).attr('src')) $(lazyEl).attr('src', placeholderSrc);
|
|
29
|
-
});
|
|
30
|
-
} // load image
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
const imagesSequence = [];
|
|
34
|
-
let imageIsLoading = false;
|
|
35
|
-
|
|
36
|
-
function onImageComplete(lazyEl) {
|
|
37
|
-
if (imagesSequence.indexOf(lazyEl) >= 0) {
|
|
38
|
-
imagesSequence.splice(imagesSequence.indexOf(lazyEl), 1);
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
imageIsLoading = false;
|
|
42
|
-
|
|
43
|
-
if (app.params.lazy.sequential && imagesSequence.length > 0) {
|
|
44
|
-
imageIsLoading = true;
|
|
45
|
-
app.lazy.loadImage(imagesSequence[0], onImageComplete);
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
function observerCallback(entries, observer) {
|
|
50
|
-
entries.forEach(entry => {
|
|
51
|
-
if (entry.isIntersecting) {
|
|
52
|
-
if (app.params.lazy.sequential && imageIsLoading) {
|
|
53
|
-
if (imagesSequence.indexOf(entry.target) < 0) imagesSequence.push(entry.target);
|
|
54
|
-
return;
|
|
55
|
-
} // Load image
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
imageIsLoading = true;
|
|
59
|
-
app.lazy.loadImage(entry.target, onImageComplete); // Detach
|
|
60
|
-
|
|
61
|
-
observer.unobserve(entry.target);
|
|
62
|
-
}
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
if (app.params.lazy.observer && support.intersectionObserver) {
|
|
67
|
-
let observer = $pageEl[0].f7LazyObserver;
|
|
68
|
-
|
|
69
|
-
if (!observer) {
|
|
70
|
-
observer = new window.IntersectionObserver(observerCallback, {
|
|
71
|
-
root: $pageEl[0]
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
$lazyLoadImages.each(el => {
|
|
76
|
-
if (el.f7LazyObserverAdded) return;
|
|
77
|
-
el.f7LazyObserverAdded = true;
|
|
78
|
-
observer.observe(el);
|
|
79
|
-
});
|
|
80
|
-
|
|
81
|
-
if (!$pageEl[0].f7LazyDestroy) {
|
|
82
|
-
$pageEl[0].f7LazyDestroy = () => {
|
|
83
|
-
observer.disconnect();
|
|
84
|
-
delete $pageEl[0].f7LazyDestroy;
|
|
85
|
-
delete $pageEl[0].f7LazyObserver;
|
|
86
|
-
};
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
return;
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
function lazyHandler() {
|
|
93
|
-
app.lazy.load($pageEl, lazyEl => {
|
|
94
|
-
if (app.params.lazy.sequential && imageIsLoading) {
|
|
95
|
-
if (imagesSequence.indexOf(lazyEl) < 0) imagesSequence.push(lazyEl);
|
|
96
|
-
return;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
imageIsLoading = true;
|
|
100
|
-
app.lazy.loadImage(lazyEl, onImageComplete);
|
|
101
|
-
});
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
function attachEvents() {
|
|
105
|
-
$pageEl[0].f7LazyAttached = true;
|
|
106
|
-
$pageEl.on('lazy', lazyHandler);
|
|
107
|
-
$pageEl.on('scroll', lazyHandler, true);
|
|
108
|
-
$pageEl.find('.tab').on('tab:mounted tab:show', lazyHandler);
|
|
109
|
-
app.on('resize', lazyHandler);
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
function detachEvents() {
|
|
113
|
-
$pageEl[0].f7LazyAttached = false;
|
|
114
|
-
delete $pageEl[0].f7LazyAttached;
|
|
115
|
-
$pageEl.off('lazy', lazyHandler);
|
|
116
|
-
$pageEl.off('scroll', lazyHandler, true);
|
|
117
|
-
$pageEl.find('.tab').off('tab:mounted tab:show', lazyHandler);
|
|
118
|
-
app.off('resize', lazyHandler);
|
|
119
|
-
} // Store detach function
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
if (!$pageEl[0].f7LazyDestroy) {
|
|
123
|
-
$pageEl[0].f7LazyDestroy = detachEvents;
|
|
124
|
-
} // Attach events
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
if (!$pageEl[0].f7LazyAttached) {
|
|
128
|
-
attachEvents();
|
|
129
|
-
} // Run loader on page load/init
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
lazyHandler();
|
|
133
|
-
},
|
|
134
|
-
|
|
135
|
-
isInViewport(lazyEl) {
|
|
136
|
-
const app = this;
|
|
137
|
-
const rect = lazyEl.getBoundingClientRect();
|
|
138
|
-
const threshold = app.params.lazy.threshold || 0;
|
|
139
|
-
return rect.top >= 0 - threshold && rect.left >= 0 - threshold && rect.top <= app.height + threshold && rect.left <= app.width + threshold;
|
|
140
|
-
},
|
|
141
|
-
|
|
142
|
-
loadImage(imageEl, callback) {
|
|
143
|
-
const app = this;
|
|
144
|
-
const window = getWindow();
|
|
145
|
-
const $imageEl = $(imageEl);
|
|
146
|
-
const bg = $imageEl.attr('data-background');
|
|
147
|
-
const src = bg || $imageEl.attr('data-src');
|
|
148
|
-
|
|
149
|
-
function onLoad() {
|
|
150
|
-
$imageEl.removeClass('lazy').addClass('lazy-loaded');
|
|
151
|
-
|
|
152
|
-
if (bg) {
|
|
153
|
-
$imageEl.css('background-image', `url(${src})`);
|
|
154
|
-
} else if (src) {
|
|
155
|
-
$imageEl.attr('src', src);
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
if (callback) callback(imageEl);
|
|
159
|
-
$imageEl.trigger('lazy:loaded');
|
|
160
|
-
app.emit('lazyLoaded', $imageEl[0]);
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
if (!src) {
|
|
164
|
-
$imageEl.trigger('lazy:load');
|
|
165
|
-
app.emit('lazyLoad', $imageEl[0]);
|
|
166
|
-
onLoad();
|
|
167
|
-
return;
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
function onError() {
|
|
171
|
-
$imageEl.removeClass('lazy').addClass('lazy-loaded');
|
|
172
|
-
|
|
173
|
-
if (bg) {
|
|
174
|
-
$imageEl.css('background-image', `url(${app.params.lazy.placeholder || ''})`);
|
|
175
|
-
} else {
|
|
176
|
-
$imageEl.attr('src', app.params.lazy.placeholder || '');
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
if (callback) callback(imageEl);
|
|
180
|
-
$imageEl.trigger('lazy:error');
|
|
181
|
-
app.emit('lazyError', $imageEl[0]);
|
|
182
|
-
}
|
|
183
|
-
|
|
184
|
-
const image = new window.Image();
|
|
185
|
-
image.onload = onLoad;
|
|
186
|
-
image.onerror = onError;
|
|
187
|
-
image.src = src;
|
|
188
|
-
$imageEl.removeAttr('data-src').removeAttr('data-background'); // Add loaded callback and events
|
|
189
|
-
|
|
190
|
-
$imageEl.trigger('lazy:load');
|
|
191
|
-
app.emit('lazyLoad', $imageEl[0]);
|
|
192
|
-
},
|
|
193
|
-
|
|
194
|
-
load(pageEl, callback) {
|
|
195
|
-
const app = this;
|
|
196
|
-
let $pageEl = $(pageEl);
|
|
197
|
-
if (!$pageEl.hasClass('page')) $pageEl = $pageEl.parents('.page').eq(0);
|
|
198
|
-
|
|
199
|
-
if ($pageEl.length === 0) {
|
|
200
|
-
return;
|
|
201
|
-
}
|
|
202
|
-
|
|
203
|
-
$pageEl.find('.lazy').each(lazyEl => {
|
|
204
|
-
const $lazyEl = $(lazyEl);
|
|
205
|
-
|
|
206
|
-
if ($lazyEl.parents('.tab:not(.tab-active)').length > 0) {
|
|
207
|
-
return;
|
|
208
|
-
}
|
|
209
|
-
|
|
210
|
-
if (app.lazy.isInViewport(lazyEl)) {
|
|
211
|
-
if (callback) callback(lazyEl);else app.lazy.loadImage(lazyEl);
|
|
212
|
-
}
|
|
213
|
-
});
|
|
214
|
-
}
|
|
215
|
-
|
|
216
|
-
};
|
|
217
|
-
export default {
|
|
218
|
-
name: 'lazy',
|
|
219
|
-
params: {
|
|
220
|
-
lazy: {
|
|
221
|
-
placeholder: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEXCwsK592mkAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg==',
|
|
222
|
-
threshold: 0,
|
|
223
|
-
sequential: true,
|
|
224
|
-
observer: true
|
|
225
|
-
}
|
|
226
|
-
},
|
|
227
|
-
|
|
228
|
-
create() {
|
|
229
|
-
const app = this;
|
|
230
|
-
bindMethods(app, {
|
|
231
|
-
lazy: Lazy
|
|
232
|
-
});
|
|
233
|
-
},
|
|
234
|
-
|
|
235
|
-
on: {
|
|
236
|
-
pageInit(page) {
|
|
237
|
-
const app = this;
|
|
238
|
-
|
|
239
|
-
if (page.$el.find('.lazy').length > 0 || page.$el.hasClass('lazy')) {
|
|
240
|
-
app.lazy.create(page.$el);
|
|
241
|
-
}
|
|
242
|
-
},
|
|
243
|
-
|
|
244
|
-
pageAfterIn(page) {
|
|
245
|
-
const app = this;
|
|
246
|
-
const support = getSupport();
|
|
247
|
-
if (app.params.lazy.observer && support.intersectionObserver) return;
|
|
248
|
-
|
|
249
|
-
if (page.$el.find('.lazy').length > 0 || page.$el.hasClass('lazy')) {
|
|
250
|
-
app.lazy.create(page.$el);
|
|
251
|
-
}
|
|
252
|
-
},
|
|
253
|
-
|
|
254
|
-
pageBeforeRemove(page) {
|
|
255
|
-
const app = this;
|
|
256
|
-
|
|
257
|
-
if (page.$el.find('.lazy').length > 0 || page.$el.hasClass('lazy')) {
|
|
258
|
-
app.lazy.destroy(page.$el);
|
|
259
|
-
}
|
|
260
|
-
},
|
|
261
|
-
|
|
262
|
-
tabMounted(tabEl) {
|
|
263
|
-
const app = this;
|
|
264
|
-
const $tabEl = $(tabEl);
|
|
265
|
-
|
|
266
|
-
if ($tabEl.find('.lazy').length > 0 || $tabEl.hasClass('lazy')) {
|
|
267
|
-
app.lazy.create($tabEl);
|
|
268
|
-
}
|
|
269
|
-
},
|
|
270
|
-
|
|
271
|
-
tabBeforeRemove(tabEl) {
|
|
272
|
-
const app = this;
|
|
273
|
-
const support = getSupport();
|
|
274
|
-
if (app.params.lazy.observer && support.intersectionObserver) return;
|
|
275
|
-
const $tabEl = $(tabEl);
|
|
276
|
-
|
|
277
|
-
if ($tabEl.find('.lazy').length > 0 || $tabEl.hasClass('lazy')) {
|
|
278
|
-
app.lazy.destroy($tabEl);
|
|
279
|
-
}
|
|
280
|
-
}
|
|
281
|
-
|
|
282
|
-
}
|
|
283
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(function framework7ComponentLoader(e,a){void 0===a&&(a=!0);var t=e.$,r=e.utils,s=(e.getDevice,e.getSupport),l=(e.Class,e.Modal,e.ConstructorMethods,e.ModalMethods,e.$jsx,r.bindMethods);const o={destroy(e){const a=t(e).closest(".page");a.length&&a[0].f7LazyDestroy&&a[0].f7LazyDestroy()},create(e){const a=this,r=s(),l=t(e).closest(".page").eq(0),o=l.find(".lazy");if(0===o.length&&!l.hasClass("lazy"))return;const n=a.params.lazy.placeholder;!1!==n&&o.each((e=>{t(e).attr("data-src")&&!t(e).attr("src")&&t(e).attr("src",n)}));const d=[];let i=!1;function y(e){d.indexOf(e)>=0&&d.splice(d.indexOf(e),1),i=!1,a.params.lazy.sequential&&d.length>0&&(i=!0,a.lazy.loadImage(d[0],y))}if(a.params.lazy.observer&&r.intersectionObserver){let e=l[0].f7LazyObserver;return e||(e=new window.IntersectionObserver((function(e,t){e.forEach((e=>{if(e.isIntersecting){if(a.params.lazy.sequential&&i)return void(d.indexOf(e.target)<0&&d.push(e.target));i=!0,a.lazy.loadImage(e.target,y),t.unobserve(e.target)}}))}),{root:l[0]})),o.each((a=>{a.f7LazyObserverAdded||(a.f7LazyObserverAdded=!0,e.observe(a))})),void(l[0].f7LazyDestroy||(l[0].f7LazyDestroy=()=>{e.disconnect(),delete l[0].f7LazyDestroy,delete l[0].f7LazyObserver}))}function c(){a.lazy.load(l,(e=>{a.params.lazy.sequential&&i?d.indexOf(e)<0&&d.push(e):(i=!0,a.lazy.loadImage(e,y))}))}l[0].f7LazyDestroy||(l[0].f7LazyDestroy=function(){l[0].f7LazyAttached=!1,delete l[0].f7LazyAttached,l.off("lazy",c),l.off("scroll",c,!0),l.find(".tab").off("tab:mounted tab:show",c),a.off("resize",c)}),l[0].f7LazyAttached||(l[0].f7LazyAttached=!0,l.on("lazy",c),l.on("scroll",c,!0),l.find(".tab").on("tab:mounted tab:show",c),a.on("resize",c)),c()},isInViewport(e){const a=this,t=e.getBoundingClientRect(),r=a.params.lazy.threshold||0;return t.top>=0-r&&t.left>=0-r&&t.top<=a.height+r&&t.left<=a.width+r},loadImage(e,a){const r=this,s=t(e),l=s.attr("data-background"),o=l||s.attr("data-src");function n(){s.removeClass("lazy").addClass("lazy-loaded"),l?s.css("background-image",`url(${o})`):o&&s.attr("src",o),a&&a(e),s.trigger("lazy:loaded"),r.emit("lazyLoaded",s[0])}if(!o)return s.trigger("lazy:load"),r.emit("lazyLoad",s[0]),void n();const d=new window.Image;d.onload=n,d.onerror=function(){s.removeClass("lazy").addClass("lazy-loaded"),l?s.css("background-image",`url(${r.params.lazy.placeholder||""})`):s.attr("src",r.params.lazy.placeholder||""),a&&a(e),s.trigger("lazy:error"),r.emit("lazyError",s[0])},d.src=o,s.removeAttr("data-src").removeAttr("data-background"),s.trigger("lazy:load"),r.emit("lazyLoad",s[0])},load(e,a){const r=this;let s=t(e);s.hasClass("page")||(s=s.parents(".page").eq(0)),0!==s.length&&s.find(".lazy").each((e=>{t(e).parents(".tab:not(.tab-active)").length>0||r.lazy.isInViewport(e)&&(a?a(e):r.lazy.loadImage(e))}))}};var n={name:"lazy",params:{lazy:{placeholder:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEXCwsK592mkAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg==",threshold:0,sequential:!0,observer:!0}},create(){l(this,{lazy:o})},on:{pageInit(e){const a=this;(e.$el.find(".lazy").length>0||e.$el.hasClass("lazy"))&&a.lazy.create(e.$el)},pageAfterIn(e){const a=this,t=s();a.params.lazy.observer&&t.intersectionObserver||(e.$el.find(".lazy").length>0||e.$el.hasClass("lazy"))&&a.lazy.create(e.$el)},pageBeforeRemove(e){const a=this;(e.$el.find(".lazy").length>0||e.$el.hasClass("lazy"))&&a.lazy.destroy(e.$el)},tabMounted(e){const a=this,r=t(e);(r.find(".lazy").length>0||r.hasClass("lazy"))&&a.lazy.create(r)},tabBeforeRemove(e){const a=this,r=s();if(a.params.lazy.observer&&r.intersectionObserver)return;const l=t(e);(l.find(".lazy").length>0||l.hasClass("lazy"))&&a.lazy.destroy(l)}}};if(a){if(e.prototype.modules&&e.prototype.modules[n.name])return;e.use(n),e.instance&&(e.instance.useModuleParams(n,e.instance.params),e.instance.useModule(n))}return n}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/* === Images Lazy Loading === */
|
|
2
|
-
.lazy-loaded.lazy-fade-in {
|
|
3
|
-
animation: lazyFadeIn 600ms;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
@keyframes lazyFadeIn {
|
|
7
|
-
from {
|
|
8
|
-
opacity: 0;
|
|
9
|
-
}
|
|
10
|
-
to {
|
|
11
|
-
opacity: 1;
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.if-ios-theme({
|
|
16
|
-
@import './lazy-ios.less';
|
|
17
|
-
});
|
|
18
|
-
.if-md-theme({
|
|
19
|
-
@import './lazy-md.less';
|
|
20
|
-
});
|
|
21
|
-
.if-aurora-theme({
|
|
22
|
-
@import './lazy-aurora.less';
|
|
23
|
-
});
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
.aurora {
|
|
2
|
-
.link {
|
|
3
|
-
transition: opacity 300ms;
|
|
4
|
-
&.active-state {
|
|
5
|
-
opacity: var(--f7-link-pressed-opacity);
|
|
6
|
-
transition-duration: 0ms;
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
&.device-desktop {
|
|
10
|
-
.link:not(.active-state):not(.no-hover):hover {
|
|
11
|
-
opacity: var(--f7-link-hover-opacity);
|
|
12
|
-
transition-duration: 0ms;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
.aurora {
|
|
2
|
-
.list {
|
|
3
|
-
.item-media {
|
|
4
|
-
min-width: 24px;
|
|
5
|
-
}
|
|
6
|
-
}
|
|
7
|
-
.links-list a,
|
|
8
|
-
.list .item-link:not(.item-selected),
|
|
9
|
-
.list .list-button {
|
|
10
|
-
transition-duration: 0ms;
|
|
11
|
-
}
|
|
12
|
-
&.device-desktop {
|
|
13
|
-
.links-list a,
|
|
14
|
-
.list .item-link:not(.item-selected) {
|
|
15
|
-
&:hover:not(.active-state):not(.no-hover) {
|
|
16
|
-
background: var(--f7-list-link-hover-bg-color);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
.list .list-button {
|
|
20
|
-
&:hover:not(.active-state):not(.no-hover) {
|
|
21
|
-
background: var(--f7-list-button-hover-bg-color);
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}
|