@dxtmisha/constructor 0.39.7 → 0.52.1

package/dist/constructors/Tabs/TabsDesign.d.ts

@@ -0,0 +1,49 @@
+import { VNode } from 'vue';
+import { ConstrOptions, ConstrStyles, DesignConstructorAbstract } from '@dxtmisha/functional';
+import { Tabs } from './Tabs';
+import { TabsPropsBasic } from './props';
+import { TabsClasses, TabsComponents, TabsEmits, TabsExpose, TabsSlots } from './types';
+/**
+ * TabsDesign
+ */
+export declare class TabsDesign<COMP extends TabsComponents, EXPOSE extends TabsExpose, CLASSES extends TabsClasses, P extends TabsPropsBasic> extends DesignConstructorAbstract<HTMLDivElement, COMP, TabsEmits, EXPOSE, TabsSlots, CLASSES, P> {
+    protected readonly item: Tabs;
+    /**
+     * Constructor
+     * @param name class name/ название класса
+     * @param props properties/ свойства
+     * @param options list of additional parameters/ список дополнительных параметров
+     * @param ItemConstructor constructors item class/ класс элемента конструкторов
+     */
+    constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, TabsEmits, P>, ItemConstructor?: typeof Tabs);
+    /**
+     * 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 of slides.
+     *
+     * Рендеринг слайдов.
+     */
+    readonly slidesRender: () => Record<string, () => any> | undefined;
+}

package/dist/constructors/Tabs/TabsSelected.d.ts

@@ -0,0 +1,39 @@
+import { ToRefs, Ref } from 'vue';
+import { ListSelectedList } from '@dxtmisha/functional';
+import { TabsProps } from './props';
+/**
+ * Class for managing the selected element.
+ *
+ * Класс для управления выбранным элементом.
+ */
+export declare class TabsSelected {
+    protected readonly props: TabsProps;
+    protected readonly refs: ToRefs<TabsProps>;
+    readonly item: Ref<ListSelectedList | undefined, ListSelectedList | undefined>;
+    /**
+     * Constructor
+     * @param props input data/ входные данные
+     * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов
+     */
+    constructor(props: TabsProps, refs: ToRefs<TabsProps>);
+    /**
+     * Checks if the value is selected.
+     *
+     * Проверяет, выбрано ли значение.
+     * @param selected value to check/ значение для проверки
+     */
+    is(selected?: string | number): boolean;
+    /**
+     * Sets the selected value.
+     *
+     * Устанавливает выбранное значение.
+     * @param selected selected value/ выбранное значение
+     */
+    readonly set: (selected?: ListSelectedList) => void;
+    /**
+     * Updates the selected value.
+     *
+     * Обновляет выбранное значение.
+     */
+    protected update: () => void;
+}

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

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

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

@@ -0,0 +1,6 @@
+export * from './Tabs';
+export * from './TabsDesign';
+export * from './TabsSelected';
+export * from './props';
+export * from './types';
+export * from './basicTypes';

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

@@ -0,0 +1,20 @@
+import { ListSelectedList } from '@dxtmisha/functional';
+import { TabItemPropsBasic } from '../TabItem';
+import { TabsNavigationPropsBasic, TabsNavigationPropsInclude } from '../TabsNavigation';
+import { MotionAxisPropsBasic, MotionAxisPropsInclude } from '../MotionAxis';
+import { ModelPropsSelected } from '../../types/modelTypes';
+type TabsPropsToken = {};
+export type TabsPropsBasic<TabItem extends TabItemPropsBasic = TabItemPropsBasic, TabsNavigation extends TabsNavigationPropsBasic = TabsNavigationPropsBasic, MotionAxis extends MotionAxisPropsBasic = MotionAxisPropsBasic> = TabsNavigationPropsInclude<TabItem, TabsNavigation> & MotionAxisPropsInclude<MotionAxis> & ModelPropsSelected<ListSelectedList>;
+/**
+ * Type describing incoming properties.
+ *
+ * Тип, описывающий входящие свойства.
+ */
+export type TabsProps = TabsPropsBasic & TabsPropsToken;
+/**
+ * Default value for property.
+ *
+ * Значение по умолчанию для свойства.
+ */
+export declare const defaultsTabs: {};
+export {};

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

@@ -0,0 +1,39 @@
+import { ConstrClass, ListSelectedList } from '@dxtmisha/functional';
+import { TabsNavigationComponentInclude, TabsNavigationEmits } from '../TabsNavigation';
+import { MotionAxisComponentInclude, MotionAxisEmitsInclude, MotionAxisSlots } from '../MotionAxis';
+import { EventClickEmits, EventClickExpose } from '../../types/eventClickTypes';
+import { ModelEmitsSelected } from '../../types/modelTypes';
+/**
+ * Interface for describing which components need to be connected for work.
+ *
+ * Интерфейс для описания, какие компоненты надо подключить для работы.
+ */
+export type TabsComponents = TabsNavigationComponentInclude & MotionAxisComponentInclude;
+/**
+ * Type describing available events.
+ *
+ * Тип, описывающий доступные события.
+ */
+export type TabsEmits = TabsNavigationEmits & MotionAxisEmitsInclude & EventClickEmits & ModelEmitsSelected<ListSelectedList>;
+/**
+ * Type describing available properties.
+ *
+ * Тип, описывающий доступные свойства.
+ */
+export interface TabsExpose extends EventClickExpose {
+}
+/**
+ * Type describing available slots.
+ *
+ * Тип, описывающий доступные слоты.
+ */
+export type TabsSlots = MotionAxisSlots;
+/**
+ * Type describing subclasses.
+ *
+ * Тип, описывающий подклассы.
+ */
+export type TabsClasses = {
+    main: ConstrClass;
+    slide: string;
+};

package/dist/constructors/TabsNavigation/TabsNavigation.d.ts

@@ -0,0 +1,141 @@
+import { Ref, ToRefs, ComputedRef } from 'vue';
+import { ConstrEmit, DesignComp, ListDataRef, ListSelectedList } from '@dxtmisha/functional';
+import { HorizontalScrollInclude } from '../HorizontalScroll/HorizontalScrollInclude';
+import { EventClickInclude } from '../../classes/EventClickInclude';
+import { ModelInclude } from '../../classes/ModelInclude';
+import { TabsNavigationSelected } from './TabsNavigationSelected';
+import { TabsNavigationFocus } from './TabsNavigationFocus';
+import { TabsNavigationIds } from './TabsNavigationIds';
+import { TabsNavigationIndicator } from './TabsNavigationIndicator';
+import { TabsNavigationControl } from './TabsNavigationControl';
+import { EventClickValue } from '../../types/eventClickTypes';
+import { TabsNavigationComponents, TabsNavigationEmits, TabsNavigationSlots } from './types';
+import { TabsNavigationProps } from './props';
+import { AriaTrueOrFalse, RoleType } from '../../library';
+import { NumberOrString } from '@dxtmisha/functional-basic';
+/**
+ * TabsNavigation
+ */
+export declare class TabsNavigation {
+    protected readonly props: TabsNavigationProps;
+    protected readonly refs: ToRefs<TabsNavigationProps>;
+    protected readonly element: Ref<HTMLElement | undefined>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<TabsNavigationComponents, TabsNavigationProps> | undefined;
+    protected readonly slots?: TabsNavigationSlots | undefined;
+    protected readonly emits?: ConstrEmit<TabsNavigationEmits> | undefined;
+    readonly scroll: HorizontalScrollInclude;
+    readonly selected: TabsNavigationSelected;
+    readonly focus: TabsNavigationFocus;
+    readonly data: ListDataRef;
+    readonly ids: TabsNavigationIds;
+    readonly indicator: TabsNavigationIndicator;
+    readonly control: TabsNavigationControl;
+    readonly event: EventClickInclude;
+    /**
+     * 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 constructors object with classes/ объект с классами
+     * @param constructors.ModelIncludeConstructor class for working with model/ класс для работы с моделью
+     * @param constructors.TabsNavigationFocusConstructor class for working with focus/ класс для работы с фокусом
+     * @param constructors.EventClickIncludeConstructor class for working with event click/ класс для работы с событием клика
+     * @param constructors.HorizontalScrollIncludeConstructor class for working with horizontal scroll/ класс для работы с горизонтальной прокруткой
+     * @param constructors.ListDataRefConstructor class for working with data list/ класс для работы со списком данных
+     * @param constructors.TabsNavigationControlConstructor class for working with control/ класс для работы с управлением
+     * @param constructors.TabsNavigationIdsConstructor class for working with ids/ класс для работы с идентификаторами
+     * @param constructors.TabsNavigationIndicatorConstructor class for working with indicator/ класс для работы с индикатором
+     * @param constructors.TabsNavigationSelectedConstructor class for working with selected/ класс для работы с выбранным
+     */
+    constructor(props: TabsNavigationProps, refs: ToRefs<TabsNavigationProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<TabsNavigationComponents, TabsNavigationProps> | undefined, slots?: TabsNavigationSlots | undefined, emits?: ConstrEmit<TabsNavigationEmits> | undefined, constructors?: {
+        EventClickIncludeConstructor?: typeof EventClickInclude;
+        HorizontalScrollIncludeConstructor?: typeof HorizontalScrollInclude;
+        ListDataRefConstructor?: typeof ListDataRef;
+        ModelIncludeConstructor?: typeof ModelInclude<ListSelectedList | undefined>;
+        TabsNavigationControlConstructor?: typeof TabsNavigationControl;
+        TabsNavigationIdsConstructor?: typeof TabsNavigationIds;
+        TabsNavigationFocusConstructor?: typeof TabsNavigationFocus;
+        TabsNavigationIndicatorConstructor?: typeof TabsNavigationIndicator;
+        TabsNavigationSelectedConstructor?: typeof TabsNavigationSelected;
+    });
+    /**
+     * Returns bindings for the element.
+     *
+     * Возвращает привязки для элемента.
+     */
+    readonly binds: ComputedRef<{
+        '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;
+        id?: string;
+        role?: RoleType;
+        tabindex: NumberOrString;
+        onFocus: () => void;
+        onBlur: () => void;
+    }>;
+    /**
+     * Handler for the click event.
+     *
+     * Обработчик события клика.
+     * @param event event object/ объект события
+     * @param options additional event options/ дополнительные опции события
+     */
+    readonly onClick: (event: MouseEvent, options?: EventClickValue) => void;
+    /**
+     * Initializes the selected element.
+     *
+     * Инициализирует выбранный элемент.
+     */
+    protected initSelected(): undefined;
+}

package/dist/constructors/TabsNavigation/TabsNavigationControl.d.ts

@@ -0,0 +1,85 @@
+import { EventItem, ListDataRef } from '@dxtmisha/functional';
+import { TabsNavigationSelected } from './TabsNavigationSelected';
+import { TabsNavigationFocus } from './TabsNavigationFocus';
+/**
+ * Class for managing tab navigation control.
+ *
+ * Класс для управления контролем навигации вкладок.
+ */
+export declare class TabsNavigationControl {
+    protected readonly selected: TabsNavigationSelected;
+    protected readonly focus: TabsNavigationFocus;
+    protected readonly data: ListDataRef;
+    protected event?: EventItem<HTMLElement, any>;
+    /**
+     * Constructor
+     * @param selected selection management object/ объект управления выделением
+     * @param focus focus management object/ объект управления фокусом
+     * @param data data list object/ объект списка данных
+     */
+    constructor(selected: TabsNavigationSelected, focus: TabsNavigationFocus, data: ListDataRef);
+    /**
+     * Returns bindings for the element.
+     *
+     * Возвращает привязки для элемента.
+     */
+    get binds(): {
+        onFocus: () => void;
+        onBlur: () => void;
+    };
+    /**
+     * Returns the first item in the list.
+     *
+     * Возвращает первый элемент в списке.
+     */
+    getFirstItem(): string | undefined;
+    /**
+     * Handler for the focus event.
+     *
+     * Обработчик события фокуса.
+     */
+    readonly onFocus: () => void;
+    /**
+     * Handler for the blur event.
+     *
+     * Обработчик события потери фокуса.
+     */
+    readonly onBlur: () => void;
+    /**
+     * Returns the current focus value or the first item.
+     *
+     * Возвращает текущее значение фокуса или первый элемент.
+     */
+    protected getFocus(): string | undefined;
+    /**
+     * Starts the event.
+     *
+     * Запускает событие.
+     */
+    protected start(): void;
+    /**
+     * Stops the event.
+     *
+     * Останавливает событие.
+     */
+    protected stop(): void;
+    /**
+     * Moves focus to the previous item.
+     *
+     * Перемещает фокус на предыдущий элемент.
+     */
+    protected prev(): this;
+    /**
+     * Moves focus to the next item.
+     *
+     * Перемещает фокус на следующий элемент.
+     */
+    protected next(): this;
+    /**
+     * Method for tracking keys when a window is open.
+     *
+     * Метод для отслеживания нажатий при открытом окне.
+     * @param event event object/ объект события
+     */
+    protected readonly on: (event: KeyboardEvent) => void;
+}

package/dist/constructors/TabsNavigation/TabsNavigationDesign.d.ts

@@ -0,0 +1,60 @@
+import { VNode } from 'vue';
+import { ConstrOptions, ConstrStyles, DesignConstructorAbstract, ListDataFullItem } from '@dxtmisha/functional';
+import { HorizontalScrollControlItem } from '../HorizontalScroll';
+import { TabItemPropsBasic } from '../TabItem';
+import { TabsNavigation } from './TabsNavigation';
+import { TabsNavigationPropsBasic } from './props';
+import { TabsNavigationClasses, TabsNavigationComponents, TabsNavigationEmits, TabsNavigationExpose, TabsNavigationSlots } from './types';
+/**
+ * TabsNavigationDesign
+ */
+export declare class TabsNavigationDesign<COMP extends TabsNavigationComponents, EXPOSE extends TabsNavigationExpose, CLASSES extends TabsNavigationClasses, P extends TabsNavigationPropsBasic> extends DesignConstructorAbstract<HTMLDivElement, COMP, TabsNavigationEmits, EXPOSE, TabsNavigationSlots, CLASSES, P> {
+    protected readonly item: TabsNavigation;
+    /**
+     * Constructor
+     * @param name class name/ название класса
+     * @param props properties/ свойства
+     * @param options list of additional parameters/ список дополнительных параметров
+     * @param ItemConstructor constructors item class/ класс элемента конструкторов
+     */
+    constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, TabsNavigationEmits, P>, ItemConstructor?: typeof TabsNavigation);
+    /**
+     * 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[];
+    /**
+     * Generates a list of elements.
+     *
+     * Генерирует список элементов.
+     * @param props data for the transferable property/ данные для передаваемого свойства
+     */
+    protected readonly renderList: (props: HorizontalScrollControlItem) => VNode[];
+    /**
+     * Generates an element.
+     *
+     * Генерирует элемент.
+     * @param props data for the transferable property/ данные для передаваемого свойства
+     * @param item selected element / выбранный элемент
+     */
+    protected readonly renderItem: (props: HorizontalScrollControlItem, item: ListDataFullItem<TabItemPropsBasic>) => VNode;
+}

package/dist/constructors/TabsNavigation/TabsNavigationFocus.d.ts

@@ -0,0 +1,61 @@
+import { Ref } from 'vue';
+import { NumberOrStringOrBoolean } from '@dxtmisha/functional';
+import { TabsNavigationSelected } from './TabsNavigationSelected';
+/**
+ * Class for managing focus navigation.
+ *
+ * Класс для управления навигацией фокуса.
+ */
+export declare class TabsNavigationFocus {
+    protected readonly element: Ref<HTMLElement | undefined>;
+    protected readonly selected: TabsNavigationSelected;
+    /**
+     * Current focus value.
+     *
+     * Текущее значение фокуса.
+     */
+    readonly item: Ref<NumberOrStringOrBoolean | undefined, NumberOrStringOrBoolean | undefined>;
+    /**
+     * Constructor
+     * @param element main element/ главный элемент
+     * @param selected selected value object/ объект значения выделения
+     */
+    constructor(element: Ref<HTMLElement | undefined>, selected: TabsNavigationSelected);
+    /**
+     * Returns the current focus value.
+     *
+     * Возвращает текущее значение фокуса.
+     */
+    get(): string | undefined;
+    /**
+     * Applies the current focus value to the selection.
+     *
+     * Применяет текущее значение фокуса к выделению.
+     */
+    apply(): this;
+    /**
+     * Sets the focus to the specified value.
+     *
+     * Устанавливает фокус на указанное значение.
+     * @param focus focus value/ значение фокуса
+     */
+    set(focus?: string): this;
+    /**
+     * Sets the initial focus position based on the selected value.
+     *
+     * Устанавливает начальную позицию фокуса на основе выбранного значения.
+     */
+    position(): this;
+    /**
+     * Resets the focus.
+     *
+     * Сбрасывает фокус.
+     */
+    reset(): this;
+    /**
+     * Returns the focused element.
+     *
+     * Возвращает элемент в фокусе.
+     */
+    protected getElement(): HTMLElement | undefined;
+}

package/dist/constructors/TabsNavigation/TabsNavigationIds.d.ts

@@ -0,0 +1,32 @@
+import { ListDataRef, NumberOrString } from '@dxtmisha/functional';
+import { TabsNavigationIdsList } from './basicTypes';
+import { TabsNavigationProps } from './props';
+import { ComputedRef } from 'vue';
+/**
+ * Class for generating and managing element IDs for tabs.
+ *
+ * Класс для генерации и управления идентификаторами элементов вкладок.
+ */
+export declare class TabsNavigationIds {
+    protected readonly props: TabsNavigationProps;
+    protected readonly data: ListDataRef;
+    /**
+     * Constructor
+     * @param props input data/ входные данные
+     * @param data object for working with data/ объект для работы с данными
+     */
+    constructor(props: TabsNavigationProps, data: ListDataRef);
+    /**
+     * List of generated IDs.
+     *
+     * Список сгенерированных идентификаторов.
+     */
+    readonly ids: ComputedRef<TabsNavigationIdsList>;
+    /**
+     * Returns the ID by value.
+     *
+     * Возвращает идентификатор по значению.
+     * @param value value/ значение
+     */
+    getIdByValue(value?: NumberOrString): string;
+}

package/dist/constructors/TabsNavigation/TabsNavigationInclude.d.ts

@@ -0,0 +1,43 @@
+import { VNode, Ref, ComputedRef } from 'vue';
+import { ConstrBind, DesignComponents, RefOrNormal } from '@dxtmisha/functional';
+import { TabsNavigationComponentInclude, TabsNavigationIdsList, TabsNavigationPropsInclude } from './basicTypes';
+import { TabsNavigationExpose, TabsNavigationSlots } from './types';
+import { TabsNavigationProps } from './props';
+/**
+ * The class returns data for working with the TabsNavigation component
+ *
+ * Класс возвращает данные для работы с компонентом TabsNavigation
+ */
+export declare class TabsNavigationInclude<Props extends TabsNavigationPropsInclude = TabsNavigationPropsInclude, PropsExtra extends ConstrBind<TabsNavigationProps> = ConstrBind<TabsNavigationProps>> {
+    protected readonly props: Readonly<Props>;
+    protected readonly className: string;
+    protected readonly components?: DesignComponents<TabsNavigationComponentInclude, Props> | undefined;
+    protected readonly extra?: RefOrNormal<PropsExtra> | undefined;
+    protected readonly index?: string | undefined;
+    /**
+     * Constructor
+     * @param props input parameter/ входной параметр
+     * @param className class name/ название класса
+     * @param components object for working with components/ объект для работы с компонентами
+     * @param extra additional parameter or property name/ дополнительный параметр или имя свойства
+     * @param index index identifier/ идентификатор индекса
+     */
+    constructor(props: Readonly<Props>, className: string, components?: DesignComponents<TabsNavigationComponentInclude, Props> | undefined, extra?: RefOrNormal<PropsExtra> | undefined, index?: string | undefined);
+    /** Reference to tabsNavigation element expose/ Ссылка на expose элемента tabsNavigation */
+    readonly element: Ref<ConstrBind<TabsNavigationExpose> | undefined, ConstrBind<TabsNavigationExpose> | undefined>;
+    /** Computed bindings for the tabsNavigation/ Вычисляемые привязки для tabsNavigation */
+    readonly binds: ComputedRef<PropsExtra>;
+    /**
+     * List of generated IDs.
+     *
+     * Список сгенерированных идентификаторов.
+     */
+    readonly ids: ComputedRef<TabsNavigationIdsList>;
+    /**
+     * Render the TabsNavigation component with slots/
+     * Рендер компонента TabsNavigation со слотами
+     * @param slotsChildren slots passed to the tabsNavigation/ слоты, передаваемые tabsNavigation
+     * @param attrs additional attributes/ дополнительные атрибуты
+     */
+    readonly render: (slotsChildren?: TabsNavigationSlots, attrs?: Record<string, any>) => VNode[];
+}

package/dist/constructors/TabsNavigation/TabsNavigationIndicator.d.ts

@@ -0,0 +1,55 @@
+import { Ref, ToRefs } from 'vue';
+import { ListSelectedList } from '@dxtmisha/functional';
+import { TabsNavigationSelected } from './TabsNavigationSelected';
+import { TabsNavigationProps } from './props';
+/**
+ * Class for managing selection changes and its animation.
+ *
+ * Класс для управления изменением выделения и его анимацией.
+ */
+export declare class TabsNavigationIndicator {
+    protected readonly props: TabsNavigationProps;
+    protected readonly refs: ToRefs<TabsNavigationProps>;
+    protected readonly element: Ref<HTMLElement | undefined>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly selected: TabsNavigationSelected;
+    /**
+     * Constructor
+     * @param props input data/ входные данные
+     * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов
+     * @param element main element/ главный элемент
+     * @param classDesign design name/ название дизайна
+     * @param className class name/ название класса
+     * @param selected selection value object/ объект значения выделения
+     */
+    constructor(props: TabsNavigationProps, refs: ToRefs<TabsNavigationProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, selected: TabsNavigationSelected);
+    /**
+     * Changes the selection state.
+     *
+     * Изменяет состояние выделения.
+     * @param newSelected new selection/ новое выделение
+     * @param oldSelected old selection/ старое выделение
+     */
+    readonly go: (newSelected: ListSelectedList | undefined, oldSelected: ListSelectedList | undefined) => Promise<void>;
+    /**
+     * Resets the given styles.
+     *
+     * Сбрасывает данные стили.
+     * @param item element/ элемент
+     */
+    readonly reset: (item: HTMLElement) => void;
+    /**
+     * Returns the class name of the item.
+     *
+     * Возвращает имя класса элемента.
+     */
+    protected getItemClassName(): string;
+    /**
+     * Returns the selected element.
+     *
+     * Возвращает выделенный элемент.
+     * @param selected selection number/ номер выделения
+     */
+    protected getItem(selected?: ListSelectedList): HTMLElement | undefined;
+}