@syncfusion/ej2-ribbon 23.1.44 → 23.2.5

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 (48) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/ej2-ribbon.umd.min.js +2 -2
  3. package/dist/ej2-ribbon.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-ribbon.es2015.js +181 -8
  5. package/dist/es6/ej2-ribbon.es2015.js.map +1 -1
  6. package/dist/es6/ej2-ribbon.es5.js +181 -8
  7. package/dist/es6/ej2-ribbon.es5.js.map +1 -1
  8. package/dist/global/ej2-ribbon.min.js +2 -2
  9. package/dist/global/ej2-ribbon.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +12 -12
  12. package/src/ribbon/base/ribbon.d.ts +4 -0
  13. package/src/ribbon/base/ribbon.js +181 -8
  14. package/styles/bootstrap-dark.css +7 -3
  15. package/styles/bootstrap.css +7 -3
  16. package/styles/bootstrap4.css +7 -3
  17. package/styles/bootstrap5-dark.css +7 -3
  18. package/styles/bootstrap5.css +7 -3
  19. package/styles/fabric-dark.css +7 -3
  20. package/styles/fabric.css +7 -3
  21. package/styles/fluent-dark.css +7 -3
  22. package/styles/fluent.css +7 -3
  23. package/styles/highcontrast-light.css +7 -3
  24. package/styles/highcontrast.css +7 -3
  25. package/styles/material-dark.css +7 -3
  26. package/styles/material.css +7 -3
  27. package/styles/material3-dark.css +7 -3
  28. package/styles/material3.css +7 -3
  29. package/styles/ribbon/_layout.scss +10 -3
  30. package/styles/ribbon/bootstrap-dark.css +7 -3
  31. package/styles/ribbon/bootstrap.css +7 -3
  32. package/styles/ribbon/bootstrap4.css +7 -3
  33. package/styles/ribbon/bootstrap5-dark.css +7 -3
  34. package/styles/ribbon/bootstrap5.css +7 -3
  35. package/styles/ribbon/fabric-dark.css +7 -3
  36. package/styles/ribbon/fabric.css +7 -3
  37. package/styles/ribbon/fluent-dark.css +7 -3
  38. package/styles/ribbon/fluent.css +7 -3
  39. package/styles/ribbon/highcontrast-light.css +7 -3
  40. package/styles/ribbon/highcontrast.css +7 -3
  41. package/styles/ribbon/material-dark.css +7 -3
  42. package/styles/ribbon/material.css +7 -3
  43. package/styles/ribbon/material3-dark.css +7 -3
  44. package/styles/ribbon/material3.css +7 -3
  45. package/styles/ribbon/tailwind-dark.css +7 -3
  46. package/styles/ribbon/tailwind.css +7 -3
  47. package/styles/tailwind-dark.css +7 -3
  48. package/styles/tailwind.css +7 -3
package/styles/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/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 {
package/styles/highcontrast.css CHANGED
@@ -290,6 +290,10 @@
290
290
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
291
291
  outline: none;
292
292
  }
293
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
294
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
295
+ display: none;
296
+ }
293
297
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
294
298
  bottom: 0;
295
299
  position: absolute;
@@ -341,7 +345,7 @@
341
345
  padding-top: 6px;
342
346
  height: 147px;
343
347
  }
344
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
348
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
345
349
  display: none;
346
350
  }
347
351
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -842,13 +846,13 @@
842
846
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
843
847
  display: none;
844
848
  }
845
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
849
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
846
850
  display: none;
847
851
  }
848
852
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
849
853
  pointer-events: none;
850
854
  }
851
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
855
+ .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 {
852
856
  display: none;
853
857
  }
854
858
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/material-dark.css CHANGED
@@ -343,6 +343,10 @@
343
343
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
344
344
  outline: none;
345
345
  }
346
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
347
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
348
+ display: none;
349
+ }
346
350
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
347
351
  bottom: 5px;
348
352
  position: absolute;
@@ -394,7 +398,7 @@
394
398
  padding-top: 6px;
395
399
  height: 140px;
396
400
  }
397
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
401
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
398
402
  display: none;
399
403
  }
400
404
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -895,13 +899,13 @@
895
899
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
896
900
  display: none;
897
901
  }
898
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
902
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
899
903
  display: none;
900
904
  }
901
905
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
902
906
  pointer-events: none;
903
907
  }
904
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
908
+ .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 {
905
909
  display: none;
906
910
  }
907
911
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
package/styles/material.css CHANGED
@@ -376,6 +376,10 @@
376
376
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
377
377
  outline: none;
378
378
  }
379
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
380
+ .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
381
+ display: none;
382
+ }
379
383
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
380
384
  bottom: 5px;
381
385
  position: absolute;
@@ -427,7 +431,7 @@
427
431
  padding-top: 6px;
428
432
  height: 140px;
429
433
  }
430
- .e-ribbon.e-rbn .e-ribbon-group.e-hidden {
434
+ .e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
431
435
  display: none;
432
436
  }
433
437
  .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -928,13 +932,13 @@
928
932
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
929
933
  display: none;
930
934
  }
931
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
935
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
932
936
  display: none;
933
937
  }
934
938
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
935
939
  pointer-events: none;
936
940
  }
937
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
941
+ .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 {
938
942
  display: none;
939
943
  }
940
944
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
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.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/ribbon/_layout.scss CHANGED
@@ -218,6 +218,10 @@
218
218
  &:focus {
219
219
  outline: none;
220
220
  }
221
+
222
+ &.e-hidden {
223
+ display: none;
224
+ }
221
225
  }
222
226
 
223
227
  .e-ribbon-overall-of-btn {
@@ -289,7 +293,8 @@
289
293
  padding-top: $ribbon-group-padding;
290
294
  height: $ribbon-group-height;
291
295
 
292
- &.e-hidden {
296
+ &.e-hidden,
297
+ &.e-hide-group {
293
298
  display: none;
294
299
  }
295
300
 
@@ -831,7 +836,8 @@
831
836
 
832
837
  .e-ribbon-overflow-target {
833
838
 
834
- &.e-hidden {
839
+ &.e-hidden,
840
+ &.e-hide-group {
835
841
  display: none;
836
842
  }
837
843
 
@@ -840,7 +846,8 @@
840
846
  }
841
847
 
842
848
  .e-ribbon-of-tab .e-ribbon-of-group-container {
843
- &.e-hidden {
849
+ &.e-hidden,
850
+ &.e-hide-group {
844
851
  display: none;
845
852
  }
846
853
 
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.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/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/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.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/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.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/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.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/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 {