@fullcalendar/daygrid 7.0.0-beta.3 → 7.0.0-beta.5

package/internal.cjs

@@ -1,1159 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var internal_cjs = require('@fullcalendar/core/internal.cjs');
-var preact_cjs = require('@fullcalendar/core/preact.cjs');
-
-class DayTableSlicer extends internal_cjs.Slicer {
-    constructor() {
-        super(...arguments);
-        this.forceDayIfListItem = true;
-    }
-    sliceRange(dateRange, dayTableModel) {
-        return dayTableModel.sliceRange(dateRange);
-    }
-}
-
-// TODO: converge types with DayTableCell and DayCellContainer (the component) and refineRenderProps
-// the generation of DayTableCell will be distinct (for the BODY cells)
-// but can share some of the same types/utils
-// Date Cells
-// -------------------------------------------------------------------------------------------------
-const WEEKDAY_FORMAT = internal_cjs.createFormatter({ weekday: 'long' });
-const firstSunday = new Date(259200000);
-function buildDateRowConfigs(...args) {
-    return [buildDateRowConfig(...args)];
-}
-/*
-Should this receive resource data attributes?
-Or ResourceApi object itself?
-*/
-function buildDateRowConfig(dates, datesRepDistinctDays, dateProfile, todayRange, dayHeaderFormat, // TODO: rename to dateHeaderFormat?
-context, colSpan) {
-    return {
-        renderConfig: buildDateRenderConfig(context),
-        dataConfigs: buildDateDataConfigs(dates, datesRepDistinctDays, dateProfile, todayRange, dayHeaderFormat, context, colSpan)
-    };
-}
-function buildDateRenderConfig(context) {
-    const { options } = context;
-    return {
-        generatorName: 'dayHeaderContent',
-        customGenerator: options.dayHeaderContent,
-        classNameGenerator: options.dayHeaderClassNames,
-        didMount: options.dayHeaderDidMount,
-        willUnmount: options.dayHeaderWillUnmount,
-    };
-}
-function buildDateDataConfigs(dates, datesRepDistinctDays, dateProfile, todayRange, dayHeaderFormat, // TODO: rename to dateHeaderFormat?
-context, colSpan = 1, keyPrefix = '') {
-    const { dateEnv, viewApi, options } = context;
-    return datesRepDistinctDays
-        ? dates.map((date) => {
-            const dateMeta = internal_cjs.getDateMeta(date, todayRange, null, dateProfile);
-            const text = dateEnv.format(date, dayHeaderFormat);
-            const renderProps = Object.assign(Object.assign({}, dateMeta), { date: dateEnv.toDate(date), view: viewApi, text });
-            const isNavLink = options.navLinks && !dateMeta.isDisabled;
-            return {
-                key: keyPrefix + date.toUTCString(),
-                renderProps,
-                attrs: { 'data-date': !dateMeta.isDisabled ? internal_cjs.formatDayString(date) : undefined },
-                innerAttrs: isNavLink ? internal_cjs.buildNavLinkAttrs(context, date) : {},
-                colSpan,
-                isNavLink,
-                className: internal_cjs.getDayClassName(dateMeta),
-            };
-        })
-        : dates.map((date) => {
-            const dow = date.getUTCDay();
-            const normDate = internal_cjs.addDays(firstSunday, dow);
-            const dayMeta = {
-                dow,
-                isDisabled: false,
-                isFuture: false,
-                isPast: false,
-                isToday: false,
-                isOther: false,
-            };
-            const text = dateEnv.format(normDate, dayHeaderFormat);
-            const renderProps = Object.assign(Object.assign({}, dayMeta), { date, view: viewApi, text });
-            return {
-                key: keyPrefix + String(dow),
-                renderProps,
-                innerAttrs: { 'aria-label': dateEnv.format(normDate, WEEKDAY_FORMAT) },
-                colSpan,
-                className: internal_cjs.getDayClassName(dayMeta),
-            };
-        });
-}
-
-/*
-We need really specific keys because RefMap::createRef() which is then given to heightRef
-unable to change key! As a result, we cannot reuse elements between normal/slice/standin types,
-but that's okay since they render quite differently
-*/
-function getEventPartKey(seg) {
-    return internal_cjs.getEventKey(seg) + ':' + seg.start +
-        (seg.standinFor ? ':standin' : seg.isSlice ? ':slice' : '');
-}
-// DayGridRange utils (TODO: move)
-// -------------------------------------------------------------------------------------------------
-function splitSegsByRow(segs, rowCnt) {
-    const byRow = [];
-    for (let row = 0; row < rowCnt; row++) {
-        byRow[row] = [];
-    }
-    for (const seg of segs) {
-        byRow[seg.row].push(seg);
-    }
-    return byRow;
-}
-function splitInteractionByRow(ui, rowCnt) {
-    const byRow = [];
-    if (!ui) {
-        for (let row = 0; row < rowCnt; row++) {
-            byRow[row] = null;
-        }
-    }
-    else {
-        for (let row = 0; row < rowCnt; row++) {
-            byRow[row] = {
-                affectedInstances: ui.affectedInstances,
-                isEvent: ui.isEvent,
-                segs: [],
-            };
-        }
-        for (const seg of ui.segs) {
-            byRow[seg.row].segs.push(seg);
-        }
-    }
-    return byRow;
-}
-function sliceSegForCol(seg, col) {
-    return Object.assign(Object.assign({}, seg), { start: col, end: col + 1, isStart: seg.isStart && seg.start === col, isEnd: seg.isEnd && seg.end - 1 === col, standinFor: seg });
-}
-
-const DEFAULT_TABLE_EVENT_TIME_FORMAT = internal_cjs.createFormatter({
-    hour: 'numeric',
-    minute: '2-digit',
-    omitZeroMinute: true,
-    meridiem: 'narrow',
-});
-function hasListItemDisplay(seg) {
-    let { display } = seg.eventRange.ui;
-    return display === 'list-item' || (display === 'auto' &&
-        !seg.eventRange.def.allDay &&
-        (seg.end - seg.start) === 1 && // single-day
-        seg.isStart && // "
-        seg.isEnd // "
-    );
-}
-
-class DayGridBlockEvent extends internal_cjs.BaseComponent {
-    render() {
-        let { props } = this;
-        return (preact_cjs.createElement(internal_cjs.StandardEvent, Object.assign({}, props, { className: 'fc-daygrid-block-event fc-daygrid-event fc-h-event', defaultTimeFormat: DEFAULT_TABLE_EVENT_TIME_FORMAT, defaultDisplayEventEnd: props.defaultDisplayEventEnd, disableResizing: !props.eventRange.def.allDay })));
-    }
-}
-
-class DayGridListEvent extends internal_cjs.BaseComponent {
-    render() {
-        let { props, context } = this;
-        let { options } = context;
-        let { eventRange } = props;
-        let timeFormat = options.eventTimeFormat || DEFAULT_TABLE_EVENT_TIME_FORMAT;
-        let timeText = internal_cjs.buildEventRangeTimeText(timeFormat, eventRange, 
-        /* slicedStart = */ undefined, 
-        /* slicedEnd = */ undefined, props.isStart, props.isEnd, context, 
-        /* defaultDisplayEventTime = */ true, props.defaultDisplayEventEnd);
-        let anchorAttrs = internal_cjs.getEventRangeAnchorAttrs(eventRange, context);
-        return (preact_cjs.createElement(internal_cjs.EventContainer, Object.assign({}, props, { tag: anchorAttrs ? 'a' : 'div', attrs: anchorAttrs, className: 'fc-daygrid-dot-event fc-daygrid-event', defaultGenerator: renderInnerContent, timeText: timeText, isResizing: false, isDateSelecting: false })));
-    }
-}
-function renderInnerContent(renderProps) {
-    return (preact_cjs.createElement(preact_cjs.Fragment, null,
-        preact_cjs.createElement("div", { className: "fc-daygrid-event-dot", style: { borderColor: renderProps.borderColor || renderProps.backgroundColor } }),
-        renderProps.timeText && (preact_cjs.createElement("div", { className: "fc-event-time" }, renderProps.timeText)),
-        preact_cjs.createElement("div", { className: "fc-event-title" }, renderProps.event.title || preact_cjs.createElement(preact_cjs.Fragment, null, "\u00A0"))));
-}
-
-class DayGridMoreLink extends internal_cjs.BaseComponent {
-    render() {
-        let { props } = this;
-        return (preact_cjs.createElement(internal_cjs.MoreLinkContainer, { className: internal_cjs.joinClassNames('fc-daygrid-more-link', props.isBlock
-                ? 'fc-daygrid-more-link-block'
-                : 'fc-daygrid-more-link-button'), dateProfile: props.dateProfile, todayRange: props.todayRange, allDayDate: props.allDayDate, segs: props.segs, hiddenSegs: props.hiddenSegs, alignElRef: props.alignElRef, alignParentTop: props.alignParentTop, dateSpanProps: props.dateSpanProps, popoverContent: () => {
-                let forcedInvisibleMap = // TODO: more convenient/DRY
-                 (props.eventDrag ? props.eventDrag.affectedInstances : null) ||
-                    (props.eventResize ? props.eventResize.affectedInstances : null) ||
-                    {};
-                return (preact_cjs.createElement(preact_cjs.Fragment, null, props.segs.map((seg) => {
-                    let { eventRange } = seg;
-                    let { instanceId } = eventRange.instance;
-                    return (preact_cjs.createElement("div", { key: instanceId, style: {
-                            visibility: forcedInvisibleMap[instanceId] ? 'hidden' : '',
-                        } }, hasListItemDisplay(seg) ? (preact_cjs.createElement(DayGridListEvent, Object.assign({ eventRange: eventRange, isStart: seg.isStart, isEnd: seg.isEnd, isDragging: false, isSelected: instanceId === props.eventSelection, defaultDisplayEventEnd: false }, internal_cjs.getEventRangeMeta(eventRange, props.todayRange)))) : (preact_cjs.createElement(DayGridBlockEvent, Object.assign({ eventRange: eventRange, isStart: seg.isStart, isEnd: seg.isEnd, isDragging: false, isResizing: false, isDateSelecting: false, isSelected: instanceId === props.eventSelection, defaultDisplayEventEnd: false }, internal_cjs.getEventRangeMeta(eventRange, props.todayRange))))));
-                })));
-            } }));
-    }
-}
-
-class DayGridCell extends internal_cjs.DateComponent {
-    constructor() {
-        super(...arguments);
-        // ref
-        this.rootElRef = preact_cjs.createRef();
-        this.bodyElRef = preact_cjs.createRef();
-    }
-    render() {
-        let { props, context } = this;
-        let { options, dateEnv } = context;
-        // TODO: memoize this
-        const isMonthStart = props.showDayNumber &&
-            shouldDisplayMonthStart(props.date, props.dateProfile.currentRange, dateEnv);
-        return (preact_cjs.createElement(internal_cjs.DayCellContainer, { tag: "div", className: internal_cjs.joinClassNames(props.className, 'fc-daygrid-day fc-flex-col', props.borderStart && 'fc-border-s', props.width != null ? '' : 'fc-liquid'), attrs: Object.assign(Object.assign({}, props.attrs), { role: 'gridcell' }), style: {
-                width: props.width
-            }, elRef: this.rootElRef, renderProps: props.renderProps, defaultGenerator: renderTopInner, date: props.date, dateProfile: props.dateProfile, todayRange: props.todayRange, showDayNumber: props.showDayNumber, isMonthStart: isMonthStart }, (InnerContent, renderProps) => (preact_cjs.createElement(preact_cjs.Fragment, null,
-            !renderProps.isDisabled && (props.showDayNumber || internal_cjs.hasCustomDayCellContent(options)) && (preact_cjs.createElement("div", { className: "fc-daygrid-day-header" },
-                preact_cjs.createElement(InnerContent, { tag: "a", attrs: internal_cjs.buildNavLinkAttrs(context, props.date), className: internal_cjs.joinClassNames('fc-daygrid-day-number', isMonthStart && 'fc-daygrid-month-start') }))),
-            preact_cjs.createElement("div", { className: internal_cjs.joinClassNames('fc-daygrid-day-body', props.isTall && 'fc-daygrid-day-body-tall', props.fgLiquidHeight ? 'fc-liquid' : 'fc-grow'), ref: this.bodyElRef },
-                preact_cjs.createElement("div", { className: 'fc-daygrid-day-events', style: { height: props.fgHeight } }, props.fg),
-                preact_cjs.createElement(DayGridMoreLink, { isBlock: props.isCompact, allDayDate: props.date, segs: props.segs, hiddenSegs: props.hiddenSegs, alignElRef: this.rootElRef, alignParentTop: props.showDayNumber ? '[role=row]' : '.fc-view', dateSpanProps: props.dateSpanProps, dateProfile: props.dateProfile, eventSelection: props.eventSelection, eventDrag: props.eventDrag, eventResize: props.eventResize, todayRange: props.todayRange }))))));
-    }
-    componentDidMount() {
-        const bodyEl = this.bodyElRef.current;
-        // we want to fire on ANY size change, because we do more advanced stuff
-        this.disconnectBodyHeight = internal_cjs.watchSize(bodyEl, (_bodyWidth, bodyHeight) => {
-            const { props } = this;
-            const mainRect = bodyEl.getBoundingClientRect();
-            const rootRect = this.rootElRef.current.getBoundingClientRect();
-            const headerHeight = mainRect.top - rootRect.top;
-            if (!internal_cjs.isDimsEqual(this.headerHeight, headerHeight)) {
-                this.headerHeight = headerHeight;
-                internal_cjs.setRef(props.headerHeightRef, headerHeight);
-            }
-            if (props.fgLiquidHeight) {
-                internal_cjs.setRef(props.mainHeightRef, bodyHeight);
-            }
-        });
-    }
-    componentWillUnmount() {
-        this.disconnectBodyHeight();
-        const { props } = this;
-        internal_cjs.setRef(props.headerHeightRef, null);
-        internal_cjs.setRef(props.mainHeightRef, null);
-    }
-}
-// Utils
-// -------------------------------------------------------------------------------------------------
-function renderTopInner(props) {
-    return props.dayNumberText || preact_cjs.createElement(preact_cjs.Fragment, null, "\u00A0");
-}
-function shouldDisplayMonthStart(date, currentRange, dateEnv) {
-    const { start: currentStart, end: currentEnd } = currentRange;
-    const currentEndIncl = internal_cjs.addMs(currentEnd, -1);
-    const currentFirstYear = dateEnv.getYear(currentStart);
-    const currentFirstMonth = dateEnv.getMonth(currentStart);
-    const currentLastYear = dateEnv.getYear(currentEndIncl);
-    const currentLastMonth = dateEnv.getMonth(currentEndIncl);
-    // spans more than one month?
-    return !(currentFirstYear === currentLastYear && currentFirstMonth === currentLastMonth) &&
-        Boolean(
-        // first date in current view?
-        date.valueOf() === currentStart.valueOf() ||
-            // a month-start that's within the current range?
-            (dateEnv.getDay(date) === 1 && date.valueOf() < currentEnd.valueOf()));
-}
-
-function computeFgSegVerticals(segs, segHeightMap, cells, maxHeight, strictOrder, allowSlicing = true, dayMaxEvents, dayMaxEventRows) {
-    let maxCoord;
-    let maxDepth;
-    let hiddenConsumes;
-    if (dayMaxEvents === true || dayMaxEventRows === true) {
-        maxCoord = maxHeight;
-        hiddenConsumes = true;
-    }
-    else if (typeof dayMaxEvents === 'number') {
-        maxDepth = dayMaxEvents;
-        hiddenConsumes = false;
-    }
-    else if (typeof dayMaxEventRows === 'number') {
-        maxDepth = dayMaxEventRows;
-        hiddenConsumes = true;
-    }
-    // NOTE: visibleSegsMap and hiddenSegMap map NEVER overlap for a given event
-    // once a seg has a height, the combined potentially-sliced segs will comprise the entire span of the seg
-    // if a seg does not have a height yet, it won't be inserted into either visibleSegsMap/hiddenSegMap
-    const visibleSegMap = new Map();
-    const hiddenSegMap = new Map();
-    const segTops = new Map();
-    const isSlicedMap = new Map();
-    let hierarchy = new internal_cjs.SegHierarchy(segs, (seg) => segHeightMap.get(getEventPartKey(seg)), strictOrder, maxCoord, maxDepth, hiddenConsumes, allowSlicing);
-    hierarchy.traverseSegs((seg, segTop) => {
-        addToSegMap(visibleSegMap, seg);
-        segTops.set(getEventPartKey(seg), segTop);
-        if (seg.isSlice) {
-            isSlicedMap.set(seg.eventRange, true);
-        }
-    });
-    for (const hiddenSeg of hierarchy.hiddenSegs) {
-        addToSegMap(hiddenSegMap, hiddenSeg); // hidden main segs
-    }
-    // recompute tops while considering slices
-    // portions of these slices might be added to hiddenSegMap
-    if (isSlicedMap.size) {
-        segTops.clear();
-        hierarchy = new internal_cjs.SegHierarchy(compileSegMap(segs, visibleSegMap), (seg) => segHeightMap.get(getEventPartKey(seg)), strictOrder, maxCoord, maxDepth, hiddenConsumes);
-        hierarchy.traverseSegs((seg, segTop) => {
-            segTops.set(getEventPartKey(seg), segTop); // newly-hidden main segs and slices
-        });
-        for (const hiddenSeg of hierarchy.hiddenSegs) {
-            addToSegMap(hiddenSegMap, hiddenSeg);
-        }
-    }
-    const segsByCol = [];
-    const hiddenSegsByCol = [];
-    const renderableSegsByCol = [];
-    const heightsByCol = [];
-    for (let col = 0; col < cells.length; col++) {
-        segsByCol.push([]);
-        hiddenSegsByCol.push([]);
-        renderableSegsByCol.push([]);
-        heightsByCol.push(0);
-    }
-    for (const seg of segs) {
-        const { eventRange } = seg;
-        const visibleSegs = visibleSegMap.get(eventRange) || [];
-        const hiddenSegs = hiddenSegMap.get(eventRange) || [];
-        const isSliced = isSlicedMap.get(eventRange) || false;
-        // add orig to renderable
-        renderableSegsByCol[seg.start].push(seg);
-        // add slices to renderable
-        if (isSliced) {
-            for (const visibleSeg of visibleSegs) {
-                renderableSegsByCol[visibleSeg.start].push(visibleSeg);
-            }
-        }
-        // accumulate segsByCol/heightsByCol for visible segs
-        for (const visibleSeg of visibleSegs) {
-            for (let col = visibleSeg.start; col < visibleSeg.end; col++) {
-                const slice = sliceSegForCol(visibleSeg, col);
-                segsByCol[col].push(slice);
-            }
-            const segKey = getEventPartKey(visibleSeg);
-            const segTop = segTops.get(segKey);
-            if (segTop != null) { // positioned?
-                const segHeight = segHeightMap.get(segKey);
-                for (let col = visibleSeg.start; col < visibleSeg.end; col++) {
-                    heightsByCol[col] = Math.max(heightsByCol[col], segTop + segHeight);
-                }
-            }
-        }
-        // accumulate segsByCol/hiddenSegsByCol for hidden segs
-        for (const hiddenSeg of hiddenSegs) {
-            for (let col = hiddenSeg.start; col < hiddenSeg.end; col++) {
-                const slice = sliceSegForCol(hiddenSeg, col);
-                segsByCol[col].push(slice);
-                hiddenSegsByCol[col].push(slice);
-            }
-        }
-    }
-    return [
-        segsByCol,
-        hiddenSegsByCol,
-        renderableSegsByCol,
-        segTops,
-        heightsByCol,
-    ];
-}
-// Utils
-// -------------------------------------------------------------------------------------------------
-function addToSegMap(map, seg) {
-    let list = map.get(seg.eventRange);
-    if (!list) {
-        map.set(seg.eventRange, list = []);
-    }
-    list.push(seg);
-}
-/*
-Ensures relative order of DayRowEventRange stays consistent with segs
-*/
-function compileSegMap(segs, segMap) {
-    const res = [];
-    for (const seg of segs) {
-        res.push(...(segMap.get(seg.eventRange) || []));
-    }
-    return res;
-}
-
-/*
-TODO: move this so @fullcalendar/daygrid
-*/
-function buildDayTableModel(dateProfile, dateProfileGenerator) {
-    let daySeries = new internal_cjs.DaySeriesModel(dateProfile.renderRange, dateProfileGenerator);
-    return new internal_cjs.DayTableModel(daySeries, /year|month|week/.test(dateProfile.currentRangeUnit));
-}
-function computeColWidth(colCnt, colMinWidth, viewportWidth) {
-    if (viewportWidth == null) {
-        return [undefined, undefined];
-    }
-    const colTempWidth = viewportWidth / colCnt;
-    if (colTempWidth < colMinWidth) {
-        return [colMinWidth * colCnt, colMinWidth];
-    }
-    return [viewportWidth, undefined];
-}
-// Positioning
-// -------------------------------------------------------------------------------------------------
-function computeTopFromDate(date, cellRows, rowHeightMap, adjust = 0) {
-    let top = 0;
-    for (const cells of cellRows) {
-        const start = cells[0].date;
-        const end = cells[cells.length - 1].date;
-        const key = start.toISOString();
-        if (date >= start && date <= end) {
-            return top;
-        }
-        const rowHeight = rowHeightMap.get(key);
-        if (rowHeight == null) {
-            return; // denote unknown
-        }
-        top += rowHeight + adjust;
-    }
-    return top;
-}
-/*
-FYI, `width` is not dependable for aligning completely to farside
-*/
-function computeHorizontalsFromSeg(seg, colWidth, colCnt, isRtl) {
-    let fromStart;
-    let fromEnd;
-    if (colWidth != null) {
-        fromStart = seg.start * colWidth;
-        fromEnd = (colCnt - seg.end) * colWidth;
-    }
-    else {
-        const colWidthFrac = 1 / colCnt;
-        fromStart = internal_cjs.fracToCssDim(seg.start * colWidthFrac);
-        fromEnd = internal_cjs.fracToCssDim(1 - seg.end * colWidthFrac);
-    }
-    if (isRtl) {
-        return { right: fromStart, left: fromEnd };
-    }
-    else {
-        return { left: fromStart, right: fromEnd };
-    }
-}
-function computeColFromPosition(positionLeft, elWidth, colWidth, colCnt, isRtl) {
-    const realColWidth = colWidth != null ? colWidth : elWidth / colCnt;
-    const colFromLeft = Math.floor(positionLeft / realColWidth);
-    const col = isRtl ? (colCnt - colFromLeft - 1) : colFromLeft;
-    const left = colFromLeft * realColWidth;
-    const right = left + realColWidth;
-    return { col, left, right };
-}
-function computeRowFromPosition(positionTop, cellRows, rowHeightMap) {
-    let row = 0;
-    let top = 0;
-    let bottom = 0;
-    for (const cells of cellRows) {
-        const key = cells[0].key;
-        top = bottom;
-        bottom = top + rowHeightMap.get(key);
-        if (positionTop < bottom) {
-            break;
-        }
-        row++;
-    }
-    return { row, top, bottom };
-}
-// Hit Element
-// -------------------------------------------------------------------------------------------------
-function getRowEl(rootEl, row) {
-    return rootEl.querySelectorAll(':scope > [role=row]')[row];
-}
-function getCellEl(rowEl, col) {
-    return rowEl.querySelectorAll(':scope > [role=gridcell]')[col];
-}
-// Header Formatting
-// -------------------------------------------------------------------------------------------------
-function createDayHeaderFormatter(explicitFormat, datesRepDistinctDays, dateCnt) {
-    return explicitFormat || computeFallbackHeaderFormat(datesRepDistinctDays, dateCnt);
-}
-// Computes a default column header formatting string if `colFormat` is not explicitly defined
-function computeFallbackHeaderFormat(datesRepDistinctDays, dayCnt) {
-    // if more than one week row, or if there are a lot of columns with not much space,
-    // put just the day numbers will be in each cell
-    if (!datesRepDistinctDays || dayCnt > 10) {
-        return internal_cjs.createFormatter({ weekday: 'short' }); // "Sat"
-    }
-    if (dayCnt > 1) {
-        return internal_cjs.createFormatter({ weekday: 'short', month: 'numeric', day: 'numeric', omitCommas: true }); // "Sat 11/12"
-    }
-    return internal_cjs.createFormatter({ weekday: 'long' }); // "Saturday"
-}
-
-class DayGridEventHarness extends preact_cjs.Component {
-    constructor() {
-        super(...arguments);
-        // ref
-        this.rootElRef = preact_cjs.createRef();
-    }
-    render() {
-        const { props } = this;
-        return (preact_cjs.createElement("div", { className: internal_cjs.joinClassNames(props.className, 'fc-abs'), style: props.style, ref: this.rootElRef }, props.children));
-    }
-    componentDidMount() {
-        const rootEl = this.rootElRef.current; // TODO: make dynamic with useEffect
-        this.disconnectHeight = internal_cjs.watchHeight(rootEl, (height) => {
-            internal_cjs.setRef(this.props.heightRef, height);
-        });
-    }
-    componentWillUnmount() {
-        this.disconnectHeight();
-        internal_cjs.setRef(this.props.heightRef, null);
-    }
-}
-
-const DEFAULT_WEEK_NUM_FORMAT = internal_cjs.createFormatter({ week: 'narrow' });
-class DayGridRow extends internal_cjs.BaseComponent {
-    constructor() {
-        super(...arguments);
-        this.headerHeightRefMap = new internal_cjs.RefMap(() => {
-            internal_cjs.afterSize(this.handleSegPositioning);
-        });
-        this.mainHeightRefMap = new internal_cjs.RefMap(() => {
-            const fgLiquidHeight = this.props.dayMaxEvents === true || this.props.dayMaxEventRows === true;
-            if (fgLiquidHeight) {
-                internal_cjs.afterSize(this.handleSegPositioning);
-            }
-        });
-        this.segHeightRefMap = new internal_cjs.RefMap(() => {
-            internal_cjs.afterSize(this.handleSegPositioning);
-        });
-        this.handleRootEl = (rootEl) => {
-            this.rootEl = rootEl;
-            internal_cjs.setRef(this.props.rootElRef, rootEl);
-        };
-        this.handleSegPositioning = () => {
-            this.forceUpdate();
-        };
-    }
-    render() {
-        const { props, context, headerHeightRefMap, mainHeightRefMap } = this;
-        const { cells } = props;
-        const { options } = context;
-        const weekDate = props.cells[0].date;
-        const fgLiquidHeight = props.dayMaxEvents === true || props.dayMaxEventRows === true;
-        // TODO: memoize? sort all types of segs?
-        const fgEventSegs = internal_cjs.sortEventSegs(props.fgEventSegs, options.eventOrder);
-        // TODO: memoize?
-        const [maxMainTop, minMainHeight] = this.computeFgDims(); // uses headerHeightRefMap/mainHeightRefMap
-        const [segsByCol, hiddenSegsByCol, renderableSegsByCol, segTops, simpleHeightsByCol] = computeFgSegVerticals(fgEventSegs, this.segHeightRefMap.current, cells, fgLiquidHeight ? minMainHeight : undefined, // if not defined in first run, will unlimited!?
-        options.eventOrderStrict, options.eventSlicing, props.dayMaxEvents, props.dayMaxEventRows);
-        const heightsByCol = [];
-        if (maxMainTop != null) {
-            let col = 0;
-            for (const cell of cells) { // uses headerHeightRefMap/maxMainTop/simpleHeightsByCol
-                const cellHeaderHeight = headerHeightRefMap.current.get(cell.key);
-                const extraFgHeight = maxMainTop - cellHeaderHeight;
-                heightsByCol.push(simpleHeightsByCol[col++] + extraFgHeight);
-            }
-        }
-        const highlightSegs = this.getHighlightSegs();
-        const mirrorSegs = this.getMirrorSegs();
-        const forcedInvisibleMap = // TODO: more convenient/DRY
-         (props.eventDrag && props.eventDrag.affectedInstances) ||
-            (props.eventResize && props.eventResize.affectedInstances) ||
-            {};
-        return (preact_cjs.createElement("div", { role: 'row' // TODO: audit this for all scenarios
-            , className: internal_cjs.joinClassNames('fc-flex-row fc-rel', props.className), style: {
-                minHeight: props.minHeight,
-            }, ref: this.handleRootEl },
-            this.renderFillSegs(props.businessHourSegs, 'non-business'),
-            this.renderFillSegs(props.bgEventSegs, 'bg-event'),
-            this.renderFillSegs(highlightSegs, 'highlight'),
-            preact_cjs.createElement("div", { className: 'fc-flex-row fc-liquid fc-rel' }, props.cells.map((cell, col) => {
-                const normalFgNodes = this.renderFgSegs(maxMainTop, renderableSegsByCol[col], segTops, props.todayRange, forcedInvisibleMap);
-                return (preact_cjs.createElement(DayGridCell, { key: cell.key, dateProfile: props.dateProfile, todayRange: props.todayRange, date: cell.date, showDayNumber: props.showDayNumbers, isCompact: props.isCompact, isTall: props.isTall, borderStart: Boolean(col), 
-                    // content
-                    segs: segsByCol[col], hiddenSegs: hiddenSegsByCol[col], fgLiquidHeight: fgLiquidHeight, fg: (preact_cjs.createElement(preact_cjs.Fragment, null, normalFgNodes)), eventDrag: props.eventDrag, eventResize: props.eventResize, eventSelection: props.eventSelection, 
-                    // render hooks
-                    renderProps: cell.renderProps, dateSpanProps: cell.dateSpanProps, attrs: cell.attrs, className: cell.className, 
-                    // dimensions
-                    fgHeight: heightsByCol[col], width: props.colWidth, 
-                    // refs
-                    headerHeightRef: headerHeightRefMap.createRef(cell.key), mainHeightRef: mainHeightRefMap.createRef(cell.key) }));
-            })),
-            props.showWeekNumbers && (preact_cjs.createElement(internal_cjs.WeekNumberContainer, { tag: "a", attrs: internal_cjs.buildNavLinkAttrs(context, weekDate, 'week'), className: 'fc-daygrid-week-number', date: weekDate, defaultFormat: DEFAULT_WEEK_NUM_FORMAT })),
-            this.renderFgSegs(maxMainTop, mirrorSegs, segTops, props.todayRange, {}, // forcedInvisibleMap
-            Boolean(props.eventDrag), Boolean(props.eventResize), false)));
-    }
-    renderFgSegs(headerHeight, segs, segTops, todayRange, forcedInvisibleMap, isDragging, isResizing, isDateSelecting) {
-        var _a;
-        const { props, context, segHeightRefMap } = this;
-        const { isRtl } = context;
-        const { colWidth, eventSelection } = props;
-        const colCnt = props.cells.length;
-        const defaultDisplayEventEnd = props.cells.length === 1;
-        const isMirror = isDragging || isResizing || isDateSelecting;
-        const nodes = [];
-        for (const seg of segs) {
-            const key = getEventPartKey(seg);
-            const { standinFor, eventRange } = seg;
-            const { instanceId } = eventRange.instance;
-            if (standinFor) {
-                continue;
-            }
-            const { left, right } = computeHorizontalsFromSeg(seg, colWidth, colCnt, isRtl);
-            const localTop = (_a = segTops.get(standinFor ? getEventPartKey(standinFor) : key)) !== null && _a !== void 0 ? _a : (isMirror ? 0 : undefined);
-            const top = headerHeight != null && localTop != null
-                ? headerHeight + localTop
-                : undefined;
-            const isInvisible = standinFor || forcedInvisibleMap[instanceId] || top == null;
-            nodes.push(preact_cjs.createElement(DayGridEventHarness, { key: key, className: seg.start ? 'fc-border-transparent fc-border-s' : '', style: {
-                    visibility: isInvisible ? 'hidden' : '',
-                    top,
-                    left,
-                    right,
-                }, heightRef: (!standinFor && !isMirror)
-                    ? segHeightRefMap.createRef(key)
-                    : null }, hasListItemDisplay(seg) ? (preact_cjs.createElement(DayGridListEvent, Object.assign({ eventRange: eventRange, isStart: seg.isStart, isEnd: seg.isEnd, isDragging: isDragging, isSelected: instanceId === eventSelection, defaultDisplayEventEnd: defaultDisplayEventEnd }, internal_cjs.getEventRangeMeta(eventRange, todayRange)))) : (preact_cjs.createElement(DayGridBlockEvent, Object.assign({ eventRange: eventRange, isStart: seg.isStart, isEnd: seg.isEnd, isDragging: isDragging, isResizing: isResizing, isDateSelecting: isDateSelecting, isSelected: instanceId === eventSelection, defaultDisplayEventEnd: defaultDisplayEventEnd }, internal_cjs.getEventRangeMeta(eventRange, todayRange))))));
-        }
-        return nodes;
-    }
-    renderFillSegs(segs, fillType) {
-        const { props, context } = this;
-        const { isRtl } = context;
-        const { todayRange, colWidth } = props;
-        const colCnt = props.cells.length;
-        const nodes = [];
-        for (const seg of segs) {
-            const key = internal_cjs.buildEventRangeKey(seg.eventRange); // TODO: use different type of key than fg!?
-            const { left, right } = computeHorizontalsFromSeg(seg, colWidth, colCnt, isRtl);
-            const isVisible = !seg.standinFor;
-            nodes.push(preact_cjs.createElement("div", { key: key, className: "fc-fill-y", style: {
-                    visibility: isVisible ? '' : 'hidden',
-                    left,
-                    right,
-                } }, fillType === 'bg-event' ?
-                preact_cjs.createElement(internal_cjs.BgEvent, Object.assign({ eventRange: seg.eventRange, isStart: seg.isStart, isEnd: seg.isEnd }, internal_cjs.getEventRangeMeta(seg.eventRange, todayRange))) : (internal_cjs.renderFill(fillType))));
-        }
-        return preact_cjs.createElement(preact_cjs.Fragment, {}, ...nodes); // TODO: shouldn't this be an array, so keyed?
-    }
-    // Sizing
-    // -----------------------------------------------------------------------------------------------
-    componentDidMount() {
-        const { rootEl } = this; // TODO: make dynamic with useEffect
-        this.disconnectHeight = internal_cjs.watchHeight(rootEl, (contentHeight) => {
-            internal_cjs.setRef(this.props.heightRef, contentHeight);
-        });
-    }
-    componentWillUnmount() {
-        this.disconnectHeight();
-        internal_cjs.setRef(this.props.heightRef, null);
-    }
-    computeFgDims() {
-        const { cells } = this.props;
-        const headerHeightMap = this.headerHeightRefMap.current;
-        const mainHeightMap = this.mainHeightRefMap.current;
-        let maxMainTop;
-        let minMainBottom;
-        for (const cell of cells) {
-            const mainTop = headerHeightMap.get(cell.key);
-            const mainHeight = mainHeightMap.get(cell.key);
-            if (mainTop != null) {
-                if (maxMainTop === undefined || mainTop > maxMainTop) {
-                    maxMainTop = mainTop;
-                }
-                if (mainHeight != null) {
-                    const mainBottom = mainTop + mainHeight;
-                    if (minMainBottom === undefined || mainBottom < minMainBottom) {
-                        minMainBottom = mainBottom;
-                    }
-                }
-            }
-        }
-        return [
-            maxMainTop,
-            minMainBottom != null && maxMainTop != null
-                ? minMainBottom - maxMainTop
-                : undefined,
-        ];
-    }
-    // Internal Utils
-    // -----------------------------------------------------------------------------------------------
-    getMirrorSegs() {
-        let { props } = this;
-        if (props.eventResize && props.eventResize.segs.length) { // messy check
-            return props.eventResize.segs;
-        }
-        return [];
-    }
-    getHighlightSegs() {
-        let { props } = this;
-        if (props.eventDrag && props.eventDrag.segs.length) { // messy check
-            return props.eventDrag.segs;
-        }
-        if (props.eventResize && props.eventResize.segs.length) { // messy check
-            return props.eventResize.segs;
-        }
-        return props.dateSelectionSegs;
-    }
-}
-
-class DayGridRows extends internal_cjs.DateComponent {
-    constructor() {
-        super(...arguments);
-        // memo
-        this.splitBusinessHourSegs = internal_cjs.memoize(splitSegsByRow);
-        this.splitBgEventSegs = internal_cjs.memoize(splitSegsByRow);
-        this.splitFgEventSegs = internal_cjs.memoize(splitSegsByRow);
-        this.splitDateSelectionSegs = internal_cjs.memoize(splitSegsByRow);
-        this.splitEventDrag = internal_cjs.memoize(splitInteractionByRow);
-        this.splitEventResize = internal_cjs.memoize(splitInteractionByRow);
-        // internal
-        this.rowHeightRefMap = new internal_cjs.RefMap((height, key) => {
-            // HACKy way of syncing RefMap results with prop
-            const { rowHeightRefMap } = this.props;
-            if (rowHeightRefMap) {
-                rowHeightRefMap.handleValue(height, key);
-            }
-        });
-        this.handleRootEl = (rootEl) => {
-            this.rootEl = rootEl;
-            if (rootEl) {
-                this.context.registerInteractiveComponent(this, {
-                    el: rootEl,
-                    isHitComboAllowed: this.props.isHitComboAllowed,
-                });
-            }
-            else {
-                this.context.unregisterInteractiveComponent(this);
-            }
-        };
-    }
-    render() {
-        let { props, context, rowHeightRefMap } = this;
-        let { options } = context;
-        let rowCnt = props.cellRows.length;
-        let fgEventSegsByRow = this.splitFgEventSegs(props.fgEventSegs, rowCnt);
-        let bgEventSegsByRow = this.splitBgEventSegs(props.bgEventSegs, rowCnt);
-        let businessHourSegsByRow = this.splitBusinessHourSegs(props.businessHourSegs, rowCnt);
-        let dateSelectionSegsByRow = this.splitDateSelectionSegs(props.dateSelectionSegs, rowCnt);
-        let eventDragByRow = this.splitEventDrag(props.eventDrag, rowCnt);
-        let eventResizeByRow = this.splitEventResize(props.eventResize, rowCnt);
-        let isHeightAuto = internal_cjs.getIsHeightAuto(options);
-        let rowHeightsRedistribute = !props.forPrint && !isHeightAuto;
-        let [rowMinHeight, isCompact] = computeRowHeight(props.visibleWidth, rowCnt, isHeightAuto, props.forPrint, options);
-        return (preact_cjs.createElement("div", { className: internal_cjs.joinClassNames(
-            // HACK for Safari. Can't do break-inside:avoid with flexbox items, likely b/c it's not standard:
-            // https://stackoverflow.com/a/60256345
-            !props.forPrint && 'fc-flex-col', props.className), style: { width: props.width }, ref: this.handleRootEl }, props.cellRows.map((cells, row) => (preact_cjs.createElement(DayGridRow, { key: cells[0].key, dateProfile: props.dateProfile, todayRange: props.todayRange, cells: cells, showDayNumbers: rowCnt > 1, showWeekNumbers: options.weekNumbers, forPrint: props.forPrint, isCompact: isCompact, 
-            // if not auto-height, distribute height of container somewhat evently to rows
-            // (treat all as zero, distribute height, then ensure min-heights -- the inner content height)
-            className: internal_cjs.joinClassNames(rowHeightsRedistribute && 'fc-grow fc-basis0', rowCnt > 1 && 'fc-break-inside-avoid', // don't avoid breaks for single tall row
-            row < rowCnt - 1 && 'fc-border-b'), 
-            // content
-            fgEventSegs: fgEventSegsByRow[row], bgEventSegs: bgEventSegsByRow[row].filter(isSegAllDay) /* HACK */, businessHourSegs: businessHourSegsByRow[row], dateSelectionSegs: dateSelectionSegsByRow[row], eventSelection: props.eventSelection, eventDrag: eventDragByRow[row], eventResize: eventResizeByRow[row], dayMaxEvents: props.dayMaxEvents, dayMaxEventRows: props.dayMaxEventRows, 
-            // dimensions
-            colWidth: props.colWidth, minHeight: rowMinHeight, 
-            // refs
-            heightRef: rowHeightRefMap.createRef(cells[0].key) })))));
-    }
-    componentDidMount() {
-        this.disconnectWidth = internal_cjs.watchWidth(this.rootEl, (width) => {
-            this.setState({ width });
-        });
-    }
-    componentWillUnmount() {
-        this.disconnectWidth();
-    }
-    // Hit System
-    // -----------------------------------------------------------------------------------------------
-    queryHit(positionLeft, positionTop, elWidth) {
-        const { props, context } = this;
-        const colCnt = props.cellRows[0].length;
-        const { col, left, right } = computeColFromPosition(positionLeft, elWidth, props.colWidth, colCnt, context.isRtl);
-        const { row, top, bottom } = computeRowFromPosition(positionTop, props.cellRows, this.rowHeightRefMap.current);
-        const cell = props.cellRows[row][col];
-        const cellStartDate = cell.date;
-        const cellEndDate = internal_cjs.addDays(cellStartDate, 1);
-        return {
-            dateProfile: props.dateProfile,
-            dateSpan: Object.assign({ range: {
-                    start: cellStartDate,
-                    end: cellEndDate,
-                }, allDay: true }, cell.dateSpanProps),
-            // HACK. TODO: This is expensive to do every hit-query
-            dayEl: getCellEl(getRowEl(this.rootEl, row), col),
-            rect: {
-                left,
-                right,
-                top,
-                bottom,
-            },
-            layer: 0,
-        };
-    }
-}
-// Utils
-// -------------------------------------------------------------------------------------------------
-function isSegAllDay(seg) {
-    return seg.eventRange.def.allDay;
-}
-function computeRowHeight(visibleWidth, // should INCLUDE any scrollbar width to avoid oscillation
-rowCnt, isHeightAuto, forPrint, options) {
-    if (visibleWidth != null) {
-        // ensure a consistent row min-height modelled after a month with 6 rows respecting aspectRatio
-        // will result in same minHeight regardless of weekends, dayMinWidth, height:auto
-        const rowMinHeight = visibleWidth / options.aspectRatio / 6;
-        return [
-            forPrint
-                // special-case for print, which condenses whole-page width without notifying
-                // this is value that looks natural on paper for portrait/landscape
-                ? '6em'
-                // don't give minHeight when single-month non-auto-height
-                // TODO: better way to detect this with DateProfile?
-                : (rowCnt > 6 || isHeightAuto)
-                    ? rowMinHeight
-                    : undefined,
-            // isCompact?: just before most lone +more links hit bottom of cell
-            rowMinHeight < 70,
-        ];
-    }
-    return [undefined, false];
-}
-
-class DayGridHeaderCell extends internal_cjs.BaseComponent {
-    constructor() {
-        super(...arguments);
-        this.handleInnerEl = (innerEl) => {
-            if (this.disconectInnerHeight) {
-                this.disconectInnerHeight();
-                this.disconectInnerHeight = undefined;
-            }
-            if (innerEl) {
-                this.disconectInnerHeight = internal_cjs.watchHeight(innerEl, (height) => {
-                    internal_cjs.setRef(this.props.innerHeightRef, height);
-                });
-            }
-            else {
-                internal_cjs.setRef(this.props.innerHeightRef, null);
-            }
-        };
-    }
-    render() {
-        const { props } = this;
-        const { renderConfig, dataConfig } = props;
-        return (preact_cjs.createElement(internal_cjs.ContentContainer, { tag: 'div', attrs: dataConfig.attrs, className: internal_cjs.joinClassNames(dataConfig.className, 'fc-header-cell fc-cell fc-flex-col fc-align-center', props.borderStart && 'fc-border-s', !props.isSticky && 'fc-crop', props.colWidth == null && 'fc-liquid'), style: {
-                width: props.colWidth != null
-                    ? props.colWidth * (dataConfig.colSpan || 1)
-                    : undefined,
-            }, renderProps: dataConfig.renderProps, generatorName: renderConfig.generatorName, customGenerator: renderConfig.customGenerator, defaultGenerator: internal_cjs.renderText, classNameGenerator: 
-            // don't use custom classNames if disabled
-            // TODO: make DRY with DayCellContainer
-            dataConfig.renderProps.isDisabled ? undefined : renderConfig.classNameGenerator, didMount: renderConfig.didMount, willUnmount: renderConfig.willUnmount }, (InnerContainer) => (!dataConfig.renderProps.isDisabled && (preact_cjs.createElement(InnerContainer, { tag: dataConfig.isNavLink ? 'a' : 'div', attrs: dataConfig.innerAttrs, className: internal_cjs.joinClassNames('fc-cell-inner fc-flex-col fc-padding-sm', props.isSticky && 'fc-sticky-s'), elRef: this.handleInnerEl })))));
-    }
-}
-
-class DayGridHeaderRow extends internal_cjs.BaseComponent {
-    constructor() {
-        super(...arguments);
-        // ref
-        this.innerHeightRefMap = new internal_cjs.RefMap(() => {
-            internal_cjs.afterSize(this.handleInnerHeights);
-        });
-        this.handleInnerHeights = () => {
-            const innerHeightMap = this.innerHeightRefMap.current;
-            let max = 0;
-            for (const innerHeight of innerHeightMap.values()) {
-                max = Math.max(max, innerHeight);
-            }
-            if (this.currentInnerHeight !== max) {
-                this.currentInnerHeight = max;
-                internal_cjs.setRef(this.props.innerHeightRef, max);
-            }
-        };
-    }
-    render() {
-        const { props } = this;
-        return (preact_cjs.createElement("div", { role: 'row', className: internal_cjs.joinClassNames('fc-flex-row fc-content-box', props.className), style: { height: props.height } }, props.dataConfigs.map((dataConfig, cellI) => (preact_cjs.createElement(DayGridHeaderCell, { key: dataConfig.key, renderConfig: props.renderConfig, dataConfig: dataConfig, isSticky: props.isSticky, borderStart: Boolean(cellI), colWidth: props.colWidth, innerHeightRef: props.innerHeightRef })))));
-    }
-}
-
-/*
-TODO: kill this class in favor of DayGridHeaderRows?
-*/
-class DayGridHeader extends internal_cjs.BaseComponent {
-    render() {
-        const { props } = this;
-        return (preact_cjs.createElement("div", { className: internal_cjs.joinClassNames(props.className, 'fc-flex-col', props.width == null && 'fc-liquid'), style: {
-                width: props.width
-            } }, props.headerTiers.map((rowConfig, tierNum) => (preact_cjs.createElement(DayGridHeaderRow, Object.assign({}, rowConfig, { key: tierNum, className: tierNum ? 'fc-border-t' : '', colWidth: props.colWidth }))))));
-    }
-}
-
-class DayGridLayoutNormal extends internal_cjs.BaseComponent {
-    constructor() {
-        super(...arguments);
-        this.handleScroller = (scroller) => {
-            internal_cjs.setRef(this.props.scrollerRef, scroller);
-        };
-        this.handleClientWidth = (clientWidth) => {
-            this.setState({ clientWidth });
-        };
-        this.handleEndScrollbarWidth = (endScrollbarWidth) => {
-            this.setState({ endScrollbarWidth });
-        };
-    }
-    render() {
-        const { props, state, context } = this;
-        const { options } = context;
-        const verticalScrollbars = !props.forPrint && !internal_cjs.getIsHeightAuto(options);
-        const stickyHeaderDates = !props.forPrint && internal_cjs.getStickyHeaderDates(options);
-        return (preact_cjs.createElement(preact_cjs.Fragment, null,
-            options.dayHeaders && (preact_cjs.createElement("div", { className: internal_cjs.joinClassNames(props.forPrint ? 'fc-print-header' : 'fc-flex-row', // col for print, row for screen
-                'fc-border-b') },
-                preact_cjs.createElement(DayGridHeader, { headerTiers: props.headerTiers, className: internal_cjs.joinClassNames('fc-daygrid-header', stickyHeaderDates && 'fc-table-header-sticky') }),
-                Boolean(state.endScrollbarWidth) && (preact_cjs.createElement("div", { className: 'fc-border-s fc-filler', style: { minWidth: state.endScrollbarWidth } })))),
-            preact_cjs.createElement(internal_cjs.Scroller, { vertical: verticalScrollbars, clientWidthRef: this.handleClientWidth, endScrollbarWidthRef: this.handleEndScrollbarWidth, className: internal_cjs.joinClassNames('fc-daygrid-body', 
-                // HACK for Safari. Can't do break-inside:avoid with flexbox items, likely b/c it's not standard:
-                // https://stackoverflow.com/a/60256345
-                !props.forPrint && 'fc-flex-col', verticalScrollbars && 'fc-liquid'), ref: this.handleScroller },
-                preact_cjs.createElement(DayGridRows, { dateProfile: props.dateProfile, todayRange: props.todayRange, cellRows: props.cellRows, forPrint: props.forPrint, isHitComboAllowed: props.isHitComboAllowed, className: 'fc-grow', dayMaxEvents: props.forPrint ? undefined : options.dayMaxEvents, dayMaxEventRows: options.dayMaxEventRows, 
-                    // content
-                    fgEventSegs: props.fgEventSegs, bgEventSegs: props.bgEventSegs, businessHourSegs: props.businessHourSegs, dateSelectionSegs: props.dateSelectionSegs, eventDrag: props.eventDrag, eventResize: props.eventResize, eventSelection: props.eventSelection, 
-                    // dimensions
-                    visibleWidth: // TODO: DRY
-                    state.clientWidth != null && state.endScrollbarWidth != null
-                        ? state.clientWidth + state.endScrollbarWidth
-                        : undefined, 
-                    // refs
-                    rowHeightRefMap: props.rowHeightRefMap }))));
-    }
-}
-
-class DayGridLayoutPannable extends internal_cjs.BaseComponent {
-    constructor() {
-        super(...arguments);
-        this.headerScrollerRef = preact_cjs.createRef();
-        this.bodyScrollerRef = preact_cjs.createRef();
-        this.footerScrollerRef = preact_cjs.createRef();
-        // Sizing
-        // -----------------------------------------------------------------------------------------------
-        this.handleClientWidth = (clientWidth) => {
-            this.setState({ clientWidth });
-        };
-        this.handleEndScrollbarWidth = (endScrollbarWidth) => {
-            this.setState({ endScrollbarWidth });
-        };
-    }
-    render() {
-        const { props, state, context } = this;
-        const { options } = context;
-        const verticalScrollbars = !props.forPrint && !internal_cjs.getIsHeightAuto(options);
-        const stickyHeaderDates = !props.forPrint && internal_cjs.getStickyHeaderDates(options);
-        const stickyFooterScrollbar = !props.forPrint && internal_cjs.getStickyFooterScrollbar(options);
-        const colCnt = props.cellRows[0].length;
-        const [canvasWidth, colWidth] = computeColWidth(colCnt, props.dayMinWidth, state.clientWidth);
-        return (preact_cjs.createElement(preact_cjs.Fragment, null,
-            options.dayHeaders && (preact_cjs.createElement("div", { className: 'fc-print-header' },
-                preact_cjs.createElement(internal_cjs.Scroller, { horizontal: true, hideScrollbars: true, className: internal_cjs.joinClassNames('fc-daygrid-header fc-flex-row fc-border-b', stickyHeaderDates && 'fc-table-header-sticky'), ref: this.headerScrollerRef },
-                    preact_cjs.createElement(DayGridHeader, { headerTiers: props.headerTiers, colWidth: colWidth, width: canvasWidth }),
-                    Boolean(state.endScrollbarWidth) && (preact_cjs.createElement("div", { className: 'fc-border-s fc-filler', style: { minWidth: state.endScrollbarWidth } }))))),
-            preact_cjs.createElement(internal_cjs.Scroller, { vertical: verticalScrollbars, horizontal: true, hideScrollbars: stickyFooterScrollbar ||
-                    props.forPrint // prevents blank space in print-view on Safari
-                , className: internal_cjs.joinClassNames('fc-daygrid-body', 
-                // HACK for Safari. Can't do break-inside:avoid with flexbox items, likely b/c it's not standard:
-                // https://stackoverflow.com/a/60256345
-                !props.forPrint && 'fc-flex-col', verticalScrollbars && 'fc-liquid'), ref: this.bodyScrollerRef, clientWidthRef: this.handleClientWidth, endScrollbarWidthRef: this.handleEndScrollbarWidth },
-                preact_cjs.createElement(DayGridRows, { dateProfile: props.dateProfile, todayRange: props.todayRange, cellRows: props.cellRows, forPrint: props.forPrint, isHitComboAllowed: props.isHitComboAllowed, className: 'fc-grow', dayMaxEvents: props.forPrint ? undefined : options.dayMaxEvents, dayMaxEventRows: options.dayMaxEventRows, 
-                    // content
-                    fgEventSegs: props.fgEventSegs, bgEventSegs: props.bgEventSegs, businessHourSegs: props.businessHourSegs, dateSelectionSegs: props.dateSelectionSegs, eventDrag: props.eventDrag, eventResize: props.eventResize, eventSelection: props.eventSelection, 
-                    // dimensions
-                    colWidth: colWidth, width: canvasWidth, visibleWidth: // TODO: DRY
-                    state.clientWidth != null && state.endScrollbarWidth != null
-                        ? state.clientWidth + state.endScrollbarWidth
-                        : undefined, 
-                    // refs
-                    rowHeightRefMap: props.rowHeightRefMap })),
-            Boolean(stickyFooterScrollbar) && (preact_cjs.createElement(internal_cjs.StickyFooterScrollbar, { canvasWidth: canvasWidth, scrollerRef: this.footerScrollerRef }))));
-    }
-    // Lifecycle
-    // -----------------------------------------------------------------------------------------------
-    componentDidMount() {
-        // scroller
-        const ScrollerSyncer = internal_cjs.getScrollerSyncerClass(this.context.pluginHooks);
-        this.syncedScroller = new ScrollerSyncer(true); // horizontal=true
-        internal_cjs.setRef(this.props.scrollerRef, this.syncedScroller);
-        this.updateSyncedScroller();
-    }
-    componentDidUpdate() {
-        // scroller
-        this.updateSyncedScroller();
-    }
-    componentWillUnmount() {
-        // scroller
-        this.syncedScroller.destroy();
-    }
-    // Scrolling
-    // -----------------------------------------------------------------------------------------------
-    updateSyncedScroller() {
-        this.syncedScroller.handleChildren([
-            this.headerScrollerRef.current,
-            this.bodyScrollerRef.current,
-            this.footerScrollerRef.current,
-        ]);
-    }
-}
-
-class DayGridLayout extends internal_cjs.BaseComponent {
-    constructor() {
-        super(...arguments);
-        // ref
-        this.scrollerRef = preact_cjs.createRef();
-        this.rowHeightRefMap = new internal_cjs.RefMap(() => {
-            internal_cjs.afterSize(this.updateScrollY);
-        });
-        // internal
-        this.scrollDate = null;
-        this.updateScrollY = () => {
-            const rowHeightMap = this.rowHeightRefMap.current;
-            const scroller = this.scrollerRef.current;
-            // Since updateScrollY is called by rowHeightRefMap, could be called with null during cleanup,
-            // and the scroller might not exist
-            if (scroller && this.scrollDate) {
-                let scrollTop = computeTopFromDate(this.scrollDate, this.props.cellRows, rowHeightMap, 1);
-                if (scrollTop != null) {
-                    if (scrollTop) {
-                        scrollTop++; // clear top border
-                    }
-                    scroller.scrollTo({ y: scrollTop });
-                }
-            }
-        };
-        this.clearScroll = () => {
-            this.scrollDate = null;
-        };
-    }
-    render() {
-        const { props, context } = this;
-        const { options } = context;
-        const commonLayoutProps = Object.assign(Object.assign({}, props), { scrollerRef: this.scrollerRef, rowHeightRefMap: this.rowHeightRefMap });
-        return (preact_cjs.createElement(internal_cjs.ViewContainer, { viewSpec: context.viewSpec, className: internal_cjs.joinClassNames(props.className, 'fc-print-root fc-border') }, options.dayMinWidth ? (preact_cjs.createElement(DayGridLayoutPannable, Object.assign({}, commonLayoutProps, { dayMinWidth: options.dayMinWidth }))) : (preact_cjs.createElement(DayGridLayoutNormal, Object.assign({}, commonLayoutProps)))));
-    }
-    // Lifecycle
-    // -----------------------------------------------------------------------------------------------
-    componentDidMount() {
-        this.resetScroll();
-        this.scrollerRef.current.addScrollEndListener(this.clearScroll);
-    }
-    componentDidUpdate(prevProps) {
-        if (prevProps.dateProfile !== this.props.dateProfile && this.context.options.scrollTimeReset) {
-            this.resetScroll();
-        }
-    }
-    componentWillUnmount() {
-        this.scrollerRef.current.removeScrollEndListener(this.clearScroll);
-    }
-    // Scrolling
-    // -----------------------------------------------------------------------------------------------
-    resetScroll() {
-        this.scrollDate = this.props.dateProfile.currentDate;
-        this.updateScrollY();
-        // updateScrollX
-        const scroller = this.scrollerRef.current;
-        scroller.scrollTo({ x: 0 });
-    }
-}
-
-class DayGridView extends internal_cjs.BaseComponent {
-    constructor() {
-        super(...arguments);
-        // memo
-        this.buildDayTableModel = internal_cjs.memoize(buildDayTableModel);
-        this.buildDateRowConfigs = internal_cjs.memoize(buildDateRowConfigs);
-        this.createDayHeaderFormatter = internal_cjs.memoize(createDayHeaderFormatter);
-        // internal
-        this.slicer = new DayTableSlicer();
-    }
-    render() {
-        const { props, context } = this;
-        const { options } = context;
-        const dayTableModel = this.buildDayTableModel(props.dateProfile, context.dateProfileGenerator);
-        const datesRepDistinctDays = dayTableModel.rowCnt === 1;
-        const dayHeaderFormat = this.createDayHeaderFormatter(context.options.dayHeaderFormat, datesRepDistinctDays, dayTableModel.colCnt);
-        const slicedProps = this.slicer.sliceProps(props, props.dateProfile, options.nextDayThreshold, context, dayTableModel);
-        return (preact_cjs.createElement(internal_cjs.NowTimer, { unit: "day" }, (nowDate, todayRange) => {
-            const headerTiers = this.buildDateRowConfigs(dayTableModel.headerDates, datesRepDistinctDays, props.dateProfile, todayRange, dayHeaderFormat, context);
-            return (preact_cjs.createElement(DayGridLayout, { dateProfile: props.dateProfile, todayRange: todayRange, cellRows: dayTableModel.cellRows, forPrint: props.forPrint, className: 'fc-daygrid', 
-                // header content
-                headerTiers: headerTiers, 
-                // body content
-                fgEventSegs: slicedProps.fgEventSegs, bgEventSegs: slicedProps.bgEventSegs, businessHourSegs: slicedProps.businessHourSegs, dateSelectionSegs: slicedProps.dateSelectionSegs, eventDrag: slicedProps.eventDrag, eventResize: slicedProps.eventResize, eventSelection: slicedProps.eventSelection }));
-        }));
-    }
-}
-
-class TableDateProfileGenerator extends internal_cjs.DateProfileGenerator {
-    // Computes the date range that will be rendered
-    buildRenderRange(currentRange, currentRangeUnit, isRangeAllDay) {
-        let renderRange = super.buildRenderRange(currentRange, currentRangeUnit, isRangeAllDay);
-        let { props } = this;
-        return buildDayTableRenderRange({
-            currentRange: renderRange,
-            snapToWeek: /^(year|month)$/.test(currentRangeUnit),
-            fixedWeekCount: props.fixedWeekCount,
-            dateEnv: props.dateEnv,
-        });
-    }
-}
-function buildDayTableRenderRange(props) {
-    let { dateEnv, currentRange } = props;
-    let { start, end } = currentRange;
-    let endOfWeek;
-    // year and month views should be aligned with weeks. this is already done for week
-    if (props.snapToWeek) {
-        start = dateEnv.startOfWeek(start);
-        // make end-of-week if not already
-        endOfWeek = dateEnv.startOfWeek(end);
-        if (endOfWeek.valueOf() !== end.valueOf()) {
-            end = internal_cjs.addWeeks(endOfWeek, 1);
-        }
-    }
-    // ensure 6 weeks
-    if (props.fixedWeekCount) {
-        // TODO: instead of these date-math gymnastics (for multimonth view),
-        // compute dateprofiles of all months, then use start of first and end of last.
-        let lastMonthRenderStart = dateEnv.startOfWeek(dateEnv.startOfMonth(internal_cjs.addDays(currentRange.end, -1)));
-        let rowCnt = Math.ceil(// could be partial weeks due to hiddenDays
-        internal_cjs.diffWeeks(lastMonthRenderStart, end));
-        end = internal_cjs.addWeeks(end, 6 - rowCnt);
-    }
-    return { start, end };
-}
-
-var css_248z = ":root{--fc-daygrid-event-dot-width:8px}.fc-daygrid-day.fc-day-today{background-color:var(--fc-today-bg-color)}.fc-daygrid-day-header{display:flex;flex-direction:row-reverse}.fc-day-other .fc-daygrid-day-header{opacity:.3}.fc-daygrid-day-number{padding:4px;position:relative}.fc-daygrid-month-start{font-size:1.1em;font-weight:700}.fc-daygrid-day-body{display:flex;flex-direction:column;margin-bottom:1px}.fc-daygrid-day-body-tall{margin-bottom:1em;min-height:2em}.fc-daygrid-day-body:only-child{margin-top:2px}.fc-daygrid-more-link{border-radius:3px;cursor:pointer;font-size:var(--fc-small-font-size);margin:0 2px 1px;max-width:100%;overflow:hidden;padding:2px;position:relative;white-space:nowrap}.fc-daygrid-more-link:hover{background-color:rgba(0,0,0,.1)}.fc-daygrid-more-link-button{align-self:flex-start}.fc-daygrid-more-link-block{border:1px solid var(--fc-event-border-color);padding:1px}.fc-daygrid-week-number{background-color:var(--fc-neutral-bg-color);color:var(--fc-neutral-text-color);min-width:1.5em;padding:2px;position:absolute;text-align:center;top:0}.fc-more-popover .fc-popover-body{min-width:220px;padding:10px}.fc-daygrid-event{border-radius:3px;font-size:var(--fc-small-font-size);margin-bottom:1px}.fc-media-print .fc-daygrid-event{overflow:hidden!important;white-space:nowrap!important}.fc-direction-ltr .fc-daygrid-event.fc-event-start,.fc-direction-rtl .fc-daygrid-event.fc-event-end{margin-left:2px}.fc-direction-ltr .fc-daygrid-event.fc-event-end,.fc-direction-rtl .fc-daygrid-event.fc-event-start{margin-right:2px}.fc-direction-ltr .fc-daygrid-event .fc-event-time{margin-right:3px}.fc-direction-rtl .fc-daygrid-event .fc-event-time{margin-left:3px}.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end){border-bottom-left-radius:0;border-left-width:0;border-top-left-radius:0}.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start){border-bottom-right-radius:0;border-right-width:0;border-top-right-radius:0}.fc-daygrid-block-event .fc-event-time{font-weight:700}.fc-daygrid-block-event .fc-event-time,.fc-daygrid-block-event .fc-event-title{padding:1px}.fc-daygrid-dot-event{align-items:center;direction:row;display:flex;padding:2px 0;position:relative;z-index:2}.fc-daygrid-dot-event.fc-event-mirror,.fc-daygrid-dot-event:hover{background:rgba(0,0,0,.1)}.fc-daygrid-dot-event.fc-event-selected:before{bottom:-10px;top:-10px}.fc-daygrid-event-dot{border:calc(var(--fc-daygrid-event-dot-width)/2) solid var(--fc-event-border-color);border-radius:calc(var(--fc-daygrid-event-dot-width)/2);box-sizing:content-box;height:0;margin:0 4px;width:0}.fc-daygrid-dot-event .fc-event-time,.fc-daygrid-dot-event .fc-event-title{overflow:hidden;white-space:nowrap}.fc-daygrid-dot-event .fc-event-title{flex-basis:0;flex-grow:1;font-weight:700;min-height:0;min-width:0}";
-internal_cjs.injectStyles(css_248z);
-
-exports.DayGridHeaderRow = DayGridHeaderRow;
-exports.DayGridLayout = DayGridLayout;
-exports.DayGridRow = DayGridRow;
-exports.DayGridRows = DayGridRows;
-exports.DayGridView = DayGridView;
-exports.DayTableSlicer = DayTableSlicer;
-exports.TableDateProfileGenerator = TableDateProfileGenerator;
-exports.buildDateDataConfigs = buildDateDataConfigs;
-exports.buildDateRenderConfig = buildDateRenderConfig;
-exports.buildDateRowConfig = buildDateRowConfig;
-exports.buildDateRowConfigs = buildDateRowConfigs;
-exports.buildDayTableModel = buildDayTableModel;
-exports.buildDayTableRenderRange = buildDayTableRenderRange;
-exports.computeColFromPosition = computeColFromPosition;
-exports.computeColWidth = computeColWidth;
-exports.computeRowHeight = computeRowHeight;
-exports.createDayHeaderFormatter = createDayHeaderFormatter;
-exports.getCellEl = getCellEl;
-exports.getRowEl = getRowEl;