aboutsummaryrefslogtreecommitdiff
path: root/public/js/fullcalendar/packages/list/index.global.js
diff options
context:
space:
mode:
Diffstat (limited to 'public/js/fullcalendar/packages/list/index.global.js')
-rw-r--r--public/js/fullcalendar/packages/list/index.global.js332
1 files changed, 0 insertions, 332 deletions
diff --git a/public/js/fullcalendar/packages/list/index.global.js b/public/js/fullcalendar/packages/list/index.global.js
deleted file mode 100644
index 930a554..0000000
--- a/public/js/fullcalendar/packages/list/index.global.js
+++ /dev/null
@@ -1,332 +0,0 @@
1/*!
2FullCalendar List View Plugin v6.1.17
3Docs & License: https://fullcalendar.io/docs/list-view
4(c) 2024 Adam Shaw
5*/
6FullCalendar.List = (function (exports, core, internal$1, preact) {
7 'use strict';
8
9 class ListViewHeaderRow extends internal$1.BaseComponent {
10 constructor() {
11 super(...arguments);
12 this.state = {
13 textId: internal$1.getUniqueDomId(),
14 };
15 }
16 render() {
17 let { theme, dateEnv, options, viewApi } = this.context;
18 let { cellId, dayDate, todayRange } = this.props;
19 let { textId } = this.state;
20 let dayMeta = internal$1.getDateMeta(dayDate, todayRange);
21 // will ever be falsy?
22 let text = options.listDayFormat ? dateEnv.format(dayDate, options.listDayFormat) : '';
23 // will ever be falsy? also, BAD NAME "alt"
24 let sideText = options.listDaySideFormat ? dateEnv.format(dayDate, options.listDaySideFormat) : '';
25 let renderProps = Object.assign({ date: dateEnv.toDate(dayDate), view: viewApi, textId,
26 text,
27 sideText, navLinkAttrs: internal$1.buildNavLinkAttrs(this.context, dayDate), sideNavLinkAttrs: internal$1.buildNavLinkAttrs(this.context, dayDate, 'day', false) }, dayMeta);
28 // TODO: make a reusable HOC for dayHeader (used in daygrid/timegrid too)
29 return (preact.createElement(internal$1.ContentContainer, { elTag: "tr", elClasses: [
30 'fc-list-day',
31 ...internal$1.getDayClassNames(dayMeta, theme),
32 ], elAttrs: {
33 'data-date': internal$1.formatDayString(dayDate),
34 }, renderProps: renderProps, generatorName: "dayHeaderContent", customGenerator: options.dayHeaderContent, defaultGenerator: renderInnerContent, classNameGenerator: options.dayHeaderClassNames, didMount: options.dayHeaderDidMount, willUnmount: options.dayHeaderWillUnmount }, (InnerContent) => ( // TODO: force-hide top border based on :first-child
35 preact.createElement("th", { scope: "colgroup", colSpan: 3, id: cellId, "aria-labelledby": textId },
36 preact.createElement(InnerContent, { elTag: "div", elClasses: [
37 'fc-list-day-cushion',
38 theme.getClass('tableCellShaded'),
39 ] })))));
40 }
41 }
42 function renderInnerContent(props) {
43 return (preact.createElement(preact.Fragment, null,
44 props.text && (preact.createElement("a", Object.assign({ id: props.textId, className: "fc-list-day-text" }, props.navLinkAttrs), props.text)),
45 props.sideText && ( /* not keyboard tabbable */preact.createElement("a", Object.assign({ "aria-hidden": true, className: "fc-list-day-side-text" }, props.sideNavLinkAttrs), props.sideText))));
46 }
47
48 const DEFAULT_TIME_FORMAT = internal$1.createFormatter({
49 hour: 'numeric',
50 minute: '2-digit',
51 meridiem: 'short',
52 });
53 class ListViewEventRow extends internal$1.BaseComponent {
54 render() {
55 let { props, context } = this;
56 let { options } = context;
57 let { seg, timeHeaderId, eventHeaderId, dateHeaderId } = props;
58 let timeFormat = options.eventTimeFormat || DEFAULT_TIME_FORMAT;
59 return (preact.createElement(internal$1.EventContainer, Object.assign({}, props, { elTag: "tr", elClasses: [
60 'fc-list-event',
61 seg.eventRange.def.url && 'fc-event-forced-url',
62 ], defaultGenerator: () => renderEventInnerContent(seg, context) /* weird */, seg: seg, timeText: "", disableDragging: true, disableResizing: true }), (InnerContent, eventContentArg) => (preact.createElement(preact.Fragment, null,
63 buildTimeContent(seg, timeFormat, context, timeHeaderId, dateHeaderId),
64 preact.createElement("td", { "aria-hidden": true, className: "fc-list-event-graphic" },
65 preact.createElement("span", { className: "fc-list-event-dot", style: {
66 borderColor: eventContentArg.borderColor || eventContentArg.backgroundColor,
67 } })),
68 preact.createElement(InnerContent, { elTag: "td", elClasses: ['fc-list-event-title'], elAttrs: { headers: `${eventHeaderId} ${dateHeaderId}` } })))));
69 }
70 }
71 function renderEventInnerContent(seg, context) {
72 let interactiveAttrs = internal$1.getSegAnchorAttrs(seg, context);
73 return (preact.createElement("a", Object.assign({}, interactiveAttrs), seg.eventRange.def.title));
74 }
75 function buildTimeContent(seg, timeFormat, context, timeHeaderId, dateHeaderId) {
76 let { options } = context;
77 if (options.displayEventTime !== false) {
78 let eventDef = seg.eventRange.def;
79 let eventInstance = seg.eventRange.instance;
80 let doAllDay = false;
81 let timeText;
82 if (eventDef.allDay) {
83 doAllDay = true;
84 }
85 else if (internal$1.isMultiDayRange(seg.eventRange.range)) { // TODO: use (!isStart || !isEnd) instead?
86 if (seg.isStart) {
87 timeText = internal$1.buildSegTimeText(seg, timeFormat, context, null, null, eventInstance.range.start, seg.end);
88 }
89 else if (seg.isEnd) {
90 timeText = internal$1.buildSegTimeText(seg, timeFormat, context, null, null, seg.start, eventInstance.range.end);
91 }
92 else {
93 doAllDay = true;
94 }
95 }
96 else {
97 timeText = internal$1.buildSegTimeText(seg, timeFormat, context);
98 }
99 if (doAllDay) {
100 let renderProps = {
101 text: context.options.allDayText,
102 view: context.viewApi,
103 };
104 return (preact.createElement(internal$1.ContentContainer, { elTag: "td", elClasses: ['fc-list-event-time'], elAttrs: {
105 headers: `${timeHeaderId} ${dateHeaderId}`,
106 }, renderProps: renderProps, generatorName: "allDayContent", customGenerator: options.allDayContent, defaultGenerator: renderAllDayInner, classNameGenerator: options.allDayClassNames, didMount: options.allDayDidMount, willUnmount: options.allDayWillUnmount }));
107 }
108 return (preact.createElement("td", { className: "fc-list-event-time" }, timeText));
109 }
110 return null;
111 }
112 function renderAllDayInner(renderProps) {
113 return renderProps.text;
114 }
115
116 /*
117 Responsible for the scroller, and forwarding event-related actions into the "grid".
118 */
119 class ListView extends internal$1.DateComponent {
120 constructor() {
121 super(...arguments);
122 this.computeDateVars = internal$1.memoize(computeDateVars);
123 this.eventStoreToSegs = internal$1.memoize(this._eventStoreToSegs);
124 this.state = {
125 timeHeaderId: internal$1.getUniqueDomId(),
126 eventHeaderId: internal$1.getUniqueDomId(),
127 dateHeaderIdRoot: internal$1.getUniqueDomId(),
128 };
129 this.setRootEl = (rootEl) => {
130 if (rootEl) {
131 this.context.registerInteractiveComponent(this, {
132 el: rootEl,
133 });
134 }
135 else {
136 this.context.unregisterInteractiveComponent(this);
137 }
138 };
139 }
140 render() {
141 let { props, context } = this;
142 let { dayDates, dayRanges } = this.computeDateVars(props.dateProfile);
143 let eventSegs = this.eventStoreToSegs(props.eventStore, props.eventUiBases, dayRanges);
144 return (preact.createElement(internal$1.ViewContainer, { elRef: this.setRootEl, elClasses: [
145 'fc-list',
146 context.theme.getClass('table'),
147 context.options.stickyHeaderDates !== false ?
148 'fc-list-sticky' :
149 '',
150 ], viewSpec: context.viewSpec },
151 preact.createElement(internal$1.Scroller, { liquid: !props.isHeightAuto, overflowX: props.isHeightAuto ? 'visible' : 'hidden', overflowY: props.isHeightAuto ? 'visible' : 'auto' }, eventSegs.length > 0 ?
152 this.renderSegList(eventSegs, dayDates) :
153 this.renderEmptyMessage())));
154 }
155 renderEmptyMessage() {
156 let { options, viewApi } = this.context;
157 let renderProps = {
158 text: options.noEventsText,
159 view: viewApi,
160 };
161 return (preact.createElement(internal$1.ContentContainer, { elTag: "div", elClasses: ['fc-list-empty'], renderProps: renderProps, generatorName: "noEventsContent", customGenerator: options.noEventsContent, defaultGenerator: renderNoEventsInner, classNameGenerator: options.noEventsClassNames, didMount: options.noEventsDidMount, willUnmount: options.noEventsWillUnmount }, (InnerContent) => (preact.createElement(InnerContent, { elTag: "div", elClasses: ['fc-list-empty-cushion'] }))));
162 }
163 renderSegList(allSegs, dayDates) {
164 let { theme, options } = this.context;
165 let { timeHeaderId, eventHeaderId, dateHeaderIdRoot } = this.state;
166 let segsByDay = groupSegsByDay(allSegs); // sparse array
167 return (preact.createElement(internal$1.NowTimer, { unit: "day" }, (nowDate, todayRange) => {
168 let innerNodes = [];
169 for (let dayIndex = 0; dayIndex < segsByDay.length; dayIndex += 1) {
170 let daySegs = segsByDay[dayIndex];
171 if (daySegs) { // sparse array, so might be undefined
172 let dayStr = internal$1.formatDayString(dayDates[dayIndex]);
173 let dateHeaderId = dateHeaderIdRoot + '-' + dayStr;
174 // append a day header
175 innerNodes.push(preact.createElement(ListViewHeaderRow, { key: dayStr, cellId: dateHeaderId, dayDate: dayDates[dayIndex], todayRange: todayRange }));
176 daySegs = internal$1.sortEventSegs(daySegs, options.eventOrder);
177 for (let seg of daySegs) {
178 innerNodes.push(preact.createElement(ListViewEventRow, Object.assign({ key: dayStr + ':' + seg.eventRange.instance.instanceId /* are multiple segs for an instanceId */, seg: seg, isDragging: false, isResizing: false, isDateSelecting: false, isSelected: false, timeHeaderId: timeHeaderId, eventHeaderId: eventHeaderId, dateHeaderId: dateHeaderId }, internal$1.getSegMeta(seg, todayRange, nowDate))));
179 }
180 }
181 }
182 return (preact.createElement("table", { className: 'fc-list-table ' + theme.getClass('table') },
183 preact.createElement("thead", null,
184 preact.createElement("tr", null,
185 preact.createElement("th", { scope: "col", id: timeHeaderId }, options.timeHint),
186 preact.createElement("th", { scope: "col", "aria-hidden": true }),
187 preact.createElement("th", { scope: "col", id: eventHeaderId }, options.eventHint))),
188 preact.createElement("tbody", null, innerNodes)));
189 }));
190 }
191 _eventStoreToSegs(eventStore, eventUiBases, dayRanges) {
192 return this.eventRangesToSegs(internal$1.sliceEventStore(eventStore, eventUiBases, this.props.dateProfile.activeRange, this.context.options.nextDayThreshold).fg, dayRanges);
193 }
194 eventRangesToSegs(eventRanges, dayRanges) {
195 let segs = [];
196 for (let eventRange of eventRanges) {
197 segs.push(...this.eventRangeToSegs(eventRange, dayRanges));
198 }
199 return segs;
200 }
201 eventRangeToSegs(eventRange, dayRanges) {
202 let { dateEnv } = this.context;
203 let { nextDayThreshold } = this.context.options;
204 let range = eventRange.range;
205 let allDay = eventRange.def.allDay;
206 let dayIndex;
207 let segRange;
208 let seg;
209 let segs = [];
210 for (dayIndex = 0; dayIndex < dayRanges.length; dayIndex += 1) {
211 segRange = internal$1.intersectRanges(range, dayRanges[dayIndex]);
212 if (segRange) {
213 seg = {
214 component: this,
215 eventRange,
216 start: segRange.start,
217 end: segRange.end,
218 isStart: eventRange.isStart && segRange.start.valueOf() === range.start.valueOf(),
219 isEnd: eventRange.isEnd && segRange.end.valueOf() === range.end.valueOf(),
220 dayIndex,
221 };
222 segs.push(seg);
223 // detect when range won't go fully into the next day,
224 // and mutate the latest seg to the be the end.
225 if (!seg.isEnd && !allDay &&
226 dayIndex + 1 < dayRanges.length &&
227 range.end <
228 dateEnv.add(dayRanges[dayIndex + 1].start, nextDayThreshold)) {
229 seg.end = range.end;
230 seg.isEnd = true;
231 break;
232 }
233 }
234 }
235 return segs;
236 }
237 }
238 function renderNoEventsInner(renderProps) {
239 return renderProps.text;
240 }
241 function computeDateVars(dateProfile) {
242 let dayStart = internal$1.startOfDay(dateProfile.renderRange.start);
243 let viewEnd = dateProfile.renderRange.end;
244 let dayDates = [];
245 let dayRanges = [];
246 while (dayStart < viewEnd) {
247 dayDates.push(dayStart);
248 dayRanges.push({
249 start: dayStart,
250 end: internal$1.addDays(dayStart, 1),
251 });
252 dayStart = internal$1.addDays(dayStart, 1);
253 }
254 return { dayDates, dayRanges };
255 }
256 // Returns a sparse array of arrays, segs grouped by their dayIndex
257 function groupSegsByDay(segs) {
258 let segsByDay = []; // sparse array
259 let i;
260 let seg;
261 for (i = 0; i < segs.length; i += 1) {
262 seg = segs[i];
263 (segsByDay[seg.dayIndex] || (segsByDay[seg.dayIndex] = []))
264 .push(seg);
265 }
266 return segsByDay;
267 }
268
269 const OPTION_REFINERS = {
270 listDayFormat: createFalsableFormatter,
271 listDaySideFormat: createFalsableFormatter,
272 noEventsClassNames: internal$1.identity,
273 noEventsContent: internal$1.identity,
274 noEventsDidMount: internal$1.identity,
275 noEventsWillUnmount: internal$1.identity,
276 // noEventsText is defined in base options
277 };
278 function createFalsableFormatter(input) {
279 return input === false ? null : internal$1.createFormatter(input);
280 }
281
282 var css_248z = ":root{--fc-list-event-dot-width:10px;--fc-list-event-hover-bg-color:#f5f5f5}.fc-theme-standard .fc-list{border:1px solid var(--fc-border-color)}.fc .fc-list-empty{align-items:center;background-color:var(--fc-neutral-bg-color);display:flex;height:100%;justify-content:center}.fc .fc-list-empty-cushion{margin:5em 0}.fc .fc-list-table{border-style:hidden;width:100%}.fc .fc-list-table tr>*{border-left:0;border-right:0}.fc .fc-list-sticky .fc-list-day>*{background:var(--fc-page-bg-color);position:sticky;top:0}.fc .fc-list-table thead{left:-10000px;position:absolute}.fc .fc-list-table tbody>tr:first-child th{border-top:0}.fc .fc-list-table th{padding:0}.fc .fc-list-day-cushion,.fc .fc-list-table td{padding:8px 14px}.fc .fc-list-day-cushion:after{clear:both;content:\"\";display:table}.fc-theme-standard .fc-list-day-cushion{background-color:var(--fc-neutral-bg-color)}.fc-direction-ltr .fc-list-day-text,.fc-direction-rtl .fc-list-day-side-text{float:left}.fc-direction-ltr .fc-list-day-side-text,.fc-direction-rtl .fc-list-day-text{float:right}.fc-direction-ltr .fc-list-table .fc-list-event-graphic{padding-right:0}.fc-direction-rtl .fc-list-table .fc-list-event-graphic{padding-left:0}.fc .fc-list-event.fc-event-forced-url{cursor:pointer}.fc .fc-list-event:hover td{background-color:var(--fc-list-event-hover-bg-color)}.fc .fc-list-event-graphic,.fc .fc-list-event-time{white-space:nowrap;width:1px}.fc .fc-list-event-dot{border:calc(var(--fc-list-event-dot-width)/2) solid var(--fc-event-border-color);border-radius:calc(var(--fc-list-event-dot-width)/2);box-sizing:content-box;display:inline-block;height:0;width:0}.fc .fc-list-event-title a{color:inherit;text-decoration:none}.fc .fc-list-event.fc-event-forced-url:hover a{text-decoration:underline}";
283 internal$1.injectStyles(css_248z);
284
285 var plugin = core.createPlugin({
286 name: '@fullcalendar/list',
287 optionRefiners: OPTION_REFINERS,
288 views: {
289 list: {
290 component: ListView,
291 buttonTextKey: 'list',
292 listDayFormat: { month: 'long', day: 'numeric', year: 'numeric' }, // like "January 1, 2016"
293 },
294 listDay: {
295 type: 'list',
296 duration: { days: 1 },
297 listDayFormat: { weekday: 'long' }, // day-of-week is all we need. full date is probably in headerToolbar
298 },
299 listWeek: {
300 type: 'list',
301 duration: { weeks: 1 },
302 listDayFormat: { weekday: 'long' },
303 listDaySideFormat: { month: 'long', day: 'numeric', year: 'numeric' },
304 },
305 listMonth: {
306 type: 'list',
307 duration: { month: 1 },
308 listDaySideFormat: { weekday: 'long' }, // day-of-week is nice-to-have
309 },
310 listYear: {
311 type: 'list',
312 duration: { year: 1 },
313 listDaySideFormat: { weekday: 'long' }, // day-of-week is nice-to-have
314 },
315 },
316 });
317
318 var internal = {
319 __proto__: null,
320 ListView: ListView
321 };
322
323 core.globalPlugins.push(plugin);
324
325 exports.Internal = internal;
326 exports["default"] = plugin;
327
328 Object.defineProperty(exports, '__esModule', { value: true });
329
330 return exports;
331
332})({}, FullCalendar, FullCalendar.Internal, FullCalendar.Preact);
generated by cgit v1.2.3 (git 2.25.1) at 2026-02-04 04:50:22 +0000