dependencies update && div separator improved

CHANGELOG.md

@@ -2,6 +2,15 @@
 
 [Semantic Versioning](https://semver.org/)
 
+## [4.0.10] - 2024-03-06
+### Improvement
+- div delimiter increased width && transparent
+
+### Dependency update
+- rcsb-saguaro-app v6.0.13
+- rcsb-saguaro v3.0.7
+- Multiple dependencies have been updated
+
 ## [4.0.9] - 2024-01-10
 ### Configuration
 - Updated group views help link
@@ -9,6 +18,7 @@
 ## [4.0.8] - 2024-01-10
 ### Configuration
 - Updated assembly view help link
+
 ### Dependency update
 - rcsb-saguaro-app v6.0.9
 - dependencies audit fix

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rcsb/rcsb-saguaro-3d",
-  "version": "4.0.9",
+  "version": "4.0.10",
   "description": "RCSB Molstar/Saguaro Web App",
   "main": "build/dist/app.js",
   "files": [
@@ -45,53 +45,53 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@babel/core": "^7.23.3",
+    "@babel/core": "^7.24.0",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/preset-env": "^7.23.3",
+    "@babel/preset-env": "^7.24.0",
     "@svgr/webpack": "^8.1.0",
     "@types/d3-selection": "^3.0.10",
     "@types/d3-zoom": "^3.0.8",
-    "@types/lodash": "^4.14.201",
-    "@types/react": "^18.2.37",
-    "@types/react-dom": "^18.2.15",
+    "@types/lodash": "^4.14.202",
+    "@types/react": "^18.2.64",
+    "@types/react-dom": "^18.2.21",
     "@types/uniqid": "^5.3.4",
     "babel-loader": "^9.1.3",
     "boxicons": "^2.1.4",
     "buffer": "^6.0.3",
     "crypto-browserify": "^3.12.0",
-    "css-loader": "^6.8.1",
+    "css-loader": "^6.10.0",
     "del-cli": "^5.1.0",
     "file-loader": "^6.2.0",
-    "html-webpack-plugin": "^5.5.3",
+    "html-webpack-plugin": "^5.6.0",
     "lodash": "^4.17.21",
-    "mini-css-extract-plugin": "^2.7.6",
+    "mini-css-extract-plugin": "^2.8.1",
     "ncp": "^2.0.0",
     "path-browserify": "^1.0.1",
     "raw-loader": "^4.0.2",
-    "sass": "^1.69.5",
-    "sass-loader": "^13.3.2",
+    "sass": "^1.71.1",
+    "sass-loader": "^14.1.1",
     "stream-browserify": "^3.0.0",
-    "style-loader": "^3.3.3",
-    "ts-loader": "^9.5.0",
+    "style-loader": "^3.3.4",
+    "ts-loader": "^9.5.1",
     "tslib": "^2.6.2",
-    "typedoc": "^0.25.3",
-    "typedoc-plugin-missing-exports": "^2.1.0",
+    "typedoc": "^0.25.11",
+    "typedoc-plugin-missing-exports": "^2.2.0",
     "typedoc-theme-hierarchy": "^4.1.2",
-    "typescript": "^5.2.2",
+    "typescript": "^5.3.3",
     "uniqid": "^5.4.0",
-    "webpack": "^5.89.0",
+    "webpack": "^5.90.3",
     "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^4.15.1"
+    "webpack-dev-server": "^5.0.2"
   },
   "dependencies": {
     "rxjs": "^7.5.6"
   },
   "peerDependencies": {
-    "@rcsb/rcsb-api-tools": "^4.1.13",
-    "@rcsb/rcsb-molstar": "^2.8.0",
-    "@rcsb/rcsb-saguaro": "^3.0.7",
-    "@rcsb/rcsb-saguaro-app": "^6.0.9",
-    "molstar": "^3.40.1",
+    "@rcsb/rcsb-api-tools": "^4.1.14",
+    "@rcsb/rcsb-molstar": "^2.9.3",
+    "@rcsb/rcsb-saguaro": "^3.0.8",
+    "@rcsb/rcsb-saguaro-app": "^6.0.13",
+    "molstar": "^4.0.1",
     "react": "^18.1.0",
     "react-dom": "^18.1.0"
   },

src/scss/RcsbFvStyle.module.scss

@@ -36,9 +36,10 @@
 
 .rcsbFvSplitPanel{
   height:100%;
-  border-left: 1px solid #b5cbe2;
+  border-left: 3px solid #b5cbe2;
   position: absolute;
   cursor: ew-resize;
+  opacity: 0;
 }
 
 .rcsbFvSubtitle {