browser: accessibility: fix incorrect semantic use of a <table> tag

browser/.eslintrc

@@ -28,7 +28,7 @@
     "browser": true
   },
   "parserOptions": {
-    "ecmaVersion": 2017
+    "ecmaVersion": 2022
   },
   "overrides": [
     {

browser/css/jsdialogs.css

@@ -365,6 +365,7 @@ td.jsdialog > [id^='table-box']:not(.sidebar) {
 
 .ui-expander-label::before,
 .ui-treeview-expandable.collapsed > .ui-treeview-expander::before,
+.ui-treeview tr[aria-expanded='false'] > td:first-child::before,
 .ui-treeview tr[aria-expanded='false'] > td > .ui-treeview-expander::before {
 	display: inline-block;
 	content: 'V';
@@ -376,6 +377,7 @@ td.jsdialog > [id^='table-box']:not(.sidebar) {
 
 .ui-expander-label.expanded::before,
 .ui-treeview-expandable:not(.collapsed) > .ui-treeview-expander::before,
+.ui-treeview tr[aria-expanded='true'] > td:first-child::before,
 .ui-treeview tr[aria-expanded='true'] > td > .ui-treeview-expander::before  {
 	content: 'V';
 	color: transparent;
@@ -392,6 +394,7 @@ td.jsdialog > [id^='table-box']:not(.sidebar) {
 }
 
 .ui-treeview-expandable > .ui-treeview-expander::before,
+.ui-treeview tr[aria-expanded] > td:first-child::before,
 .ui-treeview tr[aria-expanded] > td > .ui-treeview-expander::before {
 	margin-inline-end: 7px !important;
 	display: inline-block;

browser/package.json

@@ -11,14 +11,14 @@
     "@types/node": "14.14.25",
     "@types/offscreencanvas": "^2019.7.3",
     "@types/w2ui": "^1.4.37",
-    "@typescript-eslint/eslint-plugin": "^4.21.0",
-    "@typescript-eslint/parser": "^4.21.0",
+    "@typescript-eslint/eslint-plugin": "^5.0.0",
+    "@typescript-eslint/parser": "^5.0.0",
     "autolinker": "3.14.1",
     "browserify": "16.5.1",
     "browserify-css": "0.15.0",
     "canvas": "^2.6.1",
     "d3": "6.7.0",
-    "eslint": "7.0.0",
+    "eslint": "8.0.0",
     "eslint-config-prettier": "^9.1.0",
     "fzstd": "0.1.0",
     "hammerjs": "2.0.8",