[{"__symbolic":"module","version":4,"metadata":{"MultiSelectComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base-input.component","name":"BaseInputComponent","line":56,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"evk-multiselect","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\" [formGroup]=\"group\" *ngIf=\"visible\">\n            <mat-form-field class=\"full-width\">\n                <mat-select\n                    multiple\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\" 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>\n    ","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":61,"character":5}}]}],"order":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":5}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":5}}]}],"optionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":5}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":5}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":5}}]}],"onclean":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":92,"character":5}}]}],"searchInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":95,"character":5},"arguments":["searchInput"]}]}],"select":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":98,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MatSelect","line":98,"character":15}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer","line":106,"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"}]}}}}]