@progress/kendo-angular-treelist 16.10.1-develop.3 → 16.11.0-develop.10

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-treelist',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1727275923,
-    version: '16.10.1-develop.3',
+    publishDate: 1727948507,
+    version: '16.11.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2020/pdf/export-element.mjs

@@ -39,7 +39,6 @@ const wrapTable = (table) => {
     const wrapper = document.createElement('div');
     wrapper.className = 'k-grid k-grid-md';
     wrapper.appendChild(table);
-    console.log(wrapper, table);
     return wrapper;
 };
 const createTableElement = (sources) => {

package/esm2020/rendering/table-body.component.mjs

@@ -236,7 +236,7 @@ export class TableBodyComponent {
         const isValidCell = cell ? !hasClasses(cell, forbiddenCellClasses) : false;
         const isValidRow = row ? !hasClasses(row, NON_DATA_ROW_CLASSES) : false;
         if (isValidRow && isValidCell) {
-            if (this.expandClick(eventArg, row) || this.checkboxClick(cell, row, eventArg)) {
+            if (this.expandClick(eventArg, row) || this.checkboxClick(cell, row, eventArg) && !this.selection.dragging) {
                 return;
             }
             this.editService.preventCellClose();
@@ -327,7 +327,12 @@ export class TableBodyComponent {
         }
     }
     checkboxClick(cell, row, eventArg) {
-        if (eventArg.type === 'click' && hasClasses(cell, 'k-checkbox-cell') &&
+        const isCheckboxCell = hasClasses(cell, 'k-checkbox-cell');
+        const isCheckbox = hasClasses(eventArg.target, 'k-checkbox');
+        if (isCheckboxCell && !isCheckbox && this.selection.settings.checkboxOnly) {
+            return;
+        }
+        if (eventArg.type === 'click' && isCheckboxCell &&
             this.selection.enabled && this.selection.rowSelection) {
             const args = this.cellClickArgs(cell, row, eventArg);
             this.selection.checkboxClick(args);

package/esm2020/row-reordering/row-reorder.service.mjs

@@ -175,7 +175,12 @@ export class RowReorderService {
         else if (currentDropPosition === dropPosition.after && isPreviousSibling(this.dropTarget, this.dragTarget)) {
             currentDropPosition = dropPosition.forbidden;
         }
-        if (this.isOverChild(dropTargetRow.dataItem)) {
+        if (isPresent(dropTargetRow.dataItem)) {
+            if (this.isOverChild(dropTargetRow.dataItem)) {
+                currentDropPosition = dropPosition.forbidden;
+            }
+        }
+        else {
             currentDropPosition = dropPosition.forbidden;
         }
         return currentDropPosition;

package/esm2020/selection/marquee.directive.mjs

@@ -9,6 +9,7 @@ import { createState } from './selection-state';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-common";
 import * as i2 from "./selection.service";
+const MINIMAL_DRAG_DISTANCE = 5;
 const createElement = () => {
     if (!isDocumentAvailable()) {
         return;
@@ -29,6 +30,7 @@ export class MarqueeDirective {
         this.draggable = draggable;
         this.selection = selection;
         this.changeDetector = changeDetector;
+        this.selectionStarted = false;
         this.cellSelected = this.cellSelected.bind(this);
         this.rowSelected = this.rowSelected.bind(this);
     }
@@ -61,12 +63,21 @@ export class MarqueeDirective {
         this.pressArgs = args;
     }
     moveMarquee(args) {
+        const press = this.pressArgs;
+        if (!this.selectionStarted && press) {
+            const distance = Math.sqrt((args.pageX - press.pageX) ** 2 + (args.pageY - press.pageY) ** 2);
+            if (distance > MINIMAL_DRAG_DISTANCE) {
+                this.selectionStarted = true;
+            }
+            else {
+                return;
+            }
+        }
         if (this.pressTarget && !this.state) {
             this.initMarquee();
         }
         if (this.marqueeElement) {
             const element = this.marqueeElement;
-            const press = this.pressArgs;
             const left = Math.min(args.pageX, press.pageX);
             const top = Math.min(args.pageY, press.pageY);
             const width = Math.abs(args.pageX - press.pageX);
@@ -98,6 +109,7 @@ export class MarqueeDirective {
             // if one is missing select first / last viewItem depending on the position
             // select column based on coordinates
             if (pressTarget && releaseTarget) {
+                this.selection.dragging = true;
                 this.selection.selectRange(pressTarget, releaseTarget);
             }
             else {
@@ -129,6 +141,8 @@ export class MarqueeDirective {
         }
         this.pressTarget = null;
         this.pressArgs = null;
+        this.selectionStarted = false;
+        this.selection.dragging = false;
     }
     targetArgs(args, skipFocusable) {
         let target = args.originalEvent.target;

package/esm2020/selection/selection.service.mjs

@@ -6,7 +6,7 @@ import { Injectable } from '@angular/core';
 import { Subject, Subscription, merge } from "rxjs";
 import { ViewCollection } from '../data/data.collection';
 import { SelectionChangeEvent } from './selection-change-event';
-import { Keys } from '@progress/kendo-angular-common';
+import { hasClasses, isPresent, Keys } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -23,6 +23,7 @@ export class SelectionService {
         this.isRowSelected = noop;
         this.isCellSelected = noop;
         this.enabled = false;
+        this.dragging = false;
         this._settings = {};
         this.tables = [];
         this.subscriptions = new Subscription();
@@ -56,7 +57,17 @@ export class SelectionService {
         return this._settings;
     }
     get enableMarquee() {
-        return this.enabled && this.settings.drag !== false && this.settings.multiple;
+        const checkboxOnly = this.settings?.checkboxOnly;
+        if (!this.settings || checkboxOnly) {
+            return false;
+        }
+        const dragAndMultiple = typeof (this.settings) === 'object' &&
+            isPresent(this.settings) &&
+            this.settings.multiple &&
+            this.settings.enabled !== false &&
+            !this.settings.checkboxOnly &&
+            this.settings.drag !== false;
+        return this.enabled && dragAndMultiple;
     }
     get enableMultiple() {
         return this.enabled && this.settings.multiple;
@@ -86,6 +97,14 @@ export class SelectionService {
         this.tables = this.tables.filter(t => t !== table);
     }
     click(args, toggle) {
+        if (this.dragging) {
+            this.dragging = false;
+            return;
+        }
+        const isCheckbox = args.originalEvent.target ? hasClasses(args.originalEvent.target, 'k-checkbox') : true;
+        if (this.rowSelection && this.settings.checkboxOnly && !isCheckbox) {
+            return;
+        }
         const { dataItem, column, columnIndex, originalEvent } = args;
         if (originalEvent.keyCode === Keys.Enter || (originalEvent.button && originalEvent.button !== 0)) {
             return;
@@ -129,6 +148,10 @@ export class SelectionService {
         }
     }
     checkboxClick(args) {
+        if (this.dragging) {
+            this.dragging = false;
+            return;
+        }
         if (args.column.checkChildren && args.viewItem.hasChildren && !args.originalEvent.shiftKey && !args.originalEvent.ctrlKey) {
             const data = [args.dataItem];
             const selected = Boolean(args.viewItem.selected);

package/fesm2015/progress-kendo-angular-treelist.mjs

@@ -5,7 +5,7 @@
 import * as i0 from '@angular/core';
 import { Directive, Optional, EventEmitter, Injectable, QueryList, Input, ContentChildren, ContentChild, InjectionToken, forwardRef, Component, SkipSelf, Host, isDevMode, SecurityContext, Inject, Output, ChangeDetectionStrategy, HostBinding, ElementRef, ViewChild, Pipe, ViewChildren, Self, HostListener, ViewEncapsulation, NgModule } from '@angular/core';
 import * as i2$1 from '@progress/kendo-angular-common';
-import { isDocumentAvailable, Keys, isPresent as isPresent$1, EventsOutsideAngularDirective, anyChanged, ResizeSensorComponent, isChanged as isChanged$1, KendoInput, guid, DraggableDirective, TemplateContextDirective, hasObservers, ResizeBatchService, DraggableModule } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, isPresent as isPresent$1, hasClasses as hasClasses$1, Keys, EventsOutsideAngularDirective, anyChanged, ResizeSensorComponent, isChanged as isChanged$1, KendoInput, guid, DraggableDirective, TemplateContextDirective, hasObservers, ResizeBatchService, DraggableModule } from '@progress/kendo-angular-common';
 import * as i2 from '@progress/kendo-angular-icons';
 import { IconWrapperComponent, IconsService, IconsModule, KENDO_ICONS } from '@progress/kendo-angular-icons';
 import * as i14 from '@progress/kendo-angular-dateinputs';
@@ -47,8 +47,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-treelist',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1727275923,
-    version: '16.10.1-develop.3',
+    publishDate: 1727948507,
+    version: '16.11.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -3796,6 +3796,7 @@ class SelectionService {
         this.isRowSelected = noop;
         this.isCellSelected = noop;
         this.enabled = false;
+        this.dragging = false;
         this._settings = {};
         this.tables = [];
         this.subscriptions = new Subscription();
@@ -3829,7 +3830,18 @@ class SelectionService {
         return this._settings;
     }
     get enableMarquee() {
-        return this.enabled && this.settings.drag !== false && this.settings.multiple;
+        var _a;
+        const checkboxOnly = (_a = this.settings) === null || _a === void 0 ? void 0 : _a.checkboxOnly;
+        if (!this.settings || checkboxOnly) {
+            return false;
+        }
+        const dragAndMultiple = typeof (this.settings) === 'object' &&
+            isPresent$1(this.settings) &&
+            this.settings.multiple &&
+            this.settings.enabled !== false &&
+            !this.settings.checkboxOnly &&
+            this.settings.drag !== false;
+        return this.enabled && dragAndMultiple;
     }
     get enableMultiple() {
         return this.enabled && this.settings.multiple;
@@ -3859,6 +3871,14 @@ class SelectionService {
         this.tables = this.tables.filter(t => t !== table);
     }
     click(args, toggle) {
+        if (this.dragging) {
+            this.dragging = false;
+            return;
+        }
+        const isCheckbox = args.originalEvent.target ? hasClasses$1(args.originalEvent.target, 'k-checkbox') : true;
+        if (this.rowSelection && this.settings.checkboxOnly && !isCheckbox) {
+            return;
+        }
         const { dataItem, column, columnIndex, originalEvent } = args;
         if (originalEvent.keyCode === Keys.Enter || (originalEvent.button && originalEvent.button !== 0)) {
             return;
@@ -3902,6 +3922,10 @@ class SelectionService {
         }
     }
     checkboxClick(args) {
+        if (this.dragging) {
+            this.dragging = false;
+            return;
+        }
         if (args.column.checkChildren && args.viewItem.hasChildren && !args.originalEvent.shiftKey && !args.originalEvent.ctrlKey) {
             const data = [args.dataItem];
             const selected = Boolean(args.viewItem.selected);
@@ -5439,7 +5463,12 @@ class RowReorderService {
         else if (currentDropPosition === dropPosition.after && isPreviousSibling(this.dropTarget, this.dragTarget)) {
             currentDropPosition = dropPosition.forbidden;
         }
-        if (this.isOverChild(dropTargetRow.dataItem)) {
+        if (isPresent$1(dropTargetRow.dataItem)) {
+            if (this.isOverChild(dropTargetRow.dataItem)) {
+                currentDropPosition = dropPosition.forbidden;
+            }
+        }
+        else {
             currentDropPosition = dropPosition.forbidden;
         }
         return currentDropPosition;
@@ -7687,7 +7716,7 @@ class TableBodyComponent {
         const isValidCell = cell ? !hasClasses(cell, forbiddenCellClasses) : false;
         const isValidRow = row ? !hasClasses(row, NON_DATA_ROW_CLASSES) : false;
         if (isValidRow && isValidCell) {
-            if (this.expandClick(eventArg, row) || this.checkboxClick(cell, row, eventArg)) {
+            if (this.expandClick(eventArg, row) || this.checkboxClick(cell, row, eventArg) && !this.selection.dragging) {
                 return;
             }
             this.editService.preventCellClose();
@@ -7778,7 +7807,12 @@ class TableBodyComponent {
         }
     }
     checkboxClick(cell, row, eventArg) {
-        if (eventArg.type === 'click' && hasClasses(cell, 'k-checkbox-cell') &&
+        const isCheckboxCell = hasClasses(cell, 'k-checkbox-cell');
+        const isCheckbox = hasClasses(eventArg.target, 'k-checkbox');
+        if (isCheckboxCell && !isCheckbox && this.selection.settings.checkboxOnly) {
+            return;
+        }
+        if (eventArg.type === 'click' && isCheckboxCell &&
             this.selection.enabled && this.selection.rowSelection) {
             const args = this.cellClickArgs(cell, row, eventArg);
             this.selection.checkboxClick(args);
@@ -8141,6 +8175,7 @@ class CellSelectionState {
  */
 const createState = (settings) => settings.mode === 'cell' ? new CellSelectionState() : new RowSelectionState();
 
+const MINIMAL_DRAG_DISTANCE = 5;
 const createElement$1 = () => {
     if (!isDocumentAvailable()) {
         return;
@@ -8161,6 +8196,7 @@ class MarqueeDirective {
         this.draggable = draggable;
         this.selection = selection;
         this.changeDetector = changeDetector;
+        this.selectionStarted = false;
         this.cellSelected = this.cellSelected.bind(this);
         this.rowSelected = this.rowSelected.bind(this);
     }
@@ -8193,12 +8229,21 @@ class MarqueeDirective {
         this.pressArgs = args;
     }
     moveMarquee(args) {
+        const press = this.pressArgs;
+        if (!this.selectionStarted && press) {
+            const distance = Math.sqrt(Math.pow((args.pageX - press.pageX), 2) + Math.pow((args.pageY - press.pageY), 2));
+            if (distance > MINIMAL_DRAG_DISTANCE) {
+                this.selectionStarted = true;
+            }
+            else {
+                return;
+            }
+        }
         if (this.pressTarget && !this.state) {
             this.initMarquee();
         }
         if (this.marqueeElement) {
             const element = this.marqueeElement;
-            const press = this.pressArgs;
             const left = Math.min(args.pageX, press.pageX);
             const top = Math.min(args.pageY, press.pageY);
             const width = Math.abs(args.pageX - press.pageX);
@@ -8230,6 +8275,7 @@ class MarqueeDirective {
             // if one is missing select first / last viewItem depending on the position
             // select column based on coordinates
             if (pressTarget && releaseTarget) {
+                this.selection.dragging = true;
                 this.selection.selectRange(pressTarget, releaseTarget);
             }
             else {
@@ -8261,6 +8307,8 @@ class MarqueeDirective {
         }
         this.pressTarget = null;
         this.pressArgs = null;
+        this.selectionStarted = false;
+        this.selection.dragging = false;
     }
     targetArgs(args, skipFocusable) {
         let target = args.originalEvent.target;
@@ -20624,7 +20672,6 @@ const wrapTable = (table) => {
     const wrapper = document.createElement('div');
     wrapper.className = 'k-grid k-grid-md';
     wrapper.appendChild(table);
-    console.log(wrapper, table);
     return wrapper;
 };
 const createTableElement = (sources) => {

package/fesm2020/progress-kendo-angular-treelist.mjs

@@ -5,7 +5,7 @@
 import * as i0 from '@angular/core';
 import { Directive, Optional, EventEmitter, Injectable, QueryList, Input, ContentChildren, ContentChild, InjectionToken, forwardRef, Component, SkipSelf, Host, isDevMode, SecurityContext, Inject, Output, ChangeDetectionStrategy, HostBinding, ElementRef, ViewChild, Pipe, ViewChildren, Self, HostListener, ViewEncapsulation, NgModule } from '@angular/core';
 import * as i2$1 from '@progress/kendo-angular-common';
-import { isDocumentAvailable, Keys, isPresent as isPresent$1, EventsOutsideAngularDirective, anyChanged, ResizeSensorComponent, isChanged as isChanged$1, KendoInput, guid, DraggableDirective, TemplateContextDirective, hasObservers, ResizeBatchService, DraggableModule } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, isPresent as isPresent$1, hasClasses as hasClasses$1, Keys, EventsOutsideAngularDirective, anyChanged, ResizeSensorComponent, isChanged as isChanged$1, KendoInput, guid, DraggableDirective, TemplateContextDirective, hasObservers, ResizeBatchService, DraggableModule } from '@progress/kendo-angular-common';
 import * as i2 from '@progress/kendo-angular-icons';
 import { IconWrapperComponent, IconsService, IconsModule, KENDO_ICONS } from '@progress/kendo-angular-icons';
 import * as i14 from '@progress/kendo-angular-dateinputs';
@@ -47,8 +47,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-treelist',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1727275923,
-    version: '16.10.1-develop.3',
+    publishDate: 1727948507,
+    version: '16.11.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -4061,6 +4061,7 @@ class SelectionService {
         this.isRowSelected = noop;
         this.isCellSelected = noop;
         this.enabled = false;
+        this.dragging = false;
         this._settings = {};
         this.tables = [];
         this.subscriptions = new Subscription();
@@ -4094,7 +4095,17 @@ class SelectionService {
         return this._settings;
     }
     get enableMarquee() {
-        return this.enabled && this.settings.drag !== false && this.settings.multiple;
+        const checkboxOnly = this.settings?.checkboxOnly;
+        if (!this.settings || checkboxOnly) {
+            return false;
+        }
+        const dragAndMultiple = typeof (this.settings) === 'object' &&
+            isPresent$1(this.settings) &&
+            this.settings.multiple &&
+            this.settings.enabled !== false &&
+            !this.settings.checkboxOnly &&
+            this.settings.drag !== false;
+        return this.enabled && dragAndMultiple;
     }
     get enableMultiple() {
         return this.enabled && this.settings.multiple;
@@ -4124,6 +4135,14 @@ class SelectionService {
         this.tables = this.tables.filter(t => t !== table);
     }
     click(args, toggle) {
+        if (this.dragging) {
+            this.dragging = false;
+            return;
+        }
+        const isCheckbox = args.originalEvent.target ? hasClasses$1(args.originalEvent.target, 'k-checkbox') : true;
+        if (this.rowSelection && this.settings.checkboxOnly && !isCheckbox) {
+            return;
+        }
         const { dataItem, column, columnIndex, originalEvent } = args;
         if (originalEvent.keyCode === Keys.Enter || (originalEvent.button && originalEvent.button !== 0)) {
             return;
@@ -4167,6 +4186,10 @@ class SelectionService {
         }
     }
     checkboxClick(args) {
+        if (this.dragging) {
+            this.dragging = false;
+            return;
+        }
         if (args.column.checkChildren && args.viewItem.hasChildren && !args.originalEvent.shiftKey && !args.originalEvent.ctrlKey) {
             const data = [args.dataItem];
             const selected = Boolean(args.viewItem.selected);
@@ -5404,7 +5427,12 @@ class RowReorderService {
         else if (currentDropPosition === dropPosition.after && isPreviousSibling(this.dropTarget, this.dragTarget)) {
             currentDropPosition = dropPosition.forbidden;
         }
-        if (this.isOverChild(dropTargetRow.dataItem)) {
+        if (isPresent$1(dropTargetRow.dataItem)) {
+            if (this.isOverChild(dropTargetRow.dataItem)) {
+                currentDropPosition = dropPosition.forbidden;
+            }
+        }
+        else {
             currentDropPosition = dropPosition.forbidden;
         }
         return currentDropPosition;
@@ -7651,7 +7679,7 @@ class TableBodyComponent {
         const isValidCell = cell ? !hasClasses(cell, forbiddenCellClasses) : false;
         const isValidRow = row ? !hasClasses(row, NON_DATA_ROW_CLASSES) : false;
         if (isValidRow && isValidCell) {
-            if (this.expandClick(eventArg, row) || this.checkboxClick(cell, row, eventArg)) {
+            if (this.expandClick(eventArg, row) || this.checkboxClick(cell, row, eventArg) && !this.selection.dragging) {
                 return;
             }
             this.editService.preventCellClose();
@@ -7742,7 +7770,12 @@ class TableBodyComponent {
         }
     }
     checkboxClick(cell, row, eventArg) {
-        if (eventArg.type === 'click' && hasClasses(cell, 'k-checkbox-cell') &&
+        const isCheckboxCell = hasClasses(cell, 'k-checkbox-cell');
+        const isCheckbox = hasClasses(eventArg.target, 'k-checkbox');
+        if (isCheckboxCell && !isCheckbox && this.selection.settings.checkboxOnly) {
+            return;
+        }
+        if (eventArg.type === 'click' && isCheckboxCell &&
             this.selection.enabled && this.selection.rowSelection) {
             const args = this.cellClickArgs(cell, row, eventArg);
             this.selection.checkboxClick(args);
@@ -8105,6 +8138,7 @@ class CellSelectionState {
  */
 const createState = (settings) => settings.mode === 'cell' ? new CellSelectionState() : new RowSelectionState();
 
+const MINIMAL_DRAG_DISTANCE = 5;
 const createElement$1 = () => {
     if (!isDocumentAvailable()) {
         return;
@@ -8125,6 +8159,7 @@ class MarqueeDirective {
         this.draggable = draggable;
         this.selection = selection;
         this.changeDetector = changeDetector;
+        this.selectionStarted = false;
         this.cellSelected = this.cellSelected.bind(this);
         this.rowSelected = this.rowSelected.bind(this);
     }
@@ -8157,12 +8192,21 @@ class MarqueeDirective {
         this.pressArgs = args;
     }
     moveMarquee(args) {
+        const press = this.pressArgs;
+        if (!this.selectionStarted && press) {
+            const distance = Math.sqrt((args.pageX - press.pageX) ** 2 + (args.pageY - press.pageY) ** 2);
+            if (distance > MINIMAL_DRAG_DISTANCE) {
+                this.selectionStarted = true;
+            }
+            else {
+                return;
+            }
+        }
         if (this.pressTarget && !this.state) {
             this.initMarquee();
         }
         if (this.marqueeElement) {
             const element = this.marqueeElement;
-            const press = this.pressArgs;
             const left = Math.min(args.pageX, press.pageX);
             const top = Math.min(args.pageY, press.pageY);
             const width = Math.abs(args.pageX - press.pageX);
@@ -8194,6 +8238,7 @@ class MarqueeDirective {
             // if one is missing select first / last viewItem depending on the position
             // select column based on coordinates
             if (pressTarget && releaseTarget) {
+                this.selection.dragging = true;
                 this.selection.selectRange(pressTarget, releaseTarget);
             }
             else {
@@ -8225,6 +8270,8 @@ class MarqueeDirective {
         }
         this.pressTarget = null;
         this.pressArgs = null;
+        this.selectionStarted = false;
+        this.selection.dragging = false;
     }
     targetArgs(args, skipFocusable) {
         let target = args.originalEvent.target;
@@ -20557,7 +20604,6 @@ const wrapTable = (table) => {
     const wrapper = document.createElement('div');
     wrapper.className = 'k-grid k-grid-md';
     wrapper.appendChild(table);
-    console.log(wrapper, table);
     return wrapper;
 };
 const createTableElement = (sources) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-treelist",
-  "version": "16.10.1-develop.3",
+  "version": "16.11.0-develop.10",
   "description": "Kendo UI TreeList for Angular - Display hierarchical data in an Angular tree grid view that supports sorting, filtering, paging, and much more.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -31,24 +31,24 @@
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.20.4",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "16.10.1-develop.3",
-    "@progress/kendo-angular-common": "16.10.1-develop.3",
-    "@progress/kendo-angular-dateinputs": "16.10.1-develop.3",
-    "@progress/kendo-angular-dropdowns": "16.10.1-develop.3",
-    "@progress/kendo-angular-excel-export": "16.10.1-develop.3",
-    "@progress/kendo-angular-icons": "16.10.1-develop.3",
-    "@progress/kendo-angular-inputs": "16.10.1-develop.3",
-    "@progress/kendo-angular-intl": "16.10.1-develop.3",
-    "@progress/kendo-angular-l10n": "16.10.1-develop.3",
-    "@progress/kendo-angular-label": "16.10.1-develop.3",
-    "@progress/kendo-angular-pdf-export": "16.10.1-develop.3",
-    "@progress/kendo-angular-popup": "16.10.1-develop.3",
-    "@progress/kendo-angular-utils": "16.10.1-develop.3",
+    "@progress/kendo-angular-buttons": "16.11.0-develop.10",
+    "@progress/kendo-angular-common": "16.11.0-develop.10",
+    "@progress/kendo-angular-dateinputs": "16.11.0-develop.10",
+    "@progress/kendo-angular-dropdowns": "16.11.0-develop.10",
+    "@progress/kendo-angular-excel-export": "16.11.0-develop.10",
+    "@progress/kendo-angular-icons": "16.11.0-develop.10",
+    "@progress/kendo-angular-inputs": "16.11.0-develop.10",
+    "@progress/kendo-angular-intl": "16.11.0-develop.10",
+    "@progress/kendo-angular-l10n": "16.11.0-develop.10",
+    "@progress/kendo-angular-label": "16.11.0-develop.10",
+    "@progress/kendo-angular-pdf-export": "16.11.0-develop.10",
+    "@progress/kendo-angular-popup": "16.11.0-develop.10",
+    "@progress/kendo-angular-utils": "16.11.0-develop.10",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "16.10.1-develop.3",
+    "@progress/kendo-angular-schematics": "16.11.0-develop.10",
     "@progress/kendo-common": "^0.2.0",
     "@progress/kendo-file-saver": "^1.0.0"
   },

package/schematics/ngAdd/index.js

@@ -4,13 +4,13 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'TreeListModule', package: 'treelist', peerDependencies: {
             // peer dep of the dropdowns
-            '@progress/kendo-angular-treeview': '16.10.1-develop.3',
+            '@progress/kendo-angular-treeview': '16.11.0-develop.10',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '16.10.1-develop.3',
+            '@progress/kendo-angular-dialog': '16.11.0-develop.10',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^3.0.0',
             // peer dependency of kendo-angular-dateinputs
-            '@progress/kendo-angular-navigation': '16.10.1-develop.3',
+            '@progress/kendo-angular-navigation': '16.11.0-develop.10',
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }

package/selection/marquee.directive.d.ts

@@ -21,6 +21,7 @@ export declare class MarqueeDirective {
     private selectionSelected;
     private state;
     private subscriptions;
+    private selectionStarted;
     constructor(draggable: DraggableDirective, selection: SelectionService, changeDetector: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;

package/selection/selectable-settings.d.ts

@@ -28,6 +28,12 @@ export interface SelectableSettings {
      * The [isSelected]({% slug api_treelist_treelistcomponent %}#toc-isselected) callback will be ignored.
      */
     enabled?: boolean;
+    /**
+     * Determines if the selection is performed only through clicking a checkbox.
+     * If enabled, clicking the row itself will not select the row.
+     * Applicable if at least one checkbox column is present.
+     */
+    checkboxOnly?: boolean;
     /**
      * Setting this option to `true` prevents the end user from selecting and deselecting items.
      * When the selection functionality is enabled and `readonly` is set to `true`,

package/selection/selection.service.d.ts

@@ -23,6 +23,7 @@ export declare class SelectionService {
     isRowSelected: any;
     isCellSelected: any;
     enabled: boolean;
+    dragging: boolean;
     private view;
     private columnsContainer;
     private _settings;