@dxtmisha/constructor 0.39.7 → 0.52.1

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

@@ -0,0 +1,54 @@
+import { ComputedRef } from 'vue';
+import { ConstrClass } from '@dxtmisha/functional';
+import { SnackbarItemComponentInclude } from '../SnackbarItem/basicTypes';
+import { SnackbarValue } from './basicTypes';
+/**
+ * Interface for describing which components need to be connected for work.
+ *
+ * Интерфейс для описания, какие компоненты надо подключить для работы.
+ */
+export type SnackbarComponents = SnackbarItemComponentInclude;
+/**
+ * Type describing available events.
+ *
+ * Тип, описывающий доступные события.
+ */
+export type SnackbarEmits = {
+    /** Event triggered when notification is shown/ Событие при показе уведомления */
+    show: [value: string, item: SnackbarValue];
+    /** Event triggered when notification is hidden/ Событие при скрытии уведомления */
+    hide: [value: string, item: SnackbarValue];
+};
+/**
+ * Type describing available properties.
+ *
+ * Тип, описывающий доступные свойства.
+ */
+export interface SnackbarExpose {
+    /** Reactive state indicating if there are notifications/ Реактивное состояние, указывающее на наличие уведомлений */
+    isItem: ComputedRef<boolean>;
+    /** Adds a new notification/ Добавляет новое уведомление */
+    add(item: SnackbarValue): void;
+    /** Removes a notification by its value/ Удаляет уведомление по его значению */
+    remove(value: string): void;
+    /** Clears all notifications/ Очищает все уведомления */
+    clear(): void;
+}
+/**
+ * Type describing available slots.
+ *
+ * Тип, описывающий доступные слоты.
+ */
+export interface SnackbarSlots {
+}
+/**
+ * Type describing subclasses.
+ *
+ * Тип, описывающий подклассы.
+ */
+export type SnackbarClasses = {
+    main: ConstrClass;
+    item: string;
+    space: string;
+    priority: string;
+};

package/dist/constructors/SnackbarItem/SnackbarItem.d.ts

@@ -0,0 +1,72 @@
+import { Ref, ToRefs } from 'vue';
+import { ConstrEmit, DesignComp } from '@dxtmisha/functional';
+import { DescriptionInclude } from '../../classes/DescriptionInclude';
+import { EventClickInclude } from '../../classes/EventClickInclude';
+import { LabelInclude } from '../../classes/LabelInclude';
+import { TextInclude } from '../../classes/TextInclude';
+import { ActionsInclude } from '../Actions';
+import { ButtonInclude } from '../Button';
+import { IconTrailingInclude } from '../Icon';
+import { SnackbarItemComponents, SnackbarItemEmits, SnackbarItemSlots } from './types';
+import { SnackbarItemProps } from './props';
+/**
+ * SnackbarItem
+ */
+export declare class SnackbarItem {
+    protected readonly props: SnackbarItemProps;
+    protected readonly refs: ToRefs<SnackbarItemProps>;
+    protected readonly element: Ref<HTMLElement | undefined>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<SnackbarItemComponents, SnackbarItemProps> | undefined;
+    protected readonly slots?: SnackbarItemSlots | undefined;
+    protected readonly emits?: ConstrEmit<SnackbarItemEmits> | undefined;
+    /** Label manager for snackbar item/ Менеджер меток для элемента снекбара */
+    readonly label: LabelInclude;
+    /** Description manager for snackbar item/ Менеджер описаний для элемента снекбара */
+    readonly description: DescriptionInclude;
+    /** Event click manager for snackbar item/ Менеджер событий клика для элемента снекбара */
+    readonly event: EventClickInclude;
+    /** Icon manager for snackbar item/ Менеджер иконок для элемента снекбара */
+    readonly icon: IconTrailingInclude;
+    /** Button manager for snackbar item/ Менеджер кнопок для элемента снекбара */
+    readonly button: ButtonInclude;
+    /** Actions manager for snackbar item/ Менеджер действий для элемента снекбара */
+    readonly actions: ActionsInclude;
+    /** Text manager for window content/ Менеджер текста для содержимого окна */
+    readonly text: TextInclude;
+    /**
+     * 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 constructors item class/ класс элемента конструкторов
+     * @param constructors.ActionsConstructor class for creating actions/ класс для создания действий
+     * @param constructors.ButtonConstructor class for creating a button/ класс для создания кнопки
+     * @param constructors.DescriptionConstructor class for creating a description/ класс для создания описания
+     * @param constructors.EventClickConstructor class for creating an event click/ класс для создания события клика
+     * @param constructors.IconConstructor class for creating an icon/ класс для создания иконки
+     * @param constructors.LabelConstructor class for creating a label/ класс для создания метки
+     * @param constructors.TextConstructor class for creating a text/ класс для создания текста
+     */
+    constructor(props: SnackbarItemProps, refs: ToRefs<SnackbarItemProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<SnackbarItemComponents, SnackbarItemProps> | undefined, slots?: SnackbarItemSlots | undefined, emits?: ConstrEmit<SnackbarItemEmits> | undefined, constructors?: {
+        ActionsConstructor?: typeof ActionsInclude;
+        ButtonConstructor?: typeof ButtonInclude;
+        DescriptionConstructor?: typeof DescriptionInclude;
+        EventConstructor?: typeof EventClickInclude;
+        IconConstructor?: typeof IconTrailingInclude;
+        LabelConstructor?: typeof LabelInclude;
+        TextConstructor?: typeof TextInclude;
+    });
+    /**
+     * Events on close button click.
+     *
+     * События при нажатии на закрытие.
+     */
+    readonly onClose: () => void | undefined;
+}

package/dist/constructors/SnackbarItem/SnackbarItemDesign.d.ts

@@ -0,0 +1,67 @@
+import { VNode } from 'vue';
+import { ConstrOptions, ConstrStyles, DesignConstructorAbstract } from '@dxtmisha/functional';
+import { SnackbarItem } from './SnackbarItem';
+import { SnackbarItemPropsBasic } from './props';
+import { SnackbarItemClasses, SnackbarItemComponents, SnackbarItemEmits, SnackbarItemExpose, SnackbarItemSlots } from './types';
+/**
+ * SnackbarItemDesign
+ */
+export declare class SnackbarItemDesign<COMP extends SnackbarItemComponents, EXPOSE extends SnackbarItemExpose, CLASSES extends SnackbarItemClasses, P extends SnackbarItemPropsBasic> extends DesignConstructorAbstract<HTMLDivElement, COMP, SnackbarItemEmits, EXPOSE, SnackbarItemSlots, CLASSES, P> {
+    protected readonly item: SnackbarItem;
+    /**
+     * 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, SnackbarItemEmits, P>, ItemConstructor?: typeof SnackbarItem);
+    /**
+     * 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 part of the content.
+     *
+     * Рендер части содержимого.
+     */
+    protected readonly renderMain: () => VNode[];
+    /**
+     * Description area rendering.
+     *
+     * Рендер зоны описания.
+     */
+    protected readonly renderContext: () => VNode[];
+    /**
+     * Rendering of the body content in the body slot.
+     *
+     * Рендер тела, содержимый в слоте body.
+     */
+    protected readonly renderBody: () => VNode[];
+    /**
+     * Generates an element to display the close button.
+     *
+     * Генерирует элемент для вывода кнопки закрытия.
+     */
+    readonly renderClose: () => VNode[];
+}

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

@@ -0,0 +1,28 @@
+import { ConstrBind } from '@dxtmisha/functional';
+import { SnackbarItemPropsBasic } from './props';
+/**
+ * Interface describing the set of components required for the SnackbarItem include.
+ *
+ * Интерфейс, описывающий набор компонентов, необходимых для подключения элемента снекбара.
+ */
+export type SnackbarItemComponentInclude = {
+    /** SnackbarItem component configuration/ Конфигурация компонента элемента снекбара */
+    snackbarItem?: object;
+};
+/**
+ * Type describing properties for embedding a SnackbarItem component inside another component.
+ * Allows passing additional bound attributes to the snackbar item via `snackbarItemAttrs`.
+ *
+ * Тип, описывающий свойства для встраивания компонента SnackbarItem внутри другого компонента.
+ * Позволяет передавать дополнительные привязанные атрибуты элементу снекбара через `snackbarItemAttrs`.
+ *
+ * @template SnackbarItemProps - The snackbar item props type used for typed attribute binding /
+ *   Тип пропсов элемента снекбара, используемый для типизированной привязки атрибутов
+ */
+export type SnackbarItemPropsInclude<SnackbarItemProps extends SnackbarItemPropsBasic = SnackbarItemPropsBasic> = {
+    /**
+     * Bound attributes passed directly to the snackbar item component /
+     * Привязанные атрибуты, передаваемые напрямую в компонент элемента снекбара
+     */
+    snackbarItemAttrs?: ConstrBind<SnackbarItemProps>;
+};

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

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

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

@@ -0,0 +1,43 @@
+import { ConstrBind } from '@dxtmisha/functional';
+import { AriaRolePropsInclude } from '../../types/ariaTypes';
+import { LabelProps } from '../../types/labelTypes';
+import { DescriptionProps } from '../../types/descriptionTypes';
+import { TextClosePropsInclude } from '../../types/textTypes';
+import { ActionsPropsBasic, ActionsPropsInclude } from '../Actions';
+import { ButtonPropsBasic } from '../Button';
+import { IconPropsBasic, IconTrailingPropsInclude, IconValue } from '../Icon';
+type SnackbarItemPropsToken = {};
+export type SnackbarItemPropsBasic<Icon extends IconPropsBasic = IconPropsBasic, Button extends ButtonPropsBasic = ButtonPropsBasic, Actions extends ActionsPropsBasic = ActionsPropsBasic> = LabelProps & DescriptionProps & IconTrailingPropsInclude<Icon> & ActionsPropsInclude<Actions> & AriaRolePropsInclude & TextClosePropsInclude & {
+    /** Value/ Значения */
+    /** Button configuration or text/ Конфигурация или текст кнопки */
+    button?: string | number | ConstrBind<Button>;
+    /** HTML content for the notification/ HTML-содержимое для уведомления */
+    html?: string;
+    /** Custom component for the notification/ Пользовательский компонент для уведомления */
+    component?: any;
+    /** Properties for the custom component/ Свойства для пользовательского компонента */
+    componentProps?: object;
+    /** Unique identifier or value for the item/ Уникальный идентификатор или значение для элемента */
+    value?: string;
+    /** Style/ Стили */
+    /** Whether to show a close button/ Показывать ли кнопку закрытия */
+    closeButton?: boolean;
+    /** Icon for the close button/ Иконка для кнопки закрытия */
+    iconClose?: IconValue<Icon>;
+};
+/**
+ * Type describing incoming properties.
+ *
+ * Тип, описывающий входящие свойства.
+ */
+export type SnackbarItemProps = SnackbarItemPropsBasic & SnackbarItemPropsToken;
+/**
+ * Default value for property.
+ *
+ * Значение по умолчанию для свойства.
+ */
+export declare const defaultsSnackbarItem: {
+    closeButton: boolean;
+    role: string;
+};
+export {};

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

@@ -0,0 +1,56 @@
+import { ConstrClass } from '@dxtmisha/functional';
+import { DescriptionSlots } from '../../types/descriptionTypes';
+import { EventClickEmits } from '../../types/eventClickTypes';
+import { LabelSlots } from '../../types/labelTypes';
+import { ActionsComponentInclude, ActionsEmitsInclude } from '../Actions';
+import { ButtonComponentInclude } from '../Button';
+import { IconComponentInclude } from '../Icon';
+/**
+ * Interface for describing which components need to be connected for work.
+ *
+ * Интерфейс для описания, какие компоненты надо подключить для работы.
+ */
+export type SnackbarItemComponents = IconComponentInclude & ButtonComponentInclude & ActionsComponentInclude;
+/**
+ * Type describing available events.
+ *
+ * Тип, описывающий доступные события.
+ */
+export type SnackbarItemEmits = ActionsEmitsInclude & EventClickEmits & {
+    /** Event triggered when notification is closed/ Событие при закрытии уведомления */
+    close: [value: string | undefined];
+};
+/**
+ * Type describing available properties.
+ *
+ * Тип, описывающий доступные свойства.
+ */
+export interface SnackbarItemExpose {
+}
+/**
+ * Type describing available slots.
+ *
+ * Тип, описывающий доступные слоты.
+ */
+export interface SnackbarItemSlots extends LabelSlots, DescriptionSlots {
+    /** Slot for the notification body/ Слот для содержимого уведомления */
+    body?(props: any): any;
+}
+/**
+ * Type describing subclasses.
+ *
+ * Тип, описывающий подклассы.
+ */
+export type SnackbarItemClasses = {
+    main: ConstrClass;
+    tool: string;
+    icon: string;
+    trailing: string;
+    context: string;
+    label: string;
+    description: string;
+    body: string;
+    button: string;
+    close: string;
+    actions: string;
+};

package/dist/constructors/TabItem/TabItem.d.ts

@@ -0,0 +1,120 @@
+import { Ref, ToRefs, ComputedRef } from 'vue';
+import { ConstrEmit, DesignComp } from '@dxtmisha/functional';
+import { BadgeInclude } from '../Badge/BadgeInclude';
+import { RippleInclude } from '../Ripple';
+import { SkeletonInclude } from '../Skeleton';
+import { IconTrailingInclude } from '../Icon';
+import { LabelInclude } from '../../classes/LabelInclude';
+import { EnabledInclude } from '../../classes/EnabledInclude';
+import { EventClickInclude } from '../../classes/EventClickInclude';
+import { TabItemComponents, TabItemEmits, TabItemSlots } from './types';
+import { TabItemProps } from './props';
+import { AriaTrueOrFalse, RoleType, EventClickValue } from '../../library';
+import { NumberOrString } from '@dxtmisha/functional-basic';
+/**
+ * TabItem
+ */
+export declare class TabItem {
+    protected readonly props: TabItemProps;
+    protected readonly refs: ToRefs<TabItemProps>;
+    protected readonly element: Ref<HTMLElement | undefined>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<TabItemComponents, TabItemProps> | undefined;
+    protected readonly slots?: TabItemSlots | undefined;
+    protected readonly emits?: ConstrEmit<TabItemEmits> | undefined;
+    readonly icon: IconTrailingInclude;
+    readonly label: LabelInclude;
+    readonly badge: BadgeInclude;
+    readonly skeleton: SkeletonInclude;
+    readonly enabled: EnabledInclude;
+    readonly ripple: RippleInclude;
+    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.BadgeIncludeConstructor class for working with badge/ класс для работы с бейджем
+     * @param constructors.EnabledIncludeConstructor class for working with enabled/ класс для работы с активностью
+     * @param constructors.EventClickIncludeConstructor class for working with event click/ класс для работы с событием клика
+     * @param constructors.IconTrailingIncludeConstructor class for working with icon/ класс для работы с иконкой
+     * @param constructors.LabelIncludeConstructor class for working with label/ класс для работы с меткой
+     * @param constructors.RippleIncludeConstructor class for working with ripple/ класс для работы с ripple
+     * @param constructors.SkeletonIncludeConstructor class for working with skeleton/ класс для работы со скелетоном
+     */
+    constructor(props: TabItemProps, refs: ToRefs<TabItemProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<TabItemComponents, TabItemProps> | undefined, slots?: TabItemSlots | undefined, emits?: ConstrEmit<TabItemEmits> | undefined, constructors?: {
+        BadgeIncludeConstructor?: typeof BadgeInclude;
+        EnabledIncludeConstructor?: typeof EnabledInclude;
+        EventClickIncludeConstructor?: typeof EventClickInclude;
+        IconTrailingIncludeConstructor?: typeof IconTrailingInclude;
+        LabelIncludeConstructor?: typeof LabelInclude;
+        RippleIncludeConstructor?: typeof RippleInclude;
+        SkeletonIncludeConstructor?: typeof SkeletonInclude;
+    });
+    /** tag type/ тип тега */
+    readonly tag: ComputedRef<string>;
+    /** values for attributes/ значения для атрибутов */
+    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;
+        onClick: (event: MouseEvent, options?: EventClickValue) => void;
+        onKeydown: (event: KeyboardEvent, options?: EventClickValue) => void;
+        href: string;
+        'data-value': any;
+    }>;
+}

package/dist/constructors/TabItem/TabItemDesign.d.ts

@@ -0,0 +1,43 @@
+import { VNode } from 'vue';
+import { ConstrOptions, ConstrStyles, DesignConstructorAbstract } from '@dxtmisha/functional';
+import { TabItem } from './TabItem';
+import { TabItemPropsBasic } from './props';
+import { TabItemClasses, TabItemComponents, TabItemEmits, TabItemExpose, TabItemSlots } from './types';
+/**
+ * TabItemDesign
+ */
+export declare class TabItemDesign<COMP extends TabItemComponents, EXPOSE extends TabItemExpose, CLASSES extends TabItemClasses, P extends TabItemPropsBasic> extends DesignConstructorAbstract<HTMLDivElement, COMP, TabItemEmits, EXPOSE, TabItemSlots, CLASSES, P> {
+    protected readonly item: TabItem;
+    /**
+     * 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, TabItemEmits, P>, ItemConstructor?: typeof TabItem);
+    /**
+     * 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;
+}

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

@@ -0,0 +1,8 @@
+/**
+ * Interface for describing which components need to be connected for TabItem work/
+ * Интерфейс для описания, какие компоненты надо подключить для работы TabItem
+ */
+export type TabItemComponentInclude = {
+    /** TabItem component configuration/ Конфигурация компонента элемента вкладки */
+    tabItem?: object;
+};

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

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

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

@@ -0,0 +1,40 @@
+import { LabelProps } from '../../types/labelTypes';
+import { IconPropsBasic, IconPropsInclude } from '../Icon';
+import { BadgePropsBasic, BadgePropsInclude } from '../Badge';
+import { SkeletonPropsInclude } from '../Skeleton';
+import { EnabledProps } from '../../types/enabledTypes';
+import { EventClickProps } from '../../types/eventClickTypes';
+import { AriaRolePropsInclude } from '../../types/ariaTypes';
+type TabItemPropsToken = {
+    focus?: boolean;
+    open?: boolean;
+    selected?: boolean;
+    disabled?: boolean;
+    adaptive?: 'iconAlways' | 'auto';
+    container?: boolean;
+};
+export type TabItemPropsBasic<Icon extends IconPropsBasic = IconPropsBasic, Badge extends BadgePropsBasic = BadgePropsBasic> = LabelProps & IconPropsInclude<Icon> & BadgePropsInclude<Badge> & SkeletonPropsInclude & EnabledProps & EventClickProps & AriaRolePropsInclude & {
+    /** Value/ Значения */
+    /** Item index/ Индекс элемента */
+    index?: any;
+    /** URL address for links/ URL-адрес для ссылок */
+    href?: string;
+    /** Style/ Стили */
+    /** HTML tag for the tab item/ HTML-тег для элемента вкладки */
+    tag?: 'button' | 'a' | 'span' | 'li' | 'div' | string;
+};
+/**
+ * Type describing incoming properties.
+ *
+ * Тип, описывающий входящие свойства.
+ */
+export type TabItemProps = TabItemPropsBasic & TabItemPropsToken;
+/**
+ * Default value for property.
+ *
+ * Значение по умолчанию для свойства.
+ */
+export declare const defaultsTabItem: {
+    role: string;
+};
+export {};

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

@@ -0,0 +1,44 @@
+import { ConstrClass } from '@dxtmisha/functional';
+import { IconComponentInclude } from '../Icon';
+import { BadgeComponentInclude } from '../Badge';
+import { ProgressComponentInclude } from '../Progress';
+import { RippleComponentInclude } from '../Ripple';
+import { EventClickEmits, EventClickExpose } from '../../types/eventClickTypes';
+import { LabelSlots } from '../../types/labelTypes';
+/**
+ * Interface for describing which components need to be connected for work.
+ *
+ * Интерфейс для описания, какие компоненты надо подключить для работы.
+ */
+export type TabItemComponents = IconComponentInclude & BadgeComponentInclude & ProgressComponentInclude & RippleComponentInclude;
+/**
+ * Type describing available events.
+ *
+ * Тип, описывающий доступные события.
+ */
+export type TabItemEmits = EventClickEmits;
+/**
+ * Type describing available properties.
+ *
+ * Тип, описывающий доступные свойства.
+ */
+export interface TabItemExpose extends EventClickExpose {
+}
+/**
+ * Type describing available slots.
+ *
+ * Тип, описывающий доступные слоты.
+ */
+export interface TabItemSlots extends LabelSlots {
+}
+/**
+ * Type describing subclasses.
+ *
+ * Тип, описывающий подклассы.
+ */
+export type TabItemClasses = {
+    main: ConstrClass;
+    label: string;
+    icon: string;
+    badge: string;
+};

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

@@ -0,0 +1,50 @@
+import { Ref, ToRefs } from 'vue';
+import { ConstrEmit, DesignComp } from '@dxtmisha/functional';
+import { EventClickInclude } from '../../classes/EventClickInclude';
+import { ModelInclude } from '../../classes/ModelInclude';
+import { MotionAxisInclude } from '../MotionAxis/MotionAxisInclude';
+import { TabsNavigationInclude } from '../TabsNavigation/TabsNavigationInclude';
+import { TabsSelected } from './TabsSelected';
+import { TabsComponents, TabsEmits, TabsSlots } from './types';
+import { TabsProps } from './props';
+/**
+ * Tabs
+ */
+export declare class Tabs {
+    protected readonly props: TabsProps;
+    protected readonly refs: ToRefs<TabsProps>;
+    protected readonly element: Ref<HTMLElement | undefined>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<TabsComponents, TabsProps> | undefined;
+    protected readonly slots?: TabsSlots | undefined;
+    protected readonly emits?: ConstrEmit<TabsEmits> | undefined;
+    readonly event: EventClickInclude;
+    readonly motionAxis: MotionAxisInclude;
+    readonly tabsNavigation: TabsNavigationInclude;
+    readonly selected: TabsSelected;
+    /**
+     * 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.EventClickIncludeConstructor class for working with event click/ класс для работы с событием клика
+     * @param constructors.ModelIncludeConstructor class for working with model/ класс для работы с моделью
+     * @param constructors.MotionAxisIncludeConstructor class for working with motion axis/ класс для работы с осью движения
+     * @param constructors.TabsNavigationIncludeConstructor class for working with tabs navigation/ класс для работы с навигацией вкладок
+     * @param constructors.TabsSelectedConstructor class for working with selected/ класс для работы с выбранным
+     */
+    constructor(props: TabsProps, refs: ToRefs<TabsProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<TabsComponents, TabsProps> | undefined, slots?: TabsSlots | undefined, emits?: ConstrEmit<TabsEmits> | undefined, constructors?: {
+        EventClickIncludeConstructor?: typeof EventClickInclude;
+        ModelIncludeConstructor?: typeof ModelInclude;
+        MotionAxisIncludeConstructor?: typeof MotionAxisInclude;
+        TabsNavigationIncludeConstructor?: typeof TabsNavigationInclude;
+        TabsSelectedConstructor?: typeof TabsSelected;
+    });
+}