@progress/kendo-angular-dateinputs 17.0.0-develop.4 → 17.0.0-develop.40

package/{esm2020 → esm2022}/datepicker/datepicker.module.mjs

@@ -32,23 +32,23 @@ import * as i12 from "../calendar/templates/year-cell-template.directive";
  * definition for the DatePicker component.
  */
 export class DatePickerModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DatePickerModule, imports: [i1.DatePickerCustomMessagesComponent, i2.DatePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective], exports: [i1.DatePickerCustomMessagesComponent, i2.DatePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatePickerModule, providers: [
+            // DateInputModule providers
+            IconsService,
+            // CalendarModule providers
+            ResizeBatchService,
+            CalendarDOMService,
+            CenturyViewService,
+            DecadeViewService,
+            MonthViewService,
+            YearViewService,
+            PopupService,
+            NavigationService
+        ], imports: [i2.DatePickerComponent] });
 }
-DatePickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DatePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DatePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: DatePickerModule, imports: [i1.DatePickerCustomMessagesComponent, i2.DatePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective], exports: [i1.DatePickerCustomMessagesComponent, i2.DatePickerComponent, i3.CellTemplateDirective, i4.CenturyCellTemplateDirective, i5.DecadeCellTemplateDirective, i6.FooterTemplateDirective, i7.HeaderTemplateDirective, i8.HeaderTitleTemplateDirective, i9.MonthCellTemplateDirective, i10.NavigationItemTemplateDirective, i11.WeekNumberCellTemplateDirective, i12.YearCellTemplateDirective, i10.NavigationItemTemplateDirective] });
-DatePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DatePickerModule, providers: [
-        // DateInputModule providers
-        IconsService,
-        // CalendarModule providers
-        ResizeBatchService,
-        CalendarDOMService,
-        CenturyViewService,
-        DecadeViewService,
-        MonthViewService,
-        YearViewService,
-        PopupService,
-        NavigationService
-    ], imports: [i1.DatePickerCustomMessagesComponent, i2.DatePickerComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DatePickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatePickerModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_DATEPICKER],

package/{esm2020 → esm2022}/datepicker/localization/datepicker-custom-messages.component.mjs

@@ -11,6 +11,7 @@ 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 {
+    service;
     constructor(service) {
         super();
         this.service = service;
@@ -18,15 +19,15 @@ export class DatePickerCustomMessagesComponent extends DatePickerMessages {
     get override() {
         return true;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatePickerCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DatePickerCustomMessagesComponent, isStandalone: true, selector: "kendo-datepicker-messages", providers: [
+            {
+                provide: DatePickerMessages,
+                useExisting: forwardRef(() => DatePickerCustomMessagesComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-DatePickerCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DatePickerCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-DatePickerCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DatePickerCustomMessagesComponent, isStandalone: true, selector: "kendo-datepicker-messages", providers: [
-        {
-            provide: DatePickerMessages,
-            useExisting: forwardRef(() => DatePickerCustomMessagesComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DatePickerCustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatePickerCustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/datepicker/localization/datepicker-localized-messages.directive.mjs

@@ -11,19 +11,20 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class DatePickerLocalizedMessagesDirective extends DatePickerMessages {
+    service;
     constructor(service) {
         super();
         this.service = service;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatePickerLocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DatePickerLocalizedMessagesDirective, isStandalone: true, selector: "[kendoDatePickerLocalizedMessages]", providers: [
+            {
+                provide: DatePickerMessages,
+                useExisting: forwardRef(() => DatePickerLocalizedMessagesDirective)
+            }
+        ], usesInheritance: true, ngImport: i0 });
 }
-DatePickerLocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DatePickerLocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-DatePickerLocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DatePickerLocalizedMessagesDirective, isStandalone: true, selector: "[kendoDatePickerLocalizedMessages]", providers: [
-        {
-            provide: DatePickerMessages,
-            useExisting: forwardRef(() => DatePickerLocalizedMessagesDirective)
-        }
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DatePickerLocalizedMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatePickerLocalizedMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [

package/esm2022/datepicker/localization/messages.mjs

@@ -0,0 +1,57 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 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 {
+    /**
+     * The **Today** button text in the header of the Calendar.
+     */
+    today;
+    /**
+     * The title of the **Toggle** button of the DatePicker.
+     */
+    toggle;
+    /**
+     * The title of the **Prev** button in the header of the Classic Calendar.
+     */
+    prevButtonTitle;
+    /**
+     * The title of the **Next** button in the header of the Classic Calendar.
+     */
+    nextButtonTitle;
+    /**
+     * The title of the **Parent View** button in the header of the Calendar.
+     */
+    parentViewButtonTitle;
+    /**
+     * The title of the **Clear** button of the DatePicker.
+     */
+    clearTitle;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatePickerMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DatePickerMessages, selector: "kendo-datepicker-messages-base", inputs: { today: "today", toggle: "toggle", prevButtonTitle: "prevButtonTitle", nextButtonTitle: "nextButtonTitle", parentViewButtonTitle: "parentViewButtonTitle", clearTitle: "clearTitle" }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatePickerMessages, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line
+                    selector: 'kendo-datepicker-messages-base'
+                }]
+        }], propDecorators: { today: [{
+                type: Input
+            }], toggle: [{
+                type: Input
+            }], prevButtonTitle: [{
+                type: Input
+            }], nextButtonTitle: [{
+                type: Input
+            }], parentViewButtonTitle: [{
+                type: Input
+            }], clearTitle: [{
+                type: Input
+            }] } });

package/{esm2020 → esm2022}/daterange/date-range-end-input.directive.mjs

@@ -19,35 +19,45 @@ import * as i2 from "../dateinput/dateinput.component";
  * > You can use the DateRangeEndInputDirective only with a DateInput component.
  */
 export class DateRangeEndInputDirective extends DateRangeInput {
+    rangeService;
+    dateInput;
+    /**
+     * Specifies the auto-correction behavior. If the start date is greater than the end date, the
+     * directive fixes the date range to a single date either on input change or on blur
+     * ([see example](slug:autocorrect_daterange#toc-input-directives)).
+     *
+     * By default, the component does not perform any auto-correction.
+     */
+    autoCorrectOn;
+    /**
+     * 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);
+     * }
+     * ```
+     */
+    navigateCalendarOnFocus = false;
     constructor(rangeService, dateInput, element, renderer, zone) {
         super('end', rangeService, dateInput, element, renderer, zone);
         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;
     }
     ngOnInit() {
         this.rangeService.registerEndInput(this.dateInput);
@@ -78,10 +88,10 @@ export class DateRangeEndInputDirective extends DateRangeInput {
         this.dateInput.writeValue(cloneDate(end));
         this.dateInput.notify();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangeEndInputDirective, deps: [{ token: i1.DateRangeService }, { token: i2.DateInputComponent }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DateRangeEndInputDirective, isStandalone: true, selector: "[kendoDateRangeEndInput]", inputs: { autoCorrectOn: "autoCorrectOn", navigateCalendarOnFocus: "navigateCalendarOnFocus" }, usesInheritance: true, ngImport: i0 });
 }
-DateRangeEndInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangeEndInputDirective, deps: [{ token: i1.DateRangeService }, { token: i2.DateInputComponent }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-DateRangeEndInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DateRangeEndInputDirective, isStandalone: true, selector: "[kendoDateRangeEndInput]", inputs: { autoCorrectOn: "autoCorrectOn", navigateCalendarOnFocus: "navigateCalendarOnFocus" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangeEndInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangeEndInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDateRangeEndInput]',

package/{esm2020 → esm2022}/daterange/date-range-input.mjs

@@ -16,6 +16,22 @@ import * as i2 from "../dateinput/dateinput.component";
  * @hidden
  */
 export class DateRangeInput {
+    activeRangeEnd;
+    dateRangeService;
+    input;
+    element;
+    renderer;
+    zone;
+    navigateCalendarOnFocus = false;
+    get isActiveEnd() {
+        return this.dateRangeService.activeRangeEnd === this.activeRangeEnd;
+    }
+    popupSubscriptions = new Subscription();
+    subscriptions = new Subscription();
+    get popupCalendarActivated() {
+        const popup = this.dateRangeService.dateRangePopup$.value;
+        return isPresent(popup) && isPresent(popup.calendar);
+    }
     constructor(activeRangeEnd, dateRangeService, input, element, renderer, zone) {
         this.activeRangeEnd = activeRangeEnd;
         this.dateRangeService = dateRangeService;
@@ -23,16 +39,6 @@ export class DateRangeInput {
         this.element = element;
         this.renderer = renderer;
         this.zone = zone;
-        this.navigateCalendarOnFocus = false;
-        this.popupSubscriptions = new Subscription();
-        this.subscriptions = new Subscription();
-    }
-    get isActiveEnd() {
-        return this.dateRangeService.activeRangeEnd === this.activeRangeEnd;
-    }
-    get popupCalendarActivated() {
-        const popup = this.dateRangeService.dateRangePopup$.value;
-        return isPresent(popup) && isPresent(popup.calendar);
     }
     init() {
         this.input.role = 'combobox';
@@ -120,10 +126,10 @@ export class DateRangeInput {
             this.renderer[action](nativeElement, 'k-focus');
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangeInput, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DateRangeInput, ngImport: i0 });
 }
-DateRangeInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangeInput, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-DateRangeInput.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DateRangeInput, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangeInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangeInput, decorators: [{
             type: Directive,
             args: [{}]
         }], ctorParameters: function () { return [{ type: undefined }, { type: i1.DateRangeService }, { type: i2.DateInputComponent }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }]; } });

package/{esm2020 → esm2022}/daterange/date-range-popup-template.directive.mjs

@@ -9,13 +9,14 @@ import * as i0 from "@angular/core";
  * `<ng-template>` tag with the `kendoRangePopupTemplate` directive inside the component tag.
  */
 export class DateRangePopupTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangePopupTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DateRangePopupTemplateDirective, isStandalone: true, selector: "[kendoDateRangePopupTemplate]", ngImport: i0 });
 }
-DateRangePopupTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangePopupTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-DateRangePopupTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DateRangePopupTemplateDirective, isStandalone: true, selector: "[kendoDateRangePopupTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DateRangePopupTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DateRangePopupTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDateRangePopupTemplate]',