@ng-select/ng-select 7.3.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);
     }
 
@@ -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) {
@@ -2063,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 () {
@@ -3244,7 +3246,7 @@
                         '[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: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;-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{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;-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;transform:translateZ(0);-webkit-animation:load8 .8s infinite linear;animation:load8 .8s infinite linear}.ng-select .ng-spinner-loader:after{border-radius:50%;width:17px;height:17px}@-webkit-keyframes load8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@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;-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 .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"]
+                    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 [
@@ -3481,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