@dxtmisha/constructor 0.30.1 → 0.39.3

package/dist/constructors/Scrollbar/ScrollbarInclude.d.ts

@@ -0,0 +1,46 @@
+import { VNode } from 'vue';
+import { ConstrEmit, DesignComponents } from '@dxtmisha/functional';
+import { ScrollbarComponentsInclude, ScrollbarEmitsInclude, ScrollbarPropsInclude, ScrollbarEdgeType } from './basicTypes';
+/**
+ * ScrollbarInclude class provides functionality for conditionally rendering scrollbar components
+ * within other components. It manages the logic for determining when to display a scrollbar
+ * and configures the appropriate properties.
+ *
+ * Класс ScrollbarInclude предоставляет функциональность для условного рендеринга компонентов
+ * скроллбара внутри других компонентов. Он управляет логикой определения необходимости
+ * отображения скроллбара и настраивает соответствующие свойства.
+ *
+ * @template Props - Properties interface extending ScrollbarPropsInclude
+ */
+export declare class ScrollbarInclude<Props extends ScrollbarPropsInclude = ScrollbarPropsInclude> {
+    protected readonly props: Readonly<Props>;
+    protected readonly className: string;
+    protected readonly components?: DesignComponents<ScrollbarComponentsInclude, Props> | undefined;
+    protected readonly emits?: ConstrEmit<ScrollbarEmitsInclude> | 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/ функция вызывается, когда срабатывает событие
+     */
+    constructor(props: Readonly<Props>, className: string, components?: DesignComponents<ScrollbarComponentsInclude, Props> | undefined, emits?: ConstrEmit<ScrollbarEmitsInclude> | undefined);
+    /**
+     * Renders scrollbar component or fallback element
+     * Рендерит компонент скроллбара или элемент по умолчанию
+     */
+    render(tag: string, props?: Record<string, any>, children?: any): VNode[];
+    /**
+     * Returns event handlers for scrollbar
+     * Возвращает обработчики событий для скроллбара
+     */
+    protected getScrollbarEvents(): {
+        onTop: (isTop: boolean) => void | undefined;
+        onReachTop: () => void | undefined;
+        onLeaveTop: () => void | undefined;
+        onBottom: (isBottom: boolean) => void | undefined;
+        onReachBottom: () => void | undefined;
+        onLeaveBottom: () => void | undefined;
+        onEdge: (isTop: boolean, isBottom: boolean, edge: ScrollbarEdgeType) => void | undefined;
+    };
+}

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

@@ -0,0 +1,35 @@
+import { ConstrBind } from '@dxtmisha/functional';
+import { ScrollbarPropsBasic } from './props';
+import { ScrollbarEmits } from './types';
+/**
+ * Type describing the edge position of the scrollbar/
+ * Тип, описывающий позицию края скроллбара
+ */
+export type ScrollbarEdgeType = 'top' | 'bottom';
+/**
+ * Interface for describing which components need to be connected for work/
+ * Интерфейс для описания, какие компоненты надо подключить для работы
+ */
+export type ScrollbarComponentsInclude = {
+    scrollbar?: object;
+};
+/**
+ * Interface for describing available events with scrollbar prefix/
+ * Интерфейс для описания доступных событий с префиксом scrollbar
+ */
+export type ScrollbarEmitsInclude = {
+    scrollbarTop: ScrollbarEmits['top'];
+    scrollbarReachTop: ScrollbarEmits['reachTop'];
+    scrollbarLeaveTop: ScrollbarEmits['leaveTop'];
+    scrollbarBottom: ScrollbarEmits['bottom'];
+    scrollbarReachBottom: ScrollbarEmits['reachBottom'];
+    scrollbarLeaveBottom: ScrollbarEmits['leaveBottom'];
+    scrollbarEdge: ScrollbarEmits['edge'];
+};
+/**
+ * Interface for describing available properties for scrollbar inclusion/
+ * Интерфейс для описания доступных свойств для включения скроллбара
+ */
+export interface ScrollbarPropsInclude<Scrollbar extends ScrollbarPropsBasic = ScrollbarPropsBasic> {
+    scrollbarAttrs?: ConstrBind<Scrollbar>;
+}

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

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

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

@@ -0,0 +1,28 @@
+interface ScrollbarPropsToken {
+    visible?: boolean;
+    divider?: boolean;
+    dividerTop?: boolean;
+    dividerBottom?: boolean;
+    dividerHide?: boolean;
+    inverse?: boolean;
+    standard?: boolean;
+}
+export interface ScrollbarPropsBasic {
+    tag?: string;
+}
+/**
+ * Type describing incoming properties.
+ *
+ * Тип, описывающий входящие свойства.
+ */
+export interface ScrollbarProps extends ScrollbarPropsBasic, ScrollbarPropsToken {
+}
+/**
+ * Default value for property.
+ *
+ * Значение по умолчанию для свойства.
+ */
+export declare const defaultsScrollbar: {
+    tag: string;
+};
+export {};

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

@@ -0,0 +1,45 @@
+import { ConstrClass } from '@dxtmisha/functional';
+import { ScrollbarEdgeType } from './basicTypes';
+/**
+ * Interface for describing which components need to be connected for work.
+ *
+ * Интерфейс для описания, какие компоненты надо подключить для работы.
+ */
+export type ScrollbarComponents = {};
+/**
+ * Type describing available events.
+ *
+ * Тип, описывающий доступные события.
+ */
+export type ScrollbarEmits = {
+    top: [isTop: boolean];
+    reachTop: [];
+    leaveTop: [];
+    bottom: [isBottom: boolean];
+    reachBottom: [];
+    leaveBottom: [];
+    edge: [isTop: boolean, isBottom: boolean, edge: ScrollbarEdgeType];
+};
+/**
+ * Type describing available properties.
+ *
+ * Тип, описывающий доступные свойства.
+ */
+export interface ScrollbarExpose {
+}
+/**
+ * Type describing available slots.
+ *
+ * Тип, описывающий доступные слоты.
+ */
+export interface ScrollbarSlots {
+    default?(props: any): any;
+}
+/**
+ * Type describing subclasses.
+ *
+ * Тип, описывающий подклассы.
+ */
+export type ScrollbarClasses = {
+    main: ConstrClass;
+};

package/dist/constructors/Section/Section.d.ts

@@ -0,0 +1,6 @@
+import { Block } from '../Block';
+/**
+ * Section
+ */
+export declare class Section extends Block {
+}

package/dist/constructors/Section/SectionDesign.d.ts

@@ -0,0 +1,18 @@
+import { ConstrOptions } from '@dxtmisha/functional';
+import { BlockDesign } from '../Block';
+import { Section } from './Section';
+import { SectionPropsBasic } from './props';
+import { SectionClasses, SectionComponents, SectionEmits, SectionExpose } from './types';
+/**
+ * SectionDesign
+ */
+export declare class SectionDesign<COMP extends SectionComponents, EXPOSE extends SectionExpose, CLASSES extends SectionClasses, P extends SectionPropsBasic> extends BlockDesign<COMP, EXPOSE, CLASSES, P> {
+    /**
+     * Constructor
+     * @param name class name/ название класса
+     * @param props properties/ свойства
+     * @param options list of additional parameters/ список дополнительных параметров
+     * @param ItemConstructor block item class/ класс элемента блока
+     */
+    constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, SectionEmits, P>, ItemConstructor?: typeof Section);
+}

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

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

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

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

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

@@ -0,0 +1,23 @@
+import { IconPropsBasic } from '../Icon';
+import { BlockPropsBasic } from '../Block';
+interface SectionPropsToken {
+}
+export interface SectionPropsBasic<Icon extends IconPropsBasic = IconPropsBasic> extends BlockPropsBasic<Icon> {
+}
+/**
+ * Type describing incoming properties.
+ *
+ * Тип, описывающий входящие свойства.
+ */
+export interface SectionProps extends SectionPropsBasic, SectionPropsToken {
+}
+/**
+ * Default value for property.
+ *
+ * Значение по умолчанию для свойства.
+ */
+export declare const defaultsSection: {
+    tag: string;
+    tagHeader: string;
+};
+export {};

package/dist/constructors/Section/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 SectionComponents = BlockComponents;
+/**
+ * Type describing available events.
+ *
+ * Тип, описывающий доступные события.
+ */
+export type SectionEmits = BlockEmits;
+/**
+ * Type describing available properties.
+ *
+ * Тип, описывающий доступные свойства.
+ */
+export interface SectionExpose extends BlockExpose {
+}
+/**
+ * Type describing available slots.
+ *
+ * Тип, описывающий доступные слоты.
+ */
+export interface SectionSlots extends BlockSlots {
+}
+/**
+ * Type describing subclasses.
+ *
+ * Тип, описывающий подклассы.
+ */
+export type SectionClasses = {
+    main: ConstrClass;
+    headline: string;
+    header: string;
+    label: string;
+    description: string;
+    caption: string;
+    icon: string;
+    space: string;
+    body: string;
+};

package/dist/constructors/Select/Select.d.ts

@@ -0,0 +1,64 @@
+import { Ref, ToRefs, ComputedRef } from 'vue';
+import { ConstrEmit, DesignComp } from '@dxtmisha/functional';
+import { FieldElementInclude } from '../../classes/field/FieldElementInclude';
+import { FieldChangeInclude } from '../../classes/field/FieldChangeInclude';
+import { FieldValueInclude } from '../../classes/field/FieldValueInclude';
+import { FieldCodeInclude } from '../../classes/field/FieldCodeInclude';
+import { FieldValidationInclude } from '../../classes/field/FieldValidationInclude';
+import { FieldAttributesInclude } from '../../classes/field/FieldAttributesInclude';
+import { FieldEventInclude } from '../../classes/field/FieldEventInclude';
+import { MenuInclude } from '../Menu';
+import { FieldInclude } from '../Field/FieldInclude';
+import { SelectInput } from './SelectInput';
+import { SelectFilter } from './SelectFilter';
+import { SelectComponents, SelectEmits, SelectSlots } from './types';
+import { SelectProps } from './props';
+import { IconValue } from '../Icon';
+/**
+ * Select
+ */
+export declare class Select {
+    protected readonly props: SelectProps;
+    protected readonly refs: ToRefs<SelectProps>;
+    protected readonly element: Ref<HTMLElement | undefined>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<SelectComponents, SelectProps> | undefined;
+    protected readonly slots?: SelectSlots | undefined;
+    protected readonly emits?: ConstrEmit<SelectEmits> | undefined;
+    readonly attributes: FieldAttributesInclude;
+    readonly elementItem: FieldElementInclude;
+    readonly change: FieldChangeInclude;
+    readonly value: FieldValueInclude;
+    readonly code: FieldCodeInclude;
+    readonly validation: FieldValidationInclude;
+    readonly event: FieldEventInclude;
+    readonly field: FieldInclude;
+    readonly menu: MenuInclude;
+    readonly input: SelectInput;
+    readonly filter: SelectFilter;
+    /**
+     * 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: SelectProps, refs: ToRefs<SelectProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<SelectComponents, SelectProps> | undefined, slots?: SelectSlots | undefined, emits?: ConstrEmit<SelectEmits> | undefined);
+    /** Checks whether there are slots for context areas/ Проверяет, есть ли слоты для контекстных областей */
+    protected readonly isSlot: ComputedRef<boolean>;
+    /** Computes the trailing icon value/ Вычисляет значение иконки трейлинга */
+    protected readonly iconTrailing: ComputedRef<IconValue | undefined>;
+    /** Handles click on option in slot/ Обрабатывает клик по опции в слоте */
+    protected readonly onClick: (value?: string) => void;
+    /**
+     * Checks whether arrow is set.
+     *
+     * Проверяет, установлена ли стрелка.
+     */
+    protected isArrow(): boolean;
+}

package/dist/constructors/Select/SelectDesign.d.ts

@@ -0,0 +1,89 @@
+import { VNode } from 'vue';
+import { ConstrOptions, ConstrStyles, DesignConstructorAbstract } from '@dxtmisha/functional';
+import { Select } from './Select';
+import { MenuControlItem } from '../Menu';
+import { FieldControl } from '../Field';
+import { SelectPropsBasic } from './props';
+import { SelectClasses, SelectComponents, SelectEmits, SelectExpose, SelectSlots } from './types';
+/**
+ * SelectDesign
+ */
+export declare class SelectDesign<COMP extends SelectComponents, EXPOSE extends SelectExpose, CLASSES extends SelectClasses, P extends SelectPropsBasic> extends DesignConstructorAbstract<HTMLDivElement, COMP, SelectEmits, EXPOSE, SelectSlots, CLASSES, P> {
+    protected readonly item: Select;
+    /**
+     * Constructor
+     * @param name class name/ название класса
+     * @param props properties/ свойства
+     * @param options list of additional parameters/ список дополнительных параметров
+     */
+    constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, SelectEmits, 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[];
+    /**
+     * Rendering the menu element.
+     *
+     * Рендер элемента меню.
+     * @param input data for the input element/ данные для элемента ввода
+     */
+    protected readonly renderMenu: (input: FieldControl) => VNode[];
+    /**
+     * Render menu control.
+     *
+     * Рендер элемента управления меню.
+     * @param input data for the input element/ данные для элемента ввода
+     * @param props data for the transferable property/ данные для передаваемого свойства
+     */
+    protected readonly renderMenuControl: (input: FieldControl, props: MenuControlItem) => VNode | VNode[];
+    /**
+     * Render input element.
+     *
+     * Рендер элемента ввода.
+     * @param input data for the input element/ данные для элемента ввода
+     * @param props data for the transferable property/ данные для передаваемого свойства
+     */
+    protected readonly renderMenuControlInput: (input: FieldControl, props: MenuControlItem) => VNode;
+    /**
+     * Render menu control in static mode.
+     *
+     * Рендер элемента управления меню в статическом режиме.
+     * @param input data for the input element/ данные для элемента ввода
+     * @param props data for the transferable property/ данные для передаваемого свойства
+     */
+    protected readonly renderMenuControlValue: (input: FieldControl, props: MenuControlItem) => VNode;
+    /**
+     * Render title element.
+     *
+     * Рендер элемента заголовка.
+     * @param props data for the transferable property/ данные для передаваемого свойства
+     */
+    protected readonly renderTitle: (props: MenuControlItem) => any[];
+    /**
+     * Render filter input.
+     *
+     * Рендер фильтра ввода.
+     * @param props data for the transferable property/ данные для передаваемого свойства
+     */
+    protected readonly renderFilterInput: (props: MenuControlItem) => VNode;
+}

package/dist/constructors/Select/SelectFilter.d.ts

@@ -0,0 +1,33 @@
+import { FieldValidationItem } from '../../types/fieldTypes';
+import { Ref } from 'vue';
+/**
+ * SelectFilter class manages filter/search functionality for select components.
+ * Provides value storage and input handling for filtering items.
+ *
+ * Класс SelectFilter управляет функциональностью фильтрации/поиска для компонентов выбора.
+ * Предоставляет хранение значения и обработку ввода для фильтрации элементов.
+ */
+export declare class SelectFilter {
+    /** Reactive filter value/ Реактивное значение фильтра */
+    readonly value: Ref<string, string>;
+    /**
+     * Get current filter value.
+     *
+     * Получить текущее значение фильтра.
+     */
+    get(): string;
+    /**
+     * Set filter value.
+     *
+     * Установить значение фильтра.
+     * @param value filter string/ строка фильтра
+     */
+    set(value: string): void;
+    /**
+     * Input event handler.
+     *
+     * Обработчик события ввода.
+     * @param value validation item with input value/ элемент валидации со значением ввода
+     */
+    readonly onInput: (value: FieldValidationItem) => void;
+}

package/dist/constructors/Select/SelectInput.d.ts

@@ -0,0 +1,40 @@
+import { ConstrBind } from '@dxtmisha/functional';
+import { FieldAttributesInclude } from '../../classes/field/FieldAttributesInclude';
+import { FieldValueInclude } from '../../classes/field/FieldValueInclude';
+import { FieldEventInclude } from '../../classes/field/FieldEventInclude';
+import { SelectProps } from './props';
+import { ComputedRef } from 'vue';
+/**
+ * Class for working with the select input.
+ *
+ * Класс для работы с input селекта.
+ */
+export declare class SelectInput {
+    protected readonly props: Readonly<SelectProps>;
+    protected readonly attributes: FieldAttributesInclude;
+    protected readonly value: FieldValueInclude;
+    protected readonly event: FieldEventInclude;
+    /**
+     * Constructor
+     * @param props input data/ входные данные
+     * @param attributes object for working with input attributes/ объект для работы с атрибутами ввода
+     * @param value object for working with values/ объект для работы со значениями
+     * @param event object for working with events/ объект для работы с событиями
+     */
+    constructor(props: Readonly<SelectProps>, attributes: FieldAttributesInclude, value: FieldValueInclude, event: FieldEventInclude);
+    /** Indicates if it is in edit mode/ Указывает, находится ли в режиме редактирования */
+    readonly isEdit: ComputedRef<boolean>;
+    /**
+     * Returns data for the input field.
+     *
+     * Возвращает данные для поля input.
+     */
+    readonly binds: ComputedRef<ConstrBind<Partial<HTMLInputElement>> | undefined>;
+    /**
+     * Handles the keydown event to simulate a click on the input element.
+     *
+     * Обрабатывает событие нажатия клавиши для имитации клика по элементу ввода.
+     * @param event The keydown event object/ Объект события нажатия клавиши
+     */
+    protected onKeydown: (event: Event) => void;
+}

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

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

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

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

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

@@ -0,0 +1,35 @@
+import { ConstrBind } from '@dxtmisha/functional';
+import { IconPropsBasic, IconValue } from '../Icon';
+import { FieldPropsBasic, FieldPropsInclude } from '../Field';
+import { FieldLabelPropsBasic } from '../FieldLabel';
+import { FieldMessagePropsBasic } from '../FieldMessage';
+import { FieldCounterPropsBasic } from '../FieldCounter';
+import { InputPropsBasic } from '../Input';
+import { ProgressPropsBasic } from '../Progress';
+import { MenuPropsBasic, MenuPropsInclude } from '../Menu';
+import { FieldSelectProps } from '../../types/fieldTypes';
+interface SelectPropsToken {
+}
+export interface SelectPropsBasic<Icon extends IconPropsBasic = IconPropsBasic, Field extends FieldPropsBasic = FieldPropsBasic, FieldLabel extends FieldLabelPropsBasic = FieldLabelPropsBasic, FieldMessage extends FieldMessagePropsBasic = FieldMessagePropsBasic, FieldCounter extends FieldCounterPropsBasic = FieldCounterPropsBasic, Input extends InputPropsBasic = InputPropsBasic, Progress extends ProgressPropsBasic = ProgressPropsBasic, Menu extends MenuPropsBasic = MenuPropsBasic> extends FieldPropsInclude<Icon, Field, FieldLabel, FieldMessage, FieldCounter, Progress>, FieldSelectProps, MenuPropsInclude<Menu> {
+    editValue?: boolean;
+    hideList?: boolean;
+    showSearch?: boolean;
+    filterMode?: boolean;
+    iconArrowDown?: IconValue<Icon>;
+    iconSearch?: IconValue<Icon>;
+    inputSearchAttrs?: ConstrBind<Input>;
+}
+/**
+ * Type describing incoming properties.
+ *
+ * Тип, описывающий входящие свойства.
+ */
+export interface SelectProps extends SelectPropsBasic, SelectPropsToken {
+}
+/**
+ * Default value for property.
+ *
+ * Значение по умолчанию для свойства.
+ */
+export declare const defaultsSelect: {};
+export {};

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

@@ -0,0 +1,41 @@
+import { ConstrClass } from '@dxtmisha/functional';
+import { MenuComponentInclude, MenuExposeInclude, MenuSlotInclude } from '../Menu';
+import { FieldComponentInclude, FieldSlotsInclude } from '../Field';
+import { SelectValueComponentInclude } from '../SelectValue';
+import { InputComponentInclude } from '../Input';
+import { FieldBasicEmits, FieldBasicExpose } from '../../types/fieldTypes';
+/**
+ * Interface for describing which components need to be connected for work.
+ *
+ * Интерфейс для описания, какие компоненты надо подключить для работы.
+ */
+export type SelectComponents = MenuComponentInclude & FieldComponentInclude & SelectValueComponentInclude & InputComponentInclude;
+/**
+ * Type describing available events.
+ *
+ * Тип, описывающий доступные события.
+ */
+export type SelectEmits = FieldBasicEmits;
+/**
+ * Type describing available properties.
+ *
+ * Тип, описывающий доступные свойства.
+ */
+export interface SelectExpose extends FieldBasicExpose, MenuExposeInclude {
+}
+/**
+ * Type describing available slots.
+ *
+ * Тип, описывающий доступные слоты.
+ */
+export interface SelectSlots extends FieldSlotsInclude, MenuSlotInclude {
+}
+/**
+ * Type describing subclasses.
+ *
+ * Тип, описывающий подклассы.
+ */
+export type SelectClasses = {
+    main: ConstrClass;
+    input: string;
+};

package/dist/constructors/SelectValue/SelectValue.d.ts

@@ -0,0 +1,51 @@
+import { Ref, ToRefs, ComputedRef } from 'vue';
+import { ConstrBind, ConstrClassObject, ConstrEmit, DesignComp } from '@dxtmisha/functional';
+import { EnabledInclude } from '../../classes/EnabledInclude';
+import { EventClickInclude } from '../../classes/EventClickInclude';
+import { IconProps } from '../Icon';
+import { WindowClassesInclude } from '../Window';
+import { EventClickValue } from '../../types/eventClickTypes';
+import { SelectValueComponents, SelectValueEmits, SelectValueSlots } from './types';
+import { SelectValueProps } from './props';
+/**
+ * SelectValue
+ */
+export declare class SelectValue {
+    protected readonly props: SelectValueProps;
+    protected readonly refs: ToRefs<SelectValueProps>;
+    protected readonly element: Ref<HTMLElement | undefined>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<SelectValueComponents, SelectValueProps> | undefined;
+    protected readonly slots?: SelectValueSlots | undefined;
+    protected readonly emits?: ConstrEmit<SelectValueEmits> | undefined;
+    readonly enabled: EnabledInclude;
+    readonly event: EventClickInclude;
+    readonly window: WindowClassesInclude;
+    /**
+     * 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: SelectValueProps, refs: ToRefs<SelectValueProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<SelectValueComponents, SelectValueProps> | undefined, slots?: SelectValueSlots | undefined, emits?: ConstrEmit<SelectValueEmits> | undefined);
+    /** Is placeholder/ Является ли плейсхолдером */
+    readonly isPlaceholder: ComputedRef<boolean>;
+    /** Icon for canceling selection/ Иконка для отмены выбора */
+    readonly iconTrailing: ComputedRef<ConstrBind<IconProps> | undefined>;
+    /** Returns data for the main style class/ Возвращает данные для главного класса стиля */
+    readonly classes: ComputedRef<ConstrClassObject>;
+    /**
+     * Click event handler.
+     *
+     * Обработчик события клика.
+     * @param event event object/ объект события
+     * @param options additional event options/ дополнительные опции события
+     */
+    readonly onClick: (event: MouseEvent, options?: EventClickValue) => void;
+}