diff --git a/README.md b/README.md index d1fd0aad..fc499484 100644 --- a/README.md +++ b/README.md @@ -26,7 +26,9 @@ Demo available [Here](https://ngu-carousel.netlify.app) | Angular Version | ngu-carousel Version | | --------------- | ----------------------------------- | -| Angular >= 15 | `npm i --save @ngu/carousel@latest` | +| Angular >= 16 standalone | `npm i --save @ngu/carousel@latest` | +| Angular >= 16 | `npm i --save @ngu/carousel@7.2.0` | +| Angular >= 15 | `npm i --save @ngu/carousel@7.0.0` | | Angular >= 14 | `npm i --save @ngu/carousel@6.0.0` | | Angular >= 13 | `npm i --save @ngu/carousel@5.0.0` | | Angular >= 12 | `npm i --save @ngu/carousel@4.0.0` | @@ -39,12 +41,44 @@ Demo available [Here](https://ngu-carousel.netlify.app) 1. Include Carousel needed parts in your module or component (all carousel components and directives are standalone): ```typescript -import { NguCarouselModule } from '@ngu/carousel'; +import { + NguCarousel, + NguCarouselDefDirective, + NguCarouselNextDirective, + NguCarouselPrevDirective, + NguItemComponent +} from '@ngu/carousel'; @NgModule({ - imports: [NguCarousel, NguTileComponent, NguCarouselDefDirective] + imports: [ + NguCarousel, + NguTileComponent, + NguCarousel, + NguCarouselDefDirective, + NguCarouselNextDirective, + NguCarouselPrevDirective, + NguItemComponent + ] }) export class AppModule {} + +OR + +@Component({ + imports: [ + NguCarousel, + NguTileComponent, + NguCarousel, + NguCarouselDefDirective, + NguCarouselNextDirective, + NguCarouselPrevDirective, + NguItemComponent + ], + standalone: true +}) +export class AppComponent {} + + ``` 2. Then use in your component: diff --git a/libs/ngu/carousel/README.md b/libs/ngu/carousel/README.md index 45e0808f..66b5cf12 100644 --- a/libs/ngu/carousel/README.md +++ b/libs/ngu/carousel/README.md @@ -12,7 +12,9 @@ Demo available [Here](https://ngu-carousel.netlify.app/) | Angular Version | ngu-carousel Version | | --------------- | ----------------------------------- | -| Angular >= 15 | `npm i --save @ngu/carousel@latest` | +| Angular >= 16 standalone | `npm i --save @ngu/carousel@latest` | +| Angular >= 16 | `npm i --save @ngu/carousel@7.2.0` | +| Angular >= 15 | `npm i --save @ngu/carousel@7.0.0` | | Angular >= 14 | `npm i --save @ngu/carousel@6.0.0` | | Angular >= 13 | `npm i --save @ngu/carousel@5.0.0` | | Angular >= 12 | `npm i --save @ngu/carousel@4.0.0` | @@ -27,12 +29,43 @@ Demo available [Here](https://ngu-carousel.netlify.app/) Include CarouselModule in your app module: ```javascript -import { NguCarouselModule } from '@ngu/carousel'; +import { + NguCarousel, + NguCarouselDefDirective, + NguCarouselNextDirective, + NguCarouselPrevDirective, + NguItemComponent +} from '@ngu/carousel'; @NgModule({ - imports: [NguCarouselModule] + imports: [ + NguCarousel, + NguTileComponent, + NguCarousel, + NguCarouselDefDirective, + NguCarouselNextDirective, + NguCarouselPrevDirective, + NguItemComponent + ] }) export class AppModule {} + +OR + +@Component({ + imports: [ + NguCarousel, + NguTileComponent, + NguCarousel, + NguCarouselDefDirective, + NguCarouselNextDirective, + NguCarouselPrevDirective, + NguItemComponent + ], + standalone: true +}) +export class AppComponent {} + ``` Now ngu-carousel supports touch with the help of hammerjs diff --git a/libs/ngu/carousel/package.json b/libs/ngu/carousel/package.json index 7ac2aafd..bc6b5d2a 100644 --- a/libs/ngu/carousel/package.json +++ b/libs/ngu/carousel/package.json @@ -1,6 +1,6 @@ { "name": "@ngu/carousel", - "version": "7.2.1", + "version": "8.0.0", "peerDependencies": { "@angular/common": "^16.0.0", "@angular/core": "^16.0.0", diff --git a/package.json b/package.json index 637e90d7..28ed0a3b 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "ngu-carousel-example", - "version": "7.2.1", + "version": "8.0.0", "license": "MIT", "repository": { "type": "git",