@progress/kendo-vue-data-tools 3.5.3-dev.202209051408 → 3.5.4-dev.202209091220

package/dist/esm/filter/Expression.js

@@ -37,7 +37,7 @@ import { Button, Toolbar, ToolbarItem } from '@progress/kendo-vue-buttons';
 import { DropDownList } from '@progress/kendo-vue-dropdowns';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { unaryOperator, stringOperator } from './operators.js';
-import { messages, filterClose } from '../messages/main.js';
+import { messages, filterClose, filterExpressionDropdownAriaLabel, filterExpressionOperatorDropdownAriaLabel } from '../messages/main.js';
 import { TextFilter } from './filters/TextFilter.js';
 import { NumericFilter } from './filters/NumericFilter.js';
 import { BooleanFilter } from './filters/BooleanFilter.js';
@@ -187,7 +187,8 @@ var ExpressionVue2 = {
             textField: "label",
             value: fields.find(function (f) {
               return f.name === filter.field;
-            })
+            }),
+            ariaLabel: locService.toLanguageString(filterExpressionDropdownAriaLabel, messages[filterExpressionDropdownAriaLabel])
           },
           textField: "label",
           value: fields.find(function (f) {
@@ -196,7 +197,8 @@ var ExpressionVue2 = {
           onChange: _this.onFieldChange,
           on: _this.v3 ? undefined : {
             "change": _this.onFieldChange
-          }
+          },
+          ariaLabel: locService.toLanguageString(filterExpressionDropdownAriaLabel, messages[filterExpressionDropdownAriaLabel])
         })];
       } : [h(DropDownList, {
         "class": "k-filter-dropdown",
@@ -206,7 +208,8 @@ var ExpressionVue2 = {
           textField: "label",
           value: fields.find(function (f) {
             return f.name === filter.field;
-          })
+          }),
+          ariaLabel: locService.toLanguageString(filterExpressionDropdownAriaLabel, messages[filterExpressionDropdownAriaLabel])
         },
         textField: "label",
         value: fields.find(function (f) {
@@ -215,7 +218,8 @@ var ExpressionVue2 = {
         onChange: _this.onFieldChange,
         on: _this.v3 ? undefined : {
           "change": _this.onFieldChange
-        }
+        },
+        ariaLabel: locService.toLanguageString(filterExpressionDropdownAriaLabel, messages[filterExpressionDropdownAriaLabel])
       })]), // @ts-ignore function children 
       h(ToolbarItem, {
         "class": "k-filter-operator"
@@ -228,7 +232,8 @@ var ExpressionVue2 = {
             textField: "text",
             value: operators.find(function (o) {
               return o.operator === filter.operator;
-            })
+            }),
+            ariaLabel: locService.toLanguageString(filterExpressionOperatorDropdownAriaLabel, messages[filterExpressionOperatorDropdownAriaLabel])
           },
           textField: "text",
           value: operators.find(function (o) {
@@ -237,7 +242,8 @@ var ExpressionVue2 = {
           onChange: _this.onOperatorChange,
           on: _this.v3 ? undefined : {
             "change": _this.onOperatorChange
-          }
+          },
+          ariaLabel: locService.toLanguageString(filterExpressionOperatorDropdownAriaLabel, messages[filterExpressionOperatorDropdownAriaLabel])
         })];
       } : [h(DropDownList, {
         dataItems: operators,
@@ -246,7 +252,8 @@ var ExpressionVue2 = {
           textField: "text",
           value: operators.find(function (o) {
             return o.operator === filter.operator;
-          })
+          }),
+          ariaLabel: locService.toLanguageString(filterExpressionOperatorDropdownAriaLabel, messages[filterExpressionOperatorDropdownAriaLabel])
         },
         textField: "text",
         value: operators.find(function (o) {
@@ -255,7 +262,8 @@ var ExpressionVue2 = {
         onChange: _this.onOperatorChange,
         on: _this.v3 ? undefined : {
           "change": _this.onOperatorChange
-        }
+        },
+        ariaLabel: locService.toLanguageString(filterExpressionOperatorDropdownAriaLabel, messages[filterExpressionOperatorDropdownAriaLabel])
       })]), // @ts-ignore function children 
       h(ToolbarItem, {
         "class": "k-filter-value"
@@ -307,7 +315,8 @@ var ExpressionVue2 = {
           textField: "label",
           value: fields.find(function (f) {
             return f.name === filter.field;
-          })
+          }),
+          ariaLabel: locService.toLanguageString(filterExpressionDropdownAriaLabel, messages[filterExpressionDropdownAriaLabel])
         },
         textField: "label",
         value: fields.find(function (f) {
@@ -316,7 +325,8 @@ var ExpressionVue2 = {
         onChange: _this.onFieldChange,
         on: _this.v3 ? undefined : {
           "change": _this.onFieldChange
-        }
+        },
+        ariaLabel: locService.toLanguageString(filterExpressionDropdownAriaLabel, messages[filterExpressionDropdownAriaLabel])
       })];
     } : [h(DropDownList, {
       "class": "k-filter-dropdown",
@@ -326,7 +336,8 @@ var ExpressionVue2 = {
         textField: "label",
         value: fields.find(function (f) {
           return f.name === filter.field;
-        })
+        }),
+        ariaLabel: locService.toLanguageString(filterExpressionDropdownAriaLabel, messages[filterExpressionDropdownAriaLabel])
       },
       textField: "label",
       value: fields.find(function (f) {
@@ -335,7 +346,8 @@ var ExpressionVue2 = {
       onChange: _this.onFieldChange,
       on: _this.v3 ? undefined : {
         "change": _this.onFieldChange
-      }
+      },
+      ariaLabel: locService.toLanguageString(filterExpressionDropdownAriaLabel, messages[filterExpressionDropdownAriaLabel])
     })]), h(ToolbarItem, {
       "class": "k-filter-operator"
     }, _this.v3 ? function () {
@@ -346,7 +358,8 @@ var ExpressionVue2 = {
           textField: "text",
           value: operators.find(function (o) {
             return o.operator === filter.operator;
-          })
+          }),
+          ariaLabel: locService.toLanguageString(filterExpressionOperatorDropdownAriaLabel, messages[filterExpressionOperatorDropdownAriaLabel])
         },
         textField: "text",
         value: operators.find(function (o) {
@@ -355,7 +368,8 @@ var ExpressionVue2 = {
         onChange: _this.onOperatorChange,
         on: _this.v3 ? undefined : {
           "change": _this.onOperatorChange
-        }
+        },
+        ariaLabel: locService.toLanguageString(filterExpressionOperatorDropdownAriaLabel, messages[filterExpressionOperatorDropdownAriaLabel])
       })];
     } : [h(DropDownList, {
       dataItems: operators,
@@ -364,7 +378,8 @@ var ExpressionVue2 = {
         textField: "text",
         value: operators.find(function (o) {
           return o.operator === filter.operator;
-        })
+        }),
+        ariaLabel: locService.toLanguageString(filterExpressionOperatorDropdownAriaLabel, messages[filterExpressionOperatorDropdownAriaLabel])
       },
       textField: "text",
       value: operators.find(function (o) {
@@ -373,7 +388,8 @@ var ExpressionVue2 = {
       onChange: _this.onOperatorChange,
       on: _this.v3 ? undefined : {
         "change": _this.onOperatorChange
-      }
+      },
+      ariaLabel: locService.toLanguageString(filterExpressionOperatorDropdownAriaLabel, messages[filterExpressionOperatorDropdownAriaLabel])
     })]), h(ToolbarItem, {
       "class": "k-filter-value"
     }, _this.v3 ? function () {

package/dist/esm/filter/filters/EnumFilter.js

@@ -21,7 +21,7 @@ var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 import { DropDownList } from '@progress/kendo-vue-dropdowns';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
-import { messages } from '../../messages/main.js';
+import { messages, filterEnumFilterDropdownAriaLabel } from '../../messages/main.js';
 /**
  * @hidden
  */
@@ -34,7 +34,8 @@ var EnumFilterVue2 = {
       required: true
     },
     dataItems: Array,
-    defaultItem: Object
+    defaultItem: Object,
+    ariaLabel: String
   },
   inject: {
     kendoLocalizationService: {
@@ -55,7 +56,9 @@ var EnumFilterVue2 = {
         filter = _a.filter,
         _b = _a.dataItems,
         dataItems = _b === void 0 ? [] : _b,
-        defaultItem = _a.defaultItem;
+        defaultItem = _a.defaultItem,
+        _c = _a.ariaLabel,
+        ariaLabel = _c === void 0 ? locService.toLanguageString(filterEnumFilterDropdownAriaLabel, messages[filterEnumFilterDropdownAriaLabel]) : _c;
     var locData = dataItems.map(function (item) {
       return __assign(__assign({}, item), {
         text: locService.toLanguageString(item.text, messages[item.text] || item.text)
@@ -72,7 +75,8 @@ var EnumFilterVue2 = {
           }) || null,
           defaultItem: defaultItem,
           dataItems: locData,
-          textField: "text"
+          textField: "text",
+          ariaLabel: ariaLabel
         },
         onChange: this.onChange,
         on: this.v3 ? undefined : {
@@ -80,7 +84,8 @@ var EnumFilterVue2 = {
         },
         defaultItem: defaultItem,
         dataItems: locData,
-        textField: "text"
+        textField: "text",
+        ariaLabel: ariaLabel
       })
     );
   },

package/dist/esm/filter/filters/NumericFilter.js

@@ -20,6 +20,8 @@ var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 import { NumericTextBox } from '@progress/kendo-vue-inputs';
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
+import { filterNumericFilterAriaLabel, messages } from '../../messages/main.js';
 /**
  * @hidden
  */
@@ -32,6 +34,11 @@ var NumericFilterVue2 = {
       required: true
     }
   },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
     var v3 = !!isV3;
@@ -42,16 +49,20 @@ var NumericFilterVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var filter = this.$props.filter;
+    var ls = provideLocalizationService(this);
+    var ariaLabel = ls.toLanguageString(filterNumericFilterAriaLabel, messages[filterNumericFilterAriaLabel]);
     return (// @ts-ignore
       h(NumericTextBox, {
         value: typeof filter.value === 'number' ? filter.value : null,
         attrs: this.v3 ? undefined : {
-          value: typeof filter.value === 'number' ? filter.value : null
+          value: typeof filter.value === 'number' ? filter.value : null,
+          ariaLabel: ariaLabel
         },
         onChange: this.onChange,
         on: this.v3 ? undefined : {
           "change": this.onChange
-        }
+        },
+        ariaLabel: ariaLabel
       })
     );
   },

package/dist/esm/filter/filters/TextFilter.d.ts

@@ -19,6 +19,10 @@ export interface TextFilterProps {
     onFilterchange?: (event: {
         nextFilter: FilterOperator;
     }) => void;
+    /**
+     * The accessible label of the component.
+     */
+    ariaLabel?: string;
 }
 /**
  * @hidden

package/dist/esm/filter/filters/TextFilter.js

@@ -20,6 +20,8 @@ var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 import { Input } from '@progress/kendo-vue-inputs';
+import { provideLocalizationService } from '@progress/kendo-vue-intl';
+import { filterTextFilterAriaLabel, messages } from '../../messages/main.js';
 /**
  * @hidden
  */
@@ -30,6 +32,12 @@ var TextFilterVue2 = {
     filter: {
       type: Object,
       required: true
+    },
+    ariaLabel: String
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
     }
   },
   // @ts-ignore
@@ -41,16 +49,21 @@ var TextFilterVue2 = {
   },
   render: function render(createElement) {
     var h = gh || createElement;
+    var locService = provideLocalizationService(this);
+    var _a = this.$props.ariaLabel,
+        ariaLabel = _a === void 0 ? locService.toLanguageString(filterTextFilterAriaLabel, messages[filterTextFilterAriaLabel]) : _a;
     return (// @ts-ignore
       h(Input, {
         value: this.$props.filter.value || '',
         attrs: this.v3 ? undefined : {
-          value: this.$props.filter.value || ''
+          value: this.$props.filter.value || '',
+          ariaLabel: ariaLabel
         },
         onInput: this.onChange,
         on: this.v3 ? undefined : {
           "input": this.onChange
-        }
+        },
+        ariaLabel: ariaLabel
       })
     );
   },

package/dist/esm/header/FilterRow.d.ts

@@ -17,18 +17,24 @@ export interface FilterRowProps {
     sort?: SortDescriptor[];
     cellRender?: any;
     isRtl?: boolean;
+    ariaRowIndex?: number;
 }
 /**
  * @hidden
  */
-export interface FilterRowMethods extends Vue2type {
+export interface FilterRowMethods {
     headerCellClassName: (field?: string, locked?: boolean) => string;
     setFilter: (value: string | number, operator: string | Function, field: string | undefined, e: any) => void;
 }
 /**
  * @hidden
  */
-declare let FilterRowVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<FilterRowMethods>, {}, RecordPropsDefinition<FilterRowProps>>;
+export interface FilterRowAll extends FilterRowProps, FilterRowMethods, Vue2type {
+}
+/**
+ * @hidden
+ */
+declare let FilterRowVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<FilterRowAll>, {}, RecordPropsDefinition<FilterRowProps>>;
 /**
  * @hidden
  */

package/dist/esm/header/FilterRow.js

@@ -23,7 +23,8 @@ var FilterRowVue2 = {
     filterOperators: Object,
     sort: [Object, Array],
     cellRender: [String, Function, Object],
-    isRtl: Boolean
+    isRtl: Boolean,
+    ariaRowIndex: Number
   },
   inject: {
     kendoLocalizationService: {
@@ -193,7 +194,13 @@ var FilterRowVue2 = {
       });
     }, this);
     return h("tr", {
-      "class": "k-filter-row"
+      "class": "k-filter-row",
+      "aria-rowindex": this.ariaRowIndex,
+      attrs: this.v3 ? undefined : {
+        "aria-rowindex": this.ariaRowIndex,
+        role: 'row'
+      },
+      role: 'row'
     }, [filterCells]);
   }
 };

package/dist/esm/header/Header.js

@@ -106,10 +106,6 @@ var HeaderVue2 = {
         role: "presentation"
       }
     }, [h("colgroup", {
-      role: "presentation",
-      attrs: this.v3 ? undefined : {
-        role: "presentation"
-      },
       ref: setRef(this, 'colGroupHeader')
     }, [this.$props.cols]), this.$props.headerRow])])]);
   }

package/dist/esm/header/HeaderCell.d.ts

@@ -7,7 +7,7 @@ import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } fr
 /**
  * @hidden
  */
-export interface HeaderCellMethods extends Vue2type {
+export interface HeaderCellMethods extends HeaderCellProps, Vue2type {
     clickHandler: (event: any) => void;
 }
 /**

package/dist/esm/header/HeaderCell.js

@@ -18,7 +18,9 @@ var HeaderCellVue2 = {
   },
   methods: {
     clickHandler: function clickHandler(event) {
-      this.$emit('headercellclick', event);
+      if (this.sortable) {
+        this.$emit('headercellclick', event);
+      }
     }
   },
   // @ts-ignore
@@ -34,23 +36,24 @@ var HeaderCellVue2 = {
     var defaultSlot = getDefaultSlots(this);
     var renderTemplate = this.$props.render;
     var textInCell = this.$props.title || this.$props.field || "\xA0";
-    var defaultRendering = this.$props.sortable ? h("span", {
-      "class": "k-link",
-      onClick: this.clickHandler,
-      on: this.v3 ? undefined : {
-        "click": this.clickHandler
-      }
-    }, [textInCell, defaultSlot]) : defaultSlot ? h("span", [textInCell, defaultSlot]) // @ts-ignore
-    : this.v3 ? textInCell : this._v(textInCell);
-    return getTemplate.call(this, {
+    var defaultRendering = getTemplate.call(this, {
       h: h,
       template: renderTemplate,
-      defaultRendering: defaultRendering,
+      defaultRendering: textInCell,
       additionalProps: this.$props,
       additionalListeners: {
         click: this.clickHandler
       }
     });
+    return h("span", {
+      "class": 'k-link',
+      onClick: this.clickHandler,
+      on: this.v3 ? undefined : {
+        "click": this.clickHandler
+      }
+    }, [h("span", {
+      "class": 'k-column-title'
+    }, [defaultRendering]), defaultSlot]);
   }
 };
 /**

package/dist/esm/header/HeaderRow.js

@@ -314,7 +314,9 @@ var HeaderRowVue2 = {
               filterOperators: _this2.$props.filterOperators,
               onFilterchange: _this2.filterChangeHandler,
               render: columnMenuRender
-            }), column.internalHeaderCell && // @ts-ignore function children
+            }), column.internalHeaderCell && h("span", {
+              "class": 'k-cell-inner'
+            }, [// @ts-ignore function children
             h(column.internalHeaderCell, {
               key: 1,
               field: column.field,
@@ -341,7 +343,9 @@ var HeaderRowVue2 = {
               render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
             }, _this2.v3 ? function () {
               return [sortIcon];
-            } : [sortIcon]) || // @ts-ignore function children
+            } : [sortIcon])]) || h("span", {
+              "class": 'k-cell-inner'
+            }, [// @ts-ignore function children
             h(HeaderCell, {
               key: 1,
               field: column.field,
@@ -366,7 +370,7 @@ var HeaderRowVue2 = {
               render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
             }, _this2.v3 ? function () {
               return [sortIcon];
-            } : [sortIcon]), _this2.$props.columnResize && _this2.$props.columnResize.resizable // @ts-ignore
+            } : [sortIcon])]), _this2.$props.columnResize && _this2.$props.columnResize.resizable // @ts-ignore
             && column.resizable && h(ColumnResizer, {
               key: 2,
               onResize: function onResize(e, element, end) {
@@ -414,7 +418,9 @@ var HeaderRowVue2 = {
             filterOperators: _this2.$props.filterOperators,
             onFilterchange: _this2.filterChangeHandler,
             render: columnMenuRender
-          }), column.internalHeaderCell && h(column.internalHeaderCell, {
+          }), column.internalHeaderCell && h("span", {
+            "class": 'k-cell-inner'
+          }, [h(column.internalHeaderCell, {
             key: 1,
             field: column.field,
             attrs: _this2.v3 ? undefined : {
@@ -440,7 +446,9 @@ var HeaderRowVue2 = {
             render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
           }, _this2.v3 ? function () {
             return [sortIcon];
-          } : [sortIcon]) || h(HeaderCell, {
+          } : [sortIcon])]) || h("span", {
+            "class": 'k-cell-inner'
+          }, [h(HeaderCell, {
             key: 1,
             field: column.field,
             attrs: _this2.v3 ? undefined : {
@@ -464,7 +472,7 @@ var HeaderRowVue2 = {
             render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
           }, _this2.v3 ? function () {
             return [sortIcon];
-          } : [sortIcon]), _this2.$props.columnResize && _this2.$props.columnResize.resizable && column.resizable && h(ColumnResizer, {
+          } : [sortIcon])]), _this2.$props.columnResize && _this2.$props.columnResize.resizable && column.resizable && h(ColumnResizer, {
             key: 2,
             onResize: function onResize(e, element, end) {
               return _this.$props.columnResize && _this.$props.columnResize.dragHandler(e, column, element, end);
@@ -503,7 +511,12 @@ var HeaderRowVue2 = {
         onReleaseHandler: this.releaseHandler
       }, this.v3 ? function () {
         return [cells.call(_this3, rowIndexes)];
-      } : [cells.call(_this3, rowIndexes)]) || h("tr", [cells.call(this, rowIndexes)]);
+      } : [cells.call(_this3, rowIndexes)]) || h("tr", {
+        role: 'row',
+        attrs: this.v3 ? undefined : {
+          role: 'row'
+        }
+      }, [cells.call(this, rowIndexes)]);
     }, this), this.$props.filterRow]);
   }
 };

package/dist/esm/interfaces/FilterCellProps.d.ts

@@ -65,4 +65,8 @@ export interface FilterCellProps {
      * The title of the clear button.
      */
     clearButtonTitle?: string;
+    /**
+     * The ariaLabel of the filter editor.
+     */
+    ariaLabel?: string;
 }

package/dist/esm/messages/main.d.ts

@@ -26,6 +26,10 @@ export declare const pagerLastPage = "pager.lastPage";
  * @hidden
  */
 export declare const pagerItemPerPage = "pager.itemsPerPage";
+/**
+ * @hidden
+ */
+export declare const pagerPageSelection = "pager.pageSelection";
 /**
  * @hidden
  */
@@ -262,11 +266,48 @@ export declare const sortAriaLabel = "sort.ariaLabel";
  * @hidden
  */
 export declare const filterAriaLabel = "filter.ariaLabel";
+/**
+ * @hidden
+ */
+export declare const filterGroupAriaLabel = "filter.groupAriaLabel";
+/**
+ * @hidden
+ */
+export declare const filterExpressionAriaLabel = "filter.expressionAriaLabel";
+/**
+ * @hidden
+ */
+export declare const filterExpressionDropdownAriaLabel = "filter.expressionDropdownAriaLabel";
+/**
+ * @hidden
+ */
+export declare const filterExpressionOperatorDropdownAriaLabel = "filter.expressionOperatorDropdownAriaLabel";
+/**
+ * @hidden
+ */
+export declare const filterEnumFilterDropdownAriaLabel = "filter.enumFilterDropdownAriaLabel";
+/**
+ * @hidden
+ */
+export declare const filterNumericFilterAriaLabel = "filter.numericFilterAriaLabel";
+/**
+ * @hidden
+ */
+export declare const filterTextFilterAriaLabel = "filter.textFilterAriaLabel";
+/**
+ * @hidden
+ */
+export declare const filterDateFilterAriaLabel = "filter.dateFilterAriaLabel";
+/**
+ * @hidden
+ */
+export declare const filterDropDownOperatorAriaLabel = "filter.dropdownOperatorAriaLabel";
 /**
  * @hidden
  */
 export declare const messages: {
     "pager.itemsPerPage": string;
+    "pager.pageSelection": string;
     "pager.info": string;
     "pager.firstPage": string;
     "pager.previousPage": string;
@@ -304,6 +345,15 @@ export declare const messages: {
     "filter.addExpression": string;
     "filter.addGroup": string;
     "filter.close": string;
+    "filter.groupAriaLabel": string;
+    "filter.expressionAriaLabel": string;
+    "filter.expressionDropdownAriaLabel": string;
+    "filter.expressionOperatorDropdownAriaLabel": string;
+    "filter.enumFilterDropdownAriaLabel": string;
+    "filter.numericFilterAriaLabel": string;
+    "filter.textFilterAriaLabel": string;
+    "filter.dateFilterAriaLabel": string;
+    "filter.dropdownOperatorAriaLabel": string;
     "columnMenu.filterChooseOperator": string;
     "columnMenu.filterClearButton": string;
     "columnMenu.filterSubmitButton": string;

package/dist/esm/messages/main.js

@@ -27,6 +27,10 @@ export var pagerLastPage = 'pager.lastPage';
  * @hidden
  */
 export var pagerItemPerPage = 'pager.itemsPerPage';
+/**
+ * @hidden
+ */
+export var pagerPageSelection = 'pager.pageSelection';
 /**
  * @hidden
  */
@@ -263,11 +267,48 @@ export var sortAriaLabel = 'sort.ariaLabel';
  * @hidden
  */
 export var filterAriaLabel = 'filter.ariaLabel';
+/**
+ * @hidden
+ */
+export var filterGroupAriaLabel = 'filter.groupAriaLabel';
+/**
+ * @hidden
+ */
+export var filterExpressionAriaLabel = 'filter.expressionAriaLabel';
+/**
+ * @hidden
+ */
+export var filterExpressionDropdownAriaLabel = 'filter.expressionDropdownAriaLabel';
+/**
+ * @hidden
+ */
+export var filterExpressionOperatorDropdownAriaLabel = 'filter.expressionOperatorDropdownAriaLabel';
+/**
+ * @hidden
+ */
+export var filterEnumFilterDropdownAriaLabel = 'filter.enumFilterDropdownAriaLabel';
+/**
+ * @hidden
+ */
+export var filterNumericFilterAriaLabel = 'filter.numericFilterAriaLabel';
+/**
+ * @hidden
+ */
+export var filterTextFilterAriaLabel = 'filter.textFilterAriaLabel';
+/**
+ * @hidden
+ */
+export var filterDateFilterAriaLabel = 'filter.dateFilterAriaLabel';
+/**
+ * @hidden
+ */
+export var filterDropDownOperatorAriaLabel = 'filter.dropdownOperatorAriaLabel';
 /**
  * @hidden
  */
 export var messages = (_a = {},
     _a[pagerItemPerPage] = 'items per page',
+    _a[pagerPageSelection] = 'Select page',
     _a[pagerInfo] = '{0} - {1} of {2} items',
     _a[pagerFirstPage] = 'Go to the first page',
     _a[pagerPreviousPage] = 'Go to the previous page',
@@ -305,6 +346,15 @@ export var messages = (_a = {},
     _a[filterAddExpression] = 'Add Expression',
     _a[filterAddGroup] = 'Add Group',
     _a[filterClose] = 'Close',
+    _a[filterGroupAriaLabel] = 'Filter toolbar',
+    _a[filterExpressionAriaLabel] = 'Filter expression row',
+    _a[filterExpressionDropdownAriaLabel] = 'Filter dropdown',
+    _a[filterExpressionOperatorDropdownAriaLabel] = 'Filter operator dropdown',
+    _a[filterEnumFilterDropdownAriaLabel] = 'Select True/False',
+    _a[filterNumericFilterAriaLabel] = 'Enter number filter',
+    _a[filterTextFilterAriaLabel] = 'Enter text filter',
+    _a[filterDateFilterAriaLabel] = 'Enter date filter',
+    _a[filterDropDownOperatorAriaLabel] = 'Choose Operator',
     _a[columnMenuFilterChooseOperator] = 'Choose Operator',
     _a[columnMenuFilterClearButton] = 'Clear',
     _a[columnMenuFilterSubmitButton] = 'Filter',