@syncfusion/ej2-dropdowns 28.2.6 → 28.2.9

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 (100) hide show
  1. package/dist/ej2-dropdowns.min.js +2 -2
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +30 -13
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +30 -13
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +8 -8
  12. package/src/drop-down-list/drop-down-list.js +1 -1
  13. package/src/drop-down-tree/drop-down-tree.js +10 -2
  14. package/src/list-box/list-box.js +2 -1
  15. package/src/mention/mention.js +4 -4
  16. package/src/multi-select/multi-select.d.ts +1 -0
  17. package/src/multi-select/multi-select.js +13 -5
  18. package/styles/bds-lite.css +9 -2
  19. package/styles/bds.css +19 -4
  20. package/styles/bootstrap-dark-lite.css +7 -0
  21. package/styles/bootstrap-dark.css +22 -0
  22. package/styles/bootstrap-lite.css +7 -0
  23. package/styles/bootstrap.css +22 -0
  24. package/styles/bootstrap4-lite.css +8 -1
  25. package/styles/bootstrap4.css +24 -2
  26. package/styles/bootstrap5-dark-lite.css +8 -1
  27. package/styles/bootstrap5-dark.css +17 -2
  28. package/styles/bootstrap5-lite.css +8 -1
  29. package/styles/bootstrap5.3-lite.css +8 -1
  30. package/styles/bootstrap5.3.css +24 -2
  31. package/styles/bootstrap5.css +17 -2
  32. package/styles/drop-down-tree/_bds-definition.scss +12 -3
  33. package/styles/drop-down-tree/_bigger.scss +12 -12
  34. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +9 -0
  35. package/styles/drop-down-tree/_bootstrap-definition.scss +10 -1
  36. package/styles/drop-down-tree/_bootstrap4-definition.scss +12 -3
  37. package/styles/drop-down-tree/_bootstrap5-definition.scss +10 -2
  38. package/styles/drop-down-tree/_bootstrap5.3-definition.scss +10 -2
  39. package/styles/drop-down-tree/_fabric-dark-definition.scss +9 -0
  40. package/styles/drop-down-tree/_fabric-definition.scss +9 -0
  41. package/styles/drop-down-tree/_fluent-definition.scss +10 -2
  42. package/styles/drop-down-tree/_fluent2-definition.scss +12 -3
  43. package/styles/drop-down-tree/_fusionnew-definition.scss +9 -0
  44. package/styles/drop-down-tree/_highcontrast-definition.scss +10 -1
  45. package/styles/drop-down-tree/_highcontrast-light-definition.scss +9 -0
  46. package/styles/drop-down-tree/_layout.scss +9 -5
  47. package/styles/drop-down-tree/_material-dark-definition.scss +10 -1
  48. package/styles/drop-down-tree/_material-definition.scss +10 -1
  49. package/styles/drop-down-tree/_material3-definition.scss +11 -2
  50. package/styles/drop-down-tree/_tailwind-definition.scss +11 -3
  51. package/styles/drop-down-tree/_tailwind3-definition.scss +9 -1
  52. package/styles/drop-down-tree/bds.css +19 -4
  53. package/styles/drop-down-tree/bootstrap-dark.css +22 -0
  54. package/styles/drop-down-tree/bootstrap.css +22 -0
  55. package/styles/drop-down-tree/bootstrap4.css +24 -2
  56. package/styles/drop-down-tree/bootstrap5-dark.css +17 -2
  57. package/styles/drop-down-tree/bootstrap5.3.css +24 -2
  58. package/styles/drop-down-tree/bootstrap5.css +17 -2
  59. package/styles/drop-down-tree/fabric-dark.css +22 -0
  60. package/styles/drop-down-tree/fabric.css +22 -0
  61. package/styles/drop-down-tree/fluent-dark.css +17 -2
  62. package/styles/drop-down-tree/fluent.css +17 -2
  63. package/styles/drop-down-tree/fluent2.css +25 -3
  64. package/styles/drop-down-tree/highcontrast-light.css +22 -0
  65. package/styles/drop-down-tree/highcontrast.css +23 -1
  66. package/styles/drop-down-tree/material-dark.css +22 -0
  67. package/styles/drop-down-tree/material.css +23 -1
  68. package/styles/drop-down-tree/material3-dark.css +24 -2
  69. package/styles/drop-down-tree/material3.css +24 -2
  70. package/styles/drop-down-tree/tailwind-dark.css +19 -4
  71. package/styles/drop-down-tree/tailwind.css +19 -4
  72. package/styles/drop-down-tree/tailwind3.css +22 -1
  73. package/styles/fabric-dark-lite.css +7 -0
  74. package/styles/fabric-dark.css +22 -0
  75. package/styles/fabric-lite.css +7 -0
  76. package/styles/fabric.css +22 -0
  77. package/styles/fluent-dark-lite.css +8 -1
  78. package/styles/fluent-dark.css +17 -2
  79. package/styles/fluent-lite.css +8 -1
  80. package/styles/fluent.css +17 -2
  81. package/styles/fluent2-lite.css +9 -2
  82. package/styles/fluent2.css +25 -3
  83. package/styles/highcontrast-light-lite.css +7 -0
  84. package/styles/highcontrast-light.css +22 -0
  85. package/styles/highcontrast-lite.css +8 -1
  86. package/styles/highcontrast.css +23 -1
  87. package/styles/material-dark-lite.css +7 -0
  88. package/styles/material-dark.css +22 -0
  89. package/styles/material-lite.css +8 -1
  90. package/styles/material.css +23 -1
  91. package/styles/material3-dark-lite.css +8 -1
  92. package/styles/material3-dark.css +24 -2
  93. package/styles/material3-lite.css +8 -1
  94. package/styles/material3.css +24 -2
  95. package/styles/tailwind-dark-lite.css +9 -2
  96. package/styles/tailwind-dark.css +19 -4
  97. package/styles/tailwind-lite.css +9 -2
  98. package/styles/tailwind.css +19 -4
  99. package/styles/tailwind3-lite.css +6 -0
  100. package/styles/tailwind3.css +22 -1
@@ -252,6 +252,7 @@
252
252
  .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
253
253
  position: relative;
254
254
  text-indent: 0;
255
+ bottom: 0;
255
256
  }
256
257
  .e-ddt.e-popup .e-selectall-parent .e-all-text {
257
258
  font-family: inherit;
@@ -365,6 +366,12 @@
365
366
  .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
366
367
  padding: 0 14px 0 0;
367
368
  }
369
+ .e-ddt.e-rtl.e-popup .e-selectall-parent {
370
+ text-indent: 38px;
371
+ }
372
+ .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
373
+ margin: 0 10px;
374
+ }
368
375
 
369
376
  .e-ddt-icon-hide {
370
377
  display: none;
@@ -447,6 +454,13 @@
447
454
  .e-bigger .e-ddt.e-popup .e-selectall-parent,
448
455
  .e-ddt.e-bigger.e-popup .e-selectall-parent {
449
456
  text-indent: 43px;
457
+ padding: 0px;
458
+ }
459
+ .e-bigger .e-ddt.e-popup .e-selectall-parent .e-all-text,
460
+ .e-ddt.e-bigger.e-popup .e-selectall-parent .e-all-text {
461
+ font-size: 16px;
462
+ line-height: 24px;
463
+ margin: 0;
450
464
  }
451
465
  .e-bigger .e-ddt.e-popup .e-treeview .e-fullrow,
452
466
  .e-ddt.e-bigger.e-popup .e-treeview .e-fullrow {
@@ -472,4 +486,12 @@
472
486
  .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
473
487
  left: 38px;
474
488
  right: auto;
489
+ }
490
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent,
491
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent {
492
+ text-indent: 43px;
493
+ }
494
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent .e-all-text,
495
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent .e-all-text {
496
+ margin: 0;
475
497
  }
@@ -253,11 +253,12 @@
253
253
  .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
254
254
  position: relative;
255
255
  text-indent: 0;
256
+ bottom: 2px;
256
257
  }
257
258
  .e-ddt.e-popup .e-selectall-parent .e-all-text {
258
259
  font-family: inherit;
259
260
  font-size: 14px;
260
- margin: 10px;
261
+ margin: 8px;
261
262
  }
262
263
  .e-ddt.e-popup .e-filter-wrap {
263
264
  border-top-width: 0;
@@ -366,6 +367,12 @@
366
367
  .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
367
368
  padding: 0 14px 0 0;
368
369
  }
370
+ .e-ddt.e-rtl.e-popup .e-selectall-parent {
371
+ text-indent: 38px;
372
+ }
373
+ .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
374
+ margin: 0 7px;
375
+ }
369
376
 
370
377
  .e-ddt-icon-hide {
371
378
  display: none;
@@ -457,6 +464,13 @@
457
464
  .e-bigger .e-ddt.e-popup .e-selectall-parent,
458
465
  .e-ddt.e-bigger.e-popup .e-selectall-parent {
459
466
  text-indent: 43px;
467
+ padding: 0px;
468
+ }
469
+ .e-bigger .e-ddt.e-popup .e-selectall-parent .e-all-text,
470
+ .e-ddt.e-bigger.e-popup .e-selectall-parent .e-all-text {
471
+ font-size: 16px;
472
+ line-height: 24px;
473
+ margin: 0 8px;
460
474
  }
461
475
  .e-bigger .e-ddt.e-popup .e-treeview .e-fullrow,
462
476
  .e-ddt.e-bigger.e-popup .e-treeview .e-fullrow {
@@ -482,4 +496,12 @@
482
496
  .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
483
497
  left: 38px;
484
498
  right: auto;
499
+ }
500
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent,
501
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent {
502
+ text-indent: 43px;
503
+ }
504
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent .e-all-text,
505
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent .e-all-text {
506
+ margin: 0 7px;
485
507
  }
@@ -349,6 +349,7 @@
349
349
  .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
350
350
  position: relative;
351
351
  text-indent: 0;
352
+ bottom: 0;
352
353
  }
353
354
  .e-ddt.e-popup .e-selectall-parent .e-all-text {
354
355
  font-family: inherit;
@@ -503,6 +504,12 @@
503
504
  .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
504
505
  padding: 0 14px 0 0;
505
506
  }
507
+ .e-ddt.e-rtl.e-popup .e-selectall-parent {
508
+ text-indent: 38px;
509
+ }
510
+ .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
511
+ margin: 0 10px;
512
+ }
506
513
 
507
514
  .e-ddt-icon-hide {
508
515
  display: none;
@@ -719,6 +726,13 @@
719
726
  .e-bigger .e-ddt.e-popup .e-selectall-parent,
720
727
  .e-ddt.e-bigger.e-popup .e-selectall-parent {
721
728
  text-indent: 43px;
729
+ padding: 0px;
730
+ }
731
+ .e-bigger .e-ddt.e-popup .e-selectall-parent .e-all-text,
732
+ .e-ddt.e-bigger.e-popup .e-selectall-parent .e-all-text {
733
+ font-size: 16px;
734
+ line-height: 24px;
735
+ margin: 0;
722
736
  }
723
737
  .e-bigger .e-ddt.e-popup .e-treeview .e-fullrow,
724
738
  .e-ddt.e-bigger.e-popup .e-treeview .e-fullrow {
@@ -784,4 +798,12 @@
784
798
  .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
785
799
  left: 20px;
786
800
  right: auto;
801
+ }
802
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent,
803
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent {
804
+ text-indent: 43px;
805
+ }
806
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent .e-all-text,
807
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent .e-all-text {
808
+ margin: 0;
787
809
  }
@@ -369,10 +369,11 @@
369
369
  .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
370
370
  position: relative;
371
371
  text-indent: 0;
372
+ bottom: 1px;
372
373
  }
373
374
  .e-ddt.e-popup .e-selectall-parent .e-all-text {
374
375
  font-family: inherit;
375
- font-size: 14px;
376
+ font-size: 13px;
376
377
  margin: 10px;
377
378
  }
378
379
  .e-ddt.e-popup .e-filter-wrap {
@@ -527,6 +528,12 @@
527
528
  .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
528
529
  padding: 0 14px 0 0;
529
530
  }
531
+ .e-ddt.e-rtl.e-popup .e-selectall-parent {
532
+ text-indent: 38px;
533
+ }
534
+ .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
535
+ margin: 0 10px;
536
+ }
530
537
 
531
538
  .e-ddt-icon-hide {
532
539
  display: none;
@@ -743,6 +750,13 @@
743
750
  .e-bigger .e-ddt.e-popup .e-selectall-parent,
744
751
  .e-ddt.e-bigger.e-popup .e-selectall-parent {
745
752
  text-indent: 43px;
753
+ padding: 0px;
754
+ }
755
+ .e-bigger .e-ddt.e-popup .e-selectall-parent .e-all-text,
756
+ .e-ddt.e-bigger.e-popup .e-selectall-parent .e-all-text {
757
+ font-size: 16px;
758
+ line-height: 24px;
759
+ margin: 0 10px;
746
760
  }
747
761
  .e-bigger .e-ddt.e-popup .e-treeview .e-fullrow,
748
762
  .e-ddt.e-bigger.e-popup .e-treeview .e-fullrow {
@@ -808,4 +822,12 @@
808
822
  .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
809
823
  left: 20px;
810
824
  right: auto;
825
+ }
826
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent,
827
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent {
828
+ text-indent: 43px;
829
+ }
830
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent .e-all-text,
831
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent .e-all-text {
832
+ margin: 0 10px;
811
833
  }
@@ -269,7 +269,7 @@
269
269
  line-height: 36px;
270
270
  overflow: hidden;
271
271
  position: relative;
272
- text-indent: 0;
272
+ text-indent: 32px;
273
273
  white-space: nowrap;
274
274
  width: 100%;
275
275
  padding: 0 16px;
@@ -280,6 +280,7 @@
280
280
  .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
281
281
  position: relative;
282
282
  text-indent: 0;
283
+ bottom: 1px;
283
284
  }
284
285
  .e-ddt.e-popup .e-selectall-parent .e-all-text {
285
286
  font-family: inherit;
@@ -382,6 +383,12 @@
382
383
  .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
383
384
  padding: 0 14px 0 0;
384
385
  }
386
+ .e-ddt.e-rtl.e-popup .e-selectall-parent {
387
+ text-indent: 28px;
388
+ }
389
+ .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
390
+ margin: 0 12px;
391
+ }
385
392
 
386
393
  .e-ddt-icon-hide {
387
394
  display: none;
@@ -455,7 +462,14 @@
455
462
  }
456
463
  .e-bigger .e-ddt.e-popup .e-selectall-parent,
457
464
  .e-ddt.e-bigger.e-popup .e-selectall-parent {
458
- text-indent: 0;
465
+ text-indent: 44px;
466
+ padding: 0 16px;
467
+ }
468
+ .e-bigger .e-ddt.e-popup .e-selectall-parent .e-all-text,
469
+ .e-ddt.e-bigger.e-popup .e-selectall-parent .e-all-text {
470
+ font-size: 16px;
471
+ line-height: 24px;
472
+ margin: 0 18px;
459
473
  }
460
474
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
461
475
  .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
@@ -466,4 +480,12 @@
466
480
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
467
481
  .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
468
482
  right: auto;
483
+ }
484
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent,
485
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent {
486
+ text-indent: 36px;
487
+ }
488
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent .e-all-text,
489
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent .e-all-text {
490
+ margin: 0 18px;
469
491
  }
@@ -271,7 +271,7 @@
271
271
  line-height: 36px;
272
272
  overflow: hidden;
273
273
  position: relative;
274
- text-indent: 0;
274
+ text-indent: 32px;
275
275
  white-space: nowrap;
276
276
  width: 100%;
277
277
  padding: 0 16px;
@@ -282,6 +282,7 @@
282
282
  .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
283
283
  position: relative;
284
284
  text-indent: 0;
285
+ bottom: 1px;
285
286
  }
286
287
  .e-ddt.e-popup .e-selectall-parent .e-all-text {
287
288
  font-family: inherit;
@@ -384,6 +385,12 @@
384
385
  .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
385
386
  padding: 0 14px 0 0;
386
387
  }
388
+ .e-ddt.e-rtl.e-popup .e-selectall-parent {
389
+ text-indent: 28px;
390
+ }
391
+ .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
392
+ margin: 0 12px;
393
+ }
387
394
 
388
395
  .e-ddt-icon-hide {
389
396
  display: none;
@@ -457,7 +464,14 @@
457
464
  }
458
465
  .e-bigger .e-ddt.e-popup .e-selectall-parent,
459
466
  .e-ddt.e-bigger.e-popup .e-selectall-parent {
460
- text-indent: 0;
467
+ text-indent: 44px;
468
+ padding: 0 16px;
469
+ }
470
+ .e-bigger .e-ddt.e-popup .e-selectall-parent .e-all-text,
471
+ .e-ddt.e-bigger.e-popup .e-selectall-parent .e-all-text {
472
+ font-size: 16px;
473
+ line-height: 24px;
474
+ margin: 0 18px;
461
475
  }
462
476
  .e-bigger .e-ddt.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child,
463
477
  .e-ddt.e-bigger.e-rtl.e-show-clear.e-show-dd-icon .e-chips-wrapper .e-chips:last-child {
@@ -468,4 +482,12 @@
468
482
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
469
483
  .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
470
484
  right: auto;
485
+ }
486
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent,
487
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent {
488
+ text-indent: 36px;
489
+ }
490
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent .e-all-text,
491
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent .e-all-text {
492
+ margin: 0 18px;
471
493
  }
@@ -253,7 +253,7 @@
253
253
  display: block;
254
254
  overflow: hidden;
255
255
  position: relative;
256
- text-indent: 0;
256
+ text-indent: 27px;
257
257
  white-space: nowrap;
258
258
  width: 100%;
259
259
  padding: 8px 12px;
@@ -264,6 +264,7 @@
264
264
  .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
265
265
  position: relative;
266
266
  text-indent: 0;
267
+ bottom: 0;
267
268
  }
268
269
  .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper .e-frame {
269
270
  margin-top: -3px;
@@ -271,7 +272,7 @@
271
272
  .e-ddt.e-popup .e-selectall-parent .e-all-text {
272
273
  font-family: inherit;
273
274
  font-size: 14px;
274
- margin: 0 12px;
275
+ margin: 0 8px;
275
276
  line-height: 22px;
276
277
  }
277
278
  .e-ddt.e-popup .e-filter-wrap {
@@ -376,6 +377,12 @@
376
377
  .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
377
378
  padding: 0 14px 0 0;
378
379
  }
380
+ .e-ddt.e-rtl.e-popup .e-selectall-parent {
381
+ text-indent: 15px;
382
+ }
383
+ .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
384
+ margin: 0 8px;
385
+ }
379
386
 
380
387
  .e-ddt-icon-hide {
381
388
  display: none;
@@ -508,14 +515,14 @@
508
515
  }
509
516
  .e-bigger .e-ddt.e-popup .e-selectall-parent,
510
517
  .e-ddt.e-bigger.e-popup .e-selectall-parent {
511
- text-indent: 0;
518
+ text-indent: 33px;
512
519
  padding: 12px 16px;
513
520
  }
514
521
  .e-bigger .e-ddt.e-popup .e-selectall-parent .e-all-text,
515
522
  .e-ddt.e-bigger.e-popup .e-selectall-parent .e-all-text {
516
523
  font-size: 16px;
517
524
  line-height: 24px;
518
- margin: 0 16px;
525
+ margin: 0 12px;
519
526
  }
520
527
  .e-bigger .e-ddt.e-popup .e-popup-content.e-no-data,
521
528
  .e-ddt.e-bigger.e-popup .e-popup-content.e-no-data {
@@ -555,4 +562,12 @@
555
562
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
556
563
  .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
557
564
  right: auto;
565
+ }
566
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent,
567
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent {
568
+ text-indent: 17px;
569
+ }
570
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent .e-all-text,
571
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent .e-all-text {
572
+ margin: 0 12px;
558
573
  }
@@ -253,7 +253,7 @@
253
253
  display: block;
254
254
  overflow: hidden;
255
255
  position: relative;
256
- text-indent: 0;
256
+ text-indent: 27px;
257
257
  white-space: nowrap;
258
258
  width: 100%;
259
259
  padding: 8px 12px;
@@ -264,6 +264,7 @@
264
264
  .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
265
265
  position: relative;
266
266
  text-indent: 0;
267
+ bottom: 0;
267
268
  }
268
269
  .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper .e-frame {
269
270
  margin-top: -3px;
@@ -271,7 +272,7 @@
271
272
  .e-ddt.e-popup .e-selectall-parent .e-all-text {
272
273
  font-family: inherit;
273
274
  font-size: 14px;
274
- margin: 0 12px;
275
+ margin: 0 8px;
275
276
  line-height: 22px;
276
277
  }
277
278
  .e-ddt.e-popup .e-filter-wrap {
@@ -376,6 +377,12 @@
376
377
  .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
377
378
  padding: 0 14px 0 0;
378
379
  }
380
+ .e-ddt.e-rtl.e-popup .e-selectall-parent {
381
+ text-indent: 15px;
382
+ }
383
+ .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
384
+ margin: 0 8px;
385
+ }
379
386
 
380
387
  .e-ddt-icon-hide {
381
388
  display: none;
@@ -508,14 +515,14 @@
508
515
  }
509
516
  .e-bigger .e-ddt.e-popup .e-selectall-parent,
510
517
  .e-ddt.e-bigger.e-popup .e-selectall-parent {
511
- text-indent: 0;
518
+ text-indent: 33px;
512
519
  padding: 12px 16px;
513
520
  }
514
521
  .e-bigger .e-ddt.e-popup .e-selectall-parent .e-all-text,
515
522
  .e-ddt.e-bigger.e-popup .e-selectall-parent .e-all-text {
516
523
  font-size: 16px;
517
524
  line-height: 24px;
518
- margin: 0 16px;
525
+ margin: 0 12px;
519
526
  }
520
527
  .e-bigger .e-ddt.e-popup .e-popup-content.e-no-data,
521
528
  .e-ddt.e-bigger.e-popup .e-popup-content.e-no-data {
@@ -555,4 +562,12 @@
555
562
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
556
563
  .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
557
564
  right: auto;
565
+ }
566
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent,
567
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent {
568
+ text-indent: 17px;
569
+ }
570
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent .e-all-text,
571
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent .e-all-text {
572
+ margin: 0 12px;
558
573
  }
@@ -373,6 +373,12 @@
373
373
  .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
374
374
  padding: 0 14px 0 0;
375
375
  }
376
+ .e-ddt.e-rtl.e-popup .e-selectall-parent {
377
+ text-indent: 36px;
378
+ }
379
+ .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
380
+ margin: 0 8px;
381
+ }
376
382
 
377
383
  .e-ddt-icon-hide {
378
384
  display: none;
@@ -486,7 +492,14 @@
486
492
  }
487
493
  .e-bigger .e-ddt.e-popup .e-selectall-parent,
488
494
  .e-ddt.e-bigger.e-popup .e-selectall-parent {
489
- text-indent: 50px;
495
+ text-indent: 36px;
496
+ padding: 3px 12px;
497
+ }
498
+ .e-bigger .e-ddt.e-popup .e-selectall-parent .e-all-text,
499
+ .e-ddt.e-bigger.e-popup .e-selectall-parent .e-all-text {
500
+ font-size: 16px;
501
+ line-height: 24px;
502
+ margin: 0 8px;
490
503
  }
491
504
  .e-bigger .e-ddt.e-popup .e-filter-wrap,
492
505
  .e-ddt.e-bigger.e-popup .e-filter-wrap {
@@ -509,4 +522,12 @@
509
522
  .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
510
523
  .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
511
524
  right: auto;
525
+ }
526
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent,
527
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent {
528
+ text-indent: 32px;
529
+ }
530
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent .e-all-text,
531
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent .e-all-text {
532
+ margin: 0 8px;
512
533
  }
@@ -821,6 +821,7 @@ ejs-dropdownlist {
821
821
  .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
822
822
  position: relative;
823
823
  text-indent: 0;
824
+ bottom: 2px;
824
825
  }
825
826
  .e-ddt.e-popup .e-selectall-parent .e-all-text {
826
827
  font-family: inherit;
@@ -933,6 +934,12 @@ ejs-dropdownlist {
933
934
  .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
934
935
  padding: 0 14px 0 0;
935
936
  }
937
+ .e-ddt.e-rtl.e-popup .e-selectall-parent {
938
+ text-indent: 38px;
939
+ }
940
+ .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
941
+ margin: 0 10px;
942
+ }
936
943
 
937
944
  .e-ddt-icon-hide {
938
945
  display: none;
@@ -997,6 +997,7 @@ ejs-dropdownlist {
997
997
  .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
998
998
  position: relative;
999
999
  text-indent: 0;
1000
+ bottom: 2px;
1000
1001
  }
1001
1002
  .e-ddt.e-popup .e-selectall-parent .e-all-text {
1002
1003
  font-family: inherit;
@@ -1109,6 +1110,12 @@ ejs-dropdownlist {
1109
1110
  .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
1110
1111
  padding: 0 14px 0 0;
1111
1112
  }
1113
+ .e-ddt.e-rtl.e-popup .e-selectall-parent {
1114
+ text-indent: 38px;
1115
+ }
1116
+ .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1117
+ margin: 0 10px;
1118
+ }
1112
1119
 
1113
1120
  .e-ddt-icon-hide {
1114
1121
  display: none;
@@ -1191,6 +1198,13 @@ ejs-dropdownlist {
1191
1198
  .e-bigger .e-ddt.e-popup .e-selectall-parent,
1192
1199
  .e-ddt.e-bigger.e-popup .e-selectall-parent {
1193
1200
  text-indent: 43px;
1201
+ padding: 0px;
1202
+ }
1203
+ .e-bigger .e-ddt.e-popup .e-selectall-parent .e-all-text,
1204
+ .e-ddt.e-bigger.e-popup .e-selectall-parent .e-all-text {
1205
+ font-size: 16px;
1206
+ line-height: 24px;
1207
+ margin: 0 10px;
1194
1208
  }
1195
1209
  .e-bigger .e-ddt.e-popup .e-treeview .e-fullrow,
1196
1210
  .e-ddt.e-bigger.e-popup .e-treeview .e-fullrow {
@@ -1217,6 +1231,14 @@ ejs-dropdownlist {
1217
1231
  left: 38px;
1218
1232
  right: auto;
1219
1233
  }
1234
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent,
1235
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent {
1236
+ text-indent: 43px;
1237
+ }
1238
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent .e-all-text,
1239
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent .e-all-text {
1240
+ margin: 0 10px;
1241
+ }
1220
1242
 
1221
1243
  /* stylelint-disable-line no-empty-source */
1222
1244
  /* stylelint-disable-line no-empty-source */
@@ -817,6 +817,7 @@ ejs-dropdownlist {
817
817
  .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
818
818
  position: relative;
819
819
  text-indent: 0;
820
+ bottom: 2px;
820
821
  }
821
822
  .e-ddt.e-popup .e-selectall-parent .e-all-text {
822
823
  font-family: inherit;
@@ -929,6 +930,12 @@ ejs-dropdownlist {
929
930
  .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
930
931
  padding: 0 14px 0 0;
931
932
  }
933
+ .e-ddt.e-rtl.e-popup .e-selectall-parent {
934
+ text-indent: 38px;
935
+ }
936
+ .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
937
+ margin: 0 10px;
938
+ }
932
939
 
933
940
  .e-ddt-icon-hide {
934
941
  display: none;
package/styles/fabric.css CHANGED
@@ -993,6 +993,7 @@ ejs-dropdownlist {
993
993
  .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
994
994
  position: relative;
995
995
  text-indent: 0;
996
+ bottom: 2px;
996
997
  }
997
998
  .e-ddt.e-popup .e-selectall-parent .e-all-text {
998
999
  font-family: inherit;
@@ -1105,6 +1106,12 @@ ejs-dropdownlist {
1105
1106
  .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
1106
1107
  padding: 0 14px 0 0;
1107
1108
  }
1109
+ .e-ddt.e-rtl.e-popup .e-selectall-parent {
1110
+ text-indent: 38px;
1111
+ }
1112
+ .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1113
+ margin: 0 10px;
1114
+ }
1108
1115
 
1109
1116
  .e-ddt-icon-hide {
1110
1117
  display: none;
@@ -1187,6 +1194,13 @@ ejs-dropdownlist {
1187
1194
  .e-bigger .e-ddt.e-popup .e-selectall-parent,
1188
1195
  .e-ddt.e-bigger.e-popup .e-selectall-parent {
1189
1196
  text-indent: 43px;
1197
+ padding: 0px;
1198
+ }
1199
+ .e-bigger .e-ddt.e-popup .e-selectall-parent .e-all-text,
1200
+ .e-ddt.e-bigger.e-popup .e-selectall-parent .e-all-text {
1201
+ font-size: 16px;
1202
+ line-height: 24px;
1203
+ margin: 0 10px;
1190
1204
  }
1191
1205
  .e-bigger .e-ddt.e-popup .e-treeview .e-fullrow,
1192
1206
  .e-ddt.e-bigger.e-popup .e-treeview .e-fullrow {
@@ -1213,6 +1227,14 @@ ejs-dropdownlist {
1213
1227
  left: 38px;
1214
1228
  right: auto;
1215
1229
  }
1230
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent,
1231
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent {
1232
+ text-indent: 43px;
1233
+ }
1234
+ .e-bigger .e-ddt.e-rtl .e-selectall-parent .e-all-text,
1235
+ .e-ddt.e-bigger.e-rtl .e-selectall-parent .e-all-text {
1236
+ margin: 0 10px;
1237
+ }
1216
1238
 
1217
1239
  /* stylelint-disable-line no-empty-source */
1218
1240
  /* stylelint-disable-line no-empty-source */
@@ -887,7 +887,7 @@ ejs-dropdownlist {
887
887
  display: block;
888
888
  overflow: hidden;
889
889
  position: relative;
890
- text-indent: 0;
890
+ text-indent: 33px;
891
891
  white-space: nowrap;
892
892
  width: 100%;
893
893
  padding: 8px 12px;
@@ -898,6 +898,7 @@ ejs-dropdownlist {
898
898
  .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper {
899
899
  position: relative;
900
900
  text-indent: 0;
901
+ bottom: 1px;
901
902
  }
902
903
  .e-ddt.e-popup .e-selectall-parent .e-checkbox-wrapper .e-frame {
903
904
  margin-top: -3px;
@@ -1007,6 +1008,12 @@ ejs-dropdownlist {
1007
1008
  .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
1008
1009
  padding: 0 14px 0 0;
1009
1010
  }
1011
+ .e-ddt.e-rtl.e-popup .e-selectall-parent {
1012
+ text-indent: 33px;
1013
+ }
1014
+ .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
1015
+ margin: 0 12px;
1016
+ }
1010
1017
 
1011
1018
  .e-ddt-icon-hide {
1012
1019
  display: none;