@syncfusion/ej2-dropdowns 29.1.41 → 29.2.4-850322

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

@@ -572,7 +572,7 @@ export declare class DropDownTree extends Component<HTMLElement> implements INot
      * When this property is set to false, then the popup will not be removed from DOM once it is closed.
      *
      * @default true
-
+     * @deprecated
      */
     destroyPopupOnHide: boolean;
     /**
@@ -778,6 +778,7 @@ export declare class DropDownTree extends Component<HTMLElement> implements INot
     private wireTreeEvents;
     private wireCheckAllWrapperEvents;
     private unWireEvents;
+    private handleIosTouch;
     private dropDownClick;
     private mouseIn;
     private onMouseLeave;

package/src/drop-down-tree/drop-down-tree.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;
+};
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { Input, TextBox } from '@syncfusion/ej2-inputs';
 import { createCheckBox } from '@syncfusion/ej2-buttons';
@@ -647,6 +647,9 @@ var DropDownTree = /** @class */ (function (_super) {
     };
     /* To wire events for the dropdown tree */
     DropDownTree.prototype.wireEvents = function () {
+        if (Browser.isIos) {
+            EventHandler.add(this.inputWrapper, 'touchstart', this.handleIosTouch, this);
+        }
         EventHandler.add(this.inputWrapper, 'mouseup', this.dropDownClick, this);
         EventHandler.add(this.inputWrapper, 'focus', this.focusIn, this);
         EventHandler.add(this.inputWrapper, 'blur', this.focusOut, this);
@@ -680,6 +683,9 @@ var DropDownTree = /** @class */ (function (_super) {
     };
     /* To unwire events for the dropdown tree */
     DropDownTree.prototype.unWireEvents = function () {
+        if (Browser.isIos) {
+            EventHandler.remove(this.inputWrapper, 'touchstart', this.handleIosTouch);
+        }
         EventHandler.remove(this.inputWrapper, 'mouseup', this.dropDownClick);
         EventHandler.remove(this.inputWrapper, 'focus', this.focusIn);
         EventHandler.remove(this.inputWrapper, 'blur', this.focusOut);
@@ -697,6 +703,11 @@ var DropDownTree = /** @class */ (function (_super) {
         }
         document.removeEventListener('mousedown', this.documentClickContext);
     };
+    /* Handles touch events specifically for iOS devices */
+    DropDownTree.prototype.handleIosTouch = function (e) {
+        e.preventDefault();
+        this.dropDownClick(e);
+    };
     /* Trigger when the dropdown is clicked */
     DropDownTree.prototype.dropDownClick = function (e) {
         if (!this.enabled || this.readonly) {

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

@@ -1,4 +1,4 @@
-import { Input, InputObject } from '@syncfusion/ej2-inputs';import { DropDownBase, dropDownBaseClasses, FilteringEventArgs, SelectEventArgs } from '../drop-down-base/drop-down-base';import { FieldSettingsModel } from '../drop-down-base/drop-down-base-model';import { EventHandler, closest, removeClass, addClass, Complex, Property, ChildProperty, BaseEventArgs, L10n, setValue } from '@syncfusion/ej2-base';import { ModuleDeclaration, NotifyPropertyChanges, getComponent, EmitType, Event, extend, detach, attributes } from '@syncfusion/ej2-base';import { getUniqueID, Browser, formatUnit, isNullOrUndefined, getValue } from '@syncfusion/ej2-base';import { prepend, append } from '@syncfusion/ej2-base';import { cssClass, Sortable, moveTo, SortOrder } from '@syncfusion/ej2-lists';import { Button } from '@syncfusion/ej2-buttons';import { createSpinner, showSpinner, hideSpinner, getZindexPartial } from '@syncfusion/ej2-popups';import { DataManager, Query } from '@syncfusion/ej2-data';
+import { Input, InputObject } from '@syncfusion/ej2-inputs';
 import {SelectionMode,CheckBoxPosition,ToolBarPosition,BeforeItemRenderEventArgs,ListBoxChangeEventArgs,DropEventArgs,DragEventArgs} from "./list-box";
 import {DropDownBaseModel} from "../drop-down-base/drop-down-base-model";
 
@@ -8,34 +8,34 @@ import {DropDownBaseModel} from "../drop-down-base/drop-down-base-model";
 export interface SelectionSettingsModel {
 
     /**
-     * Specifies the selection modes. The possible values are
-     * * `Single`: Allows you to select a single item in the ListBox.
-     * * `Multiple`: Allows you to select more than one item in the ListBox.
-     *
-     * @default 'Multiple'
-     */
-    mode?: SelectionMode;
+     * Specifies the selection modes. The possible values are
+     * * `Single`: Allows you to select a single item in the ListBox.
+     * * `Multiple`: Allows you to select more than one item in the ListBox.
+     *
+     * @default 'Multiple'
+     */
+    mode?: SelectionMode;
 
     /**
-     * If 'showCheckbox' is set to true, then 'checkbox' will be visualized in the list item.
-     *
-     * @default false
-     */
-    showCheckbox?: boolean;
+     * If 'showCheckbox' is set to true, then 'checkbox' will be visualized in the list item.
+     *
+     * @default false
+     */
+    showCheckbox?: boolean;
 
     /**
-     * Allows you to either show or hide the selectAll option on the component.
-     *
-     * @default false
-     */
-    showSelectAll?: boolean;
+     * Allows you to either show or hide the selectAll option on the component.
+     *
+     * @default false
+     */
+    showSelectAll?: boolean;
 
     /**
-     * Set the position of the checkbox.
-     *
-     * @default 'Left'
-     */
-    checkboxPosition?: CheckBoxPosition;
+     * Set the position of the checkbox.
+     *
+     * @default 'Left'
+     */
+    checkboxPosition?: CheckBoxPosition;
 
 }
 
@@ -45,22 +45,22 @@ export interface SelectionSettingsModel {
 export interface ToolbarSettingsModel {
 
     /**
-     * Specifies the list of tools for dual ListBox.
-     * The predefined tools are 'moveUp', 'moveDown', 'moveTo', 'moveFrom', 'moveAllTo', and 'moveAllFrom'.
-     *
-     * @default []
-     */
-    items?: string[];
+     * Specifies the list of tools for dual ListBox.
+     * The predefined tools are 'moveUp', 'moveDown', 'moveTo', 'moveFrom', 'moveAllTo', and 'moveAllFrom'.
+     *
+     * @default []
+     */
+    items?: string[];
 
     /**
-     * Positions the toolbar before/after the ListBox.
-     * The possible values are:
-     * * Left: The toolbar will be positioned to the left of the ListBox.
-     * * Right: The toolbar will be positioned to the right of the ListBox.
-     *
-     * @default 'Right'
-     */
-    position?: ToolBarPosition;
+     * Positions the toolbar before/after the ListBox.
+     * The possible values are:
+     * * Left: The toolbar will be positioned to the left of the ListBox.
+     * * Right: The toolbar will be positioned to the right of the ListBox.
+     *
+     * @default 'Right'
+     */
+    position?: ToolBarPosition;
 
 }
 
@@ -70,223 +70,223 @@ export interface ToolbarSettingsModel {
 export interface ListBoxModel extends DropDownBaseModel{
 
     /**
-     * Sets the CSS classes to root element of this component, which helps to customize the
-     * complete styles.
-     *
-     * @default ''
-     */
-    cssClass?: string;
-
-    /**
-     * Sets the specified item to the selected state or gets the selected item in the ListBox.
-     *
-     * @default []
-     * @aspType object
-     * @isGenericType true
-     */
-    value?: string[] | number[] | boolean[];
-
-    /**
-     * Sets the height of the ListBox component.
-     *
-     * @default ''
-     */
-    height?: number | string;
-
-    /**
-     * Specifies a value that indicates whether the component is enabled or not.
-     *
-     * @default true
-
-     */
-    enabled?: boolean;
-
-    /**
-     * Enable or disable persisting component's state between page reloads.
-     * If enabled, following list of states will be persisted.
-     * 1. value
-     *
-     * @default false
-
-     */
-    enablePersistence?: boolean;
-
-    /**
-     * If 'allowDragAndDrop' is set to true, then you can perform drag and drop of the list item.
-     * ListBox contains same 'scope' property enables drag and drop between multiple ListBox.
-     *
-     * @default false
-     */
-    allowDragAndDrop?: boolean;
-
+     * Sets the CSS classes to root element of this component, which helps to customize the
+     * complete styles.
+     *
+     * @default ''
+     */
+    cssClass?: string;
+
+    /**
+     * Sets the specified item to the selected state or gets the selected item in the ListBox.
+     *
+     * @default []
+     * @aspType object
+     * @isGenericType true
+     */
+    value?: string[] | number[] | boolean[];
+
+    /**
+     * Sets the height of the ListBox component.
+     *
+     * @default ''
+     */
+    height?: number | string;
+
+    /**
+     * Specifies a value that indicates whether the component is enabled or not.
+     *
+     * @default true
+     * @deprecated
+     */
+    enabled?: boolean;
+
+    /**
+     * Enable or disable persisting component's state between page reloads.
+     * If enabled, following list of states will be persisted.
+     * 1. value
+     *
+     * @default false
+     * @deprecated
+     */
+    enablePersistence?: boolean;
+
+    /**
+     * If 'allowDragAndDrop' is set to true, then you can perform drag and drop of the list item.
+     * ListBox contains same 'scope' property enables drag and drop between multiple ListBox.
+     *
+     * @default false
+     */
+    allowDragAndDrop?: boolean;
+
+    /**
+     * Sets limitation to the value selection.
+     * based on the limitation, list selection will be prevented.
+     *
+     * @default 1000
+     */
+    maximumSelectionLength?: number;
+
+    /**
+     * To enable the filtering option in this component.
+     * Filter action performs when type in search box and collect the matched item through `filtering` event.
+     * If searching character does not match, `noRecordsTemplate` property value will be shown.
+     *
+     * @default false
+     */
+    allowFiltering?: boolean;
+
     /**
-     * Sets limitation to the value selection.
-     * based on the limitation, list selection will be prevented.
-     *
-     * @default 1000
-     */
-    maximumSelectionLength?: number;
+     * Defines the scope value to group sets of draggable and droppable ListBox.
+     * A draggable with the same scope value will be accepted by the droppable.
+     *
+     * @default ''
+     */
+    scope?: string;
 
     /**
-     * To enable the filtering option in this component.
-     * Filter action performs when type in search box and collect the matched item through `filtering` event.
-     * If searching character does not match, `noRecordsTemplate` property value will be shown.
-     *
-     * @default false
-     */
-    allowFiltering?: boolean;
+     * When set to ‘false’, consider the `case-sensitive` on performing the search to find suggestions.
+     * By default consider the casing.
+     *
+     * @default true
+     * @private
+     */
+    ignoreCase?: boolean;
 
     /**
-     * Defines the scope value to group sets of draggable and droppable ListBox.
-     * A draggable with the same scope value will be accepted by the droppable.
-     *
-     * @default ''
-     */
-    scope?: string;
-
-    /**
-     * When set to ‘false’, consider the `case-sensitive` on performing the search to find suggestions.
-     * By default consider the casing.
-     *
-     * @default true
-     * @private
-     */
-    ignoreCase?: boolean;
-
-    /**
-     * Accepts the value to be displayed as a watermark text on the filter bar.
-     *
-     * @default null
-     */
-    filterBarPlaceholder?: string;
-
-    /**
-     * Specifies the `sortOrder` to sort the data source. The available type of sort orders are
-     * * `None` - The data source is not sorting.
-     * * `Ascending` - The data source is sorting with ascending order.
-     * * `Descending` - The data source is sorting with descending order.
-     *
-     * @default null
-     * @asptype object
-     * @aspjsonconverterignore
-     */
-    sortOrder?: SortOrder;
-
-    /**
-     * Triggers while rendering each list item.
-     *
-     * @event beforeItemRender
-     * @blazorProperty 'OnItemRender'
-     */
-    beforeItemRender?: EmitType<BeforeItemRenderEventArgs>;
-
-    /**
-     * Triggers on typing a character in the component.
-     *
-     * @event filtering
-     * @blazorProperty 'ItemSelected'
-     */
-    filtering?: EmitType<FilteringEventArgs>;
-
-    /**
-     * Triggers when an item in the popup is selected by the user either with mouse/tap or with keyboard navigation.
-     *
-     * @event select
-     * @private
-     */
-    select?: EmitType<SelectEventArgs>;
-
+     * Accepts the value to be displayed as a watermark text on the filter bar.
+     *
+     * @default null
+     */
+    filterBarPlaceholder?: string;
+
     /**
-     * Triggers while select / unselect the list item.
-     *
-     * @event change
-     * @blazorProperty 'ValueChange'
-     */
-    change?: EmitType<ListBoxChangeEventArgs>;
-
-    /**
-     * Triggers before dropping the list item on another list item.
-     *
-     * @event beforeDrop
-     * @blazorProperty 'OnDrop'
-     */
-    beforeDrop?: EmitType<DropEventArgs>;
-
-    /**
-     * Triggers after dragging the list item.
-     *
-     * @event dragStart
-     * @blazorProperty 'DragStart'
-     */
-    dragStart?: EmitType<DragEventArgs>;
-
-    /**
-     * Triggers while dragging the list item.
-     *
-     * @event drag
-     * @blazorProperty 'Dragging'
-     */
-    drag?: EmitType<DragEventArgs>;
-
-    /**
-     * Triggers before dropping the list item on another list item.
-     *
-     * @event drop
-     * @blazorProperty 'Dropped'
-     */
-    drop?: EmitType<DragEventArgs>;
+     * Specifies the `sortOrder` to sort the data source. The available type of sort orders are
+     * * `None` - The data source is not sorting.
+     * * `Ascending` - The data source is sorting with ascending order.
+     * * `Descending` - The data source is sorting with descending order.
+     *
+     * @default null
+     * @asptype object
+     * @aspjsonconverterignore
+     */
+    sortOrder?: SortOrder;
+
+    /**
+     * Triggers while rendering each list item.
+     *
+     * @event beforeItemRender
+     * @blazorProperty 'OnItemRender'
+     */
+    beforeItemRender?: EmitType<BeforeItemRenderEventArgs>;
+
+    /**
+     * Triggers on typing a character in the component.
+     *
+     * @event filtering
+     * @blazorProperty 'ItemSelected'
+     */
+    filtering?: EmitType<FilteringEventArgs>;
+
+    /**
+     * Triggers when an item in the popup is selected by the user either with mouse/tap or with keyboard navigation.
+     *
+     * @event select
+     * @private
+     */
+    select?: EmitType<SelectEventArgs>;
+
+    /**
+     * Triggers while select / unselect the list item.
+     *
+     * @event change
+     * @blazorProperty 'ValueChange'
+     */
+    change?: EmitType<ListBoxChangeEventArgs>;
+
+    /**
+     * Triggers before dropping the list item on another list item.
+     *
+     * @event beforeDrop
+     * @blazorProperty 'OnDrop'
+     */
+    beforeDrop?: EmitType<DropEventArgs>;
+
+    /**
+     * Triggers after dragging the list item.
+     *
+     * @event dragStart
+     * @blazorProperty 'DragStart'
+     */
+    dragStart?: EmitType<DragEventArgs>;
+
+    /**
+     * Triggers while dragging the list item.
+     *
+     * @event drag
+     * @blazorProperty 'Dragging'
+     */
+    drag?: EmitType<DragEventArgs>;
+
+    /**
+     * Triggers before dropping the list item on another list item.
+     *
+     * @event drop
+     * @blazorProperty 'Dropped'
+     */
+    drop?: EmitType<DragEventArgs>;
 
-    /**
-     * Triggers when data source is populated in the list.
-     *
-     * @event dataBound
-     */
-    dataBound?: EmitType<Object>;
+    /**
+     * Triggers when data source is populated in the list.
+     *
+     * @event dataBound
+     */
+    dataBound?: EmitType<Object>;
 
     /**
-     * Accepts the template design and assigns it to the group headers present in the list.
-     *
-     * @default null
-     * @private
-     */
-    groupTemplate?: string;
+     * Accepts the template design and assigns it to the group headers present in the list.
+     *
+     * @default null
+     * @private
+     */
+    groupTemplate?: string;
 
     /**
-     * Accepts the template and assigns it to the list content of the ListBox component
-     * when the data fetch request from the remote server fails.
-     *
-     * @default 'Request Failed'
-     * @private
-     */
-    actionFailureTemplate?: string;
+     * Accepts the template and assigns it to the list content of the ListBox component
+     * when the data fetch request from the remote server fails.
+     *
+     * @default 'Request Failed'
+     * @private
+     */
+    actionFailureTemplate?: string;
 
-    /**
-     * specifies the z-index value of the component popup element.
-     *
-     * @default 1000
-     * @private
-     */
-    zIndex?: number;
+    /**
+     * specifies the z-index value of the component popup element.
+     *
+     * @default 1000
+     * @private
+     */
+    zIndex?: number;
 
     /**
-     * ignoreAccent set to true, then ignores the diacritic characters or accents when filtering.
-     *
-     * @private
-     */
-    ignoreAccent?: boolean;
+     * ignoreAccent set to true, then ignores the diacritic characters or accents when filtering.
+     *
+     * @private
+     */
+    ignoreAccent?: boolean;
 
     /**
-     * Specifies the toolbar items and its position.
-     *
-     * @default { items: [], position: 'Right' }
-     */
-    toolbarSettings?: ToolbarSettingsModel;
+     * Specifies the toolbar items and its position.
+     *
+     * @default { items: [], position: 'Right' }
+     */
+    toolbarSettings?: ToolbarSettingsModel;
 
     /**
-     * Specifies the selection mode and its type.
-     *
-     * @default { mode: 'Multiple', type: 'Default' }
-     */
-    selectionSettings?: SelectionSettingsModel;
+     * Specifies the selection mode and its type.
+     *
+     * @default { mode: 'Multiple', type: 'Default' }
+     */
+    selectionSettings?: SelectionSettingsModel;
 
 }

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

@@ -162,7 +162,7 @@ export declare class ListBox extends DropDownBase {
      * Specifies a value that indicates whether the component is enabled or not.
      *
      * @default true
-
+     * @deprecated
      */
     enabled: boolean;
     /**
@@ -171,7 +171,7 @@ export declare class ListBox extends DropDownBase {
      * 1. value
      *
      * @default false
-
+     * @deprecated
      */
     enablePersistence: boolean;
     /**

package/src/list-box/list-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;
+};
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference
 /// <reference path='../drop-down-base/drop-down-base-model.d.ts'/>
 import { Input } from '@syncfusion/ej2-inputs';