@mobilon-dev/chotto 0.3.89 → 0.3.91

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.
Files changed (57) hide show
  1. package/dist/chotto.css +1 -1
  2. package/dist/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue.js +2 -2
  3. package/dist/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue2.js +41 -33
  4. package/dist/components/2_chatinput_elements/FileUploader/FileUploader.vue.js +3 -3
  5. package/dist/components/2_chatinput_elements/FileUploader/FileUploader.vue2.js +87 -103
  6. package/dist/components/2_chatlist_elements/ChatItem/ChatItem.vue.js +1 -1
  7. package/dist/components/2_chatlist_elements/ChatItem/ChatItem.vue2.js +171 -152
  8. package/dist/components/2_elements/AudioRecorder/AudioRecorder.vue.js +2 -2
  9. package/dist/components/2_elements/AudioRecorder/AudioRecorder.vue2.js +52 -79
  10. package/dist/components/2_elements/VideoRecorder/VideoRecorder.vue.js +2 -2
  11. package/dist/components/2_elements/VideoRecorder/VideoRecorder.vue2.js +35 -64
  12. package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue.js +2 -2
  13. package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue2.js +4 -0
  14. package/dist/components/2_feed_elements/CallMessage/CallMessage.vue.js +3 -3
  15. package/dist/components/2_feed_elements/CallMessage/CallMessage.vue2.js +4 -0
  16. package/dist/components/2_feed_elements/FileMessage/FileMessage.vue.js +3 -3
  17. package/dist/components/2_feed_elements/FileMessage/FileMessage.vue2.js +33 -29
  18. package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue.js +2 -2
  19. package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue2.js +62 -58
  20. package/dist/components/2_feed_elements/MissedCallMessage/MissedCallMessage.vue.js +1 -1
  21. package/dist/components/2_feed_elements/MissedCallMessage/MissedCallMessage.vue2.js +27 -23
  22. package/dist/components/2_feed_elements/TextMessage/TextMessage.vue.js +2 -2
  23. package/dist/components/2_feed_elements/TextMessage/TextMessage.vue2.js +49 -41
  24. package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue.js +1 -1
  25. package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue2.js +105 -101
  26. package/dist/components/3_compounds/ChatInput/ChatInput.vue.js +2 -2
  27. package/dist/components/3_compounds/ChatInput/ChatInput.vue2.js +223 -149
  28. package/dist/components/3_compounds/ChatList/composables/useChatListFilter.js +18 -13
  29. package/dist/functions/renderAppleEmojis.js +127 -70
  30. package/dist/hooks/uploadFile/generatePreview.js +23 -11
  31. package/dist/hooks/useMessageDraft.js +61 -32
  32. package/dist/index.js +113 -112
  33. package/dist/themes/dark.css +1 -1
  34. package/dist/themes/default.css +1 -1
  35. package/dist/themes/glass.css +1 -1
  36. package/dist/themes/green.css +1 -1
  37. package/dist/themes/mobilon1.css +1 -1
  38. package/dist/types/apps/data/messages.d.ts +52 -0
  39. package/dist/types/components/2_blocks/CommunicationPanel/CommunicationPanel.vue.d.ts +2 -2
  40. package/dist/types/components/2_blocks/CommunicationPanel/stories/CommunicationPanel.stories.d.ts +2 -2
  41. package/dist/types/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue.d.ts +15 -0
  42. package/dist/types/components/2_feed_elements/AudioMessage/styles/types.d.ts +34 -0
  43. package/dist/types/components/2_feed_elements/CallMessage/styles/types.d.ts +26 -0
  44. package/dist/types/components/2_feed_elements/FileMessage/styles/types.d.ts +30 -0
  45. package/dist/types/components/2_feed_elements/ImageMessage/styles/types.d.ts +34 -0
  46. package/dist/types/components/2_feed_elements/StickerMessage/styles/types.d.ts +4 -0
  47. package/dist/types/components/2_feed_elements/TextMessage/styles/types.d.ts +38 -2
  48. package/dist/types/components/2_feed_elements/TypingMessage/styles/types.d.ts +2 -0
  49. package/dist/types/components/2_feed_elements/VideoMessage/styles/types.d.ts +34 -0
  50. package/dist/types/components/3_compounds/ChatInput/ChatInput.vue.d.ts +3 -3
  51. package/dist/types/components/3_compounds/ChatInput/styles/types.d.ts +2 -0
  52. package/dist/types/components/3_compounds/Feed/composables/useFeedReply.d.ts +1 -27
  53. package/dist/types/functions/renderAppleEmojis.d.ts +17 -2
  54. package/dist/types/hooks/uploadFile/generatePreview.d.ts +2 -0
  55. package/dist/types/hooks/uploadFile/uploadFile.d.ts +9 -17
  56. package/dist/types/hooks/useMessageDraft.d.ts +27 -29
  57. package/package.json +1 -1
@@ -232,6 +232,7 @@ export declare const messages: ({
232
232
  text: string;
233
233
  filename?: undefined;
234
234
  url?: undefined;
235
+ header?: undefined;
235
236
  };
236
237
  position?: undefined;
237
238
  time?: undefined;
@@ -274,6 +275,7 @@ export declare const messages: ({
274
275
  text: string;
275
276
  filename: string;
276
277
  url: string;
278
+ header?: undefined;
277
279
  };
278
280
  position?: undefined;
279
281
  time?: undefined;
@@ -317,6 +319,7 @@ export declare const messages: ({
317
319
  text: string;
318
320
  url: string;
319
321
  filename?: undefined;
322
+ header?: undefined;
320
323
  };
321
324
  position?: undefined;
322
325
  time?: undefined;
@@ -430,6 +433,7 @@ export declare const messages: ({
430
433
  text: string;
431
434
  url: string;
432
435
  filename?: undefined;
436
+ header?: undefined;
433
437
  };
434
438
  position?: undefined;
435
439
  time?: undefined;
@@ -474,6 +478,7 @@ export declare const messages: ({
474
478
  text: string;
475
479
  url: string;
476
480
  filename?: undefined;
481
+ header?: undefined;
477
482
  };
478
483
  position?: undefined;
479
484
  time?: undefined;
@@ -520,6 +525,7 @@ export declare const messages: ({
520
525
  text: string;
521
526
  url: string;
522
527
  filename?: undefined;
528
+ header?: undefined;
523
529
  };
524
530
  position?: undefined;
525
531
  time?: undefined;
@@ -1312,6 +1318,7 @@ export declare const messages: ({
1312
1318
  text: string;
1313
1319
  filename: string;
1314
1320
  url?: undefined;
1321
+ header?: undefined;
1315
1322
  };
1316
1323
  reactions: {
1317
1324
  items: {
@@ -1478,6 +1485,49 @@ export declare const messages: ({
1478
1485
  duration?: undefined;
1479
1486
  autoRemove?: undefined;
1480
1487
  tooltipText?: undefined;
1488
+ } | {
1489
+ chatId: number;
1490
+ dialogId: string;
1491
+ messageId: string;
1492
+ type: string;
1493
+ text: string;
1494
+ direction: string;
1495
+ status: string;
1496
+ timestamp: string;
1497
+ header: string;
1498
+ subText: string;
1499
+ avatar: string;
1500
+ reply: {
1501
+ messageId: string;
1502
+ type: string;
1503
+ text: string;
1504
+ header: string;
1505
+ filename?: undefined;
1506
+ url?: undefined;
1507
+ };
1508
+ position?: undefined;
1509
+ time?: undefined;
1510
+ url?: undefined;
1511
+ callDuration?: undefined;
1512
+ isMissedCall?: undefined;
1513
+ callParticipant?: undefined;
1514
+ embed?: undefined;
1515
+ views?: undefined;
1516
+ alt?: undefined;
1517
+ filename?: undefined;
1518
+ transcript?: undefined;
1519
+ linkPreview?: undefined;
1520
+ keyboard?: undefined;
1521
+ reactions?: undefined;
1522
+ statusMsg?: undefined;
1523
+ backgroundColor?: undefined;
1524
+ hasMessengerAccount?: undefined;
1525
+ callAttemptDuration?: undefined;
1526
+ recordUrl?: undefined;
1527
+ summary?: undefined;
1528
+ duration?: undefined;
1529
+ autoRemove?: undefined;
1530
+ tooltipText?: undefined;
1481
1531
  } | {
1482
1532
  chatId: number;
1483
1533
  dialogId: string;
@@ -1569,6 +1619,7 @@ export declare const messages: ({
1569
1619
  text: string;
1570
1620
  filename: string;
1571
1621
  url?: undefined;
1622
+ header?: undefined;
1572
1623
  };
1573
1624
  position?: undefined;
1574
1625
  time?: undefined;
@@ -2848,6 +2899,7 @@ export declare const messages: ({
2848
2899
  text: string;
2849
2900
  filename?: undefined;
2850
2901
  url?: undefined;
2902
+ header?: undefined;
2851
2903
  };
2852
2904
  dialogId?: undefined;
2853
2905
  position?: undefined;
@@ -2,9 +2,9 @@ declare const _default: import("vue").DefineComponent<{}, {
2
2
  /** Снять pin и закрыть оба меню (вызывать с host при ОК на splash). */
3
3
  closeMenu: () => void;
4
4
  $emit: (event: "select-attribute-channel" | "confirm-attribute" | "phone-call" | "reset-blocked-attributes", ...args: any[]) => void;
5
+ selectedChat: Record<string, any>;
5
6
  channels: unknown[];
6
7
  messages: unknown[];
7
- selectedChat: Record<string, any>;
8
8
  channelTooltips: Record<string, any>;
9
9
  contactAttributes: unknown[];
10
10
  confirmingAttributeId: string;
@@ -20,9 +20,9 @@ declare const _default: import("vue").DefineComponent<{}, {
20
20
  channelOrder?: unknown[] | undefined;
21
21
  visibleChannelTypes?: unknown[] | undefined;
22
22
  $props: {
23
+ readonly selectedChat?: Record<string, any> | undefined;
23
24
  readonly channels?: unknown[] | undefined;
24
25
  readonly messages?: unknown[] | undefined;
25
- readonly selectedChat?: Record<string, any> | undefined;
26
26
  readonly channelTooltips?: Record<string, any> | undefined;
27
27
  readonly contactAttributes?: unknown[] | undefined;
28
28
  readonly confirmingAttributeId?: string | undefined;
@@ -4,9 +4,9 @@ declare const meta: {
4
4
  component: import("vue").DefineComponent<{}, {
5
5
  closeMenu: () => void;
6
6
  $emit: (event: "select-attribute-channel" | "confirm-attribute" | "phone-call" | "reset-blocked-attributes", ...args: any[]) => void;
7
+ selectedChat: Record<string, any>;
7
8
  channels: unknown[];
8
9
  messages: unknown[];
9
- selectedChat: Record<string, any>;
10
10
  channelTooltips: Record<string, any>;
11
11
  contactAttributes: unknown[];
12
12
  confirmingAttributeId: string;
@@ -22,9 +22,9 @@ declare const meta: {
22
22
  channelOrder?: unknown[] | undefined;
23
23
  visibleChannelTypes?: unknown[] | undefined;
24
24
  $props: {
25
+ readonly selectedChat?: Record<string, any> | undefined;
25
26
  readonly channels?: unknown[] | undefined;
26
27
  readonly messages?: unknown[] | undefined;
27
- readonly selectedChat?: Record<string, any> | undefined;
28
28
  readonly channelTooltips?: Record<string, any> | undefined;
29
29
  readonly contactAttributes?: unknown[] | undefined;
30
30
  readonly confirmingAttributeId?: string | undefined;
@@ -17,6 +17,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
17
17
  type: BooleanConstructor;
18
18
  default: boolean;
19
19
  };
20
+ /**
21
+ * Показывать группу недавно использованных эмодзи.
22
+ */
23
+ displayRecent: {
24
+ type: BooleanConstructor;
25
+ default: boolean;
26
+ };
20
27
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
21
28
  state: {
22
29
  type: StringConstructor;
@@ -35,9 +42,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
35
42
  type: BooleanConstructor;
36
43
  default: boolean;
37
44
  };
45
+ /**
46
+ * Показывать группу недавно использованных эмодзи.
47
+ */
48
+ displayRecent: {
49
+ type: BooleanConstructor;
50
+ default: boolean;
51
+ };
38
52
  }>> & Readonly<{}>, {
39
53
  native: boolean;
40
54
  mode: string;
41
55
  state: string;
56
+ displayRecent: boolean;
42
57
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
43
58
  export default _default;
@@ -34,6 +34,28 @@ export interface AudioMessageThemeCSSVariables {
34
34
  '--chotto-audiomessage-content-padding-bottom': string;
35
35
  /** Внутренний отступ слева контейнера */
36
36
  '--chotto-audiomessage-content-padding-left': string;
37
+ /** Отображение нижней «тени» пузыря */
38
+ '--chotto-audiomessage-bottom-shadow-display': string;
39
+ /** Позиционирование нижней «тени» */
40
+ '--chotto-audiomessage-bottom-shadow-position': string;
41
+ /** Смещение нижней «тени» слева */
42
+ '--chotto-audiomessage-bottom-shadow-left': string;
43
+ /** Смещение нижней «тени» справа */
44
+ '--chotto-audiomessage-bottom-shadow-right': string;
45
+ /** Смещение нижней «тени» снизу */
46
+ '--chotto-audiomessage-bottom-shadow-bottom': string;
47
+ /** Высота нижней «тени» */
48
+ '--chotto-audiomessage-bottom-shadow-height': string;
49
+ /** Фон нижней «тени» */
50
+ '--chotto-audiomessage-bottom-shadow-background': string;
51
+ /** Нижняя граница «тени» (stroke bottom) */
52
+ '--chotto-audiomessage-bottom-shadow-border-bottom': string;
53
+ /** Скругление нижней «тени» */
54
+ '--chotto-audiomessage-bottom-shadow-border-radius': string;
55
+ /** События указателя нижней «тени» */
56
+ '--chotto-audiomessage-bottom-shadow-pointer-events': string;
57
+ /** Слой нижней «тени» */
58
+ '--chotto-audiomessage-bottom-shadow-z-index': string;
37
59
  /** Контент псевдоэлемента "хвостик" слева */
38
60
  '--chotto-audiomessage-left-arrow-content': string;
39
61
  /** Позиционирование хвостика слева */
@@ -216,6 +238,14 @@ export interface AudioMessageThemeCSSVariables {
216
238
  '--chotto-audiomessage-time-font-weight': string;
217
239
  /** Цвет времени */
218
240
  '--chotto-audiomessage-time-color': string;
241
+ /** Отступ текущего времени и длительности */
242
+ '--chotto-audiomessage-duration-time-margin': string;
243
+ /** Размер шрифта текущего времени и длительности */
244
+ '--chotto-audiomessage-duration-time-font-size': string;
245
+ /** Толщина шрифта текущего времени и длительности */
246
+ '--chotto-audiomessage-duration-time-font-weight': string;
247
+ /** Цвет текущего времени и длительности */
248
+ '--chotto-audiomessage-duration-time-color': string;
219
249
  /** Отступ слева длительности */
220
250
  '--chotto-audiomessage-duration-margin-left': string;
221
251
  /** Выравнивание текста длительности */
@@ -412,6 +442,8 @@ export interface AudioMessageThemeCSSVariables {
412
442
  '--chotto-audiomessage-left-right-display': string;
413
443
  /** Шаблон колонок левой раскладки */
414
444
  '--chotto-audiomessage-left-grid-template-columns': string;
445
+ /** Промежуток между колонками слева (аватар / пузырь) */
446
+ '--chotto-audiomessage-left-column-gap': string;
415
447
  /** Колонка грида аватара слева */
416
448
  '--chotto-audiomessage-left-avatar-grid-column': string;
417
449
  /** Ряд грида аватара слева */
@@ -452,6 +484,8 @@ export interface AudioMessageThemeCSSVariables {
452
484
  '--chotto-audiomessage-left-context-menu-padding': string;
453
485
  /** Шаблон колонок правой раскладки */
454
486
  '--chotto-audiomessage-right-grid-template-columns': string;
487
+ /** Промежуток между колонками справа (пузырь / аватар) */
488
+ '--chotto-audiomessage-right-column-gap': string;
455
489
  /** Колонка грида аватара справа */
456
490
  '--chotto-audiomessage-right-avatar-grid-column': string;
457
491
  /** Ряд грида аватара справа */
@@ -22,6 +22,28 @@ export interface CallMessageThemeCSSVariables {
22
22
  '--chotto-callmessage-content-min-width': string;
23
23
  /** Внутренние отступы контейнера */
24
24
  '--chotto-callmessage-content-padding': string;
25
+ /** Отображение нижней «тени» пузыря */
26
+ '--chotto-callmessage-bottom-shadow-display': string;
27
+ /** Позиционирование нижней «тени» */
28
+ '--chotto-callmessage-bottom-shadow-position': string;
29
+ /** Смещение нижней «тени» слева */
30
+ '--chotto-callmessage-bottom-shadow-left': string;
31
+ /** Смещение нижней «тени» справа */
32
+ '--chotto-callmessage-bottom-shadow-right': string;
33
+ /** Смещение нижней «тени» снизу */
34
+ '--chotto-callmessage-bottom-shadow-bottom': string;
35
+ /** Высота нижней «тени» */
36
+ '--chotto-callmessage-bottom-shadow-height': string;
37
+ /** Фон нижней «тени» */
38
+ '--chotto-callmessage-bottom-shadow-background': string;
39
+ /** Нижняя граница «тени» (stroke bottom) */
40
+ '--chotto-callmessage-bottom-shadow-border-bottom': string;
41
+ /** Скругление нижней «тени» */
42
+ '--chotto-callmessage-bottom-shadow-border-radius': string;
43
+ /** События указателя нижней «тени» */
44
+ '--chotto-callmessage-bottom-shadow-pointer-events': string;
45
+ /** Слой нижней «тени» */
46
+ '--chotto-callmessage-bottom-shadow-z-index': string;
25
47
  /** Колонки грида инфо-контейнера */
26
48
  '--chotto-callmessage-info-container-grid-column': string;
27
49
  /** Отступ слева у инфо-контейнера */
@@ -270,6 +292,8 @@ export interface CallMessageThemeCSSVariables {
270
292
  '--chotto-callmessage-left-right-display': string;
271
293
  /** Шаблон колонок левой раскладки */
272
294
  '--chotto-callmessage-left-grid-template-columns': string;
295
+ /** Промежуток между колонками слева (аватар / пузырь) */
296
+ '--chotto-callmessage-left-column-gap': string;
273
297
  /** Колонка грида аватара слева */
274
298
  '--chotto-callmessage-left-avatar-grid-column': string;
275
299
  /** Ряд грида аватара слева */
@@ -316,6 +340,8 @@ export interface CallMessageThemeCSSVariables {
316
340
  '--chotto-callmessage-right-position': string;
317
341
  /** Шаблон колонок правой раскладки */
318
342
  '--chotto-callmessage-right-grid-template-columns': string;
343
+ /** Промежуток между колонками справа (пузырь / аватар) */
344
+ '--chotto-callmessage-right-column-gap': string;
319
345
  /** Правый внутренний отступ справа */
320
346
  '--chotto-callmessage-right-padding-right': string;
321
347
  /** Контент псевдоэлемента справа */
@@ -12,6 +12,28 @@ export interface FileMessageThemeCSSVariables {
12
12
  '--chotto-filemessage-content-padding': string;
13
13
  /** Максимальная ширина контейнера контента файла */
14
14
  '--chotto-filemessage-content-max-width': string;
15
+ /** Отображение нижней «тени» пузыря */
16
+ '--chotto-filemessage-bottom-shadow-display': string;
17
+ /** Позиционирование нижней «тени» */
18
+ '--chotto-filemessage-bottom-shadow-position': string;
19
+ /** Смещение нижней «тени» слева */
20
+ '--chotto-filemessage-bottom-shadow-left': string;
21
+ /** Смещение нижней «тени» справа */
22
+ '--chotto-filemessage-bottom-shadow-right': string;
23
+ /** Смещение нижней «тени» снизу */
24
+ '--chotto-filemessage-bottom-shadow-bottom': string;
25
+ /** Высота нижней «тени» */
26
+ '--chotto-filemessage-bottom-shadow-height': string;
27
+ /** Фон нижней «тени» */
28
+ '--chotto-filemessage-bottom-shadow-background': string;
29
+ /** Нижняя граница «тени» (stroke bottom) */
30
+ '--chotto-filemessage-bottom-shadow-border-bottom': string;
31
+ /** Скругление нижней «тени» */
32
+ '--chotto-filemessage-bottom-shadow-border-radius': string;
33
+ /** События указателя нижней «тени» */
34
+ '--chotto-filemessage-bottom-shadow-pointer-events': string;
35
+ /** Слой нижней «тени» */
36
+ '--chotto-filemessage-bottom-shadow-z-index': string;
15
37
  /** Содержимое псевдоэлемента "хвостик" слева */
16
38
  '--chotto-filemessage-left-triangle-content': string;
17
39
  /** Позиционирование хвостика слева */
@@ -30,6 +52,8 @@ export interface FileMessageThemeCSSVariables {
30
52
  '--chotto-filemessage-left-triangle-border-top': string;
31
53
  /** Слой псевдоэлемента слева */
32
54
  '--chotto-filemessage-left-triangle-z-index': string;
55
+ /** Обрезка хвостика слева (скрывает часть внутри пузыря) */
56
+ '--chotto-filemessage-left-triangle-clip-path': string;
33
57
  /** Содержимое псевдоэлемента "хвостик" справа */
34
58
  '--chotto-filemessage-right-triangle-content': string;
35
59
  /** Позиционирование хвостика справа */
@@ -48,6 +72,8 @@ export interface FileMessageThemeCSSVariables {
48
72
  '--chotto-filemessage-right-triangle-border-top': string;
49
73
  /** Слой псевдоэлемента справа */
50
74
  '--chotto-filemessage-right-triangle-z-index': string;
75
+ /** Обрезка хвостика справа (скрывает часть внутри пузыря) */
76
+ '--chotto-filemessage-right-triangle-clip-path': string;
51
77
  /** Цвет фона пузыря слева */
52
78
  '--chotto-filemessage-left-bg': string;
53
79
  /** Эффект размытия фона пузыря слева */
@@ -206,6 +232,8 @@ export interface FileMessageThemeCSSVariables {
206
232
  '--chotto-filemessage-left-right-margin': string;
207
233
  /** Шаблон колонок левой раскладки */
208
234
  '--chotto-filemessage-left-grid-template-columns': string;
235
+ /** Промежуток между колонками слева (аватар / пузырь) */
236
+ '--chotto-filemessage-left-column-gap': string;
209
237
  /** Колонка грида аватара слева */
210
238
  '--chotto-filemessage-left-avatar-grid-column': string;
211
239
  /** Отступ справа от аватара слева */
@@ -232,6 +260,8 @@ export interface FileMessageThemeCSSVariables {
232
260
  '--chotto-filemessage-left-context-menu-margin-top': string;
233
261
  /** Шаблон колонок правой раскладки */
234
262
  '--chotto-filemessage-right-grid-template-columns': string;
263
+ /** Промежуток между колонками справа (пузырь / аватар) */
264
+ '--chotto-filemessage-right-column-gap': string;
235
265
  /** Колонка грида аватара справа */
236
266
  '--chotto-filemessage-right-avatar-grid-column': string;
237
267
  /** Ряд грида аватара справа */
@@ -10,6 +10,8 @@ export interface ImageMessageThemeCSSVariables {
10
10
  '--chotto-imagemessage-content-width': string;
11
11
  /** Скругление контейнера контента изображения */
12
12
  '--chotto-imagemessage-content-border-radius': string;
13
+ /** Скругление контейнера контента изображения с подписью */
14
+ '--chotto-imagemessage-content-with-caption-border-radius': string;
13
15
  /** Выравнивание элементов контейнера контента */
14
16
  '--chotto-imagemessage-content-align-items': string;
15
17
  /** Отображение контейнера контента */
@@ -18,6 +20,28 @@ export interface ImageMessageThemeCSSVariables {
18
20
  '--chotto-imagemessage-content-flex-direction': string;
19
21
  /** Минимальная ширина контейнера контента */
20
22
  '--chotto-imagemessage-content-min-width': string;
23
+ /** Отображение нижней «тени» пузыря */
24
+ '--chotto-imagemessage-bottom-shadow-display': string;
25
+ /** Позиционирование нижней «тени» */
26
+ '--chotto-imagemessage-bottom-shadow-position': string;
27
+ /** Смещение нижней «тени» слева */
28
+ '--chotto-imagemessage-bottom-shadow-left': string;
29
+ /** Смещение нижней «тени» справа */
30
+ '--chotto-imagemessage-bottom-shadow-right': string;
31
+ /** Смещение нижней «тени» снизу */
32
+ '--chotto-imagemessage-bottom-shadow-bottom': string;
33
+ /** Высота нижней «тени» */
34
+ '--chotto-imagemessage-bottom-shadow-height': string;
35
+ /** Фон нижней «тени» */
36
+ '--chotto-imagemessage-bottom-shadow-background': string;
37
+ /** Нижняя граница «тени» (stroke bottom) */
38
+ '--chotto-imagemessage-bottom-shadow-border-bottom': string;
39
+ /** Скругление нижней «тени» */
40
+ '--chotto-imagemessage-bottom-shadow-border-radius': string;
41
+ /** События указателя нижней «тени» */
42
+ '--chotto-imagemessage-bottom-shadow-pointer-events': string;
43
+ /** Слой нижней «тени» */
44
+ '--chotto-imagemessage-bottom-shadow-z-index': string;
21
45
  /** Ряд грида аватара */
22
46
  '--chotto-imagemessage-avatar-grid-row': string;
23
47
  /** Выравнивание аватара относительно себя */
@@ -226,6 +250,12 @@ export interface ImageMessageThemeCSSVariables {
226
250
  '--chotto-imagemessage-text-container-padding': string;
227
251
  /** Скругление контейнера текста */
228
252
  '--chotto-imagemessage-text-container-border-radius': string;
253
+ /** Скругление превью изображения */
254
+ '--chotto-imagemessage-preview-border-radius': string;
255
+ /** Скругление превью изображения с подписью */
256
+ '--chotto-imagemessage-preview-with-caption-border-radius': string;
257
+ /** Скругление превью изображения с цитатой */
258
+ '--chotto-imagemessage-preview-with-reply-border-radius': string;
229
259
  /** Ширина контейнера текста */
230
260
  '--chotto-imagemessage-text-container-width': string;
231
261
  /** Минимальная ширина контейнера текста */
@@ -288,6 +318,8 @@ export interface ImageMessageThemeCSSVariables {
288
318
  '--chotto-imagemessage-left-right-margin': string;
289
319
  /** Шаблон колонок левой раскладки */
290
320
  '--chotto-imagemessage-left-grid-template-columns': string;
321
+ /** Промежуток между колонками слева (аватар / пузырь) */
322
+ '--chotto-imagemessage-left-column-gap': string;
291
323
  /** Колонка грида аватара слева */
292
324
  '--chotto-imagemessage-left-avatar-grid-column': string;
293
325
  /** Отступ справа от аватара слева */
@@ -322,6 +354,8 @@ export interface ImageMessageThemeCSSVariables {
322
354
  '--chotto-imagemessage-left-context-menu-margin-top': string;
323
355
  /** Шаблон колонок правой раскладки */
324
356
  '--chotto-imagemessage-right-grid-template-columns': string;
357
+ /** Промежуток между колонками справа (пузырь / аватар) */
358
+ '--chotto-imagemessage-right-column-gap': string;
325
359
  /** Колонка грида аватара справа */
326
360
  '--chotto-imagemessage-right-avatar-grid-column': string;
327
361
  /** Отступ слева от аватара справа */
@@ -160,6 +160,8 @@ export interface StickerMessageThemeCSSVariables {
160
160
  '--chotto-stickermessage-left-right-margin': string;
161
161
  /** Шаблон колонок левой раскладки */
162
162
  '--chotto-stickermessage-left-grid-template-columns': string;
163
+ /** Промежуток между колонками слева (аватар / пузырь) */
164
+ '--chotto-stickermessage-left-column-gap': string;
163
165
  /** Колонка грида аватара слева */
164
166
  '--chotto-stickermessage-left-avatar-grid-column': string;
165
167
  /** Отступ справа от аватара слева */
@@ -186,6 +188,8 @@ export interface StickerMessageThemeCSSVariables {
186
188
  '--chotto-stickermessage-left-context-menu-margin-top': string;
187
189
  /** Шаблон колонок правой раскладки */
188
190
  '--chotto-stickermessage-right-grid-template-columns': string;
191
+ /** Промежуток между колонками справа (пузырь / аватар) */
192
+ '--chotto-stickermessage-right-column-gap': string;
189
193
  /** Колонка грида аватара справа */
190
194
  '--chotto-stickermessage-right-avatar-grid-column': string;
191
195
  /** Отступ слева от аватара справа */
@@ -8,12 +8,40 @@ export interface TextMessageThemeCSSVariables {
8
8
  '--chotto-textmessage-content-word-wrap': string;
9
9
  /** Ширина контейнера контента */
10
10
  '--chotto-textmessage-content-width': string;
11
+ /** Минимальная ширина контейнера контента */
12
+ '--chotto-textmessage-content-min-width': string;
11
13
  /** Максимальная ширина контейнера контента */
12
14
  '--chotto-textmessage-content-max-width': string;
13
15
  /** Скругление пузыря сообщения */
14
16
  '--chotto-textmessage-content-border-radius': string;
15
17
  /** Внутренние отступы пузыря сообщения */
16
18
  '--chotto-textmessage-content-padding': string;
19
+ /** Отображение нижней «тени» пузыря */
20
+ '--chotto-textmessage-bottom-shadow-display': string;
21
+ /** Позиционирование нижней «тени» */
22
+ '--chotto-textmessage-bottom-shadow-position': string;
23
+ /** Смещение нижней «тени» слева */
24
+ '--chotto-textmessage-bottom-shadow-left': string;
25
+ /** Смещение нижней «тени» справа */
26
+ '--chotto-textmessage-bottom-shadow-right': string;
27
+ /** Смещение нижней «тени» снизу */
28
+ '--chotto-textmessage-bottom-shadow-bottom': string;
29
+ /** Высота нижней «тени» */
30
+ '--chotto-textmessage-bottom-shadow-height': string;
31
+ /** Фон нижней «тени» */
32
+ '--chotto-textmessage-bottom-shadow-background': string;
33
+ /** Нижняя граница «тени» (stroke bottom) */
34
+ '--chotto-textmessage-bottom-shadow-border-bottom': string;
35
+ /** Скругление нижней «тени» */
36
+ '--chotto-textmessage-bottom-shadow-border-radius': string;
37
+ /** События указателя нижней «тени» */
38
+ '--chotto-textmessage-bottom-shadow-pointer-events': string;
39
+ /** Слой нижней «тени» */
40
+ '--chotto-textmessage-bottom-shadow-z-index': string;
41
+ /** Ширина контейнера контента с цитатой-ответом */
42
+ '--chotto-textmessage-content-with-reply-width': string;
43
+ /** Минимальная ширина контейнера контента с цитатой-ответом */
44
+ '--chotto-textmessage-content-with-reply-min-width': string;
17
45
  /** Отображение контента с цитатой-ответом */
18
46
  '--chotto-textmessage-content-with-reply-display': string;
19
47
  /** Шаблон колонок контента с цитатой-ответом */
@@ -52,6 +80,8 @@ export interface TextMessageThemeCSSVariables {
52
80
  '--chotto-textmessage-left-before-z-index': string;
53
81
  /** Фильтр псевдоэлемента слева */
54
82
  '--chotto-textmessage-left-before-filter': string;
83
+ /** Обрезка хвостика слева (скрывает часть внутри пузыря) */
84
+ '--chotto-textmessage-left-before-clip-path': string;
55
85
  /** Содержимое псевдоэлемента "хвостик" справа */
56
86
  '--chotto-textmessage-right-after-content': string;
57
87
  /** Позиционирование псевдоэлемента справа */
@@ -144,6 +174,8 @@ export interface TextMessageThemeCSSVariables {
144
174
  '--chotto-textmessage-text-font-size': string;
145
175
  /** Правила перевода строк текста */
146
176
  '--chotto-textmessage-text-white-space': string;
177
+ /** Нижний внутренний отступ текста */
178
+ '--chotto-textmessage-text-padding-bottom': string;
147
179
  /** Жирность жирного текста (markdown **текст**) */
148
180
  '--chotto-textmessage-markdown-strong-font-weight': string;
149
181
  /** Стиль курсива (markdown *текст*) */
@@ -216,6 +248,8 @@ export interface TextMessageThemeCSSVariables {
216
248
  '--chotto-textmessage-left-right-margin': string;
217
249
  /** Шаблон колонок левой раскладки */
218
250
  '--chotto-textmessage-left-grid-template-columns': string;
251
+ /** Промежуток между колонками слева (аватар / пузырь) */
252
+ '--chotto-textmessage-left-column-gap': string;
219
253
  /** Колонка грида аватара слева */
220
254
  '--chotto-textmessage-left-avatar-grid-column': string;
221
255
  /** Ряд грида аватара слева */
@@ -238,7 +272,7 @@ export interface TextMessageThemeCSSVariables {
238
272
  '--chotto-textmessage-left-border': string;
239
273
  /** Тень пузыря слева */
240
274
  '--chotto-textmessage-left-box-shadow': string;
241
- /** Отступ контента слева с учётом аватара */
275
+ /** Отступ контента слева с учётом аватара (колонка уже зарезервирована, обычно 0) */
242
276
  '--chotto-textmessage-left-content-with-avatar-indent-margin-left': string;
243
277
  /** Положение кнопки меню слева (top) */
244
278
  '--chotto-textmessage-left-menu-button-top': string;
@@ -250,6 +284,8 @@ export interface TextMessageThemeCSSVariables {
250
284
  '--chotto-textmessage-left-context-menu-left': string;
251
285
  /** Шаблон колонок правой раскладки */
252
286
  '--chotto-textmessage-right-grid-template-columns': string;
287
+ /** Промежуток между колонками справа (пузырь / аватар) */
288
+ '--chotto-textmessage-right-column-gap': string;
253
289
  /** Колонка грида аватара справа */
254
290
  '--chotto-textmessage-right-avatar-grid-column': string;
255
291
  /** Ряд грида аватара справа */
@@ -274,7 +310,7 @@ export interface TextMessageThemeCSSVariables {
274
310
  '--chotto-textmessage-right-border': string;
275
311
  /** Тень пузыря справа */
276
312
  '--chotto-textmessage-right-box-shadow': string;
277
- /** Отступ контента справа с учётом аватара */
313
+ /** Отступ контента справа с учётом аватара (колонка уже зарезервирована, обычно 0) */
278
314
  '--chotto-textmessage-right-content-with-avatar-indent-margin-right': string;
279
315
  /** Положение кнопки меню справа (top) */
280
316
  '--chotto-textmessage-right-menu-button-top': string;
@@ -6,6 +6,8 @@ export interface TypingMessageThemeCSSVariables {
6
6
  '--chotto-typingmessage-container-display': string;
7
7
  /** Шаблон колонок контейнера печатающего сообщения */
8
8
  '--chotto-typingmessage-container-grid-template-columns': string;
9
+ /** Промежуток между колонками контейнера (аватар / лоадер) */
10
+ '--chotto-typingmessage-container-column-gap': string;
9
11
  /** Позиционирование контейнера печатающего сообщения */
10
12
  '--chotto-typingmessage-container-position': string;
11
13
  /** Внешние отступы контейнера печатающего сообщения */
@@ -8,6 +8,30 @@ export interface VideoMessageThemeCSSVariables {
8
8
  '--chotto-videomessage-content-max-width': string;
9
9
  /** Скругление контейнера контента видео */
10
10
  '--chotto-videomessage-content-border-radius': string;
11
+ /** Скругление контейнера контента видео с подписью */
12
+ '--chotto-videomessage-content-with-caption-border-radius': string;
13
+ /** Отображение нижней «тени» пузыря */
14
+ '--chotto-videomessage-bottom-shadow-display': string;
15
+ /** Позиционирование нижней «тени» */
16
+ '--chotto-videomessage-bottom-shadow-position': string;
17
+ /** Смещение нижней «тени» слева */
18
+ '--chotto-videomessage-bottom-shadow-left': string;
19
+ /** Смещение нижней «тени» справа */
20
+ '--chotto-videomessage-bottom-shadow-right': string;
21
+ /** Смещение нижней «тени» снизу */
22
+ '--chotto-videomessage-bottom-shadow-bottom': string;
23
+ /** Высота нижней «тени» */
24
+ '--chotto-videomessage-bottom-shadow-height': string;
25
+ /** Фон нижней «тени» */
26
+ '--chotto-videomessage-bottom-shadow-background': string;
27
+ /** Нижняя граница «тени» (stroke bottom) */
28
+ '--chotto-videomessage-bottom-shadow-border-bottom': string;
29
+ /** Скругление нижней «тени» */
30
+ '--chotto-videomessage-bottom-shadow-border-radius': string;
31
+ /** События указателя нижней «тени» */
32
+ '--chotto-videomessage-bottom-shadow-pointer-events': string;
33
+ /** Слой нижней «тени» */
34
+ '--chotto-videomessage-bottom-shadow-z-index': string;
11
35
  /** Позиционирование контейнера информации (время/статус/просмотры) */
12
36
  '--chotto-videomessage-info-container-position': string;
13
37
  /** Отступ контейнера информации снизу */
@@ -124,6 +148,12 @@ export interface VideoMessageThemeCSSVariables {
124
148
  '--chotto-videomessage-text-container-padding': string;
125
149
  /** Скругление контейнера текста */
126
150
  '--chotto-videomessage-text-container-border-radius': string;
151
+ /** Скругление превью видео */
152
+ '--chotto-videomessage-preview-border-radius': string;
153
+ /** Скругление превью видео с подписью */
154
+ '--chotto-videomessage-preview-with-caption-border-radius': string;
155
+ /** Скругление превью видео с цитатой */
156
+ '--chotto-videomessage-preview-with-reply-border-radius': string;
127
157
  /** Перенос слов в контейнере текста */
128
158
  '--chotto-videomessage-text-container-word-wrap': string;
129
159
  /** Максимальная ширина контейнера текста */
@@ -142,6 +172,8 @@ export interface VideoMessageThemeCSSVariables {
142
172
  '--chotto-videomessage-left-right-margin': string;
143
173
  /** Шаблон колонок левой раскладки */
144
174
  '--chotto-videomessage-left-grid-template-columns': string;
175
+ /** Промежуток между колонками слева (аватар / пузырь) */
176
+ '--chotto-videomessage-left-column-gap': string;
145
177
  /** Колонка грида аватара слева */
146
178
  '--chotto-videomessage-left-avatar-grid-column': string;
147
179
  /** Отступ справа от аватара слева */
@@ -172,6 +204,8 @@ export interface VideoMessageThemeCSSVariables {
172
204
  '--chotto-videomessage-left-context-menu-margin-top': string;
173
205
  /** Шаблон колонок правой раскладки */
174
206
  '--chotto-videomessage-right-grid-template-columns': string;
207
+ /** Промежуток между колонками справа (пузырь / аватар) */
208
+ '--chotto-videomessage-right-column-gap': string;
175
209
  /** Колонка грида аватара справа */
176
210
  '--chotto-videomessage-right-avatar-grid-column': string;
177
211
  /** Отступ слева от аватара справа */
@@ -1,8 +1,8 @@
1
- declare var __VLS_1: {}, __VLS_14: {};
1
+ declare var __VLS_8: {}, __VLS_21: {};
2
2
  type __VLS_Slots = {} & {
3
- 'inline-buttons'?: (props: typeof __VLS_1) => any;
3
+ 'inline-buttons'?: (props: typeof __VLS_8) => any;
4
4
  } & {
5
- buttons?: (props: typeof __VLS_14) => any;
5
+ buttons?: (props: typeof __VLS_21) => any;
6
6
  };
7
7
  declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
8
8
  state: {
@@ -70,6 +70,8 @@ export interface ChatInputThemeCSSVariables {
70
70
  '--chotto-chatinput-input-border-radius': string;
71
71
  /** Контур поля ввода при фокусе */
72
72
  '--chotto-chatinput-input-focus-outline': string;
73
+ /** Радиус скругления выделения эмодзи */
74
+ '--chotto-chatinput-selection-border-radius': string;
73
75
  /** Выравнивание текста отключенного плейсхолдера */
74
76
  '--chotto-chatinput-disabled-placeholder-text-align': string;
75
77
  /** Выбор пользователем отключенного плейсхолдера */