@fullcalendar/scrollgrid 6.0.0-beta.1 → 6.0.0-beta.2

package/{main.d.ts → internal.d.ts}

@@ -1,7 +1,6 @@
-
-import * as _fullcalendar_common from '@fullcalendar/common';
-import { BaseComponent, ScrollGridProps, VNode, ScrollGridSectionConfig, ScrollGridChunkConfig, CssDimValue, ColProps } from '@fullcalendar/common';
-import '@fullcalendar/premium-common';
+import { CssDimValue } from '@fullcalendar/core';
+import { BaseComponent, ScrollGridProps, ScrollGridSectionConfig, ScrollGridChunkConfig, ColProps } from '@fullcalendar/core/internal';
+import { VNode } from '@fullcalendar/core/preact';
 
 interface ScrollGridState {
     shrinkWidths: number[];
@@ -32,7 +31,6 @@ declare class ScrollGrid extends BaseComponent<ScrollGridProps, ScrollGridState>
     private getStickyScrolling;
     private getScrollSyncersBySection;
     private getScrollSyncersByColumn;
-    private stickyScrollings;
     private scrollSyncersBySection;
     private scrollSyncersByColumn;
     private rowUnstableMap;
@@ -63,7 +61,6 @@ declare class ScrollGrid extends BaseComponent<ScrollGridProps, ScrollGridState>
         };
     };
     updateStickyScrolling(): void;
-    destroyStickyScrolling(): void;
     updateScrollSyncers(): void;
     destroyScrollSyncers(): void;
     getChunkConfigByIndex(index: number): ScrollGridChunkConfig;
@@ -74,10 +71,4 @@ declare class ScrollGrid extends BaseComponent<ScrollGridProps, ScrollGridState>
     getDims(): number[];
 }
 
-declare function setScrollFromLeftEdge(el: HTMLElement, scrollLeft: number): void;
-
-declare const _default: _fullcalendar_common.PluginDef;
-
-
-export default _default;
-export { ScrollGrid, setScrollFromLeftEdge };
+export { ScrollGrid };

package/{main.js → internal.js}

@@ -1,96 +1,5 @@
-/*!
-FullCalendar Scheduler v6.0.0-beta.1
-Docs & License: https://fullcalendar.io/scheduler
-(c) 2022 Adam Shaw
-*/
-import { Emitter, DelayedRunner, removeElement, computeEdges, findElements, translateRect, computeInnerRect, applyStyle, BaseComponent, createRef, setRef, getIsRtlScrollbarOnLeft, createElement, Scroller, isPropsEqual, memoizeArraylike, renderMicroColGroup, RefMap, getScrollGridClassNames, getCanVGrowWithinCell, Fragment, getSectionClassNames, getAllowYScrolling, getSectionHasLiquidHeight, renderChunkContent, memoizeHashlike, config, computeShrinkWidth, getScrollbarWidths, collectFromHash, mapHash, isArraysEqual, sanitizeShrinkWidth, hasShrinkWidth, compareObjs, isColPropsEqual, createPlugin } from '@fullcalendar/common';
-import premiumCommonPlugin from '@fullcalendar/premium-common';
-
-const WHEEL_EVENT_NAMES = 'wheel mousewheel DomMouseScroll MozMousePixelScroll'.split(' ');
-/*
-ALSO, with the ability to disable touch
-*/
-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);
-        }
-    }
-    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);
-        }
-    }
-    // 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;
-    }
-}
+import { computeEdges, removeElement, findElements, translateRect, computeInnerRect, applyStyle, BaseComponent, setRef, getIsRtlScrollbarOnLeft, Scroller, isPropsEqual, Emitter, DelayedRunner, config, isArraysEqual, memoizeArraylike, renderMicroColGroup, RefMap, getScrollGridClassNames, getCanVGrowWithinCell, getSectionClassNames, getAllowYScrolling, getSectionHasLiquidHeight, renderChunkContent, memoizeHashlike, computeShrinkWidth, getScrollbarWidths, collectFromHash, mapHash, sanitizeShrinkWidth, hasShrinkWidth, compareObjs, isColPropsEqual } from '@fullcalendar/core/internal.js';
+import { createRef, createElement, Fragment } from '@fullcalendar/core/preact.js';
 
 // TODO: assume the el has no borders?
 function getScrollCanvasOrigin(scrollEl) {
@@ -162,12 +71,9 @@ function detectRtlScrollSystem() {
     return system;
 }
 
-const IS_MS_EDGE = typeof navigator !== 'undefined' && /Edge/.test(navigator.userAgent); // TODO: what about Chromeum-based Edge?
 const STICKY_SELECTOR = '.fc-sticky';
 /*
-useful beyond the native position:sticky for these reasons:
-- support in IE11
-- nice centering support
+Goes beyond mere position:sticky, allows horizontal centering
 
 REQUIREMENT: fc-sticky elements, if the fc-sticky className is taken away, should NOT have relative or absolute positioning.
 This is because we attach the coords with JS, and the VDOM might take away the fc-sticky class but doesn't know kill the positioning.
@@ -178,34 +84,13 @@ class StickyScrolling {
     constructor(scrollEl, isRtl) {
         this.scrollEl = scrollEl;
         this.isRtl = isRtl;
-        this.usingRelative = null;
         this.updateSize = () => {
             let { scrollEl } = this;
             let els = findElements(scrollEl, STICKY_SELECTOR);
             let elGeoms = this.queryElGeoms(els);
             let viewportWidth = scrollEl.clientWidth;
-            let viewportHeight = scrollEl.clientHeight;
-            if (this.usingRelative) {
-                let elDestinations = this.computeElDestinations(elGeoms, viewportWidth); // read before prepPositioning
-                assignRelativePositions(els, elGeoms, elDestinations, viewportWidth, viewportHeight);
-            }
-            else {
-                assignStickyPositions(els, elGeoms, viewportWidth);
-            }
+            assignStickyPositions(els, elGeoms, viewportWidth);
         };
-        this.usingRelative =
-            !getStickySupported() || // IE11
-                // https://stackoverflow.com/questions/56835658/in-microsoft-edge-sticky-positioning-doesnt-work-when-combined-with-dir-rtl
-                (IS_MS_EDGE && isRtl);
-        if (this.usingRelative) {
-            this.listener = new ScrollListener(scrollEl);
-            this.listener.emitter.on('scrollEnd', this.updateSize);
-        }
-    }
-    destroy() {
-        if (this.listener) {
-            this.listener.destroy();
-        }
     }
     queryElGeoms(els) {
         let { scrollEl, isRtl } = this;
@@ -238,59 +123,6 @@ class StickyScrolling {
         }
         return elGeoms;
     }
-    // only for IE
-    computeElDestinations(elGeoms, viewportWidth) {
-        let { scrollEl } = this;
-        let viewportTop = scrollEl.scrollTop;
-        let viewportLeft = getScrollFromLeftEdge(scrollEl);
-        let viewportRight = viewportLeft + viewportWidth;
-        return elGeoms.map((elGeom) => {
-            let { elWidth, elHeight, parentBound, naturalBound } = elGeom;
-            let destLeft; // relative to canvas topleft
-            let destTop; // "
-            switch (elGeom.textAlign) {
-                case 'left':
-                    destLeft = viewportLeft;
-                    break;
-                case 'right':
-                    destLeft = viewportRight - elWidth;
-                    break;
-                case 'center':
-                    destLeft = (viewportLeft + viewportRight) / 2 - elWidth / 2; /// noooo, use half-width insteadddddddd
-                    break;
-            }
-            destLeft = Math.min(destLeft, parentBound.right - elWidth);
-            destLeft = Math.max(destLeft, parentBound.left);
-            destTop = viewportTop;
-            destTop = Math.min(destTop, parentBound.bottom - elHeight);
-            destTop = Math.max(destTop, naturalBound.top); // better to use natural top for upper bound
-            return { left: destLeft, top: destTop };
-        });
-    }
-}
-function assignRelativePositions(els, elGeoms, elDestinations, viewportWidth, viewportHeight) {
-    els.forEach((el, i) => {
-        let { naturalBound, parentBound } = elGeoms[i];
-        let parentWidth = parentBound.right - parentBound.left;
-        let parentHeight = parentBound.bottom - parentBound.bottom;
-        let left;
-        let top;
-        if (parentWidth > viewportWidth ||
-            parentHeight > viewportHeight) {
-            left = elDestinations[i].left - naturalBound.left;
-            top = elDestinations[i].top - naturalBound.top;
-        }
-        else { // if parent container can be completely in view, we don't need stickiness
-            left = '';
-            top = '';
-        }
-        applyStyle(el, {
-            position: 'relative',
-            left,
-            right: -left,
-            top,
-        });
-    });
 }
 function assignStickyPositions(els, elGeoms, viewportWidth) {
     els.forEach((el, i) => {
@@ -311,21 +143,6 @@ function assignStickyPositions(els, elGeoms, viewportWidth) {
         });
     });
 }
-let _isStickySupported;
-function getStickySupported() {
-    if (_isStickySupported == null) {
-        _isStickySupported = computeStickySupported();
-    }
-    return _isStickySupported;
-}
-function computeStickySupported() {
-    let el = document.createElement('div');
-    el.style.position = 'sticky';
-    document.body.appendChild(el);
-    let val = window.getComputedStyle(el).position;
-    removeElement(el);
-    return val === 'sticky';
-}
 
 class ClippedScroller extends BaseComponent {
     constructor() {
@@ -393,6 +210,92 @@ class ClippedScroller extends BaseComponent {
     }
 }
 
+const WHEEL_EVENT_NAMES = 'wheel mousewheel DomMouseScroll MozMousePixelScroll'.split(' ');
+/*
+ALSO, with the ability to disable touch
+*/
+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);
+        }
+    }
+    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);
+        }
+    }
+    // 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 ScrollSyncer {
     constructor(isVertical, scrollEls) {
         this.isVertical = isVertical;
@@ -463,6 +366,7 @@ class ScrollSyncer {
     }
 }
 
+config.SCROLLGRID_RESIZE_INTERVAL = 500;
 /*
 TODO: make <ScrollGridSection> subcomponent
 NOTE: doesn't support collapsibleWidth (which is sortof a hack anyway)
@@ -476,7 +380,6 @@ class ScrollGrid extends BaseComponent {
         // doesn't hold non-scrolling els used just for padding
         this.scrollerElRefs = new RefMap(this._handleScrollerEl.bind(this));
         this.chunkElRefs = new RefMap(this._handleChunkEl.bind(this));
-        this.stickyScrollings = [];
         this.scrollSyncersBySection = {};
         this.scrollSyncersByColumn = {};
         // for row-height-syncing
@@ -616,7 +519,7 @@ class ScrollGrid extends BaseComponent {
         }, content);
     }
     componentDidMount() {
-        this.getStickyScrolling = memoizeArraylike(initStickyScrolling, null, destroyStickyScrolling);
+        this.getStickyScrolling = memoizeArraylike(initStickyScrolling);
         this.getScrollSyncersBySection = memoizeHashlike(initScrollSyncer.bind(this, true), null, destroyScrollSyncer);
         this.getScrollSyncersByColumn = memoizeHashlike(initScrollSyncer.bind(this, false), null, destroyScrollSyncer);
         this.updateScrollSyncers();
@@ -630,7 +533,6 @@ class ScrollGrid extends BaseComponent {
     }
     componentWillUnmount() {
         this.context.removeResizeHandler(this.handleSizing);
-        this.destroyStickyScrolling();
         this.destroyScrollSyncers();
     }
     allowSizing() {
@@ -790,12 +692,8 @@ class ScrollGrid extends BaseComponent {
     updateStickyScrolling() {
         let { isRtl } = this.context;
         let argsByKey = this.scrollerElRefs.getAll().map((scrollEl) => [scrollEl, isRtl]);
-        let stickyScrollings = this.getStickyScrolling(argsByKey);
-        stickyScrollings.forEach((stickyScrolling) => stickyScrolling.updateSize());
-        this.stickyScrollings = stickyScrollings;
-    }
-    destroyStickyScrolling() {
-        this.stickyScrollings.forEach(destroyStickyScrolling);
+        this.getStickyScrolling(argsByKey)
+            .forEach((stickyScrolling) => stickyScrolling.updateSize());
     }
     updateScrollSyncers() {
         let [sectionCnt, chunksPerSection] = this.getDims();
@@ -928,18 +826,5 @@ function destroyScrollSyncer(scrollSyncer) {
 function initStickyScrolling(scrollEl, isRtl) {
     return new StickyScrolling(scrollEl, isRtl);
 }
-function destroyStickyScrolling(stickyScrolling) {
-    stickyScrolling.destroy();
-}
-
-var main = createPlugin({
-    deps: [
-        premiumCommonPlugin,
-    ],
-    scrollGridImpl: ScrollGrid,
-});
-config.SCROLLGRID_RESIZE_INTERVAL = 500;
 
-export default main;
-export { ScrollGrid, setScrollFromLeftEdge };
-//# sourceMappingURL=main.js.map
+export { ScrollGrid };

package/package.json

@@ -1,25 +1,19 @@
 {
   "name": "@fullcalendar/scrollgrid",
-  "version": "6.0.0-beta.1",
-  "title": "FullCalendar ScrollGrid Plugin",
-  "description": "Tabular data chunked into scrollable panes",
-  "docs": "https://fullcalendar.io/docs/scheduler",
-  "dependencies": {
-    "@fullcalendar/common": "6.0.0-beta.1",
-    "@fullcalendar/premium-common": "6.0.0-beta.1",
-    "tslib": "^2.1.0"
-  },
-  "main": "main.cjs.js",
-  "module": "main.js",
-  "types": "main.d.ts",
-  "jsdelivr": "main.global.min.js",
-  "browserGlobal": "FullCalendarScrollGrid",
-  "homepage": "https://fullcalendar.io/scheduler",
+  "version": "6.0.0-beta.2",
+  "keywords": [
+    "calendar",
+    "event",
+    "full-sized"
+  ],
+  "homepage": "https://fullcalendar.io/premium",
+  "docs": "https://fullcalendar.io/docs/premium",
   "bugs": "https://fullcalendar.io/reporting-bugs",
   "repository": {
     "type": "git",
     "url": "https://github.com/fullcalendar/fullcalendar-scheduler.git",
-    "homepage": "https://github.com/fullcalendar/fullcalendar-scheduler"
+    "homepage": "https://github.com/fullcalendar/fullcalendar-scheduler",
+    "directory": "packages/scrollgrid"
   },
   "license": "SEE LICENSE IN LICENSE.md",
   "author": {
@@ -27,7 +21,37 @@
     "email": "arshaw@arshaw.com",
     "url": "http://arshaw.com/"
   },
-  "devDependencies": {
-    "@fullcalendar/core-preact": "6.0.0-beta.1"
+  "copyright": "2022 Adam Shaw",
+  "title": "FullCalendar ScrollGrid Plugin",
+  "description": "Tabular data chunked into scrollable panes",
+  "dependencies": {
+    "@fullcalendar/premium-common": "6.0.0-beta.2"
+  },
+  "peerDependencies": {
+    "@fullcalendar/core": "6.0.0-beta.2"
+  },
+  "type": "module",
+  "main": "./index.cjs",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "unpkg": "./index.global.min.js",
+  "jsdelvr": "./index.global.min.js",
+  "exports": {
+    "./package.json": "./package.json",
+    "./index.cjs": "./index.cjs",
+    "./index.js": "./index.js",
+    ".": {
+      "require": "./index.cjs",
+      "import": "./index.js",
+      "types": "./index.d.ts",
+      "default": "./index.global.js"
+    },
+    "./internal.cjs": "./internal.cjs",
+    "./internal.js": "./internal.js",
+    "./internal": {
+      "require": "./internal.cjs",
+      "import": "./internal.js",
+      "types": "./internal.d.ts"
+    }
   }
 }

package/main.global.min.js

@@ -1,6 +0,0 @@
-/*!
-FullCalendar Scheduler v6.0.0-beta.1
-Docs & License: https://fullcalendar.io/scheduler
-(c) 2022 Adam Shaw
-*/
-var FullCalendarScrollGrid=function(e,t,l){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(FullCalendarPremiumCommon);const r="wheel mousewheel DomMouseScroll MozMousePixelScroll".split(" ");class o{constructor(e){this.el=e,this.emitter=new t.Emitter,this.isScrolling=!1,this.isTouching=!1,this.isRecentlyWheeled=!1,this.isRecentlyScrolled=!1,this.wheelWaiter=new t.DelayedRunner(this._handleWheelWaited.bind(this)),this.scrollWaiter=new t.DelayedRunner(this._handleScrollWaited.bind(this)),this.handleScroll=()=>{this.startScroll(),this.emitter.trigger("scroll",this.isRecentlyWheeled,this.isTouching),this.isRecentlyScrolled=!0,this.scrollWaiter.request(500)},this.handleWheel=()=>{this.isRecentlyWheeled=!0,this.wheelWaiter.request(500)},this.handleTouchStart=()=>{this.isTouching=!0},this.handleTouchEnd=()=>{this.isTouching=!1,this.isRecentlyScrolled||this.endScroll()},e.addEventListener("scroll",this.handleScroll),e.addEventListener("touchstart",this.handleTouchStart,{passive:!0}),e.addEventListener("touchend",this.handleTouchEnd);for(let t of r)e.addEventListener(t,this.handleWheel)}destroy(){let{el:e}=this;e.removeEventListener("scroll",this.handleScroll),e.removeEventListener("touchstart",this.handleTouchStart,{passive:!0}),e.removeEventListener("touchend",this.handleTouchEnd);for(let t of r)e.removeEventListener(t,this.handleWheel)}startScroll(){this.isScrolling||(this.isScrolling=!0,this.emitter.trigger("scrollStart",this.isRecentlyWheeled,this.isTouching))}endScroll(){this.isScrolling&&(this.emitter.trigger("scrollEnd"),this.isScrolling=!1,this.isRecentlyScrolled=!0,this.isRecentlyWheeled=!1,this.scrollWaiter.clear(),this.wheelWaiter.clear())}_handleScrollWaited(){this.isRecentlyScrolled=!1,this.isTouching||this.endScroll()}_handleWheelWaited(){this.isRecentlyWheeled=!1}}function n(e){let t=e.scrollLeft;if("rtl"===window.getComputedStyle(e).direction)switch(a()){case"negative":t*=-1;case"reverse":t=e.scrollWidth-t-e.clientWidth}return t}function h(e,t){if("rtl"===window.getComputedStyle(e).direction)switch(a()){case"reverse":t=e.scrollWidth-t;break;case"negative":t=-(e.scrollWidth-t)}e.scrollLeft=t}let c;function a(){return c||(c=function(){let e,l=document.createElement("div");l.style.position="absolute",l.style.top="-1000px",l.style.width="1px",l.style.height="1px",l.style.overflow="scroll",l.style.direction="rtl",l.style.fontSize="100px",l.innerHTML="A",document.body.appendChild(l),l.scrollLeft>0?e="positive":(l.scrollLeft=1,e=l.scrollLeft>0?"reverse":"negative");return t.removeElement(l),e}())}const d="undefined"!=typeof navigator&&/Edge/.test(navigator.userAgent);class u{constructor(e,l){this.scrollEl=e,this.isRtl=l,this.usingRelative=null,this.updateSize=()=>{let{scrollEl:e}=this,l=t.findElements(e,".fc-sticky"),i=this.queryElGeoms(l),s=e.clientWidth,r=e.clientHeight;if(this.usingRelative){!function(e,l,i,s,r){e.forEach(((e,o)=>{let n,h,{naturalBound:c,parentBound:a}=l[o],d=a.right-a.left,u=a.bottom-a.bottom;d>s||u>r?(n=i[o].left-c.left,h=i[o].top-c.top):(n="",h=""),t.applyStyle(e,{position:"relative",left:n,right:-n,top:h})}))}(l,i,this.computeElDestinations(i,s),s,r)}else!function(e,l,i){e.forEach(((e,s)=>{let r,{textAlign:o,elWidth:n,parentBound:h}=l[s],c=h.right-h.left;r="center"===o&&c>i?(i-n)/2:"",t.applyStyle(e,{left:r,right:r,top:0})}))}(l,i,s)},this.usingRelative=!function(){null==f&&(f=function(){let e=document.createElement("div");e.style.position="sticky",document.body.appendChild(e);let l=window.getComputedStyle(e).position;return t.removeElement(e),"sticky"===l}());return f}()||d&&l,this.usingRelative&&(this.listener=new o(e),this.listener.emitter.on("scrollEnd",this.updateSize))}destroy(){this.listener&&this.listener.destroy()}queryElGeoms(e){let{scrollEl:l,isRtl:i}=this,s=function(e){let l=e.getBoundingClientRect(),i=t.computeEdges(e);return{left:l.left+i.borderLeft+i.scrollbarLeft-n(e),top:l.top+i.borderTop-e.scrollTop}}(l),r=[];for(let l of e){let e=t.translateRect(t.computeInnerRect(l.parentNode,!0,!0),-s.left,-s.top),o=l.getBoundingClientRect(),n=window.getComputedStyle(l),h=window.getComputedStyle(l.parentNode).textAlign,c=null;"start"===h?h=i?"right":"left":"end"===h&&(h=i?"left":"right"),"sticky"!==n.position&&(c=t.translateRect(o,-s.left-(parseFloat(n.left)||0),-s.top-(parseFloat(n.top)||0))),r.push({parentBound:e,naturalBound:c,elWidth:o.width,elHeight:o.height,textAlign:h})}return r}computeElDestinations(e,t){let{scrollEl:l}=this,i=l.scrollTop,s=n(l),r=s+t;return e.map((e=>{let t,l,{elWidth:o,elHeight:n,parentBound:h,naturalBound:c}=e;switch(e.textAlign){case"left":t=s;break;case"right":t=r-o;break;case"center":t=(s+r)/2-o/2}return t=Math.min(t,h.right-o),t=Math.max(t,h.left),l=i,l=Math.min(l,h.bottom-n),l=Math.max(l,c.top),{left:t,top:l}}))}}let f;class g extends t.BaseComponent{constructor(){super(...arguments),this.elRef=t.createRef(),this.state={xScrollbarWidth:0,yScrollbarWidth:0},this.handleScroller=e=>{this.scroller=e,t.setRef(this.props.scrollerRef,e)},this.handleSizing=()=>{let{props:e}=this;"scroll-hidden"===e.overflowY&&this.setState({yScrollbarWidth:this.scroller.getYScrollbarWidth()}),"scroll-hidden"===e.overflowX&&this.setState({xScrollbarWidth:this.scroller.getXScrollbarWidth()})}}render(){let{props:e,state:l,context:i}=this,s=i.isRtl&&t.getIsRtlScrollbarOnLeft(),r=0,o=0,n=0;return"scroll-hidden"===e.overflowX&&(n=l.xScrollbarWidth),"scroll-hidden"===e.overflowY&&null!=l.yScrollbarWidth&&(s?r=l.yScrollbarWidth:o=l.yScrollbarWidth),t.createElement("div",{ref:this.elRef,className:"fc-scroller-harness"+(e.liquid?" fc-scroller-harness-liquid":"")},t.createElement(t.Scroller,{ref:this.handleScroller,elRef:this.props.scrollerElRef,overflowX:"scroll-hidden"===e.overflowX?"scroll":e.overflowX,overflowY:"scroll-hidden"===e.overflowY?"scroll":e.overflowY,overcomeLeft:r,overcomeRight:o,overcomeBottom:n,maxHeight:"number"==typeof e.maxHeight?e.maxHeight+("scroll-hidden"===e.overflowX?l.xScrollbarWidth:0):"",liquid:e.liquid,liquidIsAbsolute:!0},e.children))}componentDidMount(){this.handleSizing(),this.context.addResizeHandler(this.handleSizing)}componentDidUpdate(e){t.isPropsEqual(e,this.props)||this.handleSizing()}componentWillUnmount(){this.context.removeResizeHandler(this.handleSizing)}needsXScrolling(){return this.scroller.needsXScrolling()}needsYScrolling(){return this.scroller.needsYScrolling()}}class p{constructor(e,t){this.isVertical=e,this.scrollEls=t,this.isPaused=!1,this.scrollListeners=t.map((e=>this.bindScroller(e)))}destroy(){for(let e of this.scrollListeners)e.destroy()}bindScroller(e){let{scrollEls:t,isVertical:l}=this,i=new o(e);return i.emitter.on("scroll",((i,s)=>{if(!this.isPaused&&((!this.masterEl||this.masterEl!==e&&(i||s))&&this.assignMaster(e),this.masterEl===e))for(let i of t)i!==e&&(l?i.scrollTop=e.scrollTop:i.scrollLeft=e.scrollLeft)})),i.emitter.on("scrollEnd",(()=>{this.masterEl===e&&(this.masterEl=null)})),i}assignMaster(e){this.masterEl=e;for(let t of this.scrollListeners)t.el!==e&&t.endScroll()}forceScrollLeft(e){this.isPaused=!0;for(let t of this.scrollListeners)h(t.el,e);this.isPaused=!1}forceScrollTop(e){this.isPaused=!0;for(let t of this.scrollListeners)t.el.scrollTop=e;this.isPaused=!1}}class S extends t.BaseComponent{constructor(){super(...arguments),this.compileColGroupStats=t.memoizeArraylike(w,b),this.renderMicroColGroups=t.memoizeArraylike(t.renderMicroColGroup),this.clippedScrollerRefs=new t.RefMap,this.scrollerElRefs=new t.RefMap(this._handleScrollerEl.bind(this)),this.chunkElRefs=new t.RefMap(this._handleChunkEl.bind(this)),this.stickyScrollings=[],this.scrollSyncersBySection={},this.scrollSyncersByColumn={},this.rowUnstableMap=new Map,this.rowInnerMaxHeightMap=new Map,this.anyRowHeightsChanged=!1,this.recentSizingCnt=0,this.state={shrinkWidths:[],forceYScrollbars:!1,forceXScrollbars:!1,scrollerClientWidths:{},scrollerClientHeights:{},sectionRowMaxHeights:[]},this.handleSizing=(e,t)=>{if(!this.allowSizing())return;t||(this.anyRowHeightsChanged=!0);let l={};(e||!t&&!this.rowUnstableMap.size)&&(l.sectionRowMaxHeights=this.computeSectionRowMaxHeights()),this.setState(Object.assign(Object.assign({shrinkWidths:this.computeShrinkWidths()},this.computeScrollerDims()),l),(()=>{this.rowUnstableMap.size||this.updateStickyScrolling()}))},this.handleRowHeightChange=(e,t)=>{let{rowUnstableMap:l,rowInnerMaxHeightMap:i}=this;if(t){l.delete(e);let t=y(e);i.has(e)&&i.get(e)===t||(i.set(e,t),this.anyRowHeightsChanged=!0),!l.size&&this.anyRowHeightsChanged&&(this.anyRowHeightsChanged=!1,this.setState({sectionRowMaxHeights:this.computeSectionRowMaxHeights()}))}else l.set(e,!0)}}render(){let{props:e,state:l,context:i}=this,{shrinkWidths:s}=l,r=this.compileColGroupStats(e.colGroups.map((e=>[e]))),o=this.renderMicroColGroups(r.map(((e,t)=>[e.cols,s[t]]))),n=t.getScrollGridClassNames(e.liquid,i);this.getDims();let h,c=e.sections,a=c.length,d=0,u=[],f=[],g=[];for(;d<a&&"header"===(h=c[d]).type;)u.push(this.renderSection(h,d,r,o,l.sectionRowMaxHeights,!0)),d+=1;for(;d<a&&"body"===(h=c[d]).type;)f.push(this.renderSection(h,d,r,o,l.sectionRowMaxHeights,!1)),d+=1;for(;d<a&&"footer"===(h=c[d]).type;)g.push(this.renderSection(h,d,r,o,l.sectionRowMaxHeights,!0)),d+=1;const p=!t.getCanVGrowWithinCell(),S={role:"rowgroup"};return t.createElement("table",{ref:e.elRef,role:"grid",className:n.join(" ")},function(e,l){let i=e.map(((e,i)=>{let s=e.width;return"shrink"===s&&(s=e.totalColWidth+t.sanitizeShrinkWidth(l[i])+1),t.createElement("col",{style:{width:s}})}));return t.createElement("colgroup",{},...i)}(r,s),Boolean(!p&&u.length)&&t.createElement("thead",S,...u),Boolean(!p&&f.length)&&t.createElement("tbody",S,...f),Boolean(!p&&g.length)&&t.createElement("tfoot",S,...g),p&&t.createElement("tbody",S,...u,...f,...g))}renderSection(e,l,i,s,r,o){return"outerContent"in e?t.createElement(t.Fragment,{key:e.key},e.outerContent):t.createElement("tr",{key:e.key,role:"presentation",className:t.getSectionClassNames(e,this.props.liquid).join(" ")},e.chunks.map(((t,n)=>this.renderChunk(e,l,i[n],s[n],t,n,(r[l]||[])[n]||[],o))))}renderChunk(e,l,i,s,r,o,n,h){if("outerContent"in r)return t.createElement(t.Fragment,{key:r.key},r.outerContent);let{state:c}=this,{scrollerClientWidths:a,scrollerClientHeights:d}=c,[u,f]=this.getDims(),p=l*f+o,S=o===(!this.context.isRtl||t.getIsRtlScrollbarOnLeft()?f-1:0),m=l===u-1,y=m&&c.forceXScrollbars,R=S&&c.forceYScrollbars,w=i&&i.allowXScrolling,E=t.getAllowYScrolling(this.props,e),C=t.getSectionHasLiquidHeight(this.props,e),b=e.expandRows&&C,W=i&&i.totalColMinWidth||"",k=t.renderChunkContent(e,r,{tableColGroupNode:s,tableMinWidth:W,clientWidth:void 0!==a[p]?a[p]:null,clientHeight:void 0!==d[p]?d[p]:null,expandRows:b,syncRowHeights:Boolean(e.syncRowHeights),rowSyncHeights:n,reportRowHeightChange:this.handleRowHeightChange},h),v=y?m?"scroll":"scroll-hidden":w?m?"auto":"scroll-hidden":"hidden",M=R?S?"scroll":"scroll-hidden":E?S?"auto":"scroll-hidden":"hidden";return k=t.createElement(g,{ref:this.clippedScrollerRefs.createRef(p),scrollerElRef:this.scrollerElRefs.createRef(p),overflowX:v,overflowY:M,liquid:C,maxHeight:e.maxHeight},k),t.createElement(h?"th":"td",{key:r.key,ref:this.chunkElRefs.createRef(p),role:"presentation"},k)}componentDidMount(){this.getStickyScrolling=t.memoizeArraylike(v,null,M),this.getScrollSyncersBySection=t.memoizeHashlike(W.bind(this,!0),null,k),this.getScrollSyncersByColumn=t.memoizeHashlike(W.bind(this,!1),null,k),this.updateScrollSyncers(),this.handleSizing(!1),this.context.addResizeHandler(this.handleSizing)}componentDidUpdate(e,t){this.updateScrollSyncers(),this.handleSizing(!1,t.sectionRowMaxHeights!==this.state.sectionRowMaxHeights)}componentWillUnmount(){this.context.removeResizeHandler(this.handleSizing),this.destroyStickyScrolling(),this.destroyScrollSyncers()}allowSizing(){let e=new Date;return!this.lastSizingDate||e.valueOf()>this.lastSizingDate.valueOf()+t.config.SCROLLGRID_RESIZE_INTERVAL?(this.lastSizingDate=e,this.recentSizingCnt=0,!0):(this.recentSizingCnt+=1)<=10}computeShrinkWidths(){let e=this.compileColGroupStats(this.props.colGroups.map((e=>[e]))),[l,i]=this.getDims(),s=l*i,r=[];return e.forEach(((e,l)=>{if(e.hasShrinkCol){let e=this.chunkElRefs.collect(l,s,i);r[l]=t.computeShrinkWidth(e)}})),r}computeSectionRowMaxHeights(){let e=new Map,[l,i]=this.getDims(),s=[];for(let r=0;r<l;r+=1){let l=this.props.sections[r],o=[];if(l&&l.syncRowHeights){let s=[];for(let l=0;l<i;l+=1){let o=r*i+l,n=[],h=this.chunkElRefs.currentMap[o];n=h?t.findElements(h,".fc-scrollgrid-sync-table tr").map((t=>{let l=y(t);return e.set(t,l),l})):[],s.push(n)}let n=s[0].length,h=!0;for(let e=1;e<i;e+=1){if(!(l.chunks[e]&&void 0!==l.chunks[e].outerContent)&&s[e].length!==n){h=!1;break}}if(h){for(let e=0;e<i;e+=1)o.push([]);for(let e=0;e<n;e+=1){let t=[];for(let l=0;l<i;l+=1){let i=s[l][e];null!=i&&t.push(i)}let l=Math.max(...t);for(let e=0;e<i;e+=1)o[e].push(l)}}else{let e=[];for(let t=0;t<i;t+=1)e.push(m(s[t])+s[t].length);let t=Math.max(...e);for(let e=0;e<i;e+=1){let l=s[e].length,i=t-l,r=Math.floor(i/l),n=i-r*(l-1),h=[],c=0;for(c<l&&(h.push(n),c+=1);c<l;)h.push(r),c+=1;o.push(h)}}}s.push(o)}return this.rowInnerMaxHeightMap=e,s}computeScrollerDims(){let e=t.getScrollbarWidths(),[l,i]=this.getDims(),s=!this.context.isRtl||t.getIsRtlScrollbarOnLeft()?i-1:0,r=l-1,o=this.clippedScrollerRefs.currentMap,n=this.scrollerElRefs.currentMap,h=!1,c=!1,a={},d={};for(let e=0;e<l;e+=1){let t=o[e*i+s];if(t&&t.needsYScrolling()){h=!0;break}}for(let e=0;e<i;e+=1){let t=o[r*i+e];if(t&&t.needsXScrolling()){c=!0;break}}for(let t=0;t<l;t+=1)for(let l=0;l<i;l+=1){let o=t*i+l,u=n[o];if(u){let i=u.parentNode;a[o]=Math.floor(i.getBoundingClientRect().width-(l===s&&h?e.y:0)),d[o]=Math.floor(i.getBoundingClientRect().height-(t===r&&c?e.x:0))}}return{forceYScrollbars:h,forceXScrollbars:c,scrollerClientWidths:a,scrollerClientHeights:d}}updateStickyScrolling(){let{isRtl:e}=this.context,t=this.scrollerElRefs.getAll().map((t=>[t,e])),l=this.getStickyScrolling(t);l.forEach((e=>e.updateSize())),this.stickyScrollings=l}destroyStickyScrolling(){this.stickyScrollings.forEach(M)}updateScrollSyncers(){let[e,l]=this.getDims(),i=e*l,s={},r={},o=this.scrollerElRefs.currentMap;for(let i=0;i<e;i+=1){let e=i*l,r=e+l;s[i]=t.collectFromHash(o,e,r,1)}for(let e=0;e<l;e+=1)r[e]=this.scrollerElRefs.collect(e,i,l);this.scrollSyncersBySection=this.getScrollSyncersBySection(s),this.scrollSyncersByColumn=this.getScrollSyncersByColumn(r)}destroyScrollSyncers(){t.mapHash(this.scrollSyncersBySection,k),t.mapHash(this.scrollSyncersByColumn,k)}getChunkConfigByIndex(e){let t=this.getDims()[1],l=Math.floor(e/t),i=e%t,s=this.props.sections[l];return s&&s.chunks[i]}forceScrollLeft(e,t){let l=this.scrollSyncersByColumn[e];l&&l.forceScrollLeft(t)}forceScrollTop(e,t){let l=this.scrollSyncersBySection[e];l&&l.forceScrollTop(t)}_handleChunkEl(e,l){let i=this.getChunkConfigByIndex(parseInt(l,10));i&&t.setRef(i.elRef,e)}_handleScrollerEl(e,l){let i=this.getChunkConfigByIndex(parseInt(l,10));i&&t.setRef(i.scrollerElRef,e)}getDims(){let e=this.props.sections.length;return[e,e?this.props.sections[0].chunks.length:0]}}function m(e){let t=0;for(let l of e)t+=l;return t}function y(e){let l=t.findElements(e,".fc-scrollgrid-sync-inner").map(R);return l.length?Math.max(...l):0}function R(e){return e.offsetHeight}function w(e){let l=E(e.cols,"width"),i=E(e.cols,"minWidth"),s=t.hasShrinkWidth(e.cols);return{hasShrinkCol:s,totalColWidth:l,totalColMinWidth:i,allowXScrolling:"shrink"!==e.width&&Boolean(l||i||s),cols:e.cols,width:e.width}}function E(e,t){let l=0;for(let i of e){let e=i[t];"number"==typeof e&&(l+=e*(i.span||1))}return l}S.addStateEquality({shrinkWidths:t.isArraysEqual,scrollerClientWidths:t.isPropsEqual,scrollerClientHeights:t.isPropsEqual});const C={cols:t.isColPropsEqual};function b(e,l){return t.compareObjs(e,l,C)}function W(e,...t){return new p(e,t)}function k(e){e.destroy()}function v(e,t){return new u(e,t)}function M(e){e.destroy()}var x=t.createPlugin({deps:[s.default],scrollGridImpl:S});return t.config.SCROLLGRID_RESIZE_INTERVAL=500,t.globalPlugins.push(x),e.ScrollGrid=S,e.default=x,e.setScrollFromLeftEdge=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},FullCalendar);