{"__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"}]}},"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":"ɵa"},{"__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":"ɵa"},{"__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":"Component","line":38,"character":1},"arguments":[{"selector":"bs-address-autocomplete","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":44,"character":15},"useExisting":{"__symbolic":"reference","name":"ɵa"},"multi":true}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":49,"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           >\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          <!--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\">\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.png\"/>\n         <img class=\"map-img-hover\" src=\"https://bst-staging-public.s3.us-west-2.amazonaws.com/map-icon-red.png\"/>\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</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 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.png);background-position:right;background-repeat:no-repeat;background-size:175px 20px}.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 4px}.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:10px;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)}}"]}]}],"members":{"searchInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":58,"character":3},"arguments":["searchInput"]}]}],"filteredListElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":59,"character":3},"arguments":["filteredListElement"]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"searchKeyword":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"heading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}}]}],"initialValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":3}}]}],"notFoundText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"debounceTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}}]}],"minQueryLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}}]}],"focusFirst":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":101,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":105,"character":3}}]}],"inputChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":108,"character":3}}]}],"inputFocused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":111,"character":3}}]}],"inputCleared":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":115,"character":3}}]}],"opened":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":119,"character":3}}]}],"closed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":122,"character":3}}]}],"handleError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":124,"character":3}}]}],"suggestionList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":125,"character":3}}]}],"itemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":3}}]}],"notFoundTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":3}}]}],"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":172,"character":5},"arguments":["Params"]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":169,"character":16},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":170,"character":22},{"__symbolic":"reference","name":"ɵb"},{"__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"}],"handleClick":[{"__symbolic":"method"}],"handleOverlay":[{"__symbolic":"method"}],"setPanelState":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"clear":[{"__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"}]}},"ɵb":{"__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","BatchAutocompleteLibModule":"./lib/batch-autocomplete-lib.module","HighlightPipe":"./lib/autocomplete/highlight.pipe","ɵa":"./lib/autocomplete/autocomplete.component","ɵb":"./lib/services/data.service"},"importAs":"batch-autocomplete-lib"}