@syncfusion/ej2-angular-ribbon 22.1.34-ngcc → 22.1.34

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 (136) hide show
  1. package/esm2020/public_api.mjs +3 -0
  2. package/esm2020/src/index.mjs +9 -0
  3. package/esm2020/src/ribbon/collections.directive.mjs +70 -0
  4. package/esm2020/src/ribbon/groups.directive.mjs +66 -0
  5. package/esm2020/src/ribbon/items.directive.mjs +78 -0
  6. package/esm2020/src/ribbon/ribbon-all.module.mjs +47 -0
  7. package/esm2020/src/ribbon/ribbon.component.mjs +120 -0
  8. package/esm2020/src/ribbon/ribbon.module.mjs +61 -0
  9. package/esm2020/src/ribbon/tabs.directive.mjs +62 -0
  10. package/esm2020/syncfusion-ej2-angular-ribbon.mjs +5 -0
  11. package/fesm2015/syncfusion-ej2-angular-ribbon.mjs +482 -0
  12. package/fesm2015/syncfusion-ej2-angular-ribbon.mjs.map +1 -0
  13. package/fesm2020/syncfusion-ej2-angular-ribbon.mjs +482 -0
  14. package/fesm2020/syncfusion-ej2-angular-ribbon.mjs.map +1 -0
  15. package/package.json +27 -13
  16. package/src/ribbon/collections.directive.d.ts +5 -0
  17. package/src/ribbon/groups.directive.d.ts +5 -0
  18. package/src/ribbon/items.directive.d.ts +5 -0
  19. package/src/ribbon/ribbon-all.module.d.ts +6 -0
  20. package/src/ribbon/ribbon.component.d.ts +3 -0
  21. package/src/ribbon/ribbon.module.d.ts +10 -0
  22. package/src/ribbon/tabs.directive.d.ts +5 -0
  23. package/styles/bootstrap-dark.css +13 -78
  24. package/styles/bootstrap.css +13 -78
  25. package/styles/bootstrap4.css +13 -78
  26. package/styles/bootstrap5-dark.css +13 -78
  27. package/styles/bootstrap5.css +13 -78
  28. package/styles/fabric-dark.css +13 -78
  29. package/styles/fabric.css +13 -78
  30. package/styles/fluent-dark.css +13 -78
  31. package/styles/fluent.css +13 -78
  32. package/styles/highcontrast-light.css +13 -78
  33. package/styles/highcontrast.css +17 -82
  34. package/styles/material-dark.css +13 -78
  35. package/styles/material.css +13 -78
  36. package/styles/ribbon/_all.scss +2 -0
  37. package/styles/ribbon/_bootstrap-dark-definition.scss +206 -0
  38. package/styles/ribbon/_bootstrap-definition.scss +206 -0
  39. package/styles/ribbon/_bootstrap4-definition.scss +206 -0
  40. package/styles/ribbon/_bootstrap5-dark-definition.scss +1 -0
  41. package/styles/ribbon/_bootstrap5-definition.scss +206 -0
  42. package/styles/ribbon/_fabric-dark-definition.scss +206 -0
  43. package/styles/ribbon/_fabric-definition.scss +206 -0
  44. package/styles/ribbon/_fluent-dark-definition.scss +1 -0
  45. package/styles/ribbon/_fluent-definition.scss +206 -0
  46. package/styles/ribbon/_fusionnew-definition.scss +206 -0
  47. package/styles/ribbon/_highcontrast-definition.scss +206 -0
  48. package/styles/ribbon/_highcontrast-light-definition.scss +206 -0
  49. package/styles/ribbon/_layout.scss +1036 -0
  50. package/styles/ribbon/_material-dark-definition.scss +206 -0
  51. package/styles/ribbon/_material-definition.scss +206 -0
  52. package/styles/ribbon/_tailwind-dark-definition.scss +1 -0
  53. package/styles/ribbon/_tailwind-definition.scss +206 -0
  54. package/styles/ribbon/_theme.scss +343 -0
  55. package/styles/ribbon/bootstrap-dark.css +13 -78
  56. package/styles/ribbon/bootstrap-dark.scss +17 -1
  57. package/styles/ribbon/bootstrap.css +13 -78
  58. package/styles/ribbon/bootstrap.scss +17 -1
  59. package/styles/ribbon/bootstrap4.css +13 -78
  60. package/styles/ribbon/bootstrap4.scss +17 -1
  61. package/styles/ribbon/bootstrap5-dark.css +13 -78
  62. package/styles/ribbon/bootstrap5-dark.scss +17 -1
  63. package/styles/ribbon/bootstrap5.css +13 -78
  64. package/styles/ribbon/bootstrap5.scss +17 -1
  65. package/styles/ribbon/fabric-dark.css +13 -78
  66. package/styles/ribbon/fabric-dark.scss +17 -1
  67. package/styles/ribbon/fabric.css +13 -78
  68. package/styles/ribbon/fabric.scss +17 -1
  69. package/styles/ribbon/fluent-dark.css +13 -78
  70. package/styles/ribbon/fluent-dark.scss +17 -1
  71. package/styles/ribbon/fluent.css +13 -78
  72. package/styles/ribbon/fluent.scss +17 -1
  73. package/styles/ribbon/highcontrast-light.css +13 -78
  74. package/styles/ribbon/highcontrast-light.scss +16 -1
  75. package/styles/ribbon/highcontrast.css +17 -82
  76. package/styles/ribbon/highcontrast.scss +17 -1
  77. package/styles/ribbon/icons/_bootstrap-dark.scss +9 -0
  78. package/styles/ribbon/icons/_bootstrap.scss +9 -0
  79. package/styles/ribbon/icons/_bootstrap4.scss +9 -0
  80. package/styles/ribbon/icons/_bootstrap5-dark.scss +1 -0
  81. package/styles/ribbon/icons/_bootstrap5.scss +9 -0
  82. package/styles/ribbon/icons/_fabric-dark.scss +9 -0
  83. package/styles/ribbon/icons/_fabric.scss +9 -0
  84. package/styles/ribbon/icons/_fluent-dark.scss +1 -0
  85. package/styles/ribbon/icons/_fluent.scss +9 -0
  86. package/styles/ribbon/icons/_fusionnew.scss +9 -0
  87. package/styles/ribbon/icons/_highcontrast.scss +9 -0
  88. package/styles/ribbon/icons/_material-dark.scss +9 -0
  89. package/styles/ribbon/icons/_material.scss +9 -0
  90. package/styles/ribbon/icons/_material3.scss +9 -0
  91. package/styles/ribbon/icons/_tailwind-dark.scss +9 -0
  92. package/styles/ribbon/icons/_tailwind.scss +9 -0
  93. package/styles/ribbon/material-dark.css +13 -78
  94. package/styles/ribbon/material-dark.scss +17 -1
  95. package/styles/ribbon/material.css +13 -78
  96. package/styles/ribbon/material.scss +17 -1
  97. package/styles/ribbon/tailwind-dark.css +13 -78
  98. package/styles/ribbon/tailwind-dark.scss +17 -1
  99. package/styles/ribbon/tailwind.css +13 -78
  100. package/styles/ribbon/tailwind.scss +17 -1
  101. package/styles/tailwind-dark.css +13 -78
  102. package/styles/tailwind.css +13 -78
  103. package/syncfusion-ej2-angular-ribbon.d.ts +5 -0
  104. package/@syncfusion/ej2-angular-ribbon.es5.js +0 -566
  105. package/@syncfusion/ej2-angular-ribbon.es5.js.map +0 -1
  106. package/@syncfusion/ej2-angular-ribbon.js +0 -526
  107. package/@syncfusion/ej2-angular-ribbon.js.map +0 -1
  108. package/CHANGELOG.md +0 -21
  109. package/dist/ej2-angular-ribbon.umd.js +0 -710
  110. package/dist/ej2-angular-ribbon.umd.js.map +0 -1
  111. package/dist/ej2-angular-ribbon.umd.min.js +0 -11
  112. package/dist/ej2-angular-ribbon.umd.min.js.map +0 -1
  113. package/ej2-angular-ribbon.d.ts +0 -5
  114. package/ej2-angular-ribbon.metadata.json +0 -1
  115. package/license +0 -10
  116. package/postinstall/tagchange.js +0 -18
  117. package/schematics/collection.json +0 -10
  118. package/schematics/ng-add/index.d.ts +0 -3
  119. package/schematics/ng-add/index.js +0 -9
  120. package/schematics/ng-add/index.ts +0 -10
  121. package/schematics/ng-add/schema.d.ts +0 -13
  122. package/schematics/ng-add/schema.js +0 -2
  123. package/schematics/ng-add/schema.json +0 -34
  124. package/schematics/ng-add/schema.ts +0 -30
  125. package/schematics/tsconfig.json +0 -25
  126. package/schematics/utils/lib-details.d.ts +0 -4
  127. package/schematics/utils/lib-details.js +0 -6
  128. package/schematics/utils/lib-details.ts +0 -4
  129. package/styles/material3-dark.css +0 -1671
  130. package/styles/material3-dark.scss +0 -2
  131. package/styles/material3.css +0 -1727
  132. package/styles/material3.scss +0 -2
  133. package/styles/ribbon/material3-dark.css +0 -1671
  134. package/styles/ribbon/material3-dark.scss +0 -2
  135. package/styles/ribbon/material3.css +0 -1727
  136. package/styles/ribbon/material3.scss +0 -2
package/styles/tailwind-dark.css CHANGED
@@ -188,6 +188,9 @@
188
188
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll-content > .e-item:not(.e-active) {
189
189
  display: none;
190
190
  }
191
+ .e-ribbon.e-rbn .e-ribbon-tab .e-item {
192
+ width: fit-content;
193
+ }
191
194
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
192
195
  position: absolute;
193
196
  line-height: 22px;
@@ -196,7 +199,6 @@
196
199
  border-width: unset;
197
200
  font-size: 14px;
198
201
  font-weight: 400;
199
- box-shadow: none;
200
202
  }
201
203
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
202
204
  border-radius: unset;
@@ -272,9 +274,6 @@
272
274
  height: auto;
273
275
  min-height: auto;
274
276
  }
275
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
276
- box-shadow: none;
277
- }
278
277
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
279
278
  padding: 0;
280
279
  }
@@ -284,10 +283,9 @@
284
283
  min-width: auto;
285
284
  width: auto;
286
285
  border-style: solid;
287
- transform: none;
288
286
  border-width: 1px;
289
287
  border-radius: 2px;
290
- z-index: 3;
288
+ z-index: 2;
291
289
  }
292
290
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav.e-overlay {
293
291
  display: none;
@@ -295,7 +293,6 @@
295
293
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
296
294
  font-size: 14px;
297
295
  height: auto;
298
- transform: none;
299
296
  line-height: 14px;
300
297
  padding: 0 5px;
301
298
  width: auto;
@@ -334,7 +331,6 @@
334
331
  border: none;
335
332
  height: 26px;
336
333
  margin: auto;
337
- box-shadow: none;
338
334
  }
339
335
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
340
336
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
@@ -365,9 +361,6 @@
365
361
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
366
362
  overflow-y: hidden;
367
363
  }
368
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
369
- margin-bottom: 0;
370
- }
371
364
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
372
365
  padding-top: 1px;
373
366
  height: auto;
@@ -417,9 +410,6 @@
417
410
  .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
418
411
  left: var(--fileMenuWidth);
419
412
  }
420
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
421
- padding-right: 30px;
422
- }
423
413
  .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
424
414
  .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
425
415
  .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
@@ -431,9 +421,6 @@
431
421
  .e-ribbon.e-rbn.e-rtl .e-tab-header {
432
422
  right: var(--fileMenuWidth);
433
423
  }
434
- .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
435
- padding-left: 30px;
436
- }
437
424
 
438
425
  .e-ribbon.e-rbn,
439
426
  .e-ribbon-group-overflow-ddb {
@@ -474,8 +461,6 @@
474
461
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
475
462
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
476
463
  min-width: auto;
477
- min-height: auto;
478
- border-radius: unset;
479
464
  }
480
465
  .e-ribbon.e-rbn .e-input-group .e-clear-icon,
481
466
  .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
@@ -559,7 +544,6 @@
559
544
  font-weight: 400;
560
545
  font-size: 12px;
561
546
  text-transform: none;
562
- box-shadow: none;
563
547
  }
564
548
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
565
549
  .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
@@ -658,7 +642,6 @@
658
642
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
659
643
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
660
644
  border: 1px solid transparent;
661
- border-radius: 4px;
662
645
  }
663
646
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
664
647
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
@@ -668,7 +651,6 @@
668
651
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
669
652
  border: 1px solid transparent;
670
653
  border-radius: 4px;
671
- box-shadow: none;
672
654
  }
673
655
  .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
674
656
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
@@ -778,8 +760,7 @@
778
760
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
779
761
  display: none;
780
762
  }
781
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
782
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
763
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
783
764
  margin: 3px 5px;
784
765
  }
785
766
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -803,24 +784,22 @@
803
784
  -ms-flex-pack: start;
804
785
  justify-content: flex-start;
805
786
  }
787
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
788
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
789
+ transform: rotate(-90deg);
790
+ margin-left: auto;
791
+ }
806
792
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
807
793
  padding: 3px 5px;
808
794
  font-weight: 600;
809
795
  line-height: 18px;
810
796
  }
811
797
 
812
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
813
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
814
- transform: rotate(-90deg);
815
- padding: 5px;
816
- margin: 0 0 0 auto;
817
- }
818
-
819
798
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
820
799
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
821
800
  transform: rotate(90deg);
822
- padding: 5px;
823
- margin: 0 auto 0 0;
801
+ margin-right: auto;
802
+ margin-left: unset;
824
803
  }
825
804
 
826
805
  .e-ribbon-menu {
@@ -840,17 +819,6 @@
840
819
  padding-left: 38px !important; /* stylelint-disable-line declaration-no-important */
841
820
  }
842
821
 
843
- .e-ribbon-control.e-dropdown-popup ul .e-item {
844
- font-size: 12px;
845
- height: 24px;
846
- -ms-flex-align: center;
847
- align-items: center;
848
- }
849
- .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
850
- font-size: 16px;
851
- line-height: 16px;
852
- }
853
-
854
822
  .e-ribbon-tooltip .e-tip-content {
855
823
  padding: 4px;
856
824
  }
@@ -889,10 +857,6 @@
889
857
  padding-right: 16px;
890
858
  height: 48px;
891
859
  }
892
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll,
893
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
894
- min-height: auto;
895
- }
896
860
  .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav,
897
861
  .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav {
898
862
  height: 48px;
@@ -984,12 +948,6 @@
984
948
  .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
985
949
  height: auto;
986
950
  }
987
- .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
988
- .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
989
- .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
990
- .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
991
- margin-bottom: 0;
992
- }
993
951
  .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
994
952
  .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
995
953
  .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
@@ -1204,9 +1162,7 @@
1204
1162
  }
1205
1163
 
1206
1164
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1207
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
1208
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1209
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
1165
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
1210
1166
  margin: 3px 7px;
1211
1167
  }
1212
1168
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
@@ -1214,27 +1170,6 @@
1214
1170
  margin: 7px;
1215
1171
  padding: 0;
1216
1172
  }
1217
- .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1218
- .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1219
- .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1220
- .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1221
- padding: 7px;
1222
- }
1223
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1224
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1225
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1226
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1227
- padding: 7px;
1228
- }
1229
-
1230
- .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
1231
- font-size: 14px;
1232
- height: 32px;
1233
- }
1234
- .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1235
- font-size: 20px;
1236
- line-height: 20px;
1237
- }
1238
1173
 
1239
1174
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1240
1175
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
package/styles/tailwind.css CHANGED
@@ -188,6 +188,9 @@
188
188
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll-content > .e-item:not(.e-active) {
189
189
  display: none;
190
190
  }
191
+ .e-ribbon.e-rbn .e-ribbon-tab .e-item {
192
+ width: fit-content;
193
+ }
191
194
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
192
195
  position: absolute;
193
196
  line-height: 22px;
@@ -196,7 +199,6 @@
196
199
  border-width: unset;
197
200
  font-size: 14px;
198
201
  font-weight: 400;
199
- box-shadow: none;
200
202
  }
201
203
  .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
202
204
  border-radius: unset;
@@ -272,9 +274,6 @@
272
274
  height: auto;
273
275
  min-height: auto;
274
276
  }
275
- .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
276
- box-shadow: none;
277
- }
278
277
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
279
278
  padding: 0;
280
279
  }
@@ -284,10 +283,9 @@
284
283
  min-width: auto;
285
284
  width: auto;
286
285
  border-style: solid;
287
- transform: none;
288
286
  border-width: 1px;
289
287
  border-radius: 2px;
290
- z-index: 3;
288
+ z-index: 2;
291
289
  }
292
290
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav.e-overlay {
293
291
  display: none;
@@ -295,7 +293,6 @@
295
293
  .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
296
294
  font-size: 14px;
297
295
  height: auto;
298
- transform: none;
299
296
  line-height: 14px;
300
297
  padding: 0 5px;
301
298
  width: auto;
@@ -334,7 +331,6 @@
334
331
  border: none;
335
332
  height: 26px;
336
333
  margin: auto;
337
- box-shadow: none;
338
334
  }
339
335
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
340
336
  .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
@@ -365,9 +361,6 @@
365
361
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
366
362
  overflow-y: hidden;
367
363
  }
368
- .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
369
- margin-bottom: 0;
370
- }
371
364
  .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
372
365
  padding-top: 1px;
373
366
  height: auto;
@@ -417,9 +410,6 @@
417
410
  .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
418
411
  left: var(--fileMenuWidth);
419
412
  }
420
- .e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
421
- padding-right: 30px;
422
- }
423
413
  .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
424
414
  .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
425
415
  .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
@@ -431,9 +421,6 @@
431
421
  .e-ribbon.e-rbn.e-rtl .e-tab-header {
432
422
  right: var(--fileMenuWidth);
433
423
  }
434
- .e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
435
- padding-left: 30px;
436
- }
437
424
 
438
425
  .e-ribbon.e-rbn,
439
426
  .e-ribbon-group-overflow-ddb {
@@ -474,8 +461,6 @@
474
461
  .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
475
462
  .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
476
463
  min-width: auto;
477
- min-height: auto;
478
- border-radius: unset;
479
464
  }
480
465
  .e-ribbon.e-rbn .e-input-group .e-clear-icon,
481
466
  .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
@@ -559,7 +544,6 @@
559
544
  font-weight: 400;
560
545
  font-size: 12px;
561
546
  text-transform: none;
562
- box-shadow: none;
563
547
  }
564
548
  .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
565
549
  .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
@@ -658,7 +642,6 @@
658
642
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
659
643
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
660
644
  border: 1px solid transparent;
661
- border-radius: 4px;
662
645
  }
663
646
  .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
664
647
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
@@ -668,7 +651,6 @@
668
651
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
669
652
  border: 1px solid transparent;
670
653
  border-radius: 4px;
671
- box-shadow: none;
672
654
  }
673
655
  .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
674
656
  .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
@@ -778,8 +760,7 @@
778
760
  .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
779
761
  display: none;
780
762
  }
781
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
782
- .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
763
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
783
764
  margin: 3px 5px;
784
765
  }
785
766
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -803,24 +784,22 @@
803
784
  -ms-flex-pack: start;
804
785
  justify-content: flex-start;
805
786
  }
787
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
788
+ .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
789
+ transform: rotate(-90deg);
790
+ margin-left: auto;
791
+ }
806
792
  .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
807
793
  padding: 3px 5px;
808
794
  font-weight: 600;
809
795
  line-height: 18px;
810
796
  }
811
797
 
812
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
813
- .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
814
- transform: rotate(-90deg);
815
- padding: 5px;
816
- margin: 0 0 0 auto;
817
- }
818
-
819
798
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
820
799
  .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
821
800
  transform: rotate(90deg);
822
- padding: 5px;
823
- margin: 0 auto 0 0;
801
+ margin-right: auto;
802
+ margin-left: unset;
824
803
  }
825
804
 
826
805
  .e-ribbon-menu {
@@ -840,17 +819,6 @@
840
819
  padding-left: 38px !important; /* stylelint-disable-line declaration-no-important */
841
820
  }
842
821
 
843
- .e-ribbon-control.e-dropdown-popup ul .e-item {
844
- font-size: 12px;
845
- height: 24px;
846
- -ms-flex-align: center;
847
- align-items: center;
848
- }
849
- .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
850
- font-size: 16px;
851
- line-height: 16px;
852
- }
853
-
854
822
  .e-ribbon-tooltip .e-tip-content {
855
823
  padding: 4px;
856
824
  }
@@ -889,10 +857,6 @@
889
857
  padding-right: 16px;
890
858
  height: 48px;
891
859
  }
892
- .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll,
893
- .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
894
- min-height: auto;
895
- }
896
860
  .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav,
897
861
  .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav {
898
862
  height: 48px;
@@ -984,12 +948,6 @@
984
948
  .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
985
949
  height: auto;
986
950
  }
987
- .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
988
- .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
989
- .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
990
- .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
991
- margin-bottom: 0;
992
- }
993
951
  .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
994
952
  .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
995
953
  .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
@@ -1204,9 +1162,7 @@
1204
1162
  }
1205
1163
 
1206
1164
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1207
- .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
1208
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
1209
- .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
1165
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
1210
1166
  margin: 3px 7px;
1211
1167
  }
1212
1168
  .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
@@ -1214,27 +1170,6 @@
1214
1170
  margin: 7px;
1215
1171
  padding: 0;
1216
1172
  }
1217
- .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1218
- .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1219
- .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1220
- .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1221
- padding: 7px;
1222
- }
1223
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1224
- .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
1225
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
1226
- .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
1227
- padding: 7px;
1228
- }
1229
-
1230
- .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
1231
- font-size: 14px;
1232
- height: 32px;
1233
- }
1234
- .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
1235
- font-size: 20px;
1236
- line-height: 20px;
1237
- }
1238
1173
 
1239
1174
  .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
1240
1175
  .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
package/syncfusion-ej2-angular-ribbon.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ /// <amd-module name="@syncfusion/ej2-angular-ribbon" />
5
+ export * from './public_api';