@progress/kendo-angular-dateinputs 6.0.3-dev.202203150818 → 7.0.0-dev.202204150726

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

@@ -1,99 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_date_math_1 = require("@progress/kendo-date-math");
-var dateinput_component_1 = require("../dateinput/dateinput.component");
-var date_range_input_1 = require("./date-range-input");
-var date_range_service_1 = require("./date-range.service");
-var selection_range_interface_1 = require("../calendar/models/selection-range.interface");
-var util_1 = require("../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 (!util_1.isInRange(value, min, max)) {
-            return null;
-        }
-        var end = (this.rangeService.selectionRange || selection_range_interface_1.EMPTY_SELECTIONRANGE).end;
-        var shouldClamp = this.autoCorrectOn === correctOn && end && value > end;
-        return shouldClamp ? util_1.clampRange(value) : { start: kendo_date_math_1.cloneDate(value), end: end };
-    };
-    DateRangeStartInputDirective.prototype.updateInputValue = function (range) {
-        var start = (range || selection_range_interface_1.EMPTY_SELECTIONRANGE).start;
-        var _a = this.dateInput, min = _a.min, max = _a.max;
-        if (kendo_date_math_1.isEqual(this.dateInput.value, start) || !util_1.isInRange(start, min, max)) {
-            return;
-        }
-        this.dateInput.writeValue(kendo_date_math_1.cloneDate(start));
-        this.dateInput.notify();
-    };
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], DateRangeStartInputDirective.prototype, "autoCorrectOn", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], DateRangeStartInputDirective.prototype, "navigateCalendarOnFocus", void 0);
-    DateRangeStartInputDirective = tslib_1.__decorate([
-        core_1.Directive({
-            selector: '[kendoDateRangeStartInput]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [date_range_service_1.DateRangeService,
-            dateinput_component_1.DateInputComponent,
-            core_1.ElementRef,
-            core_1.Renderer2,
-            core_1.NgZone])
-    ], DateRangeStartInputDirective);
-    return DateRangeStartInputDirective;
-}(date_range_input_1.DateRangeInput));
-exports.DateRangeStartInputDirective = DateRangeStartInputDirective;

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

@@ -1,73 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_licensing_1 = require("@progress/kendo-licensing");
-var package_metadata_1 = require("../package-metadata");
-var date_range_popup_component_1 = require("./date-range-popup.component");
-var date_range_service_1 = require("./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;
-        kendo_licensing_1.validatePackage(package_metadata_1.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([
-        core_1.ContentChildren(date_range_popup_component_1.DateRangePopupComponent),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], DateRangeComponent.prototype, "contentPopup", void 0);
-    DateRangeComponent = tslib_1.__decorate([
-        core_1.Component({
-            providers: [date_range_service_1.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;
-}());
-exports.DateRangeComponent = DateRangeComponent;

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

@@ -1,85 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var common_1 = require("@angular/common");
-var kendo_angular_popup_1 = require("@progress/kendo-angular-popup");
-var multiview_calendar_module_1 = require("../calendar/multiview-calendar.module");
-var dateinput_module_1 = require("../dateinput/dateinput.module");
-var date_range_end_input_directive_1 = require("./date-range-end-input.directive");
-var date_range_start_input_directive_1 = require("./date-range-start-input.directive");
-var date_range_component_1 = require("./date-range.component");
-var date_range_popup_component_1 = require("./date-range-popup.component");
-var date_range_popup_template_directive_1 = require("./date-range-popup-template.directive");
-var date_range_selection_directive_1 = require("./date-range-selection.directive");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-var COMPONENT_DIRECTIVES = [
-    date_range_component_1.DateRangeComponent,
-    date_range_popup_component_1.DateRangePopupComponent,
-    date_range_popup_template_directive_1.DateRangePopupTemplateDirective,
-    date_range_selection_directive_1.DateRangeSelectionDirective,
-    date_range_start_input_directive_1.DateRangeStartInputDirective,
-    date_range_end_input_directive_1.DateRangeEndInputDirective
-];
-var COMPONENT_MODULES = [
-    multiview_calendar_module_1.MultiViewCalendarModule,
-    dateinput_module_1.DateInputModule,
-    kendo_angular_popup_1.PopupModule,
-    kendo_angular_common_1.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([
-        core_1.NgModule({
-            declarations: [COMPONENT_DIRECTIVES],
-            exports: [COMPONENT_DIRECTIVES],
-            imports: [common_1.CommonModule, COMPONENT_MODULES]
-        })
-    ], DateRangeModule);
-    return DateRangeModule;
-}());
-exports.DateRangeModule = DateRangeModule;

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

@@ -1,211 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var rxjs_1 = require("rxjs");
-var selection_range_interface_1 = require("../calendar/models/selection-range.interface");
-var kendo_date_math_1 = require("@progress/kendo-date-math");
-var isActive = function (cmp) { return (cmp && cmp.isActive) || false; };
-var ɵ0 = isActive;
-exports.ɵ0 = ɵ0;
-var hasActiveContent = function (popup) { return popup && popup.hasActiveContent(); };
-var ɵ1 = hasActiveContent;
-exports.ɵ1 = ɵ1;
-/**
- * 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 rxjs_1.BehaviorSubject(null);
-        /**
-         * An Observable instance that notifies when the `focusedDate` is changed.
-         */
-        this.focusedDate$ = new rxjs_1.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 rxjs_1.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 rxjs_1.BehaviorSubject(null);
-        /**
-         * An Observable instance that notifies when the `DateRangePopup` component is changed.
-         */
-        this.dateRangePopup$ = new rxjs_1.BehaviorSubject(null);
-        /**
-         * An Observable instance that notifies when the state of the selection range is changed.
-         */
-        this.range$ = new rxjs_1.BehaviorSubject(selection_range_interface_1.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 (kendo_date_math_1.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 = selection_range_interface_1.EMPTY_SELECTIONRANGE; }
-        this.range$.next(range);
-    };
-    DateRangeService = tslib_1.__decorate([
-        core_1.Injectable()
-    ], DateRangeService);
-    return DateRangeService;
-}());
-exports.DateRangeService = DateRangeService;