import Reveal from "@stimulus-components/reveal";
export default class extends Reveal {
 static targets = ["item", "toggle", "button"];
 static classes = ["hidden", "toggle"];
 connect() {
 super.connect();
 if (this.hasButtonTarget) {
 this.buttonTarget.ariaExpanded = false;
 }
 }
 toggle() {
 super.toggle();
 if (this.hasButtonTarget) {
 this.setAriaExpanded(
 this.buttonTarget.ariaExpanded === "true" ? "false" : "true",
 );
 }
 if (this.hasToggleTarget && this.hasToggleClass) {
 this.toggleClasses.forEach((className) => {
 this.toggleTarget.classList.toggle(className);
 });
 }
 }
 show() {
 super.show();
 if (this.hasToggleTarget && this.hasToggleClass) {
 this.toggleTarget.classList.add(...this.toggleClasses);
 }
 }
 hide() {
 super.hide();
 this.setAriaExpanded("false");
 if (this.hasToggleTarget && this.hasToggleClass) {
 this.toggleTarget.classList.add(...this.toggleClasses);
 }
 }
 setAriaExpanded(expanded) {
 if (this.hasButtonTarget) {
 this.buttonTarget.setAttribute("aria-expanded", expanded);
 }
 }
}
</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://rubygems.org/assets/controllers/reveal_controller-a90af4d9.js">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://rubygems.org/assets/controllers/reveal_controller-a90af4d9.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>