{"version":3,"file":"default-src_app_shared_components_autosuggest-input_autosuggest-input_module_ts.js","mappings":"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","sources":["./src/app/shared/components/autosuggest-input/autosuggest-input.component.ts","./src/app/shared/components/autosuggest-input/autosuggest-input.component.html","./src/app/shared/components/autosuggest-input/autosuggest-input.module.ts"],"sourcesContent":["import {\r\n  Component,\r\n  Input,\r\n  Output,\r\n  EventEmitter,\r\n  OnChanges,\r\n  ElementRef,\r\n  ViewChild,\r\n} from '@angular/core';\r\nimport { Subject } from 'rxjs';\r\nimport { debounceTime, distinctUntilChanged } from 'rxjs/operators';\r\n\r\n@Component({\r\n  selector: 'app-autosuggest-input',\r\n  templateUrl: './autosuggest-input.component.html',\r\n  styleUrls: ['./autosuggest-input.component.less'],\r\n  host: {class: 'autosuggest-input'},\r\n})\r\nexport class AutosuggestInputComponent implements OnChanges {\r\n  @Input() searchQuery: string;\r\n  @Input() placeholder: string;\r\n  @Input() minLength: number;\r\n  @Output() onQuery = new EventEmitter<string>();\r\n  @Output() onBlur = new EventEmitter();\r\n  @Output() onClear = new EventEmitter();\r\n  @Output() toResults = new EventEmitter();\r\n  @ViewChild('query', { static: true }) input: ElementRef;\r\n\r\n  hasError = false;\r\n\r\n  private _query = new Subject<string>();\r\n  private _value: string = '';\r\n\r\n  get inputValue(): string {\r\n    return this._value;\r\n  }\r\n  set inputValue(val: string) {\r\n    this._value = val;\r\n  }\r\n\r\n  constructor() {\r\n    this._query\r\n      .pipe(debounceTime(200), distinctUntilChanged())\r\n      .subscribe((value) => {\r\n        this.onQuery.emit(value);\r\n      });\r\n  }\r\n\r\n  ngOnInit() {\r\n    setTimeout(() => {\r\n      this.input.nativeElement.focus();\r\n    }, 0);\r\n  }\r\n\r\n  ngOnChanges() {\r\n    if (this.searchQuery) {\r\n      this.inputValue = this.searchQuery;\r\n    }\r\n  }\r\n\r\n  search(val) {\r\n    if (this.minLength && val.length < this.minLength) {\r\n      this.hasError = true;\r\n      return;\r\n    }\r\n\r\n    this.hasError = false;\r\n    this.inputValue = val;\r\n    this._query.next(val);\r\n  }\r\n\r\n  toResultPage() {\r\n    this.toResults.emit();\r\n  }\r\n\r\n  clear() {\r\n    this.inputValue = '';\r\n    this.onClear.emit();\r\n  }\r\n}\r\n","<div class=\"input-holder\">\r\n  <input\r\n    #query\r\n    type=\"search\"\r\n    name=\"search\"\r\n    class=\"input-element\"\r\n    [class.input-element--error]=\"minLength && hasError\"\r\n    autocomplete=\"off\"\r\n    aria-label=\"Search\"\r\n    (clickOutside)=\"onBlur.emit()\"\r\n    [value]=\"inputValue\"\r\n    [placeholder]=\"placeholder\"\r\n    (keyup.enter)=\"toResultPage()\"\r\n    (keyup)=\"search(query.value)\"\r\n  />\r\n\r\n  <i\r\n    class=\"icon icon-close\"\r\n    (click)=\"clear()\"\r\n    *ngIf=\"inputValue && inputValue.length\"\r\n    aria-label=\"Clear\"\r\n  ></i>\r\n  <span class=\"error\" role=\"alert\" *ngIf=\"minLength && hasError\"\r\n    >{{ 'search.MinLength' | translate }} - {{ minLength }}\r\n  </span>\r\n</div>\r\n\r\n<button class=\"button\" type=\"button\" (click)=\"search(query.value)\">\r\n  {{ 'search.ButtonLabel' | translate }}\r\n</button>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AutosuggestInputComponent } from './autosuggest-input.component';\r\nimport { TranslateModule } from '@ngx-translate/core';\r\n\r\n@NgModule({\r\n  declarations: [AutosuggestInputComponent],\r\n  imports: [CommonModule, TranslateModule],\r\n  exports: [AutosuggestInputComponent],\r\n})\r\nexport class AutosuggestInputModule {}\r\n"],"names":["EventEmitter","Subject","debounceTime","distinctUntilChanged","i0","ɵɵelementStart","ɵɵlistener","AutosuggestInputComponent_i_3_Template_i_click_0_listener","ɵɵrestoreView","_r3","ctx_r3","ɵɵnextContext","ɵɵresetView","clear","ɵɵelementEnd","ɵɵtext","ɵɵadvance","ɵɵtextInterpolate2","ɵɵpipeBind1","minLength","AutosuggestInputComponent","inputValue","_value","val","constructor","onQuery","onBlur","onClear","toResults","hasError","_query","pipe","subscribe","value","emit","ngOnInit","setTimeout","input","nativeElement","focus","ngOnChanges","searchQuery","search","length","next","toResultPage","_","_2","selectors","viewQuery","AutosuggestInputComponent_Query","rf","ctx","AutosuggestInputComponent_Template_input_clickOutside_1_listener","_r1","AutosuggestInputComponent_Template_input_keyup_enter_1_listener","AutosuggestInputComponent_Template_input_keyup_1_listener","query_r2","ɵɵreference","ɵɵtemplate","AutosuggestInputComponent_i_3_Template","AutosuggestInputComponent_span_4_Template","AutosuggestInputComponent_Template_button_click_5_listener","ɵɵclassProp","ɵɵproperty","placeholder","ɵɵtextInterpolate1","CommonModule","TranslateModule","AutosuggestInputModule","_3","declarations","imports","exports"],"sourceRoot":"webpack:///","x_google_ignoreList":[]}