Add option to specify custom z-index.

Author: muhdfaiz

.travis.yml

@@ -1,6 +1,6 @@
 language: node_js
 node_js:
-  - '6'
+  - '14'
 cache:
   directories:
     - node_modules

demo/index.html

@@ -481,6 +481,20 @@ <h4>Offset Spinner Position</h4>
         </div>
     </div>
 
+    <div class="row mt-4">
+        <div class="col-6 col-md-3 col-lg-2 mb-5">
+            <div class="btn btn-primary" style="width: 200px" onclick="JsLoadingOverlay.show({'spinnerIcon': 'cog', 'overlayZIndex': 49});">
+                Custom Overlay Z-Index
+            </div>
+        </div>
+
+        <div class="col-6 col-md-3 col-lg-2 mb-5">
+            <div class="btn btn-primary ml-5" style="width: 200px" onclick="JsLoadingOverlay.show({'spinnerIcon': 'cog', 'spinnerZIndex': 50});">
+                Custom Spinner Z-Index
+            </div>
+        </div>
+    </div>
+
     <div class="row mt-4">
         <div class="col-12 text-center">
             <h4>Show loading overlay within the container</h4>
@@ -553,6 +567,8 @@ <h5 class="card-title">Card title</h5>
 		    'offsetX': 0,
 		    'lockScroll': false,
 		    'containerID': null,
+            'overlayZIndex': 99998,
+		    'spinnerZIndex': 99999,
         };
 
     	if (e.target.contains(document.getElementById('overlay'))) {

dist/js-loading-overlay.js

@@ -25,7 +25,8 @@
     "jest": "^24.9.0",
     "request": "^2.88.0",
     "webpack": "^4.39.2",
-    "webpack-cli": "^3.3.9"
+    "webpack-cli": "^3.3.9",
+    "xmlhttprequest": "^1.8.0"
   },
   "scripts": {
     "test": "jest",
@@ -37,5 +38,6 @@
   "author": "Muhammad Faiz <[email protected]>",
   "repository": "https://github.com/muhdfaiz/js-loading-overlay.git",
   "license": "MIT",
-  "private": false
+  "private": false,
+  "dependencies": {}
 }