@dxtmisha/constructor 0.30.1 → 0.39.5

package/dist/constructors/FieldLabel/FieldLabelDesign.d.ts

@@ -0,0 +1,48 @@
+import { VNode } from 'vue';
+import { ConstrOptions, ConstrStyles, DesignConstructorAbstract } from '@dxtmisha/functional';
+import { FieldLabel } from './FieldLabel';
+import { FieldLabelPropsBasic } from './props';
+import { FieldLabelClasses, FieldLabelComponents, FieldLabelEmits, FieldLabelExpose, FieldLabelSlots } from './types';
+/**
+ * FieldLabelDesign
+ */
+export declare class FieldLabelDesign<COMP extends FieldLabelComponents, EXPOSE extends FieldLabelExpose, CLASSES extends FieldLabelClasses, P extends FieldLabelPropsBasic> extends DesignConstructorAbstract<HTMLDivElement, COMP, FieldLabelEmits, EXPOSE, FieldLabelSlots, CLASSES, P> {
+    protected readonly item: FieldLabel;
+    /**
+     * Constructor
+     * @param name class name/ название класса
+     * @param props properties/ свойства
+     * @param options list of additional parameters/ список дополнительных параметров
+     */
+    constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, FieldLabelEmits, 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;
+    /**
+     * Display of the asterisk, an indication of required fields.
+     *
+     * Вывод звездочки, признак обязательного заполнения.
+     */
+    readonly renderRequired: () => VNode[];
+}

package/dist/constructors/FieldLabel/FieldLabelInclude.d.ts

@@ -0,0 +1,43 @@
+import { VNode, ComputedRef } from 'vue';
+import { ConstrBind, DesignComponents, RefOrNormal, RefType } from '@dxtmisha/functional';
+import { FieldLabelComponentInclude, FieldLabelPropsInclude, FieldLabelSlotsInclude } from './basicTypes';
+import { FieldLabelPropsBasic } from './props';
+/**
+ * The class returns data for working with the FieldLabel component
+ *
+ * Класс возвращает данные для работы с компонентом FieldLabel
+ */
+export declare class FieldLabelInclude<Props extends FieldLabelPropsInclude = FieldLabelPropsInclude, PropsExtra extends ConstrBind<FieldLabelPropsBasic> = ConstrBind<FieldLabelPropsBasic>> {
+    protected readonly props: Readonly<Props>;
+    protected readonly className: string;
+    protected readonly components?: DesignComponents<FieldLabelComponentInclude, Props> | undefined;
+    protected readonly slots?: FieldLabelSlotsInclude | undefined;
+    protected readonly isCounter?: RefType<boolean | undefined> | undefined;
+    protected readonly labelId?: string | undefined;
+    protected readonly counterId?: string | undefined;
+    protected readonly extra?: RefOrNormal<PropsExtra> | undefined;
+    protected readonly index?: string | undefined;
+    /** Field counter include/ Подключение счетчика поля */
+    private readonly fieldCounter;
+    /**
+     * Constructor
+     * @param props input parameter/ входной параметр
+     * @param className class name/ название класса
+     * @param components object for working with components/ объект для работы с компонентами
+     * @param slots object for working with slots/ объект для работы со слотами
+     * @param isCounter whether to display the counter/ отображать ли счетчик
+     * @param labelId label identifier/ идентификатор метки
+     * @param counterId counter identifier/ идентификатор счетчика
+     * @param extra additional parameter or property name/ дополнительный параметр или имя свойства
+     * @param index index identifier/ идентификатор индекса
+     */
+    constructor(props: Readonly<Props>, className: string, components?: DesignComponents<FieldLabelComponentInclude, Props> | undefined, slots?: FieldLabelSlotsInclude | undefined, isCounter?: RefType<boolean | undefined> | undefined, labelId?: string | undefined, counterId?: string | undefined, extra?: RefOrNormal<PropsExtra> | undefined, index?: string | undefined);
+    /** Checks if label should be displayed/ Проверяет, надо ли отображать метку */
+    readonly is: ComputedRef<boolean>;
+    /** Computed bindings for FieldLabel/ Вычисляемые привязки для FieldLabel */
+    readonly binds: ComputedRef<PropsExtra>;
+    /**
+     * Render the FieldLabel component/ Рендер компонента FieldLabel
+     */
+    readonly render: () => VNode[];
+}

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

@@ -0,0 +1,28 @@
+import { ConstrBind } from '@dxtmisha/functional';
+import { LabelAlternativeSlots, LabelProps } from '../../types/labelTypes';
+import { FieldCounterPropsBasic, FieldCounterPropsInclude } from '../FieldCounter';
+import { FieldLabelPropsBasic } from './props';
+/**
+ * Interface for describing which components need to be connected for FieldLabel work/
+ * Интерфейс для описания, какие компоненты надо подключить для работы FieldLabel
+ */
+export type FieldLabelComponentInclude = {
+    fieldLabel: object;
+};
+/**
+ * Slots contract that FieldLabelInclude can expose or map to Label component slots.
+ * Extends LabelAlternativeSlots to reuse standard label-related slots (leading, trailing, etc.).
+ *
+ * Контракт слотов, которые может предоставлять FieldLabelInclude или прокидывать в Label.
+ * Расширяет LabelAlternativeSlots, чтобы переиспользовать стандартные слоты лейбла (leading, trailing и др.).
+ */
+export interface FieldLabelSlotsInclude extends LabelAlternativeSlots {
+}
+/**
+ * Properties that can be passed to FieldLabelInclude/
+ * Свойства, которые можно передать в FieldLabelInclude
+ */
+export type FieldLabelPropsInclude<FieldLabel extends FieldLabelPropsBasic = FieldLabelPropsBasic, FieldCounter extends FieldCounterPropsBasic = FieldCounterPropsBasic> = LabelProps & FieldCounterPropsInclude<FieldCounter> & {
+    required?: boolean;
+    fieldLabelAttrs?: ConstrBind<FieldLabel>;
+};

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

@@ -0,0 +1,6 @@
+export * from './FieldLabel';
+export * from './FieldLabelDesign';
+export * from './FieldLabelInclude';
+export * from './props';
+export * from './types';
+export * from './basicTypes';

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

@@ -0,0 +1,20 @@
+import { LabelProps } from '../../types/labelTypes';
+import { ProgressPropsBasic, ProgressPropsInclude } from '../Progress';
+import { FieldCounterPropsBasic, FieldCounterPropsInclude } from '../FieldCounter';
+import { SkeletonPropsInclude } from '../Skeleton';
+export type FieldLabelPropsToken = {};
+export type FieldLabelPropsBasic<FieldCounter extends FieldCounterPropsBasic = FieldCounterPropsBasic, Progress extends ProgressPropsBasic = ProgressPropsBasic> = LabelProps & FieldCounterPropsInclude<FieldCounter> & ProgressPropsInclude<Progress> & SkeletonPropsInclude & {
+    required?: boolean;
+};
+/**
+ * Type describing incoming properties.
+ *
+ * Тип, описывающий входящие свойства.
+ */
+export type FieldLabelProps = FieldLabelPropsBasic & FieldLabelPropsToken;
+/**
+ * Default value for property.
+ *
+ * Значение по умолчанию для свойства.
+ */
+export declare const defaultsFieldLabel: {};

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

@@ -0,0 +1,40 @@
+import { ConstrClass } from '@dxtmisha/functional';
+import { LabelAlternativeSlots, LabelExpose } from '../../types/labelTypes';
+import { FieldCounterComponentInclude } from '../FieldCounter';
+import { ProgressComponentInclude } from '../Progress';
+/**
+ * Interface for describing which components need to be connected for work.
+ *
+ * Интерфейс для описания, какие компоненты надо подключить для работы.
+ */
+export type FieldLabelComponents = FieldCounterComponentInclude & ProgressComponentInclude;
+/**
+ * Type describing available events.
+ *
+ * Тип, описывающий доступные события.
+ */
+export type FieldLabelEmits = {};
+/**
+ * Type describing available properties.
+ *
+ * Тип, описывающий доступные свойства.
+ */
+export interface FieldLabelExpose extends LabelExpose {
+}
+/**
+ * Type describing available slots.
+ *
+ * Тип, описывающий доступные слоты.
+ */
+export interface FieldLabelSlots extends LabelAlternativeSlots {
+}
+/**
+ * Type describing subclasses.
+ *
+ * Тип, описывающий подклассы.
+ */
+export type FieldLabelClasses = {
+    main: ConstrClass;
+    label: string;
+    required: string;
+};

package/dist/constructors/FieldMessage/FieldMessage.d.ts

@@ -0,0 +1,55 @@
+import { Ref, ToRefs, ComputedRef } from 'vue';
+import { ConstrClassObject, ConstrEmit, DesignComp } from '@dxtmisha/functional';
+import { FieldCounterInclude } from '../FieldCounter';
+import { FieldMessageMessage } from './FieldMessageMessage';
+import { SkeletonInclude } from '../Skeleton';
+import { FieldMessageComponents, FieldMessageEmits, FieldMessageSlots } from './types';
+import { FieldMessageSlot } from './basicTypes';
+import { FieldMessageProps } from './props';
+/**
+ * FieldMessage
+ */
+export declare class FieldMessage {
+    protected readonly props: FieldMessageProps;
+    protected readonly refs: ToRefs<FieldMessageProps>;
+    protected readonly element: Ref<HTMLElement | undefined>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<FieldMessageComponents, FieldMessageProps> | undefined;
+    protected readonly slots?: FieldMessageSlots | undefined;
+    protected readonly emits?: ConstrEmit<FieldMessageEmits> | undefined;
+    /** Field counter functionality/ Функциональность счетчика поля */
+    readonly fieldCounter: FieldCounterInclude<FieldMessageProps>;
+    /** Message functionality/ Функциональность сообщений */
+    readonly message: FieldMessageMessage;
+    /** Skeleton include/ Подключение скелетона */
+    readonly skeleton: SkeletonInclude;
+    /**
+     * 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: FieldMessageProps, refs: ToRefs<FieldMessageProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<FieldMessageComponents, FieldMessageProps> | undefined, slots?: FieldMessageSlots | undefined, emits?: ConstrEmit<FieldMessageEmits> | undefined);
+    /**
+     * Checks if there are values for outputting the element/ Проверяет, есть ли значения для вывода элемента
+     */
+    readonly is: ComputedRef<boolean>;
+    /**
+     * Returns data for the main style class/ Возвращает данные для главного класса стиля
+     */
+    readonly classes: ComputedRef<ConstrClassObject>;
+    /**
+     * Data for helper slot/ Данные для слота helper
+     */
+    readonly slotHelperData: ComputedRef<FieldMessageSlot>;
+    /**
+     * Data for validation slot/ Данные для слота validation
+     */
+    readonly slotValidationData: ComputedRef<FieldMessageSlot>;
+}

package/dist/constructors/FieldMessage/FieldMessageDesign.d.ts

@@ -0,0 +1,54 @@
+import { VNode } from 'vue';
+import { ConstrOptions, ConstrStyles, DesignConstructorAbstract } from '@dxtmisha/functional';
+import { FieldMessage } from './FieldMessage';
+import { FieldMessagePropsBasic } from './props';
+import { FieldMessageClasses, FieldMessageComponents, FieldMessageEmits, FieldMessageExpose, FieldMessageSlots } from './types';
+/**
+ * FieldMessageDesign
+ */
+export declare class FieldMessageDesign<COMP extends FieldMessageComponents, EXPOSE extends FieldMessageExpose, CLASSES extends FieldMessageClasses, P extends FieldMessagePropsBasic> extends DesignConstructorAbstract<HTMLDivElement, COMP, FieldMessageEmits, EXPOSE, FieldMessageSlots, CLASSES, P> {
+    protected readonly item: FieldMessage;
+    /**
+     * Constructor
+     * @param name class name/ название класса
+     * @param props properties/ свойства
+     * @param options list of additional parameters/ список дополнительных параметров
+     */
+    constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, FieldMessageEmits, 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;
+    /**
+     * Rendering text.
+     *
+     * Рендеринг текста.
+     */
+    protected renderInfo: () => VNode[];
+    /**
+     * Rendering error.
+     *
+     * Рендеринг ошибки.
+     */
+    protected renderError: () => VNode[];
+}

package/dist/constructors/FieldMessage/FieldMessageInclude.d.ts

@@ -0,0 +1,49 @@
+import { VNode, ComputedRef } from 'vue';
+import { ConstrBind, DesignComponents, RefOrNormal, RefType } from '@dxtmisha/functional';
+import { FieldMessageComponentInclude, FieldMessagePropsInclude } from './basicTypes';
+import { FieldMessagePropsBasic } from './props';
+/**
+ * The class returns data for working with the FieldMessage component
+ *
+ * Класс возвращает данные для работы с компонентом FieldMessage
+ */
+export declare class FieldMessageInclude<Props extends FieldMessagePropsInclude = FieldMessagePropsInclude, PropsExtra extends ConstrBind<FieldMessagePropsBasic> = ConstrBind<FieldMessagePropsBasic>> {
+    protected readonly props: Readonly<Props>;
+    protected readonly className: string;
+    protected readonly components?: DesignComponents<FieldMessageComponentInclude, Props> | undefined;
+    protected readonly validationMessage?: RefOrNormal<string> | undefined;
+    protected readonly isCounter?: RefType<boolean | undefined> | undefined;
+    protected readonly helperId?: RefOrNormal<string> | undefined;
+    protected readonly validationId?: RefOrNormal<string> | undefined;
+    protected readonly counterId?: RefOrNormal<string> | undefined;
+    protected readonly extra?: RefOrNormal<PropsExtra> | undefined;
+    protected readonly index?: string | undefined;
+    /** Field counter include/ Подключение счетчика поля */
+    private readonly fieldCounter;
+    /**
+     * Constructor
+     * @param props input parameter/ входной параметр
+     * @param className class name/ название класса
+     * @param components object for working with components/ объект для работы с компонентами
+     * @param validationMessage error line/ строка ошибки
+     * @param isCounter whether to display the counter/ отображать ли счетчик
+     * @param helperId helper message identifier/ идентификатор сообщения помощника
+     * @param validationId validation message identifier/ идентификатор сообщения проверки
+     * @param counterId counter identifier/ идентификатор счетчика
+     * @param extra additional parameter or property name/ дополнительный параметр или имя свойства
+     * @param index index identifier/ идентификатор индекса
+     */
+    constructor(props: Readonly<Props>, className: string, components?: DesignComponents<FieldMessageComponentInclude, Props> | undefined, validationMessage?: RefOrNormal<string> | undefined, isCounter?: RefType<boolean | undefined> | undefined, helperId?: RefOrNormal<string> | undefined, validationId?: RefOrNormal<string> | undefined, counterId?: RefOrNormal<string> | undefined, extra?: RefOrNormal<PropsExtra> | undefined, index?: string | undefined);
+    /** Validation message computed/ Вычисляемое сообщение валидации */
+    readonly validation: ComputedRef<string | undefined>;
+    /** Checks if validation message should be displayed/ Проверяет, надо ли отображать сообщение валидации */
+    readonly isValidationMessage: ComputedRef<boolean>;
+    /** Computed bindings for FieldMessage/ Вычисляемые привязки для FieldMessage */
+    readonly binds: ComputedRef<PropsExtra>;
+    /**
+     * Render the FieldMessage component.
+     *
+     * Рендер компонента FieldMessage.
+     */
+    readonly render: () => VNode[];
+}

package/dist/constructors/FieldMessage/FieldMessageMessage.d.ts

@@ -0,0 +1,24 @@
+import { FieldMessageProps } from './props';
+import { FieldMessageSlots } from './types';
+import { ComputedRef } from 'vue';
+/**
+ * Class for working with text
+ *
+ * Класс для работы с текстом
+ */
+export declare class FieldMessageMessage {
+    protected readonly props: Readonly<FieldMessageProps>;
+    protected readonly slots?: FieldMessageSlots | undefined;
+    /**
+     * Constructor
+     * @param props input data/ входные данные
+     * @param slots object for working with slots/ объект для работы со слотами
+     */
+    constructor(props: Readonly<FieldMessageProps>, slots?: FieldMessageSlots | undefined);
+    /** Checks if there is text/ Проверяет, есть ли текст */
+    readonly is: ComputedRef<boolean>;
+    /** Checks if there is an error/ Проверяет, есть ли ошибка */
+    readonly isValidation: ComputedRef<boolean>;
+    /** Returns text/ Возвращает текст */
+    readonly item: ComputedRef<string>;
+}

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

@@ -0,0 +1,31 @@
+import { ConstrBind } from '@dxtmisha/functional';
+import { FieldMessagePropsBasic } from './props';
+import { FieldCounterPropsBasic, FieldCounterPropsInclude } from '../FieldCounter';
+/**
+ * Type describing available slots/ Тип, описывающий доступные слоты
+ */
+export type FieldMessageSlot = {
+    message?: string;
+    helperMessage?: string;
+    validationMessage?: string;
+};
+/**
+ * Interface for describing which components need to be connected for FieldMessage work/
+ * Интерфейс для описания, какие компоненты надо подключить для работы FieldMessage
+ */
+export type FieldMessageComponentInclude = {
+    fieldMessage: object;
+};
+/**
+ * Properties that can be passed to FieldMessageInclude/
+ * Свойства, которые можно передать в FieldMessageInclude
+ */
+export interface FieldMessagePropsInclude<FieldMessage extends FieldMessagePropsBasic = FieldMessagePropsBasic, FieldCounter extends FieldCounterPropsBasic = FieldCounterPropsBasic> extends FieldCounterPropsInclude<FieldCounter> {
+    forceShowMessage?: boolean;
+    disabled?: boolean;
+    helperMessage?: string;
+    validationMessage?: string;
+    fieldMessageAttrs?: ConstrBind<FieldMessage>;
+    helperId?: string;
+    validationId?: string;
+}

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

@@ -0,0 +1,6 @@
+export * from './FieldMessage';
+export * from './FieldMessageDesign';
+export * from './FieldMessageInclude';
+export * from './props';
+export * from './types';
+export * from './basicTypes';

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

@@ -0,0 +1,23 @@
+import { FieldCounterPropsBasic, FieldCounterPropsInclude } from '../FieldCounter';
+import { SkeletonPropsInclude } from '../Skeleton';
+export type FieldMessagePropsToken = {};
+export type FieldMessagePropsBasic<FieldCounter extends FieldCounterPropsBasic = FieldCounterPropsBasic> = FieldCounterPropsInclude<FieldCounter> & SkeletonPropsInclude & {
+    forceShow?: boolean;
+    disabled?: boolean;
+    helperMessage?: string;
+    validationMessage?: string;
+    helperId?: string;
+    validationId?: string;
+};
+/**
+ * Type describing incoming properties.
+ *
+ * Тип, описывающий входящие свойства.
+ */
+export type FieldMessageProps = FieldMessagePropsBasic & FieldMessagePropsToken;
+/**
+ * Default value for property.
+ *
+ * Значение по умолчанию для свойства.
+ */
+export declare const defaultsFieldMessage: {};

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

@@ -0,0 +1,43 @@
+import { ConstrClass } from '@dxtmisha/functional';
+import { FieldCounterComponentInclude } from '../FieldCounter';
+import { FieldMessageSlot } from './basicTypes';
+/**
+ * Interface for describing which components need to be connected for work.
+ *
+ * Интерфейс для описания, какие компоненты надо подключить для работы.
+ */
+export type FieldMessageComponents = FieldCounterComponentInclude;
+/**
+ * Type describing available events.
+ *
+ * Тип, описывающий доступные события.
+ */
+export type FieldMessageEmits = {};
+/**
+ * Type describing available properties.
+ *
+ * Тип, описывающий доступные свойства.
+ */
+export interface FieldMessageExpose {
+}
+/**
+ * Type describing available slots.
+ *
+ * Тип, описывающий доступные слоты.
+ */
+export interface FieldMessageSlots {
+    /** Slot for helper message/ Слот для вспомогательного сообщения */
+    helper?(props: FieldMessageSlot): any;
+    /** Slot for validation message/Слот для сообщения об ошибке */
+    validation?(props: FieldMessageSlot): any;
+}
+/**
+ * Type describing subclasses.
+ *
+ * Тип, описывающий подклассы.
+ */
+export type FieldMessageClasses = {
+    main: ConstrClass;
+    info: string;
+    error: string;
+};

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

@@ -0,0 +1,75 @@
+import { ComputedRef, Ref, ToRefs } from 'vue';
+import { ConstrClassObject, ConstrEmit, DesignComp } from '@dxtmisha/functional';
+import { ImageEventData } from '../Image';
+import { SkeletonInclude } from '../Skeleton';
+import { IconComponents, IconEmits, IconSlots } from './types';
+import { IconProps } from './props';
+import { IconEventLoad } from './basicTypes';
+/**
+ * Base class for working with icons.
+ *
+ * Базовый класс для работы с иконками.
+ */
+export declare class Icon {
+    protected readonly props: IconProps;
+    protected readonly refs: ToRefs<IconProps>;
+    protected readonly element: Ref<HTMLElement | undefined>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<IconComponents, IconProps> | undefined;
+    protected readonly slots?: IconSlots | undefined;
+    protected readonly emits?: ConstrEmit<IconEmits> | undefined;
+    protected readonly SkeletonIncludeConstructor: typeof SkeletonInclude;
+    /**
+     * Returns the property for the base icon/ Возвращает свойство для базовой иконки
+     */
+    readonly iconBind: ComputedRef<IconEventLoad['iconBind']>;
+    /**
+     * Returns the property for the additional icon/ Возвращает свойство для дополнительной иконки
+     */
+    readonly iconActiveBind: ComputedRef<IconEventLoad['iconActiveBind']>;
+    /**
+     * An object for working with the Skeleton/ Объект для работы с Skeleton
+     */
+    readonly skeleton: SkeletonInclude;
+    /**
+     * 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 SkeletonIncludeConstructor class for working with Skeleton/ класс для работы с Skeleton
+     */
+    constructor(props: IconProps, refs: ToRefs<IconProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<IconComponents, IconProps> | undefined, slots?: IconSlots | undefined, emits?: ConstrEmit<IconEmits> | undefined, SkeletonIncludeConstructor?: typeof SkeletonInclude);
+    /**
+     * Checks if the additional icon is active/ Проверяет, активна ли дополнительная иконка
+     */
+    readonly isActive: ComputedRef<boolean>;
+    /**
+     * Values for the class/ Значения для класса
+     */
+    readonly classes: ComputedRef<ConstrClassObject>;
+    /**
+     * Computed bindings for the icon element.
+     *
+     * Вычисляемые привязки для элемента иконки.
+     */
+    readonly binds: ComputedRef<any>;
+    /**
+     * Get the ARIA role for the icon element.
+     *
+     * Получить ARIA роль для элемента иконки.
+     */
+    protected getRole(): string | undefined;
+    /**
+     * Triggers an event when the image loading is complete.
+     *
+     * Вызывает событие, когда завершится загрузка картинки.
+     * @param event event object/ объект события
+     */
+    protected readonly onLoad: (event: ImageEventData) => void | undefined;
+}

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

@@ -0,0 +1,58 @@
+import { VNode, ComputedRef } from 'vue';
+import { ConstrOptions, ConstrStyles, DesignConstructorAbstract } from '@dxtmisha/functional';
+import { Icon } from './Icon';
+import { IconPropsBasic } from './props';
+import { IconClasses, IconComponents, IconEmits, IconExpose, IconSlots } from './types';
+/**
+ * IconDesign
+ */
+export declare class IconDesign<COMP extends IconComponents, EXPOSE extends IconExpose, CLASSES extends IconClasses, P extends IconPropsBasic> extends DesignConstructorAbstract<HTMLDivElement, COMP, IconEmits, EXPOSE, IconSlots, CLASSES, P> {
+    protected readonly item: Icon;
+    /**
+     * Constructor
+     * @param name class name/ название класса
+     * @param props properties/ свойства
+     * @param options list of additional parameters/ список дополнительных параметров
+     * @param ItemConstructor icon item class/ класс элемента иконки
+     */
+    constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, IconEmits, P>, ItemConstructor?: typeof Icon);
+    /**
+     * Initialization of all the necessary properties for work<br>
+     * Инициализация всех необходимых свойств для работы.
+     */
+    protected initExpose(): EXPOSE;
+    /**
+     * Improvement of the obtained list of classes.<br>
+     * Доработка полученного списка классов.
+     */
+    protected initClasses(): Partial<CLASSES>;
+    /**
+     * Refinement of the received list of styles.<br>
+     * Доработка полученного списка стилей.
+     */
+    protected initStyles(): ConstrStyles;
+    /**
+     * A method for rendering.
+     *
+     * Метод для рендеринга.
+     */
+    protected initRender(): VNode;
+    /**
+     * Computed properties for the main element.
+     *
+     * Вычисляемые свойства для главного элемента.
+     */
+    readonly propsMain: ComputedRef<any>;
+    /**
+     * Render the main icon.
+     *
+     * Рендер основной иконки.
+     */
+    readonly renderIcon: () => VNode | undefined;
+    /**
+     * Render the secondary icon.
+     *
+     * Рендер вторичной иконки.
+     */
+    readonly renderIconActive: () => VNode | undefined;
+}