@syncfusion/ej2-vue-layouts 21.2.9 → 22.1.36

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 (64) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/ej2-vue-layouts.umd.min.js +2 -2
  3. package/dist/ej2-vue-layouts.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-layouts.es2015.js +2 -2
  5. package/dist/es6/ej2-vue-layouts.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-layouts.es5.js +2 -2
  7. package/dist/es6/ej2-vue-layouts.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-layouts.min.js +2 -2
  9. package/package.json +8 -8
  10. package/src/dashboard-layout/dashboardlayout.component.js +1 -1
  11. package/src/splitter/splitter.component.js +1 -1
  12. package/styles/avatar/material3-dark.css +114 -0
  13. package/styles/avatar/material3-dark.scss +2 -0
  14. package/styles/avatar/material3.css +170 -0
  15. package/styles/avatar/material3.scss +2 -0
  16. package/styles/bootstrap-dark.css +2 -0
  17. package/styles/bootstrap.css +2 -0
  18. package/styles/bootstrap4.css +5 -2
  19. package/styles/bootstrap5-dark.css +2 -0
  20. package/styles/bootstrap5.css +2 -0
  21. package/styles/card/bootstrap4.css +3 -2
  22. package/styles/card/fabric.css +1 -1
  23. package/styles/card/highcontrast.css +1 -1
  24. package/styles/card/material3-dark.css +567 -0
  25. package/styles/card/material3-dark.scss +2 -0
  26. package/styles/card/material3.css +623 -0
  27. package/styles/card/material3.scss +2 -0
  28. package/styles/dashboard-layout/material3-dark.css +357 -0
  29. package/styles/dashboard-layout/material3-dark.scss +2 -0
  30. package/styles/dashboard-layout/material3.css +413 -0
  31. package/styles/dashboard-layout/material3.scss +2 -0
  32. package/styles/fabric-dark.css +2 -0
  33. package/styles/fabric.css +3 -1
  34. package/styles/fluent-dark.css +2 -0
  35. package/styles/fluent.css +2 -0
  36. package/styles/highcontrast-light.css +2 -0
  37. package/styles/highcontrast.css +3 -1
  38. package/styles/material-dark.css +2 -0
  39. package/styles/material.css +2 -0
  40. package/styles/material3-dark.css +1585 -0
  41. package/styles/material3-dark.scss +5 -0
  42. package/styles/material3.css +1806 -0
  43. package/styles/material3.scss +5 -0
  44. package/styles/splitter/bootstrap-dark.css +2 -0
  45. package/styles/splitter/bootstrap.css +2 -0
  46. package/styles/splitter/bootstrap4.css +2 -0
  47. package/styles/splitter/bootstrap5-dark.css +2 -0
  48. package/styles/splitter/bootstrap5.css +2 -0
  49. package/styles/splitter/fabric-dark.css +2 -0
  50. package/styles/splitter/fabric.css +2 -0
  51. package/styles/splitter/fluent-dark.css +2 -0
  52. package/styles/splitter/fluent.css +2 -0
  53. package/styles/splitter/highcontrast-light.css +2 -0
  54. package/styles/splitter/highcontrast.css +2 -0
  55. package/styles/splitter/material-dark.css +2 -0
  56. package/styles/splitter/material.css +2 -0
  57. package/styles/splitter/material3-dark.css +545 -0
  58. package/styles/splitter/material3-dark.scss +2 -0
  59. package/styles/splitter/material3.css +601 -0
  60. package/styles/splitter/material3.scss +2 -0
  61. package/styles/splitter/tailwind-dark.css +2 -0
  62. package/styles/splitter/tailwind.css +2 -0
  63. package/styles/tailwind-dark.css +2 -0
  64. package/styles/tailwind.css +2 -0
package/styles/material3.scss ADDED
@@ -0,0 +1,5 @@
1
+
2
+ @import 'avatar/material3.scss';
3
+ @import 'card/material3.scss';
4
+ @import 'splitter/material3.scss';
5
+ @import 'dashboard-layout/material3.scss';
package/styles/splitter/bootstrap-dark.css CHANGED
@@ -370,6 +370,7 @@
370
370
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
371
371
  background: #1a1a1a;
372
372
  color: #f0f0f0;
373
+ z-index: 10;
373
374
  }
374
375
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
375
376
  background-color: transparent;
@@ -431,6 +432,7 @@
431
432
  .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
432
433
  background: #1a1a1a;
433
434
  color: #f0f0f0;
435
+ z-index: 12;
434
436
  }
435
437
  .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 {
436
438
  background: #0070f0;
package/styles/splitter/bootstrap.css CHANGED
@@ -370,6 +370,7 @@
370
370
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
371
371
  background: #fff;
372
372
  color: #333;
373
+ z-index: 10;
373
374
  }
374
375
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
375
376
  background-color: transparent;
@@ -431,6 +432,7 @@
431
432
  .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
432
433
  background: #fff;
433
434
  color: #333;
435
+ z-index: 12;
434
436
  }
435
437
  .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 {
436
438
  background: #317ab9;
package/styles/splitter/bootstrap4.css CHANGED
@@ -369,6 +369,7 @@
369
369
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
370
370
  background: #fff;
371
371
  color: #495057;
372
+ z-index: 10;
372
373
  }
373
374
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
374
375
  background-color: transparent;
@@ -430,6 +431,7 @@
430
431
  .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
431
432
  background: #fff;
432
433
  color: #495057;
434
+ z-index: 12;
433
435
  }
434
436
  .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 {
435
437
  background: #007bff;
package/styles/splitter/bootstrap5-dark.css CHANGED
@@ -363,6 +363,7 @@
363
363
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
364
364
  background: #212529;
365
365
  color: #adb5bd;
366
+ z-index: 10;
366
367
  }
367
368
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
368
369
  background-color: transparent;
@@ -424,6 +425,7 @@
424
425
  .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
425
426
  background: #212529;
426
427
  color: #adb5bd;
428
+ z-index: 12;
427
429
  }
428
430
  .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 {
429
431
  background: #0d6efd;
package/styles/splitter/bootstrap5.css CHANGED
@@ -363,6 +363,7 @@
363
363
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
364
364
  background: #fff;
365
365
  color: #6c757d;
366
+ z-index: 10;
366
367
  }
367
368
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
368
369
  background-color: transparent;
@@ -424,6 +425,7 @@
424
425
  .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
425
426
  background: #fff;
426
427
  color: #6c757d;
428
+ z-index: 12;
427
429
  }
428
430
  .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 {
429
431
  background: #0d6efd;
package/styles/splitter/fabric-dark.css CHANGED
@@ -370,6 +370,7 @@
370
370
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
371
371
  background: #201f1f;
372
372
  color: #dadada;
373
+ z-index: 10;
373
374
  }
374
375
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
375
376
  background-color: transparent;
@@ -431,6 +432,7 @@
431
432
  .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
432
433
  background: #201f1f;
433
434
  color: #dadada;
435
+ z-index: 12;
434
436
  }
435
437
  .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 {
436
438
  background: #38a9ff;
package/styles/splitter/fabric.css CHANGED
@@ -370,6 +370,7 @@
370
370
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
371
371
  background: #fff;
372
372
  color: #333;
373
+ z-index: 10;
373
374
  }
374
375
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
375
376
  background-color: transparent;
@@ -431,6 +432,7 @@
431
432
  .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
432
433
  background: #fff;
433
434
  color: #333;
435
+ z-index: 12;
434
436
  }
435
437
  .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 {
436
438
  background: #0078d6;
package/styles/splitter/fluent-dark.css CHANGED
@@ -363,6 +363,7 @@
363
363
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
364
364
  background: #1b1a19;
365
365
  color: #a19f9d;
366
+ z-index: 10;
366
367
  }
367
368
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
368
369
  background-color: transparent;
@@ -424,6 +425,7 @@
424
425
  .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
425
426
  background: #1b1a19;
426
427
  color: #a19f9d;
428
+ z-index: 12;
427
429
  }
428
430
  .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 {
429
431
  background: #0078d4;
package/styles/splitter/fluent.css CHANGED
@@ -363,6 +363,7 @@
363
363
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
364
364
  background: #fff;
365
365
  color: #605e5c;
366
+ z-index: 10;
366
367
  }
367
368
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
368
369
  background-color: transparent;
@@ -424,6 +425,7 @@
424
425
  .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
425
426
  background: #fff;
426
427
  color: #605e5c;
428
+ z-index: 12;
427
429
  }
428
430
  .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 {
429
431
  background: #0078d4;
package/styles/splitter/highcontrast-light.css CHANGED
@@ -370,6 +370,7 @@
370
370
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
371
371
  background: #fff;
372
372
  color: #000;
373
+ z-index: 10;
373
374
  }
374
375
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
375
376
  background-color: transparent;
@@ -431,6 +432,7 @@
431
432
  .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
432
433
  background: #fff;
433
434
  color: #000;
435
+ z-index: 12;
434
436
  }
435
437
  .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 {
436
438
  background: #400074;
package/styles/splitter/highcontrast.css CHANGED
@@ -370,6 +370,7 @@
370
370
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
371
371
  background: #000;
372
372
  color: #fff;
373
+ z-index: 10;
373
374
  }
374
375
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
375
376
  background-color: transparent;
@@ -431,6 +432,7 @@
431
432
  .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
432
433
  background: #000;
433
434
  color: #fff;
435
+ z-index: 12;
434
436
  }
435
437
  .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 {
436
438
  background: #ffd939;
package/styles/splitter/material-dark.css CHANGED
@@ -370,6 +370,7 @@
370
370
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
371
371
  background: #303030;
372
372
  color: rgba(255, 255, 255, 0.7);
373
+ z-index: 10;
373
374
  }
374
375
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
375
376
  background-color: transparent;
@@ -431,6 +432,7 @@
431
432
  .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
432
433
  background: #303030;
433
434
  color: rgba(255, 255, 255, 0.7);
435
+ z-index: 12;
434
436
  }
435
437
  .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 {
436
438
  background: #00b0ff;
package/styles/splitter/material.css CHANGED
@@ -371,6 +371,7 @@
371
371
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
372
372
  background: #fff;
373
373
  color: rgba(0, 0, 0, 0.54);
374
+ z-index: 10;
374
375
  }
375
376
  .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
376
377
  background-color: transparent;
@@ -432,6 +433,7 @@
432
433
  .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
433
434
  background: #fff;
434
435
  color: rgba(0, 0, 0, 0.54);
436
+ z-index: 12;
435
437
  }
436
438
  .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 {
437
439
  background: #e3165b;