@uzum-tech/ui 2.3.5 → 2.3.6

package/es/chat/src/Chat.mjs

@@ -286,6 +286,8 @@ export default defineComponent({
       startEditingMessage: startEditingMessageRef,
       editMessageIdRef,
       bubbleActionsRef: toRef(props, 'bubbleActions'),
+      markdownRef: toRef(props, 'markdown'),
+      markdownOptionsRef: toRef(props, 'markdownOptions'),
       markMessagesAsRead,
       handleFilterChange,
       handleFooterInputChange,

package/es/chat/src/ChatListItems.d.ts

@@ -80,6 +80,11 @@ export declare const chatListItemsProps: {
         inputSuffixColor: string;
         unreadNotificationBackgroundColor: string;
         unreadNotificationTextColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
         typingIndicatorColor: string;
         dateSeparatorColor: string;
         dateSeparatorBackgroundColor: string;
@@ -853,6 +858,15 @@ export declare const chatListItemsProps: {
             serviceMessageTextColor: string;
             serviceMessageBackgroundColor: string;
             messageTitleColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
+            markdownH1FontSize: string;
+            markdownH2FontSize: string;
+            markdownH3FontSize: string;
+            markdownTextFontSize: string;
         }, {
             StatusIcon: import("../../_mixins").Theme<"Icon", {
                 color: string;
@@ -935,6 +949,11 @@ export declare const chatListItemsProps: {
         inputSuffixColor: string;
         unreadNotificationBackgroundColor: string;
         unreadNotificationTextColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
         typingIndicatorColor: string;
         dateSeparatorColor: string;
         dateSeparatorBackgroundColor: string;
@@ -1708,6 +1727,15 @@ export declare const chatListItemsProps: {
             serviceMessageTextColor: string;
             serviceMessageBackgroundColor: string;
             messageTitleColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
+            markdownH1FontSize: string;
+            markdownH2FontSize: string;
+            markdownH3FontSize: string;
+            markdownTextFontSize: string;
         }, {
             StatusIcon: import("../../_mixins").Theme<"Icon", {
                 color: string;
@@ -1790,6 +1818,11 @@ export declare const chatListItemsProps: {
         inputSuffixColor: string;
         unreadNotificationBackgroundColor: string;
         unreadNotificationTextColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
         typingIndicatorColor: string;
         dateSeparatorColor: string;
         dateSeparatorBackgroundColor: string;
@@ -2563,6 +2596,15 @@ export declare const chatListItemsProps: {
             serviceMessageTextColor: string;
             serviceMessageBackgroundColor: string;
             messageTitleColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
+            markdownH1FontSize: string;
+            markdownH2FontSize: string;
+            markdownH3FontSize: string;
+            markdownTextFontSize: string;
         }, {
             StatusIcon: import("../../_mixins").Theme<"Icon", {
                 color: string;
@@ -2692,6 +2734,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputSuffixColor: string;
         unreadNotificationBackgroundColor: string;
         unreadNotificationTextColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
         typingIndicatorColor: string;
         dateSeparatorColor: string;
         dateSeparatorBackgroundColor: string;
@@ -3465,6 +3512,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             serviceMessageTextColor: string;
             serviceMessageBackgroundColor: string;
             messageTitleColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
+            markdownH1FontSize: string;
+            markdownH2FontSize: string;
+            markdownH3FontSize: string;
+            markdownTextFontSize: string;
         }, {
             StatusIcon: import("../../_mixins").Theme<"Icon", {
                 color: string;
@@ -3547,6 +3603,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputSuffixColor: string;
         unreadNotificationBackgroundColor: string;
         unreadNotificationTextColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
         typingIndicatorColor: string;
         dateSeparatorColor: string;
         dateSeparatorBackgroundColor: string;
@@ -4320,6 +4381,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             serviceMessageTextColor: string;
             serviceMessageBackgroundColor: string;
             messageTitleColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
+            markdownH1FontSize: string;
+            markdownH2FontSize: string;
+            markdownH3FontSize: string;
+            markdownTextFontSize: string;
         }, {
             StatusIcon: import("../../_mixins").Theme<"Icon", {
                 color: string;
@@ -4402,6 +4472,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputSuffixColor: string;
         unreadNotificationBackgroundColor: string;
         unreadNotificationTextColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
         typingIndicatorColor: string;
         dateSeparatorColor: string;
         dateSeparatorBackgroundColor: string;
@@ -5175,6 +5250,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             serviceMessageTextColor: string;
             serviceMessageBackgroundColor: string;
             messageTitleColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
+            markdownH1FontSize: string;
+            markdownH2FontSize: string;
+            markdownH3FontSize: string;
+            markdownTextFontSize: string;
         }, {
             StatusIcon: import("../../_mixins").Theme<"Icon", {
                 color: string;
@@ -5228,7 +5312,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>>>;
 }>, {
     mergedClsPrefixRef: import("vue").Ref<string, string>;
-    mergedTheme: import("vue").Ref<{
+    mergedTheme: import("vue").ComputedRef<{
         common: import("../..").ThemeCommonVars;
         self: {
             backgroundColor: string;
@@ -5261,6 +5345,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             inputSuffixColor: string;
             unreadNotificationBackgroundColor: string;
             unreadNotificationTextColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
             typingIndicatorColor: string;
             dateSeparatorColor: string;
             dateSeparatorBackgroundColor: string;
@@ -6035,6 +6124,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 serviceMessageTextColor: string;
                 serviceMessageBackgroundColor: string;
                 messageTitleColor: string;
+                markdownQuoteBorderColorOwn: string;
+                markdownQuoteBorderColorOther: string;
+                markdownQuoteTextColor: string;
+                markdownDividerColorOwn: string;
+                markdownDividerColorOther: string;
+                markdownH1FontSize: string;
+                markdownH2FontSize: string;
+                markdownH3FontSize: string;
+                markdownTextFontSize: string;
             }, {
                 StatusIcon: import("../../_mixins").Theme<"Icon", {
                     color: string;
@@ -6475,7 +6573,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 } | undefined;
             } | undefined;
         };
-    }, {
+    }> | import("vue").Ref<{
         common: import("../..").ThemeCommonVars;
         self: {
             backgroundColor: string;
@@ -6508,6 +6606,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             inputSuffixColor: string;
             unreadNotificationBackgroundColor: string;
             unreadNotificationTextColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
             typingIndicatorColor: string;
             dateSeparatorColor: string;
             dateSeparatorBackgroundColor: string;
@@ -7282,6 +7385,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 serviceMessageTextColor: string;
                 serviceMessageBackgroundColor: string;
                 messageTitleColor: string;
+                markdownQuoteBorderColorOwn: string;
+                markdownQuoteBorderColorOther: string;
+                markdownQuoteTextColor: string;
+                markdownDividerColorOwn: string;
+                markdownDividerColorOther: string;
+                markdownH1FontSize: string;
+                markdownH2FontSize: string;
+                markdownH3FontSize: string;
+                markdownTextFontSize: string;
             }, {
                 StatusIcon: import("../../_mixins").Theme<"Icon", {
                     color: string;
@@ -7722,7 +7834,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 } | undefined;
             } | undefined;
         };
-    }> | import("vue").ComputedRef<{
+    }, {
         common: import("../..").ThemeCommonVars;
         self: {
             backgroundColor: string;
@@ -7755,6 +7867,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             inputSuffixColor: string;
             unreadNotificationBackgroundColor: string;
             unreadNotificationTextColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
             typingIndicatorColor: string;
             dateSeparatorColor: string;
             dateSeparatorBackgroundColor: string;
@@ -8529,6 +8646,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 serviceMessageTextColor: string;
                 serviceMessageBackgroundColor: string;
                 messageTitleColor: string;
+                markdownQuoteBorderColorOwn: string;
+                markdownQuoteBorderColorOther: string;
+                markdownQuoteTextColor: string;
+                markdownDividerColorOwn: string;
+                markdownDividerColorOther: string;
+                markdownH1FontSize: string;
+                markdownH2FontSize: string;
+                markdownH3FontSize: string;
+                markdownTextFontSize: string;
             }, {
                 StatusIcon: import("../../_mixins").Theme<"Icon", {
                     color: string;
@@ -9071,6 +9197,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputSuffixColor: string;
         unreadNotificationBackgroundColor: string;
         unreadNotificationTextColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
         typingIndicatorColor: string;
         dateSeparatorColor: string;
         dateSeparatorBackgroundColor: string;
@@ -9844,6 +9975,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             serviceMessageTextColor: string;
             serviceMessageBackgroundColor: string;
             messageTitleColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
+            markdownH1FontSize: string;
+            markdownH2FontSize: string;
+            markdownH3FontSize: string;
+            markdownTextFontSize: string;
         }, {
             StatusIcon: import("../../_mixins").Theme<"Icon", {
                 color: string;
@@ -9926,6 +10066,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputSuffixColor: string;
         unreadNotificationBackgroundColor: string;
         unreadNotificationTextColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
         typingIndicatorColor: string;
         dateSeparatorColor: string;
         dateSeparatorBackgroundColor: string;
@@ -10699,6 +10844,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             serviceMessageTextColor: string;
             serviceMessageBackgroundColor: string;
             messageTitleColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
+            markdownH1FontSize: string;
+            markdownH2FontSize: string;
+            markdownH3FontSize: string;
+            markdownTextFontSize: string;
         }, {
             StatusIcon: import("../../_mixins").Theme<"Icon", {
                 color: string;
@@ -10781,6 +10935,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputSuffixColor: string;
         unreadNotificationBackgroundColor: string;
         unreadNotificationTextColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
         typingIndicatorColor: string;
         dateSeparatorColor: string;
         dateSeparatorBackgroundColor: string;
@@ -11554,6 +11713,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             serviceMessageTextColor: string;
             serviceMessageBackgroundColor: string;
             messageTitleColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
+            markdownH1FontSize: string;
+            markdownH2FontSize: string;
+            markdownH3FontSize: string;
+            markdownTextFontSize: string;
         }, {
             StatusIcon: import("../../_mixins").Theme<"Icon", {
                 color: string;
@@ -11613,9 +11781,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly selectedChatId: string | number | symbol;
     readonly onChatSelect: (chatId: string | number | symbol) => void;
     readonly typingChatIds: (string | number | symbol)[];
-    readonly loadingCount: number;
     readonly avatarProps: Partial<AvatarProps>;
     readonly badgeProps: Partial<BadgeProps>;
+    readonly loadingCount: number;
     readonly notificationsShown: Set<string | number | symbol>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/chat/src/ChatListItems.mjs

@@ -1,6 +1,7 @@
 import { computed, defineComponent, Fragment, h, inject } from 'vue';
 import { CheckmarkDoneSharp, MdTime, PersonOutline, Refresh } from "../../_internal/icons/index.mjs";
 import { useConfig, useLocale, useTheme, useThemeClass } from "../../_mixins/index.mjs";
+import { sanitizeMarkdown } from "../../_utils/markdown/index.mjs";
 import { UAvatar } from "../../avatar/index.mjs";
 import { UBadge } from "../../badge/index.mjs";
 import { UEmpty } from "../../empty/index.mjs";
@@ -181,13 +182,13 @@ export default defineComponent({
           class: `${mergedClsPrefixRef.value}-chat-sidebar__item-title`,
           variant: "body-l-medium"
         }, {
-          default: () => typeof item.title === 'function' ? item.title() : item.title
+          default: () => typeof item.title === 'function' ? item.title() : typeof item.title === 'string' ? sanitizeMarkdown(item.title) : item.title
         }),
         description: () => h(UText, {
           class: [`${mergedClsPrefixRef.value}-chat-sidebar__item-subtitle`, isTyping && 'typing'],
           variant: "body-m-medium"
         }, {
-          default: () => isTyping ? mergedTypingTextRef.value : typeof item.subtitle === 'string' ? item.subtitle : typeof item.subtitle === 'function' ? item.subtitle() : item.subtitle
+          default: () => isTyping ? mergedTypingTextRef.value : typeof item.subtitle === 'string' ? sanitizeMarkdown(item.subtitle) : typeof item.subtitle === 'function' ? item.subtitle() : item.subtitle
         }),
         suffix: () => {
           const displayUnreadCount = item.unreadCount || 0;