[{"__symbolic":"module","version":4,"metadata":{"SelectComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base-input.component","name":"BaseInputComponent","line":58,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"evk-select","template":"\n            <ng-container *ngIf=\"isFormArray else fieldTemplate\">\n                <div class=\"form-group\"\n                    *ngIf=\"visible\"\n                    [formGroup]=\"form\">\n                    <div *ngIf=\"isFormArray\" [formArrayName]=\"formArrayName\">\n                        <ng-container *ngTemplateOutlet=\"fieldTemplate\"></ng-container>\n                    </div>\n                </div>\n            </ng-container>\n            <ng-template #fieldTemplate>\n                <div class=\"form-group\"\n                    [formGroup]=\"group\" *ngIf=\"visible\">\n                    <mat-form-field  class=\"full-width\">\n                        <mat-select\n                            #select\n                            class=\"full-width\"\n                            placeholder=\"{{ label }}\"\n                            formControlName=\"{{ name }}\"\n                            [disabled]=\"disabled\"\n                            (onOpen)=\"onopen($event)\"\n                            (onClose)=\"onclose($event)\"\n                            [(ngModel)]=\"selected\"\n                            >\n                            <div class=\"md-custom-search\" *ngIf=\"search\">\n                                <input type=\"text\" name=\"search\" placeholder=\"Buscar\"\n                                    autocomplete=\"off\" #searchInput (keydown)=\"$event.stopPropagation()\">\n                                <mat-icon  class=\"suffix\">search</mat-icon>\n                            </div>\n                            <mat-option *ngIf=\"filteredOptions.length > 0\" (click)=\"cleanSelect($event)\"\n                                (keydown)=\"$event.stopPropagation()\">(Limpiar selección)</mat-option>\n                            <mat-option *ngIf=\"filteredOptions.length === 0\" disabled\n                                (keydown)=\"$event.stopPropagation()\">No hay opciones disponibles</mat-option>\n                            <mat-option *ngFor=\"let option of filteredOptions\" [disabled]=\"option.active === false\"\n                                [value]=\"option.value\" (keydown)=\"$event.stopPropagation()\">{{ option.label }}</mat-option>\n                        </mat-select>\n                        <mat-hint align=\"start\" *ngIf=\"hintStart\">{{ hintStart }}</mat-hint>\n                        <mat-hint align=\"end\" *ngIf=\"hintEnd\">{{ hintEnd }}</mat-hint>\n                        <mat-error *ngIf=\"control && control.errors && control.errors.required\">Campo requerido</mat-error>\n                    </mat-form-field>\n                </div>\n            </ng-template>","styles":["::ng-deep .mat-option{ word-wrap: break-word !important; white-space: normal !important; height:initial!important;}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":5}}]}],"order":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":5}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":5}}]}],"optionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":5}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":5}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":5}}]}],"onclean":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":94,"character":5}}]}],"searchInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":97,"character":5},"arguments":["searchInput"]}]}],"select":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":100,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MatSelect","line":100,"character":15}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer","line":138,"character":33}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"initFromMetadata":[{"__symbolic":"method"}],"onopen":[{"__symbolic":"method"}],"onclose":[{"__symbolic":"method"}],"setFilterList":[{"__symbolic":"method"}],"filterOptions":[{"__symbolic":"method"}],"cleanSelect":[{"__symbolic":"method"}]}},"EvkOption":{"__symbolic":"class"}}}]