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

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

@@ -22,21 +22,21 @@ import * as i2 from "./timepicker.component";
  * definition for the TimePicker component.
  */
 export class TimePickerModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModule, imports: [i1.TimePickerCustomMessagesComponent, i2.TimePickerComponent], exports: [i1.TimePickerCustomMessagesComponent, i2.TimePickerComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModule, providers: [
+            IconsService,
+            PopupService,
+            ResizeBatchService,
+            TimePickerDOMService,
+            HoursService,
+            MinutesService,
+            SecondsService,
+            MillisecondsService,
+            DayPeriodService,
+        ], imports: [i2.TimePickerComponent] });
 }
-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, 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_TIMEPICKER],

package/{esm2020 → esm2022}/timepicker/timeselector.component.mjs

@@ -43,74 +43,60 @@ var Direction;
  * Represents the Kendo UI TimeSelector component for Angular.
  */
 export class TimeSelectorComponent {
-    constructor(localization, cdr, element, intl, dom, zone, renderer, pickerService) {
-        this.localization = localization;
-        this.cdr = cdr;
-        this.element = element;
-        this.intl = intl;
-        this.dom = dom;
-        this.zone = zone;
-        this.renderer = renderer;
-        this.pickerService = pickerService;
-        /**
-         * Specifies the time format used to display the time list columns.
-         */
-        this.format = 't';
-        /**
-         * Specifies the smallest valid time value.
-         */
-        this.min = cloneDate(MIN_TIME);
-        /**
-         * Specifies the biggest valid time value.
-         */
-        this.max = cloneDate(MAX_TIME);
-        /**
-         * Determines whether to display the **Cancel** button in the popup.
-         */
-        this.cancelButton = true;
-        /**
-         * Determines whether to display the **Set** button in the popup.
-         */
-        this.setButton = true;
-        /**
-         * Determines whether to display the **Now** button in the popup.
-         *
-         * > If the current time is out of range or the incremental step is greater than `1`, the **Now** button will be hidden.
-         */
-        this.nowButton = true;
-        /**
-         * Sets or gets the `disabled` property of the TimeSelector and determines whether the component is active.
-         */
-        this.disabled = false;
-        /**
-         * Specifies the value of the TimeSelector component.
-         */
-        this.value = null;
-        /**
-         * Fires each time the user selects a new value.
-         */
-        this.valueChange = new EventEmitter();
-        /**
-         * Fires each time the user cancels the selected value.
-         */
-        this.valueReject = new EventEmitter();
-        this.tabOutLastPart = new EventEmitter();
-        this.tabOutNow = new EventEmitter();
-        this.isActive = false;
-        this.showNowButton = true;
-        this._activeListIndex = -1;
-        this._steps = {};
-        this.domEvents = [];
-        if (this.pickerService) {
-            this.pickerService.timeSelector = this;
-        }
-    }
+    localization;
+    cdr;
+    element;
+    intl;
+    dom;
+    zone;
+    renderer;
+    pickerService;
+    accept;
+    cancel;
+    now;
+    timeLists;
+    timeListWrappers;
     /**
      * @hidden
      */
     get disabledClass() {
         return this.disabled;
     }
+    /**
+     * Specifies the time format used to display the time list columns.
+     */
+    format = 't';
+    /**
+     * Specifies the smallest valid time value.
+     */
+    min = cloneDate(MIN_TIME);
+    /**
+     * Specifies the biggest valid time value.
+     */
+    max = cloneDate(MAX_TIME);
+    /**
+     * Determines whether to display the **Cancel** button in the popup.
+     */
+    cancelButton = true;
+    /**
+     * Determines whether to display the **Set** button in the popup.
+     */
+    setButton = true;
+    /**
+     * Determines whether to display the **Now** button in the popup.
+     *
+     * > If the current time is out of range or the incremental step is greater than `1`, the **Now** button will be hidden.
+     */
+    nowButton = true;
+    /**
+     * Sets or gets the `disabled` property of the TimeSelector and determines whether the component is active.
+     */
+    disabled = false;
+    /**
+     * Needed in order to set it in the dom service so that timeselector height can be properly calculated
+     */
+    isAdaptiveEnabled;
+    isDateTimePicker;
     /**
      * Configures the incremental steps of the TimeSelector.
      *
@@ -140,6 +126,23 @@ export class TimeSelectorComponent {
     get steps() {
         return this._steps;
     }
+    /**
+     * Specifies the value of the TimeSelector component.
+     */
+    value = null;
+    /**
+     * Fires each time the user selects a new value.
+     */
+    valueChange = new EventEmitter();
+    /**
+     * Fires each time the user cancels the selected value.
+     */
+    valueReject = new EventEmitter();
+    tabOutLastPart = new EventEmitter();
+    tabOutNow = new EventEmitter();
+    dateFormatParts;
+    isActive = false;
+    showNowButton = true;
     set current(value) {
         this._current = timeInRange(this.snapTime(cloneDate(value || MIDNIGHT_DATE), this.min), this.min, this.max);
         if (!NgZone.isInAngularZone()) {
@@ -168,6 +171,26 @@ export class TimeSelectorComponent {
             }
         }
     }
+    mergeValue;
+    snapTime;
+    _activeListIndex = -1;
+    _current;
+    _steps = {};
+    subscriptions;
+    domEvents = [];
+    constructor(localization, cdr, element, intl, dom, zone, renderer, pickerService) {
+        this.localization = localization;
+        this.cdr = cdr;
+        this.element = element;
+        this.intl = intl;
+        this.dom = dom;
+        this.zone = zone;
+        this.renderer = renderer;
+        this.pickerService = pickerService;
+        if (this.pickerService) {
+            this.pickerService.timeSelector = this;
+        }
+    }
     /**
      * @hidden
      */
@@ -316,7 +339,7 @@ export class TimeSelectorComponent {
                 this.tabOutNow.emit();
             }
             else {
-                this.cancel ? this.cancel.nativeElement.focus() : this.accept.nativeElement.focus();
+                this.cancel ? this.cancel.nativeElement.focus() : this.accept?.nativeElement.focus();
             }
             return;
         }
@@ -415,15 +438,14 @@ export class TimeSelectorComponent {
         }
         return listIdx;
     }
-}
-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, 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,
-            useValue: 'kendo.timeselector'
-        }
-    ], viewQueries: [{ propertyName: "accept", first: true, predicate: ["accept"], descendants: true }, { propertyName: "cancel", first: true, predicate: ["cancel"], descendants: true }, { propertyName: "now", first: true, predicate: ["now"], descendants: true }, { propertyName: "timeLists", predicate: TimeListComponent, descendants: true }, { propertyName: "timeListWrappers", predicate: ["listWrapper"], descendants: true }], exportAs: ["kendo-timeselector"], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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,
+                useValue: 'kendo.timeselector'
+            }
+        ], viewQueries: [{ propertyName: "accept", first: true, predicate: ["accept"], descendants: true }, { propertyName: "cancel", first: true, predicate: ["cancel"], descendants: true }, { propertyName: "now", first: true, predicate: ["now"], descendants: true }, { propertyName: "timeLists", predicate: TimeListComponent, descendants: true }, { propertyName: "timeListWrappers", predicate: ["listWrapper"], descendants: true }], exportAs: ["kendo-timeselector"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoTimeSelectorLocalizedMessages
             i18n-accept="kendo.timeselector.accept|The Accept button text in the timeselector component"
             accept="Set"
@@ -532,7 +554,8 @@ TimeSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
             >{{localization.get('cancel')}}</button>
         </div>
     `, 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: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeSelectorComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

package/{esm2020 → esm2022}/virtualization/services/row-height.service.mjs

@@ -13,12 +13,15 @@ const update = (arr, idx, value) => ([
  * @hidden
  */
 export class RowHeightService {
+    total;
+    rowHeight;
+    detailRowHeight;
+    offsets = [];
+    heights = [];
     constructor(total = 0, rowHeight, detailRowHeight) {
         this.total = total;
         this.rowHeight = rowHeight;
         this.detailRowHeight = detailRowHeight;
-        this.offsets = [];
-        this.heights = [];
         let agg = 0;
         for (let idx = 0; idx < total; idx++) {
             this.offsets.push(agg);

package/{esm2020 → esm2022}/virtualization/services/scroller.service.mjs

@@ -8,6 +8,7 @@ const normalize = x => Math.max(x, 0);
  * @hidden
  */
 export class ScrollAction {
+    offset;
     constructor(offset) {
         this.offset = offset;
     }
@@ -16,6 +17,7 @@ export class ScrollAction {
  * @hidden
  */
 export class PageAction {
+    skip;
     constructor(skip) {
         this.skip = skip;
     }
@@ -24,11 +26,20 @@ export class PageAction {
  * @hidden
  */
 export class ScrollerService {
+    scrollObservable;
+    direction;
+    firstLoaded = 0;
+    lastLoaded;
+    lastScroll;
+    take;
+    total;
+    rowHeightService;
+    scrollSubscription;
+    subscription;
+    bottomOffset = 0;
+    topOffset = 0;
     constructor(scrollObservable) {
         this.scrollObservable = scrollObservable;
-        this.firstLoaded = 0;
-        this.bottomOffset = 0;
-        this.topOffset = 0;
     }
     create(rowHeightService, skip, take, total, topOffset = 0, bottomOffset = 0, direction = 'vertical') {
         this.rowHeightService = rowHeightService;

package/{esm2020 → esm2022}/virtualization/virtualization.component.mjs

@@ -50,30 +50,29 @@ const differenceToScroll = (scrollTop, staticOffset, maxScrollDifference) => {
  * @hidden
  */
 export class VirtualizationComponent {
-    constructor(scrollerFactory, container, renderer, zone, scrollBarWidthService) {
-        this.container = container;
-        this.renderer = renderer;
-        this.zone = zone;
-        this.scrollBarWidthService = scrollBarWidthService;
-        this.direction = 'vertical';
-        this.itemHeight = 1;
-        this.itemWidth = 1;
-        this.topOffset = 0;
-        this.bottomOffset = 0;
-        this.maxScrollDifference = 100;
-        this.scrollOffsetSize = 0;
-        this.scrollDuration = 150;
-        this.activeIndexChange = new EventEmitter();
-        this.pageChange = new EventEmitter();
-        this.scrollChange = new EventEmitter();
-        this.wrapperClasses = true;
-        this.resolvedPromise = Promise.resolve(null);
-        this.dispatcher = new Subject();
-        this.scroller = scrollerFactory(this.dispatcher);
-    }
+    container;
+    renderer;
+    zone;
+    scrollBarWidthService;
+    direction = 'vertical';
+    itemHeight = 1;
+    itemWidth = 1;
+    topOffset = 0;
+    bottomOffset = 0;
+    maxScrollDifference = 100;
+    scrollOffsetSize = 0;
+    scrollDuration = 150;
+    skip;
+    take;
+    total;
+    activeIndexChange = new EventEmitter();
+    pageChange = new EventEmitter();
+    scrollChange = new EventEmitter();
+    wrapperClasses = true;
     get horizontalClass() {
         return this.direction === 'horizontal';
     }
+    totalSize;
     get totalVertexLength() {
         const value = `${this.totalSize}px`;
         return this.direction === 'vertical' ? { height: value } : { width: value };
@@ -87,6 +86,21 @@ export class VirtualizationComponent {
     get containerScrollPosition() {
         return this.getContainerProperty(this.direction === 'vertical' ? 'scrollTop' : 'scrollLeft');
     }
+    lastActiveIndex;
+    resolvedPromise = Promise.resolve(null);
+    scroller;
+    rowHeightService;
+    dispatcher = new Subject();
+    scrollSubscription;
+    containerScrollSubscription;
+    animationSubscription;
+    constructor(scrollerFactory, container, renderer, zone, scrollBarWidthService) {
+        this.container = container;
+        this.renderer = renderer;
+        this.zone = zone;
+        this.scrollBarWidthService = scrollBarWidthService;
+        this.scroller = scrollerFactory(this.dispatcher);
+    }
     ngOnChanges(changes) {
         if (changes.direction || changes.take || changes.total) {
             this.initServices();
@@ -232,12 +246,11 @@ export class VirtualizationComponent {
     getContainerScrollDirection(indexOffset) {
         return indexOffset < this.containerScrollPosition ? ScrollDirection.Backward : ScrollDirection.Forward;
     }
-}
-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, 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: `
     <ng-content></ng-content>
     <div
         class="k-scrollable-placeholder"
@@ -245,7 +258,8 @@ VirtualizationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
         [ngStyle]="totalVertexLength"
     ></div>
   `, 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: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VirtualizationComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [{