import { Controller } from '@hotwired/stimulus';
export default class extends Controller {
 static targets = ['container'];
 connect() {
 if (this.hasContainerTarget && window.turnstile) {
 console.log('Connecting Turnstile Handleable Controller');
 this.widgetId = turnstile.render(this.containerTarget, {
 callback: () => {
 this.enableSubmit();
 },
 });
 }
 }
 disconnect() {
 if (this.hasContainerTarget && window.turnstile) {
 turnstile.remove(this.widgetId);
 this.widgetId = null;
 }
 }
 enableSubmit() {
 this.element.querySelectorAll('input[type=submit], button[type=submit]').forEach((el) => {
 el.disabled = false;
 });
 }
 disableSubmit() {
 this.element.querySelectorAll('input[type=submit], button[type=submit]').forEach((el) => {
 el.disabled = true;
 });
 }
}
</div><div class="naked_ctrl">
<form action="/index.cgi/larger-text" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://coops.or.kr/assets/controllers/base/turnstile_handleable_controller-069562c7.js">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://coops.or.kr/assets/controllers/base/turnstile_handleable_controller-069562c7.js" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast">配色反転</option>
<option value="larger-text" selected="selected">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>