fullcalendar 6.1.11 → 6.1.13

package/index.global.js

@@ -1,7 +1,7 @@
 /*!
-FullCalendar Standard Bundle v6.1.11
+FullCalendar Standard Bundle v6.1.13
 Docs & License: https://fullcalendar.io/docs/initialize-globals
-(c) 2023 Adam Shaw
+(c) 2024 Adam Shaw
 */
 var FullCalendar = (function (exports) {
     'use strict';
@@ -5504,10 +5504,10 @@ var FullCalendar = (function (exports) {
     function computeRect(el) {
         let rect = el.getBoundingClientRect();
         return {
-            left: rect.left + window.pageXOffset,
-            top: rect.top + window.pageYOffset,
-            right: rect.right + window.pageXOffset,
-            bottom: rect.bottom + window.pageYOffset,
+            left: rect.left + window.scrollX,
+            top: rect.top + window.scrollY,
+            right: rect.right + window.scrollX,
+            bottom: rect.bottom + window.scrollY,
         };
     }
     function computeClippedClientRect(el) {
@@ -5698,16 +5698,16 @@ var FullCalendar = (function (exports) {
     }
     class WindowScrollController extends ScrollController {
         getScrollTop() {
-            return window.pageYOffset;
+            return window.scrollY;
         }
         getScrollLeft() {
-            return window.pageXOffset;
+            return window.scrollX;
         }
         setScrollTop(n) {
-            window.scroll(window.pageXOffset, n);
+            window.scroll(window.scrollX, n);
         }
         setScrollLeft(n) {
-            window.scroll(n, window.pageYOffset);
+            window.scroll(n, window.scrollY);
         }
         getScrollWidth() {
             return document.documentElement.scrollWidth;
@@ -9835,7 +9835,7 @@ var FullCalendar = (function (exports) {
         return sliceEventStore(props.eventStore, props.eventUiBases, props.dateProfile.activeRange, allDay ? props.nextDayThreshold : null).fg;
     }
 
-    const version = '6.1.11';
+    const version = '6.1.13';
 
     config.touchMouseIgnoreWait = 500;
     let ignoreMouseDepth = 0;
@@ -9937,8 +9937,8 @@ var FullCalendar = (function (exports) {
             };
             this.handleScroll = (ev) => {
                 if (!this.shouldIgnoreMove) {
-                    let pageX = (window.pageXOffset - this.prevScrollX) + this.prevPageX;
-                    let pageY = (window.pageYOffset - this.prevScrollY) + this.prevPageY;
+                    let pageX = (window.scrollX - this.prevScrollX) + this.prevPageX;
+                    let pageY = (window.scrollY - this.prevScrollY) + this.prevPageY;
                     this.emitter.trigger('pointermove', {
                         origEvent: ev,
                         isTouch: this.isTouchDragging,
@@ -10007,8 +10007,8 @@ var FullCalendar = (function (exports) {
             if (this.shouldWatchScroll) {
                 this.prevPageX = ev.pageX;
                 this.prevPageY = ev.pageY;
-                this.prevScrollX = window.pageXOffset;
-                this.prevScrollY = window.pageYOffset;
+                this.prevScrollX = window.scrollX;
+                this.prevScrollY = window.scrollY;
             }
         }
         destroyScrollWatch() {
@@ -10127,15 +10127,15 @@ var FullCalendar = (function (exports) {
         start(sourceEl, pageX, pageY) {
             this.sourceEl = sourceEl;
             this.sourceElRect = this.sourceEl.getBoundingClientRect();
-            this.origScreenX = pageX - window.pageXOffset;
-            this.origScreenY = pageY - window.pageYOffset;
+            this.origScreenX = pageX - window.scrollX;
+            this.origScreenY = pageY - window.scrollY;
             this.deltaX = 0;
             this.deltaY = 0;
             this.updateElPosition();
         }
         handleMove(pageX, pageY) {
-            this.deltaX = (pageX - window.pageXOffset) - this.origScreenX;
-            this.deltaY = (pageY - window.pageYOffset) - this.origScreenY;
+            this.deltaX = (pageX - window.scrollX) - this.origScreenX;
+            this.deltaY = (pageY - window.scrollY) - this.origScreenY;
             this.updateElPosition();
         }
         // can be called before start
@@ -10213,6 +10213,7 @@ var FullCalendar = (function (exports) {
                 // would use preventSelection(), but that prevents selectstart, causing problems.
                 mirrorEl.style.userSelect = 'none';
                 mirrorEl.style.webkitUserSelect = 'none';
+                mirrorEl.style.pointerEvents = 'none';
                 mirrorEl.classList.add('fc-event-dragging');
                 applyStyle(mirrorEl, {
                     position: 'fixed',
@@ -10368,7 +10369,7 @@ var FullCalendar = (function (exports) {
             this.everMovedRight = false;
             this.animate = () => {
                 if (this.isAnimating) { // wasn't cancelled between animation calls
-                    let edge = this.computeBestEdge(this.pointerScreenX + window.pageXOffset, this.pointerScreenY + window.pageYOffset);
+                    let edge = this.computeBestEdge(this.pointerScreenX + window.scrollX, this.pointerScreenY + window.scrollY);
                     if (edge) {
                         let now = getTime();
                         this.handleSide(edge, (now - this.msSinceRequest) / 1000);
@@ -10394,8 +10395,8 @@ var FullCalendar = (function (exports) {
         }
         handleMove(pageX, pageY) {
             if (this.isEnabled) {
-                let pointerScreenX = pageX - window.pageXOffset;
-                let pointerScreenY = pageY - window.pageYOffset;
+                let pointerScreenX = pageX - window.scrollX;
+                let pointerScreenY = pageY - window.scrollY;
                 let yDelta = this.pointerScreenY === null ? 0 : pointerScreenY - this.pointerScreenY;
                 let xDelta = this.pointerScreenX === null ? 0 : pointerScreenX - this.pointerScreenX;
                 if (yDelta < 0) {
@@ -10475,6 +10476,10 @@ var FullCalendar = (function (exports) {
                         (!bestSide || bestSide.distance > bottomDist)) {
                         bestSide = { scrollCache, name: 'bottom', distance: bottomDist };
                     }
+                    /*
+                    TODO: fix broken RTL scrolling. canScrollLeft always returning false
+                    https://github.com/fullcalendar/fullcalendar/issues/4837
+                    */
                     if (leftDist <= edgeThreshold && this.everMovedLeft && scrollCache.canScrollLeft() &&
                         (!bestSide || bestSide.distance > leftDist)) {
                         bestSide = { scrollCache, name: 'left', distance: leftDist };
@@ -10502,6 +10507,10 @@ var FullCalendar = (function (exports) {
                     els.push(query);
                 }
                 else {
+                    /*
+                    TODO: in the future, always have auto-scroll happen on element where current Hit came from
+                    Ticket: https://github.com/fullcalendar/fullcalendar/issues/4593
+                    */
                     els.push(...Array.prototype.slice.call(scrollStartEl.getRootNode().querySelectorAll(query)));
                 }
             }
@@ -10676,6 +10685,7 @@ var FullCalendar = (function (exports) {
     */
     class OffsetTracker {
         constructor(el) {
+            this.el = el;
             this.origRect = computeRect(el);
             // will work fine for divs that have overflow:hidden
             this.scrollCaches = getClippingParents(el).map((scrollEl) => new ElementScrollGeomCache(scrollEl, true));
@@ -10735,6 +10745,7 @@ var FullCalendar = (function (exports) {
             // options that can be set by caller
             this.useSubjectCenter = false;
             this.requireInitial = true; // if doesn't start out on a hit, won't emit any events
+            this.disablePointCheck = false;
             this.initialHit = null;
             this.movingHit = null;
             this.finalHit = null; // won't ever be populated if shouldIgnoreMove
@@ -10851,6 +10862,13 @@ var FullCalendar = (function (exports) {
                         if (hit && (
                         // make sure the hit is within activeRange, meaning it's not a dead cell
                         rangeContainsRange(hit.dateProfile.activeRange, hit.dateSpan.range)) &&
+                            // Ensure the component we are querying for the hit is accessibly my the pointer
+                            // Prevents obscured calendars (ex: under a modal dialog) from accepting hit
+                            // https://github.com/fullcalendar/fullcalendar/issues/5026
+                            (this.disablePointCheck ||
+                                offsetTracker.el.contains(document.elementFromPoint(
+                                // add-back origins to get coordinate relative to top-left of window viewport
+                                positionLeft + originLeft - window.scrollX, positionTop + originTop - window.scrollY))) &&
                             (!bestHit || hit.layer > bestHit.layer)) {
                             hit.componentId = id;
                             hit.context = component.context;
@@ -11131,7 +11149,7 @@ var FullCalendar = (function (exports) {
                     let receivingOptions = receivingContext.options;
                     if (initialContext === receivingContext ||
                         (receivingOptions.editable && receivingOptions.droppable)) {
-                        mutation = computeEventMutation(initialHit, hit, receivingContext.getCurrentData().pluginHooks.eventDragMutationMassagers);
+                        mutation = computeEventMutation(initialHit, hit, this.eventRange.instance.range.start, receivingContext.getCurrentData().pluginHooks.eventDragMutationMassagers);
                         if (mutation) {
                             mutatedRelevantEvents = applyMutationToEventStore(relevantEvents, receivingContext.getCurrentData().eventUiBases, mutation, receivingContext);
                             interaction.mutatedEvents = mutatedRelevantEvents;
@@ -11338,7 +11356,7 @@ var FullCalendar = (function (exports) {
     // TODO: test this in IE11
     // QUESTION: why do we need it on the resizable???
     EventDragging.SELECTOR = '.fc-event-draggable, .fc-event-resizable';
-    function computeEventMutation(hit0, hit1, massagers) {
+    function computeEventMutation(hit0, hit1, eventInstanceStart, massagers) {
         let dateSpan0 = hit0.dateSpan;
         let dateSpan1 = hit1.dateSpan;
         let date0 = dateSpan0.range.start;
@@ -11350,7 +11368,12 @@ var FullCalendar = (function (exports) {
             if (dateSpan1.allDay) {
                 // means date1 is already start-of-day,
                 // but date0 needs to be converted
-                date0 = startOfDay(date0);
+                date0 = startOfDay(eventInstanceStart);
+            }
+            else {
+                // Moving from allDate->timed
+                // Doesn't matter where on the event the drag began, mutate the event's start-date to date1
+                date0 = eventInstanceStart;
             }
         }
         let delta = diffDates(date0, date1, hit0.context.dateEnv, hit0.componentId === hit1.componentId ?
@@ -11917,7 +11940,10 @@ var FullCalendar = (function (exports) {
             if (typeof settings.mirrorSelector === 'string') {
                 dragging.mirrorSelector = settings.mirrorSelector;
             }
-            new ExternalElementDragging(dragging, settings.eventData); // eslint-disable-line no-new
+            let externalDragging = new ExternalElementDragging(dragging, settings.eventData);
+            // The hit-detection system requires that the dnd-mirror-element be pointer-events:none,
+            // but this can't be guaranteed for third-party draggables, so disable
+            externalDragging.hitDragging.disablePointCheck = true;
         }
         destroy() {
             this.dragging.destroy();