@progress/kendo-angular-dropdowns 25.0.0-develop.2 → 25.0.0-develop.4

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

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, HostBinding, Input, Component, Directive, Injectable, HostListener, ViewChild, ViewChildren, forwardRef, isDevMode, ViewContainerRef, ContentChild, ContentChildren, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { EventEmitter, Output, HostBinding, Input, Component, Directive, Injectable, HostListener, ViewChild, ViewChildren, forwardRef, isDevMode, ViewContainerRef, ContentChild, ContentChildren, signal, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import * as i10 from '@progress/kendo-angular-common';
 import { isDocumentAvailable, isObjectPresent, removeHTMLAttributes, parseAttributes, isSafari, normalizeKeys, Keys, setHTMLAttributes, replaceMessagePlaceholder, isChanged, TemplateContextDirective, ResizeSensorComponent, closest as closest$1, hasFocusableParent, parseCSSClassNames, isControlRequired, guid, hasObservers, SeparatorComponent, SuffixTemplateDirective, PrefixTemplateDirective, KendoInput, KENDO_WEBMCP_HOST, MultiTabStop, anyChanged, EventsOutsideAngularDirective, scrollbarWidth, ToggleButtonTabStopDirective, ResizeBatchService, KENDO_ADORNMENTS, KENDO_TOGGLEBUTTONTABSTOP } from '@progress/kendo-angular-common';
 export { PrefixTemplateDirective, SeparatorComponent, SuffixTemplateDirective, ToggleButtonTabStopDirective } from '@progress/kendo-angular-common';
@@ -37,8 +37,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1783688631,
-    version: '25.0.0-develop.2',
+    publishDate: 1783940257,
+    version: '25.0.0-develop.4',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -211,6 +211,17 @@ const hasProps = (obj, props) => {
     }
     return props.every(prop => obj.hasOwnProperty(prop));
 };
+/**
+ * @hidden
+ *
+ * Checks whether an array contains grouped data.
+ * GroupResult { aggregates: AggregateResult, field: string, items: object[], value: any }
+ * https://www.telerik.com/kendo-angular-ui/components/dataquery/api/GroupResult/
+ */
+const isGroupedData = (data) => {
+    return isPresent(data) && data.length > 0 && isPresent(data[0])
+        && hasProps(data[0], ['aggregates', 'field', 'items', 'value']);
+};
 /**
  * @hidden
  *
@@ -702,7 +713,7 @@ class SearchBarComponent {
     }
     setInputAttributes() {
         const attributesToRender = Object.assign({}, this.mutableAttributes, this.parsedAttributes);
-        setHTMLAttributes(attributesToRender, this.renderer, this.input.nativeElement, this.ngZone);
+        setHTMLAttributes(attributesToRender, this.renderer, this.input.nativeElement, this.injector);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SearchBarComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: SearchBarComponent, isStandalone: true, selector: "input[kendoSearchbar]", inputs: { tagListId: "tagListId", readonly: "readonly", disabled: "disabled", isRequired: "isRequired", isSuggestable: "isSuggestable", isFilterable: "isFilterable", userInput: "userInput", suggestedText: "suggestedText", inputAttributes: "inputAttributes", id: "id", activeDescendant: "activeDescendant", tabIndex: "tabIndex", isLoading: "isLoading", ariaControls: "ariaControls", ariaExpanded: "ariaExpanded", placeholder: "placeholder" }, outputs: { valueChange: "valueChange", onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", onNavigate: "onNavigate" }, host: { properties: { "attr.id": "this.id", "attr.aria-activedescendant": "this.activeDescendant", "attr.tabindex": "this.tabIndex", "attr.aria-busy": "this.isLoading", "attr.aria-controls": "this.ariaControls", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-invalid": "this.attrAriaInvalid", "attr.placeholder": "this.placeholder", "attr.role": "this.role", "attr.dir": "this.dir" } }, usesOnChanges: true, ngImport: i0, template: ``, isInline: true });
@@ -1058,9 +1069,7 @@ class DataService {
      * Used to determine if the component received grouped data.
      */
     isGrouped(data) {
-        // GroupResult { aggregates: AggregateResult, field: string, items: object[], value: any }
-        // https://www.telerik.com/kendo-angular-ui/components/dataquery/api/GroupResult/
-        return (isPresent(data) && data.length !== 0) && isPresent(data[0]) && hasProps(data[0], ['aggregates', 'field', 'items', 'value']);
+        return isGroupedData(data);
     }
     /**
      * @hidden
@@ -13337,7 +13346,12 @@ class DropDownTreeComponent {
     get isFilterActive() {
         return this.filterInput && document.activeElement === this.filterInput.nativeElement;
     }
-    popupRef;
+    set popupRef(value) {
+        this._popupRef.set(value);
+    }
+    get popupRef() {
+        return this._popupRef();
+    }
     /**
      * @hidden
      */
@@ -13492,6 +13506,7 @@ class DropDownTreeComponent {
     _size;
     _rounded;
     _fillMode;
+    _popupRef = signal(null, ...(ngDevMode ? [{ debugName: "_popupRef" }] : []));
     _searchableNodes = [];
     _typedValue = '';
     printableCharacters = new Subject();
@@ -17881,7 +17896,6 @@ const DEFAULT_FILTER_SETTINGS = {
 /**
  * Implements an event handler for the `filterChange` event of a DropDowns component
  * which performs simple data filtering.
- * Currently, the built-in filtering does not work with [grouped data](https://www.telerik.com/kendo-angular-ui/components/data-query/api/groupby).
  *
  * @example
  * ```ts
@@ -17941,7 +17955,14 @@ class FilterDirective {
         }
     }
     handleFilterChange(query) {
-        this.component.data = this.data.filter(item => this.matchesAnyField(item, query));
+        if (isGroupedData(this.data)) {
+            this.component.data = this.data
+                .map(group => ({ ...group, items: group.items.filter(item => this.matchesAnyField(item, query)) }))
+                .filter(group => group.items.length > 0);
+        }
+        else {
+            this.component.data = this.data.filter(item => this.matchesAnyField(item, query));
+        }
     }
     matchesAnyField(item, query) {
         const normalizedQuery = this.normalizeValue(query);

package/index.d.ts

@@ -3919,7 +3919,8 @@ declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChanges, Aft
     get isOpen(): boolean;
     get clearButtonVisibility(): string;
     private get isFilterActive();
-    popupRef: PopupRef;
+    set popupRef(value: PopupRef);
+    get popupRef(): PopupRef;
     /**
      * @hidden
      */
@@ -4041,6 +4042,7 @@ declare class DropDownTreeComponent implements OnInit, OnDestroy, OnChanges, Aft
     private _size;
     private _rounded;
     private _fillMode;
+    private _popupRef;
     private _searchableNodes;
     private _typedValue;
     private printableCharacters;
@@ -5518,7 +5520,6 @@ interface DropDownFilterSettings {
 /**
  * Implements an event handler for the `filterChange` event of a DropDowns component
  * which performs simple data filtering.
- * Currently, the built-in filtering does not work with [grouped data](https://www.telerik.com/kendo-angular-ui/components/data-query/api/groupby).
  *
  * @example
  * ```ts

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1783688631,
-  "version": "25.0.0-develop.2",
+  "publishDate": 1783940257,
+  "version": "25.0.0-develop.4",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dropdowns",
-  "version": "25.0.0-develop.2",
+  "version": "25.0.0-develop.4",
   "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",
@@ -121,7 +121,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1783688631,
+      "publishDate": 1783940257,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -132,18 +132,18 @@
     "@angular/forms": "20 - 22",
     "@angular/platform-browser": "20 - 22",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-common": "25.0.0-develop.2",
-    "@progress/kendo-angular-utils": "25.0.0-develop.2",
-    "@progress/kendo-angular-l10n": "25.0.0-develop.2",
-    "@progress/kendo-angular-navigation": "25.0.0-develop.2",
-    "@progress/kendo-angular-popup": "25.0.0-develop.2",
-    "@progress/kendo-angular-icons": "25.0.0-develop.2",
-    "@progress/kendo-angular-treeview": "25.0.0-develop.2",
+    "@progress/kendo-angular-common": "25.0.0-develop.4",
+    "@progress/kendo-angular-utils": "25.0.0-develop.4",
+    "@progress/kendo-angular-l10n": "25.0.0-develop.4",
+    "@progress/kendo-angular-navigation": "25.0.0-develop.4",
+    "@progress/kendo-angular-popup": "25.0.0-develop.4",
+    "@progress/kendo-angular-icons": "25.0.0-develop.4",
+    "@progress/kendo-angular-treeview": "25.0.0-develop.4",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "25.0.0-develop.2",
+    "@progress/kendo-angular-schematics": "25.0.0-develop.4",
     "@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.0.0-develop.2',
+            '@progress/kendo-angular-inputs': '25.0.0-develop.4',
             // peers of inputs
-            '@progress/kendo-angular-intl': '25.0.0-develop.2',
+            '@progress/kendo-angular-intl': '25.0.0-develop.4',
             '@progress/kendo-drawing': '^1.17.2',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^4.0.0'