@mobilon-dev/chotto 0.3.26 → 0.3.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{CreateChat-B9CfoSZb.js → CreateChat-O-87sUly.js} +1 -1
- package/dist/{CreateChat2-ks_IikUi.js → CreateChat2-BMXlCRLk.js} +1 -1
- package/dist/{CreateDialog-DqXOFpdc.js → CreateDialog-ry0BQXaP.js} +1 -1
- package/dist/{ModalVideoRecorder-DnncYgrj.js → ModalVideoRecorder-3eVWhEV3.js} +1 -1
- package/dist/{SelectUser2-twrrtDkw.js → SelectUser2-C0QnV1mm.js} +1 -1
- package/dist/chotto.css +1 -1
- package/dist/{index-CECDc5wp.js → index-C8JOAGtF.js} +9695 -6327
- package/dist/themes/dark.css +1 -1
- package/dist/themes/default.css +1 -1
- package/dist/themes/green.css +1 -1
- package/dist/themes/mobilon1.css +1 -1
- package/dist/types/apps/BaseAdaptiveExtendedChatApp/BaseAdaptiveExtendedChatApp.vue.d.ts +2 -2
- package/dist/types/apps/BaseBaseChatApp/BaseBaseChatApp.vue.d.ts +2 -2
- package/dist/types/apps/BaseExtendedChatApp/BaseExtendedChatApp.vue.d.ts +2 -2
- package/dist/types/apps/MobilonExtendedChatApp/MobilonExtendedChatApp.vue.d.ts +2 -2
- package/dist/types/apps/data/chats.d.ts +63 -0
- package/dist/types/apps/data/messages.d.ts +741 -154
- package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationChannels.d.ts +1 -1
- package/dist/types/components/2_blocks/CommunicationPanel/stories/CommunicationPanel.stories.d.ts +1 -0
- package/dist/types/components/2_chatlist_elements/ChatItem/ChatItem.vue.d.ts +4 -1
- package/dist/types/components/2_chatlist_elements/ChatItem/styles/types.d.ts +22 -0
- package/dist/types/components/2_chatlist_elements/ChatItem/types.d.ts +1 -0
- package/dist/types/components/2_elements/ChatInfo/styles/types.d.ts +2 -0
- package/dist/types/components/2_feed_elements/AudioMessage/AudioMessage.vue.d.ts +11 -0
- package/dist/types/components/2_feed_elements/AudioMessage/styles/types.d.ts +0 -2
- package/dist/types/components/2_feed_elements/CallMessage/CallMessage.vue.d.ts +19 -2
- package/dist/types/components/2_feed_elements/CallMessage/icons/IncomingCallIcon.vue.d.ts +7 -0
- package/dist/types/components/2_feed_elements/CallMessage/icons/OutgoingCallIcon.vue.d.ts +7 -0
- package/dist/types/components/2_feed_elements/CallMessage/stories/CallMessage.stories.d.ts +0 -15
- package/dist/types/components/2_feed_elements/CallMessage/styles/types.d.ts +226 -0
- package/dist/types/components/2_feed_elements/FileMessage/FileMessage.vue.d.ts +11 -0
- package/dist/types/components/2_feed_elements/ImageMessage/ImageMessage.vue.d.ts +11 -0
- package/dist/types/components/2_feed_elements/MessageReactions/MessageReactions.vue.d.ts +1 -1
- package/dist/types/components/2_feed_elements/TextMessage/TextMessage.vue.d.ts +11 -0
- package/dist/types/components/2_feed_elements/TextMessage/styles/types.d.ts +0 -2
- package/dist/types/components/2_feed_elements/VideoMessage/VideoMessage.vue.d.ts +11 -0
- package/dist/types/components/2_feed_elements/types/messages.d.ts +15 -1
- package/dist/types/components/3_compounds/ChatInput/ChatInput.vue.d.ts +22 -0
- package/dist/types/components/3_compounds/ChatInput/icons/SendIcon.vue.d.ts +7 -0
- package/dist/types/components/3_compounds/ChatInput/icons/index.d.ts +1 -0
- package/dist/types/components/3_compounds/ChatList/ChatList.vue.d.ts +2 -0
- package/dist/types/components/3_compounds/ChatList/styles/types.d.ts +22 -0
- package/dist/types/components/3_compounds/Feed/Feed.vue.d.ts +11 -0
- package/dist/types/functions/getChannelAccentColor.d.ts +1 -0
- package/dist/types/functions/index.d.ts +1 -0
- package/dist/types/hooks/messages/index.d.ts +2 -0
- package/dist/types/hooks/messages/useChannelAccentColor.d.ts +35 -0
- package/dist/types/hooks/messages/useSubtextTooltip.d.ts +11 -0
- package/dist/vuessages.es.js +56 -53
- package/dist/vuessages.umd.js +36 -36
- package/package.json +2 -2
package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationChannels.d.ts
CHANGED
|
@@ -26,7 +26,7 @@ interface UseCommunicationChannelsOptions {
|
|
|
26
26
|
}
|
|
27
27
|
export declare function useCommunicationChannels({ channels, channelTooltips, selectedChannelType }: UseCommunicationChannelsOptions): {
|
|
28
28
|
channelsTypes: ComputedRef<{
|
|
29
|
-
type: "phone" | "whatsapp" | "telegram" | "
|
|
29
|
+
type: "phone" | "whatsapp" | "telegram" | "sms" | "max";
|
|
30
30
|
component: Component;
|
|
31
31
|
}[]>;
|
|
32
32
|
getTooltipText: (channelType: string) => string;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { IAction, IChatItem, IChatDialog } from './types';
|
|
2
2
|
type __VLS_Props = {
|
|
3
3
|
chat: IChatItem;
|
|
4
|
+
showDialogs?: boolean;
|
|
4
5
|
};
|
|
5
6
|
declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
6
7
|
select: (args_0: {
|
|
@@ -20,5 +21,7 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
|
|
|
20
21
|
chat: IChatItem;
|
|
21
22
|
} & IAction) => any) | undefined;
|
|
22
23
|
onExpand?: ((args_0: IChatItem) => any) | undefined;
|
|
23
|
-
}>, {
|
|
24
|
+
}>, {
|
|
25
|
+
showDialogs: boolean;
|
|
26
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
24
27
|
export default _default;
|
|
@@ -196,12 +196,34 @@ export interface ChatItemThemeCSSVariables {
|
|
|
196
196
|
'--chotto-chatitem-time-font-size': string;
|
|
197
197
|
/** Цвет текста времени */
|
|
198
198
|
'--chotto-chatitem-time-text-color': string;
|
|
199
|
+
/** Позиционирование времени */
|
|
200
|
+
'--chotto-chatitem-time-position': string;
|
|
201
|
+
/** Позиция времени сверху */
|
|
202
|
+
'--chotto-chatitem-time-top': string;
|
|
203
|
+
/** Позиция времени справа */
|
|
204
|
+
'--chotto-chatitem-time-right': string;
|
|
205
|
+
/** Отступы времени */
|
|
206
|
+
'--chotto-chatitem-time-margin': string;
|
|
199
207
|
/** Позиционирование контекстного меню */
|
|
200
208
|
'--chotto-chatitem-context-menu-position': string;
|
|
201
209
|
/** Позиция контекстного меню сверху */
|
|
202
210
|
'--chotto-chatitem-context-menu-top': string;
|
|
203
211
|
/** Позиция контекстного меню справа */
|
|
204
212
|
'--chotto-chatitem-context-menu-right': string;
|
|
213
|
+
/** Отображение контейнера статуса и непрочитанных */
|
|
214
|
+
'--chotto-chatitem-status-unread-container-display': string;
|
|
215
|
+
/** Выравнивание контейнера статуса и непрочитанных */
|
|
216
|
+
'--chotto-chatitem-status-unread-container-align': string;
|
|
217
|
+
/** Промежуток между элементами в контейнере статуса и непрочитанных */
|
|
218
|
+
'--chotto-chatitem-status-unread-container-gap': string;
|
|
219
|
+
/** Позиционирование контейнера статуса и непрочитанных */
|
|
220
|
+
'--chotto-chatitem-status-unread-container-position': string;
|
|
221
|
+
/** Позиция контейнера статуса и непрочитанных снизу */
|
|
222
|
+
'--chotto-chatitem-status-unread-container-bottom': string;
|
|
223
|
+
/** Позиция контейнера статуса и непрочитанных справа */
|
|
224
|
+
'--chotto-chatitem-status-unread-container-right': string;
|
|
225
|
+
/** Отступы контейнера статуса и непрочитанных */
|
|
226
|
+
'--chotto-chatitem-status-unread-container-margin': string;
|
|
205
227
|
/** Отображение контейнера статуса чата */
|
|
206
228
|
'--chotto-chatitem-status-chat-container-display': string;
|
|
207
229
|
/** Выравнивание контейнера статуса чата */
|
|
@@ -10,6 +10,8 @@ export interface ChatInfoThemeCSSVariables {
|
|
|
10
10
|
'--chotto-chatinfo-container-border-bottom': string;
|
|
11
11
|
/** Цвет фона контейнера информации о чате */
|
|
12
12
|
'--chotto-chatinfo-container-background-color': string;
|
|
13
|
+
/** Максимальная высота контейнера информации о чате */
|
|
14
|
+
'--chotto-chatinfo-container-max-height': string;
|
|
13
15
|
/** Отображение базовой линии */
|
|
14
16
|
'--chotto-chatinfo-base-line-display': string;
|
|
15
17
|
/** Выравнивание элементов базовой линии по вертикали */
|
|
@@ -16,6 +16,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
16
16
|
type: BooleanConstructor;
|
|
17
17
|
default: boolean;
|
|
18
18
|
};
|
|
19
|
+
subtextTooltipData: {
|
|
20
|
+
type: () => Record<string, string>;
|
|
21
|
+
required: false;
|
|
22
|
+
default: () => {};
|
|
23
|
+
};
|
|
19
24
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
20
25
|
reply: (...args: any[]) => void;
|
|
21
26
|
action: (...args: any[]) => void;
|
|
@@ -36,6 +41,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
36
41
|
type: BooleanConstructor;
|
|
37
42
|
default: boolean;
|
|
38
43
|
};
|
|
44
|
+
subtextTooltipData: {
|
|
45
|
+
type: () => Record<string, string>;
|
|
46
|
+
required: false;
|
|
47
|
+
default: () => {};
|
|
48
|
+
};
|
|
39
49
|
}>> & Readonly<{
|
|
40
50
|
onReply?: ((...args: any[]) => any) | undefined;
|
|
41
51
|
onAction?: ((...args: any[]) => any) | undefined;
|
|
@@ -43,5 +53,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
43
53
|
applyStyle: Function;
|
|
44
54
|
isFirstInSeries: boolean;
|
|
45
55
|
reactionsEnabled: boolean;
|
|
56
|
+
subtextTooltipData: Record<string, string>;
|
|
46
57
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
47
58
|
export default _default;
|
|
@@ -66,8 +66,6 @@ export interface AudioMessageThemeCSSVariables {
|
|
|
66
66
|
'--chotto-audiomessage-right-arrow-height': string;
|
|
67
67
|
/** Базовая рамка хвостика справа */
|
|
68
68
|
'--chotto-audiomessage-right-arrow-border': string;
|
|
69
|
-
/** Верхняя часть рамки хвостика справа (цвет пузыря) */
|
|
70
|
-
'--chotto-audiomessage-right-arrow-border-top': string;
|
|
71
69
|
/** Слой псевдоэлемента справа */
|
|
72
70
|
'--chotto-audiomessage-right-arrow-z-index': string;
|
|
73
71
|
/** Позиционирование контейнера аудио-плеера */
|
|
@@ -8,7 +8,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
8
8
|
type: FunctionConstructor;
|
|
9
9
|
default: () => null;
|
|
10
10
|
};
|
|
11
|
-
|
|
11
|
+
subtextTooltipData: {
|
|
12
|
+
type: () => Record<string, string>;
|
|
13
|
+
required: false;
|
|
14
|
+
default: () => {};
|
|
15
|
+
};
|
|
16
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
17
|
+
reply: (...args: any[]) => void;
|
|
18
|
+
action: (...args: any[]) => void;
|
|
19
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
12
20
|
message: {
|
|
13
21
|
type: () => ICallMessage;
|
|
14
22
|
required: true;
|
|
@@ -17,7 +25,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
17
25
|
type: FunctionConstructor;
|
|
18
26
|
default: () => null;
|
|
19
27
|
};
|
|
20
|
-
|
|
28
|
+
subtextTooltipData: {
|
|
29
|
+
type: () => Record<string, string>;
|
|
30
|
+
required: false;
|
|
31
|
+
default: () => {};
|
|
32
|
+
};
|
|
33
|
+
}>> & Readonly<{
|
|
34
|
+
onReply?: ((...args: any[]) => any) | undefined;
|
|
35
|
+
onAction?: ((...args: any[]) => any) | undefined;
|
|
36
|
+
}>, {
|
|
21
37
|
applyStyle: Function;
|
|
38
|
+
subtextTooltipData: Record<string, string>;
|
|
22
39
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
23
40
|
export default _default;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
color?: string;
|
|
3
|
+
};
|
|
4
|
+
declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
5
|
+
color: string;
|
|
6
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
export default _default;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
color?: string;
|
|
3
|
+
};
|
|
4
|
+
declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
5
|
+
color: string;
|
|
6
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
export default _default;
|
|
@@ -4,18 +4,3 @@ declare const meta: Meta<typeof CallMessage>;
|
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof CallMessage>;
|
|
6
6
|
export declare const Default: Story;
|
|
7
|
-
export declare const NoAnswerLeft: Story;
|
|
8
|
-
export declare const NoAnswerRight: Story;
|
|
9
|
-
export declare const NoAnswerLeftWithAvatar: Story;
|
|
10
|
-
export declare const NoAnswerRightWithAvatar: Story;
|
|
11
|
-
export declare const NoAnswerLeftWithAvatarAndSubtext: Story;
|
|
12
|
-
export declare const NoAnswerRightWithAvatarAndSubtext: Story;
|
|
13
|
-
export declare const CallHappenedLeft: Story;
|
|
14
|
-
export declare const CallHappenedRight: Story;
|
|
15
|
-
export declare const RightCallMissed: Story;
|
|
16
|
-
export declare const RightCallSuccess: Story;
|
|
17
|
-
export declare const RightCallLong: Story;
|
|
18
|
-
export declare const RecallLeft: Story;
|
|
19
|
-
export declare const RecallRight: Story;
|
|
20
|
-
export declare const LeftCallWithTranscript: Story;
|
|
21
|
-
export declare const RightCallWithTranscript: Story;
|
|
@@ -34,6 +34,18 @@ export interface CallMessageThemeCSSVariables {
|
|
|
34
34
|
'--chotto-callmessage-info-container-column-gap': string;
|
|
35
35
|
/** Отступ снизу у заголовка */
|
|
36
36
|
'--chotto-callmessage-title-margin-bottom': string;
|
|
37
|
+
/** Цвет участника звонка */
|
|
38
|
+
'--chotto-callmessage-call-participant-color': string;
|
|
39
|
+
/** Отображение пропущенного звонка в заголовке */
|
|
40
|
+
'--chotto-callmessage-title-missed-display': string;
|
|
41
|
+
/** Колонка грида обёртки заголовка */
|
|
42
|
+
'--chotto-callmessage-title-wrapper-grid-column': string;
|
|
43
|
+
/** Отображение обёртки заголовка */
|
|
44
|
+
'--chotto-callmessage-title-wrapper-display': string;
|
|
45
|
+
/** Выравнивание элементов обёртки заголовка */
|
|
46
|
+
'--chotto-callmessage-title-wrapper-align-items': string;
|
|
47
|
+
/** Промежуток между колонками обёртки заголовка */
|
|
48
|
+
'--chotto-callmessage-title-wrapper-column-gap': string;
|
|
37
49
|
/** Колонка грида иконки */
|
|
38
50
|
'--chotto-callmessage-icon-grid-column': string;
|
|
39
51
|
/** Ряд грида иконки */
|
|
@@ -76,6 +88,20 @@ export interface CallMessageThemeCSSVariables {
|
|
|
76
88
|
'--chotto-callmessage-download-button-cursor': string;
|
|
77
89
|
/** Отображение статуса */
|
|
78
90
|
'--chotto-callmessage-status-display': string;
|
|
91
|
+
/** Колонка грида контейнера заголовка */
|
|
92
|
+
'--chotto-callmessage-header-container-grid-column': string;
|
|
93
|
+
/** Отображение контейнера заголовка */
|
|
94
|
+
'--chotto-callmessage-header-container-display': string;
|
|
95
|
+
/** Промежуток между рядами контейнера заголовка */
|
|
96
|
+
'--chotto-callmessage-header-container-row-gap': string;
|
|
97
|
+
/** Внутренние отступы контейнера заголовка */
|
|
98
|
+
'--chotto-callmessage-header-container-padding': string;
|
|
99
|
+
/** Граница контейнера заголовка */
|
|
100
|
+
'--chotto-callmessage-header-container-border': string;
|
|
101
|
+
/** Скругление контейнера заголовка */
|
|
102
|
+
'--chotto-callmessage-header-container-border-radius': string;
|
|
103
|
+
/** Цвет фона контейнера заголовка */
|
|
104
|
+
'--chotto-callmessage-header-container-background-color': string;
|
|
79
105
|
/** Выравнивание аватара */
|
|
80
106
|
'--chotto-callmessage-avatar-align-self': string;
|
|
81
107
|
/** Вписывание изображения аватара */
|
|
@@ -86,6 +112,126 @@ export interface CallMessageThemeCSSVariables {
|
|
|
86
112
|
'--chotto-callmessage-avatar-min-height': string;
|
|
87
113
|
/** Скругление аватара */
|
|
88
114
|
'--chotto-callmessage-avatar-border-radius': string;
|
|
115
|
+
/** Колонка грида обёртки аудио */
|
|
116
|
+
'--chotto-callmessage-audio-wrapper-grid-column': string;
|
|
117
|
+
/** Отображение обёртки аудио */
|
|
118
|
+
'--chotto-callmessage-audio-wrapper-display': string;
|
|
119
|
+
/** Шаблон колонок грида обёртки аудио */
|
|
120
|
+
'--chotto-callmessage-audio-wrapper-grid-template-columns': string;
|
|
121
|
+
/** Промежуток между колонками обёртки аудио */
|
|
122
|
+
'--chotto-callmessage-audio-wrapper-column-gap': string;
|
|
123
|
+
/** Выравнивание элементов обёртки аудио */
|
|
124
|
+
'--chotto-callmessage-audio-wrapper-align-items': string;
|
|
125
|
+
/** Внутренний отступ сверху обёртки аудио */
|
|
126
|
+
'--chotto-callmessage-audio-wrapper-padding-top': string;
|
|
127
|
+
/** Внутренний отступ снизу обёртки аудио */
|
|
128
|
+
'--chotto-callmessage-audio-wrapper-padding-bottom': string;
|
|
129
|
+
/** Граница кнопки аудио */
|
|
130
|
+
'--chotto-callmessage-audio-button-border': string;
|
|
131
|
+
/** Курсор кнопки аудио */
|
|
132
|
+
'--chotto-callmessage-audio-button-cursor': string;
|
|
133
|
+
/** Ширина кнопки аудио */
|
|
134
|
+
'--chotto-callmessage-audio-button-width': string;
|
|
135
|
+
/** Высота кнопки аудио */
|
|
136
|
+
'--chotto-callmessage-audio-button-height': string;
|
|
137
|
+
/** Скругление кнопки аудио */
|
|
138
|
+
'--chotto-callmessage-audio-button-border-radius': string;
|
|
139
|
+
/** Цвет фона кнопки аудио */
|
|
140
|
+
'--chotto-callmessage-audio-button-background-color': string;
|
|
141
|
+
/** Отображение кнопки аудио */
|
|
142
|
+
'--chotto-callmessage-audio-button-display': string;
|
|
143
|
+
/** Выравнивание элементов кнопки аудио */
|
|
144
|
+
'--chotto-callmessage-audio-button-align-items': string;
|
|
145
|
+
/** Выравнивание содержимого кнопки аудио по главной оси */
|
|
146
|
+
'--chotto-callmessage-audio-button-justify-content': string;
|
|
147
|
+
/** Ряд грида кнопки аудио */
|
|
148
|
+
'--chotto-callmessage-audio-button-grid-row': string;
|
|
149
|
+
/** Отображение иконки аудио */
|
|
150
|
+
'--chotto-callmessage-audio-icon-display': string;
|
|
151
|
+
/** Выравнивание элементов иконки аудио */
|
|
152
|
+
'--chotto-callmessage-audio-icon-align-items': string;
|
|
153
|
+
/** Выравнивание содержимого иконки аудио по главной оси */
|
|
154
|
+
'--chotto-callmessage-audio-icon-justify-content': string;
|
|
155
|
+
/** Колонка грида прогресса аудио */
|
|
156
|
+
'--chotto-callmessage-audio-progress-grid-column': string;
|
|
157
|
+
/** Ряд грида прогресса аудио */
|
|
158
|
+
'--chotto-callmessage-audio-progress-grid-row': string;
|
|
159
|
+
/** Отображение прогресса аудио */
|
|
160
|
+
'--chotto-callmessage-audio-progress-display': string;
|
|
161
|
+
/** Направление флекс-контейнера прогресса аудио */
|
|
162
|
+
'--chotto-callmessage-audio-progress-flex-direction': string;
|
|
163
|
+
/** Промежуток между рядами прогресса аудио */
|
|
164
|
+
'--chotto-callmessage-audio-progress-row-gap': string;
|
|
165
|
+
/** Выравнивание прогресса аудио относительно себя */
|
|
166
|
+
'--chotto-callmessage-audio-progress-align-self': string;
|
|
167
|
+
/** Выравнивание содержимого прогресса аудио по главной оси */
|
|
168
|
+
'--chotto-callmessage-audio-progress-justify-content': string;
|
|
169
|
+
/** Отображение полосы прогресса аудио */
|
|
170
|
+
'--chotto-callmessage-audio-progress-bar-display': string;
|
|
171
|
+
/** Выравнивание элементов полосы прогресса аудио */
|
|
172
|
+
'--chotto-callmessage-audio-progress-bar-align-items': string;
|
|
173
|
+
/** Промежуток между колонками полосы прогресса аудио */
|
|
174
|
+
'--chotto-callmessage-audio-progress-bar-column-gap': string;
|
|
175
|
+
/** Внешний отступ сверху полосы прогресса аудио */
|
|
176
|
+
'--chotto-callmessage-audio-progress-bar-margin-top': string;
|
|
177
|
+
/** Трансформация полосы прогресса аудио */
|
|
178
|
+
'--chotto-callmessage-audio-progress-bar-transform': string;
|
|
179
|
+
/** Внешний вид слайдера аудио для WebKit */
|
|
180
|
+
'--chotto-callmessage-audio-slider-webkit-appearance': string;
|
|
181
|
+
/** Внешний вид слайдера аудио */
|
|
182
|
+
'--chotto-callmessage-audio-slider-appearance': string;
|
|
183
|
+
/** Фон слайдера аудио */
|
|
184
|
+
'--chotto-callmessage-audio-slider-background': string;
|
|
185
|
+
/** Курсор слайдера аудио */
|
|
186
|
+
'--chotto-callmessage-audio-slider-cursor': string;
|
|
187
|
+
/** Высота слайдера аудио */
|
|
188
|
+
'--chotto-callmessage-audio-slider-height': string;
|
|
189
|
+
/** Максимальная ширина слайдера аудио */
|
|
190
|
+
'--chotto-callmessage-audio-slider-max-width': string;
|
|
191
|
+
/** Скругление слайдера аудио */
|
|
192
|
+
'--chotto-callmessage-audio-slider-border-radius': string;
|
|
193
|
+
/** Flex-свойство слайдера аудио */
|
|
194
|
+
'--chotto-callmessage-audio-slider-flex': string;
|
|
195
|
+
/** Внешние отступы слайдера аудио */
|
|
196
|
+
'--chotto-callmessage-audio-slider-margin': string;
|
|
197
|
+
/** Внешний отступ сверху слайдера аудио */
|
|
198
|
+
'--chotto-callmessage-audio-slider-margin-top': string;
|
|
199
|
+
/** Высота дорожки слайдера аудио */
|
|
200
|
+
'--chotto-callmessage-audio-slider-track-height': string;
|
|
201
|
+
/** Фон дорожки слайдера аудио */
|
|
202
|
+
'--chotto-callmessage-audio-slider-track-background': string;
|
|
203
|
+
/** Ширина ползунка слайдера аудио */
|
|
204
|
+
'--chotto-callmessage-audio-slider-thumb-width': string;
|
|
205
|
+
/** Высота ползунка слайдера аудио */
|
|
206
|
+
'--chotto-callmessage-audio-slider-thumb-height': string;
|
|
207
|
+
/** Цвет фона ползунка слайдера аудио */
|
|
208
|
+
'--chotto-callmessage-audio-slider-thumb-background-color': string;
|
|
209
|
+
/** Внешний отступ сверху ползунка слайдера аудио */
|
|
210
|
+
'--chotto-callmessage-audio-slider-thumb-margin-top': string;
|
|
211
|
+
/** Скругление ползунка слайдера аудио */
|
|
212
|
+
'--chotto-callmessage-audio-slider-thumb-border-radius': string;
|
|
213
|
+
/** Цвет фона кнопки скорости аудио */
|
|
214
|
+
'--chotto-callmessage-audio-speed-btn-background-color': string;
|
|
215
|
+
/** Граница кнопки скорости аудио */
|
|
216
|
+
'--chotto-callmessage-audio-speed-btn-border': string;
|
|
217
|
+
/** Размер шрифта кнопки скорости аудио */
|
|
218
|
+
'--chotto-callmessage-audio-speed-btn-font-size': string;
|
|
219
|
+
/** Жирность шрифта кнопки скорости аудио */
|
|
220
|
+
'--chotto-callmessage-audio-speed-btn-font-weight': string;
|
|
221
|
+
/** Цвет кнопки скорости аудио */
|
|
222
|
+
'--chotto-callmessage-audio-speed-btn-color': string;
|
|
223
|
+
/** Курсор кнопки скорости аудио */
|
|
224
|
+
'--chotto-callmessage-audio-speed-btn-cursor': string;
|
|
225
|
+
/** Жирность шрифта кнопки скорости аудио при наведении */
|
|
226
|
+
'--chotto-callmessage-audio-speed-btn-hover-font-weight': string;
|
|
227
|
+
/** Отображение времени аудио */
|
|
228
|
+
'--chotto-callmessage-audio-time-display': string;
|
|
229
|
+
/** Выравнивание содержимого времени аудио по главной оси */
|
|
230
|
+
'--chotto-callmessage-audio-time-justify-content': string;
|
|
231
|
+
/** Размер шрифта времени аудио */
|
|
232
|
+
'--chotto-callmessage-audio-time-font-size': string;
|
|
233
|
+
/** Цвет времени аудио */
|
|
234
|
+
'--chotto-callmessage-audio-time-color': string;
|
|
89
235
|
/** Позиционирование кнопки меню */
|
|
90
236
|
'--chotto-callmessage-menu-button-position': string;
|
|
91
237
|
/** Прозрачный фон кнопки меню */
|
|
@@ -98,6 +244,8 @@ export interface CallMessageThemeCSSVariables {
|
|
|
98
244
|
'--chotto-callmessage-menu-button-cursor': string;
|
|
99
245
|
/** Переход кнопки меню */
|
|
100
246
|
'--chotto-callmessage-menu-button-transition': string;
|
|
247
|
+
/** Слой кнопки меню */
|
|
248
|
+
'--chotto-callmessage-menu-button-z-index': string;
|
|
101
249
|
/** Позиционирование контекстного меню */
|
|
102
250
|
'--chotto-callmessage-context-menu-position': string;
|
|
103
251
|
/** Позиционирование текстового диалога */
|
|
@@ -154,8 +302,46 @@ export interface CallMessageThemeCSSVariables {
|
|
|
154
302
|
'--chotto-callmessage-left-subtext-margin': string;
|
|
155
303
|
/** Колонка грида контента слева */
|
|
156
304
|
'--chotto-callmessage-left-content-grid-column': string;
|
|
305
|
+
/** Отступ сверху кнопки меню слева */
|
|
306
|
+
'--chotto-callmessage-left-menu-button-top': string;
|
|
307
|
+
/** Отступ справа кнопки меню слева */
|
|
308
|
+
'--chotto-callmessage-left-menu-button-right': string;
|
|
309
|
+
/** Отступ снизу кнопки меню слева */
|
|
310
|
+
'--chotto-callmessage-left-menu-button-bottom': string;
|
|
311
|
+
/** Отступ слева кнопки меню слева */
|
|
312
|
+
'--chotto-callmessage-left-menu-button-left': string;
|
|
313
|
+
/** Ширина контекстного меню слева */
|
|
314
|
+
'--chotto-callmessage-left-context-menu-width': string;
|
|
315
|
+
/** Высота контекстного меню слева */
|
|
316
|
+
'--chotto-callmessage-left-context-menu-height': string;
|
|
317
|
+
/** Отступ сверху контекстного меню слева */
|
|
318
|
+
'--chotto-callmessage-left-context-menu-top': string;
|
|
319
|
+
/** Отступ слева контекстного меню слева */
|
|
320
|
+
'--chotto-callmessage-left-context-menu-left': string;
|
|
321
|
+
/** Внешний отступ сверху контекстного меню слева */
|
|
322
|
+
'--chotto-callmessage-left-context-menu-margin-top': string;
|
|
323
|
+
/** Промежуток между рядами контекстного меню слева */
|
|
324
|
+
'--chotto-callmessage-left-context-menu-row-gap': string;
|
|
325
|
+
/** Внутренние отступы контекстного меню слева */
|
|
326
|
+
'--chotto-callmessage-left-context-menu-padding': string;
|
|
327
|
+
/** Позиционирование контейнера правой раскладки */
|
|
328
|
+
'--chotto-callmessage-right-position': string;
|
|
157
329
|
/** Шаблон колонок правой раскладки */
|
|
158
330
|
'--chotto-callmessage-right-grid-template-columns': string;
|
|
331
|
+
/** Правый внутренний отступ справа */
|
|
332
|
+
'--chotto-callmessage-right-padding-right': string;
|
|
333
|
+
/** Контент псевдоэлемента справа */
|
|
334
|
+
'--chotto-callmessage-right-after-content': string;
|
|
335
|
+
/** Позиционирование псевдоэлемента справа */
|
|
336
|
+
'--chotto-callmessage-right-after-position': string;
|
|
337
|
+
/** Смещение сверху псевдоэлемента справа */
|
|
338
|
+
'--chotto-callmessage-right-after-top': string;
|
|
339
|
+
/** Смещение справа псевдоэлемента справа */
|
|
340
|
+
'--chotto-callmessage-right-after-right': string;
|
|
341
|
+
/** Смещение снизу псевдоэлемента справа */
|
|
342
|
+
'--chotto-callmessage-right-after-bottom': string;
|
|
343
|
+
/** Ширина псевдоэлемента справа */
|
|
344
|
+
'--chotto-callmessage-right-after-width': string;
|
|
159
345
|
/** Колонка грида аватара справа */
|
|
160
346
|
'--chotto-callmessage-right-avatar-grid-column': string;
|
|
161
347
|
/** Ряд грида аватара справа */
|
|
@@ -172,6 +358,30 @@ export interface CallMessageThemeCSSVariables {
|
|
|
172
358
|
'--chotto-callmessage-right-content-grid-column': string;
|
|
173
359
|
/** Выравнивание контента справа */
|
|
174
360
|
'--chotto-callmessage-right-content-margin-left': string;
|
|
361
|
+
/** Отступ сверху кнопки меню справа */
|
|
362
|
+
'--chotto-callmessage-right-menu-button-top': string;
|
|
363
|
+
/** Отступ справа кнопки меню справа */
|
|
364
|
+
'--chotto-callmessage-right-menu-button-right': string;
|
|
365
|
+
/** Отступ снизу кнопки меню справа */
|
|
366
|
+
'--chotto-callmessage-right-menu-button-bottom': string;
|
|
367
|
+
/** Отступ слева кнопки меню справа */
|
|
368
|
+
'--chotto-callmessage-right-menu-button-left': string;
|
|
369
|
+
/** Ширина контекстного меню справа */
|
|
370
|
+
'--chotto-callmessage-right-context-menu-width': string;
|
|
371
|
+
/** Высота контекстного меню справа */
|
|
372
|
+
'--chotto-callmessage-right-context-menu-height': string;
|
|
373
|
+
/** Отступ сверху контекстного меню справа */
|
|
374
|
+
'--chotto-callmessage-right-context-menu-top': string;
|
|
375
|
+
/** Отступ справа контекстного меню справа */
|
|
376
|
+
'--chotto-callmessage-right-context-menu-right': string;
|
|
377
|
+
/** Отступ слева контекстного меню справа */
|
|
378
|
+
'--chotto-callmessage-right-context-menu-left': string;
|
|
379
|
+
/** Внешний отступ сверху контекстного меню справа */
|
|
380
|
+
'--chotto-callmessage-right-context-menu-margin-top': string;
|
|
381
|
+
/** Промежуток между рядами контекстного меню справа */
|
|
382
|
+
'--chotto-callmessage-right-context-menu-row-gap': string;
|
|
383
|
+
/** Внутренние отступы контекстного меню справа */
|
|
384
|
+
'--chotto-callmessage-right-context-menu-padding': string;
|
|
175
385
|
/** Позиционирование модального окна */
|
|
176
386
|
'--chotto-callmessage-modal-position': string;
|
|
177
387
|
/** Отступ сверху модального окна */
|
|
@@ -244,10 +454,26 @@ export interface CallMessageThemeCSSVariables {
|
|
|
244
454
|
'--chotto-callmessage-duration-text-color': string;
|
|
245
455
|
/** Размер шрифта длительности */
|
|
246
456
|
'--chotto-callmessage-duration-font-size': string;
|
|
457
|
+
/** Колонка грида информации о пропущенном звонке */
|
|
458
|
+
'--chotto-callmessage-missed-info-grid-column': string;
|
|
459
|
+
/** Размер шрифта информации о пропущенном звонке */
|
|
460
|
+
'--chotto-callmessage-missed-info-font-size': string;
|
|
461
|
+
/** Цвет текста информации о пропущенном звонке */
|
|
462
|
+
'--chotto-callmessage-missed-info-text-color': string;
|
|
463
|
+
/** Внешние отступы информации о пропущенном звонке */
|
|
464
|
+
'--chotto-callmessage-missed-info-margin': string;
|
|
247
465
|
/** Цвет текста времени */
|
|
248
466
|
'--chotto-callmessage-time-text-color': string;
|
|
249
467
|
/** Размер шрифта времени */
|
|
250
468
|
'--chotto-callmessage-time-font-size': string;
|
|
469
|
+
/** Отступ справа у времени */
|
|
470
|
+
'--chotto-callmessage-time-margin-right': string;
|
|
471
|
+
/** Цвет кнопки звонка */
|
|
472
|
+
'--chotto-callmessage-call-button-color': string;
|
|
473
|
+
/** Размер шрифта кнопки звонка */
|
|
474
|
+
'--chotto-callmessage-call-button-font-size': string;
|
|
475
|
+
/** Внешние отступы кнопки звонка */
|
|
476
|
+
'--chotto-callmessage-call-button-margin': string;
|
|
251
477
|
/** Цвет иконки кнопки скачивания */
|
|
252
478
|
'--chotto-callmessage-download-button-icon-color': string;
|
|
253
479
|
/** Размер иконки кнопки скачивания */
|
|
@@ -16,6 +16,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
16
16
|
type: BooleanConstructor;
|
|
17
17
|
default: boolean;
|
|
18
18
|
};
|
|
19
|
+
subtextTooltipData: {
|
|
20
|
+
type: () => Record<string, string>;
|
|
21
|
+
required: false;
|
|
22
|
+
default: () => {};
|
|
23
|
+
};
|
|
19
24
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
20
25
|
reply: (...args: any[]) => void;
|
|
21
26
|
action: (...args: any[]) => void;
|
|
@@ -36,6 +41,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
36
41
|
type: BooleanConstructor;
|
|
37
42
|
default: boolean;
|
|
38
43
|
};
|
|
44
|
+
subtextTooltipData: {
|
|
45
|
+
type: () => Record<string, string>;
|
|
46
|
+
required: false;
|
|
47
|
+
default: () => {};
|
|
48
|
+
};
|
|
39
49
|
}>> & Readonly<{
|
|
40
50
|
onReply?: ((...args: any[]) => any) | undefined;
|
|
41
51
|
onAction?: ((...args: any[]) => any) | undefined;
|
|
@@ -43,5 +53,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
43
53
|
applyStyle: Function;
|
|
44
54
|
isFirstInSeries: boolean;
|
|
45
55
|
reactionsEnabled: boolean;
|
|
56
|
+
subtextTooltipData: Record<string, string>;
|
|
46
57
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
47
58
|
export default _default;
|
|
@@ -16,6 +16,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
16
16
|
type: BooleanConstructor;
|
|
17
17
|
default: boolean;
|
|
18
18
|
};
|
|
19
|
+
subtextTooltipData: {
|
|
20
|
+
type: () => Record<string, string>;
|
|
21
|
+
required: false;
|
|
22
|
+
default: () => {};
|
|
23
|
+
};
|
|
19
24
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
20
25
|
reply: (...args: any[]) => void;
|
|
21
26
|
action: (...args: any[]) => void;
|
|
@@ -36,6 +41,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
36
41
|
type: BooleanConstructor;
|
|
37
42
|
default: boolean;
|
|
38
43
|
};
|
|
44
|
+
subtextTooltipData: {
|
|
45
|
+
type: () => Record<string, string>;
|
|
46
|
+
required: false;
|
|
47
|
+
default: () => {};
|
|
48
|
+
};
|
|
39
49
|
}>> & Readonly<{
|
|
40
50
|
onReply?: ((...args: any[]) => any) | undefined;
|
|
41
51
|
onAction?: ((...args: any[]) => any) | undefined;
|
|
@@ -43,5 +53,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
43
53
|
applyStyle: Function;
|
|
44
54
|
isFirstInSeries: boolean;
|
|
45
55
|
reactionsEnabled: boolean;
|
|
56
|
+
subtextTooltipData: Record<string, string>;
|
|
46
57
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
47
58
|
export default _default;
|
|
@@ -16,6 +16,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
16
16
|
type: BooleanConstructor;
|
|
17
17
|
default: boolean;
|
|
18
18
|
};
|
|
19
|
+
subtextTooltipData: {
|
|
20
|
+
type: () => Record<string, string>;
|
|
21
|
+
required: false;
|
|
22
|
+
default: () => {};
|
|
23
|
+
};
|
|
19
24
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
20
25
|
reply: (...args: any[]) => void;
|
|
21
26
|
action: (...args: any[]) => void;
|
|
@@ -36,6 +41,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
36
41
|
type: BooleanConstructor;
|
|
37
42
|
default: boolean;
|
|
38
43
|
};
|
|
44
|
+
subtextTooltipData: {
|
|
45
|
+
type: () => Record<string, string>;
|
|
46
|
+
required: false;
|
|
47
|
+
default: () => {};
|
|
48
|
+
};
|
|
39
49
|
}>> & Readonly<{
|
|
40
50
|
onReply?: ((...args: any[]) => any) | undefined;
|
|
41
51
|
onAction?: ((...args: any[]) => any) | undefined;
|
|
@@ -43,5 +53,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
43
53
|
applyStyle: Function;
|
|
44
54
|
isFirstInSeries: boolean;
|
|
45
55
|
reactionsEnabled: boolean;
|
|
56
|
+
subtextTooltipData: Record<string, string>;
|
|
46
57
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
47
58
|
export default _default;
|
|
@@ -46,8 +46,6 @@ export interface TextMessageThemeCSSVariables {
|
|
|
46
46
|
'--chotto-textmessage-right-after-height': string;
|
|
47
47
|
/** Базовая рамка хвостика справа */
|
|
48
48
|
'--chotto-textmessage-right-after-border': string;
|
|
49
|
-
/** Верхняя часть рамки хвостика справа (цвет пузыря) */
|
|
50
|
-
'--chotto-textmessage-right-after-border-top': string;
|
|
51
49
|
/** Слой псевдоэлемента справа */
|
|
52
50
|
'--chotto-textmessage-right-after-z-index': string;
|
|
53
51
|
/** Отображение контейнера информации */
|
|
@@ -16,6 +16,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
16
16
|
type: BooleanConstructor;
|
|
17
17
|
default: boolean;
|
|
18
18
|
};
|
|
19
|
+
subtextTooltipData: {
|
|
20
|
+
type: () => Record<string, string>;
|
|
21
|
+
required: false;
|
|
22
|
+
default: () => {};
|
|
23
|
+
};
|
|
19
24
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
20
25
|
reply: (...args: any[]) => void;
|
|
21
26
|
action: (...args: any[]) => void;
|
|
@@ -36,6 +41,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
36
41
|
type: BooleanConstructor;
|
|
37
42
|
default: boolean;
|
|
38
43
|
};
|
|
44
|
+
subtextTooltipData: {
|
|
45
|
+
type: () => Record<string, string>;
|
|
46
|
+
required: false;
|
|
47
|
+
default: () => {};
|
|
48
|
+
};
|
|
39
49
|
}>> & Readonly<{
|
|
40
50
|
onReply?: ((...args: any[]) => any) | undefined;
|
|
41
51
|
onAction?: ((...args: any[]) => any) | undefined;
|
|
@@ -43,5 +53,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
43
53
|
applyStyle: Function;
|
|
44
54
|
isFirstInSeries: boolean;
|
|
45
55
|
reactionsEnabled: boolean;
|
|
56
|
+
subtextTooltipData: Record<string, string>;
|
|
46
57
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
47
58
|
export default _default;
|