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

package/dist/es/daterange/date-range-start-input.directive.js

@@ -1,97 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { 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';
-/**
- * A directive which manages the start selection range.
- *
- * > You can use the DateRangeStartInputDirective only with a DateInput component.
- */
-var DateRangeStartInputDirective = /** @class */ (function (_super) {
-    tslib_1.__extends(DateRangeStartInputDirective, _super);
-    function DateRangeStartInputDirective(rangeService, dateInput, element, renderer, zone) {
-        var _this = _super.call(this, 'start', rangeService, dateInput, element, renderer, zone) || this;
-        _this.rangeService = rangeService;
-        _this.dateInput = dateInput;
-        /**
-         * Specifies the navigation behavior of the calendar when the active end is changed on input focus.
-         * When enabled, the calendar navigates to the value of the focused input. Otherwise, the calendar
-         * displays the last picked date.
-         *
-         * By default, the automatic navigation behavior on input focus is disabled.
-         *
-         * @example
-         * ```ts
-         * _@Component({
-         * selector: 'my-app',
-         * template: `
-         *  <h5>Toggle input focus to see the calendar navigating between range ends.</h5>
-         *  <kendo-daterange>
-         *      <kendo-dateinput kendoDateRangeStartInput [navigateCalendarOnFocus]="true" [(value)]="start"></kendo-dateinput>
-         *      <kendo-dateinput kendoDateRangeEndInput [navigateCalendarOnFocus]="true" [(value)]="end"></kendo-dateinput>
-         *  </kendo-daterange>
-         * `
-         * })
-         * export class AppComponent {
-         *   public start: Date = new Date(2018, 3, 10);
-         *   public end: Date = new Date(2018, 10, 20);
-         * }
-         * ```
-         */
-        _this.navigateCalendarOnFocus = false;
-        return _this;
-    }
-    DateRangeStartInputDirective.prototype.ngOnInit = function () {
-        this.rangeService.registerStartInput(this.dateInput);
-        _super.prototype.init.call(this);
-    };
-    DateRangeStartInputDirective.prototype.ngOnDestroy = function () {
-        _super.prototype.destroy.call(this);
-    };
-    DateRangeStartInputDirective.prototype.getRange = function (value, correctOn) {
-        var _a = this.dateInput, min = _a.min, max = _a.max;
-        if (!isInRange(value, min, max)) {
-            return null;
-        }
-        var end = (this.rangeService.selectionRange || EMPTY_SELECTIONRANGE).end;
-        var shouldClamp = this.autoCorrectOn === correctOn && end && value > end;
-        return shouldClamp ? clampRange(value) : { start: cloneDate(value), end: end };
-    };
-    DateRangeStartInputDirective.prototype.updateInputValue = function (range) {
-        var start = (range || EMPTY_SELECTIONRANGE).start;
-        var _a = this.dateInput, min = _a.min, max = _a.max;
-        if (isEqual(this.dateInput.value, start) || !isInRange(start, min, max)) {
-            return;
-        }
-        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);
-    return DateRangeStartInputDirective;
-}(DateRangeInput));
-export { DateRangeStartInputDirective };

package/dist/es/daterange/date-range.component.js

@@ -1,71 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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, ContentChildren, QueryList } 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';
-/**
- * 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 };
- * }
- * ```
- */
-var DateRangeComponent = /** @class */ (function () {
-    function DateRangeComponent() {
-        /**
-         * @hidden
-         */
-        this.showDefault = false;
-        validatePackage(packageMetadata);
-    }
-    Object.defineProperty(DateRangeComponent.prototype, "hasContentPopup", {
-        get: function () {
-            return this.contentPopup.length > 0;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    DateRangeComponent.prototype.ngAfterContentInit = function () {
-        var _this = this;
-        this.showDefault = !this.hasContentPopup;
-        this.subscription = this.contentPopup.changes.subscribe(function () {
-            _this.showDefault = !_this.hasContentPopup;
-        });
-    };
-    DateRangeComponent.prototype.ngOnDestroy = function () {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    };
-    tslib_1.__decorate([
-        ContentChildren(DateRangePopupComponent),
-        tslib_1.__metadata("design:type", QueryList)
-    ], DateRangeComponent.prototype, "contentPopup", void 0);
-    DateRangeComponent = tslib_1.__decorate([
-        Component({
-            providers: [DateRangeService],
-            selector: 'kendo-daterange',
-            template: "\n        <ng-content></ng-content>\n        <kendo-daterange-popup *ngIf=\"showDefault\"></kendo-daterange-popup>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], DateRangeComponent);
-    return DateRangeComponent;
-}());
-export { DateRangeComponent };

package/dist/es/daterange/date-range.module.js

@@ -1,83 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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';
-import { MultiViewCalendarModule } from '../calendar/multiview-calendar.module';
-import { DateInputModule } from '../dateinput/dateinput.module';
-import { DateRangeEndInputDirective } from './date-range-end-input.directive';
-import { DateRangeStartInputDirective } from './date-range-start-input.directive';
-import { DateRangeComponent } from './date-range.component';
-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';
-var COMPONENT_DIRECTIVES = [
-    DateRangeComponent,
-    DateRangePopupComponent,
-    DateRangePopupTemplateDirective,
-    DateRangeSelectionDirective,
-    DateRangeStartInputDirective,
-    DateRangeEndInputDirective
-];
-var COMPONENT_MODULES = [
-    MultiViewCalendarModule,
-    DateInputModule,
-    PopupModule,
-    EventsModule
-];
-/**
- * The exported package module.
- *
- * The package exports:
- * - `DateRangeComponent`—The DateRange component class.
- * - `DateRangePopupComponent`—The DateRangePopup component class.
- * - `DateRangeSelectionDirective`—The MultiviewCalendar date range selection directive.
- * - `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
- *
- * ```ts-no-run
- * // Import the DateRange module
- * import { DateRangeModule } from '@progress/kendo-angular-dateinputs';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
- * import { NgModule } from '@angular/core';
- *
- * // Import the app component
- * import { AppComponent } from './app.component';
- *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, DateRangeModule], // import DateRange module
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
- * ```
- */
-var DateRangeModule = /** @class */ (function () {
-    function DateRangeModule() {
-    }
-    DateRangeModule = tslib_1.__decorate([
-        NgModule({
-            declarations: [COMPONENT_DIRECTIVES],
-            exports: [COMPONENT_DIRECTIVES],
-            imports: [CommonModule, COMPONENT_MODULES]
-        })
-    ], DateRangeModule);
-    return DateRangeModule;
-}());
-export { DateRangeModule };

package/dist/es/daterange/date-range.service.js

@@ -1,208 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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';
-var isActive = function (cmp) { return (cmp && cmp.isActive) || false; };
-var ɵ0 = isActive;
-var hasActiveContent = function (popup) { return popup && popup.hasActiveContent(); };
-var ɵ1 = 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.
- */
-var DateRangeService = /** @class */ (function () {
-    function DateRangeService() {
-        /**
-         * An Observable instance that notifies when the `activeRangeEnd` state is changed.
-         */
-        this.activeRangeEnd$ = new BehaviorSubject(null);
-        /**
-         * An Observable instance that notifies when the `focusedDate` is changed.
-         */
-        this.focusedDate$ = new BehaviorSubject(null);
-        /**
-         * An Observable instance that notifies when the end `DateInput` component is changed.
-         * For example, when a new end `DateInput` is attached or when the old one is detached.
-         */
-        this.endInput$ = new BehaviorSubject(null);
-        /**
-         * An Observable instance that notifies when the start `DateInput` component is changed.
-         * 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.
-         */
-        this.range$ = new BehaviorSubject(EMPTY_SELECTIONRANGE);
-    }
-    Object.defineProperty(DateRangeService.prototype, "activeRangeEnd", {
-        /**
-         * Gets the current `activeRangeEnd` value.
-         */
-        get: function () {
-            return this.activeRangeEnd$.value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DateRangeService.prototype, "focusedDate", {
-        /**
-         * Gets the current `focusedDate` value.
-         */
-        get: function () {
-            return this.focusedDate$.value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DateRangeService.prototype, "min", {
-        /**
-         * Gets the `min` range value.
-         * The `min` value is extracted from the `start` DateInput value or the `min` value of the Calendar.
-         */
-        get: function () {
-            return (this.startInput$.value || {}).min || null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DateRangeService.prototype, "max", {
-        /**
-         * Gets the `max` range value.
-         * The `max` value is extracted from the `end` DateInput value or the `max` value of the Calendar.
-         */
-        get: function () {
-            return (this.endInput$.value || {}).max || null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DateRangeService.prototype, "selectionRange", {
-        /**
-         * Gets the current `selectionRange` value.
-         */
-        get: function () {
-            return this.range$.value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Activates the registered `DateRangePopup` component.
-     * The method opens the popup and focuses the calendar.
-     */
-    DateRangeService.prototype.activatePopup = function () {
-        var dateRangePopup = this.dateRangePopup$.value;
-        if (!dateRangePopup) {
-            return;
-        }
-        dateRangePopup.activate();
-    };
-    /**
-     * Deactivates the registered `DateRangePopup` component.
-     * The method closes the popup.
-     */
-    DateRangeService.prototype.deactivatePopup = function () {
-        var 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.
-     */
-    DateRangeService.prototype.cancelPopup = function () {
-        var 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.
-     */
-    DateRangeService.prototype.destroy = function () {
-        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.
-     */
-    DateRangeService.prototype.hasActiveComponent = function () {
-        var popup = this.dateRangePopup$.value;
-        var isPopup = isActive(popup);
-        var isStart = isActive(this.startInput$.value);
-        var isEnd = isActive(this.endInput$.value);
-        return isPopup || isStart || isEnd || hasActiveContent(popup) || false;
-    };
-    /**
-     * Registers a new start `DateInput` component. Notifies all `startInput$` listeners.
-     */
-    DateRangeService.prototype.registerStartInput = function (startInput) {
-        this.startInput$.next(startInput);
-    };
-    /**
-     * Registers a new end `DateInput` component. Notifies all `endInput$` listeners.
-     */
-    DateRangeService.prototype.registerEndInput = function (endInput) {
-        this.endInput$.next(endInput);
-    };
-    /**
-     * Registers a new `DateRangePopup` component. Notifies all `dateRangePopup$` listeners.
-     */
-    DateRangeService.prototype.registerPopup = function (dateRangePopup) {
-        this.dateRangePopup$.next(dateRangePopup);
-    };
-    /**
-     * Updates the `activeRangeEnd` value. Notifies all `activeRangeEnd$` listeners.
-     */
-    DateRangeService.prototype.setActiveRangeEnd = function (activeRange) {
-        if (!activeRange || this.activeRangeEnd === activeRange) {
-            return;
-        }
-        this.activeRangeEnd$.next(activeRange);
-    };
-    /**
-     * Updates the focused date. Notifies all `focusedDate$` listeners.
-     */
-    DateRangeService.prototype.setFocusedDate = function (value) {
-        if (isEqual(this.focusedDate$.value, value)) {
-            return;
-        }
-        this.focusedDate$.next(value);
-    };
-    /**
-     * Updates the selection range. Notifies all `range$` listeners.
-     */
-    DateRangeService.prototype.setRange = function (range) {
-        if (range === void 0) { range = EMPTY_SELECTIONRANGE; }
-        this.range$.next(range);
-    };
-    DateRangeService = tslib_1.__decorate([
-        Injectable()
-    ], DateRangeService);
-    return DateRangeService;
-}());
-export { DateRangeService };
-export { ɵ0, ɵ1 };