import { Controller } from '@hotwired/stimulus';
export default class extends Controller {
 handle(event) {
 let {
 params: { show, hide, showOrHide },
 } = event;
 this.show(show);
 this.hide(hide);
 this.showOrHide(showOrHide);
 }
 show(query) {
 const matches = document.querySelectorAll(query);
 matches.forEach((match) => {
 match.classList.remove('hidden');
 });
 }
 hide(query) {
 const matches = document.querySelectorAll(query);
 matches.forEach((match) => {
 match.classList.add('hidden');
 });
 }
 showOrHide(query) {
 const matches = document.querySelectorAll(query);
 matches.forEach((match) => {
 match.classList.toggle('hidden');
 });
 }
}
</div><div class="naked_ctrl">
<form action="/index.cgi/speech" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://coops.or.kr/assets/controllers/toggle_controller-50dddfc0.js">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://coops.or.kr/assets/controllers/toggle_controller-50dddfc0.js" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech" selected="selected">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>