@syncfusion/ej2-angular-ribbon 23.2.5 → 23.2.7-ngcc

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 (138) hide show
  1. package/@syncfusion/ej2-angular-ribbon.es5.js +584 -0
  2. package/@syncfusion/ej2-angular-ribbon.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-ribbon.js +544 -0
  4. package/@syncfusion/ej2-angular-ribbon.js.map +1 -0
  5. package/CHANGELOG.md +70 -0
  6. package/dist/ej2-angular-ribbon.umd.js +759 -0
  7. package/dist/ej2-angular-ribbon.umd.js.map +1 -0
  8. package/dist/ej2-angular-ribbon.umd.min.js +11 -0
  9. package/dist/ej2-angular-ribbon.umd.min.js.map +1 -0
  10. package/ej2-angular-ribbon.d.ts +5 -0
  11. package/ej2-angular-ribbon.metadata.json +1 -0
  12. package/package.json +14 -28
  13. package/postinstall/tagchange.js +18 -0
  14. package/schematics/collection.json +10 -0
  15. package/schematics/ng-add/index.d.ts +3 -0
  16. package/schematics/ng-add/index.js +9 -0
  17. package/schematics/ng-add/index.ts +10 -0
  18. package/schematics/ng-add/schema.d.ts +13 -0
  19. package/schematics/ng-add/schema.js +2 -0
  20. package/schematics/ng-add/schema.json +34 -0
  21. package/schematics/ng-add/schema.ts +30 -0
  22. package/schematics/tsconfig.json +25 -0
  23. package/schematics/utils/lib-details.d.ts +4 -0
  24. package/schematics/utils/lib-details.js +6 -0
  25. package/schematics/utils/lib-details.ts +4 -0
  26. package/src/ribbon/collections.directive.d.ts +0 -5
  27. package/src/ribbon/groups.directive.d.ts +0 -5
  28. package/src/ribbon/items.directive.d.ts +0 -5
  29. package/src/ribbon/ribbon-all.module.d.ts +0 -6
  30. package/src/ribbon/ribbon.component.d.ts +2 -3
  31. package/src/ribbon/ribbon.module.d.ts +0 -10
  32. package/src/ribbon/tabs.directive.d.ts +0 -5
  33. package/styles/bootstrap-dark.css +7 -3
  34. package/styles/bootstrap.css +7 -3
  35. package/styles/bootstrap4.css +7 -3
  36. package/styles/bootstrap5-dark.css +7 -3
  37. package/styles/bootstrap5.css +7 -3
  38. package/styles/fabric-dark.css +7 -3
  39. package/styles/fabric.css +7 -3
  40. package/styles/fluent-dark.css +7 -3
  41. package/styles/fluent.css +7 -3
  42. package/styles/highcontrast-light.css +7 -3
  43. package/styles/highcontrast.css +7 -3
  44. package/styles/material-dark.css +7 -3
  45. package/styles/material.css +7 -3
  46. package/styles/material3-dark.css +7 -3
  47. package/styles/material3-dark.scss +0 -1
  48. package/styles/material3.css +7 -3
  49. package/styles/material3.scss +0 -1
  50. package/styles/ribbon/bootstrap-dark.css +7 -3
  51. package/styles/ribbon/bootstrap-dark.scss +1 -18
  52. package/styles/ribbon/bootstrap.css +7 -3
  53. package/styles/ribbon/bootstrap.scss +1 -18
  54. package/styles/ribbon/bootstrap4.css +7 -3
  55. package/styles/ribbon/bootstrap4.scss +1 -18
  56. package/styles/ribbon/bootstrap5-dark.css +7 -3
  57. package/styles/ribbon/bootstrap5-dark.scss +1 -18
  58. package/styles/ribbon/bootstrap5.css +7 -3
  59. package/styles/ribbon/bootstrap5.scss +1 -18
  60. package/styles/ribbon/fabric-dark.css +7 -3
  61. package/styles/ribbon/fabric-dark.scss +1 -18
  62. package/styles/ribbon/fabric.css +7 -3
  63. package/styles/ribbon/fabric.scss +1 -18
  64. package/styles/ribbon/fluent-dark.css +7 -3
  65. package/styles/ribbon/fluent-dark.scss +1 -18
  66. package/styles/ribbon/fluent.css +7 -3
  67. package/styles/ribbon/fluent.scss +1 -18
  68. package/styles/ribbon/highcontrast-light.css +7 -3
  69. package/styles/ribbon/highcontrast-light.scss +1 -17
  70. package/styles/ribbon/highcontrast.css +7 -3
  71. package/styles/ribbon/highcontrast.scss +1 -18
  72. package/styles/ribbon/material-dark.css +7 -3
  73. package/styles/ribbon/material-dark.scss +1 -18
  74. package/styles/ribbon/material.css +7 -3
  75. package/styles/ribbon/material.scss +1 -18
  76. package/styles/ribbon/material3-dark.css +7 -3
  77. package/styles/ribbon/material3-dark.scss +1 -18
  78. package/styles/ribbon/material3.css +7 -3
  79. package/styles/ribbon/material3.scss +1 -18
  80. package/styles/ribbon/tailwind-dark.css +7 -3
  81. package/styles/ribbon/tailwind-dark.scss +1 -18
  82. package/styles/ribbon/tailwind.css +7 -3
  83. package/styles/ribbon/tailwind.scss +1 -18
  84. package/styles/tailwind-dark.css +7 -3
  85. package/styles/tailwind.css +7 -3
  86. package/esm2020/public_api.mjs +0 -3
  87. package/esm2020/src/index.mjs +0 -9
  88. package/esm2020/src/ribbon/collections.directive.mjs +0 -70
  89. package/esm2020/src/ribbon/groups.directive.mjs +0 -66
  90. package/esm2020/src/ribbon/items.directive.mjs +0 -78
  91. package/esm2020/src/ribbon/ribbon-all.module.mjs +0 -53
  92. package/esm2020/src/ribbon/ribbon.component.mjs +0 -134
  93. package/esm2020/src/ribbon/ribbon.module.mjs +0 -61
  94. package/esm2020/src/ribbon/tabs.directive.mjs +0 -62
  95. package/esm2020/syncfusion-ej2-angular-ribbon.mjs +0 -5
  96. package/fesm2015/syncfusion-ej2-angular-ribbon.mjs +0 -502
  97. package/fesm2015/syncfusion-ej2-angular-ribbon.mjs.map +0 -1
  98. package/fesm2020/syncfusion-ej2-angular-ribbon.mjs +0 -502
  99. package/fesm2020/syncfusion-ej2-angular-ribbon.mjs.map +0 -1
  100. package/styles/ribbon/_all.scss +0 -2
  101. package/styles/ribbon/_bootstrap-dark-definition.scss +0 -275
  102. package/styles/ribbon/_bootstrap-definition.scss +0 -275
  103. package/styles/ribbon/_bootstrap4-definition.scss +0 -275
  104. package/styles/ribbon/_bootstrap5-dark-definition.scss +0 -1
  105. package/styles/ribbon/_bootstrap5-definition.scss +0 -275
  106. package/styles/ribbon/_fabric-dark-definition.scss +0 -275
  107. package/styles/ribbon/_fabric-definition.scss +0 -275
  108. package/styles/ribbon/_fluent-dark-definition.scss +0 -1
  109. package/styles/ribbon/_fluent-definition.scss +0 -275
  110. package/styles/ribbon/_fusionnew-definition.scss +0 -275
  111. package/styles/ribbon/_highcontrast-definition.scss +0 -275
  112. package/styles/ribbon/_highcontrast-light-definition.scss +0 -275
  113. package/styles/ribbon/_layout.scss +0 -1402
  114. package/styles/ribbon/_material-dark-definition.scss +0 -275
  115. package/styles/ribbon/_material-definition.scss +0 -275
  116. package/styles/ribbon/_material3-dark-definition.scss +0 -1
  117. package/styles/ribbon/_material3-definition.scss +0 -276
  118. package/styles/ribbon/_tailwind-dark-definition.scss +0 -1
  119. package/styles/ribbon/_tailwind-definition.scss +0 -275
  120. package/styles/ribbon/_theme.scss +0 -486
  121. package/styles/ribbon/icons/_bootstrap-dark.scss +0 -9
  122. package/styles/ribbon/icons/_bootstrap.scss +0 -9
  123. package/styles/ribbon/icons/_bootstrap4.scss +0 -9
  124. package/styles/ribbon/icons/_bootstrap5-dark.scss +0 -1
  125. package/styles/ribbon/icons/_bootstrap5.scss +0 -9
  126. package/styles/ribbon/icons/_fabric-dark.scss +0 -9
  127. package/styles/ribbon/icons/_fabric.scss +0 -9
  128. package/styles/ribbon/icons/_fluent-dark.scss +0 -1
  129. package/styles/ribbon/icons/_fluent.scss +0 -9
  130. package/styles/ribbon/icons/_fusionnew.scss +0 -9
  131. package/styles/ribbon/icons/_highcontrast.scss +0 -9
  132. package/styles/ribbon/icons/_material-dark.scss +0 -9
  133. package/styles/ribbon/icons/_material.scss +0 -9
  134. package/styles/ribbon/icons/_material3-dark.scss +0 -1
  135. package/styles/ribbon/icons/_material3.scss +0 -9
  136. package/styles/ribbon/icons/_tailwind-dark.scss +0 -9
  137. package/styles/ribbon/icons/_tailwind.scss +0 -9
  138. package/syncfusion-ej2-angular-ribbon.d.ts +0 -5
package/styles/material3-dark.css CHANGED
@@ -405,6 +405,10 @@
405
405
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
406
406
  outline: none;
407
407
  }
408
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
409
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
410
+ display: none;
411
+ }
408
412
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
409
413
  bottom: 4px;
410
414
  position: absolute;
@@ -456,7 +460,7 @@
456
460
  padding-top: 4px;
457
461
  height: 107px;
458
462
  }
459
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
463
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
460
464
  display: none;
461
465
  }
462
466
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -957,13 +961,13 @@
957
961
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
958
962
  display: none;
959
963
  }
960
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
964
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
961
965
  display: none;
962
966
  }
963
967
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
964
968
  pointer-events: none;
965
969
  }
966
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
970
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
967
971
  display: none;
968
972
  }
969
973
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/material3-dark.scss CHANGED
@@ -1,3 +1,2 @@
1
1
 
2
-
3
2
  @import 'ribbon/material3-dark.scss';
package/styles/material3.css CHANGED
@@ -461,6 +461,10 @@
461
461
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
462
462
  outline: none;
463
463
  }
464
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
465
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
466
+ display: none;
467
+ }
464
468
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
465
469
  bottom: 4px;
466
470
  position: absolute;
@@ -512,7 +516,7 @@
512
516
  padding-top: 4px;
513
517
  height: 107px;
514
518
  }
515
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
519
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
516
520
  display: none;
517
521
  }
518
522
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -1013,13 +1017,13 @@
1013
1017
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
1014
1018
  display: none;
1015
1019
  }
1016
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
1020
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
1017
1021
  display: none;
1018
1022
  }
1019
1023
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
1020
1024
  pointer-events: none;
1021
1025
  }
1022
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
1026
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
1023
1027
  display: none;
1024
1028
  }
1025
1029
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/material3.scss CHANGED
@@ -1,3 +1,2 @@
1
1
 
2
-
3
2
  @import 'ribbon/material3.scss';
package/styles/ribbon/bootstrap-dark.css CHANGED
@@ -298,6 +298,10 @@
298
298
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
299
299
  outline: none;
300
300
  }
301
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
302
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
303
+ display: none;
304
+ }
301
305
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
302
306
  bottom: 4px;
303
307
  position: absolute;
@@ -349,7 +353,7 @@
349
353
  padding-top: 6px;
350
354
  height: 140px;
351
355
  }
352
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
356
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
353
357
  display: none;
354
358
  }
355
359
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -850,13 +854,13 @@
850
854
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
851
855
  display: none;
852
856
  }
853
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
857
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
854
858
  display: none;
855
859
  }
856
860
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
857
861
  pointer-events: none;
858
862
  }
859
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
863
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
860
864
  display: none;
861
865
  }
862
866
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/ribbon/bootstrap-dark.scss CHANGED
@@ -1,18 +1 @@
1
- @import 'ej2-base/styles/definition/bootstrap-dark.scss';
2
- @import 'ej2-popups/styles/tooltip/bootstrap-dark-definition.scss';
3
- @import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
4
- @import 'ej2-buttons/styles/check-box/bootstrap-dark-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/bootstrap-dark-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-base/bootstrap-dark-definition.scss';
7
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition.scss';
8
- @import 'ej2-dropdowns/styles/combo-box/bootstrap-dark-definition.scss';
9
- @import 'ej2-navigations/styles/h-scroll/bootstrap-dark-definition.scss';
10
- @import 'ej2-navigations/styles/v-scroll/bootstrap-dark-definition.scss';
11
- @import 'ej2-navigations/styles/context-menu/bootstrap-dark-definition.scss';
12
- @import 'ej2-navigations/styles/toolbar/bootstrap-dark-definition.scss';
13
- @import 'ej2-navigations/styles/menu/bootstrap-dark-definition.scss';
14
- @import 'ej2-navigations/styles/tab/bootstrap-dark-definition.scss';
15
- @import 'ej2-inputs/styles/color-picker/bootstrap-dark-definition.scss';
16
- @import 'bootstrap-dark-definition.scss';
17
- @import 'icons/bootstrap-dark.scss';
18
- @import 'all.scss';
1
+ @import 'ej2-ribbon/styles/ribbon/bootstrap-dark.scss';
package/styles/ribbon/bootstrap.css CHANGED
@@ -303,6 +303,10 @@
303
303
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
304
304
  outline: none;
305
305
  }
306
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
307
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
308
+ display: none;
309
+ }
306
310
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
307
311
  bottom: 4px;
308
312
  position: absolute;
@@ -354,7 +358,7 @@
354
358
  padding-top: 6px;
355
359
  height: 140px;
356
360
  }
357
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
361
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
358
362
  display: none;
359
363
  }
360
364
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -855,13 +859,13 @@
855
859
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
856
860
  display: none;
857
861
  }
858
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
862
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
859
863
  display: none;
860
864
  }
861
865
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
862
866
  pointer-events: none;
863
867
  }
864
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
868
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
865
869
  display: none;
866
870
  }
867
871
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/ribbon/bootstrap.scss CHANGED
@@ -1,18 +1 @@
1
- @import 'ej2-base/styles/definition/bootstrap.scss';
2
- @import 'ej2-popups/styles/tooltip/bootstrap-definition.scss';
3
- @import 'ej2-buttons/styles/button/bootstrap-definition.scss';
4
- @import 'ej2-buttons/styles/check-box/bootstrap-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/bootstrap-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-base/bootstrap-definition.scss';
7
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap-definition.scss';
8
- @import 'ej2-dropdowns/styles/combo-box/bootstrap-definition.scss';
9
- @import 'ej2-navigations/styles/h-scroll/bootstrap-definition.scss';
10
- @import 'ej2-navigations/styles/v-scroll/bootstrap-definition.scss';
11
- @import 'ej2-navigations/styles/context-menu/bootstrap-definition.scss';
12
- @import 'ej2-navigations/styles/toolbar/bootstrap-definition.scss';
13
- @import 'ej2-navigations/styles/menu/bootstrap-definition.scss';
14
- @import 'ej2-navigations/styles/tab/bootstrap-definition.scss';
15
- @import 'ej2-inputs/styles/color-picker/bootstrap-definition.scss';
16
- @import 'bootstrap-definition.scss';
17
- @import 'icons/bootstrap.scss';
18
- @import 'all.scss';
1
+ @import 'ej2-ribbon/styles/ribbon/bootstrap.scss';
package/styles/ribbon/bootstrap4.css CHANGED
@@ -364,6 +364,10 @@
364
364
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
365
365
  outline: none;
366
366
  }
367
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
368
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
369
+ display: none;
370
+ }
367
371
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
368
372
  bottom: 4px;
369
373
  position: absolute;
@@ -415,7 +419,7 @@
415
419
  padding-top: 6px;
416
420
  height: 134px;
417
421
  }
418
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
422
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
419
423
  display: none;
420
424
  }
421
425
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -916,13 +920,13 @@
916
920
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
917
921
  display: none;
918
922
  }
919
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
923
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
920
924
  display: none;
921
925
  }
922
926
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
923
927
  pointer-events: none;
924
928
  }
925
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
929
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
926
930
  display: none;
927
931
  }
928
932
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/ribbon/bootstrap4.scss CHANGED
@@ -1,18 +1 @@
1
- @import 'ej2-base/styles/definition/bootstrap4.scss';
2
- @import 'ej2-popups/styles/tooltip/bootstrap4-definition.scss';
3
- @import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
4
- @import 'ej2-buttons/styles/check-box/bootstrap4-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/bootstrap4-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-base/bootstrap4-definition.scss';
7
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap4-definition.scss';
8
- @import 'ej2-dropdowns/styles/combo-box/bootstrap4-definition.scss';
9
- @import 'ej2-navigations/styles/h-scroll/bootstrap4-definition.scss';
10
- @import 'ej2-navigations/styles/v-scroll/bootstrap4-definition.scss';
11
- @import 'ej2-navigations/styles/context-menu/bootstrap4-definition.scss';
12
- @import 'ej2-navigations/styles/toolbar/bootstrap4-definition.scss';
13
- @import 'ej2-navigations/styles/menu/bootstrap4-definition.scss';
14
- @import 'ej2-navigations/styles/tab/bootstrap4-definition.scss';
15
- @import 'ej2-inputs/styles/color-picker/bootstrap4-definition.scss';
16
- @import 'bootstrap4-definition.scss';
17
- @import 'icons/bootstrap4.scss';
18
- @import 'all.scss';
1
+ @import 'ej2-ribbon/styles/ribbon/bootstrap4.scss';
package/styles/ribbon/bootstrap5-dark.css CHANGED
@@ -382,6 +382,10 @@
382
382
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
383
383
  outline: none;
384
384
  }
385
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
386
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
387
+ display: none;
388
+ }
385
389
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
386
390
  bottom: 3px;
387
391
  position: absolute;
@@ -433,7 +437,7 @@
433
437
  padding-top: 6px;
434
438
  height: 120px;
435
439
  }
436
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
440
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
437
441
  display: none;
438
442
  }
439
443
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -934,13 +938,13 @@
934
938
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
935
939
  display: none;
936
940
  }
937
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
941
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
938
942
  display: none;
939
943
  }
940
944
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
941
945
  pointer-events: none;
942
946
  }
943
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
947
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
944
948
  display: none;
945
949
  }
946
950
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/ribbon/bootstrap5-dark.scss CHANGED
@@ -1,18 +1 @@
1
- @import 'ej2-base/styles/definition/bootstrap5-dark.scss';
2
- @import 'ej2-popups/styles/tooltip/bootstrap5-dark-definition.scss';
3
- @import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
4
- @import 'ej2-buttons/styles/check-box/bootstrap5-dark-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/bootstrap5-dark-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-base/bootstrap5-dark-definition.scss';
7
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-dark-definition.scss';
8
- @import 'ej2-dropdowns/styles/combo-box/bootstrap5-dark-definition.scss';
9
- @import 'ej2-navigations/styles/h-scroll/bootstrap5-dark-definition.scss';
10
- @import 'ej2-navigations/styles/v-scroll/bootstrap5-dark-definition.scss';
11
- @import 'ej2-navigations/styles/context-menu/bootstrap5-dark-definition.scss';
12
- @import 'ej2-navigations/styles/toolbar/bootstrap5-dark-definition.scss';
13
- @import 'ej2-navigations/styles/menu/bootstrap5-dark-definition.scss';
14
- @import 'ej2-navigations/styles/tab/bootstrap5-dark-definition.scss';
15
- @import 'ej2-inputs/styles/color-picker/bootstrap5-dark-definition.scss';
16
- @import 'bootstrap5-dark-definition.scss';
17
- @import 'icons/bootstrap5-dark.scss';
18
- @import 'all.scss';
1
+ @import 'ej2-ribbon/styles/ribbon/bootstrap5-dark.scss';
package/styles/ribbon/bootstrap5.css CHANGED
@@ -382,6 +382,10 @@
382
382
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
383
383
  outline: none;
384
384
  }
385
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
386
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
387
+ display: none;
388
+ }
385
389
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
386
390
  bottom: 3px;
387
391
  position: absolute;
@@ -433,7 +437,7 @@
433
437
  padding-top: 6px;
434
438
  height: 120px;
435
439
  }
436
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
440
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
437
441
  display: none;
438
442
  }
439
443
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -934,13 +938,13 @@
934
938
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
935
939
  display: none;
936
940
  }
937
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
941
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
938
942
  display: none;
939
943
  }
940
944
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
941
945
  pointer-events: none;
942
946
  }
943
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
947
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
944
948
  display: none;
945
949
  }
946
950
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/ribbon/bootstrap5.scss CHANGED
@@ -1,18 +1 @@
1
- @import 'ej2-base/styles/definition/bootstrap5.scss';
2
- @import 'ej2-popups/styles/tooltip/bootstrap5-definition.scss';
3
- @import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
4
- @import 'ej2-buttons/styles/check-box/bootstrap5-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/bootstrap5-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-base/bootstrap5-definition.scss';
7
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-definition.scss';
8
- @import 'ej2-dropdowns/styles/combo-box/bootstrap5-definition.scss';
9
- @import 'ej2-navigations/styles/h-scroll/bootstrap5-definition.scss';
10
- @import 'ej2-navigations/styles/v-scroll/bootstrap5-definition.scss';
11
- @import 'ej2-navigations/styles/context-menu/bootstrap5-definition.scss';
12
- @import 'ej2-navigations/styles/toolbar/bootstrap5-definition.scss';
13
- @import 'ej2-navigations/styles/menu/bootstrap5-definition.scss';
14
- @import 'ej2-navigations/styles/tab/bootstrap5-definition.scss';
15
- @import 'ej2-inputs/styles/color-picker/bootstrap5-definition.scss';
16
- @import 'bootstrap5-definition.scss';
17
- @import 'icons/bootstrap5.scss';
18
- @import 'all.scss';
1
+ @import 'ej2-ribbon/styles/ribbon/bootstrap5.scss';
package/styles/ribbon/fabric-dark.css CHANGED
@@ -274,6 +274,10 @@
274
274
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
275
275
  outline: none;
276
276
  }
277
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
278
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
279
+ display: none;
280
+ }
277
281
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
278
282
  bottom: 0;
279
283
  position: absolute;
@@ -325,7 +329,7 @@
325
329
  padding-top: 6px;
326
330
  height: 135px;
327
331
  }
328
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
332
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
329
333
  display: none;
330
334
  }
331
335
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -826,13 +830,13 @@
826
830
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
827
831
  display: none;
828
832
  }
829
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
833
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
830
834
  display: none;
831
835
  }
832
836
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
833
837
  pointer-events: none;
834
838
  }
835
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
839
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
836
840
  display: none;
837
841
  }
838
842
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/ribbon/fabric-dark.scss CHANGED
@@ -1,18 +1 @@
1
- @import 'ej2-base/styles/definition/fabric-dark.scss';
2
- @import 'ej2-popups/styles/tooltip/fabric-dark-definition.scss';
3
- @import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
4
- @import 'ej2-buttons/styles/check-box/fabric-dark-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/fabric-dark-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-base/fabric-dark-definition.scss';
7
- @import 'ej2-dropdowns/styles/drop-down-list/fabric-dark-definition.scss';
8
- @import 'ej2-dropdowns/styles/combo-box/fabric-dark-definition.scss';
9
- @import 'ej2-navigations/styles/h-scroll/fabric-dark-definition.scss';
10
- @import 'ej2-navigations/styles/v-scroll/fabric-dark-definition.scss';
11
- @import 'ej2-navigations/styles/context-menu/fabric-dark-definition.scss';
12
- @import 'ej2-navigations/styles/toolbar/fabric-dark-definition.scss';
13
- @import 'ej2-navigations/styles/menu/fabric-dark-definition.scss';
14
- @import 'ej2-navigations/styles/tab/fabric-dark-definition.scss';
15
- @import 'ej2-inputs/styles/color-picker/fabric-dark-definition.scss';
16
- @import 'fabric-dark-definition.scss';
17
- @import 'icons/fabric-dark.scss';
18
- @import 'all.scss';
1
+ @import 'ej2-ribbon/styles/ribbon/fabric-dark.scss';
package/styles/ribbon/fabric.css CHANGED
@@ -272,6 +272,10 @@
272
272
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
273
273
  outline: none;
274
274
  }
275
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
276
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
277
+ display: none;
278
+ }
275
279
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
276
280
  bottom: 0;
277
281
  position: absolute;
@@ -323,7 +327,7 @@
323
327
  padding-top: 4px;
324
328
  height: 133px;
325
329
  }
326
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
330
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
327
331
  display: none;
328
332
  }
329
333
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -824,13 +828,13 @@
824
828
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
825
829
  display: none;
826
830
  }
827
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
831
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
828
832
  display: none;
829
833
  }
830
834
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
831
835
  pointer-events: none;
832
836
  }
833
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
837
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
834
838
  display: none;
835
839
  }
836
840
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/ribbon/fabric.scss CHANGED
@@ -1,18 +1 @@
1
- @import 'ej2-base/styles/definition/fabric.scss';
2
- @import 'ej2-popups/styles/tooltip/fabric-definition.scss';
3
- @import 'ej2-buttons/styles/button/fabric-definition.scss';
4
- @import 'ej2-buttons/styles/check-box/fabric-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/fabric-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-base/fabric-definition.scss';
7
- @import 'ej2-dropdowns/styles/drop-down-list/fabric-definition.scss';
8
- @import 'ej2-dropdowns/styles/combo-box/fabric-definition.scss';
9
- @import 'ej2-navigations/styles/h-scroll/fabric-definition.scss';
10
- @import 'ej2-navigations/styles/v-scroll/fabric-definition.scss';
11
- @import 'ej2-navigations/styles/context-menu/fabric-definition.scss';
12
- @import 'ej2-navigations/styles/toolbar/fabric-definition.scss';
13
- @import 'ej2-navigations/styles/menu/fabric-definition.scss';
14
- @import 'ej2-navigations/styles/tab/fabric-definition.scss';
15
- @import 'ej2-inputs/styles/color-picker/fabric-definition.scss';
16
- @import 'fabric-definition.scss';
17
- @import 'icons/fabric.scss';
18
- @import 'all.scss';
1
+ @import 'ej2-ribbon/styles/ribbon/fabric.scss';
package/styles/ribbon/fluent-dark.css CHANGED
@@ -358,6 +358,10 @@
358
358
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
359
359
  outline: none;
360
360
  }
361
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
362
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
363
+ display: none;
364
+ }
361
365
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
362
366
  bottom: 3px;
363
367
  position: absolute;
@@ -409,7 +413,7 @@
409
413
  padding-top: 6px;
410
414
  height: 120px;
411
415
  }
412
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
416
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
413
417
  display: none;
414
418
  }
415
419
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -910,13 +914,13 @@
910
914
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
911
915
  display: none;
912
916
  }
913
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
917
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
914
918
  display: none;
915
919
  }
916
920
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
917
921
  pointer-events: none;
918
922
  }
919
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
923
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
920
924
  display: none;
921
925
  }
922
926
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/ribbon/fluent-dark.scss CHANGED
@@ -1,18 +1 @@
1
- @import 'ej2-base/styles/definition/fluent-dark.scss';
2
- @import 'ej2-popups/styles/tooltip/fluent-dark-definition.scss';
3
- @import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
4
- @import 'ej2-buttons/styles/check-box/fluent-dark-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/fluent-dark-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-base/fluent-dark-definition.scss';
7
- @import 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition.scss';
8
- @import 'ej2-dropdowns/styles/combo-box/fluent-dark-definition.scss';
9
- @import 'ej2-navigations/styles/h-scroll/fluent-dark-definition.scss';
10
- @import 'ej2-navigations/styles/v-scroll/fluent-dark-definition.scss';
11
- @import 'ej2-navigations/styles/context-menu/fluent-dark-definition.scss';
12
- @import 'ej2-navigations/styles/toolbar/fluent-dark-definition.scss';
13
- @import 'ej2-navigations/styles/menu/fluent-dark-definition.scss';
14
- @import 'ej2-navigations/styles/tab/fluent-dark-definition.scss';
15
- @import 'ej2-inputs/styles/color-picker/fluent-dark-definition.scss';
16
- @import 'fluent-dark-definition.scss';
17
- @import 'icons/fluent-dark.scss';
18
- @import 'all.scss';
1
+ @import 'ej2-ribbon/styles/ribbon/fluent-dark.scss';
package/styles/ribbon/fluent.css CHANGED
@@ -358,6 +358,10 @@
358
358
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
359
359
  outline: none;
360
360
  }
361
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
362
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
363
+ display: none;
364
+ }
361
365
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
362
366
  bottom: 3px;
363
367
  position: absolute;
@@ -409,7 +413,7 @@
409
413
  padding-top: 6px;
410
414
  height: 120px;
411
415
  }
412
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
416
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
413
417
  display: none;
414
418
  }
415
419
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -910,13 +914,13 @@
910
914
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
911
915
  display: none;
912
916
  }
913
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
917
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
914
918
  display: none;
915
919
  }
916
920
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
917
921
  pointer-events: none;
918
922
  }
919
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
923
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
920
924
  display: none;
921
925
  }
922
926
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/ribbon/fluent.scss CHANGED
@@ -1,18 +1 @@
1
- @import 'ej2-base/styles/definition/fluent.scss';
2
- @import 'ej2-popups/styles/tooltip/fluent-definition.scss';
3
- @import 'ej2-buttons/styles/button/fluent-definition.scss';
4
- @import 'ej2-buttons/styles/check-box/fluent-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/fluent-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-base/fluent-definition.scss';
7
- @import 'ej2-dropdowns/styles/drop-down-list/fluent-definition.scss';
8
- @import 'ej2-dropdowns/styles/combo-box/fluent-definition.scss';
9
- @import 'ej2-navigations/styles/h-scroll/fluent-definition.scss';
10
- @import 'ej2-navigations/styles/v-scroll/fluent-definition.scss';
11
- @import 'ej2-navigations/styles/context-menu/fluent-definition.scss';
12
- @import 'ej2-navigations/styles/toolbar/fluent-definition.scss';
13
- @import 'ej2-navigations/styles/menu/fluent-definition.scss';
14
- @import 'ej2-navigations/styles/tab/fluent-definition.scss';
15
- @import 'ej2-inputs/styles/color-picker/fluent-definition.scss';
16
- @import 'fluent-definition.scss';
17
- @import 'icons/fluent.scss';
18
- @import 'all.scss';
1
+ @import 'ej2-ribbon/styles/ribbon/fluent.scss';
package/styles/ribbon/highcontrast-light.css CHANGED
@@ -281,6 +281,10 @@
281
281
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
282
282
  outline: none;
283
283
  }
284
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
285
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
286
+ display: none;
287
+ }
284
288
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
285
289
  bottom: 0;
286
290
  position: absolute;
@@ -332,7 +336,7 @@
332
336
  padding-top: 6px;
333
337
  height: 147px;
334
338
  }
335
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
339
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
336
340
  display: none;
337
341
  }
338
342
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -833,13 +837,13 @@
833
837
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
834
838
  display: none;
835
839
  }
836
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
840
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
837
841
  display: none;
838
842
  }
839
843
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
840
844
  pointer-events: none;
841
845
  }
842
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
846
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
843
847
  display: none;
844
848
  }
845
849
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {