@falcon-ng/core 0.0.20

package/fesm2022/falcon-ng-core-falcon-ng-core-COOgRH2D.mjs

@@ -0,0 +1,742 @@
+import * as i0 from '@angular/core';
+import { NgModule, InjectionToken, inject, Injector, Pipe, Component, ChangeDetectionStrategy, Input, Injectable, ElementRef, ViewContainerRef, Directive, EventEmitter, Output } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { ScrollingModule } from '@angular/cdk/scrolling';
+import { PortalModule } from '@angular/cdk/portal';
+import { OverlayModule } from '@angular/cdk/overlay';
+import { MatTreeModule } from '@angular/material/tree';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { MatTabsModule } from '@angular/material/tabs';
+import { MatTableModule } from '@angular/material/table';
+import { MatSortModule } from '@angular/material/sort';
+import { MatSnackBarModule } from '@angular/material/snack-bar';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { MatSliderModule } from '@angular/material/slider';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { MatSelectModule } from '@angular/material/select';
+import { MatNativeDateModule, MatRippleModule } from '@angular/material/core';
+import { MatRadioModule } from '@angular/material/radio';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import { MatPaginatorModule } from '@angular/material/paginator';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatListModule } from '@angular/material/list';
+import { MatInputModule } from '@angular/material/input';
+import { MatIconModule } from '@angular/material/icon';
+import { MatGridListModule } from '@angular/material/grid-list';
+import { MatExpansionModule } from '@angular/material/expansion';
+import { MatDividerModule } from '@angular/material/divider';
+import { MatDialogModule } from '@angular/material/dialog';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import { MatStepperModule } from '@angular/material/stepper';
+import { MatChipsModule } from '@angular/material/chips';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import * as i1 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import * as i1$1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import { MatBottomSheetModule } from '@angular/material/bottom-sheet';
+import { MatBadgeModule } from '@angular/material/badge';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import { DragDropModule } from '@angular/cdk/drag-drop';
+import { CdkTreeModule } from '@angular/cdk/tree';
+import { CdkTableModule } from '@angular/cdk/table';
+import { CdkStepperModule } from '@angular/cdk/stepper';
+import { ClipboardModule } from '@angular/cdk/clipboard';
+import { A11yModule } from '@angular/cdk/a11y';
+import { NgControl, ControlContainer, NgModel, ReactiveFormsModule, FormControl, Validators } from '@angular/forms';
+import { merge, fromEvent, iif, EMPTY, startWith, skip, of, from, tap } from 'rxjs';
+import * as i2$1 from '@angular/material/form-field';
+
+class AngularmaterialModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AngularmaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: AngularmaterialModule, exports: [A11yModule,
+            ClipboardModule,
+            CdkStepperModule,
+            CdkTableModule,
+            CdkTreeModule,
+            DragDropModule,
+            MatAutocompleteModule,
+            MatBadgeModule,
+            MatBottomSheetModule,
+            MatButtonModule,
+            MatButtonToggleModule,
+            MatCardModule,
+            MatCheckboxModule,
+            MatChipsModule,
+            MatStepperModule,
+            MatDatepickerModule,
+            MatDialogModule,
+            MatDividerModule,
+            MatExpansionModule,
+            MatGridListModule,
+            MatIconModule,
+            MatInputModule,
+            MatListModule,
+            MatMenuModule,
+            MatNativeDateModule,
+            MatPaginatorModule,
+            MatProgressBarModule,
+            MatProgressSpinnerModule,
+            MatRadioModule,
+            MatRippleModule,
+            MatSelectModule,
+            MatSidenavModule,
+            MatSliderModule,
+            MatSlideToggleModule,
+            MatSnackBarModule,
+            MatSortModule,
+            MatTableModule,
+            MatTabsModule,
+            MatToolbarModule,
+            MatTooltipModule,
+            MatTreeModule,
+            OverlayModule,
+            PortalModule,
+            ScrollingModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AngularmaterialModule, imports: [A11yModule,
+            ClipboardModule,
+            CdkStepperModule,
+            CdkTableModule,
+            CdkTreeModule,
+            DragDropModule,
+            MatAutocompleteModule,
+            MatBadgeModule,
+            MatBottomSheetModule,
+            MatButtonModule,
+            MatButtonToggleModule,
+            MatCardModule,
+            MatCheckboxModule,
+            MatChipsModule,
+            MatStepperModule,
+            MatDatepickerModule,
+            MatDialogModule,
+            MatDividerModule,
+            MatExpansionModule,
+            MatGridListModule,
+            MatIconModule,
+            MatInputModule,
+            MatListModule,
+            MatMenuModule,
+            MatNativeDateModule,
+            MatPaginatorModule,
+            MatProgressBarModule,
+            MatProgressSpinnerModule,
+            MatRadioModule,
+            MatRippleModule,
+            MatSelectModule,
+            MatSidenavModule,
+            MatSliderModule,
+            MatSlideToggleModule,
+            MatSnackBarModule,
+            MatSortModule,
+            MatTableModule,
+            MatTabsModule,
+            MatToolbarModule,
+            MatTooltipModule,
+            MatTreeModule,
+            OverlayModule,
+            PortalModule,
+            ScrollingModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AngularmaterialModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    exports: [
+                        A11yModule,
+                        ClipboardModule,
+                        CdkStepperModule,
+                        CdkTableModule,
+                        CdkTreeModule,
+                        DragDropModule,
+                        MatAutocompleteModule,
+                        MatBadgeModule,
+                        MatBottomSheetModule,
+                        MatButtonModule,
+                        MatButtonToggleModule,
+                        MatCardModule,
+                        MatCheckboxModule,
+                        MatChipsModule,
+                        MatStepperModule,
+                        MatDatepickerModule,
+                        MatDialogModule,
+                        MatDividerModule,
+                        MatExpansionModule,
+                        MatGridListModule,
+                        MatIconModule,
+                        MatInputModule,
+                        MatListModule,
+                        MatMenuModule,
+                        MatNativeDateModule,
+                        MatPaginatorModule,
+                        MatProgressBarModule,
+                        MatProgressSpinnerModule,
+                        MatRadioModule,
+                        MatRippleModule,
+                        MatSelectModule,
+                        MatSidenavModule,
+                        MatSliderModule,
+                        MatSlideToggleModule,
+                        MatSnackBarModule,
+                        MatSortModule,
+                        MatTableModule,
+                        MatTabsModule,
+                        MatToolbarModule,
+                        MatTooltipModule,
+                        MatTreeModule,
+                        OverlayModule,
+                        PortalModule,
+                        ScrollingModule
+                    ]
+                }]
+        }] });
+
+const CONTROL_DATA = new InjectionToken('Control Data');
+
+class ControlInjectionPipe {
+    constructor() {
+        this.injector = inject(Injector);
+    }
+    transform(formControlName, config) {
+        return Injector.create({
+            parent: this.injector,
+            providers: [
+                {
+                    provide: CONTROL_DATA,
+                    useValue: { formControlName, config }
+                }
+            ]
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ControlInjectionPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: ControlInjectionPipe, isStandalone: true, name: "controlInjection" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ControlInjectionPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'controlInjection',
+                    standalone: true
+                }]
+        }] });
+
+const ERROR_MESSAGES = {
+    required: () => `This field is required`,
+    requiredTrue: () => `This field is required`,
+    email: () => `It should be a valid email`,
+    minlength: ({ requiredLength }) => `The length should be at least ${requiredLength} characters`,
+    banWords: ({ bannedWord }) => `The word "${bannedWord}" isn't allowed`,
+    appBanWords: ({ bannedWord }) => `The word "${bannedWord}" isn't allowed`,
+    appPasswordShouldMatch: () => `Password should match`,
+    passwordShouldMatch: () => `Password should match`,
+    pattern: () => `Wrong format`,
+    appUniqueNickname: () => `Nickname is taken`,
+    uniqueName: () => `Nickname is taken`,
+};
+const VALIDATION_ERROR_MESSAGES = new InjectionToken(`Validation Messages`, {
+    providedIn: 'root',
+    factory: () => ERROR_MESSAGES
+});
+
+class ErrorMessagePipe {
+    constructor() {
+        this.errorMessages = inject(VALIDATION_ERROR_MESSAGES);
+    }
+    transform(key, errorValue) {
+        if (!this.errorMessages[key]) {
+            console.warn(`Missing message for ${key} validator...`);
+            return '';
+        }
+        return this.errorMessages[key](errorValue);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ErrorMessagePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: ErrorMessagePipe, isStandalone: true, name: "errorMessage" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ErrorMessagePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'errorMessage',
+                    standalone: true
+                }]
+        }] });
+
+class ValidationErrorComponent {
+    constructor() {
+        this.errors = null;
+    }
+    trackByFn(item) {
+        return item.key;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ValidationErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: ValidationErrorComponent, isStandalone: true, selector: "falcon-error", inputs: { errors: "errors" }, ngImport: i0, template: `
+    @if (errors) {
+      @for (error of errors | keyvalue; track trackByFn) {
+        <mat-error>{{ error.key | errorMessage:error.value }}</mat-error>
+      }
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2.KeyValuePipe, name: "keyvalue" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "pipe", type: ErrorMessagePipe, name: "errorMessage" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ValidationErrorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'falcon-error',
+                    standalone: true,
+                    imports: [CommonModule, MatInputModule, ErrorMessagePipe],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    @if (errors) {
+      @for (error of errors | keyvalue; track trackByFn) {
+        <mat-error>{{ error.key | errorMessage:error.value }}</mat-error>
+      }
+    }
+  `,
+                }]
+        }], propDecorators: { errors: [{
+                type: Input
+            }] } });
+
+class ErrorStateMatcherService {
+    isErrorState(control, form) {
+        return Boolean(control && control.invalid && (form && form.submitted));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ErrorStateMatcherService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ErrorStateMatcherService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ErrorStateMatcherService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+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;
+    }
+    get form() {
+        return this.parentContainer?.formDirective;
+    }
+    ngOnInit() {
+        if (!this.ngControl.control)
+            throw Error(`No control model for ${this.ngControl.name} control...`);
+        this.errorMessageTrigger = merge(this.ngControl.control.statusChanges, fromEvent(this.elementRef.nativeElement, 'blur'), iif(() => !!this.form, this.form.ngSubmit, EMPTY)).pipe(startWith(this.ngControl.control.status), skip(this.ngControl instanceof NgModel ? 1 : 0)).subscribe(() => {
+            if (this.errorStateMatcher.isErrorState(this.ngControl.control, this.form)) {
+                if (!this.componentRef) {
+                    this.componentRef = this.container.createComponent(ValidationErrorComponent);
+                    this.componentRef.changeDetectorRef.markForCheck();
+                }
+                this.componentRef.setInput('errors', this.ngControl.errors);
+            }
+            else {
+                this.componentRef?.destroy();
+                this.componentRef = null;
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.errorMessageTrigger.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ValidationMessageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", 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: "18.0.1", ngImport: i0, type: ValidationMessageDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[formControl]:not([withoutValidationErrors]),[formControlName]:not([withoutValidationErrors]),[formGroupName]:not([withoutValidationErrors]))',
+                }]
+        }], propDecorators: { errorStateMatcher: [{
+                type: Input
+            }], container: [{
+                type: Input
+            }] } });
+
+class ValidationMessageContainerDirective {
+    constructor() {
+        this.container = inject(ViewContainerRef);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ValidationMessageContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: ValidationMessageContainerDirective, isStandalone: true, selector: "[falconValidationMessageContainer]", exportAs: ["falconValidationMessageContainer"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ValidationMessageContainerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[falconValidationMessageContainer]',
+                    standalone: true,
+                    exportAs: 'falconValidationMessageContainer'
+                }]
+        }] });
+
+const sharedControlDeps = [CommonModule, ReactiveFormsModule, ValidationMessageDirective, ValidationMessageContainerDirective];
+const controlProvider = {
+    provide: ControlContainer,
+    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));
+    }
+    get parentFormGroup() {
+        return this.parentGroupDir.control;
+    }
+    ngOnInit() {
+        this.parentFormGroup.addControl(this.control.formControlName, this.formControl);
+    }
+    ngOnDestroy() {
+        this.parentFormGroup.removeControl(this.control.formControlName);
+    }
+    bindValidators(validations) {
+        if (validations.length > 0) {
+            const validatorList = validations.map((valid) => valid.validator);
+            return Validators.compose(validatorList);
+        }
+        return Validators.nullValidator;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BaseControlBuilder, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: BaseControlBuilder, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BaseControlBuilder, decorators: [{
+            type: Directive
+        }] });
+
+class ComponentResolver {
+    constructor() {
+        this.loadedControlCompoments = new Map();
+        this.lazyControlComponents = {
+            textbox: () => import('./falcon-ng-core-textbox.component-CgwvtUHj.mjs').then(c => c.TextboxComponent),
+            textarea: () => import('./falcon-ng-core-textarea.component-BBAN4mNj.mjs').then(c => c.TextareaComponent),
+            select: () => import('./falcon-ng-core-textarea.component-BBAN4mNj.mjs').then(c => c.TextareaComponent),
+            datepicker: () => import('./falcon-ng-core-textarea.component-BBAN4mNj.mjs').then(c => c.TextareaComponent),
+            radio: () => import('./falcon-ng-core-textarea.component-BBAN4mNj.mjs').then(c => c.TextareaComponent),
+            checkbox: () => import('./falcon-ng-core-textarea.component-BBAN4mNj.mjs').then(c => c.TextareaComponent),
+            button: () => import('./falcon-ng-core-textarea.component-BBAN4mNj.mjs').then(c => c.TextareaComponent),
+            slideToggle: () => import('./falcon-ng-core-textarea.component-BBAN4mNj.mjs').then(c => c.TextareaComponent),
+            slider: () => import('./falcon-ng-core-textarea.component-BBAN4mNj.mjs').then(c => c.TextareaComponent),
+            buttonToggle: () => import('./falcon-ng-core-textarea.component-BBAN4mNj.mjs').then(c => c.TextareaComponent),
+            autocomplete: () => import('./falcon-ng-core-textarea.component-BBAN4mNj.mjs').then(c => c.TextareaComponent),
+            chip: () => import('./falcon-ng-core-textarea.component-BBAN4mNj.mjs').then(c => c.TextareaComponent),
+            editor: () => import('./falcon-ng-core-textarea.component-BBAN4mNj.mjs').then(c => c.TextareaComponent),
+            divider: () => import('./falcon-ng-core-textarea.component-BBAN4mNj.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: "18.0.1", ngImport: i0, type: ComponentResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ComponentResolver, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ComponentResolver, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class ControlBuilderComponent {
+    constructor(componentResolver, cdref) {
+        this.componentResolver = componentResolver;
+        this.cdref = cdref;
+    }
+    ngAfterContentChecked() {
+        this.cdref.detectChanges();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ControlBuilderComponent, deps: [{ token: ComponentResolver }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: ControlBuilderComponent, 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", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: ControlInjectionPipe, name: "controlInjection" }], viewProviders: [controlProvider] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ControlBuilderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'falcon-control',
+                    viewProviders: [controlProvider],
+                    template: `<ng-container class="w-full" [ngComponentOutlet]="componentResolver.resolver(control.controlType) | async"
+                           [ngComponentOutletInjector]="control.formControlName | controlInjection: control"></ng-container>`
+                }]
+        }], ctorParameters: () => [{ type: ComponentResolver }, { type: i0.ChangeDetectorRef }], propDecorators: { control: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+class CardComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: CardComponent, selector: "falcon-card", host: { properties: { "style.--mdc-elevated-card-container-shape": "\"10px\"", "style.--mdc-elevated-card-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>
+      <mat-card-content>
+        <ng-content></ng-content>
+      </mat-card-content>
+    </mat-card>
+  `, isInline: true, dependencies: [{ kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1.MatCardContent, selector: "mat-card-content" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CardComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'falcon-card',
+                    host: {
+                        '[style.--mdc-elevated-card-container-shape]': '"10px"',
+                        '[style.--mdc-elevated-card-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)"'
+                    },
+                    template: `
+    <mat-card>
+      <mat-card-content>
+        <ng-content></ng-content>
+      </mat-card-content>
+    </mat-card>
+  `,
+                }]
+        }] });
+
+class ButtonComponent {
+    constructor() {
+        this.type = 'submit';
+        this.color = 'primary';
+        this.disabled = false;
+        this.click = new EventEmitter();
+    }
+    ngOnDestroy() {
+        this.click.complete();
+    }
+    onClick(event) {
+        if (['reset', 'submit'].includes(this.type)) {
+            this.click.emit(event);
+            return true;
+        }
+        return false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: ButtonComponent, selector: "falcon-button", inputs: { label: "label", type: "type", color: "color", disabled: "disabled" }, outputs: { click: "click" }, ngImport: i0, template: `
+    <button mat-flat-button [color]="color" [type]="type" (click)="onClick($event)" [disabled]="disabled">{{ label }}</button>
+  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'falcon-button',
+                    template: `
+    <button mat-flat-button [color]="color" [type]="type" (click)="onClick($event)" [disabled]="disabled">{{ label }}</button>
+  `,
+                }]
+        }], propDecorators: { label: [{
+                type: Input,
+                args: [{ required: true }]
+            }], type: [{
+                type: Input,
+                args: [{ required: true }]
+            }], color: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], click: [{
+                type: Output
+            }] } });
+
+class FalconCoreModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FalconCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: FalconCoreModule, declarations: [ControlBuilderComponent,
+            CardComponent,
+            ButtonComponent], imports: [AngularmaterialModule,
+            CommonModule,
+            ControlInjectionPipe], exports: [AngularmaterialModule,
+            ControlBuilderComponent,
+            CardComponent,
+            ButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FalconCoreModule, imports: [AngularmaterialModule,
+            CommonModule, AngularmaterialModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FalconCoreModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ControlBuilderComponent,
+                        CardComponent,
+                        ButtonComponent
+                    ],
+                    imports: [
+                        AngularmaterialModule,
+                        CommonModule,
+                        ControlInjectionPipe,
+                    ],
+                    exports: [AngularmaterialModule,
+                        ControlBuilderComponent,
+                        CardComponent,
+                        ButtonComponent],
+                }]
+        }] });
+
+/**
+ * @description
+ * Class use for setting the control properties.
+ * @usageNotes
+ * ```ts
+ *       new Dropdown({
+ *        formControlName: 'brave',
+ *       label: 'Bravery Rating',
+ *       options: [
+ *         {key: 'solid',  value: 'Solid'},
+ *         {key: 'great',  value: 'Great'},
+ *         {key: 'good',   value: 'Good'},
+ *         {key: 'unproven', value: 'Unproven'}
+ *       ],
+ *       order: 3
+ * }),
+ ** ```
+ */
+class BaseControl {
+    constructor(options) {
+        this.value = options.value;
+        this.formControlName = options.formControlName || '';
+        this.label = options.label;
+        this.labelPosition = options.labelPosition || 'before' || 'after';
+        this.order = options.order === undefined ? 1 : options.order;
+        this.controlType = options.controlType || "button" /* Control.Button */;
+        this.type = options.type || '';
+        this.disabled = options.disabled || false;
+        this.options = options.options || [];
+        this.validations = options.validations || [];
+        this.appearance = options.appearance || 'outline';
+        this.class = options.class || '';
+        this.style = options.style || {};
+        this.placeHolder = options.placeHolder || '';
+        this.floatLabel = options.floatLabel || 'auto';
+        this.hint = options.hint || {};
+        this.prefix = options.prefix || {};
+        this.suffix = options.suffix || {};
+        this.textAreaProperty =
+            options.textAreaProperty || {};
+        this.event = options.event || {};
+        this.selectProperty = options.selectProperty || {};
+        this.color = options.color || undefined;
+        this.sliderProperty = options.sliderProperty || {};
+        this.chipSelectedOptions = options.chipSelectedOptions || {};
+        this.editorProperty = options.editorProperty || {};
+        this.formArray = options.formArray || undefined;
+    }
+}
+
+class AutoComplete extends BaseControl {
+    constructor() {
+        super(...arguments);
+        this.controlType = "autocomplete" /* Control.AutoComplete */;
+    }
+}
+
+class Button extends BaseControl {
+    constructor() {
+        super(...arguments);
+        this.controlType = "button" /* Control.Button */;
+    }
+}
+
+class ButtonToggle extends BaseControl {
+    constructor() {
+        super(...arguments);
+        this.controlType = "buttonToggle" /* Control.ButtonToggle */;
+    }
+}
+
+class CheckBox extends BaseControl {
+    constructor() {
+        super(...arguments);
+        this.controlType = "checkbox" /* Control.Checkbox */;
+    }
+}
+
+class Chip extends BaseControl {
+    constructor() {
+        super(...arguments);
+        this.controlType = "chip" /* Control.Chip */;
+    }
+}
+
+class DatePicker extends BaseControl {
+    constructor() {
+        super(...arguments);
+        this.controlType = "datepicker" /* Control.DatePicker */;
+    }
+}
+
+class Divider extends BaseControl {
+    constructor() {
+        super(...arguments);
+        this.controlType = "divider" /* Control.Divider */;
+    }
+}
+
+class Editor extends BaseControl {
+    constructor() {
+        super(...arguments);
+        this.controlType = "editor" /* Control.Editor */;
+    }
+}
+
+class Radio extends BaseControl {
+    constructor() {
+        super(...arguments);
+        this.controlType = "radio" /* Control.Radio */;
+    }
+}
+
+class RichTextEditor extends BaseControl {
+    constructor() {
+        super(...arguments);
+        this.controlType = "editor" /* Control.Editor */;
+    }
+}
+
+class Select extends BaseControl {
+    constructor() {
+        super(...arguments);
+        this.controlType = "select" /* Control.Select */;
+    }
+}
+
+class Slider extends BaseControl {
+    constructor() {
+        super(...arguments);
+        this.controlType = "slider" /* Control.Slider */;
+    }
+}
+
+class SliderToggle extends BaseControl {
+    constructor() {
+        super(...arguments);
+        this.controlType = "slideToggle" /* Control.SlideToggle */;
+    }
+}
+
+class Textarea extends BaseControl {
+    constructor() {
+        super(...arguments);
+        this.controlType = "textarea" /* Control.TextArea */;
+    }
+}
+
+class Textbox extends BaseControl {
+    constructor() {
+        super(...arguments);
+        this.controlType = "textbox" /* Control.TextBox */;
+    }
+}
+
+/*
+ * Public API Surface of core
+ */
+
+/**
+ * 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, 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, sharedControlDeps as s };
+//# sourceMappingURL=falcon-ng-core-falcon-ng-core-COOgRH2D.mjs.map