@syncfusion/ej2-dropdowns 20.4.42 → 20.4.48

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 (77) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/ej2-dropdowns.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +18 -5
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +18 -5
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +2 -2
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +11 -11
  13. package/src/drop-down-list/drop-down-list.js +1 -1
  14. package/src/drop-down-tree/drop-down-tree-model.d.ts +1 -1
  15. package/src/drop-down-tree/drop-down-tree.d.ts +1 -0
  16. package/src/drop-down-tree/drop-down-tree.js +14 -4
  17. package/src/list-box/list-box.js +3 -0
  18. package/styles/bootstrap-dark.css +15 -2
  19. package/styles/bootstrap.css +15 -2
  20. package/styles/bootstrap4.css +15 -2
  21. package/styles/bootstrap5-dark.css +18 -5
  22. package/styles/bootstrap5.css +18 -5
  23. package/styles/drop-down-list/_layout.scss +3 -0
  24. package/styles/drop-down-list/bootstrap-dark.css +3 -0
  25. package/styles/drop-down-list/bootstrap.css +3 -0
  26. package/styles/drop-down-list/bootstrap4.css +3 -0
  27. package/styles/drop-down-list/bootstrap5-dark.css +3 -0
  28. package/styles/drop-down-list/bootstrap5.css +3 -0
  29. package/styles/drop-down-list/fabric-dark.css +3 -0
  30. package/styles/drop-down-list/fabric.css +3 -0
  31. package/styles/drop-down-list/fluent-dark.css +3 -0
  32. package/styles/drop-down-list/fluent.css +3 -0
  33. package/styles/drop-down-list/highcontrast-light.css +3 -0
  34. package/styles/drop-down-list/highcontrast.css +3 -0
  35. package/styles/drop-down-list/material-dark.css +3 -0
  36. package/styles/drop-down-list/material.css +3 -0
  37. package/styles/drop-down-list/tailwind-dark.css +3 -0
  38. package/styles/drop-down-list/tailwind.css +3 -0
  39. package/styles/fabric-dark.css +15 -2
  40. package/styles/fabric.css +15 -2
  41. package/styles/fluent-dark.css +15 -2
  42. package/styles/fluent.css +15 -2
  43. package/styles/highcontrast-light.css +15 -2
  44. package/styles/highcontrast.css +15 -2
  45. package/styles/material-dark.css +14 -1
  46. package/styles/material.css +14 -1
  47. package/styles/multi-select/_bootstrap-dark-definition.scss +1 -0
  48. package/styles/multi-select/_bootstrap-definition.scss +1 -0
  49. package/styles/multi-select/_bootstrap4-definition.scss +1 -0
  50. package/styles/multi-select/_bootstrap5-definition.scss +2 -1
  51. package/styles/multi-select/_fabric-dark-definition.scss +1 -0
  52. package/styles/multi-select/_fabric-definition.scss +1 -0
  53. package/styles/multi-select/_fluent-definition.scss +1 -0
  54. package/styles/multi-select/_fusionnew-definition.scss +1 -0
  55. package/styles/multi-select/_highcontrast-definition.scss +1 -0
  56. package/styles/multi-select/_highcontrast-light-definition.scss +1 -0
  57. package/styles/multi-select/_layout.scss +12 -2
  58. package/styles/multi-select/_material-dark-definition.scss +1 -0
  59. package/styles/multi-select/_material-definition.scss +1 -0
  60. package/styles/multi-select/_tailwind-definition.scss +2 -1
  61. package/styles/multi-select/bootstrap-dark.css +12 -2
  62. package/styles/multi-select/bootstrap.css +12 -2
  63. package/styles/multi-select/bootstrap4.css +12 -2
  64. package/styles/multi-select/bootstrap5-dark.css +15 -5
  65. package/styles/multi-select/bootstrap5.css +15 -5
  66. package/styles/multi-select/fabric-dark.css +12 -2
  67. package/styles/multi-select/fabric.css +12 -2
  68. package/styles/multi-select/fluent-dark.css +12 -2
  69. package/styles/multi-select/fluent.css +12 -2
  70. package/styles/multi-select/highcontrast-light.css +12 -2
  71. package/styles/multi-select/highcontrast.css +12 -2
  72. package/styles/multi-select/material-dark.css +11 -1
  73. package/styles/multi-select/material.css +11 -1
  74. package/styles/multi-select/tailwind-dark.css +13 -3
  75. package/styles/multi-select/tailwind.css +13 -3
  76. package/styles/tailwind-dark.css +16 -3
  77. package/styles/tailwind.css +16 -3
@@ -609,6 +609,9 @@
609
609
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
610
610
  margin: 0;
611
611
  }
612
+ .e-popup-full-page .e-popup-full-page.e-ios {
613
+ position: fixed;
614
+ }
612
615
 
613
616
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
614
617
  position: relative;
@@ -1714,8 +1717,8 @@ ejs-dropdownlist {
1714
1717
  height: 30px;
1715
1718
  min-height: 30px;
1716
1719
  outline: none;
1717
- padding: 0;
1718
- text-indent: 8px;
1720
+ padding: 0 0 0 8px;
1721
+ text-indent: 0;
1719
1722
  }
1720
1723
 
1721
1724
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
@@ -2395,6 +2398,16 @@ ejs-multiselect {
2395
2398
  margin-right: 0;
2396
2399
  }
2397
2400
 
2401
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2402
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2403
+ cursor: not-allowed;
2404
+ }
2405
+
2406
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2407
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
2408
+ cursor: pointer;
2409
+ }
2410
+
2398
2411
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2399
2412
  color: #f3f2f1;
2400
2413
  }
package/styles/fluent.css CHANGED
@@ -609,6 +609,9 @@
609
609
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
610
610
  margin: 0;
611
611
  }
612
+ .e-popup-full-page .e-popup-full-page.e-ios {
613
+ position: fixed;
614
+ }
612
615
 
613
616
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
614
617
  position: relative;
@@ -1714,8 +1717,8 @@ ejs-dropdownlist {
1714
1717
  height: 30px;
1715
1718
  min-height: 30px;
1716
1719
  outline: none;
1717
- padding: 0;
1718
- text-indent: 8px;
1720
+ padding: 0 0 0 8px;
1721
+ text-indent: 0;
1719
1722
  }
1720
1723
 
1721
1724
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
@@ -2395,6 +2398,16 @@ ejs-multiselect {
2395
2398
  margin-right: 0;
2396
2399
  }
2397
2400
 
2401
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2402
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2403
+ cursor: not-allowed;
2404
+ }
2405
+
2406
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2407
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
2408
+ cursor: pointer;
2409
+ }
2410
+
2398
2411
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2399
2412
  color: #201f1e;
2400
2413
  }
@@ -534,6 +534,9 @@
534
534
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
535
535
  margin: 0;
536
536
  }
537
+ .e-popup-full-page .e-popup-full-page.e-ios {
538
+ position: fixed;
539
+ }
537
540
 
538
541
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
539
542
  position: relative;
@@ -1600,8 +1603,8 @@ ejs-dropdownlist {
1600
1603
  height: 28px;
1601
1604
  min-height: 28px;
1602
1605
  outline: none;
1603
- padding: 0;
1604
- text-indent: 10px;
1606
+ padding: 0 0 0 10px;
1607
+ text-indent: 0;
1605
1608
  }
1606
1609
 
1607
1610
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
@@ -2266,6 +2269,16 @@ ejs-multiselect {
2266
2269
  margin-right: 0;
2267
2270
  }
2268
2271
 
2272
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2273
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2274
+ cursor: not-allowed;
2275
+ }
2276
+
2277
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2278
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
2279
+ cursor: pointer;
2280
+ }
2281
+
2269
2282
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2270
2283
  color: #fff;
2271
2284
  }
@@ -534,6 +534,9 @@
534
534
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
535
535
  margin: 0;
536
536
  }
537
+ .e-popup-full-page .e-popup-full-page.e-ios {
538
+ position: fixed;
539
+ }
537
540
 
538
541
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
539
542
  position: relative;
@@ -1606,8 +1609,8 @@ ejs-dropdownlist {
1606
1609
  height: 28px;
1607
1610
  min-height: 28px;
1608
1611
  outline: none;
1609
- padding: 0;
1610
- text-indent: 10px;
1612
+ padding: 0 0 0 10px;
1613
+ text-indent: 0;
1611
1614
  }
1612
1615
 
1613
1616
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
@@ -2272,6 +2275,16 @@ ejs-multiselect {
2272
2275
  margin-right: 0;
2273
2276
  }
2274
2277
 
2278
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2279
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2280
+ cursor: not-allowed;
2281
+ }
2282
+
2283
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2284
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
2285
+ cursor: pointer;
2286
+ }
2287
+
2275
2288
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
2276
2289
  color: #000;
2277
2290
  }
@@ -554,6 +554,9 @@
554
554
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
555
555
  margin: 0;
556
556
  }
557
+ .e-popup-full-page .e-popup-full-page.e-ios {
558
+ position: fixed;
559
+ }
557
560
 
558
561
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
559
562
  position: relative;
@@ -2394,7 +2397,7 @@ ejs-dropdownlist {
2394
2397
  height: 28px;
2395
2398
  min-height: 28px;
2396
2399
  outline: none;
2397
- padding: 0;
2400
+ padding: 4px 0 4px 0;
2398
2401
  text-indent: 0;
2399
2402
  }
2400
2403
 
@@ -3553,6 +3556,16 @@ ejs-multiselect {
3553
3556
  margin-right: 0;
3554
3557
  }
3555
3558
 
3559
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
3560
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
3561
+ cursor: not-allowed;
3562
+ }
3563
+
3564
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
3565
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
3566
+ cursor: pointer;
3567
+ }
3568
+
3556
3569
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
3557
3570
  color: #fff;
3558
3571
  }
@@ -587,6 +587,9 @@
587
587
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
588
588
  margin: 0;
589
589
  }
590
+ .e-popup-full-page .e-popup-full-page.e-ios {
591
+ position: fixed;
592
+ }
590
593
 
591
594
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
592
595
  position: relative;
@@ -2451,7 +2454,7 @@ ejs-dropdownlist {
2451
2454
  height: 28px;
2452
2455
  min-height: 28px;
2453
2456
  outline: none;
2454
- padding: 0;
2457
+ padding: 4px 0 4px 0;
2455
2458
  text-indent: 0;
2456
2459
  }
2457
2460
 
@@ -3610,6 +3613,16 @@ ejs-multiselect {
3610
3613
  margin-right: 0;
3611
3614
  }
3612
3615
 
3616
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
3617
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
3618
+ cursor: not-allowed;
3619
+ }
3620
+
3621
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
3622
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
3623
+ cursor: pointer;
3624
+ }
3625
+
3613
3626
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
3614
3627
  color: #fff;
3615
3628
  }
@@ -88,6 +88,7 @@ $ddl-sel-chip-close-mobile-left: 17px !default;
88
88
  $ddl-chip-sel-mobile-close-height: 40px !default;
89
89
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
90
90
  $ddl-input-text-indent: 6px !default;
91
+ $ddl-input-placeholder-padding: 0 0 0 12px !default;
91
92
  $ddl-rtl-chip-sel-close-left: -10px !default;
92
93
  $ddl-popup-active-focus-bg-color: $brand-primary !default;
93
94
  $ddl-popup-active-focus-font-color: $brand-primary-font !default;
@@ -87,6 +87,7 @@ $ddl-sel-chip-close-mobile-left: 17px !default;
87
87
  $ddl-chip-sel-mobile-close-height: 40px !default;
88
88
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
89
89
  $ddl-input-text-indent: 6px !default;
90
+ $ddl-input-placeholder-padding: 0 0 0 12px !default;
90
91
  $ddl-rtl-chip-sel-close-left: -10px !default;
91
92
  $ddl-popup-active-focus-bg-color: $brand-primary !default;
92
93
  $ddl-popup-active-focus-font-color: $brand-primary-font !default;
@@ -90,6 +90,7 @@ $ddl-sel-chip-close-mobile-left: 17px !default;
90
90
  $ddl-chip-sel-mobile-close-height: 40px !default;
91
91
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
92
92
  $ddl-input-text-indent: 6px !default;
93
+ $ddl-input-placeholder-padding: 0 0 0 8px !default;
93
94
  $ddl-rtl-chip-sel-close-left: -10px !default;
94
95
  $ddl-popup-active-focus-bg-color: $primary !default;
95
96
  $ddl-popup-active-focus-font-color: $primary-font !default;
@@ -75,6 +75,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
75
75
  $ddl-chip-sel-mobile-close-height: 40px !default;
76
76
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
77
77
  $ddl-input-text-indent: 8px !default;
78
+ $ddl-input-placeholder-padding: 0 0 0 8px !default;
78
79
  $ddl-rtl-chip-sel-close-left: -12px !default;
79
80
  $ddl-popup-active-focus-border-width: 0 !default;
80
81
  $ddl-popup-active-focus-shadow-item: none !default;
@@ -95,7 +96,7 @@ $ddl-check-right-margin: 8px !default;
95
96
  $ddl-bigger-check-right-margin: 12px !default;
96
97
  $ddl-selectall-font-size: 14px !default;
97
98
  $ddl-bigger-selectall-font-size: $text-base !default;
98
- $ddl-close-icon-left: 40px !default;
99
+ $ddl-close-icon-left: 30px !default;
99
100
  $ddl-close-down-icon-left: 40px !default;
100
101
  $ddl-check-icon-top: 0 !default;
101
102
  $ddl-bigger-check-right: 16px !default;
@@ -86,6 +86,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
86
86
  $ddl-chip-sel-mobile-close-height: 26px !default;
87
87
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
88
88
  $ddl-input-text-indent: 10px !default;
89
+ $ddl-input-placeholder-padding: 0 0 0 10px !default;
89
90
  $ddl-rtl-chip-sel-close-left: -12px !default;
90
91
  $ddl-popup-active-focus-bg-color: $neutral-quintenary !default;
91
92
  $ddl-popup-active-focus-font-color: $neutral-light-fontalt !default;
@@ -85,6 +85,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
85
85
  $ddl-chip-sel-mobile-close-height: 26px !default;
86
86
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
87
87
  $ddl-input-text-indent: 10px !default;
88
+ $ddl-input-placeholder-padding: 0 0 0 10px !default;
88
89
  $ddl-rtl-chip-sel-close-left: -12px !default;
89
90
  $ddl-popup-active-focus-bg-color: $theme-lighter !default;
90
91
  $ddl-popup-active-focus-font-color: $neutral-light-font !default;
@@ -76,6 +76,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
76
76
  $ddl-chip-sel-mobile-close-height: 40px !default;
77
77
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
78
78
  $ddl-input-text-indent: 8px !default;
79
+ $ddl-input-placeholder-padding: 0 0 0 8px !default;
79
80
  $ddl-rtl-chip-sel-close-left: -12px !default;
80
81
  $ddl-popup-active-focus-border-width: 0 !default;
81
82
  $ddl-popup-active-focus-shadow-item: none !default;
@@ -75,6 +75,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
75
75
  $ddl-chip-sel-mobile-close-height: 40px !default;
76
76
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
77
77
  $ddl-input-text-indent: 8px !default;
78
+ $ddl-input-placeholder-padding: 0 0 0 8px !default;
78
79
  $ddl-rtl-chip-sel-close-left: -12px !default;
79
80
  $ddl-popup-active-focus-border-width: 0 !default;
80
81
  $ddl-popup-active-focus-shadow-item: none !default;
@@ -85,6 +85,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
85
85
  $ddl-chip-sel-mobile-close-height: 26px !default;
86
86
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
87
87
  $ddl-input-text-indent: 10px !default;
88
+ $ddl-input-placeholder-padding: 0 0 0 10px !default;
88
89
  $ddl-rtl-chip-sel-close-left: -12px !default;
89
90
  $ddl-popup-active-focus-bg-color: $selection-bg !default;
90
91
  $ddl-popup-active-focus-font-color: $selection-font !default;
@@ -85,6 +85,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
85
85
  $ddl-chip-sel-mobile-close-height: 26px !default;
86
86
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
87
87
  $ddl-input-text-indent: 10px !default;
88
+ $ddl-input-placeholder-padding: 0 0 0 10px !default;
88
89
  $ddl-rtl-chip-sel-close-left: -12px !default;
89
90
  $ddl-popup-active-focus-bg-color: $selection-bg !default;
90
91
  $ddl-popup-active-focus-font-color: $selection-font !default;
@@ -420,8 +420,8 @@
420
420
  height: $ddl-input-height;
421
421
  min-height: $ddl-input-height;
422
422
  outline: none;
423
- padding: 0;
424
- text-indent: $ddl-input-text-indent;
423
+ padding: $ddl-input-placeholder-padding;
424
+ text-indent: 0;
425
425
  }
426
426
 
427
427
  .e-multiselect.e-filled .e-multi-select-wrapper input[type = 'text'] {
@@ -2004,3 +2004,13 @@ ejs-multiselect {
2004
2004
  .e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
2005
2005
  margin-right: 0;
2006
2006
  }
2007
+
2008
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
2009
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
2010
+ cursor: not-allowed;
2011
+ }
2012
+
2013
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
2014
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
2015
+ cursor: pointer;
2016
+ }
@@ -87,6 +87,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
87
87
  $ddl-chip-sel-mobile-close-height: 40px !default;
88
88
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
89
89
  $ddl-input-text-indent: 0 !default;
90
+ $ddl-input-placeholder-padding: 4px 0 4px 0 !default;
90
91
  $ddl-rtl-chip-sel-close-left: -12px !default;
91
92
  $ddl-popup-active-focus-bg-color: $grey-800 !default;
92
93
  $ddl-popup-active-focus-font-color: $accent !default;
@@ -86,6 +86,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
86
86
  $ddl-chip-sel-mobile-close-height: 40px !default;
87
87
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
88
88
  $ddl-input-text-indent: 0 !default;
89
+ $ddl-input-placeholder-padding: 4px 0 4px 0 !default;
89
90
  $ddl-rtl-chip-sel-close-left: -12px !default;
90
91
  $ddl-popup-active-focus-bg-color: $grey-300 !default;
91
92
  $ddl-popup-active-focus-font-color: $accent !default;
@@ -4,7 +4,7 @@ $ddl-delim-font-size: $text-sm !default;
4
4
  $ddl-rtl-wrapper: 0 2px 0 32px !default;
5
5
  $ddl-chip-mobile-bg: $primary !default;
6
6
  $ddl-search-wrapper-width: calc(100% - 32px) !default;
7
- $ddl-bigger-search-wrapper-width: calc(100% - 38px) !default;
7
+ $ddl-bigger-search-wrapper-width: calc(100% - 50px) !default;
8
8
  $ddl-bigger-small-search-wrapper-width: calc(100% - 32px) !default;
9
9
  $ddl-small-search-wrapper-width: calc(100% - 30px) !default;
10
10
  $ddl-popup-shadow-value: $shadow-lg !default;
@@ -78,6 +78,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
78
78
  $ddl-chip-sel-mobile-close-height: 40px !default;
79
79
  $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
80
80
  $ddl-input-text-indent: 10px !default;
81
+ $ddl-input-placeholder-padding: 4px 0 4px 12px !default;
81
82
  $ddl-rtl-chip-sel-close-left: -12px !default;
82
83
  $ddl-popup-active-focus-border-width: 1px !default;
83
84
  $ddl-popup-active-focus-shadow-item: none !default;
@@ -369,8 +369,8 @@
369
369
  height: 32px;
370
370
  min-height: 32px;
371
371
  outline: none;
372
- padding: 0;
373
- text-indent: 6px;
372
+ padding: 0 0 0 12px;
373
+ text-indent: 0;
374
374
  }
375
375
 
376
376
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
@@ -1031,6 +1031,16 @@ ejs-multiselect {
1031
1031
  margin-right: 0;
1032
1032
  }
1033
1033
 
1034
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
1035
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
1036
+ cursor: not-allowed;
1037
+ }
1038
+
1039
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
1040
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
1041
+ cursor: pointer;
1042
+ }
1043
+
1034
1044
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1035
1045
  color: #f0f0f0;
1036
1046
  }
@@ -367,8 +367,8 @@
367
367
  height: 32px;
368
368
  min-height: 32px;
369
369
  outline: none;
370
- padding: 0;
371
- text-indent: 6px;
370
+ padding: 0 0 0 12px;
371
+ text-indent: 0;
372
372
  }
373
373
 
374
374
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
@@ -1029,6 +1029,16 @@ ejs-multiselect {
1029
1029
  margin-right: 0;
1030
1030
  }
1031
1031
 
1032
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
1033
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
1034
+ cursor: not-allowed;
1035
+ }
1036
+
1037
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
1038
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
1039
+ cursor: pointer;
1040
+ }
1041
+
1032
1042
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1033
1043
  color: #333;
1034
1044
  }
@@ -454,8 +454,8 @@
454
454
  height: 29px;
455
455
  min-height: 29px;
456
456
  outline: none;
457
- padding: 0;
458
- text-indent: 6px;
457
+ padding: 0 0 0 8px;
458
+ text-indent: 0;
459
459
  }
460
460
 
461
461
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
@@ -1130,6 +1130,16 @@ ejs-multiselect {
1130
1130
  margin-right: 0;
1131
1131
  }
1132
1132
 
1133
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
1134
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
1135
+ cursor: not-allowed;
1136
+ }
1137
+
1138
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
1139
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
1140
+ cursor: pointer;
1141
+ }
1142
+
1133
1143
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1134
1144
  color: #fff;
1135
1145
  }
@@ -385,7 +385,7 @@
385
385
  .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
386
386
  .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
387
387
  .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
388
- right: 40px;
388
+ right: 30px;
389
389
  }
390
390
 
391
391
  .e-bigger.e-small .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
@@ -393,7 +393,7 @@
393
393
  }
394
394
 
395
395
  .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
396
- left: 40px;
396
+ left: 30px;
397
397
  right: auto;
398
398
  }
399
399
 
@@ -429,8 +429,8 @@
429
429
  height: 30px;
430
430
  min-height: 30px;
431
431
  outline: none;
432
- padding: 0;
433
- text-indent: 8px;
432
+ padding: 0 0 0 8px;
433
+ text-indent: 0;
434
434
  }
435
435
 
436
436
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
@@ -602,7 +602,7 @@
602
602
  padding: 12px 4px;
603
603
  }
604
604
  .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
605
- left: 40px;
605
+ left: 30px;
606
606
  position: absolute;
607
607
  right: auto;
608
608
  left: 0;
@@ -1110,6 +1110,16 @@ ejs-multiselect {
1110
1110
  margin-right: 0;
1111
1111
  }
1112
1112
 
1113
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
1114
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
1115
+ cursor: not-allowed;
1116
+ }
1117
+
1118
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
1119
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
1120
+ cursor: pointer;
1121
+ }
1122
+
1113
1123
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1114
1124
  color: #fff;
1115
1125
  }
@@ -385,7 +385,7 @@
385
385
  .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
386
386
  .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
387
387
  .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
388
- right: 40px;
388
+ right: 30px;
389
389
  }
390
390
 
391
391
  .e-bigger.e-small .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
@@ -393,7 +393,7 @@
393
393
  }
394
394
 
395
395
  .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
396
- left: 40px;
396
+ left: 30px;
397
397
  right: auto;
398
398
  }
399
399
 
@@ -429,8 +429,8 @@
429
429
  height: 30px;
430
430
  min-height: 30px;
431
431
  outline: none;
432
- padding: 0;
433
- text-indent: 8px;
432
+ padding: 0 0 0 8px;
433
+ text-indent: 0;
434
434
  }
435
435
 
436
436
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
@@ -602,7 +602,7 @@
602
602
  padding: 12px 4px;
603
603
  }
604
604
  .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
605
- left: 40px;
605
+ left: 30px;
606
606
  position: absolute;
607
607
  right: auto;
608
608
  left: 0;
@@ -1110,6 +1110,16 @@ ejs-multiselect {
1110
1110
  margin-right: 0;
1111
1111
  }
1112
1112
 
1113
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
1114
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
1115
+ cursor: not-allowed;
1116
+ }
1117
+
1118
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
1119
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
1120
+ cursor: pointer;
1121
+ }
1122
+
1113
1123
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1114
1124
  color: #212529;
1115
1125
  }
@@ -362,8 +362,8 @@
362
362
  height: 28px;
363
363
  min-height: 28px;
364
364
  outline: none;
365
- padding: 0;
366
- text-indent: 10px;
365
+ padding: 0 0 0 10px;
366
+ text-indent: 0;
367
367
  }
368
368
 
369
369
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
@@ -1032,6 +1032,16 @@ ejs-multiselect {
1032
1032
  margin-right: 0;
1033
1033
  }
1034
1034
 
1035
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
1036
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
1037
+ cursor: not-allowed;
1038
+ }
1039
+
1040
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
1041
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
1042
+ cursor: pointer;
1043
+ }
1044
+
1035
1045
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1036
1046
  color: #fff;
1037
1047
  }
@@ -362,8 +362,8 @@
362
362
  height: 28px;
363
363
  min-height: 28px;
364
364
  outline: none;
365
- padding: 0;
366
- text-indent: 10px;
365
+ padding: 0 0 0 10px;
366
+ text-indent: 0;
367
367
  }
368
368
 
369
369
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
@@ -1032,6 +1032,16 @@ ejs-multiselect {
1032
1032
  margin-right: 0;
1033
1033
  }
1034
1034
 
1035
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
1036
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
1037
+ cursor: not-allowed;
1038
+ }
1039
+
1040
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
1041
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
1042
+ cursor: pointer;
1043
+ }
1044
+
1035
1045
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1036
1046
  color: #666;
1037
1047
  }
@@ -469,8 +469,8 @@
469
469
  height: 30px;
470
470
  min-height: 30px;
471
471
  outline: none;
472
- padding: 0;
473
- text-indent: 8px;
472
+ padding: 0 0 0 8px;
473
+ text-indent: 0;
474
474
  }
475
475
 
476
476
  .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
@@ -1150,6 +1150,16 @@ ejs-multiselect {
1150
1150
  margin-right: 0;
1151
1151
  }
1152
1152
 
1153
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
1154
+ .e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
1155
+ cursor: not-allowed;
1156
+ }
1157
+
1158
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
1159
+ .e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
1160
+ cursor: pointer;
1161
+ }
1162
+
1153
1163
  .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
1154
1164
  color: #f3f2f1;
1155
1165
  }