@progress/kendo-angular-dropdowns 21.1.1-develop.2 → 21.2.0-develop.10

package/esm2022/common/navigation/navigation.service.mjs

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { Injectable, EventEmitter } from '@angular/core';
 import { isPresent } from '../util';
-import { Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
+import { Keys, normalizeKeys } from '@progress/kendo-angular-common';
 import { NavigationAction } from './navigation-action';
 import { DisabledItemsService } from '../disabled-items/disabled-items.service';
 import { SelectionService } from '../selection/selection.service';
@@ -58,7 +58,7 @@ export class NavigationService {
     }
     process(args) {
         // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
-        const keyCode = normalizeNumpadKeys(args.originalEvent);
+        const keyCode = normalizeKeys(args.originalEvent);
         const altKey = args.originalEvent.altKey;
         const shiftKey = args.originalEvent.shiftKey;
         const ctrlKey = args.originalEvent.ctrlKey || args.originalEvent.metaKey;

package/esm2022/common/searchbar.component.mjs

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Component, Renderer2, Input, Output, EventEmitter, ElementRef, HostBinding, Injector, NgZone } from '@angular/core';
-import { isDocumentAvailable, isObjectPresent, isSafari, removeHTMLAttributes, setHTMLAttributes, Keys, parseAttributes, normalizeNumpadKeys } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, isObjectPresent, isSafari, removeHTMLAttributes, setHTMLAttributes, Keys, parseAttributes, normalizeKeys } from '@progress/kendo-angular-common';
 import { combineStr, isJapanese } from './util';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { Subscription } from 'rxjs';
@@ -270,7 +270,7 @@ export class SearchBarComponent {
     }
     handleKeydown(event) {
         // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
-        const keyCode = normalizeNumpadKeys(event);
+        const keyCode = normalizeKeys(event);
         const keys = [Keys.ArrowUp, Keys.ArrowDown, Keys.ArrowLeft, Keys.ArrowRight, Keys.Enter,
             Keys.Escape, Keys.Delete, Keys.Backspace, Keys.Home, Keys.End, Keys.PageDown, Keys.PageUp];
         if (keys.indexOf(keyCode) > -1) {

package/esm2022/common/taglist.component.mjs

@@ -7,7 +7,7 @@ import { TagTemplateDirective } from '../common/templates/tag-template.directive
 import { GroupTagTemplateDirective } from '../common/templates/group-tag-template.directive';
 import { getSizeClass, getter, isPresent } from '../common/util';
 import { xCircleIcon } from '@progress/kendo-svg-icons';
-import { NgFor, NgClass, NgIf } from '@angular/common';
+import { NgClass } from '@angular/common';
 import { IconWrapperComponent } from '@progress/kendo-angular-icons';
 import { TemplateContextDirective } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
@@ -108,9 +108,9 @@ export class TagListComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TagListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TagListComponent, isStandalone: true, selector: "kendo-taglist", inputs: { tags: "tags", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", focused: "focused", template: "template", groupTemplate: "groupTemplate", disabled: "disabled", tagPrefix: "tagPrefix", id: "id", size: "size", rounded: "rounded", fillMode: "fillMode", disabledIndices: "disabledIndices" }, outputs: { removeTag: "removeTag" }, host: { properties: { "class.k-chip-list": "this.hostClass", "attr.id": "this.hostId", "attr.role": "this.taglistRole", "attr.aria-multiselectable": "this.multiselectable" } }, ngImport: i0, template: `
-        <div
-            *ngFor="let tag of tags; let index = index;"
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TagListComponent, isStandalone: true, selector: "kendo-taglist", inputs: { tags: "tags", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", focused: "focused", template: "template", groupTemplate: "groupTemplate", disabled: "disabled", tagPrefix: "tagPrefix", id: "id", size: "size", rounded: "rounded", fillMode: "fillMode", disabledIndices: "disabledIndices" }, outputs: { removeTag: "removeTag" }, host: { properties: { "class.k-chip-list": "this.hostClass", "attr.id": "this.hostId", "attr.role": "this.taglistRole", "attr.aria-multiselectable": "this.multiselectable" } }, ngImport: i0, template: `
+        @for (tag of tags; track $index; let index = $index) {
+          <div
             [attr.id]="itemId(tag, index)"
             [attr.aria-selected]="true"
             [attr.role]="'option'"
@@ -129,53 +129,60 @@ export class TagListComponent {
                 'k-chip-flat k-chip-flat-base': fillMode === 'flat',
                 'k-chip-outline k-chip-outline-base': fillMode === 'outline'
             }"
-        >
+            >
             <span class="k-chip-content">
-                <ng-template *ngIf="isGroupTag(tag); then groupTag else singleTag"></ng-template>
-                <ng-template #groupTag>
-                    <span class="k-chip-label k-text-ellipsis">
-                        <ng-template *ngIf="groupTemplate"
+              @if (isGroupTag(tag)) {
+                <span class="k-chip-label k-text-ellipsis">
+                  @if (groupTemplate) {
+                    <ng-template
                             [templateContext]="{
                             templateRef: groupTemplate.templateRef,
                             $implicit: tag
                         }">
-                        </ng-template>
-                        <ng-template [ngIf]="!groupTemplate">{{ tag.length }} {{ tag.length === 1 ? 'item' : 'items' }} selected</ng-template>
-                    </span>
-                </ng-template>
-                <ng-template #singleTag>
-                    <span class="k-chip-label k-text-ellipsis">
-                        <ng-template *ngIf="template"
+                    </ng-template>
+                  }
+                  @if (!groupTemplate) {
+                    {{ tag.length }} {{ tag.length === 1 ? 'item' : 'items' }} selected
+                  }
+                </span>
+              } @else {
+                <span class="k-chip-label k-text-ellipsis">
+                  @if (template) {
+                    <ng-template
                             [templateContext]="{
                             templateRef: template.templateRef,
                             $implicit: tag
                         }">
-                        </ng-template>
-                        <ng-template [ngIf]="!template">{{ tagProp(tag, textField, index) }}</ng-template>
-                    </span>
-                </ng-template>
+                    </ng-template>
+                  }
+                  @if (!template) {
+                    {{ tagProp(tag, textField, index) }}
+                  }
+                </span>
+              }
             </span>
             <span class="k-chip-actions">
-                <span aria-label="delete" [attr.aria-hidden]="index !== focused" class="k-chip-action k-chip-remove-action">
-                    <kendo-icon-wrapper
-                        (mousedown)="deleteTag($event, tag, index)"
-                        name="x-circle"
-                        [svgIcon]="xCircleIcon"
-                    >
-                    </kendo-icon-wrapper>
-                </span>
+              <span aria-label="delete" [attr.aria-hidden]="index !== focused" class="k-chip-action k-chip-remove-action">
+                <kendo-icon-wrapper
+                  (mousedown)="deleteTag($event, tag, index)"
+                  name="x-circle"
+                  [svgIcon]="xCircleIcon"
+                  >
+                </kendo-icon-wrapper>
+              </span>
             </span>
-        </div>
+          </div>
+        }
         <ng-content></ng-content>
-  `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
+        `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TagListComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-taglist',
                     template: `
-        <div
-            *ngFor="let tag of tags; let index = index;"
+        @for (tag of tags; track $index; let index = $index) {
+          <div
             [attr.id]="itemId(tag, index)"
             [attr.aria-selected]="true"
             [attr.role]="'option'"
@@ -194,47 +201,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 'k-chip-flat k-chip-flat-base': fillMode === 'flat',
                 'k-chip-outline k-chip-outline-base': fillMode === 'outline'
             }"
-        >
+            >
             <span class="k-chip-content">
-                <ng-template *ngIf="isGroupTag(tag); then groupTag else singleTag"></ng-template>
-                <ng-template #groupTag>
-                    <span class="k-chip-label k-text-ellipsis">
-                        <ng-template *ngIf="groupTemplate"
+              @if (isGroupTag(tag)) {
+                <span class="k-chip-label k-text-ellipsis">
+                  @if (groupTemplate) {
+                    <ng-template
                             [templateContext]="{
                             templateRef: groupTemplate.templateRef,
                             $implicit: tag
                         }">
-                        </ng-template>
-                        <ng-template [ngIf]="!groupTemplate">{{ tag.length }} {{ tag.length === 1 ? 'item' : 'items' }} selected</ng-template>
-                    </span>
-                </ng-template>
-                <ng-template #singleTag>
-                    <span class="k-chip-label k-text-ellipsis">
-                        <ng-template *ngIf="template"
+                    </ng-template>
+                  }
+                  @if (!groupTemplate) {
+                    {{ tag.length }} {{ tag.length === 1 ? 'item' : 'items' }} selected
+                  }
+                </span>
+              } @else {
+                <span class="k-chip-label k-text-ellipsis">
+                  @if (template) {
+                    <ng-template
                             [templateContext]="{
                             templateRef: template.templateRef,
                             $implicit: tag
                         }">
-                        </ng-template>
-                        <ng-template [ngIf]="!template">{{ tagProp(tag, textField, index) }}</ng-template>
-                    </span>
-                </ng-template>
+                    </ng-template>
+                  }
+                  @if (!template) {
+                    {{ tagProp(tag, textField, index) }}
+                  }
+                </span>
+              }
             </span>
             <span class="k-chip-actions">
-                <span aria-label="delete" [attr.aria-hidden]="index !== focused" class="k-chip-action k-chip-remove-action">
-                    <kendo-icon-wrapper
-                        (mousedown)="deleteTag($event, tag, index)"
-                        name="x-circle"
-                        [svgIcon]="xCircleIcon"
-                    >
-                    </kendo-icon-wrapper>
-                </span>
+              <span aria-label="delete" [attr.aria-hidden]="index !== focused" class="k-chip-action k-chip-remove-action">
+                <kendo-icon-wrapper
+                  (mousedown)="deleteTag($event, tag, index)"
+                  name="x-circle"
+                  [svgIcon]="xCircleIcon"
+                  >
+                </kendo-icon-wrapper>
+              </span>
             </span>
-        </div>
+          </div>
+        }
         <ng-content></ng-content>
-  `,
+        `,
                     standalone: true,
-                    imports: [NgFor, NgClass, NgIf, TemplateContextDirective, IconWrapperComponent]
+                    imports: [NgClass, TemplateContextDirective, IconWrapperComponent]
                 }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { tags: [{
                 type: Input