@ng-select/ng-select 3.7.2 → 3.7.3

package/fesm2015/ng-select-ng-select.js

@@ -2899,6 +2899,7 @@ class NgSelectComponent {
         this.readonly = false;
         this.searchWhileComposing = true;
         this.minTermLength = 0;
+        this.editableSearchTerm = false;
         this.keyDownFn = (/**
          * @param {?} _
          * @return {?}
@@ -2925,6 +2926,7 @@ class NgSelectComponent {
         this.searchTerm = null;
         this.dropdownId = newId();
         this.escapeHTML = true;
+        this.useDefaultClass = true;
         this._items = [];
         this._defaultLabel = 'label';
         this._pressedKeys = [];
@@ -3019,6 +3021,13 @@ class NgSelectComponent {
      */
     get filtered() { return (!!this.searchTerm && this.searchable || this._isComposing); }
     ;
+    /**
+     * @private
+     * @return {?}
+     */
+    get _editableSearchTerm() {
+        return this.editableSearchTerm && !this.multiple;
+    }
     /**
      * @return {?}
      */
@@ -3271,7 +3280,12 @@ class NgSelectComponent {
             return;
         }
         this.isOpen = false;
-        this._clearSearch();
+        if (!this._editableSearchTerm) {
+            this._clearSearch();
+        }
+        else {
+            this.itemsList.resetFilteredItems();
+        }
         this.itemsList.unmarkItem();
         this._onTouched();
         this.closeEvent.emit();
@@ -3291,6 +3305,9 @@ class NgSelectComponent {
         else {
             this.select(item);
         }
+        if (this._editableSearchTerm) {
+            this._setSearchTermFromItems();
+        }
         this._onSelectionChanged();
     }
     /**
@@ -3300,7 +3317,7 @@ class NgSelectComponent {
     select(item) {
         if (!item.selected) {
             this.itemsList.select(item);
-            if (this.clearSearchOnAdd) {
+            if (this.clearSearchOnAdd && !this._editableSearchTerm) {
                 this._clearSearch();
             }
             this._updateNgModel();
@@ -3465,6 +3482,9 @@ class NgSelectComponent {
         if (this.focused) {
             return;
         }
+        if (this._editableSearchTerm) {
+            this._setSearchTermFromItems();
+        }
         this.element.classList.add('ng-select-focused');
         this.focusEvent.emit($event);
         this.focused = true;
@@ -3479,6 +3499,9 @@ class NgSelectComponent {
         if (!this.isOpen && !this.disabled) {
             this._onTouched();
         }
+        if (this._editableSearchTerm) {
+            this._setSearchTermFromItems();
+        }
         this.focused = false;
     }
     /**
@@ -3499,6 +3522,15 @@ class NgSelectComponent {
             this._cd.detectChanges();
         }
     }
+    /**
+     * @private
+     * @return {?}
+     */
+    _setSearchTermFromItems() {
+        /** @type {?} */
+        const selected = this.selectedItems && this.selectedItems[0];
+        this.searchTerm = (selected && selected.label) || null;
+    }
     /**
      * @private
      * @param {?} items
@@ -3989,7 +4021,7 @@ NgSelectComponent.decorators = [
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 host: {
                     'role': 'listbox',
-                    'class': 'ng-select',
+                    '[class.ng-select]': 'useDefaultClass',
                     '[class.ng-select-single]': '!multiple',
                 },
                 styles: [".ng-select{position:relative;display:block;box-sizing:border-box}.ng-select div,.ng-select input,.ng-select span{box-sizing:border-box}.ng-select [hidden]{display:none}.ng-select.ng-select-searchable .ng-select-container .ng-value-container .ng-input{opacity:1}.ng-select.ng-select-opened .ng-select-container{z-index:1001}.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-placeholder,.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-value{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.ng-select.ng-select-disabled .ng-arrow-wrapper{cursor:default}.ng-select.ng-select-filtered .ng-placeholder{display:none}.ng-select .ng-select-container{cursor:default;display:-webkit-box;display:flex;outline:0;overflow:hidden;position:relative;width:100%}.ng-select .ng-select-container .ng-value-container{display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1}.ng-select .ng-select-container .ng-value-container .ng-input{opacity:0}.ng-select .ng-select-container .ng-value-container .ng-input>input{box-sizing:content-box;background:none;border:0;box-shadow:none;outline:0;cursor:default;width:100%}.ng-select .ng-select-container .ng-value-container .ng-input>input::-ms-clear{display:none}.ng-select .ng-select-container .ng-value-container .ng-input>input[readonly]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:0;padding:0}.ng-select.ng-select-single.ng-select-filtered .ng-select-container .ng-value-container .ng-value{visibility:hidden}.ng-select.ng-select-single .ng-select-container .ng-value-container,.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:none}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{position:absolute;left:0;width:100%}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-icon{display:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{flex-wrap:wrap}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{white-space:nowrap}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-icon{display:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{cursor:pointer}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{-webkit-box-flex:1;flex:1;z-index:2}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{position:absolute;z-index:1}.ng-select .ng-clear-wrapper{cursor:pointer;position:relative;width:17px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ng-select .ng-clear-wrapper .ng-clear{display:inline-block;font-size:18px;line-height:1;pointer-events:none}.ng-select .ng-spinner-loader{border-radius:50%;width:17px;height:17px;margin-right:5px;font-size:10px;position:relative;text-indent:-9999em;border-top:2px solid rgba(66,66,66,.2);border-right:2px solid rgba(66,66,66,.2);border-bottom:2px solid rgba(66,66,66,.2);border-left:2px solid #424242;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:.8s linear infinite load8;animation:.8s linear infinite load8}.ng-select .ng-spinner-loader:after{border-radius:50%;width:17px;height:17px}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ng-select .ng-arrow-wrapper{cursor:pointer;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ng-select .ng-arrow-wrapper .ng-arrow{pointer-events:none;display:inline-block;height:0;width:0;position:relative}.ng-dropdown-panel{box-sizing:border-box;position:absolute;opacity:0;width:100%;z-index:1050;-webkit-overflow-scrolling:touch}.ng-dropdown-panel .ng-dropdown-panel-items{display:block;height:auto;box-sizing:border-box;max-height:240px;overflow-y:auto}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{box-sizing:border-box;cursor:pointer;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .highlighted{font-weight:700;text-decoration:underline}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.disabled{cursor:default}.ng-dropdown-panel .scroll-host{overflow:hidden;overflow-y:auto;position:relative;display:block;-webkit-overflow-scrolling:touch}.ng-dropdown-panel .scrollable-content{top:0;left:0;width:100%;height:100%;position:absolute}.ng-dropdown-panel .total-padding{width:1px;opacity:0}"]
@@ -4039,6 +4071,7 @@ NgSelectComponent.propDecorators = {
     readonly: [{ type: Input }],
     searchWhileComposing: [{ type: Input }],
     minTermLength: [{ type: Input }],
+    editableSearchTerm: [{ type: Input }],
     keyDownFn: [{ type: Input }],
     typeahead: [{ type: Input }, { type: HostBinding, args: ['class.ng-select-typeahead',] }],
     multiple: [{ type: Input }, { type: HostBinding, args: ['class.ng-select-multiple',] }],
@@ -4149,6 +4182,8 @@ if (false) {
     /** @type {?} */
     NgSelectComponent.prototype.minTermLength;
     /** @type {?} */
+    NgSelectComponent.prototype.editableSearchTerm;
+    /** @type {?} */
     NgSelectComponent.prototype.keyDownFn;
     /** @type {?} */
     NgSelectComponent.prototype.typeahead;
@@ -4226,6 +4261,8 @@ if (false) {
     NgSelectComponent.prototype.focused;
     /** @type {?} */
     NgSelectComponent.prototype.escapeHTML;
+    /** @type {?} */
+    NgSelectComponent.prototype.useDefaultClass;
     /**
      * @type {?}
      * @private