Merge branch 'master' into akb-keyboard

.eslintrc.json

@@ -3,16 +3,16 @@
 	"extends": [
 		"wikimedia/client",
 		"wikimedia/jquery",
-		"wikimedia/jsduck"
+		"wikimedia/jsdoc"
 	],
 	"globals": {
 		"jQuery": "readonly",
 		"$": "off"
 	},
 	"rules": {
 		"camelcase": [ "error", { "allow": [ "patterns_x", "patterns_shift" ] } ],
-		"comma-spacing": "off",
 		"indent": "off",
-		"max-len": "off"
+		"max-len": "off",
+		"no-var": "off"
 	}
 }

.github/workflows/node.js.yml

@@ -16,7 +16,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [12.x, 14.x, 16.x, 17.x]
+        node-version: [16.x, 17.x, 18.x]
 
     steps:
     - uses: actions/checkout@v2

.gitignore

@@ -6,4 +6,3 @@
 node_modules/
 dist/
 .eslintcache
-rules/jv/jv-transliteration - Copy.js

css/jquery.ime.css

@@ -1,13 +1,10 @@
 .imeselector {
 	position: absolute;
 	/* @embed */
-	background: url( ../images/ime-active.png ) no-repeat left center;
-	/* @embed */
-	background-image: -webkit-linear-gradient( transparent, transparent ), url( ../images/ime-active.svg );
-	/* @embed */
-	background-image: linear-gradient( transparent, transparent ), url( ../images/ime-active.svg );
+	background-image: url( ../images/ime-active.svg );
 	background-color: rgba( 255, 255, 255, 0.75 );
 	background-position: left 3px center;
+	background-repeat: no-repeat;
 	min-height: 15px;
 	font-size: small;
 	padding: 2px 2px 1px 20px;
@@ -85,8 +82,6 @@ span.ime-disable-shortcut {
 
 .imeselector-menu {
 	background-color: #fff;
-	-webkit-background-clip: padding-box;
-	-moz-background-clip: padding-box;
 	background-clip: padding-box;
 	position: absolute;
 	top: 14px;
@@ -98,8 +93,6 @@ span.ime-disable-shortcut {
 	padding: 0;
 	border: 1px solid #a2a9b1;
 	border-radius: 2px;
-	-webkit-box-shadow: 0 5px 10px rgba( 0, 0, 0, 0.2 );
-	-moz-box-shadow: 0 5px 10px rgba( 0, 0, 0, 0.2 );
 	box-shadow: 0 5px 10px rgba( 0, 0, 0, 0.2 );
 	text-align: left;
 }
@@ -116,7 +109,7 @@ span.ime-disable-shortcut {
 }
 
 /* The triangle shaped callout */
-.imeselector-menu:before {
+.imeselector-menu::before {
 	border-bottom: 7px solid #a2a9b1;
 	border-left: 7px solid transparent;
 	border-right: 7px solid transparent;
@@ -127,12 +120,12 @@ span.ime-disable-shortcut {
 	top: -7px;
 }
 
-.imeselector-menu.ime-right:before {
+.imeselector-menu.ime-right::before {
 	right: auto;
 	left: 9px;
 }
 
-.imeselector-menu:after {
+.imeselector-menu::after {
 	border-bottom: 6px solid #fff;
 	border-left: 6px solid transparent;
 	border-right: 6px solid transparent;
@@ -143,19 +136,19 @@ span.ime-disable-shortcut {
 	top: -6px;
 }
 
-.imeselector-menu.ime-right:after {
+.imeselector-menu.ime-right::after {
 	right: auto;
 	left: 10px;
 }
 
-.imeselector-menu.ime-position-top:before {
+.imeselector-menu.ime-position-top::before {
 	border-bottom: 0;
 	border-top: 7px solid #a2a9b1;
 	top: auto;
 	bottom: -7px;
 }
 
-.imeselector-menu.ime-position-top:after {
+.imeselector-menu.ime-position-top::after {
 	border-bottom: 0;
 	border-top: 6px solid #fff;
 	top: auto;
@@ -164,11 +157,9 @@ span.ime-disable-shortcut {
 
 .imeselector-menu .ime-checked {
 	/* @embed */
-	background: url( ../images/tick.png ) no-repeat left 4px center;
-	/* @embed */
-	background-image: -webkit-linear-gradient( transparent, transparent ), url( ../images/tick.svg );
-	/* @embed */
-	background-image: linear-gradient( transparent, transparent ), url( ../images/tick.svg );
+	background-image: url( ../images/tick.svg );
+	background-position: left 4px center;
+	background-repeat: no-repeat;
 }
 
 .imeselector-menu .ime-help-link {