@progress/kendo-angular-dateinputs 5.2.4-dev.202110261444 → 5.3.0-dev.202110290637

package/dist/npm/calendar/multiview-calendar.component.js

@@ -160,6 +160,11 @@ var MultiViewCalendarComponent = /** @class */ (function () {
          * ([more information and example]({% slug overview_multiviewcalendar %}#toc-events)).
          */
         this.activeViewChange = new core_1.EventEmitter();
+        /**
+         * Fires when navigating in the currently active view
+         * ([more information and example]({% slug events_multiviewcalendar %})).
+         */
+        this.navigate = new core_1.EventEmitter();
         /**
          * Fires when a view cell is entered
          * ([more information and example]({% slug overview_multiviewcalendar %}#toc-events)).
@@ -492,6 +497,10 @@ var MultiViewCalendarComponent = /** @class */ (function () {
         }
         this.focusedDate = candidate;
         event.preventDefault();
+        var isSameView = this.bus.service(this.activeViewEnum).isInArray(this.focusedDate, this.viewList.dates);
+        if (!isSameView) {
+            this.emitNavigate(this.focusedDate);
+        }
     };
     MultiViewCalendarComponent.prototype.ngOnInit = function () {
         var _this = this;
@@ -580,6 +589,18 @@ var MultiViewCalendarComponent = /** @class */ (function () {
         this.onControlChange(this.parseSelectionToValue(availableDates));
         this.valueChange.emit(this.parseSelectionToValue(availableDates));
     };
+    /**
+     * @hidden
+     */
+    MultiViewCalendarComponent.prototype.handleTodayButtonClick = function (args) {
+        var todayDate = args.focusedDate;
+        var isSameView = this.bus.service(this.activeViewEnum).isInArray(todayDate, this.viewList.dates);
+        var isBottomView = !this.bus.canMoveDown(this.activeViewEnum);
+        if (!isSameView && isBottomView) {
+            this.emitNavigate(todayDate);
+        }
+        this.handleDateChange(args);
+    };
     /**
      * @hidden
      */
@@ -646,9 +667,17 @@ var MultiViewCalendarComponent = /** @class */ (function () {
     /**
      * @hidden
      */
-    MultiViewCalendarComponent.prototype.navigate = function (action) {
+    MultiViewCalendarComponent.prototype.navigateView = function (action) {
         this.focusedDate = this.viewList.navigate(action);
         this.updateButtonState();
+        this.emitNavigate(this.focusedDate);
+    };
+    /**
+     * @hidden
+     */
+    MultiViewCalendarComponent.prototype.emitNavigate = function (focusedDate) {
+        var activeView = view_enum_1.CalendarViewEnum[this.activeViewEnum];
+        this.navigate.emit({ activeView: activeView, focusedDate: focusedDate });
     };
     /**
      * @hidden
@@ -666,6 +695,10 @@ var MultiViewCalendarComponent = /** @class */ (function () {
     MultiViewCalendarComponent.prototype.handleCellClick = function (_a) {
         var date = _a.date, modifiers = _a.modifiers;
         this.performSelection(date, modifiers);
+        var isSameView = this.bus.service(this.activeViewEnum).isInArray(this.focusedDate, this.viewList.dates);
+        if (!isSameView) {
+            this.emitNavigate(this.focusedDate);
+        }
     };
     /**
      * @hidden
@@ -838,6 +871,10 @@ var MultiViewCalendarComponent = /** @class */ (function () {
         core_1.Output(),
         tslib_1.__metadata("design:type", core_1.EventEmitter)
     ], MultiViewCalendarComponent.prototype, "activeViewChange", void 0);
+    tslib_1.__decorate([
+        core_1.Output(),
+        tslib_1.__metadata("design:type", core_1.EventEmitter)
+    ], MultiViewCalendarComponent.prototype, "navigate", void 0);
     tslib_1.__decorate([
         core_1.Output(),
         tslib_1.__metadata("design:type", core_1.EventEmitter)
@@ -1003,7 +1040,7 @@ var MultiViewCalendarComponent = /** @class */ (function () {
                 selection_service_1.SelectionService
             ],
             selector: 'kendo-multiviewcalendar',
-            template: "\n    <ng-container kendoMultiViewCalendarLocalizedMessages\n        i18n-today=\"kendo.multiviewcalendar.today|The label for the today button in the calendar header\"\n        today=\"Today\"\n\n        i18n-prevButtonTitle=\"kendo.multiviewcalendar.prevButtonTitle|The label for the previous button in the Multiview calendar\"\n        prevButtonTitle=\"Navigate to previous view\"\n\n        i18n-nextButtonTitle=\"kendo.multiviewcalendar.nextButtonTitle|The label for the next button in the Multiview calendar\"\n        nextButtonTitle=\"Navigate to next view\"\n    >\n    </ng-container>\n    <kendo-calendar-header\n        [activeView]=\"activeViewEnum\"\n        [currentDate]=\"activeDate\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [rangeLength]=\"views\"\n        [templateRef]=\"headerTitleTemplate?.templateRef\"\n        [isPrevDisabled]=\"isPrevDisabled\"\n        [isNextDisabled]=\"isNextDisabled\"\n        [showNavigationButtons]=\"true\"\n        (todayButtonClick)=\"handleDateChange({ selectedDates: [$event], focusedDate: $event })\"\n        (prevButtonClick)=\"navigate(prevView)\"\n        (nextButtonClick)=\"navigate(nextView)\"\n    >\n    </kendo-calendar-header>\n    <kendo-calendar-horizontal\n        [activeView]=\"activeViewEnum\"\n        [isActive]=\"isActive || isHovered\"\n        [cellTemplateRef]=\"activeCellTemplate()?.templateRef\"\n        [weekNumberTemplateRef]=\"weekNumberTemplate?.templateRef\"\n        [cellUID]=\"cellUID\"\n        [views]=\"views\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [focusedDate]=\"focusedDate\"\n        [animateNavigation]=\"animateNavigation\"\n        [showViewHeader]=\"showViewHeader\"\n        [weekNumber]=\"weekNumber\"\n        [activeRangeEnd]=\"activeRangeEnd\"\n        [selectionRange]=\"selectionRange\"\n        [selectedDates]=\"selectedDates\"\n        (valueChange)=\"handleDateChange($event)\"\n        (cellClick)=\"handleCellClick($event)\"\n        (weekNumberCellClick)=\"handleWeekNumberClick($event)\"\n        (cellEnter)=\"emitCellEvent(cellEnter, $event)\"\n        (cellLeave)=\"emitCellEvent(cellLeave, $event)\"\n        (activeDateChange)=\"setActiveDate($event)\"\n    >\n    </kendo-calendar-horizontal>\n  "
+            template: "\n    <ng-container kendoMultiViewCalendarLocalizedMessages\n        i18n-today=\"kendo.multiviewcalendar.today|The label for the today button in the calendar header\"\n        today=\"Today\"\n\n        i18n-prevButtonTitle=\"kendo.multiviewcalendar.prevButtonTitle|The label for the previous button in the Multiview calendar\"\n        prevButtonTitle=\"Navigate to previous view\"\n\n        i18n-nextButtonTitle=\"kendo.multiviewcalendar.nextButtonTitle|The label for the next button in the Multiview calendar\"\n        nextButtonTitle=\"Navigate to next view\"\n    >\n    </ng-container>\n    <kendo-calendar-header\n        [activeView]=\"activeViewEnum\"\n        [currentDate]=\"activeDate\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [rangeLength]=\"views\"\n        [templateRef]=\"headerTitleTemplate?.templateRef\"\n        [isPrevDisabled]=\"isPrevDisabled\"\n        [isNextDisabled]=\"isNextDisabled\"\n        [showNavigationButtons]=\"true\"\n        (todayButtonClick)=\"handleTodayButtonClick({ selectedDates: [$event], focusedDate: $event })\"\n        (prevButtonClick)=\"navigateView(prevView)\"\n        (nextButtonClick)=\"navigateView(nextView)\"\n    >\n    </kendo-calendar-header>\n    <kendo-calendar-horizontal\n        [activeView]=\"activeViewEnum\"\n        [isActive]=\"isActive || isHovered\"\n        [cellTemplateRef]=\"activeCellTemplate()?.templateRef\"\n        [weekNumberTemplateRef]=\"weekNumberTemplate?.templateRef\"\n        [cellUID]=\"cellUID\"\n        [views]=\"views\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [focusedDate]=\"focusedDate\"\n        [animateNavigation]=\"animateNavigation\"\n        [showViewHeader]=\"showViewHeader\"\n        [weekNumber]=\"weekNumber\"\n        [activeRangeEnd]=\"activeRangeEnd\"\n        [selectionRange]=\"selectionRange\"\n        [selectedDates]=\"selectedDates\"\n        (valueChange)=\"handleDateChange($event)\"\n        (cellClick)=\"handleCellClick($event)\"\n        (weekNumberCellClick)=\"handleWeekNumberClick($event)\"\n        (cellEnter)=\"emitCellEvent(cellEnter, $event)\"\n        (cellLeave)=\"emitCellEvent(cellLeave, $event)\"\n        (activeDateChange)=\"setActiveDate($event)\"\n    >\n    </kendo-calendar-horizontal>\n  "
         }),
         tslib_1.__metadata("design:paramtypes", [bus_view_service_1.BusViewService,
             core_1.ElementRef,

package/dist/npm/calendar/services/century-view.service.js

@@ -116,6 +116,12 @@ var CenturyViewService = /** @class */ (function () {
         var firstYear = kendo_date_math_1.firstYearOfDecade(kendo_date_math_1.firstDecadeOfCentury(date));
         return kendo_date_math_1.createDate(firstYear.getFullYear(), 0, 1);
     };
+    CenturyViewService.prototype.lastDayOfPeriod = function (date) {
+        var decade = kendo_date_math_1.lastDecadeOfCentury(date);
+        var year = kendo_date_math_1.lastYearOfDecade(decade);
+        var month = kendo_date_math_1.lastMonthOfYear(year);
+        return kendo_date_math_1.lastDayOfMonth(month);
+    };
     CenturyViewService.prototype.isRangeStart = function (value) {
         return value.getFullYear() % 1000 === 0;
     };

package/dist/npm/calendar/services/decade-view.service.js

@@ -116,6 +116,11 @@ var DecadeViewService = /** @class */ (function () {
         var firstYear = kendo_date_math_1.firstYearOfDecade(date);
         return kendo_date_math_1.createDate(firstYear.getFullYear(), 0, 1);
     };
+    DecadeViewService.prototype.lastDayOfPeriod = function (date) {
+        var year = kendo_date_math_1.lastYearOfDecade(date);
+        var month = kendo_date_math_1.lastMonthOfYear(year);
+        return kendo_date_math_1.lastDayOfMonth(month);
+    };
     DecadeViewService.prototype.isRangeStart = function (value) {
         return value.getFullYear() % 100 === 0;
     };

package/dist/npm/calendar/services/month-view.service.js

@@ -126,6 +126,9 @@ var MonthViewService = /** @class */ (function () {
         }
         return kendo_date_math_1.createDate(date.getFullYear(), date.getMonth(), 1);
     };
+    MonthViewService.prototype.lastDayOfPeriod = function (date) {
+        return kendo_date_math_1.lastDayOfMonth(date);
+    };
     MonthViewService.prototype.isRangeStart = function (value) {
         return !value.getMonth();
     };

package/dist/npm/calendar/services/year-view.service.js

@@ -142,6 +142,10 @@ var YearViewService = /** @class */ (function () {
         }
         return kendo_date_math_1.createDate(date.getFullYear(), 0, 1);
     };
+    YearViewService.prototype.lastDayOfPeriod = function (date) {
+        var month = kendo_date_math_1.lastMonthOfYear(date);
+        return kendo_date_math_1.lastDayOfMonth(month);
+    };
     YearViewService.prototype.isRangeStart = function (value) {
         return value.getFullYear() % 10 === 0;
     };

package/dist/npm/package-metadata.js

@@ -11,7 +11,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-angular-dateinputs',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1635259300,
+    publishDate: 1635489253,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };