@dxtmisha/constructor 0.23.0 → 0.39.3

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

@@ -0,0 +1,108 @@
+import { VNode, ComputedRef } from 'vue';
+import { ConstrOptions, ConstrStyles, DesignConstructorAbstract } from '@dxtmisha/functional';
+import { Field } from './Field';
+import { FieldPropsBasic } from './props';
+import { FieldClasses, FieldComponents, FieldEmits, FieldExpose, FieldSlots } from './types';
+/**
+ * FieldDesign
+ */
+export declare class FieldDesign<COMP extends FieldComponents, EXPOSE extends FieldExpose, CLASSES extends FieldClasses, P extends FieldPropsBasic> extends DesignConstructorAbstract<HTMLLabelElement, COMP, FieldEmits, EXPOSE, FieldSlots, CLASSES, P> {
+    protected readonly item: Field;
+    /**
+     * Constructor
+     * @param name class name/ название класса
+     * @param props properties/ свойства
+     * @param options list of additional parameters/ список дополнительных параметров
+     */
+    constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, FieldEmits, P>);
+    /**
+     * Initialization of all the necessary properties for work
+     *
+     * Инициализация всех необходимых свойств для работы.
+     */
+    protected initExpose(): EXPOSE;
+    /**
+     * Improvement of the obtained list of classes.
+     *
+     * Доработка полученного списка классов.
+     */
+    protected initClasses(): Partial<CLASSES>;
+    /**
+     * Refinement of the received list of styles.
+     *
+     * Доработка полученного списка стилей.
+     */
+    protected initStyles(): ConstrStyles;
+    /**
+     * A method for rendering.
+     *
+     * Метод для рендеринга.
+     */
+    protected initRender(): VNode;
+    /**
+     * Generates body.
+     *
+     * Генерирует тело.
+     */
+    readonly renderBody: () => VNode[];
+    /**
+     * Generates data for the title.
+     *
+     * Генерирует данные для заголовка.
+     */
+    readonly renderBodyLabel: () => VNode;
+    /**
+     * Generates data for additional controls.
+     *
+     * Генерирует данные для дополнительных управлений.
+     */
+    readonly renderBodyScoreboard: () => VNode;
+    /**
+     * Generates data for the slot.
+     *
+     * Генерирует данные для слота.
+     */
+    readonly renderBodyScoreboardSlot: () => VNode[];
+    /**
+     * Generates all available icons.
+     *
+     * Генерирует все доступные иконки.
+     */
+    readonly renderBodyScoreboardIcon: () => VNode[];
+    /**
+     * Generates separators and additional descriptions.
+     *
+     * Генерирует разделители и дополнительные описания.
+     */
+    readonly renderBodyScoreboardSpace: () => VNode[];
+    /**
+     * Generates border.
+     *
+     * Генерирует border.
+     */
+    readonly renderBodyBorder: () => VNode;
+    /**
+     * Value for focus.
+     *
+     * Значение для фокуса.
+     */
+    protected readonly focusValue: () => string;
+    /**
+     * Length value.
+     *
+     * Значение длины.
+     */
+    protected readonly lengthValue: () => string | undefined;
+    /**
+     * Element for counting characters.
+     *
+     * Элемент для подсчёта символов.
+     */
+    protected readonly lengthElement: ComputedRef<HTMLInputElement | undefined>;
+    /**
+     * Input element.
+     *
+     * Элемент ввода.
+     */
+    protected readonly inputElement: ComputedRef<HTMLInputElement | undefined>;
+}

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

@@ -0,0 +1,49 @@
+import { ConstrBind } from '@dxtmisha/functional';
+import { IconProps } from '../Icon';
+import { FieldProps } from './props';
+import { ComputedRef } from 'vue';
+/**
+ * Class for displaying an icon for arrow control.
+ *
+ * Класс для вывода иконки для управления стрелками.
+ */
+export declare class FieldIcons {
+    protected readonly props: FieldProps;
+    protected readonly className: string;
+    /**
+     * Constructor
+     * @param props input data/ входные данные
+     * @param className class name/ название класса
+     */
+    constructor(props: FieldProps, className: string);
+    /**
+     * Determines whether to display arrows.
+     *
+     * Определяет, требуется ли отображение стрелок.
+     */
+    readonly isArrow: ComputedRef<boolean>;
+    /**
+     * Determines whether to display the "Delete" button.
+     *
+     * Определяет, требуется ли отображение кнопки "Удалить".
+     */
+    readonly isCancel: ComputedRef<boolean>;
+    /**
+     * Returns data for the data deletion button.
+     *
+     * Возвращает данные для кнопки удаления данных.
+     */
+    readonly cancelBind: ComputedRef<ConstrBind<IconProps>>;
+    /**
+     * Returns data for the left arrow.
+     *
+     * Возвращает данные для стрелки слева.
+     */
+    readonly previousBind: ComputedRef<ConstrBind<IconProps>>;
+    /**
+     * Returns data for the right arrow.
+     *
+     * Возвращает данные для стрелки справа.
+     */
+    readonly nextBind: ComputedRef<ConstrBind<IconProps>>;
+}

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

@@ -0,0 +1,66 @@
+import { VNode, ComputedRef } from 'vue';
+import { ConstrBind, DesignComponents, RefOrNormal } from '@dxtmisha/functional';
+import { EventClickValue } from '../../types/eventClickTypes';
+import { FieldValueInclude } from '../../classes/field/FieldValueInclude';
+import { FieldEventInclude } from '../../classes/field/FieldEventInclude';
+import { FieldArrowInclude } from '../../classes/field/FieldArrowInclude';
+import { FieldComponentInclude, FieldPropsInclude } from './basicTypes';
+import { FieldArrowProps } from '../../types/fieldTypes';
+import { FieldPropsBasic } from './props';
+import { FieldSlots } from './types';
+/**
+ * The class returns data for working with the Field framework.
+ *
+ * Класс возвращает данные для работы с каркасом поля.
+ */
+export declare class FieldInclude<Props extends FieldPropsInclude & FieldArrowProps = FieldPropsInclude, PropsExtra extends ConstrBind<FieldPropsBasic> = ConstrBind<FieldPropsBasic>> {
+    protected readonly props: Readonly<Props>;
+    protected readonly value: FieldValueInclude;
+    protected readonly components?: DesignComponents<FieldComponentInclude, Props> | undefined;
+    protected readonly event?: FieldEventInclude | undefined;
+    protected readonly arrow?: FieldArrowInclude | undefined;
+    protected readonly onIcon?: (() => void) | undefined;
+    protected readonly onTrailing?: (() => void) | undefined;
+    protected readonly onNext?: (() => void) | undefined;
+    protected readonly onPrevious?: (() => void) | undefined;
+    protected readonly extra?: RefOrNormal<PropsExtra> | undefined;
+    protected readonly index?: string | undefined;
+    /**
+     * Constructor
+     * @param props input data/ входные данные
+     * @param value object for working with values/ объект для работы со значениями
+     * @param components object for working with components/ объект для работы с компонентами
+     * @param event object for working with events/ объект для работы с событиями
+     * @param arrow object for working with arrows/ объект для работы со стрелками
+     * @param onIcon Collection icon click handler/ Обработчик клика по иконке коллекции
+     * @param onTrailing Trailing icon click handler/ Обработчик клика по иконке трейлинга
+     * @param onNext Next arrow click handler/ Обработчик клика по следующей стрелке
+     * @param onPrevious Previous arrow click handler/ Обработчик клика по предыдущей стрелке
+     * @param extra additional parameter or property name/ дополнительный параметр или имя свойства
+     * @param index index identifier/ идентификатор индекса
+     */
+    constructor(props: Readonly<Props>, value: FieldValueInclude, components?: DesignComponents<FieldComponentInclude, Props> | undefined, event?: FieldEventInclude | undefined, arrow?: FieldArrowInclude | undefined, onIcon?: (() => void) | undefined, onTrailing?: (() => void) | undefined, onNext?: (() => void) | undefined, onPrevious?: (() => void) | undefined, extra?: RefOrNormal<PropsExtra> | undefined, index?: string | undefined);
+    /** Returns properties for the field framework/ Возвращает свойства для каркаса поля */
+    readonly binds: ComputedRef<PropsExtra>;
+    /**
+     * Returns properties for working with the value of the Field framework/
+     * Возвращает свойства для работы со значением каркаса поля
+     */
+    readonly valueBinds: ComputedRef<ConstrBind<PropsExtra>>;
+    /**
+     * Renders the Field framework.
+     *
+     * Отрисовывает каркас поля.
+     * @param slotsChildren
+     * @param attrs
+     */
+    readonly render: (slotsChildren?: FieldSlots, attrs?: Record<string, any>) => VNode[];
+    /**
+     * Method for listening to events.
+     *
+     * Метод для прослушивания событий.
+     * @param event event object/ объект события
+     * @param type type of the object that was clicked/ тип объекта, который был нажат
+     */
+    protected readonly on: (event: MouseEvent, { type }: EventClickValue) => void;
+}

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

@@ -0,0 +1,45 @@
+import { Ref } from 'vue';
+import { EventItem } from '@dxtmisha/functional';
+/**
+ * Input field margin control class.
+ *
+ * Класс управления отступами для элемента ввода.
+ */
+export declare class FieldSize {
+    protected readonly element: Ref<HTMLLabelElement | undefined>;
+    protected readonly className: string;
+    protected left: number;
+    protected right: number;
+    protected title: number;
+    protected event?: EventItem<Window, Event>;
+    /**
+     * Constructor
+     * @param element main element/ главный элемент
+     * @param className class name/ название класса
+     */
+    constructor(element: Ref<HTMLLabelElement | undefined>, className: string);
+    /**
+     * Update margins.
+     *
+     * Обновление отступов.
+     */
+    readonly update: () => void;
+    /**
+     * Returns separator elements.
+     *
+     * Возвращает элементы-разделители.
+     */
+    protected getElementSpace(): HTMLDivElement | undefined;
+    /**
+     * Returns element with prefix.
+     *
+     * Возвращает элемент с префиксом.
+     */
+    protected getElementPrefix(): HTMLDivElement | undefined;
+    /**
+     * Update input field margins.
+     *
+     * Обновление отступов для поля ввода.
+     */
+    protected make(): void;
+}

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

@@ -0,0 +1,65 @@
+import { ConstrBind } from '@dxtmisha/functional';
+import { IconPropsBasic } from '../Icon';
+import { FieldMessagePropsBasic } from '../FieldMessage';
+import { FieldLabelPropsBasic } from '../FieldLabel';
+import { FieldCounterPropsBasic } from '../FieldCounter';
+import { ProgressPropsBasic } from '../Progress';
+import { AriaList } from '../../types/ariaTypes';
+import { FieldPropsBasic } from './props';
+import { FieldSlots } from './types';
+/**
+ * Control data passed to slots and subcomponents/
+ * Данные управления, передаваемые в слоты и под-компоненты
+ */
+export type FieldControl = {
+    /**
+     * Unique element identifier for binding label and input/
+     * Уникальный идентификатор элемента для связывания label и input
+     */
+    id: string;
+    /**
+     * CSS classes for the visible input area/
+     * CSS-классы для видимой зоны ввода
+     */
+    className: string;
+    /**
+     * CSS classes for the hidden native input element/
+     * CSS-классы для скрытого нативного элемента ввода
+     */
+    classHidden: string;
+    /**
+     * CSS classes applied when the field is focused/
+     * CSS-классы, применяемые при фокусировке на поле
+     */
+    classForFocus: string;
+    binds: AriaList & {
+        id: string;
+        className: string;
+    };
+};
+/**
+ * Interface for describing which components need to be connected for Field work/
+ * Интерфейс для описания, какие компоненты надо подключить для работы Field
+ */
+export type FieldComponentInclude = {
+    field: object;
+};
+/**
+ * Type describing available slots for Field/
+ * Тип, описывающий доступные слоты для Field
+ */
+export interface FieldSlotsInclude extends Omit<FieldSlots, 'default'> {
+}
+/**
+ * Properties that can be passed to FieldInclude/
+ * Свойства, которые можно передать в FieldInclude
+ */
+export interface 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> extends Omit<FieldPropsBasic<Icon, FieldLabel, FieldMessage, FieldCounter, Progress>, 'disabledPrevious' | 'disabledNext' | 'to' | 'value' | 'maxlength' | 'cancelShow' | 'counter' | 'counterTemplate' | 'counterTop' | 'iconArrowLeft' | 'iconArrowRight' | 'iconPlus' | 'iconMinus' | 'iconClose'> {
+    focus?: boolean;
+    selected?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
+    align?: 'center' | 'right' | 'left';
+    cancel?: 'auto' | 'always' | 'none';
+    fieldAttrs?: ConstrBind<Field>;
+}

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

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

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

@@ -0,0 +1,60 @@
+import { PrefixProps } from '../../types/prefixTypes';
+import { SuffixProps } from '../../types/suffixTypes';
+import { CaptionProps } from '../../types/captionTypes';
+import { EnabledProps } from '../../types/enabledTypes';
+import { EventClickProps } from '../../types/eventClickTypes';
+import { IconPropsBasic, IconTrailingPropsInclude, IconValue } from '../Icon';
+import { ProgressPropsBasic, ProgressPropsInclude } from '../Progress';
+import { FieldLabelPropsBasic, FieldLabelPropsInclude } from '../FieldLabel';
+import { FieldCounterPropsBasic } from '../FieldCounter';
+import { FieldMessagePropsBasic, FieldMessagePropsInclude } from '../FieldMessage';
+import { SkeletonPropsInclude } from '../Skeleton';
+interface FieldPropsToken {
+    focus?: boolean;
+    disabled?: boolean;
+    selected?: boolean;
+    readonly?: boolean;
+    block?: boolean;
+    isValue?: boolean;
+    basic?: boolean;
+    boxed?: boolean;
+    tonal?: boolean;
+    filled?: boolean;
+    outlined?: boolean;
+    classic?: boolean;
+    arrowCarousel?: boolean;
+    arrowStepper?: boolean;
+    arrowAlign?: 'center' | 'right' | 'left';
+    cancel?: 'auto' | 'always' | 'none';
+    align?: 'center' | 'right' | 'left';
+    width?: string | 'custom';
+}
+export interface FieldPropsBasic<Icon extends IconPropsBasic = IconPropsBasic, FieldLabel extends FieldLabelPropsBasic = FieldLabelPropsBasic, FieldMessage extends FieldMessagePropsBasic = FieldMessagePropsBasic, FieldCounter extends FieldCounterPropsBasic = FieldCounterPropsBasic, Progress extends ProgressPropsBasic = ProgressPropsBasic> extends IconTrailingPropsInclude<Icon>, PrefixProps, SuffixProps, CaptionProps, FieldLabelPropsInclude<FieldLabel, FieldCounter>, FieldMessagePropsInclude<FieldMessage, FieldCounter>, ProgressPropsInclude<Progress>, EnabledProps, EventClickProps, SkeletonPropsInclude {
+    disabledPrevious?: boolean;
+    disabledNext?: boolean;
+    id?: string | number;
+    counterTop?: boolean;
+    cancelShow?: boolean;
+    iconArrowLeft?: IconValue<Icon>;
+    iconArrowRight?: IconValue<Icon>;
+    iconPlus?: IconValue<Icon>;
+    iconMinus?: IconValue<Icon>;
+    iconClose?: IconValue<Icon>;
+}
+/**
+ * Type describing incoming properties.
+ *
+ * Тип, описывающий входящие свойства.
+ */
+export interface FieldProps extends FieldPropsBasic, FieldPropsToken {
+}
+/**
+ * Default value for property.
+ *
+ * Значение по умолчанию для свойства.
+ */
+export declare const defaultsField: {
+    arrowAlign: string;
+    cancel: string;
+};
+export {};

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

@@ -0,0 +1,59 @@
+import { ConstrClass } from '@dxtmisha/functional';
+import { CaptionSlots } from '../../types/captionTypes';
+import { PrefixSlots } from '../../types/prefixTypes';
+import { SuffixSlots } from '../../types/suffixTypes';
+import { EventClickEmits } from '../../types/eventClickTypes';
+import { IconComponentInclude } from '../Icon';
+import { FieldLabelComponentInclude, FieldLabelSlotsInclude } from '../FieldLabel';
+import { FieldMessageComponentInclude } from '../FieldMessage';
+import { ProgressComponentInclude } from '../Progress';
+import { FieldControl } from './basicTypes';
+/**
+ * Interface for describing which components need to be connected for work.
+ *
+ * Интерфейс для описания, какие компоненты надо подключить для работы.
+ */
+export type FieldComponents = IconComponentInclude & FieldLabelComponentInclude & FieldMessageComponentInclude & ProgressComponentInclude;
+/**
+ * Type describing available events.
+ *
+ * Тип, описывающий доступные события.
+ */
+export type FieldEmits = EventClickEmits;
+/**
+ * Type describing available properties.
+ *
+ * Тип, описывающий доступные свойства.
+ */
+export interface FieldExpose {
+}
+/**
+ * Type describing available slots.
+ *
+ * Тип, описывающий доступные слоты.
+ */
+export interface FieldSlots extends CaptionSlots, PrefixSlots, SuffixSlots, FieldLabelSlotsInclude {
+    leading?(props: FieldControl): any;
+    trailing?(props: FieldControl): any;
+    default?(props: FieldControl): any;
+}
+/**
+ * Type describing subclasses.
+ *
+ * Тип, описывающий подклассы.
+ */
+export type FieldClasses = {
+    main: ConstrClass;
+    body: string;
+    bodyInput: string;
+    bodyTitle: string;
+    bodyTitleLabel: string;
+    bodyTitleLabelText: string;
+    bodyScoreboard: string;
+    bodyScoreboardLeft: string;
+    bodyScoreboardRight: string;
+    bodyScoreboardSpace: string;
+    bodyScoreboardInput: string;
+    bodyBorder: string;
+    required: string;
+};

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

@@ -0,0 +1,47 @@
+import { Ref, ToRefs, ComputedRef } from 'vue';
+import { ConstrEmit, DesignComp } from '@dxtmisha/functional';
+import { FieldCounterComponents, FieldCounterEmits, FieldCounterSlots } from './types';
+import { FieldCounterProps } from './props';
+/**
+ * FieldCounter
+ */
+export declare class FieldCounter {
+    protected readonly props: FieldCounterProps;
+    protected readonly refs: ToRefs<FieldCounterProps>;
+    protected readonly element: Ref<HTMLElement | undefined>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<FieldCounterComponents, FieldCounterProps> | undefined;
+    protected readonly slots?: FieldCounterSlots | undefined;
+    protected readonly emits?: ConstrEmit<FieldCounterEmits> | 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: FieldCounterProps, refs: ToRefs<FieldCounterProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<FieldCounterComponents, FieldCounterProps> | undefined, slots?: FieldCounterSlots | undefined, emits?: ConstrEmit<FieldCounterEmits> | undefined);
+    /** 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 number of input characters.
+     *
+     * Возвращает количество вводимых символов.
+     */
+    getCounter(): number;
+    /**
+     * Returns the maximum available input number.
+     *
+     * Возвращает максимально доступное вводимое число.
+     */
+    getMax(): number;
+}

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

@@ -0,0 +1,42 @@
+import { VNode } from 'vue';
+import { ConstrOptions, ConstrStyles, DesignConstructorAbstract } from '@dxtmisha/functional';
+import { FieldCounter } from './FieldCounter';
+import { FieldCounterPropsBasic } from './props';
+import { FieldCounterClasses, FieldCounterComponents, FieldCounterEmits, FieldCounterExpose, FieldCounterSlots } from './types';
+/**
+ * FieldCounterDesign
+ */
+export declare class FieldCounterDesign<COMP extends FieldCounterComponents, EXPOSE extends FieldCounterExpose, CLASSES extends FieldCounterClasses, P extends FieldCounterPropsBasic> extends DesignConstructorAbstract<HTMLDivElement, COMP, FieldCounterEmits, EXPOSE, FieldCounterSlots, CLASSES, P> {
+    protected readonly item: FieldCounter;
+    /**
+     * Constructor
+     * @param name class name/ название класса
+     * @param props properties/ свойства
+     * @param options list of additional parameters/ список дополнительных параметров
+     */
+    constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, FieldCounterEmits, P>);
+    /**
+     * Initialization of all the necessary properties for work
+     *
+     * Инициализация всех необходимых свойств для работы.
+     */
+    protected initExpose(): EXPOSE;
+    /**
+     * Improvement of the obtained list of classes.
+     *
+     * Доработка полученного списка классов.
+     */
+    protected initClasses(): Partial<CLASSES>;
+    /**
+     * Refinement of the received list of styles.
+     *
+     * Доработка полученного списка стилей.
+     */
+    protected initStyles(): ConstrStyles;
+    /**
+     * A method for rendering.
+     *
+     * Метод для рендеринга.
+     */
+    protected initRender(): VNode | undefined;
+}

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

@@ -0,0 +1,36 @@
+import { VNode, ComputedRef } from 'vue';
+import { ConstrBind, DesignComponents, RefOrNormal } from '@dxtmisha/functional';
+import { FieldCounterComponentInclude, FieldCounterPropsInclude } from './basicTypes';
+import { FieldCounterProps, FieldCounterPropsBasic } from './props';
+/**
+ * The class returns data for working with the FieldCounter component
+ *
+ * Класс возвращает данные для работы с компонентом FieldCounter
+ */
+export declare class FieldCounterInclude<Props extends FieldCounterPropsInclude = FieldCounterPropsInclude, PropsExtra extends ConstrBind<FieldCounterProps> = ConstrBind<FieldCounterProps>> {
+    protected readonly props: Readonly<Props>;
+    protected readonly className: string;
+    protected readonly components?: DesignComponents<FieldCounterComponentInclude, Props> | undefined;
+    protected readonly extra?: RefOrNormal<PropsExtra> | undefined;
+    protected readonly index?: string | undefined;
+    /**
+     * Constructor
+     * @param props input parameter/ входной параметр
+     * @param className class name/ название класса
+     * @param components object for working with components/ объект для работы с компонентами
+     * @param extra additional parameter or property name/ дополнительный параметр или имя свойства
+     * @param index index identifier/ идентификатор индекса
+     */
+    constructor(props: Readonly<Props>, className: string, components?: DesignComponents<FieldCounterComponentInclude, Props> | undefined, extra?: RefOrNormal<PropsExtra> | undefined, index?: string | undefined);
+    /** Checks if counter should be displayed/ Проверяет, надо ли отображать счетчик */
+    readonly isCounter: ComputedRef<boolean>;
+    /** Computed bindings for FieldCounter/ Вычисляемые привязки для FieldCounter */
+    readonly binds: ComputedRef<PropsExtra>;
+    /** Intermediate bindings for FieldCounter/ Промежуточные привязки для FieldCounter */
+    readonly bindsIntermediary: ComputedRef<FieldCounterPropsInclude< FieldCounterPropsBasic>>;
+    /**
+     * Render the FieldCounter component/
+     * Рендер компонента FieldCounter
+     */
+    readonly render: () => VNode[];
+}

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

@@ -0,0 +1,21 @@
+import { ConstrBind } from '@dxtmisha/functional';
+import { FieldCounterPropsBasic } from './props';
+/**
+ * Interface for describing which components need to be connected for FieldCounter work/
+ * Интерфейс для описания, какие компоненты надо подключить для работы FieldCounter
+ */
+export type FieldCounterComponentInclude = {
+    fieldCounter: object;
+};
+/**
+ * Properties that can be passed to FieldCounterInclude/
+ * Свойства, которые можно передать в FieldCounterInclude
+ */
+export interface FieldCounterPropsInclude<FieldCounter extends FieldCounterPropsBasic = FieldCounterPropsBasic> {
+    counter?: FieldCounterPropsBasic['counter'];
+    counterShow?: boolean;
+    counterTemplate?: FieldCounterPropsBasic['template'];
+    counterId?: string;
+    maxlength?: FieldCounterPropsBasic['maxlength'];
+    fieldCounterAttrs?: ConstrBind<FieldCounter>;
+}

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

@@ -0,0 +1,6 @@
+export * from './FieldCounter';
+export * from './FieldCounterDesign';
+export * from './FieldCounterInclude';
+export * from './props';
+export * from './types';
+export * from './basicTypes';

package/{src/constructors/FieldCounter/props.ts → dist/constructors/FieldCounter/props.d.ts}

@@ -1,16 +1,11 @@
 interface FieldCounterPropsToken {
-  // :type [!] System label / Системная метка
-  // :type [!] System label / Системная метка
 }
-
 export interface FieldCounterPropsBasic {
-  // Style
-  counter?: string | number
-  maxlength?: string | number
-
-  template?: string
+    counter?: string | number;
+    maxlength?: string | number;
+    template?: string;
+    id?: string;
 }
-
 /**
  * Type describing incoming properties.
  *
@@ -18,15 +13,10 @@ export interface FieldCounterPropsBasic {
  */
 export interface FieldCounterProps extends FieldCounterPropsBasic, FieldCounterPropsToken {
 }
-
 /**
  * Default value for property.
  *
  * Значение по умолчанию для свойства.
  */
-export const defaultsFieldCounter = {
-  ...{
-    // :default [!] System label / Системная метка
-    // :default [!] System label / Системная метка
-  }
-}
+export declare const defaultsFieldCounter: {};
+export {};