@ng-select/ng-select 3.7.2 → 3.7.3

package/fesm5/ng-select-ng-select.js

@@ -3256,6 +3256,7 @@ var NgSelectComponent = /** @class */ (function () {
         this.readonly = false;
         this.searchWhileComposing = true;
         this.minTermLength = 0;
+        this.editableSearchTerm = false;
         this.keyDownFn = (/**
          * @param {?} _
          * @return {?}
@@ -3282,6 +3283,7 @@ var NgSelectComponent = /** @class */ (function () {
         this.searchTerm = null;
         this.dropdownId = newId();
         this.escapeHTML = true;
+        this.useDefaultClass = true;
         this._items = [];
         this._defaultLabel = 'label';
         this._pressedKeys = [];
@@ -3396,6 +3398,17 @@ var NgSelectComponent = /** @class */ (function () {
         configurable: true
     });
     ;
+    Object.defineProperty(NgSelectComponent.prototype, "_editableSearchTerm", {
+        get: /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            return this.editableSearchTerm && !this.multiple;
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(NgSelectComponent.prototype, "selectedItems", {
         get: /**
          * @return {?}
@@ -3723,7 +3736,12 @@ var NgSelectComponent = /** @class */ (function () {
             return;
         }
         this.isOpen = false;
-        this._clearSearch();
+        if (!this._editableSearchTerm) {
+            this._clearSearch();
+        }
+        else {
+            this.itemsList.resetFilteredItems();
+        }
         this.itemsList.unmarkItem();
         this._onTouched();
         this.closeEvent.emit();
@@ -3747,6 +3765,9 @@ var NgSelectComponent = /** @class */ (function () {
         else {
             this.select(item);
         }
+        if (this._editableSearchTerm) {
+            this._setSearchTermFromItems();
+        }
         this._onSelectionChanged();
     };
     /**
@@ -3760,7 +3781,7 @@ var NgSelectComponent = /** @class */ (function () {
     function (item) {
         if (!item.selected) {
             this.itemsList.select(item);
-            if (this.clearSearchOnAdd) {
+            if (this.clearSearchOnAdd && !this._editableSearchTerm) {
                 this._clearSearch();
             }
             this._updateNgModel();
@@ -3968,6 +3989,9 @@ var NgSelectComponent = /** @class */ (function () {
         if (this.focused) {
             return;
         }
+        if (this._editableSearchTerm) {
+            this._setSearchTermFromItems();
+        }
         this.element.classList.add('ng-select-focused');
         this.focusEvent.emit($event);
         this.focused = true;
@@ -3986,6 +4010,9 @@ var NgSelectComponent = /** @class */ (function () {
         if (!this.isOpen && !this.disabled) {
             this._onTouched();
         }
+        if (this._editableSearchTerm) {
+            this._setSearchTermFromItems();
+        }
         this.focused = false;
     };
     /**
@@ -4013,6 +4040,19 @@ var NgSelectComponent = /** @class */ (function () {
             this._cd.detectChanges();
         }
     };
+    /**
+     * @private
+     * @return {?}
+     */
+    NgSelectComponent.prototype._setSearchTermFromItems = /**
+     * @private
+     * @return {?}
+     */
+    function () {
+        /** @type {?} */
+        var selected = this.selectedItems && this.selectedItems[0];
+        this.searchTerm = (selected && selected.label) || null;
+    };
     /**
      * @private
      * @param {?} items
@@ -4627,7 +4667,7 @@ var NgSelectComponent = /** @class */ (function () {
                     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}"]
@@ -4677,6 +4717,7 @@ var NgSelectComponent = /** @class */ (function () {
         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',] }],
@@ -4789,6 +4830,8 @@ if (false) {
     /** @type {?} */
     NgSelectComponent.prototype.minTermLength;
     /** @type {?} */
+    NgSelectComponent.prototype.editableSearchTerm;
+    /** @type {?} */
     NgSelectComponent.prototype.keyDownFn;
     /** @type {?} */
     NgSelectComponent.prototype.typeahead;
@@ -4866,6 +4909,8 @@ if (false) {
     NgSelectComponent.prototype.focused;
     /** @type {?} */
     NgSelectComponent.prototype.escapeHTML;
+    /** @type {?} */
+    NgSelectComponent.prototype.useDefaultClass;
     /**
      * @type {?}
      * @private