@progress/kendo-angular-treelist 4.0.3 → 4.0.4

package/dist/es2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-treelist',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1643110609,
+    publishDate: 1645787908,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/dist/es2015/rendering/constants.d.ts

@@ -13,7 +13,11 @@ export declare const NON_DATA_ROW_CLASSES = "k-grouping-row k-group-footer k-det
 /**
  * @hidden
  */
-export declare const IGNORE_TARGET_CLASSSES = "k-icon";
+export declare const EMPTY_ICON_CLASS = "k-i-none";
+/**
+ * @hidden
+ */
+export declare const ICON_CLASS = "k-icon";
 /**
  * @hidden
  */

package/dist/es2015/rendering/constants.js

@@ -13,7 +13,11 @@ export const NON_DATA_ROW_CLASSES = 'k-grouping-row k-group-footer k-detail-row
 /**
  * @hidden
  */
-export const IGNORE_TARGET_CLASSSES = 'k-icon';
+export const EMPTY_ICON_CLASS = 'k-i-none';
+/**
+ * @hidden
+ */
+export const ICON_CLASS = 'k-icon';
 /**
  * @hidden
  */

package/dist/es2015/rendering/table-body.component.d.ts

@@ -76,6 +76,7 @@ export declare class TableBodyComponent implements OnInit, OnDestroy, OnChanges
     logicalRowIndex(rowIndex: number): number;
     isCellSelected(dataItem: any, column: any, columnIndex: number): boolean;
     targetArgs(target: any, skipFocusable?: boolean): any;
+    private checkIfClickable;
     private clickHandler;
     private emitCellClick;
     private cellKeydownHandler;

package/dist/es2015/rendering/table-body.component.js

@@ -19,7 +19,7 @@ import { Keys } from '@progress/kendo-angular-common';
 import { defaultTrackBy } from '../common/default-track-by';
 import { ExpandStateService } from '../expand-state/expand-state.service';
 import { SelectionService } from '../selection/selection.service';
-import { NON_DATA_CELL_CLASSES, NON_DATA_ROW_CLASSES, IGNORE_TARGET_CLASSSES, IGNORE_CONTAINER_CLASSES } from './constants';
+import { NON_DATA_CELL_CLASSES, NON_DATA_ROW_CLASSES, IGNORE_CONTAINER_CLASSES, ICON_CLASS, EMPTY_ICON_CLASS } from './constants';
 const columnCellIndex = (cell, cells) => {
     for (let idx = 0; idx < cells.length; idx++) {
         if (cells[idx] === cell) {
@@ -176,7 +176,15 @@ let TableBodyComponent = class TableBodyComponent {
             };
         }
     }
+    checkIfClickable(target, cell) {
+        return !matchesNodeName('label')(target) &&
+            (!hasClasses(target, ICON_CLASS) || hasClasses(target, EMPTY_ICON_CLASS)) &&
+            !closestInScope(target, matchesClasses(IGNORE_CONTAINER_CLASSES), cell);
+    }
     clickHandler(eventArg) {
+        if (eventArg.button && eventArg.button !== 0) {
+            return;
+        }
         const target = eventArg.target;
         const { cell, row } = this.targetElements(target);
         if (cell && !hasClasses(cell, NON_DATA_CELL_CLASSES) &&
@@ -186,8 +194,8 @@ let TableBodyComponent = class TableBodyComponent {
             }
             this.editService.preventCellClose();
             const focusable = target !== cell && isFocusableWithTabKey(target, false);
-            if (!focusable && !matchesNodeName('label')(target) && !hasClasses(target, IGNORE_TARGET_CLASSSES) &&
-                !closestInScope(target, matchesClasses(IGNORE_CONTAINER_CLASSES), cell)) {
+            const targetClickable = this.checkIfClickable(target, cell);
+            if (!focusable && targetClickable) {
                 const args = this.cellClickArgs(cell, row, eventArg);
                 if (!args) {
                     return;

package/dist/fesm2015/index.js

@@ -33,7 +33,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-treelist',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1643110609,
+    publishDate: 1645787908,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -7530,7 +7530,11 @@ const NON_DATA_ROW_CLASSES = 'k-grouping-row k-group-footer k-detail-row k-grid-
 /**
  * @hidden
  */
-const IGNORE_TARGET_CLASSSES = 'k-icon';
+const EMPTY_ICON_CLASS = 'k-i-none';
+/**
+ * @hidden
+ */
+const ICON_CLASS = 'k-icon';
 /**
  * @hidden
  */
@@ -15596,7 +15600,15 @@ let TableBodyComponent = class TableBodyComponent {
             };
         }
     }
+    checkIfClickable(target, cell) {
+        return !matchesNodeName('label')(target) &&
+            (!hasClasses(target, ICON_CLASS) || hasClasses(target, EMPTY_ICON_CLASS)) &&
+            !closestInScope(target, matchesClasses(IGNORE_CONTAINER_CLASSES), cell);
+    }
     clickHandler(eventArg) {
+        if (eventArg.button && eventArg.button !== 0) {
+            return;
+        }
         const target = eventArg.target;
         const { cell, row } = this.targetElements(target);
         if (cell && !hasClasses(cell, NON_DATA_CELL_CLASSES) &&
@@ -15606,8 +15618,8 @@ let TableBodyComponent = class TableBodyComponent {
             }
             this.editService.preventCellClose();
             const focusable = target !== cell && isFocusableWithTabKey(target, false);
-            if (!focusable && !matchesNodeName('label')(target) && !hasClasses(target, IGNORE_TARGET_CLASSSES) &&
-                !closestInScope(target, matchesClasses(IGNORE_CONTAINER_CLASSES), cell)) {
+            const targetClickable = this.checkIfClickable(target, cell);
+            if (!focusable && targetClickable) {
                 const args = this.cellClickArgs(cell, row, eventArg);
                 if (!args) {
                     return;

package/dist/fesm5/index.js

@@ -33,7 +33,7 @@ var packageMetadata = {
     name: '@progress/kendo-angular-treelist',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1643110609,
+    publishDate: 1645787908,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -7990,7 +7990,11 @@ var NON_DATA_ROW_CLASSES = 'k-grouping-row k-group-footer k-detail-row k-grid-no
 /**
  * @hidden
  */
-var IGNORE_TARGET_CLASSSES = 'k-icon';
+var EMPTY_ICON_CLASS = 'k-i-none';
+/**
+ * @hidden
+ */
+var ICON_CLASS = 'k-icon';
 /**
  * @hidden
  */
@@ -16067,8 +16071,16 @@ var TableBodyComponent = /** @class */ (function () {
             };
         }
     };
+    TableBodyComponent.prototype.checkIfClickable = function (target, cell) {
+        return !matchesNodeName('label')(target) &&
+            (!hasClasses(target, ICON_CLASS) || hasClasses(target, EMPTY_ICON_CLASS)) &&
+            !closestInScope(target, matchesClasses(IGNORE_CONTAINER_CLASSES), cell);
+    };
     TableBodyComponent.prototype.clickHandler = function (eventArg) {
         var _this = this;
+        if (eventArg.button && eventArg.button !== 0) {
+            return;
+        }
         var target = eventArg.target;
         var _a = this.targetElements(target), cell = _a.cell, row = _a.row;
         if (cell && !hasClasses(cell, NON_DATA_CELL_CLASSES) &&
@@ -16078,8 +16090,8 @@ var TableBodyComponent = /** @class */ (function () {
             }
             this.editService.preventCellClose();
             var focusable = target !== cell && isFocusableWithTabKey(target, false);
-            if (!focusable && !matchesNodeName('label')(target) && !hasClasses(target, IGNORE_TARGET_CLASSSES) &&
-                !closestInScope(target, matchesClasses(IGNORE_CONTAINER_CLASSES), cell)) {
+            var targetClickable = this.checkIfClickable(target, cell);
+            if (!focusable && targetClickable) {
                 var args_1 = this.cellClickArgs(cell, row, eventArg);
                 if (!args_1) {
                     return;

package/dist/npm/package-metadata.js

@@ -11,7 +11,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-angular-treelist',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1643110609,
+    publishDate: 1645787908,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/dist/npm/rendering/constants.js

@@ -15,7 +15,11 @@ exports.NON_DATA_ROW_CLASSES = 'k-grouping-row k-group-footer k-detail-row k-gri
 /**
  * @hidden
  */
-exports.IGNORE_TARGET_CLASSSES = 'k-icon';
+exports.EMPTY_ICON_CLASS = 'k-i-none';
+/**
+ * @hidden
+ */
+exports.ICON_CLASS = 'k-icon';
 /**
  * @hidden
  */

package/dist/npm/rendering/table-body.component.js

@@ -213,8 +213,16 @@ var TableBodyComponent = /** @class */ (function () {
             };
         }
     };
+    TableBodyComponent.prototype.checkIfClickable = function (target, cell) {
+        return !dom_queries_1.matchesNodeName('label')(target) &&
+            (!dom_queries_1.hasClasses(target, constants_1.ICON_CLASS) || dom_queries_1.hasClasses(target, constants_1.EMPTY_ICON_CLASS)) &&
+            !dom_queries_1.closestInScope(target, dom_queries_1.matchesClasses(constants_1.IGNORE_CONTAINER_CLASSES), cell);
+    };
     TableBodyComponent.prototype.clickHandler = function (eventArg) {
         var _this = this;
+        if (eventArg.button && eventArg.button !== 0) {
+            return;
+        }
         var target = eventArg.target;
         var _a = this.targetElements(target), cell = _a.cell, row = _a.row;
         if (cell && !dom_queries_1.hasClasses(cell, constants_1.NON_DATA_CELL_CLASSES) &&
@@ -224,8 +232,8 @@ var TableBodyComponent = /** @class */ (function () {
             }
             this.editService.preventCellClose();
             var focusable = target !== cell && dom_queries_1.isFocusableWithTabKey(target, false);
-            if (!focusable && !dom_queries_1.matchesNodeName('label')(target) && !dom_queries_1.hasClasses(target, constants_1.IGNORE_TARGET_CLASSSES) &&
-                !dom_queries_1.closestInScope(target, dom_queries_1.matchesClasses(constants_1.IGNORE_CONTAINER_CLASSES), cell)) {
+            var targetClickable = this.checkIfClickable(target, cell);
+            if (!focusable && targetClickable) {
                 var args_1 = this.cellClickArgs(cell, row, eventArg);
                 if (!args_1) {
                     return;