@fluentui/react-datepicker-compat 0.3.22 → 0.4.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/CHANGELOG.json +40 -1
- package/CHANGELOG.md +15 -2
- package/dist/index.d.ts +5 -917
- package/lib/components/DatePicker/DatePicker.types.js.map +1 -1
- package/lib/components/DatePicker/defaults.js +1 -1
- package/lib/components/DatePicker/defaults.js.map +1 -1
- package/lib/components/DatePicker/useDatePicker.js +1 -2
- package/lib/components/DatePicker/useDatePicker.js.map +1 -1
- package/lib/index.js +0 -2
- package/lib/index.js.map +1 -1
- package/lib-commonjs/components/DatePicker/defaults.js +2 -2
- package/lib-commonjs/components/DatePicker/defaults.js.map +1 -1
- package/lib-commonjs/components/DatePicker/useDatePicker.js +5 -6
- package/lib-commonjs/components/DatePicker/useDatePicker.js.map +1 -1
- package/lib-commonjs/index.js +0 -77
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +5 -4
- package/lib/Calendar.js +0 -1
- package/lib/Calendar.js.map +0 -1
- package/lib/CalendarDay.js +0 -1
- package/lib/CalendarDay.js.map +0 -1
- package/lib/CalendarDayGrid.js +0 -1
- package/lib/CalendarDayGrid.js.map +0 -1
- package/lib/CalendarMonth.js +0 -1
- package/lib/CalendarMonth.js.map +0 -1
- package/lib/CalendarPicker.js +0 -1
- package/lib/CalendarPicker.js.map +0 -1
- package/lib/CalendarYear.js +0 -1
- package/lib/CalendarYear.js.map +0 -1
- package/lib/components/Calendar/Calendar.js +0 -302
- package/lib/components/Calendar/Calendar.js.map +0 -1
- package/lib/components/Calendar/Calendar.types.js +0 -10
- package/lib/components/Calendar/Calendar.types.js.map +0 -1
- package/lib/components/Calendar/defaults.js +0 -2
- package/lib/components/Calendar/defaults.js.map +0 -1
- package/lib/components/Calendar/index.js +0 -4
- package/lib/components/Calendar/index.js.map +0 -1
- package/lib/components/Calendar/useCalendarStyles.styles.js +0 -167
- package/lib/components/Calendar/useCalendarStyles.styles.js.map +0 -1
- package/lib/components/CalendarDay/CalendarDay.js +0 -111
- package/lib/components/CalendarDay/CalendarDay.js.map +0 -1
- package/lib/components/CalendarDay/CalendarDay.types.js +0 -1
- package/lib/components/CalendarDay/CalendarDay.types.js.map +0 -1
- package/lib/components/CalendarDay/index.js +0 -3
- package/lib/components/CalendarDay/index.js.map +0 -1
- package/lib/components/CalendarDay/useCalendarDayStyles.styles.js +0 -180
- package/lib/components/CalendarDay/useCalendarDayStyles.styles.js.map +0 -1
- package/lib/components/CalendarDayGrid/CalendarDayGrid.js +0 -168
- package/lib/components/CalendarDayGrid/CalendarDayGrid.js.map +0 -1
- package/lib/components/CalendarDayGrid/CalendarDayGrid.types.js +0 -1
- package/lib/components/CalendarDayGrid/CalendarDayGrid.types.js.map +0 -1
- package/lib/components/CalendarDayGrid/CalendarGridDayCell.js +0 -164
- package/lib/components/CalendarDayGrid/CalendarGridDayCell.js.map +0 -1
- package/lib/components/CalendarDayGrid/CalendarGridRow.js +0 -26
- package/lib/components/CalendarDayGrid/CalendarGridRow.js.map +0 -1
- package/lib/components/CalendarDayGrid/CalendarMonthHeaderRow.js +0 -36
- package/lib/components/CalendarDayGrid/CalendarMonthHeaderRow.js.map +0 -1
- package/lib/components/CalendarDayGrid/index.js +0 -4
- package/lib/components/CalendarDayGrid/index.js.map +0 -1
- package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js +0 -437
- package/lib/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js.map +0 -1
- package/lib/components/CalendarDayGrid/useWeekCornerStyles.styles.js +0 -98
- package/lib/components/CalendarDayGrid/useWeekCornerStyles.styles.js.map +0 -1
- package/lib/components/CalendarDayGrid/useWeeks.js +0 -45
- package/lib/components/CalendarDayGrid/useWeeks.js.map +0 -1
- package/lib/components/CalendarMonth/CalendarMonth.js +0 -263
- package/lib/components/CalendarMonth/CalendarMonth.js.map +0 -1
- package/lib/components/CalendarMonth/CalendarMonth.types.js +0 -1
- package/lib/components/CalendarMonth/CalendarMonth.types.js.map +0 -1
- package/lib/components/CalendarMonth/index.js +0 -3
- package/lib/components/CalendarMonth/index.js.map +0 -1
- package/lib/components/CalendarMonth/useCalendarMonthStyles.js +0 -8
- package/lib/components/CalendarMonth/useCalendarMonthStyles.js.map +0 -1
- package/lib/components/CalendarPicker/CalendarPicker.types.js +0 -1
- package/lib/components/CalendarPicker/CalendarPicker.types.js.map +0 -1
- package/lib/components/CalendarPicker/index.js +0 -2
- package/lib/components/CalendarPicker/index.js.map +0 -1
- package/lib/components/CalendarPicker/useCalendarPickerStyles.styles.js +0 -371
- package/lib/components/CalendarPicker/useCalendarPickerStyles.styles.js.map +0 -1
- package/lib/components/CalendarYear/CalendarYear.js +0 -298
- package/lib/components/CalendarYear/CalendarYear.js.map +0 -1
- package/lib/components/CalendarYear/CalendarYear.types.js +0 -1
- package/lib/components/CalendarYear/CalendarYear.types.js.map +0 -1
- package/lib/components/CalendarYear/index.js +0 -3
- package/lib/components/CalendarYear/index.js.map +0 -1
- package/lib/components/CalendarYear/useCalendarYearStyles.styles.js +0 -10
- package/lib/components/CalendarYear/useCalendarYearStyles.styles.js.map +0 -1
- package/lib/utils/animations.js +0 -97
- package/lib/utils/animations.js.map +0 -1
- package/lib/utils/constants.js +0 -62
- package/lib/utils/constants.js.map +0 -1
- package/lib/utils/dateFormatting/dateFormatting.defaults.js +0 -95
- package/lib/utils/dateFormatting/dateFormatting.defaults.js.map +0 -1
- package/lib/utils/dateFormatting/dateFormatting.types.js +0 -1
- package/lib/utils/dateFormatting/dateFormatting.types.js.map +0 -1
- package/lib/utils/dateFormatting/index.js +0 -2
- package/lib/utils/dateFormatting/index.js.map +0 -1
- package/lib/utils/dateGrid/dateGrid.types.js +0 -1
- package/lib/utils/dateGrid/dateGrid.types.js.map +0 -1
- package/lib/utils/dateGrid/findAvailableDate.js +0 -22
- package/lib/utils/dateGrid/findAvailableDate.js.map +0 -1
- package/lib/utils/dateGrid/getBoundedDateRange.js +0 -18
- package/lib/utils/dateGrid/getBoundedDateRange.js.map +0 -1
- package/lib/utils/dateGrid/getDateRangeTypeToUse.js +0 -16
- package/lib/utils/dateGrid/getDateRangeTypeToUse.js.map +0 -1
- package/lib/utils/dateGrid/getDayGrid.js +0 -71
- package/lib/utils/dateGrid/getDayGrid.js.map +0 -1
- package/lib/utils/dateGrid/index.js +0 -5
- package/lib/utils/dateGrid/index.js.map +0 -1
- package/lib/utils/dateGrid/isAfterMaxDate.js +0 -9
- package/lib/utils/dateGrid/isAfterMaxDate.js.map +0 -1
- package/lib/utils/dateGrid/isBeforeMinDate.js +0 -9
- package/lib/utils/dateGrid/isBeforeMinDate.js.map +0 -1
- package/lib/utils/dateGrid/isContiguous.js +0 -18
- package/lib/utils/dateGrid/isContiguous.js.map +0 -1
- package/lib/utils/dateGrid/isRestrictedDate.js +0 -15
- package/lib/utils/dateGrid/isRestrictedDate.js.map +0 -1
- package/lib/utils/dateMath/dateMath.js +0 -339
- package/lib/utils/dateMath/dateMath.js.map +0 -1
- package/lib/utils/dateMath/index.js +0 -1
- package/lib/utils/dateMath/index.js.map +0 -1
- package/lib/utils/dom.js +0 -8
- package/lib/utils/dom.js.map +0 -1
- package/lib/utils/focus.js +0 -26
- package/lib/utils/focus.js.map +0 -1
- package/lib/utils/index.js +0 -7
- package/lib/utils/index.js.map +0 -1
- package/lib-commonjs/Calendar.js +0 -6
- package/lib-commonjs/Calendar.js.map +0 -1
- package/lib-commonjs/CalendarDay.js +0 -6
- package/lib-commonjs/CalendarDay.js.map +0 -1
- package/lib-commonjs/CalendarDayGrid.js +0 -6
- package/lib-commonjs/CalendarDayGrid.js.map +0 -1
- package/lib-commonjs/CalendarMonth.js +0 -6
- package/lib-commonjs/CalendarMonth.js.map +0 -1
- package/lib-commonjs/CalendarPicker.js +0 -6
- package/lib-commonjs/CalendarPicker.js.map +0 -1
- package/lib-commonjs/CalendarYear.js +0 -6
- package/lib-commonjs/CalendarYear.js.map +0 -1
- package/lib-commonjs/components/Calendar/Calendar.js +0 -311
- package/lib-commonjs/components/Calendar/Calendar.js.map +0 -1
- package/lib-commonjs/components/Calendar/Calendar.types.js +0 -21
- package/lib-commonjs/components/Calendar/Calendar.types.js.map +0 -1
- package/lib-commonjs/components/Calendar/defaults.js +0 -12
- package/lib-commonjs/components/Calendar/defaults.js.map +0 -1
- package/lib-commonjs/components/Calendar/index.js +0 -15
- package/lib-commonjs/components/Calendar/index.js.map +0 -1
- package/lib-commonjs/components/Calendar/useCalendarStyles.styles.js +0 -339
- package/lib-commonjs/components/Calendar/useCalendarStyles.styles.js.map +0 -1
- package/lib-commonjs/components/CalendarDay/CalendarDay.js +0 -120
- package/lib-commonjs/components/CalendarDay/CalendarDay.js.map +0 -1
- package/lib-commonjs/components/CalendarDay/CalendarDay.types.js +0 -6
- package/lib-commonjs/components/CalendarDay/CalendarDay.types.js.map +0 -1
- package/lib-commonjs/components/CalendarDay/index.js +0 -8
- package/lib-commonjs/components/CalendarDay/index.js.map +0 -1
- package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.js +0 -357
- package/lib-commonjs/components/CalendarDay/useCalendarDayStyles.styles.js.map +0 -1
- package/lib-commonjs/components/CalendarDayGrid/CalendarDayGrid.js +0 -179
- package/lib-commonjs/components/CalendarDayGrid/CalendarDayGrid.js.map +0 -1
- package/lib-commonjs/components/CalendarDayGrid/CalendarDayGrid.types.js +0 -6
- package/lib-commonjs/components/CalendarDayGrid/CalendarDayGrid.types.js.map +0 -1
- package/lib-commonjs/components/CalendarDayGrid/CalendarGridDayCell.js +0 -173
- package/lib-commonjs/components/CalendarDayGrid/CalendarGridDayCell.js.map +0 -1
- package/lib-commonjs/components/CalendarDayGrid/CalendarGridRow.js +0 -35
- package/lib-commonjs/components/CalendarDayGrid/CalendarGridRow.js.map +0 -1
- package/lib-commonjs/components/CalendarDayGrid/CalendarMonthHeaderRow.js +0 -45
- package/lib-commonjs/components/CalendarDayGrid/CalendarMonthHeaderRow.js.map +0 -1
- package/lib-commonjs/components/CalendarDayGrid/index.js +0 -22
- package/lib-commonjs/components/CalendarDayGrid/index.js.map +0 -1
- package/lib-commonjs/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js +0 -890
- package/lib-commonjs/components/CalendarDayGrid/useCalendarDayGridStyles.styles.js.map +0 -1
- package/lib-commonjs/components/CalendarDayGrid/useWeekCornerStyles.styles.js +0 -105
- package/lib-commonjs/components/CalendarDayGrid/useWeekCornerStyles.styles.js.map +0 -1
- package/lib-commonjs/components/CalendarDayGrid/useWeeks.js +0 -54
- package/lib-commonjs/components/CalendarDayGrid/useWeeks.js.map +0 -1
- package/lib-commonjs/components/CalendarMonth/CalendarMonth.js +0 -272
- package/lib-commonjs/components/CalendarMonth/CalendarMonth.js.map +0 -1
- package/lib-commonjs/components/CalendarMonth/CalendarMonth.types.js +0 -6
- package/lib-commonjs/components/CalendarMonth/CalendarMonth.types.js.map +0 -1
- package/lib-commonjs/components/CalendarMonth/index.js +0 -8
- package/lib-commonjs/components/CalendarMonth/index.js.map +0 -1
- package/lib-commonjs/components/CalendarMonth/useCalendarMonthStyles.js +0 -14
- package/lib-commonjs/components/CalendarMonth/useCalendarMonthStyles.js.map +0 -1
- package/lib-commonjs/components/CalendarPicker/CalendarPicker.types.js +0 -4
- package/lib-commonjs/components/CalendarPicker/CalendarPicker.types.js.map +0 -1
- package/lib-commonjs/components/CalendarPicker/index.js +0 -7
- package/lib-commonjs/components/CalendarPicker/index.js.map +0 -1
- package/lib-commonjs/components/CalendarPicker/useCalendarPickerStyles.styles.js +0 -742
- package/lib-commonjs/components/CalendarPicker/useCalendarPickerStyles.styles.js.map +0 -1
- package/lib-commonjs/components/CalendarYear/CalendarYear.js +0 -307
- package/lib-commonjs/components/CalendarYear/CalendarYear.js.map +0 -1
- package/lib-commonjs/components/CalendarYear/CalendarYear.types.js +0 -6
- package/lib-commonjs/components/CalendarYear/CalendarYear.types.js.map +0 -1
- package/lib-commonjs/components/CalendarYear/index.js +0 -8
- package/lib-commonjs/components/CalendarYear/index.js.map +0 -1
- package/lib-commonjs/components/CalendarYear/useCalendarYearStyles.styles.js +0 -14
- package/lib-commonjs/components/CalendarYear/useCalendarYearStyles.styles.js.map +0 -1
- package/lib-commonjs/utils/animations.js +0 -154
- package/lib-commonjs/utils/animations.js.map +0 -1
- package/lib-commonjs/utils/constants.js +0 -92
- package/lib-commonjs/utils/constants.js.map +0 -1
- package/lib-commonjs/utils/dateFormatting/dateFormatting.defaults.js +0 -116
- package/lib-commonjs/utils/dateFormatting/dateFormatting.defaults.js.map +0 -1
- package/lib-commonjs/utils/dateFormatting/dateFormatting.types.js +0 -4
- package/lib-commonjs/utils/dateFormatting/dateFormatting.types.js.map +0 -1
- package/lib-commonjs/utils/dateFormatting/index.js +0 -7
- package/lib-commonjs/utils/dateFormatting/index.js.map +0 -1
- package/lib-commonjs/utils/dateGrid/dateGrid.types.js +0 -4
- package/lib-commonjs/utils/dateGrid/dateGrid.types.js.map +0 -1
- package/lib-commonjs/utils/dateGrid/findAvailableDate.js +0 -29
- package/lib-commonjs/utils/dateGrid/findAvailableDate.js.map +0 -1
- package/lib-commonjs/utils/dateGrid/getBoundedDateRange.js +0 -23
- package/lib-commonjs/utils/dateGrid/getBoundedDateRange.js.map +0 -1
- package/lib-commonjs/utils/dateGrid/getDateRangeTypeToUse.js +0 -20
- package/lib-commonjs/utils/dateGrid/getDateRangeTypeToUse.js.map +0 -1
- package/lib-commonjs/utils/dateGrid/getDayGrid.js +0 -76
- package/lib-commonjs/utils/dateGrid/getDayGrid.js.map +0 -1
- package/lib-commonjs/utils/dateGrid/index.js +0 -10
- package/lib-commonjs/utils/dateGrid/index.js.map +0 -1
- package/lib-commonjs/utils/dateGrid/isAfterMaxDate.js +0 -15
- package/lib-commonjs/utils/dateGrid/isAfterMaxDate.js.map +0 -1
- package/lib-commonjs/utils/dateGrid/isBeforeMinDate.js +0 -15
- package/lib-commonjs/utils/dateGrid/isBeforeMinDate.js.map +0 -1
- package/lib-commonjs/utils/dateGrid/isContiguous.js +0 -28
- package/lib-commonjs/utils/dateGrid/isContiguous.js.map +0 -1
- package/lib-commonjs/utils/dateGrid/isRestrictedDate.js +0 -21
- package/lib-commonjs/utils/dateGrid/isRestrictedDate.js.map +0 -1
- package/lib-commonjs/utils/dateMath/dateMath.js +0 -308
- package/lib-commonjs/utils/dateMath/dateMath.js.map +0 -1
- package/lib-commonjs/utils/dateMath/index.js +0 -6
- package/lib-commonjs/utils/dateMath/index.js.map +0 -1
- package/lib-commonjs/utils/dom.js +0 -18
- package/lib-commonjs/utils/dom.js.map +0 -1
- package/lib-commonjs/utils/focus.js +0 -31
- package/lib-commonjs/utils/focus.js.map +0 -1
- package/lib-commonjs/utils/index.js +0 -12
- package/lib-commonjs/utils/index.js.map +0 -1
|
@@ -1,437 +0,0 @@
|
|
|
1
|
-
import { tokens } from '@fluentui/react-theme';
|
|
2
|
-
import { __styles, mergeClasses, shorthands } from '@griffel/react';
|
|
3
|
-
import { DURATION_2, DURATION_3, EASING_FUNCTION_1, EASING_FUNCTION_2, FADE_IN, FADE_OUT, SLIDE_DOWN_IN20, SLIDE_DOWN_OUT20, SLIDE_LEFT_IN20, SLIDE_RIGHT_IN20, SLIDE_UP_IN20, SLIDE_UP_OUT20, TRANSITION_ROW_DISAPPEARANCE } from '../../utils';
|
|
4
|
-
import { AnimationDirection } from '../Calendar/Calendar.types';
|
|
5
|
-
import { weekCornersClassNames } from './useWeekCornerStyles.styles';
|
|
6
|
-
/**
|
|
7
|
-
* @internal
|
|
8
|
-
*/
|
|
9
|
-
export const calendarDayGridClassNames = {
|
|
10
|
-
wrapper: 'fui-CalendarDayGrid__wrapper',
|
|
11
|
-
table: 'fui-CalendarDayGrid__table',
|
|
12
|
-
dayCell: 'fui-CalendarDayGrid__dayCell',
|
|
13
|
-
daySelected: 'fui-CalendarDayGrid__daySelected',
|
|
14
|
-
weekRow: 'fui-CalendarDayGrid__weekRow',
|
|
15
|
-
weekDayLabelCell: 'fui-CalendarDayGrid__weekDayLabelCell',
|
|
16
|
-
weekNumberCell: 'fui-CalendarDayGrid__weekNumberCell',
|
|
17
|
-
dayOutsideBounds: 'fui-CalendarDayGrid__dayOutsideBounds',
|
|
18
|
-
dayOutsideNavigatedMonth: 'fui-CalendarDayGrid__dayOutsideNavigatedMonth',
|
|
19
|
-
dayButton: 'fui-CalendarDayGrid__dayButton',
|
|
20
|
-
dayIsToday: 'fui-CalendarDayGrid__dayIsToday',
|
|
21
|
-
firstTransitionWeek: 'fui-CalendarDayGrid__firstTransitionWeek',
|
|
22
|
-
lastTransitionWeek: 'fui-CalendarDayGrid__lastTransitionWeek',
|
|
23
|
-
dayMarker: 'fui-CalendarDayGrid__dayMarker'
|
|
24
|
-
};
|
|
25
|
-
/**
|
|
26
|
-
* @internal
|
|
27
|
-
*/
|
|
28
|
-
export const extraCalendarDayGridClassNames = {
|
|
29
|
-
hoverStyle: 'fui-CalendarDayGrid__hoverStyle',
|
|
30
|
-
pressedStyle: 'fui-CalendarDayGrid__pressedStyle'
|
|
31
|
-
};
|
|
32
|
-
const useWrapperStyles = /*#__PURE__*/__styles({
|
|
33
|
-
base: {
|
|
34
|
-
Byoj8tv: "f1fow5ox"
|
|
35
|
-
}
|
|
36
|
-
}, {
|
|
37
|
-
d: [".f1fow5ox{padding-bottom:10px;}"]
|
|
38
|
-
});
|
|
39
|
-
const useTableStyles = /*#__PURE__*/__styles({
|
|
40
|
-
base: {
|
|
41
|
-
po53p8: "fgkb47j",
|
|
42
|
-
Bxjg3zr: "f16vktn6",
|
|
43
|
-
Be2twd7: "fjoy568",
|
|
44
|
-
B6of3ja: "fvjh0tl",
|
|
45
|
-
Byoj8tv: "f1fow5ox",
|
|
46
|
-
qhf8xq: "f10pi13n",
|
|
47
|
-
B73mfa3: "f14m3nip",
|
|
48
|
-
fsow6f: "f17mccla",
|
|
49
|
-
a9b677: "f4m2ahc"
|
|
50
|
-
},
|
|
51
|
-
showWeekNumbers: {
|
|
52
|
-
a9b677: "fl524qk"
|
|
53
|
-
}
|
|
54
|
-
}, {
|
|
55
|
-
d: [".fgkb47j{border-collapse:collapse;}", ".f16vktn6{border-spacing:0;}", ".fjoy568{font-size:inherit;}", ".fvjh0tl{margin-top:4px;}", ".f1fow5ox{padding-bottom:10px;}", ".f10pi13n{position:relative;}", ".f14m3nip{table-layout:fixed;}", ".f17mccla{text-align:center;}", ".f4m2ahc{width:196px;}", ".fl524qk{width:226px;}"]
|
|
56
|
-
});
|
|
57
|
-
const useDayCellStyles = /*#__PURE__*/__styles({
|
|
58
|
-
base: {
|
|
59
|
-
sj55zd: "f19n0e5",
|
|
60
|
-
Bceei9c: "f1k6fduh",
|
|
61
|
-
Be2twd7: "fy9rknc",
|
|
62
|
-
Bhrd7zp: "figsok6",
|
|
63
|
-
Bqenvij: "fxldao9",
|
|
64
|
-
Bg96gwp: "f336tjw",
|
|
65
|
-
B6of3ja: "f1hu3pq6",
|
|
66
|
-
t21cq0: ["f11qmguv", "f1tyq0we"],
|
|
67
|
-
jrapky: "f19f4twv",
|
|
68
|
-
Frg6f3: ["f1tyq0we", "f11qmguv"],
|
|
69
|
-
z8tnut: "f1g0x7ka",
|
|
70
|
-
z189sj: ["fhxju0i", "f1cnd47f"],
|
|
71
|
-
Byoj8tv: "f1qch9an",
|
|
72
|
-
uwmqm3: ["f1cnd47f", "fhxju0i"],
|
|
73
|
-
qhf8xq: "f10pi13n",
|
|
74
|
-
a9b677: "f1w9dchk",
|
|
75
|
-
Bsw6fvg: "f8pusc0",
|
|
76
|
-
Bbusuzp: "fqgauei",
|
|
77
|
-
cvlxnx: "fp6dsbd",
|
|
78
|
-
Bweudez: "f4xgodq",
|
|
79
|
-
hzfqlu: "fehmveg",
|
|
80
|
-
Bb91d7d: "ff78tpz",
|
|
81
|
-
dua3dm: "f128nre3",
|
|
82
|
-
z1p9vi: "f1elgve3",
|
|
83
|
-
Bsnevi5: "f15e7s3w",
|
|
84
|
-
xnb59o: "fts5qqo",
|
|
85
|
-
Bj67fi1: "f1lhgsq9",
|
|
86
|
-
B2gfgcj: "fdbuq6n",
|
|
87
|
-
B6cqqer: "f16j2ub3",
|
|
88
|
-
fpurfy: "f5hk6jp",
|
|
89
|
-
Fioj4w: ["f1d258es", "f1llk4aj"],
|
|
90
|
-
Bq9yiu4: "ftezgwa",
|
|
91
|
-
cpbo2x: ["f1llk4aj", "f1d258es"],
|
|
92
|
-
Bq268z6: "f1iohfpm"
|
|
93
|
-
}
|
|
94
|
-
}, {
|
|
95
|
-
d: [".f19n0e5{color:var(--colorNeutralForeground1);}", ".f1k6fduh{cursor:pointer;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fxldao9{height:28px;}", ".f336tjw{line-height:28px;}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".f10pi13n{position:relative;}", ".f1w9dchk{width:28px;}", ".fp6dsbd.fui-CalendarDayGrid__hoverStyle{color:var(--colorNeutralForeground1Static);}", ".f4xgodq.fui-CalendarDayGrid__hoverStyle{background-color:var(--colorBrandBackgroundInvertedHover);}", ".f1lhgsq9.fui-CalendarDayGrid__pressedStyle{color:var(--colorNeutralForeground1Static);}", ".fdbuq6n.fui-CalendarDayGrid__pressedStyle{background-color:var(--colorBrandBackgroundInvertedPressed);}"],
|
|
96
|
-
m: [["@media (forced-colors: active){.f8pusc0{background-color:Window;}}", {
|
|
97
|
-
m: "(forced-colors: active)"
|
|
98
|
-
}], ["@media (forced-colors: active){.fqgauei{color:WindowText;}}", {
|
|
99
|
-
m: "(forced-colors: active)"
|
|
100
|
-
}], ["@media (forced-colors: active){.fehmveg.fui-CalendarDayGrid__hoverStyle{background-color:Window;}}", {
|
|
101
|
-
m: "(forced-colors: active)"
|
|
102
|
-
}], ["@media (forced-colors: active){.ff78tpz.fui-CalendarDayGrid__hoverStyle{color:WindowText;}}", {
|
|
103
|
-
m: "(forced-colors: active)"
|
|
104
|
-
}], ["@media (forced-colors: active){.f128nre3.fui-CalendarDayGrid__hoverStyle{outline-width:1px;}}", {
|
|
105
|
-
m: "(forced-colors: active)"
|
|
106
|
-
}], ["@media (forced-colors: active){.f1elgve3.fui-CalendarDayGrid__hoverStyle{outline-style:solid;}}", {
|
|
107
|
-
m: "(forced-colors: active)"
|
|
108
|
-
}], ["@media (forced-colors: active){.f15e7s3w.fui-CalendarDayGrid__hoverStyle{outline-color:Highlight;}}", {
|
|
109
|
-
m: "(forced-colors: active)"
|
|
110
|
-
}], ["@media (forced-colors: active){.fts5qqo.fui-CalendarDayGrid__hoverStyle{z-index:3;}}", {
|
|
111
|
-
m: "(forced-colors: active)"
|
|
112
|
-
}], ["@media (forced-colors: active){.f16j2ub3.fui-CalendarDayGrid__pressedStyle{background-color:Window;}}", {
|
|
113
|
-
m: "(forced-colors: active)"
|
|
114
|
-
}], ["@media (forced-colors: active){.f5hk6jp.fui-CalendarDayGrid__pressedStyle{border-top-color:Highlight;}}", {
|
|
115
|
-
m: "(forced-colors: active)"
|
|
116
|
-
}], ["@media (forced-colors: active){.f1d258es.fui-CalendarDayGrid__pressedStyle{border-right-color:Highlight;}.f1llk4aj.fui-CalendarDayGrid__pressedStyle{border-left-color:Highlight;}}", {
|
|
117
|
-
m: "(forced-colors: active)"
|
|
118
|
-
}], ["@media (forced-colors: active){.ftezgwa.fui-CalendarDayGrid__pressedStyle{border-bottom-color:Highlight;}}", {
|
|
119
|
-
m: "(forced-colors: active)"
|
|
120
|
-
}], ["@media (forced-colors: active){.f1iohfpm.fui-CalendarDayGrid__pressedStyle{color:Highlight;}}", {
|
|
121
|
-
m: "(forced-colors: active)"
|
|
122
|
-
}]]
|
|
123
|
-
});
|
|
124
|
-
const useDaySelectedStyles = /*#__PURE__*/__styles({
|
|
125
|
-
base: {
|
|
126
|
-
De3pzq: "f1vevd59",
|
|
127
|
-
sj55zd: "ff5vbop",
|
|
128
|
-
Bsw6fvg: "f1rirnrt",
|
|
129
|
-
Bjwas2f: "f132fbg1",
|
|
130
|
-
Bn1d65q: ["f1ene5x0", "fzbc999"],
|
|
131
|
-
Bxeuatn: "f6jgcol",
|
|
132
|
-
n51gp8: ["fzbc999", "f1ene5x0"],
|
|
133
|
-
Bbusuzp: "f1lkg8j3",
|
|
134
|
-
ycbfsm: "fkc42ay",
|
|
135
|
-
a3nq4f: "f1chdfq9",
|
|
136
|
-
Bnf3alp: "fq0dbue",
|
|
137
|
-
H2c3sd: "f3pe0v7",
|
|
138
|
-
qu8ld: "f3t0uu2",
|
|
139
|
-
Bg4iunc: "f1cikclm"
|
|
140
|
-
}
|
|
141
|
-
}, {
|
|
142
|
-
d: [".f1vevd59{background-color:var(--colorBrandBackgroundInvertedSelected);}", ".ff5vbop{color:var(--colorNeutralForeground1Static);}"],
|
|
143
|
-
m: [["@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}", {
|
|
144
|
-
m: "(forced-colors: active)"
|
|
145
|
-
}], ["@media (forced-colors: active){.f132fbg1{border-top-color:Highlight;}}", {
|
|
146
|
-
m: "(forced-colors: active)"
|
|
147
|
-
}], ["@media (forced-colors: active){.f1ene5x0{border-right-color:Highlight;}.fzbc999{border-left-color:Highlight;}}", {
|
|
148
|
-
m: "(forced-colors: active)"
|
|
149
|
-
}], ["@media (forced-colors: active){.f6jgcol{border-bottom-color:Highlight;}}", {
|
|
150
|
-
m: "(forced-colors: active)"
|
|
151
|
-
}], ["@media (forced-colors: active){.f1lkg8j3{color:HighlightText;}}", {
|
|
152
|
-
m: "(forced-colors: active)"
|
|
153
|
-
}], ["@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}", {
|
|
154
|
-
m: "(forced-colors: active)"
|
|
155
|
-
}], ["@media (forced-colors: active){.f3pe0v7:hover,.f3pe0v7.fui-CalendarDayGrid__hoverStyle,.f3pe0v7.fui-CalendarDayGrid__pressedStyle{background-color:Highlight;}}", {
|
|
156
|
-
m: "(forced-colors: active)"
|
|
157
|
-
}], ["@media (forced-colors: active){.f3t0uu2:hover,.f3t0uu2.fui-CalendarDayGrid__hoverStyle,.f3t0uu2.fui-CalendarDayGrid__pressedStyle{color:HighlightText;}}", {
|
|
158
|
-
m: "(forced-colors: active)"
|
|
159
|
-
}], ["@media (forced-colors: active){.f1cikclm>.fui-CalendarDayGrid__dayMarker{background-color:Window;}}", {
|
|
160
|
-
m: "(forced-colors: active)"
|
|
161
|
-
}]],
|
|
162
|
-
h: [".f1chdfq9:hover,.f1chdfq9.fui-CalendarDayGrid__hoverStyle,.f1chdfq9.fui-CalendarDayGrid__pressedStyle{color:var(--colorNeutralForeground1Static);}", ".fq0dbue:hover,.fq0dbue.fui-CalendarDayGrid__hoverStyle,.fq0dbue.fui-CalendarDayGrid__pressedStyle{background-color:var(--colorBrandBackgroundInvertedSelected);}"]
|
|
163
|
-
});
|
|
164
|
-
const useWeekRowStyles = /*#__PURE__*/__styles({
|
|
165
|
-
base: {
|
|
166
|
-
vin17d: "f5f2jbu",
|
|
167
|
-
Bf5fcs: "fywypte",
|
|
168
|
-
Ezkn3b: "f1ee2ue"
|
|
169
|
-
},
|
|
170
|
-
horizontalBackward: {
|
|
171
|
-
Bv12yb3: ["f1o9w3l8", "f1kwjajc"]
|
|
172
|
-
},
|
|
173
|
-
horizontalForward: {
|
|
174
|
-
Bv12yb3: ["f1kwjajc", "f1o9w3l8"]
|
|
175
|
-
},
|
|
176
|
-
verticalBackward: {
|
|
177
|
-
Bv12yb3: "fgl3yn7"
|
|
178
|
-
},
|
|
179
|
-
verticalForward: {
|
|
180
|
-
Bv12yb3: "faiu5ye"
|
|
181
|
-
}
|
|
182
|
-
}, {
|
|
183
|
-
d: [".f5f2jbu{animation-duration:0.367s;}", ".fywypte{animation-fill-mode:both;}", ".f1ee2ue{animation-timing-function:cubic-bezier(.1,.9,.2,1);}", ".f1o9w3l8{animation-name:f5j8bii,f2lgmc3;}", ".f1kwjajc{animation-name:f5j8bii,fpktcv7;}", ".fgl3yn7{animation-name:f5j8bii,f3bv9km;}", ".faiu5ye{animation-name:f5j8bii,funtx0y;}"],
|
|
184
|
-
k: ["@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}", "@keyframes f2lgmc3{from{pointer-events:none;transform:translate3d(-20px, 0, 0);}to{pointer-events:auto;transform:translate3d(0, 0, 0);}}", "@keyframes fpktcv7{from{pointer-events:none;transform:translate3d(20px, 0, 0);}to{pointer-events:auto;transform:translate3d(0, 0, 0);}}", "@keyframes f3bv9km{from{pointer-events:none;transform:translate3d(0, -20px, 0);}to{pointer-events:auto;transform:translate3d(0, 0, 0);}}", "@keyframes funtx0y{from{pointer-events:none;transform:translate3d(0, 20px, 0);}to{pointer-events:auto;transform:translate3d(0, 0, 0);}}"]
|
|
185
|
-
});
|
|
186
|
-
const useWeekDayLabelCellStyles = /*#__PURE__*/__styles({
|
|
187
|
-
base: {
|
|
188
|
-
vin17d: "fhsqnsn",
|
|
189
|
-
Bf5fcs: "fywypte",
|
|
190
|
-
Bv12yb3: "f1h7u52p",
|
|
191
|
-
Ezkn3b: "fjq4c94"
|
|
192
|
-
}
|
|
193
|
-
}, {
|
|
194
|
-
d: [".fhsqnsn{animation-duration:0.267s;}", ".fywypte{animation-fill-mode:both;}", ".f1h7u52p{animation-name:f5j8bii;}", ".fjq4c94{animation-timing-function:cubic-bezier(.1,.25,.75,.9);}"],
|
|
195
|
-
k: ["@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}"]
|
|
196
|
-
});
|
|
197
|
-
const useWeekNumberCellStyles = /*#__PURE__*/__styles({
|
|
198
|
-
base: {
|
|
199
|
-
De3pzq: "f1c21dwh",
|
|
200
|
-
g2u3we: "f68mrw8",
|
|
201
|
-
h3c5rm: ["f7pw515", "fw35ms5"],
|
|
202
|
-
B9xav0g: "frpde29",
|
|
203
|
-
zhjwy3: ["fw35ms5", "f7pw515"],
|
|
204
|
-
Bekrc4i: ["f1hqa2wf", "finvdd3"],
|
|
205
|
-
vrafjx: ["fcdblym", "fjik90z"],
|
|
206
|
-
B7ck84d: "f1ewtqcl",
|
|
207
|
-
sj55zd: "fxc4j92",
|
|
208
|
-
Be2twd7: "fy9rknc",
|
|
209
|
-
Bhrd7zp: "figsok6",
|
|
210
|
-
Bqenvij: "fxldao9",
|
|
211
|
-
B6of3ja: "f1hu3pq6",
|
|
212
|
-
t21cq0: ["f11qmguv", "f1tyq0we"],
|
|
213
|
-
jrapky: "f19f4twv",
|
|
214
|
-
Frg6f3: ["f1tyq0we", "f11qmguv"],
|
|
215
|
-
z8tnut: "f1g0x7ka",
|
|
216
|
-
z189sj: ["fhxju0i", "f1cnd47f"],
|
|
217
|
-
Byoj8tv: "f1qch9an",
|
|
218
|
-
uwmqm3: ["f1cnd47f", "fhxju0i"],
|
|
219
|
-
a9b677: "f1w9dchk"
|
|
220
|
-
}
|
|
221
|
-
}, {
|
|
222
|
-
d: [".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".f68mrw8{border-top-color:var(--colorNeutralStroke2);}", ".f7pw515{border-right-color:var(--colorNeutralStroke2);}", ".fw35ms5{border-left-color:var(--colorNeutralStroke2);}", ".frpde29{border-bottom-color:var(--colorNeutralStroke2);}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".f1ewtqcl{box-sizing:border-box;}", ".fxc4j92{color:var(--colorNeutralForeground4);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fxldao9{height:28px;}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".f1w9dchk{width:28px;}"]
|
|
223
|
-
});
|
|
224
|
-
const useDayOutsideBoundsStyles = /*#__PURE__*/__styles({
|
|
225
|
-
base: {
|
|
226
|
-
x734em: "f1v4z6xg",
|
|
227
|
-
B0ssf13: "f1u9q7oh",
|
|
228
|
-
B8h8h5z: "f1a22lcc",
|
|
229
|
-
Bbusuzp: "f1dcs8yz"
|
|
230
|
-
}
|
|
231
|
-
}, {
|
|
232
|
-
d: [".f1v4z6xg,.f1v4z6xg:disabled,.f1v4z6xg button,.f1v4z6xg.fui-CalendarDayGrid__hoverStyle,.f1v4z6xg.fui-CalendarDayGrid__pressedStyle{background-color:var(--colorTransparentBackground);}", ".f1u9q7oh,.f1u9q7oh:disabled,.f1u9q7oh button,.f1u9q7oh.fui-CalendarDayGrid__hoverStyle,.f1u9q7oh.fui-CalendarDayGrid__pressedStyle{color:var(--colorNeutralForegroundDisabled);}", ".f1a22lcc,.f1a22lcc:disabled,.f1a22lcc button,.f1a22lcc.fui-CalendarDayGrid__hoverStyle,.f1a22lcc.fui-CalendarDayGrid__pressedStyle{pointer-events:none;}"],
|
|
233
|
-
m: [["@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}", {
|
|
234
|
-
m: "(forced-colors: active)"
|
|
235
|
-
}]]
|
|
236
|
-
});
|
|
237
|
-
const useDayOutsideNavigatedMonthStyles = /*#__PURE__*/__styles({
|
|
238
|
-
lightenDaysOutsideNavigatedMonth: {
|
|
239
|
-
sj55zd: "fxc4j92",
|
|
240
|
-
Bhrd7zp: "figsok6",
|
|
241
|
-
Bbusuzp: "f1dcs8yz"
|
|
242
|
-
}
|
|
243
|
-
}, {
|
|
244
|
-
d: [".fxc4j92{color:var(--colorNeutralForeground4);}", ".figsok6{font-weight:var(--fontWeightRegular);}"],
|
|
245
|
-
m: [["@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}", {
|
|
246
|
-
m: "(forced-colors: active)"
|
|
247
|
-
}]]
|
|
248
|
-
});
|
|
249
|
-
const useDayButtonStyles = /*#__PURE__*/__styles({
|
|
250
|
-
base: {
|
|
251
|
-
De3pzq: "f1c21dwh",
|
|
252
|
-
Bbmb7ep: ["f2i1086", "f1rlsnju"],
|
|
253
|
-
Beyfa6y: ["f1rlsnju", "f2i1086"],
|
|
254
|
-
B7oj6ja: ["f1stktl2", "f1127022"],
|
|
255
|
-
Btl43ni: ["f1127022", "f1stktl2"],
|
|
256
|
-
icvyot: "f1ern45e",
|
|
257
|
-
vrafjx: ["f1n71otn", "f1deefiw"],
|
|
258
|
-
oivjwe: "f1h8hb77",
|
|
259
|
-
wvpqe5: ["f1deefiw", "f1n71otn"],
|
|
260
|
-
sj55zd: "f1ym3bx4",
|
|
261
|
-
Bceei9c: "f1k6fduh",
|
|
262
|
-
Be2twd7: "fy9rknc",
|
|
263
|
-
Bhrd7zp: "ff5ikls",
|
|
264
|
-
Bqenvij: "frvgh55",
|
|
265
|
-
Bg96gwp: "f8xlz6g",
|
|
266
|
-
B68tc82: "f1mtd64y",
|
|
267
|
-
Bmxbyg5: "f1y7q3j9",
|
|
268
|
-
z8tnut: "f1g0x7ka",
|
|
269
|
-
z189sj: ["fhxju0i", "f1cnd47f"],
|
|
270
|
-
Byoj8tv: "f1qch9an",
|
|
271
|
-
uwmqm3: ["f1cnd47f", "fhxju0i"],
|
|
272
|
-
a9b677: "fq4mcun",
|
|
273
|
-
Bx0yju7: "f10y451g",
|
|
274
|
-
l98f4w: "f1dwpgx3"
|
|
275
|
-
}
|
|
276
|
-
}, {
|
|
277
|
-
d: [".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".f2i1086{border-bottom-right-radius:2px;}", ".f1rlsnju{border-bottom-left-radius:2px;}", ".f1stktl2{border-top-right-radius:2px;}", ".f1127022{border-top-left-radius:2px;}", ".f1ern45e{border-top-style:none;}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1h8hb77{border-bottom-style:none;}", ".f1ym3bx4{color:inherit;}", ".f1k6fduh{cursor:pointer;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".ff5ikls{font-weight:inherit;}", ".frvgh55{height:24px;}", ".f8xlz6g{line-height:24px;}", ".f1mtd64y{overflow-x:visible;}", ".f1y7q3j9{overflow-y:visible;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".fq4mcun{width:24px;}", ".f10y451gspan{height:inherit;}", ".f1dwpgx3span{line-height:inherit;}"]
|
|
278
|
-
});
|
|
279
|
-
const useDayIsTodayStyles = /*#__PURE__*/__styles({
|
|
280
|
-
base: {
|
|
281
|
-
De3pzq: "ffp7eso",
|
|
282
|
-
Bbmb7ep: ["f1xbx3v5", "fh9p2o2"],
|
|
283
|
-
Beyfa6y: ["fh9p2o2", "f1xbx3v5"],
|
|
284
|
-
B7oj6ja: ["f18mldvw", "f3h6kr5"],
|
|
285
|
-
Btl43ni: ["f3h6kr5", "f18mldvw"],
|
|
286
|
-
sj55zd: "f1phragk",
|
|
287
|
-
Bhrd7zp: "fl43uef",
|
|
288
|
-
Bsw6fvg: "fg374yq",
|
|
289
|
-
Bjwas2f: "fx4t0an",
|
|
290
|
-
Bn1d65q: ["f1bd7qk0", "fk5vpic"],
|
|
291
|
-
Bxeuatn: "fgxnpfp",
|
|
292
|
-
n51gp8: ["fk5vpic", "f1bd7qk0"],
|
|
293
|
-
Bbusuzp: "f1yig07e",
|
|
294
|
-
ycbfsm: "fkc42ay",
|
|
295
|
-
jxbfoe: "fj0lumn",
|
|
296
|
-
Bg4iunc: "f1cikclm"
|
|
297
|
-
}
|
|
298
|
-
}, {
|
|
299
|
-
d: [".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1xbx3v5{border-bottom-right-radius:100%;}", ".fh9p2o2{border-bottom-left-radius:100%;}", ".f18mldvw{border-top-right-radius:100%;}", ".f3h6kr5{border-top-left-radius:100%;}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fj0lumn>.fui-CalendarDayGrid__dayMarker{background-color:var(--colorNeutralForegroundOnBrand);}"],
|
|
300
|
-
m: [["@media (forced-colors: active){.fg374yq{background-color:WindowText;}}", {
|
|
301
|
-
m: "(forced-colors: active)"
|
|
302
|
-
}], ["@media (forced-colors: active){.fx4t0an{border-top-color:WindowText;}}", {
|
|
303
|
-
m: "(forced-colors: active)"
|
|
304
|
-
}], ["@media (forced-colors: active){.f1bd7qk0{border-right-color:WindowText;}.fk5vpic{border-left-color:WindowText;}}", {
|
|
305
|
-
m: "(forced-colors: active)"
|
|
306
|
-
}], ["@media (forced-colors: active){.fgxnpfp{border-bottom-color:WindowText;}}", {
|
|
307
|
-
m: "(forced-colors: active)"
|
|
308
|
-
}], ["@media (forced-colors: active){.f1yig07e{color:Window;}}", {
|
|
309
|
-
m: "(forced-colors: active)"
|
|
310
|
-
}], ["@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}", {
|
|
311
|
-
m: "(forced-colors: active)"
|
|
312
|
-
}], ["@media (forced-colors: active){.f1cikclm>.fui-CalendarDayGrid__dayMarker{background-color:Window;}}", {
|
|
313
|
-
m: "(forced-colors: active)"
|
|
314
|
-
}]]
|
|
315
|
-
});
|
|
316
|
-
const useFirstTransitionWeekStyles = /*#__PURE__*/__styles({
|
|
317
|
-
base: {
|
|
318
|
-
Bqenvij: "fniina8",
|
|
319
|
-
abs64n: "fk73vx1",
|
|
320
|
-
B68tc82: "f1p9o1ba",
|
|
321
|
-
Bmxbyg5: "f1sil6mw",
|
|
322
|
-
qhf8xq: "f1euv43f",
|
|
323
|
-
a9b677: "f3tsq5r"
|
|
324
|
-
},
|
|
325
|
-
verticalForward: {
|
|
326
|
-
vin17d: "f5f2jbu",
|
|
327
|
-
Bf5fcs: "fywypte",
|
|
328
|
-
Bv12yb3: "fb3mxun",
|
|
329
|
-
Ezkn3b: "f1ee2ue"
|
|
330
|
-
}
|
|
331
|
-
}, {
|
|
332
|
-
d: [".fniina8{height:0;}", ".fk73vx1{opacity:0;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1sil6mw{overflow-y:hidden;}", ".f1euv43f{position:absolute;}", ".f3tsq5r{width:0;}", ".f5f2jbu{animation-duration:0.367s;}", ".fywypte{animation-fill-mode:both;}", ".fb3mxun{animation-name:f199e34v,f76svrd,fhwv0sk;}", ".f1ee2ue{animation-timing-function:cubic-bezier(.1,.9,.2,1);}"],
|
|
333
|
-
k: ["@keyframes f199e34v{from{opacity:1;}to{opacity:0;visibility:hidden;}}", "@keyframes f76svrd{from{transform:translate3d(0, 0, 0);}to{transform:translate3d(0, -20px, 0);}}", "@keyframes fhwv0sk{100%{height:0px;overflow-x:hidden;overflow-y:hidden;width:0px;}99.9%{height:28px;overflow-x:visible;overflow-y:visible;width:100%;}0%{height:28px;overflow-x:visible;overflow-y:visible;width:100%;}}"]
|
|
334
|
-
});
|
|
335
|
-
const useLastTransitionWeekStyles = /*#__PURE__*/__styles({
|
|
336
|
-
base: {
|
|
337
|
-
Bqenvij: "fniina8",
|
|
338
|
-
B6of3ja: "flykjtj",
|
|
339
|
-
abs64n: "fk73vx1",
|
|
340
|
-
B68tc82: "f1p9o1ba",
|
|
341
|
-
Bmxbyg5: "f1sil6mw",
|
|
342
|
-
qhf8xq: "f1euv43f",
|
|
343
|
-
a9b677: "f3tsq5r"
|
|
344
|
-
},
|
|
345
|
-
verticalBackward: {
|
|
346
|
-
vin17d: "f5f2jbu",
|
|
347
|
-
Bf5fcs: "fywypte",
|
|
348
|
-
Bv12yb3: "f1h56eac",
|
|
349
|
-
Ezkn3b: "f1ee2ue"
|
|
350
|
-
}
|
|
351
|
-
}, {
|
|
352
|
-
d: [".fniina8{height:0;}", ".flykjtj{margin-top:-28px;}", ".fk73vx1{opacity:0;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1sil6mw{overflow-y:hidden;}", ".f1euv43f{position:absolute;}", ".f3tsq5r{width:0;}", ".f5f2jbu{animation-duration:0.367s;}", ".fywypte{animation-fill-mode:both;}", ".f1h56eac{animation-name:f199e34v,f18895iq,fhwv0sk;}", ".f1ee2ue{animation-timing-function:cubic-bezier(.1,.9,.2,1);}"],
|
|
353
|
-
k: ["@keyframes f199e34v{from{opacity:1;}to{opacity:0;visibility:hidden;}}", "@keyframes f18895iq{from{transform:translate3d(0, 0, 0);}to{transform:translate3d(0, 20px, 0);}}", "@keyframes fhwv0sk{100%{height:0px;overflow-x:hidden;overflow-y:hidden;width:0px;}99.9%{height:28px;overflow-x:visible;overflow-y:visible;width:100%;}0%{height:28px;overflow-x:visible;overflow-y:visible;width:100%;}}"]
|
|
354
|
-
});
|
|
355
|
-
const useDayMarkerStyles = /*#__PURE__*/__styles({
|
|
356
|
-
base: {
|
|
357
|
-
De3pzq: "fnggedw",
|
|
358
|
-
Bbmb7ep: ["f1xbx3v5", "fh9p2o2"],
|
|
359
|
-
Beyfa6y: ["fh9p2o2", "f1xbx3v5"],
|
|
360
|
-
B7oj6ja: ["f18mldvw", "f3h6kr5"],
|
|
361
|
-
Btl43ni: ["f3h6kr5", "f18mldvw"],
|
|
362
|
-
B5kzvoi: "f1oq0udb",
|
|
363
|
-
Bqenvij: "f6ywr7j",
|
|
364
|
-
oyh7mz: ["f1vgc2s3", "f1e31b4d"],
|
|
365
|
-
B6of3ja: "fgr6219",
|
|
366
|
-
t21cq0: ["f1ujusj6", "fcgxt0o"],
|
|
367
|
-
jrapky: "f10jk5vf",
|
|
368
|
-
Frg6f3: ["fcgxt0o", "f1ujusj6"],
|
|
369
|
-
qhf8xq: "f1euv43f",
|
|
370
|
-
j35jbq: ["f1e31b4d", "f1vgc2s3"],
|
|
371
|
-
a9b677: "faro0ui",
|
|
372
|
-
Bsw6fvg: "fg374yq",
|
|
373
|
-
ycbfsm: "fkc42ay"
|
|
374
|
-
}
|
|
375
|
-
}, {
|
|
376
|
-
d: [".fnggedw{background-color:var(--colorBrandForeground2);}", ".f1xbx3v5{border-bottom-right-radius:100%;}", ".fh9p2o2{border-bottom-left-radius:100%;}", ".f18mldvw{border-top-right-radius:100%;}", ".f3h6kr5{border-top-left-radius:100%;}", ".f1oq0udb{bottom:1px;}", ".f6ywr7j{height:4px;}", ".f1vgc2s3{left:0;}", ".f1e31b4d{right:0;}", ".fgr6219{margin-top:auto;}", ".f1ujusj6{margin-right:auto;}", ".fcgxt0o{margin-left:auto;}", ".f10jk5vf{margin-bottom:auto;}", ".f1euv43f{position:absolute;}", ".faro0ui{width:4px;}"],
|
|
377
|
-
m: [["@media (forced-colors: active){.fg374yq{background-color:WindowText;}}", {
|
|
378
|
-
m: "(forced-colors: active)"
|
|
379
|
-
}], ["@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}", {
|
|
380
|
-
m: "(forced-colors: active)"
|
|
381
|
-
}]]
|
|
382
|
-
});
|
|
383
|
-
const useCornerBorderAndRadiusStyles = /*#__PURE__*/__styles({
|
|
384
|
-
corners: {
|
|
385
|
-
Cy64m2: ["fgk2v8v", "flgychs"],
|
|
386
|
-
Bnn43bw: ["fon8hnx", "f1dzb7s0"],
|
|
387
|
-
feanbc: ["f5gufe6", "f6b3fnj"],
|
|
388
|
-
B4268ip: ["fo35n0e", "f96pych"]
|
|
389
|
-
}
|
|
390
|
-
}, {
|
|
391
|
-
d: [".fgk2v8v.fui-CalendarDayGrid__topRightCornerDate{border-top-right-radius:2px;}", ".flgychs.fui-CalendarDayGrid__topRightCornerDate{border-top-left-radius:2px;}", ".fon8hnx.fui-CalendarDayGrid__topLeftCornerDate{border-top-left-radius:2px;}", ".f1dzb7s0.fui-CalendarDayGrid__topLeftCornerDate{border-top-right-radius:2px;}", ".f5gufe6.fui-CalendarDayGrid__bottomRightCornerDate{border-bottom-right-radius:2px;}", ".f6b3fnj.fui-CalendarDayGrid__bottomRightCornerDate{border-bottom-left-radius:2px;}", ".fo35n0e.fui-CalendarDayGrid__bottomLeftCornerDate{border-bottom-left-radius:2px;}", ".f96pych.fui-CalendarDayGrid__bottomLeftCornerDate{border-bottom-right-radius:2px;}"]
|
|
392
|
-
});
|
|
393
|
-
/**
|
|
394
|
-
* @internal
|
|
395
|
-
*
|
|
396
|
-
* Apply styling to the CalendarDayGrid slots based on the state
|
|
397
|
-
*/
|
|
398
|
-
export const useCalendarDayGridStyles_unstable = props => {
|
|
399
|
-
const wrapperStyles = useWrapperStyles();
|
|
400
|
-
const tableStyles = useTableStyles();
|
|
401
|
-
const dayCellStyles = useDayCellStyles();
|
|
402
|
-
const daySelectedStyles = useDaySelectedStyles();
|
|
403
|
-
const weekRowStyles = useWeekRowStyles();
|
|
404
|
-
const weekDayLabelCellStyles = useWeekDayLabelCellStyles();
|
|
405
|
-
const weekNumberCellStyles = useWeekNumberCellStyles();
|
|
406
|
-
const dayOutsideBoundsStyles = useDayOutsideBoundsStyles();
|
|
407
|
-
const dayOutsideNavigatedMonthStyles = useDayOutsideNavigatedMonthStyles();
|
|
408
|
-
const dayButtonStyles = useDayButtonStyles();
|
|
409
|
-
const dayIsTodayStyles = useDayIsTodayStyles();
|
|
410
|
-
const firstTransitionWeekStyles = useFirstTransitionWeekStyles();
|
|
411
|
-
const lastTransitionWeekStyles = useLastTransitionWeekStyles();
|
|
412
|
-
const dayMarkerStyles = useDayMarkerStyles();
|
|
413
|
-
const cornerBorderAndRadiusStyles = useCornerBorderAndRadiusStyles();
|
|
414
|
-
const {
|
|
415
|
-
animateBackwards,
|
|
416
|
-
animationDirection,
|
|
417
|
-
lightenDaysOutsideNavigatedMonth,
|
|
418
|
-
showWeekNumbers
|
|
419
|
-
} = props;
|
|
420
|
-
return {
|
|
421
|
-
wrapper: mergeClasses(calendarDayGridClassNames.wrapper, wrapperStyles.base),
|
|
422
|
-
table: mergeClasses(calendarDayGridClassNames.table, tableStyles.base, showWeekNumbers && tableStyles.showWeekNumbers),
|
|
423
|
-
dayCell: mergeClasses(calendarDayGridClassNames.dayCell, dayCellStyles.base, cornerBorderAndRadiusStyles.corners),
|
|
424
|
-
daySelected: mergeClasses(calendarDayGridClassNames.daySelected, daySelectedStyles.base),
|
|
425
|
-
weekRow: mergeClasses(calendarDayGridClassNames.weekRow, animateBackwards !== undefined && weekRowStyles.base, animateBackwards !== undefined && (animationDirection === AnimationDirection.Horizontal ? animateBackwards ? weekRowStyles.horizontalBackward : weekRowStyles.horizontalForward : animateBackwards ? weekRowStyles.verticalBackward : weekRowStyles.verticalForward)),
|
|
426
|
-
weekDayLabelCell: mergeClasses(calendarDayGridClassNames.weekDayLabelCell, weekDayLabelCellStyles.base),
|
|
427
|
-
weekNumberCell: mergeClasses(calendarDayGridClassNames.weekNumberCell, weekNumberCellStyles.base),
|
|
428
|
-
dayOutsideBounds: mergeClasses(calendarDayGridClassNames.dayOutsideBounds, dayOutsideBoundsStyles.base),
|
|
429
|
-
dayOutsideNavigatedMonth: mergeClasses(calendarDayGridClassNames.dayOutsideNavigatedMonth, lightenDaysOutsideNavigatedMonth && dayOutsideNavigatedMonthStyles.lightenDaysOutsideNavigatedMonth),
|
|
430
|
-
dayButton: mergeClasses(calendarDayGridClassNames.dayButton, dayButtonStyles.base),
|
|
431
|
-
dayIsToday: mergeClasses(calendarDayGridClassNames.dayIsToday, dayIsTodayStyles.base),
|
|
432
|
-
firstTransitionWeek: mergeClasses(calendarDayGridClassNames.firstTransitionWeek, firstTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && !animateBackwards && firstTransitionWeekStyles.verticalForward),
|
|
433
|
-
lastTransitionWeek: mergeClasses(calendarDayGridClassNames.lastTransitionWeek, lastTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && animateBackwards && lastTransitionWeekStyles.verticalBackward),
|
|
434
|
-
dayMarker: mergeClasses(calendarDayGridClassNames.dayMarker, dayMarkerStyles.base)
|
|
435
|
-
};
|
|
436
|
-
};
|
|
437
|
-
//# sourceMappingURL=useCalendarDayGridStyles.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["tokens","__styles","mergeClasses","shorthands","DURATION_2","DURATION_3","EASING_FUNCTION_1","EASING_FUNCTION_2","FADE_IN","FADE_OUT","SLIDE_DOWN_IN20","SLIDE_DOWN_OUT20","SLIDE_LEFT_IN20","SLIDE_RIGHT_IN20","SLIDE_UP_IN20","SLIDE_UP_OUT20","TRANSITION_ROW_DISAPPEARANCE","AnimationDirection","weekCornersClassNames","calendarDayGridClassNames","wrapper","table","dayCell","daySelected","weekRow","weekDayLabelCell","weekNumberCell","dayOutsideBounds","dayOutsideNavigatedMonth","dayButton","dayIsToday","firstTransitionWeek","lastTransitionWeek","dayMarker","extraCalendarDayGridClassNames","hoverStyle","pressedStyle","useWrapperStyles","base","Byoj8tv","d","useTableStyles","po53p8","Bxjg3zr","Be2twd7","B6of3ja","qhf8xq","B73mfa3","fsow6f","a9b677","showWeekNumbers","useDayCellStyles","sj55zd","Bceei9c","Bhrd7zp","Bqenvij","Bg96gwp","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","uwmqm3","Bsw6fvg","Bbusuzp","cvlxnx","Bweudez","hzfqlu","Bb91d7d","dua3dm","z1p9vi","Bsnevi5","xnb59o","Bj67fi1","B2gfgcj","B6cqqer","fpurfy","Fioj4w","Bq9yiu4","cpbo2x","Bq268z6","m","useDaySelectedStyles","De3pzq","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","ycbfsm","a3nq4f","Bnf3alp","H2c3sd","qu8ld","Bg4iunc","h","useWeekRowStyles","vin17d","Bf5fcs","Ezkn3b","horizontalBackward","Bv12yb3","horizontalForward","verticalBackward","verticalForward","k","useWeekDayLabelCellStyles","useWeekNumberCellStyles","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bekrc4i","vrafjx","B7ck84d","useDayOutsideBoundsStyles","x734em","B0ssf13","B8h8h5z","useDayOutsideNavigatedMonthStyles","lightenDaysOutsideNavigatedMonth","useDayButtonStyles","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","icvyot","oivjwe","wvpqe5","B68tc82","Bmxbyg5","Bx0yju7","l98f4w","useDayIsTodayStyles","jxbfoe","useFirstTransitionWeekStyles","abs64n","useLastTransitionWeekStyles","useDayMarkerStyles","B5kzvoi","oyh7mz","j35jbq","useCornerBorderAndRadiusStyles","corners","Cy64m2","Bnn43bw","feanbc","B4268ip","useCalendarDayGridStyles_unstable","props","wrapperStyles","tableStyles","dayCellStyles","daySelectedStyles","weekRowStyles","weekDayLabelCellStyles","weekNumberCellStyles","dayOutsideBoundsStyles","dayOutsideNavigatedMonthStyles","dayButtonStyles","dayIsTodayStyles","firstTransitionWeekStyles","lastTransitionWeekStyles","dayMarkerStyles","cornerBorderAndRadiusStyles","animateBackwards","animationDirection","undefined","Horizontal"],"sources":["useCalendarDayGridStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { DURATION_2, DURATION_3, EASING_FUNCTION_1, EASING_FUNCTION_2, FADE_IN, FADE_OUT, SLIDE_DOWN_IN20, SLIDE_DOWN_OUT20, SLIDE_LEFT_IN20, SLIDE_RIGHT_IN20, SLIDE_UP_IN20, SLIDE_UP_OUT20, TRANSITION_ROW_DISAPPEARANCE } from '../../utils';\nimport { AnimationDirection } from '../Calendar/Calendar.types';\nimport { weekCornersClassNames } from './useWeekCornerStyles.styles';\n/**\n * @internal\n */ export const calendarDayGridClassNames = {\n wrapper: 'fui-CalendarDayGrid__wrapper',\n table: 'fui-CalendarDayGrid__table',\n dayCell: 'fui-CalendarDayGrid__dayCell',\n daySelected: 'fui-CalendarDayGrid__daySelected',\n weekRow: 'fui-CalendarDayGrid__weekRow',\n weekDayLabelCell: 'fui-CalendarDayGrid__weekDayLabelCell',\n weekNumberCell: 'fui-CalendarDayGrid__weekNumberCell',\n dayOutsideBounds: 'fui-CalendarDayGrid__dayOutsideBounds',\n dayOutsideNavigatedMonth: 'fui-CalendarDayGrid__dayOutsideNavigatedMonth',\n dayButton: 'fui-CalendarDayGrid__dayButton',\n dayIsToday: 'fui-CalendarDayGrid__dayIsToday',\n firstTransitionWeek: 'fui-CalendarDayGrid__firstTransitionWeek',\n lastTransitionWeek: 'fui-CalendarDayGrid__lastTransitionWeek',\n dayMarker: 'fui-CalendarDayGrid__dayMarker'\n};\n/**\n * @internal\n */ export const extraCalendarDayGridClassNames = {\n hoverStyle: 'fui-CalendarDayGrid__hoverStyle',\n pressedStyle: 'fui-CalendarDayGrid__pressedStyle'\n};\nconst useWrapperStyles = makeStyles({\n base: {\n paddingBottom: '10px'\n }\n});\nconst useTableStyles = makeStyles({\n base: {\n borderCollapse: 'collapse',\n borderSpacing: 0,\n fontSize: 'inherit',\n marginTop: '4px',\n paddingBottom: '10px',\n position: 'relative',\n tableLayout: 'fixed',\n textAlign: 'center',\n width: '196px'\n },\n showWeekNumbers: {\n width: '226px'\n }\n});\nconst useDayCellStyles = makeStyles({\n base: {\n color: tokens.colorNeutralForeground1,\n cursor: 'pointer',\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n height: '28px',\n lineHeight: '28px',\n ...shorthands.margin(0),\n ...shorthands.padding(0),\n position: 'relative',\n width: '28px',\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'WindowText'\n },\n [`&.${extraCalendarDayGridClassNames.hoverStyle}`]: {\n color: tokens.colorNeutralForeground1Static,\n backgroundColor: tokens.colorBrandBackgroundInvertedHover,\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n color: 'WindowText',\n ...shorthands.outline('1px', 'solid', 'Highlight'),\n zIndex: 3\n }\n },\n [`&.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n color: tokens.colorNeutralForeground1Static,\n backgroundColor: tokens.colorBrandBackgroundInvertedPressed,\n '@media (forced-colors: active)': {\n backgroundColor: 'Window',\n ...shorthands.borderColor('Highlight'),\n color: 'Highlight'\n }\n }\n }\n});\nconst useDaySelectedStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n color: tokens.colorNeutralForeground1Static,\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n ...shorthands.borderColor('Highlight'),\n color: 'HighlightText',\n forcedColorAdjust: 'none'\n },\n [`&:hover, &.${extraCalendarDayGridClassNames.hoverStyle}, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n color: tokens.colorNeutralForeground1Static,\n backgroundColor: tokens.colorBrandBackgroundInvertedSelected,\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n color: 'HighlightText'\n }\n },\n [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n '@media (forced-colors: active)': {\n backgroundColor: 'Window'\n }\n }\n }\n});\nconst useWeekRowStyles = makeStyles({\n base: {\n animationDuration: DURATION_3,\n animationFillMode: 'both',\n animationTimingFunction: EASING_FUNCTION_1\n },\n horizontalBackward: {\n animationName: [\n FADE_IN,\n SLIDE_RIGHT_IN20\n ]\n },\n horizontalForward: {\n animationName: [\n FADE_IN,\n SLIDE_LEFT_IN20\n ]\n },\n verticalBackward: {\n animationName: [\n FADE_IN,\n SLIDE_DOWN_IN20\n ]\n },\n verticalForward: {\n animationName: [\n FADE_IN,\n SLIDE_UP_IN20\n ]\n }\n});\nconst useWeekDayLabelCellStyles = makeStyles({\n base: {\n animationDuration: DURATION_2,\n animationFillMode: 'both',\n animationName: FADE_IN,\n animationTimingFunction: EASING_FUNCTION_2\n }\n});\nconst useWeekNumberCellStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor(tokens.colorNeutralStroke2),\n ...shorthands.borderRight('1px', 'solid'),\n boxSizing: 'border-box',\n color: tokens.colorNeutralForeground4,\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n height: '28px',\n ...shorthands.margin(0),\n ...shorthands.padding(0),\n width: '28px'\n }\n});\nconst useDayOutsideBoundsStyles = makeStyles({\n base: {\n [`&, &:disabled, & button, &.${extraCalendarDayGridClassNames.hoverStyle}` + `, &.${extraCalendarDayGridClassNames.pressedStyle}`]: {\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForegroundDisabled,\n pointerEvents: 'none'\n },\n '@media (forced-colors: active)': {\n color: 'GrayText'\n }\n }\n});\nconst useDayOutsideNavigatedMonthStyles = makeStyles({\n lightenDaysOutsideNavigatedMonth: {\n color: tokens.colorNeutralForeground4,\n fontWeight: tokens.fontWeightRegular,\n '@media (forced-colors: active)': {\n color: 'GrayText'\n }\n }\n});\nconst useDayButtonStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderRadius('2px'),\n ...shorthands.borderStyle('none'),\n color: 'inherit',\n cursor: 'pointer',\n fontSize: tokens.fontSizeBase200,\n fontWeight: 'inherit',\n height: '24px',\n lineHeight: '24px',\n ...shorthands.overflow('visible'),\n ...shorthands.padding(0),\n width: '24px',\n '&span': {\n height: 'inherit',\n lineHeight: 'inherit'\n }\n }\n});\nconst useDayIsTodayStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorBrandBackground,\n ...shorthands.borderRadius('100%'),\n color: tokens.colorNeutralForegroundOnBrand,\n fontWeight: tokens.fontWeightSemibold,\n '@media (forced-colors: active)': {\n backgroundColor: 'WindowText',\n ...shorthands.borderColor('WindowText'),\n color: 'Window',\n forcedColorAdjust: 'none'\n },\n [`& > .${calendarDayGridClassNames.dayMarker}`]: {\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n '@media (forced-colors: active)': {\n backgroundColor: 'Window'\n }\n }\n }\n});\nconst useFirstTransitionWeekStyles = makeStyles({\n base: {\n height: 0,\n opacity: 0,\n ...shorthands.overflow('hidden'),\n position: 'absolute',\n width: 0\n },\n verticalForward: {\n animationDuration: DURATION_3,\n animationFillMode: 'both',\n animationName: [\n FADE_OUT,\n SLIDE_UP_OUT20,\n TRANSITION_ROW_DISAPPEARANCE\n ],\n animationTimingFunction: EASING_FUNCTION_1\n }\n});\nconst useLastTransitionWeekStyles = makeStyles({\n base: {\n height: 0,\n marginTop: '-28px',\n opacity: 0,\n ...shorthands.overflow('hidden'),\n position: 'absolute',\n width: 0\n },\n verticalBackward: {\n animationDuration: DURATION_3,\n animationFillMode: 'both',\n animationName: [\n FADE_OUT,\n SLIDE_DOWN_OUT20,\n TRANSITION_ROW_DISAPPEARANCE\n ],\n animationTimingFunction: EASING_FUNCTION_1\n }\n});\nconst useDayMarkerStyles = makeStyles({\n base: {\n backgroundColor: tokens.colorBrandForeground2,\n ...shorthands.borderRadius('100%'),\n bottom: '1px',\n height: '4px',\n left: 0,\n ...shorthands.margin('auto'),\n position: 'absolute',\n right: 0,\n width: '4px',\n '@media (forced-colors: active)': {\n backgroundColor: 'WindowText',\n forcedColorAdjust: 'none'\n }\n }\n});\nconst useCornerBorderAndRadiusStyles = makeStyles({\n corners: {\n [`&.${weekCornersClassNames.topRightCornerDate}`]: {\n borderTopRightRadius: '2px'\n },\n [`&.${weekCornersClassNames.topLeftCornerDate}`]: {\n borderTopLeftRadius: '2px'\n },\n [`&.${weekCornersClassNames.bottomRightCornerDate}`]: {\n borderBottomRightRadius: '2px'\n },\n [`&.${weekCornersClassNames.bottomLeftCornerDate}`]: {\n borderBottomLeftRadius: '2px'\n }\n }\n});\n/**\n * @internal\n *\n * Apply styling to the CalendarDayGrid slots based on the state\n */ export const useCalendarDayGridStyles_unstable = (props)=>{\n const wrapperStyles = useWrapperStyles();\n const tableStyles = useTableStyles();\n const dayCellStyles = useDayCellStyles();\n const daySelectedStyles = useDaySelectedStyles();\n const weekRowStyles = useWeekRowStyles();\n const weekDayLabelCellStyles = useWeekDayLabelCellStyles();\n const weekNumberCellStyles = useWeekNumberCellStyles();\n const dayOutsideBoundsStyles = useDayOutsideBoundsStyles();\n const dayOutsideNavigatedMonthStyles = useDayOutsideNavigatedMonthStyles();\n const dayButtonStyles = useDayButtonStyles();\n const dayIsTodayStyles = useDayIsTodayStyles();\n const firstTransitionWeekStyles = useFirstTransitionWeekStyles();\n const lastTransitionWeekStyles = useLastTransitionWeekStyles();\n const dayMarkerStyles = useDayMarkerStyles();\n const cornerBorderAndRadiusStyles = useCornerBorderAndRadiusStyles();\n const { animateBackwards, animationDirection, lightenDaysOutsideNavigatedMonth, showWeekNumbers } = props;\n return {\n wrapper: mergeClasses(calendarDayGridClassNames.wrapper, wrapperStyles.base),\n table: mergeClasses(calendarDayGridClassNames.table, tableStyles.base, showWeekNumbers && tableStyles.showWeekNumbers),\n dayCell: mergeClasses(calendarDayGridClassNames.dayCell, dayCellStyles.base, cornerBorderAndRadiusStyles.corners),\n daySelected: mergeClasses(calendarDayGridClassNames.daySelected, daySelectedStyles.base),\n weekRow: mergeClasses(calendarDayGridClassNames.weekRow, animateBackwards !== undefined && weekRowStyles.base, animateBackwards !== undefined && (animationDirection === AnimationDirection.Horizontal ? animateBackwards ? weekRowStyles.horizontalBackward : weekRowStyles.horizontalForward : animateBackwards ? weekRowStyles.verticalBackward : weekRowStyles.verticalForward)),\n weekDayLabelCell: mergeClasses(calendarDayGridClassNames.weekDayLabelCell, weekDayLabelCellStyles.base),\n weekNumberCell: mergeClasses(calendarDayGridClassNames.weekNumberCell, weekNumberCellStyles.base),\n dayOutsideBounds: mergeClasses(calendarDayGridClassNames.dayOutsideBounds, dayOutsideBoundsStyles.base),\n dayOutsideNavigatedMonth: mergeClasses(calendarDayGridClassNames.dayOutsideNavigatedMonth, lightenDaysOutsideNavigatedMonth && dayOutsideNavigatedMonthStyles.lightenDaysOutsideNavigatedMonth),\n dayButton: mergeClasses(calendarDayGridClassNames.dayButton, dayButtonStyles.base),\n dayIsToday: mergeClasses(calendarDayGridClassNames.dayIsToday, dayIsTodayStyles.base),\n firstTransitionWeek: mergeClasses(calendarDayGridClassNames.firstTransitionWeek, firstTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && !animateBackwards && firstTransitionWeekStyles.verticalForward),\n lastTransitionWeek: mergeClasses(calendarDayGridClassNames.lastTransitionWeek, lastTransitionWeekStyles.base, animateBackwards !== undefined && animationDirection !== AnimationDirection.Horizontal && animateBackwards && lastTransitionWeekStyles.verticalBackward),\n dayMarker: mergeClasses(calendarDayGridClassNames.dayMarker, dayMarkerStyles.base)\n };\n};\n"],"mappings":"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"}
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
import { useFluent_unstable } from '@fluentui/react-shared-contexts';
|
|
2
|
-
import { mergeClasses } from '@griffel/react';
|
|
3
|
-
import { DateRangeType } from '../../utils/constants';
|
|
4
|
-
import { getDateRangeArray } from '../../utils/index';
|
|
5
|
-
/**
|
|
6
|
-
* @internal
|
|
7
|
-
*/
|
|
8
|
-
export const weekCornersClassNames = {
|
|
9
|
-
topRightCornerDate: 'fui-CalendarDayGrid__topRightCornerDate',
|
|
10
|
-
topLeftCornerDate: 'fui-CalendarDayGrid__topLeftCornerDate',
|
|
11
|
-
bottomRightCornerDate: 'fui-CalendarDayGrid__bottomRightCornerDate',
|
|
12
|
-
bottomLeftCornerDate: 'fui-CalendarDayGrid__bottomLeftCornerDate'
|
|
13
|
-
};
|
|
14
|
-
/**
|
|
15
|
-
* @internal
|
|
16
|
-
*/
|
|
17
|
-
export function useWeekCornerStyles(props) {
|
|
18
|
-
const {
|
|
19
|
-
dir
|
|
20
|
-
} = useFluent_unstable();
|
|
21
|
-
/**
|
|
22
|
-
*
|
|
23
|
-
* Section for setting the rounded corner styles on individual day cells. Individual day cells need different
|
|
24
|
-
* corners to be rounded depending on which date range type and where the cell is located in the current grid.
|
|
25
|
-
* If we just round all of the corners, there isn't a good overlap and we get gaps between contiguous day boxes
|
|
26
|
-
* in Edge browser.
|
|
27
|
-
*
|
|
28
|
-
*/
|
|
29
|
-
const getWeekCornerStyles = initialWeeks => {
|
|
30
|
-
const weekCornersStyled = {};
|
|
31
|
-
/* need to handle setting all of the corners on arbitrarily shaped blobs
|
|
32
|
-
__
|
|
33
|
-
__|A |
|
|
34
|
-
|B |C |__
|
|
35
|
-
|D |E |F |
|
|
36
|
-
in this case, A needs top left rounded, top right rounded
|
|
37
|
-
B needs top left rounded
|
|
38
|
-
C doesn't need any rounding
|
|
39
|
-
D needs bottom left rounded
|
|
40
|
-
E doesn't need any rounding
|
|
41
|
-
F needs top right rounding
|
|
42
|
-
*/ // cut off the animation transition weeks
|
|
43
|
-
const weeks = initialWeeks.slice(1, initialWeeks.length - 1);
|
|
44
|
-
// if there's an item above, lose both top corners. Item below, lose both bottom corners, etc.
|
|
45
|
-
weeks.forEach((week, weekIndex) => {
|
|
46
|
-
week.forEach((day, dayIndex) => {
|
|
47
|
-
const above = weeks[weekIndex - 1] && weeks[weekIndex - 1][dayIndex] && isInSameHoverRange(weeks[weekIndex - 1][dayIndex].originalDate, day.originalDate, weeks[weekIndex - 1][dayIndex].isSelected, day.isSelected);
|
|
48
|
-
const below = weeks[weekIndex + 1] && weeks[weekIndex + 1][dayIndex] && isInSameHoverRange(weeks[weekIndex + 1][dayIndex].originalDate, day.originalDate, weeks[weekIndex + 1][dayIndex].isSelected, day.isSelected);
|
|
49
|
-
const left = weeks[weekIndex][dayIndex - 1] && isInSameHoverRange(weeks[weekIndex][dayIndex - 1].originalDate, day.originalDate, weeks[weekIndex][dayIndex - 1].isSelected, day.isSelected);
|
|
50
|
-
const right = weeks[weekIndex][dayIndex + 1] && isInSameHoverRange(weeks[weekIndex][dayIndex + 1].originalDate, day.originalDate, weeks[weekIndex][dayIndex + 1].isSelected, day.isSelected);
|
|
51
|
-
weekCornersStyled[weekIndex + '_' + dayIndex] = calculateRoundedStyles(above, below, left, right);
|
|
52
|
-
});
|
|
53
|
-
});
|
|
54
|
-
return weekCornersStyled;
|
|
55
|
-
};
|
|
56
|
-
const calculateRoundedStyles = (above, below, left, right) => {
|
|
57
|
-
const style = [];
|
|
58
|
-
const roundedTopLeft = !above && !left;
|
|
59
|
-
const roundedTopRight = !above && !right;
|
|
60
|
-
const roundedBottomLeft = !below && !left;
|
|
61
|
-
const roundedBottomRight = !below && !right;
|
|
62
|
-
if (roundedTopLeft) {
|
|
63
|
-
style.push(dir === 'rtl' ? weekCornersClassNames.topRightCornerDate : weekCornersClassNames.topLeftCornerDate);
|
|
64
|
-
}
|
|
65
|
-
if (roundedTopRight) {
|
|
66
|
-
style.push(dir === 'rtl' ? weekCornersClassNames.topLeftCornerDate : weekCornersClassNames.topRightCornerDate);
|
|
67
|
-
}
|
|
68
|
-
if (roundedBottomLeft) {
|
|
69
|
-
style.push(dir === 'rtl' ? weekCornersClassNames.bottomRightCornerDate : weekCornersClassNames.bottomLeftCornerDate);
|
|
70
|
-
}
|
|
71
|
-
if (roundedBottomRight) {
|
|
72
|
-
style.push(dir === 'rtl' ? weekCornersClassNames.bottomLeftCornerDate : weekCornersClassNames.bottomRightCornerDate);
|
|
73
|
-
}
|
|
74
|
-
return mergeClasses(...style);
|
|
75
|
-
};
|
|
76
|
-
const isInSameHoverRange = (date1, date2, date1Selected, date2Selected) => {
|
|
77
|
-
const {
|
|
78
|
-
dateRangeType,
|
|
79
|
-
firstDayOfWeek,
|
|
80
|
-
workWeekDays
|
|
81
|
-
} = props;
|
|
82
|
-
// The hover state looks weird with non-contiguous days in work week view. In work week, show week hover state
|
|
83
|
-
const dateRangeHoverType = dateRangeType === DateRangeType.WorkWeek ? DateRangeType.Week : dateRangeType;
|
|
84
|
-
// we do not pass daysToSelectInDayView because we handle setting those styles dyanamically in onMouseOver
|
|
85
|
-
const dateRange = getDateRangeArray(date1, dateRangeHoverType, firstDayOfWeek, workWeekDays);
|
|
86
|
-
if (date1Selected !== date2Selected) {
|
|
87
|
-
// if one is selected and the other is not, they can't be in the same range
|
|
88
|
-
return false;
|
|
89
|
-
} else if (date1Selected && date2Selected) {
|
|
90
|
-
// if they're both selected at the same time they must be in the same range
|
|
91
|
-
return true;
|
|
92
|
-
}
|
|
93
|
-
// otherwise, both must be unselected, so check the dateRange
|
|
94
|
-
return dateRange.filter(date => date.getTime() === date2.getTime()).length > 0;
|
|
95
|
-
};
|
|
96
|
-
return [getWeekCornerStyles, calculateRoundedStyles];
|
|
97
|
-
}
|
|
98
|
-
//# sourceMappingURL=useWeekCornerStyles.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["useFluent_unstable","mergeClasses","DateRangeType","getDateRangeArray","weekCornersClassNames","topRightCornerDate","topLeftCornerDate","bottomRightCornerDate","bottomLeftCornerDate","useWeekCornerStyles","props","dir","getWeekCornerStyles","initialWeeks","weekCornersStyled","weeks","slice","length","forEach","week","weekIndex","day","dayIndex","above","isInSameHoverRange","originalDate","isSelected","below","left","right","calculateRoundedStyles","style","roundedTopLeft","roundedTopRight","roundedBottomLeft","roundedBottomRight","push","date1","date2","date1Selected","date2Selected","dateRangeType","firstDayOfWeek","workWeekDays","dateRangeHoverType","WorkWeek","Week","dateRange","filter","date","getTime"],"sources":["useWeekCornerStyles.styles.js"],"sourcesContent":["import { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { mergeClasses } from '@griffel/react';\nimport { DateRangeType } from '../../utils/constants';\nimport { getDateRangeArray } from '../../utils/index';\n/**\n * @internal\n */ export const weekCornersClassNames = {\n topRightCornerDate: 'fui-CalendarDayGrid__topRightCornerDate',\n topLeftCornerDate: 'fui-CalendarDayGrid__topLeftCornerDate',\n bottomRightCornerDate: 'fui-CalendarDayGrid__bottomRightCornerDate',\n bottomLeftCornerDate: 'fui-CalendarDayGrid__bottomLeftCornerDate'\n};\n/**\n * @internal\n */ export function useWeekCornerStyles(props) {\n const { dir } = useFluent_unstable();\n /**\n *\n * Section for setting the rounded corner styles on individual day cells. Individual day cells need different\n * corners to be rounded depending on which date range type and where the cell is located in the current grid.\n * If we just round all of the corners, there isn't a good overlap and we get gaps between contiguous day boxes\n * in Edge browser.\n *\n */ const getWeekCornerStyles = (initialWeeks)=>{\n const weekCornersStyled = {};\n /* need to handle setting all of the corners on arbitrarily shaped blobs\n __\n __|A |\n |B |C |__\n |D |E |F |\n\n in this case, A needs top left rounded, top right rounded\n B needs top left rounded\n C doesn't need any rounding\n D needs bottom left rounded\n E doesn't need any rounding\n F needs top right rounding\n */ // cut off the animation transition weeks\n const weeks = initialWeeks.slice(1, initialWeeks.length - 1);\n // if there's an item above, lose both top corners. Item below, lose both bottom corners, etc.\n weeks.forEach((week, weekIndex)=>{\n week.forEach((day, dayIndex)=>{\n const above = weeks[weekIndex - 1] && weeks[weekIndex - 1][dayIndex] && isInSameHoverRange(weeks[weekIndex - 1][dayIndex].originalDate, day.originalDate, weeks[weekIndex - 1][dayIndex].isSelected, day.isSelected);\n const below = weeks[weekIndex + 1] && weeks[weekIndex + 1][dayIndex] && isInSameHoverRange(weeks[weekIndex + 1][dayIndex].originalDate, day.originalDate, weeks[weekIndex + 1][dayIndex].isSelected, day.isSelected);\n const left = weeks[weekIndex][dayIndex - 1] && isInSameHoverRange(weeks[weekIndex][dayIndex - 1].originalDate, day.originalDate, weeks[weekIndex][dayIndex - 1].isSelected, day.isSelected);\n const right = weeks[weekIndex][dayIndex + 1] && isInSameHoverRange(weeks[weekIndex][dayIndex + 1].originalDate, day.originalDate, weeks[weekIndex][dayIndex + 1].isSelected, day.isSelected);\n weekCornersStyled[weekIndex + '_' + dayIndex] = calculateRoundedStyles(above, below, left, right);\n });\n });\n return weekCornersStyled;\n };\n const calculateRoundedStyles = (above, below, left, right)=>{\n const style = [];\n const roundedTopLeft = !above && !left;\n const roundedTopRight = !above && !right;\n const roundedBottomLeft = !below && !left;\n const roundedBottomRight = !below && !right;\n if (roundedTopLeft) {\n style.push(dir === 'rtl' ? weekCornersClassNames.topRightCornerDate : weekCornersClassNames.topLeftCornerDate);\n }\n if (roundedTopRight) {\n style.push(dir === 'rtl' ? weekCornersClassNames.topLeftCornerDate : weekCornersClassNames.topRightCornerDate);\n }\n if (roundedBottomLeft) {\n style.push(dir === 'rtl' ? weekCornersClassNames.bottomRightCornerDate : weekCornersClassNames.bottomLeftCornerDate);\n }\n if (roundedBottomRight) {\n style.push(dir === 'rtl' ? weekCornersClassNames.bottomLeftCornerDate : weekCornersClassNames.bottomRightCornerDate);\n }\n return mergeClasses(...style);\n };\n const isInSameHoverRange = (date1, date2, date1Selected, date2Selected)=>{\n const { dateRangeType, firstDayOfWeek, workWeekDays } = props;\n // The hover state looks weird with non-contiguous days in work week view. In work week, show week hover state\n const dateRangeHoverType = dateRangeType === DateRangeType.WorkWeek ? DateRangeType.Week : dateRangeType;\n // we do not pass daysToSelectInDayView because we handle setting those styles dyanamically in onMouseOver\n const dateRange = getDateRangeArray(date1, dateRangeHoverType, firstDayOfWeek, workWeekDays);\n if (date1Selected !== date2Selected) {\n // if one is selected and the other is not, they can't be in the same range\n return false;\n } else if (date1Selected && date2Selected) {\n // if they're both selected at the same time they must be in the same range\n return true;\n }\n // otherwise, both must be unselected, so check the dateRange\n return dateRange.filter((date)=>date.getTime() === date2.getTime()).length > 0;\n };\n return [\n getWeekCornerStyles,\n calculateRoundedStyles\n ];\n}\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,iCAAiC;AACpE,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,iBAAiB,QAAQ,mBAAmB;AACrD;AACA;AACA;AAAI,OAAO,MAAMC,qBAAqB,GAAG;EACrCC,kBAAkB,EAAE,yCAAyC;EAC7DC,iBAAiB,EAAE,wCAAwC;EAC3DC,qBAAqB,EAAE,4CAA4C;EACnEC,oBAAoB,EAAE;AAC1B,CAAC;AACD;AACA;AACA;AAAI,OAAO,SAASC,mBAAmBA,CAACC,KAAK,EAAE;EAC3C,MAAM;IAAEC;EAAI,CAAC,GAAGX,kBAAkB,CAAC,CAAC;EACpC;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;EAAM,MAAMY,mBAAmB,GAAIC,YAAY,IAAG;IAC1C,MAAMC,iBAAiB,GAAG,CAAC,CAAC;IAC5B;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAXQ,CAYD;IACC,MAAMC,KAAK,GAAGF,YAAY,CAACG,KAAK,CAAC,CAAC,EAAEH,YAAY,CAACI,MAAM,GAAG,CAAC,CAAC;IAC5D;IACAF,KAAK,CAACG,OAAO,CAAC,CAACC,IAAI,EAAEC,SAAS,KAAG;MAC7BD,IAAI,CAACD,OAAO,CAAC,CAACG,GAAG,EAAEC,QAAQ,KAAG;QAC1B,MAAMC,KAAK,GAAGR,KAAK,CAACK,SAAS,GAAG,CAAC,CAAC,IAAIL,KAAK,CAACK,SAAS,GAAG,CAAC,CAAC,CAACE,QAAQ,CAAC,IAAIE,kBAAkB,CAACT,KAAK,CAACK,SAAS,GAAG,CAAC,CAAC,CAACE,QAAQ,CAAC,CAACG,YAAY,EAAEJ,GAAG,CAACI,YAAY,EAAEV,KAAK,CAACK,SAAS,GAAG,CAAC,CAAC,CAACE,QAAQ,CAAC,CAACI,UAAU,EAAEL,GAAG,CAACK,UAAU,CAAC;QACpN,MAAMC,KAAK,GAAGZ,KAAK,CAACK,SAAS,GAAG,CAAC,CAAC,IAAIL,KAAK,CAACK,SAAS,GAAG,CAAC,CAAC,CAACE,QAAQ,CAAC,IAAIE,kBAAkB,CAACT,KAAK,CAACK,SAAS,GAAG,CAAC,CAAC,CAACE,QAAQ,CAAC,CAACG,YAAY,EAAEJ,GAAG,CAACI,YAAY,EAAEV,KAAK,CAACK,SAAS,GAAG,CAAC,CAAC,CAACE,QAAQ,CAAC,CAACI,UAAU,EAAEL,GAAG,CAACK,UAAU,CAAC;QACpN,MAAME,IAAI,GAAGb,KAAK,CAACK,SAAS,CAAC,CAACE,QAAQ,GAAG,CAAC,CAAC,IAAIE,kBAAkB,CAACT,KAAK,CAACK,SAAS,CAAC,CAACE,QAAQ,GAAG,CAAC,CAAC,CAACG,YAAY,EAAEJ,GAAG,CAACI,YAAY,EAAEV,KAAK,CAACK,SAAS,CAAC,CAACE,QAAQ,GAAG,CAAC,CAAC,CAACI,UAAU,EAAEL,GAAG,CAACK,UAAU,CAAC;QAC3L,MAAMG,KAAK,GAAGd,KAAK,CAACK,SAAS,CAAC,CAACE,QAAQ,GAAG,CAAC,CAAC,IAAIE,kBAAkB,CAACT,KAAK,CAACK,SAAS,CAAC,CAACE,QAAQ,GAAG,CAAC,CAAC,CAACG,YAAY,EAAEJ,GAAG,CAACI,YAAY,EAAEV,KAAK,CAACK,SAAS,CAAC,CAACE,QAAQ,GAAG,CAAC,CAAC,CAACI,UAAU,EAAEL,GAAG,CAACK,UAAU,CAAC;QAC5LZ,iBAAiB,CAACM,SAAS,GAAG,GAAG,GAAGE,QAAQ,CAAC,GAAGQ,sBAAsB,CAACP,KAAK,EAAEI,KAAK,EAAEC,IAAI,EAAEC,KAAK,CAAC;MACrG,CAAC,CAAC;IACN,CAAC,CAAC;IACF,OAAOf,iBAAiB;EAC5B,CAAC;EACD,MAAMgB,sBAAsB,GAAGA,CAACP,KAAK,EAAEI,KAAK,EAAEC,IAAI,EAAEC,KAAK,KAAG;IACxD,MAAME,KAAK,GAAG,EAAE;IAChB,MAAMC,cAAc,GAAG,CAACT,KAAK,IAAI,CAACK,IAAI;IACtC,MAAMK,eAAe,GAAG,CAACV,KAAK,IAAI,CAACM,KAAK;IACxC,MAAMK,iBAAiB,GAAG,CAACP,KAAK,IAAI,CAACC,IAAI;IACzC,MAAMO,kBAAkB,GAAG,CAACR,KAAK,IAAI,CAACE,KAAK;IAC3C,IAAIG,cAAc,EAAE;MAChBD,KAAK,CAACK,IAAI,CAACzB,GAAG,KAAK,KAAK,GAAGP,qBAAqB,CAACC,kBAAkB,GAAGD,qBAAqB,CAACE,iBAAiB,CAAC;IAClH;IACA,IAAI2B,eAAe,EAAE;MACjBF,KAAK,CAACK,IAAI,CAACzB,GAAG,KAAK,KAAK,GAAGP,qBAAqB,CAACE,iBAAiB,GAAGF,qBAAqB,CAACC,kBAAkB,CAAC;IAClH;IACA,IAAI6B,iBAAiB,EAAE;MACnBH,KAAK,CAACK,IAAI,CAACzB,GAAG,KAAK,KAAK,GAAGP,qBAAqB,CAACG,qBAAqB,GAAGH,qBAAqB,CAACI,oBAAoB,CAAC;IACxH;IACA,IAAI2B,kBAAkB,EAAE;MACpBJ,KAAK,CAACK,IAAI,CAACzB,GAAG,KAAK,KAAK,GAAGP,qBAAqB,CAACI,oBAAoB,GAAGJ,qBAAqB,CAACG,qBAAqB,CAAC;IACxH;IACA,OAAON,YAAY,CAAC,GAAG8B,KAAK,CAAC;EACjC,CAAC;EACD,MAAMP,kBAAkB,GAAGA,CAACa,KAAK,EAAEC,KAAK,EAAEC,aAAa,EAAEC,aAAa,KAAG;IACrE,MAAM;MAAEC,aAAa;MAAEC,cAAc;MAAEC;IAAa,CAAC,GAAGjC,KAAK;IAC7D;IACA,MAAMkC,kBAAkB,GAAGH,aAAa,KAAKvC,aAAa,CAAC2C,QAAQ,GAAG3C,aAAa,CAAC4C,IAAI,GAAGL,aAAa;IACxG;IACA,MAAMM,SAAS,GAAG5C,iBAAiB,CAACkC,KAAK,EAAEO,kBAAkB,EAAEF,cAAc,EAAEC,YAAY,CAAC;IAC5F,IAAIJ,aAAa,KAAKC,aAAa,EAAE;MACjC;MACA,OAAO,KAAK;IAChB,CAAC,MAAM,IAAID,aAAa,IAAIC,aAAa,EAAE;MACvC;MACA,OAAO,IAAI;IACf;IACA;IACA,OAAOO,SAAS,CAACC,MAAM,CAAEC,IAAI,IAAGA,IAAI,CAACC,OAAO,CAAC,CAAC,KAAKZ,KAAK,CAACY,OAAO,CAAC,CAAC,CAAC,CAACjC,MAAM,GAAG,CAAC;EAClF,CAAC;EACD,OAAO,CACHL,mBAAmB,EACnBkB,sBAAsB,CACzB;AACL"}
|