@progress/kendo-angular-treeview 22.1.0-develop.17 → 22.1.0-develop.19

package/fesm2022/progress-kendo-angular-treeview.mjs

@@ -10,7 +10,7 @@ import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/k
 import { Subject, Subscription, of, EMPTY, BehaviorSubject, merge } from 'rxjs';
 import { validatePackage } from '@progress/kendo-licensing';
 import { getter, setter } from '@progress/kendo-common';
-import { caretAltDownIcon, caretAltRightIcon, caretAltLeftIcon, searchIcon, cancelIcon, insertMiddleIcon, insertBottomIcon, insertTopIcon, plusIcon } from '@progress/kendo-svg-icons';
+import { chevronDownIcon, chevronRightIcon, chevronLeftIcon, searchIcon, cancelIcon, insertMiddleIcon, insertBottomIcon, insertTopIcon, plusIcon } from '@progress/kendo-svg-icons';
 import { CheckBoxComponent, TextBoxComponent, TextBoxPrefixTemplateDirective } from '@progress/kendo-angular-inputs';
 import { trigger, transition, style, animate } from '@angular/animations';
 import { filter, tap, switchMap, delay, takeUntil, catchError, finalize, take, map } from 'rxjs/operators';
@@ -29,7 +29,7 @@ const packageMetadata = {
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
     publishDate: 0,
-    version: '22.1.0-develop.17',
+    version: '22.1.0-develop.19',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -223,16 +223,25 @@ const isFocusable = (element) => {
  * @hidden
  */
 const isContent = (element) => {
-    const scopeSelector = '.k-treeview-leaf:not(.k-treeview-load-more-button),.k-treeview-item,.k-treeview';
+    const scopeSelector = '.k-treeview-leaf:not(.k-treeview-load-more-button),.k-treeview-item-content,.k-treeview-item,.k-treeview';
     if (!isDocumentAvailable()) {
         return null;
     }
+    if (closestWithMatch(element, '.k-treeview-toggle')) {
+        return false;
+    }
+    if (closestWithMatch(element, 'kendo-checkbox') || (element.tagName?.toLowerCase() === 'input' && element.type === 'checkbox')) {
+        return false;
+    }
     let node = element;
     while (node && !match(node, scopeSelector)) {
         node = node.parentNode;
     }
     if (node) {
-        return match(node, '.k-treeview-leaf:not(.k-treeview-load-more-button)');
+        if (isLoadMoreButton(element)) {
+            return false;
+        }
+        return match(node, '.k-treeview-leaf:not(.k-treeview-load-more-button)') || match(node, '.k-treeview-item-content');
     }
 };
 /**
@@ -1420,15 +1429,15 @@ class TreeViewGroupComponent {
     /**
      * @hidden
      */
-    caretAltDownIcon = caretAltDownIcon;
+    chevronDownIcon = chevronDownIcon;
     /**
      * @hidden
      */
-    caretAltRightIcon = caretAltRightIcon;
+    chevronRightIcon = chevronRightIcon;
     /**
      * @hidden
      */
-    caretAltLeftIcon = caretAltLeftIcon;
+    chevronLeftIcon = chevronLeftIcon;
     /**
      * @hidden
      */
@@ -1452,7 +1461,7 @@ class TreeViewGroupComponent {
     nodeTemplateRef;
     loadMoreButtonTemplateRef;
     loadMoreService;
-    size = 'medium';
+    size = undefined;
     expandDisabledNodes;
     initialNodesLoaded = false;
     loadingMoreNodes = false;
@@ -1461,10 +1470,16 @@ class TreeViewGroupComponent {
         return this.expandIcons && this.hasChildren(node) ? !this.isItemExpandable(node, index) : this.isItemDisabled(node, index);
     }
     getFontIcon(node, index) {
-        return this.isExpanded(node, index) ? 'caret-alt-down' : !this.localization.rtl ? 'caret-alt-right' : 'caret-alt-left';
+        if (this.isExpanded(node, index)) {
+            return 'chevron-down';
+        }
+        return this.localization.rtl ? 'chevron-left' : 'chevron-right';
     }
     getSvgIcon(node, index) {
-        return this.isExpanded(node, index) ? caretAltDownIcon : !this.localization.rtl ? caretAltRightIcon : caretAltLeftIcon;
+        if (this.isExpanded(node, index)) {
+            return chevronDownIcon;
+        }
+        return this.localization.rtl ? chevronLeftIcon : chevronRightIcon;
     }
     get moreNodesAvailable() {
         if (!isPresent(this.loadMoreService) || this.data.length === 0) {
@@ -2477,14 +2492,15 @@ class TreeViewComponent {
     /**
      * Sets the size of the component.
      *
-     * @default 'medium'
+     * @default undefined
      */
     set size(size) {
-        const newSize = size ? size : 'medium';
-        if (this.size !== 'none') {
+        if (isPresent(this.size)) {
             this.renderer.removeClass(this.element.nativeElement, getSizeClass('treeview', this.size));
         }
-        this.renderer.addClass(this.element.nativeElement, getSizeClass('treeview', newSize));
+        if (isPresent(size)) {
+            this.renderer.addClass(this.element.nativeElement, getSizeClass('treeview', size));
+        }
         this._size = size;
     }
     get size() {
@@ -2525,7 +2541,7 @@ class TreeViewComponent {
     _hasChildren;
     _nodeTemplateRef;
     _loadMoreButtonTemplateRef;
-    _size = 'medium';
+    _size = undefined;
     subscriptions = new Subscription();
     domSubscriptions = [];
     _nextId = nextId;
@@ -4514,7 +4530,7 @@ class DragAndDropDirective {
             return;
         }
         // store the drag target on press, show it only when it's actually dragged
-        this.draggedItem = closestWithMatch(originalEvent.target, '.k-treeview-leaf');
+        this.draggedItem = closestWithMatch(originalEvent.target, '.k-treeview-item-content');
         // record the current pointer down coords - copared to the `startDragAfter` value to calculate whether to initiate dragging
         this.pendingDragStartEvent = originalEvent;
     }

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1770055240,
-  "version": "22.1.0-develop.17",
+  "publishDate": 1770219764,
+  "version": "22.1.0-develop.19",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-treeview",
-  "version": "22.1.0-develop.17",
+  "version": "22.1.0-develop.19",
   "description": "Kendo UI TreeView for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -19,7 +19,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1770055240,
+      "publishDate": 1770219764,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -29,15 +29,15 @@
     "@angular/core": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-common": "22.1.0-develop.17",
-    "@progress/kendo-angular-inputs": "22.1.0-develop.17",
-    "@progress/kendo-angular-icons": "22.1.0-develop.17",
-    "@progress/kendo-angular-l10n": "22.1.0-develop.17",
+    "@progress/kendo-angular-common": "22.1.0-develop.19",
+    "@progress/kendo-angular-inputs": "22.1.0-develop.19",
+    "@progress/kendo-angular-icons": "22.1.0-develop.19",
+    "@progress/kendo-angular-l10n": "22.1.0-develop.19",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "22.1.0-develop.17",
+    "@progress/kendo-angular-schematics": "22.1.0-develop.19",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-draggable": "^3.0.2"
   },

package/schematics/ngAdd/index.js

@@ -9,10 +9,10 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'TreeViewModule', package: 'treeview', peerDependencies: {
             // Peers of kendo-angular-inputs
-            '@progress/kendo-angular-buttons': '22.1.0-develop.17',
-            '@progress/kendo-angular-dialog': '22.1.0-develop.17',
-            '@progress/kendo-angular-intl': '22.1.0-develop.17',
-            '@progress/kendo-angular-popup': '22.1.0-develop.17',
+            '@progress/kendo-angular-buttons': '22.1.0-develop.19',
+            '@progress/kendo-angular-dialog': '22.1.0-develop.19',
+            '@progress/kendo-angular-intl': '22.1.0-develop.19',
+            '@progress/kendo-angular-popup': '22.1.0-develop.19',
             '@progress/kendo-drawing': '^1.9.3',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^4.0.0'

package/size.d.ts

@@ -5,4 +5,4 @@
 /**
  * Represents the possible size options for the TreeView.
  */
-export type TreeViewSize = 'none' | 'small' | 'medium' | 'large';
+export type TreeViewSize = 'small' | 'medium' | 'large';

package/treeview-group.component.d.ts

@@ -35,15 +35,15 @@ export declare class TreeViewGroupComponent implements OnChanges, OnInit, OnDest
     /**
      * @hidden
      */
-    caretAltDownIcon: SVGIcon;
+    chevronDownIcon: SVGIcon;
     /**
      * @hidden
      */
-    caretAltRightIcon: SVGIcon;
+    chevronRightIcon: SVGIcon;
     /**
      * @hidden
      */
-    caretAltLeftIcon: SVGIcon;
+    chevronLeftIcon: SVGIcon;
     /**
      * @hidden
      */

package/treeview.component.d.ts

@@ -271,7 +271,7 @@ export declare class TreeViewComponent implements OnChanges, OnInit, AfterViewIn
     /**
      * Sets the size of the component.
      *
-     * @default 'medium'
+     * @default undefined
      */
     set size(size: TreeViewSize);
     get size(): TreeViewSize;