Fix + update external modal (#1106)

* Update external action modal. Uses Micromodal. Closes #1020

* refactor modal handling to isolate loading in modal component

* modal style cleanup

* Remove log

Co-authored-by: Ginger Wong <omqmail@gmail.com>

build/javascript/package-lock.json

@@ -1240,6 +1240,11 @@
         "picomatch": "^2.0.5"
       }
     },
+    "micromodal": {
+      "version": "0.4.6",
+      "resolved": "https://registry.npmjs.org/micromodal/-/micromodal-0.4.6.tgz",
+      "integrity": "sha512-2VDso2a22jWPpqwuWT/4RomVpoU3Bl9qF9D01xzwlNp5UVsImeA0gY4nSpF44vqcQtQOtkiMUV9EZkAJSRxBsg=="
+    },
     "min-document": {
       "version": "2.19.0",
       "resolved": "https://registry.npmjs.org/min-document/-/min-document-2.19.0.tgz",

build/javascript/package.json

@@ -9,6 +9,7 @@
     "@videojs/themes": "^1.0.1",
     "htm": "^3.0.4",
     "mark.js": "^8.11.1",
+    "micromodal": "^0.4.6",
     "preact": "10.5.10",
     "tailwindcss": "^1.9.6",
     "video.js": "7.12.3"
@@ -28,7 +29,8 @@
       "htm",
       "preact",
       "mark.js/dist/mark.es6.min.js",
-      "tailwindcss/dist/tailwind.min.css"
+      "tailwindcss/dist/tailwind.min.css",
+      "micromodal/dist/micromodal.min.js"
     ],
     "alias": {
       "video.js": "video.js/core.js"