@dxtmisha/constructor 0.39.5 → 0.52.0

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

@@ -0,0 +1,44 @@
+import { ConstrClass } from '@dxtmisha/functional';
+import { BlockComponents, BlockEmits, BlockExpose, BlockSlots } from '../Block';
+/**
+ * Interface for describing which components need to be connected for work.
+ *
+ * Интерфейс для описания, какие компоненты надо подключить для работы.
+ */
+export type GroupComponents = BlockComponents;
+/**
+ * Type describing available events.
+ *
+ * Тип, описывающий доступные события.
+ */
+export type GroupEmits = BlockEmits;
+/**
+ * Type describing available properties.
+ *
+ * Тип, описывающий доступные свойства.
+ */
+export interface GroupExpose extends BlockExpose {
+}
+/**
+ * Type describing available slots.
+ *
+ * Тип, описывающий доступные слоты.
+ */
+export interface GroupSlots extends BlockSlots {
+}
+/**
+ * Type describing subclasses.
+ *
+ * Тип, описывающий подклассы.
+ */
+export type GroupClasses = {
+    main: ConstrClass;
+    headline: string;
+    header: string;
+    label: string;
+    description: string;
+    caption: string;
+    icon: string;
+    space: string;
+    body: string;
+};

package/dist/constructors/HorizontalScroll/HorizontalScroll.d.ts

@@ -0,0 +1,67 @@
+import { Ref, ToRefs, ComputedRef } from 'vue';
+import { ConstrEmit, DesignComp } from '@dxtmisha/functional';
+import { ScrollToXInclude } from '../../classes/ScrollToXInclude';
+import { HorizontalScrollControlItem } from './basicTypes';
+import { HorizontalScrollComponents, HorizontalScrollEmits, HorizontalScrollSlots } from './types';
+import { HorizontalScrollProps } from './props';
+/**
+ * HorizontalScroll
+ */
+export declare class HorizontalScroll {
+    protected readonly props: HorizontalScrollProps;
+    protected readonly refs: ToRefs<HorizontalScrollProps>;
+    protected readonly element: Ref<HTMLElement | undefined>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<HorizontalScrollComponents, HorizontalScrollProps> | undefined;
+    protected readonly slots?: HorizontalScrollSlots | undefined;
+    protected readonly emits?: ConstrEmit<HorizontalScrollEmits> | undefined;
+    readonly scroll: ScrollToXInclude;
+    /**
+     * 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.ScrollToXIncludeConstructor class for working with scroll/ класс для работы со скроллом
+     */
+    constructor(props: HorizontalScrollProps, refs: ToRefs<HorizontalScrollProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<HorizontalScrollComponents, HorizontalScrollProps> | undefined, slots?: HorizontalScrollSlots | undefined, emits?: ConstrEmit<HorizontalScrollEmits> | undefined, constructors?: {
+        ScrollToXIncludeConstructor?: typeof ScrollToXInclude;
+    });
+    /**
+     * Returns bindings for the element.
+     *
+     * Возвращает привязки для элемента.
+     */
+    readonly binds: ComputedRef<{
+        onWheelPassive: (event: WheelEvent) => void;
+        ref: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    }>;
+    /**
+     * Exposed properties and methods.
+     *
+     * Открытые свойства и методы.
+     */
+    readonly expose: {
+        toSelected: () => void;
+    };
+    /** Returns data for managing slot data/ Возвращает данные для управления данными слотами */
+    readonly slotData: ComputedRef<HorizontalScrollControlItem>;
+    /**
+     * Returns the selected element.
+     *
+     * Возвращает выбранный элемент.
+     */
+    protected getItemSelected(): HTMLElement | undefined;
+    /**
+     * Scrolls to the selected element.
+     *
+     * Прокручивает к выбранному элементу.
+     */
+    protected toSelected: () => void;
+}

package/dist/constructors/HorizontalScroll/HorizontalScrollDesign.d.ts

@@ -0,0 +1,43 @@
+import { VNode } from 'vue';
+import { ConstrOptions, ConstrStyles, DesignConstructorAbstract } from '@dxtmisha/functional';
+import { HorizontalScroll } from './HorizontalScroll';
+import { HorizontalScrollPropsBasic } from './props';
+import { HorizontalScrollClasses, HorizontalScrollComponents, HorizontalScrollEmits, HorizontalScrollExpose, HorizontalScrollSlots } from './types';
+/**
+ * HorizontalScrollDesign
+ */
+export declare class HorizontalScrollDesign<COMP extends HorizontalScrollComponents, EXPOSE extends HorizontalScrollExpose, CLASSES extends HorizontalScrollClasses, P extends HorizontalScrollPropsBasic> extends DesignConstructorAbstract<HTMLDivElement, COMP, HorizontalScrollEmits, EXPOSE, HorizontalScrollSlots, CLASSES, P> {
+    protected readonly item: HorizontalScroll;
+    /**
+     * 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, HorizontalScrollEmits, P>, ItemConstructor?: typeof HorizontalScroll);
+    /**
+     * 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/HorizontalScroll/HorizontalScrollInclude.d.ts

@@ -0,0 +1,67 @@
+import { VNode, Ref, ComputedRef } from 'vue';
+import { ConstrBind, DesignComponents, RefOrNormal } from '@dxtmisha/functional';
+import { HorizontalScrollComponentInclude, HorizontalScrollPropsInclude } from './basicTypes';
+import { HorizontalScrollPropsBasic } from './props';
+import { ItemList } from '@dxtmisha/functional-basic';
+/**
+ * HorizontalScrollInclude class provides functionality for conditionally rendering horizontal scroll components
+ * within other components. It manages the logic for determining when to display a horizontal scroll
+ * and configures the appropriate properties.
+ *
+ * Класс HorizontalScrollInclude предоставляет функциональность для условного рендеринга компонентов
+ * горизонтальной прокрутки внутри других компонентов. Он управляет логикой определения необходимости
+ * отображения горизонтальной прокрутки и настраивает соответствующие свойства.
+ *
+ * @template Props - Properties interface extending HorizontalScrollPropsInclude
+ */
+export declare class HorizontalScrollInclude<Props extends HorizontalScrollPropsInclude = HorizontalScrollPropsInclude> {
+    protected readonly props: Readonly<Props>;
+    protected readonly className: string;
+    protected readonly components?: DesignComponents<HorizontalScrollComponentInclude, Props> | undefined;
+    protected readonly extra?: RefOrNormal<ConstrBind<HorizontalScrollPropsBasic>> | undefined;
+    protected readonly index?: string | undefined;
+    /**
+     * Element of the component.
+     *
+     * Элемент компонента.
+     */
+    readonly element: Ref<any, any>;
+    /**
+     * Constructor
+     * @param props input parameter/ входной параметр
+     * @param className class name/ название класса
+     * @param components object for working with components/ объект для работы с компонентами
+     * @param extra additional parameter/ дополнительный параметр
+     * @param index index identifier/ идентификатор индекса
+     */
+    constructor(props: Readonly<Props>, className: string, components?: DesignComponents<HorizontalScrollComponentInclude, Props> | undefined, extra?: RefOrNormal<ConstrBind<HorizontalScrollPropsBasic>> | undefined, index?: string | undefined);
+    /**
+     * HTML element of the component.
+     *
+     * HTML элемент компонента.
+     */
+    readonly elementHtml: ComputedRef<HTMLDivElement | undefined>;
+    /**
+     * Computed bindings for the horizontal scroll/ Вычисляемые привязки для горизонтальной прокрутки
+     */
+    readonly binds: ComputedRef<ConstrBind< ItemList>>;
+    /**
+     * Scrolls to the selected element.
+     *
+     * Прокручивает к выбранному элементу.
+     */
+    readonly toSelected: () => void;
+    /**
+     * Renders the horizontal scroll component with provided properties and configuration.
+     * Returns an array of VNode elements representing the rendered horizontal scroll, or an empty
+     * array if the component cannot be rendered.
+     *
+     * Обрисовывает компонент горизонтальной прокрутки с предоставленными свойствами и конфигурацией.
+     * Возвращает массив VNode элементов, представляющих отрисованную горизонтальную прокрутку, или пустой
+     * массив, если компонент не может быть отрисованы.
+     *
+     * @param children content for the default slot/ контент для слота по умолчанию
+     * @param props additional properties/ дополнительные свойства
+     */
+    readonly render: (children?: any, props?: RefOrNormal<ConstrBind<HorizontalScrollPropsBasic>>) => VNode[];
+}

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

@@ -0,0 +1,40 @@
+import { ConstrBind } from '@dxtmisha/functional';
+import { HorizontalScrollPropsBasic } from './props';
+/**
+ * Type for the control item of the horizontal scroll.
+ *
+ * Тип для элемента управления горизонтальной прокруткой.
+ */
+export type HorizontalScrollControlItem = {
+    /** CSS class for the item/ CSS-класс для элемента */
+    classItem: string;
+    /** CSS class for the selected item/ CSS-класс для выбранного элемента */
+    classItemSelected: string;
+    /** Binds for the scroll controller/ Привязки для контроллера прокрутки */
+    binds: {
+        /** CSS class for the binding/ CSS-класс для привязки */
+        class: string;
+    };
+};
+/**
+ * Type for the component include.
+ *
+ * Тип для подключения компонента.
+ */
+export type HorizontalScrollComponentInclude = {
+    /** Horizontal scroll component configuration/ Конфигурация компонента горизонтальной прокрутки */
+    horizontalScroll?: object;
+};
+/**
+ * Type for the properties include.
+ *
+ * Тип для подключения свойств.
+ */
+export type HorizontalScrollPropsInclude<HorizontalScroll extends HorizontalScrollPropsBasic = HorizontalScrollPropsBasic> = {
+    /** Whether the scroll area is flush with the edges/ Прилегает ли область прокрутки к краям */
+    horizontalScrollFlush?: boolean;
+    /** Alignment of the horizontal scroll/ Выравнивание горизонтальной прокрутки */
+    horizontalScrollAlign?: 'block' | 'left';
+    /** Additional attributes for the horizontal scroll/ Дополнительные атрибуты для горизонтальной прокрутки */
+    horizontalScrollAttrs?: ConstrBind<HorizontalScroll>;
+};

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

@@ -0,0 +1,6 @@
+export * from './HorizontalScroll';
+export * from './HorizontalScrollDesign';
+export * from './HorizontalScrollInclude';
+export * from './props';
+export * from './types';
+export * from './basicTypes';

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

@@ -0,0 +1,29 @@
+type HorizontalScrollPropsToken = {
+    flush?: boolean;
+    align?: 'block' | 'center' | 'left' | 'right';
+};
+export type HorizontalScrollPropsBasic = {
+    /** Styles/ Стили */
+    /** Whether the scroll area is flush with the edges/ Прилегает ли область прокрутки к краям */
+    flush?: boolean;
+    /** Options/ Опции */
+    /** HTML tag for the scroll element/ HTML-тег для элемента прокрутки */
+    tag?: string;
+};
+/**
+ * Type describing incoming properties.
+ *
+ * Тип, описывающий входящие свойства.
+ */
+export type HorizontalScrollProps = HorizontalScrollPropsBasic & HorizontalScrollPropsToken;
+/**
+ * Default value for property.
+ *
+ * Значение по умолчанию для свойства.
+ */
+export declare const defaultsHorizontalScroll: {
+    flush: boolean;
+    align: string;
+    tag: string;
+};
+export {};

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

@@ -0,0 +1,39 @@
+import { ConstrClass } from '@dxtmisha/functional';
+/**
+ * Interface for describing which components need to be connected for work.
+ *
+ * Интерфейс для описания, какие компоненты надо подключить для работы.
+ */
+export type HorizontalScrollComponents = {};
+/**
+ * Type describing available events.
+ *
+ * Тип, описывающий доступные события.
+ */
+export type HorizontalScrollEmits = {};
+/**
+ * Type describing available properties.
+ *
+ * Тип, описывающий доступные свойства.
+ */
+export interface HorizontalScrollExpose {
+    /** Scrolls the area to the currently selected element/ Прокручивает область до текущего выбранного элемента */
+    toSelected(): void;
+}
+/**
+ * Type describing available slots.
+ *
+ * Тип, описывающий доступные слоты.
+ */
+export interface HorizontalScrollSlots {
+    /** Slot for default horizontal scroll content/ Слот для основного содержимого горизонтальной прокрутки */
+    default?(props: any): any;
+}
+/**
+ * Type describing subclasses.
+ *
+ * Тип, описывающий подклассы.
+ */
+export type HorizontalScrollClasses = {
+    main: ConstrClass;
+};

package/dist/constructors/Icon/Icon.d.ts

@@ -1,5 +1,6 @@
 import { ComputedRef, Ref, ToRefs } from 'vue';
 import { ConstrClassObject, ConstrEmit, DesignComp } from '@dxtmisha/functional';
+import { EventClickInclude } from '../../classes/EventClickInclude';
 import { ImageEventData } from '../Image';
 import { SkeletonInclude } from '../Skeleton';
 import { IconComponents, IconEmits, IconSlots } from './types';
@@ -19,7 +20,6 @@ export declare class Icon {
     protected readonly components?: DesignComp<IconComponents, IconProps> | undefined;
     protected readonly slots?: IconSlots | undefined;
     protected readonly emits?: ConstrEmit<IconEmits> | undefined;
-    protected readonly SkeletonIncludeConstructor: typeof SkeletonInclude;
     /**
      * Returns the property for the base icon/ Возвращает свойство для базовой иконки
      */
@@ -32,6 +32,10 @@ export declare class Icon {
      * An object for working with the Skeleton/ Объект для работы с Skeleton
      */
     readonly skeleton: SkeletonInclude;
+    /**
+     * Object for working with events/ Объект для работы с событиями
+     */
+    readonly event: EventClickInclude;
     /**
      * Constructor
      * @param props input data/ входные данные
@@ -42,9 +46,14 @@ export declare class Icon {
      * @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 SkeletonIncludeConstructor class for working with Skeleton/ класс для работы с Skeleton
+     * @param constructors object with classes/ объект с классами
+     * @param constructors.EventClickIncludeConstructor class for working with events/ класс для работы с событиями
+     * @param constructors.SkeletonIncludeConstructor class for working with Skeleton/ класс для работы с Skeleton
      */
-    constructor(props: IconProps, refs: ToRefs<IconProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<IconComponents, IconProps> | undefined, slots?: IconSlots | undefined, emits?: ConstrEmit<IconEmits> | undefined, SkeletonIncludeConstructor?: typeof SkeletonInclude);
+    constructor(props: IconProps, refs: ToRefs<IconProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<IconComponents, IconProps> | undefined, slots?: IconSlots | undefined, emits?: ConstrEmit<IconEmits> | undefined, constructors?: {
+        EventClickIncludeConstructor?: typeof EventClickInclude;
+        SkeletonIncludeConstructor?: typeof SkeletonInclude;
+    });
     /**
      * Checks if the additional icon is active/ Проверяет, активна ли дополнительная иконка
      */

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

@@ -1,28 +1,61 @@
 import { ConstrBind, ConstrItem } from '@dxtmisha/functional';
 import { IconPropsBasic } from './props';
+/**
+ * Data returned when an icon is loaded/ Данные, возвращаемые при загрузке иконки
+ */
 export type IconEventLoad = {
+    /** Whether the icon is active/ Активна ли иконка */
     isActive: boolean;
+    /** Binds for the main icon/ Привязки для основной иконки */
     iconBind: ConstrItem | undefined;
+    /** Binds for the active icon/ Привязки для активной иконки */
     iconActiveBind: ConstrItem | undefined;
 };
+/**
+ * Possible values for the icon/ Возможные значения для иконки
+ */
 export type IconValue<Icon extends IconPropsBasic = IconPropsBasic> = string | ConstrBind<Icon> | null;
+/**
+ * Interface for including an icon component/ Интерфейс для включения компонента иконки
+ */
 export type IconComponentInclude = {
+    /** Icon component/ Компонент иконки */
     icon?: object;
 };
+/**
+ * Interface for including basic icon properties/ Интерфейс для включения базовых свойств иконки
+ */
 export type IconLitePropsInclude<Icon extends IconPropsBasic = IconPropsBasic> = {
+    /** Icon property/ Свойство иконки */
     icon?: IconValue<Icon>;
 };
+/**
+ * Interface for including full icon properties/ Интерфейс для включения полных свойств иконки
+ */
 export type IconPropsInclude<Icon extends IconPropsBasic = IconPropsBasic> = IconLitePropsInclude<Icon> & {
+    /** Icon selection state/ Состояние выбора иконки */
     selected?: boolean;
+    /** Icon rotation state/ Состояние поворота иконки */
     iconTurn?: boolean;
+    /** Icon visibility state/ Состояние видимости иконки */
     iconHide?: boolean;
+    /** Icon direction state/ Состояние направления иконки */
     iconDir?: boolean;
+    /** Icon palette state/ Состояние палитры иконки */
     iconPalette?: boolean;
+    /** Additional attributes for the icon/ Дополнительные атрибуты для иконки */
     iconAttrs?: ConstrBind<Icon>;
 };
+/**
+ * Interface for including properties for the main and trailing icons/ Интерфейс для включения свойств для основной и хвостовой иконок
+ */
 export type IconTrailingPropsInclude<Icon extends IconPropsBasic = IconPropsBasic> = IconPropsInclude<Icon> & {
+    /** Trailing icon property/ Свойство хвостовой иконки */
     iconTrailing?: IconValue<Icon>;
+    /** Rotation of the trailing icon only/ Поворот только хвостовой иконки */
     iconTrailingTurnOnly?: boolean;
+    /** Direction of the trailing icon only/ Направление только хвостовой иконки */
     iconTrailingDirOnly?: boolean;
+    /** Palette of the trailing icon only/ Палитра только хвостовой иконки */
     iconTrailingPalette?: boolean;
 };

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

@@ -3,6 +3,6 @@ export * from './IconDesign';
 export * from './IconInclude';
 export * from './IconLiteInclude';
 export * from './IconTrailingInclude';
-export * from './basicTypes';
 export * from './props';
 export * from './types';
+export * from './basicTypes';

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

@@ -1,4 +1,5 @@
 import { RoleType } from '../../types/roleTypes';
+import { EventClickProps } from '../../types/eventClickTypes';
 import { ImagePropsBasic, ImageValue } from '../Image';
 import { SkeletonPropsInclude } from '../Skeleton';
 import { AriaLabelPropsInclude } from '../../types/ariaTypes';
@@ -16,14 +17,20 @@ export type IconPropsToken = {
     animationType?: 'type1' | 'type2';
     animationShow?: boolean;
 };
-export type IconPropsBasic<Image extends ImagePropsBasic = ImagePropsBasic> = SkeletonPropsInclude & AriaLabelPropsInclude & {
+export type IconPropsBasic<Image extends ImagePropsBasic = ImagePropsBasic> = SkeletonPropsInclude & AriaLabelPropsInclude & EventClickProps & {
+    /** Status/ Статус */
     /** Активное состояние иконки/ Active state of the icon */
     active?: boolean;
+    /** Icon/ Иконка */
     /** Value of the main icon/ Значение основной иконки */
     icon?: ImageValue<Image>;
     /** Value of the active icon/ Значение активной иконки */
     iconActive?: ImageValue<Image>;
+    /** ARIA/ ARIA */
+    /** ARIA role for the icon/ ARIA-роль для иконки */
     role?: RoleType;
+    /** Tab index for keyboard navigation/ Индекс табуляции для навигации с клавиатуры */
+    tabindex?: number | string;
 };
 /**
  * Type describing incoming properties.

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

@@ -1,24 +1,26 @@
 import { ComputedRef } from 'vue';
 import { ConstrClass } from '@dxtmisha/functional';
-import { ImageComponentsInclude, ImageEmitsInclude } from '../Image';
+import { EventClickEmits, EventClickExpose } from '../../types/eventClickTypes';
+import { ImageComponentInclude, ImageEmitsInclude } from '../Image';
 /**
  * Interface for describing which components need to be connected for work.
  *
  * Интерфейс для описания, какие компоненты надо подключить для работы.
  */
-export type IconComponents = ImageComponentsInclude;
+export type IconComponents = ImageComponentInclude;
 /**
  * Type describing available events.
  *
  * Тип, описывающий доступные события.
  */
-export type IconEmits = ImageEmitsInclude;
+export type IconEmits = ImageEmitsInclude & EventClickEmits;
 /**
  * Type describing available properties.
  *
  * Тип, описывающий доступные свойства.
  */
-export interface IconExpose {
+export interface IconExpose extends EventClickExpose {
+    /** Whether the icon is currently active/ Активна ли иконка в данный момент */
     isActive: ComputedRef<boolean>;
 }
 /**
@@ -27,6 +29,7 @@ export interface IconExpose {
  * Тип, описывающий доступные слоты.
  */
 export interface IconSlots {
+    /** Slot for custom icon content/ Слот для пользовательского контента иконки */
     default?(props: any): any;
 }
 /**

package/dist/constructors/Image/Image.d.ts

@@ -9,7 +9,7 @@ import { ImageBackground } from './ImageBackground';
 import { ImageImg } from './ImageImg';
 import { ImageEmits } from './types';
 import { ImageProps } from './props';
-import { RoleType, AriaTrueOrFalse } from '../../library';
+import { AriaTrueOrFalse, RoleType } from '../../library';
 import { NumberOrString } from '@dxtmisha/functional-basic';
 /**
  * Base class for working with images and icons.
@@ -21,13 +21,6 @@ export declare class Image {
     protected readonly element: Ref<HTMLElement | undefined>;
     protected readonly className: string;
     protected readonly emits?: ConstrEmit<ImageEmits> | undefined;
-    protected readonly ImageTypeConstructor: typeof ImageType;
-    protected readonly ImageDataConstructor: typeof ImageData;
-    protected readonly ImageCoordinatorConstructor: typeof ImageCoordinator;
-    protected readonly ImagePositionConstructor: typeof ImagePosition;
-    protected readonly ImageAdaptiveItemConstructor: typeof ImageAdaptiveItem;
-    protected readonly ImageBackgroundConstructor: typeof ImageBackground;
-    protected readonly ImageImgConstructor: typeof ImageImg;
     readonly type: ImageType;
     readonly data: ImageData;
     readonly coordinator: ImageCoordinator;
@@ -41,15 +34,24 @@ export declare class Image {
      * @param element input element/ элемент ввода
      * @param className class name/ название класса
      * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
-     * @param ImageTypeConstructor class for working with image type/ класс для работы с типом изображения
-     * @param ImageDataConstructor class for working with image data/ класс для работы с данными изображения
-     * @param ImageCoordinatorConstructor class for working with image coordinates/ класс для работы с координатами изображения
-     * @param ImagePositionConstructor class for working with image position/ класс для работы с позицией изображения
-     * @param ImageAdaptiveItemConstructor class for working with adaptive image item/ класс для работы с адаптивным элементом изображения
-     * @param ImageBackgroundConstructor class for working with image background/ класс для работы с фоном изображения
-     * @param ImageImgConstructor class for working with image tag/ класс для работы с тегом изображения
+     * @param constructors object with classes/ объект с классами
+     * @param constructors.ImageAdaptiveItemConstructor class for working with adaptive image item/ класс для работы с адаптивным элементом изображения
+     * @param constructors.ImageBackgroundConstructor class for working with image background/ класс для работы с фоном изображения
+     * @param constructors.ImageCoordinatorConstructor class for working with image coordinates/ класс для работы с координатами изображения
+     * @param constructors.ImageDataConstructor class for working with image data/ класс для работы с данными изображения
+     * @param constructors.ImageImgConstructor class for working with image tag/ класс для работы с тегом изображения
+     * @param constructors.ImagePositionConstructor class for working with image position/ класс для работы с позицией изображения
+     * @param constructors.ImageTypeConstructor class for working with image type/ класс для работы с типом изображения
      */
-    constructor(props: ImageProps, element: Ref<HTMLElement | undefined>, className: string, emits?: ConstrEmit<ImageEmits> | undefined, ImageTypeConstructor?: typeof ImageType, ImageDataConstructor?: typeof ImageData, ImageCoordinatorConstructor?: typeof ImageCoordinator, ImagePositionConstructor?: typeof ImagePosition, ImageAdaptiveItemConstructor?: typeof ImageAdaptiveItem, ImageBackgroundConstructor?: typeof ImageBackground, ImageImgConstructor?: typeof ImageImg);
+    constructor(props: ImageProps, element: Ref<HTMLElement | undefined>, className: string, emits?: ConstrEmit<ImageEmits> | undefined, constructors?: {
+        ImageAdaptiveItemConstructor?: typeof ImageAdaptiveItem;
+        ImageBackgroundConstructor?: typeof ImageBackground;
+        ImageCoordinatorConstructor?: typeof ImageCoordinator;
+        ImageDataConstructor?: typeof ImageData;
+        ImageImgConstructor?: typeof ImageImg;
+        ImagePositionConstructor?: typeof ImagePosition;
+        ImageTypeConstructor?: typeof ImageType;
+    });
     /**
      * Determines the tag to use/ Определяет используемый тег
      */
@@ -77,9 +79,6 @@ export declare class Image {
      * Вычисляемые привязки для элемента изображения.
      */
     readonly binds: ComputedRef<{
-        id?: string;
-        role?: RoleType;
-        tabindex?: NumberOrString;
         'aria-activedescendant'?: string;
         'aria-atomic'?: AriaTrueOrFalse;
         'aria-autocomplete'?: "none" | "inline" | "list" | "both";
@@ -127,6 +126,9 @@ export declare class Image {
         'aria-valuemin'?: string | number;
         'aria-valuenow'?: string | number;
         'aria-valuetext'?: string;
+        id?: string;
+        role?: RoleType;
+        tabindex?: NumberOrString;
         translate: string;
     }>;
     /**

package/dist/constructors/Image/ImageInclude.d.ts

@@ -1,6 +1,6 @@
 import { VNode, ComputedRef } from 'vue';
 import { ConstrEmit, DesignComponents, RefOrNormal, ConstrBind } from '@dxtmisha/functional';
-import { ImageEventData, ImageComponentsInclude, ImageEmitsInclude, ImagePropsInclude } from './basicTypes';
+import { ImageEventData, ImageComponentInclude, ImageEmitsInclude, ImagePropsInclude } from './basicTypes';
 import { ItemList } from '@dxtmisha/functional-basic';
 /**
  * Класс для подключения и работы с компонентом изображения.
@@ -9,7 +9,7 @@ import { ItemList } from '@dxtmisha/functional-basic';
  */
 export declare class ImageInclude {
     protected readonly props: ImagePropsInclude;
-    protected readonly components?: DesignComponents<ImageComponentsInclude, ImagePropsInclude> | undefined;
+    protected readonly components?: DesignComponents<ImageComponentInclude, ImagePropsInclude> | undefined;
     protected readonly emits?: ConstrEmit<ImageEmitsInclude> | undefined;
     protected readonly extra?: RefOrNormal<Record<string, any>> | undefined;
     /**
@@ -21,7 +21,7 @@ export declare class ImageInclude {
      * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
      * @param extra additional parameter/ дополнительный параметр
      */
-    constructor(props: ImagePropsInclude, components?: DesignComponents<ImageComponentsInclude, ImagePropsInclude> | undefined, emits?: ConstrEmit<ImageEmitsInclude> | undefined, extra?: RefOrNormal<Record<string, any>> | undefined);
+    constructor(props: ImagePropsInclude, components?: DesignComponents<ImageComponentInclude, ImagePropsInclude> | undefined, emits?: ConstrEmit<ImageEmitsInclude> | undefined, extra?: RefOrNormal<Record<string, any>> | undefined);
     /**
      * Проверяет, есть ли изображение/ Checks if an image exists
      */