@mobilon-dev/chotto 0.3.40 → 0.3.42

package/dist/types/apps/data/messages.d.ts

@@ -1903,6 +1903,37 @@ export declare const messages: ({
     statusMsg?: undefined;
     backgroundColor?: undefined;
     callAttemptDuration?: undefined;
+} | {
+    chatId: number;
+    dialogId: string;
+    type: string;
+    direction: string;
+    messageId: string;
+    timestamp: string;
+    header: string;
+    subText: string;
+    position?: undefined;
+    status?: undefined;
+    time?: undefined;
+    url?: undefined;
+    callDuration?: undefined;
+    isMissedCall?: undefined;
+    callParticipant?: undefined;
+    avatar?: undefined;
+    actions?: undefined;
+    text?: undefined;
+    embed?: undefined;
+    views?: undefined;
+    alt?: undefined;
+    reply?: undefined;
+    filename?: undefined;
+    transcript?: undefined;
+    linkPreview?: undefined;
+    keyboard?: undefined;
+    reactions?: undefined;
+    statusMsg?: undefined;
+    backgroundColor?: undefined;
+    callAttemptDuration?: undefined;
 } | {
     chatId: number;
     dialogId: string;

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

@@ -23,6 +23,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: NumberConstructor;
         default: number;
     };
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>, {
     startAutoShow: () => void;
     clearAutoTimer: () => void;
@@ -47,11 +51,16 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: NumberConstructor;
         default: number;
     };
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & Readonly<{}>, {
     position: string;
     offset: number;
     trigger: string;
     autoShowDuration: number;
+    delay: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -24,6 +24,8 @@ export interface TooltipThemeCSSVariables {
     '--chotto-tooltip-font-weight': string;
     /** Высота строки подсказки */
     '--chotto-tooltip-line-height': string;
+    /** Обработка пробелов и переносов строк в подсказке */
+    '--chotto-tooltip-white-space': string;
     /** Тень подсказки */
     '--chotto-tooltip-box-shadow': string;
     /** Z-index подсказки */

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

@@ -0,0 +1,40 @@
+import { IMissedCallMessage } from '@/types';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    message: {
+        type: () => IMissedCallMessage;
+        required: true;
+    };
+    applyStyle: {
+        type: FunctionConstructor;
+        default: () => null;
+    };
+    subtextTooltipData: {
+        type: () => Record<string, string>;
+        required: false;
+        default: () => {};
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    action: (...args: any[]) => void;
+    reply: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    message: {
+        type: () => IMissedCallMessage;
+        required: true;
+    };
+    applyStyle: {
+        type: FunctionConstructor;
+        default: () => null;
+    };
+    subtextTooltipData: {
+        type: () => Record<string, string>;
+        required: false;
+        default: () => {};
+    };
+}>> & Readonly<{
+    onAction?: ((...args: any[]) => any) | undefined;
+    onReply?: ((...args: any[]) => any) | undefined;
+}>, {
+    applyStyle: Function;
+    subtextTooltipData: Record<string, string>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/2_feed_elements/MissedCallMessage/icons/MissedCallIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, 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_feed_elements/MissedCallMessage/stories/MissedCallMessage.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import MissedCallMessage from '../MissedCallMessage.vue';
+declare const meta: Meta<typeof MissedCallMessage>;
+export default meta;
+type Story = StoryObj<typeof MissedCallMessage>;
+export declare const Default: Story;
+export declare const WithAvatar: Story;
+export declare const WithSubtext: Story;
+export declare const WithHeader: Story;
+export declare const WithAll: Story;
+export declare const WithActions: Story;
+export declare const WithAllFeatures: Story;

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

@@ -236,3 +236,13 @@ export interface IStickerMessage {
     reactions?: MessageReactions;
     backgroundColor?: string;
 }
+export interface IMissedCallMessage {
+    messageId: string;
+    position: string;
+    time: string;
+    avatar?: string;
+    header?: string;
+    subText?: string;
+    actions?: IAction[];
+    backgroundColor?: string;
+}

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

@@ -6,9 +6,15 @@ type __VLS_WithSlots<T, S> = T & (new () => {
 declare const __VLS_component: import("vue").DefineComponent<{}, {
     title: string;
     titleEnabled: boolean;
+    logoEnabled: boolean;
+    betaEnabled: boolean;
+    betaTooltipText: string;
     $props: {
         readonly title?: string | undefined;
         readonly titleEnabled?: boolean | undefined;
+        readonly logoEnabled?: boolean | undefined;
+        readonly betaEnabled?: boolean | undefined;
+        readonly betaTooltipText?: string | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {

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

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, 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/3_compounds/ChatList/styles/types.d.ts

@@ -80,6 +80,46 @@ export interface ChatListThemeCSSVariables {
     '--chotto-chatlist-title-font-weight': string;
     /** Цвет текста заголовка */
     '--chotto-chatlist-title-text-color': string;
+    /** Отображение блока заголовка */
+    '--chotto-chatlist-title-block-display': string;
+    /** Выравнивание элементов блока заголовка */
+    '--chotto-chatlist-title-block-align': string;
+    /** Ширина логотипа заголовка */
+    '--chotto-chatlist-title-logo-width': string;
+    /** Высота логотипа заголовка */
+    '--chotto-chatlist-title-logo-height': string;
+    /** Отступ слева логотипа заголовка */
+    '--chotto-chatlist-title-logo-margin-left': string;
+    /** Коэффициент сжатия логотипа заголовка */
+    '--chotto-chatlist-title-logo-flex-shrink': string;
+    /** Отображение бейджа beta заголовка */
+    '--chotto-chatlist-title-beta-badge-display': string;
+    /** Выравнивание элементов бейджа beta заголовка */
+    '--chotto-chatlist-title-beta-badge-align-items': string;
+    /** Выравнивание по главной оси бейджа beta заголовка */
+    '--chotto-chatlist-title-beta-badge-justify-content': string;
+    /** Радиус границы бейджа beta заголовка */
+    '--chotto-chatlist-title-beta-badge-border-radius': string;
+    /** Цвет фона бейджа beta заголовка */
+    '--chotto-chatlist-title-beta-badge-background-color': string;
+    /** Выравнивание бейджа beta заголовка относительно контейнера */
+    '--chotto-chatlist-title-beta-badge-align-self': string;
+    /** Цвет текста бейджа beta заголовка */
+    '--chotto-chatlist-title-beta-badge-color': string;
+    /** Ширина бейджа beta заголовка */
+    '--chotto-chatlist-title-beta-badge-width': string;
+    /** Минимальная высота бейджа beta заголовка */
+    '--chotto-chatlist-title-beta-badge-min-height': string;
+    /** Семейство шрифта бейджа beta заголовка */
+    '--chotto-chatlist-title-beta-badge-font-family': string;
+    /** Толщина шрифта бейджа beta заголовка */
+    '--chotto-chatlist-title-beta-badge-font-weight': string;
+    /** Размер шрифта бейджа beta заголовка */
+    '--chotto-chatlist-title-beta-badge-font-size': string;
+    /** Отступ слева бейджа beta заголовка */
+    '--chotto-chatlist-title-beta-badge-margin-left': string;
+    /** Высота строки бейджа beta заголовка */
+    '--chotto-chatlist-title-beta-badge-line-height': string;
     /** Позиционирование контекстного меню */
     '--chotto-chatlist-context-menu-position': string;
     /** Позиция контекстного меню сверху */
@@ -198,4 +238,8 @@ export interface ChatListThemeCSSVariables {
     '--chotto-chatlist-placeholder-hint-font-size': string;
     /** Отступы подсказки плейсхолдера */
     '--chotto-chatlist-placeholder-hint-margin': string;
+    /** Высота строки обёртки тултипа бейджа beta заголовка */
+    '--chotto-chatlist-title-beta-badge-tooltip-wrapper-line-height': string;
+    /** Отображение обёртки тултипа бейджа beta заголовка */
+    '--chotto-chatlist-title-beta-badge-tooltip-wrapper-display': string;
 }

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

@@ -46,6 +46,7 @@ export { default as AudioMessage } from './2_feed_elements/AudioMessage/AudioMes
 export { default as BaseReplyMessage } from './2_feed_elements/BaseReplyMessage/BaseReplyMessage.vue';
 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 MissedCallMessage } from './2_feed_elements/MissedCallMessage/MissedCallMessage.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';

package/dist/types/main.d.ts

@@ -1,3 +1,6 @@
 import './components/2_feed_elements/StickerMessage/utils/suppress-lit-warning';
 import 'primeicons/primeicons.css';
 import './themes/index.scss';
+import '@fontsource/inter/700';
+import '@fontsource/open-sans/400';
+import '@fontsource/open-sans/600';

package/package.json

@@ -1,72 +1,72 @@
-{
-  "name": "@mobilon-dev/chotto",
-  "version": "0.3.40",
-  "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/types/index.d.ts"
-    },
-    "./style.css": "./dist/chotto.css",
-    "./themes/default.css": "./dist/themes/default.css",
-    "./themes/dark.css": "./dist/themes/dark.css",
-    "./themes/glass.css": "./dist/themes/glass.css",
-    "./themes/green.css": "./dist/themes/green.css",
-    "./themes/mobilon1.css": "./dist/themes/mobilon1.css"
-  },
-  "files": [
-    "dist"
-  ],
-  "types": "./dist/types/index.d.ts",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build && vite build --config vite.themes.config.ts && vue-tsc --emitDeclarationOnly",
-    "build:lib": "vite build && vue-tsc --emitDeclarationOnly",
-    "build:themes": "vite build --config vite.themes.config.ts",
-    "preview": "vite preview",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build -o docs",
-    "validate-themes": "tsx ./scripts/validate-themes.ts",
-    "prepublishOnly": "npm run build && npm run validate-themes",
-    "lint-fix": "npx eslint . --fix",
-    "lint": "npx eslint ."
-  },
-  "dependencies": {
-    "@fontsource/inter": "^5.2.8",
-    "@fontsource/montserrat": "^5.2.8",
-    "@fontsource/open-sans": "^5.2.7",
-    "linkify-string": "^4.3.2",
-    "linkifyjs": "^4.3.2",
-    "markdown-it": "^14.1.0",
-    "primeicons": "^7.0.0",
-    "sass-embedded": "^1.96.0",
-    "vue": "^3.5.25",
-    "vue3-emoji-picker-ru": "^1.1.9"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^4.1.3",
-    "@eslint/js": "^9.39.2",
-    "@storybook/addon-docs": "^9.1.16",
-    "@storybook/addon-links": "^9.1.16",
-    "@storybook/vue3-vite": "^9.1.16",
-    "@types/glob": "^8.1.0",
-    "@types/markdown-it": "^14.1.2",
-    "@types/node": "^22.19.3",
-    "@vitejs/plugin-vue": "^5.2.4",
-    "eslint": "^9.39.2",
-    "eslint-plugin-storybook": "9.1.16",
-    "eslint-plugin-vue": "^9.33.0",
-    "glob": "^11.1.0",
-    "moment": "^2.30.1",
-    "pinia": "^2.3.1",
-    "storybook": "^9.1.16",
-    "tsx": "^4.21.0",
-    "typescript": "^5.9.3",
-    "typescript-eslint": "^8.50.0",
-    "vite": "^6.4.1",
-    "vite-plugin-static-copy": "^2.3.2",
-    "vue-tsc": "^2.2.12"
-  }
-}
+{
+  "name": "@mobilon-dev/chotto",
+  "version": "0.3.42",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/types/index.d.ts"
+    },
+    "./style.css": "./dist/chotto.css",
+    "./themes/default.css": "./dist/themes/default.css",
+    "./themes/dark.css": "./dist/themes/dark.css",
+    "./themes/glass.css": "./dist/themes/glass.css",
+    "./themes/green.css": "./dist/themes/green.css",
+    "./themes/mobilon1.css": "./dist/themes/mobilon1.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "types": "./dist/types/index.d.ts",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && vite build --config vite.themes.config.ts && vue-tsc --emitDeclarationOnly",
+    "build:lib": "vite build && vue-tsc --emitDeclarationOnly",
+    "build:themes": "vite build --config vite.themes.config.ts",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build -o docs",
+    "validate-themes": "tsx ./scripts/validate-themes.ts",
+    "prepublishOnly": "npm run build && npm run validate-themes",
+    "lint-fix": "npx eslint . --fix",
+    "lint": "npx eslint ."
+  },
+  "dependencies": {
+    "@fontsource/inter": "^5.2.8",
+    "@fontsource/montserrat": "^5.2.8",
+    "@fontsource/open-sans": "^5.2.7",
+    "linkify-string": "^4.3.2",
+    "linkifyjs": "^4.3.2",
+    "markdown-it": "^14.1.0",
+    "primeicons": "^7.0.0",
+    "sass-embedded": "^1.96.0",
+    "vue": "^3.5.25",
+    "vue3-emoji-picker-ru": "^1.1.9"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^4.1.3",
+    "@eslint/js": "^9.39.2",
+    "@storybook/addon-docs": "^9.1.16",
+    "@storybook/addon-links": "^9.1.16",
+    "@storybook/vue3-vite": "^9.1.16",
+    "@types/glob": "^8.1.0",
+    "@types/markdown-it": "^14.1.2",
+    "@types/node": "^22.19.3",
+    "@vitejs/plugin-vue": "^5.2.4",
+    "eslint": "^9.39.2",
+    "eslint-plugin-storybook": "9.1.16",
+    "eslint-plugin-vue": "^9.33.0",
+    "glob": "^11.1.0",
+    "moment": "^2.30.1",
+    "pinia": "^2.3.1",
+    "storybook": "^9.1.16",
+    "tsx": "^4.21.0",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.50.0",
+    "vite": "^6.4.1",
+    "vite-plugin-static-copy": "^2.3.2",
+    "vue-tsc": "^2.2.12"
+  }
+}