@fullcalendar/core 7.0.0-beta.0 → 7.0.0-beta.3

package/index.global.js

@@ -1,5 +1,5 @@
 /*!
-FullCalendar Core v7.0.0-beta.0
+FullCalendar Core v7.0.0-beta.3
 Docs & License: https://fullcalendar.io
 (c) 2024 Adam Shaw
 */
@@ -86,102 +86,9 @@ var FullCalendar = (function (exports) {
         registerStylesRoot(document);
     }
 
-    var css_248z = ":root{--fc-small-font-size:.85em;--fc-page-bg-color:#fff;--fc-neutral-bg-color:hsla(0,0%,82%,.3);--fc-neutral-text-color:grey;--fc-border-color:#ddd;--fc-button-text-color:#fff;--fc-button-bg-color:#2c3e50;--fc-button-border-color:#2c3e50;--fc-button-hover-bg-color:#1e2b37;--fc-button-hover-border-color:#1a252f;--fc-button-active-bg-color:#1a252f;--fc-button-active-border-color:#151e27;--fc-event-bg-color:#3788d8;--fc-event-border-color:#3788d8;--fc-event-text-color:#fff;--fc-event-selected-overlay-color:rgba(0,0,0,.25);--fc-more-link-bg-color:#d0d0d0;--fc-more-link-text-color:inherit;--fc-event-resizer-thickness:8px;--fc-event-resizer-dot-total-width:8px;--fc-event-resizer-dot-border-width:1px;--fc-non-business-color:hsla(0,0%,84%,.3);--fc-bg-event-color:#8fdf82;--fc-bg-event-opacity:0.3;--fc-highlight-color:rgba(188,232,241,.3);--fc-today-bg-color:rgba(255,220,40,.15);--fc-now-indicator-color:red}.fc{display:flex;flex-direction:column;gap:1.5em}.fc,.fc *,.fc :after,.fc :before{box-sizing:border-box}.fc-direction-ltr{direction:ltr;text-align:left}.fc-direction-rtl{direction:rtl;text-align:right}.fc-flex-row{display:flex;flex-direction:row}.fc-flex-column{display:flex;flex-direction:column}.fc-grow{flex-grow:1}.fc-basis0,.fc-liquid{flex-basis:0}.fc-liquid{flex-grow:1;min-height:0;min-width:0}.fc-row{display:flex;flex-direction:row}.fc-rowgroup{display:flex;flex-direction:column}.fc-row,.fc-rowdivider,.fc-rowgroup{border-color:var(--fc-border-color);border-style:solid;border-width:1px 0 0}.fc-row:first-child:not(.fc-not-first),.fc-rowdivider+.fc-row,.fc-rowdivider+.fc-rowgroup,.fc-rowdivider:first-child,.fc-rowgroup:first-child,.fc-sticky-header+.fc-row,.fc-sticky-header+.fc-rowgroup{border-top-width:0}.fc-cell,.fc-celldivider{border:0 solid var(--fc-border-color)}.fc-cell{margin:0!important;padding:0!important}.fc-cell-inner{overflow:hidden;white-space:nowrap}.fc-direction-ltr .fc-cell,.fc-direction-ltr .fc-celldivider{border-left-width:1px}.fc-direction-ltr .fc-cell:first-child:not(.fc-not-first),.fc-direction-ltr .fc-celldivider+.fc-cell{border-left-width:0}.fc-direction-ltr .fc-celldivider,.fc-direction-rtl .fc-cell,.fc-direction-rtl .fc-celldivider{border-right-width:1px}.fc-direction-rtl .fc-cell:first-child:not(.fc-not-first),.fc-direction-rtl .fc-celldivider+.fc-cell{border-right-width:0}.fc-direction-rtl .fc-celldivider{border-left-width:1px}.fc-cell:only-child{flex-basis:0;flex-grow:1;min-width:0}.fc-celldivider,.fc-rowdivider{background:var(--fc-neutral-bg-color)}.fc-celldivider{padding-left:2px}.fc-rowdivider{padding-bottom:2px}.fc-rowdivider,.fc-sticky-header{border-bottom-width:1px}.fc-rel{position:relative}.fc-abs{position:absolute}.fc-fill{bottom:0;top:0}.fc-fill,.fc-fill-x{left:0;position:absolute;right:0}.fc-fill-y{bottom:0;position:absolute;top:0}.fc-sticky-y{bottom:0;position:sticky;top:0}.fc-sticky-x{left:0;position:sticky;right:0}.fc-sticky-header{background:var(--fc-page-bg-color);position:sticky;top:0;z-index:9999}.fc-sticky-footer{bottom:0;position:sticky;z-index:9999}.fc-content-box{box-sizing:content-box}.fc-border{border:1px solid var(--fc-border-color)}.fc-offscreen{left:-10000px;position:absolute}.fc-shaded{background-color:var(--fc-neutral-bg-color)}.fc-padding-sm{padding:2px 4px}.fc-padding-md{padding:4px 5px}.fc-padding-lg{padding:8px}.fc-justify-center{justify-content:center}.fc-align-center{align-items:center}.fc-align-start{align-items:flex-start}.fc a[data-navlink]{cursor:pointer}.fc a[data-navlink]:hover{text-decoration:underline}.fc-view-harness{position:relative}.fc-view-harness-fixedheight,.fc-view-harness-liquid{display:flex;flex-direction:column}.fc-view-harness-fixedheight>.fc-view,.fc-view-harness-liquid,.fc-view-harness-liquid>.fc-view{flex-basis:0;flex-grow:1;min-height:0}.fc-view-harness-aspectratio>.fc-view{bottom:0;left:0;position:absolute;right:0;top:0}a.fc-event,a.fc-event:hover{text-decoration:none}.fc-event.fc-event-draggable,.fc-event[href]{cursor:pointer}.fc-event-dragging:not(.fc-event-selected){opacity:.75}.fc-event-dragging.fc-event-selected{box-shadow:0 2px 7px rgba(0,0,0,.3)}.fc-event-selected,.fc-event:focus{box-shadow:0 2px 5px rgba(0,0,0,.2)}.fc-event-selected:before,.fc-event:focus:before{bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;z-index:3}.fc-event-selected:after,.fc-event:focus:after{background:var(--fc-event-selected-overlay-color);bottom:-1px;content:\"\";left:-1px;position:absolute;right:-1px;top:-1px;z-index:1}.fc-event-inner{position:relative;z-index:2}.fc-event-resizer{display:none;position:absolute;z-index:4}.fc-event-selected .fc-event-resizer,.fc-event:hover .fc-event-resizer{display:block}.fc-event-selected .fc-event-resizer{background:var(--fc-page-bg-color);border-color:inherit;border-radius:calc(var(--fc-event-resizer-dot-total-width)/2);border-style:solid;border-width:var(--fc-event-resizer-dot-border-width);height:var(--fc-event-resizer-dot-total-width);width:var(--fc-event-resizer-dot-total-width)}.fc-event-selected .fc-event-resizer:before{bottom:-20px;content:\"\";left:-20px;position:absolute;right:-20px;top:-20px}.fc-bg-event,.fc-highlight,.fc-non-business{bottom:0;left:0;position:absolute;right:0;top:0}.fc-non-business{background:var(--fc-non-business-color)}.fc-bg-event{background:var(--fc-bg-event-color);opacity:var(--fc-bg-event-opacity)}.fc-bg-event .fc-event-title{font-size:var(--fc-small-font-size);font-style:italic;margin:.5em}.fc-highlight{background:var(--fc-highlight-color)}.fc-day-disabled{background:var(--fc-neutral-bg-color)}.fc-h-event{background-color:var(--fc-event-bg-color);border:1px solid var(--fc-event-border-color);display:flex;flex-direction:column;position:relative}.fc-h-event.fc-event-selected:before{bottom:-10px;top:-10px}.fc-h-event .fc-event-inner{color:var(--fc-event-text-color);display:flex;flex-direction:row;flex-grow:1;min-width:0}.fc-h-event .fc-event-time,.fc-h-event .fc-event-title{overflow:hidden;white-space:nowrap}.fc-h-event .fc-event-title-outer{display:flex;flex-basis:0;flex-direction:row;flex-grow:1;min-width:0}.fc-h-event .fc-event-title{left:0;position:sticky;right:0}.fc-h-event:not(.fc-event-selected) .fc-event-resizer{bottom:0;top:0;width:var(--fc-event-resizer-thickness)}.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end{cursor:w-resize;left:calc(var(--fc-event-resizer-thickness)*-.5)}.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start{cursor:e-resize;right:calc(var(--fc-event-resizer-thickness)*-.5)}.fc-h-event.fc-event-selected .fc-event-resizer{margin-top:calc(var(--fc-event-resizer-dot-total-width)*-.5);top:50%}.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end{left:calc(var(--fc-event-resizer-dot-total-width)*-.5)}.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start{right:calc(var(--fc-event-resizer-dot-total-width)*-.5)}.fc-popover{box-shadow:0 2px 6px rgba(0,0,0,.15);position:absolute;z-index:9999}.fc-popover-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:3px 4px}.fc-popover-title{margin:0 2px}.fc-popover-close{cursor:pointer;font-size:1.1em;opacity:.65}.fc-theme-standard .fc-popover{background:var(--fc-page-bg-color);border:1px solid var(--fc-border-color)}.fc-theme-standard .fc-popover-header{background:var(--fc-neutral-bg-color)}.fc-scroller-nobars{-ms-overflow-style:none;scrollbar-width:none}.fc-scroller-nobars::-webkit-scrollbar{display:none}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}@font-face{font-family:fcicons;font-style:normal;font-weight:400;src:url(\"data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=\") format(\"truetype\")}.fc-icon{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-family:fcicons!important;font-style:normal;font-variant:normal;font-weight:400;height:1em;line-height:1;text-align:center;text-transform:none;-moz-user-select:none;user-select:none;width:1em}.fc-icon-chevron-left:before{content:\"\\e900\"}.fc-icon-chevron-right:before{content:\"\\e901\"}.fc-icon-chevrons-left:before{content:\"\\e902\"}.fc-icon-chevrons-right:before{content:\"\\e903\"}.fc-icon-minus-square:before{content:\"\\e904\"}.fc-icon-plus-square:before{content:\"\\e905\"}.fc-icon-x:before{content:\"\\e906\"}.fc-button{border-radius:0;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}.fc-button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.fc-button{-webkit-appearance:button}.fc-button:not(:disabled){cursor:pointer}.fc-button{background-color:transparent;border:1px solid transparent;border-radius:.25em;display:inline-block;font-size:1em;font-weight:400;line-height:1.5;padding:.4em .65em;text-align:center;-moz-user-select:none;user-select:none;vertical-align:middle}.fc-button:hover{text-decoration:none}.fc-button:focus{box-shadow:0 0 0 .2rem rgba(44,62,80,.25);outline:0}.fc-button:disabled{opacity:.65}.fc-button-primary{background-color:var(--fc-button-bg-color);border-color:var(--fc-button-border-color);color:var(--fc-button-text-color)}.fc-button-primary:hover{background-color:var(--fc-button-hover-bg-color);border-color:var(--fc-button-hover-border-color);color:var(--fc-button-text-color)}.fc-button-primary:disabled{background-color:var(--fc-button-bg-color);border-color:var(--fc-button-border-color);color:var(--fc-button-text-color)}.fc-button-primary:focus{box-shadow:0 0 0 .2rem rgba(76,91,106,.5)}.fc-button-primary:not(:disabled).fc-button-active,.fc-button-primary:not(:disabled):active{background-color:var(--fc-button-active-bg-color);border-color:var(--fc-button-active-border-color);color:var(--fc-button-text-color)}.fc-button-primary:not(:disabled).fc-button-active:focus,.fc-button-primary:not(:disabled):active:focus{box-shadow:0 0 0 .2rem rgba(76,91,106,.5)}.fc-button .fc-icon{font-size:1.5em;vertical-align:middle}.fc-button-group{display:inline-flex;position:relative;vertical-align:middle}.fc-button-group>.fc-button{flex:1 1 auto;position:relative}.fc-button-group>.fc-button.fc-button-active,.fc-button-group>.fc-button:active,.fc-button-group>.fc-button:focus,.fc-button-group>.fc-button:hover{z-index:1}.fc-direction-ltr .fc-button-group>.fc-button:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.fc-direction-ltr .fc-button-group>.fc-button:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.fc-direction-rtl .fc-button-group>.fc-button:not(:first-child){border-bottom-right-radius:0;border-top-right-radius:0;margin-right:-1px}.fc-direction-rtl .fc-button-group>.fc-button:not(:last-child){border-bottom-left-radius:0;border-top-left-radius:0}.fc-toolbar{align-items:center;display:flex;flex-direction:row;gap:.75em;justify-content:space-between}.fc-direction-rtl .fc-toolbar-ltr{flex-direction:row-reverse}.fc-toolbar-chunk{display:flex;flex-direction:row;flex-shrink:0;gap:.75em}.fc-toolbar-title{font-size:1.75em;margin:0;white-space:nowrap}";
+    var css_248z = ":root{--fc-small-font-size:.85em;--fc-page-bg-color:#fff;--fc-neutral-bg-color:hsla(0,0%,82%,.3);--fc-neutral-text-color:grey;--fc-border-color:#ddd;--fc-button-text-color:#fff;--fc-button-bg-color:#2c3e50;--fc-button-border-color:#2c3e50;--fc-button-hover-bg-color:#1e2b37;--fc-button-hover-border-color:#1a252f;--fc-button-active-bg-color:#1a252f;--fc-button-active-border-color:#151e27;--fc-event-bg-color:#3788d8;--fc-event-border-color:#3788d8;--fc-event-text-color:#fff;--fc-event-selected-overlay-color:rgba(0,0,0,.25);--fc-more-link-bg-color:#d0d0d0;--fc-more-link-text-color:inherit;--fc-event-resizer-thickness:8px;--fc-event-resizer-dot-total-width:8px;--fc-event-resizer-dot-border-width:1px;--fc-non-business-color:hsla(0,0%,84%,.3);--fc-bg-event-color:#8fdf82;--fc-bg-event-opacity:0.3;--fc-highlight-color:rgba(188,232,241,.3);--fc-today-bg-color:rgba(255,220,40,.15);--fc-now-indicator-color:red}.fc{display:flex;flex-direction:column;gap:1.5em}.fc,.fc *,.fc :after,.fc :before{box-sizing:border-box}.fc-direction-ltr{direction:ltr;text-align:left}.fc-direction-rtl{direction:rtl;text-align:right}.fc-border,.fc-border-b,.fc-border-e,.fc-border-s,.fc-border-t{border:0 solid var(--fc-border-color)}.fc-border-transparent{border-color:transparent}.fc-border{border-width:1px}.fc-border-t{border-top-width:1px}.fc-border-b{border-bottom-width:1px}.fc-direction-ltr .fc-border-s,.fc-direction-rtl .fc-border-e{border-left-width:1px}.fc-direction-ltr .fc-border-e,.fc-direction-rtl .fc-border-s{border-right-width:1px}.fc-flex-row{display:flex;flex-direction:row}.fc-flex-col{display:flex;flex-direction:column}.fc-grow{flex-grow:1}.fc-basis0,.fc-liquid{flex-basis:0}.fc-liquid{flex-grow:1;min-height:0;min-width:0}.fc-media-screen .fc-print-header,.fc-media-screen .fc-print-root{display:flex;flex-direction:column}.fc-cell{margin:0!important;padding:0!important}.fc-cell-inner{flex-shrink:0;overflow:hidden;white-space:nowrap}.fc-celldivider,.fc-rowdivider{border:0 solid var(--fc-border-color)}.fc-rowdivider{border-width:1px 0}.fc-celldivider{border-width:0 1px}.fc-celldivider,.fc-rowdivider{background:var(--fc-neutral-bg-color)}.fc-celldivider{padding-left:2px}.fc-rowdivider{padding-bottom:2px}.fc-crop{overflow:hidden}.fc-rel{position:relative}.fc-abs{position:absolute}.fc-fill{bottom:0;top:0}.fc-fill,.fc-fill-x{left:0;position:absolute;right:0}.fc-fill-y{bottom:0;position:absolute;top:0}.fc-sticky-t{position:sticky;top:0}.fc-sticky-s{left:0;position:sticky;right:0}.fc-table-header-sticky{background:var(--fc-page-bg-color);position:sticky;top:0;z-index:5}.fc-sticky-footer-scrollbar{bottom:0;position:sticky;z-index:5}.fc-sticky-footer-scrollbar>.fc-scroller{margin-top:-1px}.fc-sticky-footer-scrollbar>.fc-scroller>*{height:1px}.fc-content-box{box-sizing:content-box}.fc-offscreen{left:-10000px;position:absolute}.fc-shaded{background-color:var(--fc-neutral-bg-color)}.fc-filler{opacity:.5}.fc-padding-sm{padding:2px 4px}.fc-padding-md{padding:4px 5px}.fc-padding-lg{padding:8px}.fc-justify-center{justify-content:center}.fc-align-center{align-items:center}.fc-align-start{align-items:flex-start}.fc a[data-navlink]{cursor:pointer}.fc a[data-navlink]:hover{text-decoration:underline}.fc-view-outer{position:relative}.fc-view-outer-liquid,.fc-view-outer-static{display:flex;flex-direction:column}.fc-view-outer-liquid,.fc-view-outer-liquid>.fc-view,.fc-view-outer-static>.fc-view{flex-basis:0;flex-grow:1;min-height:0;min-width:0}.fc-view-outer-aspect-ratio>.fc-view{bottom:0;left:0;position:absolute;right:0;top:0}a.fc-event,a.fc-event:hover{text-decoration:none}.fc-event.fc-event-draggable,.fc-event[href]{cursor:pointer}.fc-event-dragging:not(.fc-event-selected){opacity:.75}.fc-event-dragging.fc-event-selected{box-shadow:0 2px 7px rgba(0,0,0,.3)}.fc-event-selected:before{bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;z-index:3}.fc-event-selected,.fc-event:focus{box-shadow:0 2px 5px rgba(0,0,0,.2)}.fc-event-selected:after,.fc-event:focus:after{background:var(--fc-event-selected-overlay-color);bottom:-1px;content:\"\";left:-1px;position:absolute;right:-1px;top:-1px;z-index:1}.fc-event-inner{position:relative;z-index:2}.fc-event-resizer{display:none;position:absolute;z-index:4}.fc-event-selected .fc-event-resizer,.fc-event:hover .fc-event-resizer{display:block}.fc-event-selected .fc-event-resizer{background:var(--fc-page-bg-color);border-color:inherit;border-radius:calc(var(--fc-event-resizer-dot-total-width)/2);border-style:solid;border-width:var(--fc-event-resizer-dot-border-width);height:var(--fc-event-resizer-dot-total-width);width:var(--fc-event-resizer-dot-total-width)}.fc-event-selected .fc-event-resizer:before{bottom:-20px;content:\"\";left:-20px;position:absolute;right:-20px;top:-20px}.fc-bg-event,.fc-highlight,.fc-non-business{bottom:0;left:0;position:absolute;right:0;top:0}.fc-non-business{background:var(--fc-non-business-color)}.fc-bg-event{background:var(--fc-bg-event-color);opacity:var(--fc-bg-event-opacity)}.fc-bg-event .fc-event-title{font-size:var(--fc-small-font-size);font-style:italic;margin:.5em}.fc-highlight{background:var(--fc-highlight-color)}.fc-day-disabled{background:var(--fc-neutral-bg-color)}.fc-h-event{background-color:var(--fc-event-bg-color);border:1px solid var(--fc-event-border-color);display:flex;flex-direction:column;position:relative}.fc-h-event.fc-event-mirror{z-index:3}.fc-h-event.fc-event-selected:before{bottom:-10px;top:-10px}.fc-h-event .fc-event-inner{color:var(--fc-event-text-color);display:flex;flex-direction:row}.fc-h-event .fc-event-time,.fc-h-event .fc-event-title{overflow:hidden;white-space:nowrap}.fc-h-event .fc-event-title-outer{display:flex;flex-basis:0;flex-direction:row;flex-grow:1;min-height:0;min-width:0}.fc-h-event .fc-event-title{left:0;position:sticky;right:0}.fc-h-event:not(.fc-event-selected) .fc-event-resizer{bottom:0;top:0;width:var(--fc-event-resizer-thickness)}.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end{cursor:w-resize;left:calc(var(--fc-event-resizer-thickness)*-.5)}.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start{cursor:e-resize;right:calc(var(--fc-event-resizer-thickness)*-.5)}.fc-h-event.fc-event-selected .fc-event-resizer{margin-top:calc(var(--fc-event-resizer-dot-total-width)*-.5);top:50%}.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end{left:calc(var(--fc-event-resizer-dot-total-width)*-.5)}.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start{right:calc(var(--fc-event-resizer-dot-total-width)*-.5)}.fc-popover{box-shadow:0 2px 6px rgba(0,0,0,.15);position:absolute;z-index:6}.fc-popover-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:3px 4px}.fc-popover-title{margin:0 2px}.fc-popover-close{cursor:pointer;font-size:1.1em;opacity:.65}.fc-theme-standard .fc-popover{background:var(--fc-page-bg-color);border:1px solid var(--fc-border-color)}.fc-theme-standard .fc-popover-header{background:var(--fc-neutral-bg-color)}.fc-scroller{padding:0!important}.fc-scroller-no-bars{-ms-overflow-style:none;scrollbar-width:none}.fc-scroller-no-bars::-webkit-scrollbar{display:none}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}@font-face{font-family:fcicons;font-style:normal;font-weight:400;src:url(\"data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=\") format(\"truetype\")}.fc-icon{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-family:fcicons!important;font-style:normal;font-variant:normal;font-weight:400;height:1em;line-height:1;text-align:center;text-transform:none;-moz-user-select:none;user-select:none;width:1em}.fc-icon-chevron-left:before{content:\"\\e900\"}.fc-icon-chevron-right:before{content:\"\\e901\"}.fc-icon-chevrons-left:before{content:\"\\e902\"}.fc-icon-chevrons-right:before{content:\"\\e903\"}.fc-icon-minus-square:before{content:\"\\e904\"}.fc-icon-plus-square:before{content:\"\\e905\"}.fc-icon-x:before{content:\"\\e906\"}.fc-button{border-radius:0;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}.fc-button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.fc-button{-webkit-appearance:button}.fc-button:not(:disabled){cursor:pointer}.fc-button{background-color:transparent;border:1px solid transparent;border-radius:.25em;display:inline-block;font-size:1em;font-weight:400;line-height:1.5;padding:.4em .65em;text-align:center;-moz-user-select:none;user-select:none;vertical-align:middle}.fc-button:hover{text-decoration:none}.fc-button:focus{box-shadow:0 0 0 .2rem rgba(44,62,80,.25);outline:0}.fc-button:disabled{opacity:.65}.fc-button-primary{background-color:var(--fc-button-bg-color);border-color:var(--fc-button-border-color);color:var(--fc-button-text-color)}.fc-button-primary:hover{background-color:var(--fc-button-hover-bg-color);border-color:var(--fc-button-hover-border-color);color:var(--fc-button-text-color)}.fc-button-primary:disabled{background-color:var(--fc-button-bg-color);border-color:var(--fc-button-border-color);color:var(--fc-button-text-color)}.fc-button-primary:focus{box-shadow:0 0 0 .2rem rgba(76,91,106,.5)}.fc-button-primary:not(:disabled).fc-button-active,.fc-button-primary:not(:disabled):active{background-color:var(--fc-button-active-bg-color);border-color:var(--fc-button-active-border-color);color:var(--fc-button-text-color)}.fc-button-primary:not(:disabled).fc-button-active:focus,.fc-button-primary:not(:disabled):active:focus{box-shadow:0 0 0 .2rem rgba(76,91,106,.5)}.fc-button .fc-icon{font-size:1.5em;vertical-align:middle}.fc-button-group{display:inline-flex;position:relative;vertical-align:middle}.fc-button-group>.fc-button{flex:1 1 auto;position:relative}.fc-button-group>.fc-button.fc-button-active,.fc-button-group>.fc-button:active,.fc-button-group>.fc-button:focus,.fc-button-group>.fc-button:hover{z-index:1}.fc-direction-ltr .fc-button-group>.fc-button:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.fc-direction-ltr .fc-button-group>.fc-button:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.fc-direction-rtl .fc-button-group>.fc-button:not(:first-child){border-bottom-right-radius:0;border-top-right-radius:0;margin-right:-1px}.fc-direction-rtl .fc-button-group>.fc-button:not(:last-child){border-bottom-left-radius:0;border-top-left-radius:0}.fc-toolbar{align-items:center;display:flex;flex-direction:row;gap:.75em;justify-content:space-between}.fc-direction-rtl .fc-toolbar-ltr{flex-direction:row-reverse}.fc-toolbar-section{display:flex;flex-direction:row;flex-shrink:0;gap:.75em}.fc-toolbar-title{font-size:1.75em;margin:0;white-space:nowrap}";
     injectStyles(css_248z);
 
-    function removeElement(el) {
-        if (el.parentNode) {
-            el.parentNode.removeChild(el);
-        }
-    }
-    // Querying
-    // ----------------------------------------------------------------------------------------------------------------
-    function elementClosest(el, selector) {
-        if (el.closest) {
-            return el.closest(selector);
-            // really bad fallback for IE
-            // from https://developer.mozilla.org/en-US/docs/Web/API/Element/closest
-        }
-        if (!document.documentElement.contains(el)) {
-            return null;
-        }
-        do {
-            if (elementMatches(el, selector)) {
-                return el;
-            }
-            el = (el.parentElement || el.parentNode);
-        } while (el !== null && el.nodeType === 1);
-        return null;
-    }
-    function elementMatches(el, selector) {
-        let method = el.matches || el.matchesSelector || el.msMatchesSelector;
-        return method.call(el, selector);
-    }
-    // accepts multiple subject els
-    // returns a real array. good for methods like forEach
-    // TODO: accept the document
-    function findElements(container, selector) {
-        let containers = container instanceof HTMLElement ? [container] : container;
-        let allMatches = [];
-        for (let i = 0; i < containers.length; i += 1) {
-            let matches = containers[i].querySelectorAll(selector);
-            for (let j = 0; j < matches.length; j += 1) {
-                allMatches.push(matches[j]);
-            }
-        }
-        return allMatches;
-    }
-    // accepts multiple subject els
-    // only queries direct child elements // TODO: rename to findDirectChildren!
-    function findDirectChildren(parent, selector) {
-        let parents = parent instanceof HTMLElement ? [parent] : parent;
-        let allMatches = [];
-        for (let i = 0; i < parents.length; i += 1) {
-            let childNodes = parents[i].children; // only ever elements
-            for (let j = 0; j < childNodes.length; j += 1) {
-                let childNode = childNodes[j];
-                if (!selector || elementMatches(childNode, selector)) {
-                    allMatches.push(childNode);
-                }
-            }
-        }
-        return allMatches;
-    }
-    // Style
-    // ----------------------------------------------------------------------------------------------------------------
-    const PIXEL_PROP_RE = /(top|left|right|bottom|width|height)$/i;
-    function applyStyle(el, props) {
-        for (let propName in props) {
-            applyStyleProp(el, propName, props[propName]);
-        }
-    }
-    function applyStyleProp(el, name, val) {
-        if (val == null) {
-            el.style[name] = '';
-        }
-        else if (typeof val === 'number' && PIXEL_PROP_RE.test(name)) {
-            el.style[name] = `${val}px`;
-        }
-        else {
-            el.style[name] = val;
-        }
-    }
-    // Event Handling
-    // ----------------------------------------------------------------------------------------------------------------
-    // if intercepting bubbled events at the document/window/body level,
-    // and want to see originating element (the 'target'), use this util instead
-    // of `ev.target` because it goes within web-component boundaries.
-    function getEventTargetViaRoot(ev) {
-        var _a, _b;
-        return (_b = (_a = ev.composedPath) === null || _a === void 0 ? void 0 : _a.call(ev)[0]) !== null && _b !== void 0 ? _b : ev.target;
-    }
-    // Unique ID for DOM attribute
-    let guid$1 = 0;
-    function getUniqueDomId() {
-        guid$1 += 1;
-        return 'fc-dom-' + guid$1;
-    }
-
     // Stops a mouse/touch event from doing it's native browser action
     function preventDefault(ev) {
         ev.preventDefault();
@@ -190,7 +97,7 @@ var FullCalendar = (function (exports) {
     // ----------------------------------------------------------------------------------------------------------------
     function buildDelegationHandler(selector, handler) {
         return (ev) => {
-            let matchedChild = elementClosest(ev.target, selector);
+            let matchedChild = ev.target.closest(selector);
             if (matchedChild) {
                 handler.call(matchedChild, ev, matchedChild);
             }
@@ -258,7 +165,7 @@ var FullCalendar = (function (exports) {
     }
 
     let guidNumber = 0;
-    function guid() {
+    function guid$1() {
         guidNumber += 1;
         return String(guidNumber);
     }
@@ -1449,6 +1356,7 @@ var FullCalendar = (function (exports) {
         dropAccept: identity,
         eventOrder: parseFieldSpecs,
         eventOrderStrict: Boolean,
+        eventSlicing: Boolean,
         longPressDelay: Number,
         eventDragMinDistance: Number,
         expandRows: Boolean,
@@ -1705,7 +1613,7 @@ var FullCalendar = (function (exports) {
 
     function createEventInstance(defId, range, forcedStartTzo, forcedEndTzo) {
         return {
-            instanceId: guid(),
+            instanceId: guid$1(),
             defId,
             range,
             forcedStartTzo: forcedStartTzo == null ? null : forcedStartTzo,
@@ -1868,6 +1776,9 @@ var FullCalendar = (function (exports) {
         return null;
     }
 
+    function joinClassNames(...args) {
+        return args.filter(Boolean).join(' ');
+    }
     function parseClassNames(raw) {
         if (Array.isArray(raw)) {
             return raw;
@@ -2000,7 +1911,7 @@ var FullCalendar = (function (exports) {
             publicId: refined.id || '',
             url: refined.url || '',
             recurringDef: null,
-            defId: ((defIdMap && refined.id) ? defIdMap[refined.id] : '') || guid(),
+            defId: ((defIdMap && refined.id) ? defIdMap[refined.id] : '') || guid$1(),
             sourceId,
             allDay,
             hasEnd,
@@ -2151,11 +2062,6 @@ var FullCalendar = (function (exports) {
         }
         return { start: startDay, end: endDay };
     }
-    // spans from one day into another?
-    function isMultiDayRange(range) {
-        let visibleRange = computeVisibleDayRange(range);
-        return diffDays(visibleRange.start, visibleRange.end) > 1;
-    }
     function diffDates(date0, date1, dateEnv, largeUnit) {
         if (largeUnit === 'year') {
             return createDuration(dateEnv.diffWholeYears(date0, date1), 'year');
@@ -2215,6 +2121,41 @@ var FullCalendar = (function (exports) {
         };
     }
 
+    // Style
+    // ----------------------------------------------------------------------------------------------------------------
+    const PIXEL_PROP_RE = /(top|left|right|bottom|width|height)$/i;
+    function applyStyle(el, props) {
+        for (let propName in props) {
+            applyStyleProp(el, propName, props[propName]);
+        }
+    }
+    function applyStyleProp(el, name, val) {
+        if (val == null) {
+            el.style[name] = '';
+        }
+        else if (typeof val === 'number' && PIXEL_PROP_RE.test(name)) {
+            el.style[name] = `${val}px`;
+        }
+        else {
+            el.style[name] = val;
+        }
+    }
+    // Event Handling
+    // ----------------------------------------------------------------------------------------------------------------
+    // if intercepting bubbled events at the document/window/body level,
+    // and want to see originating element (the 'target'), use this util instead
+    // of `ev.target` because it goes within web-component boundaries.
+    function getEventTargetViaRoot(ev) {
+        var _a, _b;
+        return (_b = (_a = ev.composedPath) === null || _a === void 0 ? void 0 : _a.call(ev)[0]) !== null && _b !== void 0 ? _b : ev.target;
+    }
+    // Unique ID for DOM attribute
+    let guid = 0;
+    function getUniqueDomId() {
+        guid += 1;
+        return 'fc-dom-' + guid;
+    }
+
     const EMPTY_EVENT_STORE = createEmptyEventStore(); // for purecomponents. TODO: keep elsewhere
     class Splitter {
         constructor() {
@@ -2450,145 +2391,388 @@ var FullCalendar = (function (exports) {
             isFuture: Boolean(nowDate ? (date > nowDate) : todayRange ? (date >= todayRange.end) : false),
         };
     }
-    function getDayClassNames(meta, theme) {
-        let classNames = [
-            'fc-day',
-            `fc-day-${DAY_IDS[meta.dow]}`,
-        ];
-        if (meta.isDisabled) {
-            classNames.push('fc-day-disabled');
+    function getDayClassName(meta) {
+        return joinClassNames('fc-day', `fc-day-${DAY_IDS[meta.dow]}`, meta.isDisabled
+            ? 'fc-day-disabled'
+            : joinClassNames(meta.isToday && 'fc-day-today', meta.isPast && 'fc-day-past', meta.isFuture && 'fc-day-future', meta.isOther && 'fc-day-other'));
+    }
+    function getSlotClassName(meta) {
+        return joinClassNames('fc-slot', `fc-slot-${DAY_IDS[meta.dow]}`, meta.isDisabled
+            ? 'fc-slot-disabled'
+            : joinClassNames(meta.isToday && 'fc-slot-today', meta.isPast && 'fc-slot-past', meta.isFuture && 'fc-slot-future'));
+    }
+
+    function isDimsEqual(v0, v1) {
+        return v0 != null && (v0 === v1 || Math.abs(v0 - v1) < 0.01);
+    }
+
+    var n,l$1,u$1,t,i$1,o,r$1,f$1,e$1,c$1,s$1,a$1,h={},p=[],v$1=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,y=Array.isArray;function d(n,l){for(var u in l)n[u]=l[u];return n}function w$1(n){var l=n.parentNode;l&&l.removeChild(n);}function _(l,u,t){var i,o,r,f={};for(r in u)"key"==r?i=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):t),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return g$1(l,f,i,o,null)}function g$1(n,t,i,o,r){var f={type:n,props:t,key:i,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:null==r?++u$1:r,__i:-1,__u:0};return null==r&&null!=l$1.vnode&&l$1.vnode(f),f}function m$1(){return {current:null}}function k$1(n){return n.children}function b(n,l){this.props=n,this.context=l;}function x(n,l){if(null==l)return n.__?x(n.__,n.__i+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?x(n):null}function C$1(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return C$1(n)}}function M$1(n){(!n.__d&&(n.__d=!0)&&i$1.push(n)&&!P$1.__r++||o!==l$1.debounceRendering)&&((o=l$1.debounceRendering)||r$1)(P$1);}function P$1(){var n,u,t,o,r,e,c,s;for(i$1.sort(f$1);n=i$1.shift();)n.__d&&(u=i$1.length,o=void 0,e=(r=(t=n).__v).__e,c=[],s=[],t.__P&&((o=d({},r)).__v=r.__v+1,l$1.vnode&&l$1.vnode(o),O$1(t.__P,o,r,t.__n,t.__P.namespaceURI,32&r.__u?[e]:null,c,null==e?x(r):e,!!(32&r.__u),s),o.__v=r.__v,o.__.__k[o.__i]=o,j$2(c,o,s),o.__e!=e&&C$1(o)),i$1.length>u&&i$1.sort(f$1));P$1.__r=0;}function S(n,l,u,t,i,o,r,f,e,c,s){var a,v,y,d,w,_=t&&t.__k||p,g=l.length;for(u.__d=e,$$1(u,l,_),e=u.__d,a=0;a<g;a++)null!=(y=u.__k[a])&&"boolean"!=typeof y&&"function"!=typeof y&&(v=-1===y.__i?h:_[y.__i]||h,y.__i=a,O$1(n,y,v,i,o,r,f,e,c,s),d=y.__e,y.ref&&v.ref!=y.ref&&(v.ref&&N(v.ref,null,y),s.push(y.ref,y.__c||d,y)),null==w&&null!=d&&(w=d),65536&y.__u||v.__k===y.__k?e=I(y,e,n):"function"==typeof y.type&&void 0!==y.__d?e=y.__d:d&&(e=d.nextSibling),y.__d=void 0,y.__u&=-196609);u.__d=e,u.__e=w;}function $$1(n,l,u){var t,i,o,r,f,e=l.length,c=u.length,s=c,a=0;for(n.__k=[],t=0;t<e;t++)r=t+a,null!=(i=n.__k[t]=null==(i=l[t])||"boolean"==typeof i||"function"==typeof i?null:"string"==typeof i||"number"==typeof i||"bigint"==typeof i||i.constructor==String?g$1(null,i,null,null,null):y(i)?g$1(k$1,{children:i},null,null,null):void 0===i.constructor&&i.__b>0?g$1(i.type,i.props,i.key,i.ref?i.ref:null,i.__v):i)?(i.__=n,i.__b=n.__b+1,f=L$1(i,u,r,s),i.__i=f,o=null,-1!==f&&(s--,(o=u[f])&&(o.__u|=131072)),null==o||null===o.__v?(-1==f&&a--,"function"!=typeof i.type&&(i.__u|=65536)):f!==r&&(f==r-1?a=f-r:f==r+1?a++:f>r?s>e-r?a+=f-r:a--:f<r&&a++,f!==t+a&&(i.__u|=65536))):(o=u[r])&&null==o.key&&o.__e&&0==(131072&o.__u)&&(o.__e==n.__d&&(n.__d=x(o)),V$1(o,o,!1),u[r]=null,s--);if(s)for(t=0;t<c;t++)null!=(o=u[t])&&0==(131072&o.__u)&&(o.__e==n.__d&&(n.__d=x(o)),V$1(o,o));}function I(n,l,u){var t,i;if("function"==typeof n.type){for(t=n.__k,i=0;t&&i<t.length;i++)t[i]&&(t[i].__=n,l=I(t[i],l,u));return l}n.__e!=l&&(l&&n.type&&!u.contains(l)&&(l=x(n)),u.insertBefore(n.__e,l||null),l=n.__e);do{l=l&&l.nextSibling;}while(null!=l&&8===l.nodeType);return l}function H$1(n,l){return l=l||[],null==n||"boolean"==typeof n||(y(n)?n.some(function(n){H$1(n,l);}):l.push(n)),l}function L$1(n,l,u,t){var i=n.key,o=n.type,r=u-1,f=u+1,e=l[u];if(null===e||e&&i==e.key&&o===e.type&&0==(131072&e.__u))return u;if(t>(null!=e&&0==(131072&e.__u)?1:0))for(;r>=0||f<l.length;){if(r>=0){if((e=l[r])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return r;r--;}if(f<l.length){if((e=l[f])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return f;f++;}}return -1}function T$1(n,l,u){"-"===l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||v$1.test(l)?u:u+"px";}function A$1(n,l,u,t,i){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof t&&(n.style.cssText=t=""),t)for(l in t)u&&l in u||T$1(n.style,l,"");if(u)for(l in u)t&&u[l]===t[l]||T$1(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/(PointerCapture)$|Capture$/i,"$1")),l=l.toLowerCase()in n||"onFocusOut"===l||"onFocusIn"===l?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?t?u.u=t.u:(u.u=e$1,n.addEventListener(l,o?s$1:c$1,o)):n.removeEventListener(l,o?s$1:c$1,o);else {if("http://www.w3.org/2000/svg"==i)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=l&&"height"!=l&&"href"!=l&&"list"!=l&&"form"!=l&&"tabIndex"!=l&&"download"!=l&&"rowSpan"!=l&&"colSpan"!=l&&"role"!=l&&"popover"!=l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||!1===u&&"-"!==l[4]?n.removeAttribute(l):n.setAttribute(l,"popover"==l&&1==u?"":u));}}function F(n){return function(u){if(this.l){var t=this.l[u.type+n];if(null==u.t)u.t=e$1++;else if(u.t<t.u)return;return t(l$1.event?l$1.event(u):u)}}}function O$1(n,u,t,i,o,r,f,e,c,s){var a,h,p,v,w,_,g,m,x,C,M,P,$,I,H,L,T=u.type;if(void 0!==u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),r=[e=u.__e=t.__e]),(a=l$1.__b)&&a(u);n:if("function"==typeof T)try{if(m=u.props,x="prototype"in T&&T.prototype.render,C=(a=T.contextType)&&i[a.__c],M=a?C?C.props.value:a.__:i,t.__c?g=(h=u.__c=t.__c).__=h.__E:(x?u.__c=h=new T(m,M):(u.__c=h=new b(m,M),h.constructor=T,h.render=q),C&&C.sub(h),h.props=m,h.state||(h.state={}),h.context=M,h.__n=i,p=h.__d=!0,h.__h=[],h._sb=[]),x&&null==h.__s&&(h.__s=h.state),x&&null!=T.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=d({},h.__s)),d(h.__s,T.getDerivedStateFromProps(m,h.__s))),v=h.props,w=h.state,h.__v=u,p)x&&null==T.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),x&&null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else {if(x&&null==T.getDerivedStateFromProps&&m!==v&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(m,M),!h.__e&&(null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(m,h.__s,M)||u.__v===t.__v)){for(u.__v!==t.__v&&(h.props=m,h.state=h.__s,h.__d=!1),u.__e=t.__e,u.__k=t.__k,u.__k.forEach(function(n){n&&(n.__=u);}),P=0;P<h._sb.length;P++)h.__h.push(h._sb[P]);h._sb=[],h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(m,h.__s,M),x&&null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(v,w,_);});}if(h.context=M,h.props=m,h.__P=n,h.__e=!1,$=l$1.__r,I=0,x){for(h.state=h.__s,h.__d=!1,$&&$(u),a=h.render(h.props,h.state,h.context),H=0;H<h._sb.length;H++)h.__h.push(h._sb[H]);h._sb=[];}else do{h.__d=!1,$&&$(u),a=h.render(h.props,h.state,h.context),h.state=h.__s;}while(h.__d&&++I<25);h.state=h.__s,null!=h.getChildContext&&(i=d(d({},i),h.getChildContext())),x&&!p&&null!=h.getSnapshotBeforeUpdate&&(_=h.getSnapshotBeforeUpdate(v,w)),S(n,y(L=null!=a&&a.type===k$1&&null==a.key?a.props.children:a)?L:[L],u,t,i,o,r,f,e,c,s),h.base=u.__e,u.__u&=-161,h.__h.length&&f.push(h),g&&(h.__E=h.__=null);}catch(n){if(u.__v=null,c||null!=r){for(u.__u|=c?160:32;e&&8===e.nodeType&&e.nextSibling;)e=e.nextSibling;r[r.indexOf(e)]=null,u.__e=e;}else u.__e=t.__e,u.__k=t.__k;l$1.__e(n,u,t);}else null==r&&u.__v===t.__v?(u.__k=t.__k,u.__e=t.__e):u.__e=z$2(t.__e,u,t,i,o,r,f,c,s);(a=l$1.diffed)&&a(u);}function j$2(n,u,t){u.__d=void 0;for(var i=0;i<t.length;i++)N(t[i],t[++i],t[++i]);l$1.__c&&l$1.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l$1.__e(n,u.__v);}});}function z$2(l,u,t,i,o,r,f,e,c){var s,a,p,v,d,_,g,m=t.props,k=u.props,b=u.type;if("svg"===b?o="http://www.w3.org/2000/svg":"math"===b?o="http://www.w3.org/1998/Math/MathML":o||(o="http://www.w3.org/1999/xhtml"),null!=r)for(s=0;s<r.length;s++)if((d=r[s])&&"setAttribute"in d==!!b&&(b?d.localName===b:3===d.nodeType)){l=d,r[s]=null;break}if(null==l){if(null===b)return document.createTextNode(k);l=document.createElementNS(o,b,k.is&&k),r=null,e=!1;}if(null===b)m===k||e&&l.data===k||(l.data=k);else {if(r=r&&n.call(l.childNodes),m=t.props||h,!e&&null!=r)for(m={},s=0;s<l.attributes.length;s++)m[(d=l.attributes[s]).name]=d.value;for(s in m)if(d=m[s],"children"==s);else if("dangerouslySetInnerHTML"==s)p=d;else if("key"!==s&&!(s in k)){if("value"==s&&"defaultValue"in k||"checked"==s&&"defaultChecked"in k)continue;A$1(l,s,null,d,o);}for(s in k)d=k[s],"children"==s?v=d:"dangerouslySetInnerHTML"==s?a=d:"value"==s?_=d:"checked"==s?g=d:"key"===s||e&&"function"!=typeof d||m[s]===d||A$1(l,s,d,m[s],o);if(a)e||p&&(a.__html===p.__html||a.__html===l.innerHTML)||(l.innerHTML=a.__html),u.__k=[];else if(p&&(l.innerHTML=""),S(l,y(v)?v:[v],u,t,i,"foreignObject"===b?"http://www.w3.org/1999/xhtml":o,r,f,r?r[0]:t.__k&&x(t,0),e,c),null!=r)for(s=r.length;s--;)null!=r[s]&&w$1(r[s]);e||(s="value",void 0!==_&&(_!==l[s]||"progress"===b&&!_||"option"===b&&_!==m[s])&&A$1(l,s,_,m[s],o),s="checked",void 0!==g&&g!==l[s]&&A$1(l,s,g,m[s],o));}return l}function N(n,u,t){try{if("function"==typeof n){var i="function"==typeof n.__u;i&&n.__u(),i&&null==u||(n.__u=n(u));}else n.current=u;}catch(n){l$1.__e(n,t);}}function V$1(n,u,t){var i,o;if(l$1.unmount&&l$1.unmount(n),(i=n.ref)&&(i.current&&i.current!==n.__e||N(i,null,u)),null!=(i=n.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount();}catch(n){l$1.__e(n,u);}i.base=i.__P=null;}if(i=n.__k)for(o=0;o<i.length;o++)i[o]&&V$1(i[o],u,t||"function"!=typeof n.type);t||null==n.__e||w$1(n.__e),n.__c=n.__=n.__e=n.__d=void 0;}function q(n,l,u){return this.constructor(n,u)}function B$2(u,t,i){var o,r,f,e;l$1.__&&l$1.__(u,t),r=(o="function"==typeof i)?null:i&&i.__k||t.__k,f=[],e=[],O$1(t,u=(!o&&i||t).__k=_(k$1,null,[u]),r||h,h,t.namespaceURI,!o&&i?[i]:r?null:t.firstChild?n.call(t.childNodes):null,f,!o&&i?i:r?r.__e:t.firstChild,o,e),j$2(f,u,e);}function D$1(n,l){B$2(n,l,D$1);}function E$1(l,u,t){var i,o,r,f,e=d({},l.props);for(r in l.type&&l.type.defaultProps&&(f=l.type.defaultProps),u)"key"==r?i=u[r]:"ref"==r?o=u[r]:e[r]=void 0===u[r]&&void 0!==f?f[r]:u[r];return arguments.length>2&&(e.children=arguments.length>3?n.call(arguments,2):t),g$1(l.type,e,i||l.key,o||l.ref,null)}function G(n,l){var u={__c:l="__cC"+a$1++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,t;return this.getChildContext||(u=[],(t={})[l]=this,this.getChildContext=function(){return t},this.componentWillUnmount=function(){u=null;},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.some(function(n){n.__e=!0,M$1(n);});},this.sub=function(n){u.push(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u&&u.splice(u.indexOf(n),1),l&&l.call(n);};}),n.children}};return u.Provider.__=u.Consumer.contextType=u}n=p.slice,l$1={__e:function(n,l,u,t){for(var i,o,r;l=l.__;)if((i=l.__c)&&!i.__)try{if((o=i.constructor)&&null!=o.getDerivedStateFromError&&(i.setState(o.getDerivedStateFromError(n)),r=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(n,t||{}),r=i.__d),r)return i.__E=i}catch(l){n=l;}throw n}},u$1=0,t=function(n){return null!=n&&null==n.constructor},b.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=d({},this.state),"function"==typeof n&&(n=n(d({},u),this.props)),n&&d(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),M$1(this));},b.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),M$1(this));},b.prototype.render=k$1,i$1=[],r$1="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,f$1=function(n,l){return n.__v.__b-l.__v.__b},P$1.__r=0,e$1=0,c$1=F(!1),s$1=F(!0),a$1=0;
+
+    var r,u,i,f=[],c=l$1,e=c.__b,a=c.__r,v=c.diffed,l=c.__c,m=c.unmount,s=c.__;function j$1(){for(var n;n=f.shift();)if(n.__P&&n.__H)try{n.__H.__h.forEach(z$1),n.__H.__h.forEach(B$1),n.__H.__h=[];}catch(t){n.__H.__h=[],c.__e(t,n.__v);}}c.__b=function(n){r=null,e&&e(n);},c.__=function(n,t){n&&t.__k&&t.__k.__m&&(n.__m=t.__k.__m),s&&s(n,t);},c.__r=function(n){a&&a(n);var i=(r=n.__c).__H;i&&(u===r?(i.__h=[],r.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.i=n.__N=void 0;})):(i.__h.forEach(z$1),i.__h.forEach(B$1),i.__h=[],0)),u=r;},c.diffed=function(n){v&&v(n);var t=n.__c;t&&t.__H&&(t.__H.__h.length&&(1!==f.push(t)&&i===c.requestAnimationFrame||((i=c.requestAnimationFrame)||w)(j$1)),t.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.i=void 0;})),u=r=null;},c.__c=function(n,t){t.some(function(n){try{n.__h.forEach(z$1),n.__h=n.__h.filter(function(n){return !n.__||B$1(n)});}catch(r){t.some(function(n){n.__h&&(n.__h=[]);}),t=[],c.__e(r,n.__v);}}),l&&l(n,t);},c.unmount=function(n){m&&m(n);var t,r=n.__c;r&&r.__H&&(r.__H.__.forEach(function(n){try{z$1(n);}catch(n){t=n;}}),r.__H=void 0,t&&c.__e(t,r.__v));};var k="function"==typeof requestAnimationFrame;function w(n){var t,r=function(){clearTimeout(u),k&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,100);k&&(t=requestAnimationFrame(r));}function z$1(n){var t=r,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r=t;}function B$1(n){var t=r;n.__c=n.__(),r=t;}
+
+    function g(n,t){for(var e in t)n[e]=t[e];return n}function E(n,t){for(var e in n)if("__source"!==e&&!(e in t))return !0;for(var r in t)if("__source"!==r&&n[r]!==t[r])return !0;return !1}function C(n,t){this.props=n,this.context=t;}(C.prototype=new b).isPureReactComponent=!0,C.prototype.shouldComponentUpdate=function(n,t){return E(this.props,n)||E(this.state,t)};var R=l$1.__b;l$1.__b=function(n){n.type&&n.type.__f&&n.ref&&(n.props.ref=n.ref,n.ref=null),R&&R(n);};var M=l$1.__e;l$1.__e=function(n,t,e,r){if(n.then)for(var u,o=t;o=o.__;)if((u=o.__c)&&u.__c)return null==t.__e&&(t.__e=e.__e,t.__k=e.__k),u.__c(n,t);M(n,t,e,r);};var T=l$1.unmount;function A(n,t,e){return n&&(n.__c&&n.__c.__H&&(n.__c.__H.__.forEach(function(n){"function"==typeof n.__c&&n.__c();}),n.__c.__H=null),null!=(n=g({},n)).__c&&(n.__c.__P===e&&(n.__c.__P=t),n.__c=null),n.__k=n.__k&&n.__k.map(function(n){return A(n,t,e)})),n}function D(n,t,e){return n&&e&&(n.__v=null,n.__k=n.__k&&n.__k.map(function(n){return D(n,t,e)}),n.__c&&n.__c.__P===t&&(n.__e&&e.appendChild(n.__e),n.__c.__e=!0,n.__c.__P=e)),n}function L(){this.__u=0,this.t=null,this.__b=null;}function O(n){var t=n.__.__c;return t&&t.__a&&t.__a(n)}function U(){this.u=null,this.o=null;}l$1.unmount=function(n){var t=n.__c;t&&t.__R&&t.__R(),t&&32&n.__u&&(n.type=null),T&&T(n);},(L.prototype=new b).__c=function(n,t){var e=t.__c,r=this;null==r.t&&(r.t=[]),r.t.push(e);var u=O(r.__v),o=!1,i=function(){o||(o=!0,e.__R=null,u?u(c):c());};e.__R=i;var c=function(){if(!--r.__u){if(r.state.__a){var n=r.state.__a;r.__v.__k[0]=D(n,n.__c.__P,n.__c.__O);}var t;for(r.setState({__a:r.__b=null});t=r.t.pop();)t.forceUpdate();}};r.__u++||32&t.__u||r.setState({__a:r.__b=r.__v.__k[0]}),n.then(i,i);},L.prototype.componentWillUnmount=function(){this.t=[];},L.prototype.render=function(n,e){if(this.__b){if(this.__v.__k){var r=document.createElement("div"),o=this.__v.__k[0].__c;this.__v.__k[0]=A(this.__b,r,o.__O=o.__P);}this.__b=null;}var i=e.__a&&_(k$1,null,n.fallback);return i&&(i.__u&=-33),[_(k$1,null,e.__a?null:n.children),i]};var V=function(n,t,e){if(++e[1]===e[0]&&n.o.delete(t),n.props.revealOrder&&("t"!==n.props.revealOrder[0]||!n.o.size))for(e=n.u;e;){for(;e.length>3;)e.pop()();if(e[1]<e[0])break;n.u=e=e[2];}};function W(n){return this.getChildContext=function(){return n.context},n.children}function P(n){var e=this,r=n.i;e.componentWillUnmount=function(){B$2(null,e.l),e.l=null,e.i=null;},e.i&&e.i!==r&&e.componentWillUnmount(),e.l||(e.i=r,e.l={nodeType:1,parentNode:r,childNodes:[],contains:function(){return !0},appendChild:function(n){this.childNodes.push(n),e.i.appendChild(n);},insertBefore:function(n,t){this.childNodes.push(n),e.i.appendChild(n);},removeChild:function(n){this.childNodes.splice(this.childNodes.indexOf(n)>>>1,1),e.i.removeChild(n);}}),B$2(_(W,{context:e.context},n.__v),e.l);}function j(n,e){var r=_(P,{__v:n,i:e});return r.containerInfo=e,r}(U.prototype=new b).__a=function(n){var t=this,e=O(t.__v),r=t.o.get(n);return r[0]++,function(u){var o=function(){t.props.revealOrder?(r.push(u),V(t,n,r)):u();};e?e(o):o();}},U.prototype.render=function(n){this.u=null,this.o=new Map;var t=H$1(n.children);n.revealOrder&&"b"===n.revealOrder[0]&&t.reverse();for(var e=t.length;e--;)this.o.set(t[e],this.u=[1,0,this.u]);return n.children},U.prototype.componentDidUpdate=U.prototype.componentDidMount=function(){var n=this;this.o.forEach(function(t,e){V(n,e,t);});};var z="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,B=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,H=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,Z=/[A-Z0-9]/g,Y="undefined"!=typeof document,$=function(n){return ("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/:/fil|che|ra/).test(n)};b.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(t){Object.defineProperty(b.prototype,t,{configurable:!0,get:function(){return this["UNSAFE_"+t]},set:function(n){Object.defineProperty(this,t,{configurable:!0,writable:!0,value:n});}});});var J=l$1.event;function K(){}function Q(){return this.cancelBubble}function X(){return this.defaultPrevented}l$1.event=function(n){return J&&(n=J(n)),n.persist=K,n.isPropagationStopped=Q,n.isDefaultPrevented=X,n.nativeEvent=n};var tn={enumerable:!1,configurable:!0,get:function(){return this.class}},en=l$1.vnode;l$1.vnode=function(n){"string"==typeof n.type&&function(n){var t=n.props,e=n.type,u={};for(var o in t){var i=t[o];if(!("value"===o&&"defaultValue"in t&&null==i||Y&&"children"===o&&"noscript"===e||"class"===o||"className"===o)){var c=o.toLowerCase();"defaultValue"===o&&"value"in t&&null==t.value?o="value":"download"===o&&!0===i?i="":"translate"===c&&"no"===i?i=!1:"ondoubleclick"===c?o="ondblclick":"onchange"!==c||"input"!==e&&"textarea"!==e||$(t.type)?"onfocus"===c?o="onfocusin":"onblur"===c?o="onfocusout":H.test(o)?o=c:-1===e.indexOf("-")&&B.test(o)?o=o.replace(Z,"-$&").toLowerCase():null===i&&(i=void 0):c=o="oninput","oninput"===c&&u[o=c]&&(o="oninputCapture"),u[o]=i;}}"select"==e&&u.multiple&&Array.isArray(u.value)&&(u.value=H$1(t.children).forEach(function(n){n.props.selected=-1!=u.value.indexOf(n.props.value);})),"select"==e&&null!=u.defaultValue&&(u.value=H$1(t.children).forEach(function(n){n.props.selected=u.multiple?-1!=u.defaultValue.indexOf(n.props.value):u.defaultValue==n.props.value;})),t.class&&!t.className?(u.class=t.class,Object.defineProperty(u,"className",tn)):(t.className&&!t.class||t.class&&t.className)&&(u.class=u.className=t.className),n.props=u;}(n),n.$$typeof=z,en&&en(n);};var rn=l$1.__r;l$1.__r=function(n){rn&&rn(n),n.__c;};var un=l$1.diffed;l$1.diffed=function(n){un&&un(n);var t=n.props,e=n.__e;null!=e&&"textarea"===n.type&&"value"in t&&t.value!==e.value&&(e.value=null==t.value?"":t.value);};
+
+    /*
+    NOTE: this can be a public API, especially createElement for hooks.
+    See examples/typescript-scheduler/src/index.ts
+    */
+    /*
+    HACK for flushSync being a noop:
+    https://github.com/preactjs/preact/issues/3929
+    */
+    function flushSync(renderActionToFlush) {
+        renderActionToFlush();
+        let oldDebounceRendering = l$1.debounceRendering; // orig
+        let callbackQ = [];
+        function execCallbackSync(callback) {
+            callbackQ.push(callback);
         }
-        else {
-            if (meta.isToday) {
-                classNames.push('fc-day-today');
+        l$1.debounceRendering = execCallbackSync;
+        B$2(_(FakeComponent, {}), document.createElement('div'));
+        while (callbackQ.length) {
+            callbackQ.shift()();
+        }
+        l$1.debounceRendering = oldDebounceRendering;
+    }
+    /*
+    Triggers a state-change which unclogs the render queue? Needed?
+    */
+    class FakeComponent extends b {
+        render() { return _('div', {}); }
+        componentDidMount() { this.setState({}); }
+    }
+    /*
+    HACK for Preact wrongly calling shouldComponentUpdate during context changes:
+    https://github.com/preactjs/preact/issues/2510
+    */
+    function createContext(defaultValue) {
+        let ContextType = G(defaultValue);
+        let origProvider = ContextType.Provider;
+        ContextType.Provider = function () {
+            let isNew = !this.getChildContext;
+            let children = origProvider.apply(this, arguments); // eslint-disable-line prefer-rest-params
+            if (isNew) {
+                let subs = [];
+                this.shouldComponentUpdate = (_props) => {
+                    if (this.props.value !== _props.value) {
+                        subs.forEach((c) => {
+                            c.context = _props.value;
+                            c.forceUpdate();
+                        });
+                    }
+                };
+                this.sub = (c) => {
+                    subs.push(c);
+                    let old = c.componentWillUnmount;
+                    c.componentWillUnmount = () => {
+                        subs.splice(subs.indexOf(c), 1);
+                        old && old.call(c);
+                    };
+                };
             }
-            if (meta.isPast) {
-                classNames.push('fc-day-past');
+            return children;
+        };
+        return ContextType;
+    }
+    const preactOptions = l$1;
+
+    var preact = {
+        __proto__: null,
+        flushSync: flushSync,
+        createContext: createContext,
+        preactOptions: preactOptions,
+        createPortal: j,
+        Component: b,
+        Fragment: k$1,
+        cloneElement: E$1,
+        createElement: _,
+        createRef: m$1,
+        h: _,
+        hydrate: D$1,
+        get isValidElement () { return t; },
+        get options () { return l$1; },
+        render: B$2,
+        toChildArray: H$1
+    };
+
+    const nativeBorderBoxEnabled = true;
+    const fallbackTimeout = 100;
+    const configMap = new Map();
+    const afterSizeCallbacks = new Set();
+    let isHandling = false; // utilized by both techniques
+    function afterSize(callback) {
+        if (isHandling) {
+            afterSizeCallbacks.add(callback);
+        }
+        else {
+            callback(); // TODO: should we queue microtask?
+        }
+    }
+    function flushAfterSize() {
+        for (const flushedCallback of afterSizeCallbacks.values()) {
+            flushedCallback();
+            afterSizeCallbacks.delete(flushedCallback);
+        }
+    }
+    /*
+    A proper ResizeObserver polyfill would keep checking dimensions until all stabilized,
+    to detect if a *handler* caused a new element's dimensions to change,
+    while ignoring changes per-element after the first (to prevent infinite loops),
+    but our Preact system does not commit to the DOM immediately, commits are batched for later,
+    so we can skip this.
+    */
+    function checkConfigMap() {
+        if (!isHandling) {
+            isHandling = true;
+            const dirtyConfigs = [];
+            for (const [el, config] of configMap.entries()) {
+                let width;
+                let height;
+                if (config.client) {
+                    width = el.clientWidth;
+                    height = el.clientHeight;
+                }
+                else {
+                    ({ width, height } = el.getBoundingClientRect());
+                }
+                if (storeConfigDims(config, width, height)) {
+                    dirtyConfigs.push(config);
+                }
             }
-            if (meta.isFuture) {
-                classNames.push('fc-day-future');
+            for (const dirtyConfig of dirtyConfigs) {
+                dirtyConfig.callback(dirtyConfig.width, dirtyConfig.height);
             }
-            if (meta.isOther) {
-                classNames.push('fc-day-other');
+            flushAfterSize();
+            isHandling = false;
+        }
+    }
+    function storeConfigDims(config, width, height) {
+        let shouldFire = false;
+        // we use it because ResizeObserver's results could be slightly off from getBoundingClientRect
+        if (!isDimsEqual(config.width, width)) {
+            config.width = width;
+            shouldFire = config.watchWidth;
+        }
+        if (!isDimsEqual(config.height, height)) {
+            config.height = height;
+            shouldFire || (shouldFire = config.watchHeight);
+        }
+        return shouldFire;
+    }
+    // Native Technique ONLY
+    // -------------------------------------------------------------------------------------------------
+    function initNative() {
+        // Single global ResizeObserver does batching and uses less memory than individuals
+        // Will always fire with delay after DOM mutation, but before repaint,
+        // thus doesn't need !isHandling check like checkConfigMap
+        const globalResizeObserver = new ResizeObserver((entries) => {
+            isHandling = true;
+            for (let entry of entries) {
+                const el = entry.target;
+                const config = configMap.get(el);
+                let width;
+                let height;
+                if (config.client) {
+                    width = el.clientWidth;
+                    height = el.clientHeight;
+                }
+                else if (entry.borderBoxSize && nativeBorderBoxEnabled) {
+                    const borderBoxSize = entry.borderBoxSize[0] || entry.borderBoxSize; // HACK for Firefox
+                    width = borderBoxSize.inlineSize;
+                    height = borderBoxSize.blockSize;
+                }
+                else {
+                    ({ width, height } = el.getBoundingClientRect());
+                }
+                if (storeConfigDims(config, width, height)) {
+                    config.callback(width, height);
+                }
             }
+            flushAfterSize();
+            isHandling = false;
+        });
+        function watchSize(el, callback, client, watchWidth = true, watchHeight = true) {
+            configMap.set(el, { callback, client, watchWidth, watchHeight });
+            globalResizeObserver.observe(el, {
+                box: !client && nativeBorderBoxEnabled
+                    ? 'border-box'
+                    : undefined // default is 'content-box'
+            });
+            return () => {
+                configMap.delete(el);
+                globalResizeObserver.unobserve(el);
+            };
         }
-        return classNames;
+        return [watchSize, checkConfigMap];
     }
-    function getSlotClassNames(meta, theme) {
-        let classNames = [
-            'fc-slot',
-            `fc-slot-${DAY_IDS[meta.dow]}`,
-        ];
-        if (meta.isDisabled) {
-            classNames.push('fc-slot-disabled');
+    // Fallback Technique ONLY
+    // -------------------------------------------------------------------------------------------------
+    // from https://github.com/juggle/resize-observer/blob/master/src/utils/scheduler.ts
+    const globalEventNames = [
+        // Global Resize
+        'resize',
+        // Global Load
+        'load',
+        // Transitions & Animations
+        'transitionend',
+        'animationend',
+        'animationstart',
+        'animationiteration',
+        // Interactions
+        'keyup',
+        'keydown',
+        'mouseup',
+        'mousedown',
+        'mouseover',
+        'mouseout',
+        'blur',
+        'focus'
+    ];
+    const eventListenerConfig = {
+        capture: true,
+        passive: true, // we don't call preventDefault, so can optimize
+    };
+    function initFallback() {
+        let globalMutationObserver; // lazily initialize for non-browser envs
+        let globalMutationObserverPaused = false;
+        const [requestCheckSizes, cancelCheckSizes] = debounce(checkConfigMap, fallbackTimeout);
+        function requestCheckSizesSync() {
+            cancelCheckSizes();
+            checkConfigMap();
+        }
+        function watchSize(el, callback, client, watchWidth = true, watchHeight = true) {
+            if (!configMap.size) {
+                addGlobalHandlers();
+            }
+            configMap.set(el, { callback, client, watchWidth, watchHeight });
+            requestCheckSizes();
+            return () => {
+                configMap.delete(el);
+                if (!configMap.size) {
+                    removeGlobalHandlers();
+                }
+            };
         }
-        else {
-            if (meta.isToday) {
-                classNames.push('fc-slot-today');
+        function addGlobalHandlers() {
+            globalMutationObserver = new MutationObserver(requestCheckSizes);
+            if (!globalMutationObserverPaused) {
+                startGlobalMutationObserver();
             }
-            if (meta.isPast) {
-                classNames.push('fc-slot-past');
+            for (const eventName of globalEventNames) {
+                window.addEventListener(eventName, requestCheckSizes, eventListenerConfig);
             }
-            if (meta.isFuture) {
-                classNames.push('fc-slot-future');
+        }
+        function removeGlobalHandlers() {
+            if (!globalMutationObserverPaused) {
+                stopGlobalMutationObserver();
+            }
+            for (const eventName of globalEventNames) {
+                window.removeEventListener(eventName, requestCheckSizes, eventListenerConfig);
             }
         }
-        return classNames;
-    }
-
-    // TODO: kill Component::safeSetState
-    // TODO: kill
-    function setStateDimMap(component, key, newMap) {
-        const currentMap = component.state[key];
-        if (!currentMap || !isDimMapsEqual(currentMap, newMap)) {
-            component.setState({ [key]: newMap });
+        function startGlobalMutationObserver() {
+            globalMutationObserver.observe(document.documentElement, {
+                attributes: true,
+                childList: true,
+                subtree: true,
+                characterData: true,
+            });
         }
-    }
-    // TODO: kill
-    function isDimMapsEqual(oldMap, newMap) {
-        for (const key in newMap) {
-            if (!isDimsEqual(oldMap[key], newMap[key])) {
-                return false;
+        function stopGlobalMutationObserver() {
+            globalMutationObserver.disconnect();
+        }
+        function pauseGlobalMutationObserver() {
+            if (!globalMutationObserverPaused) {
+                globalMutationObserverPaused = true;
+                if (configMap.size) {
+                    stopGlobalMutationObserver();
+                }
             }
         }
-        return true;
-    }
-    // TODO: kill
-    function isDimsEqual(v0, v1) {
-        return v0 != null && (v0 === v1 || Math.abs(v0 - v1) < 0.01);
+        function resumeGlobalMutationObserver() {
+            if (globalMutationObserverPaused) {
+                globalMutationObserverPaused = false;
+                if (configMap.size) {
+                    startGlobalMutationObserver();
+                }
+            }
+        }
+        // Preact Integration
+        const __rOld = preactOptions.__r || noop;
+        const __cOld = preactOptions.__c || noop;
+        let requested = false;
+        preactOptions.__r = function () {
+            pauseGlobalMutationObserver();
+            __rOld.apply(this, arguments);
+        };
+        preactOptions.__c = function () {
+            if (!requested) {
+                requested = true;
+                requestAnimationFrame(() => {
+                    requestCheckSizesSync();
+                    resumeGlobalMutationObserver();
+                    requested = false;
+                });
+            }
+            __cOld.apply(this, arguments);
+        };
+        return [watchSize, requestCheckSizesSync];
     }
-
-    const callbackMap = new Map();
-    let flushedCallbackSet = new Set();
-    let isHandling = false;
-    /*
-    Performant from multiple perspectives:
-    - less memory with one ResizeObserver
-    - batches firing
-    */
-    const resizeObserver = new ResizeObserver((entries) => {
-        isHandling = true;
-        for (let entry of entries) {
-            const callback = callbackMap.get(entry.target);
-            if (entry.contentBoxSize) {
-                // The standard makes contentBoxSize an array...
-                if (entry.contentBoxSize[0]) {
-                    callback(entry.contentBoxSize[0].inlineSize, entry.contentBoxSize[0].blockSize);
+    // Util
+    // -------------------------------------------------------------------------------------------------
+    const noop = () => { }; // TODO: use elsewhere
+    function debounce(fn, ms) {
+        let timeoutStarted;
+        let timeoutAdded;
+        let timeoutId; // thruthiness indicates whether active timeout
+        function runWithTimeout(timeout) {
+            timeoutStarted = Date.now();
+            timeoutAdded = 0;
+            timeoutId = setTimeout(() => {
+                if (timeoutAdded) {
+                    runWithTimeout(timeoutAdded);
                 }
                 else {
-                    // ...but old versions of Firefox treat it as a single item
-                    callback(entry.contentBoxSize.inlineSize, entry.contentBoxSize.blockSize);
+                    timeoutId = undefined;
+                    fn();
                 }
+            }, timeout);
+        }
+        function request() {
+            if (timeoutId) {
+                timeoutAdded = Date.now() - timeoutStarted;
             }
             else {
-                callback(entry.contentRect.width, entry.contentRect.height);
+                runWithTimeout(ms);
             }
         }
-        for (const flushedCallback of flushedCallbackSet.values()) {
-            flushedCallback();
-            flushedCallbackSet.delete(flushedCallback);
+        function cancel() {
+            if (timeoutId) {
+                clearTimeout(timeoutId);
+                timeoutId = undefined;
+            }
         }
-        isHandling = false;
-    });
+        return [request, cancel];
+    }
+    // Main
+    // -------------------------------------------------------------------------------------------------
     /*
-    PRECONDITIONS:
-    - element can only have one listener attached ever
-    - element cannot have border or padding
+    PRECONDITION: element can only have one listener attached
 
-    TODO:
-    - always force border/padding on these elements to `0 !important` ???
+    NOTE: If we ever kill the fallback technique and use ResizeObserver unconditionally with full
+    border-box support, we no longer need wrappers around the <StickyFooterScrollbar>'s <Scroller>
     */
-    function watchSize(el, callback) {
-        callbackMap.set(el, callback);
-        resizeObserver.observe(el);
-        return () => {
-            callbackMap.delete(el);
-            resizeObserver.unobserve(el);
-        };
-    }
+    const [watchSize, updateSizeSync] = typeof ResizeObserver !== 'undefined'
+        ? initNative()
+        : initFallback();
     function watchWidth(el, callback) {
-        let currentWidth;
-        return watchSize(el, (width) => {
-            if (currentWidth == null || currentWidth !== width) {
-                callback(currentWidth = width);
-            }
-        });
+        return watchSize(el, callback, 
+        /* watchWidth = */ true);
     }
     function watchHeight(el, callback) {
-        let currentHeight;
-        return watchSize(el, (_width, height) => {
-            if (currentHeight == null || currentHeight !== height) {
-                callback(currentHeight = height);
-            }
-        });
-    }
-    function afterSize(callback) {
-        if (isHandling) {
-            flushedCallbackSet.add(callback);
-        }
-        else {
-            callback(); // TODO: should we queue microtask?
-        }
+        return watchSize(el, (_width, height) => callback(height), 
+        /* watchWidth = */ false, 
+        /* watchHeight = */ true);
     }
 
     const DAY_FORMAT = createFormatter({ year: 'numeric', month: 'long', day: 'numeric' });
@@ -2640,7 +2824,7 @@ var FullCalendar = (function (exports) {
         document.body.appendChild(outerEl);
         let innerEl = outerEl.firstChild;
         let res = innerEl.getBoundingClientRect().left > outerEl.getBoundingClientRect().left;
-        removeElement(outerEl);
+        outerEl.remove();
         return res;
     }
 
@@ -3041,7 +3225,7 @@ var FullCalendar = (function (exports) {
             }
             return className;
         }
-        getClass(key) {
+        getClassName(key) {
             return this.classes[key] || '';
         }
         getIconClass(buttonName, isRtl) {
@@ -3073,86 +3257,6 @@ var FullCalendar = (function (exports) {
     Theme.prototype.baseIconClass = '';
     Theme.prototype.iconOverridePrefix = '';
 
-    var n,l$1,u$1,t,i$1,o,r$1,f$1,e$1,c$1,s$1,a$1,h={},p=[],v$1=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,y=Array.isArray;function d(n,l){for(var u in l)n[u]=l[u];return n}function w$1(n){var l=n.parentNode;l&&l.removeChild(n);}function _(l,u,t){var i,o,r,f={};for(r in u)"key"==r?i=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):t),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return g$1(l,f,i,o,null)}function g$1(n,t,i,o,r){var f={type:n,props:t,key:i,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:null==r?++u$1:r,__i:-1,__u:0};return null==r&&null!=l$1.vnode&&l$1.vnode(f),f}function m$1(){return {current:null}}function k$1(n){return n.children}function b(n,l){this.props=n,this.context=l;}function x(n,l){if(null==l)return n.__?x(n.__,n.__i+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?x(n):null}function C$1(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return C$1(n)}}function M$1(n){(!n.__d&&(n.__d=!0)&&i$1.push(n)&&!P$1.__r++||o!==l$1.debounceRendering)&&((o=l$1.debounceRendering)||r$1)(P$1);}function P$1(){var n,u,t,o,r,e,c,s;for(i$1.sort(f$1);n=i$1.shift();)n.__d&&(u=i$1.length,o=void 0,e=(r=(t=n).__v).__e,c=[],s=[],t.__P&&((o=d({},r)).__v=r.__v+1,l$1.vnode&&l$1.vnode(o),O$1(t.__P,o,r,t.__n,t.__P.namespaceURI,32&r.__u?[e]:null,c,null==e?x(r):e,!!(32&r.__u),s),o.__v=r.__v,o.__.__k[o.__i]=o,j$2(c,o,s),o.__e!=e&&C$1(o)),i$1.length>u&&i$1.sort(f$1));P$1.__r=0;}function S(n,l,u,t,i,o,r,f,e,c,s){var a,v,y,d,w,_=t&&t.__k||p,g=l.length;for(u.__d=e,$$1(u,l,_),e=u.__d,a=0;a<g;a++)null!=(y=u.__k[a])&&"boolean"!=typeof y&&"function"!=typeof y&&(v=-1===y.__i?h:_[y.__i]||h,y.__i=a,O$1(n,y,v,i,o,r,f,e,c,s),d=y.__e,y.ref&&v.ref!=y.ref&&(v.ref&&N(v.ref,null,y),s.push(y.ref,y.__c||d,y)),null==w&&null!=d&&(w=d),65536&y.__u||v.__k===y.__k?e=I(y,e,n):"function"==typeof y.type&&void 0!==y.__d?e=y.__d:d&&(e=d.nextSibling),y.__d=void 0,y.__u&=-196609);u.__d=e,u.__e=w;}function $$1(n,l,u){var t,i,o,r,f,e=l.length,c=u.length,s=c,a=0;for(n.__k=[],t=0;t<e;t++)r=t+a,null!=(i=n.__k[t]=null==(i=l[t])||"boolean"==typeof i||"function"==typeof i?null:"string"==typeof i||"number"==typeof i||"bigint"==typeof i||i.constructor==String?g$1(null,i,null,null,null):y(i)?g$1(k$1,{children:i},null,null,null):void 0===i.constructor&&i.__b>0?g$1(i.type,i.props,i.key,i.ref?i.ref:null,i.__v):i)?(i.__=n,i.__b=n.__b+1,f=L$1(i,u,r,s),i.__i=f,o=null,-1!==f&&(s--,(o=u[f])&&(o.__u|=131072)),null==o||null===o.__v?(-1==f&&a--,"function"!=typeof i.type&&(i.__u|=65536)):f!==r&&(f==r-1?a=f-r:f==r+1?a++:f>r?s>e-r?a+=f-r:a--:f<r&&a++,f!==t+a&&(i.__u|=65536))):(o=u[r])&&null==o.key&&o.__e&&0==(131072&o.__u)&&(o.__e==n.__d&&(n.__d=x(o)),V$1(o,o,!1),u[r]=null,s--);if(s)for(t=0;t<c;t++)null!=(o=u[t])&&0==(131072&o.__u)&&(o.__e==n.__d&&(n.__d=x(o)),V$1(o,o));}function I(n,l,u){var t,i;if("function"==typeof n.type){for(t=n.__k,i=0;t&&i<t.length;i++)t[i]&&(t[i].__=n,l=I(t[i],l,u));return l}n.__e!=l&&(l&&n.type&&!u.contains(l)&&(l=x(n)),u.insertBefore(n.__e,l||null),l=n.__e);do{l=l&&l.nextSibling;}while(null!=l&&8===l.nodeType);return l}function H$1(n,l){return l=l||[],null==n||"boolean"==typeof n||(y(n)?n.some(function(n){H$1(n,l);}):l.push(n)),l}function L$1(n,l,u,t){var i=n.key,o=n.type,r=u-1,f=u+1,e=l[u];if(null===e||e&&i==e.key&&o===e.type&&0==(131072&e.__u))return u;if(t>(null!=e&&0==(131072&e.__u)?1:0))for(;r>=0||f<l.length;){if(r>=0){if((e=l[r])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return r;r--;}if(f<l.length){if((e=l[f])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return f;f++;}}return -1}function T$1(n,l,u){"-"===l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||v$1.test(l)?u:u+"px";}function A$1(n,l,u,t,i){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof t&&(n.style.cssText=t=""),t)for(l in t)u&&l in u||T$1(n.style,l,"");if(u)for(l in u)t&&u[l]===t[l]||T$1(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/(PointerCapture)$|Capture$/i,"$1")),l=l.toLowerCase()in n||"onFocusOut"===l||"onFocusIn"===l?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?t?u.u=t.u:(u.u=e$1,n.addEventListener(l,o?s$1:c$1,o)):n.removeEventListener(l,o?s$1:c$1,o);else {if("http://www.w3.org/2000/svg"==i)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=l&&"height"!=l&&"href"!=l&&"list"!=l&&"form"!=l&&"tabIndex"!=l&&"download"!=l&&"rowSpan"!=l&&"colSpan"!=l&&"role"!=l&&"popover"!=l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||!1===u&&"-"!==l[4]?n.removeAttribute(l):n.setAttribute(l,"popover"==l&&1==u?"":u));}}function F(n){return function(u){if(this.l){var t=this.l[u.type+n];if(null==u.t)u.t=e$1++;else if(u.t<t.u)return;return t(l$1.event?l$1.event(u):u)}}}function O$1(n,u,t,i,o,r,f,e,c,s){var a,h,p,v,w,_,g,m,x,C,M,P,$,I,H,L,T=u.type;if(void 0!==u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),r=[e=u.__e=t.__e]),(a=l$1.__b)&&a(u);n:if("function"==typeof T)try{if(m=u.props,x="prototype"in T&&T.prototype.render,C=(a=T.contextType)&&i[a.__c],M=a?C?C.props.value:a.__:i,t.__c?g=(h=u.__c=t.__c).__=h.__E:(x?u.__c=h=new T(m,M):(u.__c=h=new b(m,M),h.constructor=T,h.render=q),C&&C.sub(h),h.props=m,h.state||(h.state={}),h.context=M,h.__n=i,p=h.__d=!0,h.__h=[],h._sb=[]),x&&null==h.__s&&(h.__s=h.state),x&&null!=T.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=d({},h.__s)),d(h.__s,T.getDerivedStateFromProps(m,h.__s))),v=h.props,w=h.state,h.__v=u,p)x&&null==T.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),x&&null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else {if(x&&null==T.getDerivedStateFromProps&&m!==v&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(m,M),!h.__e&&(null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(m,h.__s,M)||u.__v===t.__v)){for(u.__v!==t.__v&&(h.props=m,h.state=h.__s,h.__d=!1),u.__e=t.__e,u.__k=t.__k,u.__k.forEach(function(n){n&&(n.__=u);}),P=0;P<h._sb.length;P++)h.__h.push(h._sb[P]);h._sb=[],h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(m,h.__s,M),x&&null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(v,w,_);});}if(h.context=M,h.props=m,h.__P=n,h.__e=!1,$=l$1.__r,I=0,x){for(h.state=h.__s,h.__d=!1,$&&$(u),a=h.render(h.props,h.state,h.context),H=0;H<h._sb.length;H++)h.__h.push(h._sb[H]);h._sb=[];}else do{h.__d=!1,$&&$(u),a=h.render(h.props,h.state,h.context),h.state=h.__s;}while(h.__d&&++I<25);h.state=h.__s,null!=h.getChildContext&&(i=d(d({},i),h.getChildContext())),x&&!p&&null!=h.getSnapshotBeforeUpdate&&(_=h.getSnapshotBeforeUpdate(v,w)),S(n,y(L=null!=a&&a.type===k$1&&null==a.key?a.props.children:a)?L:[L],u,t,i,o,r,f,e,c,s),h.base=u.__e,u.__u&=-161,h.__h.length&&f.push(h),g&&(h.__E=h.__=null);}catch(n){if(u.__v=null,c||null!=r){for(u.__u|=c?160:32;e&&8===e.nodeType&&e.nextSibling;)e=e.nextSibling;r[r.indexOf(e)]=null,u.__e=e;}else u.__e=t.__e,u.__k=t.__k;l$1.__e(n,u,t);}else null==r&&u.__v===t.__v?(u.__k=t.__k,u.__e=t.__e):u.__e=z$2(t.__e,u,t,i,o,r,f,c,s);(a=l$1.diffed)&&a(u);}function j$2(n,u,t){u.__d=void 0;for(var i=0;i<t.length;i++)N(t[i],t[++i],t[++i]);l$1.__c&&l$1.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l$1.__e(n,u.__v);}});}function z$2(l,u,t,i,o,r,f,e,c){var s,a,p,v,d,_,g,m=t.props,k=u.props,b=u.type;if("svg"===b?o="http://www.w3.org/2000/svg":"math"===b?o="http://www.w3.org/1998/Math/MathML":o||(o="http://www.w3.org/1999/xhtml"),null!=r)for(s=0;s<r.length;s++)if((d=r[s])&&"setAttribute"in d==!!b&&(b?d.localName===b:3===d.nodeType)){l=d,r[s]=null;break}if(null==l){if(null===b)return document.createTextNode(k);l=document.createElementNS(o,b,k.is&&k),r=null,e=!1;}if(null===b)m===k||e&&l.data===k||(l.data=k);else {if(r=r&&n.call(l.childNodes),m=t.props||h,!e&&null!=r)for(m={},s=0;s<l.attributes.length;s++)m[(d=l.attributes[s]).name]=d.value;for(s in m)if(d=m[s],"children"==s);else if("dangerouslySetInnerHTML"==s)p=d;else if("key"!==s&&!(s in k)){if("value"==s&&"defaultValue"in k||"checked"==s&&"defaultChecked"in k)continue;A$1(l,s,null,d,o);}for(s in k)d=k[s],"children"==s?v=d:"dangerouslySetInnerHTML"==s?a=d:"value"==s?_=d:"checked"==s?g=d:"key"===s||e&&"function"!=typeof d||m[s]===d||A$1(l,s,d,m[s],o);if(a)e||p&&(a.__html===p.__html||a.__html===l.innerHTML)||(l.innerHTML=a.__html),u.__k=[];else if(p&&(l.innerHTML=""),S(l,y(v)?v:[v],u,t,i,"foreignObject"===b?"http://www.w3.org/1999/xhtml":o,r,f,r?r[0]:t.__k&&x(t,0),e,c),null!=r)for(s=r.length;s--;)null!=r[s]&&w$1(r[s]);e||(s="value",void 0!==_&&(_!==l[s]||"progress"===b&&!_||"option"===b&&_!==m[s])&&A$1(l,s,_,m[s],o),s="checked",void 0!==g&&g!==l[s]&&A$1(l,s,g,m[s],o));}return l}function N(n,u,t){try{if("function"==typeof n){var i="function"==typeof n.__u;i&&n.__u(),i&&null==u||(n.__u=n(u));}else n.current=u;}catch(n){l$1.__e(n,t);}}function V$1(n,u,t){var i,o;if(l$1.unmount&&l$1.unmount(n),(i=n.ref)&&(i.current&&i.current!==n.__e||N(i,null,u)),null!=(i=n.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount();}catch(n){l$1.__e(n,u);}i.base=i.__P=null;}if(i=n.__k)for(o=0;o<i.length;o++)i[o]&&V$1(i[o],u,t||"function"!=typeof n.type);t||null==n.__e||w$1(n.__e),n.__c=n.__=n.__e=n.__d=void 0;}function q(n,l,u){return this.constructor(n,u)}function B$2(u,t,i){var o,r,f,e;l$1.__&&l$1.__(u,t),r=(o="function"==typeof i)?null:i&&i.__k||t.__k,f=[],e=[],O$1(t,u=(!o&&i||t).__k=_(k$1,null,[u]),r||h,h,t.namespaceURI,!o&&i?[i]:r?null:t.firstChild?n.call(t.childNodes):null,f,!o&&i?i:r?r.__e:t.firstChild,o,e),j$2(f,u,e);}function D$1(n,l){B$2(n,l,D$1);}function E$1(l,u,t){var i,o,r,f,e=d({},l.props);for(r in l.type&&l.type.defaultProps&&(f=l.type.defaultProps),u)"key"==r?i=u[r]:"ref"==r?o=u[r]:e[r]=void 0===u[r]&&void 0!==f?f[r]:u[r];return arguments.length>2&&(e.children=arguments.length>3?n.call(arguments,2):t),g$1(l.type,e,i||l.key,o||l.ref,null)}function G(n,l){var u={__c:l="__cC"+a$1++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,t;return this.getChildContext||(u=[],(t={})[l]=this,this.getChildContext=function(){return t},this.componentWillUnmount=function(){u=null;},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.some(function(n){n.__e=!0,M$1(n);});},this.sub=function(n){u.push(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u&&u.splice(u.indexOf(n),1),l&&l.call(n);};}),n.children}};return u.Provider.__=u.Consumer.contextType=u}n=p.slice,l$1={__e:function(n,l,u,t){for(var i,o,r;l=l.__;)if((i=l.__c)&&!i.__)try{if((o=i.constructor)&&null!=o.getDerivedStateFromError&&(i.setState(o.getDerivedStateFromError(n)),r=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(n,t||{}),r=i.__d),r)return i.__E=i}catch(l){n=l;}throw n}},u$1=0,t=function(n){return null!=n&&null==n.constructor},b.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=d({},this.state),"function"==typeof n&&(n=n(d({},u),this.props)),n&&d(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),M$1(this));},b.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),M$1(this));},b.prototype.render=k$1,i$1=[],r$1="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,f$1=function(n,l){return n.__v.__b-l.__v.__b},P$1.__r=0,e$1=0,c$1=F(!1),s$1=F(!0),a$1=0;
-
-    var r,u,i,f=[],c=l$1,e=c.__b,a=c.__r,v=c.diffed,l=c.__c,m=c.unmount,s=c.__;function j$1(){for(var n;n=f.shift();)if(n.__P&&n.__H)try{n.__H.__h.forEach(z$1),n.__H.__h.forEach(B$1),n.__H.__h=[];}catch(t){n.__H.__h=[],c.__e(t,n.__v);}}c.__b=function(n){r=null,e&&e(n);},c.__=function(n,t){n&&t.__k&&t.__k.__m&&(n.__m=t.__k.__m),s&&s(n,t);},c.__r=function(n){a&&a(n);var i=(r=n.__c).__H;i&&(u===r?(i.__h=[],r.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.i=n.__N=void 0;})):(i.__h.forEach(z$1),i.__h.forEach(B$1),i.__h=[],0)),u=r;},c.diffed=function(n){v&&v(n);var t=n.__c;t&&t.__H&&(t.__H.__h.length&&(1!==f.push(t)&&i===c.requestAnimationFrame||((i=c.requestAnimationFrame)||w)(j$1)),t.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.i=void 0;})),u=r=null;},c.__c=function(n,t){t.some(function(n){try{n.__h.forEach(z$1),n.__h=n.__h.filter(function(n){return !n.__||B$1(n)});}catch(r){t.some(function(n){n.__h&&(n.__h=[]);}),t=[],c.__e(r,n.__v);}}),l&&l(n,t);},c.unmount=function(n){m&&m(n);var t,r=n.__c;r&&r.__H&&(r.__H.__.forEach(function(n){try{z$1(n);}catch(n){t=n;}}),r.__H=void 0,t&&c.__e(t,r.__v));};var k="function"==typeof requestAnimationFrame;function w(n){var t,r=function(){clearTimeout(u),k&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,100);k&&(t=requestAnimationFrame(r));}function z$1(n){var t=r,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r=t;}function B$1(n){var t=r;n.__c=n.__(),r=t;}
-
-    function g(n,t){for(var e in t)n[e]=t[e];return n}function E(n,t){for(var e in n)if("__source"!==e&&!(e in t))return !0;for(var r in t)if("__source"!==r&&n[r]!==t[r])return !0;return !1}function C(n,t){this.props=n,this.context=t;}(C.prototype=new b).isPureReactComponent=!0,C.prototype.shouldComponentUpdate=function(n,t){return E(this.props,n)||E(this.state,t)};var R=l$1.__b;l$1.__b=function(n){n.type&&n.type.__f&&n.ref&&(n.props.ref=n.ref,n.ref=null),R&&R(n);};var M=l$1.__e;l$1.__e=function(n,t,e,r){if(n.then)for(var u,o=t;o=o.__;)if((u=o.__c)&&u.__c)return null==t.__e&&(t.__e=e.__e,t.__k=e.__k),u.__c(n,t);M(n,t,e,r);};var T=l$1.unmount;function A(n,t,e){return n&&(n.__c&&n.__c.__H&&(n.__c.__H.__.forEach(function(n){"function"==typeof n.__c&&n.__c();}),n.__c.__H=null),null!=(n=g({},n)).__c&&(n.__c.__P===e&&(n.__c.__P=t),n.__c=null),n.__k=n.__k&&n.__k.map(function(n){return A(n,t,e)})),n}function D(n,t,e){return n&&e&&(n.__v=null,n.__k=n.__k&&n.__k.map(function(n){return D(n,t,e)}),n.__c&&n.__c.__P===t&&(n.__e&&e.appendChild(n.__e),n.__c.__e=!0,n.__c.__P=e)),n}function L(){this.__u=0,this.t=null,this.__b=null;}function O(n){var t=n.__.__c;return t&&t.__a&&t.__a(n)}function U(){this.u=null,this.o=null;}l$1.unmount=function(n){var t=n.__c;t&&t.__R&&t.__R(),t&&32&n.__u&&(n.type=null),T&&T(n);},(L.prototype=new b).__c=function(n,t){var e=t.__c,r=this;null==r.t&&(r.t=[]),r.t.push(e);var u=O(r.__v),o=!1,i=function(){o||(o=!0,e.__R=null,u?u(c):c());};e.__R=i;var c=function(){if(!--r.__u){if(r.state.__a){var n=r.state.__a;r.__v.__k[0]=D(n,n.__c.__P,n.__c.__O);}var t;for(r.setState({__a:r.__b=null});t=r.t.pop();)t.forceUpdate();}};r.__u++||32&t.__u||r.setState({__a:r.__b=r.__v.__k[0]}),n.then(i,i);},L.prototype.componentWillUnmount=function(){this.t=[];},L.prototype.render=function(n,e){if(this.__b){if(this.__v.__k){var r=document.createElement("div"),o=this.__v.__k[0].__c;this.__v.__k[0]=A(this.__b,r,o.__O=o.__P);}this.__b=null;}var i=e.__a&&_(k$1,null,n.fallback);return i&&(i.__u&=-33),[_(k$1,null,e.__a?null:n.children),i]};var V=function(n,t,e){if(++e[1]===e[0]&&n.o.delete(t),n.props.revealOrder&&("t"!==n.props.revealOrder[0]||!n.o.size))for(e=n.u;e;){for(;e.length>3;)e.pop()();if(e[1]<e[0])break;n.u=e=e[2];}};function W(n){return this.getChildContext=function(){return n.context},n.children}function P(n){var e=this,r=n.i;e.componentWillUnmount=function(){B$2(null,e.l),e.l=null,e.i=null;},e.i&&e.i!==r&&e.componentWillUnmount(),e.l||(e.i=r,e.l={nodeType:1,parentNode:r,childNodes:[],contains:function(){return !0},appendChild:function(n){this.childNodes.push(n),e.i.appendChild(n);},insertBefore:function(n,t){this.childNodes.push(n),e.i.appendChild(n);},removeChild:function(n){this.childNodes.splice(this.childNodes.indexOf(n)>>>1,1),e.i.removeChild(n);}}),B$2(_(W,{context:e.context},n.__v),e.l);}function j(n,e){var r=_(P,{__v:n,i:e});return r.containerInfo=e,r}(U.prototype=new b).__a=function(n){var t=this,e=O(t.__v),r=t.o.get(n);return r[0]++,function(u){var o=function(){t.props.revealOrder?(r.push(u),V(t,n,r)):u();};e?e(o):o();}},U.prototype.render=function(n){this.u=null,this.o=new Map;var t=H$1(n.children);n.revealOrder&&"b"===n.revealOrder[0]&&t.reverse();for(var e=t.length;e--;)this.o.set(t[e],this.u=[1,0,this.u]);return n.children},U.prototype.componentDidUpdate=U.prototype.componentDidMount=function(){var n=this;this.o.forEach(function(t,e){V(n,e,t);});};var z="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,B=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,H=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,Z=/[A-Z0-9]/g,Y="undefined"!=typeof document,$=function(n){return ("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/:/fil|che|ra/).test(n)};b.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(t){Object.defineProperty(b.prototype,t,{configurable:!0,get:function(){return this["UNSAFE_"+t]},set:function(n){Object.defineProperty(this,t,{configurable:!0,writable:!0,value:n});}});});var J=l$1.event;function K(){}function Q(){return this.cancelBubble}function X(){return this.defaultPrevented}l$1.event=function(n){return J&&(n=J(n)),n.persist=K,n.isPropagationStopped=Q,n.isDefaultPrevented=X,n.nativeEvent=n};var tn={enumerable:!1,configurable:!0,get:function(){return this.class}},en=l$1.vnode;l$1.vnode=function(n){"string"==typeof n.type&&function(n){var t=n.props,e=n.type,u={};for(var o in t){var i=t[o];if(!("value"===o&&"defaultValue"in t&&null==i||Y&&"children"===o&&"noscript"===e||"class"===o||"className"===o)){var c=o.toLowerCase();"defaultValue"===o&&"value"in t&&null==t.value?o="value":"download"===o&&!0===i?i="":"translate"===c&&"no"===i?i=!1:"ondoubleclick"===c?o="ondblclick":"onchange"!==c||"input"!==e&&"textarea"!==e||$(t.type)?"onfocus"===c?o="onfocusin":"onblur"===c?o="onfocusout":H.test(o)?o=c:-1===e.indexOf("-")&&B.test(o)?o=o.replace(Z,"-$&").toLowerCase():null===i&&(i=void 0):c=o="oninput","oninput"===c&&u[o=c]&&(o="oninputCapture"),u[o]=i;}}"select"==e&&u.multiple&&Array.isArray(u.value)&&(u.value=H$1(t.children).forEach(function(n){n.props.selected=-1!=u.value.indexOf(n.props.value);})),"select"==e&&null!=u.defaultValue&&(u.value=H$1(t.children).forEach(function(n){n.props.selected=u.multiple?-1!=u.defaultValue.indexOf(n.props.value):u.defaultValue==n.props.value;})),t.class&&!t.className?(u.class=t.class,Object.defineProperty(u,"className",tn)):(t.className&&!t.class||t.class&&t.className)&&(u.class=u.className=t.className),n.props=u;}(n),n.$$typeof=z,en&&en(n);};var rn=l$1.__r;l$1.__r=function(n){rn&&rn(n),n.__c;};var un=l$1.diffed;l$1.diffed=function(n){un&&un(n);var t=n.props,e=n.__e;null!=e&&"textarea"===n.type&&"value"in t&&t.value!==e.value&&(e.value=null==t.value?"":t.value);};
-
-    /*
-    NOTE: this can be a public API, especially createElement for hooks.
-    See examples/typescript-scheduler/src/index.ts
-    */
-    /*
-    TODO: rethink this
-    */
-    function flushSync(runBeforeFlush) {
-        runBeforeFlush();
-        let oldDebounceRendering = l$1.debounceRendering; // orig
-        let callbackQ = [];
-        function execCallbackSync(callback) {
-            callbackQ.push(callback);
-        }
-        l$1.debounceRendering = execCallbackSync;
-        B$2(_(FakeComponent, {}), document.createElement('div'));
-        while (callbackQ.length) {
-            callbackQ.shift()();
-        }
-        l$1.debounceRendering = oldDebounceRendering;
-    }
-    class FakeComponent extends b {
-        render() { return _('div', {}); }
-        componentDidMount() { this.setState({}); }
-    }
-    // TODO: use preact/compat instead?
-    function createContext(defaultValue) {
-        let ContextType = G(defaultValue);
-        let origProvider = ContextType.Provider;
-        ContextType.Provider = function () {
-            let isNew = !this.getChildContext;
-            let children = origProvider.apply(this, arguments); // eslint-disable-line prefer-rest-params
-            if (isNew) {
-                let subs = [];
-                this.shouldComponentUpdate = (_props) => {
-                    if (this.props.value !== _props.value) {
-                        subs.forEach((c) => {
-                            c.context = _props.value;
-                            c.forceUpdate();
-                        });
-                    }
-                };
-                this.sub = (c) => {
-                    subs.push(c);
-                    let old = c.componentWillUnmount;
-                    c.componentWillUnmount = () => {
-                        subs.splice(subs.indexOf(c), 1);
-                        old && old.call(c);
-                    };
-                };
-            }
-            return children;
-        };
-        return ContextType;
-    }
-
-    var preact = {
-        __proto__: null,
-        flushSync: flushSync,
-        createContext: createContext,
-        createPortal: j,
-        Component: b,
-        Fragment: k$1,
-        cloneElement: E$1,
-        createElement: _,
-        createRef: m$1,
-        h: _,
-        hydrate: D$1,
-        get isValidElement () { return t; },
-        get options () { return l$1; },
-        render: B$2,
-        toChildArray: H$1
-    };
-
     const ViewContextType = createContext({}); // for Components
     function buildViewContext(viewSpec, viewApi, viewOptions, dateProfileGenerator, dateEnv, theme, pluginHooks, dispatch, getCurrentData, emitter, calendarApi, registerInteractiveComponent, unregisterInteractiveComponent) {
         return {
@@ -3183,12 +3287,6 @@ var FullCalendar = (function (exports) {
             return !compareObjs(this.props, nextProps, this.propEquality) ||
                 !compareObjs(this.state, nextState, this.stateEquality);
         }
-        // HACK for freakin' React StrictMode
-        safeSetState(newState) {
-            if (!compareObjs(this.state, Object.assign(Object.assign({}, this.state), newState), this.stateEquality)) {
-                this.setState(newState);
-            }
-        }
     }
     PureComponent.addPropsEquality = addPropsEquality;
     PureComponent.addStateEquality = addStateEquality;
@@ -3229,7 +3327,7 @@ var FullCalendar = (function (exports) {
     class DateComponent extends BaseComponent {
         constructor() {
             super(...arguments);
-            this.uid = guid();
+            this.uid = guid$1();
         }
         // Hit System
         // -----------------------------------------------------------------------------------------------------------------
@@ -3243,13 +3341,13 @@ var FullCalendar = (function (exports) {
         isValidSegDownEl(el) {
             return !this.props.eventDrag && // HACK
                 !this.props.eventResize && // HACK
-                !elementClosest(el, '.fc-event-mirror');
+                !el.closest('.fc-event-mirror');
         }
         isValidDateDownEl(el) {
-            return !elementClosest(el, '.fc-event:not(.fc-bg-event)') &&
-                !elementClosest(el, '.fc-more-link') && // a "more.." link
-                !elementClosest(el, 'a[data-navlink]') && // a clickable nav link
-                !elementClosest(el, '.fc-popover'); // hack
+            return !el.closest('.fc-event:not(.fc-bg-event)') &&
+                !el.closest('.fc-more-link') && // a "more.." link
+                !el.closest('a[data-navlink]') && // a clickable nav link
+                !el.closest('.fc-popover'); // hack
         }
     }
 
@@ -4102,6 +4200,9 @@ var FullCalendar = (function (exports) {
         return eventApis;
     }
 
+    function getEventKey(seg) {
+        return seg.eventRange.instance.instanceId;
+    }
     /*
     Specifying nextDayThreshold signals that all-day ranges should be sliced.
     */
@@ -4192,12 +4293,12 @@ var FullCalendar = (function (exports) {
     function hasBgRendering(def) {
         return def.ui.display === 'background' || def.ui.display === 'inverse-background';
     }
-    function setElSeg(el, seg) {
-        el.fcSeg = seg;
+    function setElEventRange(el, eventRange) {
+        el.fcEventRange = eventRange;
     }
-    function getElSeg(el) {
-        return el.fcSeg ||
-            el.parentNode.fcSeg || // for the harness
+    function getElEventRange(el) {
+        return el.fcEventRange ||
+            el.parentNode.fcEventRange || // for the harness
             null;
     }
     // event ui computation
@@ -4217,7 +4318,7 @@ var FullCalendar = (function (exports) {
     }
     function sortEventSegs(segs, eventOrderSpecs) {
         let objs = segs.map(buildSegCompareObj);
-        objs.sort((obj0, obj1) => compareByFieldSpecs(obj0, obj1, eventOrderSpecs));
+        objs.sort((obj0, obj1) => compareByFieldSpecs(obj0, obj1, eventOrderSpecs)); // !!!
         return objs.map((c) => c._seg);
     }
     // returns a object with all primitive props that can be compared
@@ -4230,58 +4331,53 @@ var FullCalendar = (function (exports) {
         return Object.assign(Object.assign(Object.assign({}, eventDef.extendedProps), eventDef), { id: eventDef.publicId, start,
             end, duration: end - start, allDay: Number(eventDef.allDay), _seg: seg });
     }
-    function computeSegDraggable(seg, context) {
+    function computeEventRangeDraggable(eventRange, context) {
         let { pluginHooks } = context;
         let transformers = pluginHooks.isDraggableTransformers;
-        let { def, ui } = seg.eventRange;
+        let { def, ui } = eventRange;
         let val = ui.startEditable;
         for (let transformer of transformers) {
             val = transformer(val, def, ui, context);
         }
         return val;
     }
-    function computeSegStartResizable(seg, context) {
-        return seg.isStart && seg.eventRange.ui.durationEditable && context.options.eventResizableFromStart;
-    }
-    function computeSegEndResizable(seg, context) {
-        return seg.isEnd && seg.eventRange.ui.durationEditable;
-    }
-    function buildSegTimeText(seg, timeFormat, context, defaultDisplayEventTime, // defaults to true
-    defaultDisplayEventEnd, // defaults to true
-    startOverride, endOverride) {
-        let { dateEnv, options } = context;
+    /*
+    slicedStart/slicedEnd are optionally supplied to signal where breaks occur in view-specific segment
+    a better approach is to always slice with dates and always supply this argument,
+    however, daygrid only slices by row/col
+    */
+    function buildEventRangeTimeText(timeFormat, eventRange, // timed/whole-day span
+    slicedStart, // view-sliced timed/whole-day span
+    slicedEnd, // view-sliced timed/whole-day span
+    isStart, isEnd, context, defaultDisplayEventTime = true, defaultDisplayEventEnd = true) {
+        const { dateEnv, options } = context;
+        const { def, instance } = eventRange;
         let { displayEventTime, displayEventEnd } = options;
-        let eventDef = seg.eventRange.def;
-        let eventInstance = seg.eventRange.instance;
         if (displayEventTime == null) {
             displayEventTime = defaultDisplayEventTime !== false;
         }
         if (displayEventEnd == null) {
             displayEventEnd = defaultDisplayEventEnd !== false;
         }
-        let wholeEventStart = eventInstance.range.start;
-        let wholeEventEnd = eventInstance.range.end;
-        let segStart = startOverride || seg.start || seg.eventRange.range.start;
-        let segEnd = endOverride || seg.end || seg.eventRange.range.end;
-        let isStartDay = startOfDay(wholeEventStart).valueOf() === startOfDay(segStart).valueOf();
-        let isEndDay = startOfDay(addMs(wholeEventEnd, -1)).valueOf() === startOfDay(addMs(segEnd, -1)).valueOf();
-        if (displayEventTime && !eventDef.allDay && (isStartDay || isEndDay)) {
-            segStart = isStartDay ? wholeEventStart : segStart;
-            segEnd = isEndDay ? wholeEventEnd : segEnd;
-            if (displayEventEnd && eventDef.hasEnd) {
-                return dateEnv.formatRange(segStart, segEnd, timeFormat, {
-                    forcedStartTzo: startOverride ? null : eventInstance.forcedStartTzo,
-                    forcedEndTzo: endOverride ? null : eventInstance.forcedEndTzo,
+        const startDate = (!isStart && slicedStart) ? slicedStart : eventRange.instance.range.start;
+        const endDate = (!isEnd && slicedEnd) ? slicedEnd : eventRange.instance.range.end;
+        if (displayEventTime && !def.allDay) {
+            if (displayEventEnd && (isStart || isEnd) && def.hasEnd) {
+                return dateEnv.formatRange(startDate, endDate, timeFormat, {
+                    forcedStartTzo: isStart ? instance.forcedStartTzo : null,
+                    forcedEndTzo: isEnd ? instance.forcedEndTzo : null,
+                });
+            }
+            if (isStart) {
+                return dateEnv.format(startDate, timeFormat, {
+                    forcedTzo: instance.forcedStartTzo,
                 });
             }
-            return dateEnv.format(segStart, timeFormat, {
-                forcedTzo: startOverride ? null : eventInstance.forcedStartTzo, // nooooo, same
-            });
         }
         return '';
     }
-    function getSegMeta(seg, todayRange, nowDate) {
-        let segRange = seg.eventRange.range;
+    function getEventRangeMeta(eventRange, todayRange, nowDate) {
+        let segRange = eventRange.range;
         return {
             isPast: segRange.end <= (nowDate || todayRange.start),
             isFuture: segRange.start >= (nowDate || todayRange.end),
@@ -4331,8 +4427,8 @@ var FullCalendar = (function (exports) {
             : `${eventRange.def.defId}:${eventRange.range.start.toISOString()}`;
         // inverse-background events don't have specific instances. TODO: better solution
     }
-    function getSegAnchorAttrs(seg, context) {
-        let { def, instance } = seg.eventRange;
+    function getEventRangeAnchorAttrs(eventRange, context) {
+        let { def, instance } = eventRange;
         let { url } = def;
         if (url) {
             return { href: url };
@@ -4357,7 +4453,6 @@ var FullCalendar = (function (exports) {
                 });
             });
         }
-        return {};
     }
 
     const STANDARD_PROPS = {
@@ -4825,719 +4920,254 @@ var FullCalendar = (function (exports) {
         }
     }
 
-    class ContentInjector extends BaseComponent {
-        constructor() {
-            super(...arguments);
-            this.id = guid();
-            this.queuedDomNodes = [];
-            this.currentDomNodes = [];
-            this.handleEl = (el) => {
-                const { options } = this.context;
-                const { generatorName } = this.props;
-                if (!options.customRenderingReplaces || !hasCustomRenderingHandler(generatorName, options)) {
-                    this.updateElRef(el);
-                }
-            };
-            this.updateElRef = (el) => {
-                if (this.props.elRef) {
-                    setRef(this.props.elRef, el);
-                }
+    function doCoordRangesIntersect(r0, r1) {
+        return r0.end > r1.start && r0.start < r1.end;
+    }
+    function intersectCoordRanges(r0, r1) {
+        const start = Math.max(r0.start, r1.start);
+        const end = Math.min(r0.end, r1.end);
+        if (start < end) {
+            return {
+                start,
+                end,
+                isStart: r0.isStart && start === r0.start,
+                isEnd: r0.isEnd && end === r0.end,
             };
         }
-        render() {
-            const { props, context } = this;
-            const { options } = context;
-            const { customGenerator, defaultGenerator, renderProps } = props;
-            const attrs = buildElAttrs(props, [], this.handleEl);
-            let useDefault = false;
-            let innerContent;
-            let queuedDomNodes = [];
-            let currentGeneratorMeta;
-            if (customGenerator != null) {
-                const customGeneratorRes = typeof customGenerator === 'function' ?
-                    customGenerator(renderProps, _) :
-                    customGenerator;
-                if (customGeneratorRes === true) {
-                    useDefault = true;
+    }
+    function joinCoordRanges(r0, r1) {
+        return {
+            start: Math.min(r0.start, r1.start),
+            end: Math.max(r0.end, r1.end),
+        };
+    }
+    function getCoordRangeEnd(r) {
+        return r.end;
+    }
+    // { eventRange }
+    // -------------------------------------------------------------------------------------------------
+    function computeEarliestStart(segs) {
+        return segs.reduce(pickEarliestStart).eventRange.range.start;
+    }
+    function computeLatestEnd(segs) {
+        return segs.reduce(pickLatestEnd).eventRange.range.end;
+    }
+    function pickEarliestStart(r0, r1) {
+        return r0.eventRange.range.start < r1.eventRange.range.start ? r0 : r1;
+    }
+    function pickLatestEnd(r0, r1) {
+        return r0.eventRange.range.end > r1.eventRange.range.end ? r0 : r1;
+    }
+
+    class SegHierarchy {
+        constructor(segs, getSegThickness = (seg) => {
+            return 1;
+        }, strictOrder = false, // HACK
+        maxCoord, maxDepth, hiddenConsumes = false, // hidden segs also hide the touchingPlacement?
+        allowSlicing = false) {
+            this.getSegThickness = getSegThickness;
+            this.strictOrder = strictOrder;
+            this.maxCoord = maxCoord;
+            this.maxDepth = maxDepth;
+            this.hiddenConsumes = hiddenConsumes;
+            this.allowSlicing = allowSlicing;
+            this.placementsByLevel = [];
+            this.levelCoords = []; // parallel with placementsByLevel
+            this.hiddenSegs = [];
+            for (const seg of segs) {
+                this.insertSeg(seg, this.getSegThickness(seg));
+            }
+        }
+        insertSeg(seg, segThickness, isSlice) {
+            if (segThickness != null) {
+                const insertion = this.findInsertion(seg, segThickness);
+                if (this.isInsertionValid(insertion, segThickness)) {
+                    this.insertSegAt(seg, insertion, segThickness, isSlice);
                 }
                 else {
-                    const isObject = customGeneratorRes && typeof customGeneratorRes === 'object'; // non-null
-                    if (isObject && ('html' in customGeneratorRes)) {
-                        attrs.dangerouslySetInnerHTML = { __html: customGeneratorRes.html };
-                    }
-                    else if (isObject && ('domNodes' in customGeneratorRes)) {
-                        queuedDomNodes = Array.prototype.slice.call(customGeneratorRes.domNodes);
-                    }
-                    else if (isObject
-                        ? t(customGeneratorRes) // vdom node
-                        : typeof customGeneratorRes !== 'function' // primitive value (like string or number)
-                    ) {
-                        // use in vdom
-                        innerContent = customGeneratorRes;
+                    const { touchingPlacement } = insertion;
+                    // is there a touching-seg?
+                    if (touchingPlacement) {
+                        // should we hide or reslice touchingPlacement?
+                        if (this.hiddenConsumes && !touchingPlacement.isZombie) {
+                            touchingPlacement.isZombie = true; // edit in-place
+                            this.hiddenSegs.push(touchingPlacement);
+                            if (this.allowSlicing) {
+                                const newSeg = Object.assign({}, touchingPlacement); // copy
+                                // slice touchingPlacement in-place
+                                Object.assign(touchingPlacement, intersectCoordRanges(touchingPlacement, seg));
+                                touchingPlacement.isSlice = true;
+                                // try to reinsert touchingPlacement's seg
+                                this.splitSeg(newSeg, touchingPlacement.thickness, touchingPlacement);
+                            }
+                        }
+                        // record seg as hidden, potentially split by touchingPlacement
+                        if (this.allowSlicing) {
+                            this.hiddenSegs.push(Object.assign(Object.assign({}, seg), intersectCoordRanges(seg, touchingPlacement)));
+                            this.splitSeg(seg, segThickness, touchingPlacement);
+                        }
+                        else {
+                            this.hiddenSegs.push(seg);
+                        }
+                        // not touching anything
                     }
                     else {
-                        // an exotic object for handleCustomRendering
-                        currentGeneratorMeta = customGeneratorRes;
+                        this.hiddenSegs.push(seg);
                     }
                 }
             }
-            else {
-                useDefault = !hasCustomRenderingHandler(props.generatorName, options);
-            }
-            if (useDefault && defaultGenerator) {
-                innerContent = defaultGenerator(renderProps);
-            }
-            this.queuedDomNodes = queuedDomNodes;
-            this.currentGeneratorMeta = currentGeneratorMeta;
-            return _(props.elTag, attrs, innerContent);
         }
-        componentDidMount() {
-            this.applyQueueudDomNodes();
-            this.triggerCustomRendering(true);
+        /*
+        TODO: inline?
+        */
+        isInsertionValid(insertion, thickness) {
+            return (this.maxCoord == null || insertion.levelCoord + thickness <= this.maxCoord) &&
+                (this.maxDepth == null || insertion.depth < this.maxDepth);
         }
-        componentDidUpdate() {
-            this.applyQueueudDomNodes();
-            this.triggerCustomRendering(true);
+        /*
+        Does not add the portion that intersects with barrier to hiddenSegs
+        */
+        splitSeg(seg, segThickness, barrier) {
+            // any leftover seg on the start-side of the barrier?
+            if (seg.start < barrier.start) {
+                this.insertSeg(Object.assign(Object.assign({}, seg), { end: barrier.start, isEnd: false }), segThickness, 
+                /* isSlice = */ true);
+            }
+            // any leftover seg on the end-side of the barrier?
+            if (seg.end > barrier.end) {
+                this.insertSeg(Object.assign(Object.assign({}, seg), { start: barrier.end, isStart: false }), segThickness, 
+                /* isSlice = */ true);
+            }
         }
-        componentWillUnmount() {
-            this.triggerCustomRendering(false); // TODO: different API for removal?
+        /*
+        TODO: inline?
+        */
+        insertSegAt(seg, insertion, segThickness, isSlice) {
+            const placement = Object.assign(Object.assign({}, seg), { thickness: segThickness, depth: insertion.depth, isSlice: isSlice || seg.isSlice || false, isZombie: false });
+            if (insertion.lateralIndex === -1) {
+                // create a new level
+                insertAt(this.placementsByLevel, insertion.levelIndex, [placement]);
+                insertAt(this.levelCoords, insertion.levelIndex, insertion.levelCoord);
+            }
+            else {
+                // insert into existing level
+                insertAt(this.placementsByLevel[insertion.levelIndex], insertion.lateralIndex, placement);
+            }
         }
-        triggerCustomRendering(isActive) {
-            var _a;
-            const { props, context } = this;
-            const { handleCustomRendering, customRenderingMetaMap } = context.options;
-            if (handleCustomRendering) {
-                const generatorMeta = (_a = this.currentGeneratorMeta) !== null && _a !== void 0 ? _a : customRenderingMetaMap === null || customRenderingMetaMap === void 0 ? void 0 : customRenderingMetaMap[props.generatorName];
-                if (generatorMeta) {
-                    handleCustomRendering(Object.assign(Object.assign({ id: this.id, isActive, containerEl: this.base, reportNewContainerEl: this.updateElRef, // front-end framework tells us about new container els
-                        generatorMeta }, props), { elClasses: (props.elClasses || []).filter(isTruthy) }));
+        /*
+        Ignores limits
+        */
+        findInsertion(seg, segThickness) {
+            let { placementsByLevel, levelCoords } = this;
+            let levelCnt = placementsByLevel.length;
+            let candidateCoord = 0; // a tentative levelCoord for seg's placement
+            let touchingPlacement;
+            let touchingLevelIndex;
+            let depth = 0;
+            // iterate through existing levels
+            for (let currentLevelIndex = 0; currentLevelIndex < levelCnt; currentLevelIndex += 1) {
+                const currentLevelCoord = levelCoords[currentLevelIndex];
+                // if the current level has cleared seg's bottom coord, we have found a good empty space and can stop.
+                // if strictOrder, keep finding more lateral intersections.
+                if (!this.strictOrder && currentLevelCoord >= candidateCoord + segThickness) {
+                    break;
+                }
+                let currentLevelSegs = placementsByLevel[currentLevelIndex];
+                let currentSeg;
+                // finds the first possible entry that seg could intersect with
+                let [searchIndex, isExact] = binarySearch(currentLevelSegs, seg.start, getCoordRangeEnd); // find first entry after seg's end
+                let lateralIndex = searchIndex + isExact; // if exact match (which doesn't collide), go to next one
+                // loop through entries that horizontally intersect
+                while ((currentSeg = currentLevelSegs[lateralIndex]) && // but not past the whole entry list
+                    currentSeg.start < seg.end // and not entirely past seg
+                ) {
+                    let currentEntryBottom = currentLevelCoord + currentSeg.thickness;
+                    // intersects into the top of the candidate?
+                    if (currentEntryBottom > candidateCoord) {
+                        // push it downward so doesn't 'vertically' intersect anymore
+                        candidateCoord = currentEntryBottom;
+                        // tentatively record as touching
+                        touchingPlacement = currentSeg;
+                        touchingLevelIndex = currentLevelIndex;
+                    }
+                    // does current entry butt up against top of candidate?
+                    // will obviously happen if just intersected, but can also happen if pushed down previously
+                    // because intersected with a sibling
+                    // TODO: after automated tests hooked up, see if these gate is unnecessary,
+                    // we might just be able to do this for ALL intersecting currentEntries (this whole loop)
+                    if (currentEntryBottom === candidateCoord) {
+                        // accumulate the highest possible depth of the currentLevelSegs that butt up
+                        depth = Math.max(depth, currentSeg.depth + 1);
+                    }
+                    lateralIndex += 1;
+                }
+            }
+            // the destination level will be after touchingPlacement's level. find it
+            // TODO: can reuse work from above?
+            let destLevelIndex = 0;
+            if (touchingPlacement) {
+                destLevelIndex = touchingLevelIndex + 1;
+                while (destLevelIndex < levelCnt && levelCoords[destLevelIndex] < candidateCoord) {
+                    destLevelIndex += 1;
                 }
             }
+            // if adding to an existing level, find where to insert
+            // TODO: can reuse work from above?
+            let destLateralIndex = -1;
+            if (destLevelIndex < levelCnt && levelCoords[destLevelIndex] === candidateCoord) {
+                [destLateralIndex] = binarySearch(placementsByLevel[destLevelIndex], seg.end, getCoordRangeEnd);
+            }
+            return {
+                touchingPlacement,
+                levelCoord: candidateCoord,
+                levelIndex: destLevelIndex,
+                lateralIndex: destLateralIndex,
+                depth,
+            };
         }
-        applyQueueudDomNodes() {
-            const { queuedDomNodes, currentDomNodes } = this;
-            const el = this.base;
-            if (!isArraysEqual(queuedDomNodes, currentDomNodes)) {
-                currentDomNodes.forEach(removeElement);
-                for (let newNode of queuedDomNodes) {
-                    el.appendChild(newNode);
+        traverseSegs(handler) {
+            const { placementsByLevel, levelCoords } = this;
+            for (let i = 0; i < placementsByLevel.length; i++) {
+                const placements = placementsByLevel[i];
+                const levelCoord = levelCoords[i];
+                for (const placement of placements) {
+                    if (!placement.isZombie) {
+                        handler(placement, levelCoord);
+                    }
                 }
-                this.currentDomNodes = queuedDomNodes;
             }
         }
     }
-    ContentInjector.addPropsEquality({
-        elClasses: isArraysEqual,
-        elStyle: isPropsEqual,
-        elAttrs: isNonHandlerPropsEqual,
-        renderProps: isPropsEqual,
-    });
-    // Util
     /*
-    Does UI-framework provide custom way of rendering that does not use Preact VDOM
-    AND does the calendar's options define custom rendering?
-    AKA. Should we NOT render the default content?
+    Returns groups with entries sorted by input order
     */
-    function hasCustomRenderingHandler(generatorName, options) {
-        var _a;
-        return Boolean(options.handleCustomRendering &&
-            generatorName &&
-            ((_a = options.customRenderingMetaMap) === null || _a === void 0 ? void 0 : _a[generatorName]));
-    }
-    function buildElAttrs(props, extraClassNames, elRef) {
-        const attrs = Object.assign(Object.assign({}, props.elAttrs), { ref: elRef });
-        if (props.elClasses || extraClassNames) {
-            attrs.className = (props.elClasses || [])
-                .concat(extraClassNames || [])
-                .concat(attrs.className || [])
-                .filter(Boolean)
-                .join(' ');
-        }
-        if (props.elStyle) {
-            attrs.style = props.elStyle;
-        }
-        return attrs;
-    }
-    function isTruthy(val) {
-        return Boolean(val);
-    }
-
-    const RenderId = createContext(0);
-
-    class ContentContainer extends b {
-        constructor() {
-            super(...arguments);
-            this.InnerContent = InnerContentInjector.bind(undefined, this);
-            this.handleEl = (el) => {
-                this.el = el;
-                if (this.props.elRef) {
-                    setRef(this.props.elRef, el);
-                    if (el && this.didMountMisfire) {
-                        this.componentDidMount();
-                    }
-                }
+    function groupIntersectingSegs(segs) {
+        let mergedGroups = [];
+        for (let seg of segs) {
+            let filteredGroups = [];
+            let hungryGroup = {
+                segs: [seg],
+                start: seg.start,
+                end: seg.end,
             };
-        }
-        render() {
-            const { props } = this;
-            const generatedClassNames = generateClassNames(props.classNameGenerator, props.renderProps);
-            if (props.children) {
-                const elAttrs = buildElAttrs(props, generatedClassNames, this.handleEl);
-                const children = props.children(this.InnerContent, props.renderProps, elAttrs);
-                if (props.elTag) {
-                    return _(props.elTag, elAttrs, children);
+            for (let mergedGroup of mergedGroups) {
+                if (doCoordRangesIntersect(mergedGroup, hungryGroup)) {
+                    hungryGroup = Object.assign(Object.assign({}, joinCoordRanges(mergedGroup, hungryGroup)), { segs: mergedGroup.segs.concat(hungryGroup.segs) // keep preexisting mergedGroup's items first. maintains order
+                     });
                 }
                 else {
-                    return children;
+                    filteredGroups.push(mergedGroup);
                 }
             }
-            else {
-                return _((ContentInjector), Object.assign(Object.assign({}, props), { elRef: this.handleEl, elTag: props.elTag || 'div', elClasses: (props.elClasses || []).concat(generatedClassNames), renderId: this.context }));
-            }
+            filteredGroups.push(hungryGroup);
+            mergedGroups = filteredGroups;
         }
-        componentDidMount() {
-            var _a, _b;
-            if (this.el) {
-                (_b = (_a = this.props).didMount) === null || _b === void 0 ? void 0 : _b.call(_a, Object.assign(Object.assign({}, this.props.renderProps), { el: this.el }));
-            }
-            else {
-                this.didMountMisfire = true;
-            }
-        }
-        componentWillUnmount() {
-            var _a, _b;
-            (_b = (_a = this.props).willUnmount) === null || _b === void 0 ? void 0 : _b.call(_a, Object.assign(Object.assign({}, this.props.renderProps), { el: this.el }));
-        }
-    }
-    ContentContainer.contextType = RenderId;
-    function InnerContentInjector(containerComponent, props) {
-        const parentProps = containerComponent.props;
-        return _((ContentInjector), Object.assign({ renderProps: parentProps.renderProps, generatorName: parentProps.generatorName, customGenerator: parentProps.customGenerator, defaultGenerator: parentProps.defaultGenerator, renderId: containerComponent.context }, props));
-    }
-    // Utils
-    function generateClassNames(classNameGenerator, renderProps) {
-        const classNames = typeof classNameGenerator === 'function' ?
-            classNameGenerator(renderProps) :
-            classNameGenerator || [];
-        return typeof classNames === 'string' ? [classNames] : classNames;
-    }
-
-    const DAY_NUM_FORMAT = createFormatter({ day: 'numeric' });
-    class DayCellContainer extends BaseComponent {
-        constructor() {
-            super(...arguments);
-            this.refineRenderProps = memoizeObjArg(refineRenderProps);
-        }
-        render() {
-            let { props, context } = this;
-            let { options } = context;
-            let renderProps = this.refineRenderProps({
-                date: props.date,
-                dateProfile: props.dateProfile,
-                todayRange: props.todayRange,
-                isMonthStart: props.isMonthStart || false,
-                showDayNumber: props.showDayNumber,
-                extraRenderProps: props.extraRenderProps,
-                viewApi: context.viewApi,
-                dateEnv: context.dateEnv,
-                monthStartFormat: options.monthStartFormat,
-            });
-            return (_(ContentContainer, Object.assign({}, props /* includes children */, { elClasses: [
-                    ...getDayClassNames(renderProps, context.theme),
-                    ...(props.elClasses || []),
-                ], elAttrs: Object.assign(Object.assign({}, props.elAttrs), (renderProps.isDisabled ? {} : { 'data-date': formatDayString(props.date) })), renderProps: renderProps, generatorName: "dayCellContent", customGenerator: options.dayCellContent, defaultGenerator: props.defaultGenerator, classNameGenerator: 
-                // don't use custom classNames if disabled
-                renderProps.isDisabled ? undefined : options.dayCellClassNames, didMount: options.dayCellDidMount, willUnmount: options.dayCellWillUnmount })));
-        }
-    }
-    function hasCustomDayCellContent(options) {
-        return Boolean(options.dayCellContent || hasCustomRenderingHandler('dayCellContent', options));
-    }
-    function refineRenderProps(raw) {
-        let { date, dateEnv, dateProfile, isMonthStart } = raw;
-        let dayMeta = getDateMeta(date, raw.todayRange, null, dateProfile);
-        let dayNumberText = raw.showDayNumber ? (dateEnv.format(date, isMonthStart ? raw.monthStartFormat : DAY_NUM_FORMAT)) : '';
-        return Object.assign(Object.assign(Object.assign({ date: dateEnv.toDate(date), view: raw.viewApi }, dayMeta), { isMonthStart,
-            dayNumberText }), raw.extraRenderProps);
-    }
-
-    const PADDING_FROM_VIEWPORT = 10;
-    class Popover extends BaseComponent {
-        constructor() {
-            super(...arguments);
-            this.state = {
-                titleId: getUniqueDomId(),
-            };
-            this.handleRootEl = (el) => {
-                this.rootEl = el;
-                if (this.props.elRef) {
-                    setRef(this.props.elRef, el);
-                }
-            };
-            // Triggered when the user clicks *anywhere* in the document, for the autoHide feature
-            this.handleDocumentMouseDown = (ev) => {
-                // only hide the popover if the click happened outside the popover
-                const target = getEventTargetViaRoot(ev);
-                if (!this.rootEl.contains(target)) {
-                    this.handleCloseClick();
-                }
-            };
-            this.handleDocumentKeyDown = (ev) => {
-                if (ev.key === 'Escape') {
-                    this.handleCloseClick();
-                }
-            };
-            this.handleCloseClick = () => {
-                let { onClose } = this.props;
-                if (onClose) {
-                    onClose();
-                }
-            };
-        }
-        render() {
-            let { theme, options } = this.context;
-            let { props, state } = this;
-            let classNames = [
-                'fc-popover',
-                theme.getClass('popover'),
-            ].concat(props.extraClassNames || []);
-            return j(_("div", Object.assign({}, props.extraAttrs, { id: props.id, className: classNames.join(' '), "aria-labelledby": state.titleId, ref: this.handleRootEl }),
-                _("div", { className: 'fc-popover-header ' + theme.getClass('popoverHeader') },
-                    _("span", { className: "fc-popover-title", id: state.titleId }, props.title),
-                    _("span", { className: 'fc-popover-close ' + theme.getIconClass('close'), title: options.closeHint, onClick: this.handleCloseClick })),
-                _("div", { className: 'fc-popover-body ' + theme.getClass('popoverContent') }, props.children)), props.parentEl);
-        }
-        componentDidMount() {
-            document.addEventListener('mousedown', this.handleDocumentMouseDown);
-            document.addEventListener('keydown', this.handleDocumentKeyDown);
-            this.updateSize();
-        }
-        componentWillUnmount() {
-            document.removeEventListener('mousedown', this.handleDocumentMouseDown);
-            document.removeEventListener('keydown', this.handleDocumentKeyDown);
-        }
-        updateSize() {
-            let { isRtl } = this.context;
-            let { alignmentEl, alignGridTop } = this.props;
-            let { rootEl } = this;
-            let alignmentRect = computeClippedClientRect(alignmentEl);
-            if (alignmentRect) {
-                let popoverDims = rootEl.getBoundingClientRect();
-                if (alignGridTop) {
-                    throw new Error('alignGridTop not supported yet');
-                }
-                // position relative to viewport
-                let popoverTop = alignGridTop
-                    ? elementClosest(alignmentEl, '.fc-scrollgrid').getBoundingClientRect().top // BAD!!!
-                    : alignmentRect.top;
-                let popoverLeft = isRtl ? alignmentRect.right - popoverDims.width : alignmentRect.left;
-                // constrain
-                popoverTop = Math.max(popoverTop, PADDING_FROM_VIEWPORT);
-                popoverLeft = Math.min(popoverLeft, document.documentElement.clientWidth - PADDING_FROM_VIEWPORT - popoverDims.width);
-                popoverLeft = Math.max(popoverLeft, PADDING_FROM_VIEWPORT);
-                let origin = rootEl.offsetParent.getBoundingClientRect();
-                applyStyle(rootEl, {
-                    top: popoverTop - origin.top,
-                    left: popoverLeft - origin.left,
-                });
-            }
-        }
-    }
-
-    class MorePopover extends DateComponent {
-        constructor() {
-            super(...arguments);
-            this.handleRootEl = (rootEl) => {
-                this.rootEl = rootEl;
-                if (rootEl) {
-                    this.context.registerInteractiveComponent(this, {
-                        el: rootEl,
-                        useEventCenter: false,
-                    });
-                }
-                else {
-                    this.context.unregisterInteractiveComponent(this);
-                }
-            };
-        }
-        render() {
-            let { options, dateEnv } = this.context;
-            let { props } = this;
-            let { startDate, todayRange, dateProfile } = props;
-            let title = dateEnv.format(startDate, options.dayPopoverFormat);
-            return (_(DayCellContainer, { elRef: this.handleRootEl, date: startDate, dateProfile: dateProfile, todayRange: todayRange }, (InnerContent, renderProps, elAttrs) => (_(Popover, { elRef: elAttrs.ref, id: props.id, title: title, extraClassNames: ['fc-more-popover'].concat(elAttrs.className || []), extraAttrs: elAttrs /* TODO: make these time-based when not whole-day? */, parentEl: props.parentEl, alignmentEl: props.alignmentEl, alignGridTop: props.alignGridTop, onClose: props.onClose },
-                hasCustomDayCellContent(options) && (_(InnerContent, { elTag: "div", elClasses: ['fc-more-popover-misc'] })),
-                props.children))));
-        }
-        queryHit(positionLeft, positionTop, elWidth, elHeight) {
-            let { rootEl, props } = this;
-            if (positionLeft >= 0 && positionLeft < elWidth &&
-                positionTop >= 0 && positionTop < elHeight) {
-                return {
-                    dateProfile: props.dateProfile,
-                    dateSpan: Object.assign({ allDay: !props.forceTimed, range: {
-                            start: props.startDate,
-                            end: props.endDate,
-                        } }, props.extraDateSpan),
-                    dayEl: rootEl,
-                    rect: {
-                        left: 0,
-                        top: 0,
-                        right: elWidth,
-                        bottom: elHeight,
-                    },
-                    layer: 1, // important when comparing with hits from other components
-                };
-            }
-            return null;
-        }
-    }
-
-    class MoreLinkContainer extends BaseComponent {
-        constructor() {
-            super(...arguments);
-            this.state = {
-                isPopoverOpen: false,
-                popoverId: getUniqueDomId(),
-            };
-            this.handleLinkEl = (linkEl) => {
-                this.linkEl = linkEl;
-                if (this.props.elRef) {
-                    setRef(this.props.elRef, linkEl);
-                }
-            };
-            this.handleClick = (ev) => {
-                let { props, context } = this;
-                let { moreLinkClick } = context.options;
-                let date = computeRange(props).start;
-                function buildPublicSeg(seg) {
-                    let { def, instance, range } = seg.eventRange;
-                    return {
-                        event: new EventImpl(context, def, instance),
-                        start: context.dateEnv.toDate(range.start),
-                        end: context.dateEnv.toDate(range.end),
-                        isStart: seg.isStart,
-                        isEnd: seg.isEnd,
-                    };
-                }
-                if (typeof moreLinkClick === 'function') {
-                    moreLinkClick = moreLinkClick({
-                        date,
-                        allDay: Boolean(props.allDayDate),
-                        allSegs: props.segs.map(buildPublicSeg),
-                        hiddenSegs: props.hiddenSegs.map(buildPublicSeg),
-                        jsEvent: ev,
-                        view: context.viewApi,
-                    });
-                }
-                if (!moreLinkClick || moreLinkClick === 'popover') {
-                    this.setState({ isPopoverOpen: true });
-                }
-                else if (typeof moreLinkClick === 'string') { // a view name
-                    context.calendarApi.zoomTo(date, moreLinkClick);
-                }
-            };
-            this.handlePopoverClose = () => {
-                this.setState({ isPopoverOpen: false });
-            };
-        }
-        render() {
-            let { props, state } = this;
-            return (_(ViewContextType.Consumer, null, (context) => {
-                let { viewApi, options, calendarApi } = context;
-                let { moreLinkText } = options;
-                let moreCnt = props.hiddenSegs.length;
-                let range = computeRange(props);
-                let text = typeof moreLinkText === 'function' // TODO: eventually use formatWithOrdinals
-                    ? moreLinkText.call(calendarApi, moreCnt)
-                    : `+${moreCnt} ${moreLinkText}`;
-                let hint = formatWithOrdinals(options.moreLinkHint, [moreCnt], text);
-                let renderProps = {
-                    num: moreCnt,
-                    shortText: `+${moreCnt}`,
-                    text,
-                    view: viewApi,
-                };
-                return (_(k$1, null,
-                    Boolean(moreCnt) && (_(ContentContainer, { elTag: props.elTag || 'a', elRef: this.handleLinkEl, elClasses: [
-                            ...(props.elClasses || []),
-                            'fc-more-link',
-                        ], elStyle: props.elStyle, elAttrs: Object.assign(Object.assign(Object.assign({}, props.elAttrs), createAriaClickAttrs(this.handleClick)), { title: hint, 'aria-expanded': state.isPopoverOpen, 'aria-controls': state.isPopoverOpen ? state.popoverId : '' }), renderProps: renderProps, generatorName: "moreLinkContent", customGenerator: options.moreLinkContent, defaultGenerator: props.defaultGenerator || renderMoreLinkInner, classNameGenerator: options.moreLinkClassNames, didMount: options.moreLinkDidMount, willUnmount: options.moreLinkWillUnmount }, props.children)),
-                    state.isPopoverOpen && (_(MorePopover, { id: state.popoverId, startDate: range.start, endDate: range.end, dateProfile: props.dateProfile, todayRange: props.todayRange, extraDateSpan: props.extraDateSpan, parentEl: this.parentEl, alignmentEl: props.alignmentElRef ?
-                            props.alignmentElRef.current :
-                            this.linkEl, alignGridTop: props.alignGridTop, forceTimed: props.forceTimed, onClose: this.handlePopoverClose }, props.popoverContent()))));
-            }));
-        }
-        componentDidMount() {
-            this.updateParentEl();
-        }
-        componentDidUpdate() {
-            this.updateParentEl();
-        }
-        updateParentEl() {
-            if (this.linkEl) {
-                this.parentEl = elementClosest(this.linkEl, '.fc-view-harness'); // HACK. reconsider
-            }
-        }
-    }
-    function renderMoreLinkInner(props) {
-        return props.text;
-    }
-    function computeRange(props) {
-        if (props.allDayDate) {
-            return {
-                start: props.allDayDate,
-                end: addDays(props.allDayDate, 1),
-            };
-        }
-        return {
-            start: computeEarliestSegStart(props.hiddenSegs),
-            end: computeLatestSegEnd(props.hiddenSegs),
-        };
-    }
-    function computeEarliestSegStart(segs) {
-        return segs.reduce(pickEarliestStart).eventRange.range.start;
-    }
-    function pickEarliestStart(seg0, seg1) {
-        return seg0.eventRange.range.start < seg1.eventRange.range.start ? seg0 : seg1;
-    }
-    function computeLatestSegEnd(segs) {
-        return segs.reduce(pickLatestEnd).eventRange.range.end;
-    }
-    function pickLatestEnd(seg0, seg1) {
-        return seg0.eventRange.range.end > seg1.eventRange.range.end ? seg0 : seg1;
-    }
-
-    class SegHierarchy {
-        constructor(getEntryThickness = (entry) => {
-            // if no thickness known, assume 1 (if 0, so small it always fits)
-            return entry.thickness;
-        }) {
-            this.getEntryThickness = getEntryThickness;
-            // settings
-            this.strictOrder = false;
-            this.allowReslicing = false;
-            this.maxCoord = -1; // -1 means no max
-            this.maxStackCnt = -1; // -1 means no max
-            this.levelCoords = []; // ordered
-            this.entriesByLevel = []; // parallel with levelCoords
-            this.stackCnts = {}; // TODO: use better technique!?
-        }
-        addSegs(inputs) {
-            let hiddenEntries = [];
-            for (let input of inputs) {
-                this.insertEntry(input, hiddenEntries);
-            }
-            return hiddenEntries;
-        }
-        insertEntry(entry, hiddenEntries) {
-            let entryThickness = this.getEntryThickness(entry);
-            if (entryThickness == null) {
-                hiddenEntries.push(entry);
-            }
-            else {
-                let insertion = this.findInsertion(entry, entryThickness);
-                if (this.isInsertionValid(insertion, entry, entryThickness)) {
-                    this.insertEntryAt(entry, insertion);
-                }
-                else {
-                    this.handleInvalidInsertion(insertion, entry, hiddenEntries);
-                }
-            }
-        }
-        isInsertionValid(insertion, entry, entryThickness) {
-            return (this.maxCoord === -1 || insertion.levelCoord + entryThickness <= this.maxCoord) &&
-                (this.maxStackCnt === -1 || insertion.stackCnt < this.maxStackCnt);
-        }
-        handleInvalidInsertion(insertion, entry, hiddenEntries) {
-            if (this.allowReslicing && insertion.touchingEntry) {
-                const hiddenEntry = Object.assign(Object.assign({}, entry), { span: intersectSpans(entry.span, insertion.touchingEntry.span) });
-                hiddenEntries.push(hiddenEntry);
-                this.splitEntry(entry, insertion.touchingEntry, hiddenEntries);
-            }
-            else {
-                hiddenEntries.push(entry);
-            }
-        }
-        /*
-        Does NOT add what hit the `barrier` into hiddenEntries. Should already be done.
-        */
-        splitEntry(entry, barrier, hiddenEntries) {
-            let entrySpan = entry.span;
-            let barrierSpan = barrier.span;
-            if (entrySpan.start < barrierSpan.start) {
-                this.insertEntry({
-                    index: entry.index,
-                    seg: entry.seg,
-                    thickness: entry.thickness,
-                    span: { start: entrySpan.start, end: barrierSpan.start },
-                }, hiddenEntries);
-            }
-            if (entrySpan.end > barrierSpan.end) {
-                this.insertEntry({
-                    index: entry.index,
-                    seg: entry.seg,
-                    thickness: entry.thickness,
-                    span: { start: barrierSpan.end, end: entrySpan.end },
-                }, hiddenEntries);
-            }
-        }
-        insertEntryAt(entry, insertion) {
-            let { entriesByLevel, levelCoords } = this;
-            if (insertion.lateral === -1) {
-                // create a new level
-                insertAt(levelCoords, insertion.level, insertion.levelCoord);
-                insertAt(entriesByLevel, insertion.level, [entry]);
-            }
-            else {
-                // insert into existing level
-                insertAt(entriesByLevel[insertion.level], insertion.lateral, entry);
-            }
-            this.stackCnts[buildEntryKey(entry)] = insertion.stackCnt;
-        }
-        /*
-        does not care about limits
-        */
-        findInsertion(newEntry, newEntryThickness) {
-            let { levelCoords, entriesByLevel, strictOrder, stackCnts } = this;
-            let levelCnt = levelCoords.length;
-            let candidateCoord = 0;
-            let touchingLevel = -1;
-            let touchingLateral = -1;
-            let touchingEntry = null;
-            let stackCnt = 0;
-            for (let trackingLevel = 0; trackingLevel < levelCnt; trackingLevel += 1) {
-                const trackingCoord = levelCoords[trackingLevel];
-                // if the current level is past the placed entry, we have found a good empty space and can stop.
-                // if strictOrder, keep finding more lateral intersections.
-                if (!strictOrder && trackingCoord >= candidateCoord + newEntryThickness) {
-                    break;
-                }
-                let trackingEntries = entriesByLevel[trackingLevel];
-                let trackingEntry;
-                let searchRes = binarySearch(trackingEntries, newEntry.span.start, getEntrySpanEnd); // find first entry after newEntry's end
-                let lateralIndex = searchRes[0] + searchRes[1]; // if exact match (which doesn't collide), go to next one
-                while ( // loop through entries that horizontally intersect
-                (trackingEntry = trackingEntries[lateralIndex]) && // but not past the whole entry list
-                    trackingEntry.span.start < newEntry.span.end // and not entirely past newEntry
-                ) {
-                    let trackingEntryBottom = trackingCoord + this.getEntryThickness(trackingEntry);
-                    // intersects into the top of the candidate?
-                    if (trackingEntryBottom > candidateCoord) {
-                        candidateCoord = trackingEntryBottom;
-                        touchingEntry = trackingEntry;
-                        touchingLevel = trackingLevel;
-                        touchingLateral = lateralIndex;
-                    }
-                    // butts up against top of candidate? (will happen if just intersected as well)
-                    if (trackingEntryBottom === candidateCoord) {
-                        // accumulate the highest possible stackCnt of the trackingEntries that butt up
-                        stackCnt = Math.max(stackCnt, stackCnts[buildEntryKey(trackingEntry)] + 1);
-                    }
-                    lateralIndex += 1;
-                }
-            }
-            // the destination level will be after touchingEntry's level. find it
-            let destLevel = 0;
-            if (touchingEntry) {
-                destLevel = touchingLevel + 1;
-                while (destLevel < levelCnt && levelCoords[destLevel] < candidateCoord) {
-                    destLevel += 1;
-                }
-            }
-            // if adding to an existing level, find where to insert
-            let destLateral = -1;
-            if (destLevel < levelCnt && levelCoords[destLevel] === candidateCoord) {
-                destLateral = binarySearch(entriesByLevel[destLevel], newEntry.span.end, getEntrySpanEnd)[0];
-            }
-            return {
-                touchingLevel,
-                touchingLateral,
-                touchingEntry,
-                stackCnt,
-                levelCoord: candidateCoord,
-                level: destLevel,
-                lateral: destLateral,
-            };
-        }
-        // sorted by levelCoord (lowest to highest)
-        toRects() {
-            let { entriesByLevel, levelCoords } = this;
-            let levelCnt = entriesByLevel.length;
-            let rects = [];
-            for (let level = 0; level < levelCnt; level += 1) {
-                let entries = entriesByLevel[level];
-                let levelCoord = levelCoords[level];
-                for (let entry of entries) {
-                    rects.push(Object.assign(Object.assign({}, entry), { thickness: this.getEntryThickness(entry), levelCoord }));
-                }
-            }
-            return rects;
-        }
-    }
-    function getEntrySpanEnd(entry) {
-        return entry.span.end;
-    }
-    /*
-    Generates a unique ID whose lifespan is a single run of SegHierarchy, so can be really specific
-    without fear of accidentally busting the cache on subsequent rerenders
-    */
-    function buildEntryKey(entry) {
-        return entry.index + ':' + entry.span.start;
-    }
-    /*
-    returns groups with entries sorted by input order
-    */
-    function groupIntersectingEntries(entries) {
-        let merges = [];
-        for (let entry of entries) {
-            let filteredMerges = [];
-            let hungryMerge = {
-                span: entry.span,
-                entries: [entry],
-            };
-            for (let merge of merges) {
-                if (intersectSpans(merge.span, hungryMerge.span)) {
-                    hungryMerge = {
-                        span: joinSpans(merge.span, hungryMerge.span),
-                        entries: merge.entries.concat(hungryMerge.entries), // keep preexisting merge's items first. maintains order
-                    };
-                }
-                else {
-                    filteredMerges.push(merge);
-                }
-            }
-            filteredMerges.push(hungryMerge);
-            merges = filteredMerges;
-        }
-        return merges.map((merge) => {
-            const segs = merge.entries.map(extractEntrySeg);
-            return {
-                key: buildIsoString(computeEarliestSegStart(segs)),
-                span: merge.span,
-                segs,
-            };
+        return mergedGroups.map((mergedGroup) => {
+            return Object.assign({ key: buildIsoString(computeEarliestStart(segs)) }, mergedGroup);
         });
     }
-    function extractEntrySeg(entry) {
-        return entry.seg;
-    }
-    function joinSpans(span0, span1) {
-        return {
-            start: Math.min(span0.start, span1.start),
-            end: Math.max(span0.end, span1.end),
-        };
-    }
-    function intersectSpans(span0, span1) {
-        let start = Math.max(span0.start, span1.start);
-        let end = Math.min(span0.end, span1.end);
-        if (start < end) {
-            return { start, end };
-        }
-        return null;
-    }
-    // general util
-    // ---------------------------------------------------------------------------------------------------------------------
+    // General Utils
+    // -------------------------------------------------------------------------------------------------
     function insertAt(arr, index, item) {
         arr.splice(index, 0, item);
     }
@@ -5652,14 +5282,14 @@ var FullCalendar = (function (exports) {
                 forPrint: false,
             };
             this.handleBeforePrint = () => {
-                flushSync(() => {
-                    this.setState({ forPrint: true });
-                });
+                this.setState({ forPrint: true });
+                flushSync(() => { }); // TODO: use noop
+                updateSizeSync();
+                flushSync(() => { }); // TODO: use noop
             };
             this.handleAfterPrint = () => {
-                flushSync(() => {
-                    this.setState({ forPrint: false });
-                });
+                this.setState({ forPrint: false });
+                flushSync(() => { }); // TODO: use noop
             };
         }
         render() {
@@ -5670,7 +5300,7 @@ var FullCalendar = (function (exports) {
                 'fc',
                 forPrint ? 'fc-media-print' : 'fc-media-screen',
                 `fc-direction-${options.direction}`,
-                props.theme.getClass('root'),
+                props.theme.getClassName('root'),
             ];
             return props.children(classNames, options.height, forPrint);
         }
@@ -5718,8 +5348,8 @@ var FullCalendar = (function (exports) {
             clippedLastIndex = Math.floor(clippedLastIndex); // in-between ends round to prev cell
             if (clippedFirstIndex <= clippedLastIndex) {
                 return {
-                    firstIndex: clippedFirstIndex,
-                    lastIndex: clippedLastIndex,
+                    start: clippedFirstIndex,
+                    end: clippedLastIndex + 1,
                     isStart: firstIndex === clippedFirstIndex,
                     isEnd: lastIndex === clippedLastIndex,
                 };
@@ -5800,17 +5430,17 @@ var FullCalendar = (function (exports) {
             let seriesSeg = this.daySeries.sliceRange(range);
             let segs = [];
             if (seriesSeg) {
-                let { firstIndex, lastIndex } = seriesSeg;
-                let index = firstIndex;
-                while (index <= lastIndex) {
+                const { start, end } = seriesSeg;
+                let index = start;
+                while (index < end) {
                     let row = Math.floor(index / colCnt);
-                    let nextIndex = Math.min((row + 1) * colCnt, lastIndex + 1);
+                    let nextIndex = Math.min((row + 1) * colCnt, end);
                     segs.push({
                         row,
-                        firstCol: index % colCnt,
-                        lastCol: (nextIndex - 1) % colCnt,
-                        isStart: seriesSeg.isStart && index === firstIndex,
-                        isEnd: seriesSeg.isEnd && (nextIndex - 1) === lastIndex,
+                        start: index % colCnt,
+                        end: (nextIndex - 1) % colCnt + 1,
+                        isStart: seriesSeg.isStart && index === start,
+                        isEnd: seriesSeg.isEnd && nextIndex === end,
                     });
                     index = nextIndex;
                 }
@@ -5819,85 +5449,253 @@ var FullCalendar = (function (exports) {
         }
     }
 
-    class Scroller extends DateComponent {
-        constructor() {
-            super(...arguments);
-            // ref
-            this.elRef = m$1();
-        }
-        render() {
-            const { props } = this;
-            // if there's only one axis that needs scrolling, the other axis will unintentionally have
-            // scrollbars too, so we must force to 'hidden'
-            const fallbackOverflow = (props.horizontal || props.vertical) ? 'hidden' : '';
-            return (_("div", { ref: this.elRef, className: [
-                    'fc-scroller',
-                    props.hideScrollbars ? 'fc-scroller-nobars' : '',
-                    ...(props.elClassNames || []),
-                ].join(' '), style: Object.assign(Object.assign({}, props.elStyle), { overflowX: props.horizontal ? 'auto' : fallbackOverflow, overflowY: props.vertical ? 'auto' : fallbackOverflow }) }, props.children));
+    class DelayedRunner {
+        constructor(drainedOption) {
+            this.drainedOption = drainedOption;
+            this.isRunning = false;
+            this.isDirty = false;
+            this.pauseDepths = {};
+            this.timeoutId = 0;
         }
-        componentDidMount() {
-            const el = this.elRef.current; // TODO: make dynamic with useEffect
-            this.disconnectSize = watchSize(el, (contentWidth, contentHeight) => {
-                const { props, context } = this;
-                const bottomScrollbarWidth = el.offsetHeight - el.clientHeight;
-                const horizontalScrollbarWidth = el.offsetWidth - el.clientWidth;
-                let rightScrollbarWidth = 0;
-                let leftScrollbarWidth = 0;
-                if (context.isRtl && getRtlScrollerConfig().leftScrollbars) {
-                    leftScrollbarWidth = horizontalScrollbarWidth;
+        request(delay) {
+            this.isDirty = true;
+            if (!this.isPaused()) {
+                this.clearTimeout();
+                if (delay == null) {
+                    this.tryDrain();
                 }
                 else {
-                    rightScrollbarWidth = horizontalScrollbarWidth;
+                    this.timeoutId = setTimeout(// NOT OPTIMAL! TODO: look at debounce
+                    this.tryDrain.bind(this), delay);
+                }
+            }
+        }
+        pause(scope = '') {
+            let { pauseDepths } = this;
+            pauseDepths[scope] = (pauseDepths[scope] || 0) + 1;
+            this.clearTimeout();
+        }
+        resume(scope = '', force) {
+            let { pauseDepths } = this;
+            if (scope in pauseDepths) {
+                if (force) {
+                    delete pauseDepths[scope];
                 }
-                if (!isDimsEqual(this.currentWidth, contentWidth)) {
-                    setRef(props.widthRef, this.currentWidth = contentWidth);
+                else {
+                    pauseDepths[scope] -= 1;
+                    let depth = pauseDepths[scope];
+                    if (depth <= 0) {
+                        delete pauseDepths[scope];
+                    }
                 }
-                if (!isDimsEqual(this.currentHeight, contentHeight)) {
-                    setRef(props.heightRef, this.currentHeight = contentHeight);
+                this.tryDrain();
+            }
+        }
+        isPaused() {
+            return Object.keys(this.pauseDepths).length;
+        }
+        tryDrain() {
+            if (!this.isRunning && !this.isPaused()) {
+                this.isRunning = true;
+                while (this.isDirty) {
+                    this.isDirty = false;
+                    this.drained(); // might set isDirty to true again
                 }
-                if (!isDimsEqual(this.currentBottomScrollbarWidth, bottomScrollbarWidth)) {
-                    setRef(props.bottomScrollbarWidthRef, this.currentBottomScrollbarWidth = bottomScrollbarWidth);
+                this.isRunning = false;
+            }
+        }
+        clear() {
+            this.clearTimeout();
+            this.isDirty = false;
+            this.pauseDepths = {};
+        }
+        clearTimeout() {
+            if (this.timeoutId) {
+                clearTimeout(this.timeoutId);
+                this.timeoutId = 0;
+            }
+        }
+        drained() {
+            if (this.drainedOption) {
+                this.drainedOption();
+            }
+        }
+    }
+
+    const WHEEL_EVENT_NAMES = 'wheel mousewheel DomMouseScroll MozMousePixelScroll'.split(' ');
+    /*
+    Fires:
+    - scrollStart (always user)
+    - scroll
+    - scrollEnd (always user)
+
+    NOTE: detection is complicated (w/ touch and wheel) because ScrollerSyncer needs to know about it,
+    but are we sure we can't just ignore programmatic scrollTo() calls with a flag? and determine the
+    the scroll-master simply by who was the newest scroller? Does passive:true do things asynchronously?
+    */
+    class ScrollListener {
+        constructor(el) {
+            this.el = el;
+            this.emitter = new Emitter();
+            this.isScrolling = false;
+            this.isTouching = false; // user currently has finger down?
+            this.isRecentlyWheeled = false;
+            this.isRecentlyScrolled = false;
+            this.wheelWaiter = new DelayedRunner(this._handleWheelWaited.bind(this));
+            this.scrollWaiter = new DelayedRunner(this._handleScrollWaited.bind(this));
+            // Handlers
+            // ----------------------------------------------------------------------------------------------
+            this.handleScroll = () => {
+                this.startScroll();
+                this.emitter.trigger('scroll', this.isRecentlyWheeled, this.isTouching);
+                this.isRecentlyScrolled = true;
+                this.scrollWaiter.request(500);
+            };
+            // will fire *before* the scroll event is fired (might not cause a scroll)
+            this.handleWheel = () => {
+                this.isRecentlyWheeled = true;
+                this.wheelWaiter.request(500);
+            };
+            // will fire *before* the scroll event is fired (might not cause a scroll)
+            this.handleTouchStart = () => {
+                this.isTouching = true;
+            };
+            this.handleTouchEnd = () => {
+                this.isTouching = false;
+                // if the user ended their touch, and the scroll area wasn't moving,
+                // we consider this to be the end of the scroll.
+                if (!this.isRecentlyScrolled) {
+                    this.endScroll(); // won't fire if already ended
                 }
-                if (!isDimsEqual(this.currentRightScrollbarWidth, rightScrollbarWidth)) {
-                    setRef(props.rightScrollbarWidthRef, this.currentRightScrollbarWidth = rightScrollbarWidth);
+            };
+            el.addEventListener('scroll', this.handleScroll);
+            el.addEventListener('touchstart', this.handleTouchStart, { passive: true });
+            el.addEventListener('touchend', this.handleTouchEnd);
+            for (let eventName of WHEEL_EVENT_NAMES) {
+                el.addEventListener(eventName, this.handleWheel, { passive: true });
+            }
+        }
+        destroy() {
+            let { el } = this;
+            el.removeEventListener('scroll', this.handleScroll);
+            el.removeEventListener('touchstart', this.handleTouchStart, { passive: true });
+            el.removeEventListener('touchend', this.handleTouchEnd);
+            for (let eventName of WHEEL_EVENT_NAMES) {
+                el.removeEventListener(eventName, this.handleWheel, { passive: true });
+            }
+        }
+        // Start / Stop
+        // ----------------------------------------------------------------------------------------------
+        startScroll() {
+            if (!this.isScrolling) {
+                this.isScrolling = true;
+                this.emitter.trigger('scrollStart', this.isRecentlyWheeled, this.isTouching);
+            }
+        }
+        endScroll() {
+            if (this.isScrolling) {
+                this.emitter.trigger('scrollEnd');
+                this.isScrolling = false;
+                this.isRecentlyScrolled = true;
+                this.isRecentlyWheeled = false;
+                this.scrollWaiter.clear();
+                this.wheelWaiter.clear();
+            }
+        }
+        _handleScrollWaited() {
+            this.isRecentlyScrolled = false;
+            // only end the scroll if not currently touching.
+            // if touching, the scrolling will end later, on touchend.
+            if (!this.isTouching) {
+                this.endScroll(); // won't fire if already ended
+            }
+        }
+        _handleWheelWaited() {
+            this.isRecentlyWheeled = false;
+        }
+    }
+
+    class Scroller extends DateComponent {
+        constructor() {
+            super(...arguments);
+            this.handleEl = (el) => {
+                const { props } = this;
+                if (this.el) {
+                    this.el = null;
+                    this.listener.destroy();
+                    this.disconnectSize();
+                    setRef(props.clientWidthRef, null);
+                    setRef(props.clientHeightRef, null);
+                    setRef(props.endScrollbarWidthRef, null);
+                    setRef(props.bottomScrollbarWidthRef, null);
                 }
-                if (!isDimsEqual(this.currentLeftScrollbarWidth, leftScrollbarWidth)) {
-                    setRef(props.leftScrollbarWidthRef, this.currentLeftScrollbarWidth = leftScrollbarWidth);
+                if (el) {
+                    this.el = el;
+                    this.listener = new ScrollListener(el);
+                    this.disconnectSize = watchSize(el, (clientWidth, clientHeight) => {
+                        const { props } = this;
+                        const endScrollbarWidth = el.offsetWidth - clientWidth;
+                        const bottomScrollbarWidth = el.offsetHeight - clientHeight;
+                        if (this.currentClientWidth !== clientWidth) {
+                            setRef(props.clientWidthRef, this.currentClientWidth = clientWidth);
+                        }
+                        if (this.currentClientHeight !== clientHeight) {
+                            setRef(props.clientHeightRef, this.currentClientHeight = clientHeight);
+                        }
+                        // are these isDimsEqual calls necessary?
+                        if (!isDimsEqual(this.currentBottomScrollbarWidth, bottomScrollbarWidth)) {
+                            setRef(props.bottomScrollbarWidthRef, this.currentBottomScrollbarWidth = bottomScrollbarWidth);
+                        }
+                        if (!isDimsEqual(this.currentEndScrollbarWidth, endScrollbarWidth)) {
+                            setRef(props.endScrollbarWidthRef, this.currentEndScrollbarWidth = endScrollbarWidth);
+                        }
+                    }, /* client(width+height) = */ true);
                 }
-            });
+            };
         }
-        componentWillUnmount() {
-            this.disconnectSize();
+        render() {
+            const { props } = this;
+            // if there's only one axis that needs scrolling, the other axis will unintentionally have
+            // scrollbars too if we don't force to 'hidden'
+            const fallbackOverflow = (props.horizontal || props.vertical) ? 'hidden' : '';
+            return (_("div", { ref: this.handleEl, className: joinClassNames(props.className, 'fc-scroller', props.hideScrollbars && 'fc-scroller-no-bars'), style: Object.assign(Object.assign({}, props.style), { overflowX: props.horizontal ? 'auto' : fallbackOverflow, overflowY: props.vertical ? 'auto' : fallbackOverflow }) }, props.children));
+        }
+        endScroll() {
+            this.listener.endScroll();
         }
         // Public API
         // -----------------------------------------------------------------------------------------------
-        get el() {
-            return this.elRef.current;
-        }
         get x() {
             const { isRtl } = this.context;
-            const el = this.elRef.current;
-            return getNormalizedScrollX(el, isRtl);
+            const { el } = this;
+            return el ? getNormalizedScrollX(el, isRtl) : 0;
         }
         get y() {
-            const el = this.elRef.current;
-            return el.scrollTop;
+            const { el } = this;
+            return el ? el.scrollTop : 0;
         }
         scrollTo({ x, y }) {
             const { isRtl } = this.context;
-            const el = this.elRef.current;
-            if (y != null) {
-                el.scrollTop = y;
-            }
-            if (x != null) {
-                setNormalizedScrollX(el, isRtl, x);
+            const { el } = this;
+            if (el) {
+                if (y != null) {
+                    el.scrollTop = y;
+                }
+                if (x != null) {
+                    setNormalizedScrollX(el, isRtl, x);
+                }
             }
         }
+        addScrollEndListener(handler) {
+            this.listener.emitter.on('scrollEnd', handler);
+        }
+        removeScrollEndListener(handler) {
+            this.listener.emitter.off('scrollEnd', handler);
+        }
     }
     // Public API
     // -------------------------------------------------------------------------------------------------
-    // TODO: consolidate with scroll-left-norm.ts
+    // We can drop normalization when support for Chromium-based <86 is dropped (see Notion)
     function getNormalizedScrollX(el, isRtl) {
         const { scrollLeft } = el;
         return isRtl ? getNormalizedRtlScrollX(scrollLeft, el) : scrollLeft;
@@ -5909,7 +5707,7 @@ var FullCalendar = (function (exports) {
     Returns a value in the 'reverse' system
     */
     function getNormalizedRtlScrollX(scrollLeft, el) {
-        switch (getRtlScrollerConfig().system) {
+        switch (getRtlScrollerSystem()) {
             case 'positive':
                 return el.scrollWidth - el.clientWidth - scrollLeft;
             case 'negative':
@@ -5923,7 +5721,7 @@ var FullCalendar = (function (exports) {
       If so, consolidate. With isRtl check too
     */
     function getNormalizedRtlScrollLeft(x, el) {
-        switch (getRtlScrollerConfig().system) {
+        switch (getRtlScrollerSystem()) {
             case 'positive':
                 return el.scrollWidth - el.clientWidth - x;
             case 'negative':
@@ -5931,11 +5729,14 @@ var FullCalendar = (function (exports) {
         }
         return x;
     }
-    let _rtlScrollerConfig;
-    function getRtlScrollerConfig() {
-        return _rtlScrollerConfig || (_rtlScrollerConfig = detectRtlScrollerConfig());
+    let _rtlScrollerSystem;
+    function getRtlScrollerSystem() {
+        return _rtlScrollerSystem || (_rtlScrollerSystem = detectRtlScrollerSystem());
     }
-    function detectRtlScrollerConfig() {
+    /*
+    TODO: make this more minimal now that scrollbar-side detection isn't needed?
+    */
+    function detectRtlScrollerSystem() {
         let el = document.createElement('div');
         el.style.position = 'absolute';
         el.style.top = '-1000px';
@@ -5961,9 +5762,8 @@ var FullCalendar = (function (exports) {
                 system = 'negative'; // scroll is a negative number from the right edge
             }
         }
-        let rightScrollbars = innerEl.getBoundingClientRect().right < el.getBoundingClientRect().right;
-        removeElement(el);
-        return { system, leftScrollbars: !rightScrollbars };
+        el.remove();
+        return system;
     }
 
     class Slicer {
@@ -6059,7 +5859,7 @@ var FullCalendar = (function (exports) {
                     end: addDays(dateRange.start, 1),
                 };
             }
-            let segs = this.sliceRange(dateRange, ...extraArgs);
+            let segs = this.sliceRange(dateRange, ...extraArgs); // !!!
             for (let seg of segs) {
                 seg.eventRange = eventRange;
                 seg.isStart = eventRange.isStart && seg.isStart;
@@ -6394,119 +6194,46 @@ var FullCalendar = (function (exports) {
     // TODO: move to geom file?
     function anyRangesContainRange(outerRanges, innerRange) {
         for (let outerRange of outerRanges) {
-            if (rangeContainsRange(outerRange, innerRange)) {
-                return true;
-            }
-        }
-        return false;
-    }
-
-    class JsonRequestError extends Error {
-        constructor(message, response) {
-            super(message);
-            this.response = response;
-        }
-    }
-    function requestJson(method, url, params) {
-        method = method.toUpperCase();
-        const fetchOptions = {
-            method,
-        };
-        if (method === 'GET') {
-            url += (url.indexOf('?') === -1 ? '?' : '&') +
-                new URLSearchParams(params);
-        }
-        else {
-            fetchOptions.body = new URLSearchParams(params);
-            fetchOptions.headers = {
-                'Content-Type': 'application/x-www-form-urlencoded',
-            };
-        }
-        return fetch(url, fetchOptions).then((fetchRes) => {
-            if (fetchRes.ok) {
-                return fetchRes.json().then((parsedResponse) => {
-                    return [parsedResponse, fetchRes];
-                }, () => {
-                    throw new JsonRequestError('Failure parsing JSON', fetchRes);
-                });
-            }
-            else {
-                throw new JsonRequestError('Request failed', fetchRes);
-            }
-        });
-    }
-
-    class DelayedRunner {
-        constructor(drainedOption) {
-            this.drainedOption = drainedOption;
-            this.isRunning = false;
-            this.isDirty = false;
-            this.pauseDepths = {};
-            this.timeoutId = 0;
-        }
-        request(delay) {
-            this.isDirty = true;
-            if (!this.isPaused()) {
-                this.clearTimeout();
-                if (delay == null) {
-                    this.tryDrain();
-                }
-                else {
-                    this.timeoutId = setTimeout(// NOT OPTIMAL! TODO: look at debounce
-                    this.tryDrain.bind(this), delay);
-                }
-            }
-        }
-        pause(scope = '') {
-            let { pauseDepths } = this;
-            pauseDepths[scope] = (pauseDepths[scope] || 0) + 1;
-            this.clearTimeout();
-        }
-        resume(scope = '', force) {
-            let { pauseDepths } = this;
-            if (scope in pauseDepths) {
-                if (force) {
-                    delete pauseDepths[scope];
-                }
-                else {
-                    pauseDepths[scope] -= 1;
-                    let depth = pauseDepths[scope];
-                    if (depth <= 0) {
-                        delete pauseDepths[scope];
-                    }
-                }
-                this.tryDrain();
+            if (rangeContainsRange(outerRange, innerRange)) {
+                return true;
             }
         }
-        isPaused() {
-            return Object.keys(this.pauseDepths).length;
+        return false;
+    }
+
+    class JsonRequestError extends Error {
+        constructor(message, response) {
+            super(message);
+            this.response = response;
         }
-        tryDrain() {
-            if (!this.isRunning && !this.isPaused()) {
-                this.isRunning = true;
-                while (this.isDirty) {
-                    this.isDirty = false;
-                    this.drained(); // might set isDirty to true again
-                }
-                this.isRunning = false;
-            }
+    }
+    function requestJson(method, url, params) {
+        method = method.toUpperCase();
+        const fetchOptions = {
+            method,
+        };
+        if (method === 'GET') {
+            url += (url.indexOf('?') === -1 ? '?' : '&') +
+                new URLSearchParams(params);
         }
-        clear() {
-            this.clearTimeout();
-            this.isDirty = false;
-            this.pauseDepths = {};
+        else {
+            fetchOptions.body = new URLSearchParams(params);
+            fetchOptions.headers = {
+                'Content-Type': 'application/x-www-form-urlencoded',
+            };
         }
-        clearTimeout() {
-            if (this.timeoutId) {
-                clearTimeout(this.timeoutId);
-                this.timeoutId = 0;
+        return fetch(url, fetchOptions).then((fetchRes) => {
+            if (fetchRes.ok) {
+                return fetchRes.json().then((parsedResponse) => {
+                    return [parsedResponse, fetchRes];
+                }, () => {
+                    throw new JsonRequestError('Failure parsing JSON', fetchRes);
+                });
             }
-        }
-        drained() {
-            if (this.drainedOption) {
-                this.drainedOption();
+            else {
+                throw new JsonRequestError('Request failed', fetchRes);
             }
-        }
+        });
     }
 
     function getIsHeightAuto(options) {
@@ -6552,7 +6279,7 @@ var FullCalendar = (function (exports) {
                 else {
                     current.set(key, val);
                 }
-                this.rev = guid();
+                this.rev = guid$1();
                 if (this.masterCallback) {
                     this.masterCallback(val, key);
                 }
@@ -6629,22 +6356,199 @@ var FullCalendar = (function (exports) {
         return { start, end };
     }
 
-    class ScrollResponder {
-        constructor(_handleScroll) {
-            this._handleScroll = _handleScroll;
-            this.handleScroll = (scroll) => {
-                this.queuedScroll = scroll;
-                this.drain();
+    class ContentInjector extends BaseComponent {
+        constructor() {
+            super(...arguments);
+            this.id = guid$1();
+            this.queuedDomNodes = [];
+            this.currentDomNodes = [];
+            this.handleEl = (el) => {
+                const { options } = this.context;
+                const { generatorName } = this.props;
+                if (!options.customRenderingReplaces || !hasCustomRenderingHandler(generatorName, options)) {
+                    this.updateElRef(el);
+                }
+            };
+            this.updateElRef = (el) => {
+                if (this.props.elRef) {
+                    setRef(this.props.elRef, el);
+                }
             };
         }
-        drain() {
-            if (this.queuedScroll) {
-                if (this._handleScroll(this.queuedScroll)) {
-                    this.queuedScroll = undefined;
+        render() {
+            const { props, context } = this;
+            const { options } = context;
+            const { customGenerator, defaultGenerator, renderProps } = props;
+            const attrs = buildElAttrs(props, '', this.handleEl);
+            let useDefault = false;
+            let innerContent;
+            let queuedDomNodes = [];
+            let currentGeneratorMeta;
+            if (customGenerator != null) {
+                const customGeneratorRes = typeof customGenerator === 'function' ?
+                    customGenerator(renderProps, _) :
+                    customGenerator;
+                if (customGeneratorRes === true) {
+                    useDefault = true;
+                }
+                else {
+                    const isObject = customGeneratorRes && typeof customGeneratorRes === 'object'; // non-null
+                    if (isObject && ('html' in customGeneratorRes)) {
+                        attrs.dangerouslySetInnerHTML = { __html: customGeneratorRes.html };
+                    }
+                    else if (isObject && ('domNodes' in customGeneratorRes)) {
+                        queuedDomNodes = Array.prototype.slice.call(customGeneratorRes.domNodes);
+                    }
+                    else if (isObject
+                        ? t(customGeneratorRes) // vdom node
+                        : typeof customGeneratorRes !== 'function' // primitive value (like string or number)
+                    ) {
+                        // use in vdom
+                        innerContent = customGeneratorRes;
+                    }
+                    else {
+                        // an exotic object for handleCustomRendering
+                        currentGeneratorMeta = customGeneratorRes;
+                    }
+                }
+            }
+            else {
+                useDefault = !hasCustomRenderingHandler(props.generatorName, options);
+            }
+            if (useDefault && defaultGenerator) {
+                innerContent = defaultGenerator(renderProps);
+            }
+            this.queuedDomNodes = queuedDomNodes;
+            this.currentGeneratorMeta = currentGeneratorMeta;
+            return _(props.tag, attrs, innerContent);
+        }
+        componentDidMount() {
+            this.applyQueueudDomNodes();
+            this.triggerCustomRendering(true);
+        }
+        componentDidUpdate() {
+            this.applyQueueudDomNodes();
+            this.triggerCustomRendering(true);
+        }
+        componentWillUnmount() {
+            this.triggerCustomRendering(false); // TODO: different API for removal?
+        }
+        triggerCustomRendering(isActive) {
+            var _a;
+            const { props, context } = this;
+            const { handleCustomRendering, customRenderingMetaMap } = context.options;
+            if (handleCustomRendering) {
+                const generatorMeta = (_a = this.currentGeneratorMeta) !== null && _a !== void 0 ? _a : customRenderingMetaMap === null || customRenderingMetaMap === void 0 ? void 0 : customRenderingMetaMap[props.generatorName];
+                if (generatorMeta) {
+                    handleCustomRendering(Object.assign({ id: this.id, isActive, containerEl: this.base, reportNewContainerEl: this.updateElRef, // front-end framework tells us about new container els
+                        generatorMeta }, props));
+                }
+            }
+        }
+        applyQueueudDomNodes() {
+            const { queuedDomNodes, currentDomNodes } = this;
+            const el = this.base;
+            if (!isArraysEqual(queuedDomNodes, currentDomNodes)) {
+                for (const domNode of currentDomNodes) {
+                    domNode.remove();
+                }
+                for (let newNode of queuedDomNodes) {
+                    el.appendChild(newNode);
+                }
+                this.currentDomNodes = queuedDomNodes;
+            }
+        }
+    }
+    ContentInjector.addPropsEquality({
+        renderProps: isPropsEqual,
+        attrs: isNonHandlerPropsEqual,
+        style: isPropsEqual,
+    });
+    // Util
+    /*
+    Does UI-framework provide custom way of rendering that does not use Preact VDOM
+    AND does the calendar's options define custom rendering?
+    AKA. Should we NOT render the default content?
+    */
+    function hasCustomRenderingHandler(generatorName, options) {
+        var _a;
+        return Boolean(options.handleCustomRendering &&
+            generatorName &&
+            ((_a = options.customRenderingMetaMap) === null || _a === void 0 ? void 0 : _a[generatorName]));
+    }
+    function buildElAttrs(props, className, elRef) {
+        const attrs = Object.assign(Object.assign({}, props.attrs), { ref: elRef });
+        if (props.className || className) {
+            attrs.className = joinClassNames(className, props.className, attrs.className);
+        }
+        if (props.style) {
+            attrs.style = props.style;
+        }
+        return attrs;
+    }
+
+    const RenderId = createContext(0);
+
+    class ContentContainer extends b {
+        constructor() {
+            super(...arguments);
+            this.InnerContent = InnerContentInjector.bind(undefined, this);
+            this.handleEl = (el) => {
+                this.el = el;
+                if (this.props.elRef) {
+                    setRef(this.props.elRef, el);
+                    if (el && this.didMountMisfire) {
+                        this.componentDidMount();
+                    }
+                }
+            };
+        }
+        render() {
+            const { props } = this;
+            const generatedClassName = generateClassName(props.classNameGenerator, props.renderProps);
+            if (props.children) {
+                const attrs = buildElAttrs(props, generatedClassName, this.handleEl);
+                const children = props.children(this.InnerContent, props.renderProps, attrs);
+                if (props.tag) {
+                    return _(props.tag, attrs, children);
+                }
+                else {
+                    return children;
                 }
             }
+            else {
+                return _((ContentInjector), Object.assign(Object.assign({}, props), { elRef: this.handleEl, tag: props.tag || 'div', className: joinClassNames(props.className, generatedClassName), renderId: this.context }));
+            }
+        }
+        componentDidMount() {
+            var _a, _b;
+            if (this.el) {
+                (_b = (_a = this.props).didMount) === null || _b === void 0 ? void 0 : _b.call(_a, Object.assign(Object.assign({}, this.props.renderProps), { el: this.el }));
+            }
+            else {
+                this.didMountMisfire = true;
+            }
+        }
+        componentWillUnmount() {
+            var _a, _b;
+            (_b = (_a = this.props).willUnmount) === null || _b === void 0 ? void 0 : _b.call(_a, Object.assign(Object.assign({}, this.props.renderProps), { el: this.el }));
         }
     }
+    ContentContainer.contextType = RenderId;
+    function InnerContentInjector(containerComponent, props) {
+        const parentProps = containerComponent.props;
+        return _((ContentInjector), Object.assign({ renderProps: parentProps.renderProps, generatorName: parentProps.generatorName, customGenerator: parentProps.customGenerator, defaultGenerator: parentProps.defaultGenerator, renderId: containerComponent.context }, props));
+    }
+    // Utils
+    function generateClassName(classNameGenerator, renderProps) {
+        const classNames = typeof classNameGenerator === 'function' ?
+            classNameGenerator(renderProps) :
+            classNameGenerator || [];
+        return typeof classNames === 'string' ? classNames : classNames.join(' ');
+    }
+    function renderText(renderProps) {
+        return renderProps.text;
+    }
 
     class EventContainer extends BaseComponent {
         constructor() {
@@ -6652,15 +6556,14 @@ var FullCalendar = (function (exports) {
             this.handleEl = (el) => {
                 this.el = el;
                 if (el) {
-                    setElSeg(el, this.props.seg);
+                    setElEventRange(el, this.props.eventRange);
                 }
             };
         }
         render() {
             const { props, context } = this;
             const { options } = context;
-            const { seg } = props;
-            const { eventRange } = seg;
+            const { eventRange } = props;
             const { ui } = eventRange;
             const renderProps = {
                 event: new EventImpl(context, eventRange.def, eventRange.instance),
@@ -6669,12 +6572,12 @@ var FullCalendar = (function (exports) {
                 textColor: ui.textColor,
                 backgroundColor: ui.backgroundColor,
                 borderColor: ui.borderColor,
-                isDraggable: !props.disableDragging && computeSegDraggable(seg, context),
-                isStartResizable: !props.disableResizing && computeSegStartResizable(seg, context),
-                isEndResizable: !props.disableResizing && computeSegEndResizable(seg),
+                isDraggable: !props.disableDragging && computeEventRangeDraggable(eventRange, context),
+                isStartResizable: !props.disableResizing && props.isStart && eventRange.ui.durationEditable && options.eventResizableFromStart,
+                isEndResizable: !props.disableResizing && props.isEnd && eventRange.ui.durationEditable,
                 isMirror: Boolean(props.isDragging || props.isResizing || props.isDateSelecting),
-                isStart: Boolean(seg.isStart),
-                isEnd: Boolean(seg.isEnd),
+                isStart: Boolean(props.isStart),
+                isEnd: Boolean(props.isEnd),
                 isPast: Boolean(props.isPast),
                 isFuture: Boolean(props.isFuture),
                 isToday: Boolean(props.isToday),
@@ -6682,15 +6585,11 @@ var FullCalendar = (function (exports) {
                 isDragging: Boolean(props.isDragging),
                 isResizing: Boolean(props.isResizing),
             };
-            return (_(ContentContainer, Object.assign({}, props /* contains children */, { elRef: this.handleEl, elClasses: [
-                    ...getEventClassNames(renderProps),
-                    ...seg.eventRange.ui.classNames,
-                    ...(props.elClasses || []),
-                ], renderProps: renderProps, generatorName: "eventContent", customGenerator: options.eventContent, defaultGenerator: props.defaultGenerator, classNameGenerator: options.eventClassNames, didMount: options.eventDidMount, willUnmount: options.eventWillUnmount })));
+            return (_(ContentContainer, Object.assign({}, props /* contains children */, { elRef: this.handleEl, className: joinClassNames(props.className, ...getEventClassNames(renderProps), ...eventRange.ui.classNames), renderProps: renderProps, generatorName: "eventContent", customGenerator: options.eventContent, defaultGenerator: props.defaultGenerator, classNameGenerator: options.eventClassNames, didMount: options.eventDidMount, willUnmount: options.eventWillUnmount })));
         }
         componentDidUpdate(prevProps) {
-            if (this.el && this.props.seg !== prevProps.seg) {
-                setElSeg(this.el, this.props.seg);
+            if (this.el && this.props.eventRange !== prevProps.eventRange) {
+                setElEventRange(this.el, this.props.eventRange);
             }
         }
     }
@@ -6698,43 +6597,81 @@ var FullCalendar = (function (exports) {
     // should not be a purecomponent
     class StandardEvent extends BaseComponent {
         render() {
-            let { props, context } = this;
-            let { options } = context;
-            let { seg } = props;
-            let { ui } = seg.eventRange;
-            let timeFormat = options.eventTimeFormat || props.defaultTimeFormat;
-            let timeText = buildSegTimeText(seg, timeFormat, context, props.defaultDisplayEventTime, props.defaultDisplayEventEnd);
-            return (_(EventContainer, Object.assign({}, props /* includes elRef */, { elTag: "a", elStyle: {
-                    borderColor: ui.borderColor,
-                    backgroundColor: ui.backgroundColor,
-                }, elAttrs: getSegAnchorAttrs(seg, context), defaultGenerator: renderInnerContent$1, timeText: timeText }), (InnerContent, eventContentArg) => (_(k$1, null,
-                _(InnerContent, { elTag: "div", elClasses: ['fc-event-inner'], elStyle: { color: eventContentArg.textColor } }),
+            const { props, context } = this;
+            const { eventRange } = props;
+            const { options } = context;
+            const timeFormat = options.eventTimeFormat || props.defaultTimeFormat;
+            const timeText = buildEventRangeTimeText(timeFormat, eventRange, // just for def/instance
+            props.slicedStart, props.slicedEnd, props.isStart, props.isEnd, context, props.defaultDisplayEventTime, props.defaultDisplayEventEnd);
+            const anchorAttrs = getEventRangeAnchorAttrs(eventRange, context);
+            return (_(EventContainer, Object.assign({}, props /* includes elRef */, { tag: anchorAttrs ? 'a' : 'div', style: {
+                    borderColor: eventRange.ui.borderColor,
+                    backgroundColor: eventRange.ui.backgroundColor,
+                }, attrs: anchorAttrs, defaultGenerator: renderInnerContent$1, timeText: timeText }), (InnerContent, eventContentArg) => (_(k$1, null,
+                _(InnerContent, { tag: "div", className: 'fc-event-inner', style: { color: eventContentArg.textColor } }),
                 Boolean(eventContentArg.isStartResizable) && (_("div", { className: "fc-event-resizer fc-event-resizer-start" })),
                 Boolean(eventContentArg.isEndResizable) && (_("div", { className: "fc-event-resizer fc-event-resizer-end" }))))));
         }
     }
-    function renderInnerContent$1(innerProps) {
-        return (_(k$1, null,
-            innerProps.timeText && (_("div", { className: "fc-event-time" }, innerProps.timeText)),
-            _("div", { className: "fc-event-title-outer" },
-                _("div", { className: "fc-event-title" }, innerProps.event.title || _(k$1, null, "\u00A0")))));
+    function renderInnerContent$1(innerProps) {
+        return (_(k$1, null,
+            innerProps.timeText && (_("div", { className: "fc-event-time" }, innerProps.timeText)),
+            _("div", { className: "fc-event-title-outer" },
+                _("div", { className: "fc-event-title" }, innerProps.event.title || _(k$1, null, "\u00A0")))));
+    }
+
+    const NowIndicatorContainer = (props) => (_(ViewContextType.Consumer, null, (context) => {
+        let { options } = context;
+        let renderProps = {
+            isAxis: props.isAxis,
+            date: context.dateEnv.toDate(props.date),
+            view: context.viewApi,
+        };
+        return (_(ContentContainer, Object.assign({}, props /* includes children */, { tag: props.tag || 'div', renderProps: renderProps, generatorName: "nowIndicatorContent", customGenerator: options.nowIndicatorContent, classNameGenerator: options.nowIndicatorClassNames, didMount: options.nowIndicatorDidMount, willUnmount: options.nowIndicatorWillUnmount })));
+    }));
+
+    const DAY_NUM_FORMAT = createFormatter({ day: 'numeric' });
+    class DayCellContainer extends BaseComponent {
+        constructor() {
+            super(...arguments);
+            this.refineRenderProps = memoizeObjArg(refineRenderProps);
+        }
+        render() {
+            let { props, context } = this;
+            let { options } = context;
+            let renderProps = this.refineRenderProps({
+                date: props.date,
+                dateProfile: props.dateProfile,
+                todayRange: props.todayRange,
+                isMonthStart: props.isMonthStart || false,
+                showDayNumber: props.showDayNumber,
+                renderProps: props.renderProps,
+                viewApi: context.viewApi,
+                dateEnv: context.dateEnv,
+                monthStartFormat: options.monthStartFormat,
+            });
+            return (_(ContentContainer, Object.assign({}, props /* includes children */, { className: joinClassNames(props.className, getDayClassName(renderProps)), attrs: Object.assign(Object.assign({}, props.attrs), (renderProps.isDisabled ? {} : { 'data-date': formatDayString(props.date) })), renderProps: renderProps, generatorName: "dayCellContent", customGenerator: options.dayCellContent, defaultGenerator: props.defaultGenerator, classNameGenerator: 
+                // don't use custom classNames if disabled
+                // TODO: make DRY with DayGridHeaderCell
+                renderProps.isDisabled ? undefined : options.dayCellClassNames, didMount: options.dayCellDidMount, willUnmount: options.dayCellWillUnmount })));
+        }
+    }
+    function hasCustomDayCellContent(options) {
+        return Boolean(options.dayCellContent || hasCustomRenderingHandler('dayCellContent', options));
+    }
+    function refineRenderProps(raw) {
+        let { date, dateEnv, dateProfile, isMonthStart } = raw;
+        let dayMeta = getDateMeta(date, raw.todayRange, null, dateProfile);
+        let dayNumberText = raw.showDayNumber ? (dateEnv.format(date, isMonthStart ? raw.monthStartFormat : DAY_NUM_FORMAT)) : '';
+        return Object.assign(Object.assign(Object.assign({ date: dateEnv.toDate(date), view: raw.viewApi }, dayMeta), { isMonthStart,
+            dayNumberText }), raw.renderProps);
     }
-
-    const NowIndicatorContainer = (props) => (_(ViewContextType.Consumer, null, (context) => {
-        let { options } = context;
-        let renderProps = {
-            isAxis: props.isAxis,
-            date: context.dateEnv.toDate(props.date),
-            view: context.viewApi,
-        };
-        return (_(ContentContainer, Object.assign({}, props /* includes children */, { elTag: props.elTag || 'div', renderProps: renderProps, generatorName: "nowIndicatorContent", customGenerator: options.nowIndicatorContent, classNameGenerator: options.nowIndicatorClassNames, didMount: options.nowIndicatorDidMount, willUnmount: options.nowIndicatorWillUnmount })));
-    }));
 
     class BgEvent extends BaseComponent {
         render() {
             let { props } = this;
-            let { seg } = props;
-            return (_(EventContainer, { elTag: "div", elClasses: ['fc-bg-event'], elStyle: { backgroundColor: seg.eventRange.ui.backgroundColor }, defaultGenerator: renderInnerContent, seg: seg, timeText: "", isDragging: false, isResizing: false, isDateSelecting: false, isSelected: false, isPast: props.isPast, isFuture: props.isFuture, isToday: props.isToday, disableDragging: true, disableResizing: true }));
+            let { eventRange } = props;
+            return (_(EventContainer, { tag: "div", className: 'fc-bg-event', style: { backgroundColor: eventRange.ui.backgroundColor }, defaultGenerator: renderInnerContent, eventRange: eventRange, isStart: props.isStart, isEnd: props.isEnd, timeText: "", isDragging: false, isResizing: false, isDateSelecting: false, isSelected: false, isPast: props.isPast, isFuture: props.isFuture, isToday: props.isToday, disableDragging: true, disableResizing: true }));
         }
     }
     function renderInnerContent(props) {
@@ -6753,10 +6690,233 @@ var FullCalendar = (function (exports) {
         let text = dateEnv.format(date, format);
         let renderProps = { num, text, date };
         return (_(ContentContainer // why isn't WeekNumberContentArg being auto-detected?
-        , Object.assign({}, props /* includes children */, { renderProps: renderProps, generatorName: "weekNumberContent", customGenerator: options.weekNumberContent, defaultGenerator: renderInner, classNameGenerator: options.weekNumberClassNames, didMount: options.weekNumberDidMount, willUnmount: options.weekNumberWillUnmount })));
+        , Object.assign({}, props /* includes children */, { renderProps: renderProps, generatorName: "weekNumberContent", customGenerator: options.weekNumberContent, defaultGenerator: renderText, classNameGenerator: options.weekNumberClassNames, didMount: options.weekNumberDidMount, willUnmount: options.weekNumberWillUnmount })));
     }));
-    function renderInner(innerProps) {
-        return innerProps.text;
+
+    const PADDING_FROM_VIEWPORT = 10;
+    class Popover extends BaseComponent {
+        constructor() {
+            super(...arguments);
+            this.state = {
+                titleId: getUniqueDomId(),
+            };
+            this.handleRootEl = (el) => {
+                this.rootEl = el;
+                if (this.props.elRef) {
+                    setRef(this.props.elRef, el);
+                }
+            };
+            // Triggered when the user clicks *anywhere* in the document, for the autoHide feature
+            this.handleDocumentMouseDown = (ev) => {
+                // only hide the popover if the click happened outside the popover
+                const target = getEventTargetViaRoot(ev);
+                if (!this.rootEl.contains(target)) {
+                    this.handleCloseClick();
+                }
+            };
+            this.handleDocumentKeyDown = (ev) => {
+                if (ev.key === 'Escape') {
+                    this.handleCloseClick();
+                }
+            };
+            this.handleCloseClick = () => {
+                let { onClose } = this.props;
+                if (onClose) {
+                    onClose();
+                }
+            };
+        }
+        render() {
+            let { theme, options } = this.context;
+            let { props, state } = this;
+            return j(_("div", Object.assign({}, props.attrs, { id: props.id, className: joinClassNames(props.className, 'fc-popover', theme.getClassName('popover')), "aria-labelledby": state.titleId, ref: this.handleRootEl }),
+                _("div", { className: 'fc-popover-header ' + theme.getClassName('popoverHeader') },
+                    _("span", { className: "fc-popover-title", id: state.titleId }, props.title),
+                    _("span", { className: 'fc-popover-close ' + theme.getIconClass('close'), title: options.closeHint, onClick: this.handleCloseClick })),
+                _("div", { className: 'fc-popover-body ' + theme.getClassName('popoverContent') }, props.children)), props.parentEl);
+        }
+        componentDidMount() {
+            document.addEventListener('mousedown', this.handleDocumentMouseDown);
+            document.addEventListener('keydown', this.handleDocumentKeyDown);
+            this.updateSize();
+        }
+        componentWillUnmount() {
+            document.removeEventListener('mousedown', this.handleDocumentMouseDown);
+            document.removeEventListener('keydown', this.handleDocumentKeyDown);
+        }
+        updateSize() {
+            let { isRtl } = this.context;
+            let { alignEl, alignParentTop } = this.props;
+            let { rootEl } = this;
+            let alignmentRect = computeClippedClientRect(alignEl);
+            if (alignmentRect) {
+                let popoverDims = rootEl.getBoundingClientRect();
+                // position relative to viewport
+                let popoverTop = alignParentTop
+                    ? alignEl.closest(alignParentTop).getBoundingClientRect().top
+                    : alignmentRect.top;
+                let popoverLeft = isRtl ? alignmentRect.right - popoverDims.width : alignmentRect.left;
+                // constrain
+                popoverTop = Math.max(popoverTop, PADDING_FROM_VIEWPORT);
+                popoverLeft = Math.min(popoverLeft, document.documentElement.clientWidth - PADDING_FROM_VIEWPORT - popoverDims.width);
+                popoverLeft = Math.max(popoverLeft, PADDING_FROM_VIEWPORT);
+                let origin = rootEl.offsetParent.getBoundingClientRect();
+                applyStyle(rootEl, {
+                    top: popoverTop - origin.top,
+                    left: popoverLeft - origin.left,
+                });
+            }
+        }
+    }
+
+    class MorePopover extends DateComponent {
+        constructor() {
+            super(...arguments);
+            this.handleRootEl = (rootEl) => {
+                this.rootEl = rootEl;
+                if (rootEl) {
+                    this.context.registerInteractiveComponent(this, {
+                        el: rootEl,
+                        useEventCenter: false,
+                    });
+                }
+                else {
+                    this.context.unregisterInteractiveComponent(this);
+                }
+            };
+        }
+        render() {
+            let { options, dateEnv } = this.context;
+            let { props } = this;
+            let { startDate, todayRange, dateProfile } = props;
+            let title = dateEnv.format(startDate, options.dayPopoverFormat);
+            return (_(DayCellContainer, { elRef: this.handleRootEl, date: startDate, dateProfile: dateProfile, todayRange: todayRange }, (InnerContent, renderProps, attrs) => (_(Popover, { elRef: attrs.ref, id: props.id, title: title, attrs: attrs /* TODO: make these time-based when not whole-day? */, className: joinClassNames(attrs.className, // TODO: solve SignalLike type problem
+                'fc-more-popover'), parentEl: props.parentEl, alignEl: props.alignEl, alignParentTop: props.alignParentTop, onClose: props.onClose },
+                hasCustomDayCellContent(options) && (_(InnerContent, { tag: "div", className: 'fc-more-popover-misc' })),
+                props.children))));
+        }
+        queryHit(positionLeft, positionTop, elWidth, elHeight) {
+            let { rootEl, props } = this;
+            if (positionLeft >= 0 && positionLeft < elWidth &&
+                positionTop >= 0 && positionTop < elHeight) {
+                return {
+                    dateProfile: props.dateProfile,
+                    dateSpan: Object.assign({ allDay: !props.forceTimed, range: {
+                            start: props.startDate,
+                            end: props.endDate,
+                        } }, props.dateSpanProps),
+                    dayEl: rootEl,
+                    rect: {
+                        left: 0,
+                        top: 0,
+                        right: elWidth,
+                        bottom: elHeight,
+                    },
+                    layer: 1, // important when comparing with hits from other components
+                };
+            }
+            return null;
+        }
+    }
+
+    class MoreLinkContainer extends BaseComponent {
+        constructor() {
+            super(...arguments);
+            this.state = {
+                isPopoverOpen: false,
+                popoverId: getUniqueDomId(),
+            };
+            this.handleLinkEl = (linkEl) => {
+                this.linkEl = linkEl;
+                if (this.props.elRef) {
+                    setRef(this.props.elRef, linkEl);
+                }
+            };
+            this.handleClick = (ev) => {
+                let { props, context } = this;
+                let { moreLinkClick } = context.options;
+                let date = computeRange(props).start;
+                function buildPublicSeg(seg) {
+                    let { def, instance, range } = seg.eventRange;
+                    return {
+                        event: new EventImpl(context, def, instance),
+                        start: context.dateEnv.toDate(range.start),
+                        end: context.dateEnv.toDate(range.end),
+                        isStart: seg.isStart,
+                        isEnd: seg.isEnd,
+                    };
+                }
+                if (typeof moreLinkClick === 'function') {
+                    moreLinkClick = moreLinkClick({
+                        date,
+                        allDay: Boolean(props.allDayDate),
+                        allSegs: props.segs.map(buildPublicSeg),
+                        hiddenSegs: props.hiddenSegs.map(buildPublicSeg),
+                        jsEvent: ev,
+                        view: context.viewApi,
+                    });
+                }
+                if (!moreLinkClick || moreLinkClick === 'popover') {
+                    this.setState({ isPopoverOpen: true });
+                }
+                else if (typeof moreLinkClick === 'string') { // a view name
+                    context.calendarApi.zoomTo(date, moreLinkClick);
+                }
+            };
+            this.handlePopoverClose = () => {
+                this.setState({ isPopoverOpen: false });
+            };
+        }
+        render() {
+            let { props, state } = this;
+            return (_(ViewContextType.Consumer, null, (context) => {
+                let { viewApi, options, calendarApi } = context;
+                let { moreLinkText } = options;
+                let moreCnt = props.hiddenSegs.length;
+                let range = computeRange(props);
+                let text = typeof moreLinkText === 'function' // TODO: eventually use formatWithOrdinals
+                    ? moreLinkText.call(calendarApi, moreCnt)
+                    : `+${moreCnt} ${moreLinkText}`;
+                let hint = formatWithOrdinals(options.moreLinkHint, [moreCnt], text);
+                let renderProps = {
+                    num: moreCnt,
+                    shortText: `+${moreCnt}`,
+                    text,
+                    view: viewApi,
+                };
+                return (_(k$1, null,
+                    Boolean(moreCnt) && (_(ContentContainer, { tag: props.tag || 'a', elRef: this.handleLinkEl, className: joinClassNames(props.className, 'fc-more-link'), style: props.style, attrs: Object.assign(Object.assign(Object.assign({}, props.attrs), createAriaClickAttrs(this.handleClick)), { title: hint, 'aria-expanded': state.isPopoverOpen, 'aria-controls': state.isPopoverOpen ? state.popoverId : '' }), renderProps: renderProps, generatorName: "moreLinkContent", customGenerator: options.moreLinkContent, defaultGenerator: props.defaultGenerator || renderMoreLinkInner, classNameGenerator: options.moreLinkClassNames, didMount: options.moreLinkDidMount, willUnmount: options.moreLinkWillUnmount }, props.children)),
+                    state.isPopoverOpen && (_(MorePopover, { id: state.popoverId, startDate: range.start, endDate: range.end, dateProfile: props.dateProfile, todayRange: props.todayRange, dateSpanProps: props.dateSpanProps, parentEl: this.parentEl, alignEl: props.alignElRef ?
+                            props.alignElRef.current :
+                            this.linkEl, alignParentTop: props.alignParentTop, forceTimed: props.forceTimed, onClose: this.handlePopoverClose }, props.popoverContent()))));
+            }));
+        }
+        componentDidMount() {
+            this.updateParentEl();
+        }
+        componentDidUpdate() {
+            this.updateParentEl();
+        }
+        updateParentEl() {
+            if (this.linkEl) {
+                this.parentEl = this.linkEl.closest('.fc-view-outer'); // HACK. reconsider
+            }
+        }
+    }
+    function renderMoreLinkInner(props) {
+        return props.text;
+    }
+    function computeRange(props) {
+        if (props.allDayDate) {
+            return {
+                start: props.allDayDate,
+                end: addDays(props.allDayDate, 1),
+            };
+        }
+        return {
+            start: computeEarliestStart(props.hiddenSegs),
+            end: computeLatestEnd(props.hiddenSegs),
+        };
     }
 
     class ViewContainer extends BaseComponent {
@@ -6764,17 +6924,11 @@ var FullCalendar = (function (exports) {
             let { props, context } = this;
             let { options } = context;
             let renderProps = { view: context.viewApi };
-            return (_(ContentContainer, Object.assign({}, props, { elTag: props.elTag || 'div', elClasses: [
-                    ...buildViewClassNames(props.viewSpec),
-                    ...(props.elClasses || []),
-                ], renderProps: renderProps, classNameGenerator: options.viewClassNames, generatorName: undefined, didMount: options.viewDidMount, willUnmount: options.viewWillUnmount }), () => props.children));
+            return (_(ContentContainer, Object.assign({}, props, { tag: props.tag || 'div', className: joinClassNames(props.className, buildViewClassName(props.viewSpec)), renderProps: renderProps, classNameGenerator: options.viewClassNames, generatorName: undefined, didMount: options.viewDidMount, willUnmount: options.viewWillUnmount }), () => props.children));
         }
     }
-    function buildViewClassNames(viewSpec) {
-        return [
-            `fc-${viewSpec.type}-view`,
-            'fc-view',
-        ];
+    function buildViewClassName(viewSpec) {
+        return `fc-${viewSpec.type}-view fc-view`;
     }
 
     const EVENT_SOURCE_REFINERS = {
@@ -6813,7 +6967,7 @@ var FullCalendar = (function (exports) {
                     success: refined.success,
                     failure: refined.failure,
                     publicId: refined.id || '',
-                    sourceId: guid(),
+                    sourceId: guid$1(),
                     sourceDefId: metaRes.sourceDefId,
                     meta: metaRes.meta,
                     ui: createEventUi(refined, context),
@@ -6853,7 +7007,7 @@ var FullCalendar = (function (exports) {
             callback();
         }
         updateSize() {
-            console.warn('Doesnt do anything!');
+            requestAnimationFrame(updateSizeSync);
         }
         // Options
         // -----------------------------------------------------------------------------------------------------------------
@@ -7261,6 +7415,32 @@ var FullCalendar = (function (exports) {
         }
     }
 
+    class StickyFooterScrollbar extends BaseComponent {
+        constructor() {
+            super(...arguments);
+            this.rootElRef = m$1();
+        }
+        render() {
+            const { props } = this;
+            // NOTE: we need a wrapper around the Scroller because if scrollbars appear/hide,
+            // the outer dimensions change, but the inner dimensions do not. The Scroller's
+            // dimension-watching, when used in ponyfill-mode, can't fire on border-box change, so we
+            // workaround it by monitoring dimensions of a wrapper instead
+            return (_("div", { ref: this.rootElRef, className: 'fc-sticky-footer-scrollbar' },
+                _(Scroller, { horizontal: true, ref: props.scrollerRef },
+                    _("div", { style: { minWidth: props.canvasWidth } }))));
+        }
+        componentDidMount() {
+            this.disconnectHeight = watchHeight(this.rootElRef.current, (height) => {
+                setRef(this.props.scrollbarWidthRef, height);
+            });
+        }
+        componentWillUnmount() {
+            this.disconnectHeight();
+            setRef(this.props.scrollbarWidthRef, null);
+        }
+    }
+
     var internal = {
         __proto__: null,
         BASE_OPTION_DEFAULTS: BASE_OPTION_DEFAULTS,
@@ -7282,9 +7462,8 @@ var FullCalendar = (function (exports) {
         compareNumbers: compareNumbers,
         enableCursor: enableCursor,
         disableCursor: disableCursor,
-        guid: guid,
+        guid: guid$1,
         computeVisibleDayRange: computeVisibleDayRange,
-        isMultiDayRange: isMultiDayRange,
         diffDates: diffDates,
         removeExact: removeExact,
         isArraysEqual: isArraysEqual,
@@ -7303,14 +7482,10 @@ var FullCalendar = (function (exports) {
         isPropsEqual: isPropsEqual,
         compareObjs: compareObjs,
         collectFromHash: collectFromHash,
-        findElements: findElements,
-        findDirectChildren: findDirectChildren,
-        removeElement: removeElement,
         applyStyle: applyStyle,
-        elementMatches: elementMatches,
-        elementClosest: elementClosest,
         getEventTargetViaRoot: getEventTargetViaRoot,
         getUniqueDomId: getUniqueDomId,
+        joinClassNames: joinClassNames,
         parseClassNames: parseClassNames,
         fracToCssDim: fracToCssDim,
         createEmptyEventStore: createEmptyEventStore,
@@ -7320,11 +7495,9 @@ var FullCalendar = (function (exports) {
         combineEventUis: combineEventUis,
         createEventUi: createEventUi,
         Splitter: Splitter,
-        getDayClassNames: getDayClassNames,
+        getDayClassName: getDayClassName,
         getDateMeta: getDateMeta,
-        getSlotClassNames: getSlotClassNames,
-        setStateDimMap: setStateDimMap,
-        isDimMapsEqual: isDimMapsEqual,
+        getSlotClassName: getSlotClassName,
         isDimsEqual: isDimsEqual,
         watchSize: watchSize,
         watchWidth: watchWidth,
@@ -7381,11 +7554,8 @@ var FullCalendar = (function (exports) {
         NamedTimeZoneImpl: NamedTimeZoneImpl,
         parseMarker: parse,
         SegHierarchy: SegHierarchy,
-        buildEntryKey: buildEntryKey,
-        getEntrySpanEnd: getEntrySpanEnd,
+        groupIntersectingSegs: groupIntersectingSegs,
         binarySearch: binarySearch,
-        groupIntersectingEntries: groupIntersectingEntries,
-        intersectSpans: intersectSpans,
         Interaction: Interaction,
         interactionSettingsToStore: interactionSettingsToStore,
         interactionSettingsStore: interactionSettingsStore,
@@ -7396,12 +7566,13 @@ var FullCalendar = (function (exports) {
         DaySeriesModel: DaySeriesModel,
         sliceEventStore: sliceEventStore,
         hasBgRendering: hasBgRendering,
-        getElSeg: getElSeg,
-        buildSegTimeText: buildSegTimeText,
+        getElEventRange: getElEventRange,
+        buildEventRangeTimeText: buildEventRangeTimeText,
         sortEventSegs: sortEventSegs,
-        getSegMeta: getSegMeta,
+        getEventRangeMeta: getEventRangeMeta,
         buildEventRangeKey: buildEventRangeKey,
-        getSegAnchorAttrs: getSegAnchorAttrs,
+        getEventRangeAnchorAttrs: getEventRangeAnchorAttrs,
+        getEventKey: getEventKey,
         DayTableModel: DayTableModel,
         Scroller: Scroller,
         getNormalizedScrollX: getNormalizedScrollX,
@@ -7423,7 +7594,6 @@ var FullCalendar = (function (exports) {
         RefMap: RefMap,
         getIsRtlScrollbarOnLeft: getIsRtlScrollbarOnLeft,
         NowTimer: NowTimer,
-        ScrollResponder: ScrollResponder,
         StandardEvent: StandardEvent,
         NowIndicatorContainer: NowIndicatorContainer,
         DayCellContainer: DayCellContainer,
@@ -7433,7 +7603,6 @@ var FullCalendar = (function (exports) {
         BgEvent: BgEvent,
         WeekNumberContainer: WeekNumberContainer,
         MoreLinkContainer: MoreLinkContainer,
-        computeEarliestSegStart: computeEarliestSegStart,
         ViewContainer: ViewContainer,
         triggerDateSelect: triggerDateSelect,
         getDefaultEventEnd: getDefaultEventEnd,
@@ -7443,7 +7612,12 @@ var FullCalendar = (function (exports) {
         buildEventApis: buildEventApis,
         buildElAttrs: buildElAttrs,
         ContentContainer: ContentContainer,
-        CustomRenderingStore: CustomRenderingStore
+        renderText: renderText,
+        CustomRenderingStore: CustomRenderingStore,
+        computeEarliestStart: computeEarliestStart,
+        computeLatestEnd: computeLatestEnd,
+        getCoordRangeEnd: getCoordRangeEnd,
+        StickyFooterScrollbar: StickyFooterScrollbar
     };
 
     const globalLocales = [];
@@ -7544,7 +7718,7 @@ var FullCalendar = (function (exports) {
     // TODO: easier way to add new hooks? need to update a million things
     function createPlugin(input) {
         return {
-            id: guid(),
+            id: guid$1(),
             name: input.name,
             premiumReleaseDate: input.premiumReleaseDate ? new Date(input.premiumReleaseDate) : undefined,
             deps: input.deps || [],
@@ -7799,7 +7973,7 @@ var FullCalendar = (function (exports) {
         };
     }
     function createViewHookComponent(options) {
-        return (viewProps) => (_(ViewContextType.Consumer, null, (context) => (_(ContentContainer, { elTag: "div", elClasses: buildViewClassNames(context.viewSpec), renderProps: Object.assign(Object.assign({}, viewProps), { nextDayThreshold: context.options.nextDayThreshold }), generatorName: undefined, customGenerator: options.content, classNameGenerator: options.classNames, didMount: options.didMount, willUnmount: options.willUnmount }))));
+        return (viewProps) => (_(ViewContextType.Consumer, null, (context) => (_(ContentContainer, { tag: "div", className: buildViewClassName(context.viewSpec), renderProps: Object.assign(Object.assign({}, viewProps), { nextDayThreshold: context.options.nextDayThreshold }), generatorName: undefined, customGenerator: options.content, classNameGenerator: options.classNames, didMount: options.didMount, willUnmount: options.willUnmount }))));
     }
 
     function buildViewSpecs(defaultInputs, optionOverrides, dynamicOptionOverrides, localeDefaults) {
@@ -8019,7 +8193,7 @@ var FullCalendar = (function (exports) {
     function fetchSource(eventSource, fetchRange, isRefetch, context) {
         let { options, calendarApi } = context;
         let sourceDef = context.pluginHooks.eventSourceDefs[eventSource.sourceDefId];
-        let fetchId = guid();
+        let fetchId = guid$1();
         sourceDef.fetch({
             eventSource,
             range: fetchRange,
@@ -9067,7 +9241,7 @@ var FullCalendar = (function (exports) {
         render() {
             let children = this.props.widgetGroups.map((widgetGroup) => this.renderWidgetGroup(widgetGroup));
             return _('div', {
-                className: 'fc-toolbar-chunk fc-toolbar-' + this.props.name
+                className: 'fc-toolbar-section fc-toolbar-' + this.props.name
             }, ...children);
         }
         renderWidgetGroup(widgetGroup) {
@@ -9086,15 +9260,11 @@ var FullCalendar = (function (exports) {
                     let isDisabled = (!props.isTodayEnabled && buttonName === 'today') ||
                         (!props.isPrevEnabled && buttonName === 'prev') ||
                         (!props.isNextEnabled && buttonName === 'next');
-                    let buttonClasses = [`fc-${buttonName}-button`, theme.getClass('button')];
-                    if (isPressed) {
-                        buttonClasses.push(theme.getClass('buttonActive'));
-                    }
-                    children.push(_("button", { type: "button", title: typeof buttonHint === 'function' ? buttonHint(props.navUnit) : buttonHint, disabled: isDisabled, "aria-pressed": isPressed, className: buttonClasses.join(' '), onClick: buttonClick }, buttonText || (buttonIcon ? _("span", { className: buttonIcon, role: "img" }) : '')));
+                    children.push(_("button", { type: "button", title: typeof buttonHint === 'function' ? buttonHint(props.navUnit) : buttonHint, disabled: isDisabled, "aria-pressed": isPressed, className: joinClassNames(`fc-${buttonName}-button`, theme.getClassName('button'), isPressed && theme.getClassName('buttonActive')), onClick: buttonClick }, buttonText || (buttonIcon ? _("span", { className: buttonIcon, role: "img" }) : '')));
                 }
             }
             if (children.length > 1) {
-                let groupClassName = (isOnlyButtons && theme.getClass('buttonGroup')) || '';
+                let groupClassName = (isOnlyButtons && theme.getClassName('buttonGroup')) || '';
                 return _('div', { className: groupClassName }, ...children);
             }
             return children[0];
@@ -9103,7 +9273,7 @@ var FullCalendar = (function (exports) {
 
     class Toolbar extends BaseComponent {
         render() {
-            let { model, extraClassName } = this.props;
+            let { model, className } = this.props;
             let forceLtr = false;
             let startContent;
             let endContent;
@@ -9123,12 +9293,7 @@ var FullCalendar = (function (exports) {
             else {
                 endContent = sectionWidgets.end;
             }
-            let classNames = [
-                extraClassName || '',
-                'fc-toolbar',
-                forceLtr ? 'fc-toolbar-ltr' : '',
-            ];
-            return (_("div", { className: classNames.join(' ') },
+            return (_("div", { className: joinClassNames(className, 'fc-toolbar', forceLtr && 'fc-toolbar-ltr') },
                 this.renderSection('start', startContent || []),
                 this.renderSection('center', centerContent || []),
                 this.renderSection('end', endContent || [])));
@@ -9148,22 +9313,15 @@ var FullCalendar = (function (exports) {
             this.handleSegClick = (ev, segEl) => {
                 let { component } = this;
                 let { context } = component;
-                let seg = getElSeg(segEl);
-                if (seg && // might be the <div> surrounding the more link
+                let eventRange = getElEventRange(segEl);
+                if (eventRange && // might be the <div> surrounding the more link
                     component.isValidSegDownEl(ev.target)) {
-                    // our way to simulate a link click for elements that can't be <a> tags
-                    // grab before trigger fired in case trigger trashes DOM thru rerendering
-                    let hasUrlContainer = elementClosest(ev.target, '.fc-event-forced-url');
-                    let url = hasUrlContainer ? hasUrlContainer.querySelector('a[href]').href : '';
                     context.emitter.trigger('eventClick', {
                         el: segEl,
-                        event: new EventImpl(component.context, seg.eventRange.def, seg.eventRange.instance),
+                        event: new EventImpl(component.context, eventRange.def, eventRange.instance),
                         jsEvent: ev,
                         view: context.viewApi,
                     });
-                    if (url && !ev.defaultPrevented) {
-                        window.location.href = url;
-                    }
                 }
             };
             this.destroy = listenBySelector(settings.el, 'click', '.fc-event', // on both fg and bg events
@@ -9185,7 +9343,7 @@ var FullCalendar = (function (exports) {
                 }
             };
             this.handleSegEnter = (ev, segEl) => {
-                if (getElSeg(segEl)) { // TODO: better way to make sure not hovering over more+ link or its wrapper
+                if (getElEventRange(segEl)) { // TODO: better way to make sure not hovering over more+ link or its wrapper
                     this.currentSegEl = segEl;
                     this.triggerEvent('eventMouseEnter', ev, segEl);
                 }
@@ -9205,11 +9363,11 @@ var FullCalendar = (function (exports) {
         triggerEvent(publicEvName, ev, segEl) {
             let { component } = this;
             let { context } = component;
-            let seg = getElSeg(segEl);
+            let eventRange = getElEventRange(segEl);
             if (!ev || component.isValidSegDownEl(ev.target)) {
                 context.emitter.trigger(publicEvName, {
                     el: segEl,
-                    event: new EventImpl(context, seg.eventRange.def, seg.eventRange.instance),
+                    event: new EventImpl(context, eventRange.def, eventRange.instance),
                     jsEvent: ev,
                     view: context.viewApi,
                 });
@@ -9220,16 +9378,12 @@ var FullCalendar = (function (exports) {
     class ViewHarness extends b {
         render() {
             const { props } = this;
-            return (_("div", { className: [
-                    'fc-view-harness',
-                    props.height != null
-                        ? 'fc-view-harness-fixedheight'
-                        : props.heightLiquid
-                            ? 'fc-view-harness-liquid'
-                            : props.aspectRatio != null
-                                ? 'fc-view-harness-aspectratio'
-                                : ''
-                ].join(' '), style: {
+            return (_("div", { className: joinClassNames('fc-view-outer', props.height != null
+                    ? 'fc-view-outer-static'
+                    : props.heightLiquid
+                        ? 'fc-view-outer-liquid'
+                        : props.aspectRatio != null
+                            && 'fc-view-outer-aspect-ratio'), style: {
                     height: props.height,
                     paddingBottom: props.aspectRatio != null
                         ? `${(1 / props.aspectRatio) * 100}%`
@@ -9253,7 +9407,10 @@ var FullCalendar = (function (exports) {
                     EventClicking,
                     EventHovering,
                 ];
-                let interactionClasses = DEFAULT_INTERACTIONS.concat(this.props.pluginHooks.componentInteractions);
+                let interactionClasses = DEFAULT_INTERACTIONS;
+                if (!settingsInput.disableHits) {
+                    interactionClasses = interactionClasses.concat(this.props.pluginHooks.componentInteractions);
+                }
                 let interactions = interactionClasses.map((TheInteractionClass) => new TheInteractionClass(settings));
                 this.interactionsStore[component.uid] = interactions;
                 interactionSettingsStore[component.uid] = settings;
@@ -9292,11 +9449,11 @@ var FullCalendar = (function (exports) {
             }
             let viewContext = this.buildViewContext(props.viewSpec, props.viewApi, props.options, props.dateProfileGenerator, props.dateEnv, props.theme, props.pluginHooks, props.dispatch, props.getCurrentData, props.emitter, props.calendarApi, this.registerInteractiveComponent, this.unregisterInteractiveComponent);
             return (_(ViewContextType.Provider, { value: viewContext },
-                toolbarConfig.header && (_(Toolbar, Object.assign({ extraClassName: "fc-header-toolbar", model: toolbarConfig.header }, toolbarProps))),
+                toolbarConfig.header && (_(Toolbar, Object.assign({ className: "fc-header-toolbar", model: toolbarConfig.header }, toolbarProps))),
                 _(ViewHarness, { height: viewHeight, heightLiquid: viewHeightLiquid, aspectRatio: viewAspectRatio },
                     this.renderView(props),
                     this.buildAppendContent()),
-                toolbarConfig.footer && (_(Toolbar, Object.assign({ extraClassName: "fc-footer-toolbar", model: toolbarConfig.footer }, toolbarProps)))));
+                toolbarConfig.footer && (_(Toolbar, Object.assign({ className: "fc-footer-toolbar", model: toolbarConfig.footer }, toolbarProps)))));
         }
         componentDidMount() {
             let { props } = this;
@@ -9517,7 +9674,7 @@ var FullCalendar = (function (exports) {
         return sliceEventStore(props.eventStore, props.eventUiBases, props.dateProfile.activeRange, allDay ? props.nextDayThreshold : null).fg;
     }
 
-    const version = '7.0.0-beta.0';
+    const version = '7.0.0-beta.3';
 
     exports.Calendar = Calendar;
     exports.Internal = internal;