@syncfusion/ej2-schedule 31.1.21 → 31.2.2

package/dist/es6/ej2-schedule.es2015.js

@@ -6723,8 +6723,11 @@ class EventBase {
         return this.parent.eventsData.filter((data) => data[this.parent.eventFields.id] === id)[0];
     }
     generateGuid() {
+        const randomNumbers = new Uint8Array(32);
+        window.crypto.getRandomValues(randomNumbers);
+        let index = 0;
         return 'xyxxxxyx-xxxy-yxxx-xyxx-xxyxxxxyyxxx'.replace(/[xy]/g, (c) => {
-            const r = Math.random() * 16 | 0;
+            const r = randomNumbers[index++] & 0xf;
             const v = (c === 'x') ? r : (r & 0x3 | 0x8);
             return v.toString(16);
         });
@@ -11249,6 +11252,7 @@ class EventTooltip {
         }
         const record = this.parent.eventBase.getEventByGuid(args.target.getAttribute('data-guid'));
         if (isNullOrUndefined(record)) {
+            this.setContent('No Title');
             return;
         }
         if (!isNullOrUndefined(this.parent.eventSettings.tooltipTemplate)) {
@@ -14580,7 +14584,13 @@ class VirtualScroll {
     }
     setItemSize() {
         if (this.isHorizontalScroll) {
-            this.itemSize = getElementWidthFromClass(this.parent.activeView.element, WORK_CELLS_CLASS, this.parent.uiStateValues.isTransformed) || this.itemSize;
+            if (this.parent.group.byDate) {
+                const colElement = this.parent.element.querySelector('.' + DATE_HEADER_WRAP_CLASS + ' table col');
+                this.itemSize = colElement ? getElementWidth(colElement, this.parent.uiStateValues.isTransformed) : this.itemSize;
+            }
+            else {
+                this.itemSize = getElementWidthFromClass(this.parent.activeView.element, WORK_CELLS_CLASS, this.parent.uiStateValues.isTransformed) || this.itemSize;
+            }
         }
         else {
             this.itemSize = this.parent.getElementHeightFromClass(this.parent.activeView.element, WORK_CELLS_CLASS) || this.itemSize;
@@ -14938,12 +14948,13 @@ class VirtualScroll {
         const thead = conWrap.querySelector('thead');
         const table = conWrap.querySelector('table');
         this.parent.activeView.colLevels[this.parent.activeView.colLevels.length - 1] = resCollection;
-        const newGroupIndices = new Set(resCollection.map((data) => data.groupIndex));
+        const newIndices = this.parent.activeViewOptions.group.byDate
+            ? new Set(resCollection.map((data) => data.date.getTime()))
+            : new Set(resCollection.map((data) => data.groupIndex));
         renderedRows.forEach((row) => {
-            const tdElements = row.querySelectorAll('td');
+            const tdElements = Array.from(row.querySelectorAll('td'));
             tdElements.forEach((td) => {
-                const groupIndex = parseInt(td.getAttribute('data-group-index'), 10);
-                if (!newGroupIndices.has(groupIndex)) {
+                if (!newIndices.has(this.getIdentifier(td))) {
                     td.remove();
                 }
             });
@@ -14965,6 +14976,13 @@ class VirtualScroll {
         const contentRows = this.parent.activeView.getContentRows();
         this.mergeNewTdData(tbody, contentRows);
     }
+    getIdentifier(td) {
+        if (this.parent.activeViewOptions.group.byDate) {
+            const date = new Date(parseInt(td.getAttribute('data-date'), 10));
+            return resetTime(date).getTime();
+        }
+        return parseInt(td.getAttribute('data-group-index'), 10);
+    }
     mergeNewTdData(tbody, contentRows) {
         const existingRows = Array.from(tbody.querySelectorAll('tr'));
         existingRows.forEach((existingRow, rowIndex) => {
@@ -14973,11 +14991,9 @@ class VirtualScroll {
                 const existingTds = Array.from(existingRow.querySelectorAll('td'));
                 const newTds = Array.from(newRow.querySelectorAll('td'));
                 newTds.forEach((newTd) => {
-                    const newGroupIndex = parseInt(newTd.getAttribute('data-group-index').toString(), 10);
                     let inserted = false;
                     for (const existingTd of existingTds) {
-                        const existingGroupIndex = parseInt(existingTd.getAttribute('data-group-index').toString(), 10);
-                        if (newGroupIndex < existingGroupIndex) {
+                        if (this.getIdentifier(newTd) < this.getIdentifier(existingTd)) {
                             existingRow.insertBefore(newTd, existingTd);
                             inserted = true;
                             break;
@@ -22443,7 +22459,8 @@ class YearEvent extends TimelineEvent {
         for (const app of appointments) {
             const appStart = new Date(app[this.fields.startTime].getTime());
             const appEnd = new Date(app[this.fields.endTime].getTime());
-            const timeCondition = app[this.fields.isAllDay] ? resetTime(appEnd).getTime() > dateStart :
+            const timeCondition = app[this.fields.isAllDay] ? (resetTime(appEnd).getTime() > dateStart ||
+                (resetTime(appEnd).getTime() === dateStart && appEnd.getTime() !== resetTime(appEnd).getTime())) :
                 resetTime(appEnd).getTime() >= dateStart;
             if (((resetTime(appStart).getTime() <= dateStart) && (timeCondition)) ||
                 (resetTime(appStart).getTime() >= dateStart) && (resetTime(appEnd).getTime() <= dateEnd)) {
@@ -24483,14 +24500,26 @@ class ViewBase {
             this.parent.resourceBase.expandedResources = this.colLevels[this.colLevels.length - 1];
         }
     }
-    getGroupIndices(dataCollection) {
-        let groupIndices = [];
-        if (this.parent.virtualScrollModule && this.parent.activeViewOptions.group.resources.length > 0 && (dataCollection ||
-            this.parent.virtualScrollModule.existingDataCollection.length > 0) && !this.parent.uiStateValues.isGroupAdaptive) {
-            dataCollection = isNullOrUndefined(dataCollection) ? this.parent.virtualScrollModule.existingDataCollection : dataCollection;
-            groupIndices = dataCollection.map((data) => data.groupIndex);
+    getCollection(dataCollection) {
+        if (this.parent.virtualScrollModule && this.parent.activeViewOptions.group.resources.length > 0 &&
+            !this.parent.uiStateValues.isGroupAdaptive && (dataCollection ||
+            this.parent.virtualScrollModule.existingDataCollection.length > 0)) {
+            return isNullOrUndefined(dataCollection) ? this.parent.virtualScrollModule.existingDataCollection : dataCollection;
         }
-        return groupIndices;
+        return [];
+    }
+    getGroupIndices(dataCollection) {
+        return this.getCollection(dataCollection).map((data) => data.groupIndex);
+    }
+    getRenderedDate(dataCollection) {
+        const processedDates = [];
+        this.getCollection(dataCollection).forEach((tdData) => {
+            const date = tdData.date.getTime();
+            if (processedDates.indexOf(date) === -1) {
+                processedDates.push(date);
+            }
+        });
+        return processedDates;
     }
     destroy() {
         if (this.element && this.element.parentNode) {
@@ -25160,15 +25189,17 @@ class VerticalView extends ViewBase {
         const rows = [];
         const tr = createElement('tr');
         const td = createElement('td');
-        const existingGroupIndices = this.getGroupIndices();
+        let existingIndices = [];
+        if (this.parent.virtualScrollModule && this.parent.activeViewOptions.group.resources.length > 0) {
+            existingIndices = this.parent.activeViewOptions.group.byDate ? this.getRenderedDate() : this.getGroupIndices();
+        }
         const handler = (r) => {
             const ntr = tr.cloneNode();
             for (const tdData of this.colLevels[this.colLevels.length - 1]) {
                 let isAllowTdCreation = true;
                 if (this.parent.virtualScrollModule && this.parent.activeViewOptions.group.resources.length > 0) {
-                    if (existingGroupIndices.indexOf(tdData.groupIndex) > -1) {
-                        isAllowTdCreation = false;
-                    }
+                    const index = this.parent.activeViewOptions.group.byDate ? tdData.date.getTime() : tdData.groupIndex;
+                    isAllowTdCreation = existingIndices.indexOf(index) < 0;
                 }
                 if (isAllowTdCreation) {
                     const ntd = this.createContentTd(tdData, r, td);