@uzum-tech/ui 1.14.4 → 1.14.6

package/es/mapping-card/src/interface.d.ts

@@ -36,6 +36,7 @@ export interface MappingCardInterface {
     defaultSpan?: number;
     copy?: () => string;
     hideCopy?: boolean;
+    hideHeaderActions?: boolean;
     copyButtonProps?: Partial<ButtonProps>;
     copyIconProps?: Partial<IconProps>;
     headerEditButtonProps?: Partial<ButtonProps>;
@@ -72,6 +73,10 @@ export declare const mappingCardProps: {
         readonly type: PropType<MappingCardInterface["hideCopy"]>;
         readonly default: false;
     };
+    readonly hideHeaderActions: {
+        readonly type: PropType<MappingCardInterface["hideHeaderActions"]>;
+        readonly default: false;
+    };
     readonly copyButtonProps: PropType<MappingCardInterface["copyButtonProps"]>;
     readonly copyIconProps: PropType<MappingCardInterface["copyIconProps"]>;
     readonly headerEditButtonProps: PropType<MappingCardInterface["headerEditButtonProps"]>;

package/es/mapping-card/src/interface.js

@@ -15,6 +15,10 @@ export const mappingCardProps = {
         type: Boolean,
         default: false
     },
+    hideHeaderActions: {
+        type: Boolean,
+        default: false
+    },
     copyButtonProps: Object,
     copyIconProps: Object,
     headerEditButtonProps: Object,

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.14.4";
+declare const _default: "1.14.6";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '1.14.4';
+export default '1.14.6';

package/lib/_internal/select-menu/src/SelectOption.d.ts

@@ -1,7 +1,7 @@
-import { type PropType, type Ref } from 'vue';
-import { type TreeNode } from 'treemate';
+import type { TreeNode } from 'treemate';
+import type { PropType, Ref } from 'vue';
 import type { SelectOption } from '../../../select/src/interface';
-import { type RenderLabelImpl, type RenderOptionImpl } from './interface';
+import type { RenderLabelImpl, RenderOptionImpl } from './interface';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;

package/lib/_internal/select-menu/src/SelectOption.js

@@ -3,19 +3,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const vue_1 = require("vue");
 const vooks_1 = require("vooks");
+const vue_1 = require("vue");
 const _utils_1 = require("../../../_utils");
-const icons_1 = require("../../icons");
+const account_option_1 = __importDefault(require("../../account-option"));
 const icon_1 = require("../../icon");
+const icons_1 = require("../../icons");
 const interface_1 = require("./interface");
-const account_option_1 = __importDefault(require("../../account-option"));
 function renderCheckMark(show, clsPrefix) {
-    return ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition" }, {
-        default: () => show ? ((0, vue_1.h)(icon_1.UBaseIcon, { clsPrefix: clsPrefix, class: `${clsPrefix}-base-select-option__check` }, {
-            default: () => (0, vue_1.h)(icons_1.CheckmarkIcon)
-        })) : null
-    }));
+    return ((0, vue_1.h)("div", { class: `${clsPrefix}-base-select-option__check-wrapper` },
+        (0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition" }, {
+            default: () => show ? ((0, vue_1.h)(icon_1.UBaseIcon, { clsPrefix: clsPrefix, class: `${clsPrefix}-base-select-option__check` }, {
+                default: () => (0, vue_1.h)(icons_1.CheckmarkIcon)
+            })) : null
+        })));
 }
 exports.default = (0, vue_1.defineComponent)({
     name: 'UBaseSelectOption',
@@ -35,27 +36,31 @@ exports.default = (0, vue_1.defineComponent)({
          } = (0, vue_1.inject)(interface_1.internalSelectionMenuInjectionKey);
         const isPendingRef = (0, vooks_1.useMemo)(() => {
             const { value: pendingTmNode } = pendingTmNodeRef;
-            if (!pendingTmNode)
+            if (!pendingTmNode) {
                 return false;
+            }
             return props.tmNode.key === pendingTmNode.key;
         });
         function handleClick(e) {
             const { tmNode } = props;
-            if (tmNode.disabled)
+            if (tmNode.disabled) {
                 return;
+            }
             handleOptionClick(e, tmNode);
         }
         function handleMouseEnter(e) {
             const { tmNode } = props;
-            if (tmNode.disabled)
+            if (tmNode.disabled) {
                 return;
+            }
             handleOptionMouseEnter(e, tmNode);
         }
         function handleMouseMove(e) {
             const { tmNode } = props;
             const { value: isPending } = isPendingRef;
-            if (tmNode.disabled || isPending)
+            if (tmNode.disabled || isPending) {
                 return;
+            }
             handleOptionMouseEnter(e, tmNode);
         }
         return {
@@ -72,8 +77,9 @@ exports.default = (0, vue_1.defineComponent)({
             isSelected: (0, vooks_1.useMemo)(() => {
                 const { value } = valueRef;
                 const { value: multiple } = multipleRef;
-                if (value === null)
+                if (value === null) {
                     return false;
+                }
                 const optionValue = props.tmNode.rawNode[valueFieldRef.value];
                 if (multiple) {
                     const { value: valueSet } = valueSetRef;
@@ -93,16 +99,13 @@ exports.default = (0, vue_1.defineComponent)({
     },
     render() {
         const { clsPrefix, tmNode: { rawNode }, isSelected, isPending, isGrouped, showCheckmark, nodeProps, renderOption, renderLabel, handleClick, handleMouseEnter, handleMouseMove, account } = this;
-        const checkmark = renderCheckMark(isSelected, clsPrefix);
+        const checkmark = renderCheckMark(showCheckmark && isSelected, clsPrefix);
         const label = renderLabel
             ? renderLabel(rawNode, isSelected)
             : (0, _utils_1.render)(rawNode[this.labelField], rawNode, isSelected);
         const children = account
-            ? [
-                (0, vue_1.h)(account_option_1.default, Object.assign({}, rawNode, { label: label })),
-                showCheckmark && checkmark
-            ]
-            : [label, showCheckmark && checkmark];
+            ? [(0, vue_1.h)(account_option_1.default, Object.assign({}, rawNode, { label: label })), checkmark]
+            : [label, checkmark];
         const attrs = nodeProps === null || nodeProps === void 0 ? void 0 : nodeProps(rawNode);
         const node = ((0, vue_1.h)("div", Object.assign({}, attrs, { class: [
                 `${clsPrefix}-base-select-option`,

package/lib/_internal/select-menu/src/styles/index.cssr.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-const cssr_1 = require("../../../../_utils/cssr");
 const fade_in_scale_up_cssr_1 = require("../../../../_styles/transitions/fade-in-scale-up.cssr");
+const cssr_1 = require("../../../../_utils/cssr");
 // --u-loading-color
 // --u-loading-size
 // --u-option-padding-right
@@ -109,14 +109,15 @@ exports.default = (0, cssr_1.cB)('base-select-menu', `
  color: var(--u-option-text-color-disabled);
  `), (0, cssr_1.cM)('selected', `
  opacity: var(--u-option-opacity-disabled);
- `)]), (0, cssr_1.cE)('check', `
- font-size: 24px;
+ `)]), (0, cssr_1.cE)('check-wrapper', `
  position: absolute;
  right: calc(var(--u-option-padding-right) - 4px);
  top: 50%;
  transform: translateY(-50%);
+ `, [(0, cssr_1.cE)('check', `
+ font-size: 24px;
  color: var(--u-option-check-color);
  transition: color .3s var(--u-bezier);
  `, [(0, fade_in_scale_up_cssr_1.fadeInScaleUpTransition)({
   enterScale: '0.5'
-})])])]);
+})])])])]);

package/lib/carousel/src/Carousel.d.ts

@@ -1,6 +1,6 @@
-import type { CSSProperties, PropType, Ref, TransitionProps, VNode } from 'vue';
+import type { CSSProperties, PropType, Ref, SlotsType, TransitionProps, VNode } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-import type { ArrowScopedSlotProps, DotScopedSlotProps, Size } from './interface';
+import type { ArrowScopedSlotProps, CarouselArrowSlotProps, CarouselDotSlotProps, DotScopedSlotProps, Size } from './interface';
 declare const transitionProperties: readonly ["transitionDuration", "transitionTimingFunction"];
 type TransitionStyle = Partial<Pick<CSSProperties, (typeof transitionProperties)[number]>>;
 export declare const carouselProps: {
@@ -97,6 +97,11 @@ export declare const carouselProps: {
     }, any>>>;
 };
 export type CarouselProps = ExtractPublicPropTypes<typeof carouselProps>;
+export interface CarouselSlots {
+    default?: () => VNode[];
+    arrow?: (props: CarouselArrowSlotProps) => VNode[];
+    dots?: (props: CarouselDotSlotProps) => VNode[];
+}
 declare const _default: import("vue").DefineComponent<{
     defaultIndex: {
         type: NumberConstructor;
@@ -344,5 +349,5 @@ declare const _default: import("vue").DefineComponent<{
     draggable: boolean;
     touchable: boolean;
     mousewheel: boolean;
-}, {}>;
+}, SlotsType<CarouselSlots>>;
 export default _default;

package/lib/carousel/src/Carousel.js

@@ -27,20 +27,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.carouselProps = void 0;
-const vue_1 = require("vue");
-const vueuc_1 = require("vueuc");
-const vooks_1 = require("vooks");
 const evtd_1 = require("evtd");
 const seemly_1 = require("seemly");
+const vooks_1 = require("vooks");
+const vue_1 = require("vue");
+const vueuc_1 = require("vueuc");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
-const utils_1 = require("./utils");
+const CarouselArrow_1 = __importDefault(require("./CarouselArrow"));
 const CarouselContext_1 = require("./CarouselContext");
 const CarouselDots_1 = __importDefault(require("./CarouselDots"));
-const CarouselArrow_1 = __importDefault(require("./CarouselArrow"));
 const CarouselItem_1 = __importStar(require("./CarouselItem"));
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
+const utils_1 = require("./utils");
 const transitionProperties = [
     'transitionDuration',
     'transitionTimingFunction'
@@ -92,6 +92,7 @@ let globalDragging = false;
 exports.default = (0, vue_1.defineComponent)({
     name: 'Carousel',
     props: exports.carouselProps,
+    slots: Object,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         // Dom
@@ -119,10 +120,14 @@ exports.default = (0, vue_1.defineComponent)({
             (props.slidesPerView === 'auto' && props.centeredSlides));
         // Carousel size
         const perViewSizeRef = (0, vue_1.ref)({ width: 0, height: 0 });
+        const slideSizesTrigger = (0, vue_1.ref)(0);
         const slideSizesRef = (0, vue_1.computed)(() => {
             const { value: slidesEls } = slideElsRef;
-            if (!slidesEls.length)
+            if (!slidesEls.length) {
                 return [];
+            }
+            // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+            slideSizesTrigger.value;
             const { value: autoSlideSize } = autoSlideSizeRef;
             if (autoSlideSize) {
                 return slidesEls.map((slide) => (0, utils_1.calculateSize)(slide));
@@ -143,8 +148,9 @@ exports.default = (0, vue_1.defineComponent)({
         // The translate required to reach each slide
         const slideTranlatesRef = (0, vue_1.computed)(() => {
             const { value: slideSizes } = slideSizesRef;
-            if (!slideSizes.length)
+            if (!slideSizes.length) {
                 return [];
+            }
             const { centeredSlides, spaceBetween } = props;
             const { value: axis } = sizeAxisRef;
             const { [axis]: perViewSize } = perViewSizeRef.value;
@@ -171,8 +177,9 @@ exports.default = (0, vue_1.defineComponent)({
             : (0, utils_1.resolveSpeed)(transitionStyleRef.value.transitionDuration));
         const slideStylesRef = (0, vue_1.computed)(() => {
             const { value: slidesEls } = slideElsRef;
-            if (!slidesEls.length)
+            if (!slidesEls.length) {
                 return [];
+            }
             const useComputedSize = !(autoSlideSizeRef.value || realSlidesPerViewRef.value === 1);
             const getSlideSize = (index) => {
                 if (useComputedSize) {
@@ -208,8 +215,9 @@ exports.default = (0, vue_1.defineComponent)({
             else {
                 const { value: slideSizes } = slideSizesRef;
                 const { length } = slideSizes;
-                if (!length)
+                if (!length) {
                     return totalSlides;
+                }
                 const { value: translates } = slideTranlatesRef;
                 const { value: axis } = sizeAxisRef;
                 const perViewSize = perViewSizeRef.value[axis];
@@ -268,6 +276,9 @@ exports.default = (0, vue_1.defineComponent)({
         function isNextDisabled() {
             return getRealNextIndex() === null;
         }
+        let inTransition = false;
+        let dragging = false;
+        let isEffectiveDrag = false;
         // To
         function to(index) {
             const realIndex = (0, utils_1.clampValue)((0, utils_1.getRealIndex)(index, duplicatedableRef.value), 0, totalViewRef.value);
@@ -278,24 +289,27 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function prev() {
             const prevIndex = getRealPrevIndex();
-            if (prevIndex !== null)
+            if (prevIndex !== null) {
                 toRealIndex(prevIndex);
+            }
         }
         function next() {
             const nextIndex = getRealNextIndex();
-            if (nextIndex !== null)
+            if (nextIndex !== null) {
                 toRealIndex(nextIndex);
+            }
         }
         function prevIfSlideTransitionEnd() {
-            if (!inTransition || !duplicatedableRef.value)
+            if (!inTransition || !duplicatedableRef.value) {
                 prev();
+            }
         }
         function nextIfSlideTransitionEnd() {
-            if (!inTransition || !duplicatedableRef.value)
+            if (!inTransition || !duplicatedableRef.value) {
                 next();
+            }
         }
         // Translate to
-        let inTransition = false;
         // record the translate of each slide, so that it can be restored at touch
         let previousTranslate = 0;
         const translateStyleRef = (0, vue_1.ref)({});
@@ -380,13 +394,15 @@ exports.default = (0, vue_1.defineComponent)({
         };
         (0, CarouselContext_1.provideCarouselContext)(carouselContext);
         function addSlide(slide) {
-            if (!slide)
+            if (!slide) {
                 return;
+            }
             slideElsRef.value.push(slide);
         }
         function removeSlide(slide) {
-            if (!slide)
+            if (!slide) {
                 return;
+            }
             const index = getSlideIndex(slide);
             if (index !== -1) {
                 slideElsRef.value.splice(index, 1);
@@ -445,12 +461,11 @@ exports.default = (0, vue_1.defineComponent)({
         let dragStartY = 0;
         let dragOffset = 0;
         let dragStartTime = 0;
-        let dragging = false;
-        let isEffectiveDrag = false;
         function handleTouchstart(event) {
             var _a;
-            if (globalDragging)
+            if (globalDragging) {
                 return;
+            }
             if (!((_a = slidesElRef.value) === null || _a === void 0 ? void 0 : _a.contains((0, seemly_1.getPreciseEventTarget)(event)))) {
                 return;
             }
@@ -574,8 +589,9 @@ exports.default = (0, vue_1.defineComponent)({
         }
         function handleMousewheel(event) {
             event.preventDefault();
-            if (inTransition)
+            if (inTransition) {
                 return;
+            }
             let { deltaX, deltaY } = event;
             if (event.shiftKey && !deltaX) {
                 deltaX = deltaY;
@@ -606,10 +622,8 @@ exports.default = (0, vue_1.defineComponent)({
             resetAutoplay();
         }
         function handleSlideResize() {
-            var _a, _b;
             if (autoSlideSizeRef.value) {
-                (_b = (_a = slideSizesRef.effect).scheduler) === null || _b === void 0 ? void 0 : _b.call(_a);
-                slideSizesRef.effect.run();
+                slideSizesTrigger.value++;
             }
         }
         function handleMouseenter() {
@@ -651,8 +665,9 @@ exports.default = (0, vue_1.defineComponent)({
             }
         });
         (0, vue_1.watch)(realIndexRef, (realIndex, lastRealIndex) => {
-            if (realIndex === lastRealIndex)
+            if (realIndex === lastRealIndex) {
                 return;
+            }
             resetAutoplay();
             if (sequenceLayoutRef.value) {
                 if (duplicatedableRef.value && displayTotalViewRef.value > 2) {
@@ -701,9 +716,10 @@ exports.default = (0, vue_1.defineComponent)({
             'next',
             'isPrevDisabled',
             'isNextDisabled'
-        ])), { total: displayTotalViewRef.value, currentIndex: mergedDisplayIndexRef.value })));
+        ])), { total: displayTotalViewRef.value, current: mergedDisplayIndexRef.value, currentIndex: mergedDisplayIndexRef.value })));
         const dotSlotPropsRef = (0, vue_1.computed)(() => ({
             total: displayTotalViewRef.value,
+            current: mergedDisplayIndexRef.value,
             currentIndex: mergedDisplayIndexRef.value,
             to: carouselContext.to
         }));

package/lib/carousel/src/CarouselContext.d.ts

@@ -17,5 +17,5 @@ export interface CarouselContextValue {
     removeSlide: (slide?: HTMLElement) => void;
     onCarouselItemClick: (index: number, event: MouseEvent) => void;
 }
-export declare const provideCarouselContext: (contextValue: CarouselContextValue) => void;
-export declare const useCarouselContext: (location?: string, component?: string) => CarouselContextValue;
+export declare function provideCarouselContext(contextValue: CarouselContextValue): void;
+export declare function useCarouselContext(location?: string, component?: string): CarouselContextValue;

package/lib/carousel/src/CarouselContext.js

@@ -1,18 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCarouselContext = exports.provideCarouselContext = void 0;
+exports.provideCarouselContext = provideCarouselContext;
+exports.useCarouselContext = useCarouselContext;
 const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
 const carouselMethodsInjectionKey = (0, _utils_1.createInjectionKey)('u-carousel-methods');
-const provideCarouselContext = (contextValue) => {
+function provideCarouselContext(contextValue) {
     (0, vue_1.provide)(carouselMethodsInjectionKey, contextValue);
-};
-exports.provideCarouselContext = provideCarouselContext;
-const useCarouselContext = (location = 'unknown', component = 'component') => {
+}
+function useCarouselContext(location = 'unknown', component = 'component') {
     const CarouselContext = (0, vue_1.inject)(carouselMethodsInjectionKey);
     if (!CarouselContext) {
         (0, _utils_1.throwError)(location, `\`${component}\` must be placed inside \`u-carousel\`.`);
     }
     return CarouselContext;
-};
-exports.useCarouselContext = useCarouselContext;
+}

package/lib/carousel/src/CarouselDots.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const vue_1 = require("vue");
 const seemly_1 = require("seemly");
+const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const CarouselContext_1 = require("./CarouselContext");
 const carouselDotsProps = {

package/lib/carousel/src/CarouselItem.d.ts

@@ -1,5 +1,5 @@
 import type { VNode } from 'vue';
-export declare const isCarouselItem: (child: VNode) => boolean;
+export declare function isCarouselItem(child: VNode): boolean;
 declare const _default: import("vue").DefineComponent<{}, {
     mergedClsPrefix: import("vue").Ref<string>;
     selfElRef: import("vue").Ref<HTMLElement | undefined>;

package/lib/carousel/src/CarouselItem.js

@@ -1,18 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isCarouselItem = void 0;
+exports.isCarouselItem = isCarouselItem;
+const lodash_es_1 = require("lodash-es");
 const vue_1 = require("vue");
-const lodash_1 = require("lodash");
 const _mixins_1 = require("../../_mixins");
 const CarouselContext_1 = require("./CarouselContext");
 const CarouselItemName = 'CarouselItem';
-const isCarouselItem = (child) => { var _a; return ((_a = child.type) === null || _a === void 0 ? void 0 : _a.name) === CarouselItemName; };
-exports.isCarouselItem = isCarouselItem;
+function isCarouselItem(child) {
+    var _a;
+    return ((_a = child.type) === null || _a === void 0 ? void 0 : _a.name) === CarouselItemName;
+}
 exports.default = (0, vue_1.defineComponent)({
     name: CarouselItemName,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
-        const UCarousel = (0, CarouselContext_1.useCarouselContext)((0, lodash_1.camelCase)(CarouselItemName), `u-${(0, lodash_1.camelCase)(CarouselItemName)}`);
+        const UCarousel = (0, CarouselContext_1.useCarouselContext)((0, lodash_es_1.camelCase)(CarouselItemName), `u-${(0, lodash_es_1.camelCase)(CarouselItemName)}`);
         const selfElRef = (0, vue_1.ref)();
         const indexRef = (0, vue_1.computed)(() => {
             const { value: selfEl } = selfElRef;

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

@@ -7,13 +7,29 @@ export interface CarouselInst {
 }
 export interface ArrowScopedSlotProps extends Pick<CarouselContextValue, 'to' | 'prev' | 'next' | 'isPrevDisabled' | 'isNextDisabled'> {
     total: number;
+    current: number;
     currentIndex: number;
 }
 export interface DotScopedSlotProps extends Pick<CarouselContextValue, 'to'> {
     total: number;
+    current: number;
     currentIndex: number;
 }
 export interface Size {
     width: number;
     height: number;
 }
+export interface CarouselArrowSlotProps {
+    total: number;
+    current: number;
+    currentIndex: number;
+    to: (index: number) => void;
+    prev: () => void;
+    next: () => void;
+}
+export interface CarouselDotSlotProps {
+    total: number;
+    current: number;
+    currentIndex: number;
+    to: (index: number) => void;
+}

package/lib/carousel/src/utils/index.js

@@ -25,12 +25,12 @@ function calculateSize(element, innerOnly) {
         const style = getComputedStyle(element);
         width =
             width -
-                parseFloat(style.getPropertyValue('padding-left')) -
-                parseFloat(style.getPropertyValue('padding-right'));
+                Number.parseFloat(style.getPropertyValue('padding-left')) -
+                Number.parseFloat(style.getPropertyValue('padding-right'));
         height =
             height -
-                parseFloat(style.getPropertyValue('padding-top')) -
-                parseFloat(style.getPropertyValue('padding-bottom'));
+                Number.parseFloat(style.getPropertyValue('padding-top')) -
+                Number.parseFloat(style.getPropertyValue('padding-bottom'));
     }
     return { width, height };
 }

package/lib/carousel/styles/light.d.ts

@@ -1,6 +1,5 @@
-import type { ThemeCommonVars } from '../../_styles/common';
 import type { Theme } from '../../_mixins';
-export declare const self: (vars: ThemeCommonVars) => {
+export declare function self(): {
     dotSize: string;
     dotColor: string;
     dotColorActive: string;

package/lib/carousel/styles/light.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.self = void 0;
+exports.self = self;
 const common_1 = require("../../_styles/common");
-const self = (vars) => {
+function self() {
     return {
         dotSize: '8px',
         dotColor: 'rgba(255, 255, 255, .3)',
@@ -12,11 +12,10 @@ const self = (vars) => {
         dotLineWidthActive: '24px',
         arrowColor: '#eee'
     };
-};
-exports.self = self;
+}
 const carouselLight = {
     name: 'Carousel',
     common: common_1.commonLight,
-    self: exports.self
+    self
 };
 exports.default = carouselLight;

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

@@ -273,14 +273,14 @@ exports.default = (0, vue_1.defineComponent)({
             if (isSending.value) {
                 return;
             }
-            const hasContent = inputValue.value.trim();
+            const hasContent = inputValue.value;
             const hasAttachments = attachmentFileList.value.length > 0;
             if ((editMessageIdRef === null || editMessageIdRef === void 0 ? void 0 : editMessageIdRef.value) && hasContent) {
                 isSending.value = true;
                 try {
                     const messageToEdit = editingMessage.value;
                     if (messageToEdit) {
-                        const updatedMessage = Object.assign(Object.assign({}, messageToEdit), { content: inputValue.value.trim() });
+                        const updatedMessage = Object.assign(Object.assign({}, messageToEdit), { content: inputValue.value });
                         const bubbleActions = bubbleActionsRef === null || bubbleActionsRef === void 0 ? void 0 : bubbleActionsRef.value;
                         if (bubbleActions) {
                             const editAction = bubbleActions.find((action) => action.key === interface_1.ChatBubbleActionKey.EDIT);
@@ -330,7 +330,7 @@ exports.default = (0, vue_1.defineComponent)({
                             };
                         })
                         : undefined;
-                    handleMessageSend(inputValue.value.trim(), attachments);
+                    handleMessageSend(inputValue.value, attachments);
                     inputValue.value = '';
                     attachmentFileList.value = [];
                     chatInputs.value[selectedChatRef.value.id] = '';
@@ -413,7 +413,10 @@ exports.default = (0, vue_1.defineComponent)({
                                     }));
                                 }
                             }),
-                            (0, vue_1.h)(input_1.UInput, Object.assign({ ref: "inputRef", value: inputValue.value, placeholder: inputPlaceholderRef.value, class: `${mergedClsPrefixRef.value}-chat-main__input` }, footerInputPropsRef.value, { theme: mergedThemeRef.value.peers.Input, themeOverrides: mergedThemeRef.value.peerOverrides.Input, onUpdateValue: (value) => {
+                            (0, vue_1.h)(input_1.UInput, Object.assign({ ref: "inputRef", value: inputValue.value, placeholder: inputPlaceholderRef.value, class: `${mergedClsPrefixRef.value}-chat-main__input`, theme: mergedThemeRef.value.peers.Input, themeOverrides: mergedThemeRef.value.peerOverrides.Input, type: "textarea", autosize: {
+                                    minRows: 1,
+                                    maxRows: 5
+                                }, onUpdateValue: (value) => {
                                     inputValue.value = value;
                                     if (selectedChatRef.value) {
                                         chatInputs.value[selectedChatRef.value.id] = value;
@@ -424,7 +427,7 @@ exports.default = (0, vue_1.defineComponent)({
                                         e.stopPropagation();
                                         void handleSendMessage();
                                     }
-                                } }), {
+                                } }, footerInputPropsRef.value), {
                                 prefix: () => renderEditingBlock(),
                                 suffix: () => ((0, vue_1.h)(icon_1.UIcon, Object.assign({ size: 24, class: `${mergedClsPrefixRef.value}-chat-main__input-suffix` }, footerSuffixIconPropsRef.value, { theme: mergedThemeRef.value.peers.FooterSuffixIcon, themeOverrides: mergedThemeRef.value.peerOverrides
                                         .FooterSuffixIcon, onClick: () => {