replete
diff --git a/‎README.md‎
Lines changed: 9 additions & 4 deletions b/‎README.md‎
Lines changed: 9 additions & 4 deletions
diff --git a/‎cssreport.json‎
Lines changed: 1 addition & 0 deletions b/‎cssreport.json‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎dist/biscuitman.css‎
Lines changed: 9 additions & 9 deletions b/‎dist/biscuitman.css‎
Lines changed: 9 additions & 9 deletions
diff --git a/‎dist/biscuitman.js‎
Lines changed: 5 additions & 2 deletions b/‎dist/biscuitman.js‎
Lines changed: 5 additions & 2 deletions
diff --git a/‎dist/biscuitman.min.css‎
Lines changed: 1 addition & 1 deletion b/‎dist/biscuitman.min.css‎
Lines changed: 1 addition & 1 deletion
@@ -3,7 +3,7 @@
 
 #### [View demo](https://replete.github.io/biscuitman)
 
-I didn't like sending 100KB+ for a simple cookie consent solution so I wrote this. It's currently **3.3kB/br and 3.8kB/gz**, including CSS. It's designed to be as small as possible with an adequate featureset for basic website cookie consent.
+100kB+ seemed too heavy for a cookie popup so I wrote this. It's currently < 4kB gz/btr, including CSS. It's designed to be as small as possible with an adequate featureset for basic website cookie consent.
 
 - Stores consent in `localStorage`, exposes in `window.Consent` and through custom events fired on `document`
 - Handles consent granulated by custom sections (e.g. essential, performance, analytics...)
@@ -15,8 +15,13 @@ I didn't like sending 100KB+ for a simple cookie consent solution so I wrote thi
 - Injects scripts when granular consent is granted (`<script data-consent="analytics" type="text/plain" src="..."></script>`)
 - Injects embedded `<script>` from script tags with `src` properties on onload (tidier markup)
 - Mobile-first
-- Browser support: >= 2% browserlist (No IE support, but its not impossible)
-  - Written with latest CSS / JS features and targetted to >= 2% using browserlist
+- Browser support (targeted via `browserlist` in `package.json` - `>= 2%, last 2 years`):
+  - Chrome 105+,
+  - Edge 105+
+  - Safari 15.4+
+  - Firefox 121+
+  - Samsung browser 20+
+  - run `npm run build report` and view `index.html` to compatibility table. If you need a version to work in older browsers, update the browserlist version and modify the CSS
 - 'show more' functionality for long disclaimer text
 - include optional link in any text
 - CSS classes on `<html>` element for consents
@@ -158,7 +163,7 @@ The easiest way to see how events work is to view the `console.debug()` calls in
 - `biscuitman:close` => `{time: 1718915128298}` modal closed
 - `biscuitman:button` => `{id: "settings", time: 1718915128298}` button clicked
 - `biscuitman:save` => `{data: {consentTime: 1718914784624, advertisement:true, advertisement: fal..}, time: 1718914784624}` consent choice saved
-- `biscuitman:inject` =>  `{el: $Element, parent?: $Element, time: 1718914784624}` script injected to DOM. if parent exists, it's a new tag inserted after a `src` script loaded which also had text content (a 'dependent' script = tidier convenient markup)
+- `biscuitman:inject` =>  `{el: $Element, parent?: $Element, id?: 'script-id', time: 1718914784624}` script injected to DOM. if parent exists, it's a new tag inserted after a `src` script loaded which also had text content (a 'dependent' script = tidier convenient markup)
 - `biscuitman:invalidate` => `{data: {...consentObjectJustDeleted}, time: 1718915128298}` consent invalidated
 - `biscuitman:update` => `{data: {...currentConsentObject}, time: 1718914784624}` returns current consent object and time
 - `biscuitman:delete` => `{localStorage|cookie: 'cookieName', time: 1718914784624}` fires when consent is rejected or invalidated and cookies/localStorage entries are deleted
 
@@ -1,4 +1,4 @@
-/*! biscuitman.js 0.3.9 */
+/*! biscuitman.js 0.3.10 */
 .biscuitman {
   --t: #444;
   --b: #fff;
@@ -37,7 +37,7 @@
   position: relative;
 }
 
-@media (width >= 770px) {
+@media (min-width: 770px) {
   .biscuitman article {
     padding-right: calc(max(300px, 30vw) + 20px);
   }
@@ -58,7 +58,7 @@
   font-size: 13px;
 }
 
-@media (width >= 575px) {
+@media (min-width: 575px) {
   .biscuitman article p {
     font-size: 14px;
   }
@@ -106,7 +106,7 @@
   opacity: .8;
 }
 
-@media (width >= 576px) {
+@media (min-width: 576px) {
   .biscuitman nav {
     flex-direction: row-reverse;
     gap: 10px;
@@ -120,7 +120,7 @@
   }
 }
 
-@media (width <= 575px) {
+@media (max-width: 575px) {
   .biscuitman nav {
     flex-direction: column;
     flex-grow: 1;
@@ -136,7 +136,7 @@
   max-height: 100%;
 }
 
-@media (width >= 576px) {
+@media (min-width: 576px) {
   .biscuitman dialog {
     border-radius: 10px;
     width: 90vw;
@@ -147,7 +147,7 @@
   }
 }
 
-@media (width >= 576px) and (height >= 1134px) {
+@media (min-width: 576px) and (min-height: 1134px) {
   .biscuitman dialog {
     height: 890px;
   }
@@ -202,7 +202,7 @@
   overflow-y: scroll;
 }
 
-@media (width >= 576px) {
+@media (min-width: 576px) {
   .biscuitman .bm-sections {
     margin-right: -18px;
     padding-right: 4px;
@@ -220,7 +220,7 @@
   display: block;
 }
 
-@media (width >= 576px) {
+@media (min-width: 576px) {
   .biscuitman .bm-sections > p span {
     font-size: 14px;
   }
 
@@ -1,4 +1,4 @@
-/*! biscuitman.js 0.3.9 */
+/*! biscuitman.js 0.3.10 */
 ((d, w, Object1, h, bm)=>{
     const defaults = {
         key: 'myconsent',
@@ -67,7 +67,10 @@
 						</label>
 						<p>${o[`${section}Message`]}</p>
 					</summary>
-					${cookies ? Object1.entries(cookies).map(([k, v])=>`<dl><dt>${k}</dt><dd>${v}</dd></dl>`).join('') : `<dl><dd>${o.noCookies}</dd></dl>`}
+					${cookies ? Object1.entries(cookies).map((param)=>{
+                let [k, v] = param;
+                return `<dl><dt>${k}</dt><dd>${v}</dd></dl>`;
+            }).join('') : `<dl><dd>${o.noCookies}</dd></dl>`}
 				</details>
 			</section>`;
         }).join('')}
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-/! biscuitman.js 0.3.9 /`
	`1`	`+/! biscuitman.js 0.3.10 /`
`2`	`2`	`.biscuitman {`
`3`	`3`	`--t: #444;`
`4`	`4`	`--b: #fff;`
`@@ -37,7 +37,7 @@`
`37`	`37`	`position: relative;`
`38`	`38`	`}`
`39`	`39`
`40`		`-@media (width >= 770px) {`
	`40`	`+@media (min-width: 770px) {`
`41`	`41`	`.biscuitman article {`
`42`	`42`	`padding-right: calc(max(300px, 30vw) + 20px);`
`43`	`43`	`}`
`@@ -58,7 +58,7 @@`
`58`	`58`	`font-size: 13px;`
`59`	`59`	`}`
`60`	`60`
`61`		`-@media (width >= 575px) {`
	`61`	`+@media (min-width: 575px) {`
`62`	`62`	`.biscuitman article p {`
`63`	`63`	`font-size: 14px;`
`64`	`64`	`}`
`@@ -106,7 +106,7 @@`
`106`	`106`	`opacity: .8;`
`107`	`107`	`}`
`108`	`108`
`109`		`-@media (width >= 576px) {`
	`109`	`+@media (min-width: 576px) {`
`110`	`110`	`.biscuitman nav {`
`111`	`111`	`flex-direction: row-reverse;`
`112`	`112`	`gap: 10px;`
`@@ -120,7 +120,7 @@`
`120`	`120`	`}`
`121`	`121`	`}`
`122`	`122`
`123`		`-@media (width <= 575px) {`
	`123`	`+@media (max-width: 575px) {`
`124`	`124`	`.biscuitman nav {`
`125`	`125`	`flex-direction: column;`
`126`	`126`	`flex-grow: 1;`
`@@ -136,7 +136,7 @@`
`136`	`136`	`max-height: 100%;`
`137`	`137`	`}`
`138`	`138`
`139`		`-@media (width >= 576px) {`
	`139`	`+@media (min-width: 576px) {`
`140`	`140`	`.biscuitman dialog {`
`141`	`141`	`border-radius: 10px;`
`142`	`142`	`width: 90vw;`
`@@ -147,7 +147,7 @@`
`147`	`147`	`}`
`148`	`148`	`}`
`149`	`149`
`150`		`-@media (width >= 576px) and (height >= 1134px) {`
	`150`	`+@media (min-width: 576px) and (min-height: 1134px) {`
`151`	`151`	`.biscuitman dialog {`
`152`	`152`	`height: 890px;`
`153`	`153`	`}`
`@@ -202,7 +202,7 @@`
`202`	`202`	`overflow-y: scroll;`
`203`	`203`	`}`
`204`	`204`
`205`		`-@media (width >= 576px) {`
	`205`	`+@media (min-width: 576px) {`
`206`	`206`	`.biscuitman .bm-sections {`
`207`	`207`	`margin-right: -18px;`
`208`	`208`	`padding-right: 4px;`
`@@ -220,7 +220,7 @@`
`220`	`220`	`display: block;`
`221`	`221`	`}`
`222`	`222`
`223`		`-@media (width >= 576px) {`
	`223`	`+@media (min-width: 576px) {`
`224`	`224`	`.biscuitman .bm-sections > p span {`
`225`	`225`	`font-size: 14px;`
`226`	`226`	`}`