Angular Utilities Dependencies and Standalone Utilities
This article explores the utilities provided by the Kendo UI for Angular Utilities for standalone components and the required dependencies for the package.
Kendo Angular Utilities Utility Arrays
The concept of standalone components in Angular enables you to import only the components and directives in use. For convenience, we logically combined related Utilities components and directives into a single utility array that you can directly import in your standalone component.
For example, the KENDO_DRAGANDDROP utility array allows you to use the Kendo UI for Angular Drag and Drop functionality and all its features in your standalone component.
import { Component } from '@angular/core';
import { KENDO_DRAGANDDROP } from '@progress/kendo-angular-utils';
@Component({
standalone: true,
selector: 'my-app',
imports: [KENDO_DRAGANDDROP]
})The following table lists the exported utility arrays that you can import in your standalone Angular project.
| Utility Array | Includes |
|---|---|
KENDO_DRAGANDDROP | Drag and Drop components and directives |
KENDO_UTILS | All Utilities components and directives. As of now, KENDO_UTILS includes only the KENDO_DRAGANDDROP utility array and their usage is equivalent. |
Kendo Angular Utilities Dependencies
The following table lists the required dependencies that the Utils 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-common | Contains common utilities that are needed by every Kendo UI for Angular component. |
| @progress/kendo-licensing | Contains the kendo-ui-license CLI utility for license management and the internal infrastructure related to licensing. |
| rxjs | Provides the RxJS library for reactive programming which uses Observables for an easier composition of asynchronous or callback-based code. |