@syncfusion/ej2-vue-layouts 26.1.38 → 26.2.5

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