framework7 8.3.4 → 9.0.0
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-rtl.css +1 -1
- package/components/accordion/accordion.css +1 -1
- package/components/actions/actions-ios.less +22 -15
- package/components/actions/actions-rtl.css +1 -1
- package/components/actions/actions-vars.less +4 -7
- package/components/actions/actions.css +1 -1
- package/components/actions/actions.js +2 -8
- package/components/actions/actions.less +0 -3
- package/components/app/app-class.d.ts +2 -0
- package/components/app/app-class.js +19 -15
- package/components/app/app-vars.less +41 -6
- package/components/app/app.less +1 -1
- package/components/area-chart/area-chart-class.js +18 -31
- package/components/area-chart/area-chart-rtl.css +1 -1
- package/components/area-chart/area-chart.css +1 -1
- package/components/autocomplete/autocomplete-class.js +13 -14
- package/components/autocomplete/autocomplete-ios.less +16 -0
- package/components/autocomplete/autocomplete-rtl.css +1 -1
- package/components/autocomplete/autocomplete.css +1 -1
- package/components/autocomplete/autocomplete.d.ts +3 -3
- package/components/autocomplete/autocomplete.js +3 -3
- package/components/autocomplete/autocomplete.less +7 -1
- package/components/block/block-vars.less +6 -6
- package/components/breadcrumbs/breadcrumbs-rtl.css +1 -1
- package/components/breadcrumbs/breadcrumbs.css +1 -1
- package/components/button/button-vars.less +13 -12
- package/components/button/button.less +2 -1
- package/components/calendar/calendar-class.js +20 -17
- package/components/calendar/calendar-ios.less +43 -0
- package/components/calendar/calendar-md.less +3 -0
- package/components/calendar/calendar-rtl.css +1 -1
- package/components/calendar/calendar-vars.less +24 -19
- package/components/calendar/calendar.css +1 -1
- package/components/calendar/calendar.d.ts +1 -1
- package/components/calendar/calendar.js +5 -8
- package/components/calendar/calendar.less +4 -2
- package/components/card/card-rtl.css +1 -1
- package/components/card/card-vars.less +5 -5
- package/components/card/card.css +1 -1
- package/components/card/card.js +3 -18
- package/components/card/card.less +1 -1
- package/components/checkbox/checkbox-rtl.css +1 -1
- package/components/checkbox/checkbox.css +1 -1
- package/components/chip/chip-rtl.css +1 -1
- package/components/chip/chip.css +1 -1
- package/components/color-picker/color-picker-class.js +11 -23
- package/components/color-picker/color-picker-ios.less +9 -0
- package/components/color-picker/color-picker-md.less +15 -0
- package/components/color-picker/color-picker-rtl.css +1 -1
- package/components/color-picker/color-picker-vars.less +9 -3
- package/components/color-picker/color-picker.css +1 -1
- package/components/color-picker/color-picker.d.ts +1 -2
- package/components/color-picker/color-picker.js +3 -7
- package/components/color-picker/color-picker.less +5 -25
- package/components/color-picker/modules/alpha-slider.js +2 -0
- package/components/color-picker/modules/brightness-slider.js +2 -0
- package/components/color-picker/modules/hs-spectrum.js +1 -2
- package/components/color-picker/modules/hsb-sliders.js +6 -0
- package/components/color-picker/modules/hue-slider.js +2 -0
- package/components/color-picker/modules/rgb-bars.js +6 -0
- package/components/color-picker/modules/rgb-sliders.js +6 -0
- package/components/color-picker/modules/sb-spectrum.js +1 -2
- package/components/color-picker/modules/wheel.js +1 -2
- package/components/contacts-list/contacts-list-rtl.css +1 -1
- package/components/contacts-list/contacts-list.css +1 -1
- package/components/data-table/data-table-class.js +1 -4
- package/components/data-table/data-table-ios.less +1 -1
- package/components/data-table/data-table-md.less +4 -2
- 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.less +4 -4
- package/components/dialog/dialog-class.js +6 -3
- package/components/dialog/dialog-ios.less +10 -34
- package/components/dialog/dialog-md.less +2 -22
- package/components/dialog/dialog-rtl.css +1 -1
- package/components/dialog/dialog-vars.less +8 -10
- package/components/dialog/dialog.css +1 -1
- package/components/dialog/dialog.js +9 -27
- package/components/dialog/dialog.less +6 -25
- package/components/fab/fab-ios.less +2 -0
- package/components/fab/fab-rtl.css +1 -1
- package/components/fab/fab-vars.less +30 -6
- package/components/fab/fab.css +1 -1
- package/components/fab/fab.js +3 -12
- package/components/gauge/gauge-class.js +2 -8
- package/components/gauge/gauge-rtl.css +1 -1
- package/components/gauge/gauge.css +1 -1
- package/components/icon/icon-ios.less +10 -0
- package/components/icon/icon-md.less +9 -0
- package/components/icon/icon.less +2 -1
- package/components/infinite-scroll/infinite-scroll-rtl.css +1 -1
- package/components/infinite-scroll/infinite-scroll.css +1 -1
- package/components/input/input-ios.less +3 -2
- package/components/input/input-rtl.css +1 -1
- package/components/input/input.css +1 -1
- package/components/input/input.js +2 -5
- package/components/list/list-vars.less +7 -5
- package/components/list/list.less +1 -1
- package/components/list-index/list-index-class.js +3 -7
- package/components/list-index/list-index-rtl.css +1 -1
- package/components/list-index/list-index.css +1 -1
- 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 +2 -8
- package/components/login-screen/login-screen.less +1 -0
- package/components/messagebar/messagebar-class.js +5 -20
- package/components/messagebar/messagebar-ios.less +19 -14
- package/components/messagebar/messagebar-md.less +3 -0
- package/components/messagebar/messagebar-rtl.css +1 -1
- package/components/messagebar/messagebar-vars.less +12 -15
- package/components/messagebar/messagebar.css +1 -1
- package/components/messagebar/messagebar.less +4 -5
- package/components/messages/messages-class.js +25 -52
- package/components/messages/messages-ios.less +6 -2
- package/components/messages/messages-rtl.css +1 -1
- package/components/messages/messages-vars.less +1 -1
- package/components/messages/messages.css +1 -1
- package/components/navbar/navbar-ios.less +52 -672
- package/components/navbar/navbar-md.less +41 -1
- package/components/navbar/navbar-vars.less +4 -3
- package/components/navbar/navbar.js +28 -185
- package/components/navbar/navbar.less +8 -66
- package/components/notification/notification-class.js +6 -6
- package/components/notification/notification-ios.less +3 -8
- package/components/notification/notification-md.less +1 -20
- package/components/notification/notification-rtl.css +1 -1
- package/components/notification/notification-vars.less +13 -16
- package/components/notification/notification.css +1 -1
- package/components/notification/notification.less +8 -1
- package/components/page/page-ios.less +1 -8
- package/components/page/page-md.less +12 -11
- package/components/page/page.less +14 -12
- package/components/panel/panel-class.js +7 -28
- package/components/panel/panel-ios.less +4 -0
- package/components/panel/panel-rtl.css +1 -3
- package/components/panel/panel-vars.less +8 -5
- package/components/panel/panel.css +1 -3
- package/components/panel/panel.js +8 -32
- package/components/panel/panel.less +9 -9
- package/components/panel/resizable-panel.js +2 -4
- package/components/photo-browser/photo-browser-class.js +12 -47
- package/components/photo-browser/photo-browser-rtl.css +1 -1
- package/components/photo-browser/photo-browser-vars.less +8 -10
- 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 -3
- package/components/photo-browser/photo-browser.less +15 -71
- package/components/picker/picker-class.js +4 -5
- package/components/picker/picker-ios.less +6 -1
- package/components/picker/picker-md.less +9 -0
- package/components/picker/picker-rtl.css +1 -1
- package/components/picker/picker-vars.less +1 -1
- package/components/picker/picker.css +1 -1
- package/components/picker/picker.d.ts +1 -1
- package/components/picker/picker.js +2 -5
- package/components/picker/picker.less +0 -4
- package/components/pie-chart/pie-chart-class.js +7 -14
- package/components/pie-chart/pie-chart-rtl.css +1 -1
- package/components/pie-chart/pie-chart.css +1 -1
- package/components/popover/popover-class.js +22 -62
- package/components/popover/popover-ios.less +66 -2
- package/components/popover/popover-md.less +2 -27
- package/components/popover/popover-rtl.css +1 -1
- package/components/popover/popover-vars.less +2 -3
- package/components/popover/popover.css +1 -1
- package/components/popover/popover.d.ts +0 -2
- package/components/popover/popover.js +2 -9
- package/components/popover/popover.less +28 -50
- package/components/popup/popup-class.js +15 -9
- package/components/popup/popup-rtl.css +1 -1
- package/components/popup/popup-vars.less +2 -2
- package/components/popup/popup.css +1 -1
- package/components/popup/popup.js +2 -8
- package/components/popup/popup.less +6 -6
- package/components/preloader/preloader-rtl.css +1 -1
- package/components/preloader/preloader.css +1 -1
- package/components/preloader/preloader.js +2 -8
- package/components/progressbar/progressbar-md.less +12 -0
- package/components/progressbar/progressbar-rtl.css +1 -1
- package/components/progressbar/progressbar-vars.less +6 -5
- package/components/progressbar/progressbar.css +1 -1
- package/components/progressbar/progressbar.js +3 -12
- package/components/progressbar/progressbar.less +6 -0
- package/components/pull-to-refresh/pull-to-refresh-class.js +5 -12
- package/components/pull-to-refresh/pull-to-refresh-rtl.css +1 -1
- package/components/pull-to-refresh/pull-to-refresh.css +1 -1
- package/components/radio/radio-rtl.css +1 -1
- package/components/radio/radio.css +1 -1
- package/components/range/range-class.js +34 -27
- package/components/range/range-ios.less +60 -0
- package/components/range/range-md.less +67 -4
- package/components/range/range-rtl.css +1 -1
- package/components/range/range-vars.less +18 -13
- package/components/range/range.css +1 -1
- package/components/range/range.d.ts +3 -1
- package/components/range/range.js +2 -8
- package/components/range/range.less +11 -24
- package/components/searchbar/searchbar-class.js +7 -8
- package/components/searchbar/searchbar-ios.less +37 -13
- package/components/searchbar/searchbar-md.less +5 -0
- package/components/searchbar/searchbar-rtl.css +1 -1
- package/components/searchbar/searchbar-vars.less +13 -16
- package/components/searchbar/searchbar.css +1 -1
- package/components/searchbar/searchbar.js +4 -32
- package/components/searchbar/searchbar.less +4 -5
- package/components/sheet/sheet-class.js +21 -17
- package/components/sheet/sheet-ios.less +10 -0
- package/components/sheet/sheet-md.less +14 -0
- package/components/sheet/sheet-rtl.css +1 -1
- package/components/sheet/sheet-vars.less +5 -9
- package/components/sheet/sheet.css +1 -1
- package/components/sheet/sheet.js +2 -8
- package/components/sheet/sheet.less +5 -17
- package/components/skeleton/skeleton-rtl.css +1 -1
- package/components/skeleton/skeleton.css +1 -1
- package/components/smart-select/smart-select-class.js +15 -20
- package/components/smart-select/smart-select-rtl.css +1 -1
- package/components/smart-select/smart-select.css +1 -1
- package/components/smart-select/smart-select.d.ts +5 -7
- package/components/smart-select/smart-select.js +4 -4
- package/components/sortable/sortable-rtl.css +1 -1
- package/components/sortable/sortable.css +1 -1
- package/components/sortable/sortable.js +8 -27
- package/components/statusbar/statusbar.js +2 -5
- package/components/stepper/stepper-rtl.css +1 -1
- package/components/stepper/stepper-vars.less +3 -3
- package/components/stepper/stepper.css +1 -1
- package/components/stepper/stepper.js +2 -8
- package/components/subnavbar/subnavbar-ios.less +16 -1
- package/components/subnavbar/subnavbar-md.less +5 -5
- package/components/subnavbar/subnavbar-vars.less +12 -6
- package/components/subnavbar/subnavbar.less +5 -6
- package/components/swipeout/swipeout-ios.less +37 -0
- package/components/swipeout/swipeout-md.less +56 -0
- package/components/swipeout/swipeout-rtl.css +1 -1
- package/components/swipeout/swipeout-vars.less +13 -2
- package/components/swipeout/swipeout.css +1 -1
- package/components/swipeout/swipeout.js +102 -35
- package/components/swipeout/swipeout.less +20 -44
- package/components/swiper/swiper-rtl.css +1 -1
- package/components/swiper/swiper.css +1 -1
- package/components/tabs/tabs-rtl.css +1 -1
- package/components/tabs/tabs.css +1 -1
- package/components/tabs/tabs.js +3 -9
- package/components/text-editor/text-editor-class.js +1 -1
- package/components/text-editor/text-editor-rtl.css +1 -1
- package/components/text-editor/text-editor.css +1 -1
- package/components/timeline/timeline-ios.less +0 -5
- package/components/timeline/timeline-md.less +0 -5
- package/components/timeline/timeline-rtl.css +1 -1
- package/components/timeline/timeline-vars.less +1 -17
- package/components/timeline/timeline.css +1 -1
- package/components/timeline/timeline.less +0 -196
- package/components/toast/toast-class.js +2 -2
- package/components/toast/toast-ios.less +2 -0
- package/components/toast/toast-rtl.css +1 -1
- package/components/toast/toast-vars.less +2 -4
- package/components/toast/toast.css +1 -1
- package/components/toast/toast.less +1 -1
- package/components/toggle/toggle-class.js +5 -12
- package/components/toggle/toggle-ios.less +68 -50
- package/components/toggle/toggle-rtl.css +1 -1
- package/components/toggle/toggle-vars.less +2 -2
- package/components/toggle/toggle.css +1 -1
- package/components/toolbar/tabbar-highlight.js +134 -0
- package/components/toolbar/toolbar-ios.less +160 -14
- package/components/toolbar/toolbar-md.less +77 -3
- package/components/toolbar/toolbar-vars.less +14 -10
- package/components/toolbar/toolbar.js +32 -13
- package/components/toolbar/toolbar.less +8 -56
- package/components/tooltip/tooltip-class.js +13 -16
- package/components/tooltip/tooltip-rtl.css +1 -1
- package/components/tooltip/tooltip.css +1 -1
- package/components/tooltip/tooltip.js +0 -16
- package/components/touch-highlight/touch-highlight-ios.less +17 -0
- package/components/touch-highlight/touch-highlight-md.less +2 -0
- package/components/touch-highlight/touch-highlight-vars.less +8 -0
- package/components/touch-highlight/touch-highlight.d.ts +25 -0
- package/components/touch-highlight/touch-highlight.js +123 -0
- package/components/touch-highlight/touch-highlight.less +9 -0
- package/components/touch-ripple/touch-ripple.js +1 -4
- package/components/treeview/treeview-rtl.css +1 -1
- package/components/treeview/treeview.css +1 -1
- package/components/typography/typography-rtl.css +1 -1
- package/components/typography/typography.css +1 -1
- package/components/view/resizable-view.js +2 -4
- package/components/view/view-class.js +1 -15
- package/components/view/view.d.ts +0 -4
- package/components/view/view.js +1 -5
- package/components/virtual-list/virtual-list-class.js +2 -8
- package/framework7-bundle-rtl.css +2284 -3019
- package/framework7-bundle-rtl.min.css +4 -10
- package/framework7-bundle.css +2245 -2978
- package/framework7-bundle.esm.js +5 -4
- package/framework7-bundle.js +7180 -6477
- package/framework7-bundle.js.map +1 -1
- package/framework7-bundle.less +4 -3
- package/framework7-bundle.min.css +4 -10
- package/framework7-bundle.min.js +4 -4
- package/framework7-bundle.min.js.map +1 -1
- package/framework7-lite-bundle.esm.js +5 -4
- package/framework7-lite.esm.js +5 -4
- package/framework7-rtl.css +509 -844
- package/framework7-rtl.min.css +4 -8
- package/framework7-types.d.ts +5 -1
- package/framework7.css +509 -843
- package/framework7.d.ts +4 -0
- package/framework7.esm.js +5 -4
- package/framework7.less +4 -3
- package/framework7.min.css +4 -8
- package/less/mixins.less +10 -12
- package/modules/component/$h.js +1 -4
- package/modules/component/$jsx.js +1 -4
- package/modules/component/component-class.js +49 -114
- package/modules/component/component.js +6 -7
- package/modules/component/eventslisteners.js +1 -4
- package/modules/component/snabbdom/modules/hero.js +0 -1
- package/modules/component/snabbdom/modules/style.js +1 -1
- package/modules/component/vdom.js +17 -29
- package/modules/router/back.js +22 -96
- package/modules/router/clear-previous-history.js +1 -7
- package/modules/router/component-loader.js +23 -32
- package/modules/router/modal.js +1 -4
- package/modules/router/navigate.js +28 -167
- package/modules/router/redirect.js +1 -5
- package/modules/router/router-class.js +28 -293
- package/modules/router/router.d.ts +2 -0
- package/modules/router/swipe-back.js +10 -318
- package/modules/router/tab.js +1 -4
- package/modules/service-worker/service-worker.js +1 -1
- package/modules/store/create-store.js +2 -8
- package/modules/touch/touch.d.ts +5 -3
- package/modules/touch/touch.js +23 -37
- package/package.json +4 -4
- package/shared/$jsx.js +1 -4
- package/shared/class.js +5 -26
- package/shared/constructor-methods.js +4 -19
- package/shared/events-class.js +3 -12
- package/shared/get-device.js +4 -11
- package/shared/get-support.d.ts +0 -6
- package/shared/get-support.js +1 -20
- package/shared/material-color-utils.js +2102 -693
- package/shared/material-colors.js +94 -23
- package/shared/modal-methods.js +2 -8
- package/shared/utils.js +23 -45
|
@@ -6,16 +6,11 @@
|
|
|
6
6
|
--f7-calendar-modal-height: 420px;
|
|
7
7
|
--f7-calendar-modal-max-width: 380px;
|
|
8
8
|
/*
|
|
9
|
-
|
|
10
|
-
--f7-calendar-header-link-color: var(--f7-bars-link-color);
|
|
9
|
+
|
|
11
10
|
--f7-calendar-header-text-color: var(--f7-bars-text-color);
|
|
12
|
-
--f7-calendar-footer-bg-color: var(--f7-bars-bg-color);
|
|
13
|
-
--f7-calendar-footer-border-color: var(--f7-bars-border-color);
|
|
14
|
-
--f7-calendar-footer-link-color: var(--f7-bars-link-color);
|
|
15
11
|
--f7-calendar-footer-text-color: var(--f7-bars-text-color);
|
|
16
12
|
*/
|
|
17
13
|
--f7-calendar-week-header-bg-color: transparent;
|
|
18
|
-
--f7-calendar-footer-padding: 0 8px;
|
|
19
14
|
--f7-calendar-week-header-font-size: 11px;
|
|
20
15
|
/*
|
|
21
16
|
--f7-calendar-selected-bg-color: var(--f7-theme-color);
|
|
@@ -41,50 +36,60 @@
|
|
|
41
36
|
});
|
|
42
37
|
}
|
|
43
38
|
.ios-vars({
|
|
39
|
+
|
|
40
|
+
--f7-calendar-sheet-border-color: transparent;
|
|
41
|
+
--f7-calendar-sheet-bg-color: var(--f7-sheet-bg-color);
|
|
44
42
|
--f7-calendar-selected-text-color: #fff;
|
|
45
|
-
--f7-calendar-header-
|
|
43
|
+
--f7-calendar-header-bg-color: transparent;
|
|
44
|
+
--f7-calendar-header-height: 64px;
|
|
46
45
|
--f7-calendar-header-font-size: 17px;
|
|
47
46
|
--f7-calendar-header-font-weight: 600;
|
|
48
|
-
--f7-calendar-header-padding: 0
|
|
49
|
-
--f7-calendar-
|
|
47
|
+
--f7-calendar-header-padding: 0 16px;
|
|
48
|
+
--f7-calendar-header-link-color: var(--f7-bars-text-color);
|
|
49
|
+
--f7-calendar-footer-bg-color: transparent;
|
|
50
|
+
--f7-calendar-footer-border-color: transparent;
|
|
51
|
+
--f7-calendar-footer-height: 48px;
|
|
52
|
+
--f7-calendar-footer-padding: 0 16px;
|
|
50
53
|
--f7-calendar-footer-font-size: 17px;
|
|
54
|
+
--f7-calendar-footer-link-color: var(--f7-bars-text-color);
|
|
51
55
|
--f7-calendar-week-header-height: 18px;
|
|
52
56
|
--f7-calendar-day-font-size: 15px;
|
|
53
57
|
--f7-calendar-day-size: 30px;
|
|
54
58
|
--f7-calendar-picker-font-size: 17px;
|
|
55
59
|
--f7-calendar-time-selector-font-size: 17px;
|
|
56
|
-
--f7-calendar-modal-border-radius:
|
|
57
|
-
--f7-calendar-modal-box-shadow:
|
|
58
|
-
|
|
59
|
-
0px 9px 46px 8px rgba(0, 0, 0, 0.12);
|
|
60
|
+
--f7-calendar-modal-border-radius: 32px;
|
|
61
|
+
--f7-calendar-modal-box-shadow: var(--f7-glass-shadow);
|
|
62
|
+
--f7-calendar-modal-bg-color: var(--f7-glass-bg-color);
|
|
60
63
|
.light-vars({
|
|
61
64
|
--f7-calendar-prev-next-text-color: #c8c8c8;
|
|
62
|
-
--f7-calendar-sheet-border-color: #929499;
|
|
63
|
-
--f7-calendar-sheet-bg-color: #fff;
|
|
64
65
|
--f7-calendar-week-header-text-color: #5e5e5e;
|
|
65
|
-
--f7-calendar-modal-bg-color: #fff;
|
|
66
66
|
--f7-calendar-day-text-color: #000;
|
|
67
67
|
--f7-calendar-today-text-color: #000;
|
|
68
68
|
--f7-calendar-today-bg-color: #e3e3e3;
|
|
69
69
|
});
|
|
70
70
|
.dark-vars({
|
|
71
71
|
--f7-calendar-prev-next-text-color: #5e5e5e;
|
|
72
|
-
--f7-calendar-sheet-border-color: var(--f7-bars-border-color);
|
|
73
|
-
--f7-calendar-sheet-bg-color: #121212;
|
|
74
72
|
--f7-calendar-week-header-text-color: #aaa;
|
|
75
|
-
--f7-calendar-modal-bg-color: #121212;
|
|
76
73
|
--f7-calendar-day-text-color: #fff;
|
|
77
74
|
--f7-calendar-today-text-color: #fff;
|
|
78
75
|
--f7-calendar-today-bg-color: #333;
|
|
79
76
|
});
|
|
80
77
|
});
|
|
81
78
|
.md-vars({
|
|
79
|
+
/*
|
|
80
|
+
--f7-calendar-header-bg-color: var(--f7-bars-bg-color);
|
|
81
|
+
--f7-calendar-footer-bg-color: var(--f7-bars-bg-color);
|
|
82
|
+
--f7-calendar-footer-border-color: var(--f7-bars-border-color);
|
|
83
|
+
--f7-calendar-footer-link-color: var(--f7-bars-link-color);
|
|
84
|
+
--f7-calendar-header-link-color: var(--f7-bars-link-color);
|
|
85
|
+
*/
|
|
82
86
|
--f7-calendar-sheet-border-color: transparent;
|
|
83
87
|
--f7-calendar-header-height: 64px;
|
|
84
88
|
--f7-calendar-header-font-size: 24px;
|
|
85
89
|
--f7-calendar-header-font-weight: 400;
|
|
86
90
|
--f7-calendar-header-padding: 0 24px;
|
|
87
91
|
--f7-calendar-footer-height: 56px;
|
|
92
|
+
--f7-calendar-footer-padding: 0 8px;
|
|
88
93
|
--f7-calendar-footer-font-size: 14px;
|
|
89
94
|
--f7-calendar-week-header-height: 24px;
|
|
90
95
|
--f7-calendar-day-font-size: 14px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--f7-calendar-height:340px;--f7-calendar-sheet-landscape-height:220px;--f7-calendar-popover-width:320px;--f7-calendar-popover-height:320px;--f7-calendar-modal-height:420px;--f7-calendar-modal-max-width:380px;--f7-calendar-week-header-bg-color:transparent;--f7-calendar-footer-padding:0 8px;--f7-calendar-week-header-font-size:11px;--f7-calendar-disabled-text-color:#d4d4d4;--f7-calendar-event-dot-size:4px;--f7-calendar-time-selector-height:28px;--f7-calendar-picker-pressed-bg-color:rgba(0, 0, 0, 0.1);--f7-calendar-picker-hover-bg-color:rgba(0, 0, 0, 0.03);--f7-calendar-time-selector-bg-color:rgba(0, 0, 0, 0.05)}:root .dark,:root.dark{--f7-calendar-picker-pressed-bg-color:rgba(255, 255, 255, 0.08);--f7-calendar-picker-hover-bg-color:rgba(255, 255, 255, 0.03);--f7-calendar-time-selector-bg-color:rgba(255, 255, 255, 0.1)}.ios{--f7-calendar-selected-text-color:#fff;--f7-calendar-header-height:44px;--f7-calendar-header-font-size:17px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 8px;--f7-calendar-footer-height:44px;--f7-calendar-footer-font-size:17px;--f7-calendar-week-header-height:18px;--f7-calendar-day-font-size:15px;--f7-calendar-day-size:30px;--f7-calendar-picker-font-size:17px;--f7-calendar-time-selector-font-size:17px;--f7-calendar-modal-border-radius:4px;--f7-calendar-modal-box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12);--f7-calendar-prev-next-text-color:#c8c8c8;--f7-calendar-sheet-border-color:#929499;--f7-calendar-sheet-bg-color:#fff;--f7-calendar-week-header-text-color:#5e5e5e;--f7-calendar-modal-bg-color:#fff;--f7-calendar-day-text-color:#000;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3}.ios .dark,.ios.dark{--f7-calendar-prev-next-text-color:#5e5e5e;--f7-calendar-sheet-border-color:var(--f7-bars-border-color);--f7-calendar-sheet-bg-color:#121212;--f7-calendar-week-header-text-color:#aaa;--f7-calendar-modal-bg-color:#121212;--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.md{--f7-calendar-sheet-border-color:transparent;--f7-calendar-header-height:64px;--f7-calendar-header-font-size:24px;--f7-calendar-header-font-weight:400;--f7-calendar-header-padding:0 24px;--f7-calendar-footer-height:56px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:24px;--f7-calendar-day-font-size:14px;--f7-calendar-today-bg-color:none;--f7-calendar-day-size:32px;--f7-calendar-picker-font-size:14px;--f7-calendar-time-selector-font-size:14px;--f7-calendar-modal-border-radius:28px;--f7-calendar-modal-box-shadow:none}.md,.md .dark,.md [class*=color-]{--f7-calendar-sheet-bg-color:var(--f7-md-surface-1);--f7-calendar-selected-text-color:var(--f7-md-on-primary);--f7-calendar-week-header-text-color:var(--f7-md-on-surface-variant);--f7-calendar-day-text-color:var(--f7-md-on-surface);--f7-calendar-prev-next-text-color:rgba(var(--f7-md-on-surface-variant-rgb), 0.55);--f7-calendar-today-text-color:var(--f7-theme-color);--f7-calendar-modal-bg-color:var(--f7-md-surface-1)}.calendar{overflow:hidden;height:var(--f7-calendar-height);width:100%;display:flex;flex-direction:column}.calendar.modal-in{display:flex}@media (orientation:landscape) and (max-height:415px){.calendar.calendar-sheet{height:var(--f7-calendar-sheet-landscape-height)}.calendar.calendar-modal{height:calc(100vh - var(--f7-navbar-height))}}.calendar.calendar-inline,.calendar.calendar-popover .calendar{position:relative}.calendar-sheet{--f7-sheet-border-color:var(--f7-calendar-sheet-border-color);background:var(--f7-calendar-sheet-bg-color);padding-bottom:var(--f7-safe-area-bottom);height:calc(var(--f7-calendar-height) + var(--f7-safe-area-bottom))}.calendar-sheet:before{z-index:600}.calendar-modal .toolbar:before,.calendar-popover .toolbar:before,.calendar-sheet .toolbar:before{display:none}.calendar-popover{width:var(--f7-calendar-popover-width)}.calendar-popover .calendar-header,.calendar-popover .toolbar-top{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0;overflow:hidden}.calendar-popover .calendar-header+.toolbar-top{border-radius:0}.calendar-popover .calendar-footer,.calendar-popover .toolbar-bottom{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.calendar-popover .calendar{height:var(--f7-calendar-popover-height);position:relative;z-index:1}.calendar-popover .calendar-month-picker,.calendar-popover .calendar-time-picker,.calendar-popover .calendar-year-picker{border-radius:var(--f7-popover-border-radius)}.calendar-popover .calendar-month-picker .picker,.calendar-popover .calendar-time-picker .picker,.calendar-popover .calendar-year-picker .picker{height:100%;display:flex;flex-direction:column}.calendar-header{width:100%;position:relative;overflow:hidden;flex-shrink:0;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;padding:var(--f7-calendar-header-padding);background-color:var(--f7-calendar-header-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-header-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-header-height);line-height:var(--f7-calendar-header-height);font-size:var(--f7-calendar-header-font-size);font-weight:var(--f7-calendar-header-font-weight)}.calendar-header a{color:var(--f7-calendar-header-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer{width:100%;flex-shrink:0;padding:var(--f7-calendar-footer-padding);background-color:var(--f7-calendar-footer-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-footer-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-footer-height);font-size:var(--f7-calendar-header-font-size);display:flex;justify-content:flex-end;box-sizing:border-box;align-items:center;position:relative}.calendar-footer a{color:var(--f7-calendar-footer-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer:before{content:'';position:absolute;background-color:var(--f7-calendar-footer-border-color,var(--f7-bars-border-color));display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;transform-origin:50% 0%;transform:scaleY(calc(1 / var(--f7-device-pixel-ratio)))}.calendar-modal{position:absolute;height:var(--f7-calendar-modal-height);overflow:hidden;top:50%;left:50%;min-width:300px;max-width:var(--f7-calendar-modal-max-width);transform:translate3d(-50%,100vh,0);transition-property:transform;display:flex;z-index:13500;background:var(--f7-calendar-modal-bg-color);width:90%;border-radius:var(--f7-calendar-modal-border-radius);box-shadow:var(--f7-calendar-modal-box-shadow);transition-timing-function:cubic-bezier(0,1,0.2,1)}.calendar-modal.modal-in,.calendar-modal.modal-out{transition-duration:.4s}.calendar-modal.modal-in{transform:translate3d(-50%,-50%,0)}.calendar-modal.modal-out{transform:translate3d(-50%,100vh,0)}.calendar-week-header{display:flex;box-sizing:border-box;position:relative;font-size:var(--f7-calendar-week-header-font-size);background-color:var(--f7-calendar-week-header-bg-color,var(--f7-bars-bg-color));color:var(--f7-calendar-week-header-text-color,var(--f7-bars-text-color));height:var(--f7-calendar-week-header-height);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}.calendar-week-header .calendar-week-day{flex-shrink:1;width:calc(100% / 7);text-align:center;line-height:var(--f7-calendar-week-header-height)}.calendar-months{width:100%;height:100%;overflow:hidden;position:relative;flex-shrink:10}.calendar-months-wrapper{position:relative;width:100%;height:100%;transition:.3s}.calendar-month{display:flex;flex-direction:column;width:100%;height:100%;position:absolute;left:0;top:0}.calendar-row{height:16.66666667%;display:flex;flex-shrink:1;width:100%;position:relative;box-sizing:border-box;padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right)}.calendar-modal .calendar-months:first-child .calendar-row:first-child:before,.calendar-popover .calendar-months:first-child .calendar-row:first-child:before{display:none!important}.calendar-day{flex-shrink:1;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:14.28571429%;text-align:center;cursor:pointer;z-index:20;color:var(--f7-calendar-day-text-color);height:100%;font-size:var(--f7-calendar-day-font-size)}.calendar-day-today .calendar-day-number{color:var(--f7-calendar-today-text-color,var(--f7-theme-color));background-color:var(--f7-calendar-today-bg-color)}.calendar-day-next,.calendar-day-prev{color:var(--f7-calendar-prev-next-text-color)}.calendar-day-disabled{color:var(--f7-calendar-disabled-text-color);cursor:auto}.calendar-day-selected .calendar-day-number{color:var(--f7-calendar-selected-text-color);background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color))}.calendar-day-number{display:inline-block;border-radius:50%;position:relative;width:var(--f7-calendar-day-size);height:var(--f7-calendar-day-size);line-height:var(--f7-calendar-day-size)}.calendar-day-events{position:absolute;display:flex;left:0;width:100%;top:100%;align-items:center;justify-content:center;margin-top:1px}.calendar-day-event{width:var(--f7-calendar-event-dot-size);height:var(--f7-calendar-event-dot-size);border-radius:calc(var(--f7-calendar-event-dot-size)/ 2);background-color:var(--f7-calendar-event-bg-color)}.calendar-day-event+.calendar-day-event{margin-left:2px}.calendar-day-selected-left,.calendar-day-selected-range,.calendar-day-selected-right{position:relative}.calendar-day-selected-left:before,.calendar-day-selected-range:before,.calendar-day-selected-right:before{width:100%;height:var(--f7-calendar-day-size);content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:-1;background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color));opacity:.2}.calendar-day-selected-left:before,.calendar-day-selected-range:first-child:before{left:auto;right:0;width:calc(50% + var(--f7-calendar-day-size)/ 2);border-radius:var(--f7-calendar-day-size) 0 0 var(--f7-calendar-day-size)}.calendar-day-selected-range:last-child:before,.calendar-day-selected-right:before{width:calc(50% + var(--f7-calendar-day-size)/ 2);border-radius:0 var(--f7-calendar-day-size) var(--f7-calendar-day-size) 0}.calendar-day-selected-left:last-child:before,.calendar-day-selected-right:first-child:before{display:none}.calendar-day-selected-left.calendar-day-selected-right:before{content:none;display:none}.calendar-day-selected-range .calendar-day-number{background-color:transparent;color:inherit}.calendar-month-selector,.calendar-year-selector{display:flex;justify-content:space-between;align-items:center;width:50%;max-width:200px;flex-shrink:10;margin-left:auto;margin-right:auto}.calendar-month-selector .calendar-day-number,.calendar-year-selector .calendar-day-number{flex-shrink:1;position:relative;overflow:hidden;text-overflow:ellipsis}.calendar-month-selector a.icon-only,.calendar-year-selector a.icon-only{min-width:36px}.calendar-month-picker,.calendar-time-picker,.calendar-year-picker{position:relative;width:100%;height:100%;-webkit-user-select:none;user-select:none;background:0 0}.calendar-month-picker .picker-columns,.calendar-year-picker .picker-columns{text-align:center}.calendar-month-picker-item,.calendar-year-picker-item{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;cursor:pointer;transition-duration:.1s;box-sizing:border-box}.calendar-month-picker-item span,.calendar-year-picker-item span{white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;position:relative;overflow:hidden;pointer-events:none}.calendar-month-picker-item.active-state,.calendar-year-picker-item.active-state{background:var(--f7-calendar-picker-pressed-bg-color)}.calendar-month-picker-item{padding:5px}.sheet-modal .calendar-month-picker-item{width:25%;height:33.33333333%}.sheet-modal .calendar-month-picker-item:nth-child(4n+1):before{display:none!important}.sheet-modal .calendar-month-picker-item:nth-child(n+9):after{display:none!important}.calendar-modal .calendar-month-picker-item,.popover .calendar-month-picker-item{width:33.33333333%;height:25%}.calendar-modal .calendar-month-picker-item:nth-child(3n+1):before,.popover .calendar-month-picker-item:nth-child(3n+1):before{display:none!important}.calendar-modal .calendar-month-picker-item:nth-child(n+10):after,.popover .calendar-month-picker-item:nth-child(n+10):after{display:none!important}.calendar-month-picker-item-current,.calendar-year-picker-item-current{color:var(--f7-calendar-picker-selected-text-color,var(--f7-theme-color))}.calendar-year-picker{overflow:auto;--webkit-overflow-scrolling:touch}.calendar-year-picker-item{height:34px;line-height:34px;width:100%}.calendar-time-selector{flex-shrink:0;font-size:var(--f7-calendar-time-selector-font-size);position:relative;display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.calendar-time-selector a{overflow:hidden;position:relative;justify-content:center;align-items:center;display:flex;box-sizing:border-box;height:var(--f7-calendar-time-selector-height);background-color:var(--f7-calendar-time-selector-bg-color);padding:0 16px;border-radius:8px}.calendar-time-selector>span{font-weight:500}.calendar-time-selector .segmented{margin-left:8px}.calendar-month-picker-popover,.calendar-time-picker-popover,.calendar-year-picker-popover{height:240px;width:240px}.calendar-month-picker-popover .popover-inner,.calendar-time-picker-popover .popover-inner,.calendar-year-picker-popover .popover-inner{height:100%;overflow:hidden}.calendar-time-picker{--f7-picker-popover-height:100%;--f7-picker-inline-height:100%}.calendar-time-picker .toolbar{flex-shrink:0;top:0!important}.calendar-time-picker .picker{height:100%;display:flex;flex-direction:column}
|
|
1
|
+
:root{--f7-calendar-height:340px;--f7-calendar-sheet-landscape-height:220px;--f7-calendar-popover-width:320px;--f7-calendar-popover-height:320px;--f7-calendar-modal-height:420px;--f7-calendar-modal-max-width:380px;--f7-calendar-week-header-bg-color:#0000;--f7-calendar-week-header-font-size:11px;--f7-calendar-disabled-text-color:#d4d4d4;--f7-calendar-event-dot-size:4px;--f7-calendar-time-selector-height:28px;--f7-calendar-picker-pressed-bg-color:#0000001a;--f7-calendar-picker-hover-bg-color:#00000008;--f7-calendar-time-selector-bg-color:#0000000d}:root .dark,:root.dark{--f7-calendar-picker-pressed-bg-color:#ffffff14;--f7-calendar-picker-hover-bg-color:#ffffff08;--f7-calendar-time-selector-bg-color:#ffffff1a}.ios{--f7-calendar-sheet-border-color:#0000;--f7-calendar-sheet-bg-color:var(--f7-sheet-bg-color);--f7-calendar-selected-text-color:#fff;--f7-calendar-header-bg-color:#0000;--f7-calendar-header-height:64px;--f7-calendar-header-font-size:17px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 16px;--f7-calendar-header-link-color:var(--f7-bars-text-color);--f7-calendar-footer-bg-color:#0000;--f7-calendar-footer-border-color:#0000;--f7-calendar-footer-height:48px;--f7-calendar-footer-padding:0 16px;--f7-calendar-footer-font-size:17px;--f7-calendar-footer-link-color:var(--f7-bars-text-color);--f7-calendar-week-header-height:18px;--f7-calendar-day-font-size:15px;--f7-calendar-day-size:30px;--f7-calendar-picker-font-size:17px;--f7-calendar-time-selector-font-size:17px;--f7-calendar-modal-border-radius:32px;--f7-calendar-modal-box-shadow:var(--f7-glass-shadow);--f7-calendar-modal-bg-color:var(--f7-glass-bg-color);--f7-calendar-prev-next-text-color:#c8c8c8;--f7-calendar-week-header-text-color:#5e5e5e;--f7-calendar-day-text-color:#000;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3}.ios .dark,.ios.dark{--f7-calendar-prev-next-text-color:#5e5e5e;--f7-calendar-week-header-text-color:#aaa;--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.md{--f7-calendar-sheet-border-color:#0000;--f7-calendar-header-height:64px;--f7-calendar-header-font-size:24px;--f7-calendar-header-font-weight:400;--f7-calendar-header-padding:0 24px;--f7-calendar-footer-height:56px;--f7-calendar-footer-padding:0 8px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:24px;--f7-calendar-day-font-size:14px;--f7-calendar-today-bg-color:none;--f7-calendar-day-size:32px;--f7-calendar-picker-font-size:14px;--f7-calendar-time-selector-font-size:14px;--f7-calendar-modal-border-radius:28px;--f7-calendar-modal-box-shadow:none}.md,.md .dark,.md [class*=color-]{--f7-calendar-sheet-bg-color:var(--f7-md-surface-1);--f7-calendar-selected-text-color:var(--f7-md-on-primary);--f7-calendar-week-header-text-color:var(--f7-md-on-surface-variant);--f7-calendar-day-text-color:var(--f7-md-on-surface);--f7-calendar-prev-next-text-color:rgba(var(--f7-md-on-surface-variant-rgb),0.55);--f7-calendar-today-text-color:var(--f7-theme-color);--f7-calendar-modal-bg-color:var(--f7-md-surface-1)}.calendar{flex-direction:column;height:var(--f7-calendar-height);overflow:hidden;width:100%}.calendar,.calendar.modal-in{display:flex}@media (orientation:landscape) and (max-height:415px){.calendar.calendar-sheet{height:var(--f7-calendar-sheet-landscape-height)}.calendar.calendar-modal{height:calc(100vh - var(--f7-navbar-height))}}.calendar.calendar-inline,.calendar.calendar-popover .calendar{position:relative}.calendar-sheet{--f7-sheet-border-color:var(--f7-calendar-sheet-border-color);background:var(--f7-calendar-sheet-bg-color);height:calc(var(--f7-calendar-height) + var(--f7-safe-area-bottom));padding-bottom:var(--f7-safe-area-bottom)}.calendar-sheet:before{z-index:600}.calendar-modal .toolbar:before,.calendar-popover .toolbar:before,.calendar-sheet .toolbar:before{display:none}.calendar-popover{width:var(--f7-calendar-popover-width)}.calendar-popover .calendar-header,.calendar-popover .toolbar-top{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0;overflow:hidden}.calendar-popover .calendar-header+.toolbar-top{border-radius:0}.calendar-popover .calendar-footer,.calendar-popover .toolbar-bottom{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.calendar-popover .calendar{height:var(--f7-calendar-popover-height);position:relative;z-index:1}.calendar-popover .calendar-month-picker,.calendar-popover .calendar-time-picker,.calendar-popover .calendar-year-picker{border-radius:var(--f7-popover-border-radius)}.calendar-popover .calendar-month-picker .picker,.calendar-popover .calendar-time-picker .picker,.calendar-popover .calendar-year-picker .picker{display:flex;flex-direction:column;height:100%}.calendar-header{align-items:center;background-color:var(--f7-calendar-header-bg-color,var(--f7-bars-bg-color));box-sizing:border-box;color:var(--f7-calendar-header-text-color,var(--f7-bars-text-color));display:flex;flex-shrink:0;font-size:var(--f7-calendar-header-font-size);font-weight:var(--f7-calendar-header-font-weight);height:var(--f7-calendar-header-height);justify-content:space-between;line-height:var(--f7-calendar-header-height);padding:var(--f7-calendar-header-padding);position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.calendar-header a{color:var(--f7-calendar-header-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer{align-items:center;background-color:var(--f7-calendar-footer-bg-color,var(--f7-bars-bg-color));box-sizing:border-box;color:var(--f7-calendar-footer-text-color,var(--f7-bars-text-color));display:flex;flex-shrink:0;font-size:var(--f7-calendar-header-font-size);height:var(--f7-calendar-footer-height);justify-content:flex-end;padding:var(--f7-calendar-footer-padding);position:relative;width:100%}.calendar-footer a{color:var(--f7-calendar-footer-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer:before{background-color:var(--f7-calendar-footer-border-color,var(--f7-bars-border-color));bottom:auto;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:0;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 0;width:100%;z-index:15}.calendar-modal{background:var(--f7-calendar-modal-bg-color);border-radius:var(--f7-calendar-modal-border-radius);box-shadow:var(--f7-calendar-modal-box-shadow);display:flex;height:var(--f7-calendar-modal-height);left:50%;max-width:var(--f7-calendar-modal-max-width);min-width:300px;overflow:hidden;position:absolute;top:50%;transform:translate3d(-50%,100vh,0);transition-property:transform;transition-timing-function:cubic-bezier(0,1,.2,1);width:90%;z-index:13500}.calendar-modal.modal-in,.calendar-modal.modal-out{transition-duration:.4s}.calendar-modal.modal-in{transform:translate3d(-50%,-50%,0)}.calendar-modal.modal-out{transform:translate3d(-50%,100vh,0)}.calendar-week-header{background-color:var(--f7-calendar-week-header-bg-color,var(--f7-bars-bg-color));box-sizing:border-box;color:var(--f7-calendar-week-header-text-color,var(--f7-bars-text-color));display:flex;font-size:var(--f7-calendar-week-header-font-size);height:var(--f7-calendar-week-header-height);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right);position:relative}.calendar-week-header .calendar-week-day{flex-shrink:1;line-height:var(--f7-calendar-week-header-height);text-align:center;width:14.28571%}.calendar-months{flex-shrink:10;height:100%;overflow:hidden;position:relative;width:100%}.calendar-months-wrapper{height:100%;position:relative;transition:.3s;width:100%}.calendar-month{display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%}.calendar-row{box-sizing:border-box;display:flex;flex-shrink:1;height:16.66666667%;padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right);position:relative;width:100%}.calendar-modal .calendar-months:first-child .calendar-row:first-child:before,.calendar-popover .calendar-months:first-child .calendar-row:first-child:before{display:none!important}.calendar-day{align-items:center;box-sizing:border-box;color:var(--f7-calendar-day-text-color);cursor:pointer;display:flex;flex-shrink:1;font-size:var(--f7-calendar-day-font-size);height:100%;justify-content:center;text-align:center;width:14.28571429%;z-index:20}.calendar-day-today .calendar-day-number{background-color:var(--f7-calendar-today-bg-color);color:var(--f7-calendar-today-text-color,var(--f7-theme-color))}.calendar-day-next,.calendar-day-prev{color:var(--f7-calendar-prev-next-text-color)}.calendar-day-disabled{color:var(--f7-calendar-disabled-text-color);cursor:auto}.calendar-day-selected .calendar-day-number{background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color));color:var(--f7-calendar-selected-text-color)}.calendar-day-number{border-radius:50%;display:inline-block;height:var(--f7-calendar-day-size);line-height:var(--f7-calendar-day-size);position:relative;width:var(--f7-calendar-day-size)}.calendar-day-events{align-items:center;display:flex;justify-content:center;left:0;margin-top:1px;position:absolute;top:100%;width:100%}.calendar-day-event{background-color:var(--f7-calendar-event-bg-color);border-radius:calc(var(--f7-calendar-event-dot-size)/2);height:var(--f7-calendar-event-dot-size);width:var(--f7-calendar-event-dot-size)}.calendar-day-event+.calendar-day-event{margin-left:2px}.calendar-day-selected-left,.calendar-day-selected-range,.calendar-day-selected-right{position:relative}.calendar-day-selected-left:before,.calendar-day-selected-range:before,.calendar-day-selected-right:before{background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color));content:"";height:var(--f7-calendar-day-size);left:0;opacity:.2;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:-1}.calendar-day-selected-left:before,.calendar-day-selected-range:first-child:before{border-radius:var(--f7-calendar-day-size) 0 0 var(--f7-calendar-day-size);left:auto;right:0;width:calc(50% + var(--f7-calendar-day-size)/2)}.calendar-day-selected-range:last-child:before,.calendar-day-selected-right:before{border-radius:0 var(--f7-calendar-day-size) var(--f7-calendar-day-size) 0;width:calc(50% + var(--f7-calendar-day-size)/2)}.calendar-day-selected-left:last-child:before,.calendar-day-selected-right:first-child:before{display:none}.calendar-day-selected-left.calendar-day-selected-right:before{content:none;display:none}.calendar-day-selected-range .calendar-day-number{background-color:initial;color:inherit}.calendar-month-selector,.calendar-year-selector{align-items:center;display:flex;flex-shrink:10;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:200px;width:50%}.calendar-month-selector .calendar-day-number,.calendar-year-selector .calendar-day-number{flex-shrink:1;overflow:hidden;position:relative;text-overflow:ellipsis}.calendar-month-selector a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.calendar-year-selector a:is(.icon-only,:has(i:only-child),:has(svg:only-child)){min-width:36px}.calendar-month-picker,.calendar-time-picker,.calendar-year-picker{background:#0000;height:100%;position:relative;-webkit-user-select:none;user-select:none;width:100%}.calendar-month-picker .picker-columns,.calendar-year-picker .picker-columns{text-align:center}.calendar-month-picker-item,.calendar-year-picker-item{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transition-duration:.1s}.calendar-month-picker-item span,.calendar-year-picker-item span{box-sizing:border-box;overflow:hidden;pointer-events:none;position:relative;text-overflow:ellipsis;white-space:nowrap}.calendar-month-picker-item.active-state,.calendar-year-picker-item.active-state{background:var(--f7-calendar-picker-pressed-bg-color)}.calendar-month-picker-item{padding:5px}.sheet-modal .calendar-month-picker-item{height:33.33333333%;width:25%}.sheet-modal .calendar-month-picker-item:nth-child(4n+1):before,.sheet-modal .calendar-month-picker-item:nth-child(n+9):after{display:none!important}.calendar-modal .calendar-month-picker-item,.popover .calendar-month-picker-item{height:25%;width:33.33333333%}.calendar-modal .calendar-month-picker-item:nth-child(3n+1):before,.calendar-modal .calendar-month-picker-item:nth-child(n+10):after,.popover .calendar-month-picker-item:nth-child(3n+1):before,.popover .calendar-month-picker-item:nth-child(n+10):after{display:none!important}.calendar-month-picker-item-current,.calendar-year-picker-item-current{color:var(--f7-calendar-picker-selected-text-color,var(--f7-theme-color))}.calendar-year-picker{overflow:auto;--webkit-overflow-scrolling:touch}.calendar-year-picker-item{height:34px;line-height:34px;width:100%}.calendar-time-selector{align-items:center;display:flex;flex-shrink:0;font-size:var(--f7-calendar-time-selector-font-size);justify-content:space-between;padding:12px 16px;position:relative}.calendar-time-selector a{align-items:center;background-color:var(--f7-calendar-time-selector-bg-color);border-radius:8px;box-sizing:border-box;display:flex;height:var(--f7-calendar-time-selector-height);justify-content:center;overflow:hidden;padding:0 16px;position:relative}.calendar-time-selector>span{font-weight:500}.calendar-time-selector .segmented{margin-left:8px}.calendar-month-picker-popover,.calendar-time-picker-popover,.calendar-year-picker-popover{height:240px;width:240px}.calendar-month-picker-popover .popover-inner,.calendar-time-picker-popover .popover-inner,.calendar-year-picker-popover .popover-inner{height:100%;overflow:hidden}.calendar-time-picker{--f7-picker-popover-height:100%;--f7-picker-inline-height:100%}.calendar-time-picker .toolbar{flex-shrink:0;top:0!important}.calendar-time-picker .picker{display:flex;flex-direction:column;height:100%}.ios .toolbar .calendar-month-selector,.ios .toolbar .calendar-year-selector{justify-content:space-between}.ios .toolbar .calendar-month-selector .link,.ios .toolbar .calendar-year-selector .link{padding:0}.ios .toolbar .calendar-month-selector .current-month-value,.ios .toolbar .calendar-month-selector .current-year-value,.ios .toolbar .calendar-year-selector .current-month-value,.ios .toolbar .calendar-year-selector .current-year-value{display:block;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ios .calendar .toolbar{margin-bottom:16px;overflow:visible;position:relative}.ios .calendar .toolbar:after,.ios .calendar .toolbar:before{display:none}.ios .calendar-popover .toolbar{overflow:visible}.ios .calendar-modal{backdrop-filter:saturate(180%) blur(16px)}.ios .calendar-header .toolbar-pane{height:auto}.ios .calendar-header a.link{height:48px;width:48px}.md .calendar-header{overflow:hidden}
|
|
@@ -175,7 +175,7 @@ export namespace Calendar {
|
|
|
175
175
|
closeByOutsideClick?: boolean;
|
|
176
176
|
/** Enables calendar toolbar. (default true) */
|
|
177
177
|
toolbar?: boolean;
|
|
178
|
-
/** Text for Done/Close footer button. (default
|
|
178
|
+
/** Text for Done/Close footer button. (default '') */
|
|
179
179
|
toolbarCloseText?: string;
|
|
180
180
|
/** Enables footer with Done/Close button */
|
|
181
181
|
footer?: boolean;
|
|
@@ -14,10 +14,7 @@ export default {
|
|
|
14
14
|
app,
|
|
15
15
|
domProp: 'f7Calendar'
|
|
16
16
|
});
|
|
17
|
-
app.calendar.close = function close(el) {
|
|
18
|
-
if (el === void 0) {
|
|
19
|
-
el = '.calendar';
|
|
20
|
-
}
|
|
17
|
+
app.calendar.close = function close(el = '.calendar') {
|
|
21
18
|
const $el = $(el);
|
|
22
19
|
if ($el.length === 0) return;
|
|
23
20
|
const calendar = $el[0].f7Calendar;
|
|
@@ -60,13 +57,13 @@ export default {
|
|
|
60
57
|
monthSelector: true,
|
|
61
58
|
monthPicker: true,
|
|
62
59
|
monthPickerToolbar: true,
|
|
63
|
-
monthPickerCloseText: '
|
|
60
|
+
monthPickerCloseText: '',
|
|
64
61
|
yearSelector: true,
|
|
65
62
|
yearPicker: true,
|
|
66
63
|
yearPickerToolbar: true,
|
|
67
64
|
yearPickerMin: undefined,
|
|
68
65
|
yearPickerMax: undefined,
|
|
69
|
-
yearPickerCloseText: '
|
|
66
|
+
yearPickerCloseText: '',
|
|
70
67
|
timePicker: false,
|
|
71
68
|
timePickerToolbar: true,
|
|
72
69
|
timePickerLabel: 'Time',
|
|
@@ -75,7 +72,7 @@ export default {
|
|
|
75
72
|
minute: 'numeric'
|
|
76
73
|
},
|
|
77
74
|
timePickerPlaceholder: 'Select time',
|
|
78
|
-
timePickerCloseText: '
|
|
75
|
+
timePickerCloseText: '',
|
|
79
76
|
weekHeader: true,
|
|
80
77
|
value: null,
|
|
81
78
|
// Common opener settings
|
|
@@ -92,7 +89,7 @@ export default {
|
|
|
92
89
|
header: false,
|
|
93
90
|
headerPlaceholder: 'Select date',
|
|
94
91
|
toolbar: true,
|
|
95
|
-
toolbarCloseText: '
|
|
92
|
+
toolbarCloseText: '',
|
|
96
93
|
footer: false,
|
|
97
94
|
cssClass: null,
|
|
98
95
|
routableModals: false,
|
|
@@ -72,7 +72,6 @@
|
|
|
72
72
|
.calendar-header {
|
|
73
73
|
width: 100%;
|
|
74
74
|
position: relative;
|
|
75
|
-
overflow: hidden;
|
|
76
75
|
flex-shrink: 0;
|
|
77
76
|
white-space: nowrap;
|
|
78
77
|
text-overflow: ellipsis;
|
|
@@ -84,6 +83,9 @@
|
|
|
84
83
|
line-height: var(--f7-calendar-header-height);
|
|
85
84
|
font-size: var(--f7-calendar-header-font-size);
|
|
86
85
|
font-weight: var(--f7-calendar-header-font-weight);
|
|
86
|
+
display: flex;
|
|
87
|
+
align-items: center;
|
|
88
|
+
justify-content: space-between;
|
|
87
89
|
a {
|
|
88
90
|
color: var(--f7-calendar-header-link-color, var(--f7-bars-link-color, var(--f7-theme-color)));
|
|
89
91
|
}
|
|
@@ -308,7 +310,7 @@
|
|
|
308
310
|
overflow: hidden;
|
|
309
311
|
text-overflow: ellipsis;
|
|
310
312
|
}
|
|
311
|
-
a.icon-only {
|
|
313
|
+
a:is(.icon-only, :has(i:only-child), :has(svg:only-child)) {
|
|
312
314
|
min-width: 36px;
|
|
313
315
|
}
|
|
314
316
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--f7-card-margin-horizontal:16px;--f7-card-margin-vertical:16px;--f7-card-content-padding-horizontal:16px;--f7-card-content-padding-vertical:16px;--f7-card-font-size:inherit;--f7-card-header-text-color:inherit;--f7-card-header-font-weight:400;--f7-card-header-padding-horizontal:16px;--f7-card-footer-font-weight:400;--f7-card-footer-font-size:inherit;--f7-card-footer-padding-horizontal:16px;--f7-card-expandable-font-size:16px;--f7-card-expandable-tablet-width:670px;--f7-card-expandable-tablet-height:670px}.ios{--f7-card-border-radius:
|
|
1
|
+
:root{--f7-card-margin-horizontal:16px;--f7-card-margin-vertical:16px;--f7-card-content-padding-horizontal:16px;--f7-card-content-padding-vertical:16px;--f7-card-font-size:inherit;--f7-card-header-text-color:inherit;--f7-card-header-font-weight:400;--f7-card-header-padding-horizontal:16px;--f7-card-footer-font-weight:400;--f7-card-footer-font-size:inherit;--f7-card-footer-padding-horizontal:16px;--f7-card-expandable-font-size:16px;--f7-card-expandable-tablet-width:670px;--f7-card-expandable-tablet-height:670px}.ios{--f7-card-border-radius:24px;--f7-card-box-shadow:0px 1px 2px #0003;--f7-card-header-font-size:17px;--f7-card-header-padding-vertical:10px;--f7-card-header-min-height:52px;--f7-card-footer-text-color:#00000073;--f7-card-footer-padding-vertical:10px;--f7-card-footer-min-height:52px;--f7-card-expandable-margin-horizontal:20px;--f7-card-expandable-margin-vertical:30px;--f7-card-expandable-box-shadow:0px 20px 40px #0000004d;--f7-card-expandable-border-radius:24px;--f7-card-expandable-tablet-border-radius:24px;--f7-card-expandable-header-font-size:27px;--f7-card-expandable-header-font-weight:bold;--f7-card-text-color:inherit;--f7-card-bg-color:#fff;--f7-card-expandable-bg-color:#fff;--f7-card-outline-border-color:#0000001f;--f7-card-header-border-color:#0000001a;--f7-card-footer-border-color:#0000001a}.ios .dark,.ios.dark{--f7-card-bg-color:#1c1c1d;--f7-card-expandable-bg-color:#1c1c1d;--f7-card-outline-border-color:#ffffff26;--f7-card-header-border-color:#ffffff26;--f7-card-footer-border-color:#ffffff26;--f7-card-footer-text-color:#ffffff8c}.md{--f7-card-border-radius:16px;--f7-card-box-shadow:0px 2px 1px -1px #0003,0px 1px 1px 0px #00000024,0px 1px 3px 0px #0000001f;--f7-card-header-font-size:22px;--f7-card-header-padding-vertical:16px;--f7-card-header-min-height:48px;--f7-card-footer-padding-vertical:16px;--f7-card-footer-min-height:48px;--f7-card-expandable-margin-horizontal:12px;--f7-card-expandable-margin-vertical:24px;--f7-card-expandable-box-shadow:0px 6px 6px -3px #0003,0px 10px 14px 1px #00000024,0px 4px 18px 3px #0000001f;--f7-card-expandable-border-radius:16px;--f7-card-expandable-tablet-border-radius:16px;--f7-card-expandable-header-font-size:22px;--f7-card-expandable-header-font-weight:500}.md,.md .dark,.md [class*=color-]{--f7-card-bg-color:var(--f7-md-surface-1);--f7-card-expandable-bg-color:var(--f7-md-surface-1);--f7-card-outline-border-color:var(--f7-md-outline);--f7-card-header-border-color:var(--f7-md-outline);--f7-card-footer-border-color:var(--f7-md-outline);--f7-card-text-color:var(--f7-md-on-surface);--f7-card-footer-text-color:var(--f7-md-on-surface-variant)}.card .list>ul:after,.card .list>ul:before,.cards-list>ul:after,.cards-list>ul:before{display:none!important}.card .list ul,.cards-list ul{background:none}.card{background:var(--f7-card-bg-color);border-radius:var(--f7-card-border-radius);color:var(--f7-card-text-color);font-size:var(--f7-card-font-size);margin:var(--f7-card-margin-vertical) calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-right)) var(--f7-card-margin-vertical) calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left));position:relative}.card .block,.card .list{margin:0}.row:not(.no-gap) .col>.card{margin-left:0;margin-right:0}.card-raised{box-shadow:var(--f7-card-box-shadow)}.card-outline,.ios .card-outline-ios,.md .card-outline-md{border:1px solid var(--f7-card-outline-border-color)}.card-content{position:relative}.card-content-padding{padding:var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal);position:relative}.card-content-padding>.block,.card-content-padding>.list{margin:calc(var(--f7-card-content-padding-vertical)*-1) calc(var(--f7-card-content-padding-horizontal)*-1)}.card-content-padding>p:first-child{margin-top:0}.card-content-padding>p:last-child{margin-bottom:0}.card-header{color:var(--f7-card-header-text-color);font-size:var(--f7-card-header-font-size);font-weight:var(--f7-card-header-font-weight);min-height:var(--f7-card-header-min-height);padding:var(--f7-card-header-padding-vertical) var(--f7-card-header-padding-horizontal)}.card-dividers .card-header,.card-header-divider .card-header,.card-header.card-header-divider{border-bottom:1px solid var(--f7-card-header-border-color)}.card-footer{color:var(--f7-card-footer-text-color);font-size:var(--f7-card-footer-font-size);font-weight:var(--f7-card-footer-font-weight);min-height:var(--f7-card-footer-min-height);padding:var(--f7-card-footer-padding-vertical) var(--f7-card-footer-padding-horizontal)}.card-dividers .card-footer,.card-footer-divider .card-footer,.card-footer.card-footer-divider{border-top:1px solid var(--f7-card-header-border-color)}.card-footer a.link{overflow:hidden}.card-footer,.card-header{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;position:relative}.card-footer[valign=top],.card-header[valign=top]{align-items:flex-start}.card-footer[valign=bottom],.card-header[valign=bottom]{align-items:flex-end}.card-footer a.link,.card-header a.link{position:relative}.card-footer a.link i.icon,.card-header a.link i.icon{display:block}.card-footer a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.card-header a:is(.icon-only,:has(i:only-child),:has(svg:only-child)){align-items:center;display:flex;justify-content:center;margin:0}.card-header{border-radius:var(--f7-card-border-radius) var(--f7-card-border-radius) 0 0}.card-footer{border-radius:0 0 var(--f7-card-border-radius) var(--f7-card-border-radius)}.card-expandable{background:var(--f7-card-expandable-bg-color);border-radius:var(--f7-card-expandable-border-radius);font-size:var(--f7-card-expandable-font-size);height:300px;margin:var(--f7-card-expandable-margin-vertical) calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-right)) var(--f7-card-expandable-margin-vertical) calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-left));overflow:hidden;position:relative;transform-origin:center center;transition-duration:.2s;transition-property:transform,border-radius;z-index:2}.card-expandable.card-raised{box-shadow:var(--f7-card-expandable-box-shadow)}.card-expandable:not(.card-opened){-webkit-user-select:none;user-select:none}.card-expandable.card-no-transition{transition-duration:0s}.card-expandable.card-expandable-animate-width .card-content{transition-property:width,transform;width:100%}.card-expandable.active-state{transform:scale(.97) translateZ(0)}.card-expandable .card-opened-fade-in,.card-expandable .card-opened-fade-out{transition-duration:.4s}.card-expandable .card-opened-fade-in{opacity:0;pointer-events:none}.card-expandable .card-content{box-sizing:border-box;height:100vh;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transform-origin:center top;transition-property:transform;width:100vw}.card-expandable .card-content .card-content-padding{padding-left:calc(var(--f7-safe-area-left) + var(--f7-card-content-padding-horizontal));padding-right:calc(var(--f7-safe-area-right) + var(--f7-card-content-padding-horizontal))}.card-expandable.card-opened{transition-duration:0s}.card-expandable.card-closing,.card-expandable.card-opening,.card-expandable.card-transitioning{transition-duration:.4s}.card-expandable.card-opening .card-content{transition-duration:.3s}.card-expandable.card-closing .card-content{transition-duration:.5s}.card-expandable.card-closing,.card-expandable.card-opened,.card-expandable.card-opening{z-index:300}.card-expandable.card-opened,.card-expandable.card-opening{border-radius:0}.card-expandable.card-opened .card-opened-fade-in,.card-expandable.card-opening .card-opened-fade-in{opacity:1;pointer-events:auto}.card-expandable.card-opened .card-opened-fade-out,.card-expandable.card-opening .card-opened-fade-out{opacity:0;pointer-events:none}.card-expandable.card-opened .card-content{overflow:auto;-webkit-overflow-scrolling:touch;pointer-events:auto}.card-expandable .card-header{font-size:var(--f7-card-expandable-header-font-size);font-weight:var(--f7-card-expandable-header-font-weight)}.card-prevent-open{pointer-events:auto}.card-expandable-size{height:0;left:0;opacity:0;pointer-events:none;position:absolute;top:0;visibility:hidden;width:0}@media (min-width:768px) and (min-height:670px){.card-expandable:not(.card-tablet-fullscreen){max-width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen).card-opened,.card-expandable:not(.card-tablet-fullscreen).card-opening{border-radius:var(--f7-card-expandable-tablet-border-radius)}.card-expandable:not(.card-tablet-fullscreen):not(.card-expandable-animate-width) .card-content{width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen) .card-expandable-size{height:var(--f7-card-expandable-tablet-height);width:var(--f7-card-expandable-tablet-width)}}.page.page-with-card-opened .page-content{overflow:hidden}.card-backdrop{background:#0003;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:299}.card-backdrop-in{animation:card-backdrop-fade-in .4s forwards;pointer-events:auto}.card-backdrop-out{animation:card-backdrop-fade-out .4s forwards}@supports (backdrop-filter:blur(15px)){.card-backdrop{backdrop-filter:blur(15px);background:#0000}}@keyframes card-backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes card-backdrop-fade-out{0%{opacity:1}to{opacity:0}}
|
|
@@ -15,19 +15,19 @@
|
|
|
15
15
|
--f7-card-expandable-tablet-height: 670px;
|
|
16
16
|
}
|
|
17
17
|
.ios-vars({
|
|
18
|
-
--f7-card-border-radius:
|
|
18
|
+
--f7-card-border-radius: 24px;
|
|
19
19
|
--f7-card-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
|
|
20
20
|
--f7-card-header-font-size: 17px;
|
|
21
21
|
--f7-card-header-padding-vertical: 10px;
|
|
22
|
-
--f7-card-header-min-height:
|
|
22
|
+
--f7-card-header-min-height: 52px;
|
|
23
23
|
--f7-card-footer-text-color: rgba(0,0,0,0.45);
|
|
24
24
|
--f7-card-footer-padding-vertical: 10px;
|
|
25
|
-
--f7-card-footer-min-height:
|
|
25
|
+
--f7-card-footer-min-height: 52px;
|
|
26
26
|
--f7-card-expandable-margin-horizontal: 20px;
|
|
27
27
|
--f7-card-expandable-margin-vertical: 30px;
|
|
28
28
|
--f7-card-expandable-box-shadow: 0px 20px 40px rgba(0,0,0,0.3);
|
|
29
|
-
--f7-card-expandable-border-radius:
|
|
30
|
-
--f7-card-expandable-tablet-border-radius:
|
|
29
|
+
--f7-card-expandable-border-radius: 24px;
|
|
30
|
+
--f7-card-expandable-tablet-border-radius: 24px;
|
|
31
31
|
--f7-card-expandable-header-font-size: 27px;
|
|
32
32
|
--f7-card-expandable-header-font-weight: bold;
|
|
33
33
|
--f7-card-text-color: inherit;
|
package/components/card/card.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--f7-card-margin-horizontal:16px;--f7-card-margin-vertical:16px;--f7-card-content-padding-horizontal:16px;--f7-card-content-padding-vertical:16px;--f7-card-font-size:inherit;--f7-card-header-text-color:inherit;--f7-card-header-font-weight:400;--f7-card-header-padding-horizontal:16px;--f7-card-footer-font-weight:400;--f7-card-footer-font-size:inherit;--f7-card-footer-padding-horizontal:16px;--f7-card-expandable-font-size:16px;--f7-card-expandable-tablet-width:670px;--f7-card-expandable-tablet-height:670px}.ios{--f7-card-border-radius:
|
|
1
|
+
:root{--f7-card-margin-horizontal:16px;--f7-card-margin-vertical:16px;--f7-card-content-padding-horizontal:16px;--f7-card-content-padding-vertical:16px;--f7-card-font-size:inherit;--f7-card-header-text-color:inherit;--f7-card-header-font-weight:400;--f7-card-header-padding-horizontal:16px;--f7-card-footer-font-weight:400;--f7-card-footer-font-size:inherit;--f7-card-footer-padding-horizontal:16px;--f7-card-expandable-font-size:16px;--f7-card-expandable-tablet-width:670px;--f7-card-expandable-tablet-height:670px}.ios{--f7-card-border-radius:24px;--f7-card-box-shadow:0px 1px 2px #0003;--f7-card-header-font-size:17px;--f7-card-header-padding-vertical:10px;--f7-card-header-min-height:52px;--f7-card-footer-text-color:#00000073;--f7-card-footer-padding-vertical:10px;--f7-card-footer-min-height:52px;--f7-card-expandable-margin-horizontal:20px;--f7-card-expandable-margin-vertical:30px;--f7-card-expandable-box-shadow:0px 20px 40px #0000004d;--f7-card-expandable-border-radius:24px;--f7-card-expandable-tablet-border-radius:24px;--f7-card-expandable-header-font-size:27px;--f7-card-expandable-header-font-weight:bold;--f7-card-text-color:inherit;--f7-card-bg-color:#fff;--f7-card-expandable-bg-color:#fff;--f7-card-outline-border-color:#0000001f;--f7-card-header-border-color:#0000001a;--f7-card-footer-border-color:#0000001a}.ios .dark,.ios.dark{--f7-card-bg-color:#1c1c1d;--f7-card-expandable-bg-color:#1c1c1d;--f7-card-outline-border-color:#ffffff26;--f7-card-header-border-color:#ffffff26;--f7-card-footer-border-color:#ffffff26;--f7-card-footer-text-color:#ffffff8c}.md{--f7-card-border-radius:16px;--f7-card-box-shadow:0px 2px 1px -1px #0003,0px 1px 1px 0px #00000024,0px 1px 3px 0px #0000001f;--f7-card-header-font-size:22px;--f7-card-header-padding-vertical:16px;--f7-card-header-min-height:48px;--f7-card-footer-padding-vertical:16px;--f7-card-footer-min-height:48px;--f7-card-expandable-margin-horizontal:12px;--f7-card-expandable-margin-vertical:24px;--f7-card-expandable-box-shadow:0px 6px 6px -3px #0003,0px 10px 14px 1px #00000024,0px 4px 18px 3px #0000001f;--f7-card-expandable-border-radius:16px;--f7-card-expandable-tablet-border-radius:16px;--f7-card-expandable-header-font-size:22px;--f7-card-expandable-header-font-weight:500}.md,.md .dark,.md [class*=color-]{--f7-card-bg-color:var(--f7-md-surface-1);--f7-card-expandable-bg-color:var(--f7-md-surface-1);--f7-card-outline-border-color:var(--f7-md-outline);--f7-card-header-border-color:var(--f7-md-outline);--f7-card-footer-border-color:var(--f7-md-outline);--f7-card-text-color:var(--f7-md-on-surface);--f7-card-footer-text-color:var(--f7-md-on-surface-variant)}.card .list>ul:after,.card .list>ul:before,.cards-list>ul:after,.cards-list>ul:before{display:none!important}.card .list ul,.cards-list ul{background:none}.card{background:var(--f7-card-bg-color);border-radius:var(--f7-card-border-radius);color:var(--f7-card-text-color);font-size:var(--f7-card-font-size);margin:var(--f7-card-margin-vertical) calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-right)) var(--f7-card-margin-vertical) calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left));position:relative}.card .block,.card .list{margin:0}.row:not(.no-gap) .col>.card{margin-left:0;margin-right:0}.card-raised{box-shadow:var(--f7-card-box-shadow)}.card-outline,.ios .card-outline-ios,.md .card-outline-md{border:1px solid var(--f7-card-outline-border-color)}.card-content{position:relative}.card-content-padding{padding:var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal);position:relative}.card-content-padding>.block,.card-content-padding>.list{margin:calc(var(--f7-card-content-padding-vertical)*-1) calc(var(--f7-card-content-padding-horizontal)*-1)}.card-content-padding>p:first-child{margin-top:0}.card-content-padding>p:last-child{margin-bottom:0}.card-header{color:var(--f7-card-header-text-color);font-size:var(--f7-card-header-font-size);font-weight:var(--f7-card-header-font-weight);min-height:var(--f7-card-header-min-height);padding:var(--f7-card-header-padding-vertical) var(--f7-card-header-padding-horizontal)}.card-dividers .card-header,.card-header-divider .card-header,.card-header.card-header-divider{border-bottom:1px solid var(--f7-card-header-border-color)}.card-footer{color:var(--f7-card-footer-text-color);font-size:var(--f7-card-footer-font-size);font-weight:var(--f7-card-footer-font-weight);min-height:var(--f7-card-footer-min-height);padding:var(--f7-card-footer-padding-vertical) var(--f7-card-footer-padding-horizontal)}.card-dividers .card-footer,.card-footer-divider .card-footer,.card-footer.card-footer-divider{border-top:1px solid var(--f7-card-header-border-color)}.card-footer a.link{overflow:hidden}.card-footer,.card-header{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;position:relative}.card-footer[valign=top],.card-header[valign=top]{align-items:flex-start}.card-footer[valign=bottom],.card-header[valign=bottom]{align-items:flex-end}.card-footer a.link,.card-header a.link{position:relative}.card-footer a.link i.icon,.card-header a.link i.icon{display:block}.card-footer a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.card-header a:is(.icon-only,:has(i:only-child),:has(svg:only-child)){align-items:center;display:flex;justify-content:center;margin:0}.card-header{border-radius:var(--f7-card-border-radius) var(--f7-card-border-radius) 0 0}.card-footer{border-radius:0 0 var(--f7-card-border-radius) var(--f7-card-border-radius)}.card-expandable{background:var(--f7-card-expandable-bg-color);border-radius:var(--f7-card-expandable-border-radius);font-size:var(--f7-card-expandable-font-size);height:300px;margin:var(--f7-card-expandable-margin-vertical) calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-right)) var(--f7-card-expandable-margin-vertical) calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-left));overflow:hidden;position:relative;transform-origin:center center;transition-duration:.2s;transition-property:transform,border-radius;z-index:2}.card-expandable.card-raised{box-shadow:var(--f7-card-expandable-box-shadow)}.card-expandable:not(.card-opened){-webkit-user-select:none;user-select:none}.card-expandable.card-no-transition{transition-duration:0s}.card-expandable.card-expandable-animate-width .card-content{transition-property:width,transform;width:100%}.card-expandable.active-state{transform:scale(.97) translateZ(0)}.card-expandable .card-opened-fade-in,.card-expandable .card-opened-fade-out{transition-duration:.4s}.card-expandable .card-opened-fade-in{opacity:0;pointer-events:none}.card-expandable .card-content{box-sizing:border-box;height:100vh;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;transform-origin:center top;transition-property:transform;width:100vw}.card-expandable .card-content .card-content-padding{padding-left:calc(var(--f7-safe-area-left) + var(--f7-card-content-padding-horizontal));padding-right:calc(var(--f7-safe-area-right) + var(--f7-card-content-padding-horizontal))}.card-expandable.card-opened{transition-duration:0s}.card-expandable.card-closing,.card-expandable.card-opening,.card-expandable.card-transitioning{transition-duration:.4s}.card-expandable.card-opening .card-content{transition-duration:.3s}.card-expandable.card-closing .card-content{transition-duration:.5s}.card-expandable.card-closing,.card-expandable.card-opened,.card-expandable.card-opening{z-index:300}.card-expandable.card-opened,.card-expandable.card-opening{border-radius:0}.card-expandable.card-opened .card-opened-fade-in,.card-expandable.card-opening .card-opened-fade-in{opacity:1;pointer-events:auto}.card-expandable.card-opened .card-opened-fade-out,.card-expandable.card-opening .card-opened-fade-out{opacity:0;pointer-events:none}.card-expandable.card-opened .card-content{overflow:auto;-webkit-overflow-scrolling:touch;pointer-events:auto}.card-expandable .card-header{font-size:var(--f7-card-expandable-header-font-size);font-weight:var(--f7-card-expandable-header-font-weight)}.card-prevent-open{pointer-events:auto}.card-expandable-size{height:0;left:0;opacity:0;pointer-events:none;position:absolute;top:0;visibility:hidden;width:0}@media (min-width:768px) and (min-height:670px){.card-expandable:not(.card-tablet-fullscreen){max-width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen).card-opened,.card-expandable:not(.card-tablet-fullscreen).card-opening{border-radius:var(--f7-card-expandable-tablet-border-radius)}.card-expandable:not(.card-tablet-fullscreen):not(.card-expandable-animate-width) .card-content{width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen) .card-expandable-size{height:var(--f7-card-expandable-tablet-height);width:var(--f7-card-expandable-tablet-width)}}.page.page-with-card-opened .page-content{overflow:hidden}.card-backdrop{background:#0003;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:299}.card-backdrop-in{animation:card-backdrop-fade-in .4s forwards;pointer-events:auto}.card-backdrop-out{animation:card-backdrop-fade-out .4s forwards}@supports (backdrop-filter:blur(15px)){.card-backdrop{backdrop-filter:blur(15px);background:#0000}}@keyframes card-backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes card-backdrop-fade-out{0%{opacity:1}to{opacity:0}}
|
package/components/card/card.js
CHANGED
|
@@ -5,13 +5,7 @@ import { getSupport } from '../../shared/get-support.js';
|
|
|
5
5
|
import { getDevice } from '../../shared/get-device.js';
|
|
6
6
|
import $ from '../../shared/dom7.js';
|
|
7
7
|
const CardExpandable = {
|
|
8
|
-
open(cardEl, animate) {
|
|
9
|
-
if (cardEl === void 0) {
|
|
10
|
-
cardEl = '.card-expandable';
|
|
11
|
-
}
|
|
12
|
-
if (animate === void 0) {
|
|
13
|
-
animate = true;
|
|
14
|
-
}
|
|
8
|
+
open(cardEl = '.card-expandable', animate = true) {
|
|
15
9
|
const app = this;
|
|
16
10
|
const device = getDevice();
|
|
17
11
|
const document = getDocument();
|
|
@@ -312,13 +306,7 @@ const CardExpandable = {
|
|
|
312
306
|
app.on('touchend:passive', onTouchEnd);
|
|
313
307
|
}
|
|
314
308
|
},
|
|
315
|
-
close(cardEl, animate) {
|
|
316
|
-
if (cardEl === void 0) {
|
|
317
|
-
cardEl = '.card-expandable.card-opened';
|
|
318
|
-
}
|
|
319
|
-
if (animate === void 0) {
|
|
320
|
-
animate = true;
|
|
321
|
-
}
|
|
309
|
+
close(cardEl = '.card-expandable.card-opened', animate = true) {
|
|
322
310
|
const app = this;
|
|
323
311
|
const device = getDevice();
|
|
324
312
|
const $cardEl = $(cardEl).eq(0);
|
|
@@ -419,10 +407,7 @@ const CardExpandable = {
|
|
|
419
407
|
delete $cardEl[0].detachEventHandlers;
|
|
420
408
|
}
|
|
421
409
|
},
|
|
422
|
-
toggle(cardEl, animate) {
|
|
423
|
-
if (cardEl === void 0) {
|
|
424
|
-
cardEl = '.card-expandable';
|
|
425
|
-
}
|
|
410
|
+
toggle(cardEl = '.card-expandable', animate) {
|
|
426
411
|
const app = this;
|
|
427
412
|
const $cardEl = $(cardEl).eq(0);
|
|
428
413
|
if (!$cardEl.length) return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--f7-checkbox-icon-color:#fff;--f7-checkbox-extra-margin:0px}:root .dark,:root.dark{--f7-checkbox-inactive-color
|
|
1
|
+
:root{--f7-checkbox-icon-color:#fff;--f7-checkbox-extra-margin:0px}:root .dark,:root.dark{--f7-checkbox-inactive-color:#ffffff4d;--f7-checkbox-icon-color:#000}.ios{--f7-checkbox-size:22px;--f7-checkbox-border-radius:50%;--f7-checkbox-border-width:1px;--f7-checkbox-inactive-color:#c7c7cc}.md{--f7-checkbox-size:18px;--f7-checkbox-border-radius:2px;--f7-checkbox-border-width:2px;--f7-checkbox-inactive-color:#6d6d6d}.checkbox{background-color:initial;display:inline-block;position:relative;vertical-align:middle;z-index:1;--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb),0.5)}.checkbox i,.icon-checkbox{border:var(--f7-checkbox-border-width) solid var(--f7-checkbox-inactive-color);border-radius:var(--f7-checkbox-border-radius);box-sizing:border-box;display:block;flex-shrink:0;height:var(--f7-checkbox-size);position:relative;width:var(--f7-checkbox-size)}.checkbox i:after,.icon-checkbox:after{font-family:framework7-core-icons;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;color:var(--f7-checkbox-icon-color);display:block;font-feature-settings:"liga";font-size:20px;height:100%;height:var(--f7-checkbox-size);line-height:var(--f7-checkbox-size);opacity:0;position:relative;right:calc(0px - var(--f7-checkbox-border-width));text-align:center;top:calc(0px - var(--f7-checkbox-border-width));transition-property:opacity;width:100%;width:var(--f7-checkbox-size)}.checkbox i.color-white,.color-white .checkbox i,.color-white .icon-checkbox,.icon-checkbox.color-white{--f7-theme-color:#fff;--f7-checkbox-icon-color:#000}.checkbox i.color-black,.color-black .checkbox i,.color-black .icon-checkbox,.icon-checkbox.color-black{--f7-theme-color:#000;--f7-checkbox-icon-color:#fff}.checkbox input[type=checkbox]:not(:checked)~i:after,label.item-checkbox input[type=checkbox]:not(:checked)~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:not(:checked)~.icon-checkbox:after{font-size:0}.checkbox input[type=checkbox]:checked~i,.checkbox input[type=checkbox]:indeterminate~i,label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,label.item-checkbox input[type=checkbox]:checked~.icon-checkbox,label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox,label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox{background-color:var(--f7-checkbox-active-color,var(--f7-theme-color));border-color:var(--f7-checkbox-active-color,var(--f7-theme-color))}.checkbox input[type=checkbox]:checked~i:after,.checkbox input[type=checkbox]:indeterminate~i:after,label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:checked~.icon-checkbox:after,label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox:after{opacity:1}.checkbox input[type=checkbox]:indeterminate~i:after,label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox:after{background:var(--f7-checkbox-icon-color);border-radius:2px;content:"";font-size:0;height:2px;margin-top:-1px;position:absolute;right:15%;top:50%;transition:0s;width:70%}.checkbox,label.item-checkbox{cursor:pointer}.checkbox input[type=checkbox],.checkbox input[type=radio],label.item-checkbox input[type=checkbox],label.item-checkbox input[type=radio]{display:none}label.item-checkbox{transition-duration:.3s}label.item-checkbox .item-content .item-media,label.item-checkbox.item-content .item-media{align-self:center}label.item-checkbox>.icon-checkbox{margin-left:calc(var(--f7-list-item-media-margin) + var(--f7-checkbox-extra-margin))}label.item-checkbox.active-state{background-color:var(--f7-list-link-pressed-bg-color)}label.item-checkbox.active-state:after{background-color:initial}.disabled label.item-checkbox,label.item-checkbox.disabled{opacity:.55;pointer-events:none}label.item-checkbox.item-checkbox-icon-end .item-inner{padding-left:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right) + var(--f7-checkbox-size) + 16px)}label.item-checkbox.item-checkbox-icon-end input[type=checkbox]~.icon-checkbox{left:calc(var(--f7-safe-area-left) + 16px);margin-left:0;position:absolute}.ios .checkbox i:after,.ios .icon-checkbox:after{content:"checkbox_ios";font-size:21px}.ios label.item-checkbox.active-state{transition-duration:0s}.ios .checkbox input[type=checkbox]:indeterminate~i:after,.ios label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox:after,.ios label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox:after{height:2px;margin-top:-1px}.md .checkbox i,.md .icon-checkbox{transition-duration:.2s}.md .checkbox i:after,.md .icon-checkbox:after{content:"checkbox_md";font-size:15px;transition-duration:.2s}.md label.item-checkbox{overflow:hidden;position:relative;z-index:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--f7-checkbox-icon-color:#fff;--f7-checkbox-extra-margin:0px}:root .dark,:root.dark{--f7-checkbox-inactive-color
|
|
1
|
+
:root{--f7-checkbox-icon-color:#fff;--f7-checkbox-extra-margin:0px}:root .dark,:root.dark{--f7-checkbox-inactive-color:#ffffff4d;--f7-checkbox-icon-color:#000}.ios{--f7-checkbox-size:22px;--f7-checkbox-border-radius:50%;--f7-checkbox-border-width:1px;--f7-checkbox-inactive-color:#c7c7cc}.md{--f7-checkbox-size:18px;--f7-checkbox-border-radius:2px;--f7-checkbox-border-width:2px;--f7-checkbox-inactive-color:#6d6d6d}.checkbox{background-color:initial;display:inline-block;position:relative;vertical-align:middle;z-index:1;--f7-touch-ripple-color:rgba(var(--f7-theme-color-rgb),0.5)}.checkbox i,.icon-checkbox{border:var(--f7-checkbox-border-width) solid var(--f7-checkbox-inactive-color);border-radius:var(--f7-checkbox-border-radius);box-sizing:border-box;display:block;flex-shrink:0;height:var(--f7-checkbox-size);position:relative;width:var(--f7-checkbox-size)}.checkbox i:after,.icon-checkbox:after{font-family:framework7-core-icons;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;color:var(--f7-checkbox-icon-color);display:block;font-feature-settings:"liga";font-size:20px;height:100%;height:var(--f7-checkbox-size);left:calc(0px - var(--f7-checkbox-border-width));line-height:var(--f7-checkbox-size);opacity:0;position:relative;text-align:center;top:calc(0px - var(--f7-checkbox-border-width));transition-property:opacity;width:100%;width:var(--f7-checkbox-size)}.checkbox i.color-white,.color-white .checkbox i,.color-white .icon-checkbox,.icon-checkbox.color-white{--f7-theme-color:#fff;--f7-checkbox-icon-color:#000}.checkbox i.color-black,.color-black .checkbox i,.color-black .icon-checkbox,.icon-checkbox.color-black{--f7-theme-color:#000;--f7-checkbox-icon-color:#fff}.checkbox input[type=checkbox]:not(:checked)~i:after,label.item-checkbox input[type=checkbox]:not(:checked)~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:not(:checked)~.icon-checkbox:after{font-size:0}.checkbox input[type=checkbox]:checked~i,.checkbox input[type=checkbox]:indeterminate~i,label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox,label.item-checkbox input[type=checkbox]:checked~.icon-checkbox,label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox,label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox{background-color:var(--f7-checkbox-active-color,var(--f7-theme-color));border-color:var(--f7-checkbox-active-color,var(--f7-theme-color))}.checkbox input[type=checkbox]:checked~i:after,.checkbox input[type=checkbox]:indeterminate~i:after,label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:checked~.icon-checkbox:after,label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox:after{opacity:1}.checkbox input[type=checkbox]:indeterminate~i:after,label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox:after,label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox:after{background:var(--f7-checkbox-icon-color);border-radius:2px;content:"";font-size:0;height:2px;left:15%;margin-top:-1px;position:absolute;top:50%;transition:0s;width:70%}.checkbox,label.item-checkbox{cursor:pointer}.checkbox input[type=checkbox],.checkbox input[type=radio],label.item-checkbox input[type=checkbox],label.item-checkbox input[type=radio]{display:none}label.item-checkbox{transition-duration:.3s}label.item-checkbox .item-content .item-media,label.item-checkbox.item-content .item-media{align-self:center}label.item-checkbox>.icon-checkbox{margin-right:calc(var(--f7-list-item-media-margin) + var(--f7-checkbox-extra-margin))}label.item-checkbox.active-state{background-color:var(--f7-list-link-pressed-bg-color)}label.item-checkbox.active-state:after{background-color:initial}.disabled label.item-checkbox,label.item-checkbox.disabled{opacity:.55;pointer-events:none}label.item-checkbox.item-checkbox-icon-end .item-inner{padding-right:calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right) + var(--f7-checkbox-size) + 16px)}label.item-checkbox.item-checkbox-icon-end input[type=checkbox]~.icon-checkbox{margin-right:0;position:absolute;right:calc(var(--f7-safe-area-right) + 16px)}.ios .checkbox i:after,.ios .icon-checkbox:after{content:"checkbox_ios";font-size:21px}.ios label.item-checkbox.active-state{transition-duration:0s}.ios .checkbox input[type=checkbox]:indeterminate~i:after,.ios label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox:after,.ios label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox:after{height:2px;margin-top:-1px}.md .checkbox i,.md .icon-checkbox{transition-duration:.2s}.md .checkbox i:after,.md .icon-checkbox:after{content:"checkbox_md";font-size:15px;transition-duration:.2s}.md label.item-checkbox{overflow:hidden;position:relative;z-index:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--f7-chip-font-size:14px;--f7-chip-media-font-size:16px;--f7-chip-delete-button-color:#000}:root .dark,:root.dark{--f7-chip-delete-button-color:#fff}.ios{--f7-chip-height:28px;--f7-chip-media-size:28px;--f7-chip-padding-horizontal:10px;--f7-chip-border-radius:28px;--f7-chip-font-weight:normal;--f7-chip-outline-border-color
|
|
1
|
+
:root{--f7-chip-font-size:14px;--f7-chip-media-font-size:16px;--f7-chip-delete-button-color:#000}:root .dark,:root.dark{--f7-chip-delete-button-color:#fff}.ios{--f7-chip-height:28px;--f7-chip-media-size:28px;--f7-chip-padding-horizontal:10px;--f7-chip-border-radius:28px;--f7-chip-font-weight:normal;--f7-chip-outline-border-color:#0000001f;--f7-chip-bg-color:#0000001f;--f7-chip-text-color:#000;--f7-chip-outline-text-color:#000}.ios .dark,.ios.dark{--f7-chip-bg-color:#333;--f7-chip-text-color:#fff;--f7-chip-outline-text-color:#fff;--f7-chip-outline-border-color:#ffffff1f}.md{--f7-chip-font-weight:500;--f7-chip-media-size:24px;--f7-chip-height:32px;--f7-chip-padding-horizontal:12px;--f7-chip-border-radius:8px}.md,.md .dark,.md [class*=color-]{--f7-chip-bg-color:var(--f7-md-secondary-container);--f7-chip-text-color:var(--f7-md-on-secondary-container);--f7-chip-outline-text-color:var(--f7-md-on-surface);--f7-chip-outline-border-color:var(--f7-md-outline)}.chip{background-color:var(--f7-chip-bg-color);border-radius:var(--f7-chip-border-radius);color:var(--f7-chip-text-color);display:inline-flex;font-size:var(--f7-chip-font-size);font-weight:var(--f7-chip-font-weight);height:var(--f7-chip-height);line-height:var(--f7-chip-height);margin:2px 0;padding-left:var(--f7-chip-padding-horizontal);padding-right:var(--f7-chip-padding-horizontal);position:relative}.chip,.chip-media{align-items:center;box-sizing:border-box;vertical-align:middle}.chip-media{border-radius:50%;border-radius:var(--f7-chip-media-size);color:#fff;display:flex;flex-shrink:0;font-size:var(--f7-chip-media-font-size);height:var(--f7-chip-media-size);justify-content:center;line-height:var(--f7-chip-media-size);text-align:center;width:var(--f7-chip-media-size)}.chip-media i.icon{font-size:calc(var(--f7-chip-media-size) - 8px);height:calc(var(--f7-chip-media-size) - 8px)}.chip-media img{border-radius:50%;display:block;height:auto;max-height:100%;max-width:100%;width:auto}.chip-media+.chip-label{margin-right:4px}.chip-label{flex-shrink:1;min-width:0;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.chip-delete{background-repeat:no-repeat;color:var(--f7-chip-delete-button-color);cursor:pointer;flex-shrink:0;height:24px;opacity:.54;position:relative;text-align:center;width:24px}.chip-delete:after{font-family:framework7-core-icons;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;display:block;font-feature-settings:"liga";font-size:20px;height:100%;line-height:24px;text-align:center;width:100%}.chip .chip-delete.active-state{opacity:1}.chip-outline,.ios .chip-outline-ios,.md .chip-outline-md{background:none;border:1px solid var(--f7-chip-outline-border-color);color:var(--f7-chip-outline-text-color)}.ios .chip[class*=color-]{--f7-chip-bg-color:var(--f7-theme-color);--f7-chip-text-color:#fff}.ios .chip-outline-ios[class*=color-],.ios .chip-outline[class*=color-]{--f7-chip-outline-border-color:var(--f7-theme-color);--f7-chip-outline-text-color:var(--f7-theme-color)}.ios .chip-media{margin-right:calc(var(--f7-chip-padding-horizontal)*-1)}.ios .chip-delete{margin-left:calc(var(--f7-chip-padding-horizontal)*-1)}.ios .chip-delete:after{content:"delete_round_ios";font-size:10px}.md .chip-media{margin-right:calc(var(--f7-chip-padding-horizontal)*-1 + 4px)}.md .chip-label+.chip-delete{margin-right:4px}.md .chip-delete{margin-left:calc(var(--f7-chip-padding-horizontal)*-1 + 4px)}.md .chip-delete:after{content:"delete_round_md";font-size:16px}
|
package/components/chip/chip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--f7-chip-font-size:14px;--f7-chip-media-font-size:16px;--f7-chip-delete-button-color:#000}:root .dark,:root.dark{--f7-chip-delete-button-color:#fff}.ios{--f7-chip-height:28px;--f7-chip-media-size:28px;--f7-chip-padding-horizontal:10px;--f7-chip-border-radius:28px;--f7-chip-font-weight:normal;--f7-chip-outline-border-color
|
|
1
|
+
:root{--f7-chip-font-size:14px;--f7-chip-media-font-size:16px;--f7-chip-delete-button-color:#000}:root .dark,:root.dark{--f7-chip-delete-button-color:#fff}.ios{--f7-chip-height:28px;--f7-chip-media-size:28px;--f7-chip-padding-horizontal:10px;--f7-chip-border-radius:28px;--f7-chip-font-weight:normal;--f7-chip-outline-border-color:#0000001f;--f7-chip-bg-color:#0000001f;--f7-chip-text-color:#000;--f7-chip-outline-text-color:#000}.ios .dark,.ios.dark{--f7-chip-bg-color:#333;--f7-chip-text-color:#fff;--f7-chip-outline-text-color:#fff;--f7-chip-outline-border-color:#ffffff1f}.md{--f7-chip-font-weight:500;--f7-chip-media-size:24px;--f7-chip-height:32px;--f7-chip-padding-horizontal:12px;--f7-chip-border-radius:8px}.md,.md .dark,.md [class*=color-]{--f7-chip-bg-color:var(--f7-md-secondary-container);--f7-chip-text-color:var(--f7-md-on-secondary-container);--f7-chip-outline-text-color:var(--f7-md-on-surface);--f7-chip-outline-border-color:var(--f7-md-outline)}.chip{background-color:var(--f7-chip-bg-color);border-radius:var(--f7-chip-border-radius);color:var(--f7-chip-text-color);display:inline-flex;font-size:var(--f7-chip-font-size);font-weight:var(--f7-chip-font-weight);height:var(--f7-chip-height);line-height:var(--f7-chip-height);margin:2px 0;padding-left:var(--f7-chip-padding-horizontal);padding-right:var(--f7-chip-padding-horizontal);position:relative}.chip,.chip-media{align-items:center;box-sizing:border-box;vertical-align:middle}.chip-media{border-radius:50%;border-radius:var(--f7-chip-media-size);color:#fff;display:flex;flex-shrink:0;font-size:var(--f7-chip-media-font-size);height:var(--f7-chip-media-size);justify-content:center;line-height:var(--f7-chip-media-size);text-align:center;width:var(--f7-chip-media-size)}.chip-media i.icon{font-size:calc(var(--f7-chip-media-size) - 8px);height:calc(var(--f7-chip-media-size) - 8px)}.chip-media img{border-radius:50%;display:block;height:auto;max-height:100%;max-width:100%;width:auto}.chip-media+.chip-label{margin-left:4px}.chip-label{flex-shrink:1;min-width:0;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.chip-delete{background-repeat:no-repeat;color:var(--f7-chip-delete-button-color);cursor:pointer;flex-shrink:0;height:24px;opacity:.54;position:relative;text-align:center;width:24px}.chip-delete:after{font-family:framework7-core-icons;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;display:block;font-feature-settings:"liga";font-size:20px;height:100%;line-height:24px;text-align:center;width:100%}.chip .chip-delete.active-state{opacity:1}.chip-outline,.ios .chip-outline-ios,.md .chip-outline-md{background:none;border:1px solid var(--f7-chip-outline-border-color);color:var(--f7-chip-outline-text-color)}.ios .chip[class*=color-]{--f7-chip-bg-color:var(--f7-theme-color);--f7-chip-text-color:#fff}.ios .chip-outline-ios[class*=color-],.ios .chip-outline[class*=color-]{--f7-chip-outline-border-color:var(--f7-theme-color);--f7-chip-outline-text-color:var(--f7-theme-color)}.ios .chip-media{margin-left:calc(var(--f7-chip-padding-horizontal)*-1)}.ios .chip-delete{margin-right:calc(var(--f7-chip-padding-horizontal)*-1)}.ios .chip-delete:after{content:"delete_round_ios";font-size:10px}.md .chip-media{margin-left:calc(var(--f7-chip-padding-horizontal)*-1 + 4px)}.md .chip-label+.chip-delete{margin-left:4px}.md .chip-delete{margin-right:calc(var(--f7-chip-padding-horizontal)*-1 + 4px)}.md .chip-delete:after{content:"delete_round_md";font-size:16px}
|
|
@@ -19,10 +19,7 @@ import moduleWheel from './modules/wheel.js';
|
|
|
19
19
|
/** @jsx $jsx */
|
|
20
20
|
import $jsx from '../../shared/$jsx.js';
|
|
21
21
|
class ColorPicker extends Framework7Class {
|
|
22
|
-
constructor(app, params) {
|
|
23
|
-
if (params === void 0) {
|
|
24
|
-
params = {};
|
|
25
|
-
}
|
|
22
|
+
constructor(app, params = {}) {
|
|
26
23
|
super(params, [app]);
|
|
27
24
|
const self = this;
|
|
28
25
|
self.params = extend({}, app.params.colorPicker, params);
|
|
@@ -69,7 +66,6 @@ class ColorPicker extends Framework7Class {
|
|
|
69
66
|
wheel: moduleWheel // eslint-disable-line
|
|
70
67
|
}
|
|
71
68
|
});
|
|
72
|
-
|
|
73
69
|
function onInputClick() {
|
|
74
70
|
self.open();
|
|
75
71
|
}
|
|
@@ -223,13 +219,7 @@ class ColorPicker extends Framework7Class {
|
|
|
223
219
|
normalizeHsValues(arr) {
|
|
224
220
|
return [Math.floor(arr[0] * 10) / 10, Math.floor(arr[1] * 1000) / 1000, Math.floor(arr[2] * 1000) / 1000];
|
|
225
221
|
}
|
|
226
|
-
setValue(value, updateModules) {
|
|
227
|
-
if (value === void 0) {
|
|
228
|
-
value = {};
|
|
229
|
-
}
|
|
230
|
-
if (updateModules === void 0) {
|
|
231
|
-
updateModules = true;
|
|
232
|
-
}
|
|
222
|
+
setValue(value = {}, updateModules = true) {
|
|
233
223
|
const self = this;
|
|
234
224
|
if (typeof value === 'undefined') return;
|
|
235
225
|
let {
|
|
@@ -352,10 +342,7 @@ class ColorPicker extends Framework7Class {
|
|
|
352
342
|
const self = this;
|
|
353
343
|
return self.value;
|
|
354
344
|
}
|
|
355
|
-
updateValue(fireEvents) {
|
|
356
|
-
if (fireEvents === void 0) {
|
|
357
|
-
fireEvents = true;
|
|
358
|
-
}
|
|
345
|
+
updateValue(fireEvents = true) {
|
|
359
346
|
const self = this;
|
|
360
347
|
const {
|
|
361
348
|
$inputEl,
|
|
@@ -422,7 +409,6 @@ class ColorPicker extends Framework7Class {
|
|
|
422
409
|
const {
|
|
423
410
|
openIn,
|
|
424
411
|
navbarTitleText,
|
|
425
|
-
navbarBackLinkText,
|
|
426
412
|
navbarCloseText
|
|
427
413
|
} = self.params;
|
|
428
414
|
return $jsx("div", {
|
|
@@ -430,23 +416,23 @@ class ColorPicker extends Framework7Class {
|
|
|
430
416
|
}, $jsx("div", {
|
|
431
417
|
class: "navbar-bg"
|
|
432
418
|
}), $jsx("div", {
|
|
433
|
-
class: "navbar-inner
|
|
419
|
+
class: "navbar-inner"
|
|
434
420
|
}, openIn === 'page' && $jsx("div", {
|
|
435
421
|
class: "left"
|
|
436
422
|
}, $jsx("a", {
|
|
437
423
|
class: "link back"
|
|
438
424
|
}, $jsx("i", {
|
|
439
425
|
class: "icon icon-back"
|
|
440
|
-
}), $jsx("
|
|
441
|
-
class: "if-not-md"
|
|
442
|
-
}, navbarBackLinkText))), $jsx("div", {
|
|
426
|
+
}))), $jsx("div", {
|
|
443
427
|
class: "title"
|
|
444
428
|
}, navbarTitleText), openIn !== 'page' && $jsx("div", {
|
|
445
429
|
class: "right"
|
|
446
430
|
}, $jsx("a", {
|
|
447
431
|
class: "link popup-close",
|
|
448
432
|
"data-popup": ".color-picker-popup"
|
|
449
|
-
},
|
|
433
|
+
}, $jsx("i", {
|
|
434
|
+
class: "icon icon-close"
|
|
435
|
+
}), navbarCloseText && $jsx("span", null, navbarCloseText)))));
|
|
450
436
|
}
|
|
451
437
|
renderToolbar() {
|
|
452
438
|
const self = this;
|
|
@@ -465,7 +451,9 @@ class ColorPicker extends Framework7Class {
|
|
|
465
451
|
class: "link sheet-close popover-close",
|
|
466
452
|
"data-sheet": ".color-picker-sheet-modal",
|
|
467
453
|
"data-popover": ".color-picker-popover"
|
|
468
|
-
},
|
|
454
|
+
}, $jsx("i", {
|
|
455
|
+
class: "icon icon-close"
|
|
456
|
+
}), self.params.toolbarCloseText && $jsx("span", null, self.params.toolbarCloseText)))));
|
|
469
457
|
}
|
|
470
458
|
renderInline() {
|
|
471
459
|
const self = this;
|