{ this.isOpen = true this.$refs.modalContainer.dispatchEvent( new CustomEvent('modal-opened', { id: 'sidebar' }), ) }) }, }" x-on:close-modal.window="if ($event.detail.id === 'sidebar') close()" x-on:open-modal.window="if ($event.detail.id === 'sidebar') open()" x-trap.noscroll="isOpen" x-bind:class="{ 'fi-modal-open': isOpen, }" class="fi-modal inline-block" > { isShown = isOpen $watch('isOpen',
