@mobilon-dev/chotto 0.3.49 → 0.3.51

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 (23) hide show
  1. package/dist/chotto.css +1 -1
  2. package/dist/components/2_blocks/CommunicationPanel/CommunicationPanel.vue.js +223 -200
  3. package/dist/components/2_blocks/CommunicationPanel/composables/useCommunicationPlaceholder.js +31 -0
  4. package/dist/components/2_feed_elements/DelimiterMessage/DelimiterMessage.vue.js +1 -1
  5. package/dist/components/2_feed_elements/DelimiterMessage/DelimiterMessage.vue2.js +43 -7
  6. package/dist/components/3_compounds/Feed/Feed.vue.js +2 -2
  7. package/dist/components/3_compounds/Feed/Feed.vue2.js +123 -117
  8. package/dist/themes/dark.css +1 -1
  9. package/dist/themes/default.css +1 -1
  10. package/dist/themes/glass.css +1 -1
  11. package/dist/themes/green.css +1 -1
  12. package/dist/themes/mobilon1.css +1 -1
  13. package/dist/types/apps/data/messages.d.ts +171 -0
  14. package/dist/types/components/2_blocks/CommunicationPanel/CommunicationPanel.vue.d.ts +2 -0
  15. package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationChannels.d.ts +1 -1
  16. package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationPlaceholder.d.ts +37 -0
  17. package/dist/types/components/2_blocks/CommunicationPanel/stories/CommunicationPanel.stories.d.ts +2 -0
  18. package/dist/types/components/2_blocks/CommunicationPanel/styles/types.d.ts +18 -0
  19. package/dist/types/components/2_feed_elements/DelimiterMessage/DelimiterMessage.vue.d.ts +6 -2
  20. package/dist/types/components/2_feed_elements/DelimiterMessage/styles/types.d.ts +14 -2
  21. package/dist/types/components/2_feed_elements/types/messages.d.ts +1 -1
  22. package/dist/types/components/3_compounds/Feed/Feed.vue.d.ts +6 -2
  23. package/package.json +1 -1
@@ -11,6 +11,7 @@ declare const meta: {
11
11
  recentAttributeChannels: Record<string, any>;
12
12
  isNewDialog: boolean;
13
13
  selectedDialog: Record<string, any>;
14
+ emptyChannelsPlaceholder: Record<string, any>;
14
15
  showChannelIcons: boolean;
15
16
  $props: {
16
17
  readonly channels?: unknown[] | undefined;
@@ -21,6 +22,7 @@ declare const meta: {
21
22
  readonly recentAttributeChannels?: Record<string, any> | undefined;
22
23
  readonly isNewDialog?: boolean | undefined;
23
24
  readonly selectedDialog?: Record<string, any> | undefined;
25
+ readonly emptyChannelsPlaceholder?: Record<string, any> | undefined;
24
26
  readonly showChannelIcons?: boolean | undefined;
25
27
  };
26
28
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -236,6 +236,24 @@ export interface CommunicationPanelThemeCSSVariables {
236
236
  '--chotto-communicationpanel-attribute-value-color': string;
237
237
  /** Высота строки значения атрибута */
238
238
  '--chotto-communicationpanel-attribute-value-line-height': string;
239
+ /** Отступы placeholder пустых каналов */
240
+ '--chotto-communicationpanel-empty-placeholder-padding': string;
241
+ /** Размер шрифта placeholder пустых каналов */
242
+ '--chotto-communicationpanel-empty-placeholder-font-size': string;
243
+ /** Цвет placeholder пустых каналов */
244
+ '--chotto-communicationpanel-empty-placeholder-color': string;
245
+ /** Жирность шрифта placeholder пустых каналов */
246
+ '--chotto-communicationpanel-empty-placeholder-font-weight': string;
247
+ /** Выравнивание текста placeholder пустых каналов */
248
+ '--chotto-communicationpanel-empty-placeholder-text-align': string;
249
+ /** Курсор placeholder пустых каналов */
250
+ '--chotto-communicationpanel-empty-placeholder-cursor': string;
251
+ /** Выбор текста placeholder пустых каналов */
252
+ '--chotto-communicationpanel-empty-placeholder-user-select': string;
253
+ /** События указателя placeholder пустых каналов */
254
+ '--chotto-communicationpanel-empty-placeholder-pointer-events': string;
255
+ /** Высота строки placeholder пустых каналов */
256
+ '--chotto-communicationpanel-empty-placeholder-line-height': string;
239
257
  /** Цвет серой иконки меню */
240
258
  '--chotto-communicationpanel-menu-icon-grey-color': string;
241
259
  /** Размер шрифта серой иконки меню */
@@ -4,10 +4,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
4
4
  type: () => IDelimiterMessage;
5
5
  required: true;
6
6
  };
7
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
7
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
8
+ read: (messageId: string) => any;
9
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
8
10
  message: {
9
11
  type: () => IDelimiterMessage;
10
12
  required: true;
11
13
  };
12
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
14
+ }>> & Readonly<{
15
+ onRead?: ((messageId: string) => any) | undefined;
16
+ }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
13
17
  export default _default;
@@ -14,8 +14,16 @@ export interface DelimiterMessageThemeCSSVariables {
14
14
  '--chotto-delimitermessage-height': string;
15
15
  /** Отступы контейнера разделителя */
16
16
  '--chotto-delimitermessage-margin': string;
17
- /** Нижняя граница разделителя */
18
- '--chotto-delimitermessage-border-bottom': string;
17
+ /** Толщина линий разделителя */
18
+ '--chotto-delimitermessage-line-height': string;
19
+ /** Цвет линий разделителя */
20
+ '--chotto-delimitermessage-line-color': string;
21
+ /** Длительность анимации перехода */
22
+ '--chotto-delimitermessage-transition-duration': string;
23
+ /** Функция плавности анимации перехода */
24
+ '--chotto-delimitermessage-transition-timing': string;
25
+ /** Смещение по Y при удалении */
26
+ '--chotto-delimitermessage-removing-transform-y': string;
19
27
  /** Размер шрифта текста разделителя */
20
28
  '--chotto-delimitermessage-text-font-size': string;
21
29
  /** Межстрочный интервал текста разделителя */
@@ -24,4 +32,8 @@ export interface DelimiterMessageThemeCSSVariables {
24
32
  '--chotto-delimitermessage-text-align': string;
25
33
  /** Цвет текста разделителя */
26
34
  '--chotto-delimitermessage-text-color': string;
35
+ /** Горизонтальный внутренний отступ текста */
36
+ '--chotto-delimitermessage-text-side-padding': string;
37
+ /** Внешний отступ текста */
38
+ '--chotto-delimitermessage-text-margin': string;
27
39
  }
@@ -176,7 +176,7 @@ export interface ISystemMessage {
176
176
  export interface IDelimiterMessage {
177
177
  messageId: string;
178
178
  text: string;
179
- hasMessengerAccount?: boolean;
179
+ autoRemove?: boolean;
180
180
  }
181
181
  export interface ITextMessage {
182
182
  messageId: string;
@@ -1,7 +1,9 @@
1
1
  import { IFeedObject, IFeedTyping, IFeedUnreadButton, IFeedKeyboard } from '@/types';
2
- declare var __VLS_45: {};
2
+ declare var __VLS_1: {}, __VLS_48: {};
3
3
  type __VLS_Slots = {} & {
4
- 'empty-feed'?: (props: typeof __VLS_45) => any;
4
+ prepend?: (props: typeof __VLS_1) => any;
5
+ } & {
6
+ 'empty-feed'?: (props: typeof __VLS_48) => any;
5
7
  };
6
8
  declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
7
9
  objects: {
@@ -88,6 +90,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
88
90
  clickRepliedMessage: (...args: any[]) => void;
89
91
  messageVisible: (...args: any[]) => void;
90
92
  forceScrollToBottom: (...args: any[]) => void;
93
+ delimiterRead: (...args: any[]) => void;
91
94
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
92
95
  objects: {
93
96
  type: {
@@ -173,6 +176,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
173
176
  onClickRepliedMessage?: ((...args: any[]) => any) | undefined;
174
177
  onMessageVisible?: ((...args: any[]) => any) | undefined;
175
178
  onForceScrollToBottom?: ((...args: any[]) => any) | undefined;
179
+ onDelimiterRead?: ((...args: any[]) => any) | undefined;
176
180
  }>, {
177
181
  typing: boolean | IFeedTyping;
178
182
  chatBackground: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mobilon-dev/chotto",
3
- "version": "0.3.49",
3
+ "version": "0.3.51",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",