@progress/kendo-angular-dateinputs 6.0.4-dev.202203211102 → 7.0.0-next.202204010857

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

@@ -2,18 +2,19 @@
 * 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 { ChangeDetectorRef, Directive, ElementRef, EventEmitter, Optional, Input, Output, Renderer2 } from '@angular/core';
+import { Directive, EventEmitter, Optional, Input, Output } from '@angular/core';
 import { Subscription, fromEvent } from 'rxjs';
 import { DateRangeService } from './date-range.service';
-import { MultiViewCalendarComponent } from '../calendar/multiview-calendar.component';
 import { EMPTY_SELECTIONRANGE } from '../calendar/models/selection-range.interface';
 import { isEqual } from '@progress/kendo-date-math';
 import { clampRange, either, isEqualRange } from '../util';
+import * as i0 from "@angular/core";
+import * as i1 from "../calendar/multiview-calendar.component";
+import * as i2 from "./date-range.service";
 /**
  * A directive which manages the MultiViewCalendar range selection.
  */
-let DateRangeSelectionDirective = class DateRangeSelectionDirective {
+export class DateRangeSelectionDirective {
     constructor(calendar, cdr, element, renderer, dateRangeService) {
         this.calendar = calendar;
         this.cdr = cdr;
@@ -174,38 +175,24 @@ let DateRangeSelectionDirective = class DateRangeSelectionDirective {
         this.setSelectionRange(range);
         this.selectionRangeChange.emit(range);
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], DateRangeSelectionDirective.prototype, "autoCorrectOn", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object),
-    tslib_1.__metadata("design:paramtypes", [Object])
-], DateRangeSelectionDirective.prototype, "selectionRange", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], DateRangeSelectionDirective.prototype, "activeRangeEnd", null);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], DateRangeSelectionDirective.prototype, "activeRangeEndChange", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], DateRangeSelectionDirective.prototype, "selectionRangeChange", void 0);
-DateRangeSelectionDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoDateRangeSelection]'
-    }),
-    tslib_1.__param(4, Optional()),
-    tslib_1.__metadata("design:paramtypes", [MultiViewCalendarComponent,
-        ChangeDetectorRef,
-        ElementRef,
-        Renderer2,
-        DateRangeService])
-], DateRangeSelectionDirective);
-export { DateRangeSelectionDirective };
+}
+DateRangeSelectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeSelectionDirective, deps: [{ token: i1.MultiViewCalendarComponent }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.DateRangeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+DateRangeSelectionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DateRangeSelectionDirective, selector: "[kendoDateRangeSelection]", inputs: { autoCorrectOn: "autoCorrectOn", selectionRange: "selectionRange", activeRangeEnd: "activeRangeEnd" }, outputs: { activeRangeEndChange: "activeRangeEndChange", selectionRangeChange: "selectionRangeChange" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeSelectionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoDateRangeSelection]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.MultiViewCalendarComponent }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.DateRangeService, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { autoCorrectOn: [{
+                type: Input
+            }], selectionRange: [{
+                type: Input
+            }], activeRangeEnd: [{
+                type: Input
+            }], activeRangeEndChange: [{
+                type: Output
+            }], selectionRangeChange: [{
+                type: Output
+            }] } });

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

@@ -2,22 +2,23 @@
 * 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 * 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 start selection range.
  *
  * > You can use the DateRangeStartInputDirective only with a DateInput component.
  */
-let DateRangeStartInputDirective = class DateRangeStartInputDirective extends DateRangeInput {
-    constructor(rangeService, dateInput, element, renderer, zone) {
-        super('start', rangeService, dateInput, element, renderer, zone);
+export class DateRangeStartInputDirective extends DateRangeInput {
+    constructor(rangeService, dateInput, rangePopupService, element, renderer, zone) {
+        super('start', rangeService, rangePopupService, dateInput, element, renderer, zone);
         this.rangeService = rangeService;
         this.dateInput = dateInput;
         /**
@@ -72,23 +73,16 @@ let DateRangeStartInputDirective = class DateRangeStartInputDirective extends Da
         this.dateInput.writeValue(cloneDate(start));
         this.dateInput.notify();
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], DateRangeStartInputDirective.prototype, "autoCorrectOn", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], DateRangeStartInputDirective.prototype, "navigateCalendarOnFocus", void 0);
-DateRangeStartInputDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoDateRangeStartInput]'
-    }),
-    tslib_1.__metadata("design:paramtypes", [DateRangeService,
-        DateInputComponent,
-        ElementRef,
-        Renderer2,
-        NgZone])
-], DateRangeStartInputDirective);
-export { DateRangeStartInputDirective };
+}
+DateRangeStartInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeStartInputDirective, deps: [{ token: i1.DateRangeService }, { token: i2.DateInputComponent }, { token: i3.DateRangePopupService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+DateRangeStartInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DateRangeStartInputDirective, selector: "[kendoDateRangeStartInput]", inputs: { autoCorrectOn: "autoCorrectOn", navigateCalendarOnFocus: "navigateCalendarOnFocus" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeStartInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoDateRangeStartInput]'
+                }]
+        }], 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/esm2015/daterange/date-range.component.js

@@ -0,0 +1,74 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, ContentChildren } from '@angular/core';
+import { validatePackage } from '@progress/kendo-licensing';
+import { packageMetadata } from '../package-metadata';
+import { DateRangePopupComponent } from './date-range-popup.component';
+import { DateRangeService } from './date-range.service';
+import { DateRangePopupService } from './date-range-popup.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./date-range-popup.component";
+import * as i2 from "@angular/common";
+/**
+ * Represents the Kendo UI DateRange component for Angular.
+ *
+ * @example
+ * ```ts
+ * _@Component({
+ * selector: 'my-app',
+ * template: `
+ *  <kendo-daterange>
+ *      <kendo-dateinput kendoDateRangeStartInput [(value)]="dateRange.start"></kendo-dateinput>
+ *      <kendo-dateinput kendoDateRangeEndInput [(value)]="dateRange.end"></kendo-dateinput>
+ *  </kendo-daterange>
+ * `
+ * })
+ * export class AppComponent {
+ *   public dateRange: any = { start: null, end: null };
+ * }
+ * ```
+ */
+export class DateRangeComponent {
+    constructor() {
+        /**
+         * @hidden
+         */
+        this.showDefault = false;
+        validatePackage(packageMetadata);
+    }
+    get hasContentPopup() {
+        return this.contentPopup.length > 0;
+    }
+    ngAfterContentInit() {
+        this.showDefault = !this.hasContentPopup;
+        this.subscription = this.contentPopup.changes.subscribe(() => {
+            this.showDefault = !this.hasContentPopup;
+        });
+    }
+    ngOnDestroy() {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
+    }
+}
+DateRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DateRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DateRangeComponent, selector: "kendo-daterange", providers: [DateRangeService, DateRangePopupService], queries: [{ propertyName: "contentPopup", predicate: DateRangePopupComponent }], ngImport: i0, template: `
+        <ng-content></ng-content>
+        <kendo-daterange-popup *ngIf="showDefault"></kendo-daterange-popup>
+    `, isInline: true, components: [{ type: i1.DateRangePopupComponent, selector: "kendo-daterange-popup", inputs: ["animate", "anchor", "anchorAlign", "appendTo", "collision", "popupAlign", "margin"], outputs: ["open", "close", "blur", "focus", "cancel"], exportAs: ["kendo-daterange-popup"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [DateRangeService, DateRangePopupService],
+                    selector: 'kendo-daterange',
+                    template: `
+        <ng-content></ng-content>
+        <kendo-daterange-popup *ngIf="showDefault"></kendo-daterange-popup>
+    `
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { contentPopup: [{
+                type: ContentChildren,
+                args: [DateRangePopupComponent]
+            }] } });

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

@@ -2,7 +2,6 @@
 * 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 { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { PopupModule } from '@progress/kendo-angular-popup';
@@ -15,6 +14,7 @@ import { DateRangePopupComponent } from './date-range-popup.component';
 import { DateRangePopupTemplateDirective } from './date-range-popup-template.directive';
 import { DateRangeSelectionDirective } from './date-range-selection.directive';
 import { EventsModule } from '@progress/kendo-angular-common';
+import * as i0 from "@angular/core";
 const COMPONENT_DIRECTIVES = [
     DateRangeComponent,
     DateRangePopupComponent,
@@ -39,7 +39,6 @@ const COMPONENT_MODULES = [
  * - `DateRangeEndInputDirective`—The end DateInput date range selection directive.
  * - `DateRangeStartInputDirective`—The start DateInput date range selection directive.
  * - `DateRangePopupTemplateDirective`—The DateRangePopup content template directive.
- * - `MultiViewCalendarModule`—The MultiViewCalendar module.
  *
  * @example
  *
@@ -68,13 +67,29 @@ const COMPONENT_MODULES = [
  *
  * ```
  */
-let DateRangeModule = class DateRangeModule {
-};
-DateRangeModule = tslib_1.__decorate([
-    NgModule({
-        declarations: [COMPONENT_DIRECTIVES],
-        exports: [COMPONENT_DIRECTIVES],
-        imports: [CommonModule, COMPONENT_MODULES]
-    })
-], DateRangeModule);
-export { DateRangeModule };
+export class DateRangeModule {
+}
+DateRangeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DateRangeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeModule, declarations: [DateRangeComponent,
+        DateRangePopupComponent,
+        DateRangePopupTemplateDirective,
+        DateRangeSelectionDirective,
+        DateRangeStartInputDirective,
+        DateRangeEndInputDirective], imports: [CommonModule, MultiViewCalendarModule,
+        DateInputModule,
+        PopupModule,
+        EventsModule], exports: [DateRangeComponent,
+        DateRangePopupComponent,
+        DateRangePopupTemplateDirective,
+        DateRangeSelectionDirective,
+        DateRangeStartInputDirective,
+        DateRangeEndInputDirective] });
+DateRangeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeModule, imports: [[CommonModule, COMPONENT_MODULES]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [COMPONENT_DIRECTIVES],
+                    exports: [COMPONENT_DIRECTIVES],
+                    imports: [CommonModule, COMPONENT_MODULES]
+                }]
+        }] });

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

@@ -2,24 +2,16 @@
 * 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 { Injectable } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import { EMPTY_SELECTIONRANGE } from '../calendar/models/selection-range.interface';
 import { isEqual } from '@progress/kendo-date-math';
-const isActive = (cmp) => (cmp && cmp.isActive) || false;
-const ɵ0 = isActive;
-const hasActiveContent = (popup) => popup && popup.hasActiveContent();
-const ɵ1 = hasActiveContent;
+import * as i0 from "@angular/core";
 /**
  * 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.
  */
-let DateRangeService = class DateRangeService {
-    /**
-     * 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 DateRangeService {
     constructor() {
         /**
          * An Observable instance that notifies when the `activeRangeEnd` state is changed.
@@ -39,10 +31,6 @@ let DateRangeService = class DateRangeService {
          * For example, when a new start `DateInput` is attached or the old one is detached.
          */
         this.startInput$ = new BehaviorSubject(null);
-        /**
-         * An Observable instance that notifies when the `DateRangePopup` component is changed.
-         */
-        this.dateRangePopup$ = new BehaviorSubject(null);
         /**
          * An Observable instance that notifies when the state of the selection range is changed.
          */
@@ -80,66 +68,17 @@ let DateRangeService = class DateRangeService {
     get selectionRange() {
         return this.range$.value;
     }
-    /**
-     * 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();
-    }
     /**
      * Completes all observables to mitigate possible memory leaks.
      * Calls the method when a component that uses it is destroyed.
      */
     destroy() {
         this.activeRangeEnd$.complete();
-        this.dateRangePopup$.complete();
         this.focusedDate$.complete();
         this.endInput$.complete();
         this.startInput$.complete();
         this.range$.complete();
     }
-    /**
-     * 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() {
-        const popup = this.dateRangePopup$.value;
-        const isPopup = isActive(popup);
-        const isStart = isActive(this.startInput$.value);
-        const isEnd = isActive(this.endInput$.value);
-        return isPopup || isStart || isEnd || hasActiveContent(popup) || false;
-    }
     /**
      * Registers a new start `DateInput` component. Notifies all `startInput$` listeners.
      */
@@ -152,12 +91,6 @@ let DateRangeService = class DateRangeService {
     registerEndInput(endInput) {
         this.endInput$.next(endInput);
     }
-    /**
-     * Registers a new `DateRangePopup` component. Notifies all `dateRangePopup$` listeners.
-     */
-    registerPopup(dateRangePopup) {
-        this.dateRangePopup$.next(dateRangePopup);
-    }
     /**
      * Updates the `activeRangeEnd` value. Notifies all `activeRangeEnd$` listeners.
      */
@@ -182,9 +115,9 @@ let DateRangeService = class DateRangeService {
     setRange(range = EMPTY_SELECTIONRANGE) {
         this.range$.next(range);
     }
-};
-DateRangeService = tslib_1.__decorate([
-    Injectable()
-], DateRangeService);
-export { DateRangeService };
-export { ɵ0, ɵ1 };
+}
+DateRangeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DateRangeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DateRangeService, decorators: [{
+            type: Injectable
+        }] });