@fullcalendar/list 5.11.2 → 6.0.0-beta.1

package/main.cjs.js

@@ -1,5 +1,5 @@
 /*!
-FullCalendar v5.11.2
+FullCalendar v6.0.0-beta.1
 Docs & License: https://fullcalendar.io/
 (c) 2022 Adam Shaw
 */
@@ -8,78 +8,68 @@ Docs & License: https://fullcalendar.io/
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var common = require('@fullcalendar/common');
-var tslib = require('tslib');
-;
 
-var ListViewHeaderRow = /** @class */ (function (_super) {
-    tslib.__extends(ListViewHeaderRow, _super);
-    function ListViewHeaderRow() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
+class ListViewHeaderRow extends common.BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.state = {
             textId: common.getUniqueDomId(),
         };
-        return _this;
     }
-    ListViewHeaderRow.prototype.render = function () {
-        var _a = this.context, theme = _a.theme, dateEnv = _a.dateEnv, options = _a.options, viewApi = _a.viewApi;
-        var _b = this.props, cellId = _b.cellId, dayDate = _b.dayDate, todayRange = _b.todayRange;
-        var textId = this.state.textId;
-        var dayMeta = common.getDateMeta(dayDate, todayRange);
+    render() {
+        let { theme, dateEnv, options, viewApi } = this.context;
+        let { cellId, dayDate, todayRange } = this.props;
+        let { textId } = this.state;
+        let dayMeta = common.getDateMeta(dayDate, todayRange);
         // will ever be falsy?
-        var text = options.listDayFormat ? dateEnv.format(dayDate, options.listDayFormat) : '';
+        let text = options.listDayFormat ? dateEnv.format(dayDate, options.listDayFormat) : '';
         // will ever be falsy? also, BAD NAME "alt"
-        var sideText = options.listDaySideFormat ? dateEnv.format(dayDate, options.listDaySideFormat) : '';
-        var hookProps = tslib.__assign({ date: dateEnv.toDate(dayDate), view: viewApi, textId: textId,
-            text: text,
-            sideText: sideText, navLinkAttrs: common.buildNavLinkAttrs(this.context, dayDate), sideNavLinkAttrs: common.buildNavLinkAttrs(this.context, dayDate, 'day', false) }, dayMeta);
-        var classNames = ['fc-list-day'].concat(common.getDayClassNames(dayMeta, theme));
+        let sideText = options.listDaySideFormat ? dateEnv.format(dayDate, options.listDaySideFormat) : '';
+        let hookProps = Object.assign({ date: dateEnv.toDate(dayDate), view: viewApi, textId,
+            text,
+            sideText, navLinkAttrs: common.buildNavLinkAttrs(this.context, dayDate), sideNavLinkAttrs: common.buildNavLinkAttrs(this.context, dayDate, 'day', false) }, dayMeta);
+        let classNames = ['fc-list-day'].concat(common.getDayClassNames(dayMeta, theme));
         // TODO: make a reusable HOC for dayHeader (used in daygrid/timegrid too)
-        return (common.createElement(common.RenderHook, { hookProps: hookProps, classNames: options.dayHeaderClassNames, content: options.dayHeaderContent, defaultContent: renderInnerContent, didMount: options.dayHeaderDidMount, willUnmount: options.dayHeaderWillUnmount }, function (rootElRef, customClassNames, innerElRef, innerContent) { return (common.createElement("tr", { ref: rootElRef, className: classNames.concat(customClassNames).join(' '), "data-date": common.formatDayString(dayDate) },
+        return (common.createElement(common.RenderHook, { hookProps: hookProps, classNames: options.dayHeaderClassNames, content: options.dayHeaderContent, defaultContent: renderInnerContent, didMount: options.dayHeaderDidMount, willUnmount: options.dayHeaderWillUnmount }, (rootElRef, customClassNames, innerElRef, innerContent) => (common.createElement("tr", { ref: rootElRef, className: classNames.concat(customClassNames).join(' '), "data-date": common.formatDayString(dayDate) },
             common.createElement("th", { scope: "colgroup", colSpan: 3, id: cellId, "aria-labelledby": textId },
-                common.createElement("div", { className: 'fc-list-day-cushion ' + theme.getClass('tableCellShaded'), ref: innerElRef }, innerContent)))); }));
-    };
-    return ListViewHeaderRow;
-}(common.BaseComponent));
+                common.createElement("div", { className: 'fc-list-day-cushion ' + theme.getClass('tableCellShaded'), ref: innerElRef }, innerContent))))));
+    }
+}
 function renderInnerContent(props) {
     return (common.createElement(common.Fragment, null,
-        props.text && (common.createElement("a", tslib.__assign({ id: props.textId, className: "fc-list-day-text" }, props.navLinkAttrs), props.text)),
-        props.sideText && ( /* not keyboard tabbable */common.createElement("a", tslib.__assign({ "aria-hidden": true, className: "fc-list-day-side-text" }, props.sideNavLinkAttrs), props.sideText))));
+        props.text && (common.createElement("a", Object.assign({ id: props.textId, className: "fc-list-day-text" }, props.navLinkAttrs), props.text)),
+        props.sideText && ( /* not keyboard tabbable */common.createElement("a", Object.assign({ "aria-hidden": true, className: "fc-list-day-side-text" }, props.sideNavLinkAttrs), props.sideText))));
 }
 
-var DEFAULT_TIME_FORMAT = common.createFormatter({
+const DEFAULT_TIME_FORMAT = common.createFormatter({
     hour: 'numeric',
     minute: '2-digit',
     meridiem: 'short',
 });
-var ListViewEventRow = /** @class */ (function (_super) {
-    tslib.__extends(ListViewEventRow, _super);
-    function ListViewEventRow() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ListViewEventRow.prototype.render = function () {
-        var _a = this, props = _a.props, context = _a.context;
-        var seg = props.seg, timeHeaderId = props.timeHeaderId, eventHeaderId = props.eventHeaderId, dateHeaderId = props.dateHeaderId;
-        var timeFormat = context.options.eventTimeFormat || DEFAULT_TIME_FORMAT;
+class ListViewEventRow extends common.BaseComponent {
+    render() {
+        let { props, context } = this;
+        let { seg, timeHeaderId, eventHeaderId, dateHeaderId } = props;
+        let timeFormat = context.options.eventTimeFormat || DEFAULT_TIME_FORMAT;
         return (common.createElement(common.EventRoot, { seg: seg, timeText: "" // BAD. because of all-day content
-            , disableDragging: true, disableResizing: true, defaultContent: function () { return renderEventInnerContent(seg, context); } /* weird */, isPast: props.isPast, isFuture: props.isFuture, isToday: props.isToday, isSelected: props.isSelected, isDragging: props.isDragging, isResizing: props.isResizing, isDateSelecting: props.isDateSelecting }, function (rootElRef, classNames, innerElRef, innerContent, hookProps) { return (common.createElement("tr", { className: ['fc-list-event', hookProps.event.url ? 'fc-event-forced-url' : ''].concat(classNames).join(' '), ref: rootElRef },
+            , disableDragging: true, disableResizing: true, defaultContent: () => renderEventInnerContent(seg, context) /* weird */, isPast: props.isPast, isFuture: props.isFuture, isToday: props.isToday, isSelected: props.isSelected, isDragging: props.isDragging, isResizing: props.isResizing, isDateSelecting: props.isDateSelecting }, (rootElRef, classNames, innerElRef, innerContent, hookProps) => (common.createElement("tr", { className: ['fc-list-event', hookProps.event.url ? 'fc-event-forced-url' : ''].concat(classNames).join(' '), ref: rootElRef },
             buildTimeContent(seg, timeFormat, context, timeHeaderId, dateHeaderId),
             common.createElement("td", { "aria-hidden": true, className: "fc-list-event-graphic" },
                 common.createElement("span", { className: "fc-list-event-dot", style: { borderColor: hookProps.borderColor || hookProps.backgroundColor } })),
-            common.createElement("td", { ref: innerElRef, headers: eventHeaderId + " " + dateHeaderId, className: "fc-list-event-title" }, innerContent))); }));
-    };
-    return ListViewEventRow;
-}(common.BaseComponent));
+            common.createElement("td", { ref: innerElRef, headers: `${eventHeaderId} ${dateHeaderId}`, className: "fc-list-event-title" }, innerContent)))));
+    }
+}
 function renderEventInnerContent(seg, context) {
-    var interactiveAttrs = common.getSegAnchorAttrs(seg, context);
-    return (common.createElement("a", tslib.__assign({}, interactiveAttrs), seg.eventRange.def.title));
+    let interactiveAttrs = common.getSegAnchorAttrs(seg, context);
+    return (common.createElement("a", Object.assign({}, interactiveAttrs), seg.eventRange.def.title));
 }
 function buildTimeContent(seg, timeFormat, context, timeHeaderId, dateHeaderId) {
-    var options = context.options;
+    let { options } = context;
     if (options.displayEventTime !== false) {
-        var eventDef = seg.eventRange.def;
-        var eventInstance = seg.eventRange.instance;
-        var doAllDay = false;
-        var timeText = void 0;
+        let eventDef = seg.eventRange.def;
+        let eventInstance = seg.eventRange.instance;
+        let doAllDay = false;
+        let timeText;
         if (eventDef.allDay) {
             doAllDay = true;
         }
@@ -98,11 +88,11 @@ function buildTimeContent(seg, timeFormat, context, timeHeaderId, dateHeaderId)
             timeText = common.buildSegTimeText(seg, timeFormat, context);
         }
         if (doAllDay) {
-            var hookProps = {
+            let hookProps = {
                 text: context.options.allDayText,
                 view: context.viewApi,
             };
-            return (common.createElement(common.RenderHook, { hookProps: hookProps, classNames: options.allDayClassNames, content: options.allDayContent, defaultContent: renderAllDayInner, didMount: options.allDayDidMount, willUnmount: options.allDayWillUnmount }, function (rootElRef, classNames, innerElRef, innerContent) { return (common.createElement("td", { ref: rootElRef, headers: timeHeaderId + " " + dateHeaderId, className: ['fc-list-event-time'].concat(classNames).join(' ') }, innerContent)); }));
+            return (common.createElement(common.RenderHook, { hookProps: hookProps, classNames: options.allDayClassNames, content: options.allDayContent, defaultContent: renderAllDayInner, didMount: options.allDayDidMount, willUnmount: options.allDayWillUnmount }, (rootElRef, classNames, innerElRef, innerContent) => (common.createElement("td", { ref: rootElRef, headers: `${timeHeaderId} ${dateHeaderId}`, className: ['fc-list-event-time'].concat(classNames).join(' ') }, innerContent))));
         }
         return (common.createElement("td", { className: "fc-list-event-time" }, timeText));
     }
@@ -115,70 +105,66 @@ function renderAllDayInner(hookProps) {
 /*
 Responsible for the scroller, and forwarding event-related actions into the "grid".
 */
-var ListView = /** @class */ (function (_super) {
-    tslib.__extends(ListView, _super);
-    function ListView() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.computeDateVars = common.memoize(computeDateVars);
-        _this.eventStoreToSegs = common.memoize(_this._eventStoreToSegs);
-        _this.state = {
+class ListView extends common.DateComponent {
+    constructor() {
+        super(...arguments);
+        this.computeDateVars = common.memoize(computeDateVars);
+        this.eventStoreToSegs = common.memoize(this._eventStoreToSegs);
+        this.state = {
             timeHeaderId: common.getUniqueDomId(),
             eventHeaderId: common.getUniqueDomId(),
             dateHeaderIdRoot: common.getUniqueDomId(),
         };
-        _this.setRootEl = function (rootEl) {
+        this.setRootEl = (rootEl) => {
             if (rootEl) {
-                _this.context.registerInteractiveComponent(_this, {
+                this.context.registerInteractiveComponent(this, {
                     el: rootEl,
                 });
             }
             else {
-                _this.context.unregisterInteractiveComponent(_this);
+                this.context.unregisterInteractiveComponent(this);
             }
         };
-        return _this;
     }
-    ListView.prototype.render = function () {
-        var _this = this;
-        var _a = this, props = _a.props, context = _a.context;
-        var extraClassNames = [
+    render() {
+        let { props, context } = this;
+        let extraClassNames = [
             'fc-list',
             context.theme.getClass('table'),
             context.options.stickyHeaderDates !== false ? 'fc-list-sticky' : '',
         ];
-        var _b = this.computeDateVars(props.dateProfile), dayDates = _b.dayDates, dayRanges = _b.dayRanges;
-        var eventSegs = this.eventStoreToSegs(props.eventStore, props.eventUiBases, dayRanges);
-        return (common.createElement(common.ViewRoot, { viewSpec: context.viewSpec, elRef: this.setRootEl }, function (rootElRef, classNames) { return (common.createElement("div", { ref: rootElRef, className: extraClassNames.concat(classNames).join(' ') },
+        let { dayDates, dayRanges } = this.computeDateVars(props.dateProfile);
+        let eventSegs = this.eventStoreToSegs(props.eventStore, props.eventUiBases, dayRanges);
+        return (common.createElement(common.ViewRoot, { viewSpec: context.viewSpec, elRef: this.setRootEl }, (rootElRef, classNames) => (common.createElement("div", { ref: rootElRef, className: extraClassNames.concat(classNames).join(' ') },
             common.createElement(common.Scroller, { liquid: !props.isHeightAuto, overflowX: props.isHeightAuto ? 'visible' : 'hidden', overflowY: props.isHeightAuto ? 'visible' : 'auto' }, eventSegs.length > 0 ?
-                _this.renderSegList(eventSegs, dayDates) :
-                _this.renderEmptyMessage()))); }));
-    };
-    ListView.prototype.renderEmptyMessage = function () {
-        var _a = this.context, options = _a.options, viewApi = _a.viewApi;
-        var hookProps = {
+                this.renderSegList(eventSegs, dayDates) :
+                this.renderEmptyMessage())))));
+    }
+    renderEmptyMessage() {
+        let { options, viewApi } = this.context;
+        let hookProps = {
             text: options.noEventsText,
             view: viewApi,
         };
-        return (common.createElement(common.RenderHook, { hookProps: hookProps, classNames: options.noEventsClassNames, content: options.noEventsContent, defaultContent: renderNoEventsInner, didMount: options.noEventsDidMount, willUnmount: options.noEventsWillUnmount }, function (rootElRef, classNames, innerElRef, innerContent) { return (common.createElement("div", { className: ['fc-list-empty'].concat(classNames).join(' '), ref: rootElRef },
-            common.createElement("div", { className: "fc-list-empty-cushion", ref: innerElRef }, innerContent))); }));
-    };
-    ListView.prototype.renderSegList = function (allSegs, dayDates) {
-        var _a = this.context, theme = _a.theme, options = _a.options;
-        var _b = this.state, timeHeaderId = _b.timeHeaderId, eventHeaderId = _b.eventHeaderId, dateHeaderIdRoot = _b.dateHeaderIdRoot;
-        var segsByDay = groupSegsByDay(allSegs); // sparse array
-        return (common.createElement(common.NowTimer, { unit: "day" }, function (nowDate, todayRange) {
-            var innerNodes = [];
-            for (var dayIndex = 0; dayIndex < segsByDay.length; dayIndex += 1) {
-                var daySegs = segsByDay[dayIndex];
+        return (common.createElement(common.RenderHook, { hookProps: hookProps, classNames: options.noEventsClassNames, content: options.noEventsContent, defaultContent: renderNoEventsInner, didMount: options.noEventsDidMount, willUnmount: options.noEventsWillUnmount }, (rootElRef, classNames, innerElRef, innerContent) => (common.createElement("div", { className: ['fc-list-empty'].concat(classNames).join(' '), ref: rootElRef },
+            common.createElement("div", { className: "fc-list-empty-cushion", ref: innerElRef }, innerContent)))));
+    }
+    renderSegList(allSegs, dayDates) {
+        let { theme, options } = this.context;
+        let { timeHeaderId, eventHeaderId, dateHeaderIdRoot } = this.state;
+        let segsByDay = groupSegsByDay(allSegs); // sparse array
+        return (common.createElement(common.NowTimer, { unit: "day" }, (nowDate, todayRange) => {
+            let innerNodes = [];
+            for (let dayIndex = 0; dayIndex < segsByDay.length; dayIndex += 1) {
+                let daySegs = segsByDay[dayIndex];
                 if (daySegs) { // sparse array, so might be undefined
-                    var dayStr = common.formatDayString(dayDates[dayIndex]);
-                    var dateHeaderId = dateHeaderIdRoot + '-' + dayStr;
+                    let dayStr = common.formatDayString(dayDates[dayIndex]);
+                    let dateHeaderId = dateHeaderIdRoot + '-' + dayStr;
                     // append a day header
                     innerNodes.push(common.createElement(ListViewHeaderRow, { key: dayStr, cellId: dateHeaderId, dayDate: dayDates[dayIndex], todayRange: todayRange }));
                     daySegs = common.sortEventSegs(daySegs, options.eventOrder);
-                    for (var _i = 0, daySegs_1 = daySegs; _i < daySegs_1.length; _i++) {
-                        var seg = daySegs_1[_i];
-                        innerNodes.push(common.createElement(ListViewEventRow, tslib.__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 }, common.getSegMeta(seg, todayRange, nowDate))));
+                    for (let seg of daySegs) {
+                        innerNodes.push(common.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 }, common.getSegMeta(seg, todayRange, nowDate))));
                     }
                 }
             }
@@ -190,38 +176,37 @@ var ListView = /** @class */ (function (_super) {
                         common.createElement("th", { scope: "col", id: eventHeaderId }, options.eventHint))),
                 common.createElement("tbody", null, innerNodes)));
         }));
-    };
-    ListView.prototype._eventStoreToSegs = function (eventStore, eventUiBases, dayRanges) {
+    }
+    _eventStoreToSegs(eventStore, eventUiBases, dayRanges) {
         return this.eventRangesToSegs(common.sliceEventStore(eventStore, eventUiBases, this.props.dateProfile.activeRange, this.context.options.nextDayThreshold).fg, dayRanges);
-    };
-    ListView.prototype.eventRangesToSegs = function (eventRanges, dayRanges) {
-        var segs = [];
-        for (var _i = 0, eventRanges_1 = eventRanges; _i < eventRanges_1.length; _i++) {
-            var eventRange = eventRanges_1[_i];
-            segs.push.apply(segs, this.eventRangeToSegs(eventRange, dayRanges));
+    }
+    eventRangesToSegs(eventRanges, dayRanges) {
+        let segs = [];
+        for (let eventRange of eventRanges) {
+            segs.push(...this.eventRangeToSegs(eventRange, dayRanges));
         }
         return segs;
-    };
-    ListView.prototype.eventRangeToSegs = function (eventRange, dayRanges) {
-        var dateEnv = this.context.dateEnv;
-        var nextDayThreshold = this.context.options.nextDayThreshold;
-        var range = eventRange.range;
-        var allDay = eventRange.def.allDay;
-        var dayIndex;
-        var segRange;
-        var seg;
-        var segs = [];
+    }
+    eventRangeToSegs(eventRange, dayRanges) {
+        let { dateEnv } = this.context;
+        let { nextDayThreshold } = this.context.options;
+        let range = eventRange.range;
+        let allDay = eventRange.def.allDay;
+        let dayIndex;
+        let segRange;
+        let seg;
+        let segs = [];
         for (dayIndex = 0; dayIndex < dayRanges.length; dayIndex += 1) {
             segRange = common.intersectRanges(range, dayRanges[dayIndex]);
             if (segRange) {
                 seg = {
                     component: this,
-                    eventRange: eventRange,
+                    eventRange,
                     start: segRange.start,
                     end: segRange.end,
                     isStart: eventRange.isStart && segRange.start.valueOf() === range.start.valueOf(),
                     isEnd: eventRange.isEnd && segRange.end.valueOf() === range.end.valueOf(),
-                    dayIndex: dayIndex,
+                    dayIndex,
                 };
                 segs.push(seg);
                 // detect when range won't go fully into the next day,
@@ -237,17 +222,16 @@ var ListView = /** @class */ (function (_super) {
             }
         }
         return segs;
-    };
-    return ListView;
-}(common.DateComponent));
+    }
+}
 function renderNoEventsInner(hookProps) {
     return hookProps.text;
 }
 function computeDateVars(dateProfile) {
-    var dayStart = common.startOfDay(dateProfile.renderRange.start);
-    var viewEnd = dateProfile.renderRange.end;
-    var dayDates = [];
-    var dayRanges = [];
+    let dayStart = common.startOfDay(dateProfile.renderRange.start);
+    let viewEnd = dateProfile.renderRange.end;
+    let dayDates = [];
+    let dayRanges = [];
     while (dayStart < viewEnd) {
         dayDates.push(dayStart);
         dayRanges.push({
@@ -256,13 +240,13 @@ function computeDateVars(dateProfile) {
         });
         dayStart = common.addDays(dayStart, 1);
     }
-    return { dayDates: dayDates, dayRanges: dayRanges };
+    return { dayDates, dayRanges };
 }
 // Returns a sparse array of arrays, segs grouped by their dayIndex
 function groupSegsByDay(segs) {
-    var segsByDay = []; // sparse array
-    var i;
-    var seg;
+    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] = []))
@@ -271,7 +255,7 @@ function groupSegsByDay(segs) {
     return segsByDay;
 }
 
-var OPTION_REFINERS = {
+const OPTION_REFINERS = {
     listDayFormat: createFalsableFormatter,
     listDaySideFormat: createFalsableFormatter,
     noEventsClassNames: common.identity,
@@ -284,6 +268,36 @@ function createFalsableFormatter(input) {
     return input === false ? null : common.createFormatter(input);
 }
 
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = "\n:root {\n  --fc-list-event-dot-width: 10px;\n  --fc-list-event-hover-bg-color: #f5f5f5;\n}\n.fc-theme-standard .fc-list {\n    border: 1px solid #ddd;\n    border: 1px solid var(--fc-border-color, #ddd);\n  }\n.fc {\n\n  /* message when no events */\n\n}\n.fc .fc-list-empty {\n    background-color: rgba(208, 208, 208, 0.3);\n    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));\n    height: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center; /* vertically aligns fc-list-empty-inner */\n  }\n.fc .fc-list-empty-cushion {\n    margin: 5em 0;\n  }\n.fc {\n\n  /* table within the scroller */\n  /* ---------------------------------------------------------------------------------------------------- */\n\n}\n.fc .fc-list-table {\n    width: 100%;\n    border-style: hidden; /* kill outer border on theme */\n  }\n.fc .fc-list-table tr > * {\n    border-left: 0;\n    border-right: 0;\n  }\n.fc .fc-list-sticky .fc-list-day > * { /* the cells */\n      position: sticky;\n      top: 0;\n      background: #fff;\n      background: var(--fc-page-bg-color, #fff); /* for when headers are styled to be transparent and sticky */\n    }\n.fc {\n\n  /* only exists for aria reasons, hide for non-screen-readers */\n\n}\n.fc .fc-list-table thead {\n    position: absolute;\n    left: -10000px;\n  }\n.fc {\n\n  /* the table's border-style:hidden gets confused by hidden thead. force-hide top border of first cell */\n\n}\n.fc .fc-list-table tbody > tr:first-child th {\n    border-top: 0;\n  }\n.fc .fc-list-table th {\n    padding: 0; /* uses an inner-wrapper instead... */\n  }\n.fc .fc-list-table td,\n  .fc .fc-list-day-cushion {\n    padding: 8px 14px;\n  }\n.fc {\n\n\n  /* date heading rows */\n  /* ---------------------------------------------------------------------------------------------------- */\n\n}\n.fc .fc-list-day-cushion:after {\n  content: \"\";\n  clear: both;\n  display: table; /* clear floating */\n    }\n.fc-theme-standard .fc-list-day-cushion {\n    background-color: rgba(208, 208, 208, 0.3);\n    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));\n  }\n.fc-direction-ltr .fc-list-day-text,\n.fc-direction-rtl .fc-list-day-side-text {\n  float: left;\n}\n.fc-direction-ltr .fc-list-day-side-text,\n.fc-direction-rtl .fc-list-day-text {\n  float: right;\n}\n/* make the dot closer to the event title */\n.fc-direction-ltr .fc-list-table .fc-list-event-graphic { padding-right: 0 }\n.fc-direction-rtl .fc-list-table .fc-list-event-graphic { padding-left: 0 }\n.fc .fc-list-event.fc-event-forced-url {\n    cursor: pointer; /* whole row will seem clickable */\n  }\n.fc .fc-list-event:hover td {\n    background-color: #f5f5f5;\n    background-color: var(--fc-list-event-hover-bg-color, #f5f5f5);\n  }\n.fc {\n\n  /* shrink certain cols */\n\n}\n.fc .fc-list-event-graphic,\n  .fc .fc-list-event-time {\n    white-space: nowrap;\n    width: 1px;\n  }\n.fc .fc-list-event-dot {\n    display: inline-block;\n    box-sizing: content-box;\n    width: 0;\n    height: 0;\n    border: 5px solid #3788d8;\n    border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8);\n    border-radius: 5px;\n    border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);\n  }\n.fc {\n\n  /* reset <a> styling */\n\n}\n.fc .fc-list-event-title a {\n    color: inherit;\n    text-decoration: none;\n  }\n.fc {\n\n  /* underline link when hovering over any part of row */\n\n}\n.fc .fc-list-event.fc-event-forced-url:hover a {\n    text-decoration: underline;\n  }\n";
+styleInject(css_248z);
+
 var main = common.createPlugin({
     optionRefiners: OPTION_REFINERS,
     views: {