ng-tailwind 6.4.5 → 7.0.0

package/components/{ngt-select → forms/template-driven/ngt-select}/ngt-select.module.d.ts

@@ -4,13 +4,13 @@ import * as i2 from "./ngt-select.directive";
 import * as i3 from "@angular/common";
 import * as i4 from "@angular/forms";
 import * as i5 from "@ng-select/ng-select";
-import * as i6 from "../ngt-validation/ngt-validation.module";
+import * as i6 from "../../../ngt-validation/ngt-validation.module";
 import * as i7 from "../ngt-form/ngt-form.module";
-import * as i8 from "../ngt-shining/ngt-shining.module";
-import * as i9 from "../ngt-helper/ngt-helper.module";
-import * as i10 from "../ngt-svg/ngt-svg.module";
+import * as i8 from "../../../ngt-shining/ngt-shining.module";
+import * as i9 from "../../../ngt-helper/ngt-helper.component";
+import * as i10 from "../../../ngt-svg/ngt-svg.module";
 export declare class NgtSelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtSelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgtSelectModule, [typeof i1.NgtSelectComponent, typeof i2.NgtSelectOptionTmp, typeof i2.NgtSelectOptionSelectedTmp, typeof i2.NgtSelectHeaderTmp], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.NgSelectModule, typeof i6.NgtValidationModule, typeof i7.NgtFormModule, typeof i8.NgtShiningModule, typeof i9.NgtHelperModule, typeof i10.NgtSvgModule], [typeof i1.NgtSelectComponent, typeof i2.NgtSelectOptionTmp, typeof i2.NgtSelectOptionSelectedTmp, typeof i2.NgtSelectHeaderTmp]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgtSelectModule, [typeof i1.NgtSelectComponent, typeof i2.NgtSelectOptionTmp, typeof i2.NgtSelectOptionSelectedTmp, typeof i2.NgtSelectHeaderTmp], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.NgSelectModule, typeof i6.NgtValidationModule, typeof i7.NgtFormModule, typeof i8.NgtShiningModule, typeof i9.NgtHelperComponent, typeof i10.NgtSvgModule], [typeof i1.NgtSelectComponent, typeof i2.NgtSelectOptionTmp, typeof i2.NgtSelectOptionSelectedTmp, typeof i2.NgtSelectHeaderTmp]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgtSelectModule>;
 }

package/components/{ngt-slider → forms/template-driven/ngt-slider}/ngt-slider.component.d.ts

@@ -1,6 +1,6 @@
 import { AfterViewInit, ElementRef, OnDestroy, Renderer2 } from '@angular/core';
 import { ControlContainer } from '@angular/forms';
-import { NgtBaseNgModel } from '../../base/ngt-base-ng-model';
+import { NgtControlValueAccessor } from '../../../../base/ngt-control-value-accessor';
 import { NgtFormComponent } from '../ngt-form/ngt-form.component';
 import * as i0 from "@angular/core";
 export declare enum NgtSliderColorSchemeEnum {
@@ -9,7 +9,7 @@ export declare enum NgtSliderColorSchemeEnum {
     WARNING = "warning",
     DANGER = "danger"
 }
-export declare class NgtSliderComponent extends NgtBaseNgModel implements AfterViewInit, OnDestroy {
+export declare class NgtSliderComponent extends NgtControlValueAccessor implements AfterViewInit, OnDestroy {
     formContainer: ControlContainer;
     private renderer;
     private ngtFormComponent;

package/components/{ngt-slider → forms/template-driven/ngt-slider}/ngt-slider.module.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./ngt-slider.component";
 import * as i2 from "@angular/common";
-import * as i3 from "../ngt-shining/ngt-shining.module";
+import * as i3 from "../../../ngt-shining/ngt-shining.module";
 export declare class NgtSliderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtSliderModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<NgtSliderModule, [typeof i1.NgtSliderComponent], [typeof i2.CommonModule, typeof i3.NgtShiningModule], [typeof i1.NgtSliderComponent]>;

package/components/{ngt-textarea → forms/template-driven/ngt-textarea}/ngt-textarea.component.d.ts

@@ -1,17 +1,17 @@
 import { ElementRef, Injector, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import { ControlContainer } from '@angular/forms';
-import { NgtBaseNgModel } from '../../base/ngt-base-ng-model';
-import { NgtStylizableDirective } from '../../directives/ngt-stylizable/ngt-stylizable.directive';
-import { NgtTranslateService } from '../../services/http/ngt-translate.service';
-import { NgtStylizableService } from '../../services/ngt-stylizable/ngt-stylizable.service';
+import { NgtControlValueAccessor } from '../../../../base/ngt-control-value-accessor';
+import { NgtStylizableDirective } from '../../../../directives/ngt-stylizable/ngt-stylizable.directive';
+import { NgtTranslateService } from '../../../../services/http/ngt-translate.service';
+import { NgtStylizableService } from '../../../../services/ngt-stylizable/ngt-stylizable.service';
 import { NgtFormComponent } from '../ngt-form/ngt-form.component';
 import * as i0 from "@angular/core";
-export declare class NgtTextareaComponent extends NgtBaseNgModel implements OnInit, OnDestroy {
-    private injector;
+export declare class NgtTextareaComponent extends NgtControlValueAccessor implements OnInit, OnDestroy {
     private ngtStylizableDirective;
     formContainer: ControlContainer;
     private ngtFormComponent;
     private renderer;
+    protected injector: Injector;
     ngtTranslateService: NgtTranslateService;
     element: ElementRef;
     label: string;
@@ -32,7 +32,7 @@ export declare class NgtTextareaComponent extends NgtBaseNgModel implements OnIn
     componentReady: boolean;
     ngtStyle: NgtStylizableService;
     private subscriptions;
-    constructor(injector: Injector, ngtStylizableDirective: NgtStylizableDirective, formContainer: ControlContainer, ngtFormComponent: NgtFormComponent, renderer: Renderer2, ngtTranslateService: NgtTranslateService);
+    constructor(ngtStylizableDirective: NgtStylizableDirective, formContainer: ControlContainer, ngtFormComponent: NgtFormComponent, renderer: Renderer2, injector: Injector, ngtTranslateService: NgtTranslateService);
     ngOnChanges(changes: any): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -44,6 +44,6 @@ export declare class NgtTextareaComponent extends NgtBaseNgModel implements OnIn
     private updateValidations;
     private getNativeValue;
     private destroySubscriptions;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgtTextareaComponent, [null, { optional: true; self: true; }, { optional: true; host: true; }, { optional: true; skipSelf: true; }, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtTextareaComponent, [{ optional: true; self: true; }, { optional: true; host: true; }, { optional: true; skipSelf: true; }, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgtTextareaComponent, "ngt-textarea", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "showCharactersLength": { "alias": "showCharactersLength"; "required": false; }; "helpTitle": { "alias": "helpTitle"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "helpTextColor": { "alias": "helpTextColor"; "required": false; }; "shining": { "alias": "shining"; "required": false; }; "name": { "alias": "name"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isReadonly": { "alias": "isReadonly"; "required": false; }; "jit": { "alias": "jit"; "required": false; }; "focus": { "alias": "focus"; "required": false; }; "isRequired": { "alias": "isRequired"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/components/{ngt-textarea → forms/template-driven/ngt-textarea}/ngt-textarea.module.d.ts

@@ -2,12 +2,12 @@ import * as i0 from "@angular/core";
 import * as i1 from "./ngt-textarea.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/forms";
-import * as i4 from "../ngt-validation/ngt-validation.module";
-import * as i5 from "../ngt-shining/ngt-shining.module";
-import * as i6 from "../ngt-helper/ngt-helper.module";
+import * as i4 from "../../../ngt-validation/ngt-validation.module";
+import * as i5 from "../../../ngt-shining/ngt-shining.module";
+import * as i6 from "../../../ngt-helper/ngt-helper.component";
 import * as i7 from "../ngt-form/ngt-form.module";
 export declare class NgtTextareaModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtTextareaModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgtTextareaModule, [typeof i1.NgtTextareaComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.NgtValidationModule, typeof i5.NgtShiningModule, typeof i6.NgtHelperModule, typeof i7.NgtFormModule], [typeof i1.NgtTextareaComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgtTextareaModule, [typeof i1.NgtTextareaComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.NgtValidationModule, typeof i5.NgtShiningModule, typeof i6.NgtHelperComponent, typeof i7.NgtFormModule], [typeof i1.NgtTextareaComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgtTextareaModule>;
 }

package/components/ngt-action/ngt-action.component.d.ts

@@ -1,7 +1,8 @@
 import { Injector, OnDestroy } from '@angular/core';
 import { NgtStylizableDirective } from '../../directives/ngt-stylizable/ngt-stylizable.directive';
 import { NgtStylizableService } from '../../services/ngt-stylizable/ngt-stylizable.service';
-import { NgtFormComponent } from '../ngt-form/ngt-form.component';
+import { NgtFormComponent } from '../forms/template-driven/ngt-form/ngt-form.component';
+import { NgtReactiveFormComponent } from '../forms/reactive/ngt-reactive-form/ngt-reactive-form.component';
 import { NgtSectionComponent } from '../ngt-section/ngt-section.component';
 import { NgtModalComponent } from '../ngt-modal/ngt-modal.component';
 import { NgtModalBodyComponent } from '../ngt-modal/ngt-modal-body/ngt-modal-body.component';
@@ -10,6 +11,7 @@ export declare class NgtActionComponent implements OnDestroy {
     private injector;
     private ngtStylizableDirective;
     ngtForm: NgtFormComponent;
+    private ngtReactiveForm;
     ngtSection: NgtSectionComponent;
     ngtModal: NgtModalComponent;
     ngtModalBody: NgtModalBodyComponent;
@@ -19,12 +21,12 @@ export declare class NgtActionComponent implements OnDestroy {
     isDisabled: boolean;
     forceEnable: boolean;
     private subscriptions;
-    constructor(injector: Injector, ngtStylizableDirective: NgtStylizableDirective, ngtForm: NgtFormComponent, ngtSection: NgtSectionComponent, ngtModal: NgtModalComponent, ngtModalBody: NgtModalBodyComponent);
+    constructor(injector: Injector, ngtStylizableDirective: NgtStylizableDirective, ngtForm: NgtFormComponent, ngtReactiveForm: NgtReactiveFormComponent, ngtSection: NgtSectionComponent, ngtModal: NgtModalComponent, ngtModalBody: NgtModalBodyComponent);
     ngOnDestroy(): void;
     onClick(event: Event): void;
     disabled(): boolean;
     private isDisabledByParent;
     private destroySubscriptions;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgtActionComponent, [null, { optional: true; self: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtActionComponent, [null, { optional: true; self: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgtActionComponent, "ngt-action", never, { "href": { "alias": "href"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "ngtStyle": { "alias": "ngtStyle"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "forceEnable": { "alias": "forceEnable"; "required": false; }; }, {}, never, ["*", "*"], false, never>;
 }

package/components/ngt-button/ngt-button.component.d.ts

@@ -1,7 +1,8 @@
 import { AfterViewInit, ChangeDetectorRef, Injector, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
 import { NgtStylizableDirective } from '../../directives/ngt-stylizable/ngt-stylizable.directive';
 import { NgtStylizableService } from '../../services/ngt-stylizable/ngt-stylizable.service';
-import { NgtFormComponent } from '../ngt-form/ngt-form.component';
+import { NgtFormComponent } from '../forms/template-driven/ngt-form/ngt-form.component';
+import { NgtReactiveFormComponent } from '../forms/reactive/ngt-reactive-form/ngt-reactive-form.component';
 import { NgtModalComponent } from '../ngt-modal/ngt-modal.component';
 import { NgtSectionComponent } from '../ngt-section/ngt-section.component';
 import * as i0 from "@angular/core";
@@ -9,6 +10,7 @@ export declare class NgtButtonComponent implements AfterViewInit, OnChanges, OnD
     private changeDetector;
     private injector;
     private ngtForm;
+    private ngtReactiveForm;
     private ngtSection;
     private ngtModal;
     private ngtStylizableDirective;
@@ -21,7 +23,7 @@ export declare class NgtButtonComponent implements AfterViewInit, OnChanges, OnD
     noSubmit: boolean;
     ngtStyle: NgtStylizableService;
     private subscriptions;
-    constructor(changeDetector: ChangeDetectorRef, injector: Injector, ngtForm: NgtFormComponent, ngtSection: NgtSectionComponent, ngtModal: NgtModalComponent, ngtStylizableDirective: NgtStylizableDirective);
+    constructor(changeDetector: ChangeDetectorRef, injector: Injector, ngtForm: NgtFormComponent, ngtReactiveForm: NgtReactiveFormComponent, ngtSection: NgtSectionComponent, ngtModal: NgtModalComponent, ngtStylizableDirective: NgtStylizableDirective);
     onClick(event: Event): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -30,6 +32,6 @@ export declare class NgtButtonComponent implements AfterViewInit, OnChanges, OnD
     private bindSubscriptions;
     private isDisabledByParent;
     private destroySubscriptions;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgtButtonComponent, [null, null, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; self: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtButtonComponent, [null, null, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; self: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgtButtonComponent, "ngt-button", never, { "href": { "alias": "href"; "required": false; }; "type": { "alias": "type"; "required": false; }; "link": { "alias": "link"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "forceEnable": { "alias": "forceEnable"; "required": false; }; "noSubmit": { "alias": "noSubmit"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/components/ngt-button/ngt-button.module.d.ts

@@ -2,7 +2,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "./ngt-button.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/router";
-import * as i4 from "../ngt-form/ngt-form.module";
+import * as i4 from "../forms/template-driven/ngt-form/ngt-form.module";
 export declare class NgtButtonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtButtonModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<NgtButtonModule, [typeof i1.NgtButtonComponent], [typeof i2.CommonModule, typeof i3.RouterModule, typeof i4.NgtFormModule], [typeof i1.NgtButtonComponent]>;

package/components/ngt-datatable/ngt-datatable.component.d.ts

@@ -1,7 +1,7 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, Injector, OnDestroy, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
 import { NgtHttpService } from '../../services/http/ngt-http.service';
 import { NgtTranslateService } from '../../services/http/ngt-translate.service';
-import { NgtInputComponent } from '../ngt-input/ngt-input.component';
+import { NgtInputComponent } from '../forms/template-driven/ngt-input/ngt-input.component';
 import { NgtModalComponent } from '../ngt-modal/ngt-modal.component';
 import { NgtPaginationComponent } from '../ngt-pagination/ngt-pagination.component';
 import { NgtStylizableService } from '../../services/ngt-stylizable/ngt-stylizable.service';

package/components/ngt-datatable/ngt-datatable.module.d.ts

@@ -11,8 +11,8 @@ import * as i9 from "@angular/common";
 import * as i10 from "@angular/forms";
 import * as i11 from "../ngt-shining/ngt-shining.module";
 import * as i12 from "../ngt-pagination/ngt-pagination.module";
-import * as i13 from "../ngt-checkbox/ngt-checkbox.module";
-import * as i14 from "../ngt-input/ngt-input.module";
+import * as i13 from "../forms/template-driven/ngt-checkbox/ngt-checkbox.module";
+import * as i14 from "../forms/template-driven/ngt-input/ngt-input.module";
 import * as i15 from "../ngt-modal/ngt-modal.module";
 import * as i16 from "../ngt-tag/ngt-tag.module";
 import * as i17 from "../ngt-action/ngt-action.module";

package/components/ngt-datatable/ngt-td-check/ngt-td-check.component.d.ts

@@ -1,7 +1,7 @@
 import { ElementRef, EventEmitter, Injector, OnDestroy } from '@angular/core';
 import { NgtStylizableDirective } from '../../../directives/ngt-stylizable/ngt-stylizable.directive';
 import { NgtStylizableService } from '../../../services/ngt-stylizable/ngt-stylizable.service';
-import { NgtCheckboxComponent } from '../../ngt-checkbox/ngt-checkbox.component';
+import { NgtCheckboxComponent } from '../../forms/template-driven/ngt-checkbox/ngt-checkbox.component';
 import { NgtDatatableComponent } from '../ngt-datatable.component';
 import * as i0 from "@angular/core";
 export declare class NgtTdCheckComponent implements OnDestroy {

package/components/ngt-datatable/ngt-th/ngt-th.component.d.ts

@@ -1,7 +1,7 @@
 import { ElementRef, EventEmitter, Injector, OnChanges, OnDestroy, SimpleChanges, TemplateRef } from '@angular/core';
 import { NgtStylizableDirective } from '../../../directives/ngt-stylizable/ngt-stylizable.directive';
 import { NgtStylizableService } from '../../../services/ngt-stylizable/ngt-stylizable.service';
-import { NgtInputComponent } from '../../ngt-input/ngt-input.component';
+import { NgtInputComponent } from '../../forms/template-driven/ngt-input/ngt-input.component';
 import { NgtDatatableComponent } from '../ngt-datatable.component';
 import * as i0 from "@angular/core";
 export declare class NgtThComponent implements OnChanges, OnDestroy {

package/components/ngt-datatable/ngt-th-check/ngt-th-check.component.d.ts

@@ -2,7 +2,7 @@ import { AfterContentInit, ElementRef, Injector, OnDestroy } from '@angular/core
 import { NgtTranslateService } from '../../../services/http/ngt-translate.service';
 import { NgtStylizableDirective } from '../../../directives/ngt-stylizable/ngt-stylizable.directive';
 import { NgtStylizableService } from '../../../services/ngt-stylizable/ngt-stylizable.service';
-import { NgtCheckboxComponent } from '../../ngt-checkbox/ngt-checkbox.component';
+import { NgtCheckboxComponent } from '../../forms/template-driven/ngt-checkbox/ngt-checkbox.component';
 import { NgtDatatableComponent } from '../ngt-datatable.component';
 import * as i0 from "@angular/core";
 export declare class NgtThCheckComponent implements AfterContentInit, OnDestroy {

package/components/ngt-dropdown/ngt-dropdown-container/ngt-dropdown-container.component.d.ts

@@ -1,8 +1,10 @@
-import { EventEmitter } from '@angular/core';
+import { WritableSignal } from '@angular/core';
+import { NgtDropdownComponent } from '../ngt-dropdown.component';
 import * as i0 from "@angular/core";
 export declare class NgtDropdownContainerComponent {
-    onActiveDropdownChange: EventEmitter<any>;
-    setActiveDropdown(activeDropdown: any): void;
+    readonly onActiveDropdownChange: import("@angular/core").OutputEmitterRef<NgtDropdownComponent>;
+    readonly activeDropdown: WritableSignal<NgtDropdownComponent | null>;
+    setActiveDropdown(activeDropdown: NgtDropdownComponent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtDropdownContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgtDropdownContainerComponent, "[ngt-dropdown-container]", never, {}, { "onActiveDropdownChange": "onActiveDropdownChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgtDropdownContainerComponent, "[ngt-dropdown-container]", never, {}, { "onActiveDropdownChange": "onActiveDropdownChange"; }, never, ["*"], true, never>;
 }

package/components/ngt-dropdown/ngt-dropdown.component.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, SimpleChanges } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, OnDestroy, Signal, WritableSignal } from '@angular/core';
 import { NgtDropdownContainerComponent } from './ngt-dropdown-container/ngt-dropdown-container.component';
 import * as i0 from "@angular/core";
 export declare enum NgtDropdownOpenMethod {
@@ -11,27 +11,37 @@ export declare class NgtDropdownComponent implements OnDestroy {
     private ngtDropdownContainer;
     private changeDetector;
     containerRef: ElementRef;
-    scrollable: boolean;
-    autoXReverse: boolean;
-    autoYReverse: boolean;
-    reverseXPosition: boolean;
-    reverseYPosition: boolean;
-    closeOnClick: boolean;
-    closeTimeout: number;
-    openMethod: NgtDropdownOpenMethod;
-    onToggle: EventEmitter<boolean>;
-    onHostClick: EventEmitter<any>;
-    name: string;
-    isOpen: boolean;
-    isYPositionReversed: boolean;
-    isXPositionReversed: boolean;
-    isBindingYPosition: boolean;
-    isBindingXPosition: boolean;
+    /** Visual Inputs */
+    readonly scrollable: import("@angular/core").InputSignal<boolean>;
+    readonly autoXReverse: import("@angular/core").InputSignal<boolean>;
+    readonly autoYReverse: import("@angular/core").InputSignal<boolean>;
+    readonly reverseXPosition: import("@angular/core").InputSignal<boolean>;
+    readonly reverseYPosition: import("@angular/core").InputSignal<boolean>;
+    /** Behavior Inputs */
+    readonly closeOnClick: import("@angular/core").InputSignal<boolean>;
+    readonly closeTimeout: import("@angular/core").InputSignal<number>;
+    readonly openMethod: import("@angular/core").InputSignal<NgtDropdownOpenMethod>;
+    /** Outputs */
+    readonly onToggle: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly onHostClick: import("@angular/core").OutputEmitterRef<any>;
+    /** Computed Signals */
+    readonly shouldReverseXPosition: Signal<boolean>;
+    readonly shouldReverseYPosition: Signal<boolean>;
+    readonly isClickMethod: Signal<boolean>;
+    readonly isHoverMethod: Signal<boolean>;
+    readonly isRightClickMethod: Signal<boolean>;
+    readonly isPopoverClickMethod: Signal<boolean>;
+    /** Internal Signals */
+    readonly uuid: string;
+    readonly isOpen: WritableSignal<boolean>;
+    readonly isYPositionReversed: WritableSignal<boolean>;
+    readonly isXPositionReversed: WritableSignal<boolean>;
+    readonly isBindingContainerYPosition: WritableSignal<boolean>;
+    readonly isBindingContainerXPosition: WritableSignal<boolean>;
+    private readonly containerXPosition;
+    private readonly containerYPosition;
     private subscriptions;
-    private containerXPosition;
-    private containerYPosition;
     constructor(ngtDropdownContainer: NgtDropdownContainerComponent, changeDetector: ChangeDetectorRef);
-    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     open(): void;
     closeOnSelectOption(): void;
@@ -40,14 +50,15 @@ export declare class NgtDropdownComponent implements OnDestroy {
     onHover(host: any, container: any): void;
     onClick(event: Event, host: any, container: any): void;
     onRightClick(event: Event): void;
-    shouldReverseXPosition(): boolean;
-    shouldReverseYPosition(): boolean;
+    private registerEffects;
+    private bindSubscriptions;
     private bindContainerXPosition;
     private bindContainerYPosition;
     private watchHover;
+    private getShouldReverseXPosition;
+    private getShouldReverseYPosition;
     private isInHover;
     private destroySubscriptions;
-    private isClickMethod;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtDropdownComponent, [{ optional: true; skipSelf: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgtDropdownComponent, "ngt-dropdown", never, { "scrollable": { "alias": "scrollable"; "required": false; }; "autoXReverse": { "alias": "autoXReverse"; "required": false; }; "autoYReverse": { "alias": "autoYReverse"; "required": false; }; "reverseXPosition": { "alias": "reverseXPosition"; "required": false; }; "reverseYPosition": { "alias": "reverseYPosition"; "required": false; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; }; "closeTimeout": { "alias": "closeTimeout"; "required": false; }; "openMethod": { "alias": "openMethod"; "required": false; }; }, { "onToggle": "onToggle"; "onHostClick": "onHostClick"; }, never, ["[host]", "[container]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgtDropdownComponent, "ngt-dropdown", never, { "scrollable": { "alias": "scrollable"; "required": false; "isSignal": true; }; "autoXReverse": { "alias": "autoXReverse"; "required": false; "isSignal": true; }; "autoYReverse": { "alias": "autoYReverse"; "required": false; "isSignal": true; }; "reverseXPosition": { "alias": "reverseXPosition"; "required": false; "isSignal": true; }; "reverseYPosition": { "alias": "reverseYPosition"; "required": false; "isSignal": true; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; "isSignal": true; }; "closeTimeout": { "alias": "closeTimeout"; "required": false; "isSignal": true; }; "openMethod": { "alias": "openMethod"; "required": false; "isSignal": true; }; }, { "onToggle": "onToggle"; "onHostClick": "onHostClick"; }, never, ["[host]", "[container]"], true, never>;
 }

package/components/ngt-helper/ngt-helper.component.d.ts

@@ -1,4 +1,5 @@
-import { ElementRef, Injector } from '@angular/core';
+import { Injector, Signal, WritableSignal } from '@angular/core';
+import { NgtDropdownOpenMethod } from '../ngt-dropdown/ngt-dropdown.component';
 import { NgtStylizableDirective } from '../../directives/ngt-stylizable/ngt-stylizable.directive';
 import { NgtTranslateService } from '../../services/http/ngt-translate.service';
 import { NgtStylizableService } from '../../services/ngt-stylizable/ngt-stylizable.service';
@@ -7,19 +8,28 @@ export declare class NgtHelperComponent {
     ngtStylizableDirective: NgtStylizableDirective;
     ngtTranslateService: NgtTranslateService;
     private injector;
-    dropdownRef: ElementRef;
-    helpTextColor: string;
-    helpText: string;
-    helpTitle: string;
-    icon: string;
-    iconSize: string;
-    iconColor: string;
-    iconTitle: string;
-    tooltipSize: string;
-    autoXReverse: boolean;
-    helperReverseYPosition: boolean;
-    ngtStyle: NgtStylizableService;
+    /** Visual Inputs */
+    readonly helpTextColor: import("@angular/core").InputSignal<string>;
+    readonly helpText: import("@angular/core").InputSignal<string>;
+    readonly helpTitle: import("@angular/core").InputSignal<string>;
+    readonly icon: import("@angular/core").InputSignal<string>;
+    readonly iconSize: import("@angular/core").InputSignal<string>;
+    readonly iconColor: import("@angular/core").InputSignal<string>;
+    readonly iconTitle: import("@angular/core").InputSignal<string>;
+    readonly tooltipSize: import("@angular/core").InputSignal<string>;
+    /** Behavior Inputs */
+    readonly autoXReverse: import("@angular/core").InputSignal<boolean>;
+    readonly helperReverseYPosition: import("@angular/core").InputSignal<boolean>;
+    /** Computed Signals */
+    readonly hasIcon: Signal<boolean>;
+    readonly hasHelpText: Signal<boolean>;
+    readonly hasIconTitle: Signal<boolean>;
+    readonly displayHelpTitle: Signal<string>;
+    /** Internal Signals */
+    readonly ngtStyle: WritableSignal<NgtStylizableService>;
+    readonly NgtDropdownOpenMethod: typeof NgtDropdownOpenMethod;
     constructor(ngtStylizableDirective: NgtStylizableDirective, ngtTranslateService: NgtTranslateService, injector: Injector);
+    private setupNgtStylizable;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtHelperComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgtHelperComponent, "ngt-helper", never, { "helpTextColor": { "alias": "helpTextColor"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "helpTitle": { "alias": "helpTitle"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "iconTitle": { "alias": "iconTitle"; "required": false; }; "tooltipSize": { "alias": "tooltipSize"; "required": false; }; "autoXReverse": { "alias": "autoXReverse"; "required": false; }; "helperReverseYPosition": { "alias": "helperReverseYPosition"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgtHelperComponent, "ngt-helper", never, { "helpTextColor": { "alias": "helpTextColor"; "required": false; "isSignal": true; }; "helpText": { "alias": "helpText"; "required": false; "isSignal": true; }; "helpTitle": { "alias": "helpTitle"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "iconTitle": { "alias": "iconTitle"; "required": false; "isSignal": true; }; "tooltipSize": { "alias": "tooltipSize"; "required": false; "isSignal": true; }; "autoXReverse": { "alias": "autoXReverse"; "required": false; "isSignal": true; }; "helperReverseYPosition": { "alias": "helperReverseYPosition"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/components/ngt-modal/ngt-modal.component.d.ts

@@ -10,12 +10,14 @@ export declare class NgtModalComponent implements AfterViewInit {
     private ngtAbilityValidationService;
     customLayout: boolean;
     disableDefaultCloses: boolean;
-    isDisabled: boolean;
     ngtStyle: NgtStylizableService;
     onCloseModal: EventEmitter<void>;
     onOpenModal: EventEmitter<void>;
+    readonly isDisabled: import("@angular/core").InputSignal<boolean>;
+    readonly isDisabledState: import("@angular/core").Signal<boolean>;
     isOpen: boolean;
     viewMode: boolean;
+    private readonly internalDisabledState;
     private keydownEventWasAdded;
     private subscriptions;
     constructor(changeDetectorRef: ChangeDetectorRef, injector: Injector, tailStylizableDirective: NgtStylizableDirective, ngtAbilityValidationService: NgtAbilityValidationService);
@@ -27,5 +29,5 @@ export declare class NgtModalComponent implements AfterViewInit {
     private destroySubscriptions;
     private closeViewMode;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtModalComponent, [null, null, { optional: true; self: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgtModalComponent, "ngt-modal", never, { "customLayout": { "alias": "customLayout"; "required": false; }; "disableDefaultCloses": { "alias": "disableDefaultCloses"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "ngtStyle": { "alias": "ngtStyle"; "required": false; }; }, { "onCloseModal": "onCloseModal"; "onOpenModal": "onOpenModal"; }, never, ["[header]", "[body]", "[footer]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgtModalComponent, "ngt-modal", never, { "customLayout": { "alias": "customLayout"; "required": false; }; "disableDefaultCloses": { "alias": "disableDefaultCloses"; "required": false; }; "ngtStyle": { "alias": "ngtStyle"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; }, { "onCloseModal": "onCloseModal"; "onOpenModal": "onOpenModal"; }, never, ["[header]", "[body]", "[footer]", "*"], false, never>;
 }

package/components/ngt-pagination/ngt-pagination.module.d.ts

@@ -4,7 +4,7 @@ import * as i2 from "@angular/common";
 import * as i3 from "@angular/forms";
 import * as i4 from "../../directives/ngt-stylizable/ngt-stylizable.module";
 import * as i5 from "../ngt-action/ngt-action.module";
-import * as i6 from "../ngt-select/ngt-select.module";
+import * as i6 from "../forms/template-driven/ngt-select/ngt-select.module";
 export declare class NgtPaginationModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtPaginationModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<NgtPaginationModule, [typeof i1.NgtPaginationComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.NgtStylizableModule, typeof i5.NgtActionModule, typeof i6.NgtSelectModule], [typeof i1.NgtPaginationComponent]>;

package/components/ngt-popover/ngt-popover.module.d.ts

@@ -3,9 +3,9 @@ import * as i1 from "./ngt-popover.component";
 import * as i2 from "./ngt-popover-tooltip/ngt-popover-tooltip.component";
 import * as i3 from "./ngt-popover.directive";
 import * as i4 from "@angular/common";
-import * as i5 from "../ngt-dropdown/ngt-dropdown.module";
+import * as i5 from "../ngt-dropdown/ngt-dropdown.component";
 export declare class NgtPopoverModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtPopoverModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgtPopoverModule, [typeof i1.NgtPopoverComponent, typeof i2.NgtPopoverTooltipComponent, typeof i3.NgtPopoverDirective], [typeof i4.CommonModule, typeof i5.NgtDropdownModule], [typeof i1.NgtPopoverComponent, typeof i3.NgtPopoverDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgtPopoverModule, [typeof i1.NgtPopoverComponent, typeof i2.NgtPopoverTooltipComponent, typeof i3.NgtPopoverDirective], [typeof i4.CommonModule, typeof i5.NgtDropdownComponent], [typeof i1.NgtPopoverComponent, typeof i3.NgtPopoverDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgtPopoverModule>;
 }

package/components/ngt-portlet/ngt-portlet.module.d.ts

@@ -5,9 +5,9 @@ import * as i3 from "./ngt-portlet-body/ngt-portlet-body.component";
 import * as i4 from "./ngt-portlet-footer/ngt-portlet-footer.component";
 import * as i5 from "@angular/common";
 import * as i6 from "../ngt-svg/ngt-svg.module";
-import * as i7 from "../ngt-helper/ngt-helper.module";
+import * as i7 from "../ngt-helper/ngt-helper.component";
 export declare class NgtPortletModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtPortletModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgtPortletModule, [typeof i1.NgtPortletComponent, typeof i2.NgtPortletHeaderComponent, typeof i3.NgtPortletBodyComponent, typeof i4.NgtPortletFooterComponent], [typeof i5.CommonModule, typeof i6.NgtSvgModule, typeof i7.NgtHelperModule], [typeof i1.NgtPortletComponent, typeof i2.NgtPortletHeaderComponent, typeof i3.NgtPortletBodyComponent, typeof i4.NgtPortletFooterComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgtPortletModule, [typeof i1.NgtPortletComponent, typeof i2.NgtPortletHeaderComponent, typeof i3.NgtPortletBodyComponent, typeof i4.NgtPortletFooterComponent], [typeof i5.CommonModule, typeof i6.NgtSvgModule, typeof i7.NgtHelperComponent], [typeof i1.NgtPortletComponent, typeof i2.NgtPortletHeaderComponent, typeof i3.NgtPortletBodyComponent, typeof i4.NgtPortletFooterComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgtPortletModule>;
 }

package/components/ngt-section/ngt-section.component.d.ts

@@ -19,13 +19,15 @@ export declare class NgtSectionComponent implements AfterViewInit {
     helpTitle: string;
     helpText: string;
     helpIconColor: string;
-    isDisabled: boolean;
     onRemove: EventEmitter<void>;
     onToggleSection: EventEmitter<boolean>;
+    readonly isDisabled: import("@angular/core").InputSignal<boolean>;
+    readonly isDisabledState: import("@angular/core").Signal<boolean>;
     ngtSectionStyle: NgtStylizableService;
     ngtCaptionStyle: NgtStylizableService;
     ngtSubtitleStyle: NgtStylizableService;
     canDisplay: boolean;
+    private readonly internalDisabledState;
     constructor(injector: Injector, changeDetector: ChangeDetectorRef, ngtStylizableDirective: NgtStylizableDirective, ngtAbilityValidationService: NgtAbilityValidationService);
     ngAfterViewInit(): Promise<void>;
     open(): void;
@@ -34,5 +36,5 @@ export declare class NgtSectionComponent implements AfterViewInit {
     scrollTo(): void;
     remove(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtSectionComponent, [null, null, { optional: true; self: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgtSectionComponent, "ngt-section", never, { "name": { "alias": "name"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "accordion": { "alias": "accordion"; "required": false; }; "showSection": { "alias": "showSection"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "helpTitle": { "alias": "helpTitle"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "helpIconColor": { "alias": "helpIconColor"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; }, { "onRemove": "onRemove"; "onToggleSection": "onToggleSection"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgtSectionComponent, "ngt-section", never, { "name": { "alias": "name"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "accordion": { "alias": "accordion"; "required": false; }; "showSection": { "alias": "showSection"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "helpTitle": { "alias": "helpTitle"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "helpIconColor": { "alias": "helpIconColor"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; }, { "onRemove": "onRemove"; "onToggleSection": "onToggleSection"; }, never, ["*"], false, never>;
 }

package/components/ngt-section/ngt-section.module.d.ts

@@ -3,9 +3,9 @@ import * as i1 from "./ngt-section.component";
 import * as i2 from "@angular/common";
 import * as i3 from "../../directives/ngt-stylizable/ngt-stylizable.module";
 import * as i4 from "../ngt-svg/ngt-svg.module";
-import * as i5 from "../ngt-helper/ngt-helper.module";
+import * as i5 from "../ngt-helper/ngt-helper.component";
 export declare class NgtSectionModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtSectionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgtSectionModule, [typeof i1.NgtSectionComponent], [typeof i2.CommonModule, typeof i3.NgtStylizableModule, typeof i4.NgtSvgModule, typeof i5.NgtHelperModule], [typeof i1.NgtSectionComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgtSectionModule, [typeof i1.NgtSectionComponent], [typeof i2.CommonModule, typeof i3.NgtStylizableModule, typeof i4.NgtSvgModule, typeof i5.NgtHelperComponent], [typeof i1.NgtSectionComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgtSectionModule>;
 }

package/components/ngt-validation/ngt-validation.component.d.ts

@@ -1,13 +1,19 @@
-import { ControlContainer, UntypedFormControl } from '@angular/forms';
+import { ControlContainer, FormGroupDirective, UntypedFormControl } from '@angular/forms';
 import { NgtTranslateService } from '../../services/http/ngt-translate.service';
 import * as i0 from "@angular/core";
 export declare class NgtValidationComponent {
     ngtTranslateService: NgtTranslateService;
+    private formGroup;
     control: UntypedFormControl;
     container: ControlContainer;
     minValue: number;
     minLength: number;
-    constructor(ngtTranslateService: NgtTranslateService);
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgtValidationComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgtValidationComponent, "ngt-validation", never, { "control": { "alias": "control"; "required": false; }; "container": { "alias": "container"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; }, {}, never, never, false, never>;
+    constructor(ngtTranslateService: NgtTranslateService, formGroup: FormGroupDirective);
+    get isSubmitted(): boolean;
+    get isDirty(): boolean;
+    get isTouched(): boolean;
+    shouldShowError(error: string): boolean;
+    private hasError;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtValidationComponent, [{ optional: true; }, { optional: true; skipSelf: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgtValidationComponent, "ngt-validation", never, { "control": { "alias": "control"; "required": true; }; "container": { "alias": "container"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; }, {}, never, never, false, never>;
 }

package/components/{ngt-dropzone → shared}/custom-dropzone-preview/custom-dropzone-preview.component.d.ts

@@ -1,14 +1,16 @@
-import { OnInit } from '@angular/core';
+import { OnInit, Signal } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 import { NgxDropzonePreviewComponent } from 'ngx-dropzone';
-import { NgtDropzoneFileTypeEnum } from '../ngt-dropzone.meta';
+import { NgtDropzoneFileTypeEnum } from '../../../meta/ngt-dropzone.meta';
 import * as i0 from "@angular/core";
 export declare class CustomDropzonePreviewComponent extends NgxDropzonePreviewComponent implements OnInit {
     sanitizer: DomSanitizer;
-    fileType: NgtDropzoneFileTypeEnum;
+    /** Computed Signals */
+    readonly fileType: Signal<NgtDropzoneFileTypeEnum>;
+    /** Internal Signals */
+    private readonly fileSignal;
     constructor(sanitizer: DomSanitizer);
     ngOnInit(): void;
-    private bindFileType;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomDropzonePreviewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CustomDropzonePreviewComponent, "custom-dropzone-preview", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomDropzonePreviewComponent, "custom-dropzone-preview", never, {}, {}, never, never, true, never>;
 }

package/components/shared/ngt-dropzone-file-viewer/ngt-dropzone-file-viewer.component.d.ts

@@ -0,0 +1,31 @@
+import { Signal, WritableSignal } from '@angular/core';
+import { EloverdeDocViewerComponent } from 'eloverde-doc-viewer';
+import { NgtTranslateService } from '../../../services/http/ngt-translate.service';
+import * as i0 from "@angular/core";
+export declare class NgtDropzoneFileViewerComponent {
+    ngtTranslateService: NgtTranslateService;
+    eloverdeDocViewer: EloverdeDocViewerComponent;
+    /** Visual Inputs */
+    readonly url: import("@angular/core").InputSignal<string>;
+    readonly fileName: import("@angular/core").InputSignal<string>;
+    readonly fileSize: import("@angular/core").InputSignal<number>;
+    readonly disableContent: import("@angular/core").InputSignal<string>;
+    readonly canDownloadFile: import("@angular/core").InputSignal<boolean>;
+    /** Outputs */
+    readonly onClose: import("@angular/core").OutputEmitterRef<void>;
+    /** Internal Signals */
+    readonly canShowViewer: WritableSignal<boolean>;
+    readonly loading: WritableSignal<boolean>;
+    readonly maxFileSize: WritableSignal<number>; /** 30 MB */
+    /** Computed Signals */
+    readonly isFileTooLarge: Signal<boolean>;
+    constructor(ngtTranslateService: NgtTranslateService);
+    keyEvent(event: KeyboardEvent): void;
+    init(): void;
+    close(): void;
+    handleClose(): void;
+    downloadFile(): void;
+    private registerEffects;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgtDropzoneFileViewerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgtDropzoneFileViewerComponent, "ngt-dropzone-file-viewer", never, { "url": { "alias": "url"; "required": false; "isSignal": true; }; "fileName": { "alias": "fileName"; "required": false; "isSignal": true; }; "fileSize": { "alias": "fileSize"; "required": false; "isSignal": true; }; "disableContent": { "alias": "disableContent"; "required": false; "isSignal": true; }; "canDownloadFile": { "alias": "canDownloadFile"; "required": false; "isSignal": true; }; }, { "onClose": "onClose"; }, never, never, true, never>;
+}