chore:update version and docs

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/[email protected]` |
+| Angular >= 15   | `npm i --save @ngu/[email protected]` |
 | Angular >= 14   | `npm i --save @ngu/[email protected]`  |
 | Angular >= 13   | `npm i --save @ngu/[email protected]`  |
 | Angular >= 12   | `npm i --save @ngu/[email protected]`  |
@@ -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:

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/[email protected]` |
+| Angular >= 15   | `npm i --save @ngu/[email protected]` |
 | Angular >= 14   | `npm i --save @ngu/[email protected]`  |
 | Angular >= 13   | `npm i --save @ngu/[email protected]`  |
 | Angular >= 12   | `npm i --save @ngu/[email protected]`  |
@@ -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

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",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngu-carousel-example",
-  "version": "7.2.1",
+  "version": "8.0.0",
   "license": "MIT",
   "repository": {
     "type": "git",