@progress/kendo-angular-dropdowns 25.1.1-develop.4 → 25.2.0-develop.10

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

@@ -37,8 +37,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1789370314,
-    version: '25.1.1-develop.4',
+    publishDate: 1789740252,
+    version: '25.2.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -3632,7 +3632,7 @@ class Messages extends ComponentMessages {
      * For example, when adding a custom value **Test**, the default text is **Use "Test"**.
      *
      * You can reorder the custom value and the localizable part by using a placeholder in `useCustomValueText`.
-     * Use `{customValue}` to insert the value, for example, **Add: {customValue}**.
+    * Use `[[customValue]]` to insert the value, for example, **Add: [[customValue]]**.
      */
     set useCustomValueText(value) {
         this._useCustomValueText.set(value);
@@ -6254,9 +6254,16 @@ class ComboBoxComponent extends MultiTabStop {
             .pipe(tap(() => {
             this._filtering = false;
             this.togglePopup(false);
-        }), map((event) => this.dataService.itemAt(event.indices[0])))
-            .subscribe(dataItem => {
-            this.change(dataItem);
+        }))
+            .subscribe((event) => {
+            const index = event.indices[0];
+            // index -1 is the "Use `text`" custom value item, not a data item
+            if (this.allowCustom && index === -1) {
+                this.change(this.text, true);
+            }
+            else {
+                this.change(this.dataService.itemAt(index));
+            }
         }));
         this.subs.add(this.selectionService.onSelect.pipe(filter(() => this.isOpen), tap(() => this._filtering = false), map((event) => this.dataService.itemAt(event.indices[0])))
             .subscribe(dataItem => {
@@ -8315,8 +8322,13 @@ class DropDownListComponent {
     get text() {
         return this._text();
     }
+    set dataItem(value) {
+        this._dataItem.set(value);
+    }
+    get dataItem() {
+        return this._dataItem();
+    }
     direction;
-    dataItem;
     popupRef;
     onTouchedCallback = (_) => { };
     onChangeCallback = (_) => { };
@@ -8359,6 +8371,7 @@ class DropDownListComponent {
     _size = signal(undefined, ...(ngDevMode ? [{ debugName: "_size" }] : []));
     _rounded = signal(undefined, ...(ngDevMode ? [{ debugName: "_rounded" }] : []));
     _fillMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_fillMode" }] : []));
+    _dataItem = signal(undefined, ...(ngDevMode ? [{ debugName: "_dataItem" }] : []));
     constructor(wrapper, localization, popupService, selectionService, navigationService, disabledItemsService, dataService, _zone, renderer, cdr, injector, adaptiveService) {
         this.wrapper = wrapper;
         this.localization = localization;
@@ -8681,7 +8694,7 @@ class DropDownListComponent {
         }
     }
     updateState({ dataItem, confirm = false }) {
-        this.dataItem = dataItem;
+        this._dataItem.set(dataItem);
         this._text.set(getter(dataItem, this.textField));
         if (confirm) {
             this._previousDataItem = dataItem;
@@ -8689,7 +8702,7 @@ class DropDownListComponent {
     }
     clearState() {
         this._text.set(undefined);
-        this.dataItem = undefined;
+        this._dataItem.set(undefined);
     }
     resetSelection(index) {
         const clear = !isPresent(index);
@@ -8831,8 +8844,8 @@ class DropDownListComponent {
     }
     currentOrDefault(selectedIndex) {
         const defaultItemIndex = -1;
-        if (isPresent(this.dataItem) && selectedIndex !== defaultItemIndex) {
-            return this.dataItem;
+        if (isPresent(this._dataItem()) && selectedIndex !== defaultItemIndex) {
+            return this._dataItem();
         }
         else {
             return this.defaultItem;
@@ -9891,7 +9904,14 @@ class TagListComponent {
         }
         else if (this.valueDepth) {
             const depth = this.valueDepth[index];
-            return fieldsCount < depth ? prop[fieldsCount] : prop[depth];
+            const depthField = fieldsCount < depth ? prop[fieldsCount] : prop[depth];
+            if (!isObject(tag)) {
+                return depthField;
+            }
+            if (isPresent(depthField) && depthField in tag) {
+                return depthField;
+            }
+            return prop.find(item => item in tag) || depthField;
         }
         else {
             return prop.find(item => item in tag);

package/index.d.ts

@@ -2571,8 +2571,9 @@ declare class DropDownListComponent implements ControlValueAccessor, AfterViewIn
     set isFocused(isFocused: boolean);
     get isFocused(): boolean;
     get text(): string;
+    set dataItem(value: any);
+    get dataItem(): any;
     direction: Direction;
-    dataItem: any;
     popupRef: PopupRef;
     protected onTouchedCallback: Function;
     protected onChangeCallback: Function;
@@ -2615,6 +2616,7 @@ declare class DropDownListComponent implements ControlValueAccessor, AfterViewIn
     private _size;
     private _rounded;
     private _fillMode;
+    private _dataItem;
     constructor(wrapper: ElementRef, localization: LocalizationService, popupService: PopupService, selectionService: SelectionService, navigationService: NavigationService, disabledItemsService: DisabledItemsService, dataService: DataService, _zone: NgZone, renderer: Renderer2, cdr: ChangeDetectorRef, injector: Injector, adaptiveService: AdaptiveService);
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -5536,7 +5538,7 @@ declare class Messages extends ComponentMessages {
      * For example, when adding a custom value **Test**, the default text is **Use "Test"**.
      *
      * You can reorder the custom value and the localizable part by using a placeholder in `useCustomValueText`.
-     * Use `{customValue}` to insert the value, for example, **Add: {customValue}**.
+    * Use `[[customValue]]` to insert the value, for example, **Add: [[customValue]]**.
      */
     set useCustomValueText(value: string);
     get useCustomValueText(): string;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1789370314,
-  "version": "25.1.1-develop.4",
+  "publishDate": 1789740252,
+  "version": "25.2.0-develop.10",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dropdowns",
-  "version": "25.1.1-develop.4",
+  "version": "25.2.0-develop.10",
   "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": 1789370314,
+      "publishDate": 1789740252,
       "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.1.1-develop.4",
-    "@progress/kendo-angular-utils": "25.1.1-develop.4",
-    "@progress/kendo-angular-l10n": "25.1.1-develop.4",
-    "@progress/kendo-angular-navigation": "25.1.1-develop.4",
-    "@progress/kendo-angular-popup": "25.1.1-develop.4",
-    "@progress/kendo-angular-icons": "25.1.1-develop.4",
-    "@progress/kendo-angular-inputs": "25.1.1-develop.4",
-    "@progress/kendo-angular-treeview": "25.1.1-develop.4",
+    "@progress/kendo-angular-common": "25.2.0-develop.10",
+    "@progress/kendo-angular-utils": "25.2.0-develop.10",
+    "@progress/kendo-angular-l10n": "25.2.0-develop.10",
+    "@progress/kendo-angular-navigation": "25.2.0-develop.10",
+    "@progress/kendo-angular-popup": "25.2.0-develop.10",
+    "@progress/kendo-angular-icons": "25.2.0-develop.10",
+    "@progress/kendo-angular-inputs": "25.2.0-develop.10",
+    "@progress/kendo-angular-treeview": "25.2.0-develop.10",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "25.1.1-develop.4",
+    "@progress/kendo-angular-schematics": "25.2.0-develop.10",
     "@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.1.1-develop.4',
+            '@progress/kendo-angular-inputs': '25.2.0-develop.10',
             // peers of inputs
-            '@progress/kendo-angular-intl': '25.1.1-develop.4',
+            '@progress/kendo-angular-intl': '25.2.0-develop.10',
             '@progress/kendo-drawing': '^1.17.2',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^4.0.0'