55 < meta http-equiv ="X-UA-Compatible " content ="ie=edge " />
66 < title > Ferret</ title >
77
8- < meta name ="generator " content ="Hugo 0.159 .1 ">
8+ < meta name ="generator " content ="Hugo 0.162 .1 ">
99
1010 < link
1111 href ="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap "
1212 rel ="stylesheet "
1313 />
1414
1515
16- < link rel ="stylesheet " href ="https://ferretlang.org/sass/main.min.fd342da08727b6c5ad772e57dfc86855590afed38a3fbe17c22a8b9bb949b98d .css " />
16+ < link rel ="stylesheet " href ="https://ferretlang.org/sass/main.min.4f5ba9a56d193d26c5d64373a2f6b156943cc13f001b90e85bcd3d4a5d90aaf2 .css " />
1717
1818 < link rel ="icon " type ="image/png " href ="/favicon/favicon-96x96.png " sizes ="96x96 " />
1919 < link rel ="icon " type ="image/svg+xml " href ="/favicon/favicon.svg " />
@@ -193,7 +193,10 @@ <h2 id="assertion-library">Assertion library</h2>
193193
194194 < div class ="code-editor-actions ">
195195 < button id ="code-editor-1-result-toggle-button " class ="button is-outlined is-light code-editor-button " type ="button " aria-expanded ="false " aria-controls ="code-editor-1-result-pane "> Output</ button >
196- < button id ="code-editor-1-run-button " class ="run button is-outlined is-light code-editor-button "> Run</ button >
196+ < button id ="code-editor-1-run-button " class ="run button is-outlined is-light code-editor-button " type ="button " aria-label ="Run query ">
197+ < span class ="code-editor-run-label "> Run</ span >
198+ < span id ="code-editor-1-run-button-spinner " class ="code-editor-run-spinner " aria-hidden ="true "> </ span >
199+ </ button >
197200 </ div >
198201 < div id ="code-editor-1-progress " class ="code-editor-progress " role ="progressbar " aria-label ="Running query " hidden > </ div >
199202 < span id ="code-editor-1-run-status " class ="code-editor-sr-only " aria-live ="polite " aria-atomic ="true "> </ span >
@@ -317,8 +320,10 @@ <h2 id="assertion-library">Assertion library</h2>
317320 runStatus . textContent = 'Running query' ;
318321 editorHeader . setAttribute ( 'aria-busy' , 'true' ) ;
319322 editorGrid . setAttribute ( 'aria-busy' , 'true' ) ;
320- btn . classList . add ( 'is-loading ' ) ;
323+ btn . classList . add ( 'is-running ' ) ;
321324 btn . setAttribute ( 'aria-busy' , 'true' ) ;
325+ btn . setAttribute ( 'aria-label' , 'Running query' ) ;
326+ btn . disabled = true ;
322327 }
323328
324329 function onEnd ( result ) {
@@ -328,8 +333,10 @@ <h2 id="assertion-library">Assertion library</h2>
328333 runStatus . textContent = '' ;
329334 editorHeader . setAttribute ( 'aria-busy' , 'false' ) ;
330335 editorGrid . setAttribute ( 'aria-busy' , 'false' ) ;
331- btn . classList . remove ( 'is-loading ' ) ;
336+ btn . classList . remove ( 'is-running ' ) ;
332337 btn . setAttribute ( 'aria-busy' , 'false' ) ;
338+ btn . setAttribute ( 'aria-label' , 'Run query' ) ;
339+ btn . disabled = false ;
333340
334341 setContent ( resultEditor , result ) ;
335342 setResultVisible ( true ) ;
@@ -420,7 +427,10 @@ <h2 id="new-frames-function">New FRAMES function</h2>
420427
421428 < div class ="code-editor-actions ">
422429 < button id ="code-editor-2-result-toggle-button " class ="button is-outlined is-light code-editor-button " type ="button " aria-expanded ="false " aria-controls ="code-editor-2-result-pane "> Output</ button >
423- < button id ="code-editor-2-run-button " class ="run button is-outlined is-light code-editor-button "> Run</ button >
430+ < button id ="code-editor-2-run-button " class ="run button is-outlined is-light code-editor-button " type ="button " aria-label ="Run query ">
431+ < span class ="code-editor-run-label "> Run</ span >
432+ < span id ="code-editor-2-run-button-spinner " class ="code-editor-run-spinner " aria-hidden ="true "> </ span >
433+ </ button >
424434 </ div >
425435 < div id ="code-editor-2-progress " class ="code-editor-progress " role ="progressbar " aria-label ="Running query " hidden > </ div >
426436 < span id ="code-editor-2-run-status " class ="code-editor-sr-only " aria-live ="polite " aria-atomic ="true "> </ span >
@@ -544,8 +554,10 @@ <h2 id="new-frames-function">New FRAMES function</h2>
544554 runStatus . textContent = 'Running query' ;
545555 editorHeader . setAttribute ( 'aria-busy' , 'true' ) ;
546556 editorGrid . setAttribute ( 'aria-busy' , 'true' ) ;
547- btn . classList . add ( 'is-loading ' ) ;
557+ btn . classList . add ( 'is-running ' ) ;
548558 btn . setAttribute ( 'aria-busy' , 'true' ) ;
559+ btn . setAttribute ( 'aria-label' , 'Running query' ) ;
560+ btn . disabled = true ;
549561 }
550562
551563 function onEnd ( result ) {
@@ -555,8 +567,10 @@ <h2 id="new-frames-function">New FRAMES function</h2>
555567 runStatus . textContent = '' ;
556568 editorHeader . setAttribute ( 'aria-busy' , 'false' ) ;
557569 editorGrid . setAttribute ( 'aria-busy' , 'false' ) ;
558- btn . classList . remove ( 'is-loading ' ) ;
570+ btn . classList . remove ( 'is-running ' ) ;
559571 btn . setAttribute ( 'aria-busy' , 'false' ) ;
572+ btn . setAttribute ( 'aria-label' , 'Run query' ) ;
573+ btn . disabled = false ;
560574
561575 setContent ( resultEditor , result ) ;
562576 setResultVisible ( true ) ;
@@ -646,7 +660,10 @@ <h2 id="iframe-navigation-handling">iFrame navigation handling</h2>
646660
647661 < div class ="code-editor-actions ">
648662 < button id ="code-editor-3-result-toggle-button " class ="button is-outlined is-light code-editor-button " type ="button " aria-expanded ="false " aria-controls ="code-editor-3-result-pane "> Output</ button >
649- < button id ="code-editor-3-run-button " class ="run button is-outlined is-light code-editor-button "> Run</ button >
663+ < button id ="code-editor-3-run-button " class ="run button is-outlined is-light code-editor-button " type ="button " aria-label ="Run query ">
664+ < span class ="code-editor-run-label "> Run</ span >
665+ < span id ="code-editor-3-run-button-spinner " class ="code-editor-run-spinner " aria-hidden ="true "> </ span >
666+ </ button >
650667 </ div >
651668 < div id ="code-editor-3-progress " class ="code-editor-progress " role ="progressbar " aria-label ="Running query " hidden > </ div >
652669 < span id ="code-editor-3-run-status " class ="code-editor-sr-only " aria-live ="polite " aria-atomic ="true "> </ span >
@@ -797,8 +814,10 @@ <h2 id="iframe-navigation-handling">iFrame navigation handling</h2>
797814 runStatus . textContent = 'Running query' ;
798815 editorHeader . setAttribute ( 'aria-busy' , 'true' ) ;
799816 editorGrid . setAttribute ( 'aria-busy' , 'true' ) ;
800- btn . classList . add ( 'is-loading ' ) ;
817+ btn . classList . add ( 'is-running ' ) ;
801818 btn . setAttribute ( 'aria-busy' , 'true' ) ;
819+ btn . setAttribute ( 'aria-label' , 'Running query' ) ;
820+ btn . disabled = true ;
802821 }
803822
804823 function onEnd ( result ) {
@@ -808,8 +827,10 @@ <h2 id="iframe-navigation-handling">iFrame navigation handling</h2>
808827 runStatus . textContent = '' ;
809828 editorHeader . setAttribute ( 'aria-busy' , 'false' ) ;
810829 editorGrid . setAttribute ( 'aria-busy' , 'false' ) ;
811- btn . classList . remove ( 'is-loading ' ) ;
830+ btn . classList . remove ( 'is-running ' ) ;
812831 btn . setAttribute ( 'aria-busy' , 'false' ) ;
832+ btn . setAttribute ( 'aria-label' , 'Run query' ) ;
833+ btn . disabled = false ;
813834
814835 setContent ( resultEditor , result ) ;
815836 setResultVisible ( true ) ;
0 commit comments