@progress/kendo-angular-dateinputs 6.0.3 → 7.0.0-next.202203231050

package/esm2015/datepicker/datepicker.module.js

@@ -0,0 +1,72 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { NgModule } from '@angular/core';
+import { DatePickerComponent } from './datepicker.component';
+import { CommonModule } from '@angular/common';
+import { IntlModule } from '@progress/kendo-angular-intl';
+import { PopupModule } from '@progress/kendo-angular-popup';
+import { CalendarModule } from '../calendar/calendar.module';
+import { TemplatesModule } from '../calendar/templates.module';
+import { DateInputModule } from '../dateinput/dateinput.module';
+import { EventsModule } from '@progress/kendo-angular-common';
+import { DatePickerLocalizedMessagesDirective } from './localization/datepicker-localized-messages.directive';
+import { DatePickerCustomMessagesComponent } from './localization/datepicker-custom-messages.component';
+import { touchEnabled } from '@progress/kendo-common';
+import { TOUCH_ENABLED } from '../touch-enabled';
+import * as i0 from "@angular/core";
+/**
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
+ * definition for the DatePicker component.
+ */
+export class DatePickerModule {
+}
+DatePickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DatePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DatePickerModule, declarations: [DatePickerComponent,
+        DatePickerCustomMessagesComponent,
+        DatePickerLocalizedMessagesDirective], imports: [CommonModule,
+        DateInputModule,
+        CalendarModule,
+        IntlModule,
+        PopupModule,
+        TemplatesModule,
+        EventsModule], exports: [DatePickerComponent,
+        DatePickerCustomMessagesComponent,
+        DatePickerLocalizedMessagesDirective,
+        TemplatesModule] });
+DatePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DatePickerModule, providers: [{ provide: TOUCH_ENABLED, useValue: touchEnabled }], imports: [[
+            CommonModule,
+            DateInputModule,
+            CalendarModule,
+            IntlModule,
+            PopupModule,
+            TemplatesModule,
+            EventsModule
+        ], TemplatesModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DatePickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DatePickerComponent,
+                        DatePickerCustomMessagesComponent,
+                        DatePickerLocalizedMessagesDirective
+                    ],
+                    exports: [
+                        DatePickerComponent,
+                        DatePickerCustomMessagesComponent,
+                        DatePickerLocalizedMessagesDirective,
+                        TemplatesModule
+                    ],
+                    imports: [
+                        CommonModule,
+                        DateInputModule,
+                        CalendarModule,
+                        IntlModule,
+                        PopupModule,
+                        TemplatesModule,
+                        EventsModule
+                    ],
+                    providers: [{ provide: TOUCH_ENABLED, useValue: touchEnabled }]
+                }]
+        }] });

package/esm2015/datepicker/localization/datepicker-custom-messages.component.js

@@ -0,0 +1,40 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, forwardRef } from '@angular/core';
+import { DatePickerMessages } from './messages';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * Custom component messages override default component messages ([see example]({% slug globalization_dateinputs %}#toc-custom-messages)).
+ */
+export class DatePickerCustomMessagesComponent extends DatePickerMessages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+    get override() {
+        return true;
+    }
+}
+DatePickerCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DatePickerCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+DatePickerCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages", providers: [
+        {
+            provide: DatePickerMessages,
+            useExisting: forwardRef(() => DatePickerCustomMessagesComponent)
+        }
+    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DatePickerCustomMessagesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: DatePickerMessages,
+                            useExisting: forwardRef(() => DatePickerCustomMessagesComponent)
+                        }
+                    ],
+                    selector: 'kendo-datepicker-messages',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/esm2015/datepicker/localization/datepicker-localized-messages.directive.js

@@ -0,0 +1,36 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, forwardRef } from '@angular/core';
+import { DatePickerMessages } from './messages';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * @hidden
+ */
+export class DatePickerLocalizedMessagesDirective extends DatePickerMessages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+}
+DatePickerLocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DatePickerLocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+DatePickerLocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DatePickerLocalizedMessagesDirective, selector: "[kendoDatePickerLocalizedMessages]", providers: [
+        {
+            provide: DatePickerMessages,
+            useExisting: forwardRef(() => DatePickerLocalizedMessagesDirective)
+        }
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DatePickerLocalizedMessagesDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        {
+                            provide: DatePickerMessages,
+                            useExisting: forwardRef(() => DatePickerLocalizedMessagesDirective)
+                        }
+                    ],
+                    selector: '[kendoDatePickerLocalizedMessages]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; } });

package/esm2015/datepicker/localization/messages.js

@@ -0,0 +1,28 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input } from '@angular/core';
+import { ComponentMessages } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class DatePickerMessages extends ComponentMessages {
+}
+DatePickerMessages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DatePickerMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+DatePickerMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DatePickerMessages, selector: "kendo-datepicker-messages-base", inputs: { today: "today", toggle: "toggle", prevButtonTitle: "prevButtonTitle", nextButtonTitle: "nextButtonTitle" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DatePickerMessages, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kendo-datepicker-messages-base'
+                }]
+        }], propDecorators: { today: [{
+                type: Input
+            }], toggle: [{
+                type: Input
+            }], prevButtonTitle: [{
+                type: Input
+            }], nextButtonTitle: [{
+                type: Input
+            }] } });

package/{dist/es → esm2015}/daterange/auto-correct-on.type.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es2015 → esm2015}/daterange/date-range-end-input.directive.js

@@ -2,23 +2,24 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, ElementRef, Input, Renderer2, NgZone } from '@angular/core';
+import { Directive, Input } from '@angular/core';
 import { cloneDate, isEqual } from '@progress/kendo-date-math';
-import { DateInputComponent } from '../dateinput/dateinput.component';
 import { DateRangeInput } from './date-range-input';
-import { DateRangeService } from './date-range.service';
 import { EMPTY_SELECTIONRANGE } from '../calendar/models/selection-range.interface';
 import { clampRange, isInRange } from '../util';
 import { isPresent } from '../common/utils';
+import * as i0 from "@angular/core";
+import * as i1 from "./date-range.service";
+import * as i2 from "../dateinput/dateinput.component";
+import * as i3 from "./date-range-popup.service";
 /**
  * A directive which manages the end range selection.
  *
  * > You can use the DateRangeEndInputDirective only with a DateInput component.
  */
-let DateRangeEndInputDirective = class DateRangeEndInputDirective extends DateRangeInput {
-    constructor(rangeService, dateInput, element, renderer, zone) {
-        super('end', rangeService, dateInput, element, renderer, zone);
+export class DateRangeEndInputDirective extends DateRangeInput {
+    constructor(rangeService, dateInput, rangePopupService, element, renderer, zone) {
+        super('end', rangeService, rangePopupService, dateInput, element, renderer, zone);
         this.rangeService = rangeService;
         this.dateInput = dateInput;
         /**
@@ -72,23 +73,16 @@ let DateRangeEndInputDirective = class DateRangeEndInputDirective extends DateRa
         this.dateInput.writeValue(cloneDate(end));
         this.dateInput.notify();
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], DateRangeEndInputDirective.prototype, "autoCorrectOn", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], DateRangeEndInputDirective.prototype, "navigateCalendarOnFocus", void 0);
-DateRangeEndInputDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoDateRangeEndInput]'
-    }),
-    tslib_1.__metadata("design:paramtypes", [DateRangeService,
-        DateInputComponent,
-        ElementRef,
-        Renderer2,
-        NgZone])
-], DateRangeEndInputDirective);
-export { DateRangeEndInputDirective };
+}
+DateRangeEndInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeEndInputDirective, deps: [{ token: i1.DateRangeService }, { token: i2.DateInputComponent }, { token: i3.DateRangePopupService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+DateRangeEndInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DateRangeEndInputDirective, selector: "[kendoDateRangeEndInput]", inputs: { autoCorrectOn: "autoCorrectOn", navigateCalendarOnFocus: "navigateCalendarOnFocus" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeEndInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoDateRangeEndInput]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DateRangeService }, { type: i2.DateInputComponent }, { type: i3.DateRangePopupService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; }, propDecorators: { autoCorrectOn: [{
+                type: Input
+            }], navigateCalendarOnFocus: [{
+                type: Input
+            }] } });

package/{dist/es2015 → esm2015}/daterange/date-range-input.js

@@ -11,9 +11,10 @@ import { isPresent } from '../common/utils';
  * @hidden
  */
 export class DateRangeInput {
-    constructor(activeRangeEnd, dateRangeService, input, element, renderer, zone) {
+    constructor(activeRangeEnd, dateRangeService, dateRangePopupService, input, element, renderer, zone) {
         this.activeRangeEnd = activeRangeEnd;
         this.dateRangeService = dateRangeService;
+        this.dateRangePopupService = dateRangePopupService;
         this.input = input;
         this.element = element;
         this.renderer = renderer;
@@ -26,7 +27,7 @@ export class DateRangeInput {
         return this.dateRangeService.activeRangeEnd === this.activeRangeEnd;
     }
     get popupCalendarActivated() {
-        const popup = this.dateRangeService.dateRangePopup$.value;
+        const popup = this.dateRangePopupService.dateRangePopup$.value;
         return isPresent(popup) && isPresent(popup.calendar);
     }
     init() {
@@ -43,7 +44,7 @@ export class DateRangeInput {
                 }
                 this.toggleActiveClass(this.isActiveEnd);
             }),
-            this.dateRangeService.dateRangePopup$.subscribe(popup => this.initPopup(popup)),
+            this.dateRangePopupService.dateRangePopup$.subscribe(popup => this.initPopup(popup)),
             this.dateRangeService.range$.subscribe(range => this.updateInputValue(range)),
             fromEvent(this.element.nativeElement, 'click').subscribe(() => this.activate()),
             fromEvent(this.element.nativeElement, 'keydown').subscribe((event) => this.togglePopup(event || {}))
@@ -73,17 +74,19 @@ export class DateRangeInput {
     }
     activate() {
         this.dateRangeService.setActiveRangeEnd(this.activeRangeEnd);
-        this.dateRangeService.activatePopup();
+        this.dateRangePopupService.activatePopup();
     }
     deactivate() {
         this.zone.runOutsideAngular(() => {
             setTimeout(() => {
                 this.updateRange(this.input.value, 'blur');
-                if (this.dateRangeService.hasActiveComponent()) {
+                const startInputValue = this.dateRangeService.startInput$.value;
+                const endInputValue = this.dateRangeService.endInput$.value;
+                if (this.dateRangePopupService.hasActiveComponent(startInputValue, endInputValue)) {
                     return;
                 }
                 this.toggleActiveClass(false);
-                this.zone.run(() => this.dateRangeService.deactivatePopup());
+                this.zone.run(() => this.dateRangePopupService.deactivatePopup());
             });
         });
     }
@@ -96,10 +99,10 @@ export class DateRangeInput {
     }
     togglePopup({ altKey, keyCode }) {
         if (keyCode === Keys.Escape) {
-            this.dateRangeService.cancelPopup();
+            this.dateRangePopupService.cancelPopup();
         }
         else if (altKey && keyCode === Keys.ArrowDown) {
-            this.dateRangeService.activatePopup();
+            this.dateRangePopupService.activatePopup();
         }
     }
     focusActiveDate() {

package/esm2015/daterange/date-range-popup-template.directive.js

@@ -0,0 +1,23 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * A directive which renders the content of the DateRange Popup. To define the cell template, nest an
+ * `<ng-template>` tag with the `kendoRangePopupTemplate` directive inside the component tag.
+ */
+export class DateRangePopupTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+DateRangePopupTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangePopupTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+DateRangePopupTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DateRangePopupTemplateDirective, selector: "[kendoDateRangePopupTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangePopupTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoDateRangePopupTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });

package/{dist/es2015 → esm2015}/daterange/date-range-popup.component.js

@@ -2,12 +2,9 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, ContentChild, ContentChildren, ChangeDetectorRef, ElementRef, EventEmitter, TemplateRef, NgZone, Input, Output, ViewChild, ViewChildren, ViewContainerRef, Inject, QueryList, Optional } from '@angular/core';
+import { Component, ContentChild, ContentChildren, EventEmitter, Input, Output, ViewChild, ViewChildren, ViewContainerRef, Inject, Optional } from '@angular/core';
 import { RTL } from '@progress/kendo-angular-l10n';
-import { PopupService } from '@progress/kendo-angular-popup';
 import { DateRangePopupTemplateDirective } from './date-range-popup-template.directive';
-import { DateRangeService } from './date-range.service';
 import { MultiViewCalendarComponent } from '../calendar/multiview-calendar.component';
 import { PreventableEvent } from '../preventable-event';
 import { isDocumentAvailable, guid, Keys, hasObservers } from '@progress/kendo-angular-common';
@@ -15,6 +12,12 @@ import { Subscription, fromEvent, merge } from 'rxjs';
 import { filter, map } from 'rxjs/operators';
 import { isWindowAvailable } from '../util';
 import { isPresent } from '../common/utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-popup";
+import * as i2 from "./date-range.service";
+import * as i3 from "./date-range-popup.service";
+import * as i4 from "../calendar/multiview-calendar.component";
+import * as i5 from "./date-range-selection.directive";
 /**
  * Represents the Kendo UI DateRangePopup component for Angular.
  *
@@ -34,10 +37,11 @@ import { isPresent } from '../common/utils';
  * }
  * ```
  */
-let DateRangePopupComponent = class DateRangePopupComponent {
-    constructor(popupService, dateRangeService, ref, zone, rtl) {
+export class DateRangePopupComponent {
+    constructor(popupService, dateRangeService, dateRangePopupService, ref, zone, rtl) {
         this.popupService = popupService;
         this.dateRangeService = dateRangeService;
+        this.dateRangePopupService = dateRangePopupService;
         this.ref = ref;
         this.zone = zone;
         this.rtl = rtl;
@@ -71,11 +75,11 @@ let DateRangePopupComponent = class DateRangePopupComponent {
         /**
          * Fires each time the calendar element is blurred.
          */
-        this.onBlur = new EventEmitter(); //tslint:disable-line:no-output-rename
+        this.onBlur = new EventEmitter();
         /**
          * Fires each time the calendar element is focused.
          */
-        this.onFocus = new EventEmitter(); //tslint:disable-line:no-output-rename
+        this.onFocus = new EventEmitter();
         /**
          * Fires each time the popup is closed either on `ESC` keypress or on leaving the viewport.
          */
@@ -130,7 +134,7 @@ let DateRangePopupComponent = class DateRangePopupComponent {
         return this._show;
     }
     ngOnInit() {
-        this.dateRangeService.registerPopup(this);
+        this.dateRangePopupService.registerPopup(this);
     }
     ngAfterViewInit() {
         this.calendarSubscriptions.add(this.contentCalendar.changes.subscribe((changes) => this.calendar = changes.first));
@@ -288,90 +292,70 @@ let DateRangePopupComponent = class DateRangePopupComponent {
             this.popupSubscriptions.unsubscribe();
         }
     }
-};
-tslib_1.__decorate([
-    ViewChild('container', { read: ViewContainerRef, static: false }),
-    tslib_1.__metadata("design:type", ViewContainerRef)
-], DateRangePopupComponent.prototype, "container", void 0);
-tslib_1.__decorate([
-    ViewChild('defaultTemplate', { static: false }),
-    tslib_1.__metadata("design:type", TemplateRef)
-], DateRangePopupComponent.prototype, "defaultTemplate", void 0);
-tslib_1.__decorate([
-    ContentChild(DateRangePopupTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", DateRangePopupTemplateDirective)
-], DateRangePopupComponent.prototype, "contentTemplate", void 0);
-tslib_1.__decorate([
-    ViewChildren(MultiViewCalendarComponent),
-    tslib_1.__metadata("design:type", QueryList)
-], DateRangePopupComponent.prototype, "viewCalendar", void 0);
-tslib_1.__decorate([
-    ContentChildren(MultiViewCalendarComponent),
-    tslib_1.__metadata("design:type", QueryList)
-], DateRangePopupComponent.prototype, "contentCalendar", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], DateRangePopupComponent.prototype, "animate", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", ElementRef)
-], DateRangePopupComponent.prototype, "anchor", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], DateRangePopupComponent.prototype, "anchorAlign", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], DateRangePopupComponent.prototype, "appendTo", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], DateRangePopupComponent.prototype, "collision", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], DateRangePopupComponent.prototype, "popupAlign", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], DateRangePopupComponent.prototype, "margin", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], DateRangePopupComponent.prototype, "open", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], DateRangePopupComponent.prototype, "close", void 0);
-tslib_1.__decorate([
-    Output('blur'),
-    tslib_1.__metadata("design:type", EventEmitter)
-], DateRangePopupComponent.prototype, "onBlur", void 0);
-tslib_1.__decorate([
-    Output('focus'),
-    tslib_1.__metadata("design:type", EventEmitter)
-], DateRangePopupComponent.prototype, "onFocus", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], DateRangePopupComponent.prototype, "cancel", void 0);
-DateRangePopupComponent = tslib_1.__decorate([
-    Component({
-        exportAs: 'kendo-daterange-popup',
-        selector: 'kendo-daterange-popup',
-        template: `
+}
+DateRangePopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangePopupComponent, deps: [{ token: i1.PopupService }, { token: i2.DateRangeService }, { token: i3.DateRangePopupService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: RTL, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+DateRangePopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DateRangePopupComponent, selector: "kendo-daterange-popup", inputs: { animate: "animate", anchor: "anchor", anchorAlign: "anchorAlign", appendTo: "appendTo", collision: "collision", popupAlign: "popupAlign", margin: "margin" }, outputs: { open: "open", close: "close", onBlur: "blur", onFocus: "focus", cancel: "cancel" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: DateRangePopupTemplateDirective, descendants: true }, { propertyName: "contentCalendar", predicate: MultiViewCalendarComponent }], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }, { propertyName: "defaultTemplate", first: true, predicate: ["defaultTemplate"], descendants: true }, { propertyName: "viewCalendar", predicate: MultiViewCalendarComponent, descendants: true }], exportAs: ["kendo-daterange-popup"], ngImport: i0, template: `
+        <ng-container #container></ng-container>
+        <ng-template #defaultTemplate>
+            <kendo-multiviewcalendar kendoDateRangeSelection></kendo-multiviewcalendar>
+        </ng-template>
+    `, isInline: true, components: [{ type: i4.MultiViewCalendarComponent, selector: "kendo-multiviewcalendar", inputs: ["id", "focusedDate", "min", "max", "rangeValidation", "disabledDatesRangeValidation", "selection", "value", "disabled", "tabindex", "tabIndex", "isActive", "disabledDates", "activeView", "bottomView", "topView", "showViewHeader", "animateNavigation", "weekNumber", "activeRangeEnd", "selectionRange", "views", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate"], outputs: ["activeViewChange", "navigate", "cellEnter", "cellLeave", "valueChange", "blur"], exportAs: ["kendo-multiviewcalendar"] }], directives: [{ type: i5.DateRangeSelectionDirective, selector: "[kendoDateRangeSelection]", inputs: ["autoCorrectOn", "selectionRange", "activeRangeEnd"], outputs: ["activeRangeEndChange", "selectionRangeChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangePopupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendo-daterange-popup',
+                    selector: 'kendo-daterange-popup',
+                    template: `
         <ng-container #container></ng-container>
         <ng-template #defaultTemplate>
             <kendo-multiviewcalendar kendoDateRangeSelection></kendo-multiviewcalendar>
         </ng-template>
     `
-    }),
-    tslib_1.__param(4, Optional()), tslib_1.__param(4, Inject(RTL)),
-    tslib_1.__metadata("design:paramtypes", [PopupService,
-        DateRangeService,
-        ChangeDetectorRef,
-        NgZone, Boolean])
-], DateRangePopupComponent);
-export { DateRangePopupComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i1.PopupService }, { type: i2.DateRangeService }, { type: i3.DateRangePopupService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [RTL]
+                }] }]; }, propDecorators: { container: [{
+                type: ViewChild,
+                args: ['container', { read: ViewContainerRef, static: false }]
+            }], defaultTemplate: [{
+                type: ViewChild,
+                args: ['defaultTemplate', { static: false }]
+            }], contentTemplate: [{
+                type: ContentChild,
+                args: [DateRangePopupTemplateDirective, { static: false }]
+            }], viewCalendar: [{
+                type: ViewChildren,
+                args: [MultiViewCalendarComponent]
+            }], contentCalendar: [{
+                type: ContentChildren,
+                args: [MultiViewCalendarComponent]
+            }], animate: [{
+                type: Input
+            }], anchor: [{
+                type: Input
+            }], anchorAlign: [{
+                type: Input
+            }], appendTo: [{
+                type: Input
+            }], collision: [{
+                type: Input
+            }], popupAlign: [{
+                type: Input
+            }], margin: [{
+                type: Input
+            }], open: [{
+                type: Output
+            }], close: [{
+                type: Output
+            }], onBlur: [{
+                type: Output,
+                args: ['blur']
+            }], onFocus: [{
+                type: Output,
+                args: ['focus']
+            }], cancel: [{
+                type: Output
+            }] } });

package/esm2015/daterange/date-range-popup.service.js

@@ -0,0 +1,87 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Injectable } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
+const isActive = (cmp) => (cmp && cmp.isActive) || false;
+const hasActiveContent = (popup) => popup && popup.hasActiveContent();
+/**
+ * A service that handles the communication between the components that are placed inside the DateRangeComponent.
+ * For example, the start and end `DateInput` and `DateRangePopup` components.
+ */
+export class DateRangePopupService {
+    constructor() {
+        /**
+         * An Observable instance that notifies when the `DateRangePopup` component is changed.
+         */
+        this.dateRangePopup$ = new BehaviorSubject(null);
+    }
+    /**
+     * Activates the registered `DateRangePopup` component.
+     * The method opens the popup and focuses the calendar.
+     */
+    activatePopup() {
+        const dateRangePopup = this.dateRangePopup$.value;
+        if (!dateRangePopup) {
+            return;
+        }
+        dateRangePopup.activate();
+    }
+    /**
+     * Deactivates the registered `DateRangePopup` component.
+     * The method closes the popup.
+     */
+    deactivatePopup() {
+        const dateRangePopup = this.dateRangePopup$.value;
+        if (!(dateRangePopup && dateRangePopup.show)) {
+            return;
+        }
+        dateRangePopup.show = false;
+    }
+    /**
+     * @hidden
+     *
+     * Deactivates the registered `DateRangePopup` component and fires the `cancel` event.
+     * The method closes the popup.
+     */
+    cancelPopup() {
+        const dateRangePopup = this.dateRangePopup$.value;
+        if (!(dateRangePopup && dateRangePopup.show)) {
+            return;
+        }
+        dateRangePopup.cancelPopup();
+    }
+    /**
+     * Returns `true` when an active component that is placed inside the `DateRangeComponent` is detected.
+     * For example, the opened popup or the focused DateInput.
+     *
+     * @returns `true` if an active component is present.
+     */
+    hasActiveComponent(startInputValue, endInputValue) {
+        const popup = this.dateRangePopup$.value;
+        const isPopup = isActive(popup);
+        const isStart = isActive(startInputValue);
+        const isEnd = isActive(endInputValue);
+        return isPopup || isStart || isEnd || hasActiveContent(popup) || false;
+    }
+    /**
+     * Registers a new `DateRangePopup` component. Notifies all `dateRangePopup$` listeners.
+     */
+    registerPopup(dateRangePopup) {
+        this.dateRangePopup$.next(dateRangePopup);
+    }
+    /**
+     * Completes all observables to mitigate possible memory leaks.
+     * Calls the method when a component that uses it is destroyed.
+     */
+    destroy() {
+        this.dateRangePopup$.complete();
+    }
+}
+DateRangePopupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangePopupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DateRangePopupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangePopupService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangePopupService, decorators: [{
+            type: Injectable
+        }] });