@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 +22 -0
- package/README.md +45 -0
- package/cjs/index.cjs +340 -0
- package/esm/index.d.ts +6 -0
- package/esm/index.js +336 -0
- package/global.js +349 -0
- package/global.min.js +6 -0
- package/package.json +55 -0
- package/palettes/blue.css +95 -0
- package/palettes/green.css +95 -0
- package/palettes/purple.css +90 -0
- package/palettes/red.css +95 -0
- package/theme.css +1030 -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 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;
|