@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
@@ -1,204 +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 #e5e5e5;
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) {
43
- border-width: 0;
44
- }
45
- .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-tab-wrap {
46
- padding: 0;
47
- }
48
- .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-text-wrap {
49
- vertical-align: top;
50
- }
51
- .e-ribbon .e-tab .e-tab-header .e-indicator {
52
- z-index: 1;
53
- }
54
- .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-hide {
55
- display: none;
56
- }
57
- .e-ribbon .e-tab .e-tab-header {
58
- margin-top: 10px;
59
- }
60
- .e-ribbon .e-tab .e-content .e-toolbar {
61
- border-radius: 0;
62
- }
63
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item {
64
- -webkit-user-select: none;
65
- -ms-user-select: none;
66
- user-select: none;
67
- }
68
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
69
- text-transform: none;
70
- }
71
- .e-ribbon .e-tab.e-sheet-tab .e-tab-header .e-tab-text {
72
- white-space: pre;
73
- }
74
- .e-ribbon .e-drop-icon {
75
- cursor: pointer;
76
- font-family: "e-icons";
77
- margin: 16.5px 4px 17.5px;
78
- position: absolute;
79
- right: 0;
80
- text-align: center;
81
- top: 0;
82
- transform: rotate(180deg);
83
- transition: transform 300ms ease;
84
- width: 18px;
85
- font-size: 10px;
86
- }
87
- .e-ribbon .e-drop-icon.e-disabled {
88
- cursor: default;
89
- pointer-events: none;
90
- }
91
- .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 {
92
- display: none;
93
- }
94
- .e-ribbon.e-collapsed .e-tab .e-tab-header:not(.e-vertical)::before {
95
- border-width: 0;
96
- }
97
- .e-ribbon.e-collapsed .e-drop-icon {
98
- transform: rotate(0deg);
99
- }
100
- .e-ribbon .e-content .e-toolbar.e-overlay .e-toolbar-items .e-toolbar-item.e-overlay {
101
- opacity: 1;
102
- }
103
- .e-ribbon .e-menu-wrapper {
104
- border-width: 0;
105
- }
106
- .e-ribbon .e-menu-wrapper ul.e-menu {
107
- padding: 0;
108
- }
109
- .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon {
110
- height: 35px;
111
- line-height: 35px;
112
- }
113
- .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon .e-caret {
114
- line-height: 35px;
115
- }
116
-
117
- .e-bigger .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu,
118
- .e-bigger.e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu {
119
- padding: 0;
120
- }
121
- .e-bigger .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon,
122
- .e-bigger.e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon {
123
- height: 41px;
124
- line-height: 41px;
125
- }
126
- .e-bigger .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret,
127
- .e-bigger.e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret {
128
- line-height: 41px;
129
- }
130
- .e-bigger .e-ribbon .e-drop-icon,
131
- .e-bigger.e-ribbon .e-drop-icon {
132
- font-size: 12px;
133
- margin: 18.5px 5px 19.5px;
134
- }
135
- .e-bigger .e-ribbon .e-tab .e-tab-header,
136
- .e-bigger.e-ribbon .e-tab .e-tab-header {
137
- height: 41px;
138
- min-height: 41px;
139
- }
140
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
141
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
142
- height: 41px;
143
- min-height: 41px;
144
- }
145
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap,
146
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
147
- height: 41px;
148
- }
149
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap,
150
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
151
- height: 41px;
152
- }
153
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-items,
154
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-items {
155
- height: 41px;
156
- min-height: 41px;
157
- }
158
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav,
159
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
160
- height: 41px;
161
- min-height: 41px;
162
- }
163
-
164
- .e-ribbon {
165
- background-color: #f9f9f9;
166
- }
167
- .e-ribbon .e-tab .e-tab-header {
168
- background-color: inherit;
169
- }
170
- .e-ribbon .e-tab .e-tab-header::before {
171
- border-bottom-color: #e5e5e5;
172
- }
173
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active {
174
- border-bottom-color: #fff;
175
- border-left-color: #e5e5e5;
176
- border-right-color: #e5e5e5;
177
- border-top-color: #e5e5e5;
178
- }
179
- .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
180
- background: #eee;
181
- }
182
- .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
183
- .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
184
- color: #1f496e;
185
- }
186
- .e-ribbon .e-drop-icon {
187
- color: #777;
188
- }
189
- .e-ribbon .e-tab .e-content .e-toolbar {
190
- border-bottom-color: transparent;
191
- border-top-color: transparent;
192
- }
193
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active {
194
- background: #fff;
195
- }
196
- .e-ribbon .e-tab .e-content .e-toolbar {
197
- background: #fff;
198
- }
199
- .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 {
200
- background: transparent;
201
- }
202
- .e-ribbon .e-menu-wrapper {
203
- background-color: transparent;
204
- }
@@ -1 +0,0 @@
1
- @import 'ej2-spreadsheet/styles/ribbon/bootstrap.scss';
@@ -1,163 +0,0 @@
1
- .e-ribbon .e-drop-icon::before {
2
- content: "\e705";
3
- }
4
-
5
- .e-ribbon {
6
- border: 1px solid #dee2e6;
7
- position: relative;
8
- }
9
- .e-ribbon .e-tab .e-content .e-toolbar {
10
- border-left-width: 0;
11
- border-right-width: 0;
12
- }
13
- .e-ribbon .e-tab .e-tab-header .e-hscroll {
14
- display: inline-block !important; /* stylelint-disable-line declaration-no-important */
15
- width: calc(100% - 28px);
16
- }
17
- .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-tab-wrap {
18
- padding: 0;
19
- border-width: 0;
20
- }
21
- .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item:nth-child(2) .e-text-wrap {
22
- vertical-align: top;
23
- }
24
- .e-ribbon .e-tab .e-tab-header .e-indicator {
25
- z-index: 1;
26
- }
27
- .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-hide {
28
- display: none;
29
- }
30
- .e-ribbon .e-tab .e-tab-header {
31
- margin-top: 10px;
32
- }
33
- .e-ribbon .e-tab .e-content .e-toolbar {
34
- border-radius: 0;
35
- }
36
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item {
37
- -webkit-user-select: none;
38
- -ms-user-select: none;
39
- user-select: none;
40
- }
41
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
42
- text-transform: none;
43
- }
44
- .e-ribbon .e-tab.e-sheet-tab .e-tab-header .e-tab-text {
45
- white-space: pre;
46
- }
47
- .e-ribbon .e-drop-icon {
48
- cursor: pointer;
49
- font-family: "e-icons";
50
- margin: 15px 5px;
51
- position: absolute;
52
- right: 0;
53
- text-align: center;
54
- top: 0;
55
- transform: rotate(180deg);
56
- transition: transform 300ms ease;
57
- width: 18px;
58
- }
59
- .e-ribbon .e-drop-icon.e-disabled {
60
- cursor: default;
61
- pointer-events: none;
62
- }
63
- .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 {
64
- display: none;
65
- }
66
- .e-ribbon.e-collapsed .e-tab .e-tab-header:not(.e-vertical)::before {
67
- border-width: 0;
68
- }
69
- .e-ribbon.e-collapsed .e-drop-icon {
70
- transform: rotate(0deg);
71
- }
72
- .e-ribbon .e-content .e-toolbar.e-overlay .e-toolbar-items .e-toolbar-item.e-overlay {
73
- opacity: 1;
74
- }
75
- .e-ribbon .e-menu-wrapper {
76
- border-width: 0;
77
- }
78
- .e-ribbon .e-menu-wrapper ul.e-menu {
79
- padding: 0;
80
- }
81
-
82
- .e-bigger .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu,
83
- .e-bigger.e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu {
84
- padding: 0;
85
- }
86
- .e-bigger .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon,
87
- .e-bigger.e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon {
88
- height: 41px;
89
- line-height: 41px;
90
- }
91
- .e-bigger .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret,
92
- .e-bigger.e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret {
93
- line-height: 41px;
94
- }
95
- .e-bigger .e-ribbon .e-drop-icon,
96
- .e-bigger.e-ribbon .e-drop-icon {
97
- font-size: 12px;
98
- margin: 18.5px 5px 19.5px;
99
- }
100
- .e-bigger .e-ribbon .e-tab .e-tab-header,
101
- .e-bigger.e-ribbon .e-tab .e-tab-header {
102
- height: 41px;
103
- min-height: 41px;
104
- }
105
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
106
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
107
- height: 41px;
108
- min-height: 41px;
109
- }
110
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap,
111
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
112
- height: 41px;
113
- }
114
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap,
115
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
116
- height: 41px;
117
- }
118
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-items,
119
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-items {
120
- height: 41px;
121
- min-height: 41px;
122
- }
123
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav,
124
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
125
- height: 41px;
126
- min-height: 41px;
127
- }
128
-
129
- .e-ribbon {
130
- background-color: #f8f9fa;
131
- }
132
- .e-ribbon .e-tab .e-tab-header {
133
- background-color: inherit;
134
- }
135
- .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
136
- background: #eee;
137
- }
138
- .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
139
- .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
140
- color: #0056b3;
141
- }
142
- .e-ribbon .e-drop-icon {
143
- color: #6c757d;
144
- }
145
- .e-ribbon .e-tab .e-content .e-toolbar {
146
- border-bottom-color: transparent;
147
- border-top-color: transparent;
148
- }
149
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active {
150
- background: #fff;
151
- }
152
- .e-ribbon .e-tab .e-content .e-toolbar {
153
- background: #fff;
154
- }
155
- .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 {
156
- background: transparent;
157
- }
158
- .e-ribbon .e-menu-wrapper {
159
- background-color: transparent;
160
- }
161
- .e-ribbon .e-menu-wrapper ul {
162
- background-color: transparent;
163
- }
@@ -1 +0,0 @@
1
- @import 'ej2-spreadsheet/styles/ribbon/bootstrap4.scss';
@@ -1,212 +0,0 @@
1
- .e-ribbon .e-drop-icon::before {
2
- content: "\e729";
3
- }
4
- .e-ribbon .e-menu-wrapper.e-file-menu ul .e-menu-item .e-caret::before {
5
- content: "\e729";
6
- }
7
-
8
- .e-ribbon {
9
- border: 1px solid #444c54;
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-content .e-toolbar .e-toolbar-items {
55
- height: 38px;
56
- }
57
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item {
58
- -webkit-user-select: none;
59
- -ms-user-select: none;
60
- user-select: none;
61
- }
62
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
63
- text-transform: none;
64
- }
65
- .e-ribbon .e-tab.e-sheet-tab .e-tab-header .e-tab-text {
66
- white-space: pre;
67
- }
68
- .e-ribbon .e-drop-icon {
69
- cursor: pointer;
70
- font-family: "e-icons";
71
- margin: 8px 4px;
72
- position: absolute;
73
- right: 0;
74
- text-align: center;
75
- top: 0;
76
- transform: rotate(180deg);
77
- transition: transform 300ms ease;
78
- width: 18px;
79
- font-size: 10px;
80
- }
81
- .e-ribbon .e-drop-icon.e-disabled {
82
- cursor: default;
83
- pointer-events: none;
84
- }
85
- .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 {
86
- display: none;
87
- }
88
- .e-ribbon.e-collapsed .e-drop-icon {
89
- transform: rotate(0deg);
90
- }
91
- .e-ribbon .e-content .e-toolbar.e-overlay .e-toolbar-items .e-toolbar-item.e-overlay {
92
- opacity: 1;
93
- }
94
- .e-ribbon .e-menu-wrapper {
95
- border-width: 0;
96
- }
97
- .e-ribbon .e-menu-wrapper ul.e-menu {
98
- padding: 0;
99
- }
100
- .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon {
101
- height: 35px;
102
- line-height: 35px;
103
- }
104
- .e-ribbon .e-menu-wrapper ul .e-menu-item.e-menu-caret-icon .e-caret {
105
- line-height: 35px;
106
- }
107
-
108
- .e-bigger .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu,
109
- .e-bigger.e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu {
110
- padding: 0;
111
- }
112
- .e-bigger .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon,
113
- .e-bigger.e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon {
114
- height: 41px;
115
- line-height: 41px;
116
- }
117
- .e-bigger .e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret,
118
- .e-bigger.e-ribbon .e-menu-wrapper.e-file-menu ul.e-menu .e-menu-item.e-menu-caret-icon .e-caret {
119
- line-height: 41px;
120
- }
121
- .e-bigger .e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items,
122
- .e-bigger.e-ribbon .e-tab .e-content .e-toolbar .e-toolbar-items {
123
- height: 46px;
124
- }
125
- .e-bigger .e-ribbon .e-drop-icon,
126
- .e-bigger.e-ribbon .e-drop-icon {
127
- font-size: 12px;
128
- margin: 16px 5px;
129
- }
130
- .e-bigger .e-ribbon .e-tab .e-tab-header,
131
- .e-bigger.e-ribbon .e-tab .e-tab-header {
132
- height: 41px;
133
- min-height: 41px;
134
- }
135
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
136
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
137
- height: 41px;
138
- min-height: 41px;
139
- }
140
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap,
141
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
142
- height: 41px;
143
- }
144
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap,
145
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
146
- height: 41px;
147
- }
148
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-items,
149
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-items {
150
- height: 41px;
151
- min-height: 41px;
152
- }
153
- .e-bigger .e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav,
154
- .e-bigger.e-ribbon .e-tab .e-tab-header .e-toolbar-items .e-scroll-nav {
155
- height: 41px;
156
- min-height: 41px;
157
- }
158
-
159
- .e-ribbon {
160
- background-color: #282d31;
161
- }
162
- .e-ribbon .e-tab .e-tab-header {
163
- background-color: inherit;
164
- }
165
- .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus {
166
- background: rgba(52, 58, 64, 0.12);
167
- border: 1px solid #adb5bd;
168
- }
169
- .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon {
170
- color: #adb5bd;
171
- }
172
- .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-icon,
173
- .e-ribbon .e-tab .e-tab-header .e-tab-wrap:focus .e-tab-text {
174
- color: #0a58ca;
175
- }
176
- .e-ribbon .e-drop-icon {
177
- color: #adb5bd;
178
- }
179
- .e-ribbon .e-tab .e-content .e-toolbar {
180
- border-bottom-color: transparent;
181
- border-top-color: transparent;
182
- }
183
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active {
184
- background: #212529;
185
- }
186
- .e-ribbon .e-tab .e-content .e-toolbar {
187
- background: #212529;
188
- }
189
- .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 {
190
- background: transparent;
191
- }
192
- .e-ribbon .e-menu-wrapper {
193
- background-color: transparent;
194
- }
195
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:focus, .e-ribbon .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
196
- border: 1px solid transparent;
197
- }
198
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:focus-visible, .e-ribbon .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus-visible {
199
- border: 1px solid #adb5bd;
200
- }
201
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:focus-visible:hover, .e-ribbon .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus-visible:hover {
202
- border: 1px solid #adb5bd;
203
- }
204
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
205
- border: 1px solid transparent;
206
- }
207
- .e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
208
- border: 1px solid transparent;
209
- }
210
- .e-ribbon .e-tab:not(.e-focused) .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus, .e-ribbon .e-tab:not(.e-focused) > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
211
- border: 1px solid transparent;
212
- }
@@ -1 +0,0 @@
1
- @import 'ej2-spreadsheet/styles/ribbon/bootstrap5-dark.scss';