@mobilon-dev/chotto 0.3.4 → 0.3.6

package/dist/types/components/3_compounds/ChatInput/styles/types.d.ts

@@ -0,0 +1,159 @@
+/**
+ * CSS переменные для компонента ChatInput
+ */
+export interface ChatInputThemeCSSVariables {
+    /** Позиционирование контейнера ввода чата */
+    '--chotto-chatinput-container-position': string;
+    /** Отображение контейнера ввода чата */
+    '--chotto-chatinput-container-display': string;
+    /** Выравнивание элементов контейнера ввода чата */
+    '--chotto-chatinput-container-align-items': string;
+    /** Граница сверху контейнера ввода чата */
+    '--chotto-chatinput-container-border-top': string;
+    /** Цвет фона контейнера ввода чата */
+    '--chotto-chatinput-container-bg': string;
+    /** Отступы контейнера ввода чата */
+    '--chotto-chatinput-container-padding': string;
+    /** Промежуток между элементами сетки контейнера ввода чата */
+    '--chotto-chatinput-container-grid-gap': string;
+    /** Шаблон колонок сетки контейнера ввода чата */
+    '--chotto-chatinput-container-grid-template-columns': string;
+    /** Шаблон строк сетки контейнера ввода чата */
+    '--chotto-chatinput-container-grid-template-rows': string;
+    /** Колонка сетки строки ответа */
+    '--chotto-chatinput-reply-line-grid-column': string;
+    /** Строка сетки строки ответа */
+    '--chotto-chatinput-reply-line-grid-row': string;
+    /** Отображение строки ответа */
+    '--chotto-chatinput-reply-line-display': string;
+    /** Колонка сетки строки файла */
+    '--chotto-chatinput-file-line-grid-column': string;
+    /** Строка сетки строки файла */
+    '--chotto-chatinput-file-line-grid-row': string;
+    /** Отображение строки файла */
+    '--chotto-chatinput-file-line-display': string;
+    /** Отображение третьей строки */
+    '--chotto-chatinput-third-line-display': string;
+    /** Строка сетки третьей строки */
+    '--chotto-chatinput-third-line-grid-row': string;
+    /** Начальная колонка сетки третьей строки */
+    '--chotto-chatinput-third-line-grid-column-start': string;
+    /** Конечная колонка сетки третьей строки */
+    '--chotto-chatinput-third-line-grid-column-end': string;
+    /** Строка сетки поля ввода */
+    '--chotto-chatinput-input-grid-row': string;
+    /** Колонка сетки поля ввода */
+    '--chotto-chatinput-input-grid-column': string;
+    /** Граница поля ввода */
+    '--chotto-chatinput-input-border': string;
+    /** Цвет фона поля ввода */
+    '--chotto-chatinput-input-background-color': string;
+    /** Отступы поля ввода */
+    '--chotto-chatinput-input-padding': string;
+    /** Размер шрифта поля ввода */
+    '--chotto-chatinput-input-font-size': string;
+    /** Переполнение по вертикали поля ввода */
+    '--chotto-chatinput-input-overflow-y': string;
+    /** Изменение размера поля ввода */
+    '--chotto-chatinput-input-resize': string;
+    /** Перенос пробелов поля ввода */
+    '--chotto-chatinput-input-white-space': string;
+    /** Высота строки поля ввода */
+    '--chotto-chatinput-input-line-height': string;
+    /** Минимальная высота поля ввода */
+    '--chotto-chatinput-input-min-height': string;
+    /** Максимальное количество строк поля ввода */
+    '--chotto-chatinput-input-max-rows': string;
+    /** Радиус границы поля ввода */
+    '--chotto-chatinput-input-border-radius': string;
+    /** Контур поля ввода при фокусе */
+    '--chotto-chatinput-input-focus-outline': string;
+    /** Выравнивание текста отключенного плейсхолдера */
+    '--chotto-chatinput-disabled-placeholder-text-align': string;
+    /** Выбор пользователем отключенного плейсхолдера */
+    '--chotto-chatinput-disabled-placeholder-user-select': string;
+    /** Цвет текста отключенного плейсхолдера */
+    '--chotto-chatinput-disabled-placeholder-text-color': string;
+    /** Основной цвет текста */
+    '--chotto-chatinput-input-text-color': string;
+    /** Вторичный цвет текста */
+    '--chotto-chatinput-secondary-text-color': string;
+    /** Семейство шрифта */
+    '--chotto-chatinput-font-family': string;
+    /** Строка сетки кнопки */
+    '--chotto-chatinput-button-grid-row': string;
+    /** Колонка сетки кнопки */
+    '--chotto-chatinput-button-grid-column': string;
+    /** Цвет фона кнопки */
+    '--chotto-chatinput-button-background-color': string;
+    /** Граница кнопки */
+    '--chotto-chatinput-button-border': string;
+    /** Высота кнопки по содержимому */
+    '--chotto-chatinput-button-height-fit': string;
+    /** Ширина кнопки по содержимому */
+    '--chotto-chatinput-button-width-fit': string;
+    /** Отображение кнопки */
+    '--chotto-chatinput-button-display': string;
+    /** Выравнивание кнопки относительно себя */
+    '--chotto-chatinput-button-align-self': string;
+    /** Отступ снизу кнопки */
+    '--chotto-chatinput-button-margin-bottom': string;
+    /** Отображение span кнопки */
+    '--chotto-chatinput-button-span-display': string;
+    /** Курсор span кнопки */
+    '--chotto-chatinput-button-span-cursor': string;
+    /** Отступы кнопки */
+    '--chotto-chatinput-button-padding': string;
+    /** Отступы кнопки */
+    '--chotto-chatinput-button-margin': string;
+    /** Высота кнопки */
+    '--chotto-chatinput-button-height': string;
+    /** Курсор отключенной кнопки */
+    '--chotto-chatinput-button-disabled-cursor': string;
+    /** Размер иконки кнопки */
+    '--chotto-chatinput-button-icon-size': string;
+    /** Отображение встроенных кнопок */
+    '--chotto-chatinput-inline-buttons-display': string;
+    /** Отступы встроенных кнопок */
+    '--chotto-chatinput-inline-buttons-margin-auto': string;
+    /** Строка сетки встроенных кнопок */
+    '--chotto-chatinput-inline-buttons-grid-row': string;
+    /** Колонка сетки встроенных кнопок */
+    '--chotto-chatinput-inline-buttons-grid-column': string;
+    /** Отступы встроенных кнопок */
+    '--chotto-chatinput-inline-buttons-margin': string;
+    /** Промежуток между встроенными кнопками */
+    '--chotto-chatinput-inline-buttons-gap': string;
+    /** Высота встроенных кнопок */
+    '--chotto-chatinput-inline-buttons-height': string;
+    /** Выравнивание встроенных кнопок относительно себя */
+    '--chotto-chatinput-inline-buttons-align-self': string;
+    /** Ширина полосы прокрутки */
+    '--chotto-chatinput-scrollbar-width': string;
+    /** Цвет фона полосы прокрутки */
+    '--chotto-chatinput-scrollbar-bg': string;
+    /** Радиус границы ползунка полосы прокрутки */
+    '--chotto-chatinput-scrollbar-thumb-radius': string;
+    /** Цвет фона ползунка полосы прокрутки */
+    '--chotto-chatinput-scrollbar-thumb-bg': string;
+    /** Радиус границы дорожки полосы прокрутки */
+    '--chotto-chatinput-scrollbar-track-radius': string;
+    /** Цвет иконки */
+    '--chotto-chatinput-icon-color': string;
+    /** Цвет отключенной иконки */
+    '--chotto-chatinput-icon-color-disabled': string;
+    /** Длительность входа */
+    '--chotto-chatinput-enter-duration': string;
+    /** Длительность выхода */
+    '--chotto-chatinput-leave-duration': string;
+    /** Смещение входа по Y */
+    '--chotto-chatinput-enter-translate-y': string;
+    /** Переход входа */
+    '--chotto-chatinput-enter-transition': string;
+    /** Переход выхода */
+    '--chotto-chatinput-leave-transition': string;
+    /** Трансформация входа */
+    '--chotto-chatinput-enter-transform': string;
+    /** Прозрачность входа */
+    '--chotto-chatinput-enter-opacity': string;
+}

package/dist/types/components/{blocks → 3_compounds}/ChatList/ChatList.vue.d.ts

@@ -4,7 +4,7 @@ type __VLS_WithSlots<T, S> = T & (new () => {
     $slots: S;
 });
 declare const __VLS_component: import("vue").DefineComponent<{}, {
-    $emit: (event: "select" | "tab-click" | "action" | "expand" | "loadMoreChats", ...args: any[]) => void;
+    $emit: (event: "select" | "action" | "expand" | "tab-click" | "loadMoreChats", ...args: any[]) => void;
     chats: unknown[];
     filterEnabled: boolean;
     titleEnabled: boolean;

package/dist/types/components/3_compounds/ChatList/styles/types.d.ts

@@ -0,0 +1,123 @@
+/**
+ * CSS переменные для компонента ChatList
+ */
+export interface ChatListThemeCSSVariables {
+    /** Цвет фона списка чатов */
+    '--chotto-chatlist-background-color': string;
+    /** Коэффициент роста списка чатов */
+    '--chotto-chatlist-flex-grow': string;
+    /** Отображение списка чатов */
+    '--chotto-chatlist-display': string;
+    /** Выравнивание элементов списка чатов */
+    '--chotto-chatlist-align-items': string;
+    /** Направление флекс-контейнера списка чатов */
+    '--chotto-chatlist-flex-direction': string;
+    /** Высота списка чатов */
+    '--chotto-chatlist-height': string;
+    /** Отступы фильтра */
+    '--chotto-chatlist-filter-margin': string;
+    /** Отображение контейнера элементов */
+    '--chotto-chatlist-items-display': string;
+    /** Поведение прокрутки контейнера элементов */
+    '--chotto-chatlist-items-scroll-behavior': string;
+    /** Высота контейнера элементов */
+    '--chotto-chatlist-items-height': string;
+    /** Переполнение по вертикали контейнера элементов */
+    '--chotto-chatlist-items-overflow-y': string;
+    /** Переполнение по горизонтали контейнера элементов */
+    '--chotto-chatlist-items-overflow-x': string;
+    /** Отступы контейнера элементов */
+    '--chotto-chatlist-items-padding': string;
+    /** Ширина полосы прокрутки */
+    '--chotto-chatlist-scrollbar-width': string;
+    /** Цвет фона полосы прокрутки */
+    '--chotto-chatlist-scrollbar-bg': string;
+    /** Радиус границы ползунка полосы прокрутки */
+    '--chotto-chatlist-scrollbar-thumb-radius': string;
+    /** Цвет фона ползунка полосы прокрутки */
+    '--chotto-chatlist-scrollbar-thumb-bg': string;
+    /** Радиус границы дорожки полосы прокрутки */
+    '--chotto-chatlist-scrollbar-track-radius': string;
+    /** Z-index зафиксированных элементов */
+    '--chotto-chatlist-fixed-z-index': string;
+    /** Отображение зафиксированных элементов */
+    '--chotto-chatlist-fixed-display': string;
+    /** Позиционирование зафиксированных элементов */
+    '--chotto-chatlist-fixed-position': string;
+    /** Цвет фона зафиксированных элементов */
+    '--chotto-chatlist-fixed-background-color': string;
+    /** Позиция зафиксированных элементов сверху */
+    '--chotto-chatlist-fixed-top': string;
+    /** Позиция зафиксированных элементов снизу */
+    '--chotto-chatlist-fixed-bottom': string;
+    /** Позиционирование контейнера заголовка */
+    '--chotto-chatlist-title-container-position': string;
+    /** Отображение контейнера заголовка */
+    '--chotto-chatlist-title-container-display': string;
+    /** Выравнивание по главной оси контейнера заголовка */
+    '--chotto-chatlist-title-container-justify': string;
+    /** Выравнивание по поперечной оси контейнера заголовка */
+    '--chotto-chatlist-title-container-align': string;
+    /** Промежуток между колонками заголовка */
+    '--chotto-chatlist-title-column-gap': string;
+    /** Отступы контейнера заголовка */
+    '--chotto-chatlist-title-container-padding': string;
+    /** Семейство шрифта заголовка */
+    '--chotto-chatlist-title-font-family': string;
+    /** Размер шрифта заголовка */
+    '--chotto-chatlist-title-font-size': string;
+    /** Толщина шрифта заголовка */
+    '--chotto-chatlist-title-font-weight': string;
+    /** Цвет текста заголовка */
+    '--chotto-chatlist-title-text-color': string;
+    /** Позиционирование контекстного меню */
+    '--chotto-chatlist-context-menu-position': string;
+    /** Позиция контекстного меню сверху */
+    '--chotto-chatlist-context-menu-top': string;
+    /** Позиция контекстного меню справа */
+    '--chotto-chatlist-context-menu-right': string;
+    /** Позиционирование кнопки "вверх" */
+    '--chotto-chatlist-button-position': string;
+    /** Z-index кнопки "вверх" */
+    '--chotto-chatlist-button-z-index': string;
+    /** Позиция кнопки "вверх" снизу */
+    '--chotto-chatlist-button-bottom': string;
+    /** Позиция кнопки "вверх" справа */
+    '--chotto-chatlist-button-right': string;
+    /** Отступ слева кнопки "вверх" */
+    '--chotto-chatlist-button-margin-left': string;
+    /** Граница кнопки "вверх" */
+    '--chotto-chatlist-button-border': string;
+    /** Минимальный размер кнопки "вверх" */
+    '--chotto-chatlist-button-min': string;
+    /** Радиус границы кнопки "вверх" */
+    '--chotto-chatlist-button-border-radius': string;
+    /** Отображение кнопки "вверх" */
+    '--chotto-chatlist-button-display': string;
+    /** Выравнивание по главной оси кнопки "вверх" */
+    '--chotto-chatlist-button-justify': string;
+    /** Выравнивание по поперечной оси кнопки "вверх" */
+    '--chotto-chatlist-button-align': string;
+    /** Курсор кнопки "вверх" */
+    '--chotto-chatlist-button-cursor': string;
+    /** Цвет фона кнопки "вверх" */
+    '--chotto-chatlist-button-background-color': string;
+    /** Размер иконки кнопки */
+    '--chotto-chatlist-button-icon-size': string;
+    /** Цвет активного состояния иконки */
+    '--chotto-chatlist-button-color-active': string;
+    /** Длительность входа меню */
+    '--chotto-chatlist-menu-enter-duration': string;
+    /** Длительность выхода меню */
+    '--chotto-chatlist-menu-leave-duration': string;
+    /** Масштаб меню */
+    '--chotto-chatlist-menu-scale': string;
+    /** Переход входа меню */
+    '--chotto-chatlist-menu-enter-transition': string;
+    /** Переход выхода меню */
+    '--chotto-chatlist-menu-leave-transition': string;
+    /** Трансформация меню */
+    '--chotto-chatlist-menu-transform': string;
+    /** Прозрачность меню */
+    '--chotto-chatlist-menu-opacity': string;
+}

package/dist/types/components/{compounds → 3_compounds}/Feed/Feed.vue.d.ts

@@ -62,9 +62,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: string;
         validator: (value: string) => boolean;
     };
+    chatBackground: {
+        type: StringConstructor;
+        default: () => string;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    messageAction: (...args: any[]) => void;
     loadMore: (...args: any[]) => void;
+    messageAction: (...args: any[]) => void;
     loadMoreDown: (...args: any[]) => void;
     messageVisible: (...args: any[]) => void;
     clickRepliedMessage: (...args: any[]) => void;
@@ -129,9 +133,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: string;
         validator: (value: string) => boolean;
     };
+    chatBackground: {
+        type: StringConstructor;
+        default: () => string;
+    };
 }>> & Readonly<{
-    onMessageAction?: ((...args: any[]) => any) | undefined;
     onLoadMore?: ((...args: any[]) => any) | undefined;
+    onMessageAction?: ((...args: any[]) => any) | undefined;
     onLoadMoreDown?: ((...args: any[]) => any) | undefined;
     onMessageVisible?: ((...args: any[]) => any) | undefined;
     onClickRepliedMessage?: ((...args: any[]) => any) | undefined;
@@ -140,6 +148,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     onFeedAction?: ((...args: any[]) => any) | undefined;
 }>, {
     typing: boolean | IFeedTyping;
+    chatBackground: string;
     applyStyle: Function;
     buttonParams: IFeedUnreadButton;
     scrollToBottom: boolean;

package/dist/types/components/3_compounds/Feed/styles/types.d.ts

@@ -0,0 +1,119 @@
+/**
+ * CSS переменные для компонента Feed
+ */
+export interface FeedThemeCSSVariables {
+    /** Высота ленты сообщений */
+    '--chotto-feed-height': string;
+    /** Максимальная высота ленты сообщений */
+    '--chotto-feed-max-height': string;
+    /** Отображение ленты сообщений */
+    '--chotto-feed-display': string;
+    /** Направление флекс-контейнера ленты сообщений */
+    '--chotto-feed-flex-direction': string;
+    /** Переполнение по вертикали ленты сообщений */
+    '--chotto-feed-overflow-y': string;
+    /** Переполнение по горизонтали ленты сообщений */
+    '--chotto-feed-overflow-x': string;
+    /** Поведение прокрутки ленты сообщений */
+    '--chotto-feed-scroll-behavior': string;
+    /** Отступы ленты сообщений */
+    '--chotto-feed-padding': string;
+    /** Позиционирование ленты сообщений */
+    '--chotto-feed-position': string;
+    /** Позиционирование сообщения */
+    '--chotto-feed-message-position': string;
+    /** Переход сообщения */
+    '--chotto-feed-message-transition': string;
+    /** Позиционирование кнопки прокрутки вниз */
+    '--chotto-feed-button-down-position': string;
+    /** Z-index кнопки прокрутки вниз */
+    '--chotto-feed-button-down-z-index': string;
+    /** Позиция кнопки прокрутки вниз снизу */
+    '--chotto-feed-button-down-bottom': string;
+    /** Отступ слева кнопки прокрутки вниз */
+    '--chotto-feed-button-down-margin-left': string;
+    /** Граница кнопки прокрутки вниз */
+    '--chotto-feed-button-down-border': string;
+    /** Минимальная ширина кнопки прокрутки вниз */
+    '--chotto-feed-button-down-min-width': string;
+    /** Минимальная высота кнопки прокрутки вниз */
+    '--chotto-feed-button-down-min-height': string;
+    /** Радиус границы кнопки прокрутки вниз */
+    '--chotto-feed-button-down-border-radius': string;
+    /** Отображение кнопки прокрутки вниз */
+    '--chotto-feed-button-down-display': string;
+    /** Выравнивание по главной оси кнопки прокрутки вниз */
+    '--chotto-feed-button-down-justify-content': string;
+    /** Выравнивание по поперечной оси кнопки прокрутки вниз */
+    '--chotto-feed-button-down-align-items': string;
+    /** Курсор кнопки прокрутки вниз */
+    '--chotto-feed-button-down-cursor': string;
+    /** Цвет фона кнопки прокрутки вниз */
+    '--chotto-feed-button-down-background-color': string;
+    /** Позиционирование клавиатуры */
+    '--chotto-feed-keyboard-position': string;
+    /** Позиция клавиатуры снизу */
+    '--chotto-feed-keyboard-bottom': string;
+    /** Максимальная ширина клавиатуры */
+    '--chotto-feed-keyboard-max-width': string;
+    /** Ширина клавиатуры */
+    '--chotto-feed-keyboard-width': string;
+    /** Размер шрифта иконки прокрутки вниз */
+    '--chotto-feed-icon-down-font-size': string;
+    /** Цвет иконки прокрутки вниз */
+    '--chotto-feed-icon-down-color': string;
+    /** Позиционирование счетчика непрочитанных */
+    '--chotto-feed-unread-amount-position': string;
+    /** Позиция счетчика непрочитанных сверху */
+    '--chotto-feed-unread-amount-top': string;
+    /** Позиция счетчика непрочитанных слева */
+    '--chotto-feed-unread-amount-left': string;
+    /** Позиция счетчика непрочитанных справа */
+    '--chotto-feed-unread-amount-right': string;
+    /** Отступы счетчика непрочитанных */
+    '--chotto-feed-unread-amount-margin': string;
+    /** Отображение счетчика непрочитанных */
+    '--chotto-feed-unread-amount-display': string;
+    /** Выравнивание по главной оси счетчика непрочитанных */
+    '--chotto-feed-unread-amount-justify-content': string;
+    /** Выравнивание по поперечной оси счетчика непрочитанных */
+    '--chotto-feed-unread-amount-align-items': string;
+    /** Размер шрифта счетчика непрочитанных */
+    '--chotto-feed-unread-amount-font-size': string;
+    /** Ширина счетчика непрочитанных */
+    '--chotto-feed-unread-amount-width': string;
+    /** Высота счетчика непрочитанных */
+    '--chotto-feed-unread-amount-height': string;
+    /** Цвет счетчика непрочитанных */
+    '--chotto-feed-unread-amount-color': string;
+    /** Цвет фона счетчика непрочитанных */
+    '--chotto-feed-unread-amount-background-color': string;
+    /** Радиус границы счетчика непрочитанных */
+    '--chotto-feed-unread-amount-border-radius': string;
+    /** Ширина скроллбара */
+    '--chotto-feed-scrollbar-width': string;
+    /** Цвет фона скроллбара */
+    '--chotto-feed-scrollbar-background-color': string;
+    /** Альтернативный ключ для цвета фона скроллбара (исп. в scss) */
+    '--chotto-feed-scrollbar-bg': string;
+    /** Радиус границы ползунка скроллбара */
+    '--chotto-feed-scrollbar-thumb-border-radius': string;
+    /** Цвет фона ползунка скроллбара */
+    '--chotto-feed-scrollbar-thumb-background-color': string;
+    /** Альтернативный ключ для цвета ползунка скроллбара (исп. в scss) */
+    '--chotto-feed-scrollbar-thumb-bg': string;
+    /** Радиус границы дорожки скроллбара */
+    '--chotto-feed-scrollbar-track-border-radius': string;
+    /** Цвет фона сфокусированного сообщения */
+    '--chotto-feed-focused-message-background-color': string;
+    /** Тень сфокусированного сообщения */
+    '--chotto-feed-focused-message-box-shadow': string;
+    /** Переход при входе */
+    '--chotto-feed-enter-active-transition': string;
+    /** Переход при выходе */
+    '--chotto-feed-leave-active-transition': string;
+    /** Трансформация при входе/выходе */
+    '--chotto-feed-enter-leave-transform': string;
+    /** Прозрачность при входе/выходе */
+    '--chotto-feed-enter-leave-opacity': string;
+}