Merge branch 'master' into master

.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

README.md

@@ -68,16 +68,17 @@ Running
 
 -If you have python installed, run
 -```bash
- python -m SimpleHTTPServer
+ python3 -m http.server
 -```
 
-Alternatively, many programming languages provide one liner commands to start a simple http static servers. You can use [any one of them](https://gist.github.com/willurd/5720255).
-
-
+Alternatively, many programming languages provide one liner commands to start a
+simple http static servers. You can use [any one of them](https://gist.github.com/willurd/5720255)
 and, you can access examples from
+
 ```bash
 http://localhost:8000/examples/index.html
 ```
+
 Alternatively you can use tools like webfsd. If you know how to use advanced
 web servers like Apache or Nginx, you already know how to put the code in a
 webserver.
@@ -94,8 +95,9 @@ Plugin Options
 
 Browser extensions
 ------------------
-This input tool is also available as a Chrome extension:
-* [Chrome extension](https://chrome.google.com/webstore/detail/wikimedia-input-tools/fjnfifedbeeeibikgpggddmfbaeccaoh)
+This input tool is also available as a browser extension:
+* [Firefox Extension](https://addons.mozilla.org/en-US/firefox/addon/wikimedia-input-tools/) | [source code](https://gitlab.com/kskarthik/wikimedia-input-tools)
+* [Chrome extension](https://chrome.google.com/webstore/detail/wikimedia-input-tools/fjnfifedbeeeibikgpggddmfbaeccaoh) | (Unmaintained)  | [source code](https://github.com/pravee-n/jquery.ime-chrome-extension)
 
 For Developers
 --------------

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 {