Socket
Socket
Sign inDemoInstall

@syncfusion/ej2-dropdowns

Package Overview
Dependencies
Maintainers
2
Versions
334
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@syncfusion/ej2-dropdowns - npm Package Compare versions

Comparing version 1.0.17 to 1.0.18

15

dist/es6/drop-down-base/drop-down-base.js

@@ -17,5 +17,5 @@ var __extends = (this && this.__extends) || (function () {

};
import { Component, EventHandler, addClass, append, Property, Event, ripple, L10n } from '@syncfusion/ej2-base';
import { Component, EventHandler, addClass, append, Property, Event, L10n } from '@syncfusion/ej2-base';
import { setStyleAttribute, removeClass, createElement, prepend, isNullOrUndefined, detach } from '@syncfusion/ej2-base';
import { NotifyPropertyChanges } from '@syncfusion/ej2-base';
import { NotifyPropertyChanges, rippleEffect, compile } from '@syncfusion/ej2-base';
import { DataManager, Query } from '@syncfusion/ej2-data';

@@ -60,3 +60,9 @@ import { ListBase, cssClass as ListBaseClasses } from '@syncfusion/ej2-lists/src/common';

if (this.noRecordsTemplate !== 'No Records Found' || this.actionFailureTemplate !== 'The Request Failed') {
this.list.innerHTML = actionFailure ? this.actionFailureTemplate : this.noRecordsTemplate;
var template = actionFailure ? this.actionFailureTemplate : this.noRecordsTemplate;
var compiledString = void 0;
compiledString = compile(template);
for (var _i = 0, _a = compiledString({}); _i < _a.length; _i++) {
var item = _a[_i];
this.list.appendChild(item);
}
}

@@ -199,3 +205,4 @@ else {

}
this.rippleFun = ripple(listElement, '.' + dropDownBaseClasses.li);
var rippleModel = { duration: 300, selector: '.' + dropDownBaseClasses.li };
this.rippleFun = rippleEffect(listElement, rippleModel);
this.bindEvent = false;

@@ -202,0 +209,0 @@ }

8

package.json
{
"name": "@syncfusion/ej2-dropdowns",
"version": "1.0.17",
"version": "1.0.18",
"description": "Essential JS 2 DropDown Components",

@@ -9,6 +9,6 @@ "author": "Syncfusion Inc.",

"dependencies": {
"@syncfusion/ej2-base": "^1.0.16",
"@syncfusion/ej2-base": "^1.0.18",
"@syncfusion/ej2-data": "^1.0.14",
"@syncfusion/ej2-inputs": "^1.0.17",
"@syncfusion/ej2-lists": "^1.0.14",
"@syncfusion/ej2-inputs": "^1.0.18",
"@syncfusion/ej2-lists": "^1.0.18",
"@syncfusion/ej2-popups": "^1.0.17"

@@ -15,0 +15,0 @@ },

50

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

@@ -1,2 +0,2 @@

import { Component, EventHandler, addClass, append, Property, Event, KeyboardEvents, EmitType, ripple, L10n } from '@syncfusion/ej2-base';import { setStyleAttribute, removeClass, createElement, prepend, isNullOrUndefined, detach } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged } from '@syncfusion/ej2-base';import { DataManager, Query } from '@syncfusion/ej2-data';import { ListBase, SortOrder, cssClass as ListBaseClasses } from '@syncfusion/ej2-lists/src/common';
import { Component, EventHandler, addClass, append, Property, Event, KeyboardEvents, EmitType, L10n } from '@syncfusion/ej2-base';import { setStyleAttribute, removeClass, createElement, prepend, isNullOrUndefined, detach } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, rippleEffect, RippleOptions, compile } from '@syncfusion/ej2-base';import { DataManager, Query } from '@syncfusion/ej2-data';import { ListBase, SortOrder, cssClass as ListBaseClasses } from '@syncfusion/ej2-lists/src/common';
import {FieldSettings,SelectEventArgs} from "./drop-down-base";

@@ -11,4 +11,4 @@ import {ComponentModel} from '@syncfusion/ej2-base';

/**
* The `fields` property maps the columns of the data table and bind the data to the component accordingly.
* @default {text: null, value: null, iconCss: null, groupBy: null}
* The `fields` property maps the columns of the data table and binds the data to the component.
* @default {text: null, value: null, iconCss: null, groupBy: null}.
*/

@@ -18,5 +18,5 @@ fields?: FieldSettings;

/**
* When set to true, enables the RTL mode on the component which
* displays the content in the direction from right to left.
* @default false
* When set to true, enables RTL mode of the component that
* displays the content in the right-to-left direction.
* @default false.
*/

@@ -26,4 +26,4 @@ enableRtl?: boolean;

/**
* Enables or disables the persisting component state between the page reloading action.
* @default false
* Enables or disables persisting component state between page reloading action.
* @default false.
*/

@@ -33,4 +33,4 @@ enablePersistence?: boolean;

/**
* Accepts the template design and assign it to each list item present in the popup.
* @default null
* Accepts the template design and assigns it to each list item present in the popup.
* @default null.
*/

@@ -40,4 +40,4 @@ itemTemplate?: string;

/**
* Accepts the template design and assign it to group headers present in popup list.
* @default null
* Accepts the template design and assigns it to the group headers present in the popup list.
* @default null.
*/

@@ -47,5 +47,5 @@ groupTemplate?: string;

/**
* Accepts the template design and assign it to popup list of component,
* Accepts the template design and assigns it to popup list of component
* when no data is available on the component.
* @default 'No Records Found'
* @default 'No Records Found'.
*/

@@ -55,5 +55,5 @@ noRecordsTemplate?: string;

/**
* Accepts the template and assigns it to popup list content of the component,
* when the data fetch request fails from the remote server.
* @default 'The Request Failed'
* Accepts the template and assigns it to the popup list content of the component
* when the data fetch request from the remote server fails.
* @default 'The Request Failed'.
*/

@@ -63,4 +63,4 @@ actionFailureTemplate?: string;

/**
* Sorts the list items either in ascending or descending order.
* @default None
* Sorts the list items either in the ascending or descending order.
* @default None.
*/

@@ -71,3 +71,3 @@ sortOrder?: SortOrder;

* Specifies a value that indicates whether the component is enabled or not.
* @default true
* @default true.
*/

@@ -77,6 +77,6 @@ enabled?: boolean;

/**
* Accepts the list items either through local or remote services and binds it to the component.
* Accepts the list items either through local or remote service and binds it to the component.
* It can be an array of JSON objects or an instance of
* [`DataManager`](http://ej2.syncfusion.com/documentation/data/api-dataManager.html).
* @default []
* @default [].
*/

@@ -88,3 +88,3 @@ dataSource?: { [key: string]: Object }[] | DataManager | string[] | number[];

* which will execute along with the data processing.
* @default null
* @default null.
*/

@@ -100,3 +100,3 @@ query?: Query;

/**
* Triggers after the data have been fetched successfully from the remote server.
* Triggers after data is fetched successfully from the remote server.
* @event

@@ -107,3 +107,3 @@ */

/**
* Triggers when the data fetch request from the remote server gets failed.
* Triggers when the data fetch request from the remote server fails.
* @event

@@ -110,0 +110,0 @@ */

74

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

@@ -40,3 +40,3 @@ import { Component, KeyboardEvents, EmitType, L10n } from '@syncfusion/ej2-base';

/**
* Specifies the select event arguments
* Specifies the select event arguments.
*/

@@ -49,11 +49,11 @@ export interface SelectEventArgs {

/**
* Return the selected list item
* Returns the selected list item
*/
item: HTMLLIElement;
/**
* Return the selected item as JSON object from data source.
* Returns the selected item as JSON object from the data source.
*/
itemData: FieldSettings;
/**
* Specifies the original event arguments
* Specifies the original event arguments.
*/

@@ -77,3 +77,3 @@ e: MouseEvent | KeyboardEvent | TouchEvent;

protected enableRtlElements: HTMLElement[];
private rippleFun;
protected rippleFun: Function;
protected l10n: L10n;

@@ -88,42 +88,42 @@ protected item: HTMLLIElement;

/**
* The `fields` property maps the columns of the data table and bind the data to the component accordingly.
* @default {text: null, value: null, iconCss: null, groupBy: null}
* The `fields` property maps the columns of the data table and binds the data to the component.
* @default {text: null, value: null, iconCss: null, groupBy: null}.
*/
fields: FieldSettings;
/**
* When set to true, enables the RTL mode on the component which
* displays the content in the direction from right to left.
* @default false
* When set to true, enables RTL mode of the component that
* displays the content in the right-to-left direction.
* @default false.
*/
enableRtl: boolean;
/**
* Enables or disables the persisting component state between the page reloading action.
* @default false
* Enables or disables persisting component state between page reloading action.
* @default false.
*/
enablePersistence: boolean;
/**
* Accepts the template design and assign it to each list item present in the popup.
* @default null
* Accepts the template design and assigns it to each list item present in the popup.
* @default null.
*/
itemTemplate: string;
/**
* Accepts the template design and assign it to group headers present in popup list.
* @default null
* Accepts the template design and assigns it to the group headers present in the popup list.
* @default null.
*/
groupTemplate: string;
/**
* Accepts the template design and assign it to popup list of component,
* Accepts the template design and assigns it to popup list of component
* when no data is available on the component.
* @default 'No Records Found'
* @default 'No Records Found'.
*/
noRecordsTemplate: string;
/**
* Accepts the template and assigns it to popup list content of the component,
* when the data fetch request fails from the remote server.
* @default 'The Request Failed'
* Accepts the template and assigns it to the popup list content of the component
* when the data fetch request from the remote server fails.
* @default 'The Request Failed'.
*/
actionFailureTemplate: string;
/**
* Sorts the list items either in ascending or descending order.
* @default None
* Sorts the list items either in the ascending or descending order.
* @default None.
*/

@@ -133,10 +133,10 @@ sortOrder: SortOrder;

* Specifies a value that indicates whether the component is enabled or not.
* @default true
* @default true.
*/
enabled: boolean;
/**
* Accepts the list items either through local or remote services and binds it to the component.
* Accepts the list items either through local or remote service and binds it to the component.
* It can be an array of JSON objects or an instance of
* [`DataManager`](http://ej2.syncfusion.com/documentation/data/api-dataManager.html).
* @default []
* @default [].
*/

@@ -149,3 +149,3 @@ dataSource: {

* which will execute along with the data processing.
* @default null
* @default null.
*/

@@ -159,3 +159,3 @@ query: Query;

/**
* Triggers after the data have been fetched successfully from the remote server.
* Triggers after data is fetched successfully from the remote server.
* @event

@@ -165,3 +165,3 @@ */

/**
* Triggers when the data fetch request from the remote server gets failed.
* Triggers when the data fetch request from the remote server fails.
* @event

@@ -273,12 +273,12 @@ */

/**
* Get all the list items which bounds on this component.
* @returns Element[]
* Get all the list items bounds on this component.
* @returns Element[].
*/
getItems(): Element[];
/**
* Add a new item in the popup list. By default, new item appends into list as last item
* Adds a new item to the popup list. By default, new item appends to the list as the last item,
* but you can insert based on the index parameter.
* @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}
* @return {void}.
*/

@@ -291,5 +291,5 @@ addItem(items: {

/**
* Get the data object which matched with given value.
* Get the data object that matched the given value.
* @param { string | number } value - Specifies the value of list item.
* @returns object
* @returns object.
*/

@@ -300,7 +300,7 @@ getDataByValue(value: string | number): {

/**
* Removes the component from the DOM and detaches all its related event handlers. Also it removes the attributes and classes.
* Removes the component from the DOM and detaches all its related event handlers. It also removes the attributes and classes.
* @method destroy
* @return {void}
* @return {void}.
*/
destroy(): void;
}

11

src/drop-down-base/drop-down-base.js

@@ -57,3 +57,9 @@ var __extends = (this && this.__extends) || (function () {

if (this.noRecordsTemplate !== 'No Records Found' || this.actionFailureTemplate !== 'The Request Failed') {
this.list.innerHTML = actionFailure ? this.actionFailureTemplate : this.noRecordsTemplate;
var template = actionFailure ? this.actionFailureTemplate : this.noRecordsTemplate;
var compiledString = void 0;
compiledString = ej2_base_3.compile(template);
for (var _i = 0, _a = compiledString({}); _i < _a.length; _i++) {
var item = _a[_i];
this.list.appendChild(item);
}
}

@@ -196,3 +202,4 @@ else {

}
this.rippleFun = ej2_base_1.ripple(listElement, '.' + exports.dropDownBaseClasses.li);
var rippleModel = { duration: 300, selector: '.' + exports.dropDownBaseClasses.li };
this.rippleFun = ej2_base_3.rippleEffect(listElement, rippleModel);
this.bindEvent = false;

@@ -199,0 +206,0 @@ }

71

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

@@ -18,7 +18,7 @@ import{DropDownList} from "./drop-down-list";

/**
* Triggers after the data have been fetched successfully from the remote server.
* Triggers after data is fetched successfully from the remote server.
*/
actionComplete(value:Function): BuilderProperties;
/**
* Triggers when the data fetch request from the remote server gets failed.
* Triggers when the data fetch request from the remote server fails.
*/

@@ -31,3 +31,3 @@ actionFailure(value:Function): BuilderProperties;

/**
* Triggers when an item in a popup is selected or when the model value gets changed.
* Triggers when an item in a popup is selected or when the model value is changed.
*/

@@ -48,3 +48,3 @@ change(value:Function): BuilderProperties;

/**
* Triggers when the popup opens up.
* Triggers when the popup opens.
*/

@@ -57,11 +57,11 @@ open(value:Function): BuilderProperties;

/**
* Accepts the template and assigns it to popup list content of the component,
when the data fetch request fails from the remote server.
* Accepts the template and assigns it to the popup list content of the component
when the data fetch request from the remote server fails.
*/
actionFailureTemplate(value:string): BuilderProperties;
/**
* When allowFiltering is set to true, show the filter bar (search box) of component.
The filter action retrieves the matched items through the `filtering` event based on
typing character into search text box.
If no matches are found, the value of `noRecordsTemplate` property will be displayed.
* When allowFiltering is set to true, show the filter bar (search box) of the component.
The filter action retrieves matched items through the `filtering` event based on
the characters typed in the search TextBox.
If no match is found, the value of the `noRecordsTemplate` property will be displayed.
```html

@@ -88,8 +88,7 @@ <input type="text" tabindex="1" id="list"> </input>

/**
* Sets the CSS classes to root element of the component which helps to customize
the complete UI styles.
* Sets CSS classes to the root element of the component that helps customize the UI styles.
*/
cssClass(value:string): BuilderProperties;
/**
* Accepts the list items either through local or remote services and binds it to the component.
* Accepts the list items either through local or remote service and binds it to the component.
It can be an array of JSON objects or an instance of

@@ -100,8 +99,8 @@ [`DataManager`](http://ej2.syncfusion.com/documentation/data/api-dataManager.html).

/**
* Enables or disables the persisting component state between the page reloading action.
* Enables or disables persisting component state between page reloading action.
*/
enablePersistence(value:boolean): BuilderProperties;
/**
* When set to true, enables the RTL mode on the component which
displays the content in the direction from right to left.
* When set to true, enables RTL mode of the component that
displays the content in the right-to-left direction.
*/

@@ -114,3 +113,3 @@ enableRtl(value:boolean): BuilderProperties;

/**
* The `fields` property maps the columns of the data table and bind the data to the component accordingly.
* The `fields` property maps the columns of the data table and binds the data to the component.
*/

@@ -125,5 +124,5 @@ fields(value: (val:FieldSettings) => void | Object): BuilderProperties;

Possible values are:
* Never - Never float the label in the input when the placeholder is available.
* Always - The floating label will always float above the input.
* Auto - The floating label will float above the input, after focusing or entering a value in the input.
* Never: The label will never float in the input when the placeholder is available.
* Always: The floating label will always float above the input.
* Auto: The floating label will float above the input after focusing or entering a value in the input.
*/

@@ -136,3 +135,3 @@ floatLabelType(value:FloatLabelType): BuilderProperties;

/**
* Accepts the template design and assign it to group headers present in popup list.
* Accepts the template design and assigns it to the group headers present in the popup list.
*/

@@ -145,4 +144,4 @@ groupTemplate(value:string): BuilderProperties;

/**
* Allows to add additional HTML attributes such as title, name, etc.
It accepts n number of attributes in a key-value pair format.
* Allows additional HTML attributes such as title, name, etc., and
accepts n number of attributes in a key-value pair format.
```html

@@ -166,11 +165,11 @@ <input type="text" tabindex="1" id="list"> </input>

/**
* Accepts the template design and assign it to each list item present in the popup.
* Accepts the template design and assigns it to each list item present in the popup.
*/
itemTemplate(value:string): BuilderProperties;
/**
* Overrides the global culture and localization value for this component. Default Global culture is 'en-US'
* Overrides the global culture and localization value for this component. Default global culture is 'en-US'.
*/
locale(value:string): BuilderProperties;
/**
* Accepts the template design and assign it to popup list of component,
* Accepts the template design and assigns it to popup list of component
when no data is available on the component.

@@ -188,4 +187,4 @@ */

/**
* Specifies the width of the popup list. By default, the popup width sets based on width of
the component width.
* Specifies the width of the popup list. By default, the popup width sets based on the width of
the component.
*/

@@ -195,3 +194,3 @@ popupWidth(value:string|number): BuilderProperties;

* Accepts the external [`Query`](http://ej2.syncfusion.com/documentation/data/api-query.html)
which will execute along with the data processing.
that execute along with data processing.
```html

@@ -212,12 +211,12 @@ <input type="text" tabindex="1" id="list"> </input>

/**
* When set to true, the user interactions on the component will be disabled.
* When set to true, the user interactions on the component are disabled.
*/
readonly(value:boolean): BuilderProperties;
/**
* Specifies whether show or hide the clear button.
When click on clear button, `value`, `text` and `index` properties are reset as 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.
*/
showClearButton(value:boolean): BuilderProperties;
/**
* Sorts the list items either in ascending or descending order.
* Sorts the list items either in the ascending or descending order.
*/

@@ -234,8 +233,8 @@ sortOrder(value:SortOrder): BuilderProperties;

/**
* Accepts the template design and assign it to the selected list item to an input element of component.
* Accepts the template design and assigns it to the selected list item in the input element of the component.
*/
valueTemplate(value:string): BuilderProperties;
/**
* Specifies the width of the component. By default, the component width sets based on width of
its parent container. You can also set width in pixel values.
* Specifies the width of the component. By default, the component width sets based on the width of
its parent container. You can also set the width in pixel values.
*/

@@ -242,0 +241,0 @@ width(value:string|number): BuilderProperties;

79

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

@@ -11,5 +11,4 @@ import { EventHandler, Property, Event, compile, EmitType, KeyboardEvents, createElement, append } from '@syncfusion/ej2-base';import { attributes, isNullOrUndefined, getUniqueID, formatUnit, isUndefined } from '@syncfusion/ej2-base';import { Animation, AnimationModel, Browser, KeyboardEventArgs, NotifyPropertyChanges } from '@syncfusion/ej2-base';import { addClass, removeClass, setStyleAttribute, closest, prepend, detach } from '@syncfusion/ej2-base';import { Popup } from '@syncfusion/ej2-popups/src/popup';import { IInput, Input, InputObject, FloatLabelType } from '@syncfusion/ej2-inputs';import { incrementalSearch } from '../common/incremental-search';import { DropDownBase, dropDownBaseClasses, SelectEventArgs, FieldSettings } from '../drop-down-base/drop-down-base';import { DropDownListModel } from '../drop-down-list';import { DataManager, Query } from '@syncfusion/ej2-data';import { SortOrder } from '@syncfusion/ej2-lists/src/common';

/**
* Sets the CSS classes to root element of the component which helps to customize
* the complete UI styles.
* @default null
* Sets CSS classes to the root element of the component that helps customize the UI styles.
* @default null.
*/

@@ -19,5 +18,5 @@ cssClass?: string;

/**
* Specifies the width of the component. By default, the component width sets based on width of
* its parent container. You can also set width in pixel values.
* @default '100%'
* Specifies the width of the component. By default, the component width sets based on the width of
* its parent container. You can also set the width in pixel values.
* @default '100%'.
*/

@@ -28,3 +27,3 @@ width?: string | number;

* Specifies the height of the popup list. By default, it renders based on the count of the popup list items.
* @default 'auto'
* @default 'auto'.
*/

@@ -34,5 +33,5 @@ popupHeight?: string | number;

/**
* Specifies the width of the popup list. By default, the popup width sets based on width of
* the component width.
* @default '100%'
* Specifies the width of the popup list. By default, the popup width sets based on the width of
* the component.
* @default '100%'.
*/

@@ -43,3 +42,3 @@ popupWidth?: string | number;

* Accepts the value to be displayed as a watermark text on the component input.
* @default null
* @default null.
*/

@@ -50,3 +49,3 @@ placeholder?: string;

* Accepts the value to be displayed as a watermark text on the filter bar.
* @default null
* @default null.
*/

@@ -56,4 +55,4 @@ filterBarPlaceholder?: string;

/**
* Allows to add additional HTML attributes such as title, name, etc.
* It accepts n number of attributes in a key-value pair format.
* Allows additional HTML attributes such as title, name, etc., and
* accepts n number of attributes in a key-value pair format.
* ```html

@@ -69,3 +68,3 @@ * <input type="text" tabindex="1" id="list"> </input>

* ```
* @default {}
* @default {}.
*/

@@ -76,3 +75,3 @@ htmlAttributes?: { [key: string]: string; };

* Accepts the external [`Query`](http://ej2.syncfusion.com/documentation/data/api-query.html)
* which will execute along with the data processing.
* that execute along with data processing.
* ```html

@@ -90,3 +89,3 @@ * <input type="text" tabindex="1" id="list"> </input>

* ```
* @default null
* @default null.
*/

@@ -96,4 +95,4 @@ query?: Query;

/**
* Accepts the template design and assign it to the selected list item to an input element of component.
* @default null
* Accepts the template design and assigns it to the selected list item in the input element of the component.
* @default null.
*/

@@ -104,3 +103,3 @@ valueTemplate?: string;

* Accepts the template design and assigns it to the header container of the popup list.
* @default null
* @default null.
*/

@@ -111,3 +110,3 @@ headerTemplate?: string;

* Accepts the template design and assigns it to the footer container of the popup list.
* @default null
* @default null.
*/

@@ -117,6 +116,6 @@ footerTemplate?: string;

/**
* When allowFiltering is set to true, show the filter bar (search box) of component.
* The filter action retrieves the matched items through the `filtering` event based on
* typing character into search text box.
* If no matches are found, the value of `noRecordsTemplate` property will be displayed.
* When allowFiltering is set to true, show the filter bar (search box) of the component.
* The filter action retrieves matched items through the `filtering` event based on
* the characters typed in the search TextBox.
* If no match is found, the value of the `noRecordsTemplate` property will be displayed.
* ```html

@@ -140,3 +139,3 @@ * <input type="text" tabindex="1" id="list"> </input>

* ```
* @default false
* @default false.
*/

@@ -146,4 +145,4 @@ allowFiltering?: boolean;

/**
* When set to true, the user interactions on the component will be disabled.
* @default false
* When set to true, the user interactions on the component are disabled.
* @default false.
*/

@@ -154,3 +153,3 @@ readonly?: boolean;

* Gets or sets the display text of the selected item in the component.
* @default null
* @default null.
*/

@@ -161,3 +160,3 @@ text?: string;

* Gets or sets the value of the selected item in the component.
* @default null
* @default null.
*/

@@ -168,3 +167,3 @@ value?: number | string;

* Gets or sets the index of the selected item in the component.
* @default null
* @default null.
*/

@@ -176,6 +175,6 @@ index?: number;

* Possible values are:
* * Never - Never float the label in the input when the placeholder is available.
* * Always - The floating label will always float above the input.
* * Auto - The floating label will float above the input, after focusing or entering a value in the input.
* @default 'Never'
* * Never: The label will never float in the input when the placeholder is available.
* * Always: The floating label will always float above the input.
* * Auto: The floating label will float above the input after focusing or entering a value in the input.
* @default 'Never'.
*/

@@ -185,5 +184,5 @@ floatLabelType?: FloatLabelType;

/**
* Specifies whether show or hide the clear button.
* When click on clear button, `value`, `text` and `index` properties are reset as null.
* @default false
* Specifies whether to show or hide the clear button.
* When the clear button is clicked, `value`, `text`, and `index` properties are reset to null.
* @default false.
*/

@@ -199,3 +198,3 @@ showClearButton?: boolean;

/**
* Triggers when an item in a popup is selected or when the model value gets changed.
* Triggers when an item in a popup is selected or when the model value is changed.
* @event

@@ -206,3 +205,3 @@ */

/**
* Triggers when the popup opens up.
* Triggers when the popup opens.
* @event

@@ -209,0 +208,0 @@ */

105

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

@@ -13,3 +13,3 @@ /// <reference path="../drop-down-base/drop-down-base-model.d.ts" />

/**
* The DropDownList component contains a list of predefined values, from which the user can
* The DropDownList component contains a list of predefined values from which you can
* choose a single value.

@@ -28,3 +28,2 @@ * ```html

private valueTempElement;
private listObject;
private header;

@@ -40,3 +39,3 @@ private footer;

protected beforePopupOpen: boolean;
private initial;
protected initial: boolean;
private initRemoteRender;

@@ -47,3 +46,2 @@ private searchBoxHeight;

private clearIconElement;
private listObj;
private containerStyle;

@@ -63,2 +61,3 @@ protected previousValue: string | number;

protected isEscapeKey: boolean;
private isPreventBlur;
protected isTabKey: boolean;

@@ -71,3 +70,2 @@ private actionCompleteData;

private searchKeyEvent;
private isPreventBlur;
protected keyConfigure: {

@@ -77,11 +75,10 @@ [key: string]: string;

/**
* Sets the CSS classes to root element of the component which helps to customize
* the complete UI styles.
* @default null
* Sets CSS classes to the root element of the component that helps customize the UI styles.
* @default null.
*/
cssClass: string;
/**
* Specifies the width of the component. By default, the component width sets based on width of
* its parent container. You can also set width in pixel values.
* @default '100%'
* Specifies the width of the component. By default, the component width sets based on the width of
* its parent container. You can also set the width in pixel values.
* @default '100%'.
*/

@@ -91,9 +88,9 @@ width: string | number;

* Specifies the height of the popup list. By default, it renders based on the count of the popup list items.
* @default 'auto'
* @default 'auto'.
*/
popupHeight: string | number;
/**
* Specifies the width of the popup list. By default, the popup width sets based on width of
* the component width.
* @default '100%'
* Specifies the width of the popup list. By default, the popup width sets based on the width of
* the component.
* @default '100%'.
*/

@@ -103,3 +100,3 @@ popupWidth: string | number;

* Accepts the value to be displayed as a watermark text on the component input.
* @default null
* @default null.
*/

@@ -109,8 +106,8 @@ placeholder: string;

* Accepts the value to be displayed as a watermark text on the filter bar.
* @default null
* @default null.
*/
filterBarPlaceholder: string;
/**
* Allows to add additional HTML attributes such as title, name, etc.
* It accepts n number of attributes in a key-value pair format.
* Allows additional HTML attributes such as title, name, etc., and
* accepts n number of attributes in a key-value pair format.
* ```html

@@ -126,3 +123,3 @@ * <input type="text" tabindex="1" id="list"> </input>

* ```
* @default {}
* @default {}.
*/

@@ -134,3 +131,3 @@ htmlAttributes: {

* Accepts the external [`Query`](http://ej2.syncfusion.com/documentation/data/api-query.html)
* which will execute along with the data processing.
* that execute along with data processing.
* ```html

@@ -148,8 +145,8 @@ * <input type="text" tabindex="1" id="list"> </input>

* ```
* @default null
* @default null.
*/
query: Query;
/**
* Accepts the template design and assign it to the selected list item to an input element of component.
* @default null
* Accepts the template design and assigns it to the selected list item in the input element of the component.
* @default null.
*/

@@ -159,3 +156,3 @@ valueTemplate: string;

* Accepts the template design and assigns it to the header container of the popup list.
* @default null
* @default null.
*/

@@ -165,10 +162,10 @@ headerTemplate: string;

* Accepts the template design and assigns it to the footer container of the popup list.
* @default null
* @default null.
*/
footerTemplate: string;
/**
* When allowFiltering is set to true, show the filter bar (search box) of component.
* The filter action retrieves the matched items through the `filtering` event based on
* typing character into search text box.
* If no matches are found, the value of `noRecordsTemplate` property will be displayed.
* When allowFiltering is set to true, show the filter bar (search box) of the component.
* The filter action retrieves matched items through the `filtering` event based on
* the characters typed in the search TextBox.
* If no match is found, the value of the `noRecordsTemplate` property will be displayed.
* ```html

@@ -192,8 +189,8 @@ * <input type="text" tabindex="1" id="list"> </input>

* ```
* @default false
* @default false.
*/
allowFiltering: boolean;
/**
* When set to true, the user interactions on the component will be disabled.
* @default false
* When set to true, the user interactions on the component are disabled.
* @default false.
*/

@@ -203,3 +200,3 @@ readonly: boolean;

* Gets or sets the display text of the selected item in the component.
* @default null
* @default null.
*/

@@ -209,3 +206,3 @@ text: string;

* Gets or sets the value of the selected item in the component.
* @default null
* @default null.
*/

@@ -215,3 +212,3 @@ value: number | string;

* Gets or sets the index of the selected item in the component.
* @default null
* @default null.
*/

@@ -222,12 +219,12 @@ index: number;

* Possible values are:
* * Never - Never float the label in the input when the placeholder is available.
* * Always - The floating label will always float above the input.
* * Auto - The floating label will float above the input, after focusing or entering a value in the input.
* @default 'Never'
* * Never: The label will never float in the input when the placeholder is available.
* * Always: The floating label will always float above the input.
* * Auto: The floating label will float above the input after focusing or entering a value in the input.
* @default 'Never'.
*/
floatLabelType: FloatLabelType;
/**
* Specifies whether show or hide the clear button.
* When click on clear button, `value`, `text` and `index` properties are reset as null.
* @default false
* Specifies whether to show or hide the clear button.
* When the clear button is clicked, `value`, `text`, and `index` properties are reset to null.
* @default false.
*/

@@ -241,3 +238,3 @@ showClearButton: boolean;

/**
* Triggers when an item in a popup is selected or when the model value gets changed.
* Triggers when an item in a popup is selected or when the model value is changed.
* @event

@@ -247,3 +244,3 @@ */

/**
* Triggers when the popup opens up.
* Triggers when the popup opens.
* @event

@@ -401,18 +398,18 @@ */

* Opens the popup that displays the list of items.
* @returns void
* @returns void.
*/
showPopup(): void;
/**
* Hide the popup, if it is in open state.
* @returns void
* Hide the popup if it is in open state.
* @returns void.
*/
hidePopup(): void;
/**
* Sets the focus to the component for interaction.
* @returns void
* Sets the focus on the component for interaction.
* @returns void.
*/
focusIn(): void;
/**
* Moves out the focus from the component, if the component is already focused.
* @returns void
* Moves the focus from the component if the component is already focused.
* @returns void.
*/

@@ -423,3 +420,3 @@ focusOut(): void;

* @method destroy
* @return {void}
* @return {void}.
*/

@@ -467,3 +464,3 @@ destroy(): void;

* @param {FieldSettings} fields - Specify the fields to map the column in the data table.
* @return {void}
* @return {void}.
*/

@@ -470,0 +467,0 @@ updateData(dataSource: {

dist/ej2-dropdowns.umd.js

Sorry, the diff of this file is too big to display

dist/ej2-dropdowns.umd.min.js

Sorry, the diff of this file is too big to display

dist/es6/drop-down-list/drop-down-list.js

Sorry, the diff of this file is too big to display

dist/global/ej2-dropdowns.js

Sorry, the diff of this file is too big to display

dist/global/ej2-dropdowns.min.js

Sorry, the diff of this file is too big to display

dist/global/ej2-dropdowns.min.js.map

Sorry, the diff of this file is not supported yet

dist\global\dropDownBase.js

Sorry, the diff of this file is too big to display

dist\global\dropDownList.js

Sorry, the diff of this file is too big to display

src/drop-down-list/drop-down-list.js

Sorry, the diff of this file is too big to display

styles/drop-down-base/fabric.css

Sorry, the diff of this file is not supported yet

styles/drop-down-base/material.css

Sorry, the diff of this file is not supported yet

styles/drop-down-list/_fabric-definition.scss

Sorry, the diff of this file is not supported yet

styles/drop-down-list/fabric.css

Sorry, the diff of this file is not supported yet

styles/drop-down-list/material.css

Sorry, the diff of this file is not supported yet

styles/fabric.css

Sorry, the diff of this file is not supported yet

styles/material.css

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc