@progress/kendo-vue-treeview 3.7.4-dev.202301091431 → 3.7.4-dev.202301131104

package/dist/es/TreeViewItem.js

@@ -15,11 +15,12 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-import { classNames, guid, Draggable, kendoThemeMaps, getTemplate, setRef, getRef } from '@progress/kendo-vue-common';
+import { classNames, guid, Draggable, kendoThemeMaps, getTemplate, setRef, getRef, Icon } from '@progress/kendo-vue-common';
 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';
 var sizeMap = kendoThemeMaps.sizeMap;
 /**
  * @hidden
@@ -213,8 +214,13 @@ var TreeViewItemVue2 = {
         "class": classNames('k-treeview-toggle', {
           'k-disabled': this.computedDisabled
         })
-      }, [h("span", {
-        "class": this.getIconClassName(),
+      }, [h(Icon, {
+        name: this.getIconClassName(),
+        attrs: this.v3 ? undefined : {
+          name: this.getIconClassName(),
+          icon: this.getIconSVG()
+        },
+        icon: this.getIconSVG(),
         onClick: this.handleExpandChange,
         on: this.v3 ? undefined : {
           "click": this.handleExpandChange
@@ -369,11 +375,11 @@ var TreeViewItemVue2 = {
     },
     getIconClassName: function getIconClassName() {
       var expanded = this.fieldsSvc.expanded(this.item);
-      return classNames('k-icon', {
-        'k-i-caret-alt-right': !expanded,
-        'k-i-caret-alt-down': expanded,
-        'k-i-loading': expanded && !hasChildren(this.item, this.fieldsSvc.getChildrenField())
-      });
+      return expanded && !hasChildren(this.item, this.fieldsSvc.getChildrenField()) ? 'loading' : expanded ? 'caret-alt-down' : 'caret-alt-right';
+    },
+    getIconSVG: function getIconSVG() {
+      var expanded = this.fieldsSvc.expanded(this.item);
+      return expanded ? caretAltDownIcon : 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: 1673274452,
+    publishDate: 1673607663,
     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/TreeViewItem.js

@@ -15,11 +15,12 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-import { classNames, guid, Draggable, kendoThemeMaps, getTemplate, setRef, getRef } from '@progress/kendo-vue-common';
+import { classNames, guid, Draggable, kendoThemeMaps, getTemplate, setRef, getRef, Icon } from '@progress/kendo-vue-common';
 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';
 var sizeMap = kendoThemeMaps.sizeMap;
 /**
  * @hidden
@@ -213,8 +214,13 @@ var TreeViewItemVue2 = {
         "class": classNames('k-treeview-toggle', {
           'k-disabled': this.computedDisabled
         })
-      }, [h("span", {
-        "class": this.getIconClassName(),
+      }, [h(Icon, {
+        name: this.getIconClassName(),
+        attrs: this.v3 ? undefined : {
+          name: this.getIconClassName(),
+          icon: this.getIconSVG()
+        },
+        icon: this.getIconSVG(),
         onClick: this.handleExpandChange,
         on: this.v3 ? undefined : {
           "click": this.handleExpandChange
@@ -369,11 +375,11 @@ var TreeViewItemVue2 = {
     },
     getIconClassName: function getIconClassName() {
       var expanded = this.fieldsSvc.expanded(this.item);
-      return classNames('k-icon', {
-        'k-i-caret-alt-right': !expanded,
-        'k-i-caret-alt-down': expanded,
-        'k-i-loading': expanded && !hasChildren(this.item, this.fieldsSvc.getChildrenField())
-      });
+      return expanded && !hasChildren(this.item, this.fieldsSvc.getChildrenField()) ? 'loading' : expanded ? 'caret-alt-down' : 'caret-alt-right';
+    },
+    getIconSVG: function getIconSVG() {
+      var expanded = this.fieldsSvc.expanded(this.item);
+      return expanded ? caretAltDownIcon : 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: 1673274452,
+    publishDate: 1673607663,
     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/TreeViewItem.js

@@ -26,6 +26,7 @@ var itemIdUtils_1 = require("./utils/itemIdUtils");
 var itemUtils_1 = require("./utils/itemUtils");
 var kendo_vue_animation_1 = require("@progress/kendo-vue-animation");
 var consts_1 = require("./utils/consts");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 var sizeMap = kendo_vue_common_1.kendoThemeMaps.sizeMap;
 /**
  * @hidden
@@ -219,8 +220,13 @@ var TreeViewItemVue2 = {
         "class": (0, kendo_vue_common_1.classNames)('k-treeview-toggle', {
           'k-disabled': this.computedDisabled
         })
-      }, [h("span", {
-        "class": this.getIconClassName(),
+      }, [h(kendo_vue_common_1.Icon, {
+        name: this.getIconClassName(),
+        attrs: this.v3 ? undefined : {
+          name: this.getIconClassName(),
+          icon: this.getIconSVG()
+        },
+        icon: this.getIconSVG(),
         onClick: this.handleExpandChange,
         on: this.v3 ? undefined : {
           "click": this.handleExpandChange
@@ -375,11 +381,11 @@ var TreeViewItemVue2 = {
     },
     getIconClassName: function getIconClassName() {
       var expanded = this.fieldsSvc.expanded(this.item);
-      return (0, kendo_vue_common_1.classNames)('k-icon', {
-        'k-i-caret-alt-right': !expanded,
-        'k-i-caret-alt-down': expanded,
-        'k-i-loading': expanded && !(0, itemUtils_1.hasChildren)(this.item, this.fieldsSvc.getChildrenField())
-      });
+      return expanded && !(0, itemUtils_1.hasChildren)(this.item, this.fieldsSvc.getChildrenField()) ? 'loading' : expanded ? 'caret-alt-down' : '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;
     },
     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: 1673274452,
+    publishDate: 1673607663,
     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.7.4-dev.202301091431",
+  "version": "3.7.4-dev.202301131104",
   "description": "Kendo Ui for Vue TreeView package",
   "repository": {
     "type": "git",
@@ -41,15 +41,15 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-common": "3.7.4-dev.202301091431"
+    "@progress/kendo-vue-common": "3.7.4-dev.202301131104"
   },
   "devDependencies": {
     "@progress/kendo-licensing": "^1.3.0",
     "@progress/kendo-svg-icons": "^1.0.0",
-    "@progress/kendo-vue-animation": "3.7.4-dev.202301091431",
-    "@progress/kendo-vue-dropdowns": "3.7.4-dev.202301091431",
-    "@progress/kendo-vue-inputs": "3.7.4-dev.202301091431",
-    "@progress/kendo-vue-intl": "3.7.4-dev.202301091431"
+    "@progress/kendo-vue-animation": "3.7.4-dev.202301131104",
+    "@progress/kendo-vue-dropdowns": "3.7.4-dev.202301131104",
+    "@progress/kendo-vue-inputs": "3.7.4-dev.202301131104",
+    "@progress/kendo-vue-intl": "3.7.4-dev.202301131104"
   },
   "@progress": {
     "friendlyName": "TreeView",