@progress/kendo-angular-grid 12.2.0-develop.7 → 13.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/column-menu/column-chooser.component.d.ts +4 -4
- package/column-menu/column-menu-autosize-all.component.d.ts +6 -7
- package/column-menu/column-menu-autosize.component.d.ts +1 -3
- package/column-menu/column-menu-chooser.component.d.ts +7 -6
- package/column-menu/column-menu-filter.component.d.ts +7 -6
- package/column-menu/column-menu-lock.component.d.ts +7 -6
- package/column-menu/column-menu-position.component.d.ts +7 -6
- package/column-menu/column-menu-settings.interface.d.ts +5 -0
- package/column-menu/column-menu-sort.component.d.ts +7 -6
- package/column-menu/column-menu-stick.component.d.ts +3 -3
- package/column-menu/column-menu.component.d.ts +39 -5
- package/column-menu/column-menu.module.d.ts +2 -1
- package/column-resizing/column-handle.directive.d.ts +3 -3
- package/common/provider.service.d.ts +3 -1
- package/common/single-popup.service.d.ts +3 -3
- package/editing/add-command.directive.d.ts +2 -2
- package/editing/cancel-command.directive.d.ts +2 -2
- package/editing/edit-command.directive.d.ts +2 -2
- package/editing/remove-command.directive.d.ts +2 -2
- package/editing/save-command.directive.d.ts +2 -2
- package/esm2020/column-menu/column-chooser.component.mjs +17 -17
- package/esm2020/column-menu/column-menu-autosize-all.component.mjs +19 -21
- package/esm2020/column-menu/column-menu-autosize.component.mjs +9 -12
- package/esm2020/column-menu/column-menu-chooser.component.mjs +16 -15
- package/esm2020/column-menu/column-menu-filter.component.mjs +12 -11
- package/esm2020/column-menu/column-menu-lock.component.mjs +11 -10
- package/esm2020/column-menu/column-menu-position.component.mjs +12 -11
- package/esm2020/column-menu/column-menu-sort.component.mjs +14 -13
- package/esm2020/column-menu/column-menu-stick.component.mjs +7 -7
- package/esm2020/column-menu/column-menu.component.mjs +257 -17
- package/esm2020/column-menu/column-menu.module.mjs +4 -3
- package/esm2020/column-resizing/column-handle.directive.mjs +7 -7
- package/esm2020/common/provider.service.mjs +6 -3
- package/esm2020/common/single-popup.service.mjs +8 -8
- package/esm2020/editing/add-command.directive.mjs +6 -6
- package/esm2020/editing/cancel-command.directive.mjs +6 -6
- package/esm2020/editing/edit-command.directive.mjs +6 -6
- package/esm2020/editing/remove-command.directive.mjs +6 -6
- package/esm2020/editing/save-command.directive.mjs +6 -6
- package/esm2020/excel/excel-command.directive.mjs +6 -6
- package/esm2020/excel/excel.component.mjs +7 -7
- package/esm2020/filtering/boolean-filter.component.mjs +13 -13
- package/esm2020/filtering/cell/autocomplete-filter-cell.component.mjs +7 -7
- package/esm2020/filtering/cell/boolean-filter-cell.component.mjs +7 -7
- package/esm2020/filtering/cell/date-filter-cell.component.mjs +9 -9
- package/esm2020/filtering/cell/filter-cell-operators.component.mjs +7 -7
- package/esm2020/filtering/cell/numeric-filter-cell.component.mjs +10 -10
- package/esm2020/filtering/cell/string-filter-cell.component.mjs +7 -7
- package/esm2020/filtering/date-filter.component.mjs +9 -9
- package/esm2020/filtering/filter-row.component.mjs +7 -7
- package/esm2020/filtering/menu/boolean-filter-menu.component.mjs +10 -8
- package/esm2020/filtering/menu/date-filter-menu-input.component.mjs +8 -8
- package/esm2020/filtering/menu/date-filter-menu.component.mjs +9 -9
- package/esm2020/filtering/menu/filter-menu-container.component.mjs +9 -9
- package/esm2020/filtering/menu/filter-menu-input-wrapper.component.mjs +10 -8
- package/esm2020/filtering/menu/filter-menu.component.mjs +7 -7
- package/esm2020/filtering/menu/menu-tabbing.service.mjs +1 -0
- package/esm2020/filtering/menu/numeric-filter-menu-input.component.mjs +8 -8
- package/esm2020/filtering/menu/numeric-filter-menu.component.mjs +9 -9
- package/esm2020/filtering/menu/string-filter-menu-input.component.mjs +7 -7
- package/esm2020/filtering/menu/string-filter-menu.component.mjs +9 -9
- package/esm2020/filtering/numeric-filter.component.mjs +9 -9
- package/esm2020/filtering/operators/after-eq-filter-operator.component.mjs +5 -5
- package/esm2020/filtering/operators/after-filter-operator.component.mjs +5 -5
- package/esm2020/filtering/operators/before-eq-filter-operator.component.mjs +5 -5
- package/esm2020/filtering/operators/before-filter-operator.component.mjs +5 -5
- package/esm2020/filtering/operators/contains-filter-operator.component.mjs +5 -5
- package/esm2020/filtering/operators/ends-with-filter-operator.component.mjs +5 -5
- package/esm2020/filtering/operators/eq-filter-operator.component.mjs +5 -5
- package/esm2020/filtering/operators/filter-operator.base.mjs +9 -9
- package/esm2020/filtering/operators/gt-filter-operator.component.mjs +5 -5
- package/esm2020/filtering/operators/gte-filter-operator.component.mjs +5 -5
- package/esm2020/filtering/operators/is-empty-filter-operator.component.mjs +5 -5
- package/esm2020/filtering/operators/is-not-empty-filter-operator.component.mjs +5 -5
- package/esm2020/filtering/operators/is-not-null-filter-operator.component.mjs +5 -5
- package/esm2020/filtering/operators/isnull-filter-operator.component.mjs +5 -5
- package/esm2020/filtering/operators/lt-filter-operator.component.mjs +5 -5
- package/esm2020/filtering/operators/lte-filter-operator.component.mjs +5 -5
- package/esm2020/filtering/operators/neq-filter-operator.component.mjs +5 -5
- package/esm2020/filtering/operators/not-contains-filter-operator.component.mjs +5 -5
- package/esm2020/filtering/operators/starts-with-filter-operator.component.mjs +5 -5
- package/esm2020/filtering/string-filter.component.mjs +8 -8
- package/esm2020/grid.component.mjs +18 -0
- package/esm2020/grouping/group-header.component.mjs +7 -7
- package/esm2020/grouping/group-panel.component.mjs +10 -10
- package/esm2020/localization/messages.mjs +7 -1
- package/esm2020/navigation/navigation.service.mjs +8 -8
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/pager/pager-element.component.mjs +8 -8
- package/esm2020/pager/pager-info.component.mjs +6 -6
- package/esm2020/pager/pager-input.component.mjs +6 -6
- package/esm2020/pager/pager-next-buttons.component.mjs +6 -6
- package/esm2020/pager/pager-numeric-buttons.component.mjs +6 -6
- package/esm2020/pager/pager-page-sizes.component.mjs +6 -6
- package/esm2020/pager/pager-prev-buttons.component.mjs +6 -6
- package/esm2020/pager/pager.component.mjs +7 -7
- package/esm2020/pdf/pdf-command.directive.mjs +6 -6
- package/esm2020/rendering/cell.component.mjs +8 -8
- package/esm2020/rendering/common/loading.component.mjs +7 -7
- package/esm2020/rendering/header/header.component.mjs +27 -30
- package/esm2020/rendering/list.component.mjs +7 -7
- package/esm2020/rendering/table-body.component.mjs +11 -11
- package/excel/excel-command.directive.d.ts +2 -2
- package/excel/excel.component.d.ts +3 -3
- package/fesm2015/progress-kendo-angular-grid.mjs +778 -504
- package/fesm2020/progress-kendo-angular-grid.mjs +775 -504
- package/filtering/base-filter-cell.component.d.ts +1 -1
- package/filtering/boolean-filter.component.d.ts +3 -3
- package/filtering/cell/autocomplete-filter-cell.component.d.ts +3 -3
- package/filtering/cell/boolean-filter-cell.component.d.ts +2 -2
- package/filtering/cell/date-filter-cell.component.d.ts +3 -3
- package/filtering/cell/filter-cell-operators.component.d.ts +3 -3
- package/filtering/cell/numeric-filter-cell.component.d.ts +4 -4
- package/filtering/cell/string-filter-cell.component.d.ts +2 -2
- package/filtering/date-filter.component.d.ts +3 -3
- package/filtering/filter-row.component.d.ts +3 -3
- package/filtering/menu/boolean-filter-menu.component.d.ts +2 -2
- package/filtering/menu/date-filter-menu-input.component.d.ts +3 -3
- package/filtering/menu/date-filter-menu.component.d.ts +2 -2
- package/filtering/menu/filter-menu-container.component.d.ts +3 -3
- package/filtering/menu/filter-menu-input-wrapper.component.d.ts +3 -3
- package/filtering/menu/filter-menu.component.d.ts +3 -3
- package/filtering/menu/menu-tabbing.service.d.ts +1 -0
- package/filtering/menu/numeric-filter-menu-input.component.d.ts +3 -3
- package/filtering/menu/numeric-filter-menu.component.d.ts +2 -2
- package/filtering/menu/string-filter-menu-input.component.d.ts +3 -3
- package/filtering/menu/string-filter-menu.component.d.ts +2 -2
- package/filtering/numeric-filter.component.d.ts +3 -3
- package/filtering/operators/after-eq-filter-operator.component.d.ts +2 -2
- package/filtering/operators/after-filter-operator.component.d.ts +2 -2
- package/filtering/operators/before-eq-filter-operator.component.d.ts +2 -2
- package/filtering/operators/before-filter-operator.component.d.ts +2 -2
- package/filtering/operators/contains-filter-operator.component.d.ts +2 -2
- package/filtering/operators/ends-with-filter-operator.component.d.ts +2 -2
- package/filtering/operators/eq-filter-operator.component.d.ts +2 -2
- package/filtering/operators/filter-operator.base.d.ts +3 -3
- package/filtering/operators/gt-filter-operator.component.d.ts +2 -2
- package/filtering/operators/gte-filter-operator.component.d.ts +2 -2
- package/filtering/operators/is-empty-filter-operator.component.d.ts +2 -2
- package/filtering/operators/is-not-empty-filter-operator.component.d.ts +2 -2
- package/filtering/operators/is-not-null-filter-operator.component.d.ts +2 -2
- package/filtering/operators/isnull-filter-operator.component.d.ts +2 -2
- package/filtering/operators/lt-filter-operator.component.d.ts +2 -2
- package/filtering/operators/lte-filter-operator.component.d.ts +2 -2
- package/filtering/operators/neq-filter-operator.component.d.ts +2 -2
- package/filtering/operators/not-contains-filter-operator.component.d.ts +2 -2
- package/filtering/operators/starts-with-filter-operator.component.d.ts +2 -2
- package/filtering/string-filter.component.d.ts +3 -3
- package/grouping/group-header.component.d.ts +3 -3
- package/grouping/group-panel.component.d.ts +3 -3
- package/localization/messages.d.ts +13 -1
- package/navigation/navigation.service.d.ts +3 -3
- package/package.json +16 -15
- package/pager/pager-element.component.d.ts +3 -3
- package/pager/pager-info.component.d.ts +2 -2
- package/pager/pager-input.component.d.ts +2 -2
- package/pager/pager-next-buttons.component.d.ts +2 -2
- package/pager/pager-numeric-buttons.component.d.ts +2 -2
- package/pager/pager-page-sizes.component.d.ts +2 -2
- package/pager/pager-prev-buttons.component.d.ts +2 -2
- package/pager/pager.component.d.ts +3 -3
- package/pdf/pdf-command.directive.d.ts +2 -2
- package/rendering/cell.component.d.ts +3 -3
- package/rendering/common/loading.component.d.ts +3 -3
- package/rendering/header/header.component.d.ts +1 -3
- package/rendering/list.component.d.ts +3 -3
- package/rendering/table-body.component.d.ts +3 -3
- package/schematics/ngAdd/index.js +5 -3
|
@@ -4,7 +4,6 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output, QueryList, ViewChildren, ChangeDetectorRef } from '@angular/core';
|
|
6
6
|
import { Subscription, from, merge } from "rxjs";
|
|
7
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
8
7
|
import { and, isNullOrEmptyString, observe, or } from '../utils';
|
|
9
8
|
import { GroupInfoService } from './group-info.service';
|
|
10
9
|
import { DropTargetDirective } from '../dragdrop/drop-target.directive';
|
|
@@ -13,11 +12,12 @@ import { DropCueService } from '../dragdrop/drop-cue.service';
|
|
|
13
12
|
import { position, isTargetBefore } from '../dragdrop/common';
|
|
14
13
|
import { tap, filter, switchMapTo, takeUntil } from 'rxjs/operators';
|
|
15
14
|
import { sortAscSmallIcon, sortDescSmallIcon } from '@progress/kendo-svg-icons';
|
|
15
|
+
import { ContextService } from '../common/provider.service';
|
|
16
16
|
import * as i0 from "@angular/core";
|
|
17
17
|
import * as i1 from "../dragdrop/drag-hint.service";
|
|
18
18
|
import * as i2 from "../dragdrop/drop-cue.service";
|
|
19
19
|
import * as i3 from "./group-info.service";
|
|
20
|
-
import * as i4 from "
|
|
20
|
+
import * as i4 from "../common/provider.service";
|
|
21
21
|
import * as i5 from "@progress/kendo-angular-buttons";
|
|
22
22
|
import * as i6 from "@angular/common";
|
|
23
23
|
import * as i7 from "../dragdrop/drop-target.directive";
|
|
@@ -35,11 +35,11 @@ const indicatorRules = or(overSameTarget, and(overLastTarget, isLastGroup));
|
|
|
35
35
|
* @hidden
|
|
36
36
|
*/
|
|
37
37
|
export class GroupPanelComponent {
|
|
38
|
-
constructor(hint, cue, groupInfoService,
|
|
38
|
+
constructor(hint, cue, groupInfoService, ctx, cd) {
|
|
39
39
|
this.hint = hint;
|
|
40
40
|
this.cue = cue;
|
|
41
41
|
this.groupInfoService = groupInfoService;
|
|
42
|
-
this.
|
|
42
|
+
this.ctx = ctx;
|
|
43
43
|
this.cd = cd;
|
|
44
44
|
this.change = new EventEmitter();
|
|
45
45
|
this.groups = [];
|
|
@@ -54,14 +54,14 @@ export class GroupPanelComponent {
|
|
|
54
54
|
this.emptyText = value;
|
|
55
55
|
}
|
|
56
56
|
get text() {
|
|
57
|
-
return this.emptyText ? this.emptyText : this.localization.get('groupPanelEmpty');
|
|
57
|
+
return this.emptyText ? this.emptyText : this.ctx.localization.get('groupPanelEmpty');
|
|
58
58
|
}
|
|
59
59
|
ngAfterViewInit() {
|
|
60
60
|
this.subscription.add(observe(this.dropTargets)
|
|
61
61
|
.subscribe(this.attachTargets.bind(this)));
|
|
62
62
|
}
|
|
63
63
|
ngOnInit() {
|
|
64
|
-
this.subscription.add(this.localization.changes.subscribe(() => this.cd.markForCheck()));
|
|
64
|
+
this.subscription.add(this.ctx.localization.changes.subscribe(() => this.cd.markForCheck()));
|
|
65
65
|
}
|
|
66
66
|
ngDoCheck() {
|
|
67
67
|
const currentTitles = this.groups.map(group => this.groupInfoService.groupTitle(group));
|
|
@@ -79,7 +79,7 @@ export class GroupPanelComponent {
|
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
81
|
messageFor(token) {
|
|
82
|
-
return this.localization.get(token);
|
|
82
|
+
return this.ctx.localization.get(token);
|
|
83
83
|
}
|
|
84
84
|
getTitle(group) {
|
|
85
85
|
return this.messageFor(group.dir === 'desc' ? 'sortedDescending' : 'sortedAscending');
|
|
@@ -133,7 +133,7 @@ export class GroupPanelComponent {
|
|
|
133
133
|
enter({ draggable, target }) {
|
|
134
134
|
this.hint.enable();
|
|
135
135
|
let before = target.context.lastTarget || isTargetBefore(draggable.element.nativeElement, target.element.nativeElement);
|
|
136
|
-
if (this.localization.rtl) {
|
|
136
|
+
if (this.ctx.localization.rtl) {
|
|
137
137
|
before = !before;
|
|
138
138
|
}
|
|
139
139
|
this.cue.position(position(target.element.nativeElement, before));
|
|
@@ -148,7 +148,7 @@ export class GroupPanelComponent {
|
|
|
148
148
|
this.insert(field, index);
|
|
149
149
|
}
|
|
150
150
|
}
|
|
151
|
-
GroupPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GroupPanelComponent, deps: [{ token: i1.DragHintService }, { token: i2.DropCueService }, { token: i3.GroupInfoService }, { token: i4.
|
|
151
|
+
GroupPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GroupPanelComponent, deps: [{ token: i1.DragHintService }, { token: i2.DropCueService }, { token: i3.GroupInfoService }, { token: i4.ContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
152
152
|
GroupPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: GroupPanelComponent, selector: "kendo-grid-group-panel", inputs: { text: "text", navigable: "navigable", groups: "groups" }, outputs: { change: "change" }, host: { properties: { "class.k-grouping-header": "this.groupHeaderClass" } }, viewQueries: [{ propertyName: "dropTargets", predicate: DropTargetDirective, descendants: true }], ngImport: i0, template: `
|
|
153
153
|
<div
|
|
154
154
|
*ngIf="groups.length === 0"
|
|
@@ -249,7 +249,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
249
249
|
> </div>
|
|
250
250
|
`
|
|
251
251
|
}]
|
|
252
|
-
}], ctorParameters: function () { return [{ type: i1.DragHintService }, { type: i2.DropCueService }, { type: i3.GroupInfoService }, { type: i4.
|
|
252
|
+
}], ctorParameters: function () { return [{ type: i1.DragHintService }, { type: i2.DropCueService }, { type: i3.GroupInfoService }, { type: i4.ContextService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { change: [{
|
|
253
253
|
type: Output
|
|
254
254
|
}], groupHeaderClass: [{
|
|
255
255
|
type: HostBinding,
|
|
@@ -11,7 +11,7 @@ import * as i0 from "@angular/core";
|
|
|
11
11
|
export class GridMessages extends ComponentMessages {
|
|
12
12
|
}
|
|
13
13
|
GridMessages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GridMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
14
|
-
GridMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: GridMessages, selector: "kendo-grid-messages-base", inputs: { groupPanelEmpty: "groupPanelEmpty", noRecords: "noRecords", pagerLabel: "pagerLabel", pagerFirstPage: "pagerFirstPage", pagerLastPage: "pagerLastPage", pagerPreviousPage: "pagerPreviousPage", pagerNextPage: "pagerNextPage", pagerPage: "pagerPage", pagerItemsPerPage: "pagerItemsPerPage", pagerOf: "pagerOf", pagerItems: "pagerItems", pagerPageNumberInputTitle: "pagerPageNumberInputTitle", selectPage: "selectPage", filter: "filter", filterInputLabel: "filterInputLabel", filterMenuTitle: "filterMenuTitle", filterMenuOperatorsDropDownLabel: "filterMenuOperatorsDropDownLabel", filterMenuLogicDropDownLabel: "filterMenuLogicDropDownLabel", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterGteOperator: "filterGteOperator", filterGtOperator: "filterGtOperator", filterLteOperator: "filterLteOperator", filterLtOperator: "filterLtOperator", filterIsTrue: "filterIsTrue", filterIsFalse: "filterIsFalse", filterBooleanAll: "filterBooleanAll", filterAfterOrEqualOperator: "filterAfterOrEqualOperator", filterAfterOperator: "filterAfterOperator", filterBeforeOperator: "filterBeforeOperator", filterBeforeOrEqualOperator: "filterBeforeOrEqualOperator", filterFilterButton: "filterFilterButton", filterClearButton: "filterClearButton", filterAndLogic: "filterAndLogic", filterOrLogic: "filterOrLogic", loading: "loading", gridLabel: "gridLabel", columnMenu: "columnMenu", setColumnPosition: "setColumnPosition", columns: "columns", lock: "lock", unlock: "unlock", stick: "stick", unstick: "unstick", sortable: "sortable", sortAscending: "sortAscending", sortDescending: "sortDescending", autosizeThisColumn: "autosizeThisColumn", autosizeAllColumns: "autosizeAllColumns", sortedAscending: "sortedAscending", sortedDescending: "sortedDescending", sortedDefault: "sortedDefault", columnsApply: "columnsApply", columnsReset: "columnsReset", detailExpand: "detailExpand", detailCollapse: "detailCollapse", filterDateToday: "filterDateToday", filterDateToggle: "filterDateToggle", filterNumericDecrement: "filterNumericDecrement", filterNumericIncrement: "filterNumericIncrement", selectionCheckboxLabel: "selectionCheckboxLabel", selectAllCheckboxLabel: "selectAllCheckboxLabel", groupCollapse: "groupCollapse", groupExpand: "groupExpand", topToolbarLabel: "topToolbarLabel", bottomToolbarLabel: "bottomToolbarLabel", groupPanelLabel: "groupPanelLabel", dragRowHandleLabel: "dragRowHandleLabel" }, usesInheritance: true, ngImport: i0 });
|
|
14
|
+
GridMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: GridMessages, selector: "kendo-grid-messages-base", inputs: { groupPanelEmpty: "groupPanelEmpty", noRecords: "noRecords", pagerLabel: "pagerLabel", pagerFirstPage: "pagerFirstPage", pagerLastPage: "pagerLastPage", pagerPreviousPage: "pagerPreviousPage", pagerNextPage: "pagerNextPage", pagerPage: "pagerPage", pagerItemsPerPage: "pagerItemsPerPage", pagerOf: "pagerOf", pagerItems: "pagerItems", pagerPageNumberInputTitle: "pagerPageNumberInputTitle", selectPage: "selectPage", filter: "filter", filterInputLabel: "filterInputLabel", filterMenuTitle: "filterMenuTitle", filterMenuOperatorsDropDownLabel: "filterMenuOperatorsDropDownLabel", filterMenuLogicDropDownLabel: "filterMenuLogicDropDownLabel", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterGteOperator: "filterGteOperator", filterGtOperator: "filterGtOperator", filterLteOperator: "filterLteOperator", filterLtOperator: "filterLtOperator", filterIsTrue: "filterIsTrue", filterIsFalse: "filterIsFalse", filterBooleanAll: "filterBooleanAll", filterAfterOrEqualOperator: "filterAfterOrEqualOperator", filterAfterOperator: "filterAfterOperator", filterBeforeOperator: "filterBeforeOperator", filterBeforeOrEqualOperator: "filterBeforeOrEqualOperator", filterFilterButton: "filterFilterButton", filterClearButton: "filterClearButton", filterAndLogic: "filterAndLogic", filterOrLogic: "filterOrLogic", loading: "loading", gridLabel: "gridLabel", columnMenu: "columnMenu", setColumnPosition: "setColumnPosition", columns: "columns", lock: "lock", unlock: "unlock", stick: "stick", unstick: "unstick", sortable: "sortable", sortAscending: "sortAscending", sortDescending: "sortDescending", autosizeThisColumn: "autosizeThisColumn", autosizeAllColumns: "autosizeAllColumns", sortedAscending: "sortedAscending", sortedDescending: "sortedDescending", sortedDefault: "sortedDefault", columnsApply: "columnsApply", columnsReset: "columnsReset", detailExpand: "detailExpand", detailCollapse: "detailCollapse", filterDateToday: "filterDateToday", filterDateToggle: "filterDateToggle", filterNumericDecrement: "filterNumericDecrement", filterNumericIncrement: "filterNumericIncrement", selectionCheckboxLabel: "selectionCheckboxLabel", selectAllCheckboxLabel: "selectAllCheckboxLabel", groupCollapse: "groupCollapse", groupExpand: "groupExpand", topToolbarLabel: "topToolbarLabel", bottomToolbarLabel: "bottomToolbarLabel", groupPanelLabel: "groupPanelLabel", dragRowHandleLabel: "dragRowHandleLabel", columnMenuFilterTabTitle: "columnMenuFilterTabTitle", columnMenuGeneralTabTitle: "columnMenuGeneralTabTitle", columnMenuColumnsTabTitle: "columnMenuColumnsTabTitle" }, usesInheritance: true, ngImport: i0 });
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GridMessages, decorators: [{
|
|
16
16
|
type: Directive,
|
|
17
17
|
args: [{
|
|
@@ -170,4 +170,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
170
170
|
type: Input
|
|
171
171
|
}], dragRowHandleLabel: [{
|
|
172
172
|
type: Input
|
|
173
|
+
}], columnMenuFilterTabTitle: [{
|
|
174
|
+
type: Input
|
|
175
|
+
}], columnMenuGeneralTabTitle: [{
|
|
176
|
+
type: Input
|
|
177
|
+
}], columnMenuColumnsTabTitle: [{
|
|
178
|
+
type: Input
|
|
173
179
|
}] } });
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { ChangeDetectorRef, EventEmitter, Injectable, NgZone, Optional } from '@angular/core';
|
|
6
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
7
6
|
import { from, interval, Subscription } from 'rxjs';
|
|
8
7
|
import { filter, switchMap, switchMapTo, take, takeUntil, map } from 'rxjs/operators';
|
|
9
8
|
import { FocusRoot } from './focus-root';
|
|
@@ -19,6 +18,7 @@ import { PagerContextService } from '../pager/pager-context.service';
|
|
|
19
18
|
import { closest, contains, findFocusableChild, isVisible, matchesNodeName } from '../rendering/common/dom-queries';
|
|
20
19
|
import { DetailsService } from '../rendering/details/details.service';
|
|
21
20
|
import { ScrollRequestService } from '../scrolling/scroll-request.service';
|
|
21
|
+
import { ContextService } from '../common/provider.service';
|
|
22
22
|
import * as i0 from "@angular/core";
|
|
23
23
|
import * as i1 from "../common/dom-events.service";
|
|
24
24
|
import * as i2 from "../pager/pager-context.service";
|
|
@@ -27,7 +27,7 @@ import * as i4 from "../grouping/groups.service";
|
|
|
27
27
|
import * as i5 from "../rendering/details/details.service";
|
|
28
28
|
import * as i6 from "./focus-root";
|
|
29
29
|
import * as i7 from "../editing/edit.service";
|
|
30
|
-
import * as i8 from "
|
|
30
|
+
import * as i8 from "../common/provider.service";
|
|
31
31
|
import * as i9 from "./focusable.directive";
|
|
32
32
|
const isInSameGrid = (element, gridElement) => closest(element, matchesNodeName('kendo-grid')) === gridElement;
|
|
33
33
|
const matchHeaderCell = matchesNodeName('th');
|
|
@@ -84,7 +84,7 @@ export class NavigationViewport {
|
|
|
84
84
|
* @hidden
|
|
85
85
|
*/
|
|
86
86
|
export class NavigationService {
|
|
87
|
-
constructor(zone, domEvents, pagerContextService, scrollRequestService, groupsService, detailsService, focusRoot, editService, cd,
|
|
87
|
+
constructor(zone, domEvents, pagerContextService, scrollRequestService, groupsService, detailsService, focusRoot, editService, cd, ctx, focusableParent) {
|
|
88
88
|
this.zone = zone;
|
|
89
89
|
this.domEvents = domEvents;
|
|
90
90
|
this.pagerContextService = pagerContextService;
|
|
@@ -94,7 +94,7 @@ export class NavigationService {
|
|
|
94
94
|
this.focusRoot = focusRoot;
|
|
95
95
|
this.editService = editService;
|
|
96
96
|
this.cd = cd;
|
|
97
|
-
this.
|
|
97
|
+
this.ctx = ctx;
|
|
98
98
|
this.focusableParent = focusableParent;
|
|
99
99
|
this.cellKeydown = new EventEmitter();
|
|
100
100
|
this.activeRowIndex = 0;
|
|
@@ -382,10 +382,10 @@ export class NavigationService {
|
|
|
382
382
|
.forEach(cell => cell.focusGroup && cell.focusGroup.activate());
|
|
383
383
|
}
|
|
384
384
|
moveCursorFwd() {
|
|
385
|
-
return this.localization.rtl ? this.cursor.moveLeft() : this.cursor.moveRight();
|
|
385
|
+
return this.ctx.localization.rtl ? this.cursor.moveLeft() : this.cursor.moveRight();
|
|
386
386
|
}
|
|
387
387
|
moveCursorBwd() {
|
|
388
|
-
return this.localization.rtl ? this.cursor.moveRight() : this.cursor.moveLeft();
|
|
388
|
+
return this.ctx.localization.rtl ? this.cursor.moveRight() : this.cursor.moveLeft();
|
|
389
389
|
}
|
|
390
390
|
onCursorKeydown(args) {
|
|
391
391
|
let preventDefault = false;
|
|
@@ -594,10 +594,10 @@ export class NavigationService {
|
|
|
594
594
|
this.cursor.reset();
|
|
595
595
|
}
|
|
596
596
|
}
|
|
597
|
-
NavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NavigationService, deps: [{ token: i0.NgZone }, { token: i1.DomEventsService }, { token: i2.PagerContextService }, { token: i3.ScrollRequestService }, { token: i4.GroupsService }, { token: i5.DetailsService }, { token: i6.FocusRoot }, { token: i7.EditService }, { token: i0.ChangeDetectorRef }, { token: i8.
|
|
597
|
+
NavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NavigationService, deps: [{ token: i0.NgZone }, { token: i1.DomEventsService }, { token: i2.PagerContextService }, { token: i3.ScrollRequestService }, { token: i4.GroupsService }, { token: i5.DetailsService }, { token: i6.FocusRoot }, { token: i7.EditService }, { token: i0.ChangeDetectorRef }, { token: i8.ContextService }, { token: i9.FocusableDirective, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
598
598
|
NavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NavigationService });
|
|
599
599
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: NavigationService, decorators: [{
|
|
600
600
|
type: Injectable
|
|
601
|
-
}], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1.DomEventsService }, { type: i2.PagerContextService }, { type: i3.ScrollRequestService }, { type: i4.GroupsService }, { type: i5.DetailsService }, { type: i6.FocusRoot }, { type: i7.EditService }, { type: i0.ChangeDetectorRef }, { type: i8.
|
|
601
|
+
}], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1.DomEventsService }, { type: i2.PagerContextService }, { type: i3.ScrollRequestService }, { type: i4.GroupsService }, { type: i5.DetailsService }, { type: i6.FocusRoot }, { type: i7.EditService }, { type: i0.ChangeDetectorRef }, { type: i8.ContextService }, { type: i9.FocusableDirective, decorators: [{
|
|
602
602
|
type: Optional
|
|
603
603
|
}] }]; } });
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-grid',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '
|
|
12
|
+
publishDate: 1684845506,
|
|
13
|
+
version: '13.0.0-develop.1',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -4,16 +4,16 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { ChangeDetectorRef, Directive, Input } from '@angular/core';
|
|
6
6
|
import { PagerContextService } from "./pager-context.service";
|
|
7
|
-
import {
|
|
7
|
+
import { ContextService } from '../common/provider.service';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "
|
|
9
|
+
import * as i1 from "../common/provider.service";
|
|
10
10
|
import * as i2 from "./pager-context.service";
|
|
11
11
|
/**
|
|
12
12
|
* @hidden
|
|
13
13
|
*/
|
|
14
14
|
export class PagerElementComponent {
|
|
15
|
-
constructor(
|
|
16
|
-
this.
|
|
15
|
+
constructor(ctx, pagerContext, cd) {
|
|
16
|
+
this.ctx = ctx;
|
|
17
17
|
this.pagerContext = pagerContext;
|
|
18
18
|
this.cd = cd;
|
|
19
19
|
this.total = this.pagerContext.total;
|
|
@@ -54,7 +54,7 @@ export class PagerElementComponent {
|
|
|
54
54
|
* @memberOf PagerElementComponent
|
|
55
55
|
*/
|
|
56
56
|
textFor(key) {
|
|
57
|
-
return this.localization.get(key);
|
|
57
|
+
return this.ctx.localization.get(key);
|
|
58
58
|
}
|
|
59
59
|
/**
|
|
60
60
|
* @hidden
|
|
@@ -74,7 +74,7 @@ export class PagerElementComponent {
|
|
|
74
74
|
*/
|
|
75
75
|
ngOnInit() {
|
|
76
76
|
this.subscriptions = this.pagerContext.changes.subscribe(this.onChanges.bind(this));
|
|
77
|
-
this.subscriptions.add(this.localization.changes.subscribe(() => this.cd.markForCheck()));
|
|
77
|
+
this.subscriptions.add(this.ctx.localization.changes.subscribe(() => this.cd.markForCheck()));
|
|
78
78
|
}
|
|
79
79
|
ngOnDestroy() {
|
|
80
80
|
if (this.subscriptions) {
|
|
@@ -82,11 +82,11 @@ export class PagerElementComponent {
|
|
|
82
82
|
}
|
|
83
83
|
}
|
|
84
84
|
}
|
|
85
|
-
PagerElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PagerElementComponent, deps: [{ token: i1.
|
|
85
|
+
PagerElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PagerElementComponent, deps: [{ token: i1.ContextService }, { token: i2.PagerContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
86
86
|
PagerElementComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: PagerElementComponent, inputs: { size: "size" }, ngImport: i0 });
|
|
87
87
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PagerElementComponent, decorators: [{
|
|
88
88
|
type: Directive,
|
|
89
89
|
args: [{}]
|
|
90
|
-
}], ctorParameters: function () { return [{ type: i1.
|
|
90
|
+
}], ctorParameters: function () { return [{ type: i1.ContextService }, { type: i2.PagerContextService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { size: [{
|
|
91
91
|
type: Input
|
|
92
92
|
}] } });
|
|
@@ -5,17 +5,17 @@
|
|
|
5
5
|
// eslint-disable no-access-missing-member
|
|
6
6
|
import { Component, ChangeDetectorRef, ChangeDetectionStrategy, HostBinding } from '@angular/core';
|
|
7
7
|
import { PagerElementComponent } from './pager-element.component';
|
|
8
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
9
8
|
import { PagerContextService } from "./pager-context.service";
|
|
9
|
+
import { ContextService } from '../common/provider.service';
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
|
-
import * as i1 from "
|
|
11
|
+
import * as i1 from "../common/provider.service";
|
|
12
12
|
import * as i2 from "./pager-context.service";
|
|
13
13
|
/**
|
|
14
14
|
* Displays information about the current page and the total number of records ([see example](slug:pager_template_grid#toc-using-built-in-pager-components)).
|
|
15
15
|
*/
|
|
16
16
|
export class PagerInfoComponent extends PagerElementComponent {
|
|
17
|
-
constructor(
|
|
18
|
-
super(
|
|
17
|
+
constructor(ctx, cd, pagerContext) {
|
|
18
|
+
super(ctx, pagerContext, cd);
|
|
19
19
|
this.pagerContext = pagerContext;
|
|
20
20
|
}
|
|
21
21
|
/**
|
|
@@ -57,7 +57,7 @@ export class PagerInfoComponent extends PagerElementComponent {
|
|
|
57
57
|
this.cd.markForCheck();
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
|
-
PagerInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PagerInfoComponent, deps: [{ token: i1.
|
|
60
|
+
PagerInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PagerInfoComponent, deps: [{ token: i1.ContextService }, { token: i0.ChangeDetectorRef }, { token: i2.PagerContextService }], target: i0.ɵɵFactoryTarget.Component });
|
|
61
61
|
PagerInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PagerInfoComponent, selector: "kendo-pager-info", host: { properties: { "class.k-pager-info": "this.classes", "class.k-label": "this.classes" } }, usesInheritance: true, ngImport: i0, template: `{{currentPageText}} - {{maxItems}} {{textFor('pagerOf')}} {{total}} {{textFor('pagerItems')}}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
62
62
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PagerInfoComponent, decorators: [{
|
|
63
63
|
type: Component,
|
|
@@ -66,7 +66,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
66
66
|
selector: 'kendo-pager-info',
|
|
67
67
|
template: `{{currentPageText}} - {{maxItems}} {{textFor('pagerOf')}} {{total}} {{textFor('pagerItems')}}`
|
|
68
68
|
}]
|
|
69
|
-
}], ctorParameters: function () { return [{ type: i1.
|
|
69
|
+
}], ctorParameters: function () { return [{ type: i1.ContextService }, { type: i0.ChangeDetectorRef }, { type: i2.PagerContextService }]; }, propDecorators: { classes: [{
|
|
70
70
|
type: HostBinding,
|
|
71
71
|
args: ["class.k-pager-info"]
|
|
72
72
|
}, {
|
|
@@ -6,11 +6,11 @@ import { NavigationService } from './../navigation/navigation.service';
|
|
|
6
6
|
import { NumericTextBoxComponent } from '@progress/kendo-angular-inputs';
|
|
7
7
|
import { Component, ChangeDetectorRef, ViewChild, NgZone } from '@angular/core';
|
|
8
8
|
import { PagerElementComponent } from './pager-element.component';
|
|
9
|
-
import { LocalizationService } from "@progress/kendo-angular-l10n";
|
|
10
9
|
import { PagerContextService } from "./pager-context.service";
|
|
11
10
|
import { Keys } from '@progress/kendo-angular-common';
|
|
11
|
+
import { ContextService } from '../common/provider.service';
|
|
12
12
|
import * as i0 from "@angular/core";
|
|
13
|
-
import * as i1 from "
|
|
13
|
+
import * as i1 from "../common/provider.service";
|
|
14
14
|
import * as i2 from "./pager-context.service";
|
|
15
15
|
import * as i3 from "./../navigation/navigation.service";
|
|
16
16
|
import * as i4 from "@progress/kendo-angular-inputs";
|
|
@@ -21,8 +21,8 @@ import * as i7 from "@progress/kendo-angular-common";
|
|
|
21
21
|
* Displays an input element which allows the typing and rendering of page numbers ([see example](slug:pager_template_grid#toc-using-built-in-pager-components)).
|
|
22
22
|
*/
|
|
23
23
|
export class PagerInputComponent extends PagerElementComponent {
|
|
24
|
-
constructor(
|
|
25
|
-
super(
|
|
24
|
+
constructor(ctx, pagerContext, zone, navigationService, cd) {
|
|
25
|
+
super(ctx, pagerContext, cd);
|
|
26
26
|
this.pagerContext = pagerContext;
|
|
27
27
|
this.zone = zone;
|
|
28
28
|
this.navigationService = navigationService;
|
|
@@ -80,7 +80,7 @@ export class PagerInputComponent extends PagerElementComponent {
|
|
|
80
80
|
this.cd.markForCheck();
|
|
81
81
|
}
|
|
82
82
|
}
|
|
83
|
-
PagerInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PagerInputComponent, deps: [{ token: i1.
|
|
83
|
+
PagerInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PagerInputComponent, deps: [{ token: i1.ContextService }, { token: i2.PagerContextService }, { token: i0.NgZone }, { token: i3.NavigationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
84
84
|
PagerInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PagerInputComponent, selector: "kendo-pager-input", viewQueries: [{ propertyName: "numericInput", first: true, predicate: NumericTextBoxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
|
85
85
|
<span class="k-pager-input k-label">
|
|
86
86
|
{{textFor('pagerPage')}}
|
|
@@ -136,7 +136,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
136
136
|
</span>
|
|
137
137
|
`
|
|
138
138
|
}]
|
|
139
|
-
}], ctorParameters: function () { return [{ type: i1.
|
|
139
|
+
}], ctorParameters: function () { return [{ type: i1.ContextService }, { type: i2.PagerContextService }, { type: i0.NgZone }, { type: i3.NavigationService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { numericInput: [{
|
|
140
140
|
type: ViewChild,
|
|
141
141
|
args: [NumericTextBoxComponent, { static: false }]
|
|
142
142
|
}] } });
|
|
@@ -6,10 +6,10 @@ import { NavigationService } from './../navigation/navigation.service';
|
|
|
6
6
|
import { Component, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
|
|
7
7
|
import { PagerContextService } from "./pager-context.service";
|
|
8
8
|
import { PagerElementComponent } from './pager-element.component';
|
|
9
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
10
9
|
import { caretAltRightIcon, caretAltToRightIcon } from '@progress/kendo-svg-icons';
|
|
10
|
+
import { ContextService } from '../common/provider.service';
|
|
11
11
|
import * as i0 from "@angular/core";
|
|
12
|
-
import * as i1 from "
|
|
12
|
+
import * as i1 from "../common/provider.service";
|
|
13
13
|
import * as i2 from "./pager-context.service";
|
|
14
14
|
import * as i3 from "./../navigation/navigation.service";
|
|
15
15
|
import * as i4 from "@progress/kendo-angular-buttons";
|
|
@@ -18,8 +18,8 @@ import * as i5 from "../navigation/focusable.directive";
|
|
|
18
18
|
* Displays buttons for navigating to the next and to the last page ([see example](slug:pager_template_grid#toc-using-built-in-pager-components)).
|
|
19
19
|
*/
|
|
20
20
|
export class PagerNextButtonsComponent extends PagerElementComponent {
|
|
21
|
-
constructor(
|
|
22
|
-
super(
|
|
21
|
+
constructor(ctx, pagerContext, cd, navigationService) {
|
|
22
|
+
super(ctx, pagerContext, cd);
|
|
23
23
|
this.navigationService = navigationService;
|
|
24
24
|
this.caretAltRightIcon = caretAltRightIcon;
|
|
25
25
|
this.caretAltToRightIcon = caretAltToRightIcon;
|
|
@@ -41,7 +41,7 @@ export class PagerNextButtonsComponent extends PagerElementComponent {
|
|
|
41
41
|
this.cd.markForCheck();
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
|
-
PagerNextButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PagerNextButtonsComponent, deps: [{ token: i1.
|
|
44
|
+
PagerNextButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PagerNextButtonsComponent, deps: [{ token: i1.ContextService }, { token: i2.PagerContextService }, { token: i0.ChangeDetectorRef }, { token: i3.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
45
45
|
PagerNextButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PagerNextButtonsComponent, selector: "kendo-pager-next-buttons", usesInheritance: true, ngImport: i0, template: `
|
|
46
46
|
<button
|
|
47
47
|
kendoButton
|
|
@@ -112,4 +112,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
112
112
|
</button>
|
|
113
113
|
`
|
|
114
114
|
}]
|
|
115
|
-
}], ctorParameters: function () { return [{ type: i1.
|
|
115
|
+
}], ctorParameters: function () { return [{ type: i1.ContextService }, { type: i2.PagerContextService }, { type: i0.ChangeDetectorRef }, { type: i3.NavigationService }]; } });
|
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, HostBinding, Input } from '@angular/core';
|
|
6
|
-
import {
|
|
6
|
+
import { ContextService } from '../common/provider.service';
|
|
7
7
|
import { PagerContextService } from './pager-context.service';
|
|
8
8
|
import { PagerElementComponent } from './pager-element.component';
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
|
-
import * as i1 from "
|
|
10
|
+
import * as i1 from "../common/provider.service";
|
|
11
11
|
import * as i2 from "./pager-context.service";
|
|
12
12
|
import * as i3 from "@progress/kendo-angular-buttons";
|
|
13
13
|
import * as i4 from "../navigation/focusable.directive";
|
|
@@ -16,8 +16,8 @@ import * as i5 from "@angular/common";
|
|
|
16
16
|
* Displays numeric buttons to enable navigation between the pages ([see example](slug:pager_template_grid#toc-using-built-in-pager-components)).
|
|
17
17
|
*/
|
|
18
18
|
export class PagerNumericButtonsComponent extends PagerElementComponent {
|
|
19
|
-
constructor(
|
|
20
|
-
super(
|
|
19
|
+
constructor(ctx, cd, pagerContext) {
|
|
20
|
+
super(ctx, pagerContext, cd);
|
|
21
21
|
this.pagerContext = pagerContext;
|
|
22
22
|
this.numbersWrapClass = true;
|
|
23
23
|
}
|
|
@@ -88,7 +88,7 @@ export class PagerNumericButtonsComponent extends PagerElementComponent {
|
|
|
88
88
|
this.cd.markForCheck();
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
|
-
PagerNumericButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PagerNumericButtonsComponent, deps: [{ token: i1.
|
|
91
|
+
PagerNumericButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PagerNumericButtonsComponent, deps: [{ token: i1.ContextService }, { token: i0.ChangeDetectorRef }, { token: i2.PagerContextService }], target: i0.ɵɵFactoryTarget.Component });
|
|
92
92
|
PagerNumericButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PagerNumericButtonsComponent, selector: "kendo-pager-numeric-buttons", inputs: { buttonCount: "buttonCount" }, host: { properties: { "class.k-pager-numbers-wrap": "this.numbersWrapClass" } }, usesInheritance: true, ngImport: i0, template: `
|
|
93
93
|
<select
|
|
94
94
|
class="k-dropdown-list k-dropdown k-picker k-picker-solid k-rounded-md"
|
|
@@ -241,7 +241,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
241
241
|
</div>
|
|
242
242
|
`
|
|
243
243
|
}]
|
|
244
|
-
}], ctorParameters: function () { return [{ type: i1.
|
|
244
|
+
}], ctorParameters: function () { return [{ type: i1.ContextService }, { type: i0.ChangeDetectorRef }, { type: i2.PagerContextService }]; }, propDecorators: { numbersWrapClass: [{
|
|
245
245
|
type: HostBinding,
|
|
246
246
|
args: ['class.k-pager-numbers-wrap']
|
|
247
247
|
}], buttonCount: [{
|
|
@@ -5,10 +5,10 @@
|
|
|
5
5
|
import { NavigationService } from './../navigation/navigation.service';
|
|
6
6
|
import { Component, ChangeDetectorRef, ChangeDetectionStrategy, HostBinding, Input } from '@angular/core';
|
|
7
7
|
import { PagerElementComponent } from './pager-element.component';
|
|
8
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
9
8
|
import { PagerContextService } from './pager-context.service';
|
|
9
|
+
import { ContextService } from '../common/provider.service';
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
|
-
import * as i1 from "
|
|
11
|
+
import * as i1 from "../common/provider.service";
|
|
12
12
|
import * as i2 from "./pager-context.service";
|
|
13
13
|
import * as i3 from "./../navigation/navigation.service";
|
|
14
14
|
import * as i4 from "@progress/kendo-angular-dropdowns";
|
|
@@ -19,8 +19,8 @@ import * as i7 from "../navigation/focusable.directive";
|
|
|
19
19
|
* Displays a drop-down list for the page size selection ([see example](slug:pager_template_grid#toc-using-built-in-pager-components)).
|
|
20
20
|
*/
|
|
21
21
|
export class PagerPageSizesComponent extends PagerElementComponent {
|
|
22
|
-
constructor(
|
|
23
|
-
super(
|
|
22
|
+
constructor(ctx, cd, pagerContext, navigationService) {
|
|
23
|
+
super(ctx, pagerContext, cd);
|
|
24
24
|
this.pagerContext = pagerContext;
|
|
25
25
|
this.navigationService = navigationService;
|
|
26
26
|
this._pageSizes = [];
|
|
@@ -93,7 +93,7 @@ export class PagerPageSizesComponent extends PagerElementComponent {
|
|
|
93
93
|
this.cd.markForCheck();
|
|
94
94
|
}
|
|
95
95
|
}
|
|
96
|
-
PagerPageSizesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PagerPageSizesComponent, deps: [{ token: i1.
|
|
96
|
+
PagerPageSizesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PagerPageSizesComponent, deps: [{ token: i1.ContextService }, { token: i0.ChangeDetectorRef }, { token: i2.PagerContextService }, { token: i3.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
97
97
|
PagerPageSizesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PagerPageSizesComponent, selector: "kendo-pager-page-sizes", inputs: { pageSizes: "pageSizes" }, host: { properties: { "class.k-pager-sizes": "this.classes", "class.k-label": "this.classes" } }, usesInheritance: true, ngImport: i0, template: `
|
|
98
98
|
<kendo-dropdownlist
|
|
99
99
|
class="k-dropdown"
|
|
@@ -132,7 +132,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
132
132
|
<kendo-label [for]="dropdownlist" [text]="textFor('pagerItemsPerPage')"></kendo-label>
|
|
133
133
|
`
|
|
134
134
|
}]
|
|
135
|
-
}], ctorParameters: function () { return [{ type: i1.
|
|
135
|
+
}], ctorParameters: function () { return [{ type: i1.ContextService }, { type: i0.ChangeDetectorRef }, { type: i2.PagerContextService }, { type: i3.NavigationService }]; }, propDecorators: { pageSizes: [{
|
|
136
136
|
type: Input
|
|
137
137
|
}], classes: [{
|
|
138
138
|
type: HostBinding,
|
|
@@ -6,10 +6,10 @@ import { NavigationService } from './../navigation/navigation.service';
|
|
|
6
6
|
import { Component, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
|
|
7
7
|
import { PagerContextService } from "./pager-context.service";
|
|
8
8
|
import { PagerElementComponent } from './pager-element.component';
|
|
9
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
10
9
|
import { caretAltLeftIcon, caretAltToLeftIcon } from '@progress/kendo-svg-icons';
|
|
10
|
+
import { ContextService } from '../common/provider.service';
|
|
11
11
|
import * as i0 from "@angular/core";
|
|
12
|
-
import * as i1 from "
|
|
12
|
+
import * as i1 from "../common/provider.service";
|
|
13
13
|
import * as i2 from "./pager-context.service";
|
|
14
14
|
import * as i3 from "./../navigation/navigation.service";
|
|
15
15
|
import * as i4 from "@progress/kendo-angular-buttons";
|
|
@@ -18,8 +18,8 @@ import * as i5 from "../navigation/focusable.directive";
|
|
|
18
18
|
* Displays buttons for navigating to the first and to the previous page ([see example](slug:pager_template_grid#toc-using-built-in-pager-components)).
|
|
19
19
|
*/
|
|
20
20
|
export class PagerPrevButtonsComponent extends PagerElementComponent {
|
|
21
|
-
constructor(
|
|
22
|
-
super(
|
|
21
|
+
constructor(ctx, pagerContext, cd, navigationService) {
|
|
22
|
+
super(ctx, pagerContext, cd);
|
|
23
23
|
this.navigationService = navigationService;
|
|
24
24
|
this.caretAltLeftIcon = caretAltLeftIcon;
|
|
25
25
|
this.caretAltToLeftIcon = caretAltToLeftIcon;
|
|
@@ -41,7 +41,7 @@ export class PagerPrevButtonsComponent extends PagerElementComponent {
|
|
|
41
41
|
this.cd.markForCheck();
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
|
-
PagerPrevButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PagerPrevButtonsComponent, deps: [{ token: i1.
|
|
44
|
+
PagerPrevButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PagerPrevButtonsComponent, deps: [{ token: i1.ContextService }, { token: i2.PagerContextService }, { token: i0.ChangeDetectorRef }, { token: i3.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
45
45
|
PagerPrevButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PagerPrevButtonsComponent, selector: "kendo-pager-prev-buttons", usesInheritance: true, ngImport: i0, template: `
|
|
46
46
|
<button
|
|
47
47
|
[kendoGridFocusable]="!disabled"
|
|
@@ -114,4 +114,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
114
114
|
</button>
|
|
115
115
|
`
|
|
116
116
|
}]
|
|
117
|
-
}], ctorParameters: function () { return [{ type: i1.
|
|
117
|
+
}], ctorParameters: function () { return [{ type: i1.ContextService }, { type: i2.PagerContextService }, { type: i0.ChangeDetectorRef }, { type: i3.NavigationService }]; } });
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
6
5
|
import { Component, Input, EventEmitter, Output, HostBinding, ElementRef, Renderer2, HostListener, NgZone, Optional, Inject } from '@angular/core';
|
|
7
6
|
import { normalize } from './pager-settings';
|
|
8
7
|
import { PagerTemplateDirective } from './pager-template.directive';
|
|
@@ -16,10 +15,11 @@ import { CELL_CONTEXT } from '../rendering/common/cell-context';
|
|
|
16
15
|
import { FocusGroup } from '../navigation/focus-group';
|
|
17
16
|
import { FocusRoot, FOCUS_ROOT_ACTIVE } from '../navigation/focus-root';
|
|
18
17
|
import { findFocusableChild, findLastFocusableChild } from '../rendering/common/dom-queries';
|
|
18
|
+
import { ContextService } from '../common/provider.service';
|
|
19
19
|
import * as i0 from "@angular/core";
|
|
20
20
|
import * as i1 from "./pager-context.service";
|
|
21
21
|
import * as i2 from "../navigation/navigation.service";
|
|
22
|
-
import * as i3 from "
|
|
22
|
+
import * as i3 from "../common/provider.service";
|
|
23
23
|
import * as i4 from "../navigation/focus-root";
|
|
24
24
|
import * as i5 from "../navigation/focus-group";
|
|
25
25
|
import * as i6 from "./pager-prev-buttons.component";
|
|
@@ -34,13 +34,13 @@ import * as i13 from "@angular/common";
|
|
|
34
34
|
* @hidden
|
|
35
35
|
*/
|
|
36
36
|
export class PagerComponent {
|
|
37
|
-
constructor(pagerContext, navigationService, element, renderer, zone,
|
|
37
|
+
constructor(pagerContext, navigationService, element, renderer, zone, ctx, cellContext, focusRoot, focusGroup) {
|
|
38
38
|
this.pagerContext = pagerContext;
|
|
39
39
|
this.navigationService = navigationService;
|
|
40
40
|
this.element = element;
|
|
41
41
|
this.renderer = renderer;
|
|
42
42
|
this.zone = zone;
|
|
43
|
-
this.
|
|
43
|
+
this.ctx = ctx;
|
|
44
44
|
this.cellContext = cellContext;
|
|
45
45
|
this.focusRoot = focusRoot;
|
|
46
46
|
this.focusGroup = focusGroup;
|
|
@@ -99,7 +99,7 @@ export class PagerComponent {
|
|
|
99
99
|
return this.navigationService.pagerEnabled ? this.pagerLabel : undefined;
|
|
100
100
|
}
|
|
101
101
|
get pagerLabel() {
|
|
102
|
-
const localizationMsg = this.
|
|
102
|
+
const localizationMsg = this.ctx.localization.get('pagerLabel') || '';
|
|
103
103
|
return replaceMessagePlaceholder(replaceMessagePlaceholder(localizationMsg, 'currentPage', this.currentPage.toString()), 'totalPages', this.totalPages.toString());
|
|
104
104
|
}
|
|
105
105
|
get focusTrapTabIndex() {
|
|
@@ -248,7 +248,7 @@ export class PagerComponent {
|
|
|
248
248
|
}
|
|
249
249
|
}
|
|
250
250
|
}
|
|
251
|
-
PagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PagerComponent, deps: [{ token: i1.PagerContextService }, { token: i2.NavigationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i3.
|
|
251
|
+
PagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PagerComponent, deps: [{ token: i1.PagerContextService }, { token: i2.NavigationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i3.ContextService }, { token: CELL_CONTEXT, optional: true }, { token: i4.FocusRoot }, { token: i5.FocusGroup }], target: i0.ɵɵFactoryTarget.Component });
|
|
252
252
|
PagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PagerComponent, selector: "kendo-pager", inputs: { total: "total", skip: "skip", pageSize: "pageSize", options: "options", size: "size", template: "template" }, outputs: { pageChange: "pageChange" }, host: { listeners: { "focusin": "onFocusIn($event)", "focusout": "onFocusOut()", "keydown.escape": "onEscape()", "keydown.enter": "onEnter($event)", "keydown.arrowleft": "navigateToPreviousPage($event)", "keydown.pageup": "navigateToPreviousPage($event)", "keydown.arrowright": "navigateToNextPage($event)", "keydown.pagedown": "navigateToNextPage($event)", "keydown.home": "navigateToFirstPage($event)", "keydown.end": "navigateToLastPage($event)" }, properties: { "class.k-pager-wrap": "this.pagerWrapClass", "class.k-grid-pager": "this.gridPagerClass", "class.k-pager-sm": "this.sizeSmallClass", "class.k-pager-md": "this.sizeMediumClass", "class.k-focus": "this.isFocused", "attr.aria-label": "this.pagerAriaLabel" } }, providers: [{
|
|
253
253
|
provide: FOCUS_ROOT_ACTIVE,
|
|
254
254
|
useValue: true
|
|
@@ -355,7 +355,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
355
355
|
<kendo-resize-sensor *ngIf="settings.responsive" (resize)="resizeHandler()"></kendo-resize-sensor>
|
|
356
356
|
`
|
|
357
357
|
}]
|
|
358
|
-
}], ctorParameters: function () { return [{ type: i1.PagerContextService }, { type: i2.NavigationService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i3.
|
|
358
|
+
}], ctorParameters: function () { return [{ type: i1.PagerContextService }, { type: i2.NavigationService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i3.ContextService }, { type: undefined, decorators: [{
|
|
359
359
|
type: Optional
|
|
360
360
|
}, {
|
|
361
361
|
type: Inject,
|
|
@@ -4,11 +4,11 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { Component, HostListener, HostBinding, ElementRef, Renderer2 as Renderer, NgZone } from '@angular/core';
|
|
6
6
|
import { Button } from '@progress/kendo-angular-buttons';
|
|
7
|
-
import {
|
|
7
|
+
import { ContextService } from '../common/provider.service';
|
|
8
8
|
import { PDFService } from './pdf.service';
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
10
|
import * as i1 from "./pdf.service";
|
|
11
|
-
import * as i2 from "
|
|
11
|
+
import * as i2 from "../common/provider.service";
|
|
12
12
|
import * as i3 from "@progress/kendo-angular-icons";
|
|
13
13
|
import * as i4 from "@angular/common";
|
|
14
14
|
/**
|
|
@@ -31,8 +31,8 @@ import * as i4 from "@angular/common";
|
|
|
31
31
|
* ```
|
|
32
32
|
*/
|
|
33
33
|
export class PDFCommandDirective extends Button {
|
|
34
|
-
constructor(pdfService, element, renderer,
|
|
35
|
-
super(element, renderer, null, localization, ngZone);
|
|
34
|
+
constructor(pdfService, element, renderer, ctx, ngZone) {
|
|
35
|
+
super(element, renderer, null, ctx.localization, ngZone);
|
|
36
36
|
this.pdfService = pdfService;
|
|
37
37
|
this.ngZone = ngZone;
|
|
38
38
|
}
|
|
@@ -50,7 +50,7 @@ export class PDFCommandDirective extends Button {
|
|
|
50
50
|
return true;
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
|
-
PDFCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PDFCommandDirective, deps: [{ token: i1.PDFService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.
|
|
53
|
+
PDFCommandDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PDFCommandDirective, deps: [{ token: i1.PDFService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
54
54
|
PDFCommandDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PDFCommandDirective, selector: "[kendoGridPDFCommand]", host: { listeners: { "click": "onClick($event)" }, properties: { "class.k-grid-pdf": "this.pdfClass" } }, usesInheritance: true, ngImport: i0, template: `
|
|
55
55
|
<kendo-icon-wrapper
|
|
56
56
|
*ngIf="icon || svgIcon"
|
|
@@ -80,7 +80,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
80
80
|
<span class="k-button-text"><ng-content></ng-content></span>
|
|
81
81
|
`
|
|
82
82
|
}]
|
|
83
|
-
}], ctorParameters: function () { return [{ type: i1.PDFService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.
|
|
83
|
+
}], ctorParameters: function () { return [{ type: i1.PDFService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.ContextService }, { type: i0.NgZone }]; }, propDecorators: { onClick: [{
|
|
84
84
|
type: HostListener,
|
|
85
85
|
args: ['click', ['$event']]
|
|
86
86
|
}], pdfClass: [{
|