@mobilon-dev/chotto 0.3.43 → 0.3.44
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/chotto.css +1 -1
- package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue.js +2 -2
- package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue2.js +119 -109
- package/dist/components/2_feed_elements/FileMessage/FileMessage.vue2.js +9 -9
- package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue.js +2 -2
- package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue2.js +102 -92
- package/dist/components/2_feed_elements/MessageStatusIndicator/MessageStatusIndicator.vue.js +5 -71
- package/dist/components/2_feed_elements/MessageStatusIndicator/MessageStatusIndicator.vue2.js +64 -2
- package/dist/components/2_feed_elements/MessageStatusIndicator/icons/ErrorStatusIcon.vue.js +7 -0
- package/dist/components/2_feed_elements/MessageStatusIndicator/icons/ErrorStatusIcon.vue2.js +40 -0
- package/dist/components/2_feed_elements/MessageStatusIndicator/icons/PendingStatusIcon.vue.js +7 -0
- package/dist/components/2_feed_elements/MessageStatusIndicator/icons/PendingStatusIcon.vue2.js +46 -0
- package/dist/components/2_feed_elements/MessageStatusIndicator/icons/ReadStatusIcon.vue.js +7 -0
- package/dist/components/2_feed_elements/MessageStatusIndicator/icons/ReadStatusIcon.vue2.js +40 -0
- package/dist/components/2_feed_elements/MessageStatusIndicator/icons/ReceivedStatusIcon.vue.js +7 -0
- package/dist/components/2_feed_elements/MessageStatusIndicator/icons/ReceivedStatusIcon.vue2.js +40 -0
- package/dist/components/2_feed_elements/MessageStatusIndicator/icons/SentStatusIcon.vue.js +7 -0
- package/dist/components/2_feed_elements/MessageStatusIndicator/icons/SentStatusIcon.vue2.js +43 -0
- package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue.js +1 -1
- package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue2.js +118 -103
- package/dist/components/2_feed_elements/TextMessage/TextMessage.vue2.js +9 -9
- package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue.js +1 -1
- package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue2.js +88 -78
- package/dist/themes/dark.css +1 -1
- package/dist/themes/default.css +1 -1
- package/dist/themes/glass.css +1 -1
- package/dist/themes/green.css +1 -1
- package/dist/themes/mobilon1.css +1 -1
- package/dist/types/apps/data/messages.d.ts +192 -0
- package/dist/types/components/2_feed_elements/AudioMessage/AudioMessage.vue.d.ts +2 -0
- package/dist/types/components/2_feed_elements/AudioMessage/styles/types.d.ts +6 -16
- package/dist/types/components/2_feed_elements/CallMessage/styles/types.d.ts +0 -6
- package/dist/types/components/2_feed_elements/FileMessage/styles/types.d.ts +0 -20
- package/dist/types/components/2_feed_elements/ImageMessage/ImageMessage.vue.d.ts +2 -0
- package/dist/types/components/2_feed_elements/ImageMessage/styles/types.d.ts +0 -14
- package/dist/types/components/2_feed_elements/MessageStatusIndicator/icons/ErrorStatusIcon.vue.d.ts +23 -0
- package/dist/types/components/2_feed_elements/MessageStatusIndicator/icons/PendingStatusIcon.vue.d.ts +23 -0
- package/dist/types/components/2_feed_elements/MessageStatusIndicator/icons/ReadStatusIcon.vue.d.ts +23 -0
- package/dist/types/components/2_feed_elements/MessageStatusIndicator/icons/ReceivedStatusIcon.vue.d.ts +23 -0
- package/dist/types/components/2_feed_elements/MessageStatusIndicator/icons/SentStatusIcon.vue.d.ts +23 -0
- package/dist/types/components/2_feed_elements/MessageStatusIndicator/icons/index.d.ts +5 -0
- package/dist/types/components/2_feed_elements/MessageStatusIndicator/styles/types.d.ts +31 -0
- package/dist/types/components/2_feed_elements/StickerMessage/StickerMessage.vue.d.ts +2 -0
- package/dist/types/components/2_feed_elements/StickerMessage/styles/types.d.ts +16 -14
- package/dist/types/components/2_feed_elements/TextMessage/styles/types.d.ts +0 -18
- package/dist/types/components/2_feed_elements/VideoMessage/VideoMessage.vue.d.ts +2 -0
- package/dist/types/components/2_feed_elements/VideoMessage/styles/types.d.ts +1 -15
- package/package.json +1 -1
|
@@ -2116,6 +2116,102 @@ export declare const messages: ({
|
|
|
2116
2116
|
reactions?: undefined;
|
|
2117
2117
|
backgroundColor?: undefined;
|
|
2118
2118
|
callAttemptDuration?: undefined;
|
|
2119
|
+
} | {
|
|
2120
|
+
chatId: number;
|
|
2121
|
+
dialogId: string;
|
|
2122
|
+
messageId: string;
|
|
2123
|
+
type: string;
|
|
2124
|
+
url: string;
|
|
2125
|
+
alt: string;
|
|
2126
|
+
direction: string;
|
|
2127
|
+
status: string;
|
|
2128
|
+
text: string;
|
|
2129
|
+
statusMsg: string;
|
|
2130
|
+
timestamp: string;
|
|
2131
|
+
header: string;
|
|
2132
|
+
subText: string;
|
|
2133
|
+
avatar: string;
|
|
2134
|
+
hasMessengerAccount: boolean;
|
|
2135
|
+
position?: undefined;
|
|
2136
|
+
time?: undefined;
|
|
2137
|
+
callDuration?: undefined;
|
|
2138
|
+
isMissedCall?: undefined;
|
|
2139
|
+
callParticipant?: undefined;
|
|
2140
|
+
actions?: undefined;
|
|
2141
|
+
embed?: undefined;
|
|
2142
|
+
views?: undefined;
|
|
2143
|
+
reply?: undefined;
|
|
2144
|
+
filename?: undefined;
|
|
2145
|
+
transcript?: undefined;
|
|
2146
|
+
linkPreview?: undefined;
|
|
2147
|
+
keyboard?: undefined;
|
|
2148
|
+
reactions?: undefined;
|
|
2149
|
+
backgroundColor?: undefined;
|
|
2150
|
+
callAttemptDuration?: undefined;
|
|
2151
|
+
} | {
|
|
2152
|
+
chatId: number;
|
|
2153
|
+
dialogId: string;
|
|
2154
|
+
messageId: string;
|
|
2155
|
+
type: string;
|
|
2156
|
+
url: string;
|
|
2157
|
+
alt: string;
|
|
2158
|
+
direction: string;
|
|
2159
|
+
status: string;
|
|
2160
|
+
statusMsg: string;
|
|
2161
|
+
timestamp: string;
|
|
2162
|
+
header: string;
|
|
2163
|
+
subText: string;
|
|
2164
|
+
avatar: string;
|
|
2165
|
+
hasMessengerAccount: boolean;
|
|
2166
|
+
position?: undefined;
|
|
2167
|
+
time?: undefined;
|
|
2168
|
+
callDuration?: undefined;
|
|
2169
|
+
isMissedCall?: undefined;
|
|
2170
|
+
callParticipant?: undefined;
|
|
2171
|
+
actions?: undefined;
|
|
2172
|
+
text?: undefined;
|
|
2173
|
+
embed?: undefined;
|
|
2174
|
+
views?: undefined;
|
|
2175
|
+
reply?: undefined;
|
|
2176
|
+
filename?: undefined;
|
|
2177
|
+
transcript?: undefined;
|
|
2178
|
+
linkPreview?: undefined;
|
|
2179
|
+
keyboard?: undefined;
|
|
2180
|
+
reactions?: undefined;
|
|
2181
|
+
backgroundColor?: undefined;
|
|
2182
|
+
callAttemptDuration?: undefined;
|
|
2183
|
+
} | {
|
|
2184
|
+
chatId: number;
|
|
2185
|
+
dialogId: string;
|
|
2186
|
+
messageId: string;
|
|
2187
|
+
type: string;
|
|
2188
|
+
url: string;
|
|
2189
|
+
direction: string;
|
|
2190
|
+
status: string;
|
|
2191
|
+
statusMsg: string;
|
|
2192
|
+
timestamp: string;
|
|
2193
|
+
header: string;
|
|
2194
|
+
subText: string;
|
|
2195
|
+
avatar: string;
|
|
2196
|
+
hasMessengerAccount: boolean;
|
|
2197
|
+
position?: undefined;
|
|
2198
|
+
time?: undefined;
|
|
2199
|
+
callDuration?: undefined;
|
|
2200
|
+
isMissedCall?: undefined;
|
|
2201
|
+
callParticipant?: undefined;
|
|
2202
|
+
actions?: undefined;
|
|
2203
|
+
text?: undefined;
|
|
2204
|
+
embed?: undefined;
|
|
2205
|
+
views?: undefined;
|
|
2206
|
+
alt?: undefined;
|
|
2207
|
+
reply?: undefined;
|
|
2208
|
+
filename?: undefined;
|
|
2209
|
+
transcript?: undefined;
|
|
2210
|
+
linkPreview?: undefined;
|
|
2211
|
+
keyboard?: undefined;
|
|
2212
|
+
reactions?: undefined;
|
|
2213
|
+
backgroundColor?: undefined;
|
|
2214
|
+
callAttemptDuration?: undefined;
|
|
2119
2215
|
} | {
|
|
2120
2216
|
chatId: number;
|
|
2121
2217
|
dialogId: string;
|
|
@@ -2386,4 +2482,100 @@ export declare const messages: ({
|
|
|
2386
2482
|
backgroundColor?: undefined;
|
|
2387
2483
|
hasMessengerAccount?: undefined;
|
|
2388
2484
|
callAttemptDuration?: undefined;
|
|
2485
|
+
} | {
|
|
2486
|
+
chatId: number;
|
|
2487
|
+
dialogId: string;
|
|
2488
|
+
type: string;
|
|
2489
|
+
messageId: string;
|
|
2490
|
+
url: string;
|
|
2491
|
+
direction: string;
|
|
2492
|
+
status: string;
|
|
2493
|
+
timestamp: string;
|
|
2494
|
+
text: string;
|
|
2495
|
+
header: string;
|
|
2496
|
+
subText: string;
|
|
2497
|
+
avatar: string;
|
|
2498
|
+
position?: undefined;
|
|
2499
|
+
time?: undefined;
|
|
2500
|
+
callDuration?: undefined;
|
|
2501
|
+
isMissedCall?: undefined;
|
|
2502
|
+
callParticipant?: undefined;
|
|
2503
|
+
actions?: undefined;
|
|
2504
|
+
embed?: undefined;
|
|
2505
|
+
views?: undefined;
|
|
2506
|
+
alt?: undefined;
|
|
2507
|
+
reply?: undefined;
|
|
2508
|
+
filename?: undefined;
|
|
2509
|
+
transcript?: undefined;
|
|
2510
|
+
linkPreview?: undefined;
|
|
2511
|
+
keyboard?: undefined;
|
|
2512
|
+
reactions?: undefined;
|
|
2513
|
+
statusMsg?: undefined;
|
|
2514
|
+
backgroundColor?: undefined;
|
|
2515
|
+
hasMessengerAccount?: undefined;
|
|
2516
|
+
callAttemptDuration?: undefined;
|
|
2517
|
+
} | {
|
|
2518
|
+
chatId: number;
|
|
2519
|
+
dialogId: string;
|
|
2520
|
+
type: string;
|
|
2521
|
+
url: string;
|
|
2522
|
+
alt: string;
|
|
2523
|
+
direction: string;
|
|
2524
|
+
status: string;
|
|
2525
|
+
timestamp: string;
|
|
2526
|
+
header: string;
|
|
2527
|
+
subText: string;
|
|
2528
|
+
messageId: string;
|
|
2529
|
+
text: string;
|
|
2530
|
+
avatar: string;
|
|
2531
|
+
position?: undefined;
|
|
2532
|
+
time?: undefined;
|
|
2533
|
+
callDuration?: undefined;
|
|
2534
|
+
isMissedCall?: undefined;
|
|
2535
|
+
callParticipant?: undefined;
|
|
2536
|
+
actions?: undefined;
|
|
2537
|
+
embed?: undefined;
|
|
2538
|
+
views?: undefined;
|
|
2539
|
+
reply?: undefined;
|
|
2540
|
+
filename?: undefined;
|
|
2541
|
+
transcript?: undefined;
|
|
2542
|
+
linkPreview?: undefined;
|
|
2543
|
+
keyboard?: undefined;
|
|
2544
|
+
reactions?: undefined;
|
|
2545
|
+
statusMsg?: undefined;
|
|
2546
|
+
backgroundColor?: undefined;
|
|
2547
|
+
hasMessengerAccount?: undefined;
|
|
2548
|
+
callAttemptDuration?: undefined;
|
|
2549
|
+
} | {
|
|
2550
|
+
chatId: number;
|
|
2551
|
+
dialogId: string;
|
|
2552
|
+
type: string;
|
|
2553
|
+
messageId: string;
|
|
2554
|
+
url: string;
|
|
2555
|
+
direction: string;
|
|
2556
|
+
status: string;
|
|
2557
|
+
timestamp: string;
|
|
2558
|
+
header: string;
|
|
2559
|
+
subText: string;
|
|
2560
|
+
avatar: string;
|
|
2561
|
+
position?: undefined;
|
|
2562
|
+
time?: undefined;
|
|
2563
|
+
callDuration?: undefined;
|
|
2564
|
+
isMissedCall?: undefined;
|
|
2565
|
+
callParticipant?: undefined;
|
|
2566
|
+
actions?: undefined;
|
|
2567
|
+
text?: undefined;
|
|
2568
|
+
embed?: undefined;
|
|
2569
|
+
views?: undefined;
|
|
2570
|
+
alt?: undefined;
|
|
2571
|
+
reply?: undefined;
|
|
2572
|
+
filename?: undefined;
|
|
2573
|
+
transcript?: undefined;
|
|
2574
|
+
linkPreview?: undefined;
|
|
2575
|
+
keyboard?: undefined;
|
|
2576
|
+
reactions?: undefined;
|
|
2577
|
+
statusMsg?: undefined;
|
|
2578
|
+
backgroundColor?: undefined;
|
|
2579
|
+
hasMessengerAccount?: undefined;
|
|
2580
|
+
callAttemptDuration?: undefined;
|
|
2389
2581
|
})[];
|
|
@@ -24,6 +24,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
24
24
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
25
25
|
action: (...args: any[]) => void;
|
|
26
26
|
reply: (...args: any[]) => void;
|
|
27
|
+
"sms-invite": (...args: any[]) => void;
|
|
27
28
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
28
29
|
message: {
|
|
29
30
|
type: () => IAudioMessage;
|
|
@@ -49,6 +50,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
49
50
|
}>> & Readonly<{
|
|
50
51
|
onAction?: ((...args: any[]) => any) | undefined;
|
|
51
52
|
onReply?: ((...args: any[]) => any) | undefined;
|
|
53
|
+
"onSms-invite"?: ((...args: any[]) => any) | undefined;
|
|
52
54
|
}>, {
|
|
53
55
|
applyStyle: Function;
|
|
54
56
|
isFirstInSeries: boolean;
|
|
@@ -230,18 +230,18 @@ export interface AudioMessageThemeCSSVariables {
|
|
|
230
230
|
'--chotto-audiomessage-avatar-min-height': string;
|
|
231
231
|
/** Скругление аватара */
|
|
232
232
|
'--chotto-audiomessage-avatar-border-radius': string;
|
|
233
|
-
/**
|
|
234
|
-
'--chotto-audiomessage-info-container-
|
|
235
|
-
/** Отступ справа инфо-контейнера */
|
|
236
|
-
'--chotto-audiomessage-info-container-right': string;
|
|
237
|
-
/** Отступ снизу инфо-контейнера */
|
|
238
|
-
'--chotto-audiomessage-info-container-bottom': string;
|
|
233
|
+
/** Колонки грида инфо-контейнера */
|
|
234
|
+
'--chotto-audiomessage-info-container-grid-column': string;
|
|
239
235
|
/** Отображение инфо-контейнера */
|
|
240
236
|
'--chotto-audiomessage-info-container-display': string;
|
|
241
237
|
/** Выравнивание элементов инфо-контейнера */
|
|
242
238
|
'--chotto-audiomessage-info-container-align-items': string;
|
|
239
|
+
/** Выравнивание содержимого инфо-контейнера */
|
|
240
|
+
'--chotto-audiomessage-info-container-justify-content': string;
|
|
243
241
|
/** Промежуток между элементами инфо-контейнера */
|
|
244
242
|
'--chotto-audiomessage-info-container-column-gap': string;
|
|
243
|
+
/** Отступ справа инфо-контейнера */
|
|
244
|
+
'--chotto-audiomessage-info-container-margin-right': string;
|
|
245
245
|
/** События указателя инфо-контейнера */
|
|
246
246
|
'--chotto-audiomessage-info-container-pointer-events': string;
|
|
247
247
|
/** Позиционирование кнопки скачивания */
|
|
@@ -266,8 +266,6 @@ export interface AudioMessageThemeCSSVariables {
|
|
|
266
266
|
'--chotto-audiomessage-download-button-padding': string;
|
|
267
267
|
/** Курсор кнопки скачивания */
|
|
268
268
|
'--chotto-audiomessage-download-button-cursor': string;
|
|
269
|
-
/** Отображение статуса */
|
|
270
|
-
'--chotto-audiomessage-status-display': string;
|
|
271
269
|
/** Отображение блока просмотров */
|
|
272
270
|
'--chotto-audiomessage-views-display': string;
|
|
273
271
|
/** Выравнивание элементов блока просмотров */
|
|
@@ -504,14 +502,6 @@ export interface AudioMessageThemeCSSVariables {
|
|
|
504
502
|
'--chotto-audiomessage-download-button-icon-color': string;
|
|
505
503
|
/** Размер иконки кнопки скачивания */
|
|
506
504
|
'--chotto-audiomessage-download-button-icon-size': string;
|
|
507
|
-
/** Цвет статуса доставлено */
|
|
508
|
-
'--chotto-audiomessage-status-color-received': string;
|
|
509
|
-
/** Цвет статуса прочитано */
|
|
510
|
-
'--chotto-audiomessage-status-color-read': string;
|
|
511
|
-
/** Цвет статуса в ожидании */
|
|
512
|
-
'--chotto-audiomessage-status-color-pending': string;
|
|
513
|
-
/** Цвет статуса ошибка */
|
|
514
|
-
'--chotto-audiomessage-status-color-error': string;
|
|
515
505
|
/** Размер малого текста-иконки */
|
|
516
506
|
'--chotto-audiomessage-small-text-icon-size': string;
|
|
517
507
|
/** Цвет иконки/текста (span) просмотров */
|
|
@@ -86,8 +86,6 @@ export interface CallMessageThemeCSSVariables {
|
|
|
86
86
|
'--chotto-callmessage-download-button-padding': string;
|
|
87
87
|
/** Курсор кнопки скачивания */
|
|
88
88
|
'--chotto-callmessage-download-button-cursor': string;
|
|
89
|
-
/** Отображение статуса */
|
|
90
|
-
'--chotto-callmessage-status-display': string;
|
|
91
89
|
/** Колонка грида контейнера заголовка */
|
|
92
90
|
'--chotto-callmessage-header-container-grid-column': string;
|
|
93
91
|
/** Отображение контейнера заголовка */
|
|
@@ -502,10 +500,6 @@ export interface CallMessageThemeCSSVariables {
|
|
|
502
500
|
'--chotto-callmessage-download-button-icon-color': string;
|
|
503
501
|
/** Размер иконки кнопки скачивания */
|
|
504
502
|
'--chotto-callmessage-download-button-icon-size': string;
|
|
505
|
-
/** Цвет статуса доставлено */
|
|
506
|
-
'--chotto-callmessage-status-color-received': string;
|
|
507
|
-
/** Цвет статуса прочитано */
|
|
508
|
-
'--chotto-callmessage-status-color-read': string;
|
|
509
503
|
/** Малый размер иконки текста */
|
|
510
504
|
'--chotto-callmessage-small-text-icon-size': string;
|
|
511
505
|
/** Размер шрифта подзаголовка */
|
|
@@ -140,26 +140,6 @@ export interface FileMessageThemeCSSVariables {
|
|
|
140
140
|
'--chotto-filemessage-download-button-span-color': string;
|
|
141
141
|
/** Размер иконки внутри кнопки */
|
|
142
142
|
'--chotto-filemessage-download-button-span-font-size': string;
|
|
143
|
-
/** Отображение статуса доставки/прочтения */
|
|
144
|
-
'--chotto-filemessage-status-display': string;
|
|
145
|
-
/** Толщина шрифта статуса */
|
|
146
|
-
'--chotto-filemessage-status-span-font-weight': string;
|
|
147
|
-
/** Отрицательный отступ первой иконки "доставлено" */
|
|
148
|
-
'--chotto-filemessage-status-received-first-child-margin-right': string;
|
|
149
|
-
/** Отрицательный отступ первой иконки "прочитано" */
|
|
150
|
-
'--chotto-filemessage-status-read-first-child-margin-right': string;
|
|
151
|
-
/** Цвет иконок статуса */
|
|
152
|
-
'--chotto-filemessage-status-span-color': string;
|
|
153
|
-
/** Размер иконок статуса */
|
|
154
|
-
'--chotto-filemessage-status-span-font-size': string;
|
|
155
|
-
/** Цвет статуса "доставлено" */
|
|
156
|
-
'--chotto-filemessage-status-received-color': string;
|
|
157
|
-
/** Цвет статуса "прочитано" */
|
|
158
|
-
'--chotto-filemessage-status-read-color': string;
|
|
159
|
-
/** Цвет статуса "в ожидании" */
|
|
160
|
-
'--chotto-filemessage-status-pending-color': string;
|
|
161
|
-
/** Цвет статуса "ошибка" */
|
|
162
|
-
'--chotto-filemessage-status-error-color': string;
|
|
163
143
|
/** Отображение блока просмотров */
|
|
164
144
|
'--chotto-filemessage-views-display': string;
|
|
165
145
|
/** Выравнивание элементов блока просмотров */
|
|
@@ -24,6 +24,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
24
24
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
25
25
|
action: (...args: any[]) => void;
|
|
26
26
|
reply: (...args: any[]) => void;
|
|
27
|
+
"sms-invite": (...args: any[]) => void;
|
|
27
28
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
28
29
|
message: {
|
|
29
30
|
type: () => IImageMessage;
|
|
@@ -49,6 +50,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
49
50
|
}>> & Readonly<{
|
|
50
51
|
onAction?: ((...args: any[]) => any) | undefined;
|
|
51
52
|
onReply?: ((...args: any[]) => any) | undefined;
|
|
53
|
+
"onSms-invite"?: ((...args: any[]) => any) | undefined;
|
|
52
54
|
}>, {
|
|
53
55
|
applyStyle: Function;
|
|
54
56
|
isFirstInSeries: boolean;
|
|
@@ -96,20 +96,6 @@ export interface ImageMessageThemeCSSVariables {
|
|
|
96
96
|
'--chotto-imagemessage-views-p-font-size': string;
|
|
97
97
|
/** Размер шрифта времени */
|
|
98
98
|
'--chotto-imagemessage-time-font-size': string;
|
|
99
|
-
/** Отображение статуса доставки/прочтения */
|
|
100
|
-
'--chotto-imagemessage-status-display': string;
|
|
101
|
-
/** Размер иконок статуса */
|
|
102
|
-
'--chotto-imagemessage-status-span-font-size': string;
|
|
103
|
-
/** Отрицательный отступ для иконки "доставлено" */
|
|
104
|
-
'--chotto-imagemessage-status-received-first-child-margin-right': string;
|
|
105
|
-
/** Отрицательный отступ для иконки "прочитано" */
|
|
106
|
-
'--chotto-imagemessage-status-read-first-child-margin-right': string;
|
|
107
|
-
/** Цвет иконок статуса "прочитано" */
|
|
108
|
-
'--chotto-imagemessage-status-read-color': string;
|
|
109
|
-
/** Цвет иконок статуса "в ожидании" */
|
|
110
|
-
'--chotto-imagemessage-status-pending-color': string;
|
|
111
|
-
/** Цвет иконок статуса "ошибка" */
|
|
112
|
-
'--chotto-imagemessage-status-error-color': string;
|
|
113
99
|
/** Размер шрифта подписи */
|
|
114
100
|
'--chotto-imagemessage-subtext-font-size': string;
|
|
115
101
|
/** Цвет подписи */
|
package/dist/types/components/2_feed_elements/MessageStatusIndicator/icons/ErrorStatusIcon.vue.d.ts
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
|
+
size: {
|
|
3
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
4
|
+
default: string;
|
|
5
|
+
};
|
|
6
|
+
class: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
default: string;
|
|
9
|
+
};
|
|
10
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
11
|
+
size: {
|
|
12
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
class: {
|
|
16
|
+
type: StringConstructor;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
19
|
+
}>> & Readonly<{}>, {
|
|
20
|
+
class: string;
|
|
21
|
+
size: string | number;
|
|
22
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
23
|
+
export default _default;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
|
+
size: {
|
|
3
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
4
|
+
default: string;
|
|
5
|
+
};
|
|
6
|
+
class: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
default: string;
|
|
9
|
+
};
|
|
10
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
11
|
+
size: {
|
|
12
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
class: {
|
|
16
|
+
type: StringConstructor;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
19
|
+
}>> & Readonly<{}>, {
|
|
20
|
+
class: string;
|
|
21
|
+
size: string | number;
|
|
22
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
23
|
+
export default _default;
|
package/dist/types/components/2_feed_elements/MessageStatusIndicator/icons/ReadStatusIcon.vue.d.ts
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
|
+
size: {
|
|
3
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
4
|
+
default: string;
|
|
5
|
+
};
|
|
6
|
+
class: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
default: string;
|
|
9
|
+
};
|
|
10
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
11
|
+
size: {
|
|
12
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
class: {
|
|
16
|
+
type: StringConstructor;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
19
|
+
}>> & Readonly<{}>, {
|
|
20
|
+
class: string;
|
|
21
|
+
size: string | number;
|
|
22
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
23
|
+
export default _default;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
|
+
size: {
|
|
3
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
4
|
+
default: string;
|
|
5
|
+
};
|
|
6
|
+
class: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
default: string;
|
|
9
|
+
};
|
|
10
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
11
|
+
size: {
|
|
12
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
class: {
|
|
16
|
+
type: StringConstructor;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
19
|
+
}>> & Readonly<{}>, {
|
|
20
|
+
class: string;
|
|
21
|
+
size: string | number;
|
|
22
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
23
|
+
export default _default;
|
package/dist/types/components/2_feed_elements/MessageStatusIndicator/icons/SentStatusIcon.vue.d.ts
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
|
+
size: {
|
|
3
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
4
|
+
default: string;
|
|
5
|
+
};
|
|
6
|
+
class: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
default: string;
|
|
9
|
+
};
|
|
10
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
11
|
+
size: {
|
|
12
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
class: {
|
|
16
|
+
type: StringConstructor;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
19
|
+
}>> & Readonly<{}>, {
|
|
20
|
+
class: string;
|
|
21
|
+
size: string | number;
|
|
22
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
23
|
+
export default _default;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { default as ErrorStatusIcon } from './ErrorStatusIcon.vue';
|
|
2
|
+
export { default as PendingStatusIcon } from './PendingStatusIcon.vue';
|
|
3
|
+
export { default as ReadStatusIcon } from './ReadStatusIcon.vue';
|
|
4
|
+
export { default as ReceivedStatusIcon } from './ReceivedStatusIcon.vue';
|
|
5
|
+
export { default as SentStatusIcon } from './SentStatusIcon.vue';
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* CSS variables for MessageStatusIndicator component
|
|
3
|
+
*/
|
|
4
|
+
export interface MessageStatusIndicatorThemeCSSVariables {
|
|
5
|
+
/** Отображение контейнера индикатора статуса */
|
|
6
|
+
'--chotto-messagestatusindicator-display': string;
|
|
7
|
+
/** Выравнивание элементов контейнера индикатора статуса */
|
|
8
|
+
'--chotto-messagestatusindicator-align-items': string;
|
|
9
|
+
/** Промежуток между элементами контейнера индикатора статуса */
|
|
10
|
+
'--chotto-messagestatusindicator-gap': string;
|
|
11
|
+
/** Цвет иконки индикатора статуса */
|
|
12
|
+
'--chotto-messagestatusindicator-icon-color': string;
|
|
13
|
+
/** Размер иконки индикатора статуса */
|
|
14
|
+
'--chotto-messagestatusindicator-icon-size': string;
|
|
15
|
+
/** Высота строки иконки индикатора статуса */
|
|
16
|
+
'--chotto-messagestatusindicator-icon-line-height': string;
|
|
17
|
+
/** Цвет статуса "получено" */
|
|
18
|
+
'--chotto-messagestatusindicator-color-received': string;
|
|
19
|
+
/** Цвет статуса "прочитано" */
|
|
20
|
+
'--chotto-messagestatusindicator-color-read': string;
|
|
21
|
+
/** Цвет статуса "ожидает" */
|
|
22
|
+
'--chotto-messagestatusindicator-color-pending': string;
|
|
23
|
+
/** Цвет статуса "ошибка" */
|
|
24
|
+
'--chotto-messagestatusindicator-color-error': string;
|
|
25
|
+
/** Размер иконки статуса "получено" */
|
|
26
|
+
'--chotto-messagestatusindicator-received-icon-size': string;
|
|
27
|
+
/** Размер иконки статуса "прочитано" */
|
|
28
|
+
'--chotto-messagestatusindicator-read-icon-size': string;
|
|
29
|
+
/** Размер иконки статуса "отправлено" */
|
|
30
|
+
'--chotto-messagestatusindicator-sent-icon-size': string;
|
|
31
|
+
}
|
|
@@ -20,6 +20,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
20
20
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
21
21
|
action: (...args: any[]) => void;
|
|
22
22
|
reply: (...args: any[]) => void;
|
|
23
|
+
"sms-invite": (...args: any[]) => void;
|
|
23
24
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
24
25
|
message: {
|
|
25
26
|
type: () => IStickerMessage;
|
|
@@ -40,6 +41,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
40
41
|
}>> & Readonly<{
|
|
41
42
|
onAction?: ((...args: any[]) => any) | undefined;
|
|
42
43
|
onReply?: ((...args: any[]) => any) | undefined;
|
|
44
|
+
"onSms-invite"?: ((...args: any[]) => any) | undefined;
|
|
43
45
|
}>, {
|
|
44
46
|
applyStyle: Function;
|
|
45
47
|
isFirstInSeries: boolean;
|
|
@@ -82,20 +82,6 @@ export interface StickerMessageThemeCSSVariables {
|
|
|
82
82
|
'--chotto-stickermessage-views-p-font-size': string;
|
|
83
83
|
/** Размер шрифта времени */
|
|
84
84
|
'--chotto-stickermessage-time-font-size': string;
|
|
85
|
-
/** Отображение статуса доставки/прочтения */
|
|
86
|
-
'--chotto-stickermessage-status-display': string;
|
|
87
|
-
/** Размер иконок статуса */
|
|
88
|
-
'--chotto-stickermessage-status-span-font-size': string;
|
|
89
|
-
/** Отрицательный отступ для иконки "доставлено" */
|
|
90
|
-
'--chotto-stickermessage-status-received-first-child-margin-right': string;
|
|
91
|
-
/** Отрицательный отступ для иконки "прочитано" */
|
|
92
|
-
'--chotto-stickermessage-status-read-first-child-margin-right': string;
|
|
93
|
-
/** Цвет иконок статуса "прочитано" */
|
|
94
|
-
'--chotto-stickermessage-status-read-color': string;
|
|
95
|
-
/** Цвет иконок статуса "в ожидании" */
|
|
96
|
-
'--chotto-stickermessage-status-pending-color': string;
|
|
97
|
-
/** Цвет иконок статуса "ошибка" */
|
|
98
|
-
'--chotto-stickermessage-status-error-color': string;
|
|
99
85
|
/** Размер шрифта подписи */
|
|
100
86
|
'--chotto-stickermessage-subtext-font-size': string;
|
|
101
87
|
/** Цвет подписи */
|
|
@@ -242,4 +228,20 @@ export interface StickerMessageThemeCSSVariables {
|
|
|
242
228
|
'--chotto-stickermessage-modal-fade-enter-from-opacity': string;
|
|
243
229
|
/** Прозрачность модального окна в конце */
|
|
244
230
|
'--chotto-stickermessage-modal-fade-enter-to-opacity': string;
|
|
231
|
+
/** Размер шрифта текста SMS-приглашения в стикер-сообщениях */
|
|
232
|
+
'--chotto-stickermessage-sms-invite-font-size': string;
|
|
233
|
+
/** Ширина текста SMS-приглашения в стикер-сообщениях */
|
|
234
|
+
'--chotto-stickermessage-sms-invite-width': string;
|
|
235
|
+
/** Отступ слева текста SMS-приглашения в стикер-сообщениях */
|
|
236
|
+
'--chotto-stickermessage-sms-invite-margin-left': string;
|
|
237
|
+
/** Отступ справа текста SMS-приглашения в стикер-сообщениях */
|
|
238
|
+
'--chotto-stickermessage-sms-invite-margin-right': string;
|
|
239
|
+
/** Перенос текста SMS-приглашения в стикер-сообщениях */
|
|
240
|
+
'--chotto-stickermessage-sms-invite-white-space': string;
|
|
241
|
+
/** Минимальная ширина текста SMS-приглашения в стикер-сообщениях */
|
|
242
|
+
'--chotto-stickermessage-sms-invite-min-width': string;
|
|
243
|
+
/** Внутренний отступ слева текста SMS-приглашения в стикер-сообщениях */
|
|
244
|
+
'--chotto-stickermessage-sms-invite-padding-left': string;
|
|
245
|
+
/** Внутренний отступ справа текста SMS-приглашения в стикер-сообщениях */
|
|
246
|
+
'--chotto-stickermessage-sms-invite-padding-right': string;
|
|
245
247
|
}
|
|
@@ -78,24 +78,6 @@ export interface TextMessageThemeCSSVariables {
|
|
|
78
78
|
'--chotto-textmessage-time-font-size': string;
|
|
79
79
|
/** Цвет времени */
|
|
80
80
|
'--chotto-textmessage-time-color': string;
|
|
81
|
-
/** Отображение статуса доставки/прочтения */
|
|
82
|
-
'--chotto-textmessage-status-display': string;
|
|
83
|
-
/** Цвет иконки статуса */
|
|
84
|
-
'--chotto-textmessage-status-span-color': string;
|
|
85
|
-
/** Размер иконки статуса */
|
|
86
|
-
'--chotto-textmessage-status-span-font-size': string;
|
|
87
|
-
/** Цвет статуса "доставлено" */
|
|
88
|
-
'--chotto-textmessage-status-received-color': string;
|
|
89
|
-
/** Отрицательный отступ первой иконки статуса "доставлено" */
|
|
90
|
-
'--chotto-textmessage-status-received-first-child-margin-right': string;
|
|
91
|
-
/** Цвет статуса "прочитано" */
|
|
92
|
-
'--chotto-textmessage-status-read-color': string;
|
|
93
|
-
/** Отрицательный отступ первой иконки статуса "прочитано" */
|
|
94
|
-
'--chotto-textmessage-status-read-first-child-margin-right': string;
|
|
95
|
-
/** Цвет статуса "в ожидании" */
|
|
96
|
-
'--chotto-textmessage-status-pending-color': string;
|
|
97
|
-
/** Цвет статуса "ошибка" */
|
|
98
|
-
'--chotto-textmessage-status-error-color': string;
|
|
99
81
|
/** Размер шрифта текста сообщения */
|
|
100
82
|
'--chotto-textmessage-text-font-size': string;
|
|
101
83
|
/** Правила перевода строк текста */
|
|
@@ -24,6 +24,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
24
24
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
25
25
|
action: (...args: any[]) => void;
|
|
26
26
|
reply: (...args: any[]) => void;
|
|
27
|
+
"sms-invite": (...args: any[]) => void;
|
|
27
28
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
28
29
|
message: {
|
|
29
30
|
type: () => IVideoMessage;
|
|
@@ -49,6 +50,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
49
50
|
}>> & Readonly<{
|
|
50
51
|
onAction?: ((...args: any[]) => any) | undefined;
|
|
51
52
|
onReply?: ((...args: any[]) => any) | undefined;
|
|
53
|
+
"onSms-invite"?: ((...args: any[]) => any) | undefined;
|
|
52
54
|
}>, {
|
|
53
55
|
applyStyle: Function;
|
|
54
56
|
isFirstInSeries: boolean;
|
|
@@ -66,20 +66,6 @@ export interface VideoMessageThemeCSSVariables {
|
|
|
66
66
|
'--chotto-videomessage-views-p-font-size': string;
|
|
67
67
|
/** Размер шрифта времени сообщения */
|
|
68
68
|
'--chotto-videomessage-time-font-size': string;
|
|
69
|
-
/** Отображение статуса доставки/прочтения */
|
|
70
|
-
'--chotto-videomessage-status-display': string;
|
|
71
|
-
/** Размер иконок статуса */
|
|
72
|
-
'--chotto-videomessage-status-span-font-size': string;
|
|
73
|
-
/** Отрицательный отступ для иконки "доставлено" */
|
|
74
|
-
'--chotto-videomessage-status-received-first-child-margin-right': string;
|
|
75
|
-
/** Цвет иконок статуса "прочитано" */
|
|
76
|
-
'--chotto-videomessage-status-read-color': string;
|
|
77
|
-
/** Отрицательный отступ для иконки "прочитано" */
|
|
78
|
-
'--chotto-videomessage-status-read-first-child-margin-right': string;
|
|
79
|
-
/** Цвет иконок статуса "в ожидании" */
|
|
80
|
-
'--chotto-videomessage-status-pending-color': string;
|
|
81
|
-
/** Цвет иконок статуса "ошибка" */
|
|
82
|
-
'--chotto-videomessage-status-error-color': string;
|
|
83
69
|
/** Ряд грида для аватара */
|
|
84
70
|
'--chotto-videomessage-avatar-grid-row': string;
|
|
85
71
|
/** Выравнивание аватара относительно себя */
|
|
@@ -203,7 +189,7 @@ export interface VideoMessageThemeCSSVariables {
|
|
|
203
189
|
/** Фон пузыря справа */
|
|
204
190
|
'--chotto-videomessage-right-bg': string;
|
|
205
191
|
/** Отступ контента справа с учётом аватара */
|
|
206
|
-
'--chotto-videomessage-right-content-with-avatar-indent-margin-
|
|
192
|
+
'--chotto-videomessage-right-content-with-avatar-indent-margin-right': string;
|
|
207
193
|
/** Колонка грида текстового контейнера справа */
|
|
208
194
|
'--chotto-videomessage-right-text-container-grid-column': string;
|
|
209
195
|
/** Отступ текстового контейнера справа */
|