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

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

@@ -158,6 +158,11 @@ let MultiViewCalendarComponent = class MultiViewCalendarComponent {
          * ([more information and example]({% slug overview_multiviewcalendar %}#toc-events)).
          */
         this.activeViewChange = new EventEmitter();
+        /**
+         * Fires when navigating in the currently active view
+         * ([more information and example]({% slug events_multiviewcalendar %})).
+         */
+        this.navigate = new EventEmitter();
         /**
          * Fires when a view cell is entered
          * ([more information and example]({% slug overview_multiviewcalendar %}#toc-events)).
@@ -190,7 +195,7 @@ let MultiViewCalendarComponent = class MultiViewCalendarComponent {
         this.minValidateFn = noop;
         this.maxValidateFn = noop;
         this.disabledDatesRangeValidateFn = noop;
-        this.subscriptions = new Subscription(() => { });
+        this.subscriptions = new Subscription();
         this.setClasses(element.nativeElement);
     }
     /**
@@ -402,6 +407,10 @@ let MultiViewCalendarComponent = class MultiViewCalendarComponent {
         }
         this.focusedDate = candidate;
         event.preventDefault();
+        const isSameView = this.bus.service(this.activeViewEnum).isInArray(this.focusedDate, this.viewList.dates);
+        if (!isSameView) {
+            this.emitNavigate(this.focusedDate);
+        }
     }
     ngOnInit() {
         this.subscriptions.add(this.bus.viewChanged.subscribe(({ view }) => {
@@ -487,6 +496,18 @@ let MultiViewCalendarComponent = class MultiViewCalendarComponent {
         this.onControlChange(this.parseSelectionToValue(availableDates));
         this.valueChange.emit(this.parseSelectionToValue(availableDates));
     }
+    /**
+     * @hidden
+     */
+    handleTodayButtonClick(args) {
+        const todayDate = args.focusedDate;
+        const isSameView = this.bus.service(this.activeViewEnum).isInArray(todayDate, this.viewList.dates);
+        const isBottomView = !this.bus.canMoveDown(this.activeViewEnum);
+        if (!isSameView && isBottomView) {
+            this.emitNavigate(todayDate);
+        }
+        this.handleDateChange(args);
+    }
     /**
      * @hidden
      */
@@ -553,9 +574,17 @@ let MultiViewCalendarComponent = class MultiViewCalendarComponent {
     /**
      * @hidden
      */
-    navigate(action) {
+    navigateView(action) {
         this.focusedDate = this.viewList.navigate(action);
         this.updateButtonState();
+        this.emitNavigate(this.focusedDate);
+    }
+    /**
+     * @hidden
+     */
+    emitNavigate(focusedDate) {
+        const activeView = CalendarViewEnum[this.activeViewEnum];
+        this.navigate.emit({ activeView, focusedDate });
     }
     /**
      * @hidden
@@ -572,6 +601,10 @@ let MultiViewCalendarComponent = class MultiViewCalendarComponent {
      */
     handleCellClick({ date, modifiers }) {
         this.performSelection(date, modifiers);
+        const isSameView = this.bus.service(this.activeViewEnum).isInArray(this.focusedDate, this.viewList.dates);
+        if (!isSameView) {
+            this.emitNavigate(this.focusedDate);
+        }
     }
     /**
      * @hidden
@@ -743,6 +776,10 @@ tslib_1.__decorate([
     Output(),
     tslib_1.__metadata("design:type", EventEmitter)
 ], MultiViewCalendarComponent.prototype, "activeViewChange", void 0);
+tslib_1.__decorate([
+    Output(),
+    tslib_1.__metadata("design:type", EventEmitter)
+], MultiViewCalendarComponent.prototype, "navigate", void 0);
 tslib_1.__decorate([
     Output(),
     tslib_1.__metadata("design:type", EventEmitter)
@@ -930,9 +967,9 @@ MultiViewCalendarComponent = tslib_1.__decorate([
         [isPrevDisabled]="isPrevDisabled"
         [isNextDisabled]="isNextDisabled"
         [showNavigationButtons]="true"
-        (todayButtonClick)="handleDateChange({ selectedDates: [$event], focusedDate: $event })"
-        (prevButtonClick)="navigate(prevView)"
-        (nextButtonClick)="navigate(nextView)"
+        (todayButtonClick)="handleTodayButtonClick({ selectedDates: [$event], focusedDate: $event })"
+        (prevButtonClick)="navigateView(prevView)"
+        (nextButtonClick)="navigateView(nextView)"
     >
     </kendo-calendar-header>
     <kendo-calendar-horizontal

package/dist/es2015/calendar/services/century-view.service.d.ts

@@ -16,6 +16,7 @@ export declare class CenturyViewService implements ViewService {
     isInArray(date: Date, dates: Date[]): boolean;
     isInRange(candidate: Date, min: Date, max: Date): boolean;
     beginningOfPeriod(date: Date): Date;
+    lastDayOfPeriod(date: Date): Date;
     isRangeStart(value: Date): boolean;
     move(value: Date, action: Action): Date;
     cellTitle(value: Date): string;

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

@@ -5,7 +5,7 @@
 import * as tslib_1 from "tslib";
 /* tslint:disable:object-literal-sort-keys */
 import { Injectable } from '@angular/core';
-import { addDecades, addCenturies, cloneDate, durationInCenturies, firstYearOfDecade, firstDecadeOfCentury, lastDecadeOfCentury, createDate } from '@progress/kendo-date-math';
+import { addDecades, addCenturies, cloneDate, durationInCenturies, firstYearOfDecade, firstDecadeOfCentury, lastDecadeOfCentury, createDate, lastYearOfDecade, lastMonthOfYear, lastDayOfMonth } from '@progress/kendo-date-math';
 import { Action } from '../models/navigation-action.enum';
 import { EMPTY_SELECTIONRANGE } from '../models/selection-range.interface';
 import { getToday, isInSelectionRange, range } from '../../util';
@@ -115,6 +115,12 @@ let CenturyViewService = class CenturyViewService {
         const firstYear = firstYearOfDecade(firstDecadeOfCentury(date));
         return createDate(firstYear.getFullYear(), 0, 1);
     }
+    lastDayOfPeriod(date) {
+        const decade = lastDecadeOfCentury(date);
+        const year = lastYearOfDecade(decade);
+        const month = lastMonthOfYear(year);
+        return lastDayOfMonth(month);
+    }
     isRangeStart(value) {
         return value.getFullYear() % 1000 === 0;
     }

package/dist/es2015/calendar/services/decade-view.service.d.ts

@@ -16,6 +16,7 @@ export declare class DecadeViewService implements ViewService {
     isInArray(date: Date, dates: Date[]): boolean;
     isInRange(candidate: Date, min: Date, max: Date): boolean;
     beginningOfPeriod(date: Date): Date;
+    lastDayOfPeriod(date: Date): Date;
     isRangeStart(value: Date): boolean;
     move(value: Date, action: Action): Date;
     cellTitle(value: Date): string;

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

@@ -5,7 +5,7 @@
 import * as tslib_1 from "tslib";
 /* tslint:disable:object-literal-sort-keys */
 import { Injectable } from '@angular/core';
-import { addDecades, addYears, cloneDate, durationInDecades, firstYearOfDecade, lastYearOfDecade, createDate } from '@progress/kendo-date-math';
+import { addDecades, addYears, cloneDate, durationInDecades, firstYearOfDecade, lastYearOfDecade, createDate, lastMonthOfYear, lastDayOfMonth } from '@progress/kendo-date-math';
 import { Action } from '../models/navigation-action.enum';
 import { EMPTY_SELECTIONRANGE } from '../models/selection-range.interface';
 import { getToday, isInSelectionRange, range } from '../../util';
@@ -115,6 +115,11 @@ let DecadeViewService = class DecadeViewService {
         const firstYear = firstYearOfDecade(date);
         return createDate(firstYear.getFullYear(), 0, 1);
     }
+    lastDayOfPeriod(date) {
+        const year = lastYearOfDecade(date);
+        const month = lastMonthOfYear(year);
+        return lastDayOfMonth(month);
+    }
     isRangeStart(value) {
         return value.getFullYear() % 100 === 0;
     }

package/dist/es2015/calendar/services/month-view.service.d.ts

@@ -20,6 +20,7 @@ export declare class MonthViewService implements ViewService {
     isInArray(date: Date, dates: Date[]): boolean;
     isInRange(candidate: Date, min: Date, max: Date): boolean;
     beginningOfPeriod(date: Date): Date;
+    lastDayOfPeriod(date: Date): Date;
     isRangeStart(value: Date): boolean;
     move(value: Date, action: Action): Date;
     cellTitle(value: Date): string;

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

@@ -122,6 +122,9 @@ let MonthViewService = class MonthViewService {
         }
         return createDate(date.getFullYear(), date.getMonth(), 1);
     }
+    lastDayOfPeriod(date) {
+        return lastDayOfMonth(date);
+    }
     isRangeStart(value) {
         return !value.getMonth();
     }

package/dist/es2015/calendar/services/year-view.service.d.ts

@@ -19,6 +19,7 @@ export declare class YearViewService implements ViewService {
     isInArray(date: Date, dates: Date[]): boolean;
     isInRange(candidate: Date, min: Date, max: Date): boolean;
     beginningOfPeriod(date: Date): Date;
+    lastDayOfPeriod(date: Date): Date;
     isRangeStart(value: Date): boolean;
     move(value: Date, action: Action): Date;
     cellTitle(value: Date): string;

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

@@ -6,7 +6,7 @@ import * as tslib_1 from "tslib";
 /* tslint:disable:object-literal-sort-keys */
 import { Injectable } from '@angular/core';
 import { IntlService } from '@progress/kendo-angular-intl';
-import { addMonths, addYears, cloneDate, createDate, durationInYears, firstMonthOfYear, lastMonthOfYear } from '@progress/kendo-date-math';
+import { addMonths, addYears, cloneDate, createDate, durationInYears, firstMonthOfYear, lastDayOfMonth, lastMonthOfYear } from '@progress/kendo-date-math';
 import { Action } from '../models/navigation-action.enum';
 import { EMPTY_SELECTIONRANGE } from '../models/selection-range.interface';
 import { getToday, isInSelectionRange, range } from '../../util';
@@ -136,6 +136,10 @@ let YearViewService = class YearViewService {
         }
         return createDate(date.getFullYear(), 0, 1);
     }
+    lastDayOfPeriod(date) {
+        const month = lastMonthOfYear(date);
+        return lastDayOfMonth(month);
+    }
     isRangeStart(value) {
         return value.getFullYear() % 10 === 0;
     }

package/dist/es2015/daterange/date-range-input.js

@@ -19,8 +19,8 @@ export class DateRangeInput {
         this.renderer = renderer;
         this.zone = zone;
         this.navigateCalendarOnFocus = false;
-        this.popupSubscriptions = new Subscription(() => { });
-        this.subscriptions = new Subscription(() => { });
+        this.popupSubscriptions = new Subscription();
+        this.subscriptions = new Subscription();
     }
     get isActiveEnd() {
         return this.dateRangeService.activeRangeEnd === this.activeRangeEnd;
@@ -69,7 +69,7 @@ export class DateRangeInput {
     }
     unsubscribePopup() {
         this.popupSubscriptions.unsubscribe();
-        this.popupSubscriptions = new Subscription(() => { });
+        this.popupSubscriptions = new Subscription();
     }
     activate() {
         this.dateRangeService.setActiveRangeEnd(this.activeRangeEnd);

package/dist/es2015/daterange/date-range-popup.component.js

@@ -84,8 +84,8 @@ let DateRangePopupComponent = class DateRangePopupComponent {
          * @hidden
          */
         this.popupUID = guid();
-        this.calendarSubscriptions = new Subscription(() => { });
-        this.popupSubscriptions = new Subscription(() => { });
+        this.calendarSubscriptions = new Subscription();
+        this.popupSubscriptions = new Subscription();
         this.resolvedPromise = Promise.resolve();
     }
     /**

package/dist/es2015/daterange/date-range-selection.directive.js

@@ -38,7 +38,7 @@ let DateRangeSelectionDirective = class DateRangeSelectionDirective {
          * the section on [events]({% slug overview_multiviewcalendar %}#toc-events).
          */
         this.selectionRangeChange = new EventEmitter();
-        this.calendarSubscriptions = new Subscription(() => { });
+        this.calendarSubscriptions = new Subscription();
         this.dateRangeService = this.dateRangeService || new DateRangeService();
         renderer.setAttribute(element.nativeElement, 'aria-multiselectable', 'true');
     }