@dxtmisha/constructor 0.23.0 → 0.39.3

package/dist/constructors/Actions/ActionsDesign.d.ts

@@ -0,0 +1,60 @@
+import { VNode } from 'vue';
+import { ConstrOptions, ConstrStyles, DesignConstructorAbstract } from '@dxtmisha/functional';
+import { Actions } from './Actions';
+import { ActionsPropsBasic } from './props';
+import { ActionsClasses, ActionsComponents, ActionsEmits, ActionsExpose, ActionsSlots } from './types';
+/**
+ * ActionsDesign
+ */
+export declare class ActionsDesign<COMP extends ActionsComponents, EXPOSE extends ActionsExpose, CLASSES extends ActionsClasses, P extends ActionsPropsBasic> extends DesignConstructorAbstract<HTMLDivElement, COMP, ActionsEmits, EXPOSE, ActionsSlots, CLASSES, P> {
+    protected readonly item: Actions;
+    /**
+     * Constructor
+     * @param name class name/ название класса
+     * @param props properties/ свойства
+     * @param options list of additional parameters/ список дополнительных параметров
+     */
+    constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, ActionsEmits, 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;
+    /**
+     * List rendering.
+     *
+     * Рендеринг списка.
+     */
+    protected readonly renderList: () => VNode[];
+    /**
+     * Secondary list rendering.
+     *
+     * Рендеринг вторичного списка.
+     */
+    protected readonly renderSecondary: () => VNode[];
+    /**
+     * Separator rendering.
+     *
+     * Рендеринг разделителя.
+     */
+    protected readonly renderSpacer: () => VNode[];
+}

package/dist/constructors/Actions/ActionsInclude.d.ts

@@ -0,0 +1,53 @@
+import { VNode, ComputedRef } from 'vue';
+import { ConstrBind, ConstrEmit, DesignComponents, RefOrNormal } from '@dxtmisha/functional';
+import { EventClickValue } from '../../types/eventClickTypes';
+import { ActionsComponentInclude, ActionsEmitsInclude, ActionsPropsInclude } from './basicTypes';
+import { ActionsProps } from './props';
+/**
+ * ActionsInclude class provides functionality for conditionally rendering actions components
+ * within other components. It manages the logic for determining when to display actions
+ * and configures the appropriate properties.
+ *
+ * Класс ActionsInclude предоставляет функциональность для условного рендеринга компонентов
+ * действий внутри других компонентов. Он управляет логикой определения необходимости
+ * отображения действий и настраивает соответствующие свойства.
+ */
+export declare class ActionsInclude<Props extends ActionsPropsInclude = ActionsPropsInclude, PropsExtra extends ConstrBind<ActionsProps> = ConstrBind<ActionsProps>> {
+    protected readonly props: Readonly<Props>;
+    protected readonly className: string;
+    protected readonly components?: DesignComponents<ActionsComponentInclude, Props> | undefined;
+    protected readonly emits?: ConstrEmit<ActionsEmitsInclude> | 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 emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
+     * @param extra additional parameter or property name/ дополнительный параметр или имя свойства
+     * @param index index identifier/ идентификатор индекса
+     */
+    constructor(props: Readonly<Props>, className: string, components?: DesignComponents<ActionsComponentInclude, Props> | undefined, emits?: ConstrEmit<ActionsEmitsInclude> | undefined, extra?: RefOrNormal<PropsExtra> | undefined, index?: string | undefined);
+    /**
+     * Checks whether actions should be displayed/
+     * Проверяет, нужно ли отображать действия
+     */
+    readonly is: ComputedRef<boolean>;
+    /** Computed bindings for the actions/ Вычисляемые привязки для действий */
+    readonly binds: ComputedRef<PropsExtra>;
+    /**
+     * Render the Actions component
+     *
+     * Рендер компонента действий
+     */
+    readonly render: () => VNode[];
+    /**
+     * Handles click events from Actions and emits related events/
+     * Обрабатывает клики по действиям и испускает связанные события
+     *
+     * @param event native mouse event/ native событие мыши
+     * @param value payload with { type, value, detail }/ данные события с { type, value, detail }
+     */
+    protected readonly onClick: (event: MouseEvent, value: EventClickValue) => void;
+}

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

@@ -0,0 +1,29 @@
+import { ConstrBind } from '@dxtmisha/functional';
+import { EventClickEmits } from '../../types/eventClickTypes';
+import { ActionsPropsBasic } from './props';
+/**
+ * Component map for including the Actions component/
+ * Карта компонентов для подключения компонента Actions
+ */
+export type ActionsComponentInclude = {
+    actions?: object;
+};
+/** Available events for Actions/ Доступные события для Actions */
+export type ActionsEmitsInclude = {
+    actions: EventClickEmits['click'];
+    actionsLite: EventClickEmits['clickLite'];
+};
+/**
+ * Props used to include and configure the Actions component/
+ * Свойства для подключения и настройки компонента Actions
+ */
+export interface ActionsPropsInclude<Actions extends ActionsPropsBasic = ActionsPropsBasic> {
+    /** Hide actions/ Скрыть действия */
+    actionsHide?: boolean;
+    /** List of action buttons/ Список кнопок действий */
+    actionsList?: ConstrBind<Actions['list']>;
+    /** List of secondary action buttons/ Список вторичных кнопок действий */
+    actionsSecondary?: ConstrBind<Actions['listSecondary']>;
+    /** Additional attributes for Actions component/ Дополнительные атрибуты для компонента Actions */
+    actionsAttrs?: ConstrBind<Actions>;
+}

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

@@ -0,0 +1,6 @@
+export * from './Actions';
+export * from './ActionsDesign';
+export * from './ActionsInclude';
+export * from './props';
+export * from './types';
+export * from './basicTypes';

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

@@ -0,0 +1,28 @@
+import { ConstrBind } from '@dxtmisha/functional';
+import { ButtonPropsBasic } from '../Button';
+interface ActionsPropsToken {
+    align?: 'none' | 'center' | 'left' | 'right' | 'block' | 'auto';
+    flexible?: boolean;
+}
+export interface ActionsPropsBasic<Button extends ButtonPropsBasic = ButtonPropsBasic> {
+    list?: ConstrBind<Button>[];
+    listSecondary?: ConstrBind<Button>[];
+    buttonAttrs?: ConstrBind<Button>;
+    buttonSecondaryAttrs?: ConstrBind<Button>;
+}
+/**
+ * Type describing incoming properties.
+ *
+ * Тип, описывающий входящие свойства.
+ */
+export interface ActionsProps extends ActionsPropsBasic, ActionsPropsToken {
+}
+/**
+ * Default value for property.
+ *
+ * Значение по умолчанию для свойства.
+ */
+export declare const defaultsActions: {
+    align: string;
+};
+export {};

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

@@ -0,0 +1,43 @@
+import { ConstrClass } from '@dxtmisha/functional';
+import { ButtonComponentInclude } from '../Button';
+import { EventClickEmits } from '../../types/eventClickTypes';
+/**
+ * Interface for describing which components need to be connected for work.
+ *
+ * Интерфейс для описания, какие компоненты надо подключить для работы.
+ */
+export type ActionsComponents = ButtonComponentInclude;
+/**
+ * Type describing available events.
+ *
+ * Тип, описывающий доступные события.
+ */
+export type ActionsEmits = EventClickEmits;
+/**
+ * Type describing available properties.
+ *
+ * Тип, описывающий доступные свойства.
+ */
+export interface ActionsExpose {
+}
+/**
+ * Type describing available slots.
+ *
+ * Тип, описывающий доступные слоты.
+ */
+export interface ActionsSlots {
+    default?(props: any): any;
+    secondary?(props: any): any;
+}
+/**
+ * Type describing subclasses.
+ *
+ * Тип, описывающий подклассы.
+ */
+export type ActionsClasses = {
+    main: ConstrClass;
+    item: string;
+    list: string;
+    secondary: string;
+    spacer: string;
+};

package/dist/constructors/Anchor/Anchor.d.ts

@@ -0,0 +1,65 @@
+import { Ref, ToRefs, ComputedRef } from 'vue';
+import { ConstrEmit, DesignComp } from '@dxtmisha/functional';
+import { LabelInclude } from '../../classes/LabelInclude';
+import { TextInclude } from '../../classes/TextInclude';
+import { TooltipInclude } from '../Tooltip';
+import { AnchorHref } from './AnchorHref';
+import { AnchorTo } from './AnchorTo';
+import { AnchorEvent } from './AnchorEvent';
+import { AnchorIcon } from './AnchorIcon';
+import { AnchorComponents, AnchorEmits, AnchorSlots } from './types';
+import { AnchorProps } from './props';
+/**
+ * Anchor
+ */
+export declare class Anchor {
+    protected readonly props: AnchorProps;
+    protected readonly refs: ToRefs<AnchorProps>;
+    protected readonly element: Ref<HTMLElement | undefined>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<AnchorComponents, AnchorProps> | undefined;
+    protected readonly slots?: AnchorSlots | undefined;
+    protected readonly emits?: ConstrEmit<AnchorEmits> | undefined;
+    protected readonly AnchorHrefConstructor: typeof AnchorHref;
+    protected readonly AnchorToConstructor: typeof AnchorTo;
+    protected readonly AnchorEventConstructor: typeof AnchorEvent;
+    protected readonly AnchorIconConstructor: typeof AnchorIcon;
+    protected readonly LabelIncludeConstructor: typeof LabelInclude;
+    protected readonly TextIncludeConstructor: typeof TextInclude;
+    protected readonly TooltipIncludeConstructor: typeof TooltipInclude;
+    readonly label: LabelInclude;
+    readonly text: TextInclude;
+    readonly tooltip: TooltipInclude;
+    readonly href: AnchorHref;
+    readonly to: AnchorTo;
+    readonly event: AnchorEvent;
+    readonly icon: AnchorIcon;
+    /**
+     * 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 AnchorHrefConstructor class for working with href/ класс для работы с ссылкой
+     * @param AnchorToConstructor class for working with scroll/ класс для работы с прокруткой
+     * @param AnchorEventConstructor class for working with events/ класс для работы с событиями
+     * @param AnchorIconConstructor class for working with icons/ класс для работы с иконками
+     * @param LabelIncludeConstructor class for working with label/ класс для работы с меткой
+     * @param TextIncludeConstructor class for working with text/ класс для работы с текстом
+     * @param TooltipIncludeConstructor class for working with tooltip/ класс для работы с подсказкой
+     */
+    constructor(props: AnchorProps, refs: ToRefs<AnchorProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<AnchorComponents, AnchorProps> | undefined, slots?: AnchorSlots | undefined, emits?: ConstrEmit<AnchorEmits> | undefined, AnchorHrefConstructor?: typeof AnchorHref, AnchorToConstructor?: typeof AnchorTo, AnchorEventConstructor?: typeof AnchorEvent, AnchorIconConstructor?: typeof AnchorIcon, LabelIncludeConstructor?: typeof LabelInclude, TextIncludeConstructor?: typeof TextInclude, TooltipIncludeConstructor?: typeof TooltipInclude);
+    /** Is hide anchor/ Скрыть якорь */
+    readonly isHide: ComputedRef<boolean>;
+    /**
+     * Go if focus on anchor
+     *
+     * Перейти, если фокус на якоре
+     */
+    protected readonly goIsFocus: () => void;
+}

package/dist/constructors/Anchor/AnchorDesign.d.ts

@@ -0,0 +1,81 @@
+import { VNode } from 'vue';
+import { ConstrOptions, ConstrStyles, DesignConstructorAbstract } from '@dxtmisha/functional';
+import { Anchor } from './Anchor';
+import { TooltipControl } from '../Tooltip';
+import { AnchorPropsBasic } from './props';
+import { AnchorClasses, AnchorComponents, AnchorEmits, AnchorExpose, AnchorSlots } from './types';
+/**
+ * AnchorDesign
+ */
+export declare class AnchorDesign<COMP extends AnchorComponents, EXPOSE extends AnchorExpose, CLASSES extends AnchorClasses, P extends AnchorPropsBasic> extends DesignConstructorAbstract<HTMLDivElement, COMP, AnchorEmits, EXPOSE, AnchorSlots, CLASSES, P> {
+    protected readonly item: Anchor;
+    /**
+     * Constructor
+     * @param name class name/ название класса
+     * @param props properties/ свойства
+     * @param options list of additional parameters/ список дополнительных параметров
+     * @param ItemConstructor class for working with the anchor/ класс для работы с якорем
+     */
+    constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, AnchorEmits, P>, ItemConstructor?: typeof Anchor);
+    /**
+     * 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;
+    /**
+     * Rendering the tooltip.
+     *
+     * Рендеринг подсказки.
+     */
+    readonly renderTooltip: () => VNode[];
+    /**
+     * Rendering the main item.
+     *
+     * Рендеринг основного элемента.
+     * @param props additional properties/ дополнительные свойства
+     */
+    readonly renderItem: (props?: TooltipControl) => VNode[];
+    /**
+     * Rendering the hidden item.
+     *
+     * Рендеринг скрытого элемента.
+     */
+    readonly renderItemHide: () => VNode[];
+    /**
+     * Rendering an icon if it is set.
+     *
+     * Рендеринг иконки, если она задана.
+     */
+    readonly renderIcon: () => VNode[];
+    /**
+     * Rendering children elements.
+     *
+     * Рендеринг дочерних элементов.
+     */
+    readonly renderChildren: () => VNode[];
+    /**
+     * Get main element properties.
+     *
+     * Получить свойства основного элемента.
+     */
+    protected getMainProps(): Record<string, any>;
+}

package/dist/constructors/Anchor/AnchorEvent.d.ts

@@ -0,0 +1,44 @@
+import { TooltipInclude } from '../Tooltip';
+import { AnchorHref } from './AnchorHref';
+import { AnchorTo } from './AnchorTo';
+import { AnchorProps } from './props';
+import { Ref } from 'vue';
+/**
+ * Anchor event handler
+ *
+ * Обработчик событий Anchor
+ */
+export declare class AnchorEvent {
+    protected readonly props: AnchorProps;
+    protected readonly tooltip: TooltipInclude;
+    protected readonly href: AnchorHref;
+    protected readonly to?: AnchorTo | undefined;
+    readonly copy: Ref<boolean | undefined, boolean | undefined>;
+    protected timeout: any;
+    /**
+     * Constructor
+     * @param props input data / входные данные
+     * @param tooltip tooltip / подсказка
+     * @param href href handler / обработчик ссылки
+     * @param to scroll handler / обработчик прокрутки
+     */
+    constructor(props: AnchorProps, tooltip: TooltipInclude, href: AnchorHref, to?: AnchorTo | undefined);
+    /**
+     * Is copy state
+     *
+     * Является ли состоянием копирования
+     */
+    isCopy(): boolean;
+    /**
+     * On click handler
+     *
+     * Обработчик нажатия
+     */
+    readonly onClick: (event: MouseEvent) => void;
+    /**
+     * Trigger copy state
+     *
+     * Запустить состояние копирования
+     */
+    protected toCopy(): void;
+}

package/dist/constructors/Anchor/AnchorHref.d.ts

@@ -0,0 +1,35 @@
+import { AnchorProps } from './props';
+import { ComputedRef } from 'vue';
+/**
+ * Anchor href attribute handler
+ *
+ * Обработчик атрибута href якоря
+ */
+export declare class AnchorHref {
+    protected readonly props: AnchorProps;
+    /**
+     * Constructor
+     * @param props input data / входные данные
+     */
+    constructor(props: AnchorProps);
+    /** Computed href attribute/ Вычисляемый атрибут href */
+    readonly href: ComputedRef<string | undefined>;
+    /**
+     * Check if href exists
+     *
+     * Проверить, существует ли href
+     */
+    is(): boolean;
+    /**
+     * Get href value
+     *
+     * Получить значение href
+     */
+    get(): string | undefined;
+    /**
+     * Get full link
+     *
+     * Получить полную ссылку
+     */
+    getLink(): string;
+}

package/dist/constructors/Anchor/AnchorIcon.d.ts

@@ -0,0 +1,30 @@
+import { AnchorProps } from './props';
+import { ConstrBind } from '@dxtmisha/functional';
+import { IconProps } from '../Icon';
+import { AnchorEvent } from './AnchorEvent.ts';
+import { ComputedRef } from 'vue';
+/**
+ * Class for working with the anchor icon
+ *
+ * Класс для работы с иконкой якоря
+ */
+export declare class AnchorIcon {
+    protected readonly props: AnchorProps;
+    protected readonly event: AnchorEvent;
+    /**
+     * Constructor
+     * @param props input data / входные данные
+     * @param event event handler / обработчик событий
+     */
+    constructor(props: AnchorProps, event: AnchorEvent);
+    /** Icon to display/ Иконка для отображения */
+    readonly icon: ComputedRef<string | undefined>;
+    /** Binds for the icon/ Привязки для иконки */
+    readonly binds: ComputedRef<ConstrBind<IconProps>>;
+    /**
+     * Check if the icon is set
+     *
+     * Проверяет, установлена ли иконка
+     */
+    is(): boolean;
+}

package/dist/constructors/Anchor/AnchorTo.d.ts

@@ -0,0 +1,26 @@
+import { Ref } from 'vue';
+import { AnchorHref } from './AnchorHref';
+import { AnchorProps } from './props';
+/**
+ * Anchor scroll handler
+ *
+ * Обработчик прокрутки якоря
+ */
+export declare class AnchorTo {
+    protected readonly props: AnchorProps;
+    protected readonly element: Ref<HTMLElement | undefined>;
+    protected readonly href: AnchorHref;
+    /**
+     * Constructor
+     * @param props input data / входные данные
+     * @param element input element / элемент ввода
+     * @param href href handler / обработчик ссылки
+     */
+    constructor(props: AnchorProps, element: Ref<HTMLElement | undefined>, href: AnchorHref);
+    /**
+     * Scroll to element
+     *
+     * Прокрутить к элементу
+     */
+    go(): void;
+}

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

@@ -0,0 +1,8 @@
+import { NumberOrString } from '@dxtmisha/functional';
+/** Anchor scroll properties/ Свойства прокрутки якоря */
+export interface AnchorScrollProps {
+    shift?: NumberOrString;
+    behavior?: ScrollIntoViewOptions['behavior'];
+    block?: ScrollIntoViewOptions['block'];
+    inline?: ScrollIntoViewOptions['inline'];
+}

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

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

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

@@ -0,0 +1,32 @@
+import { TooltipProps, TooltipPropsInclude } from '../Tooltip';
+import { LabelProps } from '../../types/labelTypes';
+import { TextCopiedClipboardPropsInclude } from '../../types/textTypes';
+import { AnchorScrollProps } from './basicTypes';
+interface AnchorPropsToken {
+}
+export interface AnchorPropsBasic<Tooltip extends TooltipProps = TooltipProps> extends LabelProps, TooltipPropsInclude<Tooltip>, TextCopiedClipboardPropsInclude, AnchorScrollProps {
+    hide?: boolean;
+    name?: string;
+    isCopy?: boolean;
+    iconLink?: string;
+    iconTag?: string;
+    iconContentCopy?: string;
+    delayHide?: number;
+}
+/**
+ * Type describing incoming properties.
+ *
+ * Тип, описывающий входящие свойства.
+ */
+export interface AnchorProps extends AnchorPropsBasic, AnchorPropsToken {
+}
+/**
+ * Default value for property.
+ *
+ * Значение по умолчанию для свойства.
+ */
+export declare const defaultsAnchor: {
+    shift: number;
+    delayHide: number;
+};
+export {};

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

@@ -0,0 +1,40 @@
+import { ConstrClass } from '@dxtmisha/functional';
+import { TooltipComponentInclude } from '../Tooltip';
+import { LabelExpose, LabelSlots } from '../../types/labelTypes';
+import { IconComponentInclude } from '../Icon';
+/**
+ * Interface for describing which components need to be connected for work.
+ *
+ * Интерфейс для описания, какие компоненты надо подключить для работы.
+ */
+export type AnchorComponents = TooltipComponentInclude & IconComponentInclude;
+/**
+ * Type describing available events.
+ *
+ * Тип, описывающий доступные события.
+ */
+export type AnchorEmits = {};
+/**
+ * Type describing available properties.
+ *
+ * Тип, описывающий доступные свойства.
+ */
+export interface AnchorExpose extends LabelExpose {
+    go(): void;
+}
+/**
+ * Type describing available slots.
+ *
+ * Тип, описывающий доступные слоты.
+ */
+export interface AnchorSlots extends LabelSlots {
+}
+/**
+ * Type describing subclasses.
+ *
+ * Тип, описывающий подклассы.
+ */
+export type AnchorClasses = {
+    main: ConstrClass;
+    label: string;
+};

package/dist/constructors/Arrow/Arrow.d.ts

@@ -0,0 +1,56 @@
+import { Ref, ToRefs, ComputedRef } from 'vue';
+import { ConstrClassObject, ConstrEmit, ConstrStyles, DesignComp } from '@dxtmisha/functional';
+import { ArrowElement } from './ArrowElement';
+import { ArrowElementTarget } from './ArrowElementTarget';
+import { ArrowParent } from './ArrowParent';
+import { ArrowPosition } from './ArrowPosition';
+import { ArrowEvent } from './ArrowEvent';
+import { ArrowDirection } from './basicTypes';
+import { ArrowComponents, ArrowEmits, ArrowSlots } from './types';
+import { ArrowProps } from './props';
+/**
+ * Arrow
+ */
+export declare class Arrow {
+    protected readonly props: ArrowProps;
+    protected readonly refs: ToRefs<ArrowProps>;
+    protected readonly element: Ref<HTMLElement | undefined>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<ArrowComponents, ArrowProps> | undefined;
+    protected readonly slots?: ArrowSlots | undefined;
+    protected readonly emits?: ConstrEmit<ArrowEmits> | undefined;
+    protected readonly ArrowElementConstructor: typeof ArrowElement;
+    protected readonly ArrowElementTargetConstructor: typeof ArrowElementTarget;
+    protected readonly ArrowParentConstructor: typeof ArrowParent;
+    protected readonly ArrowPositionConstructor: typeof ArrowPosition;
+    protected readonly ArrowEventConstructor: typeof ArrowEvent;
+    readonly elementItem: ArrowElement;
+    readonly elementTarget: ArrowElementTarget;
+    readonly parent: ArrowParent;
+    readonly position: ArrowPosition;
+    readonly event: ArrowEvent;
+    /**
+     * 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 ArrowElementConstructor class for working with the arrow element/ класс для работы с элементом стрелки
+     * @param ArrowElementTargetConstructor class for working with the target element of the arrow/ класс для работы с целевым элементом стрелки
+     * @param ArrowParentConstructor class for working with the parent element of the arrow/ класс для работы с родительским элементом стрелки
+     * @param ArrowPositionConstructor class for working with the position of the arrow/ класс для работы с позицией стрелки
+     * @param ArrowEventConstructor class for working with arrow events/ класс для работы с событиями стрелки
+     */
+    constructor(props: ArrowProps, refs: ToRefs<ArrowProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<ArrowComponents, ArrowProps> | undefined, slots?: ArrowSlots | undefined, emits?: ConstrEmit<ArrowEmits> | undefined, ArrowElementConstructor?: typeof ArrowElement, ArrowElementTargetConstructor?: typeof ArrowElementTarget, ArrowParentConstructor?: typeof ArrowParent, ArrowPositionConstructor?: typeof ArrowPosition, ArrowEventConstructor?: typeof ArrowEvent);
+    /** Direction of the arrow/ Направление стрелки */
+    readonly direction: ComputedRef<ArrowDirection>;
+    /** Classes for the component/ Классы для компонента */
+    readonly classes: ComputedRef<ConstrClassObject>;
+    /** Styles for the component/ Стили для компонента */
+    readonly styles: ComputedRef<ConstrStyles>;
+}