@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,83 @@
1
+ /**
2
+ * CSS переменные для компонента AdaptiveExtendedLayout
3
+ */
4
+ export interface AdaptiveExtendedLayoutThemeCSSVariables {
5
+ /** Высота контейнера адаптивного расширенного макета */
6
+ '--chotto-adaptiveextendedlayout-container-height': string;
7
+ /** Отображение контейнера адаптивного расширенного макета */
8
+ '--chotto-adaptiveextendedlayout-container-display': string;
9
+ /** Переход контейнера адаптивного расширенного макета */
10
+ '--chotto-adaptiveextendedlayout-container-transition': string;
11
+ /** Позиционирование контейнера адаптивного расширенного макета */
12
+ '--chotto-adaptiveextendedlayout-container-position': string;
13
+ /** Верхняя граница контейнера адаптивного расширенного макета */
14
+ '--chotto-adaptiveextendedlayout-container-border-top': string;
15
+ /** Левая граница контейнера адаптивного расширенного макета */
16
+ '--chotto-adaptiveextendedlayout-container-border-left': string;
17
+ /** Колонки сетки контейнера адаптивного расширенного макета для десктопа */
18
+ '--chotto-adaptiveextendedlayout-container-desktop-grid-template-columns': string;
19
+ /** Колонки сетки контейнера адаптивного расширенного макета для планшета */
20
+ '--chotto-adaptiveextendedlayout-container-tablet-grid-template-columns': string;
21
+ /** Колонки сетки контейнера адаптивного расширенного макета для мобильных устройств */
22
+ '--chotto-adaptiveextendedlayout-container-mobile-grid-template-columns': string;
23
+ /** Позиционирование первой колонки */
24
+ '--chotto-adaptiveextendedlayout-first-col-position': string;
25
+ /** Колонка сетки первой колонки */
26
+ '--chotto-adaptiveextendedlayout-first-col-grid-column': string;
27
+ /** Отображение первой колонки */
28
+ '--chotto-adaptiveextendedlayout-first-col-display': string;
29
+ /** Направление флекс-элементов первой колонки */
30
+ '--chotto-adaptiveextendedlayout-first-col-flex-direction': string;
31
+ /** Высота первой колонки */
32
+ '--chotto-adaptiveextendedlayout-first-col-height': string;
33
+ /** Правая граница первой колонки */
34
+ '--chotto-adaptiveextendedlayout-first-col-border-right': string;
35
+ /** Нижняя граница первой колонки */
36
+ '--chotto-adaptiveextendedlayout-first-col-border-bottom': string;
37
+ /** Цвет фона первой колонки */
38
+ '--chotto-adaptiveextendedlayout-first-col-background-color': string;
39
+ /** Отображение первой колонки на мобильных устройствах */
40
+ '--chotto-adaptiveextendedlayout-first-col-mobile-display': string;
41
+ /** Позиционирование второй колонки */
42
+ '--chotto-adaptiveextendedlayout-second-col-position': string;
43
+ /** Колонка сетки второй колонки */
44
+ '--chotto-adaptiveextendedlayout-second-col-grid-column': string;
45
+ /** Отображение второй колонки */
46
+ '--chotto-adaptiveextendedlayout-second-col-display': string;
47
+ /** Направление флекс-элементов второй колонки */
48
+ '--chotto-adaptiveextendedlayout-second-col-flex-direction': string;
49
+ /** Высота второй колонки */
50
+ '--chotto-adaptiveextendedlayout-second-col-height': string;
51
+ /** Переполнение второй колонки */
52
+ '--chotto-adaptiveextendedlayout-second-col-overflow': string;
53
+ /** Правая граница второй колонки */
54
+ '--chotto-adaptiveextendedlayout-second-col-border-right': string;
55
+ /** Нижняя граница второй колонки */
56
+ '--chotto-adaptiveextendedlayout-second-col-border-bottom': string;
57
+ /** Цвет фона второй колонки */
58
+ '--chotto-adaptiveextendedlayout-second-col-background-color': string;
59
+ /** Позиционирование третьей колонки */
60
+ '--chotto-adaptiveextendedlayout-third-col-position': string;
61
+ /** Отображение третьей колонки */
62
+ '--chotto-adaptiveextendedlayout-third-col-display': string;
63
+ /** Направление флекс-элементов третьей колонки */
64
+ '--chotto-adaptiveextendedlayout-third-col-flex-direction': string;
65
+ /** Колонка сетки третьей колонки */
66
+ '--chotto-adaptiveextendedlayout-third-col-grid-column': string;
67
+ /** Высота третьей колонки */
68
+ '--chotto-adaptiveextendedlayout-third-col-height': string;
69
+ /** Правая граница третьей колонки */
70
+ '--chotto-adaptiveextendedlayout-third-col-border-right': string;
71
+ /** Нижняя граница третьей колонки */
72
+ '--chotto-adaptiveextendedlayout-third-col-border-bottom': string;
73
+ /** Цвет фона третьей колонки */
74
+ '--chotto-adaptiveextendedlayout-third-col-background-color': string;
75
+ /** Ширина третьей колонки */
76
+ '--chotto-adaptiveextendedlayout-third-col-width': string;
77
+ /** Переход для активного состояния Vue Transition */
78
+ '--chotto-adaptiveextendedlayout-transition-enter-active-transition': string;
79
+ /** Непрозрачность для активного состояния Vue Transition */
80
+ '--chotto-adaptiveextendedlayout-transition-enter-active-opacity': string;
81
+ /** Непрозрачность для начального состояния Vue Transition */
82
+ '--chotto-adaptiveextendedlayout-transition-enter-from-opacity': string;
83
+ }
@@ -0,0 +1,63 @@
1
+ /**
2
+ * CSS переменные для компонента BaseLayout
3
+ */
4
+ export interface BaseLayoutThemeCSSVariables {
5
+ /** Высота контейнера базового макета */
6
+ '--chotto-baselayout-container-height': string;
7
+ /** Ширина контейнера базового макета */
8
+ '--chotto-baselayout-container-width': string;
9
+ /** Отображение контейнера базового макета */
10
+ '--chotto-baselayout-container-display': string;
11
+ /** Колонки сетки контейнера базового макета */
12
+ '--chotto-baselayout-container-grid-template-columns': string;
13
+ /** Переход контейнера базового макета */
14
+ '--chotto-baselayout-container-transition': string;
15
+ /** Позиционирование контейнера базового макета */
16
+ '--chotto-baselayout-container-position': string;
17
+ /** Верхняя граница контейнера базового макета */
18
+ '--chotto-baselayout-container-border-top': string;
19
+ /** Левая граница контейнера базового макета */
20
+ '--chotto-baselayout-container-border-left': string;
21
+ /** Позиционирование первой колонки */
22
+ '--chotto-baselayout-first-col-position': string;
23
+ /** Колонка сетки первой колонки */
24
+ '--chotto-baselayout-first-col-grid-column': string;
25
+ /** Отображение первой колонки */
26
+ '--chotto-baselayout-first-col-display': string;
27
+ /** Направление флекс-элементов первой колонки */
28
+ '--chotto-baselayout-first-col-flex-direction': string;
29
+ /** Высота первой колонки */
30
+ '--chotto-baselayout-first-col-height': string;
31
+ /** Цвет фона первой колонки */
32
+ '--chotto-baselayout-first-col-background-color': string;
33
+ /** Правая граница первой колонки */
34
+ '--chotto-baselayout-first-col-border-right': string;
35
+ /** Нижняя граница первой колонки */
36
+ '--chotto-baselayout-first-col-border-bottom': string;
37
+ /** Ширина первой колонки */
38
+ '--chotto-baselayout-first-col-width': string;
39
+ /** Позиционирование второй колонки */
40
+ '--chotto-baselayout-second-col-position': string;
41
+ /** Отображение второй колонки */
42
+ '--chotto-baselayout-second-col-display': string;
43
+ /** Направление флекс-элементов второй колонки */
44
+ '--chotto-baselayout-second-col-flex-direction': string;
45
+ /** Колонка сетки второй колонки */
46
+ '--chotto-baselayout-second-col-grid-column': string;
47
+ /** Высота второй колонки */
48
+ '--chotto-baselayout-second-col-height': string;
49
+ /** Ширина второй колонки */
50
+ '--chotto-baselayout-second-col-width': string;
51
+ /** Цвет фона второй колонки */
52
+ '--chotto-baselayout-second-col-background-color': string;
53
+ /** Правая граница второй колонки */
54
+ '--chotto-baselayout-second-col-border-right': string;
55
+ /** Нижняя граница второй колонки */
56
+ '--chotto-baselayout-second-col-border-bottom': string;
57
+ /** Переход для активного состояния Vue Transition */
58
+ '--chotto-baselayout-transition-enter-active-transition': string;
59
+ /** Непрозрачность для активного состояния Vue Transition */
60
+ '--chotto-baselayout-transition-enter-active-opacity': string;
61
+ /** Непрозрачность для начального состояния Vue Transition */
62
+ '--chotto-baselayout-transition-enter-from-opacity': string;
63
+ }
@@ -0,0 +1,43 @@
1
+ /**
2
+ * CSS переменные для компонента ChatWrapper
3
+ */
4
+ export interface ChatWrapperThemeCSSVariables {
5
+ /** Отображение обертки чата */
6
+ '--chotto-chatwrapper-display': string;
7
+ /** Высота обертки чата */
8
+ '--chotto-chatwrapper-height': string;
9
+ /** Ширина обертки чата */
10
+ '--chotto-chatwrapper-width': string;
11
+ /** Выравнивание элементов обертки чата по вертикали */
12
+ '--chotto-chatwrapper-align-items': string;
13
+ /** Высота выбранного чата */
14
+ '--chotto-chatwrapper-selected-chat-height': string;
15
+ /** Ширина выбранного чата */
16
+ '--chotto-chatwrapper-selected-chat-width': string;
17
+ /** Отображение выбранного чата */
18
+ '--chotto-chatwrapper-selected-chat-display': string;
19
+ /** Направление флекс-элементов выбранного чата */
20
+ '--chotto-chatwrapper-selected-chat-flex-direction': string;
21
+ /** Выравнивание элементов выбранного чата по вертикали */
22
+ '--chotto-chatwrapper-selected-chat-align-items': string;
23
+ /** Цвет фона панели чата */
24
+ '--chotto-chatwrapper-chat-panel-background-color': string;
25
+ /** Левая граница панели чата */
26
+ '--chotto-chatwrapper-chat-panel-border-left': string;
27
+ /** Правая граница панели чата */
28
+ '--chotto-chatwrapper-chat-panel-border-right': string;
29
+ /** Радиус границы панели чата */
30
+ '--chotto-chatwrapper-chat-panel-border-radius': string;
31
+ /** Позиционирование панели чата */
32
+ '--chotto-chatwrapper-chat-panel-position': string;
33
+ /** Высота панели чата */
34
+ '--chotto-chatwrapper-chat-panel-height': string;
35
+ /** Z-index панели чата */
36
+ '--chotto-chatwrapper-chat-panel-z-index': string;
37
+ /** Ширина панели чата */
38
+ '--chotto-chatwrapper-chat-panel-width': string;
39
+ /** Левая позиция панели чата */
40
+ '--chotto-chatwrapper-chat-panel-left': string;
41
+ /** Отступы панели чата */
42
+ '--chotto-chatwrapper-chat-panel-padding': string;
43
+ }
@@ -0,0 +1,79 @@
1
+ /**
2
+ * CSS переменные для компонента ExtendedLayout
3
+ */
4
+ export interface ExtendedLayoutThemeCSSVariables {
5
+ /** Высота контейнера расширенного макета */
6
+ '--chotto-extendedlayout-container-height': string;
7
+ /** Отображение контейнера расширенного макета */
8
+ '--chotto-extendedlayout-container-display': string;
9
+ /** Колонки сетки контейнера расширенного макета */
10
+ '--chotto-extendedlayout-container-grid-template-columns': string;
11
+ /** Переход контейнера расширенного макета */
12
+ '--chotto-extendedlayout-container-transition': string;
13
+ /** Позиционирование контейнера расширенного макета */
14
+ '--chotto-extendedlayout-container-position': string;
15
+ /** Верхняя граница контейнера расширенного макета */
16
+ '--chotto-extendedlayout-container-border-top': string;
17
+ /** Левая граница контейнера расширенного макета */
18
+ '--chotto-extendedlayout-container-border-left': string;
19
+ /** Позиционирование первой колонки */
20
+ '--chotto-extendedlayout-first-col-position': string;
21
+ /** Колонка сетки первой колонки */
22
+ '--chotto-extendedlayout-first-col-grid-column': string;
23
+ /** Отображение первой колонки */
24
+ '--chotto-extendedlayout-first-col-display': string;
25
+ /** Направление флекс-элементов первой колонки */
26
+ '--chotto-extendedlayout-first-col-flex-direction': string;
27
+ /** Высота первой колонки */
28
+ '--chotto-extendedlayout-first-col-height': string;
29
+ /** Ширина первой колонки */
30
+ '--chotto-extendedlayout-first-col-width': string;
31
+ /** Правая граница первой колонки */
32
+ '--chotto-extendedlayout-first-col-border-right': string;
33
+ /** Нижняя граница первой колонки */
34
+ '--chotto-extendedlayout-first-col-border-bottom': string;
35
+ /** Цвет фона первой колонки */
36
+ '--chotto-extendedlayout-first-col-background-color': string;
37
+ /** Позиционирование второй колонки */
38
+ '--chotto-extendedlayout-second-col-position': string;
39
+ /** Колонка сетки второй колонки */
40
+ '--chotto-extendedlayout-second-col-grid-column': string;
41
+ /** Отображение второй колонки */
42
+ '--chotto-extendedlayout-second-col-display': string;
43
+ /** Направление флекс-элементов второй колонки */
44
+ '--chotto-extendedlayout-second-col-flex-direction': string;
45
+ /** Высота второй колонки */
46
+ '--chotto-extendedlayout-second-col-height': string;
47
+ /** Ширина второй колонки */
48
+ '--chotto-extendedlayout-second-col-width': string;
49
+ /** Переполнение второй колонки */
50
+ '--chotto-extendedlayout-second-col-overflow': string;
51
+ /** Правая граница второй колонки */
52
+ '--chotto-extendedlayout-second-col-border-right': string;
53
+ /** Нижняя граница второй колонки */
54
+ '--chotto-extendedlayout-second-col-border-bottom': string;
55
+ /** Цвет фона второй колонки */
56
+ '--chotto-extendedlayout-second-col-background-color': string;
57
+ /** Позиционирование третьей колонки */
58
+ '--chotto-extendedlayout-third-col-position': string;
59
+ /** Отображение третьей колонки */
60
+ '--chotto-extendedlayout-third-col-display': string;
61
+ /** Направление флекс-элементов третьей колонки */
62
+ '--chotto-extendedlayout-third-col-flex-direction': string;
63
+ /** Колонка сетки третьей колонки */
64
+ '--chotto-extendedlayout-third-col-grid-column': string;
65
+ /** Высота третьей колонки */
66
+ '--chotto-extendedlayout-third-col-height': string;
67
+ /** Правая граница третьей колонки */
68
+ '--chotto-extendedlayout-third-col-border-right': string;
69
+ /** Нижняя граница третьей колонки */
70
+ '--chotto-extendedlayout-third-col-border-bottom': string;
71
+ /** Цвет фона третьей колонки */
72
+ '--chotto-extendedlayout-third-col-background-color': string;
73
+ /** Переход для активного состояния Vue Transition */
74
+ '--chotto-extendedlayout-transition-enter-active-transition': string;
75
+ /** Непрозрачность для активного состояния Vue Transition */
76
+ '--chotto-extendedlayout-transition-enter-active-opacity': string;
77
+ /** Непрозрачность для начального состояния Vue Transition */
78
+ '--chotto-extendedlayout-transition-enter-from-opacity': string;
79
+ }
@@ -0,0 +1,33 @@
1
+ /**
2
+ * CSS переменные для компонента FeedLayout
3
+ */
4
+ export interface FeedLayoutThemeCSSVariables {
5
+ /** Высота контейнера макета ленты */
6
+ '--chotto-feedlayout-container-height': string;
7
+ /** Отображение контейнера макета ленты */
8
+ '--chotto-feedlayout-container-display': string;
9
+ /** Колонки сетки контейнера макета ленты */
10
+ '--chotto-feedlayout-container-grid-template-columns': string;
11
+ /** Переход контейнера макета ленты */
12
+ '--chotto-feedlayout-container-transition': string;
13
+ /** Позиционирование контейнера макета ленты */
14
+ '--chotto-feedlayout-container-position': string;
15
+ /** Позиционирование первой колонки */
16
+ '--chotto-feedlayout-first-col-position': string;
17
+ /** Колонка сетки первой колонки */
18
+ '--chotto-feedlayout-first-col-grid-column': string;
19
+ /** Отображение первой колонки */
20
+ '--chotto-feedlayout-first-col-display': string;
21
+ /** Направление флекс-элементов первой колонки */
22
+ '--chotto-feedlayout-first-col-flex-direction': string;
23
+ /** Высота первой колонки */
24
+ '--chotto-feedlayout-first-col-height': string;
25
+ /** Цвет фона первой колонки */
26
+ '--chotto-feedlayout-first-col-background-color': string;
27
+ /** Переход для активного состояния Vue Transition */
28
+ '--chotto-feedlayout-transition-enter-active-transition': string;
29
+ /** Непрозрачность для активного состояния Vue Transition */
30
+ '--chotto-feedlayout-transition-enter-active-opacity': string;
31
+ /** Непрозрачность для начального состояния Vue Transition */
32
+ '--chotto-feedlayout-transition-enter-from-opacity': string;
33
+ }
@@ -3,14 +3,14 @@ declare const _default: import("vue").DefineComponent<{}, {
3
3
  filter: Function;
4
4
  title: string;
5
5
  name: string;
6
- contacts: unknown[];
7
6
  channels: unknown[];
7
+ contacts: unknown[];
8
8
  $props: {
9
9
  readonly filter?: Function | undefined;
10
10
  readonly title?: string | undefined;
11
11
  readonly name?: string | undefined;
12
- readonly contacts?: unknown[] | undefined;
13
12
  readonly channels?: unknown[] | undefined;
13
+ readonly contacts?: unknown[] | undefined;
14
14
  };
15
15
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
16
16
  export default _default;
@@ -6,14 +6,14 @@ declare const meta: {
6
6
  filter: Function;
7
7
  title: string;
8
8
  name: string;
9
- contacts: unknown[];
10
9
  channels: unknown[];
10
+ contacts: unknown[];
11
11
  $props: {
12
12
  readonly filter?: Function | undefined;
13
13
  readonly title?: string | undefined;
14
14
  readonly name?: string | undefined;
15
- readonly contacts?: unknown[] | undefined;
16
15
  readonly channels?: unknown[] | undefined;
16
+ readonly contacts?: unknown[] | undefined;
17
17
  };
18
18
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
19
19
  args: {};
@@ -0,0 +1,19 @@
1
+ /**
2
+ * CSS переменные для компонента CreateDialog
3
+ */
4
+ export interface CreateDialogThemeCSSVariables {
5
+ /** Отображение строки контакта */
6
+ '--chotto-createdialog-contact-line-display': string;
7
+ /** Отступы строки контакта */
8
+ '--chotto-createdialog-contact-line-margin': string;
9
+ /** Выравнивание содержимого строки контакта по горизонтали */
10
+ '--chotto-createdialog-contact-line-justify-content': string;
11
+ /** Отображение строки канала */
12
+ '--chotto-createdialog-channel-line-display': string;
13
+ /** Отступы строки канала */
14
+ '--chotto-createdialog-channel-line-margin': string;
15
+ /** Выравнивание содержимого строки канала по горизонтали */
16
+ '--chotto-createdialog-channel-line-justify-content': string;
17
+ /** Левый отступ кнопки начала */
18
+ '--chotto-createdialog-button-start-margin-left': string;
19
+ }
@@ -0,0 +1,29 @@
1
+ /**
2
+ * CSS переменные для компонента EmbedPreview
3
+ */
4
+ export interface EmbedPreviewThemeCSSVariables {
5
+ /** Радиус границы превью встраиваемого контента */
6
+ '--chotto-embedpreview-border-radius': string;
7
+ /** Позиционирование превью встраиваемого контента */
8
+ '--chotto-embedpreview-position': string;
9
+ /** Отступы превью встраиваемого контента */
10
+ '--chotto-embedpreview-margin': string;
11
+ /** Внутренние отступы превью встраиваемого контента */
12
+ '--chotto-embedpreview-padding': string;
13
+ /** Переполнение превью встраиваемого контента */
14
+ '--chotto-embedpreview-overflow': string;
15
+ /** Подгонка объекта плеера */
16
+ '--chotto-embedpreview-player-object-fit': string;
17
+ /** Ширина плеера */
18
+ '--chotto-embedpreview-player-width': string;
19
+ /** Максимальная высота плеера */
20
+ '--chotto-embedpreview-player-max-height': string;
21
+ /** Радиус границы плеера */
22
+ '--chotto-embedpreview-player-border-radius': string;
23
+ /** Граница плеера */
24
+ '--chotto-embedpreview-player-border': string;
25
+ /** Цвет фона для левого сообщения */
26
+ '--chotto-embedpreview-left-background-color': string;
27
+ /** Цвет фона для правого сообщения */
28
+ '--chotto-embedpreview-right-background-color': string;
29
+ }
@@ -0,0 +1,55 @@
1
+ /**
2
+ * CSS переменные для компонента LinkPreview
3
+ */
4
+ export interface LinkPreviewThemeCSSVariables {
5
+ /** Радиус границы превью ссылки */
6
+ '--chotto-linkpreview-border-radius': string;
7
+ /** Позиционирование превью ссылки */
8
+ '--chotto-linkpreview-position': string;
9
+ /** Отступы превью ссылки */
10
+ '--chotto-linkpreview-margin': string;
11
+ /** Внутренние отступы превью ссылки */
12
+ '--chotto-linkpreview-padding': string;
13
+ /** Переполнение превью ссылки */
14
+ '--chotto-linkpreview-overflow': string;
15
+ /** Содержимое псевдоэлемента ::before */
16
+ '--chotto-linkpreview-before-content': string;
17
+ /** Позиционирование псевдоэлемента ::before */
18
+ '--chotto-linkpreview-before-position': string;
19
+ /** Верхняя позиция псевдоэлемента ::before */
20
+ '--chotto-linkpreview-before-top': string;
21
+ /** Левая позиция псевдоэлемента ::before */
22
+ '--chotto-linkpreview-before-left': string;
23
+ /** Ширина псевдоэлемента ::before */
24
+ '--chotto-linkpreview-before-width': string;
25
+ /** Высота псевдоэлемента ::before */
26
+ '--chotto-linkpreview-before-height': string;
27
+ /** Цвет фона псевдоэлемента ::before */
28
+ '--chotto-linkpreview-before-background-color': string;
29
+ /** Отображение контейнера ссылки */
30
+ '--chotto-linkpreview-link-container-display': string;
31
+ /** Направление флекс-элементов контейнера ссылки */
32
+ '--chotto-linkpreview-link-container-flex-direction': string;
33
+ /** Цвет текста контейнера ссылки */
34
+ '--chotto-linkpreview-link-container-color': string;
35
+ /** Размер шрифта контейнера ссылки */
36
+ '--chotto-linkpreview-link-container-font-size': string;
37
+ /** Толщина шрифта заголовка */
38
+ '--chotto-linkpreview-title-font-weight': string;
39
+ /** Нижний отступ заголовка */
40
+ '--chotto-linkpreview-title-margin-bottom': string;
41
+ /** Нижний отступ описания */
42
+ '--chotto-linkpreview-description-margin-bottom': string;
43
+ /** Подгонка объекта изображения */
44
+ '--chotto-linkpreview-image-object-fit': string;
45
+ /** Ширина изображения */
46
+ '--chotto-linkpreview-image-width': string;
47
+ /** Максимальная высота изображения */
48
+ '--chotto-linkpreview-image-max-height': string;
49
+ /** Радиус границы изображения */
50
+ '--chotto-linkpreview-image-border-radius': string;
51
+ /** Цвет фона для левого сообщения */
52
+ '--chotto-linkpreview-left-background-color': string;
53
+ /** Цвет фона для правого сообщения */
54
+ '--chotto-linkpreview-right-background-color': string;
55
+ }
@@ -0,0 +1,53 @@
1
+ /**
2
+ * CSS переменные для компонента SelectUser
3
+ */
4
+ export interface SelectUserThemeCSSVariables {
5
+ /** Позиционирование модального окна */
6
+ '--chotto-selectuser-modal-position': string;
7
+ /** Верхняя позиция модального окна */
8
+ '--chotto-selectuser-modal-top': string;
9
+ /** Левая позиция модального окна */
10
+ '--chotto-selectuser-modal-left': string;
11
+ /** Ширина модального окна */
12
+ '--chotto-selectuser-modal-width': string;
13
+ /** Высота модального окна */
14
+ '--chotto-selectuser-modal-height': string;
15
+ /** Цвет фона модального окна */
16
+ '--chotto-selectuser-modal-background-color': string;
17
+ /** Отображение модального окна */
18
+ '--chotto-selectuser-modal-display': string;
19
+ /** Выравнивание содержимого модального окна по горизонтали */
20
+ '--chotto-selectuser-modal-justify-content': string;
21
+ /** Выравнивание содержимого модального окна по вертикали */
22
+ '--chotto-selectuser-modal-align-items': string;
23
+ /** Z-index модального окна */
24
+ '--chotto-selectuser-modal-z-index': string;
25
+ /** Цвет фона содержимого модального окна */
26
+ '--chotto-selectuser-modal-content-background-color': string;
27
+ /** Отступы содержимого модального окна */
28
+ '--chotto-selectuser-modal-content-padding': string;
29
+ /** Радиус границы содержимого модального окна */
30
+ '--chotto-selectuser-modal-content-border-radius': string;
31
+ /** Ширина содержимого модального окна */
32
+ '--chotto-selectuser-modal-content-width': string;
33
+ /** Верхний отступ списка участников */
34
+ '--chotto-selectuser-participant-list-margin-top': string;
35
+ /** Максимальная высота списка участников */
36
+ '--chotto-selectuser-participant-list-max-height': string;
37
+ /** Отображение элемента участника */
38
+ '--chotto-selectuser-participant-item-display': string;
39
+ /** Выравнивание элементов участника по вертикали */
40
+ '--chotto-selectuser-participant-item-align-items': string;
41
+ /** Нижний отступ элемента участника */
42
+ '--chotto-selectuser-participant-item-margin-bottom': string;
43
+ /** Правый отступ чекбокса элемента участника */
44
+ '--chotto-selectuser-participant-item-checkbox-margin-right': string;
45
+ /** Отображение действий модального окна */
46
+ '--chotto-selectuser-modal-actions-display': string;
47
+ /** Выравнивание содержимого действий модального окна по горизонтали */
48
+ '--chotto-selectuser-modal-actions-justify-content': string;
49
+ /** Верхний отступ действий модального окна */
50
+ '--chotto-selectuser-modal-actions-margin-top': string;
51
+ /** Левый отступ кнопки действий модального окна */
52
+ '--chotto-selectuser-modal-actions-button-margin-left': string;
53
+ }
@@ -0,0 +1,19 @@
1
+ /**
2
+ * CSS переменные для компонента SelectUser2
3
+ */
4
+ export interface SelectUser2ThemeCSSVariables {
5
+ /** Верхний отступ списка участников */
6
+ '--chotto-selectuser2-participant-list-margin-top': string;
7
+ /** Максимальная высота списка участников */
8
+ '--chotto-selectuser2-participant-list-max-height': string;
9
+ /** Переполнение списка участников */
10
+ '--chotto-selectuser2-participant-list-overflow': string;
11
+ /** Отображение элемента участника */
12
+ '--chotto-selectuser2-participant-item-display': string;
13
+ /** Выравнивание элементов участника по вертикали */
14
+ '--chotto-selectuser2-participant-item-align-items': string;
15
+ /** Нижний отступ элемента участника */
16
+ '--chotto-selectuser2-participant-item-margin-bottom': string;
17
+ /** Правый отступ чекбокса элемента участника */
18
+ '--chotto-selectuser2-participant-item-checkbox-margin-right': string;
19
+ }
@@ -1,3 +1,7 @@
1
+ export { default as CreateChat } from './CreateChat/CreateChat.vue';
2
+ export { default as CreateChat2 } from './CreateChat2/CreateChat2.vue';
3
+ export { default as CreateDialog } from './CreateDialog/CreateDialog.vue';
1
4
  export { default as EmbedPreview } from './EmbedPreview/EmbedPreview.vue';
2
5
  export { default as LinkPreview } from './LinkPreview/LinkPreview.vue';
6
+ export { default as SelectUser2 } from './SelectUser2/SelectUser2.vue';
3
7
  export { default as SelectUser } from './SelectUser/SelectUser.vue';
@@ -0,0 +1,12 @@
1
+ export * from './generatePreview';
2
+ export * from './getStatusMessage';
3
+ export * from './getTypeFileByMime';
4
+ export * from './throttle';
5
+ export * from './uploadFile';
6
+ export * from './useDelayDebouncedRef';
7
+ export * from './useImmediateDebouncedRef';
8
+ export * from './useMessage';
9
+ export * from './useModal';
10
+ export * from './useSearchModel';
11
+ export * from './useTheme';
12
+ export * from './useVideoRecorder';
@@ -4,4 +4,4 @@ export * from './components';
4
4
  export * from './components/containers';
5
5
  export * from './components/layouts';
6
6
  export * from './components/icons';
7
- export * from './helpers';
7
+ export * from './hooks';
@@ -4,6 +4,5 @@
4
4
  * This file exports all theme-related types, constants, and utilities
5
5
  * for the Chotto theme system.
6
6
  */
7
- export type { ThemeName, ChottoThemeVariables, ThemeConfig, ThemeRegistry, ChottoThemeVariableName, RequiredChottoThemeVariables, OptionalChottoThemeVariables, ThemeValidationResult, ThemeValidationSummary } from './types';
8
- export { THEME_NAMES, THEME_DISPLAY_NAMES, THEME_DESCRIPTIONS, THEME_VARIABLE_PREFIX, REQUIRED_THEME_VARIABLES, ALL_THEME_VARIABLES, THEME_FILE_PATHS, DEFAULT_THEME, THEME_VALIDATION_CONFIG } from './constants';
7
+ export type { ChottoThemeVariables } from './types';
9
8
  import './index.scss';