@syncfusion/ej2-dropdowns 20.3.59 → 20.4.38

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.
Files changed (61) hide show
  1. package/CHANGELOG.md +2 -36
  2. package/dist/ej2-dropdowns.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +527 -336
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +520 -324
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +2 -2
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +11 -11
  13. package/src/auto-complete/auto-complete-model.d.ts +1 -0
  14. package/src/auto-complete/auto-complete.d.ts +4 -3
  15. package/src/auto-complete/auto-complete.js +6 -4
  16. package/src/combo-box/combo-box.d.ts +4 -4
  17. package/src/combo-box/combo-box.js +18 -12
  18. package/src/common/incremental-search.d.ts +3 -4
  19. package/src/common/incremental-search.js +22 -7
  20. package/src/drop-down-base/drop-down-base-model.d.ts +0 -18
  21. package/src/drop-down-base/drop-down-base.d.ts +1 -23
  22. package/src/drop-down-base/drop-down-base.js +43 -38
  23. package/src/drop-down-list/drop-down-list-model.d.ts +18 -0
  24. package/src/drop-down-list/drop-down-list.d.ts +25 -3
  25. package/src/drop-down-list/drop-down-list.js +100 -46
  26. package/src/drop-down-tree/drop-down-tree-model.d.ts +15 -1
  27. package/src/drop-down-tree/drop-down-tree.d.ts +13 -1
  28. package/src/drop-down-tree/drop-down-tree.js +22 -5
  29. package/src/list-box/list-box-model.d.ts +18 -0
  30. package/src/list-box/list-box.d.ts +22 -0
  31. package/src/list-box/list-box.js +27 -14
  32. package/src/mention/mention-model.d.ts +2 -2
  33. package/src/mention/mention.d.ts +4 -1
  34. package/src/mention/mention.js +66 -27
  35. package/src/multi-select/checkbox-selection.js +10 -8
  36. package/src/multi-select/multi-select.d.ts +4 -4
  37. package/src/multi-select/multi-select.js +207 -160
  38. package/styles/bootstrap5-dark.css +2 -2
  39. package/styles/bootstrap5.css +2 -2
  40. package/styles/drop-down-base/_bootstrap-dark-definition.scss +1 -0
  41. package/styles/drop-down-base/_bootstrap-definition.scss +1 -0
  42. package/styles/drop-down-base/_bootstrap4-definition.scss +1 -0
  43. package/styles/drop-down-base/_bootstrap5-definition.scss +1 -0
  44. package/styles/drop-down-base/_fabric-dark-definition.scss +1 -0
  45. package/styles/drop-down-base/_fabric-definition.scss +1 -0
  46. package/styles/drop-down-base/_fluent-definition.scss +1 -0
  47. package/styles/drop-down-base/_fusionnew-definition.scss +1 -0
  48. package/styles/drop-down-base/_highcontrast-definition.scss +1 -0
  49. package/styles/drop-down-base/_highcontrast-light-definition.scss +1 -0
  50. package/styles/drop-down-base/_layout.scss +1 -1
  51. package/styles/drop-down-base/_material-dark-definition.scss +1 -0
  52. package/styles/drop-down-base/_material-definition.scss +1 -0
  53. package/styles/drop-down-base/_material3-definition.scss +1 -0
  54. package/styles/drop-down-base/_tailwind-definition.scss +1 -0
  55. package/styles/drop-down-base/material-dark.css +1 -1
  56. package/styles/drop-down-tree/_layout.scss +3 -3
  57. package/styles/drop-down-tree/bootstrap5-dark.css +2 -2
  58. package/styles/drop-down-tree/bootstrap5.css +2 -2
  59. package/styles/material-dark.css +1 -1
  60. package/.eslintrc.json +0 -244
  61. package/tslint.json +0 -111
@@ -56,6 +56,7 @@ $ddl-list-header-border-color: $border-light !default;
56
56
  $ddl-nodata-font-color: $content-text-color !default;
57
57
  $ddl-list-default-font-color: $content-text-color !default;
58
58
  $ddl-list-active-border-color: $content-bg-color !default;
59
+ $mention-popup-bg-color: $content-bg-color !default;
59
60
  $ddl-list-active-font-color: $content-text-color-selected !default;
60
61
  $mention-active-font-color: $primary !default;
61
62
  $ddl-list-active-bg-color: $content-bg-color-selected !default;
@@ -20,6 +20,7 @@ $ddl-list-tap-color: transparent !default;
20
20
  $ddl-list-header-border-color: 1px $border-default !default;
21
21
  $ddl-list-default-font-color: $content-font !default;
22
22
  $ddl-list-active-border-color: $selection-border !default;
23
+ $mention-popup-bg-color: $selection-border !default;
23
24
  $ddl-list-active-font-color: $selection-font !default;
24
25
  $mention-active-font-color: $selection-bg !default;
25
26
  $ddl-list-active-bg-color: $selection-bg !default;
@@ -21,6 +21,7 @@ $ddl-list-tap-color: transparent !default;
21
21
  $ddl-list-header-border-color: 1px $border-default !default;
22
22
  $ddl-list-default-font-color: $content-font !default;
23
23
  $ddl-list-active-border-color: $selection-border !default;
24
+ $mention-popup-bg-color: $selection-border !default;
24
25
  $ddl-list-active-font-color: $selection-font !default;
25
26
  $mention-active-font-color: $selection-bg !default;
26
27
  $ddl-list-active-bg-color: $selection-bg !default;
@@ -80,7 +80,7 @@
80
80
  }
81
81
 
82
82
  .e-mention.e-popup {
83
- background: $ddl-list-active-border-color;
83
+ background: $mention-popup-bg-color;
84
84
  border: 0;
85
85
  box-shadow: 0 2px 3px 1px $mention-list-box-shadow-color;
86
86
  margin-top: 2px;
@@ -20,6 +20,7 @@ $ddl-list-header-border-color: $grey-700 !default;
20
20
  $ddl-nodata-font-color: rgba($grey-dark-font, .7) !default;
21
21
  $ddl-list-default-font-color: $grey-dark-font !default;
22
22
  $ddl-list-active-border-color: rgba($grey-white, .18) !default;
23
+ $mention-popup-bg-color: rgba($grey-light-font, .9) !default;
23
24
  $ddl-list-active-font-color: $accent !default;
24
25
  $mention-active-font-color: $accent !default;
25
26
  $ddl-list-active-bg-color: rgba($grey-white, .05) !default;
@@ -20,6 +20,7 @@ $ddl-list-header-border-color: $grey-black !default;
20
20
  $ddl-nodata-font-color: $grey-black !default;
21
21
  $ddl-list-default-font-color: rgba($grey-light-font, .87) !default;
22
22
  $ddl-list-active-border-color: $grey-white !default;
23
+ $mention-popup-bg-color: $grey-white !default;
23
24
  $ddl-list-active-font-color: $accent !default;
24
25
  $mention-active-font-color: $accent !default;
25
26
  $ddl-list-active-bg-color: $grey-200 !default;
@@ -56,6 +56,7 @@ $ddl-list-header-border-color: $border-light !default;
56
56
  $ddl-nodata-font-color: $content-text-color !default;
57
57
  $ddl-list-default-font-color: $content-text-color !default;
58
58
  $ddl-list-active-border-color: $content-bg-color !default;
59
+ $mention-popup-bg-color: $content-bg-color !default;
59
60
  $ddl-list-active-font-color: $content-text-color-selected !default;
60
61
  $mention-active-font-color: $primary !default;
61
62
  $ddl-list-active-bg-color: $content-bg-color-selected !default;
@@ -58,6 +58,7 @@ $ddl-list-header-border-color: $border-light !default;
58
58
  $ddl-nodata-font-color: $content-text-color !default;
59
59
  $ddl-list-default-font-color: $content-text-color !default;
60
60
  $ddl-list-active-border-color: $content-bg-color !default;
61
+ $mention-popup-bg-color: $content-bg-color !default;
61
62
  $ddl-list-active-font-color: $content-text-color-selected !default;
62
63
  $mention-active-font-color: $primary !default;
63
64
  $ddl-list-active-bg-color: $content-bg-color-selected !default;
@@ -88,7 +88,7 @@
88
88
  }
89
89
 
90
90
  .e-mention.e-popup {
91
- background: rgba(255, 255, 255, 0.18);
91
+ background: rgba(0, 0, 0, 0.9);
92
92
  border: 0;
93
93
  box-shadow: 0 2px 3px 1px 0 2px 3px 1px rgba(0, 0, 0, 0.21);
94
94
  margin-top: 2px;
@@ -435,9 +435,9 @@
435
435
  }
436
436
  box-shadow: $ddt-box-shadow;
437
437
  position: absolute;
438
-
438
+
439
439
  .e-active .e-checkbox-wrapper {
440
- .e-frame:not(.e-check) {
440
+ .e-frame:not(.e-check):not(.e-stop) {
441
441
  @if$ddt-skin-name == 'bootstrap5' {
442
442
  background-color: $ddt-readonly-input-bg-color;
443
443
  }
@@ -445,7 +445,7 @@
445
445
  }
446
446
 
447
447
  .e-checkbox-wrapper {
448
- .e-frame:not(.e-check) {
448
+ .e-frame:not(.e-check):not(.e-stop) {
449
449
  @if$ddt-skin-name == 'bootstrap5' {
450
450
  background-color: transparent;
451
451
  }
@@ -207,10 +207,10 @@
207
207
  box-shadow: none;
208
208
  position: absolute;
209
209
  }
210
- .e-ddt.e-popup .e-active .e-checkbox-wrapper .e-frame:not(.e-check) {
210
+ .e-ddt.e-popup .e-active .e-checkbox-wrapper .e-frame:not(.e-check):not(.e-stop) {
211
211
  background-color: #212529;
212
212
  }
213
- .e-ddt.e-popup .e-checkbox-wrapper .e-frame:not(.e-check) {
213
+ .e-ddt.e-popup .e-checkbox-wrapper .e-frame:not(.e-check):not(.e-stop) {
214
214
  background-color: transparent;
215
215
  }
216
216
  .e-ddt.e-popup .e-selectall-parent {
@@ -207,10 +207,10 @@
207
207
  box-shadow: none;
208
208
  position: absolute;
209
209
  }
210
- .e-ddt.e-popup .e-active .e-checkbox-wrapper .e-frame:not(.e-check) {
210
+ .e-ddt.e-popup .e-active .e-checkbox-wrapper .e-frame:not(.e-check):not(.e-stop) {
211
211
  background-color: #fff;
212
212
  }
213
- .e-ddt.e-popup .e-checkbox-wrapper .e-frame:not(.e-check) {
213
+ .e-ddt.e-popup .e-checkbox-wrapper .e-frame:not(.e-check):not(.e-stop) {
214
214
  background-color: transparent;
215
215
  }
216
216
  .e-ddt.e-popup .e-selectall-parent {
@@ -88,7 +88,7 @@
88
88
  }
89
89
 
90
90
  .e-mention.e-popup {
91
- background: rgba(255, 255, 255, 0.18);
91
+ background: rgba(0, 0, 0, 0.9);
92
92
  border: 0;
93
93
  box-shadow: 0 2px 3px 1px 0 2px 3px 1px rgba(0, 0, 0, 0.21);
94
94
  margin-top: 2px;
package/.eslintrc.json DELETED
@@ -1,244 +0,0 @@
1
- {
2
- "env": {
3
- "browser": true,
4
- "es2021": true
5
- },
6
- "extends": [
7
- "eslint:recommended",
8
- "plugin:@typescript-eslint/recommended",
9
- "plugin:jsdoc/recommended"
10
- ],
11
- "parser": "@typescript-eslint/parser",
12
- "parserOptions": {
13
- "ecmaFeatures": { "js": true },
14
- "ecmaVersion": 2018,
15
- "project": "./tsconfig.json",
16
- "sourceType": "module"
17
- },
18
- "plugins": [
19
- "@typescript-eslint",
20
- "@typescript-eslint/tslint",
21
- "jsdoc"
22
- ],
23
- "rules": {
24
- "use-isnan": "error",
25
- "@typescript-eslint/no-inferrable-types": "off",
26
- "@typescript-eslint/ban-types": ["warn", {
27
- "types": {
28
- "Object": false,
29
- "object": false,
30
- "{}": false,
31
- "Function": false
32
- }
33
- }],
34
- "jsdoc/check-tag-names": 0,
35
- "@typescript-eslint/tslint/config": [
36
- "error",
37
- {
38
- "rules": {
39
- "ban": true,
40
- "chai-vague-errors": true,
41
- "max-func-body-length": [
42
- true,
43
- 120,
44
- {
45
- "ignore-parameters-to-function-regex": "describe"
46
- }
47
- ],
48
- "missing-jsdoc": true,
49
- "no-backbone-get-set-outside-model": false,
50
- "no-cookies": false,
51
- "no-delete-expression": false,
52
- "no-disable-auto-sanitization": true,
53
- "no-duplicate-case": true,
54
- "no-duplicate-parameter-names": true,
55
- "no-empty-interfaces": false,
56
- "no-exec-script": true,
57
- "no-function-expression": false,
58
- "no-multiple-var-decl": false,
59
- "no-string-based-set-immediate": false,
60
- "no-string-based-set-interval": false,
61
- "no-unnecessary-bind": false,
62
- "no-unused-imports": true,
63
- "no-with-statement": false,
64
- "prefer-array-literal": false,
65
- "typedef": [
66
- true,
67
- "call-signature",
68
- "parameter",
69
- "property-declaration",
70
- "variable-declaration",
71
- "arrow-parameter",
72
- "member-variable-declaration"
73
- ],
74
- "use-named-parameter": false,
75
- "valid-typeof": true,
76
- "whitespace": [
77
- true,
78
- "check-branch",
79
- "check-decl",
80
- "check-operator",
81
- "check-separator",
82
- "check-type"
83
- ]
84
- }
85
- }
86
- ],
87
- "no-control-regex": "error",
88
- "no-constant-condition": "error",
89
- "no-invalid-regexp": "error",
90
- "curly": "error",
91
- "eol-last": [
92
- "error",
93
- "always"
94
- ],
95
- "guard-for-in": "error",
96
- "no-labels": "error",
97
- "max-len": [
98
- "error",
99
- {
100
- "code": 140,
101
- "tabWidth": 4,
102
- "ignoreComments": true,
103
- "ignoreStrings": true,
104
- "ignoreTemplateLiterals": true,
105
- "ignoreRegExpLiterals": true
106
- }
107
- ],
108
- "no-console": [
109
- "error",
110
- {
111
- "allow": [
112
- "warn",
113
- "dir",
114
- "timeLog",
115
- "assert",
116
- "clear",
117
- "count",
118
- "countReset",
119
- "group",
120
- "groupEnd",
121
- "table",
122
- "dirxml",
123
- "error",
124
- "groupCollapsed",
125
- "Console",
126
- "profile",
127
- "profileEnd",
128
- "timeStamp",
129
- "context"
130
- ]
131
- }
132
- ],
133
- "no-redeclare": [
134
- "error",
135
- {
136
- "builtinGlobals": true
137
- }
138
- ],
139
- "@typescript-eslint/no-parameter-properties": "error",
140
- "@typescript-eslint/indent": [
141
- "error",
142
- 4,
143
- {
144
- "CallExpression": {
145
- "arguments": "first"
146
- },
147
- "FunctionDeclaration": {
148
- "parameters": "first"
149
- },
150
- "FunctionExpression": {
151
- "parameters": "first"
152
- }
153
- }
154
- ],
155
- "no-debugger": "error",
156
- "no-eval": "error",
157
- "no-extra-semi": "error",
158
- "no-throw-literal": "error",
159
- "no-fallthrough": "error",
160
- "comma-dangle": [
161
- "error",
162
- "never"
163
- ],
164
- "no-trailing-spaces": "error",
165
- "@typescript-eslint/no-unused-expressions": "error",
166
- "@typescript-eslint/no-var-requires": "error",
167
- "one-var": [
168
- "error",
169
- "never"
170
- ],
171
- "@typescript-eslint/no-explicit-any": "error",
172
- "no-cond-assign": [
173
- "error",
174
- "always"
175
- ],
176
- "@typescript-eslint/consistent-type-assertions": "off",
177
- "jsdoc/check-alignment": "error",
178
- "no-empty": "error",
179
- "quotes": [
180
- "error",
181
- "single"
182
- ],
183
- "semi": [
184
- "error",
185
- "always"
186
- ],
187
- "eqeqeq": [
188
- "error",
189
- "smart"
190
- ],
191
- "valid-typeof": [
192
- "error",
193
- {
194
- "requireStringLiterals": true
195
- }
196
- ],
197
- "camelcase": [
198
- "error",
199
- {
200
- "properties": "always",
201
- "ignoreDestructuring": true,
202
- "ignoreImports": true
203
- }
204
- ],
205
- "no-irregular-whitespace": [
206
- "error",
207
- {
208
- "skipStrings": true,
209
- "skipComments": true,
210
- "skipRegExps": true,
211
- "skipTemplates": true
212
- }
213
- ],
214
- "valid-jsdoc": [
215
- "error",
216
- {
217
- "prefer": {
218
- "arg": "param",
219
- "argument": "param",
220
- "class": "constructor",
221
- "return": "returns",
222
- "virtual": "abstract"
223
- }
224
- }
225
- ],
226
- "no-var": "error",
227
- "radix": "error"
228
- },
229
- "reportUnusedDisableDirectives": true,
230
- "overrides": [
231
- {
232
- "files": [
233
- "node_modules",
234
- "dist",
235
- "public",
236
- "coverage",
237
- "test-report"
238
- ],
239
- "rules": {
240
- "no-unused-expressions": "off"
241
- }
242
- }
243
- ]
244
- }
package/tslint.json DELETED
@@ -1,111 +0,0 @@
1
- {
2
- "rules": {
3
- "chai-vague-errors": true,
4
- "use-isnan": true,
5
- "missing-jsdoc": true,
6
- "missing-optional-annotation": true,
7
- "no-backbone-get-set-outside-model": true,
8
- "no-banned-terms": true,
9
- "no-constant-condition": true,
10
- "no-control-regex": true,
11
- "no-cookies": true,
12
- "no-delete-expression": true,
13
- "no-document-write": true,
14
- "no-document-domain": true,
15
- "no-disable-auto-sanitization": true,
16
- "no-duplicate-case": true,
17
- "no-duplicate-parameter-names": true,
18
- "no-empty-interfaces": true,
19
- "no-exec-script": true,
20
- "no-function-constructor-with-string-args": true,
21
- "no-function-expression": true,
22
- "no-invalid-regexp": true,
23
- "no-for-in": true,
24
- "member-access": true,
25
- "no-multiline-string": true,
26
- "no-multiple-var-decl": true,
27
- "no-unnecessary-bind": true,
28
- "no-unnecessary-semicolons": true,
29
- "no-octal-literal": true,
30
- "no-regex-spaces": true,
31
- "no-sparse-arrays": true,
32
- "no-string-based-set-immediate": true,
33
- "no-string-based-set-interval": true,
34
- "no-unused-imports": true,
35
- "no-with-statement": true,
36
- "prefer-array-literal": true,
37
- "promise-must-complete": false,
38
- "react-no-dangerous-html": true,
39
- "use-named-parameter": true,
40
- "valid-typeof": true,
41
- "max-func-body-length": [true, 100, {
42
- "ignore-parameters-to-function-regex": "describe"
43
- }],
44
- "class-name": true,
45
- "curly": true,
46
- "eofline": false,
47
- "forin": true,
48
- "indent": [
49
- true,
50
- "spaces"
51
- ],
52
- "label-position": true,
53
- "max-line-length": [true, 140],
54
- "no-arg": true,
55
- "no-console": [true,
56
- "debug",
57
- "info",
58
- "log",
59
- "time",
60
- "timeEnd",
61
- "trace"
62
- ],
63
- "no-construct": true,
64
- "no-parameter-properties": true,
65
- "no-debugger": true,
66
- "no-duplicate-variable": true,
67
- "no-empty": true,
68
- "no-eval": true,
69
- "no-string-literal": true,
70
- "no-switch-case-fall-through": true,
71
- "trailing-comma": true,
72
- "no-trailing-whitespace": true,
73
- "no-unused-expression": true,
74
- "no-use-before-declare": false,
75
- "no-var-requires": true,
76
- "one-line": [true,
77
- "check-open-brace",
78
- "check-catch",
79
- "check-else",
80
- "check-whitespace"
81
- ],
82
- "no-any": true,
83
- "no-conditional-assignment": true,
84
- "no-angle-bracket-type-assertion": false,
85
- "align": [true, "parameters", "arguments", "statements"],
86
- "no-empty-line-after-opening-brace": false,
87
- "typedef-whitespace": [false],
88
- "ban": true,
89
- "quotemark": [true, "single"],
90
- "semicolon": true,
91
- "triple-equals": [true, "allow-null-check"],
92
- "typedef": [true,
93
- "call-signature",
94
- "parameter",
95
- "property-declaration",
96
- "variable-declaration",
97
- "arrow-parameter",
98
- "member-variable-declaration"],
99
- "variable-name": true,
100
- "whitespace": [true,
101
- "check-branch",
102
- "check-decl",
103
- "check-operator",
104
- "check-separator",
105
- "check-type"
106
- ],
107
- "jsdoc-format": true,
108
- "no-var-keyword": true,
109
- "radix": true
110
- }
111
- }