@uzum-tech/ui 1.8.2 → 1.9.1

package/es/chat/src/Chat.js

@@ -55,6 +55,21 @@ export const chatProps = Object.assign(Object.assign({}, useTheme.props), { chat
     }, headerIconProps: {
         type: Object,
         default: undefined
+    }, headerShareButtonProps: {
+        type: Object,
+        default: undefined
+    }, headerProfileButtonProps: {
+        type: Object,
+        default: undefined
+    }, headerCloseButtonProps: {
+        type: Object,
+        default: undefined
+    }, headerShareIconProps: {
+        type: Object,
+        default: undefined
+    }, headerProfileIconProps: {
+        type: Object,
+        default: undefined
     }, messageSenderAvatarProps: {
         type: Object,
         default: undefined
@@ -91,6 +106,12 @@ export const chatProps = Object.assign(Object.assign({}, useTheme.props), { chat
     }, closeButtonText: {
         type: String,
         default: undefined
+    }, shareButtonTooltip: {
+        type: String,
+        default: undefined
+    }, profileButtonTooltip: {
+        type: String,
+        default: undefined
     }, unreadNotificationText: {
         type: String,
         default: undefined
@@ -130,7 +151,7 @@ export const chatProps = Object.assign(Object.assign({}, useTheme.props), { chat
     }, onFilterChange: {
         type: Function,
         default: undefined
-    }, onLoadMoreChats: {
+    }, onFooterInputChange: {
         type: Function,
         default: undefined
     }, onNetworkError: {
@@ -142,6 +163,18 @@ export const chatProps = Object.assign(Object.assign({}, useTheme.props), { chat
     }, onSendError: {
         type: Function,
         default: undefined
+    }, onChatItemsScrollToTop: {
+        type: Function,
+        default: undefined
+    }, onChatItemsScrollToBottom: {
+        type: Function,
+        default: undefined
+    }, onMessagesScrollToTop: {
+        type: Function,
+        default: undefined
+    }, onMessagesScrollToBottom: {
+        type: Function,
+        default: undefined
     } });
 export default defineComponent({
     name: 'Chat',
@@ -153,12 +186,16 @@ export default defineComponent({
         'attachment-upload',
         'mark-messages-read',
         'filter-change',
-        'load-more-chats',
+        'footer-input-change',
         'network-error',
         'upload-error',
-        'send-error'
+        'send-error',
+        'chat-items-scroll-to-top',
+        'chat-items-scroll-to-bottom',
+        'messages-scroll-to-top',
+        'messages-scroll-to-bottom'
     ],
-    setup(props, { slots, emit }) {
+    setup(props, { slots, emit, expose }) {
         const { mergedClsPrefixRef } = useConfig(props);
         const themeRef = useTheme('Chat', '-chat', style, chatLight, props, mergedClsPrefixRef);
         const { localeRef } = useLocale('Chat');
@@ -271,37 +308,25 @@ export default defineComponent({
             emit('message-send', content, attachments);
         };
         const handleMessageRetry = (message) => {
-            var _a;
             emit('message-retry', message);
-            (_a = props.onMessageRetry) === null || _a === void 0 ? void 0 : _a.call(props, message);
         };
         const markMessagesAsRead = (chatId) => {
             emit('mark-messages-read', chatId);
         };
         const handleFilterChange = (filter) => {
-            var _a;
             emit('filter-change', filter);
-            (_a = props.onFilterChange) === null || _a === void 0 ? void 0 : _a.call(props, filter);
         };
-        const handleLoadMoreChats = (offset, limit) => {
-            var _a;
-            emit('load-more-chats', { offset, limit });
-            (_a = props.onLoadMoreChats) === null || _a === void 0 ? void 0 : _a.call(props, offset, limit);
+        const handleFooterInputChange = (value, chatId) => {
+            emit('footer-input-change', value, chatId);
         };
         const handleNetworkError = (error) => {
-            var _a;
             emit('network-error', error);
-            (_a = props.onNetworkError) === null || _a === void 0 ? void 0 : _a.call(props, error);
         };
         const handleUploadError = (error) => {
-            var _a;
             emit('upload-error', error);
-            (_a = props.onUploadError) === null || _a === void 0 ? void 0 : _a.call(props, error);
         };
         const handleSendError = (error) => {
-            var _a;
             emit('send-error', error);
-            (_a = props.onSendError) === null || _a === void 0 ? void 0 : _a.call(props, error);
         };
         const mergedInputPlaceholderRef = computed(() => {
             var _a;
@@ -314,6 +339,8 @@ export default defineComponent({
         const mergedRetryTextRef = computed(() => { var _a; return (_a = props.retryText) !== null && _a !== void 0 ? _a : localeRef.value.retryText; });
         const mergedTypingTextRef = computed(() => { var _a; return (_a = props.typingText) !== null && _a !== void 0 ? _a : localeRef.value.typingText; });
         const mergedCloseButtonTextRef = computed(() => { var _a; return (_a = props.closeButtonText) !== null && _a !== void 0 ? _a : localeRef.value.closeButtonText; });
+        const mergedShareButtonTooltipRef = computed(() => { var _a; return (_a = props.shareButtonTooltip) !== null && _a !== void 0 ? _a : localeRef.value.shareButtonTooltip; });
+        const mergedProfileButtonTooltipRef = computed(() => { var _a; return (_a = props.profileButtonTooltip) !== null && _a !== void 0 ? _a : localeRef.value.profileButtonTooltip; });
         const mergedUnreadNotificationTextRef = computed(() => { var _a; return (_a = props.unreadNotificationText) !== null && _a !== void 0 ? _a : localeRef.value.unreadNotificationText; });
         provide(chatInjectionKey, {
             mergedClsPrefixRef,
@@ -335,6 +362,11 @@ export default defineComponent({
             emptyPropsRef: toRef(props, 'emptyProps'),
             headerButtonPropsRef: toRef(props, 'headerButtonProps'),
             headerIconPropsRef: toRef(props, 'headerIconProps'),
+            headerShareButtonPropsRef: toRef(props, 'headerShareButtonProps'),
+            headerProfileButtonPropsRef: toRef(props, 'headerProfileButtonProps'),
+            headerCloseButtonPropsRef: toRef(props, 'headerCloseButtonProps'),
+            headerShareIconPropsRef: toRef(props, 'headerShareIconProps'),
+            headerProfileIconPropsRef: toRef(props, 'headerProfileIconProps'),
             messageSenderAvatarPropsRef: toRef(props, 'messageSenderAvatarProps'),
             messageUploadPropsRef: toRef(props, 'messageUploadProps'),
             messageButtonPropsRef: toRef(props, 'messageButtonProps'),
@@ -347,6 +379,8 @@ export default defineComponent({
             retryTextRef: mergedRetryTextRef,
             typingTextRef: mergedTypingTextRef,
             closeButtonTextRef: mergedCloseButtonTextRef,
+            shareButtonTooltipRef: mergedShareButtonTooltipRef,
+            profileButtonTooltipRef: mergedProfileButtonTooltipRef,
             unreadNotificationTextRef: mergedUnreadNotificationTextRef,
             notificationsShownSetRef: notificationsShownSet,
             unreadCountsBeforeReadRef: unreadCountsBeforeRead,
@@ -356,20 +390,37 @@ export default defineComponent({
             handleMessageRetry,
             markMessagesAsRead,
             handleFilterChange,
-            handleLoadMoreChats,
+            handleFooterInputChange,
             handleNetworkError,
             handleUploadError,
             handleSendError,
             onChatClose: toRef(props, 'onChatClose'),
             onChatShare: toRef(props, 'onChatShare'),
-            onUserProfile: toRef(props, 'onUserProfile')
+            onUserProfile: toRef(props, 'onUserProfile'),
+            onChatItemsScrollToTop: toRef(props, 'onChatItemsScrollToTop'),
+            onChatItemsScrollToBottom: toRef(props, 'onChatItemsScrollToBottom'),
+            onMessagesScrollToTop: toRef(props, 'onMessagesScrollToTop'),
+            onMessagesScrollToBottom: toRef(props, 'onMessagesScrollToBottom')
+        });
+        const mainAreaRef = ref(null);
+        const scrollToBottom = () => {
+            var _a;
+            (_a = mainAreaRef.value) === null || _a === void 0 ? void 0 : _a.scrollToBottom();
+        };
+        const sendMessage = (content, attachments) => {
+            handleMessageSend(content, attachments);
+        };
+        expose({
+            scrollToBottom,
+            sendMessage
         });
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             mergedTheme: themeRef,
             cssVars: cssVarsRef,
             themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
-            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
+            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
+            mainAreaRef
         };
     },
     render() {
@@ -392,7 +443,7 @@ export default defineComponent({
                     ]),
                     this.selectedChatId &&
                         resolveSlot($slots.default, () => [
-                            h(ChatMainArea, null, {
+                            h(ChatMainArea, { ref: "mainAreaRef" }, {
                                 headerActions: $slots.headerActions
                             })
                         ])))

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

@@ -328,8 +328,16 @@ export declare const chatListItemsProps: {
                 loadingColor: string;
             }, {
                 Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
                     color: string;
                     colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
                 }, any>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -985,8 +993,16 @@ export declare const chatListItemsProps: {
                 loadingColor: string;
             }, {
                 Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
                     color: string;
                     colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
                 }, any>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -1642,8 +1658,16 @@ export declare const chatListItemsProps: {
                 loadingColor: string;
             }, {
                 Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
                     color: string;
                     colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
                 }, any>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -2346,8 +2370,16 @@ declare const _default: import("vue").DefineComponent<{
                 loadingColor: string;
             }, {
                 Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
                     color: string;
                     colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
                 }, any>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -3003,8 +3035,16 @@ declare const _default: import("vue").DefineComponent<{
                 loadingColor: string;
             }, {
                 Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
                     color: string;
                     colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
                 }, any>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -3660,8 +3700,16 @@ declare const _default: import("vue").DefineComponent<{
                 loadingColor: string;
             }, {
                 Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
                     color: string;
                     colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
                 }, any>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -4322,8 +4370,16 @@ declare const _default: import("vue").DefineComponent<{
                     loadingColor: string;
                 }, {
                     Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                        height: string;
+                        width: string;
+                        borderRadius: string;
                         color: string;
                         colorHover: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
+                        railColor: string;
                     }, any>;
                     Empty: import("../../_mixins").Theme<"Empty", {
                         iconSizeSmall: string;
@@ -4870,8 +4926,16 @@ declare const _default: import("vue").DefineComponent<{
                         loadingColor: string;
                     }, {
                         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                            height: string;
+                            width: string;
+                            borderRadius: string;
                             color: string;
                             colorHover: string;
+                            railInsetHorizontalBottom: string;
+                            railInsetHorizontalTop: string;
+                            railInsetVerticalRight: string;
+                            railInsetVerticalLeft: string;
+                            railColor: string;
                         }, any>;
                         Empty: import("../../_mixins").Theme<"Empty", {
                             iconSizeSmall: string;
@@ -5208,8 +5272,16 @@ declare const _default: import("vue").DefineComponent<{
                     loadingColor: string;
                 }, {
                     Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                        height: string;
+                        width: string;
+                        borderRadius: string;
                         color: string;
                         colorHover: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
+                        railColor: string;
                     }, any>;
                     Empty: import("../../_mixins").Theme<"Empty", {
                         iconSizeSmall: string;
@@ -5756,8 +5828,16 @@ declare const _default: import("vue").DefineComponent<{
                         loadingColor: string;
                     }, {
                         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                            height: string;
+                            width: string;
+                            borderRadius: string;
                             color: string;
                             colorHover: string;
+                            railInsetHorizontalBottom: string;
+                            railInsetHorizontalTop: string;
+                            railInsetVerticalRight: string;
+                            railInsetVerticalLeft: string;
+                            railColor: string;
                         }, any>;
                         Empty: import("../../_mixins").Theme<"Empty", {
                             iconSizeSmall: string;
@@ -6162,8 +6242,16 @@ declare const _default: import("vue").DefineComponent<{
                 loadingColor: string;
             }, {
                 Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
                     color: string;
                     colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
                 }, any>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -6819,8 +6907,16 @@ declare const _default: import("vue").DefineComponent<{
                 loadingColor: string;
             }, {
                 Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
                     color: string;
                     colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
                 }, any>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -7476,8 +7572,16 @@ declare const _default: import("vue").DefineComponent<{
                 loadingColor: string;
             }, {
                 Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
                     color: string;
                     colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
                 }, any>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;

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

@@ -330,8 +330,16 @@ export declare const chatMessagesProps: {
                 loadingColor: string;
             }, {
                 Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
                     color: string;
                     colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
                 }, any>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -987,8 +995,16 @@ export declare const chatMessagesProps: {
                 loadingColor: string;
             }, {
                 Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
                     color: string;
                     colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
                 }, any>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -1644,8 +1660,16 @@ export declare const chatMessagesProps: {
                 loadingColor: string;
             }, {
                 Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
                     color: string;
                     colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
                 }, any>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -2352,8 +2376,16 @@ declare const _default: import("vue").DefineComponent<{
                 loadingColor: string;
             }, {
                 Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
                     color: string;
                     colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
                 }, any>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -3009,8 +3041,16 @@ declare const _default: import("vue").DefineComponent<{
                 loadingColor: string;
             }, {
                 Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
                     color: string;
                     colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
                 }, any>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -3666,8 +3706,16 @@ declare const _default: import("vue").DefineComponent<{
                 loadingColor: string;
             }, {
                 Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
                     color: string;
                     colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
                 }, any>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -4328,8 +4376,16 @@ declare const _default: import("vue").DefineComponent<{
                     loadingColor: string;
                 }, {
                     Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                        height: string;
+                        width: string;
+                        borderRadius: string;
                         color: string;
                         colorHover: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
+                        railColor: string;
                     }, any>;
                     Empty: import("../../_mixins").Theme<"Empty", {
                         iconSizeSmall: string;
@@ -4876,8 +4932,16 @@ declare const _default: import("vue").DefineComponent<{
                         loadingColor: string;
                     }, {
                         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                            height: string;
+                            width: string;
+                            borderRadius: string;
                             color: string;
                             colorHover: string;
+                            railInsetHorizontalBottom: string;
+                            railInsetHorizontalTop: string;
+                            railInsetVerticalRight: string;
+                            railInsetVerticalLeft: string;
+                            railColor: string;
                         }, any>;
                         Empty: import("../../_mixins").Theme<"Empty", {
                             iconSizeSmall: string;
@@ -5214,8 +5278,16 @@ declare const _default: import("vue").DefineComponent<{
                     loadingColor: string;
                 }, {
                     Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                        height: string;
+                        width: string;
+                        borderRadius: string;
                         color: string;
                         colorHover: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
+                        railColor: string;
                     }, any>;
                     Empty: import("../../_mixins").Theme<"Empty", {
                         iconSizeSmall: string;
@@ -5762,8 +5834,16 @@ declare const _default: import("vue").DefineComponent<{
                         loadingColor: string;
                     }, {
                         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                            height: string;
+                            width: string;
+                            borderRadius: string;
                             color: string;
                             colorHover: string;
+                            railInsetHorizontalBottom: string;
+                            railInsetHorizontalTop: string;
+                            railInsetVerticalRight: string;
+                            railInsetVerticalLeft: string;
+                            railColor: string;
                         }, any>;
                         Empty: import("../../_mixins").Theme<"Empty", {
                             iconSizeSmall: string;
@@ -6184,8 +6264,16 @@ declare const _default: import("vue").DefineComponent<{
                 loadingColor: string;
             }, {
                 Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
                     color: string;
                     colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
                 }, any>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -6841,8 +6929,16 @@ declare const _default: import("vue").DefineComponent<{
                 loadingColor: string;
             }, {
                 Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
                     color: string;
                     colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
                 }, any>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;
@@ -7498,8 +7594,16 @@ declare const _default: import("vue").DefineComponent<{
                 loadingColor: string;
             }, {
                 Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
                     color: string;
                     colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
                 }, any>;
                 Empty: import("../../_mixins").Theme<"Empty", {
                     iconSizeSmall: string;