@fullcalendar/theme-classic 7.0.0-beta.5
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/LICENSE.md +22 -0
- package/README.md +45 -0
- package/cjs/index.cjs +303 -0
- package/esm/index.d.ts +6 -0
- package/esm/index.js +299 -0
- package/global.js +312 -0
- package/global.min.js +6 -0
- package/package.json +52 -0
- package/palette.css +53 -0
- package/theme.css +861 -0
- package/theme.min.css +1 -0
- package/theme.styles.js +30 -0
package/LICENSE.md
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2025 Adam Shaw
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining
|
|
6
|
+
a copy of this software and associated documentation files (the
|
|
7
|
+
"Software"), to deal in the Software without restriction, including
|
|
8
|
+
without limitation the rights to use, copy, modify, merge, publish,
|
|
9
|
+
distribute, sublicense, and/or sell copies of the Software, and to
|
|
10
|
+
permit persons to whom the Software is furnished to do so, subject to
|
|
11
|
+
the following conditions:
|
|
12
|
+
|
|
13
|
+
The above copyright notice and this permission notice shall be
|
|
14
|
+
included in all copies or substantial portions of the Software.
|
|
15
|
+
|
|
16
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
|
17
|
+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
|
18
|
+
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
|
19
|
+
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
|
20
|
+
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
|
21
|
+
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
|
22
|
+
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
|
|
2
|
+
# FullCalendar Classic Theme
|
|
3
|
+
|
|
4
|
+
Display an event calendar with FullCalendar's classic theme
|
|
5
|
+
|
|
6
|
+
## Installation
|
|
7
|
+
|
|
8
|
+
Install FullCalendar's core, the theme, and any other plugins you plan to use:
|
|
9
|
+
|
|
10
|
+
```sh
|
|
11
|
+
npm install @fullcalendar/core @fullcalendar/theme-classic @fullcalendar/daygrid
|
|
12
|
+
```
|
|
13
|
+
|
|
14
|
+
## Usage
|
|
15
|
+
|
|
16
|
+
Instantiate a Calendar with the necessary plugin:
|
|
17
|
+
|
|
18
|
+
```js
|
|
19
|
+
import { Calendar } from '@fullcalendar/core'
|
|
20
|
+
import classicThemePlugin from '@fullcalendar/theme-classic'
|
|
21
|
+
import dayGridPlugin from '@fullcalendar/daygrid'
|
|
22
|
+
|
|
23
|
+
import '@fullcalendar/core/skeleton.css'
|
|
24
|
+
import '@fullcalendar/theme-classic/theme.css'
|
|
25
|
+
import '@fullcalendar/theme-classic/palette.css'
|
|
26
|
+
|
|
27
|
+
const calendarEl = document.getElementById('calendar')
|
|
28
|
+
const calendar = new Calendar(calendarEl, {
|
|
29
|
+
plugins: [classicThemePlugin, dayGridPlugin],
|
|
30
|
+
initialView: 'dayGridMonth',
|
|
31
|
+
events: [
|
|
32
|
+
{ title: 'Meeting', start: new Date() }
|
|
33
|
+
]
|
|
34
|
+
})
|
|
35
|
+
|
|
36
|
+
calendar.render()
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
## Colors
|
|
40
|
+
|
|
41
|
+
Future docs will explain how to customize this theme's colors, as well as light/dark mode.
|
|
42
|
+
|
|
43
|
+
## React/Vue/Angular Usage
|
|
44
|
+
|
|
45
|
+
Future docs will explain how to use this theme with various front-end frameworks.
|
package/cjs/index.cjs
ADDED
|
@@ -0,0 +1,303 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var core = require('@fullcalendar/core');
|
|
6
|
+
var preact = require('@fullcalendar/core/preact');
|
|
7
|
+
|
|
8
|
+
// usually 11px font / 12px line-height
|
|
9
|
+
const xxsTextClass = "fc-classic-vQz";
|
|
10
|
+
// outline
|
|
11
|
+
const outlineWidthClass = "fc-classic-0Bj";
|
|
12
|
+
const outlineWidthFocusClass = "fc-classic-uqo";
|
|
13
|
+
const outlineOffsetClass = "fc-classic-3Xj";
|
|
14
|
+
const outlineInsetClass = "fc-classic-fFh";
|
|
15
|
+
const primaryOutlineColorClass = "fc-classic-zIi";
|
|
16
|
+
// neutral buttons
|
|
17
|
+
const strongSolidPressableClass = "fc-classic-BaR";
|
|
18
|
+
const mutedHoverClass = "fc-classic-4yP";
|
|
19
|
+
const mutedHoverPressableClass = `${mutedHoverClass} fc-classic-tCP fc-classic-8gz`;
|
|
20
|
+
const faintHoverClass = "fc-classic-Ubk";
|
|
21
|
+
const faintHoverPressableClass = `${faintHoverClass} fc-classic-OIx fc-classic-28F`;
|
|
22
|
+
const buttonIconClass = "fc-classic-XUJ";
|
|
23
|
+
// transparent resizer for mouse
|
|
24
|
+
const blockPointerResizerClass = "fc-classic-1EY fc-classic-pps fc-classic-vs6";
|
|
25
|
+
const rowPointerResizerClass = `${blockPointerResizerClass} fc-classic-AWB fc-classic-hza`;
|
|
26
|
+
const columnPointerResizerClass = `${blockPointerResizerClass} fc-classic-MaV fc-classic-uuA`;
|
|
27
|
+
// circle resizer for touch
|
|
28
|
+
const blockTouchResizerClass = "fc-classic-1EY fc-classic-3wQ fc-classic-wsy fc-classic-lNM fc-classic-Jk3 fc-classic-AAA";
|
|
29
|
+
const rowTouchResizerClass = `${blockTouchResizerClass} fc-classic-ERR fc-classic-Dq8`;
|
|
30
|
+
const columnTouchResizerClass = `${blockTouchResizerClass} fc-classic-1V6 fc-classic-F99`;
|
|
31
|
+
const getDayClass = (data) => core.joinClassNames("fc-classic-wsy", data.isMajor ? "fc-classic-C0k" : "fc-classic-C1x", data.isDisabled ? "fc-classic-iYS" :
|
|
32
|
+
data.isToday && "fc-classic-hbn");
|
|
33
|
+
const getSlotClass = (data) => core.joinClassNames("fc-classic-wsy fc-classic-C1x", data.isMinor && "fc-classic-TN2");
|
|
34
|
+
const dayRowCommonClasses = {
|
|
35
|
+
/* Day Row > List-Item Event
|
|
36
|
+
----------------------------------------------------------------------------------------------- */
|
|
37
|
+
listItemEventClass: (data) => core.joinClassNames("fc-classic-Ika fc-classic-7A6 fc-classic-Fvv", data.isNarrow ? "fc-classic-148" : "fc-classic-cKZ", data.isSelected
|
|
38
|
+
? core.joinClassNames("fc-classic-k3f", data.isDragging && "fc-classic-qNs")
|
|
39
|
+
: (data.isInteractive ? mutedHoverPressableClass : mutedHoverClass)),
|
|
40
|
+
listItemEventBeforeClass: (data) => core.joinClassNames("fc-classic-5JF", data.isNarrow ? "fc-classic-148" : "fc-classic-rVY"),
|
|
41
|
+
listItemEventInnerClass: (data) => core.joinClassNames("fc-classic-dl1 fc-classic-1sP fc-classic-XpK fc-classic-z5u fc-classic-aTF", data.isNarrow ? xxsTextClass : "fc-classic-a3B"),
|
|
42
|
+
listItemEventTimeClass: "fc-classic-F1o fc-classic-TZ4 fc-classic-pKG fc-classic-1Zl",
|
|
43
|
+
listItemEventTitleClass: "fc-classic-F1o fc-classic-DIS fc-classic-TZ4 fc-classic-pKG fc-classic-OLq",
|
|
44
|
+
/* Day Row > Row Event
|
|
45
|
+
----------------------------------------------------------------------------------------------- */
|
|
46
|
+
rowEventClass: (data) => core.joinClassNames(data.isStart && core.joinClassNames("fc-classic-kmj", data.isNarrow ? "fc-classic-qvL" : "fc-classic-Jzj"), data.isEnd && core.joinClassNames("fc-classic-Skl", data.isNarrow ? "fc-classic-9hC" : "fc-classic-3e1")),
|
|
47
|
+
rowEventInnerClass: "fc-classic-z5u fc-classic-aTF",
|
|
48
|
+
rowEventTimeClass: "fc-classic-F1o",
|
|
49
|
+
rowEventTitleClass: "fc-classic-F1o",
|
|
50
|
+
/* Day Row > More-Link
|
|
51
|
+
----------------------------------------------------------------------------------------------- */
|
|
52
|
+
rowMoreLinkClass: (data) => core.joinClassNames("fc-classic-Ika fc-classic-wsy fc-classic-Fvv", data.isNarrow
|
|
53
|
+
? "fc-classic-148 fc-classic-0Pr"
|
|
54
|
+
: "fc-classic-sI7 fc-classic-cKZ fc-classic-d0j", mutedHoverPressableClass),
|
|
55
|
+
rowMoreLinkInnerClass: (data) => core.joinClassNames("fc-classic-7A6", data.isNarrow ? xxsTextClass : "fc-classic-a3B"),
|
|
56
|
+
};
|
|
57
|
+
const expanderIconClass = "fc-classic-vnf fc-classic-mAY";
|
|
58
|
+
const continuationArrowClass = "fc-classic-rVY fc-classic-XM3 fc-classic-rif fc-classic-lMo";
|
|
59
|
+
var index = core.createPlugin({
|
|
60
|
+
name: "@fullcalendar/theme-classic",
|
|
61
|
+
optionDefaults: {
|
|
62
|
+
className: "fc-classic-yth fc-classic-R1q",
|
|
63
|
+
viewClass: "fc-classic-Jk3 fc-classic-wsy fc-classic-C1x",
|
|
64
|
+
/* Toolbar
|
|
65
|
+
--------------------------------------------------------------------------------------------- */
|
|
66
|
+
toolbarClass: (data) => core.joinClassNames("fc-classic-dl1 fc-classic-1sP fc-classic-dNl fc-classic-XpK fc-classic-N2M fc-classic-wwb", data.borderlessX && "fc-classic-Apf"),
|
|
67
|
+
toolbarSectionClass: "fc-classic-yi0 fc-classic-dl1 fc-classic-1sP fc-classic-XpK fc-classic-wwb",
|
|
68
|
+
toolbarTitleClass: "fc-classic-AVD fc-classic-DIS",
|
|
69
|
+
buttonGroupClass: "fc-classic-dl1 fc-classic-1sP fc-classic-XpK",
|
|
70
|
+
buttonClass: (data) => core.joinClassNames("fc-classic-dl6 fc-classic-1Wx fc-classic-dl1 fc-classic-1sP fc-classic-XpK fc-classic-sOR fc-classic-2e8 fc-classic-zmi fc-classic-jpf fc-classic-mtU fc-classic-BNb fc-classic-ETU fc-classic-vwH fc-classic-9yp fc-classic-U7B fc-classic-cfp fc-classic-Z9U", data.isIconOnly ? "fc-classic-Eaq" : "fc-classic-Apf", data.inGroup
|
|
71
|
+
? "fc-classic-uk6 fc-classic-Tuc"
|
|
72
|
+
: "fc-classic-Ig4", data.isSelected
|
|
73
|
+
? "fc-classic-FmQ fc-classic-nmg"
|
|
74
|
+
: "fc-classic-d0j fc-classic-GCI", data.isDisabled && "fc-classic-Q3Z fc-classic-3Lc"),
|
|
75
|
+
buttons: {
|
|
76
|
+
prev: {
|
|
77
|
+
iconContent: () => chevronLeft(`${buttonIconClass} fc-classic-asP`),
|
|
78
|
+
},
|
|
79
|
+
next: {
|
|
80
|
+
iconContent: () => chevronLeft(`${buttonIconClass} fc-classic-jmT fc-classic-jY6`),
|
|
81
|
+
},
|
|
82
|
+
prevYear: {
|
|
83
|
+
iconContent: () => chevronsLeft(`${buttonIconClass} fc-classic-asP`),
|
|
84
|
+
},
|
|
85
|
+
nextYear: {
|
|
86
|
+
iconContent: () => chevronsLeft(`${buttonIconClass} fc-classic-jmT fc-classic-jY6`),
|
|
87
|
+
},
|
|
88
|
+
},
|
|
89
|
+
/* Abstract Event
|
|
90
|
+
--------------------------------------------------------------------------------------------- */
|
|
91
|
+
eventColor: "var(--fc-classic-event)",
|
|
92
|
+
eventContrastColor: "var(--fc-classic-event-contrast)",
|
|
93
|
+
eventClass: (data) => core.joinClassNames(data.isSelected
|
|
94
|
+
? core.joinClassNames(outlineWidthClass, data.isDragging ? "fc-classic-1kP" : "fc-classic-tkw")
|
|
95
|
+
: outlineWidthFocusClass, primaryOutlineColorClass),
|
|
96
|
+
/* Background Event
|
|
97
|
+
--------------------------------------------------------------------------------------------- */
|
|
98
|
+
backgroundEventColor: "var(--fc-classic-background-event)",
|
|
99
|
+
backgroundEventClass: "fc-classic-AhZ",
|
|
100
|
+
backgroundEventTitleClass: (data) => core.joinClassNames("fc-classic-lMo fc-classic-L1Y", data.isNarrow
|
|
101
|
+
? `fc-classic-KUX ${xxsTextClass}`
|
|
102
|
+
: "fc-classic-XJa fc-classic-a3B"),
|
|
103
|
+
/* List-Item Event
|
|
104
|
+
--------------------------------------------------------------------------------------------- */
|
|
105
|
+
listItemEventClass: "fc-classic-XpK",
|
|
106
|
+
listItemEventBeforeClass: "fc-classic-lNM fc-classic-AAA",
|
|
107
|
+
/* Block Event
|
|
108
|
+
--------------------------------------------------------------------------------------------- */
|
|
109
|
+
blockEventClass: (data) => core.joinClassNames("fc-classic-bCs fc-classic-eYX fc-classic-d0j fc-classic-DO7 fc-classic-YjJ fc-classic-vwH", (data.isDragging && !data.isSelected) && "fc-classic-iTG", outlineOffsetClass),
|
|
110
|
+
blockEventInnerClass: "fc-classic-i9F fc-classic-cfp",
|
|
111
|
+
blockEventTimeClass: "fc-classic-TZ4 fc-classic-pKG fc-classic-1Zl",
|
|
112
|
+
blockEventTitleClass: "fc-classic-TZ4 fc-classic-pKG fc-classic-OLq",
|
|
113
|
+
/* Row Event
|
|
114
|
+
--------------------------------------------------------------------------------------------- */
|
|
115
|
+
rowEventClass: (data) => core.joinClassNames("fc-classic-Ika fc-classic-JIC", data.isStart && "fc-classic-3J4", data.isEnd && "fc-classic-USt"),
|
|
116
|
+
rowEventBeforeClass: (data) => core.joinClassNames(data.isStartResizable && core.joinClassNames(data.isSelected ? rowTouchResizerClass : rowPointerResizerClass, "fc-classic-11a")),
|
|
117
|
+
rowEventAfterClass: (data) => core.joinClassNames(data.isEndResizable && core.joinClassNames(data.isSelected ? rowTouchResizerClass : rowPointerResizerClass, "fc-classic-bEw")),
|
|
118
|
+
rowEventInnerClass: (data) => core.joinClassNames("fc-classic-dl1 fc-classic-1sP fc-classic-XpK", data.isNarrow ? xxsTextClass : "fc-classic-a3B"),
|
|
119
|
+
rowEventTimeClass: "fc-classic-DIS",
|
|
120
|
+
/* Column Event
|
|
121
|
+
--------------------------------------------------------------------------------------------- */
|
|
122
|
+
columnEventClass: (data) => core.joinClassNames("fc-classic-1Wx fc-classic-A3h fc-classic-yKG", data.isStart && "fc-classic-ku3 fc-classic-Z7Q", data.isEnd && "fc-classic-Ika fc-classic-zi1 fc-classic-2qh"),
|
|
123
|
+
columnEventBeforeClass: (data) => core.joinClassNames(data.isStartResizable && core.joinClassNames(data.isSelected ? columnTouchResizerClass : columnPointerResizerClass, "fc-classic-YDC")),
|
|
124
|
+
columnEventAfterClass: (data) => core.joinClassNames(data.isEndResizable && core.joinClassNames(data.isSelected ? columnTouchResizerClass : columnPointerResizerClass, "fc-classic-fJL")),
|
|
125
|
+
columnEventInnerClass: (data) => core.joinClassNames("fc-classic-dl1", data.isShort
|
|
126
|
+
? "fc-classic-KUX fc-classic-1sP fc-classic-XpK fc-classic-NWN"
|
|
127
|
+
: "fc-classic-oQ2 fc-classic-sgX"),
|
|
128
|
+
columnEventTimeClass: (data) => core.joinClassNames(!data.isShort && "fc-classic-166", xxsTextClass),
|
|
129
|
+
columnEventTitleClass: (data) => core.joinClassNames(!data.isShort && "fc-classic-2rx", (data.isShort || data.isNarrow) ? xxsTextClass : "fc-classic-a3B"),
|
|
130
|
+
/* More-Link
|
|
131
|
+
--------------------------------------------------------------------------------------------- */
|
|
132
|
+
moreLinkClass: `${outlineWidthFocusClass} ${primaryOutlineColorClass}`,
|
|
133
|
+
moreLinkInnerClass: "fc-classic-TZ4 fc-classic-pKG",
|
|
134
|
+
columnMoreLinkClass: `fc-classic-Ika fc-classic-Fvv fc-classic-wsy fc-classic-d0j fc-classic-4MR ${strongSolidPressableClass} fc-classic-vwH fc-classic-A3h fc-classic-yKG ${outlineOffsetClass}`,
|
|
135
|
+
columnMoreLinkInnerClass: (data) => core.joinClassNames("fc-classic-KUX", data.isNarrow ? xxsTextClass : "fc-classic-a3B"),
|
|
136
|
+
/* Day Header
|
|
137
|
+
--------------------------------------------------------------------------------------------- */
|
|
138
|
+
dayHeaderAlign: (data) => data.inPopover ? "start" : "center",
|
|
139
|
+
dayHeaderClass: (data) => core.joinClassNames("fc-classic-E9P", data.isDisabled && "fc-classic-iYS", data.inPopover
|
|
140
|
+
? "fc-classic-zi1 fc-classic-C1x fc-classic-k3f"
|
|
141
|
+
: core.joinClassNames("fc-classic-wsy", data.isMajor ? "fc-classic-C0k" : "fc-classic-C1x")),
|
|
142
|
+
dayHeaderInnerClass: (data) => core.joinClassNames("fc-classic-aCI fc-classic-2rx fc-classic-dl1 fc-classic-sgX", data.isNarrow ? xxsTextClass : "fc-classic-9yp"),
|
|
143
|
+
dayHeaderDividerClass: "fc-classic-zi1 fc-classic-C1x",
|
|
144
|
+
/* Day Cell
|
|
145
|
+
--------------------------------------------------------------------------------------------- */
|
|
146
|
+
dayCellClass: getDayClass,
|
|
147
|
+
dayCellTopClass: (data) => core.joinClassNames(data.isNarrow ? "fc-classic-toR" : "fc-classic-84e", "fc-classic-dl1 fc-classic-1sP fc-classic-LMv"),
|
|
148
|
+
dayCellTopInnerClass: (data) => core.joinClassNames("fc-classic-aCI fc-classic-TZ4", data.isNarrow
|
|
149
|
+
? `fc-classic-2rx ${xxsTextClass}`
|
|
150
|
+
: "fc-classic-Jhn fc-classic-9yp", data.isOther && "fc-classic-taq", data.monthText && "fc-classic-DIS"),
|
|
151
|
+
dayCellInnerClass: (data) => core.joinClassNames(data.inPopover && "fc-classic-3N5"),
|
|
152
|
+
/* Popover
|
|
153
|
+
--------------------------------------------------------------------------------------------- */
|
|
154
|
+
popoverClass: "fc-classic-Jk3 fc-classic-wsy fc-classic-C1x fc-classic-tkw fc-classic-aNc fc-classic-R1q",
|
|
155
|
+
popoverCloseClass: `fc-classic-bCs fc-classic-1EY fc-classic-2ik fc-classic-2w8 ${outlineWidthFocusClass} ${primaryOutlineColorClass} fc-classic-Z9U`,
|
|
156
|
+
popoverCloseContent: () => x("fc-classic-XUJ fc-classic-9yp fc-classic-mAY"),
|
|
157
|
+
/* Lane
|
|
158
|
+
--------------------------------------------------------------------------------------------- */
|
|
159
|
+
dayLaneClass: getDayClass,
|
|
160
|
+
dayLaneInnerClass: (data) => (data.isStack
|
|
161
|
+
? "fc-classic-gMS"
|
|
162
|
+
: data.isNarrow ? "fc-classic-148" : "fc-classic-Jzj fc-classic-B3G"),
|
|
163
|
+
slotLaneClass: getSlotClass,
|
|
164
|
+
/* List Day
|
|
165
|
+
--------------------------------------------------------------------------------------------- */
|
|
166
|
+
listDayHeaderClass: "fc-classic-zi1 fc-classic-C1x fc-classic-SDU fc-classic-dl1 fc-classic-1sP fc-classic-XpK fc-classic-N2M",
|
|
167
|
+
listDayHeaderInnerClass: "fc-classic-Apf fc-classic-dl6 fc-classic-9yp fc-classic-DIS",
|
|
168
|
+
/* Single Month (in Multi-Month)
|
|
169
|
+
--------------------------------------------------------------------------------------------- */
|
|
170
|
+
singleMonthClass: "fc-classic-jD5",
|
|
171
|
+
singleMonthHeaderClass: (data) => core.joinClassNames(data.isSticky && "fc-classic-zi1 fc-classic-C1x fc-classic-Jk3", data.colCount > 1 ? "fc-classic-cM0" : "fc-classic-dl6", "fc-classic-XpK"),
|
|
172
|
+
singleMonthHeaderInnerClass: "fc-classic-1Po fc-classic-DIS",
|
|
173
|
+
/* Misc Table
|
|
174
|
+
--------------------------------------------------------------------------------------------- */
|
|
175
|
+
tableHeaderClass: (data) => core.joinClassNames(data.isSticky && "fc-classic-Jk3"),
|
|
176
|
+
fillerClass: "fc-classic-wsy fc-classic-C1x fc-classic-lMo",
|
|
177
|
+
dayHeaderRowClass: "fc-classic-wsy fc-classic-C1x",
|
|
178
|
+
dayRowClass: "fc-classic-wsy fc-classic-C1x",
|
|
179
|
+
slotHeaderRowClass: "fc-classic-wsy fc-classic-C1x",
|
|
180
|
+
slotHeaderClass: getSlotClass,
|
|
181
|
+
/* Misc Content
|
|
182
|
+
--------------------------------------------------------------------------------------------- */
|
|
183
|
+
navLinkClass: `fc-classic-Eu0 ${outlineWidthFocusClass} ${outlineInsetClass} ${primaryOutlineColorClass}`,
|
|
184
|
+
inlineWeekNumberClass: (data) => core.joinClassNames("fc-classic-1EY fc-classic-n9G fc-classic-rbS fc-classic-C2g fc-classic-KUX fc-classic-HXA fc-classic-m9h fc-classic-k3f", data.isNarrow ? xxsTextClass : "fc-classic-9yp"),
|
|
185
|
+
nonBusinessClass: "fc-classic-iYS",
|
|
186
|
+
highlightClass: "fc-classic-hLU",
|
|
187
|
+
/* Resource Day Header
|
|
188
|
+
--------------------------------------------------------------------------------------------- */
|
|
189
|
+
resourceDayHeaderAlign: "center",
|
|
190
|
+
resourceDayHeaderClass: (data) => core.joinClassNames("fc-classic-wsy", data.isMajor ? "fc-classic-C0k" : "fc-classic-C1x"),
|
|
191
|
+
resourceDayHeaderInnerClass: (data) => core.joinClassNames("fc-classic-aCI fc-classic-2rx fc-classic-dl1 fc-classic-sgX", data.isNarrow ? xxsTextClass : "fc-classic-9yp"),
|
|
192
|
+
/* Resource Data Grid
|
|
193
|
+
--------------------------------------------------------------------------------------------- */
|
|
194
|
+
resourceColumnHeaderClass: "fc-classic-wsy fc-classic-C1x fc-classic-E9P",
|
|
195
|
+
resourceColumnHeaderInnerClass: "fc-classic-3N5 fc-classic-9yp",
|
|
196
|
+
resourceColumnResizerClass: "fc-classic-1EY fc-classic-AWB fc-classic-4Tv fc-classic-dnf",
|
|
197
|
+
resourceGroupHeaderClass: "fc-classic-wsy fc-classic-C1x fc-classic-k3f",
|
|
198
|
+
resourceGroupHeaderInnerClass: "fc-classic-3N5 fc-classic-9yp",
|
|
199
|
+
resourceCellClass: "fc-classic-wsy fc-classic-C1x",
|
|
200
|
+
resourceCellInnerClass: "fc-classic-3N5 fc-classic-9yp",
|
|
201
|
+
resourceIndentClass: "fc-classic-Mde fc-classic-kp0 fc-classic-E9P",
|
|
202
|
+
resourceExpanderClass: `fc-classic-bCs ${outlineWidthFocusClass} ${primaryOutlineColorClass}`,
|
|
203
|
+
resourceExpanderContent: (data) => data.isExpanded
|
|
204
|
+
? minusSquare(expanderIconClass)
|
|
205
|
+
: plusSquare(expanderIconClass),
|
|
206
|
+
resourceHeaderRowClass: "fc-classic-wsy fc-classic-C1x",
|
|
207
|
+
resourceRowClass: "fc-classic-wsy fc-classic-C1x",
|
|
208
|
+
resourceColumnDividerClass: "fc-classic-1Wx fc-classic-C1x fc-classic-a7i fc-classic-k3f",
|
|
209
|
+
/* Timeline Lane
|
|
210
|
+
--------------------------------------------------------------------------------------------- */
|
|
211
|
+
resourceGroupLaneClass: "fc-classic-wsy fc-classic-C1x fc-classic-k3f",
|
|
212
|
+
resourceLaneClass: "fc-classic-wsy fc-classic-C1x",
|
|
213
|
+
resourceLaneBottomClass: (data) => data.options.eventOverlap && "fc-classic-zrJ",
|
|
214
|
+
timelineBottomClass: "fc-classic-zrJ",
|
|
215
|
+
},
|
|
216
|
+
views: {
|
|
217
|
+
dayGrid: Object.assign(Object.assign({}, dayRowCommonClasses), { dayCellBottomClass: "fc-classic-toR" }),
|
|
218
|
+
multiMonth: Object.assign(Object.assign({}, dayRowCommonClasses), { dayCellBottomClass: "fc-classic-toR", tableClass: "fc-classic-wsy fc-classic-C1x" }),
|
|
219
|
+
timeGrid: Object.assign(Object.assign({}, dayRowCommonClasses), { dayCellBottomClass: "fc-classic-mhE",
|
|
220
|
+
/* TimeGrid > Week Number Header
|
|
221
|
+
------------------------------------------------------------------------------------------- */
|
|
222
|
+
weekNumberHeaderClass: "fc-classic-XpK fc-classic-LMv", weekNumberHeaderInnerClass: (data) => core.joinClassNames("fc-classic-aCI fc-classic-2rx", data.isNarrow ? xxsTextClass : "fc-classic-9yp"),
|
|
223
|
+
/* TimeGrid > All-Day Header
|
|
224
|
+
------------------------------------------------------------------------------------------- */
|
|
225
|
+
allDayHeaderClass: "fc-classic-XpK fc-classic-LMv", allDayHeaderInnerClass: (data) => core.joinClassNames("fc-classic-aCI fc-classic-dl6 fc-classic-jm6 fc-classic-2HE", data.isNarrow ? xxsTextClass : "fc-classic-9yp"), allDayDividerClass: "fc-classic-JIC fc-classic-C1x fc-classic-8ub fc-classic-k3f",
|
|
226
|
+
/* TimeGrid > Slot Header
|
|
227
|
+
------------------------------------------------------------------------------------------- */
|
|
228
|
+
slotHeaderClass: "fc-classic-LMv", slotHeaderInnerClass: (data) => core.joinClassNames("fc-classic-aCI fc-classic-2rx", data.isNarrow ? xxsTextClass : "fc-classic-9yp"), slotHeaderDividerClass: "fc-classic-USt fc-classic-C1x",
|
|
229
|
+
/* TimeGrid > Now-Indicator
|
|
230
|
+
------------------------------------------------------------------------------------------- */
|
|
231
|
+
nowIndicatorHeaderClass: "fc-classic-rbS fc-classic-a10 fc-classic-XM3 fc-classic-rif fc-classic-jIH fc-classic-0qY", nowIndicatorLineClass: "fc-classic-ku3 fc-classic-sYT" }),
|
|
232
|
+
list: {
|
|
233
|
+
/* List-View > List-Item Event
|
|
234
|
+
------------------------------------------------------------------------------------------- */
|
|
235
|
+
listItemEventClass: (data) => core.joinClassNames("fc-classic-bCs fc-classic-zi1 fc-classic-C1x fc-classic-Apf fc-classic-dl6 fc-classic-wwb", data.isInteractive
|
|
236
|
+
? core.joinClassNames(faintHoverPressableClass, outlineInsetClass)
|
|
237
|
+
: faintHoverClass),
|
|
238
|
+
listItemEventBeforeClass: "fc-classic-yDA",
|
|
239
|
+
listItemEventInnerClass: "fc-classic-eF2",
|
|
240
|
+
listItemEventTimeClass: "fc-classic-88I fc-classic-yi0 fc-classic-roZ fc-classic-kMV fc-classic-TZ4 fc-classic-pKG fc-classic-IPx fc-classic-9yp",
|
|
241
|
+
listItemEventTitleClass: (data) => core.joinClassNames("fc-classic-1El fc-classic-2KU fc-classic-TZ4 fc-classic-pKG fc-classic-9yp", data.event.url && "fc-classic-Ogp"),
|
|
242
|
+
/* No-Events Screen
|
|
243
|
+
------------------------------------------------------------------------------------------- */
|
|
244
|
+
noEventsClass: "fc-classic-k3f fc-classic-dl1 fc-classic-sgX fc-classic-XpK fc-classic-E9P",
|
|
245
|
+
noEventsInnerClass: "sticky fc-classic-jGI fc-classic-P9h",
|
|
246
|
+
},
|
|
247
|
+
timeline: {
|
|
248
|
+
/* Timeline > Row Event
|
|
249
|
+
------------------------------------------------------------------------------------------- */
|
|
250
|
+
rowEventClass: (data) => core.joinClassNames(data.isEnd && "fc-classic-9hC", "fc-classic-XpK"),
|
|
251
|
+
rowEventBeforeClass: (data) => (!data.isStartResizable && `${continuationArrowClass} fc-classic-Bda fc-classic-5JV`),
|
|
252
|
+
rowEventAfterClass: (data) => (!data.isEndResizable && `${continuationArrowClass} fc-classic-hhi fc-classic-LaM`),
|
|
253
|
+
rowEventInnerClass: (data) => (data.options.eventOverlap
|
|
254
|
+
? "fc-classic-2rx"
|
|
255
|
+
: "fc-classic-End"),
|
|
256
|
+
rowEventTimeClass: "fc-classic-oQ2",
|
|
257
|
+
rowEventTitleClass: "fc-classic-oQ2",
|
|
258
|
+
/* Timeline > More-Link
|
|
259
|
+
------------------------------------------------------------------------------------------- */
|
|
260
|
+
rowMoreLinkClass: `fc-classic-9hC fc-classic-Ika fc-classic-wsy fc-classic-d0j fc-classic-4MR ${strongSolidPressableClass} fc-classic-vwH`,
|
|
261
|
+
rowMoreLinkInnerClass: "fc-classic-KUX fc-classic-a3B",
|
|
262
|
+
/* Timeline > Slot Header
|
|
263
|
+
------------------------------------------------------------------------------------------- */
|
|
264
|
+
slotHeaderAlign: (data) => data.isTime ? "start" : "center",
|
|
265
|
+
slotHeaderClass: "fc-classic-E9P",
|
|
266
|
+
slotHeaderInnerClass: (data) => core.joinClassNames("fc-classic-3N5 fc-classic-9yp", data.hasNavLink && "fc-classic-Eu0"),
|
|
267
|
+
slotHeaderDividerClass: "fc-classic-zi1 fc-classic-C1x",
|
|
268
|
+
/* Timeline > Now-Indicator
|
|
269
|
+
------------------------------------------------------------------------------------------- */
|
|
270
|
+
nowIndicatorHeaderClass: "fc-classic-n9G fc-classic-J04 fc-classic-ybF fc-classic-Pqk fc-classic-bLA fc-classic-sYT",
|
|
271
|
+
nowIndicatorLineClass: "fc-classic-3J4 fc-classic-sYT",
|
|
272
|
+
},
|
|
273
|
+
}
|
|
274
|
+
});
|
|
275
|
+
/* SVGs
|
|
276
|
+
------------------------------------------------------------------------------------------------- */
|
|
277
|
+
function chevronLeft(className) {
|
|
278
|
+
return preact.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className, width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" },
|
|
279
|
+
preact.createElement("polyline", { points: "15 18 9 12 15 6" }));
|
|
280
|
+
}
|
|
281
|
+
function chevronsLeft(className) {
|
|
282
|
+
return preact.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className, width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" },
|
|
283
|
+
preact.createElement("polyline", { points: "11 17 6 12 11 7" }),
|
|
284
|
+
preact.createElement("polyline", { points: "18 17 13 12 18 7" }));
|
|
285
|
+
}
|
|
286
|
+
function x(className) {
|
|
287
|
+
return preact.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className, width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" },
|
|
288
|
+
preact.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
|
|
289
|
+
preact.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" }));
|
|
290
|
+
}
|
|
291
|
+
function plusSquare(className) {
|
|
292
|
+
return preact.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className, width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" },
|
|
293
|
+
preact.createElement("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
|
|
294
|
+
preact.createElement("line", { x1: "12", y1: "8", x2: "12", y2: "16" }),
|
|
295
|
+
preact.createElement("line", { x1: "8", y1: "12", x2: "16", y2: "12" }));
|
|
296
|
+
}
|
|
297
|
+
function minusSquare(className) {
|
|
298
|
+
return preact.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: className, width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" },
|
|
299
|
+
preact.createElement("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
|
|
300
|
+
preact.createElement("line", { x1: "8", y1: "12", x2: "16", y2: "12" }));
|
|
301
|
+
}
|
|
302
|
+
|
|
303
|
+
exports["default"] = index;
|