# Angular Diagram Dependencies and Standalone Utilities

This article explores the utilities provided by the Kendo UI for Angular Diagram for standalone components and the required dependencies for the package.

## Kendo Angular Diagram Utility Arrays

The concept of standalone components in Angular enables you to import only the components and directives in use.

For convenience, all related Diagram 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 [Diagram API](https://www.telerik.com/kendo-angular-ui-develop/components/diagrams/api).

For example, the `KENDO_DIAGRAM` utility array allows you to use the Kendo UI for Angular Diagram and all its features in your standalone component.

```ts
import { Component } from '@angular/core';
import { KENDO_DIAGRAM } from '@progress/kendo-angular-diagrams';

@Component({
    standalone: true,
    selector: 'my-app',
    imports: [KENDO_DIAGRAM]
})
```

The following table lists the exported utility arrays that you can import in your standalone Angular project.

| Utility Array                                                                                             | Includes                                     |
| :-------------------------------------------------------------------------------------------------------- | :------------------------------------------- |
| [`KENDO_DIAGRAM`](https://www.telerik.com/kendo-angular-ui-develop/components/diagrams/api/kendo_diagram) | Diagram component and all related directives |

## Kendo Angular Diagram Dependencies

The following table lists the required dependencies that the Diagram package needs to work as expected.

| Package Name                      | Description                                                                                                                                                                                                                |
| :-------------------------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| @angular/animations               | Contains the library of Angular animations. For more information, refer to the [official Angular documentation](https://angular.dev/tools/libraries##angular-packages).                                                    |
| @angular/common                   | Provides the commonly-needed services, pipes, and directives provided by the Angular team. For more information, refer to the [official Angular documentation](https://angular.dev/tools/libraries##angular-packages).     |
| @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](https://angular.dev/tools/libraries##angular-packages). |
| @angular/platform-browser         | Provides services for running Angular applications in a browser environment. For more information, refer to the [official Angular documentation](https://angular.dev/tools/libraries##angular-packages).                   |
| @progress/kendo-angular-buttons   | Contains the Kendo UI for Angular Button components.                                                                                                                                                                       |
| @progress/kendo-angular-common    | Contains common utilities that are needed by every Kendo UI for Angular component.                                                                                                                                         |
| @progress/kendo-angular-dialog    | Contains the Kendo UI for Angular Dialog components.                                                                                                                                                                       |
| @progress/kendo-angular-dropdowns | Contains the Kendo UI for Angular Dropdown components.                                                                                                                                                                     |
| @progress/kendo-angular-editor    | Provides the rich-text editor used by the Diagram Editor.                                                                                                                                                                  |
| @progress/kendo-angular-icons     | Contains the Kendo UI for Angular Icon components.                                                                                                                                                                         |
| @progress/kendo-angular-inputs    | Contains the Kendo UI for Angular Input components.                                                                                                                                                                        |
| @progress/kendo-angular-l10n      | Contains localization services used by the Diagram Editor.                                                                                                                                                                 |
| @progress/kendo-angular-popup     | Contains the Kendo UI for Angular Popup components.                                                                                                                                                                        |
| @progress/kendo-angular-toolbar   | Contains the Kendo UI for Angular Toolbar components used by the Diagram Editor.                                                                                                                                           |
| @progress/kendo-drawing           | Contains the Kendo UI Drawing library for SVG and Canvas rendering capabilities.                                                                                                                                           |
| @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.                                                                                |

## Learning Resources

* [Diagram Overview](https://www.telerik.com/kendo-angular-ui-develop/components/diagrams)
* [Diagram Shapes](https://www.telerik.com/kendo-angular-ui-develop/components/diagrams/shapes)
* [Diagram Connections](https://www.telerik.com/kendo-angular-ui-develop/components/diagrams/connections)
* [Diagram Layouts](https://www.telerik.com/kendo-angular-ui-develop/components/diagrams/layouts)
* [API Reference of the Angular Diagram](https://www.telerik.com/kendo-angular-ui-develop/components/diagrams/api)
* [Get Started with Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui-develop/components/getting-started)
* [Using Kendo UI for Angular with Angular CLI](https://www.telerik.com/kendo-angular-ui-develop/components/installation/angular-cli)
* [Styling Overview](https://www.telerik.com/kendo-angular-ui-develop/components/styling)
* [Theme Builder](https://www.telerik.com/kendo-angular-ui-develop/components/styling/theme-builder)
* [Customizing the Themes](https://www.telerik.com/kendo-angular-ui-develop/components/styling/custom-themes)
* [Activating Your License Key](https://www.telerik.com/kendo-angular-ui-develop/components/licensing)
* [Video Courses](https://www.telerik.com/kendo-angular-ui-develop/components/getting-started/video-onboarding)