@syncfusion/ej2-dropdowns 18.1.57 → 18.2.44-4569
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc.json +244 -0
- package/CHANGELOG.md +1524 -1514
- package/README.md +118 -118
- package/dist/ej2-dropdowns.umd.min.js +1 -10
- package/dist/ej2-dropdowns.umd.min.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es2015.js +198 -126
- package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es5.js +290 -217
- package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
- package/dist/global/ej2-dropdowns.min.js +1 -10
- package/dist/global/ej2-dropdowns.min.js.map +1 -1
- package/dist/global/index.d.ts +0 -9
- package/dist/ts/auto-complete/auto-complete.ts +527 -0
- package/dist/ts/combo-box/combo-box.ts +957 -0
- package/dist/ts/common/highlight-search.ts +47 -0
- package/dist/ts/common/incremental-search.ts +81 -0
- package/dist/ts/drop-down-base/drop-down-base.ts +1572 -0
- package/dist/ts/drop-down-list/drop-down-list.ts +2993 -0
- package/dist/ts/drop-down-tree/drop-down-tree.ts +3066 -0
- package/dist/ts/list-box/list-box.ts +2317 -0
- package/dist/ts/multi-select/checkbox-selection.ts +528 -0
- package/dist/ts/multi-select/float-label.ts +155 -0
- package/dist/ts/multi-select/interface.ts +66 -0
- package/dist/ts/multi-select/multi-select.ts +4216 -0
- package/helpers/e2e/index.js +3 -3
- package/license +2 -2
- package/package.json +77 -77
- package/src/auto-complete/auto-complete-model.d.ts +179 -179
- package/src/auto-complete/auto-complete.d.ts +12 -12
- package/src/auto-complete/auto-complete.js +21 -21
- package/src/combo-box/combo-box-model.d.ts +212 -212
- package/src/combo-box/combo-box.d.ts +27 -27
- package/src/combo-box/combo-box.js +29 -29
- package/src/common/incremental-search.d.ts +1 -1
- package/src/common/incremental-search.js +4 -2
- package/src/drop-down-base/drop-down-base-model.d.ts +191 -191
- package/src/drop-down-base/drop-down-base.d.ts +17 -17
- package/src/drop-down-base/drop-down-base.js +20 -20
- package/src/drop-down-list/drop-down-list-model.d.ts +222 -222
- package/src/drop-down-list/drop-down-list.d.ts +3 -2
- package/src/drop-down-list/drop-down-list.js +43 -30
- package/src/drop-down-tree/drop-down-tree-model.d.ts +344 -344
- package/src/drop-down-tree/drop-down-tree.js +32 -26
- package/src/list-box/index.d.ts +1 -0
- package/src/list-box/index.js +1 -0
- package/src/list-box/list-box-model.d.ts +156 -156
- package/src/list-box/list-box.d.ts +2 -2
- package/src/list-box/list-box.js +57 -59
- package/src/multi-select/index.d.ts +1 -0
- package/src/multi-select/index.js +1 -0
- package/src/multi-select/multi-select-model.d.ts +452 -452
- package/src/multi-select/multi-select.d.ts +2 -0
- package/src/multi-select/multi-select.js +98 -43
- package/styles/_all.scss +3 -3
- package/styles/auto-complete/_bootstrap-dark-definition.scss +3 -3
- package/styles/auto-complete/_bootstrap4-definition.scss +11 -11
- package/styles/auto-complete/_fabric-dark-definition.scss +2 -2
- package/styles/auto-complete/_highcontrast-light-definition.scss +2 -2
- package/styles/auto-complete/_material-dark-definition.scss +2 -2
- package/styles/bootstrap-dark.css +67 -61
- package/styles/bootstrap.css +69 -63
- package/styles/bootstrap4.css +81 -61
- package/styles/combo-box/_bootstrap-dark-definition.scss +2 -2
- package/styles/combo-box/_bootstrap4-definition.scss +11 -11
- package/styles/combo-box/_fabric-dark-definition.scss +2 -2
- package/styles/combo-box/_highcontrast-light-definition.scss +3 -3
- package/styles/combo-box/_material-dark-definition.scss +2 -2
- package/styles/drop-down-base/_all.scss +2 -2
- package/styles/drop-down-base/_bootstrap-dark-definition.scss +64 -64
- package/styles/drop-down-base/_bootstrap-definition.scss +64 -64
- package/styles/drop-down-base/_bootstrap4-definition.scss +78 -78
- package/styles/drop-down-base/_definition.scss +23 -23
- package/styles/drop-down-base/_fabric-dark-definition.scss +68 -68
- package/styles/drop-down-base/_fabric-definition.scss +66 -66
- package/styles/drop-down-base/_highcontrast-definition.scss +82 -82
- package/styles/drop-down-base/_highcontrast-light-definition.scss +81 -81
- package/styles/drop-down-base/_layout.scss +108 -108
- package/styles/drop-down-base/_material-dark-definition.scss +67 -67
- package/styles/drop-down-base/_material-definition.scss +65 -65
- package/styles/drop-down-base/_theme.scss +242 -242
- package/styles/drop-down-list/_all.scss +2 -2
- package/styles/drop-down-list/_bootstrap-dark-definition.scss +157 -157
- package/styles/drop-down-list/_bootstrap-definition.scss +156 -156
- package/styles/drop-down-list/_bootstrap4-definition.scss +184 -184
- package/styles/drop-down-list/_fabric-dark-definition.scss +127 -127
- package/styles/drop-down-list/_fabric-definition.scss +122 -122
- package/styles/drop-down-list/_highcontrast-definition.scss +131 -131
- package/styles/drop-down-list/_highcontrast-light-definition.scss +133 -133
- package/styles/drop-down-list/_layout.scss +218 -218
- package/styles/drop-down-list/_material-dark-definition.scss +143 -143
- package/styles/drop-down-list/_material-definition.scss +166 -166
- package/styles/drop-down-list/_theme.scss +10 -10
- package/styles/drop-down-list/icons/_bootstrap-dark.scss +14 -14
- package/styles/drop-down-list/icons/_bootstrap.scss +14 -14
- package/styles/drop-down-list/icons/_bootstrap4.scss +14 -14
- package/styles/drop-down-list/icons/_fabric-dark.scss +14 -14
- package/styles/drop-down-list/icons/_fabric.scss +14 -14
- package/styles/drop-down-list/icons/_highcontrast-light.scss +14 -14
- package/styles/drop-down-list/icons/_highcontrast.scss +14 -14
- package/styles/drop-down-list/icons/_material-dark.scss +14 -14
- package/styles/drop-down-list/icons/_material.scss +14 -14
- package/styles/drop-down-list/material.css +9 -0
- package/styles/drop-down-tree/_all.scss +2 -2
- package/styles/drop-down-tree/_bootstrap-dark-definition.scss +62 -49
- package/styles/drop-down-tree/_bootstrap-definition.scss +62 -49
- package/styles/drop-down-tree/_bootstrap4-definition.scss +63 -50
- package/styles/drop-down-tree/_fabric-dark-definition.scss +63 -49
- package/styles/drop-down-tree/_fabric-definition.scss +63 -49
- package/styles/drop-down-tree/_highcontrast-definition.scss +63 -49
- package/styles/drop-down-tree/_highcontrast-light-definition.scss +63 -49
- package/styles/drop-down-tree/_layout.scss +437 -398
- package/styles/drop-down-tree/_material-dark-definition.scss +61 -54
- package/styles/drop-down-tree/_material-definition.scss +61 -54
- package/styles/drop-down-tree/_theme.scss +68 -63
- package/styles/drop-down-tree/bootstrap-dark.css +67 -61
- package/styles/drop-down-tree/bootstrap.css +69 -63
- package/styles/drop-down-tree/bootstrap4.css +81 -61
- package/styles/drop-down-tree/fabric-dark.css +71 -63
- package/styles/drop-down-tree/fabric.css +71 -63
- package/styles/drop-down-tree/highcontrast-light.css +71 -63
- package/styles/drop-down-tree/highcontrast.css +75 -63
- package/styles/drop-down-tree/icons/_bootstrap-dark.scss +11 -11
- package/styles/drop-down-tree/icons/_bootstrap.scss +11 -11
- package/styles/drop-down-tree/icons/_bootstrap4.scss +11 -11
- package/styles/drop-down-tree/icons/_fabric-dark.scss +11 -11
- package/styles/drop-down-tree/icons/_fabric.scss +11 -11
- package/styles/drop-down-tree/icons/_highcontrast-light.scss +11 -11
- package/styles/drop-down-tree/icons/_highcontrast.scss +11 -11
- package/styles/drop-down-tree/icons/_material-dark.scss +11 -11
- package/styles/drop-down-tree/icons/_material.scss +11 -11
- package/styles/drop-down-tree/material-dark.css +76 -85
- package/styles/drop-down-tree/material.css +93 -85
- package/styles/fabric-dark.css +71 -63
- package/styles/fabric.css +71 -63
- package/styles/highcontrast-light.css +71 -63
- package/styles/highcontrast.css +75 -63
- package/styles/list-box/_all.scss +2 -2
- package/styles/list-box/_bootstrap-dark-definition.scss +118 -118
- package/styles/list-box/_bootstrap-definition.scss +112 -112
- package/styles/list-box/_bootstrap4-definition.scss +118 -118
- package/styles/list-box/_fabric-dark-definition.scss +118 -118
- package/styles/list-box/_fabric-definition.scss +112 -112
- package/styles/list-box/_highcontrast-definition.scss +112 -112
- package/styles/list-box/_highcontrast-light-definition.scss +118 -118
- package/styles/list-box/_layout.scss +458 -458
- package/styles/list-box/_material-dark-definition.scss +118 -118
- package/styles/list-box/_material-definition.scss +112 -112
- package/styles/list-box/_theme.scss +273 -273
- package/styles/list-box/icons/_bootstrap-dark.scss +25 -25
- package/styles/list-box/icons/_bootstrap.scss +25 -25
- package/styles/list-box/icons/_bootstrap4.scss +25 -25
- package/styles/list-box/icons/_fabric-dark.scss +25 -25
- package/styles/list-box/icons/_fabric.scss +25 -25
- package/styles/list-box/icons/_highcontrast-light.scss +25 -25
- package/styles/list-box/icons/_highcontrast.scss +25 -25
- package/styles/list-box/icons/_material-dark.scss +25 -25
- package/styles/list-box/icons/_material.scss +25 -25
- package/styles/list-box/material-dark.css +4 -4
- package/styles/list-box/material.css +4 -4
- package/styles/material-dark.css +80 -89
- package/styles/material.css +115 -89
- package/styles/multi-select/_all.scss +2 -2
- package/styles/multi-select/_bootstrap-dark-definition.scss +171 -171
- package/styles/multi-select/_bootstrap-definition.scss +166 -166
- package/styles/multi-select/_bootstrap4-definition.scss +233 -233
- package/styles/multi-select/_fabric-dark-definition.scss +170 -170
- package/styles/multi-select/_fabric-definition.scss +167 -167
- package/styles/multi-select/_highcontrast-definition.scss +257 -257
- package/styles/multi-select/_highcontrast-light-definition.scss +258 -258
- package/styles/multi-select/_layout.scss +1153 -1153
- package/styles/multi-select/_material-dark-definition.scss +186 -186
- package/styles/multi-select/_material-definition.scss +191 -191
- package/styles/multi-select/_theme.scss +384 -384
- package/styles/multi-select/icons/_bootstrap-dark.scss +26 -26
- package/styles/multi-select/icons/_bootstrap.scss +26 -26
- package/styles/multi-select/icons/_bootstrap4.scss +37 -37
- package/styles/multi-select/icons/_fabric-dark.scss +26 -26
- package/styles/multi-select/icons/_fabric.scss +26 -26
- package/styles/multi-select/icons/_highcontrast-light.scss +26 -26
- package/styles/multi-select/icons/_highcontrast.scss +26 -26
- package/styles/multi-select/icons/_material-dark.scss +26 -26
- package/styles/multi-select/icons/_material.scss +324 -324
- package/styles/multi-select/material.css +9 -0
package/helpers/e2e/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
function __export(m) {
|
|
3
|
-
for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
|
|
4
|
-
}
|
|
2
|
+
function __export(m) {
|
|
3
|
+
for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
|
|
4
|
+
}
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
__export(require("./autocomplete"));
|
|
7
7
|
__export(require("./combobox"));
|
package/license
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
Licensing information is available in the following link
|
|
2
|
-
|
|
1
|
+
Licensing information is available in the following link
|
|
2
|
+
|
|
3
3
|
https://www.syncfusion.com/sales/licensing
|
package/package.json
CHANGED
|
@@ -1,77 +1,77 @@
|
|
|
1
|
-
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"_from": "@syncfusion/ej2-dropdowns@*",
|
|
3
|
+
"_id": "@syncfusion/ej2-dropdowns@17.4.50",
|
|
4
|
+
"_inBundle": false,
|
|
5
|
+
"_integrity": "sha512-oe5hULfSZhE9ck6C8rkYxq0xaLuZnpmqH+dZgG1arqCxYAZX0IDWkHtvTdNPpQo1v9je0GHrZfJ4zH01rY25bw==",
|
|
6
|
+
"_location": "/@syncfusion/ej2-dropdowns",
|
|
7
|
+
"_phantomChildren": {},
|
|
8
|
+
"_requested": {
|
|
9
|
+
"type": "range",
|
|
10
|
+
"registry": true,
|
|
11
|
+
"raw": "@syncfusion/ej2-dropdowns@*",
|
|
12
|
+
"name": "@syncfusion/ej2-dropdowns",
|
|
13
|
+
"escapedName": "@syncfusion%2fej2-dropdowns",
|
|
14
|
+
"scope": "@syncfusion",
|
|
15
|
+
"rawSpec": "*",
|
|
16
|
+
"saveSpec": null,
|
|
17
|
+
"fetchSpec": "*"
|
|
18
|
+
},
|
|
19
|
+
"_requiredBy": [
|
|
20
|
+
"/",
|
|
21
|
+
"/@syncfusion/ej2",
|
|
22
|
+
"/@syncfusion/ej2-angular-dropdowns",
|
|
23
|
+
"/@syncfusion/ej2-documenteditor",
|
|
24
|
+
"/@syncfusion/ej2-gantt",
|
|
25
|
+
"/@syncfusion/ej2-grids",
|
|
26
|
+
"/@syncfusion/ej2-inplace-editor",
|
|
27
|
+
"/@syncfusion/ej2-kanban",
|
|
28
|
+
"/@syncfusion/ej2-pdfviewer",
|
|
29
|
+
"/@syncfusion/ej2-pivotview",
|
|
30
|
+
"/@syncfusion/ej2-querybuilder",
|
|
31
|
+
"/@syncfusion/ej2-react-dropdowns",
|
|
32
|
+
"/@syncfusion/ej2-schedule",
|
|
33
|
+
"/@syncfusion/ej2-spreadsheet",
|
|
34
|
+
"/@syncfusion/ej2-vue-dropdowns"
|
|
35
|
+
],
|
|
36
|
+
"_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-17.4.50.tgz",
|
|
37
|
+
"_shasum": "2b830572ad74aa4381d586c7099c40f986f7e067",
|
|
38
|
+
"_spec": "@syncfusion/ej2-dropdowns@*",
|
|
39
|
+
"_where": "/jenkins/workspace/automation_release_18.1.0.1-52JLNOGRCDHXRVQM3W564VPLFCPHWUYDYU3I3DVRABSR7F6AIFYQ/packages/included",
|
|
40
|
+
"author": {
|
|
41
|
+
"name": "Syncfusion Inc."
|
|
42
|
+
},
|
|
43
|
+
"bundleDependencies": false,
|
|
44
|
+
"dependencies": {
|
|
45
|
+
"@syncfusion/ej2-base": "~18.2.44",
|
|
46
|
+
"@syncfusion/ej2-data": "~18.2.44",
|
|
47
|
+
"@syncfusion/ej2-inputs": "~18.2.44",
|
|
48
|
+
"@syncfusion/ej2-lists": "~18.2.44",
|
|
49
|
+
"@syncfusion/ej2-navigations": "~18.2.44",
|
|
50
|
+
"@syncfusion/ej2-popups": "~18.2.44"
|
|
51
|
+
},
|
|
52
|
+
"deprecated": false,
|
|
53
|
+
"description": "Essential JS 2 DropDown Components",
|
|
54
|
+
"devDependencies": {},
|
|
55
|
+
"es2015": "./dist/es6/ej2-dropdowns.es2015.js",
|
|
56
|
+
"keywords": [
|
|
57
|
+
"ej2",
|
|
58
|
+
"syncfusion",
|
|
59
|
+
"ej2-dropdown",
|
|
60
|
+
"dropdownlist",
|
|
61
|
+
"autocomplete",
|
|
62
|
+
"multiselect",
|
|
63
|
+
"combobox",
|
|
64
|
+
"select",
|
|
65
|
+
"ej2-dropdownlist",
|
|
66
|
+
"ej2-autocomplete",
|
|
67
|
+
"ej2-multiselect",
|
|
68
|
+
"ej2-combobox"
|
|
69
|
+
],
|
|
70
|
+
"license": "SEE LICENSE IN license",
|
|
71
|
+
"main": "./dist/ej2-dropdowns.umd.min.js",
|
|
72
|
+
"module": "./index.js",
|
|
73
|
+
"name": "@syncfusion/ej2-dropdowns",
|
|
74
|
+
"typings": "index.d.ts",
|
|
75
|
+
"version": "18.2.44-4569",
|
|
76
|
+
"sideEffects": false
|
|
77
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Property, EventHandler, KeyboardEventArgs, isNullOrUndefined, detach } from '@syncfusion/ej2-base';
|
|
1
|
+
import { Property, EventHandler, KeyboardEventArgs, isNullOrUndefined, detach } from '@syncfusion/ej2-base';
|
|
2
2
|
import {ComboBoxModel} from "../combo-box/combo-box-model";
|
|
3
3
|
|
|
4
4
|
/**
|
|
@@ -7,183 +7,183 @@ import {ComboBoxModel} from "../combo-box/combo-box-model";
|
|
|
7
7
|
export interface AutoCompleteModel extends ComboBoxModel{
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
|
-
* The `fields` property maps the columns of the data table and binds the data to the component.
|
|
11
|
-
* * text - Maps the text column from data table for each list item
|
|
12
|
-
* * value - Maps the value column from data table for each list item
|
|
13
|
-
* * iconCss - Maps the icon class column from data table for each list item
|
|
14
|
-
* * groupBy - Group the list items with it's related items by mapping groupBy field
|
|
15
|
-
*
|
|
16
|
-
* {% codeBlock src='autocomplete/fields/index.md' %}{% endcodeBlock %}
|
|
17
|
-
* > For more details about the field mapping refer to [`Data binding`](../../auto-complete/data-binding) documentation.
|
|
18
|
-
* @default { value: null, iconCss: null, groupBy: null}
|
|
19
|
-
|
|
20
|
-
*/
|
|
21
|
-
fields?: FieldSettingsModel;
|
|
22
|
-
|
|
23
|
-
/**
|
|
24
|
-
* When set to ‘false’, consider the [`case-sensitive`](../../auto-complete/filtering/#case-sensitive-filtering)
|
|
25
|
-
* on performing the search to find suggestions.
|
|
26
|
-
* By default consider the casing.
|
|
27
|
-
* @default true
|
|
28
|
-
|
|
29
|
-
*/
|
|
30
|
-
ignoreCase?: boolean;
|
|
31
|
-
|
|
32
|
-
/**
|
|
33
|
-
* Allows you to either show or hide the popup button on the component.
|
|
34
|
-
* @default false
|
|
35
|
-
*/
|
|
36
|
-
showPopupButton?: boolean;
|
|
37
|
-
|
|
38
|
-
/**
|
|
39
|
-
* When set to ‘true’, highlight the searched characters on suggested list items.
|
|
40
|
-
* > For more details about the highlight refer to [`Custom highlight search`](../../auto-complete/how-to/custom-search) documentation.
|
|
41
|
-
* @default false
|
|
42
|
-
*/
|
|
43
|
-
highlight?: boolean;
|
|
44
|
-
|
|
45
|
-
/**
|
|
46
|
-
* Supports the [`specified number`](../../auto-complete/filtering#filter-item-count)
|
|
47
|
-
* of list items on the suggestion popup.
|
|
48
|
-
* @default 20
|
|
49
|
-
* @blazorType int
|
|
50
|
-
*/
|
|
51
|
-
suggestionCount?: number;
|
|
52
|
-
|
|
53
|
-
/**
|
|
54
|
-
* Allows additional HTML attributes such as title, name, etc., and
|
|
55
|
-
* accepts n number of attributes in a key-value pair format.
|
|
56
|
-
*
|
|
57
|
-
* {% codeBlock src='autocomplete/htmlAttributes/index.md' %}{% endcodeBlock %}
|
|
58
|
-
* @default {}
|
|
59
|
-
|
|
60
|
-
*/
|
|
61
|
-
htmlAttributes?: { [key: string]: string; };
|
|
62
|
-
|
|
63
|
-
/**
|
|
64
|
-
* Accepts the external `query`
|
|
65
|
-
* that execute along with data processing.
|
|
66
|
-
*
|
|
67
|
-
* {% codeBlock src='autocomplete/query/index.md' %}{% endcodeBlock %}
|
|
68
|
-
* @default null
|
|
69
|
-
|
|
70
|
-
*/
|
|
71
|
-
query?: Query;
|
|
72
|
-
|
|
73
|
-
/**
|
|
74
|
-
* Allows you to set [`the minimum search character length']
|
|
75
|
-
* (../../auto-complete/filtering#limit-the-minimum-filter-character),
|
|
76
|
-
* the search action will perform after typed minimum characters.
|
|
77
|
-
* @default 1
|
|
78
|
-
* @blazorType int
|
|
79
|
-
*/
|
|
80
|
-
minLength?: number;
|
|
81
|
-
|
|
82
|
-
/**
|
|
83
|
-
* Determines on which filter type, the component needs to be considered on search action.
|
|
84
|
-
* The available [`FilterType`](../../auto-complete/filtering/#change-the-filter-type)
|
|
85
|
-
* and its supported data types are
|
|
86
|
-
*
|
|
87
|
-
* <table>
|
|
88
|
-
* <tr>
|
|
89
|
-
* <td colSpan=1 rowSpan=1>
|
|
90
|
-
* FilterType<br/></td><td colSpan=1 rowSpan=1>
|
|
91
|
-
* Description<br/></td><td colSpan=1 rowSpan=1>
|
|
92
|
-
* Supported Types<br/></td></tr>
|
|
93
|
-
* <tr>
|
|
94
|
-
* <td colSpan=1 rowSpan=1>
|
|
95
|
-
* StartsWith<br/></td><td colSpan=1 rowSpan=1>
|
|
96
|
-
* Checks whether a value begins with the specified value.<br/></td><td colSpan=1 rowSpan=1>
|
|
97
|
-
* String<br/></td></tr>
|
|
98
|
-
* <tr>
|
|
99
|
-
* <td colSpan=1 rowSpan=1>
|
|
100
|
-
* EndsWith<br/></td><td colSpan=1 rowSpan=1>
|
|
101
|
-
* Checks whether a value ends with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>
|
|
102
|
-
* <br/>String<br/></td></tr>
|
|
103
|
-
* <tr>
|
|
104
|
-
* <td colSpan=1 rowSpan=1>
|
|
105
|
-
* Contains<br/></td><td colSpan=1 rowSpan=1>
|
|
106
|
-
* Checks whether a value contains with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>
|
|
107
|
-
* <br/>String<br/></td></tr>
|
|
108
|
-
* </table>
|
|
109
|
-
*
|
|
110
|
-
* {% codeBlock src="autocomplete/filter-type-api/index.ts" %}{% endcodeBlock %}
|
|
111
|
-
*
|
|
112
|
-
* {% codeBlock src="autocomplete/filter-type-api/index.html" %}{% endcodeBlock %}
|
|
113
|
-
*
|
|
114
|
-
* The default value set to `Contains`, all the suggestion items which contain typed characters to listed in the suggestion popup.
|
|
115
|
-
* @default 'Contains'
|
|
116
|
-
* @blazorOverrideType override
|
|
117
|
-
*/
|
|
118
|
-
filterType?: FilterType;
|
|
119
|
-
|
|
120
|
-
/**
|
|
121
|
-
* Triggers on typing a character in the component.
|
|
122
|
-
* @event
|
|
123
|
-
* @blazorProperty 'Filtering'
|
|
124
|
-
*/
|
|
125
|
-
filtering?: EmitType<FilteringEventArgs>;
|
|
126
|
-
|
|
127
|
-
/**
|
|
128
|
-
* Not applicable to this component.
|
|
129
|
-
* @default null
|
|
130
|
-
* @private
|
|
131
|
-
* @blazorType int
|
|
132
|
-
* @isBlazorNullableType true
|
|
133
|
-
* @blazorDefaultValue
|
|
134
|
-
|
|
135
|
-
*/
|
|
136
|
-
index?: number;
|
|
137
|
-
|
|
138
|
-
/**
|
|
139
|
-
* Specifies whether to display the floating label above the input element.
|
|
140
|
-
* Possible values are:
|
|
141
|
-
* * Never: The label will never float in the input when the placeholder is available.
|
|
142
|
-
* * Always: The floating label will always float above the input.
|
|
143
|
-
* * Auto: The floating label will float above the input after focusing or entering a value in the input.
|
|
144
|
-
*
|
|
145
|
-
* {% codeBlock src="autocomplete/float-label-type-api/index.ts" %}{% endcodeBlock %}
|
|
146
|
-
*
|
|
147
|
-
* {% codeBlock src="autocomplete/float-label-type-api/index.html" %}{% endcodeBlock %}
|
|
148
|
-
*
|
|
149
|
-
* @default Syncfusion.EJ2.Inputs.FloatLabelType.Never
|
|
150
|
-
* @aspType Syncfusion.EJ2.Inputs.FloatLabelType
|
|
151
|
-
* @isEnumeration true
|
|
152
|
-
* @blazorType Syncfusion.Blazor.Inputs.FloatLabelType
|
|
153
|
-
|
|
154
|
-
*/
|
|
155
|
-
floatLabelType?: FloatLabelType;
|
|
156
|
-
|
|
157
|
-
/**
|
|
158
|
-
* Not applicable to this component.
|
|
159
|
-
* @default null
|
|
160
|
-
* @private
|
|
161
|
-
|
|
162
|
-
*/
|
|
163
|
-
valueTemplate?: string;
|
|
164
|
-
|
|
165
|
-
/**
|
|
166
|
-
* Not applicable to this component.
|
|
167
|
-
* @default null
|
|
168
|
-
* @private
|
|
169
|
-
|
|
170
|
-
*/
|
|
171
|
-
filterBarPlaceholder?: string;
|
|
172
|
-
|
|
173
|
-
/**
|
|
174
|
-
* Not applicable to this component.
|
|
175
|
-
* @default false
|
|
176
|
-
* @private
|
|
177
|
-
|
|
178
|
-
*/
|
|
179
|
-
allowFiltering?: boolean;
|
|
180
|
-
|
|
181
|
-
/**
|
|
182
|
-
* Not applicable to this component.
|
|
183
|
-
* @default null
|
|
184
|
-
* @private
|
|
185
|
-
|
|
186
|
-
*/
|
|
187
|
-
text?: string;
|
|
10
|
+
* The `fields` property maps the columns of the data table and binds the data to the component.
|
|
11
|
+
* * text - Maps the text column from data table for each list item
|
|
12
|
+
* * value - Maps the value column from data table for each list item
|
|
13
|
+
* * iconCss - Maps the icon class column from data table for each list item
|
|
14
|
+
* * groupBy - Group the list items with it's related items by mapping groupBy field
|
|
15
|
+
*
|
|
16
|
+
* {% codeBlock src='autocomplete/fields/index.md' %}{% endcodeBlock %}
|
|
17
|
+
* > For more details about the field mapping refer to [`Data binding`](../../auto-complete/data-binding) documentation.
|
|
18
|
+
* @default { value: null, iconCss: null, groupBy: null}
|
|
19
|
+
* @deprecated
|
|
20
|
+
*/
|
|
21
|
+
fields?: FieldSettingsModel;
|
|
22
|
+
|
|
23
|
+
/**
|
|
24
|
+
* When set to ‘false’, consider the [`case-sensitive`](../../auto-complete/filtering/#case-sensitive-filtering)
|
|
25
|
+
* on performing the search to find suggestions.
|
|
26
|
+
* By default consider the casing.
|
|
27
|
+
* @default true
|
|
28
|
+
* @deprecated
|
|
29
|
+
*/
|
|
30
|
+
ignoreCase?: boolean;
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* Allows you to either show or hide the popup button on the component.
|
|
34
|
+
* @default false
|
|
35
|
+
*/
|
|
36
|
+
showPopupButton?: boolean;
|
|
37
|
+
|
|
38
|
+
/**
|
|
39
|
+
* When set to ‘true’, highlight the searched characters on suggested list items.
|
|
40
|
+
* > For more details about the highlight refer to [`Custom highlight search`](../../auto-complete/how-to/custom-search) documentation.
|
|
41
|
+
* @default false
|
|
42
|
+
*/
|
|
43
|
+
highlight?: boolean;
|
|
44
|
+
|
|
45
|
+
/**
|
|
46
|
+
* Supports the [`specified number`](../../auto-complete/filtering#filter-item-count)
|
|
47
|
+
* of list items on the suggestion popup.
|
|
48
|
+
* @default 20
|
|
49
|
+
* @blazorType int
|
|
50
|
+
*/
|
|
51
|
+
suggestionCount?: number;
|
|
52
|
+
|
|
53
|
+
/**
|
|
54
|
+
* Allows additional HTML attributes such as title, name, etc., and
|
|
55
|
+
* accepts n number of attributes in a key-value pair format.
|
|
56
|
+
*
|
|
57
|
+
* {% codeBlock src='autocomplete/htmlAttributes/index.md' %}{% endcodeBlock %}
|
|
58
|
+
* @default {}
|
|
59
|
+
* @deprecated
|
|
60
|
+
*/
|
|
61
|
+
htmlAttributes?: { [key: string]: string; };
|
|
62
|
+
|
|
63
|
+
/**
|
|
64
|
+
* Accepts the external `query`
|
|
65
|
+
* that execute along with data processing.
|
|
66
|
+
*
|
|
67
|
+
* {% codeBlock src='autocomplete/query/index.md' %}{% endcodeBlock %}
|
|
68
|
+
* @default null
|
|
69
|
+
* @deprecated
|
|
70
|
+
*/
|
|
71
|
+
query?: Query;
|
|
72
|
+
|
|
73
|
+
/**
|
|
74
|
+
* Allows you to set [`the minimum search character length']
|
|
75
|
+
* (../../auto-complete/filtering#limit-the-minimum-filter-character),
|
|
76
|
+
* the search action will perform after typed minimum characters.
|
|
77
|
+
* @default 1
|
|
78
|
+
* @blazorType int
|
|
79
|
+
*/
|
|
80
|
+
minLength?: number;
|
|
81
|
+
|
|
82
|
+
/**
|
|
83
|
+
* Determines on which filter type, the component needs to be considered on search action.
|
|
84
|
+
* The available [`FilterType`](../../auto-complete/filtering/#change-the-filter-type)
|
|
85
|
+
* and its supported data types are
|
|
86
|
+
*
|
|
87
|
+
* <table>
|
|
88
|
+
* <tr>
|
|
89
|
+
* <td colSpan=1 rowSpan=1>
|
|
90
|
+
* FilterType<br/></td><td colSpan=1 rowSpan=1>
|
|
91
|
+
* Description<br/></td><td colSpan=1 rowSpan=1>
|
|
92
|
+
* Supported Types<br/></td></tr>
|
|
93
|
+
* <tr>
|
|
94
|
+
* <td colSpan=1 rowSpan=1>
|
|
95
|
+
* StartsWith<br/></td><td colSpan=1 rowSpan=1>
|
|
96
|
+
* Checks whether a value begins with the specified value.<br/></td><td colSpan=1 rowSpan=1>
|
|
97
|
+
* String<br/></td></tr>
|
|
98
|
+
* <tr>
|
|
99
|
+
* <td colSpan=1 rowSpan=1>
|
|
100
|
+
* EndsWith<br/></td><td colSpan=1 rowSpan=1>
|
|
101
|
+
* Checks whether a value ends with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>
|
|
102
|
+
* <br/>String<br/></td></tr>
|
|
103
|
+
* <tr>
|
|
104
|
+
* <td colSpan=1 rowSpan=1>
|
|
105
|
+
* Contains<br/></td><td colSpan=1 rowSpan=1>
|
|
106
|
+
* Checks whether a value contains with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>
|
|
107
|
+
* <br/>String<br/></td></tr>
|
|
108
|
+
* </table>
|
|
109
|
+
*
|
|
110
|
+
* {% codeBlock src="autocomplete/filter-type-api/index.ts" %}{% endcodeBlock %}
|
|
111
|
+
*
|
|
112
|
+
* {% codeBlock src="autocomplete/filter-type-api/index.html" %}{% endcodeBlock %}
|
|
113
|
+
*
|
|
114
|
+
* The default value set to `Contains`, all the suggestion items which contain typed characters to listed in the suggestion popup.
|
|
115
|
+
* @default 'Contains'
|
|
116
|
+
* @blazorOverrideType override
|
|
117
|
+
*/
|
|
118
|
+
filterType?: FilterType;
|
|
119
|
+
|
|
120
|
+
/**
|
|
121
|
+
* Triggers on typing a character in the component.
|
|
122
|
+
* @event
|
|
123
|
+
* @blazorProperty 'Filtering'
|
|
124
|
+
*/
|
|
125
|
+
filtering?: EmitType<FilteringEventArgs>;
|
|
126
|
+
|
|
127
|
+
/**
|
|
128
|
+
* Not applicable to this component.
|
|
129
|
+
* @default null
|
|
130
|
+
* @private
|
|
131
|
+
* @blazorType int
|
|
132
|
+
* @isBlazorNullableType true
|
|
133
|
+
* @blazorDefaultValue
|
|
134
|
+
* @deprecated
|
|
135
|
+
*/
|
|
136
|
+
index?: number;
|
|
137
|
+
|
|
138
|
+
/**
|
|
139
|
+
* Specifies whether to display the floating label above the input element.
|
|
140
|
+
* Possible values are:
|
|
141
|
+
* * Never: The label will never float in the input when the placeholder is available.
|
|
142
|
+
* * Always: The floating label will always float above the input.
|
|
143
|
+
* * Auto: The floating label will float above the input after focusing or entering a value in the input.
|
|
144
|
+
*
|
|
145
|
+
* {% codeBlock src="autocomplete/float-label-type-api/index.ts" %}{% endcodeBlock %}
|
|
146
|
+
*
|
|
147
|
+
* {% codeBlock src="autocomplete/float-label-type-api/index.html" %}{% endcodeBlock %}
|
|
148
|
+
*
|
|
149
|
+
* @default Syncfusion.EJ2.Inputs.FloatLabelType.Never
|
|
150
|
+
* @aspType Syncfusion.EJ2.Inputs.FloatLabelType
|
|
151
|
+
* @isEnumeration true
|
|
152
|
+
* @blazorType Syncfusion.Blazor.Inputs.FloatLabelType
|
|
153
|
+
* @deprecated
|
|
154
|
+
*/
|
|
155
|
+
floatLabelType?: FloatLabelType;
|
|
156
|
+
|
|
157
|
+
/**
|
|
158
|
+
* Not applicable to this component.
|
|
159
|
+
* @default null
|
|
160
|
+
* @private
|
|
161
|
+
* @deprecated
|
|
162
|
+
*/
|
|
163
|
+
valueTemplate?: string;
|
|
164
|
+
|
|
165
|
+
/**
|
|
166
|
+
* Not applicable to this component.
|
|
167
|
+
* @default null
|
|
168
|
+
* @private
|
|
169
|
+
* @deprecated
|
|
170
|
+
*/
|
|
171
|
+
filterBarPlaceholder?: string;
|
|
172
|
+
|
|
173
|
+
/**
|
|
174
|
+
* Not applicable to this component.
|
|
175
|
+
* @default false
|
|
176
|
+
* @private
|
|
177
|
+
* @deprecated
|
|
178
|
+
*/
|
|
179
|
+
allowFiltering?: boolean;
|
|
180
|
+
|
|
181
|
+
/**
|
|
182
|
+
* Not applicable to this component.
|
|
183
|
+
* @default null
|
|
184
|
+
* @private
|
|
185
|
+
* @deprecated
|
|
186
|
+
*/
|
|
187
|
+
text?: string;
|
|
188
188
|
|
|
189
189
|
}
|
|
@@ -30,7 +30,7 @@ export declare class AutoComplete extends ComboBox {
|
|
|
30
30
|
* {% codeBlock src='autocomplete/fields/index.md' %}{% endcodeBlock %}
|
|
31
31
|
* > For more details about the field mapping refer to [`Data binding`](../../auto-complete/data-binding) documentation.
|
|
32
32
|
* @default { value: null, iconCss: null, groupBy: null}
|
|
33
|
-
|
|
33
|
+
* @deprecated
|
|
34
34
|
*/
|
|
35
35
|
fields: FieldSettingsModel;
|
|
36
36
|
/**
|
|
@@ -38,7 +38,7 @@ export declare class AutoComplete extends ComboBox {
|
|
|
38
38
|
* on performing the search to find suggestions.
|
|
39
39
|
* By default consider the casing.
|
|
40
40
|
* @default true
|
|
41
|
-
|
|
41
|
+
* @deprecated
|
|
42
42
|
*/
|
|
43
43
|
ignoreCase: boolean;
|
|
44
44
|
/**
|
|
@@ -65,7 +65,7 @@ export declare class AutoComplete extends ComboBox {
|
|
|
65
65
|
*
|
|
66
66
|
* {% codeBlock src='autocomplete/htmlAttributes/index.md' %}{% endcodeBlock %}
|
|
67
67
|
* @default {}
|
|
68
|
-
|
|
68
|
+
* @deprecated
|
|
69
69
|
*/
|
|
70
70
|
htmlAttributes: {
|
|
71
71
|
[key: string]: string;
|
|
@@ -76,7 +76,7 @@ export declare class AutoComplete extends ComboBox {
|
|
|
76
76
|
*
|
|
77
77
|
* {% codeBlock src='autocomplete/query/index.md' %}{% endcodeBlock %}
|
|
78
78
|
* @default null
|
|
79
|
-
|
|
79
|
+
* @deprecated
|
|
80
80
|
*/
|
|
81
81
|
query: Query;
|
|
82
82
|
/**
|
|
@@ -137,7 +137,7 @@ export declare class AutoComplete extends ComboBox {
|
|
|
137
137
|
* @blazorType int
|
|
138
138
|
* @isBlazorNullableType true
|
|
139
139
|
* @blazorDefaultValue
|
|
140
|
-
|
|
140
|
+
* @deprecated
|
|
141
141
|
*/
|
|
142
142
|
index: number;
|
|
143
143
|
/**
|
|
@@ -155,35 +155,35 @@ export declare class AutoComplete extends ComboBox {
|
|
|
155
155
|
* @aspType Syncfusion.EJ2.Inputs.FloatLabelType
|
|
156
156
|
* @isEnumeration true
|
|
157
157
|
* @blazorType Syncfusion.Blazor.Inputs.FloatLabelType
|
|
158
|
-
|
|
158
|
+
* @deprecated
|
|
159
159
|
*/
|
|
160
160
|
floatLabelType: FloatLabelType;
|
|
161
161
|
/**
|
|
162
162
|
* Not applicable to this component.
|
|
163
163
|
* @default null
|
|
164
164
|
* @private
|
|
165
|
-
|
|
165
|
+
* @deprecated
|
|
166
166
|
*/
|
|
167
167
|
valueTemplate: string;
|
|
168
168
|
/**
|
|
169
169
|
* Not applicable to this component.
|
|
170
170
|
* @default null
|
|
171
171
|
* @private
|
|
172
|
-
|
|
172
|
+
* @deprecated
|
|
173
173
|
*/
|
|
174
174
|
filterBarPlaceholder: string;
|
|
175
175
|
/**
|
|
176
176
|
* Not applicable to this component.
|
|
177
177
|
* @default false
|
|
178
178
|
* @private
|
|
179
|
-
|
|
179
|
+
* @deprecated
|
|
180
180
|
*/
|
|
181
181
|
allowFiltering: boolean;
|
|
182
182
|
/**
|
|
183
183
|
* Not applicable to this component.
|
|
184
184
|
* @default null
|
|
185
185
|
* @private
|
|
186
|
-
|
|
186
|
+
* @deprecated
|
|
187
187
|
*/
|
|
188
188
|
text: string;
|
|
189
189
|
/**
|
|
@@ -205,7 +205,7 @@ export declare class AutoComplete extends ComboBox {
|
|
|
205
205
|
* @param {Query} query - Specify the query to filter the data.
|
|
206
206
|
* @param {FieldSettingsModel} fields - Specify the fields to map the column in the data table.
|
|
207
207
|
* @return {void}.
|
|
208
|
-
|
|
208
|
+
* @deprecated
|
|
209
209
|
*/
|
|
210
210
|
filter(dataSource: {
|
|
211
211
|
[key: string]: Object;
|
|
@@ -228,7 +228,7 @@ export declare class AutoComplete extends ComboBox {
|
|
|
228
228
|
/**
|
|
229
229
|
* Search the entered text and show it in the suggestion list if available.
|
|
230
230
|
* @returns void.
|
|
231
|
-
|
|
231
|
+
* @deprecated
|
|
232
232
|
*/
|
|
233
233
|
showPopup(): void;
|
|
234
234
|
/**
|