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

package/dist/npm/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/npm/header/FilterRow.js

@@ -37,7 +37,8 @@ var FilterRowVue2 = {
     filterOperators: Object,
     sort: [Object, Array],
     cellRender: [String, Function, Object],
-    isRtl: Boolean
+    isRtl: Boolean,
+    ariaRowIndex: Number
   },
   inject: {
     kendoLocalizationService: {
@@ -207,7 +208,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/npm/header/Header.js

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

package/dist/npm/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/npm/header/HeaderCell.js

@@ -27,7 +27,9 @@ var HeaderCellVue2 = {
   },
   methods: {
     clickHandler: function clickHandler(event) {
-      this.$emit('headercellclick', event);
+      if (this.sortable) {
+        this.$emit('headercellclick', event);
+      }
     }
   },
   // @ts-ignore
@@ -43,23 +45,24 @@ var HeaderCellVue2 = {
     var defaultSlot = (0, kendo_vue_common_1.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 kendo_vue_common_1.getTemplate.call(this, {
+    var defaultRendering = kendo_vue_common_1.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]);
   }
 };
 exports.HeaderCellVue2 = HeaderCellVue2;

package/dist/npm/header/HeaderRow.js

@@ -329,7 +329,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,
@@ -356,7 +358,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_1.HeaderCell, {
               key: 1,
               field: column.field,
@@ -381,7 +385,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_1.ColumnResizer, {
               key: 2,
               onResize: function onResize(e, element, end) {
@@ -429,7 +433,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 : {
@@ -455,7 +461,9 @@ var HeaderRowVue2 = {
             render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
           }, _this2.v3 ? function () {
             return [sortIcon];
-          } : [sortIcon]) || h(HeaderCell_1.HeaderCell, {
+          } : [sortIcon])]) || h("span", {
+            "class": 'k-cell-inner'
+          }, [h(HeaderCell_1.HeaderCell, {
             key: 1,
             field: column.field,
             attrs: _this2.v3 ? undefined : {
@@ -479,7 +487,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_1.ColumnResizer, {
+          } : [sortIcon])]), _this2.$props.columnResize && _this2.$props.columnResize.resizable && column.resizable && h(ColumnResizer_1.ColumnResizer, {
             key: 2,
             onResize: function onResize(e, element, end) {
               return _this.$props.columnResize && _this.$props.columnResize.dragHandler(e, column, element, end);
@@ -518,7 +526,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/npm/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/npm/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/npm/messages/main.js

@@ -1,8 +1,8 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.columnMenuFilterNotContainsOperator = exports.columnMenuFilterContainsOperator = exports.columnMenuFilterStartsWithOperator = exports.columnMenuFilterIsNotEmptyOperator = exports.columnMenuFilterIsEmptyOperator = exports.columnMenuFilterIsNotNullOperator = exports.columnMenuFilterIsNullOperator = exports.columnMenuFilterNotEqOperator = exports.columnMenuFilterEqOperator = exports.columnMenuSortDescending = exports.columnMenuSortAscending = exports.columnMenuFilterTitle = exports.columnMenuFilterSubmitButton = exports.columnMenuFilterClearButton = exports.columnMenuFilterChooseOperator = exports.filterClose = exports.filterAddGroup = exports.filterAddExpression = exports.filterOrLogic = exports.filterAndLogic = exports.filterBeforeOrEqualOperator = exports.filterBeforeOperator = exports.filterAfterOperator = exports.filterAfterOrEqualOperator = exports.filterIsFalse = exports.filterIsTrue = exports.filterLtOperator = exports.filterLteOperator = exports.filterGtOperator = exports.filterGteOperator = exports.filterEndsWithOperator = exports.filterNotContainsOperator = exports.filterContainsOperator = exports.filterStartsWithOperator = exports.filterIsNotEmptyOperator = exports.filterIsEmptyOperator = exports.filterIsNotNullOperator = exports.filterIsNullOperator = exports.filterNotEqOperator = exports.filterEqOperator = exports.pagerTotalPages = exports.pagerOf = exports.pagerPage = exports.pagerItemPerPage = exports.pagerLastPage = exports.pagerNextPage = exports.pagerPreviousPage = exports.pagerFirstPage = exports.pagerInfo = exports.columnMenu = void 0;
-exports.messages = exports.filterAriaLabel = exports.sortAriaLabel = exports.filterCheckAll = exports.searchPlaceholder = exports.columnMenuFilterOrLogic = exports.columnMenuFilterAndLogic = exports.columnMenuFilterBeforeOrEqualOperator = exports.columnMenuFilterBeforeOperator = exports.columnMenuFilterAfterOperator = exports.columnMenuFilterAfterOrEqualOperator = exports.columnMenuFilterIsTrue = exports.columnMenuFilterLtOperator = exports.columnMenuFilterLteOperator = exports.columnMenuFilterGtOperator = exports.columnMenuFilterGteOperator = exports.columnMenuFilterEndsWithOperator = void 0;
+exports.columnMenuFilterContainsOperator = exports.columnMenuFilterStartsWithOperator = exports.columnMenuFilterIsNotEmptyOperator = exports.columnMenuFilterIsEmptyOperator = exports.columnMenuFilterIsNotNullOperator = exports.columnMenuFilterIsNullOperator = exports.columnMenuFilterNotEqOperator = exports.columnMenuFilterEqOperator = exports.columnMenuSortDescending = exports.columnMenuSortAscending = exports.columnMenuFilterTitle = exports.columnMenuFilterSubmitButton = exports.columnMenuFilterClearButton = exports.columnMenuFilterChooseOperator = exports.filterClose = exports.filterAddGroup = exports.filterAddExpression = exports.filterOrLogic = exports.filterAndLogic = exports.filterBeforeOrEqualOperator = exports.filterBeforeOperator = exports.filterAfterOperator = exports.filterAfterOrEqualOperator = exports.filterIsFalse = exports.filterIsTrue = exports.filterLtOperator = exports.filterLteOperator = exports.filterGtOperator = exports.filterGteOperator = exports.filterEndsWithOperator = exports.filterNotContainsOperator = exports.filterContainsOperator = exports.filterStartsWithOperator = exports.filterIsNotEmptyOperator = exports.filterIsEmptyOperator = exports.filterIsNotNullOperator = exports.filterIsNullOperator = exports.filterNotEqOperator = exports.filterEqOperator = exports.pagerTotalPages = exports.pagerOf = exports.pagerPage = exports.pagerPageSelection = exports.pagerItemPerPage = exports.pagerLastPage = exports.pagerNextPage = exports.pagerPreviousPage = exports.pagerFirstPage = exports.pagerInfo = exports.columnMenu = void 0;
+exports.messages = exports.filterDropDownOperatorAriaLabel = exports.filterDateFilterAriaLabel = exports.filterTextFilterAriaLabel = exports.filterNumericFilterAriaLabel = exports.filterEnumFilterDropdownAriaLabel = exports.filterExpressionOperatorDropdownAriaLabel = exports.filterExpressionDropdownAriaLabel = exports.filterExpressionAriaLabel = exports.filterGroupAriaLabel = exports.filterAriaLabel = exports.sortAriaLabel = exports.filterCheckAll = exports.searchPlaceholder = exports.columnMenuFilterOrLogic = exports.columnMenuFilterAndLogic = exports.columnMenuFilterBeforeOrEqualOperator = exports.columnMenuFilterBeforeOperator = exports.columnMenuFilterAfterOperator = exports.columnMenuFilterAfterOrEqualOperator = exports.columnMenuFilterIsTrue = exports.columnMenuFilterLtOperator = exports.columnMenuFilterLteOperator = exports.columnMenuFilterGtOperator = exports.columnMenuFilterGteOperator = exports.columnMenuFilterEndsWithOperator = exports.columnMenuFilterNotContainsOperator = void 0;
 /**
  * @hidden
  */
@@ -31,6 +31,10 @@ exports.pagerLastPage = 'pager.lastPage';
  * @hidden
  */
 exports.pagerItemPerPage = 'pager.itemsPerPage';
+/**
+ * @hidden
+ */
+exports.pagerPageSelection = 'pager.pageSelection';
 /**
  * @hidden
  */
@@ -267,11 +271,48 @@ exports.sortAriaLabel = 'sort.ariaLabel';
  * @hidden
  */
 exports.filterAriaLabel = 'filter.ariaLabel';
+/**
+ * @hidden
+ */
+exports.filterGroupAriaLabel = 'filter.groupAriaLabel';
+/**
+ * @hidden
+ */
+exports.filterExpressionAriaLabel = 'filter.expressionAriaLabel';
+/**
+ * @hidden
+ */
+exports.filterExpressionDropdownAriaLabel = 'filter.expressionDropdownAriaLabel';
+/**
+ * @hidden
+ */
+exports.filterExpressionOperatorDropdownAriaLabel = 'filter.expressionOperatorDropdownAriaLabel';
+/**
+ * @hidden
+ */
+exports.filterEnumFilterDropdownAriaLabel = 'filter.enumFilterDropdownAriaLabel';
+/**
+ * @hidden
+ */
+exports.filterNumericFilterAriaLabel = 'filter.numericFilterAriaLabel';
+/**
+ * @hidden
+ */
+exports.filterTextFilterAriaLabel = 'filter.textFilterAriaLabel';
+/**
+ * @hidden
+ */
+exports.filterDateFilterAriaLabel = 'filter.dateFilterAriaLabel';
+/**
+ * @hidden
+ */
+exports.filterDropDownOperatorAriaLabel = 'filter.dropdownOperatorAriaLabel';
 /**
  * @hidden
  */
 exports.messages = (_a = {},
     _a[exports.pagerItemPerPage] = 'items per page',
+    _a[exports.pagerPageSelection] = 'Select page',
     _a[exports.pagerInfo] = '{0} - {1} of {2} items',
     _a[exports.pagerFirstPage] = 'Go to the first page',
     _a[exports.pagerPreviousPage] = 'Go to the previous page',
@@ -309,6 +350,15 @@ exports.messages = (_a = {},
     _a[exports.filterAddExpression] = 'Add Expression',
     _a[exports.filterAddGroup] = 'Add Group',
     _a[exports.filterClose] = 'Close',
+    _a[exports.filterGroupAriaLabel] = 'Filter toolbar',
+    _a[exports.filterExpressionAriaLabel] = 'Filter expression row',
+    _a[exports.filterExpressionDropdownAriaLabel] = 'Filter dropdown',
+    _a[exports.filterExpressionOperatorDropdownAriaLabel] = 'Filter operator dropdown',
+    _a[exports.filterEnumFilterDropdownAriaLabel] = 'Select True/False',
+    _a[exports.filterNumericFilterAriaLabel] = 'Enter number filter',
+    _a[exports.filterTextFilterAriaLabel] = 'Enter text filter',
+    _a[exports.filterDateFilterAriaLabel] = 'Enter date filter',
+    _a[exports.filterDropDownOperatorAriaLabel] = 'Choose Operator',
     _a[exports.columnMenuFilterChooseOperator] = 'Choose Operator',
     _a[exports.columnMenuFilterClearButton] = 'Clear',
     _a[exports.columnMenuFilterSubmitButton] = 'Filter',

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-data-tools',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1662386467,
+    publishDate: 1662725610,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/npm/pager/Pager.js

@@ -125,7 +125,8 @@ var PagerVue2 = {
     wrapperClass: {
       get: function get() {
         return {
-          'k-pager-wrap k-pager k-widget': true,
+          'k-widget': true,
+          'k-pager': true,
           'k-pager-sm': this.size === 'small',
           'k-pager-md': this.size === 'medium'
         };
@@ -285,10 +286,10 @@ var PagerVue2 = {
         attrs: this.v3 ? undefined : {
           page: 1,
           title: localizationService.toLanguageString(firstPageMessage.messageKey, firstPageMessage.defaultMessage),
-          icon: 'k-icon k-i-seek-w'
+          icon: 'caret-alt-to-left'
         },
         title: localizationService.toLanguageString(firstPageMessage.messageKey, firstPageMessage.defaultMessage),
-        icon: 'k-icon k-i-seek-w',
+        icon: 'caret-alt-to-left',
         onPagechange: this.changePage,
         on: this.v3 ? undefined : {
           "pagechange": this.changePage
@@ -301,10 +302,10 @@ var PagerVue2 = {
         attrs: this.v3 ? undefined : {
           page: this.currentPage - 1,
           title: localizationService.toLanguageString(previousPageMessage.messageKey, previousPageMessage.defaultMessage),
-          icon: 'k-icon k-i-arrow-w'
+          icon: 'caret-alt-left'
         },
         title: localizationService.toLanguageString(previousPageMessage.messageKey, previousPageMessage.defaultMessage),
-        icon: 'k-icon k-i-arrow-w',
+        icon: 'caret-alt-left',
         onPagechange: this.changePage,
         on: this.v3 ? undefined : {
           "pagechange": this.changePage
@@ -317,10 +318,10 @@ var PagerVue2 = {
         attrs: this.v3 ? undefined : {
           page: this.currentPage + 1,
           title: localizationService.toLanguageString(nextPageMessage.messageKey, nextPageMessage.defaultMessage),
-          icon: 'k-icon k-i-arrow-e'
+          icon: 'caret-alt-right'
         },
         title: localizationService.toLanguageString(nextPageMessage.messageKey, nextPageMessage.defaultMessage),
-        icon: 'k-icon k-i-arrow-e',
+        icon: 'caret-alt-right',
         onPagechange: this.changePage,
         on: this.v3 ? undefined : {
           "pagechange": this.changePage
@@ -333,10 +334,10 @@ var PagerVue2 = {
         attrs: this.v3 ? undefined : {
           page: this.totalPages,
           title: localizationService.toLanguageString(lastPageMessage.messageKey, lastPageMessage.defaultMessage),
-          icon: 'k-icon k-i-seek-e'
+          icon: 'caret-alt-to-right'
         },
         title: localizationService.toLanguageString(lastPageMessage.messageKey, lastPageMessage.defaultMessage),
-        icon: 'k-icon k-i-seek-e',
+        icon: 'caret-alt-to-right',
         onPagechange: this.changePage,
         on: this.v3 ? undefined : {
           "pagechange": this.changePage

package/dist/npm/pager/PagerNavigationButton.d.ts

@@ -29,6 +29,12 @@ export interface PagerNavigationButtonEmits {
 export interface PagerNavigationButtonMethods extends Vue2type {
     changePage: (e: any) => void;
 }
+/**
+ * @hidden
+ */
+export interface PagerNavigationButtonComputed {
+    [key: string]: any;
+}
 /**
  * @hidden
  */
@@ -37,7 +43,7 @@ export interface PagerNavigationButtonState {
 /**
  * @hidden
  */
-export interface PagerNavigationButtonAll extends PagerNavigationButtonMethods, PagerNavigationButtonState {
+export interface PagerNavigationButtonAll extends PagerNavigationButtonMethods, PagerNavigationButtonState, PagerNavigationButtonProps, PagerNavigationButtonComputed {
 }
 /**
  * @hidden

package/dist/npm/pager/PagerNavigationButton.js

@@ -21,6 +21,11 @@ var PagerNavigationButtonVue2 = {
     icon: String,
     page: Number
   },
+  computed: {
+    iconClass: function iconClass() {
+      return 'k-icon k-i-' + this.icon;
+    }
+  },
   inject: {
     kendoLocalizationService: {
       default: null
@@ -54,15 +59,15 @@ var PagerNavigationButtonVue2 = {
       href: "#",
       attrs: this.v3 ? undefined : {
         href: "#",
-        title: this.$props.title
+        role: "button",
+        title: this.$props.title,
+        "aria-label": this.$props.title
       },
-      title: this.$props.title
+      role: "button",
+      title: this.$props.title,
+      "aria-label": this.$props.title
     }, [h("span", {
-      "class": this.$props.icon,
-      "aria-label": this.$props.title,
-      attrs: this.v3 ? undefined : {
-        "aria-label": this.$props.title
-      }
+      "class": this.iconClass
     })]);
   }
 };

package/dist/npm/pager/PagerNumericButtons.js

@@ -143,7 +143,7 @@ var PagerNumericButtonsVue2 = {
     return h("div", {
       "class": "k-pager-numbers-wrap"
     }, [this.$props.size !== 'small' ? h("ul", {
-      "class": "k-pager-numbers k-reset"
+      "class": "k-pager-numbers"
     }, [prevDots, numerics, postDots]) : dropdown.call(this, buttons)]);
   }
 };

package/dist/npm/pager/PagerPageSizes.js

@@ -59,6 +59,7 @@ var PagerPageSizesVue2 = {
         value = _a.value,
         pageSizes = _a.pageSizes,
         pageSize = _a.pageSize;
+    var ls = (0, kendo_vue_intl_1.provideLocalizationService)(this);
     var sizes = pageSizes.slice();
 
     if (value === undefined && sizes.filter(function (s) {
@@ -71,6 +72,10 @@ var PagerPageSizesVue2 = {
       messageKey: main_1.pagerItemPerPage,
       defaultMessage: main_1.messages[main_1.pagerItemPerPage]
     };
+    var pageSelectionMessage = this.$props.messagesMap ? this.$props.messagesMap(main_1.pagerPageSelection) : {
+      messageKey: main_1.pagerPageSelection,
+      defaultMessage: main_1.messages[main_1.pagerPageSelection]
+    };
     return h("span", {
       "class": "k-pager-sizes k-label"
     }, [// @ts-ignore function children
@@ -78,14 +83,16 @@ var PagerPageSizesVue2 = {
       value: value !== undefined ? value : pageSize,
       attrs: this.v3 ? undefined : {
         value: value !== undefined ? value : pageSize,
-        dataItems: sizes
+        dataItems: sizes,
+        ariaLabel: ls.toLanguageString(pageSelectionMessage.messageKey, pageSelectionMessage.defaultMessage)
       },
       dataItems: sizes,
+      ariaLabel: ls.toLanguageString(pageSelectionMessage.messageKey, pageSelectionMessage.defaultMessage),
       onChange: this.pageSizeChange,
       on: this.v3 ? undefined : {
         "change": this.pageSizeChange
       }
-    }), (0, kendo_vue_intl_1.provideLocalizationService)(this).toLanguageString(itemPerPageMessage.messageKey, itemPerPageMessage.defaultMessage)]);
+    }), ls.toLanguageString(itemPerPageMessage.messageKey, itemPerPageMessage.defaultMessage)]);
   }
 };
 exports.PagerPageSizesVue2 = PagerPageSizesVue2;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-data-tools",
   "description": "Kendo UI for Vue Data Tools package",
-  "version": "3.5.3-dev.202209051408",
+  "version": "3.5.4-dev.202209091220",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -45,21 +45,21 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-common": "3.5.3-dev.202209051408"
+    "@progress/kendo-vue-common": "3.5.4-dev.202209091220"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-date-math": "^1.4.1",
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.1.1",
-    "@progress/kendo-vue-animation": "3.5.3-dev.202209051408",
-    "@progress/kendo-vue-buttons": "3.5.3-dev.202209051408",
-    "@progress/kendo-vue-dateinputs": "3.5.3-dev.202209051408",
-    "@progress/kendo-vue-dropdowns": "3.5.3-dev.202209051408",
-    "@progress/kendo-vue-grid": "3.5.3-dev.202209051408",
-    "@progress/kendo-vue-inputs": "3.5.3-dev.202209051408",
-    "@progress/kendo-vue-intl": "3.5.3-dev.202209051408",
-    "@progress/kendo-vue-popup": "3.5.3-dev.202209051408"
+    "@progress/kendo-vue-animation": "3.5.4-dev.202209091220",
+    "@progress/kendo-vue-buttons": "3.5.4-dev.202209091220",
+    "@progress/kendo-vue-dateinputs": "3.5.4-dev.202209091220",
+    "@progress/kendo-vue-dropdowns": "3.5.4-dev.202209091220",
+    "@progress/kendo-vue-grid": "3.5.4-dev.202209091220",
+    "@progress/kendo-vue-inputs": "3.5.4-dev.202209091220",
+    "@progress/kendo-vue-intl": "3.5.4-dev.202209091220",
+    "@progress/kendo-vue-popup": "3.5.4-dev.202209091220"
   },
   "@progress": {
     "friendlyName": "Data Tools",