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

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 (170) 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 +63 -77
  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/checkbox-selection.js +3 -1
  40. package/src/multi-select/multi-select-model.d.ts +452 -452
  41. package/src/multi-select/multi-select.d.ts +2 -0
  42. package/src/multi-select/multi-select.js +58 -19
  43. package/styles/_all.scss +3 -3
  44. package/styles/auto-complete/_bootstrap-dark-definition.scss +3 -3
  45. package/styles/auto-complete/_bootstrap4-definition.scss +11 -11
  46. package/styles/auto-complete/_fabric-dark-definition.scss +2 -2
  47. package/styles/auto-complete/_highcontrast-light-definition.scss +2 -2
  48. package/styles/auto-complete/_material-dark-definition.scss +2 -2
  49. package/styles/bootstrap-dark.css +13 -16
  50. package/styles/bootstrap.css +12 -15
  51. package/styles/bootstrap4.css +6 -10
  52. package/styles/combo-box/_bootstrap-dark-definition.scss +2 -2
  53. package/styles/combo-box/_bootstrap4-definition.scss +11 -11
  54. package/styles/combo-box/_fabric-dark-definition.scss +2 -2
  55. package/styles/combo-box/_highcontrast-light-definition.scss +3 -3
  56. package/styles/combo-box/_material-dark-definition.scss +2 -2
  57. package/styles/drop-down-base/_all.scss +2 -2
  58. package/styles/drop-down-base/_bootstrap-dark-definition.scss +64 -64
  59. package/styles/drop-down-base/_bootstrap-definition.scss +64 -64
  60. package/styles/drop-down-base/_bootstrap4-definition.scss +78 -78
  61. package/styles/drop-down-base/_definition.scss +23 -23
  62. package/styles/drop-down-base/_fabric-dark-definition.scss +68 -68
  63. package/styles/drop-down-base/_fabric-definition.scss +66 -66
  64. package/styles/drop-down-base/_highcontrast-definition.scss +82 -82
  65. package/styles/drop-down-base/_highcontrast-light-definition.scss +81 -81
  66. package/styles/drop-down-base/_layout.scss +108 -108
  67. package/styles/drop-down-base/_material-dark-definition.scss +67 -67
  68. package/styles/drop-down-base/_material-definition.scss +65 -65
  69. package/styles/drop-down-base/_theme.scss +242 -242
  70. package/styles/drop-down-list/_all.scss +2 -2
  71. package/styles/drop-down-list/_bootstrap-dark-definition.scss +157 -157
  72. package/styles/drop-down-list/_bootstrap-definition.scss +156 -156
  73. package/styles/drop-down-list/_bootstrap4-definition.scss +184 -184
  74. package/styles/drop-down-list/_fabric-dark-definition.scss +127 -127
  75. package/styles/drop-down-list/_fabric-definition.scss +122 -122
  76. package/styles/drop-down-list/_highcontrast-definition.scss +131 -131
  77. package/styles/drop-down-list/_highcontrast-light-definition.scss +133 -133
  78. package/styles/drop-down-list/_layout.scss +218 -218
  79. package/styles/drop-down-list/_material-dark-definition.scss +143 -143
  80. package/styles/drop-down-list/_material-definition.scss +166 -166
  81. package/styles/drop-down-list/_theme.scss +10 -10
  82. package/styles/drop-down-list/icons/_bootstrap-dark.scss +14 -14
  83. package/styles/drop-down-list/icons/_bootstrap.scss +14 -14
  84. package/styles/drop-down-list/icons/_bootstrap4.scss +14 -14
  85. package/styles/drop-down-list/icons/_fabric-dark.scss +14 -14
  86. package/styles/drop-down-list/icons/_fabric.scss +14 -14
  87. package/styles/drop-down-list/icons/_highcontrast-light.scss +14 -14
  88. package/styles/drop-down-list/icons/_highcontrast.scss +14 -14
  89. package/styles/drop-down-list/icons/_material-dark.scss +14 -14
  90. package/styles/drop-down-list/icons/_material.scss +14 -14
  91. package/styles/drop-down-list/material.css +9 -0
  92. package/styles/drop-down-tree/_all.scss +2 -2
  93. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +61 -61
  94. package/styles/drop-down-tree/_bootstrap-definition.scss +61 -61
  95. package/styles/drop-down-tree/_bootstrap4-definition.scss +62 -62
  96. package/styles/drop-down-tree/_fabric-dark-definition.scss +62 -62
  97. package/styles/drop-down-tree/_fabric-definition.scss +62 -62
  98. package/styles/drop-down-tree/_highcontrast-definition.scss +62 -62
  99. package/styles/drop-down-tree/_highcontrast-light-definition.scss +62 -62
  100. package/styles/drop-down-tree/_layout.scss +437 -437
  101. package/styles/drop-down-tree/_material-dark-definition.scss +60 -60
  102. package/styles/drop-down-tree/_material-definition.scss +60 -60
  103. package/styles/drop-down-tree/_theme.scss +68 -68
  104. package/styles/drop-down-tree/icons/_bootstrap-dark.scss +11 -11
  105. package/styles/drop-down-tree/icons/_bootstrap.scss +11 -11
  106. package/styles/drop-down-tree/icons/_bootstrap4.scss +11 -11
  107. package/styles/drop-down-tree/icons/_fabric-dark.scss +11 -11
  108. package/styles/drop-down-tree/icons/_fabric.scss +11 -11
  109. package/styles/drop-down-tree/icons/_highcontrast-light.scss +11 -11
  110. package/styles/drop-down-tree/icons/_highcontrast.scss +11 -11
  111. package/styles/drop-down-tree/icons/_material-dark.scss +11 -11
  112. package/styles/drop-down-tree/icons/_material.scss +11 -11
  113. package/styles/drop-down-tree/material.css +9 -0
  114. package/styles/fabric-dark.css +2 -5
  115. package/styles/fabric.css +1 -4
  116. package/styles/highcontrast-light.css +2 -5
  117. package/styles/highcontrast.css +2 -7
  118. package/styles/list-box/_all.scss +2 -2
  119. package/styles/list-box/_bootstrap-dark-definition.scss +118 -118
  120. package/styles/list-box/_bootstrap-definition.scss +112 -112
  121. package/styles/list-box/_bootstrap4-definition.scss +118 -118
  122. package/styles/list-box/_fabric-dark-definition.scss +118 -118
  123. package/styles/list-box/_fabric-definition.scss +112 -112
  124. package/styles/list-box/_highcontrast-definition.scss +112 -112
  125. package/styles/list-box/_highcontrast-light-definition.scss +118 -118
  126. package/styles/list-box/_layout.scss +458 -458
  127. package/styles/list-box/_material-dark-definition.scss +118 -118
  128. package/styles/list-box/_material-definition.scss +112 -112
  129. package/styles/list-box/_theme.scss +273 -273
  130. package/styles/list-box/icons/_bootstrap-dark.scss +25 -25
  131. package/styles/list-box/icons/_bootstrap.scss +25 -25
  132. package/styles/list-box/icons/_bootstrap4.scss +25 -25
  133. package/styles/list-box/icons/_fabric-dark.scss +25 -25
  134. package/styles/list-box/icons/_fabric.scss +25 -25
  135. package/styles/list-box/icons/_highcontrast-light.scss +25 -25
  136. package/styles/list-box/icons/_highcontrast.scss +25 -25
  137. package/styles/list-box/icons/_material-dark.scss +25 -25
  138. package/styles/list-box/icons/_material.scss +25 -25
  139. package/styles/material-dark.css +8 -11
  140. package/styles/material.css +34 -10
  141. package/styles/multi-select/_all.scss +2 -2
  142. package/styles/multi-select/_bootstrap-dark-definition.scss +171 -171
  143. package/styles/multi-select/_bootstrap-definition.scss +166 -166
  144. package/styles/multi-select/_bootstrap4-definition.scss +233 -233
  145. package/styles/multi-select/_fabric-dark-definition.scss +170 -170
  146. package/styles/multi-select/_fabric-definition.scss +167 -167
  147. package/styles/multi-select/_highcontrast-definition.scss +257 -259
  148. package/styles/multi-select/_highcontrast-light-definition.scss +258 -258
  149. package/styles/multi-select/_layout.scss +1153 -1153
  150. package/styles/multi-select/_material-dark-definition.scss +186 -186
  151. package/styles/multi-select/_material-definition.scss +191 -191
  152. package/styles/multi-select/_theme.scss +384 -389
  153. package/styles/multi-select/bootstrap-dark.css +13 -16
  154. package/styles/multi-select/bootstrap.css +12 -15
  155. package/styles/multi-select/bootstrap4.css +6 -10
  156. package/styles/multi-select/fabric-dark.css +2 -5
  157. package/styles/multi-select/fabric.css +1 -4
  158. package/styles/multi-select/highcontrast-light.css +2 -5
  159. package/styles/multi-select/highcontrast.css +2 -7
  160. package/styles/multi-select/icons/_bootstrap-dark.scss +26 -26
  161. package/styles/multi-select/icons/_bootstrap.scss +26 -26
  162. package/styles/multi-select/icons/_bootstrap4.scss +37 -37
  163. package/styles/multi-select/icons/_fabric-dark.scss +26 -26
  164. package/styles/multi-select/icons/_fabric.scss +26 -26
  165. package/styles/multi-select/icons/_highcontrast-light.scss +26 -26
  166. package/styles/multi-select/icons/_highcontrast.scss +26 -26
  167. package/styles/multi-select/icons/_material-dark.scss +26 -26
  168. package/styles/multi-select/icons/_material.scss +324 -324
  169. package/styles/multi-select/material-dark.css +8 -11
  170. package/styles/multi-select/material.css +16 -10
@@ -1,61 +1,61 @@
1
- // sass-lint:disable-all
2
- $ddt-skin-name: 'material-dark' !default;
3
- $ddt-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12) !default;
4
- $ddt-close-icon-min-height: 22px !default;
5
- $ddt-close-icon-bigger-min-height: 26px !default;
6
- $ddt-close-icon-width: 26px !default;
7
- $ddt-close-icon-bigger-width: 32px !default;
8
- $ddt-close-icon-bottom: 2px !default;
9
- $ddt-spin-icon-margin: inherit !default;
10
- $ddt-dd-icon-bottom: 2px !default;
11
- $ddt-dd-icon-bigger-bottom: 3px !default;
12
- $ddt-dd-icon-width: 18px !default;
13
- $ddt-dd-icon-bigger-width: 20px !default;
14
- $ddt-rtl-close-left: -7px !default;
15
- $ddt-chip-margin: 3px 1px !default;
16
- $ddt-chip-padding: 0 4px 0 4px !default;
17
- $ddt-chip-bg-color: $grey-800 !default;
18
- $ddt-list-filter-text-indent: 8px 16px 8px !default;
19
- $ddt-filter-box-shadow-color: rgba(0, 0, 0, .3) !default;
20
- $ddt-filter-border: 0 !default;
21
- $ddt-filter-top-border: 0 !default;
22
- $ddt-filter-padding: 0 !default;
23
- $ddt-filter-box-shadow: 0 1.5px 5px -2px $ddt-filter-box-shadow-color !default;
24
- $ddt-filter-background-color: $grey-100 !default;
25
- $ddt-chip-radius: 16px !default;
26
- $ddt-chip-height: 24px !default;
27
- $ddt-chip-bigger-height: 31px !default;
28
- $ddt-chip-content-padding: 0 4px 0 4px !default;
29
- $ddt-chip-close-font: 16px !default;
30
- $ddt-chip-close-height: 16px !default;
31
- $ddt-chip-close-width: 16px !default;
32
- $ddt-chip-icon-line-height: 16px !default;
33
- $ddt-last-chip-right-margin: 45px !default;
34
- $ddt-last-chip-bigger-right-margin: 52px !default;
35
- $ddt-select-all-height: 36px !default;
36
- $ddt-select-all-checkbox-margin: 10px !default;
37
- $ddt-select-all-text-indent: 38px !default;
38
- $ddt-select-all-bigger-text-indent: 43px !default;
39
- $ddt-select-all-text-font-size: 14px !default;
40
- $ddt-popup-reorder-border: rgba($grey-light-font, .12) !default;
41
- $ddt-treeview-padding: 0 8px !default;
42
- $ddt-treeview-fullrow-height: 36px !default;
43
- $ddt-treeview-fullrow-bigger-height: 44px !default;
44
- $ddt-treeview-content-padding-top: 2px !default;
45
- $ddt-treeview-content-padding-bottom: 2px !default;
46
- $ddt-popup-background-color: $grey-800 !default;
47
- $ddt-popup-border-color: transparent !default;
48
- $ddt-chip-close: rgba($grey-dark-font, .7) !default;
49
- $ddt-chip-font-color: $grey-dark-font !default;
50
- $ddt-chip-hover-bg-color: rgba($grey-white, .1) !default;
51
- $ddt-chip-hover-font-color: $grey-dark-font !default;
52
- $ddt-nodata-font-color: rgba($grey-dark-font, .7) !default;
53
- $ddt-select-all-font-color: $grey-dark-font !default;
54
- $ddt-icon-bg-color: $shadow !default;
55
- $ddt-chip-width: calc(100% - 2px) !default;
56
- $ddt-chip-ddi-width: calc(100% - 19px) !default;
57
- $ddt-chip-ci-width: calc(100% - 27px) !default;
58
- $ddt-chip-ddi-ci-width: calc(100% - 45px) !default;
59
- $ddt-big-chip-ddi-width: calc(100% - 21px) !default;
60
- $ddt-big-chip-ci-width: calc(100% - 33px) !default;
1
+ // sass-lint:disable-all
2
+ $ddt-skin-name: 'material-dark' !default;
3
+ $ddt-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12) !default;
4
+ $ddt-close-icon-min-height: 22px !default;
5
+ $ddt-close-icon-bigger-min-height: 26px !default;
6
+ $ddt-close-icon-width: 26px !default;
7
+ $ddt-close-icon-bigger-width: 32px !default;
8
+ $ddt-close-icon-bottom: 2px !default;
9
+ $ddt-spin-icon-margin: inherit !default;
10
+ $ddt-dd-icon-bottom: 2px !default;
11
+ $ddt-dd-icon-bigger-bottom: 3px !default;
12
+ $ddt-dd-icon-width: 18px !default;
13
+ $ddt-dd-icon-bigger-width: 20px !default;
14
+ $ddt-rtl-close-left: -7px !default;
15
+ $ddt-chip-margin: 3px 1px !default;
16
+ $ddt-chip-padding: 0 4px 0 4px !default;
17
+ $ddt-chip-bg-color: $grey-800 !default;
18
+ $ddt-list-filter-text-indent: 8px 16px 8px !default;
19
+ $ddt-filter-box-shadow-color: rgba(0, 0, 0, .3) !default;
20
+ $ddt-filter-border: 0 !default;
21
+ $ddt-filter-top-border: 0 !default;
22
+ $ddt-filter-padding: 0 !default;
23
+ $ddt-filter-box-shadow: 0 1.5px 5px -2px $ddt-filter-box-shadow-color !default;
24
+ $ddt-filter-background-color: $grey-100 !default;
25
+ $ddt-chip-radius: 16px !default;
26
+ $ddt-chip-height: 24px !default;
27
+ $ddt-chip-bigger-height: 31px !default;
28
+ $ddt-chip-content-padding: 0 4px 0 4px !default;
29
+ $ddt-chip-close-font: 16px !default;
30
+ $ddt-chip-close-height: 16px !default;
31
+ $ddt-chip-close-width: 16px !default;
32
+ $ddt-chip-icon-line-height: 16px !default;
33
+ $ddt-last-chip-right-margin: 45px !default;
34
+ $ddt-last-chip-bigger-right-margin: 52px !default;
35
+ $ddt-select-all-height: 36px !default;
36
+ $ddt-select-all-checkbox-margin: 10px !default;
37
+ $ddt-select-all-text-indent: 38px !default;
38
+ $ddt-select-all-bigger-text-indent: 43px !default;
39
+ $ddt-select-all-text-font-size: 14px !default;
40
+ $ddt-popup-reorder-border: rgba($grey-light-font, .12) !default;
41
+ $ddt-treeview-padding: 0 8px !default;
42
+ $ddt-treeview-fullrow-height: 36px !default;
43
+ $ddt-treeview-fullrow-bigger-height: 44px !default;
44
+ $ddt-treeview-content-padding-top: 2px !default;
45
+ $ddt-treeview-content-padding-bottom: 2px !default;
46
+ $ddt-popup-background-color: $grey-800 !default;
47
+ $ddt-popup-border-color: transparent !default;
48
+ $ddt-chip-close: rgba($grey-dark-font, .7) !default;
49
+ $ddt-chip-font-color: $grey-dark-font !default;
50
+ $ddt-chip-hover-bg-color: rgba($grey-white, .1) !default;
51
+ $ddt-chip-hover-font-color: $grey-dark-font !default;
52
+ $ddt-nodata-font-color: rgba($grey-dark-font, .7) !default;
53
+ $ddt-select-all-font-color: $grey-dark-font !default;
54
+ $ddt-icon-bg-color: $shadow !default;
55
+ $ddt-chip-width: calc(100% - 2px) !default;
56
+ $ddt-chip-ddi-width: calc(100% - 19px) !default;
57
+ $ddt-chip-ci-width: calc(100% - 27px) !default;
58
+ $ddt-chip-ddi-ci-width: calc(100% - 45px) !default;
59
+ $ddt-big-chip-ddi-width: calc(100% - 21px) !default;
60
+ $ddt-big-chip-ci-width: calc(100% - 33px) !default;
61
61
  $ddt-big-chip-ddi-ci-width: calc(100% - 53px) !default;
@@ -1,61 +1,61 @@
1
- // sass-lint:disable-all
2
- $ddt-skin-name: 'material' !default;
3
- $ddt-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12) !default;
4
- $ddt-close-icon-min-height: 22px !default;
5
- $ddt-close-icon-bigger-min-height: 26px !default;
6
- $ddt-close-icon-width: 26px !default;
7
- $ddt-close-icon-bigger-width: 32px !default;
8
- $ddt-close-icon-bottom: 2px !default;
9
- $ddt-spin-icon-margin: inherit !default;
10
- $ddt-dd-icon-bottom: 2px !default;
11
- $ddt-dd-icon-bigger-bottom: 3px !default;
12
- $ddt-dd-icon-width: 18px !default;
13
- $ddt-dd-icon-bigger-width: 20px !default;
14
- $ddt-filter-box-shadow-color: rgba(0, 0, 0, .3) !default;
15
- $ddt-filter-border: 0 !default;
16
- $ddt-filter-top-border: 0 !default;
17
- $ddt-filter-padding: 0 !default;
18
- $ddt-filter-box-shadow: 0 1.5px 5px -2px $ddt-filter-box-shadow-color !default;
19
- $ddt-filter-background-color: $grey-100 !default;
20
- $ddt-list-filter-text-indent: 8px 16px 8px !default;
21
- $ddt-rtl-close-left: -7px !default;
22
- $ddt-chip-margin: 3px 1px !default;
23
- $ddt-chip-padding: 0 4px 0 4px !default;
24
- $ddt-chip-bg-color: $grey-200 !default;
25
- $ddt-chip-radius: 16px !default;
26
- $ddt-chip-height: 24px !default;
27
- $ddt-chip-bigger-height: 31px !default;
28
- $ddt-chip-content-padding: 0 4px 0 4px !default;
29
- $ddt-chip-close-font: 16px !default;
30
- $ddt-chip-close-height: 16px !default;
31
- $ddt-chip-close-width: 16px !default;
32
- $ddt-chip-icon-line-height: 16px !default;
33
- $ddt-last-chip-right-margin: 45px !default;
34
- $ddt-last-chip-bigger-right-margin: 52px !default;
35
- $ddt-select-all-height: 36px !default;
36
- $ddt-select-all-checkbox-margin: 10px !default;
37
- $ddt-select-all-text-indent: 38px !default;
38
- $ddt-select-all-bigger-text-indent: 43px !default;
39
- $ddt-select-all-text-font-size: 14px !default;
40
- $ddt-popup-reorder-border: rgba($grey-light-font, .12) !default;
41
- $ddt-treeview-padding: 0 8px !default;
42
- $ddt-treeview-fullrow-height: 36px !default;
43
- $ddt-treeview-fullrow-bigger-height: 44px !default;
44
- $ddt-treeview-content-padding-top: 2px !default;
45
- $ddt-treeview-content-padding-bottom: 2px !default;
46
- $ddt-popup-background-color: $grey-white !default;
47
- $ddt-popup-border-color: transparent !default;
48
- $ddt-chip-close: rgba($grey-light-font, .54) !default;
49
- $ddt-chip-font-color: rgba($grey-light-font, .87) !default;
50
- $ddt-chip-hover-bg-color: darken($grey-300, 4%) !default;;
51
- $ddt-chip-hover-font-color: rgba($grey-light-font, .87) !default;
52
- $ddt-nodata-font-color: $grey-black !default;
53
- $ddt-select-all-font-color: rgba($grey-light-font, .87) !default;
54
- $ddt-icon-bg-color: $grey-white !default;
55
- $ddt-chip-width: calc(100% - 2px) !default;
56
- $ddt-chip-ddi-width: calc(100% - 19px) !default;
57
- $ddt-chip-ci-width: calc(100% - 27px) !default;
58
- $ddt-chip-ddi-ci-width: calc(100% - 45px) !default;
59
- $ddt-big-chip-ddi-width: calc(100% - 21px) !default;
60
- $ddt-big-chip-ci-width: calc(100% - 33px) !default;
1
+ // sass-lint:disable-all
2
+ $ddt-skin-name: 'material' !default;
3
+ $ddt-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12) !default;
4
+ $ddt-close-icon-min-height: 22px !default;
5
+ $ddt-close-icon-bigger-min-height: 26px !default;
6
+ $ddt-close-icon-width: 26px !default;
7
+ $ddt-close-icon-bigger-width: 32px !default;
8
+ $ddt-close-icon-bottom: 2px !default;
9
+ $ddt-spin-icon-margin: inherit !default;
10
+ $ddt-dd-icon-bottom: 2px !default;
11
+ $ddt-dd-icon-bigger-bottom: 3px !default;
12
+ $ddt-dd-icon-width: 18px !default;
13
+ $ddt-dd-icon-bigger-width: 20px !default;
14
+ $ddt-filter-box-shadow-color: rgba(0, 0, 0, .3) !default;
15
+ $ddt-filter-border: 0 !default;
16
+ $ddt-filter-top-border: 0 !default;
17
+ $ddt-filter-padding: 0 !default;
18
+ $ddt-filter-box-shadow: 0 1.5px 5px -2px $ddt-filter-box-shadow-color !default;
19
+ $ddt-filter-background-color: $grey-100 !default;
20
+ $ddt-list-filter-text-indent: 8px 16px 8px !default;
21
+ $ddt-rtl-close-left: -7px !default;
22
+ $ddt-chip-margin: 3px 1px !default;
23
+ $ddt-chip-padding: 0 4px 0 4px !default;
24
+ $ddt-chip-bg-color: $grey-200 !default;
25
+ $ddt-chip-radius: 16px !default;
26
+ $ddt-chip-height: 24px !default;
27
+ $ddt-chip-bigger-height: 31px !default;
28
+ $ddt-chip-content-padding: 0 4px 0 4px !default;
29
+ $ddt-chip-close-font: 16px !default;
30
+ $ddt-chip-close-height: 16px !default;
31
+ $ddt-chip-close-width: 16px !default;
32
+ $ddt-chip-icon-line-height: 16px !default;
33
+ $ddt-last-chip-right-margin: 45px !default;
34
+ $ddt-last-chip-bigger-right-margin: 52px !default;
35
+ $ddt-select-all-height: 36px !default;
36
+ $ddt-select-all-checkbox-margin: 10px !default;
37
+ $ddt-select-all-text-indent: 38px !default;
38
+ $ddt-select-all-bigger-text-indent: 43px !default;
39
+ $ddt-select-all-text-font-size: 14px !default;
40
+ $ddt-popup-reorder-border: rgba($grey-light-font, .12) !default;
41
+ $ddt-treeview-padding: 0 8px !default;
42
+ $ddt-treeview-fullrow-height: 36px !default;
43
+ $ddt-treeview-fullrow-bigger-height: 44px !default;
44
+ $ddt-treeview-content-padding-top: 2px !default;
45
+ $ddt-treeview-content-padding-bottom: 2px !default;
46
+ $ddt-popup-background-color: $grey-white !default;
47
+ $ddt-popup-border-color: transparent !default;
48
+ $ddt-chip-close: rgba($grey-light-font, .54) !default;
49
+ $ddt-chip-font-color: rgba($grey-light-font, .87) !default;
50
+ $ddt-chip-hover-bg-color: darken($grey-300, 4%) !default;;
51
+ $ddt-chip-hover-font-color: rgba($grey-light-font, .87) !default;
52
+ $ddt-nodata-font-color: $grey-black !default;
53
+ $ddt-select-all-font-color: rgba($grey-light-font, .87) !default;
54
+ $ddt-icon-bg-color: $grey-white !default;
55
+ $ddt-chip-width: calc(100% - 2px) !default;
56
+ $ddt-chip-ddi-width: calc(100% - 19px) !default;
57
+ $ddt-chip-ci-width: calc(100% - 27px) !default;
58
+ $ddt-chip-ddi-ci-width: calc(100% - 45px) !default;
59
+ $ddt-big-chip-ddi-width: calc(100% - 21px) !default;
60
+ $ddt-big-chip-ci-width: calc(100% - 33px) !default;
61
61
  $ddt-big-chip-ddi-ci-width: calc(100% - 53px) !default;
@@ -1,68 +1,68 @@
1
- @include export-module('dropdowntree-theme') {
2
-
3
- #{&}.e-ddt {
4
-
5
- .e-chips {
6
- background-color: $ddt-chip-bg-color;
7
-
8
- .e-chips-close::before {
9
- color: $ddt-chip-close;
10
- }
11
-
12
- >.e-chipcontent {
13
- color: $ddt-chip-font-color;
14
- }
15
-
16
- &:hover {
17
- background-color: $ddt-chip-hover-bg-color;
18
-
19
- @if $ddt-skin-name == 'highcontrast' {
20
- .e-chips-close::before {
21
- color: $ddt-chip-hover-font-color;
22
- }
23
- }
24
-
25
- >.e-chipcontent {
26
- color: $ddt-chip-hover-font-color;
27
- }
28
- }
29
- }
30
-
31
- &.e-input-group.e-control-wrapper,
32
- &.e-float-input.e-control-wrapper {
33
- .e-clear-icon {
34
- background-color: $ddt-icon-bg-color;
35
- }
36
-
37
- .e-input-group-icon.e-ddt-icon {
38
- @if $ddt-skin-name == 'material' or $ddt-skin-name == 'material-dark' {
39
- background-color: $ddt-icon-bg-color;
40
- }
41
- }
42
- }
43
-
44
- &.e-input-group.e-control-wrapper .e-input[readonly],
45
- &.e-float-input.e-control-wrapper input[readonly] {
46
- @if $ddt-skin-name == 'bootstrap4' {
47
- background: $ddt-readonly-input-bg-color;
48
- }
49
- }
50
-
51
- &.e-popup {
52
- background: $ddt-popup-background-color;
53
- border-color: $ddt-popup-border-color;
54
-
55
- .e-popup-content.e-no-data {
56
- color: $ddt-nodata-font-color;
57
- }
58
-
59
- .e-selectall-parent {
60
- border-bottom-color: $ddt-popup-reorder-border;
61
-
62
- .e-all-text {
63
- color: $ddt-select-all-font-color;
64
- }
65
- }
66
- }
67
- }
68
- }
1
+ @include export-module('dropdowntree-theme') {
2
+
3
+ #{&}.e-ddt {
4
+
5
+ .e-chips {
6
+ background-color: $ddt-chip-bg-color;
7
+
8
+ .e-chips-close::before {
9
+ color: $ddt-chip-close;
10
+ }
11
+
12
+ >.e-chipcontent {
13
+ color: $ddt-chip-font-color;
14
+ }
15
+
16
+ &:hover {
17
+ background-color: $ddt-chip-hover-bg-color;
18
+
19
+ @if $ddt-skin-name == 'highcontrast' {
20
+ .e-chips-close::before {
21
+ color: $ddt-chip-hover-font-color;
22
+ }
23
+ }
24
+
25
+ >.e-chipcontent {
26
+ color: $ddt-chip-hover-font-color;
27
+ }
28
+ }
29
+ }
30
+
31
+ &.e-input-group.e-control-wrapper,
32
+ &.e-float-input.e-control-wrapper {
33
+ .e-clear-icon {
34
+ background-color: $ddt-icon-bg-color;
35
+ }
36
+
37
+ .e-input-group-icon.e-ddt-icon {
38
+ @if $ddt-skin-name == 'material' or $ddt-skin-name == 'material-dark' {
39
+ background-color: $ddt-icon-bg-color;
40
+ }
41
+ }
42
+ }
43
+
44
+ &.e-input-group.e-control-wrapper .e-input[readonly],
45
+ &.e-float-input.e-control-wrapper input[readonly] {
46
+ @if $ddt-skin-name == 'bootstrap4' {
47
+ background: $ddt-readonly-input-bg-color;
48
+ }
49
+ }
50
+
51
+ &.e-popup {
52
+ background: $ddt-popup-background-color;
53
+ border-color: $ddt-popup-border-color;
54
+
55
+ .e-popup-content.e-no-data {
56
+ color: $ddt-nodata-font-color;
57
+ }
58
+
59
+ .e-selectall-parent {
60
+ border-bottom-color: $ddt-popup-reorder-border;
61
+
62
+ .e-all-text {
63
+ color: $ddt-select-all-font-color;
64
+ }
65
+ }
66
+ }
67
+ }
68
+ }
@@ -1,11 +1,11 @@
1
- @include export-module('dropdowntree-bootstrap-dark-icons') {
2
- #{&}.e-ddt {
3
- .e-ddt-icon::before {
4
- content: '\e969';
5
- }
6
-
7
- .e-chips-close::before {
8
- content: '\e842';
9
- }
10
- }
11
- }
1
+ @include export-module('dropdowntree-bootstrap-dark-icons') {
2
+ #{&}.e-ddt {
3
+ .e-ddt-icon::before {
4
+ content: '\e969';
5
+ }
6
+
7
+ .e-chips-close::before {
8
+ content: '\e842';
9
+ }
10
+ }
11
+ }
@@ -1,12 +1,12 @@
1
- @include export-module('dropdowntree-bootstrap-icons') {
2
- #{&}.e-ddt {
3
- .e-ddt-icon::before {
4
- content: '\e969';
5
- }
6
-
7
- .e-chips-close::before {
8
- content: '\e842';
9
- }
10
- }
11
- }
1
+ @include export-module('dropdowntree-bootstrap-icons') {
2
+ #{&}.e-ddt {
3
+ .e-ddt-icon::before {
4
+ content: '\e969';
5
+ }
6
+
7
+ .e-chips-close::before {
8
+ content: '\e842';
9
+ }
10
+ }
11
+ }
12
12
 
@@ -1,12 +1,12 @@
1
- @include export-module('dropdowntree-bootstrap4-icons') {
2
- #{&}.e-ddt {
3
- .e-ddt-icon::before {
4
- content: '\e744';
5
- }
6
-
7
- .e-chips-close::before {
8
- content: '\e745';
9
- }
10
- }
11
- }
1
+ @include export-module('dropdowntree-bootstrap4-icons') {
2
+ #{&}.e-ddt {
3
+ .e-ddt-icon::before {
4
+ content: '\e744';
5
+ }
6
+
7
+ .e-chips-close::before {
8
+ content: '\e745';
9
+ }
10
+ }
11
+ }
12
12
 
@@ -1,11 +1,11 @@
1
- @include export-module('dropdowntree-fabric-dark-icons') {
2
- .e-ddt {
3
- .e-ddt-icon::before {
4
- content: '\e966';
5
- }
6
-
7
- .e-chips-close::before {
8
- content: '\e7a7';
9
- }
10
- }
11
- }
1
+ @include export-module('dropdowntree-fabric-dark-icons') {
2
+ .e-ddt {
3
+ .e-ddt-icon::before {
4
+ content: '\e966';
5
+ }
6
+
7
+ .e-chips-close::before {
8
+ content: '\e7a7';
9
+ }
10
+ }
11
+ }
@@ -1,12 +1,12 @@
1
- @include export-module('dropdowntree-fabric-icons') {
2
- #{&}.e-ddt {
3
- .e-ddt-icon::before {
4
- content: '\e966';
5
- }
6
-
7
- .e-chips-close::before {
8
- content: '\e7a7';
9
- }
10
- }
11
- }
1
+ @include export-module('dropdowntree-fabric-icons') {
2
+ #{&}.e-ddt {
3
+ .e-ddt-icon::before {
4
+ content: '\e966';
5
+ }
6
+
7
+ .e-chips-close::before {
8
+ content: '\e7a7';
9
+ }
10
+ }
11
+ }
12
12
 
@@ -1,12 +1,12 @@
1
- @include export-module('dropdowntree-highcontrast-light-icons') {
2
- #{&}.e-ddt {
3
- .e-ddt-icon::before {
4
- content: '\e966';
5
- }
6
-
7
- .e-chips-close::before {
8
- content: '\e7a7';
9
- }
10
- }
11
- }
1
+ @include export-module('dropdowntree-highcontrast-light-icons') {
2
+ #{&}.e-ddt {
3
+ .e-ddt-icon::before {
4
+ content: '\e966';
5
+ }
6
+
7
+ .e-chips-close::before {
8
+ content: '\e7a7';
9
+ }
10
+ }
11
+ }
12
12
 
@@ -1,12 +1,12 @@
1
- @include export-module('dropdowntree-highcontrast-icons') {
2
- #{&}.e-ddt {
3
- .e-ddt-icon::before {
4
- content: '\e966';
5
- }
6
-
7
- .e-chips-close::before {
8
- content: '\e7a7';
9
- }
10
- }
11
- }
1
+ @include export-module('dropdowntree-highcontrast-icons') {
2
+ #{&}.e-ddt {
3
+ .e-ddt-icon::before {
4
+ content: '\e966';
5
+ }
6
+
7
+ .e-chips-close::before {
8
+ content: '\e7a7';
9
+ }
10
+ }
11
+ }
12
12
 
@@ -1,12 +1,12 @@
1
- @include export-module('dropdowntree-material-dark-icons') {
2
- #{&}.e-ddt {
3
- .e-ddt-icon::before {
4
- content: '\e969';
5
- }
6
-
7
- .e-chips-close::before {
8
- content: '\e7e9';
9
- }
10
- }
11
- }
1
+ @include export-module('dropdowntree-material-dark-icons') {
2
+ #{&}.e-ddt {
3
+ .e-ddt-icon::before {
4
+ content: '\e969';
5
+ }
6
+
7
+ .e-chips-close::before {
8
+ content: '\e7e9';
9
+ }
10
+ }
11
+ }
12
12
 
@@ -1,12 +1,12 @@
1
- @include export-module('dropdowntree-material-icons') {
2
- #{&}.e-ddt {
3
- .e-ddt-icon::before {
4
- content: '\e969';
5
- }
6
-
7
- .e-chips-close::before {
8
- content: '\e7e9';
9
- }
10
- }
11
- }
1
+ @include export-module('dropdowntree-material-icons') {
2
+ #{&}.e-ddt {
3
+ .e-ddt-icon::before {
4
+ content: '\e969';
5
+ }
6
+
7
+ .e-chips-close::before {
8
+ content: '\e7e9';
9
+ }
10
+ }
11
+ }
12
12
 
@@ -6,6 +6,15 @@
6
6
  }
7
7
  }
8
8
 
9
+ @keyframes slideTopUp {
10
+ from {
11
+ transform: translate3d(0, 0, 0) scale(1);
12
+ }
13
+ to {
14
+ transform: translate3d(0, 0, 0) scale(1);
15
+ }
16
+ }
17
+
9
18
  @keyframes material-spinner-rotate {
10
19
  0% {
11
20
  transform: rotate(0deg);
@@ -1704,7 +1704,7 @@ ejs-multiselect {
1704
1704
 
1705
1705
  .e-small .e-multi-select-wrapper .e-delim-values {
1706
1706
  font-size: 13px;
1707
- line-height: 24px;
1707
+ line-height: 26px;
1708
1708
  }
1709
1709
 
1710
1710
  .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
@@ -1777,7 +1777,6 @@ ejs-multiselect {
1777
1777
  }
1778
1778
 
1779
1779
  .e-multi-select-wrapper .e-chips > .e-chipcontent {
1780
- -webkit-text-fill-color: #dadada;
1781
1780
  color: #dadada;
1782
1781
  font-family: inherit;
1783
1782
  font-size: 14px;
@@ -1806,7 +1805,6 @@ ejs-multiselect {
1806
1805
  }
1807
1806
 
1808
1807
  .e-multi-select-wrapper .e-chips .e-chips-close::before {
1809
- -webkit-text-fill-color: #dadada;
1810
1808
  color: #dadada;
1811
1809
  font-size: 10px;
1812
1810
  }
@@ -1929,7 +1927,6 @@ ejs-multiselect {
1929
1927
  }
1930
1928
 
1931
1929
  .e-multi-select-wrapper .e-delim-values {
1932
- -webkit-text-fill-color: #dadada;
1933
1930
  color: #dadada;
1934
1931
  }
1935
1932
 
@@ -1938,7 +1935,7 @@ ejs-multiselect {
1938
1935
  }
1939
1936
 
1940
1937
  .e-small .e-multi-select-wrapper .e-chips {
1941
- height: 20px;
1938
+ height: 22px;
1942
1939
  }
1943
1940
 
1944
1941
  .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {