feat:🎸 add generator to start on the first screen what collect all da…

…ta from iban country email

ftx-demo/src/lib/components/contentSteps/revolut/infoDestination/info-destination.component.html

@@ -0,0 +1 @@
+<coagulu-ftx-ftm [dataSource]="jsonData" />

ftx-demo/src/lib/components/contentSteps/revolut/infoDestination/info-destination.component.spec.ts

@@ -0,0 +1,21 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { InfoDestinationComponent } from './info-destination.component';
+
+describe('InfoDestinationComponent', () => {
+  let component: InfoDestinationComponent;
+  let fixture: ComponentFixture<InfoDestinationComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [InfoDestinationComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(InfoDestinationComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

ftx-demo/src/lib/components/contentSteps/revolut/infoDestination/info-destination.component.ts

@@ -0,0 +1,35 @@
+import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FtxFtmComponent } from 'ngx-ftm';
+import { DataFormBuilder } from 'ngx-ftx-shared';
+import { TypeConstantEnum } from 'ngx-ftx-forms';
+
+@Component({
+  selector: 'coagulu-info-destination',
+  standalone: true,
+  imports: [CommonModule, FtxFtmComponent],
+  templateUrl: './info-destination.component.html',
+  styleUrls: ['./info-destination.component.scss'],
+})
+export class InfoDestinationComponent {
+  jsonData: DataFormBuilder = {
+    values: [
+      {
+        label: 'Ivan2',
+        bulkValues: [
+          {
+            value: null,
+            validators: [{ type: TypeConstantEnum.REQUIRED }],
+            labelHint: 'Childrens',
+          },
+          {
+            label: 'train',
+            value: 232,
+            placeholder: 'NAMING',
+            labelHint: 'Number',
+          },
+        ],
+      },
+    ],
+  };
+}

ftx-demo/src/lib/ftx-demo/demo.routing.ts

@@ -1,17 +1,7 @@
 import { NavigationEnd, Route, Router } from '@angular/router';
 import { inject } from '@angular/core';
-import {
-  catchError,
-  debounceTime,
-  filter,
-  interval,
-  map,
-  of,
-  startWith,
-  tap,
-} from 'rxjs';
+import { catchError, filter, interval, map, of, startWith, tap } from 'rxjs';
 import { StepperService } from '../components/services/stepper.service';
-import { configs } from '@typescript-eslint/eslint-plugin';
 
 export const demoRouting: Route[] = [
   {
@@ -85,6 +75,7 @@ export const demoRouting: Route[] = [
             startWith(true)
           ),
           name: 'Continue',
+          event: (event: unknown) => console.log(event),
         },
         {
           disabled: (() =>
@@ -96,6 +87,19 @@ export const demoRouting: Route[] = [
         },
       ],
     },
+    children: [
+      {
+        path: '',
+        loadComponent: () =>
+          import(
+            './../components/contentSteps/revolut/infoDestination/info-destination.component'
+          ).then((c) => c.InfoDestinationComponent),
+      },
+      {
+        path: '**',
+        redirectTo: '',
+      },
+    ],
   },
   {
     path: '**',

ftx-ftm/src/lib/ftx-ftm/ftx-ftm.component.html

@@ -172,8 +172,8 @@
     </ng-container>
   </ng-container>
   <sivan-button-component
-    class="p-2 bg-white"
-    [disable]="formData.pristine || formData.invalid"
+    class="p-2"
+    [disable]="!(formData.pristine || formData.invalid)"
     roundedFull="rounded-md"
     >Submit
   </sivan-button-component>

ftx-sivan-shared/src/lib/components/button/button.component.html

@@ -3,7 +3,7 @@
   [disabled]="!disable"
   [ngClass]="{
     'cursor-pointer': disable,
-    'cursor-not-allowed': !disable
+    'bg-blue-700 cursor-not-allowed': !disable
   }"
   class="p-2 bg-blue-500 text-white"
   [class]="allClass"

src/app/app.routes.ts

@@ -8,6 +8,6 @@ export const appRoutes: Route[] = [
   },
   {
     path: '**',
-    redirectTo: '',
+    redirectTo: 'demo',
   },
 ];