@ng-select/ng-select 3.6.2 → 3.7.3

package/README.md

@@ -1,10 +1,7 @@
  [![npm version](https://badge.fury.io/js/%40ng-select%2Fng-select.svg)](https://badge.fury.io/js/%40ng-select%2Fng-select)
-[![Build Status][travis-badge]][travis-badge-url]
 [![Coverage Status][coveralls-image]][coveralls-url]
 [![gzip bundle size](http://img.badgesize.io/https://unpkg.com/@ng-select/ng-select@latest/bundles/ng-select-ng-select.umd.min.js?compression=gzip&style=flat-square)][ng-select-url]
 
-[travis-badge]: https://travis-ci.org/ng-select/ng-select.svg?branch=master
-[travis-badge-url]: https://travis-ci.org/ng-select/ng-select
 [coveralls-image]: https://coveralls.io/repos/github/ng-select/ng-select/badge.svg?branch=master
 [coveralls-url]: https://coveralls.io/github/ng-select/ng-select?branch=master
 [ng-select-url]: https://unpkg.com/@ng-select/ng-select@latest
@@ -156,6 +153,7 @@ map: {
 | [searchWhileComposing] | `boolean` | `true` | no | Whether items should be filtered while composition started |
 | [trackByFn] | `(item: any) => any` | `null` | no | Provide custom trackBy function |
 | [clearSearchOnAdd] | `boolean` | `true` | no | Clears search input when item is selected. Default `true`. Default `false` when **closeOnSelect** is `false` |
+| [editableSearchTerm] | `boolean` |  `false` | no | Allow to edit search query if option selected. Default `false`. Works only if multiple is `false`. |
 | [selectOnTab] | `boolean` | `false` | no | Select marked dropdown item using tab. Default `false`|
 | [openOnEnter] | `boolean` | `true` | no | Open dropdown using enter. Default `true`|
 | [typeahead] | `Subject` |  `-` | no | Custom autocomplete or advanced filter. |

package/bundles/ng-select-ng-select.umd.js

@@ -72,10 +72,11 @@
     }
 
     function __awaiter(thisArg, _arguments, P, generator) {
+        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
         return new (P || (P = Promise))(function (resolve, reject) {
             function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
             function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-            function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
             step((generator = generator.apply(thisArg, _arguments || [])).next());
         });
     }
@@ -113,14 +114,15 @@
     }
 
     function __values(o) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0;
+        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
         if (m) return m.call(o);
-        return {
+        if (o && typeof o.length === "number") return {
             next: function () {
                 if (o && i >= o.length) o = void 0;
                 return { value: o && o[i++], done: !o };
             }
         };
+        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
     }
 
     function __read(o, n) {
@@ -199,6 +201,21 @@
 
     function __importDefault(mod) {
         return (mod && mod.__esModule) ? mod : { default: mod };
+    }
+
+    function __classPrivateFieldGet(receiver, privateMap) {
+        if (!privateMap.has(receiver)) {
+            throw new TypeError("attempted to get private field on non-instance");
+        }
+        return privateMap.get(receiver);
+    }
+
+    function __classPrivateFieldSet(receiver, privateMap, value) {
+        if (!privateMap.has(receiver)) {
+            throw new TypeError("attempted to set private field on non-instance");
+        }
+        privateMap.set(receiver, value);
+        return value;
     }
 
     /**
@@ -3452,6 +3469,7 @@
             this.readonly = false;
             this.searchWhileComposing = true;
             this.minTermLength = 0;
+            this.editableSearchTerm = false;
             this.keyDownFn = (/**
              * @param {?} _
              * @return {?}
@@ -3478,6 +3496,7 @@
             this.searchTerm = null;
             this.dropdownId = newId();
             this.escapeHTML = true;
+            this.useDefaultClass = true;
             this._items = [];
             this._defaultLabel = 'label';
             this._pressedKeys = [];
@@ -3592,6 +3611,17 @@
             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 {?}
@@ -3919,7 +3949,12 @@
                 return;
             }
             this.isOpen = false;
-            this._clearSearch();
+            if (!this._editableSearchTerm) {
+                this._clearSearch();
+            }
+            else {
+                this.itemsList.resetFilteredItems();
+            }
             this.itemsList.unmarkItem();
             this._onTouched();
             this.closeEvent.emit();
@@ -3943,6 +3978,9 @@
             else {
                 this.select(item);
             }
+            if (this._editableSearchTerm) {
+                this._setSearchTermFromItems();
+            }
             this._onSelectionChanged();
         };
         /**
@@ -3956,7 +3994,7 @@
         function (item) {
             if (!item.selected) {
                 this.itemsList.select(item);
-                if (this.clearSearchOnAdd) {
+                if (this.clearSearchOnAdd && !this._editableSearchTerm) {
                     this._clearSearch();
                 }
                 this._updateNgModel();
@@ -4136,7 +4174,7 @@
                 return;
             }
             this.searchTerm = term;
-            if (this._isTypeahead && this._validTerm) {
+            if (this._isTypeahead && (this._validTerm || this.minTermLength === 0)) {
                 this.typeahead.next(term);
             }
             if (!this._isTypeahead) {
@@ -4164,6 +4202,9 @@
             if (this.focused) {
                 return;
             }
+            if (this._editableSearchTerm) {
+                this._setSearchTermFromItems();
+            }
             this.element.classList.add('ng-select-focused');
             this.focusEvent.emit($event);
             this.focused = true;
@@ -4182,6 +4223,9 @@
             if (!this.isOpen && !this.disabled) {
                 this._onTouched();
             }
+            if (this._editableSearchTerm) {
+                this._setSearchTermFromItems();
+            }
             this.focused = false;
         };
         /**
@@ -4209,6 +4253,19 @@
                 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
@@ -4823,10 +4880,10 @@
                         changeDetection: core.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 */
@@ -4873,6 +4930,7 @@
             readonly: [{ type: core.Input }],
             searchWhileComposing: [{ type: core.Input }],
             minTermLength: [{ type: core.Input }],
+            editableSearchTerm: [{ type: core.Input }],
             keyDownFn: [{ type: core.Input }],
             typeahead: [{ type: core.Input }, { type: core.HostBinding, args: ['class.ng-select-typeahead',] }],
             multiple: [{ type: core.Input }, { type: core.HostBinding, args: ['class.ng-select-multiple',] }],
@@ -4985,6 +5043,8 @@
         /** @type {?} */
         NgSelectComponent.prototype.minTermLength;
         /** @type {?} */
+        NgSelectComponent.prototype.editableSearchTerm;
+        /** @type {?} */
         NgSelectComponent.prototype.keyDownFn;
         /** @type {?} */
         NgSelectComponent.prototype.typeahead;
@@ -5062,6 +5122,8 @@
         NgSelectComponent.prototype.focused;
         /** @type {?} */
         NgSelectComponent.prototype.escapeHTML;
+        /** @type {?} */
+        NgSelectComponent.prototype.useDefaultClass;
         /**
          * @type {?}
          * @private
@@ -5225,7 +5287,7 @@
          */
         function (item, multiple, groupAsModel) {
             item.selected = true;
-            if (groupAsModel || !item.children) {
+            if (!item.children || (!multiple && groupAsModel)) {
                 this._selected.push(item);
             }
             if (multiple) {
@@ -5243,8 +5305,19 @@
                 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; })));
                     }
                 }
             }
@@ -5277,7 +5350,7 @@
                      * @param {?} x
                      * @return {?}
                      */
-                    function (x) { return x !== item; }))));
+                    function (x) { return x !== item && !x.disabled; }))));
                     item.parent.selected = false;
                 }
                 else if (item.children) {
@@ -5314,11 +5387,24 @@
          * @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
@@ -5331,11 +5417,15 @@
          * @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
@@ -5354,6 +5444,23 @@
              */
             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) {