@syncfusion/ej2-multicolumn-combobox 26.1.35

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 (141) hide show
  1. package/README.md +47 -0
  2. package/dist/ej2-multicolumn-combobox.umd.min.js +2 -0
  3. package/dist/ej2-multicolumn-combobox.umd.min.js.map +1 -0
  4. package/dist/es6/ej2-multicolumn-combobox.es2015.js +1612 -0
  5. package/dist/es6/ej2-multicolumn-combobox.es2015.js.map +1 -0
  6. package/dist/es6/ej2-multicolumn-combobox.es5.js +1663 -0
  7. package/dist/es6/ej2-multicolumn-combobox.es5.js.map +1 -0
  8. package/dist/global/ej2-multicolumn-combobox.min.js +2 -0
  9. package/dist/global/ej2-multicolumn-combobox.min.js.map +1 -0
  10. package/dist/global/index.d.ts +5 -0
  11. package/index.d.ts +4 -0
  12. package/index.js +4 -0
  13. package/license +10 -0
  14. package/multicolumn-combobox.d.ts +4 -0
  15. package/multicolumn-combobox.js +4 -0
  16. package/package.json +62 -0
  17. package/src/global.js +3 -0
  18. package/src/index.d.ts +1 -0
  19. package/src/index.js +3 -0
  20. package/src/multicolumn-combobox/index.d.ts +6 -0
  21. package/src/multicolumn-combobox/index.js +5 -0
  22. package/src/multicolumn-combobox/multi-column-combo-box-model.d.ts +527 -0
  23. package/src/multicolumn-combobox/multi-column-combo-box.d.ts +860 -0
  24. package/src/multicolumn-combobox/multi-column-combo-box.js +1666 -0
  25. package/styles/bootstrap-dark.css +331 -0
  26. package/styles/bootstrap-dark.scss +10 -0
  27. package/styles/bootstrap.css +331 -0
  28. package/styles/bootstrap.scss +10 -0
  29. package/styles/bootstrap4.css +395 -0
  30. package/styles/bootstrap4.scss +10 -0
  31. package/styles/bootstrap5-dark.css +399 -0
  32. package/styles/bootstrap5-dark.scss +10 -0
  33. package/styles/bootstrap5.css +399 -0
  34. package/styles/bootstrap5.scss +10 -0
  35. package/styles/fabric-dark.css +306 -0
  36. package/styles/fabric-dark.scss +10 -0
  37. package/styles/fabric.css +299 -0
  38. package/styles/fabric.scss +10 -0
  39. package/styles/fluent-dark.css +379 -0
  40. package/styles/fluent-dark.scss +10 -0
  41. package/styles/fluent.css +379 -0
  42. package/styles/fluent.scss +10 -0
  43. package/styles/fluent2.css +1408 -0
  44. package/styles/fluent2.scss +10 -0
  45. package/styles/highcontrast-light.css +317 -0
  46. package/styles/highcontrast-light.scss +10 -0
  47. package/styles/highcontrast.css +317 -0
  48. package/styles/highcontrast.scss +10 -0
  49. package/styles/material-dark.css +339 -0
  50. package/styles/material-dark.scss +10 -0
  51. package/styles/material.css +364 -0
  52. package/styles/material.scss +10 -0
  53. package/styles/material3-dark.css +431 -0
  54. package/styles/material3-dark.scss +12 -0
  55. package/styles/material3.css +487 -0
  56. package/styles/material3.scss +12 -0
  57. package/styles/multicolumn-combobox/_all.scss +2 -0
  58. package/styles/multicolumn-combobox/_bds-definition.scss +29 -0
  59. package/styles/multicolumn-combobox/_bootstrap-dark-definition.scss +29 -0
  60. package/styles/multicolumn-combobox/_bootstrap-definition.scss +29 -0
  61. package/styles/multicolumn-combobox/_bootstrap4-definition.scss +29 -0
  62. package/styles/multicolumn-combobox/_bootstrap5-dark-definition.scss +1 -0
  63. package/styles/multicolumn-combobox/_bootstrap5-definition.scss +29 -0
  64. package/styles/multicolumn-combobox/_bootstrap5.3-definition.scss +29 -0
  65. package/styles/multicolumn-combobox/_fabric-dark-definition.scss +29 -0
  66. package/styles/multicolumn-combobox/_fabric-definition.scss +29 -0
  67. package/styles/multicolumn-combobox/_fluent-dark-definition.scss +1 -0
  68. package/styles/multicolumn-combobox/_fluent-definition.scss +29 -0
  69. package/styles/multicolumn-combobox/_fluent2-definition.scss +29 -0
  70. package/styles/multicolumn-combobox/_fusionnew-definition.scss +29 -0
  71. package/styles/multicolumn-combobox/_highcontrast-definition.scss +29 -0
  72. package/styles/multicolumn-combobox/_highcontrast-light-definition.scss +29 -0
  73. package/styles/multicolumn-combobox/_layout.scss +130 -0
  74. package/styles/multicolumn-combobox/_material-dark-definition.scss +29 -0
  75. package/styles/multicolumn-combobox/_material-definition.scss +29 -0
  76. package/styles/multicolumn-combobox/_material3-dark-definition.scss +1 -0
  77. package/styles/multicolumn-combobox/_material3-definition.scss +29 -0
  78. package/styles/multicolumn-combobox/_tailwind-dark-definition.scss +1 -0
  79. package/styles/multicolumn-combobox/_tailwind-definition.scss +29 -0
  80. package/styles/multicolumn-combobox/_theme.scss +49 -0
  81. package/styles/multicolumn-combobox/bootstrap-dark.css +331 -0
  82. package/styles/multicolumn-combobox/bootstrap-dark.scss +10 -0
  83. package/styles/multicolumn-combobox/bootstrap.css +331 -0
  84. package/styles/multicolumn-combobox/bootstrap.scss +10 -0
  85. package/styles/multicolumn-combobox/bootstrap4.css +395 -0
  86. package/styles/multicolumn-combobox/bootstrap4.scss +10 -0
  87. package/styles/multicolumn-combobox/bootstrap5-dark.css +399 -0
  88. package/styles/multicolumn-combobox/bootstrap5-dark.scss +10 -0
  89. package/styles/multicolumn-combobox/bootstrap5.css +399 -0
  90. package/styles/multicolumn-combobox/bootstrap5.scss +10 -0
  91. package/styles/multicolumn-combobox/fabric-dark.css +306 -0
  92. package/styles/multicolumn-combobox/fabric-dark.scss +10 -0
  93. package/styles/multicolumn-combobox/fabric.css +299 -0
  94. package/styles/multicolumn-combobox/fabric.scss +10 -0
  95. package/styles/multicolumn-combobox/fluent-dark.css +379 -0
  96. package/styles/multicolumn-combobox/fluent-dark.scss +10 -0
  97. package/styles/multicolumn-combobox/fluent.css +379 -0
  98. package/styles/multicolumn-combobox/fluent.scss +10 -0
  99. package/styles/multicolumn-combobox/fluent2.css +1408 -0
  100. package/styles/multicolumn-combobox/fluent2.scss +10 -0
  101. package/styles/multicolumn-combobox/highcontrast-light.css +317 -0
  102. package/styles/multicolumn-combobox/highcontrast-light.scss +10 -0
  103. package/styles/multicolumn-combobox/highcontrast.css +317 -0
  104. package/styles/multicolumn-combobox/highcontrast.scss +10 -0
  105. package/styles/multicolumn-combobox/icons/_bds.scss +6 -0
  106. package/styles/multicolumn-combobox/icons/_bootstrap-dark.scss +6 -0
  107. package/styles/multicolumn-combobox/icons/_bootstrap.scss +6 -0
  108. package/styles/multicolumn-combobox/icons/_bootstrap4.scss +6 -0
  109. package/styles/multicolumn-combobox/icons/_bootstrap5-dark.scss +1 -0
  110. package/styles/multicolumn-combobox/icons/_bootstrap5.3.scss +6 -0
  111. package/styles/multicolumn-combobox/icons/_bootstrap5.scss +6 -0
  112. package/styles/multicolumn-combobox/icons/_fabric-dark.scss +6 -0
  113. package/styles/multicolumn-combobox/icons/_fabric.scss +6 -0
  114. package/styles/multicolumn-combobox/icons/_fluent-dark.scss +1 -0
  115. package/styles/multicolumn-combobox/icons/_fluent.scss +6 -0
  116. package/styles/multicolumn-combobox/icons/_fluent2.scss +6 -0
  117. package/styles/multicolumn-combobox/icons/_fusionnew.scss +6 -0
  118. package/styles/multicolumn-combobox/icons/_highcontrast-light.scss +6 -0
  119. package/styles/multicolumn-combobox/icons/_highcontrast.scss +6 -0
  120. package/styles/multicolumn-combobox/icons/_material-dark.scss +6 -0
  121. package/styles/multicolumn-combobox/icons/_material.scss +6 -0
  122. package/styles/multicolumn-combobox/icons/_material3-dark.scss +1 -0
  123. package/styles/multicolumn-combobox/icons/_material3.scss +6 -0
  124. package/styles/multicolumn-combobox/icons/_tailwind-dark.scss +1 -0
  125. package/styles/multicolumn-combobox/icons/_tailwind.scss +6 -0
  126. package/styles/multicolumn-combobox/material-dark.css +339 -0
  127. package/styles/multicolumn-combobox/material-dark.scss +10 -0
  128. package/styles/multicolumn-combobox/material.css +364 -0
  129. package/styles/multicolumn-combobox/material.scss +10 -0
  130. package/styles/multicolumn-combobox/material3-dark.css +431 -0
  131. package/styles/multicolumn-combobox/material3-dark.scss +11 -0
  132. package/styles/multicolumn-combobox/material3.css +487 -0
  133. package/styles/multicolumn-combobox/material3.scss +11 -0
  134. package/styles/multicolumn-combobox/tailwind-dark.css +363 -0
  135. package/styles/multicolumn-combobox/tailwind-dark.scss +10 -0
  136. package/styles/multicolumn-combobox/tailwind.css +363 -0
  137. package/styles/multicolumn-combobox/tailwind.scss +10 -0
  138. package/styles/tailwind-dark.css +363 -0
  139. package/styles/tailwind-dark.scss +10 -0
  140. package/styles/tailwind.css +363 -0
  141. package/styles/tailwind.scss +10 -0
@@ -0,0 +1,6 @@
1
+ @include export-module('multicolumncombobox-bootstrap5-icons') {
2
+ .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
3
+ content: '\e729';
4
+ font-family: 'e-icons';
5
+ }
6
+ }
@@ -0,0 +1,6 @@
1
+ @include export-module('multicolumncombobox-fabric-icons') {
2
+ .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
3
+ content: '\e966';
4
+ font-family: 'e-icons';
5
+ }
6
+ }
@@ -0,0 +1,6 @@
1
+ @include export-module('multicolumncombobox-fabric-icons') {
2
+ .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
3
+ content: '\e966';
4
+ font-family: 'e-icons';
5
+ }
6
+ }
@@ -0,0 +1 @@
1
+ @import './fluent.scss';
@@ -0,0 +1,6 @@
1
+ @include export-module('multicolumncombobox-fluent-icons') {
2
+ .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
3
+ content: '\e729';
4
+ font-family: 'e-icons';
5
+ }
6
+ }
@@ -0,0 +1,6 @@
1
+ @include export-module('multicolumncombobox-fluent2-icons') {
2
+ .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
3
+ content: '\e729';
4
+ font-family: 'e-icons';
5
+ }
6
+ }
@@ -0,0 +1,6 @@
1
+ @include export-module('multicolumncombobox-fusionnew-icons') {
2
+ .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
3
+ content: '\e729';
4
+ font-family: 'e-icons';
5
+ }
6
+ }
@@ -0,0 +1,6 @@
1
+ @include export-module('multicolumncombobox-highcontrast-icons') {
2
+ .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
3
+ content: '\e966';
4
+ font-family: 'e-icons';
5
+ }
6
+ }
@@ -0,0 +1,6 @@
1
+ @include export-module('multicolumncombobox-highcontrast-icons') {
2
+ .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
3
+ content: '\e966';
4
+ font-family: 'e-icons';
5
+ }
6
+ }
@@ -0,0 +1,6 @@
1
+ @include export-module('multicolumncombobox-material-icons') {
2
+ .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
3
+ content: '\e969';
4
+ font-family: 'e-icons';
5
+ }
6
+ }
@@ -0,0 +1,6 @@
1
+ @include export-module('multicolumncombobox-material-icons') {
2
+ .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
3
+ content: '\e969';
4
+ font-family: 'e-icons';
5
+ }
6
+ }
@@ -0,0 +1 @@
1
+ @import './material3.scss';
@@ -0,0 +1,6 @@
1
+ @include export-module('multicolumncombobox-material3-icons') {
2
+ .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
3
+ content: '\e70d';
4
+ font-family: 'e-icons';
5
+ }
6
+ }
@@ -0,0 +1 @@
1
+ @import './tailwind.scss';
@@ -0,0 +1,6 @@
1
+ @include export-module('multicolumncombobox-tailwind-icons') {
2
+ .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
3
+ content: '\e729';
4
+ font-family: 'e-icons';
5
+ }
6
+ }
@@ -0,0 +1,339 @@
1
+ .e-dropdownbase .e-list-item .e-list-icon {
2
+ padding: 0 16px 0 0;
3
+ }
4
+
5
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
6
+ padding: 0 12px 0 0;
7
+ }
8
+
9
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
10
+ padding: 0 16px 0 0;
11
+ }
12
+
13
+ .e-ddl.e-control-wrapper .e-ddl-icon::before {
14
+ -webkit-transform: rotate(0deg);
15
+ transform: rotate(0deg);
16
+ -webkit-transition: -webkit-transform 300ms ease;
17
+ transition: -webkit-transform 300ms ease;
18
+ transition: transform 300ms ease;
19
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
20
+ }
21
+
22
+ .e-popup.e-ddl .e-dropdownbase {
23
+ min-height: 26px;
24
+ }
25
+
26
+ .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
27
+ -webkit-transform: rotate(180deg);
28
+ transform: rotate(180deg);
29
+ -webkit-transition: -webkit-transform 300ms ease;
30
+ transition: -webkit-transform 300ms ease;
31
+ transition: transform 300ms ease;
32
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
33
+ }
34
+
35
+ .e-dropdownbase .e-list-item.e-active.e-hover {
36
+ color: #00b0ff;
37
+ }
38
+
39
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
40
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
41
+ .e-input-group:not(.e-disabled) .e-back-icon:active,
42
+ .e-input-group:not(.e-disabled) .e-back-icon:hover,
43
+ .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active,
44
+ .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover {
45
+ background: transparent;
46
+ }
47
+
48
+ .e-input-group .e-ddl-icon:not(:active)::after {
49
+ -webkit-animation: none;
50
+ animation: none;
51
+ }
52
+
53
+ .e-ddl.e-popup {
54
+ border: 0;
55
+ -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
56
+ box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
57
+ margin-top: 2px;
58
+ }
59
+
60
+ .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
61
+ border-color: transparent;
62
+ }
63
+
64
+ .e-bigger .e-popup.e-ddl-device-filter {
65
+ margin-top: 0;
66
+ }
67
+
68
+ .e-bigger .e-ddl-device .e-input-group,
69
+ .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
70
+ background: #f5f5f5;
71
+ border-width: 0;
72
+ -webkit-box-shadow: none;
73
+ box-shadow: none;
74
+ margin-bottom: 0;
75
+ }
76
+
77
+ .e-bigger .e-ddl-device .e-input-group .e-back-icon,
78
+ .e-bigger .e-ddl-device .e-input-group input.e-input,
79
+ .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
80
+ background-color: #f5f5f5;
81
+ }
82
+
83
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
84
+ margin: 6px 6px 5px;
85
+ min-height: 12px;
86
+ min-width: 12px;
87
+ padding: 6px;
88
+ }
89
+
90
+ .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
91
+ .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
92
+ min-height: 16px;
93
+ min-width: 16px;
94
+ }
95
+
96
+ .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
97
+ .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
98
+ padding: 8px 16px 8px 0;
99
+ }
100
+
101
+ .e-input-group.e-ddl,
102
+ .e-input-group.e-ddl .e-input,
103
+ .e-input-group.e-ddl .e-ddl-icon {
104
+ background: transparent;
105
+ }
106
+
107
+ .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left),
108
+ .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) {
109
+ border-bottom-width: 0;
110
+ }
111
+
112
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
113
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
114
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
115
+ .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
116
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
117
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
118
+ margin: 0;
119
+ }
120
+
121
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
122
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
123
+ .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
124
+ .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
125
+ .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
126
+ .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
127
+ padding: 5px 5px 5px 12px;
128
+ }
129
+
130
+ .e-input-group.e-control-wrapper .e-multicolumn-list-icon::before {
131
+ content: "\e969";
132
+ font-family: "e-icons";
133
+ }
134
+
135
+ .e-multicolumn-grid tr.e-groupcaptionrow {
136
+ position: sticky;
137
+ top: 0;
138
+ }
139
+
140
+ .e-multicolumn-grid th.e-grouptopleftcell.e-lastgrouptopleftcell,
141
+ .e-multicolumn-grid td.e-recordplusexpand,
142
+ .e-multicolumn-grid td.e-indentcell,
143
+ .e-multicolumn-grid col.e-group-intent,
144
+ .e-multicolumn-list .e-no-records + .e-grid {
145
+ display: none;
146
+ }
147
+
148
+ .e-multicolumn-grid .e-gridheader .e-headercelldiv {
149
+ overflow: hidden;
150
+ }
151
+
152
+ .e-multicolumn-list .e-popup-footer {
153
+ vertical-align: middle;
154
+ border-top: 1px solid;
155
+ font-size: 14px;
156
+ height: 38px;
157
+ padding: 8px 0;
158
+ }
159
+
160
+ .e-input-group.e-multicolumn-list input[readonly].e-input {
161
+ pointer-events: none;
162
+ }
163
+
164
+ .e-multicolumn-list.e-icon-anim .e-multicolumn-list-icon::before {
165
+ -webkit-transform: rotate(180deg);
166
+ transform: rotate(180deg);
167
+ }
168
+ .e-multicolumn-list:not(.e-icon-anim) .e-multicolumn-list-icon::before {
169
+ -webkit-transform: rotate(0deg);
170
+ transform: rotate(0deg);
171
+ }
172
+ .e-multicolumn-list .e-multicolumn-list-icon::before {
173
+ -webkit-transition: -webkit-transform 300ms ease;
174
+ transition: -webkit-transform 300ms ease;
175
+ transition: transform 300ms ease;
176
+ transition: transform 300ms ease, -webkit-transform 300ms ease;
177
+ }
178
+
179
+ .e-multicolumn-grid .e-grid {
180
+ overflow: auto;
181
+ }
182
+
183
+ .e-multicolumn-grid .e-row,
184
+ .e-multicolumn-grid .e-emptyrow {
185
+ height: 36px;
186
+ }
187
+
188
+ .e-multicolumn-group .e-sortnumber {
189
+ display: none;
190
+ }
191
+
192
+ .e-popup.e-multicolumn-list {
193
+ position: absolute;
194
+ border-radius: 4px;
195
+ margin-top: 1px;
196
+ }
197
+ .e-popup.e-multicolumn-list .e-nodata {
198
+ cursor: default;
199
+ font-family: inherit;
200
+ font-size: 14px;
201
+ padding: 14px 16px;
202
+ text-align: center;
203
+ border-radius: inherit;
204
+ }
205
+ .e-popup.e-multicolumn-list .e-headertext {
206
+ font-weight: 500;
207
+ }
208
+ .e-popup.e-multicolumn-list .e-gridheader {
209
+ position: sticky;
210
+ top: 0;
211
+ z-index: 1;
212
+ }
213
+
214
+ .e-multicolumn-grid .e-headercontent {
215
+ border-right-width: inherit !important; /* stylelint-disable-line declaration-no-important */
216
+ }
217
+
218
+ .e-multicolumn-grid.e-rtl .e-headercontent {
219
+ border-left-width: inherit !important; /* stylelint-disable-line declaration-no-important */
220
+ }
221
+
222
+ .e-multicolumn-grid .e-content {
223
+ overflow: auto !important; /* stylelint-disable-line declaration-no-important */
224
+ }
225
+
226
+ .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
227
+ .e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-small.e-popup.e-multicolumn-list .e-popup-footer,
228
+ .e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
229
+ .e-small .e-popup .e-multicolumn-grid .e-rowcell,
230
+ .e-small .e-popup.e-multicolumn-list .e-popup-footer {
231
+ font-size: 12px;
232
+ }
233
+ .e-small.e-popup .e-multicolumn-grid .e-row,
234
+ .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
235
+ .e-small .e-popup .e-multicolumn-grid .e-row,
236
+ .e-small .e-popup .e-multicolumn-grid .e-emptyrow {
237
+ height: 36px;
238
+ }
239
+ .e-small.e-popup.e-multicolumn-list,
240
+ .e-small .e-popup.e-multicolumn-list {
241
+ margin-top: 1px;
242
+ }
243
+
244
+ .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
245
+ .e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
246
+ font-size: 16px;
247
+ }
248
+ .e-bigger.e-popup .e-multicolumn-grid .e-row,
249
+ .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
250
+ .e-bigger .e-popup .e-multicolumn-grid .e-row,
251
+ .e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
252
+ height: 48px;
253
+ }
254
+ .e-bigger.e-popup.e-multicolumn-list,
255
+ .e-bigger .e-popup.e-multicolumn-list {
256
+ margin-top: 1px;
257
+ }
258
+
259
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
260
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
261
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
262
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
263
+ .e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
264
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
265
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
266
+ .e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
267
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
268
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
269
+ .e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
270
+ font-size: 14px;
271
+ }
272
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
273
+ .e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
274
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
275
+ .e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
276
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
277
+ .e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
278
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
279
+ .e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
280
+ height: 48px;
281
+ }
282
+ .e-bigger.e-small.e-popup.e-multicolumn-list,
283
+ .e-bigger.e-small .e-popup.e-multicolumn-list,
284
+ .e-bigger .e-small.e-popup.e-multicolumn-list,
285
+ .e-small .e-bigger.e-popup.e-multicolumn-list {
286
+ margin-top: 1px;
287
+ }
288
+
289
+ .e-multicolumn-list .e-popup-footer {
290
+ background: transperent;
291
+ color: rgba(255, 255, 255, 0.6);
292
+ border-color: #616161;
293
+ }
294
+
295
+ .e-input-group.e-multicolumn-list:focus-visible {
296
+ outline: transparent;
297
+ }
298
+
299
+ .e-popup.e-multicolumn-list {
300
+ background: transparent;
301
+ -webkit-box-shadow: 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.1), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.13);
302
+ box-shadow: 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.1), 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.13);
303
+ }
304
+ .e-popup.e-multicolumn-list .e-nodata {
305
+ color: rgba(255, 255, 255, 0.6);
306
+ border: 1px solid #424242;
307
+ background: #424242;
308
+ }
309
+ .e-popup.e-multicolumn-list .e-multicolumn-grid .e-rowcell {
310
+ color: white;
311
+ }
312
+ .e-popup.e-multicolumn-list .e-multicolumn-grid .e-focused {
313
+ -webkit-box-shadow: none;
314
+ box-shadow: none;
315
+ }
316
+ .e-popup.e-multicolumn-list .e-gridhover .e-row:hover .e-rowcell:not(.e-active),
317
+ .e-popup.e-multicolumn-list .e-gridcontent .e-row-focus {
318
+ background: #616161 !important; /* stylelint-disable-line declaration-no-important */
319
+ }
320
+ .e-popup.e-multicolumn-list .e-multicolumn-grid td.e-active {
321
+ background: #616161;
322
+ color: #00b0ff;
323
+ }
324
+ .e-popup.e-multicolumn-list .e-groupcaption {
325
+ color: rgba(255, 255, 255, 0.6);
326
+ background: #424242;
327
+ }
328
+ .e-popup.e-multicolumn-list .e-gridheader,
329
+ .e-popup.e-multicolumn-list .e-gridheader colgroup {
330
+ background: #303030;
331
+ }
332
+ .e-popup.e-multicolumn-list .e-altrow {
333
+ background: #616161;
334
+ }
335
+ .e-popup.e-multicolumn-list .e-headertext,
336
+ .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
337
+ .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=descending] .e-headertext {
338
+ color: rgba(255, 255, 255, 0.6);
339
+ }
@@ -0,0 +1,10 @@
1
+ @import 'ej2-base/styles/definition/material-dark.scss';
2
+ @import 'ej2-buttons/styles/button/material-dark-definition.scss';
3
+ @import 'ej2-splitbuttons/styles/drop-down-button/material-dark-definition.scss';
4
+ @import 'ej2-dropdowns/styles/drop-down-base/material-dark-definition.scss';
5
+ @import 'ej2-dropdowns/styles/drop-down-list/material-dark-definition.scss';
6
+ @import 'ej2-dropdowns/styles/combo-box/material-dark-definition.scss';
7
+ @import 'ej2-grids/styles/grid/material-dark-definition.scss';
8
+ @import 'material-dark-definition.scss';
9
+ @import 'icons/material-dark.scss';
10
+ @import 'all.scss';