@ng-select/ng-select 3.6.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();
@@ -3940,7 +3961,7 @@ var NgSelectComponent = /** @class */ (function () {
             return;
         }
         this.searchTerm = term;
-        if (this._isTypeahead && this._validTerm) {
+        if (this._isTypeahead && (this._validTerm || this.minTermLength === 0)) {
             this.typeahead.next(term);
         }
         if (!this._isTypeahead) {
@@ -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,10 +4667,10 @@ 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{color:#333;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}"]
+                    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}"]
                 }] }
     ];
     /** @nocollapse */
@@ -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
@@ -5029,7 +5074,7 @@ var DefaultSelectionModel = /** @class */ (function () {
      */
     function (item, multiple, groupAsModel) {
         item.selected = true;
-        if (groupAsModel || !item.children) {
+        if (!item.children || (!multiple && groupAsModel)) {
             this._selected.push(item);
         }
         if (multiple) {
@@ -5047,8 +5092,19 @@ var DefaultSelectionModel = /** @class */ (function () {
             else if (item.children) {
                 this._setChildrenSelectedState(item.children, true);
                 this._removeChildren(item);
-                if (!groupAsModel) {
-                    this._selected = __spread(this._selected, item.children);
+                if (groupAsModel && this._activeChildren(item)) {
+                    this._selected = __spread(this._selected.filter((/**
+                     * @param {?} x
+                     * @return {?}
+                     */
+                    function (x) { return x.parent !== item; })), [item]);
+                }
+                else {
+                    this._selected = __spread(this._selected, item.children.filter((/**
+                     * @param {?} x
+                     * @return {?}
+                     */
+                    function (x) { return !x.disabled; })));
                 }
             }
         }
@@ -5081,7 +5137,7 @@ var DefaultSelectionModel = /** @class */ (function () {
                  * @param {?} x
                  * @return {?}
                  */
-                function (x) { return x !== item; }))));
+                function (x) { return x !== item && !x.disabled; }))));
                 item.parent.selected = false;
             }
             else if (item.children) {
@@ -5118,11 +5174,24 @@ var DefaultSelectionModel = /** @class */ (function () {
      * @return {?}
      */
     function (children, selected) {
-        children.forEach((/**
-         * @param {?} x
-         * @return {?}
-         */
-        function (x) { return x.selected = selected; }));
+        var e_1, _a;
+        try {
+            for (var children_1 = __values(children), children_1_1 = children_1.next(); !children_1_1.done; children_1_1 = children_1.next()) {
+                var child = children_1_1.value;
+                if (child.disabled) {
+                    continue;
+                }
+                child.selected = selected;
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (children_1_1 && !children_1_1.done && (_a = children_1.return)) _a.call(children_1);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        ;
     };
     /**
      * @private
@@ -5135,11 +5204,15 @@ var DefaultSelectionModel = /** @class */ (function () {
      * @return {?}
      */
     function (parent) {
-        this._selected = this._selected.filter((/**
+        this._selected = __spread(this._selected.filter((/**
          * @param {?} x
          * @return {?}
          */
-        function (x) { return x.parent !== parent; }));
+        function (x) { return x.parent !== parent; })), parent.children.filter((/**
+         * @param {?} x
+         * @return {?}
+         */
+        function (x) { return x.parent === parent && x.disabled && x.selected; })));
     };
     /**
      * @private
@@ -5158,6 +5231,23 @@ var DefaultSelectionModel = /** @class */ (function () {
          */
         function (x) { return x !== parent; }));
     };
+    /**
+     * @private
+     * @param {?} item
+     * @return {?}
+     */
+    DefaultSelectionModel.prototype._activeChildren = /**
+     * @private
+     * @param {?} item
+     * @return {?}
+     */
+    function (item) {
+        return item.children.every((/**
+         * @param {?} x
+         * @return {?}
+         */
+        function (x) { return !x.disabled || x.selected; }));
+    };
     return DefaultSelectionModel;
 }());
 if (false) {