@mobilon-dev/chotto 0.3.21 → 0.3.23

package/dist/types/components/2_feed_elements/MessageReactions/composables/usePositioning.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Находит ближайший feed-контейнер в DOM дереве
+ */
+export declare function findFeedContainer(element: HTMLElement | null): HTMLElement | null;
+/**
+ * Определяет, является ли сообщение правым (outgoing)
+ */
+export declare function isRightMessage(element: HTMLElement | null): boolean;
+/**
+ * Вычисляет позицию панели реакций относительно кнопки и feed контейнера
+ */
+export declare function calculatePanelPosition(panelElement: HTMLElement | null, buttonElement: HTMLElement | null, estimatedWidth?: number): Promise<Record<string, string>>;
+/**
+ * Вычисляет позицию для fixed-элемента относительно viewport
+ */
+export declare function calculateFixedPanelPosition(panelElement: HTMLElement | null, buttonElement: HTMLElement | null, estimatedWidth?: number): Promise<Record<string, string>>;

package/dist/types/components/2_feed_elements/MessageReactions/composables/useReactions.d.ts

@@ -0,0 +1,19 @@
+import type { MessageReactions } from '@/types';
+/**
+ * Добавляет или увеличивает реакцию в локальном состоянии
+ */
+export declare function updateLocalReactionsAdd(localReactions: {
+    value: MessageReactions | undefined;
+}, key: string): void;
+/**
+ * Удаляет или уменьшает реакцию в локальном состоянии
+ */
+export declare function updateLocalReactionsRemove(localReactions: {
+    value: MessageReactions | undefined;
+}, key: string): void;
+/**
+ * Переключает реакцию (добавляет, если нет, или удаляет, если есть)
+ */
+export declare function updateLocalReactionsToggle(localReactions: {
+    value: MessageReactions | undefined;
+}, key: string): void;

package/dist/types/components/2_feed_elements/MessageReactions/composables/useReactionsPanel.d.ts

@@ -0,0 +1,23 @@
+import { type Ref } from 'vue';
+/**
+ * Композабл для управления панелями реакций (быстрые реакции и полный picker)
+ */
+export declare function useReactionsPanel(quickEmojis: Ref<readonly string[]>, addButtonRef: Ref<HTMLButtonElement | null>): {
+    isQuickReactionsOpen: Ref<boolean, boolean>;
+    isFullPickerOpen: Ref<boolean, boolean>;
+    pickerRef: Ref<HTMLElement | null, HTMLElement | null>;
+    quickReactionsRef: Ref<HTMLElement | null, HTMLElement | null>;
+    quickPanelStyle: Ref<Record<string, string>, Record<string, string>>;
+    pickerStyle: Ref<Record<string, string>, Record<string, string>>;
+    openQuickPanel: () => void;
+    closeQuickPanel: () => void;
+    openFullPicker: () => Promise<void>;
+    closeFullPicker: () => void;
+    handleQuickPanelMouseEnter: () => void;
+    handleQuickPanelMouseLeave: () => void;
+    handlePickerMouseEnter: () => void;
+    handlePickerMouseLeave: () => void;
+    handleButtonMouseEnter: () => void;
+    handleButtonMouseLeave: () => void;
+    handleClickOutside: (event: MouseEvent) => void;
+};

package/dist/types/components/2_feed_elements/MessageReactions/composables/useReactionsState.d.ts

@@ -0,0 +1,99 @@
+import { type Ref } from 'vue';
+import type { MessageReactions } from '@/types';
+/**
+ * Композабл для управления локальным состоянием реакций
+ */
+export declare function useReactionsState(initialReactions: Ref<MessageReactions | undefined>): {
+    localReactions: Ref<{
+        items: {
+            key: import("@/types").ReactionKey;
+            count: number;
+            reactedByMe?: boolean | undefined;
+        }[];
+        meta?: {
+            mode?: "single" | "multi" | undefined;
+        } | undefined;
+        recent?: {
+            userId: string | number;
+            key: import("@/types").ReactionKey;
+            date?: number | undefined;
+        }[] | undefined;
+        vendor?: {
+            telegram?: {
+                total_count?: number | undefined;
+                recent_reactions?: {
+                    type: {
+                        type: string;
+                        emoji?: string | undefined;
+                    };
+                    actor?: {
+                        id?: number | undefined;
+                        is_bot?: boolean | undefined;
+                        first_name?: string | undefined;
+                    } | undefined;
+                    date?: number | undefined;
+                }[] | undefined;
+                counts?: {
+                    type: {
+                        type: string;
+                        emoji: string;
+                    };
+                    count: number;
+                }[] | undefined;
+            } | undefined;
+            whatsapp?: {
+                lastEventAt?: number | undefined;
+            } | undefined;
+        } | undefined;
+    } | undefined, MessageReactions | {
+        items: {
+            key: import("@/types").ReactionKey;
+            count: number;
+            reactedByMe?: boolean | undefined;
+        }[];
+        meta?: {
+            mode?: "single" | "multi" | undefined;
+        } | undefined;
+        recent?: {
+            userId: string | number;
+            key: import("@/types").ReactionKey;
+            date?: number | undefined;
+        }[] | undefined;
+        vendor?: {
+            telegram?: {
+                total_count?: number | undefined;
+                recent_reactions?: {
+                    type: {
+                        type: string;
+                        emoji?: string | undefined;
+                    };
+                    actor?: {
+                        id?: number | undefined;
+                        is_bot?: boolean | undefined;
+                        first_name?: string | undefined;
+                    } | undefined;
+                    date?: number | undefined;
+                }[] | undefined;
+                counts?: {
+                    type: {
+                        type: string;
+                        emoji: string;
+                    };
+                    count: number;
+                }[] | undefined;
+            } | undefined;
+            whatsapp?: {
+                lastEventAt?: number | undefined;
+            } | undefined;
+        } | undefined;
+    } | undefined>;
+    displayedReactions: import("vue").ComputedRef<{
+        key: import("@/types").ReactionKey;
+        count: number;
+        reactedByMe?: boolean | undefined;
+    }[]>;
+    hasReactions: import("vue").ComputedRef<boolean>;
+    addReaction: (key: string) => void;
+    removeReaction: (key: string) => void;
+    toggleReaction: (key: string) => void;
+};

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

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import TextMessage from '../../TextMessage/TextMessage.vue';
+declare const meta: Meta<typeof TextMessage>;
+export default meta;
+type Story = StoryObj<typeof TextMessage>;
+export declare const Default: Story;
+export declare const LeftMessageReactions: Story;
+export declare const LeftMessageSingleReaction: Story;
+export declare const LeftMessageMultipleReactions: Story;
+export declare const LeftMessageNoReactions: Story;
+export declare const RightMessageReactions: Story;
+export declare const RightMessageSingleReaction: Story;
+export declare const RightMessageMultipleReactions: Story;
+export declare const RightMessageNoReactions: Story;
+export declare const AllReactionsActive: Story;
+export declare const LargeCountReactions: Story;

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

@@ -0,0 +1,221 @@
+/**
+ * CSS variables for MessageReactions component
+ */
+export interface MessageReactionsThemeCSSVariables {
+    /** Отображение контейнера реакций */
+    '--chotto-messagereactions-display': string;
+    /** Выравнивание элементов контейнера реакций */
+    '--chotto-messagereactions-align-items': string;
+    /** Промежуток между элементами реакций */
+    '--chotto-messagereactions-gap': string;
+    /** Позиционирование контейнера реакций */
+    '--chotto-messagereactions-position': string;
+    /** Минимальная высота контейнера реакций */
+    '--chotto-messagereactions-min-height': string;
+    /** Z-index контейнера реакций */
+    '--chotto-messagereactions-z-index': string;
+    /** Позиционирование контейнера реакций без реакций */
+    '--chotto-messagereactions-no-reactions-position': string;
+    /** Отступ снизу контейнера реакций без реакций */
+    '--chotto-messagereactions-no-reactions-bottom': string;
+    /** Высота контейнера реакций без реакций */
+    '--chotto-messagereactions-no-reactions-height': string;
+    /** Ширина контейнера реакций без реакций */
+    '--chotto-messagereactions-no-reactions-width': string;
+    /** Переполнение контейнера реакций без реакций */
+    '--chotto-messagereactions-no-reactions-overflow': string;
+    /** Минимальная высота контейнера реакций без реакций */
+    '--chotto-messagereactions-no-reactions-min-height': string;
+    /** Внешние отступы контейнера реакций без реакций */
+    '--chotto-messagereactions-no-reactions-margin': string;
+    /** Внутренние отступы контейнера реакций без реакций */
+    '--chotto-messagereactions-no-reactions-padding': string;
+    /** Z-index контейнера реакций без реакций */
+    '--chotto-messagereactions-no-reactions-z-index': string;
+    /** Отступ справа для левых сообщений без реакций */
+    '--chotto-messagereactions-left-no-reactions-right': string;
+    /** Отступ слева для левых сообщений без реакций */
+    '--chotto-messagereactions-left-no-reactions-left': string;
+    /** Отступ слева для правых сообщений без реакций */
+    '--chotto-messagereactions-right-no-reactions-left': string;
+    /** Отступ справа для правых сообщений без реакций */
+    '--chotto-messagereactions-right-no-reactions-right': string;
+    /** Отображение чипа реакции */
+    '--chotto-messagereactions-chip-display': string;
+    /** Выравнивание элементов чипа реакции */
+    '--chotto-messagereactions-chip-align-items': string;
+    /** Промежуток между элементами чипа реакции */
+    '--chotto-messagereactions-chip-gap': string;
+    /** Граница чипа реакции */
+    '--chotto-messagereactions-chip-border': string;
+    /** Фон чипа реакции */
+    '--chotto-messagereactions-chip-bg': string;
+    /** Цвет текста чипа реакции */
+    '--chotto-messagereactions-chip-fg': string;
+    /** Скругление чипа реакции */
+    '--chotto-messagereactions-chip-border-radius': string;
+    /** Внутренние отступы чипа реакции */
+    '--chotto-messagereactions-chip-padding': string;
+    /** Размер шрифта чипа реакции */
+    '--chotto-messagereactions-chip-font-size': string;
+    /** Курсор чипа реакции */
+    '--chotto-messagereactions-chip-cursor': string;
+    /** Граница активного чипа реакции */
+    '--chotto-messagereactions-chip-active-border': string;
+    /** Фон активного чипа реакции */
+    '--chotto-messagereactions-chip-active-bg': string;
+    /** Толщина шрифта активного чипа реакции */
+    '--chotto-messagereactions-chip-active-font-weight': string;
+    /** Высота строки эмодзи реакции */
+    '--chotto-messagereactions-emoji-line-height': string;
+    /** Высота строки счётчика реакции */
+    '--chotto-messagereactions-count-line-height': string;
+    /** Отображение кнопки добавления реакции */
+    '--chotto-messagereactions-add-display': string;
+    /** Выравнивание элементов кнопки добавления реакции */
+    '--chotto-messagereactions-add-align-items': string;
+    /** Выравнивание содержимого кнопки добавления реакции */
+    '--chotto-messagereactions-add-justify-content': string;
+    /** Ширина кнопки добавления реакции */
+    '--chotto-messagereactions-add-width': string;
+    /** Высота кнопки добавления реакции */
+    '--chotto-messagereactions-add-height': string;
+    /** Скругление кнопки добавления реакции */
+    '--chotto-messagereactions-add-border-radius': string;
+    /** Граница кнопки добавления реакции */
+    '--chotto-messagereactions-add-border': string;
+    /** Фон кнопки добавления реакции */
+    '--chotto-messagereactions-add-bg': string;
+    /** Цвет кнопки добавления реакции */
+    '--chotto-messagereactions-add-color': string;
+    /** Курсор кнопки добавления реакции */
+    '--chotto-messagereactions-add-cursor': string;
+    /** Размер шрифта кнопки добавления реакции */
+    '--chotto-messagereactions-add-font-size': string;
+    /** Прозрачность кнопки добавления реакции */
+    '--chotto-messagereactions-add-opacity': string;
+    /** Переход кнопки добавления реакции */
+    '--chotto-messagereactions-add-transition': string;
+    /** События указателя кнопки добавления реакции */
+    '--chotto-messagereactions-add-pointer-events': string;
+    /** Позиционирование кнопки добавления реакции */
+    '--chotto-messagereactions-add-position': string;
+    /** Отступ снизу кнопки добавления реакции */
+    '--chotto-messagereactions-add-bottom': string;
+    /** Z-index кнопки добавления реакции */
+    '--chotto-messagereactions-add-z-index': string;
+    /** Отступ справа кнопки добавления реакции для левых сообщений */
+    '--chotto-messagereactions-add-left-right': string;
+    /** Отступ слева кнопки добавления реакции для левых сообщений */
+    '--chotto-messagereactions-add-left-left': string;
+    /** Отступ слева кнопки добавления реакции для правых сообщений */
+    '--chotto-messagereactions-add-right-left': string;
+    /** Отступ справа кнопки добавления реакции для правых сообщений */
+    '--chotto-messagereactions-add-right-right': string;
+    /** Позиционирование кнопки добавления реакции когда есть реакции */
+    '--chotto-messagereactions-add-has-reactions-position': string;
+    /** Отступ снизу кнопки добавления реакции когда есть реакции */
+    '--chotto-messagereactions-add-has-reactions-bottom': string;
+    /** Трансформация кнопки добавления реакции когда есть реакции */
+    '--chotto-messagereactions-add-has-reactions-transform': string;
+    /** Прозрачность кнопки добавления реакции когда есть чипы */
+    '--chotto-messagereactions-add-has-chip-opacity': string;
+    /** События указателя кнопки добавления реакции когда есть чипы */
+    '--chotto-messagereactions-add-has-chip-pointer-events': string;
+    /** Позиционирование панели быстрых реакций */
+    '--chotto-messagereactions-quick-panel-position': string;
+    /** Отступ сверху панели быстрых реакций */
+    '--chotto-messagereactions-quick-panel-top': string;
+    /** Отступ слева панели быстрых реакций */
+    '--chotto-messagereactions-quick-panel-left': string;
+    /** Внешний отступ сверху панели быстрых реакций */
+    '--chotto-messagereactions-quick-panel-margin-top': string;
+    /** Фон панели быстрых реакций */
+    '--chotto-messagereactions-quick-panel-bg': string;
+    /** Граница панели быстрых реакций */
+    '--chotto-messagereactions-quick-panel-border': string;
+    /** Скругление панели быстрых реакций */
+    '--chotto-messagereactions-quick-panel-border-radius': string;
+    /** Тень панели быстрых реакций */
+    '--chotto-messagereactions-quick-panel-box-shadow': string;
+    /** Внутренние отступы панели быстрых реакций */
+    '--chotto-messagereactions-quick-panel-padding': string;
+    /** Отображение панели быстрых реакций */
+    '--chotto-messagereactions-quick-panel-display': string;
+    /** Выравнивание элементов панели быстрых реакций */
+    '--chotto-messagereactions-quick-panel-align-items': string;
+    /** Промежуток между элементами панели быстрых реакций */
+    '--chotto-messagereactions-quick-panel-gap': string;
+    /** Z-index панели быстрых реакций */
+    '--chotto-messagereactions-quick-panel-z-index': string;
+    /** Отступ слева панели быстрых реакций для правых сообщений */
+    '--chotto-messagereactions-quick-panel-right-left': string;
+    /** Отступ справа панели быстрых реакций для правых сообщений */
+    '--chotto-messagereactions-quick-panel-right-right': string;
+    /** Отображение элемента быстрой реакции */
+    '--chotto-messagereactions-quick-item-display': string;
+    /** Выравнивание элементов элемента быстрой реакции */
+    '--chotto-messagereactions-quick-item-align-items': string;
+    /** Выравнивание содержимого элемента быстрой реакции */
+    '--chotto-messagereactions-quick-item-justify-content': string;
+    /** Ширина элемента быстрой реакции */
+    '--chotto-messagereactions-quick-item-width': string;
+    /** Высота элемента быстрой реакции */
+    '--chotto-messagereactions-quick-item-height': string;
+    /** Скругление элемента быстрой реакции */
+    '--chotto-messagereactions-quick-item-border-radius': string;
+    /** Граница элемента быстрой реакции */
+    '--chotto-messagereactions-quick-item-border': string;
+    /** Фон элемента быстрой реакции */
+    '--chotto-messagereactions-quick-item-bg': string;
+    /** Курсор элемента быстрой реакции */
+    '--chotto-messagereactions-quick-item-cursor': string;
+    /** Размер шрифта элемента быстрой реакции */
+    '--chotto-messagereactions-quick-item-font-size': string;
+    /** Переход элемента быстрой реакции */
+    '--chotto-messagereactions-quick-item-transition': string;
+    /** Фон элемента быстрой реакции при наведении */
+    '--chotto-messagereactions-quick-item-hover-bg': string;
+    /** Отображение кнопки развернуть */
+    '--chotto-messagereactions-expand-display': string;
+    /** Выравнивание элементов кнопки развернуть */
+    '--chotto-messagereactions-expand-align-items': string;
+    /** Выравнивание содержимого кнопки развернуть */
+    '--chotto-messagereactions-expand-justify-content': string;
+    /** Ширина кнопки развернуть */
+    '--chotto-messagereactions-expand-width': string;
+    /** Высота кнопки развернуть */
+    '--chotto-messagereactions-expand-height': string;
+    /** Скругление кнопки развернуть */
+    '--chotto-messagereactions-expand-border-radius': string;
+    /** Граница кнопки развернуть */
+    '--chotto-messagereactions-expand-border': string;
+    /** Фон кнопки развернуть */
+    '--chotto-messagereactions-expand-bg': string;
+    /** Курсор кнопки развернуть */
+    '--chotto-messagereactions-expand-cursor': string;
+    /** Размер шрифта кнопки развернуть */
+    '--chotto-messagereactions-expand-font-size': string;
+    /** Цвет кнопки развернуть */
+    '--chotto-messagereactions-expand-color': string;
+    /** Переход кнопки развернуть */
+    '--chotto-messagereactions-expand-transition': string;
+    /** Фон кнопки развернуть при наведении */
+    '--chotto-messagereactions-expand-hover-bg': string;
+    /** Высота строки span внутри кнопки развернуть */
+    '--chotto-messagereactions-expand-span-line-height': string;
+    /** Толщина шрифта span внутри кнопки развернуть */
+    '--chotto-messagereactions-expand-span-font-weight': string;
+    /** Z-index пикера реакций */
+    '--chotto-messagereactions-picker-z-index': string;
+    /** Позиционирование emoji picker внутри пикера */
+    '--chotto-messagereactions-picker-emoji-picker-position': string;
+    /** Z-index emoji picker внутри пикера */
+    '--chotto-messagereactions-picker-emoji-picker-z-index': string;
+    /** Переход появления/исчезновения попапа реакций */
+    '--chotto-messagereactions-popover-transition': string;
+    /** Прозрачность попапа реакций в начале */
+    '--chotto-messagereactions-popover-enter-from-opacity': string;
+    /** Трансформация попапа реакций в начале */
+    '--chotto-messagereactions-popover-enter-from-transform': string;
+}

package/dist/types/components/2_feed_elements/MessageReactions/utils/quickReactions.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Список популярных эмоджи для быстрых реакций
+ * Используется в MessageReactions
+ */
+export declare const QUICK_REACTION_EMOJIS: readonly ["👍", "❤️", "🔥", "😂", "😮", "😢"];
+export type QuickReactionEmoji = typeof QUICK_REACTION_EMOJIS[number];

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

@@ -0,0 +1,16 @@
+import { IStickerMessage } from '@/types';
+import '@/utils/suppress-lit-warning';
+import '../StickerMessage/libs/tgs-player/lottie-player.esm.js';
+import '../StickerMessage/libs/tgs-player/tgs-player.esm.js';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    message: {
+        type: () => IStickerMessage;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    message: {
+        type: () => IStickerMessage;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import ReplyStickerMessage from '../ReplyStickerMessage.vue';
+declare const meta: Meta<typeof ReplyStickerMessage>;
+export default meta;
+type Story = StoryObj<typeof ReplyStickerMessage>;
+export declare const Default: Story;
+export declare const RightPosition: Story;
+export declare const WithHeader: Story;
+export declare const AnimatedSticker: Story;
+export declare const AnimatedStickerWithHeader: Story;

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

@@ -0,0 +1,107 @@
+/**
+ * CSS variables for ReplyStickerMessage component
+ */
+export interface ReplyStickerMessageThemeCSSVariables {
+    /** Внешние отступы абзаца */
+    '--chotto-replystickermessage-p-margin': string;
+    /** Размер шрифта абзаца */
+    '--chotto-replystickermessage-p-font-size': string;
+    /** Цвет абзаца */
+    '--chotto-replystickermessage-p-color': string;
+    /** Переполнение абзаца */
+    '--chotto-replystickermessage-p-overflow': string;
+    /** Обрезка текста абзаца */
+    '--chotto-replystickermessage-p-text-overflow': string;
+    /** Отображение абзаца (webkit box) */
+    '--chotto-replystickermessage-p-display': string;
+    /** Лимит строк абзаца (webkit) */
+    '--chotto-replystickermessage-p-webkit-line-clamp': string;
+    /** Лимит строк абзаца */
+    '--chotto-replystickermessage-p-line-clamp': string;
+    /** Ориентация контейнера строк (webkit) */
+    '--chotto-replystickermessage-p-webkit-box-orient': string;
+    /** Колонка грида кнопки превью */
+    '--chotto-replystickermessage-preview-button-grid-column': string;
+    /** Позиционирование кнопки превью */
+    '--chotto-replystickermessage-preview-button-position': string;
+    /** Отображение кнопки превью */
+    '--chotto-replystickermessage-preview-button-display': string;
+    /** Направление флекс-контейнера кнопки превью */
+    '--chotto-replystickermessage-preview-button-flex-direction': string;
+    /** Внутренние отступы кнопки превью */
+    '--chotto-replystickermessage-preview-button-padding': string;
+    /** Ширина превью-стикера */
+    '--chotto-replystickermessage-preview-image-width': string;
+    /** Высота превью-стикера */
+    '--chotto-replystickermessage-preview-image-height': string;
+    /** Курсор при наведении на превью */
+    '--chotto-replystickermessage-preview-image-cursor': string;
+    /** Вписывание превью-стикера */
+    '--chotto-replystickermessage-preview-image-object-fit': string;
+    /** Скругление превью-стикера */
+    '--chotto-replystickermessage-preview-image-border-radius': string;
+    /** Внешние отступы превью-стикера */
+    '--chotto-replystickermessage-preview-image-margin': string;
+    /** Ширина анимированного превью-стикера (TGS) */
+    '--chotto-replystickermessage-preview-image-animated-width': string;
+    /** Высота анимированного превью-стикера (TGS) */
+    '--chotto-replystickermessage-preview-image-animated-height': string;
+    /** Курсор при наведении на анимированное превью */
+    '--chotto-replystickermessage-preview-image-animated-cursor': string;
+    /** Вписывание анимированного превью-стикера (TGS) */
+    '--chotto-replystickermessage-preview-image-animated-object-fit': string;
+    /** Скругление анимированного превью-стикера */
+    '--chotto-replystickermessage-preview-image-animated-border-radius': string;
+    /** Внешние отступы анимированного превью-стикера */
+    '--chotto-replystickermessage-preview-image-animated-margin': string;
+    /** Ширина стикера в модальном окне */
+    '--chotto-replystickermessage-modal-image-width': string;
+    /** Высота стикера в модальном окне */
+    '--chotto-replystickermessage-modal-image-height': string;
+    /** Вписывание стикера в модальном окне */
+    '--chotto-replystickermessage-modal-image-object-fit': string;
+    /** Скругление стикера в модальном окне */
+    '--chotto-replystickermessage-modal-image-border-radius': string;
+    /** Максимальная высота стикера в модальном окне */
+    '--chotto-replystickermessage-modal-image-max-height': string;
+    /** Ширина анимированного стикера в модальном окне (TGS) */
+    '--chotto-replystickermessage-modal-image-animated-width': string;
+    /** Высота анимированного стикера в модальном окне (TGS) */
+    '--chotto-replystickermessage-modal-image-animated-height': string;
+    /** Вписывание анимированного стикера в модальном окне (TGS) */
+    '--chotto-replystickermessage-modal-image-animated-object-fit': string;
+    /** Скругление анимированного стикера в модальном окне */
+    '--chotto-replystickermessage-modal-image-animated-border-radius': string;
+    /** Максимальная высота анимированного стикера в модальном окне (TGS) */
+    '--chotto-replystickermessage-modal-image-animated-max-height': string;
+    /** Перенос слов в контейнере текста */
+    '--chotto-replystickermessage-text-container-word-wrap': string;
+    /** Выравнивание содержимого текстового контейнера */
+    '--chotto-replystickermessage-text-container-align-content': string;
+    /** Перенос слов в тексте */
+    '--chotto-replystickermessage-text-container-word-break': string;
+    /** Отступ сверху у текста */
+    '--chotto-replystickermessage-text-margin-top': string;
+    /** Размер шрифта текста */
+    '--chotto-replystickermessage-text-font-size': string;
+    /** Цвет текста */
+    '--chotto-replystickermessage-text-color': string;
+    /** Отображение описания ответа */
+    '--chotto-replystickermessage-reply-description-display': string;
+    /** Выравнивание элементов описания ответа */
+    '--chotto-replystickermessage-reply-description-align-items': string;
+    /** Промежуток между элементами описания ответа */
+    '--chotto-replystickermessage-reply-description-column-gap': string;
+    /** Отступ снизу описания ответа */
+    '--chotto-replystickermessage-reply-description-margin-bottom': string;
+    /** Непереносимый пробел в описании */
+    '--chotto-replystickermessage-reply-description-white-space': string;
+    /** Цвет спана в описании ответа */
+    '--chotto-replystickermessage-reply-description-span-color': string;
+    /** Переход появления модального окна */
+    '--chotto-replystickermessage-modal-fade-enter-active-transition': string;
+    /** Прозрачность модального окна в начале */
+    '--chotto-replystickermessage-modal-fade-enter-from-opacity': string;
+    /** Прозрачность модального окна в конце */
+    '--chotto-replystickermessage-modal-fade-enter-to-opacity': string;
+}

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

@@ -0,0 +1,41 @@
+import { IStickerMessage } from '@/types';
+import '@/utils/suppress-lit-warning';
+import './libs/tgs-player/lottie-player.esm.js';
+import './libs/tgs-player/tgs-player.esm.js';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    message: {
+        type: () => IStickerMessage;
+        required: true;
+    };
+    applyStyle: {
+        type: FunctionConstructor;
+        default: () => null;
+    };
+    isFirstInSeries: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    reply: (...args: any[]) => void;
+    action: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    message: {
+        type: () => IStickerMessage;
+        required: true;
+    };
+    applyStyle: {
+        type: FunctionConstructor;
+        default: () => null;
+    };
+    isFirstInSeries: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onReply?: ((...args: any[]) => any) | undefined;
+    onAction?: ((...args: any[]) => any) | undefined;
+}>, {
+    applyStyle: Function;
+    isFirstInSeries: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;