@progress/kendo-vue-treeview 3.11.0-dev.202305230751 → 3.11.0-dev.202306031715

package/dist/es/TreeView.js

@@ -3,7 +3,7 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-import { Keys, validatePackage, guid, kendoThemeMaps, classNames, templateRendering, getListeners, canUseDOM } from '@progress/kendo-vue-common';
+import { Keys, validatePackage, guid, kendoThemeMaps, classNames, templateRendering, getListeners, canUseDOM, isRtl } from '@progress/kendo-vue-common';
 import nav from './utils/getItemIdUponKeyboardNavigation';
 import { resolveItemId, isEnabledAndAllParentsEnabled, hasChildren } from './utils/itemUtils';
 import { TreeViewItem } from './TreeViewItem';
@@ -88,11 +88,15 @@ var TreeViewVue2 = {
   },
   data: function data() {
     return {
+      currentRtl: false,
       focusedItemId: undefined,
       focusedItemPublicId: undefined,
       tabbableItemId: ZERO_LEVEL_ZERO_NODE_ID
     };
   },
+  mounted: function mounted() {
+    this.currentRtl = isRtl(this.$el);
+  },
   computed: {
     treeGuid: function treeGuid() {
       return this.id || this.innerId;
@@ -121,7 +125,7 @@ var TreeViewVue2 = {
     this.fieldsSvc = new FieldsService(this.$props);
     var size = this.$props.size;
     return h("div", {
-      "class": classNames('k-treeview', (_a = {}, _a["k-treeview-".concat(sizeMap[size] || size)] = size, _a)),
+      "class": classNames('k-treeview', (_a = {}, _a["k-treeview-".concat(sizeMap[size] || size)] = size, _a['k-user-select-none'] = this.draggable, _a['k-rtl'] = this.currentRtl, _a)),
       onKeydown: this.onKeyDown,
       on: this.v3 ? undefined : {
         "keydown": this.onKeyDown,
@@ -169,7 +173,8 @@ var TreeViewVue2 = {
           draggable: this.$props.draggable,
           expandIcons: this.$props.expandIcons,
           size: size,
-          ariaLevel: 1
+          ariaLevel: 1,
+          isRtl: this.currentRtl
         },
         itemId: index.toString(),
         treeGuid: this.treeGuid,
@@ -200,7 +205,8 @@ var TreeViewVue2 = {
         onCheckchange: this.onCheckChange,
         key: index,
         size: size,
-        ariaLevel: 1
+        ariaLevel: 1,
+        isRtl: this.currentRtl
       });
     }, this)])]);
   },

package/dist/es/TreeViewItem.d.ts

@@ -38,6 +38,7 @@ export interface TreeViewItemProps {
      */
     disabled?: boolean;
     ariaLevel: number;
+    isRtl?: boolean;
 }
 /**
  * @hidden

package/dist/es/TreeViewItem.js

@@ -20,7 +20,7 @@ import { createId } from './utils/itemIdUtils';
 import { isItemExpandedAndWithChildren, hasChildren } from './utils/itemUtils';
 import { Reveal } from '@progress/kendo-vue-animation';
 import { DOM_KENDO_ITEM_ID_FIELD, DOM_KENDO_TREEVIEW_GUID_FIELD } from './utils/consts';
-import { caretAltDownIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
+import { caretAltDownIcon, caretAltLeftIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
 var sizeMap = kendoThemeMaps.sizeMap;
 /**
  * @hidden
@@ -41,6 +41,7 @@ var TreeViewItemVue2 = {
     checkboxes: Boolean,
     onFocusDomElNeeded: Object,
     draggable: Boolean,
+    isRtl: Boolean,
     size: {
       type: String,
       default: 'medium',
@@ -172,7 +173,8 @@ var TreeViewItemVue2 = {
             draggable: this.$props.draggable,
             expandIcons: this.$props.expandIcons,
             size: this.$props.size,
-            disabled: this.computedDisabled
+            disabled: this.computedDisabled,
+            isRtl: this.$props.isRtl
           },
           itemId: createId(index, this.itemId),
           treeGuid: this.$props.treeGuid,
@@ -204,7 +206,8 @@ var TreeViewItemVue2 = {
           onCheckchange: this.handleCheckChange,
           key: index,
           size: this.$props.size,
-          disabled: this.computedDisabled
+          disabled: this.computedDisabled,
+          isRtl: this.$props.isRtl
         });
       }, this)]) : undefined;
     };
@@ -386,11 +389,11 @@ var TreeViewItemVue2 = {
     },
     getIconClassName: function getIconClassName() {
       var expanded = this.fieldsSvc.expanded(this.item);
-      return expanded && !hasChildren(this.item, this.fieldsSvc.getChildrenField()) ? 'loading' : expanded ? 'caret-alt-down' : 'caret-alt-right';
+      return expanded && !hasChildren(this.item, this.fieldsSvc.getChildrenField()) ? 'loading' : expanded ? 'caret-alt-down' : this.$props.isRtl ? 'caret-alt-left' : 'caret-alt-right';
     },
     getIconSVG: function getIconSVG() {
       var expanded = this.fieldsSvc.expanded(this.item);
-      return expanded ? caretAltDownIcon : caretAltRightIcon;
+      return expanded ? caretAltDownIcon : this.$props.isRtl ? caretAltLeftIcon : caretAltRightIcon;
     },
     getContentClassName: function getContentClassName() {
       return classNames('k-treeview-leaf', {

package/dist/es/package-metadata.js

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

@@ -3,7 +3,7 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-import { Keys, validatePackage, guid, kendoThemeMaps, classNames, templateRendering, getListeners, canUseDOM } from '@progress/kendo-vue-common';
+import { Keys, validatePackage, guid, kendoThemeMaps, classNames, templateRendering, getListeners, canUseDOM, isRtl } from '@progress/kendo-vue-common';
 import nav from './utils/getItemIdUponKeyboardNavigation.js';
 import { resolveItemId, isEnabledAndAllParentsEnabled, hasChildren } from './utils/itemUtils.js';
 import { TreeViewItem } from './TreeViewItem.js';
@@ -88,11 +88,15 @@ var TreeViewVue2 = {
   },
   data: function data() {
     return {
+      currentRtl: false,
       focusedItemId: undefined,
       focusedItemPublicId: undefined,
       tabbableItemId: ZERO_LEVEL_ZERO_NODE_ID
     };
   },
+  mounted: function mounted() {
+    this.currentRtl = isRtl(this.$el);
+  },
   computed: {
     treeGuid: function treeGuid() {
       return this.id || this.innerId;
@@ -121,7 +125,7 @@ var TreeViewVue2 = {
     this.fieldsSvc = new FieldsService(this.$props);
     var size = this.$props.size;
     return h("div", {
-      "class": classNames('k-treeview', (_a = {}, _a["k-treeview-".concat(sizeMap[size] || size)] = size, _a)),
+      "class": classNames('k-treeview', (_a = {}, _a["k-treeview-".concat(sizeMap[size] || size)] = size, _a['k-user-select-none'] = this.draggable, _a['k-rtl'] = this.currentRtl, _a)),
       onKeydown: this.onKeyDown,
       on: this.v3 ? undefined : {
         "keydown": this.onKeyDown,
@@ -169,7 +173,8 @@ var TreeViewVue2 = {
           draggable: this.$props.draggable,
           expandIcons: this.$props.expandIcons,
           size: size,
-          ariaLevel: 1
+          ariaLevel: 1,
+          isRtl: this.currentRtl
         },
         itemId: index.toString(),
         treeGuid: this.treeGuid,
@@ -200,7 +205,8 @@ var TreeViewVue2 = {
         onCheckchange: this.onCheckChange,
         key: index,
         size: size,
-        ariaLevel: 1
+        ariaLevel: 1,
+        isRtl: this.currentRtl
       });
     }, this)])]);
   },

package/dist/esm/TreeViewItem.d.ts

@@ -38,6 +38,7 @@ export interface TreeViewItemProps {
      */
     disabled?: boolean;
     ariaLevel: number;
+    isRtl?: boolean;
 }
 /**
  * @hidden

package/dist/esm/TreeViewItem.js

@@ -20,7 +20,7 @@ import { createId } from './utils/itemIdUtils.js';
 import { isItemExpandedAndWithChildren, hasChildren } from './utils/itemUtils.js';
 import { Reveal } from '@progress/kendo-vue-animation';
 import { DOM_KENDO_ITEM_ID_FIELD, DOM_KENDO_TREEVIEW_GUID_FIELD } from './utils/consts.js';
-import { caretAltDownIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
+import { caretAltDownIcon, caretAltLeftIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
 var sizeMap = kendoThemeMaps.sizeMap;
 /**
  * @hidden
@@ -41,6 +41,7 @@ var TreeViewItemVue2 = {
     checkboxes: Boolean,
     onFocusDomElNeeded: Object,
     draggable: Boolean,
+    isRtl: Boolean,
     size: {
       type: String,
       default: 'medium',
@@ -172,7 +173,8 @@ var TreeViewItemVue2 = {
             draggable: this.$props.draggable,
             expandIcons: this.$props.expandIcons,
             size: this.$props.size,
-            disabled: this.computedDisabled
+            disabled: this.computedDisabled,
+            isRtl: this.$props.isRtl
           },
           itemId: createId(index, this.itemId),
           treeGuid: this.$props.treeGuid,
@@ -204,7 +206,8 @@ var TreeViewItemVue2 = {
           onCheckchange: this.handleCheckChange,
           key: index,
           size: this.$props.size,
-          disabled: this.computedDisabled
+          disabled: this.computedDisabled,
+          isRtl: this.$props.isRtl
         });
       }, this)]) : undefined;
     };
@@ -386,11 +389,11 @@ var TreeViewItemVue2 = {
     },
     getIconClassName: function getIconClassName() {
       var expanded = this.fieldsSvc.expanded(this.item);
-      return expanded && !hasChildren(this.item, this.fieldsSvc.getChildrenField()) ? 'loading' : expanded ? 'caret-alt-down' : 'caret-alt-right';
+      return expanded && !hasChildren(this.item, this.fieldsSvc.getChildrenField()) ? 'loading' : expanded ? 'caret-alt-down' : this.$props.isRtl ? 'caret-alt-left' : 'caret-alt-right';
     },
     getIconSVG: function getIconSVG() {
       var expanded = this.fieldsSvc.expanded(this.item);
-      return expanded ? caretAltDownIcon : caretAltRightIcon;
+      return expanded ? caretAltDownIcon : this.$props.isRtl ? caretAltLeftIcon : caretAltRightIcon;
     },
     getContentClassName: function getContentClassName() {
       return classNames('k-treeview-leaf', {

package/dist/esm/package-metadata.js

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

@@ -94,11 +94,15 @@ var TreeViewVue2 = {
   },
   data: function data() {
     return {
+      currentRtl: false,
       focusedItemId: undefined,
       focusedItemPublicId: undefined,
       tabbableItemId: itemIdUtils_1.ZERO_LEVEL_ZERO_NODE_ID
     };
   },
+  mounted: function mounted() {
+    this.currentRtl = (0, kendo_vue_common_1.isRtl)(this.$el);
+  },
   computed: {
     treeGuid: function treeGuid() {
       return this.id || this.innerId;
@@ -127,7 +131,7 @@ var TreeViewVue2 = {
     this.fieldsSvc = new FieldsService_1.default(this.$props);
     var size = this.$props.size;
     return h("div", {
-      "class": (0, kendo_vue_common_1.classNames)('k-treeview', (_a = {}, _a["k-treeview-".concat(sizeMap[size] || size)] = size, _a)),
+      "class": (0, kendo_vue_common_1.classNames)('k-treeview', (_a = {}, _a["k-treeview-".concat(sizeMap[size] || size)] = size, _a['k-user-select-none'] = this.draggable, _a['k-rtl'] = this.currentRtl, _a)),
       onKeydown: this.onKeyDown,
       on: this.v3 ? undefined : {
         "keydown": this.onKeyDown,
@@ -175,7 +179,8 @@ var TreeViewVue2 = {
           draggable: this.$props.draggable,
           expandIcons: this.$props.expandIcons,
           size: size,
-          ariaLevel: 1
+          ariaLevel: 1,
+          isRtl: this.currentRtl
         },
         itemId: index.toString(),
         treeGuid: this.treeGuid,
@@ -206,7 +211,8 @@ var TreeViewVue2 = {
         onCheckchange: this.onCheckChange,
         key: index,
         size: size,
-        ariaLevel: 1
+        ariaLevel: 1,
+        isRtl: this.currentRtl
       });
     }, this)])]);
   },

package/dist/npm/TreeViewItem.d.ts

@@ -38,6 +38,7 @@ export interface TreeViewItemProps {
      */
     disabled?: boolean;
     ariaLevel: number;
+    isRtl?: boolean;
 }
 /**
  * @hidden

package/dist/npm/TreeViewItem.js

@@ -47,6 +47,7 @@ var TreeViewItemVue2 = {
     checkboxes: Boolean,
     onFocusDomElNeeded: Object,
     draggable: Boolean,
+    isRtl: Boolean,
     size: {
       type: String,
       default: 'medium',
@@ -178,7 +179,8 @@ var TreeViewItemVue2 = {
             draggable: this.$props.draggable,
             expandIcons: this.$props.expandIcons,
             size: this.$props.size,
-            disabled: this.computedDisabled
+            disabled: this.computedDisabled,
+            isRtl: this.$props.isRtl
           },
           itemId: (0, itemIdUtils_1.createId)(index, this.itemId),
           treeGuid: this.$props.treeGuid,
@@ -210,7 +212,8 @@ var TreeViewItemVue2 = {
           onCheckchange: this.handleCheckChange,
           key: index,
           size: this.$props.size,
-          disabled: this.computedDisabled
+          disabled: this.computedDisabled,
+          isRtl: this.$props.isRtl
         });
       }, this)]) : undefined;
     };
@@ -392,11 +395,11 @@ var TreeViewItemVue2 = {
     },
     getIconClassName: function getIconClassName() {
       var expanded = this.fieldsSvc.expanded(this.item);
-      return expanded && !(0, itemUtils_1.hasChildren)(this.item, this.fieldsSvc.getChildrenField()) ? 'loading' : expanded ? 'caret-alt-down' : 'caret-alt-right';
+      return expanded && !(0, itemUtils_1.hasChildren)(this.item, this.fieldsSvc.getChildrenField()) ? 'loading' : expanded ? 'caret-alt-down' : this.$props.isRtl ? 'caret-alt-left' : 'caret-alt-right';
     },
     getIconSVG: function getIconSVG() {
       var expanded = this.fieldsSvc.expanded(this.item);
-      return expanded ? kendo_svg_icons_1.caretAltDownIcon : kendo_svg_icons_1.caretAltRightIcon;
+      return expanded ? kendo_svg_icons_1.caretAltDownIcon : this.$props.isRtl ? kendo_svg_icons_1.caretAltLeftIcon : kendo_svg_icons_1.caretAltRightIcon;
     },
     getContentClassName: function getContentClassName() {
       return (0, kendo_vue_common_1.classNames)('k-treeview-leaf', {

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-treeview',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1684827647,
+    publishDate: 1685811881,
     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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-treeview",
-  "version": "3.11.0-dev.202305230751",
+  "version": "3.11.0-dev.202306031715",
   "description": "Kendo Ui for Vue TreeView package",
   "repository": {
     "type": "git",
@@ -42,15 +42,15 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-common": "3.11.0-dev.202305230751"
+    "@progress/kendo-vue-common": "3.11.0-dev.202306031715"
   },
   "devDependencies": {
     "@progress/kendo-licensing": "^1.3.0",
     "@progress/kendo-svg-icons": "^1.0.0",
-    "@progress/kendo-vue-animation": "3.11.0-dev.202305230751",
-    "@progress/kendo-vue-dropdowns": "3.11.0-dev.202305230751",
-    "@progress/kendo-vue-inputs": "3.11.0-dev.202305230751",
-    "@progress/kendo-vue-intl": "3.11.0-dev.202305230751"
+    "@progress/kendo-vue-animation": "3.11.0-dev.202306031715",
+    "@progress/kendo-vue-dropdowns": "3.11.0-dev.202306031715",
+    "@progress/kendo-vue-inputs": "3.11.0-dev.202306031715",
+    "@progress/kendo-vue-intl": "3.11.0-dev.202306031715"
   },
   "@progress": {
     "friendlyName": "TreeView",