@progress/kendo-vue-data-tools 3.14.1 → 3.14.2-dev.202309250455

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: 1695043462,
+    publishDate: 1695617344,
     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/Pager.d.ts

@@ -80,7 +80,7 @@ export interface PagerMethods {
     changePage: (page: number, e: any) => void;
     triggerPageChange: (e: any) => void;
     onWindowResize: () => void;
-    transformDimesion: (initialValue: string | number | undefined) => string;
+    transformDimension: (initialValue: string | number | undefined) => string;
 }
 /**
  * @hidden

package/dist/es/pager/Pager.js

@@ -21,6 +21,9 @@ import { PagerInput } from './PagerInput';
 import { PagerPageSizes } from './PagerPageSizes';
 import { PagerInfo } from './PagerInfo';
 import { PagerNavigationButton } from './PagerNavigationButton';
+var NUMBERS_CLASS = 'k-pager-numbers-wrap';
+var SIZES_CLASS = 'k-pager-sizes';
+var INFO_CLASS = 'k-pager-info';
 import { messages, pagerFirstPage, pagerLastPage, pagerNextPage, pagerPreviousPage } from '../messages/main';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { canUseDOM, getListeners, getTemplate, hasListener, isRtl, kendoThemeMaps, templateRendering } from '@progress/kendo-vue-common';
@@ -75,10 +78,6 @@ var PagerVue2 = {
       default: undefined
     }
   },
-  created: function created() {
-    this.pagerSizesIndex = 1;
-    this.pagerInfoIndex = 2;
-  },
   data: function data() {
     return {
       currentRtl: false,
@@ -173,7 +172,7 @@ var PagerVue2 = {
       }
       this.itemsToFit = this.fitChildrenInParent(element, this.itemsWidths || []);
     },
-    transformDimesion: function transformDimesion(initialValue) {
+    transformDimension: function transformDimension(initialValue) {
       return typeof initialValue === 'string' ? initialValue.endsWith('px') ? initialValue : initialValue + 'px' : initialValue + 'px';
     },
     collectPagerChildrenWidths: function collectPagerChildrenWidths() {
@@ -181,27 +180,30 @@ var PagerVue2 = {
       var arrayChildren = Array.from(((_a = this.$el) === null || _a === void 0 ? void 0 : _a.children) || []);
       var widths = arrayChildren.map(function (item) {
         if (item instanceof HTMLElement) {
-          return item.offsetWidth;
+          return {
+            class: item.className,
+            width: item.offsetWidth
+          };
         }
         return 0;
       });
       return widths;
     },
     fitChildrenInParent: function fitChildrenInParent(parent, childrenWidths) {
-      var fitItems = [0];
-      var elementsWith = 0;
+      var fitItems = [];
+      var elementsWidth = 0;
       var updatedWidths = childrenWidths;
       var parentWidth = parent.offsetWidth;
-      var firstElement = childrenWidths[0];
-      var buffer = 30;
-      elementsWith += firstElement;
-      for (var index = 1; index < childrenWidths.length; index++) {
+      var buffer = 20;
+      for (var index = 0; index < childrenWidths.length; index++) {
+        var padding = index === 0 ? 8 : 0;
         var parentChild = parent.children[index];
-        var currentElement = (parentChild === null || parentChild === void 0 ? void 0 : parentChild.offsetWidth) || childrenWidths[index];
-        if ((elementsWith += currentElement) < parentWidth - buffer) {
-          fitItems.push(index);
+        var currentElementWidth = index === 0 ? childrenWidths[index].width : (parentChild === null || parentChild === void 0 ? void 0 : parentChild.offsetWidth) || childrenWidths[index].width;
+        elementsWidth += currentElementWidth;
+        if (elementsWidth < parentWidth - buffer - padding) {
+          fitItems.push(childrenWidths[index].class);
         } else {
-          updatedWidths[index] = currentElement;
+          updatedWidths[index].width = currentElementWidth;
         }
       }
       this.itemsWidths = updatedWidths;
@@ -439,7 +441,7 @@ var PagerVue2 = {
         pagechange: this.triggerPageChange
       }
     });
-    var width = this.transformDimesion(this.$props.width);
+    var width = this.transformDimension(this.$props.width);
     return pagerRender ? h("div", {
       "class": this.wrapperClass,
       style: {
@@ -469,8 +471,12 @@ var PagerVue2 = {
       "aria-label": 'Page navigation, page ' + this.currentPage + ' of ' + this.totalPages,
       "aria-controls": this.$props.ariaControls
     }, [h("div", {
-      "class": 'k-pager-numbers-wrap'
-    }, [first, prev, changer, next, last]), !(this.responsive && this.itemsToFit && !((_a = this.itemsToFit) === null || _a === void 0 ? void 0 : _a.includes(this.pagerSizesIndex))) && renderPageSizes, !(this.responsive && this.itemsToFit && !((_b = this.itemsToFit) === null || _b === void 0 ? void 0 : _b.includes(this.pagerInfoIndex))) && infoElement]);
+      "class": NUMBERS_CLASS
+    }, [first, prev, changer, next, last]), !(this.responsive && this.itemsToFit && !((_a = this.itemsToFit) === null || _a === void 0 ? void 0 : _a.find(function (it) {
+      return it.indexOf(SIZES_CLASS) !== -1;
+    }))) && renderPageSizes, !(this.responsive && this.itemsToFit && !((_b = this.itemsToFit) === null || _b === void 0 ? void 0 : _b.find(function (it) {
+      return it.indexOf(INFO_CLASS) !== -1;
+    }))) && infoElement]);
   }
 };
 /**

package/dist/esm/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: 1695043462,
+    publishDate: 1695617344,
     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/esm/pager/Pager.d.ts

@@ -80,7 +80,7 @@ export interface PagerMethods {
     changePage: (page: number, e: any) => void;
     triggerPageChange: (e: any) => void;
     onWindowResize: () => void;
-    transformDimesion: (initialValue: string | number | undefined) => string;
+    transformDimension: (initialValue: string | number | undefined) => string;
 }
 /**
  * @hidden

package/dist/esm/pager/Pager.js

@@ -21,6 +21,9 @@ import { PagerInput } from './PagerInput.js';
 import { PagerPageSizes } from './PagerPageSizes.js';
 import { PagerInfo } from './PagerInfo.js';
 import { PagerNavigationButton } from './PagerNavigationButton.js';
+var NUMBERS_CLASS = 'k-pager-numbers-wrap';
+var SIZES_CLASS = 'k-pager-sizes';
+var INFO_CLASS = 'k-pager-info';
 import { messages, pagerFirstPage, pagerLastPage, pagerNextPage, pagerPreviousPage } from '../messages/main.js';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { canUseDOM, getListeners, getTemplate, hasListener, isRtl, kendoThemeMaps, templateRendering } from '@progress/kendo-vue-common';
@@ -75,10 +78,6 @@ var PagerVue2 = {
       default: undefined
     }
   },
-  created: function created() {
-    this.pagerSizesIndex = 1;
-    this.pagerInfoIndex = 2;
-  },
   data: function data() {
     return {
       currentRtl: false,
@@ -173,7 +172,7 @@ var PagerVue2 = {
       }
       this.itemsToFit = this.fitChildrenInParent(element, this.itemsWidths || []);
     },
-    transformDimesion: function transformDimesion(initialValue) {
+    transformDimension: function transformDimension(initialValue) {
       return typeof initialValue === 'string' ? initialValue.endsWith('px') ? initialValue : initialValue + 'px' : initialValue + 'px';
     },
     collectPagerChildrenWidths: function collectPagerChildrenWidths() {
@@ -181,27 +180,30 @@ var PagerVue2 = {
       var arrayChildren = Array.from(((_a = this.$el) === null || _a === void 0 ? void 0 : _a.children) || []);
       var widths = arrayChildren.map(function (item) {
         if (item instanceof HTMLElement) {
-          return item.offsetWidth;
+          return {
+            class: item.className,
+            width: item.offsetWidth
+          };
         }
         return 0;
       });
       return widths;
     },
     fitChildrenInParent: function fitChildrenInParent(parent, childrenWidths) {
-      var fitItems = [0];
-      var elementsWith = 0;
+      var fitItems = [];
+      var elementsWidth = 0;
       var updatedWidths = childrenWidths;
       var parentWidth = parent.offsetWidth;
-      var firstElement = childrenWidths[0];
-      var buffer = 30;
-      elementsWith += firstElement;
-      for (var index = 1; index < childrenWidths.length; index++) {
+      var buffer = 20;
+      for (var index = 0; index < childrenWidths.length; index++) {
+        var padding = index === 0 ? 8 : 0;
         var parentChild = parent.children[index];
-        var currentElement = (parentChild === null || parentChild === void 0 ? void 0 : parentChild.offsetWidth) || childrenWidths[index];
-        if ((elementsWith += currentElement) < parentWidth - buffer) {
-          fitItems.push(index);
+        var currentElementWidth = index === 0 ? childrenWidths[index].width : (parentChild === null || parentChild === void 0 ? void 0 : parentChild.offsetWidth) || childrenWidths[index].width;
+        elementsWidth += currentElementWidth;
+        if (elementsWidth < parentWidth - buffer - padding) {
+          fitItems.push(childrenWidths[index].class);
         } else {
-          updatedWidths[index] = currentElement;
+          updatedWidths[index].width = currentElementWidth;
         }
       }
       this.itemsWidths = updatedWidths;
@@ -439,7 +441,7 @@ var PagerVue2 = {
         pagechange: this.triggerPageChange
       }
     });
-    var width = this.transformDimesion(this.$props.width);
+    var width = this.transformDimension(this.$props.width);
     return pagerRender ? h("div", {
       "class": this.wrapperClass,
       style: {
@@ -469,8 +471,12 @@ var PagerVue2 = {
       "aria-label": 'Page navigation, page ' + this.currentPage + ' of ' + this.totalPages,
       "aria-controls": this.$props.ariaControls
     }, [h("div", {
-      "class": 'k-pager-numbers-wrap'
-    }, [first, prev, changer, next, last]), !(this.responsive && this.itemsToFit && !((_a = this.itemsToFit) === null || _a === void 0 ? void 0 : _a.includes(this.pagerSizesIndex))) && renderPageSizes, !(this.responsive && this.itemsToFit && !((_b = this.itemsToFit) === null || _b === void 0 ? void 0 : _b.includes(this.pagerInfoIndex))) && infoElement]);
+      "class": NUMBERS_CLASS
+    }, [first, prev, changer, next, last]), !(this.responsive && this.itemsToFit && !((_a = this.itemsToFit) === null || _a === void 0 ? void 0 : _a.find(function (it) {
+      return it.indexOf(SIZES_CLASS) !== -1;
+    }))) && renderPageSizes, !(this.responsive && this.itemsToFit && !((_b = this.itemsToFit) === null || _b === void 0 ? void 0 : _b.find(function (it) {
+      return it.indexOf(INFO_CLASS) !== -1;
+    }))) && infoElement]);
   }
 };
 /**

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: 1695043462,
+    publishDate: 1695617344,
     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.d.ts

@@ -80,7 +80,7 @@ export interface PagerMethods {
     changePage: (page: number, e: any) => void;
     triggerPageChange: (e: any) => void;
     onWindowResize: () => void;
-    transformDimesion: (initialValue: string | number | undefined) => string;
+    transformDimension: (initialValue: string | number | undefined) => string;
 }
 /**
  * @hidden

package/dist/npm/pager/Pager.js

@@ -27,6 +27,9 @@ var PagerInput_1 = require("./PagerInput");
 var PagerPageSizes_1 = require("./PagerPageSizes");
 var PagerInfo_1 = require("./PagerInfo");
 var PagerNavigationButton_1 = require("./PagerNavigationButton");
+var NUMBERS_CLASS = 'k-pager-numbers-wrap';
+var SIZES_CLASS = 'k-pager-sizes';
+var INFO_CLASS = 'k-pager-info';
 var main_1 = require("../messages/main");
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
@@ -81,10 +84,6 @@ var PagerVue2 = {
       default: undefined
     }
   },
-  created: function created() {
-    this.pagerSizesIndex = 1;
-    this.pagerInfoIndex = 2;
-  },
   data: function data() {
     return {
       currentRtl: false,
@@ -179,7 +178,7 @@ var PagerVue2 = {
       }
       this.itemsToFit = this.fitChildrenInParent(element, this.itemsWidths || []);
     },
-    transformDimesion: function transformDimesion(initialValue) {
+    transformDimension: function transformDimension(initialValue) {
       return typeof initialValue === 'string' ? initialValue.endsWith('px') ? initialValue : initialValue + 'px' : initialValue + 'px';
     },
     collectPagerChildrenWidths: function collectPagerChildrenWidths() {
@@ -187,27 +186,30 @@ var PagerVue2 = {
       var arrayChildren = Array.from(((_a = this.$el) === null || _a === void 0 ? void 0 : _a.children) || []);
       var widths = arrayChildren.map(function (item) {
         if (item instanceof HTMLElement) {
-          return item.offsetWidth;
+          return {
+            class: item.className,
+            width: item.offsetWidth
+          };
         }
         return 0;
       });
       return widths;
     },
     fitChildrenInParent: function fitChildrenInParent(parent, childrenWidths) {
-      var fitItems = [0];
-      var elementsWith = 0;
+      var fitItems = [];
+      var elementsWidth = 0;
       var updatedWidths = childrenWidths;
       var parentWidth = parent.offsetWidth;
-      var firstElement = childrenWidths[0];
-      var buffer = 30;
-      elementsWith += firstElement;
-      for (var index = 1; index < childrenWidths.length; index++) {
+      var buffer = 20;
+      for (var index = 0; index < childrenWidths.length; index++) {
+        var padding = index === 0 ? 8 : 0;
         var parentChild = parent.children[index];
-        var currentElement = (parentChild === null || parentChild === void 0 ? void 0 : parentChild.offsetWidth) || childrenWidths[index];
-        if ((elementsWith += currentElement) < parentWidth - buffer) {
-          fitItems.push(index);
+        var currentElementWidth = index === 0 ? childrenWidths[index].width : (parentChild === null || parentChild === void 0 ? void 0 : parentChild.offsetWidth) || childrenWidths[index].width;
+        elementsWidth += currentElementWidth;
+        if (elementsWidth < parentWidth - buffer - padding) {
+          fitItems.push(childrenWidths[index].class);
         } else {
-          updatedWidths[index] = currentElement;
+          updatedWidths[index].width = currentElementWidth;
         }
       }
       this.itemsWidths = updatedWidths;
@@ -445,7 +447,7 @@ var PagerVue2 = {
         pagechange: this.triggerPageChange
       }
     });
-    var width = this.transformDimesion(this.$props.width);
+    var width = this.transformDimension(this.$props.width);
     return pagerRender ? h("div", {
       "class": this.wrapperClass,
       style: {
@@ -475,8 +477,12 @@ var PagerVue2 = {
       "aria-label": 'Page navigation, page ' + this.currentPage + ' of ' + this.totalPages,
       "aria-controls": this.$props.ariaControls
     }, [h("div", {
-      "class": 'k-pager-numbers-wrap'
-    }, [first, prev, changer, next, last]), !(this.responsive && this.itemsToFit && !((_a = this.itemsToFit) === null || _a === void 0 ? void 0 : _a.includes(this.pagerSizesIndex))) && renderPageSizes, !(this.responsive && this.itemsToFit && !((_b = this.itemsToFit) === null || _b === void 0 ? void 0 : _b.includes(this.pagerInfoIndex))) && infoElement]);
+      "class": NUMBERS_CLASS
+    }, [first, prev, changer, next, last]), !(this.responsive && this.itemsToFit && !((_a = this.itemsToFit) === null || _a === void 0 ? void 0 : _a.find(function (it) {
+      return it.indexOf(SIZES_CLASS) !== -1;
+    }))) && renderPageSizes, !(this.responsive && this.itemsToFit && !((_b = this.itemsToFit) === null || _b === void 0 ? void 0 : _b.find(function (it) {
+      return it.indexOf(INFO_CLASS) !== -1;
+    }))) && infoElement]);
   }
 };
 exports.PagerVue2 = PagerVue2;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-data-tools",
   "description": "Kendo UI for Vue Data Tools package",
-  "version": "3.14.1",
+  "version": "3.14.2-dev.202309250455",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -50,7 +50,7 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-common": "3.14.1"
+    "@progress/kendo-vue-common": "3.14.2-dev.202309250455"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.0.0",
@@ -58,14 +58,14 @@
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.3.0",
     "@progress/kendo-svg-icons": "^1.0.0",
-    "@progress/kendo-vue-animation": "3.14.1",
-    "@progress/kendo-vue-buttons": "3.14.1",
-    "@progress/kendo-vue-dateinputs": "3.14.1",
-    "@progress/kendo-vue-dropdowns": "3.14.1",
-    "@progress/kendo-vue-grid": "3.14.1",
-    "@progress/kendo-vue-inputs": "3.14.1",
-    "@progress/kendo-vue-intl": "3.14.1",
-    "@progress/kendo-vue-popup": "3.14.1"
+    "@progress/kendo-vue-animation": "3.14.2-dev.202309250455",
+    "@progress/kendo-vue-buttons": "3.14.2-dev.202309250455",
+    "@progress/kendo-vue-dateinputs": "3.14.2-dev.202309250455",
+    "@progress/kendo-vue-dropdowns": "3.14.2-dev.202309250455",
+    "@progress/kendo-vue-grid": "3.14.2-dev.202309250455",
+    "@progress/kendo-vue-inputs": "3.14.2-dev.202309250455",
+    "@progress/kendo-vue-intl": "3.14.2-dev.202309250455",
+    "@progress/kendo-vue-popup": "3.14.2-dev.202309250455"
   },
   "@progress": {
     "friendlyName": "Data Tools",