@fullcalendar/core 6.1.15 → 7.0.0-beta.1

package/index.global.js

@@ -1,5 +1,5 @@
 /*!
-FullCalendar Core v6.1.15
+FullCalendar Core v7.0.0-beta.1
 Docs & License: https://fullcalendar.io
 (c) 2024 Adam Shaw
 */
@@ -86,7 +86,7 @@ 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-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc{display:flex;flex-direction:column;font-size:1em}.fc,.fc *,.fc :after,.fc :before{box-sizing:border-box}.fc table{border-collapse:collapse;border-spacing:0;font-size:1em}.fc th{text-align:center}.fc td,.fc th{padding:0;vertical-align:top}.fc a[data-navlink]{cursor:pointer}.fc a[data-navlink]:hover{text-decoration:underline}.fc-direction-ltr{direction:ltr;text-align:left}.fc-direction-rtl{direction:rtl;text-align:right}.fc-theme-standard td,.fc-theme-standard th{border:1px solid var(--fc-border-color)}.fc-liquid-hack td,.fc-liquid-hack th{position:relative}@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 .fc-button{border-radius:0;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}.fc .fc-button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.fc .fc-button{-webkit-appearance:button}.fc .fc-button:not(:disabled){cursor:pointer}.fc .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 .fc-button:hover{text-decoration:none}.fc .fc-button:focus{box-shadow:0 0 0 .2rem rgba(44,62,80,.25);outline:0}.fc .fc-button:disabled{opacity:.65}.fc .fc-button-primary{background-color:var(--fc-button-bg-color);border-color:var(--fc-button-border-color);color:var(--fc-button-text-color)}.fc .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 .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 .fc-button-primary:focus{box-shadow:0 0 0 .2rem rgba(76,91,106,.5)}.fc .fc-button-primary:not(:disabled).fc-button-active,.fc .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 .fc-button-primary:not(:disabled).fc-button-active:focus,.fc .fc-button-primary:not(:disabled):active:focus{box-shadow:0 0 0 .2rem rgba(76,91,106,.5)}.fc .fc-button .fc-icon{font-size:1.5em;vertical-align:middle}.fc .fc-button-group{display:inline-flex;position:relative;vertical-align:middle}.fc .fc-button-group>.fc-button{flex:1 1 auto;position:relative}.fc .fc-button-group>.fc-button.fc-button-active,.fc .fc-button-group>.fc-button:active,.fc .fc-button-group>.fc-button:focus,.fc .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 .fc-toolbar{align-items:center;display:flex;justify-content:space-between}.fc .fc-toolbar.fc-header-toolbar{margin-bottom:1.5em}.fc .fc-toolbar.fc-footer-toolbar{margin-top:1.5em}.fc .fc-toolbar-title{font-size:1.75em;margin:0}.fc-direction-ltr .fc-toolbar>*>:not(:first-child){margin-left:.75em}.fc-direction-rtl .fc-toolbar>*>:not(:first-child){margin-right:.75em}.fc-direction-rtl .fc-toolbar-ltr{flex-direction:row-reverse}.fc .fc-scroller{-webkit-overflow-scrolling:touch;position:relative}.fc .fc-scroller-liquid{height:100%}.fc .fc-scroller-liquid-absolute{bottom:0;left:0;position:absolute;right:0;top:0}.fc .fc-scroller-harness{direction:ltr;overflow:hidden;position:relative}.fc .fc-scroller-harness-liquid{height:100%}.fc-direction-rtl .fc-scroller-harness>.fc-scroller{direction:rtl}.fc-theme-standard .fc-scrollgrid{border:1px solid var(--fc-border-color)}.fc .fc-scrollgrid,.fc .fc-scrollgrid table{table-layout:fixed;width:100%}.fc .fc-scrollgrid table{border-left-style:hidden;border-right-style:hidden;border-top-style:hidden}.fc .fc-scrollgrid{border-bottom-width:0;border-collapse:separate;border-right-width:0}.fc .fc-scrollgrid-liquid{height:100%}.fc .fc-scrollgrid-section,.fc .fc-scrollgrid-section table,.fc .fc-scrollgrid-section>td{height:1px}.fc .fc-scrollgrid-section-liquid>td{height:100%}.fc .fc-scrollgrid-section>*{border-left-width:0;border-top-width:0}.fc .fc-scrollgrid-section-footer>*,.fc .fc-scrollgrid-section-header>*{border-bottom-width:0}.fc .fc-scrollgrid-section-body table,.fc .fc-scrollgrid-section-footer table{border-bottom-style:hidden}.fc .fc-scrollgrid-section-sticky>*{background:var(--fc-page-bg-color);position:sticky;z-index:3}.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky>*{top:0}.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky>*{bottom:0}.fc .fc-scrollgrid-sticky-shim{height:1px;margin-bottom:-1px}.fc-sticky{position:sticky}.fc .fc-view-harness{flex-grow:1;position:relative}.fc .fc-view-harness-active>.fc-view{bottom:0;left:0;position:absolute;right:0;top:0}.fc .fc-col-header-cell-cushion{display:inline-block;padding:2px 4px}.fc .fc-bg-event,.fc .fc-highlight,.fc .fc-non-business{bottom:0;left:0;position:absolute;right:0;top:0}.fc .fc-non-business{background:var(--fc-non-business-color)}.fc .fc-bg-event{background:var(--fc-bg-event-color);opacity:var(--fc-bg-event-opacity)}.fc .fc-bg-event .fc-event-title{font-size:var(--fc-small-font-size);font-style:italic;margin:.5em}.fc .fc-highlight{background:var(--fc-highlight-color)}.fc .fc-cell-shaded,.fc .fc-day-disabled{background:var(--fc-neutral-bg-color)}a.fc-event,a.fc-event:hover{text-decoration:none}.fc-event.fc-event-draggable,.fc-event[href]{cursor:pointer}.fc-event .fc-event-main{position:relative;z-index:2}.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 .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-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-h-event{background-color:var(--fc-event-bg-color);border:1px solid var(--fc-event-border-color);display:block}.fc-h-event .fc-event-main{color:var(--fc-event-text-color)}.fc-h-event .fc-event-main-frame{display:flex}.fc-h-event .fc-event-time{max-width:100%;overflow:hidden}.fc-h-event .fc-event-title-container{flex-grow:1;flex-shrink:1;min-width:0}.fc-h-event .fc-event-title{display:inline-block;left:0;max-width:100%;overflow:hidden;right:0;vertical-align:top}.fc-h-event.fc-event-selected:before{bottom:-10px;top:-10px}.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end){border-bottom-left-radius:0;border-left-width:0;border-top-left-radius:0}.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start){border-bottom-right-radius:0;border-right-width:0;border-top-right-radius:0}.fc-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 .fc-popover{box-shadow:0 2px 6px rgba(0,0,0,.15);position:absolute;z-index:9999}.fc .fc-popover-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:3px 4px}.fc .fc-popover-title{margin:0 2px}.fc .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)}";
+    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}";
     injectStyles(css_248z);
 
     function removeElement(el) {
@@ -375,20 +375,6 @@ var FullCalendar = (function (exports) {
     function isInt(n) {
         return n % 1 === 0;
     }
-    /* FC-specific DOM dimension stuff
-    ----------------------------------------------------------------------------------------------------------------------*/
-    function computeSmallestCellWidth(cellEl) {
-        let allWidthEl = cellEl.querySelector('.fc-scrollgrid-shrink-frame');
-        let contentWidthEl = cellEl.querySelector('.fc-scrollgrid-shrink-cushion');
-        if (!allWidthEl) {
-            throw new Error('needs fc-scrollgrid-shrink-frame className'); // TODO: use const
-        }
-        if (!contentWidthEl) {
-            throw new Error('needs fc-scrollgrid-shrink-cushion className');
-        }
-        return cellEl.getBoundingClientRect().width - allWidthEl.getBoundingClientRect().width + // the cell padding+border
-            contentWidthEl.getBoundingClientRect().width;
-    }
 
     const INTERNAL_UNITS = ['years', 'months', 'days', 'milliseconds'];
     const PARSE_RE = /^(-?)(?:(\d+)\.)?(\d+):(\d\d)(?::(\d\d)(?:\.(\d\d\d))?)?/;
@@ -1463,8 +1449,6 @@ var FullCalendar = (function (exports) {
         dropAccept: identity,
         eventOrder: parseFieldSpecs,
         eventOrderStrict: Boolean,
-        handleWindowResize: Boolean,
-        windowResizeDelay: Number,
         longPressDelay: Number,
         eventDragMinDistance: Number,
         expandRows: Boolean,
@@ -1614,8 +1598,6 @@ var FullCalendar = (function (exports) {
         dropAccept: '*',
         eventOrder: 'start,-duration,allDay,title',
         dayPopoverFormat: { month: 'long', day: 'numeric', year: 'numeric' },
-        handleWindowResize: true,
-        windowResizeDelay: 100,
         longPressDelay: 1000,
         eventDragMinDistance: 5,
         expandRows: false,
@@ -1634,7 +1616,6 @@ var FullCalendar = (function (exports) {
         eventAdd: identity,
         eventChange: identity,
         eventRemove: identity,
-        windowResize: identity,
         eventClick: identity,
         eventMouseEnter: identity,
         eventMouseLeave: identity,
@@ -1647,8 +1628,7 @@ var FullCalendar = (function (exports) {
         _afterprint: identity,
         _noEventDrop: identity,
         _noEventResize: identity,
-        _resize: identity,
-        _scrollRequest: identity,
+        _timeScrollRequest: identity,
     };
     // calendar-specific options
     // -------------------------
@@ -1897,6 +1877,9 @@ var FullCalendar = (function (exports) {
         }
         return [];
     }
+    function fracToCssDim(frac) {
+        return frac * 100 + '%';
+    }
 
     // TODO: better called "EventSettings" or "EventConfig"
     // TODO: move this file into structs
@@ -2232,33 +2215,6 @@ var FullCalendar = (function (exports) {
         };
     }
 
-    let canVGrowWithinCell;
-    function getCanVGrowWithinCell() {
-        if (canVGrowWithinCell == null) {
-            canVGrowWithinCell = computeCanVGrowWithinCell();
-        }
-        return canVGrowWithinCell;
-    }
-    function computeCanVGrowWithinCell() {
-        // for SSR, because this function is call immediately at top-level
-        // TODO: just make this logic execute top-level, immediately, instead of doing lazily
-        if (typeof document === 'undefined') {
-            return true;
-        }
-        let el = document.createElement('div');
-        el.style.position = 'absolute';
-        el.style.top = '0px';
-        el.style.left = '0px';
-        el.innerHTML = '<table><tr><td><div></div></td></tr></table>';
-        el.querySelector('table').style.height = '100px';
-        el.querySelector('div').style.height = '100%';
-        document.body.appendChild(el);
-        let div = el.querySelector('div');
-        let possible = div.offsetHeight > 0;
-        document.body.removeChild(el);
-        return possible;
-    }
-
     const EMPTY_EVENT_STORE = createEmptyEventStore(); // for purecomponents. TODO: keep elsewhere
     class Splitter {
         constructor() {
@@ -2289,9 +2245,9 @@ var FullCalendar = (function (exports) {
                     dateSelection: dateSelections[key] || null,
                     eventStore,
                     eventUiBases: buildEventUi(props.eventUiBases[''], keyInfo.ui, individualUi[key]),
-                    eventSelection: eventStore.instances[props.eventSelection] ? props.eventSelection : '',
                     eventDrag: eventDrags[key] || null,
                     eventResize: eventResizes[key] || null,
+                    eventSelection: eventStore.instances[props.eventSelection] ? props.eventSelection : '',
                 };
             }
             return splitProps;
@@ -2505,7 +2461,6 @@ var FullCalendar = (function (exports) {
         else {
             if (meta.isToday) {
                 classNames.push('fc-day-today');
-                classNames.push(theme.getClass('today'));
             }
             if (meta.isPast) {
                 classNames.push('fc-day-past');
@@ -2530,7 +2485,6 @@ var FullCalendar = (function (exports) {
         else {
             if (meta.isToday) {
                 classNames.push('fc-slot-today');
-                classNames.push(theme.getClass('today'));
             }
             if (meta.isPast) {
                 classNames.push('fc-slot-past');
@@ -2542,6 +2496,101 @@ var FullCalendar = (function (exports) {
         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 });
+        }
+    }
+    // TODO: kill
+    function isDimMapsEqual(oldMap, newMap) {
+        for (const key in newMap) {
+            if (!isDimsEqual(oldMap[key], newMap[key])) {
+                return false;
+            }
+        }
+        return true;
+    }
+    // TODO: kill
+    function isDimsEqual(v0, v1) {
+        return v0 != null && (v0 === v1 || Math.abs(v0 - v1) < 0.01);
+    }
+
+    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);
+                }
+                else {
+                    // ...but old versions of Firefox treat it as a single item
+                    callback(entry.contentBoxSize.inlineSize, entry.contentBoxSize.blockSize);
+                }
+            }
+            else {
+                callback(entry.contentRect.width, entry.contentRect.height);
+            }
+        }
+        for (const flushedCallback of flushedCallbackSet.values()) {
+            flushedCallback();
+            flushedCallbackSet.delete(flushedCallback);
+        }
+        isHandling = false;
+    });
+    /*
+    PRECONDITIONS:
+    - element can only have one listener attached ever
+    - element cannot have border or padding
+
+    TODO:
+    - always force border/padding on these elements to `0 !important` ???
+    */
+    function watchSize(el, callback) {
+        callbackMap.set(el, callback);
+        resizeObserver.observe(el);
+        return () => {
+            callbackMap.delete(el);
+            resizeObserver.unobserve(el);
+        };
+    }
+    function watchWidth(el, callback) {
+        let currentWidth;
+        return watchSize(el, (width) => {
+            if (currentWidth == null || currentWidth !== width) {
+                callback(currentWidth = width);
+            }
+        });
+    }
+    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?
+        }
+    }
+
     const DAY_FORMAT = createFormatter({ year: 'numeric', month: 'long', day: 'numeric' });
     const WEEK_FORMAT = createFormatter({ week: 'long' });
     function buildNavLinkAttrs(context, dateMarker, viewType = 'day', isTabbable = true) {
@@ -3024,16 +3073,19 @@ var FullCalendar = (function (exports) {
     Theme.prototype.baseIconClass = '';
     Theme.prototype.iconOverridePrefix = '';
 
-    var n,l$1,u$1,i$1,t,r$1,o,f$1,e$1,c$1={},s=[],a$1=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function h(n,l){for(var u in l)n[u]=l[u];return n}function v$1(n){var l=n.parentNode;l&&l.removeChild(n);}function y(l,u,i){var t,r,o,f={};for(o in u)"key"==o?t=u[o]:"ref"==o?r=u[o]:f[o]=u[o];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),"function"==typeof l&&null!=l.defaultProps)for(o in l.defaultProps)void 0===f[o]&&(f[o]=l.defaultProps[o]);return p(l,f,t,r,null)}function p(n,i,t,r,o){var f={type:n,props:i,key:t,ref:r,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==o?++u$1:o};return null==o&&null!=l$1.vnode&&l$1.vnode(f),f}function d(){return {current:null}}function _(n){return n.children}function k$1(n,l,u,i,t){var r;for(r in u)"children"===r||"key"===r||r in l||g$2(n,r,null,u[r],i);for(r in l)t&&"function"!=typeof l[r]||"children"===r||"key"===r||"value"===r||"checked"===r||u[r]===l[r]||g$2(n,r,l[r],u[r],i);}function b$1(n,l,u){"-"===l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||a$1.test(l)?u:u+"px";}function g$2(n,l,u,i,t){var r;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof i&&(n.style.cssText=i=""),i)for(l in i)u&&l in u||b$1(n.style,l,"");if(u)for(l in u)i&&u[l]===i[l]||b$1(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])r=l!==(l=l.replace(/Capture$/,"")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+r]=u,u?i||n.addEventListener(l,r?w$2:m$1,r):n.removeEventListener(l,r?w$2:m$1,r);else if("dangerouslySetInnerHTML"!==l){if(t)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&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||!1===u&&-1==l.indexOf("-")?n.removeAttribute(l):n.setAttribute(l,u));}}function m$1(n){t=!0;try{return this.l[n.type+!1](l$1.event?l$1.event(n):n)}finally{t=!1;}}function w$2(n){t=!0;try{return this.l[n.type+!0](l$1.event?l$1.event(n):n)}finally{t=!1;}}function x$1(n,l){this.props=n,this.context=l;}function A(n,l){if(null==l)return n.__?A(n.__,n.__.__k.indexOf(n)+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?A(n):null}function P$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 P$1(n)}}function C$1(n){t?setTimeout(n):f$1(n);}function T$1(n){(!n.__d&&(n.__d=!0)&&r$1.push(n)&&!$$1.__r++||o!==l$1.debounceRendering)&&((o=l$1.debounceRendering)||C$1)($$1);}function $$1(){var n,l,u,i,t,o,f,e;for(r$1.sort(function(n,l){return n.__v.__b-l.__v.__b});n=r$1.shift();)n.__d&&(l=r$1.length,i=void 0,t=void 0,f=(o=(u=n).__v).__e,(e=u.__P)&&(i=[],(t=h({},o)).__v=o.__v+1,M(e,o,t,u.__n,void 0!==e.ownerSVGElement,null!=o.__h?[f]:null,i,null==f?A(o):f,o.__h),N(i,o),o.__e!=f&&P$1(o)),r$1.length>l&&r$1.sort(function(n,l){return n.__v.__b-l.__v.__b}));$$1.__r=0;}function H$1(n,l,u,i,t,r,o,f,e,a){var h,v,y,d,k,b,g,m=i&&i.__k||s,w=m.length;for(u.__k=[],h=0;h<l.length;h++)if(null!=(d=u.__k[h]=null==(d=l[h])||"boolean"==typeof d?null:"string"==typeof d||"number"==typeof d||"bigint"==typeof d?p(null,d,null,null,d):Array.isArray(d)?p(_,{children:d},null,null,null):d.__b>0?p(d.type,d.props,d.key,d.ref?d.ref:null,d.__v):d)){if(d.__=u,d.__b=u.__b+1,null===(y=m[h])||y&&d.key==y.key&&d.type===y.type)m[h]=void 0;else for(v=0;v<w;v++){if((y=m[v])&&d.key==y.key&&d.type===y.type){m[v]=void 0;break}y=null;}M(n,d,y=y||c$1,t,r,o,f,e,a),k=d.__e,(v=d.ref)&&y.ref!=v&&(g||(g=[]),y.ref&&g.push(y.ref,null,d),g.push(v,d.__c||k,d)),null!=k?(null==b&&(b=k),"function"==typeof d.type&&d.__k===y.__k?d.__d=e=I$1(d,e,n):e=z$1(n,d,y,m,k,e),"function"==typeof u.type&&(u.__d=e)):e&&y.__e==e&&e.parentNode!=n&&(e=A(y));}for(u.__e=b,h=w;h--;)null!=m[h]&&("function"==typeof u.type&&null!=m[h].__e&&m[h].__e==u.__d&&(u.__d=L$1(i).nextSibling),q(m[h],m[h]));if(g)for(h=0;h<g.length;h++)S(g[h],g[++h],g[++h]);}function I$1(n,l,u){for(var i,t=n.__k,r=0;t&&r<t.length;r++)(i=t[r])&&(i.__=n,l="function"==typeof i.type?I$1(i,l,u):z$1(u,i,i,t,i.__e,l));return l}function j$2(n,l){return l=l||[],null==n||"boolean"==typeof n||(Array.isArray(n)?n.some(function(n){j$2(n,l);}):l.push(n)),l}function z$1(n,l,u,i,t,r){var o,f,e;if(void 0!==l.__d)o=l.__d,l.__d=void 0;else if(null==u||t!=r||null==t.parentNode)n:if(null==r||r.parentNode!==n)n.appendChild(t),o=null;else {for(f=r,e=0;(f=f.nextSibling)&&e<i.length;e+=1)if(f==t)break n;n.insertBefore(t,r),o=r;}return void 0!==o?o:t.nextSibling}function L$1(n){var l,u,i;if(null==n.type||"string"==typeof n.type)return n.__e;if(n.__k)for(l=n.__k.length-1;l>=0;l--)if((u=n.__k[l])&&(i=L$1(u)))return i;return null}function M(n,u,i,t,r,o,f,e,c){var s,a,v,y,p,d,k,b,g,m,w,A,P,C,T,$=u.type;if(void 0!==u.constructor)return null;null!=i.__h&&(c=i.__h,e=u.__e=i.__e,u.__h=null,o=[e]),(s=l$1.__b)&&s(u);try{n:if("function"==typeof $){if(b=u.props,g=(s=$.contextType)&&t[s.__c],m=s?g?g.props.value:s.__:t,i.__c?k=(a=u.__c=i.__c).__=a.__E:("prototype"in $&&$.prototype.render?u.__c=a=new $(b,m):(u.__c=a=new x$1(b,m),a.constructor=$,a.render=B$1),g&&g.sub(a),a.props=b,a.state||(a.state={}),a.context=m,a.__n=t,v=a.__d=!0,a.__h=[],a._sb=[]),null==a.__s&&(a.__s=a.state),null!=$.getDerivedStateFromProps&&(a.__s==a.state&&(a.__s=h({},a.__s)),h(a.__s,$.getDerivedStateFromProps(b,a.__s))),y=a.props,p=a.state,a.__v=u,v)null==$.getDerivedStateFromProps&&null!=a.componentWillMount&&a.componentWillMount(),null!=a.componentDidMount&&a.__h.push(a.componentDidMount);else {if(null==$.getDerivedStateFromProps&&b!==y&&null!=a.componentWillReceiveProps&&a.componentWillReceiveProps(b,m),!a.__e&&null!=a.shouldComponentUpdate&&!1===a.shouldComponentUpdate(b,a.__s,m)||u.__v===i.__v){for(u.__v!==i.__v&&(a.props=b,a.state=a.__s,a.__d=!1),u.__e=i.__e,u.__k=i.__k,u.__k.forEach(function(n){n&&(n.__=u);}),w=0;w<a._sb.length;w++)a.__h.push(a._sb[w]);a._sb=[],a.__h.length&&f.push(a);break n}null!=a.componentWillUpdate&&a.componentWillUpdate(b,a.__s,m),null!=a.componentDidUpdate&&a.__h.push(function(){a.componentDidUpdate(y,p,d);});}if(a.context=m,a.props=b,a.__P=n,A=l$1.__r,P=0,"prototype"in $&&$.prototype.render){for(a.state=a.__s,a.__d=!1,A&&A(u),s=a.render(a.props,a.state,a.context),C=0;C<a._sb.length;C++)a.__h.push(a._sb[C]);a._sb=[];}else do{a.__d=!1,A&&A(u),s=a.render(a.props,a.state,a.context),a.state=a.__s;}while(a.__d&&++P<25);a.state=a.__s,null!=a.getChildContext&&(t=h(h({},t),a.getChildContext())),v||null==a.getSnapshotBeforeUpdate||(d=a.getSnapshotBeforeUpdate(y,p)),T=null!=s&&s.type===_&&null==s.key?s.props.children:s,H$1(n,Array.isArray(T)?T:[T],u,i,t,r,o,f,e,c),a.base=u.__e,u.__h=null,a.__h.length&&f.push(a),k&&(a.__E=a.__=null),a.__e=!1;}else null==o&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=O(i.__e,u,i,t,r,o,f,c);(s=l$1.diffed)&&s(u);}catch(n){u.__v=null,(c||null!=o)&&(u.__e=e,u.__h=!!c,o[o.indexOf(e)]=null),l$1.__e(n,u,i);}}function N(n,u){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 O(l,u,i,t,r,o,f,e){var s,a,h,y=i.props,p=u.props,d=u.type,_=0;if("svg"===d&&(r=!0),null!=o)for(;_<o.length;_++)if((s=o[_])&&"setAttribute"in s==!!d&&(d?s.localName===d:3===s.nodeType)){l=s,o[_]=null;break}if(null==l){if(null===d)return document.createTextNode(p);l=r?document.createElementNS("http://www.w3.org/2000/svg",d):document.createElement(d,p.is&&p),o=null,e=!1;}if(null===d)y===p||e&&l.data===p||(l.data=p);else {if(o=o&&n.call(l.childNodes),a=(y=i.props||c$1).dangerouslySetInnerHTML,h=p.dangerouslySetInnerHTML,!e){if(null!=o)for(y={},_=0;_<l.attributes.length;_++)y[l.attributes[_].name]=l.attributes[_].value;(h||a)&&(h&&(a&&h.__html==a.__html||h.__html===l.innerHTML)||(l.innerHTML=h&&h.__html||""));}if(k$1(l,p,y,r,e),h)u.__k=[];else if(_=u.props.children,H$1(l,Array.isArray(_)?_:[_],u,i,t,r&&"foreignObject"!==d,o,f,o?o[0]:i.__k&&A(i,0),e),null!=o)for(_=o.length;_--;)null!=o[_]&&v$1(o[_]);e||("value"in p&&void 0!==(_=p.value)&&(_!==l.value||"progress"===d&&!_||"option"===d&&_!==y.value)&&g$2(l,"value",_,y.value,!1),"checked"in p&&void 0!==(_=p.checked)&&_!==l.checked&&g$2(l,"checked",_,y.checked,!1));}return l}function S(n,u,i){try{"function"==typeof n?n(u):n.current=u;}catch(n){l$1.__e(n,i);}}function q(n,u,i){var t,r;if(l$1.unmount&&l$1.unmount(n),(t=n.ref)&&(t.current&&t.current!==n.__e||S(t,null,u)),null!=(t=n.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount();}catch(n){l$1.__e(n,u);}t.base=t.__P=null,n.__c=void 0;}if(t=n.__k)for(r=0;r<t.length;r++)t[r]&&q(t[r],u,i||"function"!=typeof n.type);i||null==n.__e||v$1(n.__e),n.__=n.__e=n.__d=void 0;}function B$1(n,l,u){return this.constructor(n,u)}function D$1(u,i,t){var r,o,f;l$1.__&&l$1.__(u,i),o=(r="function"==typeof t)?null:t&&t.__k||i.__k,f=[],M(i,u=(!r&&t||i).__k=y(_,null,[u]),o||c$1,c$1,void 0!==i.ownerSVGElement,!r&&t?[t]:o?null:i.firstChild?n.call(i.childNodes):null,f,!r&&t?t:o?o.__e:i.firstChild,r),N(f,u);}function E(n,l){D$1(n,l,E);}function F$1(l,u,i){var t,r,o,f=h({},l.props);for(o in u)"key"==o?t=u[o]:"ref"==o?r=u[o]:f[o]=u[o];return arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),p(l.type,f,t||l.key,r||l.ref,null)}function G$1(n,l){var u={__c:l="__cC"+e$1++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,i;return this.getChildContext||(u=[],(i={})[l]=this,this.getChildContext=function(){return i},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.some(function(n){n.__e=!0,T$1(n);});},this.sub=function(n){u.push(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u.splice(u.indexOf(n),1),l&&l.call(n);};}),n.children}};return u.Provider.__=u.Consumer.contextType=u}n=s.slice,l$1={__e:function(n,l,u,i){for(var t,r,o;l=l.__;)if((t=l.__c)&&!t.__)try{if((r=t.constructor)&&null!=r.getDerivedStateFromError&&(t.setState(r.getDerivedStateFromError(n)),o=t.__d),null!=t.componentDidCatch&&(t.componentDidCatch(n,i||{}),o=t.__d),o)return t.__E=t}catch(l){n=l;}throw n}},u$1=0,i$1=function(n){return null!=n&&void 0===n.constructor},t=!1,x$1.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=h({},this.state),"function"==typeof n&&(n=n(h({},u),this.props)),n&&h(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),T$1(this));},x$1.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),T$1(this));},x$1.prototype.render=_,r$1=[],f$1="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,$$1.__r=0,e$1=0;
+    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=[],e=l$1.__b,a=l$1.__r,v=l$1.diffed,l=l$1.__c,m=l$1.unmount;function b(){for(var t;t=f.shift();)if(t.__P&&t.__H)try{t.__H.__h.forEach(k),t.__H.__h.forEach(w$1),t.__H.__h=[];}catch(r){t.__H.__h=[],l$1.__e(r,t.__v);}}l$1.__b=function(n){r=null,e&&e(n);},l$1.__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.__V=c,n.__N=n.i=void 0;})):(i.__h.forEach(k),i.__h.forEach(w$1),i.__h=[])),u=r;},l$1.diffed=function(t){v&&v(t);var o=t.__c;o&&o.__H&&(o.__H.__h.length&&(1!==f.push(o)&&i===l$1.requestAnimationFrame||((i=l$1.requestAnimationFrame)||j$1)(b)),o.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.__V!==c&&(n.__=n.__V),n.i=void 0,n.__V=c;})),u=r=null;},l$1.__c=function(t,r){r.some(function(t){try{t.__h.forEach(k),t.__h=t.__h.filter(function(n){return !n.__||w$1(n)});}catch(u){r.some(function(n){n.__h&&(n.__h=[]);}),r=[],l$1.__e(u,t.__v);}}),l&&l(t,r);},l$1.unmount=function(t){m&&m(t);var r,u=t.__c;u&&u.__H&&(u.__H.__.forEach(function(n){try{k(n);}catch(n){r=n;}}),u.__H=void 0,r&&l$1.__e(r,u.__v));};var g$1="function"==typeof requestAnimationFrame;function j$1(n){var t,r=function(){clearTimeout(u),g$1&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,100);g$1&&(t=requestAnimationFrame(r));}function k(n){var t=r,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r=t;}function w$1(n){var t=r;n.__c=n.__(),r=t;}
+    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 C(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 w(n){this.props=n;}(w.prototype=new x$1).isPureReactComponent=!0,w.prototype.shouldComponentUpdate=function(n,t){return C(this.props,n)||C(this.state,t)};var x=l$1.__b;l$1.__b=function(n){n.type&&n.type.__f&&n.ref&&(n.props.ref=n.ref,n.ref=null),x&&x(n);};var T=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);T(n,t,e,r);};var I=l$1.unmount;function L(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 L(n,t,e)})),n}function U(n,t,e){return n&&(n.__v=null,n.__k=n.__k&&n.__k.map(function(n){return U(n,t,e)}),n.__c&&n.__c.__P===t&&(n.__e&&e.insertBefore(n.__e,n.__d),n.__c.__e=!0,n.__c.__P=e)),n}function D(){this.__u=0,this.t=null,this.__b=null;}function F(n){var t=n.__.__c;return t&&t.__a&&t.__a(n)}function V(){this.u=null,this.o=null;}l$1.unmount=function(n){var t=n.__c;t&&t.__R&&t.__R(),t&&!0===n.__h&&(n.type=null),I&&I(n);},(D.prototype=new x$1).__c=function(n,t){var e=t.__c,r=this;null==r.t&&(r.t=[]),r.t.push(e);var u=F(r.__v),o=!1,i=function(){o||(o=!0,e.__R=null,u?u(l):l());};e.__R=i;var l=function(){if(!--r.__u){if(r.state.__a){var n=r.state.__a;r.__v.__k[0]=U(n,n.__c.__P,n.__c.__O);}var t;for(r.setState({__a:r.__b=null});t=r.t.pop();)t.forceUpdate();}},c=!0===t.__h;r.__u++||c||r.setState({__a:r.__b=r.__v.__k[0]}),n.then(i,i);},D.prototype.componentWillUnmount=function(){this.t=[];},D.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]=L(this.__b,r,o.__O=o.__P);}this.__b=null;}var i=e.__a&&y(_,null,n.fallback);return i&&(i.__h=null),[y(_,null,e.__a?null:n.children),i]};var W=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 P(n){return this.getChildContext=function(){return n.context},n.children}function $(n){var e=this,r=n.i;e.componentWillUnmount=function(){D$1(null,e.l),e.l=null,e.i=null;},e.i&&e.i!==r&&e.componentWillUnmount(),n.__v?(e.l||(e.i=r,e.l={nodeType:1,parentNode:r,childNodes:[],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);}}),D$1(y(P,{context:e.context},n.__v),e.l)):e.l&&e.componentWillUnmount();}function j(n,e){var r=y($,{__v:n,i:e});return r.containerInfo=e,r}(V.prototype=new x$1).__a=function(n){var t=this,e=F(t.__v),r=t.o.get(n);return r[0]++,function(u){var o=function(){t.props.revealOrder?(r.push(u),W(t,n,r)):u();};e?e(o):o();}},V.prototype.render=function(n){this.u=null,this.o=new Map;var t=j$2(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},V.prototype.componentDidUpdate=V.prototype.componentDidMount=function(){var n=this;this.o.forEach(function(t,e){W(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|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="undefined"!=typeof document,Z=function(n){return ("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/i:/fil|che|ra/i).test(n)};x$1.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(t){Object.defineProperty(x$1.prototype,t,{configurable:!0,get:function(){return this["UNSAFE_"+t]},set:function(n){Object.defineProperty(this,t,{configurable:!0,writable:!0,value:n});}});});var G=l$1.event;function J(){}function K(){return this.cancelBubble}function Q(){return this.defaultPrevented}l$1.event=function(n){return G&&(n=G(n)),n.persist=J,n.isPropagationStopped=K,n.isDefaultPrevented=Q,n.nativeEvent=n};var nn={configurable:!0,get:function(){return this.class}},tn=l$1.vnode;l$1.vnode=function(n){var t=n.type,e=n.props,u=e;if("string"==typeof t){var o=-1===t.indexOf("-");for(var i in u={},e){var l=e[i];H&&"children"===i&&"noscript"===t||"value"===i&&"defaultValue"in e&&null==l||("defaultValue"===i&&"value"in e&&null==e.value?i="value":"download"===i&&!0===l?l="":/ondoubleclick/i.test(i)?i="ondblclick":/^onchange(textarea|input)/i.test(i+t)&&!Z(e.type)?i="oninput":/^onfocus$/i.test(i)?i="onfocusin":/^onblur$/i.test(i)?i="onfocusout":/^on(Ani|Tra|Tou|BeforeInp|Compo)/.test(i)?i=i.toLowerCase():o&&B.test(i)?i=i.replace(/[A-Z0-9]/g,"-$&").toLowerCase():null===l&&(l=void 0),/^oninput$/i.test(i)&&(i=i.toLowerCase(),u[i]&&(i="oninputCapture")),u[i]=l);}"select"==t&&u.multiple&&Array.isArray(u.value)&&(u.value=j$2(e.children).forEach(function(n){n.props.selected=-1!=u.value.indexOf(n.props.value);})),"select"==t&&null!=u.defaultValue&&(u.value=j$2(e.children).forEach(function(n){n.props.selected=u.multiple?-1!=u.defaultValue.indexOf(n.props.value):u.defaultValue==n.props.value;})),n.props=u,e.class!=e.className&&(nn.enumerable="className"in e,null!=e.className&&(u.class=e.className),Object.defineProperty(u,"className",nn));}n.$$typeof=z,tn&&tn(n);};var en=l$1.__r;l$1.__r=function(n){en&&en(n),n.__c;};
+    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
@@ -3042,19 +3094,19 @@ var FullCalendar = (function (exports) {
             callbackQ.push(callback);
         }
         l$1.debounceRendering = execCallbackSync;
-        D$1(y(FakeComponent, {}), document.createElement('div'));
+        B$2(_(FakeComponent, {}), document.createElement('div'));
         while (callbackQ.length) {
             callbackQ.shift()();
         }
         l$1.debounceRendering = oldDebounceRendering;
     }
-    class FakeComponent extends x$1 {
-        render() { return y('div', {}); }
+    class FakeComponent extends b {
+        render() { return _('div', {}); }
         componentDidMount() { this.setState({}); }
     }
     // TODO: use preact/compat instead?
     function createContext(defaultValue) {
-        let ContextType = G$1(defaultValue);
+        let ContextType = G(defaultValue);
         let origProvider = ContextType.Provider;
         ContextType.Provider = function () {
             let isNew = !this.getChildContext;
@@ -3088,55 +3140,19 @@ var FullCalendar = (function (exports) {
         flushSync: flushSync,
         createContext: createContext,
         createPortal: j,
-        Component: x$1,
-        Fragment: _,
-        cloneElement: F$1,
-        createElement: y,
-        createRef: d,
-        h: y,
-        hydrate: E,
-        get isValidElement () { return i$1; },
+        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: D$1,
-        toChildArray: j$2
+        render: B$2,
+        toChildArray: H$1
     };
 
-    class ScrollResponder {
-        constructor(execFunc, emitter, scrollTime, scrollTimeReset) {
-            this.execFunc = execFunc;
-            this.emitter = emitter;
-            this.scrollTime = scrollTime;
-            this.scrollTimeReset = scrollTimeReset;
-            this.handleScrollRequest = (request) => {
-                this.queuedRequest = Object.assign({}, this.queuedRequest || {}, request);
-                this.drain();
-            };
-            emitter.on('_scrollRequest', this.handleScrollRequest);
-            this.fireInitialScroll();
-        }
-        detach() {
-            this.emitter.off('_scrollRequest', this.handleScrollRequest);
-        }
-        update(isDatesNew) {
-            if (isDatesNew && this.scrollTimeReset) {
-                this.fireInitialScroll(); // will drain
-            }
-            else {
-                this.drain();
-            }
-        }
-        fireInitialScroll() {
-            this.handleScrollRequest({
-                time: this.scrollTime,
-            });
-        }
-        drain() {
-            if (this.queuedRequest && this.execFunc(this.queuedRequest)) {
-                this.queuedRequest = null;
-            }
-        }
-    }
-
     const ViewContextType = createContext({}); // for Components
     function buildViewContext(viewSpec, viewApi, viewOptions, dateProfileGenerator, dateEnv, theme, pluginHooks, dispatch, getCurrentData, emitter, calendarApi, registerInteractiveComponent, unregisterInteractiveComponent) {
         return {
@@ -3152,22 +3168,13 @@ var FullCalendar = (function (exports) {
             dateProfileGenerator,
             theme,
             isRtl: viewOptions.direction === 'rtl',
-            addResizeHandler(handler) {
-                emitter.on('_resize', handler);
-            },
-            removeResizeHandler(handler) {
-                emitter.off('_resize', handler);
-            },
-            createScrollResponder(execFunc) {
-                return new ScrollResponder(execFunc, emitter, createDuration(viewOptions.scrollTime), viewOptions.scrollTimeReset);
-            },
             registerInteractiveComponent,
             unregisterInteractiveComponent,
         };
     }
 
     /* eslint max-classes-per-file: off */
-    class PureComponent extends x$1 {
+    class PureComponent extends b {
         shouldComponentUpdate(nextProps, nextState) {
             if (this.debug) {
                 // eslint-disable-next-line no-console
@@ -4185,12 +4192,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
@@ -4210,7 +4217,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
@@ -4223,29 +4230,23 @@ 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
+    function buildEventRangeTimeText(eventRange, timeFormat, context, defaultDisplayEventTime, // defaults to true
     defaultDisplayEventEnd, // defaults to true
     startOverride, endOverride) {
         let { dateEnv, options } = context;
         let { displayEventTime, displayEventEnd } = options;
-        let eventDef = seg.eventRange.def;
-        let eventInstance = seg.eventRange.instance;
+        let eventDef = eventRange.def;
+        let eventInstance = eventRange.instance;
         if (displayEventTime == null) {
             displayEventTime = defaultDisplayEventTime !== false;
         }
@@ -4254,8 +4255,8 @@ var FullCalendar = (function (exports) {
         }
         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 segStart = startOverride || eventRange.range.start;
+        let segEnd = endOverride || 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)) {
@@ -4273,8 +4274,8 @@ var FullCalendar = (function (exports) {
         }
         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),
@@ -4324,8 +4325,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 };
@@ -4818,707 +4819,865 @@ var FullCalendar = (function (exports) {
         }
     }
 
-    class SegHierarchy {
-        constructor(getEntryThickness = (entry) => {
-            // if no thickness known, assume 1 (if 0, so small it always fits)
-            return entry.thickness || 1;
-        }) {
-            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;
+    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);
+                }
+            };
         }
-        insertEntry(entry, hiddenEntries) {
-            let insertion = this.findInsertion(entry);
-            if (this.isInsertionValid(insertion, entry)) {
-                this.insertEntryAt(entry, insertion);
+        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 {
-                this.handleInvalidInsertion(insertion, entry, hiddenEntries);
+                useDefault = !hasCustomRenderingHandler(props.generatorName, options);
+            }
+            if (useDefault && defaultGenerator) {
+                innerContent = defaultGenerator(renderProps);
             }
+            this.queuedDomNodes = queuedDomNodes;
+            this.currentGeneratorMeta = currentGeneratorMeta;
+            return _(props.elTag, attrs, innerContent);
         }
-        isInsertionValid(insertion, entry) {
-            return (this.maxCoord === -1 || insertion.levelCoord + this.getEntryThickness(entry) <= this.maxCoord) &&
-                (this.maxStackCnt === -1 || insertion.stackCnt < this.maxStackCnt);
+        componentDidMount() {
+            this.applyQueueudDomNodes();
+            this.triggerCustomRendering(true);
         }
-        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);
-            }
+        componentDidUpdate() {
+            this.applyQueueudDomNodes();
+            this.triggerCustomRendering(true);
         }
-        /*
-        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,
-                    thickness: entry.thickness,
-                    span: { start: entrySpan.start, end: barrierSpan.start },
-                }, hiddenEntries);
-            }
-            if (entrySpan.end > barrierSpan.end) {
-                this.insertEntry({
-                    index: entry.index,
-                    thickness: entry.thickness,
-                    span: { start: barrierSpan.end, end: entrySpan.end },
-                }, hiddenEntries);
-            }
+        componentWillUnmount() {
+            this.triggerCustomRendering(false); // TODO: different API for removal?
         }
-        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);
+        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) }));
+                }
             }
-            this.stackCnts[buildEntryKey(entry)] = insertion.stackCnt;
         }
-        /*
-        does not care about limits
-        */
-        findInsertion(newEntry) {
-            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 + this.getEntryThickness(newEntry)) {
-                    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 }));
+        applyQueueudDomNodes() {
+            const { queuedDomNodes, currentDomNodes } = this;
+            const el = this.base;
+            if (!isArraysEqual(queuedDomNodes, currentDomNodes)) {
+                currentDomNodes.forEach(removeElement);
+                for (let newNode of queuedDomNodes) {
+                    el.appendChild(newNode);
                 }
+                this.currentDomNodes = queuedDomNodes;
             }
-            return rects;
         }
     }
-    function getEntrySpanEnd(entry) {
-        return entry.span.end;
+    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?
+    */
+    function hasCustomRenderingHandler(generatorName, options) {
+        var _a;
+        return Boolean(options.handleCustomRendering &&
+            generatorName &&
+            ((_a = options.customRenderingMetaMap) === null || _a === void 0 ? void 0 : _a[generatorName]));
     }
-    function buildEntryKey(entry) {
-        return entry.index + ':' + entry.span.start;
+    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;
     }
-    // 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],
+    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();
+                    }
+                }
             };
-            for (let merge of merges) {
-                if (intersectSpans(merge.span, hungryMerge.span)) {
-                    hungryMerge = {
-                        entries: merge.entries.concat(hungryMerge.entries),
-                        span: joinSpans(merge.span, hungryMerge.span),
-                    };
+        }
+        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);
                 }
                 else {
-                    filteredMerges.push(merge);
+                    return children;
                 }
             }
-            filteredMerges.push(hungryMerge);
-            merges = filteredMerges;
-        }
-        return merges;
-    }
-    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
-    // ---------------------------------------------------------------------------------------------------------------------
-    function insertAt(arr, index, item) {
-        arr.splice(index, 0, item);
-    }
-    function binarySearch(a, searchVal, getItemVal) {
-        let startIndex = 0;
-        let endIndex = a.length; // exclusive
-        if (!endIndex || searchVal < getItemVal(a[startIndex])) { // no items OR before first item
-            return [0, 0];
-        }
-        if (searchVal > getItemVal(a[endIndex - 1])) { // after last item
-            return [endIndex, 0];
-        }
-        while (startIndex < endIndex) {
-            let middleIndex = Math.floor(startIndex + (endIndex - startIndex) / 2);
-            let middleVal = getItemVal(a[middleIndex]);
-            if (searchVal < middleVal) {
-                endIndex = middleIndex;
+            else {
+                return _((ContentInjector), Object.assign(Object.assign({}, props), { elRef: this.handleEl, elTag: props.elTag || 'div', elClasses: (props.elClasses || []).concat(generatedClassNames), renderId: this.context }));
             }
-            else if (searchVal > middleVal) {
-                startIndex = middleIndex + 1;
+        }
+        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 { // equal!
-                return [middleIndex, 1];
+            else {
+                this.didMountMisfire = true;
             }
         }
-        return [startIndex, 0];
-    }
-
-    class Interaction {
-        constructor(settings) {
-            this.component = settings.component;
-            this.isHitComboAllowed = settings.isHitComboAllowed || null;
-        }
-        destroy() {
+        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 }));
         }
     }
-    function parseInteractionSettings(component, input) {
-        return {
-            component,
-            el: input.el,
-            useEventCenter: input.useEventCenter != null ? input.useEventCenter : true,
-            isHitComboAllowed: input.isHitComboAllowed || null,
-        };
+    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));
     }
-    function interactionSettingsToStore(settings) {
-        return {
-            [settings.component.uid]: settings,
-        };
+    // Utils
+    function generateClassNames(classNameGenerator, renderProps) {
+        const classNames = typeof classNameGenerator === 'function' ?
+            classNameGenerator(renderProps) :
+            classNameGenerator || [];
+        return typeof classNames === 'string' ? [classNames] : classNames;
     }
-    // global state
-    const interactionSettingsStore = {};
-
-    /*
-    An abstraction for a dragging interaction originating on an event.
-    Does higher-level things than PointerDragger, such as possibly:
-    - a "mirror" that moves with the pointer
-    - a minimum number of pixels or other criteria for a true drag to begin
 
-    subclasses must emit:
-    - pointerdown
-    - dragstart
-    - dragmove
-    - pointerup
-    - dragend
-    */
-    class ElementDragging {
-        constructor(el, selector) {
-            this.emitter = new Emitter();
-        }
-        destroy() {
-        }
-        setMirrorIsVisible(bool) {
-            // optional if subclass doesn't want to support a mirror
-        }
-        setMirrorNeedsRevert(bool) {
-            // optional if subclass doesn't want to support a mirror
+    const DAY_NUM_FORMAT = createFormatter({ day: 'numeric' });
+    class DayCellContainer extends BaseComponent {
+        constructor() {
+            super(...arguments);
+            this.refineRenderProps = memoizeObjArg(refineRenderProps);
         }
-        setAutoScrollEnabled(bool) {
-            // optional
+        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 })));
         }
     }
-
-    // TODO: get rid of this in favor of options system,
-    // tho it's really easy to access this globally rather than pass thru options.
-    const config = {};
-
-    /*
-    Information about what will happen when an external element is dragged-and-dropped
-    onto a calendar. Contains information for creating an event.
-    */
-    const DRAG_META_REFINERS = {
-        startTime: createDuration,
-        duration: createDuration,
-        create: Boolean,
-        sourceId: String,
-    };
-    function parseDragMeta(raw) {
-        let { refined, extra } = refineProps(raw, DRAG_META_REFINERS);
-        return {
-            startTime: refined.startTime || null,
-            duration: refined.duration || null,
-            create: refined.create != null ? refined.create : true,
-            sourceId: refined.sourceId,
-            leftoverProps: extra,
-        };
+    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);
     }
 
-    class CalendarRoot extends BaseComponent {
+    const PADDING_FROM_VIEWPORT = 10;
+    class Popover extends BaseComponent {
         constructor() {
             super(...arguments);
             this.state = {
-                forPrint: false,
+                titleId: getUniqueDomId(),
             };
-            this.handleBeforePrint = () => {
-                flushSync(() => {
-                    this.setState({ forPrint: true });
-                });
+            this.handleRootEl = (el) => {
+                this.rootEl = el;
+                if (this.props.elRef) {
+                    setRef(this.props.elRef, el);
+                }
             };
-            this.handleAfterPrint = () => {
-                flushSync(() => {
-                    this.setState({ forPrint: false });
-                });
+            // 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 { props } = this;
-            let { options } = props;
-            let { forPrint } = this.state;
-            let isHeightAuto = forPrint || options.height === 'auto' || options.contentHeight === 'auto';
-            let height = (!isHeightAuto && options.height != null) ? options.height : '';
+            let { theme, options } = this.context;
+            let { props, state } = this;
             let classNames = [
-                'fc',
-                forPrint ? 'fc-media-print' : 'fc-media-screen',
-                `fc-direction-${options.direction}`,
-                props.theme.getClass('root'),
-            ];
-            if (!getCanVGrowWithinCell()) {
-                classNames.push('fc-liquid-hack');
-            }
-            return props.children(classNames, height, isHeightAuto, forPrint);
+                '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() {
-            let { emitter } = this.props;
-            emitter.on('_beforeprint', this.handleBeforePrint);
-            emitter.on('_afterprint', this.handleAfterPrint);
+            document.addEventListener('mousedown', this.handleDocumentMouseDown);
+            document.addEventListener('keydown', this.handleDocumentKeyDown);
+            this.updateSize();
         }
         componentWillUnmount() {
-            let { emitter } = this.props;
-            emitter.off('_beforeprint', this.handleBeforePrint);
-            emitter.off('_afterprint', this.handleAfterPrint);
+            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,
+                });
+            }
         }
     }
 
-    // Computes a default column header formatting string if `colFormat` is not explicitly defined
-    function computeFallbackHeaderFormat(datesRepDistinctDays, dayCnt) {
-        // if more than one week row, or if there are a lot of columns with not much space,
-        // put just the day numbers will be in each cell
-        if (!datesRepDistinctDays || dayCnt > 10) {
-            return createFormatter({ weekday: 'short' }); // "Sat"
+    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);
+                }
+            };
         }
-        if (dayCnt > 1) {
-            return createFormatter({ weekday: 'short', month: 'numeric', day: 'numeric', omitCommas: true }); // "Sat 11/12"
+        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;
         }
-        return createFormatter({ weekday: 'long' }); // "Saturday"
-    }
-
-    const CLASS_NAME = 'fc-col-header-cell'; // do the cushion too? no
-    function renderInner$1(renderProps) {
-        return renderProps.text;
     }
 
-    class ContentInjector extends BaseComponent {
+    class MoreLinkContainer 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.state = {
+                isPopoverOpen: false,
+                popoverId: getUniqueDomId(),
             };
-            this.updateElRef = (el) => {
+            this.handleLinkEl = (linkEl) => {
+                this.linkEl = linkEl;
                 if (this.props.elRef) {
-                    setRef(this.props.elRef, el);
+                    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() {
-            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, y) :
-                    customGenerator;
-                if (customGeneratorRes === true) {
-                    useDefault = true;
+            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 {
-                    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
-                        ? i$1(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;
-                    }
+                    this.handleInvalidInsertion(insertion, entry, hiddenEntries);
                 }
             }
-            else {
-                useDefault = !hasCustomRenderingHandler(props.generatorName, options);
+        }
+        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);
             }
-            if (useDefault && defaultGenerator) {
-                innerContent = defaultGenerator(renderProps);
+            else {
+                hiddenEntries.push(entry);
             }
-            this.queuedDomNodes = queuedDomNodes;
-            this.currentGeneratorMeta = currentGeneratorMeta;
-            return y(props.elTag, attrs, innerContent);
         }
-        componentDidMount() {
-            this.applyQueueudDomNodes();
-            this.triggerCustomRendering(true);
-        }
-        componentDidUpdate() {
-            this.applyQueueudDomNodes();
-            this.triggerCustomRendering(true);
+        /*
+        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);
+            }
         }
-        componentWillUnmount() {
-            this.triggerCustomRendering(false); // TODO: different API for removal?
+        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;
         }
-        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) }));
+        /*
+        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;
                 }
             }
-        }
-        applyQueueudDomNodes() {
-            const { queuedDomNodes, currentDomNodes } = this;
-            const el = this.base;
-            if (!isArraysEqual(queuedDomNodes, currentDomNodes)) {
-                currentDomNodes.forEach(removeElement);
-                for (let newNode of queuedDomNodes) {
-                    el.appendChild(newNode);
+            // 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 }));
                 }
-                this.currentDomNodes = queuedDomNodes;
             }
+            return rects;
         }
     }
-    ContentInjector.addPropsEquality({
-        elClasses: isArraysEqual,
-        elStyle: isPropsEqual,
-        elAttrs: isNonHandlerPropsEqual,
-        renderProps: isPropsEqual,
-    });
-    // Util
+    function getEntrySpanEnd(entry) {
+        return entry.span.end;
+    }
     /*
-    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?
+    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 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);
+    function buildEntryKey(entry) {
+        return entry.index + ':' + entry.span.start;
     }
-
-    const RenderId = createContext(0);
-
-    class ContentContainer extends x$1 {
-        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();
-                    }
-                }
+    /*
+    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],
             };
-        }
-        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 y(props.elTag, elAttrs, children);
+            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 {
-                    return children;
+                    filteredMerges.push(merge);
                 }
             }
-            else {
-                return y((ContentInjector), Object.assign(Object.assign({}, props), { elRef: this.handleEl, elTag: props.elTag || 'div', elClasses: (props.elClasses || []).concat(generatedClassNames), 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 }));
+            filteredMerges.push(hungryMerge);
+            merges = filteredMerges;
         }
+        return merges.map((merge) => {
+            const segs = merge.entries.map(extractEntrySeg);
+            return {
+                key: buildIsoString(computeEarliestSegStart(segs)),
+                span: merge.span,
+                segs,
+            };
+        });
     }
-    ContentContainer.contextType = RenderId;
-    function InnerContentInjector(containerComponent, props) {
-        const parentProps = containerComponent.props;
-        return y((ContentInjector), Object.assign({ renderProps: parentProps.renderProps, generatorName: parentProps.generatorName, customGenerator: parentProps.customGenerator, defaultGenerator: parentProps.defaultGenerator, renderId: containerComponent.context }, props));
+    function extractEntrySeg(entry) {
+        return entry.seg;
     }
-    // Utils
-    function generateClassNames(classNameGenerator, renderProps) {
-        const classNames = typeof classNameGenerator === 'function' ?
-            classNameGenerator(renderProps) :
-            classNameGenerator || [];
-        return typeof classNames === 'string' ? [classNames] : classNames;
+    function joinSpans(span0, span1) {
+        return {
+            start: Math.min(span0.start, span1.start),
+            end: Math.max(span0.end, span1.end),
+        };
     }
-
-    // BAD name for this class now. used in the Header
-    class TableDateCell extends BaseComponent {
-        render() {
-            let { dateEnv, options, theme, viewApi } = this.context;
-            let { props } = this;
-            let { date, dateProfile } = props;
-            let dayMeta = getDateMeta(date, props.todayRange, null, dateProfile);
-            let classNames = [CLASS_NAME].concat(getDayClassNames(dayMeta, theme));
-            let text = dateEnv.format(date, props.dayHeaderFormat);
-            // if colCnt is 1, we are already in a day-view and don't need a navlink
-            let navLinkAttrs = (!dayMeta.isDisabled && props.colCnt > 1)
-                ? buildNavLinkAttrs(this.context, date)
-                : {};
-            let renderProps = Object.assign(Object.assign(Object.assign({ date: dateEnv.toDate(date), view: viewApi }, props.extraRenderProps), { text }), dayMeta);
-            return (y(ContentContainer, { elTag: "th", elClasses: classNames, elAttrs: Object.assign({ role: 'columnheader', colSpan: props.colSpan, 'data-date': !dayMeta.isDisabled ? formatDayString(date) : undefined }, props.extraDataAttrs), renderProps: renderProps, generatorName: "dayHeaderContent", customGenerator: options.dayHeaderContent, defaultGenerator: renderInner$1, classNameGenerator: options.dayHeaderClassNames, didMount: options.dayHeaderDidMount, willUnmount: options.dayHeaderWillUnmount }, (InnerContainer) => (y("div", { className: "fc-scrollgrid-sync-inner" }, !dayMeta.isDisabled && (y(InnerContainer, { elTag: "a", elAttrs: navLinkAttrs, elClasses: [
-                    'fc-col-header-cell-cushion',
-                    props.isSticky && 'fc-sticky',
-                ] }))))));
-        }
-    }
-
-    const WEEKDAY_FORMAT = createFormatter({ weekday: 'long' });
-    class TableDowCell extends BaseComponent {
-        render() {
-            let { props } = this;
-            let { dateEnv, theme, viewApi, options } = this.context;
-            let date = addDays(new Date(259200000), props.dow); // start with Sun, 04 Jan 1970 00:00:00 GMT
-            let dateMeta = {
-                dow: props.dow,
-                isDisabled: false,
-                isFuture: false,
-                isPast: false,
-                isToday: false,
-                isOther: false,
-            };
-            let text = dateEnv.format(date, props.dayHeaderFormat);
-            let renderProps = Object.assign(Object.assign(Object.assign(Object.assign({ // TODO: make this public?
-                date }, dateMeta), { view: viewApi }), props.extraRenderProps), { text });
-            return (y(ContentContainer, { elTag: "th", elClasses: [
-                    CLASS_NAME,
-                    ...getDayClassNames(dateMeta, theme),
-                    ...(props.extraClassNames || []),
-                ], elAttrs: Object.assign({ role: 'columnheader', colSpan: props.colSpan }, props.extraDataAttrs), renderProps: renderProps, generatorName: "dayHeaderContent", customGenerator: options.dayHeaderContent, defaultGenerator: renderInner$1, classNameGenerator: options.dayHeaderClassNames, didMount: options.dayHeaderDidMount, willUnmount: options.dayHeaderWillUnmount }, (InnerContent) => (y("div", { className: "fc-scrollgrid-sync-inner" },
-                y(InnerContent, { elTag: "a", elClasses: [
-                        'fc-col-header-cell-cushion',
-                        props.isSticky && 'fc-sticky',
-                    ], elAttrs: {
-                        'aria-label': dateEnv.format(date, WEEKDAY_FORMAT),
-                    } })))));
-        }
-    }
-
-    class NowTimer extends x$1 {
-        constructor(props, context) {
-            super(props, context);
-            this.initialNowDate = getNow(context.options.now, context.dateEnv);
-            this.initialNowQueriedMs = new Date().valueOf();
-            this.state = this.computeTiming().currentState;
+    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 };
         }
-        render() {
-            let { props, state } = this;
-            return props.children(state.nowDate, state.todayRange);
+        return null;
+    }
+    // general util
+    // ---------------------------------------------------------------------------------------------------------------------
+    function insertAt(arr, index, item) {
+        arr.splice(index, 0, item);
+    }
+    function binarySearch(a, searchVal, getItemVal) {
+        let startIndex = 0;
+        let endIndex = a.length; // exclusive
+        if (!endIndex || searchVal < getItemVal(a[startIndex])) { // no items OR before first item
+            return [0, 0];
         }
-        componentDidMount() {
-            this.setTimeout();
+        if (searchVal > getItemVal(a[endIndex - 1])) { // after last item
+            return [endIndex, 0];
         }
-        componentDidUpdate(prevProps) {
-            if (prevProps.unit !== this.props.unit) {
-                this.clearTimeout();
-                this.setTimeout();
+        while (startIndex < endIndex) {
+            let middleIndex = Math.floor(startIndex + (endIndex - startIndex) / 2);
+            let middleVal = getItemVal(a[middleIndex]);
+            if (searchVal < middleVal) {
+                endIndex = middleIndex;
+            }
+            else if (searchVal > middleVal) {
+                startIndex = middleIndex + 1;
+            }
+            else { // equal!
+                return [middleIndex, 1];
             }
         }
-        componentWillUnmount() {
-            this.clearTimeout();
+        return [startIndex, 0];
+    }
+
+    class Interaction {
+        constructor(settings) {
+            this.component = settings.component;
+            this.isHitComboAllowed = settings.isHitComboAllowed || null;
         }
-        computeTiming() {
-            let { props, context } = this;
-            let unroundedNow = addMs(this.initialNowDate, new Date().valueOf() - this.initialNowQueriedMs);
-            let currentUnitStart = context.dateEnv.startOf(unroundedNow, props.unit);
-            let nextUnitStart = context.dateEnv.add(currentUnitStart, createDuration(1, props.unit));
-            let waitMs = nextUnitStart.valueOf() - unroundedNow.valueOf();
-            // there is a max setTimeout ms value (https://stackoverflow.com/a/3468650/96342)
-            // ensure no longer than a day
-            waitMs = Math.min(1000 * 60 * 60 * 24, waitMs);
-            return {
-                currentState: { nowDate: currentUnitStart, todayRange: buildDayRange(currentUnitStart) },
-                nextState: { nowDate: nextUnitStart, todayRange: buildDayRange(nextUnitStart) },
-                waitMs,
-            };
+        destroy() {
         }
-        setTimeout() {
-            let { nextState, waitMs } = this.computeTiming();
-            this.timeoutId = setTimeout(() => {
-                this.setState(nextState, () => {
-                    this.setTimeout();
-                });
-            }, waitMs);
+    }
+    function parseInteractionSettings(component, input) {
+        return {
+            component,
+            el: input.el,
+            useEventCenter: input.useEventCenter != null ? input.useEventCenter : true,
+            isHitComboAllowed: input.isHitComboAllowed || null,
+        };
+    }
+    function interactionSettingsToStore(settings) {
+        return {
+            [settings.component.uid]: settings,
+        };
+    }
+    // global state
+    const interactionSettingsStore = {};
+
+    /*
+    An abstraction for a dragging interaction originating on an event.
+    Does higher-level things than PointerDragger, such as possibly:
+    - a "mirror" that moves with the pointer
+    - a minimum number of pixels or other criteria for a true drag to begin
+
+    subclasses must emit:
+    - pointerdown
+    - dragstart
+    - dragmove
+    - pointerup
+    - dragend
+    */
+    class ElementDragging {
+        constructor(el, selector) {
+            this.emitter = new Emitter();
         }
-        clearTimeout() {
-            if (this.timeoutId) {
-                clearTimeout(this.timeoutId);
-            }
+        destroy() {
         }
-    }
-    NowTimer.contextType = ViewContextType;
-    function buildDayRange(date) {
-        let start = startOfDay(date);
-        let end = addDays(start, 1);
-        return { start, end };
+        setMirrorIsVisible(bool) {
+            // optional if subclass doesn't want to support a mirror
+        }
+        setMirrorNeedsRevert(bool) {
+            // optional if subclass doesn't want to support a mirror
+        }
+        setAutoScrollEnabled(bool) {
+            // optional
+        }
+    }
+
+    // TODO: get rid of this in favor of options system,
+    // tho it's really easy to access this globally rather than pass thru options.
+    const config = {};
+
+    /*
+    Information about what will happen when an external element is dragged-and-dropped
+    onto a calendar. Contains information for creating an event.
+    */
+    const DRAG_META_REFINERS = {
+        startTime: createDuration,
+        duration: createDuration,
+        create: Boolean,
+        sourceId: String,
+    };
+    function parseDragMeta(raw) {
+        let { refined, extra } = refineProps(raw, DRAG_META_REFINERS);
+        return {
+            startTime: refined.startTime || null,
+            duration: refined.duration || null,
+            create: refined.create != null ? refined.create : true,
+            sourceId: refined.sourceId,
+            leftoverProps: extra,
+        };
     }
 
-    class DayHeader extends BaseComponent {
+    class CalendarRoot extends BaseComponent {
         constructor() {
             super(...arguments);
-            this.createDayHeaderFormatter = memoize(createDayHeaderFormatter);
+            this.state = {
+                forPrint: false,
+            };
+            this.handleBeforePrint = () => {
+                flushSync(() => {
+                    this.setState({ forPrint: true });
+                });
+            };
+            this.handleAfterPrint = () => {
+                flushSync(() => {
+                    this.setState({ forPrint: false });
+                });
+            };
         }
         render() {
-            let { context } = this;
-            let { dates, dateProfile, datesRepDistinctDays, renderIntro } = this.props;
-            let dayHeaderFormat = this.createDayHeaderFormatter(context.options.dayHeaderFormat, datesRepDistinctDays, dates.length);
-            return (y(NowTimer, { unit: "day" }, (nowDate, todayRange) => (y("tr", { role: "row" },
-                renderIntro && renderIntro('day'),
-                dates.map((date) => (datesRepDistinctDays ? (y(TableDateCell, { key: date.toISOString(), date: date, dateProfile: dateProfile, todayRange: todayRange, colCnt: dates.length, dayHeaderFormat: dayHeaderFormat })) : (y(TableDowCell, { key: date.getUTCDay(), dow: date.getUTCDay(), dayHeaderFormat: dayHeaderFormat }))))))));
+            let { props, state } = this;
+            let { options } = props;
+            let { forPrint } = state;
+            let classNames = [
+                'fc',
+                forPrint ? 'fc-media-print' : 'fc-media-screen',
+                `fc-direction-${options.direction}`,
+                props.theme.getClass('root'),
+            ];
+            return props.children(classNames, options.height, forPrint);
+        }
+        componentDidMount() {
+            let { emitter } = this.props;
+            emitter.on('_beforeprint', this.handleBeforePrint);
+            emitter.on('_afterprint', this.handleAfterPrint);
+        }
+        componentWillUnmount() {
+            let { emitter } = this.props;
+            emitter.off('_beforeprint', this.handleBeforePrint);
+            emitter.off('_afterprint', this.handleAfterPrint);
         }
-    }
-    function createDayHeaderFormatter(explicitFormat, datesRepDistinctDays, dateCnt) {
-        return explicitFormat || computeFallbackHeaderFormat(datesRepDistinctDays, dateCnt);
     }
 
     class DaySeriesModel {
@@ -5572,86 +5731,413 @@ var FullCalendar = (function (exports) {
             if (dayOffset < 0) {
                 return indices[0] - 1;
             }
-            if (dayOffset >= indices.length) {
-                return indices[indices.length - 1] + 1;
+            if (dayOffset >= indices.length) {
+                return indices[indices.length - 1] + 1;
+            }
+            return indices[dayOffset];
+        }
+    }
+
+    class DayTableModel {
+        constructor(daySeries, breakOnWeeks) {
+            let { dates } = daySeries;
+            let daysPerRow;
+            let firstDay;
+            let rowCnt;
+            if (breakOnWeeks) {
+                // count columns until the day-of-week repeats
+                firstDay = dates[0].getUTCDay();
+                for (daysPerRow = 1; daysPerRow < dates.length; daysPerRow += 1) {
+                    if (dates[daysPerRow].getUTCDay() === firstDay) {
+                        break;
+                    }
+                }
+                rowCnt = Math.ceil(dates.length / daysPerRow);
+            }
+            else {
+                rowCnt = 1;
+                daysPerRow = dates.length;
+            }
+            this.rowCnt = rowCnt;
+            this.colCnt = daysPerRow;
+            this.daySeries = daySeries;
+            this.cellRows = this.buildCells();
+            this.headerDates = this.buildHeaderDates();
+        }
+        buildCells() {
+            let rows = [];
+            for (let row = 0; row < this.rowCnt; row += 1) {
+                let cells = [];
+                for (let col = 0; col < this.colCnt; col += 1) {
+                    cells.push(this.buildCell(row, col));
+                }
+                rows.push(cells);
+            }
+            return rows;
+        }
+        buildCell(row, col) {
+            let date = this.daySeries.dates[row * this.colCnt + col];
+            return {
+                key: date.toISOString(),
+                date,
+            };
+        }
+        buildHeaderDates() {
+            let dates = [];
+            for (let col = 0; col < this.colCnt; col += 1) {
+                dates.push(this.cellRows[0][col].date);
+            }
+            return dates;
+        }
+        sliceRange(range) {
+            let { colCnt } = this;
+            let seriesSeg = this.daySeries.sliceRange(range);
+            let segs = [];
+            if (seriesSeg) {
+                let { firstIndex, lastIndex } = seriesSeg;
+                let index = firstIndex;
+                while (index <= lastIndex) {
+                    let row = Math.floor(index / colCnt);
+                    let nextIndex = Math.min((row + 1) * colCnt, lastIndex + 1);
+                    segs.push({
+                        row,
+                        firstCol: index % colCnt,
+                        lastCol: (nextIndex - 1) % colCnt,
+                        isStart: seriesSeg.isStart && index === firstIndex,
+                        isEnd: seriesSeg.isEnd && (nextIndex - 1) === lastIndex,
+                    });
+                    index = nextIndex;
+                }
+            }
+            return segs;
+        }
+    }
+
+    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();
+            }
+        }
+        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
+                }
+                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
+                }
+            };
+            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);
+            // 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));
+        }
+        componentDidMount() {
+            const el = this.elRef.current; // TODO: make dynamic with useEffect
+            this.listener = new ScrollListener(el);
+            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;
+                }
+                else {
+                    rightScrollbarWidth = horizontalScrollbarWidth;
+                }
+                if (!isDimsEqual(this.currentWidth, contentWidth)) {
+                    setRef(props.widthRef, this.currentWidth = contentWidth);
+                }
+                if (!isDimsEqual(this.currentHeight, contentHeight)) {
+                    setRef(props.heightRef, this.currentHeight = contentHeight);
+                }
+                if (!isDimsEqual(this.currentBottomScrollbarWidth, bottomScrollbarWidth)) {
+                    setRef(props.bottomScrollbarWidthRef, this.currentBottomScrollbarWidth = bottomScrollbarWidth);
+                }
+                if (!isDimsEqual(this.currentRightScrollbarWidth, rightScrollbarWidth)) {
+                    setRef(props.rightScrollbarWidthRef, this.currentRightScrollbarWidth = rightScrollbarWidth);
+                }
+                if (!isDimsEqual(this.currentLeftScrollbarWidth, leftScrollbarWidth)) {
+                    setRef(props.leftScrollbarWidthRef, this.currentLeftScrollbarWidth = leftScrollbarWidth);
+                }
+            });
+        }
+        componentWillUnmount() {
+            const { props } = this;
+            this.disconnectSize();
+            this.listener.destroy();
+            setRef(props.widthRef, null);
+            setRef(props.heightRef, null);
+            setRef(props.bottomScrollbarWidthRef, null);
+            setRef(props.rightScrollbarWidthRef, null);
+            setRef(props.leftScrollbarWidthRef, null);
+        }
+        endScroll() {
+            this.listener.endScroll();
+        }
+        // Public API
+        // -----------------------------------------------------------------------------------------------
+        get x() {
+            const { isRtl } = this.context;
+            const el = this.elRef.current;
+            return getNormalizedScrollX(el, isRtl);
+        }
+        get y() {
+            const el = this.elRef.current;
+            return el.scrollTop;
+        }
+        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);
             }
-            return indices[dayOffset];
+        }
+        addScrollEndListener(handler) {
+            this.listener.emitter.on('scrollEnd', handler);
+        }
+        removeScrollEndListener(handler) {
+            this.listener.emitter.off('scrollEnd', handler);
         }
     }
-
-    class DayTableModel {
-        constructor(daySeries, breakOnWeeks) {
-            let { dates } = daySeries;
-            let daysPerRow;
-            let firstDay;
-            let rowCnt;
-            if (breakOnWeeks) {
-                // count columns until the day-of-week repeats
-                firstDay = dates[0].getUTCDay();
-                for (daysPerRow = 1; daysPerRow < dates.length; daysPerRow += 1) {
-                    if (dates[daysPerRow].getUTCDay() === firstDay) {
-                        break;
-                    }
-                }
-                rowCnt = Math.ceil(dates.length / daysPerRow);
-            }
-            else {
-                rowCnt = 1;
-                daysPerRow = dates.length;
-            }
-            this.rowCnt = rowCnt;
-            this.colCnt = daysPerRow;
-            this.daySeries = daySeries;
-            this.cells = this.buildCells();
-            this.headerDates = this.buildHeaderDates();
+    // Public API
+    // -------------------------------------------------------------------------------------------------
+    // TODO: consolidate with scroll-left-norm.ts
+    function getNormalizedScrollX(el, isRtl) {
+        const { scrollLeft } = el;
+        return isRtl ? getNormalizedRtlScrollX(scrollLeft, el) : scrollLeft;
+    }
+    function setNormalizedScrollX(el, isRtl, x) {
+        el.scrollLeft = isRtl ? getNormalizedRtlScrollLeft(x, el) : x;
+    }
+    /*
+    Returns a value in the 'reverse' system
+    */
+    function getNormalizedRtlScrollX(scrollLeft, el) {
+        switch (getRtlScrollerConfig().system) {
+            case 'positive':
+                return el.scrollWidth - el.clientWidth - scrollLeft;
+            case 'negative':
+                return -scrollLeft;
         }
-        buildCells() {
-            let rows = [];
-            for (let row = 0; row < this.rowCnt; row += 1) {
-                let cells = [];
-                for (let col = 0; col < this.colCnt; col += 1) {
-                    cells.push(this.buildCell(row, col));
-                }
-                rows.push(cells);
-            }
-            return rows;
+        return scrollLeft;
+    }
+    /*
+    Receives a value in the 'reverse' system
+    TODO: is this really the same equations as getNormalizedRtlScrollX??? I think so
+      If so, consolidate. With isRtl check too
+    */
+    function getNormalizedRtlScrollLeft(x, el) {
+        switch (getRtlScrollerConfig().system) {
+            case 'positive':
+                return el.scrollWidth - el.clientWidth - x;
+            case 'negative':
+                return -x;
         }
-        buildCell(row, col) {
-            let date = this.daySeries.dates[row * this.colCnt + col];
-            return {
-                key: date.toISOString(),
-                date,
-            };
+        return x;
+    }
+    let _rtlScrollerConfig;
+    function getRtlScrollerConfig() {
+        return _rtlScrollerConfig || (_rtlScrollerConfig = detectRtlScrollerConfig());
+    }
+    function detectRtlScrollerConfig() {
+        let el = document.createElement('div');
+        el.style.position = 'absolute';
+        el.style.top = '-1000px';
+        el.style.width = '100px'; // must be at least the side of scrollbars or you get inaccurate values (#7335)
+        el.style.height = '100px'; // "
+        el.style.overflow = 'scroll';
+        el.style.direction = 'rtl';
+        let innerEl = document.createElement('div');
+        innerEl.style.width = '200px';
+        innerEl.style.height = '200px';
+        el.appendChild(innerEl);
+        document.body.appendChild(el);
+        let system;
+        if (el.scrollLeft > 0) {
+            system = 'positive'; // scroll is a positive number from the left edge
         }
-        buildHeaderDates() {
-            let dates = [];
-            for (let col = 0; col < this.colCnt; col += 1) {
-                dates.push(this.cells[0][col].date);
+        else {
+            el.scrollLeft = 50;
+            if (el.scrollLeft > 0) {
+                system = 'reverse'; // scroll is a positive number from the right edge
             }
-            return dates;
-        }
-        sliceRange(range) {
-            let { colCnt } = this;
-            let seriesSeg = this.daySeries.sliceRange(range);
-            let segs = [];
-            if (seriesSeg) {
-                let { firstIndex, lastIndex } = seriesSeg;
-                let index = firstIndex;
-                while (index <= lastIndex) {
-                    let row = Math.floor(index / colCnt);
-                    let nextIndex = Math.min((row + 1) * colCnt, lastIndex + 1);
-                    segs.push({
-                        row,
-                        firstCol: index % colCnt,
-                        lastCol: (nextIndex - 1) % colCnt,
-                        isStart: seriesSeg.isStart && index === firstIndex,
-                        isEnd: seriesSeg.isEnd && (nextIndex - 1) === lastIndex,
-                    });
-                    index = nextIndex;
-                }
+            else {
+                system = 'negative'; // scroll is a negative number from the right edge
             }
-            return segs;
         }
+        let rightScrollbars = innerEl.getBoundingClientRect().right < el.getBoundingClientRect().right;
+        removeElement(el);
+        return { system, leftScrollbars: !rightScrollbars };
     }
 
     class Slicer {
@@ -6111,906 +6597,249 @@ var FullCalendar = (function (exports) {
             };
         }
         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();
-            }
-        }
-        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
-                }
-                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 VISIBLE_HIDDEN_RE = /^(visible|hidden)$/;
-    class Scroller extends BaseComponent {
-        constructor() {
-            super(...arguments);
-            this.handleEl = (el) => {
-                this.el = el;
-                setRef(this.props.elRef, el);
-            };
-        }
-        render() {
-            let { props } = this;
-            let { liquid, liquidIsAbsolute } = props;
-            let isAbsolute = liquid && liquidIsAbsolute;
-            let className = ['fc-scroller'];
-            if (liquid) {
-                if (liquidIsAbsolute) {
-                    className.push('fc-scroller-liquid-absolute');
-                }
-                else {
-                    className.push('fc-scroller-liquid');
-                }
-            }
-            return (y("div", { ref: this.handleEl, className: className.join(' '), style: {
-                    overflowX: props.overflowX,
-                    overflowY: props.overflowY,
-                    left: (isAbsolute && -(props.overcomeLeft || 0)) || '',
-                    right: (isAbsolute && -(props.overcomeRight || 0)) || '',
-                    bottom: (isAbsolute && -(props.overcomeBottom || 0)) || '',
-                    marginLeft: (!isAbsolute && -(props.overcomeLeft || 0)) || '',
-                    marginRight: (!isAbsolute && -(props.overcomeRight || 0)) || '',
-                    marginBottom: (!isAbsolute && -(props.overcomeBottom || 0)) || '',
-                    maxHeight: props.maxHeight || '',
-                } }, props.children));
-        }
-        needsXScrolling() {
-            if (VISIBLE_HIDDEN_RE.test(this.props.overflowX)) {
-                return false;
-            }
-            // testing scrollWidth>clientWidth is unreliable cross-browser when pixel heights aren't integers.
-            // much more reliable to see if children are taller than the scroller, even tho doesn't account for
-            // inner-child margins and absolute positioning
-            let { el } = this;
-            let realClientWidth = this.el.getBoundingClientRect().width - this.getYScrollbarWidth();
-            let { children } = el;
-            for (let i = 0; i < children.length; i += 1) {
-                let childEl = children[i];
-                if (childEl.getBoundingClientRect().width > realClientWidth) {
-                    return true;
-                }
-            }
-            return false;
-        }
-        needsYScrolling() {
-            if (VISIBLE_HIDDEN_RE.test(this.props.overflowY)) {
-                return false;
-            }
-            // testing scrollHeight>clientHeight is unreliable cross-browser when pixel heights aren't integers.
-            // much more reliable to see if children are taller than the scroller, even tho doesn't account for
-            // inner-child margins and absolute positioning
-            let { el } = this;
-            let realClientHeight = this.el.getBoundingClientRect().height - this.getXScrollbarWidth();
-            let { children } = el;
-            for (let i = 0; i < children.length; i += 1) {
-                let childEl = children[i];
-                if (childEl.getBoundingClientRect().height > realClientHeight) {
-                    return true;
-                }
-            }
-            return false;
-        }
-        getXScrollbarWidth() {
-            if (VISIBLE_HIDDEN_RE.test(this.props.overflowX)) {
-                return 0;
-            }
-            return this.el.offsetHeight - this.el.clientHeight; // only works because we guarantee no borders. TODO: add to CSS with important?
-        }
-        getYScrollbarWidth() {
-            if (VISIBLE_HIDDEN_RE.test(this.props.overflowY)) {
-                return 0;
-            }
-            return this.el.offsetWidth - this.el.clientWidth; // only works because we guarantee no borders. TODO: add to CSS with important?
-        }
-    }
-
-    /*
-    TODO: somehow infer OtherArgs from masterCallback?
-    TODO: infer RefType from masterCallback if provided
-    */
-    class RefMap {
-        constructor(masterCallback) {
-            this.masterCallback = masterCallback;
-            this.currentMap = {};
-            this.depths = {};
-            this.callbackMap = {};
-            this.handleValue = (val, key) => {
-                let { depths, currentMap } = this;
-                let removed = false;
-                let added = false;
-                if (val !== null) {
-                    // for bug... ACTUALLY: can probably do away with this now that callers don't share numeric indices anymore
-                    removed = (key in currentMap);
-                    currentMap[key] = val;
-                    depths[key] = (depths[key] || 0) + 1;
-                    added = true;
-                }
-                else {
-                    depths[key] -= 1;
-                    if (!depths[key]) {
-                        delete currentMap[key];
-                        delete this.callbackMap[key];
-                        removed = true;
-                    }
-                }
-                if (this.masterCallback) {
-                    if (removed) {
-                        this.masterCallback(null, String(key));
-                    }
-                    if (added) {
-                        this.masterCallback(val, String(key));
-                    }
-                }
-            };
-        }
-        createRef(key) {
-            let refCallback = this.callbackMap[key];
-            if (!refCallback) {
-                refCallback = this.callbackMap[key] = (val) => {
-                    this.handleValue(val, String(key));
-                };
-            }
-            return refCallback;
-        }
-        // TODO: check callers that don't care about order. should use getAll instead
-        // NOTE: this method has become less valuable now that we are encouraged to map order by some other index
-        // TODO: provide ONE array-export function, buildArray, which fails on non-numeric indexes. caller can manipulate and "collect"
-        collect(startIndex, endIndex, step) {
-            return collectFromHash(this.currentMap, startIndex, endIndex, step);
-        }
-        getAll() {
-            return hashValuesToArray(this.currentMap);
-        }
-    }
-
-    function computeShrinkWidth(chunkEls) {
-        let shrinkCells = findElements(chunkEls, '.fc-scrollgrid-shrink');
-        let largestWidth = 0;
-        for (let shrinkCell of shrinkCells) {
-            largestWidth = Math.max(largestWidth, computeSmallestCellWidth(shrinkCell));
-        }
-        return Math.ceil(largestWidth); // <table> elements work best with integers. round up to ensure contents fits
-    }
-    function getSectionHasLiquidHeight(props, sectionConfig) {
-        return props.liquid && sectionConfig.liquid; // does the section do liquid-height? (need to have whole scrollgrid liquid-height as well)
-    }
-    function getAllowYScrolling(props, sectionConfig) {
-        return sectionConfig.maxHeight != null || // if its possible for the height to max out, we might need scrollbars
-            getSectionHasLiquidHeight(props, sectionConfig); // if the section is liquid height, it might condense enough to require scrollbars
-    }
-    // TODO: ONLY use `arg`. force out internal function to use same API
-    function renderChunkContent(sectionConfig, chunkConfig, arg, isHeader) {
-        let { expandRows } = arg;
-        let content = typeof chunkConfig.content === 'function' ?
-            chunkConfig.content(arg) :
-            y('table', {
-                role: 'presentation',
-                className: [
-                    chunkConfig.tableClassName,
-                    sectionConfig.syncRowHeights ? 'fc-scrollgrid-sync-table' : '',
-                ].join(' '),
-                style: {
-                    minWidth: arg.tableMinWidth,
-                    width: arg.clientWidth,
-                    height: expandRows ? arg.clientHeight : '', // css `height` on a <table> serves as a min-height
-                },
-            }, arg.tableColGroupNode, y(isHeader ? 'thead' : 'tbody', {
-                role: 'presentation',
-            }, typeof chunkConfig.rowContent === 'function'
-                ? chunkConfig.rowContent(arg)
-                : chunkConfig.rowContent));
-        return content;
-    }
-    function isColPropsEqual(cols0, cols1) {
-        return isArraysEqual(cols0, cols1, isPropsEqual);
-    }
-    function renderMicroColGroup(cols, shrinkWidth) {
-        let colNodes = [];
-        /*
-        for ColProps with spans, it would have been great to make a single <col span="">
-        HOWEVER, Chrome was getting messing up distributing the width to <td>/<th> elements with colspans.
-        SOLUTION: making individual <col> elements makes Chrome behave.
-        */
-        for (let colProps of cols) {
-            let span = colProps.span || 1;
-            for (let i = 0; i < span; i += 1) {
-                colNodes.push(y("col", { style: {
-                        width: colProps.width === 'shrink' ? sanitizeShrinkWidth(shrinkWidth) : (colProps.width || ''),
-                        minWidth: colProps.minWidth || '',
-                    } }));
-            }
-        }
-        return y('colgroup', {}, ...colNodes);
-    }
-    function sanitizeShrinkWidth(shrinkWidth) {
-        /* why 4? if we do 0, it will kill any border, which are needed for computeSmallestCellWidth
-        4 accounts for 2 2-pixel borders. TODO: better solution? */
-        return shrinkWidth == null ? 4 : shrinkWidth;
-    }
-    function hasShrinkWidth(cols) {
-        for (let col of cols) {
-            if (col.width === 'shrink') {
-                return true;
-            }
-        }
-        return false;
-    }
-    function getScrollGridClassNames(liquid, context) {
-        let classNames = [
-            'fc-scrollgrid',
-            context.theme.getClass('table'),
-        ];
-        if (liquid) {
-            classNames.push('fc-scrollgrid-liquid');
-        }
-        return classNames;
-    }
-    function getSectionClassNames(sectionConfig, wholeTableVGrow) {
-        let classNames = [
-            'fc-scrollgrid-section',
-            `fc-scrollgrid-section-${sectionConfig.type}`,
-            sectionConfig.className, // used?
-        ];
-        if (wholeTableVGrow && sectionConfig.liquid && sectionConfig.maxHeight == null) {
-            classNames.push('fc-scrollgrid-section-liquid');
-        }
-        if (sectionConfig.isSticky) {
-            classNames.push('fc-scrollgrid-section-sticky');
-        }
-        return classNames;
+            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);
+            }
+        });
     }
-    function renderScrollShim(arg) {
-        return (y("div", { className: "fc-scrollgrid-sticky-shim", style: {
-                width: arg.clientWidth,
-                minWidth: arg.tableMinWidth,
-            } }));
+
+    function getIsHeightAuto(options) {
+        return options.height === 'auto' || options.viewHeight === 'auto';
     }
     function getStickyHeaderDates(options) {
         let { stickyHeaderDates } = options;
         if (stickyHeaderDates == null || stickyHeaderDates === 'auto') {
-            stickyHeaderDates = options.height === 'auto' || options.viewHeight === 'auto';
+            stickyHeaderDates = getIsHeightAuto(options);
         }
         return stickyHeaderDates;
     }
     function getStickyFooterScrollbar(options) {
         let { stickyFooterScrollbar } = options;
         if (stickyFooterScrollbar == null || stickyFooterScrollbar === 'auto') {
-            stickyFooterScrollbar = options.height === 'auto' || options.viewHeight === 'auto';
+            stickyFooterScrollbar = getIsHeightAuto(options);
         }
         return stickyFooterScrollbar;
     }
-
-    class SimpleScrollGrid extends BaseComponent {
-        constructor() {
-            super(...arguments);
-            this.processCols = memoize((a) => a, isColPropsEqual); // so we get same `cols` props every time
-            // yucky to memoize VNodes, but much more efficient for consumers
-            this.renderMicroColGroup = memoize(renderMicroColGroup);
-            this.scrollerRefs = new RefMap();
-            this.scrollerElRefs = new RefMap(this._handleScrollerEl.bind(this));
-            this.state = {
-                shrinkWidth: null,
-                forceYScrollbars: false,
-                scrollerClientWidths: {},
-                scrollerClientHeights: {},
-            };
-            // TODO: can do a really simple print-view. dont need to join rows
-            this.handleSizing = () => {
-                this.safeSetState(Object.assign({ shrinkWidth: this.computeShrinkWidth() }, this.computeScrollerDims()));
-            };
-        }
-        render() {
-            let { props, state, context } = this;
-            let sectionConfigs = props.sections || [];
-            let cols = this.processCols(props.cols);
-            let microColGroupNode = this.renderMicroColGroup(cols, state.shrinkWidth);
-            let classNames = getScrollGridClassNames(props.liquid, context);
-            if (props.collapsibleWidth) {
-                classNames.push('fc-scrollgrid-collapsible');
-            }
-            // TODO: make DRY
-            let configCnt = sectionConfigs.length;
-            let configI = 0;
-            let currentConfig;
-            let headSectionNodes = [];
-            let bodySectionNodes = [];
-            let footSectionNodes = [];
-            while (configI < configCnt && (currentConfig = sectionConfigs[configI]).type === 'header') {
-                headSectionNodes.push(this.renderSection(currentConfig, microColGroupNode, true));
-                configI += 1;
-            }
-            while (configI < configCnt && (currentConfig = sectionConfigs[configI]).type === 'body') {
-                bodySectionNodes.push(this.renderSection(currentConfig, microColGroupNode, false));
-                configI += 1;
-            }
-            while (configI < configCnt && (currentConfig = sectionConfigs[configI]).type === 'footer') {
-                footSectionNodes.push(this.renderSection(currentConfig, microColGroupNode, true));
-                configI += 1;
-            }
-            // firefox bug: when setting height on table and there is a thead or tfoot,
-            // the necessary height:100% on the liquid-height body section forces the *whole* table to be taller. (bug #5524)
-            // use getCanVGrowWithinCell as a way to detect table-stupid firefox.
-            // if so, use a simpler dom structure, jam everything into a lone tbody.
-            let isBuggy = !getCanVGrowWithinCell();
-            const roleAttrs = { role: 'rowgroup' };
-            return y('table', {
-                role: 'grid',
-                className: classNames.join(' '),
-                style: { height: props.height },
-            }, Boolean(!isBuggy && headSectionNodes.length) && y('thead', roleAttrs, ...headSectionNodes), Boolean(!isBuggy && bodySectionNodes.length) && y('tbody', roleAttrs, ...bodySectionNodes), Boolean(!isBuggy && footSectionNodes.length) && y('tfoot', roleAttrs, ...footSectionNodes), isBuggy && y('tbody', roleAttrs, ...headSectionNodes, ...bodySectionNodes, ...footSectionNodes));
-        }
-        renderSection(sectionConfig, microColGroupNode, isHeader) {
-            if ('outerContent' in sectionConfig) {
-                return (y(_, { key: sectionConfig.key }, sectionConfig.outerContent));
-            }
-            return (y("tr", { key: sectionConfig.key, role: "presentation", className: getSectionClassNames(sectionConfig, this.props.liquid).join(' ') }, this.renderChunkTd(sectionConfig, microColGroupNode, sectionConfig.chunk, isHeader)));
-        }
-        renderChunkTd(sectionConfig, microColGroupNode, chunkConfig, isHeader) {
-            if ('outerContent' in chunkConfig) {
-                return chunkConfig.outerContent;
-            }
-            let { props } = this;
-            let { forceYScrollbars, scrollerClientWidths, scrollerClientHeights } = this.state;
-            let needsYScrolling = getAllowYScrolling(props, sectionConfig); // TODO: do lazily. do in section config?
-            let isLiquid = getSectionHasLiquidHeight(props, sectionConfig);
-            // for `!props.liquid` - is WHOLE scrollgrid natural height?
-            // TODO: do same thing in advanced scrollgrid? prolly not b/c always has horizontal scrollbars
-            let overflowY = !props.liquid ? 'visible' :
-                forceYScrollbars ? 'scroll' :
-                    !needsYScrolling ? 'hidden' :
-                        'auto';
-            let sectionKey = sectionConfig.key;
-            let content = renderChunkContent(sectionConfig, chunkConfig, {
-                tableColGroupNode: microColGroupNode,
-                tableMinWidth: '',
-                clientWidth: (!props.collapsibleWidth && scrollerClientWidths[sectionKey] !== undefined) ? scrollerClientWidths[sectionKey] : null,
-                clientHeight: scrollerClientHeights[sectionKey] !== undefined ? scrollerClientHeights[sectionKey] : null,
-                expandRows: sectionConfig.expandRows,
-                syncRowHeights: false,
-                rowSyncHeights: [],
-                reportRowHeightChange: () => { },
-            }, isHeader);
-            return y(isHeader ? 'th' : 'td', {
-                ref: chunkConfig.elRef,
-                role: 'presentation',
-            }, y("div", { className: `fc-scroller-harness${isLiquid ? ' fc-scroller-harness-liquid' : ''}` },
-                y(Scroller, { ref: this.scrollerRefs.createRef(sectionKey), elRef: this.scrollerElRefs.createRef(sectionKey), overflowY: overflowY, overflowX: !props.liquid ? 'visible' : 'hidden' /* natural height? */, maxHeight: sectionConfig.maxHeight, liquid: isLiquid, liquidIsAbsolute // because its within a harness
-                    : true }, content)));
-        }
-        _handleScrollerEl(scrollerEl, key) {
-            let section = getSectionByKey(this.props.sections, key);
-            if (section) {
-                setRef(section.chunk.scrollerElRef, scrollerEl);
-            }
-        }
-        componentDidMount() {
-            this.handleSizing();
-            this.context.addResizeHandler(this.handleSizing);
-        }
-        componentDidUpdate() {
-            // TODO: need better solution when state contains non-sizing things
-            this.handleSizing();
-        }
-        componentWillUnmount() {
-            this.context.removeResizeHandler(this.handleSizing);
-        }
-        computeShrinkWidth() {
-            return hasShrinkWidth(this.props.cols)
-                ? computeShrinkWidth(this.scrollerElRefs.getAll())
-                : 0;
-        }
-        computeScrollerDims() {
-            let scrollbarWidth = getScrollbarWidths();
-            let { scrollerRefs, scrollerElRefs } = this;
-            let forceYScrollbars = false;
-            let scrollerClientWidths = {};
-            let scrollerClientHeights = {};
-            for (let sectionKey in scrollerRefs.currentMap) {
-                let scroller = scrollerRefs.currentMap[sectionKey];
-                if (scroller && scroller.needsYScrolling()) {
-                    forceYScrollbars = true;
-                    break;
-                }
-            }
-            for (let section of this.props.sections) {
-                let sectionKey = section.key;
-                let scrollerEl = scrollerElRefs.currentMap[sectionKey];
-                if (scrollerEl) {
-                    let harnessEl = scrollerEl.parentNode; // TODO: weird way to get this. need harness b/c doesn't include table borders
-                    scrollerClientWidths[sectionKey] = Math.floor(harnessEl.getBoundingClientRect().width - (forceYScrollbars
-                        ? scrollbarWidth.y // use global because scroller might not have scrollbars yet but will need them in future
-                        : 0));
-                    scrollerClientHeights[sectionKey] = Math.floor(harnessEl.getBoundingClientRect().height);
-                }
-            }
-            return { forceYScrollbars, scrollerClientWidths, scrollerClientHeights };
-        }
-    }
-    SimpleScrollGrid.addStateEquality({
-        scrollerClientWidths: isPropsEqual,
-        scrollerClientHeights: isPropsEqual,
-    });
-    function getSectionByKey(sections, key) {
-        for (let section of sections) {
-            if (section.key === key) {
-                return section;
-            }
+    function getScrollerSyncerClass(pluginHooks) {
+        const ScrollerSyncer = pluginHooks.scrollerSyncerClass;
+        if (!ScrollerSyncer) {
+            throw new RangeError('Must import @fullcalendar/scrollgrid');
         }
-        return null;
+        return ScrollerSyncer;
     }
 
-    class EventContainer extends BaseComponent {
-        constructor() {
-            super(...arguments);
-            this.handleEl = (el) => {
-                this.el = el;
-                if (el) {
-                    setElSeg(el, this.props.seg);
+    /*
+    TODO: make API where createRefMap() called
+    */
+    class RefMap {
+        constructor(masterCallback) {
+            this.masterCallback = masterCallback;
+            this.rev = '';
+            this.current = new Map();
+            this.callbacks = new Map;
+            this.handleValue = (val, key) => {
+                let { current, callbacks } = this;
+                if (val === null) {
+                    current.delete(key);
+                    callbacks.delete(key);
+                }
+                else {
+                    current.set(key, val);
+                }
+                this.rev = guid();
+                if (this.masterCallback) {
+                    this.masterCallback(val, key);
                 }
             };
         }
-        render() {
-            const { props, context } = this;
-            const { options } = context;
-            const { seg } = props;
-            const { eventRange } = seg;
-            const { ui } = eventRange;
-            const renderProps = {
-                event: new EventImpl(context, eventRange.def, eventRange.instance),
-                view: context.viewApi,
-                timeText: props.timeText,
-                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),
-                isMirror: Boolean(props.isDragging || props.isResizing || props.isDateSelecting),
-                isStart: Boolean(seg.isStart),
-                isEnd: Boolean(seg.isEnd),
-                isPast: Boolean(props.isPast),
-                isFuture: Boolean(props.isFuture),
-                isToday: Boolean(props.isToday),
-                isSelected: Boolean(props.isSelected),
-                isDragging: Boolean(props.isDragging),
-                isResizing: Boolean(props.isResizing),
-            };
-            return (y(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 })));
-        }
-        componentDidUpdate(prevProps) {
-            if (this.el && this.props.seg !== prevProps.seg) {
-                setElSeg(this.el, this.props.seg);
+        createRef(key) {
+            let refCallback = this.callbacks.get(key);
+            if (!refCallback) {
+                refCallback = (val) => {
+                    this.handleValue(val, key);
+                };
+                this.callbacks.set(key, refCallback);
             }
+            return refCallback;
         }
     }
 
-    // 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 (y(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) => (y(_, null,
-                y(InnerContent, { elTag: "div", elClasses: ['fc-event-main'], elStyle: { color: eventContentArg.textColor } }),
-                Boolean(eventContentArg.isStartResizable) && (y("div", { className: "fc-event-resizer fc-event-resizer-start" })),
-                Boolean(eventContentArg.isEndResizable) && (y("div", { className: "fc-event-resizer fc-event-resizer-end" }))))));
-        }
-    }
-    function renderInnerContent$1(innerProps) {
-        return (y("div", { className: "fc-event-main-frame" },
-            innerProps.timeText && (y("div", { className: "fc-event-time" }, innerProps.timeText)),
-            y("div", { className: "fc-event-title-container" },
-                y("div", { className: "fc-event-title fc-sticky" }, innerProps.event.title || y(_, null, "\u00A0")))));
-    }
-
-    const NowIndicatorContainer = (props) => (y(ViewContextType.Consumer, null, (context) => {
-        let { options } = context;
-        let renderProps = {
-            isAxis: props.isAxis,
-            date: context.dateEnv.toDate(props.date),
-            view: context.viewApi,
-        };
-        return (y(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 })));
-    }));
-
-    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 (y(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);
-    }
-
-    class BgEvent extends BaseComponent {
-        render() {
-            let { props } = this;
-            let { seg } = props;
-            return (y(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 }));
-        }
-    }
-    function renderInnerContent(props) {
-        let { title } = props.event;
-        return title && (y("div", { className: "fc-event-title" }, props.event.title));
-    }
-    function renderFill(fillType) {
-        return (y("div", { className: `fc-${fillType}` }));
-    }
-
-    const WeekNumberContainer = (props) => (y(ViewContextType.Consumer, null, (context) => {
-        let { dateEnv, options } = context;
-        let { date } = props;
-        let format = options.weekNumberFormat || props.defaultFormat;
-        let num = dateEnv.computeWeekNumber(date); // TODO: somehow use for formatting as well?
-        let text = dateEnv.format(date, format);
-        let renderProps = { num, text, date };
-        return (y(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 })));
-    }));
-    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();
-                }
-            };
+    class NowTimer extends b {
+        constructor(props, context) {
+            super(props, context);
+            this.initialNowDate = getNow(context.options.now, context.dateEnv);
+            this.initialNowQueriedMs = new Date().valueOf();
+            this.state = this.computeTiming().currentState;
         }
         render() {
-            let { theme, options } = this.context;
             let { props, state } = this;
-            let classNames = [
-                'fc-popover',
-                theme.getClass('popover'),
-            ].concat(props.extraClassNames || []);
-            return j(y("div", Object.assign({}, props.extraAttrs, { id: props.id, className: classNames.join(' '), "aria-labelledby": state.titleId, ref: this.handleRootEl }),
-                y("div", { className: 'fc-popover-header ' + theme.getClass('popoverHeader') },
-                    y("span", { className: "fc-popover-title", id: state.titleId }, props.title),
-                    y("span", { className: 'fc-popover-close ' + theme.getIconClass('close'), title: options.closeHint, onClick: this.handleCloseClick })),
-                y("div", { className: 'fc-popover-body ' + theme.getClass('popoverContent') }, props.children)), props.parentEl);
+            return props.children(state.nowDate, state.todayRange);
         }
         componentDidMount() {
-            document.addEventListener('mousedown', this.handleDocumentMouseDown);
-            document.addEventListener('keydown', this.handleDocumentKeyDown);
-            this.updateSize();
+            this.setTimeout();
+        }
+        componentDidUpdate(prevProps) {
+            if (prevProps.unit !== this.props.unit) {
+                this.clearTimeout();
+                this.setTimeout();
+            }
         }
         componentWillUnmount() {
-            document.removeEventListener('mousedown', this.handleDocumentMouseDown);
-            document.removeEventListener('keydown', this.handleDocumentKeyDown);
+            this.clearTimeout();
         }
-        updateSize() {
-            let { isRtl } = this.context;
-            let { alignmentEl, alignGridTop } = this.props;
-            let { rootEl } = this;
-            let alignmentRect = computeClippedClientRect(alignmentEl);
-            if (alignmentRect) {
-                let popoverDims = rootEl.getBoundingClientRect();
-                // position relative to viewport
-                let popoverTop = alignGridTop
-                    ? elementClosest(alignmentEl, '.fc-scrollgrid').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,
+        computeTiming() {
+            let { props, context } = this;
+            let unroundedNow = addMs(this.initialNowDate, new Date().valueOf() - this.initialNowQueriedMs);
+            let currentUnitStart = context.dateEnv.startOf(unroundedNow, props.unit);
+            let nextUnitStart = context.dateEnv.add(currentUnitStart, createDuration(1, props.unit));
+            let waitMs = nextUnitStart.valueOf() - unroundedNow.valueOf();
+            // there is a max setTimeout ms value (https://stackoverflow.com/a/3468650/96342)
+            // ensure no longer than a day
+            waitMs = Math.min(1000 * 60 * 60 * 24, waitMs);
+            return {
+                currentState: { nowDate: currentUnitStart, todayRange: buildDayRange(currentUnitStart) },
+                nextState: { nowDate: nextUnitStart, todayRange: buildDayRange(nextUnitStart) },
+                waitMs,
+            };
+        }
+        setTimeout() {
+            let { nextState, waitMs } = this.computeTiming();
+            this.timeoutId = setTimeout(() => {
+                this.setState(nextState, () => {
+                    this.setTimeout();
                 });
+            }, waitMs);
+        }
+        clearTimeout() {
+            if (this.timeoutId) {
+                clearTimeout(this.timeoutId);
             }
         }
     }
+    NowTimer.contextType = ViewContextType;
+    function buildDayRange(date) {
+        let start = startOfDay(date);
+        let end = addDays(start, 1);
+        return { start, end };
+    }
 
-    class MorePopover extends DateComponent {
+    class EventContainer extends BaseComponent {
         constructor() {
             super(...arguments);
-            this.handleRootEl = (rootEl) => {
-                this.rootEl = rootEl;
-                if (rootEl) {
-                    this.context.registerInteractiveComponent(this, {
-                        el: rootEl,
-                        useEventCenter: false,
-                    });
-                }
-                else {
-                    this.context.unregisterInteractiveComponent(this);
+            this.handleEl = (el) => {
+                this.el = el;
+                if (el) {
+                    setElEventRange(el, this.props.eventRange);
                 }
             };
         }
         render() {
-            let { options, dateEnv } = this.context;
-            let { props } = this;
-            let { startDate, todayRange, dateProfile } = props;
-            let title = dateEnv.format(startDate, options.dayPopoverFormat);
-            return (y(DayCellContainer, { elRef: this.handleRootEl, date: startDate, dateProfile: dateProfile, todayRange: todayRange }, (InnerContent, renderProps, elAttrs) => (y(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) && (y(InnerContent, { elTag: "div", elClasses: ['fc-more-popover-misc'] })),
-                props.children))));
+            const { props, context } = this;
+            const { options } = context;
+            const { eventRange } = props;
+            const { ui } = eventRange;
+            const renderProps = {
+                event: new EventImpl(context, eventRange.def, eventRange.instance),
+                view: context.viewApi,
+                timeText: props.timeText,
+                textColor: ui.textColor,
+                backgroundColor: ui.backgroundColor,
+                borderColor: ui.borderColor,
+                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(props.isStart),
+                isEnd: Boolean(props.isEnd),
+                isPast: Boolean(props.isPast),
+                isFuture: Boolean(props.isFuture),
+                isToday: Boolean(props.isToday),
+                isSelected: Boolean(props.isSelected),
+                isDragging: Boolean(props.isDragging),
+                isResizing: Boolean(props.isResizing),
+            };
+            return (_(ContentContainer, Object.assign({}, props /* contains children */, { elRef: this.handleEl, elClasses: [
+                    ...getEventClassNames(renderProps),
+                    ...eventRange.ui.classNames,
+                    ...(props.elClasses || []),
+                ], renderProps: renderProps, generatorName: "eventContent", customGenerator: options.eventContent, defaultGenerator: props.defaultGenerator, classNameGenerator: options.eventClassNames, didMount: options.eventDidMount, willUnmount: options.eventWillUnmount })));
         }
-        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
-                };
+        componentDidUpdate(prevProps) {
+            if (this.el && this.props.eventRange !== prevProps.eventRange) {
+                setElEventRange(this.el, this.props.eventRange);
             }
-            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.allSegs.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 });
-            };
-        }
+    // should not be a purecomponent
+    class StandardEvent extends BaseComponent {
         render() {
-            let { props, state } = this;
-            return (y(ViewContextType.Consumer, null, (context) => {
-                let { viewApi, options, calendarApi } = context;
-                let { moreLinkText } = options;
-                let { moreCnt } = props;
-                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 (y(_, null,
-                    Boolean(props.moreCnt) && (y(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 && (y(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');
-            }
+            let { props, context } = this;
+            let { options } = context;
+            let { eventRange } = props;
+            let { ui } = eventRange;
+            let timeFormat = options.eventTimeFormat || props.defaultTimeFormat;
+            let timeText = buildEventRangeTimeText(eventRange, timeFormat, context, props.defaultDisplayEventTime, props.defaultDisplayEventEnd, props.startOverride, props.endOverride);
+            return (_(EventContainer, Object.assign({}, props /* includes elRef */, { elTag: "a", elStyle: {
+                    borderColor: ui.borderColor,
+                    backgroundColor: ui.backgroundColor,
+                }, elAttrs: getEventRangeAnchorAttrs(eventRange, context), defaultGenerator: renderInnerContent$1, timeText: timeText }), (InnerContent, eventContentArg) => (_(k$1, null,
+                _(InnerContent, { elTag: "div", elClasses: ['fc-event-inner'], elStyle: { 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 renderMoreLinkInner(props) {
-        return props.text;
+    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 computeRange(props) {
-        if (props.allDayDate) {
-            return {
-                start: props.allDayDate,
-                end: addDays(props.allDayDate, 1),
-            };
-        }
-        let { hiddenSegs } = props;
-        return {
-            start: computeEarliestSegStart(hiddenSegs),
-            end: computeLatestSegEnd(hiddenSegs),
+
+    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 { eventRange } = props;
+            return (_(EventContainer, { elTag: "div", elClasses: ['fc-bg-event'], elStyle: { 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 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 renderInnerContent(props) {
+        let { title } = props.event;
+        return title && (_("div", { className: "fc-event-title" }, props.event.title));
     }
-    function computeLatestSegEnd(segs) {
-        return segs.reduce(pickLatestEnd).eventRange.range.end;
+    function renderFill(fillType) {
+        return (_("div", { className: `fc-${fillType}` }));
     }
-    function pickLatestEnd(seg0, seg1) {
-        return seg0.eventRange.range.end > seg1.eventRange.range.end ? seg0 : seg1;
+
+    const WeekNumberContainer = (props) => (_(ViewContextType.Consumer, null, (context) => {
+        let { dateEnv, options } = context;
+        let { date } = props;
+        let format = options.weekNumberFormat || props.defaultFormat;
+        let num = dateEnv.computeWeekNumber(date); // TODO: somehow use for formatting as well?
+        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 })));
+    }));
+    function renderInner(innerProps) {
+        return innerProps.text;
     }
 
     class ViewContainer extends BaseComponent {
@@ -7018,7 +6847,7 @@ var FullCalendar = (function (exports) {
             let { props, context } = this;
             let { options } = context;
             let renderProps = { view: context.viewApi };
-            return (y(ContentContainer, Object.assign({}, props, { elTag: props.elTag || 'div', elClasses: [
+            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));
@@ -7092,6 +6921,9 @@ var FullCalendar = (function (exports) {
         return null;
     }
 
+    /*
+    Calendar instance for ALL frameworks
+    */
     class CalendarImpl {
         getCurrentData() {
             return this.currentDataManager.getCurrentData();
@@ -7104,7 +6936,7 @@ var FullCalendar = (function (exports) {
             callback();
         }
         updateSize() {
-            this.trigger('_resize', true);
+            console.warn('Doesnt do anything!');
         }
         // Options
         // -----------------------------------------------------------------------------------------------------------------
@@ -7463,7 +7295,7 @@ var FullCalendar = (function (exports) {
         scrollToTime(timeInput) {
             let time = createDuration(timeInput);
             if (time) {
-                this.trigger('_scrollRequest', { time });
+                this.trigger('_timeScrollRequest', time);
             }
         }
     }
@@ -7563,7 +7395,7 @@ var FullCalendar = (function (exports) {
         getEventTargetViaRoot: getEventTargetViaRoot,
         getUniqueDomId: getUniqueDomId,
         parseClassNames: parseClassNames,
-        getCanVGrowWithinCell: getCanVGrowWithinCell,
+        fracToCssDim: fracToCssDim,
         createEmptyEventStore: createEmptyEventStore,
         mergeEventStores: mergeEventStores,
         getRelevantEvents: getRelevantEvents,
@@ -7574,6 +7406,13 @@ var FullCalendar = (function (exports) {
         getDayClassNames: getDayClassNames,
         getDateMeta: getDateMeta,
         getSlotClassNames: getSlotClassNames,
+        setStateDimMap: setStateDimMap,
+        isDimMapsEqual: isDimMapsEqual,
+        isDimsEqual: isDimsEqual,
+        watchSize: watchSize,
+        watchWidth: watchWidth,
+        watchHeight: watchHeight,
+        afterSize: afterSize,
         buildNavLinkAttrs: buildNavLinkAttrs,
         preventDefault: preventDefault,
         whenTransitionDone: whenTransitionDone,
@@ -7637,20 +7476,19 @@ var FullCalendar = (function (exports) {
         config: config,
         parseDragMeta: parseDragMeta,
         CalendarRoot: CalendarRoot,
-        DayHeader: DayHeader,
-        computeFallbackHeaderFormat: computeFallbackHeaderFormat,
-        TableDateCell: TableDateCell,
-        TableDowCell: TableDowCell,
         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,
         DayTableModel: DayTableModel,
+        Scroller: Scroller,
+        getNormalizedScrollX: getNormalizedScrollX,
+        setNormalizedScrollX: setNormalizedScrollX,
         Slicer: Slicer,
         applyMutationToEventStore: applyMutationToEventStore,
         isPropsValid: isPropsValid,
@@ -7660,26 +7498,14 @@ var FullCalendar = (function (exports) {
         BaseComponent: BaseComponent,
         setRef: setRef,
         DelayedRunner: DelayedRunner,
-        SimpleScrollGrid: SimpleScrollGrid,
-        hasShrinkWidth: hasShrinkWidth,
-        renderMicroColGroup: renderMicroColGroup,
-        getScrollGridClassNames: getScrollGridClassNames,
-        getSectionClassNames: getSectionClassNames,
-        getSectionHasLiquidHeight: getSectionHasLiquidHeight,
-        getAllowYScrolling: getAllowYScrolling,
-        renderChunkContent: renderChunkContent,
-        computeShrinkWidth: computeShrinkWidth,
-        sanitizeShrinkWidth: sanitizeShrinkWidth,
-        isColPropsEqual: isColPropsEqual,
-        renderScrollShim: renderScrollShim,
         getStickyFooterScrollbar: getStickyFooterScrollbar,
         getStickyHeaderDates: getStickyHeaderDates,
-        Scroller: Scroller,
+        getIsHeightAuto: getIsHeightAuto,
+        getScrollerSyncerClass: getScrollerSyncerClass,
         getScrollbarWidths: getScrollbarWidths,
         RefMap: RefMap,
         getIsRtlScrollbarOnLeft: getIsRtlScrollbarOnLeft,
         NowTimer: NowTimer,
-        ScrollResponder: ScrollResponder,
         StandardEvent: StandardEvent,
         NowIndicatorContainer: NowIndicatorContainer,
         DayCellContainer: DayCellContainer,
@@ -7832,7 +7658,7 @@ var FullCalendar = (function (exports) {
             initialView: input.initialView || '',
             elementDraggingImpl: input.elementDraggingImpl,
             optionChangeHandlers: input.optionChangeHandlers || {},
-            scrollGridImpl: input.scrollGridImpl || null,
+            scrollerSyncerClass: input.scrollerSyncerClass || null,
             listenerRefiners: input.listenerRefiners || {},
             optionRefiners: input.optionRefiners || {},
             propSetHandlers: input.propSetHandlers || {},
@@ -7870,7 +7696,7 @@ var FullCalendar = (function (exports) {
             initialView: '',
             elementDraggingImpl: null,
             optionChangeHandlers: {},
-            scrollGridImpl: null,
+            scrollerSyncerClass: null,
             listenerRefiners: {},
             optionRefiners: {},
             propSetHandlers: {},
@@ -7940,7 +7766,7 @@ var FullCalendar = (function (exports) {
             initialView: hooks0.initialView || hooks1.initialView,
             elementDraggingImpl: hooks0.elementDraggingImpl || hooks1.elementDraggingImpl,
             optionChangeHandlers: Object.assign(Object.assign({}, hooks0.optionChangeHandlers), hooks1.optionChangeHandlers),
-            scrollGridImpl: hooks1.scrollGridImpl || hooks0.scrollGridImpl,
+            scrollerSyncerClass: hooks0.scrollerSyncerClass || hooks1.scrollerSyncerClass,
             listenerRefiners: Object.assign(Object.assign({}, hooks0.listenerRefiners), hooks1.listenerRefiners),
             optionRefiners: Object.assign(Object.assign({}, hooks0.optionRefiners), hooks1.optionRefiners),
             propSetHandlers: Object.assign(Object.assign({}, hooks0.propSetHandlers), hooks1.propSetHandlers),
@@ -7960,7 +7786,6 @@ var FullCalendar = (function (exports) {
     }
     StandardTheme.prototype.classes = {
         root: 'fc-theme-standard',
-        tableCellShaded: 'fc-cell-shaded',
         buttonGroup: 'fc-button-group',
         button: 'fc-button fc-button-primary',
         buttonActive: 'fc-button-active',
@@ -8056,7 +7881,7 @@ var FullCalendar = (function (exports) {
         };
     }
     function createViewHookComponent(options) {
-        return (viewProps) => (y(ViewContextType.Consumer, null, (context) => (y(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, { 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 }))));
     }
 
     function buildViewSpecs(defaultInputs, optionOverrides, dynamicOptionOverrides, localeDefaults) {
@@ -9323,7 +9148,9 @@ var FullCalendar = (function (exports) {
     class ToolbarSection extends BaseComponent {
         render() {
             let children = this.props.widgetGroups.map((widgetGroup) => this.renderWidgetGroup(widgetGroup));
-            return y('div', { className: 'fc-toolbar-chunk' }, ...children);
+            return _('div', {
+                className: 'fc-toolbar-chunk fc-toolbar-' + this.props.name
+            }, ...children);
         }
         renderWidgetGroup(widgetGroup) {
             let { props } = this;
@@ -9334,7 +9161,7 @@ var FullCalendar = (function (exports) {
                 let { buttonName, buttonClick, buttonText, buttonIcon, buttonHint } = widget;
                 if (buttonName === 'title') {
                     isOnlyButtons = false;
-                    children.push(y("h2", { className: "fc-toolbar-title", id: props.titleId }, props.title));
+                    children.push(_("h2", { className: "fc-toolbar-title" }, props.title));
                 }
                 else {
                     let isPressed = buttonName === props.activeButton;
@@ -9345,12 +9172,12 @@ var FullCalendar = (function (exports) {
                     if (isPressed) {
                         buttonClasses.push(theme.getClass('buttonActive'));
                     }
-                    children.push(y("button", { type: "button", title: typeof buttonHint === 'function' ? buttonHint(props.navUnit) : buttonHint, disabled: isDisabled, "aria-pressed": isPressed, className: buttonClasses.join(' '), onClick: buttonClick }, buttonText || (buttonIcon ? y("span", { className: buttonIcon, role: "img" }) : '')));
+                    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" }) : '')));
                 }
             }
             if (children.length > 1) {
                 let groupClassName = (isOnlyButtons && theme.getClass('buttonGroup')) || '';
-                return y('div', { className: groupClassName }, ...children);
+                return _('div', { className: groupClassName }, ...children);
             }
             return children[0];
         }
@@ -9383,72 +9210,14 @@ var FullCalendar = (function (exports) {
                 'fc-toolbar',
                 forceLtr ? 'fc-toolbar-ltr' : '',
             ];
-            return (y("div", { className: classNames.join(' ') },
+            return (_("div", { className: classNames.join(' ') },
                 this.renderSection('start', startContent || []),
                 this.renderSection('center', centerContent || []),
                 this.renderSection('end', endContent || [])));
         }
         renderSection(key, widgetGroups) {
             let { props } = this;
-            return (y(ToolbarSection, { key: key, widgetGroups: widgetGroups, title: props.title, navUnit: props.navUnit, activeButton: props.activeButton, isTodayEnabled: props.isTodayEnabled, isPrevEnabled: props.isPrevEnabled, isNextEnabled: props.isNextEnabled, titleId: props.titleId }));
-        }
-    }
-
-    class ViewHarness extends BaseComponent {
-        constructor() {
-            super(...arguments);
-            this.state = {
-                availableWidth: null,
-            };
-            this.handleEl = (el) => {
-                this.el = el;
-                setRef(this.props.elRef, el);
-                this.updateAvailableWidth();
-            };
-            this.handleResize = () => {
-                this.updateAvailableWidth();
-            };
-        }
-        render() {
-            let { props, state } = this;
-            let { aspectRatio } = props;
-            let classNames = [
-                'fc-view-harness',
-                (aspectRatio || props.liquid || props.height)
-                    ? 'fc-view-harness-active' // harness controls the height
-                    : 'fc-view-harness-passive', // let the view do the height
-            ];
-            let height = '';
-            let paddingBottom = '';
-            if (aspectRatio) {
-                if (state.availableWidth !== null) {
-                    height = state.availableWidth / aspectRatio;
-                }
-                else {
-                    // while waiting to know availableWidth, we can't set height to *zero*
-                    // because will cause lots of unnecessary scrollbars within scrollgrid.
-                    // BETTER: don't start rendering ANYTHING yet until we know container width
-                    // NOTE: why not always use paddingBottom? Causes height oscillation (issue 5606)
-                    paddingBottom = `${(1 / aspectRatio) * 100}%`;
-                }
-            }
-            else {
-                height = props.height || '';
-            }
-            return (y("div", { "aria-labelledby": props.labeledById, ref: this.handleEl, className: classNames.join(' '), style: { height, paddingBottom } }, props.children));
-        }
-        componentDidMount() {
-            this.context.addResizeHandler(this.handleResize);
-        }
-        componentWillUnmount() {
-            this.context.removeResizeHandler(this.handleResize);
-        }
-        updateAvailableWidth() {
-            if (this.el && // needed. but why?
-                this.props.aspectRatio // aspectRatio is the only height setting that needs availableWidth
-            ) {
-                this.setState({ availableWidth: this.el.offsetWidth });
-            }
+            return (_(ToolbarSection, { key: key, name: key, widgetGroups: widgetGroups, title: props.title, navUnit: props.navUnit, activeButton: props.activeButton, isTodayEnabled: props.isTodayEnabled, isPrevEnabled: props.isPrevEnabled, isNextEnabled: props.isNextEnabled }));
         }
     }
 
@@ -9461,8 +9230,8 @@ 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
@@ -9470,7 +9239,7 @@ var FullCalendar = (function (exports) {
                     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,
                     });
@@ -9498,7 +9267,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);
                 }
@@ -9518,11 +9287,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,
                 });
@@ -9530,19 +9299,34 @@ 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: {
+                    height: props.height,
+                    paddingBottom: props.aspectRatio != null
+                        ? `${(1 / props.aspectRatio) * 100}%`
+                        : undefined
+                } }, props.children));
+        }
+    }
+
     class CalendarContent extends PureComponent {
         constructor() {
             super(...arguments);
             this.buildViewContext = memoize(buildViewContext);
             this.buildViewPropTransformers = memoize(buildViewPropTransformers);
             this.buildToolbarProps = memoize(buildToolbarProps);
-            this.headerRef = d();
-            this.footerRef = d();
             this.interactionsStore = {};
-            // eslint-disable-next-line
-            this.state = {
-                viewLabelId: getUniqueDomId(),
-            };
             // Component Registration
             // -----------------------------------------------------------------------------------------------------------------
             this.registerInteractiveComponent = (component, settingsInput) => {
@@ -9566,20 +9350,6 @@ var FullCalendar = (function (exports) {
                 }
                 delete interactionSettingsStore[component.uid];
             };
-            // Resizing
-            // -----------------------------------------------------------------------------------------------------------------
-            this.resizeRunner = new DelayedRunner(() => {
-                this.props.emitter.trigger('_resize', true); // should window resizes be considered "forced" ?
-                this.props.emitter.trigger('windowResize', { view: this.props.viewApi });
-            });
-            this.handleWindowResize = (ev) => {
-                let { options } = this.props;
-                if (options.handleWindowResize &&
-                    ev.target === window // avoid jqui events
-                ) {
-                    this.resizeRunner.request(options.windowResizeDelay);
-                }
-            };
         }
         /*
         renders INSIDE of an outer div
@@ -9589,14 +9359,12 @@ var FullCalendar = (function (exports) {
             let { toolbarConfig, options } = props;
             let toolbarProps = this.buildToolbarProps(props.viewSpec, props.dateProfile, props.dateProfileGenerator, props.currentDate, getNow(props.options.now, props.dateEnv), // TODO: use NowTimer????
             props.viewTitle);
-            let viewVGrow = false;
-            let viewHeight = '';
+            let viewHeight;
+            let viewHeightLiquid = false;
             let viewAspectRatio;
-            if (props.isHeightAuto || props.forPrint) {
-                viewHeight = '';
-            }
+            if (props.forPrint || getIsHeightAuto(options)) ;
             else if (options.height != null) {
-                viewVGrow = true;
+                viewHeightLiquid = true;
             }
             else if (options.contentHeight != null) {
                 viewHeight = options.contentHeight;
@@ -9605,21 +9373,17 @@ var FullCalendar = (function (exports) {
                 viewAspectRatio = Math.max(options.aspectRatio, 0.5); // prevent from getting too tall
             }
             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);
-            let viewLabelId = (toolbarConfig.header && toolbarConfig.header.hasTitle)
-                ? this.state.viewLabelId
-                : undefined;
-            return (y(ViewContextType.Provider, { value: viewContext },
-                toolbarConfig.header && (y(Toolbar, Object.assign({ ref: this.headerRef, extraClassName: "fc-header-toolbar", model: toolbarConfig.header, titleId: viewLabelId }, toolbarProps))),
-                y(ViewHarness, { liquid: viewVGrow, height: viewHeight, aspectRatio: viewAspectRatio, labeledById: viewLabelId },
+            return (_(ViewContextType.Provider, { value: viewContext },
+                toolbarConfig.header && (_(Toolbar, Object.assign({ extraClassName: "fc-header-toolbar", model: toolbarConfig.header }, toolbarProps))),
+                _(ViewHarness, { height: viewHeight, heightLiquid: viewHeightLiquid, aspectRatio: viewAspectRatio },
                     this.renderView(props),
                     this.buildAppendContent()),
-                toolbarConfig.footer && (y(Toolbar, Object.assign({ ref: this.footerRef, extraClassName: "fc-footer-toolbar", model: toolbarConfig.footer, titleId: "" }, toolbarProps)))));
+                toolbarConfig.footer && (_(Toolbar, Object.assign({ extraClassName: "fc-footer-toolbar", model: toolbarConfig.footer }, toolbarProps)))));
         }
         componentDidMount() {
             let { props } = this;
             this.calendarInteractions = props.pluginHooks.calendarInteractions
                 .map((CalendarInteractionClass) => new CalendarInteractionClass(props));
-            window.addEventListener('resize', this.handleWindowResize);
             let { propSetHandlers } = props.pluginHooks;
             for (let propName in propSetHandlers) {
                 propSetHandlers[propName](props[propName], props);
@@ -9635,8 +9399,6 @@ var FullCalendar = (function (exports) {
             }
         }
         componentWillUnmount() {
-            window.removeEventListener('resize', this.handleWindowResize);
-            this.resizeRunner.clear();
             for (let interaction of this.calendarInteractions) {
                 interaction.destroy();
             }
@@ -9645,7 +9407,7 @@ var FullCalendar = (function (exports) {
         buildAppendContent() {
             let { props } = this;
             let children = props.pluginHooks.viewContainerAppends.map((buildAppendContent) => buildAppendContent(props));
-            return y(_, {}, ...children);
+            return _(k$1, {}, ...children);
         }
         renderView(props) {
             let { pluginHooks } = props;
@@ -9659,7 +9421,6 @@ var FullCalendar = (function (exports) {
                 eventSelection: props.eventSelection,
                 eventDrag: props.eventDrag,
                 eventResize: props.eventResize,
-                isHeightAuto: props.isHeightAuto,
                 forPrint: props.forPrint,
             };
             let transformers = this.buildViewPropTransformers(pluginHooks.viewPropsTransformers);
@@ -9667,7 +9428,7 @@ var FullCalendar = (function (exports) {
                 Object.assign(viewProps, transformer.transform(viewProps, props));
             }
             let ViewComponent = viewSpec.component;
-            return (y(ViewComponent, Object.assign({}, viewProps)));
+            return (_(ViewComponent, Object.assign({}, viewProps)));
         }
     }
     function buildToolbarProps(viewSpec, dateProfile, dateProfileGenerator, currentDate, now, title) {
@@ -9690,6 +9451,9 @@ var FullCalendar = (function (exports) {
         return theClasses.map((TheClass) => new TheClass());
     }
 
+    /*
+    Vanilla JS API
+    */
     class Calendar extends CalendarImpl {
         constructor(el, optionOverrides = {}) {
             super();
@@ -9714,17 +9478,17 @@ var FullCalendar = (function (exports) {
                     this.isRendered = true;
                     let { currentData } = this;
                     flushSync(() => {
-                        D$1(y(CalendarRoot, { options: currentData.calendarOptions, theme: currentData.theme, emitter: currentData.emitter }, (classNames, height, isHeightAuto, forPrint) => {
+                        B$2(_(CalendarRoot, { options: currentData.calendarOptions, theme: currentData.theme, emitter: currentData.emitter }, (classNames, height, forPrint) => {
                             this.setClassNames(classNames);
                             this.setHeight(height);
-                            return (y(RenderId.Provider, { value: this.customContentRenderId },
-                                y(CalendarContent, Object.assign({ isHeightAuto: isHeightAuto, forPrint: forPrint }, currentData))));
+                            return (_(RenderId.Provider, { value: this.customContentRenderId },
+                                _(CalendarContent, Object.assign({ forPrint: forPrint }, currentData))));
                         }), this.el);
                     });
                 }
                 else if (this.isRendered) {
                     this.isRendered = false;
-                    D$1(null, this.el);
+                    B$2(null, this.el);
                     this.setClassNames([]);
                     this.setHeight('');
                 }
@@ -9835,7 +9599,7 @@ var FullCalendar = (function (exports) {
         return sliceEventStore(props.eventStore, props.eventUiBases, props.dateProfile.activeRange, allDay ? props.nextDayThreshold : null).fg;
     }
 
-    const version = '6.1.15';
+    const version = '7.0.0-beta.1';
 
     exports.Calendar = Calendar;
     exports.Internal = internal;