@dxtmisha/constructor 0.30.1 → 0.39.5

package/dist/constructors/Menu/index.d.ts

@@ -0,0 +1,6 @@
+export * from './Menu';
+export * from './MenuDesign';
+export * from './MenuInclude';
+export * from './props';
+export * from './types';
+export * from './basicTypes';

package/dist/constructors/Menu/props.d.ts

@@ -0,0 +1,52 @@
+import { ApiFetch, ConstrBind, ListRecord, ListSelectedList, NormalOrPromise } from '@dxtmisha/functional';
+import { ListPropsBasic } from '../List';
+import { ListItemProps, ListItemPropsBasic } from '../ListItem';
+import { BarsPropsBasic, BarsPropsInclude } from '../Bars';
+import { WindowPropsBasic, WindowPropsInclude } from '../Window';
+import { ModelPropsSelected } from '../../types/modelTypes';
+import { RoleType } from '../../types/roleTypes';
+export type MenuPropsToken = {
+    hideList?: boolean;
+    barsAdaptive?: 'showAlways';
+};
+export type MenuPropsBasic<List extends ListPropsBasic = ListPropsBasic, ListItem extends ListItemPropsBasic = ListItemPropsBasic, Bars extends BarsPropsBasic = BarsPropsBasic, Window extends WindowPropsBasic = WindowPropsBasic> = BarsPropsInclude<Bars> & WindowPropsInclude<Window> & ModelPropsSelected & {
+    selected?: ListSelectedList;
+    hideList?: boolean;
+    list?: ListRecord<ListItem>;
+    liteThreshold?: number;
+    highlight?: string;
+    highlightLengthStart?: number;
+    filterMode?: boolean;
+    ajax?: string | (() => NormalOrPromise<ListRecord<ListItem>>);
+    request?: ApiFetch;
+    cache?: boolean;
+    keyLabel?: string;
+    keyValue?: string;
+    max?: string | number;
+    tag?: ListItemProps['tag'];
+    step?: string | number;
+    listAttrs?: ConstrBind<List>;
+    itemAttrs?: ConstrBind<ListItem>;
+    roleItem?: RoleType;
+    isSelectedByValue?: boolean;
+};
+/**
+ * Type describing incoming properties.
+ *
+ * Тип, описывающий входящие свойства.
+ */
+export type MenuProps = MenuPropsBasic & MenuPropsToken;
+/**
+ * Default value for property.
+ *
+ * Значение по умолчанию для свойства.
+ */
+export declare const defaultsMenu: {
+    liteThreshold: number;
+    barsHide: boolean;
+    barsBackHide: boolean;
+    tag: string;
+    step: number;
+    autoClose: boolean;
+    roleItem: string;
+};

package/dist/constructors/Menu/types.d.ts

@@ -0,0 +1,48 @@
+import { ConstrClass, NumberOrStringOrBoolean } from '@dxtmisha/functional';
+import { EventClickEmits } from '../../types/eventClickTypes';
+import { ListComponentInclude, ListSlots } from '../List';
+import { BarsComponentInclude, BarsEmitsInclude } from '../Bars';
+import { WindowComponentInclude, WindowEmitsInclude, WindowExposeInclude } from '../Window';
+import { ModelEmitsSelected } from '../../types/modelTypes';
+import { MenuControlBasic, MenuControlItem, MenuSlotInclude } from './basicTypes';
+/**
+ * Interface for describing which components need to be connected for work.
+ *
+ * Интерфейс для описания, какие компоненты надо подключить для работы.
+ */
+export type MenuComponents = ListComponentInclude & BarsComponentInclude & WindowComponentInclude;
+/**
+ * Type describing available events.
+ *
+ * Тип, описывающий доступные события.
+ */
+export type MenuEmits = BarsEmitsInclude & EventClickEmits & WindowEmitsInclude & ModelEmitsSelected & {
+    updateValue: [value?: NumberOrStringOrBoolean];
+    clickSlot: [value?: string];
+};
+/**
+ * Type describing available properties.
+ *
+ * Тип, описывающий доступные свойства.
+ */
+export interface MenuExpose extends WindowExposeInclude, MenuControlBasic {
+}
+/**
+ * Type describing available slots.
+ *
+ * Тип, описывающий доступные слоты.
+ */
+export type MenuSlots = ListSlots & MenuSlotInclude & {
+    /** Control slot for window management / Слот управления для управления окном */
+    control?(props: MenuControlItem): any;
+};
+/**
+ * Type describing subclasses.
+ *
+ * Тип, описывающий подклассы.
+ */
+export type MenuClasses = {
+    main: ConstrClass;
+    bars: string;
+    list: string;
+};

package/dist/constructors/Modal/Modal.d.ts

@@ -0,0 +1,30 @@
+import { Ref, ToRefs } from 'vue';
+import { ConstrEmit, DesignComp } from '@dxtmisha/functional';
+import { ModalAbstract } from './ModalAbstract';
+import { ModalComponents, ModalEmits, ModalSlots } from './types';
+import { ModalProps } from './props';
+/**
+ * Modal
+ */
+export declare class Modal extends ModalAbstract {
+    protected readonly props: ModalProps;
+    protected readonly refs: ToRefs<ModalProps>;
+    protected readonly element: Ref<HTMLElement | undefined>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<ModalComponents, ModalProps> | undefined;
+    protected readonly slots?: ModalSlots | undefined;
+    protected readonly emits?: ConstrEmit<ModalEmits> | undefined;
+    /**
+     * Constructor
+     * @param props input data/ входные данные
+     * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов
+     * @param element input element/ элемент ввода
+     * @param classDesign design name/ название дизайна
+     * @param className class name/ название класса
+     * @param components object for working with components/ объект для работы с компонентами
+     * @param slots object for working with slots/ объект для работы со слотами
+     * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
+     */
+    constructor(props: ModalProps, refs: ToRefs<ModalProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<ModalComponents, ModalProps> | undefined, slots?: ModalSlots | undefined, emits?: ConstrEmit<ModalEmits> | undefined);
+}

package/dist/constructors/Modal/ModalAbstract.d.ts

@@ -0,0 +1,41 @@
+import { Ref, ToRefs } from 'vue';
+import { ConstrEmit, DesignComp, RefOrNormal } from '@dxtmisha/functional';
+import { WindowInclude } from '../Window';
+import { BarsInclude } from '../Bars';
+import { ActionsInclude } from '../Actions';
+import { ModalComponents, ModalEmits, ModalSlots } from './types';
+import { ModalProps } from './props';
+/**
+ * ModalAbstract
+ */
+export declare abstract class ModalAbstract {
+    protected readonly props: ModalProps;
+    protected readonly refs: ToRefs<ModalProps>;
+    protected readonly element: Ref<HTMLElement | undefined>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<ModalComponents, ModalProps> | undefined;
+    protected readonly slots?: ModalSlots | undefined;
+    protected readonly emits?: ConstrEmit<ModalEmits> | undefined;
+    protected readonly extraWindow?: RefOrNormal<any> | undefined;
+    protected readonly extraBars?: RefOrNormal<any> | undefined;
+    protected readonly extraActions?: RefOrNormal<any> | undefined;
+    readonly bars: BarsInclude;
+    readonly actions: ActionsInclude;
+    readonly window: WindowInclude;
+    /**
+     * Constructor
+     * @param props input data/ входные данные
+     * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов
+     * @param element input element/ элемент ввода
+     * @param classDesign design name/ название дизайна
+     * @param className class name/ название класса
+     * @param components object for working with components/ объект для работы с компонентами
+     * @param slots object for working with slots/ объект для работы со слотами
+     * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
+     * @param extraWindow additional parameters for WindowInclude/ дополнительные параметры для WindowInclude
+     * @param extraBars additional parameters for BarsInclude/ дополнительные параметры для BarsInclude
+     * @param extraActions additional parameters for ActionsInclude/ дополнительные параметры для ActionsInclude
+     */
+    protected constructor(props: ModalProps, refs: ToRefs<ModalProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<ModalComponents, ModalProps> | undefined, slots?: ModalSlots | undefined, emits?: ConstrEmit<ModalEmits> | undefined, extraWindow?: RefOrNormal<any> | undefined, extraBars?: RefOrNormal<any> | undefined, extraActions?: RefOrNormal<any> | undefined);
+}

package/dist/constructors/Modal/ModalDesign.d.ts

@@ -0,0 +1,16 @@
+import { ModalDesignAbstract } from './ModalDesignAbstract';
+import { Modal } from './Modal';
+import { ModalPropsBasic } from './props';
+import { ModalClasses, ModalComponents, ModalEmits, ModalExpose, ModalSlots } from './types';
+/**
+ * ModalDesign
+ */
+export declare class ModalDesign<COMP extends ModalComponents, EXPOSE extends ModalExpose, CLASSES extends ModalClasses, P extends ModalPropsBasic> extends ModalDesignAbstract<COMP, ModalEmits, EXPOSE, ModalSlots, CLASSES, P, Modal> {
+    protected initItem(): Modal;
+    /**
+     * Improvement of the obtained list of classes.
+     *
+     * Доработка полученного списка классов.
+     */
+    protected initClasses(): Partial<CLASSES>;
+}

package/dist/constructors/Modal/ModalDesignAbstract.d.ts

@@ -0,0 +1,70 @@
+import { VNode } from 'vue';
+import { ConstrOptions, ConstrStyles, DesignConstructorAbstract } from '@dxtmisha/functional';
+import { ModalAbstract } from './ModalAbstract';
+import { WindowControlItem } from '../Window';
+import { ModalPropsBasic } from './props';
+import { ModalClasses, ModalComponents, ModalEmits, ModalExpose, ModalSlots } from './types';
+/**
+ * ModalDesign
+ */
+export declare abstract class ModalDesignAbstract<COMP extends ModalComponents, EMITS extends ModalEmits, EXPOSE extends ModalExpose, SLOTS extends ModalSlots, CLASSES extends ModalClasses, P extends ModalPropsBasic, ITEM extends ModalAbstract = ModalAbstract> extends DesignConstructorAbstract<HTMLDivElement, COMP, EMITS, EXPOSE, SLOTS, CLASSES, P> {
+    protected readonly item: ITEM;
+    /**
+     * Constructor
+     * @param name class name/ название класса
+     * @param props properties/ свойства
+     * @param options list of additional parameters/ список дополнительных параметров
+     */
+    constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, EMITS, P>);
+    /**
+     * Initialization of the main item
+     *
+     * Инициализация основного элемента
+     */
+    protected abstract initItem(): ITEM;
+    /**
+     * Initialization of all the necessary properties for work
+     *
+     * Инициализация всех необходимых свойств для работы.
+     */
+    protected initExpose(): EXPOSE;
+    /**
+     * Refinement of the received list of styles.
+     *
+     * Доработка полученного списка стилей.
+     */
+    protected initStyles(): ConstrStyles;
+    /**
+     * A method for rendering.
+     *
+     * Метод для рендеринга.
+     */
+    protected initRender(): VNode[];
+    /**
+     * Generates data for control.<br>
+     * Генерирует данные для контроля.
+     * @param props data for the transferable property/ данные для передаваемого свойства
+     */
+    protected readonly renderControl: (props: WindowControlItem) => VNode | undefined;
+    /**
+     * Generates data for the header.
+     *
+     * Генерирует данные для заголовка.
+     * @param props data for the transferable property/ данные для передаваемого свойства
+     */
+    protected readonly renderTitle: (props: WindowControlItem) => VNode[];
+    /**
+     * Generates bodies.
+     *
+     * Генерирует тела.
+     * @param props data for the transferable property/ данные для передаваемого свойства
+     */
+    protected readonly renderDefault: (props: WindowControlItem) => VNode[];
+    /**
+     * Generates data for the required part.
+     *
+     * Генерирует данные для нужной части.
+     * @param props data for the transferable property/ данные для передаваемого свойства
+     */
+    protected readonly renderFooter: (props: WindowControlItem) => VNode[];
+}

package/dist/constructors/Modal/basicTypes.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/constructors/Modal/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Modal';
+export * from './ModalDesign';
+export * from './props';
+export * from './types';
+export * from './basicTypes';

package/dist/constructors/Modal/props.d.ts

@@ -0,0 +1,25 @@
+import { WindowPropsBasic, WindowPropsInclude } from '../Window';
+import { BarsPropsBasic, BarsPropsInclude } from '../Bars';
+import { ActionsPropsBasic, ActionsPropsInclude } from '../Actions';
+import { ImagePropsBasic, ImagePropsInclude } from '../Image';
+export type ModalPropsToken = {
+    imagePosition?: 'top' | 'left';
+};
+export type ModalPropsBasic<Window extends WindowPropsBasic = WindowPropsBasic, Bars extends BarsPropsBasic = BarsPropsBasic, Actions extends ActionsPropsBasic = ActionsPropsBasic, Image extends ImagePropsBasic = ImagePropsBasic> = WindowPropsInclude<Window> & BarsPropsInclude<Bars> & ActionsPropsInclude<Actions> & ImagePropsInclude<Image> & {
+    open?: boolean;
+};
+/**
+ * Type describing incoming properties.
+ *
+ * Тип, описывающий входящие свойства.
+ */
+export type ModalProps = ModalPropsBasic & ModalPropsToken;
+/**
+ * Default value for property.
+ *
+ * Значение по умолчанию для свойства.
+ */
+export declare const defaultsModal: {
+    imagePosition: string;
+    barsBackHide: boolean;
+};

package/dist/constructors/Modal/types.d.ts

@@ -0,0 +1,43 @@
+import { ConstrClass } from '@dxtmisha/functional';
+import { WindowComponentInclude, WindowControlItem, WindowEmitsInclude, WindowExposeInclude, WindowSlots } from '../Window';
+import { BarsComponentInclude, BarsEmitsInclude } from '../Bars';
+import { ActionsComponentInclude, ActionsEmitsInclude } from '../Actions';
+/**
+ * Interface for describing which components need to be connected for work.
+ *
+ * Интерфейс для описания, какие компоненты надо подключить для работы.
+ */
+export type ModalComponents = WindowComponentInclude & BarsComponentInclude & ActionsComponentInclude;
+/**
+ * Type describing available events.
+ *
+ * Тип, описывающий доступные события.
+ */
+export type ModalEmits = WindowEmitsInclude & BarsEmitsInclude & ActionsEmitsInclude;
+/**
+ * Type describing available properties.
+ *
+ * Тип, описывающий доступные свойства.
+ */
+export interface ModalExpose extends WindowExposeInclude {
+}
+/**
+ * Type describing available slots.
+ *
+ * Тип, описывающий доступные слоты.
+ */
+export interface ModalSlots extends WindowSlots {
+    header(props: WindowControlItem): any;
+}
+/**
+ * Type describing subclasses.
+ *
+ * Тип, описывающий подклассы.
+ */
+export type ModalClasses = {
+    main: ConstrClass;
+    title: string;
+    header: string;
+    body: string;
+    footer: string;
+};

package/dist/constructors/MotionTransform/MotionTransform.d.ts

@@ -0,0 +1,68 @@
+import { Ref, ToRefs, ComputedRef } from 'vue';
+import { ConstrEmit, DesignComp } from '@dxtmisha/functional';
+import { TabIndexInclude } from '../../classes/TabIndexInclude';
+import { MotionTransformElement } from './MotionTransformElement';
+import { MotionTransformSize } from './MotionTransformSize';
+import { MotionTransformState } from './MotionTransformState';
+import { MotionTransformEvent } from './MotionTransformEvent';
+import { MotionTransformGo } from './MotionTransformGo';
+import { WindowEsc } from '../Window/WindowEsc';
+import { RoleType } from '../../types/roleTypes';
+import { MotionTransformComponents, MotionTransformEmits, MotionTransformSlots } from './types';
+import { MotionTransformProps } from './props';
+import { MotionTransformControlItem } from './basicTypes';
+/**
+ * MotionTransform
+ */
+export declare class MotionTransform {
+    protected readonly props: MotionTransformProps;
+    protected readonly refs: ToRefs<MotionTransformProps>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<MotionTransformComponents, MotionTransformProps> | undefined;
+    protected readonly slots?: MotionTransformSlots | undefined;
+    protected readonly emits?: ConstrEmit<MotionTransformEmits> | undefined;
+    /** Reference helper for element interactions/ Вспомогательный класс для работы с элементами */
+    readonly element: MotionTransformElement;
+    readonly tabIndex: TabIndexInclude<HTMLDivElement>;
+    /** Size calculation manager/ Менеджер расчёта размеров */
+    readonly size: MotionTransformSize;
+    /** State manager/ Менеджер состояния */
+    readonly state: MotionTransformState;
+    /** Event manager/ Менеджер событий */
+    readonly event: MotionTransformEvent;
+    /** Control actions manager/ Менеджер действий управления */
+    readonly go: MotionTransformGo;
+    /** Window esc manager/ Менеджер esc окна */
+    readonly esc: WindowEsc;
+    /**
+     * Constructor
+     * @param props input data/ входные данные
+     * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов
+     * @param element input element/ элемент ввода
+     * @param elementContext substrate element / элемент подложка
+     * @param classDesign design name/ название дизайна
+     * @param className class name/ название класса
+     * @param components object for working with components/ объект для работы с компонентами
+     * @param slots object for working with slots/ объект для работы со слотами
+     * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
+     */
+    constructor(props: MotionTransformProps, refs: ToRefs<MotionTransformProps>, element: Ref<HTMLDivElement | undefined>, elementContext: Ref<HTMLDivElement | undefined>, classDesign: string, className: string, components?: DesignComp<MotionTransformComponents, MotionTransformProps> | undefined, slots?: MotionTransformSlots | undefined, emits?: ConstrEmit<MotionTransformEmits> | undefined);
+    /**
+     * Computed slot data for managing slots/
+     * Вычисляемые данные слотов для управления слотами
+     */
+    readonly slotData: ComputedRef<MotionTransformControlItem>;
+    /**
+     * Returns data for managing slot data.
+     *
+     * Возвращает данные для управления данными слотами.
+     */
+    getSlotData(): MotionTransformControlItem;
+    /**
+     * Get the ARIA role.
+     *
+     * Получить ARIA роль.
+     */
+    getRole(): RoleType;
+}

package/dist/constructors/MotionTransform/MotionTransformClassesInclude.d.ts

@@ -0,0 +1,28 @@
+import { MotionTransformClassList } from './basicTypes';
+/**
+ * Helper class to access MotionTransform CSS classes by design.
+ *
+ * Вспомогательный класс для доступа к CSS-классам MotionTransform по дизайну.
+ */
+export declare class MotionTransformClassesInclude {
+    protected readonly design: string;
+    /**
+     * Constructor
+     * @param design design name/ название дизайна
+     */
+    constructor(design: string);
+    /**
+     * Returns list of MotionTransform classes for the specified design.
+     *
+     * Возвращает список классов MotionTransform для указанного дизайна.
+     */
+    get(): MotionTransformClassList;
+    /**
+     * Returns an object with MotionTransform classes under classesMotionTransform key.
+     *
+     * Возвращает объект с классами MotionTransform под ключом classesMotionTransform.
+     */
+    getObject(): {
+        classesMotionTransform: MotionTransformClassList;
+    };
+}

package/dist/constructors/MotionTransform/MotionTransformDesign.d.ts

@@ -0,0 +1,153 @@
+import { VNode, Ref, RendererNode, RendererElement, ComputedRef } from 'vue';
+import { ConstrOptions, ConstrStyles, DesignConstructorAbstract, ConstrClass } from '@dxtmisha/functional';
+import { MotionTransform } from './MotionTransform';
+import { MotionTransformPropsBasic } from './props';
+import { MotionTransformClasses, MotionTransformComponents, MotionTransformEmits, MotionTransformExpose, MotionTransformSlots } from './types';
+import { RoleType, AriaTrueOrFalse } from '../../library';
+import { NumberOrString } from '@dxtmisha/functional-basic';
+/**
+ * MotionTransformDesign
+ */
+export declare class MotionTransformDesign<COMP extends MotionTransformComponents, EXPOSE extends MotionTransformExpose, CLASSES extends MotionTransformClasses, P extends MotionTransformPropsBasic> extends DesignConstructorAbstract<HTMLDivElement, COMP, MotionTransformEmits, EXPOSE, MotionTransformSlots, CLASSES, P> {
+    protected elementContext: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    protected readonly item: MotionTransform;
+    /**
+     * Constructor
+     * @param name class name/ название класса
+     * @param props properties/ свойства
+     * @param options list of additional parameters/ список дополнительных параметров
+     */
+    constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, MotionTransformEmits, P>);
+    /**
+     * Initialization of all the necessary properties for work
+     *
+     * Инициализация всех необходимых свойств для работы.
+     */
+    protected initExpose(): EXPOSE;
+    /**
+     * Improvement of the obtained list of classes.
+     *
+     * Доработка полученного списка классов.
+     */
+    protected initClasses(): Partial<CLASSES>;
+    /**
+     * Refinement of the received list of styles.
+     *
+     * Доработка полученного списка стилей.
+     */
+    protected initStyles(): ConstrStyles;
+    /**
+     * A method for rendering.
+     *
+     * Метод для рендеринга.
+     */
+    protected initRender(): VNode;
+    /**
+     * Rendering the main element.
+     *
+     * Рендеринг главного элемента.
+     */
+    readonly renderMain: () => VNode[];
+    /**
+     * Rendering the title.
+     *
+     * Рендеринг заголовка.
+     */
+    readonly renderHead: () => VNode< RendererNode, RendererElement, {
+        [key: string]: any;
+    }>[];
+    /**
+     * Rendering the content.
+     *
+     * Рендеринг содержимого.
+     */
+    readonly renderBody: () => VNode< RendererNode, RendererElement, {
+        [key: string]: any;
+    }>[];
+    /**
+     * Rendering the background.
+     *
+     * Рендеринг задника.
+     */
+    readonly renderScrim: () => VNode[];
+    /**
+     * Props for the main element.
+     *
+     * Свойства для главного элемента.
+     */
+    protected readonly propsMain: ComputedRef<{
+        ref: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+        key: string;
+        class: ConstrClass | undefined;
+        onTransitionend: (event: TransitionEvent) => void;
+    }>;
+    /**
+     * Props for the head element.
+     *
+     * Свойства для элемента заголовка.
+     */
+    protected readonly propsHead: ComputedRef<{
+        key: string;
+        class: string | undefined;
+        onClick: (event: Event) => void;
+    }>;
+    /**
+     * Props for the body element.
+     *
+     * Свойства для элемента тела.
+     */
+    protected readonly propsBody: ComputedRef<{
+        id: string;
+        role?: RoleType;
+        tabindex?: NumberOrString;
+        'aria-activedescendant'?: string;
+        'aria-atomic'?: AriaTrueOrFalse;
+        'aria-autocomplete'?: "none" | "inline" | "list" | "both";
+        'aria-busy'?: AriaTrueOrFalse;
+        'aria-checked'?: AriaTrueOrFalse | "mixed";
+        'aria-colcount'?: number;
+        'aria-colindex'?: number;
+        'aria-colspan'?: number;
+        'aria-controls'?: string;
+        'aria-current'?: AriaTrueOrFalse | "page" | "step" | "location" | "date" | "time";
+        'aria-describedby'?: string;
+        'aria-details'?: string;
+        'aria-disabled'?: AriaTrueOrFalse;
+        'aria-errormessage'?: string;
+        'aria-expanded'?: AriaTrueOrFalse;
+        'aria-flowto'?: string;
+        'aria-grabbed'?: AriaTrueOrFalse;
+        'aria-haspopup'?: AriaTrueOrFalse | "dialog" | "menu" | "listbox" | "tree" | "grid";
+        'aria-hidden'?: AriaTrueOrFalse;
+        'aria-invalid'?: AriaTrueOrFalse | "grammar" | "spelling";
+        'aria-keyshortcuts'?: string;
+        'aria-label'?: string;
+        'aria-labelledby'?: string;
+        'aria-level'?: number;
+        'aria-live'?: "off" | "polite" | "assertive";
+        'aria-modal'?: AriaTrueOrFalse;
+        'aria-multiline'?: AriaTrueOrFalse;
+        'aria-multiselectable'?: AriaTrueOrFalse;
+        'aria-orientation'?: "horizontal" | "vertical" | "undefined";
+        'aria-owns'?: string;
+        'aria-placeholder'?: string;
+        'aria-posinset'?: number;
+        'aria-pressed'?: AriaTrueOrFalse | "mixed";
+        'aria-readonly'?: AriaTrueOrFalse;
+        'aria-relevant'?: "additions" | "removals" | "text" | "all" | string;
+        'aria-required'?: AriaTrueOrFalse;
+        'aria-roledescription'?: string;
+        'aria-rowcount'?: number;
+        'aria-rowindex'?: number;
+        'aria-rowspan'?: number;
+        'aria-selected'?: AriaTrueOrFalse;
+        'aria-setsize'?: number;
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
+        'aria-valuemax'?: string | number;
+        'aria-valuemin'?: string | number;
+        'aria-valuenow'?: string | number;
+        'aria-valuetext'?: string;
+        key: string;
+        class: string | undefined;
+    }>;
+}