@ng-select/ng-select 7.1.0 → 7.4.0

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('rxjs/operators'), require('rxjs'), require('@angular/common')) :
     typeof define === 'function' && define.amd ? define('@ng-select/ng-select', ['exports', '@angular/core', '@angular/forms', 'rxjs/operators', 'rxjs', '@angular/common'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['ng-select'] = global['ng-select'] || {}, global['ng-select']['ng-select'] = {}), global.ng.core, global.ng.forms, global.rxjs.operators, global.rxjs, global.ng.common));
-}(this, (function (exports, i0, forms, operators, rxjs, common) { 'use strict';
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["ng-select"] = global["ng-select"] || {}, global["ng-select"]["ng-select"] = {}), global.ng.core, global.ng.forms, global.rxjs.operators, global.rxjs, global.ng.common));
+})(this, (function (exports, i0, forms, operators, rxjs, common) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -13,14 +13,12 @@
                     var d = Object.getOwnPropertyDescriptor(e, k);
                     Object.defineProperty(n, k, d.get ? d : {
                         enumerable: true,
-                        get: function () {
-                            return e[k];
-                        }
+                        get: function () { return e[k]; }
                     });
                 }
             });
         }
-        n['default'] = e;
+        n["default"] = e;
         return Object.freeze(n);
     }
 
@@ -261,7 +259,7 @@
                     ar[i] = from[i];
                 }
             }
-        return to.concat(ar || from);
+        return to.concat(ar || Array.prototype.slice.call(from));
     }
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
@@ -1952,8 +1950,7 @@
         { type: i0.Injectable }
     ];
 
-    var TOP_CSS_CLASS = 'ng-select-top';
-    var BOTTOM_CSS_CLASS = 'ng-select-bottom';
+    var CSS_POSITIONS = ['top', 'right', 'bottom', 'left'];
     var SCROLL_SCHEDULER = typeof requestAnimationFrame !== 'undefined' ? rxjs.animationFrameScheduler : rxjs.asapScheduler;
     var NgDropdownPanelComponent = /** @class */ (function () {
         function NgDropdownPanelComponent(_renderer, _zone, _panelService, _elementRef, _document) {
@@ -2007,13 +2004,6 @@
             enumerable: false,
             configurable: true
         });
-        NgDropdownPanelComponent.prototype.handleMousedown = function ($event) {
-            var target = $event.target;
-            if (target.tagName === 'INPUT') {
-                return;
-            }
-            $event.preventDefault();
-        };
         NgDropdownPanelComponent.prototype.ngOnInit = function () {
             this._select = this._dropdown.parentElement;
             this._virtualPadding = this.paddingElementRef.nativeElement;
@@ -2022,6 +2012,7 @@
             this._handleScroll();
             this._handleOutsideClick();
             this._appendDropdown();
+            this._setupMousedownListener();
         };
         NgDropdownPanelComponent.prototype.ngOnChanges = function (changes) {
             if (changes.items) {
@@ -2069,23 +2060,28 @@
         };
         NgDropdownPanelComponent.prototype._handleDropdownPosition = function () {
             this._currentPosition = this._calculateCurrentPosition(this._dropdown);
-            if (this._currentPosition === 'top') {
-                this._renderer.addClass(this._dropdown, TOP_CSS_CLASS);
-                this._renderer.removeClass(this._dropdown, BOTTOM_CSS_CLASS);
-                this._renderer.addClass(this._select, TOP_CSS_CLASS);
-                this._renderer.removeClass(this._select, BOTTOM_CSS_CLASS);
+            if (CSS_POSITIONS.includes(this._currentPosition)) {
+                this._updateDropdownClass(this._currentPosition);
             }
             else {
-                this._renderer.addClass(this._dropdown, BOTTOM_CSS_CLASS);
-                this._renderer.removeClass(this._dropdown, TOP_CSS_CLASS);
-                this._renderer.addClass(this._select, BOTTOM_CSS_CLASS);
-                this._renderer.removeClass(this._select, TOP_CSS_CLASS);
+                this._updateDropdownClass('bottom');
             }
             if (this.appendTo) {
                 this._updateYPosition();
             }
             this._dropdown.style.opacity = '1';
         };
+        NgDropdownPanelComponent.prototype._updateDropdownClass = function (currentPosition) {
+            var _this = this;
+            CSS_POSITIONS.forEach(function (position) {
+                var REMOVE_CSS_CLASS = "ng-select-" + position;
+                _this._renderer.removeClass(_this._dropdown, REMOVE_CSS_CLASS);
+                _this._renderer.removeClass(_this._select, REMOVE_CSS_CLASS);
+            });
+            var ADD_CSS_CLASS = "ng-select-" + currentPosition;
+            this._renderer.addClass(this._dropdown, ADD_CSS_CLASS);
+            this._renderer.addClass(this._select, ADD_CSS_CLASS);
+        };
         NgDropdownPanelComponent.prototype._handleScroll = function () {
             var _this = this;
             this._zone.runOutsideAngular(function () {
@@ -2280,6 +2276,20 @@
                 this._dropdown.style.bottom = 'auto';
             }
         };
+        NgDropdownPanelComponent.prototype._setupMousedownListener = function () {
+            var _this = this;
+            this._zone.runOutsideAngular(function () {
+                rxjs.fromEvent(_this._dropdown, 'mousedown')
+                    .pipe(operators.takeUntil(_this._destroy$))
+                    .subscribe(function (event) {
+                    var target = event.target;
+                    if (target.tagName === 'INPUT') {
+                        return;
+                    }
+                    event.preventDefault();
+                });
+            });
+        };
         return NgDropdownPanelComponent;
     }());
     NgDropdownPanelComponent.decorators = [
@@ -2313,8 +2323,7 @@
         outsideClick: [{ type: i0.Output }],
         contentElementRef: [{ type: i0.ViewChild, args: ['content', { read: i0.ElementRef, static: true },] }],
         scrollElementRef: [{ type: i0.ViewChild, args: ['scroll', { read: i0.ElementRef, static: true },] }],
-        paddingElementRef: [{ type: i0.ViewChild, args: ['padding', { read: i0.ElementRef, static: true },] }],
-        handleMousedown: [{ type: i0.HostListener, args: ['mousedown', ['$event'],] }]
+        paddingElementRef: [{ type: i0.ViewChild, args: ['padding', { read: i0.ElementRef, static: true },] }]
     };
 
     var NgOptionComponent = /** @class */ (function () {
@@ -2401,6 +2410,7 @@
             var _this = this;
             this.classes = classes;
             this.autoFocus = autoFocus;
+            this.config = config;
             this._cd = _cd;
             this._console = _console;
             this.markFirst = true;
@@ -2492,7 +2502,15 @@
             configurable: true
         });
         Object.defineProperty(NgSelectComponent.prototype, "clearSearchOnAdd", {
-            get: function () { return isDefined(this._clearSearchOnAdd) ? this._clearSearchOnAdd : this.closeOnSelect; },
+            get: function () {
+                if (isDefined(this._clearSearchOnAdd)) {
+                    return this._clearSearchOnAdd;
+                }
+                else if (isDefined(this.config.clearSearchOnAdd)) {
+                    return this.config.clearSearchOnAdd;
+                }
+                return this.closeOnSelect;
+            },
             set: function (value) {
                 this._clearSearchOnAdd = value;
             },
@@ -3228,7 +3246,7 @@
                         '[class.ng-select]': 'useDefaultClass',
                         '[class.ng-select-single]': '!multiple',
                     },
-                    styles: [".ng-select{position:relative;display:block}.ng-select,.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:flex;outline:none;overflow:hidden;position:relative;width:100%}.ng-select .ng-select-container .ng-value-container{display:flex;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 transparent;border:0;box-shadow:none;outline:none;padding: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-placeholder{position:absolute}.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{flex:1;z-index:2}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{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:2px solid rgba(66,66,66,.2);border-left-color:#424242;transform:translateZ(0);-webkit-animation:load8 .8s linear infinite;animation:load8 .8s linear infinite}.ng-select .ng-spinner-loader:after{border-radius:50%;width:17px;height:17px}@-webkit-keyframes load8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes load8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.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,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{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}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-option-label:empty:before{content:\"\\200b\"}.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;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:flex;outline:none;overflow:hidden;position:relative;width:100%}.ng-select .ng-select-container .ng-value-container{display:flex;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 transparent;border:0 none;box-shadow:none;outline:none;padding: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;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{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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-placeholder{position:absolute}.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{flex:1;z-index:2}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{z-index:1}.ng-select .ng-clear-wrapper{cursor:pointer;position:relative;width:17px;-webkit-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;transform:translateZ(0);animation:load8 .8s infinite linear}.ng-select .ng-spinner-loader:after{border-radius:50%;width:17px;height:17px}@keyframes load8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ng-select .ng-arrow-wrapper{cursor:pointer;position:relative;text-align:center;-webkit-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 .ng-option-label:empty:before{content:\"\\200b\"}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .highlighted{font-weight:bold;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}\n"]
                 },] }
     ];
     NgSelectComponent.ctorParameters = function () { return [
@@ -3465,26 +3483,26 @@
     exports.NgSelectConfig = NgSelectConfig;
     exports.NgSelectModule = NgSelectModule;
     exports.SELECTION_MODEL_FACTORY = SELECTION_MODEL_FACTORY;
-    exports.ɵb = DefaultSelectionModelFactory;
-    exports.ɵc = DefaultSelectionModel;
-    exports.ɵd = NgDropdownPanelService;
-    exports.ɵe = NgItemLabelDirective;
-    exports.ɵf = NgOptionTemplateDirective;
-    exports.ɵg = NgOptgroupTemplateDirective;
-    exports.ɵh = NgLabelTemplateDirective;
-    exports.ɵi = NgMultiLabelTemplateDirective;
-    exports.ɵj = NgHeaderTemplateDirective;
-    exports.ɵk = NgFooterTemplateDirective;
-    exports.ɵl = NgNotFoundTemplateDirective;
-    exports.ɵm = NgTypeToSearchTemplateDirective;
-    exports.ɵn = NgLoadingTextTemplateDirective;
-    exports.ɵo = NgTagTemplateDirective;
-    exports.ɵp = NgLoadingSpinnerTemplateDirective;
-    exports.ɵq = NgDropdownPanelComponent;
-    exports.ɵr = NgOptionComponent;
-    exports.ɵs = ConsoleService;
+    exports["ɵb"] = DefaultSelectionModelFactory;
+    exports["ɵc"] = DefaultSelectionModel;
+    exports["ɵd"] = NgDropdownPanelService;
+    exports["ɵe"] = NgItemLabelDirective;
+    exports["ɵf"] = NgOptionTemplateDirective;
+    exports["ɵg"] = NgOptgroupTemplateDirective;
+    exports["ɵh"] = NgLabelTemplateDirective;
+    exports["ɵi"] = NgMultiLabelTemplateDirective;
+    exports["ɵj"] = NgHeaderTemplateDirective;
+    exports["ɵk"] = NgFooterTemplateDirective;
+    exports["ɵl"] = NgNotFoundTemplateDirective;
+    exports["ɵm"] = NgTypeToSearchTemplateDirective;
+    exports["ɵn"] = NgLoadingTextTemplateDirective;
+    exports["ɵo"] = NgTagTemplateDirective;
+    exports["ɵp"] = NgLoadingSpinnerTemplateDirective;
+    exports["ɵq"] = NgDropdownPanelComponent;
+    exports["ɵr"] = NgOptionComponent;
+    exports["ɵs"] = ConsoleService;
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=ng-select-ng-select.umd.js.map