@progress/kendo-angular-dropdowns 25.3.0-develop.9 → 25.3.1-develop.1

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

@@ -37,8 +37,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1791302004,
-    version: '25.3.0-develop.9',
+    publishDate: 1791447311,
+    version: '25.3.1-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -10120,6 +10120,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.32", ngImpo
                 args: ['attr.aria-orientation']
             }] } });
 
+const defaultTagMapper = (tags) => tags || [];
 const MULTISELECT_VALUE_ACCESSOR = {
     multi: true,
     provide: NG_VALUE_ACCESSOR,
@@ -10689,11 +10690,14 @@ class MultiSelectComponent {
     /**
      * Sets a function that transforms selected data items into display tags.
      * Use this to customize how selected items appear as tags.
+     * An explicitly set numeric `summaryTagAfter` value takes precedence over the `tagMapper`.
      *
      * @default (tags) => tags || []
      */
     set tagMapper(fn) { this._tagMapper.set(fn); }
-    get tagMapper() { return this._tagMapper(); }
+    get tagMapper() {
+        return this.isCustomTagMapperActive ? this._tagMapper() : this.summaryTagMapper;
+    }
     /**
      * Allows users to add custom values not present in the data source.
      * Set to `true` to enable custom value input.
@@ -10874,6 +10878,16 @@ class MultiSelectComponent {
             : pageData;
         return data;
     }
+    get isCustomTagMapperActive() {
+        return this._tagMapper() !== defaultTagMapper && !isPresent(this.summaryTagAfter);
+    }
+    get effectiveSummaryTagAfter() {
+        if (this.summaryTagAfter !== undefined) {
+            return this.summaryTagAfter;
+        }
+        const selectAllSummaryTagAfter = 10;
+        return this.selectAll ? selectAllSummaryTagAfter : null;
+    }
     _focusedTagIndex = signal(undefined, ...(ngDevMode ? [{ debugName: "_focusedTagIndex" }] : []));
     constructor(wrapper, localization, popupService, dataService, selectionService, navigationService, disabledItemsService, cdr, differs, renderer, _zone, injector, adaptiveService) {
         this.wrapper = wrapper;
@@ -11242,9 +11256,6 @@ class MultiSelectComponent {
         if (isChanged('valueNormalizer', changes)) {
             this.createCustomValueStream();
         }
-        if (anyChanged(['selectAll', 'summaryTagAfter'], changes, false)) {
-            this.refreshSummaryTagMapper();
-        }
         if (anyChanged(['textField', 'valueField', 'valuePrimitive', 'selectAll', 'summaryTagAfter'], changes)) {
             this.setState(this.value);
         }
@@ -11372,7 +11383,7 @@ class MultiSelectComponent {
     _readonly = signal(false, ...(ngDevMode ? [{ debugName: "_readonly" }] : []));
     _filterable = signal(false, ...(ngDevMode ? [{ debugName: "_filterable" }] : []));
     _clearButton = signal(true, ...(ngDevMode ? [{ debugName: "_clearButton" }] : []));
-    _tagMapper = signal((tags) => tags || [], ...(ngDevMode ? [{ debugName: "_tagMapper" }] : []));
+    _tagMapper = signal(defaultTagMapper, ...(ngDevMode ? [{ debugName: "_tagMapper" }] : []));
     _allowCustom = signal(false, ...(ngDevMode ? [{ debugName: "_allowCustom" }] : []));
     _valueNormalizer = signal((text) => text.pipe(map((userInput) => {
         const comparer = (item) => typeof item === 'string' && userInput.toLowerCase() === item.toLowerCase();
@@ -11403,6 +11414,18 @@ class MultiSelectComponent {
     direction;
     differ;
     valueChangeDetected;
+    summaryTagMapper = (tags) => {
+        const showAfter = this.effectiveSummaryTagAfter;
+        if (!tags || showAfter === null) {
+            return defaultTagMapper(tags);
+        }
+        if (tags.length > showAfter) {
+            const result = tags.slice(0, showAfter);
+            result.push(tags.slice(showAfter, tags.length));
+            return result;
+        }
+        return tags.slice ? tags.slice() : tags;
+    };
     subscribeEvents() {
         if (!isDocumentAvailable()) {
             return;
@@ -11949,6 +11972,9 @@ class MultiSelectComponent {
         });
     }
     buildTags(items) {
+        if (this.isCustomTagMapperActive) {
+            return this.tagMapper(items);
+        }
         if (this.allowCustom && this.selectAll && this.valueField) {
             const data = this.getDataItems();
             const dataItemValues = new Set(data.map(item => getter(item, this.valueField)));
@@ -11963,10 +11989,9 @@ class MultiSelectComponent {
                     customItems.push(item);
                 }
             });
-            const hasExplicitSummaryTagAfter = this.summaryTagAfter !== undefined;
             const totalItems = listItems.length + customItems.length;
             const result = [];
-            const effectiveSummaryAfter = hasExplicitSummaryTagAfter ? this.summaryTagAfter : (this.selectAll ? 10 : null);
+            const effectiveSummaryAfter = this.effectiveSummaryTagAfter;
             const shouldCreateSummaryTag = listItems.length > 0 &&
                 (effectiveSummaryAfter !== null && totalItems > effectiveSummaryAfter);
             if (shouldCreateSummaryTag) {
@@ -11994,25 +12019,6 @@ class MultiSelectComponent {
         }
         return this.tagMapper(items);
     }
-    refreshSummaryTagMapper() {
-        const effectiveSummaryAfter = this.summaryTagAfter !== undefined
-            ? this.summaryTagAfter
-            : (this.selectAll ? 10 : null);
-        if (effectiveSummaryAfter !== null) {
-            const showAfter = effectiveSummaryAfter;
-            this.tagMapper = (tags) => {
-                if (tags.length > showAfter) {
-                    const result = tags.slice(0, showAfter);
-                    result.push(tags.slice(showAfter, tags.length));
-                    return result;
-                }
-                return tags.slice ? tags.slice() : tags;
-            };
-        }
-        else {
-            this.tagMapper = (tags) => tags || [];
-        }
-    }
     emitValueChange() {
         this.onChangeCallback(this.value);
         this.valueChange.emit(this.value);

package/index.d.ts

@@ -3244,6 +3244,7 @@ declare class MultiSelectComponent implements OnDestroy, OnChanges, OnInit, DoCh
     /**
      * Sets a function that transforms selected data items into display tags.
      * Use this to customize how selected items appear as tags.
+     * An explicitly set numeric `summaryTagAfter` value takes precedence over the `tagMapper`.
      *
      * @default (tags) => tags || []
      */
@@ -3386,6 +3387,8 @@ declare class MultiSelectComponent implements OnDestroy, OnChanges, OnInit, DoCh
     private get isPartiallySelectedComputed();
     private get hasCustomValueItem();
     private get availableItemsForSelectAll();
+    private get isCustomTagMapperActive();
+    private get effectiveSummaryTagAfter();
     private _focusedTagIndex;
     constructor(wrapper: ElementRef, localization: LocalizationService, popupService: PopupService, dataService: DataService, selectionService: SelectionService, navigationService: NavigationService, disabledItemsService: DisabledItemsService, cdr: ChangeDetectorRef, differs: KeyValueDiffers, renderer: Renderer2, _zone: NgZone, injector: Injector, adaptiveService: AdaptiveService);
     get listContainerClasses(): any[];
@@ -3531,6 +3534,7 @@ declare class MultiSelectComponent implements OnDestroy, OnChanges, OnInit, DoCh
     private direction;
     private differ;
     private valueChangeDetected;
+    private summaryTagMapper;
     private subscribeEvents;
     private subscribeTouchEvents;
     private unsubscribeEvents;
@@ -3580,7 +3584,6 @@ declare class MultiSelectComponent implements OnDestroy, OnChanges, OnInit, DoCh
     private destroyPopup;
     private createPopup;
     private buildTags;
-    private refreshSummaryTagMapper;
     private emitValueChange;
     private resolveDataItemFromTags;
     private firstFocusableIndex;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1791302004,
-  "version": "25.3.0-develop.9",
+  "publishDate": 1791447311,
+  "version": "25.3.1-develop.1",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dropdowns",
-  "version": "25.3.0-develop.9",
+  "version": "25.3.1-develop.1",
   "description": "A wide variety of native Angular dropdown components including AutoComplete, ComboBox, DropDownList, DropDownTree, MultiColumnComboBox, MultiSelect, and MultiSelectTree ",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -132,7 +132,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1791302004,
+      "publishDate": 1791447311,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -143,19 +143,19 @@
     "@angular/forms": "20 - 22",
     "@angular/platform-browser": "20 - 22",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-common": "25.3.0-develop.9",
-    "@progress/kendo-angular-utils": "25.3.0-develop.9",
-    "@progress/kendo-angular-l10n": "25.3.0-develop.9",
-    "@progress/kendo-angular-navigation": "25.3.0-develop.9",
-    "@progress/kendo-angular-popup": "25.3.0-develop.9",
-    "@progress/kendo-angular-icons": "25.3.0-develop.9",
-    "@progress/kendo-angular-inputs": "25.3.0-develop.9",
-    "@progress/kendo-angular-treeview": "25.3.0-develop.9",
+    "@progress/kendo-angular-common": "25.3.1-develop.1",
+    "@progress/kendo-angular-utils": "25.3.1-develop.1",
+    "@progress/kendo-angular-l10n": "25.3.1-develop.1",
+    "@progress/kendo-angular-navigation": "25.3.1-develop.1",
+    "@progress/kendo-angular-popup": "25.3.1-develop.1",
+    "@progress/kendo-angular-icons": "25.3.1-develop.1",
+    "@progress/kendo-angular-inputs": "25.3.1-develop.1",
+    "@progress/kendo-angular-treeview": "25.3.1-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "25.3.0-develop.9",
+    "@progress/kendo-angular-schematics": "25.3.1-develop.1",
     "@progress/kendo-common": "^1.0.1"
   },
   "schematics": "./schematics/collection.json",

package/schematics/ngAdd/index.js

@@ -9,9 +9,9 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'DropDownsModule', package: 'dropdowns', peerDependencies: {
             // peers of the treeview
-            '@progress/kendo-angular-inputs': '25.3.0-develop.9',
+            '@progress/kendo-angular-inputs': '25.3.1-develop.1',
             // peers of inputs
-            '@progress/kendo-angular-intl': '25.3.0-develop.9',
+            '@progress/kendo-angular-intl': '25.3.1-develop.1',
             '@progress/kendo-drawing': '^1.17.2',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^4.0.0'