Add WIP legacy build (commented out)

- change index.html config object to not use string templates
- ignore legacy in eslint
- swap zlib package for node native zlib
- add ES5 legacy polyfills
- remove old render event from ESM version

dist/biscuitman.css

@@ -13,7 +13,7 @@
   display: none;
   position: fixed;
   bottom: 0;
-  box-shadow: 0 -2px 10px rgba(0, 0, 0, .16);
+  box-shadow: 0 -2px 10px #00000029;
 }
 
 .bm-show .biscuitman {
@@ -146,7 +146,7 @@
     max-width: 860px;
     max-height: 80vh;
     margin: auto;
-    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
+    box-shadow: 0 0 8px #0000004d;
   }
 }
 
@@ -175,7 +175,7 @@
 
 .biscuitman .bm-dialog > b:after {
   content: "";
-  background: linear-gradient(180deg, var(--bg) 20%, rgba(255, 255, 255, 0));
+  background: linear-gradient(180deg, var(--bg) 20%, #fff0);
   pointer-events: none;
   z-index: 1;
   width: 100%;
@@ -188,7 +188,7 @@
 
 .biscuitman .bm-dialog nav:after {
   content: "";
-  background: linear-gradient(0deg, var(--bg) 20%, rgba(255, 255, 255, 0));
+  background: linear-gradient(0deg, var(--bg) 20%, #fff0);
   pointer-events: none;
   width: 100%;
   height: 25px;
@@ -261,7 +261,7 @@
   border-radius: 5px;
   padding: 10px;
   list-style: none;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
+  box-shadow: 0 2px 4px #0000001a;
 }
 
 .biscuitman details[open] summary b:after {
@@ -286,8 +286,8 @@
 .biscuitman summary b:after {
   content: "";
   border: 5px solid rgba(var(--ui), .4);
-  border-top-color: rgba(0, 0, 0, 0);
-  border-left-color: rgba(0, 0, 0, 0);
+  border-top-color: #0000;
+  border-left-color: #0000;
   border-radius: 2px;
   width: 1em;
   height: 1em;
@@ -320,12 +320,7 @@
   display: flex;
 }
 
-.biscuitman dl dt {
-  color: var(--tx);
-  font-size: 12px;
-}
-
-.biscuitman dl dd {
+.biscuitman dl dt, .biscuitman dl dd {
   color: var(--tx);
   font-size: 12px;
 }

dist/biscuitman.withcss.js

@@ -347,7 +347,7 @@
   display: none;
   position: fixed;
   bottom: 0;
-  box-shadow: 0 -2px 10px rgba(0, 0, 0, .16);
+  box-shadow: 0 -2px 10px #00000029;
 }
 
 .bm-show .biscuitman {
@@ -480,7 +480,7 @@
     max-width: 860px;
     max-height: 80vh;
     margin: auto;
-    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
+    box-shadow: 0 0 8px #0000004d;
   }
 }
 
@@ -509,7 +509,7 @@
 
 .biscuitman .bm-dialog > b:after {
   content: "";
-  background: linear-gradient(180deg, var(--bg) 20%, rgba(255, 255, 255, 0));
+  background: linear-gradient(180deg, var(--bg) 20%, #fff0);
   pointer-events: none;
   z-index: 1;
   width: 100%;
@@ -522,7 +522,7 @@
 
 .biscuitman .bm-dialog nav:after {
   content: "";
-  background: linear-gradient(0deg, var(--bg) 20%, rgba(255, 255, 255, 0));
+  background: linear-gradient(0deg, var(--bg) 20%, #fff0);
   pointer-events: none;
   width: 100%;
   height: 25px;
@@ -595,7 +595,7 @@
   border-radius: 5px;
   padding: 10px;
   list-style: none;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
+  box-shadow: 0 2px 4px #0000001a;
 }
 
 .biscuitman details[open] summary b:after {
@@ -620,8 +620,8 @@
 .biscuitman summary b:after {
   content: "";
   border: 5px solid rgba(var(--ui), .4);
-  border-top-color: rgba(0, 0, 0, 0);
-  border-left-color: rgba(0, 0, 0, 0);
+  border-top-color: #0000;
+  border-left-color: #0000;
   border-radius: 2px;
   width: 1em;
   height: 1em;
@@ -654,12 +654,7 @@
   display: flex;
 }
 
-.biscuitman dl dt {
-  color: var(--tx);
-  font-size: 12px;
-}
-
-.biscuitman dl dd {
+.biscuitman dl dt, .biscuitman dl dd {
   color: var(--tx);
   font-size: 12px;
 }