@progress/kendo-vue-data-tools 3.14.0 → 3.14.1-dev.202309181204

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: 1694607231,
+    publishDate: 1695038293,
     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

@@ -96,7 +96,6 @@ export interface PagerComputed {
  * @hidden
  */
 export interface PagerData {
-    currentSize: string;
 }
 /**
  * @hidden

package/dist/es/pager/Pager.js

@@ -23,7 +23,7 @@ import { PagerInfo } from './PagerInfo';
 import { PagerNavigationButton } from './PagerNavigationButton';
 import { messages, pagerFirstPage, pagerLastPage, pagerNextPage, pagerPreviousPage } from '../messages/main';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
-import { getListeners, getTemplate, hasListener, isRtl, kendoThemeMaps, templateRendering } from '@progress/kendo-vue-common';
+import { canUseDOM, getListeners, getTemplate, hasListener, isRtl, kendoThemeMaps, templateRendering } from '@progress/kendo-vue-common';
 import { caretAltLeftIcon, caretAltRightIcon, caretAltToLeftIcon, caretAltToRightIcon } from '@progress/kendo-svg-icons';
 /**
  * @hidden
@@ -81,25 +81,33 @@ var PagerVue2 = {
   },
   data: function data() {
     return {
-      currentSize: 'medium',
       currentRtl: false,
       itemsToFit: undefined,
       itemsWidths: undefined
     };
   },
   mounted: function mounted() {
-    window.addEventListener('resize', this.onWindowResize);
+    if (canUseDOM && window.ResizeObserver) {
+      this.observerResize = new window.ResizeObserver(this.onWindowResize);
+      this.observerResize.observe(this.$el);
+    }
     this.currentRtl = isRtl(this.$el);
-    var childsWidths = this.collectPagerChildsWidths();
-    this.itemsWidths = childsWidths;
+    var childrenWidths = this.collectPagerChildrenWidths();
+    this.itemsWidths = childrenWidths;
     this.onWindowResize();
   },
   destroyed: !!isV3 ? undefined : function () {
-    window.removeEventListener('resize', this.onWindowResize);
+    var _a;
+    if (((_a = this.document) === null || _a === void 0 ? void 0 : _a.body) && this.observerResize) {
+      this.observerResize.disconnect();
+    }
   },
   // @ts-ignore
   unmounted: function unmounted() {
-    window.removeEventListener('resize', this.onWindowResize);
+    var _a;
+    if (((_a = this.document) === null || _a === void 0 ? void 0 : _a.body) && this.observerResize) {
+      this.observerResize.disconnect();
+    }
   },
   inject: {
     kendoLocalizationService: {
@@ -114,10 +122,9 @@ var PagerVue2 = {
       get: function get() {
         var _a;
         var size = this.$props.size;
-        var mobileClass = !(!this.$props.responsive || this.$props.settings.responsive === false);
         return _a = {
           'k-pager': true
-        }, _a["k-pager-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-pager-mobile-".concat(kendoThemeMaps.sizeMap[this.currentSize])] = mobileClass && this.currentSize, _a;
+        }, _a["k-pager-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a;
       }
     },
     totalPages: {
@@ -134,6 +141,12 @@ var PagerVue2 = {
       get: function get() {
         return this.$props.take || this.$props.pageSize;
       }
+    },
+    showPageSizes: function showPageSizes() {
+      return this.itemsToFit.includes(this.pagerSizesIndex);
+    },
+    showInfo: function showInfo() {
+      return this.itemsToFit.includes(this.pagerInfoIndex);
     }
   },
   methods: {
@@ -158,12 +171,12 @@ var PagerVue2 = {
       if (!element || !this.$props.responsive || this.$props.settings.responsive === false) {
         return;
       }
-      this.itemsToFit = this.fitChildsInParent(element, this.itemsWidths || []);
+      this.itemsToFit = this.fitChildrenInParent(element, this.itemsWidths || []);
     },
     transformDimesion: function transformDimesion(initialValue) {
       return typeof initialValue === 'string' ? initialValue.endsWith('px') ? initialValue : initialValue + 'px' : initialValue + 'px';
     },
-    collectPagerChildsWidths: function collectPagerChildsWidths() {
+    collectPagerChildrenWidths: function collectPagerChildrenWidths() {
       var _a;
       var arrayChildren = Array.from(((_a = this.$el) === null || _a === void 0 ? void 0 : _a.children) || []);
       var widths = arrayChildren.map(function (item) {
@@ -174,17 +187,17 @@ var PagerVue2 = {
       });
       return widths;
     },
-    fitChildsInParent: function fitChildsInParent(parent, childsWidths) {
+    fitChildrenInParent: function fitChildrenInParent(parent, childrenWidths) {
       var fitItems = [0];
       var elementsWith = 0;
-      var updatedWidths = childsWidths;
+      var updatedWidths = childrenWidths;
       var parentWidth = parent.offsetWidth;
-      var firstElement = childsWidths[0];
-      var buffer = 40;
+      var firstElement = childrenWidths[0];
+      var buffer = 30;
       elementsWith += firstElement;
-      for (var index = 1; index < childsWidths.length; index++) {
+      for (var index = 1; index < childrenWidths.length; index++) {
         var parentChild = parent.children[index];
-        var currentElement = (parentChild === null || parentChild === void 0 ? void 0 : parentChild.offsetWidth) || childsWidths[index];
+        var currentElement = (parentChild === null || parentChild === void 0 ? void 0 : parentChild.offsetWidth) || childrenWidths[index];
         if ((elementsWith += currentElement) < parentWidth - buffer) {
           fitItems.push(index);
         } else {
@@ -402,7 +415,7 @@ var PagerVue2 = {
       messagesMap: messagesMap,
       size: this.size
     });
-    var infoElement = !settings.info ? '' :
+    var infoElement = settings.info &&
     // @ts-ignore function children
     h(PagerInfo, {
       totalPages: this.$props.total,

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: 1694607231,
+    publishDate: 1695038293,
     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

@@ -96,7 +96,6 @@ export interface PagerComputed {
  * @hidden
  */
 export interface PagerData {
-    currentSize: string;
 }
 /**
  * @hidden

package/dist/esm/pager/Pager.js

@@ -23,7 +23,7 @@ import { PagerInfo } from './PagerInfo.js';
 import { PagerNavigationButton } from './PagerNavigationButton.js';
 import { messages, pagerFirstPage, pagerLastPage, pagerNextPage, pagerPreviousPage } from '../messages/main.js';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
-import { getListeners, getTemplate, hasListener, isRtl, kendoThemeMaps, templateRendering } from '@progress/kendo-vue-common';
+import { canUseDOM, getListeners, getTemplate, hasListener, isRtl, kendoThemeMaps, templateRendering } from '@progress/kendo-vue-common';
 import { caretAltLeftIcon, caretAltRightIcon, caretAltToLeftIcon, caretAltToRightIcon } from '@progress/kendo-svg-icons';
 /**
  * @hidden
@@ -81,25 +81,33 @@ var PagerVue2 = {
   },
   data: function data() {
     return {
-      currentSize: 'medium',
       currentRtl: false,
       itemsToFit: undefined,
       itemsWidths: undefined
     };
   },
   mounted: function mounted() {
-    window.addEventListener('resize', this.onWindowResize);
+    if (canUseDOM && window.ResizeObserver) {
+      this.observerResize = new window.ResizeObserver(this.onWindowResize);
+      this.observerResize.observe(this.$el);
+    }
     this.currentRtl = isRtl(this.$el);
-    var childsWidths = this.collectPagerChildsWidths();
-    this.itemsWidths = childsWidths;
+    var childrenWidths = this.collectPagerChildrenWidths();
+    this.itemsWidths = childrenWidths;
     this.onWindowResize();
   },
   destroyed: !!isV3 ? undefined : function () {
-    window.removeEventListener('resize', this.onWindowResize);
+    var _a;
+    if (((_a = this.document) === null || _a === void 0 ? void 0 : _a.body) && this.observerResize) {
+      this.observerResize.disconnect();
+    }
   },
   // @ts-ignore
   unmounted: function unmounted() {
-    window.removeEventListener('resize', this.onWindowResize);
+    var _a;
+    if (((_a = this.document) === null || _a === void 0 ? void 0 : _a.body) && this.observerResize) {
+      this.observerResize.disconnect();
+    }
   },
   inject: {
     kendoLocalizationService: {
@@ -114,10 +122,9 @@ var PagerVue2 = {
       get: function get() {
         var _a;
         var size = this.$props.size;
-        var mobileClass = !(!this.$props.responsive || this.$props.settings.responsive === false);
         return _a = {
           'k-pager': true
-        }, _a["k-pager-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-pager-mobile-".concat(kendoThemeMaps.sizeMap[this.currentSize])] = mobileClass && this.currentSize, _a;
+        }, _a["k-pager-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a;
       }
     },
     totalPages: {
@@ -134,6 +141,12 @@ var PagerVue2 = {
       get: function get() {
         return this.$props.take || this.$props.pageSize;
       }
+    },
+    showPageSizes: function showPageSizes() {
+      return this.itemsToFit.includes(this.pagerSizesIndex);
+    },
+    showInfo: function showInfo() {
+      return this.itemsToFit.includes(this.pagerInfoIndex);
     }
   },
   methods: {
@@ -158,12 +171,12 @@ var PagerVue2 = {
       if (!element || !this.$props.responsive || this.$props.settings.responsive === false) {
         return;
       }
-      this.itemsToFit = this.fitChildsInParent(element, this.itemsWidths || []);
+      this.itemsToFit = this.fitChildrenInParent(element, this.itemsWidths || []);
     },
     transformDimesion: function transformDimesion(initialValue) {
       return typeof initialValue === 'string' ? initialValue.endsWith('px') ? initialValue : initialValue + 'px' : initialValue + 'px';
     },
-    collectPagerChildsWidths: function collectPagerChildsWidths() {
+    collectPagerChildrenWidths: function collectPagerChildrenWidths() {
       var _a;
       var arrayChildren = Array.from(((_a = this.$el) === null || _a === void 0 ? void 0 : _a.children) || []);
       var widths = arrayChildren.map(function (item) {
@@ -174,17 +187,17 @@ var PagerVue2 = {
       });
       return widths;
     },
-    fitChildsInParent: function fitChildsInParent(parent, childsWidths) {
+    fitChildrenInParent: function fitChildrenInParent(parent, childrenWidths) {
       var fitItems = [0];
       var elementsWith = 0;
-      var updatedWidths = childsWidths;
+      var updatedWidths = childrenWidths;
       var parentWidth = parent.offsetWidth;
-      var firstElement = childsWidths[0];
-      var buffer = 40;
+      var firstElement = childrenWidths[0];
+      var buffer = 30;
       elementsWith += firstElement;
-      for (var index = 1; index < childsWidths.length; index++) {
+      for (var index = 1; index < childrenWidths.length; index++) {
         var parentChild = parent.children[index];
-        var currentElement = (parentChild === null || parentChild === void 0 ? void 0 : parentChild.offsetWidth) || childsWidths[index];
+        var currentElement = (parentChild === null || parentChild === void 0 ? void 0 : parentChild.offsetWidth) || childrenWidths[index];
         if ((elementsWith += currentElement) < parentWidth - buffer) {
           fitItems.push(index);
         } else {
@@ -402,7 +415,7 @@ var PagerVue2 = {
       messagesMap: messagesMap,
       size: this.size
     });
-    var infoElement = !settings.info ? '' :
+    var infoElement = settings.info &&
     // @ts-ignore function children
     h(PagerInfo, {
       totalPages: this.$props.total,

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: 1694607231,
+    publishDate: 1695038293,
     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

@@ -96,7 +96,6 @@ export interface PagerComputed {
  * @hidden
  */
 export interface PagerData {
-    currentSize: string;
 }
 /**
  * @hidden

package/dist/npm/pager/Pager.js

@@ -87,25 +87,33 @@ var PagerVue2 = {
   },
   data: function data() {
     return {
-      currentSize: 'medium',
       currentRtl: false,
       itemsToFit: undefined,
       itemsWidths: undefined
     };
   },
   mounted: function mounted() {
-    window.addEventListener('resize', this.onWindowResize);
+    if (kendo_vue_common_1.canUseDOM && window.ResizeObserver) {
+      this.observerResize = new window.ResizeObserver(this.onWindowResize);
+      this.observerResize.observe(this.$el);
+    }
     this.currentRtl = (0, kendo_vue_common_1.isRtl)(this.$el);
-    var childsWidths = this.collectPagerChildsWidths();
-    this.itemsWidths = childsWidths;
+    var childrenWidths = this.collectPagerChildrenWidths();
+    this.itemsWidths = childrenWidths;
     this.onWindowResize();
   },
   destroyed: !!isV3 ? undefined : function () {
-    window.removeEventListener('resize', this.onWindowResize);
+    var _a;
+    if (((_a = this.document) === null || _a === void 0 ? void 0 : _a.body) && this.observerResize) {
+      this.observerResize.disconnect();
+    }
   },
   // @ts-ignore
   unmounted: function unmounted() {
-    window.removeEventListener('resize', this.onWindowResize);
+    var _a;
+    if (((_a = this.document) === null || _a === void 0 ? void 0 : _a.body) && this.observerResize) {
+      this.observerResize.disconnect();
+    }
   },
   inject: {
     kendoLocalizationService: {
@@ -120,10 +128,9 @@ var PagerVue2 = {
       get: function get() {
         var _a;
         var size = this.$props.size;
-        var mobileClass = !(!this.$props.responsive || this.$props.settings.responsive === false);
         return _a = {
           'k-pager': true
-        }, _a["k-pager-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-pager-mobile-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[this.currentSize])] = mobileClass && this.currentSize, _a;
+        }, _a["k-pager-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a;
       }
     },
     totalPages: {
@@ -140,6 +147,12 @@ var PagerVue2 = {
       get: function get() {
         return this.$props.take || this.$props.pageSize;
       }
+    },
+    showPageSizes: function showPageSizes() {
+      return this.itemsToFit.includes(this.pagerSizesIndex);
+    },
+    showInfo: function showInfo() {
+      return this.itemsToFit.includes(this.pagerInfoIndex);
     }
   },
   methods: {
@@ -164,12 +177,12 @@ var PagerVue2 = {
       if (!element || !this.$props.responsive || this.$props.settings.responsive === false) {
         return;
       }
-      this.itemsToFit = this.fitChildsInParent(element, this.itemsWidths || []);
+      this.itemsToFit = this.fitChildrenInParent(element, this.itemsWidths || []);
     },
     transformDimesion: function transformDimesion(initialValue) {
       return typeof initialValue === 'string' ? initialValue.endsWith('px') ? initialValue : initialValue + 'px' : initialValue + 'px';
     },
-    collectPagerChildsWidths: function collectPagerChildsWidths() {
+    collectPagerChildrenWidths: function collectPagerChildrenWidths() {
       var _a;
       var arrayChildren = Array.from(((_a = this.$el) === null || _a === void 0 ? void 0 : _a.children) || []);
       var widths = arrayChildren.map(function (item) {
@@ -180,17 +193,17 @@ var PagerVue2 = {
       });
       return widths;
     },
-    fitChildsInParent: function fitChildsInParent(parent, childsWidths) {
+    fitChildrenInParent: function fitChildrenInParent(parent, childrenWidths) {
       var fitItems = [0];
       var elementsWith = 0;
-      var updatedWidths = childsWidths;
+      var updatedWidths = childrenWidths;
       var parentWidth = parent.offsetWidth;
-      var firstElement = childsWidths[0];
-      var buffer = 40;
+      var firstElement = childrenWidths[0];
+      var buffer = 30;
       elementsWith += firstElement;
-      for (var index = 1; index < childsWidths.length; index++) {
+      for (var index = 1; index < childrenWidths.length; index++) {
         var parentChild = parent.children[index];
-        var currentElement = (parentChild === null || parentChild === void 0 ? void 0 : parentChild.offsetWidth) || childsWidths[index];
+        var currentElement = (parentChild === null || parentChild === void 0 ? void 0 : parentChild.offsetWidth) || childrenWidths[index];
         if ((elementsWith += currentElement) < parentWidth - buffer) {
           fitItems.push(index);
         } else {
@@ -408,7 +421,7 @@ var PagerVue2 = {
       messagesMap: messagesMap,
       size: this.size
     });
-    var infoElement = !settings.info ? '' :
+    var infoElement = settings.info &&
     // @ts-ignore function children
     h(PagerInfo_1.PagerInfo, {
       totalPages: this.$props.total,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-data-tools",
   "description": "Kendo UI for Vue Data Tools package",
-  "version": "3.14.0",
+  "version": "3.14.1-dev.202309181204",
   "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.0"
+    "@progress/kendo-vue-common": "3.14.1-dev.202309181204"
   },
   "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.0",
-    "@progress/kendo-vue-buttons": "3.14.0",
-    "@progress/kendo-vue-dateinputs": "3.14.0",
-    "@progress/kendo-vue-dropdowns": "3.14.0",
-    "@progress/kendo-vue-grid": "3.14.0",
-    "@progress/kendo-vue-inputs": "3.14.0",
-    "@progress/kendo-vue-intl": "3.14.0",
-    "@progress/kendo-vue-popup": "3.14.0"
+    "@progress/kendo-vue-animation": "3.14.1-dev.202309181204",
+    "@progress/kendo-vue-buttons": "3.14.1-dev.202309181204",
+    "@progress/kendo-vue-dateinputs": "3.14.1-dev.202309181204",
+    "@progress/kendo-vue-dropdowns": "3.14.1-dev.202309181204",
+    "@progress/kendo-vue-grid": "3.14.1-dev.202309181204",
+    "@progress/kendo-vue-inputs": "3.14.1-dev.202309181204",
+    "@progress/kendo-vue-intl": "3.14.1-dev.202309181204",
+    "@progress/kendo-vue-popup": "3.14.1-dev.202309181204"
   },
   "@progress": {
     "friendlyName": "Data Tools",