@dxtmisha/constructor 0.39.5 → 0.52.0

package/dist/constructors/Dialog/Dialog.d.ts

@@ -1,15 +1,20 @@
 import { Ref, ToRefs, ComputedRef } from 'vue';
 import { ConstrEmit, DesignComp } from '@dxtmisha/functional';
-import { IconInclude, IconValue, IconPropsBasic } from '../Icon';
 import { LabelInclude } from '../../classes/LabelInclude';
 import { DescriptionInclude } from '../../classes/DescriptionInclude';
 import { TextInclude } from '../../classes/TextInclude';
-import { WindowClassesInclude } from '../Window';
+import { ActionsInclude } from '../Actions';
+import { BarsInclude } from '../Bars';
+import { IconInclude, IconValue, IconPropsBasic } from '../Icon';
 import { ModalAbstract } from '../Modal/ModalAbstract';
+import { WindowClassesInclude, WindowInclude } from '../Window';
 import { DialogComponents, DialogEmits, DialogSlots } from './types';
 import { DialogProps } from './props';
 /**
  * Dialog
+ *
+ * The class for working with a dialog window.
+ * Класс для работы с диалоговым окном.
  */
 export declare class Dialog extends ModalAbstract {
     protected readonly props: DialogProps;
@@ -20,10 +25,15 @@ export declare class Dialog extends ModalAbstract {
     protected readonly components?: DesignComp<DialogComponents, DialogProps> | undefined;
     protected readonly slots?: DialogSlots | undefined;
     protected readonly emits?: ConstrEmit<DialogEmits> | undefined;
+    /** icon/ иконка */
     readonly icon: IconInclude;
+    /** label/ метка */
     readonly label: LabelInclude;
+    /** description/ описание */
     readonly description: DescriptionInclude;
+    /** window classes/ классы окна */
     readonly windowClasses: WindowClassesInclude;
+    /** text translations/ текстовые переводы */
     readonly text: TextInclude;
     /**
      * Constructor
@@ -35,8 +45,26 @@ export declare class Dialog extends ModalAbstract {
      * @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.ActionsConstructor class for creating actions/ класс для создания действий
+     * @param constructors.BarsConstructor class for creating bars/ класс для создания панелей
+     * @param constructors.DescriptionIncludeConstructor class for working with description/ класс для работы с описанием
+     * @param constructors.IconIncludeConstructor class for working with icon/ класс для работы с иконкой
+     * @param constructors.LabelIncludeConstructor class for working with label/ класс для работы с меткой
+     * @param constructors.TextIncludeConstructor class for working with text/ класс для работы с текстом
+     * @param constructors.WindowClassesIncludeConstructor class for working with window classes/ класс для работы с классами окна
+     * @param constructors.WindowConstructor class for creating a window/ класс для создания окна
      */
-    constructor(props: DialogProps, refs: ToRefs<DialogProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<DialogComponents, DialogProps> | undefined, slots?: DialogSlots | undefined, emits?: ConstrEmit<DialogEmits> | undefined);
+    constructor(props: DialogProps, refs: ToRefs<DialogProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<DialogComponents, DialogProps> | undefined, slots?: DialogSlots | undefined, emits?: ConstrEmit<DialogEmits> | undefined, constructors?: {
+        ActionsConstructor?: typeof ActionsInclude;
+        BarsConstructor?: typeof BarsInclude;
+        DescriptionIncludeConstructor?: typeof DescriptionInclude;
+        IconIncludeConstructor?: typeof IconInclude;
+        LabelIncludeConstructor?: typeof LabelInclude;
+        TextIncludeConstructor?: typeof TextInclude;
+        WindowClassesIncludeConstructor?: typeof WindowClassesInclude;
+        WindowConstructor?: typeof WindowInclude;
+    });
     /**
      * Returns the icon for display.
      *

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

@@ -14,14 +14,25 @@ export type DialogPropsToken = {
     imagePosition?: 'top' | 'left';
 };
 export type DialogPropsBasic<Window extends WindowPropsBasic = WindowPropsBasic, Bars extends BarsPropsBasic = BarsPropsBasic, Icon extends IconPropsBasic = IconPropsBasic, Image extends ImagePropsBasic = ImagePropsBasic, Button extends ButtonPropsBasic = ButtonPropsBasic, Actions extends ActionsPropsBasic = ActionsPropsBasic> = WindowPropsInclude<Window> & BarsPropsInclude<Bars> & ActionsPropsInclude<Actions> & ImagePropsInclude<Image> & LabelProps & DescriptionProps & TextClosePropsInclude & TextOkPropsInclude & {
+    /** Status/ Статус */
+    /** Whether the dialog is open/ Открыто ли диалоговое окно */
     open?: boolean;
+    /** Style/ Стили */
+    /** Icon for the dialog/ Иконка для диалогового окна */
     icon?: IconValue<Icon>;
+    /** Positive action button properties/ Свойства кнопки положительного действия */
     buttonOk?: string | ConstrBind<Button> | null;
+    /** Close action button properties/ Свойства кнопки действия закрытия */
     buttonClose?: string | ConstrBind<Button> | null;
+    /** Whether to show the close button/ Показывать ли кнопку закрытия */
     closeButton?: boolean;
+    /** Whether to close the dialog upon clicking the OK button/ Закрывать ли диалоговое окно при клике на кнопку подтверждения */
     clickOkAndClose?: boolean;
+    /** Icon for the success state/ Иконка для состояния успеха */
     iconSuccess?: IconValue<Icon>;
+    /** Icon for the error state/ Иконка для состояния ошибки */
     iconError?: IconValue<Icon>;
+    /** Additional attributes for the icon component/ Дополнительные атрибуты для компонента иконки */
     iconAttrs?: ConstrBind<Icon>;
 };
 /**

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

@@ -15,7 +15,9 @@ export type DialogComponents = ModalComponents & IconComponentInclude;
  * Тип, описывающий доступные события.
  */
 export type DialogEmits = ModalEmits & {
+    /** Event for clicking the OK button/ Событие клика на кнопку подтверждения */
     ok: [];
+    /** Event for clicking the close button/ Событие клика на кнопку закрытия */
     close: [];
 };
 /**

package/dist/constructors/Dummy/Dummy.d.ts

@@ -0,0 +1,29 @@
+import { Ref, ToRefs } from 'vue';
+import { ConstrEmit, DesignComp } from '@dxtmisha/functional';
+import { DummyComponents, DummyEmits, DummySlots } from './types';
+import { DummyProps } from './props';
+/**
+ * Dummy
+ */
+export declare class Dummy {
+    protected readonly props: DummyProps;
+    protected readonly refs: ToRefs<DummyProps>;
+    protected readonly element: Ref<HTMLElement | undefined>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<DummyComponents, DummyProps> | undefined;
+    protected readonly slots?: DummySlots | undefined;
+    protected readonly emits?: ConstrEmit<DummyEmits> | 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: DummyProps, refs: ToRefs<DummyProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<DummyComponents, DummyProps> | undefined, slots?: DummySlots | undefined, emits?: ConstrEmit<DummyEmits> | undefined);
+}

package/dist/constructors/Dummy/DummyDesign.d.ts

@@ -0,0 +1,43 @@
+import { VNode } from 'vue';
+import { ConstrOptions, ConstrStyles, DesignConstructorAbstract } from '@dxtmisha/functional';
+import { Dummy } from './Dummy';
+import { DummyPropsBasic } from './props';
+import { DummyClasses, DummyComponents, DummyEmits, DummyExpose, DummySlots } from './types';
+/**
+ * DummyDesign
+ */
+export declare class DummyDesign<COMP extends DummyComponents, EXPOSE extends DummyExpose, CLASSES extends DummyClasses, P extends DummyPropsBasic> extends DesignConstructorAbstract<HTMLDivElement, COMP, DummyEmits, EXPOSE, DummySlots, CLASSES, P> {
+    protected readonly item: Dummy;
+    /**
+     * 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, DummyEmits, P>, ItemConstructor?: typeof Dummy);
+    /**
+     * 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/Dummy/basicTypes.d.ts

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

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

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

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

@@ -0,0 +1,15 @@
+type DummyPropsToken = {};
+export type DummyPropsBasic = {};
+/**
+ * Type describing incoming properties.
+ *
+ * Тип, описывающий входящие свойства.
+ */
+export type DummyProps = DummyPropsBasic & DummyPropsToken;
+/**
+ * Default value for property.
+ *
+ * Значение по умолчанию для свойства.
+ */
+export declare const defaultsDummy: {};
+export {};

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

@@ -0,0 +1,37 @@
+import { ConstrClass } from '@dxtmisha/functional';
+/**
+ * Interface for describing which components need to be connected for work.
+ *
+ * Интерфейс для описания, какие компоненты надо подключить для работы.
+ */
+export type DummyComponents = {};
+/**
+ * Type describing available events.
+ *
+ * Тип, описывающий доступные события.
+ */
+export type DummyEmits = {};
+/**
+ * Type describing available properties.
+ *
+ * Тип, описывающий доступные свойства.
+ */
+export interface DummyExpose {
+}
+/**
+ * Type describing available slots.
+ *
+ * Тип, описывающий доступные слоты.
+ */
+export interface DummySlots {
+    /** Default slot for the component/ Слот по умолчанию для компонента */
+    default?(props: any): any;
+}
+/**
+ * Type describing subclasses.
+ *
+ * Тип, описывающий подклассы.
+ */
+export type DummyClasses = {
+    main: ConstrClass;
+};

package/dist/constructors/Field/Field.d.ts

@@ -5,6 +5,7 @@ import { PrefixInclude } from '../../classes/PrefixInclude';
 import { SuffixInclude } from '../../classes/SuffixInclude';
 import { EnabledInclude } from '../../classes/EnabledInclude';
 import { EventClickInclude } from '../../classes/EventClickInclude';
+import { TextInclude } from '../../classes/TextInclude';
 import { IconTrailingInclude } from '../Icon';
 import { FieldLabelInclude } from '../FieldLabel';
 import { FieldMessageInclude } from '../FieldMessage';
@@ -27,22 +28,31 @@ export declare class Field {
     protected readonly components?: DesignComp<FieldComponents, FieldProps> | undefined;
     protected readonly slots?: FieldSlots | undefined;
     protected readonly emits?: ConstrEmit<FieldEmits> | undefined;
-    readonly id: string;
-    readonly labelId: string;
-    readonly helperId: string;
-    readonly validationId: string;
-    readonly counterId: string;
+    /** Text include/ Подключение текста */
+    readonly text: TextInclude;
+    /** Icon trailing include/ Подключение иконки в конце */
     readonly icon: IconTrailingInclude;
+    /** Caption include/ Подключение подписи */
     readonly caption: CaptionInclude;
+    /** Prefix include/ Подключение префикса */
     readonly prefix: PrefixInclude;
+    /** Suffix include/ Подключение суффикса */
     readonly suffix: SuffixInclude;
+    /** Field label include/ Подключение метки поля */
     readonly fieldLabel: FieldLabelInclude;
+    /** Field message include/ Подключение сообщения поля */
     readonly fieldMessage: FieldMessageInclude;
+    /** Progress include/ Подключение прогресса */
     readonly progress: ProgressInclude;
+    /** Enabled include/ Подключение активности */
     readonly enabled: EnabledInclude;
+    /** Event click include/ Подключение события клика */
     readonly event: EventClickInclude;
+    /** Skeleton include/ Подключение скелетона */
     readonly skeleton: SkeletonInclude;
+    /** Field icons/ Иконки поля */
     readonly icons: FieldIcons;
+    /** Field size/ Размер поля */
     readonly size: FieldSize;
     /**
      * Constructor
@@ -54,10 +64,42 @@ export declare class Field {
      * @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.CaptionIncludeConstructor class for working with caption/ класс для работы с подписью
+     * @param constructors.EnabledIncludeConstructor class for working with enabled/ класс для работы с активностью
+     * @param constructors.EventClickIncludeConstructor class for working with event click/ класс для работы с событием клика
+     * @param constructors.FieldIconsConstructor class for working with field icons/ класс для работы с иконками поля
+     * @param constructors.FieldLabelIncludeConstructor class for working with field label/ класс для работы с меткой поля
+     * @param constructors.FieldMessageIncludeConstructor class for working with field message/ класс для работы с сообщением поля
+     * @param constructors.FieldSizeConstructor class for working with field size/ класс для работы с размером поля
+     * @param constructors.IconTrailingIncludeConstructor class for working with icon/ класс для работы с иконкой
+     * @param constructors.PrefixIncludeConstructor class for working with prefix/ класс для работы с префиксом
+     * @param constructors.ProgressIncludeConstructor class for working with progress/ класс для работы с прогрессом
+     * @param constructors.SkeletonIncludeConstructor class for working with skeleton/ класс для работы со скелетоном
+     * @param constructors.SuffixIncludeConstructor class for working with suffix/ класс для работы с суффиксом
+     * @param constructors.TextIncludeConstructor class for working with text/ класс для работы с текстом
      */
-    constructor(props: FieldProps, refs: ToRefs<FieldProps>, element: Ref<HTMLLabelElement | undefined>, classDesign: string, className: string, components?: DesignComp<FieldComponents, FieldProps> | undefined, slots?: FieldSlots | undefined, emits?: ConstrEmit<FieldEmits> | undefined);
+    constructor(props: FieldProps, refs: ToRefs<FieldProps>, element: Ref<HTMLLabelElement | undefined>, classDesign: string, className: string, components?: DesignComp<FieldComponents, FieldProps> | undefined, slots?: FieldSlots | undefined, emits?: ConstrEmit<FieldEmits> | undefined, constructors?: {
+        CaptionIncludeConstructor?: typeof CaptionInclude;
+        EnabledIncludeConstructor?: typeof EnabledInclude;
+        EventClickIncludeConstructor?: typeof EventClickInclude;
+        FieldIconsConstructor?: typeof FieldIcons;
+        FieldLabelIncludeConstructor?: typeof FieldLabelInclude;
+        FieldMessageIncludeConstructor?: typeof FieldMessageInclude;
+        FieldSizeConstructor?: typeof FieldSize;
+        IconTrailingIncludeConstructor?: typeof IconTrailingInclude;
+        PrefixIncludeConstructor?: typeof PrefixInclude;
+        ProgressIncludeConstructor?: typeof ProgressInclude;
+        SkeletonIncludeConstructor?: typeof SkeletonInclude;
+        SuffixIncludeConstructor?: typeof SuffixInclude;
+        TextIncludeConstructor?: typeof TextInclude;
+    });
+    /** Checks if the field is classic/ Проверяет, является ли поле классическим */
+    readonly isClassic: ComputedRef<boolean>;
     /** Checks if an error needs to be displayed/ Проверяет, надо ли выводить ошибку */
     readonly isValidation: ComputedRef<boolean>;
+    /** Field identifier/ Идентификатор поля */
+    readonly id: ComputedRef<string>;
     /** Values for the class/ Значения для класса */
     readonly classes: ComputedRef<{
         [x: string]: string | number | boolean | undefined;

package/dist/constructors/Field/FieldDesign.d.ts

@@ -13,8 +13,9 @@ export declare class FieldDesign<COMP extends FieldComponents, EXPOSE extends Fi
      * @param name class name/ название класса
      * @param props properties/ свойства
      * @param options list of additional parameters/ список дополнительных параметров
+     * @param ItemConstructor class for working with the item/ класс для работы с элементом
      */
-    constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, FieldEmits, P>);
+    constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, FieldEmits, P>, ItemConstructor?: typeof Field);
     /**
      * Initialization of all the necessary properties for work
      *

package/dist/constructors/Field/FieldIcons.d.ts

@@ -1,4 +1,5 @@
 import { ConstrBind } from '@dxtmisha/functional';
+import { TextInclude } from '../../classes/TextInclude';
 import { IconProps } from '../Icon';
 import { FieldProps } from './props';
 import { ComputedRef } from 'vue';
@@ -10,12 +11,14 @@ import { ComputedRef } from 'vue';
 export declare class FieldIcons {
     protected readonly props: FieldProps;
     protected readonly className: string;
+    protected readonly text: TextInclude;
     /**
      * Constructor
      * @param props input data/ входные данные
      * @param className class name/ название класса
+     * @param text text include/ Подключение текста
      */
-    constructor(props: FieldProps, className: string);
+    constructor(props: FieldProps, className: string, text: TextInclude);
     /**
      * Determines whether to display arrows.
      *

package/dist/constructors/Field/FieldInclude.d.ts

@@ -63,4 +63,12 @@ export declare class FieldInclude<Props extends FieldPropsInclude & FieldArrowPr
      * @param type type of the object that was clicked/ тип объекта, который был нажат
      */
     protected readonly on: (event: MouseEvent, { type }: EventClickValue) => void;
+    /**
+     * Event trigger function when pressing the space bar or enter key.
+     *
+     * Функция вызова события при нажатии на пробел или клавишу Enter.
+     * @param event event object/ объект события
+     * @param options data object/ объект с данными
+     */
+    protected readonly onKeydown: (event: KeyboardEvent, options?: EventClickValue) => void;
 }

package/dist/constructors/Field/FieldSize.d.ts

@@ -22,8 +22,9 @@ export declare class FieldSize {
      * Update margins.
      *
      * Обновление отступов.
+     * @param limit recursion limit/ лимит рекурсии
      */
-    readonly update: () => void;
+    readonly update: (limit?: number) => void;
     /**
      * Returns separator elements.
      *

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

@@ -32,9 +32,12 @@ export type FieldControl = {
      * CSS-классы, применяемые при фокусировке на поле
      */
     classForFocus: string;
+    /** Properties bound to the input element/ Свойства, привязанные к элементу ввода */
     binds: AriaList & {
+        /** Unique ID/ Уникальный идентификатор */
         id: string;
-        className: string;
+        /** Class name/ Имя класса */
+        class: string;
     };
 };
 /**
@@ -42,7 +45,8 @@ export type FieldControl = {
  * Интерфейс для описания, какие компоненты надо подключить для работы Field
  */
 export type FieldComponentInclude = {
-    field: object;
+    /** Field component configuration/ Конфигурация компонента поля */
+    field?: object;
 };
 /**
  * Type describing available slots for Field/
@@ -55,11 +59,20 @@ export interface FieldSlotsInclude extends Omit<FieldSlots, 'default'> {
  * Свойства, которые можно передать в FieldInclude
  */
 export type FieldPropsInclude<Icon extends IconPropsBasic = IconPropsBasic, Field extends FieldPropsBasic = FieldPropsBasic, FieldLabel extends FieldLabelPropsBasic = FieldLabelPropsBasic, FieldMessage extends FieldMessagePropsBasic = FieldMessagePropsBasic, FieldCounter extends FieldCounterPropsBasic = FieldCounterPropsBasic, Progress extends ProgressPropsBasic = ProgressPropsBasic> = Omit<FieldPropsBasic<Icon, FieldLabel, FieldMessage, FieldCounter, Progress>, 'disabledPrevious' | 'disabledNext' | 'to' | 'value' | 'maxlength' | 'cancelShow' | 'counter' | 'counterTemplate' | 'counterTop' | 'iconArrowLeft' | 'iconArrowRight' | 'iconPlus' | 'iconMinus' | 'iconClose'> & {
+    /** Status/ Статус */
+    /** Whether the field is focused/ Сфокусировано ли поле */
     focus?: boolean;
+    /** Whether the field is selected/ Выбрано ли поле */
     selected?: boolean;
+    /** Whether the field is read-only/ Находится ли поле в режиме «только для чтения» */
     readonly?: boolean;
+    /** Whether the field is disabled/ Отключено ли поле */
     disabled?: boolean;
+    /** Style/ Стили */
+    /** Alignment of content in the field/ Выравнивание контента в поле */
     align?: 'center' | 'right' | 'left';
+    /** Cancellation behavior/ Поведение отмены */
     cancel?: 'auto' | 'always' | 'none';
+    /** Additional attributes for the Field component/ Дополнительные атрибуты для компонента поля */
     fieldAttrs?: ConstrBind<Field>;
 };

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

@@ -1,5 +1,8 @@
 export * from './Field';
 export * from './FieldDesign';
+export * from './FieldIcons';
+export * from './FieldInclude';
+export * from './FieldSize';
 export * from './props';
 export * from './types';
 export * from './basicTypes';

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

@@ -2,6 +2,7 @@ import { PrefixProps } from '../../types/prefixTypes';
 import { SuffixProps } from '../../types/suffixTypes';
 import { CaptionProps } from '../../types/captionTypes';
 import { EnabledProps } from '../../types/enabledTypes';
+import { TextCancelPropsInclude } from '../../types/textTypes';
 import { EventClickProps } from '../../types/eventClickTypes';
 import { IconPropsBasic, IconTrailingPropsInclude, IconValue } from '../Icon';
 import { ProgressPropsBasic, ProgressPropsInclude } from '../Progress';
@@ -29,16 +30,28 @@ export type FieldPropsToken = {
     align?: 'center' | 'right' | 'left';
     width?: string | 'custom';
 };
-export type FieldPropsBasic<Icon extends IconPropsBasic = IconPropsBasic, FieldLabel extends FieldLabelPropsBasic = FieldLabelPropsBasic, FieldMessage extends FieldMessagePropsBasic = FieldMessagePropsBasic, FieldCounter extends FieldCounterPropsBasic = FieldCounterPropsBasic, Progress extends ProgressPropsBasic = ProgressPropsBasic> = IconTrailingPropsInclude<Icon> & PrefixProps & SuffixProps & CaptionProps & FieldLabelPropsInclude<FieldLabel, FieldCounter> & FieldMessagePropsInclude<FieldMessage, FieldCounter> & ProgressPropsInclude<Progress> & EnabledProps & EventClickProps & SkeletonPropsInclude & {
+export type FieldPropsBasic<Icon extends IconPropsBasic = IconPropsBasic, FieldLabel extends FieldLabelPropsBasic = FieldLabelPropsBasic, FieldMessage extends FieldMessagePropsBasic = FieldMessagePropsBasic, FieldCounter extends FieldCounterPropsBasic = FieldCounterPropsBasic, Progress extends ProgressPropsBasic = ProgressPropsBasic> = IconTrailingPropsInclude<Icon> & PrefixProps & SuffixProps & CaptionProps & FieldLabelPropsInclude<FieldLabel, FieldCounter> & FieldMessagePropsInclude<FieldMessage, FieldCounter> & ProgressPropsInclude<Progress> & EnabledProps & EventClickProps & SkeletonPropsInclude & TextCancelPropsInclude & {
+    /** Status/ Статус */
+    /** Whether the previous button is disabled/ Отключена ли кнопка «Назад» */
     disabledPrevious?: boolean;
+    /** Whether the next button is disabled/ Отключена ли кнопка «Вперед» */
     disabledNext?: boolean;
+    /** Style/ Стили */
+    /** Unique identifier for the field/ Уникальный идентификатор для поля */
     id?: string | number;
+    /** Whether the counter is positioned at the top/ Находится ли счетчик сверху */
     counterTop?: boolean;
+    /** Whether to show the cancel button/ Показывать ли кнопку отмены */
     cancelShow?: boolean;
+    /** Icon for the left arrow/ Иконка для стрелки влево */
     iconArrowLeft?: IconValue<Icon>;
+    /** Icon for the right arrow/ Иконка для стрелки вправо */
     iconArrowRight?: IconValue<Icon>;
+    /** Icon for the plus action/ Иконка для действия «плюс» */
     iconPlus?: IconValue<Icon>;
+    /** Icon for the minus action/ Иконка для действия «минус» */
     iconMinus?: IconValue<Icon>;
+    /** Icon for the close action/ Иконка для действия закрытия */
     iconClose?: IconValue<Icon>;
 };
 /**

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

@@ -33,8 +33,11 @@ export interface FieldExpose {
  * Тип, описывающий доступные слоты.
  */
 export interface FieldSlots extends CaptionSlots, PrefixSlots, SuffixSlots, FieldLabelSlotsInclude {
+    /** Slot for displaying content before the input area/ Слот для отображения контента перед областью ввода */
     leading?(props: FieldControl): any;
+    /** Slot for displaying content after the input area/ Слот для отображения контента после области ввода */
     trailing?(props: FieldControl): any;
+    /** Default slot for the input element/ Слот по умолчанию для элемента ввода */
     default?(props: FieldControl): any;
 }
 /**

package/dist/constructors/FieldCounter/FieldCounter.d.ts

@@ -1,5 +1,6 @@
 import { Ref, ToRefs, ComputedRef } from 'vue';
 import { ConstrEmit, DesignComp } from '@dxtmisha/functional';
+import { TextInclude } from '../../classes/TextInclude';
 import { FieldCounterComponents, FieldCounterEmits, FieldCounterSlots } from './types';
 import { FieldCounterProps } from './props';
 /**
@@ -14,6 +15,7 @@ export declare class FieldCounter {
     protected readonly components?: DesignComp<FieldCounterComponents, FieldCounterProps> | undefined;
     protected readonly slots?: FieldCounterSlots | undefined;
     protected readonly emits?: ConstrEmit<FieldCounterEmits> | undefined;
+    readonly text: TextInclude;
     /**
      * Constructor
      * @param props input data/ входные данные
@@ -24,14 +26,24 @@ export declare class FieldCounter {
      * @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.TextIncludeConstructor class for working with text/ класс для работы с текстом
      */
-    constructor(props: FieldCounterProps, refs: ToRefs<FieldCounterProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<FieldCounterComponents, FieldCounterProps> | undefined, slots?: FieldCounterSlots | undefined, emits?: ConstrEmit<FieldCounterEmits> | undefined);
+    constructor(props: FieldCounterProps, refs: ToRefs<FieldCounterProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<FieldCounterComponents, FieldCounterProps> | undefined, slots?: FieldCounterSlots | undefined, emits?: ConstrEmit<FieldCounterEmits> | undefined, constructors?: {
+        TextIncludeConstructor?: typeof TextInclude;
+    });
     /** Checks if it is necessary to display the number of input characters/ Проверяет, надо ли выводить количество вводимых символов */
     readonly is: ComputedRef<boolean>;
     /** Checks if it is necessary to display the maximum available number of characters/ Проверяет, надо ли выводить максимальное доступное количество символов */
     readonly isMax: ComputedRef<boolean>;
     /** Returns text for output/ Возвращает текст для вывода */
     readonly item: ComputedRef<string>;
+    /**
+     * Returns the text for the screen reader.
+     *
+     * Возвращает текст для скринридера.
+     */
+    readonly ariaText: ComputedRef<string | undefined>;
     /**
      * Returns the number of input characters.
      *
@@ -44,4 +56,16 @@ export declare class FieldCounter {
      * Возвращает максимально доступное вводимое число.
      */
     getMax(): number;
+    /**
+     * Returns the number of characters remaining at which the screen reader starts announcing.
+     *
+     * Возвращает количество оставшихся символов, при котором скринридер начинает произносить.
+     */
+    getMaxlengthOnce(): number;
+    /**
+     * Returns the number of remaining characters.
+     *
+     * Возвращает количество оставшихся символов.
+     */
+    getRemaining(): number;
 }

package/dist/constructors/FieldCounter/FieldCounterDesign.d.ts

@@ -13,8 +13,9 @@ export declare class FieldCounterDesign<COMP extends FieldCounterComponents, EXP
      * @param name class name/ название класса
      * @param props properties/ свойства
      * @param options list of additional parameters/ список дополнительных параметров
+     * @param ItemConstructor class for working with the item/ класс для работы с элементом
      */
-    constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, FieldCounterEmits, P>);
+    constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, FieldCounterEmits, P>, ItemConstructor?: typeof FieldCounter);
     /**
      * Initialization of all the necessary properties for work
      *
@@ -38,5 +39,11 @@ export declare class FieldCounterDesign<COMP extends FieldCounterComponents, EXP
      *
      * Метод для рендеринга.
      */
-    protected initRender(): VNode | undefined;
+    protected initRender(): VNode[] | undefined;
+    /**
+     * Render hidden element for screen reader.
+     *
+     * Рендер скрытого элемента для скринридера.
+     */
+    readonly renderAria: () => VNode[];
 }

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

@@ -5,17 +5,24 @@ import { FieldCounterPropsBasic } from './props';
  * Интерфейс для описания, какие компоненты надо подключить для работы FieldCounter
  */
 export type FieldCounterComponentInclude = {
-    fieldCounter: object;
+    /** FieldCounter component configuration/ Конфигурация компонента счетчика поля */
+    fieldCounter?: object;
 };
 /**
  * Properties that can be passed to FieldCounterInclude/
  * Свойства, которые можно передать в FieldCounterInclude
  */
 export interface FieldCounterPropsInclude<FieldCounter extends FieldCounterPropsBasic = FieldCounterPropsBasic> {
+    /** Counter value/ Значение счетчика */
     counter?: FieldCounterPropsBasic['counter'];
+    /** Whether to show the counter/ Показывать ли счетчик */
     counterShow?: boolean;
+    /** Template for the counter display/ Шаблон для отображения счетчика */
     counterTemplate?: FieldCounterPropsBasic['template'];
+    /** Unique ID for the counter/ Уникальный идентификатор для счетчика */
     counterId?: string;
+    /** Maximum allowed length/ Максимально допустимая длина */
     maxlength?: FieldCounterPropsBasic['maxlength'];
+    /** Additional attributes for the FieldCounter component/ Дополнительные атрибуты для компонента счетчика поля */
     fieldCounterAttrs?: ConstrBind<FieldCounter>;
 }

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

@@ -1,8 +1,20 @@
+import { TextCharacterLimitPropsInclude, TextCharacterRemainingPropsInclude } from '../../types/textTypes';
 export type FieldCounterPropsToken = {};
-export type FieldCounterPropsBasic = {
+export type FieldCounterPropsBasic = TextCharacterLimitPropsInclude & TextCharacterRemainingPropsInclude & {
+    /** Style/ Стили */
+    /** Current counter value/ Текущее значение счетчика */
     counter?: string | number;
+    /** Maximum allowed length/ Максимально допустимая длина */
     maxlength?: string | number;
+    /**
+     * The number of characters remaining at which the screen reader starts announcing/
+     * Количество оставшихся символов, при котором скринридер начинает произносить
+     */
+    maxlengthOnce?: string | number;
+    /** Template for formatting the counter display/ Шаблон для форматирования отображения счетчика */
     template?: string;
+    /** Technical/ Технические свойства */
+    /** Unique identifier for the element/ Уникальный идентификатор для элемента */
     id?: string;
 };
 /**