@fullcalendar/list 7.0.0-beta.4 → 7.0.0-beta.6

package/index.d.ts

@@ -1,27 +0,0 @@
-import { ClassNamesGenerator, FormatterInput, PluginDef } from '@fullcalendar/core';
-import { Identity, CustomContentGenerator, DidMountHandler, WillUnmountHandler, DateFormatter } from '@fullcalendar/core/internal';
-import { N as NoEventsContentArg, a as NoEventsMountArg } from './internal-common.js';
-export { N as NoEventsContentArg, a as NoEventsMountArg } from './internal-common.js';
-import '@fullcalendar/core/preact';
-
-declare const OPTION_REFINERS: {
-    listDayFormat: typeof createFalsableFormatter;
-    listDaySideFormat: typeof createFalsableFormatter;
-    noEventsClassNames: Identity<ClassNamesGenerator<NoEventsContentArg>>;
-    noEventsContent: Identity<CustomContentGenerator<NoEventsContentArg>>;
-    noEventsDidMount: Identity<DidMountHandler<NoEventsMountArg>>;
-    noEventsWillUnmount: Identity<WillUnmountHandler<NoEventsMountArg>>;
-};
-declare function createFalsableFormatter(input: FormatterInput | false): DateFormatter;
-
-type ExtraOptionRefiners = typeof OPTION_REFINERS;
-declare module '@fullcalendar/core/internal' {
-    interface BaseOptionRefiners extends ExtraOptionRefiners {
-    }
-}
-//# sourceMappingURL=ambient.d.ts.map
-
-declare const _default: PluginDef;
-//# sourceMappingURL=index.d.ts.map
-
-export { _default as default };

package/index.global.js

@@ -1,334 +0,0 @@
-/*!
-FullCalendar List View Plugin v7.0.0-beta.4
-Docs & License: https://fullcalendar.io/docs/list-view
-(c) 2024 Adam Shaw
-*/
-FullCalendar.List = (function (exports, core, internal$1, preact) {
-    'use strict';
-
-    class ListDayHeader extends internal$1.BaseComponent {
-        render() {
-            let { dateEnv, options, viewApi } = this.context;
-            let { dayDate, todayRange } = this.props;
-            let stickyHeaderDates = !this.props.forPrint && internal$1.getStickyHeaderDates(options);
-            let dayMeta = internal$1.getDateMeta(dayDate, todayRange);
-            // will ever be falsy?
-            let text = options.listDayFormat ? dateEnv.format(dayDate, options.listDayFormat) : '';
-            // will ever be falsy? also, BAD NAME "alt"
-            let sideText = options.listDaySideFormat ? dateEnv.format(dayDate, options.listDaySideFormat) : '';
-            let isNavLink = options.navLinks;
-            let renderProps = Object.assign({ date: dateEnv.toDate(dayDate), view: viewApi, text,
-                sideText, navLinkAttrs: isNavLink
-                    ? internal$1.buildNavLinkAttrs(this.context, dayDate, undefined, text)
-                    : {}, sideNavLinkAttrs: isNavLink
-                    // duplicate navLink, so does not need to be tabbable
-                    ? internal$1.buildNavLinkAttrs(this.context, dayDate, undefined, sideText, /* isTabbable = */ false)
-                    : {} }, dayMeta);
-            // TODO: make a reusable HOC for dayHeader (used in daygrid/timegrid too)
-            return (preact.createElement("div", { className: internal$1.joinClassNames('fc-list-day-outer', stickyHeaderDates && 'fc-list-day-outer-sticky') },
-                preact.createElement(internal$1.ContentContainer, { tag: "div", className: internal$1.joinClassNames('fc-list-day', internal$1.getDayClassName(dayMeta)), attrs: Object.assign({ 'data-date': internal$1.formatDayString(dayDate) }, (dayMeta.isToday ? { 'aria-current': 'date' } : {})), renderProps: renderProps, generatorName: "dayHeaderContent", customGenerator: options.dayHeaderContent, defaultGenerator: renderInnerContent, classNameGenerator: options.dayHeaderClassNames, didMount: options.dayHeaderDidMount, willUnmount: options.dayHeaderWillUnmount })));
-        }
-    }
-    function renderInnerContent(props) {
-        return (preact.createElement(preact.Fragment, null,
-            props.text && (preact.createElement("div", Object.assign({ className: "fc-list-day-text" }, props.navLinkAttrs), props.text)),
-            props.sideText && (preact.createElement("div", Object.assign({ className: "fc-list-day-side-text" }, props.sideNavLinkAttrs), props.sideText))));
-    }
-
-    const DEFAULT_TIME_FORMAT = internal$1.createFormatter({
-        hour: 'numeric',
-        minute: '2-digit',
-        meridiem: 'short',
-    });
-    class ListEvent extends internal$1.BaseComponent {
-        constructor() {
-            super(...arguments);
-            this.handleTitleEl = (titleEl) => {
-                if (this.disconnectTitleWidth) {
-                    this.disconnectTitleWidth();
-                }
-                if (titleEl) {
-                    this.disconnectTitleWidth = internal$1.watchWidth(titleEl, (titleWidth) => {
-                        internal$1.setRef(this.props.timeWidthRef, titleWidth);
-                    });
-                }
-            };
-        }
-        render() {
-            let { props, context } = this;
-            let { eventRange } = props;
-            let { options } = context;
-            let timeFormat = options.eventTimeFormat || DEFAULT_TIME_FORMAT;
-            let [tag, attrs] = internal$1.getEventTagAndAttrs(eventRange, context);
-            return (preact.createElement(internal$1.EventContainer, Object.assign({}, props, { tag: tag, attrs: Object.assign({ role: 'listitem' }, attrs), className: 'fc-list-event', defaultGenerator: renderEventTitleOnly, eventRange: eventRange, timeText: "", disableDragging: true, disableResizing: true }), (InnerContent, eventContentArg) => (preact.createElement(preact.Fragment, null,
-                preact.createElement("div", { className: 'fc-list-event-time-outer', style: { width: props.timeOuterWidth } }, this.buildTimeContent(eventRange, props.slicedStart, props.slicedEnd, props.isStart, props.isEnd, timeFormat, context)),
-                preact.createElement("div", { className: "fc-list-event-dot-outer" },
-                    preact.createElement("span", { className: "fc-list-event-dot", style: {
-                            borderColor: eventContentArg.borderColor || eventContentArg.backgroundColor,
-                        } })),
-                preact.createElement(InnerContent, { tag: "div", className: 'fc-list-event-title' })))));
-        }
-        buildTimeContent(eventRange, // whole-day span
-        slicedStart, // view-sliced whole-day span
-        slicedEnd, // view-sliced whole-day span
-        isStart, isEnd, timeFormat, context) {
-            let { options } = context;
-            if (options.displayEventTime !== false) {
-                if (eventRange.def.allDay || (!isStart && !isEnd)) {
-                    let renderProps = {
-                        text: context.options.allDayText,
-                        view: context.viewApi,
-                    };
-                    return (preact.createElement(internal$1.ContentContainer, { tag: "div", className: 'fc-list-event-time', renderProps: renderProps, elRef: this.handleTitleEl, generatorName: "allDayContent", customGenerator: options.allDayContent, defaultGenerator: renderAllDayInner, classNameGenerator: options.allDayClassNames, didMount: options.allDayDidMount, willUnmount: options.allDayWillUnmount }));
-                }
-                else {
-                    return (preact.createElement("div", { className: "fc-list-event-time", ref: this.handleTitleEl }, internal$1.buildEventRangeTimeText(timeFormat, eventRange, slicedStart, slicedEnd, isStart, isEnd, context)));
-                }
-            }
-            return null;
-        }
-        componentWillUnmount() {
-            internal$1.setRef(this.props.timeWidthRef, null);
-        }
-    }
-    function renderEventTitleOnly(renderProps) {
-        return renderProps.event.title;
-    }
-    function renderAllDayInner(renderProps) {
-        return renderProps.text;
-    }
-
-    class ListDay extends internal$1.BaseComponent {
-        constructor() {
-            super(...arguments);
-            // memo
-            this.sortEventSegs = internal$1.memoize(internal$1.sortEventSegs);
-            // ref
-            this.timeWidthRefMap = new internal$1.RefMap(() => {
-                internal$1.afterSize(this.handleTimeWidths);
-            });
-            this.handleTimeWidths = () => {
-                const timeWidthMap = this.timeWidthRefMap.current;
-                let max = 0;
-                for (const timeWidth of timeWidthMap.values()) {
-                    max = Math.max(max, timeWidth);
-                }
-                internal$1.setRef(this.props.timeWidthRef, max);
-            };
-        }
-        render() {
-            const { props, context, timeWidthRefMap } = this;
-            const { nowDate, todayRange } = props;
-            const { options } = context;
-            const segs = this.sortEventSegs(props.segs, options.eventOrder);
-            const fullDateStr = internal$1.buildDateStr(this.context, props.dayDate);
-            return (preact.createElement("div", { role: 'listitem', "aria-label": fullDateStr, className: 'fc-list-day-and-events' },
-                preact.createElement(ListDayHeader, { dayDate: props.dayDate, todayRange: todayRange, forPrint: props.forPrint }),
-                preact.createElement("div", { role: 'list', "aria-label": options.eventsHint }, segs.map((seg) => {
-                    const key = internal$1.getEventKey(seg);
-                    return (preact.createElement(ListEvent, Object.assign({ key: key, eventRange: seg.eventRange, slicedStart: seg.slicedStart, slicedEnd: seg.slicedEnd, isStart: seg.isStart, isEnd: seg.isEnd, timeWidthRef: timeWidthRefMap.createRef(key), timeOuterWidth: props.timeOuterWidth, isDragging: false, isResizing: false, isDateSelecting: false, isSelected: false }, internal$1.getEventRangeMeta(seg.eventRange, todayRange, nowDate))));
-                }))));
-        }
-        componentWillUnmount() {
-            internal$1.setRef(this.props.timeWidthRef, null);
-        }
-    }
-
-    /*
-    Responsible for the scroller, and forwarding event-related actions into the "grid".
-    */
-    class ListView extends internal$1.DateComponent {
-        constructor() {
-            super(...arguments);
-            // memo
-            this.computeDateVars = internal$1.memoize(computeDateVars);
-            this.eventStoreToSegs = internal$1.memoize(this._eventStoreToSegs);
-            // ref
-            this.timeWidthRefMap = new internal$1.RefMap(() => {
-                internal$1.afterSize(this.handleTimeWidths);
-            });
-            this.setRootEl = (rootEl) => {
-                if (rootEl) {
-                    this.context.registerInteractiveComponent(this, {
-                        el: rootEl,
-                        disableHits: true, // HACK to not do date-clicking/selecting
-                    });
-                }
-                else {
-                    this.context.unregisterInteractiveComponent(this);
-                }
-            };
-            this.handleTimeWidths = () => {
-                const timeWidthMap = this.timeWidthRefMap.current;
-                let max = 0;
-                for (const timeWidth of timeWidthMap.values()) {
-                    max = Math.max(max, timeWidth);
-                }
-                this.setState({ timeOuterWidth: max });
-            };
-        }
-        render() {
-            let { props, context } = this;
-            let { options } = context;
-            let { dayDates, dayRanges } = this.computeDateVars(props.dateProfile);
-            let eventSegs = this.eventStoreToSegs(props.eventStore, props.eventUiBases, dayRanges);
-            let verticalScrolling = !props.forPrint && !internal$1.getIsHeightAuto(options);
-            return (preact.createElement(internal$1.ViewContainer, { viewSpec: context.viewSpec, className: 'fc-list fc-flex-col fc-border', elRef: this.setRootEl },
-                preact.createElement(internal$1.Scroller // TODO: don't need heavyweight component
-                , { vertical: verticalScrolling, className: verticalScrolling ? 'fc-liquid' : '' },
-                    this.renderSegList(eventSegs, dayDates),
-                    !eventSegs.length && this.renderEmptyMessage())));
-        }
-        renderEmptyMessage() {
-            let { options, viewApi } = this.context;
-            let renderProps = {
-                text: options.noEventsText,
-                view: viewApi,
-            };
-            return (preact.createElement(internal$1.ContentContainer, { tag: "div", attrs: {
-                    role: 'status', // does a polite announcement
-                }, className: '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, { tag: "div", className: 'fc-list-empty-inner' }))));
-        }
-        renderSegList(allSegs, dayDates) {
-            let segsByDay = groupSegsByDay(allSegs); // sparse array
-            return (preact.createElement("div", { role: 'list', "aria-labelledby": this.props.labelId, "aria-label": this.props.labelStr },
-                preact.createElement(internal$1.NowTimer, { unit: "day" }, (nowDate, todayRange) => {
-                    const dayNodes = [];
-                    for (let dayIndex = 0; dayIndex < segsByDay.length; dayIndex += 1) {
-                        let daySegs = segsByDay[dayIndex];
-                        if (daySegs) { // sparse array, so might be undefined
-                            const dayDate = dayDates[dayIndex];
-                            const key = internal$1.formatDayString(dayDate);
-                            dayNodes.push(preact.createElement(ListDay, { key: key, dayDate: dayDate, nowDate: nowDate, todayRange: todayRange, segs: daySegs, forPrint: this.props.forPrint, timeWidthRef: this.timeWidthRefMap.createRef(key), timeOuterWidth: this.state.timeOuterWidth }));
-                        }
-                    }
-                    return (preact.createElement(preact.Fragment, null, dayNodes));
-                })));
-        }
-        _eventStoreToSegs(eventStore, eventUiBases, dayRanges) {
-            return this.eventRangesToSegs(internal$1.sliceEventStore(eventStore, eventUiBases, 
-            // HACKY to reference internal state...
-            this.props.dateProfile.activeRange, this.context.options.nextDayThreshold).fg, dayRanges);
-        }
-        eventRangesToSegs(fullDayEventRanges, dayRanges) {
-            let segs = [];
-            for (let fullDayEventRange of fullDayEventRanges) {
-                segs.push(...this.eventRangeToSegs(fullDayEventRange, dayRanges));
-            }
-            return segs;
-        }
-        eventRangeToSegs(fullDayEventRange, dayRanges) {
-            let fullDayRange = fullDayEventRange.range;
-            let dayIndex;
-            let segs = [];
-            for (dayIndex = 0; dayIndex < dayRanges.length; dayIndex += 1) {
-                const slicedFullDayRange = internal$1.intersectRanges(fullDayRange, dayRanges[dayIndex]);
-                if (slicedFullDayRange) {
-                    segs.push({
-                        eventRange: fullDayEventRange,
-                        slicedStart: slicedFullDayRange.start,
-                        slicedEnd: slicedFullDayRange.end,
-                        isStart: fullDayEventRange.isStart && fullDayRange.start.valueOf() === slicedFullDayRange.start.valueOf(),
-                        isEnd: fullDayEventRange.isEnd && fullDayRange.end.valueOf() === slicedFullDayRange.end.valueOf(),
-                        dayIndex,
-                    });
-                }
-            }
-            return segs;
-        }
-    }
-    function renderNoEventsInner(renderProps) {
-        return renderProps.text;
-    }
-    function computeDateVars(dateProfile) {
-        let dayStart = internal$1.startOfDay(dateProfile.renderRange.start);
-        let viewEnd = dateProfile.renderRange.end;
-        let dayDates = [];
-        let dayRanges = [];
-        while (dayStart < viewEnd) {
-            dayDates.push(dayStart);
-            dayRanges.push({
-                start: dayStart,
-                end: internal$1.addDays(dayStart, 1),
-            });
-            dayStart = internal$1.addDays(dayStart, 1);
-        }
-        return { dayDates, dayRanges };
-    }
-    // Returns a sparse array of arrays, segs grouped by their dayIndex
-    function groupSegsByDay(segs) {
-        let segsByDay = []; // sparse array
-        let i;
-        let seg;
-        for (i = 0; i < segs.length; i += 1) {
-            seg = segs[i];
-            (segsByDay[seg.dayIndex] || (segsByDay[seg.dayIndex] = []))
-                .push(seg);
-        }
-        return segsByDay;
-    }
-
-    const OPTION_REFINERS = {
-        listDayFormat: createFalsableFormatter,
-        listDaySideFormat: createFalsableFormatter,
-        noEventsClassNames: internal$1.identity,
-        noEventsContent: internal$1.identity,
-        noEventsDidMount: internal$1.identity,
-        noEventsWillUnmount: internal$1.identity,
-        // noEventsText is defined in base options
-    };
-    function createFalsableFormatter(input) {
-        return input === false ? null : internal$1.createFormatter(input);
-    }
-
-    var css_248z = ":root{--fc-list-event-dot-width:10px;--fc-list-event-hover-bg-color:#f5f5f5}.fc-list-day,.fc-list-event-dot-outer,.fc-list-event-time,.fc-list-event-title{padding:8px 14px}.fc-direction-ltr .fc-list-event-dot-outer{padding-right:0}.fc-direction-rtl .fc-list-event-dot-outer{padding-left:0}.fc-list-empty{align-items:center;background-color:var(--fc-neutral-bg-color);display:flex;height:100%;justify-content:center}.fc-list-empty-inner{margin:5em 0}.fc-list-day,.fc-list-event:not(.fc-list-day-and-events:last-child .fc-list-event:last-child){border-bottom:1px solid var(--fc-border-color)}.fc-list-day-outer-sticky{background:var(--fc-page-bg-color);position:sticky;top:0}.fc-list-day{background:var(--fc-neutral-bg-color);display:flex;font-weight:700;justify-content:space-between}.fc-list-event{display:flex;flex-direction:row}a.fc-list-event{color:inherit;text-decoration:none}.fc-list-event:hover{background-color:var(--fc-list-event-hover-bg-color)}.fc-list-event-time-outer{display:flex;flex-direction:row}.fc-list-event-dot-outer,.fc-list-event-time{white-space:nowrap}.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}a.fc-list-event:hover .fc-list-event-title{text-decoration:underline}";
-    internal$1.injectStyles(css_248z);
-
-    var plugin = core.createPlugin({
-        name: '@fullcalendar/list',
-        optionRefiners: OPTION_REFINERS,
-        views: {
-            list: {
-                component: ListView,
-                buttonTextKey: 'list',
-                listDayFormat: { month: 'long', day: 'numeric', year: 'numeric' }, // like "January 1, 2016"
-            },
-            listDay: {
-                type: 'list',
-                duration: { days: 1 },
-                listDayFormat: { weekday: 'long' }, // day-of-week is all we need. full date is probably in headerToolbar
-            },
-            listWeek: {
-                type: 'list',
-                duration: { weeks: 1 },
-                listDayFormat: { weekday: 'long' },
-                listDaySideFormat: { month: 'long', day: 'numeric', year: 'numeric' },
-            },
-            listMonth: {
-                type: 'list',
-                duration: { month: 1 },
-                listDaySideFormat: { weekday: 'long' }, // day-of-week is nice-to-have
-            },
-            listYear: {
-                type: 'list',
-                duration: { year: 1 },
-                listDaySideFormat: { weekday: 'long' }, // day-of-week is nice-to-have
-            },
-        },
-    });
-
-    var internal = {
-        __proto__: null,
-        ListView: ListView
-    };
-
-    core.globalPlugins.push(plugin);
-
-    exports.Internal = internal;
-    exports["default"] = plugin;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-    return exports;
-
-})({}, FullCalendar, FullCalendar.Internal, FullCalendar.Preact);

package/index.global.min.js

@@ -1,6 +0,0 @@
-/*!
-FullCalendar List View Plugin v7.0.0-beta.4
-Docs & License: https://fullcalendar.io/docs/list-view
-(c) 2024 Adam Shaw
-*/
-FullCalendar.List=function(e,t,n,i){"use strict";class a extends n.BaseComponent{render(){let{dateEnv:e,options:t,viewApi:a}=this.context,{dayDate:r,todayRange:l}=this.props,o=!this.props.forPrint&&n.getStickyHeaderDates(t),d=n.getDateMeta(r,l),c=t.listDayFormat?e.format(r,t.listDayFormat):"",m=t.listDaySideFormat?e.format(r,t.listDaySideFormat):"",u=t.navLinks,f=Object.assign({date:e.toDate(r),view:a,text:c,sideText:m,navLinkAttrs:u?n.buildNavLinkAttrs(this.context,r,void 0,c):{},sideNavLinkAttrs:u?n.buildNavLinkAttrs(this.context,r,void 0,m,!1):{}},d);return i.createElement("div",{className:n.joinClassNames("fc-list-day-outer",o&&"fc-list-day-outer-sticky")},i.createElement(n.ContentContainer,{tag:"div",className:n.joinClassNames("fc-list-day",n.getDayClassName(d)),attrs:Object.assign({"data-date":n.formatDayString(r)},d.isToday?{"aria-current":"date"}:{}),renderProps:f,generatorName:"dayHeaderContent",customGenerator:t.dayHeaderContent,defaultGenerator:s,classNameGenerator:t.dayHeaderClassNames,didMount:t.dayHeaderDidMount,willUnmount:t.dayHeaderWillUnmount}))}}function s(e){return i.createElement(i.Fragment,null,e.text&&i.createElement("div",Object.assign({className:"fc-list-day-text"},e.navLinkAttrs),e.text),e.sideText&&i.createElement("div",Object.assign({className:"fc-list-day-side-text"},e.sideNavLinkAttrs),e.sideText))}const r=n.createFormatter({hour:"numeric",minute:"2-digit",meridiem:"short"});class l extends n.BaseComponent{constructor(){super(...arguments),this.handleTitleEl=e=>{this.disconnectTitleWidth&&this.disconnectTitleWidth(),e&&(this.disconnectTitleWidth=n.watchWidth(e,e=>{n.setRef(this.props.timeWidthRef,e)}))}}render(){let{props:e,context:t}=this,{eventRange:a}=e,{options:s}=t,l=s.eventTimeFormat||r,[d,c]=n.getEventTagAndAttrs(a,t);return i.createElement(n.EventContainer,Object.assign({},e,{tag:d,attrs:Object.assign({role:"listitem"},c),className:"fc-list-event",defaultGenerator:o,eventRange:a,timeText:"",disableDragging:!0,disableResizing:!0}),(n,s)=>i.createElement(i.Fragment,null,i.createElement("div",{className:"fc-list-event-time-outer",style:{width:e.timeOuterWidth}},this.buildTimeContent(a,e.slicedStart,e.slicedEnd,e.isStart,e.isEnd,l,t)),i.createElement("div",{className:"fc-list-event-dot-outer"},i.createElement("span",{className:"fc-list-event-dot",style:{borderColor:s.borderColor||s.backgroundColor}})),i.createElement(n,{tag:"div",className:"fc-list-event-title"})))}buildTimeContent(e,t,a,s,r,l,o){let{options:c}=o;if(!1!==c.displayEventTime){if(e.def.allDay||!s&&!r){let e={text:o.options.allDayText,view:o.viewApi};return i.createElement(n.ContentContainer,{tag:"div",className:"fc-list-event-time",renderProps:e,elRef:this.handleTitleEl,generatorName:"allDayContent",customGenerator:c.allDayContent,defaultGenerator:d,classNameGenerator:c.allDayClassNames,didMount:c.allDayDidMount,willUnmount:c.allDayWillUnmount})}return i.createElement("div",{className:"fc-list-event-time",ref:this.handleTitleEl},n.buildEventRangeTimeText(l,e,t,a,s,r,o))}return null}componentWillUnmount(){n.setRef(this.props.timeWidthRef,null)}}function o(e){return e.event.title}function d(e){return e.text}class c extends n.BaseComponent{constructor(){super(...arguments),this.sortEventSegs=n.memoize(n.sortEventSegs),this.timeWidthRefMap=new n.RefMap(()=>{n.afterSize(this.handleTimeWidths)}),this.handleTimeWidths=()=>{const e=this.timeWidthRefMap.current;let t=0;for(const n of e.values())t=Math.max(t,n);n.setRef(this.props.timeWidthRef,t)}}render(){const{props:e,context:t,timeWidthRefMap:s}=this,{nowDate:r,todayRange:o}=e,{options:d}=t,c=this.sortEventSegs(e.segs,d.eventOrder),m=n.buildDateStr(this.context,e.dayDate);return i.createElement("div",{role:"listitem","aria-label":m,className:"fc-list-day-and-events"},i.createElement(a,{dayDate:e.dayDate,todayRange:o,forPrint:e.forPrint}),i.createElement("div",{role:"list","aria-label":d.eventsHint},c.map(t=>{const a=n.getEventKey(t);return i.createElement(l,Object.assign({key:a,eventRange:t.eventRange,slicedStart:t.slicedStart,slicedEnd:t.slicedEnd,isStart:t.isStart,isEnd:t.isEnd,timeWidthRef:s.createRef(a),timeOuterWidth:e.timeOuterWidth,isDragging:!1,isResizing:!1,isDateSelecting:!1,isSelected:!1},n.getEventRangeMeta(t.eventRange,o,r)))})))}componentWillUnmount(){n.setRef(this.props.timeWidthRef,null)}}class m extends n.DateComponent{constructor(){super(...arguments),this.computeDateVars=n.memoize(f),this.eventStoreToSegs=n.memoize(this._eventStoreToSegs),this.timeWidthRefMap=new n.RefMap(()=>{n.afterSize(this.handleTimeWidths)}),this.setRootEl=e=>{e?this.context.registerInteractiveComponent(this,{el:e,disableHits:!0}):this.context.unregisterInteractiveComponent(this)},this.handleTimeWidths=()=>{const e=this.timeWidthRefMap.current;let t=0;for(const n of e.values())t=Math.max(t,n);this.setState({timeOuterWidth:t})}}render(){let{props:e,context:t}=this,{options:a}=t,{dayDates:s,dayRanges:r}=this.computeDateVars(e.dateProfile),l=this.eventStoreToSegs(e.eventStore,e.eventUiBases,r),o=!e.forPrint&&!n.getIsHeightAuto(a);return i.createElement(n.ViewContainer,{viewSpec:t.viewSpec,className:"fc-list fc-flex-col fc-border",elRef:this.setRootEl},i.createElement(n.Scroller,{vertical:o,className:o?"fc-liquid":""},this.renderSegList(l,s),!l.length&&this.renderEmptyMessage()))}renderEmptyMessage(){let{options:e,viewApi:t}=this.context,a={text:e.noEventsText,view:t};return i.createElement(n.ContentContainer,{tag:"div",attrs:{role:"status"},className:"fc-list-empty",renderProps:a,generatorName:"noEventsContent",customGenerator:e.noEventsContent,defaultGenerator:u,classNameGenerator:e.noEventsClassNames,didMount:e.noEventsDidMount,willUnmount:e.noEventsWillUnmount},e=>i.createElement(e,{tag:"div",className:"fc-list-empty-inner"}))}renderSegList(e,t){let a=function(e){let t,n,i=[];for(t=0;t<e.length;t+=1)n=e[t],(i[n.dayIndex]||(i[n.dayIndex]=[])).push(n);return i}(e);return i.createElement("div",{role:"list","aria-labelledby":this.props.labelId,"aria-label":this.props.labelStr},i.createElement(n.NowTimer,{unit:"day"},(e,s)=>{const r=[];for(let l=0;l<a.length;l+=1){let o=a[l];if(o){const a=t[l],d=n.formatDayString(a);r.push(i.createElement(c,{key:d,dayDate:a,nowDate:e,todayRange:s,segs:o,forPrint:this.props.forPrint,timeWidthRef:this.timeWidthRefMap.createRef(d),timeOuterWidth:this.state.timeOuterWidth}))}}return i.createElement(i.Fragment,null,r)}))}_eventStoreToSegs(e,t,i){return this.eventRangesToSegs(n.sliceEventStore(e,t,this.props.dateProfile.activeRange,this.context.options.nextDayThreshold).fg,i)}eventRangesToSegs(e,t){let n=[];for(let i of e)n.push(...this.eventRangeToSegs(i,t));return n}eventRangeToSegs(e,t){let i,a=e.range,s=[];for(i=0;i<t.length;i+=1){const r=n.intersectRanges(a,t[i]);r&&s.push({eventRange:e,slicedStart:r.start,slicedEnd:r.end,isStart:e.isStart&&a.start.valueOf()===r.start.valueOf(),isEnd:e.isEnd&&a.end.valueOf()===r.end.valueOf(),dayIndex:i})}return s}}function u(e){return e.text}function f(e){let t=n.startOfDay(e.renderRange.start),i=e.renderRange.end,a=[],s=[];for(;t<i;)a.push(t),s.push({start:t,end:n.addDays(t,1)}),t=n.addDays(t,1);return{dayDates:a,dayRanges:s}}const h={listDayFormat:v,listDaySideFormat:v,noEventsClassNames:n.identity,noEventsContent:n.identity,noEventsDidMount:n.identity,noEventsWillUnmount:n.identity};function v(e){return!1===e?null:n.createFormatter(e)}n.injectStyles(":root{--fc-list-event-dot-width:10px;--fc-list-event-hover-bg-color:#f5f5f5}.fc-list-day,.fc-list-event-dot-outer,.fc-list-event-time,.fc-list-event-title{padding:8px 14px}.fc-direction-ltr .fc-list-event-dot-outer{padding-right:0}.fc-direction-rtl .fc-list-event-dot-outer{padding-left:0}.fc-list-empty{align-items:center;background-color:var(--fc-neutral-bg-color);display:flex;height:100%;justify-content:center}.fc-list-empty-inner{margin:5em 0}.fc-list-day,.fc-list-event:not(.fc-list-day-and-events:last-child .fc-list-event:last-child){border-bottom:1px solid var(--fc-border-color)}.fc-list-day-outer-sticky{background:var(--fc-page-bg-color);position:sticky;top:0}.fc-list-day{background:var(--fc-neutral-bg-color);display:flex;font-weight:700;justify-content:space-between}.fc-list-event{display:flex;flex-direction:row}a.fc-list-event{color:inherit;text-decoration:none}.fc-list-event:hover{background-color:var(--fc-list-event-hover-bg-color)}.fc-list-event-time-outer{display:flex;flex-direction:row}.fc-list-event-dot-outer,.fc-list-event-time{white-space:nowrap}.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}a.fc-list-event:hover .fc-list-event-title{text-decoration:underline}");var g=t.createPlugin({name:"@fullcalendar/list",optionRefiners:h,views:{list:{component:m,buttonTextKey:"list",listDayFormat:{month:"long",day:"numeric",year:"numeric"}},listDay:{type:"list",duration:{days:1},listDayFormat:{weekday:"long"}},listWeek:{type:"list",duration:{weeks:1},listDayFormat:{weekday:"long"},listDaySideFormat:{month:"long",day:"numeric",year:"numeric"}},listMonth:{type:"list",duration:{month:1},listDaySideFormat:{weekday:"long"}},listYear:{type:"list",duration:{year:1},listDaySideFormat:{weekday:"long"}}}}),y={__proto__:null,ListView:m};return t.globalPlugins.push(g),e.Internal=y,e.default=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},FullCalendar,FullCalendar.Internal,FullCalendar.Preact);