# drawers
Система работает поверх уже подготовленной разметки, не модифицирует структуру DOM.
# ready
* Окно открытое позже имеет больший zIndex чем окно открытое ранее
* Возможность задать фиксированный zIndex (на самом деле, zIndex не устанавливается в inline стили, в прописывается в css переменную --z-index, что дает возможность задать произвольный zIndex)
* Возможность закрытия по нажатию Esc
* Возможность закрытия по нажатию вне тела окна, с опцией проверки объекта, на котором произошло нажатие, например,если в теле модалки было открыто стороннее диалоговое окно, то по нажатие внутри этого диалогового окна не закрывалось текущее.
* Возможность подтверждения закрытия.
* Поддержка создания группы окон, окна считают свой zIndex относительно других окон в группе, но не всех существующих.
* Каждая отедельная группа может установить блокировку скролла ближайшего к ней контейнера `[data-scrollable], html`
(добавляет class scroll-lock-by-drawer)
* Служебный класс drawer-trigger_active добавляется ко всем связанным тригерам (кнопкам открытия/закрытия), пока окно открыто
1.2.0
* Добавлены события beforeInit, afterInit для менеджера окон
* scrollLock стал доступен из менеджера окон ( scrollLock(container, symbol));
* На группу вешаются классы _has-modals-open, _has-non-modals-open
# to do
* Набор встроенных диалоговых окон alert, confirm, prompt etc
* Опционально фокус на первом поле вводе по открытию
* Назначение окну индекса внутри группы [data-drawer-id]
* Возможность переключаться между немодальными окнами в группе (изменение zIndex)
* Возможность вкладывать группу в группу
* Если клик произошел внутри модального окна, то событие этого клика не должно закрывать другие окна
(На данный момент события клика внутри других окон игнорируются безусловно)
# get started
Подключаем через cdn, например так:
```
```
# Пример разметки (в исходниках есть demo):
```