@falcon-ng/core 0.0.39 → 0.0.41

package/fesm2022/{falcon-ng-core-falcon-ng-core-XahzcHGw.mjs → falcon-ng-core-falcon-ng-core-DyR85wUA.mjs}

@@ -56,8 +56,8 @@ import { merge, fromEvent, iif, EMPTY, startWith, skip, of, from, tap } from 'rx
 import { MatFormFieldModule } from '@angular/material/form-field';
 
 class AngularmaterialModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AngularmaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: AngularmaterialModule, exports: [A11yModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AngularmaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: AngularmaterialModule, exports: [A11yModule,
             ClipboardModule,
             CdkStepperModule,
             CdkTableModule,
@@ -100,8 +100,8 @@ class AngularmaterialModule {
             MatTreeModule,
             OverlayModule,
             PortalModule,
-            ScrollingModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AngularmaterialModule, imports: [A11yModule,
+            ScrollingModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AngularmaterialModule, imports: [A11yModule,
             ClipboardModule,
             CdkStepperModule,
             CdkTableModule,
@@ -144,9 +144,9 @@ class AngularmaterialModule {
             MatTreeModule,
             OverlayModule,
             PortalModule,
-            ScrollingModule] }); }
+            ScrollingModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AngularmaterialModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AngularmaterialModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -202,9 +202,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
 const CONTROL_DATA = new InjectionToken('Control Data');
 
 class ControlInjectionPipe {
-    constructor() {
-        this.injector = inject(Injector);
-    }
+    injector = inject(Injector);
     transform(formControlName, config) {
         return Injector.create({
             parent: this.injector,
@@ -216,10 +214,10 @@ class ControlInjectionPipe {
             ]
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ControlInjectionPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: ControlInjectionPipe, isStandalone: true, name: "controlInjection" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ControlInjectionPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: ControlInjectionPipe, isStandalone: true, name: "controlInjection" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ControlInjectionPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ControlInjectionPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'controlInjection',
@@ -247,9 +245,7 @@ const VALIDATION_ERROR_MESSAGES = new InjectionToken(`Validation Messages`, {
 });
 
 class ErrorMessagePipe {
-    constructor() {
-        this.errorMessages = inject(VALIDATION_ERROR_MESSAGES);
-    }
+    errorMessages = inject(VALIDATION_ERROR_MESSAGES);
     transform(key, errorValue) {
         if (!this.errorMessages[key]) {
             console.warn(`Missing message for ${key} validator...`);
@@ -257,10 +253,10 @@ class ErrorMessagePipe {
         }
         return this.errorMessages[key](errorValue);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ErrorMessagePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: ErrorMessagePipe, isStandalone: true, name: "errorMessage" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ErrorMessagePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: ErrorMessagePipe, isStandalone: true, name: "errorMessage" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ErrorMessagePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ErrorMessagePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'errorMessage',
@@ -269,23 +265,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
         }] });
 
 class ValidationErrorComponent {
-    constructor() {
-        this.errors = null;
-    }
+    errors = null;
     trackByFn(index, item) {
         return item.key;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ValidationErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: ValidationErrorComponent, isStandalone: true, selector: "falcon-error", inputs: { errors: "errors" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ValidationErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: ValidationErrorComponent, isStandalone: true, selector: "falcon-error", inputs: { errors: "errors" }, ngImport: i0, template: `
     @if (errors) { @for (error of errors | keyvalue; track trackByFn($index,
     error)) {
     <mat-error [style.bottom.px]="18" [style.position]="'relative'">{{
       error.key | errorMessage : error.value
     }}</mat-error>
     } }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "pipe", type: i2.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: ErrorMessagePipe, name: "errorMessage" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "pipe", type: i2.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: ErrorMessagePipe, name: "errorMessage" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ValidationErrorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ValidationErrorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'falcon-error',
@@ -308,10 +302,10 @@ class ErrorStateMatcherService {
     isErrorState(control, form) {
         return Boolean(control && control.invalid && form && form.touched);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ErrorStateMatcherService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ErrorStateMatcherService, providedIn: 'root' }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ErrorStateMatcherService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ErrorStateMatcherService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ErrorStateMatcherService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ErrorStateMatcherService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -319,15 +313,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
         }] });
 
 class ValidationMessageDirective {
-    constructor() {
-        this.ngControl = inject(NgControl, { self: true, optional: true }) ||
-            inject(ControlContainer, { self: true });
-        this.elementRef = inject(ElementRef);
-        this.errorStateMatcher = inject(ErrorStateMatcherService);
-        this.container = inject(ViewContainerRef);
-        this.parentContainer = inject(ControlContainer, { optional: true });
-        this.componentRef = null;
-    }
+    ngControl = inject(NgControl, { self: true, optional: true }) ||
+        inject(ControlContainer, { self: true });
+    elementRef = inject(ElementRef);
+    errorStateMatcher = inject(ErrorStateMatcherService);
+    container = inject(ViewContainerRef);
+    parentContainer = inject(ControlContainer, { optional: true });
+    errorMessageTrigger;
+    componentRef = null;
     get form() {
         return this.parentContainer?.formDirective;
     }
@@ -354,10 +347,10 @@ class ValidationMessageDirective {
     ngOnDestroy() {
         this.errorMessageTrigger.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ValidationMessageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: ValidationMessageDirective, isStandalone: true, selector: "[formControl]:not([withoutValidationErrors]),[formControlName]:not([withoutValidationErrors]),[formGroupName]:not([withoutValidationErrors]))", inputs: { errorStateMatcher: "errorStateMatcher", container: "container" }, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ValidationMessageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: ValidationMessageDirective, isStandalone: true, selector: "[formControl]:not([withoutValidationErrors]),[formControlName]:not([withoutValidationErrors]),[formGroupName]:not([withoutValidationErrors]))", inputs: { errorStateMatcher: "errorStateMatcher", container: "container" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ValidationMessageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ValidationMessageDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -370,13 +363,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
             }] } });
 
 class ValidationMessageContainerDirective {
-    constructor() {
-        this.container = inject(ViewContainerRef);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ValidationMessageContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: ValidationMessageContainerDirective, isStandalone: true, selector: "[falconValidationMessageContainer]", exportAs: ["falconValidationMessageContainer"], ngImport: i0 }); }
+    container = inject(ViewContainerRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ValidationMessageContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: ValidationMessageContainerDirective, isStandalone: true, selector: "[falconValidationMessageContainer]", exportAs: ["falconValidationMessageContainer"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ValidationMessageContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ValidationMessageContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[falconValidationMessageContainer]',
@@ -396,11 +387,9 @@ const controlProvider = {
     useFactory: () => inject(ControlContainer, { skipSelf: true }),
 };
 class BaseControlBuilder {
-    constructor() {
-        this.parentGroupDir = inject(ControlContainer);
-        this.control = inject(CONTROL_DATA);
-        this.formControl = new FormControl(this.control.config.value, this.bindValidators(this.control.config.validations));
-    }
+    parentGroupDir = inject(ControlContainer);
+    control = inject(CONTROL_DATA);
+    formControl = new FormControl(this.control.config.value, this.bindValidators(this.control.config.validations));
     get parentFormGroup() {
         return this.parentGroupDir.control;
     }
@@ -417,43 +406,41 @@ class BaseControlBuilder {
         }
         return Validators.nullValidator;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: BaseControlBuilder, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: BaseControlBuilder, isStandalone: true, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BaseControlBuilder, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: BaseControlBuilder, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: BaseControlBuilder, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BaseControlBuilder, decorators: [{
             type: Directive
         }] });
 
 class ComponentResolver {
-    constructor() {
-        this.loadedControlCompoments = new Map();
-        this.lazyControlComponents = {
-            textbox: () => import('./falcon-ng-core-textbox.component-D9RxleN8.mjs').then(c => c.TextboxComponent),
-            textarea: () => import('./falcon-ng-core-textarea.component-DoPCIW3D.mjs').then(c => c.TextareaComponent),
-            select: () => Promise.resolve().then(function () { return select_component; }).then(c => c.SelectComponent),
-            datepicker: () => import('./falcon-ng-core-datepicker.component-By51i_14.mjs').then(c => c.DatepickerComponent),
-            radio: () => import('./falcon-ng-core-radio.component-BawVGW5S.mjs').then(c => c.RadioComponent),
-            checkbox: () => import('./falcon-ng-core-checkbox.component-ndHL1tL3.mjs').then(c => c.CheckboxComponent),
-            button: () => Promise.resolve().then(function () { return button_component; }).then(c => c.ButtonComponent),
-            slideToggle: () => import('./falcon-ng-core-textarea.component-DoPCIW3D.mjs').then(c => c.TextareaComponent),
-            slider: () => import('./falcon-ng-core-textarea.component-DoPCIW3D.mjs').then(c => c.TextareaComponent),
-            buttonToggle: () => import('./falcon-ng-core-textarea.component-DoPCIW3D.mjs').then(c => c.TextareaComponent),
-            autocomplete: () => import('./falcon-ng-core-autocomplete.component-B45kyG9y.mjs').then(c => c.AutocompleteComponent),
-            chip: () => import('./falcon-ng-core-textarea.component-DoPCIW3D.mjs').then(c => c.TextareaComponent),
-            editor: () => import('./falcon-ng-core-textarea.component-DoPCIW3D.mjs').then(c => c.TextareaComponent),
-            divider: () => import('./falcon-ng-core-textarea.component-DoPCIW3D.mjs').then(c => c.TextareaComponent),
-        };
-    }
+    loadedControlCompoments = new Map();
+    lazyControlComponents = {
+        textbox: () => import('./falcon-ng-core-textbox.component-CBd_DCMZ.mjs').then(c => c.TextboxComponent),
+        textarea: () => import('./falcon-ng-core-textarea.component-BsEkUWPy.mjs').then(c => c.TextareaComponent),
+        select: () => Promise.resolve().then(function () { return select_component; }).then(c => c.SelectComponent),
+        datepicker: () => import('./falcon-ng-core-datepicker.component-DQNvhpkq.mjs').then(c => c.DatepickerComponent),
+        radio: () => import('./falcon-ng-core-radio.component-DnN-21Ne.mjs').then(c => c.RadioComponent),
+        checkbox: () => import('./falcon-ng-core-checkbox.component-kxUIF67g.mjs').then(c => c.CheckboxComponent),
+        button: () => Promise.resolve().then(function () { return button_component; }).then(c => c.ButtonComponent),
+        slideToggle: () => import('./falcon-ng-core-textarea.component-BsEkUWPy.mjs').then(c => c.TextareaComponent),
+        slider: () => import('./falcon-ng-core-textarea.component-BsEkUWPy.mjs').then(c => c.TextareaComponent),
+        buttonToggle: () => import('./falcon-ng-core-textarea.component-BsEkUWPy.mjs').then(c => c.TextareaComponent),
+        autocomplete: () => import('./falcon-ng-core-autocomplete.component-pwEjS0th.mjs').then(c => c.AutocompleteComponent),
+        chip: () => import('./falcon-ng-core-textarea.component-BsEkUWPy.mjs').then(c => c.TextareaComponent),
+        editor: () => import('./falcon-ng-core-textarea.component-BsEkUWPy.mjs').then(c => c.TextareaComponent),
+        divider: () => import('./falcon-ng-core-textarea.component-BsEkUWPy.mjs').then(c => c.TextareaComponent),
+    };
     resolver(controlType) {
         const loadedComponent = this.loadedControlCompoments.get(controlType);
         if (loadedComponent)
             return of(loadedComponent);
         return from(this.lazyControlComponents[controlType]()).pipe(tap(comp => this.loadedControlCompoments.set(controlType, comp)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ComponentResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ComponentResolver, providedIn: 'root' }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ComponentResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ComponentResolver, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ComponentResolver, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ComponentResolver, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -461,6 +448,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
         }] });
 
 class ControlBuilderComponent {
+    componentResolver;
+    cdref;
+    control;
     constructor(componentResolver, cdref) {
         this.componentResolver = componentResolver;
         this.cdref = cdref;
@@ -468,11 +458,11 @@ class ControlBuilderComponent {
     ngAfterContentChecked() {
         this.cdref.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ControlBuilderComponent, deps: [{ token: ComponentResolver }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: ControlBuilderComponent, isStandalone: false, selector: "falcon-control", inputs: { control: "control" }, ngImport: i0, template: `<ng-container class="w-full" [ngComponentOutlet]="componentResolver.resolver(control.controlType) | async"
-                           [ngComponentOutletInjector]="control.formControlName | controlInjection: control"></ng-container>`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: ControlInjectionPipe, name: "controlInjection" }], viewProviders: [controlProvider] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ControlBuilderComponent, deps: [{ token: ComponentResolver }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: ControlBuilderComponent, isStandalone: false, selector: "falcon-control", inputs: { control: "control" }, ngImport: i0, template: `<ng-container class="w-full" [ngComponentOutlet]="componentResolver.resolver(control.controlType) | async"
+                           [ngComponentOutletInjector]="control.formControlName | controlInjection: control"></ng-container>`, isInline: true, dependencies: [{ kind: "directive", type: i2.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: ControlInjectionPipe, name: "controlInjection" }], viewProviders: [controlProvider] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ControlBuilderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ControlBuilderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'falcon-control',
@@ -487,20 +477,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
             }] } });
 
 class CardComponent {
-    constructor() {
-        this.backgroundColor = undefined;
-        this.class = undefined;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: CardComponent, isStandalone: false, selector: "fal-card", inputs: { backgroundColor: "backgroundColor", class: "class" }, host: { properties: { "style.--mat-card-elevated-container-shape": "\"10px\"", "style.--mat-card-elevated-container-elevation": "\"0px 0px 0px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 0px 1px 1px rgba(0.12, 0.12, 0.12, 0.12)\"" } }, ngImport: i0, template: `
+    backgroundColor = undefined;
+    class = undefined;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: CardComponent, isStandalone: false, selector: "fal-card", inputs: { backgroundColor: "backgroundColor", class: "class" }, host: { properties: { "style.--mat-card-elevated-container-shape": "\"10px\"", "style.--mat-card-elevated-container-elevation": "\"0px 0px 0px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 0px 1px 1px rgba(0.12, 0.12, 0.12, 0.12)\"" } }, ngImport: i0, template: `
     <mat-card [ngClass]="class" [style.backgroundColor]="backgroundColor">
       <mat-card-content>
         <ng-content></ng-content>
       </mat-card-content>
     </mat-card>
-  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1$1.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1$1.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: CardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CardComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fal-card',
@@ -526,12 +514,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
             }] } });
 
 class ButtonComponent {
-    constructor() {
-        this.type = 'submit';
-        this.appearance = '';
-        this.disabled = false;
-        this.click = new EventEmitter();
-    }
+    label;
+    type = 'submit';
+    appearance = '';
+    disabled = false;
+    click = new EventEmitter();
     ngOnDestroy() {
         this.click.complete();
     }
@@ -542,31 +529,23 @@ class ButtonComponent {
         }
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: ButtonComponent, isStandalone: false, selector: "fal-button", inputs: { label: "label", type: "type", appearance: "appearance", disabled: "disabled" }, outputs: { click: "click" }, ngImport: i0, template: `
-    <button
-      [matButton]="appearance"
-      [type]="type"
-      (click)="onClick($event)"
-      [disabled]="disabled">
-      <span class="flex items-center justify-center gap-2 mdc-button__label">
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: ButtonComponent, isStandalone: false, selector: "fal-button", inputs: { label: "label", type: "type", appearance: "appearance", disabled: "disabled" }, outputs: { click: "click" }, ngImport: i0, template: `
+    <button [matButton]="appearance" [type]="type" (click)="onClick($event)" [disabled]="disabled">
+      <span class="flex items-center justify-center gap-2 mdc-button__label w-full">
         <ng-content></ng-content>
         <span class="mt-1">{{ label }}</span>
       </span>
     </button>
-  `, isInline: true, dependencies: [{ kind: "component", type: i1$2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }] }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: i1$2.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'fal-button',
                     template: `
-    <button
-      [matButton]="appearance"
-      [type]="type"
-      (click)="onClick($event)"
-      [disabled]="disabled">
-      <span class="flex items-center justify-center gap-2 mdc-button__label">
+    <button [matButton]="appearance" [type]="type" (click)="onClick($event)" [disabled]="disabled">
+      <span class="flex items-center justify-center gap-2 mdc-button__label w-full">
         <ng-content></ng-content>
         <span class="mt-1">{{ label }}</span>
       </span>
@@ -594,14 +573,12 @@ var button_component = /*#__PURE__*/Object.freeze({
 });
 
 class GroupControlBuilderComponent {
-    constructor() {
-        this.formGroupName = undefined;
-        this.innerGroup = new FormGroup({});
-        this.parentContainer = inject(ControlContainer, {
-            optional: true,
-            skipSelf: true,
-        });
-    }
+    formGroupName = undefined;
+    innerGroup = new FormGroup({});
+    parentContainer = inject(ControlContainer, {
+        optional: true,
+        skipSelf: true,
+    });
     get getParentFormGroup() {
         return this.parentContainer?.control;
     }
@@ -617,12 +594,12 @@ class GroupControlBuilderComponent {
             parent.removeControl(this.formGroupName);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: GroupControlBuilderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: GroupControlBuilderComponent, isStandalone: false, selector: "falcon-group-control", inputs: { formGroupName: "formGroupName" }, ngImport: i0, template: `<div [formGroup]="innerGroup">
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: GroupControlBuilderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: GroupControlBuilderComponent, isStandalone: false, selector: "falcon-group-control", inputs: { formGroupName: "formGroupName" }, ngImport: i0, template: `<div [formGroup]="innerGroup">
     <ng-content></ng-content>
-  </div>`, isInline: true, dependencies: [{ kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] }); }
+  </div>`, isInline: true, dependencies: [{ kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: GroupControlBuilderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: GroupControlBuilderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'falcon-group-control',
@@ -637,8 +614,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
             }] } });
 
 class FalconCoreModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: FalconCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: FalconCoreModule, declarations: [ControlBuilderComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FalconCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: FalconCoreModule, declarations: [ControlBuilderComponent,
             CardComponent,
             ButtonComponent,
             GroupControlBuilderComponent], imports: [AngularmaterialModule,
@@ -648,12 +625,12 @@ class FalconCoreModule {
             ControlBuilderComponent,
             CardComponent,
             ButtonComponent,
-            GroupControlBuilderComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: FalconCoreModule, imports: [AngularmaterialModule,
+            GroupControlBuilderComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FalconCoreModule, imports: [AngularmaterialModule,
             CommonModule,
-            ReactiveFormsModule, AngularmaterialModule] }); }
+            ReactiveFormsModule, AngularmaterialModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: FalconCoreModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FalconCoreModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -678,6 +655,158 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                 }]
         }] });
 
+/**
+ * @description
+ * Enum use for setting the form control Types.
+ * @usageNotes
+ * ```ts
+ *      export class Textbox extends BaseControl<string>{
+ *         override controlType = ControlType.Select;
+ *      }
+ * ```
+ */
+var Control;
+(function (Control) {
+    Control["TextBox"] = "textbox";
+    Control["TextArea"] = "textarea";
+    Control["Select"] = "select";
+    Control["DatePicker"] = "datepicker";
+    Control["Radio"] = "radio";
+    Control["Checkbox"] = "checkbox";
+    Control["Button"] = "button";
+    Control["SlideToggle"] = "slideToggle";
+    Control["Slider"] = "slider";
+    Control["ButtonToggle"] = "buttonToggle";
+    Control["AutoComplete"] = "autocomplete";
+    Control["Chip"] = "chip";
+    Control["Editor"] = "editor";
+    Control["Divider"] = "divider";
+})(Control || (Control = {}));
+/**
+ * @description
+ * Enum use for Appearance of the control.
+ * @usageNotes
+ * Before and After property should be only use for Checkbox and Radio button
+ * ```ts
+ *       if (componentType == ComponentType.Radio && componentType == ComponentType.Checkbox) THEN
+ *          only use Appearance Before and After
+ * ```
+ */
+var Appearance;
+(function (Appearance) {
+    /**
+     * @usageNotes Should be only use for input, textbox, and select
+     */
+    Appearance["Plain"] = "plain";
+    Appearance["Legacy"] = "legacy";
+    Appearance["Standard"] = "standard";
+    Appearance["Fill"] = "fill";
+    Appearance["Outline"] = "outline";
+    /**
+     * @usageNotes Should be only use for label position
+     */
+    Appearance["Before"] = "before";
+    Appearance["After"] = "after";
+    /**
+     * @usageNotes Should be only use for select
+     */
+    Appearance["Multiple"] = "true";
+    /**
+     * @usageNotes Should be only use for Buttom
+     */
+    Appearance[Appearance["Basic"] = 0] = "Basic";
+    Appearance[Appearance["Raised"] = 1] = "Raised";
+    Appearance[Appearance["Stroked"] = 2] = "Stroked";
+    Appearance[Appearance["Flat"] = 3] = "Flat";
+    Appearance[Appearance["Icon"] = 4] = "Icon";
+    Appearance[Appearance["FAB"] = 5] = "FAB";
+    Appearance[Appearance["MiniFAB"] = 6] = "MiniFAB";
+    Appearance[Appearance["routeLink"] = 7] = "routeLink";
+    Appearance[Appearance["routeHref"] = 8] = "routeHref";
+})(Appearance || (Appearance = {}));
+/**
+ * @description
+ * Enum use for setting the attribute Types.
+ * @usageNotes
+ * ```ts
+ *      componentProperty: {
+ *        attrType: InputTypes.Text
+ *      }
+ * ```
+ */
+var InputTypes;
+(function (InputTypes) {
+    InputTypes["Color"] = "color";
+    InputTypes["Date"] = "date";
+    InputTypes["DatetimeLocal"] = "datetime-local";
+    InputTypes["Email"] = "email";
+    InputTypes["Month"] = "month";
+    InputTypes["Number"] = "number";
+    InputTypes["Password"] = "password";
+    InputTypes["Search"] = "search";
+    InputTypes["Tel"] = "tel";
+    InputTypes["Text"] = "text";
+    InputTypes["Time"] = "time";
+    InputTypes["Url"] = "url";
+    InputTypes["Week"] = "week";
+    /**
+     * @usageNotes Should be only use for Buttom
+     */
+    InputTypes["Button"] = "button";
+    InputTypes["Submit"] = "submit";
+    InputTypes["DragDrop"] = "dragDrop";
+})(InputTypes || (InputTypes = {}));
+/**
+ * @description
+ * Enum use for setting HTTP method.
+ * @usageNotes
+ * ```ts
+ *      this.genericHttpClientService.Delete(this.deleteUserUrl).subscribe(item => {}, error => {});
+ * ```
+ */
+var HttpMethod;
+(function (HttpMethod) {
+    HttpMethod["Get"] = "GET";
+    HttpMethod["Post"] = "POST";
+    HttpMethod["Put"] = "PUT";
+    HttpMethod["Patch"] = "PATCH";
+    HttpMethod["Delete"] = "DELETE";
+})(HttpMethod || (HttpMethod = {}));
+/**
+ * @description
+ * Enum use for Table actions
+ */
+var TableAction;
+(function (TableAction) {
+    TableAction[TableAction["View"] = 0] = "View";
+    TableAction[TableAction["Edit"] = 1] = "Edit";
+    TableAction[TableAction["Delete"] = 2] = "Delete";
+    TableAction[TableAction["RightArrow"] = 3] = "RightArrow";
+})(TableAction || (TableAction = {}));
+/**
+ * @description
+ * Enum use for setting the Floating label.
+ * @usageNotes
+ * ```ts
+ *      componentProperty: {
+ *        floatLabel: Floatinglabel.Always
+ *      }
+ * ```
+ */
+var Floatinglabel;
+(function (Floatinglabel) {
+    Floatinglabel["Auto"] = "auto";
+    Floatinglabel["Always"] = "always";
+})(Floatinglabel || (Floatinglabel = {}));
+var LoggingLevel;
+(function (LoggingLevel) {
+    LoggingLevel["None"] = "None";
+    LoggingLevel["Verbose"] = "Verbose";
+    LoggingLevel["Info"] = "Info";
+    LoggingLevel["Warnings"] = "Warnings";
+    LoggingLevel["Errors"] = "Errors";
+})(LoggingLevel || (LoggingLevel = {}));
+
 /**
  * @description
  * Class use for setting the control properties.
@@ -697,13 +826,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
  ** ```
  */
 class BaseControl {
+    value;
+    formControlName;
+    label;
+    labelPosition;
+    order;
+    controlType;
+    type;
+    disabled;
+    options;
+    validations;
+    appearance;
+    class;
+    style;
+    placeHolder;
+    floatLabel;
+    hint;
+    suffix;
+    prefix;
+    textAreaProperty;
+    event;
+    selectProperty;
+    color;
+    sliderProperty;
+    chipSelectedOptions;
+    editorProperty;
+    formArray;
     constructor(options) {
         this.value = options.value;
         this.formControlName = options.formControlName || '';
         this.label = options.label || undefined;
         this.labelPosition = options.labelPosition || 'before' || 'after';
         this.order = options.order === undefined ? 1 : options.order;
-        this.controlType = options.controlType || "button" /* Control.Button */;
+        this.controlType = options.controlType || Control.Button;
         this.type = options.type || '';
         this.disabled = options.disabled || false;
         this.options = options.options || [];
@@ -729,116 +884,71 @@ class BaseControl {
 }
 
 class AutoComplete extends BaseControl {
-    constructor() {
-        super(...arguments);
-        this.controlType = "autocomplete" /* Control.AutoComplete */;
-    }
+    controlType = Control.AutoComplete;
 }
 
 class Button extends BaseControl {
-    constructor() {
-        super(...arguments);
-        this.controlType = "button" /* Control.Button */;
-    }
+    controlType = Control.Button;
 }
 
 class ButtonToggle extends BaseControl {
-    constructor() {
-        super(...arguments);
-        this.controlType = "buttonToggle" /* Control.ButtonToggle */;
-    }
+    controlType = Control.ButtonToggle;
 }
 
 class CheckBox extends BaseControl {
-    constructor() {
-        super(...arguments);
-        this.controlType = "checkbox" /* Control.Checkbox */;
-    }
+    controlType = Control.Checkbox;
 }
 
 class Chip extends BaseControl {
-    constructor() {
-        super(...arguments);
-        this.controlType = "chip" /* Control.Chip */;
-    }
+    controlType = Control.Chip;
 }
 
 class DatePicker extends BaseControl {
-    constructor() {
-        super(...arguments);
-        this.controlType = "datepicker" /* Control.DatePicker */;
-    }
+    controlType = Control.DatePicker;
 }
 
 class Divider extends BaseControl {
-    constructor() {
-        super(...arguments);
-        this.controlType = "divider" /* Control.Divider */;
-    }
+    controlType = Control.Divider;
 }
 
 class Editor extends BaseControl {
-    constructor() {
-        super(...arguments);
-        this.controlType = "editor" /* Control.Editor */;
-    }
+    controlType = Control.Editor;
 }
 
 class Radio extends BaseControl {
-    constructor() {
-        super(...arguments);
-        this.controlType = "radio" /* Control.Radio */;
-    }
+    controlType = Control.Radio;
 }
 
 class RichTextEditor extends BaseControl {
-    constructor() {
-        super(...arguments);
-        this.controlType = "editor" /* Control.Editor */;
-    }
+    controlType = Control.Editor;
 }
 
 class Select extends BaseControl {
-    constructor() {
-        super(...arguments);
-        this.controlType = "select" /* Control.Select */;
-    }
+    controlType = Control.Select;
 }
 
 class Slider extends BaseControl {
-    constructor() {
-        super(...arguments);
-        this.controlType = "slider" /* Control.Slider */;
-    }
+    controlType = Control.Slider;
 }
 
 class SliderToggle extends BaseControl {
-    constructor() {
-        super(...arguments);
-        this.controlType = "slideToggle" /* Control.SlideToggle */;
-    }
+    controlType = Control.SlideToggle;
 }
 
 class Textarea extends BaseControl {
-    constructor() {
-        super(...arguments);
-        this.controlType = "textarea" /* Control.TextArea */;
-    }
+    controlType = Control.TextArea;
 }
 
 class Textbox extends BaseControl {
-    constructor() {
-        super(...arguments);
-        this.controlType = "textbox" /* Control.TextBox */;
-    }
+    controlType = Control.TextBox;
 }
 
 class SelectComponent extends BaseControlBuilder {
     selectionChange(event) {
         this.control.config.event.change?.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: SelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: SelectComponent, isStandalone: true, selector: "fal-select", usesInheritance: true, ngImport: i0, template: `<mat-form-field
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: SelectComponent, isStandalone: true, selector: "fal-select", usesInheritance: true, ngImport: i0, template: `<mat-form-field
       [appearance]="control.config.appearance"
       class="w-full">
       @if(control.config.label){
@@ -859,9 +969,9 @@ class SelectComponent extends BaseControlBuilder {
     </mat-form-field>
     <ng-container
       falconValidationMessageContainer
-      #containerDir="falconValidationMessageContainer" />`, isInline: true, styles: [".w-full{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatInputModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i2$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: i2.CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: i4.ReactiveFormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: ValidationMessageDirective, selector: "[formControl]:not([withoutValidationErrors]),[formControlName]:not([withoutValidationErrors]),[formGroupName]:not([withoutValidationErrors]))", inputs: ["errorStateMatcher", "container"] }, { kind: "directive", type: ValidationMessageContainerDirective, selector: "[falconValidationMessageContainer]", exportAs: ["falconValidationMessageContainer"] }], viewProviders: [controlProvider] }); }
+      #containerDir="falconValidationMessageContainer" />`, isInline: true, styles: [".w-full{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatInputModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i2$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: i2.CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: i4.ReactiveFormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: ValidationMessageDirective, selector: "[formControl]:not([withoutValidationErrors]),[formControlName]:not([withoutValidationErrors]),[formGroupName]:not([withoutValidationErrors]))", inputs: ["errorStateMatcher", "container"] }, { kind: "directive", type: ValidationMessageContainerDirective, selector: "[falconValidationMessageContainer]", exportAs: ["falconValidationMessageContainer"] }], viewProviders: [controlProvider] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: SelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fal-select', imports: [
                         MatInputModule,
@@ -905,5 +1015,5 @@ var select_component = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { AutoComplete as A, BaseControlBuilder as B, CheckBox as C, DatePicker as D, Editor as E, FalconCoreModule as F, GroupControlBuilderComponent as G, Radio as R, Select as S, Textarea as T, ValidationMessageDirective as V, ValidationMessageContainerDirective as a, BaseControl as b, controlProvider as c, Button as d, ButtonToggle as e, Chip as f, Divider as g, RichTextEditor as h, Slider as i, SliderToggle as j, Textbox as k, ControlBuilderComponent as l, AngularmaterialModule as m, CardComponent as n, ButtonComponent as o, SelectComponent as p, sharedControlDeps as s };
-//# sourceMappingURL=falcon-ng-core-falcon-ng-core-XahzcHGw.mjs.map
+export { Appearance as A, BaseControlBuilder as B, Control as C, DatePicker as D, Editor as E, FalconCoreModule as F, GroupControlBuilderComponent as G, HttpMethod as H, InputTypes as I, LoggingLevel as L, Radio as R, Select as S, TableAction as T, ValidationMessageDirective as V, ValidationMessageContainerDirective as a, Floatinglabel as b, controlProvider as c, BaseControl as d, AutoComplete as e, Button as f, ButtonToggle as g, CheckBox as h, Chip as i, Divider as j, RichTextEditor as k, Slider as l, SliderToggle as m, Textarea as n, Textbox as o, ControlBuilderComponent as p, AngularmaterialModule as q, CardComponent as r, sharedControlDeps as s, ButtonComponent as t, SelectComponent as u };
+//# sourceMappingURL=falcon-ng-core-falcon-ng-core-DyR85wUA.mjs.map