{"__symbolic":"module","version":3,"metadata":{"NgxSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"}],"declarations":[{"__symbolic":"reference","name":"NgxSelectComponent"},{"__symbolic":"reference","name":"NgxSelectOptionsComponent"}],"exports":[{"__symbolic":"reference","name":"NgxSelectComponent"}],"providers":[{"__symbolic":"reference","name":"NgxSelectService"}]}]}],"members":{}},"NgxSelectComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ngx-select","template":"<span [hidden]=\"!show_display || edit_mode\" class=\"close\" aria-hidden=\"true\" (click)=\"onRemoveOption()\">&times;</span> <input #display [hidden]=\"!show_display || edit_mode\" class=\"display form-control\" value=\"{{ selected_option ? selected_option[display_prop] : 'Espere...' }}\" readonly (click)=\"onClickDisplay()\" (keydown)=\"onKeyDown($event)\" (keyup)=\"onKeyUp($event)\"/> <input #input [hidden]=\"show_display || edit_mode\" type=\"text\" class=\"form-control\" [placeholder]=\"selected_option ? selected_option[display_prop] : placeholder\" [(ngModel)]=\"search\" name=\"search\" (ngModelChange)=\"onSearch($event)\" (click)=\"onClickInput($event)\" (blur)=\"onBlurInput($event)\" (keydown)=\"onKeyDown($event)\" (keyup)=\"onKeyUp($event)\"> <input #inputEdit [hidden]=\"!edit_mode\" type=\"text\" class=\"form-control\" [(ngModel)]=\"edit_input\" name=\"edit_input\" (keydown.escape)=\"toggleEditMode(false)\" (keydown.enter)=\"executeOnEdit(selected_option, edit_input)\"  /> <i class=\"dropdown-toggle\" (click)=\"onClickInput($event)\"></i> <div class=\"actions\"> <button type=\"button\" class=\"btn add\" *ngIf=\"can_execute_create\" (click)=\"executeOnCreate()\" tabindex=\"-1\"> <i class=\"fa fa-plus\"></i> </button> <button type=\"button\" class=\"btn edit\" *ngIf=\"edit_enabled && selected_option && show_display && !edit_mode\" (click)=\"toggleEditMode(true)\" tabindex=\"-1\"> <i class=\"fa fa-pencil\"></i> </button> <button type=\"button\" class=\"btn confirm\" *ngIf=\"edit_mode\" (click)=\"executeOnEdit(selected_option, edit_input)\" tabindex=\"-1\"> <i class=\"fa fa-check\"></i> </button> <button type=\"button\" class=\"btn cancel\" *ngIf=\"edit_mode\" (click)=\"toggleEditMode(false)\" tabindex=\"-1\"> <i class=\"fa fa-times\"></i> </button> </div> <ngx-select-options #options class=\"dropdown\" [opened]=\"opened\" [options]=\"select_options\" [min-input]=\"min_input\" [display-prop]=\"display_prop\" [waiting]=\"waiting\" [search]=\"search\" [create-enabled]=\"can_execute_create\" [filter-deps-ok]=\"filter_deps_ok\" (onSelected)=\"onSelectedOption($event)\"> </ngx-select-options> ","styles":["ngx-select { display: block; position: relative; } ngx-select.waiting { pointer-events: none; } ngx-select.waiting .form-control { opacity: 0.7; } ngx-select .close { color: red; position: absolute; top: 0.35em; left: 0.4em; font-size: 1.3em; opacity: 0; transition: opacity 0.3s; z-index: 5; } ngx-select .form-control { transition: padding-left 0.3s; } ngx-select .dropdown { display: block; } ngx-select .dropdown-toggle { position: absolute; top: 0.4em; right: 0.6em; line-height: 1.7em; cursor: pointer; } ngx-select:hover .close { opacity: 1; } ngx-select .form-control.display { background: white; } ngx-select:hover .form-control.display { padding-left: 1.6em; } ngx-select .empty-options, ngx-select .options-wrapper { position: absolute; left: 0; right: 0; border-radius: 0; z-index: 10; width: 100%; } ngx-select .empty-options { padding: 0.5em; background: #F1F1E2; font-size: 0.9em; color: #666; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; top: 0.1em; } ngx-select .empty-options .message + .message { display: none; } ngx-select .options-wrapper { height: auto; padding: 0; border: none; background: white; max-height: 12em; overflow-y: scroll; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); top: 0.2em; } ngx-select .options { list-style: none; padding: 0; margin: 0; } ngx-select .options .option { cursor: pointer; } ngx-select .options .option .label { overflow: hidden; text-overflow: ellipsis; padding: 8px 10px; display: block; clear: both; font-weight: normal; line-height: 1.42857; color: #333333; white-space: nowrap; } ngx-select .options .option:hover .label, ngx-select .options .option.selected .label { text-decoration: none; color: #262626; background-color: #f5f5f5; } ngx-select .actions { position: absolute; right: 1px; top: 1px; bottom: 1px; z-index: 5; } ngx-select .actions .btn { padding: 0; height: 100%; width: 2.2em; border: none; background: white; cursor: pointer; border-top-left-radius: 0; border-bottom-left-radius: 0; } ngx-select .actions .btn.cancel, ngx-select .actions .btn.confirm { border-left: 1px solid rgba(0, 0, 0, 0.15); float: right; } ngx-select .more-results { color: white; padding: 0.3em; text-align: center; font-style: italic; cursor: pointer; font-size: 0.85em; } "],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"NgxSelectComponent"},"multi":true}],"exportAs":"ngxSelect"}]}],"members":{"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["id"]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["data"]}]}],"datasource":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["datasource"]}]}],"min_input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["min-input"]}]}],"display_prop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["display-prop"]}]}],"value_prop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["value-prop"]}]}],"sort_data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["sort-data"]}]}],"comparator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["comparator"]}]}],"filter_data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["filter-data"]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["placeholder"]}]}],"fetch_on_init":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["fetch-on-init"]}]}],"edit_inline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["edit-inline"]}]}],"parent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["parent"]}]}],"parent_id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["parent-id"]}]}],"parent_prop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["parent-prop"]}]}],"create_enabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["create-enabled"]}]}],"edit_enabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["edit-enabled"]}]}],"form_control":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["formControl"]}]}],"onCreate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onEdit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onSetValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onFirstValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["input"]}]}],"display":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["display"]}]}],"inputEdit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["inputEdit"]}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["options"]}]}],"waiting":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.waiting"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","name":"NgxSelectService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onFiltersChanged":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method"}],"preventEvent":[{"__symbolic":"method"}],"onKeyUp":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"onSelectedOption":[{"__symbolic":"method"}],"onRemoveOption":[{"__symbolic":"method"}],"setSelectedOption":[{"__symbolic":"method"}],"getSelectedOption":[{"__symbolic":"method"}],"getValue":[{"__symbolic":"method"}],"onClickInput":[{"__symbolic":"method"}],"onBlurInput":[{"__symbolic":"method"}],"onClickDisplay":[{"__symbolic":"method"}],"toggleDisplay":[{"__symbolic":"method"}],"toggleOptions":[{"__symbolic":"method"}],"watchParentChanges":[{"__symbolic":"method"}],"addFilterByParent":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"getDefaultComparator":[{"__symbolic":"method"}],"deepCompare":[{"__symbolic":"method"}],"canExecuteCreate":[{"__symbolic":"method"}],"filtersDepsOk":[{"__symbolic":"method"}],"executeOnCreate":[{"__symbolic":"method"}],"onCreateSuccess":[{"__symbolic":"method"}],"toggleEditMode":[{"__symbolic":"method"}],"executeOnEdit":[{"__symbolic":"method"}],"onEditSuccess":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}]}},"NgxSelectOptionsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ngx-select-options","template":"<div [hidden]=\"!opened\"> <div *ngIf=\"status_message\" class=\"empty-options dropdown-menu ng-binding\"> <span class=\"message\" *ngIf=\"status_message\" [innerHTML]=\"status_message\"></span> </div> <div class=\"options-wrapper\" #optionsWrapper (wheel)=\"onScrollOptions($event)\"> <ul class=\"options\" *ngIf=\"options.length > 0\"> <li class=\"option\" [ngClass]=\"{selected: selected_index === i}\" *ngFor=\"let option of options | slice:0:max_options; let i = index\" (click)=\"onOptionClick($event, option)\"> <a class=\"label focus-ignore\">{{ option[display_prop] }}</a> </li> <li class=\"more-results bg-primary\" *ngIf=\"options.length > max_options\" (click)=\"showMoreOptions()\"> {{ options.length - max_options }} resultados ocultos. Mostrar más... </li> </ul> </div> </div> ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"}}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"waiting":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"filter_deps_ok":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["filter-deps-ok"]}]}],"min_input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["min-input"]}]}],"display_prop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["display-prop"]}]}],"create_enabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["create-enabled"]}]}],"onSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"optionsWrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["optionsWrapper"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onOptionClick":[{"__symbolic":"method"}],"selectCurrentItem":[{"__symbolic":"method"}],"selectFirstItem":[{"__symbolic":"method"}],"moveUp":[{"__symbolic":"method"}],"moveDown":[{"__symbolic":"method"}],"scrollToElement":[{"__symbolic":"method"}],"showMoreOptions":[{"__symbolic":"method"}],"updateStatusMessage":[{"__symbolic":"method"}],"onScrollOptions":[{"__symbolic":"method"}]}},"NgxSelectHelper":{"__symbolic":"class","members":{}},"NgxSelectService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"register":[{"__symbolic":"method"}],"unregister":[{"__symbolic":"method"}],"get":[{"__symbolic":"method"}]}},"NgxSelectArrayDataprovider":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":22,"character":27,"context":{"typeName":"Promise"},"module":"./dataproviders/ngx-select-array-dataprovider.factory"},{"__symbolic":"reference","name":"ɵa"}]}],"updateData":[{"__symbolic":"method"}],"getData":[{"__symbolic":"method"}],"findItem":[{"__symbolic":"method"}],"contains":[{"__symbolic":"method"}],"sortDataArray":[{"__symbolic":"method"}],"addItem":[{"__symbolic":"method"}],"editItem":[{"__symbolic":"method"}]}},"NgxSelectServiceDataprovider":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵa"}]}],"getData":[{"__symbolic":"method"}],"findItem":[{"__symbolic":"method"}],"addItem":[{"__symbolic":"method"}],"editItem":[{"__symbolic":"method"}],"getCacheKey":[{"__symbolic":"method"}]}},"INgxSelectDataprovider":{"__symbolic":"interface"},"INgxSelectDataproviderOptions":{"__symbolic":"interface"},"INgxSelectDatasource":{"__symbolic":"interface"},"INgxSelectComparator":{"__symbolic":"interface"},"INgxSelectOnCreateParams":{"__symbolic":"interface"},"INgxSelectOnEditParams":{"__symbolic":"interface"}},"origins":{"NgxSelectModule":"./ngx-select.module","NgxSelectComponent":"./ngx-select.component","NgxSelectOptionsComponent":"./options/ngx-select-options.component","NgxSelectHelper":"./ngx-select.helper","NgxSelectService":"./ngx-select.service","NgxSelectArrayDataprovider":"./dataproviders/ngx-select-array-dataprovider.factory","NgxSelectServiceDataprovider":"./dataproviders/ngx-select-service-dataprovider.factory","INgxSelectDataprovider":"./ngx-select.interfaces","INgxSelectDataproviderOptions":"./ngx-select.interfaces","INgxSelectDatasource":"./ngx-select.interfaces","INgxSelectComparator":"./ngx-select.interfaces","INgxSelectOnCreateParams":"./ngx-select.interfaces","INgxSelectOnEditParams":"./ngx-select.interfaces","ɵa":"./","ɵb":"./"},"importAs":"ngx-select"}