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

package/dist/es/datepicker/datepicker.module.js

@@ -1,55 +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 { 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';
-var ɵ0 = touchEnabled;
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the DatePicker component.
- */
-var DatePickerModule = /** @class */ (function () {
-    function DatePickerModule() {
-    }
-    DatePickerModule = tslib_1.__decorate([
-        NgModule({
-            declarations: [
-                DatePickerComponent,
-                DatePickerCustomMessagesComponent,
-                DatePickerLocalizedMessagesDirective
-            ],
-            exports: [
-                DatePickerComponent,
-                DatePickerCustomMessagesComponent,
-                DatePickerLocalizedMessagesDirective,
-                TemplatesModule
-            ],
-            imports: [
-                CommonModule,
-                DateInputModule,
-                CalendarModule,
-                IntlModule,
-                PopupModule,
-                TemplatesModule,
-                EventsModule
-            ],
-            providers: [{ provide: TOUCH_ENABLED, useValue: ɵ0 }]
-        })
-    ], DatePickerModule);
-    return DatePickerModule;
-}());
-export { DatePickerModule };
-export { ɵ0 };

package/dist/es/datepicker/localization/datepicker-custom-messages.component.js

@@ -1,43 +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, forwardRef } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { DatePickerMessages } from './messages';
-/**
- * Custom component messages override default component messages ([see example]({% slug globalization_dateinputs %}#toc-custom-messages)).
- */
-var DatePickerCustomMessagesComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(DatePickerCustomMessagesComponent, _super);
-    function DatePickerCustomMessagesComponent(service) {
-        var _this = _super.call(this) || this;
-        _this.service = service;
-        return _this;
-    }
-    DatePickerCustomMessagesComponent_1 = DatePickerCustomMessagesComponent;
-    Object.defineProperty(DatePickerCustomMessagesComponent.prototype, "override", {
-        get: function () {
-            return true;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    var DatePickerCustomMessagesComponent_1;
-    DatePickerCustomMessagesComponent = DatePickerCustomMessagesComponent_1 = tslib_1.__decorate([
-        Component({
-            providers: [
-                {
-                    provide: DatePickerMessages,
-                    useExisting: forwardRef(function () { return DatePickerCustomMessagesComponent_1; }) // tslint:disable-line:no-forward-ref
-                }
-            ],
-            selector: 'kendo-datepicker-messages',
-            template: ""
-        }),
-        tslib_1.__metadata("design:paramtypes", [LocalizationService])
-    ], DatePickerCustomMessagesComponent);
-    return DatePickerCustomMessagesComponent;
-}(DatePickerMessages));
-export { DatePickerCustomMessagesComponent };

package/dist/es/datepicker/localization/datepicker-localized-messages.directive.js

@@ -1,35 +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, forwardRef } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { DatePickerMessages } from './messages';
-/**
- * @hidden
- */
-var DatePickerLocalizedMessagesDirective = /** @class */ (function (_super) {
-    tslib_1.__extends(DatePickerLocalizedMessagesDirective, _super);
-    function DatePickerLocalizedMessagesDirective(service) {
-        var _this = _super.call(this) || this;
-        _this.service = service;
-        return _this;
-    }
-    DatePickerLocalizedMessagesDirective_1 = DatePickerLocalizedMessagesDirective;
-    var DatePickerLocalizedMessagesDirective_1;
-    DatePickerLocalizedMessagesDirective = DatePickerLocalizedMessagesDirective_1 = tslib_1.__decorate([
-        Directive({
-            providers: [
-                {
-                    provide: DatePickerMessages,
-                    useExisting: forwardRef(function () { return DatePickerLocalizedMessagesDirective_1; }) // tslint:disable-line:no-forward-ref
-                }
-            ],
-            selector: '[kendoDatePickerLocalizedMessages]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [LocalizationService])
-    ], DatePickerLocalizedMessagesDirective);
-    return DatePickerLocalizedMessagesDirective;
-}(DatePickerMessages));
-export { DatePickerLocalizedMessagesDirective };

package/dist/es/datepicker/localization/messages.js

@@ -1,34 +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 { Input } from '@angular/core';
-import { ComponentMessages } from '@progress/kendo-angular-l10n';
-/**
- * @hidden
- */
-var DatePickerMessages = /** @class */ (function (_super) {
-    tslib_1.__extends(DatePickerMessages, _super);
-    function DatePickerMessages() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], DatePickerMessages.prototype, "today", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], DatePickerMessages.prototype, "toggle", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], DatePickerMessages.prototype, "prevButtonTitle", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], DatePickerMessages.prototype, "nextButtonTitle", void 0);
-    return DatePickerMessages;
-}(ComponentMessages));
-export { DatePickerMessages };

package/dist/es/daterange/date-range-end-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';
-import { isPresent } from '../common/utils';
-/**
- * A directive which manages the end range selection.
- *
- * > You can use the DateRangeEndInputDirective only with a DateInput component.
- */
-var DateRangeEndInputDirective = /** @class */ (function (_super) {
-    tslib_1.__extends(DateRangeEndInputDirective, _super);
-    function DateRangeEndInputDirective(rangeService, dateInput, element, renderer, zone) {
-        var _this = _super.call(this, 'end', 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;
-    }
-    DateRangeEndInputDirective.prototype.ngOnInit = function () {
-        this.rangeService.registerEndInput(this.dateInput);
-        _super.prototype.init.call(this);
-    };
-    DateRangeEndInputDirective.prototype.ngOnDestroy = function () {
-        _super.prototype.destroy.call(this);
-    };
-    DateRangeEndInputDirective.prototype.getRange = function (value, correctOn) {
-        var _a = this.dateInput, min = _a.min, max = _a.max;
-        if (!isInRange(value, min, max)) {
-            return null;
-        }
-        var start = (this.rangeService.selectionRange || EMPTY_SELECTIONRANGE).start;
-        var shouldClamp = this.autoCorrectOn === correctOn && isPresent(value) && value < start;
-        return shouldClamp ? clampRange(value) : { start: start, end: cloneDate(value) };
-    };
-    DateRangeEndInputDirective.prototype.updateInputValue = function (range) {
-        var end = (range || EMPTY_SELECTIONRANGE).end;
-        var _a = this.dateInput, min = _a.min, max = _a.max;
-        if (isEqual(this.dateInput.value, end) || !isInRange(end, min, max)) {
-            return;
-        }
-        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);
-    return DateRangeEndInputDirective;
-}(DateRangeInput));
-export { DateRangeEndInputDirective };

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

@@ -1,131 +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 { cloneDate } from '@progress/kendo-date-math';
-import { Keys } from '@progress/kendo-angular-common';
-import { Subscription, fromEvent } from 'rxjs';
-import { filter } from 'rxjs/operators';
-import { isPresent } from '../common/utils';
-/**
- * @hidden
- */
-var DateRangeInput = /** @class */ (function () {
-    function DateRangeInput(activeRangeEnd, dateRangeService, input, element, renderer, zone) {
-        this.activeRangeEnd = activeRangeEnd;
-        this.dateRangeService = dateRangeService;
-        this.input = input;
-        this.element = element;
-        this.renderer = renderer;
-        this.zone = zone;
-        this.navigateCalendarOnFocus = false;
-        this.popupSubscriptions = new Subscription();
-        this.subscriptions = new Subscription();
-    }
-    Object.defineProperty(DateRangeInput.prototype, "isActiveEnd", {
-        get: function () {
-            return this.dateRangeService.activeRangeEnd === this.activeRangeEnd;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DateRangeInput.prototype, "popupCalendarActivated", {
-        get: function () {
-            var popup = this.dateRangeService.dateRangePopup$.value;
-            return isPresent(popup) && isPresent(popup.calendar);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    DateRangeInput.prototype.init = function () {
-        var _this = this;
-        if (this.input.value) {
-            this.dateRangeService.setRange(this.getRange(this.input.value));
-        }
-        [
-            this.input.onBlur.subscribe(function () { return _this.deactivate(); }),
-            this.input.onFocus.pipe(filter(function () { return !_this.popupCalendarActivated; })).subscribe(function () { return _this.activate(); }),
-            this.input.valueUpdate.subscribe(function (value) { return _this.updateRange(value, 'change'); }),
-            this.dateRangeService.activeRangeEnd$.subscribe(function () {
-                if (_this.navigateCalendarOnFocus) {
-                    _this.focusActiveDate();
-                }
-                _this.toggleActiveClass(_this.isActiveEnd);
-            }),
-            this.dateRangeService.dateRangePopup$.subscribe(function (popup) { return _this.initPopup(popup); }),
-            this.dateRangeService.range$.subscribe(function (range) { return _this.updateInputValue(range); }),
-            fromEvent(this.element.nativeElement, 'click').subscribe(function () { return _this.activate(); }),
-            fromEvent(this.element.nativeElement, 'keydown').subscribe(function (event) { return _this.togglePopup(event || {}); })
-        ].map(function (s) { return _this.subscriptions.add(s); });
-    };
-    DateRangeInput.prototype.destroy = function () {
-        this.subscriptions.unsubscribe();
-        this.unsubscribePopup();
-    };
-    DateRangeInput.prototype.initPopup = function (popup) {
-        var _this = this;
-        if (!popup) {
-            this.unsubscribePopup();
-            return;
-        }
-        if (!popup.anchor) {
-            popup.anchor = this.element.nativeElement;
-        }
-        [
-            popup.cancel.subscribe(function () { return _this.isActiveEnd && _this.input.focus(); }),
-            popup.onFocus.subscribe(function () { return _this.toggleActiveClass(_this.isActiveEnd); }),
-            popup.onBlur.subscribe(function () { return _this.deactivate(); })
-        ].map(function (s) { return _this.popupSubscriptions.add(s); });
-    };
-    DateRangeInput.prototype.unsubscribePopup = function () {
-        this.popupSubscriptions.unsubscribe();
-        this.popupSubscriptions = new Subscription();
-    };
-    DateRangeInput.prototype.activate = function () {
-        this.dateRangeService.setActiveRangeEnd(this.activeRangeEnd);
-        this.dateRangeService.activatePopup();
-    };
-    DateRangeInput.prototype.deactivate = function () {
-        var _this = this;
-        this.zone.runOutsideAngular(function () {
-            setTimeout(function () {
-                _this.updateRange(_this.input.value, 'blur');
-                if (_this.dateRangeService.hasActiveComponent()) {
-                    return;
-                }
-                _this.toggleActiveClass(false);
-                _this.zone.run(function () { return _this.dateRangeService.deactivatePopup(); });
-            });
-        });
-    };
-    DateRangeInput.prototype.updateRange = function (value, correctOn) {
-        var range = this.getRange(value, correctOn);
-        if (range) {
-            this.focusActiveDate();
-            this.dateRangeService.setRange(range);
-        }
-    };
-    DateRangeInput.prototype.togglePopup = function (_a) {
-        var altKey = _a.altKey, keyCode = _a.keyCode;
-        if (keyCode === Keys.Escape) {
-            this.dateRangeService.cancelPopup();
-        }
-        else if (altKey && keyCode === Keys.ArrowDown) {
-            this.dateRangeService.activatePopup();
-        }
-    };
-    DateRangeInput.prototype.focusActiveDate = function () {
-        if (this.input.value && this.isActiveEnd) {
-            this.dateRangeService.setFocusedDate(cloneDate(this.input.value));
-        }
-    };
-    DateRangeInput.prototype.toggleActiveClass = function (show) {
-        var action = show ? 'addClass' : 'removeClass';
-        var nativeElement = this.element.nativeElement;
-        if (nativeElement && nativeElement.querySelector) {
-            this.renderer[action](nativeElement, 'k-focus');
-        }
-    };
-    return DateRangeInput;
-}());
-export { DateRangeInput };

package/dist/es/daterange/date-range-popup-template.directive.js

@@ -1,23 +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, TemplateRef } 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.
- */
-var DateRangePopupTemplateDirective = /** @class */ (function () {
-    function DateRangePopupTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    DateRangePopupTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoDateRangePopupTemplate]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], DateRangePopupTemplateDirective);
-    return DateRangePopupTemplateDirective;
-}());
-export { DateRangePopupTemplateDirective };