@progress/kendo-angular-dateinputs 16.5.0 → 16.6.0-develop.10

package/esm2020/timepicker/timepicker.module.mjs

@@ -3,61 +3,20 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { IntlModule } from '@progress/kendo-angular-intl';
-import { PopupModule } from '@progress/kendo-angular-popup';
-import { TimeListComponent } from './timelist.component';
-import { TimePickerComponent } from './timepicker.component';
-import { TimeSelectorComponent } from './timeselector.component';
-import { VirtualizationModule } from '../virtualization/virtualization.module';
+import { KENDO_TIMEPICKER } from '../directives';
+import { DayPeriodService } from './services/dayperiod.service';
 import { TimePickerDOMService } from './services/dom.service';
 import { HoursService } from './services/hours.service';
+import { MillisecondsService } from './services/milliseconds.service';
 import { MinutesService } from './services/minutes.service';
 import { SecondsService } from './services/seconds.service';
-import { MillisecondsService } from './services/milliseconds.service';
-import { DayPeriodService } from './services/dayperiod.service';
-import { DateInputModule } from '../dateinput/dateinput.module';
-import { TimePickerLocalizedMessagesDirective } from './localization/timepicker-localized-messages.directive';
-import { TimePickerCustomMessagesComponent } from './localization/timepicker-custom-messages.component';
-import { TimeSelectorLocalizedMessagesDirective } from './localization/timeselector-localized-messages.directive';
-import { TimeSelectorCustomMessagesComponent } from './localization/timeselector-custom-messages.component';
-import { touchEnabled } from '@progress/kendo-common';
-import { TOUCH_ENABLED } from '../touch-enabled';
-import { EventsModule, ToggleButtonTabStopModule } from '@progress/kendo-angular-common';
-import { IconsModule } from '@progress/kendo-angular-icons';
-import { AdaptiveModule } from '../common/adaptive.module';
+import { IconsService } from '@progress/kendo-angular-icons';
+import { PopupService } from '@progress/kendo-angular-popup';
+import { ResizeBatchService } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
-const COMPONENT_DIRECTIVES = [
-    TimePickerLocalizedMessagesDirective,
-    TimeListComponent,
-    TimePickerCustomMessagesComponent,
-    TimePickerComponent,
-    TimeSelectorLocalizedMessagesDirective,
-    TimeSelectorCustomMessagesComponent,
-    TimeSelectorComponent
-];
-const COMPONENT_MODULES = [
-    DateInputModule,
-    IntlModule,
-    PopupModule,
-    VirtualizationModule,
-    EventsModule,
-    IconsModule,
-    AdaptiveModule,
-    ToggleButtonTabStopModule
-];
-const providers = [
-    TimePickerDOMService,
-    HoursService,
-    MinutesService,
-    SecondsService,
-    MillisecondsService,
-    DayPeriodService,
-    {
-        provide: TOUCH_ENABLED,
-        useValue: touchEnabled
-    }
-];
+import * as i1 from "./localization/timepicker-custom-messages.component";
+import * as i2 from "./timepicker.component";
+// IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the TimePicker component.
@@ -65,33 +24,33 @@ const providers = [
 export class TimePickerModule {
 }
 TimePickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TimePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TimePickerModule, declarations: [TimePickerLocalizedMessagesDirective,
-        TimeListComponent,
-        TimePickerCustomMessagesComponent,
-        TimePickerComponent,
-        TimeSelectorLocalizedMessagesDirective,
-        TimeSelectorCustomMessagesComponent,
-        TimeSelectorComponent], imports: [CommonModule, DateInputModule,
-        IntlModule,
-        PopupModule,
-        VirtualizationModule,
-        EventsModule,
-        IconsModule,
-        AdaptiveModule,
-        ToggleButtonTabStopModule], exports: [TimePickerLocalizedMessagesDirective,
-        TimeListComponent,
-        TimePickerCustomMessagesComponent,
-        TimePickerComponent,
-        TimeSelectorLocalizedMessagesDirective,
-        TimeSelectorCustomMessagesComponent,
-        TimeSelectorComponent] });
-TimePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimePickerModule, providers: providers, imports: [CommonModule, COMPONENT_MODULES] });
+TimePickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TimePickerModule, imports: [i1.TimePickerCustomMessagesComponent, i2.TimePickerComponent], exports: [i1.TimePickerCustomMessagesComponent, i2.TimePickerComponent] });
+TimePickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimePickerModule, providers: [
+        IconsService,
+        PopupService,
+        ResizeBatchService,
+        TimePickerDOMService,
+        HoursService,
+        MinutesService,
+        SecondsService,
+        MillisecondsService,
+        DayPeriodService,
+    ], imports: [KENDO_TIMEPICKER] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimePickerModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [COMPONENT_DIRECTIVES],
-                    exports: [COMPONENT_DIRECTIVES],
-                    imports: [CommonModule, ...COMPONENT_MODULES],
-                    providers: providers
+                    exports: [...KENDO_TIMEPICKER],
+                    imports: [...KENDO_TIMEPICKER],
+                    providers: [
+                        IconsService,
+                        PopupService,
+                        ResizeBatchService,
+                        TimePickerDOMService,
+                        HoursService,
+                        MinutesService,
+                        SecondsService,
+                        MillisecondsService,
+                        DayPeriodService,
+                    ]
                 }]
         }] });

package/esm2020/timepicker/timeselector.component.mjs

@@ -6,7 +6,7 @@ import { Component, ChangeDetectorRef, ChangeDetectionStrategy, ElementRef, Even
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { IntlService } from '@progress/kendo-angular-intl';
 import { cloneDate, getDate } from '@progress/kendo-date-math';
-import { Keys } from '@progress/kendo-angular-common';
+import { Keys, EventsOutsideAngularDirective } from '@progress/kendo-angular-common';
 import { MIDNIGHT_DATE, MIN_TIME, MAX_TIME } from '../defaults';
 import { TimeListComponent } from './timelist.component';
 import { TimePickerDOMService } from './services/dom.service';
@@ -16,15 +16,13 @@ import { fromEvent } from 'rxjs';
 import { PickerService } from '../common/picker.service';
 import { closest } from '../common/dom-queries';
 import { currentFocusTarget, isPresent } from '../common/utils';
+import { NgIf, NgFor } from '@angular/common';
+import { TimeSelectorLocalizedMessagesDirective } from './localization/timeselector-localized-messages.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 import * as i2 from "@progress/kendo-angular-intl";
 import * as i3 from "./services/dom.service";
 import * as i4 from "../common/picker.service";
-import * as i5 from "@angular/common";
-import * as i6 from "@progress/kendo-angular-common";
-import * as i7 from "./timelist.component";
-import * as i8 from "./localization/timeselector-localized-messages.directive";
 const listReducer = (state, list, idx, all) => {
     if (state.length || !list.isActive) {
         return state;
@@ -419,7 +417,7 @@ export class TimeSelectorComponent {
     }
 }
 TimeSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimeSelectorComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i2.IntlService }, { token: i3.TimePickerDOMService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i4.PickerService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-TimeSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TimeSelectorComponent, selector: "kendo-timeselector", inputs: { format: "format", min: "min", max: "max", cancelButton: "cancelButton", setButton: "setButton", nowButton: "nowButton", disabled: "disabled", isAdaptiveEnabled: "isAdaptiveEnabled", isDateTimePicker: "isDateTimePicker", steps: "steps", value: "value" }, outputs: { valueChange: "valueChange", valueReject: "valueReject", tabOutLastPart: "tabOutLastPart", tabOutNow: "tabOutNow" }, host: { properties: { "class.k-disabled": "this.disabledClass" } }, providers: [
+TimeSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TimeSelectorComponent, isStandalone: true, selector: "kendo-timeselector", inputs: { format: "format", min: "min", max: "max", cancelButton: "cancelButton", setButton: "setButton", nowButton: "nowButton", disabled: "disabled", isAdaptiveEnabled: "isAdaptiveEnabled", isDateTimePicker: "isDateTimePicker", steps: "steps", value: "value" }, outputs: { valueChange: "valueChange", valueReject: "valueReject", tabOutLastPart: "tabOutLastPart", tabOutNow: "tabOutNow" }, host: { properties: { "class.k-disabled": "this.disabledClass" } }, providers: [
         LocalizationService,
         {
             provide: L10N_PREFIX,
@@ -533,7 +531,7 @@ TimeSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
                 [disabled]="disabled"
             >{{localization.get('cancel')}}</button>
         </div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "component", type: i7.TimeListComponent, selector: "kendo-timelist", inputs: ["min", "max", "part", "step", "disabled", "value", "isLast"], outputs: ["valueChange", "tabOutLastPart"] }, { kind: "directive", type: i8.TimeSelectorLocalizedMessagesDirective, selector: "[kendoTimeSelectorLocalizedMessages]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    `, isInline: true, dependencies: [{ kind: "directive", type: TimeSelectorLocalizedMessagesDirective, selector: "[kendoTimeSelectorLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TimeListComponent, selector: "kendo-timelist", inputs: ["min", "max", "part", "step", "disabled", "value", "isLast"], outputs: ["valueChange", "tabOutLastPart"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimeSelectorComponent, decorators: [{
             type: Component,
             args: [{
@@ -655,7 +653,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 [disabled]="disabled"
             >{{localization.get('cancel')}}</button>
         </div>
-    `
+    `,
+                    standalone: true,
+                    imports: [TimeSelectorLocalizedMessagesDirective, NgIf, EventsOutsideAngularDirective, NgFor, TimeListComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i2.IntlService }, { type: i3.TimePickerDOMService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i4.PickerService, decorators: [{
                     type: Optional

package/esm2020/virtualization/virtualization.component.mjs

@@ -9,9 +9,9 @@ import { ScrollerService, PageAction } from './services/scroller.service';
 import { isDocumentAvailable, ScrollbarWidthService } from '@progress/kendo-angular-common';
 import { Subject, fromEvent, interval, EMPTY, of, combineLatest, animationFrameScheduler as animationFrame } from 'rxjs';
 import { map, scan, takeWhile } from 'rxjs/operators';
+import { NgStyle } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-common";
-import * as i2 from "@angular/common";
 /**
  * @hidden
  */
@@ -234,7 +234,7 @@ export class VirtualizationComponent {
     }
 }
 VirtualizationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: VirtualizationComponent, deps: [{ token: SCROLLER_FACTORY_TOKEN }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.ScrollbarWidthService }], target: i0.ɵɵFactoryTarget.Component });
-VirtualizationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: VirtualizationComponent, selector: "kendo-virtualization", inputs: { direction: "direction", itemHeight: "itemHeight", itemWidth: "itemWidth", topOffset: "topOffset", bottomOffset: "bottomOffset", maxScrollDifference: "maxScrollDifference", scrollOffsetSize: "scrollOffsetSize", scrollDuration: "scrollDuration", skip: "skip", take: "take", total: "total" }, outputs: { activeIndexChange: "activeIndexChange", pageChange: "pageChange", scrollChange: "scrollChange" }, host: { properties: { "class.k-flex": "this.wrapperClasses", "class.k-content": "this.wrapperClasses", "class.k-scrollable": "this.wrapperClasses", "class.k-scrollable-horizontal": "this.horizontalClass" } }, providers: [{
+VirtualizationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: VirtualizationComponent, isStandalone: true, selector: "kendo-virtualization", inputs: { direction: "direction", itemHeight: "itemHeight", itemWidth: "itemWidth", topOffset: "topOffset", bottomOffset: "bottomOffset", maxScrollDifference: "maxScrollDifference", scrollOffsetSize: "scrollOffsetSize", scrollDuration: "scrollDuration", skip: "skip", take: "take", total: "total" }, outputs: { activeIndexChange: "activeIndexChange", pageChange: "pageChange", scrollChange: "scrollChange" }, host: { properties: { "class.k-flex": "this.wrapperClasses", "class.k-content": "this.wrapperClasses", "class.k-scrollable": "this.wrapperClasses", "class.k-scrollable-horizontal": "this.horizontalClass" } }, providers: [{
             provide: SCROLLER_FACTORY_TOKEN,
             useValue: DEFAULT_SCROLLER_FACTORY
         }], usesOnChanges: true, ngImport: i0, template: `
@@ -244,7 +244,7 @@ VirtualizationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
         [class.k-scrollable-horizontal-placeholder]="direction === 'horizontal'"
         [ngStyle]="totalVertexLength"
     ></div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: VirtualizationComponent, decorators: [{
             type: Component,
             args: [{
@@ -260,7 +260,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         [class.k-scrollable-horizontal-placeholder]="direction === 'horizontal'"
         [ngStyle]="totalVertexLength"
     ></div>
-  `
+  `,
+                    standalone: true,
+                    imports: [NgStyle]
                 }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,