@syncfusion/ej2-vue-spreadsheet 20.4.54 → 21.1.35

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 +1 -56
  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 +9 -9
  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
@@ -330,7 +330,7 @@
330
330
  }
331
331
  .e-chart-menu .e-ul .e-menu-item .e-menu-icon,
332
332
  .e-chart-type-menu .e-ul .e-menu-item .e-menu-icon {
333
- font-size: 30px;
333
+ font-size: 32px;
334
334
  margin-right: 10px;
335
335
  }
336
336
  .e-chart-menu .e-ul .e-menu-item .e-bar,
@@ -769,7 +769,7 @@
769
769
  padding-top: 7px;
770
770
  }
771
771
  .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-content .e-reenterpwd-content .e-header {
772
- font-size: 14px;
772
+ font-size: 18px;
773
773
  line-height: 16px;
774
774
  }
775
775
  .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-content .e-reenterpwd-content .e-input {
@@ -832,7 +832,7 @@
832
832
  height: 300px;
833
833
  }
834
834
  .e-spreadsheet .e-protect-content {
835
- font-size: 13px;
835
+ font-size: 14px;
836
836
  height: 37px;
837
837
  padding-top: 20px;
838
838
  width: 100%;
@@ -1576,7 +1576,7 @@
1576
1576
  font-size: 16px;
1577
1577
  }
1578
1578
  .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 {
1579
- font-size: 30px !important; /* stylelint-disable-line declaration-no-important */
1579
+ font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
1580
1580
  margin-right: 5px;
1581
1581
  padding: 0 5px;
1582
1582
  width: 30px;
@@ -1919,7 +1919,7 @@
1919
1919
  .e-spreadsheet .e-datavalidation-dlg .e-footer-content .e-clearall-btn {
1920
1920
  float: left;
1921
1921
  }
1922
- .e-spreadsheet .e-validationerror-dlg .e-dlg-content {
1922
+ .e-spreadsheet .e-validation-error-dlg .e-dlg-content {
1923
1923
  font-size: 14px;
1924
1924
  line-height: 28px;
1925
1925
  }
@@ -1955,11 +1955,6 @@
1955
1955
  text-align: center;
1956
1956
  width: 136px;
1957
1957
  }
1958
- .e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-tab-header .e-toolbar-item .e-tab-text,
1959
- .e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-tab-header .e-toolbar-item .e-tab-text {
1960
- font-size: 13px;
1961
- line-height: 15px;
1962
- }
1963
1958
  .e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-content,
1964
1959
  .e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-content {
1965
1960
  padding-top: 24px;
@@ -2124,7 +2119,7 @@
2124
2119
  max-width: initial;
2125
2120
  }
2126
2121
  .e-dropdown-popup.e-numformat-ddb ul .e-numformat-preview-text {
2127
- font-size: 13px;
2122
+ font-size: 12px;
2128
2123
  max-width: 200px;
2129
2124
  overflow: hidden;
2130
2125
  text-align: right;
@@ -2207,17 +2202,17 @@
2207
2202
  font-family: "Verdana";
2208
2203
  }
2209
2204
  .e-dropdown-popup.e-aggregate-list {
2210
- font-size: 13px;
2205
+ font-size: 14px;
2211
2206
  margin-left: auto;
2212
2207
  }
2213
2208
  .e-dropdown-popup.e-borders-ddb .e-menu-wrapper {
2214
2209
  border: 0;
2215
2210
  }
2216
2211
  .e-dropdown-popup.e-borders-ddb .e-menu-wrapper ul .e-menu-item .e-menu-icon {
2217
- font-size: 16px;
2212
+ font-size: 14px;
2218
2213
  }
2219
2214
  .e-dropdown-popup.e-popup.e-aggregate-list ul {
2220
- font-size: 13px;
2215
+ font-size: 14px;
2221
2216
  }
2222
2217
 
2223
2218
  .e-menu-wrapper.e-file-menu ul .e-menu-item div {
@@ -2226,7 +2221,7 @@
2226
2221
  width: 100%;
2227
2222
  }
2228
2223
  .e-menu-wrapper.e-file-menu ul .e-menu-item div .e-extension {
2229
- font-size: 13px;
2224
+ font-size: 14px;
2230
2225
  margin-left: auto;
2231
2226
  opacity: 0.7;
2232
2227
  padding-left: 10px;
@@ -2569,7 +2564,7 @@
2569
2564
  margin-top: 0;
2570
2565
  }
2571
2566
  .e-spreadsheet:not(.e-mobile-view) .e-aggregate-list {
2572
- font-size: 13px;
2567
+ font-size: 14px;
2573
2568
  margin-left: auto;
2574
2569
  }
2575
2570
  .e-spreadsheet:not(.e-mobile-view) .e-ribbon {
@@ -2734,7 +2729,7 @@
2734
2729
  }
2735
2730
  .e-bigger .e-spreadsheet .e-find-dlg .e-footer-content .e-btn,
2736
2731
  .e-bigger.e-spreadsheet .e-find-dlg .e-footer-content .e-btn {
2737
- font-size: 11px;
2732
+ font-size: 12px;
2738
2733
  margin-top: 6px;
2739
2734
  }
2740
2735
  .e-bigger .e-spreadsheet .e-findtool-dlg,
@@ -3912,7 +3907,7 @@
3912
3907
  background-color: #eee;
3913
3908
  }
3914
3909
 
3915
- .e-ribbon .e-content .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay .e-icons {
3910
+ .e-spreadsheet .e-ribbon .e-content .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay .e-icons {
3916
3911
  color: rgba(0, 0, 0, 0.54);
3917
3912
  }
3918
3913
 
@@ -3939,73 +3934,73 @@
3939
3934
  opacity: 0.45;
3940
3935
  }
3941
3936
 
3942
- .e-ribbon .e-drop-icon::before {
3937
+ .e-spreadsheet .e-ribbon .e-drop-icon::before {
3943
3938
  content: "\e94d";
3944
3939
  }
3945
- .e-ribbon .e-menu-wrapper.e-file-menu ul .e-menu-item .e-caret::before {
3940
+ .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul .e-menu-item .e-caret::before {
3946
3941
  content: "\e969";
3947
3942
  }
3948
3943
 
3949
- .e-ribbon {
3944
+ .e-spreadsheet .e-ribbon {
3950
3945
  border: 1px solid #e0e0e0;
3951
3946
  position: relative;
3952
3947
  }
3953
- .e-ribbon .e-tab .e-content .e-toolbar {
3948
+ .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
3954
3949
  border: 0;
3955
3950
  }
3956
- .e-ribbon .e-tab .e-tab-header {
3951
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header {
3957
3952
  height: 35px;
3958
3953
  min-height: 35px;
3959
3954
  }
3960
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
3955
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
3961
3956
  height: 35px;
3962
3957
  min-height: 35px;
3963
3958
  }
3964
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
3959
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
3965
3960
  height: 35px;
3966
3961
  }
3967
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
3962
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
3968
3963
  height: 35px;
3969
3964
  }
3970
- .e-ribbon .e-tab .e-tab-header .e-toolbar-items {
3965
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items {
3971
3966
  height: 35px;
3972
3967
  min-height: 35px;
3973
3968
  }
3974
- .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
3969
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
3975
3970
  height: 35px;
3976
3971
  min-height: 35px;
3977
3972
  }
3978
- .e-ribbon .e-tab .e-tab-header .e-hscroll {
3973
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-hscroll {
3979
3974
  display: inline-block !important; /* stylelint-disable-line declaration-no-important */
3980
3975
  width: calc(100% - 28px);
3981
3976
  }
3982
- .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-tab-wrap {
3977
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-tab-wrap {
3983
3978
  padding: 0;
3984
3979
  }
3985
- .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-text-wrap {
3980
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-text-wrap {
3986
3981
  vertical-align: top;
3987
3982
  }
3988
- .e-ribbon .e-tab .e-tab-header .e-indicator {
3983
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-indicator {
3989
3984
  z-index: 1;
3990
3985
  }
3991
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
3986
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
3992
3987
  padding: 0 12px;
3993
3988
  }
3994
- .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-hide {
3989
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-hide {
3995
3990
  display: none;
3996
3991
  }
3997
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item {
3992
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item {
3998
3993
  -webkit-user-select: none;
3999
3994
  -ms-user-select: none;
4000
3995
  user-select: none;
4001
3996
  }
4002
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
3997
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
4003
3998
  text-transform: none;
4004
3999
  }
4005
- .e-ribbon .e-tab.e-sheet-tab .e-tab-header .e-tab-text {
4000
+ .e-spreadsheet .e-ribbon .e-tab.e-sheet-tab .e-tab-header .e-tab-text {
4006
4001
  white-space: pre;
4007
4002
  }
4008
- .e-ribbon .e-drop-icon {
4003
+ .e-spreadsheet .e-ribbon .e-drop-icon {
4009
4004
  cursor: pointer;
4010
4005
  font-family: "e-icons";
4011
4006
  margin: 12.5px 4px;
@@ -4018,110 +4013,113 @@
4018
4013
  width: 18px;
4019
4014
  font-size: 10px;
4020
4015
  }
4021
- .e-ribbon .e-drop-icon.e-disabled {
4016
+ .e-spreadsheet .e-ribbon .e-drop-icon.e-disabled {
4022
4017
  cursor: default;
4023
4018
  pointer-events: none;
4024
4019
  }
4025
- .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 {
4020
+ .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 {
4026
4021
  display: none;
4027
4022
  }
4028
- .e-ribbon.e-collapsed .e-drop-icon {
4023
+ .e-spreadsheet .e-ribbon.e-collapsed .e-drop-icon {
4029
4024
  transform: rotate(0deg);
4030
4025
  }
4031
- .e-ribbon .e-content .e-toolbar.e-overlay .e-toolbar-items .e-toolbar-item.e-overlay {
4026
+ .e-spreadsheet .e-ribbon .e-content .e-toolbar .e-toolbar-items {
4027
+ display: inline-block;
4028
+ }
4029
+ .e-spreadsheet .e-ribbon .e-content .e-toolbar.e-overlay .e-toolbar-items .e-toolbar-item.e-overlay {
4032
4030
  opacity: 1;
4033
4031
  }
4034
- .e-ribbon .e-menu-wrapper {
4032
+ .e-spreadsheet .e-ribbon .e-menu-wrapper {
4035
4033
  border-width: 0;
4036
4034
  }
4037
- .e-ribbon .e-menu-wrapper ul.e-menu {
4035
+ .e-spreadsheet .e-ribbon .e-menu-wrapper ul.e-menu {
4038
4036
  padding: 0;
4039
4037
  }
4040
- .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon {
4038
+ .e-spreadsheet .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon {
4041
4039
  height: 35px;
4042
4040
  line-height: 35px;
4043
4041
  }
4044
- .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon .e-caret {
4042
+ .e-spreadsheet .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon .e-caret {
4045
4043
  line-height: 35px;
4046
4044
  }
4047
4045
 
4048
- .e-bigger .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu,
4049
- .e-bigger.e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu {
4046
+ .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu,
4047
+ .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu {
4050
4048
  padding: 0;
4051
4049
  }
4052
- .e-bigger .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon,
4053
- .e-bigger.e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon {
4050
+ .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon,
4051
+ .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon {
4054
4052
  height: 41px;
4055
4053
  line-height: 41px;
4056
4054
  }
4057
- .e-bigger .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret,
4058
- .e-bigger.e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret {
4055
+ .e-bigger .e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret,
4056
+ .e-bigger.e-spreadsheet .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret {
4059
4057
  line-height: 41px;
4060
4058
  }
4061
- .e-bigger .e-ribbon .e-drop-icon,
4062
- .e-bigger.e-ribbon .e-drop-icon {
4059
+ .e-bigger .e-spreadsheet .e-ribbon .e-drop-icon,
4060
+ .e-bigger.e-spreadsheet .e-ribbon .e-drop-icon {
4063
4061
  font-size: 12px;
4064
4062
  margin: 14.5px 5px;
4065
4063
  }
4066
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
4067
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
4064
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
4065
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
4068
4066
  padding: 0 16px;
4069
4067
  }
4070
- .e-bigger .e-ribbon .e-tab .e-tab-header,
4071
- .e-bigger.e-ribbon .e-tab .e-tab-header {
4068
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header,
4069
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header {
4072
4070
  height: 41px;
4073
4071
  min-height: 41px;
4074
4072
  }
4075
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
4076
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
4073
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
4074
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
4077
4075
  height: 41px;
4078
4076
  min-height: 41px;
4079
4077
  }
4080
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap,
4081
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
4078
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap,
4079
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
4082
4080
  height: 41px;
4083
4081
  }
4084
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap,
4085
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
4082
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap,
4083
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
4086
4084
  height: 41px;
4087
4085
  }
4088
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-items,
4089
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-items {
4086
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items,
4087
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items {
4090
4088
  height: 41px;
4091
4089
  min-height: 41px;
4092
4090
  }
4093
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav,
4094
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
4091
+ .e-bigger .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav,
4092
+ .e-bigger.e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
4095
4093
  height: 41px;
4096
4094
  min-height: 41px;
4097
4095
  }
4098
4096
 
4099
- .e-ribbon {
4097
+ .e-spreadsheet .e-ribbon {
4100
4098
  background-color: #fafafa;
4101
4099
  }
4102
- .e-ribbon .e-tab .e-tab-header {
4100
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header {
4103
4101
  background-color: inherit;
4104
4102
  }
4105
- .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
4103
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
4106
4104
  background: rgba(227, 22, 91, 0.12);
4107
4105
  }
4108
- .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
4109
- .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
4106
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
4107
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
4110
4108
  color: #e3165b;
4111
4109
  }
4112
- .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
4110
+ .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
4113
4111
  border-color: #dcdcdc;
4114
4112
  }
4115
- .e-ribbon .e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item.e-active {
4113
+ .e-spreadsheet .e-ribbon .e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item.e-active {
4116
4114
  border: 0;
4117
4115
  }
4118
- .e-ribbon .e-drop-icon {
4116
+ .e-spreadsheet .e-ribbon .e-drop-icon {
4119
4117
  color: #5f6368;
4120
4118
  }
4121
- .e-ribbon .e-tab .e-content .e-toolbar {
4119
+ .e-spreadsheet .e-ribbon .e-tab .e-content .e-toolbar {
4122
4120
  border-bottom-color: transparent;
4123
4121
  border-top-color: transparent;
4124
4122
  }
4125
- .e-ribbon .e-menu-wrapper {
4123
+ .e-spreadsheet .e-ribbon .e-menu-wrapper {
4126
4124
  background-color: transparent;
4127
4125
  }
@@ -1,2 +1,2 @@
1
1
  @import 'spreadsheet/material.scss';
2
- @import 'ribbon/material.scss';
2
+ @import 'spreadsheet-ribbon/material.scss';
@@ -265,7 +265,7 @@
265
265
  }
266
266
  .e-chart-menu .e-ul .e-menu-item .e-menu-icon,
267
267
  .e-chart-type-menu .e-ul .e-menu-item .e-menu-icon {
268
- font-size: 30px;
268
+ font-size: 32px;
269
269
  margin-right: 10px;
270
270
  }
271
271
  .e-chart-menu .e-ul .e-menu-item .e-bar,
@@ -709,7 +709,7 @@
709
709
  padding-top: 7px;
710
710
  }
711
711
  .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-content .e-reenterpwd-content .e-header {
712
- font-size: 14px;
712
+ font-size: 18px;
713
713
  line-height: 16px;
714
714
  }
715
715
  .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-content .e-reenterpwd-content .e-input {
@@ -772,7 +772,7 @@
772
772
  height: 300px;
773
773
  }
774
774
  .e-spreadsheet .e-protect-content {
775
- font-size: 13px;
775
+ font-size: 14px;
776
776
  height: 37px;
777
777
  padding-top: 20px;
778
778
  width: 100%;
@@ -1505,7 +1505,7 @@
1505
1505
  font-size: 16px;
1506
1506
  }
1507
1507
  .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 {
1508
- font-size: 30px !important; /* stylelint-disable-line declaration-no-important */
1508
+ font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
1509
1509
  margin-right: 5px;
1510
1510
  padding: 0 5px;
1511
1511
  width: 30px;
@@ -1849,7 +1849,7 @@
1849
1849
  .e-spreadsheet .e-datavalidation-dlg .e-footer-content .e-clearall-btn {
1850
1850
  float: left;
1851
1851
  }
1852
- .e-spreadsheet .e-validationerror-dlg .e-dlg-content {
1852
+ .e-spreadsheet .e-validation-error-dlg .e-dlg-content {
1853
1853
  font-size: 14px;
1854
1854
  line-height: 28px;
1855
1855
  }
@@ -1885,11 +1885,6 @@
1885
1885
  text-align: center;
1886
1886
  width: 136px;
1887
1887
  }
1888
- .e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-tab-header .e-toolbar-item .e-tab-text,
1889
- .e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-tab-header .e-toolbar-item .e-tab-text {
1890
- font-size: 13px;
1891
- line-height: 15px;
1892
- }
1893
1888
  .e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-content,
1894
1889
  .e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-content {
1895
1890
  padding-top: 24px;
@@ -2055,7 +2050,7 @@
2055
2050
  max-width: initial;
2056
2051
  }
2057
2052
  .e-dropdown-popup.e-numformat-ddb ul .e-numformat-preview-text {
2058
- font-size: 13px;
2053
+ font-size: 12px;
2059
2054
  max-width: 200px;
2060
2055
  overflow: hidden;
2061
2056
  text-align: right;
@@ -2138,17 +2133,17 @@
2138
2133
  font-family: "Verdana";
2139
2134
  }
2140
2135
  .e-dropdown-popup.e-aggregate-list {
2141
- font-size: 13px;
2136
+ font-size: 14px;
2142
2137
  margin-left: auto;
2143
2138
  }
2144
2139
  .e-dropdown-popup.e-borders-ddb .e-menu-wrapper {
2145
2140
  border: 0;
2146
2141
  }
2147
2142
  .e-dropdown-popup.e-borders-ddb .e-menu-wrapper ul .e-menu-item .e-menu-icon {
2148
- font-size: 16px;
2143
+ font-size: 14px;
2149
2144
  }
2150
2145
  .e-dropdown-popup.e-popup.e-aggregate-list ul {
2151
- font-size: 13px;
2146
+ font-size: 14px;
2152
2147
  }
2153
2148
 
2154
2149
  .e-menu-wrapper.e-file-menu ul .e-menu-item div {
@@ -2157,7 +2152,7 @@
2157
2152
  width: 100%;
2158
2153
  }
2159
2154
  .e-menu-wrapper.e-file-menu ul .e-menu-item div .e-extension {
2160
- font-size: 13px;
2155
+ font-size: 14px;
2161
2156
  margin-left: auto;
2162
2157
  opacity: 0.7;
2163
2158
  padding-left: 12px;
@@ -2503,7 +2498,7 @@
2503
2498
  margin-top: 0;
2504
2499
  }
2505
2500
  .e-spreadsheet:not(.e-mobile-view) .e-aggregate-list {
2506
- font-size: 13px;
2501
+ font-size: 14px;
2507
2502
  margin-left: auto;
2508
2503
  }
2509
2504
  .e-spreadsheet:not(.e-mobile-view) .e-ribbon {
@@ -2668,7 +2663,7 @@
2668
2663
  }
2669
2664
  .e-bigger .e-spreadsheet .e-find-dlg .e-footer-content .e-btn,
2670
2665
  .e-bigger.e-spreadsheet .e-find-dlg .e-footer-content .e-btn {
2671
- font-size: 11px;
2666
+ font-size: 12px;
2672
2667
  margin-top: 6px;
2673
2668
  }
2674
2669
  .e-bigger .e-spreadsheet .e-findtool-dlg,
@@ -3854,7 +3849,7 @@
3854
3849
  background-color: rgba(255, 255, 255, 0.1);
3855
3850
  }
3856
3851
 
3857
- .e-ribbon .e-content .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay .e-icons {
3852
+ .e-spreadsheet .e-ribbon .e-content .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay .e-icons {
3858
3853
  color: #f0f0f0;
3859
3854
  }
3860
3855
 
@@ -275,7 +275,7 @@
275
275
  }
276
276
  .e-chart-menu .e-ul .e-menu-item .e-menu-icon,
277
277
  .e-chart-type-menu .e-ul .e-menu-item .e-menu-icon {
278
- font-size: 30px;
278
+ font-size: 32px;
279
279
  margin-right: 10px;
280
280
  }
281
281
  .e-chart-menu .e-ul .e-menu-item .e-bar,
@@ -715,7 +715,7 @@
715
715
  padding-top: 7px;
716
716
  }
717
717
  .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-content .e-reenterpwd-content .e-header {
718
- font-size: 14px;
718
+ font-size: 18px;
719
719
  line-height: 16px;
720
720
  }
721
721
  .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-content .e-reenterpwd-content .e-input {
@@ -778,7 +778,7 @@
778
778
  height: 300px;
779
779
  }
780
780
  .e-spreadsheet .e-protect-content {
781
- font-size: 13px;
781
+ font-size: 14px;
782
782
  height: 37px;
783
783
  padding-top: 20px;
784
784
  width: 100%;
@@ -1524,7 +1524,7 @@
1524
1524
  font-size: 16px;
1525
1525
  }
1526
1526
  .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 {
1527
- font-size: 30px !important; /* stylelint-disable-line declaration-no-important */
1527
+ font-size: 32px !important; /* stylelint-disable-line declaration-no-important */
1528
1528
  margin-right: 5px;
1529
1529
  padding: 0 5px;
1530
1530
  width: 30px;
@@ -1874,7 +1874,7 @@
1874
1874
  .e-spreadsheet .e-datavalidation-dlg .e-footer-content .e-clearall-btn {
1875
1875
  float: left;
1876
1876
  }
1877
- .e-spreadsheet .e-validationerror-dlg .e-dlg-content {
1877
+ .e-spreadsheet .e-validation-error-dlg .e-dlg-content {
1878
1878
  font-size: 14px;
1879
1879
  line-height: 28px;
1880
1880
  }
@@ -1910,11 +1910,6 @@
1910
1910
  text-align: center;
1911
1911
  width: 136px;
1912
1912
  }
1913
- .e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-tab-header .e-toolbar-item .e-tab-text,
1914
- .e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-tab-header .e-toolbar-item .e-tab-text {
1915
- font-size: 13px;
1916
- line-height: 15px;
1917
- }
1918
1913
  .e-spreadsheet .e-hyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-content,
1919
1914
  .e-spreadsheet .e-edithyperlink-dlg.e-dialog .e-dlg-content .e-link-dialog .e-content {
1920
1915
  padding-top: 24px;
@@ -2080,7 +2075,7 @@
2080
2075
  max-width: initial;
2081
2076
  }
2082
2077
  .e-dropdown-popup.e-numformat-ddb ul .e-numformat-preview-text {
2083
- font-size: 13px;
2078
+ font-size: 12px;
2084
2079
  max-width: 200px;
2085
2080
  overflow: hidden;
2086
2081
  text-align: right;
@@ -2163,17 +2158,17 @@
2163
2158
  font-family: "Verdana";
2164
2159
  }
2165
2160
  .e-dropdown-popup.e-aggregate-list {
2166
- font-size: 13px;
2161
+ font-size: 14px;
2167
2162
  margin-left: auto;
2168
2163
  }
2169
2164
  .e-dropdown-popup.e-borders-ddb .e-menu-wrapper {
2170
2165
  border: 0;
2171
2166
  }
2172
2167
  .e-dropdown-popup.e-borders-ddb .e-menu-wrapper ul .e-menu-item .e-menu-icon {
2173
- font-size: 16px;
2168
+ font-size: 14px;
2174
2169
  }
2175
2170
  .e-dropdown-popup.e-popup.e-aggregate-list ul {
2176
- font-size: 13px;
2171
+ font-size: 14px;
2177
2172
  }
2178
2173
 
2179
2174
  .e-menu-wrapper.e-file-menu ul .e-menu-item div {
@@ -2182,7 +2177,7 @@
2182
2177
  width: 100%;
2183
2178
  }
2184
2179
  .e-menu-wrapper.e-file-menu ul .e-menu-item div .e-extension {
2185
- font-size: 13px;
2180
+ font-size: 14px;
2186
2181
  margin-left: auto;
2187
2182
  opacity: 0.7;
2188
2183
  padding-left: 12px;
@@ -2528,7 +2523,7 @@
2528
2523
  margin-top: 0;
2529
2524
  }
2530
2525
  .e-spreadsheet:not(.e-mobile-view) .e-aggregate-list {
2531
- font-size: 13px;
2526
+ font-size: 14px;
2532
2527
  margin-left: auto;
2533
2528
  }
2534
2529
  .e-spreadsheet:not(.e-mobile-view) .e-ribbon {
@@ -2688,7 +2683,7 @@
2688
2683
  }
2689
2684
  .e-bigger .e-spreadsheet .e-find-dlg .e-footer-content .e-btn,
2690
2685
  .e-bigger.e-spreadsheet .e-find-dlg .e-footer-content .e-btn {
2691
- font-size: 11px;
2686
+ font-size: 12px;
2692
2687
  margin-top: 6px;
2693
2688
  }
2694
2689
  .e-bigger .e-spreadsheet .e-findtool-dlg,
@@ -3884,7 +3879,7 @@
3884
3879
  background-color: #eee;
3885
3880
  }
3886
3881
 
3887
- .e-ribbon .e-content .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay .e-icons {
3882
+ .e-spreadsheet .e-ribbon .e-content .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay .e-icons {
3888
3883
  color: #333;
3889
3884
  }
3890
3885