@falcon-ng/tailwind 0.0.15 → 0.0.17

package/index.d.ts

@@ -1,5 +1,668 @@
+import * as i0 from '@angular/core';
+import { OnInit, EventEmitter, ViewContainerRef, ElementRef, ModuleWithProviders } from '@angular/core';
+import * as i25 from '@angular/forms';
+import { FormGroup, FormControl, FormBuilder } from '@angular/forms';
+import * as i23 from '@falcon-ng/core';
+import { BaseControl, IOptions, IDialogData, MatTableConfig, TableAction, IRequestOptions, IAppSettingViewModel } from '@falcon-ng/core';
+import { MatSelectChange } from '@angular/material/select';
+import { MatRadioChange } from '@angular/material/radio';
+import { Observable, Subject } from 'rxjs';
+import { MatButtonToggleChange } from '@angular/material/button-toggle';
+import { MatAutocomplete, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
+import { MatChipInputEvent } from '@angular/material/chips';
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { MatBottomSheetRef } from '@angular/material/bottom-sheet';
+import { ThemePalette } from '@angular/material/core';
+import { ProgressBarMode } from '@angular/material/progress-bar';
+import { ProgressSpinnerMode } from '@angular/material/progress-spinner';
+import { MatPaginator, PageEvent } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
+import * as i24 from '@angular/common';
+import * as i26 from '@angular/router';
+import { ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
+import * as i27 from '@kolkov/angular-editor';
+import { HttpClient } from '@angular/common/http';
+import { UserManager, UserManagerSettings, User, UserProfile } from 'oidc-client-ts';
+
+declare class TextboxComponent {
+    control: BaseControl<string>;
+    formGroup: FormGroup;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextboxComponent, "falcon-textbox", never, {}, {}, never, never, false, never>;
+}
+
+declare class TextareaComponent {
+    control: BaseControl<string>;
+    formGroup: FormGroup;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "falcon-textarea", never, {}, {}, never, never, false, never>;
+}
+
+declare class SelectComponent implements OnInit {
+    control: BaseControl<string>;
+    formGroup: FormGroup;
+    selectionChange: EventEmitter<MatSelectChange>;
+    constructor();
+    ngOnInit(): void;
+    selectChange($event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "falcon-select", never, {}, { "selectionChange": "selectionChange"; }, never, never, false, never>;
+}
+
+declare class ReactiveFieldDirective implements OnInit {
+    private viewContainerRef;
+    control: BaseControl<string>;
+    formGroup: FormGroup;
+    private componentRef;
+    constructor(viewContainerRef: ViewContainerRef);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReactiveFieldDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ReactiveFieldDirective, "[reactiveField]", never, { "control": { "alias": "control"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; }, {}, never, never, false, never>;
+}
+
 /**
- * Generated bundle index. Do not edit.
+ * @description
+ * Class use for setting the layout.
+ * @usageNotes
+ * ```ts
+ *       new Dropdown({
+ *        key: 'brave',
+ *       label: 'Bravery Rating',
+ *       options: [
+ *         {key: 'solid',  value: 'Solid'},
+ *         {key: 'great',  value: 'Great'},
+ *         {key: 'good',   value: 'Good'},
+ *         {key: 'unproven', value: 'Unproven'}
+ *       ],
+ *       order: 3
+ * }),
+ ** ```
  */
-/// <amd-module name="@falcon-ng/tailwind" />
-export * from './public-api';
+interface Layout<T> {
+    class?: string;
+    baseControls: BaseControl<T>[];
+}
+
+declare class ControlBuilderComponent {
+    layout: Layout<string>;
+    formGroup: FormGroup;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ControlBuilderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ControlBuilderComponent, "control-builder", never, { "layout": { "alias": "layout"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class DatePickerComponent {
+    control: BaseControl<string>;
+    formGroup: FormGroup;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "falcon-date-picker", never, {}, {}, never, never, false, never>;
+}
+
+declare class CheckboxComponent {
+    control: BaseControl<string>;
+    formGroup: FormGroup;
+    change($event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "falcon-checkbox", never, {}, {}, never, never, false, never>;
+}
+
+declare class RadioComponent implements OnInit {
+    control: BaseControl<string>;
+    formGroup: FormGroup;
+    radioGroupChange: EventEmitter<MatRadioChange>;
+    ngOnInit(): void;
+    radioGroupChangeEvent($event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioComponent, "falcon-radio", never, {}, { "radioGroupChange": "radioGroupChange"; }, never, never, false, never>;
+}
+
+declare class AutoCompleteComponent {
+    control: BaseControl<string>;
+    formGroup: FormGroup;
+    autoCompleteControl: FormControl<any>;
+    constructor();
+    filteredOptions: Observable<IOptions[]>;
+    ngOnInit(): void;
+    private _filter;
+    optionSelected(value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutoCompleteComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutoCompleteComponent, "falcon-auto-complete", never, {}, {}, never, never, false, never>;
+}
+
+declare class ButtonToggleComponent implements OnInit {
+    control: BaseControl<string>;
+    formGroup: FormGroup;
+    toggleGroupChange: EventEmitter<MatButtonToggleChange>;
+    ngOnInit(): void;
+    toggleChange($event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonToggleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonToggleComponent, "falcon-button-toggle", never, {}, { "toggleGroupChange": "toggleGroupChange"; }, never, never, false, never>;
+}
+
+declare class ChipComponent implements OnInit {
+    private fb;
+    control: BaseControl<any>;
+    formGroup: FormGroup;
+    readonly separatorKeysCodes: number[];
+    selectable: boolean;
+    removable: boolean;
+    addOnBlur: boolean;
+    filteredOptions: Observable<IOptions[]>;
+    autoCompleteControl: FormControl<string | null>;
+    private items;
+    chipAutoCompleteInput: ElementRef<HTMLInputElement>;
+    chipTextInput: ElementRef<HTMLInputElement>;
+    matAutocomplete: MatAutocomplete;
+    constructor(fb: FormBuilder);
+    ngOnInit(): void;
+    add(event: MatChipInputEvent): void;
+    createItem(value: String): FormGroup;
+    remove(option: IOptions): void;
+    optionSelected(event: MatAutocompleteSelectedEvent): void;
+    private _filter;
+    drop(event: CdkDragDrop<IOptions[]>): void;
+    keyboardEnterEvent(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChipComponent, "falcon-chip", never, { "control": { "alias": "control"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class SliderComponent {
+    control: BaseControl<string>;
+    formGroup: FormGroup;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "falcon-slider", never, {}, {}, never, never, false, never>;
+}
+
+declare class SlideToggleComponent {
+    control: BaseControl<string>;
+    formGroup: FormGroup;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SlideToggleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SlideToggleComponent, "falcon-slide-toggle", never, {}, {}, never, never, false, never>;
+}
+
+declare class ButtonComponent {
+    control: BaseControl<string>;
+    formGroup: FormGroup;
+    btnClick: EventEmitter<string>;
+    childBtnClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "falcon-button", never, { "control": { "alias": "control"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; }, { "btnClick": "btnClick"; }, never, never, false, never>;
+}
+
+declare class DialogComponent {
+    data: IDialogData;
+    constructor(data: IDialogData);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "lib-dialog", never, {}, {}, never, never, false, never>;
+}
+
+declare class SnackBarComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SnackBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SnackBarComponent, "lib-snack-bar", never, {}, {}, never, never, false, never>;
+}
+
+declare class BottomSheetComponent {
+    private _bottomSheetRef;
+    data: any;
+    constructor(_bottomSheetRef: MatBottomSheetRef<BottomSheetComponent>, data: any);
+    click(event: MouseEvent, item: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BottomSheetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BottomSheetComponent, "lib-bottom-sheet", never, {}, {}, never, never, false, never>;
+}
+
+declare class ProgressBarComponent {
+    bufferValue: number;
+    color: ThemePalette;
+    mode: ProgressBarMode;
+    value: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "falcon-progress-bar", never, { "bufferValue": { "alias": "bufferValue"; "required": false; }; "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class ProgressSpinnerComponent {
+    diameter: number;
+    color: ThemePalette;
+    mode: ProgressSpinnerMode;
+    value: number;
+    strokeWidth: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressSpinnerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressSpinnerComponent, "falcon-progress-spinner", never, { "diameter": { "alias": "diameter"; "required": false; }; "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "value": { "alias": "value"; "required": false; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class TableComponent implements OnInit {
+    matTableConfig: MatTableConfig;
+    paginator: MatPaginator;
+    sort: MatSort;
+    pageEvent: EventEmitter<PageEvent>;
+    displayedColumns: string[];
+    tableActionRowEvent: EventEmitter<any>;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    applyFilter(event: Event): void;
+    page(e: any): void;
+    tableAction($item: any, action: TableAction): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "falcon-table", never, { "matTableConfig": { "alias": "matTableConfig"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; }, { "pageEvent": "pageEvent"; "tableActionRowEvent": "tableActionRowEvent"; }, never, never, false, never>;
+}
+
+declare class PaginationComponent {
+    totalPage: number;
+    pageSize: number;
+    paginationEvent: EventEmitter<number>;
+    paginationSize: number[];
+    preDisable: boolean;
+    nextDisable: boolean;
+    private start;
+    private end;
+    currentPage: number;
+    firstLoad: boolean;
+    constructor();
+    ngOnInit(): void;
+    receiveBtnChange($event: any): void;
+    private range;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "falcon-pagination", never, { "totalPage": { "alias": "totalPage"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; }, { "paginationEvent": "paginationEvent"; }, never, never, false, never>;
+}
+
+declare class RichTextEditorComponent {
+    control: BaseControl<string>;
+    formGroup: FormGroup;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RichTextEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RichTextEditorComponent, "lib-rich-text-editor", never, {}, {}, never, never, false, never>;
+}
+
+declare class FalconTailwindModule {
+    static forRoot(environment: any): ModuleWithProviders<FalconTailwindModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FalconTailwindModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FalconTailwindModule, [typeof TextboxComponent, typeof TextareaComponent, typeof SelectComponent, typeof ReactiveFieldDirective, typeof ControlBuilderComponent, typeof DatePickerComponent, typeof CheckboxComponent, typeof RadioComponent, typeof AutoCompleteComponent, typeof ButtonToggleComponent, typeof ChipComponent, typeof SliderComponent, typeof SlideToggleComponent, typeof ButtonComponent, typeof DialogComponent, typeof SnackBarComponent, typeof BottomSheetComponent, typeof ProgressBarComponent, typeof ProgressSpinnerComponent, typeof TableComponent, typeof PaginationComponent, typeof RichTextEditorComponent], [typeof i23.AngularmaterialModule, typeof i24.CommonModule, typeof i25.FormsModule, typeof i25.ReactiveFormsModule, typeof i26.RouterModule, typeof i27.AngularEditorModule], [typeof i23.AngularmaterialModule, typeof i24.CommonModule, typeof i25.FormsModule, typeof i25.ReactiveFormsModule, typeof ControlBuilderComponent, typeof i26.RouterModule, typeof ProgressBarComponent, typeof ProgressSpinnerComponent, typeof PaginationComponent, typeof TableComponent, typeof i27.AngularEditorModule, typeof ButtonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FalconTailwindModule>;
+}
+
+declare abstract class IGenericHttpClient<T> {
+    /**
+     * @description
+     * Generic Http GET method to Get the response and bind to the view model
+     * @param {string} destinationUrl endPoint it doesn't need / in front of the end point.
+     * @param {IRequestOptions} options options of the request like headers, body, etc.
+     * @returns {Observable<T>}
+     * @usageNotes
+     * The following snippet shows how to use this method
+     * ```ts
+     *    this.genericHttpService.HttpGet("get_url").subscribe(data => {
+     *        console.log('success');
+     *      }, error => {
+     *      console.log(error);
+     *      });
+     * ```
+     */
+    abstract get(destinationUrl: string, options?: IRequestOptions | any): Observable<T>;
+    /**
+     * @description
+     * Generic Http post method to post the view model and bind the return view model
+     * @param {string} destinationUrl endPoint it doesn't need / in front of the end point.
+     * @param {IRequestOptions} options options of the request like headers, body, etc.
+     * @returns {Observable<T>}
+     * @usageNotes
+     * The following snippet shows how to use this method
+     * ```ts
+     *    this.genericHttpService.Post(post_url,post-view-model").subscribe(data => {
+     *        console.log('data is not success');
+     *      }, error => {
+     *      console.log(error);
+     *      });
+     * ```
+     */
+    abstract post(destinationUrl: string, options?: IRequestOptions | any): Observable<T>;
+    /**
+     * @description
+     * Generic Http put method to post the view model and bind the return view model
+     * @param {string} destinationUrl endPoint it doesn't need / in front of the end point.
+     * @param {IRequestOptions} options options of the request like headers, body, etc.
+     * @returns {Observable<T>}
+     * @usageNotes
+     * The following snippet shows how to use this method
+     * ```ts
+     *    this.genericHttpService.Put(put_url,post-view-model).subscribe(data => {
+     *        console.log('data is not success');
+     *      }, error => {
+     *      console.log(error);
+     *      });
+     * ```
+     */
+    abstract put(destinationUrl: string, options?: IRequestOptions | any): Observable<T>;
+    /**
+     * @description
+     * Generic Http patch method to patch the view model and bind the return view model
+     * @param {string} destinationUrl endPoint it doesn't need / in front of the end point.
+     * @param {IRequestOptions} options options of the request like headers, body, etc.
+     * @returns {Observable<T>}
+     * @usageNotes
+     * The following snippet shows how to use this method
+     * ```ts
+     *    this.genericHttpService.Patch(put_url,post-view-model).subscribe(data => {
+     *        console.log('data is not success');
+     *      }, error => {
+     *      console.log(error);
+     *      });
+     * ```
+     */
+    abstract patch(destinationUrl: string, options?: IRequestOptions | any): Observable<T>;
+    /**
+     * @description
+     * Generic Http Delete method to Delete the item and bind the return view model
+     * @param {string} destinationUrl endPoint it doesn't need / in front of the end point.
+     * @param {IRequestOptions} options options of the request like headers, body, etc.
+     * @returns {Observable<T>}
+     * @usageNotes
+     * The following snippet shows how to use this method
+     * ```ts
+     *    this.genericHttpClientService.Delete(this.deleteUserUrl).subscribe(item => {
+     *         console.log('success');
+     *      }, error => {
+     *        console.log(error);
+     *      });
+     * ```
+     */
+    abstract delete(destinationUrl: string, options?: IRequestOptions | any): Observable<T>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IGenericHttpClient<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IGenericHttpClient<any>>;
+}
+
+declare class AppSettingService {
+    private http;
+    private logger;
+    static APP_SETTINGS_LOADED: string;
+    private listeners;
+    initialized: boolean;
+    private eventsSubject;
+    isServiceReady: Subject<boolean>;
+    private events;
+    private appSettings;
+    constructor(http: HttpClient, logger: LoggerService);
+    load(): Promise<void>;
+    on(name: any, listener: any): void;
+    getAppsettingValue<T>(): T | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppSettingService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AppSettingService>;
+}
+declare function appSettingsFactory(appSettings: AppSettingService): () => Promise<void>;
+
+declare class LoggerService {
+    private initialized;
+    private _level;
+    constructor();
+    initialize(appSettings: IAppSettingViewModel): Promise<void>;
+    private log;
+    private shouldLog;
+    error(message: any, ...optionalParams: any[]): void;
+    warning(message: any, ...optionalParams: any[]): void;
+    info(message: any, ...optionalParams: any[]): void;
+    verbose(message: any, ...optionalParams: any[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoggerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LoggerService>;
+}
+declare function loggerServiceFactory(loggerService: LoggerService, appSettings: AppSettingService): () => Promise<void>;
+
+declare class TokenHelperService {
+    constructor();
+    getTokenExpirationDate(dataIdToken: any): Date;
+    getPayloadFromToken(token: any, encode: boolean): any;
+    getHeaderFromToken(token: any, encode: boolean): any;
+    getSignatureFromToken(token: any, encode: boolean): any;
+    urlBase64Decode(str: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TokenHelperService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TokenHelperService>;
+}
+
+declare abstract class EnvironmentViewModel {
+    abstract readonly production: boolean;
+    abstract readonly openID?: IOpenIdViewModel;
+    abstract readonly baseUrl?: string;
+    abstract readonly snackBarEnable?: boolean;
+}
+/**
+ * @description
+ * Interface use for an app setting configuration for Open Id Client setting.
+ */
+declare interface IOpenIdViewModel {
+    authority?: string;
+    client_id?: string;
+    redirect_uri?: string;
+    response_type?: string;
+    scope?: string;
+    silent_redirect_uri?: string;
+    post_logout_redirect_uri?: string;
+    filterProtocolClaims?: boolean;
+    loadUserInfo?: boolean;
+    automaticSilentRenew?: boolean;
+    monitorSession?: boolean;
+    accessTokenExpiringNotificationTime?: number;
+    checkSessionInterval?: number;
+    silentRequestTimeout?: number;
+}
+
+declare class AuthService {
+    private logger;
+    private tokenHelperService;
+    static USER_LOADED_EVENT: string;
+    static USER_UNLOADED_EVENT: string;
+    private initialized;
+    userManager: UserManager;
+    private user;
+    settings: UserManagerSettings;
+    private accessToken;
+    private signingOut;
+    constructor(logger: LoggerService, tokenHelperService: TokenHelperService);
+    initialize(environment: EnvironmentViewModel): Promise<void>;
+    isLoggedIn(): boolean;
+    getUser(): Promise<User | null>;
+    getProfile(): UserProfile;
+    getClaims(): UserProfile;
+    getAuthorizationHeaderValue(): string;
+    getAccessToken(): any;
+    startAuthentication(returnUrl: string): Promise<void>;
+    login(): Promise<void>;
+    renewToken(): Promise<User | null>;
+    logout(signoutRedirect?: boolean): Promise<void>;
+    private getClientSettings;
+    isServiceReady(): Promise<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AuthService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AuthService>;
+}
+declare function authServiceFactory(authService: AuthService, appSettings: AppSettingService, environment: EnvironmentViewModel): () => Promise<void>;
+
+declare class AuthGuardService {
+    private authService;
+    constructor(authService: AuthService);
+    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean | Observable<boolean> | Promise<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AuthGuardService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AuthGuardService>;
+}
+
+declare class Constant {
+    static ComponentMapper: {
+        textbox: typeof TextboxComponent;
+        textarea: typeof TextareaComponent;
+        select: typeof SelectComponent;
+        datepicker: typeof DatePickerComponent;
+        radio: typeof RadioComponent;
+        checkbox: typeof CheckboxComponent;
+        button: typeof ButtonComponent;
+        slideToggle: typeof SlideToggleComponent;
+        slider: typeof SliderComponent;
+        buttonToggle: typeof ButtonToggleComponent;
+        autocomplete: typeof AutoCompleteComponent;
+        chip: typeof ChipComponent;
+        editor: typeof RichTextEditorComponent;
+        divider: typeof RichTextEditorComponent;
+    };
+}
+
+/**
+ * @description
+ * Base form component initialized to create form controls, set validation, submit.
+ *
+ * @usageNotes
+ * The following snippet shows how a component can implement this abstract class to
+ * define its own initialization method.
+ * ```ts
+ *  export class InputComponent extends BaseFormComponent<any> implements OnInit {
+ *     constructor(fb : FormBuilder) {
+ *        super(fb);
+ *        this.defineForm();
+ *    }
+ *    protected defineForm(): void {
+ *    }
+ *    ngOnInit(): void {
+ *      this.formGroup = this.createControls();
+ *    }
+ *    protected submitDatasource(model: any): Observable<any> {
+ *      return of(model);
+ *    }
+ * ```
+ */
+declare abstract class BaseFormComponent<T> {
+    formGroup: FormGroup;
+    protected abstract defineForm(): void;
+    protected abstract submitDataSource(model: T): Observable<T>;
+    dataSource: T | undefined;
+    controlsConfig: Layout<T>;
+    showLoading: boolean;
+    protected fb: FormBuilder;
+    constructor();
+    /**
+     * @description
+     * Method evoke on when the form is submitted.
+     * @returns submitDatasource() method with form data if valid otherwise form invalid.
+     */
+    onSubmit(): void;
+    /**
+     * @description
+     * Private method to validate all form controls before is form submited.
+     * @param formGroup Validate form group.
+     * @returns Groups of controls added to the form builder.
+     */
+    private validateAllFormFields;
+    /**
+     * @description
+     * Create the reactive form controls
+     * @returns Groups of controls added to the form builder.
+     */
+    protected createControls(): FormGroup<{}>;
+    /**
+     * @description
+     * Private method to bind the form control.
+     * @param controlConfig field to bind.
+     * @param group group to add.
+     * @param index index of the layout
+     */
+    private bindControl;
+    /**
+     * @description
+     * Private method to bind the validation to the form controls on form submit.
+     * @param validations Push the validation to the controls.
+     * @returns Validation.
+     */
+    private bindValidations;
+    /**
+     * Create an form array element
+     * @param layoutConfig layout of form array
+     * @returns Form array group
+     */
+    private createFormArrayGroup;
+    /**
+     * @description
+     * Reset fild values to default or specify some value.
+     * @param defaultValues Specify the specific value to set to the controls.
+     * @returns void.
+     */
+    reset(defaultValues?: any): void;
+    /**
+     * @description
+     * Reset specific fild Errors.
+     * @param name Name of the field to reset the error.
+     * @returns void.
+     */
+    resetFieldErrors(name: string): void;
+    /**
+     * @description
+     * Get the controls value from the form.
+     * @returns Form controls values.
+     */
+    get value(): any;
+    /**
+     * @description
+     * Updating parts of the data model.
+     * Use the patchValue() method to replace any properties defined in the object that have changed in the form model.
+     * @returns Form controls values.
+     * @param value The object that matches the structure of the group.
+     * @param options Configuration options that determine how the control propagates changes and
+     * emits events after the value is patched.
+     * `onlySelf`: When true, each change only affects this control and not its parent. Default is
+     * true.
+     * `emitEvent`: When true or not supplied (the default), both the `statusChanges` and
+     * `valueChanges`
+     *  @usageNotes
+     * The following snippet shows how a component can implement this abstract class to
+     * define its own initialization method.
+     * ```ts
+     *   this.formGroup.patchValue({
+     *     name: 'Todd Motto',
+     *     event: {
+     *       title: 'AngularCamp 2016',
+     *       location: 'Barcelona, Spain'
+     *     }
+     *   });
+     * ```
+     */
+    protected patchValue(value: {
+        [key: string]: any;
+    }, options?: {
+        onlySelf?: boolean;
+        emitEvent?: boolean;
+    }): void;
+    /**
+     * @description
+     * Updating parts of the data model.
+     * Use the setValue() method to set a new value for an individual control. The setValue() method strictly adheres to the structure of the form group and replaces the entire value for the control.
+     * @returns Form controls values.
+     * @param value The object that matches the structure of the group.
+     * @param options Configuration options that determine how the control propagates changes and
+     * emits events after the value is patched.
+     * `onlySelf`: When true, each change only affects this control and not its parent. Default is
+     * true.
+     * `emitEvent`: When true or not supplied (the default), both the `statusChanges` and
+     * `valueChanges`
+     *  @usageNotes
+     * The following snippet shows how a component can implement this abstract class to
+     * define its own initialization method.
+     * ```ts
+     *   this.formGroup.setValue({
+     *     name: 'Todd Motto',
+     *     event: {
+     *       title: 'AngularCamp 2016',
+     *       location: 'Barcelona, Spain'
+     *     }
+     *   });
+     * ```
+     */
+    protected setValue(value: {
+        [key: string]: any;
+    }, options?: {
+        onlySelf?: boolean;
+        emitEvent?: boolean;
+    }): void;
+    /**
+     * @description
+     * Dynamically remove the form control.
+     * @param index Index of item.
+     * @usageNotes
+     * The following snippet shows how to remove the form control from Froup Group
+     * ```ts
+     *    removeControl(1);
+     * ```
+     */
+    protected removeControl(layoutIndex: number, index: number): void;
+}
+
+export { AppSettingService, AuthGuardService, AuthService, BaseFormComponent, ButtonComponent, Constant, ControlBuilderComponent, DialogComponent, EnvironmentViewModel, FalconTailwindModule, IGenericHttpClient, LoggerService, PaginationComponent, ProgressBarComponent, ProgressSpinnerComponent, ReactiveFieldDirective, TableComponent, appSettingsFactory, authServiceFactory, loggerServiceFactory };
+export type { IOpenIdViewModel, Layout };

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@falcon-ng/tailwind",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "peerDependencies": {
-    "@angular/common": "^19.0.1",
-    "@angular/core": "^19.0.1"
+    "@angular/common": "^20.0.5",
+    "@angular/core": "^20.0.5"
   },
   "dependencies": {
     "tslib": "^2.3.0"