@mobilon-dev/chotto 0.3.25 → 0.3.27

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

@@ -56,4 +56,8 @@ export interface ContextMenuThemeCSSVariables {
     '--chotto-contextmenu-item-hover-background-color': string;
     /** Граница снизу элемента контекстного меню (не последний) */
     '--chotto-contextmenu-item-not-last-child-border-bottom': string;
+    /** Непрозрачность отключенного элемента контекстного меню */
+    '--chotto-contextmenu-item-disabled-opacity': string;
+    /** Курсор отключенного элемента контекстного меню */
+    '--chotto-contextmenu-item-disabled-cursor': string;
 }

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

@@ -26,7 +26,7 @@ interface UseCommunicationChannelsOptions {
 }
 export declare function useCommunicationChannels({ channels, channelTooltips, selectedChannelType }: UseCommunicationChannelsOptions): {
     channelsTypes: ComputedRef<{
-        type: "phone" | "whatsapp" | "telegram" | "max" | "sms";
+        type: "phone" | "whatsapp" | "telegram" | "sms" | "max";
         component: Component;
     }[]>;
     getTooltipText: (channelType: string) => string;

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

@@ -21,3 +21,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const InteractiveWithFeed: Story;

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

@@ -3,6 +3,7 @@ export interface IAction {
     title: string;
     icon?: string;
     prime?: string;
+    disabled?: boolean;
 }
 export interface IChatDialog {
     branchId: 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-max-height': string;
     /** Отображение базовой линии */
     '--chotto-chatinfo-base-line-display': string;
     /** Выравнивание элементов базовой линии по вертикали */

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

@@ -22,8 +22,18 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-content-max-width': string;
     /** Минимальная ширина контейнера */
     '--chotto-audiomessage-content-min-width': string;
-    /** Внутренние отступы контейнера */
-    '--chotto-audiomessage-content-padding': string;
+    /** Минимальная высота контейнера */
+    '--chotto-audiomessage-content-min-height': string;
+    /** Высота контейнера */
+    '--chotto-audiomessage-content-height': string;
+    /** Внутренний отступ сверху контейнера */
+    '--chotto-audiomessage-content-padding-top': string;
+    /** Внутренний отступ справа контейнера */
+    '--chotto-audiomessage-content-padding-right': string;
+    /** Внутренний отступ снизу контейнера */
+    '--chotto-audiomessage-content-padding-bottom': string;
+    /** Внутренний отступ слева контейнера */
+    '--chotto-audiomessage-content-padding-left': string;
     /** Контент псевдоэлемента "хвостик" слева */
     '--chotto-audiomessage-left-arrow-content': string;
     /** Позиционирование хвостика слева */
@@ -56,8 +66,6 @@ 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;
     /** Позиционирование контейнера аудио-плеера */
@@ -68,14 +76,14 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-audio-container-grid-template-columns': string;
     /** Промежуток между колонками плеера */
     '--chotto-audiomessage-audio-container-column-gap': string;
-    /** Максимальная ширина контейнера плеера */
-    '--chotto-audiomessage-audio-container-max-width': string;
     /** Скругление контейнера плеера */
     '--chotto-audiomessage-audio-container-border-radius': string;
     /** Внутренние отступы контейнера плеера */
     '--chotto-audiomessage-audio-container-padding': string;
     /** Захват двух колонок в сетке */
     '--chotto-audiomessage-audio-container-grid-column': string;
+    /** Выравнивание элементов контейнера аудио-плеера */
+    '--chotto-audiomessage-audio-container-align-items': string;
     /** Граница кнопки play/pause */
     '--chotto-audiomessage-play-pause-border': string;
     /** Курсор кнопки play/pause */
@@ -90,7 +98,19 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-play-pause-height': string;
     /** Скругление кнопки play/pause */
     '--chotto-audiomessage-play-pause-border-radius': string;
+    /** Отображение кнопки play/pause */
+    '--chotto-audiomessage-play-pause-display': string;
+    /** Выравнивание элементов кнопки play/pause */
+    '--chotto-audiomessage-play-pause-align-items': string;
+    /** Выравнивание содержимого кнопки play/pause */
+    '--chotto-audiomessage-play-pause-justify-content': string;
     /** Отображение иконки play/pause */
+    '--chotto-audiomessage-play-pause-icon-display': string;
+    /** Выравнивание элементов иконки play/pause */
+    '--chotto-audiomessage-play-pause-icon-align-items': string;
+    /** Выравнивание содержимого иконки play/pause */
+    '--chotto-audiomessage-play-pause-icon-justify-content': string;
+    /** Отображение иконки play/pause (legacy) */
     '--chotto-audiomessage-play-pause-span-display': string;
     /** Позиционирование иконки play/pause */
     '--chotto-audiomessage-play-pause-span-position': string;
@@ -116,6 +136,26 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-progress-bar-margin-top': string;
     /** Отступ слева прогресс-бара */
     '--chotto-audiomessage-progress-bar-margin-left': string;
+    /** Высота трека прогресс-бара */
+    '--chotto-audiomessage-progress-bar-track-height': string;
+    /** Фон прогресса прогресс-бара */
+    '--chotto-audiomessage-progress-bar-progress-background': string;
+    /** Flex-свойство прогресс-бара */
+    '--chotto-audiomessage-progress-bar-flex': string;
+    /** Ширина прогресс-бара */
+    '--chotto-audiomessage-progress-bar-width': string;
+    /** Колонка грида обёртки прогресс-бара */
+    '--chotto-audiomessage-progress-wrapper-grid-column': string;
+    /** Ряд грида обёртки прогресс-бара */
+    '--chotto-audiomessage-progress-wrapper-grid-row': string;
+    /** Отображение обёртки прогресс-бара */
+    '--chotto-audiomessage-progress-wrapper-display': string;
+    /** Выравнивание элементов обёртки прогресс-бара */
+    '--chotto-audiomessage-progress-wrapper-align-items': string;
+    /** Промежуток между колонками обёртки прогресс-бара */
+    '--chotto-audiomessage-progress-wrapper-column-gap': string;
+    /** Выравнивание обёртки прогресс-бара */
+    '--chotto-audiomessage-progress-wrapper-align-self': string;
     /** Ширина бегунка прогресс-бара */
     '--chotto-audiomessage-progress-bar-thumb-width': string;
     /** Высота бегунка прогресс-бара */
@@ -128,10 +168,20 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-progress-bar-thumb-border-radius': string;
     /** Тень бегунка (для заливки полосы) */
     '--chotto-audiomessage-progress-bar-thumb-box-shadow': string;
+    /** Отступ сверху бегунка прогресс-бара */
+    '--chotto-audiomessage-progress-bar-thumb-margin-top': string;
+    /** Колонка грида блока управления плеером */
+    '--chotto-audiomessage-player-controls-grid-column': string;
+    /** Ряд грида блока управления плеером */
+    '--chotto-audiomessage-player-controls-grid-row': string;
     /** Отображение блока управления плеером */
     '--chotto-audiomessage-player-controls-display': string;
     /** Выравнивание элементов управления плеером */
     '--chotto-audiomessage-player-controls-justify-content': string;
+    /** Отступ сверху блока управления плеером */
+    '--chotto-audiomessage-player-controls-margin-top': string;
+    /** Дополнительное смещение блока управления плеером */
+    '--chotto-audiomessage-player-controls-extra-offset': string;
     /** Отображение контейнера кнопок скорости */
     '--chotto-audiomessage-speed-btn-container-display': string;
     /** Промежуток между кнопками скорости */
@@ -152,12 +202,18 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-speed-btn-hover-font-weight': string;
     /** Толщина шрифта выбранной кнопки */
     '--chotto-audiomessage-speed-btn-selected-font-weight': string;
-    /** Колонка грида оставшегося времени */
-    '--chotto-audiomessage-remaining-time-grid-column': string;
-    /** Отступ снизу у оставшегося времени */
-    '--chotto-audiomessage-remaining-time-margin-bottom': string;
-    /** Высота контейнера оставшегося времени */
-    '--chotto-audiomessage-remaining-time-height': string;
+    /** Цвет текста кнопки скорости */
+    '--chotto-audiomessage-speed-btn-text-color': string;
+    /** Отступ времени */
+    '--chotto-audiomessage-time-margin': string;
+    /** Толщина шрифта времени */
+    '--chotto-audiomessage-time-font-weight': string;
+    /** Цвет времени */
+    '--chotto-audiomessage-time-color': string;
+    /** Отступ слева длительности */
+    '--chotto-audiomessage-duration-margin-left': string;
+    /** Выравнивание текста длительности */
+    '--chotto-audiomessage-duration-text-align': string;
     /** Выравнивание аватара */
     '--chotto-audiomessage-avatar-align-self': string;
     /** Вписывание изображения аватара */
@@ -168,16 +224,20 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-avatar-min-height': string;
     /** Скругление аватара */
     '--chotto-audiomessage-avatar-border-radius': string;
-    /** Колонка грида инфо-контейнера */
-    '--chotto-audiomessage-info-container-grid-column': string;
-    /** Отступ слева у инфо-контейнера */
-    '--chotto-audiomessage-info-container-margin-left': string;
+    /** Позиционирование инфо-контейнера */
+    '--chotto-audiomessage-info-container-position': string;
+    /** Отступ справа инфо-контейнера */
+    '--chotto-audiomessage-info-container-right': string;
+    /** Отступ снизу инфо-контейнера */
+    '--chotto-audiomessage-info-container-bottom': string;
     /** Отображение инфо-контейнера */
     '--chotto-audiomessage-info-container-display': string;
     /** Выравнивание элементов инфо-контейнера */
     '--chotto-audiomessage-info-container-align-items': string;
     /** Промежуток между элементами инфо-контейнера */
     '--chotto-audiomessage-info-container-column-gap': string;
+    /** События указателя инфо-контейнера */
+    '--chotto-audiomessage-info-container-pointer-events': string;
     /** Позиционирование кнопки скачивания */
     '--chotto-audiomessage-download-button-position': string;
     /** Отступ справа кнопки скачивания */
@@ -220,6 +280,8 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-menu-button-cursor': string;
     /** Переход кнопки меню */
     '--chotto-audiomessage-menu-button-transition': string;
+    /** Z-index кнопки меню */
+    '--chotto-audiomessage-menu-button-z-index': string;
     /** Позиционирование контекстного меню */
     '--chotto-audiomessage-context-menu-position': string;
     /** Колонка грида текстового контейнера */
@@ -256,6 +318,20 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-transcript-delimiter-height': string;
     /** Скругление разделителя */
     '--chotto-audiomessage-transcript-delimiter-border-radius': string;
+    /** Колонка грида реакций */
+    '--chotto-audiomessage-reactions-grid-column': string;
+    /** Отступ сверху реакций */
+    '--chotto-audiomessage-reactions-margin-top': string;
+    /** Отступ снизу реакций */
+    '--chotto-audiomessage-reactions-margin-bottom': string;
+    /** Перенос строк реакций */
+    '--chotto-audiomessage-reactions-flex-wrap': string;
+    /** Максимальная ширина реакций */
+    '--chotto-audiomessage-reactions-max-width': string;
+    /** Внутренний отступ справа реакций */
+    '--chotto-audiomessage-reactions-padding-right': string;
+    /** Внутренний отступ снизу реакций */
+    '--chotto-audiomessage-reactions-padding-bottom': string;
     /** Отображение общего контейнера лево/право */
     '--chotto-audiomessage-left-right-display': string;
     /** Шаблон колонок левой раскладки */
@@ -280,12 +356,24 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-left-menu-button-top': string;
     /** Положение кнопки меню слева (right) */
     '--chotto-audiomessage-left-menu-button-right': string;
+    /** Положение кнопки меню слева (bottom) */
+    '--chotto-audiomessage-left-menu-button-bottom': string;
+    /** Положение кнопки меню слева (left) */
+    '--chotto-audiomessage-left-menu-button-left': string;
     /** Позиция контекстного меню слева (top) */
     '--chotto-audiomessage-left-context-menu-top': string;
     /** Позиция контекстного меню слева (left) */
     '--chotto-audiomessage-left-context-menu-left': string;
     /** Отступ контекстного меню слева сверху */
     '--chotto-audiomessage-left-context-menu-margin-top': string;
+    /** Ширина контекстного меню слева */
+    '--chotto-audiomessage-left-context-menu-width': string;
+    /** Высота контекстного меню слева */
+    '--chotto-audiomessage-left-context-menu-height': string;
+    /** Промежуток между строками контекстного меню слева */
+    '--chotto-audiomessage-left-context-menu-row-gap': string;
+    /** Внутренние отступы контекстного меню слева */
+    '--chotto-audiomessage-left-context-menu-padding': string;
     /** Шаблон колонок правой раскладки */
     '--chotto-audiomessage-right-grid-template-columns': string;
     /** Колонка грида аватара справа */
@@ -310,12 +398,24 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-right-menu-button-top': string;
     /** Положение кнопки меню справа (left) */
     '--chotto-audiomessage-right-menu-button-left': string;
+    /** Положение кнопки меню справа (bottom) */
+    '--chotto-audiomessage-right-menu-button-bottom': string;
+    /** Положение кнопки меню справа (right) */
+    '--chotto-audiomessage-right-menu-button-right': string;
     /** Позиция контекстного меню справа (top) */
     '--chotto-audiomessage-right-context-menu-top': string;
     /** Позиция контекстного меню справа (right) */
     '--chotto-audiomessage-right-context-menu-right': string;
     /** Отступ контекстного меню справа сверху */
     '--chotto-audiomessage-right-context-menu-margin-top': string;
+    /** Ширина контекстного меню справа */
+    '--chotto-audiomessage-right-context-menu-width': string;
+    /** Высота контекстного меню справа */
+    '--chotto-audiomessage-right-context-menu-height': string;
+    /** Промежуток между строками контекстного меню справа */
+    '--chotto-audiomessage-right-context-menu-row-gap': string;
+    /** Внутренние отступы контекстного меню справа */
+    '--chotto-audiomessage-right-context-menu-padding': string;
     /** Позиционирование модального окна */
     '--chotto-audiomessage-modal-position': string;
     /** Отступ сверху модального окна */
@@ -378,8 +478,6 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-type-icon-color': string;
     /** Размер шрифта кнопки скорости */
     '--chotto-audiomessage-speed-btn-font-size': string;
-    /** Размер шрифта оставшегося времени */
-    '--chotto-audiomessage-remaining-time-font-size': string;
     /** Размер шрифта подписи */
     '--chotto-audiomessage-subtext-font-size': string;
     /** Цвет текста подписи */

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

@@ -8,7 +8,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: FunctionConstructor;
         default: () => null;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    reply: (...args: any[]) => void;
+    action: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     message: {
         type: () => ICallMessage;
         required: true;
@@ -17,7 +20,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: FunctionConstructor;
         default: () => null;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onReply?: ((...args: any[]) => any) | undefined;
+    onAction?: ((...args: any[]) => any) | undefined;
+}>, {
     applyStyle: Function;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/components/2_feed_elements/CallMessage/icons/IncomingCallIcon.vue.d.ts

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

package/dist/types/components/2_feed_elements/CallMessage/icons/OutgoingCallIcon.vue.d.ts

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

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

@@ -4,18 +4,3 @@ declare const meta: Meta<typeof CallMessage>;
 export default meta;
 type Story = StoryObj<typeof CallMessage>;
 export declare const Default: Story;
-export declare const NoAnswerLeft: Story;
-export declare const NoAnswerRight: Story;
-export declare const NoAnswerLeftWithAvatar: Story;
-export declare const NoAnswerRightWithAvatar: Story;
-export declare const NoAnswerLeftWithAvatarAndSubtext: Story;
-export declare const NoAnswerRightWithAvatarAndSubtext: Story;
-export declare const CallHappenedLeft: Story;
-export declare const CallHappenedRight: Story;
-export declare const RightCallMissed: Story;
-export declare const RightCallSuccess: Story;
-export declare const RightCallLong: Story;
-export declare const RecallLeft: Story;
-export declare const RecallRight: Story;
-export declare const LeftCallWithTranscript: Story;
-export declare const RightCallWithTranscript: Story;