@syncfusion/ej2-dropdowns 24.2.4 → 24.2.5

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 24.2.4
+*  version : 24.2.5
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-dropdowns@*",
-  "_id": "@syncfusion/ej2-dropdowns@24.2.3",
+  "_id": "@syncfusion/ej2-dropdowns@24.2.4",
   "_inBundle": false,
-  "_integrity": "sha512-hXy1nqT6TdHCVMDPM10XQ4SMSo+Now+rQMsS1IJ66YGH9GMvuzLwW5WZhgjncbEv8wzyRLaUr+VtJuTGs1OdSA==",
+  "_integrity": "sha512-yO2x7003LTxaPl+OD2C6KP4XQaN6kVuzGVKtSz9vBtS2e3EZZpt8GmtRs1QOmMaR47kqD+Cv2ybUx1E3w13pKg==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -34,8 +34,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-24.2.3.tgz",
-  "_shasum": "75b2f842f8bf20f36606b4c5f4ab4ace100eae91",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-24.2.4.tgz",
+  "_shasum": "24edaa5bfef0a2fa7ee08492553773b546b45011",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
@@ -43,13 +43,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~24.2.3",
+    "@syncfusion/ej2-base": "~24.2.5",
     "@syncfusion/ej2-data": "~24.2.3",
-    "@syncfusion/ej2-inputs": "~24.2.4",
+    "@syncfusion/ej2-inputs": "~24.2.5",
     "@syncfusion/ej2-lists": "~24.2.4",
     "@syncfusion/ej2-navigations": "~24.2.4",
     "@syncfusion/ej2-notifications": "~24.2.4",
-    "@syncfusion/ej2-popups": "~24.2.3"
+    "@syncfusion/ej2-popups": "~24.2.5"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -74,7 +74,7 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "24.2.4",
+  "version": "24.2.5",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/auto-complete/auto-complete-model.d.ts

@@ -138,7 +138,7 @@ export interface AutoCompleteModel extends ComboBoxModel{
      * @private
 
      */
-    index?: number;
+    index?: number | null;
 
     /**
      * Specifies whether to display the floating label above the input element.
@@ -193,6 +193,6 @@ export interface AutoCompleteModel extends ComboBoxModel{
      * @private
 
      */
-    text?: string;
+    text?: string | null;
 
 }

package/src/auto-complete/auto-complete.d.ts

@@ -145,7 +145,7 @@ export declare class AutoComplete extends ComboBox {
      * @private
 
      */
-    index: number;
+    index: number | null;
     /**
      * Specifies whether to display the floating label above the input element.
      * Possible values are:
@@ -195,7 +195,7 @@ export declare class AutoComplete extends ComboBox {
      * @private
 
      */
-    text: string;
+    text: string | null;
     /**
      * * Constructor for creating the widget
      *

package/src/combo-box/combo-box-model.d.ts

@@ -68,7 +68,7 @@ export interface ComboBoxModel extends DropDownListModel{
      * @default null
 
      */
-    index?: number;
+    index?: number | null;
 
     /**
      * Specifies whether to show or hide the clear button.
@@ -221,7 +221,7 @@ export interface ComboBoxModel extends DropDownListModel{
      * @default null
 
      */
-    text?: string;
+    text?: string | null;
 
     /**
      * Gets or sets the value of the selected item in the component.
@@ -230,6 +230,6 @@ export interface ComboBoxModel extends DropDownListModel{
      * @isGenericType true
 
      */
-    value?: number | string | boolean;
+    value?: number | string | boolean | null;
 
 }

package/src/combo-box/combo-box.d.ts

@@ -81,7 +81,7 @@ export declare class ComboBox extends DropDownList {
      * @default null
 
      */
-    index: number;
+    index: number | null;
     /**
      * Specifies whether to show or hide the clear button.
      * When the clear button is clicked, `value`, `text`, and `index` properties are reset to null.
@@ -218,7 +218,7 @@ export declare class ComboBox extends DropDownList {
      * @default null
 
      */
-    text: string;
+    text: string | null;
     /**
      * Gets or sets the value of the selected item in the component.
      *
@@ -226,7 +226,7 @@ export declare class ComboBox extends DropDownList {
      * @isGenericType true
 
      */
-    value: number | string | boolean;
+    value: number | string | boolean | null;
     /**
      * *Constructor for creating the component
      *

package/src/drop-down-list/drop-down-list-model.d.ts

@@ -164,7 +164,7 @@ export interface DropDownListModel extends DropDownBaseModel{
      *
      * @default null
      */
-    text?: string;
+    text?: string | null;
 
     /**
      * Gets or sets the value of the selected item in the component.
@@ -172,7 +172,7 @@ export interface DropDownListModel extends DropDownBaseModel{
      * @default null
      * @isGenericType true
      */
-    value?: number | string | boolean;
+    value?: number | string | boolean | null;
 
     /**
      * Gets or sets the index of the selected item in the component.
@@ -183,7 +183,7 @@ export interface DropDownListModel extends DropDownBaseModel{
      *
      * @default null
      */
-    index?: number;
+    index?: number | null;
 
     /**
      * Specifies whether to display the floating label above the input element.

package/src/drop-down-list/drop-down-list.d.ts

@@ -286,14 +286,14 @@ export declare class DropDownList extends DropDownBase implements IInput {
      *
      * @default null
      */
-    text: string;
+    text: string | null;
     /**
      * Gets or sets the value of the selected item in the component.
      *
      * @default null
      * @isGenericType true
      */
-    value: number | string | boolean;
+    value: number | string | boolean | null;
     /**
      * Gets or sets the index of the selected item in the component.
      *
@@ -303,7 +303,7 @@ export declare class DropDownList extends DropDownBase implements IInput {
      *
      * @default null
      */
-    index: number;
+    index: number | null;
     /**
      * Specifies whether to display the floating label above the input element.
      * Possible values are:

package/src/mention/mention.js

@@ -344,7 +344,9 @@ var Mention = /** @class */ (function (_super) {
             }
             return;
         }
-        this.queryString = lastWordRange.replace(this.mentionChar, '');
+        if (lastWordRange.includes(this.mentionChar)) {
+            this.queryString = lastWordRange.replace(this.mentionChar, '');
+        }
         if (this.mentionChar.charCodeAt(0) === lastWordRange.charCodeAt(0) &&
             this.queryString !== '' && e.keyCode !== 38 && e.keyCode !== 40 && !this.lineBreak) {
             this.searchLists(e);

package/src/multi-select/multi-select-model.d.ts

@@ -335,7 +335,7 @@ export interface MultiSelectModel extends DropDownBaseModel{
      *
      * @default null
      */
-    text?: string;
+    text?: string | null;
 
     /**
      * Selects the list item which maps the data `value` field in the component.
@@ -344,7 +344,7 @@ export interface MultiSelectModel extends DropDownBaseModel{
      * @default null
      * @isGenericType true
      */
-    value?: number[] | string[] | boolean[];
+    value?: number[] | string[] | boolean[] | null;
 
     /**
      * Hides the selected item from the list item.

package/src/multi-select/multi-select.d.ts

@@ -351,7 +351,7 @@ export declare class MultiSelect extends DropDownBase implements IInput {
      *
      * @default null
      */
-    text: string;
+    text: string | null;
     /**
      * Selects the list item which maps the data `value` field in the component.
      * {% codeBlock src='multiselect/value/index.md' %}{% endcodeBlock %}
@@ -359,7 +359,7 @@ export declare class MultiSelect extends DropDownBase implements IInput {
      * @default null
      * @isGenericType true
      */
-    value: number[] | string[] | boolean[];
+    value: number[] | string[] | boolean[] | null;
     /**
      * Hides the selected item from the list item.
      *

package/src/multi-select/multi-select.js

@@ -361,6 +361,11 @@ var MultiSelect = /** @class */ (function (_super) {
         }
     };
     MultiSelect.prototype.removelastSelection = function (e) {
+        var selectedElem = this.chipCollectionWrapper.querySelector('span.' + CHIP_SELECTED);
+        if (selectedElem !== null) {
+            this.removeSelectedChip(e);
+            return;
+        }
         var elements = this.chipCollectionWrapper.querySelectorAll('span.' + CHIP);
         var value = elements[elements.length - 1].getAttribute('data-value');
         if (!isNullOrUndefined(this.value)) {
@@ -2516,7 +2521,7 @@ var MultiSelect = /** @class */ (function (_super) {
         if (delim) {
             this.updateWrapperText(this.delimiterWrapper, data);
             this.delimiterWrapper.setAttribute('id', getUniqueID('delim_val'));
-            this.inputElement.setAttribute('aria-labelledby', this.delimiterWrapper.id);
+            this.inputElement.setAttribute('aria-describedby', this.delimiterWrapper.id);
         }
         var targetEle = e && e.target;
         var isClearAll = (targetEle && targetEle.classList.contains('e-close-hooker')) ? true : null;
@@ -3490,7 +3495,7 @@ var MultiSelect = /** @class */ (function (_super) {
             this.hiddenElement.innerHTML = hiddenValue;
             this.updateWrapperText(this.delimiterWrapper, wrapperText);
             this.delimiterWrapper.setAttribute('id', getUniqueID('delim_val'));
-            this.inputElement.setAttribute('aria-labelledby', this.delimiterWrapper.id);
+            this.inputElement.setAttribute('aria-describedby', this.delimiterWrapper.id);
             this.setProperties({ text: text.toString() }, true);
             this.refreshInputHight();
             this.refreshPlaceHolder();
@@ -4006,7 +4011,7 @@ var MultiSelect = /** @class */ (function (_super) {
             }
         });
         if (this.mode === 'Default' || this.mode === 'Box') {
-            this.inputElement.setAttribute('aria-labelledby', this.chipCollectionWrapper.id);
+            this.inputElement.setAttribute('aria-describedby', this.chipCollectionWrapper.id);
         }
         if (this.element.tagName !== this.getNgDirective()) {
             this.element.style.display = 'none';