Compatibility with Angular versions

[Pankushg]

Hi, is alyle/ui@18 compatible with angular@18 and angular@19?

[Enlcxx]

Hi @Pankushg, Alyle UI supports Angular 18, there is a pending PR for version 19, there are still some bugs before merging.

[Pankushg]

looking forward to angular 19 support too, thanks!

[rizs]

Hello, will be supported Angular 21 in nearly future? I need to update my project's Angular version, but I receive many errors because this package is unsupported by Angular 21. Thanks!

[Enlcxx]

Hello, yes, there will be support. What errors are you experiencing?

[rizs]

Hello Enlcxx! Thank you for the quick response.

I receive these errors at npm install:

npm warn ERESOLVE overriding peer dependency
npm warn While resolving: @alyle/ui@19.0.0
npm warn Found: @angular/core@21.0.4
npm warn node_modules/@angular/core
npm warn @angular/core@"21.0.4" from the root project
npm warn 12 more (@angular-devkit/build-angular, @angular/cdk, ...)
npm warn
npm warn Could not resolve dependency:
npm warn peer @angular/core@"^18.0.0 || ^19.0.0" from @alyle/ui@19.0.0
npm warn node_modules/@alyle/ui
npm warn @alyle/ui@"19.0.0" from the root project
npm warn
npm warn Conflicting peer dependency: @angular/core@19.2.17
npm warn node_modules/@angular/core
npm warn peer @angular/core@"^18.0.0 || ^19.0.0" from @alyle/ui@19.0.0
npm warn node_modules/@alyle/ui
npm warn @alyle/ui@"19.0.0" from the root project
npm warn ERESOLVE overriding peer dependency
npm warn While resolving: @angular/animations@21.0.2
npm warn Found: @angular/core@21.0.4
npm warn node_modules/@angular/core
npm warn @angular/core@"21.0.4" from the root project
npm warn 12 more (@angular-devkit/build-angular, @angular/cdk, ...)

This error at ng update @angular/core@21 @angular/cli@21:

Package "@alyle/ui" has an incompatible peer dependency to "@angular/core" (requires "^18.0.0 || ^19.0.0" (extended), would install "21.0.5").

Error: node_modules/@alyle/ui/button/button.d.ts:3:26 - error TS2307: Cannot find module '@angular/cdk/platform' or its corresponding type declarations.

3 import { Platform } from '@angular/cdk/platform';
~~~~~~~~~~~~~~~~~~~~~~~

Error: node_modules/@alyle/ui/button/button.d.ts:4:43 - error TS2307: Cannot find module '@angular/cdk/a11y' or its corresponding type declarations.

4 import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
~~~~~~~~~~~~~~~~~~~

Error: node_modules/@alyle/ui/button/button.d.ts:5:30 - error TS2307: Cannot find module '@angular/cdk/coercion' or its corresponding type declarations.

5 import { BooleanInput } from '@angular/cdk/coercion';
~~~~~~~~~~~~~~~~~~~~~~~

Error: node_modules/@alyle/ui/checkbox/checkbox.d.ts:5:26 - error TS2307: Cannot find module '@angular/cdk/platform' or its corresponding type declarations.

5 import { Platform } from '@angular/cdk/platform';
~~~~~~~~~~~~~~~~~~~~~~~

Error: node_modules/@alyle/ui/checkbox/checkbox.d.ts:6:30 - error TS2307: Cannot find module '@angular/cdk/coercion' or its corresponding type declarations.

6 import { BooleanInput } from '@angular/cdk/coercion';
~~~~~~~~~~~~~~~~~~~~~~~

Error: node_modules/@alyle/ui/expansion/accordion.d.ts:4:30 - error TS2307: Cannot find module '@angular/cdk/coercion' or its corresponding type declarations.

4 import { BooleanInput } from '@angular/cdk/coercion';
~~~~~~~~~~~~~~~~~~~~~~~

etc

[Enlcxx]

For now, support is being developed for Angular 20, then we'll move on to version 21
#231