@mobilon-dev/chotto 0.3.34 → 0.3.36

package/dist/types/components/1_atoms/ContactContextMenu/ContactContextMenu.vue.d.ts

@@ -0,0 +1,59 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    actions: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    mode: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+        required: false;
+    };
+    menuSide: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+}>, {
+    updatePosition: () => void;
+    hideMenu: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+    buttonClick: (...args: any[]) => void;
+    menuMouseEnter: (...args: any[]) => void;
+    menuMouseLeave: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    actions: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    mode: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+        required: false;
+    };
+    menuSide: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+    onButtonClick?: ((...args: any[]) => any) | undefined;
+    onMenuMouseEnter?: ((...args: any[]) => any) | undefined;
+    onMenuMouseLeave?: ((...args: any[]) => any) | undefined;
+}>, {
+    mode: string;
+    disabled: boolean;
+    menuSide: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/1_atoms/ContactContextMenu/stories/ContactContextMenu.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import ContactContextMenu from '../ContactContextMenu.vue';
+declare const meta: Meta<typeof ContactContextMenu>;
+export default meta;
+type Story = StoryObj<typeof ContactContextMenu>;
+export declare const Standard: Story;
+export declare const WithIcons: Story;
+export declare const WithPrimeIcons: Story;
+export declare const ClickMode: Story;
+export declare const Disabled: Story;

package/dist/types/components/1_atoms/ContactContextMenu/styles/types.d.ts

@@ -0,0 +1,67 @@
+/**
+ * CSS переменные для компонента ContactContextMenu
+ */
+export interface ContactContextMenuThemeCSSVariables {
+    /** Отображение обёртки контекстного меню контакта */
+    '--chotto-contactcontextmenu-wrapper-display': string;
+    /** Выравнивание по поперечной оси обёртки контекстного меню контакта */
+    '--chotto-contactcontextmenu-wrapper-align-items': string;
+    /** Выравнивание по главной оси обёртки контекстного меню контакта */
+    '--chotto-contactcontextmenu-wrapper-justify-content': string;
+    /** Отступ справа обёртки контекстного меню контакта */
+    '--chotto-contactcontextmenu-wrapper-margin-right': string;
+    /** Отступ слева обёртки контекстного меню контакта */
+    '--chotto-contactcontextmenu-wrapper-margin-left': string;
+    /** Фон кнопки контекстного меню контакта */
+    '--chotto-contactcontextmenu-button-bg': string;
+    /** Граница кнопки контекстного меню контакта */
+    '--chotto-contactcontextmenu-button-border': string;
+    /** Отступы кнопки контекстного меню контакта */
+    '--chotto-contactcontextmenu-button-padding': string;
+    /** Шрифт кнопки контекстного меню контакта */
+    '--chotto-contactcontextmenu-button-font': string;
+    /** Цвет кнопки контекстного меню контакта */
+    '--chotto-contactcontextmenu-button-color': string;
+    /** Курсор кнопки контекстного меню контакта */
+    '--chotto-contactcontextmenu-button-cursor': string;
+    /** Обводка кнопки контекстного меню контакта */
+    '--chotto-contactcontextmenu-button-outline': string;
+    /** Переход кнопки контекстного меню контакта */
+    '--chotto-contactcontextmenu-button-transition': string;
+    /** Радиус границы кнопки контекстного меню контакта */
+    '--chotto-contactcontextmenu-button-border-radius': string;
+    /** Ширина кнопки контекстного меню контакта */
+    '--chotto-contactcontextmenu-button-width': string;
+    /** Высота кнопки контекстного меню контакта */
+    '--chotto-contactcontextmenu-button-height': string;
+    /** Отображение кнопки контекстного меню контакта */
+    '--chotto-contactcontextmenu-button-display': string;
+    /** Выравнивание по поперечной оси кнопки контекстного меню контакта */
+    '--chotto-contactcontextmenu-button-align-items': string;
+    /** Выравнивание по главной оси кнопки контекстного меню контакта */
+    '--chotto-contactcontextmenu-button-justify-content': string;
+    /** Позиционирование кнопки контекстного меню контакта */
+    '--chotto-contactcontextmenu-button-position': string;
+    /** Цвет фона кнопки контекстного меню контакта при наведении */
+    '--chotto-contactcontextmenu-button-hover-bg': string;
+    /** Трансформация кнопки контекстного меню контакта при нажатии */
+    '--chotto-contactcontextmenu-button-active-transform': string;
+    /** Отображение иконки контекстного меню контакта */
+    '--chotto-contactcontextmenu-icon-display': string;
+    /** Выравнивание по поперечной оси иконки контекстного меню контакта */
+    '--chotto-contactcontextmenu-icon-align-items': string;
+    /** Выравнивание по главной оси иконки контекстного меню контакта */
+    '--chotto-contactcontextmenu-icon-justify-content': string;
+    /** Отображение контейнера контекстного меню контакта */
+    '--chotto-contactcontextmenu-container-display': string;
+    /** Выравнивание по поперечной оси контейнера контекстного меню контакта */
+    '--chotto-contactcontextmenu-container-align-items': string;
+    /** Выравнивание по главной оси контейнера контекстного меню контакта */
+    '--chotto-contactcontextmenu-container-justify-content': string;
+    /** Граница контейнера контекстного меню контакта */
+    '--chotto-contactcontextmenu-container-border': string;
+    /** Радиус границы контейнера контекстного меню контакта */
+    '--chotto-contactcontextmenu-container-border-radius': string;
+    /** Тень контейнера контекстного меню контакта */
+    '--chotto-contactcontextmenu-container-box-shadow': string;
+}

package/dist/types/components/1_atoms/ContextMenu/styles/types.d.ts

@@ -52,6 +52,12 @@ export interface ContextMenuThemeCSSVariables {
     '--chotto-contextmenu-item-padding': string;
     /** Ширина элемента контекстного меню */
     '--chotto-contextmenu-item-width': string;
+    /** Промежуток между элементами внутри элемента контекстного меню */
+    '--chotto-contextmenu-item-gap': string;
+    /** Отступ справа иконки элемента контекстного меню */
+    '--chotto-contextmenu-item-icon-margin-right': string;
+    /** Коэффициент сжатия иконки элемента контекстного меню */
+    '--chotto-contextmenu-item-icon-flex-shrink': string;
     /** Цвет фона элемента контекстного меню при наведении */
     '--chotto-contextmenu-item-hover-background-color': string;
     /** Граница снизу элемента контекстного меню (не последний) */

package/dist/types/components/1_atoms/Tooltip/Tooltip.vue.d.ts

@@ -15,7 +15,18 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: NumberConstructor;
         default: number;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    trigger: {
+        type: StringConstructor;
+        default: string;
+    };
+    autoShowDuration: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {
+    startAutoShow: () => void;
+    clearAutoTimer: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     text: {
         type: StringConstructor;
         required: true;
@@ -28,9 +39,19 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: NumberConstructor;
         default: number;
     };
+    trigger: {
+        type: StringConstructor;
+        default: string;
+    };
+    autoShowDuration: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & Readonly<{}>, {
     position: string;
     offset: number;
+    trigger: string;
+    autoShowDuration: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/types/components/2_blocks/CommunicationPanel/CommunicationPanel.vue.d.ts

@@ -1,16 +1,22 @@
 declare const _default: import("vue").DefineComponent<{}, {
     $emit: (event: "select-attribute-channel" | "phone-call", ...args: any[]) => void;
     channels: unknown[];
+    messages: unknown[];
+    selectedChat: Record<string, any>;
     channelTooltips: Record<string, any>;
     contactAttributes: unknown[];
     recentAttributeChannels: Record<string, any>;
+    isNewDialog: boolean;
     selectedDialog: Record<string, any>;
     showChannelIcons: boolean;
     $props: {
         readonly channels?: unknown[] | undefined;
+        readonly messages?: unknown[] | undefined;
+        readonly selectedChat?: Record<string, any> | undefined;
         readonly channelTooltips?: Record<string, any> | undefined;
         readonly contactAttributes?: unknown[] | undefined;
         readonly recentAttributeChannels?: Record<string, any> | undefined;
+        readonly isNewDialog?: boolean | undefined;
         readonly selectedDialog?: Record<string, any> | undefined;
         readonly showChannelIcons?: boolean | undefined;
     };

package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationActions.d.ts

@@ -39,14 +39,18 @@ interface UseCommunicationActionsOptions {
     hasMultipleChannels: (channelType: string) => boolean;
     getSingleChannelForType: (channelType: string) => Channel | null;
     getAvailableChannels: (channelType: string) => Channel[];
+    isChannelEmpty: (channelId: string) => boolean;
+    isNewDialog: ComputedRef<boolean>;
+    showDefaultChannelTooltipWithTimer: () => void;
+    clearDefaultChannelTooltip: () => void;
     emit: CommunicationActionsEmit;
 }
 /**
  * Инкапсулирует действия панели: звонок, выбор каналов, выбор атрибутов и работу с недавними атрибутами.
  */
-export declare function useCommunicationActions({ activeChannelType, channels, recentAttributeChannels, selectedChannel, selectedChannelType, isRecentAttributeHovered, hoveredAttribute, closeMenu, hasMultipleChannels, getSingleChannelForType, getAvailableChannels, emit, }: UseCommunicationActionsOptions): {
+export declare function useCommunicationActions({ activeChannelType, channels, recentAttributeChannels, selectedChannel, selectedChannelType, isRecentAttributeHovered, hoveredAttribute, closeMenu, hasMultipleChannels, getSingleChannelForType, getAvailableChannels, isChannelEmpty, isNewDialog, showDefaultChannelTooltipWithTimer, clearDefaultChannelTooltip, emit, }: UseCommunicationActionsOptions): {
     handlePhoneCall: (attribute: ContactAttribute | null | undefined) => void;
-    handleRecentAttributeClick: (recentAttribute: ContactAttribute | null) => void;
+    handleRecentAttributeClick: (recentAttributeValue: ContactAttribute | null) => void;
     handleAttributeClick: (attribute: ContactAttribute) => void;
     selectSingleChannel: (attribute: ContactAttribute, channelId: string) => void;
     selectChannelForRecentAttribute: (channelId: string, recentAttribute: ContactAttribute | null) => void;

package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationDialogSync.d.ts

@@ -1,4 +1,4 @@
-import { type Ref, type MaybeRef } from 'vue';
+import { type Ref, type MaybeRef, type ComputedRef } from 'vue';
 interface Dialog {
     channelId?: string;
     [key: string]: unknown;
@@ -16,11 +16,19 @@ interface UseCommunicationDialogSyncOptions {
     channels: Ref<Channel[]>;
     /** Текущий выбранный диалог */
     selectedDialog: MaybeRef<Dialog | null | undefined>;
+    /** Функция проверки пустоты канала */
+    isChannelEmpty: (channelId: string) => boolean;
+    /** Флаг нового диалога */
+    isNewDialog: ComputedRef<boolean>;
+    /** Функция показа tooltip для нового диалога */
+    showDefaultChannelTooltipWithTimer: () => void;
+    /** Функция очистки tooltip */
+    clearDefaultChannelTooltip: () => void;
 }
 /**
  * Синхронизирует выбранный канал панели с внешним диалогом.
  */
-export declare function useCommunicationDialogSync({ selectedChannelType, selectedChannel, channels, selectedDialog, }: UseCommunicationDialogSyncOptions): {
+export declare function useCommunicationDialogSync({ selectedChannelType, selectedChannel, channels, selectedDialog, isChannelEmpty, isNewDialog, showDefaultChannelTooltipWithTimer, clearDefaultChannelTooltip, }: UseCommunicationDialogSyncOptions): {
     updateSelectedChannelFromDialog: (dialog: Dialog | null | undefined) => void;
 };
 export {};

package/dist/types/components/2_blocks/CommunicationPanel/stories/CommunicationPanel.stories.d.ts

@@ -4,16 +4,22 @@ declare const meta: {
     component: import("vue").DefineComponent<{}, {
         $emit: (event: "select-attribute-channel" | "phone-call", ...args: any[]) => void;
         channels: unknown[];
+        messages: unknown[];
+        selectedChat: Record<string, any>;
         channelTooltips: Record<string, any>;
         contactAttributes: unknown[];
         recentAttributeChannels: Record<string, any>;
+        isNewDialog: boolean;
         selectedDialog: Record<string, any>;
         showChannelIcons: boolean;
         $props: {
             readonly channels?: unknown[] | undefined;
+            readonly messages?: unknown[] | undefined;
+            readonly selectedChat?: Record<string, any> | undefined;
             readonly channelTooltips?: Record<string, any> | undefined;
             readonly contactAttributes?: unknown[] | undefined;
             readonly recentAttributeChannels?: Record<string, any> | undefined;
+            readonly isNewDialog?: boolean | undefined;
             readonly selectedDialog?: Record<string, any> | undefined;
             readonly showChannelIcons?: boolean | undefined;
         };

package/dist/types/components/2_feed_elements/DelimiterMessage/DelimiterMessage.vue.d.ts

@@ -0,0 +1,13 @@
+import { IDelimiterMessage } from '@types';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    message: {
+        type: () => IDelimiterMessage;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    message: {
+        type: () => IDelimiterMessage;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/2_feed_elements/DelimiterMessage/stories/DelimiterMessage.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import DelimiterMessage from '../DelimiterMessage.vue';
+declare const meta: Meta<typeof DelimiterMessage>;
+export default meta;
+type Story = StoryObj<typeof DelimiterMessage>;
+export declare const Standard: Story;

package/dist/types/components/2_feed_elements/DelimiterMessage/styles/types.d.ts

@@ -0,0 +1,27 @@
+/**
+ * CSS variables for DelimiterMessage component
+ */
+export interface DelimiterMessageThemeCSSVariables {
+    /** Отображение контейнера разделителя */
+    '--chotto-delimitermessage-display': string;
+    /** Выравнивание элементов по поперечной оси */
+    '--chotto-delimitermessage-align-items': string;
+    /** Выравнивание элементов по главной оси */
+    '--chotto-delimitermessage-justify-content': string;
+    /** Ширина контейнера разделителя */
+    '--chotto-delimitermessage-width': string;
+    /** Высота контейнера разделителя */
+    '--chotto-delimitermessage-height': string;
+    /** Отступы контейнера разделителя */
+    '--chotto-delimitermessage-margin': string;
+    /** Нижняя граница разделителя */
+    '--chotto-delimitermessage-border-bottom': string;
+    /** Размер шрифта текста разделителя */
+    '--chotto-delimitermessage-text-font-size': string;
+    /** Межстрочный интервал текста разделителя */
+    '--chotto-delimitermessage-text-line-height': string;
+    /** Выравнивание текста разделителя */
+    '--chotto-delimitermessage-text-align': string;
+    /** Цвет текста разделителя */
+    '--chotto-delimitermessage-text-color': string;
+}

package/dist/types/components/2_feed_elements/types/messages.d.ts

@@ -166,6 +166,10 @@ export interface ISystemMessage {
     messageId: string;
     text: string;
 }
+export interface IDelimiterMessage {
+    messageId: string;
+    text: string;
+}
 export interface ITextMessage {
     messageId: string;
     text: string;

package/dist/types/components/3_compounds/ChatList/ChatList.vue.d.ts

@@ -4,7 +4,7 @@ type __VLS_WithSlots<T, S> = T & (new () => {
     $slots: S;
 });
 declare const __VLS_component: import("vue").DefineComponent<{}, {
-    $emit: (event: "select" | "action" | "search" | "expand" | "tab-click" | "loadMoreChats" | "clear-search", ...args: any[]) => void;
+    $emit: (event: "select" | "search" | "action" | "expand" | "tab-click" | "loadMoreChats" | "clear-search", ...args: any[]) => void;
     chats: unknown[];
     searchQuery: string;
     showDialogs: boolean;

package/dist/types/components/4_layouts/BaseLayout/styles/types.d.ts

@@ -18,6 +18,8 @@ export interface BaseLayoutThemeCSSVariables {
     '--chotto-baselayout-container-border-top': string;
     /** Левая граница контейнера базового макета */
     '--chotto-baselayout-container-border-left': string;
+    /** Фон контейнера базового макета */
+    '--chotto-baselayout-container-background': string;
     /** Позиционирование первой колонки */
     '--chotto-baselayout-first-col-position': string;
     /** Колонка сетки первой колонки */
@@ -36,6 +38,8 @@ export interface BaseLayoutThemeCSSVariables {
     '--chotto-baselayout-first-col-border-bottom': string;
     /** Ширина первой колонки */
     '--chotto-baselayout-first-col-width': string;
+    /** Размытие/фильтр фона первой колонки */
+    '--chotto-baselayout-first-col-backdrop-filter': string;
     /** Позиционирование второй колонки */
     '--chotto-baselayout-second-col-position': string;
     /** Отображение второй колонки */
@@ -54,6 +58,8 @@ export interface BaseLayoutThemeCSSVariables {
     '--chotto-baselayout-second-col-border-right': string;
     /** Нижняя граница второй колонки */
     '--chotto-baselayout-second-col-border-bottom': string;
+    /** Размытие/фильтр фона второй колонки */
+    '--chotto-baselayout-second-col-backdrop-filter': string;
     /** Переход для активного состояния Vue Transition */
     '--chotto-baselayout-transition-enter-active-transition': string;
     /** Непрозрачность для активного состояния Vue Transition */

package/dist/types/components/index.d.ts

@@ -1,4 +1,5 @@
 export { default as ButtonContextMenu } from './1_atoms/ButtonContextMenu/ButtonContextMenu.vue';
+export { default as ContactContextMenu } from './1_atoms/ContactContextMenu/ContactContextMenu.vue';
 export { default as ContextMenu } from './1_atoms/ContextMenu/ContextMenu.vue';
 export { default as EmbedPreview } from './1_atoms/EmbedPreview/EmbedPreview.vue';
 export { default as LinkPreview } from './1_atoms/LinkPreview/LinkPreview.vue';
@@ -46,6 +47,7 @@ export { default as BaseReplyMessage } from './2_feed_elements/BaseReplyMessage/
 export { default as CallMessage } from './2_feed_elements/CallMessage/CallMessage.vue';
 export { default as DateMessage } from './2_feed_elements/DateMessage/DateMessage.vue';
 export { default as DateMessageSticky } from './2_feed_elements/DateMessageSticky/DateMessageSticky.vue';
+export { default as DelimiterMessage } from './2_feed_elements/DelimiterMessage/DelimiterMessage.vue';
 export { default as FeedKeyboard } from './2_feed_elements/FeedKeyboard/FeedKeyboard.vue';
 export { default as FileMessage } from './2_feed_elements/FileMessage/FileMessage.vue';
 export { default as ImageMessage } from './2_feed_elements/ImageMessage/ImageMessage.vue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobilon-dev/chotto",
-  "version": "0.3.34",
+  "version": "0.3.36",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",