@syncfusion/ej2-dropdowns 18.2.44-4568 → 18.2.44-4569

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (169) hide show
  1. package/.eslintrc.json +244 -0
  2. package/CHANGELOG.md +1524 -1524
  3. package/README.md +118 -118
  4. package/dist/ej2-dropdowns.umd.min.js +1 -1
  5. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es2015.js +99 -60
  7. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  8. package/dist/es6/ej2-dropdowns.es5.js +191 -151
  9. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  10. package/dist/global/ej2-dropdowns.min.js +1 -1
  11. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  12. package/dist/ts/auto-complete/auto-complete.ts +527 -0
  13. package/dist/ts/combo-box/combo-box.ts +957 -0
  14. package/dist/ts/common/highlight-search.ts +47 -0
  15. package/dist/ts/common/incremental-search.ts +81 -0
  16. package/dist/ts/drop-down-base/drop-down-base.ts +1572 -0
  17. package/dist/ts/drop-down-list/drop-down-list.ts +2993 -0
  18. package/dist/ts/drop-down-tree/drop-down-tree.ts +3066 -0
  19. package/dist/ts/list-box/list-box.ts +2317 -0
  20. package/dist/ts/multi-select/checkbox-selection.ts +528 -0
  21. package/dist/ts/multi-select/float-label.ts +155 -0
  22. package/dist/ts/multi-select/interface.ts +66 -0
  23. package/dist/ts/multi-select/multi-select.ts +4216 -0
  24. package/helpers/e2e/index.js +3 -3
  25. package/license +2 -2
  26. package/package.json +77 -78
  27. package/src/auto-complete/auto-complete-model.d.ts +179 -179
  28. package/src/auto-complete/auto-complete.js +19 -19
  29. package/src/combo-box/combo-box-model.d.ts +212 -212
  30. package/src/combo-box/combo-box.js +19 -19
  31. package/src/drop-down-base/drop-down-base-model.d.ts +191 -191
  32. package/src/drop-down-base/drop-down-base.js +19 -19
  33. package/src/drop-down-list/drop-down-list-model.d.ts +222 -222
  34. package/src/drop-down-list/drop-down-list.js +19 -19
  35. package/src/drop-down-tree/drop-down-tree-model.d.ts +344 -344
  36. package/src/drop-down-tree/drop-down-tree.js +19 -19
  37. package/src/list-box/list-box-model.d.ts +156 -156
  38. package/src/list-box/list-box.js +19 -19
  39. package/src/multi-select/multi-select-model.d.ts +452 -452
  40. package/src/multi-select/multi-select.d.ts +2 -0
  41. package/src/multi-select/multi-select.js +73 -36
  42. package/styles/_all.scss +3 -3
  43. package/styles/auto-complete/_bootstrap-dark-definition.scss +3 -3
  44. package/styles/auto-complete/_bootstrap4-definition.scss +11 -11
  45. package/styles/auto-complete/_fabric-dark-definition.scss +2 -2
  46. package/styles/auto-complete/_highcontrast-light-definition.scss +2 -2
  47. package/styles/auto-complete/_material-dark-definition.scss +2 -2
  48. package/styles/bootstrap-dark.css +13 -16
  49. package/styles/bootstrap.css +12 -15
  50. package/styles/bootstrap4.css +6 -10
  51. package/styles/combo-box/_bootstrap-dark-definition.scss +2 -2
  52. package/styles/combo-box/_bootstrap4-definition.scss +11 -11
  53. package/styles/combo-box/_fabric-dark-definition.scss +2 -2
  54. package/styles/combo-box/_highcontrast-light-definition.scss +3 -3
  55. package/styles/combo-box/_material-dark-definition.scss +2 -2
  56. package/styles/drop-down-base/_all.scss +2 -2
  57. package/styles/drop-down-base/_bootstrap-dark-definition.scss +64 -64
  58. package/styles/drop-down-base/_bootstrap-definition.scss +64 -64
  59. package/styles/drop-down-base/_bootstrap4-definition.scss +78 -78
  60. package/styles/drop-down-base/_definition.scss +23 -23
  61. package/styles/drop-down-base/_fabric-dark-definition.scss +68 -68
  62. package/styles/drop-down-base/_fabric-definition.scss +66 -66
  63. package/styles/drop-down-base/_highcontrast-definition.scss +82 -82
  64. package/styles/drop-down-base/_highcontrast-light-definition.scss +81 -81
  65. package/styles/drop-down-base/_layout.scss +108 -108
  66. package/styles/drop-down-base/_material-dark-definition.scss +67 -67
  67. package/styles/drop-down-base/_material-definition.scss +65 -65
  68. package/styles/drop-down-base/_theme.scss +242 -242
  69. package/styles/drop-down-list/_all.scss +2 -2
  70. package/styles/drop-down-list/_bootstrap-dark-definition.scss +157 -157
  71. package/styles/drop-down-list/_bootstrap-definition.scss +156 -156
  72. package/styles/drop-down-list/_bootstrap4-definition.scss +184 -184
  73. package/styles/drop-down-list/_fabric-dark-definition.scss +127 -127
  74. package/styles/drop-down-list/_fabric-definition.scss +122 -122
  75. package/styles/drop-down-list/_highcontrast-definition.scss +131 -131
  76. package/styles/drop-down-list/_highcontrast-light-definition.scss +133 -133
  77. package/styles/drop-down-list/_layout.scss +218 -218
  78. package/styles/drop-down-list/_material-dark-definition.scss +143 -143
  79. package/styles/drop-down-list/_material-definition.scss +166 -166
  80. package/styles/drop-down-list/_theme.scss +10 -10
  81. package/styles/drop-down-list/icons/_bootstrap-dark.scss +14 -14
  82. package/styles/drop-down-list/icons/_bootstrap.scss +14 -14
  83. package/styles/drop-down-list/icons/_bootstrap4.scss +14 -14
  84. package/styles/drop-down-list/icons/_fabric-dark.scss +14 -14
  85. package/styles/drop-down-list/icons/_fabric.scss +14 -14
  86. package/styles/drop-down-list/icons/_highcontrast-light.scss +14 -14
  87. package/styles/drop-down-list/icons/_highcontrast.scss +14 -14
  88. package/styles/drop-down-list/icons/_material-dark.scss +14 -14
  89. package/styles/drop-down-list/icons/_material.scss +14 -14
  90. package/styles/drop-down-list/material.css +9 -0
  91. package/styles/drop-down-tree/_all.scss +2 -2
  92. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +61 -61
  93. package/styles/drop-down-tree/_bootstrap-definition.scss +61 -61
  94. package/styles/drop-down-tree/_bootstrap4-definition.scss +62 -62
  95. package/styles/drop-down-tree/_fabric-dark-definition.scss +62 -62
  96. package/styles/drop-down-tree/_fabric-definition.scss +62 -62
  97. package/styles/drop-down-tree/_highcontrast-definition.scss +62 -62
  98. package/styles/drop-down-tree/_highcontrast-light-definition.scss +62 -62
  99. package/styles/drop-down-tree/_layout.scss +437 -437
  100. package/styles/drop-down-tree/_material-dark-definition.scss +60 -60
  101. package/styles/drop-down-tree/_material-definition.scss +60 -60
  102. package/styles/drop-down-tree/_theme.scss +68 -68
  103. package/styles/drop-down-tree/icons/_bootstrap-dark.scss +11 -11
  104. package/styles/drop-down-tree/icons/_bootstrap.scss +11 -11
  105. package/styles/drop-down-tree/icons/_bootstrap4.scss +11 -11
  106. package/styles/drop-down-tree/icons/_fabric-dark.scss +11 -11
  107. package/styles/drop-down-tree/icons/_fabric.scss +11 -11
  108. package/styles/drop-down-tree/icons/_highcontrast-light.scss +11 -11
  109. package/styles/drop-down-tree/icons/_highcontrast.scss +11 -11
  110. package/styles/drop-down-tree/icons/_material-dark.scss +11 -11
  111. package/styles/drop-down-tree/icons/_material.scss +11 -11
  112. package/styles/drop-down-tree/material.css +9 -0
  113. package/styles/fabric-dark.css +2 -5
  114. package/styles/fabric.css +1 -4
  115. package/styles/highcontrast-light.css +2 -5
  116. package/styles/highcontrast.css +2 -7
  117. package/styles/list-box/_all.scss +2 -2
  118. package/styles/list-box/_bootstrap-dark-definition.scss +118 -118
  119. package/styles/list-box/_bootstrap-definition.scss +112 -112
  120. package/styles/list-box/_bootstrap4-definition.scss +118 -118
  121. package/styles/list-box/_fabric-dark-definition.scss +118 -118
  122. package/styles/list-box/_fabric-definition.scss +112 -112
  123. package/styles/list-box/_highcontrast-definition.scss +112 -112
  124. package/styles/list-box/_highcontrast-light-definition.scss +118 -118
  125. package/styles/list-box/_layout.scss +458 -458
  126. package/styles/list-box/_material-dark-definition.scss +118 -118
  127. package/styles/list-box/_material-definition.scss +112 -112
  128. package/styles/list-box/_theme.scss +273 -273
  129. package/styles/list-box/icons/_bootstrap-dark.scss +25 -25
  130. package/styles/list-box/icons/_bootstrap.scss +25 -25
  131. package/styles/list-box/icons/_bootstrap4.scss +25 -25
  132. package/styles/list-box/icons/_fabric-dark.scss +25 -25
  133. package/styles/list-box/icons/_fabric.scss +25 -25
  134. package/styles/list-box/icons/_highcontrast-light.scss +25 -25
  135. package/styles/list-box/icons/_highcontrast.scss +25 -25
  136. package/styles/list-box/icons/_material-dark.scss +25 -25
  137. package/styles/list-box/icons/_material.scss +25 -25
  138. package/styles/material-dark.css +8 -11
  139. package/styles/material.css +34 -10
  140. package/styles/multi-select/_all.scss +2 -2
  141. package/styles/multi-select/_bootstrap-dark-definition.scss +171 -171
  142. package/styles/multi-select/_bootstrap-definition.scss +166 -166
  143. package/styles/multi-select/_bootstrap4-definition.scss +233 -233
  144. package/styles/multi-select/_fabric-dark-definition.scss +170 -170
  145. package/styles/multi-select/_fabric-definition.scss +167 -167
  146. package/styles/multi-select/_highcontrast-definition.scss +257 -259
  147. package/styles/multi-select/_highcontrast-light-definition.scss +258 -258
  148. package/styles/multi-select/_layout.scss +1153 -1153
  149. package/styles/multi-select/_material-dark-definition.scss +186 -186
  150. package/styles/multi-select/_material-definition.scss +191 -191
  151. package/styles/multi-select/_theme.scss +384 -389
  152. package/styles/multi-select/bootstrap-dark.css +13 -16
  153. package/styles/multi-select/bootstrap.css +12 -15
  154. package/styles/multi-select/bootstrap4.css +6 -10
  155. package/styles/multi-select/fabric-dark.css +2 -5
  156. package/styles/multi-select/fabric.css +1 -4
  157. package/styles/multi-select/highcontrast-light.css +2 -5
  158. package/styles/multi-select/highcontrast.css +2 -7
  159. package/styles/multi-select/icons/_bootstrap-dark.scss +26 -26
  160. package/styles/multi-select/icons/_bootstrap.scss +26 -26
  161. package/styles/multi-select/icons/_bootstrap4.scss +37 -37
  162. package/styles/multi-select/icons/_fabric-dark.scss +26 -26
  163. package/styles/multi-select/icons/_fabric.scss +26 -26
  164. package/styles/multi-select/icons/_highcontrast-light.scss +26 -26
  165. package/styles/multi-select/icons/_highcontrast.scss +26 -26
  166. package/styles/multi-select/icons/_material-dark.scss +26 -26
  167. package/styles/multi-select/icons/_material.scss +324 -324
  168. package/styles/multi-select/material-dark.css +8 -11
  169. package/styles/multi-select/material.css +16 -10
package/styles/drop-down-base/_material-dark-definition.scss CHANGED
@@ -1,67 +1,67 @@
1
- //default
2
- $ddl-list-line-height: 36px !default;
3
- $ddl-header-font-weight: 600 !default;
4
- $ddl-last-child-bottom-border: 0 !default;
5
- $ddl-default-font-family: inherit !default;
6
- $ddl-list-border-size: 0 !default;
7
- $ddl-list-bottom-border: $ddl-list-border-size !default;
8
- $ddl-list-border-color: transparent !default;
9
- $ddl-list-gradient-color: transparent !default;
10
- $ddl-list-bg-color: $grey-800 !default;
11
- $ddl-list-header-bg-color: $grey-800 !default;
12
- $ddl-list-header-border-color: $grey-700 !default;
13
- $ddl-nodata-font-color: rgba($grey-dark-font, .7) !default;
14
- $ddl-list-default-font-color: $grey-dark-font !default;
15
- $ddl-list-active-border-color: rgba($grey-white, .18) !default;
16
- $ddl-list-active-font-color: $accent !default;
17
- $ddl-list-active-bg-color: rgba($grey-white, .05) !default;
18
- $ddl-list-hover-border-color: rgba($grey-white, .05) !default;
19
- $ddl-list-hover-bg-color: rgba($grey-white, .05) !default;
20
- $ddl-list-hover-font-color: $grey-dark-font !default;
21
- $ddl-list-header-font-color: rgba($grey-dark-font, .7) !default;
22
- $ddl-list-font-size: 13px !default;
23
- $ddl-group-list-font-size: 13px !default;
24
- $ddl-list-font-family: inherit !default;
25
- $ddl-default-header-font-color: rgba($grey-dark-font, .7) !default;
26
- $ddl-list-focus-color: $grey-50 !default;
27
- $ddl-list-focus-border: 1px solid $grey-400 !default;
28
- $ddl-group-list-padding-left: 2em !default;
29
- $ddl-list-header-padding-left: 16px !default;
30
- $ddl-list-text-indent: 16px !default;
31
- $ddl-list-rtl-padding-right: 0 !default;
32
- $ddl-list-padding-right: 16px !default;
33
- $ddl-list-rtl-padding-left: 16px !default;
34
- $ddl-bigger-list-header-font-size: 14px !default;
35
- $ddl-multi-column-border-width: 0 0 1px 0 !default;
36
- $ddl-multi-column-border-color: $grey-700 !default;
37
-
38
- // Small Size
39
-
40
- $ddl-small-icon-font-size: 14px !default;
41
- $ddl-small-line-height: 26px !default;
42
- $ddl-small-list-font-color: $grey-dark-font !default;
43
- $ddl-small-list-text-indent: 12px !default;
44
-
45
- // Touch Small
46
-
47
- $ddl-bigger-small-icon-font-size: 18px !default;
48
- $ddl-bigger-small-line-height: 40px !default;
49
- $ddl-bigger-small-list-font-color: $grey-light-font !default;
50
- $ddl-bigger-small-list-text-indent: 16px !default;
51
- $ddl-bigger-small-list-header-font-size: 13px !default;
52
-
53
- //enddefault
54
- //dimensions
55
- @include export-module('dropdownbase-material-dark') {
56
- .e-dropdownbase .e-list-item .e-list-icon {
57
- padding: 0 16px 0 0;
58
- }
59
-
60
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
61
- padding: 0 12px 0 0;
62
- }
63
-
64
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
65
- padding: 0 16px 0 0;
66
- }
67
- }
1
+ //default
2
+ $ddl-list-line-height: 36px !default;
3
+ $ddl-header-font-weight: 600 !default;
4
+ $ddl-last-child-bottom-border: 0 !default;
5
+ $ddl-default-font-family: inherit !default;
6
+ $ddl-list-border-size: 0 !default;
7
+ $ddl-list-bottom-border: $ddl-list-border-size !default;
8
+ $ddl-list-border-color: transparent !default;
9
+ $ddl-list-gradient-color: transparent !default;
10
+ $ddl-list-bg-color: $grey-800 !default;
11
+ $ddl-list-header-bg-color: $grey-800 !default;
12
+ $ddl-list-header-border-color: $grey-700 !default;
13
+ $ddl-nodata-font-color: rgba($grey-dark-font, .7) !default;
14
+ $ddl-list-default-font-color: $grey-dark-font !default;
15
+ $ddl-list-active-border-color: rgba($grey-white, .18) !default;
16
+ $ddl-list-active-font-color: $accent !default;
17
+ $ddl-list-active-bg-color: rgba($grey-white, .05) !default;
18
+ $ddl-list-hover-border-color: rgba($grey-white, .05) !default;
19
+ $ddl-list-hover-bg-color: rgba($grey-white, .05) !default;
20
+ $ddl-list-hover-font-color: $grey-dark-font !default;
21
+ $ddl-list-header-font-color: rgba($grey-dark-font, .7) !default;
22
+ $ddl-list-font-size: 13px !default;
23
+ $ddl-group-list-font-size: 13px !default;
24
+ $ddl-list-font-family: inherit !default;
25
+ $ddl-default-header-font-color: rgba($grey-dark-font, .7) !default;
26
+ $ddl-list-focus-color: $grey-50 !default;
27
+ $ddl-list-focus-border: 1px solid $grey-400 !default;
28
+ $ddl-group-list-padding-left: 2em !default;
29
+ $ddl-list-header-padding-left: 16px !default;
30
+ $ddl-list-text-indent: 16px !default;
31
+ $ddl-list-rtl-padding-right: 0 !default;
32
+ $ddl-list-padding-right: 16px !default;
33
+ $ddl-list-rtl-padding-left: 16px !default;
34
+ $ddl-bigger-list-header-font-size: 14px !default;
35
+ $ddl-multi-column-border-width: 0 0 1px 0 !default;
36
+ $ddl-multi-column-border-color: $grey-700 !default;
37
+
38
+ // Small Size
39
+
40
+ $ddl-small-icon-font-size: 14px !default;
41
+ $ddl-small-line-height: 26px !default;
42
+ $ddl-small-list-font-color: $grey-dark-font !default;
43
+ $ddl-small-list-text-indent: 12px !default;
44
+
45
+ // Touch Small
46
+
47
+ $ddl-bigger-small-icon-font-size: 18px !default;
48
+ $ddl-bigger-small-line-height: 40px !default;
49
+ $ddl-bigger-small-list-font-color: $grey-light-font !default;
50
+ $ddl-bigger-small-list-text-indent: 16px !default;
51
+ $ddl-bigger-small-list-header-font-size: 13px !default;
52
+
53
+ //enddefault
54
+ //dimensions
55
+ @include export-module('dropdownbase-material-dark') {
56
+ .e-dropdownbase .e-list-item .e-list-icon {
57
+ padding: 0 16px 0 0;
58
+ }
59
+
60
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
61
+ padding: 0 12px 0 0;
62
+ }
63
+
64
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
65
+ padding: 0 16px 0 0;
66
+ }
67
+ }
package/styles/drop-down-base/_material-definition.scss CHANGED
@@ -1,65 +1,65 @@
1
- $ddl-list-line-height: 36px !default;
2
- $ddl-header-font-weight: 600 !default;
3
- $ddl-last-child-bottom-border: 0 !default;
4
- $ddl-default-font-family: inherit !default;
5
- $ddl-list-border-size: 0 !default;
6
- $ddl-list-bottom-border: $ddl-list-border-size !default;
7
-
8
- $ddl-list-border-color: $grey-300 !default;
9
- $ddl-list-gradient-color: $grey-white !default;
10
- $ddl-list-bg-color: $grey-white !default;
11
- $ddl-list-header-bg-color: $grey-50 !default;
12
- $ddl-list-header-border-color: $grey-black !default;
13
- $ddl-nodata-font-color: $grey-black !default;
14
- $ddl-list-default-font-color: rgba($grey-light-font, .87) !default;
15
- $ddl-list-active-border-color: $grey-white !default;
16
- $ddl-list-active-font-color: $accent !default;
17
- $ddl-list-active-bg-color: $grey-200 !default;
18
- $ddl-list-hover-border-color: $grey-white !default;
19
- $ddl-list-hover-bg-color: $grey-200 !default;
20
- $ddl-list-hover-font-color: rgba($grey-light-font, .87) !default;
21
- $ddl-list-header-font-color: rgba($grey-light-font, .54) !default;
22
- $ddl-list-font-size: 13px !default;
23
- $ddl-group-list-font-size: 13px !default;
24
- $ddl-list-font-family: inherit !default;
25
- $ddl-default-header-font-color: rgba($grey-light-font, .54) !default;
26
- $ddl-list-focus-color: $grey-50 !default;
27
- $ddl-list-focus-border: 1px solid $grey-400 !default;
28
- $ddl-group-list-padding-left: 2em !default;
29
- $ddl-list-header-padding-left: 16px !default;
30
- $ddl-list-text-indent: 16px !default;
31
- $ddl-list-rtl-padding-right: 0 !default;
32
- $ddl-list-padding-right: 16px !default;
33
- $ddl-list-rtl-padding-left: 16px !default;
34
- $ddl-bigger-list-header-font-size: 14px !default;
35
- $ddl-multi-column-border-width: 0 0 1px 0 !default;
36
- $ddl-multi-column-border-color: $grey-300 !default;
37
-
38
- // Small Size
39
-
40
- $ddl-small-icon-font-size: 14px !default;
41
- $ddl-small-line-height: 26px !default;
42
- $ddl-small-list-font-color: $grey-light-font !default;
43
- $ddl-small-list-text-indent: 12px !default;
44
-
45
- // Touch Small
46
-
47
- $ddl-bigger-small-icon-font-size: 18px !default;
48
- $ddl-bigger-small-line-height: 40px !default;
49
- $ddl-bigger-small-list-font-color: $grey-light-font !default;
50
- $ddl-bigger-small-list-text-indent: 16px !default;
51
- $ddl-bigger-small-list-header-font-size: 13px !default;
52
-
53
- @include export-module('dropdownbase-material') {
54
- .e-dropdownbase .e-list-item .e-list-icon {
55
- padding: 0 16px 0 0;
56
- }
57
-
58
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
59
- padding: 0 12px 0 0;
60
- }
61
-
62
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
63
- padding: 0 16px 0 0;
64
- }
65
- }
1
+ $ddl-list-line-height: 36px !default;
2
+ $ddl-header-font-weight: 600 !default;
3
+ $ddl-last-child-bottom-border: 0 !default;
4
+ $ddl-default-font-family: inherit !default;
5
+ $ddl-list-border-size: 0 !default;
6
+ $ddl-list-bottom-border: $ddl-list-border-size !default;
7
+
8
+ $ddl-list-border-color: $grey-300 !default;
9
+ $ddl-list-gradient-color: $grey-white !default;
10
+ $ddl-list-bg-color: $grey-white !default;
11
+ $ddl-list-header-bg-color: $grey-50 !default;
12
+ $ddl-list-header-border-color: $grey-black !default;
13
+ $ddl-nodata-font-color: $grey-black !default;
14
+ $ddl-list-default-font-color: rgba($grey-light-font, .87) !default;
15
+ $ddl-list-active-border-color: $grey-white !default;
16
+ $ddl-list-active-font-color: $accent !default;
17
+ $ddl-list-active-bg-color: $grey-200 !default;
18
+ $ddl-list-hover-border-color: $grey-white !default;
19
+ $ddl-list-hover-bg-color: $grey-200 !default;
20
+ $ddl-list-hover-font-color: rgba($grey-light-font, .87) !default;
21
+ $ddl-list-header-font-color: rgba($grey-light-font, .54) !default;
22
+ $ddl-list-font-size: 13px !default;
23
+ $ddl-group-list-font-size: 13px !default;
24
+ $ddl-list-font-family: inherit !default;
25
+ $ddl-default-header-font-color: rgba($grey-light-font, .54) !default;
26
+ $ddl-list-focus-color: $grey-50 !default;
27
+ $ddl-list-focus-border: 1px solid $grey-400 !default;
28
+ $ddl-group-list-padding-left: 2em !default;
29
+ $ddl-list-header-padding-left: 16px !default;
30
+ $ddl-list-text-indent: 16px !default;
31
+ $ddl-list-rtl-padding-right: 0 !default;
32
+ $ddl-list-padding-right: 16px !default;
33
+ $ddl-list-rtl-padding-left: 16px !default;
34
+ $ddl-bigger-list-header-font-size: 14px !default;
35
+ $ddl-multi-column-border-width: 0 0 1px 0 !default;
36
+ $ddl-multi-column-border-color: $grey-300 !default;
37
+
38
+ // Small Size
39
+
40
+ $ddl-small-icon-font-size: 14px !default;
41
+ $ddl-small-line-height: 26px !default;
42
+ $ddl-small-list-font-color: $grey-light-font !default;
43
+ $ddl-small-list-text-indent: 12px !default;
44
+
45
+ // Touch Small
46
+
47
+ $ddl-bigger-small-icon-font-size: 18px !default;
48
+ $ddl-bigger-small-line-height: 40px !default;
49
+ $ddl-bigger-small-list-font-color: $grey-light-font !default;
50
+ $ddl-bigger-small-list-text-indent: 16px !default;
51
+ $ddl-bigger-small-list-header-font-size: 13px !default;
52
+
53
+ @include export-module('dropdownbase-material') {
54
+ .e-dropdownbase .e-list-item .e-list-icon {
55
+ padding: 0 16px 0 0;
56
+ }
57
+
58
+ .e-small .e-dropdownbase .e-list-item .e-list-icon {
59
+ padding: 0 12px 0 0;
60
+ }
61
+
62
+ .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
63
+ padding: 0 16px 0 0;
64
+ }
65
+ }