@progress/kendo-vue-data-tools 3.4.4 → 3.4.5

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-data-tools',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1658485556,
+    publishDate: 1659330916,
     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/es/pager/GridPagerSettings.d.ts

@@ -27,6 +27,10 @@ export declare type GridPagerType = 'numeric' | 'input';
  * ```
  */
 export interface GridPagerSettings {
+    /**
+     * Sets the selected value of the page size Dropdownlist. It is useful when the selected value could also be a string not only a number.
+     */
+    pageSizeValue?: string | number;
     /**
      * Sets the maximum numeric buttons count before the buttons are collapsed.
      */

package/dist/es/pager/GridPagerSettings.js

@@ -2,7 +2,7 @@
  * @hidden
  */
 var normalizeSettings = function (_a) {
-    var _b = _a.buttonCount, buttonCount = _b === void 0 ? 10 : _b, _c = _a.info, info = _c === void 0 ? true : _c, _d = _a.type, type = _d === void 0 ? 'numeric' : _d, _e = _a.pageSizes, pageSizes = _e === void 0 ? false : _e, _f = _a.previousNext, previousNext = _f === void 0 ? true : _f, _g = _a.responsive, responsive = _g === void 0 ? true : _g, _h = _a.pagerRender, pagerRender = _h === void 0 ? undefined : _h;
+    var _b = _a.buttonCount, buttonCount = _b === void 0 ? 10 : _b, _c = _a.info, info = _c === void 0 ? true : _c, _d = _a.type, type = _d === void 0 ? 'numeric' : _d, _e = _a.pageSizes, pageSizes = _e === void 0 ? false : _e, _f = _a.previousNext, previousNext = _f === void 0 ? true : _f, _g = _a.responsive, responsive = _g === void 0 ? true : _g, _h = _a.pagerRender, pagerRender = _h === void 0 ? undefined : _h, _j = _a.pageSizeValue, pageSizeValue = _j === void 0 ? undefined : _j;
     return ({
         buttonCount: buttonCount,
         info: info,
@@ -10,7 +10,8 @@ var normalizeSettings = function (_a) {
         previousNext: previousNext,
         type: type,
         responsive: responsive,
-        pagerRender: pagerRender
+        pagerRender: pagerRender,
+        pageSizeValue: pageSizeValue
     });
 };
 /**

package/dist/es/pager/Pager.js

@@ -45,6 +45,7 @@ var RESPONSIVE_BREAKPOINT_LARGE = 768;
 var PagerVue2 = {
   name: 'KendoPager',
   props: {
+    pageSizeValue: [String, Number],
     total: Number,
     skip: Number,
     take: Number,
@@ -139,13 +140,13 @@ var PagerVue2 = {
         }, e);
       }
     },
-    triggerPageChange: function triggerPageChange(e) {
+    triggerPageChange: function triggerPageChange(state, event) {
       var pagesizechange = hasListener.call(this, 'pagesizechange');
 
       if (pagesizechange) {
-        this.$emit('pagesizechange', e);
+        this.$emit('pagesizechange', state, event);
       } else {
-        this.$emit('pagechange', e);
+        this.$emit('pagechange', state, event);
       }
     },
     onWindowResize: function onWindowResize() {
@@ -192,7 +193,8 @@ var PagerVue2 = {
         messagesMap = _a.messagesMap,
         info = _a.info,
         type = _a.type,
-        previousNext = _a.previousNext;
+        previousNext = _a.previousNext,
+        pageSizeValue = _a.pageSizeValue;
 
     var settings = __assign({
       pageSizes: pageSizes,
@@ -203,7 +205,8 @@ var PagerVue2 = {
       skip: skip,
       take: take,
       total: total,
-      messagesMap: messagesMap
+      messagesMap: messagesMap,
+      pageSizeValue: pageSizeValue
     }, this.$props.settings);
 
     var pagerRender = this.$props.pagerRender || this.$props.settings.pagerRender;
@@ -261,7 +264,7 @@ var PagerVue2 = {
     if (settings.previousNext) {
       first = // @ts-ignore function children
       h(PagerNavigationButton, {
-        "class": 'k-pager-first' + (this.currentPage === 1 ? ' k-state-disabled' : ''),
+        "class": 'k-pager-first' + (this.currentPage === 1 ? ' k-disabled' : ''),
         page: 1,
         attrs: this.v3 ? undefined : {
           page: 1,
@@ -277,7 +280,7 @@ var PagerVue2 = {
       });
       prev = // @ts-ignore function children
       h(PagerNavigationButton, {
-        "class": this.currentPage === 1 ? ' k-state-disabled' : '',
+        "class": this.currentPage === 1 ? ' k-disabled' : '',
         page: this.currentPage - 1,
         attrs: this.v3 ? undefined : {
           page: this.currentPage - 1,
@@ -293,7 +296,7 @@ var PagerVue2 = {
       });
       next = // @ts-ignore function children
       h(PagerNavigationButton, {
-        "class": this.currentPage === this.totalPages ? ' k-state-disabled' : '',
+        "class": this.currentPage === this.totalPages ? ' k-disabled' : '',
         page: this.currentPage + 1,
         attrs: this.v3 ? undefined : {
           page: this.currentPage + 1,
@@ -309,7 +312,7 @@ var PagerVue2 = {
       });
       last = // @ts-ignore function children
       h(PagerNavigationButton, {
-        "class": 'k-pager-last' + (this.currentPage === this.totalPages ? ' k-state-disabled' : ''),
+        "class": 'k-pager-last' + (this.currentPage === this.totalPages ? ' k-disabled' : ''),
         page: this.totalPages,
         attrs: this.v3 ? undefined : {
           page: this.totalPages,
@@ -335,9 +338,11 @@ var PagerVue2 = {
       attrs: this.v3 ? undefined : {
         pageSize: this.currentTake,
         pageSizes: settings.pageSizes,
+        value: settings.pageSizeValue,
         messagesMap: messagesMap
       },
       pageSizes: settings.pageSizes,
+      value: settings.pageSizeValue,
       messagesMap: messagesMap
     });
     var infoElement = !settings.info ? '' : // @ts-ignore function children

package/dist/es/pager/PagerNumericButtons.js

@@ -109,7 +109,7 @@ var PagerNumericButtonsVue2 = {
             return _this.click(e, page);
           }
         },
-        "class": this.$props.currentPage === page ? 'k-link k-state-selected' : 'k-link'
+        "class": this.$props.currentPage === page ? 'k-link k-selected' : 'k-link'
       }, [page])]);
     }, this);
 

package/dist/es/pager/PagerPageSizes.d.ts

@@ -5,6 +5,10 @@ declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
 };
 export interface PagerPageSizesProps {
+    /**
+     * The page size selected value.
+     */
+    value?: string | number;
     /**
      * The page size.
      */

package/dist/es/pager/PagerPageSizes.js

@@ -14,6 +14,7 @@ import { DropDownList } from '@progress/kendo-vue-dropdowns';
 var PagerPageSizesVue2 = {
   name: 'KendoPagerPageSizes',
   props: {
+    value: [String, Number],
     pageSize: Number,
     pageSizes: Array,
     messagesMap: Function
@@ -42,15 +43,17 @@ var PagerPageSizesVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this = this;
-
     var h = gh || createElement;
-    var sizes = this.$props.pageSizes.slice();
+    var _a = this.$props,
+        value = _a.value,
+        pageSizes = _a.pageSizes,
+        pageSize = _a.pageSize;
+    var sizes = pageSizes.slice();
 
-    if (sizes.filter(function (s) {
-      return s === _this.$props.pageSize;
+    if (value === undefined && sizes.filter(function (s) {
+      return s === pageSize;
     }).length === 0) {
-      sizes.unshift(this.$props.pageSize);
+      sizes.unshift(pageSize);
     }
 
     var itemPerPageMessage = this.$props.messagesMap ? this.$props.messagesMap(pagerItemPerPage) : {
@@ -61,9 +64,9 @@ var PagerPageSizesVue2 = {
       "class": "k-pager-sizes k-label"
     }, [// @ts-ignore function children
     h(DropDownList, {
-      value: this.$props.pageSize,
+      value: value !== undefined ? value : pageSize,
       attrs: this.v3 ? undefined : {
-        value: this.$props.pageSize,
+        value: value !== undefined ? value : pageSize,
         dataItems: sizes
       },
       dataItems: sizes,

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: 1658485556,
+    publishDate: 1659330916,
     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/GridPagerSettings.d.ts

@@ -27,6 +27,10 @@ export declare type GridPagerType = 'numeric' | 'input';
  * ```
  */
 export interface GridPagerSettings {
+    /**
+     * Sets the selected value of the page size Dropdownlist. It is useful when the selected value could also be a string not only a number.
+     */
+    pageSizeValue?: string | number;
     /**
      * Sets the maximum numeric buttons count before the buttons are collapsed.
      */

package/dist/npm/pager/GridPagerSettings.js

@@ -5,7 +5,7 @@ exports.normalize = void 0;
  * @hidden
  */
 var normalizeSettings = function (_a) {
-    var _b = _a.buttonCount, buttonCount = _b === void 0 ? 10 : _b, _c = _a.info, info = _c === void 0 ? true : _c, _d = _a.type, type = _d === void 0 ? 'numeric' : _d, _e = _a.pageSizes, pageSizes = _e === void 0 ? false : _e, _f = _a.previousNext, previousNext = _f === void 0 ? true : _f, _g = _a.responsive, responsive = _g === void 0 ? true : _g, _h = _a.pagerRender, pagerRender = _h === void 0 ? undefined : _h;
+    var _b = _a.buttonCount, buttonCount = _b === void 0 ? 10 : _b, _c = _a.info, info = _c === void 0 ? true : _c, _d = _a.type, type = _d === void 0 ? 'numeric' : _d, _e = _a.pageSizes, pageSizes = _e === void 0 ? false : _e, _f = _a.previousNext, previousNext = _f === void 0 ? true : _f, _g = _a.responsive, responsive = _g === void 0 ? true : _g, _h = _a.pagerRender, pagerRender = _h === void 0 ? undefined : _h, _j = _a.pageSizeValue, pageSizeValue = _j === void 0 ? undefined : _j;
     return ({
         buttonCount: buttonCount,
         info: info,
@@ -13,7 +13,8 @@ var normalizeSettings = function (_a) {
         previousNext: previousNext,
         type: type,
         responsive: responsive,
-        pagerRender: pagerRender
+        pagerRender: pagerRender,
+        pageSizeValue: pageSizeValue
     });
 };
 /**

package/dist/npm/pager/Pager.js

@@ -61,6 +61,7 @@ var RESPONSIVE_BREAKPOINT_LARGE = 768;
 var PagerVue2 = {
   name: 'KendoPager',
   props: {
+    pageSizeValue: [String, Number],
     total: Number,
     skip: Number,
     take: Number,
@@ -155,13 +156,13 @@ var PagerVue2 = {
         }, e);
       }
     },
-    triggerPageChange: function triggerPageChange(e) {
+    triggerPageChange: function triggerPageChange(state, event) {
       var pagesizechange = kendo_vue_common_1.hasListener.call(this, 'pagesizechange');
 
       if (pagesizechange) {
-        this.$emit('pagesizechange', e);
+        this.$emit('pagesizechange', state, event);
       } else {
-        this.$emit('pagechange', e);
+        this.$emit('pagechange', state, event);
       }
     },
     onWindowResize: function onWindowResize() {
@@ -208,7 +209,8 @@ var PagerVue2 = {
         messagesMap = _a.messagesMap,
         info = _a.info,
         type = _a.type,
-        previousNext = _a.previousNext;
+        previousNext = _a.previousNext,
+        pageSizeValue = _a.pageSizeValue;
 
     var settings = __assign({
       pageSizes: pageSizes,
@@ -219,7 +221,8 @@ var PagerVue2 = {
       skip: skip,
       take: take,
       total: total,
-      messagesMap: messagesMap
+      messagesMap: messagesMap,
+      pageSizeValue: pageSizeValue
     }, this.$props.settings);
 
     var pagerRender = this.$props.pagerRender || this.$props.settings.pagerRender;
@@ -277,7 +280,7 @@ var PagerVue2 = {
     if (settings.previousNext) {
       first = // @ts-ignore function children
       h(PagerNavigationButton_1.PagerNavigationButton, {
-        "class": 'k-pager-first' + (this.currentPage === 1 ? ' k-state-disabled' : ''),
+        "class": 'k-pager-first' + (this.currentPage === 1 ? ' k-disabled' : ''),
         page: 1,
         attrs: this.v3 ? undefined : {
           page: 1,
@@ -293,7 +296,7 @@ var PagerVue2 = {
       });
       prev = // @ts-ignore function children
       h(PagerNavigationButton_1.PagerNavigationButton, {
-        "class": this.currentPage === 1 ? ' k-state-disabled' : '',
+        "class": this.currentPage === 1 ? ' k-disabled' : '',
         page: this.currentPage - 1,
         attrs: this.v3 ? undefined : {
           page: this.currentPage - 1,
@@ -309,7 +312,7 @@ var PagerVue2 = {
       });
       next = // @ts-ignore function children
       h(PagerNavigationButton_1.PagerNavigationButton, {
-        "class": this.currentPage === this.totalPages ? ' k-state-disabled' : '',
+        "class": this.currentPage === this.totalPages ? ' k-disabled' : '',
         page: this.currentPage + 1,
         attrs: this.v3 ? undefined : {
           page: this.currentPage + 1,
@@ -325,7 +328,7 @@ var PagerVue2 = {
       });
       last = // @ts-ignore function children
       h(PagerNavigationButton_1.PagerNavigationButton, {
-        "class": 'k-pager-last' + (this.currentPage === this.totalPages ? ' k-state-disabled' : ''),
+        "class": 'k-pager-last' + (this.currentPage === this.totalPages ? ' k-disabled' : ''),
         page: this.totalPages,
         attrs: this.v3 ? undefined : {
           page: this.totalPages,
@@ -351,9 +354,11 @@ var PagerVue2 = {
       attrs: this.v3 ? undefined : {
         pageSize: this.currentTake,
         pageSizes: settings.pageSizes,
+        value: settings.pageSizeValue,
         messagesMap: messagesMap
       },
       pageSizes: settings.pageSizes,
+      value: settings.pageSizeValue,
       messagesMap: messagesMap
     });
     var infoElement = !settings.info ? '' : // @ts-ignore function children

package/dist/npm/pager/PagerNumericButtons.js

@@ -117,7 +117,7 @@ var PagerNumericButtonsVue2 = {
             return _this.click(e, page);
           }
         },
-        "class": this.$props.currentPage === page ? 'k-link k-state-selected' : 'k-link'
+        "class": this.$props.currentPage === page ? 'k-link k-selected' : 'k-link'
       }, [page])]);
     }, this);
 

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

@@ -5,6 +5,10 @@ declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
 };
 export interface PagerPageSizesProps {
+    /**
+     * The page size selected value.
+     */
+    value?: string | number;
     /**
      * The page size.
      */

package/dist/npm/pager/PagerPageSizes.js

@@ -25,6 +25,7 @@ var kendo_vue_dropdowns_1 = require("@progress/kendo-vue-dropdowns");
 var PagerPageSizesVue2 = {
   name: 'KendoPagerPageSizes',
   props: {
+    value: [String, Number],
     pageSize: Number,
     pageSizes: Array,
     messagesMap: Function
@@ -53,15 +54,17 @@ var PagerPageSizesVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this = this;
-
     var h = gh || createElement;
-    var sizes = this.$props.pageSizes.slice();
+    var _a = this.$props,
+        value = _a.value,
+        pageSizes = _a.pageSizes,
+        pageSize = _a.pageSize;
+    var sizes = pageSizes.slice();
 
-    if (sizes.filter(function (s) {
-      return s === _this.$props.pageSize;
+    if (value === undefined && sizes.filter(function (s) {
+      return s === pageSize;
     }).length === 0) {
-      sizes.unshift(this.$props.pageSize);
+      sizes.unshift(pageSize);
     }
 
     var itemPerPageMessage = this.$props.messagesMap ? this.$props.messagesMap(messages_1.pagerItemPerPage) : {
@@ -72,9 +75,9 @@ var PagerPageSizesVue2 = {
       "class": "k-pager-sizes k-label"
     }, [// @ts-ignore function children
     h(kendo_vue_dropdowns_1.DropDownList, {
-      value: this.$props.pageSize,
+      value: value !== undefined ? value : pageSize,
       attrs: this.v3 ? undefined : {
-        value: this.$props.pageSize,
+        value: value !== undefined ? value : pageSize,
         dataItems: sizes
       },
       dataItems: sizes,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-data-tools",
   "description": "Kendo UI for Vue Data Tools package",
-  "version": "3.4.4",
+  "version": "3.4.5",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -39,21 +39,21 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-common": "3.4.4"
+    "@progress/kendo-vue-common": "3.4.5"
   },
   "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.4.4",
-    "@progress/kendo-vue-buttons": "3.4.4",
-    "@progress/kendo-vue-dateinputs": "3.4.4",
-    "@progress/kendo-vue-dropdowns": "3.4.4",
-    "@progress/kendo-vue-grid": "3.4.4",
-    "@progress/kendo-vue-inputs": "3.4.4",
-    "@progress/kendo-vue-intl": "3.4.4",
-    "@progress/kendo-vue-popup": "3.4.4"
+    "@progress/kendo-vue-animation": "3.4.5",
+    "@progress/kendo-vue-buttons": "3.4.5",
+    "@progress/kendo-vue-dateinputs": "3.4.5",
+    "@progress/kendo-vue-dropdowns": "3.4.5",
+    "@progress/kendo-vue-grid": "3.4.5",
+    "@progress/kendo-vue-inputs": "3.4.5",
+    "@progress/kendo-vue-intl": "3.4.5",
+    "@progress/kendo-vue-popup": "3.4.5"
   },
   "@progress": {
     "friendlyName": "Data Tools",