@progress/kendo-vue-grid 3.10.2-dev.202305221316 → 3.11.0-dev.202305230623

package/dist/es/Grid.js

@@ -1335,7 +1335,8 @@ var GridVue2 = {
                 level: item.level,
                 expanded: isExpanded,
                 dataIndex: item.dataIndex,
-                ariaColumnIndex: column.ariaColumnIndex
+                ariaColumnIndex: column.ariaColumnIndex,
+                isRtl: this.isRtl
               },
               colSpan: colSpans[index],
               dataItem: item.dataItem,
@@ -1375,7 +1376,8 @@ var GridVue2 = {
               expanded: isExpanded,
               dataIndex: item.dataIndex,
               style: style,
-              ariaColumnIndex: column.ariaColumnIndex
+              ariaColumnIndex: column.ariaColumnIndex,
+              isRtl: this.isRtl
             });
           }
           // @ts-ignore

package/dist/es/cells/GridCell.js

@@ -37,7 +37,8 @@ var GridCellVue2 = {
     editor: String,
     isSelected: Boolean,
     ariaColumnIndex: Number,
-    render: [String, Function, Object]
+    render: [String, Function, Object],
+    isRtl: Boolean
   },
   inject: {
     kendoIntlService: {

package/dist/es/cells/GridEditCell.js

@@ -31,7 +31,8 @@ var GridEditCellVue2 = {
     editor: String,
     isSelected: Boolean,
     ariaColumnIndex: Number,
-    render: [String, Function, Object]
+    render: [String, Function, Object],
+    isRtl: Boolean
   },
   // @ts-ignore
   emits: {

package/dist/es/cells/GridGroupCell.js

@@ -7,7 +7,7 @@ import { getTemplate, Icon, Keys, noop } from '@progress/kendo-vue-common';
 import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-vue-data-tools';
 import { messages, groupCaretAriaLabelExpand, groupCaretAriaLabelCollapse } from '../messages/main';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
-import { caretAltDownIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
+import { caretAltDownIcon, caretAltRightIcon, caretAltLeftIcon } from '@progress/kendo-svg-icons';
 /**
  * @hidden
  */
@@ -30,6 +30,7 @@ var GridGroupCellVue2 = {
     editor: String,
     dataIndex: Number,
     isSelected: Boolean,
+    isRtl: Boolean,
     ariaColumnIndex: Number,
     render: [String, Function, Object]
   },
@@ -179,12 +180,12 @@ var GridGroupCellVue2 = {
         title: expanded ? groupCaretAriaLabelCollapseValue : groupCaretAriaLabelExpandValue,
         ariaLable: expanded ? groupCaretAriaLabelCollapseValue : groupCaretAriaLabelExpandValue
       }, [h(Icon, {
-        name: expanded ? 'caret-alt-down' : 'caret-alt-right',
+        name: expanded ? 'caret-alt-down' : !this.isRtl ? 'caret-alt-right' : 'caret-alt-left',
         attrs: this.v3 ? undefined : {
-          name: expanded ? 'caret-alt-down' : 'caret-alt-right',
-          icon: expanded ? caretAltDownIcon : caretAltRightIcon
+          name: expanded ? 'caret-alt-down' : !this.isRtl ? 'caret-alt-right' : 'caret-alt-left',
+          icon: expanded ? caretAltDownIcon : !this.isRtl ? caretAltRightIcon : caretAltLeftIcon
         },
-        icon: expanded ? caretAltDownIcon : caretAltRightIcon
+        icon: expanded ? caretAltDownIcon : !this.isRtl ? caretAltRightIcon : caretAltLeftIcon
       })]), dataItem[field].toString()])]);
     }
     return getTemplate.call(this, {

package/dist/es/cells/GridHierarchyCell.js

@@ -32,7 +32,8 @@ var GridHierarchyCellVue2 = {
     isSelected: Boolean,
     dataIndex: Number,
     ariaColumnIndex: Number,
-    render: [String, Function, Object]
+    render: [String, Function, Object],
+    isRtl: Boolean
   },
   // @ts-ignore
   emits: {

package/dist/es/cells/GridSelectionCell.js

@@ -28,7 +28,8 @@ var GridSelectionCellVue2 = {
     render: [String, Function, Object],
     isSelected: Boolean,
     ariaColumnIndex: Number,
-    editor: String
+    editor: String,
+    isRtl: Boolean
   },
   // @ts-ignore
   emits: {

package/dist/es/columnMenu/GridColumnMenuCheckboxFilter.js

@@ -293,22 +293,22 @@ var GridColumnMenuCheckboxFilterVue2 = {
           }, [
           // @ts-ignore function children
           h(Button, {
-            type: 'reset',
+            themeColor: 'primary',
             attrs: _this2.v3 ? undefined : {
-              type: 'reset'
+              themeColor: 'primary'
             }
           }, _this2.v3 ? function () {
-            return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
-          } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]),
+            return [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])];
+          } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])]),
           // @ts-ignore function children
           h(Button, {
-            themeColor: 'primary',
+            type: 'reset',
             attrs: _this2.v3 ? undefined : {
-              themeColor: 'primary'
+              type: 'reset'
             }
           }, _this2.v3 ? function () {
-            return [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])];
-          } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])];
+            return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
+          } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])])])])])])];
         } : [h("div", {
           "class": 'kendo-grid-filter-menu-container'
         }, [h("form", {
@@ -363,20 +363,20 @@ var GridColumnMenuCheckboxFilterVue2 = {
         }, _this2)]), h("div", {
           "class": 'k-columnmenu-actions'
         }, [h(Button, {
-          type: 'reset',
-          attrs: _this2.v3 ? undefined : {
-            type: 'reset'
-          }
-        }, _this2.v3 ? function () {
-          return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
-        } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h(Button, {
           themeColor: 'primary',
           attrs: _this2.v3 ? undefined : {
             themeColor: 'primary'
           }
         }, _this2.v3 ? function () {
           return [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])];
-        } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])])];
+        } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])]), h(Button, {
+          type: 'reset',
+          attrs: _this2.v3 ? undefined : {
+            type: 'reset'
+          }
+        }, _this2.v3 ? function () {
+          return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
+        } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])])])])])])])];
       } : [h(GridColumnMenuItem, {
         title: localizationService.toLanguageString(filterTitle, messages[filterTitle]),
         attrs: _this2.v3 ? undefined : {
@@ -450,20 +450,20 @@ var GridColumnMenuCheckboxFilterVue2 = {
         }, _this2)]), h("div", {
           "class": 'k-columnmenu-actions'
         }, [h(Button, {
-          type: 'reset',
-          attrs: _this2.v3 ? undefined : {
-            type: 'reset'
-          }
-        }, _this2.v3 ? function () {
-          return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
-        } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h(Button, {
           themeColor: 'primary',
           attrs: _this2.v3 ? undefined : {
             themeColor: 'primary'
           }
         }, _this2.v3 ? function () {
           return [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])];
-        } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])];
+        } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])]), h(Button, {
+          type: 'reset',
+          attrs: _this2.v3 ? undefined : {
+            type: 'reset'
+          }
+        }, _this2.v3 ? function () {
+          return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
+        } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])])])])])])];
       } : [h("div", {
         "class": 'kendo-grid-filter-menu-container'
       }, [h("form", {
@@ -518,20 +518,20 @@ var GridColumnMenuCheckboxFilterVue2 = {
       }, _this2)]), h("div", {
         "class": 'k-columnmenu-actions'
       }, [h(Button, {
-        type: 'reset',
-        attrs: _this2.v3 ? undefined : {
-          type: 'reset'
-        }
-      }, _this2.v3 ? function () {
-        return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
-      } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h(Button, {
         themeColor: 'primary',
         attrs: _this2.v3 ? undefined : {
           themeColor: 'primary'
         }
       }, _this2.v3 ? function () {
         return [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])];
-      } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])])])
+      } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])]), h(Button, {
+        type: 'reset',
+        attrs: _this2.v3 ? undefined : {
+          type: 'reset'
+        }
+      }, _this2.v3 ? function () {
+        return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
+      } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])])])])])])])])
     );
   },
   methods: {

package/dist/es/columnMenu/GridColumnMenuFilter.js

@@ -492,15 +492,6 @@ var GridColumnMenuFilterVue2 = {
             "class": 'k-columnmenu-actions'
           }, [
           // @ts-ignore function children
-          h(Button, {
-            type: 'reset',
-            attrs: _this2.v3 ? undefined : {
-              type: 'reset'
-            }
-          }, _this2.v3 ? function () {
-            return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
-          } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]),
-          // @ts-ignore function children
           h(Button, {
             themeColor: 'primary',
             attrs: _this2.v3 ? undefined : {
@@ -510,7 +501,16 @@ var GridColumnMenuFilterVue2 = {
             disabled: !isFilterValid
           }, _this2.v3 ? function () {
             return [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])];
-          } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])];
+          } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])]),
+          // @ts-ignore function children
+          h(Button, {
+            type: 'reset',
+            attrs: _this2.v3 ? undefined : {
+              type: 'reset'
+            }
+          }, _this2.v3 ? function () {
+            return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
+          } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])])])])])])];
         } : [h("div", {
           "class": 'kendo-grid-filter-menu-container'
         }, [h("form", {
@@ -624,13 +624,6 @@ var GridColumnMenuFilterVue2 = {
         })], filterUI && render, h("div", {
           "class": 'k-columnmenu-actions'
         }, [h(Button, {
-          type: 'reset',
-          attrs: _this2.v3 ? undefined : {
-            type: 'reset'
-          }
-        }, _this2.v3 ? function () {
-          return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
-        } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h(Button, {
           themeColor: 'primary',
           attrs: _this2.v3 ? undefined : {
             themeColor: 'primary',
@@ -639,7 +632,14 @@ var GridColumnMenuFilterVue2 = {
           disabled: !isFilterValid
         }, _this2.v3 ? function () {
           return [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])];
-        } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])])];
+        } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])]), h(Button, {
+          type: 'reset',
+          attrs: _this2.v3 ? undefined : {
+            type: 'reset'
+          }
+        }, _this2.v3 ? function () {
+          return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
+        } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])])])])])])])];
       } : [h(GridColumnMenuItem, {
         title: localizationService.toLanguageString(filterTitle, messages[filterTitle]),
         attrs: _this2.v3 ? undefined : {
@@ -772,13 +772,6 @@ var GridColumnMenuFilterVue2 = {
         })], filterUI && render, h("div", {
           "class": 'k-columnmenu-actions'
         }, [h(Button, {
-          type: 'reset',
-          attrs: _this2.v3 ? undefined : {
-            type: 'reset'
-          }
-        }, _this2.v3 ? function () {
-          return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
-        } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h(Button, {
           themeColor: 'primary',
           attrs: _this2.v3 ? undefined : {
             themeColor: 'primary',
@@ -787,7 +780,14 @@ var GridColumnMenuFilterVue2 = {
           disabled: !isFilterValid
         }, _this2.v3 ? function () {
           return [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])];
-        } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])];
+        } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])]), h(Button, {
+          type: 'reset',
+          attrs: _this2.v3 ? undefined : {
+            type: 'reset'
+          }
+        }, _this2.v3 ? function () {
+          return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
+        } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])])])])])])];
       } : [h("div", {
         "class": 'kendo-grid-filter-menu-container'
       }, [h("form", {
@@ -901,13 +901,6 @@ var GridColumnMenuFilterVue2 = {
       })], filterUI && render, h("div", {
         "class": 'k-columnmenu-actions'
       }, [h(Button, {
-        type: 'reset',
-        attrs: _this2.v3 ? undefined : {
-          type: 'reset'
-        }
-      }, _this2.v3 ? function () {
-        return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
-      } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])]), h(Button, {
         themeColor: 'primary',
         attrs: _this2.v3 ? undefined : {
           themeColor: 'primary',
@@ -916,7 +909,14 @@ var GridColumnMenuFilterVue2 = {
         disabled: !isFilterValid
       }, _this2.v3 ? function () {
         return [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])];
-      } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])])])])])])])])
+      } : [localizationService.toLanguageString(filterSubmitButton, messages[filterSubmitButton])]), h(Button, {
+        type: 'reset',
+        attrs: _this2.v3 ? undefined : {
+          type: 'reset'
+        }
+      }, _this2.v3 ? function () {
+        return [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])];
+      } : [localizationService.toLanguageString(filterClearButton, messages[filterClearButton])])])])])])])])
     );
   }
 };

package/dist/es/columnMenu/GridColumnMenuItem.js

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

package/dist/es/drag/CommonDragLogic.js

@@ -124,7 +124,7 @@ var CommonDragLogic = /** @class */ (function () {
     };
     CommonDragLogic.prototype.isTargetGroupingContainer = function (event) {
         var target = event.originalEvent.target;
-        return target.className.indexOf('k-grouping-drop-container') !== -1;
+        return target.className.indexOf && target.className.indexOf('k-grouping-drop-container') !== -1;
     };
     CommonDragLogic.prototype.getGroupIndex = function (event) {
         return getIndex(event, this.groupPanelDivElement);
@@ -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-plus';
+    status?: 'cancel' | 'plus';
 }
 /**
  * @hidden

package/dist/es/drag/DragClue.js

@@ -1,9 +1,10 @@
 // @ts-ignore
-import { Icon } from '@progress/kendo-vue-common';
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
+import { Icon } from '@progress/kendo-vue-common';
+import { plusIcon, cancelIcon } 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/footer/Footer.js

@@ -94,13 +94,25 @@ var FooterVue2 = {
     }
     return h("div", {
       "class": "k-grid-footer",
-      style: this.divStyle
+      style: this.divStyle,
+      role: "presentation",
+      attrs: this.v3 ? undefined : {
+        role: "presentation"
+      }
     }, [h("div", {
       "class": "k-grid-footer-wrap",
-      ref: setRef(this, 'footerWrap')
+      ref: setRef(this, 'footerWrap'),
+      role: "presentation",
+      attrs: this.v3 ? undefined : {
+        role: "presentation"
+      }
     }, [h("table", {
       "class": this.tableClass,
-      style: this.tableStyle
+      style: this.tableStyle,
+      role: "presentation",
+      attrs: this.v3 ? undefined : {
+        role: "presentation"
+      }
     }, [h("colgroup", {
       ref: setRef(this, 'colGroupHeader')
     }, [this.$props.cols]), h("tfoot", {

package/dist/es/interfaces/GridCellProps.d.ts

@@ -85,6 +85,10 @@ export interface GridCellProps {
      * Indicates if the cell is selected.
      */
     isSelected: boolean;
+    /**
+     * Indicates if the cell is in rtl direction.
+     */
+    isRtl: boolean;
     /**
      * The event that is fired when the cell value is changed.
      */

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-grid',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1684761080,
+    publishDate: 1684822687,
     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/Grid.js

@@ -1335,7 +1335,8 @@ var GridVue2 = {
                 level: item.level,
                 expanded: isExpanded,
                 dataIndex: item.dataIndex,
-                ariaColumnIndex: column.ariaColumnIndex
+                ariaColumnIndex: column.ariaColumnIndex,
+                isRtl: this.isRtl
               },
               colSpan: colSpans[index],
               dataItem: item.dataItem,
@@ -1375,7 +1376,8 @@ var GridVue2 = {
               expanded: isExpanded,
               dataIndex: item.dataIndex,
               style: style,
-              ariaColumnIndex: column.ariaColumnIndex
+              ariaColumnIndex: column.ariaColumnIndex,
+              isRtl: this.isRtl
             });
           }
           // @ts-ignore

package/dist/esm/cells/GridCell.js

@@ -37,7 +37,8 @@ var GridCellVue2 = {
     editor: String,
     isSelected: Boolean,
     ariaColumnIndex: Number,
-    render: [String, Function, Object]
+    render: [String, Function, Object],
+    isRtl: Boolean
   },
   inject: {
     kendoIntlService: {

package/dist/esm/cells/GridEditCell.js

@@ -31,7 +31,8 @@ var GridEditCellVue2 = {
     editor: String,
     isSelected: Boolean,
     ariaColumnIndex: Number,
-    render: [String, Function, Object]
+    render: [String, Function, Object],
+    isRtl: Boolean
   },
   // @ts-ignore
   emits: {

package/dist/esm/cells/GridGroupCell.js

@@ -7,7 +7,7 @@ import { getTemplate, Icon, Keys, noop } from '@progress/kendo-vue-common';
 import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-vue-data-tools';
 import { messages, groupCaretAriaLabelExpand, groupCaretAriaLabelCollapse } from '../messages/main.js';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
-import { caretAltDownIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
+import { caretAltDownIcon, caretAltRightIcon, caretAltLeftIcon } from '@progress/kendo-svg-icons';
 /**
  * @hidden
  */
@@ -30,6 +30,7 @@ var GridGroupCellVue2 = {
     editor: String,
     dataIndex: Number,
     isSelected: Boolean,
+    isRtl: Boolean,
     ariaColumnIndex: Number,
     render: [String, Function, Object]
   },
@@ -179,12 +180,12 @@ var GridGroupCellVue2 = {
         title: expanded ? groupCaretAriaLabelCollapseValue : groupCaretAriaLabelExpandValue,
         ariaLable: expanded ? groupCaretAriaLabelCollapseValue : groupCaretAriaLabelExpandValue
       }, [h(Icon, {
-        name: expanded ? 'caret-alt-down' : 'caret-alt-right',
+        name: expanded ? 'caret-alt-down' : !this.isRtl ? 'caret-alt-right' : 'caret-alt-left',
         attrs: this.v3 ? undefined : {
-          name: expanded ? 'caret-alt-down' : 'caret-alt-right',
-          icon: expanded ? caretAltDownIcon : caretAltRightIcon
+          name: expanded ? 'caret-alt-down' : !this.isRtl ? 'caret-alt-right' : 'caret-alt-left',
+          icon: expanded ? caretAltDownIcon : !this.isRtl ? caretAltRightIcon : caretAltLeftIcon
         },
-        icon: expanded ? caretAltDownIcon : caretAltRightIcon
+        icon: expanded ? caretAltDownIcon : !this.isRtl ? caretAltRightIcon : caretAltLeftIcon
       })]), dataItem[field].toString()])]);
     }
     return getTemplate.call(this, {

package/dist/esm/cells/GridHierarchyCell.js

@@ -32,7 +32,8 @@ var GridHierarchyCellVue2 = {
     isSelected: Boolean,
     dataIndex: Number,
     ariaColumnIndex: Number,
-    render: [String, Function, Object]
+    render: [String, Function, Object],
+    isRtl: Boolean
   },
   // @ts-ignore
   emits: {

package/dist/esm/cells/GridSelectionCell.js

@@ -28,7 +28,8 @@ var GridSelectionCellVue2 = {
     render: [String, Function, Object],
     isSelected: Boolean,
     ariaColumnIndex: Number,
-    editor: String
+    editor: String,
+    isRtl: Boolean
   },
   // @ts-ignore
   emits: {