@uzum-tech/ui 2.3.2 → 2.3.4

package/es/chat/src/interface.mjs

@@ -1,3 +1,4 @@
+import { useTheme } from "../../_mixins/index.mjs";
 import { createInjectionKey } from "../../_utils/index.mjs";
 import { MessageBubbleServiceVariant } from "../../message-bubble/index.mjs";
 export var MessageStatus;
@@ -38,4 +39,246 @@ export const markTypeToServiceVariantMap = {
   [ChatMarkType.SYSTEM]: MessageBubbleServiceVariant.SYSTEM,
   [ChatMarkType.EVENT]: MessageBubbleServiceVariant.EVENT,
   [ChatMarkType.DIVIDER]: MessageBubbleServiceVariant.DIVIDER
-};
+};
+export const chatProps = Object.assign(Object.assign({}, useTheme.props), {
+  chatItems: {
+    type: Array,
+    default: () => []
+  },
+  selectedChatId: {
+    type: [String, Number],
+    default: undefined
+  },
+  inputValue: {
+    type: String,
+    default: undefined
+  },
+  messages: {
+    type: Array,
+    default: () => []
+  },
+  typingChatIds: {
+    type: Array,
+    default: () => []
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  listEmptyProps: {
+    type: Object,
+    default: undefined
+  },
+  listHeaderTitle: {
+    type: [String, Function],
+    default: 'Chats'
+  },
+  listHeaderActions: {
+    type: Array,
+    default: () => []
+  },
+  listHeaderButtonProps: {
+    type: Object,
+    default: undefined
+  },
+  listHeaderIconProps: {
+    type: Object,
+    default: undefined
+  },
+  listItemAvatarProps: {
+    type: Object,
+    default: undefined
+  },
+  listItemBadgeProps: {
+    type: Object,
+    default: undefined
+  },
+  headerTitle: {
+    type: [String, Function],
+    default: undefined
+  },
+  headerActions: {
+    type: Array,
+    default: () => []
+  },
+  headerButtonProps: {
+    type: Object,
+    default: undefined
+  },
+  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
+  },
+  messageUploadProps: {
+    type: Object,
+    default: undefined
+  },
+  messageButtonProps: {
+    type: Object,
+    default: undefined
+  },
+  footerInputProps: {
+    type: Object,
+    default: undefined
+  },
+  footerButtonProps: {
+    type: Object,
+    default: undefined
+  },
+  footerUploadProps: {
+    type: Object,
+    default: undefined
+  },
+  footerUploadTriggerProps: {
+    type: Object,
+    default: undefined
+  },
+  footerIconProps: {
+    type: Object,
+    default: undefined
+  },
+  footerSuffixIconProps: {
+    type: Object,
+    default: undefined
+  },
+  emptyProps: {
+    type: Object,
+    default: undefined
+  },
+  retryText: {
+    type: String,
+    default: undefined
+  },
+  typingText: {
+    type: String,
+    default: undefined
+  },
+  closeButtonText: {
+    type: String,
+    default: undefined
+  },
+  shareButtonTooltip: {
+    type: String,
+    default: undefined
+  },
+  profileButtonTooltip: {
+    type: String,
+    default: undefined
+  },
+  unreadNotificationText: {
+    type: String,
+    default: undefined
+  },
+  chatItemsLoading: {
+    type: Boolean,
+    default: false
+  },
+  chatItemsLoadingCount: {
+    type: Number,
+    default: 10
+  },
+  messagesLoading: {
+    type: Boolean,
+    default: false
+  },
+  messagesLoadingCount: {
+    type: Number,
+    default: 10
+  },
+  height: {
+    type: [String, Number],
+    default: 800
+  },
+  onChatSelect: {
+    type: Function,
+    default: undefined
+  },
+  onMessageRetry: {
+    type: Function,
+    default: undefined
+  },
+  bubbleActions: {
+    type: Array,
+    default: undefined
+  },
+  onChatClose: {
+    type: Function,
+    default: undefined
+  },
+  onChatShare: {
+    type: Function,
+    default: undefined
+  },
+  onUserProfile: {
+    type: Function,
+    default: undefined
+  },
+  onAttachmentUpload: {
+    type: Function,
+    default: undefined
+  },
+  onAttachmentDownload: {
+    type: Function,
+    default: undefined
+  },
+  onFilterChange: {
+    type: Function,
+    default: undefined
+  },
+  onFooterInputChange: {
+    type: Function,
+    default: undefined
+  },
+  onNetworkError: {
+    type: Function,
+    default: undefined
+  },
+  onUploadError: {
+    type: Function,
+    default: undefined
+  },
+  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
+  }
+});

package/es/chat/styles/dark.d.ts

@@ -315,6 +315,129 @@ declare const chatDark: import("../../_mixins").Theme<"Chat", {
                 iconBgColor: string;
                 extraTextColor: string;
             }, any>;
+            Checkbox: import("../../_mixins").Theme<"Checkbox", {
+                fontWeight: string;
+                textColor: string;
+                descriptionTextColor: string;
+                textColorDisabled: string;
+                descriptionTextColorDisabled: string;
+                fontSizeLarge: string;
+                fontSizeMedium: string;
+                fontSizeSmall: string;
+                lineHeightLarge: string;
+                lineHeightMedium: string;
+                lineHeightSmall: string;
+                borderRadiusLarge: string;
+                borderRadiusMedium: string;
+                borderRadiusSmall: string;
+                color: string;
+                colorHover: string;
+                colorFocus: string;
+                colorActive: string;
+                colorChecked: string;
+                colorHoverChecked: string;
+                colorFocusChecked: string;
+                colorActiveChecked: string;
+                colorDisabled: string;
+                colorDisabledChecked: string;
+                checkMarkColor: string;
+                checkMarkColorHover: string;
+                checkMarkColorFocus: string;
+                checkMarkColorActive: string;
+                checkMarkColorDisabled: string;
+                checkMarkColorDisabledChecked: string;
+                border: string;
+                borderHover: string;
+                borderFocus: string;
+                borderActive: string;
+                borderChecked: string;
+                borderHoverChecked: string;
+                borderFocusChecked: string;
+                borderActiveChecked: string;
+                borderDisabled: string;
+                borderDisabledChecked: string;
+                boxShadowHover: string;
+                boxShadowFocus: string;
+                boxShadowActive: string;
+                boxShadowHoverChecked: string;
+                boxShadowFocusChecked: string;
+                boxShadowActiveChecked: string;
+                sizeSmall: string;
+                sizeMedium: string;
+                sizeLarge: string;
+                labelPadding: string;
+            }, any>;
+            Input: import("../../_mixins").Theme<"Input", {
+                paddingTiny: string;
+                paddingSmall: string;
+                paddingMedium: string;
+                paddingLarge: string;
+                paddingHuge: string;
+                clearSize: string;
+                countTextColorDisabled: string;
+                countTextColor: string;
+                heightTiny: string;
+                heightSmall: string;
+                heightMedium: string;
+                heightLarge: string;
+                heightHuge: string;
+                fontSizeTiny: string;
+                fontSizeSmall: string;
+                fontSizeMedium: string;
+                fontSizeLarge: string;
+                fontSizeHuge: string;
+                lineHeight: string;
+                lineHeightTextarea: string;
+                borderRadius: string;
+                iconSize: string;
+                groupLabelTextColor: string;
+                textColor: string;
+                textColorDisabled: string;
+                textDecorationColor: string;
+                caretColor: string;
+                placeholderColor: string;
+                placeholderColorDisabled: string;
+                color: string;
+                colorDisabled: string;
+                colorFocus: string;
+                groupLabelBorder: string;
+                border: string;
+                borderHover: string;
+                borderDisabled: string;
+                borderFocus: string;
+                boxShadowFocus: string;
+                loadingColor: string;
+                loadingColorSuccess: string;
+                borderSuccess: string;
+                borderHoverSuccess: string;
+                colorFocusSuccess: string;
+                borderFocusSuccess: string;
+                boxShadowFocusSuccess: string;
+                caretColorSuccess: string;
+                loadingColorWarning: string;
+                borderWarning: string;
+                borderHoverWarning: string;
+                colorFocusWarning: string;
+                borderFocusWarning: string;
+                boxShadowFocusWarning: string;
+                caretColorWarning: string;
+                loadingColorError: string;
+                borderError: string;
+                borderHoverError: string;
+                colorFocusError: string;
+                borderFocusError: string;
+                boxShadowFocusError: string;
+                caretColorError: string;
+                clearColor: string;
+                clearColorHover: string;
+                clearColorPressed: string;
+                iconColor: string;
+                iconColorDisabled: string;
+                iconColorHover: string;
+                iconColorPressed: string;
+                suffixTextColor: string;
+                selectionColor: string;
+            }, any>;
         }>;
     }>;
     Avatar: import("../../_mixins").Theme<"Avatar", {

package/es/chat/styles/light.d.ts

@@ -353,6 +353,129 @@ declare const chatLight: import("../../_mixins").Theme<"Chat", {
                 iconBgColor: string;
                 extraTextColor: string;
             }, any>;
+            Checkbox: import("../../_mixins").Theme<"Checkbox", {
+                fontWeight: string;
+                textColor: string;
+                descriptionTextColor: string;
+                textColorDisabled: string;
+                descriptionTextColorDisabled: string;
+                fontSizeLarge: string;
+                fontSizeMedium: string;
+                fontSizeSmall: string;
+                lineHeightLarge: string;
+                lineHeightMedium: string;
+                lineHeightSmall: string;
+                borderRadiusLarge: string;
+                borderRadiusMedium: string;
+                borderRadiusSmall: string;
+                color: string;
+                colorHover: string;
+                colorFocus: string;
+                colorActive: string;
+                colorChecked: string;
+                colorHoverChecked: string;
+                colorFocusChecked: string;
+                colorActiveChecked: string;
+                colorDisabled: string;
+                colorDisabledChecked: string;
+                checkMarkColor: string;
+                checkMarkColorHover: string;
+                checkMarkColorFocus: string;
+                checkMarkColorActive: string;
+                checkMarkColorDisabled: string;
+                checkMarkColorDisabledChecked: string;
+                border: string;
+                borderHover: string;
+                borderFocus: string;
+                borderActive: string;
+                borderChecked: string;
+                borderHoverChecked: string;
+                borderFocusChecked: string;
+                borderActiveChecked: string;
+                borderDisabled: string;
+                borderDisabledChecked: string;
+                boxShadowHover: string;
+                boxShadowFocus: string;
+                boxShadowActive: string;
+                boxShadowHoverChecked: string;
+                boxShadowFocusChecked: string;
+                boxShadowActiveChecked: string;
+                sizeSmall: string;
+                sizeMedium: string;
+                sizeLarge: string;
+                labelPadding: string;
+            }, any>;
+            Input: import("../../_mixins").Theme<"Input", {
+                paddingTiny: string;
+                paddingSmall: string;
+                paddingMedium: string;
+                paddingLarge: string;
+                paddingHuge: string;
+                clearSize: string;
+                countTextColorDisabled: string;
+                countTextColor: string;
+                heightTiny: string;
+                heightSmall: string;
+                heightMedium: string;
+                heightLarge: string;
+                heightHuge: string;
+                fontSizeTiny: string;
+                fontSizeSmall: string;
+                fontSizeMedium: string;
+                fontSizeLarge: string;
+                fontSizeHuge: string;
+                lineHeight: string;
+                lineHeightTextarea: string;
+                borderRadius: string;
+                iconSize: string;
+                groupLabelTextColor: string;
+                textColor: string;
+                textColorDisabled: string;
+                textDecorationColor: string;
+                caretColor: string;
+                placeholderColor: string;
+                placeholderColorDisabled: string;
+                color: string;
+                colorDisabled: string;
+                colorFocus: string;
+                groupLabelBorder: string;
+                border: string;
+                borderHover: string;
+                borderDisabled: string;
+                borderFocus: string;
+                boxShadowFocus: string;
+                loadingColor: string;
+                loadingColorSuccess: string;
+                borderSuccess: string;
+                borderHoverSuccess: string;
+                colorFocusSuccess: string;
+                borderFocusSuccess: string;
+                boxShadowFocusSuccess: string;
+                caretColorSuccess: string;
+                loadingColorWarning: string;
+                borderWarning: string;
+                borderHoverWarning: string;
+                colorFocusWarning: string;
+                borderFocusWarning: string;
+                boxShadowFocusWarning: string;
+                caretColorWarning: string;
+                loadingColorError: string;
+                borderError: string;
+                borderHoverError: string;
+                colorFocusError: string;
+                borderFocusError: string;
+                boxShadowFocusError: string;
+                caretColorError: string;
+                clearColor: string;
+                clearColorHover: string;
+                clearColorPressed: string;
+                iconColor: string;
+                iconColorDisabled: string;
+                iconColorHover: string;
+                iconColorPressed: string;
+                suffixTextColor: string;
+                selectionColor: string;
+            }, any>;
         }>;
     }>;
     Avatar: import("../../_mixins").Theme<"Avatar", {

package/es/checkbox/src/Checkbox.d.ts

@@ -32,11 +32,11 @@ export declare const checkboxProps: {
         default: undefined;
     };
     checkedValue: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: boolean;
     };
     'onUpdate:checked': PropType<import("../../_utils").MaybeArray<import("../../_internal").OnUpdateChecked>>;
@@ -232,11 +232,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
     checkedValue: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: boolean;
     };
     'onUpdate:checked': PropType<import("../../_utils").MaybeArray<import("../../_internal").OnUpdateChecked>>;
@@ -543,11 +543,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: undefined;
     };
     checkedValue: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: boolean;
     };
     'onUpdate:checked': PropType<import("../../_utils").MaybeArray<import("../../_internal").OnUpdateChecked>>;
@@ -710,8 +710,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         labelPadding: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    disabled: boolean | undefined;
     position: "left" | "right";
+    disabled: boolean | undefined;
     focusable: boolean;
     checkedValue: string | number | boolean;
     uncheckedValue: string | number | boolean;

package/es/checkbox/src/CheckboxGroup.d.ts

@@ -71,7 +71,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }) => void>>;
     readonly onChange: PropType<MaybeArray<(value: Array<string | number>) => void> | undefined>;
 }>> & Readonly<{}>, {
-    readonly disabled: boolean | undefined;
     readonly defaultValue: (string | number)[] | null;
+    readonly disabled: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/code/src/Code.d.ts

@@ -214,10 +214,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         lineNumberTextColor: string;
     }, any>>>;
 }>> & Readonly<{}>, {
-    code: string;
     trim: boolean;
-    inline: boolean;
+    code: string;
     uri: boolean;
+    inline: boolean;
     wordWrap: boolean;
     showLineNumbers: boolean;
     internalNoHighlight: boolean;

package/es/color-picker/src/ColorPicker.d.ts

@@ -2981,8 +2981,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, any>;
     }>>>;
 }>> & Readonly<{}>, {
-    readonly disabled: boolean | undefined;
     readonly to: string | boolean | HTMLElement;
+    readonly disabled: boolean | undefined;
     readonly placement: FollowerPlacement;
     readonly show: boolean | undefined;
     readonly defaultShow: boolean;

package/es/color-picker/src/ColorPickerTrigger.d.ts

@@ -31,8 +31,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     disabled: BooleanConstructor;
     onClick: PropType<() => void>;
 }>> & Readonly<{}>, {
-    value: string | null;
     disabled: boolean;
+    value: string | null;
     hsla: HSLA | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;