GrDialog

interface GrDialogProps {
    /** Открыто ли окно (`v-model`). Своего состояния у окна нет: открывает и закрывает родитель. */
    modelValue: boolean;
    /** Заголовок окна. Он же даёт окну доступное имя через `aria-labelledby`. */
    title?: string;
    /** Закрывать по клику на подложку — только по клику, начавшемуся на ней. */
    closeOnBackdrop?: boolean;
    /** Закрывать по Esc. Закрывается верхний слой стека. */
    closeOnEsc?: boolean;
    /**
     * Показывать шапку. Без неё уходят и заголовок, и кнопка закрытия — имя окну
     * тогда даёт `ariaLabel`.
     */
    showHeader?: boolean;
    /** Кнопка закрытия в шапке. Без неё окно закрывают Esc, подложка и кнопки подвала. */
    showCloseButton?: boolean;
    /** Ширина окна — шкала `GrModal`: от `sm` до `xl`, `full` — во весь экран. */
    size?: GrDialogSize;
    /** Поля и линия шапки: `paddingX`, `paddingY`, `bordered`. */
    headerConfig?: GrDialogSectionConfig;
    /** Поля и линия подвала. Подвал рисуется, только если передан слот `#footer`. */
    footerConfig?: GrDialogSectionConfig;
    /** Поля тела. `bordered` у тела не применяется: своей верхней линии у него нет. */
    bodyConfig?: GrDialogSectionConfig;
    /** A11y-лейбл кнопки закрытия (i18n). */
    closeLabel?: string;
    /**
     * Доступное имя окна, когда заголовка нет вовсе: `showHeader: false` без
     * `title` и без слота `#header` оставил бы окно безымянным.
     */
    ariaLabel?: string;
    /**
     * Кто скроллится при длинном содержимом. При `inside` шапка и подвал
     * закреплены, а едет только тело.
     */
    scrollBehavior?: GrModalScrollBehavior;
    /**
     * Элемент, получающий фокус при открытии. По умолчанию — панель окна.
     * Элемент **из самого диалога** сюда передавать нельзя: проп, возвращающий
     * наверх то, что рождено внутри поддерева, замыкает рендер в цикл. Фокус на
     * своём содержимом ставится из содержимого — так это сделано в
     * `GrPromptDialog`.
     */
    initialFocus?: HTMLElement | null;
}

interface GrDialogEmits {
    /** Окно просит открыться или закрыться: Esc, подложка, кнопка в шапке или методы из `ref`. */
    (e: 'update:modelValue', value: boolean): void;
    /** Окно открылось и анимация закончилась. */
    (e: 'opened'): void;
    /** Окно закрылось и анимация закончилась — содержимое можно размонтировать. */
    (e: 'closed'): void;
}

interface GrDialogHeaderProps {
    title?: string;
    showCloseButton?: boolean;
    config?: GrDialogSectionConfig;
    /** A11y-лейбл кнопки закрытия (i18n). */
    closeLabel?: string;
}

interface GrDialogFooterProps {
    config?: GrDialogSectionConfig;
}

type GrDialogSize = GrOverlaySize;

interface GrDialogSectionConfig {
    paddingX?: string;
    paddingY?: string;
    bordered?: boolean;
}

const grDialogSafelist: string[];

type GrDialogInstance = ComponentExposed<typeof GrDialogComponent>;

interface GrDialogCloseButtonEmits {
    (e: 'click'): void;
}