add dialog-toggle-events polyfill

Author: keithamus

docs/index.html

@@ -545,6 +545,20 @@ <h1>GitHub Feature Support Table</h1>
             <td data-supported="true"><div>34+</div></td>
             <td data-supported="true"><div>5.0+</div></td>
           </tr>
+          <tr>
+            <th>
+              <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforetoggle_event">
+                <code>beforetoggle on Dialog</code>
+              </a>
+            </th>
+            <td data-polyfill="dialogToggleEvents"><div>*</div></td>
+            <td data-supported="true"><div>132+</div></td>
+            <td data-supported="true"><div>132+</div></td>
+            <td data-supported="true"><div>133+</div></td>
+            <td data-supported="false"><div>*</div></td>
+            <td data-supported="true"><div>117+</div></td>
+            <td data-supported="true"><div>*</div></td>
+          </tr>
           <tr>
             <th></th>
             <th colspan="7"><h3>Native Syntax</h3></th>

package-lock.json

@@ -44,5 +44,8 @@
         "eslint-plugin-github": "^4.10.0",
         "tslib": "^2.6.2",
         "typescript": "^5.2.2"
+    },
+    "dependencies": {
+        "dialog-toggle-events-polyfill": "^1.1.2"
     }
 }

package.json

@@ -3,6 +3,7 @@ import * as elementCheckVisibility from './element-checkvisibility.js'
 import * as navigatorClipboard from './navigator-clipboard.js'
 import * as withResolvers from './promise-withResolvers.js'
 import * as requestIdleCallback from './requestidlecallback.js'
+import * as dialogToggleEvents from 'dialog-toggle-events-polyfill/fn'
 
 let supportsModalPseudo = false
 try {
@@ -49,6 +50,7 @@ export const polyfills = {
   navigatorClipboard,
   requestIdleCallback,
   withResolvers,
+  dialogToggleEvents,
 }
 
 export function isSupported() {