@syncfusion/ej2-angular-dropdowns 23.2.7-ngcc → 24.1.41-ngcc

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 (160) hide show
  1. package/CHANGELOG.md +19 -138
  2. package/dist/ej2-angular-dropdowns.umd.js +1 -1
  3. package/dist/ej2-angular-dropdowns.umd.min.js +1 -1
  4. package/package.json +9 -9
  5. package/schematics/utils/lib-details.d.ts +2 -2
  6. package/schematics/utils/lib-details.js +2 -2
  7. package/schematics/utils/lib-details.ts +2 -2
  8. package/styles/auto-complete/bootstrap-dark.css +1 -106
  9. package/styles/auto-complete/bootstrap.css +1 -106
  10. package/styles/auto-complete/bootstrap4.css +1 -159
  11. package/styles/auto-complete/bootstrap5-dark.css +1 -147
  12. package/styles/auto-complete/bootstrap5.css +1 -147
  13. package/styles/auto-complete/fabric-dark.css +1 -82
  14. package/styles/auto-complete/fabric.css +1 -75
  15. package/styles/auto-complete/fluent-dark.css +1 -127
  16. package/styles/auto-complete/fluent.css +1 -127
  17. package/styles/auto-complete/highcontrast-light.css +1 -79
  18. package/styles/auto-complete/highcontrast.css +1 -79
  19. package/styles/auto-complete/material-dark.css +1 -107
  20. package/styles/auto-complete/material.css +1 -132
  21. package/styles/auto-complete/material3-dark.css +1 -197
  22. package/styles/auto-complete/material3.css +1 -253
  23. package/styles/auto-complete/tailwind-dark.css +1 -95
  24. package/styles/auto-complete/tailwind.css +1 -95
  25. package/styles/bootstrap-dark.css +1 -3395
  26. package/styles/bootstrap.css +1 -3400
  27. package/styles/bootstrap4.css +1 -3651
  28. package/styles/bootstrap5-dark.css +1 -3566
  29. package/styles/bootstrap5.css +1 -3566
  30. package/styles/combo-box/bootstrap-dark.css +1 -106
  31. package/styles/combo-box/bootstrap.css +1 -106
  32. package/styles/combo-box/bootstrap4.css +1 -159
  33. package/styles/combo-box/bootstrap5-dark.css +1 -147
  34. package/styles/combo-box/bootstrap5.css +1 -147
  35. package/styles/combo-box/fabric-dark.css +1 -82
  36. package/styles/combo-box/fabric.css +1 -75
  37. package/styles/combo-box/fluent-dark.css +1 -127
  38. package/styles/combo-box/fluent.css +1 -127
  39. package/styles/combo-box/highcontrast-light.css +1 -79
  40. package/styles/combo-box/highcontrast.css +1 -79
  41. package/styles/combo-box/material-dark.css +1 -107
  42. package/styles/combo-box/material.css +1 -132
  43. package/styles/combo-box/material3-dark.css +1 -197
  44. package/styles/combo-box/material3.css +1 -253
  45. package/styles/combo-box/tailwind-dark.css +1 -95
  46. package/styles/combo-box/tailwind.css +1 -95
  47. package/styles/drop-down-base/bootstrap-dark.css +1 -380
  48. package/styles/drop-down-base/bootstrap.css +1 -380
  49. package/styles/drop-down-base/bootstrap4.css +1 -390
  50. package/styles/drop-down-base/bootstrap5-dark.css +1 -412
  51. package/styles/drop-down-base/bootstrap5.css +1 -412
  52. package/styles/drop-down-base/fabric-dark.css +1 -380
  53. package/styles/drop-down-base/fabric.css +1 -380
  54. package/styles/drop-down-base/fluent-dark.css +1 -428
  55. package/styles/drop-down-base/fluent.css +1 -428
  56. package/styles/drop-down-base/highcontrast-light.css +1 -394
  57. package/styles/drop-down-base/highcontrast.css +1 -394
  58. package/styles/drop-down-base/material-dark.css +1 -379
  59. package/styles/drop-down-base/material.css +1 -379
  60. package/styles/drop-down-base/material3-dark.css +1 -438
  61. package/styles/drop-down-base/material3.css +1 -494
  62. package/styles/drop-down-base/tailwind-dark.css +1 -488
  63. package/styles/drop-down-base/tailwind.css +1 -488
  64. package/styles/drop-down-list/bootstrap-dark.css +1 -393
  65. package/styles/drop-down-list/bootstrap.css +1 -393
  66. package/styles/drop-down-list/bootstrap4.css +1 -436
  67. package/styles/drop-down-list/bootstrap5-dark.css +1 -449
  68. package/styles/drop-down-list/bootstrap5.css +1 -449
  69. package/styles/drop-down-list/fabric-dark.css +1 -369
  70. package/styles/drop-down-list/fabric.css +1 -362
  71. package/styles/drop-down-list/fluent-dark.css +1 -430
  72. package/styles/drop-down-list/fluent.css +1 -430
  73. package/styles/drop-down-list/highcontrast-light.css +1 -380
  74. package/styles/drop-down-list/highcontrast.css +1 -380
  75. package/styles/drop-down-list/material-dark.css +1 -399
  76. package/styles/drop-down-list/material.css +1 -431
  77. package/styles/drop-down-list/material3-dark.css +1 -502
  78. package/styles/drop-down-list/material3.css +1 -558
  79. package/styles/drop-down-list/tailwind-dark.css +1 -380
  80. package/styles/drop-down-list/tailwind.css +1 -380
  81. package/styles/drop-down-tree/bootstrap-dark.css +1 -423
  82. package/styles/drop-down-tree/bootstrap.css +1 -424
  83. package/styles/drop-down-tree/bootstrap4.css +1 -457
  84. package/styles/drop-down-tree/bootstrap5-dark.css +1 -501
  85. package/styles/drop-down-tree/bootstrap5.css +1 -501
  86. package/styles/drop-down-tree/fabric-dark.css +1 -425
  87. package/styles/drop-down-tree/fabric.css +1 -426
  88. package/styles/drop-down-tree/fluent-dark.css +1 -504
  89. package/styles/drop-down-tree/fluent.css +1 -504
  90. package/styles/drop-down-tree/highcontrast-light.css +1 -440
  91. package/styles/drop-down-tree/highcontrast.css +1 -444
  92. package/styles/drop-down-tree/material-dark.css +1 -746
  93. package/styles/drop-down-tree/material.css +1 -761
  94. package/styles/drop-down-tree/material3-dark.css +1 -465
  95. package/styles/drop-down-tree/material3.css +1 -521
  96. package/styles/drop-down-tree/tailwind-dark.css +1 -528
  97. package/styles/drop-down-tree/tailwind.css +1 -528
  98. package/styles/fabric-dark.css +1 -3374
  99. package/styles/fabric.css +1 -3374
  100. package/styles/fluent-dark.css +1 -3639
  101. package/styles/fluent.css +1 -3639
  102. package/styles/highcontrast-light.css +1 -3483
  103. package/styles/highcontrast.css +1 -3505
  104. package/styles/list-box/bootstrap-dark.css +1 -955
  105. package/styles/list-box/bootstrap.css +1 -966
  106. package/styles/list-box/bootstrap4.css +1 -1020
  107. package/styles/list-box/bootstrap5-dark.css +1 -986
  108. package/styles/list-box/bootstrap5.css +1 -986
  109. package/styles/list-box/fabric-dark.css +1 -955
  110. package/styles/list-box/fabric.css +1 -966
  111. package/styles/list-box/fluent-dark.css +1 -992
  112. package/styles/list-box/fluent.css +1 -992
  113. package/styles/list-box/highcontrast-light.css +1 -969
  114. package/styles/list-box/highcontrast.css +1 -980
  115. package/styles/list-box/material-dark.css +1 -954
  116. package/styles/list-box/material.css +1 -965
  117. package/styles/list-box/material3-dark.css +1 -1010
  118. package/styles/list-box/material3.css +1 -1066
  119. package/styles/list-box/tailwind-dark.css +1 -1011
  120. package/styles/list-box/tailwind.css +1 -1011
  121. package/styles/material-dark.css +1 -4857
  122. package/styles/material.css +1 -4923
  123. package/styles/material3-dark.css +1 -5108
  124. package/styles/material3.css +1 -5556
  125. package/styles/mention/bootstrap-dark.css +1 -29
  126. package/styles/mention/bootstrap.css +1 -29
  127. package/styles/mention/bootstrap4.css +1 -39
  128. package/styles/mention/bootstrap5-dark.css +1 -58
  129. package/styles/mention/bootstrap5.css +1 -58
  130. package/styles/mention/fabric-dark.css +1 -29
  131. package/styles/mention/fabric.css +1 -29
  132. package/styles/mention/fluent-dark.css +1 -58
  133. package/styles/mention/fluent.css +1 -58
  134. package/styles/mention/highcontrast-light.css +1 -43
  135. package/styles/mention/highcontrast.css +1 -43
  136. package/styles/mention/material-dark.css +1 -28
  137. package/styles/mention/material.css +1 -28
  138. package/styles/mention/material3-dark.css +1 -86
  139. package/styles/mention/material3.css +1 -142
  140. package/styles/mention/tailwind-dark.css +1 -67
  141. package/styles/mention/tailwind.css +1 -67
  142. package/styles/multi-select/bootstrap-dark.css +1 -1273
  143. package/styles/multi-select/bootstrap.css +1 -1266
  144. package/styles/multi-select/bootstrap4.css +1 -1400
  145. package/styles/multi-select/bootstrap5-dark.css +1 -1349
  146. package/styles/multi-select/bootstrap5.css +1 -1349
  147. package/styles/multi-select/fabric-dark.css +1 -1274
  148. package/styles/multi-select/fabric.css +1 -1269
  149. package/styles/multi-select/fluent-dark.css +1 -1416
  150. package/styles/multi-select/fluent.css +1 -1416
  151. package/styles/multi-select/highcontrast-light.css +1 -1385
  152. package/styles/multi-select/highcontrast.css +1 -1392
  153. package/styles/multi-select/material-dark.css +1 -2404
  154. package/styles/multi-select/material.css +1 -2412
  155. package/styles/multi-select/material3-dark.css +1 -2550
  156. package/styles/multi-select/material3.css +1 -2606
  157. package/styles/multi-select/tailwind-dark.css +1 -1343
  158. package/styles/multi-select/tailwind.css +1 -1343
  159. package/styles/tailwind-dark.css +1 -3583
  160. package/styles/tailwind.css +1 -3583
@@ -1,82 +1 @@
1
- .e-ddl.e-popup {
2
- border: 0;
3
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
4
- margin-top: 1px;
5
- }
6
- .e-ddl.e-popup .e-input-group input {
7
- line-height: 15px;
8
- }
9
-
10
- .e-ddl.e-popup .e-input-group {
11
- display: -ms-flexbox;
12
- display: flex;
13
- width: auto;
14
- }
15
-
16
- .e-ddl.e-popup .e-filter-parent {
17
- border-left-width: 0;
18
- border-right-width: 0;
19
- }
20
-
21
- .e-bigger .e-popup.e-ddl-device-filter {
22
- margin-top: 0;
23
- }
24
-
25
- .e-popup.e-ddl .e-dropdownbase {
26
- min-height: 26px;
27
- }
28
-
29
- .e-bigger .e-ddl.e-popup .e-list-item, .e-bigger .e-ddl.e-popup .e-list-group-item, .e-bigger .e-ddl.e-popup .e-fixed-head {
30
- font-size: 15px;
31
- line-height: 45px;
32
- padding-left: 0;
33
- text-indent: 16px;
34
- }
35
-
36
- .e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
37
- padding-left: 4px;
38
- }
39
-
40
- .e-bigger .e-ddl.e-popup .e-input-group {
41
- padding: 4px 0;
42
- }
43
-
44
- .e-bigger .e-ddl.e-popup .e-input-group input, .e-bigger .e-ddl.e-popup .e-input-group input.e-input {
45
- height: 38px;
46
- }
47
-
48
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
49
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
50
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
51
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover {
52
- background: transparent;
53
- color: #fff;
54
- }
55
-
56
- .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head,
57
- .e-ddl.e-popup .e-bigger.e-small .e-list-item,
58
- .e-ddl.e-popup .e-bigger.e-small .e-list-group-item,
59
- .e-ddl.e-popup .e-bigger.e-small .e-fixed-head {
60
- font-size: 14px;
61
- line-height: 40px;
62
- padding-left: 0;
63
- text-indent: 16px;
64
- }
65
-
66
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item,
67
- .e-ddl.e-popup .e-bigger.e-small .e-dd-group .e-list-item {
68
- padding-left: 4px;
69
- }
70
-
71
- .e-bigger.e-small .e-ddl.e-popup .e-input-group,
72
- .e-ddl.e-popup .e-bigger.e-small .e-input-group {
73
- padding: 0;
74
- }
75
-
76
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input,
77
- .e-ddl.e-popup .e-bigger.e-small .e-input-group input,
78
- .e-ddl.e-popup .e-bigger.e-small .e-input-group input.e-input {
79
- height: 34px;
80
- }
81
-
82
- /* stylelint-disable-line no-empty-source */
1
+ @import '@syncfusion/ej2-dropdowns/styles/combo-box/fabric-dark.css';
@@ -1,75 +1 @@
1
- .e-ddl.e-popup {
2
- border: 0;
3
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
4
- margin-top: 1px;
5
- }
6
- .e-ddl.e-popup .e-input-group input {
7
- line-height: 15px;
8
- }
9
-
10
- .e-ddl.e-popup .e-input-group {
11
- display: -ms-flexbox;
12
- display: flex;
13
- width: auto;
14
- }
15
-
16
- .e-popup.e-ddl .e-dropdownbase {
17
- min-height: 26px;
18
- }
19
-
20
- .e-ddl.e-popup .e-filter-parent {
21
- border-left-width: 0;
22
- border-right-width: 0;
23
- }
24
-
25
- .e-bigger .e-popup.e-ddl-device-filter {
26
- margin-top: 0;
27
- }
28
-
29
- .e-bigger .e-ddl.e-popup .e-list-item, .e-bigger .e-ddl.e-popup .e-list-group-item, .e-bigger .e-ddl.e-popup .e-fixed-head {
30
- font-size: 15px;
31
- line-height: 45px;
32
- padding-left: 0;
33
- text-indent: 16px;
34
- }
35
-
36
- .e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
37
- padding-left: 4px;
38
- }
39
-
40
- .e-bigger .e-ddl.e-popup .e-input-group {
41
- padding: 4px 0;
42
- }
43
-
44
- .e-bigger .e-ddl.e-popup .e-input-group input, .e-bigger .e-ddl.e-popup .e-input-group input.e-input {
45
- height: 38px;
46
- }
47
-
48
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
49
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
50
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
51
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover {
52
- background: transparent;
53
- color: #333;
54
- }
55
-
56
- .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
57
- font-size: 14px;
58
- line-height: 40px;
59
- padding-left: 0;
60
- text-indent: 16px;
61
- }
62
-
63
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
64
- padding-left: 4px;
65
- }
66
-
67
- .e-bigger.e-small .e-ddl.e-popup .e-input-group {
68
- padding: 0;
69
- }
70
-
71
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
72
- height: 34px;
73
- }
74
-
75
- /* stylelint-disable-line no-empty-source */
1
+ @import '@syncfusion/ej2-dropdowns/styles/combo-box/fabric.css';
@@ -1,127 +1 @@
1
- .e-popup.e-ddl {
2
- border-radius: 4px;
3
- box-shadow: none;
4
- margin-top: 1px;
5
- }
6
- .e-popup.e-ddl .e-input-group {
7
- width: auto;
8
- }
9
- .e-popup.e-ddl .e-input-group input {
10
- line-height: 15px;
11
- }
12
-
13
- .e-popup.e-ddl .e-dropdownbase {
14
- min-height: 26px;
15
- }
16
-
17
- .e-popup.e-ddl .e-filter-parent .e-input-group {
18
- display: -ms-flexbox;
19
- display: flex;
20
- width: auto;
21
- }
22
- .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
23
- border: 0;
24
- }
25
-
26
- .e-bigger .e-popup.e-ddl-device-filter {
27
- margin-top: 0;
28
- }
29
-
30
- .e-bigger .e-popup.e-ddl .e-list-item {
31
- font-size: 16px;
32
- line-height: 32px;
33
- padding-left: 0;
34
- text-indent: 16px;
35
- }
36
-
37
- .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
38
- font-size: 14px;
39
- line-height: 32px;
40
- padding-left: 0;
41
- text-indent: 16px;
42
- }
43
-
44
- .e-bigger .e-popup.e-ddl .e-dropdownbase {
45
- min-height: 40px;
46
- }
47
-
48
- .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
49
- .e-float-input.e-control-wrapper.e-ddl input[readonly] {
50
- background: transparent;
51
- }
52
-
53
- .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
54
- .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
55
- background: #1b1a19;
56
- }
57
-
58
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
59
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
60
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
61
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
62
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
63
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
64
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
65
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
66
- background: none;
67
- color: #a19f9d;
68
- }
69
-
70
- .e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
71
- .e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
72
- .e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
73
- .e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
74
- background: transparent;
75
- color: #a19f9d;
76
- }
77
-
78
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
79
- .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
80
- .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
81
- .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
82
- border: 0;
83
- }
84
-
85
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
86
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
87
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
88
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
89
- box-shadow: none;
90
- }
91
-
92
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
93
- background: none;
94
- display: -ms-flexbox;
95
- display: flex;
96
- position: relative;
97
- }
98
-
99
- .e-ddl.e-popup .e-filter-parent .e-input-group,
100
- .e-ddl.e-popup .e-filter-parent {
101
- background: #252423;
102
- }
103
-
104
- .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
105
- font-size: 14px;
106
- }
107
-
108
- .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
109
- font-size: 16px;
110
- }
111
-
112
- .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
113
- font-size: 14px;
114
- line-height: 34px;
115
- padding-left: 0;
116
- text-indent: 16px;
117
- }
118
-
119
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
120
- height: 30px;
121
- }
122
-
123
- .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
124
- min-height: 34px;
125
- }
126
-
127
- /* stylelint-disable-line no-empty-source */
1
+ @import '@syncfusion/ej2-dropdowns/styles/combo-box/fluent-dark.css';
@@ -1,127 +1 @@
1
- .e-popup.e-ddl {
2
- border-radius: 4px;
3
- box-shadow: none;
4
- margin-top: 1px;
5
- }
6
- .e-popup.e-ddl .e-input-group {
7
- width: auto;
8
- }
9
- .e-popup.e-ddl .e-input-group input {
10
- line-height: 15px;
11
- }
12
-
13
- .e-popup.e-ddl .e-dropdownbase {
14
- min-height: 26px;
15
- }
16
-
17
- .e-popup.e-ddl .e-filter-parent .e-input-group {
18
- display: -ms-flexbox;
19
- display: flex;
20
- width: auto;
21
- }
22
- .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
23
- border: 0;
24
- }
25
-
26
- .e-bigger .e-popup.e-ddl-device-filter {
27
- margin-top: 0;
28
- }
29
-
30
- .e-bigger .e-popup.e-ddl .e-list-item {
31
- font-size: 16px;
32
- line-height: 32px;
33
- padding-left: 0;
34
- text-indent: 16px;
35
- }
36
-
37
- .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
38
- font-size: 14px;
39
- line-height: 32px;
40
- padding-left: 0;
41
- text-indent: 16px;
42
- }
43
-
44
- .e-bigger .e-popup.e-ddl .e-dropdownbase {
45
- min-height: 40px;
46
- }
47
-
48
- .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
49
- .e-float-input.e-control-wrapper.e-ddl input[readonly] {
50
- background: transparent;
51
- }
52
-
53
- .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
54
- .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
55
- background: #fff;
56
- }
57
-
58
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
59
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
60
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
61
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
62
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
63
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
64
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
65
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
66
- background: none;
67
- color: #605e5c;
68
- }
69
-
70
- .e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
71
- .e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
72
- .e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
73
- .e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
74
- background: transparent;
75
- color: #605e5c;
76
- }
77
-
78
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
79
- .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
80
- .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
81
- .e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
82
- border: 0;
83
- }
84
-
85
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
86
- .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
87
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
88
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
89
- box-shadow: none;
90
- }
91
-
92
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon {
93
- background: none;
94
- display: -ms-flexbox;
95
- display: flex;
96
- position: relative;
97
- }
98
-
99
- .e-ddl.e-popup .e-filter-parent .e-input-group,
100
- .e-ddl.e-popup .e-filter-parent {
101
- background: #fff;
102
- }
103
-
104
- .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
105
- font-size: 14px;
106
- }
107
-
108
- .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
109
- font-size: 16px;
110
- }
111
-
112
- .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
113
- font-size: 14px;
114
- line-height: 34px;
115
- padding-left: 0;
116
- text-indent: 16px;
117
- }
118
-
119
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
120
- height: 30px;
121
- }
122
-
123
- .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
124
- min-height: 34px;
125
- }
126
-
127
- /* stylelint-disable-line no-empty-source */
1
+ @import '@syncfusion/ej2-dropdowns/styles/combo-box/fluent.css';
@@ -1,79 +1 @@
1
- .e-bigger .e-ddl.e-popup .e-input-group .e-clear-icon {
2
- height: 36px;
3
- }
4
-
5
- .e-popup.e-ddl .e-dropdownbase {
6
- min-height: 26px;
7
- }
8
-
9
- .e-ddl.e-popup {
10
- border: 0;
11
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
12
- margin-top: 1px;
13
- }
14
- .e-ddl.e-popup .e-content.e-nodata {
15
- background-color: #fff;
16
- }
17
- .e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
18
- color: #23726c;
19
- }
20
- .e-ddl.e-popup .e-input-group {
21
- display: -ms-flexbox;
22
- display: flex;
23
- width: auto;
24
- }
25
- .e-ddl.e-popup .e-input-group input {
26
- line-height: 15px;
27
- }
28
-
29
- .e-ddl.e-popup .e-input-group .e-clear-icon {
30
- border-radius: 20px;
31
- height: 20px;
32
- margin: 5px;
33
- min-width: 20px;
34
- }
35
- .e-ddl.e-popup .e-input-group .e-clear-icon::before {
36
- font-size: 10px;
37
- }
38
- .e-ddl.e-popup .e-filter-parent {
39
- border-left-width: 0;
40
- border-right-width: 0;
41
- }
42
- .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
43
- border-color: #000;
44
- }
45
- .e-bigger .e-ddl.e-popup.e-ddl-device.e-ddl-device-filter {
46
- margin-top: 0;
47
- }
48
- .e-bigger .e-ddl.e-popup .e-list-item, .e-bigger .e-ddl.e-popup .e-list-group-item, .e-bigger .e-ddl.e-popup .e-fixed-head {
49
- font-size: 15px;
50
- line-height: 45px;
51
- padding-left: 0;
52
- text-indent: 16px;
53
- }
54
- .e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
55
- padding-left: 4px;
56
- }
57
- .e-bigger .e-ddl.e-popup .e-input-group {
58
- padding: 4px 0;
59
- }
60
- .e-bigger .e-ddl.e-popup .e-input-group input {
61
- height: 30px;
62
- }
63
- .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
64
- font-size: 14px;
65
- line-height: 40px;
66
- padding-left: 0;
67
- text-indent: 16px;
68
- }
69
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
70
- padding-left: 4px;
71
- }
72
- .e-bigger.e-small .e-ddl.e-popup .e-input-group {
73
- padding: 0;
74
- }
75
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input {
76
- height: 34px;
77
- }
78
-
79
- /* stylelint-disable-line no-empty-source */
1
+ @import '@syncfusion/ej2-dropdowns/styles/combo-box/highcontrast-light.css';
@@ -1,79 +1 @@
1
- .e-bigger .e-ddl.e-popup .e-input-group .e-clear-icon {
2
- height: 36px;
3
- }
4
-
5
- .e-popup.e-ddl .e-dropdownbase {
6
- min-height: 26px;
7
- }
8
-
9
- .e-ddl.e-popup {
10
- border: 0;
11
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
12
- margin-top: 1px;
13
- }
14
- .e-ddl.e-popup .e-content.e-nodata {
15
- background-color: #000;
16
- }
17
- .e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
18
- color: #ffd939;
19
- }
20
- .e-ddl.e-popup .e-input-group {
21
- display: -ms-flexbox;
22
- display: flex;
23
- width: auto;
24
- }
25
- .e-ddl.e-popup .e-input-group input {
26
- line-height: 15px;
27
- }
28
-
29
- .e-ddl.e-popup .e-input-group .e-clear-icon {
30
- border-radius: 20px;
31
- height: 20px;
32
- margin: 5px;
33
- min-width: 20px;
34
- }
35
- .e-ddl.e-popup .e-input-group .e-clear-icon::before {
36
- font-size: 10px;
37
- }
38
- .e-ddl.e-popup .e-filter-parent {
39
- border-left-width: 0;
40
- border-right-width: 0;
41
- }
42
- .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
43
- border-color: #fff;
44
- }
45
- .e-bigger .e-ddl.e-popup.e-ddl-device.e-ddl-device-filter {
46
- margin-top: 0;
47
- }
48
- .e-bigger .e-ddl.e-popup .e-list-item, .e-bigger .e-ddl.e-popup .e-list-group-item, .e-bigger .e-ddl.e-popup .e-fixed-head {
49
- font-size: 15px;
50
- line-height: 45px;
51
- padding-left: 0;
52
- text-indent: 16px;
53
- }
54
- .e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
55
- padding-left: 4px;
56
- }
57
- .e-bigger .e-ddl.e-popup .e-input-group {
58
- padding: 4px 0;
59
- }
60
- .e-bigger .e-ddl.e-popup .e-input-group input {
61
- height: 46px;
62
- }
63
- .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
64
- font-size: 14px;
65
- line-height: 40px;
66
- padding-left: 0;
67
- text-indent: 16px;
68
- }
69
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
70
- padding-left: 4px;
71
- }
72
- .e-bigger.e-small .e-ddl.e-popup .e-input-group {
73
- padding: 0;
74
- }
75
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input {
76
- height: 34px;
77
- }
78
-
79
- /* stylelint-disable-line no-empty-source */
1
+ @import '@syncfusion/ej2-dropdowns/styles/combo-box/highcontrast.css';
@@ -1,107 +1 @@
1
- .e-ddl.e-control-wrapper .e-ddl-icon::before {
2
- transform: rotate(0deg);
3
- transition: transform 300ms ease;
4
- }
5
-
6
- .e-popup.e-ddl .e-dropdownbase {
7
- min-height: 26px;
8
- }
9
-
10
- .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
11
- transform: rotate(180deg);
12
- transition: transform 300ms ease;
13
- }
14
-
15
- .e-dropdownbase .e-list-item.e-active.e-hover {
16
- color: #00b0ff;
17
- }
18
-
19
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
20
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
21
- .e-input-group:not(.e-disabled) .e-back-icon:active,
22
- .e-input-group:not(.e-disabled) .e-back-icon:hover,
23
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
24
- .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
25
- background: transparent;
26
- }
27
-
28
- .e-input-group .e-ddl-icon:not(:active)::after {
29
- animation: none;
30
- }
31
-
32
- .e-ddl.e-popup {
33
- border: 0;
34
- box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
35
- margin-top: 2px;
36
- }
37
-
38
- .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
39
- border-color: transparent;
40
- }
41
-
42
- .e-bigger .e-popup.e-ddl-device-filter {
43
- margin-top: 0;
44
- }
45
-
46
- .e-bigger .e-ddl-device .e-input-group,
47
- .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
48
- background: #f5f5f5;
49
- border-width: 0;
50
- box-shadow: none;
51
- margin-bottom: 0;
52
- }
53
-
54
- .e-bigger .e-ddl-device .e-input-group .e-back-icon,
55
- .e-bigger .e-ddl-device .e-input-group input.e-input,
56
- .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
57
- background-color: #f5f5f5;
58
- }
59
-
60
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
61
- margin: 6px 6px 5px;
62
- min-height: 12px;
63
- min-width: 12px;
64
- padding: 6px;
65
- }
66
-
67
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
68
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
69
- min-height: 16px;
70
- min-width: 16px;
71
- }
72
-
73
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
74
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
75
- padding: 8px 16px 8px 0;
76
- }
77
-
78
- .e-input-group.e-ddl,
79
- .e-input-group.e-ddl .e-input,
80
- .e-input-group.e-ddl .e-ddl-icon {
81
- background: transparent;
82
- }
83
-
84
- .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
85
- .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
86
- border-bottom-width: 0;
87
- }
88
-
89
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
90
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
91
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
92
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
93
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
94
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
95
- margin: 0;
96
- }
97
-
98
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
99
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
100
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
101
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
102
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
103
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
104
- padding: 5px 5px 5px 12px;
105
- }
106
-
107
- /* stylelint-disable-line no-empty-source */
1
+ @import '@syncfusion/ej2-dropdowns/styles/combo-box/material-dark.css';