@progress/kendo-vue-data-tools 3.10.2 → 3.11.0-dev.202305230751

package/dist/es/columnmenu/ColumnMenuItem.js

@@ -59,9 +59,9 @@ var ColumnMenuItemVue2 = {
       name: icon,
       attrs: this.v3 ? undefined : {
         name: icon,
-        svg: svgIcon
+        icon: svgIcon
       },
-      svg: svgIcon
+      icon: svgIcon
     }), title]);
   }
 };

package/dist/es/drag/CommonDragLogic.js

@@ -159,7 +159,7 @@ var CommonDragLogic = /** @class */ (function () {
         this.dragElementClue.top = (event.pageY + 10);
         this.dragElementClue.left = event.pageX;
         this.dragElementClue.innerText = innerText;
-        this.dragElementClue.status = (invalidIndex || !targetElement) ? 'k-i-cancel' : 'k-i-plus';
+        this.dragElementClue.status = (invalidIndex || !targetElement) ? 'cancel' : 'plus';
     };
     CommonDragLogic.prototype.updateDropElementClue = function (event, element, targetElement, invalidIndex) {
         if (!this.dropElementClue) {

package/dist/es/drag/DragClue.d.ts

@@ -12,7 +12,7 @@ export interface DragClueData extends Vue2type {
     top?: number;
     left?: number;
     innerText?: string;
-    status?: 'k-i-cancel' | 'k-i-add';
+    status?: 'cancel' | 'add';
 }
 /**
  * @hidden

package/dist/es/drag/DragClue.js

@@ -4,6 +4,7 @@ var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 import { Icon } from '@progress/kendo-vue-common';
+import { cancelIcon, plusIcon } from '@progress/kendo-svg-icons';
 /**
  * @hidden
  */
@@ -14,7 +15,7 @@ var DragClueVue2 = {
       top: 0,
       left: 0,
       innerText: '',
-      status: 'k-i-cancel'
+      status: 'cancel'
     };
   },
   // @ts-ignore
@@ -37,14 +38,15 @@ var DragClueVue2 = {
         top: this.top + 'px',
         left: this.left + 'px'
       }
-    }, [h("span", {
-      "class": 'k-icon k-drag-status ' + this.status + ' k-icon-with-modifier'
     }, [h(Icon, {
-      name: "modifier",
+      name: this.status,
       attrs: this.v3 ? undefined : {
-        name: "modifier"
-      }
-    })]), this.innerText]);
+        name: this.status,
+        icon: this.status === 'cancel' ? cancelIcon : plusIcon
+      },
+      "class": 'k-drag-status',
+      icon: this.status === 'cancel' ? cancelIcon : plusIcon
+    }), this.innerText]);
   }
 };
 /**

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: 1684762854,
+    publishDate: 1684827899,
     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.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, kendoThemeMaps, templateRendering } from '@progress/kendo-vue-common';
+import { getListeners, getTemplate, hasListener, isRtl, kendoThemeMaps, templateRendering } from '@progress/kendo-vue-common';
 import { caretAltLeftIcon, caretAltRightIcon, caretAltToLeftIcon, caretAltToRightIcon } from '@progress/kendo-svg-icons';
 /**
  * @hidden
@@ -85,11 +85,13 @@ var PagerVue2 = {
   },
   data: function data() {
     return {
-      currentSize: 'medium'
+      currentSize: 'medium',
+      currentRtl: false
     };
   },
   mounted: function mounted() {
     window.addEventListener('resize', this.onWindowResize);
+    this.currentRtl = isRtl(this.$el);
     this.onWindowResize();
   },
   updated: function updated() {
@@ -276,14 +278,14 @@ var PagerVue2 = {
           disabled: this.currentPage === 1,
           page: 1,
           title: localizationService.toLanguageString(firstPageMessage.messageKey, firstPageMessage.defaultMessage),
-          icon: 'caret-alt-to-left',
-          svgIcon: caretAltToLeftIcon
+          icon: this.currentRtl ? 'caret-alt-to-right' : 'caret-alt-to-left',
+          svgIcon: this.currentRtl ? caretAltToRightIcon : caretAltToLeftIcon
         },
         disabled: this.currentPage === 1,
         page: 1,
         title: localizationService.toLanguageString(firstPageMessage.messageKey, firstPageMessage.defaultMessage),
-        icon: 'caret-alt-to-left',
-        svgIcon: caretAltToLeftIcon,
+        icon: this.currentRtl ? 'caret-alt-to-right' : 'caret-alt-to-left',
+        svgIcon: this.currentRtl ? caretAltToRightIcon : caretAltToLeftIcon,
         onPagechange: this.changePage,
         on: this.v3 ? undefined : {
           "pagechange": this.changePage
@@ -298,14 +300,14 @@ var PagerVue2 = {
           size: this.size,
           page: this.currentPage - 1,
           title: localizationService.toLanguageString(previousPageMessage.messageKey, previousPageMessage.defaultMessage),
-          icon: 'caret-alt-left',
-          svgIcon: caretAltLeftIcon
+          icon: this.currentRtl ? 'caret-alt-right' : 'caret-alt-left',
+          svgIcon: this.currentRtl ? caretAltRightIcon : caretAltLeftIcon
         },
         size: this.size,
         page: this.currentPage - 1,
         title: localizationService.toLanguageString(previousPageMessage.messageKey, previousPageMessage.defaultMessage),
-        icon: 'caret-alt-left',
-        svgIcon: caretAltLeftIcon,
+        icon: this.currentRtl ? 'caret-alt-right' : 'caret-alt-left',
+        svgIcon: this.currentRtl ? caretAltRightIcon : caretAltLeftIcon,
         onPagechange: this.changePage,
         on: this.v3 ? undefined : {
           "pagechange": this.changePage
@@ -320,14 +322,14 @@ var PagerVue2 = {
           size: this.size,
           page: this.currentPage + 1,
           title: localizationService.toLanguageString(nextPageMessage.messageKey, nextPageMessage.defaultMessage),
-          icon: 'caret-alt-right',
-          svgIcon: caretAltRightIcon
+          icon: this.currentRtl ? 'caret-alt-left' : 'caret-alt-right',
+          svgIcon: this.currentRtl ? caretAltLeftIcon : caretAltRightIcon
         },
         size: this.size,
         page: this.currentPage + 1,
         title: localizationService.toLanguageString(nextPageMessage.messageKey, nextPageMessage.defaultMessage),
-        icon: 'caret-alt-right',
-        svgIcon: caretAltRightIcon,
+        icon: this.currentRtl ? 'caret-alt-left' : 'caret-alt-right',
+        svgIcon: this.currentRtl ? caretAltLeftIcon : caretAltRightIcon,
         onPagechange: this.changePage,
         on: this.v3 ? undefined : {
           "pagechange": this.changePage
@@ -343,14 +345,14 @@ var PagerVue2 = {
           size: this.size,
           page: this.totalPages,
           title: localizationService.toLanguageString(lastPageMessage.messageKey, lastPageMessage.defaultMessage),
-          icon: 'caret-alt-to-right',
-          svgIcon: caretAltToRightIcon
+          icon: this.currentRtl ? 'caret-alt-to-left' : 'caret-alt-to-right',
+          svgIcon: this.currentRtl ? caretAltToLeftIcon : caretAltToRightIcon
         },
         size: this.size,
         page: this.totalPages,
         title: localizationService.toLanguageString(lastPageMessage.messageKey, lastPageMessage.defaultMessage),
-        icon: 'caret-alt-to-right',
-        svgIcon: caretAltToRightIcon,
+        icon: this.currentRtl ? 'caret-alt-to-left' : 'caret-alt-to-right',
+        svgIcon: this.currentRtl ? caretAltToLeftIcon : caretAltToRightIcon,
         onPagechange: this.changePage,
         on: this.v3 ? undefined : {
           "pagechange": this.changePage

package/dist/es/pager/PagerNavigationButton.js

@@ -4,6 +4,7 @@ var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 import { Button as KButton } from '@progress/kendo-vue-buttons';
+import { getIconName } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
@@ -49,7 +50,7 @@ var PagerNavigationButtonVue2 = {
         size: this.$props.size,
         rounded: null,
         ariaLabel: this.title,
-        icon: this.icon,
+        icon: getIconName(this.icon),
         svgIcon: this.svgIcon,
         title: this.title,
         disabled: this.disabled,
@@ -60,7 +61,7 @@ var PagerNavigationButtonVue2 = {
       rounded: null,
       "class": 'k-pager-nav',
       ariaLabel: this.title,
-      icon: this.icon,
+      icon: getIconName(this.icon),
       svgIcon: this.svgIcon,
       title: this.title,
       disabled: this.disabled,

package/dist/es/pager/PagerNumericButtons.js

@@ -48,7 +48,8 @@ var PagerNumericButtonsVue2 = {
         'k-picker': true,
         'k-dropdown-list': true,
         'k-dropdown': true,
-        'k-rounded-md': true
+        'k-rounded-md': true,
+        'k-picker-solid': true
       }, _a["k-picker-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a;
     }
   },

package/dist/esm/columnmenu/ColumnMenuItem.js

@@ -59,9 +59,9 @@ var ColumnMenuItemVue2 = {
       name: icon,
       attrs: this.v3 ? undefined : {
         name: icon,
-        svg: svgIcon
+        icon: svgIcon
       },
-      svg: svgIcon
+      icon: svgIcon
     }), title]);
   }
 };

package/dist/esm/drag/CommonDragLogic.js

@@ -159,7 +159,7 @@ var CommonDragLogic = /** @class */ (function () {
         this.dragElementClue.top = (event.pageY + 10);
         this.dragElementClue.left = event.pageX;
         this.dragElementClue.innerText = innerText;
-        this.dragElementClue.status = (invalidIndex || !targetElement) ? 'k-i-cancel' : 'k-i-plus';
+        this.dragElementClue.status = (invalidIndex || !targetElement) ? 'cancel' : 'plus';
     };
     CommonDragLogic.prototype.updateDropElementClue = function (event, element, targetElement, invalidIndex) {
         if (!this.dropElementClue) {

package/dist/esm/drag/DragClue.d.ts

@@ -12,7 +12,7 @@ export interface DragClueData extends Vue2type {
     top?: number;
     left?: number;
     innerText?: string;
-    status?: 'k-i-cancel' | 'k-i-add';
+    status?: 'cancel' | 'add';
 }
 /**
  * @hidden

package/dist/esm/drag/DragClue.js

@@ -4,6 +4,7 @@ var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 import { Icon } from '@progress/kendo-vue-common';
+import { cancelIcon, plusIcon } from '@progress/kendo-svg-icons';
 /**
  * @hidden
  */
@@ -14,7 +15,7 @@ var DragClueVue2 = {
       top: 0,
       left: 0,
       innerText: '',
-      status: 'k-i-cancel'
+      status: 'cancel'
     };
   },
   // @ts-ignore
@@ -37,14 +38,15 @@ var DragClueVue2 = {
         top: this.top + 'px',
         left: this.left + 'px'
       }
-    }, [h("span", {
-      "class": 'k-icon k-drag-status ' + this.status + ' k-icon-with-modifier'
     }, [h(Icon, {
-      name: "modifier",
+      name: this.status,
       attrs: this.v3 ? undefined : {
-        name: "modifier"
-      }
-    })]), this.innerText]);
+        name: this.status,
+        icon: this.status === 'cancel' ? cancelIcon : plusIcon
+      },
+      "class": 'k-drag-status',
+      icon: this.status === 'cancel' ? cancelIcon : plusIcon
+    }), this.innerText]);
   }
 };
 /**

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: 1684762854,
+    publishDate: 1684827899,
     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.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, kendoThemeMaps, templateRendering } from '@progress/kendo-vue-common';
+import { getListeners, getTemplate, hasListener, isRtl, kendoThemeMaps, templateRendering } from '@progress/kendo-vue-common';
 import { caretAltLeftIcon, caretAltRightIcon, caretAltToLeftIcon, caretAltToRightIcon } from '@progress/kendo-svg-icons';
 /**
  * @hidden
@@ -85,11 +85,13 @@ var PagerVue2 = {
   },
   data: function data() {
     return {
-      currentSize: 'medium'
+      currentSize: 'medium',
+      currentRtl: false
     };
   },
   mounted: function mounted() {
     window.addEventListener('resize', this.onWindowResize);
+    this.currentRtl = isRtl(this.$el);
     this.onWindowResize();
   },
   updated: function updated() {
@@ -276,14 +278,14 @@ var PagerVue2 = {
           disabled: this.currentPage === 1,
           page: 1,
           title: localizationService.toLanguageString(firstPageMessage.messageKey, firstPageMessage.defaultMessage),
-          icon: 'caret-alt-to-left',
-          svgIcon: caretAltToLeftIcon
+          icon: this.currentRtl ? 'caret-alt-to-right' : 'caret-alt-to-left',
+          svgIcon: this.currentRtl ? caretAltToRightIcon : caretAltToLeftIcon
         },
         disabled: this.currentPage === 1,
         page: 1,
         title: localizationService.toLanguageString(firstPageMessage.messageKey, firstPageMessage.defaultMessage),
-        icon: 'caret-alt-to-left',
-        svgIcon: caretAltToLeftIcon,
+        icon: this.currentRtl ? 'caret-alt-to-right' : 'caret-alt-to-left',
+        svgIcon: this.currentRtl ? caretAltToRightIcon : caretAltToLeftIcon,
         onPagechange: this.changePage,
         on: this.v3 ? undefined : {
           "pagechange": this.changePage
@@ -298,14 +300,14 @@ var PagerVue2 = {
           size: this.size,
           page: this.currentPage - 1,
           title: localizationService.toLanguageString(previousPageMessage.messageKey, previousPageMessage.defaultMessage),
-          icon: 'caret-alt-left',
-          svgIcon: caretAltLeftIcon
+          icon: this.currentRtl ? 'caret-alt-right' : 'caret-alt-left',
+          svgIcon: this.currentRtl ? caretAltRightIcon : caretAltLeftIcon
         },
         size: this.size,
         page: this.currentPage - 1,
         title: localizationService.toLanguageString(previousPageMessage.messageKey, previousPageMessage.defaultMessage),
-        icon: 'caret-alt-left',
-        svgIcon: caretAltLeftIcon,
+        icon: this.currentRtl ? 'caret-alt-right' : 'caret-alt-left',
+        svgIcon: this.currentRtl ? caretAltRightIcon : caretAltLeftIcon,
         onPagechange: this.changePage,
         on: this.v3 ? undefined : {
           "pagechange": this.changePage
@@ -320,14 +322,14 @@ var PagerVue2 = {
           size: this.size,
           page: this.currentPage + 1,
           title: localizationService.toLanguageString(nextPageMessage.messageKey, nextPageMessage.defaultMessage),
-          icon: 'caret-alt-right',
-          svgIcon: caretAltRightIcon
+          icon: this.currentRtl ? 'caret-alt-left' : 'caret-alt-right',
+          svgIcon: this.currentRtl ? caretAltLeftIcon : caretAltRightIcon
         },
         size: this.size,
         page: this.currentPage + 1,
         title: localizationService.toLanguageString(nextPageMessage.messageKey, nextPageMessage.defaultMessage),
-        icon: 'caret-alt-right',
-        svgIcon: caretAltRightIcon,
+        icon: this.currentRtl ? 'caret-alt-left' : 'caret-alt-right',
+        svgIcon: this.currentRtl ? caretAltLeftIcon : caretAltRightIcon,
         onPagechange: this.changePage,
         on: this.v3 ? undefined : {
           "pagechange": this.changePage
@@ -343,14 +345,14 @@ var PagerVue2 = {
           size: this.size,
           page: this.totalPages,
           title: localizationService.toLanguageString(lastPageMessage.messageKey, lastPageMessage.defaultMessage),
-          icon: 'caret-alt-to-right',
-          svgIcon: caretAltToRightIcon
+          icon: this.currentRtl ? 'caret-alt-to-left' : 'caret-alt-to-right',
+          svgIcon: this.currentRtl ? caretAltToLeftIcon : caretAltToRightIcon
         },
         size: this.size,
         page: this.totalPages,
         title: localizationService.toLanguageString(lastPageMessage.messageKey, lastPageMessage.defaultMessage),
-        icon: 'caret-alt-to-right',
-        svgIcon: caretAltToRightIcon,
+        icon: this.currentRtl ? 'caret-alt-to-left' : 'caret-alt-to-right',
+        svgIcon: this.currentRtl ? caretAltToLeftIcon : caretAltToRightIcon,
         onPagechange: this.changePage,
         on: this.v3 ? undefined : {
           "pagechange": this.changePage

package/dist/esm/pager/PagerNavigationButton.js

@@ -4,6 +4,7 @@ var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 import { Button as KButton } from '@progress/kendo-vue-buttons';
+import { getIconName } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
@@ -49,7 +50,7 @@ var PagerNavigationButtonVue2 = {
         size: this.$props.size,
         rounded: null,
         ariaLabel: this.title,
-        icon: this.icon,
+        icon: getIconName(this.icon),
         svgIcon: this.svgIcon,
         title: this.title,
         disabled: this.disabled,
@@ -60,7 +61,7 @@ var PagerNavigationButtonVue2 = {
       rounded: null,
       "class": 'k-pager-nav',
       ariaLabel: this.title,
-      icon: this.icon,
+      icon: getIconName(this.icon),
       svgIcon: this.svgIcon,
       title: this.title,
       disabled: this.disabled,

package/dist/esm/pager/PagerNumericButtons.js

@@ -48,7 +48,8 @@ var PagerNumericButtonsVue2 = {
         'k-picker': true,
         'k-dropdown-list': true,
         'k-dropdown': true,
-        'k-rounded-md': true
+        'k-rounded-md': true,
+        'k-picker-solid': true
       }, _a["k-picker-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a;
     }
   },

package/dist/npm/columnmenu/ColumnMenuItem.js

@@ -65,9 +65,9 @@ var ColumnMenuItemVue2 = {
       name: icon,
       attrs: this.v3 ? undefined : {
         name: icon,
-        svg: svgIcon
+        icon: svgIcon
       },
-      svg: svgIcon
+      icon: svgIcon
     }), title]);
   }
 };

package/dist/npm/drag/CommonDragLogic.js

@@ -162,7 +162,7 @@ var CommonDragLogic = /** @class */ (function () {
         this.dragElementClue.top = (event.pageY + 10);
         this.dragElementClue.left = event.pageX;
         this.dragElementClue.innerText = innerText;
-        this.dragElementClue.status = (invalidIndex || !targetElement) ? 'k-i-cancel' : 'k-i-plus';
+        this.dragElementClue.status = (invalidIndex || !targetElement) ? 'cancel' : 'plus';
     };
     CommonDragLogic.prototype.updateDropElementClue = function (event, element, targetElement, invalidIndex) {
         if (!this.dropElementClue) {

package/dist/npm/drag/DragClue.d.ts

@@ -12,7 +12,7 @@ export interface DragClueData extends Vue2type {
     top?: number;
     left?: number;
     innerText?: string;
-    status?: 'k-i-cancel' | 'k-i-add';
+    status?: 'cancel' | 'add';
 }
 /**
  * @hidden

package/dist/npm/drag/DragClue.js

@@ -10,6 +10,7 @@ var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 /**
  * @hidden
  */
@@ -20,7 +21,7 @@ var DragClueVue2 = {
       top: 0,
       left: 0,
       innerText: '',
-      status: 'k-i-cancel'
+      status: 'cancel'
     };
   },
   // @ts-ignore
@@ -43,14 +44,15 @@ var DragClueVue2 = {
         top: this.top + 'px',
         left: this.left + 'px'
       }
-    }, [h("span", {
-      "class": 'k-icon k-drag-status ' + this.status + ' k-icon-with-modifier'
     }, [h(kendo_vue_common_1.Icon, {
-      name: "modifier",
+      name: this.status,
       attrs: this.v3 ? undefined : {
-        name: "modifier"
-      }
-    })]), this.innerText]);
+        name: this.status,
+        icon: this.status === 'cancel' ? kendo_svg_icons_1.cancelIcon : kendo_svg_icons_1.plusIcon
+      },
+      "class": 'k-drag-status',
+      icon: this.status === 'cancel' ? kendo_svg_icons_1.cancelIcon : kendo_svg_icons_1.plusIcon
+    }), this.innerText]);
   }
 };
 exports.DragClueVue2 = DragClueVue2;

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: 1684762854,
+    publishDate: 1684827899,
     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

@@ -91,11 +91,13 @@ var PagerVue2 = {
   },
   data: function data() {
     return {
-      currentSize: 'medium'
+      currentSize: 'medium',
+      currentRtl: false
     };
   },
   mounted: function mounted() {
     window.addEventListener('resize', this.onWindowResize);
+    this.currentRtl = (0, kendo_vue_common_1.isRtl)(this.$el);
     this.onWindowResize();
   },
   updated: function updated() {
@@ -282,14 +284,14 @@ var PagerVue2 = {
           disabled: this.currentPage === 1,
           page: 1,
           title: localizationService.toLanguageString(firstPageMessage.messageKey, firstPageMessage.defaultMessage),
-          icon: 'caret-alt-to-left',
-          svgIcon: kendo_svg_icons_1.caretAltToLeftIcon
+          icon: this.currentRtl ? 'caret-alt-to-right' : 'caret-alt-to-left',
+          svgIcon: this.currentRtl ? kendo_svg_icons_1.caretAltToRightIcon : kendo_svg_icons_1.caretAltToLeftIcon
         },
         disabled: this.currentPage === 1,
         page: 1,
         title: localizationService.toLanguageString(firstPageMessage.messageKey, firstPageMessage.defaultMessage),
-        icon: 'caret-alt-to-left',
-        svgIcon: kendo_svg_icons_1.caretAltToLeftIcon,
+        icon: this.currentRtl ? 'caret-alt-to-right' : 'caret-alt-to-left',
+        svgIcon: this.currentRtl ? kendo_svg_icons_1.caretAltToRightIcon : kendo_svg_icons_1.caretAltToLeftIcon,
         onPagechange: this.changePage,
         on: this.v3 ? undefined : {
           "pagechange": this.changePage
@@ -304,14 +306,14 @@ var PagerVue2 = {
           size: this.size,
           page: this.currentPage - 1,
           title: localizationService.toLanguageString(previousPageMessage.messageKey, previousPageMessage.defaultMessage),
-          icon: 'caret-alt-left',
-          svgIcon: kendo_svg_icons_1.caretAltLeftIcon
+          icon: this.currentRtl ? 'caret-alt-right' : 'caret-alt-left',
+          svgIcon: this.currentRtl ? kendo_svg_icons_1.caretAltRightIcon : kendo_svg_icons_1.caretAltLeftIcon
         },
         size: this.size,
         page: this.currentPage - 1,
         title: localizationService.toLanguageString(previousPageMessage.messageKey, previousPageMessage.defaultMessage),
-        icon: 'caret-alt-left',
-        svgIcon: kendo_svg_icons_1.caretAltLeftIcon,
+        icon: this.currentRtl ? 'caret-alt-right' : 'caret-alt-left',
+        svgIcon: this.currentRtl ? kendo_svg_icons_1.caretAltRightIcon : kendo_svg_icons_1.caretAltLeftIcon,
         onPagechange: this.changePage,
         on: this.v3 ? undefined : {
           "pagechange": this.changePage
@@ -326,14 +328,14 @@ var PagerVue2 = {
           size: this.size,
           page: this.currentPage + 1,
           title: localizationService.toLanguageString(nextPageMessage.messageKey, nextPageMessage.defaultMessage),
-          icon: 'caret-alt-right',
-          svgIcon: kendo_svg_icons_1.caretAltRightIcon
+          icon: this.currentRtl ? 'caret-alt-left' : 'caret-alt-right',
+          svgIcon: this.currentRtl ? kendo_svg_icons_1.caretAltLeftIcon : kendo_svg_icons_1.caretAltRightIcon
         },
         size: this.size,
         page: this.currentPage + 1,
         title: localizationService.toLanguageString(nextPageMessage.messageKey, nextPageMessage.defaultMessage),
-        icon: 'caret-alt-right',
-        svgIcon: kendo_svg_icons_1.caretAltRightIcon,
+        icon: this.currentRtl ? 'caret-alt-left' : 'caret-alt-right',
+        svgIcon: this.currentRtl ? kendo_svg_icons_1.caretAltLeftIcon : kendo_svg_icons_1.caretAltRightIcon,
         onPagechange: this.changePage,
         on: this.v3 ? undefined : {
           "pagechange": this.changePage
@@ -349,14 +351,14 @@ var PagerVue2 = {
           size: this.size,
           page: this.totalPages,
           title: localizationService.toLanguageString(lastPageMessage.messageKey, lastPageMessage.defaultMessage),
-          icon: 'caret-alt-to-right',
-          svgIcon: kendo_svg_icons_1.caretAltToRightIcon
+          icon: this.currentRtl ? 'caret-alt-to-left' : 'caret-alt-to-right',
+          svgIcon: this.currentRtl ? kendo_svg_icons_1.caretAltToLeftIcon : kendo_svg_icons_1.caretAltToRightIcon
         },
         size: this.size,
         page: this.totalPages,
         title: localizationService.toLanguageString(lastPageMessage.messageKey, lastPageMessage.defaultMessage),
-        icon: 'caret-alt-to-right',
-        svgIcon: kendo_svg_icons_1.caretAltToRightIcon,
+        icon: this.currentRtl ? 'caret-alt-to-left' : 'caret-alt-to-right',
+        svgIcon: this.currentRtl ? kendo_svg_icons_1.caretAltToLeftIcon : kendo_svg_icons_1.caretAltToRightIcon,
         onPagechange: this.changePage,
         on: this.v3 ? undefined : {
           "pagechange": this.changePage

package/dist/npm/pager/PagerNavigationButton.js

@@ -10,6 +10,7 @@ var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
  * @hidden
  */
@@ -55,7 +56,7 @@ var PagerNavigationButtonVue2 = {
         size: this.$props.size,
         rounded: null,
         ariaLabel: this.title,
-        icon: this.icon,
+        icon: (0, kendo_vue_common_1.getIconName)(this.icon),
         svgIcon: this.svgIcon,
         title: this.title,
         disabled: this.disabled,
@@ -66,7 +67,7 @@ var PagerNavigationButtonVue2 = {
       rounded: null,
       "class": 'k-pager-nav',
       ariaLabel: this.title,
-      icon: this.icon,
+      icon: (0, kendo_vue_common_1.getIconName)(this.icon),
       svgIcon: this.svgIcon,
       title: this.title,
       disabled: this.disabled,

package/dist/npm/pager/PagerNumericButtons.js

@@ -54,7 +54,8 @@ var PagerNumericButtonsVue2 = {
         'k-picker': true,
         'k-dropdown-list': true,
         'k-dropdown': true,
-        'k-rounded-md': true
+        'k-rounded-md': true,
+        'k-picker-solid': true
       }, _a["k-picker-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a;
     }
   },