handleKeyDown (event) {
      const { onFocusPanel } = this.context

      if (event.key === 'ArrowRight') {
        event.preventDefault()
        const nextIndex = (this.enabledSelectedIndex + 1) % this.count
        this.updateIndex(nextIndex)
      }

      if (event.key === 'ArrowLeft' || event.key === 'ArrowUp') {
        event.preventDefault()
        const nextIndex = (this.enabledSelectedIndex - 1 + this.count) % this.count
        this.updateIndex(nextIndex)
      }

      if (event.key === 'Home') {
        event.preventDefault()
        this.updateIndex(0)
      }

      if (event.key === 'End') {
        event.preventDefault()
        this.updateIndex(this.count - 1)
      }

      if (event.key === 'ArrowDown') {
        event.preventDefault()
        onFocusPanel && onFocusPanel()
      }

      this.$emit('keydown', event)
    }
Handles keydown event
@param {Event} event event