@syncfusion/ej2-vue-layouts 22.1.34 → 22.1.37

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-layouts@*",
-  "_id": "@syncfusion/ej2-vue-layouts@21.3.0",
+  "_id": "@syncfusion/ej2-vue-layouts@22.1.36",
   "_inBundle": false,
-  "_integrity": "sha512-fj2tkSjbCoDuGXFw6Rwf3E1kMvVC2ttOoQ07kzc8J0ezA5oq/qVlSQmnbNDN87/Gu3/AN42nIYNOfTT92tqsOA==",
+  "_integrity": "sha512-WghBRE0LgXfM8ebFL+UgXuybAyMYS3TzD8lBHl210hdjqKx/Kur/CyR7E+k8kPl3Ed9ZOm3M+/vLJNjzSieAyg==",
   "_location": "/@syncfusion/ej2-vue-layouts",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-vue-layouts/-/ej2-vue-layouts-21.3.0.tgz",
-  "_shasum": "61d7685fda2613cc15ca51792d5a5d7d8127f7b3",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-layouts/-/ej2-vue-layouts-22.1.36.tgz",
+  "_shasum": "a5972c2b47ead995c945a9822a6ecfd4ea6a9bc5",
   "_spec": "@syncfusion/ej2-vue-layouts@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -32,7 +32,7 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~22.1.34",
-    "@syncfusion/ej2-layouts": "22.1.34",
+    "@syncfusion/ej2-layouts": "22.1.37",
     "@syncfusion/ej2-vue-base": "~22.1.34"
   },
   "deprecated": false,
@@ -60,6 +60,6 @@
     "ci-publish": "gulp ci-publish",
     "compile": "gulp ci-compile && gulp vue-global-script"
   },
-  "version": "22.1.34",
+  "version": "22.1.37",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -930,6 +930,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #1a1a1a;
   color: #f0f0f0;
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -991,6 +992,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #1a1a1a;
   color: #f0f0f0;
+  z-index: 12;
 }
 .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 {
   background: #0070f0;

package/styles/bootstrap.css

@@ -931,6 +931,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #fff;
   color: #333;
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -992,6 +993,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #fff;
   color: #333;
+  z-index: 12;
 }
 .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 {
   background: #317ab9;

package/styles/bootstrap4.css

@@ -936,6 +936,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #fff;
   color: #495057;
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -997,6 +998,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #fff;
   color: #495057;
+  z-index: 12;
 }
 .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 {
   background: #007bff;

package/styles/bootstrap5-dark.css

@@ -938,6 +938,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #212529;
   color: #adb5bd;
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -999,6 +1000,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #212529;
   color: #adb5bd;
+  z-index: 12;
 }
 .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 {
   background: #0d6efd;

package/styles/bootstrap5.css

@@ -938,6 +938,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #fff;
   color: #6c757d;
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -999,6 +1000,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #fff;
   color: #6c757d;
+  z-index: 12;
 }
 .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 {
   background: #0d6efd;

package/styles/fabric-dark.css

@@ -930,6 +930,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #201f1f;
   color: #dadada;
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -991,6 +992,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #201f1f;
   color: #dadada;
+  z-index: 12;
 }
 .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 {
   background: #38a9ff;

package/styles/fabric.css

@@ -941,6 +941,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #fff;
   color: #333;
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -1002,6 +1003,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #fff;
   color: #333;
+  z-index: 12;
 }
 .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 {
   background: #0078d6;

package/styles/fluent-dark.css

@@ -957,6 +957,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #1b1a19;
   color: #a19f9d;
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -1018,6 +1019,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #1b1a19;
   color: #a19f9d;
+  z-index: 12;
 }
 .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 {
   background: #0078d4;

package/styles/fluent.css

@@ -957,6 +957,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #fff;
   color: #605e5c;
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -1018,6 +1019,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #fff;
   color: #605e5c;
+  z-index: 12;
 }
 .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 {
   background: #0078d4;

package/styles/highcontrast-light.css

@@ -930,6 +930,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #fff;
   color: #000;
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -991,6 +992,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #fff;
   color: #000;
+  z-index: 12;
 }
 .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 {
   background: #400074;

package/styles/highcontrast.css

@@ -942,6 +942,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #000;
   color: #fff;
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -1003,6 +1004,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #000;
   color: #fff;
+  z-index: 12;
 }
 .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 {
   background: #ffd939;

package/styles/material-dark.css

@@ -930,6 +930,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #303030;
   color: rgba(255, 255, 255, 0.7);
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -991,6 +992,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #303030;
   color: rgba(255, 255, 255, 0.7);
+  z-index: 12;
 }
 .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 {
   background: #00b0ff;

package/styles/material.css

@@ -931,6 +931,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #fff;
   color: rgba(0, 0, 0, 0.54);
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -992,6 +993,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #fff;
   color: rgba(0, 0, 0, 0.54);
+  z-index: 12;
 }
 .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 {
   background: #e3165b;

package/styles/material3-dark.css

@@ -1103,6 +1103,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface-variant));
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -1164,6 +1165,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface-variant));
+  z-index: 12;
 }
 .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 {
   background: rgba(var(--color-sf-primary));

package/styles/material3.css

@@ -1268,6 +1268,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface-variant));
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -1329,6 +1330,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface-variant));
+  z-index: 12;
 }
 .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 {
   background: rgba(var(--color-sf-primary));

package/styles/splitter/bootstrap-dark.css

@@ -370,6 +370,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #1a1a1a;
   color: #f0f0f0;
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -431,6 +432,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #1a1a1a;
   color: #f0f0f0;
+  z-index: 12;
 }
 .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 {
   background: #0070f0;

package/styles/splitter/bootstrap.css

@@ -370,6 +370,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #fff;
   color: #333;
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -431,6 +432,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #fff;
   color: #333;
+  z-index: 12;
 }
 .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 {
   background: #317ab9;

package/styles/splitter/bootstrap4.css

@@ -369,6 +369,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #fff;
   color: #495057;
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -430,6 +431,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #fff;
   color: #495057;
+  z-index: 12;
 }
 .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 {
   background: #007bff;

package/styles/splitter/bootstrap5-dark.css

@@ -363,6 +363,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #212529;
   color: #adb5bd;
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -424,6 +425,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #212529;
   color: #adb5bd;
+  z-index: 12;
 }
 .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 {
   background: #0d6efd;

package/styles/splitter/bootstrap5.css

@@ -363,6 +363,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #fff;
   color: #6c757d;
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -424,6 +425,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #fff;
   color: #6c757d;
+  z-index: 12;
 }
 .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 {
   background: #0d6efd;

package/styles/splitter/fabric-dark.css

@@ -370,6 +370,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #201f1f;
   color: #dadada;
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -431,6 +432,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #201f1f;
   color: #dadada;
+  z-index: 12;
 }
 .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 {
   background: #38a9ff;

package/styles/splitter/fabric.css

@@ -370,6 +370,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #fff;
   color: #333;
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -431,6 +432,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #fff;
   color: #333;
+  z-index: 12;
 }
 .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 {
   background: #0078d6;

package/styles/splitter/fluent-dark.css

@@ -363,6 +363,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #1b1a19;
   color: #a19f9d;
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -424,6 +425,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #1b1a19;
   color: #a19f9d;
+  z-index: 12;
 }
 .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 {
   background: #0078d4;

package/styles/splitter/fluent.css

@@ -363,6 +363,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #fff;
   color: #605e5c;
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -424,6 +425,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #fff;
   color: #605e5c;
+  z-index: 12;
 }
 .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 {
   background: #0078d4;

package/styles/splitter/highcontrast-light.css

@@ -370,6 +370,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #fff;
   color: #000;
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -431,6 +432,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #fff;
   color: #000;
+  z-index: 12;
 }
 .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 {
   background: #400074;

package/styles/splitter/highcontrast.css

@@ -370,6 +370,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #000;
   color: #fff;
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -431,6 +432,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #000;
   color: #fff;
+  z-index: 12;
 }
 .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 {
   background: #ffd939;

package/styles/splitter/material-dark.css

@@ -370,6 +370,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #303030;
   color: rgba(255, 255, 255, 0.7);
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -431,6 +432,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #303030;
   color: rgba(255, 255, 255, 0.7);
+  z-index: 12;
 }
 .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 {
   background: #00b0ff;

package/styles/splitter/material.css

@@ -371,6 +371,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #fff;
   color: rgba(0, 0, 0, 0.54);
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -432,6 +433,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #fff;
   color: rgba(0, 0, 0, 0.54);
+  z-index: 12;
 }
 .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 {
   background: #e3165b;

package/styles/splitter/material3-dark.css

@@ -419,6 +419,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface-variant));
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -480,6 +481,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface-variant));
+  z-index: 12;
 }
 .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 {
   background: rgba(var(--color-sf-primary));

package/styles/splitter/material3.css

@@ -475,6 +475,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface-variant));
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -536,6 +537,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface-variant));
+  z-index: 12;
 }
 .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 {
   background: rgba(var(--color-sf-primary));

package/styles/splitter/tailwind-dark.css

@@ -364,6 +364,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #1f2937;
   color: #d1d5db;
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -425,6 +426,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #1f2937;
   color: #d1d5db;
+  z-index: 12;
 }
 .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 {
   background: #22d3ee;

package/styles/splitter/tailwind.css

@@ -364,6 +364,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #fff;
   color: #6b7280;
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -425,6 +426,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #fff;
   color: #6b7280;
+  z-index: 12;
 }
 .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 {
   background: #4f46e5;

package/styles/tailwind-dark.css

@@ -941,6 +941,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #1f2937;
   color: #d1d5db;
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -1002,6 +1003,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #1f2937;
   color: #d1d5db;
+  z-index: 12;
 }
 .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 {
   background: #22d3ee;

package/styles/tailwind.css

@@ -941,6 +941,7 @@
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
   background: #fff;
   color: #6b7280;
+  z-index: 10;
 }
 .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
   background-color: transparent;
@@ -1002,6 +1003,7 @@
 .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
   background: #fff;
   color: #6b7280;
+  z-index: 12;
 }
 .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 {
   background: #4f46e5;