@syncfusion/ej2-schedule 32.1.20 → 32.1.22

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

@@ -10043,7 +10043,9 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
     QuickPopups.prototype.render = function () {
         this.renderQuickPopup();
         this.renderMorePopup();
-        this.renderQuickDialog();
+        if (this.parent.prerenderDialogs) {
+            this.renderQuickDialog();
+        }
     };
     QuickPopups.prototype.renderQuickPopup = function () {
         var quickPopupWrapper = createElement('div', { className: POPUP_WRAPPER_CLASS + ' e-popup-close', attrs: { role: 'dialog' } });
@@ -10203,6 +10205,9 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
         this.fieldValidator.renderFormValidator(form, rules, this.quickPopup.element, this.parent.locale);
     };
     QuickPopups.prototype.openRecurrenceAlert = function () {
+        if (!this.parent.prerenderDialogs) {
+            this.renderQuickDialog();
+        }
         var editDeleteOnly = this.quickDialog.element.querySelector('.' + QUICK_DIALOG_ALERT_OK);
         if (editDeleteOnly) {
             editDeleteOnly.innerHTML = this.l10n.getConstant(this.parent.currentAction === 'Delete' ? 'deleteEvent' : 'editEvent');
@@ -10224,6 +10229,9 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
         this.showQuickDialog('RecurrenceAlert');
     };
     QuickPopups.prototype.openRecurrenceValidationAlert = function (type) {
+        if (!this.parent.prerenderDialogs) {
+            this.renderQuickDialog();
+        }
         this.quickDialogClass('Alert');
         var okButton = this.quickDialog.element.querySelector('.' + QUICK_DIALOG_ALERT_OK);
         okButton.innerHTML = this.l10n.getConstant('ok');
@@ -10267,6 +10275,9 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
         if (this.parent.activeViewOptions.readonly) {
             return;
         }
+        if (!this.parent.prerenderDialogs) {
+            this.renderQuickDialog();
+        }
         var okButton = this.quickDialog.element.querySelector('.' + QUICK_DIALOG_ALERT_OK);
         if (okButton) {
             okButton.innerHTML = this.l10n.getConstant('delete');
@@ -10285,6 +10296,9 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
         this.showQuickDialog('DeleteAlert');
     };
     QuickPopups.prototype.openValidationError = function (type, eventData) {
+        if (!this.parent.prerenderDialogs) {
+            this.renderQuickDialog();
+        }
         this.quickDialog.header = this.l10n.getConstant('alert');
         this.quickDialog.content = this.l10n.getConstant(type);
         var okButton = this.quickDialog.element.querySelector('.' + QUICK_DIALOG_ALERT_OK);
@@ -10314,6 +10328,9 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
             if (!popupArgs.cancel) {
                 _this.quickDialog.show();
             }
+            if (!_this.parent.prerenderDialogs && popupArgs.cancel) {
+                _this.destroyQuickDialog();
+            }
         });
     };
     QuickPopups.prototype.createMoreEventList = function (eventCollection, groupOrder, groupIndex) {
@@ -10631,6 +10648,7 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
             var cellDetails = void 0;
             var argsData = void 0;
             var resourceText = this.getResourceText(args, type.toLowerCase());
+            var isResourceEmpty = this.parent.isResourceCollectionEmpty();
             switch (type) {
                 case 'Cell':
                     cellDetails = this.getFormattedString(data);
@@ -10665,7 +10683,7 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
                         content += '<div class="' + DESCRIPTION_CLASS + '"><div class="' + DESCRIPTION_ICON_CLASS + ' ' + ICON +
                             '"></div><div class="' + DESCRIPTION_DETAILS_CLASS + ' ' + TEXT_ELLIPSIS + '"></div></div>';
                     }
-                    if (this.parent.resourceCollection.length > 0) {
+                    if (this.parent.resourceCollection.length > 0 && !isResourceEmpty) {
                         content += '<div class="' + RESOURCE_CLASS + '"><div class="' + RESOURCE_ICON_CLASS + ' ' + ICON +
                             '"></div><div class="' + RESOURCE_DETAILS_CLASS + ' ' + TEXT_ELLIPSIS + '"></div></div>';
                     }
@@ -10728,7 +10746,8 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
         return footerTemplate;
     };
     QuickPopups.prototype.getResourceText = function (args, type) {
-        if (this.parent.resourceCollection.length === 0) {
+        var isResourceEmpty = this.parent.isResourceCollectionEmpty();
+        if (this.parent.resourceCollection.length === 0 || isResourceEmpty) {
             return null;
         }
         var resourceValue = '';
@@ -10968,7 +10987,6 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
     };
     QuickPopups.prototype.dialogButtonClick = function (event) {
         this.dialogEvent = event;
-        this.quickDialog.hide();
         var target = event.target;
         var cancelBtn = this.quickDialog.element.querySelector('.' + QUICK_DIALOG_ALERT_CANCEL);
         var eventData = this.parent.activeEventData.event;
@@ -11013,6 +11031,9 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
             this.parent.uiStateValues.isIgnoreOccurrence = target.classList.contains(QUICK_DIALOG_ALERT_CANCEL);
             this.parent.eventWindow.eventSave(event, this.l10n.getConstant('ok'));
         }
+        if (!isNullOrUndefined(this.quickDialog)) {
+            this.quickDialog.hide();
+        }
     };
     QuickPopups.prototype.updateTapHoldEventPopup = function (target) {
         var selectedElements = this.parent.eventBase.getSelectedEventElements(target);
@@ -11080,6 +11101,9 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
         this.parent.trigger(popupClose, args, function (popupCloseArgs) {
             if (!popupCloseArgs.cancel) {
                 _this.parent.eventBase.focusElement(true);
+                if (!_this.parent.prerenderDialogs) {
+                    _this.destroyQuickDialog();
+                }
             }
         });
     };
@@ -11406,7 +11430,9 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
     };
     QuickPopups.prototype.refreshQuickDialog = function () {
         this.destroyQuickDialog();
-        this.renderQuickDialog();
+        if (this.parent.prerenderDialogs) {
+            this.renderQuickDialog();
+        }
     };
     QuickPopups.prototype.refreshQuickPopup = function () {
         this.destroyQuickPopup();
@@ -11417,7 +11443,7 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
         this.renderMorePopup();
     };
     QuickPopups.prototype.destroyQuickDialog = function () {
-        if (this.quickDialog.element) {
+        if (this.quickDialog && this.quickDialog.element) {
             this.quickDialog.destroy();
             remove(this.quickDialog.element);
             this.quickDialog = null;
@@ -12823,7 +12849,9 @@ var EventWindow = /** @__PURE__ @class */ (function () {
         this.l10n = this.parent.localeObj;
         this.fields = this.parent.eventFields;
         this.eventWindowTime = { startTime: new Date(), endTime: new Date() };
-        this.renderEventWindow();
+        if (this.parent.prerenderDialogs) {
+            this.renderEventWindow();
+        }
     }
     EventWindow.prototype.renderEventWindow = function () {
         this.element = createElement('div', { id: this.parent.element.id + '_dialog_wrapper' });
@@ -12911,6 +12939,9 @@ var EventWindow = /** @__PURE__ @class */ (function () {
         }
     };
     EventWindow.prototype.openEditor = function (data, type, isEventData, repeatType) {
+        if (!this.parent.prerenderDialogs) {
+            this.renderEventWindow();
+        }
         this.parent.currentAction = type;
         this.parent.removeNewEventElement();
         if (this.parent.quickPopup) {
@@ -13099,6 +13130,9 @@ var EventWindow = /** @__PURE__ @class */ (function () {
             }
             callBackPromise.resolve(args);
         });
+        if (!this.parent.prerenderDialogs && args.cancel) {
+            this.destroy(true);
+        }
         return callBackPromise;
     };
     EventWindow.prototype.onBeforeClose = function (args) {
@@ -13126,6 +13160,9 @@ var EventWindow = /** @__PURE__ @class */ (function () {
                     _this.resetForm();
                     _this.parent.eventBase.focusElement(true);
                     _this.eventCrudData = null;
+                    if (!_this.parent.prerenderDialogs) {
+                        _this.destroy(true);
+                    }
                 }
             }
             callBackPromise.resolve(args);
@@ -13222,7 +13259,8 @@ var EventWindow = /** @__PURE__ @class */ (function () {
         else {
             this.createRecurrenceEditor(parentDiv);
         }
-        if (this.parent.resourceCollection.length > 0) {
+        var isResourceEmpty = this.parent.isResourceCollectionEmpty();
+        if (this.parent.resourceCollection.length > 0 && !isResourceEmpty) {
             var resourceParentDiv = this.createDivElement(EVENT_WINDOW_RESOURCES_DIV_CLASS);
             for (var _i = 0, _a = this.parent.resourceBase.resourceCollection; _i < _a.length; _i++) {
                 var resource = _a[_i];
@@ -13767,7 +13805,8 @@ var EventWindow = /** @__PURE__ @class */ (function () {
         if (cellsData.RecurrenceRule) {
             eventObj[this.fields.recurrenceRule] = cellsData.RecurrenceRule;
         }
-        if (this.parent.resourceCollection.length > 0 || this.parent.activeViewOptions.group.resources.length > 0) {
+        var isResourceEmpty = this.parent.isResourceCollectionEmpty();
+        if ((this.parent.resourceCollection.length > 0 && !isResourceEmpty) || this.parent.activeViewOptions.group.resources.length > 0) {
             this.parent.resourceBase.setResourceValues(eventObj);
         }
     };
@@ -14376,7 +14415,7 @@ var EventWindow = /** @__PURE__ @class */ (function () {
             if (endDate.getTime() >= new Date(+startDate).setMonth(startDate.getMonth() + interval)) {
                 alertMessage = 'createError';
             }
-            if (isNullOrUndefined(alertMessage)) {
+            if (isNullOrUndefined(alertMessage) && !isNullOrUndefined(this.parent.quickPopup.quickDialog)) {
                 this.parent.quickPopup.quickDialog.hide();
             }
         }
@@ -17937,10 +17976,13 @@ var ResourceBase = /** @__PURE__ @class */ (function () {
         if (isNullOrUndefined(groupOrder) && this.parent.activeViewOptions.group.allowGroupEdit && resource.allowMultiple) {
             return undefined;
         }
-        var id = isNullOrUndefined(groupOrder) ? eventObj[resource.field] : groupOrder[parseInt(colorFieldIndex.toString(), 10)];
-        var data = this.filterData(resource.dataSource, resource.idField, id);
-        if (data.length > 0) {
-            return data[0][resource.colorField];
+        var isResourceEmpty = this.parent.isResourceCollectionEmpty();
+        if (!isResourceEmpty) {
+            var id = isNullOrUndefined(groupOrder) ? eventObj[resource.field] : groupOrder[parseInt(colorFieldIndex.toString(), 10)];
+            var data = this.filterData(resource.dataSource, resource.idField, id);
+            if (data.length > 0) {
+                return data[0][resource.colorField];
+            }
         }
         return undefined;
     };
@@ -18591,6 +18633,19 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
                 (currentIndex === -1) ? 0 : currentIndex;
         }
     };
+    /**
+     * Checks if resources have empty dataSource
+     *
+     * @returns {boolean} Returns true if resources have empty dataSource, otherwise false
+     * @private
+     */
+    Schedule.prototype.isResourceCollectionEmpty = function () {
+        return this.resourceCollection.length > 0 &&
+            this.resourceCollection.some(function (res) {
+                var ds = res && res.dataSource;
+                return Array.isArray(ds) ? ds.length === 0 : !ds;
+            });
+    };
     Schedule.prototype.getActiveViewOptions = function () {
         var timeScale = {
             enable: this.timeScale.enable,
@@ -18599,12 +18654,20 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
             majorSlotTemplate: this.timeScale.majorSlotTemplate,
             minorSlotTemplate: this.timeScale.minorSlotTemplate
         };
+        var isResourceEmpty = this.isResourceCollectionEmpty();
         var isYearView = this.viewCollections[this.viewIndex].option.indexOf('Year') > -1;
+        var groupResources = [];
+        if ((!isNullOrUndefined(this.group.resources) && this.group.resources.length > 0) && !isResourceEmpty) {
+            groupResources = this.group.resources;
+        }
+        else if (this.resources.length > 0 && !isResourceEmpty) {
+            groupResources = [];
+        }
         var group = {
-            byDate: isYearView ? false : this.group.byDate,
+            byDate: (isYearView || isResourceEmpty) ? false : this.group.byDate,
             byGroupID: this.group.byGroupID,
             allowGroupEdit: this.group.allowGroupEdit,
-            resources: isNullOrUndefined(this.group.resources) ? [] : this.group.resources,
+            resources: groupResources,
             headerTooltipTemplate: this.group.headerTooltipTemplate,
             enableCompactView: this.group.enableCompactView,
             hideNonWorkingDays: ['Day', 'Week', 'WorkWeek', 'Month'].indexOf(this.currentView) > -1 ? this.group.hideNonWorkingDays : false
@@ -19119,7 +19182,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
      * @private
      */
     Schedule.prototype.removeSelectedClass = function () {
-        var selectedCells = this.getSelectedCells();
+        var selectedCells = [].slice.call(this.element.querySelectorAll('.' + SELECTED_CELL_CLASS));
         for (var _i = 0, selectedCells_1 = selectedCells; _i < selectedCells_1.length; _i++) {
             var cell = selectedCells_1[_i];
             cell.removeAttribute('tabindex');
@@ -19552,7 +19615,23 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
      * @private
      */
     Schedule.prototype.getSelectedCells = function () {
-        return [].slice.call(this.element.querySelectorAll('.' + SELECTED_CELL_CLASS));
+        var selectedCells = [].slice.call(this.element.querySelectorAll('.' + SELECTED_CELL_CLASS));
+        if (!selectedCells || selectedCells.length === 0) {
+            return [];
+        }
+        else if (selectedCells.length === 1) {
+            return selectedCells;
+        }
+        if (selectedCells && selectedCells.length > 1) {
+            var hasAnyWorkCells = selectedCells.some(function (cell) { return cell.classList.contains(WORK_CELLS_CLASS); });
+            var workCells = hasAnyWorkCells ?
+                selectedCells.filter(function (cell) { return !cell.classList.contains(ALLDAY_CELLS_CLASS); }) : selectedCells;
+            if (!workCells || workCells.length === 0) {
+                return [];
+            }
+            return workCells.slice().sort(function (a, b) { return (+a.dataset.date || 0) - (+b.dataset.date || 0); });
+        }
+        return selectedCells;
     };
     /**
      * Method to generate the announcement string
@@ -19751,6 +19830,17 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
                         state.isLayout = true;
                     }
                     break;
+                case 'prerenderDialogs': {
+                    if (newProp.prerenderDialogs) {
+                        this.eventWindow.renderEventWindow();
+                        this.quickPopup.renderQuickDialog();
+                    }
+                    else {
+                        this.eventWindow.destroy(true);
+                        this.quickPopup.destroyQuickDialog();
+                    }
+                    break;
+                }
                 case 'showWeekend':
                 case 'startHour':
                 case 'endHour':
@@ -21060,6 +21150,9 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
      */
     Schedule.prototype.openOverlapAlert = function (args) {
         var _this = this;
+        if (!this.prerenderDialogs) {
+            return;
+        }
         if (this.quickPopup) {
             var eventProp = {
                 type: 'OverlapAlert',
@@ -21083,6 +21176,9 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
      */
     Schedule.prototype.closeOverlapAlert = function () {
         var _this = this;
+        if (!this.prerenderDialogs) {
+            return;
+        }
         if (this.quickPopup) {
             var args = {
                 type: 'OverlapAlert',
@@ -21394,6 +21490,9 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
     __decorate$b([
         Property(true)
     ], Schedule.prototype, "showQuickInfo", void 0);
+    __decorate$b([
+        Property(true)
+    ], Schedule.prototype, "prerenderDialogs", void 0);
     __decorate$b([
         Property(false)
     ], Schedule.prototype, "allowInline", void 0);