@uzum-tech/ui 1.12.19 → 1.12.21

package/es/chat/src/ChatParts/ChatAttachment.js

@@ -54,10 +54,10 @@ export default defineComponent({
             return true;
         });
         const renderAttachment = () => {
-            const fileList = props.attachments.map((attachment, index) => {
+            const fileList = props.attachments.map((attachment) => {
                 var _a, _b, _c;
                 return ({
-                    id: `${String(props.message.id)}-attachment-${index}`,
+                    id: `${String(attachment.id)}`,
                     name: attachment.name,
                     status: attachment.status || ChatAttachmentStatus.FINISHED,
                     percentage: (_a = attachment.percentage) !== null && _a !== void 0 ? _a : null,

package/es/header/src/Header.d.ts

@@ -398,6 +398,7 @@ declare const _default: import("vue").DefineComponent<{
         '--u-header-card-divider-color': string;
         '--u-header-card-gap': string;
         '--u-header-card-padding': string;
+        '--u-header-card-shadow': string;
         '--u-header-badge-bg-color': string;
         '--u-header-badge-text-color': string;
         '--u-header-action-icon-color': string;

package/es/header/src/Header.js

@@ -176,6 +176,7 @@ export default defineComponent({
                 '--u-header-card-divider-color': self.cardDividerColor,
                 '--u-header-card-gap': self.cardGap,
                 '--u-header-card-padding': self.cardPadding,
+                '--u-header-card-shadow': self.cardShadow,
                 '--u-header-badge-bg-color': self.badgeBackgroundColor,
                 '--u-header-badge-text-color': self.badgeTextColor,
                 '--u-header-action-icon-color': self.actionIconColor,

package/es/header/src/HeaderActions.d.ts

@@ -30,6 +30,7 @@ export declare const headerActionsProps: {
         readonly required: false;
     };
     readonly cssVars: PropType<HeaderActionsProps["cssVars"]>;
+    readonly langDropdownThemeOverrides: PropType<HeaderActionsProps["langDropdownThemeOverrides"]>;
     readonly onSearch: PropType<HeaderActionsProps["onSearch"]>;
     readonly onPreview: PropType<HeaderActionsProps["onPreview"]>;
     readonly onLogout: PropType<HeaderActionsProps["onLogout"]>;
@@ -66,6 +67,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly required: false;
     };
     readonly cssVars: PropType<HeaderActionsProps["cssVars"]>;
+    readonly langDropdownThemeOverrides: PropType<HeaderActionsProps["langDropdownThemeOverrides"]>;
     readonly onSearch: PropType<HeaderActionsProps["onSearch"]>;
     readonly onPreview: PropType<HeaderActionsProps["onPreview"]>;
     readonly onLogout: PropType<HeaderActionsProps["onLogout"]>;
@@ -119,6 +121,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly required: false;
     };
     readonly cssVars: PropType<HeaderActionsProps["cssVars"]>;
+    readonly langDropdownThemeOverrides: PropType<HeaderActionsProps["langDropdownThemeOverrides"]>;
     readonly onSearch: PropType<HeaderActionsProps["onSearch"]>;
     readonly onPreview: PropType<HeaderActionsProps["onPreview"]>;
     readonly onLogout: PropType<HeaderActionsProps["onLogout"]>;

package/es/header/src/HeaderActions.js

@@ -45,6 +45,7 @@ export const headerActionsProps = {
         required: false
     },
     cssVars: Object,
+    langDropdownThemeOverrides: Object,
     onSearch: Function,
     onPreview: Function,
     onLogout: Function,
@@ -130,7 +131,7 @@ export default defineComponent({
             var _a;
             if (((_a = this.actionsVisibility) === null || _a === void 0 ? void 0 : _a.lang) === false)
                 return null;
-            return $slots.lang ? ($slots.lang()) : (h(UDropdown, { options: this.langOptions, onSelect: this.onLanguageSelect }, {
+            return $slots.lang ? ($slots.lang()) : (h(UDropdown, { options: this.langOptions, onSelect: this.onLanguageSelect, themeOverrides: this.langDropdownThemeOverrides }, {
                 default: () => (h(UButton, { "icon-placement": "right", text: true, renderIcon: () => (h(UIcon, null, { default: () => h(ChevronDownOutline, null) })) }, {
                     default: () => {
                         var _a, _b, _c;

package/es/header/src/interface.d.ts

@@ -1,4 +1,6 @@
 import { CSSProperties, type VNodeChild } from 'vue';
+import type { ExtractThemeOverrides } from '../../_mixins/use-theme';
+import type { DropdownTheme } from '../../dropdown/styles';
 import type { MenuOption as BaseMenuOption, MenuGroupOption, MenuDividerOption, Key } from '../../menu/src/interface';
 import type { TabsProps } from '../../tabs';
 import { ImageProps } from '../../image';
@@ -37,6 +39,7 @@ export interface HeaderActionsProps {
     mobileActionsCollapse?: boolean;
     actionsVisibility?: ActionsVisibility;
     cssVars?: CSSProperties;
+    langDropdownThemeOverrides?: ExtractThemeOverrides<DropdownTheme>;
     onSearch: HeaderSearchHandler;
     onPreview: VoidFunction;
     onLogout: VoidFunction;

package/es/header/src/styles/index.cssr.js

@@ -128,6 +128,7 @@ export default cB('header', `
  opacity: .5;
  `), c('& .u-tabs-tab--checked', `
  color: var(--u-header-tab-text-color-active);
+ border-color: var(--u-header-tab-indicator-color);
  `), c('& .u-tabs-tab:hover', `
  color: var(--u-header-tab-text-color-hover);
  `), c('& .u-tabs-bar', `
@@ -182,6 +183,7 @@ export default cB('header', `
  background-color: var(--u-header-card-bg-color);
  border-radius: var(--u-header-card-radius);
  padding: var(--u-header-card-padding);
+ box-shadow: var(--u-header-card-shadow);
  `), cE('menu-grid', `
  display: grid;
  gap: var(--u-header-card-gap);

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.12.19";
+declare const _default: "1.12.21";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '1.12.19';
+export default '1.12.21';

package/lib/chat/src/ChatParts/ChatAttachment.js

@@ -56,10 +56,10 @@ exports.default = (0, vue_1.defineComponent)({
             return true;
         });
         const renderAttachment = () => {
-            const fileList = props.attachments.map((attachment, index) => {
+            const fileList = props.attachments.map((attachment) => {
                 var _a, _b, _c;
                 return ({
-                    id: `${String(props.message.id)}-attachment-${index}`,
+                    id: `${String(attachment.id)}`,
                     name: attachment.name,
                     status: attachment.status || interface_1.ChatAttachmentStatus.FINISHED,
                     percentage: (_a = attachment.percentage) !== null && _a !== void 0 ? _a : null,

package/lib/header/src/Header.d.ts

@@ -398,6 +398,7 @@ declare const _default: import("vue").DefineComponent<{
         '--u-header-card-divider-color': string;
         '--u-header-card-gap': string;
         '--u-header-card-padding': string;
+        '--u-header-card-shadow': string;
         '--u-header-badge-bg-color': string;
         '--u-header-badge-text-color': string;
         '--u-header-action-icon-color': string;

package/lib/header/src/Header.js

@@ -205,6 +205,7 @@ exports.default = (0, vue_1.defineComponent)({
                 '--u-header-card-divider-color': self.cardDividerColor,
                 '--u-header-card-gap': self.cardGap,
                 '--u-header-card-padding': self.cardPadding,
+                '--u-header-card-shadow': self.cardShadow,
                 '--u-header-badge-bg-color': self.badgeBackgroundColor,
                 '--u-header-badge-text-color': self.badgeTextColor,
                 '--u-header-action-icon-color': self.actionIconColor,

package/lib/header/src/HeaderActions.d.ts

@@ -30,6 +30,7 @@ export declare const headerActionsProps: {
         readonly required: false;
     };
     readonly cssVars: PropType<HeaderActionsProps["cssVars"]>;
+    readonly langDropdownThemeOverrides: PropType<HeaderActionsProps["langDropdownThemeOverrides"]>;
     readonly onSearch: PropType<HeaderActionsProps["onSearch"]>;
     readonly onPreview: PropType<HeaderActionsProps["onPreview"]>;
     readonly onLogout: PropType<HeaderActionsProps["onLogout"]>;
@@ -66,6 +67,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly required: false;
     };
     readonly cssVars: PropType<HeaderActionsProps["cssVars"]>;
+    readonly langDropdownThemeOverrides: PropType<HeaderActionsProps["langDropdownThemeOverrides"]>;
     readonly onSearch: PropType<HeaderActionsProps["onSearch"]>;
     readonly onPreview: PropType<HeaderActionsProps["onPreview"]>;
     readonly onLogout: PropType<HeaderActionsProps["onLogout"]>;
@@ -119,6 +121,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly required: false;
     };
     readonly cssVars: PropType<HeaderActionsProps["cssVars"]>;
+    readonly langDropdownThemeOverrides: PropType<HeaderActionsProps["langDropdownThemeOverrides"]>;
     readonly onSearch: PropType<HeaderActionsProps["onSearch"]>;
     readonly onPreview: PropType<HeaderActionsProps["onPreview"]>;
     readonly onLogout: PropType<HeaderActionsProps["onLogout"]>;

package/lib/header/src/HeaderActions.js

@@ -51,6 +51,7 @@ exports.headerActionsProps = {
         required: false
     },
     cssVars: Object,
+    langDropdownThemeOverrides: Object,
     onSearch: Function,
     onPreview: Function,
     onLogout: Function,
@@ -136,7 +137,7 @@ exports.default = (0, vue_1.defineComponent)({
             var _a;
             if (((_a = this.actionsVisibility) === null || _a === void 0 ? void 0 : _a.lang) === false)
                 return null;
-            return $slots.lang ? ($slots.lang()) : ((0, vue_1.h)(dropdown_1.UDropdown, { options: this.langOptions, onSelect: this.onLanguageSelect }, {
+            return $slots.lang ? ($slots.lang()) : ((0, vue_1.h)(dropdown_1.UDropdown, { options: this.langOptions, onSelect: this.onLanguageSelect, themeOverrides: this.langDropdownThemeOverrides }, {
                 default: () => ((0, vue_1.h)(button_1.UButton, { "icon-placement": "right", text: true, renderIcon: () => ((0, vue_1.h)(icon_1.UIcon, null, { default: () => (0, vue_1.h)(icons_1.ChevronDownOutline, null) })) }, {
                     default: () => {
                         var _a, _b, _c;

package/lib/header/src/interface.d.ts

@@ -1,4 +1,6 @@
 import { CSSProperties, type VNodeChild } from 'vue';
+import type { ExtractThemeOverrides } from '../../_mixins/use-theme';
+import type { DropdownTheme } from '../../dropdown/styles';
 import type { MenuOption as BaseMenuOption, MenuGroupOption, MenuDividerOption, Key } from '../../menu/src/interface';
 import type { TabsProps } from '../../tabs';
 import { ImageProps } from '../../image';
@@ -37,6 +39,7 @@ export interface HeaderActionsProps {
     mobileActionsCollapse?: boolean;
     actionsVisibility?: ActionsVisibility;
     cssVars?: CSSProperties;
+    langDropdownThemeOverrides?: ExtractThemeOverrides<DropdownTheme>;
     onSearch: HeaderSearchHandler;
     onPreview: VoidFunction;
     onLogout: VoidFunction;

package/lib/header/src/styles/index.cssr.js

@@ -134,6 +134,7 @@ exports.default = (0, cssr_1.cB)('header', `
  opacity: .5;
  `), (0, cssr_1.c)('& .u-tabs-tab--checked', `
  color: var(--u-header-tab-text-color-active);
+ border-color: var(--u-header-tab-indicator-color);
  `), (0, cssr_1.c)('& .u-tabs-tab:hover', `
  color: var(--u-header-tab-text-color-hover);
  `), (0, cssr_1.c)('& .u-tabs-bar', `
@@ -188,6 +189,7 @@ exports.default = (0, cssr_1.cB)('header', `
  background-color: var(--u-header-card-bg-color);
  border-radius: var(--u-header-card-radius);
  padding: var(--u-header-card-padding);
+ box-shadow: var(--u-header-card-shadow);
  `), (0, cssr_1.cE)('menu-grid', `
  display: grid;
  gap: var(--u-header-card-gap);

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.12.19";
+declare const _default: "1.12.21";
 export default _default;

package/lib/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '1.12.19';
+exports.default = '1.12.21';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "1.12.19",
+  "version": "1.12.21",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "main": "lib/index.js",
   "module": "es/index.js",

package/volar.d.ts

@@ -1,7 +1,6 @@
 // Auto generated component declarations
 declare module 'vue' {
   export interface GlobalComponents {
-    UActionCard: typeof import('@uzum-tech/ui')['UActionCard']
     UAffix: typeof import('@uzum-tech/ui')['UAffix']
     UAlert: typeof import('@uzum-tech/ui')['UAlert']
     UAnchor: typeof import('@uzum-tech/ui')['UAnchor']
@@ -22,9 +21,6 @@ declare module 'vue' {
     UCarousel: typeof import('@uzum-tech/ui')['UCarousel']
     UCarouselItem: typeof import('@uzum-tech/ui')['UCarouselItem']
     UCascader: typeof import('@uzum-tech/ui')['UCascader']
-    UChat: typeof import('@uzum-tech/ui')['UChat']
-    UChatListItems: typeof import('@uzum-tech/ui')['UChatListItems']
-    UChatMessages: typeof import('@uzum-tech/ui')['UChatMessages']
     UCheckbox: typeof import('@uzum-tech/ui')['UCheckbox']
     UCheckboxGroup: typeof import('@uzum-tech/ui')['UCheckboxGroup']
     UCode: typeof import('@uzum-tech/ui')['UCode']
@@ -35,7 +31,6 @@ declare module 'vue' {
     UColorPicker: typeof import('@uzum-tech/ui')['UColorPicker']
     UConfigProvider: typeof import('@uzum-tech/ui')['UConfigProvider']
     UCountdown: typeof import('@uzum-tech/ui')['UCountdown']
-    UCrop: typeof import('@uzum-tech/ui')['UCrop']
     UDataTable: typeof import('@uzum-tech/ui')['UDataTable']
     UDatePicker: typeof import('@uzum-tech/ui')['UDatePicker']
     UDescriptions: typeof import('@uzum-tech/ui')['UDescriptions']
@@ -71,23 +66,11 @@ declare module 'vue' {
     UH4: typeof import('@uzum-tech/ui')['UH4']
     UH5: typeof import('@uzum-tech/ui')['UH5']
     UH6: typeof import('@uzum-tech/ui')['UH6']
-    UHeader: typeof import('@uzum-tech/ui')['UHeader']
-    UHeaderActions: typeof import('@uzum-tech/ui')['UHeaderActions']
-    UHeaderDesktopLayout: typeof import('@uzum-tech/ui')['UHeaderDesktopLayout']
-    UHeaderMobile: typeof import('@uzum-tech/ui')['UHeaderMobile']
-    UHeaderMobileLayout: typeof import('@uzum-tech/ui')['UHeaderMobileLayout']
-    UHeaderNavigation: typeof import('@uzum-tech/ui')['UHeaderNavigation']
-    UHeaderSearchDesktop: typeof import('@uzum-tech/ui')['UHeaderSearchDesktop']
-    UHeaderSearchMobile: typeof import('@uzum-tech/ui')['UHeaderSearchMobile']
-    UHeaderSearchResults: typeof import('@uzum-tech/ui')['UHeaderSearchResults']
     UHr: typeof import('@uzum-tech/ui')['UHr']
     UIcon: typeof import('@uzum-tech/ui')['UIcon']
-    UIconBar: typeof import('@uzum-tech/ui')['UIconBar']
-    UIconBarItem: typeof import('@uzum-tech/ui')['UIconBarItem']
     UIconWrapper: typeof import('@uzum-tech/ui')['UIconWrapper']
     UImage: typeof import('@uzum-tech/ui')['UImage']
     UImageGroup: typeof import('@uzum-tech/ui')['UImageGroup']
-    UInfiniteScroll: typeof import('@uzum-tech/ui')['UInfiniteScroll']
     UInput: typeof import('@uzum-tech/ui')['UInput']
     UInputGroup: typeof import('@uzum-tech/ui')['UInputGroup']
     UInputGroupLabel: typeof import('@uzum-tech/ui')['UInputGroupLabel']
@@ -108,7 +91,6 @@ declare module 'vue' {
     UMenu: typeof import('@uzum-tech/ui')['UMenu']
     UMessageProvider: typeof import('@uzum-tech/ui')['UMessageProvider']
     UModal: typeof import('@uzum-tech/ui')['UModal']
-    UModalFullscreen: typeof import('@uzum-tech/ui')['UModalFullscreen']
     UNotificationProvider: typeof import('@uzum-tech/ui')['UNotificationProvider']
     UNumberAnimation: typeof import('@uzum-tech/ui')['UNumberAnimation']
     UOl: typeof import('@uzum-tech/ui')['UOl']
@@ -119,14 +101,12 @@ declare module 'vue' {
     UPopover: typeof import('@uzum-tech/ui')['UPopover']
     UPopselect: typeof import('@uzum-tech/ui')['UPopselect']
     UProgress: typeof import('@uzum-tech/ui')['UProgress']
-    UQrCode: typeof import('@uzum-tech/ui')['UQrCode']
     URadio: typeof import('@uzum-tech/ui')['URadio']
     URadioButton: typeof import('@uzum-tech/ui')['URadioButton']
     URadioGroup: typeof import('@uzum-tech/ui')['URadioGroup']
     URate: typeof import('@uzum-tech/ui')['URate']
     UResult: typeof import('@uzum-tech/ui')['UResult']
     URow: typeof import('@uzum-tech/ui')['URow']
-    USafeTopScrollbar: typeof import('@uzum-tech/ui')['USafeTopScrollbar']
     UScrollbar: typeof import('@uzum-tech/ui')['UScrollbar']
     USelect: typeof import('@uzum-tech/ui')['USelect']
     USkeleton: typeof import('@uzum-tech/ui')['USkeleton']
@@ -143,7 +123,6 @@ declare module 'vue' {
     UTable: typeof import('@uzum-tech/ui')['UTable']
     UTabs: typeof import('@uzum-tech/ui')['UTabs']
     UTag: typeof import('@uzum-tech/ui')['UTag']
-    UTagGroup: typeof import('@uzum-tech/ui')['UTagGroup']
     UTbody: typeof import('@uzum-tech/ui')['UTbody']
     UTd: typeof import('@uzum-tech/ui')['UTd']
     UText: typeof import('@uzum-tech/ui')['UText']
@@ -165,8 +144,29 @@ declare module 'vue' {
     UUploadDragger: typeof import('@uzum-tech/ui')['UUploadDragger']
     UUploadFileList: typeof import('@uzum-tech/ui')['UUploadFileList']
     UUploadTrigger: typeof import('@uzum-tech/ui')['UUploadTrigger']
-    UVirtualList: typeof import('@uzum-tech/ui')['UVirtualList']
     UWatermark: typeof import('@uzum-tech/ui')['UWatermark']
+    UActionCard: typeof import('@uzum-tech/ui')['UActionCard']
+    UChat: typeof import('@uzum-tech/ui')['UChat']
+    UChatListItems: typeof import('@uzum-tech/ui')['UChatListItems']
+    UChatMessages: typeof import('@uzum-tech/ui')['UChatMessages']
+    UInfiniteScroll: typeof import('@uzum-tech/ui')['UInfiniteScroll']
+    UVirtualList: typeof import('@uzum-tech/ui')['UVirtualList']
+    UModalFullscreen: typeof import('@uzum-tech/ui')['UModalFullscreen']
+    UCrop: typeof import('@uzum-tech/ui')['UCrop']
+    UTagGroup: typeof import('@uzum-tech/ui')['UTagGroup']
+    UIconBar: typeof import('@uzum-tech/ui')['UIconBar']
+    UIconBarItem: typeof import('@uzum-tech/ui')['UIconBarItem']
+    UQrCode: typeof import('@uzum-tech/ui')['UQrCode']
+    UHeader: typeof import('@uzum-tech/ui')['UHeader']
+    USafeTopScrollbar: typeof import('@uzum-tech/ui')['USafeTopScrollbar']
+    UHeaderActions: typeof import('@uzum-tech/ui')['UHeaderActions']
+    UHeaderMobile: typeof import('@uzum-tech/ui')['UHeaderMobile']
+    UHeaderNavigation: typeof import('@uzum-tech/ui')['UHeaderNavigation']
+    UHeaderDesktopLayout: typeof import('@uzum-tech/ui')['UHeaderDesktopLayout']
+    UHeaderMobileLayout: typeof import('@uzum-tech/ui')['UHeaderMobileLayout']
+    UHeaderSearchDesktop: typeof import('@uzum-tech/ui')['UHeaderSearchDesktop']
+    UHeaderSearchMobile: typeof import('@uzum-tech/ui')['UHeaderSearchMobile']
+    UHeaderSearchResults: typeof import('@uzum-tech/ui')['UHeaderSearchResults']
   }
 }
 export {}

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@uzum-tech/ui",
-  "version": "1.12.19",
+  "version": "1.12.21",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -18760,6 +18760,13 @@
               "name": "css-vars",
               "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header",
               "type": "object"
+            },
+            {
+              "name": "lang-dropdown-theme-overrides",
+              "doc-url": "https://uzum-ui.kapitalbank.uz/en-US/os-theme/components/header",
+              "type": "ExtractThemeOverrides<DropdownTheme>",
+              "description": "Theme overrides for the language `u-dropdown` (e.g. Popover `boxShadow`).",
+              "default": "undefined"
             }
           ],
           "js": {