@uzum-tech/ui 1.14.4 → 1.14.6

package/es/_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/es/_internal/select-menu/src/SelectOption.js

@@ -1,16 +1,17 @@
-import { h, inject, defineComponent, Transition } from 'vue';
 import { useMemo } from 'vooks';
-import { render, mergeEventHandlers } from '../../../_utils';
-import { CheckmarkIcon } from '../../icons';
+import { defineComponent, h, inject, Transition } from 'vue';
+import { mergeEventHandlers, render } from '../../../_utils';
+import UBaseAccountOption from '../../account-option';
 import { UBaseIcon } from '../../icon';
+import { CheckmarkIcon } from '../../icons';
 import { internalSelectionMenuInjectionKey } from './interface';
-import UBaseAccountOption from '../../account-option';
 function renderCheckMark(show, clsPrefix) {
-    return (h(Transition, { name: "fade-in-scale-up-transition" }, {
-        default: () => show ? (h(UBaseIcon, { clsPrefix: clsPrefix, class: `${clsPrefix}-base-select-option__check` }, {
-            default: () => h(CheckmarkIcon)
-        })) : null
-    }));
+    return (h("div", { class: `${clsPrefix}-base-select-option__check-wrapper` },
+        h(Transition, { name: "fade-in-scale-up-transition" }, {
+            default: () => show ? (h(UBaseIcon, { clsPrefix: clsPrefix, class: `${clsPrefix}-base-select-option__check` }, {
+                default: () => h(CheckmarkIcon)
+            })) : null
+        })));
 }
 export default defineComponent({
     name: 'UBaseSelectOption',
@@ -30,27 +31,31 @@ export default defineComponent({
          } = inject(internalSelectionMenuInjectionKey);
         const isPendingRef = 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 {
@@ -67,8 +72,9 @@ export default defineComponent({
             isSelected: 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;
@@ -88,16 +94,13 @@ export default 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)
             : render(rawNode[this.labelField], rawNode, isSelected);
         const children = account
-            ? [
-                h(UBaseAccountOption, Object.assign({}, rawNode, { label: label })),
-                showCheckmark && checkmark
-            ]
-            : [label, showCheckmark && checkmark];
+            ? [h(UBaseAccountOption, Object.assign({}, rawNode, { label: label })), checkmark]
+            : [label, checkmark];
         const attrs = nodeProps === null || nodeProps === void 0 ? void 0 : nodeProps(rawNode);
         const node = (h("div", Object.assign({}, attrs, { class: [
                 `${clsPrefix}-base-select-option`,

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

@@ -1,5 +1,5 @@
-import { c, cB, cE, cM, cNotM } from '../../../../_utils/cssr';
 import { fadeInScaleUpTransition } from '../../../../_styles/transitions/fade-in-scale-up.cssr';
+import { c, cB, cE, cM, cNotM } from '../../../../_utils/cssr';
 // --u-loading-color
 // --u-loading-size
 // --u-option-padding-right
@@ -104,14 +104,15 @@ export default cB('base-select-menu', `
  color: var(--u-option-text-color-disabled);
  `), cM('selected', `
  opacity: var(--u-option-opacity-disabled);
- `)]), cE('check', `
- font-size: 24px;
+ `)]), cE('check-wrapper', `
  position: absolute;
  right: calc(var(--u-option-padding-right) - 4px);
  top: 50%;
  transform: translateY(-50%);
+ `, [cE('check', `
+ font-size: 24px;
  color: var(--u-option-check-color);
  transition: color .3s var(--u-bezier);
  `, [fadeInScaleUpTransition({
   enterScale: '0.5'
-})])])]);
+})])])])]);

package/es/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/es/carousel/src/Carousel.js

@@ -1,17 +1,17 @@
-import { h, defineComponent, ref, cloneVNode, computed, onBeforeUnmount, watch, withDirectives, vShow, Transition, toRef, nextTick, onMounted, watchEffect, normalizeStyle, onUpdated } from 'vue';
-import { VResizeObserver } from 'vueuc';
-import { useMergedState } from 'vooks';
-import { on, off } from 'evtd';
+import { off, on } from 'evtd';
 import { getPreciseEventTarget } from 'seemly';
+import { useMergedState } from 'vooks';
+import { cloneVNode, computed, defineComponent, h, nextTick, normalizeStyle, onBeforeUnmount, onMounted, onUpdated, ref, toRef, Transition, vShow, watch, watchEffect, withDirectives } from 'vue';
+import { VResizeObserver } from 'vueuc';
 import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { flatten, keep, resolveSlotWithProps } from '../../_utils';
 import { carouselLight } from '../styles';
-import { calculateSize, clampValue, resolveSpeed, isTouchEvent, getNextIndex, getPrevIndex, getDisplayIndex, getRealIndex, getDisplayTotalView, addDuplicateSlides } from './utils';
+import UCarouselArrow from './CarouselArrow';
 import { provideCarouselContext } from './CarouselContext';
 import UCarouselDots from './CarouselDots';
-import UCarouselArrow from './CarouselArrow';
 import UCarouselItem, { isCarouselItem } from './CarouselItem';
 import style from './styles/index.cssr';
+import { addDuplicateSlides, calculateSize, clampValue, getDisplayIndex, getDisplayTotalView, getNextIndex, getPrevIndex, getRealIndex, isTouchEvent, resolveSpeed } from './utils';
 const transitionProperties = [
     'transitionDuration',
     'transitionTimingFunction'
@@ -63,6 +63,7 @@ let globalDragging = false;
 export default defineComponent({
     name: 'Carousel',
     props: carouselProps,
+    slots: Object,
     setup(props) {
         const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
         // Dom
@@ -90,10 +91,14 @@ export default defineComponent({
             (props.slidesPerView === 'auto' && props.centeredSlides));
         // Carousel size
         const perViewSizeRef = ref({ width: 0, height: 0 });
+        const slideSizesTrigger = ref(0);
         const slideSizesRef = 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) => calculateSize(slide));
@@ -114,8 +119,9 @@ export default defineComponent({
         // The translate required to reach each slide
         const slideTranlatesRef = 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;
@@ -142,8 +148,9 @@ export default defineComponent({
             : resolveSpeed(transitionStyleRef.value.transitionDuration));
         const slideStylesRef = computed(() => {
             const { value: slidesEls } = slideElsRef;
-            if (!slidesEls.length)
+            if (!slidesEls.length) {
                 return [];
+            }
             const useComputedSize = !(autoSlideSizeRef.value || realSlidesPerViewRef.value === 1);
             const getSlideSize = (index) => {
                 if (useComputedSize) {
@@ -179,8 +186,9 @@ export default 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];
@@ -239,6 +247,9 @@ export default defineComponent({
         function isNextDisabled() {
             return getRealNextIndex() === null;
         }
+        let inTransition = false;
+        let dragging = false;
+        let isEffectiveDrag = false;
         // To
         function to(index) {
             const realIndex = clampValue(getRealIndex(index, duplicatedableRef.value), 0, totalViewRef.value);
@@ -249,24 +260,27 @@ export default 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 = ref({});
@@ -351,13 +365,15 @@ export default defineComponent({
         };
         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);
@@ -416,12 +432,11 @@ export default 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(getPreciseEventTarget(event)))) {
                 return;
             }
@@ -545,8 +560,9 @@ export default defineComponent({
         }
         function handleMousewheel(event) {
             event.preventDefault();
-            if (inTransition)
+            if (inTransition) {
                 return;
+            }
             let { deltaX, deltaY } = event;
             if (event.shiftKey && !deltaX) {
                 deltaX = deltaY;
@@ -577,10 +593,8 @@ export default 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() {
@@ -622,8 +636,9 @@ export default defineComponent({
             }
         });
         watch(realIndexRef, (realIndex, lastRealIndex) => {
-            if (realIndex === lastRealIndex)
+            if (realIndex === lastRealIndex) {
                 return;
+            }
             resetAutoplay();
             if (sequenceLayoutRef.value) {
                 if (duplicatedableRef.value && displayTotalViewRef.value > 2) {
@@ -672,9 +687,10 @@ export default defineComponent({
             'next',
             'isPrevDisabled',
             'isNextDisabled'
-        ])), { total: displayTotalViewRef.value, currentIndex: mergedDisplayIndexRef.value })));
+        ])), { total: displayTotalViewRef.value, current: mergedDisplayIndexRef.value, currentIndex: mergedDisplayIndexRef.value })));
         const dotSlotPropsRef = computed(() => ({
             total: displayTotalViewRef.value,
+            current: mergedDisplayIndexRef.value,
             currentIndex: mergedDisplayIndexRef.value,
             to: carouselContext.to
         }));

package/es/carousel/src/CarouselArrow.js

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue';
+import { defineComponent, h } from 'vue';
 import { useConfig } from '../../_mixins';
 import { useCarouselContext } from './CarouselContext';
 const backwardIcon = (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16" },

package/es/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/es/carousel/src/CarouselContext.js

@@ -1,13 +1,13 @@
 import { inject, provide } from 'vue';
 import { createInjectionKey, throwError } from '../../_utils';
 const carouselMethodsInjectionKey = createInjectionKey('u-carousel-methods');
-export const provideCarouselContext = (contextValue) => {
+export function provideCarouselContext(contextValue) {
     provide(carouselMethodsInjectionKey, contextValue);
-};
-export const useCarouselContext = (location = 'unknown', component = 'component') => {
+}
+export function useCarouselContext(location = 'unknown', component = 'component') {
     const CarouselContext = inject(carouselMethodsInjectionKey);
     if (!CarouselContext) {
         throwError(location, `\`${component}\` must be placed inside \`u-carousel\`.`);
     }
     return CarouselContext;
-};
+}

package/es/carousel/src/CarouselDots.js

@@ -1,5 +1,5 @@
-import { h, defineComponent, ref, onBeforeUpdate } from 'vue';
 import { indexMap } from 'seemly';
+import { defineComponent, h, onBeforeUpdate, ref } from 'vue';
 import { useConfig } from '../../_mixins';
 import { useCarouselContext } from './CarouselContext';
 const carouselDotsProps = {

package/es/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/es/carousel/src/CarouselItem.js

@@ -1,9 +1,12 @@
-import { h, defineComponent, computed, ref, onMounted, onBeforeUnmount } from 'vue';
-import { camelCase } from 'lodash';
+import { camelCase } from 'lodash-es';
+import { computed, defineComponent, h, onBeforeUnmount, onMounted, ref } from 'vue';
 import { useConfig } from '../../_mixins';
 import { useCarouselContext } from './CarouselContext';
 const CarouselItemName = 'CarouselItem';
-export const isCarouselItem = (child) => { var _a; return ((_a = child.type) === null || _a === void 0 ? void 0 : _a.name) === CarouselItemName; };
+export function isCarouselItem(child) {
+    var _a;
+    return ((_a = child.type) === null || _a === void 0 ? void 0 : _a.name) === CarouselItemName;
+}
 export default defineComponent({
     name: CarouselItemName,
     setup(props) {

package/es/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/es/carousel/src/utils/index.js

@@ -6,12 +6,12 @@ export 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/es/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/es/carousel/styles/light.js

@@ -1,5 +1,5 @@
 import { commonLight } from '../../_styles/common';
-export const self = (vars) => {
+export function self() {
     return {
         dotSize: '8px',
         dotColor: 'rgba(255, 255, 255, .3)',
@@ -9,7 +9,7 @@ export const self = (vars) => {
         dotLineWidthActive: '24px',
         arrowColor: '#eee'
     };
-};
+}
 const carouselLight = {
     name: 'Carousel',
     common: commonLight,

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

@@ -268,14 +268,14 @@ export default 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 === ChatBubbleActionKey.EDIT);
@@ -325,7 +325,7 @@ export default defineComponent({
                             };
                         })
                         : undefined;
-                    handleMessageSend(inputValue.value.trim(), attachments);
+                    handleMessageSend(inputValue.value, attachments);
                     inputValue.value = '';
                     attachmentFileList.value = [];
                     chatInputs.value[selectedChatRef.value.id] = '';
@@ -408,7 +408,10 @@ export default defineComponent({
                                     }));
                                 }
                             }),
-                            h(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) => {
+                            h(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;
@@ -419,7 +422,7 @@ export default defineComponent({
                                         e.stopPropagation();
                                         void handleSendMessage();
                                     }
-                                } }), {
+                                } }, footerInputPropsRef.value), {
                                 prefix: () => renderEditingBlock(),
                                 suffix: () => (h(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: () => {

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

@@ -258,6 +258,7 @@ export default cB('chat', `
  height: 44px;
  `)]), cE('message-text', `
  padding: 12px 16px;
+ white-space: pre-wrap;
  `), cE('message-attachment', `
  display: flex;
  align-items: center;
@@ -334,6 +335,7 @@ export default cB('chat', `
  `, [c('.u-input-wrapper', `
  flex-wrap: wrap;
  padding: 0 4px;
+ height: 100%;
  `, [c('.u-input__prefix', `
  width: 100%;
  margin: 0;
@@ -344,13 +346,20 @@ export default cB('chat', `
  border-top-right-radius: 12px;
  `), c('li', `
  padding: 12px;
- `)]), c('.u-input__input-el', `
- padding: 8px;
+ `)]), c('.u-input__textarea-el', `
+ padding-top: 12px;
+ padding-left: 12px;
+ padding-right: 48px;
  `), c('.u-input__placeholder', `
- margin: 8px;
+ padding-top: 12px;
+ padding-left: 12px;
+ padding-right: 48px;
  `)])]), cE('editing-block', `
  width: 100%;
  `), cE('input-suffix', `
+ position: absolute;
+ right: 12px;
+ bottom: 12px;
  color: var(--u-input-suffix-color) !important;
  cursor: pointer;
  margin-right: 4px;

package/es/chat/styles/light.js

@@ -14,7 +14,7 @@ import { createTheme } from '../../_mixins';
 const chatInputLight = Object.assign(Object.assign({}, inputLight), { self(vars) {
         const originalInputSelf = inputSelf(vars);
         const { elementsTertiary } = vars;
-        return Object.assign(Object.assign({}, originalInputSelf), { color: elementsTertiary, colorFocus: elementsTertiary, border: 'none', borderFocus: 'none', borderHover: 'none', boxShadow: 'none', boxShadowFocus: 'none' });
+        return Object.assign(Object.assign({}, originalInputSelf), { color: elementsTertiary, colorFocus: elementsTertiary, heightMedium: '45px', border: 'none', borderFocus: 'none', borderHover: 'none', boxShadow: 'none', boxShadowFocus: 'none' });
     } });
 const chatBadgeLight = Object.assign(Object.assign({}, badgeLight), { self(vars) {
         const originalBadgeSelf = badgeSelf(vars);

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

@@ -15,6 +15,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: import("vue").PropType<import("./interface").MappingCardInterface["hideCopy"]>;
         readonly default: false;
     };
+    hideHeaderActions: {
+        readonly type: import("vue").PropType<import("./interface").MappingCardInterface["hideHeaderActions"]>;
+        readonly default: false;
+    };
     copyButtonProps: import("vue").PropType<import("./interface").MappingCardInterface["copyButtonProps"]>;
     copyIconProps: import("vue").PropType<import("./interface").MappingCardInterface["copyIconProps"]>;
     headerEditButtonProps: import("vue").PropType<import("./interface").MappingCardInterface["headerEditButtonProps"]>;
@@ -1065,6 +1069,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: import("vue").PropType<import("./interface").MappingCardInterface["hideCopy"]>;
         readonly default: false;
     };
+    hideHeaderActions: {
+        readonly type: import("vue").PropType<import("./interface").MappingCardInterface["hideHeaderActions"]>;
+        readonly default: false;
+    };
     copyButtonProps: import("vue").PropType<import("./interface").MappingCardInterface["copyButtonProps"]>;
     copyIconProps: import("vue").PropType<import("./interface").MappingCardInterface["copyIconProps"]>;
     headerEditButtonProps: import("vue").PropType<import("./interface").MappingCardInterface["headerEditButtonProps"]>;
@@ -2087,5 +2095,6 @@ declare const _default: import("vue").DefineComponent<{
     cols: number | undefined;
     defaultSpan: number | undefined;
     hideCopy: boolean | undefined;
+    hideHeaderActions: boolean | undefined;
 }, {}>;
 export default _default;

package/es/mapping-card/src/MappingCardParts/Header.js

@@ -40,7 +40,7 @@ export default defineComponent({
                         default: () => locale.copyTooltip
                     }))))
             }),
-            h(UFlex, { align: "center", size: "small" }, {
+            !props.hideHeaderActions && (h(UFlex, { align: "center", size: "small" }, {
                 default: () => resolveSlot(slots.headerActions, () => {
                     var _a, _b;
                     const buttons = [];
@@ -71,6 +71,6 @@ export default defineComponent({
                     }));
                     return buttons;
                 })
-            })));
+            }))));
     }
 });