@mobilon-dev/chotto 0.3.33 → 0.3.35

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

@@ -5,12 +5,14 @@ declare const _default: import("vue").DefineComponent<{}, {
     contactAttributes: unknown[];
     recentAttributeChannels: Record<string, any>;
     selectedDialog: Record<string, any>;
+    showChannelIcons: boolean;
     $props: {
         readonly channels?: unknown[] | undefined;
         readonly channelTooltips?: Record<string, any> | undefined;
         readonly contactAttributes?: unknown[] | undefined;
         readonly recentAttributeChannels?: Record<string, any> | undefined;
         readonly selectedDialog?: Record<string, any> | undefined;
+        readonly showChannelIcons?: boolean | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -8,12 +8,14 @@ declare const meta: {
         contactAttributes: unknown[];
         recentAttributeChannels: Record<string, any>;
         selectedDialog: Record<string, any>;
+        showChannelIcons: boolean;
         $props: {
             readonly channels?: unknown[] | undefined;
             readonly channelTooltips?: Record<string, any> | undefined;
             readonly contactAttributes?: unknown[] | undefined;
             readonly recentAttributeChannels?: Record<string, any> | undefined;
             readonly selectedDialog?: Record<string, any> | undefined;
+            readonly showChannelIcons?: boolean | undefined;
         };
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     args: {};

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

@@ -152,6 +152,8 @@ export interface CommunicationPanelThemeCSSVariables {
     '--chotto-communicationpanel-menu-right': string;
     /** Цвет фона меню атрибутов */
     '--chotto-communicationpanel-menu-background': string;
+    /** Backdrop filter меню атрибутов */
+    '--chotto-communicationpanel-menu-backdrop-filter': string;
     /** Граница меню атрибутов */
     '--chotto-communicationpanel-menu-border': string;
     /** Радиус границы меню атрибутов */
@@ -288,6 +290,8 @@ export interface CommunicationPanelThemeCSSVariables {
     '--chotto-communicationpanel-submenu-left': string;
     /** Цвет фона подменю */
     '--chotto-communicationpanel-submenu-background': string;
+    /** Backdrop filter подменю */
+    '--chotto-communicationpanel-submenu-backdrop-filter': string;
     /** Граница подменю */
     '--chotto-communicationpanel-submenu-border': string;
     /** Радиус границы подменю */

package/dist/types/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue.d.ts

@@ -1,11 +1,35 @@
-declare const _default: import("vue").DefineComponent<{}, {
+import 'vue3-emoji-picker-ru/css';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    state: {
+        type: StringConstructor;
+        default: string;
+    };
+    mode: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    native: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    state: {
+        type: StringConstructor;
+        default: string;
+    };
+    mode: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    native: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
     mode: string;
     state: string;
     native: boolean;
-    $props: {
-        readonly mode?: string | undefined;
-        readonly state?: string | undefined;
-        readonly native?: boolean | undefined;
-    };
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/components/2_chatinput_elements/ButtonEmojiPicker/icons/SmilesIcon.vue.d.ts

@@ -1,2 +1,7 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Props = {
+    fill?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    fill: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/2_chatinput_elements/ButtonEmojiPicker/styles/types.d.ts

@@ -32,4 +32,10 @@ export interface ButtonEmojiPickerThemeCSSVariables {
     '--chotto-buttonemojipicker-emoji-bottom': string;
     /** З-индекс эмодзи-пикера */
     '--chotto-buttonemojipicker-emoji-z-index': string;
+    /** Цвет фона эмодзи-пикера */
+    '--chotto-buttonemojipicker-emoji-picker-bg': string;
+    /** Цвет текста эмодзи-пикера */
+    '--chotto-buttonemojipicker-emoji-picker-text-color': string;
+    /** Эффект размытия фона эмодзи-пикера */
+    '--chotto-buttonemojipicker-emoji-picker-backdrop-filter': string;
 }

package/dist/types/components/2_chatinput_elements/ButtonTemplateSelector/ButtonTemplateSelector.vue.d.ts

@@ -1,17 +1,65 @@
-declare const _default: import("vue").DefineComponent<{}, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    templates: {
+        type: ArrayConstructor;
+        required: false;
+        default: () => never[];
+    };
+    groupTemplates: {
+        type: ArrayConstructor;
+        required: false;
+        default: () => never[];
+    };
+    mode: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    state: {
+        type: StringConstructor;
+        default: string;
+    };
+    elevatedWindow: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    chatBackground: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    templates: {
+        type: ArrayConstructor;
+        required: false;
+        default: () => never[];
+    };
+    groupTemplates: {
+        type: ArrayConstructor;
+        required: false;
+        default: () => never[];
+    };
+    mode: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    state: {
+        type: StringConstructor;
+        default: string;
+    };
+    elevatedWindow: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    chatBackground: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
     mode: string;
     state: string;
     templates: unknown[];
     groupTemplates: unknown[];
     elevatedWindow: boolean;
-    chatBackground?: string | undefined;
-    $props: {
-        readonly mode?: string | undefined;
-        readonly state?: string | undefined;
-        readonly templates?: unknown[] | undefined;
-        readonly groupTemplates?: unknown[] | undefined;
-        readonly elevatedWindow?: boolean | undefined;
-        readonly chatBackground?: string | undefined;
-    };
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    chatBackground: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/components/2_chatinput_elements/ButtonTemplateSelector/icons/ChatTemplatesIcon.vue.d.ts

@@ -1,2 +1,7 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Props = {
+    fill?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    fill: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/2_chatinput_elements/FileUploader/icons/FileUploaderIcon.vue.d.ts

@@ -1,2 +1,7 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Props = {
+    fill?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    fill: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/2_chatinput_elements/StickerPicker/StickerPicker.vue.d.ts

@@ -1,13 +1,25 @@
-declare const _default: import("vue").DefineComponent<{}, {
-    mode: string;
+import '@/components/2_feed_elements/StickerMessage/utils/suppress-lit-warning';
+interface Sticker {
+    url: string;
+    alt?: string;
+}
+interface StickerTab {
+    id?: string;
+    label?: string;
+    stickers: Sticker[];
+    iconUrl?: string | null;
+}
+type StickerData = Sticker[] | Sticker[][] | StickerTab[];
+type __VLS_Props = {
+    state?: string;
+    mode?: 'click' | 'hover';
+    stickers?: StickerData;
+    emptyText?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    mode: "click" | "hover";
     state: string;
-    stickers: unknown[];
+    stickers: StickerData;
     emptyText: string;
-    $props: {
-        readonly mode?: string | undefined;
-        readonly state?: string | undefined;
-        readonly stickers?: unknown[] | undefined;
-        readonly emptyText?: string | undefined;
-    };
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/2_chatinput_elements/StickerPicker/icons/StickerIcon.vue.d.ts

@@ -1,2 +1,7 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Props = {
+    fill?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    fill: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/2_chatlist_elements/ChatItem/ChatItem.vue.d.ts

@@ -2,6 +2,7 @@ import { IAction, IChatItem, IChatDialog } from './types';
 type __VLS_Props = {
     chat: IChatItem;
     showDialogs?: boolean;
+    contextMenuTrigger?: 'hover' | 'rightClick';
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (args_0: {
@@ -23,5 +24,6 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     onExpand?: ((args_0: IChatItem) => any) | undefined;
 }>, {
     showDialogs: boolean;
+    contextMenuTrigger: "hover" | "rightClick";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/2_chatlist_elements/ChatItem/styles/types.d.ts

@@ -106,6 +106,8 @@ export interface ChatItemThemeCSSVariables {
     '--chotto-chatitem-name-font-size': string;
     /** Толщина шрифта имени */
     '--chotto-chatitem-name-font-weight': string;
+    /** Цвет текста имени */
+    '--chotto-chatitem-name-text-color': string;
     /** Переполнение последнего сообщения */
     '--chotto-chatitem-last-message-overflow': string;
     /** Обрезка текста последнего сообщения */

package/dist/types/components/2_elements/ChatInfo/styles/types.d.ts

@@ -10,6 +10,8 @@ export interface ChatInfoThemeCSSVariables {
     '--chotto-chatinfo-container-border-bottom': string;
     /** Цвет фона контейнера информации о чате */
     '--chotto-chatinfo-container-background-color': string;
+    /** Эффект размытия фона контейнера информации о чате */
+    '--chotto-chatinfo-container-backdrop-filter': string;
     /** Максимальная высота контейнера информации о чате */
     '--chotto-chatinfo-container-max-height': string;
     /** Отображение базовой линии */

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

@@ -66,6 +66,8 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-right-arrow-height': string;
     /** Базовая рамка хвостика справа */
     '--chotto-audiomessage-right-arrow-border': string;
+    /** Верхняя часть рамки хвостика справа (цвет пузыря) */
+    '--chotto-audiomessage-right-arrow-border-top': string;
     /** Слой псевдоэлемента справа */
     '--chotto-audiomessage-right-arrow-z-index': string;
     /** Позиционирование контейнера аудио-плеера */
@@ -98,6 +100,10 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-play-pause-height': string;
     /** Скругление кнопки play/pause */
     '--chotto-audiomessage-play-pause-border-radius': string;
+    /** Эффект размытия фона кнопки play/pause */
+    '--chotto-audiomessage-play-pause-backdrop-filter': string;
+    /** Тень кнопки play/pause */
+    '--chotto-audiomessage-play-pause-box-shadow': string;
     /** Отображение кнопки play/pause */
     '--chotto-audiomessage-play-pause-display': string;
     /** Выравнивание элементов кнопки play/pause */
@@ -468,8 +474,20 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-content-border-radius': string;
     /** Цвет фона левого пузыря */
     '--chotto-audiomessage-left-background-color': string;
+    /** Эффект размытия фона левого пузыря */
+    '--chotto-audiomessage-left-backdrop-filter': string;
+    /** Граница левого пузыря */
+    '--chotto-audiomessage-left-border': string;
+    /** Тень левого пузыря */
+    '--chotto-audiomessage-left-box-shadow': string;
     /** Цвет фона правого пузыря */
     '--chotto-audiomessage-right-background-color': string;
+    /** Эффект размытия фона правого пузыря */
+    '--chotto-audiomessage-right-backdrop-filter': string;
+    /** Граница правого пузыря */
+    '--chotto-audiomessage-right-border': string;
+    /** Тень правого пузыря */
+    '--chotto-audiomessage-right-box-shadow': string;
     /** Цвет фона иконки типа сообщения (play/pause) */
     '--chotto-audiomessage-type-icon-background-color': string;
     /** Размер иконки типа сообщения (play/pause) */

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

@@ -102,6 +102,10 @@ export interface CallMessageThemeCSSVariables {
     '--chotto-callmessage-header-container-border-radius': string;
     /** Цвет фона контейнера заголовка */
     '--chotto-callmessage-header-container-background-color': string;
+    /** Эффект размытия фона контейнера заголовка */
+    '--chotto-callmessage-header-container-backdrop-filter': string;
+    /** Тень контейнера заголовка */
+    '--chotto-callmessage-header-container-box-shadow': string;
     /** Выравнивание аватара */
     '--chotto-callmessage-avatar-align-self': string;
     /** Вписывание изображения аватара */
@@ -138,6 +142,10 @@ export interface CallMessageThemeCSSVariables {
     '--chotto-callmessage-audio-button-border-radius': string;
     /** Цвет фона кнопки аудио */
     '--chotto-callmessage-audio-button-background-color': string;
+    /** Эффект размытия фона кнопки аудио */
+    '--chotto-callmessage-audio-button-backdrop-filter': string;
+    /** Тень кнопки аудио */
+    '--chotto-callmessage-audio-button-box-shadow': string;
     /** Отображение кнопки аудио */
     '--chotto-callmessage-audio-button-display': string;
     /** Выравнивание элементов кнопки аудио */
@@ -206,6 +214,10 @@ export interface CallMessageThemeCSSVariables {
     '--chotto-callmessage-audio-slider-thumb-height': string;
     /** Цвет фона ползунка слайдера аудио */
     '--chotto-callmessage-audio-slider-thumb-background-color': string;
+    /** Граница ползунка слайдера аудио */
+    '--chotto-callmessage-audio-slider-thumb-border': string;
+    /** Тень ползунка слайдера аудио */
+    '--chotto-callmessage-audio-slider-thumb-box-shadow': string;
     /** Внешний отступ сверху ползунка слайдера аудио */
     '--chotto-callmessage-audio-slider-thumb-margin-top': string;
     /** Скругление ползунка слайдера аудио */
@@ -302,6 +314,12 @@ export interface CallMessageThemeCSSVariables {
     '--chotto-callmessage-left-subtext-margin': string;
     /** Колонка грида контента слева */
     '--chotto-callmessage-left-content-grid-column': string;
+    /** Эффект размытия фона блока слева */
+    '--chotto-callmessage-left-backdrop-filter': string;
+    /** Граница блока слева */
+    '--chotto-callmessage-left-border': string;
+    /** Тень блока слева */
+    '--chotto-callmessage-left-box-shadow': string;
     /** Отступ сверху кнопки меню слева */
     '--chotto-callmessage-left-menu-button-top': string;
     /** Отступ справа кнопки меню слева */
@@ -358,6 +376,12 @@ export interface CallMessageThemeCSSVariables {
     '--chotto-callmessage-right-content-grid-column': string;
     /** Выравнивание контента справа */
     '--chotto-callmessage-right-content-margin-left': string;
+    /** Эффект размытия фона блока справа */
+    '--chotto-callmessage-right-backdrop-filter': string;
+    /** Граница блока справа */
+    '--chotto-callmessage-right-border': string;
+    /** Тень блока справа */
+    '--chotto-callmessage-right-box-shadow': string;
     /** Отступ сверху кнопки меню справа */
     '--chotto-callmessage-right-menu-button-top': string;
     /** Отступ справа кнопки меню справа */

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

@@ -27,6 +27,12 @@ export interface DateMessageThemeCSSVariables {
     '--chotto-datemessage-text-border-radius': string;
     /** Цвет фона текста даты */
     '--chotto-datemessage-text-background-color': string;
+    /** Эффект размытия фона текста даты */
+    '--chotto-datemessage-text-backdrop-filter': string;
+    /** Граница текста даты */
+    '--chotto-datemessage-text-border': string;
+    /** Тень текста даты */
+    '--chotto-datemessage-text-box-shadow': string;
     /** Размер шрифта текста даты */
     '--chotto-datemessage-text-font-size': string;
     /** Цвет текста даты */

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

@@ -30,6 +30,10 @@ export interface DateMessageStickyThemeCSSVariables {
     '--chotto-datemessagesticky-text-font-size': string;
     /** Цвет фона текста закреплённой даты */
     '--chotto-datemessagesticky-text-background-color': string;
+    /** Эффект размытия фона текста закреплённой даты */
+    '--chotto-datemessagesticky-text-backdrop-filter': string;
+    /** Граница текста закреплённой даты */
+    '--chotto-datemessagesticky-text-border': string;
     /** Цвет текста закреплённой даты */
     '--chotto-datemessagesticky-text-color': string;
 }

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

@@ -52,4 +52,6 @@ export interface FeedKeyboardThemeCSSVariables {
     '--chotto-feedkeyboard-button-text-margin': string;
     /** Жирность шрифта текста кнопки клавиатуры ленты */
     '--chotto-feedkeyboard-button-text-font-weight': string;
+    /** Цвет шрифта текста кнопки клавиатуры ленты */
+    '--chotto-feedkeyboard-button-text-font-color': string;
 }

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

@@ -50,8 +50,20 @@ export interface FileMessageThemeCSSVariables {
     '--chotto-filemessage-right-triangle-z-index': string;
     /** Цвет фона пузыря слева */
     '--chotto-filemessage-left-bg': string;
+    /** Эффект размытия фона пузыря слева */
+    '--chotto-filemessage-left-backdrop-filter': string;
+    /** Граница пузыря слева */
+    '--chotto-filemessage-left-border': string;
+    /** Тень пузыря слева */
+    '--chotto-filemessage-left-box-shadow': string;
     /** Цвет фона пузыря справа */
     '--chotto-filemessage-right-bg': string;
+    /** Эффект размытия фона пузыря справа */
+    '--chotto-filemessage-right-backdrop-filter': string;
+    /** Граница пузыря справа */
+    '--chotto-filemessage-right-border': string;
+    /** Тень пузыря справа */
+    '--chotto-filemessage-right-box-shadow': string;
     /** Выравнивание аватара относительно себя */
     '--chotto-filemessage-avatar-align-self': string;
     /** Вписывание изображения аватара */