diff --git a/pcm_codec_registration.html b/pcm_codec_registration.html
index 77dd9dc5..93cdea77 100644
--- a/pcm_codec_registration.html
+++ b/pcm_codec_registration.html
@@ -6,9 +6,9 @@
   <meta content="ED" name="w3c-status">
   <link href="https://www.w3.org/StyleSheets/TR/2021/W3C-ED" rel="stylesheet">
   <link href="https://www.w3.org/2008/site/images/favicon.ico" rel="icon">
-  <meta content="Bikeshed version d9bd89757, updated Thu Mar 23 10:06:53 2023 -0700" name="generator">
+  <meta content="Bikeshed version bf22245b8, updated Tue Apr 18 15:53:37 2023 -0700" name="generator">
   <link href="https://www.w3.org/TR/webcodecs-pcm-codec-registration/" rel="canonical">
-  <meta content="4dceb7afda0581bec4307c43033da8b2deb6556d" name="document-revision">
+  <meta content="e27c2bee8152332ce0f3376769398771b668b1a9" name="document-revision">
 <style>/* style-autolinks */
 .css.css, .property.property, .descriptor.descriptor {
     color: var(--a-normal-text);
@@ -219,8 +219,7 @@
     position: absolute;
     z-index: 35;
     width: 20em;
-    min-width: min-content;
-    max-width: 300px;
+    width: 300px;
     height: auto;
     max-height: 500px;
     overflow: auto;
@@ -237,8 +236,15 @@
 .dfn-panel a { color: var(--dfnpanel-text); }
 .dfn-panel a:not(:hover) { text-decoration: none !important; border-bottom: none !important; }
 .dfn-panel > b + b { margin-top: 0.25em; }
-.dfn-panel ul { padding: 0; }
-.dfn-panel li { list-style: inside; }
+.dfn-panel ul { padding: 0 0 0 1em; list-style: none; }
+.dfn-panel li a {
+    white-space: pre;
+    display: inline-block;
+    max-width: calc(300px - 1.5em - 1em);
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
 .dfn-panel.activated {
     display: inline-block;
     position: fixed;
@@ -249,7 +255,7 @@
     max-height: 30vh;
 }
 
-.dfn-paneled { cursor: pointer; }
+.dfn-paneled[role="button"] { cursor: pointer; }
 </style>
 <style>/* style-issues */
 a[href].issue-return {
@@ -463,7 +469,7 @@
   <div class="head">
    <p data-fill-with="logo"><a class="logo" href="https://www.w3.org/"> <img alt="W3C" height="48" src="https://www.w3.org/StyleSheets/TR/2021/logos/W3C" width="72"> </a> </p>
    <h1 class="p-name no-ref" id="title">Linear PCM WebCodecs Registration</h1>
-   <p id="w3c-state"><a href="https://www.w3.org/standards/types#ED">Editor’s Draft</a>, <time class="dt-updated" datetime="2023-04-19">19 April 2023</time></p>
+   <p id="w3c-state"><a href="https://www.w3.org/standards/types#ED">Editor’s Draft</a>, <time class="dt-updated" datetime="2023-04-27">27 April 2023</time></p>
    <details open>
     <summary>More details about this document</summary>
     <div data-fill-with="spec-metadata">
@@ -620,121 +626,29 @@ <h3 class="no-ref no-num heading settled" id="w3c-conventions"><span class="cont
   </div>
 <script src="https://www.w3.org/scripts/TR/2021/fixup.js"></script>
   <h2 class="no-num no-ref heading settled" id="index"><span class="content">Index</span><a class="self-link" href="#index"></a></h2>
-  <aside aria-labelledby="infopaneltitle-for-4b4e0cc1036df6371523ddc46ecd6b48" class="dfn-panel" data-for="4b4e0cc1036df6371523ddc46ecd6b48" id="infopanel-for-4b4e0cc1036df6371523ddc46ecd6b48">
-   <span id="infopaneltitle-for-4b4e0cc1036df6371523ddc46ecd6b48" style="display:none">Info about the 'sample' external reference.</span><a href="https://w3c.github.io/webappsec-csp/#violation-sample">https://w3c.github.io/webappsec-csp/#violation-sample</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-violation-sample">1. Fully qualified codec strings</a>
-    <li><a href="#ref-for-violation-sample①">2. EncodedAudioChunk data</a> <a href="#ref-for-violation-sample②">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-ade41e9ba4ebe26ea0e9065966737727" class="dfn-panel" data-for="ade41e9ba4ebe26ea0e9065966737727" id="infopanel-for-ade41e9ba4ebe26ea0e9065966737727">
-   <span id="infopaneltitle-for-ade41e9ba4ebe26ea0e9065966737727" style="display:none">Info about the '"key"' external reference.</span><a href="https://w3c.github.io/webcodecs/#dom-encodedaudiochunktype-key">https://w3c.github.io/webcodecs/#dom-encodedaudiochunktype-key</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-encodedaudiochunktype-key">4. EncodedAudioChunk type</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-43d545b71ae823361260f8aa3fa30235" class="dfn-panel" data-for="43d545b71ae823361260f8aa3fa30235" id="infopanel-for-43d545b71ae823361260f8aa3fa30235">
-   <span id="infopaneltitle-for-43d545b71ae823361260f8aa3fa30235" style="display:none">Info about the 'AudioData' external reference.</span><a href="https://w3c.github.io/webcodecs/#audiodata">https://w3c.github.io/webcodecs/#audiodata</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-audiodata">1. Fully qualified codec strings</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-d44ec32de9892fb3411b2dbd8cf1e23f" class="dfn-panel" data-for="d44ec32de9892fb3411b2dbd8cf1e23f" id="infopanel-for-d44ec32de9892fb3411b2dbd8cf1e23f">
-   <span id="infopaneltitle-for-d44ec32de9892fb3411b2dbd8cf1e23f" style="display:none">Info about the 'AudioDecoderConfig' external reference.</span><a href="https://w3c.github.io/webcodecs/#dictdef-audiodecoderconfig">https://w3c.github.io/webcodecs/#dictdef-audiodecoderconfig</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dictdef-audiodecoderconfig">3. AudioDecoderConfig description</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-821a06ce938d7b822926a98f3bc28dc5" class="dfn-panel" data-for="821a06ce938d7b822926a98f3bc28dc5" id="infopanel-for-821a06ce938d7b822926a98f3bc28dc5">
-   <span id="infopaneltitle-for-821a06ce938d7b822926a98f3bc28dc5" style="display:none">Info about the 'AudioSampleFormat' external reference.</span><a href="https://w3c.github.io/webcodecs/#enumdef-audiosampleformat">https://w3c.github.io/webcodecs/#enumdef-audiosampleformat</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-enumdef-audiosampleformat">1. Fully qualified codec strings</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-2aa02bf883fadc34a57c60dc28546028" class="dfn-panel" data-for="2aa02bf883fadc34a57c60dc28546028" id="infopanel-for-2aa02bf883fadc34a57c60dc28546028">
-   <span id="infopaneltitle-for-2aa02bf883fadc34a57c60dc28546028" style="display:none">Info about the 'EncodedAudioChunk' external reference.</span><a href="https://w3c.github.io/webcodecs/#encodedaudiochunk">https://w3c.github.io/webcodecs/#encodedaudiochunk</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-encodedaudiochunk">Unnumbered Section</a> <a href="#ref-for-encodedaudiochunk①">(2)</a>
-    <li><a href="#ref-for-encodedaudiochunk②">1. Fully qualified codec strings</a>
-    <li><a href="#ref-for-encodedaudiochunk③">2. EncodedAudioChunk data</a>
-    <li><a href="#ref-for-encodedaudiochunk④">4. EncodedAudioChunk type</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-536704109b169b9deb887dbd501ce325" class="dfn-panel" data-for="536704109b169b9deb887dbd501ce325" id="infopanel-for-536704109b169b9deb887dbd501ce325">
-   <span id="infopaneltitle-for-536704109b169b9deb887dbd501ce325" style="display:none">Info about the '[[internal data]]' external reference.</span><a href="https://w3c.github.io/webcodecs/#dom-encodedaudiochunk-internal-data-slot">https://w3c.github.io/webcodecs/#dom-encodedaudiochunk-internal-data-slot</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-encodedaudiochunk-internal-data-slot">Unnumbered Section</a>
-    <li><a href="#ref-for-dom-encodedaudiochunk-internal-data-slot①">2. EncodedAudioChunk data</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-bd471f25795e1338c5e50be2c853542c" class="dfn-panel" data-for="bd471f25795e1338c5e50be2c853542c" id="infopanel-for-bd471f25795e1338c5e50be2c853542c">
-   <span id="infopaneltitle-for-bd471f25795e1338c5e50be2c853542c" style="display:none">Info about the '[[type]]' external reference.</span><a href="https://w3c.github.io/webcodecs/#dom-encodedaudiochunk-type-slot">https://w3c.github.io/webcodecs/#dom-encodedaudiochunk-type-slot</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-encodedaudiochunk-type-slot">Unnumbered Section</a>
-    <li><a href="#ref-for-dom-encodedaudiochunk-type-slot①">4. EncodedAudioChunk type</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-a15be268b869f22a237ae45da8bebef1" class="dfn-panel" data-for="a15be268b869f22a237ae45da8bebef1" id="infopanel-for-a15be268b869f22a237ae45da8bebef1">
-   <span id="infopaneltitle-for-a15be268b869f22a237ae45da8bebef1" style="display:none">Info about the 'description' external reference.</span><a href="https://w3c.github.io/webcodecs/#dom-audiodecoderconfig-description">https://w3c.github.io/webcodecs/#dom-audiodecoderconfig-description</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-audiodecoderconfig-description">Unnumbered Section</a>
-    <li><a href="#ref-for-dom-audiodecoderconfig-description①">3. AudioDecoderConfig description</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-e3f834907f2fbd184cf348595ece40c5" class="dfn-panel" data-for="e3f834907f2fbd184cf348595ece40c5" id="infopanel-for-e3f834907f2fbd184cf348595ece40c5">
-   <span id="infopaneltitle-for-e3f834907f2fbd184cf348595ece40c5" style="display:none">Info about the 'f32' external reference.</span><a href="https://w3c.github.io/webcodecs/#dom-audiosampleformat-f32">https://w3c.github.io/webcodecs/#dom-audiosampleformat-f32</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-audiosampleformat-f32">1. Fully qualified codec strings</a> <a href="#ref-for-dom-audiosampleformat-f32①">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-9a463a2aac899f2879d6e11cb11e503b" class="dfn-panel" data-for="9a463a2aac899f2879d6e11cb11e503b" id="infopanel-for-9a463a2aac899f2879d6e11cb11e503b">
-   <span id="infopaneltitle-for-9a463a2aac899f2879d6e11cb11e503b" style="display:none">Info about the 'interleaved' external reference.</span><a href="https://w3c.github.io/webcodecs/#interleaved">https://w3c.github.io/webcodecs/#interleaved</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-interleaved">1. Fully qualified codec strings</a>
-    <li><a href="#ref-for-interleaved①">2. EncodedAudioChunk data</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-0366bfb186588c9214d86b54e3c1132d" class="dfn-panel" data-for="0366bfb186588c9214d86b54e3c1132d" id="infopanel-for-0366bfb186588c9214d86b54e3c1132d">
-   <span id="infopaneltitle-for-0366bfb186588c9214d86b54e3c1132d" style="display:none">Info about the 's16' external reference.</span><a href="https://w3c.github.io/webcodecs/#dom-audiosampleformat-s16">https://w3c.github.io/webcodecs/#dom-audiosampleformat-s16</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-audiosampleformat-s16">1. Fully qualified codec strings</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-68f47ba49d172aab7e6092ad1833291d" class="dfn-panel" data-for="68f47ba49d172aab7e6092ad1833291d" id="infopanel-for-68f47ba49d172aab7e6092ad1833291d">
-   <span id="infopaneltitle-for-68f47ba49d172aab7e6092ad1833291d" style="display:none">Info about the 's32' external reference.</span><a href="https://w3c.github.io/webcodecs/#dom-audiosampleformat-s32">https://w3c.github.io/webcodecs/#dom-audiosampleformat-s32</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-audiosampleformat-s32">1. Fully qualified codec strings</a> <a href="#ref-for-dom-audiosampleformat-s32①">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dce174c4ac216a78629757a4500f0ced" class="dfn-panel" data-for="dce174c4ac216a78629757a4500f0ced" id="infopanel-for-dce174c4ac216a78629757a4500f0ced">
-   <span id="infopaneltitle-for-dce174c4ac216a78629757a4500f0ced" style="display:none">Info about the 'u8' external reference.</span><a href="https://w3c.github.io/webcodecs/#dom-audiosampleformat-u8">https://w3c.github.io/webcodecs/#dom-audiosampleformat-u8</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-audiosampleformat-u8">1. Fully qualified codec strings</a>
-   </ul>
-  </aside>
   <h3 class="no-num no-ref heading settled" id="index-defined-elsewhere"><span class="content">Terms defined by reference</span><a class="self-link" href="#index-defined-elsewhere"></a></h3>
   <ul class="index">
    <li>
     <a data-link-type="biblio">[CSP3]</a> defines the following terms:
     <ul>
-     <li><span class="dfn-paneled" id="4b4e0cc1036df6371523ddc46ecd6b48">sample</span>
+     <li><span class="dfn-paneled" id="dec095e6">sample</span>
     </ul>
    <li>
     <a data-link-type="biblio">[WEBCODECS]</a> defines the following terms:
     <ul>
-     <li><span class="dfn-paneled" id="ade41e9ba4ebe26ea0e9065966737727">"key"</span>
-     <li><span class="dfn-paneled" id="43d545b71ae823361260f8aa3fa30235">AudioData</span>
-     <li><span class="dfn-paneled" id="d44ec32de9892fb3411b2dbd8cf1e23f">AudioDecoderConfig</span>
-     <li><span class="dfn-paneled" id="821a06ce938d7b822926a98f3bc28dc5">AudioSampleFormat</span>
-     <li><span class="dfn-paneled" id="2aa02bf883fadc34a57c60dc28546028">EncodedAudioChunk</span>
-     <li><span class="dfn-paneled" id="536704109b169b9deb887dbd501ce325">[[internal data]]</span>
-     <li><span class="dfn-paneled" id="bd471f25795e1338c5e50be2c853542c">[[type]]</span>
-     <li><span class="dfn-paneled" id="a15be268b869f22a237ae45da8bebef1">description</span>
-     <li><span class="dfn-paneled" id="e3f834907f2fbd184cf348595ece40c5">f32</span>
-     <li><span class="dfn-paneled" id="9a463a2aac899f2879d6e11cb11e503b">interleaved</span>
-     <li><span class="dfn-paneled" id="0366bfb186588c9214d86b54e3c1132d">s16</span>
-     <li><span class="dfn-paneled" id="68f47ba49d172aab7e6092ad1833291d">s32</span>
-     <li><span class="dfn-paneled" id="dce174c4ac216a78629757a4500f0ced">u8</span>
+     <li><span class="dfn-paneled" id="b2b50670">"key"</span>
+     <li><span class="dfn-paneled" id="ef90ef6c">AudioData</span>
+     <li><span class="dfn-paneled" id="08e6b53d">AudioDecoderConfig</span>
+     <li><span class="dfn-paneled" id="35395c67">AudioSampleFormat</span>
+     <li><span class="dfn-paneled" id="ddafb265">EncodedAudioChunk</span>
+     <li><span class="dfn-paneled" id="590cc552">[[internal data]]</span>
+     <li><span class="dfn-paneled" id="e3c4cd34">[[type]]</span>
+     <li><span class="dfn-paneled" id="8ca40a84">description</span>
+     <li><span class="dfn-paneled" id="8c3d7a21">f32</span>
+     <li><span class="dfn-paneled" id="11c3cc9f">interleaved</span>
+     <li><span class="dfn-paneled" id="71cccca5">s16</span>
+     <li><span class="dfn-paneled" id="ddb7e353">s32</span>
+     <li><span class="dfn-paneled" id="f26e6cf2">u8</span>
     </ul>
   </ul>
   <h2 class="no-num no-ref heading settled" id="references"><span class="content">References</span><a class="self-link" href="#references"></a></h2>
@@ -757,18 +671,65 @@ <h3 class="no-num no-ref heading settled" id="informative"><span class="content"
 <script>/* script-dfn-panel */
 "use strict";
 {
-    function queryAll(sel) {
-        return [].slice.call(document.querySelectorAll(sel));
+    const dfnsJson = window.dfnsJson || {};
+
+    function genDfnPanel({dfnID, url, dfnText, refSections, external}) {
+        return mk.aside({
+            class: "dfn-panel",
+            id: `infopanel-for-${dfnID}`,
+            "data-for": dfnID,
+            "aria-labelled-by":`infopaneltitle-for-${dfnID}`,
+            },
+            mk.span({id:`infopaneltitle-for-${dfnID}`, style:"display:none"},
+                `Info about the '${dfnText}' ${external?"external":""} reference.`),
+            mk.a({href:url}, url),
+            mk.b({}, "Referenced in:"),
+            mk.ul({},
+                ...refSections.map(section=>
+                    mk.li({},
+                        ...section.refs.map((ref, refI)=>
+                            [
+                                mk.a({
+                                    href: `#${ref.id}`
+                                    },
+                                    (refI == 0) ? section.title : `(${refI + 1})`
+                                ),
+                                " ",
+                            ]
+                        ),
+                    ),
+                ),
+            ),
+        );
     }
 
-    // Add popup behavior to all dfns to show the corresponding dfn-panel.
-    var dfns = document.querySelectorAll('.dfn-paneled');
-    for (let dfn of dfns) { insertDfnPopupAction(dfn); }
+    function genAllDfnPanels() {
+        for(const panelData of Object.values(window.dfnpanelData)) {
+            const dfnID = panelData.dfnID;
+            const dfn = document.getElementById(dfnID);
+            if(!dfn) {
+                console.log(`Can't find dfn#${dfnID}.`, panelData);
+            } else {
+                const panel = genDfnPanel(panelData);
+                append(document.body, panel);
+                insertDfnPopupAction(dfn, panel)
+            }
+        }
+    }
+
+    document.addEventListener("DOMContentLoaded", ()=>{
+        genAllDfnPanels();
+
+        // Add popup behavior to all dfns to show the corresponding dfn-panel.
+        var dfns = queryAll('.dfn-paneled');
+        for(let dfn of dfns) { ; }
+
+        document.body.addEventListener("click", (e) => {
+            // If not handled already, just hide all dfn panels.
+            hideAllDfnPanels();
+        });
+    })
 
-    document.body.addEventListener("click", (e) => {
-        // If not handled already, just hide all dfn panels.
-        hideAllDfnPanels();
-    });
 
     function hideAllDfnPanels() {
         // Turn off any currently "on" or "activated" panels.
@@ -818,49 +779,257 @@ <h3 class="no-num no-ref heading settled" id="informative"><span class="content"
         }
     }
 
-    function insertDfnPopupAction(dfn) {
+    function insertDfnPopupAction(dfn, dfnPanel) {
         // Find dfn panel
-        const dfnPanel = document.querySelector(`.dfn-panel[data-for='${dfn.id}']`);
-        if (dfnPanel) {
-            const panelWrapper = document.createElement('span');
-            panelWrapper.appendChild(dfnPanel);
-            panelWrapper.style.position = "relative";
-            panelWrapper.style.height = "0px";
-            dfn.insertAdjacentElement("afterend", panelWrapper);
-            dfn.setAttribute('role', 'button');
-            dfn.setAttribute('aria-expanded', 'false')
-            dfn.tabIndex = 0;
-            dfn.classList.add('has-dfn-panel');
-            dfn.addEventListener('click', (event) => {
-                showDfnPanel(dfnPanel, dfn);
+        const panelWrapper = document.createElement('span');
+        panelWrapper.appendChild(dfnPanel);
+        panelWrapper.style.position = "relative";
+        panelWrapper.style.height = "0px";
+        dfn.insertAdjacentElement("afterend", panelWrapper);
+        dfn.setAttribute('role', 'button');
+        dfn.setAttribute('aria-expanded', 'false')
+        dfn.tabIndex = 0;
+        dfn.classList.add('has-dfn-panel');
+        dfn.addEventListener('click', (event) => {
+            showDfnPanel(dfnPanel, dfn);
+            event.stopPropagation();
+        });
+        dfn.addEventListener('keypress', (event) => {
+            const kc = event.keyCode;
+            // 32->Space, 13->Enter
+            if(kc == 32 || kc == 13) {
+                toggleDfnPanel(dfnPanel, dfn);
                 event.stopPropagation();
-            });
-            dfn.addEventListener('keypress', (event) => {
-                const kc = event.keyCode;
-                // 32->Space, 13->Enter
-                if(kc == 32 || kc == 13) {
-                    toggleDfnPanel(dfnPanel, dfn);
-                    event.stopPropagation();
-                    event.preventDefault();
-                }
-            });
-
-            dfnPanel.addEventListener('click', (event) => {
+                event.preventDefault();
+            }
+        });
+
+        dfnPanel.addEventListener('click', (event) => {
+            if (event.target.nodeName == 'A') {
                 pinDfnPanel(dfnPanel);
+            }
+            event.stopPropagation();
+        });
+
+        dfnPanel.addEventListener('keydown', (event) => {
+            if(event.keyCode == 27) { // Escape key
+                hideDfnPanel(dfnPanel, dfn);
                 event.stopPropagation();
-            });
+                event.preventDefault();
+            }
+        })
+    }
+}
+</script>
+<script>/* script-dfn-panel-json */
+window.dfnpanelData = {};
+window.dfnpanelData['dec095e6'] = {"dfnID": "dec095e6", "url": "https://w3c.github.io/webappsec-csp/#violation-sample", "dfnText": "sample", "refSections": [{"refs": [{"id": "ref-for-violation-sample"}], "title": "1. Fully qualified codec strings"}, {"refs": [{"id": "ref-for-violation-sample\u2460"}, {"id": "ref-for-violation-sample\u2461"}], "title": "2. EncodedAudioChunk data"}], "external": true};
+window.dfnpanelData['b2b50670'] = {"dfnID": "b2b50670", "url": "https://w3c.github.io/webcodecs/#dom-encodedaudiochunktype-key", "dfnText": "\"key\"", "refSections": [{"refs": [{"id": "ref-for-dom-encodedaudiochunktype-key"}], "title": "4. EncodedAudioChunk type"}], "external": true};
+window.dfnpanelData['ef90ef6c'] = {"dfnID": "ef90ef6c", "url": "https://w3c.github.io/webcodecs/#audiodata", "dfnText": "AudioData", "refSections": [{"refs": [{"id": "ref-for-audiodata"}], "title": "1. Fully qualified codec strings"}], "external": true};
+window.dfnpanelData['08e6b53d'] = {"dfnID": "08e6b53d", "url": "https://w3c.github.io/webcodecs/#dictdef-audiodecoderconfig", "dfnText": "AudioDecoderConfig", "refSections": [{"refs": [{"id": "ref-for-dictdef-audiodecoderconfig"}], "title": "3. AudioDecoderConfig description"}], "external": true};
+window.dfnpanelData['35395c67'] = {"dfnID": "35395c67", "url": "https://w3c.github.io/webcodecs/#enumdef-audiosampleformat", "dfnText": "AudioSampleFormat", "refSections": [{"refs": [{"id": "ref-for-enumdef-audiosampleformat"}], "title": "1. Fully qualified codec strings"}], "external": true};
+window.dfnpanelData['ddafb265'] = {"dfnID": "ddafb265", "url": "https://w3c.github.io/webcodecs/#encodedaudiochunk", "dfnText": "EncodedAudioChunk", "refSections": [{"refs": [{"id": "ref-for-encodedaudiochunk"}, {"id": "ref-for-encodedaudiochunk\u2460"}], "title": "Unnumbered Section"}, {"refs": [{"id": "ref-for-encodedaudiochunk\u2461"}], "title": "1. Fully qualified codec strings"}, {"refs": [{"id": "ref-for-encodedaudiochunk\u2462"}], "title": "2. EncodedAudioChunk data"}, {"refs": [{"id": "ref-for-encodedaudiochunk\u2463"}], "title": "4. EncodedAudioChunk type"}], "external": true};
+window.dfnpanelData['590cc552'] = {"dfnID": "590cc552", "url": "https://w3c.github.io/webcodecs/#dom-encodedaudiochunk-internal-data-slot", "dfnText": "[[internal data]]", "refSections": [{"refs": [{"id": "ref-for-dom-encodedaudiochunk-internal-data-slot"}], "title": "Unnumbered Section"}, {"refs": [{"id": "ref-for-dom-encodedaudiochunk-internal-data-slot\u2460"}], "title": "2. EncodedAudioChunk data"}], "external": true};
+window.dfnpanelData['e3c4cd34'] = {"dfnID": "e3c4cd34", "url": "https://w3c.github.io/webcodecs/#dom-encodedaudiochunk-type-slot", "dfnText": "[[type]]", "refSections": [{"refs": [{"id": "ref-for-dom-encodedaudiochunk-type-slot"}], "title": "Unnumbered Section"}, {"refs": [{"id": "ref-for-dom-encodedaudiochunk-type-slot\u2460"}], "title": "4. EncodedAudioChunk type"}], "external": true};
+window.dfnpanelData['8ca40a84'] = {"dfnID": "8ca40a84", "url": "https://w3c.github.io/webcodecs/#dom-audiodecoderconfig-description", "dfnText": "description", "refSections": [{"refs": [{"id": "ref-for-dom-audiodecoderconfig-description"}], "title": "Unnumbered Section"}, {"refs": [{"id": "ref-for-dom-audiodecoderconfig-description\u2460"}], "title": "3. AudioDecoderConfig description"}], "external": true};
+window.dfnpanelData['8c3d7a21'] = {"dfnID": "8c3d7a21", "url": "https://w3c.github.io/webcodecs/#dom-audiosampleformat-f32", "dfnText": "f32", "refSections": [{"refs": [{"id": "ref-for-dom-audiosampleformat-f32"}, {"id": "ref-for-dom-audiosampleformat-f32\u2460"}], "title": "1. Fully qualified codec strings"}], "external": true};
+window.dfnpanelData['11c3cc9f'] = {"dfnID": "11c3cc9f", "url": "https://w3c.github.io/webcodecs/#interleaved", "dfnText": "interleaved", "refSections": [{"refs": [{"id": "ref-for-interleaved"}], "title": "1. Fully qualified codec strings"}, {"refs": [{"id": "ref-for-interleaved\u2460"}], "title": "2. EncodedAudioChunk data"}], "external": true};
+window.dfnpanelData['71cccca5'] = {"dfnID": "71cccca5", "url": "https://w3c.github.io/webcodecs/#dom-audiosampleformat-s16", "dfnText": "s16", "refSections": [{"refs": [{"id": "ref-for-dom-audiosampleformat-s16"}], "title": "1. Fully qualified codec strings"}], "external": true};
+window.dfnpanelData['ddb7e353'] = {"dfnID": "ddb7e353", "url": "https://w3c.github.io/webcodecs/#dom-audiosampleformat-s32", "dfnText": "s32", "refSections": [{"refs": [{"id": "ref-for-dom-audiosampleformat-s32"}, {"id": "ref-for-dom-audiosampleformat-s32\u2460"}], "title": "1. Fully qualified codec strings"}], "external": true};
+window.dfnpanelData['f26e6cf2'] = {"dfnID": "f26e6cf2", "url": "https://w3c.github.io/webcodecs/#dom-audiosampleformat-u8", "dfnText": "u8", "refSections": [{"refs": [{"id": "ref-for-dom-audiosampleformat-u8"}], "title": "1. Fully qualified codec strings"}], "external": true};
+</script>
+<script>/* script-dom-helper */
+function query(sel) { return document.querySelector(sel); }
+
+function queryAll(sel) { return [...document.querySelectorAll(sel)]; }
+
+function iter(obj) {
+	if(!obj) return [];
+	var it = obj[Symbol.iterator];
+	if(it) return it;
+	return Object.entries(obj);
+}
 
-            dfnPanel.addEventListener('keydown', (event) => {
-                if(event.keyCode == 27) { // Escape key
-                    hideDfnPanel(dfnPanel, dfn);
-                    event.stopPropagation();
-                    event.preventDefault();
-                }
-            })
+function mk(tagname, attrs, ...children) {
+	const el = document.createElement(tagname);
+	for(const [k,v] of iter(attrs)) {
+		if(k.slice(0,3) == "_on") {
+			const eventName = k.slice(3);
+			el.addEventListener(eventName, v);
+		} else if(k[0] == "_") {
+			// property, not attribute
+			el[k.slice(1)] = v;
+		} else {
+			if(v === false || v == null) {
+        continue;
+      } else if(v === true) {
+        el.setAttribute(k, "");
+        continue;
+      } else {
+  			el.setAttribute(k, v);
+      }
+		}
+	}
+	append(el, children);
+	return el;
+}
 
-        } else {
-            console.log("Couldn't find .dfn-panel[data-for='" + dfn.id + "']");
-        }
-    }
+/* Create shortcuts for every known HTML element */
+[
+  "a",
+  "abbr",
+  "acronym",
+  "address",
+  "applet",
+  "area",
+  "article",
+  "aside",
+  "audio",
+  "b",
+  "base",
+  "basefont",
+  "bdo",
+  "big",
+  "blockquote",
+  "body",
+  "br",
+  "button",
+  "canvas",
+  "caption",
+  "center",
+  "cite",
+  "code",
+  "col",
+  "colgroup",
+  "datalist",
+  "dd",
+  "del",
+  "details",
+  "dfn",
+  "dialog",
+  "div",
+  "dl",
+  "dt",
+  "em",
+  "embed",
+  "fieldset",
+  "figcaption",
+  "figure",
+  "font",
+  "footer",
+  "form",
+  "frame",
+  "frameset",
+  "head",
+  "header",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "hr",
+  "html",
+  "i",
+  "iframe",
+  "img",
+  "input",
+  "ins",
+  "kbd",
+  "label",
+  "legend",
+  "li",
+  "link",
+  "main",
+  "map",
+  "mark",
+  "meta",
+  "meter",
+  "nav",
+  "nobr",
+  "noscript",
+  "object",
+  "ol",
+  "optgroup",
+  "option",
+  "output",
+  "p",
+  "param",
+  "pre",
+  "progress",
+  "q",
+  "s",
+  "samp",
+  "script",
+  "section",
+  "select",
+  "small",
+  "source",
+  "span",
+  "strike",
+  "strong",
+  "style",
+  "sub",
+  "summary",
+  "sup",
+  "table",
+  "tbody",
+  "td",
+  "template",
+  "textarea",
+  "tfoot",
+  "th",
+  "thead",
+  "time",
+  "title",
+  "tr",
+  "u",
+  "ul",
+  "var",
+  "video",
+  "wbr",
+  "xmp",
+].forEach(tagname=>{
+	mk[tagname] = (...args) => mk(tagname, ...args);
+});
+
+function* nodesFromChildList(children) {
+	for(const child of children.flat(Infinity)) {
+		if(child instanceof Node) {
+			yield child;
+		} else {
+			yield new Text(child);
+		}
+	}
 }
-</script>
\ No newline at end of file
+function append(el, ...children) {
+	for(const child of nodesFromChildList(children)) {
+		if(el instanceof Node) el.appendChild(child);
+		else el.push(child);
+	}
+	return el;
+}
+
+function insertAfter(el, ...children) {
+	for(const child of nodesFromChildList(children)) {
+		el.parentNode.insertBefore(child, el.nextSibling);
+	}
+	return el;
+}
+
+function clearContents(el) {
+	el.innerHTML = "";
+	return el;
+}
+
+function parseHTML(markup) {
+	if(markup.toLowerCase().trim().indexOf('<!doctype') === 0) {
+		const doc = document.implementation.createHTMLDocument("");
+		doc.documentElement.innerHTML = markup;
+		return doc;
+	} else {
+		const el = mk.template({});
+		el.innerHTML = markup;
+		return el.content;
+	}
+}</script>
\ No newline at end of file