@syncfusion/ej2-dropdowns 18.1.57 → 18.2.44-4569

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

@@ -40,7 +40,7 @@ export declare class ComboBox extends DropDownList {
      * {% codeBlock src='combobox/htmlAttributes/index.md' %}{% endcodeBlock %}
      *
      * @default {}
-
+     * @deprecated
      */
     htmlAttributes: {
         [key: string]: string;
@@ -55,7 +55,7 @@ export declare class ComboBox extends DropDownList {
      *
      * {% codeBlock src="combobox/allow-filtering-api/index.html" %}{% endcodeBlock %}
      * @default false
-
+     * @deprecated
      */
     allowFiltering: boolean;
     /**
@@ -64,7 +64,7 @@ export declare class ComboBox extends DropDownList {
      *
      * {% codeBlock src='combobox/query/index.md' %}{% endcodeBlock %}
      * @default null
-
+     * @deprecated
      */
     query: Query;
     /**
@@ -78,7 +78,7 @@ export declare class ComboBox extends DropDownList {
      * @blazorType int
      * @isBlazorNullableType true
      * @blazorDefaultValue
-
+     * @deprecated
      */
     index: number;
     /**
@@ -91,7 +91,7 @@ export declare class ComboBox extends DropDownList {
     /**
      * Enable or disable rendering component in right to left direction.
      * @default false
-
+     * @deprecated
      * @blazorOverrideType override
      */
     enableRtl: boolean;
@@ -130,40 +130,40 @@ export declare class ComboBox extends DropDownList {
      * @aspType Syncfusion.EJ2.Inputs.FloatLabelType
      * @isEnumeration true
      * @blazorType Syncfusion.Blazor.Inputs.FloatLabelType
-
+     * @deprecated
      */
     floatLabelType: FloatLabelType;
     /**
      * Not applicable to this component.
      * @default null
      * @private
-
+     * @deprecated
      */
     filterBarPlaceholder: string;
     /**
      * Sets CSS classes to the root element of the component that allows customization of appearance.
      * @default null
-
+     * @deprecated
      */
     cssClass: string;
     /**
      * Accepts the template design and assigns it to the header container of the popup list.
      * > For more details about the available template options refer to [`Template`](../../drop-down-list/templates) documentation.
      * @default null
-
+     * @deprecated
      */
     headerTemplate: string;
     /**
      * Accepts the template design and assigns it to the footer container of the popup list.
      * > For more details about the available template options refer to [`Template`](../../drop-down-list/templates) documentation.
      * @default null
-
+     * @deprecated
      */
     footerTemplate: string;
     /**
      * Specifies a short hint that describes the expected value of the DropDownList component.
      * @default null
-
+     * @deprecated
      */
     placeholder: string;
     /**
@@ -172,7 +172,7 @@ export declare class ComboBox extends DropDownList {
      * @default '100%'
      * @aspType string
      * @blazorType string
-
+     * @deprecated
      */
     width: string | number;
     /**
@@ -182,7 +182,7 @@ export declare class ComboBox extends DropDownList {
      * @default '300px'
      * @aspType string
      * @blazorType string
-
+     * @deprecated
      */
     popupHeight: string | number;
     /**
@@ -193,26 +193,26 @@ export declare class ComboBox extends DropDownList {
      * @default '100%'
      * @aspType string
      * @blazorType string
-
+     * @deprecated
      */
     popupWidth: string | number;
     /**
      * When set to true, the user interactions on the component are disabled.
      * @default false
-
+     * @deprecated
      */
     readonly: boolean;
     /**
      * Gets or sets the display text of the selected item in the component.
      * @default null
-
+     * @deprecated
      */
     text: string;
     /**
      * Gets or sets the value of the selected item in the component.
      * @default null
      * @isGenericType true
-
+     * @deprecated
      */
     value: number | string | boolean;
     /**
@@ -249,13 +249,13 @@ export declare class ComboBox extends DropDownList {
     /**
      * Shows the spinner loader.
      * @returns void.
-
+     * @deprecated
      */
     showSpinner(): void;
     /**
      * Hides the spinner loader.
      * @returns void.
-
+     * @deprecated
      */
     hideSpinner(): void;
     protected setAutoFill(activeElement: Element, isHover?: boolean): void;
@@ -295,7 +295,7 @@ export declare class ComboBox extends DropDownList {
      * @param  { Object[] } items - Specifies an array of JSON data or a JSON data.
      * @param { number } itemIndex - Specifies the index to place the newly added item in the popup list.
      * @return {void}.
-
+     * @deprecated
      */
     addItem(items: {
         [key: string]: Object;
@@ -308,7 +308,7 @@ export declare class ComboBox extends DropDownList {
      * @param  {Query} query - Specify the query to filter the data.
      * @param  {FieldSettingsModel} fields - Specify the fields to map the column in the data table.
      * @return {void}.
-
+     * @deprecated
      */
     filter(dataSource: {
         [key: string]: Object;
@@ -316,13 +316,13 @@ export declare class ComboBox extends DropDownList {
     /**
      * Opens the popup that displays the list of items.
      * @returns void.
-
+     * @deprecated
      */
     showPopup(): void;
     /**
      * Hides the popup if it is in open state.
      * @returns void.
-
+     * @deprecated
      */
     hidePopup(e?: MouseEvent | KeyboardEventArgs): void;
     /**
@@ -333,19 +333,19 @@ export declare class ComboBox extends DropDownList {
     /**
      * Allows you to clear the selected values from the component.
      * @returns void.
-
+     * @deprecated
      */
     clear(): void;
     /**
      * Moves the focus from the component if the component is already focused.
      * @returns void.
-
+     * @deprecated
      */
     focusOut(e?: MouseEvent | KeyboardEventArgs): void;
     /**
      * Gets all the list items bound on this component.
      * @returns Element[].
-
+     * @deprecated
      */
     getItems(): Element[];
     /**
@@ -353,7 +353,7 @@ export declare class ComboBox extends DropDownList {
      * @param { string | number } value - Specifies the value of the list item.
      * @returns Object.
      * @blazorType object
-
+     * @deprecated
      */
     getDataByValue(value: string | number | boolean): {
         [key: string]: Object;

package/src/combo-box/combo-box.js

@@ -1,22 +1,22 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    }
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__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 __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__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;
+};
 /// <reference path='../drop-down-list/drop-down-list-model.d.ts'/>
 import { EventHandler, Property, Event, addClass, Browser, removeClass, detach } from '@syncfusion/ej2-base';
 import { isNullOrUndefined, NotifyPropertyChanges, getValue, setValue } from '@syncfusion/ej2-base';
@@ -276,7 +276,7 @@ var ComboBox = /** @class */ (function (_super) {
     /**
      * Shows the spinner loader.
      * @returns void.
-
+     * @deprecated
      */
     ComboBox.prototype.showSpinner = function () {
         if (isNullOrUndefined(this.spinnerElement)) {
@@ -295,7 +295,7 @@ var ComboBox = /** @class */ (function (_super) {
     /**
      * Hides the spinner loader.
      * @returns void.
-
+     * @deprecated
      */
     ComboBox.prototype.hideSpinner = function () {
         if (!isNullOrUndefined(this.spinnerElement)) {
@@ -616,7 +616,7 @@ var ComboBox = /** @class */ (function (_super) {
      * @param  { Object[] } items - Specifies an array of JSON data or a JSON data.
      * @param { number } itemIndex - Specifies the index to place the newly added item in the popup list.
      * @return {void}.
-
+     * @deprecated
      */
     ComboBox.prototype.addItem = function (items, itemIndex) {
         _super.prototype.addItem.call(this, items, itemIndex);
@@ -627,7 +627,7 @@ var ComboBox = /** @class */ (function (_super) {
      * @param  {Query} query - Specify the query to filter the data.
      * @param  {FieldSettingsModel} fields - Specify the fields to map the column in the data table.
      * @return {void}.
-
+     * @deprecated
      */
     ComboBox.prototype.filter = function (dataSource, query, fields) {
         _super.prototype.filter.call(this, dataSource, query, fields);
@@ -635,7 +635,7 @@ var ComboBox = /** @class */ (function (_super) {
     /**
      * Opens the popup that displays the list of items.
      * @returns void.
-
+     * @deprecated
      */
     ComboBox.prototype.showPopup = function () {
         _super.prototype.showPopup.call(this);
@@ -643,7 +643,7 @@ var ComboBox = /** @class */ (function (_super) {
     /**
      * Hides the popup if it is in open state.
      * @returns void.
-
+     * @deprecated
      */
     ComboBox.prototype.hidePopup = function (e) {
         var inputValue = this.inputElement.value === '' ? null : this.inputElement.value;
@@ -706,7 +706,7 @@ var ComboBox = /** @class */ (function (_super) {
     /**
      * Allows you to clear the selected values from the component.
      * @returns void.
-
+     * @deprecated
      */
     ComboBox.prototype.clear = function () {
         this.value = null;
@@ -714,7 +714,7 @@ var ComboBox = /** @class */ (function (_super) {
     /**
      * Moves the focus from the component if the component is already focused.
      * @returns void.
-
+     * @deprecated
      */
     ComboBox.prototype.focusOut = function (e) {
         _super.prototype.focusOut.call(this, e);
@@ -722,7 +722,7 @@ var ComboBox = /** @class */ (function (_super) {
     /**
      * Gets all the list items bound on this component.
      * @returns Element[].
-
+     * @deprecated
      */
     ComboBox.prototype.getItems = function () {
         return _super.prototype.getItems.call(this);
@@ -732,7 +732,7 @@ var ComboBox = /** @class */ (function (_super) {
      * @param { string | number } value - Specifies the value of the list item.
      * @returns Object.
      * @blazorType object
-
+     * @deprecated
      */
     ComboBox.prototype.getDataByValue = function (value) {
         return _super.prototype.getDataByValue.call(this, value);

package/src/common/incremental-search.d.ts

@@ -10,7 +10,7 @@ export declare type SearchType = 'StartsWith' | 'Equal';
  * after selected item otherwise it will do from initial.
  * @param  { boolean } ignoreCase - Specifies the case consideration when search has done.
  */
-export declare function incrementalSearch(keyCode: number, items: HTMLElement[], selectedIndex: number, ignoreCase: boolean, isBlazor?: boolean): Element;
+export declare function incrementalSearch(keyCode: number, items: HTMLElement[], selectedIndex: number, ignoreCase: boolean, elementId: string, isBlazor?: boolean): Element;
 export declare function Search(inputVal: string, items: HTMLElement[], searchType: SearchType, ignoreCase?: boolean): {
     [key: string]: Element | number;
 };

package/src/common/incremental-search.js

@@ -5,6 +5,7 @@ var queryString = '';
 var prevString = '';
 var matches = [];
 var activeClass = 'e-active';
+var prevElementId = '';
 /**
  * Search and focus the list item based on key code matches with list text content
  * @param  { number } keyCode - Specifies the key code which pressed on keyboard events.
@@ -13,12 +14,12 @@ var activeClass = 'e-active';
  * after selected item otherwise it will do from initial.
  * @param  { boolean } ignoreCase - Specifies the case consideration when search has done.
  */
-export function incrementalSearch(keyCode, items, selectedIndex, ignoreCase, isBlazor) {
+export function incrementalSearch(keyCode, items, selectedIndex, ignoreCase, elementId, isBlazor) {
     queryString += String.fromCharCode(keyCode);
     setTimeout(function () { queryString = ''; }, 1000);
     var index;
     queryString = ignoreCase ? queryString.toLowerCase() : queryString;
-    if (prevString === queryString) {
+    if (prevElementId === elementId && prevString === queryString) {
         for (var i = 0; i < matches.length; i++) {
             if (matches[i].classList.contains(activeClass)) {
                 index = i;
@@ -54,6 +55,7 @@ export function incrementalSearch(keyCode, items, selectedIndex, ignoreCase, isB
             i++;
         } while (i !== selectedIndex);
         prevString = queryString;
+        prevElementId = elementId;
         return matches[0];
     }
 }