@syncfusion/ej2-schedule 25.2.7 → 26.1.38

package/src/schedule/popups/event-window.js

@@ -1107,7 +1107,7 @@ var EventWindow = /** @class */ (function () {
     };
     EventWindow.prototype.getFormat = function (formatType) {
         var format;
-        if (this.parent.locale === 'en' || this.parent.locale === 'en-US') {
+        if (isNullOrUndefined(this.parent.locale) || this.parent.locale === 'en' || this.parent.locale === 'en-US') {
             format = getValue(formatType + '.short', getDefaultDateObject(this.parent.getCalendarMode()));
         }
         else {

package/src/schedule/popups/quick-popups.js

@@ -325,7 +325,7 @@ var QuickPopups = /** @class */ (function () {
                 var templateElement = void 0;
                 if (!isNullOrUndefined(this_1.parent.activeViewOptions.eventTemplate)) {
                     var tempId = this_1.parent.element.id + '_' + this_1.parent.activeViewOptions.eventTemplateName + 'eventTemplate';
-                    templateElement = this_1.parent.getAppointmentTemplate()(eventData, this_1.parent, 'eventTemplate', tempId, false);
+                    templateElement = this_1.parent.getAppointmentTemplate()(eventData, this_1.parent, 'eventTemplate', tempId, false, undefined, undefined, this_1.parent.root);
                     append(templateElement, appointmentElement);
                 }
                 else {

package/src/schedule/renderer/header-renderer.js

@@ -74,7 +74,8 @@ var HeaderRenderer = /** @class */ (function () {
     };
     HeaderRenderer.prototype.renderToolbar = function () {
         var _this = this;
-        var items = (this.parent.toolbarItems && this.parent.toolbarItems.length > 0) ? this.getToolbarItems() : this.getItems();
+        var items = (this.parent.toolbarItems && this.parent.toolbarItems.length > 0) ?
+            this.getToolbarItems() : this.getItems();
         this.parent.trigger(events.actionBegin, { requestType: 'toolbarItemRendering', items: items }, function (args) {
             _this.toolbarObj = new Toolbar({
                 items: args.items,
@@ -167,6 +168,7 @@ var HeaderRenderer = /** @class */ (function () {
         if (!selEle) {
             return;
         }
+        selEle.firstElementChild.setAttribute('aria-haspopup', 'true');
         var textEle = selEle.querySelector('.e-tbar-btn-text');
         if (this.parent.activeViewOptions.dateRangeTemplate) {
             textEle.textContent = '';
@@ -176,7 +178,7 @@ var HeaderRenderer = /** @class */ (function () {
             };
             var viewName = this.parent.activeViewOptions.dateRangeTemplateName;
             var templateId = this.parent.element.id + '_' + viewName + 'dateRangeTemplate';
-            var dateTemplate = [].slice.call(this.parent.getDateRangeTemplate()(args, this.parent, 'dateRangeTemplate', templateId, false));
+            var dateTemplate = [].slice.call(this.parent.getDateRangeTemplate()(args, this.parent, 'dateRangeTemplate', templateId, false, undefined, undefined, this.parent.root));
             append(dateTemplate, textEle);
         }
         else {
@@ -314,7 +316,7 @@ var HeaderRenderer = /** @class */ (function () {
                         items.push(__assign({}, tbItem, propItem));
                         break;
                     case 'Views':
-                        if (this.parent.views.length > 1) {
+                        if (!isNullOrUndefined(this.parent.views) && this.parent.views.length > 1) {
                             for (var _b = 0, _c = this.parent.views; _b < _c.length; _b++) {
                                 var view = _c[_b];
                                 tbItem = this.getItemObject(view);
@@ -364,11 +366,11 @@ var HeaderRenderer = /** @class */ (function () {
                 align: 'Right', showAlwaysInPopup: (this.parent.isAdaptive || this.parent.enableAdaptiveUI), prefixIcon: 'e-icon-today',
                 text: this.l10n.getConstant('today'), cssClass: 'e-today', overflow: 'Show'
             });
-            if (this.parent.views.length > 1) {
+            if (!isNullOrUndefined(this.parent.views) && this.parent.views.length > 1) {
                 items.push({ align: 'Right', type: 'Separator', cssClass: 'e-schedule-seperator' });
             }
         }
-        if (this.parent.views.length > 1) {
+        if (!isNullOrUndefined(this.parent.views) && this.parent.views.length > 1) {
             for (var _i = 0, _a = this.parent.views; _i < _a.length; _i++) {
                 var item = _a[_i];
                 items.push(this.getItemObject(item));

package/src/schedule/renderer/month.js

@@ -347,7 +347,7 @@ var Month = /** @class */ (function (_super) {
                 var elementId = this.parent.element.id + '_';
                 var viewName = this.parent.activeViewOptions.dateHeaderTemplateName;
                 var templateId = elementId + viewName + 'dateHeaderTemplate';
-                var dateTemplate = [].slice.call(this.parent.getDateHeaderTemplate()(cellArgs, this.parent, 'dateHeaderTemplate', templateId, false));
+                var dateTemplate = [].slice.call(this.parent.getDateHeaderTemplate()(cellArgs, this.parent, 'dateHeaderTemplate', templateId, false, undefined, undefined, this.parent.root));
                 if (dateTemplate && dateTemplate.length) {
                     append(dateTemplate, tdEle);
                 }
@@ -523,7 +523,7 @@ var Month = /** @class */ (function (_super) {
             var scheduleId = this.parent.element.id + '_';
             var viewName = this.parent.activeViewOptions.cellTemplateName;
             var templateId = scheduleId + viewName + 'cellTemplate';
-            var cellTemplate = [].slice.call(this.parent.getCellTemplate()(args_1, this.parent, 'cellTemplate', templateId, false));
+            var cellTemplate = [].slice.call(this.parent.getCellTemplate()(args_1, this.parent, 'cellTemplate', templateId, false, undefined, undefined, this.parent.root));
             append(cellTemplate, ntd);
         }
         var args = { elementType: type, element: ntd, date: data.date, groupIndex: data.groupIndex };
@@ -540,7 +540,7 @@ var Month = /** @class */ (function (_super) {
             var scheduleId = this.parent.element.id + '_';
             var viewName = this.parent.activeViewOptions.cellHeaderTemplateName;
             var templateId = scheduleId + viewName + 'cellHeaderTemplate';
-            var cellHeaderTemplate = [].slice.call(this.parent.getCellHeaderTemplate()(args, this.parent, 'cellHeaderTemplate', templateId, false));
+            var cellHeaderTemplate = [].slice.call(this.parent.getCellHeaderTemplate()(args, this.parent, 'cellHeaderTemplate', templateId, false, undefined, undefined, this.parent.root));
             append(cellHeaderTemplate, dateHeader);
         }
         else {
@@ -670,7 +670,8 @@ var Month = /** @class */ (function (_super) {
         return this.formatDateRange(this.parent.selectedDate);
     };
     Month.prototype.getLabelText = function (view) {
-        return this.parent.localeObj.getConstant(view) + ' of ' + util.capitalizeFirstWord(this.parent.globalize.formatDate(this.parent.selectedDate, { format: 'MMMM y', calendar: this.parent.getCalendarMode() }), 'single');
+        var viewStr = view.charAt(0).toLowerCase() + view.substring(1);
+        return this.formatViewLabel(viewStr, this.getStartDate(), this.getEndDate());
     };
     Month.prototype.createWeekNumberElement = function (text) {
         var tr = createElement('tr');

package/src/schedule/renderer/renderer.js

@@ -147,9 +147,15 @@ var Render = /** @class */ (function () {
         }
     };
     Render.prototype.updateLabelText = function (view) {
-        var content = this.parent.activeView.getLabelText(view);
         this.parent.element.setAttribute('role', 'application');
-        this.parent.element.setAttribute('aria-label', content);
+        this.parent.element.removeAttribute('aria-labelledby');
+        this.parent.element.removeAttribute('aria-label');
+        if (view === 'Year') {
+            this.parent.element.setAttribute('aria-label', this.parent.activeView.getLabelText(view));
+        }
+        else {
+            this.parent.element.setAttribute('aria-labelledby', this.parent.element.id + '_table');
+        }
     };
     return Render;
 }());

package/src/schedule/renderer/timeline-year.js

@@ -413,10 +413,10 @@ var TimelineYear = /** @class */ (function (_super) {
         var monthId = "schedule_" + this.parent.activeViewOptions.dayHeaderTemplateName + "monthHeaderTemplate";
         if (type === 'dayHeaderTemplate') {
             args.day = this.parent.getDayNames('wide')[column % 7];
-            return [].slice.call(this.parent.getDayHeaderTemplate()(args, this.parent, 'dayHeaderTemplate', dayId, false));
+            return [].slice.call(this.parent.getDayHeaderTemplate()(args, this.parent, 'dayHeaderTemplate', dayId, false, undefined, undefined, this.parent.root));
         }
         else {
-            return [].slice.call(this.parent.getMonthHeaderTemplate()(args, this.parent, 'monthHeaderTemplate', monthId, false));
+            return [].slice.call(this.parent.getMonthHeaderTemplate()(args, this.parent, 'monthHeaderTemplate', monthId, false, undefined, undefined, this.parent.root));
         }
     };
     TimelineYear.prototype.renderCellTemplate = function (data, td) {
@@ -430,7 +430,7 @@ var TimelineYear = /** @class */ (function (_super) {
         var scheduleId = this.parent.element.id + '_';
         var viewName = this.parent.activeViewOptions.cellTemplateName;
         var templateId = scheduleId + viewName + 'cellTemplate';
-        var cellTemplate = [].slice.call(this.parent.getCellTemplate()(args, this.parent, 'cellTemplate', templateId, false));
+        var cellTemplate = [].slice.call(this.parent.getCellTemplate()(args, this.parent, 'cellTemplate', templateId, false, undefined, undefined, this.parent.root));
         append(cellTemplate, td);
     };
     TimelineYear.prototype.scrollToDate = function (scrollDate) {

package/src/schedule/renderer/vertical-view.d.ts

@@ -56,6 +56,7 @@ export declare class VerticalView extends ViewBase implements IRenderer {
     getScrollableElement(): Element;
     getLeftPanelElement(): HTMLElement;
     getEndDateFromStartDate(start: Date): Date;
+    private getStartEndHours;
     getTimeSlotRows(handler?: CallbackFunction): TimeSlotData[];
     getAdjustedDate(startTime: Date): Date;
     destroy(): void;

package/src/schedule/renderer/vertical-view.js

@@ -134,6 +134,9 @@ var VerticalView = /** @class */ (function (_super) {
             this.highlightCurrentTime();
         }
         this.retainScrollPosition();
+        if (!isNullOrUndefined(timeCells) && !isNullOrUndefined(content) && timeCells.scrollTop !== content.scrollTop) {
+            timeCells.scrollTop = content.scrollTop;
+        }
     };
     VerticalView.prototype.setContentHeight = function (element, leftPanelElement, height) {
         if (this.parent.isAdaptive && !this.isTimelineView()) {
@@ -384,7 +387,7 @@ var VerticalView = /** @class */ (function (_super) {
                     templateName = 'dateHeaderTemplate';
                     var args = { date: date, type: type };
                     var viewName = this.parent.activeViewOptions.dateHeaderTemplateName;
-                    cntEle = [].slice.call(this.parent.getDateHeaderTemplate()(args, this.parent, templateName, templateId + viewName + templateName, false));
+                    cntEle = [].slice.call(this.parent.getDateHeaderTemplate()(args, this.parent, templateName, templateId + viewName + templateName, false, undefined, undefined, this.parent.root));
                 }
                 else {
                     wrapper.innerHTML = this.parent.activeView.isTimelineView() ?
@@ -398,7 +401,7 @@ var VerticalView = /** @class */ (function (_super) {
                 if (this.parent.activeViewOptions.timeScale.majorSlotTemplate) {
                     templateName = 'majorSlotTemplate';
                     var args = { date: date, type: type };
-                    cntEle = [].slice.call(this.parent.getMajorSlotTemplate()(args, this.parent, templateName, templateId + templateName, false));
+                    cntEle = [].slice.call(this.parent.getMajorSlotTemplate()(args, this.parent, templateName, templateId + templateName, false, undefined, undefined, this.parent.root));
                 }
                 else {
                     wrapper.innerHTML = "<span>" + this.getTime(date) + "</span>";
@@ -409,7 +412,7 @@ var VerticalView = /** @class */ (function (_super) {
                 if (this.parent.activeViewOptions.timeScale.minorSlotTemplate) {
                     templateName = 'minorSlotTemplate';
                     var args = { date: date, type: type };
-                    cntEle = [].slice.call(this.parent.getMinorSlotTemplate()(args, this.parent, templateName, templateId + templateName, false));
+                    cntEle = [].slice.call(this.parent.getMinorSlotTemplate()(args, this.parent, templateName, templateId + templateName, false, undefined, undefined, this.parent.root));
                 }
                 else {
                     cntEle = [].slice.call(wrapper.childNodes);
@@ -420,7 +423,7 @@ var VerticalView = /** @class */ (function (_super) {
                     var viewName = this.parent.activeViewOptions.cellTemplateName;
                     templateName = 'cellTemplate';
                     var args = { date: date, type: type, groupIndex: groupIndex };
-                    cntEle = [].slice.call(this.parent.getCellTemplate()(args, this.parent, templateName, templateId + viewName + templateName, false));
+                    cntEle = [].slice.call(this.parent.getCellTemplate()(args, this.parent, templateName, templateId + viewName + templateName, false, undefined, undefined, this.parent.root));
                 }
                 break;
         }
@@ -539,7 +542,8 @@ var VerticalView = /** @class */ (function (_super) {
         var appointmentExpandCollapse = createElement('div', {
             attrs: {
                 'tabindex': '0', 'role': 'list',
-                title: this.parent.localeObj.getConstant('expandAllDaySection'), 'aria-disabled': 'false', 'aria-label': 'Expand section'
+                title: this.parent.localeObj.getConstant('expandAllDaySection'), 'aria-disabled': 'false',
+                'aria-label': this.parent.localeObj.getConstant('expandAllDaySection')
             },
             className: cls.ALLDAY_APPOINTMENT_SECTION_CLASS + ' ' + cls.APPOINTMENT_ROW_EXPAND_CLASS + ' ' +
                 cls.ICON + ' ' + cls.DISABLE_CLASS
@@ -696,7 +700,7 @@ var VerticalView = /** @class */ (function (_super) {
         if (!this.parent.isMinMaxDate(cellDate)) {
             clsName.push(cls.DISABLE_DATES);
         }
-        util.setTime(cellDate, util.getDateInMs(r.date));
+        cellDate = new Date(cellDate.setHours(r.date.getHours(), r.date.getMinutes(), r.date.getSeconds(), r.date.getMilliseconds()));
         var type = 'workCells';
         if (tdData.className.indexOf(cls.RESOURCE_PARENT_CLASS) !== -1) {
             clsName.push(cls.RESOURCE_GROUP_CELLS_CLASS);
@@ -713,7 +717,7 @@ var VerticalView = /** @class */ (function (_super) {
             var scheduleId = this.parent.element.id + '_';
             var viewName = this.parent.activeViewOptions.cellTemplateName;
             var templateId = scheduleId + viewName + 'cellTemplate';
-            var tooltipTemplate = [].slice.call(this.parent.getCellTemplate()(args_1, this.parent, 'cellTemplate', templateId, false));
+            var tooltipTemplate = [].slice.call(this.parent.getCellTemplate()(args_1, this.parent, 'cellTemplate', templateId, false, undefined, undefined, this.parent.root));
             append(tooltipTemplate, ntd);
         }
         ntd.setAttribute('data-date', cellDate.getTime().toString());
@@ -769,10 +773,21 @@ var VerticalView = /** @class */ (function (_super) {
         end.setMilliseconds(end.getMilliseconds() + msInterval);
         return end;
     };
+    VerticalView.prototype.getStartEndHours = function (startEndTime) {
+        if (!isNullOrUndefined(startEndTime) && startEndTime !== '') {
+            var startEndDate = new Date(2000, 0, 0, 0);
+            var timeString = startEndTime.split(':');
+            if (timeString.length === 2) {
+                startEndDate.setHours(parseInt(timeString[0], 10), parseInt(timeString[1], 10), 0);
+            }
+            return startEndDate;
+        }
+        return new Date(2000, 0, 0, 0);
+    };
     VerticalView.prototype.getTimeSlotRows = function (handler) {
         var rows = [];
-        var startHour = this.getStartHour();
-        var endHour = this.getEndHour();
+        var startHour = this.getStartEndHours(this.parent.activeViewOptions.startHour);
+        var endHour = this.getStartEndHours(this.parent.activeViewOptions.endHour);
         var msMajorInterval = this.parent.activeViewOptions.timeScale.interval * util.MS_PER_MINUTE;
         var msInterval = msMajorInterval / this.parent.activeViewOptions.timeScale.slotCount;
         var length = Math.round(util.MS_PER_DAY / msInterval);

package/src/schedule/renderer/view-base.d.ts

@@ -55,6 +55,7 @@ export declare class ViewBase {
     isWorkHour(date: Date, startHour: Date, endHour: Date, workDays: number[]): boolean;
     getRenderDates(workDays?: number[]): Date[];
     getNextPreviousDate(type: string): Date;
+    formatViewLabel(view: string, startDate: Date, endDate: Date): string;
     getLabelText(view: string): string;
     getDateRangeText(): string;
     formatDateRange(startDate: Date, endDate?: Date): string;

package/src/schedule/renderer/view-base.js

@@ -35,10 +35,11 @@ var ViewBase = /** @class */ (function () {
                 }
             });
         });
-        if (!isNullOrUndefined(this.parent.resourceBase.renderedResources) && this.parent.resourceBase.renderedResources.length > 0) {
+        var rendereData = this.parent.resourceBase.renderedResources;
+        if (!isNullOrUndefined(rendereData) && rendereData.length > 0) {
             for (var i = 0; i < resourceTd.length; i++) {
                 var element = resourceTd[parseInt(i.toString(), 10)];
-                var data = this.parent.resourceBase.renderedResources[parseInt(i.toString(), 10)];
+                var data = rendereData[parseInt(i.toString(), 10)];
                 if (this.parent.activeView && !isNullOrUndefined(element) && !isNullOrUndefined(data)
                     && parseInt(element.getAttribute('data-group-index'), 10) === data.groupIndex) {
                     this.parent.activeView.setResourceHeaderContent(element, data, cls.RESOURCE_TEXT_CLASS);
@@ -100,9 +101,15 @@ var ViewBase = /** @class */ (function () {
     };
     ViewBase.prototype.setAriaAttributes = function (table) {
         table.setAttribute('role', 'grid');
+        if (this.parent.currentView !== 'Year') {
+            table.setAttribute('id', this.parent.element.id + '_table');
+        }
         table.setAttribute('aria-label', this.getLabelText(this.parent.currentView));
     };
     ViewBase.prototype.createColGroup = function (table, lastRow) {
+        if (isNullOrUndefined(lastRow)) {
+            return;
+        }
         var length = lastRow.length;
         if (lastRow[0] && lastRow[0].colSpan) {
             length = lastRow.map(function (value) { return value.colSpan; }).reduce(function (prev, next) { return prev + next; });
@@ -246,7 +253,7 @@ var ViewBase = /** @class */ (function () {
     };
     ViewBase.prototype.isWorkDay = function (date, workDays) {
         if (workDays === void 0) { workDays = this.parent.activeViewOptions.workDays; }
-        if (workDays.indexOf(date.getDay()) >= 0) {
+        if (!isNullOrUndefined(workDays) && workDays.indexOf(date.getDay()) >= 0) {
             return true;
         }
         return false;
@@ -344,9 +351,29 @@ var ViewBase = /** @class */ (function () {
         var weekLength = type === 'next' ? util.WEEK_LENGTH : -util.WEEK_LENGTH;
         return util.addDays(this.parent.selectedDate, weekLength * this.parent.activeViewOptions.interval);
     };
+    ViewBase.prototype.formatViewLabel = function (view, startDate, endDate) {
+        var formatOptions = { type: 'date', skeleton: 'full', calendar: this.parent.getCalendarMode() };
+        return this.parent.localeObj.getConstant(view) + ' ' + this.parent.localeObj.getConstant('start') + ' ' + this.parent.globalize.formatDate(startDate, formatOptions) + ' '
+            + this.parent.localeObj.getConstant('endAt') + ' ' + this.parent.globalize.formatDate(endDate, formatOptions);
+    };
     ViewBase.prototype.getLabelText = function (view) {
         var viewStr = view.charAt(0).toLowerCase() + view.substring(1);
-        return this.parent.localeObj.getConstant(viewStr) + ' of ' + util.capitalizeFirstWord(this.parent.globalize.formatDate(this.parent.selectedDate, { skeleton: 'long', calendar: this.parent.getCalendarMode() }), 'single');
+        if (view === 'Year' || view === 'TimelineYear') {
+            return this.formatViewLabel(viewStr, this.parent.activeView.getStartDate(), this.parent.activeView.getEndDate());
+        }
+        else {
+            if (this.renderDates.length > 0) {
+                if (this.parent.currentView === 'Day' || this.parent.currentView === 'TimelineDay') {
+                    return this.parent.localeObj.getConstant(viewStr) + ' of ' + util.capitalizeFirstWord(this.parent.globalize.formatDate(this.parent.selectedDate, { type: 'date', skeleton: 'full', calendar: this.parent.getCalendarMode() }), 'single');
+                }
+                else {
+                    return this.formatViewLabel(viewStr, this.renderDates[0], this.renderDates[this.renderDates.length - 1]);
+                }
+            }
+            else {
+                return '';
+            }
+        }
     };
     ViewBase.prototype.getDateRangeText = function () {
         if (this.parent.isAdaptive) {
@@ -373,7 +400,7 @@ var ViewBase = /** @class */ (function () {
         }
         var formattedStr;
         var longDateFormat;
-        if (this.parent.locale === 'en' || this.parent.locale === 'en-US') {
+        if (isNullOrUndefined(this.parent.locale) || this.parent.locale === 'en' || this.parent.locale === 'en-US') {
             longDateFormat = getValue('dateFormats.long', getDefaultDateObject(mode));
         }
         else {
@@ -437,7 +464,7 @@ var ViewBase = /** @class */ (function () {
             var scheduleId = this.parent.element.id + '_';
             var viewName = this.parent.activeViewOptions.resourceHeaderTemplateName;
             var templateId = scheduleId + viewName + 'resourceHeaderTemplate';
-            var quickTemplate = [].slice.call(this.parent.getResourceHeaderTemplate()(data, this.parent, 'resourceHeaderTemplate', templateId, false));
+            var quickTemplate = [].slice.call(this.parent.getResourceHeaderTemplate()(data, this.parent, 'resourceHeaderTemplate', templateId, false, undefined, undefined, this.parent.root));
             append(quickTemplate, tdElement);
         }
         else {

package/src/schedule/renderer/year.js

@@ -280,7 +280,7 @@ var Year = /** @class */ (function (_super) {
     };
     Year.prototype.renderTemplates = function (fn, args, tName, vName, ele) {
         var templateId = this.parent.element.id + '_' + vName + tName;
-        var template = [].slice.call(fn(args, this.parent, tName, templateId, false));
+        var template = [].slice.call(fn(args, this.parent, tName, templateId, false, undefined, undefined, this.parent.root));
         append(template, ele);
     };
     Year.prototype.onCellClick = function (e) {