framework7 6.3.4 → 7.0.0-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/accordion/accordion.js +132 -1
- package/components/accordion/accordion.umd.js +1 -0
- package/components/actions/actions-class.js +365 -0
- package/components/actions/actions-rtl.css +1 -1
- package/components/actions/actions.css +1 -1
- package/components/actions/actions.js +42 -1
- package/components/actions/actions.umd.js +1 -0
- package/components/app/app-class.d.ts +10 -10
- package/{esm/components → components}/app/app-class.js +107 -140
- package/components/app/app.less +3 -3
- package/{esm/components → components}/app/load-module.js +32 -32
- package/components/appbar/appbar.js +3 -1
- package/components/appbar/appbar.umd.js +1 -0
- package/components/area-chart/area-chart-class.js +507 -0
- package/components/area-chart/area-chart-rtl.css +1 -1
- package/components/area-chart/area-chart.css +1 -1
- package/components/area-chart/area-chart.js +47 -1
- package/components/area-chart/area-chart.umd.js +1 -0
- package/{esm/components → components}/autocomplete/autocomplete-class.js +241 -253
- package/components/autocomplete/autocomplete-rtl.css +1 -1
- package/components/autocomplete/autocomplete.css +1 -1
- package/components/autocomplete/autocomplete.js +86 -1
- package/components/autocomplete/autocomplete.umd.js +1 -0
- package/{esm/components → components}/badge/badge.js +0 -0
- package/{esm/components → components}/block/block.js +0 -0
- package/{esm/components → components}/button/button.js +0 -0
- package/{esm/components → components}/calendar/calendar-class.js +676 -643
- package/components/calendar/calendar-rtl.css +1 -1
- package/components/calendar/calendar.css +1 -1
- package/components/calendar/calendar.js +111 -1
- package/components/calendar/calendar.umd.js +1 -0
- package/components/card/card-rtl.css +1 -1
- package/components/card/card.css +1 -1
- package/components/card/card.js +592 -1
- package/components/card/card.umd.js +1 -0
- package/components/checkbox/checkbox-rtl.css +1 -1
- package/components/checkbox/checkbox.css +1 -1
- package/components/checkbox/checkbox.js +3 -1
- package/components/checkbox/checkbox.umd.js +1 -0
- package/components/chip/chip-rtl.css +1 -1
- package/components/chip/chip.css +1 -1
- package/components/chip/chip.js +3 -1
- package/components/chip/chip.umd.js +1 -0
- package/{esm/components → components}/color-picker/color-picker-class.js +336 -349
- 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 +92 -1
- package/components/color-picker/color-picker.umd.js +1 -0
- package/{esm/components → components}/color-picker/modules/alpha-slider.js +30 -19
- package/{esm/components → components}/color-picker/modules/brightness-slider.js +35 -24
- package/{esm/components → components}/color-picker/modules/current-color.js +4 -2
- package/{esm/components → components}/color-picker/modules/hex.js +27 -16
- package/{esm/components → components}/color-picker/modules/hs-spectrum.js +37 -25
- package/{esm/components → components}/color-picker/modules/hsb-sliders.js +54 -41
- package/{esm/components → components}/color-picker/modules/hue-slider.js +29 -18
- package/{esm/components → components}/color-picker/modules/initial-current-colors.js +14 -9
- package/{esm/components → components}/color-picker/modules/palette.js +14 -11
- package/{esm/components → components}/color-picker/modules/rgb-bars.js +42 -29
- package/{esm/components → components}/color-picker/modules/rgb-sliders.js +47 -34
- package/{esm/components → components}/color-picker/modules/sb-spectrum.js +38 -26
- package/{esm/components → components}/color-picker/modules/wheel.js +59 -47
- package/components/contacts-list/contacts-list-rtl.css +1 -1
- package/components/contacts-list/contacts-list.css +1 -1
- package/components/contacts-list/contacts-list.js +3 -1
- package/components/contacts-list/contacts-list.umd.js +1 -0
- package/{esm/components → components}/data-table/data-table-class.js +40 -59
- package/components/data-table/data-table-rtl.css +1 -1
- package/components/data-table/data-table.css +1 -1
- package/components/data-table/data-table.js +72 -1
- package/components/data-table/data-table.umd.js +1 -0
- package/{esm/components → components}/dialog/dialog-class.js +58 -67
- package/components/dialog/dialog-rtl.css +1 -1
- package/components/dialog/dialog.css +1 -1
- package/components/dialog/dialog.js +254 -1
- package/components/dialog/dialog.umd.js +1 -0
- package/components/elevation/elevation.js +3 -1
- package/components/elevation/elevation.umd.js +1 -0
- package/components/fab/fab.js +181 -1
- package/components/fab/fab.umd.js +1 -0
- package/components/form/form.js +347 -1
- package/components/form/form.umd.js +1 -0
- package/components/gauge/gauge-class.js +306 -0
- package/components/gauge/gauge.js +99 -1
- package/components/gauge/gauge.umd.js +1 -0
- package/components/grid/grid-rtl.css +1 -1
- package/components/grid/grid.css +1 -1
- package/components/grid/grid.js +227 -1
- package/components/grid/grid.umd.js +1 -0
- package/{esm/components → components}/icon/icon.js +0 -0
- package/components/infinite-scroll/infinite-scroll.js +110 -1
- package/components/infinite-scroll/infinite-scroll.umd.js +1 -0
- package/components/input/input-rtl.css +1 -1
- package/components/input/input.css +1 -1
- package/components/input/input.js +394 -1
- package/components/input/input.less +1 -1
- package/components/input/input.umd.js +1 -0
- package/components/lazy/lazy.js +283 -1
- package/components/lazy/lazy.umd.js +1 -0
- package/{esm/components → components}/link/link.js +0 -0
- package/{esm/components → components}/list/list.js +0 -0
- package/{esm/components → components}/list-index/list-index-class.js +113 -121
- package/components/list-index/list-index-rtl.css +1 -1
- package/components/list-index/list-index.css +1 -1
- package/components/list-index/list-index.js +73 -1
- package/components/list-index/list-index.umd.js +1 -0
- package/components/login-screen/login-screen-class.js +43 -0
- package/components/login-screen/login-screen-rtl.css +1 -1
- package/components/login-screen/login-screen.css +1 -1
- package/components/login-screen/login-screen.js +28 -1
- package/components/login-screen/login-screen.less +1 -1
- package/components/login-screen/login-screen.umd.js +1 -0
- package/components/menu/menu.js +79 -1
- package/components/menu/menu.umd.js +1 -0
- package/{esm/components → components}/messagebar/messagebar-class.js +124 -152
- package/components/messagebar/messagebar-rtl.css +1 -1
- package/components/messagebar/messagebar.css +1 -1
- package/components/messagebar/messagebar.js +74 -1
- package/components/messagebar/messagebar.umd.js +1 -0
- package/{esm/components → components}/messages/messages-class.js +162 -242
- package/components/messages/messages-rtl.css +1 -1
- package/components/messages/messages.css +1 -1
- package/components/messages/messages.js +73 -1
- package/components/messages/messages.umd.js +1 -0
- package/{esm/components → components}/modal/custom-modal-class.js +16 -29
- package/{esm/components → components}/modal/modal-class.js +68 -83
- package/{esm/components → components}/modal/modal.js +8 -5
- package/{esm/components → components}/navbar/navbar.js +166 -171
- package/components/notification/notification-aurora.less +1 -1
- package/{esm/components → components}/notification/notification-class.js +65 -78
- package/components/notification/notification-ios.less +1 -1
- package/components/notification/notification-rtl.css +1 -1
- package/components/notification/notification.css +1 -1
- package/components/notification/notification.js +35 -1
- package/components/notification/notification.umd.js +1 -0
- package/components/page/page-vars.less +1 -1
- package/{esm/components → components}/page/page.js +0 -0
- package/{esm/components → components}/panel/panel-class.js +183 -214
- package/components/panel/panel-rtl.css +1 -1
- package/components/panel/panel.css +1 -1
- package/components/panel/panel.js +190 -1
- package/components/panel/panel.umd.js +1 -0
- package/{esm/components → components}/panel/resizable-panel.js +30 -28
- package/{esm/components → components}/panel/swipe-panel.js +46 -44
- package/{esm/components → components}/photo-browser/photo-browser-class.js +206 -234
- package/components/photo-browser/photo-browser.js +73 -1
- package/components/photo-browser/photo-browser.umd.js +1 -0
- package/{esm/components → components}/picker/picker-class.js +233 -233
- package/{esm/components → components}/picker/picker-column.js +70 -72
- package/components/picker/picker-rtl.css +1 -1
- package/components/picker/picker.css +1 -1
- package/components/picker/picker.js +64 -1
- package/components/picker/picker.umd.js +1 -0
- package/components/pie-chart/pie-chart-class.js +264 -0
- package/components/pie-chart/pie-chart.js +35 -1
- package/components/pie-chart/pie-chart.umd.js +1 -0
- package/{esm/components → components}/popover/popover-class.js +72 -97
- package/components/popover/popover-rtl.css +1 -1
- package/components/popover/popover.css +1 -1
- package/components/popover/popover.js +76 -1
- package/components/popover/popover.umd.js +1 -0
- package/{esm/components → components}/popup/popup-class.js +66 -81
- package/components/popup/popup-rtl.css +1 -1
- package/components/popup/popup.css +1 -1
- package/components/popup/popup.js +41 -1
- package/components/popup/popup.less +21 -21
- package/components/popup/popup.umd.js +1 -0
- package/components/preloader/preloader.js +115 -1
- package/components/preloader/preloader.umd.js +1 -0
- package/components/progressbar/progressbar-rtl.css +1 -1
- package/components/progressbar/progressbar.css +1 -1
- package/components/progressbar/progressbar.js +166 -1
- package/components/progressbar/progressbar.umd.js +1 -0
- package/{esm/components → components}/pull-to-refresh/pull-to-refresh-class.js +101 -118
- package/components/pull-to-refresh/pull-to-refresh.js +70 -1
- package/components/pull-to-refresh/pull-to-refresh.umd.js +1 -0
- package/components/radio/radio-rtl.css +1 -1
- package/components/radio/radio.css +1 -1
- package/components/radio/radio.js +3 -1
- package/components/radio/radio.umd.js +1 -0
- package/{esm/components → components}/range/range-class.js +191 -192
- package/components/range/range-rtl.css +1 -1
- package/components/range/range.css +1 -1
- package/components/range/range.js +79 -1
- package/components/range/range.umd.js +1 -0
- package/components/searchbar/remove-diacritics.js +275 -0
- package/{esm/components → components}/searchbar/searchbar-class.js +129 -146
- package/components/searchbar/searchbar-rtl.css +1 -1
- package/components/searchbar/searchbar.css +1 -1
- package/components/searchbar/searchbar.js +121 -1
- package/components/searchbar/searchbar.less +1 -1
- package/components/searchbar/searchbar.umd.js +1 -0
- package/{esm/components → components}/sheet/sheet-class.js +87 -106
- package/components/sheet/sheet-rtl.css +1 -1
- package/components/sheet/sheet.css +1 -1
- package/components/sheet/sheet.js +68 -1
- package/components/sheet/sheet.less +16 -16
- package/components/sheet/sheet.umd.js +1 -0
- package/components/skeleton/skeleton-rtl.css +1 -1
- package/components/skeleton/skeleton-vars.less +1 -1
- package/components/skeleton/skeleton.css +1 -1
- package/components/skeleton/skeleton.js +3 -1
- package/components/skeleton/skeleton.less +1 -1
- package/components/skeleton/skeleton.umd.js +1 -0
- package/{esm/components → components}/smart-select/smart-select-class.js +284 -296
- package/components/smart-select/smart-select.js +149 -1
- package/components/smart-select/smart-select.umd.js +1 -0
- package/components/sortable/sortable-rtl.css +1 -1
- package/components/sortable/sortable.css +1 -1
- package/components/sortable/sortable.js +293 -1
- package/components/sortable/sortable.umd.js +1 -0
- package/{esm/components → components}/statusbar/statusbar.js +48 -41
- package/{esm/components → components}/stepper/stepper-class.js +104 -115
- package/components/stepper/stepper-rtl.css +1 -1
- package/components/stepper/stepper.css +1 -1
- package/components/stepper/stepper.js +86 -1
- package/components/stepper/stepper.umd.js +1 -0
- package/{esm/components → components}/subnavbar/subnavbar.js +3 -2
- package/components/swipeout/swipeout-rtl.css +1 -1
- package/components/swipeout/swipeout.css +1 -1
- package/components/swipeout/swipeout.js +597 -1
- package/components/swipeout/swipeout.umd.js +1 -0
- package/components/swiper/swiper-rtl.css +1 -1
- package/components/swiper/swiper.css +1 -1
- package/components/swiper/swiper.js +191 -1
- package/components/swiper/swiper.less +1 -1
- package/components/swiper/swiper.umd.js +1 -0
- package/components/tabs/tabs.js +272 -1
- package/components/tabs/tabs.umd.js +1 -0
- package/{esm/components → components}/text-editor/text-editor-class.js +170 -182
- package/components/text-editor/text-editor-rtl.css +1 -1
- package/components/text-editor/text-editor.css +1 -1
- package/components/text-editor/text-editor.js +89 -1
- package/components/text-editor/text-editor.umd.js +1 -0
- package/components/timeline/timeline-rtl.css +1 -1
- package/components/timeline/timeline.css +1 -1
- package/components/timeline/timeline.js +3 -1
- package/components/timeline/timeline.umd.js +1 -0
- package/components/toast/toast-class.js +119 -0
- package/components/toast/toast.js +43 -1
- package/components/toast/toast.umd.js +1 -0
- package/{esm/components → components}/toggle/toggle-class.js +46 -63
- package/components/toggle/toggle-rtl.css +1 -1
- package/components/toggle/toggle.css +1 -1
- package/components/toggle/toggle.js +65 -1
- package/components/toggle/toggle.umd.js +1 -0
- package/{esm/components → components}/toolbar/toolbar.js +63 -59
- package/{esm/components → components}/tooltip/tooltip-class.js +95 -106
- package/components/tooltip/tooltip.js +144 -1
- package/components/tooltip/tooltip.umd.js +1 -0
- package/components/touch-ripple/touch-ripple-class.js +98 -0
- package/components/touch-ripple/touch-ripple-vars.less +1 -1
- package/components/touch-ripple/touch-ripple.js +18 -0
- package/components/treeview/treeview-rtl.css +1 -1
- package/components/treeview/treeview.css +1 -1
- package/components/treeview/treeview.js +83 -1
- package/components/treeview/treeview.umd.js +1 -0
- package/components/typography/typography.js +3 -1
- package/components/typography/typography.umd.js +1 -0
- package/{esm/components → components}/view/resizable-view.js +23 -21
- package/{esm/components → components}/view/view-class.js +48 -67
- package/{esm/components → components}/view/view.js +37 -28
- package/{esm/components → components}/virtual-list/virtual-list-class.js +153 -170
- package/components/virtual-list/virtual-list.js +19 -1
- package/components/virtual-list/virtual-list.umd.js +1 -0
- package/framework7-bundle-rtl.css +268 -852
- package/framework7-bundle-rtl.min.css +3 -3
- package/framework7-bundle.css +268 -852
- package/{esm/framework7-bundle.js → framework7-bundle.esm.js} +2 -2
- package/framework7-bundle.js +30782 -31429
- package/framework7-bundle.js.map +1 -1
- package/framework7-bundle.less +2 -2
- package/framework7-bundle.min.css +3 -3
- package/framework7-bundle.min.js +3 -3
- package/framework7-bundle.min.js.map +1 -1
- package/{esm/framework7-lite-bundle.js → framework7-lite-bundle.esm.js} +2 -2
- package/{esm/framework7-lite.js → framework7-lite.esm.js} +2 -2
- package/framework7-rtl.css +52 -56
- package/framework7-rtl.min.css +3 -3
- package/{types/types.d.ts → framework7-types.d.ts} +0 -0
- package/framework7.css +52 -56
- package/framework7.d.ts +81 -81
- package/{esm/framework7.js → framework7.esm.js} +2 -2
- package/framework7.js +3386 -4049
- package/framework7.js.map +1 -1
- package/framework7.less +2 -2
- package/framework7.min.css +3 -3
- package/framework7.min.js +3 -3
- package/framework7.min.js.map +1 -1
- package/less/mixins.less +2 -2
- package/{esm/modules → modules}/clicks/clicks.js +17 -16
- package/modules/component/$h.js +14 -0
- package/modules/component/$jsx.js +18 -0
- package/modules/component/component-class.js +382 -0
- package/modules/component/component.d.ts +2 -0
- package/{esm/modules → modules}/component/component.js +23 -17
- package/{esm/modules → modules}/component/custom-components.js +0 -0
- package/{esm/modules → modules}/component/eventslisteners.js +14 -18
- package/modules/component/parse-component.js +80 -0
- package/{esm/modules → modules}/component/patch.js +1 -1
- package/{esm/modules → modules}/component/snabbdom/h.js +0 -0
- package/{esm/modules → modules}/component/snabbdom/helpers/attachto.js +0 -0
- package/{esm/modules → modules}/component/snabbdom/hooks.js +0 -0
- package/{esm/modules → modules}/component/snabbdom/htmldomapi.js +0 -0
- package/{esm/modules → modules}/component/snabbdom/is.js +0 -0
- package/{esm/modules → modules}/component/snabbdom/modules/attributes.js +0 -0
- package/{esm/modules → modules}/component/snabbdom/modules/class.js +0 -0
- package/{esm/modules → modules}/component/snabbdom/modules/dataset.js +0 -0
- package/{esm/modules → modules}/component/snabbdom/modules/eventlisteners.js +0 -0
- package/{esm/modules → modules}/component/snabbdom/modules/hero.js +1 -1
- package/{esm/modules → modules}/component/snabbdom/modules/module.js +0 -0
- package/{esm/modules → modules}/component/snabbdom/modules/props.js +0 -0
- package/{esm/modules → modules}/component/snabbdom/modules/style.js +1 -1
- package/{esm/modules → modules}/component/snabbdom/snabbdom.bundle.js +0 -0
- package/{esm/modules → modules}/component/snabbdom/snabbdom.js +6 -18
- package/{esm/modules → modules}/component/snabbdom/thunk.js +0 -0
- package/{esm/modules → modules}/component/snabbdom/tovnode.js +0 -0
- package/{esm/modules → modules}/component/snabbdom/vnode.js +0 -0
- package/{esm/modules → modules}/component/vdom.js +106 -130
- package/{esm/modules → modules}/demo-module.js +15 -7
- package/{esm/modules → modules}/device/device.js +12 -11
- package/{esm/modules → modules}/history/history.js +2 -1
- package/{esm/modules → modules}/request/request.js +2 -2
- package/modules/resize/resize.js +65 -0
- package/{esm/modules → modules}/router/app-router-check.js +1 -1
- package/{esm/modules → modules}/router/async-component.js +3 -3
- package/{esm/modules → modules}/router/back.js +117 -117
- package/{esm/modules → modules}/router/clear-previous-history.js +8 -8
- package/modules/router/component-loader.js +174 -0
- package/{esm/modules → modules}/router/modal.js +49 -49
- package/{esm/modules → modules}/router/navigate.js +140 -221
- package/{esm/modules → modules}/router/process-route-queue.js +20 -17
- package/{esm/modules → modules}/router/redirect.js +7 -11
- package/{esm/modules → modules}/router/router-class.js +411 -432
- package/{esm/modules → modules}/router/router.js +5 -3
- package/{esm/modules → modules}/router/swipe-back.js +143 -177
- package/{esm/modules → modules}/router/tab.js +46 -46
- package/{esm/modules → modules}/service-worker/service-worker.js +41 -37
- package/modules/store/create-store.js +149 -0
- package/{esm/modules → modules}/store/store.js +2 -2
- package/{esm/modules → modules}/support/support.js +1 -1
- package/{esm/modules → modules}/touch/touch.js +71 -70
- package/{esm/modules → modules}/utils/utils.js +2 -2
- package/package.json +252 -11
- package/shared/$jsx.js +22 -0
- package/shared/class.js +143 -0
- package/shared/constructor-methods.js +42 -0
- package/{esm/shared → shared}/dom7.js +2 -1
- package/shared/events-class.js +100 -0
- package/{types/shared → shared}/get-device.d.ts +0 -0
- package/{esm/shared → shared}/get-device.js +32 -37
- package/{types/shared → shared}/get-support.d.ts +0 -0
- package/{esm/shared → shared}/get-support.js +7 -6
- package/{esm/shared → shared}/history.js +61 -47
- package/shared/modal-methods.js +90 -0
- package/{types/shared → shared}/request.d.ts +0 -0
- package/shared/request.js +474 -0
- package/{types/shared → shared}/utils.d.ts +0 -0
- package/{esm/shared → shared}/utils.js +125 -162
- package/bundle/package.json +0 -8
- package/cjs/components/accordion/accordion.js +0 -136
- package/cjs/components/actions/actions-class.js +0 -383
- package/cjs/components/actions/actions.js +0 -58
- package/cjs/components/app/app-class.js +0 -378
- package/cjs/components/app/load-module.js +0 -155
- package/cjs/components/appbar/appbar.js +0 -8
- package/cjs/components/area-chart/area-chart-class.js +0 -526
- package/cjs/components/area-chart/area-chart.js +0 -56
- package/cjs/components/autocomplete/autocomplete-class.js +0 -975
- package/cjs/components/autocomplete/autocomplete.js +0 -93
- package/cjs/components/badge/badge.js +0 -8
- package/cjs/components/block/block.js +0 -8
- package/cjs/components/button/button.js +0 -8
- package/cjs/components/calendar/calendar-class.js +0 -2078
- package/cjs/components/calendar/calendar.js +0 -124
- package/cjs/components/card/card.js +0 -625
- package/cjs/components/checkbox/checkbox.js +0 -8
- package/cjs/components/chip/chip.js +0 -8
- package/cjs/components/color-picker/color-picker-class.js +0 -1022
- package/cjs/components/color-picker/color-picker.js +0 -105
- package/cjs/components/color-picker/modules/alpha-slider.js +0 -101
- package/cjs/components/color-picker/modules/brightness-slider.js +0 -86
- package/cjs/components/color-picker/modules/current-color.js +0 -23
- package/cjs/components/color-picker/modules/hex.js +0 -81
- package/cjs/components/color-picker/modules/hs-spectrum.js +0 -137
- package/cjs/components/color-picker/modules/hsb-sliders.js +0 -206
- package/cjs/components/color-picker/modules/hue-slider.js +0 -78
- package/cjs/components/color-picker/modules/initial-current-colors.js +0 -54
- package/cjs/components/color-picker/modules/palette.js +0 -61
- package/cjs/components/color-picker/modules/rgb-bars.js +0 -196
- package/cjs/components/color-picker/modules/rgb-sliders.js +0 -198
- package/cjs/components/color-picker/modules/sb-spectrum.js +0 -137
- package/cjs/components/color-picker/modules/wheel.js +0 -198
- package/cjs/components/contacts-list/contacts-list.js +0 -8
- package/cjs/components/data-table/data-table-class.js +0 -188
- package/cjs/components/data-table/data-table.js +0 -75
- package/cjs/components/dialog/dialog-class.js +0 -250
- package/cjs/components/dialog/dialog.js +0 -297
- package/cjs/components/elevation/elevation.js +0 -8
- package/cjs/components/fab/fab.js +0 -195
- package/cjs/components/form/form.js +0 -341
- package/cjs/components/gauge/gauge-class.js +0 -332
- package/cjs/components/gauge/gauge.js +0 -103
- package/cjs/components/grid/grid.js +0 -233
- package/cjs/components/icon/icon.js +0 -8
- package/cjs/components/infinite-scroll/infinite-scroll.js +0 -111
- package/cjs/components/input/input.js +0 -396
- package/cjs/components/lazy/lazy.js +0 -283
- package/cjs/components/link/link.js +0 -8
- package/cjs/components/list/list.js +0 -8
- package/cjs/components/list-index/list-index-class.js +0 -405
- package/cjs/components/list-index/list-index.js +0 -77
- package/cjs/components/login-screen/login-screen-class.js +0 -68
- package/cjs/components/login-screen/login-screen.js +0 -44
- package/cjs/components/menu/menu.js +0 -92
- package/cjs/components/messagebar/messagebar-class.js +0 -446
- package/cjs/components/messagebar/messagebar.js +0 -78
- package/cjs/components/messages/messages-class.js +0 -633
- package/cjs/components/messages/messages.js +0 -76
- package/cjs/components/modal/custom-modal-class.js +0 -99
- package/cjs/components/modal/modal-class.js +0 -277
- package/cjs/components/modal/modal.js +0 -32
- package/cjs/components/navbar/navbar.js +0 -833
- package/cjs/components/notification/notification-class.js +0 -269
- package/cjs/components/notification/notification.js +0 -44
- package/cjs/components/page/page.js +0 -8
- package/cjs/components/panel/panel-class.js +0 -660
- package/cjs/components/panel/panel.js +0 -219
- package/cjs/components/panel/resizable-panel.js +0 -197
- package/cjs/components/panel/swipe-panel.js +0 -363
- package/cjs/components/photo-browser/photo-browser-class.js +0 -781
- package/cjs/components/photo-browser/photo-browser.js +0 -78
- package/cjs/components/picker/picker-class.js +0 -704
- package/cjs/components/picker/picker-column.js +0 -389
- package/cjs/components/picker/picker.js +0 -77
- package/cjs/components/pie-chart/pie-chart-class.js +0 -290
- package/cjs/components/pie-chart/pie-chart.js +0 -44
- package/cjs/components/popover/popover-class.js +0 -365
- package/cjs/components/popover/popover.js +0 -93
- package/cjs/components/popup/popup-class.js +0 -416
- package/cjs/components/popup/popup.js +0 -57
- package/cjs/components/preloader/preloader.js +0 -111
- package/cjs/components/progressbar/progressbar.js +0 -185
- package/cjs/components/pull-to-refresh/pull-to-refresh-class.js +0 -627
- package/cjs/components/pull-to-refresh/pull-to-refresh.js +0 -74
- package/cjs/components/radio/radio.js +0 -8
- package/cjs/components/range/range-class.js +0 -674
- package/cjs/components/range/range.js +0 -93
- package/cjs/components/searchbar/remove-diacritics.js +0 -283
- package/cjs/components/searchbar/searchbar-class.js +0 -739
- package/cjs/components/searchbar/searchbar.js +0 -141
- package/cjs/components/sheet/sheet-class.js +0 -583
- package/cjs/components/sheet/sheet.js +0 -83
- package/cjs/components/skeleton/skeleton.js +0 -8
- package/cjs/components/smart-select/smart-select-class.js +0 -1005
- package/cjs/components/smart-select/smart-select.js +0 -151
- package/cjs/components/sortable/sortable.js +0 -322
- package/cjs/components/statusbar/statusbar.js +0 -226
- package/cjs/components/stepper/stepper-class.js +0 -497
- package/cjs/components/stepper/stepper.js +0 -96
- package/cjs/components/subnavbar/subnavbar.js +0 -28
- package/cjs/components/swipeout/swipeout.js +0 -618
- package/cjs/components/swiper/swiper.js +0 -189
- package/cjs/components/tabs/tabs.js +0 -296
- package/cjs/components/text-editor/text-editor-class.js +0 -627
- package/cjs/components/text-editor/text-editor.js +0 -93
- package/cjs/components/timeline/timeline.js +0 -8
- package/cjs/components/toast/toast-class.js +0 -142
- package/cjs/components/toast/toast.js +0 -51
- package/cjs/components/toggle/toggle-class.js +0 -213
- package/cjs/components/toggle/toggle.js +0 -72
- package/cjs/components/toolbar/toolbar.js +0 -234
- package/cjs/components/tooltip/tooltip-class.js +0 -409
- package/cjs/components/tooltip/tooltip.js +0 -146
- package/cjs/components/touch-ripple/touch-ripple-class.js +0 -110
- package/cjs/components/touch-ripple/touch-ripple.js +0 -34
- package/cjs/components/treeview/treeview.js +0 -88
- package/cjs/components/typography/typography.js +0 -8
- package/cjs/components/view/resizable-view.js +0 -155
- package/cjs/components/view/view-class.js +0 -251
- package/cjs/components/view/view.js +0 -196
- package/cjs/components/virtual-list/virtual-list-class.js +0 -654
- package/cjs/components/virtual-list/virtual-list.js +0 -27
- package/cjs/framework7-bundle.js +0 -208
- package/cjs/framework7-lite-bundle.js +0 -191
- package/cjs/framework7-lite.js +0 -87
- package/cjs/framework7.js +0 -98
- package/cjs/modules/clicks/clicks.js +0 -115
- package/cjs/modules/component/$h.js +0 -31
- package/cjs/modules/component/$jsx.js +0 -31
- package/cjs/modules/component/component-class.js +0 -415
- package/cjs/modules/component/component.js +0 -58
- package/cjs/modules/component/custom-components.js +0 -6
- package/cjs/modules/component/eventslisteners.js +0 -90
- package/cjs/modules/component/parse-component.js +0 -80
- package/cjs/modules/component/patch.js +0 -21
- package/cjs/modules/component/snabbdom/h.js +0 -72
- package/cjs/modules/component/snabbdom/helpers/attachto.js +0 -62
- package/cjs/modules/component/snabbdom/hooks.js +0 -1
- package/cjs/modules/component/snabbdom/htmldomapi.js +0 -90
- package/cjs/modules/component/snabbdom/is.js +0 -11
- package/cjs/modules/component/snabbdom/modules/attributes.js +0 -61
- package/cjs/modules/component/snabbdom/modules/class.js +0 -38
- package/cjs/modules/component/snabbdom/modules/dataset.js +0 -47
- package/cjs/modules/component/snabbdom/modules/eventlisteners.js +0 -106
- package/cjs/modules/component/snabbdom/modules/hero.js +0 -193
- package/cjs/modules/component/snabbdom/modules/module.js +0 -1
- package/cjs/modules/component/snabbdom/modules/props.js +0 -40
- package/cjs/modules/component/snabbdom/modules/style.js +0 -116
- package/cjs/modules/component/snabbdom/snabbdom.bundle.js +0 -33
- package/cjs/modules/component/snabbdom/snabbdom.js +0 -374
- package/cjs/modules/component/snabbdom/thunk.js +0 -66
- package/cjs/modules/component/snabbdom/tovnode.js +0 -57
- package/cjs/modules/component/snabbdom/vnode.js +0 -20
- package/cjs/modules/component/vdom.js +0 -393
- package/cjs/modules/demo-module.js +0 -49
- package/cjs/modules/device/device.js +0 -56
- package/cjs/modules/history/history.js +0 -21
- package/cjs/modules/request/request.js +0 -20
- package/cjs/modules/resize/resize.js +0 -72
- package/cjs/modules/router/app-router-check.js +0 -10
- package/cjs/modules/router/async-component.js +0 -33
- package/cjs/modules/router/back.js +0 -899
- package/cjs/modules/router/clear-previous-history.js +0 -50
- package/cjs/modules/router/component-loader.js +0 -140
- package/cjs/modules/router/modal.js +0 -254
- package/cjs/modules/router/navigate.js +0 -1054
- package/cjs/modules/router/process-route-queue.js +0 -80
- package/cjs/modules/router/redirect.js +0 -52
- package/cjs/modules/router/router-class.js +0 -1500
- package/cjs/modules/router/router.js +0 -36
- package/cjs/modules/router/swipe-back.js +0 -735
- package/cjs/modules/router/tab.js +0 -264
- package/cjs/modules/service-worker/service-worker.js +0 -101
- package/cjs/modules/store/create-store.js +0 -169
- package/cjs/modules/store/store.js +0 -21
- package/cjs/modules/support/support.js +0 -14
- package/cjs/modules/touch/touch.js +0 -585
- package/cjs/modules/utils/utils.js +0 -21
- package/cjs/shared/$jsx.js +0 -39
- package/cjs/shared/class.js +0 -206
- package/cjs/shared/constructor-methods.js +0 -73
- package/cjs/shared/dom7.js +0 -17
- package/cjs/shared/events-class.js +0 -125
- package/cjs/shared/get-device.js +0 -157
- package/cjs/shared/get-support.js +0 -44
- package/cjs/shared/history.js +0 -185
- package/cjs/shared/modal-methods.js +0 -105
- package/cjs/shared/request.js +0 -552
- package/cjs/shared/utils.js +0 -472
- package/components/accordion/package.json +0 -9
- package/components/actions/package.json +0 -9
- package/components/app/package.json +0 -9
- package/components/appbar/package.json +0 -9
- package/components/area-chart/package.json +0 -9
- package/components/autocomplete/package.json +0 -9
- package/components/badge/package.json +0 -9
- package/components/block/package.json +0 -9
- package/components/button/package.json +0 -9
- package/components/calendar/package.json +0 -9
- package/components/card/package.json +0 -9
- package/components/checkbox/package.json +0 -9
- package/components/chip/package.json +0 -9
- package/components/color-picker/package.json +0 -9
- package/components/contacts-list/package.json +0 -9
- package/components/data-table/package.json +0 -9
- package/components/dialog/package.json +0 -9
- package/components/elevation/package.json +0 -9
- package/components/fab/package.json +0 -9
- package/components/form/package.json +0 -9
- package/components/gauge/package.json +0 -9
- package/components/grid/package.json +0 -9
- package/components/icon/package.json +0 -9
- package/components/infinite-scroll/package.json +0 -9
- package/components/input/package.json +0 -9
- package/components/lazy/package.json +0 -9
- package/components/link/package.json +0 -9
- package/components/list/package.json +0 -9
- package/components/list-index/package.json +0 -9
- package/components/login-screen/package.json +0 -9
- package/components/menu/package.json +0 -9
- package/components/messagebar/package.json +0 -9
- package/components/messages/package.json +0 -9
- package/components/modal/package.json +0 -9
- package/components/navbar/package.json +0 -9
- package/components/notification/package.json +0 -9
- package/components/page/package.json +0 -9
- package/components/panel/package.json +0 -9
- package/components/photo-browser/package.json +0 -9
- package/components/picker/package.json +0 -9
- package/components/pie-chart/package.json +0 -9
- package/components/popover/package.json +0 -9
- package/components/popup/package.json +0 -9
- package/components/preloader/package.json +0 -9
- package/components/progressbar/package.json +0 -9
- package/components/pull-to-refresh/package.json +0 -9
- package/components/radio/package.json +0 -9
- package/components/range/package.json +0 -9
- package/components/searchbar/package.json +0 -9
- package/components/sheet/package.json +0 -9
- package/components/skeleton/package.json +0 -9
- package/components/smart-select/package.json +0 -9
- package/components/sortable/package.json +0 -9
- package/components/statusbar/package.json +0 -9
- package/components/stepper/package.json +0 -9
- package/components/subnavbar/package.json +0 -9
- package/components/swipeout/package.json +0 -9
- package/components/swiper/package.json +0 -9
- package/components/tabs/package.json +0 -9
- package/components/text-editor/package.json +0 -9
- package/components/timeline/package.json +0 -9
- package/components/toast/package.json +0 -9
- package/components/toggle/package.json +0 -9
- package/components/toolbar/package.json +0 -9
- package/components/tooltip/package.json +0 -9
- package/components/touch-ripple/package.json +0 -9
- package/components/treeview/package.json +0 -9
- package/components/typography/package.json +0 -9
- package/components/view/package.json +0 -9
- package/components/virtual-list/package.json +0 -9
- package/core/package.json +0 -8
- package/esm/components/accordion/accordion.js +0 -126
- package/esm/components/actions/actions-class.js +0 -373
- package/esm/components/actions/actions.js +0 -48
- package/esm/components/appbar/appbar.js +0 -3
- package/esm/components/area-chart/area-chart-class.js +0 -517
- package/esm/components/area-chart/area-chart.js +0 -45
- package/esm/components/autocomplete/autocomplete.js +0 -82
- package/esm/components/calendar/calendar.js +0 -113
- package/esm/components/card/card.js +0 -612
- package/esm/components/checkbox/checkbox.js +0 -3
- package/esm/components/chip/chip.js +0 -3
- package/esm/components/color-picker/color-picker.js +0 -94
- package/esm/components/contacts-list/contacts-list.js +0 -3
- package/esm/components/data-table/data-table.js +0 -64
- package/esm/components/dialog/dialog.js +0 -286
- package/esm/components/elevation/elevation.js +0 -3
- package/esm/components/fab/fab.js +0 -185
- package/esm/components/form/form.js +0 -330
- package/esm/components/gauge/gauge-class.js +0 -323
- package/esm/components/gauge/gauge.js +0 -91
- package/esm/components/grid/grid.js +0 -223
- package/esm/components/infinite-scroll/infinite-scroll.js +0 -101
- package/esm/components/input/input.js +0 -384
- package/esm/components/lazy/lazy.js +0 -271
- package/esm/components/list-index/list-index.js +0 -65
- package/esm/components/login-screen/login-screen-class.js +0 -58
- package/esm/components/login-screen/login-screen.js +0 -34
- package/esm/components/menu/menu.js +0 -82
- package/esm/components/messagebar/messagebar.js +0 -66
- package/esm/components/messages/messages.js +0 -65
- package/esm/components/notification/notification.js +0 -33
- package/esm/components/panel/panel.js +0 -208
- package/esm/components/photo-browser/photo-browser.js +0 -68
- package/esm/components/picker/picker.js +0 -66
- package/esm/components/pie-chart/pie-chart-class.js +0 -281
- package/esm/components/pie-chart/pie-chart.js +0 -33
- package/esm/components/popover/popover.js +0 -81
- package/esm/components/popup/popup.js +0 -47
- package/esm/components/preloader/preloader.js +0 -101
- package/esm/components/progressbar/progressbar.js +0 -175
- package/esm/components/pull-to-refresh/pull-to-refresh.js +0 -62
- package/esm/components/radio/radio.js +0 -3
- package/esm/components/range/range.js +0 -81
- package/esm/components/searchbar/remove-diacritics.js +0 -277
- package/esm/components/searchbar/searchbar.js +0 -129
- package/esm/components/sheet/sheet.js +0 -71
- package/esm/components/skeleton/skeleton.js +0 -3
- package/esm/components/smart-select/smart-select.js +0 -139
- package/esm/components/sortable/sortable.js +0 -310
- package/esm/components/stepper/stepper.js +0 -84
- package/esm/components/swipeout/swipeout.js +0 -606
- package/esm/components/swiper/swiper.js +0 -177
- package/esm/components/tabs/tabs.js +0 -286
- package/esm/components/text-editor/text-editor.js +0 -81
- package/esm/components/timeline/timeline.js +0 -3
- package/esm/components/toast/toast-class.js +0 -132
- package/esm/components/toast/toast.js +0 -40
- package/esm/components/toggle/toggle.js +0 -61
- package/esm/components/tooltip/tooltip.js +0 -135
- package/esm/components/touch-ripple/touch-ripple-class.js +0 -103
- package/esm/components/touch-ripple/touch-ripple.js +0 -25
- package/esm/components/treeview/treeview.js +0 -78
- package/esm/components/typography/typography.js +0 -3
- package/esm/components/virtual-list/virtual-list.js +0 -17
- package/esm/modules/component/$h.js +0 -20
- package/esm/modules/component/$jsx.js +0 -24
- package/esm/modules/component/component-class.js +0 -402
- package/esm/modules/component/parse-component.js +0 -70
- package/esm/modules/resize/resize.js +0 -64
- package/esm/modules/router/component-loader.js +0 -133
- package/esm/modules/store/create-store.js +0 -164
- package/esm/shared/$jsx.js +0 -33
- package/esm/shared/class.js +0 -197
- package/esm/shared/constructor-methods.js +0 -65
- package/esm/shared/events-class.js +0 -119
- package/esm/shared/modal-methods.js +0 -95
- package/esm/shared/request.js +0 -545
- package/lite/package.json +0 -8
- package/lite-bundle/package.json +0 -8
- package/modules/clicks/package.json +0 -9
- package/modules/component/package.json +0 -9
- package/modules/device/package.json +0 -9
- package/modules/history/package.json +0 -9
- package/modules/request/package.json +0 -9
- package/modules/resize/package.json +0 -9
- package/modules/router/package.json +0 -9
- package/modules/service-worker/package.json +0 -9
- package/modules/store/package.json +0 -9
- package/modules/support/package.json +0 -9
- package/modules/touch/package.json +0 -9
- package/modules/utils/package.json +0 -9
- package/types/components/accordion/accordion.d.ts +0 -55
- package/types/components/actions/actions.d.ts +0 -158
- package/types/components/app/app-class.d.ts +0 -196
- package/types/components/appbar/appbar.d.ts +0 -10
- package/types/components/area-chart/area-chart.d.ts +0 -124
- package/types/components/autocomplete/autocomplete.d.ts +0 -191
- package/types/components/badge/badge.d.ts +0 -10
- package/types/components/block/block.d.ts +0 -10
- package/types/components/button/button.d.ts +0 -10
- package/types/components/calendar/calendar.d.ts +0 -304
- package/types/components/card/card.d.ts +0 -65
- package/types/components/checkbox/checkbox.d.ts +0 -10
- package/types/components/chip/chip.d.ts +0 -10
- package/types/components/color-picker/color-picker.d.ts +0 -229
- package/types/components/contacts-list/contacts-list.d.ts +0 -10
- package/types/components/data-table/data-table.d.ts +0 -57
- package/types/components/dialog/dialog.d.ts +0 -241
- package/types/components/elevation/elevation.d.ts +0 -10
- package/types/components/fab/fab.d.ts +0 -28
- package/types/components/form/form.d.ts +0 -60
- package/types/components/gauge/gauge.d.ts +0 -96
- package/types/components/grid/grid.d.ts +0 -17
- package/types/components/icon/icon.d.ts +0 -10
- package/types/components/infinite-scroll/infinite-scroll.d.ts +0 -23
- package/types/components/input/input.d.ts +0 -56
- package/types/components/lazy/lazy.d.ts +0 -53
- package/types/components/link/link.d.ts +0 -10
- package/types/components/list/list.d.ts +0 -10
- package/types/components/list-index/list-index.d.ts +0 -99
- package/types/components/login-screen/login-screen.d.ts +0 -95
- package/types/components/menu/menu.d.ts +0 -28
- package/types/components/messagebar/messagebar.d.ts +0 -161
- package/types/components/messages/messages.d.ts +0 -158
- package/types/components/modal/modal.d.ts +0 -78
- package/types/components/navbar/navbar.d.ts +0 -75
- package/types/components/notification/notification.d.ts +0 -118
- package/types/components/page/page.d.ts +0 -10
- package/types/components/panel/panel.d.ts +0 -194
- package/types/components/photo-browser/photo-browser.d.ts +0 -194
- package/types/components/picker/picker.d.ts +0 -216
- package/types/components/pie-chart/pie-chart.d.ts +0 -95
- package/types/components/popover/popover.d.ts +0 -127
- package/types/components/popup/popup.d.ts +0 -135
- package/types/components/preloader/preloader.d.ts +0 -18
- package/types/components/progressbar/progressbar.d.ts +0 -27
- package/types/components/pull-to-refresh/pull-to-refresh.d.ts +0 -99
- package/types/components/radio/radio.d.ts +0 -10
- package/types/components/range/range.d.ts +0 -121
- package/types/components/searchbar/searchbar.d.ts +0 -157
- package/types/components/sheet/sheet.d.ts +0 -149
- package/types/components/skeleton/skeleton.d.ts +0 -10
- package/types/components/smart-select/smart-select.d.ts +0 -199
- package/types/components/sortable/sortable.d.ts +0 -46
- package/types/components/statusbar/statusbar.d.ts +0 -50
- package/types/components/stepper/stepper.d.ts +0 -117
- package/types/components/subnavbar/subnavbar.d.ts +0 -11
- package/types/components/swipeout/swipeout.d.ts +0 -68
- package/types/components/swiper/swiper.d.ts +0 -21
- package/types/components/tabs/tabs.d.ts +0 -39
- package/types/components/text-editor/text-editor.d.ts +0 -162
- package/types/components/timeline/timeline.d.ts +0 -10
- package/types/components/toast/toast.d.ts +0 -117
- package/types/components/toggle/toggle.d.ts +0 -69
- package/types/components/toolbar/toolbar.d.ts +0 -43
- package/types/components/tooltip/tooltip.d.ts +0 -101
- package/types/components/touch-ripple/touch-ripple.d.ts +0 -21
- package/types/components/treeview/treeview.d.ts +0 -38
- package/types/components/typography/typography.d.ts +0 -10
- package/types/components/view/view.d.ts +0 -205
- package/types/components/virtual-list/virtual-list.d.ts +0 -138
- package/types/modules/clicks/clicks.d.ts +0 -19
- package/types/modules/component/component.d.ts +0 -94
- package/types/modules/component/snabbdom/h.d.ts +0 -10
- package/types/modules/component/snabbdom/helpers/attachto.d.ts +0 -9
- package/types/modules/component/snabbdom/hooks.d.ts +0 -23
- package/types/modules/component/snabbdom/htmldomapi.d.ts +0 -19
- package/types/modules/component/snabbdom/is.d.ts +0 -2
- package/types/modules/component/snabbdom/modules/attributes.d.ts +0 -4
- package/types/modules/component/snabbdom/modules/class.d.ts +0 -4
- package/types/modules/component/snabbdom/modules/dataset.d.ts +0 -4
- package/types/modules/component/snabbdom/modules/eventlisteners.d.ts +0 -8
- package/types/modules/component/snabbdom/modules/hero.d.ts +0 -6
- package/types/modules/component/snabbdom/modules/module.d.ts +0 -9
- package/types/modules/component/snabbdom/modules/props.d.ts +0 -4
- package/types/modules/component/snabbdom/modules/style.d.ts +0 -7
- package/types/modules/component/snabbdom/snabbdom.bundle.d.ts +0 -5
- package/types/modules/component/snabbdom/snabbdom.d.ts +0 -6
- package/types/modules/component/snabbdom/thunk.d.ts +0 -14
- package/types/modules/component/snabbdom/tovnode.d.ts +0 -4
- package/types/modules/component/snabbdom/vnode.d.ts +0 -36
- package/types/modules/device/device.d.ts +0 -14
- package/types/modules/request/request.d.ts +0 -15
- package/types/modules/resize/resize.d.ts +0 -25
- package/types/modules/router/router.d.ts +0 -356
- package/types/modules/service-worker/service-worker.d.ts +0 -38
- package/types/modules/store/store.d.ts +0 -40
- package/types/modules/support/support.d.ts +0 -15
- package/types/modules/touch/touch.d.ts +0 -62
- package/types/modules/utils/utils.d.ts +0 -15
- package/types/package.json +0 -6
|
@@ -1,396 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.default = void 0;
|
|
5
|
-
|
|
6
|
-
var _ssrWindow = require("ssr-window");
|
|
7
|
-
|
|
8
|
-
var _dom = _interopRequireDefault(require("../../shared/dom7"));
|
|
9
|
-
|
|
10
|
-
var _utils = require("../../shared/utils");
|
|
11
|
-
|
|
12
|
-
var _getDevice = require("../../shared/get-device");
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
|
-
var Input = {
|
|
17
|
-
ignoreTypes: ['checkbox', 'button', 'submit', 'range', 'radio', 'image'],
|
|
18
|
-
createTextareaResizableShadow: function createTextareaResizableShadow() {
|
|
19
|
-
var document = (0, _ssrWindow.getDocument)();
|
|
20
|
-
var $shadowEl = (0, _dom.default)(document.createElement('textarea'));
|
|
21
|
-
$shadowEl.addClass('textarea-resizable-shadow');
|
|
22
|
-
$shadowEl.prop({
|
|
23
|
-
disabled: true,
|
|
24
|
-
readonly: true
|
|
25
|
-
});
|
|
26
|
-
Input.textareaResizableShadow = $shadowEl;
|
|
27
|
-
},
|
|
28
|
-
textareaResizableShadow: undefined,
|
|
29
|
-
resizeTextarea: function resizeTextarea(textareaEl) {
|
|
30
|
-
var app = this;
|
|
31
|
-
var window = (0, _ssrWindow.getWindow)();
|
|
32
|
-
var $textareaEl = (0, _dom.default)(textareaEl);
|
|
33
|
-
|
|
34
|
-
if (!Input.textareaResizableShadow) {
|
|
35
|
-
Input.createTextareaResizableShadow();
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
var $shadowEl = Input.textareaResizableShadow;
|
|
39
|
-
if (!$textareaEl.length) return;
|
|
40
|
-
if (!$textareaEl.hasClass('resizable')) return;
|
|
41
|
-
|
|
42
|
-
if (Input.textareaResizableShadow.parents().length === 0) {
|
|
43
|
-
app.$el.append($shadowEl);
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
var styles = window.getComputedStyle($textareaEl[0]);
|
|
47
|
-
'padding-top padding-bottom padding-left padding-right margin-left margin-right margin-top margin-bottom width font-size font-family font-style font-weight line-height font-variant text-transform letter-spacing border box-sizing display'.split(' ').forEach(function (style) {
|
|
48
|
-
var styleValue = styles[style];
|
|
49
|
-
|
|
50
|
-
if ('font-size line-height letter-spacing width'.split(' ').indexOf(style) >= 0) {
|
|
51
|
-
styleValue = styleValue.replace(',', '.');
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
$shadowEl.css(style, styleValue);
|
|
55
|
-
});
|
|
56
|
-
var currentHeight = $textareaEl[0].clientHeight;
|
|
57
|
-
$shadowEl.val('');
|
|
58
|
-
var initialHeight = $shadowEl[0].scrollHeight;
|
|
59
|
-
$shadowEl.val($textareaEl.val());
|
|
60
|
-
$shadowEl.css('height', 0);
|
|
61
|
-
var scrollHeight = $shadowEl[0].scrollHeight;
|
|
62
|
-
|
|
63
|
-
if (currentHeight !== scrollHeight) {
|
|
64
|
-
if (scrollHeight > initialHeight) {
|
|
65
|
-
$textareaEl.css('height', scrollHeight + "px");
|
|
66
|
-
} else if (scrollHeight < currentHeight) {
|
|
67
|
-
$textareaEl.css('height', '');
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
if (scrollHeight > initialHeight || scrollHeight < currentHeight) {
|
|
71
|
-
$textareaEl.trigger('textarea:resize', {
|
|
72
|
-
initialHeight: initialHeight,
|
|
73
|
-
currentHeight: currentHeight,
|
|
74
|
-
scrollHeight: scrollHeight
|
|
75
|
-
});
|
|
76
|
-
app.emit('textareaResize', {
|
|
77
|
-
initialHeight: initialHeight,
|
|
78
|
-
currentHeight: currentHeight,
|
|
79
|
-
scrollHeight: scrollHeight
|
|
80
|
-
});
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
},
|
|
84
|
-
validate: function validate(inputEl) {
|
|
85
|
-
var $inputEl = (0, _dom.default)(inputEl);
|
|
86
|
-
if (!$inputEl.length) return true;
|
|
87
|
-
var $itemInputEl = $inputEl.parents('.item-input');
|
|
88
|
-
var $inputWrapEl = $inputEl.parents('.input');
|
|
89
|
-
|
|
90
|
-
function unsetReadonly() {
|
|
91
|
-
if ($inputEl[0].f7ValidateReadonly) {
|
|
92
|
-
$inputEl[0].readOnly = false;
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
function setReadonly() {
|
|
97
|
-
if ($inputEl[0].f7ValidateReadonly) {
|
|
98
|
-
$inputEl[0].readOnly = true;
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
unsetReadonly();
|
|
103
|
-
var validity = $inputEl[0].validity;
|
|
104
|
-
var validationMessage = $inputEl.dataset().errorMessage || $inputEl[0].validationMessage || '';
|
|
105
|
-
|
|
106
|
-
if (!validity) {
|
|
107
|
-
setReadonly();
|
|
108
|
-
return true;
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
if (!validity.valid) {
|
|
112
|
-
var $errorEl = $inputEl.nextAll('.item-input-error-message, .input-error-message');
|
|
113
|
-
|
|
114
|
-
if (validationMessage) {
|
|
115
|
-
if ($errorEl.length === 0) {
|
|
116
|
-
$errorEl = (0, _dom.default)("<div class=\"" + ($inputWrapEl.length ? 'input-error-message' : 'item-input-error-message') + "\"></div>");
|
|
117
|
-
$errorEl.insertAfter($inputEl);
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
$errorEl.text(validationMessage);
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
if ($errorEl.length > 0) {
|
|
124
|
-
$itemInputEl.addClass('item-input-with-error-message');
|
|
125
|
-
$inputWrapEl.addClass('input-with-error-message');
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
$itemInputEl.addClass('item-input-invalid');
|
|
129
|
-
$inputWrapEl.addClass('input-invalid');
|
|
130
|
-
$inputEl.addClass('input-invalid');
|
|
131
|
-
setReadonly();
|
|
132
|
-
return false;
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
$itemInputEl.removeClass('item-input-invalid item-input-with-error-message');
|
|
136
|
-
$inputWrapEl.removeClass('input-invalid input-with-error-message');
|
|
137
|
-
$inputEl.removeClass('input-invalid');
|
|
138
|
-
setReadonly();
|
|
139
|
-
return true;
|
|
140
|
-
},
|
|
141
|
-
validateInputs: function validateInputs(el) {
|
|
142
|
-
var app = this;
|
|
143
|
-
var validates = (0, _dom.default)(el).find('input, textarea, select').map(function (inputEl) {
|
|
144
|
-
return app.input.validate(inputEl);
|
|
145
|
-
});
|
|
146
|
-
return validates.indexOf(false) < 0;
|
|
147
|
-
},
|
|
148
|
-
focus: function focus(inputEl) {
|
|
149
|
-
var $inputEl = (0, _dom.default)(inputEl);
|
|
150
|
-
var type = $inputEl.attr('type');
|
|
151
|
-
if (Input.ignoreTypes.indexOf(type) >= 0) return;
|
|
152
|
-
$inputEl.parents('.item-input').addClass('item-input-focused');
|
|
153
|
-
$inputEl.parents('.input').addClass('input-focused');
|
|
154
|
-
$inputEl.addClass('input-focused');
|
|
155
|
-
},
|
|
156
|
-
blur: function blur(inputEl) {
|
|
157
|
-
var $inputEl = (0, _dom.default)(inputEl);
|
|
158
|
-
$inputEl.parents('.item-input').removeClass('item-input-focused');
|
|
159
|
-
$inputEl.parents('.input').removeClass('input-focused');
|
|
160
|
-
$inputEl.removeClass('input-focused');
|
|
161
|
-
},
|
|
162
|
-
checkEmptyState: function checkEmptyState(inputEl) {
|
|
163
|
-
var app = this;
|
|
164
|
-
var $inputEl = (0, _dom.default)(inputEl);
|
|
165
|
-
|
|
166
|
-
if (!$inputEl.is('input, select, textarea, .item-input [contenteditable]')) {
|
|
167
|
-
$inputEl = $inputEl.find('input, select, textarea, .item-input [contenteditable]').eq(0);
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
if (!$inputEl.length) return;
|
|
171
|
-
var isContentEditable = $inputEl[0].hasAttribute('contenteditable');
|
|
172
|
-
var value;
|
|
173
|
-
|
|
174
|
-
if (isContentEditable) {
|
|
175
|
-
if ($inputEl.find('.text-editor-placeholder').length) value = '';else value = $inputEl.html();
|
|
176
|
-
} else {
|
|
177
|
-
value = $inputEl.val();
|
|
178
|
-
}
|
|
179
|
-
|
|
180
|
-
var $itemInputEl = $inputEl.parents('.item-input');
|
|
181
|
-
var $inputWrapEl = $inputEl.parents('.input');
|
|
182
|
-
|
|
183
|
-
if (value && typeof value === 'string' && value.trim() !== '' || Array.isArray(value) && value.length > 0) {
|
|
184
|
-
$itemInputEl.addClass('item-input-with-value');
|
|
185
|
-
$inputWrapEl.addClass('input-with-value');
|
|
186
|
-
$inputEl.addClass('input-with-value');
|
|
187
|
-
$inputEl.trigger('input:notempty');
|
|
188
|
-
app.emit('inputNotEmpty', $inputEl[0]);
|
|
189
|
-
} else {
|
|
190
|
-
$itemInputEl.removeClass('item-input-with-value');
|
|
191
|
-
$inputWrapEl.removeClass('input-with-value');
|
|
192
|
-
$inputEl.removeClass('input-with-value');
|
|
193
|
-
$inputEl.trigger('input:empty');
|
|
194
|
-
app.emit('inputEmpty', $inputEl[0]);
|
|
195
|
-
}
|
|
196
|
-
},
|
|
197
|
-
scrollIntoView: function scrollIntoView(inputEl, duration, centered, force) {
|
|
198
|
-
if (duration === void 0) {
|
|
199
|
-
duration = 0;
|
|
200
|
-
}
|
|
201
|
-
|
|
202
|
-
var $inputEl = (0, _dom.default)(inputEl);
|
|
203
|
-
var $scrollableEl = $inputEl.parents('.page-content, .panel, .card-expandable .card-content').eq(0);
|
|
204
|
-
|
|
205
|
-
if (!$scrollableEl.length) {
|
|
206
|
-
return false;
|
|
207
|
-
}
|
|
208
|
-
|
|
209
|
-
var contentHeight = $scrollableEl[0].offsetHeight;
|
|
210
|
-
var contentScrollTop = $scrollableEl[0].scrollTop;
|
|
211
|
-
var contentPaddingTop = parseInt($scrollableEl.css('padding-top'), 10);
|
|
212
|
-
var contentPaddingBottom = parseInt($scrollableEl.css('padding-bottom'), 10);
|
|
213
|
-
var contentOffsetTop = $scrollableEl.offset().top - contentScrollTop;
|
|
214
|
-
var inputOffsetTop = $inputEl.offset().top - contentOffsetTop;
|
|
215
|
-
var inputHeight = $inputEl[0].offsetHeight;
|
|
216
|
-
var min = inputOffsetTop + contentScrollTop - contentPaddingTop;
|
|
217
|
-
var max = inputOffsetTop + contentScrollTop - contentHeight + contentPaddingBottom + inputHeight;
|
|
218
|
-
var centeredPosition = min + (max - min) / 2;
|
|
219
|
-
|
|
220
|
-
if (contentScrollTop > min) {
|
|
221
|
-
$scrollableEl.scrollTop(centered ? centeredPosition : min, duration);
|
|
222
|
-
return true;
|
|
223
|
-
}
|
|
224
|
-
|
|
225
|
-
if (contentScrollTop < max) {
|
|
226
|
-
$scrollableEl.scrollTop(centered ? centeredPosition : max, duration);
|
|
227
|
-
return true;
|
|
228
|
-
}
|
|
229
|
-
|
|
230
|
-
if (force) {
|
|
231
|
-
$scrollableEl.scrollTop(centered ? centeredPosition : max, duration);
|
|
232
|
-
}
|
|
233
|
-
|
|
234
|
-
return false;
|
|
235
|
-
},
|
|
236
|
-
init: function init() {
|
|
237
|
-
var app = this;
|
|
238
|
-
var device = (0, _getDevice.getDevice)();
|
|
239
|
-
var window = (0, _ssrWindow.getWindow)();
|
|
240
|
-
var document = (0, _ssrWindow.getDocument)();
|
|
241
|
-
Input.createTextareaResizableShadow();
|
|
242
|
-
|
|
243
|
-
function onFocus() {
|
|
244
|
-
var inputEl = this;
|
|
245
|
-
|
|
246
|
-
if (app.params.input.scrollIntoViewOnFocus) {
|
|
247
|
-
if (device.android) {
|
|
248
|
-
(0, _dom.default)(window).once('resize', function () {
|
|
249
|
-
if (document && document.activeElement === inputEl) {
|
|
250
|
-
app.input.scrollIntoView(inputEl, app.params.input.scrollIntoViewDuration, app.params.input.scrollIntoViewCentered, app.params.input.scrollIntoViewAlways);
|
|
251
|
-
}
|
|
252
|
-
});
|
|
253
|
-
} else {
|
|
254
|
-
app.input.scrollIntoView(inputEl, app.params.input.scrollIntoViewDuration, app.params.input.scrollIntoViewCentered, app.params.input.scrollIntoViewAlways);
|
|
255
|
-
}
|
|
256
|
-
}
|
|
257
|
-
|
|
258
|
-
app.input.focus(inputEl);
|
|
259
|
-
}
|
|
260
|
-
|
|
261
|
-
function onBlur() {
|
|
262
|
-
var $inputEl = (0, _dom.default)(this);
|
|
263
|
-
var tag = $inputEl[0].nodeName.toLowerCase();
|
|
264
|
-
app.input.blur($inputEl);
|
|
265
|
-
|
|
266
|
-
if ($inputEl.dataset().validate || $inputEl.attr('validate') !== null || $inputEl.attr('data-validate-on-blur') !== null) {
|
|
267
|
-
app.input.validate($inputEl);
|
|
268
|
-
} // Resize textarea
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
if (tag === 'textarea' && $inputEl.hasClass('resizable')) {
|
|
272
|
-
if (Input.textareaResizableShadow) Input.textareaResizableShadow.remove();
|
|
273
|
-
}
|
|
274
|
-
}
|
|
275
|
-
|
|
276
|
-
function onChange() {
|
|
277
|
-
var $inputEl = (0, _dom.default)(this);
|
|
278
|
-
var type = $inputEl.attr('type');
|
|
279
|
-
var tag = $inputEl[0].nodeName.toLowerCase();
|
|
280
|
-
var isContentEditable = $inputEl[0].hasAttribute('contenteditable');
|
|
281
|
-
if (Input.ignoreTypes.indexOf(type) >= 0) return; // Check Empty State
|
|
282
|
-
|
|
283
|
-
app.input.checkEmptyState($inputEl);
|
|
284
|
-
if (isContentEditable) return; // Check validation
|
|
285
|
-
|
|
286
|
-
if ($inputEl.attr('data-validate-on-blur') === null && ($inputEl.dataset().validate || $inputEl.attr('validate') !== null)) {
|
|
287
|
-
app.input.validate($inputEl);
|
|
288
|
-
} // Resize textarea
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
if (tag === 'textarea' && $inputEl.hasClass('resizable')) {
|
|
292
|
-
app.input.resizeTextarea($inputEl);
|
|
293
|
-
}
|
|
294
|
-
}
|
|
295
|
-
|
|
296
|
-
function onInvalid(e) {
|
|
297
|
-
var $inputEl = (0, _dom.default)(this);
|
|
298
|
-
|
|
299
|
-
if ($inputEl.attr('data-validate-on-blur') === null && ($inputEl.dataset().validate || $inputEl.attr('validate') !== null)) {
|
|
300
|
-
e.preventDefault();
|
|
301
|
-
app.input.validate($inputEl);
|
|
302
|
-
}
|
|
303
|
-
}
|
|
304
|
-
|
|
305
|
-
function clearInput() {
|
|
306
|
-
var $clicked = (0, _dom.default)(this);
|
|
307
|
-
var $inputEl = $clicked.siblings('input, textarea').eq(0);
|
|
308
|
-
var previousValue = $inputEl.val();
|
|
309
|
-
$inputEl.val('').trigger('input change').focus().trigger('input:clear', previousValue);
|
|
310
|
-
app.emit('inputClear', previousValue);
|
|
311
|
-
}
|
|
312
|
-
|
|
313
|
-
function preventDefault(e) {
|
|
314
|
-
e.preventDefault();
|
|
315
|
-
}
|
|
316
|
-
|
|
317
|
-
(0, _dom.default)(document).on('click', '.input-clear-button', clearInput);
|
|
318
|
-
(0, _dom.default)(document).on('mousedown', '.input-clear-button', preventDefault);
|
|
319
|
-
(0, _dom.default)(document).on('change input', 'input, textarea, select, .item-input [contenteditable]', onChange, true);
|
|
320
|
-
(0, _dom.default)(document).on('focus', 'input, textarea, select, .item-input [contenteditable]', onFocus, true);
|
|
321
|
-
(0, _dom.default)(document).on('blur', 'input, textarea, select, .item-input [contenteditable]', onBlur, true);
|
|
322
|
-
(0, _dom.default)(document).on('invalid', 'input, textarea, select', onInvalid, true);
|
|
323
|
-
}
|
|
324
|
-
};
|
|
325
|
-
var _default = {
|
|
326
|
-
name: 'input',
|
|
327
|
-
params: {
|
|
328
|
-
input: {
|
|
329
|
-
scrollIntoViewOnFocus: undefined,
|
|
330
|
-
scrollIntoViewCentered: false,
|
|
331
|
-
scrollIntoViewDuration: 0,
|
|
332
|
-
scrollIntoViewAlways: false
|
|
333
|
-
}
|
|
334
|
-
},
|
|
335
|
-
create: function create() {
|
|
336
|
-
var app = this;
|
|
337
|
-
|
|
338
|
-
if (typeof app.params.input.scrollIntoViewOnFocus === 'undefined') {
|
|
339
|
-
app.params.input.scrollIntoViewOnFocus = (0, _getDevice.getDevice)().android;
|
|
340
|
-
}
|
|
341
|
-
|
|
342
|
-
(0, _utils.bindMethods)(app, {
|
|
343
|
-
input: Input
|
|
344
|
-
});
|
|
345
|
-
},
|
|
346
|
-
on: {
|
|
347
|
-
init: function init() {
|
|
348
|
-
var app = this;
|
|
349
|
-
app.input.init();
|
|
350
|
-
},
|
|
351
|
-
tabMounted: function tabMounted(tabEl) {
|
|
352
|
-
var app = this;
|
|
353
|
-
var $tabEl = (0, _dom.default)(tabEl);
|
|
354
|
-
$tabEl.find('.item-input, .input').each(function (itemInputEl) {
|
|
355
|
-
var $itemInputEl = (0, _dom.default)(itemInputEl);
|
|
356
|
-
$itemInputEl.find('input, select, textarea, [contenteditable]').each(function (inputEl) {
|
|
357
|
-
var $inputEl = (0, _dom.default)(inputEl);
|
|
358
|
-
if (Input.ignoreTypes.indexOf($inputEl.attr('type')) >= 0) return;
|
|
359
|
-
app.input.checkEmptyState($inputEl);
|
|
360
|
-
});
|
|
361
|
-
});
|
|
362
|
-
$tabEl.find('textarea.resizable').each(function (textareaEl) {
|
|
363
|
-
app.input.resizeTextarea(textareaEl);
|
|
364
|
-
});
|
|
365
|
-
},
|
|
366
|
-
pageInit: function pageInit(page) {
|
|
367
|
-
var app = this;
|
|
368
|
-
var $pageEl = page.$el;
|
|
369
|
-
$pageEl.find('.item-input, .input').each(function (itemInputEl) {
|
|
370
|
-
var $itemInputEl = (0, _dom.default)(itemInputEl);
|
|
371
|
-
$itemInputEl.find('input, select, textarea, [contenteditable]').each(function (inputEl) {
|
|
372
|
-
var $inputEl = (0, _dom.default)(inputEl);
|
|
373
|
-
if (Input.ignoreTypes.indexOf($inputEl.attr('type')) >= 0) return;
|
|
374
|
-
app.input.checkEmptyState($inputEl);
|
|
375
|
-
});
|
|
376
|
-
});
|
|
377
|
-
$pageEl.find('textarea.resizable').each(function (textareaEl) {
|
|
378
|
-
app.input.resizeTextarea(textareaEl);
|
|
379
|
-
});
|
|
380
|
-
},
|
|
381
|
-
'panelBreakpoint panelCollapsedBreakpoint panelResize panelOpen panelSwipeOpen resize viewMasterDetailBreakpoint': function onPanelOpen(instance) {
|
|
382
|
-
var app = this;
|
|
383
|
-
|
|
384
|
-
if (instance && instance.$el) {
|
|
385
|
-
instance.$el.find('textarea.resizable').each(function (textareaEl) {
|
|
386
|
-
app.input.resizeTextarea(textareaEl);
|
|
387
|
-
});
|
|
388
|
-
} else {
|
|
389
|
-
(0, _dom.default)('textarea.resizable').each(function (textareaEl) {
|
|
390
|
-
app.input.resizeTextarea(textareaEl);
|
|
391
|
-
});
|
|
392
|
-
}
|
|
393
|
-
}
|
|
394
|
-
}
|
|
395
|
-
};
|
|
396
|
-
exports.default = _default;
|
|
@@ -1,283 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.default = void 0;
|
|
5
|
-
|
|
6
|
-
var _ssrWindow = require("ssr-window");
|
|
7
|
-
|
|
8
|
-
var _dom = _interopRequireDefault(require("../../shared/dom7"));
|
|
9
|
-
|
|
10
|
-
var _utils = require("../../shared/utils");
|
|
11
|
-
|
|
12
|
-
var _getSupport = require("../../shared/get-support");
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
|
-
var Lazy = {
|
|
17
|
-
destroy: function destroy(pageEl) {
|
|
18
|
-
var $pageEl = (0, _dom.default)(pageEl).closest('.page');
|
|
19
|
-
if (!$pageEl.length) return;
|
|
20
|
-
|
|
21
|
-
if ($pageEl[0].f7LazyDestroy) {
|
|
22
|
-
$pageEl[0].f7LazyDestroy();
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
create: function create(pageEl) {
|
|
26
|
-
var app = this;
|
|
27
|
-
var window = (0, _ssrWindow.getWindow)();
|
|
28
|
-
var support = (0, _getSupport.getSupport)();
|
|
29
|
-
var $pageEl = (0, _dom.default)(pageEl).closest('.page').eq(0); // Lazy images
|
|
30
|
-
|
|
31
|
-
var $lazyLoadImages = $pageEl.find('.lazy');
|
|
32
|
-
if ($lazyLoadImages.length === 0 && !$pageEl.hasClass('lazy')) return; // Placeholder
|
|
33
|
-
|
|
34
|
-
var placeholderSrc = app.params.lazy.placeholder;
|
|
35
|
-
|
|
36
|
-
if (placeholderSrc !== false) {
|
|
37
|
-
$lazyLoadImages.each(function (lazyEl) {
|
|
38
|
-
if ((0, _dom.default)(lazyEl).attr('data-src') && !(0, _dom.default)(lazyEl).attr('src')) (0, _dom.default)(lazyEl).attr('src', placeholderSrc);
|
|
39
|
-
});
|
|
40
|
-
} // load image
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
var imagesSequence = [];
|
|
44
|
-
var imageIsLoading = false;
|
|
45
|
-
|
|
46
|
-
function onImageComplete(lazyEl) {
|
|
47
|
-
if (imagesSequence.indexOf(lazyEl) >= 0) {
|
|
48
|
-
imagesSequence.splice(imagesSequence.indexOf(lazyEl), 1);
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
imageIsLoading = false;
|
|
52
|
-
|
|
53
|
-
if (app.params.lazy.sequential && imagesSequence.length > 0) {
|
|
54
|
-
imageIsLoading = true;
|
|
55
|
-
app.lazy.loadImage(imagesSequence[0], onImageComplete);
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
function observerCallback(entries, observer) {
|
|
60
|
-
entries.forEach(function (entry) {
|
|
61
|
-
if (entry.isIntersecting) {
|
|
62
|
-
if (app.params.lazy.sequential && imageIsLoading) {
|
|
63
|
-
if (imagesSequence.indexOf(entry.target) < 0) imagesSequence.push(entry.target);
|
|
64
|
-
return;
|
|
65
|
-
} // Load image
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
imageIsLoading = true;
|
|
69
|
-
app.lazy.loadImage(entry.target, onImageComplete); // Detach
|
|
70
|
-
|
|
71
|
-
observer.unobserve(entry.target);
|
|
72
|
-
}
|
|
73
|
-
});
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
if (app.params.lazy.observer && support.intersectionObserver) {
|
|
77
|
-
var observer = $pageEl[0].f7LazyObserver;
|
|
78
|
-
|
|
79
|
-
if (!observer) {
|
|
80
|
-
observer = new window.IntersectionObserver(observerCallback, {
|
|
81
|
-
root: $pageEl[0]
|
|
82
|
-
});
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
$lazyLoadImages.each(function (el) {
|
|
86
|
-
if (el.f7LazyObserverAdded) return;
|
|
87
|
-
el.f7LazyObserverAdded = true;
|
|
88
|
-
observer.observe(el);
|
|
89
|
-
});
|
|
90
|
-
|
|
91
|
-
if (!$pageEl[0].f7LazyDestroy) {
|
|
92
|
-
$pageEl[0].f7LazyDestroy = function () {
|
|
93
|
-
observer.disconnect();
|
|
94
|
-
delete $pageEl[0].f7LazyDestroy;
|
|
95
|
-
delete $pageEl[0].f7LazyObserver;
|
|
96
|
-
};
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
return;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
function lazyHandler() {
|
|
103
|
-
app.lazy.load($pageEl, function (lazyEl) {
|
|
104
|
-
if (app.params.lazy.sequential && imageIsLoading) {
|
|
105
|
-
if (imagesSequence.indexOf(lazyEl) < 0) imagesSequence.push(lazyEl);
|
|
106
|
-
return;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
imageIsLoading = true;
|
|
110
|
-
app.lazy.loadImage(lazyEl, onImageComplete);
|
|
111
|
-
});
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
function attachEvents() {
|
|
115
|
-
$pageEl[0].f7LazyAttached = true;
|
|
116
|
-
$pageEl.on('lazy', lazyHandler);
|
|
117
|
-
$pageEl.on('scroll', lazyHandler, true);
|
|
118
|
-
$pageEl.find('.tab').on('tab:mounted tab:show', lazyHandler);
|
|
119
|
-
app.on('resize', lazyHandler);
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
function detachEvents() {
|
|
123
|
-
$pageEl[0].f7LazyAttached = false;
|
|
124
|
-
delete $pageEl[0].f7LazyAttached;
|
|
125
|
-
$pageEl.off('lazy', lazyHandler);
|
|
126
|
-
$pageEl.off('scroll', lazyHandler, true);
|
|
127
|
-
$pageEl.find('.tab').off('tab:mounted tab:show', lazyHandler);
|
|
128
|
-
app.off('resize', lazyHandler);
|
|
129
|
-
} // Store detach function
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
if (!$pageEl[0].f7LazyDestroy) {
|
|
133
|
-
$pageEl[0].f7LazyDestroy = detachEvents;
|
|
134
|
-
} // Attach events
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
if (!$pageEl[0].f7LazyAttached) {
|
|
138
|
-
attachEvents();
|
|
139
|
-
} // Run loader on page load/init
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
lazyHandler();
|
|
143
|
-
},
|
|
144
|
-
isInViewport: function isInViewport(lazyEl) {
|
|
145
|
-
var app = this;
|
|
146
|
-
var rect = lazyEl.getBoundingClientRect();
|
|
147
|
-
var threshold = app.params.lazy.threshold || 0;
|
|
148
|
-
return rect.top >= 0 - threshold && rect.left >= 0 - threshold && rect.top <= app.height + threshold && rect.left <= app.width + threshold;
|
|
149
|
-
},
|
|
150
|
-
loadImage: function loadImage(imageEl, callback) {
|
|
151
|
-
var app = this;
|
|
152
|
-
var window = (0, _ssrWindow.getWindow)();
|
|
153
|
-
var $imageEl = (0, _dom.default)(imageEl);
|
|
154
|
-
var bg = $imageEl.attr('data-background');
|
|
155
|
-
var src = bg || $imageEl.attr('data-src');
|
|
156
|
-
|
|
157
|
-
function onLoad() {
|
|
158
|
-
$imageEl.removeClass('lazy').addClass('lazy-loaded');
|
|
159
|
-
|
|
160
|
-
if (bg) {
|
|
161
|
-
$imageEl.css('background-image', "url(" + src + ")");
|
|
162
|
-
} else if (src) {
|
|
163
|
-
$imageEl.attr('src', src);
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
if (callback) callback(imageEl);
|
|
167
|
-
$imageEl.trigger('lazy:loaded');
|
|
168
|
-
app.emit('lazyLoaded', $imageEl[0]);
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
if (!src) {
|
|
172
|
-
$imageEl.trigger('lazy:load');
|
|
173
|
-
app.emit('lazyLoad', $imageEl[0]);
|
|
174
|
-
onLoad();
|
|
175
|
-
return;
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
function onError() {
|
|
179
|
-
$imageEl.removeClass('lazy').addClass('lazy-loaded');
|
|
180
|
-
|
|
181
|
-
if (bg) {
|
|
182
|
-
$imageEl.css('background-image', "url(" + (app.params.lazy.placeholder || '') + ")");
|
|
183
|
-
} else {
|
|
184
|
-
$imageEl.attr('src', app.params.lazy.placeholder || '');
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
if (callback) callback(imageEl);
|
|
188
|
-
$imageEl.trigger('lazy:error');
|
|
189
|
-
app.emit('lazyError', $imageEl[0]);
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
var image = new window.Image();
|
|
193
|
-
image.onload = onLoad;
|
|
194
|
-
image.onerror = onError;
|
|
195
|
-
image.src = src;
|
|
196
|
-
$imageEl.removeAttr('data-src').removeAttr('data-background'); // Add loaded callback and events
|
|
197
|
-
|
|
198
|
-
$imageEl.trigger('lazy:load');
|
|
199
|
-
app.emit('lazyLoad', $imageEl[0]);
|
|
200
|
-
},
|
|
201
|
-
load: function load(pageEl, callback) {
|
|
202
|
-
var app = this;
|
|
203
|
-
var $pageEl = (0, _dom.default)(pageEl);
|
|
204
|
-
if (!$pageEl.hasClass('page')) $pageEl = $pageEl.parents('.page').eq(0);
|
|
205
|
-
|
|
206
|
-
if ($pageEl.length === 0) {
|
|
207
|
-
return;
|
|
208
|
-
}
|
|
209
|
-
|
|
210
|
-
$pageEl.find('.lazy').each(function (lazyEl) {
|
|
211
|
-
var $lazyEl = (0, _dom.default)(lazyEl);
|
|
212
|
-
|
|
213
|
-
if ($lazyEl.parents('.tab:not(.tab-active)').length > 0) {
|
|
214
|
-
return;
|
|
215
|
-
}
|
|
216
|
-
|
|
217
|
-
if (app.lazy.isInViewport(lazyEl)) {
|
|
218
|
-
if (callback) callback(lazyEl);else app.lazy.loadImage(lazyEl);
|
|
219
|
-
}
|
|
220
|
-
});
|
|
221
|
-
}
|
|
222
|
-
};
|
|
223
|
-
var _default = {
|
|
224
|
-
name: 'lazy',
|
|
225
|
-
params: {
|
|
226
|
-
lazy: {
|
|
227
|
-
placeholder: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEXCwsK592mkAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg==',
|
|
228
|
-
threshold: 0,
|
|
229
|
-
sequential: true,
|
|
230
|
-
observer: true
|
|
231
|
-
}
|
|
232
|
-
},
|
|
233
|
-
create: function create() {
|
|
234
|
-
var app = this;
|
|
235
|
-
(0, _utils.bindMethods)(app, {
|
|
236
|
-
lazy: Lazy
|
|
237
|
-
});
|
|
238
|
-
},
|
|
239
|
-
on: {
|
|
240
|
-
pageInit: function pageInit(page) {
|
|
241
|
-
var app = this;
|
|
242
|
-
|
|
243
|
-
if (page.$el.find('.lazy').length > 0 || page.$el.hasClass('lazy')) {
|
|
244
|
-
app.lazy.create(page.$el);
|
|
245
|
-
}
|
|
246
|
-
},
|
|
247
|
-
pageAfterIn: function pageAfterIn(page) {
|
|
248
|
-
var app = this;
|
|
249
|
-
var support = (0, _getSupport.getSupport)();
|
|
250
|
-
if (app.params.lazy.observer && support.intersectionObserver) return;
|
|
251
|
-
|
|
252
|
-
if (page.$el.find('.lazy').length > 0 || page.$el.hasClass('lazy')) {
|
|
253
|
-
app.lazy.create(page.$el);
|
|
254
|
-
}
|
|
255
|
-
},
|
|
256
|
-
pageBeforeRemove: function pageBeforeRemove(page) {
|
|
257
|
-
var app = this;
|
|
258
|
-
|
|
259
|
-
if (page.$el.find('.lazy').length > 0 || page.$el.hasClass('lazy')) {
|
|
260
|
-
app.lazy.destroy(page.$el);
|
|
261
|
-
}
|
|
262
|
-
},
|
|
263
|
-
tabMounted: function tabMounted(tabEl) {
|
|
264
|
-
var app = this;
|
|
265
|
-
var $tabEl = (0, _dom.default)(tabEl);
|
|
266
|
-
|
|
267
|
-
if ($tabEl.find('.lazy').length > 0 || $tabEl.hasClass('lazy')) {
|
|
268
|
-
app.lazy.create($tabEl);
|
|
269
|
-
}
|
|
270
|
-
},
|
|
271
|
-
tabBeforeRemove: function tabBeforeRemove(tabEl) {
|
|
272
|
-
var app = this;
|
|
273
|
-
var support = (0, _getSupport.getSupport)();
|
|
274
|
-
if (app.params.lazy.observer && support.intersectionObserver) return;
|
|
275
|
-
var $tabEl = (0, _dom.default)(tabEl);
|
|
276
|
-
|
|
277
|
-
if ($tabEl.find('.lazy').length > 0 || $tabEl.hasClass('lazy')) {
|
|
278
|
-
app.lazy.destroy($tabEl);
|
|
279
|
-
}
|
|
280
|
-
}
|
|
281
|
-
}
|
|
282
|
-
};
|
|
283
|
-
exports.default = _default;
|