@uzum-tech/ui 1.8.2 → 1.9.1

package/lib/chat/src/Chat.js

@@ -61,6 +61,21 @@ exports.chatProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, 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
@@ -97,6 +112,12 @@ exports.chatProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, closeButtonText: {
         type: String,
         default: undefined
+    }, shareButtonTooltip: {
+        type: String,
+        default: undefined
+    }, profileButtonTooltip: {
+        type: String,
+        default: undefined
     }, unreadNotificationText: {
         type: String,
         default: undefined
@@ -136,7 +157,7 @@ exports.chatProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, onFilterChange: {
         type: Function,
         default: undefined
-    }, onLoadMoreChats: {
+    }, onFooterInputChange: {
         type: Function,
         default: undefined
     }, onNetworkError: {
@@ -148,6 +169,18 @@ exports.chatProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, 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
     } });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Chat',
@@ -159,12 +192,16 @@ exports.default = (0, vue_1.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 } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Chat', '-chat', index_cssr_1.default, styles_1.chatLight, props, mergedClsPrefixRef);
         const { localeRef } = (0, _mixins_1.useLocale)('Chat');
@@ -277,37 +314,25 @@ exports.default = (0, vue_1.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 = (0, vue_1.computed)(() => {
             var _a;
@@ -320,6 +345,8 @@ exports.default = (0, vue_1.defineComponent)({
         const mergedRetryTextRef = (0, vue_1.computed)(() => { var _a; return (_a = props.retryText) !== null && _a !== void 0 ? _a : localeRef.value.retryText; });
         const mergedTypingTextRef = (0, vue_1.computed)(() => { var _a; return (_a = props.typingText) !== null && _a !== void 0 ? _a : localeRef.value.typingText; });
         const mergedCloseButtonTextRef = (0, vue_1.computed)(() => { var _a; return (_a = props.closeButtonText) !== null && _a !== void 0 ? _a : localeRef.value.closeButtonText; });
+        const mergedShareButtonTooltipRef = (0, vue_1.computed)(() => { var _a; return (_a = props.shareButtonTooltip) !== null && _a !== void 0 ? _a : localeRef.value.shareButtonTooltip; });
+        const mergedProfileButtonTooltipRef = (0, vue_1.computed)(() => { var _a; return (_a = props.profileButtonTooltip) !== null && _a !== void 0 ? _a : localeRef.value.profileButtonTooltip; });
         const mergedUnreadNotificationTextRef = (0, vue_1.computed)(() => { var _a; return (_a = props.unreadNotificationText) !== null && _a !== void 0 ? _a : localeRef.value.unreadNotificationText; });
         (0, vue_1.provide)(interface_1.chatInjectionKey, {
             mergedClsPrefixRef,
@@ -341,6 +368,11 @@ exports.default = (0, vue_1.defineComponent)({
             emptyPropsRef: (0, vue_1.toRef)(props, 'emptyProps'),
             headerButtonPropsRef: (0, vue_1.toRef)(props, 'headerButtonProps'),
             headerIconPropsRef: (0, vue_1.toRef)(props, 'headerIconProps'),
+            headerShareButtonPropsRef: (0, vue_1.toRef)(props, 'headerShareButtonProps'),
+            headerProfileButtonPropsRef: (0, vue_1.toRef)(props, 'headerProfileButtonProps'),
+            headerCloseButtonPropsRef: (0, vue_1.toRef)(props, 'headerCloseButtonProps'),
+            headerShareIconPropsRef: (0, vue_1.toRef)(props, 'headerShareIconProps'),
+            headerProfileIconPropsRef: (0, vue_1.toRef)(props, 'headerProfileIconProps'),
             messageSenderAvatarPropsRef: (0, vue_1.toRef)(props, 'messageSenderAvatarProps'),
             messageUploadPropsRef: (0, vue_1.toRef)(props, 'messageUploadProps'),
             messageButtonPropsRef: (0, vue_1.toRef)(props, 'messageButtonProps'),
@@ -353,6 +385,8 @@ exports.default = (0, vue_1.defineComponent)({
             retryTextRef: mergedRetryTextRef,
             typingTextRef: mergedTypingTextRef,
             closeButtonTextRef: mergedCloseButtonTextRef,
+            shareButtonTooltipRef: mergedShareButtonTooltipRef,
+            profileButtonTooltipRef: mergedProfileButtonTooltipRef,
             unreadNotificationTextRef: mergedUnreadNotificationTextRef,
             notificationsShownSetRef: notificationsShownSet,
             unreadCountsBeforeReadRef: unreadCountsBeforeRead,
@@ -362,20 +396,37 @@ exports.default = (0, vue_1.defineComponent)({
             handleMessageRetry,
             markMessagesAsRead,
             handleFilterChange,
-            handleLoadMoreChats,
+            handleFooterInputChange,
             handleNetworkError,
             handleUploadError,
             handleSendError,
             onChatClose: (0, vue_1.toRef)(props, 'onChatClose'),
             onChatShare: (0, vue_1.toRef)(props, 'onChatShare'),
-            onUserProfile: (0, vue_1.toRef)(props, 'onUserProfile')
+            onUserProfile: (0, vue_1.toRef)(props, 'onUserProfile'),
+            onChatItemsScrollToTop: (0, vue_1.toRef)(props, 'onChatItemsScrollToTop'),
+            onChatItemsScrollToBottom: (0, vue_1.toRef)(props, 'onChatItemsScrollToBottom'),
+            onMessagesScrollToTop: (0, vue_1.toRef)(props, 'onMessagesScrollToTop'),
+            onMessagesScrollToBottom: (0, vue_1.toRef)(props, 'onMessagesScrollToBottom')
+        });
+        const mainAreaRef = (0, vue_1.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() {
@@ -398,7 +449,7 @@ exports.default = (0, vue_1.defineComponent)({
                     ]),
                     this.selectedChatId &&
                         (0, _utils_1.resolveSlot)($slots.default, () => [
-                            (0, vue_1.h)(MainArea_1.default, null, {
+                            (0, vue_1.h)(MainArea_1.default, { ref: "mainAreaRef" }, {
                                 headerActions: $slots.headerActions
                             })
                         ])))

package/lib/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/lib/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;