@fullcalendar/theme-pulse 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 Monarch Theme
3
+
4
+ Display an event calendar with a Zen-like theme, with a pop of color.
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-pulse @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 pulseThemePlugin from '@fullcalendar/theme-pulse'
21
+ import dayGridPlugin from '@fullcalendar/daygrid'
22
+
23
+ import '@fullcalendar/core/skeleton.css'
24
+ import '@fullcalendar/theme-pulse/theme.css'
25
+ import '@fullcalendar/theme-pulse/palettes/red.css'
26
+
27
+ const calendarEl = document.getElementById('calendar')
28
+ const calendar = new Calendar(calendarEl, {
29
+ plugins: [pulseThemePlugin, 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,340 @@
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-pulse-vQz";
10
+ // outline
11
+ const outlineWidthClass = "fc-pulse-0Bj";
12
+ const outlineWidthFocusClass = "fc-pulse-uqo";
13
+ const outlineWidthGroupFocusClass = "fc-pulse-nPR";
14
+ const outlineOffsetClass = "fc-pulse-3Xj";
15
+ const outlineInsetClass = "fc-pulse-fFh";
16
+ const tertiaryOutlineColorClass = "fc-pulse-8qP";
17
+ const tertiaryOutlineFocusClass = `${outlineWidthFocusClass} ${tertiaryOutlineColorClass}`;
18
+ // shadows
19
+ const smallBoxShadowClass = "fc-pulse-XCS";
20
+ const largeBoxShadowClass = "fc-pulse-KdO";
21
+ // neutral buttons
22
+ const strongSolidPressableClass = core.joinClassNames("fc-pulse-X4o", "fc-pulse-V7v", "fc-pulse-08e");
23
+ const mutedHoverClass = "fc-pulse-OT5";
24
+ const mutedHoverPressableClass = `${mutedHoverClass} fc-pulse-wm1 fc-pulse-rQT`;
25
+ const faintHoverClass = "fc-pulse-Hc8";
26
+ const faintHoverPressableClass = `${faintHoverClass} fc-pulse-oJW fc-pulse-G9W`;
27
+ // controls
28
+ const selectedButtonClass = `fc-pulse-V8J fc-pulse-fhL ${largeBoxShadowClass} ${tertiaryOutlineFocusClass}`;
29
+ const unselectedButtonClass = `fc-pulse-qNi ${mutedHoverPressableClass} ${tertiaryOutlineFocusClass}`;
30
+ // primary *toolbar button*
31
+ const primaryClass = "fc-pulse-WBN fc-pulse-jv3";
32
+ const primaryPressableClass = `${primaryClass} fc-pulse-S3M fc-pulse-jnQ`;
33
+ const primaryButtonClass = `${primaryPressableClass} fc-pulse-d0j ${tertiaryOutlineFocusClass} ${outlineOffsetClass}`;
34
+ // secondary *toolbar button*
35
+ const secondaryPressableClass = "fc-pulse-EVd fc-pulse-JnV fc-pulse-bAi fc-pulse-s1M";
36
+ const secondaryButtonClass = `${secondaryPressableClass} ${tertiaryOutlineFocusClass} fc-pulse-07j`;
37
+ const secondaryButtonIconClass = "fc-pulse-XUJ fc-pulse-8tO fc-pulse-TLh fc-pulse-zfc";
38
+ // tertiary
39
+ const tertiaryClass = "fc-pulse-Lu4 fc-pulse-c79";
40
+ const tertiaryPressableClass = `${tertiaryClass} fc-pulse-Q9K fc-pulse-dpx fc-pulse-Lto`;
41
+ const tertiaryPressableGroupClass = `${tertiaryClass} fc-pulse-F4j fc-pulse-wy6 fc-pulse-Gjm`;
42
+ // interactive neutral foregrounds
43
+ const mutedFgPressableGroupClass = "fc-pulse-UnP fc-pulse-FdK fc-pulse-wBD";
44
+ // transparent resizer for mouse
45
+ const blockPointerResizerClass = "fc-pulse-1EY fc-pulse-pps fc-pulse-vs6";
46
+ const rowPointerResizerClass = `${blockPointerResizerClass} fc-pulse-AWB fc-pulse-hza`;
47
+ const columnPointerResizerClass = `${blockPointerResizerClass} fc-pulse-MaV fc-pulse-uuA`;
48
+ // circle resizer for touch
49
+ const blockTouchResizerClass = "fc-pulse-1EY fc-pulse-3wQ fc-pulse-wsy fc-pulse-lNM fc-pulse-aRD fc-pulse-AAA";
50
+ const rowTouchResizerClass = `${blockTouchResizerClass} fc-pulse-ERR fc-pulse-Dq8`;
51
+ const columnTouchResizerClass = `${blockTouchResizerClass} fc-pulse-1V6 fc-pulse-F99`;
52
+ const tallDayCellBottomClass = "fc-pulse-mhE";
53
+ const getShortDayCellBottomClass = (data) => core.joinClassNames(!data.isNarrow && "fc-pulse-84e");
54
+ const dayRowCommonClasses = {
55
+ /* Day Row > List-Item Event
56
+ ----------------------------------------------------------------------------------------------- */
57
+ listItemEventClass: (data) => core.joinClassNames("fc-pulse-Ika fc-pulse-7A6 fc-pulse-Fvv", data.isNarrow ? "fc-pulse-cKZ" : "fc-pulse-rVY", data.isSelected
58
+ ? "fc-pulse-LKt"
59
+ : data.isInteractive
60
+ ? mutedHoverPressableClass
61
+ : mutedHoverClass),
62
+ listItemEventInnerClass: (data) => core.joinClassNames("fc-pulse-dl1 fc-pulse-1sP fc-pulse-XpK fc-pulse-N2M", data.isNarrow
63
+ ? `fc-pulse-z5u ${xxsTextClass}`
64
+ : "fc-pulse-2rx fc-pulse-a3B"),
65
+ listItemEventTimeClass: (data) => core.joinClassNames(data.isNarrow ? "fc-pulse-F1o" : "fc-pulse-oQ2", "fc-pulse-NPw fc-pulse-TZ4 fc-pulse-pKG fc-pulse-1Zl"),
66
+ listItemEventTitleClass: (data) => core.joinClassNames(data.isNarrow ? "fc-pulse-F1o" : "fc-pulse-oQ2", "fc-pulse-1OT fc-pulse-TZ4 fc-pulse-pKG fc-pulse-OLq", data.timeText && "fc-pulse-IPx"),
67
+ /* Day Row > Row Event
68
+ ----------------------------------------------------------------------------------------------- */
69
+ rowEventClass: (data) => core.joinClassNames(data.isStart && (data.isNarrow ? "fc-pulse-Jzj" : "fc-pulse-Wga"), data.isEnd && (data.isNarrow ? "fc-pulse-3e1" : "fc-pulse-KYn")),
70
+ rowEventInnerClass: (data) => data.isNarrow ? "fc-pulse-z5u" : "fc-pulse-2rx",
71
+ /* Day Row > More-Link
72
+ ----------------------------------------------------------------------------------------------- */
73
+ rowMoreLinkClass: (data) => core.joinClassNames("fc-pulse-Ika fc-pulse-wsy fc-pulse-Fvv", data.isNarrow
74
+ ? `fc-pulse-cKZ fc-pulse-xkd ${mutedHoverPressableClass}`
75
+ : "fc-pulse-sI7 fc-pulse-rVY fc-pulse-d0j fc-pulse-LKt fc-pulse-8bo fc-pulse-QpP"),
76
+ rowMoreLinkInnerClass: (data) => core.joinClassNames(data.isNarrow
77
+ ? `fc-pulse-7A6 ${xxsTextClass}`
78
+ : "fc-pulse-KUX fc-pulse-a3B", "fc-pulse-EB5"),
79
+ };
80
+ var index = core.createPlugin({
81
+ name: "@fullcalendar/theme-pulse",
82
+ optionDefaults: {
83
+ className: "fc-pulse-V08 fc-pulse-R1q",
84
+ viewClass: `fc-pulse-Fvv fc-pulse-pKG fc-pulse-aRD fc-pulse-wsy fc-pulse-FMd ${smallBoxShadowClass}`,
85
+ /* Toolbar
86
+ --------------------------------------------------------------------------------------------- */
87
+ toolbarClass: (data) => core.joinClassNames("fc-pulse-dl1 fc-pulse-1sP fc-pulse-dNl fc-pulse-XpK fc-pulse-N2M fc-pulse-yth", data.borderlessX && "fc-pulse-Apf"),
88
+ toolbarSectionClass: "fc-pulse-yi0 fc-pulse-dl1 fc-pulse-1sP fc-pulse-XpK fc-pulse-yth",
89
+ toolbarTitleClass: "fc-pulse-AVD fc-pulse-DIS fc-pulse-EB5",
90
+ buttonGroupClass: (data) => core.joinClassNames("fc-pulse-z5u fc-pulse-Fvv fc-pulse-dl1 fc-pulse-1sP fc-pulse-XpK", data.isSelectGroup
91
+ ? "fc-pulse-ntj"
92
+ : `fc-pulse-7tK ${smallBoxShadowClass}`),
93
+ buttonClass: (data) => core.joinClassNames("fc-pulse-bCs fc-pulse-dl6 fc-pulse-dl1 fc-pulse-1sP fc-pulse-XpK fc-pulse-9yp fc-pulse-Z9U", data.isIconOnly ? "fc-pulse-Eaq" : "fc-pulse-KRz", data.inSelectGroup
94
+ ? core.joinClassNames("fc-pulse-Fvv", data.isSelected
95
+ ? selectedButtonClass
96
+ : core.joinClassNames(unselectedButtonClass, "fc-pulse-kWT fc-pulse-JIC fc-pulse-d0j"))
97
+ : core.joinClassNames("fc-pulse-wsy", !data.inGroup
98
+ ? "fc-pulse-Fvv"
99
+ : "fc-pulse-kWT fc-pulse-F5S fc-pulse-Bn0 fc-pulse-lFh", data.isPrimary
100
+ ? core.joinClassNames(primaryButtonClass, !data.inGroup && largeBoxShadowClass)
101
+ : core.joinClassNames(secondaryButtonClass, "fc-pulse-dck", !data.inGroup
102
+ ? `fc-pulse-7tK ${smallBoxShadowClass}`
103
+ : "fc-pulse-WWn fc-pulse-7NL"))),
104
+ buttons: {
105
+ prev: {
106
+ iconContent: () => chevronDown(core.joinClassNames(secondaryButtonIconClass, "fc-pulse-z44 fc-pulse-keW"))
107
+ },
108
+ next: {
109
+ iconContent: () => chevronDown(core.joinClassNames(secondaryButtonIconClass, "fc-pulse-KxI fc-pulse-ZW3"))
110
+ },
111
+ prevYear: {
112
+ iconContent: () => chevronsLeft(core.joinClassNames(secondaryButtonIconClass, "fc-pulse-asP"))
113
+ },
114
+ nextYear: {
115
+ iconContent: () => chevronsLeft(core.joinClassNames(secondaryButtonIconClass, "fc-pulse-jmT fc-pulse-jY6"))
116
+ },
117
+ },
118
+ /* Abstract Event
119
+ --------------------------------------------------------------------------------------------- */
120
+ eventShortHeight: 50,
121
+ eventColor: "var(--fc-pulse-event)",
122
+ eventContrastColor: "var(--fc-pulse-event-contrast)",
123
+ eventClass: (data) => core.joinClassNames(data.isSelected
124
+ ? core.joinClassNames(outlineWidthClass, data.isDragging && "fc-pulse-1kP")
125
+ : outlineWidthFocusClass, tertiaryOutlineColorClass),
126
+ /* Background Event
127
+ --------------------------------------------------------------------------------------------- */
128
+ backgroundEventColor: "var(--fc-pulse-background-event)",
129
+ backgroundEventClass: "fc-pulse-AhZ",
130
+ backgroundEventTitleClass: (data) => core.joinClassNames("fc-pulse-lMo fc-pulse-L1Y", (data.isNarrow || data.isShort)
131
+ ? `fc-pulse-iS4 ${xxsTextClass}`
132
+ : "fc-pulse-3N5 fc-pulse-a3B", "fc-pulse-EB5"),
133
+ /* List-Item Event
134
+ --------------------------------------------------------------------------------------------- */
135
+ listItemEventTitleClass: "fc-pulse-EB5",
136
+ listItemEventTimeClass: "fc-pulse-UnP",
137
+ /* Block Event
138
+ --------------------------------------------------------------------------------------------- */
139
+ blockEventClass: (data) => core.joinClassNames("fc-pulse-bCs fc-pulse-eYX fc-pulse-d0j fc-pulse-DO7 fc-pulse-YjJ fc-pulse-vwH fc-pulse-Frw", data.isInteractive && "fc-pulse-st8", (data.isDragging && !data.isSelected) && "fc-pulse-iTG"),
140
+ blockEventInnerClass: "fc-pulse-i9F fc-pulse-cfp",
141
+ blockEventTimeClass: "fc-pulse-TZ4 fc-pulse-pKG fc-pulse-1Zl",
142
+ blockEventTitleClass: "fc-pulse-TZ4 fc-pulse-pKG fc-pulse-OLq",
143
+ /* Row Event
144
+ --------------------------------------------------------------------------------------------- */
145
+ rowEventClass: (data) => core.joinClassNames("fc-pulse-Ika fc-pulse-JIC", data.isStart && "fc-pulse-kmj fc-pulse-3J4", data.isEnd && "fc-pulse-Skl fc-pulse-USt"),
146
+ rowEventBeforeClass: (data) => core.joinClassNames(data.isStartResizable && core.joinClassNames(data.isSelected ? rowTouchResizerClass : rowPointerResizerClass, "fc-pulse-11a")),
147
+ rowEventAfterClass: (data) => core.joinClassNames(data.isEndResizable && core.joinClassNames(data.isSelected ? rowTouchResizerClass : rowPointerResizerClass, "fc-pulse-Tuc")),
148
+ rowEventInnerClass: (data) => core.joinClassNames("fc-pulse-dl1 fc-pulse-1sP fc-pulse-XpK", data.isNarrow ? xxsTextClass : "fc-pulse-a3B"),
149
+ rowEventTimeClass: (data) => (data.isNarrow ? "fc-pulse-a7i" : "fc-pulse-C2j"),
150
+ rowEventTitleClass: (data) => core.joinClassNames(data.isNarrow ? "fc-pulse-oQ2" : "fc-pulse-aCI", "fc-pulse-1OT"),
151
+ /* Column Event
152
+ --------------------------------------------------------------------------------------------- */
153
+ columnEventClass: (data) => core.joinClassNames("fc-pulse-1Wx fc-pulse-A3h fc-pulse-Y7n", data.isStart && core.joinClassNames("fc-pulse-ku3 fc-pulse-wko", data.isNarrow ? "fc-pulse-sEX" : "fc-pulse-6iV"), data.isEnd && core.joinClassNames("fc-pulse-zi1 fc-pulse-L2o", data.isNarrow ? "fc-pulse-Ika" : "fc-pulse-WdH")),
154
+ columnEventBeforeClass: (data) => core.joinClassNames(data.isStartResizable && core.joinClassNames(data.isSelected ? columnTouchResizerClass : columnPointerResizerClass, "fc-pulse-YDC")),
155
+ columnEventAfterClass: (data) => core.joinClassNames(data.isEndResizable && core.joinClassNames(data.isSelected ? columnTouchResizerClass : columnPointerResizerClass, "fc-pulse-fJL")),
156
+ columnEventInnerClass: (data) => core.joinClassNames("fc-pulse-dl1", data.isShort
157
+ ? "fc-pulse-1sP fc-pulse-XpK fc-pulse-NWN fc-pulse-iS4"
158
+ : core.joinClassNames("fc-pulse-sgX", data.isNarrow ? "fc-pulse-aCI fc-pulse-2rx" : "fc-pulse-Nca fc-pulse-Jhn"), (data.isNarrow || data.isShort) ? xxsTextClass : "fc-pulse-a3B"),
159
+ columnEventTimeClass: (data) => core.joinClassNames(!data.isShort && (data.isNarrow ? "fc-pulse-166" : "fc-pulse-4dx")),
160
+ columnEventTitleClass: (data) => core.joinClassNames(!data.isShort && (data.isNarrow ? "fc-pulse-2rx" : "fc-pulse-Jhn"), "fc-pulse-1OT"),
161
+ /* More-Link
162
+ --------------------------------------------------------------------------------------------- */
163
+ moreLinkClass: `${outlineWidthFocusClass} ${tertiaryOutlineColorClass}`,
164
+ moreLinkInnerClass: "fc-pulse-TZ4 fc-pulse-pKG",
165
+ columnMoreLinkClass: `fc-pulse-cJ3 fc-pulse-wsy fc-pulse-d0j fc-pulse-4MR fc-pulse-KzJ ${strongSolidPressableClass} fc-pulse-vwH fc-pulse-A3h fc-pulse-Y7n`,
166
+ columnMoreLinkInnerClass: (data) => core.joinClassNames(data.isNarrow
167
+ ? `fc-pulse-KUX ${xxsTextClass}`
168
+ : "fc-pulse-iS4 fc-pulse-a3B", "fc-pulse-EB5"),
169
+ /* Day Header
170
+ --------------------------------------------------------------------------------------------- */
171
+ dayHeaderClass: (data) => core.joinClassNames("fc-pulse-E9P", data.inPopover ? "fc-pulse-zi1 fc-pulse-FMd fc-pulse-Kwh" :
172
+ data.isMajor && "fc-pulse-wsy fc-pulse-dck"),
173
+ dayHeaderInnerClass: (data) => core.joinClassNames("fc-pulse-dl1 fc-pulse-1sP fc-pulse-XpK", data.isNarrow ? "fc-pulse-a3B" : "fc-pulse-9yp", data.inPopover ? core.joinClassNames("fc-pulse-cGD fc-pulse-aCI fc-pulse-2rx fc-pulse-Fvv fc-pulse-C8a", "fc-pulse-EB5", data.hasNavLink && mutedHoverPressableClass) : !data.dayNumberText ? core.joinClassNames("fc-pulse-cKZ fc-pulse-ckd fc-pulse-2rx fc-pulse-ZrE fc-pulse-Fvv", "fc-pulse-UnP", data.hasNavLink && mutedHoverPressableClass) : !data.isToday ? core.joinClassNames("fc-pulse-fn8 fc-pulse-60W fc-pulse-TFV fc-pulse-ZrE fc-pulse-Fvv", "fc-pulse-UnP", data.hasNavLink && mutedHoverPressableClass) : ("fc-pulse-bCs fc-pulse-fn8 fc-pulse-2tF fc-pulse-lIh fc-pulse-hS8")),
174
+ dayHeaderContent: (data) => ((data.inPopover || !data.dayNumberText || !data.isToday) ? (preact.createElement(preact.Fragment, null, data.text)) : (preact.createElement(preact.Fragment, null, data.textParts.map((textPart, i) => (preact.createElement("span", { key: i, className: core.joinClassNames("fc-pulse-jm6", (textPart.type === "day" && data.isToday)
175
+ ? core.joinClassNames("fc-pulse-YPX fc-pulse-mTY fc-pulse-IY5 fc-pulse-AAA fc-pulse-C8a", "fc-pulse-dl1 fc-pulse-1sP fc-pulse-XpK fc-pulse-E9P", data.hasNavLink
176
+ ? `${tertiaryPressableGroupClass} ${outlineWidthGroupFocusClass} ${outlineOffsetClass} ${tertiaryOutlineColorClass}`
177
+ : tertiaryClass)
178
+ : "fc-pulse-UnP") }, textPart.value)))))),
179
+ /* Day Cell
180
+ --------------------------------------------------------------------------------------------- */
181
+ dayCellClass: (data) => core.joinClassNames("fc-pulse-wsy", data.isMajor
182
+ ? "fc-pulse-dck"
183
+ : "fc-pulse-FMd"),
184
+ dayCellTopClass: (data) => core.joinClassNames(data.isNarrow ? "fc-pulse-84e" : "fc-pulse-p7s", "fc-pulse-dl1 fc-pulse-1sP fc-pulse-LMv"),
185
+ dayCellTopInnerClass: (data) => core.joinClassNames("fc-pulse-dl1 fc-pulse-1sP fc-pulse-XpK", data.isNarrow
186
+ ? `fc-pulse-SEP fc-pulse-oM6 ${xxsTextClass}`
187
+ : "fc-pulse-V9v fc-pulse-TFV fc-pulse-9yp", !data.isToday
188
+ ? core.joinClassNames("fc-pulse-kmj fc-pulse-TZ4", !data.isOther && "fc-pulse-C8a", data.isNarrow ? "fc-pulse-aCI" : "fc-pulse-Nca", data.monthText ? "fc-pulse-EB5" : "fc-pulse-UnP", data.hasNavLink && mutedHoverPressableClass)
189
+ : core.joinClassNames("fc-pulse-bCs fc-pulse-hS8", data.isNarrow
190
+ ? "fc-pulse-148"
191
+ : "fc-pulse-fn8")),
192
+ dayCellTopContent: (data) => (!data.isToday ? (preact.createElement(preact.Fragment, null, data.text)) : (preact.createElement(preact.Fragment, null, data.textParts.map((textPart, i) => (preact.createElement("span", { key: i, className: core.joinClassNames("fc-pulse-jm6", (textPart.type === "day" && data.isToday)
193
+ ? core.joinClassNames("fc-pulse-AAA fc-pulse-C8a", "fc-pulse-dl1 fc-pulse-1sP fc-pulse-XpK fc-pulse-E9P", data.isNarrow
194
+ ? "fc-pulse-XUJ"
195
+ : "fc-pulse-MSG fc-pulse-YPX fc-pulse-mTY", data.hasNavLink
196
+ ? `${tertiaryPressableGroupClass} ${outlineWidthGroupFocusClass} ${outlineOffsetClass} ${tertiaryOutlineColorClass}`
197
+ : tertiaryClass)
198
+ : (data.monthText ? "fc-pulse-EB5" : "fc-pulse-UnP")) }, textPart.value)))))),
199
+ dayCellInnerClass: (data) => core.joinClassNames(data.inPopover && "fc-pulse-3N5"),
200
+ /* Popover
201
+ --------------------------------------------------------------------------------------------- */
202
+ popoverClass: "fc-pulse-aRD fc-pulse-wsy fc-pulse-dck fc-pulse-Fvv fc-pulse-pKG fc-pulse-tkw fc-pulse-gMS fc-pulse-aNc fc-pulse-R1q",
203
+ popoverCloseClass: `fc-pulse-bCs fc-pulse-1EY fc-pulse-1b8 fc-pulse-Z42 fc-pulse-KUX fc-pulse-Fvv ${mutedHoverPressableClass} ${outlineWidthFocusClass} ${tertiaryOutlineColorClass} fc-pulse-Z9U`,
204
+ popoverCloseContent: () => x(`fc-pulse-XUJ ${mutedFgPressableGroupClass}`),
205
+ /* Lane
206
+ --------------------------------------------------------------------------------------------- */
207
+ dayLaneClass: (data) => core.joinClassNames("fc-pulse-wsy", data.isMajor ? "fc-pulse-dck" : "fc-pulse-FMd", data.isDisabled && "fc-pulse-Kwh"),
208
+ dayLaneInnerClass: (data) => (data.isStack
209
+ ? "fc-pulse-gMS"
210
+ : data.isNarrow ? "fc-pulse-148" : "fc-pulse-cKZ"),
211
+ slotLaneClass: (data) => core.joinClassNames("fc-pulse-wsy fc-pulse-FMd", data.isMinor && "fc-pulse-TN2"),
212
+ /* List Day
213
+ --------------------------------------------------------------------------------------------- */
214
+ listDayClass: "fc-pulse-SjM fc-pulse-dl1 fc-pulse-sgX",
215
+ listDayHeaderClass: "fc-pulse-zi1 fc-pulse-FMd fc-pulse-fpi fc-pulse-EB5 fc-pulse-dl1 fc-pulse-1sP fc-pulse-XpK fc-pulse-N2M",
216
+ listDayHeaderInnerClass: (data) => core.joinClassNames("fc-pulse-cGD fc-pulse-ZrE fc-pulse-2rx fc-pulse-Fvv fc-pulse-9yp", !data.level && "fc-pulse-C8a", (!data.level && data.isToday)
217
+ ? data.hasNavLink
218
+ ? core.joinClassNames(tertiaryPressableClass, outlineOffsetClass)
219
+ : tertiaryClass
220
+ : data.hasNavLink && mutedHoverPressableClass),
221
+ listDayEventsClass: "fc-pulse-Tse fc-pulse-FMd fc-pulse-ZrE fc-pulse-dl6 fc-pulse-tgZ",
222
+ /* Single Month (in Multi-Month)
223
+ --------------------------------------------------------------------------------------------- */
224
+ singleMonthClass: "fc-pulse-rUb",
225
+ singleMonthHeaderClass: (data) => core.joinClassNames(data.isSticky && "fc-pulse-zi1 fc-pulse-FMd fc-pulse-aRD", data.colCount > 1 ? "fc-pulse-lTO" : "fc-pulse-Jhn", "fc-pulse-XpK"),
226
+ singleMonthHeaderInnerClass: (data) => core.joinClassNames("fc-pulse-ZrE fc-pulse-2rx fc-pulse-Fvv fc-pulse-1Po fc-pulse-EB5 fc-pulse-C8a", data.hasNavLink && mutedHoverPressableClass),
227
+ /* Misc Table
228
+ --------------------------------------------------------------------------------------------- */
229
+ tableHeaderClass: (data) => core.joinClassNames(data.isSticky && "fc-pulse-aRD"),
230
+ fillerClass: "fc-pulse-wsy fc-pulse-FMd fc-pulse-lMo",
231
+ dayNarrowWidth: 100,
232
+ dayHeaderRowClass: "fc-pulse-wsy fc-pulse-FMd",
233
+ dayRowClass: "fc-pulse-wsy fc-pulse-FMd",
234
+ slotHeaderRowClass: "fc-pulse-wsy fc-pulse-FMd",
235
+ slotHeaderInnerClass: "fc-pulse-UnP",
236
+ /* Misc Content
237
+ --------------------------------------------------------------------------------------------- */
238
+ navLinkClass: `${outlineWidthFocusClass} ${tertiaryOutlineColorClass}`,
239
+ inlineWeekNumberClass: (data) => core.joinClassNames("fc-pulse-1EY fc-pulse-rbS fc-pulse-TZ4 fc-pulse-Skl fc-pulse-UnP", data.isNarrow
240
+ ? `fc-pulse-2ik fc-pulse-SEP fc-pulse-KUX ${xxsTextClass}`
241
+ : "fc-pulse-ZnE fc-pulse-iS4 fc-pulse-a3B", data.hasNavLink && mutedHoverPressableClass),
242
+ highlightClass: "fc-pulse-afe",
243
+ nonBusinessClass: "fc-pulse-Kwh",
244
+ nowIndicatorLineClass: "fc-pulse-CH7 fc-pulse-qQW fc-pulse-upi",
245
+ nowIndicatorDotClass: "fc-pulse-aAW fc-pulse-Vpk fc-pulse-upi fc-pulse-63n fc-pulse-AAA fc-pulse-GBJ fc-pulse-Y7n",
246
+ /* Resource Day Header
247
+ --------------------------------------------------------------------------------------------- */
248
+ resourceDayHeaderAlign: "center",
249
+ resourceDayHeaderClass: (data) => core.joinClassNames(data.isMajor && "fc-pulse-wsy fc-pulse-dck"),
250
+ resourceDayHeaderInnerClass: (data) => core.joinClassNames("fc-pulse-3N5 fc-pulse-dl1 fc-pulse-1sP fc-pulse-XpK fc-pulse-UnP", data.isNarrow ? "fc-pulse-a3B" : "fc-pulse-9yp"),
251
+ /* Resource Data Grid
252
+ --------------------------------------------------------------------------------------------- */
253
+ resourceColumnHeaderClass: "fc-pulse-wsy fc-pulse-FMd fc-pulse-E9P",
254
+ resourceColumnHeaderInnerClass: "fc-pulse-3N5 fc-pulse-EB5 fc-pulse-9yp",
255
+ resourceColumnResizerClass: "fc-pulse-1EY fc-pulse-AWB fc-pulse-4Tv fc-pulse-dnf",
256
+ resourceGroupHeaderClass: "fc-pulse-wsy fc-pulse-FMd fc-pulse-LKt",
257
+ resourceGroupHeaderInnerClass: "fc-pulse-3N5 fc-pulse-EB5 fc-pulse-9yp",
258
+ resourceCellClass: "fc-pulse-wsy fc-pulse-FMd",
259
+ resourceCellInnerClass: "fc-pulse-3N5 fc-pulse-EB5 fc-pulse-9yp",
260
+ resourceIndentClass: "fc-pulse-Wga fc-pulse-p9t fc-pulse-E9P",
261
+ resourceExpanderClass: `fc-pulse-bCs fc-pulse-KUX fc-pulse-Fvv ${mutedHoverPressableClass} ${outlineWidthFocusClass} ${tertiaryOutlineColorClass}`,
262
+ resourceExpanderContent: (data) => chevronDown(core.joinClassNames(`fc-pulse-XUJ ${mutedFgPressableGroupClass}`, !data.isExpanded && "fc-pulse-KxI fc-pulse-ZW3")),
263
+ resourceHeaderRowClass: "fc-pulse-wsy fc-pulse-FMd",
264
+ resourceRowClass: "fc-pulse-wsy fc-pulse-FMd",
265
+ resourceColumnDividerClass: "fc-pulse-USt fc-pulse-dck",
266
+ /* Timeline Lane
267
+ --------------------------------------------------------------------------------------------- */
268
+ resourceGroupLaneClass: "fc-pulse-wsy fc-pulse-FMd fc-pulse-LKt",
269
+ resourceLaneClass: "fc-pulse-wsy fc-pulse-FMd",
270
+ resourceLaneBottomClass: (data) => core.joinClassNames(data.options.eventOverlap && "fc-pulse-uuA"),
271
+ timelineBottomClass: "fc-pulse-uuA",
272
+ },
273
+ views: {
274
+ dayGrid: Object.assign(Object.assign({}, dayRowCommonClasses), { dayHeaderAlign: (data) => data.inPopover ? "start" : data.isNarrow ? "center" : "end", dayHeaderDividerClass: "fc-pulse-zi1 fc-pulse-FMd", dayCellBottomClass: getShortDayCellBottomClass }),
275
+ multiMonth: Object.assign(Object.assign({}, dayRowCommonClasses), { dayHeaderAlign: (data) => data.inPopover ? "start" : data.isNarrow ? "center" : "end", dayHeaderDividerClass: (data) => core.joinClassNames(data.isSticky && "fc-pulse-zi1 fc-pulse-FMd"), dayCellBottomClass: getShortDayCellBottomClass, viewClass: "fc-pulse-Kwh", tableBodyClass: "fc-pulse-wsy fc-pulse-FMd fc-pulse-aRD fc-pulse-Fvv fc-pulse-pKG" }),
276
+ timeGrid: Object.assign(Object.assign({}, dayRowCommonClasses), { dayHeaderAlign: (data) => data.inPopover ? "start" : "center", dayHeaderDividerClass: (data) => core.joinClassNames("fc-pulse-zi1", data.options.allDaySlot
277
+ ? "fc-pulse-FMd"
278
+ : "fc-pulse-dck fc-pulse-qNs"), dayCellBottomClass: tallDayCellBottomClass,
279
+ /* TimeGrid > Week Number Header
280
+ ------------------------------------------------------------------------------------------- */
281
+ weekNumberHeaderClass: "fc-pulse-XpK fc-pulse-LMv", weekNumberHeaderInnerClass: (data) => core.joinClassNames("fc-pulse-cKZ fc-pulse-TFV fc-pulse-ZrE fc-pulse-UnP fc-pulse-dl1 fc-pulse-1sP fc-pulse-XpK fc-pulse-Fvv", data.isNarrow ? "fc-pulse-a3B" : "fc-pulse-9yp", data.hasNavLink && mutedHoverPressableClass),
282
+ /* TimeGrid > All-Day Header
283
+ ------------------------------------------------------------------------------------------- */
284
+ allDayHeaderClass: "fc-pulse-XpK", allDayHeaderInnerClass: (data) => core.joinClassNames("fc-pulse-3N5 fc-pulse-UnP", data.isNarrow ? xxsTextClass : "fc-pulse-a3B"), allDayDividerClass: "fc-pulse-zi1 fc-pulse-dck fc-pulse-qNs",
285
+ /* TimeGrid > Slot Header
286
+ ------------------------------------------------------------------------------------------- */
287
+ slotHeaderClass: "fc-pulse-LMv", slotHeaderInnerClass: (data) => core.joinClassNames("fc-pulse-eYX fc-pulse-3N5", data.isNarrow
288
+ ? `fc-pulse-Cy2 ${xxsTextClass}`
289
+ : "fc-pulse-uqG fc-pulse-a3B", data.isFirst && "fc-pulse-pps"), slotHeaderDividerClass: "fc-pulse-USt fc-pulse-FMd" }),
290
+ list: {
291
+ /* List-View > List-Item Event
292
+ ------------------------------------------------------------------------------------------- */
293
+ listItemEventClass: (data) => core.joinClassNames("fc-pulse-bCs fc-pulse-Jhn fc-pulse-Fvv", data.isInteractive
294
+ ? core.joinClassNames(faintHoverPressableClass, outlineInsetClass)
295
+ : faintHoverClass),
296
+ listItemEventBeforeClass: "fc-pulse-5kF fc-pulse-YjJ fc-pulse-AAA",
297
+ listItemEventInnerClass: "fc-pulse-eF2",
298
+ listItemEventTimeClass: "fc-pulse-88I fc-pulse-yi0 fc-pulse-roZ fc-pulse-Cdk fc-pulse-KRz fc-pulse-dl6 fc-pulse-TZ4 fc-pulse-pKG fc-pulse-IPx fc-pulse-9yp",
299
+ listItemEventTitleClass: (data) => core.joinClassNames("fc-pulse-1El fc-pulse-2KU fc-pulse-KRz fc-pulse-dl6 fc-pulse-TZ4 fc-pulse-pKG fc-pulse-9yp", data.event.url && "fc-pulse-Ogp"),
300
+ /* No-Events Screen
301
+ ------------------------------------------------------------------------------------------- */
302
+ noEventsClass: "fc-pulse-1El fc-pulse-dl1 fc-pulse-sgX fc-pulse-XpK fc-pulse-E9P",
303
+ noEventsInnerClass: "fc-pulse-P9h",
304
+ },
305
+ timeline: {
306
+ /* Timeline > Row Event
307
+ ------------------------------------------------------------------------------------------- */
308
+ rowEventClass: (data) => core.joinClassNames(data.isEnd && "fc-pulse-9hC"),
309
+ rowEventInnerClass: (data) => data.options.eventOverlap ? "fc-pulse-Jhn" : "fc-pulse-dl6",
310
+ /* Timeline > More-Link
311
+ ------------------------------------------------------------------------------------------- */
312
+ rowMoreLinkClass: `fc-pulse-9hC fc-pulse-Ika fc-pulse-wsy fc-pulse-d0j fc-pulse-4MR fc-pulse-Fvv ${strongSolidPressableClass} fc-pulse-vwH`,
313
+ rowMoreLinkInnerClass: "fc-pulse-iS4 fc-pulse-EB5 fc-pulse-a3B",
314
+ /* Timeline > Slot Header
315
+ ------------------------------------------------------------------------------------------- */
316
+ slotHeaderAlign: (data) => data.isTime ? "start" : "center",
317
+ slotHeaderClass: (data) => core.joinClassNames(data.level > 0 && "fc-pulse-wsy fc-pulse-FMd", "fc-pulse-E9P"),
318
+ slotHeaderInnerClass: (data) => core.joinClassNames("fc-pulse-3N5 fc-pulse-9yp", data.isTime && core.joinClassNames("fc-pulse-eYX fc-pulse-4oC", data.isFirst && "fc-pulse-pps"), data.hasNavLink && "fc-pulse-Eu0"),
319
+ slotHeaderDividerClass: "fc-pulse-zi1 fc-pulse-dck fc-pulse-qNs",
320
+ },
321
+ },
322
+ });
323
+ /* SVGs
324
+ ------------------------------------------------------------------------------------------------- */
325
+ function chevronDown(className) {
326
+ 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" },
327
+ preact.createElement("polyline", { points: "6 9 12 15 18 9" }));
328
+ }
329
+ function chevronsLeft(className) {
330
+ 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" },
331
+ preact.createElement("polyline", { points: "11 17 6 12 11 7" }),
332
+ preact.createElement("polyline", { points: "18 17 13 12 18 7" }));
333
+ }
334
+ function x(className) {
335
+ 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" },
336
+ preact.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
337
+ preact.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" }));
338
+ }
339
+
340
+ 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 };