@syncfusion/ej2-dropdowns 25.2.7-130084 → 26.1.35

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

@@ -42,7 +42,7 @@ export declare class ComboBox extends DropDownList {
      * {% codeBlock src='combobox/htmlAttributes/index.md' %}{% endcodeBlock %}
      *
      * @default {}
-     * @deprecated
+
      */
     htmlAttributes: {
         [key: string]: string;
@@ -58,7 +58,7 @@ export declare class ComboBox extends DropDownList {
      * {% codeBlock src="combobox/allow-filtering-api/index.html" %}{% endcodeBlock %}
      *
      * @default false
-     * @deprecated
+
      */
     allowFiltering: boolean;
     /**
@@ -68,7 +68,7 @@ export declare class ComboBox extends DropDownList {
      * {% codeBlock src='combobox/query/index.md' %}{% endcodeBlock %}
      *
      * @default null
-     * @deprecated
+
      */
     query: Query;
     /**
@@ -80,7 +80,7 @@ export declare class ComboBox extends DropDownList {
      *
      * @default null
      * @aspType double
-     * @deprecated
+
      */
     index: number | null;
     /**
@@ -94,7 +94,7 @@ export declare class ComboBox extends DropDownList {
      * Enable or disable rendering component in right to left direction.
      *
      * @default false
-     * @deprecated
+
      */
     enableRtl: boolean;
     /**
@@ -133,7 +133,7 @@ export declare class ComboBox extends DropDownList {
      * @default Syncfusion.EJ2.Inputs.FloatLabelType.Never
      * @aspType Syncfusion.EJ2.Inputs.FloatLabelType
      * @isEnumeration true
-     * @deprecated
+
      */
     floatLabelType: FloatLabelType;
     /**
@@ -141,14 +141,14 @@ export declare class ComboBox extends DropDownList {
      *
      * @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;
     /**
@@ -157,7 +157,7 @@ export declare class ComboBox extends DropDownList {
      *
      * @default null
      * @aspType string
-     * @deprecated
+
      */
     headerTemplate: string | Function;
     /**
@@ -166,14 +166,14 @@ export declare class ComboBox extends DropDownList {
      *
      * @default null
      * @aspType string
-     * @deprecated
+
      */
     footerTemplate: string | Function;
     /**
      * Specifies a short hint that describes the expected value of the DropDownList component.
      *
      * @default null
-     * @deprecated
+
      */
     placeholder: string;
     /**
@@ -182,7 +182,7 @@ export declare class ComboBox extends DropDownList {
      *
      * @default '100%'
      * @aspType string
-     * @deprecated
+
      */
     width: string | number;
     /**
@@ -192,7 +192,7 @@ export declare class ComboBox extends DropDownList {
      *
      * @default '300px'
      * @aspType string
-     * @deprecated
+
      */
     popupHeight: string | number;
     /**
@@ -203,14 +203,14 @@ export declare class ComboBox extends DropDownList {
      *
      * @default '100%'
      * @aspType string
-     * @deprecated
+
      */
     popupWidth: string | number;
     /**
      * When set to true, the user interactions on the component are disabled.
      *
      * @default false
-     * @deprecated
+
      */
     readonly: boolean;
     /**
@@ -218,7 +218,7 @@ export declare class ComboBox extends DropDownList {
      *
      * @default null
      * @aspType string
-     * @deprecated
+
      */
     text: string | null;
     /**
@@ -226,7 +226,7 @@ export declare class ComboBox extends DropDownList {
      *
      * @default null
      * @isGenericType true
-     * @deprecated
+
      */
     value: number | string | boolean | object | null;
     /**
@@ -276,14 +276,14 @@ 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;
@@ -332,7 +332,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.
      * @returns {void}
-     * @deprecated
+
      */
     addItem(items: {
         [key: string]: Object;
@@ -346,7 +346,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.
      * @returns {void}
-     * @deprecated
+
      */
     filter(dataSource: {
         [key: string]: Object;
@@ -355,14 +355,14 @@ export declare class ComboBox extends DropDownList {
      * Opens the popup that displays the list of items.
      *
      * @returns {void}
-     * @deprecated
+
      */
     showPopup(e?: MouseEvent | KeyboardEventArgs | TouchEvent): void;
     /**
      * Hides the popup if it is in open state.
      *
      * @returns {void}
-     * @deprecated
+
      */
     hidePopup(e?: MouseEvent | KeyboardEventArgs | TouchEvent): void;
     /**
@@ -375,21 +375,21 @@ 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[];
     /**
@@ -397,7 +397,7 @@ export declare class ComboBox extends DropDownList {
      *
      * @param { string | number } value - Specifies the value of the list item.
      * @returns {Object}
-     * @deprecated
+
      */
     getDataByValue(value: string | number | boolean): {
         [key: string]: Object;

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

@@ -144,6 +144,18 @@ var ComboBox = /** @class */ (function (_super) {
         }
     };
     ComboBox.prototype.updateValues = function () {
+        if (this.fields.disabled) {
+            if (this.value != null) {
+                this.value = !this.isDisableItemValue(this.value) ? this.value : null;
+            }
+            if (this.text != null) {
+                this.text = !this.isDisabledItemByIndex(this.getIndexByValue(this.getValueByText(this.text))) ? this.text : null;
+            }
+            if (this.index != null) {
+                this.index = !this.isDisabledItemByIndex(this.index) ? this.index : null;
+                this.activeIndex = this.index;
+            }
+        }
         if (!isNullOrUndefined(this.value)) {
             var currentValue = this.allowObjectBinding && !isNullOrUndefined(this.value) ? getValue((this.fields.value) ? this.fields.value : '', this.value) : this.value;
             var li = this.getElementByValue(currentValue);
@@ -400,7 +412,7 @@ var ComboBox = /** @class */ (function (_super) {
      * Shows the spinner loader.
      *
      * @returns {void}
-     * @deprecated
+
      */
     ComboBox.prototype.showSpinner = function () {
         if (isNullOrUndefined(this.spinnerElement)) {
@@ -420,7 +432,7 @@ var ComboBox = /** @class */ (function (_super) {
      * Hides the spinner loader.
      *
      * @returns {void}
-     * @deprecated
+
      */
     ComboBox.prototype.hideSpinner = function () {
         if (!isNullOrUndefined(this.spinnerElement)) {
@@ -577,6 +589,9 @@ var ComboBox = /** @class */ (function (_super) {
             else {
                 li = this.list.querySelector('.' + dropDownListClasses.focus);
             }
+            if (this.isDisabledElement(li)) {
+                return;
+            }
             if (li) {
                 this.setSelection(li, e);
                 this.isTyped = false;
@@ -775,7 +790,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.
      * @returns {void}
-     * @deprecated
+
      */
     ComboBox.prototype.addItem = function (items, itemIndex) {
         _super.prototype.addItem.call(this, items, itemIndex);
@@ -787,7 +802,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.
      * @returns {void}
-     * @deprecated
+
      */
     ComboBox.prototype.filter = function (dataSource, query, fields) {
         _super.prototype.filter.call(this, dataSource, query, fields);
@@ -797,7 +812,7 @@ var ComboBox = /** @class */ (function (_super) {
      * Opens the popup that displays the list of items.
      *
      * @returns {void}
-     * @deprecated
+
      */
     ComboBox.prototype.showPopup = function (e) {
         /* eslint-enable valid-jsdoc, jsdoc/require-param */
@@ -808,7 +823,7 @@ var ComboBox = /** @class */ (function (_super) {
      * Hides the popup if it is in open state.
      *
      * @returns {void}
-     * @deprecated
+
      */
     ComboBox.prototype.hidePopup = function (e) {
         /* eslint-enable valid-jsdoc, jsdoc/require-param */
@@ -878,7 +893,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;
@@ -888,7 +903,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) {
         /* eslint-enable valid-jsdoc, jsdoc/require-param */
@@ -899,7 +914,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);
@@ -909,7 +924,7 @@ var ComboBox = /** @class */ (function (_super) {
      *
      * @param { string | number } value - Specifies the value of the list item.
      * @returns {Object}
-     * @deprecated
+
      */
     ComboBox.prototype.getDataByValue = function (value) {
         return _super.prototype.getDataByValue.call(this, value);

package/src/common/interface.js

@@ -1 +0,0 @@
-

package/src/common/virtual-scroll.js

@@ -314,6 +314,7 @@ var VirtualScroll = /** @class */ (function () {
             this.parent.updatevirtualizationList();
         }
         this.parent.getSkeletonCount();
+        this.parent.skeletonCount = this.parent.totalItemCount != 0 && this.parent.totalItemCount < (this.parent.itemCount * 2) ? 0 : this.parent.skeletonCount;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var virtualTrackElement = this.parent.list.getElementsByClassName('e-virtual-ddl')[0];
         if (virtualTrackElement) {

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

@@ -43,6 +43,13 @@ export interface FieldSettingsModel {
      */
     htmlAttributes?: string;
 
+    /**
+     * Defines whether the particular field value is disabled or not.
+     *
+     * @default null
+     */
+    disabled?: string;
+
 }
 
 /**
@@ -69,8 +76,8 @@ export interface DropDownBaseModel extends ComponentModel{
      *   customers.appendTo("#list");
      * ```
      *
-     * @default {text: null, value: null, iconCss: null, groupBy: null}
-     * @deprecated
+     * @default {text: null, value: null, iconCss: null, groupBy: null, disabled: null}
+
      */
     fields?: FieldSettingsModel;
 
@@ -83,7 +90,7 @@ export interface DropDownBaseModel extends ComponentModel{
      *
      * @default null
      * @aspType string
-     * @deprecated
+
      */
     itemTemplate?: string | Function;
 
@@ -92,7 +99,7 @@ export interface DropDownBaseModel extends ComponentModel{
      *
      * @default null
      * @aspType string
-     * @deprecated
+
      */
     groupTemplate?: string | Function;
 
@@ -102,7 +109,7 @@ export interface DropDownBaseModel extends ComponentModel{
      *
      * @default 'No records found'
      * @aspType string
-     * @deprecated
+
      */
     noRecordsTemplate?: string | Function;
 
@@ -112,7 +119,7 @@ export interface DropDownBaseModel extends ComponentModel{
      *
      * @default 'Request failed'
      * @aspType string
-     * @deprecated
+
      */
     actionFailureTemplate?: string | Function;
 
@@ -125,7 +132,7 @@ export interface DropDownBaseModel extends ComponentModel{
      * @default null
      * @asptype object
      * @aspjsonconverterignore
-     * @deprecated
+
      */
     sortOrder?: SortOrder;
 
@@ -135,7 +142,7 @@ export interface DropDownBaseModel extends ComponentModel{
      * `DataManager`.
      *
      * @default []
-     * @deprecated
+
      */
     dataSource?: { [key: string]: Object }[] | DataManager | string[] | number[] | boolean[];
 
@@ -144,7 +151,7 @@ export interface DropDownBaseModel extends ComponentModel{
      * which will execute along with the data processing.
      *
      * @default null
-     * @deprecated
+
      */
     query?: Query;
 
@@ -178,7 +185,7 @@ export interface DropDownBaseModel extends ComponentModel{
      * The default value set to `StartsWith`, all the suggestion items which contain typed characters to listed in the suggestion popup.
      *
      * @default 'StartsWith'
-     * @deprecated
+
      */
     filterType?: FilterType;
 
@@ -187,7 +194,7 @@ export interface DropDownBaseModel extends ComponentModel{
      * By default consider the casing.
      *
      * @default true
-     * @deprecated
+
      */
     ignoreCase?: boolean;
 
@@ -195,14 +202,14 @@ export interface DropDownBaseModel extends ComponentModel{
      * specifies the z-index value of the component popup element.
      *
      * @default 1000
-     * @deprecated
+
      */
     zIndex?: number;
 
     /**
      * ignoreAccent set to true, then ignores the diacritic characters or accents when filtering.
      *
-     * @deprecated
+
      */
     ignoreAccent?: boolean;
 
@@ -210,7 +217,7 @@ export interface DropDownBaseModel extends ComponentModel{
      * Overrides the global culture and localization value for this component. Default global culture is 'en-US'.
      *
      * @default 'en-US'
-     * @deprecated
+
      */
     locale?: string;
 

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

@@ -40,6 +40,12 @@ export declare class FieldSettings extends ChildProperty<FieldSettings> {
      * @default null
      */
     htmlAttributes: string;
+    /**
+     * Defines whether the particular field value is disabled or not.
+     *
+     * @default null
+     */
+    disabled: string;
 }
 export declare const dropDownBaseClasses: DropDownBaseClassList;
 export interface DropDownBaseClassList {
@@ -220,7 +226,6 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
     protected noRecordsTemplateId: string;
     protected actionFailureTemplateId: string;
     protected preventChange: boolean;
-    protected isAngular: boolean;
     protected isPreventChange: boolean;
     protected isDynamicDataChange: boolean;
     protected addedNewItem: boolean;
@@ -310,8 +315,8 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
      *   customers.appendTo("#list");
      * ```
      *
-     * @default {text: null, value: null, iconCss: null, groupBy: null}
-     * @deprecated
+     * @default {text: null, value: null, iconCss: null, groupBy: null, disabled: null}
+
      */
     fields: FieldSettingsModel;
     /**
@@ -323,7 +328,7 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
      *
      * @default null
      * @aspType string
-     * @deprecated
+
      */
     itemTemplate: string | Function;
     /**
@@ -331,7 +336,7 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
      *
      * @default null
      * @aspType string
-     * @deprecated
+
      */
     groupTemplate: string | Function;
     /**
@@ -340,7 +345,7 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
      *
      * @default 'No records found'
      * @aspType string
-     * @deprecated
+
      */
     noRecordsTemplate: string | Function;
     /**
@@ -349,7 +354,7 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
      *
      * @default 'Request failed'
      * @aspType string
-     * @deprecated
+
      */
     actionFailureTemplate: string | Function;
     /**
@@ -361,7 +366,7 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
      * @default null
      * @asptype object
      * @aspjsonconverterignore
-     * @deprecated
+
      */
     sortOrder: SortOrder;
     /**
@@ -370,7 +375,7 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
      * `DataManager`.
      *
      * @default []
-     * @deprecated
+
      */
     dataSource: {
         [key: string]: Object;
@@ -380,7 +385,7 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
      * which will execute along with the data processing.
      *
      * @default null
-     * @deprecated
+
      */
     query: Query;
     /**
@@ -413,7 +418,7 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
      * The default value set to `StartsWith`, all the suggestion items which contain typed characters to listed in the suggestion popup.
      *
      * @default 'StartsWith'
-     * @deprecated
+
      */
     filterType: FilterType;
     /**
@@ -421,27 +426,27 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
      * By default consider the casing.
      *
      * @default true
-     * @deprecated
+
      */
     ignoreCase: boolean;
     /**
      * specifies the z-index value of the component popup element.
      *
      * @default 1000
-     * @deprecated
+
      */
     zIndex: number;
     /**
      * ignoreAccent set to true, then ignores the diacritic characters or accents when filtering.
      *
-     * @deprecated
+
      */
     ignoreAccent: boolean;
     /**
      * Overrides the global culture and localization value for this component. Default global culture is 'en-US'.
      *
      * @default 'en-US'
-     * @deprecated
+
      */
     locale: string;
     /**
@@ -729,13 +734,34 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
      * @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.
      * @returns {void}
-     * @deprecated
+
      */
     addItem(items: {
         [key: string]: Object;
     }[] | {
         [key: string]: Object;
     } | string | boolean | number | string[] | boolean[] | number[], itemIndex?: number): void;
+    /**
+     * Checks if the given HTML element is disabled.
+     *
+     * @param {HTMLElement} li - The HTML element to check.
+     * @returns {boolean} - Returns true if the element is disabled, otherwise false.
+     */
+    protected isDisabledElement(li: HTMLElement): boolean;
+    /**
+     * Checks whether the list item at the specified index is disabled.
+     *
+     * @param {number} index - The index of the list item to check.
+     * @returns {boolean} True if the list item is disabled, false otherwise.
+     */
+    protected isDisabledItemByIndex(index: number): boolean;
+    /**
+     * Disables the given list item.
+     *
+     * @param { HTMLLIElement } li - The list item to disable.
+     * @returns {void}
+     */
+    protected disableListItem(li: HTMLLIElement): void;
     protected validationAttribute(target: HTMLElement, hidden: Element): void;
     protected setZIndex(): void;
     protected updateActionCompleteData(li: HTMLElement, item: {
@@ -801,7 +827,7 @@ export interface PopupEventArgs {
     /**
      * Specifies the popup Object.
      *
-     * @deprecated
+
      */
     popup: Popup;
     /**