rename Flow to FlowConfig

Author: Quentigus

README.md

@@ -11,7 +11,7 @@ The purpose of this package is to create a wrapper for Angular for fileupload us
 
 [https://stackblitz.com/edit/ngx-flow-example](https://stackblitz.com/edit/ngx-flow-example)
 
-You can also find example source code in the `src` folder.
+You can also find example source code in the `projects/ngx-flow-demo` folder.
 
 ## Roadmap
 
@@ -33,22 +33,28 @@ You can also find example source code in the `src` folder.
 
 ## Compatibility
 
-| Angular | @flowjs/ngx-flow |
-| :-----: | :--------------: |
-| 19      | ^19.0.0 |
-| 18      | ^18.0.0 |
-| 17      | 0.8.1   |
-| 16      | 0.7.2   |
-| 15      | \-      |
-| 14      | 0.6.0   |
-| 13      | 0.5.0   |
-| 12      | \-      |
-| 6 -> 11 | 0.4.6   |
+From the v18, we aligned the main version of this library with Angular (and Angular CLI).
+
+For previous versions, use the matrix below:
+
+| Angular | @flowjs/ngx-flow  |
+| :-----: | :---------------: |
+| 17      | 0.8.1             |
+| 16      | 0.7.2             |
+| 15      | _(not available)_ |
+| 14      | 0.6.0             |
+| 13      | 0.5.0             |
+| 12      | _(not available)_ |
+| 6 -> 11 | 0.4.6             |
 
 
 ## Install
 
-`npm install @flowjs/flow.js @flowjs/ngx-flow`
+Install dependencies :
+
+```bash
+npm install @flowjs/flow.js @flowjs/ngx-flow
+```
 
 Import in your module:
 

projects/ngx-flow-demo/src/app/app.component.ts

@@ -1,6 +1,6 @@
 import { AsyncPipe, DecimalPipe, NgClass, PercentPipe } from '@angular/common';
 import { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, inject, OnDestroy, ViewChild } from '@angular/core';
-import { Flow, FlowButton, FlowDrop, FlowSrc } from '@flowjs/ngx-flow';
+import { FlowButton, FlowConfig, FlowDrop, FlowSrc } from '@flowjs/ngx-flow';
 import { Subscription } from 'rxjs';
 
 @Component({
@@ -13,7 +13,7 @@ import { Subscription } from 'rxjs';
 
     // NgxFlowModule,
 
-    Flow,
+    FlowConfig,
     FlowDrop,
     FlowSrc,
     FlowButton
@@ -26,7 +26,7 @@ export class AppComponent implements AfterViewInit, OnDestroy {
 
   private cd = inject(ChangeDetectorRef);
 
-  @ViewChild('flow', { static: false }) flow?: Flow;
+  @ViewChild('flow', { static: false }) flow?: FlowConfig;
 
   autoUploadSubscription?: Subscription;
 

projects/ngx-flow/src/lib/flow.directive.ts

@@ -21,7 +21,7 @@ export interface NgxFlowEvent {
   selector: '[flowConfig]',
   exportAs: 'flow'
 })
-export class Flow {
+export class FlowConfig {
 
   protected flowConstructor = inject(FlowInjectionToken);
   protected platform = inject(PLATFORM_ID);

projects/ngx-flow/src/lib/ngx-flow.module.ts

@@ -1,18 +1,18 @@
 import { NgModule } from '@angular/core';
 import { FlowButton } from './button.directive';
 import { FlowDrop } from './drop.directive';
-import { Flow } from './flow.directive';
+import { FlowConfig } from './flow.directive';
 import { FlowSrc } from './src.directive';
 
 const directives = [
   FlowButton,
   FlowSrc,
   FlowDrop,
-  Flow,
+  FlowConfig,
 ];
 
 @NgModule({
   imports: [...directives],
   exports: directives,
 })
-export class NgxFlowModule {}
+export class NgxFlowModule { }