@progress/kendo-angular-listview 21.4.1 → 22.0.0-develop.1
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/fesm2022/progress-kendo-angular-listview.mjs +52 -52
- package/package.json +13 -21
- package/schematics/ngAdd/index.js +6 -6
- package/esm2022/data-binding/data-binding.directive.mjs +0 -86
- package/esm2022/directives.mjs +0 -33
- package/esm2022/editing/commands/add-command.directive.mjs +0 -90
- package/esm2022/editing/commands/cancel-command.directive.mjs +0 -107
- package/esm2022/editing/commands/edit-command.directive.mjs +0 -94
- package/esm2022/editing/commands/remove-command.directive.mjs +0 -94
- package/esm2022/editing/commands/save-command.directive.mjs +0 -107
- package/esm2022/editing/edit-template.directive.mjs +0 -53
- package/esm2022/editing/edit.service.mjs +0 -119
- package/esm2022/editing/events/add-event-args.interface.mjs +0 -5
- package/esm2022/editing/events/cancel-event-args.interface.mjs +0 -5
- package/esm2022/editing/events/edit-event-args.interface.mjs +0 -5
- package/esm2022/editing/events/remove-event-args.interface.mjs +0 -5
- package/esm2022/editing/events/save-event-args.interface.mjs +0 -5
- package/esm2022/index.mjs +0 -19
- package/esm2022/listview.component.mjs +0 -880
- package/esm2022/listview.module.mjs +0 -64
- package/esm2022/models/listview-data-result.mjs +0 -5
- package/esm2022/models/page-change-event.mjs +0 -5
- package/esm2022/models/page-size-change-event.mjs +0 -11
- package/esm2022/models/page-size-item.mjs +0 -5
- package/esm2022/models/pager-position.mjs +0 -5
- package/esm2022/models/pager-settings.mjs +0 -5
- package/esm2022/models/pager-type.mjs +0 -5
- package/esm2022/models/scroll-bottom-event.mjs +0 -5
- package/esm2022/navigation/listview-navigable-item.directive.mjs +0 -76
- package/esm2022/navigation/navigation.service.mjs +0 -159
- package/esm2022/package-metadata.mjs +0 -16
- package/esm2022/progress-kendo-angular-listview.mjs +0 -8
- package/esm2022/templates/footer-template.directive.mjs +0 -42
- package/esm2022/templates/header-template.directive.mjs +0 -43
- package/esm2022/templates/item-template.directive.mjs +0 -49
- package/esm2022/templates/loader-template.directive.mjs +0 -43
- package/esm2022/utils.mjs +0 -103
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { NgModule } from '@angular/core';
|
|
6
|
-
import { KENDO_LISTVIEW } from './directives';
|
|
7
|
-
import { IconsService } from '@progress/kendo-angular-icons';
|
|
8
|
-
import { PopupService } from '@progress/kendo-angular-popup';
|
|
9
|
-
import { ResizeBatchService } from '@progress/kendo-angular-common';
|
|
10
|
-
import * as i0 from "@angular/core";
|
|
11
|
-
import * as i1 from "./listview.component";
|
|
12
|
-
import * as i2 from "./templates/item-template.directive";
|
|
13
|
-
import * as i3 from "./templates/header-template.directive";
|
|
14
|
-
import * as i4 from "./templates/footer-template.directive";
|
|
15
|
-
import * as i5 from "./templates/loader-template.directive";
|
|
16
|
-
import * as i6 from "./data-binding/data-binding.directive";
|
|
17
|
-
import * as i7 from "./editing/edit-template.directive";
|
|
18
|
-
import * as i8 from "./editing/commands/edit-command.directive";
|
|
19
|
-
import * as i9 from "./editing/commands/cancel-command.directive";
|
|
20
|
-
import * as i10 from "./editing/commands/save-command.directive";
|
|
21
|
-
import * as i11 from "./editing/commands/remove-command.directive";
|
|
22
|
-
import * as i12 from "./editing/commands/add-command.directive";
|
|
23
|
-
//IMPORTANT: NgModule export kept for backwards compatibility
|
|
24
|
-
/**
|
|
25
|
-
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
|
26
|
-
* definition for the ListView component.
|
|
27
|
-
* @example
|
|
28
|
-
*
|
|
29
|
-
* ```ts
|
|
30
|
-
* import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
31
|
-
* import { BrowserModule } from '@angular/platform-browser';
|
|
32
|
-
* import { NgModule } from '@angular/core';
|
|
33
|
-
* import { ListViewModule } from '@progress/kendo-angular-listview';
|
|
34
|
-
* import { AppComponent } from './app.component';
|
|
35
|
-
*
|
|
36
|
-
* @NgModule({
|
|
37
|
-
* declarations: [AppComponent],
|
|
38
|
-
* imports: [BrowserModule, BrowserAnimationsModule, ListViewModule],
|
|
39
|
-
* bootstrap: [AppComponent]
|
|
40
|
-
* })
|
|
41
|
-
* export class AppModule {}
|
|
42
|
-
*```
|
|
43
|
-
*/
|
|
44
|
-
export class ListViewModule {
|
|
45
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
46
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ListViewModule, imports: [i1.ListViewComponent, i2.ItemTemplateDirective, i3.HeaderTemplateDirective, i4.FooterTemplateDirective, i5.LoaderTemplateDirective, i6.DataBindingDirective, i7.EditTemplateDirective, i8.EditCommandDirective, i9.CancelCommandDirective, i10.SaveCommandDirective, i11.RemoveCommandDirective, i12.AddCommandDirective], exports: [i1.ListViewComponent, i2.ItemTemplateDirective, i3.HeaderTemplateDirective, i4.FooterTemplateDirective, i5.LoaderTemplateDirective, i6.DataBindingDirective, i7.EditTemplateDirective, i8.EditCommandDirective, i9.CancelCommandDirective, i10.SaveCommandDirective, i11.RemoveCommandDirective, i12.AddCommandDirective] });
|
|
47
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListViewModule, providers: [
|
|
48
|
-
IconsService,
|
|
49
|
-
PopupService,
|
|
50
|
-
ResizeBatchService
|
|
51
|
-
], imports: [i1.ListViewComponent, i8.EditCommandDirective, i9.CancelCommandDirective, i10.SaveCommandDirective, i11.RemoveCommandDirective, i12.AddCommandDirective] });
|
|
52
|
-
}
|
|
53
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListViewModule, decorators: [{
|
|
54
|
-
type: NgModule,
|
|
55
|
-
args: [{
|
|
56
|
-
imports: [...KENDO_LISTVIEW],
|
|
57
|
-
exports: [...KENDO_LISTVIEW],
|
|
58
|
-
providers: [
|
|
59
|
-
IconsService,
|
|
60
|
-
PopupService,
|
|
61
|
-
ResizeBatchService
|
|
62
|
-
]
|
|
63
|
-
}]
|
|
64
|
-
}] });
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { PageSizeChangeEvent as PagerPageSizeChangeEvent } from "@progress/kendo-angular-pager";
|
|
6
|
-
/**
|
|
7
|
-
* Defines the arguments of the [`pageSizeChange`]({% slug api_listview_listviewcomponent %}#toc-pagesizechange) event of the ListView
|
|
8
|
-
* ([more details]({% slug paging_listview %})).
|
|
9
|
-
*/
|
|
10
|
-
export class PageSizeChangeEvent extends PagerPageSizeChangeEvent {
|
|
11
|
-
}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export {};
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Directive, ElementRef, Renderer2, Input } from '@angular/core';
|
|
6
|
-
import { NavigationService } from './navigation.service';
|
|
7
|
-
import { isPresent } from '../utils';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "./navigation.service";
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
export class ListViewNavigableItemDirective {
|
|
14
|
-
hostElement;
|
|
15
|
-
renderer;
|
|
16
|
-
navigationService;
|
|
17
|
-
/**
|
|
18
|
-
* The current item index. Used to track which navigation changes apply to this item.
|
|
19
|
-
*/
|
|
20
|
-
index;
|
|
21
|
-
navigationSubscription;
|
|
22
|
-
constructor(hostElement, renderer, navigationService) {
|
|
23
|
-
this.hostElement = hostElement;
|
|
24
|
-
this.renderer = renderer;
|
|
25
|
-
this.navigationService = navigationService;
|
|
26
|
-
}
|
|
27
|
-
ngOnChanges() {
|
|
28
|
-
this.updateNavigationState();
|
|
29
|
-
}
|
|
30
|
-
ngOnInit() {
|
|
31
|
-
this.navigationSubscription = this.navigationService.changes
|
|
32
|
-
.subscribe(this.updateNavigationState.bind(this));
|
|
33
|
-
}
|
|
34
|
-
ngOnDestroy() {
|
|
35
|
-
if (isPresent(this.navigationSubscription)) {
|
|
36
|
-
this.navigationSubscription.unsubscribe();
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
updateNavigationState() {
|
|
40
|
-
this.updateTabIndex();
|
|
41
|
-
this.updateFocusedState();
|
|
42
|
-
}
|
|
43
|
-
updateFocusedState() {
|
|
44
|
-
const shouldFocus = this.navigationService.isActive(this.index) && this.navigationService.isFocused;
|
|
45
|
-
const focusedCssClass = 'k-focus';
|
|
46
|
-
if (shouldFocus) {
|
|
47
|
-
this.renderer.addClass(this.hostElement.nativeElement, focusedCssClass);
|
|
48
|
-
this.hostElement.nativeElement.focus();
|
|
49
|
-
}
|
|
50
|
-
else {
|
|
51
|
-
this.renderer.removeClass(this.hostElement.nativeElement, focusedCssClass);
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
updateTabIndex() {
|
|
55
|
-
if (!this.navigationService.isEnabled) {
|
|
56
|
-
this.renderer.removeAttribute(this.hostElement.nativeElement, 'tabindex');
|
|
57
|
-
}
|
|
58
|
-
else if (this.navigationService.isActive(this.index)) {
|
|
59
|
-
this.renderer.setAttribute(this.hostElement.nativeElement, 'tabindex', '0');
|
|
60
|
-
}
|
|
61
|
-
else {
|
|
62
|
-
this.renderer.setAttribute(this.hostElement.nativeElement, 'tabindex', '-1');
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListViewNavigableItemDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.NavigationService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
66
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ListViewNavigableItemDirective, isStandalone: true, selector: "[kendoListViewNavigableItem]", inputs: { index: "index" }, usesOnChanges: true, ngImport: i0 });
|
|
67
|
-
}
|
|
68
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ListViewNavigableItemDirective, decorators: [{
|
|
69
|
-
type: Directive,
|
|
70
|
-
args: [{
|
|
71
|
-
selector: '[kendoListViewNavigableItem]',
|
|
72
|
-
standalone: true
|
|
73
|
-
}]
|
|
74
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.NavigationService }], propDecorators: { index: [{
|
|
75
|
-
type: Input
|
|
76
|
-
}] } });
|
|
@@ -1,159 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Injectable } from '@angular/core';
|
|
6
|
-
import { Subject } from 'rxjs';
|
|
7
|
-
import { Keys, normalizeKeys } from '@progress/kendo-angular-common';
|
|
8
|
-
import { closestWithMatch, fitIntoRange, getListItemIndex, isListViewItem, isPresent, relatedTarget } from '../utils';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*
|
|
13
|
-
* Provided per ListView instance. Keeps the availability, active index and focused state of the current ListView.
|
|
14
|
-
* Emits `changes` when any of the aforementioned states changes.
|
|
15
|
-
*/
|
|
16
|
-
export class NavigationService {
|
|
17
|
-
/**
|
|
18
|
-
* Emits every time a change in active index/focus/blur/navigation availability occurs.
|
|
19
|
-
*/
|
|
20
|
-
changes = new Subject();
|
|
21
|
-
/**
|
|
22
|
-
* Sets or gets if the navigation is enabled.
|
|
23
|
-
* When no activeIndex is present, the navigation is inferred as disabled.
|
|
24
|
-
* Toggling the service availability clears the current active index or activates the first one.
|
|
25
|
-
*/
|
|
26
|
-
get isEnabled() {
|
|
27
|
-
return isPresent(this.activeIndex);
|
|
28
|
-
}
|
|
29
|
-
set isEnabled(enabled) {
|
|
30
|
-
if (enabled) {
|
|
31
|
-
this.activeIndex = 0;
|
|
32
|
-
}
|
|
33
|
-
else {
|
|
34
|
-
this.activeIndex = null;
|
|
35
|
-
}
|
|
36
|
-
this.changes.next(undefined);
|
|
37
|
-
}
|
|
38
|
-
/**
|
|
39
|
-
* Specifies if a ListView item currently holds focus.
|
|
40
|
-
*/
|
|
41
|
-
isFocused = false;
|
|
42
|
-
/**
|
|
43
|
-
* Keeps track of the index of the items that should be the current focus target (tabindex="0").
|
|
44
|
-
* When set to `null`/`undefined`, the navigation is disabled and the items should not render a tabindex.
|
|
45
|
-
*/
|
|
46
|
-
activeIndex = null;
|
|
47
|
-
/**
|
|
48
|
-
* Shows if the checked index should be the current available focus target (tabindex="0").
|
|
49
|
-
*/
|
|
50
|
-
isActive(index) {
|
|
51
|
-
return index === this.activeIndex;
|
|
52
|
-
}
|
|
53
|
-
handleKeyDown(event, totalItemsCount) {
|
|
54
|
-
// on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
|
|
55
|
-
const code = normalizeKeys(event);
|
|
56
|
-
switch (code) {
|
|
57
|
-
case Keys.ArrowLeft:
|
|
58
|
-
case Keys.ArrowUp:
|
|
59
|
-
this.navigateToPrevious();
|
|
60
|
-
break;
|
|
61
|
-
case Keys.ArrowRight:
|
|
62
|
-
case Keys.ArrowDown:
|
|
63
|
-
this.navigateToNext(totalItemsCount);
|
|
64
|
-
break;
|
|
65
|
-
case Keys.Home: {
|
|
66
|
-
const firstIndex = 0;
|
|
67
|
-
this.navigateTo(firstIndex);
|
|
68
|
-
break;
|
|
69
|
-
}
|
|
70
|
-
case Keys.End: {
|
|
71
|
-
const lastIndex = totalItemsCount - 1;
|
|
72
|
-
this.navigateTo(lastIndex);
|
|
73
|
-
break;
|
|
74
|
-
}
|
|
75
|
-
default: return;
|
|
76
|
-
}
|
|
77
|
-
// the following line is executed only if the pressed key matches one of the listview hotkeys -
|
|
78
|
-
// they `break`, while the `default` case `return`s
|
|
79
|
-
event.preventDefault();
|
|
80
|
-
}
|
|
81
|
-
handleFocusIn(event) {
|
|
82
|
-
const target = event.target;
|
|
83
|
-
if (!isListViewItem(target)) {
|
|
84
|
-
const listViewItemSelector = '.k-listview-item';
|
|
85
|
-
const closestListViewItem = closestWithMatch(target, listViewItemSelector);
|
|
86
|
-
const isListViewItemChild = isPresent(closestListViewItem);
|
|
87
|
-
if (isListViewItemChild) {
|
|
88
|
-
const itemIndex = getListItemIndex(closestListViewItem);
|
|
89
|
-
this.setActiveIndex(itemIndex);
|
|
90
|
-
}
|
|
91
|
-
return;
|
|
92
|
-
}
|
|
93
|
-
const targetIndex = getListItemIndex(target);
|
|
94
|
-
// don't emit if the no change in focused state has occurred and the targeted index is the same as the current activeIndex
|
|
95
|
-
if (this.isFocused && targetIndex === this.activeIndex) {
|
|
96
|
-
return;
|
|
97
|
-
}
|
|
98
|
-
this.activeIndex = targetIndex;
|
|
99
|
-
this.isFocused = true;
|
|
100
|
-
this.changes.next(undefined);
|
|
101
|
-
}
|
|
102
|
-
handleFocusOut(event) {
|
|
103
|
-
// don't emit if the blurred item is not a listview item or if the new focus target is another listview item
|
|
104
|
-
if (!isListViewItem(event.target) || isListViewItem(relatedTarget(event))) {
|
|
105
|
-
return;
|
|
106
|
-
}
|
|
107
|
-
this.isFocused = false;
|
|
108
|
-
this.changes.next(undefined);
|
|
109
|
-
}
|
|
110
|
-
/**
|
|
111
|
-
* Sets the `activeIndex` and triggers changes without focusing the corresponding ListView item.
|
|
112
|
-
*/
|
|
113
|
-
setActiveIndex(index) {
|
|
114
|
-
if (!this.isEnabled) {
|
|
115
|
-
return;
|
|
116
|
-
}
|
|
117
|
-
if (index === this.activeIndex) {
|
|
118
|
-
return;
|
|
119
|
-
}
|
|
120
|
-
this.activeIndex = index;
|
|
121
|
-
this.changes.next(undefined);
|
|
122
|
-
}
|
|
123
|
-
/**
|
|
124
|
-
* Focuses item at the targeted index. If no index is passed, the current `activeIndex` is used.
|
|
125
|
-
* The passed target index is normalized to fit the min/max available indices bounds.
|
|
126
|
-
*/
|
|
127
|
-
focusIndex(index, totalItemsCount) {
|
|
128
|
-
if (!this.isEnabled) {
|
|
129
|
-
return;
|
|
130
|
-
}
|
|
131
|
-
const parsed = parseInt(index, 10);
|
|
132
|
-
const firstIndex = 0;
|
|
133
|
-
const lastIndex = totalItemsCount - 1;
|
|
134
|
-
const targetIndex = isNaN(parsed) ? this.activeIndex : fitIntoRange(parsed, firstIndex, lastIndex);
|
|
135
|
-
this.navigateTo(targetIndex);
|
|
136
|
-
}
|
|
137
|
-
navigateTo(index) {
|
|
138
|
-
if (this.isFocused && this.activeIndex === index) {
|
|
139
|
-
return;
|
|
140
|
-
}
|
|
141
|
-
this.isFocused = true;
|
|
142
|
-
this.activeIndex = index;
|
|
143
|
-
this.changes.next(undefined);
|
|
144
|
-
}
|
|
145
|
-
navigateToPrevious() {
|
|
146
|
-
const previousIndex = Math.max(this.activeIndex - 1, 0);
|
|
147
|
-
this.navigateTo(previousIndex);
|
|
148
|
-
}
|
|
149
|
-
navigateToNext(totalItemsCount) {
|
|
150
|
-
const lastAvailableIndex = totalItemsCount - 1;
|
|
151
|
-
const nextIndex = Math.min(this.activeIndex + 1, lastAvailableIndex);
|
|
152
|
-
this.navigateTo(nextIndex);
|
|
153
|
-
}
|
|
154
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
155
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationService });
|
|
156
|
-
}
|
|
157
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NavigationService, decorators: [{
|
|
158
|
-
type: Injectable
|
|
159
|
-
}] });
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export const packageMetadata = {
|
|
9
|
-
name: '@progress/kendo-angular-listview',
|
|
10
|
-
productName: 'Kendo UI for Angular',
|
|
11
|
-
productCode: 'KENDOUIANGULAR',
|
|
12
|
-
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate: 1768393336,
|
|
14
|
-
version: '21.4.1',
|
|
15
|
-
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
16
|
-
};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* Generated bundle index. Do not edit.
|
|
7
|
-
*/
|
|
8
|
-
export * from './index';
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Directive, TemplateRef } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* Allows customizing the footer content of the ListView. To define a footer template, nest an `<ng-template>` tag
|
|
9
|
-
* with the `kendoListViewFooterTemplate` directive inside the `<kendo-listview>` tag
|
|
10
|
-
* ([see example]({% slug templates_listview %}#toc-footer-template)).
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```typescript
|
|
14
|
-
* @Component({
|
|
15
|
-
* template: `
|
|
16
|
-
* <kendo-listview [data]="items">
|
|
17
|
-
* <ng-template kendoListViewFooterTemplate>
|
|
18
|
-
* <div class="footer-content">
|
|
19
|
-
* <p>Total items: {{ items.length }}</p>
|
|
20
|
-
* </div>
|
|
21
|
-
* </ng-template>
|
|
22
|
-
* </kendo-listview>
|
|
23
|
-
* `
|
|
24
|
-
* })
|
|
25
|
-
* export class AppComponent { }
|
|
26
|
-
* ```
|
|
27
|
-
*/
|
|
28
|
-
export class FooterTemplateDirective {
|
|
29
|
-
templateRef;
|
|
30
|
-
constructor(templateRef) {
|
|
31
|
-
this.templateRef = templateRef;
|
|
32
|
-
}
|
|
33
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FooterTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
34
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: FooterTemplateDirective, isStandalone: true, selector: "[kendoListViewFooterTemplate]", ngImport: i0 });
|
|
35
|
-
}
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FooterTemplateDirective, decorators: [{
|
|
37
|
-
type: Directive,
|
|
38
|
-
args: [{
|
|
39
|
-
selector: '[kendoListViewFooterTemplate]',
|
|
40
|
-
standalone: true
|
|
41
|
-
}]
|
|
42
|
-
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Directive, TemplateRef } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* Allows customizing the header content of the ListView. To define a header template, nest an `<ng-template>` tag
|
|
9
|
-
* with the `kendoListViewHeaderTemplate` directive inside the `<kendo-listview>` tag
|
|
10
|
-
* ([see example]({% slug templates_listview %}#toc-header-template)).
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```typescript
|
|
14
|
-
* @Component({
|
|
15
|
-
* template: `
|
|
16
|
-
* <kendo-listview [data]="items">
|
|
17
|
-
* <ng-template kendoListViewHeaderTemplate>
|
|
18
|
-
* <div class="header-content">
|
|
19
|
-
* <h3>Product List</h3>
|
|
20
|
-
* <button kendoListViewAddCommand>Add New Item</button>
|
|
21
|
-
* </div>
|
|
22
|
-
* </ng-template>
|
|
23
|
-
* </kendo-listview>
|
|
24
|
-
* `
|
|
25
|
-
* })
|
|
26
|
-
* export class AppComponent { }
|
|
27
|
-
* ```
|
|
28
|
-
*/
|
|
29
|
-
export class HeaderTemplateDirective {
|
|
30
|
-
templateRef;
|
|
31
|
-
constructor(templateRef) {
|
|
32
|
-
this.templateRef = templateRef;
|
|
33
|
-
}
|
|
34
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HeaderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
35
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: HeaderTemplateDirective, isStandalone: true, selector: "[kendoListViewHeaderTemplate]", ngImport: i0 });
|
|
36
|
-
}
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HeaderTemplateDirective, decorators: [{
|
|
38
|
-
type: Directive,
|
|
39
|
-
args: [{
|
|
40
|
-
selector: '[kendoListViewHeaderTemplate]',
|
|
41
|
-
standalone: true
|
|
42
|
-
}]
|
|
43
|
-
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Directive, TemplateRef } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* Allows customizing the list item content. To define an item template, nest an `<ng-template>` tag
|
|
9
|
-
* with the `kendoListViewItemTemplate` directive inside the `<kendo-listview>` tag
|
|
10
|
-
* ([see example]({% slug templates_listview %}#toc-item-template)).
|
|
11
|
-
*
|
|
12
|
-
* The following values are available as context variables:
|
|
13
|
-
* - `let-dataItem="dataItem"` (`any`)&mdashThe current data item. Also available as implicit context variable.
|
|
14
|
-
* - `let-index="index"` (`number`)&mdashThe current item index.
|
|
15
|
-
* - `let-isFirst="isFirst"` (`boolean`)&mdashIndicates whether the current data item renders as the first item on the list.
|
|
16
|
-
* - `let-isLast="isLast"` (`boolean`)&mdashIndicates whether the current data item renders as the last item on the list.
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```typescript
|
|
20
|
-
* @Component({
|
|
21
|
-
* template: `
|
|
22
|
-
* <kendo-listview [data]="items">
|
|
23
|
-
* <ng-template kendoListViewItemTemplate let-dataItem let-index="index">
|
|
24
|
-
* <div class="item-wrapper">
|
|
25
|
-
* <h4>{{ dataItem.name }}</h4>
|
|
26
|
-
* <p>Item #{{ index + 1 }}: {{ dataItem.description }}</p>
|
|
27
|
-
* </div>
|
|
28
|
-
* </ng-template>
|
|
29
|
-
* </kendo-listview>
|
|
30
|
-
* `
|
|
31
|
-
* })
|
|
32
|
-
* export class AppComponent { }
|
|
33
|
-
* ```
|
|
34
|
-
*/
|
|
35
|
-
export class ItemTemplateDirective {
|
|
36
|
-
templateRef;
|
|
37
|
-
constructor(templateRef) {
|
|
38
|
-
this.templateRef = templateRef;
|
|
39
|
-
}
|
|
40
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
41
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ItemTemplateDirective, isStandalone: true, selector: "[kendoListViewItemTemplate]", ngImport: i0 });
|
|
42
|
-
}
|
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ItemTemplateDirective, decorators: [{
|
|
44
|
-
type: Directive,
|
|
45
|
-
args: [{
|
|
46
|
-
selector: '[kendoListViewItemTemplate]',
|
|
47
|
-
standalone: true
|
|
48
|
-
}]
|
|
49
|
-
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Directive, TemplateRef } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* Overrides the default loader content of the ListView. To define a loader template, nest an `<ng-template>` tag
|
|
9
|
-
* with the `kendoListViewLoaderTemplate` directive inside the `<kendo-listview>` tag
|
|
10
|
-
* ([see example]({% slug templates_listview %}#toc-loader-template)).
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```typescript
|
|
14
|
-
* @Component({
|
|
15
|
-
* template: `
|
|
16
|
-
* <kendo-listview [data]="items" [loading]="isLoading">
|
|
17
|
-
* <ng-template kendoListViewLoaderTemplate>
|
|
18
|
-
* <div class="custom-loader">
|
|
19
|
-
* <kendo-loader></kendo-loader>
|
|
20
|
-
* <p>Loading data, please wait...</p>
|
|
21
|
-
* </div>
|
|
22
|
-
* </ng-template>
|
|
23
|
-
* </kendo-listview>
|
|
24
|
-
* `
|
|
25
|
-
* })
|
|
26
|
-
* export class AppComponent { }
|
|
27
|
-
* ```
|
|
28
|
-
*/
|
|
29
|
-
export class LoaderTemplateDirective {
|
|
30
|
-
templateRef;
|
|
31
|
-
constructor(templateRef) {
|
|
32
|
-
this.templateRef = templateRef;
|
|
33
|
-
}
|
|
34
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LoaderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
35
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: LoaderTemplateDirective, isStandalone: true, selector: "[kendoListViewLoaderTemplate]", ngImport: i0 });
|
|
36
|
-
}
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LoaderTemplateDirective, decorators: [{
|
|
38
|
-
type: Directive,
|
|
39
|
-
args: [{
|
|
40
|
-
selector: '[kendoListViewLoaderTemplate]',
|
|
41
|
-
standalone: true
|
|
42
|
-
}]
|
|
43
|
-
}], ctorParameters: () => [{ type: i0.TemplateRef }] });
|