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

Comparing version 0.12.0 to 0.13.0

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\" [hidden]=\"!showPlaceholder()\">{{placeholder}}</div>\n              <ng-template #defaultLabelTemplate let-item=\"item\">\n                  <div class=\"ng-value-wrapper default\" [class.disabled]=\"item.disabled\">\n                      <span class=\"ng-value-icon left\" (click)=\"unselect(item); $event.stopPropagation()\" aria-hidden=\"true\">×</span>\n                      <span class=\"ng-value-label\" [innerHTML]=\"item[bindLabel]\"></span>\n                  </div>\n              </ng-template>\n\n              <div class=\"ng-value\" *ngFor=\"let item of selectedItems\">\n                  <ng-template\n                      [ngTemplateOutlet]=\"labelTemplate || defaultLabelTemplate\"\n                      [ngTemplateOutletContext]=\"{ item: item, clear: clearItem }\">\n                  </ng-template>\n              </div>\n\n              <div *ngIf=\"showFilter()\" class=\"ng-input\">\n                  <input #filterInput\n                         type=\"text\"\n                         [value]=\"filterValue\"\n                         (input)=\"onFilter($event)\"\n                         (focus)=\"onInputFocus($event)\"\n                         (blur)=\"onInputBlur($event)\"\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-menu-outer\">\n          <virtual-scroll role=\"listbox\" class=\"ng-menu\" [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[bindLabel]\"></span>\n                  </ng-template>\n\n                  <ng-template\n                      [ngTemplateOutlet]=\"optionTemplate || defaultOptionTemplate\"\n                      [ngTemplateOutletContext]=\"{ item: item, index: item.index }\">\n                  </ng-template>\n              </div>\n\n              <div class=\"ng-option marked\" role=\"option\" (click)=\"selectTag()\" *ngIf=\"showAddTag()\">\n                  <span><span class=\"ng-tag-label\">{{addTagText}}</span>\"{{filterValue}}\"</span>\n              </div>\n          </virtual-scroll>\n\n          <div class=\"ng-menu\" *ngIf=\"showNoItemsFound() && !addTag\">\n              <div class=\"ng-option disabled\">\n                  {{notFoundText}}\n              </div>\n          </div>\n\n          <div class=\"ng-menu\" *ngIf=\"showTypeToSearch()\">\n              <div class=\"ng-option disabled\">\n                  {{typeToSearchText}}\n              </div>\n          </div>\n\n          <div class=\"ng-menu\" *ngIf=\"isLoading && itemsList.filteredItems.length === 0\">\n              <div class=\"ng-option disabled\">\n                  {{loadingText}}\n              </div>\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.opened > .ng-control {\n          background: #fff;\n          border-color: #b3b3b3 #ccc #d9d9d9; }\n        .ng-select.opened > .ng-control .ng-arrow {\n          top: -2px;\n          border-color: transparent transparent #999;\n          border-width: 0 5px 5px; }\n          .ng-select.opened > .ng-control .ng-arrow:hover {\n            border-color: transparent transparent #666; }\n        .ng-select.opened.below .ng-menu-outer {\n          top: 100%;\n          border-bottom-right-radius: 4px;\n          border-bottom-left-radius: 4px;\n          border-top-color: #e6e6e6;\n          margin-top: -1px; }\n        .ng-select.opened.below > .ng-control {\n          border-bottom-right-radius: 0;\n          border-bottom-left-radius: 0; }\n        .ng-select.opened.above .ng-menu-outer {\n          bottom: 100%;\n          border-top-right-radius: 4px;\n          border-top-left-radius: 4px;\n          border-bottom-color: #e6e6e6;\n          margin-bottom: -1px; }\n        .ng-select.opened.above > .ng-control {\n          border-top-right-radius: 0;\n          border-top-left-radius: 0; }\n        .ng-select.opened .ng-menu-outer {\n          visibility: visible; }\n        .ng-select.focused:not(.opened) > .ng-control {\n          border-color: #007eff;\n          -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);\n                  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1); }\n        .ng-select.disabled {\n          pointer-events: none; }\n          .ng-select.disabled > .ng-control {\n            background-color: #f9f9f9; }\n        .ng-select.searchable .ng-control .ng-value-container .ng-input {\n          opacity: 1; }\n        .ng-select .ng-control {\n          background-color: #fff;\n          border-radius: 4px;\n          border: 1px solid #ccc;\n          color: #333;\n          cursor: default;\n          display: -webkit-box;\n          display: -ms-flexbox;\n          display: flex;\n          -webkit-box-align: center;\n              -ms-flex-align: center;\n                  align-items: center;\n          border-spacing: 0;\n          border-collapse: separate;\n          min-height: 36px;\n          outline: none;\n          overflow: hidden;\n          position: relative;\n          width: 100%; }\n          .ng-select .ng-control:hover {\n            -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n                    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }\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            -webkit-box-align: center;\n                -ms-flex-align: center;\n                    align-items: center;\n            padding-left: 10px; }\n            .ng-select .ng-control .ng-value-container .ng-placeholder {\n              color: #aaa; }\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                min-width: 5px;\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-wrapper {\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-wrapper .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            padding-left: 10px;\n            padding-right: 50px;\n            width: 100%; }\n        .ng-select.ng-multiple.disabled > .ng-control .ng-value-container .ng-value .ng-value-wrapper.default {\n          background-color: #f9f9f9;\n          border: 1px solid #e3e3e3; }\n          .ng-select.ng-multiple.disabled > .ng-control .ng-value-container .ng-value .ng-value-wrapper.default .ng-value-icon {\n            display: none; }\n        .ng-select.ng-multiple .ng-control .ng-value-container {\n          padding-top: 5px;\n          -ms-flex-wrap: wrap;\n              flex-wrap: wrap;\n          padding-left: 7px; }\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            font-size: 0.9em;\n            padding-right: 5px;\n            padding-bottom: 5px;\n            white-space: nowrap; }\n            .ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-wrapper {\n              display: -webkit-box;\n              display: -ms-flexbox;\n              display: flex; }\n              .ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-wrapper.default {\n                background-color: #f5faff;\n                border-radius: 2px;\n                border: 1px solid #c2e0ff; }\n                .ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-wrapper.default.disabled {\n                  background-color: #f9f9f9;\n                  border: 1px solid #e3e3e3; }\n                .ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-wrapper.default .ng-value-icon:hover {\n                  background-color: #d8eafd; }\n                .ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-wrapper.default .ng-value-icon.left {\n                  border-right: 1px solid #c2e0ff; }\n                .ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-wrapper.default .ng-value-icon.right {\n                  border-left: 1px solid #c2e0ff; }\n              .ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-wrapper.disabled .ng-value-icon {\n                display: none; }\n              .ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-wrapper .ng-value-label {\n                padding: 0 5px; }\n              .ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-wrapper .ng-value-icon {\n                padding: 0 5px;\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            padding-bottom: 3px;\n            padding-left: 3px; }\n          .ng-select.ng-multiple .ng-control .ng-value-container .ng-placeholder {\n            padding-bottom: 5px;\n            padding-left: 3px; }\n        .ng-select .ng-menu-outer {\n          visibility: hidden;\n          background-color: #fff;\n          border: 1px solid #ccc;\n          -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n                  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n          -webkit-box-sizing: border-box;\n                  box-sizing: border-box;\n          max-height: 242px;\n          position: absolute;\n          width: 100%;\n          z-index: 3;\n          -webkit-overflow-scrolling: touch; }\n        .ng-select .ng-menu {\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 .ng-option {\n          -webkit-box-sizing: border-box;\n                  box-sizing: border-box;\n          background-color: #fff;\n          color: #666666;\n          cursor: pointer;\n          display: block;\n          padding: 8px 10px; }\n          .ng-select .ng-option:last-child {\n            border-bottom-right-radius: 4px;\n            border-bottom-left-radius: 4px; }\n          .ng-select .ng-option.selected {\n            background-color: #f5faff;\n            color: #333; }\n            .ng-select .ng-option.selected .ng-option-label {\n              font-weight: 600; }\n          .ng-select .ng-option.marked {\n            background-color: #ebf5ff;\n            color: #333; }\n          .ng-select .ng-option.disabled {\n            color: #cccccc;\n            cursor: default; }\n          .ng-select .ng-option .ng-tag-label {\n            padding-right: 5px;\n            font-size: 80%;\n            font-weight: 400; }\n        .ng-select .ng-clear-zone {\n          -webkit-animation: Select-animation-fadeIn 200ms;\n          animation: Select-animation-fadeIn 200ms;\n          color: #999;\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-clear-zone .ng-clear:hover {\n              color: #D0021B; }\n        .ng-select .ng-spinner-zone {\n          cursor: pointer;\n          display: table-cell;\n          position: relative;\n          text-align: center;\n          vertical-align: middle;\n          width: 25px;\n          padding-right: 5px;\n          padding-top: 5px; }\n        .ng-select .ng-arrow-zone {\n          cursor: pointer;\n          display: table-cell;\n          position: relative;\n          text-align: center;\n          vertical-align: middle;\n          width: 25px;\n          padding-right: 5px; }\n          .ng-select .ng-arrow-zone .ng-arrow {\n            border-color: #999 transparent transparent;\n            border-style: solid;\n            border-width: 5px 5px 2.5px;\n            display: inline-block;\n            height: 0;\n            width: 0;\n            position: relative; }\n            .ng-select .ng-arrow-zone .ng-arrow:hover {\n              border-top-color: #666; }\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.above]":"dropdownPosition === \"above\"","[class.below]":"dropdownPosition === \"below\""}}]}],"members":{"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"}}]}]}],"dropdownList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","name":"ɵc"}]}]}],"ngOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"ɵe"},{"descendants":true}]}]}],"filterInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["filterInput"]}]}],"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"}}]}],"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"]}]}],"single":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.ng-single"]}]}],"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":"Optional"}}],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"}],"showPlaceholder":[{"__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"}],"setItems":[{"__symbolic":"method"}],"setItemsFromNgOptions":[{"__symbolic":"method"}],"handleDocumentClick":[{"__symbolic":"method"}],"validateWriteValue":[{"__symbolic":"method"}],"selectWriteValue":[{"__symbolic":"method"}],"updateModel":[{"__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"}],"handleBackspace":[{"__symbolic":"method"}],"notifyModelChanged":[{"__symbolic":"method"}],"getDropdownMenu":[{"__symbolic":"method"}],"detectChanges":[{"__symbolic":"method"}],"mergeGlobalConfig":[{"__symbolic":"method"}]}},"NgSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NgSelectComponent"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵf"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","name":"ɵd"}],"exports":[{"__symbolic":"reference","name":"NgSelectComponent"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"value":{"__symbolic":"error","message":"Reference to a non-exported function","line":38,"character":9,"context":{"name":"provideModule"},"module":"./ng-select/ng-select.module"}},"forChild":{"__symbolic":"function","parameters":["config"],"value":{"__symbolic":"error","message":"Reference to a non-exported function","line":38,"character":9,"context":{"name":"provideModule"},"module":"./ng-select/ng-select.module"}}}},"NgOption":{"__symbolic":"interface"},"NgSelectConfig":{"__symbolic":"class","members":{}},"ɵ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":"Component"},"arguments":[{"selector":"virtual-scroll,[virtualScroll]","exportAs":"virtualScroll","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"}}]}],"scrollbarWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"scrollbarHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"childWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"childHeight":[{"__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"}],"countItemsPerRow":[{"__symbolic":"method"}],"getElementsOffset":[{"__symbolic":"method"}],"calculateDimensions":[{"__symbolic":"method"}],"calculateItems":[{"__symbolic":"method"}]}},"ɵd":{"__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":"ɵc"}],"declarations":[{"__symbolic":"reference","name":"ɵc"}]}]}],"members":{}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ng-option","template":"<ng-content></ng-content>"}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}]}},"ɵf":{"__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","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/virtual-scroll.component","ɵd":"./ng-select/virtual-scroll.component","ɵe":"./ng-select/ng-option.component","ɵf":"./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\" [hidden]=\"!showPlaceholder()\">{{placeholder}}</div>\n        \n              <div class=\"ng-value\" *ngFor=\"let item of selectedItems\">\n            \n                  <ng-template #defaultLabelTemplate>\n                      <div class=\"ng-value-wrapper default\" [class.disabled]=\"item.disabled\">\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                      </div>\n                  </ng-template>\n\n                  <ng-template\n                      [ngTemplateOutlet]=\"labelTemplate || defaultLabelTemplate\"\n                      [ngTemplateOutletContext]=\"{ item: item.value, clear: clearItem }\">\n                  </ng-template>\n              </div>\n\n              <div *ngIf=\"showFilter()\" class=\"ng-input\">\n                  <input #filterInput\n                         type=\"text\"\n                         [value]=\"filterValue\"\n                         (input)=\"onFilter($event)\"\n                         (focus)=\"onInputFocus($event)\"\n                         (blur)=\"onInputBlur($event)\"\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-menu-outer\">\n          <virtual-scroll role=\"listbox\" class=\"ng-menu\" [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\"></span>\n                  </ng-template>\n\n                  <ng-template\n                      [ngTemplateOutlet]=\"optionTemplate || defaultOptionTemplate\"\n                      [ngTemplateOutletContext]=\"{ item: item.value, index: item.index }\">\n                  </ng-template>\n              </div>\n\n              <div class=\"ng-option marked\" role=\"option\" (click)=\"selectTag()\" *ngIf=\"showAddTag()\">\n                  <span><span class=\"ng-tag-label\">{{addTagText}}</span>\"{{filterValue}}\"</span>\n              </div>\n          </virtual-scroll>\n\n          <div class=\"ng-menu\" *ngIf=\"showNoItemsFound() && !addTag\">\n              <div class=\"ng-option disabled\">\n                  {{notFoundText}}\n              </div>\n          </div>\n\n          <div class=\"ng-menu\" *ngIf=\"showTypeToSearch()\">\n              <div class=\"ng-option disabled\">\n                  {{typeToSearchText}}\n              </div>\n          </div>\n\n          <div class=\"ng-menu\" *ngIf=\"isLoading && itemsList.filteredItems.length === 0\">\n              <div class=\"ng-option disabled\">\n                  {{loadingText}}\n              </div>\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.opened > .ng-control {\n          background: #fff;\n          border-color: #b3b3b3 #ccc #d9d9d9; }\n        .ng-select.opened > .ng-control .ng-arrow {\n          top: -2px;\n          border-color: transparent transparent #999;\n          border-width: 0 5px 5px; }\n          .ng-select.opened > .ng-control .ng-arrow:hover {\n            border-color: transparent transparent #666; }\n        .ng-select.opened.below .ng-menu-outer {\n          top: 100%;\n          border-bottom-right-radius: 4px;\n          border-bottom-left-radius: 4px;\n          border-top-color: #e6e6e6;\n          margin-top: -1px; }\n        .ng-select.opened.below > .ng-control {\n          border-bottom-right-radius: 0;\n          border-bottom-left-radius: 0; }\n        .ng-select.opened.above .ng-menu-outer {\n          bottom: 100%;\n          border-top-right-radius: 4px;\n          border-top-left-radius: 4px;\n          border-bottom-color: #e6e6e6;\n          margin-bottom: -1px; }\n        .ng-select.opened.above > .ng-control {\n          border-top-right-radius: 0;\n          border-top-left-radius: 0; }\n        .ng-select.opened .ng-menu-outer {\n          visibility: visible; }\n        .ng-select.focused:not(.opened) > .ng-control {\n          border-color: #007eff;\n          -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);\n                  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1); }\n        .ng-select.disabled {\n          pointer-events: none; }\n          .ng-select.disabled > .ng-control {\n            background-color: #f9f9f9; }\n        .ng-select.searchable .ng-control .ng-value-container .ng-input {\n          opacity: 1; }\n        .ng-select .ng-control {\n          background-color: #fff;\n          border-radius: 4px;\n          border: 1px solid #ccc;\n          color: #333;\n          cursor: default;\n          display: -webkit-box;\n          display: -ms-flexbox;\n          display: flex;\n          -webkit-box-align: center;\n              -ms-flex-align: center;\n                  align-items: center;\n          border-spacing: 0;\n          border-collapse: separate;\n          min-height: 36px;\n          outline: none;\n          overflow: hidden;\n          position: relative;\n          width: 100%; }\n          .ng-select .ng-control:hover {\n            -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n                    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }\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            -webkit-box-align: center;\n                -ms-flex-align: center;\n                    align-items: center;\n            padding-left: 10px; }\n            .ng-select .ng-control .ng-value-container .ng-placeholder {\n              color: #aaa; }\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                min-width: 5px;\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-wrapper {\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-wrapper .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            padding-left: 10px;\n            padding-right: 50px;\n            width: 100%; }\n        .ng-select.ng-multiple.disabled > .ng-control .ng-value-container .ng-value .ng-value-wrapper.default {\n          background-color: #f9f9f9;\n          border: 1px solid #e3e3e3; }\n          .ng-select.ng-multiple.disabled > .ng-control .ng-value-container .ng-value .ng-value-wrapper.default .ng-value-icon {\n            display: none; }\n        .ng-select.ng-multiple .ng-control .ng-value-container {\n          padding-top: 5px;\n          -ms-flex-wrap: wrap;\n              flex-wrap: wrap;\n          padding-left: 7px; }\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            font-size: 0.9em;\n            padding-right: 5px;\n            padding-bottom: 5px;\n            white-space: nowrap; }\n            .ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-wrapper {\n              display: -webkit-box;\n              display: -ms-flexbox;\n              display: flex; }\n              .ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-wrapper.default {\n                background-color: #f5faff;\n                border-radius: 2px;\n                border: 1px solid #c2e0ff; }\n                .ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-wrapper.default.disabled {\n                  background-color: #f9f9f9;\n                  border: 1px solid #e3e3e3; }\n                .ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-wrapper.default .ng-value-icon:hover {\n                  background-color: #d8eafd; }\n                .ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-wrapper.default .ng-value-icon.left {\n                  border-right: 1px solid #c2e0ff; }\n                .ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-wrapper.default .ng-value-icon.right {\n                  border-left: 1px solid #c2e0ff; }\n              .ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-wrapper.disabled .ng-value-icon {\n                display: none; }\n              .ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-wrapper .ng-value-label {\n                padding: 0 5px; }\n              .ng-select.ng-multiple .ng-control .ng-value-container .ng-value .ng-value-wrapper .ng-value-icon {\n                padding: 0 5px;\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            padding-bottom: 3px;\n            padding-left: 3px; }\n          .ng-select.ng-multiple .ng-control .ng-value-container .ng-placeholder {\n            padding-bottom: 5px;\n            padding-left: 3px; }\n        .ng-select .ng-menu-outer {\n          visibility: hidden;\n          background-color: #fff;\n          border: 1px solid #ccc;\n          -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n                  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n          -webkit-box-sizing: border-box;\n                  box-sizing: border-box;\n          max-height: 242px;\n          position: absolute;\n          width: 100%;\n          z-index: 3;\n          -webkit-overflow-scrolling: touch; }\n        .ng-select .ng-menu {\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 .ng-option {\n          -webkit-box-sizing: border-box;\n                  box-sizing: border-box;\n          background-color: #fff;\n          color: #666666;\n          cursor: pointer;\n          display: block;\n          padding: 8px 10px; }\n          .ng-select .ng-option:last-child {\n            border-bottom-right-radius: 4px;\n            border-bottom-left-radius: 4px; }\n          .ng-select .ng-option.selected {\n            background-color: #f5faff;\n            color: #333; }\n            .ng-select .ng-option.selected .ng-option-label {\n              font-weight: 600; }\n          .ng-select .ng-option.marked {\n            background-color: #ebf5ff;\n            color: #333; }\n          .ng-select .ng-option.disabled {\n            color: #cccccc;\n            cursor: default; }\n          .ng-select .ng-option .ng-tag-label {\n            padding-right: 5px;\n            font-size: 80%;\n            font-weight: 400; }\n        .ng-select .ng-clear-zone {\n          -webkit-animation: Select-animation-fadeIn 200ms;\n          animation: Select-animation-fadeIn 200ms;\n          color: #999;\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-clear-zone .ng-clear:hover {\n              color: #D0021B; }\n        .ng-select .ng-spinner-zone {\n          cursor: pointer;\n          display: table-cell;\n          position: relative;\n          text-align: center;\n          vertical-align: middle;\n          width: 25px;\n          padding-right: 5px;\n          padding-top: 5px; }\n        .ng-select .ng-arrow-zone {\n          cursor: pointer;\n          display: table-cell;\n          position: relative;\n          text-align: center;\n          vertical-align: middle;\n          width: 25px;\n          padding-right: 5px; }\n          .ng-select .ng-arrow-zone .ng-arrow {\n            border-color: #999 transparent transparent;\n            border-style: solid;\n            border-width: 5px 5px 2.5px;\n            display: inline-block;\n            height: 0;\n            width: 0;\n            position: relative; }\n            .ng-select .ng-arrow-zone .ng-arrow:hover {\n              border-top-color: #666; }\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.above]":"dropdownPosition === \"above\"","[class.below]":"dropdownPosition === \"below\""}}]}],"members":{"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"}}]}]}],"dropdownList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","name":"ɵc"}]}]}],"ngOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"ɵe"},{"descendants":true}]}]}],"filterInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["filterInput"]}]}],"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"}}]}],"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"]}]}],"single":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.ng-single"]}]}],"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":"Optional"}}],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"}],"showPlaceholder":[{"__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"}],"setItems":[{"__symbolic":"method"}],"setItemsFromNgOptions":[{"__symbolic":"method"}],"handleDocumentClick":[{"__symbolic":"method"}],"validateWriteValue":[{"__symbolic":"method"}],"selectWriteValue":[{"__symbolic":"method"}],"updateModel":[{"__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"}],"handleBackspace":[{"__symbolic":"method"}],"notifyModelChanged":[{"__symbolic":"method"}],"getDropdownMenu":[{"__symbolic":"method"}],"detectChanges":[{"__symbolic":"method"}],"mergeGlobalConfig":[{"__symbolic":"method"}]}},"NgSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NgSelectComponent"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵf"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","name":"ɵd"}],"exports":[{"__symbolic":"reference","name":"NgSelectComponent"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"value":{"__symbolic":"error","message":"Reference to a non-exported function","line":38,"character":9,"context":{"name":"provideModule"},"module":"./ng-select/ng-select.module"}},"forChild":{"__symbolic":"function","parameters":["config"],"value":{"__symbolic":"error","message":"Reference to a non-exported function","line":38,"character":9,"context":{"name":"provideModule"},"module":"./ng-select/ng-select.module"}}}},"NgOption":{"__symbolic":"interface"},"NgSelectConfig":{"__symbolic":"class","members":{}},"ɵ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":"Component"},"arguments":[{"selector":"virtual-scroll,[virtualScroll]","exportAs":"virtualScroll","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"}}]}],"scrollbarWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"scrollbarHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"childWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"childHeight":[{"__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"}],"countItemsPerRow":[{"__symbolic":"method"}],"getElementsOffset":[{"__symbolic":"method"}],"calculateDimensions":[{"__symbolic":"method"}],"calculateItems":[{"__symbolic":"method"}]}},"ɵd":{"__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":"ɵc"}],"declarations":[{"__symbolic":"reference","name":"ɵc"}]}]}],"members":{}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ng-option","template":"<ng-content></ng-content>"}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}]}},"ɵf":{"__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","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/virtual-scroll.component","ɵd":"./ng-select/virtual-scroll.component","ɵe":"./ng-select/ng-option.component","ɵf":"./ng-select/spinner.component"},"importAs":"@ng-select/ng-select"}

ng-select/items-list.d.ts

@@ -9,13 +9,18 @@ import { NgOption } from './ng-select.types';
     private _simple;
+    private _bindLabel;
     readonly value: NgOption[];
     readonly markedItem: NgOption;
-    setItems(items: NgOption[], simple?: boolean): void;
+    setItems(items: NgOption[], bindLabel: string, simple?: boolean): void;
     setMultiple(multiple: boolean): void;
     select(item: NgOption): void;
-    findItem(value: any, bindValue: string, bindLabel: string): NgOption;
+    findItem(value: any, bindValue: string): NgOption;
     unselect(item: NgOption): void;
     unselectLast(): void;
-    addItem(item: NgOption): void;
+    addItem(item: any): {
+        index: number;
+        label: any;
+        value: any;
+    };
     clearSelected(): void;
-    filter(term: string, bindLabel: string): void;
+    filter(term: string): void;
     clearFilter(): void;
@@ -28,5 +33,6 @@ markNextItem(): void;
     private stepToItem(steps);
-    private getDefaultFilterFunc(term, bindLabel);
+    private getDefaultFilterFunc(term);
     private readonly lastSelectedItem;
     private mapItems(items);
+    resolveNested(option: any, key: string): any;
 }

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

@@ -8,3 +8,3 @@ export interface NgOption {
     label?: string;
-    value?: string;
+    value?: string | Object;
 }
@@ -11,0 +11,0 @@ export declare enum KeyCode {

package.json

@@ -1,1 +0,1 @@
-{"name":"@ng-select/ng-select","version":"0.12.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.13.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"}

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

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

699370

increased by1.59%

Lines of code

7596

increased by1.31%

No dependency changes