@mobilon-dev/chotto 0.3.4 → 0.3.5

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 (147) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +303 -303
  3. package/dist/{ModalVideoRecorder-CXr2HQuY.js → ModalVideoRecorder-BFZoDkGK.js} +2 -2
  4. package/dist/chotto.css +1 -1
  5. package/dist/index-DRZepRE6.js +20957 -0
  6. package/dist/types/{helpers → apps/helpers}/index.d.ts +5 -5
  7. package/dist/types/apps/helpers/sortByTimestamp.d.ts +5 -0
  8. package/dist/types/apps/helpers/useModalSelectUser2.d.ts +1 -0
  9. package/dist/types/{transform → apps/transform}/transformToFeed.d.ts +1 -1
  10. package/dist/types/components/atoms/Modal/styles/types.d.ts +161 -0
  11. package/dist/types/components/atoms/ModalFullscreen/styles/types.d.ts +133 -0
  12. package/dist/types/components/atoms/ModalNoFooter/styles/types.d.ts +105 -0
  13. package/dist/types/components/atoms/Tooltip/styles/types.d.ts +61 -0
  14. package/dist/types/components/blocks/ChatItem/ChatItem.vue.d.ts +23 -19
  15. package/dist/types/components/blocks/ChatItem/styles/types.d.ts +293 -0
  16. package/dist/types/components/blocks/ChatList/ChatList.vue.d.ts +1 -1
  17. package/dist/types/components/blocks/ChatList/styles/types.d.ts +123 -0
  18. package/dist/types/components/blocks/ChatPanel/styles/types.d.ts +53 -0
  19. package/dist/types/components/blocks/FeedFoundItem/styles/types.d.ts +89 -0
  20. package/dist/types/components/blocks/FeedFoundObjects/FeedFoundObjects.vue.d.ts +2 -2
  21. package/dist/types/components/blocks/FeedFoundObjects/styles/types.d.ts +37 -0
  22. package/dist/types/components/blocks/FeedSearch/styles/types.d.ts +51 -0
  23. package/dist/types/components/blocks/MessageKeyboard/styles/types.d.ts +51 -0
  24. package/dist/types/components/blocks/index.d.ts +0 -1
  25. package/dist/types/components/compounds/ChatInput/styles/types.d.ts +159 -0
  26. package/dist/types/components/compounds/CommunicationPanel/styles/types.d.ts +401 -0
  27. package/dist/types/components/compounds/Feed/Feed.vue.d.ts +11 -2
  28. package/dist/types/components/compounds/Feed/messages/AudioMessage/styles/types.d.ts +437 -0
  29. package/dist/types/components/compounds/Feed/messages/BaseReplyMessage/BaseReplyMessage.vue.d.ts +5 -1
  30. package/dist/types/components/compounds/Feed/messages/BaseReplyMessage/styles/types.d.ts +73 -0
  31. package/dist/types/components/compounds/Feed/messages/CallMessage/styles/types.d.ts +305 -0
  32. package/dist/types/components/compounds/Feed/messages/DateMessage/styles/types.d.ts +34 -0
  33. package/dist/types/components/compounds/Feed/messages/DateMessageSticky/styles/types.d.ts +35 -0
  34. package/dist/types/components/compounds/Feed/messages/FileMessage/styles/types.d.ts +253 -0
  35. package/dist/types/components/compounds/Feed/messages/ImageMessage/styles/types.d.ts +237 -0
  36. package/dist/types/components/compounds/Feed/messages/ReplyAudioMessage/styles/types.d.ts +71 -0
  37. package/dist/types/components/compounds/Feed/messages/ReplyCallMessage/styles/types.d.ts +61 -0
  38. package/dist/types/components/compounds/Feed/messages/ReplyFileMessage/styles/types.d.ts +67 -0
  39. package/dist/types/components/compounds/Feed/messages/ReplyImageMessage/styles/types.d.ts +85 -0
  40. package/dist/types/components/compounds/Feed/messages/ReplyTextMessage/styles/types.d.ts +35 -0
  41. package/dist/types/components/compounds/Feed/messages/ReplyVideoMessage/styles/types.d.ts +81 -0
  42. package/dist/types/components/compounds/Feed/messages/SystemMessage/styles/types.d.ts +23 -0
  43. package/dist/types/components/compounds/Feed/messages/TextMessage/styles/types.d.ts +203 -0
  44. package/dist/types/components/compounds/Feed/messages/TypingMessage/styles/types.d.ts +93 -0
  45. package/dist/types/components/compounds/Feed/messages/VideoMessage/VideoMessage.vue.d.ts +1 -1
  46. package/dist/types/components/compounds/Feed/messages/VideoMessage/styles/types.d.ts +241 -0
  47. package/dist/types/components/compounds/Feed/styles/types.d.ts +119 -0
  48. package/dist/types/components/compounds/ModalVideoRecorder/styles/types.d.ts +71 -0
  49. package/dist/types/components/compounds/SideBar/styles/types.d.ts +279 -0
  50. package/dist/types/components/compounds/TemplateSelector/TemplateSelector.vue.d.ts +2 -0
  51. package/dist/types/components/compounds/TemplateSelector/styles/types.d.ts +311 -0
  52. package/dist/types/components/compounds/UserProfile/styles/types.d.ts +61 -0
  53. package/dist/types/components/containers/BaseContainer/styles/types.d.ts +39 -0
  54. package/dist/types/components/containers/FloatContainer/styles/types.d.ts +89 -0
  55. package/dist/types/components/containers/PlaceholderComponent/styles/types.d.ts +17 -0
  56. package/dist/types/components/containers/SplashScreen/styles/types.d.ts +17 -0
  57. package/dist/types/components/elements/AudioRecorder/styles/types.d.ts +79 -0
  58. package/dist/types/components/elements/ButtonCommandsSelector/styles/types.d.ts +23 -0
  59. package/dist/types/components/elements/ButtonContextMenu/styles/types.d.ts +15 -0
  60. package/dist/types/components/elements/ButtonEmojiPicker/styles/types.d.ts +33 -0
  61. package/dist/types/components/elements/ButtonTemplateSelector/styles/types.d.ts +29 -0
  62. package/dist/types/components/elements/ButtonWabaTemplateSelector/styles/types.d.ts +29 -0
  63. package/dist/types/components/elements/ChannelSelector/ChannelSelector.vue.d.ts +2 -2
  64. package/dist/types/components/elements/ChannelSelector/styles/types.d.ts +49 -0
  65. package/dist/types/components/elements/ChatFilter/styles/types.d.ts +43 -0
  66. package/dist/types/components/elements/ChatInfo/styles/types.d.ts +93 -0
  67. package/dist/types/components/elements/ChatTabs/styles/types.d.ts +65 -0
  68. package/dist/types/components/elements/ContactInfo/ContactInfo.vue.d.ts +2 -2
  69. package/dist/types/components/elements/ContactInfo/stories/ContactInfo.stories.d.ts +2 -2
  70. package/dist/types/components/elements/ContactInfo/styles/types.d.ts +219 -0
  71. package/dist/types/components/elements/ContextMenu/styles/types.d.ts +59 -0
  72. package/dist/types/components/elements/FeedKeyboard/styles/types.d.ts +55 -0
  73. package/dist/types/components/elements/FilePreview/styles/types.d.ts +141 -0
  74. package/dist/types/components/elements/FileUploader/styles/types.d.ts +23 -0
  75. package/dist/types/components/elements/ThemeMode/styles/types.d.ts +99 -0
  76. package/dist/types/components/elements/VideoRecorder/styles/types.d.ts +37 -0
  77. package/dist/types/components/elements/WABAAttachmentSection/styles/types.d.ts +59 -0
  78. package/dist/types/components/elements/WABAQuickReplyButtons/styles/types.d.ts +35 -0
  79. package/dist/types/components/elements/WABASeparatedQuickButtons/styles/types.d.ts +65 -0
  80. package/dist/types/components/elements/WABATemplateSelector/WABATemplateSelector.vue.d.ts +2 -0
  81. package/dist/types/components/elements/WABATemplateSelector/stories/WABATemplateSelector.stories.d.ts +2 -0
  82. package/dist/types/components/elements/WABATemplateSelector/styles/types.d.ts +363 -0
  83. package/dist/types/components/layouts/AdaptiveExtendedLayout/styles/types.d.ts +83 -0
  84. package/dist/types/components/layouts/BaseLayout/styles/types.d.ts +63 -0
  85. package/dist/types/components/layouts/ChatWrapper/styles/types.d.ts +43 -0
  86. package/dist/types/components/layouts/ExtendedLayout/styles/types.d.ts +79 -0
  87. package/dist/types/components/layouts/FeedLayout/styles/types.d.ts +33 -0
  88. package/dist/types/components/molecules/CreateDialog/CreateDialog.vue.d.ts +2 -2
  89. package/dist/types/components/molecules/CreateDialog/stories/CreateDialog.stories.d.ts +2 -2
  90. package/dist/types/components/molecules/CreateDialog/styles/types.d.ts +19 -0
  91. package/dist/types/components/molecules/EmbedPreview/styles/types.d.ts +29 -0
  92. package/dist/types/components/molecules/LinkPreview/styles/types.d.ts +55 -0
  93. package/dist/types/components/molecules/SelectUser/styles/types.d.ts +53 -0
  94. package/dist/types/components/molecules/SelectUser2/styles/types.d.ts +19 -0
  95. package/dist/types/components/molecules/index.d.ts +4 -0
  96. package/dist/types/hooks/index.d.ts +12 -0
  97. package/dist/types/index.d.ts +1 -1
  98. package/dist/types/themes/index.d.ts +1 -2
  99. package/dist/types/themes/types.d.ts +64 -113
  100. package/dist/types/types/components.d.ts +33 -0
  101. package/dist/vuessages.es.js +65 -62
  102. package/dist/vuessages.umd.js +6 -6
  103. package/package.json +64 -63
  104. package/dist/CreateChat-Dv1RI_Uw.js +0 -31
  105. package/dist/CreateChat2-DR5H827U.js +0 -42
  106. package/dist/CreateDialog-lcy7szHJ.js +0 -77
  107. package/dist/SelectUser2-BpDHmoMk.js +0 -46
  108. package/dist/chat-background.svg +0 -3
  109. package/dist/index-BAlmGgQr.js +0 -20864
  110. package/dist/types/helpers/sortByTimestamp.d.ts +0 -1
  111. package/dist/types/helpers/useModalSelectUser2.d.ts +0 -1
  112. package/dist/types/themes/constants.d.ts +0 -18
  113. /package/dist/types/{BaseAdaptiveExtendedChatApp.vue.d.ts → apps/BaseAdaptiveExtendedChatApp/BaseAdaptiveExtendedChatApp.vue.d.ts} +0 -0
  114. /package/dist/types/{BaseBaseChatApp.vue.d.ts → apps/BaseBaseChatApp/BaseBaseChatApp.vue.d.ts} +0 -0
  115. /package/dist/types/{BaseExtendedChatApp.vue.d.ts → apps/BaseExtendedChatApp/BaseExtendedChatApp.vue.d.ts} +0 -0
  116. /package/dist/types/{BaseFeedChatApp.vue.d.ts → apps/BaseFeedChatApp/BaseFeedChatApp.vue.d.ts} +0 -0
  117. /package/dist/types/{FloatExtendedChatApp.vue.d.ts → apps/FloatExtendedChatApp/FloatExtendedChatApp.vue.d.ts} +0 -0
  118. /package/dist/types/{MobilonExtendedChatApp.vue.d.ts → apps/MobilonExtendedChatApp/MobilonExtendedChatApp.vue.d.ts} +0 -0
  119. /package/dist/types/{data → apps/data}/channels.d.ts +0 -0
  120. /package/dist/types/{data → apps/data}/chats.d.ts +0 -0
  121. /package/dist/types/{data → apps/data}/groupTemplates.d.ts +0 -0
  122. /package/dist/types/{data → apps/data}/index.d.ts +0 -0
  123. /package/dist/types/{data → apps/data}/messages.d.ts +0 -0
  124. /package/dist/types/{data → apps/data}/sidebarItems.d.ts +0 -0
  125. /package/dist/types/{data → apps/data}/templates.d.ts +0 -0
  126. /package/dist/types/{data → apps/data}/userProfile.d.ts +0 -0
  127. /package/dist/types/{data → apps/data}/users.d.ts +0 -0
  128. /package/dist/types/{data → apps/data}/wabaTemplates.d.ts +0 -0
  129. /package/dist/types/{helpers → apps/helpers}/formatTimestamp.d.ts +0 -0
  130. /package/dist/types/{helpers → apps/helpers}/playNotificationAudio.d.ts +0 -0
  131. /package/dist/types/{helpers → apps/helpers}/prepareTimeline.d.ts +0 -0
  132. /package/dist/types/{helpers → apps/helpers}/useCreateChat.d.ts +0 -0
  133. /package/dist/types/{helpers → apps/helpers}/useCreateChat2.d.ts +0 -0
  134. /package/dist/types/{helpers → apps/helpers}/useCreateDialog.d.ts +0 -0
  135. /package/dist/types/{stores → apps/stores}/useChatStore.d.ts +0 -0
  136. /package/dist/types/{helpers → hooks}/generatePreview.d.ts +0 -0
  137. /package/dist/types/{helpers → hooks}/getStatusMessage.d.ts +0 -0
  138. /package/dist/types/{helpers → hooks}/getTypeFileByMime.d.ts +0 -0
  139. /package/dist/types/{helpers → hooks}/throttle.d.ts +0 -0
  140. /package/dist/types/{helpers → hooks}/uploadFile.d.ts +0 -0
  141. /package/dist/types/{helpers → hooks}/useDelayDebouncedRef.d.ts +0 -0
  142. /package/dist/types/{helpers → hooks}/useImmediateDebouncedRef.d.ts +0 -0
  143. /package/dist/types/{helpers → hooks}/useMessage.d.ts +0 -0
  144. /package/dist/types/{helpers → hooks}/useModal.d.ts +0 -0
  145. /package/dist/types/{helpers → hooks}/useSearchModel.d.ts +0 -0
  146. /package/dist/types/{helpers → hooks}/useTheme.d.ts +0 -0
  147. /package/dist/types/{helpers → hooks}/useVideoRecorder.d.ts +0 -0
@@ -0,0 +1,437 @@
1
+ /**
2
+ * CSS variables for AudioMessage component
3
+ */
4
+ export interface AudioMessageThemeCSSVariables {
5
+ /** Цвет фона прогресс-бара-контейнера */
6
+ '--chotto-audiomessage-pbc-background-color': string;
7
+ /** Цвет фона самого прогресс-бара */
8
+ '--chotto-audiomessage-pb-background-color': string;
9
+ /** Цвет разделителя транскрипта */
10
+ '--chotto-audiomessage-transcript-delimiter-color': string;
11
+ /** Позиционирование контейнера контента аудио */
12
+ '--chotto-audiomessage-content-position': string;
13
+ /** Отображение контейнера контента аудио */
14
+ '--chotto-audiomessage-content-display': string;
15
+ /** Шаблон колонок грида */
16
+ '--chotto-audiomessage-content-grid-template-columns': string;
17
+ /** Промежуток между колонками */
18
+ '--chotto-audiomessage-content-column-gap': string;
19
+ /** Ширина контейнера контента */
20
+ '--chotto-audiomessage-content-width': string;
21
+ /** Максимальная ширина контейнера */
22
+ '--chotto-audiomessage-content-max-width': string;
23
+ /** Минимальная ширина контейнера */
24
+ '--chotto-audiomessage-content-min-width': string;
25
+ /** Внутренние отступы контейнера */
26
+ '--chotto-audiomessage-content-padding': string;
27
+ /** Контент псевдоэлемента "хвостик" слева */
28
+ '--chotto-audiomessage-left-arrow-content': string;
29
+ /** Позиционирование хвостика слева */
30
+ '--chotto-audiomessage-left-arrow-position': string;
31
+ /** Смещение хвостика слева по вертикали */
32
+ '--chotto-audiomessage-left-arrow-top': string;
33
+ /** Смещение хвостика слева по горизонтали */
34
+ '--chotto-audiomessage-left-arrow-left': string;
35
+ /** Ширина хвостика слева */
36
+ '--chotto-audiomessage-left-arrow-width': string;
37
+ /** Высота хвостика слева */
38
+ '--chotto-audiomessage-left-arrow-height': string;
39
+ /** Базовая рамка хвостика слева */
40
+ '--chotto-audiomessage-left-arrow-border': string;
41
+ /** Верхняя часть рамки хвостика слева (цвет пузыря) */
42
+ '--chotto-audiomessage-left-arrow-border-top': string;
43
+ /** Слой псевдоэлемента слева */
44
+ '--chotto-audiomessage-left-arrow-z-index': string;
45
+ /** Контент псевдоэлемента "хвостик" справа */
46
+ '--chotto-audiomessage-right-arrow-content': string;
47
+ /** Позиционирование хвостика справа */
48
+ '--chotto-audiomessage-right-arrow-position': string;
49
+ /** Смещение хвостика справа по вертикали */
50
+ '--chotto-audiomessage-right-arrow-top': string;
51
+ /** Смещение хвостика справа по горизонтали */
52
+ '--chotto-audiomessage-right-arrow-right': string;
53
+ /** Ширина хвостика справа */
54
+ '--chotto-audiomessage-right-arrow-width': string;
55
+ /** Высота хвостика справа */
56
+ '--chotto-audiomessage-right-arrow-height': string;
57
+ /** Базовая рамка хвостика справа */
58
+ '--chotto-audiomessage-right-arrow-border': string;
59
+ /** Верхняя часть рамки хвостика справа (цвет пузыря) */
60
+ '--chotto-audiomessage-right-arrow-border-top': string;
61
+ /** Слой псевдоэлемента справа */
62
+ '--chotto-audiomessage-right-arrow-z-index': string;
63
+ /** Позиционирование контейнера аудио-плеера */
64
+ '--chotto-audiomessage-audio-container-position': string;
65
+ /** Отображение контейнера аудио-плеера */
66
+ '--chotto-audiomessage-audio-container-display': string;
67
+ /** Шаблон колонок грида плеера */
68
+ '--chotto-audiomessage-audio-container-grid-template-columns': string;
69
+ /** Промежуток между колонками плеера */
70
+ '--chotto-audiomessage-audio-container-column-gap': string;
71
+ /** Максимальная ширина контейнера плеера */
72
+ '--chotto-audiomessage-audio-container-max-width': string;
73
+ /** Скругление контейнера плеера */
74
+ '--chotto-audiomessage-audio-container-border-radius': string;
75
+ /** Внутренние отступы контейнера плеера */
76
+ '--chotto-audiomessage-audio-container-padding': string;
77
+ /** Захват двух колонок в сетке */
78
+ '--chotto-audiomessage-audio-container-grid-column': string;
79
+ /** Граница кнопки play/pause */
80
+ '--chotto-audiomessage-play-pause-border': string;
81
+ /** Курсор кнопки play/pause */
82
+ '--chotto-audiomessage-play-pause-cursor': string;
83
+ /** Позиционирование кнопки play/pause */
84
+ '--chotto-audiomessage-play-pause-position': string;
85
+ /** Ряд грида кнопки play/pause */
86
+ '--chotto-audiomessage-play-pause-grid-row': string;
87
+ /** Ширина кнопки play/pause */
88
+ '--chotto-audiomessage-play-pause-width': string;
89
+ /** Высота кнопки play/pause */
90
+ '--chotto-audiomessage-play-pause-height': string;
91
+ /** Скругление кнопки play/pause */
92
+ '--chotto-audiomessage-play-pause-border-radius': string;
93
+ /** Отображение иконки play/pause */
94
+ '--chotto-audiomessage-play-pause-span-display': string;
95
+ /** Позиционирование иконки play/pause */
96
+ '--chotto-audiomessage-play-pause-span-position': string;
97
+ /** Смещение иконки сверху */
98
+ '--chotto-audiomessage-play-pause-span-top': string;
99
+ /** Смещение иконки слева */
100
+ '--chotto-audiomessage-play-pause-span-left': string;
101
+ /** Трансформация для центрирования иконки */
102
+ '--chotto-audiomessage-play-pause-span-transform': string;
103
+ /** Внешний вид прогресс-бара (webkit) */
104
+ '--chotto-audiomessage-progress-bar-webkit-appearance': string;
105
+ /** Внешний вид прогресс-бара */
106
+ '--chotto-audiomessage-progress-bar-appearance': string;
107
+ /** Курсор над прогресс-баром */
108
+ '--chotto-audiomessage-progress-bar-cursor': string;
109
+ /** Высота прогресс-бара */
110
+ '--chotto-audiomessage-progress-bar-height': string;
111
+ /** Переполнение прогресс-бара */
112
+ '--chotto-audiomessage-progress-bar-overflow': string;
113
+ /** Скругление прогресс-бара */
114
+ '--chotto-audiomessage-progress-bar-border-radius': string;
115
+ /** Отступ сверху прогресс-бара */
116
+ '--chotto-audiomessage-progress-bar-margin-top': string;
117
+ /** Отступ слева прогресс-бара */
118
+ '--chotto-audiomessage-progress-bar-margin-left': string;
119
+ /** Ширина бегунка прогресс-бара */
120
+ '--chotto-audiomessage-progress-bar-thumb-width': string;
121
+ /** Высота бегунка прогресс-бара */
122
+ '--chotto-audiomessage-progress-bar-thumb-height': string;
123
+ /** Внешний вид бегунка */
124
+ '--chotto-audiomessage-progress-bar-thumb-appearance': string;
125
+ /** Граница бегунка */
126
+ '--chotto-audiomessage-progress-bar-thumb-border': string;
127
+ /** Скругление бегунка */
128
+ '--chotto-audiomessage-progress-bar-thumb-border-radius': string;
129
+ /** Тень бегунка (для заливки полосы) */
130
+ '--chotto-audiomessage-progress-bar-thumb-box-shadow': string;
131
+ /** Отображение блока управления плеером */
132
+ '--chotto-audiomessage-player-controls-display': string;
133
+ /** Выравнивание элементов управления плеером */
134
+ '--chotto-audiomessage-player-controls-justify-content': string;
135
+ /** Отображение контейнера кнопок скорости */
136
+ '--chotto-audiomessage-speed-btn-container-display': string;
137
+ /** Промежуток между кнопками скорости */
138
+ '--chotto-audiomessage-speed-btn-container-gap': string;
139
+ /** Отступ справа контейнера кнопок скорости */
140
+ '--chotto-audiomessage-speed-btn-container-margin-right': string;
141
+ /** Цвет фона кнопки скорости */
142
+ '--chotto-audiomessage-speed-btn-background-color': string;
143
+ /** Граница кнопки скорости */
144
+ '--chotto-audiomessage-speed-btn-border': string;
145
+ /** Ширина кнопки скорости */
146
+ '--chotto-audiomessage-speed-btn-width': string;
147
+ /** Толщина шрифта кнопки скорости */
148
+ '--chotto-audiomessage-speed-btn-font-weight': string;
149
+ /** Курсор при наведении на кнопку скорости */
150
+ '--chotto-audiomessage-speed-btn-hover-cursor': string;
151
+ /** Толщина шрифта при наведении */
152
+ '--chotto-audiomessage-speed-btn-hover-font-weight': string;
153
+ /** Толщина шрифта выбранной кнопки */
154
+ '--chotto-audiomessage-speed-btn-selected-font-weight': string;
155
+ /** Колонка грида оставшегося времени */
156
+ '--chotto-audiomessage-remaining-time-grid-column': string;
157
+ /** Отступ снизу у оставшегося времени */
158
+ '--chotto-audiomessage-remaining-time-margin-bottom': string;
159
+ /** Высота контейнера оставшегося времени */
160
+ '--chotto-audiomessage-remaining-time-height': string;
161
+ /** Выравнивание аватара */
162
+ '--chotto-audiomessage-avatar-align-self': string;
163
+ /** Вписывание изображения аватара */
164
+ '--chotto-audiomessage-avatar-object-fit': string;
165
+ /** Колонка грида инфо-контейнера */
166
+ '--chotto-audiomessage-info-container-grid-column': string;
167
+ /** Отступ слева у инфо-контейнера */
168
+ '--chotto-audiomessage-info-container-margin-left': string;
169
+ /** Отображение инфо-контейнера */
170
+ '--chotto-audiomessage-info-container-display': string;
171
+ /** Выравнивание элементов инфо-контейнера */
172
+ '--chotto-audiomessage-info-container-align-items': string;
173
+ /** Промежуток между элементами инфо-контейнера */
174
+ '--chotto-audiomessage-info-container-column-gap': string;
175
+ /** Позиционирование кнопки скачивания */
176
+ '--chotto-audiomessage-download-button-position': string;
177
+ /** Отступ справа кнопки скачивания */
178
+ '--chotto-audiomessage-download-button-right': string;
179
+ /** Отступ сверху кнопки скачивания */
180
+ '--chotto-audiomessage-download-button-top': string;
181
+ /** Отображение кнопки скачивания */
182
+ '--chotto-audiomessage-download-button-display': string;
183
+ /** Выравнивание содержимого кнопки по главной оси */
184
+ '--chotto-audiomessage-download-button-justify-content': string;
185
+ /** Выравнивание содержимого кнопки по поперечной оси */
186
+ '--chotto-audiomessage-download-button-align-items': string;
187
+ /** Граница кнопки скачивания */
188
+ '--chotto-audiomessage-download-button-border': string;
189
+ /** Скругление кнопки скачивания */
190
+ '--chotto-audiomessage-download-button-border-radius': string;
191
+ /** Прозрачный фон кнопки скачивания */
192
+ '--chotto-audiomessage-download-button-background-color': string;
193
+ /** Внутренние отступы кнопки скачивания */
194
+ '--chotto-audiomessage-download-button-padding': string;
195
+ /** Курсор кнопки скачивания */
196
+ '--chotto-audiomessage-download-button-cursor': string;
197
+ /** Отображение статуса */
198
+ '--chotto-audiomessage-status-display': string;
199
+ /** Отображение блока просмотров */
200
+ '--chotto-audiomessage-views-display': string;
201
+ /** Выравнивание элементов блока просмотров */
202
+ '--chotto-audiomessage-views-align-items': string;
203
+ /** Промежуток между элементами блока просмотров */
204
+ '--chotto-audiomessage-views-column-gap': string;
205
+ /** Позиционирование кнопки меню */
206
+ '--chotto-audiomessage-menu-button-position': string;
207
+ /** Фон кнопки меню */
208
+ '--chotto-audiomessage-menu-button-background-color': string;
209
+ /** Граница кнопки меню */
210
+ '--chotto-audiomessage-menu-button-border': string;
211
+ /** Трансформация кнопки меню по оси Y */
212
+ '--chotto-audiomessage-menu-button-transform': string;
213
+ /** Курсор кнопки меню */
214
+ '--chotto-audiomessage-menu-button-cursor': string;
215
+ /** Переход кнопки меню */
216
+ '--chotto-audiomessage-menu-button-transition': string;
217
+ /** Позиционирование контекстного меню */
218
+ '--chotto-audiomessage-context-menu-position': string;
219
+ /** Колонка грида текстового контейнера */
220
+ '--chotto-audiomessage-text-container-grid-column': string;
221
+ /** Перенос слов в текстовом контейнере */
222
+ '--chotto-audiomessage-text-container-word-wrap': string;
223
+ /** Максимальная ширина текстового контейнера */
224
+ '--chotto-audiomessage-text-container-max-width': string;
225
+ /** Колонка грида превью ссылки */
226
+ '--chotto-audiomessage-link-preview-grid-column': string;
227
+ /** Позиционирование контейнера транскрипта */
228
+ '--chotto-audiomessage-transcript-container-position': string;
229
+ /** Левый внутренний отступ транскрипта */
230
+ '--chotto-audiomessage-transcript-container-padding-left': string;
231
+ /** Отступ снизу транскрипта */
232
+ '--chotto-audiomessage-transcript-container-margin-bottom': string;
233
+ /** Курсор транскрипта */
234
+ '--chotto-audiomessage-transcript-container-cursor': string;
235
+ /** Запрет выделения текста транскрипта */
236
+ '--chotto-audiomessage-transcript-container-user-select': string;
237
+ /** Контент псевдоэлемента разделителя */
238
+ '--chotto-audiomessage-transcript-delimiter-content': string;
239
+ /** Позиционирование разделителя */
240
+ '--chotto-audiomessage-transcript-delimiter-position': string;
241
+ /** Смещение сверху разделителя */
242
+ '--chotto-audiomessage-transcript-delimiter-top': string;
243
+ /** Смещение слева разделителя */
244
+ '--chotto-audiomessage-transcript-delimiter-left': string;
245
+ /** Трансформация разделителя по Y */
246
+ '--chotto-audiomessage-transcript-delimiter-transform': string;
247
+ /** Ширина разделителя */
248
+ '--chotto-audiomessage-transcript-delimiter-width': string;
249
+ /** Высота разделителя */
250
+ '--chotto-audiomessage-transcript-delimiter-height': string;
251
+ /** Скругление разделителя */
252
+ '--chotto-audiomessage-transcript-delimiter-border-radius': string;
253
+ /** Отображение общего контейнера лево/право */
254
+ '--chotto-audiomessage-left-right-display': string;
255
+ /** Шаблон колонок левой раскладки */
256
+ '--chotto-audiomessage-left-grid-template-columns': string;
257
+ /** Колонка грида аватара слева */
258
+ '--chotto-audiomessage-left-avatar-grid-column': string;
259
+ /** Ряд грида аватара слева */
260
+ '--chotto-audiomessage-left-avatar-grid-row': string;
261
+ /** Отступ справа от аватара слева */
262
+ '--chotto-audiomessage-left-avatar-margin-right': string;
263
+ /** Колонка грида подписи слева */
264
+ '--chotto-audiomessage-left-subtext-grid-column': string;
265
+ /** Ряд грида подписи слева */
266
+ '--chotto-audiomessage-left-subtext-grid-row': string;
267
+ /** Внешние отступы подписи слева */
268
+ '--chotto-audiomessage-left-subtext-margin': string;
269
+ /** Колонка грида контента слева */
270
+ '--chotto-audiomessage-left-content-grid-column': string;
271
+ /** Отступ контента слева с учётом аватара */
272
+ '--chotto-audiomessage-left-content-avatar-indent-margin-left': string;
273
+ /** Положение кнопки меню слева (top) */
274
+ '--chotto-audiomessage-left-menu-button-top': string;
275
+ /** Положение кнопки меню слева (right) */
276
+ '--chotto-audiomessage-left-menu-button-right': string;
277
+ /** Позиция контекстного меню слева (top) */
278
+ '--chotto-audiomessage-left-context-menu-top': string;
279
+ /** Позиция контекстного меню слева (left) */
280
+ '--chotto-audiomessage-left-context-menu-left': string;
281
+ /** Отступ контекстного меню слева сверху */
282
+ '--chotto-audiomessage-left-context-menu-margin-top': string;
283
+ /** Шаблон колонок правой раскладки */
284
+ '--chotto-audiomessage-right-grid-template-columns': string;
285
+ /** Колонка грида аватара справа */
286
+ '--chotto-audiomessage-right-avatar-grid-column': string;
287
+ /** Ряд грида аватара справа */
288
+ '--chotto-audiomessage-right-avatar-grid-row': string;
289
+ /** Отступ слева от аватара справа */
290
+ '--chotto-audiomessage-right-avatar-margin-left': string;
291
+ /** Колонка грида подписи справа */
292
+ '--chotto-audiomessage-right-subtext-grid-column': string;
293
+ /** Ряд грида подписи справа */
294
+ '--chotto-audiomessage-right-subtext-grid-row': string;
295
+ /** Внешние отступы подписи справа */
296
+ '--chotto-audiomessage-right-subtext-margin': string;
297
+ /** Колонка грида контента справа */
298
+ '--chotto-audiomessage-right-content-grid-column': string;
299
+ /** Выравнивание контента справа */
300
+ '--chotto-audiomessage-right-content-margin-left': string;
301
+ /** Отступ контента справа с учётом аватара */
302
+ '--chotto-audiomessage-right-content-avatar-indent-margin-right': string;
303
+ /** Положение кнопки меню справа (top) */
304
+ '--chotto-audiomessage-right-menu-button-top': string;
305
+ /** Положение кнопки меню справа (left) */
306
+ '--chotto-audiomessage-right-menu-button-left': string;
307
+ /** Позиция контекстного меню справа (top) */
308
+ '--chotto-audiomessage-right-context-menu-top': string;
309
+ /** Позиция контекстного меню справа (right) */
310
+ '--chotto-audiomessage-right-context-menu-right': string;
311
+ /** Отступ контекстного меню справа сверху */
312
+ '--chotto-audiomessage-right-context-menu-margin-top': string;
313
+ /** Позиционирование модального окна */
314
+ '--chotto-audiomessage-modal-position': string;
315
+ /** Отступ сверху модального окна */
316
+ '--chotto-audiomessage-modal-top': string;
317
+ /** Отступ слева модального окна */
318
+ '--chotto-audiomessage-modal-left': string;
319
+ /** Трансформация модального окна */
320
+ '--chotto-audiomessage-modal-transform': string;
321
+ /** Слой модального окна */
322
+ '--chotto-audiomessage-modal-z-index': string;
323
+ /** Максимальная ширина модального окна */
324
+ '--chotto-audiomessage-modal-max-width': string;
325
+ /** Позиционирование оверлея */
326
+ '--chotto-audiomessage-modal-overlay-position': string;
327
+ /** Отступ сверху оверлея */
328
+ '--chotto-audiomessage-modal-overlay-top': string;
329
+ /** Отступ слева оверлея */
330
+ '--chotto-audiomessage-modal-overlay-left': string;
331
+ /** Отступ справа оверлея */
332
+ '--chotto-audiomessage-modal-overlay-right': string;
333
+ /** Отступ снизу оверлея */
334
+ '--chotto-audiomessage-modal-overlay-bottom': string;
335
+ /** Слой оверлея */
336
+ '--chotto-audiomessage-modal-overlay-z-index': string;
337
+ /** Отображение кнопки закрытия */
338
+ '--chotto-audiomessage-modal-close-button-display': string;
339
+ /** Фон кнопки закрытия */
340
+ '--chotto-audiomessage-modal-close-button-background-color': string;
341
+ /** Граница кнопки закрытия */
342
+ '--chotto-audiomessage-modal-close-button-border': string;
343
+ /** Внутренние отступы кнопки закрытия */
344
+ '--chotto-audiomessage-modal-close-button-padding': string;
345
+ /** Внешние отступы кнопки закрытия */
346
+ '--chotto-audiomessage-modal-close-button-margin': string;
347
+ /** Курсор кнопки закрытия */
348
+ '--chotto-audiomessage-modal-close-button-cursor': string;
349
+ /** Переход появления/скрытия */
350
+ '--chotto-audiomessage-v-enter-active-transition': string;
351
+ /** Переход скрытия */
352
+ '--chotto-audiomessage-v-leave-active-transition': string;
353
+ /** Стартовая трансформация при появлении/скрытии */
354
+ '--chotto-audiomessage-v-enter-leave-transform': string;
355
+ /** Стартовая прозрачность при появлении/скрытии */
356
+ '--chotto-audiomessage-v-enter-leave-opacity': string;
357
+ /** Переход модального окна */
358
+ '--chotto-audiomessage-modal-fade-transition': string;
359
+ /** Прозрачность модального окна */
360
+ '--chotto-audiomessage-modal-fade-opacity': string;
361
+ /** Скругление контейнера контента */
362
+ '--chotto-audiomessage-content-border-radius': string;
363
+ /** Цвет фона левого пузыря */
364
+ '--chotto-audiomessage-left-background-color': string;
365
+ /** Цвет фона правого пузыря */
366
+ '--chotto-audiomessage-right-background-color': string;
367
+ /** Цвет фона иконки типа сообщения (play/pause) */
368
+ '--chotto-audiomessage-type-icon-background-color': string;
369
+ /** Размер иконки типа сообщения (play/pause) */
370
+ '--chotto-audiomessage-type-icon-font-size': string;
371
+ /** Цвет иконки типа сообщения (play/pause) */
372
+ '--chotto-audiomessage-type-icon-color': string;
373
+ /** Размер шрифта кнопки скорости */
374
+ '--chotto-audiomessage-speed-btn-font-size': string;
375
+ /** Размер шрифта оставшегося времени */
376
+ '--chotto-audiomessage-remaining-time-font-size': string;
377
+ /** Размер шрифта подписи */
378
+ '--chotto-audiomessage-subtext-font-size': string;
379
+ /** Цвет текста подписи */
380
+ '--chotto-audiomessage-subtext-text-color': string;
381
+ /** Цвет иконки кнопки скачивания */
382
+ '--chotto-audiomessage-download-button-icon-color': string;
383
+ /** Размер иконки кнопки скачивания */
384
+ '--chotto-audiomessage-download-button-icon-size': string;
385
+ /** Цвет статуса доставлено */
386
+ '--chotto-audiomessage-status-color-received': string;
387
+ /** Цвет статуса прочитано */
388
+ '--chotto-audiomessage-status-color-read': string;
389
+ /** Размер малого текста-иконки */
390
+ '--chotto-audiomessage-small-text-icon-size': string;
391
+ /** Цвет иконки/текста (span) просмотров */
392
+ '--chotto-audiomessage-views-icon-text-color': string;
393
+ /** Размер малого текста (p) просмотров */
394
+ '--chotto-audiomessage-small-text-font-size': string;
395
+ /** Цвет малого текста (p) просмотров */
396
+ '--chotto-audiomessage-views-text-color': string;
397
+ /** Размер шрифта времени */
398
+ '--chotto-audiomessage-time-font-size': string;
399
+ /** Цвет текста времени */
400
+ '--chotto-audiomessage-time-text-color': string;
401
+ /** Цвет иконки кнопки меню */
402
+ '--chotto-audiomessage-menu-button-icon-color': string;
403
+ /** Размер иконки кнопки меню */
404
+ '--chotto-audiomessage-menu-button-icon-size': string;
405
+ /** Цвет иконки кнопки меню при наведении */
406
+ '--chotto-audiomessage-menu-button-icon-color-hover': string;
407
+ /** Размер шрифта в текстовом контейнере */
408
+ '--chotto-audiomessage-text-font-size': string;
409
+ /** Цвет текста транскрипта */
410
+ '--chotto-audiomessage-transcript-text-color': string;
411
+ /** Внешний отступ общего контейнера */
412
+ '--chotto-audiomessage-message-margin': string;
413
+ /** Семейство шрифта модального окна */
414
+ '--chotto-audiomessage-modal-font-family': string;
415
+ /** Жирность шрифта модального окна */
416
+ '--chotto-audiomessage-modal-font-weight': string;
417
+ /** Размер шрифта модального окна */
418
+ '--chotto-audiomessage-modal-font-size': string;
419
+ /** Цвет текста модального окна */
420
+ '--chotto-audiomessage-modal-text-color': string;
421
+ /** Фон модального окна */
422
+ '--chotto-audiomessage-modal-background-color': string;
423
+ /** Радиус модального окна */
424
+ '--chotto-audiomessage-modal-border-radius': string;
425
+ /** Отступы модального окна */
426
+ '--chotto-audiomessage-modal-padding': string;
427
+ /** Тень модального окна */
428
+ '--chotto-audiomessage-modal-overlay-shadow': string;
429
+ /** Размер шрифта заголовка модала */
430
+ '--chotto-audiomessage-modal-title-font-size': string;
431
+ /** Цвет маски оверлея */
432
+ '--chotto-audiomessage-modal-mask-background': string;
433
+ /** Цвет иконки кнопки закрытия */
434
+ '--chotto-audiomessage-modal-close-button-icon-color': string;
435
+ /** Размер иконки кнопки закрытия */
436
+ '--chotto-audiomessage-modal-close-button-icon-size': string;
437
+ }
@@ -2,6 +2,7 @@ import { IFeedObject } from '../../../../../types';
2
2
  declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
3
3
  message: {
4
4
  type: () => IFeedObject;
5
+ default: () => IFeedObject;
5
6
  };
6
7
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
7
8
  reset: (...args: any[]) => void;
@@ -10,10 +11,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
10
11
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
11
12
  message: {
12
13
  type: () => IFeedObject;
14
+ default: () => IFeedObject;
13
15
  };
14
16
  }>> & Readonly<{
15
17
  onReset?: ((...args: any[]) => any) | undefined;
16
18
  onReply?: ((...args: any[]) => any) | undefined;
17
19
  onAction?: ((...args: any[]) => any) | undefined;
18
- }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
20
+ }>, {
21
+ message: IFeedObject;
22
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
19
23
  export default _default;
@@ -0,0 +1,73 @@
1
+ /**
2
+ * CSS variables for BaseReplyMessage component
3
+ */
4
+ export interface BaseReplyMessageThemeCSSVariables {
5
+ /** Цвет акцентной линии ответа */
6
+ '--chotto-basereplymessage-accent-line-color': string;
7
+ /** Вторичный фон слева */
8
+ '--chotto-basereplymessage-left-secondary-bg': string;
9
+ /** Вторичный фон справа */
10
+ '--chotto-basereplymessage-right-secondary-bg': string;
11
+ /** Цвет границы элементов */
12
+ '--chotto-basereplymessage-item-border-color': string;
13
+ /** Позиционирование контейнера */
14
+ '--chotto-basereplymessage-container-position': string;
15
+ /** Внутренние отступы контейнера */
16
+ '--chotto-basereplymessage-container-padding': string;
17
+ /** Скругление контейнера */
18
+ '--chotto-basereplymessage-container-border-radius': string;
19
+ /** Переполнение контейнера */
20
+ '--chotto-basereplymessage-container-overflow': string;
21
+ /** Отступ снизу контейнера */
22
+ '--chotto-basereplymessage-container-margin-bottom': string;
23
+ /** Контент псевдоэлемента перед контейнером */
24
+ '--chotto-basereplymessage-container-before-content': string;
25
+ /** Позиционирование псевдоэлемента */
26
+ '--chotto-basereplymessage-container-before-position': string;
27
+ /** Смещение сверху псевдоэлемента */
28
+ '--chotto-basereplymessage-container-before-top': string;
29
+ /** Смещение слева псевдоэлемента */
30
+ '--chotto-basereplymessage-container-before-left': string;
31
+ /** Ширина псевдоэлемента */
32
+ '--chotto-basereplymessage-container-before-width': string;
33
+ /** Высота псевдоэлемента */
34
+ '--chotto-basereplymessage-container-before-height': string;
35
+ /** Отображение кнопки сброса */
36
+ '--chotto-basereplymessage-reset-display': string;
37
+ /** Позиционирование кнопки сброса */
38
+ '--chotto-basereplymessage-reset-position': string;
39
+ /** Отступ справа кнопки сброса */
40
+ '--chotto-basereplymessage-reset-right': string;
41
+ /** Отступ сверху кнопки сброса */
42
+ '--chotto-basereplymessage-reset-top': string;
43
+ /** Курсор при наведении на кнопку сброса */
44
+ '--chotto-basereplymessage-reset-hover-cursor': string;
45
+ /** Отображение сетки */
46
+ '--chotto-basereplymessage-grid-display': string;
47
+ /** Шаблон колонок сетки */
48
+ '--chotto-basereplymessage-grid-template-columns': string;
49
+ /** Промежуток между колонками сетки */
50
+ '--chotto-basereplymessage-grid-column-gap': string;
51
+ /** Внутренние отступы сетки */
52
+ '--chotto-basereplymessage-grid-padding': string;
53
+ /** Правый внутренний отступ блока ответа в инпуте */
54
+ '--chotto-basereplymessage-chat-input-reply-padding-right': string;
55
+ /** Граница блока ответа в инпуте */
56
+ '--chotto-basereplymessage-chat-input-reply-border': string;
57
+ /** Скругление блока ответа в инпуте */
58
+ '--chotto-basereplymessage-chat-input-reply-border-radius': string;
59
+ /** Перенос слов в блоке ответа в инпуте */
60
+ '--chotto-basereplymessage-chat-input-reply-word-break': string;
61
+ /** Отступ снизу блока ответа в инпуте */
62
+ '--chotto-basereplymessage-chat-input-reply-margin-bottom': string;
63
+ /** Размер шрифта кнопки сброса */
64
+ '--chotto-basereplymessage-chat-input-reset-font-size': string;
65
+ /** Отображение кнопки сброса */
66
+ '--chotto-basereplymessage-chat-input-reset-display': string;
67
+ /** Высота кнопки сброса */
68
+ '--chotto-basereplymessage-chat-input-reset-height': string;
69
+ /** Отступ справа у кнопки сброса */
70
+ '--chotto-basereplymessage-chat-input-reset-margin-right': string;
71
+ /** Внешние отступы спана внутри кнопки сброса */
72
+ '--chotto-basereplymessage-chat-input-reset-span-margin': string;
73
+ }