@syncfusion/ej2-react-layouts 26.1.38 → 26.2.4

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 (111) hide show
  1. package/dist/ej2-react-layouts.min.js +1 -1
  2. package/dist/ej2-react-layouts.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/avatar/bootstrap-dark.css +1 -48
  5. package/styles/avatar/bootstrap.css +1 -48
  6. package/styles/avatar/bootstrap4.css +1 -48
  7. package/styles/avatar/bootstrap5-dark.css +1 -63
  8. package/styles/avatar/bootstrap5.css +1 -63
  9. package/styles/avatar/fabric-dark.css +1 -48
  10. package/styles/avatar/fabric.css +1 -48
  11. package/styles/avatar/fluent-dark.css +1 -61
  12. package/styles/avatar/fluent.css +1 -61
  13. package/styles/avatar/fluent2.css +1 -1097
  14. package/styles/avatar/highcontrast-light.css +1 -48
  15. package/styles/avatar/highcontrast.css +1 -48
  16. package/styles/avatar/material-dark.css +1 -48
  17. package/styles/avatar/material.css +1 -48
  18. package/styles/avatar/material3-dark.css +1 -171
  19. package/styles/avatar/material3.css +1 -283
  20. package/styles/avatar/tailwind-dark.css +1 -61
  21. package/styles/avatar/tailwind.css +1 -61
  22. package/styles/bootstrap-dark.css +1 -1752
  23. package/styles/bootstrap.css +1 -1753
  24. package/styles/bootstrap4.css +1 -1757
  25. package/styles/bootstrap5-dark.css +1 -1770
  26. package/styles/bootstrap5.css +1 -1770
  27. package/styles/card/bootstrap-dark.css +1 -556
  28. package/styles/card/bootstrap.css +1 -557
  29. package/styles/card/bootstrap4.css +1 -563
  30. package/styles/card/bootstrap5-dark.css +1 -556
  31. package/styles/card/bootstrap5.css +1 -556
  32. package/styles/card/fabric-dark.css +1 -556
  33. package/styles/card/fabric.css +1 -567
  34. package/styles/card/fluent-dark.css +1 -579
  35. package/styles/card/fluent.css +1 -579
  36. package/styles/card/fluent2.css +1 -1593
  37. package/styles/card/highcontrast-light.css +1 -556
  38. package/styles/card/highcontrast.css +1 -568
  39. package/styles/card/material-dark.css +1 -556
  40. package/styles/card/material.css +1 -557
  41. package/styles/card/material3-dark.css +1 -667
  42. package/styles/card/material3.css +1 -779
  43. package/styles/card/tailwind-dark.css +1 -557
  44. package/styles/card/tailwind.css +1 -557
  45. package/styles/dashboard-layout/bootstrap-dark.css +1 -295
  46. package/styles/dashboard-layout/bootstrap.css +1 -295
  47. package/styles/dashboard-layout/bootstrap4.css +1 -295
  48. package/styles/dashboard-layout/bootstrap5-dark.css +1 -306
  49. package/styles/dashboard-layout/bootstrap5.css +1 -306
  50. package/styles/dashboard-layout/fabric-dark.css +1 -295
  51. package/styles/dashboard-layout/fabric.css +1 -295
  52. package/styles/dashboard-layout/fluent-dark.css +1 -300
  53. package/styles/dashboard-layout/fluent.css +1 -300
  54. package/styles/dashboard-layout/fluent2.css +1 -1336
  55. package/styles/dashboard-layout/highcontrast-light.css +1 -232
  56. package/styles/dashboard-layout/highcontrast.css +1 -293
  57. package/styles/dashboard-layout/material-dark.css +1 -295
  58. package/styles/dashboard-layout/material.css +1 -295
  59. package/styles/dashboard-layout/material3-dark.css +1 -412
  60. package/styles/dashboard-layout/material3.css +1 -524
  61. package/styles/dashboard-layout/tailwind-dark.css +1 -319
  62. package/styles/dashboard-layout/tailwind.css +1 -319
  63. package/styles/fabric-dark.css +1 -1752
  64. package/styles/fabric.css +1 -1763
  65. package/styles/fluent-dark.css +1 -1785
  66. package/styles/fluent.css +1 -1785
  67. package/styles/fluent2.css +1 -6939
  68. package/styles/highcontrast-light.css +1 -1689
  69. package/styles/highcontrast.css +1 -1762
  70. package/styles/material-dark.css +1 -1750
  71. package/styles/material.css +1 -1752
  72. package/styles/material3-dark.css +1 -2315
  73. package/styles/material3.css +1 -2875
  74. package/styles/splitter/bootstrap-dark.css +1 -552
  75. package/styles/splitter/bootstrap.css +1 -552
  76. package/styles/splitter/bootstrap4.css +1 -550
  77. package/styles/splitter/bootstrap5-dark.css +1 -544
  78. package/styles/splitter/bootstrap5.css +1 -544
  79. package/styles/splitter/fabric-dark.css +1 -552
  80. package/styles/splitter/fabric.css +1 -552
  81. package/styles/splitter/fluent-dark.css +1 -544
  82. package/styles/splitter/fluent.css +1 -544
  83. package/styles/splitter/fluent2.css +1 -1578
  84. package/styles/splitter/highcontrast-light.css +1 -552
  85. package/styles/splitter/highcontrast.css +1 -552
  86. package/styles/splitter/material-dark.css +1 -550
  87. package/styles/splitter/material.css +1 -551
  88. package/styles/splitter/material3-dark.css +1 -654
  89. package/styles/splitter/material3.css +1 -766
  90. package/styles/splitter/tailwind-dark.css +1 -544
  91. package/styles/splitter/tailwind.css +1 -544
  92. package/styles/tailwind-dark.css +1 -1782
  93. package/styles/tailwind.css +1 -1782
  94. package/styles/timeline/bootstrap-dark.css +1 -298
  95. package/styles/timeline/bootstrap.css +1 -298
  96. package/styles/timeline/bootstrap4.css +1 -298
  97. package/styles/timeline/bootstrap5-dark.css +1 -298
  98. package/styles/timeline/bootstrap5.css +1 -298
  99. package/styles/timeline/fabric-dark.css +1 -298
  100. package/styles/timeline/fabric.css +1 -298
  101. package/styles/timeline/fluent-dark.css +1 -298
  102. package/styles/timeline/fluent.css +1 -298
  103. package/styles/timeline/fluent2.css +1 -1332
  104. package/styles/timeline/highcontrast-light.css +1 -298
  105. package/styles/timeline/highcontrast.css +1 -298
  106. package/styles/timeline/material-dark.css +1 -298
  107. package/styles/timeline/material.css +1 -298
  108. package/styles/timeline/material3-dark.css +1 -408
  109. package/styles/timeline/material3.css +1 -520
  110. package/styles/timeline/tailwind-dark.css +1 -298
  111. package/styles/timeline/tailwind.css +1 -298
@@ -1,544 +1 @@
1
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler::before {
2
- content: "\e7e3";
3
- font-family: "e-icons";
4
- font-size: 14px;
5
- }
6
- .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler::before {
7
- content: "\e7fd";
8
- font-family: "e-icons";
9
- font-size: 14px;
10
- }
11
-
12
- .e-bigger .e-splitter .e-split-bar .e-resize-handler::before {
13
- font-size: 16px;
14
- }
15
- .e-bigger.e-splitter .e-split-bar .e-resize-handler::before {
16
- font-size: 16px;
17
- }
18
-
19
- .e-splitter.e-splitter-horizontal, .e-splitter.e-splitter-vertical {
20
- border-width: 1px;
21
- display: -webkit-box;
22
- display: -ms-flexbox;
23
- display: flex;
24
- overflow: hidden;
25
- position: relative;
26
- -ms-touch-action: none;
27
- touch-action: none;
28
- width: 100%;
29
- }
30
- .e-splitter.e-splitter-horizontal .e-pane, .e-splitter.e-splitter-vertical .e-pane {
31
- -webkit-box-flex: 1;
32
- -ms-flex: 1 1 auto;
33
- flex: 1 1 auto;
34
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
35
- font-size: 14px;
36
- font-weight: 400;
37
- }
38
- .e-splitter.e-splitter-horizontal .e-pane.e-scrollable, .e-splitter.e-splitter-vertical .e-pane.e-scrollable {
39
- overflow: auto;
40
- }
41
- .e-splitter.e-splitter-horizontal .e-pane.e-static-pane, .e-splitter.e-splitter-vertical .e-pane.e-static-pane {
42
- -webkit-box-flex: 0;
43
- -ms-flex-positive: 0;
44
- flex-grow: 0;
45
- -ms-flex-negative: 0;
46
- flex-shrink: 0;
47
- }
48
- .e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal {
49
- overflow: auto;
50
- }
51
- .e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
52
- -ms-flex-preferred-size: 0 !important;
53
- flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
54
- overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
55
- }
56
- .e-splitter.e-splitter-horizontal {
57
- -webkit-box-orient: horizontal;
58
- -webkit-box-direction: normal;
59
- -ms-flex-direction: row;
60
- flex-direction: row;
61
- }
62
- .e-splitter.e-splitter-horizontal.e-pane.e-scrollable {
63
- overflow: hidden;
64
- }
65
- .e-splitter.e-splitter-horizontal.e-rtl {
66
- -webkit-box-orient: horizontal;
67
- -webkit-box-direction: reverse;
68
- -ms-flex-direction: row-reverse;
69
- flex-direction: row-reverse;
70
- }
71
- .e-splitter.e-splitter-horizontal.e-rtl .e-split-bar.e-split-bar-horizontal {
72
- -webkit-box-orient: horizontal;
73
- -webkit-box-direction: reverse;
74
- -ms-flex-direction: row-reverse;
75
- flex-direction: row-reverse;
76
- }
77
- .e-splitter.e-splitter-horizontal.e-rtl .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-arrow-right)::before,
78
- .e-splitter.e-splitter-horizontal.e-rtl .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-arrow-right)::after {
79
- right: auto;
80
- }
81
- .e-splitter.e-splitter-vertical {
82
- -webkit-box-orient: vertical;
83
- -webkit-box-direction: normal;
84
- -ms-flex-direction: column;
85
- flex-direction: column;
86
- }
87
- .e-splitter.e-splitter-vertical.e-pane.e-scrollable {
88
- overflow: hidden;
89
- }
90
- .e-splitter.e-splitter-vertical .e-pane-vertical {
91
- overflow: auto;
92
- }
93
- .e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
94
- -ms-flex-preferred-size: 0 !important;
95
- flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
96
- overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
97
- }
98
- .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
99
- .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
100
- right: auto;
101
- }
102
- .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
103
- border-radius: 50%;
104
- bottom: 20px;
105
- right: 22px;
106
- }
107
- .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down {
108
- border-radius: 50%;
109
- left: 22px;
110
- right: auto;
111
- top: 20px;
112
- }
113
- .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
114
- right: auto;
115
- }
116
- .e-splitter .e-split-bar.e-split-bar-horizontal {
117
- -webkit-box-align: center;
118
- -ms-flex-align: center;
119
- align-items: center;
120
- display: -webkit-box;
121
- display: -ms-flexbox;
122
- display: flex;
123
- -webkit-box-flex: 0;
124
- -ms-flex: 0 0 auto;
125
- flex: 0 0 auto;
126
- -webkit-box-pack: center;
127
- -ms-flex-pack: center;
128
- justify-content: center;
129
- min-width: 1px;
130
- z-index: 15;
131
- }
132
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-icon-hidden {
133
- visibility: hidden;
134
- }
135
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-resizable-split-bar {
136
- cursor: col-resize;
137
- }
138
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-resizable-split-bar::after {
139
- content: "";
140
- cursor: col-resize;
141
- display: block;
142
- height: 100%;
143
- position: absolute;
144
- width: 16px;
145
- z-index: 10;
146
- }
147
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
148
- -webkit-box-align: center;
149
- -ms-flex-align: center;
150
- align-items: center;
151
- display: -webkit-box;
152
- display: -ms-flexbox;
153
- display: flex;
154
- height: 18px;
155
- -webkit-box-pack: center;
156
- -ms-flex-pack: center;
157
- justify-content: center;
158
- position: relative;
159
- width: 1px;
160
- }
161
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler.e-hide-handler {
162
- visibility: hidden;
163
- }
164
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-arrow-right)::before,
165
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-arrow-right)::after {
166
- left: 8px;
167
- right: 3px;
168
- }
169
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow {
170
- -o-border-image: none;
171
- border-image: none;
172
- border-width: 1px;
173
- cursor: pointer;
174
- display: -webkit-box;
175
- display: -ms-flexbox;
176
- display: flex;
177
- height: 26px;
178
- padding: 1px 12px;
179
- position: relative;
180
- }
181
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow::before, .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow::after {
182
- border-radius: 16px;
183
- content: "";
184
- height: 8px;
185
- position: absolute;
186
- -webkit-transform: rotate(0deg);
187
- transform: rotate(0deg);
188
- width: 2px;
189
- }
190
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow::before {
191
- top: 5px;
192
- -webkit-transform-origin: 1px 7px 0;
193
- transform-origin: 1px 7px 0;
194
- }
195
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow::after {
196
- top: 11px;
197
- -webkit-transform-origin: 1px 1px 0;
198
- transform-origin: 1px 1px 0;
199
- }
200
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-arrow-right) {
201
- border-radius: 50%;
202
- right: 5px;
203
- }
204
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow.e-arrow-right {
205
- border-radius: 50%;
206
- left: 5px;
207
- }
208
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow.e-arrow-right::before, .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow.e-arrow-right::after {
209
- right: 8px;
210
- }
211
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-last-bar:not(.e-resizable-split-bar) {
212
- margin: 0 3px;
213
- }
214
- .e-splitter .e-split-bar.e-split-bar-horizontal:not(.e-resizable-split-bar) {
215
- margin: 0 0 0 3px;
216
- }
217
- .e-splitter .e-split-bar.e-split-bar-vertical {
218
- -webkit-box-align: center;
219
- -ms-flex-align: center;
220
- align-items: center;
221
- border-left: none;
222
- border-right: none;
223
- display: -webkit-box;
224
- display: -ms-flexbox;
225
- display: flex;
226
- -webkit-box-flex: 0;
227
- -ms-flex: 0 0 auto;
228
- flex: 0 0 auto;
229
- -webkit-box-pack: center;
230
- -ms-flex-pack: center;
231
- justify-content: center;
232
- min-height: 1px;
233
- }
234
- .e-splitter .e-split-bar.e-split-bar-vertical .e-icon-hidden {
235
- visibility: hidden;
236
- }
237
- .e-splitter .e-split-bar.e-split-bar-vertical.e-resizable-split-bar {
238
- cursor: row-resize;
239
- }
240
- .e-splitter .e-split-bar.e-split-bar-vertical.e-resizable-split-bar::after {
241
- content: "";
242
- cursor: row-resize;
243
- display: block;
244
- height: 16px;
245
- position: absolute;
246
- width: 100%;
247
- z-index: 12;
248
- }
249
- .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
250
- -webkit-box-align: center;
251
- -ms-flex-align: center;
252
- align-items: center;
253
- display: -webkit-box;
254
- display: -ms-flexbox;
255
- display: flex;
256
- height: 1px;
257
- -webkit-box-pack: center;
258
- -ms-flex-pack: center;
259
- justify-content: center;
260
- width: 18px;
261
- }
262
- .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler.e-hide-handler {
263
- visibility: hidden;
264
- }
265
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
266
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
267
- left: 10px;
268
- }
269
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow {
270
- -o-border-image: none;
271
- border-image: none;
272
- border-width: 0;
273
- cursor: pointer;
274
- display: -webkit-box;
275
- display: -ms-flexbox;
276
- display: flex;
277
- height: 26px;
278
- padding: 10px 3px 10px 18px;
279
- position: relative;
280
- width: 26px;
281
- }
282
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow::before, .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow::after {
283
- border-radius: 16px;
284
- content: "";
285
- height: 8px;
286
- position: absolute;
287
- -webkit-transform: rotate(90deg);
288
- transform: rotate(90deg);
289
- width: 2px;
290
- }
291
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before {
292
- top: 3px;
293
- -webkit-transform-origin: 2px 7px 0;
294
- transform-origin: 2px 7px 0;
295
- }
296
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
297
- left: 11px;
298
- top: 8px;
299
- -webkit-transform-origin: 1px 1px 0;
300
- transform-origin: 1px 1px 0;
301
- }
302
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::before {
303
- left: 12px;
304
- top: 8px;
305
- -webkit-transform-origin: 1px 6px 0;
306
- transform-origin: 1px 6px 0;
307
- }
308
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
309
- left: 10px;
310
- top: 12px;
311
- -webkit-transform-origin: 1px 2px 0;
312
- transform-origin: 1px 2px 0;
313
- }
314
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
315
- border-radius: 50%;
316
- bottom: 20px;
317
- left: 22px;
318
- }
319
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down {
320
- border-radius: 50%;
321
- right: 22px;
322
- top: 20px;
323
- }
324
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::before, .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
325
- right: 10px;
326
- }
327
- .e-splitter .e-split-bar.e-split-bar-vertical.e-last-bar:not(.e-resizable-split-bar) {
328
- margin: 3px 0;
329
- }
330
- .e-splitter .e-split-bar.e-split-bar-vertical:not(.e-resizable-split-bar) {
331
- margin: 3px 0 0;
332
- }
333
-
334
- .e-bigger.e-splitter .e-pane {
335
- font-size: 16px;
336
- }
337
- .e-bigger.e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
338
- height: 20px;
339
- }
340
- .e-bigger.e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
341
- width: 20px;
342
- }
343
- .e-bigger.e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
344
- .e-bigger.e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
345
- margin-top: -2px;
346
- }
347
- .e-bigger.e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
348
- margin-top: 2px;
349
- }
350
-
351
- .e-rtl .e-splitter.e-splitter-horizontal {
352
- -webkit-box-orient: horizontal;
353
- -webkit-box-direction: reverse;
354
- -ms-flex-direction: row-reverse;
355
- flex-direction: row-reverse;
356
- }
357
-
358
- .e-bigger .e-splitter .e-pane {
359
- font-size: 16px;
360
- }
361
- .e-bigger .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
362
- height: 20px;
363
- }
364
- .e-bigger .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
365
- width: 20px;
366
- }
367
-
368
- .e-content-placeholder.e-splitter.e-placeholder-splitter {
369
- background-size: 100px 110px;
370
- min-height: 110px;
371
- }
372
-
373
- .e-bigger .e-content-placeholder.e-splitter.e-placeholder-splitter,
374
- .e-bigger.e-content-placeholder.e-splitter.e-placeholder-splitter {
375
- background-size: 100px 110px;
376
- min-height: 110px;
377
- }
378
-
379
- .e-splitter.e-ie .e-navigate-arrow.e-arrow-left {
380
- margin-left: -26px;
381
- }
382
-
383
- .e-splitter.e-ie .e-split-bar-horizontal .e-resize-handler {
384
- -webkit-box-orient: vertical;
385
- -webkit-box-direction: normal;
386
- -ms-flex-direction: column;
387
- flex-direction: column;
388
- }
389
-
390
- .e-splitter.e-splitter-horizontal, .e-splitter.e-splitter-vertical {
391
- border: solid 1px #dee2e6;
392
- }
393
- .e-splitter.e-splitter-horizontal .e-pane, .e-splitter.e-splitter-vertical .e-pane {
394
- color: #212529;
395
- }
396
- .e-splitter.e-splitter-horizontal .e-pane.e-splitter.e-splitter-horizontal, .e-splitter.e-splitter-horizontal .e-pane.e-splitter.e-splitter-vertical, .e-splitter.e-splitter-vertical .e-pane.e-splitter.e-splitter-horizontal, .e-splitter.e-splitter-vertical .e-pane.e-splitter.e-splitter-vertical {
397
- border: transparent;
398
- }
399
- .e-splitter .e-split-bar.e-split-bar-horizontal {
400
- background: #dee2e6;
401
- border-left: none;
402
- border-right: none;
403
- }
404
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
405
- background: #fff;
406
- color: #6c757d;
407
- z-index: 10;
408
- }
409
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
410
- background-color: transparent;
411
- border-color: transparent;
412
- color: transparent;
413
- -webkit-transition: background-color 500ms ease-out;
414
- transition: background-color 500ms ease-out;
415
- }
416
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden)::before, .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden)::after {
417
- background-color: #0d6efd;
418
- opacity: 0;
419
- -webkit-transition-duration: 0.3s;
420
- transition-duration: 0.3s;
421
- -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
422
- transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
423
- }
424
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
425
- background: #0d6efd;
426
- border-left: none;
427
- border-right: none;
428
- }
429
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-resize-handler, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler {
430
- background: #fff;
431
- color: #0d6efd;
432
- }
433
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-left, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-right, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-left, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-right {
434
- background-color: transparent;
435
- border-color: #0d6efd;
436
- border-width: 1px;
437
- opacity: 0.9;
438
- }
439
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover.e-split-bar-hover .e-navigate-arrow::before, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover.e-split-bar-active .e-navigate-arrow::before, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active.e-split-bar-hover .e-navigate-arrow::before, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active.e-split-bar-active .e-navigate-arrow::before {
440
- background-color: #0d6efd;
441
- opacity: 1;
442
- -webkit-transform: rotate(40deg);
443
- transform: rotate(40deg);
444
- }
445
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover.e-split-bar-hover .e-navigate-arrow::after, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover.e-split-bar-active .e-navigate-arrow::after, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active.e-split-bar-hover .e-navigate-arrow::after, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active.e-split-bar-active .e-navigate-arrow::after {
446
- background-color: #0d6efd;
447
- opacity: 1;
448
- -webkit-transform: rotate(-40deg);
449
- transform: rotate(-40deg);
450
- }
451
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-right::before, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-right::before {
452
- background-color: #0d6efd;
453
- opacity: 1;
454
- -webkit-transform: rotate(-40deg);
455
- transform: rotate(-40deg);
456
- }
457
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-right::after, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-right::after {
458
- background-color: #0d6efd;
459
- opacity: 1;
460
- -webkit-transform: rotate(40deg);
461
- transform: rotate(40deg);
462
- }
463
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
464
- background: #0d6efd;
465
- }
466
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler {
467
- background: #fff;
468
- color: #0d6efd;
469
- }
470
- .e-splitter .e-split-bar.e-split-bar-vertical {
471
- background: #dee2e6;
472
- }
473
- .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
474
- background: #fff;
475
- color: #6c757d;
476
- z-index: 12;
477
- }
478
- .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active {
479
- background: #0d6efd;
480
- border-left: none;
481
- border-right: none;
482
- }
483
- .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down {
484
- background-color: transparent;
485
- border-color: #0d6efd;
486
- border-width: 1px;
487
- opacity: 0.9;
488
- }
489
- .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-resize-handler, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-resize-handler {
490
- background: #fff;
491
- color: #0d6efd;
492
- }
493
- .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up::before, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up::before {
494
- background-color: #0d6efd;
495
- opacity: 1;
496
- -webkit-transform: rotate(125deg);
497
- transform: rotate(125deg);
498
- }
499
- .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up::after, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up::after {
500
- background-color: #0d6efd;
501
- opacity: 1;
502
- -webkit-transform: rotate(50deg);
503
- transform: rotate(50deg);
504
- }
505
- .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down::before, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down::before {
506
- background-color: #0d6efd;
507
- opacity: 1;
508
- -webkit-transform: rotate(55deg);
509
- transform: rotate(55deg);
510
- }
511
- .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down::after, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down::after {
512
- background-color: #0d6efd;
513
- opacity: 1;
514
- -webkit-transform: rotate(125deg);
515
- transform: rotate(125deg);
516
- }
517
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow {
518
- background-color: transparent;
519
- border-color: transparent;
520
- color: transparent;
521
- -webkit-transition: background-color 300ms ease-out;
522
- transition: background-color 300ms ease-out;
523
- }
524
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow::before, .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow::after {
525
- background-color: #0d6efd;
526
- opacity: 0;
527
- -webkit-transition-duration: 0.3s;
528
- transition-duration: 0.3s;
529
- -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
530
- transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
531
- }
532
- .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active {
533
- background: #0d6efd;
534
- }
535
- .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-resize-handler {
536
- background: #fff;
537
- color: #0d6efd;
538
- }
539
- .e-splitter.e-disabled {
540
- opacity: 0.4;
541
- pointer-events: none;
542
- }
543
-
544
- /* stylelint-disable-line no-empty-source */
1
+ @import '@syncfusion/ej2-layouts/styles/splitter/bootstrap5.css';