@syncfusion/ej2-schedule 26.1.35 → 26.1.38

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

@@ -1188,7 +1188,7 @@ var HeaderRenderer = /** @__PURE__ @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 {
@@ -6617,7 +6617,7 @@ var EventBase = /** @__PURE__ @class */ (function () {
             var templateId = scheduleId + viewName + 'eventTemplate';
             var templateName = isResourceEventTemplate && this.parent.currentView.indexOf('Year') === -1 ?
                 this.parent.getEventTemplateName(resIndex) : 'eventTemplate';
-            templateElement = this.parent.getAppointmentTemplate()(record, this.parent, templateName, templateId, false);
+            templateElement = this.parent.getAppointmentTemplate()(record, this.parent, templateName, templateId, false, undefined, undefined, this.parent.root);
         }
         else {
             var appointmentSubject = createElement('div', { className: SUBJECT_CLASS });
@@ -7221,7 +7221,7 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
             var templateId = elementId + viewName + 'eventTemplate';
             var resIndex = this.parent.uiStateValues.isGroupAdaptive ? this.parent.uiStateValues.groupIndex : resource;
             var templateName = this.isResourceEventTemplate ? this.parent.getEventTemplateName(resIndex) : 'eventTemplate';
-            templateElement = this.parent.getAppointmentTemplate()(record, this.parent, templateName, templateId, false);
+            templateElement = this.parent.getAppointmentTemplate()(record, this.parent, templateName, templateId, false, undefined, undefined, this.parent.root);
         }
         else {
             var appointmentSubject = createElement('div', { className: SUBJECT_CLASS });
@@ -7436,7 +7436,7 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
         }
         if (eStart <= eEnd && isValidEvent && this.isWorkDayAvailable(resource, eStart)) {
             var appHeight = this.getHeight(eStart, eEnd);
-            if (eStart.getTime() > schedule.startHour.getTime()) {
+            if (eStart.getTime() >= schedule.startHour.getTime()) {
                 topValue = this.getTopValue(eStart, dayIndex, resource);
             }
             var appIndex = this.getOverlapIndex(record, dayIndex, false, resource);
@@ -7703,12 +7703,12 @@ var VerticalEvent = /** @__PURE__ @class */ (function (_super) {
         var rowHeight;
         if (this.parent.uiStateValues.expand) {
             target.setAttribute('title', this.parent.localeObj.getConstant('collapseAllDaySection'));
-            target.setAttribute('aria-label', 'Collapse section');
+            target.setAttribute('aria-label', this.parent.localeObj.getConstant('collapseAllDaySection'));
             rowHeight = ((this.allDayLevel + 1) * this.getEventHeight()) + 4;
         }
         else {
             target.setAttribute('title', this.parent.localeObj.getConstant('expandAllDaySection'));
-            target.setAttribute('aria-label', 'Expand section');
+            target.setAttribute('aria-label', this.parent.localeObj.getConstant('expandAllDaySection'));
             rowHeight = (3 * this.getEventHeight()) + 4;
             this.parent.element.querySelector('.' + DATE_HEADER_WRAP_CLASS).scrollTop = 0;
         }
@@ -8141,7 +8141,7 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
             var viewName = this.parent.activeViewOptions.eventTemplateName;
             var templateId = scheduleId + viewName + 'eventTemplate';
             var eventTemplate = this.isResourceEventTemplate ? this.parent.getEventTemplateName(resIndex) : 'eventTemplate';
-            templateElement = this.parent.getAppointmentTemplate()(eventObj, this.parent, eventTemplate, templateId, false);
+            templateElement = this.parent.getAppointmentTemplate()(eventObj, this.parent, eventTemplate, templateId, false, undefined, undefined, this.parent.root);
         }
         else {
             var eventLocation = (record[this.fields.location] || this.parent.eventSettings.fields.location.default || '');
@@ -8270,6 +8270,7 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
                         if (indicator) {
                             var count = parseInt(indicator.getAttribute('data-count'), 10) + 1;
                             indicator.setAttribute('data-count', count.toString());
+                            indicator.setAttribute('aria-label', count + ' ' + this.parent.localeObj.getConstant('moreEvents'));
                             indicator.innerHTML = this.getMoreIndicatorText(count);
                         }
                         else {
@@ -8905,8 +8906,13 @@ var TimelineEvent = /** @__PURE__ @class */ (function (_super) {
         }
     };
     TimelineEvent.prototype.getSameDayEventsWidth = function (startDate, endDate) {
+        var intervalMins = this.interval;
+        if (this.slotsPerDay === 1) {
+            var hoursRange = getStartEndHours(resetTime(new Date(startDate.getTime())), this.startHour, this.endHour);
+            intervalMins = (hoursRange.endHour.getTime() - hoursRange.startHour.getTime()) / MS_PER_MINUTE;
+        }
         return ((getUniversalTime(endDate) - getUniversalTime(startDate)) /
-            MS_PER_MINUTE * (this.cellWidth * this.slotCount) / this.interval);
+            MS_PER_MINUTE * (this.cellWidth * this.slotCount) / intervalMins);
     };
     TimelineEvent.prototype.getSpannedEventsWidth = function (startDate, endDate, diffInDays) {
         var width = (diffInDays * this.slotsPerDay) * this.cellWidth;
@@ -9708,7 +9714,7 @@ var QuickPopups = /** @__PURE__ @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 {
@@ -14694,9 +14700,15 @@ var Render = /** @__PURE__ @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;
 }());
@@ -14919,7 +14931,9 @@ var Crud = /** @__PURE__ @class */ (function () {
             _this.parent.trigger(dataBound, null, function () {
                 _this.parent.hideSpinner();
                 if (_this.parent.isPrinting) {
-                    _this.parent.notify(print, {});
+                    setTimeout(function () {
+                        _this.parent.notify(print, {});
+                    }, 100);
                 }
             });
         });
@@ -18021,6 +18035,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
             subject: 'Subject',
             addTitle: 'Add title',
             moreDetails: 'More Details',
+            moreEvents: 'More Events',
             save: 'Save',
             editContent: 'How would you like to change the appointment in the series?',
             deleteContent: 'Are you sure you want to delete this event?',
@@ -18055,6 +18070,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
             ok: 'Ok',
             yes: 'Yes',
             no: 'No',
+            of: 'of',
             occurrence: 'Occurrence',
             series: 'Series',
             previous: 'Previous',
@@ -18626,7 +18642,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
             var scheduleId = this.element.id + '_';
             var viewName = this.activeViewOptions.headerIndentTemplateName;
             var templateId = scheduleId + viewName + 'headerIndentTemplate';
-            var indentTemplate = [].slice.call(this.getHeaderIndentTemplate()(data, this, 'headerIndentTemplate', templateId, false));
+            var indentTemplate = [].slice.call(this.getHeaderIndentTemplate()(data, this, 'headerIndentTemplate', templateId, false, undefined, undefined, this.root));
             append(indentTemplate, td);
         }
     };
@@ -19158,8 +19174,9 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
         }
         var msMajorInterval = this.activeViewOptions.timeScale.interval * MS_PER_MINUTE;
         var msInterval = msMajorInterval / this.activeViewOptions.timeScale.slotCount;
-        var startIndex = Math.round((startHour.getTime() - viewStartHour.getTime()) / msInterval);
-        var endIndex = Math.ceil((endHour.getTime() - viewStartHour.getTime()) / msInterval);
+        var offsetDiff = ((viewStartHour.getTimezoneOffset() - startHour.getTimezoneOffset()) * MS_PER_MINUTE);
+        var startIndex = Math.round((startHour.getTime() - viewStartHour.getTime() + offsetDiff) / msInterval);
+        var endIndex = Math.ceil((endHour.getTime() - viewStartHour.getTime() + offsetDiff) / msInterval);
         var tempStartIndex = startIndex;
         var tempEndIndex = endIndex;
         var cells = [];
@@ -20903,6 +20920,11 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
             }
             var viewElement = _this.parent.element.querySelector('.' + CONTENT_WRAP_CLASS);
             _this.scrollArgs = { element: viewElement, width: viewElement.scrollWidth, height: viewElement.scrollHeight };
+            // 883565 - To fix the resizing not working issue at the last column of the timeline view
+            if (['Month', 'TimelineYear'].indexOf(_this.parent.currentView) < 0) {
+                var scrollWidth = Math.round(_this.scrollArgs.width / _this.actionObj.cellWidth) * _this.actionObj.cellWidth;
+                _this.scrollArgs.width = _this.scrollArgs.width < scrollWidth ? scrollWidth : _this.scrollArgs.width;
+            }
             EventHandler.add(document, Browser.touchMoveEvent, _this.resizing, _this);
             EventHandler.add(document, Browser.touchEndEvent, _this.resizeStop, _this);
         });
@@ -21878,7 +21900,7 @@ var YearEvent = /** @__PURE__ @class */ (function (_super) {
         var eventObj = extend({}, record, null, true);
         if (this.parent.activeViewOptions.eventTemplate) {
             var templateId = this.parent.element.id + '_' + this.parent.activeViewOptions.eventTemplateName + 'eventTemplate';
-            templateElement = this.parent.getAppointmentTemplate()(eventObj, this.parent, 'eventTemplate', templateId, false);
+            templateElement = this.parent.getAppointmentTemplate()(eventObj, this.parent, 'eventTemplate', templateId, false, undefined, undefined, this.parent.root);
         }
         else {
             var locationEle = (record[this.fields.location] || this.parent.eventSettings.fields.location.default || '');
@@ -23469,6 +23491,9 @@ var ViewBase = /** @__PURE__ @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) {
@@ -23716,9 +23741,29 @@ var ViewBase = /** @__PURE__ @class */ (function () {
         var weekLength = type === 'next' ? WEEK_LENGTH : -WEEK_LENGTH;
         return 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 ' + 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 ' + 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) {
@@ -23809,7 +23854,7 @@ var ViewBase = /** @__PURE__ @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 {
@@ -24362,7 +24407,7 @@ var VerticalView = /** @__PURE__ @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() ?
@@ -24376,7 +24421,7 @@ var VerticalView = /** @__PURE__ @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>";
@@ -24387,7 +24432,7 @@ var VerticalView = /** @__PURE__ @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);
@@ -24398,7 +24443,7 @@ var VerticalView = /** @__PURE__ @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;
         }
@@ -24517,7 +24562,8 @@ var VerticalView = /** @__PURE__ @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: ALLDAY_APPOINTMENT_SECTION_CLASS + ' ' + APPOINTMENT_ROW_EXPAND_CLASS + ' ' +
                 ICON + ' ' + DISABLE_CLASS
@@ -24674,7 +24720,7 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
         if (!this.parent.isMinMaxDate(cellDate)) {
             clsName.push(DISABLE_DATES);
         }
-        setTime(cellDate, 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(RESOURCE_PARENT_CLASS) !== -1) {
             clsName.push(RESOURCE_GROUP_CELLS_CLASS);
@@ -24691,7 +24737,7 @@ var VerticalView = /** @__PURE__ @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());
@@ -24747,10 +24793,21 @@ var VerticalView = /** @__PURE__ @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 * MS_PER_MINUTE;
         var msInterval = msMajorInterval / this.parent.activeViewOptions.timeScale.slotCount;
         var length = Math.round(MS_PER_DAY / msInterval);
@@ -25304,7 +25361,7 @@ var Month = /** @__PURE__ @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);
                 }
@@ -25480,7 +25537,7 @@ var Month = /** @__PURE__ @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 };
@@ -25497,7 +25554,7 @@ var Month = /** @__PURE__ @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 {
@@ -25627,7 +25684,8 @@ var Month = /** @__PURE__ @class */ (function (_super) {
         return this.formatDateRange(this.parent.selectedDate);
     };
     Month.prototype.getLabelText = function (view) {
-        return this.parent.localeObj.getConstant(view) + ' of ' + 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');
@@ -25951,7 +26009,7 @@ var Year = /** @__PURE__ @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) {
@@ -26183,7 +26241,7 @@ var AgendaBase = /** @__PURE__ @class */ (function (_super) {
                     var scheduleId = _this.parent.element.id + '_';
                     var viewName = _this.parent.activeViewOptions.eventTemplateName;
                     var templateId = scheduleId + viewName + 'eventTemplate';
-                    templateEle = _this.parent.getAppointmentTemplate()(listData[parseInt(li.toString(), 10)], _this.parent, 'eventTemplate', templateId, false);
+                    templateEle = _this.parent.getAppointmentTemplate()(listData[parseInt(li.toString(), 10)], _this.parent, 'eventTemplate', templateId, false, undefined, undefined, _this.parent.root);
                     if (!isNullOrUndefined(listData[parseInt(li.toString(), 10)][fieldMapping.recurrenceRule])) {
                         var iconClass = (listData[parseInt(li.toString(), 10)][fieldMapping.id] ===
                             listData[parseInt(li.toString(), 10)][fieldMapping.recurrenceID]) ?
@@ -26487,7 +26545,7 @@ var AgendaBase = /** @__PURE__ @class */ (function (_super) {
             var scheduleId = this.parent.element.id + '_';
             var viewName = this.parent.activeViewOptions.dateHeaderTemplateName;
             var templateId = scheduleId + viewName + 'dateHeaderTemplate';
-            var dateTemplate = [].slice.call(this.parent.getDateHeaderTemplate()(args, this.parent, 'dateHeaderTemplate', templateId, false));
+            var dateTemplate = [].slice.call(this.parent.getDateHeaderTemplate()(args, this.parent, 'dateHeaderTemplate', templateId, false, undefined, undefined, this.parent.root));
             append(dateTemplate, dateHeader);
         }
         else {
@@ -28189,10 +28247,10 @@ var TimelineYear = /** @__PURE__ @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) {
@@ -28206,7 +28264,7 @@ var TimelineYear = /** @__PURE__ @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) {
@@ -28803,6 +28861,7 @@ var Print = /** @__PURE__ @class */ (function () {
         Schedule.Inject(Day, Week, WorkWeek, Month, Agenda, MonthAgenda, TimelineViews, TimelineMonth, Year, TimelineYear);
         this.printInstance = new Schedule(this.getPrintScheduleModel(printOptions));
         this.printInstance.isPrinting = true;
+        this.printInstance.root = this.parent.root ? this.parent.root : this.parent;
         this.printInstance.appendTo(element);
         this.printInstance.on(print, this.contentReady, this);
         this.printWindow = window.open('', 'print', 'height=' + window.outerHeight + ',width=' + window.outerWidth + ',tabbar=no');
@@ -28836,7 +28895,7 @@ var Print = /** @__PURE__ @class */ (function () {
                     eventSettings.dataSource = this.parent.eventsData;
                     var eventTemplate = !isNullOrUndefined(printOptions.eventSettings) &&
                         !isNullOrUndefined(printOptions.eventSettings.template) ? printOptions.eventSettings.template : eventSettings.template;
-                    eventSettings.template = typeof (eventTemplate) === 'function' ? null : eventTemplate;
+                    eventSettings.template = !this.parent.isAngular && typeof (eventTemplate) === 'function' ? null : eventTemplate;
                     printModel.eventSettings = eventSettings;
                     break;
                 }
@@ -28847,13 +28906,15 @@ var Print = /** @__PURE__ @class */ (function () {
                     break;
                 case 'timeScale':
                     timeScale = isNullOrUndefined(printOptions.timeScale) ? this.parent.timeScale : printOptions.timeScale;
-                    timeScale.majorSlotTemplate = typeof (timeScale.majorSlotTemplate) === 'function' ? null : timeScale.majorSlotTemplate;
-                    timeScale.minorSlotTemplate = typeof (timeScale.minorSlotTemplate) === 'function' ? null : timeScale.minorSlotTemplate;
-                    printOptions.timeScale = timeScale;
+                    if (!this.parent.isAngular) {
+                        timeScale.majorSlotTemplate = typeof (timeScale.majorSlotTemplate) === 'function' ? null : timeScale.majorSlotTemplate;
+                        timeScale.minorSlotTemplate = typeof (timeScale.minorSlotTemplate) === 'function' ? null : timeScale.minorSlotTemplate;
+                    }
+                    printModel.timeScale = timeScale;
                     break;
                 case 'views':
                     views = isNullOrUndefined(printOptions.views) ? this.parent.views : printOptions.views;
-                    if (views && views.length > 0 && typeof (views[0]) === 'object') {
+                    if (!this.parent.isAngular && views && views.length > 0 && typeof (views[0]) === 'object') {
                         var _loop_1 = function (view) {
                             scheduleTemplates.forEach(function (x) {
                                 if (!isNullOrUndefined(view["" + x])) {
@@ -28871,8 +28932,8 @@ var Print = /** @__PURE__ @class */ (function () {
                 default:
                     if (scheduleTemplates.indexOf(key) > -1) {
                         printModel["" + key] = isNullOrUndefined(printOptions["" + key]) ?
-                            (typeof (this.parent["" + key]) === 'function' ? null : this.parent["" + key]) :
-                            (typeof (printOptions["" + key]) === 'function' ? null : printOptions["" + key]);
+                            (!this.parent.isAngular && typeof (this.parent["" + key]) === 'function' ? null : this.parent["" + key]) :
+                            (!this.parent.isAngular && typeof (printOptions["" + key]) === 'function' ? null : printOptions["" + key]);
                         break;
                     }
                     if (scheduleEvents.indexOf(key) > -1) {