import { Component, Input } from "@angular/core";
import { UntypedFormControl } from "@angular/forms";
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/material/form-field";
import * as i3 from "@angular/material/input";
import * as i4 from "@angular/forms";
import * as i5 from "../../../@pipes/eagna.pipe";
export class NativeSelectComponent {
    constructor() {
        this.fc = new UntypedFormControl();
    }
    ngOnInit() {
        /* console.log("native select form template", this.ft);
        console.log("native select form control", this.fc); */
    }
}
NativeSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: NativeSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
NativeSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: NativeSelectComponent, selector: "eagna-native-select", inputs: { ft: "ft", fc: "fc" }, ngImport: i0, template: "<mat-form-field appearance=\"fill\">\r\n    <mat-label [innerHTML]=\"ft.label\"></mat-label>\r\n    <select matNativeControl [formControl]=\"fc\">\r\n        <option *ngIf=\"!(ft.options | isNotEmpty) && ft.emptyLabel\" [disabled]=\"true\">{{ft.emptyLabel}}</option>\r\n        <option *ngFor=\"let opt of ft.options\"\r\n            [disabled]=\"opt.disabled || false\"\r\n            [value]=\"ft.valueKey? opt[ft.valueKey] : opt\" \r\n            [innerHTML]=\"ft.displayKey? opt[ft.displayKey] : opt\"></option>\r\n    </select>\r\n    <!-- <mat-error *ngIf=\"formControl.hasError('required')\">\r\n        This field is required\r\n    </mat-error> -->\r\n    <!-- <mat-hint >You can pick up your favorite car here</mat-hint> -->\r\n</mat-form-field>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: i5.IsNotEmptyPipe, name: "isNotEmpty" }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: NativeSelectComponent, decorators: [{
            type: Component,
            args: [{ selector: 'eagna-native-select', template: "<mat-form-field appearance=\"fill\">\r\n    <mat-label [innerHTML]=\"ft.label\"></mat-label>\r\n    <select matNativeControl [formControl]=\"fc\">\r\n        <option *ngIf=\"!(ft.options | isNotEmpty) && ft.emptyLabel\" [disabled]=\"true\">{{ft.emptyLabel}}</option>\r\n        <option *ngFor=\"let opt of ft.options\"\r\n            [disabled]=\"opt.disabled || false\"\r\n            [value]=\"ft.valueKey? opt[ft.valueKey] : opt\" \r\n            [innerHTML]=\"ft.displayKey? opt[ft.displayKey] : opt\"></option>\r\n    </select>\r\n    <!-- <mat-error *ngIf=\"formControl.hasError('required')\">\r\n        This field is required\r\n    </mat-error> -->\r\n    <!-- <mat-hint >You can pick up your favorite car here</mat-hint> -->\r\n</mat-form-field>" }]
        }], propDecorators: { ft: [{
                type: Input
            }], fc: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF0aXZlLXNlbGVjdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9lYWduYS9zcmMvbGliL0Bjb21wb25lbnRzL2Zvcm1zL25hdGl2ZS1zZWxlY3QvbmF0aXZlLXNlbGVjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9lYWduYS9zcmMvbGliL0Bjb21wb25lbnRzL2Zvcm1zL25hdGl2ZS1zZWxlY3QvbmF0aXZlLXNlbGVjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQVUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7OztBQVFwRCxNQUFNLE9BQU8scUJBQXFCO0lBTGxDO1FBT2EsT0FBRSxHQUF1QixJQUFJLGtCQUFrQixFQUFFLENBQUM7S0FNOUQ7SUFKRyxRQUFRO1FBQ0o7OERBQ3NEO0lBQzFELENBQUM7O2tIQVBRLHFCQUFxQjtzR0FBckIscUJBQXFCLDJGQ1RsQyxxdkJBYWlCOzJGREpKLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDSSxxQkFBcUI7OEJBS3RCLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxFQUFFO3NCQUFWLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPbkluaXQsIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBVbnR5cGVkRm9ybUNvbnRyb2wgfSBmcm9tIFwiQGFuZ3VsYXIvZm9ybXNcIjtcclxuaW1wb3J0IHsgRm9ybVRlbXBsYXRlIH0gZnJvbSBcIi4uLy4uLy4uL0BpbnRlcmZhY2VzL2VhZ25hLmludGVyZmFjZVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2VhZ25hLW5hdGl2ZS1zZWxlY3QnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL25hdGl2ZS1zZWxlY3QuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vbmF0aXZlLXNlbGVjdC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOYXRpdmVTZWxlY3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXR7XHJcbiAgICBASW5wdXQoKSBmdDogRm9ybVRlbXBsYXRlO1xyXG4gICAgQElucHV0KCkgZmM6IFVudHlwZWRGb3JtQ29udHJvbCA9IG5ldyBVbnR5cGVkRm9ybUNvbnRyb2woKTtcclxuXHJcbiAgICBuZ09uSW5pdCgpe1xyXG4gICAgICAgIC8qIGNvbnNvbGUubG9nKFwibmF0aXZlIHNlbGVjdCBmb3JtIHRlbXBsYXRlXCIsIHRoaXMuZnQpO1xyXG4gICAgICAgIGNvbnNvbGUubG9nKFwibmF0aXZlIHNlbGVjdCBmb3JtIGNvbnRyb2xcIiwgdGhpcy5mYyk7ICovXHJcbiAgICB9XHJcbn0iLCI8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cImZpbGxcIj5cclxuICAgIDxtYXQtbGFiZWwgW2lubmVySFRNTF09XCJmdC5sYWJlbFwiPjwvbWF0LWxhYmVsPlxyXG4gICAgPHNlbGVjdCBtYXROYXRpdmVDb250cm9sIFtmb3JtQ29udHJvbF09XCJmY1wiPlxyXG4gICAgICAgIDxvcHRpb24gKm5nSWY9XCIhKGZ0Lm9wdGlvbnMgfCBpc05vdEVtcHR5KSAmJiBmdC5lbXB0eUxhYmVsXCIgW2Rpc2FibGVkXT1cInRydWVcIj57e2Z0LmVtcHR5TGFiZWx9fTwvb3B0aW9uPlxyXG4gICAgICAgIDxvcHRpb24gKm5nRm9yPVwibGV0IG9wdCBvZiBmdC5vcHRpb25zXCJcclxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cIm9wdC5kaXNhYmxlZCB8fCBmYWxzZVwiXHJcbiAgICAgICAgICAgIFt2YWx1ZV09XCJmdC52YWx1ZUtleT8gb3B0W2Z0LnZhbHVlS2V5XSA6IG9wdFwiIFxyXG4gICAgICAgICAgICBbaW5uZXJIVE1MXT1cImZ0LmRpc3BsYXlLZXk/IG9wdFtmdC5kaXNwbGF5S2V5XSA6IG9wdFwiPjwvb3B0aW9uPlxyXG4gICAgPC9zZWxlY3Q+XHJcbiAgICA8IS0tIDxtYXQtZXJyb3IgKm5nSWY9XCJmb3JtQ29udHJvbC5oYXNFcnJvcigncmVxdWlyZWQnKVwiPlxyXG4gICAgICAgIFRoaXMgZmllbGQgaXMgcmVxdWlyZWRcclxuICAgIDwvbWF0LWVycm9yPiAtLT5cclxuICAgIDwhLS0gPG1hdC1oaW50ID5Zb3UgY2FuIHBpY2sgdXAgeW91ciBmYXZvcml0ZSBjYXIgaGVyZTwvbWF0LWhpbnQ+IC0tPlxyXG48L21hdC1mb3JtLWZpZWxkPiJdfQ==