@syncfusion/ej2-dropdowns 24.1.43 → 24.1.45-12082

package/dist/es6/ej2-dropdowns.es2015.js

@@ -233,14 +233,14 @@ function revertHighlightSearch(content) {
     }
 }
 
-var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
-    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); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
+var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+    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); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 class VirtualScroll {
     constructor(parent) {
         this.sentinelInfo = {
@@ -591,12 +591,12 @@ class VirtualScroll {
  * Common source
  */
 
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 class FieldSettings extends ChildProperty {
 }
 __decorate([
@@ -2121,12 +2121,12 @@ DropDownBase = __decorate([
  * export all modules from current location
  */
 
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference
 /// <reference path='../drop-down-base/drop-down-base-model.d.ts'/>
 // don't use space in classnames
@@ -3004,6 +3004,7 @@ let DropDownList = class DropDownList extends DropDownBase {
                     if (this.getModuleName() === 'dropdownlist') {
                         if (!this.beforePopupOpen) {
                             this.showPopup();
+                            e.preventDefault();
                         }
                     }
                     break;
@@ -4429,6 +4430,7 @@ let DropDownList = class DropDownList extends DropDownBase {
                     this.setFooterTemplate(popupEle);
                 }
                 document.body.appendChild(popupEle);
+                popupEle.style.top = '0px';
                 if (this.enableVirtualization && this.itemTemplate) {
                     var listitems = popupEle.querySelectorAll('li.e-list-item:not(.e-virtual-list)');
                     this.listItemHeight = listitems.length > 0 ? Math.ceil(listitems[0].getBoundingClientRect().height) : 0;
@@ -4675,9 +4677,16 @@ let DropDownList = class DropDownList extends DropDownBase {
     scrollHandler() {
         if (Browser.isDevice && ((this.getModuleName() === 'dropdownlist' &&
             !this.isFilterLayout()) || (this.getModuleName() === 'combobox' && !this.allowFiltering && this.isDropDownClick))) {
-            this.hidePopup();
+            if (this.element && !(this.isElementInViewport(this.element))) {
+                this.hidePopup();
+            }
         }
     }
+    isElementInViewport(element) {
+        var elementRect = element.getBoundingClientRect();
+        return (elementRect.top >= 0 && elementRect.left >= 0 && elementRect.bottom <= window.innerHeight && elementRect.right <= window.innerWidth);
+    }
+    ;
     setSearchBoxPosition() {
         const searchBoxHeight = this.filterInput.parentElement.getBoundingClientRect().height;
         this.popupObj.element.style.maxHeight = '100%';
@@ -5809,7 +5818,7 @@ let DropDownList = class DropDownList extends DropDownBase {
         if (!this.enabled) {
             return;
         }
-        if (!this.enableVirtualization && this.getModuleName() === 'combobox') {
+        if (!this.enableVirtualization && (this.getModuleName() === 'combobox' || this.getModuleName() === 'autocomplete')) {
             this.isTyped = true;
         }
         this.hidePopup(e);
@@ -6012,12 +6021,12 @@ DropDownList = __decorate$1([
  * export all modules from current location
  */
 
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 const RTL = 'e-rtl';
 const DROPDOWNTREE = 'e-ddt';
 const HIDDENELEMENT = 'e-ddt-hidden';
@@ -6234,7 +6243,6 @@ let DropDownTree = class DropDownTree extends Component {
             const popupDiv = select('#' + this.element.id + '_options', document);
             detach(popupDiv ? popupDiv : isTree.parentElement);
         }
-        this.ensureAutoCheck();
         if (this.element.tagName === 'INPUT') {
             this.inputEle = this.element;
             if (isNullOrUndefined(this.inputEle.getAttribute('role'))) {
@@ -6321,11 +6329,6 @@ let DropDownTree = class DropDownTree extends Component {
             || this.noRecordsTemplate || this.customTemplate;
         this.renderComplete();
     }
-    ensureAutoCheck() {
-        if (this.allowFiltering && this.treeSettings.autoCheck) {
-            this.setProperties({ treeSettings: { autoCheck: false } }, true);
-        }
-    }
     hideCheckAll(flag) {
         const checkAllEle = !isNullOrUndefined(this.popupEle) ? this.popupEle.querySelector('.' + CHECKALLPARENT) : null;
         if (!isNullOrUndefined(checkAllEle)) {
@@ -8477,7 +8480,7 @@ let DropDownTree = class DropDownTree extends Component {
             else {
                 this.treeObj.uncheckAll();
             }
-            this.checkSelectAll = true;
+            this.checkSelectAll = state;
         }
         else if (this.allowMultiSelection) {
             if (!state) {
@@ -8508,7 +8511,6 @@ let DropDownTree = class DropDownTree extends Component {
     updateTreeSettings(prop) {
         const value = Object.keys(prop.treeSettings)[0];
         if (value === 'autoCheck') {
-            this.ensureAutoCheck();
             this.treeObj.autoCheck = this.treeSettings.autoCheck;
         }
         else if (value === 'loadOnDemand') {
@@ -8629,7 +8631,6 @@ let DropDownTree = class DropDownTree extends Component {
                 this.destroyFilter();
             }
         }
-        this.ensureAutoCheck();
     }
     updateFilterPlaceHolder() {
         if (this.filterObj) {
@@ -9202,12 +9203,12 @@ DropDownTree = __decorate$2([
  * export all modules from current location
  */
 
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference
 /// <reference path='../drop-down-list/drop-down-list-model.d.ts'/>
 const SPINNER_CLASS = 'e-atc-spinner-icon';
@@ -10123,12 +10124,12 @@ ComboBox = __decorate$3([
  * export all modules from current location
  */
 
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference
 /// <reference path='../combo-box/combo-box-model.d.ts'/>
 dropDownListClasses.root = 'e-autocomplete';
@@ -10740,12 +10741,12 @@ function encodePlaceholder(placeholder) {
 }
 /* eslint-enable valid-jsdoc */
 
-var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference
 /// <reference path='../drop-down-base/drop-down-base-model.d.ts'/>
 const FOCUS = 'e-input-focus';
@@ -14544,10 +14545,10 @@ let MultiSelect = class MultiSelect extends DropDownBase {
             if (!args.cancel) {
                 if (!this.ulElement) {
                     this.beforePopupOpen = true;
-                    super.render(e);
                     if (this.mode === 'CheckBox' && Browser.isDevice && this.allowFiltering) {
                         this.notify('popupFullScreen', { module: 'CheckBoxSelection', enable: this.mode === 'CheckBox' });
                     }
+                    super.render(e);
                     return;
                 }
                 if (this.mode === 'CheckBox' && Browser.isDevice && this.allowFiltering) {
@@ -15601,12 +15602,12 @@ class CheckBoxSelection {
  * export all modules from current location
  */
 
-var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 var ListBox_1;
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference
 /// <reference path='../drop-down-base/drop-down-base-model.d.ts'/>
@@ -15919,6 +15920,8 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
     }
     onActionComplete(ulElement, list, e) {
         let searchEle;
+        let filterElem;
+        let txtLength;
         if (this.allowFiltering && this.list.getElementsByClassName('e-filter-parent')[0]) {
             searchEle = this.list.getElementsByClassName('e-filter-parent')[0].cloneNode(true);
         }
@@ -15928,6 +15931,12 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
                 ulElement.removeChild(noRecElem);
             }
         }
+        if (this.allowFiltering) {
+            filterElem = this.list.getElementsByClassName('e-input-filter')[0];
+            if (filterElem) {
+                txtLength = filterElem.selectionStart;
+            }
+        }
         super.onActionComplete(ulElement, list, e);
         if (this.allowFiltering && !isNullOrUndefined(searchEle)) {
             this.list.insertBefore(searchEle, this.list.firstElementChild);
@@ -15957,8 +15966,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
                 this.isDataSourceUpdate = false;
             }
             if (this.allowFiltering) {
-                const filterElem = this.list.getElementsByClassName('e-input-filter')[0];
-                const txtLength = this.filterInput.value.length;
+                filterElem = this.list.getElementsByClassName('e-input-filter')[0];
                 filterElem.selectionStart = txtLength;
                 filterElem.selectionEnd = txtLength;
                 filterElem.focus();
@@ -17326,7 +17334,8 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         e.stopPropagation();
     }
     keyDownHandler(e) {
-        if ([32, 35, 36, 37, 38, 39, 40, 65].indexOf(e.keyCode) > -1 && !this.allowFiltering) {
+        if ([32, 35, 36, 37, 38, 39, 40, 65].indexOf(e.keyCode) > -1 && (!this.allowFiltering ||
+            (this.allowFiltering && e.target !== this.filterInput))) {
             if (e.target && e.target.className.indexOf('e-edit-template') > -1) {
                 return;
             }
@@ -17419,6 +17428,10 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         }
     }
     KeyUp(e) {
+        if (this.allowFiltering && e.ctrlKey && e.keyCode === 65) {
+            e.preventDefault();
+            return;
+        }
         const char = String.fromCharCode(e.keyCode);
         const isWordCharacter = char.match(/\w/);
         if (!isNullOrUndefined(isWordCharacter)) {
@@ -18004,12 +18017,12 @@ const listBoxClasses = {
  * export all modules from current location
  */
 
-var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
  * The Mention component is used to list someone or something based on user input in textarea, input,
  * or any other editable element from which the user can select.
@@ -18289,7 +18302,8 @@ let Mention = class Mention extends DropDownBase {
             return;
         }
         this.isTyped = e.code !== 'Enter' && e.code !== 'Space' && e.code !== 'ArrowDown' && e.code !== 'ArrowUp' ? true : false;
-        if (document.activeElement != this.inputElement) {
+        const isRteImage = document.activeElement.parentElement && document.activeElement.parentElement.querySelector('.e-rte-image') ? true : false;
+        if (document.activeElement != this.inputElement && !isRteImage) {
             this.inputElement.focus();
         }
         if (this.isContentEditable(this.inputElement)) {
@@ -18312,7 +18326,7 @@ let Mention = class Mention extends DropDownBase {
         if ((!currentRange || !lastWordRange) || e.code === 'Enter' || e.keyCode === 27 ||
             (lastWordRange.match(Regex) && lastWordRange.match(Regex).length > 1) ||
             (this.isContentEditable(this.inputElement) && this.range.startContainer &&
-                this.range.startContainer.previousElementSibling && this.range.startContainer.textContent.split('').length > 0 &&
+                this.range.startContainer.previousElementSibling && this.range.startContainer.previousElementSibling.tagName !== 'BR' && this.range.startContainer.textContent.split('').length > 0 &&
                 (rangetextContent.length === 1 || rangetextContent[rangetextContent.length - 2].indexOf('') === -1 ||
                     this.range.startContainer.nodeType === 1))) {
             if (this.allowSpaces && currentRange && currentRange.trim() !== '' && charRegex.test(currentRange) && currentRange.indexOf(this.mentionChar) !== -1
@@ -18350,7 +18364,7 @@ let Mention = class Mention extends DropDownBase {
             if (isNullOrUndefined(this.list)) {
                 this.initValue();
             }
-            if (!this.isPopupOpen && e.keyCode !== 38 && e.keyCode !== 40) {
+            if (!this.isPopupOpen && e.keyCode !== 38 && e.keyCode !== 40 && this.queryString.length >= this.minLength) {
                 this.didPopupOpenByTypingInitialChar = true;
                 this.showPopup();
                 if (this.initRemoteRender && this.list.querySelectorAll('li').length === 0) {
@@ -19155,6 +19169,12 @@ let Mention = class Mention extends DropDownBase {
             if (this.isPopupOpen) {
                 this.hidePopup();
             }
+            //New event to update the RichTextEditor value, when a mention item is selected using mouse click action. 
+            if (!isNullOrUndefined(e.pointerType) && e.pointerType === 'mouse') {
+                const event = new CustomEvent('content-changed', { detail: { click: true } });
+                this.inputElement.dispatchEvent(event);
+            }
+            
             this.onChangeEvent(e);
         }
         else {