From 375bfe8467746645ae718182c54ebda0db56f498 Mon Sep 17 00:00:00 2001
From: Austin Sullivan <asully@chromium.org>
Date: Tue, 20 Jun 2023 19:36:17 +0000
Subject: [PATCH] chore(rebuild): Update references to the since-renamed Origin
 Private File System

whatwg/fs#129 renames the Origin Private File System to the Bucket File System

See whatwg/fs#92 for context

SHA: 3700ab860a79d527905ef0ffef238b2bb6fd87f6
Reason: push, by @a-sully

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 index.html | 2502 ++++++++++++++++++++++------------------------------
 1 file changed, 1073 insertions(+), 1429 deletions(-)

diff --git a/index.html b/index.html
index 147c953..9809697 100644
--- a/index.html
+++ b/index.html
@@ -4,9 +4,9 @@
   <title>File System Access</title>
   <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
   <link href="https://www.w3.org/StyleSheets/TR/2021/cg-draft" rel="stylesheet">
-  <meta content="Bikeshed version d9bd89757, updated Thu Mar 23 10:06:53 2023 -0700" name="generator">
+  <meta content="Bikeshed version 5fcd28d6d, updated Tue May 30 13:12:11 2023 -0700" name="generator">
   <link href="https://wicg.github.io/file-system-access/" rel="canonical">
-  <meta content="f0fd3b355cdb4f874c6236f26ea524ebf0b5fe93" name="document-revision">
+  <meta content="3700ab860a79d527905ef0ffef238b2bb6fd87f6" name="document-revision">
 <style>
 .domintro dt {
     font-family: Menlo, Consolas, "DejaVu Sans Mono", Monaco, monospace;
@@ -26,7 +26,7 @@
 
 }
 </style>
-<style>/* style-autolinks */
+<style>/* Boilerplate: style-autolinks */
 .css.css, .property.property, .descriptor.descriptor {
     color: var(--a-normal-text);
     font-size: inherit;
@@ -87,8 +87,16 @@
 [data-link-type=biblio] {
     white-space: pre;
 }
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        --selflink-text: black;
+        --selflink-bg: silver;
+        --selflink-hover-text: white;
+    }
+}
 </style>
-<style>/* style-colors */
+<style>/* Boilerplate: style-colors */
 
 /* Any --*-text not paired with a --*-bg is assumed to have a transparent bg */
 :root {
@@ -197,8 +205,120 @@
 
     --editedrec-bg: darkorange;
 }
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        --text: #ddd;
+        --bg: black;
+
+        --unofficial-watermark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cg fill='%23100808' transform='translate(200 200) rotate(-45) translate(-200 -200)' stroke='%23100808' stroke-width='3'%3E%3Ctext x='50%25' y='220' style='font: bold 70px sans-serif; text-anchor: middle; letter-spacing: 6px;'%3EUNOFFICIAL%3C/text%3E%3Ctext x='50%25' y='305' style='font: bold 70px sans-serif; text-anchor: middle; letter-spacing: 6px;'%3EDRAFT%3C/text%3E%3C/g%3E%3C/svg%3E");
+
+        --logo-bg: #1a5e9a;
+        --logo-active-bg: #c00;
+        --logo-text: white;
+
+        --tocnav-normal-text: #999;
+        --tocnav-normal-bg: var(--bg);
+        --tocnav-hover-text: var(--tocnav-normal-text);
+        --tocnav-hover-bg: #080808;
+        --tocnav-active-text: #f44;
+        --tocnav-active-bg: var(--tocnav-normal-bg);
+
+        --tocsidebar-text: var(--text);
+        --tocsidebar-bg: #080808;
+        --tocsidebar-shadow: rgba(255,255,255,.1);
+        --tocsidebar-heading-text: hsla(203,20%,40%,.7);
+
+        --toclink-text: var(--text);
+        --toclink-underline: #6af;
+        --toclink-visited-text: var(--toclink-text);
+        --toclink-visited-underline: #054572;
+
+        --heading-text: #8af;
+
+        --hr-text: var(--text);
+
+        --algo-border: #456;
+
+        --del-text: #f44;
+        --del-bg: transparent;
+        --ins-text: #4a4;
+        --ins-bg: transparent;
+
+        --a-normal-text: #6af;
+        --a-normal-underline: #555;
+        --a-visited-text: var(--a-normal-text);
+        --a-visited-underline: var(--a-normal-underline);
+        --a-hover-bg: rgba(25%, 25%, 25%, .2);
+        --a-active-text: #f44;
+        --a-active-underline: var(--a-active-text);
+
+        --borderedblock-bg: rgba(255, 255, 255, .05);
+
+        --blockquote-border: silver;
+        --blockquote-bg: var(--borderedblock-bg);
+        --blockquote-text: currentcolor;
+
+        --issue-border: #e05252;
+        --issue-bg: var(--borderedblock-bg);
+        --issue-text: var(--text);
+        --issueheading-text: hsl(0deg, 70%, 70%);
+
+        --example-border: hsl(50deg, 90%, 60%);
+        --example-bg: var(--borderedblock-bg);
+        --example-text: var(--text);
+        --exampleheading-text: hsl(50deg, 70%, 70%);
+
+        --note-border: hsl(120deg, 100%, 35%);
+        --note-bg: var(--borderedblock-bg);
+        --note-text: var(--text);
+        --noteheading-text: hsl(120, 70%, 70%);
+        --notesummary-underline: silver;
+
+        --assertion-border: #444;
+        --assertion-bg: var(--borderedblock-bg);
+        --assertion-text: var(--text);
+
+        --advisement-border: orange;
+        --advisement-bg: #222218;
+        --advisement-text: var(--text);
+        --advisementheading-text: #f84;
+
+        --warning-border: red;
+        --warning-bg: hsla(40,100%,20%,0.95);
+        --warning-text: var(--text);
+
+        --amendment-border: #330099;
+        --amendment-bg: #080010;
+        --amendment-text: var(--text);
+        --amendmentheading-text: #cc00ff;
+
+        --def-border: #8ccbf2;
+        --def-bg: #080818;
+        --def-text: var(--text);
+        --defrow-border: #136;
+
+        --datacell-border: silver;
+
+        --indexinfo-text: #aaa;
+
+        --indextable-hover-text: var(--text);
+        --indextable-hover-bg: #181818;
+
+        --outdatedspec-bg: rgba(255, 255, 255, .5);
+        --outdatedspec-text: black;
+        --outdated-bg: maroon;
+        --outdated-text: white;
+        --outdated-shadow: red;
+
+        --editedrec-bg: darkorange;
+    }
+    /* In case a transparent-bg image doesn't expect to be on a dark bg,
+       which is quite common in practice... */
+    img { background: white; }
+}
 </style>
-<style>/* style-counters */
+<style>/* Boilerplate: style-counters */
 body {
     counter-reset: example figure issue;
 }
@@ -227,17 +347,22 @@
     content: "Figure " counter(figure) " ";
 }
 </style>
-<style>/* style-dfn-panel */
+<style>/* Boilerplate: style-dfn-panel */
 :root {
     --dfnpanel-bg: #ddd;
     --dfnpanel-text: var(--text);
 }
+@media (prefers-color-scheme: dark) {
+    :root {
+        --dfnpanel-bg: #222;
+        --dfnpanel-text: var(--text);
+    }
+}
 .dfn-panel {
     position: absolute;
     z-index: 35;
     width: 20em;
-    min-width: min-content;
-    max-width: 300px;
+    width: 300px;
     height: auto;
     max-height: 500px;
     overflow: auto;
@@ -254,8 +379,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;
@@ -266,9 +398,62 @@
     max-height: 30vh;
 }
 
-.dfn-paneled { cursor: pointer; }
+.dfn-paneled[role="button"] { cursor: pointer; }
 </style>
-<style>/* style-issues */
+<style>/* Boilerplate: style-dfn-panel */
+:root {
+    --dfnpanel-bg: #ddd;
+    --dfnpanel-text: var(--text);
+}
+@media (prefers-color-scheme: dark) {
+    :root {
+        --dfnpanel-bg: #222;
+        --dfnpanel-text: var(--text);
+    }
+}
+.dfn-panel {
+    position: absolute;
+    z-index: 35;
+    width: 20em;
+    width: 300px;
+    height: auto;
+    max-height: 500px;
+    overflow: auto;
+    padding: 0.5em 0.75em;
+    font: small Helvetica Neue, sans-serif, Droid Sans Fallback;
+    background: var(--dfnpanel-bg);
+    color: var(--dfnpanel-text);
+    border: outset 0.2em;
+    white-space: normal; /* in case it's moved into a pre */
+}
+.dfn-panel:not(.on) { display: none; }
+.dfn-panel * { margin: 0; padding: 0; text-indent: 0; }
+.dfn-panel > b { display: block; }
+.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 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;
+    left: .5em;
+    bottom: 2em;
+    margin: 0 auto;
+    max-width: calc(100vw - 1.5em - .4em - .5em);
+    max-height: 30vh;
+}
+
+.dfn-paneled[role="button"] { cursor: pointer; }
+</style>
+<style>/* Boilerplate: style-issues */
 a[href].issue-return {
     float: right;
     float: inline-end;
@@ -277,7 +462,7 @@
     text-decoration: none;
 }
 </style>
-<style>/* style-md-lists */
+<style>/* Boilerplate: style-md-lists */
 /* This is a weird hack for me not yet following the commonmark spec
    regarding paragraph and lists. */
 [data-md] > :first-child {
@@ -287,12 +472,19 @@
     margin-bottom: 0;
 }
 </style>
-<style>/* style-mdn-anno */
+<style>/* Boilerplate: style-mdn-anno */
 :root {
 	--mdn-bg: #EEE;
 	--mdn-shadow: #999;
 	--mdn-nosupport-text: #ccc;
 }
+@media (prefers-color-scheme: dark) {
+	:root {
+		--mdn-bg: #222;
+		--mdn-shadow: #444;
+		--mdn-nosupport-text: #666;
+	}
+}
 .mdn-anno {
 	background: var(--mdn-bg, #EEE);
 	border-radius: .25em;
@@ -500,7 +692,7 @@
 	margin: -40px 0 0 0;
 }
 </style>
-<style>/* style-selflinks */
+<style>/* Boilerplate: style-selflinks */
 
 :root {
     --selflink-text: white;
@@ -560,12 +752,36 @@
 .heading > a.self-link::before { content: "§"; }
 dfn > a.self-link::before      { content: "#"; }
 </style>
-<style>/* style-syntax-highlighting */
+<style>/* Boilerplate: style-style-syntax-highlighting */
 
             pre.idl.highlight {
                 background: var(--borderedblock-bg, var(--def-bg));
             }
             
+</style>
+<style>/* Boilerplate: style-style-var-click-highlighting */
+/*
+Colors were chosen in Lab using https://nixsensor.com/free-color-converter/
+D50 2deg illuminant, L in [0,100], a and b in [-128, 128]
+0 = lab(85,0,85)
+1 = lab(85,80,30)
+2 = lab(85,-40,40)
+3 = lab(85,-50,0)
+4 = lab(85,5,15)
+5 = lab(85,-10,-50)
+6 = lab(85,35,-15)
+*/
+var { cursor: pointer; }
+var.selected0 { background-color: #F4D200; box-shadow: 0 0 0 2px #F4D200; }
+var.selected1 { background-color: #FF87A2; box-shadow: 0 0 0 2px #FF87A2; }
+var.selected2 { background-color: #96E885; box-shadow: 0 0 0 2px #96E885; }
+var.selected3 { background-color: #3EEED2; box-shadow: 0 0 0 2px #3EEED2; }
+var.selected4 { background-color: #EACFB6; box-shadow: 0 0 0 2px #EACFB6; }
+var.selected5 { background-color: #82DDFF; box-shadow: 0 0 0 2px #82DDFF; }
+var.selected6 { background-color: #FFBCF2; box-shadow: 0 0 0 2px #FFBCF2; }
+</style>
+<style>/* Boilerplate: style-syntax-highlighting */
+
 code.highlight { padding: .1em; border-radius: .3em; }
 pre.highlight, pre > code.highlight { display: block; padding: 1em; margin: .5em 0; overflow: auto; border-radius: 0; }
 
@@ -581,194 +797,49 @@
 c-[l] { color: #000000 } /* Literal */
 c-[m] { color: #000000 } /* Literal.Number */
 c-[n] { color: #0077aa } /* Name */
-c-[o] { color: #999999 } /* Operator */
-c-[p] { color: #999999 } /* Punctuation */
-c-[s] { color: #a67f59 } /* Literal.String */
-c-[t] { color: #a67f59 } /* Literal.String.Single */
-c-[u] { color: #a67f59 } /* Literal.String.Double */
-c-[cp] { color: #708090 } /* Comment.Preproc */
-c-[c1] { color: #708090 } /* Comment.Single */
-c-[cs] { color: #708090 } /* Comment.Special */
-c-[kc] { color: #990055 } /* Keyword.Constant */
-c-[kn] { color: #990055 } /* Keyword.Namespace */
-c-[kp] { color: #990055 } /* Keyword.Pseudo */
-c-[kr] { color: #990055 } /* Keyword.Reserved */
-c-[ld] { color: #000000 } /* Literal.Date */
-c-[nc] { color: #0077aa } /* Name.Class */
-c-[no] { color: #0077aa } /* Name.Constant */
-c-[nd] { color: #0077aa } /* Name.Decorator */
-c-[ni] { color: #0077aa } /* Name.Entity */
-c-[ne] { color: #0077aa } /* Name.Exception */
-c-[nf] { color: #0077aa } /* Name.Function */
-c-[nl] { color: #0077aa } /* Name.Label */
-c-[nn] { color: #0077aa } /* Name.Namespace */
-c-[py] { color: #0077aa } /* Name.Property */
-c-[ow] { color: #999999 } /* Operator.Word */
-c-[mb] { color: #000000 } /* Literal.Number.Bin */
-c-[mf] { color: #000000 } /* Literal.Number.Float */
-c-[mh] { color: #000000 } /* Literal.Number.Hex */
-c-[mi] { color: #000000 } /* Literal.Number.Integer */
-c-[mo] { color: #000000 } /* Literal.Number.Oct */
-c-[sb] { color: #a67f59 } /* Literal.String.Backtick */
-c-[sc] { color: #a67f59 } /* Literal.String.Char */
-c-[sd] { color: #a67f59 } /* Literal.String.Doc */
-c-[se] { color: #a67f59 } /* Literal.String.Escape */
-c-[sh] { color: #a67f59 } /* Literal.String.Heredoc */
-c-[si] { color: #a67f59 } /* Literal.String.Interpol */
-c-[sx] { color: #a67f59 } /* Literal.String.Other */
-c-[sr] { color: #a67f59 } /* Literal.String.Regex */
-c-[ss] { color: #a67f59 } /* Literal.String.Symbol */
-c-[vc] { color: #0077aa } /* Name.Variable.Class */
-c-[vg] { color: #0077aa } /* Name.Variable.Global */
-c-[vi] { color: #0077aa } /* Name.Variable.Instance */
-c-[il] { color: #000000 } /* Literal.Number.Integer.Long */
-</style>
-<style>/* style-var-click-highlighting */
-
-    var { cursor: pointer; }
-    var.selected0 { background-color: #F4D200; box-shadow: 0 0 0 2px #F4D200; }
-    var.selected1 { background-color: #FF87A2; box-shadow: 0 0 0 2px #FF87A2; }
-    var.selected2 { background-color: #96E885; box-shadow: 0 0 0 2px #96E885; }
-    var.selected3 { background-color: #3EEED2; box-shadow: 0 0 0 2px #3EEED2; }
-    var.selected4 { background-color: #EACFB6; box-shadow: 0 0 0 2px #EACFB6; }
-    var.selected5 { background-color: #82DDFF; box-shadow: 0 0 0 2px #82DDFF; }
-    var.selected6 { background-color: #FFBCF2; box-shadow: 0 0 0 2px #FFBCF2; }
-    </style>
-<style>/* style-darkmode */
-
-@media (prefers-color-scheme: dark) {
-    :root {
-        --text: #ddd;
-        --bg: black;
-
-        --unofficial-watermark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cg fill='%23100808' transform='translate(200 200) rotate(-45) translate(-200 -200)' stroke='%23100808' stroke-width='3'%3E%3Ctext x='50%25' y='220' style='font: bold 70px sans-serif; text-anchor: middle; letter-spacing: 6px;'%3EUNOFFICIAL%3C/text%3E%3Ctext x='50%25' y='305' style='font: bold 70px sans-serif; text-anchor: middle; letter-spacing: 6px;'%3EDRAFT%3C/text%3E%3C/g%3E%3C/svg%3E");
-
-        --logo-bg: #1a5e9a;
-        --logo-active-bg: #c00;
-        --logo-text: white;
-
-        --tocnav-normal-text: #999;
-        --tocnav-normal-bg: var(--bg);
-        --tocnav-hover-text: var(--tocnav-normal-text);
-        --tocnav-hover-bg: #080808;
-        --tocnav-active-text: #f44;
-        --tocnav-active-bg: var(--tocnav-normal-bg);
-
-        --tocsidebar-text: var(--text);
-        --tocsidebar-bg: #080808;
-        --tocsidebar-shadow: rgba(255,255,255,.1);
-        --tocsidebar-heading-text: hsla(203,20%,40%,.7);
-
-        --toclink-text: var(--text);
-        --toclink-underline: #6af;
-        --toclink-visited-text: var(--toclink-text);
-        --toclink-visited-underline: #054572;
-
-        --heading-text: #8af;
-
-        --hr-text: var(--text);
-
-        --algo-border: #456;
-
-        --del-text: #f44;
-        --del-bg: transparent;
-        --ins-text: #4a4;
-        --ins-bg: transparent;
-
-        --a-normal-text: #6af;
-        --a-normal-underline: #555;
-        --a-visited-text: var(--a-normal-text);
-        --a-visited-underline: var(--a-normal-underline);
-        --a-hover-bg: rgba(25%, 25%, 25%, .2);
-        --a-active-text: #f44;
-        --a-active-underline: var(--a-active-text);
-
-        --borderedblock-bg: rgba(255, 255, 255, .05);
-
-        --blockquote-border: silver;
-        --blockquote-bg: var(--borderedblock-bg);
-        --blockquote-text: currentcolor;
-
-        --issue-border: #e05252;
-        --issue-bg: var(--borderedblock-bg);
-        --issue-text: var(--text);
-        --issueheading-text: hsl(0deg, 70%, 70%);
-
-        --example-border: hsl(50deg, 90%, 60%);
-        --example-bg: var(--borderedblock-bg);
-        --example-text: var(--text);
-        --exampleheading-text: hsl(50deg, 70%, 70%);
-
-        --note-border: hsl(120deg, 100%, 35%);
-        --note-bg: var(--borderedblock-bg);
-        --note-text: var(--text);
-        --noteheading-text: hsl(120, 70%, 70%);
-        --notesummary-underline: silver;
-
-        --assertion-border: #444;
-        --assertion-bg: var(--borderedblock-bg);
-        --assertion-text: var(--text);
-
-        --advisement-border: orange;
-        --advisement-bg: #222218;
-        --advisement-text: var(--text);
-        --advisementheading-text: #f84;
-
-        --warning-border: red;
-        --warning-bg: hsla(40,100%,20%,0.95);
-        --warning-text: var(--text);
-
-        --amendment-border: #330099;
-        --amendment-bg: #080010;
-        --amendment-text: var(--text);
-        --amendmentheading-text: #cc00ff;
-
-        --def-border: #8ccbf2;
-        --def-bg: #080818;
-        --def-text: var(--text);
-        --defrow-border: #136;
-
-        --datacell-border: silver;
-
-        --indexinfo-text: #aaa;
-
-        --indextable-hover-text: var(--text);
-        --indextable-hover-bg: #181818;
-
-        --outdatedspec-bg: rgba(255, 255, 255, .5);
-        --outdatedspec-text: black;
-        --outdated-bg: maroon;
-        --outdated-text: white;
-        --outdated-shadow: red;
-
-        --editedrec-bg: darkorange;
-    }
-    /* In case a transparent-bg image doesn't expect to be on a dark bg,
-       which is quite common in practice... */
-    img { background: white; }
-}
+c-[o] { color: #999999 } /* Operator */
+c-[p] { color: #999999 } /* Punctuation */
+c-[s] { color: #a67f59 } /* Literal.String */
+c-[t] { color: #a67f59 } /* Literal.String.Single */
+c-[u] { color: #a67f59 } /* Literal.String.Double */
+c-[cp] { color: #708090 } /* Comment.Preproc */
+c-[c1] { color: #708090 } /* Comment.Single */
+c-[cs] { color: #708090 } /* Comment.Special */
+c-[kc] { color: #990055 } /* Keyword.Constant */
+c-[kn] { color: #990055 } /* Keyword.Namespace */
+c-[kp] { color: #990055 } /* Keyword.Pseudo */
+c-[kr] { color: #990055 } /* Keyword.Reserved */
+c-[ld] { color: #000000 } /* Literal.Date */
+c-[nc] { color: #0077aa } /* Name.Class */
+c-[no] { color: #0077aa } /* Name.Constant */
+c-[nd] { color: #0077aa } /* Name.Decorator */
+c-[ni] { color: #0077aa } /* Name.Entity */
+c-[ne] { color: #0077aa } /* Name.Exception */
+c-[nf] { color: #0077aa } /* Name.Function */
+c-[nl] { color: #0077aa } /* Name.Label */
+c-[nn] { color: #0077aa } /* Name.Namespace */
+c-[py] { color: #0077aa } /* Name.Property */
+c-[ow] { color: #999999 } /* Operator.Word */
+c-[mb] { color: #000000 } /* Literal.Number.Bin */
+c-[mf] { color: #000000 } /* Literal.Number.Float */
+c-[mh] { color: #000000 } /* Literal.Number.Hex */
+c-[mi] { color: #000000 } /* Literal.Number.Integer */
+c-[mo] { color: #000000 } /* Literal.Number.Oct */
+c-[sb] { color: #a67f59 } /* Literal.String.Backtick */
+c-[sc] { color: #a67f59 } /* Literal.String.Char */
+c-[sd] { color: #a67f59 } /* Literal.String.Doc */
+c-[se] { color: #a67f59 } /* Literal.String.Escape */
+c-[sh] { color: #a67f59 } /* Literal.String.Heredoc */
+c-[si] { color: #a67f59 } /* Literal.String.Interpol */
+c-[sx] { color: #a67f59 } /* Literal.String.Other */
+c-[sr] { color: #a67f59 } /* Literal.String.Regex */
+c-[ss] { color: #a67f59 } /* Literal.String.Symbol */
+c-[vc] { color: #0077aa } /* Name.Variable.Class */
+c-[vg] { color: #0077aa } /* Name.Variable.Global */
+c-[vi] { color: #0077aa } /* Name.Variable.Instance */
+c-[il] { color: #000000 } /* Literal.Number.Integer.Long */
 
-@media (prefers-color-scheme: dark) {
-    :root {
-        --selflink-text: black;
-        --selflink-bg: silver;
-        --selflink-hover-text: white;
-    }
-}
 
-@media (prefers-color-scheme: dark) {
-    :root {
-        --dfnpanel-bg: #222;
-        --dfnpanel-text: var(--text);
-    }
-}
-@media (prefers-color-scheme: dark) {
-	:root {
-		--mdn-bg: #222;
-		--mdn-shadow: #444;
-		--mdn-nosupport-text: #666;
-	}
-}
 @media (prefers-color-scheme: dark) {
     .highlight:not(.idl) { background: rgba(255, 255, 255, .05); }
 
@@ -836,7 +907,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">File System Access</h1>
-   <p id="w3c-state"><a href="https://www.w3.org/standards/types#CG-DRAFT">Draft Community Group Report</a>, <time class="dt-updated" datetime="2023-04-18">18 April 2023</time></p>
+   <p id="w3c-state"><a href="https://www.w3.org/standards/types#CG-DRAFT">Draft Community Group Report</a>, <time class="dt-updated" datetime="2023-06-20">20 June 2023</time></p>
    <div data-fill-with="spec-metadata">
     <dl>
      <dt>This version:
@@ -959,7 +1030,7 @@ <h2 class="heading settled" data-level="1" id="introduction"><span class="secno"
    <p>This API is similar to <a href="https://html.spec.whatwg.org/multipage/input.html#file-upload-state-(type=file)"><code>&lt;input type=file></code></a> and <a href="https://wicg.github.io/entries-api/#html-forms"><code>&lt;input type=file webkitdirectory></code></a> <a data-link-type="biblio" href="#biblio-entries-api" title="File and Directory Entries API">[entries-api]</a> in that user interaction happens through file and directory picker dialogs.
 Unlike those APIs, this API is currently purely a javascript API, and
 does not integrate with forms and/or input elements.</p>
-   <p>This API extends the API in <a data-link-type="biblio" href="#biblio-fs" title="File System Standard">[FS]</a>, which specifies an <a data-link-type="dfn" href="https://fs.spec.whatwg.org/#origin-private-file-system" id="ref-for-origin-private-file-system">origin private file system</a> which websites can get access to without having to first prompt the user for access.</p>
+   <p>This API extends the API in <a data-link-type="biblio" href="#biblio-fs" title="File System Standard">[FS]</a>, which specifies a <a data-link-type="dfn" href="https://fs.spec.whatwg.org/#origin-private-file-system" id="ref-for-origin-private-file-system">bucket file system</a> which websites can get access to without having to first prompt the user for access.</p>
    <h2 class="heading settled" data-level="2" id="files-and-directories"><span class="secno">2. </span><span class="content">Files and Directories</span><a class="self-link" href="#files-and-directories"></a></h2>
    <h3 class="heading settled" data-level="2.1" id="concepts"><span class="secno">2.1. </span><span class="content">Concepts</span><a class="self-link" href="#concepts"></a></h3>
    <p>A <dfn class="dfn-paneled" data-dfn-type="dfn" data-noexport id="valid-suffix-code-point">valid suffix code point</dfn> is a <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#code-point" id="ref-for-code-point">code point</a> that is <a data-link-type="dfn" href="https://infra.spec.whatwg.org/#ascii-alphanumeric" id="ref-for-ascii-alphanumeric">ASCII alphanumeric</a>,
@@ -993,7 +1064,7 @@ <h3 class="heading settled" data-level="2.2" id="permissions"><span class="secno
        <li data-md>
         <p>Let <var>entry</var> be <var>desc</var>.<code class="idl"><a data-link-type="idl" href="#dom-filesystempermissiondescriptor-handle" id="ref-for-dom-filesystempermissiondescriptor-handle">handle</a></code>'s <a data-link-type="dfn">entry</a>.</p>
        <li data-md>
-        <p>If <var>entry</var> represents a <a data-link-type="dfn" href="https://fs.spec.whatwg.org/#entry" id="ref-for-entry">file system entry</a> in an <a data-link-type="dfn" href="https://fs.spec.whatwg.org/#origin-private-file-system" id="ref-for-origin-private-file-system①">origin private file system</a>,
+        <p>If <var>entry</var> represents a <a data-link-type="dfn" href="https://fs.spec.whatwg.org/#entry" id="ref-for-entry">file system entry</a> in a <a data-link-type="dfn" href="https://fs.spec.whatwg.org/#origin-private-file-system" id="ref-for-origin-private-file-system①">bucket file system</a>,
 this descriptor’s <a data-link-type="dfn" href="https://w3c.github.io/permissions/#dfn-permission-state" id="ref-for-dfn-permission-state">permission state</a> must always be <code class="idl"><a data-link-type="idl" href="https://w3c.github.io/permissions/#dom-permissionstate-granted" id="ref-for-dom-permissionstate-granted">"granted"</a></code>.</p>
        <li data-md>
         <p>Otherwise, if <var>entry</var>’s <a data-link-type="dfn" href="https://fs.spec.whatwg.org/#entry-parent" id="ref-for-entry-parent">parent</a> is not null, this descriptor’s <a data-link-type="dfn" href="https://w3c.github.io/permissions/#dfn-permission-state" id="ref-for-dfn-permission-state①">permission state</a> must be
@@ -1498,7 +1569,7 @@ <h4 class="heading settled" data-level="3.2.2" id="api-filepickeroptions-startin
       <li data-md>
        <p>Let <var>origin</var> be <var>environment</var>’s <a data-link-type="dfn" href="https://html.spec.whatwg.org/multipage/webappapis.html#concept-settings-object-origin" id="ref-for-concept-settings-object-origin③">origin</a>.</p>
       <li data-md>
-       <p>If <var>startIn</var> is a <code class="idl"><a data-link-type="idl" href="https://fs.spec.whatwg.org/#filesystemhandle" id="ref-for-filesystemhandle⑥">FileSystemHandle</a></code> and is not <a data-link-type="dfn">in the origin private file system</a>:</p>
+       <p>If <var>startIn</var> is a <code class="idl"><a data-link-type="idl" href="https://fs.spec.whatwg.org/#filesystemhandle" id="ref-for-filesystemhandle⑥">FileSystemHandle</a></code> and <var>startIn</var> is not <a data-link-type="dfn" href="https://fs.spec.whatwg.org/#filesystemhandle-is-in-a-bucket-file-system" id="ref-for-filesystemhandle-is-in-a-bucket-file-system">in a bucket file system</a>:</p>
        <ol>
         <li data-md>
          <p>Let <var>entry</var> be the result of <a data-link-type="dfn" href="https://fs.spec.whatwg.org/#locating-an-entry" id="ref-for-locating-an-entry">locating an entry</a> given <var>startIn</var>’s <a data-link-type="dfn" href="https://fs.spec.whatwg.org/#filesystemhandle-locator" id="ref-for-filesystemhandle-locator">locator</a>.</p>
@@ -1966,7 +2037,7 @@ <h3 class="heading settled" data-level="6.2" id="security-ransomware"><span clas
 Additionally user agents can grant write access to files at whatever granularity they deem
 appropriate.</p>
     <h3 class="heading settled" data-level="6.3" id="filling-up-disk"><span class="secno">6.3. </span><span class="content">Filling up a users disk</span><a class="self-link" href="#filling-up-disk"></a></h3>
-    <p>Other than files in the <a data-link-type="dfn" href="https://fs.spec.whatwg.org/#origin-private-file-system" id="ref-for-origin-private-file-system②">origin private file system</a>, files written by this API are not subject
+    <p>Other than files in a <a data-link-type="dfn" href="https://fs.spec.whatwg.org/#origin-private-file-system" id="ref-for-origin-private-file-system②">bucket file system</a>, files written by this API are not subject
 to <a data-link-type="dfn" href="https://storage.spec.whatwg.org/#storage-quota" id="ref-for-storage-quota">storage quota</a>. As such websites can fill up a users disk without being limited by
 quota, which could leave a users device in a bad state (do note that even with storage that is
 subject to <a data-link-type="dfn" href="https://storage.spec.whatwg.org/#storage-quota" id="ref-for-storage-quota①">storage quota</a> it is still possible to fill up, or come close to filling up, a users
@@ -2087,745 +2158,129 @@ <h3 class="no-num no-ref heading settled" id="index-defined-here"><span class="c
    <li><a href="#dom-wellknowndirectory-videos">"videos"</a><span>, in § 3.2.2</span>
    <li><a href="#enumdef-wellknowndirectory">WellKnownDirectory</a><span>, in § 3.2.2</span>
   </ul>
-  <aside aria-labelledby="infopaneltitle-for-9d8e130057dd59bc8cab4f414e390ebf" class="dfn-panel" data-for="9d8e130057dd59bc8cab4f414e390ebf" id="infopanel-for-9d8e130057dd59bc8cab4f414e390ebf">
-   <span id="infopaneltitle-for-9d8e130057dd59bc8cab4f414e390ebf" style="display:none">Info about the 'FileSystemDirectoryHandle' external reference.</span><a href="https://fs.spec.whatwg.org/#filesystemdirectoryhandle">https://fs.spec.whatwg.org/#filesystemdirectoryhandle</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-filesystemdirectoryhandle">3. Accessing Local File System</a>
-    <li><a href="#ref-for-filesystemdirectoryhandle①">3.2.2. Starting Directory</a> <a href="#ref-for-filesystemdirectoryhandle②">(2)</a>
-    <li><a href="#ref-for-filesystemdirectoryhandle③">3.5. The showDirectoryPicker() method</a>
-    <li><a href="#ref-for-filesystemdirectoryhandle④">3.6. Drag and Drop</a> <a href="#ref-for-filesystemdirectoryhandle⑤">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-3676f7e2e8b5a2f06493cf29ace68e65" class="dfn-panel" data-for="3676f7e2e8b5a2f06493cf29ace68e65" id="infopanel-for-3676f7e2e8b5a2f06493cf29ace68e65">
-   <span id="infopaneltitle-for-3676f7e2e8b5a2f06493cf29ace68e65" style="display:none">Info about the 'FileSystemFileHandle' external reference.</span><a href="https://fs.spec.whatwg.org/#filesystemfilehandle">https://fs.spec.whatwg.org/#filesystemfilehandle</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-filesystemfilehandle">3. Accessing Local File System</a> <a href="#ref-for-filesystemfilehandle①">(2)</a>
-    <li><a href="#ref-for-filesystemfilehandle②">3.2.2. Starting Directory</a>
-    <li><a href="#ref-for-filesystemfilehandle③">3.3. The showOpenFilePicker() method</a>
-    <li><a href="#ref-for-filesystemfilehandle④">3.4. The showSaveFilePicker() method</a>
-    <li><a href="#ref-for-filesystemfilehandle⑤">3.6. Drag and Drop</a> <a href="#ref-for-filesystemfilehandle⑥">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-5e9b879b80ea09bdf0f924fbcaf37aef" class="dfn-panel" data-for="5e9b879b80ea09bdf0f924fbcaf37aef" id="infopanel-for-5e9b879b80ea09bdf0f924fbcaf37aef">
-   <span id="infopaneltitle-for-5e9b879b80ea09bdf0f924fbcaf37aef" style="display:none">Info about the 'FileSystemHandle' external reference.</span><a href="https://fs.spec.whatwg.org/#filesystemhandle">https://fs.spec.whatwg.org/#filesystemhandle</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-filesystemhandle">2.2. Permissions</a> <a href="#ref-for-filesystemhandle①">(2)</a> <a href="#ref-for-filesystemhandle②">(3)</a>
-    <li><a href="#ref-for-filesystemhandle③">2.3. The FileSystemHandle interface</a> <a href="#ref-for-filesystemhandle④">(2)</a>
-    <li><a href="#ref-for-filesystemhandle⑤">3. Accessing Local File System</a>
-    <li><a href="#ref-for-filesystemhandle⑥">3.2.2. Starting Directory</a>
-    <li><a href="#ref-for-filesystemhandle⑦">3.6. Drag and Drop</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-d64ad5f7058816032f70f2386f959485" class="dfn-panel" data-for="d64ad5f7058816032f70f2386f959485" id="infopanel-for-d64ad5f7058816032f70f2386f959485">
-   <span id="infopaneltitle-for-d64ad5f7058816032f70f2386f959485" style="display:none">Info about the 'binary data' external reference.</span><a href="https://fs.spec.whatwg.org/#file-entry-binary-data">https://fs.spec.whatwg.org/#file-entry-binary-data</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-file-entry-binary-data">3.4. The showSaveFilePicker() method</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-8512fb29d0eb31edcc9f625c19168119" class="dfn-panel" data-for="8512fb29d0eb31edcc9f625c19168119" id="infopanel-for-8512fb29d0eb31edcc9f625c19168119">
-   <span id="infopaneltitle-for-8512fb29d0eb31edcc9f625c19168119" style="display:none">Info about the 'directory entry' external reference.</span><a href="https://fs.spec.whatwg.org/#directory">https://fs.spec.whatwg.org/#directory</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-directory">3.2.2. Starting Directory</a>
-    <li><a href="#ref-for-directory①">3.5. The showDirectoryPicker() method</a>
-    <li><a href="#ref-for-directory②">3.6. Drag and Drop</a> <a href="#ref-for-directory③">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-6449045a7c035dd50b88afdac2cd2f46" class="dfn-panel" data-for="6449045a7c035dd50b88afdac2cd2f46" id="infopanel-for-6449045a7c035dd50b88afdac2cd2f46">
-   <span id="infopaneltitle-for-6449045a7c035dd50b88afdac2cd2f46" style="display:none">Info about the 'file entry' external reference.</span><a href="https://fs.spec.whatwg.org/#file">https://fs.spec.whatwg.org/#file</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-file">3.2.2. Starting Directory</a>
-    <li><a href="#ref-for-file①">3.3. The showOpenFilePicker() method</a>
-    <li><a href="#ref-for-file②">3.4. The showSaveFilePicker() method</a>
-    <li><a href="#ref-for-file③">3.6. Drag and Drop</a> <a href="#ref-for-file④">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-a3041a88fb118cb60f71471202b27eb9" class="dfn-panel" data-for="a3041a88fb118cb60f71471202b27eb9" id="infopanel-for-a3041a88fb118cb60f71471202b27eb9">
-   <span id="infopaneltitle-for-a3041a88fb118cb60f71471202b27eb9" style="display:none">Info about the 'file system entry' external reference.</span><a href="https://fs.spec.whatwg.org/#entry">https://fs.spec.whatwg.org/#entry</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-entry">2.2. Permissions</a>
-    <li><a href="#ref-for-entry①">3.2.2. Starting Directory</a>
-    <li><a href="#ref-for-entry②">3.6. Drag and Drop</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-608afb57686bca41a876438f2ca4ea01" class="dfn-panel" data-for="608afb57686bca41a876438f2ca4ea01" id="infopanel-for-608afb57686bca41a876438f2ca4ea01">
-   <span id="infopaneltitle-for-608afb57686bca41a876438f2ca4ea01" style="display:none">Info about the 'locating an entry' external reference.</span><a href="https://fs.spec.whatwg.org/#locating-an-entry">https://fs.spec.whatwg.org/#locating-an-entry</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-locating-an-entry">3.2.2. Starting Directory</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-0c42b246e80597b912ea885389750d22" class="dfn-panel" data-for="0c42b246e80597b912ea885389750d22" id="infopanel-for-0c42b246e80597b912ea885389750d22">
-   <span id="infopaneltitle-for-0c42b246e80597b912ea885389750d22" style="display:none">Info about the 'locator' external reference.</span><a href="https://fs.spec.whatwg.org/#filesystemhandle-locator">https://fs.spec.whatwg.org/#filesystemhandle-locator</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-filesystemhandle-locator">3.2.2. Starting Directory</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-488b20e27377df2b11b91bf74aa477a8" class="dfn-panel" data-for="488b20e27377df2b11b91bf74aa477a8" id="infopanel-for-488b20e27377df2b11b91bf74aa477a8">
-   <span id="infopaneltitle-for-488b20e27377df2b11b91bf74aa477a8" style="display:none">Info about the 'origin private file system' external reference.</span><a href="https://fs.spec.whatwg.org/#origin-private-file-system">https://fs.spec.whatwg.org/#origin-private-file-system</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-origin-private-file-system">1. Introduction</a>
-    <li><a href="#ref-for-origin-private-file-system①">2.2. Permissions</a>
-    <li><a href="#ref-for-origin-private-file-system②">6.3. Filling up a users disk</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-473d71ed7162ce5db3c35957be1a084d" class="dfn-panel" data-for="473d71ed7162ce5db3c35957be1a084d" id="infopanel-for-473d71ed7162ce5db3c35957be1a084d">
-   <span id="infopaneltitle-for-473d71ed7162ce5db3c35957be1a084d" style="display:none">Info about the 'parent' external reference.</span><a href="https://fs.spec.whatwg.org/#entry-parent">https://fs.spec.whatwg.org/#entry-parent</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-entry-parent">2.2. Permissions</a> <a href="#ref-for-entry-parent①">(2)</a>
-    <li><a href="#ref-for-entry-parent②">3.2.2. Starting Directory</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-837280b5a0a66b6ac9426b081795eb50" class="dfn-panel" data-for="837280b5a0a66b6ac9426b081795eb50" id="infopanel-for-837280b5a0a66b6ac9426b081795eb50">
-   <span id="infopaneltitle-for-837280b5a0a66b6ac9426b081795eb50" style="display:none">Info about the 'truncate(size)' external reference.</span><a href="https://fs.spec.whatwg.org/#dom-filesystemwritablefilestream-truncate">https://fs.spec.whatwg.org/#dom-filesystemwritablefilestream-truncate</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-filesystemwritablefilestream-truncate">6.3. Filling up a users disk</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-b280ebcef357234ef5c27cc643fb8577" class="dfn-panel" data-for="b280ebcef357234ef5c27cc643fb8577" id="infopanel-for-b280ebcef357234ef5c27cc643fb8577">
-   <span id="infopaneltitle-for-b280ebcef357234ef5c27cc643fb8577" style="display:none">Info about the 'DataTransferItem' external reference.</span><a href="https://html.spec.whatwg.org/multipage/dnd.html#datatransferitem">https://html.spec.whatwg.org/multipage/dnd.html#datatransferitem</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-datatransferitem">3.6. Drag and Drop</a> <a href="#ref-for-datatransferitem①">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-d920b917b35b57f8b17f0e92fc7e202a" class="dfn-panel" data-for="d920b917b35b57f8b17f0e92fc7e202a" id="infopanel-for-d920b917b35b57f8b17f0e92fc7e202a">
-   <span id="infopaneltitle-for-d920b917b35b57f8b17f0e92fc7e202a" style="display:none">Info about the 'Serializable' external reference.</span><a href="https://html.spec.whatwg.org/multipage/structured-data.html#serializable">https://html.spec.whatwg.org/multipage/structured-data.html#serializable</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-serializable">2.3. The FileSystemHandle interface</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-d1f0a86fd49be388d8b0159e241a1172" class="dfn-panel" data-for="d1f0a86fd49be388d8b0159e241a1172" id="infopanel-for-d1f0a86fd49be388d8b0159e241a1172">
-   <span id="infopaneltitle-for-d1f0a86fd49be388d8b0159e241a1172" style="display:none">Info about the 'Window' external reference.</span><a href="https://html.spec.whatwg.org/multipage/nav-history-apis.html#window">https://html.spec.whatwg.org/multipage/nav-history-apis.html#window</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-window">2.2. Permissions</a>
-    <li><a href="#ref-for-window①">3. Accessing Local File System</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-25155e0c95bc63cc9d7eb438622b81d4" class="dfn-panel" data-for="25155e0c95bc63cc9d7eb438622b81d4" id="infopanel-for-25155e0c95bc63cc9d7eb438622b81d4">
-   <span id="infopaneltitle-for-25155e0c95bc63cc9d7eb438622b81d4" style="display:none">Info about the 'activation notification' external reference.</span><a href="https://html.spec.whatwg.org/multipage/interaction.html#activation-notification">https://html.spec.whatwg.org/multipage/interaction.html#activation-notification</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-activation-notification">3.3. The showOpenFilePicker() method</a>
-    <li><a href="#ref-for-activation-notification①">3.4. The showSaveFilePicker() method</a>
-    <li><a href="#ref-for-activation-notification②">3.5. The showDirectoryPicker() method</a> <a href="#ref-for-activation-notification③">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-4c63bb6b5337d48a88ef318c20a3875b" class="dfn-panel" data-for="4c63bb6b5337d48a88ef318c20a3875b" id="infopanel-for-4c63bb6b5337d48a88ef318c20a3875b">
-   <span id="infopaneltitle-for-4c63bb6b5337d48a88ef318c20a3875b" style="display:none">Info about the 'as a download' external reference.</span><a href="https://html.spec.whatwg.org/multipage/links.html#as-a-download">https://html.spec.whatwg.org/multipage/links.html#as-a-download</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-as-a-download">3.4. The showSaveFilePicker() method</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-68909762b18952da5e4f7dae6d795890" class="dfn-panel" data-for="68909762b18952da5e4f7dae6d795890" id="infopanel-for-68909762b18952da5e4f7dae6d795890">
-   <span id="infopaneltitle-for-68909762b18952da5e4f7dae6d795890" style="display:none">Info about the 'browsing context' external reference.</span><a href="https://html.spec.whatwg.org/multipage/nav-history-apis.html#window-bc">https://html.spec.whatwg.org/multipage/nav-history-apis.html#window-bc</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-window-bc">3.3. The showOpenFilePicker() method</a>
-    <li><a href="#ref-for-window-bc①">3.4. The showSaveFilePicker() method</a>
-    <li><a href="#ref-for-window-bc②">3.5. The showDirectoryPicker() method</a> <a href="#ref-for-window-bc③">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-d815dc723d8b4fe4b1166e2013ec62b7" class="dfn-panel" data-for="d815dc723d8b4fe4b1166e2013ec62b7" id="infopanel-for-d815dc723d8b4fe4b1166e2013ec62b7">
-   <span id="infopaneltitle-for-d815dc723d8b4fe4b1166e2013ec62b7" style="display:none">Info about the 'environment settings object' external reference.</span><a href="https://html.spec.whatwg.org/multipage/webappapis.html#environment-settings-object">https://html.spec.whatwg.org/multipage/webappapis.html#environment-settings-object</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-environment-settings-object">3.2.2. Starting Directory</a> <a href="#ref-for-environment-settings-object①">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-53ea12fcca4eab4ccddd5da403fd6e4b" class="dfn-panel" data-for="53ea12fcca4eab4ccddd5da403fd6e4b" id="infopanel-for-53ea12fcca4eab4ccddd5da403fd6e4b">
-   <span id="infopaneltitle-for-53ea12fcca4eab4ccddd5da403fd6e4b" style="display:none">Info about the 'global object' external reference.</span><a href="https://html.spec.whatwg.org/multipage/webappapis.html#concept-settings-object-global">https://html.spec.whatwg.org/multipage/webappapis.html#concept-settings-object-global</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-concept-settings-object-global">2.2. Permissions</a>
-    <li><a href="#ref-for-concept-settings-object-global①">3.1. Local File System Permissions</a>
-    <li><a href="#ref-for-concept-settings-object-global②">3.3. The showOpenFilePicker() method</a>
-    <li><a href="#ref-for-concept-settings-object-global③">3.4. The showSaveFilePicker() method</a>
-    <li><a href="#ref-for-concept-settings-object-global④">3.5. The showDirectoryPicker() method</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-3a2763fcaa6bc82693554cf36780c0dd" class="dfn-panel" data-for="3a2763fcaa6bc82693554cf36780c0dd" id="infopanel-for-3a2763fcaa6bc82693554cf36780c0dd">
-   <span id="infopaneltitle-for-3a2763fcaa6bc82693554cf36780c0dd" style="display:none">Info about the 'in parallel' external reference.</span><a href="https://html.spec.whatwg.org/multipage/infrastructure.html#in-parallel">https://html.spec.whatwg.org/multipage/infrastructure.html#in-parallel</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-in-parallel">2.3.1. The queryPermission() method</a>
-    <li><a href="#ref-for-in-parallel①">2.3.2. The requestPermission() method</a>
-    <li><a href="#ref-for-in-parallel②">3.3. The showOpenFilePicker() method</a> <a href="#ref-for-in-parallel③">(2)</a>
-    <li><a href="#ref-for-in-parallel④">3.4. The showSaveFilePicker() method</a> <a href="#ref-for-in-parallel⑤">(2)</a>
-    <li><a href="#ref-for-in-parallel⑥">3.5. The showDirectoryPicker() method</a> <a href="#ref-for-in-parallel⑦">(2)</a>
-    <li><a href="#ref-for-in-parallel⑧">3.6. Drag and Drop</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-f9fcff5f5f30746f99dff08177971a02" class="dfn-panel" data-for="f9fcff5f5f30746f99dff08177971a02" id="infopanel-for-f9fcff5f5f30746f99dff08177971a02">
-   <span id="infopaneltitle-for-f9fcff5f5f30746f99dff08177971a02" style="display:none">Info about the 'messageerror' external reference.</span><a href="https://html.spec.whatwg.org/multipage/indices.html#event-messageerror">https://html.spec.whatwg.org/multipage/indices.html#event-messageerror</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-event-messageerror">5.3. First-party vs third-party contexts.</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-23307d34220e7159f8e5d8c231db141f" class="dfn-panel" data-for="23307d34220e7159f8e5d8c231db141f" id="infopanel-for-23307d34220e7159f8e5d8c231db141f">
-   <span id="infopaneltitle-for-23307d34220e7159f8e5d8c231db141f" style="display:none">Info about the 'opaque origin' external reference.</span><a href="https://html.spec.whatwg.org/multipage/browsers.html#concept-origin-opaque">https://html.spec.whatwg.org/multipage/browsers.html#concept-origin-opaque</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-concept-origin-opaque">3.1. Local File System Permissions</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-e66f9f7d45934e77669cb907bd0c7636" class="dfn-panel" data-for="e66f9f7d45934e77669cb907bd0c7636" id="infopanel-for-e66f9f7d45934e77669cb907bd0c7636">
-   <span id="infopaneltitle-for-e66f9f7d45934e77669cb907bd0c7636" style="display:none">Info about the 'origin' external reference.</span><a href="https://html.spec.whatwg.org/multipage/browsers.html#concept-origin">https://html.spec.whatwg.org/multipage/browsers.html#concept-origin</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-concept-origin">3.2.2. Starting Directory</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-a95cc6f0be910557a60537e0256920b2" class="dfn-panel" data-for="a95cc6f0be910557a60537e0256920b2" id="infopanel-for-a95cc6f0be910557a60537e0256920b2">
-   <span id="infopaneltitle-for-a95cc6f0be910557a60537e0256920b2" style="display:none">Info about the 'origin (for environment settings object)' external reference.</span><a href="https://html.spec.whatwg.org/multipage/webappapis.html#concept-settings-object-origin">https://html.spec.whatwg.org/multipage/webappapis.html#concept-settings-object-origin</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-concept-settings-object-origin">2.2. Permissions</a>
-    <li><a href="#ref-for-concept-settings-object-origin①">3.1. Local File System Permissions</a> <a href="#ref-for-concept-settings-object-origin②">(2)</a>
-    <li><a href="#ref-for-concept-settings-object-origin③">3.2.2. Starting Directory</a> <a href="#ref-for-concept-settings-object-origin④">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-f8c820f1c41ed0a34d051692f8f69c18" class="dfn-panel" data-for="f8c820f1c41ed0a34d051692f8f69c18" id="infopanel-for-f8c820f1c41ed0a34d051692f8f69c18">
-   <span id="infopaneltitle-for-f8c820f1c41ed0a34d051692f8f69c18" style="display:none">Info about the 'read-only mode' external reference.</span><a href="https://html.spec.whatwg.org/multipage/dnd.html#concept-dnd-ro">https://html.spec.whatwg.org/multipage/dnd.html#concept-dnd-ro</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-concept-dnd-ro">3.6. Drag and Drop</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-59c105a5f2da8bc297605588c94e2059" class="dfn-panel" data-for="59c105a5f2da8bc297605588c94e2059" id="infopanel-for-59c105a5f2da8bc297605588c94e2059">
-   <span id="infopaneltitle-for-59c105a5f2da8bc297605588c94e2059" style="display:none">Info about the 'read/write mode' external reference.</span><a href="https://html.spec.whatwg.org/multipage/dnd.html#concept-dnd-rw">https://html.spec.whatwg.org/multipage/dnd.html#concept-dnd-rw</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-concept-dnd-rw">3.6. Drag and Drop</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-bfb9cb6617f81a424ab20212af73bae3" class="dfn-panel" data-for="bfb9cb6617f81a424ab20212af73bae3" id="infopanel-for-bfb9cb6617f81a424ab20212af73bae3">
-   <span id="infopaneltitle-for-bfb9cb6617f81a424ab20212af73bae3" style="display:none">Info about the 'relevant settings object' external reference.</span><a href="https://html.spec.whatwg.org/multipage/webappapis.html#relevant-settings-object">https://html.spec.whatwg.org/multipage/webappapis.html#relevant-settings-object</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-relevant-settings-object">2.2. Permissions</a>
-    <li><a href="#ref-for-relevant-settings-object①">3.3. The showOpenFilePicker() method</a>
-    <li><a href="#ref-for-relevant-settings-object②">3.4. The showSaveFilePicker() method</a>
-    <li><a href="#ref-for-relevant-settings-object③">3.5. The showDirectoryPicker() method</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-3bd07dd1ec2f367091cfd0df47c118a5" class="dfn-panel" data-for="3bd07dd1ec2f367091cfd0df47c118a5" id="infopanel-for-3bd07dd1ec2f367091cfd0df47c118a5">
-   <span id="infopaneltitle-for-3bd07dd1ec2f367091cfd0df47c118a5" style="display:none">Info about the 'same origin' external reference.</span><a href="https://html.spec.whatwg.org/multipage/browsers.html#same-origin">https://html.spec.whatwg.org/multipage/browsers.html#same-origin</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-same-origin">2.2. Permissions</a>
-    <li><a href="#ref-for-same-origin①">3.1. Local File System Permissions</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-c6ead974f3f536fba951ad9d771a0374" class="dfn-panel" data-for="c6ead974f3f536fba951ad9d771a0374" id="infopanel-for-c6ead974f3f536fba951ad9d771a0374">
-   <span id="infopaneltitle-for-c6ead974f3f536fba951ad9d771a0374" style="display:none">Info about the 'the drag data item kind' external reference.</span><a href="https://html.spec.whatwg.org/multipage/dnd.html#the-drag-data-item-kind">https://html.spec.whatwg.org/multipage/dnd.html#the-drag-data-item-kind</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-the-drag-data-item-kind">3.6. Drag and Drop</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-fad46e4a016cd6e3ca0c81a3c004e4c3" class="dfn-panel" data-for="fad46e4a016cd6e3ca0c81a3c004e4c3" id="infopanel-for-fad46e4a016cd6e3ca0c81a3c004e4c3">
-   <span id="infopaneltitle-for-fad46e4a016cd6e3ca0c81a3c004e4c3" style="display:none">Info about the 'top-level origin' external reference.</span><a href="https://html.spec.whatwg.org/multipage/webappapis.html#concept-environment-top-level-origin">https://html.spec.whatwg.org/multipage/webappapis.html#concept-environment-top-level-origin</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-concept-environment-top-level-origin">2.2. Permissions</a>
-    <li><a href="#ref-for-concept-environment-top-level-origin①">3.1. Local File System Permissions</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-5b762d09d78e8674458b84982b3cb3c9" class="dfn-panel" data-for="5b762d09d78e8674458b84982b3cb3c9" id="infopanel-for-5b762d09d78e8674458b84982b3cb3c9">
-   <span id="infopaneltitle-for-5b762d09d78e8674458b84982b3cb3c9" style="display:none">Info about the 'transient activation' external reference.</span><a href="https://html.spec.whatwg.org/multipage/interaction.html#transient-activation">https://html.spec.whatwg.org/multipage/interaction.html#transient-activation</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-transient-activation">2.2. Permissions</a>
-    <li><a href="#ref-for-transient-activation①">3.1. Local File System Permissions</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-fcfc8b0ed220faa237969aed00e2586d" class="dfn-panel" data-for="fcfc8b0ed220faa237969aed00e2586d" id="infopanel-for-fcfc8b0ed220faa237969aed00e2586d">
-   <span id="infopaneltitle-for-fcfc8b0ed220faa237969aed00e2586d" style="display:none">Info about the 'append' external reference.</span><a href="https://infra.spec.whatwg.org/#list-append">https://infra.spec.whatwg.org/#list-append</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-list-append">3.2.1. Accepted file types</a> <a href="#ref-for-list-append①">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-b0aba10374213989c1869ca05054ba1a" class="dfn-panel" data-for="b0aba10374213989c1869ca05054ba1a" id="infopanel-for-b0aba10374213989c1869ca05054ba1a">
-   <span id="infopaneltitle-for-b0aba10374213989c1869ca05054ba1a" style="display:none">Info about the 'ascii alphanumeric' external reference.</span><a href="https://infra.spec.whatwg.org/#ascii-alphanumeric">https://infra.spec.whatwg.org/#ascii-alphanumeric</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-ascii-alphanumeric">2.1. Concepts</a>
-    <li><a href="#ref-for-ascii-alphanumeric①">3.2.2. Starting Directory</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-6a3d87a2ff9ed36e37a82055f7e141de" class="dfn-panel" data-for="6a3d87a2ff9ed36e37a82055f7e141de" id="infopanel-for-6a3d87a2ff9ed36e37a82055f7e141de">
-   <span id="infopaneltitle-for-6a3d87a2ff9ed36e37a82055f7e141de" style="display:none">Info about the 'byte sequence' external reference.</span><a href="https://infra.spec.whatwg.org/#byte-sequence">https://infra.spec.whatwg.org/#byte-sequence</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-byte-sequence">3.4. The showSaveFilePicker() method</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-4103741029595e9e13c67dab91d1e3bd" class="dfn-panel" data-for="4103741029595e9e13c67dab91d1e3bd" id="infopanel-for-4103741029595e9e13c67dab91d1e3bd">
-   <span id="infopaneltitle-for-4103741029595e9e13c67dab91d1e3bd" style="display:none">Info about the 'code point' external reference.</span><a href="https://infra.spec.whatwg.org/#code-point">https://infra.spec.whatwg.org/#code-point</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-code-point">2.1. Concepts</a>
-    <li><a href="#ref-for-code-point①">3.2.1. Accepted file types</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-de8dad85bc31aef3359c7c7dbd918fe7" class="dfn-panel" data-for="de8dad85bc31aef3359c7c7dbd918fe7" id="infopanel-for-de8dad85bc31aef3359c7c7dbd918fe7">
-   <span id="infopaneltitle-for-de8dad85bc31aef3359c7c7dbd918fe7" style="display:none">Info about the 'empty' external reference.</span><a href="https://infra.spec.whatwg.org/#list-empty">https://infra.spec.whatwg.org/#list-empty</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-list-empty">3.2.1. Accepted file types</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-0d3ee326a162c16997e7bb20e8b7133c" class="dfn-panel" data-for="0d3ee326a162c16997e7bb20e8b7133c" id="infopanel-for-0d3ee326a162c16997e7bb20e8b7133c">
-   <span id="infopaneltitle-for-0d3ee326a162c16997e7bb20e8b7133c" style="display:none">Info about the 'exist' external reference.</span><a href="https://infra.spec.whatwg.org/#map-exists">https://infra.spec.whatwg.org/#map-exists</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-map-exists">3.2.2. Starting Directory</a> <a href="#ref-for-map-exists①">(2)</a> <a href="#ref-for-map-exists②">(3)</a> <a href="#ref-for-map-exists③">(4)</a> <a href="#ref-for-map-exists④">(5)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-8b9e78ceedde26e69095bd6f6cce47bf" class="dfn-panel" data-for="8b9e78ceedde26e69095bd6f6cce47bf" id="infopanel-for-8b9e78ceedde26e69095bd6f6cce47bf">
-   <span id="infopaneltitle-for-8b9e78ceedde26e69095bd6f6cce47bf" style="display:none">Info about the 'for each (for list)' external reference.</span><a href="https://infra.spec.whatwg.org/#list-iterate">https://infra.spec.whatwg.org/#list-iterate</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-list-iterate">3.2.1. Accepted file types</a> <a href="#ref-for-list-iterate①">(2)</a> <a href="#ref-for-list-iterate②">(3)</a>
-    <li><a href="#ref-for-list-iterate③">3.3. The showOpenFilePicker() method</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-fa396dfe2ff99ebb3815418bc73c40fb" class="dfn-panel" data-for="fa396dfe2ff99ebb3815418bc73c40fb" id="infopanel-for-fa396dfe2ff99ebb3815418bc73c40fb">
-   <span id="infopaneltitle-for-fa396dfe2ff99ebb3815418bc73c40fb" style="display:none">Info about the 'for each (for map)' external reference.</span><a href="https://infra.spec.whatwg.org/#map-iterate">https://infra.spec.whatwg.org/#map-iterate</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-map-iterate">3.2.1. Accepted file types</a> <a href="#ref-for-map-iterate①">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-fd74d8159933c4a74d0b23390bed43e3" class="dfn-panel" data-for="fd74d8159933c4a74d0b23390bed43e3" id="infopanel-for-fd74d8159933c4a74d0b23390bed43e3">
-   <span id="infopaneltitle-for-fd74d8159933c4a74d0b23390bed43e3" style="display:none">Info about the 'implementation-defined' external reference.</span><a href="https://infra.spec.whatwg.org/#implementation-defined">https://infra.spec.whatwg.org/#implementation-defined</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-implementation-defined">3.2.2. Starting Directory</a>
-    <li><a href="#ref-for-implementation-defined①">3.3. The showOpenFilePicker() method</a>
-    <li><a href="#ref-for-implementation-defined②">3.4. The showSaveFilePicker() method</a> <a href="#ref-for-implementation-defined③">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-81b03c84949641fc3081227509aab38f" class="dfn-panel" data-for="81b03c84949641fc3081227509aab38f" id="infopanel-for-81b03c84949641fc3081227509aab38f">
-   <span id="infopaneltitle-for-81b03c84949641fc3081227509aab38f" style="display:none">Info about the 'length' external reference.</span><a href="https://infra.spec.whatwg.org/#string-length">https://infra.spec.whatwg.org/#string-length</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-string-length">3.2.1. Accepted file types</a>
-    <li><a href="#ref-for-string-length①">3.2.2. Starting Directory</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-fafd38d2108e357bcc9a6fd7f3cd04a7" class="dfn-panel" data-for="fafd38d2108e357bcc9a6fd7f3cd04a7" id="infopanel-for-fafd38d2108e357bcc9a6fd7f3cd04a7">
-   <span id="infopaneltitle-for-fafd38d2108e357bcc9a6fd7f3cd04a7" style="display:none">Info about the 'list' external reference.</span><a href="https://infra.spec.whatwg.org/#list">https://infra.spec.whatwg.org/#list</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-list">3.2.1. Accepted file types</a>
-    <li><a href="#ref-for-list①">3.3. The showOpenFilePicker() method</a> <a href="#ref-for-list②">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-4bf12d0cddf322a1e2a9fb52f4d85843" class="dfn-panel" data-for="4bf12d0cddf322a1e2a9fb52f4d85843" id="infopanel-for-4bf12d0cddf322a1e2a9fb52f4d85843">
-   <span id="infopaneltitle-for-4bf12d0cddf322a1e2a9fb52f4d85843" style="display:none">Info about the 'map' external reference.</span><a href="https://infra.spec.whatwg.org/#ordered-map">https://infra.spec.whatwg.org/#ordered-map</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-ordered-map">3.2.2. Starting Directory</a> <a href="#ref-for-ordered-map①">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-2d700262fcde3097fbf89ef2496f1f0d" class="dfn-panel" data-for="2d700262fcde3097fbf89ef2496f1f0d" id="infopanel-for-2d700262fcde3097fbf89ef2496f1f0d">
-   <span id="infopaneltitle-for-2d700262fcde3097fbf89ef2496f1f0d" style="display:none">Info about the 'starts with' external reference.</span><a href="https://infra.spec.whatwg.org/#string-starts-with">https://infra.spec.whatwg.org/#string-starts-with</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-string-starts-with">3.2.1. Accepted file types</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-40b59bc325bd4d66701dfd8b7f1847c0" class="dfn-panel" data-for="40b59bc325bd4d66701dfd8b7f1847c0" id="infopanel-for-40b59bc325bd4d66701dfd8b7f1847c0">
-   <span id="infopaneltitle-for-40b59bc325bd4d66701dfd8b7f1847c0" style="display:none">Info about the 'string' external reference.</span><a href="https://infra.spec.whatwg.org/#string">https://infra.spec.whatwg.org/#string</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-string">3.2.1. Accepted file types</a>
-    <li><a href="#ref-for-string①">3.2.2. Starting Directory</a> <a href="#ref-for-string②">(2)</a> <a href="#ref-for-string③">(3)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-decbbd3ee5a73b54e8e8996ce1fddbbc" class="dfn-panel" data-for="decbbd3ee5a73b54e8e8996ce1fddbbc" id="infopanel-for-decbbd3ee5a73b54e8e8996ce1fddbbc">
-   <span id="infopaneltitle-for-decbbd3ee5a73b54e8e8996ce1fddbbc" style="display:none">Info about the 'tuple' external reference.</span><a href="https://infra.spec.whatwg.org/#tuple">https://infra.spec.whatwg.org/#tuple</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-tuple">3.2.1. Accepted file types</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-b22344dc3a8b3dd3d756f617b690d215" class="dfn-panel" data-for="b22344dc3a8b3dd3d756f617b690d215" id="infopanel-for-b22344dc3a8b3dd3d756f617b690d215">
-   <span id="infopaneltitle-for-b22344dc3a8b3dd3d756f617b690d215" style="display:none">Info about the 'essence' external reference.</span><a href="https://mimesniff.spec.whatwg.org/#mime-type-essence">https://mimesniff.spec.whatwg.org/#mime-type-essence</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-mime-type-essence">3.2.1. Accepted file types</a> <a href="#ref-for-mime-type-essence①">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-d8b6dead8675d4e22e56ccd529b674c6" class="dfn-panel" data-for="d8b6dead8675d4e22e56ccd529b674c6" id="infopanel-for-d8b6dead8675d4e22e56ccd529b674c6">
-   <span id="infopaneltitle-for-d8b6dead8675d4e22e56ccd529b674c6" style="display:none">Info about the 'mime type' external reference.</span><a href="https://mimesniff.spec.whatwg.org/#mime-type">https://mimesniff.spec.whatwg.org/#mime-type</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-mime-type">3.2.1. Accepted file types</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-6999afece714837dd460347910a5a28d" class="dfn-panel" data-for="6999afece714837dd460347910a5a28d" id="infopanel-for-6999afece714837dd460347910a5a28d">
-   <span id="infopaneltitle-for-6999afece714837dd460347910a5a28d" style="display:none">Info about the 'parameters' external reference.</span><a href="https://mimesniff.spec.whatwg.org/#parameters">https://mimesniff.spec.whatwg.org/#parameters</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-parameters">3.2.1. Accepted file types</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-711d53fc6b3f5d96d0a70670bc861368" class="dfn-panel" data-for="711d53fc6b3f5d96d0a70670bc861368" id="infopanel-for-711d53fc6b3f5d96d0a70670bc861368">
-   <span id="infopaneltitle-for-711d53fc6b3f5d96d0a70670bc861368" style="display:none">Info about the 'parse a mime type' external reference.</span><a href="https://mimesniff.spec.whatwg.org/#parse-a-mime-type">https://mimesniff.spec.whatwg.org/#parse-a-mime-type</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-parse-a-mime-type">3.2.1. Accepted file types</a> <a href="#ref-for-parse-a-mime-type①">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-4c079dd0623b226625ac93934e876772" class="dfn-panel" data-for="4c079dd0623b226625ac93934e876772" id="infopanel-for-4c079dd0623b226625ac93934e876772">
-   <span id="infopaneltitle-for-4c079dd0623b226625ac93934e876772" style="display:none">Info about the 'subtype' external reference.</span><a href="https://mimesniff.spec.whatwg.org/#subtype">https://mimesniff.spec.whatwg.org/#subtype</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-subtype">3.2.1. Accepted file types</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-f3b8b94acb26f37436baef3b310cc853" class="dfn-panel" data-for="f3b8b94acb26f37436baef3b310cc853" id="infopanel-for-f3b8b94acb26f37436baef3b310cc853">
-   <span id="infopaneltitle-for-f3b8b94acb26f37436baef3b310cc853" style="display:none">Info about the 'type' external reference.</span><a href="https://mimesniff.spec.whatwg.org/#type">https://mimesniff.spec.whatwg.org/#type</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-type">3.2.1. Accepted file types</a> <a href="#ref-for-type①">(2)</a> <a href="#ref-for-type②">(3)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-43348714678be2dd068b6e59f237b20f" class="dfn-panel" data-for="43348714678be2dd068b6e59f237b20f" id="infopanel-for-43348714678be2dd068b6e59f237b20f">
-   <span id="infopaneltitle-for-43348714678be2dd068b6e59f237b20f" style="display:none">Info about the 'PermissionDescriptor' external reference.</span><a href="https://w3c.github.io/permissions/#dom-permissiondescriptor">https://w3c.github.io/permissions/#dom-permissiondescriptor</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-permissiondescriptor">2.2. Permissions</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-20c4831d4e513411042dd78668922d25" class="dfn-panel" data-for="20c4831d4e513411042dd78668922d25" id="infopanel-for-20c4831d4e513411042dd78668922d25">
-   <span id="infopaneltitle-for-20c4831d4e513411042dd78668922d25" style="display:none">Info about the 'PermissionState' external reference.</span><a href="https://w3c.github.io/permissions/#dom-permissionstate">https://w3c.github.io/permissions/#dom-permissionstate</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-permissionstate">2.3. The FileSystemHandle interface</a> <a href="#ref-for-dom-permissionstate①">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-765630ad06480a49b1773153409b6085" class="dfn-panel" data-for="765630ad06480a49b1773153409b6085" id="infopanel-for-765630ad06480a49b1773153409b6085">
-   <span id="infopaneltitle-for-765630ad06480a49b1773153409b6085" style="display:none">Info about the 'PermissionStatus' external reference.</span><a href="https://w3c.github.io/permissions/#dom-permissionstatus">https://w3c.github.io/permissions/#dom-permissionstatus</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-permissionstatus">2.2. Permissions</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-517cbf62d98cc77baf4ae356567a88a6" class="dfn-panel" data-for="517cbf62d98cc77baf4ae356567a88a6" id="infopanel-for-517cbf62d98cc77baf4ae356567a88a6">
-   <span id="infopaneltitle-for-517cbf62d98cc77baf4ae356567a88a6" style="display:none">Info about the 'create a permissionstatus' external reference.</span><a href="https://w3c.github.io/permissions/#dfn-create-a-permissionstatus">https://w3c.github.io/permissions/#dfn-create-a-permissionstatus</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dfn-create-a-permissionstatus">2.2. Permissions</a>
-    <li><a href="#ref-for-dfn-create-a-permissionstatus①">3.5. The showDirectoryPicker() method</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-b6283ddf1be5ec65c6c8bac6a0cd4f2d" class="dfn-panel" data-for="b6283ddf1be5ec65c6c8bac6a0cd4f2d" id="infopanel-for-b6283ddf1be5ec65c6c8bac6a0cd4f2d">
-   <span id="infopaneltitle-for-b6283ddf1be5ec65c6c8bac6a0cd4f2d" style="display:none">Info about the 'default permission query algorithm' external reference.</span><a href="https://w3c.github.io/permissions/#dfn-default-permission-query-algorithm">https://w3c.github.io/permissions/#dfn-default-permission-query-algorithm</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dfn-default-permission-query-algorithm">2.2. Permissions</a> <a href="#ref-for-dfn-default-permission-query-algorithm①">(2)</a>
-    <li><a href="#ref-for-dfn-default-permission-query-algorithm②">3.5. The showDirectoryPicker() method</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-180d5479814a4ae3b599e6a1c4e11751" class="dfn-panel" data-for="180d5479814a4ae3b599e6a1c4e11751" id="infopanel-for-180d5479814a4ae3b599e6a1c4e11751">
-   <span id="infopaneltitle-for-180d5479814a4ae3b599e6a1c4e11751" style="display:none">Info about the 'granted' external reference.</span><a href="https://w3c.github.io/permissions/#dom-permissionstate-granted">https://w3c.github.io/permissions/#dom-permissionstate-granted</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-permissionstate-granted">2.2. Permissions</a> <a href="#ref-for-dom-permissionstate-granted①">(2)</a>
-    <li><a href="#ref-for-dom-permissionstate-granted②">3.1. Local File System Permissions</a> <a href="#ref-for-dom-permissionstate-granted③">(2)</a>
-    <li><a href="#ref-for-dom-permissionstate-granted④">3.5. The showDirectoryPicker() method</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-ead23067700e8f952e9e56b02297f81d" class="dfn-panel" data-for="ead23067700e8f952e9e56b02297f81d" id="infopanel-for-ead23067700e8f952e9e56b02297f81d">
-   <span id="infopaneltitle-for-ead23067700e8f952e9e56b02297f81d" style="display:none">Info about the 'name' external reference.</span><a href="https://w3c.github.io/permissions/#dom-permissiondescriptor-name">https://w3c.github.io/permissions/#dom-permissiondescriptor-name</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-permissiondescriptor-name">2.2. Permissions</a> <a href="#ref-for-dom-permissiondescriptor-name①">(2)</a>
-    <li><a href="#ref-for-dom-permissiondescriptor-name②">2.3.1. The queryPermission() method</a> <a href="#ref-for-dom-permissiondescriptor-name③">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-a7b12fdfd0e5a14a6609967ea1b77b6f" class="dfn-panel" data-for="a7b12fdfd0e5a14a6609967ea1b77b6f" id="infopanel-for-a7b12fdfd0e5a14a6609967ea1b77b6f">
-   <span id="infopaneltitle-for-a7b12fdfd0e5a14a6609967ea1b77b6f" style="display:none">Info about the 'permission descriptor type' external reference.</span><a href="https://w3c.github.io/permissions/#dfn-permission-descriptor-type">https://w3c.github.io/permissions/#dfn-permission-descriptor-type</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dfn-permission-descriptor-type">2.2. Permissions</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-7e061092254567e08202b79a0f3450e7" class="dfn-panel" data-for="7e061092254567e08202b79a0f3450e7" id="infopanel-for-7e061092254567e08202b79a0f3450e7">
-   <span id="infopaneltitle-for-7e061092254567e08202b79a0f3450e7" style="display:none">Info about the 'permission state' external reference.</span><a href="https://w3c.github.io/permissions/#dfn-permission-state">https://w3c.github.io/permissions/#dfn-permission-state</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dfn-permission-state">2.2. Permissions</a> <a href="#ref-for-dfn-permission-state①">(2)</a> <a href="#ref-for-dfn-permission-state②">(3)</a> <a href="#ref-for-dfn-permission-state③">(4)</a> <a href="#ref-for-dfn-permission-state④">(5)</a> <a href="#ref-for-dfn-permission-state⑤">(6)</a> <a href="#ref-for-dfn-permission-state⑥">(7)</a>
-    <li><a href="#ref-for-dfn-permission-state⑦">3.1. Local File System Permissions</a> <a href="#ref-for-dfn-permission-state⑧">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-16bc7ad92ecfcb394afcdab174e79e58" class="dfn-panel" data-for="16bc7ad92ecfcb394afcdab174e79e58" id="infopanel-for-16bc7ad92ecfcb394afcdab174e79e58">
-   <span id="infopaneltitle-for-16bc7ad92ecfcb394afcdab174e79e58" style="display:none">Info about the 'permission state constraints' external reference.</span><a href="https://w3c.github.io/permissions/#dfn-permission-state-constraints">https://w3c.github.io/permissions/#dfn-permission-state-constraints</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dfn-permission-state-constraints">2.2. Permissions</a> <a href="#ref-for-dfn-permission-state-constraints①">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-7068c6a8c2e257e27a10800f4e7aa3c0" class="dfn-panel" data-for="7068c6a8c2e257e27a10800f4e7aa3c0" id="infopanel-for-7068c6a8c2e257e27a10800f4e7aa3c0">
-   <span id="infopaneltitle-for-7068c6a8c2e257e27a10800f4e7aa3c0" style="display:none">Info about the 'permissions' external reference.</span><a href="https://w3c.github.io/permissions/#dom-navigator-permissions">https://w3c.github.io/permissions/#dom-navigator-permissions</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-navigator-permissions">2.3.1. The queryPermission() method</a> <a href="#ref-for-dom-navigator-permissions①">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-502996c42f30b37f182905ef22fb89c0" class="dfn-panel" data-for="502996c42f30b37f182905ef22fb89c0" id="infopanel-for-502996c42f30b37f182905ef22fb89c0">
-   <span id="infopaneltitle-for-502996c42f30b37f182905ef22fb89c0" style="display:none">Info about the 'powerful feature' external reference.</span><a href="https://w3c.github.io/permissions/#dfn-powerful-feature">https://w3c.github.io/permissions/#dfn-powerful-feature</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dfn-powerful-feature">2.2. Permissions</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-1ac56c1e5db173e516aa045f9184f44d" class="dfn-panel" data-for="1ac56c1e5db173e516aa045f9184f44d" id="infopanel-for-1ac56c1e5db173e516aa045f9184f44d">
-   <span id="infopaneltitle-for-1ac56c1e5db173e516aa045f9184f44d" style="display:none">Info about the 'prompt' external reference.</span><a href="https://w3c.github.io/permissions/#dom-permissionstate-prompt">https://w3c.github.io/permissions/#dom-permissionstate-prompt</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-permissionstate-prompt">2.2. Permissions</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-a61090f193ea4b511f2847bf7addc208" class="dfn-panel" data-for="a61090f193ea4b511f2847bf7addc208" id="infopanel-for-a61090f193ea4b511f2847bf7addc208">
-   <span id="infopaneltitle-for-a61090f193ea4b511f2847bf7addc208" style="display:none">Info about the 'query()' external reference.</span><a href="https://w3c.github.io/permissions/#dom-permissions-query">https://w3c.github.io/permissions/#dom-permissions-query</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-permissions-query">2.3.1. The queryPermission() method</a> <a href="#ref-for-dom-permissions-query①">(2)</a> <a href="#ref-for-dom-permissions-query②">(3)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-d043d7b7a730e84f11e7c740ee946288" class="dfn-panel" data-for="d043d7b7a730e84f11e7c740ee946288" id="infopanel-for-d043d7b7a730e84f11e7c740ee946288">
-   <span id="infopaneltitle-for-d043d7b7a730e84f11e7c740ee946288" style="display:none">Info about the 'request permission to use' external reference.</span><a href="https://w3c.github.io/permissions/#dfn-request-permission-to-use">https://w3c.github.io/permissions/#dfn-request-permission-to-use</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dfn-request-permission-to-use">2.2. Permissions</a>
-    <li><a href="#ref-for-dfn-request-permission-to-use①">3.5. The showDirectoryPicker() method</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-b0d9608d74c0d38907af88ef8f961dbb" class="dfn-panel" data-for="b0d9608d74c0d38907af88ef8f961dbb" id="infopanel-for-b0d9608d74c0d38907af88ef8f961dbb">
-   <span id="infopaneltitle-for-b0d9608d74c0d38907af88ef8f961dbb" style="display:none">Info about the 'state' external reference.</span><a href="https://w3c.github.io/permissions/#dom-permissionstatus-state">https://w3c.github.io/permissions/#dom-permissionstatus-state</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-permissionstatus-state">2.2. Permissions</a>
-    <li><a href="#ref-for-dom-permissionstatus-state①">2.3.1. The queryPermission() method</a> <a href="#ref-for-dom-permissionstatus-state②">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-7b794e576ed01ae7270236dc23fd489a" class="dfn-panel" data-for="7b794e576ed01ae7270236dc23fd489a" id="infopanel-for-7b794e576ed01ae7270236dc23fd489a">
-   <span id="infopaneltitle-for-7b794e576ed01ae7270236dc23fd489a" style="display:none">Info about the 'permission request algorithm' external reference.</span><a href="https://wicg.github.io/permissions-request/#permission-request-algorithm">https://wicg.github.io/permissions-request/#permission-request-algorithm</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-permission-request-algorithm">2.2. Permissions</a> <a href="#ref-for-permission-request-algorithm①">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-1d64b4b168a2a999e7e8946c4f52598e" class="dfn-panel" data-for="1d64b4b168a2a999e7e8946c4f52598e" id="infopanel-for-1d64b4b168a2a999e7e8946c4f52598e">
-   <span id="infopaneltitle-for-1d64b4b168a2a999e7e8946c4f52598e" style="display:none">Info about the 'storage' external reference.</span><a href="https://storage.spec.whatwg.org/#site-storage">https://storage.spec.whatwg.org/#site-storage</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-site-storage">5.1. Users giving access to more, or more sensitive files than they intended.</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-02d1b826437e77c1f657e442ab4b6d22" class="dfn-panel" data-for="02d1b826437e77c1f657e442ab4b6d22" id="infopanel-for-02d1b826437e77c1f657e442ab4b6d22">
-   <span id="infopaneltitle-for-02d1b826437e77c1f657e442ab4b6d22" style="display:none">Info about the 'storage quota' external reference.</span><a href="https://storage.spec.whatwg.org/#storage-quota">https://storage.spec.whatwg.org/#storage-quota</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-storage-quota">6.3. Filling up a users disk</a> <a href="#ref-for-storage-quota①">(2)</a> <a href="#ref-for-storage-quota②">(3)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-5da051396fa9b345e54620cae1c94f30" class="dfn-panel" data-for="5da051396fa9b345e54620cae1c94f30" id="infopanel-for-5da051396fa9b345e54620cae1c94f30">
-   <span id="infopaneltitle-for-5da051396fa9b345e54620cae1c94f30" style="display:none">Info about the 'AbortError' external reference.</span><a href="https://webidl.spec.whatwg.org/#aborterror">https://webidl.spec.whatwg.org/#aborterror</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-aborterror">3.3. The showOpenFilePicker() method</a> <a href="#ref-for-aborterror①">(2)</a>
-    <li><a href="#ref-for-aborterror②">3.4. The showSaveFilePicker() method</a> <a href="#ref-for-aborterror③">(2)</a>
-    <li><a href="#ref-for-aborterror④">3.5. The showDirectoryPicker() method</a> <a href="#ref-for-aborterror⑤">(2)</a> <a href="#ref-for-aborterror⑥">(3)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-d0f238a61de9310f1738a214749fab18" class="dfn-panel" data-for="d0f238a61de9310f1738a214749fab18" id="infopanel-for-d0f238a61de9310f1738a214749fab18">
-   <span id="infopaneltitle-for-d0f238a61de9310f1738a214749fab18" style="display:none">Info about the 'DOMString' external reference.</span><a href="https://webidl.spec.whatwg.org/#idl-DOMString">https://webidl.spec.whatwg.org/#idl-DOMString</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-idl-DOMString">3. Accessing Local File System</a> <a href="#ref-for-idl-DOMString①">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dde049eb112f043fc45407ec0d4cb457" class="dfn-panel" data-for="dde049eb112f043fc45407ec0d4cb457" id="infopanel-for-dde049eb112f043fc45407ec0d4cb457">
-   <span id="infopaneltitle-for-dde049eb112f043fc45407ec0d4cb457" style="display:none">Info about the 'Exposed' external reference.</span><a href="https://webidl.spec.whatwg.org/#Exposed">https://webidl.spec.whatwg.org/#Exposed</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-Exposed">2.3. The FileSystemHandle interface</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-93669c631ec1ef8e696b4c083bdbe12c" class="dfn-panel" data-for="93669c631ec1ef8e696b4c083bdbe12c" id="infopanel-for-93669c631ec1ef8e696b4c083bdbe12c">
-   <span id="infopaneltitle-for-93669c631ec1ef8e696b4c083bdbe12c" style="display:none">Info about the 'Promise' external reference.</span><a href="https://webidl.spec.whatwg.org/#idl-promise">https://webidl.spec.whatwg.org/#idl-promise</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-idl-promise">2.3. The FileSystemHandle interface</a> <a href="#ref-for-idl-promise①">(2)</a>
-    <li><a href="#ref-for-idl-promise②">3. Accessing Local File System</a> <a href="#ref-for-idl-promise③">(2)</a> <a href="#ref-for-idl-promise④">(3)</a>
-    <li><a href="#ref-for-idl-promise⑤">3.6. Drag and Drop</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-cdf224ec60dc3b08449a2fbdf3a90406" class="dfn-panel" data-for="cdf224ec60dc3b08449a2fbdf3a90406" id="infopanel-for-cdf224ec60dc3b08449a2fbdf3a90406">
-   <span id="infopaneltitle-for-cdf224ec60dc3b08449a2fbdf3a90406" style="display:none">Info about the 'SecureContext' external reference.</span><a href="https://webidl.spec.whatwg.org/#SecureContext">https://webidl.spec.whatwg.org/#SecureContext</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-SecureContext">2.3. The FileSystemHandle interface</a>
-    <li><a href="#ref-for-SecureContext①">3. Accessing Local File System</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-bfd589348b877ef78380edc0886321f0" class="dfn-panel" data-for="bfd589348b877ef78380edc0886321f0" id="infopanel-for-bfd589348b877ef78380edc0886321f0">
-   <span id="infopaneltitle-for-bfd589348b877ef78380edc0886321f0" style="display:none">Info about the 'SecurityError' external reference.</span><a href="https://webidl.spec.whatwg.org/#securityerror">https://webidl.spec.whatwg.org/#securityerror</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-securityerror">2.2. Permissions</a> <a href="#ref-for-securityerror①">(2)</a> <a href="#ref-for-securityerror②">(3)</a>
-    <li><a href="#ref-for-securityerror③">3.1. Local File System Permissions</a> <a href="#ref-for-securityerror④">(2)</a> <a href="#ref-for-securityerror⑤">(3)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-3f9c3eac015894a734faa8068fd8c2a1" class="dfn-panel" data-for="3f9c3eac015894a734faa8068fd8c2a1" id="infopanel-for-3f9c3eac015894a734faa8068fd8c2a1">
-   <span id="infopaneltitle-for-3f9c3eac015894a734faa8068fd8c2a1" style="display:none">Info about the 'TypeError' external reference.</span><a href="https://webidl.spec.whatwg.org/#exceptiondef-typeerror">https://webidl.spec.whatwg.org/#exceptiondef-typeerror</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-exceptiondef-typeerror">3.2.1. Accepted file types</a> <a href="#ref-for-exceptiondef-typeerror①">(2)</a> <a href="#ref-for-exceptiondef-typeerror②">(3)</a> <a href="#ref-for-exceptiondef-typeerror③">(4)</a> <a href="#ref-for-exceptiondef-typeerror④">(5)</a> <a href="#ref-for-exceptiondef-typeerror⑤">(6)</a> <a href="#ref-for-exceptiondef-typeerror⑥">(7)</a>
-    <li><a href="#ref-for-exceptiondef-typeerror⑦">3.2.2. Starting Directory</a> <a href="#ref-for-exceptiondef-typeerror⑧">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-e270bcd7cdb4abe27bc3bb16a1975937" class="dfn-panel" data-for="e270bcd7cdb4abe27bc3bb16a1975937" id="infopanel-for-e270bcd7cdb4abe27bc3bb16a1975937">
-   <span id="infopaneltitle-for-e270bcd7cdb4abe27bc3bb16a1975937" style="display:none">Info about the 'USVString' external reference.</span><a href="https://webidl.spec.whatwg.org/#idl-USVString">https://webidl.spec.whatwg.org/#idl-USVString</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-idl-USVString">3. Accessing Local File System</a> <a href="#ref-for-idl-USVString①">(2)</a> <a href="#ref-for-idl-USVString②">(3)</a> <a href="#ref-for-idl-USVString③">(4)</a> <a href="#ref-for-idl-USVString④">(5)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-bbe33fc7ac016834e4aaddbfd1b084a1" class="dfn-panel" data-for="bbe33fc7ac016834e4aaddbfd1b084a1" id="infopanel-for-bbe33fc7ac016834e4aaddbfd1b084a1">
-   <span id="infopaneltitle-for-bbe33fc7ac016834e4aaddbfd1b084a1" style="display:none">Info about the 'a new promise' external reference.</span><a href="https://webidl.spec.whatwg.org/#a-new-promise">https://webidl.spec.whatwg.org/#a-new-promise</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-a-new-promise">2.3.1. The queryPermission() method</a>
-    <li><a href="#ref-for-a-new-promise①">2.3.2. The requestPermission() method</a>
-    <li><a href="#ref-for-a-new-promise②">3.3. The showOpenFilePicker() method</a>
-    <li><a href="#ref-for-a-new-promise③">3.4. The showSaveFilePicker() method</a>
-    <li><a href="#ref-for-a-new-promise④">3.5. The showDirectoryPicker() method</a>
-    <li><a href="#ref-for-a-new-promise⑤">3.6. Drag and Drop</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-cf8339c4a39778ea039900ab8a77d2fe" class="dfn-panel" data-for="cf8339c4a39778ea039900ab8a77d2fe" id="infopanel-for-cf8339c4a39778ea039900ab8a77d2fe">
-   <span id="infopaneltitle-for-cf8339c4a39778ea039900ab8a77d2fe" style="display:none">Info about the 'a promise rejected with' external reference.</span><a href="https://webidl.spec.whatwg.org/#a-promise-rejected-with">https://webidl.spec.whatwg.org/#a-promise-rejected-with</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-a-promise-rejected-with">3.1. Local File System Permissions</a> <a href="#ref-for-a-promise-rejected-with①">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-cb7ce63b39eb2128b9c2cc2cf413299f" class="dfn-panel" data-for="cb7ce63b39eb2128b9c2cc2cf413299f" id="infopanel-for-cb7ce63b39eb2128b9c2cc2cf413299f">
-   <span id="infopaneltitle-for-cb7ce63b39eb2128b9c2cc2cf413299f" style="display:none">Info about the 'a promise resolved with' external reference.</span><a href="https://webidl.spec.whatwg.org/#a-promise-resolved-with">https://webidl.spec.whatwg.org/#a-promise-resolved-with</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-a-promise-resolved-with">3.6. Drag and Drop</a> <a href="#ref-for-a-promise-resolved-with①">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-f8062b07e25ed0281f5cbfb9a54070b4" class="dfn-panel" data-for="f8062b07e25ed0281f5cbfb9a54070b4" id="infopanel-for-f8062b07e25ed0281f5cbfb9a54070b4">
-   <span id="infopaneltitle-for-f8062b07e25ed0281f5cbfb9a54070b4" style="display:none">Info about the 'boolean' external reference.</span><a href="https://webidl.spec.whatwg.org/#idl-boolean">https://webidl.spec.whatwg.org/#idl-boolean</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-idl-boolean">3. Accessing Local File System</a> <a href="#ref-for-idl-boolean①">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-98c84278a4f9d1aa9fa4e4dd12bb7fb2" class="dfn-panel" data-for="98c84278a4f9d1aa9fa4e4dd12bb7fb2" id="infopanel-for-98c84278a4f9d1aa9fa4e4dd12bb7fb2">
-   <span id="infopaneltitle-for-98c84278a4f9d1aa9fa4e4dd12bb7fb2" style="display:none">Info about the 'record' external reference.</span><a href="https://webidl.spec.whatwg.org/#idl-record">https://webidl.spec.whatwg.org/#idl-record</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-idl-record">3. Accessing Local File System</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-f7204c0306e7ffcb24c31adf6e629e1d" class="dfn-panel" data-for="f7204c0306e7ffcb24c31adf6e629e1d" id="infopanel-for-f7204c0306e7ffcb24c31adf6e629e1d">
-   <span id="infopaneltitle-for-f7204c0306e7ffcb24c31adf6e629e1d" style="display:none">Info about the 'reject' external reference.</span><a href="https://webidl.spec.whatwg.org/#reject">https://webidl.spec.whatwg.org/#reject</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-reject">2.3.2. The requestPermission() method</a>
-    <li><a href="#ref-for-reject①">3.3. The showOpenFilePicker() method</a> <a href="#ref-for-reject②">(2)</a>
-    <li><a href="#ref-for-reject③">3.4. The showSaveFilePicker() method</a> <a href="#ref-for-reject④">(2)</a>
-    <li><a href="#ref-for-reject⑤">3.5. The showDirectoryPicker() method</a> <a href="#ref-for-reject⑥">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-f4f973f92274819781816b033aea1f11" class="dfn-panel" data-for="f4f973f92274819781816b033aea1f11" id="infopanel-for-f4f973f92274819781816b033aea1f11">
-   <span id="infopaneltitle-for-f4f973f92274819781816b033aea1f11" style="display:none">Info about the 'resolve' external reference.</span><a href="https://webidl.spec.whatwg.org/#resolve">https://webidl.spec.whatwg.org/#resolve</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-resolve">2.3.1. The queryPermission() method</a>
-    <li><a href="#ref-for-resolve①">2.3.2. The requestPermission() method</a>
-    <li><a href="#ref-for-resolve②">3.3. The showOpenFilePicker() method</a>
-    <li><a href="#ref-for-resolve③">3.4. The showSaveFilePicker() method</a>
-    <li><a href="#ref-for-resolve④">3.5. The showDirectoryPicker() method</a>
-    <li><a href="#ref-for-resolve⑤">3.6. Drag and Drop</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-38ab7db52e46bed36993204c29f67202" class="dfn-panel" data-for="38ab7db52e46bed36993204c29f67202" id="infopanel-for-38ab7db52e46bed36993204c29f67202">
-   <span id="infopaneltitle-for-38ab7db52e46bed36993204c29f67202" style="display:none">Info about the 'sequence' external reference.</span><a href="https://webidl.spec.whatwg.org/#idl-sequence">https://webidl.spec.whatwg.org/#idl-sequence</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-idl-sequence">3. Accessing Local File System</a> <a href="#ref-for-idl-sequence①">(2)</a> <a href="#ref-for-idl-sequence②">(3)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-be0933df03cd63338f98de217c4158c7" class="dfn-panel" data-for="be0933df03cd63338f98de217c4158c7" id="infopanel-for-be0933df03cd63338f98de217c4158c7">
-   <span id="infopaneltitle-for-be0933df03cd63338f98de217c4158c7" style="display:none">Info about the 'this' external reference.</span><a href="https://webidl.spec.whatwg.org/#this">https://webidl.spec.whatwg.org/#this</a><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-this">2.3.1. The queryPermission() method</a>
-    <li><a href="#ref-for-this①">2.3.2. The requestPermission() method</a>
-    <li><a href="#ref-for-this②">3.3. The showOpenFilePicker() method</a>
-    <li><a href="#ref-for-this③">3.4. The showSaveFilePicker() method</a>
-    <li><a href="#ref-for-this④">3.5. The showDirectoryPicker() method</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">[FS]</a> defines the following terms:
     <ul>
-     <li><span class="dfn-paneled" id="9d8e130057dd59bc8cab4f414e390ebf">FileSystemDirectoryHandle</span>
-     <li><span class="dfn-paneled" id="3676f7e2e8b5a2f06493cf29ace68e65">FileSystemFileHandle</span>
-     <li><span class="dfn-paneled" id="5e9b879b80ea09bdf0f924fbcaf37aef">FileSystemHandle</span>
-     <li><span class="dfn-paneled" id="d64ad5f7058816032f70f2386f959485">binary data</span>
-     <li><span class="dfn-paneled" id="8512fb29d0eb31edcc9f625c19168119">directory entry</span>
-     <li><span class="dfn-paneled" id="6449045a7c035dd50b88afdac2cd2f46">file entry</span>
-     <li><span class="dfn-paneled" id="a3041a88fb118cb60f71471202b27eb9">file system entry</span>
-     <li><span class="dfn-paneled" id="608afb57686bca41a876438f2ca4ea01">locating an entry</span>
-     <li><span class="dfn-paneled" id="0c42b246e80597b912ea885389750d22">locator</span>
-     <li><span class="dfn-paneled" id="488b20e27377df2b11b91bf74aa477a8">origin private file system</span>
-     <li><span class="dfn-paneled" id="473d71ed7162ce5db3c35957be1a084d">parent</span>
-     <li><span class="dfn-paneled" id="837280b5a0a66b6ac9426b081795eb50">truncate(size)</span>
+     <li><span class="dfn-paneled" id="23e108bd">FileSystemDirectoryHandle</span>
+     <li><span class="dfn-paneled" id="c551a16f">FileSystemFileHandle</span>
+     <li><span class="dfn-paneled" id="cd895d76">FileSystemHandle</span>
+     <li><span class="dfn-paneled" id="4e1cb6d8">binary data</span>
+     <li><span class="dfn-paneled" id="2b36a48c">bucket file system</span>
+     <li><span class="dfn-paneled" id="132b29a9">directory entry</span>
+     <li><span class="dfn-paneled" id="229e7921">file entry</span>
+     <li><span class="dfn-paneled" id="83e04685">file system entry</span>
+     <li><span class="dfn-paneled" id="e2504190">is in a bucket file system</span>
+     <li><span class="dfn-paneled" id="c8c03f35">locating an entry</span>
+     <li><span class="dfn-paneled" id="598433c6">locator</span>
+     <li><span class="dfn-paneled" id="44262c3b">parent</span>
+     <li><span class="dfn-paneled" id="2becd408">truncate(size)</span>
     </ul>
    <li>
     <a data-link-type="biblio">[HTML]</a> defines the following terms:
     <ul>
-     <li><span class="dfn-paneled" id="b280ebcef357234ef5c27cc643fb8577">DataTransferItem</span>
-     <li><span class="dfn-paneled" id="d920b917b35b57f8b17f0e92fc7e202a">Serializable</span>
-     <li><span class="dfn-paneled" id="d1f0a86fd49be388d8b0159e241a1172">Window</span>
-     <li><span class="dfn-paneled" id="25155e0c95bc63cc9d7eb438622b81d4">activation notification</span>
-     <li><span class="dfn-paneled" id="4c63bb6b5337d48a88ef318c20a3875b">as a download</span>
-     <li><span class="dfn-paneled" id="68909762b18952da5e4f7dae6d795890">browsing context</span>
-     <li><span class="dfn-paneled" id="d815dc723d8b4fe4b1166e2013ec62b7">environment settings object</span>
-     <li><span class="dfn-paneled" id="53ea12fcca4eab4ccddd5da403fd6e4b">global object</span>
-     <li><span class="dfn-paneled" id="3a2763fcaa6bc82693554cf36780c0dd">in parallel</span>
-     <li><span class="dfn-paneled" id="f9fcff5f5f30746f99dff08177971a02">messageerror</span>
-     <li><span class="dfn-paneled" id="23307d34220e7159f8e5d8c231db141f">opaque origin</span>
-     <li><span class="dfn-paneled" id="e66f9f7d45934e77669cb907bd0c7636">origin</span>
-     <li><span class="dfn-paneled" id="a95cc6f0be910557a60537e0256920b2">origin <small>(for environment settings object)</small></span>
-     <li><span class="dfn-paneled" id="f8c820f1c41ed0a34d051692f8f69c18">read-only mode</span>
-     <li><span class="dfn-paneled" id="59c105a5f2da8bc297605588c94e2059">read/write mode</span>
-     <li><span class="dfn-paneled" id="bfb9cb6617f81a424ab20212af73bae3">relevant settings object</span>
-     <li><span class="dfn-paneled" id="3bd07dd1ec2f367091cfd0df47c118a5">same origin</span>
-     <li><span class="dfn-paneled" id="c6ead974f3f536fba951ad9d771a0374">the drag data item kind</span>
-     <li><span class="dfn-paneled" id="fad46e4a016cd6e3ca0c81a3c004e4c3">top-level origin</span>
-     <li><span class="dfn-paneled" id="5b762d09d78e8674458b84982b3cb3c9">transient activation</span>
+     <li><span class="dfn-paneled" id="4ff66d05">DataTransferItem</span>
+     <li><span class="dfn-paneled" id="eb5c4be3">Serializable</span>
+     <li><span class="dfn-paneled" id="5d7209e9">Window</span>
+     <li><span class="dfn-paneled" id="36d15a6d">activation notification</span>
+     <li><span class="dfn-paneled" id="9329fd7b">as a download</span>
+     <li><span class="dfn-paneled" id="6d88ab2e">browsing context</span>
+     <li><span class="dfn-paneled" id="3e12e042">environment settings object</span>
+     <li><span class="dfn-paneled" id="8a30477b">global object</span>
+     <li><span class="dfn-paneled" id="a72449dd">in parallel</span>
+     <li><span class="dfn-paneled" id="6b373a4a">messageerror</span>
+     <li><span class="dfn-paneled" id="b01b1359">opaque origin</span>
+     <li><span class="dfn-paneled" id="086e3aff">origin</span>
+     <li><span class="dfn-paneled" id="43ac8374">origin <small>(for environment settings object)</small></span>
+     <li><span class="dfn-paneled" id="bb0e27f7">read-only mode</span>
+     <li><span class="dfn-paneled" id="9604548f">read/write mode</span>
+     <li><span class="dfn-paneled" id="9c4c1e66">relevant settings object</span>
+     <li><span class="dfn-paneled" id="7393da89">same origin</span>
+     <li><span class="dfn-paneled" id="7e94ee2f">the drag data item kind</span>
+     <li><span class="dfn-paneled" id="c63519ed">top-level origin</span>
+     <li><span class="dfn-paneled" id="47fe679e">transient activation</span>
     </ul>
    <li>
     <a data-link-type="biblio">[INFRA]</a> defines the following terms:
     <ul>
-     <li><span class="dfn-paneled" id="fcfc8b0ed220faa237969aed00e2586d">append</span>
-     <li><span class="dfn-paneled" id="b0aba10374213989c1869ca05054ba1a">ascii alphanumeric</span>
-     <li><span class="dfn-paneled" id="6a3d87a2ff9ed36e37a82055f7e141de">byte sequence</span>
-     <li><span class="dfn-paneled" id="4103741029595e9e13c67dab91d1e3bd">code point</span>
-     <li><span class="dfn-paneled" id="de8dad85bc31aef3359c7c7dbd918fe7">empty</span>
-     <li><span class="dfn-paneled" id="0d3ee326a162c16997e7bb20e8b7133c">exist</span>
-     <li><span class="dfn-paneled" id="8b9e78ceedde26e69095bd6f6cce47bf">for each <small>(for list)</small></span>
-     <li><span class="dfn-paneled" id="fa396dfe2ff99ebb3815418bc73c40fb">for each <small>(for map)</small></span>
-     <li><span class="dfn-paneled" id="fd74d8159933c4a74d0b23390bed43e3">implementation-defined</span>
-     <li><span class="dfn-paneled" id="81b03c84949641fc3081227509aab38f">length</span>
-     <li><span class="dfn-paneled" id="fafd38d2108e357bcc9a6fd7f3cd04a7">list</span>
-     <li><span class="dfn-paneled" id="4bf12d0cddf322a1e2a9fb52f4d85843">map</span>
-     <li><span class="dfn-paneled" id="2d700262fcde3097fbf89ef2496f1f0d">starts with</span>
-     <li><span class="dfn-paneled" id="40b59bc325bd4d66701dfd8b7f1847c0">string</span>
-     <li><span class="dfn-paneled" id="decbbd3ee5a73b54e8e8996ce1fddbbc">tuple</span>
+     <li><span class="dfn-paneled" id="53275e46">append</span>
+     <li><span class="dfn-paneled" id="f43d6978">ascii alphanumeric</span>
+     <li><span class="dfn-paneled" id="3de9e659">byte sequence</span>
+     <li><span class="dfn-paneled" id="915aff5e">code point</span>
+     <li><span class="dfn-paneled" id="03afaf9c">empty</span>
+     <li><span class="dfn-paneled" id="1243a891">exist</span>
+     <li><span class="dfn-paneled" id="16d07e10">for each <small>(for list)</small></span>
+     <li><span class="dfn-paneled" id="45209803">for each <small>(for map)</small></span>
+     <li><span class="dfn-paneled" id="860300d4">implementation-defined</span>
+     <li><span class="dfn-paneled" id="0fa357c3">length</span>
+     <li><span class="dfn-paneled" id="649608b9">list</span>
+     <li><span class="dfn-paneled" id="3fca5a9e">map</span>
+     <li><span class="dfn-paneled" id="54627f47">starts with</span>
+     <li><span class="dfn-paneled" id="0698d556">string</span>
+     <li><span class="dfn-paneled" id="0e8de730">tuple</span>
     </ul>
    <li>
     <a data-link-type="biblio">[MIMESNIFF]</a> defines the following terms:
     <ul>
-     <li><span class="dfn-paneled" id="b22344dc3a8b3dd3d756f617b690d215">essence</span>
-     <li><span class="dfn-paneled" id="d8b6dead8675d4e22e56ccd529b674c6">mime type</span>
-     <li><span class="dfn-paneled" id="6999afece714837dd460347910a5a28d">parameters</span>
-     <li><span class="dfn-paneled" id="711d53fc6b3f5d96d0a70670bc861368">parse a mime type</span>
-     <li><span class="dfn-paneled" id="4c079dd0623b226625ac93934e876772">subtype</span>
-     <li><span class="dfn-paneled" id="f3b8b94acb26f37436baef3b310cc853">type</span>
+     <li><span class="dfn-paneled" id="7c195f8b">essence</span>
+     <li><span class="dfn-paneled" id="16785ec4">mime type</span>
+     <li><span class="dfn-paneled" id="fc5a3214">parameters</span>
+     <li><span class="dfn-paneled" id="d72dabca">parse a mime type</span>
+     <li><span class="dfn-paneled" id="69d8b9f1">subtype</span>
+     <li><span class="dfn-paneled" id="b5c41c63">type</span>
     </ul>
    <li>
     <a data-link-type="biblio">[PERMISSIONS]</a> defines the following terms:
     <ul>
-     <li><span class="dfn-paneled" id="43348714678be2dd068b6e59f237b20f">PermissionDescriptor</span>
-     <li><span class="dfn-paneled" id="20c4831d4e513411042dd78668922d25">PermissionState</span>
-     <li><span class="dfn-paneled" id="765630ad06480a49b1773153409b6085">PermissionStatus</span>
-     <li><span class="dfn-paneled" id="517cbf62d98cc77baf4ae356567a88a6">create a permissionstatus</span>
-     <li><span class="dfn-paneled" id="b6283ddf1be5ec65c6c8bac6a0cd4f2d">default permission query algorithm</span>
-     <li><span class="dfn-paneled" id="180d5479814a4ae3b599e6a1c4e11751">granted</span>
-     <li><span class="dfn-paneled" id="ead23067700e8f952e9e56b02297f81d">name</span>
-     <li><span class="dfn-paneled" id="a7b12fdfd0e5a14a6609967ea1b77b6f">permission descriptor type</span>
-     <li><span class="dfn-paneled" id="7e061092254567e08202b79a0f3450e7">permission state</span>
-     <li><span class="dfn-paneled" id="16bc7ad92ecfcb394afcdab174e79e58">permission state constraints</span>
-     <li><span class="dfn-paneled" id="7068c6a8c2e257e27a10800f4e7aa3c0">permissions</span>
-     <li><span class="dfn-paneled" id="502996c42f30b37f182905ef22fb89c0">powerful feature</span>
-     <li><span class="dfn-paneled" id="1ac56c1e5db173e516aa045f9184f44d">prompt</span>
-     <li><span class="dfn-paneled" id="a61090f193ea4b511f2847bf7addc208">query()</span>
-     <li><span class="dfn-paneled" id="d043d7b7a730e84f11e7c740ee946288">request permission to use</span>
-     <li><span class="dfn-paneled" id="b0d9608d74c0d38907af88ef8f961dbb">state</span>
+     <li><span class="dfn-paneled" id="ebb01253">PermissionDescriptor</span>
+     <li><span class="dfn-paneled" id="6c3bee60">PermissionState</span>
+     <li><span class="dfn-paneled" id="dbf8e074">PermissionStatus</span>
+     <li><span class="dfn-paneled" id="113dd5ca">create a permissionstatus</span>
+     <li><span class="dfn-paneled" id="1191fb01">default permission query algorithm</span>
+     <li><span class="dfn-paneled" id="c6ce3c60">granted</span>
+     <li><span class="dfn-paneled" id="0310eecd">name</span>
+     <li><span class="dfn-paneled" id="4b7ca52a">permission descriptor type</span>
+     <li><span class="dfn-paneled" id="d124397f">permission state</span>
+     <li><span class="dfn-paneled" id="3e7aa5da">permission state constraints</span>
+     <li><span class="dfn-paneled" id="ec3886d6">permissions</span>
+     <li><span class="dfn-paneled" id="6c2d7879">powerful feature</span>
+     <li><span class="dfn-paneled" id="325da0f2">prompt</span>
+     <li><span class="dfn-paneled" id="78f04503">query()</span>
+     <li><span class="dfn-paneled" id="bcc085e3">request permission to use</span>
+     <li><span class="dfn-paneled" id="620f832e">state</span>
     </ul>
    <li>
     <a data-link-type="biblio">[PERMISSIONS-REQUEST]</a> defines the following terms:
     <ul>
-     <li><span class="dfn-paneled" id="7b794e576ed01ae7270236dc23fd489a">permission request algorithm</span>
+     <li><span class="dfn-paneled" id="35725f70">permission request algorithm</span>
     </ul>
    <li>
     <a data-link-type="biblio">[STORAGE]</a> defines the following terms:
     <ul>
-     <li><span class="dfn-paneled" id="1d64b4b168a2a999e7e8946c4f52598e">storage</span>
-     <li><span class="dfn-paneled" id="02d1b826437e77c1f657e442ab4b6d22">storage quota</span>
+     <li><span class="dfn-paneled" id="91461e7c">storage</span>
+     <li><span class="dfn-paneled" id="cac8dd86">storage quota</span>
     </ul>
    <li>
     <a data-link-type="biblio">[WEBIDL]</a> defines the following terms:
     <ul>
-     <li><span class="dfn-paneled" id="5da051396fa9b345e54620cae1c94f30">AbortError</span>
-     <li><span class="dfn-paneled" id="d0f238a61de9310f1738a214749fab18">DOMString</span>
-     <li><span class="dfn-paneled" id="dde049eb112f043fc45407ec0d4cb457">Exposed</span>
-     <li><span class="dfn-paneled" id="93669c631ec1ef8e696b4c083bdbe12c">Promise</span>
-     <li><span class="dfn-paneled" id="cdf224ec60dc3b08449a2fbdf3a90406">SecureContext</span>
-     <li><span class="dfn-paneled" id="bfd589348b877ef78380edc0886321f0">SecurityError</span>
-     <li><span class="dfn-paneled" id="3f9c3eac015894a734faa8068fd8c2a1">TypeError</span>
-     <li><span class="dfn-paneled" id="e270bcd7cdb4abe27bc3bb16a1975937">USVString</span>
-     <li><span class="dfn-paneled" id="bbe33fc7ac016834e4aaddbfd1b084a1">a new promise</span>
-     <li><span class="dfn-paneled" id="cf8339c4a39778ea039900ab8a77d2fe">a promise rejected with</span>
-     <li><span class="dfn-paneled" id="cb7ce63b39eb2128b9c2cc2cf413299f">a promise resolved with</span>
-     <li><span class="dfn-paneled" id="f8062b07e25ed0281f5cbfb9a54070b4">boolean</span>
-     <li><span class="dfn-paneled" id="98c84278a4f9d1aa9fa4e4dd12bb7fb2">record</span>
-     <li><span class="dfn-paneled" id="f7204c0306e7ffcb24c31adf6e629e1d">reject</span>
-     <li><span class="dfn-paneled" id="f4f973f92274819781816b033aea1f11">resolve</span>
-     <li><span class="dfn-paneled" id="38ab7db52e46bed36993204c29f67202">sequence</span>
-     <li><span class="dfn-paneled" id="be0933df03cd63338f98de217c4158c7">this</span>
+     <li><span class="dfn-paneled" id="d25dfb2c">AbortError</span>
+     <li><span class="dfn-paneled" id="8855a9aa">DOMString</span>
+     <li><span class="dfn-paneled" id="889e932f">Exposed</span>
+     <li><span class="dfn-paneled" id="bdbd19d1">Promise</span>
+     <li><span class="dfn-paneled" id="b75bb3bd">SecureContext</span>
+     <li><span class="dfn-paneled" id="c3e881ef">SecurityError</span>
+     <li><span class="dfn-paneled" id="82ca3efc">TypeError</span>
+     <li><span class="dfn-paneled" id="b0d7f3c3">USVString</span>
+     <li><span class="dfn-paneled" id="dacde8b5">a new promise</span>
+     <li><span class="dfn-paneled" id="d0b4a948">a promise rejected with</span>
+     <li><span class="dfn-paneled" id="8f5c2179">a promise resolved with</span>
+     <li><span class="dfn-paneled" id="5372cca8">boolean</span>
+     <li><span class="dfn-paneled" id="7787d359">record</span>
+     <li><span class="dfn-paneled" id="b262501e">reject</span>
+     <li><span class="dfn-paneled" id="3b90bdcd">resolve</span>
+     <li><span class="dfn-paneled" id="9cce47fd">sequence</span>
+     <li><span class="dfn-paneled" id="4013a022">this</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>
@@ -2937,367 +2392,6 @@ <h2 class="no-num no-ref heading settled" id="issues-index"><span class="content
 be consistent with other APIs that give access to dropped files and directories. This is inconsistent
 with the <a data-link-type="dfn" href="#local-file-system-handle-factories">local file system handle factories</a> though, so we might want to reconsider this. <a class="issue-return" href="#issue-8306b646" title="Jump to section">↵</a></div>
   </div>
-  <aside aria-labelledby="infopaneltitle-for-valid-suffix-code-point" class="dfn-panel" data-for="valid-suffix-code-point" id="infopanel-for-valid-suffix-code-point">
-   <span id="infopaneltitle-for-valid-suffix-code-point" style="display:none">Info about the 'valid suffix code point' definition.</span><b><a href="#valid-suffix-code-point">#valid-suffix-code-point</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-valid-suffix-code-point">3.2.1. Accepted file types</a> <a href="#ref-for-valid-suffix-code-point①">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-permissionname-file-system" class="dfn-panel" data-for="dom-permissionname-file-system" id="infopanel-for-dom-permissionname-file-system">
-   <span id="infopaneltitle-for-dom-permissionname-file-system" style="display:none">Info about the '"file-system"' definition.</span><b><a href="#dom-permissionname-file-system">#dom-permissionname-file-system</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-permissionname-file-system">2.2. Permissions</a> <a href="#ref-for-dom-permissionname-file-system①">(2)</a> <a href="#ref-for-dom-permissionname-file-system②">(3)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-enumdef-filesystempermissionmode" class="dfn-panel" data-for="enumdef-filesystempermissionmode" id="infopanel-for-enumdef-filesystempermissionmode">
-   <span id="infopaneltitle-for-enumdef-filesystempermissionmode" style="display:none">Info about the 'FileSystemPermissionMode' definition.</span><b><a href="#enumdef-filesystempermissionmode">#enumdef-filesystempermissionmode</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-enumdef-filesystempermissionmode">2.2. Permissions</a> <a href="#ref-for-enumdef-filesystempermissionmode①">(2)</a> <a href="#ref-for-enumdef-filesystempermissionmode②">(3)</a> <a href="#ref-for-enumdef-filesystempermissionmode③">(4)</a>
-    <li><a href="#ref-for-enumdef-filesystempermissionmode④">2.3. The FileSystemHandle interface</a>
-    <li><a href="#ref-for-enumdef-filesystempermissionmode⑤">3. Accessing Local File System</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-filesystempermissionmode-read" class="dfn-panel" data-for="dom-filesystempermissionmode-read" id="infopanel-for-dom-filesystempermissionmode-read">
-   <span id="infopaneltitle-for-dom-filesystempermissionmode-read" style="display:none">Info about the '"read"' definition.</span><b><a href="#dom-filesystempermissionmode-read">#dom-filesystempermissionmode-read</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-filesystempermissionmode-read">2.2. Permissions</a> <a href="#ref-for-dom-filesystempermissionmode-read①">(2)</a>
-    <li><a href="#ref-for-dom-filesystempermissionmode-read②">2.3.1. The queryPermission() method</a>
-    <li><a href="#ref-for-dom-filesystempermissionmode-read③">2.3.2. The requestPermission() method</a>
-    <li><a href="#ref-for-dom-filesystempermissionmode-read④">3.1. Local File System Permissions</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-filesystempermissionmode-readwrite" class="dfn-panel" data-for="dom-filesystempermissionmode-readwrite" id="infopanel-for-dom-filesystempermissionmode-readwrite">
-   <span id="infopaneltitle-for-dom-filesystempermissionmode-readwrite" style="display:none">Info about the '"readwrite"' definition.</span><b><a href="#dom-filesystempermissionmode-readwrite">#dom-filesystempermissionmode-readwrite</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-filesystempermissionmode-readwrite">2.2. Permissions</a> <a href="#ref-for-dom-filesystempermissionmode-readwrite①">(2)</a>
-    <li><a href="#ref-for-dom-filesystempermissionmode-readwrite②">2.3.1. The queryPermission() method</a> <a href="#ref-for-dom-filesystempermissionmode-readwrite③">(2)</a>
-    <li><a href="#ref-for-dom-filesystempermissionmode-readwrite④">2.3.2. The requestPermission() method</a>
-    <li><a href="#ref-for-dom-filesystempermissionmode-readwrite⑤">3.1. Local File System Permissions</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dictdef-filesystempermissiondescriptor" class="dfn-panel" data-for="dictdef-filesystempermissiondescriptor" id="infopanel-for-dictdef-filesystempermissiondescriptor">
-   <span id="infopaneltitle-for-dictdef-filesystempermissiondescriptor" style="display:none">Info about the 'FileSystemPermissionDescriptor' definition.</span><b><a href="#dictdef-filesystempermissiondescriptor">#dictdef-filesystempermissiondescriptor</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dictdef-filesystempermissiondescriptor">2.2. Permissions</a> <a href="#ref-for-dictdef-filesystempermissiondescriptor①">(2)</a> <a href="#ref-for-dictdef-filesystempermissiondescriptor②">(3)</a> <a href="#ref-for-dictdef-filesystempermissiondescriptor③">(4)</a> <a href="#ref-for-dictdef-filesystempermissiondescriptor④">(5)</a>
-    <li><a href="#ref-for-dictdef-filesystempermissiondescriptor⑤">3.5. The showDirectoryPicker() method</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-filesystempermissiondescriptor-handle" class="dfn-panel" data-for="dom-filesystempermissiondescriptor-handle" id="infopanel-for-dom-filesystempermissiondescriptor-handle">
-   <span id="infopaneltitle-for-dom-filesystempermissiondescriptor-handle" style="display:none">Info about the 'handle' definition.</span><b><a href="#dom-filesystempermissiondescriptor-handle">#dom-filesystempermissiondescriptor-handle</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-filesystempermissiondescriptor-handle">2.2. Permissions</a> <a href="#ref-for-dom-filesystempermissiondescriptor-handle①">(2)</a> <a href="#ref-for-dom-filesystempermissiondescriptor-handle②">(3)</a> <a href="#ref-for-dom-filesystempermissiondescriptor-handle③">(4)</a> <a href="#ref-for-dom-filesystempermissiondescriptor-handle④">(5)</a> <a href="#ref-for-dom-filesystempermissiondescriptor-handle⑤">(6)</a>
-    <li><a href="#ref-for-dom-filesystempermissiondescriptor-handle⑥">2.3.1. The queryPermission() method</a> <a href="#ref-for-dom-filesystempermissiondescriptor-handle⑦">(2)</a>
-    <li><a href="#ref-for-dom-filesystempermissiondescriptor-handle⑧">3.1. Local File System Permissions</a> <a href="#ref-for-dom-filesystempermissiondescriptor-handle⑨">(2)</a>
-    <li><a href="#ref-for-dom-filesystempermissiondescriptor-handle①⓪">3.5. The showDirectoryPicker() method</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-filesystempermissiondescriptor-mode" class="dfn-panel" data-for="dom-filesystempermissiondescriptor-mode" id="infopanel-for-dom-filesystempermissiondescriptor-mode">
-   <span id="infopaneltitle-for-dom-filesystempermissiondescriptor-mode" style="display:none">Info about the 'mode' definition.</span><b><a href="#dom-filesystempermissiondescriptor-mode">#dom-filesystempermissiondescriptor-mode</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-filesystempermissiondescriptor-mode">2.2. Permissions</a> <a href="#ref-for-dom-filesystempermissiondescriptor-mode①">(2)</a> <a href="#ref-for-dom-filesystempermissiondescriptor-mode②">(3)</a> <a href="#ref-for-dom-filesystempermissiondescriptor-mode③">(4)</a> <a href="#ref-for-dom-filesystempermissiondescriptor-mode④">(5)</a>
-    <li><a href="#ref-for-dom-filesystempermissiondescriptor-mode⑤">2.3.1. The queryPermission() method</a>
-    <li><a href="#ref-for-dom-filesystempermissiondescriptor-mode⑥">3.1. Local File System Permissions</a> <a href="#ref-for-dom-filesystempermissiondescriptor-mode⑦">(2)</a>
-    <li><a href="#ref-for-dom-filesystempermissiondescriptor-mode⑧">3.5. The showDirectoryPicker() method</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-querying-file-system-permission" class="dfn-panel" data-for="querying-file-system-permission" id="infopanel-for-querying-file-system-permission">
-   <span id="infopaneltitle-for-querying-file-system-permission" style="display:none">Info about the 'query file system permission' definition.</span><b><a href="#querying-file-system-permission">#querying-file-system-permission</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-querying-file-system-permission">2.3.1. The queryPermission() method</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-requesting-file-system-permission" class="dfn-panel" data-for="requesting-file-system-permission" id="infopanel-for-requesting-file-system-permission">
-   <span id="infopaneltitle-for-requesting-file-system-permission" style="display:none">Info about the 'request file system permission' definition.</span><b><a href="#requesting-file-system-permission">#requesting-file-system-permission</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-requesting-file-system-permission">2.3.2. The requestPermission() method</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dictdef-filesystemhandlepermissiondescriptor" class="dfn-panel" data-for="dictdef-filesystemhandlepermissiondescriptor" id="infopanel-for-dictdef-filesystemhandlepermissiondescriptor">
-   <span id="infopaneltitle-for-dictdef-filesystemhandlepermissiondescriptor" style="display:none">Info about the 'FileSystemHandlePermissionDescriptor' definition.</span><b><a href="#dictdef-filesystemhandlepermissiondescriptor">#dictdef-filesystemhandlepermissiondescriptor</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dictdef-filesystemhandlepermissiondescriptor">2.3. The FileSystemHandle interface</a> <a href="#ref-for-dictdef-filesystemhandlepermissiondescriptor①">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-filesystemhandlepermissiondescriptor-mode" class="dfn-panel" data-for="dom-filesystemhandlepermissiondescriptor-mode" id="infopanel-for-dom-filesystemhandlepermissiondescriptor-mode">
-   <span id="infopaneltitle-for-dom-filesystemhandlepermissiondescriptor-mode" style="display:none">Info about the 'mode' definition.</span><b><a href="#dom-filesystemhandlepermissiondescriptor-mode">#dom-filesystemhandlepermissiondescriptor-mode</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-filesystemhandlepermissiondescriptor-mode">2.3.1. The queryPermission() method</a> <a href="#ref-for-dom-filesystemhandlepermissiondescriptor-mode①">(2)</a> <a href="#ref-for-dom-filesystemhandlepermissiondescriptor-mode②">(3)</a>
-    <li><a href="#ref-for-dom-filesystemhandlepermissiondescriptor-mode③">2.3.2. The requestPermission() method</a> <a href="#ref-for-dom-filesystemhandlepermissiondescriptor-mode④">(2)</a> <a href="#ref-for-dom-filesystemhandlepermissiondescriptor-mode⑤">(3)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-filesystemhandle-querypermission" class="dfn-panel" data-for="dom-filesystemhandle-querypermission" id="infopanel-for-dom-filesystemhandle-querypermission">
-   <span id="infopaneltitle-for-dom-filesystemhandle-querypermission" style="display:none">Info about the 'queryPermission(descriptor)' definition.</span><b><a href="#dom-filesystemhandle-querypermission">#dom-filesystemhandle-querypermission</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-filesystemhandle-querypermission">2.3. The FileSystemHandle interface</a>
-    <li><a href="#ref-for-dom-filesystemhandle-querypermission①">2.3.1. The queryPermission() method</a> <a href="#ref-for-dom-filesystemhandle-querypermission②">(2)</a> <a href="#ref-for-dom-filesystemhandle-querypermission③">(3)</a> <a href="#ref-for-dom-filesystemhandle-querypermission④">(4)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-filesystemhandle-requestpermission" class="dfn-panel" data-for="dom-filesystemhandle-requestpermission" id="infopanel-for-dom-filesystemhandle-requestpermission">
-   <span id="infopaneltitle-for-dom-filesystemhandle-requestpermission" style="display:none">Info about the 'requestPermission(descriptor)' definition.</span><b><a href="#dom-filesystemhandle-requestpermission">#dom-filesystemhandle-requestpermission</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-filesystemhandle-requestpermission">2.3. The FileSystemHandle interface</a>
-    <li><a href="#ref-for-dom-filesystemhandle-requestpermission①">2.3.1. The queryPermission() method</a> <a href="#ref-for-dom-filesystemhandle-requestpermission②">(2)</a>
-    <li><a href="#ref-for-dom-filesystemhandle-requestpermission③">2.3.2. The requestPermission() method</a> <a href="#ref-for-dom-filesystemhandle-requestpermission④">(2)</a> <a href="#ref-for-dom-filesystemhandle-requestpermission⑤">(3)</a> <a href="#ref-for-dom-filesystemhandle-requestpermission⑥">(4)</a>
-    <li><a href="#ref-for-dom-filesystemhandle-requestpermission⑦">5.3. First-party vs third-party contexts.</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-typedefdef-startindirectory" class="dfn-panel" data-for="typedefdef-startindirectory" id="infopanel-for-typedefdef-startindirectory">
-   <span id="infopaneltitle-for-typedefdef-startindirectory" style="display:none">Info about the 'StartInDirectory' definition.</span><b><a href="#typedefdef-startindirectory">#typedefdef-startindirectory</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-typedefdef-startindirectory">3. Accessing Local File System</a> <a href="#ref-for-typedefdef-startindirectory①">(2)</a>
-    <li><a href="#ref-for-typedefdef-startindirectory②">3.2.2. Starting Directory</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dictdef-filepickeraccepttype" class="dfn-panel" data-for="dictdef-filepickeraccepttype" id="infopanel-for-dictdef-filepickeraccepttype">
-   <span id="infopaneltitle-for-dictdef-filepickeraccepttype" style="display:none">Info about the 'FilePickerAcceptType' definition.</span><b><a href="#dictdef-filepickeraccepttype">#dictdef-filepickeraccepttype</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dictdef-filepickeraccepttype">3. Accessing Local File System</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-filepickeraccepttype-description" class="dfn-panel" data-for="dom-filepickeraccepttype-description" id="infopanel-for-dom-filepickeraccepttype-description">
-   <span id="infopaneltitle-for-dom-filepickeraccepttype-description" style="display:none">Info about the 'description' definition.</span><b><a href="#dom-filepickeraccepttype-description">#dom-filepickeraccepttype-description</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-filepickeraccepttype-description">3.2.1. Accepted file types</a> <a href="#ref-for-dom-filepickeraccepttype-description①">(2)</a> <a href="#ref-for-dom-filepickeraccepttype-description②">(3)</a> <a href="#ref-for-dom-filepickeraccepttype-description③">(4)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-filepickeraccepttype-accept" class="dfn-panel" data-for="dom-filepickeraccepttype-accept" id="infopanel-for-dom-filepickeraccepttype-accept">
-   <span id="infopaneltitle-for-dom-filepickeraccepttype-accept" style="display:none">Info about the 'accept' definition.</span><b><a href="#dom-filepickeraccepttype-accept">#dom-filepickeraccepttype-accept</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-filepickeraccepttype-accept">3.2.1. Accepted file types</a> <a href="#ref-for-dom-filepickeraccepttype-accept①">(2)</a> <a href="#ref-for-dom-filepickeraccepttype-accept②">(3)</a> <a href="#ref-for-dom-filepickeraccepttype-accept③">(4)</a> <a href="#ref-for-dom-filepickeraccepttype-accept④">(5)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dictdef-filepickeroptions" class="dfn-panel" data-for="dictdef-filepickeroptions" id="infopanel-for-dictdef-filepickeroptions">
-   <span id="infopaneltitle-for-dictdef-filepickeroptions" style="display:none">Info about the 'FilePickerOptions' definition.</span><b><a href="#dictdef-filepickeroptions">#dictdef-filepickeroptions</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dictdef-filepickeroptions">3. Accessing Local File System</a> <a href="#ref-for-dictdef-filepickeroptions①">(2)</a>
-    <li><a href="#ref-for-dictdef-filepickeroptions②">3.2.1. Accepted file types</a> <a href="#ref-for-dictdef-filepickeroptions③">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-filepickeroptions-types" class="dfn-panel" data-for="dom-filepickeroptions-types" id="infopanel-for-dom-filepickeroptions-types">
-   <span id="infopaneltitle-for-dom-filepickeroptions-types" style="display:none">Info about the 'types' definition.</span><b><a href="#dom-filepickeroptions-types">#dom-filepickeroptions-types</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-filepickeroptions-types">3.2.1. Accepted file types</a> <a href="#ref-for-dom-filepickeroptions-types①">(2)</a> <a href="#ref-for-dom-filepickeroptions-types②">(3)</a> <a href="#ref-for-dom-filepickeroptions-types③">(4)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-filepickeroptions-excludeacceptalloption" class="dfn-panel" data-for="dom-filepickeroptions-excludeacceptalloption" id="infopanel-for-dom-filepickeroptions-excludeacceptalloption">
-   <span id="infopaneltitle-for-dom-filepickeroptions-excludeacceptalloption" style="display:none">Info about the 'excludeAcceptAllOption' definition.</span><b><a href="#dom-filepickeroptions-excludeacceptalloption">#dom-filepickeroptions-excludeacceptalloption</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-filepickeroptions-excludeacceptalloption">3.2.1. Accepted file types</a> <a href="#ref-for-dom-filepickeroptions-excludeacceptalloption①">(2)</a> <a href="#ref-for-dom-filepickeroptions-excludeacceptalloption②">(3)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-filepickeroptions-id" class="dfn-panel" data-for="dom-filepickeroptions-id" id="infopanel-for-dom-filepickeroptions-id">
-   <span id="infopaneltitle-for-dom-filepickeroptions-id" style="display:none">Info about the 'id' definition.</span><b><a href="#dom-filepickeroptions-id">#dom-filepickeroptions-id</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-filepickeroptions-id">3.2.2. Starting Directory</a> <a href="#ref-for-dom-filepickeroptions-id①">(2)</a> <a href="#ref-for-dom-filepickeroptions-id②">(3)</a> <a href="#ref-for-dom-filepickeroptions-id③">(4)</a> <a href="#ref-for-dom-filepickeroptions-id④">(5)</a> <a href="#ref-for-dom-filepickeroptions-id⑤">(6)</a> <a href="#ref-for-dom-filepickeroptions-id⑥">(7)</a> <a href="#ref-for-dom-filepickeroptions-id⑦">(8)</a> <a href="#ref-for-dom-filepickeroptions-id⑧">(9)</a> <a href="#ref-for-dom-filepickeroptions-id⑨">(10)</a> <a href="#ref-for-dom-filepickeroptions-id①⓪">(11)</a> <a href="#ref-for-dom-filepickeroptions-id①①">(12)</a>
-    <li><a href="#ref-for-dom-filepickeroptions-id①②">3.3. The showOpenFilePicker() method</a> <a href="#ref-for-dom-filepickeroptions-id①③">(2)</a>
-    <li><a href="#ref-for-dom-filepickeroptions-id①④">3.4. The showSaveFilePicker() method</a> <a href="#ref-for-dom-filepickeroptions-id①⑤">(2)</a>
-    <li><a href="#ref-for-dom-filepickeroptions-id①⑥">3.5. The showDirectoryPicker() method</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-filepickeroptions-startin" class="dfn-panel" data-for="dom-filepickeroptions-startin" id="infopanel-for-dom-filepickeroptions-startin">
-   <span id="infopaneltitle-for-dom-filepickeroptions-startin" style="display:none">Info about the 'startIn' definition.</span><b><a href="#dom-filepickeroptions-startin">#dom-filepickeroptions-startin</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-filepickeroptions-startin">3.2.2. Starting Directory</a> <a href="#ref-for-dom-filepickeroptions-startin①">(2)</a> <a href="#ref-for-dom-filepickeroptions-startin②">(3)</a> <a href="#ref-for-dom-filepickeroptions-startin③">(4)</a> <a href="#ref-for-dom-filepickeroptions-startin④">(5)</a> <a href="#ref-for-dom-filepickeroptions-startin⑤">(6)</a> <a href="#ref-for-dom-filepickeroptions-startin⑥">(7)</a> <a href="#ref-for-dom-filepickeroptions-startin⑦">(8)</a> <a href="#ref-for-dom-filepickeroptions-startin⑧">(9)</a>
-    <li><a href="#ref-for-dom-filepickeroptions-startin⑨">3.3. The showOpenFilePicker() method</a>
-    <li><a href="#ref-for-dom-filepickeroptions-startin①⓪">3.4. The showSaveFilePicker() method</a>
-    <li><a href="#ref-for-dom-filepickeroptions-startin①①">3.5. The showDirectoryPicker() method</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dictdef-openfilepickeroptions" class="dfn-panel" data-for="dictdef-openfilepickeroptions" id="infopanel-for-dictdef-openfilepickeroptions">
-   <span id="infopaneltitle-for-dictdef-openfilepickeroptions" style="display:none">Info about the 'OpenFilePickerOptions' definition.</span><b><a href="#dictdef-openfilepickeroptions">#dictdef-openfilepickeroptions</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dictdef-openfilepickeroptions">3. Accessing Local File System</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-openfilepickeroptions-multiple" class="dfn-panel" data-for="dom-openfilepickeroptions-multiple" id="infopanel-for-dom-openfilepickeroptions-multiple">
-   <span id="infopaneltitle-for-dom-openfilepickeroptions-multiple" style="display:none">Info about the 'multiple' definition.</span><b><a href="#dom-openfilepickeroptions-multiple">#dom-openfilepickeroptions-multiple</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-openfilepickeroptions-multiple">3.3. The showOpenFilePicker() method</a> <a href="#ref-for-dom-openfilepickeroptions-multiple①">(2)</a> <a href="#ref-for-dom-openfilepickeroptions-multiple②">(3)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dictdef-savefilepickeroptions" class="dfn-panel" data-for="dictdef-savefilepickeroptions" id="infopanel-for-dictdef-savefilepickeroptions">
-   <span id="infopaneltitle-for-dictdef-savefilepickeroptions" style="display:none">Info about the 'SaveFilePickerOptions' definition.</span><b><a href="#dictdef-savefilepickeroptions">#dictdef-savefilepickeroptions</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dictdef-savefilepickeroptions">3. Accessing Local File System</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-savefilepickeroptions-suggestedname" class="dfn-panel" data-for="dom-savefilepickeroptions-suggestedname" id="infopanel-for-dom-savefilepickeroptions-suggestedname">
-   <span id="infopaneltitle-for-dom-savefilepickeroptions-suggestedname" style="display:none">Info about the 'suggestedName' definition.</span><b><a href="#dom-savefilepickeroptions-suggestedname">#dom-savefilepickeroptions-suggestedname</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-savefilepickeroptions-suggestedname">3.4. The showSaveFilePicker() method</a> <a href="#ref-for-dom-savefilepickeroptions-suggestedname①">(2)</a> <a href="#ref-for-dom-savefilepickeroptions-suggestedname②">(3)</a> <a href="#ref-for-dom-savefilepickeroptions-suggestedname③">(4)</a> <a href="#ref-for-dom-savefilepickeroptions-suggestedname④">(5)</a> <a href="#ref-for-dom-savefilepickeroptions-suggestedname⑤">(6)</a> <a href="#ref-for-dom-savefilepickeroptions-suggestedname⑥">(7)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dictdef-directorypickeroptions" class="dfn-panel" data-for="dictdef-directorypickeroptions" id="infopanel-for-dictdef-directorypickeroptions">
-   <span id="infopaneltitle-for-dictdef-directorypickeroptions" style="display:none">Info about the 'DirectoryPickerOptions' definition.</span><b><a href="#dictdef-directorypickeroptions">#dictdef-directorypickeroptions</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dictdef-directorypickeroptions">3. Accessing Local File System</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-directorypickeroptions-id" class="dfn-panel" data-for="dom-directorypickeroptions-id" id="infopanel-for-dom-directorypickeroptions-id">
-   <span id="infopaneltitle-for-dom-directorypickeroptions-id" style="display:none">Info about the 'id' definition.</span><b><a href="#dom-directorypickeroptions-id">#dom-directorypickeroptions-id</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-directorypickeroptions-id">3.5. The showDirectoryPicker() method</a> <a href="#ref-for-dom-directorypickeroptions-id①">(2)</a> <a href="#ref-for-dom-directorypickeroptions-id②">(3)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-directorypickeroptions-startin" class="dfn-panel" data-for="dom-directorypickeroptions-startin" id="infopanel-for-dom-directorypickeroptions-startin">
-   <span id="infopaneltitle-for-dom-directorypickeroptions-startin" style="display:none">Info about the 'startIn' definition.</span><b><a href="#dom-directorypickeroptions-startin">#dom-directorypickeroptions-startin</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-directorypickeroptions-startin">3.5. The showDirectoryPicker() method</a> <a href="#ref-for-dom-directorypickeroptions-startin①">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-directorypickeroptions-mode" class="dfn-panel" data-for="dom-directorypickeroptions-mode" id="infopanel-for-dom-directorypickeroptions-mode">
-   <span id="infopaneltitle-for-dom-directorypickeroptions-mode" style="display:none">Info about the 'mode' definition.</span><b><a href="#dom-directorypickeroptions-mode">#dom-directorypickeroptions-mode</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-directorypickeroptions-mode">3.5. The showDirectoryPicker() method</a> <a href="#ref-for-dom-directorypickeroptions-mode①">(2)</a> <a href="#ref-for-dom-directorypickeroptions-mode②">(3)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-local-file-system-handle-factories" class="dfn-panel" data-for="local-file-system-handle-factories" id="infopanel-for-local-file-system-handle-factories">
-   <span id="infopaneltitle-for-local-file-system-handle-factories" style="display:none">Info about the 'local file system handle factories' definition.</span><b><a href="#local-file-system-handle-factories">#local-file-system-handle-factories</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-local-file-system-handle-factories">2.3.1. The queryPermission() method</a>
-    <li><a href="#ref-for-local-file-system-handle-factories①">3.1. Local File System Permissions</a> <a href="#ref-for-local-file-system-handle-factories②">(2)</a>
-    <li><a href="#ref-for-local-file-system-handle-factories③">3.6. Drag and Drop</a>
-    <li><a href="#ref-for-local-file-system-handle-factories④">5.3. First-party vs third-party contexts.</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-is-allowed-to-show-a-file-picker" class="dfn-panel" data-for="is-allowed-to-show-a-file-picker" id="infopanel-for-is-allowed-to-show-a-file-picker">
-   <span id="infopaneltitle-for-is-allowed-to-show-a-file-picker" style="display:none">Info about the 'is allowed to show a file picker' definition.</span><b><a href="#is-allowed-to-show-a-file-picker">#is-allowed-to-show-a-file-picker</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-is-allowed-to-show-a-file-picker">3.3. The showOpenFilePicker() method</a>
-    <li><a href="#ref-for-is-allowed-to-show-a-file-picker①">3.4. The showSaveFilePicker() method</a>
-    <li><a href="#ref-for-is-allowed-to-show-a-file-picker②">3.5. The showDirectoryPicker() method</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-process-accept-types" class="dfn-panel" data-for="process-accept-types" id="infopanel-for-process-accept-types">
-   <span id="infopaneltitle-for-process-accept-types" style="display:none">Info about the 'process accept types' definition.</span><b><a href="#process-accept-types">#process-accept-types</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-process-accept-types">3.3. The showOpenFilePicker() method</a>
-    <li><a href="#ref-for-process-accept-types①">3.4. The showSaveFilePicker() method</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-validate-a-suffix" class="dfn-panel" data-for="validate-a-suffix" id="infopanel-for-validate-a-suffix">
-   <span id="infopaneltitle-for-validate-a-suffix" style="display:none">Info about the 'validate a suffix' definition.</span><b><a href="#validate-a-suffix">#validate-a-suffix</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-validate-a-suffix">3.2.1. Accepted file types</a> <a href="#ref-for-validate-a-suffix①">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-recently-picked-directory-map" class="dfn-panel" data-for="recently-picked-directory-map" id="infopanel-for-recently-picked-directory-map">
-   <span id="infopaneltitle-for-recently-picked-directory-map" style="display:none">Info about the 'recently picked directory map' definition.</span><b><a href="#recently-picked-directory-map">#recently-picked-directory-map</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-recently-picked-directory-map">3.2.2. Starting Directory</a> <a href="#ref-for-recently-picked-directory-map①">(2)</a> <a href="#ref-for-recently-picked-directory-map②">(3)</a> <a href="#ref-for-recently-picked-directory-map③">(4)</a> <a href="#ref-for-recently-picked-directory-map④">(5)</a> <a href="#ref-for-recently-picked-directory-map⑤">(6)</a> <a href="#ref-for-recently-picked-directory-map⑥">(7)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-path-id-map" class="dfn-panel" data-for="path-id-map" id="infopanel-for-path-id-map">
-   <span id="infopaneltitle-for-path-id-map" style="display:none">Info about the 'path id map' definition.</span><b><a href="#path-id-map">#path-id-map</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-path-id-map">3.2.2. Starting Directory</a> <a href="#ref-for-path-id-map①">(2)</a> <a href="#ref-for-path-id-map②">(3)</a> <a href="#ref-for-path-id-map③">(4)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-valid-path-id" class="dfn-panel" data-for="valid-path-id" id="infopanel-for-valid-path-id">
-   <span id="infopaneltitle-for-valid-path-id" style="display:none">Info about the 'valid path id' definition.</span><b><a href="#valid-path-id">#valid-path-id</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-valid-path-id">3.2.2. Starting Directory</a> <a href="#ref-for-valid-path-id①">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-enumdef-wellknowndirectory" class="dfn-panel" data-for="enumdef-wellknowndirectory" id="infopanel-for-enumdef-wellknowndirectory">
-   <span id="infopaneltitle-for-enumdef-wellknowndirectory" style="display:none">Info about the 'WellKnownDirectory' definition.</span><b><a href="#enumdef-wellknowndirectory">#enumdef-wellknowndirectory</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-enumdef-wellknowndirectory">3. Accessing Local File System</a> <a href="#ref-for-enumdef-wellknowndirectory①">(2)</a>
-    <li><a href="#ref-for-enumdef-wellknowndirectory②">3.2.2. Starting Directory</a> <a href="#ref-for-enumdef-wellknowndirectory③">(2)</a> <a href="#ref-for-enumdef-wellknowndirectory④">(3)</a> <a href="#ref-for-enumdef-wellknowndirectory⑤">(4)</a> <a href="#ref-for-enumdef-wellknowndirectory⑥">(5)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-wellknowndirectory-desktop" class="dfn-panel" data-for="dom-wellknowndirectory-desktop" id="infopanel-for-dom-wellknowndirectory-desktop">
-   <span id="infopaneltitle-for-dom-wellknowndirectory-desktop" style="display:none">Info about the '"desktop"' definition.</span><b><a href="#dom-wellknowndirectory-desktop">#dom-wellknowndirectory-desktop</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-wellknowndirectory-desktop">3. Accessing Local File System</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-wellknowndirectory-documents" class="dfn-panel" data-for="dom-wellknowndirectory-documents" id="infopanel-for-dom-wellknowndirectory-documents">
-   <span id="infopaneltitle-for-dom-wellknowndirectory-documents" style="display:none">Info about the '"documents"' definition.</span><b><a href="#dom-wellknowndirectory-documents">#dom-wellknowndirectory-documents</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-wellknowndirectory-documents">3. Accessing Local File System</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-wellknowndirectory-downloads" class="dfn-panel" data-for="dom-wellknowndirectory-downloads" id="infopanel-for-dom-wellknowndirectory-downloads">
-   <span id="infopaneltitle-for-dom-wellknowndirectory-downloads" style="display:none">Info about the '"downloads"' definition.</span><b><a href="#dom-wellknowndirectory-downloads">#dom-wellknowndirectory-downloads</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-wellknowndirectory-downloads">3. Accessing Local File System</a>
-    <li><a href="#ref-for-dom-wellknowndirectory-downloads①">3.2.2. Starting Directory</a> <a href="#ref-for-dom-wellknowndirectory-downloads②">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-wellknowndirectory-music" class="dfn-panel" data-for="dom-wellknowndirectory-music" id="infopanel-for-dom-wellknowndirectory-music">
-   <span id="infopaneltitle-for-dom-wellknowndirectory-music" style="display:none">Info about the '"music"' definition.</span><b><a href="#dom-wellknowndirectory-music">#dom-wellknowndirectory-music</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-wellknowndirectory-music">3. Accessing Local File System</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-wellknowndirectory-pictures" class="dfn-panel" data-for="dom-wellknowndirectory-pictures" id="infopanel-for-dom-wellknowndirectory-pictures">
-   <span id="infopaneltitle-for-dom-wellknowndirectory-pictures" style="display:none">Info about the '"pictures"' definition.</span><b><a href="#dom-wellknowndirectory-pictures">#dom-wellknowndirectory-pictures</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-wellknowndirectory-pictures">3. Accessing Local File System</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-wellknowndirectory-videos" class="dfn-panel" data-for="dom-wellknowndirectory-videos" id="infopanel-for-dom-wellknowndirectory-videos">
-   <span id="infopaneltitle-for-dom-wellknowndirectory-videos" style="display:none">Info about the '"videos"' definition.</span><b><a href="#dom-wellknowndirectory-videos">#dom-wellknowndirectory-videos</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-wellknowndirectory-videos">3. Accessing Local File System</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-wellknowndirectory-determine-the-directory-the-picker-will-start-in" class="dfn-panel" data-for="wellknowndirectory-determine-the-directory-the-picker-will-start-in" id="infopanel-for-wellknowndirectory-determine-the-directory-the-picker-will-start-in">
-   <span id="infopaneltitle-for-wellknowndirectory-determine-the-directory-the-picker-will-start-in" style="display:none">Info about the 'determine the directory the picker will start in' definition.</span><b><a href="#wellknowndirectory-determine-the-directory-the-picker-will-start-in">#wellknowndirectory-determine-the-directory-the-picker-will-start-in</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-wellknowndirectory-determine-the-directory-the-picker-will-start-in">3.3. The showOpenFilePicker() method</a>
-    <li><a href="#ref-for-wellknowndirectory-determine-the-directory-the-picker-will-start-in①">3.4. The showSaveFilePicker() method</a>
-    <li><a href="#ref-for-wellknowndirectory-determine-the-directory-the-picker-will-start-in②">3.5. The showDirectoryPicker() method</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-wellknowndirectory-remember-a-picked-directory" class="dfn-panel" data-for="wellknowndirectory-remember-a-picked-directory" id="infopanel-for-wellknowndirectory-remember-a-picked-directory">
-   <span id="infopaneltitle-for-wellknowndirectory-remember-a-picked-directory" style="display:none">Info about the 'remember a picked directory' definition.</span><b><a href="#wellknowndirectory-remember-a-picked-directory">#wellknowndirectory-remember-a-picked-directory</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-wellknowndirectory-remember-a-picked-directory">3.3. The showOpenFilePicker() method</a>
-    <li><a href="#ref-for-wellknowndirectory-remember-a-picked-directory①">3.4. The showSaveFilePicker() method</a>
-    <li><a href="#ref-for-wellknowndirectory-remember-a-picked-directory②">3.5. The showDirectoryPicker() method</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-window-showopenfilepicker" class="dfn-panel" data-for="dom-window-showopenfilepicker" id="infopanel-for-dom-window-showopenfilepicker">
-   <span id="infopaneltitle-for-dom-window-showopenfilepicker" style="display:none">Info about the 'showOpenFilePicker(options)' definition.</span><b><a href="#dom-window-showopenfilepicker">#dom-window-showopenfilepicker</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-window-showopenfilepicker">3. Accessing Local File System</a> <a href="#ref-for-dom-window-showopenfilepicker①">(2)</a>
-    <li><a href="#ref-for-dom-window-showopenfilepicker②">3.2.1. Accepted file types</a>
-    <li><a href="#ref-for-dom-window-showopenfilepicker③">3.3. The showOpenFilePicker() method</a> <a href="#ref-for-dom-window-showopenfilepicker④">(2)</a> <a href="#ref-for-dom-window-showopenfilepicker⑤">(3)</a> <a href="#ref-for-dom-window-showopenfilepicker⑥">(4)</a> <a href="#ref-for-dom-window-showopenfilepicker⑦">(5)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-window-showsavefilepicker" class="dfn-panel" data-for="dom-window-showsavefilepicker" id="infopanel-for-dom-window-showsavefilepicker">
-   <span id="infopaneltitle-for-dom-window-showsavefilepicker" style="display:none">Info about the 'showSaveFilePicker(options)' definition.</span><b><a href="#dom-window-showsavefilepicker">#dom-window-showsavefilepicker</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-window-showsavefilepicker">3. Accessing Local File System</a> <a href="#ref-for-dom-window-showsavefilepicker①">(2)</a>
-    <li><a href="#ref-for-dom-window-showsavefilepicker②">3.1. Local File System Permissions</a>
-    <li><a href="#ref-for-dom-window-showsavefilepicker③">3.2.1. Accepted file types</a>
-    <li><a href="#ref-for-dom-window-showsavefilepicker④">3.4. The showSaveFilePicker() method</a> <a href="#ref-for-dom-window-showsavefilepicker⑤">(2)</a> <a href="#ref-for-dom-window-showsavefilepicker⑥">(3)</a> <a href="#ref-for-dom-window-showsavefilepicker⑦">(4)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-window-showdirectorypicker" class="dfn-panel" data-for="dom-window-showdirectorypicker" id="infopanel-for-dom-window-showdirectorypicker">
-   <span id="infopaneltitle-for-dom-window-showdirectorypicker" style="display:none">Info about the 'showDirectoryPicker(options)' definition.</span><b><a href="#dom-window-showdirectorypicker">#dom-window-showdirectorypicker</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-window-showdirectorypicker">3. Accessing Local File System</a> <a href="#ref-for-dom-window-showdirectorypicker①">(2)</a>
-    <li><a href="#ref-for-dom-window-showdirectorypicker②">3.5. The showDirectoryPicker() method</a> <a href="#ref-for-dom-window-showdirectorypicker③">(2)</a> <a href="#ref-for-dom-window-showdirectorypicker④">(3)</a> <a href="#ref-for-dom-window-showdirectorypicker⑤">(4)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-dom-datatransferitem-getasfilesystemhandle" class="dfn-panel" data-for="dom-datatransferitem-getasfilesystemhandle" id="infopanel-for-dom-datatransferitem-getasfilesystemhandle">
-   <span id="infopaneltitle-for-dom-datatransferitem-getasfilesystemhandle" style="display:none">Info about the 'getAsFileSystemHandle()' definition.</span><b><a href="#dom-datatransferitem-getasfilesystemhandle">#dom-datatransferitem-getasfilesystemhandle</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-dom-datatransferitem-getasfilesystemhandle">3.6. Drag and Drop</a> <a href="#ref-for-dom-datatransferitem-getasfilesystemhandle①">(2)</a>
-   </ul>
-  </aside>
-  <aside aria-labelledby="infopaneltitle-for-wellknowndirectory-too-sensitive-or-dangerous" class="dfn-panel" data-for="wellknowndirectory-too-sensitive-or-dangerous" id="infopanel-for-wellknowndirectory-too-sensitive-or-dangerous">
-   <span id="infopaneltitle-for-wellknowndirectory-too-sensitive-or-dangerous" style="display:none">Info about the 'too sensitive or dangerous' definition.</span><b><a href="#wellknowndirectory-too-sensitive-or-dangerous">#wellknowndirectory-too-sensitive-or-dangerous</a></b><b>Referenced in:</b>
-   <ul>
-    <li><a href="#ref-for-wellknowndirectory-too-sensitive-or-dangerous">3.3. The showOpenFilePicker() method</a>
-    <li><a href="#ref-for-wellknowndirectory-too-sensitive-or-dangerous①">3.4. The showSaveFilePicker() method</a>
-    <li><a href="#ref-for-wellknowndirectory-too-sensitive-or-dangerous②">3.5. The showDirectoryPicker() method</a>
-    <li><a href="#ref-for-wellknowndirectory-too-sensitive-or-dangerous③">3.6. Drag and Drop</a>
-   </ul>
-  </aside>
   <details class="mdn-anno unpositioned" data-anno-for="dom-datatransferitem-getasfilesystemhandle">
    <summary><b class="less-than-two-engines-flag" title="This feature is in less than two current engines.">⚠</b><span>MDN</span></summary>
    <div class="feature">
@@ -3394,65 +2488,221 @@ <h2 class="no-num no-ref heading settled" id="issues-index"><span class="content
     </div>
    </div>
   </details>
-<script>/* position-annos */
+<script>/* Boilerplate: script-dfn-panel */
 "use strict";
 {
+    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})`
+                                ),
+                                " ",
+                            ]
+                        ),
+                    ),
+                ),
+            ),
+        );
+    }
 
-function repositionAnnoPanels(){
-    const panels = [...document.querySelectorAll("[data-anno-for]")];
-    const main = document.querySelector("main");
-    let mainRect;
-    if(main) mainRect = main.getBoundingClientRect();
-    for(const panel of panels) {
-        const dfn = document.getElementById(panel.getAttribute("data-anno-for"));
-        if(!dfn) {
-            console.log("Can't find the annotation panel target:", panel);
-            continue;
+    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)
+            }
         }
-        const rect = dfn.getBoundingClientRect();
-        const top = window.scrollY + rect.top
-        panel.style.top = top + "px";
-        panel.top = top;
-        panel.height = rect.height;
-        panel.classList.remove("unpositioned");
-        const panelRect = panel.getBoundingClientRect()
-        if(main) {
-            panel.classList.toggle("overlapping-main", panelRect.left < mainRect.right)
+    }
+
+    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();
+        });
+    })
+
+
+    function hideAllDfnPanels() {
+        // Turn off any currently "on" or "activated" panels.
+        queryAll(".dfn-panel.on, .dfn-panel.activated").forEach(el=>hideDfnPanel(el));
+    }
+
+    function showDfnPanel(dfnPanel, dfn) {
+        hideAllDfnPanels(); // Only display one at this time.
+        dfn.setAttribute("aria-expanded", "true");
+        dfnPanel.classList.add("on");
+        dfnPanel.style.left = "5px";
+        dfnPanel.style.top = "0px";
+        const panelRect = dfnPanel.getBoundingClientRect();
+        const panelWidth = panelRect.right - panelRect.left;
+        if (panelRect.right > document.body.scrollWidth) {
+            // Panel's overflowing the screen.
+            // Just drop it below the dfn and flip it rightward instead.
+            // This still wont' fix things if the screen is *really* wide,
+            // but fixing that's a lot harder without 'anchor()'.
+            dfnPanel.style.top = "1.5em";
+            dfnPanel.style.left = "auto";
+            dfnPanel.style.right = "0px";
         }
     }
-    let vSoFar = 0;
-    for(const panel of panels.sort(cmpTops)) {
-        console.log(panel.top, vSoFar);
-        if(panel.top < vSoFar) {
-            panel.top = vSoFar;
-            panel.style.top = vSoFar + "px";
+
+    function pinDfnPanel(dfnPanel) {
+        // Switch it to "activated" state, which pins it.
+        dfnPanel.classList.add("activated");
+        dfnPanel.style.left = null;
+        dfnPanel.style.top = null;
+    }
+
+    function hideDfnPanel(dfnPanel, dfn) {
+        if(!dfn) {
+            dfn = document.getElementById(dfnPanel.getAttribute("data-for"));
         }
-        vSoFar = panel.top + panel.height + 15;
+        dfn.setAttribute("aria-expanded", "false")
+        dfnPanel.classList.remove("on");
+        dfnPanel.classList.remove("activated");
     }
-}
 
-function cmpTops(a,b) {
-    return a.top - b.top;
-}
+    function toggleDfnPanel(dfnPanel, dfn) {
+        if(dfnPanel.classList.contains("on")) {
+            hideDfnPanel(dfnPanel, dfn);
+        } else {
+            showDfnPanel(dfnPanel, dfn);
+        }
+    }
 
-window.addEventListener("load", repositionAnnoPanels);
-window.addEventListener("resize", repositionAnnoPanels);
-}</script>
-<script>/* script-dfn-panel */
+    function insertDfnPopupAction(dfn, dfnPanel) {
+        // Find dfn panel
+        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();
+                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>/* Boilerplate: 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.
@@ -3502,134 +2752,528 @@ <h2 class="no-num no-ref heading settled" id="issues-index"><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>/* Boilerplate: script-dfn-panel-json */
+window.dfnpanelData = {};
+window.dfnpanelData['23e108bd'] = {"dfnID": "23e108bd", "url": "https://fs.spec.whatwg.org/#filesystemdirectoryhandle", "dfnText": "FileSystemDirectoryHandle", "refSections": [{"refs": [{"id": "ref-for-filesystemdirectoryhandle"}], "title": "3. Accessing Local File System"}, {"refs": [{"id": "ref-for-filesystemdirectoryhandle\u2460"}, {"id": "ref-for-filesystemdirectoryhandle\u2461"}], "title": "3.2.2. Starting Directory"}, {"refs": [{"id": "ref-for-filesystemdirectoryhandle\u2462"}], "title": "3.5. The showDirectoryPicker() method"}, {"refs": [{"id": "ref-for-filesystemdirectoryhandle\u2463"}, {"id": "ref-for-filesystemdirectoryhandle\u2464"}], "title": "3.6. Drag and Drop"}], "external": true};
+window.dfnpanelData['c551a16f'] = {"dfnID": "c551a16f", "url": "https://fs.spec.whatwg.org/#filesystemfilehandle", "dfnText": "FileSystemFileHandle", "refSections": [{"refs": [{"id": "ref-for-filesystemfilehandle"}, {"id": "ref-for-filesystemfilehandle\u2460"}], "title": "3. Accessing Local File System"}, {"refs": [{"id": "ref-for-filesystemfilehandle\u2461"}], "title": "3.2.2. Starting Directory"}, {"refs": [{"id": "ref-for-filesystemfilehandle\u2462"}], "title": "3.3. The showOpenFilePicker() method"}, {"refs": [{"id": "ref-for-filesystemfilehandle\u2463"}], "title": "3.4. The showSaveFilePicker() method"}, {"refs": [{"id": "ref-for-filesystemfilehandle\u2464"}, {"id": "ref-for-filesystemfilehandle\u2465"}], "title": "3.6. Drag and Drop"}], "external": true};
+window.dfnpanelData['cd895d76'] = {"dfnID": "cd895d76", "url": "https://fs.spec.whatwg.org/#filesystemhandle", "dfnText": "FileSystemHandle", "refSections": [{"refs": [{"id": "ref-for-filesystemhandle"}, {"id": "ref-for-filesystemhandle\u2460"}, {"id": "ref-for-filesystemhandle\u2461"}], "title": "2.2. Permissions"}, {"refs": [{"id": "ref-for-filesystemhandle\u2462"}, {"id": "ref-for-filesystemhandle\u2463"}], "title": "2.3. The FileSystemHandle interface"}, {"refs": [{"id": "ref-for-filesystemhandle\u2464"}], "title": "3. Accessing Local File System"}, {"refs": [{"id": "ref-for-filesystemhandle\u2465"}], "title": "3.2.2. Starting Directory"}, {"refs": [{"id": "ref-for-filesystemhandle\u2466"}], "title": "3.6. Drag and Drop"}], "external": true};
+window.dfnpanelData['4e1cb6d8'] = {"dfnID": "4e1cb6d8", "url": "https://fs.spec.whatwg.org/#file-entry-binary-data", "dfnText": "binary data", "refSections": [{"refs": [{"id": "ref-for-file-entry-binary-data"}], "title": "3.4. The showSaveFilePicker() method"}], "external": true};
+window.dfnpanelData['2b36a48c'] = {"dfnID": "2b36a48c", "url": "https://fs.spec.whatwg.org/#origin-private-file-system", "dfnText": "bucket file system", "refSections": [{"refs": [{"id": "ref-for-origin-private-file-system"}], "title": "1. Introduction"}, {"refs": [{"id": "ref-for-origin-private-file-system\u2460"}], "title": "2.2. Permissions"}, {"refs": [{"id": "ref-for-origin-private-file-system\u2461"}], "title": "6.3. Filling up a users disk"}], "external": true};
+window.dfnpanelData['132b29a9'] = {"dfnID": "132b29a9", "url": "https://fs.spec.whatwg.org/#directory", "dfnText": "directory entry", "refSections": [{"refs": [{"id": "ref-for-directory"}], "title": "3.2.2. Starting Directory"}, {"refs": [{"id": "ref-for-directory\u2460"}], "title": "3.5. The showDirectoryPicker() method"}, {"refs": [{"id": "ref-for-directory\u2461"}, {"id": "ref-for-directory\u2462"}], "title": "3.6. Drag and Drop"}], "external": true};
+window.dfnpanelData['229e7921'] = {"dfnID": "229e7921", "url": "https://fs.spec.whatwg.org/#file", "dfnText": "file entry", "refSections": [{"refs": [{"id": "ref-for-file"}], "title": "3.2.2. Starting Directory"}, {"refs": [{"id": "ref-for-file\u2460"}], "title": "3.3. The showOpenFilePicker() method"}, {"refs": [{"id": "ref-for-file\u2461"}], "title": "3.4. The showSaveFilePicker() method"}, {"refs": [{"id": "ref-for-file\u2462"}, {"id": "ref-for-file\u2463"}], "title": "3.6. Drag and Drop"}], "external": true};
+window.dfnpanelData['83e04685'] = {"dfnID": "83e04685", "url": "https://fs.spec.whatwg.org/#entry", "dfnText": "file system entry", "refSections": [{"refs": [{"id": "ref-for-entry"}], "title": "2.2. Permissions"}, {"refs": [{"id": "ref-for-entry\u2460"}], "title": "3.2.2. Starting Directory"}, {"refs": [{"id": "ref-for-entry\u2461"}], "title": "3.6. Drag and Drop"}], "external": true};
+window.dfnpanelData['e2504190'] = {"dfnID": "e2504190", "url": "https://fs.spec.whatwg.org/#filesystemhandle-is-in-a-bucket-file-system", "dfnText": "is in a bucket file system", "refSections": [{"refs": [{"id": "ref-for-filesystemhandle-is-in-a-bucket-file-system"}], "title": "3.2.2. Starting Directory"}], "external": true};
+window.dfnpanelData['c8c03f35'] = {"dfnID": "c8c03f35", "url": "https://fs.spec.whatwg.org/#locating-an-entry", "dfnText": "locating an entry", "refSections": [{"refs": [{"id": "ref-for-locating-an-entry"}], "title": "3.2.2. Starting Directory"}], "external": true};
+window.dfnpanelData['598433c6'] = {"dfnID": "598433c6", "url": "https://fs.spec.whatwg.org/#filesystemhandle-locator", "dfnText": "locator", "refSections": [{"refs": [{"id": "ref-for-filesystemhandle-locator"}], "title": "3.2.2. Starting Directory"}], "external": true};
+window.dfnpanelData['44262c3b'] = {"dfnID": "44262c3b", "url": "https://fs.spec.whatwg.org/#entry-parent", "dfnText": "parent", "refSections": [{"refs": [{"id": "ref-for-entry-parent"}, {"id": "ref-for-entry-parent\u2460"}], "title": "2.2. Permissions"}, {"refs": [{"id": "ref-for-entry-parent\u2461"}], "title": "3.2.2. Starting Directory"}], "external": true};
+window.dfnpanelData['2becd408'] = {"dfnID": "2becd408", "url": "https://fs.spec.whatwg.org/#dom-filesystemwritablefilestream-truncate", "dfnText": "truncate(size)", "refSections": [{"refs": [{"id": "ref-for-dom-filesystemwritablefilestream-truncate"}], "title": "6.3. Filling up a users disk"}], "external": true};
+window.dfnpanelData['4ff66d05'] = {"dfnID": "4ff66d05", "url": "https://html.spec.whatwg.org/multipage/dnd.html#datatransferitem", "dfnText": "DataTransferItem", "refSections": [{"refs": [{"id": "ref-for-datatransferitem"}, {"id": "ref-for-datatransferitem\u2460"}], "title": "3.6. Drag and Drop"}], "external": true};
+window.dfnpanelData['eb5c4be3'] = {"dfnID": "eb5c4be3", "url": "https://html.spec.whatwg.org/multipage/structured-data.html#serializable", "dfnText": "Serializable", "refSections": [{"refs": [{"id": "ref-for-serializable"}], "title": "2.3. The FileSystemHandle interface"}], "external": true};
+window.dfnpanelData['5d7209e9'] = {"dfnID": "5d7209e9", "url": "https://html.spec.whatwg.org/multipage/nav-history-apis.html#window", "dfnText": "Window", "refSections": [{"refs": [{"id": "ref-for-window"}], "title": "2.2. Permissions"}, {"refs": [{"id": "ref-for-window\u2460"}], "title": "3. Accessing Local File System"}], "external": true};
+window.dfnpanelData['36d15a6d'] = {"dfnID": "36d15a6d", "url": "https://html.spec.whatwg.org/multipage/interaction.html#activation-notification", "dfnText": "activation notification", "refSections": [{"refs": [{"id": "ref-for-activation-notification"}], "title": "3.3. The showOpenFilePicker() method"}, {"refs": [{"id": "ref-for-activation-notification\u2460"}], "title": "3.4. The showSaveFilePicker() method"}, {"refs": [{"id": "ref-for-activation-notification\u2461"}, {"id": "ref-for-activation-notification\u2462"}], "title": "3.5. The showDirectoryPicker() method"}], "external": true};
+window.dfnpanelData['9329fd7b'] = {"dfnID": "9329fd7b", "url": "https://html.spec.whatwg.org/multipage/links.html#as-a-download", "dfnText": "as a download", "refSections": [{"refs": [{"id": "ref-for-as-a-download"}], "title": "3.4. The showSaveFilePicker() method"}], "external": true};
+window.dfnpanelData['6d88ab2e'] = {"dfnID": "6d88ab2e", "url": "https://html.spec.whatwg.org/multipage/nav-history-apis.html#window-bc", "dfnText": "browsing context", "refSections": [{"refs": [{"id": "ref-for-window-bc"}], "title": "3.3. The showOpenFilePicker() method"}, {"refs": [{"id": "ref-for-window-bc\u2460"}], "title": "3.4. The showSaveFilePicker() method"}, {"refs": [{"id": "ref-for-window-bc\u2461"}, {"id": "ref-for-window-bc\u2462"}], "title": "3.5. The showDirectoryPicker() method"}], "external": true};
+window.dfnpanelData['3e12e042'] = {"dfnID": "3e12e042", "url": "https://html.spec.whatwg.org/multipage/webappapis.html#environment-settings-object", "dfnText": "environment settings object", "refSections": [{"refs": [{"id": "ref-for-environment-settings-object"}, {"id": "ref-for-environment-settings-object\u2460"}], "title": "3.2.2. Starting Directory"}], "external": true};
+window.dfnpanelData['8a30477b'] = {"dfnID": "8a30477b", "url": "https://html.spec.whatwg.org/multipage/webappapis.html#concept-settings-object-global", "dfnText": "global object", "refSections": [{"refs": [{"id": "ref-for-concept-settings-object-global"}], "title": "2.2. Permissions"}, {"refs": [{"id": "ref-for-concept-settings-object-global\u2460"}], "title": "3.1. Local File System Permissions"}, {"refs": [{"id": "ref-for-concept-settings-object-global\u2461"}], "title": "3.3. The showOpenFilePicker() method"}, {"refs": [{"id": "ref-for-concept-settings-object-global\u2462"}], "title": "3.4. The showSaveFilePicker() method"}, {"refs": [{"id": "ref-for-concept-settings-object-global\u2463"}], "title": "3.5. The showDirectoryPicker() method"}], "external": true};
+window.dfnpanelData['a72449dd'] = {"dfnID": "a72449dd", "url": "https://html.spec.whatwg.org/multipage/infrastructure.html#in-parallel", "dfnText": "in parallel", "refSections": [{"refs": [{"id": "ref-for-in-parallel"}], "title": "2.3.1. The queryPermission() method"}, {"refs": [{"id": "ref-for-in-parallel\u2460"}], "title": "2.3.2. The requestPermission() method"}, {"refs": [{"id": "ref-for-in-parallel\u2461"}, {"id": "ref-for-in-parallel\u2462"}], "title": "3.3. The showOpenFilePicker() method"}, {"refs": [{"id": "ref-for-in-parallel\u2463"}, {"id": "ref-for-in-parallel\u2464"}], "title": "3.4. The showSaveFilePicker() method"}, {"refs": [{"id": "ref-for-in-parallel\u2465"}, {"id": "ref-for-in-parallel\u2466"}], "title": "3.5. The showDirectoryPicker() method"}, {"refs": [{"id": "ref-for-in-parallel\u2467"}], "title": "3.6. Drag and Drop"}], "external": true};
+window.dfnpanelData['6b373a4a'] = {"dfnID": "6b373a4a", "url": "https://html.spec.whatwg.org/multipage/indices.html#event-messageerror", "dfnText": "messageerror", "refSections": [{"refs": [{"id": "ref-for-event-messageerror"}], "title": "5.3. First-party vs third-party contexts."}], "external": true};
+window.dfnpanelData['b01b1359'] = {"dfnID": "b01b1359", "url": "https://html.spec.whatwg.org/multipage/browsers.html#concept-origin-opaque", "dfnText": "opaque origin", "refSections": [{"refs": [{"id": "ref-for-concept-origin-opaque"}], "title": "3.1. Local File System Permissions"}], "external": true};
+window.dfnpanelData['086e3aff'] = {"dfnID": "086e3aff", "url": "https://html.spec.whatwg.org/multipage/browsers.html#concept-origin", "dfnText": "origin", "refSections": [{"refs": [{"id": "ref-for-concept-origin"}], "title": "3.2.2. Starting Directory"}], "external": true};
+window.dfnpanelData['43ac8374'] = {"dfnID": "43ac8374", "url": "https://html.spec.whatwg.org/multipage/webappapis.html#concept-settings-object-origin", "dfnText": "origin (for environment settings object)", "refSections": [{"refs": [{"id": "ref-for-concept-settings-object-origin"}], "title": "2.2. Permissions"}, {"refs": [{"id": "ref-for-concept-settings-object-origin\u2460"}, {"id": "ref-for-concept-settings-object-origin\u2461"}], "title": "3.1. Local File System Permissions"}, {"refs": [{"id": "ref-for-concept-settings-object-origin\u2462"}, {"id": "ref-for-concept-settings-object-origin\u2463"}], "title": "3.2.2. Starting Directory"}], "external": true};
+window.dfnpanelData['bb0e27f7'] = {"dfnID": "bb0e27f7", "url": "https://html.spec.whatwg.org/multipage/dnd.html#concept-dnd-ro", "dfnText": "read-only mode", "refSections": [{"refs": [{"id": "ref-for-concept-dnd-ro"}], "title": "3.6. Drag and Drop"}], "external": true};
+window.dfnpanelData['9604548f'] = {"dfnID": "9604548f", "url": "https://html.spec.whatwg.org/multipage/dnd.html#concept-dnd-rw", "dfnText": "read/write mode", "refSections": [{"refs": [{"id": "ref-for-concept-dnd-rw"}], "title": "3.6. Drag and Drop"}], "external": true};
+window.dfnpanelData['9c4c1e66'] = {"dfnID": "9c4c1e66", "url": "https://html.spec.whatwg.org/multipage/webappapis.html#relevant-settings-object", "dfnText": "relevant settings object", "refSections": [{"refs": [{"id": "ref-for-relevant-settings-object"}], "title": "2.2. Permissions"}, {"refs": [{"id": "ref-for-relevant-settings-object\u2460"}], "title": "3.3. The showOpenFilePicker() method"}, {"refs": [{"id": "ref-for-relevant-settings-object\u2461"}], "title": "3.4. The showSaveFilePicker() method"}, {"refs": [{"id": "ref-for-relevant-settings-object\u2462"}], "title": "3.5. The showDirectoryPicker() method"}], "external": true};
+window.dfnpanelData['7393da89'] = {"dfnID": "7393da89", "url": "https://html.spec.whatwg.org/multipage/browsers.html#same-origin", "dfnText": "same origin", "refSections": [{"refs": [{"id": "ref-for-same-origin"}], "title": "2.2. Permissions"}, {"refs": [{"id": "ref-for-same-origin\u2460"}], "title": "3.1. Local File System Permissions"}], "external": true};
+window.dfnpanelData['7e94ee2f'] = {"dfnID": "7e94ee2f", "url": "https://html.spec.whatwg.org/multipage/dnd.html#the-drag-data-item-kind", "dfnText": "the drag data item kind", "refSections": [{"refs": [{"id": "ref-for-the-drag-data-item-kind"}], "title": "3.6. Drag and Drop"}], "external": true};
+window.dfnpanelData['c63519ed'] = {"dfnID": "c63519ed", "url": "https://html.spec.whatwg.org/multipage/webappapis.html#concept-environment-top-level-origin", "dfnText": "top-level origin", "refSections": [{"refs": [{"id": "ref-for-concept-environment-top-level-origin"}], "title": "2.2. Permissions"}, {"refs": [{"id": "ref-for-concept-environment-top-level-origin\u2460"}], "title": "3.1. Local File System Permissions"}], "external": true};
+window.dfnpanelData['47fe679e'] = {"dfnID": "47fe679e", "url": "https://html.spec.whatwg.org/multipage/interaction.html#transient-activation", "dfnText": "transient activation", "refSections": [{"refs": [{"id": "ref-for-transient-activation"}], "title": "2.2. Permissions"}, {"refs": [{"id": "ref-for-transient-activation\u2460"}], "title": "3.1. Local File System Permissions"}], "external": true};
+window.dfnpanelData['53275e46'] = {"dfnID": "53275e46", "url": "https://infra.spec.whatwg.org/#list-append", "dfnText": "append", "refSections": [{"refs": [{"id": "ref-for-list-append"}, {"id": "ref-for-list-append\u2460"}], "title": "3.2.1. Accepted file types"}], "external": true};
+window.dfnpanelData['f43d6978'] = {"dfnID": "f43d6978", "url": "https://infra.spec.whatwg.org/#ascii-alphanumeric", "dfnText": "ascii alphanumeric", "refSections": [{"refs": [{"id": "ref-for-ascii-alphanumeric"}], "title": "2.1. Concepts"}, {"refs": [{"id": "ref-for-ascii-alphanumeric\u2460"}], "title": "3.2.2. Starting Directory"}], "external": true};
+window.dfnpanelData['3de9e659'] = {"dfnID": "3de9e659", "url": "https://infra.spec.whatwg.org/#byte-sequence", "dfnText": "byte sequence", "refSections": [{"refs": [{"id": "ref-for-byte-sequence"}], "title": "3.4. The showSaveFilePicker() method"}], "external": true};
+window.dfnpanelData['915aff5e'] = {"dfnID": "915aff5e", "url": "https://infra.spec.whatwg.org/#code-point", "dfnText": "code point", "refSections": [{"refs": [{"id": "ref-for-code-point"}], "title": "2.1. Concepts"}, {"refs": [{"id": "ref-for-code-point\u2460"}], "title": "3.2.1. Accepted file types"}], "external": true};
+window.dfnpanelData['03afaf9c'] = {"dfnID": "03afaf9c", "url": "https://infra.spec.whatwg.org/#list-empty", "dfnText": "empty", "refSections": [{"refs": [{"id": "ref-for-list-empty"}], "title": "3.2.1. Accepted file types"}], "external": true};
+window.dfnpanelData['1243a891'] = {"dfnID": "1243a891", "url": "https://infra.spec.whatwg.org/#map-exists", "dfnText": "exist", "refSections": [{"refs": [{"id": "ref-for-map-exists"}, {"id": "ref-for-map-exists\u2460"}, {"id": "ref-for-map-exists\u2461"}, {"id": "ref-for-map-exists\u2462"}, {"id": "ref-for-map-exists\u2463"}], "title": "3.2.2. Starting Directory"}], "external": true};
+window.dfnpanelData['16d07e10'] = {"dfnID": "16d07e10", "url": "https://infra.spec.whatwg.org/#list-iterate", "dfnText": "for each (for list)", "refSections": [{"refs": [{"id": "ref-for-list-iterate"}, {"id": "ref-for-list-iterate\u2460"}, {"id": "ref-for-list-iterate\u2461"}], "title": "3.2.1. Accepted file types"}, {"refs": [{"id": "ref-for-list-iterate\u2462"}], "title": "3.3. The showOpenFilePicker() method"}], "external": true};
+window.dfnpanelData['45209803'] = {"dfnID": "45209803", "url": "https://infra.spec.whatwg.org/#map-iterate", "dfnText": "for each (for map)", "refSections": [{"refs": [{"id": "ref-for-map-iterate"}, {"id": "ref-for-map-iterate\u2460"}], "title": "3.2.1. Accepted file types"}], "external": true};
+window.dfnpanelData['860300d4'] = {"dfnID": "860300d4", "url": "https://infra.spec.whatwg.org/#implementation-defined", "dfnText": "implementation-defined", "refSections": [{"refs": [{"id": "ref-for-implementation-defined"}], "title": "3.2.2. Starting Directory"}, {"refs": [{"id": "ref-for-implementation-defined\u2460"}], "title": "3.3. The showOpenFilePicker() method"}, {"refs": [{"id": "ref-for-implementation-defined\u2461"}, {"id": "ref-for-implementation-defined\u2462"}], "title": "3.4. The showSaveFilePicker() method"}], "external": true};
+window.dfnpanelData['0fa357c3'] = {"dfnID": "0fa357c3", "url": "https://infra.spec.whatwg.org/#string-length", "dfnText": "length", "refSections": [{"refs": [{"id": "ref-for-string-length"}], "title": "3.2.1. Accepted file types"}, {"refs": [{"id": "ref-for-string-length\u2460"}], "title": "3.2.2. Starting Directory"}], "external": true};
+window.dfnpanelData['649608b9'] = {"dfnID": "649608b9", "url": "https://infra.spec.whatwg.org/#list", "dfnText": "list", "refSections": [{"refs": [{"id": "ref-for-list"}], "title": "3.2.1. Accepted file types"}, {"refs": [{"id": "ref-for-list\u2460"}, {"id": "ref-for-list\u2461"}], "title": "3.3. The showOpenFilePicker() method"}], "external": true};
+window.dfnpanelData['3fca5a9e'] = {"dfnID": "3fca5a9e", "url": "https://infra.spec.whatwg.org/#ordered-map", "dfnText": "map", "refSections": [{"refs": [{"id": "ref-for-ordered-map"}, {"id": "ref-for-ordered-map\u2460"}], "title": "3.2.2. Starting Directory"}], "external": true};
+window.dfnpanelData['54627f47'] = {"dfnID": "54627f47", "url": "https://infra.spec.whatwg.org/#string-starts-with", "dfnText": "starts with", "refSections": [{"refs": [{"id": "ref-for-string-starts-with"}], "title": "3.2.1. Accepted file types"}], "external": true};
+window.dfnpanelData['0698d556'] = {"dfnID": "0698d556", "url": "https://infra.spec.whatwg.org/#string", "dfnText": "string", "refSections": [{"refs": [{"id": "ref-for-string"}], "title": "3.2.1. Accepted file types"}, {"refs": [{"id": "ref-for-string\u2460"}, {"id": "ref-for-string\u2461"}, {"id": "ref-for-string\u2462"}], "title": "3.2.2. Starting Directory"}], "external": true};
+window.dfnpanelData['0e8de730'] = {"dfnID": "0e8de730", "url": "https://infra.spec.whatwg.org/#tuple", "dfnText": "tuple", "refSections": [{"refs": [{"id": "ref-for-tuple"}], "title": "3.2.1. Accepted file types"}], "external": true};
+window.dfnpanelData['7c195f8b'] = {"dfnID": "7c195f8b", "url": "https://mimesniff.spec.whatwg.org/#mime-type-essence", "dfnText": "essence", "refSections": [{"refs": [{"id": "ref-for-mime-type-essence"}, {"id": "ref-for-mime-type-essence\u2460"}], "title": "3.2.1. Accepted file types"}], "external": true};
+window.dfnpanelData['16785ec4'] = {"dfnID": "16785ec4", "url": "https://mimesniff.spec.whatwg.org/#mime-type", "dfnText": "mime type", "refSections": [{"refs": [{"id": "ref-for-mime-type"}], "title": "3.2.1. Accepted file types"}], "external": true};
+window.dfnpanelData['fc5a3214'] = {"dfnID": "fc5a3214", "url": "https://mimesniff.spec.whatwg.org/#parameters", "dfnText": "parameters", "refSections": [{"refs": [{"id": "ref-for-parameters"}], "title": "3.2.1. Accepted file types"}], "external": true};
+window.dfnpanelData['d72dabca'] = {"dfnID": "d72dabca", "url": "https://mimesniff.spec.whatwg.org/#parse-a-mime-type", "dfnText": "parse a mime type", "refSections": [{"refs": [{"id": "ref-for-parse-a-mime-type"}, {"id": "ref-for-parse-a-mime-type\u2460"}], "title": "3.2.1. Accepted file types"}], "external": true};
+window.dfnpanelData['69d8b9f1'] = {"dfnID": "69d8b9f1", "url": "https://mimesniff.spec.whatwg.org/#subtype", "dfnText": "subtype", "refSections": [{"refs": [{"id": "ref-for-subtype"}], "title": "3.2.1. Accepted file types"}], "external": true};
+window.dfnpanelData['b5c41c63'] = {"dfnID": "b5c41c63", "url": "https://mimesniff.spec.whatwg.org/#type", "dfnText": "type", "refSections": [{"refs": [{"id": "ref-for-type"}, {"id": "ref-for-type\u2460"}, {"id": "ref-for-type\u2461"}], "title": "3.2.1. Accepted file types"}], "external": true};
+window.dfnpanelData['ebb01253'] = {"dfnID": "ebb01253", "url": "https://w3c.github.io/permissions/#dom-permissiondescriptor", "dfnText": "PermissionDescriptor", "refSections": [{"refs": [{"id": "ref-for-dom-permissiondescriptor"}], "title": "2.2. Permissions"}], "external": true};
+window.dfnpanelData['6c3bee60'] = {"dfnID": "6c3bee60", "url": "https://w3c.github.io/permissions/#dom-permissionstate", "dfnText": "PermissionState", "refSections": [{"refs": [{"id": "ref-for-dom-permissionstate"}, {"id": "ref-for-dom-permissionstate\u2460"}], "title": "2.3. The FileSystemHandle interface"}], "external": true};
+window.dfnpanelData['dbf8e074'] = {"dfnID": "dbf8e074", "url": "https://w3c.github.io/permissions/#dom-permissionstatus", "dfnText": "PermissionStatus", "refSections": [{"refs": [{"id": "ref-for-dom-permissionstatus"}], "title": "2.2. Permissions"}], "external": true};
+window.dfnpanelData['113dd5ca'] = {"dfnID": "113dd5ca", "url": "https://w3c.github.io/permissions/#dfn-create-a-permissionstatus", "dfnText": "create a permissionstatus", "refSections": [{"refs": [{"id": "ref-for-dfn-create-a-permissionstatus"}], "title": "2.2. Permissions"}, {"refs": [{"id": "ref-for-dfn-create-a-permissionstatus\u2460"}], "title": "3.5. The showDirectoryPicker() method"}], "external": true};
+window.dfnpanelData['1191fb01'] = {"dfnID": "1191fb01", "url": "https://w3c.github.io/permissions/#dfn-default-permission-query-algorithm", "dfnText": "default permission query algorithm", "refSections": [{"refs": [{"id": "ref-for-dfn-default-permission-query-algorithm"}, {"id": "ref-for-dfn-default-permission-query-algorithm\u2460"}], "title": "2.2. Permissions"}, {"refs": [{"id": "ref-for-dfn-default-permission-query-algorithm\u2461"}], "title": "3.5. The showDirectoryPicker() method"}], "external": true};
+window.dfnpanelData['c6ce3c60'] = {"dfnID": "c6ce3c60", "url": "https://w3c.github.io/permissions/#dom-permissionstate-granted", "dfnText": "granted", "refSections": [{"refs": [{"id": "ref-for-dom-permissionstate-granted"}, {"id": "ref-for-dom-permissionstate-granted\u2460"}], "title": "2.2. Permissions"}, {"refs": [{"id": "ref-for-dom-permissionstate-granted\u2461"}, {"id": "ref-for-dom-permissionstate-granted\u2462"}], "title": "3.1. Local File System Permissions"}, {"refs": [{"id": "ref-for-dom-permissionstate-granted\u2463"}], "title": "3.5. The showDirectoryPicker() method"}], "external": true};
+window.dfnpanelData['0310eecd'] = {"dfnID": "0310eecd", "url": "https://w3c.github.io/permissions/#dom-permissiondescriptor-name", "dfnText": "name", "refSections": [{"refs": [{"id": "ref-for-dom-permissiondescriptor-name"}, {"id": "ref-for-dom-permissiondescriptor-name\u2460"}], "title": "2.2. Permissions"}, {"refs": [{"id": "ref-for-dom-permissiondescriptor-name\u2461"}, {"id": "ref-for-dom-permissiondescriptor-name\u2462"}], "title": "2.3.1. The queryPermission() method"}], "external": true};
+window.dfnpanelData['4b7ca52a'] = {"dfnID": "4b7ca52a", "url": "https://w3c.github.io/permissions/#dfn-permission-descriptor-type", "dfnText": "permission descriptor type", "refSections": [{"refs": [{"id": "ref-for-dfn-permission-descriptor-type"}], "title": "2.2. Permissions"}], "external": true};
+window.dfnpanelData['d124397f'] = {"dfnID": "d124397f", "url": "https://w3c.github.io/permissions/#dfn-permission-state", "dfnText": "permission state", "refSections": [{"refs": [{"id": "ref-for-dfn-permission-state"}, {"id": "ref-for-dfn-permission-state\u2460"}, {"id": "ref-for-dfn-permission-state\u2461"}, {"id": "ref-for-dfn-permission-state\u2462"}, {"id": "ref-for-dfn-permission-state\u2463"}, {"id": "ref-for-dfn-permission-state\u2464"}, {"id": "ref-for-dfn-permission-state\u2465"}], "title": "2.2. Permissions"}, {"refs": [{"id": "ref-for-dfn-permission-state\u2466"}, {"id": "ref-for-dfn-permission-state\u2467"}], "title": "3.1. Local File System Permissions"}], "external": true};
+window.dfnpanelData['3e7aa5da'] = {"dfnID": "3e7aa5da", "url": "https://w3c.github.io/permissions/#dfn-permission-state-constraints", "dfnText": "permission state constraints", "refSections": [{"refs": [{"id": "ref-for-dfn-permission-state-constraints"}, {"id": "ref-for-dfn-permission-state-constraints\u2460"}], "title": "2.2. Permissions"}], "external": true};
+window.dfnpanelData['ec3886d6'] = {"dfnID": "ec3886d6", "url": "https://w3c.github.io/permissions/#dom-navigator-permissions", "dfnText": "permissions", "refSections": [{"refs": [{"id": "ref-for-dom-navigator-permissions"}, {"id": "ref-for-dom-navigator-permissions\u2460"}], "title": "2.3.1. The queryPermission() method"}], "external": true};
+window.dfnpanelData['6c2d7879'] = {"dfnID": "6c2d7879", "url": "https://w3c.github.io/permissions/#dfn-powerful-feature", "dfnText": "powerful feature", "refSections": [{"refs": [{"id": "ref-for-dfn-powerful-feature"}], "title": "2.2. Permissions"}], "external": true};
+window.dfnpanelData['325da0f2'] = {"dfnID": "325da0f2", "url": "https://w3c.github.io/permissions/#dom-permissionstate-prompt", "dfnText": "prompt", "refSections": [{"refs": [{"id": "ref-for-dom-permissionstate-prompt"}], "title": "2.2. Permissions"}], "external": true};
+window.dfnpanelData['78f04503'] = {"dfnID": "78f04503", "url": "https://w3c.github.io/permissions/#dom-permissions-query", "dfnText": "query()", "refSections": [{"refs": [{"id": "ref-for-dom-permissions-query"}, {"id": "ref-for-dom-permissions-query\u2460"}, {"id": "ref-for-dom-permissions-query\u2461"}], "title": "2.3.1. The queryPermission() method"}], "external": true};
+window.dfnpanelData['bcc085e3'] = {"dfnID": "bcc085e3", "url": "https://w3c.github.io/permissions/#dfn-request-permission-to-use", "dfnText": "request permission to use", "refSections": [{"refs": [{"id": "ref-for-dfn-request-permission-to-use"}], "title": "2.2. Permissions"}, {"refs": [{"id": "ref-for-dfn-request-permission-to-use\u2460"}], "title": "3.5. The showDirectoryPicker() method"}], "external": true};
+window.dfnpanelData['620f832e'] = {"dfnID": "620f832e", "url": "https://w3c.github.io/permissions/#dom-permissionstatus-state", "dfnText": "state", "refSections": [{"refs": [{"id": "ref-for-dom-permissionstatus-state"}], "title": "2.2. Permissions"}, {"refs": [{"id": "ref-for-dom-permissionstatus-state\u2460"}, {"id": "ref-for-dom-permissionstatus-state\u2461"}], "title": "2.3.1. The queryPermission() method"}], "external": true};
+window.dfnpanelData['35725f70'] = {"dfnID": "35725f70", "url": "https://wicg.github.io/permissions-request/#permission-request-algorithm", "dfnText": "permission request algorithm", "refSections": [{"refs": [{"id": "ref-for-permission-request-algorithm"}, {"id": "ref-for-permission-request-algorithm\u2460"}], "title": "2.2. Permissions"}], "external": true};
+window.dfnpanelData['91461e7c'] = {"dfnID": "91461e7c", "url": "https://storage.spec.whatwg.org/#site-storage", "dfnText": "storage", "refSections": [{"refs": [{"id": "ref-for-site-storage"}], "title": "5.1. Users giving access to more, or more sensitive files than they intended."}], "external": true};
+window.dfnpanelData['cac8dd86'] = {"dfnID": "cac8dd86", "url": "https://storage.spec.whatwg.org/#storage-quota", "dfnText": "storage quota", "refSections": [{"refs": [{"id": "ref-for-storage-quota"}, {"id": "ref-for-storage-quota\u2460"}, {"id": "ref-for-storage-quota\u2461"}], "title": "6.3. Filling up a users disk"}], "external": true};
+window.dfnpanelData['d25dfb2c'] = {"dfnID": "d25dfb2c", "url": "https://webidl.spec.whatwg.org/#aborterror", "dfnText": "AbortError", "refSections": [{"refs": [{"id": "ref-for-aborterror"}, {"id": "ref-for-aborterror\u2460"}], "title": "3.3. The showOpenFilePicker() method"}, {"refs": [{"id": "ref-for-aborterror\u2461"}, {"id": "ref-for-aborterror\u2462"}], "title": "3.4. The showSaveFilePicker() method"}, {"refs": [{"id": "ref-for-aborterror\u2463"}, {"id": "ref-for-aborterror\u2464"}, {"id": "ref-for-aborterror\u2465"}], "title": "3.5. The showDirectoryPicker() method"}], "external": true};
+window.dfnpanelData['8855a9aa'] = {"dfnID": "8855a9aa", "url": "https://webidl.spec.whatwg.org/#idl-DOMString", "dfnText": "DOMString", "refSections": [{"refs": [{"id": "ref-for-idl-DOMString"}, {"id": "ref-for-idl-DOMString\u2460"}], "title": "3. Accessing Local File System"}], "external": true};
+window.dfnpanelData['889e932f'] = {"dfnID": "889e932f", "url": "https://webidl.spec.whatwg.org/#Exposed", "dfnText": "Exposed", "refSections": [{"refs": [{"id": "ref-for-Exposed"}], "title": "2.3. The FileSystemHandle interface"}], "external": true};
+window.dfnpanelData['bdbd19d1'] = {"dfnID": "bdbd19d1", "url": "https://webidl.spec.whatwg.org/#idl-promise", "dfnText": "Promise", "refSections": [{"refs": [{"id": "ref-for-idl-promise"}, {"id": "ref-for-idl-promise\u2460"}], "title": "2.3. The FileSystemHandle interface"}, {"refs": [{"id": "ref-for-idl-promise\u2461"}, {"id": "ref-for-idl-promise\u2462"}, {"id": "ref-for-idl-promise\u2463"}], "title": "3. Accessing Local File System"}, {"refs": [{"id": "ref-for-idl-promise\u2464"}], "title": "3.6. Drag and Drop"}], "external": true};
+window.dfnpanelData['b75bb3bd'] = {"dfnID": "b75bb3bd", "url": "https://webidl.spec.whatwg.org/#SecureContext", "dfnText": "SecureContext", "refSections": [{"refs": [{"id": "ref-for-SecureContext"}], "title": "2.3. The FileSystemHandle interface"}, {"refs": [{"id": "ref-for-SecureContext\u2460"}], "title": "3. Accessing Local File System"}], "external": true};
+window.dfnpanelData['c3e881ef'] = {"dfnID": "c3e881ef", "url": "https://webidl.spec.whatwg.org/#securityerror", "dfnText": "SecurityError", "refSections": [{"refs": [{"id": "ref-for-securityerror"}, {"id": "ref-for-securityerror\u2460"}, {"id": "ref-for-securityerror\u2461"}], "title": "2.2. Permissions"}, {"refs": [{"id": "ref-for-securityerror\u2462"}, {"id": "ref-for-securityerror\u2463"}, {"id": "ref-for-securityerror\u2464"}], "title": "3.1. Local File System Permissions"}], "external": true};
+window.dfnpanelData['82ca3efc'] = {"dfnID": "82ca3efc", "url": "https://webidl.spec.whatwg.org/#exceptiondef-typeerror", "dfnText": "TypeError", "refSections": [{"refs": [{"id": "ref-for-exceptiondef-typeerror"}, {"id": "ref-for-exceptiondef-typeerror\u2460"}, {"id": "ref-for-exceptiondef-typeerror\u2461"}, {"id": "ref-for-exceptiondef-typeerror\u2462"}, {"id": "ref-for-exceptiondef-typeerror\u2463"}, {"id": "ref-for-exceptiondef-typeerror\u2464"}, {"id": "ref-for-exceptiondef-typeerror\u2465"}], "title": "3.2.1. Accepted file types"}, {"refs": [{"id": "ref-for-exceptiondef-typeerror\u2466"}, {"id": "ref-for-exceptiondef-typeerror\u2467"}], "title": "3.2.2. Starting Directory"}], "external": true};
+window.dfnpanelData['b0d7f3c3'] = {"dfnID": "b0d7f3c3", "url": "https://webidl.spec.whatwg.org/#idl-USVString", "dfnText": "USVString", "refSections": [{"refs": [{"id": "ref-for-idl-USVString"}, {"id": "ref-for-idl-USVString\u2460"}, {"id": "ref-for-idl-USVString\u2461"}, {"id": "ref-for-idl-USVString\u2462"}, {"id": "ref-for-idl-USVString\u2463"}], "title": "3. Accessing Local File System"}], "external": true};
+window.dfnpanelData['dacde8b5'] = {"dfnID": "dacde8b5", "url": "https://webidl.spec.whatwg.org/#a-new-promise", "dfnText": "a new promise", "refSections": [{"refs": [{"id": "ref-for-a-new-promise"}], "title": "2.3.1. The queryPermission() method"}, {"refs": [{"id": "ref-for-a-new-promise\u2460"}], "title": "2.3.2. The requestPermission() method"}, {"refs": [{"id": "ref-for-a-new-promise\u2461"}], "title": "3.3. The showOpenFilePicker() method"}, {"refs": [{"id": "ref-for-a-new-promise\u2462"}], "title": "3.4. The showSaveFilePicker() method"}, {"refs": [{"id": "ref-for-a-new-promise\u2463"}], "title": "3.5. The showDirectoryPicker() method"}, {"refs": [{"id": "ref-for-a-new-promise\u2464"}], "title": "3.6. Drag and Drop"}], "external": true};
+window.dfnpanelData['d0b4a948'] = {"dfnID": "d0b4a948", "url": "https://webidl.spec.whatwg.org/#a-promise-rejected-with", "dfnText": "a promise rejected with", "refSections": [{"refs": [{"id": "ref-for-a-promise-rejected-with"}, {"id": "ref-for-a-promise-rejected-with\u2460"}], "title": "3.1. Local File System Permissions"}], "external": true};
+window.dfnpanelData['8f5c2179'] = {"dfnID": "8f5c2179", "url": "https://webidl.spec.whatwg.org/#a-promise-resolved-with", "dfnText": "a promise resolved with", "refSections": [{"refs": [{"id": "ref-for-a-promise-resolved-with"}, {"id": "ref-for-a-promise-resolved-with\u2460"}], "title": "3.6. Drag and Drop"}], "external": true};
+window.dfnpanelData['5372cca8'] = {"dfnID": "5372cca8", "url": "https://webidl.spec.whatwg.org/#idl-boolean", "dfnText": "boolean", "refSections": [{"refs": [{"id": "ref-for-idl-boolean"}, {"id": "ref-for-idl-boolean\u2460"}], "title": "3. Accessing Local File System"}], "external": true};
+window.dfnpanelData['7787d359'] = {"dfnID": "7787d359", "url": "https://webidl.spec.whatwg.org/#idl-record", "dfnText": "record", "refSections": [{"refs": [{"id": "ref-for-idl-record"}], "title": "3. Accessing Local File System"}], "external": true};
+window.dfnpanelData['b262501e'] = {"dfnID": "b262501e", "url": "https://webidl.spec.whatwg.org/#reject", "dfnText": "reject", "refSections": [{"refs": [{"id": "ref-for-reject"}], "title": "2.3.2. The requestPermission() method"}, {"refs": [{"id": "ref-for-reject\u2460"}, {"id": "ref-for-reject\u2461"}], "title": "3.3. The showOpenFilePicker() method"}, {"refs": [{"id": "ref-for-reject\u2462"}, {"id": "ref-for-reject\u2463"}], "title": "3.4. The showSaveFilePicker() method"}, {"refs": [{"id": "ref-for-reject\u2464"}, {"id": "ref-for-reject\u2465"}], "title": "3.5. The showDirectoryPicker() method"}], "external": true};
+window.dfnpanelData['3b90bdcd'] = {"dfnID": "3b90bdcd", "url": "https://webidl.spec.whatwg.org/#resolve", "dfnText": "resolve", "refSections": [{"refs": [{"id": "ref-for-resolve"}], "title": "2.3.1. The queryPermission() method"}, {"refs": [{"id": "ref-for-resolve\u2460"}], "title": "2.3.2. The requestPermission() method"}, {"refs": [{"id": "ref-for-resolve\u2461"}], "title": "3.3. The showOpenFilePicker() method"}, {"refs": [{"id": "ref-for-resolve\u2462"}], "title": "3.4. The showSaveFilePicker() method"}, {"refs": [{"id": "ref-for-resolve\u2463"}], "title": "3.5. The showDirectoryPicker() method"}, {"refs": [{"id": "ref-for-resolve\u2464"}], "title": "3.6. Drag and Drop"}], "external": true};
+window.dfnpanelData['9cce47fd'] = {"dfnID": "9cce47fd", "url": "https://webidl.spec.whatwg.org/#idl-sequence", "dfnText": "sequence", "refSections": [{"refs": [{"id": "ref-for-idl-sequence"}, {"id": "ref-for-idl-sequence\u2460"}, {"id": "ref-for-idl-sequence\u2461"}], "title": "3. Accessing Local File System"}], "external": true};
+window.dfnpanelData['4013a022'] = {"dfnID": "4013a022", "url": "https://webidl.spec.whatwg.org/#this", "dfnText": "this", "refSections": [{"refs": [{"id": "ref-for-this"}], "title": "2.3.1. The queryPermission() method"}, {"refs": [{"id": "ref-for-this\u2460"}], "title": "2.3.2. The requestPermission() method"}, {"refs": [{"id": "ref-for-this\u2461"}], "title": "3.3. The showOpenFilePicker() method"}, {"refs": [{"id": "ref-for-this\u2462"}], "title": "3.4. The showSaveFilePicker() method"}, {"refs": [{"id": "ref-for-this\u2463"}], "title": "3.5. The showDirectoryPicker() method"}], "external": true};
+window.dfnpanelData['valid-suffix-code-point'] = {"dfnID": "valid-suffix-code-point", "url": "#valid-suffix-code-point", "dfnText": "valid suffix code point", "refSections": [{"refs": [{"id": "ref-for-valid-suffix-code-point"}, {"id": "ref-for-valid-suffix-code-point\u2460"}], "title": "3.2.1. Accepted file types"}], "external": false};
+window.dfnpanelData['dom-permissionname-file-system'] = {"dfnID": "dom-permissionname-file-system", "url": "#dom-permissionname-file-system", "dfnText": "\"file-system\"", "refSections": [{"refs": [{"id": "ref-for-dom-permissionname-file-system"}, {"id": "ref-for-dom-permissionname-file-system\u2460"}, {"id": "ref-for-dom-permissionname-file-system\u2461"}], "title": "2.2. Permissions"}], "external": false};
+window.dfnpanelData['enumdef-filesystempermissionmode'] = {"dfnID": "enumdef-filesystempermissionmode", "url": "#enumdef-filesystempermissionmode", "dfnText": "FileSystemPermissionMode", "refSections": [{"refs": [{"id": "ref-for-enumdef-filesystempermissionmode"}, {"id": "ref-for-enumdef-filesystempermissionmode\u2460"}, {"id": "ref-for-enumdef-filesystempermissionmode\u2461"}, {"id": "ref-for-enumdef-filesystempermissionmode\u2462"}], "title": "2.2. Permissions"}, {"refs": [{"id": "ref-for-enumdef-filesystempermissionmode\u2463"}], "title": "2.3. The FileSystemHandle interface"}, {"refs": [{"id": "ref-for-enumdef-filesystempermissionmode\u2464"}], "title": "3. Accessing Local File System"}], "external": false};
+window.dfnpanelData['dom-filesystempermissionmode-read'] = {"dfnID": "dom-filesystempermissionmode-read", "url": "#dom-filesystempermissionmode-read", "dfnText": "\"read\"", "refSections": [{"refs": [{"id": "ref-for-dom-filesystempermissionmode-read"}, {"id": "ref-for-dom-filesystempermissionmode-read\u2460"}], "title": "2.2. Permissions"}, {"refs": [{"id": "ref-for-dom-filesystempermissionmode-read\u2461"}], "title": "2.3.1. The queryPermission() method"}, {"refs": [{"id": "ref-for-dom-filesystempermissionmode-read\u2462"}], "title": "2.3.2. The requestPermission() method"}, {"refs": [{"id": "ref-for-dom-filesystempermissionmode-read\u2463"}], "title": "3.1. Local File System Permissions"}], "external": false};
+window.dfnpanelData['dom-filesystempermissionmode-readwrite'] = {"dfnID": "dom-filesystempermissionmode-readwrite", "url": "#dom-filesystempermissionmode-readwrite", "dfnText": "\"readwrite\"", "refSections": [{"refs": [{"id": "ref-for-dom-filesystempermissionmode-readwrite"}, {"id": "ref-for-dom-filesystempermissionmode-readwrite\u2460"}], "title": "2.2. Permissions"}, {"refs": [{"id": "ref-for-dom-filesystempermissionmode-readwrite\u2461"}, {"id": "ref-for-dom-filesystempermissionmode-readwrite\u2462"}], "title": "2.3.1. The queryPermission() method"}, {"refs": [{"id": "ref-for-dom-filesystempermissionmode-readwrite\u2463"}], "title": "2.3.2. The requestPermission() method"}, {"refs": [{"id": "ref-for-dom-filesystempermissionmode-readwrite\u2464"}], "title": "3.1. Local File System Permissions"}], "external": false};
+window.dfnpanelData['dictdef-filesystempermissiondescriptor'] = {"dfnID": "dictdef-filesystempermissiondescriptor", "url": "#dictdef-filesystempermissiondescriptor", "dfnText": "FileSystemPermissionDescriptor", "refSections": [{"refs": [{"id": "ref-for-dictdef-filesystempermissiondescriptor"}, {"id": "ref-for-dictdef-filesystempermissiondescriptor\u2460"}, {"id": "ref-for-dictdef-filesystempermissiondescriptor\u2461"}, {"id": "ref-for-dictdef-filesystempermissiondescriptor\u2462"}, {"id": "ref-for-dictdef-filesystempermissiondescriptor\u2463"}], "title": "2.2. Permissions"}, {"refs": [{"id": "ref-for-dictdef-filesystempermissiondescriptor\u2464"}], "title": "3.5. The showDirectoryPicker() method"}], "external": false};
+window.dfnpanelData['dom-filesystempermissiondescriptor-handle'] = {"dfnID": "dom-filesystempermissiondescriptor-handle", "url": "#dom-filesystempermissiondescriptor-handle", "dfnText": "handle", "refSections": [{"refs": [{"id": "ref-for-dom-filesystempermissiondescriptor-handle"}, {"id": "ref-for-dom-filesystempermissiondescriptor-handle\u2460"}, {"id": "ref-for-dom-filesystempermissiondescriptor-handle\u2461"}, {"id": "ref-for-dom-filesystempermissiondescriptor-handle\u2462"}, {"id": "ref-for-dom-filesystempermissiondescriptor-handle\u2463"}, {"id": "ref-for-dom-filesystempermissiondescriptor-handle\u2464"}], "title": "2.2. Permissions"}, {"refs": [{"id": "ref-for-dom-filesystempermissiondescriptor-handle\u2465"}, {"id": "ref-for-dom-filesystempermissiondescriptor-handle\u2466"}], "title": "2.3.1. The queryPermission() method"}, {"refs": [{"id": "ref-for-dom-filesystempermissiondescriptor-handle\u2467"}, {"id": "ref-for-dom-filesystempermissiondescriptor-handle\u2468"}], "title": "3.1. Local File System Permissions"}, {"refs": [{"id": "ref-for-dom-filesystempermissiondescriptor-handle\u2460\u24ea"}], "title": "3.5. The showDirectoryPicker() method"}], "external": false};
+window.dfnpanelData['dom-filesystempermissiondescriptor-mode'] = {"dfnID": "dom-filesystempermissiondescriptor-mode", "url": "#dom-filesystempermissiondescriptor-mode", "dfnText": "mode", "refSections": [{"refs": [{"id": "ref-for-dom-filesystempermissiondescriptor-mode"}, {"id": "ref-for-dom-filesystempermissiondescriptor-mode\u2460"}, {"id": "ref-for-dom-filesystempermissiondescriptor-mode\u2461"}, {"id": "ref-for-dom-filesystempermissiondescriptor-mode\u2462"}, {"id": "ref-for-dom-filesystempermissiondescriptor-mode\u2463"}], "title": "2.2. Permissions"}, {"refs": [{"id": "ref-for-dom-filesystempermissiondescriptor-mode\u2464"}], "title": "2.3.1. The queryPermission() method"}, {"refs": [{"id": "ref-for-dom-filesystempermissiondescriptor-mode\u2465"}, {"id": "ref-for-dom-filesystempermissiondescriptor-mode\u2466"}], "title": "3.1. Local File System Permissions"}, {"refs": [{"id": "ref-for-dom-filesystempermissiondescriptor-mode\u2467"}], "title": "3.5. The showDirectoryPicker() method"}], "external": false};
+window.dfnpanelData['querying-file-system-permission'] = {"dfnID": "querying-file-system-permission", "url": "#querying-file-system-permission", "dfnText": "query file system permission", "refSections": [{"refs": [{"id": "ref-for-querying-file-system-permission"}], "title": "2.3.1. The queryPermission() method"}], "external": false};
+window.dfnpanelData['requesting-file-system-permission'] = {"dfnID": "requesting-file-system-permission", "url": "#requesting-file-system-permission", "dfnText": "request file system permission", "refSections": [{"refs": [{"id": "ref-for-requesting-file-system-permission"}], "title": "2.3.2. The requestPermission() method"}], "external": false};
+window.dfnpanelData['dictdef-filesystemhandlepermissiondescriptor'] = {"dfnID": "dictdef-filesystemhandlepermissiondescriptor", "url": "#dictdef-filesystemhandlepermissiondescriptor", "dfnText": "FileSystemHandlePermissionDescriptor", "refSections": [{"refs": [{"id": "ref-for-dictdef-filesystemhandlepermissiondescriptor"}, {"id": "ref-for-dictdef-filesystemhandlepermissiondescriptor\u2460"}], "title": "2.3. The FileSystemHandle interface"}], "external": false};
+window.dfnpanelData['dom-filesystemhandlepermissiondescriptor-mode'] = {"dfnID": "dom-filesystemhandlepermissiondescriptor-mode", "url": "#dom-filesystemhandlepermissiondescriptor-mode", "dfnText": "mode", "refSections": [{"refs": [{"id": "ref-for-dom-filesystemhandlepermissiondescriptor-mode"}, {"id": "ref-for-dom-filesystemhandlepermissiondescriptor-mode\u2460"}, {"id": "ref-for-dom-filesystemhandlepermissiondescriptor-mode\u2461"}], "title": "2.3.1. The queryPermission() method"}, {"refs": [{"id": "ref-for-dom-filesystemhandlepermissiondescriptor-mode\u2462"}, {"id": "ref-for-dom-filesystemhandlepermissiondescriptor-mode\u2463"}, {"id": "ref-for-dom-filesystemhandlepermissiondescriptor-mode\u2464"}], "title": "2.3.2. The requestPermission() method"}], "external": false};
+window.dfnpanelData['dom-filesystemhandle-querypermission'] = {"dfnID": "dom-filesystemhandle-querypermission", "url": "#dom-filesystemhandle-querypermission", "dfnText": "queryPermission(descriptor)", "refSections": [{"refs": [{"id": "ref-for-dom-filesystemhandle-querypermission"}], "title": "2.3. The FileSystemHandle interface"}, {"refs": [{"id": "ref-for-dom-filesystemhandle-querypermission\u2460"}, {"id": "ref-for-dom-filesystemhandle-querypermission\u2461"}, {"id": "ref-for-dom-filesystemhandle-querypermission\u2462"}, {"id": "ref-for-dom-filesystemhandle-querypermission\u2463"}], "title": "2.3.1. The queryPermission() method"}], "external": false};
+window.dfnpanelData['dom-filesystemhandle-requestpermission'] = {"dfnID": "dom-filesystemhandle-requestpermission", "url": "#dom-filesystemhandle-requestpermission", "dfnText": "requestPermission(descriptor)", "refSections": [{"refs": [{"id": "ref-for-dom-filesystemhandle-requestpermission"}], "title": "2.3. The FileSystemHandle interface"}, {"refs": [{"id": "ref-for-dom-filesystemhandle-requestpermission\u2460"}, {"id": "ref-for-dom-filesystemhandle-requestpermission\u2461"}], "title": "2.3.1. The queryPermission() method"}, {"refs": [{"id": "ref-for-dom-filesystemhandle-requestpermission\u2462"}, {"id": "ref-for-dom-filesystemhandle-requestpermission\u2463"}, {"id": "ref-for-dom-filesystemhandle-requestpermission\u2464"}, {"id": "ref-for-dom-filesystemhandle-requestpermission\u2465"}], "title": "2.3.2. The requestPermission() method"}, {"refs": [{"id": "ref-for-dom-filesystemhandle-requestpermission\u2466"}], "title": "5.3. First-party vs third-party contexts."}], "external": false};
+window.dfnpanelData['typedefdef-startindirectory'] = {"dfnID": "typedefdef-startindirectory", "url": "#typedefdef-startindirectory", "dfnText": "StartInDirectory", "refSections": [{"refs": [{"id": "ref-for-typedefdef-startindirectory"}, {"id": "ref-for-typedefdef-startindirectory\u2460"}], "title": "3. Accessing Local File System"}, {"refs": [{"id": "ref-for-typedefdef-startindirectory\u2461"}], "title": "3.2.2. Starting Directory"}], "external": false};
+window.dfnpanelData['dictdef-filepickeraccepttype'] = {"dfnID": "dictdef-filepickeraccepttype", "url": "#dictdef-filepickeraccepttype", "dfnText": "FilePickerAcceptType", "refSections": [{"refs": [{"id": "ref-for-dictdef-filepickeraccepttype"}], "title": "3. Accessing Local File System"}], "external": false};
+window.dfnpanelData['dom-filepickeraccepttype-description'] = {"dfnID": "dom-filepickeraccepttype-description", "url": "#dom-filepickeraccepttype-description", "dfnText": "description", "refSections": [{"refs": [{"id": "ref-for-dom-filepickeraccepttype-description"}, {"id": "ref-for-dom-filepickeraccepttype-description\u2460"}, {"id": "ref-for-dom-filepickeraccepttype-description\u2461"}, {"id": "ref-for-dom-filepickeraccepttype-description\u2462"}], "title": "3.2.1. Accepted file types"}], "external": false};
+window.dfnpanelData['dom-filepickeraccepttype-accept'] = {"dfnID": "dom-filepickeraccepttype-accept", "url": "#dom-filepickeraccepttype-accept", "dfnText": "accept", "refSections": [{"refs": [{"id": "ref-for-dom-filepickeraccepttype-accept"}, {"id": "ref-for-dom-filepickeraccepttype-accept\u2460"}, {"id": "ref-for-dom-filepickeraccepttype-accept\u2461"}, {"id": "ref-for-dom-filepickeraccepttype-accept\u2462"}, {"id": "ref-for-dom-filepickeraccepttype-accept\u2463"}], "title": "3.2.1. Accepted file types"}], "external": false};
+window.dfnpanelData['dictdef-filepickeroptions'] = {"dfnID": "dictdef-filepickeroptions", "url": "#dictdef-filepickeroptions", "dfnText": "FilePickerOptions", "refSections": [{"refs": [{"id": "ref-for-dictdef-filepickeroptions"}, {"id": "ref-for-dictdef-filepickeroptions\u2460"}], "title": "3. Accessing Local File System"}, {"refs": [{"id": "ref-for-dictdef-filepickeroptions\u2461"}, {"id": "ref-for-dictdef-filepickeroptions\u2462"}], "title": "3.2.1. Accepted file types"}], "external": false};
+window.dfnpanelData['dom-filepickeroptions-types'] = {"dfnID": "dom-filepickeroptions-types", "url": "#dom-filepickeroptions-types", "dfnText": "types", "refSections": [{"refs": [{"id": "ref-for-dom-filepickeroptions-types"}, {"id": "ref-for-dom-filepickeroptions-types\u2460"}, {"id": "ref-for-dom-filepickeroptions-types\u2461"}, {"id": "ref-for-dom-filepickeroptions-types\u2462"}], "title": "3.2.1. Accepted file types"}], "external": false};
+window.dfnpanelData['dom-filepickeroptions-excludeacceptalloption'] = {"dfnID": "dom-filepickeroptions-excludeacceptalloption", "url": "#dom-filepickeroptions-excludeacceptalloption", "dfnText": "excludeAcceptAllOption", "refSections": [{"refs": [{"id": "ref-for-dom-filepickeroptions-excludeacceptalloption"}, {"id": "ref-for-dom-filepickeroptions-excludeacceptalloption\u2460"}, {"id": "ref-for-dom-filepickeroptions-excludeacceptalloption\u2461"}], "title": "3.2.1. Accepted file types"}], "external": false};
+window.dfnpanelData['dom-filepickeroptions-id'] = {"dfnID": "dom-filepickeroptions-id", "url": "#dom-filepickeroptions-id", "dfnText": "id", "refSections": [{"refs": [{"id": "ref-for-dom-filepickeroptions-id"}, {"id": "ref-for-dom-filepickeroptions-id\u2460"}, {"id": "ref-for-dom-filepickeroptions-id\u2461"}, {"id": "ref-for-dom-filepickeroptions-id\u2462"}, {"id": "ref-for-dom-filepickeroptions-id\u2463"}, {"id": "ref-for-dom-filepickeroptions-id\u2464"}, {"id": "ref-for-dom-filepickeroptions-id\u2465"}, {"id": "ref-for-dom-filepickeroptions-id\u2466"}, {"id": "ref-for-dom-filepickeroptions-id\u2467"}, {"id": "ref-for-dom-filepickeroptions-id\u2468"}, {"id": "ref-for-dom-filepickeroptions-id\u2460\u24ea"}, {"id": "ref-for-dom-filepickeroptions-id\u2460\u2460"}], "title": "3.2.2. Starting Directory"}, {"refs": [{"id": "ref-for-dom-filepickeroptions-id\u2460\u2461"}, {"id": "ref-for-dom-filepickeroptions-id\u2460\u2462"}], "title": "3.3. The showOpenFilePicker() method"}, {"refs": [{"id": "ref-for-dom-filepickeroptions-id\u2460\u2463"}, {"id": "ref-for-dom-filepickeroptions-id\u2460\u2464"}], "title": "3.4. The showSaveFilePicker() method"}, {"refs": [{"id": "ref-for-dom-filepickeroptions-id\u2460\u2465"}], "title": "3.5. The showDirectoryPicker() method"}], "external": false};
+window.dfnpanelData['dom-filepickeroptions-startin'] = {"dfnID": "dom-filepickeroptions-startin", "url": "#dom-filepickeroptions-startin", "dfnText": "startIn", "refSections": [{"refs": [{"id": "ref-for-dom-filepickeroptions-startin"}, {"id": "ref-for-dom-filepickeroptions-startin\u2460"}, {"id": "ref-for-dom-filepickeroptions-startin\u2461"}, {"id": "ref-for-dom-filepickeroptions-startin\u2462"}, {"id": "ref-for-dom-filepickeroptions-startin\u2463"}, {"id": "ref-for-dom-filepickeroptions-startin\u2464"}, {"id": "ref-for-dom-filepickeroptions-startin\u2465"}, {"id": "ref-for-dom-filepickeroptions-startin\u2466"}, {"id": "ref-for-dom-filepickeroptions-startin\u2467"}], "title": "3.2.2. Starting Directory"}, {"refs": [{"id": "ref-for-dom-filepickeroptions-startin\u2468"}], "title": "3.3. The showOpenFilePicker() method"}, {"refs": [{"id": "ref-for-dom-filepickeroptions-startin\u2460\u24ea"}], "title": "3.4. The showSaveFilePicker() method"}, {"refs": [{"id": "ref-for-dom-filepickeroptions-startin\u2460\u2460"}], "title": "3.5. The showDirectoryPicker() method"}], "external": false};
+window.dfnpanelData['dictdef-openfilepickeroptions'] = {"dfnID": "dictdef-openfilepickeroptions", "url": "#dictdef-openfilepickeroptions", "dfnText": "OpenFilePickerOptions", "refSections": [{"refs": [{"id": "ref-for-dictdef-openfilepickeroptions"}], "title": "3. Accessing Local File System"}], "external": false};
+window.dfnpanelData['dom-openfilepickeroptions-multiple'] = {"dfnID": "dom-openfilepickeroptions-multiple", "url": "#dom-openfilepickeroptions-multiple", "dfnText": "multiple", "refSections": [{"refs": [{"id": "ref-for-dom-openfilepickeroptions-multiple"}, {"id": "ref-for-dom-openfilepickeroptions-multiple\u2460"}, {"id": "ref-for-dom-openfilepickeroptions-multiple\u2461"}], "title": "3.3. The showOpenFilePicker() method"}], "external": false};
+window.dfnpanelData['dictdef-savefilepickeroptions'] = {"dfnID": "dictdef-savefilepickeroptions", "url": "#dictdef-savefilepickeroptions", "dfnText": "SaveFilePickerOptions", "refSections": [{"refs": [{"id": "ref-for-dictdef-savefilepickeroptions"}], "title": "3. Accessing Local File System"}], "external": false};
+window.dfnpanelData['dom-savefilepickeroptions-suggestedname'] = {"dfnID": "dom-savefilepickeroptions-suggestedname", "url": "#dom-savefilepickeroptions-suggestedname", "dfnText": "suggestedName", "refSections": [{"refs": [{"id": "ref-for-dom-savefilepickeroptions-suggestedname"}, {"id": "ref-for-dom-savefilepickeroptions-suggestedname\u2460"}, {"id": "ref-for-dom-savefilepickeroptions-suggestedname\u2461"}, {"id": "ref-for-dom-savefilepickeroptions-suggestedname\u2462"}, {"id": "ref-for-dom-savefilepickeroptions-suggestedname\u2463"}, {"id": "ref-for-dom-savefilepickeroptions-suggestedname\u2464"}, {"id": "ref-for-dom-savefilepickeroptions-suggestedname\u2465"}], "title": "3.4. The showSaveFilePicker() method"}], "external": false};
+window.dfnpanelData['dictdef-directorypickeroptions'] = {"dfnID": "dictdef-directorypickeroptions", "url": "#dictdef-directorypickeroptions", "dfnText": "DirectoryPickerOptions", "refSections": [{"refs": [{"id": "ref-for-dictdef-directorypickeroptions"}], "title": "3. Accessing Local File System"}], "external": false};
+window.dfnpanelData['dom-directorypickeroptions-id'] = {"dfnID": "dom-directorypickeroptions-id", "url": "#dom-directorypickeroptions-id", "dfnText": "id", "refSections": [{"refs": [{"id": "ref-for-dom-directorypickeroptions-id"}, {"id": "ref-for-dom-directorypickeroptions-id\u2460"}, {"id": "ref-for-dom-directorypickeroptions-id\u2461"}], "title": "3.5. The showDirectoryPicker() method"}], "external": false};
+window.dfnpanelData['dom-directorypickeroptions-startin'] = {"dfnID": "dom-directorypickeroptions-startin", "url": "#dom-directorypickeroptions-startin", "dfnText": "startIn", "refSections": [{"refs": [{"id": "ref-for-dom-directorypickeroptions-startin"}, {"id": "ref-for-dom-directorypickeroptions-startin\u2460"}], "title": "3.5. The showDirectoryPicker() method"}], "external": false};
+window.dfnpanelData['dom-directorypickeroptions-mode'] = {"dfnID": "dom-directorypickeroptions-mode", "url": "#dom-directorypickeroptions-mode", "dfnText": "mode", "refSections": [{"refs": [{"id": "ref-for-dom-directorypickeroptions-mode"}, {"id": "ref-for-dom-directorypickeroptions-mode\u2460"}, {"id": "ref-for-dom-directorypickeroptions-mode\u2461"}], "title": "3.5. The showDirectoryPicker() method"}], "external": false};
+window.dfnpanelData['local-file-system-handle-factories'] = {"dfnID": "local-file-system-handle-factories", "url": "#local-file-system-handle-factories", "dfnText": "local file system handle factories", "refSections": [{"refs": [{"id": "ref-for-local-file-system-handle-factories"}], "title": "2.3.1. The queryPermission() method"}, {"refs": [{"id": "ref-for-local-file-system-handle-factories\u2460"}, {"id": "ref-for-local-file-system-handle-factories\u2461"}], "title": "3.1. Local File System Permissions"}, {"refs": [{"id": "ref-for-local-file-system-handle-factories\u2462"}], "title": "3.6. Drag and Drop"}, {"refs": [{"id": "ref-for-local-file-system-handle-factories\u2463"}], "title": "5.3. First-party vs third-party contexts."}], "external": false};
+window.dfnpanelData['is-allowed-to-show-a-file-picker'] = {"dfnID": "is-allowed-to-show-a-file-picker", "url": "#is-allowed-to-show-a-file-picker", "dfnText": "is allowed to show a file picker", "refSections": [{"refs": [{"id": "ref-for-is-allowed-to-show-a-file-picker"}], "title": "3.3. The showOpenFilePicker() method"}, {"refs": [{"id": "ref-for-is-allowed-to-show-a-file-picker\u2460"}], "title": "3.4. The showSaveFilePicker() method"}, {"refs": [{"id": "ref-for-is-allowed-to-show-a-file-picker\u2461"}], "title": "3.5. The showDirectoryPicker() method"}], "external": false};
+window.dfnpanelData['process-accept-types'] = {"dfnID": "process-accept-types", "url": "#process-accept-types", "dfnText": "process accept types", "refSections": [{"refs": [{"id": "ref-for-process-accept-types"}], "title": "3.3. The showOpenFilePicker() method"}, {"refs": [{"id": "ref-for-process-accept-types\u2460"}], "title": "3.4. The showSaveFilePicker() method"}], "external": false};
+window.dfnpanelData['validate-a-suffix'] = {"dfnID": "validate-a-suffix", "url": "#validate-a-suffix", "dfnText": "validate a suffix", "refSections": [{"refs": [{"id": "ref-for-validate-a-suffix"}, {"id": "ref-for-validate-a-suffix\u2460"}], "title": "3.2.1. Accepted file types"}], "external": false};
+window.dfnpanelData['recently-picked-directory-map'] = {"dfnID": "recently-picked-directory-map", "url": "#recently-picked-directory-map", "dfnText": "recently picked directory map", "refSections": [{"refs": [{"id": "ref-for-recently-picked-directory-map"}, {"id": "ref-for-recently-picked-directory-map\u2460"}, {"id": "ref-for-recently-picked-directory-map\u2461"}, {"id": "ref-for-recently-picked-directory-map\u2462"}, {"id": "ref-for-recently-picked-directory-map\u2463"}, {"id": "ref-for-recently-picked-directory-map\u2464"}, {"id": "ref-for-recently-picked-directory-map\u2465"}], "title": "3.2.2. Starting Directory"}], "external": false};
+window.dfnpanelData['path-id-map'] = {"dfnID": "path-id-map", "url": "#path-id-map", "dfnText": "path id map", "refSections": [{"refs": [{"id": "ref-for-path-id-map"}, {"id": "ref-for-path-id-map\u2460"}, {"id": "ref-for-path-id-map\u2461"}, {"id": "ref-for-path-id-map\u2462"}], "title": "3.2.2. Starting Directory"}], "external": false};
+window.dfnpanelData['valid-path-id'] = {"dfnID": "valid-path-id", "url": "#valid-path-id", "dfnText": "valid path id", "refSections": [{"refs": [{"id": "ref-for-valid-path-id"}, {"id": "ref-for-valid-path-id\u2460"}], "title": "3.2.2. Starting Directory"}], "external": false};
+window.dfnpanelData['enumdef-wellknowndirectory'] = {"dfnID": "enumdef-wellknowndirectory", "url": "#enumdef-wellknowndirectory", "dfnText": "WellKnownDirectory", "refSections": [{"refs": [{"id": "ref-for-enumdef-wellknowndirectory"}, {"id": "ref-for-enumdef-wellknowndirectory\u2460"}], "title": "3. Accessing Local File System"}, {"refs": [{"id": "ref-for-enumdef-wellknowndirectory\u2461"}, {"id": "ref-for-enumdef-wellknowndirectory\u2462"}, {"id": "ref-for-enumdef-wellknowndirectory\u2463"}, {"id": "ref-for-enumdef-wellknowndirectory\u2464"}, {"id": "ref-for-enumdef-wellknowndirectory\u2465"}], "title": "3.2.2. Starting Directory"}], "external": false};
+window.dfnpanelData['dom-wellknowndirectory-desktop'] = {"dfnID": "dom-wellknowndirectory-desktop", "url": "#dom-wellknowndirectory-desktop", "dfnText": "\"desktop\"", "refSections": [{"refs": [{"id": "ref-for-dom-wellknowndirectory-desktop"}], "title": "3. Accessing Local File System"}], "external": false};
+window.dfnpanelData['dom-wellknowndirectory-documents'] = {"dfnID": "dom-wellknowndirectory-documents", "url": "#dom-wellknowndirectory-documents", "dfnText": "\"documents\"", "refSections": [{"refs": [{"id": "ref-for-dom-wellknowndirectory-documents"}], "title": "3. Accessing Local File System"}], "external": false};
+window.dfnpanelData['dom-wellknowndirectory-downloads'] = {"dfnID": "dom-wellknowndirectory-downloads", "url": "#dom-wellknowndirectory-downloads", "dfnText": "\"downloads\"", "refSections": [{"refs": [{"id": "ref-for-dom-wellknowndirectory-downloads"}], "title": "3. Accessing Local File System"}, {"refs": [{"id": "ref-for-dom-wellknowndirectory-downloads\u2460"}, {"id": "ref-for-dom-wellknowndirectory-downloads\u2461"}], "title": "3.2.2. Starting Directory"}], "external": false};
+window.dfnpanelData['dom-wellknowndirectory-music'] = {"dfnID": "dom-wellknowndirectory-music", "url": "#dom-wellknowndirectory-music", "dfnText": "\"music\"", "refSections": [{"refs": [{"id": "ref-for-dom-wellknowndirectory-music"}], "title": "3. Accessing Local File System"}], "external": false};
+window.dfnpanelData['dom-wellknowndirectory-pictures'] = {"dfnID": "dom-wellknowndirectory-pictures", "url": "#dom-wellknowndirectory-pictures", "dfnText": "\"pictures\"", "refSections": [{"refs": [{"id": "ref-for-dom-wellknowndirectory-pictures"}], "title": "3. Accessing Local File System"}], "external": false};
+window.dfnpanelData['dom-wellknowndirectory-videos'] = {"dfnID": "dom-wellknowndirectory-videos", "url": "#dom-wellknowndirectory-videos", "dfnText": "\"videos\"", "refSections": [{"refs": [{"id": "ref-for-dom-wellknowndirectory-videos"}], "title": "3. Accessing Local File System"}], "external": false};
+window.dfnpanelData['wellknowndirectory-determine-the-directory-the-picker-will-start-in'] = {"dfnID": "wellknowndirectory-determine-the-directory-the-picker-will-start-in", "url": "#wellknowndirectory-determine-the-directory-the-picker-will-start-in", "dfnText": "determine the directory the picker will start in", "refSections": [{"refs": [{"id": "ref-for-wellknowndirectory-determine-the-directory-the-picker-will-start-in"}], "title": "3.3. The showOpenFilePicker() method"}, {"refs": [{"id": "ref-for-wellknowndirectory-determine-the-directory-the-picker-will-start-in\u2460"}], "title": "3.4. The showSaveFilePicker() method"}, {"refs": [{"id": "ref-for-wellknowndirectory-determine-the-directory-the-picker-will-start-in\u2461"}], "title": "3.5. The showDirectoryPicker() method"}], "external": false};
+window.dfnpanelData['wellknowndirectory-remember-a-picked-directory'] = {"dfnID": "wellknowndirectory-remember-a-picked-directory", "url": "#wellknowndirectory-remember-a-picked-directory", "dfnText": "remember a picked directory", "refSections": [{"refs": [{"id": "ref-for-wellknowndirectory-remember-a-picked-directory"}], "title": "3.3. The showOpenFilePicker() method"}, {"refs": [{"id": "ref-for-wellknowndirectory-remember-a-picked-directory\u2460"}], "title": "3.4. The showSaveFilePicker() method"}, {"refs": [{"id": "ref-for-wellknowndirectory-remember-a-picked-directory\u2461"}], "title": "3.5. The showDirectoryPicker() method"}], "external": false};
+window.dfnpanelData['dom-window-showopenfilepicker'] = {"dfnID": "dom-window-showopenfilepicker", "url": "#dom-window-showopenfilepicker", "dfnText": "showOpenFilePicker(options)", "refSections": [{"refs": [{"id": "ref-for-dom-window-showopenfilepicker"}, {"id": "ref-for-dom-window-showopenfilepicker\u2460"}], "title": "3. Accessing Local File System"}, {"refs": [{"id": "ref-for-dom-window-showopenfilepicker\u2461"}], "title": "3.2.1. Accepted file types"}, {"refs": [{"id": "ref-for-dom-window-showopenfilepicker\u2462"}, {"id": "ref-for-dom-window-showopenfilepicker\u2463"}, {"id": "ref-for-dom-window-showopenfilepicker\u2464"}, {"id": "ref-for-dom-window-showopenfilepicker\u2465"}, {"id": "ref-for-dom-window-showopenfilepicker\u2466"}], "title": "3.3. The showOpenFilePicker() method"}], "external": false};
+window.dfnpanelData['dom-window-showsavefilepicker'] = {"dfnID": "dom-window-showsavefilepicker", "url": "#dom-window-showsavefilepicker", "dfnText": "showSaveFilePicker(options)", "refSections": [{"refs": [{"id": "ref-for-dom-window-showsavefilepicker"}, {"id": "ref-for-dom-window-showsavefilepicker\u2460"}], "title": "3. Accessing Local File System"}, {"refs": [{"id": "ref-for-dom-window-showsavefilepicker\u2461"}], "title": "3.1. Local File System Permissions"}, {"refs": [{"id": "ref-for-dom-window-showsavefilepicker\u2462"}], "title": "3.2.1. Accepted file types"}, {"refs": [{"id": "ref-for-dom-window-showsavefilepicker\u2463"}, {"id": "ref-for-dom-window-showsavefilepicker\u2464"}, {"id": "ref-for-dom-window-showsavefilepicker\u2465"}, {"id": "ref-for-dom-window-showsavefilepicker\u2466"}], "title": "3.4. The showSaveFilePicker() method"}], "external": false};
+window.dfnpanelData['dom-window-showdirectorypicker'] = {"dfnID": "dom-window-showdirectorypicker", "url": "#dom-window-showdirectorypicker", "dfnText": "showDirectoryPicker(options)", "refSections": [{"refs": [{"id": "ref-for-dom-window-showdirectorypicker"}, {"id": "ref-for-dom-window-showdirectorypicker\u2460"}], "title": "3. Accessing Local File System"}, {"refs": [{"id": "ref-for-dom-window-showdirectorypicker\u2461"}, {"id": "ref-for-dom-window-showdirectorypicker\u2462"}, {"id": "ref-for-dom-window-showdirectorypicker\u2463"}, {"id": "ref-for-dom-window-showdirectorypicker\u2464"}], "title": "3.5. The showDirectoryPicker() method"}], "external": false};
+window.dfnpanelData['dom-datatransferitem-getasfilesystemhandle'] = {"dfnID": "dom-datatransferitem-getasfilesystemhandle", "url": "#dom-datatransferitem-getasfilesystemhandle", "dfnText": "getAsFileSystemHandle()", "refSections": [{"refs": [{"id": "ref-for-dom-datatransferitem-getasfilesystemhandle"}, {"id": "ref-for-dom-datatransferitem-getasfilesystemhandle\u2460"}], "title": "3.6. Drag and Drop"}], "external": false};
+window.dfnpanelData['wellknowndirectory-too-sensitive-or-dangerous'] = {"dfnID": "wellknowndirectory-too-sensitive-or-dangerous", "url": "#wellknowndirectory-too-sensitive-or-dangerous", "dfnText": "too sensitive or dangerous", "refSections": [{"refs": [{"id": "ref-for-wellknowndirectory-too-sensitive-or-dangerous"}], "title": "3.3. The showOpenFilePicker() method"}, {"refs": [{"id": "ref-for-wellknowndirectory-too-sensitive-or-dangerous\u2460"}], "title": "3.4. The showSaveFilePicker() method"}, {"refs": [{"id": "ref-for-wellknowndirectory-too-sensitive-or-dangerous\u2461"}], "title": "3.5. The showDirectoryPicker() method"}, {"refs": [{"id": "ref-for-wellknowndirectory-too-sensitive-or-dangerous\u2462"}], "title": "3.6. Drag and Drop"}], "external": false};
+</script>
+<script>/* Boilerplate: 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);
+}
+
+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;
+}
+
+/* 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);
+		}
+	}
+}
+function append(el, ...children) {
+	for(const child of nodesFromChildList(children)) {
+		if(el instanceof Node) el.appendChild(child);
+		else el.push(child);
+	}
+	return el;
+}
 
-            dfnPanel.addEventListener('keydown', (event) => {
-                if(event.keyCode == 27) { // Escape key
-                    hideDfnPanel(dfnPanel, dfn);
-                    event.stopPropagation();
-                    event.preventDefault();
-                }
-            })
+function insertAfter(el, ...children) {
+	for(const child of nodesFromChildList(children)) {
+		el.parentNode.insertBefore(child, el.nextSibling);
+	}
+	return el;
+}
 
-        } else {
-            console.log("Couldn't find .dfn-panel[data-for='" + dfn.id + "']");
-        }
-    }
+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>
-<script>/* script-var-click-highlighting */
+<script>/* Boilerplate: script-position-annos */
+"use strict";
+{
 
-    "use strict";
-    {
-        document.addEventListener("click", e=>{
-            if(e.target.nodeName == "VAR") {
-                highlightSameAlgoVars(e.target);
-            }
-        });
-        const indexCounts = new Map();
-        const indexNames = new Map();
-        function highlightSameAlgoVars(v) {
-            // Find the algorithm container.
-            let algoContainer = null;
-            let searchEl = v;
-            while(algoContainer == null && searchEl != document.body) {
-                searchEl = searchEl.parentNode;
-                if(searchEl.hasAttribute("data-algorithm")) {
-                    algoContainer = searchEl;
-                }
-            }
+function repositionAnnoPanels(){
+    const panels = [...document.querySelectorAll("[data-anno-for]")];
+    const main = document.querySelector("main");
+    let mainRect;
+    if(main) mainRect = main.getBoundingClientRect();
+    for(const panel of panels) {
+        const dfn = document.getElementById(panel.getAttribute("data-anno-for"));
+        if(!dfn) {
+            console.log("Can't find the annotation panel target:", panel);
+            continue;
+        }
+        const rect = dfn.getBoundingClientRect();
+        const top = window.scrollY + rect.top
+        panel.style.top = top + "px";
+        panel.top = top;
+        panel.height = rect.height;
+        panel.classList.remove("unpositioned");
+        const panelRect = panel.getBoundingClientRect()
+        if(main) {
+            panel.classList.toggle("overlapping-main", panelRect.left < mainRect.right)
+        }
+    }
+    let vSoFar = 0;
+    for(const panel of panels.sort(cmpTops)) {
+        if(panel.top < vSoFar) {
+            panel.top = vSoFar;
+            panel.style.top = vSoFar + "px";
+        }
+        vSoFar = panel.top + panel.height + 15;
+    }
+}
 
-            // Not highlighting document-global vars,
-            // too likely to be unrelated.
-            if(algoContainer == null) return;
-
-            const algoName = algoContainer.getAttribute("data-algorithm");
-            const varName = getVarName(v);
-            const addClass = !v.classList.contains("selected");
-            let highlightClass = null;
-            if(addClass) {
-                const index = chooseHighlightIndex(algoName, varName);
-                indexCounts.get(algoName)[index] += 1;
-                indexNames.set(algoName+"///"+varName, index);
-                highlightClass = nameFromIndex(index);
-            } else {
-                const index = previousHighlightIndex(algoName, varName);
-                indexCounts.get(algoName)[index] -= 1;
-                highlightClass = nameFromIndex(index);
-            }
+function cmpTops(a,b) {
+    return a.top - b.top;
+}
 
-            // Find all same-name vars, and toggle their class appropriately.
-            for(const el of algoContainer.querySelectorAll("var")) {
-                if(getVarName(el) == varName) {
-                    el.classList.toggle("selected", addClass);
-                    el.classList.toggle(highlightClass, addClass);
-                }
+window.addEventListener("load", repositionAnnoPanels);
+window.addEventListener("resize", repositionAnnoPanels);
+}
+</script>
+<script>/* Boilerplate: script-var-click-highlighting */
+/*
+Color-choosing design:
+
+Colors are ordered by goodness.
+Each color has a usage count (initially zero).
+Each variable has a last-used color.
+
+* If the var has a last-used color, and that color's usage is 0,
+    return that color.
+* Otherwise, return the lowest-indexed color with the lowest usage.
+    Increment the color's usage and set it as the last-used color
+    for that var.
+* On unclicking, decrement usage of the color.
+*/
+"use strict";
+{
+    document.addEventListener("click", e=>{
+        if(e.target.nodeName == "VAR") {
+            highlightSameAlgoVars(e.target);
+        }
+    });
+    const indexCounts = new Map();
+    const indexNames = new Map();
+    function highlightSameAlgoVars(v) {
+        // Find the algorithm container.
+        let algoContainer = null;
+        let searchEl = v;
+        while(algoContainer == null && searchEl != document.body) {
+            searchEl = searchEl.parentNode;
+            if(searchEl.hasAttribute("data-algorithm")) {
+                algoContainer = searchEl;
             }
         }
-        function getVarName(el) {
-            return el.textContent.replace(/(\s|\xa0)+/, " ").trim();
+
+        // Not highlighting document-global vars,
+        // too likely to be unrelated.
+        if(algoContainer == null) return;
+
+        const algoName = algoContainer.getAttribute("data-algorithm");
+        const varName = getVarName(v);
+        const addClass = !v.classList.contains("selected");
+        let highlightClass = null;
+        if(addClass) {
+            const index = chooseHighlightIndex(algoName, varName);
+            indexCounts.get(algoName)[index] += 1;
+            indexNames.set(algoName+"///"+varName, index);
+            highlightClass = nameFromIndex(index);
+        } else {
+            const index = previousHighlightIndex(algoName, varName);
+            indexCounts.get(algoName)[index] -= 1;
+            highlightClass = nameFromIndex(index);
         }
-        function chooseHighlightIndex(algoName, varName) {
-            let indexes = null;
-            if(indexCounts.has(algoName)) {
-                indexes = indexCounts.get(algoName);
-            } else {
-                // 7 classes right now
-                indexes = [0,0,0,0,0,0,0];
-                indexCounts.set(algoName, indexes);
-            }
 
-            // If the element was recently unclicked,
-            // *and* that color is still unclaimed,
-            // give it back the same color.
-            const lastIndex = previousHighlightIndex(algoName, varName);
-            if(indexes[lastIndex] === 0) return lastIndex;
-
-            // Find the earliest index with the lowest count.
-            const minCount = Math.min.apply(null, indexes);
-            let index = null;
-            for(var i = 0; i < indexes.length; i++) {
-                if(indexes[i] == minCount) {
-                    return i;
-                }
+        // Find all same-name vars, and toggle their class appropriately.
+        for(const el of algoContainer.querySelectorAll("var")) {
+            if(getVarName(el) == varName) {
+                el.classList.toggle("selected", addClass);
+                el.classList.toggle(highlightClass, addClass);
             }
         }
-        function previousHighlightIndex(algoName, varName) {
-            return indexNames.get(algoName+"///"+varName);
+    }
+    function getVarName(el) {
+        return el.textContent.replace(/(\s|\xa0)+/, " ").trim();
+    }
+    function chooseHighlightIndex(algoName, varName) {
+        let indexes = null;
+        if(indexCounts.has(algoName)) {
+            indexes = indexCounts.get(algoName);
+        } else {
+            // 7 classes right now
+            indexes = [0,0,0,0,0,0,0];
+            indexCounts.set(algoName, indexes);
         }
-        function nameFromIndex(index) {
-            return "selected" + index;
+
+        // If the element was recently unclicked,
+        // *and* that color is still unclaimed,
+        // give it back the same color.
+        const lastIndex = previousHighlightIndex(algoName, varName);
+        if(indexes[lastIndex] === 0) return lastIndex;
+
+        // Find the earliest index with the lowest count.
+        const minCount = Math.min.apply(null, indexes);
+        let index = null;
+        for(var i = 0; i < indexes.length; i++) {
+            if(indexes[i] == minCount) {
+                return i;
+            }
         }
     }
-    </script>
\ No newline at end of file
+    function previousHighlightIndex(algoName, varName) {
+        return indexNames.get(algoName+"///"+varName);
+    }
+    function nameFromIndex(index) {
+        return "selected" + index;
+    }
+}
+</script>
\ No newline at end of file