@syncfusion/ej2-angular-dropdowns 20.3.60 → 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 (55) hide show
  1. package/package.json +8 -8
  2. package/schematics/utils/lib-details.d.ts +2 -2
  3. package/schematics/utils/lib-details.js +2 -2
  4. package/schematics/utils/lib-details.ts +2 -2
  5. package/styles/bootstrap-dark.css +0 -8
  6. package/styles/bootstrap.css +0 -8
  7. package/styles/bootstrap4.css +11 -20
  8. package/styles/bootstrap5-dark.css +1 -12
  9. package/styles/bootstrap5.css +1 -12
  10. package/styles/drop-down-base/_fabric-definition.scss +1 -1
  11. package/styles/drop-down-base/fabric.css +1 -1
  12. package/styles/drop-down-tree/_layout.scss +1 -9
  13. package/styles/drop-down-tree/bootstrap5-dark.css +1 -4
  14. package/styles/drop-down-tree/bootstrap5.css +1 -4
  15. package/styles/fabric-dark.css +8 -16
  16. package/styles/fabric.css +9 -17
  17. package/styles/fluent-dark.css +1 -9
  18. package/styles/fluent.css +1 -9
  19. package/styles/highcontrast-light.css +0 -8
  20. package/styles/highcontrast.css +9 -17
  21. package/styles/material-dark.css +0 -8
  22. package/styles/material.css +0 -8
  23. package/styles/multi-select/_bootstrap-dark-definition.scss +0 -6
  24. package/styles/multi-select/_bootstrap-definition.scss +0 -6
  25. package/styles/multi-select/_bootstrap4-definition.scss +7 -14
  26. package/styles/multi-select/_bootstrap5-definition.scss +0 -7
  27. package/styles/multi-select/_fabric-dark-definition.scss +4 -10
  28. package/styles/multi-select/_fabric-definition.scss +4 -10
  29. package/styles/multi-select/_fluent-definition.scss +1 -8
  30. package/styles/multi-select/_fusionnew-definition.scss +0 -7
  31. package/styles/multi-select/_highcontrast-definition.scss +5 -11
  32. package/styles/multi-select/_highcontrast-light-definition.scss +0 -6
  33. package/styles/multi-select/_layout.scss +5 -12
  34. package/styles/multi-select/_material-dark-definition.scss +0 -6
  35. package/styles/multi-select/_material-definition.scss +0 -6
  36. package/styles/multi-select/_material3-definition.scss +0 -7
  37. package/styles/multi-select/_tailwind-definition.scss +0 -7
  38. package/styles/multi-select/_theme.scss +0 -4
  39. package/styles/multi-select/bootstrap-dark.css +0 -8
  40. package/styles/multi-select/bootstrap.css +0 -8
  41. package/styles/multi-select/bootstrap4.css +11 -20
  42. package/styles/multi-select/bootstrap5-dark.css +0 -8
  43. package/styles/multi-select/bootstrap5.css +0 -8
  44. package/styles/multi-select/fabric-dark.css +8 -16
  45. package/styles/multi-select/fabric.css +8 -16
  46. package/styles/multi-select/fluent-dark.css +1 -9
  47. package/styles/multi-select/fluent.css +1 -9
  48. package/styles/multi-select/highcontrast-light.css +0 -8
  49. package/styles/multi-select/highcontrast.css +9 -17
  50. package/styles/multi-select/material-dark.css +0 -8
  51. package/styles/multi-select/material.css +0 -8
  52. package/styles/multi-select/tailwind-dark.css +0 -8
  53. package/styles/multi-select/tailwind.css +0 -8
  54. package/styles/tailwind-dark.css +0 -8
  55. package/styles/tailwind.css +0 -8
package/styles/material-dark.css CHANGED
@@ -2347,10 +2347,6 @@ ejs-dropdownlist {
2347
2347
  width: 16px;
2348
2348
  }
2349
2349
 
2350
- .e-rtl .e-multi-select-wrapper .e-chips-close {
2351
- margin: 0 0 0;
2352
- }
2353
-
2354
2350
  .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
2355
2351
  margin: 3px 0 0;
2356
2352
  }
@@ -3743,10 +3739,6 @@ ejs-multiselect {
3743
3739
  left: 6px;
3744
3740
  }
3745
3741
 
3746
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
3747
- left: 6px;
3748
- }
3749
-
3750
3742
  .e-bigger.e-small .e-multi-select-wrapper .e-chips {
3751
3743
  height: 24px;
3752
3744
  }
package/styles/material.css CHANGED
@@ -2404,10 +2404,6 @@ ejs-dropdownlist {
2404
2404
  width: 16px;
2405
2405
  }
2406
2406
 
2407
- .e-rtl .e-multi-select-wrapper .e-chips-close {
2408
- margin: 0 0 0;
2409
- }
2410
-
2411
2407
  .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
2412
2408
  margin: 3px 0 0;
2413
2409
  }
@@ -3800,10 +3796,6 @@ ejs-multiselect {
3800
3796
  left: 6px;
3801
3797
  }
3802
3798
 
3803
- .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
3804
- left: 6px;
3805
- }
3806
-
3807
3799
  .e-bigger.e-small .e-multi-select-wrapper .e-chips {
3808
3800
  height: 22px;
3809
3801
  }
package/styles/multi-select/_bootstrap-dark-definition.scss CHANGED
@@ -38,9 +38,7 @@ $ddl-closer-margin-top-bigger: -4em !default;
38
38
  $ddl-chip-close-top: 9px !default;
39
39
  $ddl-chip-close-left: 10px !default;
40
40
  $ddl-chip-close-margin: 0 0 0 !default;
41
- $ddl-chip-close-rtl-margin: 0 0 0 !default;
42
41
  $ddl-chip-close-square: 30px !default;
43
- $ddl-chip-close-width: 30px !default;
44
42
  $ddl-chip-close-font: 10px !default;
45
43
  $ddl-chip-height: 28px !default;
46
44
  $ddl-chip-mobile-height: 32px !default;
@@ -55,7 +53,6 @@ $ddl-delimviewheight: 32px !default;
55
53
  $ddl-closer-hooker-font: 10px !default;
56
54
  $ddl-closer-hooker-color: $grey-dark-font !default;
57
55
  $ddl-chip-hooker-square: 40px !default;
58
- $ddl-chip-hooker-width: 40px !default;
59
56
  $ddl-sel-hover-chip-bg-color: $grey-99 !default;
60
57
  $ddl-sel-chip-hover-font-color: $grey-dark-font !default;
61
58
  $ddl-chip-hooker-right: 0 !default;
@@ -139,14 +136,12 @@ $ddl-select-all-height-small: 22px !default;
139
136
  $ddl-small-chip-height: 22px !default;
140
137
  $ddl-chip-small-font-size: 13px !default;
141
138
  $ddl-small-chip-close-square: 24px !default;
142
- $ddl-small-chip-close-width: 24px !default;
143
139
  $ddl-small-chip-close-font: 8px !default;
144
140
  $ddl-control-small-height: 24px !default;
145
141
  $ddl-small-input-height: 26px !default;
146
142
  $ddl-delim-small-font-size: 13px !default;
147
143
  $ddl-small-closer-margin-top: -3.5em !default;
148
144
  $ddl-chip-close-hooker-small-left: 8px !default;
149
- $ddl-chip-close-hooker-small-bigger-left: 8px !default;
150
145
  $ddl-delimviewheight-small: 26px !default;
151
146
 
152
147
  // Touch Small size
@@ -154,7 +149,6 @@ $ddl-select-all-height-bigger-small: 34px !default;
154
149
  $ddl-bigger-small-chip-height: 28px !default;
155
150
  $ddl-chip-bigger-small-font-size: 15px !default;
156
151
  $ddl-bigger-small-chip-close-square: 30px !default;
157
- $ddl-bigger-small-chip-close-width: 30px !default;
158
152
  $ddl-bigger-small-chip-close-font: 10px !default;
159
153
  $ddl-control-bigger-small-height: 30px !default;
160
154
  $ddl-bigger-small-input-height: 34px !default;
package/styles/multi-select/_bootstrap-definition.scss CHANGED
@@ -37,9 +37,7 @@ $ddl-closer-margin-top-bigger: -4em !default;
37
37
  $ddl-chip-close-top: 9px !default;
38
38
  $ddl-chip-close-left: 10px !default;
39
39
  $ddl-chip-close-margin: 0 0 0 !default;
40
- $ddl-chip-close-rtl-margin: 0 0 0 !default;
41
40
  $ddl-chip-close-square: 30px !default;
42
- $ddl-chip-close-width: 30px !default;
43
41
  $ddl-chip-close-font: 10px !default;
44
42
  $ddl-chip-height: 28px !default;
45
43
  $ddl-chip-mobile-height: 32px !default;
@@ -54,7 +52,6 @@ $ddl-delimviewheight: 32px !default;
54
52
  $ddl-closer-hooker-font: 10px !default;
55
53
  $ddl-closer-hooker-color: $grey-light-font !default;
56
54
  $ddl-chip-hooker-square: 40px !default;
57
- $ddl-chip-hooker-width: 40px !default;
58
55
  $ddl-sel-hover-chip-bg-color: $grey-dd !default;
59
56
  $ddl-sel-chip-hover-font-color: $grey-light-font !default;
60
57
  $ddl-chip-hooker-right: 0 !default;
@@ -137,14 +134,12 @@ $ddl-select-all-height-small: 22px !default;
137
134
  $ddl-small-chip-height: 22px !default;
138
135
  $ddl-chip-small-font-size: 13px !default;
139
136
  $ddl-small-chip-close-square: 24px !default;
140
- $ddl-small-chip-close-width: 24px !default;
141
137
  $ddl-small-chip-close-font: 8px !default;
142
138
  $ddl-control-small-height: 24px !default;
143
139
  $ddl-small-input-height: 26px !default;
144
140
  $ddl-delim-small-font-size: 13px !default;
145
141
  $ddl-small-closer-margin-top: -3.5em !default;
146
142
  $ddl-chip-close-hooker-small-left: 8px !default;
147
- $ddl-chip-close-hooker-small-bigger-left: 8px !default;
148
143
  $ddl-delimviewheight-small: 26px !default;
149
144
 
150
145
  // Touch Small size
@@ -152,7 +147,6 @@ $ddl-select-all-height-bigger-small: 34px !default;
152
147
  $ddl-bigger-small-chip-height: 28px !default;
153
148
  $ddl-chip-bigger-small-font-size: 15px !default;
154
149
  $ddl-bigger-small-chip-close-square: 30px !default;
155
- $ddl-bigger-small-chip-close-width: 30px !default;
156
150
  $ddl-bigger-small-chip-close-font: 10px !default;
157
151
  $ddl-control-bigger-small-height: 30px !default;
158
152
  $ddl-bigger-small-input-height: 34px !default;
package/styles/multi-select/_bootstrap4-definition.scss CHANGED
@@ -35,11 +35,9 @@ $ddl-icon-margin-top-bigger: -2.25em !default;
35
35
  $ddl-clear-margin-top: -2.9em !default;
36
36
  $ddl-closer-margin-top-bigger: -3.5em !default;
37
37
  $ddl-chip-close-top: 8px !default;
38
- $ddl-chip-close-left: 0 !default;
39
- $ddl-chip-close-margin: 10px 10px 10px 0 !default;
40
- $ddl-chip-close-rtl-margin: 8px 0 8px 20px !default;
38
+ $ddl-chip-close-left: 10px !default;
39
+ $ddl-chip-close-margin: 0 0 0 !default;
41
40
  $ddl-chip-close-square: 24px !default;
42
- $ddl-chip-close-width: auto !default;
43
41
  $ddl-chip-close-font: 8px !default;
44
42
  $ddl-chip-height: 24px !default;
45
43
  $ddl-chip-mobile-height: 28px !default;
@@ -54,7 +52,6 @@ $ddl-delimviewheight: 29px !default;
54
52
  $ddl-closer-hooker-font: 10px !default;
55
53
  $ddl-closer-hooker-font-bigger: 12px !default;
56
54
  $ddl-chip-hooker-square: 29px !default;
57
- $ddl-chip-hooker-width: auto !default;
58
55
  $ddl-sel-hover-chip-bg-color: $gray-600 !default;
59
56
  $ddl-sel-chip-hover-font-color: $white !default;
60
57
  $ddl-chip-hooker-right: 0 !default;
@@ -77,7 +74,7 @@ $ddl-rtl-mob-sel-chip-content-padding: 12px 4px !default;
77
74
  $ddl-rtl-chip-padding: 0 8px 0 0 !default;
78
75
  $ddl-rtl-mob-sel-chip-padding: 0 8px 0 4px !default;
79
76
  $ddl-rtl-mob-chip-padding: 0 4px 0 8px !default;
80
- $ddl-overall-close-left: 0 !default;
77
+ $ddl-overall-close-left: 10px !default;
81
78
  $ddl-overall-close-top: 10px !default;
82
79
 
83
80
  //$ddl-overall-bigger-close-top: 15px !default;
@@ -129,7 +126,6 @@ $ddl-chip-close-rtl-left: -15px !default;
129
126
  $ddl-close-icon-color: $gray-700 !default;
130
127
  $ddl-bigger-chip-close-font: 10px !default;
131
128
  $ddl-bigger-chip-close-square: 30px !default;
132
- $ddl-bigger-chip-close-width: auto !default;
133
129
  $ddl-bigger-close-top: 9px !default;
134
130
  $ddl-multi-checkbox-bgcolor: $primary-font !default;
135
131
  $ddl-multi-checkbox-border-color: $primary-font !default;
@@ -148,17 +144,15 @@ $ddl-select-all-height-small: 22px !default;
148
144
  $ddl-small-chip-height: 20px !default;
149
145
  $ddl-chip-small-font-size: 12px !default;
150
146
  $ddl-small-chip-close-square: 18px !default;
151
- $ddl-small-chip-close-width: auto !default;
152
147
  $ddl-small-chip-close-font: 8px !default;
153
148
  $ddl-control-small-height: 22px !default;
154
149
  $ddl-small-input-height: 22px !default;
155
150
  $ddl-delim-small-font-size: 12px !default;
156
151
  $ddl-small-closer-margin-top: -2.4em !default;
157
152
  $ddl-chip-small-content-padding: 0 8px 0 8px !default;
158
- $ddl-chip-close-small-left: 0 !default;
153
+ $ddl-chip-close-small-left: 6px !default;
159
154
  $ddl-chip-close-small-top: 5px !default;
160
155
  $ddl-chip-close-hooker-small-left: 4px !default;
161
- $ddl-chip-close-hooker-small-bigger-left: 4px !default;
162
156
  $ddl-chip-close-hooker-small-top: 7px !default;
163
157
  $ddl-delimviewheight-small: 22px !default;
164
158
 
@@ -167,16 +161,15 @@ $ddl-select-all-height-bigger-small: 34px !default;
167
161
  $ddl-bigger-small-chip-height: 30px !default;
168
162
  $ddl-chip-bigger-small-font-size: 15px !default;
169
163
  $ddl-bigger-small-chip-close-square: 24px !default;
170
- $ddl-bigger-small-chip-close-width: auto !default;
171
164
  $ddl-bigger-small-chip-close-font: 10px !default;
172
165
  $ddl-control-bigger-small-height: 30px !default;
173
166
  $ddl-bigger-small-input-height: 34px !default;
174
167
  $ddl-delim-bigger-small-font-size: 14px !default;
175
- $ddl-chip-close-bigger-left: 0 !default;
168
+ $ddl-chip-close-bigger-left: 13px !default;
176
169
  $ddl-chip-close-bigger-top: 11px !default;
177
170
  $ddl-chip-bigger-content-padding: 7px 8px 7px 12px !default;
178
171
  $ddl-delimviewheight-bigger-small: 34px !default;
179
- $ddl-closer-margin-top-bigger-small: -2.5em !default;
172
+ $ddl-closer-margin-top-bigger-small: -2.9em !default;
180
173
  $multiselect-closer-bigger-height: 36px !default;
181
174
  $multiselect-closer--bigger-margin-top: -3em !default;
182
175
  $multiselect-closer-bigger-width: 0 !default;
@@ -205,7 +198,7 @@ $multiselect-dropicon-closer-bigger-width: 34px !default;
205
198
 
206
199
  .e-bigger .e-multi-select-wrapper .e-chips-close {
207
200
  height: $ddl-bigger-chip-close-square;
208
- width: $ddl-bigger-chip-close-width;
201
+ width: $ddl-bigger-chip-close-square;
209
202
  }
210
203
 
211
204
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus.e-hover {
package/styles/multi-select/_bootstrap5-definition.scss CHANGED
@@ -20,11 +20,8 @@ $ddl-chip-padding: 0 6px 0 8px !default;
20
20
  $ddl-chip-close-top: 0 !default;
21
21
  $ddl-chip-close-left: 0 !default;
22
22
  $ddl-chip-close-margin: 0 0 0 !default;
23
- $ddl-chip-close-rtl-margin: 0 0 0 !default;
24
23
  $ddl-chip-close-square: 14px !default;
25
- $ddl-chip-close-width: 14px !default;
26
24
  $ddl-chip-hooker-square: 24px !default;
27
- $ddl-chip-hooker-width: 24px !default;
28
25
  $ddl-chip-close-font: 14px !default;
29
26
  $ddl-chip-height: 24px !default;
30
27
  $ddl-chip-mobile-height: 30px !default;
@@ -125,14 +122,12 @@ $ddl-select-all-height-small: 26px !default;
125
122
  $ddl-small-chip-height: 20px !default;
126
123
  $ddl-chip-small-font-size: 12px !default;
127
124
  $ddl-small-chip-close-square: 12px !default;
128
- $ddl-small-chip-close-width: 12px !default;
129
125
  $ddl-small-chip-close-font: 12px !default;
130
126
  $ddl-control-small-height: 24px !default;
131
127
  $ddl-small-input-height: 24px !default;
132
128
  $ddl-delim-small-font-size: 12px !default;
133
129
  $ddl-small-closer-margin-top: -2em !default;
134
130
  $ddl-chip-close-hooker-small-left: 0 !default;
135
- $ddl-chip-close-hooker-small-bigger-left: 0 !default;
136
131
  $ddl-delimviewheight-small: 24px !default;
137
132
  $ddl-multiselect-filled-input-min-height-small: 32px !default;
138
133
  $ddl-multiselect-filled-float-input-min-height-small: 22px !default;
@@ -145,14 +140,12 @@ $ddl-multiselect-filled-float-input-min-height-bigger: 36px !default;
145
140
  $ddl-multiselect-filled-floatlabel-fontsize-bigger: 12px !default;
146
141
  $ddl-bigger-chip-close-font: 14px !default;
147
142
  $ddl-bigger-chip-close-square: 14px !default;
148
- $ddl-bigger-chip-close-width: 14px !default;
149
143
 
150
144
  // Touch Small size
151
145
  $ddl-select-all-height-bigger-small: 40px !default;
152
146
  $ddl-bigger-small-chip-height: 26px !default;
153
147
  $ddl-chip-bigger-small-font-size: 13px !default;
154
148
  $ddl-bigger-small-chip-close-square: 14px !default;
155
- $ddl-bigger-small-chip-close-width: 14px !default;
156
149
  $ddl-bigger-small-chip-close-font: 14px !default;
157
150
  $ddl-control-bigger-small-height: 28px !default;
158
151
  $ddl-bigger-small-input-height: 32px !default;
package/styles/multi-select/_fabric-dark-definition.scss CHANGED
@@ -32,14 +32,11 @@ $ddl-chip-mobile-content-padding: 4px 8px 6px 0 !default;
32
32
  $ddl-rtl-chip-mobile-content-padding: 6px 0 6px 8px !default;
33
33
  $ddl-chip-padding: 0 0 0 8px !default;
34
34
  $ddl-chip-close-top: 8px !default;
35
- $ddl-chip-close-left: 0 !default;
36
- $ddl-chip-close-margin: 8px 8px 8px 8px !default;
37
- $ddl-chip-close-rtl-margin: 8px 0 8px 20px !default;
35
+ $ddl-chip-close-left: 8px !default;
36
+ $ddl-chip-close-margin: 0 !default;
38
37
  $ddl-chip-mobile-close-margin: 3px 0 0 !default;
39
38
  $ddl-chip-close-square: 26px !default;
40
- $ddl-chip-close-width: auto !default;
41
39
  $ddl-chip-hooker-square: 30px !default;
42
- $ddl-chip-hooker-width: auto !default;
43
40
  $ddl-chip-close-font: 10px !default;
44
41
  $ddl-chip-close-mobile-top: 0 !default;
45
42
  $ddl-chip-height: 26px !default;
@@ -80,7 +77,7 @@ $ddl-rtl-hooker-left: -4px !default;
80
77
  $ddl-chip-close-mob-top: 0 !default;
81
78
  $ddl-control-placholder-padding: 0 32px 0 2px !default;
82
79
  $ddl-overall-close-top: 10px !default;
83
- $ddl-overall-close-left: 0 !default;
80
+ $ddl-overall-close-left: 10px !default;
84
81
  $ddl-sel-chip-close-mobile-top: 0 !default;
85
82
  $ddl-sel-chip-close-mobile-left: 12px !default;
86
83
  $ddl-chip-sel-mobile-close-height: 26px !default;
@@ -136,14 +133,12 @@ $ddl-select-all-height-small: 26px !default;
136
133
  $ddl-small-chip-height: 20px !default;
137
134
  $ddl-chip-small-font-size: 12px !default;
138
135
  $ddl-small-chip-close-square: 22px !default;
139
- $ddl-small-chip-close-width: auto !default;
140
136
  $ddl-small-chip-close-font: 8px !default;
141
137
  $ddl-control-small-height: 24px !default;
142
138
  $ddl-small-input-height: 24px !default;
143
139
  $ddl-delim-small-font-size: 13px !default;
144
- $ddl-small-closer-margin-top: -3em !default;
140
+ $ddl-small-closer-margin-top: -2.8em !default;
145
141
  $ddl-chip-close-hooker-small-left: 7px !default;
146
- $ddl-chip-close-hooker-small-bigger-left: -35px !default;
147
142
  $ddl-delimviewheight-small: 24px !default;
148
143
 
149
144
  // Touch Small size
@@ -151,7 +146,6 @@ $ddl-select-all-height-bigger-small: 40px !default;
151
146
  $ddl-bigger-small-chip-height: 26px !default;
152
147
  $ddl-chip-bigger-small-font-size: 12px !default;
153
148
  $ddl-bigger-small-chip-close-square: 26px !default;
154
- $ddl-bigger-small-chip-close-width: auto !default;
155
149
  $ddl-bigger-small-chip-close-font: 10px !default;
156
150
  $ddl-control-bigger-small-height: 26px !default;
157
151
  $ddl-bigger-small-input-height: 34px !default;
package/styles/multi-select/_fabric-definition.scss CHANGED
@@ -31,14 +31,11 @@ $ddl-chip-mobile-content-padding: 4px 8px 6px 0 !default;
31
31
  $ddl-rtl-chip-mobile-content-padding: 6px 0 6px 8px !default;
32
32
  $ddl-chip-padding: 0 0 0 8px !default;
33
33
  $ddl-chip-close-top: 8px !default;
34
- $ddl-chip-close-left: 0 !default;
35
- $ddl-chip-close-margin: 8px 8px 8px 8px !default;
36
- $ddl-chip-close-rtl-margin: 8px 0 8px 20px !default;
34
+ $ddl-chip-close-left: 8px !default;
35
+ $ddl-chip-close-margin: 0 !default;
37
36
  $ddl-chip-mobile-close-margin: 3px 0 0 !default;
38
37
  $ddl-chip-close-square: 26px !default;
39
- $ddl-chip-close-width: auto !default;
40
38
  $ddl-chip-hooker-square: 30px !default;
41
- $ddl-chip-hooker-width: auto !default;
42
39
  $ddl-chip-close-font: 10px !default;
43
40
  $ddl-chip-close-mobile-top: 0 !default;
44
41
  $ddl-chip-height: 26px !default;
@@ -79,7 +76,7 @@ $ddl-rtl-hooker-left: -4px !default;
79
76
  $ddl-chip-close-mob-top: 0 !default;
80
77
  $ddl-control-placholder-padding: 0 32px 0 2px !default;
81
78
  $ddl-overall-close-top: 10px !default;
82
- $ddl-overall-close-left: 0 !default;
79
+ $ddl-overall-close-left: 10px !default;
83
80
  $ddl-sel-chip-close-mobile-top: 0 !default;
84
81
  $ddl-sel-chip-close-mobile-left: 12px !default;
85
82
  $ddl-chip-sel-mobile-close-height: 26px !default;
@@ -135,14 +132,12 @@ $ddl-select-all-height-small: 26px !default;
135
132
  $ddl-small-chip-height: 20px !default;
136
133
  $ddl-chip-small-font-size: 12px !default;
137
134
  $ddl-small-chip-close-square: 22px !default;
138
- $ddl-small-chip-close-width: auto !default;
139
135
  $ddl-small-chip-close-font: 8px !default;
140
136
  $ddl-control-small-height: 24px !default;
141
137
  $ddl-small-input-height: 24px !default;
142
138
  $ddl-delim-small-font-size: 13px !default;
143
- $ddl-small-closer-margin-top: -3em !default;
139
+ $ddl-small-closer-margin-top: -2.8em !default;
144
140
  $ddl-chip-close-hooker-small-left: 7px !default;
145
- $ddl-chip-close-hooker-small-bigger-left: -35px !default;
146
141
  $ddl-delimviewheight-small: 24px !default;
147
142
 
148
143
  // Touch Small size
@@ -150,7 +145,6 @@ $ddl-select-all-height-bigger-small: 40px !default;
150
145
  $ddl-bigger-small-chip-height: 26px !default;
151
146
  $ddl-chip-bigger-small-font-size: 12px !default;
152
147
  $ddl-bigger-small-chip-close-square: 26px !default;
153
- $ddl-bigger-small-chip-close-width: auto !default;
154
148
  $ddl-bigger-small-chip-close-font: 10px !default;
155
149
  $ddl-control-bigger-small-height: 26px !default;
156
150
  $ddl-bigger-small-input-height: 34px !default;
package/styles/multi-select/_fluent-definition.scss CHANGED
@@ -20,11 +20,8 @@ $ddl-chip-padding: 0 8px 0 4px !default;
20
20
  $ddl-chip-close-top: 3px !default;
21
21
  $ddl-chip-close-left: 6px !default;
22
22
  $ddl-chip-close-margin: 0 0 0 !default;
23
- $ddl-chip-close-rtl-margin: 0 0 0 !default;
24
23
  $ddl-chip-close-square: 14px !default;
25
- $ddl-chip-close-width: 14px !default;
26
24
  $ddl-chip-hooker-square: 24px !default;
27
- $ddl-chip-hooker-width: 24px !default;
28
25
  $ddl-chip-close-font: 10px !default;
29
26
  $ddl-chip-height: 24px !default;
30
27
  $ddl-chip-mobile-height: 30px !default;
@@ -125,20 +122,18 @@ $ddl-select-all-height-small: 26px !default;
125
122
  $ddl-small-chip-height: 20px !default;
126
123
  $ddl-chip-small-font-size: 12px !default;
127
124
  $ddl-small-chip-close-square: 12px !default;
128
- $ddl-small-chip-close-width: 12px !default;
129
125
  $ddl-small-chip-close-font: 8px !default;
130
126
  $ddl-control-small-height: 24px !default;
131
127
  $ddl-small-input-height: 24px !default;
132
128
  $ddl-delim-small-font-size: 12px !default;
133
129
  $ddl-small-closer-margin-top: -2em !default;
134
130
  $ddl-chip-close-hooker-small-left: 0 !default;
135
- $ddl-chip-close-hooker-small-bigger-left: 0 !default;
136
131
  $ddl-delimviewheight-small: 24px !default;
137
132
  $ddl-multiselect-filled-input-min-height-small: 32px !default;
138
133
  $ddl-multiselect-filled-float-input-min-height-small: 22px !default;
139
134
  $ddl-multiselect-filled-floatlabel-fontsize-small: 10px !default;
140
135
  $ddl-multiselect-filled-chip-clear-icon-size-small: 10px !default;
141
- $ddl-chip-close-small-left: 0 !default;
136
+ $ddl-chip-close-small-left: 6px !default;
142
137
  $ddl-chip-close-small-top: 2px !default;
143
138
  $ddl-small-down-icon-left: -2px !default;
144
139
 
@@ -148,7 +143,6 @@ $ddl-multiselect-filled-float-input-min-height-bigger: 36px !default;
148
143
  $ddl-multiselect-filled-floatlabel-fontsize-bigger: 12px !default;
149
144
  $ddl-bigger-chip-close-font: 14px !default;
150
145
  $ddl-bigger-chip-close-square: 14px !default;
151
- $ddl-bigger-chip-close-width: 14px !default;
152
146
  $ddl-bigger-chip-down-icon-font: 14px !default;
153
147
 
154
148
  // Touch Small size
@@ -156,7 +150,6 @@ $ddl-select-all-height-bigger-small: 40px !default;
156
150
  $ddl-bigger-small-chip-height: 26px !default;
157
151
  $ddl-chip-bigger-small-font-size: 13px !default;
158
152
  $ddl-bigger-small-chip-close-square: 14px !default;
159
- $ddl-bigger-small-chip-close-width: 14px !default;
160
153
  $ddl-bigger-small-chip-close-font: 10px !default;
161
154
  $ddl-control-bigger-small-height: 28px !default;
162
155
  $ddl-bigger-small-input-height: 32px !default;
package/styles/multi-select/_fusionnew-definition.scss CHANGED
@@ -20,11 +20,8 @@ $ddl-chip-padding: 0 6px 0 8px !default;
20
20
  $ddl-chip-close-top: 0 !default;
21
21
  $ddl-chip-close-left: 0 !default;
22
22
  $ddl-chip-close-margin: 0 0 0 !default;
23
- $ddl-chip-close-rtl-margin: 0 0 0 !default;
24
23
  $ddl-chip-close-square: 14px !default;
25
- $ddl-chip-close-width: 14px !default;
26
24
  $ddl-chip-hooker-square: 24px !default;
27
- $ddl-chip-hooker-width: 24px !default;
28
25
  $ddl-chip-close-font: 14px !default;
29
26
  $ddl-chip-height: 24px !default;
30
27
  $ddl-chip-mobile-height: 30px !default;
@@ -125,14 +122,12 @@ $ddl-select-all-height-small: 26px !default;
125
122
  $ddl-small-chip-height: 20px !default;
126
123
  $ddl-chip-small-font-size: 12px !default;
127
124
  $ddl-small-chip-close-square: 12px !default;
128
- $ddl-small-chip-close-width: 12px !default;
129
125
  $ddl-small-chip-close-font: 12px !default;
130
126
  $ddl-control-small-height: 24px !default;
131
127
  $ddl-small-input-height: 24px !default;
132
128
  $ddl-delim-small-font-size: 12px !default;
133
129
  $ddl-small-closer-margin-top: -2em !default;
134
130
  $ddl-chip-close-hooker-small-left: 0 !default;
135
- $ddl-chip-close-hooker-small-bigger-left: 0 !default;
136
131
  $ddl-delimviewheight-small: 24px !default;
137
132
  $ddl-multiselect-filled-input-min-height-small: 32px !default;
138
133
  $ddl-multiselect-filled-float-input-min-height-small: 22px !default;
@@ -145,14 +140,12 @@ $ddl-multiselect-filled-float-input-min-height-bigger: 36px !default;
145
140
  $ddl-multiselect-filled-floatlabel-fontsize-bigger: 12px !default;
146
141
  $ddl-bigger-chip-close-font: 14px !default;
147
142
  $ddl-bigger-chip-close-square: 14px !default;
148
- $ddl-bigger-chip-close-width: 14px !default;
149
143
 
150
144
  // Touch Small size
151
145
  $ddl-select-all-height-bigger-small: 40px !default;
152
146
  $ddl-bigger-small-chip-height: 26px !default;
153
147
  $ddl-chip-bigger-small-font-size: 13px !default;
154
148
  $ddl-bigger-small-chip-close-square: 14px !default;
155
- $ddl-bigger-small-chip-close-width: 14px !default;
156
149
  $ddl-bigger-small-chip-close-font: 14px !default;
157
150
  $ddl-control-bigger-small-height: 28px !default;
158
151
  $ddl-bigger-small-input-height: 32px !default;
package/styles/multi-select/_highcontrast-definition.scss CHANGED
@@ -31,14 +31,11 @@ $ddl-chip-mobile-content-padding: 6px 8px 6px 0 !default;
31
31
  $ddl-rtl-chip-mobile-content-padding: 6px 0 6px 8px !default;
32
32
  $ddl-chip-padding: 0 0 0 8px !default;
33
33
  $ddl-chip-close-top: 8px !default;
34
- $ddl-chip-close-left: 0 !default;
35
- $ddl-chip-close-margin: 10px 10px 10px 0 !default;
36
- $ddl-chip-close-rtl-margin: 8px 0 8px 20px !default;
34
+ $ddl-chip-close-left: 8px !default;
35
+ $ddl-chip-close-margin: 0 !default;
37
36
  $ddl-chip-mobile-close-margin: 3px 0 0 !default;
38
37
  $ddl-chip-close-square: 26px !default;
39
- $ddl-chip-close-width: auto !default;
40
38
  $ddl-chip-hooker-square: 30px !default;
41
- $ddl-chip-hooker-width: auto !default;
42
39
  $ddl-chip-close-font: 10px !default;
43
40
  $ddl-chip-close-mobile-top: 0 !default;
44
41
  $ddl-chip-height: 26px !default;
@@ -79,7 +76,7 @@ $ddl-rtl-hooker-left: -4px !default;
79
76
  $ddl-chip-close-mob-top: 0 !default;
80
77
  $ddl-control-placholder-padding: 0 32px 0 2px !default;
81
78
  $ddl-overall-close-top: 10px !default;
82
- $ddl-overall-close-left: 0 !default;
79
+ $ddl-overall-close-left: 10px !default;
83
80
  $ddl-sel-chip-close-mobile-top: 0 !default;
84
81
  $ddl-sel-chip-close-mobile-left: 12px !default;
85
82
  $ddl-chip-sel-mobile-close-height: 26px !default;
@@ -138,14 +135,12 @@ $ddl-select-all-height-small: 26px !default;
138
135
  $ddl-small-chip-height: 20px !default;
139
136
  $ddl-chip-small-font-size: 12px !default;
140
137
  $ddl-small-chip-close-square: 22px !default;
141
- $ddl-small-chip-close-width: auto !default;
142
138
  $ddl-small-chip-close-font: 8px !default;
143
139
  $ddl-control-small-height: 24px !default;
144
140
  $ddl-small-input-height: 24px !default;
145
141
  $ddl-delim-small-font-size: 13px !default;
146
- $ddl-small-closer-margin-top: -3.2em !default;
142
+ $ddl-small-closer-margin-top: -2.9em !default;
147
143
  $ddl-chip-close-hooker-small-left: 7px !default;
148
- $ddl-chip-close-hooker-small-bigger-left: -35px !default;
149
144
  $ddl-delimviewheight-small: 24px !default;
150
145
 
151
146
  // Touch Small size
@@ -153,13 +148,12 @@ $ddl-select-all-height-bigger-small: 40px !default;
153
148
  $ddl-bigger-small-chip-height: 26px !default;
154
149
  $ddl-chip-bigger-small-font-size: 12px !default;
155
150
  $ddl-bigger-small-chip-close-square: 26px !default;
156
- $ddl-bigger-small-chip-close-width: auto !default;
157
151
  $ddl-bigger-small-chip-close-font: 10px !default;
158
152
  $ddl-control-bigger-small-height: 26px !default;
159
153
  $ddl-bigger-small-input-height: 34px !default;
160
154
  $ddl-delim-bigger-small-font-size: 14px !default;
161
155
  $ddl-delimviewheight-bigger-small: 34px !default;
162
- $ddl-closer-margin-top-bigger-small: -3.4em !default;
156
+ $ddl-closer-margin-top-bigger-small: -3.2em !default;
163
157
 
164
158
  @include export-module('multiselect-highcontrast') {
165
159
  .e-multi-select-wrapper {
package/styles/multi-select/_highcontrast-light-definition.scss CHANGED
@@ -33,12 +33,9 @@ $ddl-chip-padding: 0 0 0 8px !default;
33
33
  $ddl-chip-close-top: 8px !default;
34
34
  $ddl-chip-close-left: 8px !default;
35
35
  $ddl-chip-close-margin: 0 !default;
36
- $ddl-chip-close-rtl-margin: 0 !default;
37
36
  $ddl-chip-mobile-close-margin: 3px 0 0 !default;
38
37
  $ddl-chip-close-square: 26px !default;
39
- $ddl-chip-close-width: 26px !default;
40
38
  $ddl-chip-hooker-square: 30px !default;
41
- $ddl-chip-hooker-width: 30px !default;
42
39
  $ddl-chip-close-font: 10px !default;
43
40
  $ddl-chip-close-mobile-top: 0 !default;
44
41
  $ddl-chip-height: 26px !default;
@@ -138,14 +135,12 @@ $ddl-select-all-height-small: 26px !default;
138
135
  $ddl-small-chip-height: 20px !default;
139
136
  $ddl-chip-small-font-size: 12px !default;
140
137
  $ddl-small-chip-close-square: 22px !default;
141
- $ddl-small-chip-close-width: 22px !default;
142
138
  $ddl-small-chip-close-font: 8px !default;
143
139
  $ddl-control-small-height: 24px !default;
144
140
  $ddl-small-input-height: 24px !default;
145
141
  $ddl-delim-small-font-size: 13px !default;
146
142
  $ddl-small-closer-margin-top: -2.9em !default;
147
143
  $ddl-chip-close-hooker-small-left: 7px !default;
148
- $ddl-chip-close-hooker-small-bigger-left: 7px !default;
149
144
  $ddl-delimviewheight-small: 24px !default;
150
145
 
151
146
  // Touch Small size
@@ -153,7 +148,6 @@ $ddl-select-all-height-bigger-small: 40px !default;
153
148
  $ddl-bigger-small-chip-height: 26px !default;
154
149
  $ddl-chip-bigger-small-font-size: 12px !default;
155
150
  $ddl-bigger-small-chip-close-square: 26px !default;
156
- $ddl-bigger-small-chip-close-width: 26px !default;
157
151
  $ddl-bigger-small-chip-close-font: 10px !default;
158
152
  $ddl-control-bigger-small-height: 26px !default;
159
153
  $ddl-bigger-small-input-height: 34px !default;
package/styles/multi-select/_layout.scss CHANGED
@@ -263,11 +263,7 @@
263
263
  font-family: 'e-icons';
264
264
  height: $ddl-chip-close-square;
265
265
  margin: $ddl-chip-close-margin;
266
- width: $ddl-chip-close-width;
267
- }
268
-
269
- .e-rtl .e-multi-select-wrapper .e-chips-close {
270
- margin: $ddl-chip-close-rtl-margin;
266
+ width: $ddl-chip-close-square;
271
267
  }
272
268
 
273
269
  .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
@@ -282,7 +278,7 @@
282
278
  position: absolute;
283
279
  right: $ddl-chip-hooker-right;
284
280
  top: $ddl-closer-hooker-top;
285
- width: $ddl-chip-hooker-width;
281
+ width: $ddl-chip-hooker-square;
286
282
  }
287
283
 
288
284
  .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -998,7 +994,7 @@ ejs-multiselect {
998
994
  .e-bigger .e-multi-select-wrapper .e-chips-close {
999
995
  @if $ddl-multiselect-skin-name == 'tailwind' {
1000
996
  height: $ddl-bigger-chip-close-square;
1001
- width: $ddl-bigger-chip-close-width;
997
+ width: $ddl-bigger-chip-close-square;
1002
998
  }
1003
999
  }
1004
1000
 
@@ -1020,7 +1016,7 @@ ejs-multiselect {
1020
1016
 
1021
1017
  .e-small .e-multi-select-wrapper .e-chips-close {
1022
1018
  height: $ddl-small-chip-close-square;
1023
- width: $ddl-small-chip-close-width;
1019
+ width: $ddl-small-chip-close-square;
1024
1020
  }
1025
1021
 
1026
1022
  .e-small .e-multi-select-wrapper {
@@ -1089,10 +1085,7 @@ ejs-multiselect {
1089
1085
 
1090
1086
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1091
1087
  height: $ddl-bigger-small-chip-close-square;
1092
- width: $ddl-bigger-small-chip-close-width;
1093
- @if $ddl-multiselect-skin-name == 'bootstrap4' {
1094
- margin: 3px 10px 10px 0;
1095
- }
1088
+ width: $ddl-bigger-small-chip-close-square;
1096
1089
  }
1097
1090
 
1098
1091
  .e-bigger.e-small .e-multi-select-wrapper {
package/styles/multi-select/_material-dark-definition.scss CHANGED
@@ -35,11 +35,8 @@ $ddl-chip-padding: 0 4px 0 8px !default;
35
35
  $ddl-chip-close-top: 0 !default;
36
36
  $ddl-chip-close-left: 0 !default;
37
37
  $ddl-chip-close-margin: 0 0 0 !default;
38
- $ddl-chip-close-rtl-margin: 0 0 0 !default;
39
38
  $ddl-chip-close-square: 16px !default;
40
- $ddl-chip-close-width: 16px !default;
41
39
  $ddl-chip-hooker-square: 24px !default;
42
- $ddl-chip-hooker-width: 24px !default;
43
40
  $ddl-chip-close-font: 16px !default;
44
41
  $ddl-chip-height: 24px !default;
45
42
  $ddl-chip-mobile-height: 28px !default;
@@ -138,14 +135,12 @@ $ddl-select-all-height-bigger-small: 40px !default;
138
135
  $ddl-small-chip-height: 20px !default;
139
136
  $ddl-chip-small-font-size: 12px !default;
140
137
  $ddl-small-chip-close-square: 14px !default;
141
- $ddl-small-chip-close-width: 14px !default;
142
138
  $ddl-small-chip-close-font: 14px !default;
143
139
  $ddl-control-small-height: 24px !default;
144
140
  $ddl-small-input-height: 26px !default;
145
141
  $ddl-delim-small-font-size: 12px !default;
146
142
  $ddl-small-closer-margin-top: -2.5em !default;
147
143
  $ddl-chip-close-hooker-small-left: 6px !default;
148
- $ddl-chip-close-hooker-small-bigger-left: 6px !default;
149
144
  $ddl-delimviewheight-small: 26px !default;
150
145
 
151
146
  // Touch Small size
@@ -153,7 +148,6 @@ $ddl-select-all-height-bigger-small: 40px !default;
153
148
  $ddl-bigger-small-chip-height: 24px !default;
154
149
  $ddl-chip-bigger-small-font-size: 13px !default;
155
150
  $ddl-bigger-small-chip-close-square: 16px !default;
156
- $ddl-bigger-small-chip-close-width: 16px !default;
157
151
  $ddl-bigger-small-chip-close-font: 16px !default;
158
152
  $ddl-control-bigger-small-height: 28px !default;
159
153
  $ddl-bigger-small-input-height: 34px !default;
package/styles/multi-select/_material-definition.scss CHANGED
@@ -34,11 +34,8 @@ $ddl-chip-padding: 0 4px 0 8px !default;
34
34
  $ddl-chip-close-top: 0 !default;
35
35
  $ddl-chip-close-left: 0 !default;
36
36
  $ddl-chip-close-margin: 0 0 0 !default;
37
- $ddl-chip-close-rtl-margin: 0 0 0 !default;
38
37
  $ddl-chip-close-square: 16px !default;
39
- $ddl-chip-close-width: 16px !default;
40
38
  $ddl-chip-hooker-square: 24px !default;
41
- $ddl-chip-hooker-width: 24px !default;
42
39
  $ddl-chip-close-font: 16px !default;
43
40
  $ddl-chip-height: 24px !default;
44
41
  $ddl-chip-mobile-height: 28px !default;
@@ -141,14 +138,12 @@ $ddl-select-all-height-small: 26px !default;
141
138
  $ddl-small-chip-height: 20px !default;
142
139
  $ddl-chip-small-font-size: 12px !default;
143
140
  $ddl-small-chip-close-square: 14px !default;
144
- $ddl-small-chip-close-width: 14px !default;
145
141
  $ddl-small-chip-close-font: 14px !default;
146
142
  $ddl-control-small-height: 24px !default;
147
143
  $ddl-small-input-height: 26px !default;
148
144
  $ddl-delim-small-font-size: 12px !default;
149
145
  $ddl-small-closer-margin-top: -2.5em !default;
150
146
  $ddl-chip-close-hooker-small-left: 6px !default;
151
- $ddl-chip-close-hooker-small-bigger-left: 6px !default;
152
147
  $ddl-delimviewheight-small: 26px !default;
153
148
  $ddl-multiselect-filled-input-min-height-small: 32px !default;
154
149
  $ddl-multiselect-filled-float-input-min-height-small: 22px !default;
@@ -165,7 +160,6 @@ $ddl-select-all-height-bigger-small: 40px !default;
165
160
  $ddl-bigger-small-chip-height: 22px !default;
166
161
  $ddl-chip-bigger-small-font-size: 13px !default;
167
162
  $ddl-bigger-small-chip-close-square: 16px !default;
168
- $ddl-bigger-small-chip-close-width: 16px !default;
169
163
  $ddl-bigger-small-chip-close-font: 16px !default;
170
164
  $ddl-control-bigger-small-height: 28px !default;
171
165
  $ddl-bigger-small-input-height: 28px !default;