@syncfusion/ej2-vue-spreadsheet 20.4.54 → 21.1.37

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 (134) hide show
  1. package/CHANGELOG.md +2 -55
  2. package/dist/ej2-vue-spreadsheet.umd.min.js +2 -2
  3. package/dist/ej2-vue-spreadsheet.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-spreadsheet.es2015.js +534 -854
  5. package/dist/es6/ej2-vue-spreadsheet.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-spreadsheet.es5.js +591 -1024
  7. package/dist/es6/ej2-vue-spreadsheet.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-spreadsheet.min.js +2 -2
  9. package/package.json +11 -10
  10. package/src/spreadsheet/cells.directive.d.ts +2 -12
  11. package/src/spreadsheet/cells.directive.js +22 -71
  12. package/src/spreadsheet/chart.directive.d.ts +2 -12
  13. package/src/spreadsheet/chart.directive.js +22 -71
  14. package/src/spreadsheet/columns.directive.d.ts +2 -12
  15. package/src/spreadsheet/columns.directive.js +22 -71
  16. package/src/spreadsheet/conditionalformats.directive.d.ts +2 -12
  17. package/src/spreadsheet/conditionalformats.directive.js +22 -71
  18. package/src/spreadsheet/definednames.directive.d.ts +2 -12
  19. package/src/spreadsheet/definednames.directive.js +22 -71
  20. package/src/spreadsheet/image.directive.d.ts +2 -12
  21. package/src/spreadsheet/image.directive.js +22 -71
  22. package/src/spreadsheet/ranges.directive.d.ts +2 -12
  23. package/src/spreadsheet/ranges.directive.js +22 -71
  24. package/src/spreadsheet/rows.directive.d.ts +2 -12
  25. package/src/spreadsheet/rows.directive.js +22 -71
  26. package/src/spreadsheet/sheets.directive.d.ts +2 -12
  27. package/src/spreadsheet/sheets.directive.js +22 -71
  28. package/src/spreadsheet/spreadsheet.component.d.ts +3 -110
  29. package/src/spreadsheet/spreadsheet.component.js +347 -376
  30. package/styles/bootstrap-dark.css +71 -73
  31. package/styles/bootstrap-dark.scss +1 -1
  32. package/styles/bootstrap.css +80 -82
  33. package/styles/bootstrap.scss +1 -1
  34. package/styles/bootstrap4.css +69 -71
  35. package/styles/bootstrap4.scss +1 -1
  36. package/styles/bootstrap5-dark.css +89 -91
  37. package/styles/bootstrap5-dark.scss +1 -1
  38. package/styles/bootstrap5.css +89 -91
  39. package/styles/bootstrap5.scss +1 -1
  40. package/styles/fabric-dark.css +70 -72
  41. package/styles/fabric-dark.scss +1 -1
  42. package/styles/fabric.css +74 -76
  43. package/styles/fabric.scss +1 -1
  44. package/styles/fluent-dark.css +82 -84
  45. package/styles/fluent-dark.scss +1 -1
  46. package/styles/fluent.css +82 -84
  47. package/styles/fluent.scss +1 -1
  48. package/styles/highcontrast-light.css +68 -70
  49. package/styles/highcontrast-light.scss +1 -1
  50. package/styles/highcontrast.css +75 -77
  51. package/styles/highcontrast.scss +1 -1
  52. package/styles/material-dark.css +71 -73
  53. package/styles/material-dark.scss +1 -1
  54. package/styles/material.css +76 -78
  55. package/styles/material.scss +1 -1
  56. package/styles/spreadsheet/bootstrap-dark.css +13 -18
  57. package/styles/spreadsheet/bootstrap.css +13 -18
  58. package/styles/spreadsheet/bootstrap4.css +13 -18
  59. package/styles/spreadsheet/bootstrap5-dark.css +18 -23
  60. package/styles/spreadsheet/bootstrap5.css +18 -23
  61. package/styles/spreadsheet/fabric-dark.css +13 -18
  62. package/styles/spreadsheet/fabric.css +13 -18
  63. package/styles/spreadsheet/fluent-dark.css +21 -26
  64. package/styles/spreadsheet/fluent.css +21 -26
  65. package/styles/spreadsheet/highcontrast-light.css +12 -17
  66. package/styles/spreadsheet/highcontrast.css +13 -18
  67. package/styles/spreadsheet/material-dark.css +13 -18
  68. package/styles/spreadsheet/material.css +13 -18
  69. package/styles/spreadsheet/tailwind-dark.css +18 -24
  70. package/styles/spreadsheet/tailwind.css +18 -24
  71. package/styles/spreadsheet-ribbon/bootstrap-dark.css +177 -0
  72. package/styles/spreadsheet-ribbon/bootstrap-dark.scss +1 -0
  73. package/styles/spreadsheet-ribbon/bootstrap.css +207 -0
  74. package/styles/spreadsheet-ribbon/bootstrap.scss +1 -0
  75. package/styles/spreadsheet-ribbon/bootstrap4.css +166 -0
  76. package/styles/spreadsheet-ribbon/bootstrap4.scss +1 -0
  77. package/styles/spreadsheet-ribbon/bootstrap5-dark.css +215 -0
  78. package/styles/spreadsheet-ribbon/bootstrap5-dark.scss +1 -0
  79. package/styles/spreadsheet-ribbon/bootstrap5.css +215 -0
  80. package/styles/spreadsheet-ribbon/bootstrap5.scss +1 -0
  81. package/styles/spreadsheet-ribbon/fabric-dark.css +175 -0
  82. package/styles/spreadsheet-ribbon/fabric-dark.scss +1 -0
  83. package/styles/spreadsheet-ribbon/fabric.css +186 -0
  84. package/styles/spreadsheet-ribbon/fabric.scss +1 -0
  85. package/styles/spreadsheet-ribbon/fluent-dark.css +187 -0
  86. package/styles/spreadsheet-ribbon/fluent-dark.scss +1 -0
  87. package/styles/spreadsheet-ribbon/fluent.css +187 -0
  88. package/styles/spreadsheet-ribbon/fluent.scss +1 -0
  89. package/styles/spreadsheet-ribbon/highcontrast-light.css +172 -0
  90. package/styles/spreadsheet-ribbon/highcontrast-light.scss +1 -0
  91. package/styles/spreadsheet-ribbon/highcontrast.css +190 -0
  92. package/styles/spreadsheet-ribbon/highcontrast.scss +1 -0
  93. package/styles/spreadsheet-ribbon/material-dark.css +178 -0
  94. package/styles/spreadsheet-ribbon/material-dark.scss +1 -0
  95. package/styles/spreadsheet-ribbon/material.css +190 -0
  96. package/styles/spreadsheet-ribbon/material.scss +1 -0
  97. package/styles/spreadsheet-ribbon/tailwind-dark.css +191 -0
  98. package/styles/spreadsheet-ribbon/tailwind-dark.scss +1 -0
  99. package/styles/spreadsheet-ribbon/tailwind.css +191 -0
  100. package/styles/spreadsheet-ribbon/tailwind.scss +1 -0
  101. package/styles/tailwind-dark.css +81 -86
  102. package/styles/tailwind-dark.scss +1 -1
  103. package/styles/tailwind.css +81 -86
  104. package/styles/tailwind.scss +1 -1
  105. package/styles/ribbon/bootstrap-dark.css +0 -174
  106. package/styles/ribbon/bootstrap-dark.scss +0 -1
  107. package/styles/ribbon/bootstrap.css +0 -204
  108. package/styles/ribbon/bootstrap.scss +0 -1
  109. package/styles/ribbon/bootstrap4.css +0 -163
  110. package/styles/ribbon/bootstrap4.scss +0 -1
  111. package/styles/ribbon/bootstrap5-dark.css +0 -212
  112. package/styles/ribbon/bootstrap5-dark.scss +0 -1
  113. package/styles/ribbon/bootstrap5.css +0 -212
  114. package/styles/ribbon/bootstrap5.scss +0 -1
  115. package/styles/ribbon/fabric-dark.css +0 -172
  116. package/styles/ribbon/fabric-dark.scss +0 -1
  117. package/styles/ribbon/fabric.css +0 -183
  118. package/styles/ribbon/fabric.scss +0 -1
  119. package/styles/ribbon/fluent-dark.css +0 -184
  120. package/styles/ribbon/fluent-dark.scss +0 -1
  121. package/styles/ribbon/fluent.css +0 -184
  122. package/styles/ribbon/fluent.scss +0 -1
  123. package/styles/ribbon/highcontrast-light.css +0 -169
  124. package/styles/ribbon/highcontrast-light.scss +0 -1
  125. package/styles/ribbon/highcontrast.css +0 -187
  126. package/styles/ribbon/highcontrast.scss +0 -1
  127. package/styles/ribbon/material-dark.css +0 -175
  128. package/styles/ribbon/material-dark.scss +0 -1
  129. package/styles/ribbon/material.css +0 -187
  130. package/styles/ribbon/material.scss +0 -1
  131. package/styles/ribbon/tailwind-dark.css +0 -190
  132. package/styles/ribbon/tailwind-dark.scss +0 -1
  133. package/styles/ribbon/tailwind.css +0 -190
  134. package/styles/ribbon/tailwind.scss +0 -1
@@ -284,7 +284,7 @@
284
284
  }
285
285
  .e-chart-menu .e-ul .e-menu-item .e-menu-icon,
286
286
  .e-chart-type-menu .e-ul .e-menu-item .e-menu-icon {
287
- font-size: 30px;
287
+ font-size: 32px;
288
288
  margin-right: 10px;
289
289
  }
290
290
  .e-chart-menu .e-ul .e-menu-item .e-bar,
@@ -684,7 +684,7 @@
684
684
  }
685
685
  .e-spreadsheet .e-protect-dlg.e-dialog {
686
686
  height: 470px;
687
- width: 287px;
687
+ width: 289px;
688
688
  }
689
689
  .e-spreadsheet .e-protect-dlg.e-dialog .e-sheet-password-content .e-header {
690
690
  font-size: 14px;
@@ -731,7 +731,7 @@
731
731
  padding-top: 7px;
732
732
  }
733
733
  .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-content .e-reenterpwd-content .e-header {
734
- font-size: 14px;
734
+ font-size: 18px;
735
735
  line-height: 16px;
736
736
  }
737
737
  .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-content .e-reenterpwd-content .e-input {
@@ -796,7 +796,7 @@
796
796
  height: 300px;
797
797
  }
798
798
  .e-spreadsheet .e-protect-content {
799
- font-size: 13px;
799
+ font-size: 14px;
800
800
  height: 37px;
801
801
  padding-top: 20px;
802
802
  width: 100%;
@@ -881,7 +881,7 @@
881
881
  text-align: center;
882
882
  transition: transform 300ms ease;
883
883
  width: 18px;
884
- font-size: 10px;
884
+ font-size: 18px;
885
885
  font-size: 18px;
886
886
  line-height: 25px;
887
887
  }
@@ -1536,7 +1536,7 @@
1536
1536
  font-size: 16px;
1537
1537
  }
1538
1538
  .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-icon, .e-spreadsheet .e-ribbon .e-toolbar .e-toolbar-item .e-btn .e-chart-type-icon {
1539
- font-size: 30px !important; /* stylelint-disable-line declaration-no-important */
1539
+ font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
1540
1540
  margin-right: 5px;
1541
1541
  padding: 0 5px;
1542
1542
  width: 30px;
@@ -1893,7 +1893,7 @@
1893
1893
  .e-spreadsheet .e-datavalidation-dlg .e-footer-content .e-clearall-btn {
1894
1894
  float: left;
1895
1895
  }
1896
- .e-spreadsheet .e-validationerror-dlg .e-dlg-content {
1896
+ .e-spreadsheet .e-validation-error-dlg .e-dlg-content {
1897
1897
  font-size: 14px;
1898
1898
  line-height: 28px;
1899
1899
  }
@@ -1929,11 +1929,6 @@
1929
1929
  text-align: center;
1930
1930
  width: 136px;
1931
1931
  }
1932
- .e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-tab-header .e-toolbar-item .e-tab-text,
1933
- .e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-tab-header .e-toolbar-item .e-tab-text {
1934
- font-size: 13px;
1935
- line-height: 15px;
1936
- }
1937
1932
  .e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-content,
1938
1933
  .e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-content {
1939
1934
  padding-top: 24px;
@@ -2101,7 +2096,7 @@
2101
2096
  max-width: initial;
2102
2097
  }
2103
2098
  .e-dropdown-popup.e-numformat-ddb ul .e-numformat-preview-text {
2104
- font-size: 13px;
2099
+ font-size: 12px;
2105
2100
  max-width: 200px;
2106
2101
  overflow: hidden;
2107
2102
  text-align: right;
@@ -2184,17 +2179,17 @@
2184
2179
  font-family: "Verdana";
2185
2180
  }
2186
2181
  .e-dropdown-popup.e-aggregate-list {
2187
- font-size: 13px;
2182
+ font-size: 14px;
2188
2183
  margin-left: auto;
2189
2184
  }
2190
2185
  .e-dropdown-popup.e-borders-ddb .e-menu-wrapper {
2191
2186
  border: 0;
2192
2187
  }
2193
2188
  .e-dropdown-popup.e-borders-ddb .e-menu-wrapper ul .e-menu-item .e-menu-icon {
2194
- font-size: 16px;
2189
+ font-size: 14px;
2195
2190
  }
2196
2191
  .e-dropdown-popup.e-popup.e-aggregate-list ul {
2197
- font-size: 13px;
2192
+ font-size: 14px;
2198
2193
  }
2199
2194
 
2200
2195
  .e-menu-wrapper.e-file-menu ul .e-menu-item div {
@@ -2203,7 +2198,7 @@
2203
2198
  width: 100%;
2204
2199
  }
2205
2200
  .e-menu-wrapper.e-file-menu ul .e-menu-item div .e-extension {
2206
- font-size: 13px;
2201
+ font-size: 14px;
2207
2202
  margin-left: auto;
2208
2203
  opacity: 0.7;
2209
2204
  padding-left: 12px;
@@ -2472,9 +2467,8 @@
2472
2467
  }
2473
2468
  .e-spreadsheet-function-dlg.e-dialog .e-dlg-content .e-category-content {
2474
2469
  font-size: 12px;
2475
- font-weight: 500;
2470
+ font-weight: 700;
2476
2471
  margin-bottom: 0;
2477
- font-weight: 600;
2478
2472
  padding: 10px 0;
2479
2473
  }
2480
2474
  .e-spreadsheet-function-dlg.e-dialog .e-dlg-content .e-formula-description {
@@ -2551,7 +2545,7 @@
2551
2545
  margin-top: 0;
2552
2546
  }
2553
2547
  .e-spreadsheet:not(.e-mobile-view) .e-aggregate-list {
2554
- font-size: 13px;
2548
+ font-size: 14px;
2555
2549
  margin-left: auto;
2556
2550
  }
2557
2551
  .e-spreadsheet:not(.e-mobile-view) .e-ribbon {
@@ -2693,7 +2687,7 @@
2693
2687
  }
2694
2688
  .e-bigger .e-spreadsheet:not(.e-mobile-view) .e-formula-bar-panel .e-formula-bar,
2695
2689
  .e-bigger.e-spreadsheet:not(.e-mobile-view) .e-formula-bar-panel .e-formula-bar {
2696
- font-size: 15px;
2690
+ font-size: 16px;
2697
2691
  height: 29px;
2698
2692
  line-height: 29px;
2699
2693
  }
@@ -2726,12 +2720,12 @@
2726
2720
  .e-bigger .e-spreadsheet .e-filter-icon,
2727
2721
  .e-bigger.e-spreadsheet .e-filter-icon {
2728
2722
  margin-bottom: 12px;
2729
- font-size: 21px;
2723
+ font-size: 22px;
2730
2724
  margin-top: -3px;
2731
2725
  }
2732
2726
  .e-bigger .e-spreadsheet .e-find-dlg .e-footer-content .e-btn,
2733
2727
  .e-bigger.e-spreadsheet .e-find-dlg .e-footer-content .e-btn {
2734
- font-size: 11px;
2728
+ font-size: 12px;
2735
2729
  margin-top: 6px;
2736
2730
  }
2737
2731
  .e-bigger .e-spreadsheet .e-findtool-dlg,
@@ -3930,7 +3924,7 @@
3930
3924
  background-color: #e5e7eb;
3931
3925
  }
3932
3926
 
3933
- .e-ribbon .e-content .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay .e-icons {
3927
+ .e-spreadsheet .e-ribbon .e-content .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay .e-icons {
3934
3928
  color: #6b7280;
3935
3929
  }
3936
3930
 
@@ -3957,74 +3951,74 @@
3957
3951
  opacity: 0.45;
3958
3952
  }
3959
3953
 
3960
- .e-ribbon .e-drop-icon::before {
3954
+ .e-spreadsheet .e-ribbon .e-drop-icon::before {
3961
3955
  content: "\e729";
3962
3956
  }
3963
- .e-ribbon .e-menu-wrapper.e-file-menu ul .e-menu-item .e-caret::before {
3957
+ .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul .e-menu-item .e-caret::before {
3964
3958
  content: "\e729";
3965
3959
  }
3966
3960
 
3967
- .e-ribbon {
3961
+ .e-spreadsheet .e-ribbon {
3968
3962
  border: 1px solid #e5e7eb;
3969
3963
  position: relative;
3970
3964
  }
3971
- .e-ribbon .e-tab .e-content .e-toolbar {
3965
+ .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
3972
3966
  border-left-width: 0;
3973
3967
  border-right-width: 0;
3974
3968
  }
3975
- .e-ribbon .e-tab .e-tab-header {
3969
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header {
3976
3970
  height: 35px;
3977
3971
  min-height: 35px;
3978
3972
  }
3979
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
3973
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
3980
3974
  height: 35px;
3981
3975
  min-height: 35px;
3982
3976
  }
3983
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
3977
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
3984
3978
  height: 35px;
3985
3979
  }
3986
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
3980
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
3987
3981
  height: 35px;
3988
3982
  }
3989
- .e-ribbon .e-tab .e-tab-header .e-toolbar-items {
3983
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items {
3990
3984
  height: 35px;
3991
3985
  min-height: 35px;
3992
3986
  }
3993
- .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
3987
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
3994
3988
  height: 35px;
3995
3989
  min-height: 35px;
3996
3990
  }
3997
- .e-ribbon .e-tab .e-tab-header .e-hscroll {
3991
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-hscroll {
3998
3992
  display: inline-block !important; /* stylelint-disable-line declaration-no-important */
3999
3993
  width: calc(100% - 28px);
4000
3994
  }
4001
- .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-tab-wrap {
3995
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-tab-wrap {
4002
3996
  padding: 0;
4003
3997
  }
4004
- .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-text-wrap {
3998
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-text-wrap {
4005
3999
  vertical-align: top;
4006
4000
  }
4007
- .e-ribbon .e-tab .e-tab-header .e-indicator {
4001
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-indicator {
4008
4002
  z-index: 1;
4009
4003
  }
4010
- .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-hide {
4004
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-hide {
4011
4005
  display: none;
4012
4006
  }
4013
- .e-ribbon .e-tab .e-content .e-item {
4007
+ .e-spreadsheet .e-ribbon .e-tab .e-content .e-item {
4014
4008
  padding: 0;
4015
4009
  }
4016
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item {
4010
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item {
4017
4011
  -webkit-user-select: none;
4018
4012
  -ms-user-select: none;
4019
4013
  user-select: none;
4020
4014
  }
4021
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
4015
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
4022
4016
  text-transform: none;
4023
4017
  }
4024
- .e-ribbon .e-tab.e-sheet-tab .e-tab-header .e-tab-text {
4018
+ .e-spreadsheet .e-ribbon .e-tab.e-sheet-tab .e-tab-header .e-tab-text {
4025
4019
  white-space: pre;
4026
4020
  }
4027
- .e-ribbon .e-drop-icon {
4021
+ .e-spreadsheet .e-ribbon .e-drop-icon {
4028
4022
  cursor: pointer;
4029
4023
  font-family: "e-icons";
4030
4024
  margin: 8px 4px;
@@ -4035,114 +4029,115 @@
4035
4029
  transform: rotate(180deg);
4036
4030
  transition: transform 300ms ease;
4037
4031
  width: 18px;
4038
- font-size: 10px;
4039
4032
  font-size: 18px;
4040
4033
  }
4041
- .e-ribbon .e-drop-icon.e-disabled {
4034
+ .e-spreadsheet .e-ribbon .e-drop-icon.e-disabled {
4042
4035
  cursor: default;
4043
4036
  pointer-events: none;
4044
4037
  }
4045
- .e-ribbon.e-collapsed .e-content, .e-ribbon.e-collapsed .e-indicator, .e-ribbon.e-collapsed .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
4038
+ .e-spreadsheet .e-ribbon.e-collapsed .e-content, .e-spreadsheet .e-ribbon.e-collapsed .e-indicator, .e-spreadsheet .e-ribbon.e-collapsed .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
4046
4039
  display: none;
4047
4040
  }
4048
- .e-ribbon.e-collapsed .e-drop-icon {
4041
+ .e-spreadsheet .e-ribbon.e-collapsed .e-drop-icon {
4049
4042
  transform: rotate(0deg);
4050
4043
  }
4051
- .e-ribbon .e-content .e-toolbar.e-overlay .e-toolbar-items .e-toolbar-item.e-overlay {
4044
+ .e-spreadsheet .e-ribbon .e-content .e-toolbar .e-toolbar-items {
4045
+ display: inline-block;
4046
+ }
4047
+ .e-spreadsheet .e-ribbon .e-content .e-toolbar.e-overlay .e-toolbar-items .e-toolbar-item.e-overlay {
4052
4048
  opacity: 1;
4053
4049
  }
4054
- .e-ribbon .e-menu-wrapper {
4050
+ .e-spreadsheet .e-ribbon .e-menu-wrapper {
4055
4051
  border-width: 0;
4056
4052
  }
4057
- .e-ribbon .e-menu-wrapper ul.e-menu {
4053
+ .e-spreadsheet .e-ribbon .e-menu-wrapper ul.e-menu {
4058
4054
  padding: 0;
4059
4055
  }
4060
- .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon {
4056
+ .e-spreadsheet .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon {
4061
4057
  height: 35px;
4062
4058
  line-height: 35px;
4063
4059
  }
4064
- .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon .e-caret {
4060
+ .e-spreadsheet .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon .e-caret {
4065
4061
  line-height: 35px;
4066
4062
  }
4067
4063
 
4068
- .e-bigger .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu,
4069
- .e-bigger.e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu {
4064
+ .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu,
4065
+ .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu {
4070
4066
  padding: 0;
4071
4067
  }
4072
- .e-bigger .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon,
4073
- .e-bigger.e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon {
4068
+ .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon,
4069
+ .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon {
4074
4070
  height: 41px;
4075
4071
  line-height: 41px;
4076
4072
  }
4077
- .e-bigger .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret,
4078
- .e-bigger.e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret {
4073
+ .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret,
4074
+ .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret {
4079
4075
  line-height: 41px;
4080
4076
  }
4081
- .e-bigger .e-ribbon .e-drop-icon,
4082
- .e-bigger.e-ribbon .e-drop-icon {
4083
- font-size: 12px;
4084
- margin: 16px 5px;
4077
+ .e-bigger .e-spreadsheet .e-ribbon .e-drop-icon,
4078
+ .e-bigger.e-spreadsheet .e-ribbon .e-drop-icon {
4085
4079
  font-size: 18px;
4080
+ margin: 16px 5px;
4086
4081
  line-height: 8px;
4087
4082
  }
4088
- .e-bigger .e-ribbon .e-tab .e-tab-header,
4089
- .e-bigger.e-ribbon .e-tab .e-tab-header {
4083
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header,
4084
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header {
4090
4085
  height: 41px;
4091
4086
  min-height: 41px;
4092
4087
  }
4093
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
4094
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
4088
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
4089
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
4095
4090
  height: 41px;
4096
4091
  min-height: 41px;
4097
4092
  }
4098
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap,
4099
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
4093
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap,
4094
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
4100
4095
  height: 41px;
4101
4096
  }
4102
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap,
4103
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
4097
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap,
4098
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
4104
4099
  height: 41px;
4105
4100
  }
4106
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-items,
4107
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-items {
4101
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items,
4102
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items {
4108
4103
  height: 41px;
4109
4104
  min-height: 41px;
4110
4105
  }
4111
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav,
4112
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
4106
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav,
4107
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
4113
4108
  height: 41px;
4114
4109
  min-height: 41px;
4115
4110
  }
4116
4111
 
4117
- .e-ribbon {
4112
+ .e-spreadsheet .e-ribbon {
4118
4113
  background-color: #f3f4f6;
4119
4114
  }
4120
- .e-ribbon .e-tab .e-tab-header {
4115
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header {
4121
4116
  background-color: inherit;
4122
4117
  }
4123
- .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
4118
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
4124
4119
  background: rgba(243, 244, 246, 0.12);
4125
4120
  }
4126
- .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
4127
- .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
4121
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
4122
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
4128
4123
  color: #4f46e5;
4129
4124
  }
4130
- .e-ribbon .e-drop-icon {
4125
+ .e-spreadsheet .e-ribbon .e-drop-icon {
4131
4126
  color: #6b7280;
4132
4127
  }
4133
- .e-ribbon .e-tab .e-content .e-toolbar {
4128
+ .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
4134
4129
  border-bottom-color: transparent;
4135
4130
  border-top-color: transparent;
4136
4131
  }
4137
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active {
4132
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active {
4138
4133
  background: #f3f4f6;
4139
4134
  }
4140
- .e-ribbon .e-tab .e-content .e-toolbar {
4135
+ .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
4141
4136
  background: #f3f4f6;
4142
4137
  }
4143
- .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items, .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-item .e-btn.e-tbar-btn:not(:hover):not(:focus), .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-item.e-overlay {
4138
+ .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items, .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-item .e-btn.e-tbar-btn:not(:hover):not(:focus), .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-item.e-overlay {
4144
4139
  background: transparent;
4145
4140
  }
4146
- .e-ribbon .e-menu-wrapper {
4141
+ .e-spreadsheet .e-ribbon .e-menu-wrapper {
4147
4142
  background-color: transparent;
4148
4143
  }
@@ -1,2 +1,2 @@
1
1
  @import 'spreadsheet/tailwind.scss';
2
- @import 'ribbon/tailwind.scss';
2
+ @import 'spreadsheet-ribbon/tailwind.scss';
@@ -1,174 +0,0 @@
1
- .e-ribbon .e-drop-icon::before {
2
- content: "\e95d";
3
- }
4
- .e-ribbon .e-menu-wrapper.e-file-menu ul .e-menu-item .e-caret::before {
5
- content: "\e969";
6
- }
7
-
8
- .e-ribbon {
9
- border: 1px solid #484848;
10
- position: relative;
11
- }
12
- .e-ribbon .e-tab .e-content .e-toolbar {
13
- border-left-width: 0;
14
- border-right-width: 0;
15
- }
16
- .e-ribbon .e-tab .e-tab-header {
17
- height: 35px;
18
- min-height: 35px;
19
- }
20
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
21
- height: 35px;
22
- min-height: 35px;
23
- }
24
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
25
- height: 35px;
26
- }
27
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
28
- height: 35px;
29
- }
30
- .e-ribbon .e-tab .e-tab-header .e-toolbar-items {
31
- height: 35px;
32
- min-height: 35px;
33
- }
34
- .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
35
- height: 35px;
36
- min-height: 35px;
37
- }
38
- .e-ribbon .e-tab .e-tab-header .e-hscroll {
39
- display: inline-block !important; /* stylelint-disable-line declaration-no-important */
40
- width: calc(100% - 28px);
41
- }
42
- .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-tab-wrap {
43
- padding: 0;
44
- }
45
- .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-text-wrap {
46
- vertical-align: top;
47
- }
48
- .e-ribbon .e-tab .e-tab-header .e-indicator {
49
- z-index: 1;
50
- }
51
- .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-hide {
52
- display: none;
53
- }
54
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item {
55
- -webkit-user-select: none;
56
- -ms-user-select: none;
57
- user-select: none;
58
- }
59
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
60
- text-transform: none;
61
- }
62
- .e-ribbon .e-tab.e-sheet-tab .e-tab-header .e-tab-text {
63
- white-space: pre;
64
- }
65
- .e-ribbon .e-drop-icon {
66
- cursor: pointer;
67
- font-family: "e-icons";
68
- margin: 16.5px 4px 17.5px;
69
- position: absolute;
70
- right: 0;
71
- text-align: center;
72
- top: 0;
73
- transform: rotate(180deg);
74
- transition: transform 300ms ease;
75
- width: 18px;
76
- font-size: 10px;
77
- }
78
- .e-ribbon .e-drop-icon.e-disabled {
79
- cursor: default;
80
- pointer-events: none;
81
- }
82
- .e-ribbon.e-collapsed .e-content, .e-ribbon.e-collapsed .e-indicator, .e-ribbon.e-collapsed .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
83
- display: none;
84
- }
85
- .e-ribbon.e-collapsed .e-drop-icon {
86
- transform: rotate(0deg);
87
- }
88
- .e-ribbon .e-content .e-toolbar.e-overlay .e-toolbar-items .e-toolbar-item.e-overlay {
89
- opacity: 1;
90
- }
91
- .e-ribbon .e-menu-wrapper {
92
- border-width: 0;
93
- }
94
- .e-ribbon .e-menu-wrapper ul.e-menu {
95
- padding: 0;
96
- }
97
- .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon {
98
- height: 35px;
99
- line-height: 35px;
100
- }
101
- .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon .e-caret {
102
- line-height: 35px;
103
- }
104
-
105
- .e-bigger .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu,
106
- .e-bigger.e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu {
107
- padding: 0;
108
- }
109
- .e-bigger .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon,
110
- .e-bigger.e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon {
111
- height: 41px;
112
- line-height: 41px;
113
- }
114
- .e-bigger .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret,
115
- .e-bigger.e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret {
116
- line-height: 41px;
117
- }
118
- .e-bigger .e-ribbon .e-drop-icon,
119
- .e-bigger.e-ribbon .e-drop-icon {
120
- font-size: 12px;
121
- margin: 18.5px 5px 19.5px;
122
- }
123
- .e-bigger .e-ribbon .e-tab .e-tab-header,
124
- .e-bigger.e-ribbon .e-tab .e-tab-header {
125
- height: 41px;
126
- min-height: 41px;
127
- }
128
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
129
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
130
- height: 41px;
131
- min-height: 41px;
132
- }
133
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap,
134
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
135
- height: 41px;
136
- }
137
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap,
138
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
139
- height: 41px;
140
- }
141
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-items,
142
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-items {
143
- height: 41px;
144
- min-height: 41px;
145
- }
146
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav,
147
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
148
- height: 41px;
149
- min-height: 41px;
150
- }
151
-
152
- .e-ribbon {
153
- background-color: #191919;
154
- }
155
- .e-ribbon .e-tab .e-tab-header {
156
- background-color: inherit;
157
- }
158
- .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
159
- background: #414141;
160
- }
161
- .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
162
- .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
163
- color: #f0f0f0;
164
- }
165
- .e-ribbon .e-drop-icon {
166
- color: #f0f0f0;
167
- }
168
- .e-ribbon .e-tab .e-content .e-toolbar {
169
- border-bottom-color: transparent;
170
- border-top-color: transparent;
171
- }
172
- .e-ribbon .e-menu-wrapper {
173
- background-color: transparent;
174
- }
@@ -1 +0,0 @@
1
- @import 'ej2-spreadsheet/styles/ribbon/bootstrap-dark.scss';