Angular Filter Dependencies and Standalone Utilities
This article explores the utilities provided by the Kendo UI for Angular Filter for standalone components and the required dependencies for the package.
Kendo Filter Utility Array
The concept of standalone components in Angular enables you to import only the components and directives in use.
For convenience, all Filter components and directives are logically combined into a single utility array that you can directly import in your standalone component. At the same time, you can still import individual components, directives, and pipes from the Filter API.
The Kendo UI for Angular Filter package exports only the
KENDO_FILTERutility array that enables the entire feature set of the component.
import { Component } from '@angular/core';
import { KENDO_FILTER } from '@progress/kendo-angular-filter';
@Component({
standalone: true,
selector: 'my-app',
imports: [KENDO_FILTER]
})Kendo Angular Filter Dependencies
The following table lists the required dependencies that the Filter package needs to work as expected.
| Package Name | Description |
|---|---|
| @angular/common | Provides the commonly-needed services, pipes, and directives provided by the Angular team. For more information, refer to the official Angular documentation. |
| @angular/core | Contains critical runtime parts of the Angular framework that are needed by every application. For more information, refer to the official Angular documentation. |
| @progress/kendo-angular-l10n | Provides the globalization features of Kendo UI for Angular. |
| @progress/kendo-angular-label | Contains the Kendo UI for Angular Label components. |
| @progress/kendo-angular-intl | Provides the Kendo UI for Angular services and pipes for the parsing and formatting of dates and numbers. |
| @progress/kendo-angular-common | Contains common utilities that are needed by every Kendo UI for Angular component. |
| @progress/kendo-angular-buttons | Contains the Kendo UI for Angular Buttons components. |
| @progress/kendo-angular-dateinputs | Contains the Kendo UI for Angular Date Inputs components. |
| @progress/kendo-angular-dropdowns | Contains the Kendo UI for Angular Dropdowns components. |
| @progress/kendo-angular-icons | Contains the Kendo UI for Angular Icons. |
| @progress/kendo-angular-inputs | Contains the Kendo UI for Angular Inputs components. |
| @progress/kendo-angular-popup | Contains the Kendo UI for Angular Popup component. |
| @progress/kendo-angular-treeview | Contains the Kendo UI for Angular TreeView component. |
| @progress/kendo-data-query | Contains the Kendo UI Data Query utilities for applying sorting, filtering, grouping, and aggregate data operations. |
| @progress/kendo-drawing | Provides the Kendo UI cross-browser library for interactive vector graphics. |
| @progress/kendo-licensing | Contains the kendo-ui-license CLI Tool for license management and the validatePackage function and type definitions that are used by licensed packages. |
| rxjs | Provides the RxJS library for reactive programming which uses Observables for an easier composition of asynchronous or callback-based code. |