@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 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;
package/esm/index.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import { PluginDef } from '@fullcalendar/core';
2
+
3
+ declare const _default: PluginDef;
4
+ //# sourceMappingURL=index.d.ts.map
5
+
6
+ export { _default as default };