@progress/kendo-vue-treeview 3.6.4 → 3.7.0-dev.202210250731

package/dist/es/TreeViewItem.js

@@ -2,19 +2,15 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -28,7 +24,6 @@ var sizeMap = kendoThemeMaps.sizeMap;
 /**
  * @hidden
  */
-
 var TreeViewItemVue2 = {
   name: 'KendoTreeViewItem',
   props: {
@@ -114,37 +109,28 @@ var TreeViewItemVue2 = {
   mounted: function mounted() {
     var focusedItemId = this.$props.focusedItemId;
     var currentItemId = this.itemId;
-
     if (focusedItemId && focusedItemId === currentItemId) {
       this.$emit('focusdomelneeded', this.$el);
     }
-
     this.checkboxElement = getRef(this, 'checkboxElement');
-
     if (this.checkboxElement) {
       this.checkboxElement.indeterminate = this.fieldsSvc.checkIndeterminate(this.item);
     }
-
     this.assignDraggableMeta(this.$refs.treemid);
     this.isMounted = true;
   },
   updated: function updated() {
     var focusedItemId = this.$props.focusedItemId;
-
     if (focusedItemId && focusedItemId !== this.prevFocusedItemId && focusedItemId === this.itemId) {
       this.$emit('focusdomelneeded', this.$el);
     }
-
     this.checkboxElement = getRef(this, 'checkboxElement');
-
     if (this.checkboxElement) {
       var indeterminate = this.fieldsSvc.checkIndeterminate(this.item);
-
       if (indeterminate !== this.prevFieldsService.checkIndeterminate(this.prevItem)) {
         this.checkboxElement.indeterminate = indeterminate;
       }
     }
-
     this.assignDraggableMeta(this.$refs.treemid);
   },
   // @ts-ignore
@@ -157,11 +143,8 @@ var TreeViewItemVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _this2 = this;
-
     var _this = this;
-
     var h = gh || createElement;
-
     var subitems = function subitems() {
       return isItemExpandedAndWithChildren(this.item, this.fieldsSvc) ? h("ul", {
         "class": "k-treeview-group",
@@ -221,9 +204,9 @@ var TreeViewItemVue2 = {
         });
       }, this)]) : undefined;
     };
-
     var renderExpandIcon = function renderExpandIcon() {
-      var renderExpand = this.$props.expandIcons && ( // If it is explicitly said that the item has children (even not loaded yet)
+      var renderExpand = this.$props.expandIcons && (
+      // If it is explicitly said that the item has children (even not loaded yet)
       // or if the item actually has children, then render the icon.
       this.fieldsSvc.hasChildren(this.item) || hasChildren(this.item, this.fieldsSvc.getChildrenField()));
       return renderExpand && h("span", {
@@ -238,10 +221,8 @@ var TreeViewItemVue2 = {
         }
       })]);
     };
-
     var renderCheckbox = function renderCheckbox() {
       var _a;
-
       if (this.$props.checkboxes) {
         var size = this.$props.size;
         return h("div", {
@@ -276,7 +257,6 @@ var TreeViewItemVue2 = {
         return undefined;
       }
     };
-
     var itemRender = getTemplate.call(this, {
       h: h,
       template: this.$props.itemUI,
@@ -286,7 +266,6 @@ var TreeViewItemVue2 = {
         itemHierarchicalIndex: this.itemId
       }
     });
-
     var itemInPart = function itemInPart() {
       return h("span", {
         "class": this.getContentClassName(),
@@ -301,7 +280,6 @@ var TreeViewItemVue2 = {
         "class": "k-treeview-leaf-text"
       }, [itemRender])]);
     };
-
     return h("li", {
       "class": classNames('k-treeview-item'),
       tabindex: this.currentTabIndex,
@@ -321,7 +299,8 @@ var TreeViewItemVue2 = {
     }, [h("div", {
       "class": "k-treeview-mid",
       ref: 'treemid'
-    }, [renderExpandIcon.call(this), renderCheckbox.call(this), this.$props.draggable ? // @ts-ignore  function children
+    }, [renderExpandIcon.call(this), renderCheckbox.call(this), this.$props.draggable ?
+    // @ts-ignore  function children
     h(Draggable, {
       onPress: function onPress(e) {
         return _this.handlePress(e);
@@ -345,7 +324,8 @@ var TreeViewItemVue2 = {
       }
     }, this.v3 ? function () {
       return [itemInPart.call(_this2)];
-    } : [itemInPart.call(_this2)]) : itemInPart.call(this)]), this.$props.animate && this.isMounted ? // @ts-ignore  function children
+    } : [itemInPart.call(_this2)]) : itemInPart.call(this)]), this.$props.animate && this.isMounted ?
+    // @ts-ignore  function children
     h(Reveal, {
       appear: this.ariaExpanded,
       attrs: this.v3 ? undefined : {
@@ -411,6 +391,5 @@ var TreeViewItemVue2 = {
 /**
  * @hidden
  */
-
 var TreeViewItem = TreeViewItemVue2;
 export { TreeViewItem, TreeViewItemVue2 };

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: 1665151754,
+    publishDate: 1666682943,
     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

@@ -15,7 +15,6 @@ var sizeMap = kendoThemeMaps.sizeMap;
 /**
  * @hidden
  */
-
 var TreeViewVue2 = {
   name: 'KendoTreeView',
   props: {
@@ -106,7 +105,6 @@ var TreeViewVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _a;
-
     var h = gh || createElement;
     this.fieldsSvc = new FieldsService(this.$props);
     var size = this.$props.size;
@@ -215,9 +213,9 @@ var TreeViewVue2 = {
     },
     onDrag: function onDrag(event, item, itemId) {
       var pageX = event.pageX,
-          pageY = event.pageY,
-          clientX = event.clientX,
-          clientY = event.clientY;
+        pageY = event.pageY,
+        clientX = event.clientX,
+        clientY = event.clientY;
       this.$emit('itemdragover', {
         target: this,
         item: item,
@@ -230,9 +228,9 @@ var TreeViewVue2 = {
     },
     onRelease: function onRelease(event, item, itemId) {
       var pageX = event.pageX,
-          pageY = event.pageY,
-          clientX = event.clientX,
-          clientY = event.clientY;
+        pageY = event.pageY,
+        clientX = event.clientX,
+        clientY = event.clientY;
       this.$emit('itemdragend', {
         target: this,
         item: item,
@@ -249,14 +247,12 @@ var TreeViewVue2 = {
     },
     onFocus: function onFocus() {
       clearTimeout(this.blurRequest);
-
       if (this.focusedItemId === undefined && this.dataItems.length) {
         this.setFocus(this.tabbableItemId);
       }
     },
     onBlur: function onBlur() {
       var _this = this;
-
       clearTimeout(this.blurRequest);
       this.blurRequest = window.setTimeout(function () {
         return _this.setFocus(undefined);
@@ -264,30 +260,24 @@ var TreeViewVue2 = {
     },
     onKeyDown: function onKeyDown(event) {
       var focusedItem = this.getFocusedItem();
-
       if (focusedItem) {
         var newItemId = nav(focusedItem, this.focusedItemId, this.dataItems, event.keyCode, this.fieldsSvc);
-
         if (newItemId !== this.focusedItemId) {
           // This disables the auto-scroll. The scroll is achieved via item focusing.
           event.preventDefault();
           this.allowExplicitFocus = true;
           this.setFocus(newItemId);
         }
-
         this.dispatchEventsOnKeyDown(event, focusedItem);
       }
     },
     dispatchEventsOnKeyDown: function dispatchEventsOnKeyDown(event, focusedItem) {
-      var _this = this; // isEnabled is the most expensive op and that is why is left last.
-
-
+      var _this = this;
+      // isEnabled is the most expensive op and that is why is left last.
       var isEnabled = function isEnabled() {
         return isEnabledAndAllParentsEnabled(_this.focusedItemId, _this.dataItems, _this.fieldsSvc);
       };
-
       var currentDisabled = this.fieldsSvc.disabled(focusedItem);
-
       if (event.keyCode === Keys.left && this.fieldsSvc.expanded(focusedItem) && isEnabled()) {
         this.dispatchExpandChange(event, focusedItem, this.focusedItemId);
       } else if (event.keyCode === Keys.right && !this.fieldsSvc.expanded(focusedItem) && (this.fieldsSvc.hasChildren(focusedItem) || hasChildren(focusedItem, this.$props.childrenField)) && isEnabled()) {
@@ -343,10 +333,8 @@ var TreeViewVue2 = {
     refocusDueToFocusIdField: function refocusDueToFocusIdField() {
       if (this.fieldsSvc.focusIdField) {
         var focusedItemPublicId = this.focusedItemPublicId;
-
         if (focusedItemPublicId) {
           var focusedItemId = this.$props.getFocusHierarchicalIndex ? this.$props.getFocusHierarchicalIndex(focusedItemPublicId) : resolveItemId(focusedItemPublicId, this.fieldsSvc.focusIdField, this.dataItems, this.$props.childrenField);
-
           if (focusedItemId !== this.focusedItemId) {
             this.allowExplicitFocus = true;
             this.focusedItemId = focusedItemId;
@@ -432,6 +420,5 @@ var TreeViewVue2 = {
  *  ### guid <span class='code'>string</span>
  *  Returns the `guid` which is associated with the TreeView.
  */
-
 var TreeView = TreeViewVue2;
 export { TreeView, TreeViewVue2 };

package/dist/esm/TreeViewDragClue.js

@@ -2,19 +2,15 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -23,7 +19,6 @@ import { classNames } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var TreeViewDragClueVue2 = {
   name: 'KendoTreeViewDragClue',
   props: {},
@@ -107,6 +102,5 @@ var TreeViewDragClueVue2 = {
  *  ##### operationClassName <span class='code'>string</span>
  *  The CSS class name which is related to the specific drop operation.
  */
-
 var TreeViewDragClue = TreeViewDragClueVue2;
 export { TreeViewDragClue, TreeViewDragClueVue2 };

package/dist/esm/TreeViewItem.js

@@ -2,19 +2,15 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -28,7 +24,6 @@ var sizeMap = kendoThemeMaps.sizeMap;
 /**
  * @hidden
  */
-
 var TreeViewItemVue2 = {
   name: 'KendoTreeViewItem',
   props: {
@@ -114,37 +109,28 @@ var TreeViewItemVue2 = {
   mounted: function mounted() {
     var focusedItemId = this.$props.focusedItemId;
     var currentItemId = this.itemId;
-
     if (focusedItemId && focusedItemId === currentItemId) {
       this.$emit('focusdomelneeded', this.$el);
     }
-
     this.checkboxElement = getRef(this, 'checkboxElement');
-
     if (this.checkboxElement) {
       this.checkboxElement.indeterminate = this.fieldsSvc.checkIndeterminate(this.item);
     }
-
     this.assignDraggableMeta(this.$refs.treemid);
     this.isMounted = true;
   },
   updated: function updated() {
     var focusedItemId = this.$props.focusedItemId;
-
     if (focusedItemId && focusedItemId !== this.prevFocusedItemId && focusedItemId === this.itemId) {
       this.$emit('focusdomelneeded', this.$el);
     }
-
     this.checkboxElement = getRef(this, 'checkboxElement');
-
     if (this.checkboxElement) {
       var indeterminate = this.fieldsSvc.checkIndeterminate(this.item);
-
       if (indeterminate !== this.prevFieldsService.checkIndeterminate(this.prevItem)) {
         this.checkboxElement.indeterminate = indeterminate;
       }
     }
-
     this.assignDraggableMeta(this.$refs.treemid);
   },
   // @ts-ignore
@@ -157,11 +143,8 @@ var TreeViewItemVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _this2 = this;
-
     var _this = this;
-
     var h = gh || createElement;
-
     var subitems = function subitems() {
       return isItemExpandedAndWithChildren(this.item, this.fieldsSvc) ? h("ul", {
         "class": "k-treeview-group",
@@ -221,9 +204,9 @@ var TreeViewItemVue2 = {
         });
       }, this)]) : undefined;
     };
-
     var renderExpandIcon = function renderExpandIcon() {
-      var renderExpand = this.$props.expandIcons && ( // If it is explicitly said that the item has children (even not loaded yet)
+      var renderExpand = this.$props.expandIcons && (
+      // If it is explicitly said that the item has children (even not loaded yet)
       // or if the item actually has children, then render the icon.
       this.fieldsSvc.hasChildren(this.item) || hasChildren(this.item, this.fieldsSvc.getChildrenField()));
       return renderExpand && h("span", {
@@ -238,10 +221,8 @@ var TreeViewItemVue2 = {
         }
       })]);
     };
-
     var renderCheckbox = function renderCheckbox() {
       var _a;
-
       if (this.$props.checkboxes) {
         var size = this.$props.size;
         return h("div", {
@@ -276,7 +257,6 @@ var TreeViewItemVue2 = {
         return undefined;
       }
     };
-
     var itemRender = getTemplate.call(this, {
       h: h,
       template: this.$props.itemUI,
@@ -286,7 +266,6 @@ var TreeViewItemVue2 = {
         itemHierarchicalIndex: this.itemId
       }
     });
-
     var itemInPart = function itemInPart() {
       return h("span", {
         "class": this.getContentClassName(),
@@ -301,7 +280,6 @@ var TreeViewItemVue2 = {
         "class": "k-treeview-leaf-text"
       }, [itemRender])]);
     };
-
     return h("li", {
       "class": classNames('k-treeview-item'),
       tabindex: this.currentTabIndex,
@@ -321,7 +299,8 @@ var TreeViewItemVue2 = {
     }, [h("div", {
       "class": "k-treeview-mid",
       ref: 'treemid'
-    }, [renderExpandIcon.call(this), renderCheckbox.call(this), this.$props.draggable ? // @ts-ignore  function children
+    }, [renderExpandIcon.call(this), renderCheckbox.call(this), this.$props.draggable ?
+    // @ts-ignore  function children
     h(Draggable, {
       onPress: function onPress(e) {
         return _this.handlePress(e);
@@ -345,7 +324,8 @@ var TreeViewItemVue2 = {
       }
     }, this.v3 ? function () {
       return [itemInPart.call(_this2)];
-    } : [itemInPart.call(_this2)]) : itemInPart.call(this)]), this.$props.animate && this.isMounted ? // @ts-ignore  function children
+    } : [itemInPart.call(_this2)]) : itemInPart.call(this)]), this.$props.animate && this.isMounted ?
+    // @ts-ignore  function children
     h(Reveal, {
       appear: this.ariaExpanded,
       attrs: this.v3 ? undefined : {
@@ -411,6 +391,5 @@ var TreeViewItemVue2 = {
 /**
  * @hidden
  */
-
 var TreeViewItem = TreeViewItemVue2;
 export { TreeViewItem, TreeViewItemVue2 };

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: 1665151754,
+    publishDate: 1666682943,
     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

@@ -3,35 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TreeViewVue2 = exports.TreeView = void 0; // @ts-ignore
-
+exports.TreeViewVue2 = exports.TreeView = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 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 getItemIdUponKeyboardNavigation_1 = require("./utils/getItemIdUponKeyboardNavigation");
-
 var itemUtils_1 = require("./utils/itemUtils");
-
 var TreeViewItem_1 = require("./TreeViewItem");
-
 var itemIdUtils_1 = require("./utils/itemIdUtils");
-
 var FieldsService_1 = require("./utils/FieldsService");
-
 var package_metadata_1 = require("./package-metadata");
-
 var consts_1 = require("./utils/consts");
-
 var sizeMap = kendo_vue_common_1.kendoThemeMaps.sizeMap;
 /**
  * @hidden
  */
-
 var TreeViewVue2 = {
   name: 'KendoTreeView',
   props: {
@@ -122,7 +111,6 @@ var TreeViewVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _a;
-
     var h = gh || createElement;
     this.fieldsSvc = new FieldsService_1.default(this.$props);
     var size = this.$props.size;
@@ -231,9 +219,9 @@ var TreeViewVue2 = {
     },
     onDrag: function onDrag(event, item, itemId) {
       var pageX = event.pageX,
-          pageY = event.pageY,
-          clientX = event.clientX,
-          clientY = event.clientY;
+        pageY = event.pageY,
+        clientX = event.clientX,
+        clientY = event.clientY;
       this.$emit('itemdragover', {
         target: this,
         item: item,
@@ -246,9 +234,9 @@ var TreeViewVue2 = {
     },
     onRelease: function onRelease(event, item, itemId) {
       var pageX = event.pageX,
-          pageY = event.pageY,
-          clientX = event.clientX,
-          clientY = event.clientY;
+        pageY = event.pageY,
+        clientX = event.clientX,
+        clientY = event.clientY;
       this.$emit('itemdragend', {
         target: this,
         item: item,
@@ -265,14 +253,12 @@ var TreeViewVue2 = {
     },
     onFocus: function onFocus() {
       clearTimeout(this.blurRequest);
-
       if (this.focusedItemId === undefined && this.dataItems.length) {
         this.setFocus(this.tabbableItemId);
       }
     },
     onBlur: function onBlur() {
       var _this = this;
-
       clearTimeout(this.blurRequest);
       this.blurRequest = window.setTimeout(function () {
         return _this.setFocus(undefined);
@@ -280,30 +266,24 @@ var TreeViewVue2 = {
     },
     onKeyDown: function onKeyDown(event) {
       var focusedItem = this.getFocusedItem();
-
       if (focusedItem) {
         var newItemId = (0, getItemIdUponKeyboardNavigation_1.default)(focusedItem, this.focusedItemId, this.dataItems, event.keyCode, this.fieldsSvc);
-
         if (newItemId !== this.focusedItemId) {
           // This disables the auto-scroll. The scroll is achieved via item focusing.
           event.preventDefault();
           this.allowExplicitFocus = true;
           this.setFocus(newItemId);
         }
-
         this.dispatchEventsOnKeyDown(event, focusedItem);
       }
     },
     dispatchEventsOnKeyDown: function dispatchEventsOnKeyDown(event, focusedItem) {
-      var _this = this; // isEnabled is the most expensive op and that is why is left last.
-
-
+      var _this = this;
+      // isEnabled is the most expensive op and that is why is left last.
       var isEnabled = function isEnabled() {
         return (0, itemUtils_1.isEnabledAndAllParentsEnabled)(_this.focusedItemId, _this.dataItems, _this.fieldsSvc);
       };
-
       var currentDisabled = this.fieldsSvc.disabled(focusedItem);
-
       if (event.keyCode === kendo_vue_common_1.Keys.left && this.fieldsSvc.expanded(focusedItem) && isEnabled()) {
         this.dispatchExpandChange(event, focusedItem, this.focusedItemId);
       } else if (event.keyCode === kendo_vue_common_1.Keys.right && !this.fieldsSvc.expanded(focusedItem) && (this.fieldsSvc.hasChildren(focusedItem) || (0, itemUtils_1.hasChildren)(focusedItem, this.$props.childrenField)) && isEnabled()) {
@@ -359,10 +339,8 @@ var TreeViewVue2 = {
     refocusDueToFocusIdField: function refocusDueToFocusIdField() {
       if (this.fieldsSvc.focusIdField) {
         var focusedItemPublicId = this.focusedItemPublicId;
-
         if (focusedItemPublicId) {
           var focusedItemId = this.$props.getFocusHierarchicalIndex ? this.$props.getFocusHierarchicalIndex(focusedItemPublicId) : (0, itemUtils_1.resolveItemId)(focusedItemPublicId, this.fieldsSvc.focusIdField, this.dataItems, this.$props.childrenField);
-
           if (focusedItemId !== this.focusedItemId) {
             this.allowExplicitFocus = true;
             this.focusedItemId = focusedItemId;
@@ -449,6 +427,5 @@ exports.TreeViewVue2 = TreeViewVue2;
  *  ### guid <span class='code'>string</span>
  *  Returns the `guid` which is associated with the TreeView.
  */
-
 var TreeView = TreeViewVue2;
 exports.TreeView = TreeView;

package/dist/npm/TreeViewDragClue.js

@@ -4,35 +4,27 @@ var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TreeViewDragClueVue2 = exports.TreeViewDragClue = void 0; // @ts-ignore
-
+exports.TreeViewDragClueVue2 = exports.TreeViewDragClue = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 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");
 /**
  * @hidden
  */
-
-
 var TreeViewDragClueVue2 = {
   name: 'KendoTreeViewDragClue',
   props: {},
@@ -117,6 +109,5 @@ exports.TreeViewDragClueVue2 = TreeViewDragClueVue2;
  *  ##### operationClassName <span class='code'>string</span>
  *  The CSS class name which is related to the specific drop operation.
  */
-
 var TreeViewDragClue = TreeViewDragClueVue2;
 exports.TreeViewDragClue = TreeViewDragClue;