@topvisor/ui 1.1.0 → 1.3.0

package/src/api/api/types/mocker.d.ts

@@ -0,0 +1,106 @@
+declare global {
+    namespace Api {
+        namespace Mocker {
+            /**
+             * Классический трюк: заставляет TS раскрыть алиас в структурный тип, тем самым устраняя разницу между «инлайн» и «через имя типа».
+             */
+            type Expand<T> = T extends infer U ? {
+                [K in keyof U]: U[K];
+            } : never;
+            /**
+             * Настройки генерации результата
+             *
+             * Объект, массив или просто значение
+             *
+             * Для генерации можно использовать библиотеку **faker-js**
+             *
+             * Пример:
+             *
+             * ```
+             * [{
+             *  id: faker.number.int,
+             *  name: faker.name.firstName,
+             *  email: faker.internet.email,
+             * }]
+             * ```
+             *
+             * @see https://fakerjs.dev/
+             */
+            type Result = [Item] | Item | Value;
+            /**
+             * Генератор элемента результата
+             *
+             * Пример:
+             *
+             * ```
+             * {
+             *  id: faker.number.int,
+             *  name: faker.name.firstName,
+             *  email: faker.internet.email,
+             * }
+             */
+            type Item = Record<string, Value>;
+            /**
+             * Генератор значения
+             *
+             * Пример:
+             *
+             * ```
+             * faker.number.int
+             * ```
+             */
+            type Value = (n: number) => any;
+            type Params = Record<string, any>;
+            type Options<Result extends Api.Mocker.Result, Params extends Api.Mocker.Params> = {
+                /**
+                 * Шаблон генерации результата
+                 *
+                 * Если результат массив, то будут учтены параметры: `fields`, `limit` и настройка `useFilter()`
+                 *
+                 * Если результат объект, то будет учтен параметр: `fields`
+                 */
+                result: Result;
+                /**
+                 * Если указано, будет подключен механизм пагинации с `total` и `nextOffset`
+                 *
+                 * Только если `result` массив
+                 */
+                total?: number;
+                /**
+                 * Функция для фильтра сгенерированных моков
+                 *
+                 * Для имитации работы фильтров в методах API
+                 *
+                 * Только если `result` массив
+                 *
+                 * @return Вернет `true`, если сгенерированный мок должен попасть в результат
+                 */
+                useFilter?: (resultItem: Result extends [Item] ? ToMockItem<Result[0]> : never, params: Params) => boolean;
+                /**
+                 * Пауза перед возвращением результата
+                 *
+                 * @see https://fakerjs.dev/api/simpleFaker.html#delay
+                 */
+                delay?: number;
+                /**
+                 * Показывать ли лог мокирования запросов
+                 */
+                showLog?: boolean;
+                /**
+                 * Начальное значение рандомайзера
+                 *
+                 * Установите `-1`, если хотите, чтобы данные менялись каждый запрос, `-1` нельзя использовать в кейсах с фильтрацией, сортировкой и пагинацией
+                 *
+                 * @see https://fakerjs.dev/api/simpleFaker.html#seed
+                 */
+                seed?: number;
+            };
+            type ToMockItem<T extends Item> = {
+                [K in keyof T]: ReturnType<T[K]>;
+            };
+            type ToMockValue<T extends Value> = ReturnType<T>;
+            type ToMockResult<T extends Result> = T extends [infer I extends Item] ? ToMockItem<I>[] : T extends Item ? ToMockItem<T> : T extends Value ? ToMockValue<T> : never;
+        }
+    }
+}
+export {};

package/src/api/api/types/schema.d.ts

@@ -0,0 +1,50 @@
+declare global {
+    /**
+     * Утилиты работы со схемами расширения спецификации OpenAPI для работы с селектором
+     *
+     * @see Api.Ext
+     */
+    namespace Api {
+        /**
+         * Тип операции метода API
+         */
+        type Oper<Paths extends Api.PathsAbstract, Path extends Api.Path<Paths>> = Path extends `/${infer P extends Api.Ext.Schemas['Oper']}/${string}` ? P : never;
+        /**
+         * Модель данных метода
+         *
+         * Для метода без модели вернет `null`
+         */
+        type Model<Paths extends Api.PathsAbstract, Path extends Api.Path<Paths>> = Paths[Path]['post']['responses'][200]['content'] extends {
+            model: infer Model extends Api.Ext.Schemas['Model'];
+        } ? Model : never;
+        type ModelFields<Model extends Api.Ext.Schemas['Model']> = readonly Api.Field.Name<Model>[];
+        /**
+         * Результат метода API, выполненного успешно
+         */
+        type ResponseSuccess<Result, Oper extends Api.Ext.Schemas['Oper']> = {
+            result: Result;
+            /**
+             * Информация о нативных типах данных в результате
+             *
+             * Возвращается при работе с БД
+             */
+            meta?: any[];
+            /**
+             * Списка ошибок в успешных запросах быть не может
+             */
+            errors: undefined;
+            response?: globalThis.Response;
+        } & Omit<Api.Ext.Schemas['ResponseSuccess'], 'result' | 'errors'> & ('get' extends Oper ? Api.Ext.Schemas['Pagination'] : {});
+        /**
+         * Результат метода API с ошибкой
+         */
+        type ResponseError<Result> = {
+            /**
+             * При ошибках результат всегда null
+             */
+            result: null | Result;
+            response?: globalThis.Response;
+        } & Omit<Api.Ext.Schemas['ResponseError'], 'result'>;
+    }
+}
+export {};

package/src/api/api/types/tv.d.ts

@@ -0,0 +1,59 @@
+import { components as ModelsComponents } from 'topvisor-openapi/src/ts/Models';
+import type * as SchemaImported from 'topvisor-openapi/src/ts/Topvisor';
+declare global {
+    namespace Api {
+        /**
+         * Схема API OpenAPI TV
+         *
+         * Также содержит утилиты, которые работают с определяемой схемой и расширением селектора
+         *
+         * Для определения другого API с расширением селектора необходимо определить такой же namespace с нужными `SchemaImported` и `ModelsComponents`
+         */
+        namespace TV {
+            namespace Schema {
+                type paths = SchemaImported.paths;
+                type operations = SchemaImported.operations;
+                type components = SchemaImported.components;
+                type webhooks = SchemaImported.webhooks;
+                type $defs = SchemaImported.$defs;
+            }
+            type Paths = Api.TV.Schema.paths;
+            type Path<Path extends Api.Path<Paths> = Api.Path<Paths>> = Path;
+            /**
+             * Все схемы моделей данных API
+             */
+            type Models = ModelsComponents['schemas'];
+            /**
+             * Модель данных конкретного метода API
+             */
+            type Model<Path extends Api.Path<Paths>> = Api.Model<Paths, Path>;
+            /**
+             * Параметр списка полей `fields` конкретного метода API
+             */
+            type Fields<Path extends Api.Path<Paths>> = Api.ParamsFields<Api.ClientRequestContext<Paths, Path, true>>;
+            /**
+             * Объект запроса к конкретному методу API
+             *
+             * Дженерик Fields в чистом TypeScript не будет работать, так как используется tuple, работает при указании значения в самом js
+             *
+             * @see https://github.com/microsoft/TypeScript/pull/62170
+             *
+             * @remarks Не использовать, тип запроса API должен определяться `client.gen()`, указывать ему тип вручную не рекомендуется
+             */
+            type Request<Path extends Api.Path<Paths>, Fields extends Api.ParamsFields<RequestContext> | undefined = undefined, RequestContext extends Api.ClientRequestContext<Paths, Path, true> = Api.ClientRequestContext<Paths, Path, true>> = Api.ClientRequest<RequestContext, Fields>;
+            /**
+             * Параметры запроса к конкретному методу API
+             */
+            type Params<Path extends Api.Path<Paths>, Fields extends Api.ParamsFields<RequestContext> | undefined = undefined, RequestContext extends Api.ClientRequestContext<Paths, Path, true> = Api.ClientRequestContext<Paths, Path, true>> = Api.Params<RequestContext, Fields>;
+            /**
+             * Результат конкретного метода API
+             */
+            type ResponseSuccess<Path extends Api.Path<Paths>, Fields extends Api.ParamsFields<RequestContext> | undefined = undefined, FetchStyle extends RequestContext['ParamsFetchStyle'] | null = null, RequestContext extends Api.ClientRequestContext<Paths, Path, true> = Api.ClientRequestContext<Paths, Path, true>, Result extends Api.Result<RequestContext, Fields, FetchStyle> = Api.Result<RequestContext, Fields, FetchStyle>> = Api.ResponseSuccess<Result, RequestContext['Oper']>;
+            /**
+             * Результат `res.result` конкретного метода API
+             */
+            type Result<Path extends Api.Path<Paths>, Fields extends Api.ParamsFields<RequestContext> | undefined = undefined, FetchStyle extends RequestContext['ParamsFetchStyle'] | null = null, RequestContext extends Api.ClientRequestContext<Paths, Path, true> = Api.ClientRequestContext<Paths, Path, true>> = Api.Result<RequestContext, Fields, FetchStyle>;
+        }
+    }
+}
+export {};

package/src/api/api/types/utils.d.ts

@@ -0,0 +1,51 @@
+declare global {
+    /**
+     * Общие утилиты
+     */
+    namespace Api {
+        /**
+         * Интерфейс `paths` в схеме openAPI
+         *
+         * Общий интерфейс для разных API
+         *
+         * В данной реализации строго не типизирован
+         *
+         * @see https://learn.openapis.org/specification/structure.html
+         * @see https://spec.openapis.org/oas/v3.1.0#paths-object
+         */
+        type PathsAbstract = Record<string, any>;
+        type PathAbstract = `/${string}` | '';
+        /**
+         * Путь метода API
+         *
+         * Определяет возможные значения пути метода API
+         *
+         * @template T Интерфейс `paths` в схеме openAPI
+         *
+         * @see Api.PathsAbstract
+         */
+        type Path<T extends Api.PathsAbstract> = Extract<keyof T, string>;
+        /**
+         * Создает новый тип на основе T с заменой типа свойства K на NewType, только если ключ K присутствует в T.
+         *
+         * Если ключа нет — возвращается пустой объект.
+         *
+         * Используется для расширения простых типов такими же, но с дженериками
+         */
+        type PickAndRetype<T extends object, K extends PropertyKey, NewType> = K extends keyof T ? undefined extends T[K] ? {
+            [P in K]?: NewType;
+        } : {
+            [P in K]: NewType;
+        } : {};
+        type PropIfExists<T, K extends PropertyKey> = K extends keyof T ? T[K] : never;
+        /**
+         * Сужение возможных значений массива
+         */
+        type ArrowNarrow<T extends readonly any[], FieldsNarrow extends readonly any[]> = Extract<T[number], FieldsNarrow[number]>[] & T;
+        /**
+         * Утилита для условной установки типа по входным условиям
+         */
+        type IfAllTrue<T extends boolean[], Then, Else = never> = false extends T[number] ? Else : Then;
+    }
+}
+export {};

package/src/api/api/utils/common.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Сгенерировать объект ответа в формате расширения OpenAPI
+ *
+ * @see Api.Ext
+ */
+export declare const genExtRes: (result: any, errors?: Api.Ext.Schemas["ResponseError"]["errors"], response?: Response) => Api.Response<any>;
+/**
+ * Это публичное API, к которому открыт доступ по прямой ссылке через GET
+ *
+ * Используется для кеширования и генерации файлов через API
+ */
+export declare const isPublicAPI: (path: Api.PathAbstract) => boolean;
+/**
+ * Сгенерировать baseUrl на основе текущего домена
+ */
+export declare const getBaseDomainUrl: (useMainDomain?: boolean, input?: string, subdomain?: string) => string;

package/src/api/api/utils/field.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Сгенерировать объект API фильтра
+ */
+export declare const genFieldFilter: <Model extends Api.Ext.Schemas["Model"], FieldName extends Api.Field.Name<Model> = Api.Field.Name<Model>>(name: FieldName, operator: Api.Field.Filter<Model, FieldName>["operator"], values: Api.Field.Filter<Model, FieldName>["values"]) => Api.Field.Filter<Model, FieldName>;
+/**
+ * Сгенерировать объект сортировки
+ */
+export declare const genFieldOrder: <Model extends Api.Ext.Schemas["Model"], FieldName extends Api.Field.Name<Model> = Api.Field.Name<Model>>(name: FieldName, direction: Api.Field.Order<Model, FieldName>["direction"], orderValues?: Api.Field.Order<Model, FieldName>["orderValues"], operator?: Api.Field.Order<Model, FieldName>["operator"], values?: Api.Field.Order<Model, FieldName>["values"]) => Api.Field.Order<Model, FieldName>;

package/src/api/api/utils/filters.d.ts

@@ -0,0 +1,48 @@
+import { components as componentsTagId } from 'topvisor-openapi/src/ts/Tags_2/Types/TagId';
+type TagId = componentsTagId['schemas']['Tags_2.Types.TagId'];
+type TagIdExclude = `-${TagId}`;
+type DataWithModifierOperator<Model> = {
+    [K in keyof Model]: Model[K] | Model[K][] | Set<Model[K]> | string;
+};
+/**
+ * Модификатор оператора сравнения
+ *
+ * Используется посредством добавления к строковому значению поля для упрощения синтаксиса указания фильтров
+ *
+ * @example Поиск вхождения `Иван` в поле `name`
+ * genFilters({
+ *     id: 12345, // без модификатора опертора
+ *     name: '%:' + 'Иван', // с модификатором опертора
+ * });
+ */
+type ModifierOperator = '>=' | '<=' | '!=' | '>' | '<' | '%' | '!%' | '^' | '~' | '!~' | 'null' | '!null';
+type ValueWithModifierOperator = `${ModifierOperator}:${string | number}`;
+/**
+ * Сгенерировать массив с фильтрами API
+ *
+ * Ключи - `filedName`, значения - `[ModifierOperator:]fieldValue` / `fieldValues`
+ *
+ * Значения `undefined` будут пропускаться
+ *
+ * Додерживает типы:
+ *
+ * - string, number, boolean - строгое равенство `EQUALS`, если не указан `modifierOperator`
+ * - Array - вхождение `IN`
+ * - Set<string | number> - вхождение `IN`
+ *
+ * @see ModifierOperator
+ */
+export declare const genFilters: <Model extends Api.Ext.Schemas["Model"]>(dataWithModifierOperator: DataWithModifierOperator<Model>) => Api.Field.Filter<Model>[];
+/**
+ * Сгенерировать и добавить API фильтр из списка тегов
+ */
+export declare const pushFilterTagsIds: <Model extends Api.Ext.Schemas["Model"] = any, FieldName extends Api.Field.Name<Model> = Api.Field.Name<Model>>(name: FieldName, filters: Api.Field.Filter<Model, FieldName>[], tagsIds: Array<TagId | TagIdExclude>) => void;
+/**
+ * Сгенерировать API фильтр из простого значения
+ */
+export declare const genFilterPrimitive: <Model extends Api.Ext.Schemas["Model"] = any, FieldName extends Api.Field.Name<Model> = Api.Field.Name<Model>>(name: FieldName, valueWithModifierOperator: number | string | boolean | ValueWithModifierOperator) => Api.Field.Filter<Model, Api.Field.Name<Model>>;
+/**
+ * Сгенерировать API фильтр IN
+ */
+export declare const genFilterIn: <Model extends Api.Ext.Schemas["Model"] = any, FieldName extends Api.Field.Name<Model> = Api.Field.Name<Model>>(name: FieldName, valuesOrSet: Model[FieldName][] | Set<Model[FieldName]>) => Api.Field.Filter<Model, FieldName>;
+export {};

package/src/api/api/utils/lazy.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Общие утилиты, которые должны грузиться в отложенном режиме
+ *
+ * Все такие утилиты являются асинхронными
+ */
+/**
+ * Выполнить post запрос в окне браузера
+ *
+ * @see Api.ClientRequest.callInNewWindow
+ * @see Api.ClientRequest.callInSelfWindow
+ */
+export declare const postInWindow: (url: string, data: Record<string, any>, target: "_blank" | "_self") => Promise<void>;
+/**
+ * Вставляет данные в HTML форму
+ */
+export declare const dataToForm: (elForm: HTMLFormElement, data: Record<string, any>) => void;
+/**
+ * Сериализация данных в объект FormData
+ *
+ * Для отправки файлов или генерации форм
+ */
+export declare const formDataSerializer: (data: Record<string, any>, formData?: FormData, parentKey?: string) => FormData;
+/**
+ * Сериализация данных для вставки в виде параметров в url
+ */
+export declare const querySerializer: (data: Record<string, unknown>) => string;

package/src/components/charts/charts.d.ts

@@ -0,0 +1,2 @@
+export { default as TopMiniChart } from './miniChart/miniChart.vue';
+export { default as TopMiniCharts } from './miniCharts/miniCharts.vue';

package/{components → src/components}/charts/miniChart/miniChart.vue.d.ts

@@ -1,4 +1,4 @@
-import { Props, Item, Color } from './miniChart';
+import { Props, Item, Color } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = Props;
 type __VLS_PublicProps = {

package/{components → src/components}/charts/miniCharts/miniCharts.d.ts

@@ -1,4 +1,4 @@
-import { Item } from '../miniChart/miniChart';
+import { Item } from '../miniChart/types';
 export interface Props {
     modelValue?: Item | null;
     /**

package/{components → src/components}/charts/miniCharts/miniCharts.vue.d.ts

@@ -1,6 +1,6 @@
 import { Props } from './miniCharts';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { Item } from '../miniChart/miniChart';
+import { Item } from '../miniChart/types';
 type __VLS_Props = Props;
 type __VLS_PublicProps = {
     modelValue?: Props['modelValue'];

package/{components → src/components}/core/notice/item/types.d.ts

@@ -40,6 +40,8 @@ export type Props = {
     isSafeHTML?: boolean;
     /**
      * Установить стиль выделения сообщения
+     *
+     * Используется для анимации появления
      */
     hightlight?: boolean;
     /**

package/{components → src/components}/dialog/dialog/dialogs/dialogs.vue.d.ts

@@ -1,6 +1,9 @@
 import { TopDialogHandle } from '../composables/dialogHandle';
 import { TopDialogComponent } from '../composables/types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+/**
+ * Получить компонент диалогового окна по id
+ */
 export declare const getDialogWorker: (id: string) => TopDialogHandle<TopDialogComponent> | undefined;
 /**
  * Добавить компонент диалогового окна для использования

package/{components → src/components}/dialog/dialog/page/types.d.ts

@@ -60,7 +60,7 @@ export interface Slots {
     /**
      * Кнопки для шапки страницы
      */
-    headerButtons(props: {}): any;
+    headerButtons?(props: {}): any;
     /**
      * Контент страницы
      */
@@ -68,5 +68,5 @@ export interface Slots {
     /**
      * Футер страницы
      */
-    footer(props: {}): any;
+    footer?(props: {}): any;
 }

package/{components → src/components}/dialog/lib/types.d.ts

@@ -19,3 +19,26 @@ export type TopDialogOptions = {
 export type TopDialogLoad = (dialogId: string) => Promise<void>;
 export type DecoratorOnCreate = (elDialog: HTMLElement) => Promise<void>;
 export type MoveDirection = 'next' | 'prev' | 'none';
+export type ElTopDialogOpener<El extends HTMLElement = HTMLElement> = El & {
+    dataset: {
+        toView: string;
+    };
+};
+export type ElTopDialogWrapper = HTMLElement & {
+    querySelector: (selectors: '.ui-dialog-content') => ElTopDialog;
+};
+export type ElTopDialog = HTMLElement & {
+    getAttribute: (qualifiedName: 'id') => string;
+    closest: (el: '.ui-dialog') => ElTopDialogWrapper;
+    dataset: {
+        viewPageActive: string;
+    };
+};
+export type ElTopDialogBody = HTMLElement;
+export type ElTopDialogPage = HTMLElement & {
+    dataset: {
+        'view-page': string;
+        order?: string;
+    };
+};
+export type ElTopDialogModalLayer = HTMLElement;

package/src/components/dialog/lib/utils.d.ts

@@ -0,0 +1,14 @@
+import { ElTopDialog, ElTopDialogPage, MoveDirection } from './types';
+export declare const TopDialogUtils: {
+    getElDialogById: (id: string) => ElTopDialog | null;
+    updatePageVue: (dialogId: string, pageName?: string, pageNameNext?: string) => Promise<void>;
+    recalcPositions: () => void;
+    toViewDirty: (toViewPageName: string, moveDirection?: MoveDirection) => Promise<void>;
+    toView: (viewNameOrElDialog: ElTopDialog | JQuery<ElTopDialog> | string, pageName?: string, args?: string[], moveDirection?: MoveDirection, callback?: Function) => Promise<void>;
+    toViewPage: (elDialog: ElTopDialog | JQuery<ElTopDialog>, pageName?: string, args?: string[], moveDirection?: MoveDirection) => Promise<void>;
+    toPrevPage: (elDialog: ElTopDialog) => void;
+    setLoading: (elPages: ElTopDialogPage[] | JQuery<ElTopDialogPage>, isLoading: boolean, duration?: number) => void;
+    isLoading: (elPage: ElTopDialogPage | JQuery<ElTopDialogPage>) => boolean;
+    inAnimation: (elDialog: ElTopDialog | JQuery<ElTopDialog>) => boolean;
+    close: (dialogId: string) => void;
+};

package/{components → src/components}/dialog/lib/utils.globalEvents.d.ts

@@ -1,8 +1,8 @@
 /**
  * Инициализация глобальных событий для диалоговых окон
  *
- * Проивзодится один раз при подклчюении диалогового окна
+ * Производится один раз при подключении диалогового окна
  *
- * События не размонитруются
+ * События не размонтируются
  */
 export declare const initDialogGlobalEvents: () => void;

package/{components → src/components}/dialog/lib/worker.d.ts

@@ -1,16 +1,15 @@
-import { MoveDirection, TopDialogOptions } from './types';
+import { ElTopDialog, ElTopDialogPage, MoveDirection, TopDialogOptions } from './types';
 import { $el } from '../../types';
 export declare abstract class TopDialogWorker {
     static state: {
         load: TopDialogOptions["load"] | undefined;
         decoratorOnCreate: TopDialogOptions["decoratorOnCreate"] | undefined;
         /**
-         * Порядковай номер перехода в диалоговых окнах
+         * Порядковый номер перехода в диалоговых окнах
          *
-         * Для расчета направления Вперед / Назад
+         * Для расчета анимации Вперед / Назад
          */
         viewPageN: number;
-        locationHashPrev: string;
     };
     private static inited;
     /**
@@ -19,24 +18,41 @@ export declare abstract class TopDialogWorker {
      * Если в параметрах есть запрос на открытие диалогового окна, TopDialog будет автоматически подключен на страницу
      */
     static init(options?: TopDialogOptions): void;
+    private static opendDialogsFromChangeUrl;
     static getDialogsUtils(): Promise<{
+        getElDialogById: (id: string) => ElTopDialog | null;
         updatePageVue: (dialogId: string, pageName?: string, pageNameNext?: string) => Promise<void>;
         recalcPositions: () => void;
         toViewDirty: (toViewPageName: string, moveDirection?: MoveDirection) => Promise<void>;
-        toView: (viewNameOr$Dialog: $el | string, pageName?: string, args?: string[], moveDirection?: MoveDirection, callback?: Function) => Promise<void>;
-        toViewPage: ($dialog: $el, pageName?: string, args?: string[], moveDirection?: MoveDirection) => Promise<void>;
-        toPrevPage: ($dialog: $el) => void;
-        setLoading: ($page: $el, isLoading: boolean, duration?: number) => void;
-        isLoading: ($page: $el) => boolean;
-        inAnimation: ($dialog: $el) => boolean;
+        toView: (viewNameOrElDialog: ElTopDialog | JQuery<ElTopDialog> | string, pageName?: string, args?: string[], moveDirection?: MoveDirection, callback?: Function) => Promise<void>;
+        toViewPage: (elDialog: ElTopDialog | JQuery<ElTopDialog>, pageName?: string, args?: string[], moveDirection?: MoveDirection) => Promise<void>;
+        toPrevPage: (elDialog: ElTopDialog) => void;
+        setLoading: (elPages: ElTopDialogPage[] | JQuery<ElTopDialogPage>, isLoading: boolean, duration?: number) => void;
+        isLoading: (elPage: ElTopDialogPage | JQuery<ElTopDialogPage>) => boolean;
+        inAnimation: (elDialog: ElTopDialog | JQuery<ElTopDialog>) => boolean;
         close: (dialogId: string) => void;
     }>;
+    static getDialog(el: HTMLElement): ElTopDialog | null;
+    /**
+     * todo: Переписать на сайте на this.getDialog()
+     *
+     * @deprecated Для обратной совместимости
+     */
     static get$dialog($el: $el): JQuery<HTMLElement>;
+    static getPage(el: HTMLElement): ElTopDialogPage | null;
+    /**
+     * todo: Переписать на сайте на this.getPage()
+     *
+     * @deprecated Для обратной совместимости
+     */
     static get$page($el: $el): JQuery<HTMLElement>;
     /**
-     * Получить элементы страницы в шапке и в контенте
+     * todo: Переписать на сайте на this.getPairPage()
+     *
+     * @deprecated Для обратной совместимости
      */
     static get$pairPage($el: $el): JQuery<HTMLElement>;
+    static getPairPage(el: HTMLElement): HTMLElement[] | undefined;
     /**
      * Закрыть диалоговое окно
      */

package/src/components/extra/extra.d.ts

@@ -0,0 +1 @@
+export { default as TopRive } from './rive/rive.vue';

package/src/components/extra/rive/rive.vue.d.ts

@@ -0,0 +1,11 @@
+import { Rive } from '@rive-app/canvas-lite';
+import { Props } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<Props, {
+    riveInstance: Rive | undefined;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
+    autoplay: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    el: HTMLCanvasElement;
+}, HTMLCanvasElement>;
+export default _default;

package/src/components/extra/rive/types.d.ts

@@ -0,0 +1,7 @@
+import { RiveParameters } from '@rive-app/canvas-lite';
+export interface Props extends Omit<RiveParameters, 'canvas' | 'file'> {
+    /**
+     * Описание всех полей см. тут: https://rive.app/docs/runtimes/web/rive-parameters
+     */
+    src: RiveParameters['src'];
+}

package/{components → src/components}/forms/avatar/avatar.vue.d.ts

@@ -1,10 +1,10 @@
-import { Props, Size } from './avatar';
+import { Props, Size } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: Size;
     i18n: {
         Online: string;
         LastSeen: string;
     };
-    size: Size;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/{components/forms/avatar/avatar.d.ts → src/components/forms/avatar/types.d.ts}

@@ -1,4 +1,7 @@
 export interface Props {
+    /**
+     * Размер
+     */
     size?: Size;
     /**
      * Изображение для аватара пользователя
@@ -21,18 +24,9 @@ export interface Props {
      */
     i18n?: I18n;
 }
-/**
- * Размеры аватара
- */
-export declare const sizes: {
-    readonly 24: 24;
-    readonly 28: 28;
-    readonly 40: 40;
-    readonly 64: 64;
-};
-export type Size = typeof sizes[keyof typeof sizes];
 type I18n = {
     Online: string;
     LastSeen: string;
 };
+export type Size = 24 | 28 | 40 | 64;
 export {};