@progress/kendo-angular-grid 13.0.0-develop.19 → 13.0.0-develop.20

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.
Files changed (14) hide show
  1. package/esm2020/filtering/cell/boolean-filter-cell.component.mjs +1 -1
  2. package/esm2020/filtering/cell/filter-cell-operators.component.mjs +15 -1
  3. package/esm2020/filtering/cell/filter-cell-wrapper.component.mjs +3 -1
  4. package/esm2020/filtering/filter-input.directive.mjs +5 -1
  5. package/esm2020/grid.component.mjs +12 -4
  6. package/esm2020/localization/messages.mjs +5 -1
  7. package/esm2020/package-metadata.mjs +2 -2
  8. package/esm2020/rendering/list.component.mjs +12 -14
  9. package/fesm2015/progress-kendo-angular-grid.mjs +53 -25
  10. package/fesm2020/progress-kendo-angular-grid.mjs +53 -25
  11. package/filtering/cell/filter-cell-operators.component.d.ts +10 -1
  12. package/localization/messages.d.ts +25 -1
  13. package/package.json +16 -16
  14. package/schematics/ngAdd/index.js +3 -3
package/esm2020/filtering/cell/boolean-filter-cell.component.mjs CHANGED
@@ -54,7 +54,7 @@ export class BooleanFilterCellComponent extends BooleanFilterComponent {
54
54
  * @hidden
55
55
  */
56
56
  get columnLabel() {
57
- const localizationMsg = this.ctx.localization.get('filterInputLabel') || '';
57
+ const localizationMsg = this.ctx.localization.get('booleanFilterCellLabel') || '';
58
58
  const columnName = this.column.title || this.column.field;
59
59
  return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
60
60
  }
package/esm2020/filtering/cell/filter-cell-operators.component.mjs CHANGED
@@ -8,6 +8,8 @@ import { Keys } from '@progress/kendo-angular-common';
8
8
  import { SizingOptionsService } from '../../layout/sizing-options.service';
9
9
  import { filterClearIcon } from '@progress/kendo-svg-icons';
10
10
  import { ContextService } from '../../common/provider.service';
11
+ import { replaceMessagePlaceholder } from '../../utils';
12
+ import { ColumnComponent } from '../../columns/column.component';
11
13
  import * as i0 from "@angular/core";
12
14
  import * as i1 from "../../common/provider.service";
13
15
  import * as i2 from "../../layout/sizing-options.service";
@@ -111,13 +113,22 @@ export class FilterCellOperatorsComponent {
111
113
  this.subs.unsubscribe();
112
114
  }
113
115
  }
116
+ /**
117
+ * @hidden
118
+ */
119
+ get columnLabel() {
120
+ const localizationMsg = this.ctx.localization.get('filterCellOperatorLabel') || '';
121
+ const columnName = this.column.title || this.column.field;
122
+ return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
123
+ }
114
124
  }
115
125
  FilterCellOperatorsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FilterCellOperatorsComponent, deps: [{ token: i1.ContextService }, { token: i2.SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
116
- FilterCellOperatorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FilterCellOperatorsComponent, selector: "kendo-grid-filter-cell-operators", inputs: { operators: "operators", showButton: "showButton", showOperators: "showOperators", value: "value" }, outputs: { valueChange: "valueChange", clear: "clear" }, host: { properties: { "class.k-filtercell-operator": "this.hostClasses" } }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: `
126
+ FilterCellOperatorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FilterCellOperatorsComponent, selector: "kendo-grid-filter-cell-operators", inputs: { operators: "operators", showButton: "showButton", showOperators: "showOperators", value: "value", column: "column" }, outputs: { valueChange: "valueChange", clear: "clear" }, host: { properties: { "class.k-filtercell-operator": "this.hostClasses" } }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: `
117
127
  <kendo-dropdownlist
118
128
  #dropdown
119
129
  *ngIf="showOperators"
120
130
  kendoGridFocusable
131
+ [attr.aria-label]="columnLabel"
121
132
  [data]="operators"
122
133
  class="k-dropdown-operator"
123
134
  (valueChange)="onChange($event)"
@@ -150,6 +161,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
150
161
  #dropdown
151
162
  *ngIf="showOperators"
152
163
  kendoGridFocusable
164
+ [attr.aria-label]="columnLabel"
153
165
  [data]="operators"
154
166
  class="k-dropdown-operator"
155
167
  (valueChange)="onChange($event)"
@@ -188,6 +200,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
188
200
  type: Input
189
201
  }], value: [{
190
202
  type: Input
203
+ }], column: [{
204
+ type: Input
191
205
  }], valueChange: [{
192
206
  type: Output
193
207
  }], clear: [{
package/esm2020/filtering/cell/filter-cell-wrapper.component.mjs CHANGED
@@ -38,12 +38,13 @@ FilterCellWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
38
38
  <ng-content></ng-content>
39
39
  <kendo-grid-filter-cell-operators
40
40
  [showOperators]="showOperators"
41
+ [column]="column"
41
42
  [operators]="operators"
42
43
  (clear)="onClear()"
43
44
  [showButton]="showButton"
44
45
  [(value)]="currentOperator">
45
46
  </kendo-grid-filter-cell-operators>
46
- `, isInline: true, components: [{ type: i2.FilterCellOperatorsComponent, selector: "kendo-grid-filter-cell-operators", inputs: ["operators", "showButton", "showOperators", "value"], outputs: ["valueChange", "clear"] }] });
47
+ `, isInline: true, components: [{ type: i2.FilterCellOperatorsComponent, selector: "kendo-grid-filter-cell-operators", inputs: ["operators", "showButton", "showOperators", "value", "column"], outputs: ["valueChange", "clear"] }] });
47
48
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FilterCellWrapperComponent, decorators: [{
48
49
  type: Component,
49
50
  args: [{
@@ -52,6 +53,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
52
53
  <ng-content></ng-content>
53
54
  <kendo-grid-filter-cell-operators
54
55
  [showOperators]="showOperators"
56
+ [column]="column"
55
57
  [operators]="operators"
56
58
  (clear)="onClear()"
57
59
  [showButton]="showButton"
package/esm2020/filtering/filter-input.directive.mjs CHANGED
@@ -71,7 +71,11 @@ export class FilterInputDirective {
71
71
  this.renderer.setAttribute(focusableElement, 'aria-label', ariaValue);
72
72
  }
73
73
  else {
74
- this.renderer.setAttribute(this.element.nativeElement, 'aria-label', ariaValue);
74
+ const inputElement = this.element.nativeElement.querySelector('.k-input-inner');
75
+ const elementToSetLabel = inputElement ? inputElement : this.element.nativeElement;
76
+ if (ariaValue) {
77
+ this.renderer.setAttribute(elementToSetLabel, 'aria-label', ariaValue);
78
+ }
75
79
  }
76
80
  }
77
81
  }
package/esm2020/grid.component.mjs CHANGED
@@ -2069,6 +2069,12 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
2069
2069
 
2070
2070
  i18n-filterMenuOperatorsDropDownLabel="kendo.grid.filterMenuOperatorsDropDownLabel|The label of the filter menu operators dropdown"
2071
2071
  filterMenuOperatorsDropDownLabel="{{ '{columnName} Filter Operators' }}"
2072
+
2073
+ i18n-filterCellOperatorLabel="kendo.grid.filterCellOperatorLabel|The label of the filter cell operators dropdown"
2074
+ filterCellOperatorLabel="{{ 'Filter cell operators for {columnName}' }}"
2075
+
2076
+ i18n-booleanFilterCellLabel="kendo.grid.booleanFilterCellLabel|The label of the boolean filter cell dropdown"
2077
+ booleanFilterCellLabel="{{ 'Boolean filter cell for {columnName}' }}"
2072
2078
 
2073
2079
  i18n-filterMenuLogicDropDownLabel="kendo.grid.filterMenuLogicDropDownLabel|The label of the filter menu logic dropdown"
2074
2080
  filterMenuLogicDropDownLabel="{{ '{columnName} Filter Logic' }}"
@@ -2316,7 +2322,6 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
2316
2322
  kendoGridTable
2317
2323
  [size]="size">
2318
2324
  <colgroup kendoGridColGroup
2319
- role="presentation"
2320
2325
  [columns]="$any(lockedLeafColumns)"
2321
2326
  [groups]="group"
2322
2327
  [detailTemplate]="detailTemplate">
@@ -2353,7 +2358,6 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
2353
2358
  kendoGridTable
2354
2359
  [size]="size">
2355
2360
  <colgroup kendoGridColGroup
2356
- role="presentation"
2357
2361
  [columns]="headerLeafColumns"
2358
2362
  [groups]="isLocked ? [] : group"
2359
2363
  [detailTemplate]="detailTemplate">
@@ -2681,6 +2685,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
2681
2685
 
2682
2686
  i18n-filterMenuOperatorsDropDownLabel="kendo.grid.filterMenuOperatorsDropDownLabel|The label of the filter menu operators dropdown"
2683
2687
  filterMenuOperatorsDropDownLabel="{{ '{columnName} Filter Operators' }}"
2688
+
2689
+ i18n-filterCellOperatorLabel="kendo.grid.filterCellOperatorLabel|The label of the filter cell operators dropdown"
2690
+ filterCellOperatorLabel="{{ 'Filter cell operators for {columnName}' }}"
2691
+
2692
+ i18n-booleanFilterCellLabel="kendo.grid.booleanFilterCellLabel|The label of the boolean filter cell dropdown"
2693
+ booleanFilterCellLabel="{{ 'Boolean filter cell for {columnName}' }}"
2684
2694
 
2685
2695
  i18n-filterMenuLogicDropDownLabel="kendo.grid.filterMenuLogicDropDownLabel|The label of the filter menu logic dropdown"
2686
2696
  filterMenuLogicDropDownLabel="{{ '{columnName} Filter Logic' }}"
@@ -2928,7 +2938,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
2928
2938
  kendoGridTable
2929
2939
  [size]="size">
2930
2940
  <colgroup kendoGridColGroup
2931
- role="presentation"
2932
2941
  [columns]="$any(lockedLeafColumns)"
2933
2942
  [groups]="group"
2934
2943
  [detailTemplate]="detailTemplate">
@@ -2965,7 +2974,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
2965
2974
  kendoGridTable
2966
2975
  [size]="size">
2967
2976
  <colgroup kendoGridColGroup
2968
- role="presentation"
2969
2977
  [columns]="headerLeafColumns"
2970
2978
  [groups]="isLocked ? [] : group"
2971
2979
  [detailTemplate]="detailTemplate">
package/esm2020/localization/messages.mjs CHANGED
@@ -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", columnMenuFilterTabTitle: "columnMenuFilterTabTitle", columnMenuGeneralTabTitle: "columnMenuGeneralTabTitle", columnMenuColumnsTabTitle: "columnMenuColumnsTabTitle" }, 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", filterCellOperatorLabel: "filterCellOperatorLabel", booleanFilterCellLabel: "booleanFilterCellLabel", 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: [{
@@ -54,6 +54,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
54
54
  type: Input
55
55
  }], filterMenuLogicDropDownLabel: [{
56
56
  type: Input
57
+ }], filterCellOperatorLabel: [{
58
+ type: Input
59
+ }], booleanFilterCellLabel: [{
60
+ type: Input
57
61
  }], filterEqOperator: [{
58
62
  type: Input
59
63
  }], filterNotEqOperator: [{
package/esm2020/package-metadata.mjs CHANGED
@@ -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: 1685948860,
13
- version: '13.0.0-develop.19',
12
+ publishDate: 1685961268,
13
+ version: '13.0.0-develop.20',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/esm2020/rendering/list.component.mjs CHANGED
@@ -614,7 +614,6 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
614
614
  [size]="size"
615
615
  [style.width.px]="lockedWidth">
616
616
  <colgroup kendoGridColGroup
617
- role="presentation"
618
617
  [groups]="groups"
619
618
  [columns]="$any(lockedLeafColumns)"
620
619
  [detailTemplate]="detailTemplate"
@@ -646,11 +645,12 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
646
645
  <div [style.height.px]="totalHeight"></div>
647
646
  </div>
648
647
  </div>
649
- <div #container
650
- class="k-grid-content k-virtual-content"
651
- role="presentation" tabindex="-1"
652
- [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
653
- [lockedWidth]="lockedWidth + 1">
648
+ <div
649
+ #container
650
+ class="k-grid-content k-virtual-content"
651
+ [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
652
+ [lockedWidth]="lockedWidth + 1"
653
+ >
654
654
  <div role="presentation" class="k-grid-table-wrap">
655
655
  <table
656
656
  [style.width.px]="nonLockedWidth"
@@ -661,7 +661,6 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
661
661
  [size]="size"
662
662
  role="presentation">
663
663
  <colgroup kendoGridColGroup
664
- role="presentation"
665
664
  [groups]="isLocked ? [] : groups"
666
665
  [columns]="$any(nonLockedColumnsToRender)"
667
666
  [detailTemplate]="detailTemplate"
@@ -733,7 +732,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
733
732
  [size]="size"
734
733
  [style.width.px]="lockedWidth">
735
734
  <colgroup kendoGridColGroup
736
- role="presentation"
737
735
  [groups]="groups"
738
736
  [columns]="$any(lockedLeafColumns)"
739
737
  [detailTemplate]="detailTemplate"
@@ -765,11 +763,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
765
763
  <div [style.height.px]="totalHeight"></div>
766
764
  </div>
767
765
  </div>
768
- <div #container
769
- class="k-grid-content k-virtual-content"
770
- role="presentation" tabindex="-1"
771
- [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
772
- [lockedWidth]="lockedWidth + 1">
766
+ <div
767
+ #container
768
+ class="k-grid-content k-virtual-content"
769
+ [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
770
+ [lockedWidth]="lockedWidth + 1"
771
+ >
773
772
  <div role="presentation" class="k-grid-table-wrap">
774
773
  <table
775
774
  [style.width.px]="nonLockedWidth"
@@ -780,7 +779,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
780
779
  [size]="size"
781
780
  role="presentation">
782
781
  <colgroup kendoGridColGroup
783
- role="presentation"
784
782
  [groups]="isLocked ? [] : groups"
785
783
  [columns]="$any(nonLockedColumnsToRender)"
786
784
  [detailTemplate]="detailTemplate"
package/fesm2015/progress-kendo-angular-grid.mjs CHANGED
@@ -2948,8 +2948,8 @@ const packageMetadata = {
2948
2948
  name: '@progress/kendo-angular-grid',
2949
2949
  productName: 'Kendo UI for Angular',
2950
2950
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
2951
- publishDate: 1685948860,
2952
- version: '13.0.0-develop.19',
2951
+ publishDate: 1685961268,
2952
+ version: '13.0.0-develop.20',
2953
2953
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
2954
2954
  };
2955
2955
 
@@ -9112,7 +9112,11 @@ class FilterInputDirective {
9112
9112
  this.renderer.setAttribute(focusableElement, 'aria-label', ariaValue);
9113
9113
  }
9114
9114
  else {
9115
- this.renderer.setAttribute(this.element.nativeElement, 'aria-label', ariaValue);
9115
+ const inputElement = this.element.nativeElement.querySelector('.k-input-inner');
9116
+ const elementToSetLabel = inputElement ? inputElement : this.element.nativeElement;
9117
+ if (ariaValue) {
9118
+ this.renderer.setAttribute(elementToSetLabel, 'aria-label', ariaValue);
9119
+ }
9116
9120
  }
9117
9121
  }
9118
9122
  }
@@ -13291,13 +13295,22 @@ class FilterCellOperatorsComponent {
13291
13295
  this.subs.unsubscribe();
13292
13296
  }
13293
13297
  }
13298
+ /**
13299
+ * @hidden
13300
+ */
13301
+ get columnLabel() {
13302
+ const localizationMsg = this.ctx.localization.get('filterCellOperatorLabel') || '';
13303
+ const columnName = this.column.title || this.column.field;
13304
+ return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
13305
+ }
13294
13306
  }
13295
13307
  FilterCellOperatorsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FilterCellOperatorsComponent, deps: [{ token: ContextService }, { token: SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
13296
- FilterCellOperatorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FilterCellOperatorsComponent, selector: "kendo-grid-filter-cell-operators", inputs: { operators: "operators", showButton: "showButton", showOperators: "showOperators", value: "value" }, outputs: { valueChange: "valueChange", clear: "clear" }, host: { properties: { "class.k-filtercell-operator": "this.hostClasses" } }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: `
13308
+ FilterCellOperatorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FilterCellOperatorsComponent, selector: "kendo-grid-filter-cell-operators", inputs: { operators: "operators", showButton: "showButton", showOperators: "showOperators", value: "value", column: "column" }, outputs: { valueChange: "valueChange", clear: "clear" }, host: { properties: { "class.k-filtercell-operator": "this.hostClasses" } }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: `
13297
13309
  <kendo-dropdownlist
13298
13310
  #dropdown
13299
13311
  *ngIf="showOperators"
13300
13312
  kendoGridFocusable
13313
+ [attr.aria-label]="columnLabel"
13301
13314
  [data]="operators"
13302
13315
  class="k-dropdown-operator"
13303
13316
  (valueChange)="onChange($event)"
@@ -13330,6 +13343,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
13330
13343
  #dropdown
13331
13344
  *ngIf="showOperators"
13332
13345
  kendoGridFocusable
13346
+ [attr.aria-label]="columnLabel"
13333
13347
  [data]="operators"
13334
13348
  class="k-dropdown-operator"
13335
13349
  (valueChange)="onChange($event)"
@@ -13368,6 +13382,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
13368
13382
  type: Input
13369
13383
  }], value: [{
13370
13384
  type: Input
13385
+ }], column: [{
13386
+ type: Input
13371
13387
  }], valueChange: [{
13372
13388
  type: Output
13373
13389
  }], clear: [{
@@ -13403,12 +13419,13 @@ FilterCellWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
13403
13419
  <ng-content></ng-content>
13404
13420
  <kendo-grid-filter-cell-operators
13405
13421
  [showOperators]="showOperators"
13422
+ [column]="column"
13406
13423
  [operators]="operators"
13407
13424
  (clear)="onClear()"
13408
13425
  [showButton]="showButton"
13409
13426
  [(value)]="currentOperator">
13410
13427
  </kendo-grid-filter-cell-operators>
13411
- `, isInline: true, components: [{ type: FilterCellOperatorsComponent, selector: "kendo-grid-filter-cell-operators", inputs: ["operators", "showButton", "showOperators", "value"], outputs: ["valueChange", "clear"] }] });
13428
+ `, isInline: true, components: [{ type: FilterCellOperatorsComponent, selector: "kendo-grid-filter-cell-operators", inputs: ["operators", "showButton", "showOperators", "value", "column"], outputs: ["valueChange", "clear"] }] });
13412
13429
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FilterCellWrapperComponent, decorators: [{
13413
13430
  type: Component,
13414
13431
  args: [{
@@ -13417,6 +13434,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
13417
13434
  <ng-content></ng-content>
13418
13435
  <kendo-grid-filter-cell-operators
13419
13436
  [showOperators]="showOperators"
13437
+ [column]="column"
13420
13438
  [operators]="operators"
13421
13439
  (clear)="onClear()"
13422
13440
  [showButton]="showButton"
@@ -13694,7 +13712,7 @@ class BooleanFilterCellComponent extends BooleanFilterComponent {
13694
13712
  * @hidden
13695
13713
  */
13696
13714
  get columnLabel() {
13697
- const localizationMsg = this.ctx.localization.get('filterInputLabel') || '';
13715
+ const localizationMsg = this.ctx.localization.get('booleanFilterCellLabel') || '';
13698
13716
  const columnName = this.column.title || this.column.field;
13699
13717
  return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
13700
13718
  }
@@ -18225,7 +18243,6 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
18225
18243
  [size]="size"
18226
18244
  [style.width.px]="lockedWidth">
18227
18245
  <colgroup kendoGridColGroup
18228
- role="presentation"
18229
18246
  [groups]="groups"
18230
18247
  [columns]="$any(lockedLeafColumns)"
18231
18248
  [detailTemplate]="detailTemplate"
@@ -18257,11 +18274,12 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
18257
18274
  <div [style.height.px]="totalHeight"></div>
18258
18275
  </div>
18259
18276
  </div>
18260
- <div #container
18261
- class="k-grid-content k-virtual-content"
18262
- role="presentation" tabindex="-1"
18263
- [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
18264
- [lockedWidth]="lockedWidth + 1">
18277
+ <div
18278
+ #container
18279
+ class="k-grid-content k-virtual-content"
18280
+ [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
18281
+ [lockedWidth]="lockedWidth + 1"
18282
+ >
18265
18283
  <div role="presentation" class="k-grid-table-wrap">
18266
18284
  <table
18267
18285
  [style.width.px]="nonLockedWidth"
@@ -18272,7 +18290,6 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
18272
18290
  [size]="size"
18273
18291
  role="presentation">
18274
18292
  <colgroup kendoGridColGroup
18275
- role="presentation"
18276
18293
  [groups]="isLocked ? [] : groups"
18277
18294
  [columns]="$any(nonLockedColumnsToRender)"
18278
18295
  [detailTemplate]="detailTemplate"
@@ -18344,7 +18361,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
18344
18361
  [size]="size"
18345
18362
  [style.width.px]="lockedWidth">
18346
18363
  <colgroup kendoGridColGroup
18347
- role="presentation"
18348
18364
  [groups]="groups"
18349
18365
  [columns]="$any(lockedLeafColumns)"
18350
18366
  [detailTemplate]="detailTemplate"
@@ -18376,11 +18392,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
18376
18392
  <div [style.height.px]="totalHeight"></div>
18377
18393
  </div>
18378
18394
  </div>
18379
- <div #container
18380
- class="k-grid-content k-virtual-content"
18381
- role="presentation" tabindex="-1"
18382
- [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
18383
- [lockedWidth]="lockedWidth + 1">
18395
+ <div
18396
+ #container
18397
+ class="k-grid-content k-virtual-content"
18398
+ [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
18399
+ [lockedWidth]="lockedWidth + 1"
18400
+ >
18384
18401
  <div role="presentation" class="k-grid-table-wrap">
18385
18402
  <table
18386
18403
  [style.width.px]="nonLockedWidth"
@@ -18391,7 +18408,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
18391
18408
  [size]="size"
18392
18409
  role="presentation">
18393
18410
  <colgroup kendoGridColGroup
18394
- role="presentation"
18395
18411
  [groups]="isLocked ? [] : groups"
18396
18412
  [columns]="$any(nonLockedColumnsToRender)"
18397
18413
  [detailTemplate]="detailTemplate"
@@ -18928,7 +18944,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
18928
18944
  class GridMessages extends ComponentMessages {
18929
18945
  }
18930
18946
  GridMessages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GridMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
18931
- 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 });
18947
+ 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", filterCellOperatorLabel: "filterCellOperatorLabel", booleanFilterCellLabel: "booleanFilterCellLabel", 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 });
18932
18948
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GridMessages, decorators: [{
18933
18949
  type: Directive,
18934
18950
  args: [{
@@ -18971,6 +18987,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
18971
18987
  type: Input
18972
18988
  }], filterMenuLogicDropDownLabel: [{
18973
18989
  type: Input
18990
+ }], filterCellOperatorLabel: [{
18991
+ type: Input
18992
+ }], booleanFilterCellLabel: [{
18993
+ type: Input
18974
18994
  }], filterEqOperator: [{
18975
18995
  type: Input
18976
18996
  }], filterNotEqOperator: [{
@@ -21076,6 +21096,12 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
21076
21096
 
21077
21097
  i18n-filterMenuOperatorsDropDownLabel="kendo.grid.filterMenuOperatorsDropDownLabel|The label of the filter menu operators dropdown"
21078
21098
  filterMenuOperatorsDropDownLabel="{{ '{columnName} Filter Operators' }}"
21099
+
21100
+ i18n-filterCellOperatorLabel="kendo.grid.filterCellOperatorLabel|The label of the filter cell operators dropdown"
21101
+ filterCellOperatorLabel="{{ 'Filter cell operators for {columnName}' }}"
21102
+
21103
+ i18n-booleanFilterCellLabel="kendo.grid.booleanFilterCellLabel|The label of the boolean filter cell dropdown"
21104
+ booleanFilterCellLabel="{{ 'Boolean filter cell for {columnName}' }}"
21079
21105
 
21080
21106
  i18n-filterMenuLogicDropDownLabel="kendo.grid.filterMenuLogicDropDownLabel|The label of the filter menu logic dropdown"
21081
21107
  filterMenuLogicDropDownLabel="{{ '{columnName} Filter Logic' }}"
@@ -21323,7 +21349,6 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
21323
21349
  kendoGridTable
21324
21350
  [size]="size">
21325
21351
  <colgroup kendoGridColGroup
21326
- role="presentation"
21327
21352
  [columns]="$any(lockedLeafColumns)"
21328
21353
  [groups]="group"
21329
21354
  [detailTemplate]="detailTemplate">
@@ -21360,7 +21385,6 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
21360
21385
  kendoGridTable
21361
21386
  [size]="size">
21362
21387
  <colgroup kendoGridColGroup
21363
- role="presentation"
21364
21388
  [columns]="headerLeafColumns"
21365
21389
  [groups]="isLocked ? [] : group"
21366
21390
  [detailTemplate]="detailTemplate">
@@ -21688,6 +21712,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
21688
21712
 
21689
21713
  i18n-filterMenuOperatorsDropDownLabel="kendo.grid.filterMenuOperatorsDropDownLabel|The label of the filter menu operators dropdown"
21690
21714
  filterMenuOperatorsDropDownLabel="{{ '{columnName} Filter Operators' }}"
21715
+
21716
+ i18n-filterCellOperatorLabel="kendo.grid.filterCellOperatorLabel|The label of the filter cell operators dropdown"
21717
+ filterCellOperatorLabel="{{ 'Filter cell operators for {columnName}' }}"
21718
+
21719
+ i18n-booleanFilterCellLabel="kendo.grid.booleanFilterCellLabel|The label of the boolean filter cell dropdown"
21720
+ booleanFilterCellLabel="{{ 'Boolean filter cell for {columnName}' }}"
21691
21721
 
21692
21722
  i18n-filterMenuLogicDropDownLabel="kendo.grid.filterMenuLogicDropDownLabel|The label of the filter menu logic dropdown"
21693
21723
  filterMenuLogicDropDownLabel="{{ '{columnName} Filter Logic' }}"
@@ -21935,7 +21965,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
21935
21965
  kendoGridTable
21936
21966
  [size]="size">
21937
21967
  <colgroup kendoGridColGroup
21938
- role="presentation"
21939
21968
  [columns]="$any(lockedLeafColumns)"
21940
21969
  [groups]="group"
21941
21970
  [detailTemplate]="detailTemplate">
@@ -21972,7 +22001,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
21972
22001
  kendoGridTable
21973
22002
  [size]="size">
21974
22003
  <colgroup kendoGridColGroup
21975
- role="presentation"
21976
22004
  [columns]="headerLeafColumns"
21977
22005
  [groups]="isLocked ? [] : group"
21978
22006
  [detailTemplate]="detailTemplate">
package/fesm2020/progress-kendo-angular-grid.mjs CHANGED
@@ -2942,8 +2942,8 @@ const packageMetadata = {
2942
2942
  name: '@progress/kendo-angular-grid',
2943
2943
  productName: 'Kendo UI for Angular',
2944
2944
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
2945
- publishDate: 1685948860,
2946
- version: '13.0.0-develop.19',
2945
+ publishDate: 1685961268,
2946
+ version: '13.0.0-develop.20',
2947
2947
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
2948
2948
  };
2949
2949
 
@@ -9059,7 +9059,11 @@ class FilterInputDirective {
9059
9059
  this.renderer.setAttribute(focusableElement, 'aria-label', ariaValue);
9060
9060
  }
9061
9061
  else {
9062
- this.renderer.setAttribute(this.element.nativeElement, 'aria-label', ariaValue);
9062
+ const inputElement = this.element.nativeElement.querySelector('.k-input-inner');
9063
+ const elementToSetLabel = inputElement ? inputElement : this.element.nativeElement;
9064
+ if (ariaValue) {
9065
+ this.renderer.setAttribute(elementToSetLabel, 'aria-label', ariaValue);
9066
+ }
9063
9067
  }
9064
9068
  }
9065
9069
  }
@@ -13229,13 +13233,22 @@ class FilterCellOperatorsComponent {
13229
13233
  this.subs.unsubscribe();
13230
13234
  }
13231
13235
  }
13236
+ /**
13237
+ * @hidden
13238
+ */
13239
+ get columnLabel() {
13240
+ const localizationMsg = this.ctx.localization.get('filterCellOperatorLabel') || '';
13241
+ const columnName = this.column.title || this.column.field;
13242
+ return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
13243
+ }
13232
13244
  }
13233
13245
  FilterCellOperatorsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FilterCellOperatorsComponent, deps: [{ token: ContextService }, { token: SizingOptionsService }], target: i0.ɵɵFactoryTarget.Component });
13234
- FilterCellOperatorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FilterCellOperatorsComponent, selector: "kendo-grid-filter-cell-operators", inputs: { operators: "operators", showButton: "showButton", showOperators: "showOperators", value: "value" }, outputs: { valueChange: "valueChange", clear: "clear" }, host: { properties: { "class.k-filtercell-operator": "this.hostClasses" } }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: `
13246
+ FilterCellOperatorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: FilterCellOperatorsComponent, selector: "kendo-grid-filter-cell-operators", inputs: { operators: "operators", showButton: "showButton", showOperators: "showOperators", value: "value", column: "column" }, outputs: { valueChange: "valueChange", clear: "clear" }, host: { properties: { "class.k-filtercell-operator": "this.hostClasses" } }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: `
13235
13247
  <kendo-dropdownlist
13236
13248
  #dropdown
13237
13249
  *ngIf="showOperators"
13238
13250
  kendoGridFocusable
13251
+ [attr.aria-label]="columnLabel"
13239
13252
  [data]="operators"
13240
13253
  class="k-dropdown-operator"
13241
13254
  (valueChange)="onChange($event)"
@@ -13268,6 +13281,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
13268
13281
  #dropdown
13269
13282
  *ngIf="showOperators"
13270
13283
  kendoGridFocusable
13284
+ [attr.aria-label]="columnLabel"
13271
13285
  [data]="operators"
13272
13286
  class="k-dropdown-operator"
13273
13287
  (valueChange)="onChange($event)"
@@ -13306,6 +13320,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
13306
13320
  type: Input
13307
13321
  }], value: [{
13308
13322
  type: Input
13323
+ }], column: [{
13324
+ type: Input
13309
13325
  }], valueChange: [{
13310
13326
  type: Output
13311
13327
  }], clear: [{
@@ -13341,12 +13357,13 @@ FilterCellWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
13341
13357
  <ng-content></ng-content>
13342
13358
  <kendo-grid-filter-cell-operators
13343
13359
  [showOperators]="showOperators"
13360
+ [column]="column"
13344
13361
  [operators]="operators"
13345
13362
  (clear)="onClear()"
13346
13363
  [showButton]="showButton"
13347
13364
  [(value)]="currentOperator">
13348
13365
  </kendo-grid-filter-cell-operators>
13349
- `, isInline: true, components: [{ type: FilterCellOperatorsComponent, selector: "kendo-grid-filter-cell-operators", inputs: ["operators", "showButton", "showOperators", "value"], outputs: ["valueChange", "clear"] }] });
13366
+ `, isInline: true, components: [{ type: FilterCellOperatorsComponent, selector: "kendo-grid-filter-cell-operators", inputs: ["operators", "showButton", "showOperators", "value", "column"], outputs: ["valueChange", "clear"] }] });
13350
13367
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FilterCellWrapperComponent, decorators: [{
13351
13368
  type: Component,
13352
13369
  args: [{
@@ -13355,6 +13372,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
13355
13372
  <ng-content></ng-content>
13356
13373
  <kendo-grid-filter-cell-operators
13357
13374
  [showOperators]="showOperators"
13375
+ [column]="column"
13358
13376
  [operators]="operators"
13359
13377
  (clear)="onClear()"
13360
13378
  [showButton]="showButton"
@@ -13632,7 +13650,7 @@ class BooleanFilterCellComponent extends BooleanFilterComponent {
13632
13650
  * @hidden
13633
13651
  */
13634
13652
  get columnLabel() {
13635
- const localizationMsg = this.ctx.localization.get('filterInputLabel') || '';
13653
+ const localizationMsg = this.ctx.localization.get('booleanFilterCellLabel') || '';
13636
13654
  const columnName = this.column.title || this.column.field;
13637
13655
  return replaceMessagePlaceholder(localizationMsg, 'columnName', columnName);
13638
13656
  }
@@ -18155,7 +18173,6 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
18155
18173
  [size]="size"
18156
18174
  [style.width.px]="lockedWidth">
18157
18175
  <colgroup kendoGridColGroup
18158
- role="presentation"
18159
18176
  [groups]="groups"
18160
18177
  [columns]="$any(lockedLeafColumns)"
18161
18178
  [detailTemplate]="detailTemplate"
@@ -18187,11 +18204,12 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
18187
18204
  <div [style.height.px]="totalHeight"></div>
18188
18205
  </div>
18189
18206
  </div>
18190
- <div #container
18191
- class="k-grid-content k-virtual-content"
18192
- role="presentation" tabindex="-1"
18193
- [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
18194
- [lockedWidth]="lockedWidth + 1">
18207
+ <div
18208
+ #container
18209
+ class="k-grid-content k-virtual-content"
18210
+ [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
18211
+ [lockedWidth]="lockedWidth + 1"
18212
+ >
18195
18213
  <div role="presentation" class="k-grid-table-wrap">
18196
18214
  <table
18197
18215
  [style.width.px]="nonLockedWidth"
@@ -18202,7 +18220,6 @@ ListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
18202
18220
  [size]="size"
18203
18221
  role="presentation">
18204
18222
  <colgroup kendoGridColGroup
18205
- role="presentation"
18206
18223
  [groups]="isLocked ? [] : groups"
18207
18224
  [columns]="$any(nonLockedColumnsToRender)"
18208
18225
  [detailTemplate]="detailTemplate"
@@ -18274,7 +18291,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
18274
18291
  [size]="size"
18275
18292
  [style.width.px]="lockedWidth">
18276
18293
  <colgroup kendoGridColGroup
18277
- role="presentation"
18278
18294
  [groups]="groups"
18279
18295
  [columns]="$any(lockedLeafColumns)"
18280
18296
  [detailTemplate]="detailTemplate"
@@ -18306,11 +18322,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
18306
18322
  <div [style.height.px]="totalHeight"></div>
18307
18323
  </div>
18308
18324
  </div>
18309
- <div #container
18310
- class="k-grid-content k-virtual-content"
18311
- role="presentation" tabindex="-1"
18312
- [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
18313
- [lockedWidth]="lockedWidth + 1">
18325
+ <div
18326
+ #container
18327
+ class="k-grid-content k-virtual-content"
18328
+ [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
18329
+ [lockedWidth]="lockedWidth + 1"
18330
+ >
18314
18331
  <div role="presentation" class="k-grid-table-wrap">
18315
18332
  <table
18316
18333
  [style.width.px]="nonLockedWidth"
@@ -18321,7 +18338,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
18321
18338
  [size]="size"
18322
18339
  role="presentation">
18323
18340
  <colgroup kendoGridColGroup
18324
- role="presentation"
18325
18341
  [groups]="isLocked ? [] : groups"
18326
18342
  [columns]="$any(nonLockedColumnsToRender)"
18327
18343
  [detailTemplate]="detailTemplate"
@@ -18856,7 +18872,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
18856
18872
  class GridMessages extends ComponentMessages {
18857
18873
  }
18858
18874
  GridMessages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GridMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
18859
- 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 });
18875
+ 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", filterCellOperatorLabel: "filterCellOperatorLabel", booleanFilterCellLabel: "booleanFilterCellLabel", 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 });
18860
18876
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GridMessages, decorators: [{
18861
18877
  type: Directive,
18862
18878
  args: [{
@@ -18899,6 +18915,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
18899
18915
  type: Input
18900
18916
  }], filterMenuLogicDropDownLabel: [{
18901
18917
  type: Input
18918
+ }], filterCellOperatorLabel: [{
18919
+ type: Input
18920
+ }], booleanFilterCellLabel: [{
18921
+ type: Input
18902
18922
  }], filterEqOperator: [{
18903
18923
  type: Input
18904
18924
  }], filterNotEqOperator: [{
@@ -21001,6 +21021,12 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
21001
21021
 
21002
21022
  i18n-filterMenuOperatorsDropDownLabel="kendo.grid.filterMenuOperatorsDropDownLabel|The label of the filter menu operators dropdown"
21003
21023
  filterMenuOperatorsDropDownLabel="{{ '{columnName} Filter Operators' }}"
21024
+
21025
+ i18n-filterCellOperatorLabel="kendo.grid.filterCellOperatorLabel|The label of the filter cell operators dropdown"
21026
+ filterCellOperatorLabel="{{ 'Filter cell operators for {columnName}' }}"
21027
+
21028
+ i18n-booleanFilterCellLabel="kendo.grid.booleanFilterCellLabel|The label of the boolean filter cell dropdown"
21029
+ booleanFilterCellLabel="{{ 'Boolean filter cell for {columnName}' }}"
21004
21030
 
21005
21031
  i18n-filterMenuLogicDropDownLabel="kendo.grid.filterMenuLogicDropDownLabel|The label of the filter menu logic dropdown"
21006
21032
  filterMenuLogicDropDownLabel="{{ '{columnName} Filter Logic' }}"
@@ -21248,7 +21274,6 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
21248
21274
  kendoGridTable
21249
21275
  [size]="size">
21250
21276
  <colgroup kendoGridColGroup
21251
- role="presentation"
21252
21277
  [columns]="$any(lockedLeafColumns)"
21253
21278
  [groups]="group"
21254
21279
  [detailTemplate]="detailTemplate">
@@ -21285,7 +21310,6 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
21285
21310
  kendoGridTable
21286
21311
  [size]="size">
21287
21312
  <colgroup kendoGridColGroup
21288
- role="presentation"
21289
21313
  [columns]="headerLeafColumns"
21290
21314
  [groups]="isLocked ? [] : group"
21291
21315
  [detailTemplate]="detailTemplate">
@@ -21613,6 +21637,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
21613
21637
 
21614
21638
  i18n-filterMenuOperatorsDropDownLabel="kendo.grid.filterMenuOperatorsDropDownLabel|The label of the filter menu operators dropdown"
21615
21639
  filterMenuOperatorsDropDownLabel="{{ '{columnName} Filter Operators' }}"
21640
+
21641
+ i18n-filterCellOperatorLabel="kendo.grid.filterCellOperatorLabel|The label of the filter cell operators dropdown"
21642
+ filterCellOperatorLabel="{{ 'Filter cell operators for {columnName}' }}"
21643
+
21644
+ i18n-booleanFilterCellLabel="kendo.grid.booleanFilterCellLabel|The label of the boolean filter cell dropdown"
21645
+ booleanFilterCellLabel="{{ 'Boolean filter cell for {columnName}' }}"
21616
21646
 
21617
21647
  i18n-filterMenuLogicDropDownLabel="kendo.grid.filterMenuLogicDropDownLabel|The label of the filter menu logic dropdown"
21618
21648
  filterMenuLogicDropDownLabel="{{ '{columnName} Filter Logic' }}"
@@ -21860,7 +21890,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
21860
21890
  kendoGridTable
21861
21891
  [size]="size">
21862
21892
  <colgroup kendoGridColGroup
21863
- role="presentation"
21864
21893
  [columns]="$any(lockedLeafColumns)"
21865
21894
  [groups]="group"
21866
21895
  [detailTemplate]="detailTemplate">
@@ -21897,7 +21926,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
21897
21926
  kendoGridTable
21898
21927
  [size]="size">
21899
21928
  <colgroup kendoGridColGroup
21900
- role="presentation"
21901
21929
  [columns]="headerLeafColumns"
21902
21930
  [groups]="isLocked ? [] : group"
21903
21931
  [detailTemplate]="detailTemplate">
package/filtering/cell/filter-cell-operators.component.d.ts CHANGED
@@ -8,6 +8,7 @@ import { GridSize } from '../../common/size-options';
8
8
  import { SizingOptionsService } from '../../layout/sizing-options.service';
9
9
  import { SVGIcon } from '@progress/kendo-svg-icons';
10
10
  import { ContextService } from '../../common/provider.service';
11
+ import { ColumnComponent } from '../../columns/column.component';
11
12
  import * as i0 from "@angular/core";
12
13
  /**
13
14
  * Represents a component which accommodates the filter operators.
@@ -66,6 +67,10 @@ export declare class FilterCellOperatorsComponent implements OnInit, OnDestroy {
66
67
  * @type {string}
67
68
  */
68
69
  value: string;
70
+ /**
71
+ * @hidden
72
+ */
73
+ column: ColumnComponent;
69
74
  /**
70
75
  * Fires when the operator is selected.
71
76
  * @type {EventEmitter<string>}
@@ -96,6 +101,10 @@ export declare class FilterCellOperatorsComponent implements OnInit, OnDestroy {
96
101
  dropdownKeydown(args: KeyboardEvent): void;
97
102
  ngOnInit(): void;
98
103
  ngOnDestroy(): void;
104
+ /**
105
+ * @hidden
106
+ */
107
+ get columnLabel(): string;
99
108
  static ɵfac: i0.ɵɵFactoryDeclaration<FilterCellOperatorsComponent, never>;
100
- static ɵcmp: i0.ɵɵComponentDeclaration<FilterCellOperatorsComponent, "kendo-grid-filter-cell-operators", never, { "operators": "operators"; "showButton": "showButton"; "showOperators": "showOperators"; "value": "value"; }, { "valueChange": "valueChange"; "clear": "clear"; }, never, never>;
109
+ static ɵcmp: i0.ɵɵComponentDeclaration<FilterCellOperatorsComponent, "kendo-grid-filter-cell-operators", never, { "operators": "operators"; "showButton": "showButton"; "showOperators": "showOperators"; "value": "value"; "column": "column"; }, { "valueChange": "valueChange"; "clear": "clear"; }, never, never>;
101
110
  }
package/localization/messages.d.ts CHANGED
@@ -119,6 +119,30 @@ export declare class GridMessages extends ComponentMessages {
119
119
  * [See example](slug:globalization_grid#toc-custom-messages).
120
120
  */
121
121
  filterMenuLogicDropDownLabel: string;
122
+ /**
123
+ * The label of the filter cell operators DropDownList.
124
+ *
125
+ * The label consists of a two-part message - the name of the column and a localizable string.
126
+ * For a column named **Product Name**, the default label will be **Filter cell operators for Product Name**.
127
+ *
128
+ * To allow reordering the column name and the localizable part, the `filterCellOperatorLabel` accepts a string with a
129
+ * placeholder for the column name, for example, **Filter operators for {columnName}**. The `{columnName}` placeholder will be replaced
130
+ * internally with the current column name, and the resulting label will be rendered as **Filter operators for Product Name**.
131
+ * [See example](slug:globalization_grid#toc-custom-messages).
132
+ */
133
+ filterCellOperatorLabel: string;
134
+ /**
135
+ * The label of the boolean filter cell DropDownList.
136
+ *
137
+ * The label consists of a two-part message - the name of the column and a localizable string.
138
+ * For a column named **Product Name**, the default label will be **Boolean filter cell for Product Name**.
139
+ *
140
+ * To allow reordering the column name and the localizable part, the `booleanFilterCellLabel` accepts a string with a
141
+ * placeholder for the column name, for example, **Boolean Filter operator for {columnName}**. The `{columnName}` placeholder will be replaced
142
+ * internally with the current column name, and the resulting label will be rendered as **Boolean Filter operator for Product Name**.
143
+ * [See example](slug:globalization_grid#toc-custom-messages).
144
+ */
145
+ booleanFilterCellLabel: string;
122
146
  /**
123
147
  * The text of the `Equal` (**Is equal to**) filter operator.
124
148
  */
@@ -375,5 +399,5 @@ export declare class GridMessages extends ComponentMessages {
375
399
  */
376
400
  columnMenuColumnsTabTitle: string;
377
401
  static ɵfac: i0.ɵɵFactoryDeclaration<GridMessages, never>;
378
- static ɵdir: i0.ɵɵDirectiveDeclaration<GridMessages, "kendo-grid-messages-base", never, { "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"; }, {}, never>;
402
+ static ɵdir: i0.ɵɵDirectiveDeclaration<GridMessages, "kendo-grid-messages-base", never, { "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"; "filterCellOperatorLabel": "filterCellOperatorLabel"; "booleanFilterCellLabel": "booleanFilterCellLabel"; "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"; }, {}, never>;
379
403
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-grid",
3
- "version": "13.0.0-develop.19",
3
+ "version": "13.0.0-develop.20",
4
4
  "description": "Kendo UI Grid for Angular - high performance data grid with paging, filtering, virtualization, CRUD, and more.",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -32,25 +32,25 @@
32
32
  "@progress/kendo-data-query": "^1.0.0",
33
33
  "@progress/kendo-drawing": "^1.17.2",
34
34
  "@progress/kendo-licensing": "^1.0.2",
35
- "@progress/kendo-angular-buttons": "13.0.0-develop.19",
36
- "@progress/kendo-angular-common": "13.0.0-develop.19",
37
- "@progress/kendo-angular-dateinputs": "13.0.0-develop.19",
38
- "@progress/kendo-angular-layout": "13.0.0-develop.19",
39
- "@progress/kendo-angular-dropdowns": "13.0.0-develop.19",
40
- "@progress/kendo-angular-excel-export": "13.0.0-develop.19",
41
- "@progress/kendo-angular-icons": "13.0.0-develop.19",
42
- "@progress/kendo-angular-inputs": "13.0.0-develop.19",
43
- "@progress/kendo-angular-intl": "13.0.0-develop.19",
44
- "@progress/kendo-angular-l10n": "13.0.0-develop.19",
45
- "@progress/kendo-angular-label": "13.0.0-develop.19",
46
- "@progress/kendo-angular-pdf-export": "13.0.0-develop.19",
47
- "@progress/kendo-angular-popup": "13.0.0-develop.19",
48
- "@progress/kendo-angular-utils": "13.0.0-develop.19",
35
+ "@progress/kendo-angular-buttons": "13.0.0-develop.20",
36
+ "@progress/kendo-angular-common": "13.0.0-develop.20",
37
+ "@progress/kendo-angular-dateinputs": "13.0.0-develop.20",
38
+ "@progress/kendo-angular-layout": "13.0.0-develop.20",
39
+ "@progress/kendo-angular-dropdowns": "13.0.0-develop.20",
40
+ "@progress/kendo-angular-excel-export": "13.0.0-develop.20",
41
+ "@progress/kendo-angular-icons": "13.0.0-develop.20",
42
+ "@progress/kendo-angular-inputs": "13.0.0-develop.20",
43
+ "@progress/kendo-angular-intl": "13.0.0-develop.20",
44
+ "@progress/kendo-angular-l10n": "13.0.0-develop.20",
45
+ "@progress/kendo-angular-label": "13.0.0-develop.20",
46
+ "@progress/kendo-angular-pdf-export": "13.0.0-develop.20",
47
+ "@progress/kendo-angular-popup": "13.0.0-develop.20",
48
+ "@progress/kendo-angular-utils": "13.0.0-develop.20",
49
49
  "rxjs": "^6.5.3 || ^7.0.0"
50
50
  },
51
51
  "dependencies": {
52
52
  "tslib": "^2.3.1",
53
- "@progress/kendo-angular-schematics": "13.0.0-develop.19",
53
+ "@progress/kendo-angular-schematics": "13.0.0-develop.20",
54
54
  "@progress/kendo-common": "^0.2.0",
55
55
  "@progress/kendo-file-saver": "^1.0.0"
56
56
  },
package/schematics/ngAdd/index.js CHANGED
@@ -4,13 +4,13 @@ const schematics_1 = require("@angular-devkit/schematics");
4
4
  function default_1(options) {
5
5
  const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'GridModule', package: 'grid', peerDependencies: {
6
6
  // peer dep of the dropdowns
7
- '@progress/kendo-angular-treeview': '13.0.0-develop.19',
7
+ '@progress/kendo-angular-treeview': '13.0.0-develop.20',
8
8
  // peer dependency of kendo-angular-inputs
9
- '@progress/kendo-angular-dialog': '13.0.0-develop.19',
9
+ '@progress/kendo-angular-dialog': '13.0.0-develop.20',
10
10
  // peer dependency of kendo-angular-icons
11
11
  '@progress/kendo-svg-icons': '^1.0.0',
12
12
  // peer dependency of kendo-angular-layout
13
- '@progress/kendo-angular-progressbar': '13.0.0-develop.19'
13
+ '@progress/kendo-angular-progressbar': '13.0.0-develop.20'
14
14
  } });
15
15
  return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
16
16
  }