@progress/kendo-angular-listview 21.1.1-develop.2 → 21.2.0-develop.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/editing/commands/add-command.directive.mjs +27 -17
- package/esm2022/editing/commands/cancel-command.directive.mjs +27 -17
- package/esm2022/editing/commands/edit-command.directive.mjs +27 -17
- package/esm2022/editing/commands/remove-command.directive.mjs +27 -17
- package/esm2022/editing/commands/save-command.directive.mjs +27 -17
- package/esm2022/listview.component.mjs +199 -179
- package/esm2022/navigation/navigation.service.mjs +2 -2
- package/esm2022/package-metadata.mjs +2 -2
- package/fesm2022/progress-kendo-angular-listview.mjs +333 -263
- package/package.json +8 -8
- package/schematics/ngAdd/index.js +6 -6
|
@@ -17,7 +17,7 @@ import { EditTemplateDirective } from './editing/edit-template.directive';
|
|
|
17
17
|
import { EditService } from './editing/edit.service';
|
|
18
18
|
import { isPresent } from './utils';
|
|
19
19
|
import { FormGroup, FormControl } from '@angular/forms';
|
|
20
|
-
import {
|
|
20
|
+
import { NgTemplateOutlet, NgClass, NgStyle } from '@angular/common';
|
|
21
21
|
import { PagerComponent } from '@progress/kendo-angular-pager';
|
|
22
22
|
import * as i0 from "@angular/core";
|
|
23
23
|
import * as i1 from "./editing/edit.service";
|
|
@@ -501,7 +501,7 @@ export class ListViewComponent {
|
|
|
501
501
|
this[action].emit(args);
|
|
502
502
|
}
|
|
503
503
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListViewComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.EditService }, { token: i2.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
504
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
504
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ListViewComponent, isStandalone: true, selector: "kendo-listview", inputs: { bordered: "bordered", data: "data", loading: "loading", containerStyle: "containerStyle", itemStyle: "itemStyle", containerClass: "containerClass", itemClass: "itemClass", containerLabel: "containerLabel", containerRole: "containerRole", listItemRole: "listItemRole", navigable: "navigable", pageSize: "pageSize", skip: "skip", pageable: "pageable", height: "height" }, outputs: { scrollBottom: "scrollBottom", pageChange: "pageChange", pageSizeChange: "pageSizeChange", edit: "edit", cancel: "cancel", save: "save", remove: "remove", add: "add" }, host: { properties: { "class.k-listview": "this.className", "class.k-listview-bordered": "this.bordered" } }, providers: [
|
|
505
505
|
EditService,
|
|
506
506
|
NavigationService,
|
|
507
507
|
LocalizationService,
|
|
@@ -511,132 +511,142 @@ export class ListViewComponent {
|
|
|
511
511
|
}
|
|
512
512
|
], queries: [{ propertyName: "itemTemplate", first: true, predicate: ItemTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: HeaderTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "loaderTemplate", first: true, predicate: LoaderTemplateDirective, descendants: true }, { propertyName: "editTemplate", first: true, predicate: EditTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "contentContainer", first: true, predicate: ["contentContainer"], descendants: true, static: true }, { propertyName: "listViewItems", predicate: ListViewNavigableItemDirective, descendants: true }], exportAs: ["kendoListView"], usesOnChanges: true, ngImport: i0, template: `
|
|
513
513
|
<!-- top pager -->
|
|
514
|
-
|
|
515
|
-
|
|
514
|
+
@if (pagerSettings?.position !== 'bottom') {
|
|
515
|
+
<ng-template
|
|
516
516
|
[ngTemplateOutlet]="pagerTemplate"
|
|
517
517
|
[ngTemplateOutletContext]="{ pagerClass: 'k-listview-pager k-listview-pager-top' }"
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
518
|
+
>
|
|
519
|
+
</ng-template>
|
|
520
|
+
}
|
|
521
|
+
|
|
521
522
|
<!-- header -->
|
|
522
|
-
|
|
523
|
-
|
|
523
|
+
@if (headerTemplate) {
|
|
524
|
+
<div
|
|
524
525
|
class="k-listview-header"
|
|
525
|
-
>
|
|
526
|
-
<ng-template
|
|
527
|
-
[ngTemplateOutlet]="headerTemplate?.templateRef"
|
|
528
526
|
>
|
|
527
|
+
<ng-template
|
|
528
|
+
[ngTemplateOutlet]="headerTemplate?.templateRef"
|
|
529
|
+
>
|
|
529
530
|
</ng-template>
|
|
530
|
-
|
|
531
|
-
|
|
531
|
+
</div>
|
|
532
|
+
}
|
|
533
|
+
|
|
532
534
|
<!-- content -->
|
|
533
535
|
<div
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
536
|
+
#contentContainer
|
|
537
|
+
[attr.tabindex]="containerTabindex"
|
|
538
|
+
class="k-listview-content"
|
|
539
|
+
[ngClass]="containerClass"
|
|
540
|
+
[ngStyle]="containerStyle"
|
|
539
541
|
[kendoEventsOutsideAngular]="{
|
|
540
542
|
scroll: handleContentScroll
|
|
541
543
|
}"
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
544
|
+
[scope]="this"
|
|
545
|
+
[attr.role]="containerRole"
|
|
546
|
+
[attr.aria-label]="containerLabel"
|
|
547
|
+
>
|
|
548
|
+
<!-- new item edit template -->
|
|
549
|
+
@if (editService.hasNewItem) {
|
|
547
550
|
<div
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
551
|
+
class="k-listview-item"
|
|
552
|
+
[attr.role]="listItemRole"
|
|
553
|
+
kendoListViewNavigableItem
|
|
554
|
+
[index]="-1"
|
|
555
|
+
[attr.data-kendo-listview-item-index]="-1"
|
|
556
|
+
[ngClass]="itemClass"
|
|
557
|
+
[ngStyle]="itemStyle"
|
|
558
|
+
>
|
|
559
|
+
@if (editTemplate) {
|
|
557
560
|
<ng-template
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
>
|
|
561
|
+
[ngTemplateOutlet]="editTemplate?.templateRef"
|
|
562
|
+
[ngTemplateOutletContext]="editTemplateContext(-1)"
|
|
563
|
+
>
|
|
562
564
|
</ng-template>
|
|
565
|
+
}
|
|
563
566
|
</div>
|
|
564
|
-
|
|
565
|
-
|
|
567
|
+
}
|
|
568
|
+
|
|
569
|
+
<!-- items -->
|
|
570
|
+
@for (dataItem of items; track dataItem; let index = $index; let first = $first; let last = $last) {
|
|
566
571
|
<div
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
[ngTemplateOutletContext]="isEdited(index) ? editTemplateContext(index) : templateContext(index)"
|
|
572
|
+
class="k-listview-item"
|
|
573
|
+
[attr.role]="listItemRole"
|
|
574
|
+
[attr.aria-posinset]="itemPosInSet(index)"
|
|
575
|
+
[attr.aria-setsize]="total"
|
|
576
|
+
kendoListViewNavigableItem
|
|
577
|
+
[index]="index"
|
|
578
|
+
[attr.data-kendo-listview-item-index]="index"
|
|
579
|
+
[ngClass]="itemClass"
|
|
580
|
+
[ngStyle]="itemStyle"
|
|
581
|
+
>
|
|
582
|
+
<ng-template
|
|
583
|
+
[ngTemplateOutlet]="isEdited(index) ? editTemplate?.templateRef : itemTemplate?.templateRef"
|
|
584
|
+
[ngTemplateOutletContext]="isEdited(index) ? editTemplateContext(index) : templateContext(index)"
|
|
581
585
|
>
|
|
582
|
-
|
|
586
|
+
</ng-template>
|
|
583
587
|
</div>
|
|
588
|
+
}
|
|
584
589
|
</div>
|
|
585
|
-
|
|
590
|
+
|
|
586
591
|
<!-- loading indicator -->
|
|
587
|
-
|
|
588
|
-
|
|
592
|
+
@if (loading && !loaderTemplate) {
|
|
593
|
+
<div
|
|
589
594
|
class="k-loading-mask"
|
|
590
|
-
|
|
595
|
+
>
|
|
591
596
|
<!-- TODO: the k-loading-text is hidden with css but read by readers - review when implementing accessibility + possible localization case -->
|
|
592
597
|
<span class="k-loading-text">Loading</span>
|
|
593
598
|
<div class="k-loading-image"></div>
|
|
594
599
|
<div class="k-loading-color"></div>
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
600
|
+
</div>
|
|
601
|
+
}
|
|
602
|
+
@if (loading && loaderTemplate) {
|
|
603
|
+
<ng-template
|
|
598
604
|
[ngTemplateOutlet]="loaderTemplate.templateRef"
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
605
|
+
>
|
|
606
|
+
</ng-template>
|
|
607
|
+
}
|
|
608
|
+
|
|
602
609
|
<!-- footer -->
|
|
603
|
-
|
|
604
|
-
|
|
610
|
+
@if (footerTemplate) {
|
|
611
|
+
<div
|
|
605
612
|
class="k-listview-footer"
|
|
606
|
-
>
|
|
607
|
-
<ng-template
|
|
608
|
-
[ngTemplateOutlet]="footerTemplate?.templateRef"
|
|
609
613
|
>
|
|
614
|
+
<ng-template
|
|
615
|
+
[ngTemplateOutlet]="footerTemplate?.templateRef"
|
|
616
|
+
>
|
|
610
617
|
</ng-template>
|
|
611
|
-
|
|
612
|
-
|
|
618
|
+
</div>
|
|
619
|
+
}
|
|
620
|
+
|
|
613
621
|
<!-- bottom pager -->
|
|
614
|
-
|
|
615
|
-
|
|
622
|
+
@if (pagerSettings?.position !== 'top') {
|
|
623
|
+
<ng-template
|
|
616
624
|
[ngTemplateOutlet]="pagerTemplate"
|
|
617
625
|
[ngTemplateOutletContext]="{ pagerClass: 'k-listview-pager' }"
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
626
|
+
>
|
|
627
|
+
</ng-template>
|
|
628
|
+
}
|
|
629
|
+
|
|
621
630
|
<!-- pager template -->
|
|
622
631
|
<ng-template #pagerTemplate let-pagerClass="pagerClass">
|
|
632
|
+
@if (pageable) {
|
|
623
633
|
<kendo-datapager
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
>
|
|
634
|
+
[class]="pagerClass"
|
|
635
|
+
[total]="total"
|
|
636
|
+
[pageSize]="pageSize"
|
|
637
|
+
[skip]="skip"
|
|
638
|
+
[buttonCount]="pagerSettings.buttonCount"
|
|
639
|
+
[info]="pagerSettings.info"
|
|
640
|
+
[previousNext]="pagerSettings.previousNext"
|
|
641
|
+
[type]="pagerSettings.type"
|
|
642
|
+
[pageSizeValues]="pagerSettings.pageSizeValues"
|
|
643
|
+
(pageChange)="handlePageChange($event)"
|
|
644
|
+
(pageSizeChange)="pageSizeChange.emit($event)"
|
|
645
|
+
>
|
|
637
646
|
</kendo-datapager>
|
|
647
|
+
}
|
|
638
648
|
</ng-template>
|
|
639
|
-
|
|
649
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "directive", type: ListViewNavigableItemDirective, selector: "[kendoListViewNavigableItem]", inputs: ["index"] }, { kind: "component", type: PagerComponent, selector: "kendo-datapager, kendo-pager", inputs: ["externalTemplate", "total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size", "responsive", "adaptiveMode"], outputs: ["pageChange", "pageSizeChange", "pagerInputVisibilityChange", "pageTextVisibilityChange", "itemsTextVisibilityChange"], exportAs: ["kendoDataPager", "kendoPager"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
640
650
|
}
|
|
641
651
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListViewComponent, decorators: [{
|
|
642
652
|
type: Component,
|
|
@@ -655,134 +665,144 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
655
665
|
],
|
|
656
666
|
template: `
|
|
657
667
|
<!-- top pager -->
|
|
658
|
-
|
|
659
|
-
|
|
668
|
+
@if (pagerSettings?.position !== 'bottom') {
|
|
669
|
+
<ng-template
|
|
660
670
|
[ngTemplateOutlet]="pagerTemplate"
|
|
661
671
|
[ngTemplateOutletContext]="{ pagerClass: 'k-listview-pager k-listview-pager-top' }"
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
672
|
+
>
|
|
673
|
+
</ng-template>
|
|
674
|
+
}
|
|
675
|
+
|
|
665
676
|
<!-- header -->
|
|
666
|
-
|
|
667
|
-
|
|
677
|
+
@if (headerTemplate) {
|
|
678
|
+
<div
|
|
668
679
|
class="k-listview-header"
|
|
669
|
-
>
|
|
670
|
-
<ng-template
|
|
671
|
-
[ngTemplateOutlet]="headerTemplate?.templateRef"
|
|
672
680
|
>
|
|
681
|
+
<ng-template
|
|
682
|
+
[ngTemplateOutlet]="headerTemplate?.templateRef"
|
|
683
|
+
>
|
|
673
684
|
</ng-template>
|
|
674
|
-
|
|
675
|
-
|
|
685
|
+
</div>
|
|
686
|
+
}
|
|
687
|
+
|
|
676
688
|
<!-- content -->
|
|
677
689
|
<div
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
690
|
+
#contentContainer
|
|
691
|
+
[attr.tabindex]="containerTabindex"
|
|
692
|
+
class="k-listview-content"
|
|
693
|
+
[ngClass]="containerClass"
|
|
694
|
+
[ngStyle]="containerStyle"
|
|
683
695
|
[kendoEventsOutsideAngular]="{
|
|
684
696
|
scroll: handleContentScroll
|
|
685
697
|
}"
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
698
|
+
[scope]="this"
|
|
699
|
+
[attr.role]="containerRole"
|
|
700
|
+
[attr.aria-label]="containerLabel"
|
|
701
|
+
>
|
|
702
|
+
<!-- new item edit template -->
|
|
703
|
+
@if (editService.hasNewItem) {
|
|
691
704
|
<div
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
705
|
+
class="k-listview-item"
|
|
706
|
+
[attr.role]="listItemRole"
|
|
707
|
+
kendoListViewNavigableItem
|
|
708
|
+
[index]="-1"
|
|
709
|
+
[attr.data-kendo-listview-item-index]="-1"
|
|
710
|
+
[ngClass]="itemClass"
|
|
711
|
+
[ngStyle]="itemStyle"
|
|
712
|
+
>
|
|
713
|
+
@if (editTemplate) {
|
|
701
714
|
<ng-template
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
>
|
|
715
|
+
[ngTemplateOutlet]="editTemplate?.templateRef"
|
|
716
|
+
[ngTemplateOutletContext]="editTemplateContext(-1)"
|
|
717
|
+
>
|
|
706
718
|
</ng-template>
|
|
719
|
+
}
|
|
707
720
|
</div>
|
|
708
|
-
|
|
709
|
-
|
|
721
|
+
}
|
|
722
|
+
|
|
723
|
+
<!-- items -->
|
|
724
|
+
@for (dataItem of items; track dataItem; let index = $index; let first = $first; let last = $last) {
|
|
710
725
|
<div
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
[ngTemplateOutletContext]="isEdited(index) ? editTemplateContext(index) : templateContext(index)"
|
|
726
|
+
class="k-listview-item"
|
|
727
|
+
[attr.role]="listItemRole"
|
|
728
|
+
[attr.aria-posinset]="itemPosInSet(index)"
|
|
729
|
+
[attr.aria-setsize]="total"
|
|
730
|
+
kendoListViewNavigableItem
|
|
731
|
+
[index]="index"
|
|
732
|
+
[attr.data-kendo-listview-item-index]="index"
|
|
733
|
+
[ngClass]="itemClass"
|
|
734
|
+
[ngStyle]="itemStyle"
|
|
735
|
+
>
|
|
736
|
+
<ng-template
|
|
737
|
+
[ngTemplateOutlet]="isEdited(index) ? editTemplate?.templateRef : itemTemplate?.templateRef"
|
|
738
|
+
[ngTemplateOutletContext]="isEdited(index) ? editTemplateContext(index) : templateContext(index)"
|
|
725
739
|
>
|
|
726
|
-
|
|
740
|
+
</ng-template>
|
|
727
741
|
</div>
|
|
742
|
+
}
|
|
728
743
|
</div>
|
|
729
|
-
|
|
744
|
+
|
|
730
745
|
<!-- loading indicator -->
|
|
731
|
-
|
|
732
|
-
|
|
746
|
+
@if (loading && !loaderTemplate) {
|
|
747
|
+
<div
|
|
733
748
|
class="k-loading-mask"
|
|
734
|
-
|
|
749
|
+
>
|
|
735
750
|
<!-- TODO: the k-loading-text is hidden with css but read by readers - review when implementing accessibility + possible localization case -->
|
|
736
751
|
<span class="k-loading-text">Loading</span>
|
|
737
752
|
<div class="k-loading-image"></div>
|
|
738
753
|
<div class="k-loading-color"></div>
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
754
|
+
</div>
|
|
755
|
+
}
|
|
756
|
+
@if (loading && loaderTemplate) {
|
|
757
|
+
<ng-template
|
|
742
758
|
[ngTemplateOutlet]="loaderTemplate.templateRef"
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
759
|
+
>
|
|
760
|
+
</ng-template>
|
|
761
|
+
}
|
|
762
|
+
|
|
746
763
|
<!-- footer -->
|
|
747
|
-
|
|
748
|
-
|
|
764
|
+
@if (footerTemplate) {
|
|
765
|
+
<div
|
|
749
766
|
class="k-listview-footer"
|
|
750
|
-
>
|
|
751
|
-
<ng-template
|
|
752
|
-
[ngTemplateOutlet]="footerTemplate?.templateRef"
|
|
753
767
|
>
|
|
768
|
+
<ng-template
|
|
769
|
+
[ngTemplateOutlet]="footerTemplate?.templateRef"
|
|
770
|
+
>
|
|
754
771
|
</ng-template>
|
|
755
|
-
|
|
756
|
-
|
|
772
|
+
</div>
|
|
773
|
+
}
|
|
774
|
+
|
|
757
775
|
<!-- bottom pager -->
|
|
758
|
-
|
|
759
|
-
|
|
776
|
+
@if (pagerSettings?.position !== 'top') {
|
|
777
|
+
<ng-template
|
|
760
778
|
[ngTemplateOutlet]="pagerTemplate"
|
|
761
779
|
[ngTemplateOutletContext]="{ pagerClass: 'k-listview-pager' }"
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
|
|
780
|
+
>
|
|
781
|
+
</ng-template>
|
|
782
|
+
}
|
|
783
|
+
|
|
765
784
|
<!-- pager template -->
|
|
766
785
|
<ng-template #pagerTemplate let-pagerClass="pagerClass">
|
|
786
|
+
@if (pageable) {
|
|
767
787
|
<kendo-datapager
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
|
|
780
|
-
>
|
|
788
|
+
[class]="pagerClass"
|
|
789
|
+
[total]="total"
|
|
790
|
+
[pageSize]="pageSize"
|
|
791
|
+
[skip]="skip"
|
|
792
|
+
[buttonCount]="pagerSettings.buttonCount"
|
|
793
|
+
[info]="pagerSettings.info"
|
|
794
|
+
[previousNext]="pagerSettings.previousNext"
|
|
795
|
+
[type]="pagerSettings.type"
|
|
796
|
+
[pageSizeValues]="pagerSettings.pageSizeValues"
|
|
797
|
+
(pageChange)="handlePageChange($event)"
|
|
798
|
+
(pageSizeChange)="pageSizeChange.emit($event)"
|
|
799
|
+
>
|
|
781
800
|
</kendo-datapager>
|
|
801
|
+
}
|
|
782
802
|
</ng-template>
|
|
783
|
-
|
|
803
|
+
`,
|
|
784
804
|
standalone: true,
|
|
785
|
-
imports: [
|
|
805
|
+
imports: [NgTemplateOutlet, NgClass, NgStyle, EventsOutsideAngularDirective, ListViewNavigableItemDirective, PagerComponent]
|
|
786
806
|
}]
|
|
787
807
|
}], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.EditService }, { type: i2.NavigationService }], propDecorators: { className: [{
|
|
788
808
|
type: HostBinding,
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { Injectable } from '@angular/core';
|
|
6
6
|
import { Subject } from 'rxjs';
|
|
7
|
-
import { Keys,
|
|
7
|
+
import { Keys, normalizeKeys } from '@progress/kendo-angular-common';
|
|
8
8
|
import { closestWithMatch, fitIntoRange, getListItemIndex, isListViewItem, isPresent, relatedTarget } from '../utils';
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
10
|
/**
|
|
@@ -52,7 +52,7 @@ export class NavigationService {
|
|
|
52
52
|
}
|
|
53
53
|
handleKeyDown(event, totalItemsCount) {
|
|
54
54
|
// on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
|
|
55
|
-
const code =
|
|
55
|
+
const code = normalizeKeys(event);
|
|
56
56
|
switch (code) {
|
|
57
57
|
case Keys.ArrowLeft:
|
|
58
58
|
case Keys.ArrowUp:
|
|
@@ -10,7 +10,7 @@ export const packageMetadata = {
|
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCode: 'KENDOUIANGULAR',
|
|
12
12
|
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: '21.
|
|
13
|
+
publishDate: 1764593181,
|
|
14
|
+
version: '21.2.0-develop.10',
|
|
15
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
16
16
|
};
|