{"__symbolic":"module","version":4,"metadata":{"BatchAutocompleteLibService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ɵprov":{}}},"BatchAutocompleteLibComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"lib-batch-autocomplete-lib","template":"\n    <p>\n      batch-autocomplete-lib works!\n    </p>\n  ","styles":[]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"AutocompleteComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":60,"character":1},"arguments":[{"selector":"bs-address-autocomplete","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":66,"character":15},"useExisting":{"__symbolic":"reference","name":"AutocompleteComponent"},"multi":true}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":71,"character":17},"member":"None"},"host":{"(document:click)":"handleClick($event)","class":"ng-autocomplete","$quoted$":["(document:click)"]},"template":"<div class=\"ng-autocomplete\">\n<div class=\"autocomplete-container\"\n     [ngClass]=\"{ 'active': isOpen}\">\n  <div class=\"input-container\">\n    <input #searchInput\n           type=\"text\"\n           placeholder={{placeholder}}\n           [(ngModel)]=query\n           (input)=\"onChange($event)\"\n           (focus)=handleFocus($event)\n           (blur)=onTouched($event)\n           [disabled]=\"disabled\"\n           autocomplete=\"off\"\n           maxlength=\"25\"\n           >\n             <img *ngIf='query' (click)=clear() class=\"cross-icon\" src=\"https://bst-staging-public.s3.us-west-2.amazonaws.com/close-icon.svg\"> \n             <ng-template #itemTemplate let-item>\n            <a [innerHTML]=\"item\"></a>\n          </ng-template>\n\n          <ng-template #notFoundTemplate let-notFound>\n            <div [innerHTML]=\"notFound\"></div>\n          </ng-template>\n\n        \n          <ng-template #recentSearchTemplate let-recentSearch>\n            <div [innerHTML]=\"recentSearch\"></div>\n          </ng-template>\n\n          <!--Loading mask-->\n          <div *ngIf=\"isLoading\" id=\"loader\"></div>\n  </div>\n\n  <!--FilteredList items-->\n  <div class=\"suggestions-container\">   \n    <ul #filteredListElement>\n      <li *ngFor=\"let item of filteredList; let idx = index\" class=\"item\" id=\"batch-list\">\n        <div class=\"item-map\" [class.complete-selected]=\"idx === selectedIdx\"\n             (click)=\"select(item)\">\n         <img class=\"map-img\" src=\"https://bst-staging-public.s3.us-west-2.amazonaws.com/map-icon-gray.svg\"/>\n         <img class=\"map-img-hover\" src=\"https://bst-staging-public.s3.us-west-2.amazonaws.com/map-icon-red.svg\"/>\n          <ng-container\n            *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item.name | highlight: toHighlight : searchKeyword }\">\n          </ng-container>\n        </div>\n      </li>\n    </ul>\n  </div>\n\n   <!--Not found-->\n   <div class=\"not-found\" *ngIf=\"isLoading ? !isLoading && notFound : notFound\">\n    <ng-container\n      *ngTemplateOutlet=\"notFoundTemplate;  context: { $implicit: notFoundText  }\">\n    </ng-container>\n  </div>\n\n     <!--Recent-->\n  <div class=\"suggestions-container\" *ngIf=\"!filteredList.length && !notFound && isRecentSearchOpen && recentSearch\">\n    <ul>\n      <div class=\"search-opt\"> <img class=\"map-img\" src=\"https://bst-staging-public.s3.us-west-2.amazonaws.com/recent-history.svg\"/><h6>Recent Search</h6></div>\n      <li *ngFor=\"let item of recentSearch; let idx = index\" class=\"item\">\n        <div class=\"item-map-recent\" [class.complete-selected]=\"idx === selectedIdx\"\n             (click)=\"recentSearchClick(item)\">\n                 <ng-container\n            *ngTemplateOutlet=\"recentSearchTemplate; context: { $implicit: item.name }\">\n          </ng-container>\n          <img src=\"https://bst-staging-public.s3.us-west-2.amazonaws.com/north_west.svg\" alt=\"\" />\n        </div>\n      </li>\n    </ul>\n  </div>\n</div>\n</div>\n<div class=\"autocomplete-overlay\" *ngIf=\"overlay\" (click)=\"handleOverlay()\"></div>\n","styles":["@import url(https://fonts.googleapis.com/icon?family=Material+Icons);.ng-autocomplete{width:100%}.autocomplete-container{position:relative;overflow:visible;height:40px}.autocomplete-container .input-container{position:relative}.autocomplete-container .input-container .cross-icon{position:absolute;right:10px;top:15px;cursor:pointer}.autocomplete-container .input-container input{padding:10px;border:2px solid transparent;font-size:16px;box-sizing:border-box;box-shadow:none;outline:0;background-color:#f1f1f1;color:#000;width:100%;line-height:40px;height:40px;border-radius:6px}.autocomplete-container .input-container input:focus-visible{border:1px solid #d1d1d1}.autocomplete-container .input-container input:disabled{background-color:#eee;color:#666}.autocomplete-container .input-container .x{position:absolute;right:10px;margin:auto;cursor:pointer;top:50%;transform:translateY(-50%)}.autocomplete-container .input-container .x i{color:rgba(0,0,0,.54);font-size:22px;vertical-align:middle}.autocomplete-container .suggestions-container{position:absolute;width:100%;background:#fff;height:auto;box-shadow:0 2px 5px rgba(0,0,0,.25);box-sizing:border-box}.autocomplete-container .suggestions-container ul{padding:0;margin:0;max-height:240px;overflow-y:auto}.autocomplete-container .suggestions-container ul li{position:relative;list-style:none;padding:0;margin:0;font-size:13px;color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:30px;font-family:Arial,sans-serif;text-align:left;cursor:pointer;border-top:1px solid #e6e6e6}.autocomplete-container .suggestions-container ul li:hover{background-color:#e9e9e9}.autocomplete-container .suggestions-container ul li:hover a{font-weight:500}.autocomplete-container .suggestions-container ul li a{text-decoration:none;padding:0 5px}.autocomplete-container .suggestions-container ul li:last-child:after{content:\"\";padding:1px 1px 1px 0;height:18px;box-sizing:border-box;text-align:right;display:block;background-image:url(https://bst-staging-public.s3.us-west-2.amazonaws.com/batch-service-power-by.svg);background-position:right;background-repeat:no-repeat;background-size:175px 20px;margin:5px}.autocomplete-container .suggestions-container ul li .map-img,.autocomplete-container .suggestions-container ul li .map-img-hover{padding-right:5px}.autocomplete-container .suggestions-container ul li .map-img-hover{display:none}.autocomplete-container .suggestions-container ul li .item-map{display:flex;align-items:center;padding:0 16px}.autocomplete-container .suggestions-container .complete-selected{background-color:#cbe2f8!important;color:#000}.autocomplete-container .suggestions-container .complete-selected .map-img{display:none}.autocomplete-container .suggestions-container .complete-selected .map-img-hover{display:block}.autocomplete-container .suggestions-container .heading{position:relative;padding:10px 15px;border:1px solid #f1f1f1}.autocomplete-container .suggestions-container .heading .text{font-size:.85em}.autocomplete-container .suggestions-container .x{position:absolute;right:10px;margin:auto;cursor:pointer;top:50%;transform:translateY(-50%)}.autocomplete-container .suggestions-container .x i{color:rgba(0,0,0,.54);font-size:18px;vertical-align:middle}.autocomplete-container .suggestions-container.is-hidden{visibility:hidden}.autocomplete-container .suggestions-container.is-visible{visibility:visible}.autocomplete-container .not-found{padding:0 .75em;border:1px solid #f1f1f1;background:#fff}.autocomplete-container .not-found div{padding:.4em 0;font-size:.95em;line-height:1.4;border-bottom:1px solid rgba(230,230,230,.7)}.autocomplete-container.active{z-index:999}.highlight{font-weight:700}.autocomplete-overlay{position:fixed;background-color:transparent;width:100%;height:100%;top:0;right:0;bottom:0;left:0;z-index:50}input[type=text]::-ms-clear{display:none}#loader{position:absolute;right:30px;top:11px;width:16px;height:16px;border:2px dashed rgba(255,255,255,.2);border-radius:50px;margin-left:0;animation-name:spinner 1s linear infinite;-webkit-animation:1s linear infinite spinner;-moz-animation:1s linear infinite spinner}#loader:before{position:absolute;content:\"\";display:block;width:16px;height:16px;border-radius:80px;top:-15px;left:-15px}#loader:after{position:absolute;content:\"\";width:16px;height:16px;border-radius:50px;border-top:2px solid #3683bc;border-bottom:2px solid #3683bc;border-left:2px solid #3683bc;border-right:2px dashed transparent;top:-2px;left:-2px}@keyframes spinner{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes spinner{from{transform:rotate(0)}to{transform:rotate(360deg)}}.suggestions-container{margin:0;padding-left:0}.suggestions-container .search-opt{display:flex;align-items:center;padding:8px 16px}.suggestions-container .search-opt h6{margin-left:5px;color:#454545!important;font-weight:600;font-size:15px;margin-bottom:0;font-family:Barlow,sans-serif;margin-top:0}.suggestions-container .item-map-recent{padding:0 16px!important;display:flex;align-items:center;justify-content:space-between}"]}]}],"members":{"searchInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":80,"character":3},"arguments":["searchInput"]}]}],"filteredListElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":81,"character":3},"arguments":["filteredListElement"]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":3}}]}],"searchKeyword":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":3}}]}],"heading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3}}]}],"initialValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":3}}]}],"showNotFound":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":111,"character":3}}]}],"take":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":3}}]}],"displayData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":113,"character":3}}]}],"clearInputOnSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3}}]}],"notFoundText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":117,"character":3}}]}],"recentSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":3}}]}],"debounceTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":119,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":3}}]}],"filterType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":121,"character":3}}]}],"minQueryLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":3}}]}],"focusFirst":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":131,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":135,"character":3}}]}],"inputChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":138,"character":3}}]}],"inputFocused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":141,"character":3}}]}],"inputCleared":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":145,"character":3}}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":149,"character":3}}]}],"closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":152,"character":3}}]}],"handleError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":154,"character":3}}]}],"suggestionList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":155,"character":3}}]}],"itemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":158,"character":3}}]}],"notFoundTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":159,"character":3}}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":168,"character":3},"arguments":["window:click",["$event","$event.target"]]}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":216,"character":5},"arguments":["Params"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":213,"character":16},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":214,"character":22},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","name":"string"}]}]}],"setDisabledState":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"setInitialValue":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"handleItemsChange":[{"__symbolic":"method"}],"filterList":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"recentSearchClick":[{"__symbolic":"method"}],"handleClick":[{"__symbolic":"method"}],"handleOverlay":[{"__symbolic":"method"}],"setPanelState":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"clearInputOnDemand":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"handleOpen":[{"__symbolic":"method"}],"handleClose":[{"__symbolic":"method"}],"handleFocus":[{"__symbolic":"method"}],"initEventStream":[{"__symbolic":"method"}],"listenEventStream":[{"__symbolic":"method"}],"onKeyUp":[{"__symbolic":"method"}],"onFocusItem":[{"__symbolic":"method"}],"onHandleEnter":[{"__symbolic":"method"}],"onEsc":[{"__symbolic":"method"}],"onTab":[{"__symbolic":"method"}]}},"BatchAutocompleteLibModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"BatchAutocompleteLibComponent"},{"__symbolic":"reference","name":"AutocompleteComponent"},{"__symbolic":"reference","name":"HighlightPipe"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":14,"character":18},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":14,"character":31}],"exports":[{"__symbolic":"reference","name":"BatchAutocompleteLibComponent"},{"__symbolic":"reference","name":"AutocompleteComponent"},{"__symbolic":"reference","name":"HighlightPipe"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["domainServer","apiKey"],"value":{"ngModule":{"__symbolic":"reference","name":"BatchAutocompleteLibModule"},"providers":[{"provide":"Params","useValue":{"apiKey":{"__symbolic":"reference","name":"apiKey"},"domainServer":{"__symbolic":"reference","name":"domainServer"}}}]}}}},"HighlightPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"highlight"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":9,"character":34}]}],"getAddresses":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}}},"origins":{"BatchAutocompleteLibService":"./lib/batch-autocomplete-lib.service","BatchAutocompleteLibComponent":"./lib/batch-autocomplete-lib.component","AutocompleteComponent":"./lib/autocomplete/autocomplete.component","BatchAutocompleteLibModule":"./lib/batch-autocomplete-lib.module","HighlightPipe":"./lib/autocomplete/highlight.pipe","ɵa":"./lib/services/data.service"},"importAs":"@batchservice/batch-autocomplete-lib"}