@progress/kendo-angular-dropdowns 6.0.1-dev.202201201129 → 6.0.2-dev.202202171128

package/dist/es2015/multiselect/multiselect.component.d.ts

@@ -245,7 +245,8 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
      */
     clearButton: boolean;
     /**
-     * A user-defined callback function which receives an array of selected data items and maps them to an array of tags.
+     * A user-defined callback function which receives an array of selected data items and maps them to an array of tags
+     * ([see examples]({% slug summarytagmode_multiselect %}#toc-rendering-of-tags)).
      *
      * @param { Any[] } dataItems - The selected data items from the list.
      * @returns { Any[] } - The tags that will be rendered by the component.

package/dist/es2015/multiselect/multiselect.component.js

@@ -120,7 +120,8 @@ let MultiSelectComponent = MultiSelectComponent_1 = class MultiSelectComponent {
          */
         this.clearButton = true;
         /**
-         * A user-defined callback function which receives an array of selected data items and maps them to an array of tags.
+         * A user-defined callback function which receives an array of selected data items and maps them to an array of tags
+         * ([see examples]({% slug summarytagmode_multiselect %}#toc-rendering-of-tags)).
          *
          * @param { Any[] } dataItems - The selected data items from the list.
          * @returns { Any[] } - The tags that will be rendered by the component.

package/dist/es2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-dropdowns',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1642677856,
+    publishDate: 1645097139,
     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/fesm2015/index.js

@@ -23,7 +23,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-dropdowns',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1642677856,
+    publishDate: 1645097139,
     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'
 };
@@ -6232,7 +6232,7 @@ __decorate([
 __decorate([
     HostListener('click', ['$event']),
     __metadata("design:type", Function),
-    __metadata("design:paramtypes", [MouseEvent]),
+    __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", void 0)
 ], DropDownListComponent.prototype, "click", null);
 DropDownListComponent = DropDownListComponent_1 = __decorate([
@@ -6627,7 +6627,8 @@ let MultiSelectComponent = MultiSelectComponent_1 = class MultiSelectComponent {
          */
         this.clearButton = true;
         /**
-         * A user-defined callback function which receives an array of selected data items and maps them to an array of tags.
+         * A user-defined callback function which receives an array of selected data items and maps them to an array of tags
+         * ([see examples]({% slug summarytagmode_multiselect %}#toc-rendering-of-tags)).
          *
          * @param { Any[] } dataItems - The selected data items from the list.
          * @returns { Any[] } - The tags that will be rendered by the component.
@@ -12528,7 +12529,7 @@ class BaseCheckDirective {
         const level = getHierarchicalItemLevel(item.index);
         const candidate = Object.assign({}, item, { level });
         this.checkedItems.push(candidate);
-        this.checkedKeys.add(valueFrom(candidate, this.valueField));
+        this.checkedKeys.add(this.getKey(candidate));
     }
     removeItem(item) {
         if (!this.isItemChecked(item)) {
@@ -12538,14 +12539,28 @@ class BaseCheckDirective {
         const candidate = Object.assign({}, item, { level });
         this.checkedItems = this.checkedItems
             .filter(item => valueFrom(item, this.valueField) !== valueFrom(candidate, this.valueField));
-        this.checkedKeys.delete(valueFrom(candidate, this.valueField));
+        this.checkedKeys.delete(this.getKey(candidate));
     }
     isItemChecked(item) {
-        return this.checkedKeys.has(valueFrom(item, this.valueField));
+        const level = item.index.split('_').length - 1;
+        item.level = level;
+        return this.checkedKeys.has(this.getKey(item));
     }
     updateItems() {
         this.checkedItems = this.checkedItems || [];
-        this.checkedKeys = new Set(this.checkedItems.map(item => valueFrom(item, this.valueField)));
+        this.checkedKeys = new Set(this.checkedItems.map(item => this.getKey(item)));
+    }
+    /**
+     * Adds the item's depth to the item's value to allow duplicate values on different levels.
+     *
+     * @param item - The checked key.
+     * @returns { string } - A string key consisting of the item's `valueField` value and its depth.
+     */
+    getKey(item) {
+        if (isArray(this.valueField)) {
+            return valueFrom(item, this.valueField) + '_' + item.level;
+        }
+        return valueFrom(item, this.valueField);
     }
 }
 __decorate([

package/dist/fesm5/index.js

@@ -23,7 +23,7 @@ var packageMetadata = {
     name: '@progress/kendo-angular-dropdowns',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1642677856,
+    publishDate: 1645097139,
     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'
 };
@@ -6375,7 +6375,7 @@ var DropDownListComponent = /** @class */ (function () {
     __decorate([
         HostListener('click', ['$event']),
         __metadata("design:type", Function),
-        __metadata("design:paramtypes", [MouseEvent]),
+        __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], DropDownListComponent.prototype, "click", null);
     DropDownListComponent = DropDownListComponent_1 = __decorate([
@@ -6646,7 +6646,8 @@ var MultiSelectComponent = /** @class */ (function () {
          */
         this.clearButton = true;
         /**
-         * A user-defined callback function which receives an array of selected data items and maps them to an array of tags.
+         * A user-defined callback function which receives an array of selected data items and maps them to an array of tags
+         * ([see examples]({% slug summarytagmode_multiselect %}#toc-rendering-of-tags)).
          *
          * @param { Any[] } dataItems - The selected data items from the list.
          * @returns { Any[] } - The tags that will be rendered by the component.
@@ -12384,7 +12385,7 @@ var BaseCheckDirective = /** @class */ (function () {
         var level = getHierarchicalItemLevel(item.index);
         var candidate = __assign({}, item, { level: level });
         this.checkedItems.push(candidate);
-        this.checkedKeys.add(valueFrom(candidate, this.valueField));
+        this.checkedKeys.add(this.getKey(candidate));
     };
     BaseCheckDirective.prototype.removeItem = function (item) {
         var _this = this;
@@ -12395,15 +12396,29 @@ var BaseCheckDirective = /** @class */ (function () {
         var candidate = __assign({}, item, { level: level });
         this.checkedItems = this.checkedItems
             .filter(function (item) { return valueFrom(item, _this.valueField) !== valueFrom(candidate, _this.valueField); });
-        this.checkedKeys.delete(valueFrom(candidate, this.valueField));
+        this.checkedKeys.delete(this.getKey(candidate));
     };
     BaseCheckDirective.prototype.isItemChecked = function (item) {
-        return this.checkedKeys.has(valueFrom(item, this.valueField));
+        var level = item.index.split('_').length - 1;
+        item.level = level;
+        return this.checkedKeys.has(this.getKey(item));
     };
     BaseCheckDirective.prototype.updateItems = function () {
         var _this = this;
         this.checkedItems = this.checkedItems || [];
-        this.checkedKeys = new Set(this.checkedItems.map(function (item) { return valueFrom(item, _this.valueField); }));
+        this.checkedKeys = new Set(this.checkedItems.map(function (item) { return _this.getKey(item); }));
+    };
+    /**
+     * Adds the item's depth to the item's value to allow duplicate values on different levels.
+     *
+     * @param item - The checked key.
+     * @returns { string } - A string key consisting of the item's `valueField` value and its depth.
+     */
+    BaseCheckDirective.prototype.getKey = function (item) {
+        if (isArray(this.valueField)) {
+            return valueFrom(item, this.valueField) + '_' + item.level;
+        }
+        return valueFrom(item, this.valueField);
     };
     __decorate([
         Input(),

package/dist/npm/dropdownlist/dropdownlist.component.js

@@ -1613,7 +1613,7 @@ var DropDownListComponent = /** @class */ (function () {
     tslib_1.__decorate([
         core_1.HostListener('click', ['$event']),
         tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", [MouseEvent]),
+        tslib_1.__metadata("design:paramtypes", [Object]),
         tslib_1.__metadata("design:returntype", void 0)
     ], DropDownListComponent.prototype, "click", null);
     DropDownListComponent = DropDownListComponent_1 = tslib_1.__decorate([

package/dist/npm/dropdowntrees/checked-state/base-check.directive.js

@@ -22,7 +22,7 @@ var BaseCheckDirective = /** @class */ (function () {
         var level = util_1.getHierarchicalItemLevel(item.index);
         var candidate = tslib_1.__assign({}, item, { level: level });
         this.checkedItems.push(candidate);
-        this.checkedKeys.add(util_1.valueFrom(candidate, this.valueField));
+        this.checkedKeys.add(this.getKey(candidate));
     };
     BaseCheckDirective.prototype.removeItem = function (item) {
         var _this = this;
@@ -33,15 +33,29 @@ var BaseCheckDirective = /** @class */ (function () {
         var candidate = tslib_1.__assign({}, item, { level: level });
         this.checkedItems = this.checkedItems
             .filter(function (item) { return util_1.valueFrom(item, _this.valueField) !== util_1.valueFrom(candidate, _this.valueField); });
-        this.checkedKeys.delete(util_1.valueFrom(candidate, this.valueField));
+        this.checkedKeys.delete(this.getKey(candidate));
     };
     BaseCheckDirective.prototype.isItemChecked = function (item) {
-        return this.checkedKeys.has(util_1.valueFrom(item, this.valueField));
+        var level = item.index.split('_').length - 1;
+        item.level = level;
+        return this.checkedKeys.has(this.getKey(item));
     };
     BaseCheckDirective.prototype.updateItems = function () {
         var _this = this;
         this.checkedItems = this.checkedItems || [];
-        this.checkedKeys = new Set(this.checkedItems.map(function (item) { return util_1.valueFrom(item, _this.valueField); }));
+        this.checkedKeys = new Set(this.checkedItems.map(function (item) { return _this.getKey(item); }));
+    };
+    /**
+     * Adds the item's depth to the item's value to allow duplicate values on different levels.
+     *
+     * @param item - The checked key.
+     * @returns { string } - A string key consisting of the item's `valueField` value and its depth.
+     */
+    BaseCheckDirective.prototype.getKey = function (item) {
+        if (util_1.isArray(this.valueField)) {
+            return util_1.valueFrom(item, this.valueField) + '_' + item.level;
+        }
+        return util_1.valueFrom(item, this.valueField);
     };
     tslib_1.__decorate([
         core_1.Input(),

package/dist/npm/multiselect/multiselect.component.js

@@ -122,7 +122,8 @@ var MultiSelectComponent = /** @class */ (function () {
          */
         this.clearButton = true;
         /**
-         * A user-defined callback function which receives an array of selected data items and maps them to an array of tags.
+         * A user-defined callback function which receives an array of selected data items and maps them to an array of tags
+         * ([see examples]({% slug summarytagmode_multiselect %}#toc-rendering-of-tags)).
          *
          * @param { Any[] } dataItems - The selected data items from the list.
          * @returns { Any[] } - The tags that will be rendered by the component.

package/dist/npm/package-metadata.js

@@ -11,7 +11,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-angular-dropdowns',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1642677856,
+    publishDate: 1645097139,
     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'
 };