@syncfusion/ej2-dropdowns 19.4.55 → 20.1.50

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

@@ -88,6 +88,7 @@ function Search(inputVal, items, searchType, ignoreCase) {
     if (inputVal && inputVal.length) {
         var strLength = inputVal.length;
         var queryStr = ignoreCase ? inputVal.toLocaleLowerCase() : inputVal;
+        queryStr = escapeCharRegExp(queryStr);
         for (var i = 0, itemsData = listItems; i < itemsData.length; i++) {
             var item = itemsData[i];
             var text = (ignoreCase ? item.textContent.toLocaleLowerCase() : item.textContent).replace(/^\s+|\s+$/g, '');
@@ -101,6 +102,9 @@ function Search(inputVal, items, searchType, ignoreCase) {
     }
     return itemData;
 }
+function escapeCharRegExp(value) {
+    return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}
 function resetIncrementalSearchValues(elementId) {
     if (prevElementId === elementId) {
         prevElementId = '';
@@ -5677,6 +5681,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
             nodeSelecting: this.onBeforeSelect.bind(this),
             nodeTemplate: this.itemTemplate
         });
+        this.treeObj.root = this.root ? this.root : this;
         this.treeObj.appendTo('#' + this.tree.id);
     };
     /* To render the popup element */
@@ -6554,6 +6559,9 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
                 if (document.querySelectorAll(template).length) {
                     return compile(document.querySelector(template).innerHTML.trim());
                 }
+                else {
+                    return compile(template);
+                }
             }
             catch (e) {
                 return compile(template);
@@ -11239,9 +11247,10 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         if (this.mainList && this.ulElement) {
             var isDynamicGroupItemUpdate = this.mainList.childElementCount < this.ulElement.childElementCount;
             var isReactTemplateUpdate = ((this.ulElement.childElementCount > 0 && this.ulElement.children[0].childElementCount > 0) && (this.mainList.children[0].childElementCount < this.ulElement.children[0].childElementCount));
-            var isAngularTemplateUpdate = this.itemTemplate && this.ulElement.childElementCount > 0 && (this.ulElement.children[0].childElementCount > 0 || (this.fields.groupBy && this.ulElement.children[1] && this.ulElement.children[1].childElementCount > 0));
+            var isAngularTemplateUpdate = this.itemTemplate && this.ulElement.childElementCount > 0 && !(this.ulElement.childElementCount < this.mainList.childElementCount) && (this.ulElement.children[0].childElementCount > 0 || (this.fields.groupBy && this.ulElement.children[1] && this.ulElement.children[1].childElementCount > 0));
             if (isDynamicGroupItemUpdate || isReactTemplateUpdate || isAngularTemplateUpdate) {
-                this.mainList = this.ulElement.cloneNode ? this.ulElement.cloneNode(true) : this.ulElement;
+                //EJ2-57748 - for this task, we prevent the ul element cloning ( this.mainList = this.ulElement.cloneNode ? <HTMLElement>this.ulElement.cloneNode(true) : this.ulElement;)
+                this.mainList = this.ulElement;
             }
         }
     };
@@ -14598,6 +14607,11 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
                 });
                 this.list.setAttribute('aria-activedescendant', li.id);
             }
+            else {
+                selectedLi.forEach(function (ele) {
+                    ele.setAttribute('aria-selected', 'false');
+                });
+            }
             if (!isKey && (this.maximumSelectionLength > (this.value && this.value.length) || !isSelect) &&
                 (this.maximumSelectionLength >= (this.value && this.value.length) || !isSelect) &&
                 !(this.maximumSelectionLength < (this.value && this.value.length))) {
@@ -15084,7 +15098,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
                     }
                 }
             }
-            else if (e.keyCode !== 37 && e.keyCode !== 39) {
+            else if (e.keyCode !== 37 && e.keyCode !== 39 && e.code !== "KeyA") {
                 this.upDownKeyHandler(e);
             }
         }
@@ -15123,9 +15137,21 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
             }
             ul.children[fliIdx].focus();
             ul.children[fliIdx].classList.add('e-focused');
-            if (!e.ctrlKey) {
+            if (!e.ctrlKey || !this.selectionSettings.showCheckbox && e.shiftKey && (e.keyCode === 36 || e.keyCode === 35)) {
                 this.selectHandler({ target: ul.children[fliIdx], ctrlKey: e.ctrlKey, shiftKey: e.shiftKey }, true);
             }
+            if (this.selectionSettings.showCheckbox && e.ctrlKey && e.shiftKey && (e.keyCode === 36 || e.keyCode === 35)) {
+                var selectedidx = Array.prototype.indexOf.call(ul.children, fli);
+                var sidx = e.code === "Home" ? 0 : selectedidx;
+                var eidx = e.code === "Home" ? selectedidx : ul.children.length - 1;
+                for (var i = sidx; i <= eidx; i++) {
+                    var item = ul.children[i];
+                    this.notify('updatelist', { li: item, e: {
+                            target: this.ulElement.getElementsByClassName('e-focused')[0],
+                            ctrlKey: e.ctrlKey, shiftKey: e.shiftKey
+                        }, module: 'listbox' });
+                }
+            }
         }
     };
     ListBox.prototype.KeyUp = function (e) {
@@ -15704,5 +15730,5 @@ var listBoxClasses = {
  * export all modules from current location
  */
 
-export { incrementalSearch, Search, resetIncrementalSearchValues, highlightSearch, revertHighlightSearch, FieldSettings, dropDownBaseClasses, DropDownBase, dropDownListClasses, DropDownList, Fields, TreeSettings, DropDownTree, ComboBox, AutoComplete, MultiSelect, CheckBoxSelection, createFloatLabel, updateFloatLabelState, removeFloating, setPlaceHolder, floatLabelFocus, floatLabelBlur, encodePlaceholder, SelectionSettings, ToolbarSettings, ListBox };
+export { incrementalSearch, Search, escapeCharRegExp, resetIncrementalSearchValues, highlightSearch, revertHighlightSearch, FieldSettings, dropDownBaseClasses, DropDownBase, dropDownListClasses, DropDownList, Fields, TreeSettings, DropDownTree, ComboBox, AutoComplete, MultiSelect, CheckBoxSelection, createFloatLabel, updateFloatLabelState, removeFloating, setPlaceHolder, floatLabelFocus, floatLabelBlur, encodePlaceholder, SelectionSettings, ToolbarSettings, ListBox };
 //# sourceMappingURL=ej2-dropdowns.es5.js.map