@ng-select/ng-select - npm Package Compare versions

Comparing version 0.22.0 to 0.23.0

ng-select.d.ts

@@ -5,6 +5,7 @@ /**
 export * from './index';
-export { NgOptionHighlightDirective as ɵh } from './ng-select/ng-option-highlight.directive';
-export { NgOptionComponent as ɵg } from './ng-select/ng-option.component';
+export { NgDropdownPanelComponent as ɵe } from './ng-select/ng-dropdown-panel.component';
+export { NgOptionHighlightDirective as ɵi } from './ng-select/ng-option-highlight.directive';
+export { NgOptionComponent as ɵh } from './ng-select/ng-option.component';
 export { NgFooterTemplateDirective as ɵd, NgHeaderTemplateDirective as ɵc, NgLabelTemplateDirective as ɵb, NgOptionTemplateDirective as ɵa } from './ng-select/ng-templates.directive';
-export { SpinnerComponent as ɵi } from './ng-select/spinner.component';
-export { VirtualScrollComponent as ɵe, VirtualScrollModule as ɵf } from './ng-select/virtual-scroll.component';
+export { VirtualScrollService as ɵf } from './ng-select/virtual-scroll.service';
+export { WindowService as ɵg } from './ng-select/window.service';

ng-select.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":3,"metadata":{"NgSelectComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ng-select","template":"\n      <div (click)=\"searchable ? open() : toggle()\" class=\"ng-control\">\n          <div class=\"ng-value-container\">\n              <div class=\"ng-placeholder\">{{placeholder}}</div>\n              <div [class.disabled]=\"item.disabled\" class=\"ng-value\" *ngFor=\"let item of selectedItems\">\n                  <ng-template #defaultLabelTemplate>\n                      <span class=\"ng-value-icon left\" (click)=\"unselect(item); $event.stopPropagation()\" aria-hidden=\"true\">×</span>\n                      <span class=\"ng-value-label\" [innerHTML]=\"item.label\"></span>\n                  </ng-template>\n\n                  <ng-template\n                      [ngTemplateOutlet]=\"labelTemplate || defaultLabelTemplate\"\n                      [ngTemplateOutletContext]=\"{ item: item.value, clear: clearItem, label: item.label }\">\n                  </ng-template>\n              </div>\n\n              <div *ngIf=\"showFilter()\" class=\"ng-input\">\n                  <input #filterInput\n                         type=\"text\"\n                         autocomplete=\"off\"\n                         [readOnly]=\"!searchable\"\n                         [value]=\"filterValue\"\n                         (input)=\"onFilter(filterInput.value)\"\n                         (focus)=\"onInputFocus()\"\n                         (blur)=\"onInputBlur()\"\n                         (change)=\"$event.stopPropagation()\"\n                         role=\"combobox\">\n              </div>\n          </div>\n\n          <spinner class=\"ng-spinner-zone\" *ngIf=\"isLoading\"></spinner>\n\n          <span *ngIf=\"showClear()\" (click)=\"handleClearClick($event)\" class=\"ng-clear-zone\" title=\"{{clearAllText}}\">\n              <span class=\"ng-clear\" aria-hidden=\"true\">×</span>\n          </span>\n\n          <span (click)=\"handleArrowClick($event)\" class=\"ng-arrow-zone\">\n              <span class=\"ng-arrow\"></span>\n          </span>\n      </div>\n\n      <div class=\"ng-select-dropdown-outer\" [class.multiple]=\"multiple\" [class.top]=\"currentDropdownPosition === 'top'\" [class.bottom]=\"currentDropdownPosition === 'bottom'\" [ngStyle]=\"{'visibility': isOpen ? 'visible': 'hidden'}\" #dropdownPanel>\n          <div *ngIf=\"headerTemplate\" class=\"ng-dropdown-header\">\n              <ng-container [ngTemplateOutlet]=\"headerTemplate\"></ng-container>\n          </div>\n          <ng-select-virtual-scroll class=\"ng-select-dropdown\" [disabled]=\"disableVirtualScroll\" [bufferAmount]=\"4\" [items]=\"itemsList.filteredItems\" (update)=\"viewPortItems = $event\">\n              <div class=\"ng-option\" role=\"option\" (click)=\"toggleItem(item)\" (mousedown)=\"$event.preventDefault()\" (mouseover)=\"onItemHover(item)\"\n                   *ngFor=\"let item of viewPortItems\"\n                   [class.disabled]=\"item.disabled\"\n                   [class.selected]=\"item.selected\"\n                   [class.marked]=\"item === itemsList.markedItem\">\n\n                  <ng-template #defaultOptionTemplate>\n                      <span class=\"ng-option-label\" [innerHTML]=\"item.label\"  [ngOptionHighlight]=\"filterValue\"></span>\n                  </ng-template>\n\n                  <ng-template\n                      [ngTemplateOutlet]=\"optionTemplate || defaultOptionTemplate\"\n                      [ngTemplateOutletContext]=\"{ item: item.value, index: item.index, searchTerm: filterValue }\">\n                  </ng-template>\n              </div>\n\n              <div class=\"ng-option\" [class.marked]=\"!itemsList.markedItem\" (mouseover)=\"itemsList.unmarkItem()\" role=\"option\" (click)=\"selectTag()\" *ngIf=\"showAddTag()\">\n                  <span><span class=\"ng-tag-label\">{{addTagText}}</span>\"{{filterValue}}\"</span>\n              </div>\n          </ng-select-virtual-scroll>\n\n          <div class=\"ng-select-dropdown\" *ngIf=\"showNoItemsFound() && !showAddTag()\">\n              <div class=\"ng-option disabled\">\n                  {{notFoundText}}\n              </div>\n          </div>\n\n          <div class=\"ng-select-dropdown\" *ngIf=\"showTypeToSearch()\">\n              <div class=\"ng-option disabled\">\n                  {{typeToSearchText}}\n              </div>\n          </div>\n\n          <div class=\"ng-select-dropdown\" *ngIf=\"isLoading && itemsList.filteredItems.length === 0\">\n              <div class=\"ng-option disabled\">\n                  {{loadingText}}\n              </div>\n          </div>\n\n          <div *ngIf=\"footerTemplate\" class=\"ng-dropdown-footer\">\n              <ng-container [ngTemplateOutlet]=\"footerTemplate\"></ng-container>\n          </div>\n      </div>\n    ","styles":["\n      .ng-select {\n        position: relative;\n        display: block;\n        -webkit-box-sizing: border-box;\n        box-sizing: border-box; }\n        .ng-select div,\n        .ng-select input,\n        .ng-select span {\n          -webkit-box-sizing: border-box;\n          box-sizing: border-box; }\n        .ng-select [hidden] {\n          display: none; }\n        .ng-select.searchable .ng-control .ng-value-container .ng-input {\n          opacity: 1; }\n        .ng-select.disabled .ng-control .ng-value-container .ng-placeholder,\n        .ng-select.disabled .ng-control .ng-value-container .ng-value {\n          -webkit-user-select: none;\n             -moz-user-select: none;\n              -ms-user-select: none;\n                  user-select: none;\n          cursor: default; }\n        .ng-select.disabled .ng-arrow-zone {\n          cursor: default; }\n        .ng-select.ng-selected .ng-control .ng-value-container .ng-placeholder, .ng-select.filtered .ng-control .ng-value-container .ng-placeholder {\n          display: none; }\n        .ng-select .ng-control {\n          color: #333;\n          cursor: default;\n          display: -webkit-box;\n          display: -ms-flexbox;\n          display: flex;\n          outline: none;\n          overflow: hidden;\n          position: relative;\n          width: 100%; }\n          .ng-select .ng-control .ng-value-container {\n            display: -webkit-box;\n            display: -ms-flexbox;\n            display: flex;\n            -webkit-box-flex: 1;\n                -ms-flex: 1;\n                    flex: 1; }\n            .ng-select .ng-control .ng-value-container .ng-input {\n              opacity: 0; }\n              .ng-select .ng-control .ng-value-container .ng-input > input {\n                -webkit-box-sizing: content-box;\n                        box-sizing: content-box;\n                background: none transparent;\n                border: 0 none;\n                -webkit-box-shadow: none;\n                        box-shadow: none;\n                outline: none;\n                cursor: default;\n                width: 100%; }\n        .ng-select.ng-single.filtered .ng-control .ng-value-container .ng-value {\n          visibility: hidden; }\n        .ng-select.ng-single .ng-control .ng-value-container {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis; }\n          .ng-select.ng-single .ng-control .ng-value-container .ng-value {\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis; }\n            .ng-select.ng-single .ng-control .ng-value-container .ng-value .ng-value-icon {\n              display: none; }\n          .ng-select.ng-single .ng-control .ng-value-container .ng-input {\n            position: absolute;\n            left: 0;\n            width: 100%; }\n        .ng-select.ng-multiple.disabled > .ng-control .ng-value-container .ng-value .ng-value-icon {\n          display: none; }\n        .ng-select.ng-multiple .ng-control .ng-value-container {\n          -ms-flex-wrap: wrap;\n              flex-wrap: wrap; }\n          .ng-select.ng-multiple .ng-control .ng-value-container .ng-placeholder {\n            position: absolute; }\n          .ng-select.ng-multiple .ng-control .ng-value-container .ng-value {\n            white-space: nowrap; }\n            .ng-select.ng-multiple .ng-control .ng-value-container .ng-value.disabled .ng-value-icon {\n              display: none; }\n            .ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-icon {\n              cursor: pointer; }\n          .ng-select.ng-multiple .ng-control .ng-value-container .ng-input {\n            -webkit-box-flex: 1;\n                -ms-flex: 1;\n                    flex: 1;\n            z-index: 2; }\n          .ng-select.ng-multiple .ng-control .ng-value-container .ng-placeholder {\n            z-index: 1; }\n        .ng-select .ng-clear-zone {\n          cursor: pointer;\n          position: relative;\n          width: 17px; }\n          .ng-select .ng-clear-zone .ng-clear {\n            display: inline-block;\n            font-size: 18px;\n            line-height: 1; }\n        .ng-select .ng-spinner-zone {\n          cursor: pointer;\n          position: relative;\n          text-align: center;\n          width: 25px; }\n        .ng-select .ng-arrow-zone {\n          cursor: pointer;\n          position: relative;\n          text-align: center; }\n          .ng-select .ng-arrow-zone .ng-arrow {\n            display: inline-block;\n            height: 0;\n            width: 0;\n            position: relative; }\n\n      .ng-select-dropdown-outer {\n        visibility: hidden;\n        -webkit-box-sizing: border-box;\n                box-sizing: border-box;\n        position: absolute;\n        width: 100%;\n        z-index: 3;\n        -webkit-overflow-scrolling: touch; }\n        .ng-select-dropdown-outer .ng-select-dropdown {\n          display: block;\n          height: auto;\n          -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n          max-height: 240px;\n          overflow-y: auto; }\n          .ng-select-dropdown-outer .ng-select-dropdown .ng-option {\n            -webkit-box-sizing: border-box;\n                    box-sizing: border-box;\n            cursor: pointer;\n            display: block; }\n            .ng-select-dropdown-outer .ng-select-dropdown .ng-option .highlighted {\n              font-weight: bold;\n              text-decoration: underline; }\n            .ng-select-dropdown-outer .ng-select-dropdown .ng-option.disabled {\n              cursor: default; }\n    "],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"NgSelectComponent"},"multi":true}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"host":{"role":"dropdown","class":"ng-select","[class.top]":"currentDropdownPosition === \"top\"","[class.bottom]":"currentDropdownPosition === \"bottom\"","[class.ng-single]":"!multiple","[class.ng-selected]":"hasValue"}}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"bindLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"bindValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"clearable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"markFirst":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disableVirtualScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"notFoundText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"typeToSearchText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"addTagText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"loadingText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"clearAllText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dropdownPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"appendTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"closeOnSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxSelectedItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"typeahead":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.typeahead"]}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.ng-multiple"]}]}],"addTag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.taggable"]}]}],"searchable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.searchable"]}]}],"blurEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["blur"]}]}],"focusEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["focus"]}]}],"changeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["change"]}]}],"openEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["open"]}]}],"closeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["close"]}]}],"searchEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["search"]}]}],"clearEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["clear"]}]}],"addEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["add"]}]}],"removeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["remove"]}]}],"optionTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"ɵa"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef"}}]}]}],"labelTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"ɵb"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef"}}]}]}],"headerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"ɵc"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef"}}]}]}],"footerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"ɵd"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef"}}]}]}],"dropdownList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","name":"ɵe"}]}]}],"dropdownPanel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["dropdownPanel"]}]}],"ngOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"ɵg"},{"descendants":true}]}]}],"filterInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["filterInput"]}]}],"isOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.opened"]}]}],"isFocused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.focused"]}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.disabled"]}]}],"filtered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.filtered"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"NG_SELECT_DEFAULT_CONFIG"}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"NgSelectConfig"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"handleKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"handleArrowClick":[{"__symbolic":"method"}],"handleClearClick":[{"__symbolic":"method"}],"clearModel":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"toggleItem":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"unselect":[{"__symbolic":"method"}],"selectTag":[{"__symbolic":"method"}],"showClear":[{"__symbolic":"method"}],"showAddTag":[{"__symbolic":"method"}],"showFilter":[{"__symbolic":"method"}],"showNoItemsFound":[{"__symbolic":"method"}],"showTypeToSearch":[{"__symbolic":"method"}],"onFilter":[{"__symbolic":"method"}],"onInputFocus":[{"__symbolic":"method"}],"onInputBlur":[{"__symbolic":"method"}],"onItemHover":[{"__symbolic":"method"}],"detectChanges":[{"__symbolic":"method"}],"_setItems":[{"__symbolic":"method"}],"_setItemsFromNgOptions":[{"__symbolic":"method"}],"_handleDocumentClick":[{"__symbolic":"method"}],"_handleDocumentResize":[{"__symbolic":"method"}],"_handleAppendTo":[{"__symbolic":"method"}],"_updateAppendedDropdownPosition":[{"__symbolic":"method"}],"_autoPositionDropdown":[{"__symbolic":"method"}],"_validateWriteValue":[{"__symbolic":"method"}],"_selectWriteValue":[{"__symbolic":"method"}],"_updateNgModel":[{"__symbolic":"method"}],"_clearSearch":[{"__symbolic":"method"}],"_focusSearchInput":[{"__symbolic":"method"}],"_scrollToMarked":[{"__symbolic":"method"}],"_handleTab":[{"__symbolic":"method"}],"_handleEnter":[{"__symbolic":"method"}],"_handleSpace":[{"__symbolic":"method"}],"_handleArrowDown":[{"__symbolic":"method"}],"_handleArrowUp":[{"__symbolic":"method"}],"nextItemIsTag":[{"__symbolic":"method"}],"_handleBackspace":[{"__symbolic":"method"}],"_getDropdownMenu":[{"__symbolic":"method"}],"_mergeGlobalConfig":[{"__symbolic":"method"}],"_isDefined":[{"__symbolic":"method"}]}},"NG_SELECT_DEFAULT_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken"},"arguments":["ng-select-default-options"]},"NgSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NgSelectComponent"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵi"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","name":"ɵf"}],"exports":[{"__symbolic":"reference","name":"NgSelectComponent"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}],"providers":[{"provide":{"__symbolic":"reference","name":"NG_SELECT_DEFAULT_CONFIG"},"useValue":{"notFoundText":"No items found","typeToSearchText":"Type to search","addTagText":"Add item","loadingText":"Loading...","clearAllText":"Clear all","disableVirtualScroll":false}}]}]}],"members":{}},"NgOption":{"__symbolic":"interface"},"NgSelectConfig":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[ng-option-tmp]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[ng-label-tmp]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[ng-header-tmp]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[ng-footer-tmp]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ng-select-virtual-scroll","template":"\n        <div *ngIf=\"enabled\" class=\"total-padding\" [style.height]=\"scrollHeight + 'px'\"></div>\n        <div #content\n             [class.scrollable-content]=\"enabled\"\n             [style.transform]=\"transformStyle\">\n            <ng-content></ng-content>\n        </div>\n    ","styles":["\n        :host {\n            overflow: hidden;\n            overflow-y: auto;\n            position: relative;\n            display: block;\n            -webkit-overflow-scrolling: touch;\n        }\n\n        .scrollable-content {\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            position: absolute;\n        }\n\n        .total-padding {\n            width: 1px;\n            opacity: 0;\n        }\n    "]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"bufferAmount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"update":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"contentElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["content",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}}]}]}],"containerElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["container"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"}]}],"handleScroll":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"scrollInto":[{"__symbolic":"method"}],"scrollIntoTag":[{"__symbolic":"method"}],"_countItemsPerRow":[{"__symbolic":"method"}],"_getElementsOffset":[{"__symbolic":"method"}],"_calculateDimensions":[{"__symbolic":"method"}],"_calculateItems":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"exports":[{"__symbolic":"reference","name":"ɵe"}],"declarations":[{"__symbolic":"reference","name":"ɵe"}]}]}],"members":{}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ng-option","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"template":"<ng-content></ng-content>"}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnChanges":[{"__symbolic":"method"}],"_isDisabled":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[ngOptionHighlight]"}]}],"members":{"term":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["ngOptionHighlight"]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["innerHTML"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"}]}],"ngOnChanges":[{"__symbolic":"method"}],"_highlightLabelWithSearchTerm":[{"__symbolic":"method"}],"_setInnerHtml":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"spinner","template":"\n        <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n     width=\"20px\" height=\"20px\" viewBox=\"0 0 50 50\" style=\"enable-background:new 0 0 50 50;\" xml:space=\"preserve\">\n  <path fill=\"#777\" d=\"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z\">\n    <animateTransform attributeType=\"xml\"\n      attributeName=\"transform\"\n      type=\"rotate\"\n      from=\"0 25 25\"\n      to=\"360 25 25\"\n      dur=\"0.6s\"\n      repeatCount=\"indefinite\"/>\n    </path>\n  </svg>"}]}],"members":{}}},"origins":{"NgSelectComponent":"./ng-select/ng-select.component","NG_SELECT_DEFAULT_CONFIG":"./ng-select/ng-select.component","NgSelectModule":"./ng-select/ng-select.module","NgOption":"./ng-select/ng-select.types","NgSelectConfig":"./ng-select/ng-select.types","ɵa":"./ng-select/ng-templates.directive","ɵb":"./ng-select/ng-templates.directive","ɵc":"./ng-select/ng-templates.directive","ɵd":"./ng-select/ng-templates.directive","ɵe":"./ng-select/virtual-scroll.component","ɵf":"./ng-select/virtual-scroll.component","ɵg":"./ng-select/ng-option.component","ɵh":"./ng-select/ng-option-highlight.directive","ɵi":"./ng-select/spinner.component"},"importAs":"@ng-select/ng-select"}
+{"__symbolic":"module","version":3,"metadata":{"NgSelectComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ng-select","template":"\n      <div (click)=\"searchable ? open() : toggle()\" class=\"ng-control\">\n          <div class=\"ng-value-container\">\n              <div class=\"ng-placeholder\">{{placeholder}}</div>\n              <div [class.disabled]=\"item.disabled\" class=\"ng-value\" *ngFor=\"let item of selectedItems\">\n                  <ng-template #defaultLabelTemplate>\n                      <span class=\"ng-value-icon left\" (click)=\"unselect(item); $event.stopPropagation()\" aria-hidden=\"true\">×</span>\n                      <span class=\"ng-value-label\" [innerHTML]=\"item.label\"></span>\n                  </ng-template>\n\n                  <ng-template\n                      [ngTemplateOutlet]=\"labelTemplate || defaultLabelTemplate\"\n                      [ngTemplateOutletContext]=\"{ item: item.value, clear: clearItem, label: item.label }\">\n                  </ng-template>\n              </div>\n\n              <div *ngIf=\"showFilter()\" class=\"ng-input\">\n                  <input #filterInput\n                         type=\"text\"\n                         autocomplete=\"off\"\n                         [readOnly]=\"!searchable\"\n                         [value]=\"filterValue\"\n                         (input)=\"onFilter(filterInput.value)\"\n                         (focus)=\"onInputFocus()\"\n                         (blur)=\"onInputBlur()\"\n                         (change)=\"$event.stopPropagation()\"\n                         role=\"combobox\">\n              </div>\n          </div>\n\n          <div class=\"ng-spinner-loader\" *ngIf=\"isLoading\"></div>\n\n          <span *ngIf=\"showClear()\" (click)=\"handleClearClick($event)\" class=\"ng-clear-zone\" title=\"{{clearAllText}}\">\n              <span class=\"ng-clear\" aria-hidden=\"true\">×</span>\n          </span>\n\n          <span (click)=\"handleArrowClick($event)\" class=\"ng-arrow-zone\">\n              <span class=\"ng-arrow\"></span>\n          </span>\n      </div>\n\n      <ng-dropdown-panel *ngIf=\"isOpen\"\n          class=\"ng-dropdown-panel\"\n          [bufferAmount]=\"bufferAmount\"\n          [appendTo]=\"appendTo\"\n          [position]=\"dropdownPosition\"\n          [headerTemplate]=\"headerTemplate\"\n          [footerTemplate]=\"footerTemplate\"\n          [items]=\"itemsList.filteredItems\"\n          (update)=\"viewPortItems = $event\"\n          (positionChange)=\"currentDropdownPosition = $event\"\n          (scrollToEnd)=\"scrollToEnd.emit($event)\"\n          [ngClass]=\"{'multiple': multiple}\">\n    \n          <ng-container>\n              <div class=\"ng-option\" role=\"option\" (click)=\"toggleItem(item)\" (mousedown)=\"$event.preventDefault()\" (mouseover)=\"onItemHover(item)\"\n                   *ngFor=\"let item of viewPortItems\"\n                   [class.disabled]=\"item.disabled\"\n                   [class.selected]=\"item.selected\"\n                   [class.marked]=\"item === itemsList.markedItem\">\n\n                  <ng-template #defaultOptionTemplate>\n                      <span class=\"ng-option-label\" [innerHTML]=\"item.label\"  [ngOptionHighlight]=\"filterValue\"></span>\n                  </ng-template>\n\n                  <ng-template\n                      [ngTemplateOutlet]=\"optionTemplate || defaultOptionTemplate\"\n                      [ngTemplateOutletContext]=\"{ item: item.value, index: item.index, searchTerm: filterValue }\">\n                  </ng-template>\n              </div>\n\n              <div class=\"ng-option\" [class.marked]=\"!itemsList.markedItem\" (mouseover)=\"itemsList.unmarkItem()\" role=\"option\" (click)=\"selectTag()\" *ngIf=\"showAddTag()\">\n                  <span><span class=\"ng-tag-label\">{{addTagText}}</span>\"{{filterValue}}\"</span>\n              </div>\n          </ng-container>\n\n          <div class=\"ng-option disabled\" *ngIf=\"showNoItemsFound()\">\n              {{notFoundText}}\n          </div>\n\n          <div class=\"ng-option disabled\" *ngIf=\"showTypeToSearch()\">\n              {{typeToSearchText}}\n          </div>\n\n          <div class=\"ng-option disabled\" *ngIf=\"isLoading && itemsList.filteredItems.length === 0\">\n              {{loadingText}}\n          </div>\n      </ng-dropdown-panel>\n    ","styles":["\n      .ng-select {\n        position: relative;\n        display: block;\n        -webkit-box-sizing: border-box;\n        box-sizing: border-box; }\n        .ng-select div,\n        .ng-select input,\n        .ng-select span {\n          -webkit-box-sizing: border-box;\n          box-sizing: border-box; }\n        .ng-select [hidden] {\n          display: none; }\n        .ng-select.searchable .ng-control .ng-value-container .ng-input {\n          opacity: 1; }\n        .ng-select.disabled .ng-control .ng-value-container .ng-placeholder,\n        .ng-select.disabled .ng-control .ng-value-container .ng-value {\n          -webkit-user-select: none;\n             -moz-user-select: none;\n              -ms-user-select: none;\n                  user-select: none;\n          cursor: default; }\n        .ng-select.disabled .ng-arrow-zone {\n          cursor: default; }\n        .ng-select.ng-selected .ng-control .ng-value-container .ng-placeholder, .ng-select.filtered .ng-control .ng-value-container .ng-placeholder {\n          display: none; }\n        .ng-select .ng-control {\n          color: #333;\n          cursor: default;\n          display: -webkit-box;\n          display: -ms-flexbox;\n          display: flex;\n          outline: none;\n          overflow: hidden;\n          position: relative;\n          width: 100%; }\n          .ng-select .ng-control .ng-value-container {\n            display: -webkit-box;\n            display: -ms-flexbox;\n            display: flex;\n            -webkit-box-flex: 1;\n                -ms-flex: 1;\n                    flex: 1; }\n            .ng-select .ng-control .ng-value-container .ng-input {\n              opacity: 0; }\n              .ng-select .ng-control .ng-value-container .ng-input > input {\n                -webkit-box-sizing: content-box;\n                        box-sizing: content-box;\n                background: none transparent;\n                border: 0 none;\n                -webkit-box-shadow: none;\n                        box-shadow: none;\n                outline: none;\n                cursor: default;\n                width: 100%; }\n        .ng-select.ng-single.filtered .ng-control .ng-value-container .ng-value {\n          visibility: hidden; }\n        .ng-select.ng-single .ng-control .ng-value-container {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis; }\n          .ng-select.ng-single .ng-control .ng-value-container .ng-value {\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis; }\n            .ng-select.ng-single .ng-control .ng-value-container .ng-value .ng-value-icon {\n              display: none; }\n          .ng-select.ng-single .ng-control .ng-value-container .ng-input {\n            position: absolute;\n            left: 0;\n            width: 100%; }\n        .ng-select.ng-multiple.disabled > .ng-control .ng-value-container .ng-value .ng-value-icon {\n          display: none; }\n        .ng-select.ng-multiple .ng-control .ng-value-container {\n          -ms-flex-wrap: wrap;\n              flex-wrap: wrap; }\n          .ng-select.ng-multiple .ng-control .ng-value-container .ng-placeholder {\n            position: absolute; }\n          .ng-select.ng-multiple .ng-control .ng-value-container .ng-value {\n            white-space: nowrap; }\n            .ng-select.ng-multiple .ng-control .ng-value-container .ng-value.disabled .ng-value-icon {\n              display: none; }\n            .ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-icon {\n              cursor: pointer; }\n          .ng-select.ng-multiple .ng-control .ng-value-container .ng-input {\n            -webkit-box-flex: 1;\n                -ms-flex: 1;\n                    flex: 1;\n            z-index: 2; }\n          .ng-select.ng-multiple .ng-control .ng-value-container .ng-placeholder {\n            z-index: 1; }\n        .ng-select .ng-clear-zone {\n          cursor: pointer;\n          position: relative;\n          width: 17px; }\n          .ng-select .ng-clear-zone .ng-clear {\n            display: inline-block;\n            font-size: 18px;\n            line-height: 1; }\n        .ng-select .ng-spinner-loader {\n          border-radius: 50%;\n          width: 17px;\n          height: 17px;\n          margin-right: 5px;\n          font-size: 10px;\n          position: relative;\n          text-indent: -9999em;\n          border-top: 2px solid rgba(66, 66, 66, 0.2);\n          border-right: 2px solid rgba(66, 66, 66, 0.2);\n          border-bottom: 2px solid rgba(66, 66, 66, 0.2);\n          border-left: 2px solid #424242;\n          -webkit-transform: translateZ(0);\n                  transform: translateZ(0);\n          -webkit-animation: load8 0.8s infinite linear;\n                  animation: load8 0.8s infinite linear; }\n          .ng-select .ng-spinner-loader:after {\n            border-radius: 50%;\n            width: 17px;\n            height: 17px; }\n\n      @-webkit-keyframes load8 {\n        0% {\n          -webkit-transform: rotate(0deg);\n          transform: rotate(0deg); }\n        100% {\n          -webkit-transform: rotate(360deg);\n          transform: rotate(360deg); } }\n\n      @keyframes load8 {\n        0% {\n          -webkit-transform: rotate(0deg);\n          transform: rotate(0deg); }\n        100% {\n          -webkit-transform: rotate(360deg);\n          transform: rotate(360deg); } }\n        .ng-select .ng-arrow-zone {\n          cursor: pointer;\n          position: relative;\n          text-align: center; }\n          .ng-select .ng-arrow-zone .ng-arrow {\n            display: inline-block;\n            height: 0;\n            width: 0;\n            position: relative; }\n    "],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"NgSelectComponent"},"multi":true}],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"host":{"role":"dropdown","class":"ng-select","[class.top]":"currentDropdownPosition === \"top\"","[class.bottom]":"currentDropdownPosition === \"bottom\"","[class.ng-single]":"!multiple","[class.ng-selected]":"hasValue"}}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"bindLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"bindValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"clearable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"markFirst":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"notFoundText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"typeToSearchText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"addTagText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"loadingText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"clearAllText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dropdownPosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"appendTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"closeOnSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"maxSelectedItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"bufferAmount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"typeahead":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.typeahead"]}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.ng-multiple"]}]}],"addTag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.taggable"]}]}],"searchable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.searchable"]}]}],"blurEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["blur"]}]}],"focusEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["focus"]}]}],"changeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["change"]}]}],"openEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["open"]}]}],"closeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["close"]}]}],"searchEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["search"]}]}],"clearEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["clear"]}]}],"addEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["add"]}]}],"removeEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["remove"]}]}],"scrollToEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["scrollToEnd"]}]}],"optionTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"ɵa"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef"}}]}]}],"labelTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"ɵb"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef"}}]}]}],"headerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"ɵc"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef"}}]}]}],"footerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"ɵd"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef"}}]}]}],"dropdownPanel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","name":"ɵe"}]}]}],"ngOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"ɵh"},{"descendants":true}]}]}],"filterInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["filterInput"]}]}],"isOpen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.opened"]}]}],"isFocused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.focused"]}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.disabled"]}]}],"filtered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.filtered"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"NG_SELECT_DEFAULT_CONFIG"}]}],null,null,null],"parameters":[{"__symbolic":"reference","name":"NgSelectConfig"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"handleKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"handleArrowClick":[{"__symbolic":"method"}],"handleClearClick":[{"__symbolic":"method"}],"clearModel":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"toggleItem":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"unselect":[{"__symbolic":"method"}],"selectTag":[{"__symbolic":"method"}],"showClear":[{"__symbolic":"method"}],"showAddTag":[{"__symbolic":"method"}],"showFilter":[{"__symbolic":"method"}],"showNoItemsFound":[{"__symbolic":"method"}],"showTypeToSearch":[{"__symbolic":"method"}],"onFilter":[{"__symbolic":"method"}],"onInputFocus":[{"__symbolic":"method"}],"onInputBlur":[{"__symbolic":"method"}],"onItemHover":[{"__symbolic":"method"}],"detectChanges":[{"__symbolic":"method"}],"focusSearchInput":[{"__symbolic":"method"}],"_setItems":[{"__symbolic":"method"}],"_setItemsFromNgOptions":[{"__symbolic":"method"}],"_handleDocumentClick":[{"__symbolic":"method"}],"_validateWriteValue":[{"__symbolic":"method"}],"_selectWriteValue":[{"__symbolic":"method"}],"_updateNgModel":[{"__symbolic":"method"}],"_clearSearch":[{"__symbolic":"method"}],"_scrollToMarked":[{"__symbolic":"method"}],"_scrollToTag":[{"__symbolic":"method"}],"_handleTab":[{"__symbolic":"method"}],"_handleEnter":[{"__symbolic":"method"}],"_handleSpace":[{"__symbolic":"method"}],"_handleArrowDown":[{"__symbolic":"method"}],"_handleArrowUp":[{"__symbolic":"method"}],"nextItemIsTag":[{"__symbolic":"method"}],"_handleBackspace":[{"__symbolic":"method"}],"_getDropdownMenu":[{"__symbolic":"method"}],"_mergeGlobalConfig":[{"__symbolic":"method"}],"_isDefined":[{"__symbolic":"method"}]}},"NG_SELECT_DEFAULT_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken"},"arguments":["ng-select-default-options"]},"NgSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"NgSelectComponent"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"exports":[{"__symbolic":"reference","name":"NgSelectComponent"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}],"providers":[{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵf"},{"provide":{"__symbolic":"reference","name":"NG_SELECT_DEFAULT_CONFIG"},"useValue":{"notFoundText":"No items found","typeToSearchText":"Type to search","addTagText":"Add item","loadingText":"Loading...","clearAllText":"Clear all","disableVirtualScroll":false}}]}]}],"members":{}},"NgOption":{"__symbolic":"interface"},"NgSelectConfig":{"__symbolic":"interface"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[ng-option-tmp]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[ng-label-tmp]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[ng-header-tmp]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[ng-footer-tmp]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"selector":"ng-dropdown-panel","template":"\n        <div *ngIf=\"headerTemplate\" class=\"ng-dropdown-header\" ngProjectAs=\"header\" header>\n            <ng-container [ngTemplateOutlet]=\"headerTemplate\"></ng-container>\n        </div>\n        <div #scroll class=\"ng-dropdown-panel-items scroll-host\">\n            <div #padding class=\"total-padding\"></div>\n            <div #content [class.scrollable-content]=\"items.length > 0\">\n                <ng-content></ng-content>\n            </div>\n        </div>\n        <div *ngIf=\"footerTemplate\" class=\"ng-dropdown-footer\" ngProjectAs=\"footer\" footer>\n            <ng-container [ngTemplateOutlet]=\"footerTemplate\"></ng-container>\n        </div>\n    ","styles":["\n      .ng-dropdown-panel {\n        -webkit-box-sizing: border-box;\n                box-sizing: border-box;\n        position: absolute;\n        width: 100%;\n        z-index: 3;\n        -webkit-overflow-scrolling: touch; }\n        .ng-dropdown-panel .ng-dropdown-panel-items {\n          display: block;\n          height: auto;\n          -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n          max-height: 240px;\n          overflow-y: auto; }\n          .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {\n            -webkit-box-sizing: border-box;\n                    box-sizing: border-box;\n            cursor: pointer;\n            display: block; }\n            .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .highlighted {\n              font-weight: bold;\n              text-decoration: underline; }\n            .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.disabled {\n              cursor: default; }\n        .ng-dropdown-panel .scroll-host {\n          overflow: hidden;\n          overflow-y: auto;\n          position: relative;\n          display: block;\n          -webkit-overflow-scrolling: touch; }\n        .ng-dropdown-panel .scrollable-content {\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100%;\n          position: absolute; }\n        .ng-dropdown-panel .total-padding {\n          width: 1px;\n          opacity: 0; }\n    "],"host":{"[class.top]":"currentPosition === \"top\"","[class.bottom]":"currentPosition === \"bottom\""}}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"appendTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"bufferAmount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"headerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"footerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"update":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"scrollToEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"positionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"contentElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["content",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}}]}]}],"scrollElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["scroll",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}}]}]}],"paddingElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["padding",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","name":"NgSelectComponent"}]}],null,null,null,null,null],"parameters":[{"__symbolic":"reference","name":"NgSelectComponent"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"scrollInto":[{"__symbolic":"method"}],"scrollIntoTag":[{"__symbolic":"method"}],"_handleScroll":[{"__symbolic":"method"}],"_handleItemsChange":[{"__symbolic":"method"}],"_calculateItems":[{"__symbolic":"method"}],"_calculateDimensions":[{"__symbolic":"method"}],"_handleDocumentResize":[{"__symbolic":"method"}],"_scrollToMarked":[{"__symbolic":"method"}],"_handleAppendTo":[{"__symbolic":"method"}],"_updateDropdownPosition":[{"__symbolic":"method"}],"_autoPositionDropdown":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"calculateItems":[{"__symbolic":"method"}],"calculateDimensions":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"requestAnimationFrame":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ng-option","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"template":"<ng-content></ng-content>"}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnChanges":[{"__symbolic":"method"}],"_isDisabled":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[ngOptionHighlight]"}]}],"members":{"term":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["ngOptionHighlight"]}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["innerHTML"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"}]}],"ngOnChanges":[{"__symbolic":"method"}],"_highlightLabelWithSearchTerm":[{"__symbolic":"method"}],"_setInnerHtml":[{"__symbolic":"method"}]}}},"origins":{"NgSelectComponent":"./ng-select/ng-select.component","NG_SELECT_DEFAULT_CONFIG":"./ng-select/ng-select.component","NgSelectModule":"./ng-select/ng-select.module","NgOption":"./ng-select/ng-select.types","NgSelectConfig":"./ng-select/ng-select.types","ɵa":"./ng-select/ng-templates.directive","ɵb":"./ng-select/ng-templates.directive","ɵc":"./ng-select/ng-templates.directive","ɵd":"./ng-select/ng-templates.directive","ɵe":"./ng-select/ng-dropdown-panel.component","ɵf":"./ng-select/virtual-scroll.service","ɵg":"./ng-select/window.service","ɵh":"./ng-select/ng-option.component","ɵi":"./ng-select/ng-option-highlight.directive"},"importAs":"@ng-select/ng-select"}

ng-select/ng-select.component.d.ts

@@ -0,12 +1,13 @@
+import { Subject } from 'rxjs/Subject';
+import { ControlValueAccessor } from '@angular/forms';
 import { OnInit, OnDestroy, OnChanges, AfterViewInit, ChangeDetectorRef, EventEmitter, TemplateRef, ElementRef, SimpleChanges, Renderer2, QueryList, InjectionToken } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-import { VirtualScrollComponent } from './virtual-scroll.component';
 import { NgOption, NgSelectConfig } from './ng-select.types';
 import { ItemsList } from './items-list';
-import { Subject } from 'rxjs/Subject';
 import { NgOptionComponent } from './ng-option.component';
+import { NgDropdownPanelComponent } from './ng-dropdown-panel.component';
 export declare const NG_SELECT_DEFAULT_CONFIG: InjectionToken<NgSelectConfig>;
+export declare type DropdownPosition = 'bottom' | 'top' | 'auto';
 export declare class NgSelectComponent implements OnInit, OnDestroy, OnChanges, AfterViewInit, ControlValueAccessor {
     private changeDetectorRef;
-    private elementRef;
+    elementRef: ElementRef;
     private renderer;
@@ -18,3 +19,2 @@ items: any[];
     markFirst: boolean;
-    disableVirtualScroll: boolean;
     placeholder: string;
@@ -26,3 +26,3 @@ notFoundText: string;
     clearAllText: string;
-    dropdownPosition: 'bottom' | 'top' | 'auto';
+    dropdownPosition: DropdownPosition;
     appendTo: string;
@@ -32,2 +32,3 @@ loading: boolean;
     maxSelectedItems: number;
+    bufferAmount: number;
     typeahead: Subject<string>;
@@ -46,2 +47,6 @@ multiple: boolean;
     removeEvent: EventEmitter<{}>;
+    scrollToEnd: EventEmitter<{
+        start: number;
+        end: number;
+    }>;
     optionTemplate: TemplateRef<any>;
@@ -51,4 +56,3 @@ labelTemplate: TemplateRef<any>;
     footerTemplate: TemplateRef<any>;
-    dropdownList: VirtualScrollComponent;
-    dropdownPanel: ElementRef;
+    dropdownPanel: NgDropdownPanelComponent;
     ngOptions: QueryList<NgOptionComponent>;
@@ -72,3 +76,2 @@ filterInput: ElementRef;
     private _disposeDocumentClickListener;
-    private _disposeDocumentResizeListener;
     clearItem: (item: any) => void;
@@ -108,9 +111,6 @@ constructor(config: NgSelectConfig, changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef, renderer: Renderer2);
     detectChanges(): void;
+    focusSearchInput(): void;
     private _setItems(items);
     private _setItemsFromNgOptions();
     private _handleDocumentClick();
-    private _handleDocumentResize();
-    private _handleAppendTo();
-    private _updateAppendedDropdownPosition();
-    private _autoPositionDropdown();
     private _validateWriteValue(value);
@@ -120,4 +120,4 @@ private _selectWriteValue(ngModel);
     private _clearSearch();
-    private _focusSearchInput();
     private _scrollToMarked();
+    private _scrollToTag();
     private _handleTab(_);
@@ -124,0 +124,0 @@ private _handleEnter($event);

ng-select/ng-select.types.d.ts

@@ -25,3 +25,2 @@ export interface NgOption {
     clearAllText?: string;
-    disableVirtualScroll?: boolean;
 }

package.json

@@ -1,1 +0,1 @@
-{"name":"@ng-select/ng-select","version":"0.22.0","description":"Angular ng-select - All in One UI Select, Multiselect and Autocomplete","author":"@ng-select/ng-select","license":"MIT","repository":"[e-mail]:ng-select/ng-select.git","engines":{"node":">= 6.9.0","npm":">= 3.0.0"},"keywords":["angular","select","ui-select","dropdown","multiselect","autocomplete","angular2","angular4"],"peerDependencies":{"@angular/common":">=4.0.0 <6.0.0","@angular/core":">=4.0.0 <6.0.0","@angular/forms":">=4.0.0 <6.0.0"},"main":"bundles/ng-select.umd.js","module":"@ng-select/ng-select.es5.js","es2015":"@ng-select/ng-select.js","typings":"ng-select.d.ts","metadata":"ng-select.metadata.json"}
+{"name":"@ng-select/ng-select","version":"0.23.0","description":"Angular ng-select - All in One UI Select, Multiselect and Autocomplete","author":"@ng-select/ng-select","license":"MIT","repository":"[e-mail]:ng-select/ng-select.git","engines":{"node":">= 6.9.0","npm":">= 3.0.0"},"keywords":["angular","select","ui-select","dropdown","multiselect","autocomplete","angular2","angular4"],"peerDependencies":{"@angular/common":">=4.0.0 <6.0.0","@angular/core":">=4.0.0 <6.0.0","@angular/forms":">=4.0.0 <6.0.0"},"main":"bundles/ng-select.umd.js","module":"@ng-select/ng-select.es5.js","es2015":"@ng-select/ng-select.js","typings":"ng-select.d.ts","metadata":"ng-select.metadata.json"}

README.md

@@ -138,3 +138,2 @@ [![npm version](https://badge.fury.io/js/%40ng-select%2Fng-select.svg)](https://badge.fury.io/js/%40ng-select%2Fng-select)
 | [typeahead] | `Subject` |  `-` | no | Custom autocomplete or filter. |
-| [disableVirtualScroll] | `boolean` |  false | no | Disable virtual scroll |
 | dropdownPosition | `bottom`,`top`,`auto` |  `bottom` | no | Set the dropdown position on open |
@@ -155,2 +154,3 @@ | appendTo | `string` |  null | no | Append drodown to body or any other element using css selector |
 | (remove)  | Fired when item is removed |
+| (scrollToEnd)  | Fired when scrolled to the end of items. Can be used for loading more items in chunks. |
 
@@ -157,0 +157,0 @@ ## Change Detection

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

5010341

increased by0.28%

Number of package files

24

increased by4.35%

Lines of code

51120

increased by0.14%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Number of low supply chain risk alerts

7

increased by40%

No dependency changes