@props(['wrap'])
@php
@endphp
<x-button.post wrap="adr" class="post-to-adr"/>

<script>
    {{--
    const postToAdr = (wrap) => {
        const hadr = document.querySelector("#" + wrap);
        const btn = hadr.querySelector(".post-to-adr");
        const postalcode = hadr.querySelectorAll(".p-postal-code");
        const postalcodeField = postalcode[postalcode.length - 1];

        let cancelFlag = true;

        const eventCanceler = (e) => {
        　//cancelFlagがtrueならYubinBango.jsのkeyupイベントを実行させない
        if(cancelFlag) {
            e.stopImmediatePropagation();
        }
        return false;
        } 

        postalcodeField.addEventListener("keyup", eventCanceler);

        btn.addEventListener("click", () => {
            //ボタンがクリックされたらcancelFlagをfalseにする
            cancelFlag = false;
            
            let event;
            　
            //ブラウザがEventクラスをサポートしているかどうか
            if(typeof Event === "function") {    
                //新しいkeyupイベントを作成
                event = new Event("keyup");
            }else {
                //新しいkeyupイベントを作成
                event = document.createEvent("Event");
                event.initEvent("keyup", false, false);
            }
            
            //eventを実行する
            postalcodeField.dispatchEvent(event);
            //処理が実行されたらcancelFlagをtrueにする
            cancelFlag = true;
        });
    }
    --}}
    postToAdr('{{$wrap}}');
</script>