### `bars`

Событие срабатывает при клике на элемент панели Bars, передавая оригинальное DOM событие и данные о клике.

**Параметры:**
- `event: MouseEvent` — оригинальное DOM событие мыши
- `value: EventClickValue` — объект с данными о клике

**Структура EventClickValue:**
- `type: string` — тип клика/кнопки (например, `'back'` для кнопки назад)
- `value: any` — произвольное значение кнопки
- `detail: Record<string, any> | undefined` — дополнительные данные события

```html
<script setup>
const handleBars = (event, value) => {
  console.log('DOM событие:', event)
  console.log('Тип кнопки:', value.type)
  console.log('Значение:', value.value)
  console.log('Детали:', value.detail)

  if (value.type === 'back') {
    console.log('Нажата кнопка "Назад"')
  }
}
</script>

<template>
  <Bars @bars="handleBars">
    <button data-event-type="back">Назад</button>
  </Bars>
</template>
```

### `barsLite`

Событие срабатывает при клике на элемент панели Bars, передавая только данные без оригинального DOM события (облегченная версия).

**Параметры:**
- `value: EventClickValue` — объект с данными о клике

### `barsBack`

Событие срабатывает при клике по кнопке «Назад» в панели Bars, передавая только данные о клике.

**Параметры:**
- `value: EventClickValue` — объект с данными о клике

> Кнопку «Назад» можно скрыть свойством `barsBackHide`.

