@syncfusion/ej2-schedule 23.2.4 → 24.1.41

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

@@ -987,6 +987,17 @@ var ALLDAY_APPOINTMENT_SCROLL = 'e-all-day-scroll';
 /** @private */
 var ALLDAY_APPOINTMENT_AUTO = 'e-all-day-auto';
 
+var __assign = (undefined && undefined.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /**
  * Header module
@@ -1045,7 +1056,7 @@ var HeaderRenderer = /** @__PURE__ @class */ (function () {
     };
     HeaderRenderer.prototype.renderToolbar = function () {
         var _this = this;
-        var items = this.getItems();
+        var items = (this.parent.toolbarItems && this.parent.toolbarItems.length > 0) ? this.getToolbarItems() : this.getItems();
         this.parent.trigger(actionBegin, { requestType: 'toolbarItemRendering', items: items }, function (args) {
             _this.toolbarObj = new Toolbar({
                 items: args.items,
@@ -1055,6 +1066,7 @@ var HeaderRenderer = /** @__PURE__ @class */ (function () {
                 enableHtmlSanitizer: _this.parent.enableHtmlSanitizer,
                 locale: _this.parent.locale
             });
+            _this.toolbarObj.root = _this.parent.root ? _this.parent.root : _this.parent;
             _this.toolbarObj.appendTo(_this.parent.element.querySelector('.' + HEADER_TOOLBAR));
             var prevNavEle = _this.toolbarObj.element.querySelector('.e-prev');
             if (prevNavEle) {
@@ -1177,20 +1189,146 @@ var HeaderRenderer = /** @__PURE__ @class */ (function () {
         });
         return capitalizeFirstWord(dateString, 'single');
     };
+    HeaderRenderer.prototype.getItemModel = function (propItem) {
+        var item = {};
+        if (propItem.id) {
+            item.id = propItem.id;
+        }
+        if (propItem.text) {
+            item.text = propItem.text;
+        }
+        if (propItem.tooltipText) {
+            item.tooltipText = propItem.tooltipText;
+        }
+        if (propItem.prefixIcon) {
+            item.prefixIcon = propItem.prefixIcon;
+        }
+        if (propItem.cssClass) {
+            item.cssClass = propItem.cssClass;
+        }
+        if (propItem.showTextOn !== 'Both') {
+            item.showTextOn = propItem.showTextOn;
+        }
+        if (propItem.template) {
+            item.template = propItem.template;
+        }
+        if (propItem.disabled) {
+            item.disabled = propItem.disabled;
+        }
+        if (propItem.width !== 'auto') {
+            item.width = propItem.width;
+        }
+        if (propItem.suffixIcon) {
+            item.suffixIcon = propItem.suffixIcon;
+        }
+        if (propItem.align !== 'Left') {
+            item.align = propItem.align;
+        }
+        if (propItem.overflow !== 'None') {
+            item.overflow = propItem.overflow;
+        }
+        if (propItem.htmlAttributes) {
+            item.htmlAttributes = propItem.htmlAttributes;
+        }
+        if (propItem.type !== 'Button') {
+            item.type = propItem.type;
+        }
+        if (propItem.visible !== true) {
+            item.visible = propItem.visible;
+        }
+        if (propItem.showAlwaysInPopup) {
+            item.showAlwaysInPopup = propItem.showAlwaysInPopup;
+        }
+        if (propItem.tabIndex !== -1) {
+            item.tabIndex = propItem.tabIndex;
+        }
+        return item;
+    };
+    HeaderRenderer.prototype.getToolbarItems = function () {
+        var items = [];
+        var propItem;
+        for (var _i = 0, _a = this.parent.toolbarItems; _i < _a.length; _i++) {
+            var item = _a[_i];
+            propItem = this.getItemModel(item);
+            var tbItem = void 0;
+            if (item.name) {
+                switch (item.name) {
+                    case 'Today':
+                        tbItem = {
+                            showAlwaysInPopup: (this.parent.isAdaptive || this.parent.enableAdaptiveUI), prefixIcon: 'e-icon-day',
+                            text: this.l10n.getConstant('today'), cssClass: 'e-today', overflow: 'Show'
+                        };
+                        tbItem.align = propItem.align ? propItem.align : item.align;
+                        items.push(__assign({}, tbItem, propItem));
+                        break;
+                    case 'Previous':
+                        tbItem = {
+                            prefixIcon: 'e-icon-prev', tooltipText: 'Previous', overflow: 'Show',
+                            cssClass: 'e-prev', htmlAttributes: { 'role': 'navigation' }
+                        };
+                        tbItem.align = propItem.align ? propItem.align : item.align;
+                        items.push(__assign({}, tbItem, propItem));
+                        break;
+                    case 'Next':
+                        tbItem = {
+                            prefixIcon: 'e-icon-next', tooltipText: 'Next', overflow: 'Show',
+                            cssClass: 'e-next', htmlAttributes: { 'role': 'navigation' }
+                        };
+                        tbItem.align = propItem.align ? propItem.align : item.align;
+                        items.push(__assign({}, tbItem, propItem));
+                        break;
+                    case 'DateRangeText':
+                        tbItem = {
+                            text: this.getDateRangeText(), suffixIcon: 'e-icon-down-arrow', cssClass: 'e-date-range',
+                            overflow: 'Show',
+                            htmlAttributes: { 'aria-atomic': 'true', 'aria-live': 'assertive', 'role': 'navigation' }
+                        };
+                        tbItem.align = propItem.align ? propItem.align : item.align;
+                        items.push(__assign({}, tbItem, propItem));
+                        break;
+                    case 'NewEvent':
+                        tbItem = {
+                            showAlwaysInPopup: (this.parent.isAdaptive || this.parent.enableAdaptiveUI), prefixIcon: 'e-icon-add',
+                            text: this.l10n.getConstant('newEvent'), cssClass: 'e-add', overflow: 'Show'
+                        };
+                        tbItem.align = propItem.align ? propItem.align : item.align;
+                        items.push(__assign({}, tbItem, propItem));
+                        break;
+                    case 'Views':
+                        if (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);
+                                tbItem.align = propItem.align ? propItem.align : item.align;
+                                items.push(__assign({}, tbItem, propItem));
+                            }
+                        }
+                        break;
+                    case 'Custom':
+                        items.push(item);
+                        break;
+                }
+            }
+            else {
+                items.push(item);
+            }
+        }
+        return items;
+    };
     HeaderRenderer.prototype.getItems = function () {
         var items = [];
         items.push({
             align: 'Left', prefixIcon: 'e-icon-prev', tooltipText: 'Previous', overflow: 'Show',
-            cssClass: 'e-prev', htmlAttributes: { 'role': 'navigation' }
+            cssClass: 'e-prev'
         });
         items.push({
             align: 'Left', prefixIcon: 'e-icon-next', tooltipText: 'Next', overflow: 'Show',
-            cssClass: 'e-next', htmlAttributes: { 'role': 'navigation' }
+            cssClass: 'e-next'
         });
         items.push({
             align: 'Left', text: this.getDateRangeText(), suffixIcon: 'e-icon-down-arrow', cssClass: 'e-date-range',
             overflow: 'Show',
-            htmlAttributes: { 'aria-atomic': 'true', 'aria-live': 'assertive', 'role': 'navigation' }
+            htmlAttributes: { 'aria-atomic': 'true', 'aria-live': 'assertive' }
         });
         if (this.parent.isAdaptive || this.parent.enableAdaptiveUI) {
             items.push({
@@ -5467,6 +5605,9 @@ var EventBase = /** @__PURE__ @class */ (function () {
     EventBase.prototype.processTimezone = function (event, isReverse) {
         if (isReverse === void 0) { isReverse = false; }
         var fields = this.parent.eventFields;
+        if (event[fields.isAllDay]) {
+            return event;
+        }
         if (event[fields.startTimezone] || event[fields.endTimezone]) {
             var startTimezone = event[fields.startTimezone] || event[fields.endTimezone];
             var endTimezone = event[fields.endTimezone] || event[fields.startTimezone];
@@ -6622,6 +6763,27 @@ var EventBase = /** @__PURE__ @class */ (function () {
             append([iconBottom], element);
         }
     };
+    EventBase.prototype.addCellHeight = function (selector, eventHeight, eventGap, headerHeight, indHeight, isScrollUpdate) {
+        if (isScrollUpdate === void 0) { isScrollUpdate = true; }
+        if (this.parent.activeViewOptions.maxEventsPerRow && !this.parent.rowAutoHeight) {
+            var rows = [].slice.call(this.parent.element.querySelectorAll(selector));
+            var weekNumberRows = this.parent.showWeekNumber
+                ? [].slice.call(this.parent.element.querySelectorAll('.' + WEEK_NUMBER_WRAPPER_CLASS + ' tbody tr'))
+                : [];
+            for (var _i = 0, rows_1 = rows; _i < rows_1.length; _i++) {
+                var row = rows_1[_i];
+                var height = (this.parent.activeViewOptions.maxEventsPerRow *
+                    ((eventHeight + (this.parent.currentView === 'Month' ? eventGap : 2)))) + headerHeight + indHeight;
+                if (weekNumberRows.length > 0) {
+                    setStyleAttribute(weekNumberRows[rows.indexOf(row)].firstElementChild, { 'height': height + 'px' });
+                }
+                setStyleAttribute(row.firstElementChild, { 'height': height + 'px' });
+            }
+            if (!this.parent.enablePersistence && !this.parent.activeViewOptions.allowVirtualScrolling && isScrollUpdate) {
+                this.parent.notify(contentReady, {});
+            }
+        }
+    };
     EventBase.prototype.unWireEvents = function () {
         var appElements = [].slice.call(this.parent.element.querySelectorAll('.' + APPOINTMENT_CLASS));
         for (var _i = 0, appElements_1 = appElements; _i < appElements_1.length; _i++) {
@@ -7585,6 +7747,8 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
             cellTd.removeChild(wrapper);
         }
         this.eventHeight = getElementHeightFromClass(this.element, APPOINTMENT_CLASS);
+        var selector = '.' + CONTENT_TABLE_CLASS + ' tbody tr';
+        this.addCellHeight(selector, this.eventHeight, (this.parent.currentView === 'Month' ? EVENT_GAP : 2), this.monthHeaderHeight, this.moreIndicatorHeight);
         var scrollTop = conWrap.scrollTop;
         if (this.parent.rowAutoHeight && this.parent.virtualScrollModule && !this.parent.virtualScrollModule.isHorizontalScroll
             && !isNullOrUndefined(this.parent.currentAction)) {
@@ -7985,6 +8149,7 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
         if ((day < 0) || (startTime.getTime() < this.parent.minDate.getTime()) || (endTime.getTime() > this.parent.maxDate.getTime())) {
             return;
         }
+        var eventsPerRow = this.parent.rowAutoHeight ? 1 : this.parent.activeViewOptions.maxEventsPerRow;
         var overlapCount = this.getIndex(startTime);
         event.Index = overlapCount;
         var diffInDays = event.data.count;
@@ -7993,7 +8158,9 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
             var cellTd = this.workCells[parseInt(day.toString(), 10)];
             var appTop = (overlapCount * (this.eventHeight + EVENT_GAP));
             var height = this.monthHeaderHeight + ((overlapCount + 1) * (this.eventHeight + EVENT_GAP)) + this.moreIndicatorHeight;
-            var enableAppRender = this.maxOrIndicator ? overlapCount < 1 ? true : false : this.cellHeight > height;
+            var enableAppRender = this.parent.activeViewOptions.maxEventsPerRow && !this.parent.rowAutoHeight &&
+                !this.parent.eventSettings.enableIndicator ? overlapCount < eventsPerRow : this.maxOrIndicator ? overlapCount < 1
+                ? true : false : this.cellHeight > height;
             if (this.parent.rowAutoHeight || enableAppRender) {
                 this.renderedEvents.push(extend({}, event, null, true));
                 var appointmentElement = void 0;
@@ -8158,7 +8325,10 @@ var MonthEvent = /** @__PURE__ @class */ (function (_super) {
             className: MORE_INDICATOR_CLASS,
             innerHTML: this.getMoreIndicatorText(count),
             attrs: {
+                'role': 'button',
                 'tabindex': '0',
+                'aria-label': this.parent.globalize.formatNumber(count) + '&nbsp;'
+                    + (this.parent.isAdaptive ? '' : this.parent.localeObj.getConstant('more')),
                 'data-count': count.toString(),
                 'data-start-date': startDate.getTime().toString(),
                 'data-end-date': endDate.getTime().toString()
@@ -8302,6 +8472,8 @@ var TimelineEvent = /** @__PURE__ @class */ (function (_super) {
     };
     TimelineEvent.prototype.renderResourceEvents = function () {
         this.removeHeightProperty(RESOURCE_COLUMN_TABLE_CLASS);
+        var selector = '.' + RESOURCE_COLUMN_TABLE_CLASS + ' tbody tr';
+        this.addCellHeight(selector, this.eventHeight, EVENT_GAP$1, this.moreIndicatorHeight, 0, false);
         var resources = this.parent.uiStateValues.isGroupAdaptive ?
             [this.parent.resourceBase.lastResourceLevel[this.parent.uiStateValues.groupIndex]] :
             this.parent.resourceBase.renderedResources;
@@ -8344,6 +8516,7 @@ var TimelineEvent = /** @__PURE__ @class */ (function (_super) {
             return;
         }
         var cellTd = this.getCellTd();
+        var eventsPerRow = this.parent.rowAutoHeight ? 1 : this.parent.activeViewOptions.maxEventsPerRow;
         var overlapCount = (isNullOrUndefined(this.parent.eventSettings.sortComparer)) ? this.getIndex(startTime) : this.getSortComparerIndex(startTime, endTime);
         event.Index = overlapCount;
         var appHeight = this.eventHeight;
@@ -8376,7 +8549,8 @@ var TimelineEvent = /** @__PURE__ @class */ (function (_super) {
             appLeft = (this.parent.enableRtl) ? 0 : position;
             appRight = (this.parent.enableRtl) ? position : 0;
             var height = ((overlapCount + 1) * (appHeight + EVENT_GAP$1)) + this.moreIndicatorHeight;
-            var renderApp = this.maxOrIndicator ? overlapCount < 1 ? true : false : this.cellHeight > height;
+            var renderApp = this.parent.activeViewOptions.maxEventsPerRow && !this.parent.rowAutoHeight && !this.parent.eventSettings.enableIndicator
+                ? overlapCount < eventsPerRow : this.maxOrIndicator ? overlapCount < 1 ? true : false : this.cellHeight > height;
             if (this.parent.rowAutoHeight || renderApp) {
                 var appointmentElement = void 0;
                 if (isNullOrUndefined(this.inlineValue)) {
@@ -8459,7 +8633,9 @@ var TimelineEvent = /** @__PURE__ @class */ (function (_super) {
             var appArea = this.cellHeight - this.moreIndicatorHeight;
             appHeight = this.withIndicator ? appArea - EVENT_GAP$1 : appHeight;
             var renderedAppCount = Math.floor(appArea / (appHeight + EVENT_GAP$1));
-            var count = (filterEvents.length - renderedAppCount) <= 0 ? 1 : (filterEvents.length - renderedAppCount);
+            var count = this.parent.activeViewOptions.maxEventsPerRow && !this.parent.eventSettings.enableIndicator
+                ? filterEvents.length - this.parent.activeViewOptions.maxEventsPerRow : (filterEvents.length - renderedAppCount) <= 0 ? 1
+                : filterEvents.length - renderedAppCount;
             var moreIndicatorElement = void 0;
             if (this.renderType === 'day') {
                 moreIndicatorElement = this.getMoreIndicatorElement(count, startDate, endDate);
@@ -9146,9 +9322,9 @@ var QuickPopups = /** @__PURE__ @class */ (function () {
     };
     QuickPopups.prototype.renderMorePopup = function () {
         var moreEventPopup = "<div class=\"" + MORE_EVENT_POPUP_CLASS + "\"><div class=\"" + MORE_EVENT_HEADER_CLASS + "\">" +
-            ("<div class=\"" + MORE_EVENT_CLOSE_CLASS + "\" title=\"" + this.l10n.getConstant('close') + "\" tabindex=\"0\"></div>") +
+            ("<div class=\"" + MORE_EVENT_CLOSE_CLASS + "\" title=\"" + this.l10n.getConstant('close') + "\" tabindex=\"0\" role=\"button\"></div>") +
             ("<div class=\"" + MORE_EVENT_DATE_HEADER_CLASS + "\"><div class=\"" + MORE_EVENT_HEADER_DAY_CLASS + "\"></div>") +
-            ("<div class=\"" + MORE_EVENT_HEADER_DATE_CLASS + " " + NAVIGATE_CLASS + "\" tabindex=\"0\"></div></div></div></div>");
+            ("<div class=\"" + MORE_EVENT_HEADER_DATE_CLASS + " " + NAVIGATE_CLASS + "\" tabindex=\"0\" role=\"link\"></div></div></div></div>");
         var moreEventWrapper = createElement('div', {
             className: MORE_POPUP_WRAPPER_CLASS + ' e-popup-close',
             innerHTML: moreEventPopup
@@ -10696,7 +10872,6 @@ var MONTHWEEK = 'e-month-week';
 var ENDON = 'e-end-on';
 var MONTHEXPANDERLABEL = 'e-month-expander-label';
 var WEEKEXPANDERLABEL = 'e-week-expander-label';
-var ENDONLABEL = 'e-end-on-label';
 var ENDONLEFT = 'e-end-on-left';
 var MONTHDAYELEMENT = 'e-monthday-element';
 var ENDONELEMENT = 'e-end-on-element';
@@ -11019,6 +11194,8 @@ var RecurrenceEditor = /** @__PURE__ @class */ (function (_super) {
         this.endType = new DropDownList({
             dataSource: this.getEndData(),
             popupWidth: this.getPopupWidth(),
+            floatLabelType: 'Always',
+            placeholder: this.localeObj.getConstant(END),
             enableRtl: this.enableRtl,
             index: 1,
             fields: {
@@ -11359,6 +11536,7 @@ var RecurrenceEditor = /** @__PURE__ @class */ (function (_super) {
     RecurrenceEditor.prototype.setTemplate = function () {
         var dayData = this.getDayData('narrow');
         var fullDay = this.getDayData('wide');
+        var labelId = this.element.id + '_' + 'end_label';
         this.element.innerHTML = '<div class="' + HEADER + '">' +
             '<div class="' + INPUTWARAPPER + ' ' + FORMLEFT + '">' +
             '<input type="text" tabindex="0" class="' + REPEATELEMENT +
@@ -11404,9 +11582,8 @@ var RecurrenceEditor = /** @__PURE__ @class */ (function (_super) {
             '</div></td></tr></table>' +
             '</div></div>' +
             '<div class="' + INPUTWARAPPERSIDE + ' ' + ENDON + ' ' + FORMRIGHT + '">' +
-            '<div class=' + ENDONLABEL + '>' + this.localeObj.getConstant(END) + '</div>' +
             '<div class="' + INPUTWARAPPER + ' ' + ENDONLEFT + '">' +
-            '<input type="text" tabindex="0" class="' + ENDONELEMENT + '"title="' + this.localeObj.getConstant(END) + '" />' +
+            '<input type="text" tabindex="0" class="' + ENDONELEMENT + '" aria-labelledby="' + labelId + '"title="' + this.localeObj.getConstant(END) + '" />' +
             '</div>' +
             '<div class="' + INPUTWARAPPER + ' ' + ENDONDATE + '" >' +
             '<input type="text" tabindex="0" class="' + UNTILDATE + '"title="' + this.localeObj.getConstant(UNTIL$1) + '" />' +
@@ -12174,15 +12351,11 @@ var EventWindow = /** @__PURE__ @class */ (function () {
         var titleLocationDiv = this.createDivElement(EVENT_WINDOW_TITLE_LOCATION_DIV_CLASS);
         parentDiv.appendChild(titleLocationDiv);
         titleLocationDiv.appendChild(this.renderTextBox(SUBJECT_CLASS));
-        titleLocationDiv.querySelector('.' + SUBJECT_CLASS).setAttribute('title', this.parent.editorTitles.subject);
         titleLocationDiv.appendChild(this.renderTextBox(LOCATION_CLASS));
-        titleLocationDiv.querySelector('.' + LOCATION_CLASS).setAttribute('title', this.parent.editorTitles.location);
         var startEndDateTimeDiv = this.createDivElement(EVENT_WINDOW_START_END_DIV_CLASS);
         parentDiv.appendChild(startEndDateTimeDiv);
         startEndDateTimeDiv.appendChild(this.renderDateTimePicker(EVENT_WINDOW_START_CLASS, this.onTimeChange.bind(this)));
-        startEndDateTimeDiv.querySelector('.' + EVENT_WINDOW_START_CLASS).setAttribute('title', this.parent.editorTitles.startTime);
         startEndDateTimeDiv.appendChild(this.renderDateTimePicker(EVENT_WINDOW_END_CLASS));
-        startEndDateTimeDiv.querySelector('.' + EVENT_WINDOW_END_CLASS).setAttribute('title', this.parent.editorTitles.endTime);
         var allDayTimezoneDiv = this.createDivElement(EVENT_WINDOW_ALLDAY_TZ_DIV_CLASS);
         parentDiv.appendChild(allDayTimezoneDiv);
         allDayTimezoneDiv.appendChild(this.renderCheckBox(EVENT_WINDOW_ALL_DAY_CLASS));
@@ -12220,7 +12393,6 @@ var EventWindow = /** @__PURE__ @class */ (function () {
         }
         var description = this.createDivElement(DESCRIPTION_CLASS + '-row');
         description.appendChild(this.renderTextBox(DESCRIPTION_CLASS));
-        description.querySelector('.' + DESCRIPTION_CLASS).setAttribute('title', this.parent.editorTitles.description);
         parentDiv.appendChild(description);
         var submit = createElement('button', { attrs: { type: 'hidden', title: 'submit', style: 'display:none' } });
         parentDiv.appendChild(submit);
@@ -12239,9 +12411,7 @@ var EventWindow = /** @__PURE__ @class */ (function () {
     EventWindow.prototype.createInputElement = function (className, fieldName, type) {
         return createElement(type || 'input', {
             className: className, attrs: {
-                type: 'text', name: fieldName, value: '', id: fieldName,
-                title: ((this.l10n.getConstant(fieldName.charAt(0).toLowerCase() + fieldName.slice(1))) === '') ?
-                    fieldName : this.l10n.getConstant(fieldName.charAt(0).toLowerCase() + fieldName.slice(1))
+                type: 'text', name: fieldName, value: '', id: fieldName
             }
         });
     };
@@ -12263,6 +12433,7 @@ var EventWindow = /** @__PURE__ @class */ (function () {
             enableRtl: this.parent.enableRtl,
             locale: this.parent.locale,
             floatLabelType: 'Always',
+            strictMode: true,
             timeFormat: this.parent.activeViewOptions.timeFormat,
             format: (isNullOrUndefined(this.parent.dateFormat) ?
                 this.getFormat('dateFormats') : this.parent.dateFormat) + ' ' + this.parent.activeViewOptions.timeFormat,
@@ -12331,7 +12502,7 @@ var EventWindow = /** @__PURE__ @class */ (function () {
                     text: resourceData.textField,
                     value: resourceData.idField
                 },
-                htmlAttributes: { 'title': labelValue, 'name': fieldName },
+                htmlAttributes: { 'name': fieldName },
                 floatLabelType: 'Always',
                 placeholder: labelValue,
                 popupHeight: '230px',
@@ -12350,7 +12521,7 @@ var EventWindow = /** @__PURE__ @class */ (function () {
                     text: resourceData.textField,
                     value: resourceData.idField
                 },
-                htmlAttributes: { 'title': labelValue, 'name': fieldName },
+                htmlAttributes: { 'name': fieldName },
                 floatLabelType: 'Always',
                 placeholder: labelValue,
                 popupHeight: '230px',
@@ -12770,7 +12941,7 @@ var EventWindow = /** @__PURE__ @class */ (function () {
         this.eventData = this.eventCrudData ? this.eventData : eventData;
         var eventObj = extend({}, eventData, null, true);
         var formElements = this.getFormElements(EVENT_WINDOW_DIALOG_CLASS);
-        if (this.parent.isReact && formElements.length < 1) {
+        if (this.parent.isReact && formElements.length < 1 && !this.cellClickAction) {
             this.eventCrudData = eventObj;
             return;
         }
@@ -14355,7 +14526,7 @@ var Render = /** @__PURE__ @class */ (function () {
     };
     Render.prototype.updateLabelText = function (view) {
         var content = this.parent.activeView.getLabelText(view);
-        this.parent.element.setAttribute('role', 'main');
+        this.parent.element.setAttribute('role', 'application');
         this.parent.element.setAttribute('aria-label', content);
     };
     return Render;
@@ -16828,6 +16999,90 @@ var ResourceBase = /** @__PURE__ @class */ (function () {
     return ResourceBase;
 }());
 
+var __extends$14 = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate$11 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var ToolbarItem = /** @__PURE__ @class */ (function (_super) {
+    __extends$14(ToolbarItem, _super);
+    function ToolbarItem() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    __decorate$11([
+        Property('')
+    ], ToolbarItem.prototype, "id", void 0);
+    __decorate$11([
+        Property('')
+    ], ToolbarItem.prototype, "text", void 0);
+    __decorate$11([
+        Property('auto')
+    ], ToolbarItem.prototype, "width", void 0);
+    __decorate$11([
+        Property('')
+    ], ToolbarItem.prototype, "cssClass", void 0);
+    __decorate$11([
+        Property(false)
+    ], ToolbarItem.prototype, "showAlwaysInPopup", void 0);
+    __decorate$11([
+        Property(false)
+    ], ToolbarItem.prototype, "disabled", void 0);
+    __decorate$11([
+        Property('')
+    ], ToolbarItem.prototype, "prefixIcon", void 0);
+    __decorate$11([
+        Property('')
+    ], ToolbarItem.prototype, "suffixIcon", void 0);
+    __decorate$11([
+        Property(true)
+    ], ToolbarItem.prototype, "visible", void 0);
+    __decorate$11([
+        Property('None')
+    ], ToolbarItem.prototype, "overflow", void 0);
+    __decorate$11([
+        Property('')
+    ], ToolbarItem.prototype, "template", void 0);
+    __decorate$11([
+        Property('Button')
+    ], ToolbarItem.prototype, "type", void 0);
+    __decorate$11([
+        Property('Both')
+    ], ToolbarItem.prototype, "showTextOn", void 0);
+    __decorate$11([
+        Property(null)
+    ], ToolbarItem.prototype, "htmlAttributes", void 0);
+    __decorate$11([
+        Property('')
+    ], ToolbarItem.prototype, "tooltipText", void 0);
+    __decorate$11([
+        Property('Left')
+    ], ToolbarItem.prototype, "align", void 0);
+    __decorate$11([
+        Property(-1)
+    ], ToolbarItem.prototype, "tabIndex", void 0);
+    __decorate$11([
+        Property('Custom')
+    ], ToolbarItem.prototype, "name", void 0);
+    __decorate$11([
+        Event()
+    ], ToolbarItem.prototype, "click", void 0);
+    return ToolbarItem;
+}(ChildProperty));
+
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -18234,6 +18489,7 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
                     }
                     break;
                 case 'showHeaderBar':
+                case 'toolbarItems':
                     this.destroyHeaderModule();
                     if (newProp.showHeaderBar) {
                         this.headerModule = new HeaderRenderer(this);
@@ -19585,6 +19841,9 @@ var Schedule = /** @__PURE__ @class */ (function (_super) {
     __decorate([
         Property(true)
     ], Schedule.prototype, "allowSwiping", void 0);
+    __decorate([
+        Collection([], ToolbarItem)
+    ], Schedule.prototype, "toolbarItems", void 0);
     __decorate([
         Property('Week')
     ], Schedule.prototype, "currentView", void 0);
@@ -20302,7 +20561,7 @@ var ActionBase = /** @__PURE__ @class */ (function () {
     return ActionBase;
 }());
 
-var __extends$14 = (undefined && undefined.__extends) || (function () {
+var __extends$15 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -20320,7 +20579,7 @@ var __extends$14 = (undefined && undefined.__extends) || (function () {
  * Schedule events resize actions
  */
 var Resize = /** @__PURE__ @class */ (function (_super) {
-    __extends$14(Resize, _super);
+    __extends$15(Resize, _super);
     function Resize() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
@@ -20893,7 +21152,7 @@ var Resize = /** @__PURE__ @class */ (function (_super) {
     return Resize;
 }(ActionBase));
 
-var __extends$16 = (undefined && undefined.__extends) || (function () {
+var __extends$17 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -20912,7 +21171,7 @@ var EVENT_GAP$2 = 2;
  * Year view events render
  */
 var YearEvent = /** @__PURE__ @class */ (function (_super) {
-    __extends$16(YearEvent, _super);
+    __extends$17(YearEvent, _super);
     function YearEvent(parent) {
         var _this = _super.call(this, parent, 'day') || this;
         _this.isResource = false;
@@ -20982,6 +21241,8 @@ var YearEvent = /** @__PURE__ @class */ (function (_super) {
         this.cellHeader = getOuterHeight(workCell.querySelector('.' + DATE_HEADER_CLASS));
         var eventTable = this.parent.element.querySelector('.' + EVENT_TABLE_CLASS);
         this.eventHeight = getElementHeightFromClass(eventTable, APPOINTMENT_CLASS);
+        var selector = "." + MONTH_HEADER_WRAPPER + " tbody tr,." + RESOURCE_COLUMN_TABLE_CLASS + " tbody tr,." + CONTENT_TABLE_CLASS + " tbody tr";
+        this.addCellHeight(selector, this.eventHeight, EVENT_GAP$2, this.cellHeader, this.moreIndicatorHeight);
         var wrapperCollection = [].slice.call(this.parent.element.querySelectorAll('.' + APPOINTMENT_CONTAINER_CLASS));
         var months = this.getMonths();
         var groupIndex = (this.parent.activeViewOptions.group.resources.length > 0 && this.parent.uiStateValues.isGroupAdaptive) ?
@@ -21043,7 +21304,9 @@ var YearEvent = /** @__PURE__ @class */ (function (_super) {
                         this_1.moreIndicatorHeight;
                     var appArea = this_1.cellHeight - this_1.cellHeader - this_1.moreIndicatorHeight;
                     var renderedAppCount = Math.floor(appArea / (this_1.eventHeight + EVENT_GAP$2));
-                    var moreIndicatorCount = (count - renderedAppCount) <= 0 ? 1 : (count - renderedAppCount);
+                    var eventsPerRow = this_1.parent.rowAutoHeight ? 1 : this_1.parent.activeViewOptions.maxEventsPerRow;
+                    var moreIndicatorCount = this_1.parent.activeViewOptions.maxEventsPerRow ? count - eventsPerRow
+                        : (count - renderedAppCount) <= 0 ? 1 : count - renderedAppCount;
                     if (this_1.parent.activeViewOptions.orientation === 'Horizontal') {
                         var isRendered = this_1.renderedEvents.filter(function (eventObj) {
                             return eventObj.Guid === eventData.Guid;
@@ -21060,9 +21323,12 @@ var YearEvent = /** @__PURE__ @class */ (function (_super) {
                             return "continue";
                         }
                     }
-                    if (this_1.parent.rowAutoHeight || this_1.cellHeight > availedHeight) {
+                    var enableAppRender = this_1.maxOrIndicator || (overlapIndex < eventsPerRow) || (this_1.cellHeight > availedHeight);
+                    if (this_1.parent.rowAutoHeight || enableAppRender || this_1.cellHeight > availedHeight) {
                         this_1.renderEvent(eventWrapper, eventData, row, leftValue, rightValue, monthStart, dayIndex);
-                        this_1.updateCellHeight(rowTd, availedHeight);
+                        if (this_1.parent.rowAutoHeight || this_1.cellHeight > availedHeight) {
+                            this_1.updateCellHeight(rowTd, availedHeight);
+                        }
                         isSpannedCollection.push(eventData);
                     }
                     else {
@@ -21133,6 +21399,8 @@ var YearEvent = /** @__PURE__ @class */ (function (_super) {
         this.cellHeader = 0;
         var eventTable = this.parent.element.querySelector('.' + EVENT_TABLE_CLASS);
         this.eventHeight = getElementHeightFromClass(eventTable, APPOINTMENT_CLASS);
+        var selector = "." + MONTH_HEADER_WRAPPER + " tbody tr,." + RESOURCE_COLUMN_TABLE_CLASS + " tbody tr,." + CONTENT_TABLE_CLASS + " tbody tr";
+        this.addCellHeight(selector, this.eventHeight, EVENT_GAP$2, this.cellHeader, this.moreIndicatorHeight);
         var wrapperCollection = [].slice.call(this.parent.element.querySelectorAll('.' + APPOINTMENT_CONTAINER_CLASS));
         var resources = this.parent.uiStateValues.isGroupAdaptive ?
             [this.parent.resourceBase.lastResourceLevel[this.parent.uiStateValues.groupIndex]] :
@@ -21477,6 +21745,11 @@ var YearEvent = /** @__PURE__ @class */ (function (_super) {
                 (resetTime(appStart).getTime() >= dateStart) && (resetTime(appEnd).getTime() <= dateEnd)) {
                 appointmentsList.push(app);
             }
+            else if (this.parent.activeViewOptions.orientation === 'Vertical') {
+                if (resetTime(appStart).getTime() >= dateStart && resetTime(appEnd).getTime() >= dateEnd) {
+                    appointmentsList.push(app);
+                }
+            }
         }
         return appointmentsList;
     };
@@ -21502,7 +21775,7 @@ var YearEvent = /** @__PURE__ @class */ (function (_super) {
     return YearEvent;
 }(TimelineEvent));
 
-var __extends$15 = (undefined && undefined.__extends) || (function () {
+var __extends$16 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -21521,7 +21794,7 @@ var MINUTES_PER_DAY = 1440;
  * Schedule events drag actions
  */
 var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
-    __extends$15(DragAndDrop, _super);
+    __extends$16(DragAndDrop, _super);
     function DragAndDrop() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.widthUptoCursorPoint = 0;
@@ -22054,7 +22327,7 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
         var _this = this;
         if (isNullOrUndefined(this.actionObj.target) ||
             (this.actionObj.target && isNullOrUndefined(closest(this.actionObj.target, 'tr'))) ||
-            (!(closest(this.actionObj.target, 'td').classList.contains(WORK_CELLS_CLASS)) &&
+            (!isNullOrUndefined(closest(this.actionObj.target, 'td')) && !(closest(this.actionObj.target, 'td').classList.contains(WORK_CELLS_CLASS)) &&
                 !(closest(this.actionObj.target, 'td').classList.contains(ALLDAY_CELLS_CLASS)))) {
             return;
         }
@@ -22091,8 +22364,8 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
             tr = trCollections[parseInt(rowIndex.toString(), 10)];
         }
         var index;
-        if (closest(this.actionObj.target, 'td').classList.contains(WORK_CELLS_CLASS) ||
-            closest(this.actionObj.target, 'td').classList.contains(ALLDAY_CELLS_CLASS)) {
+        if (!isNullOrUndefined(closest(this.actionObj.target, 'td')) && (closest(this.actionObj.target, 'td').classList.contains(WORK_CELLS_CLASS) ||
+            closest(this.actionObj.target, 'td').classList.contains(ALLDAY_CELLS_CLASS))) {
             index = closest(this.actionObj.target, 'td').cellIndex;
         }
         var colIndex = isNullOrUndefined(index) ? closest(this.actionObj.clone, 'td').cellIndex : index;
@@ -22393,7 +22666,7 @@ var DragAndDrop = /** @__PURE__ @class */ (function (_super) {
     };
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     DragAndDrop.prototype.swapDragging = function (e) {
-        var colIndex = closest(this.actionObj.target, 'td').cellIndex;
+        var colIndex = !isNullOrUndefined(closest(this.actionObj.target, 'td')) && closest(this.actionObj.target, 'td').cellIndex;
         if (closest(this.actionObj.target, '.' + DATE_HEADER_WRAP_CLASS) &&
             !closest(this.actionObj.clone, '.' + ALLDAY_APPOINTMENT_WRAPPER_CLASS)) {
             addClass([this.actionObj.clone], ALLDAY_APPOINTMENT_CLASS);
@@ -23420,7 +23693,7 @@ var ViewBase = /** @__PURE__ @class */ (function () {
     return ViewBase;
 }());
 
-var __extends$18 = (undefined && undefined.__extends) || (function () {
+var __extends$19 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -23437,7 +23710,7 @@ var __extends$18 = (undefined && undefined.__extends) || (function () {
  * vertical view
  */
 var VerticalView = /** @__PURE__ @class */ (function (_super) {
-    __extends$18(VerticalView, _super);
+    __extends$19(VerticalView, _super);
     function VerticalView(parent) {
         var _this = _super.call(this, parent) || this;
         _this.viewClass = 'e-day-view';
@@ -24175,9 +24448,9 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
         var msStartHour = startHour.getTime();
         var msEndHour = endHour.getTime();
         if (msStartHour !== msEndHour) {
-            var duration = this.parent.activeViewOptions.timeScale.interval / this.parent.activeViewOptions.timeScale.slotCount;
-            length = (Math.abs(msEndHour - msStartHour) / msInterval) - ((new Date(msEndHour).getTimezoneOffset()
-                - new Date(msStartHour).getTimezoneOffset()) / duration);
+            var milliSeconds = (startHour.getTimezoneOffset() !== endHour.getTimezoneOffset()) ?
+                (msEndHour - msStartHour) - 3600000 : (msEndHour - msStartHour);
+            length = Math.round(milliSeconds / msInterval);
         }
         if (!this.parent.activeViewOptions.timeScale.enable) {
             length = 1;
@@ -24251,7 +24524,7 @@ var VerticalView = /** @__PURE__ @class */ (function (_super) {
     return VerticalView;
 }(ViewBase));
 
-var __extends$17 = (undefined && undefined.__extends) || (function () {
+var __extends$18 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -24268,7 +24541,7 @@ var __extends$17 = (undefined && undefined.__extends) || (function () {
  * day view
  */
 var Day = /** @__PURE__ @class */ (function (_super) {
-    __extends$17(Day, _super);
+    __extends$18(Day, _super);
     /**
      * Constructor for day view
      *
@@ -24290,7 +24563,7 @@ var Day = /** @__PURE__ @class */ (function (_super) {
     return Day;
 }(VerticalView));
 
-var __extends$19 = (undefined && undefined.__extends) || (function () {
+var __extends$20 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -24307,7 +24580,7 @@ var __extends$19 = (undefined && undefined.__extends) || (function () {
  * week view
  */
 var Week = /** @__PURE__ @class */ (function (_super) {
-    __extends$19(Week, _super);
+    __extends$20(Week, _super);
     /**
      * Constructor for week view
      *
@@ -24335,7 +24608,7 @@ var Week = /** @__PURE__ @class */ (function (_super) {
     return Week;
 }(VerticalView));
 
-var __extends$20 = (undefined && undefined.__extends) || (function () {
+var __extends$21 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -24352,7 +24625,7 @@ var __extends$20 = (undefined && undefined.__extends) || (function () {
  * work week view
  */
 var WorkWeek = /** @__PURE__ @class */ (function (_super) {
-    __extends$20(WorkWeek, _super);
+    __extends$21(WorkWeek, _super);
     /**
      * Constructor for work week view
      *
@@ -24380,7 +24653,7 @@ var WorkWeek = /** @__PURE__ @class */ (function (_super) {
     return WorkWeek;
 }(VerticalView));
 
-var __extends$21 = (undefined && undefined.__extends) || (function () {
+var __extends$22 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -24398,7 +24671,7 @@ var __extends$21 = (undefined && undefined.__extends) || (function () {
  * month view
  */
 var Month = /** @__PURE__ @class */ (function (_super) {
-    __extends$21(Month, _super);
+    __extends$22(Month, _super);
     function Month(parent) {
         var _this = _super.call(this, parent) || this;
         _this.dayNameFormat = 'wide';
@@ -25087,7 +25360,7 @@ var Month = /** @__PURE__ @class */ (function (_super) {
     return Month;
 }(ViewBase));
 
-var __extends$22 = (undefined && undefined.__extends) || (function () {
+var __extends$23 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -25105,7 +25378,7 @@ var __extends$22 = (undefined && undefined.__extends) || (function () {
  * year view
  */
 var Year = /** @__PURE__ @class */ (function (_super) {
-    __extends$22(Year, _super);
+    __extends$23(Year, _super);
     function Year(parent) {
         var _this = _super.call(this, parent) || this;
         _this.viewClass = 'e-year-view';
@@ -25253,6 +25526,9 @@ var Year = /** @__PURE__ @class */ (function (_super) {
                 var classList$$1 = [];
                 if (currentDate.getMonth() !== date.getMonth()) {
                     classList$$1.push(OTHERMONTH_CLASS);
+                    if (td.firstElementChild && !this.parent.activeViewOptions.cellTemplate) {
+                        td.firstElementChild.setAttribute('aria-disabled', 'true');
+                    }
                 }
                 if (this.isCurrentDate(date) && currentDate.getMonth() === date.getMonth()) {
                     classList$$1 = classList$$1.concat(['e-today', 'e-selected']);
@@ -25529,7 +25805,7 @@ var Year = /** @__PURE__ @class */ (function (_super) {
     return Year;
 }(ViewBase));
 
-var __extends$24 = (undefined && undefined.__extends) || (function () {
+var __extends$25 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -25544,7 +25820,7 @@ var __extends$24 = (undefined && undefined.__extends) || (function () {
 })();
 /* eslint-disable @typescript-eslint/no-explicit-any */
 var AgendaBase = /** @__PURE__ @class */ (function (_super) {
-    __extends$24(AgendaBase, _super);
+    __extends$25(AgendaBase, _super);
     function AgendaBase(parent) {
         return _super.call(this, parent) || this;
     }
@@ -25797,7 +26073,7 @@ var AgendaBase = /** @__PURE__ @class */ (function (_super) {
     AgendaBase.prototype.createResourceTableRow = function (tContent, tBody) {
         var tr = createElement('tr');
         var ntr;
-        var td = createElement('td', { attrs: { 'aria-selected': 'false' } });
+        var td = createElement('td');
         var tempData;
         var rowSpan = 0;
         var level;
@@ -25918,7 +26194,7 @@ var AgendaBase = /** @__PURE__ @class */ (function (_super) {
     return AgendaBase;
 }(ViewBase));
 
-var __extends$23 = (undefined && undefined.__extends) || (function () {
+var __extends$24 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -25936,7 +26212,7 @@ var __extends$23 = (undefined && undefined.__extends) || (function () {
  * agenda view
  */
 var Agenda = /** @__PURE__ @class */ (function (_super) {
-    __extends$23(Agenda, _super);
+    __extends$24(Agenda, _super);
     function Agenda(parent) {
         var _this = _super.call(this, parent) || this;
         _this.viewClass = 'e-agenda-view';
@@ -26383,7 +26659,7 @@ var Agenda = /** @__PURE__ @class */ (function (_super) {
     return Agenda;
 }(AgendaBase));
 
-var __extends$25 = (undefined && undefined.__extends) || (function () {
+var __extends$26 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -26401,7 +26677,7 @@ var __extends$25 = (undefined && undefined.__extends) || (function () {
  * month agenda view
  */
 var MonthAgenda = /** @__PURE__ @class */ (function (_super) {
-    __extends$25(MonthAgenda, _super);
+    __extends$26(MonthAgenda, _super);
     function MonthAgenda(parent) {
         var _this = _super.call(this, parent) || this;
         _this.dayNameFormat = 'narrow';
@@ -26686,7 +26962,7 @@ var TimelineHeaderRow = /** @__PURE__ @class */ (function () {
     return TimelineHeaderRow;
 }());
 
-var __extends$26 = (undefined && undefined.__extends) || (function () {
+var __extends$27 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -26703,7 +26979,7 @@ var __extends$26 = (undefined && undefined.__extends) || (function () {
  * timeline views
  */
 var TimelineViews = /** @__PURE__ @class */ (function (_super) {
-    __extends$26(TimelineViews, _super);
+    __extends$27(TimelineViews, _super);
     function TimelineViews(parent) {
         var _this = _super.call(this, parent) || this;
         _this.timelineAppointment = null;
@@ -26971,7 +27247,7 @@ var TimelineViews = /** @__PURE__ @class */ (function (_super) {
     return TimelineViews;
 }(VerticalView));
 
-var __extends$27 = (undefined && undefined.__extends) || (function () {
+var __extends$28 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -26988,7 +27264,7 @@ var __extends$27 = (undefined && undefined.__extends) || (function () {
  * timeline month view
  */
 var TimelineMonth = /** @__PURE__ @class */ (function (_super) {
-    __extends$27(TimelineMonth, _super);
+    __extends$28(TimelineMonth, _super);
     function TimelineMonth(parent) {
         var _this = _super.call(this, parent) || this;
         _this.viewClass = 'e-timeline-month-view';
@@ -27144,7 +27420,7 @@ var TimelineMonth = /** @__PURE__ @class */ (function (_super) {
     return TimelineMonth;
 }(Month));
 
-var __extends$28 = (undefined && undefined.__extends) || (function () {
+var __extends$29 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
@@ -27162,7 +27438,7 @@ var __extends$28 = (undefined && undefined.__extends) || (function () {
  * timeline year view
  */
 var TimelineYear = /** @__PURE__ @class */ (function (_super) {
-    __extends$28(TimelineYear, _super);
+    __extends$29(TimelineYear, _super);
     function TimelineYear(parent) {
         var _this = _super.call(this, parent) || this;
         _this.viewClass = 'e-timeline-year-view';