@progress/kendo-angular-dateinputs 21.1.1-develop.2 → 21.2.0-develop.1

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1763729109,
-    version: '21.1.1-develop.2',
+    publishDate: 1763998218,
+    version: '21.2.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/timepicker/timelist.component.mjs

@@ -18,7 +18,7 @@ import { DayPeriodService } from './services/dayperiod.service';
 import { closestInScope } from '../common/dom-queries';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { Keys, EventsOutsideAngularDirective, normalizeNumpadKeys } from '@progress/kendo-angular-common';
-import { NgStyle, NgFor } from '@angular/common';
+import { NgStyle } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "./services/dom.service";
 import * as i2 from "@progress/kendo-angular-l10n";
@@ -280,37 +280,39 @@ export class TimeListComponent {
         this.domEvents.push(this.renderer.listen(element, 'mouseover', () => !this.isActive && this.focus()), this.renderer.listen(element, 'click', () => this.focus()), this.renderer.listen(element, 'blur', () => this.isActive = false), this.renderer.listen(element, 'focus', () => this.isActive = true), this.renderer.listen(element, 'keydown', this.handleKeyDown.bind(this)));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimeListComponent, deps: [{ token: i0.ElementRef }, { token: i0.Injector }, { token: i1.TimePickerDOMService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TimeListComponent, isStandalone: true, selector: "kendo-timelist", inputs: { min: "min", max: "max", part: "part", step: "step", disabled: "disabled", value: "value", isLast: "isLast", isFirst: "isFirst" }, outputs: { valueChange: "valueChange", tabOutLastPart: "tabOutLastPart", tabOutFirstPart: "tabOutFirstPart" }, host: { properties: { "attr.tabindex": "this.tabIndex", "class.k-time-list": "this.componentClass" } }, viewQueries: [{ propertyName: "virtualization", first: true, predicate: VirtualizationComponent, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TimeListComponent, isStandalone: true, selector: "kendo-timelist", inputs: { min: "min", max: "max", part: "part", step: "step", disabled: "disabled", value: "value", isLast: "isLast", isFirst: "isFirst" }, outputs: { valueChange: "valueChange", tabOutLastPart: "tabOutLastPart", tabOutFirstPart: "tabOutFirstPart" }, host: { properties: { "attr.tabindex": "this.tabIndex", "class.k-time-list": "this.componentClass" } }, viewQueries: [{ propertyName: "virtualization", first: true, predicate: VirtualizationComponent, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
     <kendo-virtualization
-        [attr.role]="roleAttribute"
-        [attr.aria-label]="ariaLabel"
-        [skip]="skip"
-        [take]="total"
-        [total]="total"
-        [itemHeight]="itemHeight"
-        [maxScrollDifference]="listHeight"
-        [topOffset]="topOffset"
-        [bottomOffset]="bottomOffset"
-        class="k-time-container"
-        tabindex="-1"
-    >
-        <ul [ngStyle]="style" class="k-reset"
+      [attr.role]="roleAttribute"
+      [attr.aria-label]="ariaLabel"
+      [skip]="skip"
+      [take]="total"
+      [total]="total"
+      [itemHeight]="itemHeight"
+      [maxScrollDifference]="listHeight"
+      [topOffset]="topOffset"
+      [bottomOffset]="bottomOffset"
+      class="k-time-container"
+      tabindex="-1"
+      >
+      <ul [ngStyle]="style" class="k-reset"
             [kendoEventsOutsideAngular]="{
                 click: handleItemClick
             }"
-            [scope]="this"
-            [attr.role]="'presentation'"
+        [scope]="this"
+        [attr.role]="'presentation'"
         >
-            <li *ngFor="let item of data; let index = index;" class="k-item"
-                [attr.data-timelist-item-index]="index"
-                [attr.role]="'option'"
-                [attr.aria-selected]="index === currentSelectedIndex"
-                >
-                <span>{{item.text}}</span>
-            </li>
-        </ul>
+        @for (item of data; track $index; let index = $index) {
+          <li class="k-item"
+            [attr.data-timelist-item-index]="index"
+            [attr.role]="'option'"
+            [attr.aria-selected]="index === currentSelectedIndex"
+            >
+            <span>{{item.text}}</span>
+          </li>
+        }
+      </ul>
     </kendo-virtualization>
-  `, isInline: true, dependencies: [{ kind: "component", type: VirtualizationComponent, selector: "kendo-virtualization", inputs: ["direction", "itemHeight", "itemWidth", "topOffset", "bottomOffset", "maxScrollDifference", "scrollOffsetSize", "scrollDuration", "skip", "take", "total"], outputs: ["activeIndexChange", "pageChange", "scrollChange"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: VirtualizationComponent, selector: "kendo-virtualization", inputs: ["direction", "itemHeight", "itemWidth", "topOffset", "bottomOffset", "maxScrollDifference", "scrollOffsetSize", "scrollDuration", "skip", "take", "total"], outputs: ["activeIndexChange", "pageChange", "scrollChange"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimeListComponent, decorators: [{
             type: Component,
@@ -318,37 +320,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     selector: 'kendo-timelist',
                     template: `
     <kendo-virtualization
-        [attr.role]="roleAttribute"
-        [attr.aria-label]="ariaLabel"
-        [skip]="skip"
-        [take]="total"
-        [total]="total"
-        [itemHeight]="itemHeight"
-        [maxScrollDifference]="listHeight"
-        [topOffset]="topOffset"
-        [bottomOffset]="bottomOffset"
-        class="k-time-container"
-        tabindex="-1"
-    >
-        <ul [ngStyle]="style" class="k-reset"
+      [attr.role]="roleAttribute"
+      [attr.aria-label]="ariaLabel"
+      [skip]="skip"
+      [take]="total"
+      [total]="total"
+      [itemHeight]="itemHeight"
+      [maxScrollDifference]="listHeight"
+      [topOffset]="topOffset"
+      [bottomOffset]="bottomOffset"
+      class="k-time-container"
+      tabindex="-1"
+      >
+      <ul [ngStyle]="style" class="k-reset"
             [kendoEventsOutsideAngular]="{
                 click: handleItemClick
             }"
-            [scope]="this"
-            [attr.role]="'presentation'"
+        [scope]="this"
+        [attr.role]="'presentation'"
         >
-            <li *ngFor="let item of data; let index = index;" class="k-item"
-                [attr.data-timelist-item-index]="index"
-                [attr.role]="'option'"
-                [attr.aria-selected]="index === currentSelectedIndex"
-                >
-                <span>{{item.text}}</span>
-            </li>
-        </ul>
+        @for (item of data; track $index; let index = $index) {
+          <li class="k-item"
+            [attr.data-timelist-item-index]="index"
+            [attr.role]="'option'"
+            [attr.aria-selected]="index === currentSelectedIndex"
+            >
+            <span>{{item.text}}</span>
+          </li>
+        }
+      </ul>
     </kendo-virtualization>
-  `,
+    `,
                     standalone: true,
-                    imports: [VirtualizationComponent, NgStyle, EventsOutsideAngularDirective, NgFor]
+                    imports: [VirtualizationComponent, NgStyle, EventsOutsideAngularDirective]
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Injector }, { type: i1.TimePickerDOMService }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i2.LocalizationService }], propDecorators: { min: [{
                 type: Input