@syncfusion/ej2-angular-dropdowns 23.1.40 → 23.1.41

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 (91) hide show
  1. package/esm2020/src/drop-down-tree/dropdowntree.component.mjs +3 -3
  2. package/fesm2015/syncfusion-ej2-angular-dropdowns.mjs +2 -2
  3. package/fesm2015/syncfusion-ej2-angular-dropdowns.mjs.map +1 -1
  4. package/fesm2020/syncfusion-ej2-angular-dropdowns.mjs +2 -2
  5. package/fesm2020/syncfusion-ej2-angular-dropdowns.mjs.map +1 -1
  6. package/package.json +7 -7
  7. package/schematics/utils/lib-details.d.ts +2 -2
  8. package/schematics/utils/lib-details.js +2 -2
  9. package/schematics/utils/lib-details.ts +2 -2
  10. package/styles/auto-complete/bootstrap4.css +13 -2
  11. package/styles/bootstrap-dark.css +83 -9
  12. package/styles/bootstrap.css +83 -9
  13. package/styles/bootstrap4.css +116 -12
  14. package/styles/bootstrap5-dark.css +84 -10
  15. package/styles/bootstrap5.css +84 -10
  16. package/styles/combo-box/bootstrap4.css +13 -2
  17. package/styles/drop-down-list/_bootstrap4-definition.scss +13 -2
  18. package/styles/drop-down-list/bootstrap4.css +13 -2
  19. package/styles/fabric-dark.css +84 -10
  20. package/styles/fabric.css +84 -10
  21. package/styles/fluent-dark.css +83 -9
  22. package/styles/fluent.css +83 -9
  23. package/styles/highcontrast-light.css +83 -9
  24. package/styles/highcontrast.css +83 -9
  25. package/styles/list-box/_bootstrap-dark-definition.scss +6 -2
  26. package/styles/list-box/_bootstrap-definition.scss +7 -3
  27. package/styles/list-box/_bootstrap4-definition.scss +8 -4
  28. package/styles/list-box/_bootstrap5-definition.scss +6 -4
  29. package/styles/list-box/_fabric-dark-definition.scss +6 -2
  30. package/styles/list-box/_fabric-definition.scss +6 -2
  31. package/styles/list-box/_fluent-definition.scss +8 -6
  32. package/styles/list-box/_highcontrast-definition.scss +6 -2
  33. package/styles/list-box/_highcontrast-light-definition.scss +6 -2
  34. package/styles/list-box/_material-dark-definition.scss +8 -4
  35. package/styles/list-box/_material-definition.scss +8 -4
  36. package/styles/list-box/_material3-definition.scss +8 -6
  37. package/styles/list-box/_tailwind-definition.scss +8 -6
  38. package/styles/list-box/_theme.scss +73 -8
  39. package/styles/list-box/bootstrap-dark.css +71 -8
  40. package/styles/list-box/bootstrap.css +71 -8
  41. package/styles/list-box/bootstrap4.css +72 -9
  42. package/styles/list-box/bootstrap5-dark.css +72 -9
  43. package/styles/list-box/bootstrap5.css +72 -9
  44. package/styles/list-box/fabric-dark.css +71 -8
  45. package/styles/list-box/fabric.css +71 -8
  46. package/styles/list-box/fluent-dark.css +71 -8
  47. package/styles/list-box/fluent.css +71 -8
  48. package/styles/list-box/highcontrast-light.css +71 -8
  49. package/styles/list-box/highcontrast.css +71 -8
  50. package/styles/list-box/material-dark.css +72 -9
  51. package/styles/list-box/material.css +72 -9
  52. package/styles/list-box/material3-dark.css +72 -9
  53. package/styles/list-box/material3.css +72 -9
  54. package/styles/list-box/tailwind-dark.css +72 -9
  55. package/styles/list-box/tailwind.css +72 -9
  56. package/styles/material-dark.css +84 -10
  57. package/styles/material.css +84 -10
  58. package/styles/material3-dark.css +82 -9
  59. package/styles/material3.css +82 -9
  60. package/styles/multi-select/_bootstrap-dark-definition.scss +2 -0
  61. package/styles/multi-select/_bootstrap-definition.scss +2 -0
  62. package/styles/multi-select/_bootstrap4-definition.scss +21 -0
  63. package/styles/multi-select/_bootstrap5-definition.scss +2 -0
  64. package/styles/multi-select/_fabric-dark-definition.scss +3 -1
  65. package/styles/multi-select/_fabric-definition.scss +3 -1
  66. package/styles/multi-select/_fluent-definition.scss +2 -0
  67. package/styles/multi-select/_highcontrast-definition.scss +2 -0
  68. package/styles/multi-select/_highcontrast-light-definition.scss +2 -0
  69. package/styles/multi-select/_layout.scss +12 -1
  70. package/styles/multi-select/_material-dark-definition.scss +2 -0
  71. package/styles/multi-select/_material-definition.scss +2 -0
  72. package/styles/multi-select/_tailwind-definition.scss +2 -0
  73. package/styles/multi-select/bootstrap-dark.css +12 -1
  74. package/styles/multi-select/bootstrap.css +12 -1
  75. package/styles/multi-select/bootstrap4.css +31 -1
  76. package/styles/multi-select/bootstrap5-dark.css +12 -1
  77. package/styles/multi-select/bootstrap5.css +12 -1
  78. package/styles/multi-select/fabric-dark.css +13 -2
  79. package/styles/multi-select/fabric.css +13 -2
  80. package/styles/multi-select/fluent-dark.css +12 -1
  81. package/styles/multi-select/fluent.css +12 -1
  82. package/styles/multi-select/highcontrast-light.css +12 -1
  83. package/styles/multi-select/highcontrast.css +12 -1
  84. package/styles/multi-select/material-dark.css +12 -1
  85. package/styles/multi-select/material.css +12 -1
  86. package/styles/multi-select/material3-dark.css +10 -0
  87. package/styles/multi-select/material3.css +10 -0
  88. package/styles/multi-select/tailwind-dark.css +12 -1
  89. package/styles/multi-select/tailwind.css +12 -1
  90. package/styles/tailwind-dark.css +84 -10
  91. package/styles/tailwind.css +84 -10
@@ -1388,7 +1388,8 @@ ejs-dropdownlist {
1388
1388
  padding: 0 0 0 48px;
1389
1389
  }
1390
1390
 
1391
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1391
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
1392
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1392
1393
  margin-top: -2.7em;
1393
1394
  }
1394
1395
 
@@ -1927,11 +1928,21 @@ ejs-multiselect {
1927
1928
  margin-top: -3.5em;
1928
1929
  }
1929
1930
 
1931
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1932
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1933
+ margin-top: -2.6em;
1934
+ }
1935
+
1930
1936
  .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
1931
1937
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
1932
1938
  line-height: 34px;
1933
1939
  }
1934
1940
 
1941
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1942
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1943
+ margin-top: -2.85em;
1944
+ }
1945
+
1935
1946
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1936
1947
  height: 30px;
1937
1948
  width: 30px;
@@ -2968,27 +2979,66 @@ ejs-listbox {
2968
2979
  }
2969
2980
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2970
2981
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
2971
- height: calc(100% - 46px);
2982
+ height: calc(100% - 46px) !important; /* stylelint-disable-line declaration-no-important */
2983
+ }
2984
+
2985
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2986
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
2987
+ }
2988
+
2989
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
2990
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
2972
2991
  }
2973
2992
 
2974
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2975
2993
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2976
- height: calc(100% - 58px);
2994
+ height: 100%;
2977
2995
  }
2978
2996
 
2979
2997
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2980
2998
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2981
- height: calc(100% - 106px);
2999
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3000
+ }
3001
+
3002
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3003
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3004
+ }
3005
+
3006
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3007
+ height: calc(100% - 52px) !important; /* stylelint-disable-line declaration-no-important */
3008
+ }
3009
+
3010
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3011
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3012
+ }
3013
+
3014
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3015
+ height: 100%;
2982
3016
  }
2983
3017
 
2984
3018
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3019
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3020
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3021
+ }
3022
+
2985
3023
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
2986
- height: calc(100% - 48px);
3024
+ height: 100%;
2987
3025
  }
2988
3026
 
2989
3027
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3028
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3029
+ height: calc(100% - 54px) !important; /* stylelint-disable-line declaration-no-important */
3030
+ }
3031
+
3032
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3033
+ height: calc(100% - 91.5px) !important; /* stylelint-disable-line declaration-no-important */
3034
+ }
3035
+
3036
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3037
+ height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
3038
+ }
3039
+
2990
3040
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2991
- height: calc(100% - 54px);
3041
+ height: 100%;
2992
3042
  }
2993
3043
 
2994
3044
  .e-listbox-wrapper,
@@ -3021,13 +3071,13 @@ ejs-listbox {
3021
3071
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3022
3072
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3023
3073
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3024
- height: calc(100% - 92px);
3074
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3025
3075
  }
3026
3076
 
3027
3077
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3028
3078
  .e-listbox-container .e-selectall-parent + .e-list-parent,
3029
3079
  .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
3030
- height: calc(100% - 40px);
3080
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3031
3081
  }
3032
3082
 
3033
3083
  .e-listbox-wrapper .e-icons,
@@ -3297,6 +3347,30 @@ ejs-listbox {
3297
3347
  padding-right: 1.0714em;
3298
3348
  }
3299
3349
 
3350
+ .e-listbox-container.e-filter-list .e-list-parent {
3351
+ height: 100%;
3352
+ }
3353
+
3354
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3355
+ height: 100%;
3356
+ }
3357
+
3358
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3359
+ height: 100%;
3360
+ }
3361
+
3362
+ .e-listbox-container.e-filter-list .e-list-wrap {
3363
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3364
+ }
3365
+
3366
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3367
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3368
+ }
3369
+
3370
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3371
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3372
+ }
3373
+
3300
3374
  /* stylelint-disable property-no-vendor-prefix */
3301
3375
  @keyframes material-spinner-rotate {
3302
3376
  0% {
@@ -1387,7 +1387,8 @@ ejs-dropdownlist {
1387
1387
  padding: 0 0 0 48px;
1388
1388
  }
1389
1389
 
1390
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1390
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
1391
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1391
1392
  margin-top: -2.7em;
1392
1393
  }
1393
1394
 
@@ -1926,11 +1927,21 @@ ejs-multiselect {
1926
1927
  margin-top: -3.5em;
1927
1928
  }
1928
1929
 
1930
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1931
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1932
+ margin-top: -2.6em;
1933
+ }
1934
+
1929
1935
  .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
1930
1936
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
1931
1937
  line-height: 34px;
1932
1938
  }
1933
1939
 
1940
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
1941
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1942
+ margin-top: -2.85em;
1943
+ }
1944
+
1934
1945
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
1935
1946
  height: 30px;
1936
1947
  width: 30px;
@@ -2978,27 +2989,66 @@ ejs-listbox {
2978
2989
  }
2979
2990
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
2980
2991
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
2981
- height: calc(100% - 46px);
2992
+ height: calc(100% - 46px) !important; /* stylelint-disable-line declaration-no-important */
2993
+ }
2994
+
2995
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
2996
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
2997
+ }
2998
+
2999
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3000
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
2982
3001
  }
2983
3002
 
2984
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
2985
3003
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
2986
- height: calc(100% - 58px);
3004
+ height: 100%;
2987
3005
  }
2988
3006
 
2989
3007
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
2990
3008
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
2991
- height: calc(100% - 106px);
3009
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3010
+ }
3011
+
3012
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3013
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3014
+ }
3015
+
3016
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3017
+ height: calc(100% - 52px) !important; /* stylelint-disable-line declaration-no-important */
3018
+ }
3019
+
3020
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3021
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3022
+ }
3023
+
3024
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3025
+ height: 100%;
2992
3026
  }
2993
3027
 
2994
3028
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3029
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3030
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3031
+ }
3032
+
2995
3033
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
2996
- height: calc(100% - 48px);
3034
+ height: 100%;
2997
3035
  }
2998
3036
 
2999
3037
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3038
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3039
+ height: calc(100% - 54px) !important; /* stylelint-disable-line declaration-no-important */
3040
+ }
3041
+
3042
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3043
+ height: calc(100% - 91.5px) !important; /* stylelint-disable-line declaration-no-important */
3044
+ }
3045
+
3046
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3047
+ height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
3048
+ }
3049
+
3000
3050
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3001
- height: calc(100% - 54px);
3051
+ height: 100%;
3002
3052
  }
3003
3053
 
3004
3054
  .e-listbox-wrapper,
@@ -3031,13 +3081,13 @@ ejs-listbox {
3031
3081
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3032
3082
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3033
3083
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3034
- height: calc(100% - 92px);
3084
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3035
3085
  }
3036
3086
 
3037
3087
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3038
3088
  .e-listbox-container .e-selectall-parent + .e-list-parent,
3039
3089
  .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
3040
- height: calc(100% - 40px);
3090
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3041
3091
  }
3042
3092
 
3043
3093
  .e-listbox-wrapper .e-icons,
@@ -3307,6 +3357,30 @@ ejs-listbox {
3307
3357
  padding-right: 1.0714em;
3308
3358
  }
3309
3359
 
3360
+ .e-listbox-container.e-filter-list .e-list-parent {
3361
+ height: 100%;
3362
+ }
3363
+
3364
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3365
+ height: 100%;
3366
+ }
3367
+
3368
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3369
+ height: 100%;
3370
+ }
3371
+
3372
+ .e-listbox-container.e-filter-list .e-list-wrap {
3373
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3374
+ }
3375
+
3376
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3377
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3378
+ }
3379
+
3380
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3381
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3382
+ }
3383
+
3310
3384
  /* stylelint-disable property-no-vendor-prefix */
3311
3385
  @keyframes material-spinner-rotate {
3312
3386
  0% {
@@ -516,13 +516,24 @@
516
516
  }
517
517
 
518
518
  .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
519
- font-size: 8px;
519
+ font-size: 12px;
520
+ }
521
+
522
+ .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
523
+ .e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
524
+ font-size: 14px;
520
525
  }
521
526
 
522
- .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
527
+ .e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
528
+ .e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
523
529
  font-size: 10px;
524
530
  }
525
531
 
532
+ .e-small.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
533
+ .e-small.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
534
+ font-size: 12px;
535
+ }
536
+
526
537
  .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 {
527
538
  font-size: 14px;
528
539
  line-height: 34px;
@@ -1273,6 +1284,25 @@ ejs-dropdownlist {
1273
1284
  border-right-width: 0;
1274
1285
  }
1275
1286
 
1287
+ .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
1288
+ font-size: 12px;
1289
+ }
1290
+
1291
+ .e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
1292
+ .e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
1293
+ font-size: 14px;
1294
+ }
1295
+
1296
+ .e-small .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
1297
+ .e-small.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
1298
+ font-size: 10px;
1299
+ }
1300
+
1301
+ .e-small.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
1302
+ .e-small.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
1303
+ font-size: 12px;
1304
+ }
1305
+
1276
1306
  .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
1277
1307
  border-left-width: 0;
1278
1308
  border-radius: 4px 0 0 4px;
@@ -1518,7 +1548,8 @@ ejs-dropdownlist {
1518
1548
  padding: 0 0 0 48px;
1519
1549
  }
1520
1550
 
1521
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1551
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
1552
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1522
1553
  margin-top: -2.25em;
1523
1554
  }
1524
1555
 
@@ -2072,6 +2103,11 @@ ejs-multiselect {
2072
2103
  margin-top: -2.4em;
2073
2104
  }
2074
2105
 
2106
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2107
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2108
+ margin-top: -1.85em;
2109
+ }
2110
+
2075
2111
  .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
2076
2112
  padding: 0 8px 0 8px;
2077
2113
  }
@@ -2081,6 +2117,11 @@ ejs-multiselect {
2081
2117
  line-height: 34px;
2082
2118
  }
2083
2119
 
2120
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2121
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2122
+ margin-top: -2.85em;
2123
+ }
2124
+
2084
2125
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2085
2126
  height: 24px;
2086
2127
  width: auto;
@@ -3199,27 +3240,66 @@ ejs-listbox {
3199
3240
 
3200
3241
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3201
3242
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3202
- height: calc(100% - 43px);
3243
+ height: calc(100% - 43px) !important; /* stylelint-disable-line declaration-no-important */
3244
+ }
3245
+
3246
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3247
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3248
+ }
3249
+
3250
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3251
+ height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
3203
3252
  }
3204
3253
 
3205
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3206
3254
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3207
- height: calc(100% - 56px);
3255
+ height: 100%;
3208
3256
  }
3209
3257
 
3210
3258
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3211
3259
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3212
- height: calc(100% - 96px);
3260
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3261
+ }
3262
+
3263
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3264
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3265
+ }
3266
+
3267
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3268
+ height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
3269
+ }
3270
+
3271
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3272
+ height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
3273
+ }
3274
+
3275
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3276
+ height: 100%;
3213
3277
  }
3214
3278
 
3215
3279
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3280
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3281
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3282
+ }
3283
+
3216
3284
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3217
- height: calc(100% - 50px);
3285
+ height: 100%;
3218
3286
  }
3219
3287
 
3220
3288
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3289
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3290
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3291
+ }
3292
+
3293
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3294
+ height: calc(100% - 90.5px) !important; /* stylelint-disable-line declaration-no-important */
3295
+ }
3296
+
3297
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3298
+ height: calc(100% - 108px) !important; /* stylelint-disable-line declaration-no-important */
3299
+ }
3300
+
3221
3301
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3222
- height: calc(100% - 56px);
3302
+ height: 100%;
3223
3303
  }
3224
3304
 
3225
3305
  .e-listbox-wrapper,
@@ -3246,19 +3326,19 @@ ejs-listbox {
3246
3326
  .e-listbox-wrapper.e-filter-list .e-list-parent,
3247
3327
  .e-listbox-container.e-filter-list .e-list-parent,
3248
3328
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3249
- height: calc(100% - 48px);
3329
+ height: calc(100% - 51px);
3250
3330
  }
3251
3331
 
3252
3332
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3253
3333
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3254
3334
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3255
- height: calc(100% - 79px);
3335
+ height: calc(100% - 41px) !important; /* stylelint-disable-line declaration-no-important */
3256
3336
  }
3257
3337
 
3258
3338
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3259
3339
  .e-listbox-container .e-selectall-parent + .e-list-parent,
3260
3340
  .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
3261
- height: calc(100% - 40px);
3341
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3262
3342
  }
3263
3343
 
3264
3344
  .e-listbox-wrapper .e-icons,
@@ -3528,6 +3608,30 @@ ejs-listbox {
3528
3608
  padding-right: 1.0714em;
3529
3609
  }
3530
3610
 
3611
+ .e-listbox-container.e-filter-list .e-list-parent {
3612
+ height: 100%;
3613
+ }
3614
+
3615
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3616
+ height: 100%;
3617
+ }
3618
+
3619
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3620
+ height: 100%;
3621
+ }
3622
+
3623
+ .e-listbox-container.e-filter-list .e-list-wrap {
3624
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3625
+ }
3626
+
3627
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3628
+ height: calc(100% - 41px) !important; /* stylelint-disable-line declaration-no-important */
3629
+ }
3630
+
3631
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3632
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3633
+ }
3634
+
3531
3635
  /* stylelint-disable property-no-vendor-prefix */
3532
3636
  @keyframes material-spinner-rotate {
3533
3637
  0% {
@@ -1512,7 +1512,8 @@ ejs-dropdownlist {
1512
1512
  padding: 0 0 0 48px;
1513
1513
  }
1514
1514
 
1515
- .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1515
+ .e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
1516
+ .e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
1516
1517
  margin-top: -2.25em;
1517
1518
  }
1518
1519
 
@@ -2095,11 +2096,21 @@ ejs-multiselect {
2095
2096
  margin-top: -2em;
2096
2097
  }
2097
2098
 
2099
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2100
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2101
+ margin-top: -2em;
2102
+ }
2103
+
2098
2104
  .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2099
2105
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2100
2106
  line-height: 40px;
2101
2107
  }
2102
2108
 
2109
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
2110
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
2111
+ margin-top: -2.65em;
2112
+ }
2113
+
2103
2114
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2104
2115
  height: 14px;
2105
2116
  width: 14px;
@@ -3147,27 +3158,66 @@ ejs-listbox {
3147
3158
  }
3148
3159
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
3149
3160
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
3150
- height: calc(100% - 45px);
3161
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3162
+ }
3163
+
3164
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3165
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3166
+ }
3167
+
3168
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3169
+ height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
3151
3170
  }
3152
3171
 
3153
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3154
3172
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3155
- height: calc(100% - 55px);
3173
+ height: 100%;
3156
3174
  }
3157
3175
 
3158
3176
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3159
3177
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3160
- height: calc(100% - 96px);
3178
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3179
+ }
3180
+
3181
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3182
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
3183
+ }
3184
+
3185
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3186
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3187
+ }
3188
+
3189
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
3190
+ height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
3191
+ }
3192
+
3193
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3194
+ height: 100%;
3161
3195
  }
3162
3196
 
3163
3197
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3198
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
3199
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
3200
+ }
3201
+
3164
3202
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
3165
- height: calc(100% - 40px);
3203
+ height: 100%;
3166
3204
  }
3167
3205
 
3168
3206
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
3207
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
3208
+ height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
3209
+ }
3210
+
3211
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3212
+ height: calc(100% - 86px) !important; /* stylelint-disable-line declaration-no-important */
3213
+ }
3214
+
3215
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
3216
+ height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
3217
+ }
3218
+
3169
3219
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
3170
- height: calc(100% - 45px);
3220
+ height: 100%;
3171
3221
  }
3172
3222
 
3173
3223
  .e-listbox-wrapper,
@@ -3194,19 +3244,19 @@ ejs-listbox {
3194
3244
  .e-listbox-wrapper.e-filter-list .e-list-parent,
3195
3245
  .e-listbox-container.e-filter-list .e-list-parent,
3196
3246
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
3197
- height: calc(100% - 47px);
3247
+ height: calc(100% - 50px);
3198
3248
  }
3199
3249
 
3200
3250
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
3201
3251
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
3202
3252
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
3203
- height: calc(100% - 86px);
3253
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3204
3254
  }
3205
3255
 
3206
3256
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
3207
3257
  .e-listbox-container .e-selectall-parent + .e-list-parent,
3208
3258
  .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
3209
- height: calc(100% - 36px);
3259
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3210
3260
  }
3211
3261
 
3212
3262
  .e-listbox-wrapper .e-list-item,
@@ -3470,6 +3520,30 @@ ejs-listbox {
3470
3520
  padding-right: 16px;
3471
3521
  }
3472
3522
 
3523
+ .e-listbox-container.e-filter-list .e-list-parent {
3524
+ height: 100%;
3525
+ }
3526
+
3527
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
3528
+ height: 100%;
3529
+ }
3530
+
3531
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
3532
+ height: 100%;
3533
+ }
3534
+
3535
+ .e-listbox-container.e-filter-list .e-list-wrap {
3536
+ height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
3537
+ }
3538
+
3539
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
3540
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3541
+ }
3542
+
3543
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
3544
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
3545
+ }
3546
+
3473
3547
  /* stylelint-disable-line no-empty-source */
3474
3548
  /* stylelint-disable property-no-vendor-prefix */
3475
3549
  @keyframes material-spinner-rotate {