@syncfusion/ej2-vue-layouts 25.2.3 → 26.1.38

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