ng-tailwind 6.4.5 → 7.0.0

package/base/{ngt-base-ng-model.d.ts → ngt-control-value-accessor.d.ts}

@@ -1,31 +1,28 @@
-import { EventEmitter } from '@angular/core';
-import { AbstractControl, ControlContainer, ControlValueAccessor } from '@angular/forms';
-/**
- * Based on https://stackoverflow.com/a/37786142/8055997
- */
-export declare abstract class NgtBaseNgModel implements ControlValueAccessor {
-    formControl: AbstractControl;
-    formContainer: ControlContainer;
+import { EventEmitter, Injector } from '@angular/core';
+import { AbstractControl, ControlValueAccessor } from '@angular/forms';
+export declare abstract class NgtControlValueAccessor implements ControlValueAccessor {
     onValueChangeEvent: EventEmitter<any>;
+    formControl: AbstractControl;
+    protected injector: Injector;
     private ignore;
     private _value;
     constructor();
     get value(): any;
     set value(v: any);
-    onValueChange(): EventEmitter<any>;
     writeValue(value: any): void;
-    onChange: (_: any) => void;
-    change(v: any): void;
-    onTouched: () => void;
+    markAsPristine(): void;
+    markAsDirty(): void;
     registerOnChange(fn: (_: any) => void): void;
     registerOnTouched(fn: () => void): void;
+    change(value: any): void;
+    onValueChange(): EventEmitter<any>;
+    onChange: (_: any) => void;
+    onTouched: () => void;
     isValid(): boolean;
-    markAsPristine(): void;
-    markAsDirty(): void;
-    setSubmitted(submitted: boolean): void;
-    private valuesAreEquals;
+    protected getControl(): AbstractControl;
+    private hasValueChanges;
 }
-export declare function NgtMakeProvider(type: any): {
+export declare function NgtValueAccessorProvider(component: any): {
     provide: import("@angular/core").InjectionToken<readonly ControlValueAccessor[]>;
     useExisting: import("@angular/core").Type<any>;
     multi: boolean;

package/components/forms/reactive/ngt-reactive-checkbox/ngt-reactive-checkbox.component.d.ts

@@ -0,0 +1,54 @@
+import { AfterViewInit, ElementRef, Injector, Signal } from '@angular/core';
+import { NgtControlValueAccessor } from '../../../../base/ngt-control-value-accessor';
+import { NgtStylizableDirective } from '../../../../directives/ngt-stylizable/ngt-stylizable.directive';
+import { NgtStylizableService } from '../../../../services/ngt-stylizable/ngt-stylizable.service';
+import { NgtSectionComponent } from '../../../ngt-section/ngt-section.component';
+import { NgtModalComponent } from '../../../ngt-modal/ngt-modal.component';
+import { NgtReactiveFormComponent } from '../ngt-reactive-form/ngt-reactive-form.component';
+import * as i0 from "@angular/core";
+export declare enum NgtReactiveCheckboxMode {
+    DEFAULT = "DEFAULT",
+    TOGGLE = "TOGGLE",
+    SIDE_TOGGLE = "SIDE_TOGGLE",
+    RADIO = "RADIO"
+}
+export declare class NgtReactiveCheckboxComponent extends NgtControlValueAccessor implements AfterViewInit {
+    private ngtStylizableDirective;
+    private ngtForm;
+    private ngtSection;
+    private ngtModal;
+    protected injector: Injector;
+    checkboxElement: ElementRef;
+    /** Visual Inputs */
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly helpTitle: import("@angular/core").InputSignal<string>;
+    readonly helpTextColor: import("@angular/core").InputSignal<string>;
+    readonly helpText: import("@angular/core").InputSignal<string>;
+    readonly helperAutoXReverse: import("@angular/core").InputSignal<boolean>;
+    readonly shining: import("@angular/core").InputSignal<boolean>;
+    /** Behavior Inputs */
+    readonly mode: import("@angular/core").InputSignal<NgtReactiveCheckboxMode>;
+    readonly isDisabled: import("@angular/core").InputSignal<boolean>;
+    readonly isClickDisabled: import("@angular/core").InputSignal<boolean>;
+    /** Computed Signals */
+    readonly isDisabledByParent: Signal<boolean>;
+    readonly isDisabledState: Signal<boolean>;
+    readonly isShining: Signal<boolean>;
+    readonly currentValue: Signal<any>;
+    readonly isToggleMode: Signal<boolean>;
+    readonly isSideToggleMode: Signal<boolean>;
+    readonly isDefaultMode: Signal<boolean>;
+    readonly isRadioMode: Signal<boolean>;
+    /** Other */
+    ngtStyle: NgtStylizableService;
+    constructor(ngtStylizableDirective: NgtStylizableDirective, ngtForm: NgtReactiveFormComponent, ngtSection: NgtSectionComponent, ngtModal: NgtModalComponent, injector: Injector);
+    ngAfterViewInit(): void;
+    change(value: boolean): void;
+    onNativeChange(): void;
+    private setupNgtStylizable;
+    private setNativeValue;
+    private getNativeValue;
+    private hasChangeBetweenValues;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveCheckboxComponent, [{ optional: true; self: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgtReactiveCheckboxComponent, "ngt-reactive-checkbox", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "helpTitle": { "alias": "helpTitle"; "required": false; "isSignal": true; }; "helpTextColor": { "alias": "helpTextColor"; "required": false; "isSignal": true; }; "helpText": { "alias": "helpText"; "required": false; "isSignal": true; }; "helperAutoXReverse": { "alias": "helperAutoXReverse"; "required": false; "isSignal": true; }; "shining": { "alias": "shining"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isClickDisabled": { "alias": "isClickDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/forms/reactive/ngt-reactive-date/ngt-reactive-date.component.d.ts

@@ -0,0 +1,94 @@
+import { AfterViewInit, Injector, OnDestroy, OnInit, Signal, WritableSignal } from '@angular/core';
+import { FlatpickrOptions, EvDatePickerComponent } from 'ev-date-picker';
+import { NgtControlValueAccessor } from '../../../../base/ngt-control-value-accessor';
+import { NgtStylizableDirective } from '../../../../directives/ngt-stylizable/ngt-stylizable.directive';
+import { NgtStylizableService } from '../../../../services/ngt-stylizable/ngt-stylizable.service';
+import { NgtReactiveFormComponent } from '../ngt-reactive-form/ngt-reactive-form.component';
+import { NgtSectionComponent } from '../../../ngt-section/ngt-section.component';
+import { NgtModalComponent } from '../../../ngt-modal/ngt-modal.component';
+import { NgtReactiveDateFormatterService } from './services/ngt-reactive-date-formatter.service';
+import * as i0 from "@angular/core";
+export declare enum NgtReactiveDateLocale {
+    BRAZIL = "BRAZIL",
+    US = "US"
+}
+export declare enum NgtReactiveDateMode {
+    SINGLE = "SINGLE",
+    RANGE = "RANGE"
+}
+export declare class NgtReactiveDateComponent extends NgtControlValueAccessor implements OnInit, AfterViewInit, OnDestroy {
+    private ngtStylizableDirective;
+    private ngtForm;
+    private ngtSection;
+    private ngtModal;
+    private formatterService;
+    protected injector: Injector;
+    evDatePicker: EvDatePickerComponent;
+    /** Visual Inputs */
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly helpTitle: import("@angular/core").InputSignal<string>;
+    readonly helpText: import("@angular/core").InputSignal<string>;
+    readonly helpTextColor: import("@angular/core").InputSignal<string>;
+    readonly dateFormat: import("@angular/core").InputSignal<string>;
+    readonly internalDateFormat: import("@angular/core").InputSignal<string>;
+    readonly showCalendarIcon: import("@angular/core").InputSignal<boolean>;
+    readonly helperReverseYPosition: import("@angular/core").InputSignal<boolean>;
+    readonly shining: import("@angular/core").InputSignal<boolean>;
+    /** Behavior Inputs */
+    readonly mode: import("@angular/core").InputSignal<string>;
+    readonly locale: import("@angular/core").InputSignal<string>;
+    readonly minuteIncrement: import("@angular/core").InputSignal<number>;
+    readonly defaultDate: import("@angular/core").InputSignal<string>;
+    readonly minDate: import("@angular/core").InputSignal<string>;
+    readonly maxDate: import("@angular/core").InputSignal<string>;
+    readonly allowInput: import("@angular/core").InputSignal<boolean>;
+    readonly allowClear: import("@angular/core").InputSignal<boolean>;
+    readonly enableTime: import("@angular/core").InputSignal<boolean>;
+    readonly time_24hr: import("@angular/core").InputSignal<boolean>;
+    readonly noCalendar: import("@angular/core").InputSignal<boolean>;
+    readonly isDisabled: import("@angular/core").InputSignal<boolean>;
+    readonly isReadonly: import("@angular/core").InputSignal<boolean>;
+    /** Validation Inputs */
+    readonly isRequired: import("@angular/core").InputSignal<boolean>;
+    /** Computed Signals */
+    readonly isShining: Signal<boolean>;
+    readonly isDisabledByParent: Signal<boolean>;
+    readonly isDisabledState: Signal<boolean>;
+    readonly isReadonlyState: Signal<boolean>;
+    readonly currentValue: Signal<any>;
+    readonly shouldShowClearButton: Signal<boolean>;
+    readonly formattedDisplayValue: Signal<string>;
+    readonly containerClasses: Signal<string>;
+    /** Internal Control */
+    ngtStyle: NgtStylizableService;
+    readonly dateConfig: WritableSignal<FlatpickrOptions>;
+    readonly nativeValue: WritableSignal<any>;
+    private readonly formControlHasErrors;
+    private readonly formControlIsDirty;
+    private lastInputedDateString;
+    constructor(ngtStylizableDirective: NgtStylizableDirective, ngtForm: NgtReactiveFormComponent, ngtSection: NgtSectionComponent, ngtModal: NgtModalComponent, formatterService: NgtReactiveDateFormatterService, injector: Injector);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    change(value: string | string[]): void;
+    onNativeChange(value: any, dateStr: string, instance: any, triggerClose: boolean): void;
+    clearInput(event?: Event, clearInstance?: boolean): void;
+    private setupComponent;
+    private setupDateConfig;
+    private setupSubscriptions;
+    private registerEffects;
+    private setupValidators;
+    private setupDateInputMask;
+    private setupNgtStylizable;
+    private setDateOnDatePicker;
+    private convertDateToAmericanFormat;
+    private getLocale;
+    private getDateMode;
+    private getMomentDateFormat;
+    private getFormattedNativeValue;
+    private getContainerClasses;
+    private hasChangeBetweenValues;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveDateComponent, [{ optional: true; self: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgtReactiveDateComponent, "ngt-reactive-date", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "helpTitle": { "alias": "helpTitle"; "required": false; "isSignal": true; }; "helpText": { "alias": "helpText"; "required": false; "isSignal": true; }; "helpTextColor": { "alias": "helpTextColor"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "internalDateFormat": { "alias": "internalDateFormat"; "required": false; "isSignal": true; }; "showCalendarIcon": { "alias": "showCalendarIcon"; "required": false; "isSignal": true; }; "helperReverseYPosition": { "alias": "helperReverseYPosition"; "required": false; "isSignal": true; }; "shining": { "alias": "shining"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "minuteIncrement": { "alias": "minuteIncrement"; "required": false; "isSignal": true; }; "defaultDate": { "alias": "defaultDate"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "allowInput": { "alias": "allowInput"; "required": false; "isSignal": true; }; "allowClear": { "alias": "allowClear"; "required": false; "isSignal": true; }; "enableTime": { "alias": "enableTime"; "required": false; "isSignal": true; }; "time_24hr": { "alias": "time_24hr"; "required": false; "isSignal": true; }; "noCalendar": { "alias": "noCalendar"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "isRequired": { "alias": "isRequired"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/components/forms/reactive/ngt-reactive-date/services/ngt-reactive-date-formatter.service.d.ts

@@ -0,0 +1,12 @@
+import { NgtReactiveDateLocale } from '../ngt-reactive-date.component';
+import * as i0 from "@angular/core";
+export declare class NgtReactiveDateFormatterService {
+    formatToDisplay(value: string | string[], enableTime: boolean, dateFormat: string, placeholder: string): string;
+    convertFlatpickrToMomentFormat(flatpickrFormat: string): string;
+    convertDateByLocale(dateString: string, locale: NgtReactiveDateLocale): string;
+    private convertBrazilianToAmerican;
+    private formatArrayToDisplay;
+    private formatSingleDateToDisplay;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveDateFormatterService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgtReactiveDateFormatterService>;
+}

package/components/forms/reactive/ngt-reactive-dropzone/ngt-reactive-dropzone.component.d.ts

@@ -0,0 +1,110 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef, Injector, OnDestroy, Signal, WritableSignal } from '@angular/core';
+import { AsyncValidatorFn, ValidatorFn } from '@angular/forms';
+import { NgxDropzoneChangeEvent, NgxDropzoneComponent } from 'ngx-dropzone';
+import { NgtControlValueAccessor } from '../../../../base/ngt-control-value-accessor';
+import { NgtDropzoneErrorType, NgtDropzoneFile, NgtDropzonePreviewType } from '../../../../meta/ngt-dropzone.meta';
+import { NgtReactiveFormComponent } from '../ngt-reactive-form/ngt-reactive-form.component';
+import { NgtSectionComponent } from '../../../ngt-section/ngt-section.component';
+import { NgtModalComponent } from '../../../ngt-modal/ngt-modal.component';
+import { NgtReactiveDropzoneValidationService } from './services/ngt-reactive-dropzone-validation.service';
+import { NgtReactiveDropzoneFileService } from './services/ngt-reactive-dropzone-file.service';
+import { NgtReactiveDropzoneErrorService } from './services/ngt-reactive-dropzone-error.service';
+import { NgtReactiveDropzoneViewerService } from './services/ngt-reactive-dropzone-viewer.service';
+import { NgtReactiveDropzoneStateService } from './services/ngt-reactive-dropzone-state.service';
+import { NgtDropzoneFileViewerComponent } from '../../../shared/ngt-dropzone-file-viewer/ngt-dropzone-file-viewer.component';
+import * as i0 from "@angular/core";
+export declare class NgtReactiveDropzoneComponent extends NgtControlValueAccessor implements AfterViewInit, OnDestroy {
+    private ngtForm;
+    private ngtSection;
+    private ngtModal;
+    private validationService;
+    private fileService;
+    private errorService;
+    private viewerService;
+    private stateService;
+    private changeDetector;
+    protected injector: Injector;
+    container: ElementRef;
+    ngxDropzone: NgxDropzoneComponent;
+    fileViewer: NgtDropzoneFileViewerComponent;
+    /** Visual Inputs */
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly helpTextColor: import("@angular/core").InputSignal<string>;
+    readonly helpText: import("@angular/core").InputSignal<string>;
+    readonly helpTitle: import("@angular/core").InputSignal<string>;
+    /** Behavior Inputs */
+    readonly resources: import("@angular/core").InputSignal<NgtDropzoneFile[]>;
+    readonly multipleSelection: import("@angular/core").InputSignal<boolean>;
+    readonly itemsLimit: import("@angular/core").InputSignal<number>;
+    readonly showFileName: import("@angular/core").InputSignal<boolean>;
+    readonly disableClick: import("@angular/core").InputSignal<boolean>;
+    readonly isDisabled: import("@angular/core").InputSignal<boolean>;
+    readonly viewMode: import("@angular/core").InputSignal<boolean>;
+    readonly removable: import("@angular/core").InputSignal<boolean>;
+    readonly canDownloadFile: import("@angular/core").InputSignal<boolean>;
+    readonly verticalExpandable: import("@angular/core").InputSignal<boolean>;
+    readonly hideNgxDropzone: import("@angular/core").InputSignal<boolean>;
+    readonly acceptedFiles: import("@angular/core").InputSignal<string>; /** Mime type */
+    readonly unacceptedFiles: import("@angular/core").InputSignal<string>; /** Mime type */
+    readonly maxFileSize: import("@angular/core").InputSignal<number>; /** Bytes */
+    readonly previewType: import("@angular/core").InputSignal<NgtDropzonePreviewType>;
+    readonly remoteResource: import("@angular/core").InputSignal<any>;
+    /** Validation Inputs */
+    readonly isRequired: import("@angular/core").InputSignal<boolean>;
+    readonly customSyncValidators: import("@angular/core").InputSignal<ValidatorFn[]>;
+    readonly customAsyncValidators: import("@angular/core").InputSignal<AsyncValidatorFn[]>;
+    /** Outputs */
+    readonly onFileSelected: import("@angular/core").OutputEmitterRef<NgxDropzoneChangeEvent>;
+    readonly onFileSelectError: import("@angular/core").OutputEmitterRef<NgtDropzoneErrorType>;
+    readonly onFileUploadFail: import("@angular/core").OutputEmitterRef<any>;
+    readonly onFileRemoved: import("@angular/core").OutputEmitterRef<any>;
+    readonly onFileUploadInit: import("@angular/core").OutputEmitterRef<void>;
+    readonly onFileUploaded: import("@angular/core").OutputEmitterRef<void>;
+    readonly onFilePreviewLoaded: import("@angular/core").OutputEmitterRef<void>;
+    /** Computed Signals */
+    readonly isDisabledByParent: Signal<boolean>;
+    readonly isDisabledState: Signal<boolean>;
+    readonly shouldDisableClick: Signal<boolean>;
+    readonly currentValue: Signal<any>;
+    readonly isLoading: Signal<boolean>;
+    readonly isShining: Signal<boolean>;
+    /** File Viewer */
+    showFileViewer: WritableSignal<boolean>;
+    fileViewerUrl: WritableSignal<string>;
+    fileViewerFileName: WritableSignal<string>;
+    fileViewerFileSize: WritableSignal<number>;
+    /** Internal Control */
+    readonly ngxElementId: string;
+    private subscriptions;
+    constructor(ngtForm: NgtReactiveFormComponent, ngtSection: NgtSectionComponent, ngtModal: NgtModalComponent, validationService: NgtReactiveDropzoneValidationService, fileService: NgtReactiveDropzoneFileService, errorService: NgtReactiveDropzoneErrorService, viewerService: NgtReactiveDropzoneViewerService, stateService: NgtReactiveDropzoneStateService, changeDetector: ChangeDetectorRef, injector: Injector);
+    get dropzoneHeight(): string;
+    get uploadedResources(): any[];
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    onSelectFiles(event: NgxDropzoneChangeEvent): void;
+    onImageClick(element: HTMLElement, index?: number): void;
+    onFileClick(url: string, name: string, size: number): void;
+    onCloseFileViewer(): void;
+    onRemove(resource: any): void;
+    reset(): void;
+    openFileSelector(): void;
+    imagePreview(index: number): void;
+    onNativeChange(value: any): void;
+    change(value: any): void;
+    getFormattedFileSize(resource: any): string;
+    isImage(resource: any): boolean;
+    isVideo(resource: any): boolean;
+    isAudio(resource: any): boolean;
+    isFile(resource: any): boolean;
+    private uploadFiles;
+    private loadFilePreview;
+    private registerEffects;
+    private setupComponent;
+    private setupValidators;
+    private setupSubscriptions;
+    private hasChangesBetweenValues;
+    private destroySubscriptions;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveDropzoneComponent, [{ optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, null, null, null, null, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgtReactiveDropzoneComponent, "ngt-reactive-dropzone", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "helpTextColor": { "alias": "helpTextColor"; "required": false; "isSignal": true; }; "helpText": { "alias": "helpText"; "required": false; "isSignal": true; }; "helpTitle": { "alias": "helpTitle"; "required": false; "isSignal": true; }; "resources": { "alias": "resources"; "required": false; "isSignal": true; }; "multipleSelection": { "alias": "multipleSelection"; "required": false; "isSignal": true; }; "itemsLimit": { "alias": "itemsLimit"; "required": false; "isSignal": true; }; "showFileName": { "alias": "showFileName"; "required": false; "isSignal": true; }; "disableClick": { "alias": "disableClick"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "canDownloadFile": { "alias": "canDownloadFile"; "required": false; "isSignal": true; }; "verticalExpandable": { "alias": "verticalExpandable"; "required": false; "isSignal": true; }; "hideNgxDropzone": { "alias": "hideNgxDropzone"; "required": false; "isSignal": true; }; "acceptedFiles": { "alias": "acceptedFiles"; "required": false; "isSignal": true; }; "unacceptedFiles": { "alias": "unacceptedFiles"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "previewType": { "alias": "previewType"; "required": false; "isSignal": true; }; "remoteResource": { "alias": "remoteResource"; "required": false; "isSignal": true; }; "isRequired": { "alias": "isRequired"; "required": false; "isSignal": true; }; "customSyncValidators": { "alias": "customSyncValidators"; "required": false; "isSignal": true; }; "customAsyncValidators": { "alias": "customAsyncValidators"; "required": false; "isSignal": true; }; }, { "onFileSelected": "onFileSelected"; "onFileSelectError": "onFileSelectError"; "onFileUploadFail": "onFileUploadFail"; "onFileRemoved": "onFileRemoved"; "onFileUploadInit": "onFileUploadInit"; "onFileUploaded": "onFileUploaded"; "onFilePreviewLoaded": "onFilePreviewLoaded"; }, never, never, true, never>;
+}

package/components/forms/reactive/ngt-reactive-dropzone/services/ngt-reactive-dropzone-error.service.d.ts

@@ -0,0 +1,14 @@
+import { NgxDropzoneChangeEvent } from 'ngx-dropzone';
+import { NgtDropzoneErrorType } from '../../../../../meta/ngt-dropzone.meta';
+import * as i0 from "@angular/core";
+export interface ErrorValidationResult {
+    hasError: boolean;
+    errorType?: NgtDropzoneErrorType;
+}
+export declare class NgtReactiveDropzoneErrorService {
+    validateRejectedFiles(event: NgxDropzoneChangeEvent): ErrorValidationResult;
+    validateItemsLimit(addedFilesCount: number, currentFilesCount: number, itemsLimit: number): ErrorValidationResult;
+    shouldClearExistingResources(itemsLimit: number, addedFilesCount: number, currentFilesCount: number): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveDropzoneErrorService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgtReactiveDropzoneErrorService>;
+}

package/components/forms/reactive/ngt-reactive-dropzone/services/ngt-reactive-dropzone-file.service.d.ts

@@ -0,0 +1,24 @@
+import { Observable } from 'rxjs';
+import { NgtAttachmentHttpService } from '../../../../../services/http/ngt-attachment-http.service';
+import { NgtDropzonePreviewType } from '../../../../../meta/ngt-dropzone.meta';
+import * as i0 from "@angular/core";
+export interface UploadFilesResult {
+    uploadedFiles: any[];
+    uploadedAttachments: any[];
+    unacceptedFiles: File[];
+}
+export declare class NgtReactiveDropzoneFileService {
+    private ngtAttachmentHttpService;
+    constructor(ngtAttachmentHttpService: NgtAttachmentHttpService);
+    uploadFiles(files: File[], remoteResource: any, unacceptedFileType?: string): Promise<UploadFilesResult>;
+    loadFilePreview(attachments: any[]): Promise<any[]>;
+    downloadFile(attachment: any): Observable<any>;
+    isImage(resource: any, previewType: NgtDropzonePreviewType): boolean;
+    isVideo(resource: any, previewType: NgtDropzonePreviewType): boolean;
+    isAudio(resource: any): boolean;
+    isFile(resource: any, previewType: NgtDropzonePreviewType): boolean;
+    getFormattedFileSize(resource: any): string;
+    resetFilesLoad(files: any[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveDropzoneFileService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgtReactiveDropzoneFileService>;
+}

package/components/forms/reactive/ngt-reactive-dropzone/services/ngt-reactive-dropzone-state.service.d.ts

@@ -0,0 +1,17 @@
+import { WritableSignal } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class NgtReactiveDropzoneStateService {
+    readonly dropzoneHeight: WritableSignal<string>;
+    readonly showFileViewer: WritableSignal<boolean>;
+    readonly uploadedResources: WritableSignal<any[]>;
+    readonly nativeValue: WritableSignal<any[]>;
+    readonly forceDisableClick: WritableSignal<boolean>;
+    readonly componentReady: WritableSignal<boolean>;
+    readonly loading: WritableSignal<boolean>;
+    readonly shining: WritableSignal<boolean>;
+    readonly formControlHasErrors: WritableSignal<boolean>;
+    readonly formControlIsDirty: WritableSignal<boolean>;
+    reset(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveDropzoneStateService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgtReactiveDropzoneStateService>;
+}

package/components/forms/reactive/ngt-reactive-dropzone/services/ngt-reactive-dropzone-validation.service.d.ts

@@ -0,0 +1,11 @@
+import { ValidatorFn } from '@angular/forms';
+import * as i0 from "@angular/core";
+export interface NgtDropzoneValidationConfig {
+    isRequired: boolean;
+    customSyncValidators?: ValidatorFn[];
+}
+export declare class NgtReactiveDropzoneValidationService {
+    getSyncValidators(config: NgtDropzoneValidationConfig): ValidatorFn[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveDropzoneValidationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgtReactiveDropzoneValidationService>;
+}

package/components/forms/reactive/ngt-reactive-dropzone/services/ngt-reactive-dropzone-viewer.service.d.ts

@@ -0,0 +1,22 @@
+import Viewer from 'viewerjs';
+import * as i0 from "@angular/core";
+export interface ViewerConfig {
+    navbar?: boolean;
+    toolbar?: {
+        zoomIn?: boolean;
+        zoomOut?: boolean;
+        reset?: boolean;
+        rotateLeft?: boolean;
+        rotateRight?: boolean;
+        prev?: boolean;
+        next?: boolean;
+    };
+    initialViewIndex?: number;
+}
+export declare class NgtReactiveDropzoneViewerService {
+    private readonly defaultConfig;
+    createImagePreview(resources: any[], filterCallback: (resource: any) => boolean): HTMLElement;
+    showViewer(element: HTMLElement, index?: number, onHidden?: () => void, customConfig?: Partial<ViewerConfig>): Viewer;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveDropzoneViewerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgtReactiveDropzoneViewerService>;
+}

package/components/forms/reactive/ngt-reactive-form/ngt-reactive-form.component.d.ts

@@ -0,0 +1,55 @@
+import { EventEmitter, OnDestroy, OnInit, WritableSignal } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { ActivatedRoute } from '@angular/router';
+import { NgtHttpFormService } from '../../../../services/http/ngt-http-form.service';
+import { NgtAbilityValidationService } from '../../../../services/validation/ngt-ability-validation.service';
+import * as i0 from "@angular/core";
+export declare enum NgtReactFormState {
+    CREATING = "CREATING",
+    EDITING = "EDITING"
+}
+export declare class NgtReactiveFormComponent implements OnInit, OnDestroy {
+    private abilityValidationService;
+    private httpFormService;
+    private activatedRoute;
+    static onSubmitInvalidForm: EventEmitter<FormGroup>;
+    /** Inputs */
+    readonly form: import("@angular/core").InputSignal<FormGroup<any>>;
+    readonly resource: import("@angular/core").InputSignal<any>;
+    readonly guessFormState: import("@angular/core").InputSignal<boolean>;
+    readonly invalidFormMessage: import("@angular/core").InputSignal<string>;
+    readonly routeIdentifier: import("@angular/core").InputSignal<string>;
+    readonly customLayout: import("@angular/core").InputSignal<boolean>;
+    readonly isDisabled: import("@angular/core").InputSignal<boolean>;
+    /** Outputs */
+    readonly onCreating: import("@angular/core").OutputEmitterRef<void>;
+    readonly onEditing: import("@angular/core").OutputEmitterRef<any>;
+    readonly onResourceLoadingError: import("@angular/core").OutputEmitterRef<string>;
+    /** Signals */
+    readonly formState: WritableSignal<NgtReactFormState>;
+    readonly uriId: WritableSignal<any>;
+    readonly loading: WritableSignal<boolean>;
+    readonly shining: WritableSignal<boolean>;
+    readonly canShowInvalidFormMessage: WritableSignal<boolean>;
+    readonly isFormGroupDisabled: WritableSignal<boolean>;
+    readonly isDisabledState: import("@angular/core").Signal<boolean>;
+    private subscriptions;
+    private isSubmitted;
+    constructor(abilityValidationService: NgtAbilityValidationService, httpFormService: NgtHttpFormService, activatedRoute: ActivatedRoute);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    onSubmit(): void;
+    setFormState(state: NgtReactFormState, triggerChange?: boolean): void;
+    isCreating(): boolean;
+    isEditing(): boolean;
+    isDirty(): boolean;
+    private triggerFormStateChange;
+    private triggerFormCreating;
+    private triggerFormEditing;
+    private determineFormState;
+    private subcribeFormGroupStatusChanges;
+    private bindDisabledStateByAbilityValidation;
+    private destroySubscriptions;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveFormComponent, [{ optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgtReactiveFormComponent, "ngt-reactive-form", never, { "form": { "alias": "form"; "required": true; "isSignal": true; }; "resource": { "alias": "resource"; "required": true; "isSignal": true; }; "guessFormState": { "alias": "guessFormState"; "required": false; "isSignal": true; }; "invalidFormMessage": { "alias": "invalidFormMessage"; "required": false; "isSignal": true; }; "routeIdentifier": { "alias": "routeIdentifier"; "required": false; "isSignal": true; }; "customLayout": { "alias": "customLayout"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; }, { "onCreating": "onCreating"; "onEditing": "onEditing"; "onResourceLoadingError": "onResourceLoadingError"; }, never, ["*"], true, never>;
+}

package/components/forms/reactive/ngt-reactive-input/ngt-reactive-input.component.d.ts

@@ -0,0 +1,134 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef, Injector, OnDestroy, Renderer2, Signal, TemplateRef, WritableSignal } from '@angular/core';
+import { AsyncValidatorFn, ValidatorFn } from '@angular/forms';
+import { NgtStylizableDirective } from '../../../../directives/ngt-stylizable/ngt-stylizable.directive';
+import { InputMaskEnum } from '../../../../helpers/input-mask/input-mask.helper';
+import { NgtHttpFindExistingResourceInterface, NgtHttpResourceService } from '../../../../services/http/ngt-http-resource.service';
+import { NgtTranslateService } from '../../../../services/http/ngt-translate.service';
+import { NgtStylizableService } from '../../../../services/ngt-stylizable/ngt-stylizable.service';
+import { NgtReactiveFormComponent } from '../ngt-reactive-form/ngt-reactive-form.component';
+import { NgtSectionComponent } from '../../../ngt-section/ngt-section.component';
+import { NgtModalComponent } from '../../../ngt-modal/ngt-modal.component';
+import { NgtControlValueAccessor } from '../../../../base/ngt-control-value-accessor';
+import { NgtReactiveInputMaskService } from './services/ngt-reactive-input-mask.service';
+import { NgtReactiveInputValidationService } from './services/ngt-reactive-input-validation.service';
+import { NgtReactiveInputLoaderService } from './services/ngt-reactive-input-loader.service';
+import * as i0 from "@angular/core";
+export declare class NgtReactiveInputComponent extends NgtControlValueAccessor implements AfterViewInit, OnDestroy {
+    private ngtStylizableDirective;
+    private ngtResourceService;
+    private translateService;
+    private ngtForm;
+    private ngtSection;
+    private ngtModal;
+    private validationService;
+    private maskService;
+    private loaderService;
+    private renderer;
+    private changeDetector;
+    protected injector: Injector;
+    inputElement: ElementRef;
+    /** Visual Inputs */
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly helpTitle: import("@angular/core").InputSignal<string>;
+    readonly helpText: import("@angular/core").InputSignal<string>;
+    readonly helpTextColor: import("@angular/core").InputSignal<string>;
+    readonly innerLeftIcon: import("@angular/core").InputSignal<string>;
+    readonly innerLeftIconColor: import("@angular/core").InputSignal<string>;
+    readonly innerRightIcon: import("@angular/core").InputSignal<string>;
+    readonly innerRightIconColor: import("@angular/core").InputSignal<string>;
+    readonly customInnerContentTemplate: import("@angular/core").InputSignal<TemplateRef<any>>;
+    readonly showCharactersLength: import("@angular/core").InputSignal<boolean>;
+    readonly helperReverseYPosition: import("@angular/core").InputSignal<boolean>;
+    readonly helperAutoXReverse: import("@angular/core").InputSignal<boolean>;
+    readonly shining: import("@angular/core").InputSignal<boolean>;
+    readonly loading: import("@angular/core").InputSignal<boolean>;
+    /** Behavior Inputs */
+    readonly type: import("@angular/core").InputSignal<string>;
+    readonly mask: import("@angular/core").InputSignal<InputMaskEnum>;
+    readonly decimalMaskPrecision: import("@angular/core").InputSignal<number>;
+    readonly isDisabled: import("@angular/core").InputSignal<boolean>;
+    readonly isReadonly: import("@angular/core").InputSignal<boolean>;
+    readonly focus: import("@angular/core").InputSignal<boolean>;
+    readonly allowClear: import("@angular/core").InputSignal<boolean>;
+    readonly roundedInnerIcon: import("@angular/core").InputSignal<boolean>;
+    /** Validation Inputs */
+    readonly findExistingResource: import("@angular/core").InputSignal<NgtHttpFindExistingResourceInterface>;
+    readonly uniqueResource: import("@angular/core").InputSignal<any>;
+    readonly passwordableId: import("@angular/core").InputSignal<string>;
+    readonly passwordPolicyId: import("@angular/core").InputSignal<string>;
+    readonly match: import("@angular/core").InputSignal<string>;
+    readonly customSyncValidators: import("@angular/core").InputSignal<ValidatorFn[]>;
+    readonly customAsyncValidators: import("@angular/core").InputSignal<AsyncValidatorFn[]>;
+    readonly validateMinValueOnMask: import("@angular/core").InputSignal<boolean>;
+    readonly allowPhoneValidation: import("@angular/core").InputSignal<boolean>;
+    readonly validatePassword: import("@angular/core").InputSignal<boolean>;
+    readonly isRequired: import("@angular/core").InputSignal<boolean>;
+    readonly minValue: import("@angular/core").InputSignal<number>;
+    readonly maxValue: import("@angular/core").InputSignal<number>;
+    readonly maxLength: import("@angular/core").InputSignal<number>;
+    readonly minLength: import("@angular/core").InputSignal<number>;
+    readonly uppercase: import("@angular/core").InputSignal<boolean>;
+    /** Outputs */
+    readonly onClickLeftIcon: import("@angular/core").OutputEmitterRef<void>;
+    readonly onClickRightIcon: import("@angular/core").OutputEmitterRef<void>;
+    readonly validatePhoneResult: import("@angular/core").OutputEmitterRef<any>;
+    /** Computed Signals */
+    readonly isShining: Signal<boolean>;
+    readonly isLoading: Signal<boolean>;
+    readonly isDisabledByParent: Signal<boolean>;
+    readonly isDisabledState: Signal<boolean>;
+    readonly currentValue: Signal<any>;
+    readonly inputPaddingClass: Signal<string>;
+    readonly shouldShowClearButton: Signal<boolean>;
+    readonly shouldShowPasswordIcon: Signal<boolean>;
+    readonly shouldShowRightIcon: Signal<boolean>;
+    readonly remainingCharacters: Signal<number>;
+    readonly inputClasses: Signal<string>;
+    /** Other */
+    existingResourceId: string;
+    /** Internal Control */
+    readonly inputHtmlType: WritableSignal<string>;
+    readonly maxLengthByHtmlType: WritableSignal<string>;
+    ngtStyle: NgtStylizableService;
+    private phoneValidatorTimeout;
+    private searchExistingResourceTimeout;
+    private readonly formControlHasErrors;
+    private readonly formControlIsDirty;
+    private subscriptions;
+    private listeners;
+    constructor(ngtStylizableDirective: NgtStylizableDirective, ngtResourceService: NgtHttpResourceService, translateService: NgtTranslateService, ngtForm: NgtReactiveFormComponent, ngtSection: NgtSectionComponent, ngtModal: NgtModalComponent, validationService: NgtReactiveInputValidationService, maskService: NgtReactiveInputMaskService, loaderService: NgtReactiveInputLoaderService, renderer: Renderer2, changeDetector: ChangeDetectorRef, injector: Injector);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    onNativeChange(): void;
+    change(value: string | number): void;
+    setFocus(): void;
+    clearInput(event?: Event): void;
+    restorePlaceholder(): void;
+    showPassword(): void;
+    hidePassword(): void;
+    getTranslation(key: string): string;
+    hasFocus(): boolean;
+    private setupComponent;
+    private setupPropertiesByHtmlType;
+    private setupSubscriptions;
+    private registerEffects;
+    private setupValidators;
+    private setupMask;
+    private setupNgtStylizable;
+    private searchExistingResource;
+    private validatePhone;
+    private setNativeValue;
+    private getNativeValue;
+    private getElementTitle;
+    private hasChangesBetweenValues;
+    private getInputPaddingClass;
+    private getShouldShowClearButton;
+    private getRemainingCharacters;
+    private getInputClasses;
+    private destroySubscriptions;
+    private destroyListeners;
+    private clearTimeouts;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtReactiveInputComponent, [{ optional: true; self: true; }, { optional: true; skipSelf: true; }, { optional: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, null, null, null, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgtReactiveInputComponent, "ngt-reactive-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "helpTitle": { "alias": "helpTitle"; "required": false; "isSignal": true; }; "helpText": { "alias": "helpText"; "required": false; "isSignal": true; }; "helpTextColor": { "alias": "helpTextColor"; "required": false; "isSignal": true; }; "innerLeftIcon": { "alias": "innerLeftIcon"; "required": false; "isSignal": true; }; "innerLeftIconColor": { "alias": "innerLeftIconColor"; "required": false; "isSignal": true; }; "innerRightIcon": { "alias": "innerRightIcon"; "required": false; "isSignal": true; }; "innerRightIconColor": { "alias": "innerRightIconColor"; "required": false; "isSignal": true; }; "customInnerContentTemplate": { "alias": "customInnerContentTemplate"; "required": false; "isSignal": true; }; "showCharactersLength": { "alias": "showCharactersLength"; "required": false; "isSignal": true; }; "helperReverseYPosition": { "alias": "helperReverseYPosition"; "required": false; "isSignal": true; }; "helperAutoXReverse": { "alias": "helperAutoXReverse"; "required": false; "isSignal": true; }; "shining": { "alias": "shining"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "decimalMaskPrecision": { "alias": "decimalMaskPrecision"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "focus": { "alias": "focus"; "required": false; "isSignal": true; }; "allowClear": { "alias": "allowClear"; "required": false; "isSignal": true; }; "roundedInnerIcon": { "alias": "roundedInnerIcon"; "required": false; "isSignal": true; }; "findExistingResource": { "alias": "findExistingResource"; "required": false; "isSignal": true; }; "uniqueResource": { "alias": "uniqueResource"; "required": false; "isSignal": true; }; "passwordableId": { "alias": "passwordableId"; "required": false; "isSignal": true; }; "passwordPolicyId": { "alias": "passwordPolicyId"; "required": false; "isSignal": true; }; "match": { "alias": "match"; "required": false; "isSignal": true; }; "customSyncValidators": { "alias": "customSyncValidators"; "required": false; "isSignal": true; }; "customAsyncValidators": { "alias": "customAsyncValidators"; "required": false; "isSignal": true; }; "validateMinValueOnMask": { "alias": "validateMinValueOnMask"; "required": false; "isSignal": true; }; "allowPhoneValidation": { "alias": "allowPhoneValidation"; "required": false; "isSignal": true; }; "validatePassword": { "alias": "validatePassword"; "required": false; "isSignal": true; }; "isRequired": { "alias": "isRequired"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "uppercase": { "alias": "uppercase"; "required": false; "isSignal": true; }; }, { "onClickLeftIcon": "onClickLeftIcon"; "onClickRightIcon": "onClickRightIcon"; "validatePhoneResult": "validatePhoneResult"; }, never, ["*"], true, never>;
+}