@mobilon-dev/chotto 0.3.27 → 0.3.29

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 (58) hide show
  1. package/dist/{CreateChat-BwBQCc_I.js → CreateChat-2MSB5_mE.js} +1 -1
  2. package/dist/{CreateChat2-CyF5uUuO.js → CreateChat2-CMpXJzp0.js} +1 -1
  3. package/dist/{CreateDialog-BXoypGLs.js → CreateDialog-CcDtIhwf.js} +1 -1
  4. package/dist/{ModalVideoRecorder-D5_csjI8.js → ModalVideoRecorder-BCwswaCl.js} +1 -1
  5. package/dist/{SelectUser2-D06UxtTo.js → SelectUser2-C9PtiaqO.js} +1 -1
  6. package/dist/chotto.css +1 -1
  7. package/dist/{index-BCeTdBth.js → index-5NsJv9hy.js} +13637 -7399
  8. package/dist/themes/dark.css +1 -1
  9. package/dist/themes/default.css +1 -1
  10. package/dist/themes/green.css +1 -1
  11. package/dist/themes/mobilon1.css +1 -1
  12. package/dist/types/apps/BaseAdaptiveExtendedChatApp/BaseAdaptiveExtendedChatApp.vue.d.ts +2 -2
  13. package/dist/types/apps/BaseBaseChatApp/BaseBaseChatApp.vue.d.ts +2 -2
  14. package/dist/types/apps/BaseExtendedChatApp/BaseExtendedChatApp.vue.d.ts +2 -2
  15. package/dist/types/apps/MobilonExtendedChatApp/MobilonExtendedChatApp.vue.d.ts +2 -2
  16. package/dist/types/apps/data/messages.d.ts +31 -0
  17. package/dist/types/components/2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue.d.ts +30 -0
  18. package/dist/types/components/2_chatinput_elements/TextFormatToolbar/stories/TextFormatToolbar.stories.d.ts +8 -0
  19. package/dist/types/components/2_chatinput_elements/TextFormatToolbar/styles/types.d.ts +23 -0
  20. package/dist/types/components/2_chatlist_elements/ChatItem/ChatItem.vue.d.ts +4 -1
  21. package/dist/types/components/2_chatlist_elements/ChatItem/styles/types.d.ts +22 -0
  22. package/dist/types/components/2_chatlist_elements/ChatItem/types.d.ts +1 -0
  23. package/dist/types/components/2_feed_elements/AudioMessage/AudioMessage.vue.d.ts +11 -0
  24. package/dist/types/components/2_feed_elements/AudioMessage/styles/types.d.ts +30 -0
  25. package/dist/types/components/2_feed_elements/CallMessage/CallMessage.vue.d.ts +11 -0
  26. package/dist/types/components/2_feed_elements/FileMessage/FileMessage.vue.d.ts +11 -0
  27. package/dist/types/components/2_feed_elements/FileMessage/stories/FileMessage.stories.d.ts +2 -0
  28. package/dist/types/components/2_feed_elements/FileMessage/styles/types.d.ts +30 -0
  29. package/dist/types/components/2_feed_elements/ImageMessage/ImageMessage.vue.d.ts +11 -0
  30. package/dist/types/components/2_feed_elements/ImageMessage/stories/ImageMessage.stories.d.ts +2 -21
  31. package/dist/types/components/2_feed_elements/ImageMessage/styles/types.d.ts +32 -0
  32. package/dist/types/components/2_feed_elements/MessageReactions/MessageReactions.vue.d.ts +1 -1
  33. package/dist/types/components/2_feed_elements/ReplyAudioMessage/styles/types.d.ts +30 -0
  34. package/dist/types/components/2_feed_elements/ReplyFileMessage/styles/types.d.ts +30 -0
  35. package/dist/types/components/2_feed_elements/ReplyImageMessage/styles/types.d.ts +30 -0
  36. package/dist/types/components/2_feed_elements/ReplyTextMessage/styles/types.d.ts +30 -0
  37. package/dist/types/components/2_feed_elements/ReplyVideoMessage/styles/types.d.ts +30 -0
  38. package/dist/types/components/2_feed_elements/TextMessage/TextMessage.vue.d.ts +11 -0
  39. package/dist/types/components/2_feed_elements/TextMessage/styles/types.d.ts +30 -0
  40. package/dist/types/components/2_feed_elements/VideoMessage/VideoMessage.vue.d.ts +11 -0
  41. package/dist/types/components/2_feed_elements/VideoMessage/stories/VideoMessage.stories.d.ts +2 -2
  42. package/dist/types/components/2_feed_elements/VideoMessage/styles/types.d.ts +30 -0
  43. package/dist/types/components/3_compounds/ChatInput/ChatInput.vue.d.ts +2 -2
  44. package/dist/types/components/3_compounds/ChatList/ChatList.vue.d.ts +2 -0
  45. package/dist/types/components/3_compounds/ChatList/styles/types.d.ts +20 -0
  46. package/dist/types/components/3_compounds/Feed/Feed.vue.d.ts +11 -0
  47. package/dist/types/components/3_compounds/SideBar/styles/types.d.ts +6 -0
  48. package/dist/types/components/index.d.ts +1 -0
  49. package/dist/types/functions/index.d.ts +1 -0
  50. package/dist/types/functions/parseMarkdown.d.ts +21 -0
  51. package/dist/types/hooks/messages/index.d.ts +1 -0
  52. package/dist/types/hooks/messages/useMessageLinks.d.ts +2 -2
  53. package/dist/types/hooks/messages/useSubtextTooltip.d.ts +11 -0
  54. package/dist/types/locale/en.d.ts +6 -0
  55. package/dist/types/locale/ru.d.ts +6 -0
  56. package/dist/vuessages.es.js +69 -66
  57. package/dist/vuessages.umd.js +60 -36
  58. package/package.json +4 -2
@@ -1,13 +1,13 @@
1
1
  declare const _default: import("vue").DefineComponent<{}, {
2
+ locale: string;
2
3
  authProvider: Record<string, any>;
3
4
  dataProvider: Record<string, any>;
4
5
  eventor: Record<string, any>;
5
- locale: string;
6
6
  $props: {
7
+ readonly locale?: string | undefined;
7
8
  readonly authProvider?: Record<string, any> | undefined;
8
9
  readonly dataProvider?: Record<string, any> | undefined;
9
10
  readonly eventor?: Record<string, any> | undefined;
10
- readonly locale?: string | undefined;
11
11
  };
12
12
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
13
13
  export default _default;
@@ -1,13 +1,13 @@
1
1
  declare const _default: import("vue").DefineComponent<{}, {
2
+ locale: string;
2
3
  authProvider: Record<string, any>;
3
4
  dataProvider: Record<string, any>;
4
5
  eventor: Record<string, any>;
5
- locale: string;
6
6
  $props: {
7
+ readonly locale?: string | undefined;
7
8
  readonly authProvider?: Record<string, any> | undefined;
8
9
  readonly dataProvider?: Record<string, any> | undefined;
9
10
  readonly eventor?: Record<string, any> | undefined;
10
- readonly locale?: string | undefined;
11
11
  };
12
12
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
13
13
  export default _default;
@@ -1,13 +1,13 @@
1
1
  declare const _default: import("vue").DefineComponent<{}, {
2
+ locale: string;
2
3
  authProvider: Record<string, any>;
3
4
  dataProvider: Record<string, any>;
4
5
  eventor: Record<string, any>;
5
- locale: string;
6
6
  $props: {
7
+ readonly locale?: string | undefined;
7
8
  readonly authProvider?: Record<string, any> | undefined;
8
9
  readonly dataProvider?: Record<string, any> | undefined;
9
10
  readonly eventor?: Record<string, any> | undefined;
10
- readonly locale?: string | undefined;
11
11
  };
12
12
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
13
13
  export default _default;
@@ -1,13 +1,13 @@
1
1
  declare const _default: import("vue").DefineComponent<{}, {
2
+ locale: string;
2
3
  authProvider: Record<string, any>;
3
4
  dataProvider: Record<string, any>;
4
5
  eventor: Record<string, any>;
5
- locale: string;
6
6
  $props: {
7
+ readonly locale?: string | undefined;
7
8
  readonly authProvider?: Record<string, any> | undefined;
8
9
  readonly dataProvider?: Record<string, any> | undefined;
9
10
  readonly eventor?: Record<string, any> | undefined;
10
- readonly locale?: string | undefined;
11
11
  };
12
12
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
13
13
  export default _default;
@@ -1903,6 +1903,37 @@ export declare const messages: ({
1903
1903
  statusMsg?: undefined;
1904
1904
  callAttemptDuration?: undefined;
1905
1905
  backgroundColor?: undefined;
1906
+ } | {
1907
+ chatId: number;
1908
+ dialogId: string;
1909
+ type: string;
1910
+ url: string;
1911
+ alt: string;
1912
+ direction: string;
1913
+ status: string;
1914
+ timestamp: string;
1915
+ header: string;
1916
+ subText: string;
1917
+ messageId: string;
1918
+ text: string;
1919
+ position?: undefined;
1920
+ time?: undefined;
1921
+ callDuration?: undefined;
1922
+ isMissedCall?: undefined;
1923
+ callParticipant?: undefined;
1924
+ avatar?: undefined;
1925
+ actions?: undefined;
1926
+ embed?: undefined;
1927
+ views?: undefined;
1928
+ reply?: undefined;
1929
+ filename?: undefined;
1930
+ transcript?: undefined;
1931
+ linkPreview?: undefined;
1932
+ keyboard?: undefined;
1933
+ reactions?: undefined;
1934
+ statusMsg?: undefined;
1935
+ callAttemptDuration?: undefined;
1936
+ backgroundColor?: undefined;
1906
1937
  } | {
1907
1938
  chatId: number;
1908
1939
  dialogId: string;
@@ -0,0 +1,30 @@
1
+ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
+ textarea: {
3
+ type: () => HTMLTextAreaElement | null;
4
+ default: null;
5
+ };
6
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
7
+ "format-applied": (data: {
8
+ format: string;
9
+ selectedText: string;
10
+ start: number;
11
+ end: number;
12
+ newText: string;
13
+ }) => any;
14
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
15
+ textarea: {
16
+ type: () => HTMLTextAreaElement | null;
17
+ default: null;
18
+ };
19
+ }>> & Readonly<{
20
+ "onFormat-applied"?: ((data: {
21
+ format: string;
22
+ selectedText: string;
23
+ start: number;
24
+ end: number;
25
+ newText: string;
26
+ }) => any) | undefined;
27
+ }>, {
28
+ textarea: HTMLTextAreaElement | null;
29
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
30
+ export default _default;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/vue3-vite';
2
+ import TextFormatToolbar from '../TextFormatToolbar.vue';
3
+ declare const meta: Meta<typeof TextFormatToolbar>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof TextFormatToolbar>;
6
+ export declare const Default: Story;
7
+ export declare const WithSampleText: Story;
8
+ export declare const MultilineText: Story;
@@ -0,0 +1,23 @@
1
+ export interface TextFormatToolbarThemeCSSVariables {
2
+ '--chotto-textformattoolbar-z-index'?: string;
3
+ '--chotto-textformattoolbar-gap'?: string;
4
+ '--chotto-textformattoolbar-padding'?: string;
5
+ '--chotto-textformattoolbar-background-color'?: string;
6
+ '--chotto-textformattoolbar-border'?: string;
7
+ '--chotto-textformattoolbar-border-radius'?: string;
8
+ '--chotto-textformattoolbar-box-shadow'?: string;
9
+ '--chotto-textformattoolbar-font-family'?: string;
10
+ '--chotto-textformattoolbar-button-width'?: string;
11
+ '--chotto-textformattoolbar-button-height'?: string;
12
+ '--chotto-textformattoolbar-button-padding'?: string;
13
+ '--chotto-textformattoolbar-button-background-color'?: string;
14
+ '--chotto-textformattoolbar-button-border'?: string;
15
+ '--chotto-textformattoolbar-button-border-radius'?: string;
16
+ '--chotto-textformattoolbar-button-cursor'?: string;
17
+ '--chotto-textformattoolbar-button-color'?: string;
18
+ '--chotto-textformattoolbar-button-font-size'?: string;
19
+ '--chotto-textformattoolbar-button-transition'?: string;
20
+ '--chotto-textformattoolbar-button-hover-background-color'?: string;
21
+ '--chotto-textformattoolbar-button-hover-color'?: string;
22
+ '--chotto-textformattoolbar-button-active-background-color'?: string;
23
+ }
@@ -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
- }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
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
  /** Выравнивание контейнера статуса чата */
@@ -37,4 +37,5 @@ export interface IChatItem {
37
37
  dialogsExpanded: boolean;
38
38
  dialogs?: IChatDialog[];
39
39
  isSelected: boolean;
40
+ showEmptyIndicator?: boolean;
40
41
  }
@@ -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;
@@ -542,4 +542,34 @@ export interface AudioMessageThemeCSSVariables {
542
542
  '--chotto-audiomessage-modal-close-button-icon-color': string;
543
543
  /** Размер иконки кнопки закрытия */
544
544
  '--chotto-audiomessage-modal-close-button-icon-size': string;
545
+ /** Жирность жирного текста (markdown **текст**) */
546
+ '--chotto-audiomessage-markdown-strong-font-weight': string;
547
+ /** Стиль курсива (markdown *текст*) */
548
+ '--chotto-audiomessage-markdown-em-font-style': string;
549
+ /** Подчёркивание (markdown <u>текст</u>) */
550
+ '--chotto-audiomessage-markdown-u-text-decoration': string;
551
+ /** Зачёркивание (markdown ~~текст~~) */
552
+ '--chotto-audiomessage-markdown-del-text-decoration': string;
553
+ /** Фон встроенного кода (markdown `код`) */
554
+ '--chotto-audiomessage-markdown-code-bg': string;
555
+ /** Внутренние отступы встроенного кода */
556
+ '--chotto-audiomessage-markdown-code-padding': string;
557
+ /** Скругление встроенного кода */
558
+ '--chotto-audiomessage-markdown-code-border-radius': string;
559
+ /** Шрифт встроенного кода */
560
+ '--chotto-audiomessage-markdown-code-font-family': string;
561
+ /** Размер шрифта встроенного кода */
562
+ '--chotto-audiomessage-markdown-code-font-size': string;
563
+ /** Левая граница цитаты (markdown > текст) */
564
+ '--chotto-audiomessage-markdown-blockquote-border-left': string;
565
+ /** Левый отступ цитаты */
566
+ '--chotto-audiomessage-markdown-blockquote-padding-left': string;
567
+ /** Внешние отступы цитаты */
568
+ '--chotto-audiomessage-markdown-blockquote-margin': string;
569
+ /** Стиль шрифта цитаты */
570
+ '--chotto-audiomessage-markdown-blockquote-font-style': string;
571
+ /** Цвет текста цитаты */
572
+ '--chotto-audiomessage-markdown-blockquote-color': string;
573
+ /** Нижний отступ параграфов markdown */
574
+ '--chotto-audiomessage-markdown-p-margin-bottom': string;
545
575
  }
@@ -8,6 +8,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
8
8
  type: FunctionConstructor;
9
9
  default: () => null;
10
10
  };
11
+ subtextTooltipData: {
12
+ type: () => Record<string, string>;
13
+ required: false;
14
+ default: () => {};
15
+ };
11
16
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
12
17
  reply: (...args: any[]) => void;
13
18
  action: (...args: any[]) => void;
@@ -20,10 +25,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
20
25
  type: FunctionConstructor;
21
26
  default: () => null;
22
27
  };
28
+ subtextTooltipData: {
29
+ type: () => Record<string, string>;
30
+ required: false;
31
+ default: () => {};
32
+ };
23
33
  }>> & Readonly<{
24
34
  onReply?: ((...args: any[]) => any) | undefined;
25
35
  onAction?: ((...args: any[]) => any) | undefined;
26
36
  }>, {
27
37
  applyStyle: Function;
38
+ subtextTooltipData: Record<string, string>;
28
39
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
29
40
  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;
@@ -23,6 +23,8 @@ export declare const RightFileMessageWithActionsAndText: Story;
23
23
  export declare const LeftFileMessageWithActionsAndText: Story;
24
24
  export declare const RightFileMessageWithActionsAndTextWithLink: Story;
25
25
  export declare const LeftFileMessageWithActionsAndTextWithLink: Story;
26
+ export declare const LeftFileMessageWithMarkdown: Story;
27
+ export declare const RightFileMessageWithMarkdown: Story;
26
28
  export declare const LeftMessageWithReplyText: Story;
27
29
  export declare const RightMessageWithReplyText: Story;
28
30
  export declare const LeftMessageWithReplyImage: Story;
@@ -254,4 +254,34 @@ export interface FileMessageThemeCSSVariables {
254
254
  '--chotto-filemessage-v-enter-from-transform': string;
255
255
  /** Стартовая прозрачность при появлении */
256
256
  '--chotto-filemessage-v-enter-from-opacity': string;
257
+ /** Жирность жирного текста (markdown **текст**) */
258
+ '--chotto-filemessage-markdown-strong-font-weight': string;
259
+ /** Стиль курсива (markdown *текст*) */
260
+ '--chotto-filemessage-markdown-em-font-style': string;
261
+ /** Подчёркивание (markdown <u>текст</u>) */
262
+ '--chotto-filemessage-markdown-u-text-decoration': string;
263
+ /** Зачёркивание (markdown ~~текст~~) */
264
+ '--chotto-filemessage-markdown-del-text-decoration': string;
265
+ /** Фон встроенного кода (markdown `код`) */
266
+ '--chotto-filemessage-markdown-code-bg': string;
267
+ /** Внутренние отступы встроенного кода */
268
+ '--chotto-filemessage-markdown-code-padding': string;
269
+ /** Скругление встроенного кода */
270
+ '--chotto-filemessage-markdown-code-border-radius': string;
271
+ /** Шрифт встроенного кода */
272
+ '--chotto-filemessage-markdown-code-font-family': string;
273
+ /** Размер шрифта встроенного кода */
274
+ '--chotto-filemessage-markdown-code-font-size': string;
275
+ /** Левая граница цитаты (markdown > текст) */
276
+ '--chotto-filemessage-markdown-blockquote-border-left': string;
277
+ /** Левый отступ цитаты */
278
+ '--chotto-filemessage-markdown-blockquote-padding-left': string;
279
+ /** Внешние отступы цитаты */
280
+ '--chotto-filemessage-markdown-blockquote-margin': string;
281
+ /** Стиль шрифта цитаты */
282
+ '--chotto-filemessage-markdown-blockquote-font-style': string;
283
+ /** Цвет текста цитаты */
284
+ '--chotto-filemessage-markdown-blockquote-color': string;
285
+ /** Нижний отступ параграфов markdown */
286
+ '--chotto-filemessage-markdown-p-margin-bottom': string;
257
287
  }
@@ -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;
@@ -4,27 +4,8 @@ declare const meta: Meta<typeof ImageMessage>;
4
4
  export default meta;
5
5
  type Story = StoryObj<typeof ImageMessage>;
6
6
  export declare const Default: Story;
7
- export declare const LeftImageMessage: Story;
8
- export declare const LeftImageMessageWithText: Story;
9
- export declare const LeftImageMessageWithTextAndLink: Story;
10
- export declare const LeftImageMessageWithViews: Story;
11
- export declare const LeftImageMessageWithAvatar: Story;
12
- export declare const RightImageMessageWithAvatar: Story;
13
- export declare const LeftImageMessageWithAvatarAndSubtext: Story;
14
- export declare const RightImageMessageWithAvatarAndSubtext: Story;
15
- export declare const LeftImageMessageWithSubtext: Story;
16
- export declare const LeftImageMessageWithActions: Story;
17
- export declare const RightImageMessage: Story;
18
- export declare const RightImageMessageWithText: Story;
19
- export declare const RightImageMessageWithTextAndLink: Story;
20
- export declare const RightImageMessageWithViews: Story;
21
- export declare const RightImageMessageWithSubtext: Story;
22
- export declare const RightImageMessageStatusSent: Story;
23
- export declare const RightImageMessageStatusReceived: Story;
24
- export declare const RightImageMessageStatusRead: Story;
25
- export declare const RightImageMessageStatusPending: Story;
26
- export declare const RightImageMessageStatusError: Story;
27
- export declare const RightImageMessageWithActions: Story;
7
+ export declare const LeftImageMessages: Story;
8
+ export declare const RightImageMessages: Story;
28
9
  export declare const LeftMessageWithReplyText: Story;
29
10
  export declare const RightMessageWithReplyText: Story;
30
11
  export declare const LeftMessageWithReplyImage: Story;
@@ -146,6 +146,38 @@ export interface ImageMessageThemeCSSVariables {
146
146
  '--chotto-imagemessage-text-container-p-font-size': string;
147
147
  /** Перенос слов в абзаце текста */
148
148
  '--chotto-imagemessage-text-container-p-word-break': string;
149
+ /** Правила перевода строк текста */
150
+ '--chotto-imagemessage-text-container-p-white-space': string;
151
+ /** Жирность жирного текста (markdown **текст**) */
152
+ '--chotto-imagemessage-markdown-strong-font-weight': string;
153
+ /** Стиль курсива (markdown *текст*) */
154
+ '--chotto-imagemessage-markdown-em-font-style': string;
155
+ /** Подчёркивание (markdown <u>текст</u>) */
156
+ '--chotto-imagemessage-markdown-u-text-decoration': string;
157
+ /** Зачёркивание (markdown ~~текст~~) */
158
+ '--chotto-imagemessage-markdown-del-text-decoration': string;
159
+ /** Фон встроенного кода (markdown `код`) */
160
+ '--chotto-imagemessage-markdown-code-bg': string;
161
+ /** Внутренние отступы встроенного кода */
162
+ '--chotto-imagemessage-markdown-code-padding': string;
163
+ /** Скругление встроенного кода */
164
+ '--chotto-imagemessage-markdown-code-border-radius': string;
165
+ /** Шрифт встроенного кода */
166
+ '--chotto-imagemessage-markdown-code-font-family': string;
167
+ /** Размер шрифта встроенного кода */
168
+ '--chotto-imagemessage-markdown-code-font-size': string;
169
+ /** Левая граница цитаты (markdown > текст) */
170
+ '--chotto-imagemessage-markdown-blockquote-border-left': string;
171
+ /** Левый отступ цитаты */
172
+ '--chotto-imagemessage-markdown-blockquote-padding-left': string;
173
+ /** Внешние отступы цитаты */
174
+ '--chotto-imagemessage-markdown-blockquote-margin': string;
175
+ /** Стиль шрифта цитаты */
176
+ '--chotto-imagemessage-markdown-blockquote-font-style': string;
177
+ /** Цвет текста цитаты */
178
+ '--chotto-imagemessage-markdown-blockquote-color': string;
179
+ /** Нижний отступ параграфов markdown */
180
+ '--chotto-imagemessage-markdown-p-margin-bottom': string;
149
181
  /** Внешние отступы блока превью ссылки */
150
182
  '--chotto-imagemessage-link-preview-margin': string;
151
183
  /** Отображение общего контейнера лево/право */
@@ -1,4 +1,4 @@
1
- import 'vue3-emoji-picker/css';
1
+ import 'vue3-emoji-picker-ru/css';
2
2
  import type { MessageReactions } from '@/types';
3
3
  declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
4
4
  reactions: {
@@ -68,4 +68,34 @@ export interface ReplyAudioMessageThemeCSSVariables {
68
68
  '--chotto-replyaudiomessage-reply-description-margin-bottom': string;
69
69
  /** Цвет спана в описании ответа */
70
70
  '--chotto-replyaudiomessage-reply-description-span-color': string;
71
+ /** Жирность жирного текста (markdown **текст**) */
72
+ '--chotto-replyaudiomessage-markdown-strong-font-weight': string;
73
+ /** Стиль курсива (markdown *текст*) */
74
+ '--chotto-replyaudiomessage-markdown-em-font-style': string;
75
+ /** Подчёркивание (markdown <u>текст</u>) */
76
+ '--chotto-replyaudiomessage-markdown-u-text-decoration': string;
77
+ /** Зачёркивание (markdown ~~текст~~) */
78
+ '--chotto-replyaudiomessage-markdown-del-text-decoration': string;
79
+ /** Фон встроенного кода (markdown `код`) */
80
+ '--chotto-replyaudiomessage-markdown-code-bg': string;
81
+ /** Внутренние отступы встроенного кода */
82
+ '--chotto-replyaudiomessage-markdown-code-padding': string;
83
+ /** Скругление встроенного кода */
84
+ '--chotto-replyaudiomessage-markdown-code-border-radius': string;
85
+ /** Шрифт встроенного кода */
86
+ '--chotto-replyaudiomessage-markdown-code-font-family': string;
87
+ /** Размер шрифта встроенного кода */
88
+ '--chotto-replyaudiomessage-markdown-code-font-size': string;
89
+ /** Левая граница цитаты (markdown > текст) */
90
+ '--chotto-replyaudiomessage-markdown-blockquote-border-left': string;
91
+ /** Левый отступ цитаты */
92
+ '--chotto-replyaudiomessage-markdown-blockquote-padding-left': string;
93
+ /** Внешние отступы цитаты */
94
+ '--chotto-replyaudiomessage-markdown-blockquote-margin': string;
95
+ /** Стиль шрифта цитаты */
96
+ '--chotto-replyaudiomessage-markdown-blockquote-font-style': string;
97
+ /** Цвет текста цитаты */
98
+ '--chotto-replyaudiomessage-markdown-blockquote-color': string;
99
+ /** Нижний отступ параграфов markdown */
100
+ '--chotto-replyaudiomessage-markdown-p-margin-bottom': string;
71
101
  }
@@ -64,4 +64,34 @@ export interface ReplyFileMessageThemeCSSVariables {
64
64
  '--chotto-replyfilemessage-filename-text-color': string;
65
65
  /** Подчёркивание имени файла */
66
66
  '--chotto-replyfilemessage-filename-text-text-decoration': string;
67
+ /** Жирность жирного текста (markdown **текст**) */
68
+ '--chotto-replyfilemessage-markdown-strong-font-weight': string;
69
+ /** Стиль курсива (markdown *текст*) */
70
+ '--chotto-replyfilemessage-markdown-em-font-style': string;
71
+ /** Подчёркивание (markdown <u>текст</u>) */
72
+ '--chotto-replyfilemessage-markdown-u-text-decoration': string;
73
+ /** Зачёркивание (markdown ~~текст~~) */
74
+ '--chotto-replyfilemessage-markdown-del-text-decoration': string;
75
+ /** Фон встроенного кода (markdown `код`) */
76
+ '--chotto-replyfilemessage-markdown-code-bg': string;
77
+ /** Внутренние отступы встроенного кода */
78
+ '--chotto-replyfilemessage-markdown-code-padding': string;
79
+ /** Скругление встроенного кода */
80
+ '--chotto-replyfilemessage-markdown-code-border-radius': string;
81
+ /** Шрифт встроенного кода */
82
+ '--chotto-replyfilemessage-markdown-code-font-family': string;
83
+ /** Размер шрифта встроенного кода */
84
+ '--chotto-replyfilemessage-markdown-code-font-size': string;
85
+ /** Левая граница цитаты (markdown > текст) */
86
+ '--chotto-replyfilemessage-markdown-blockquote-border-left': string;
87
+ /** Левый отступ цитаты */
88
+ '--chotto-replyfilemessage-markdown-blockquote-padding-left': string;
89
+ /** Внешние отступы цитаты */
90
+ '--chotto-replyfilemessage-markdown-blockquote-margin': string;
91
+ /** Стиль шрифта цитаты */
92
+ '--chotto-replyfilemessage-markdown-blockquote-font-style': string;
93
+ /** Цвет текста цитаты */
94
+ '--chotto-replyfilemessage-markdown-blockquote-color': string;
95
+ /** Нижний отступ параграфов markdown */
96
+ '--chotto-replyfilemessage-markdown-p-margin-bottom': string;
67
97
  }
@@ -82,4 +82,34 @@ export interface ReplyImageMessageThemeCSSVariables {
82
82
  '--chotto-replyimagemessage-modal-fade-enter-from-opacity': string;
83
83
  /** Прозрачность модального окна в конце */
84
84
  '--chotto-replyimagemessage-modal-fade-enter-to-opacity': string;
85
+ /** Жирность жирного текста (markdown **текст**) */
86
+ '--chotto-replyimagemessage-markdown-strong-font-weight': string;
87
+ /** Стиль курсива (markdown *текст*) */
88
+ '--chotto-replyimagemessage-markdown-em-font-style': string;
89
+ /** Подчёркивание (markdown <u>текст</u>) */
90
+ '--chotto-replyimagemessage-markdown-u-text-decoration': string;
91
+ /** Зачёркивание (markdown ~~текст~~) */
92
+ '--chotto-replyimagemessage-markdown-del-text-decoration': string;
93
+ /** Фон встроенного кода (markdown `код`) */
94
+ '--chotto-replyimagemessage-markdown-code-bg': string;
95
+ /** Внутренние отступы встроенного кода */
96
+ '--chotto-replyimagemessage-markdown-code-padding': string;
97
+ /** Скругление встроенного кода */
98
+ '--chotto-replyimagemessage-markdown-code-border-radius': string;
99
+ /** Шрифт встроенного кода */
100
+ '--chotto-replyimagemessage-markdown-code-font-family': string;
101
+ /** Размер шрифта встроенного кода */
102
+ '--chotto-replyimagemessage-markdown-code-font-size': string;
103
+ /** Левая граница цитаты (markdown > текст) */
104
+ '--chotto-replyimagemessage-markdown-blockquote-border-left': string;
105
+ /** Левый отступ цитаты */
106
+ '--chotto-replyimagemessage-markdown-blockquote-padding-left': string;
107
+ /** Внешние отступы цитаты */
108
+ '--chotto-replyimagemessage-markdown-blockquote-margin': string;
109
+ /** Стиль шрифта цитаты */
110
+ '--chotto-replyimagemessage-markdown-blockquote-font-style': string;
111
+ /** Цвет текста цитаты */
112
+ '--chotto-replyimagemessage-markdown-blockquote-color': string;
113
+ /** Нижний отступ параграфов markdown */
114
+ '--chotto-replyimagemessage-markdown-p-margin-bottom': string;
85
115
  }