@uzum-tech/ui 2.3.0 → 2.3.1

package/es/message-bubble/src/MessageBubble.mjs

@@ -239,7 +239,9 @@ export default defineComponent({
       const hasBubbleActionsSlot = slots.bubbleActions !== undefined;
       const hasBubbleActionsConfig = Boolean(props.actions && props.actions.length > 0);
       const hasTitle = Boolean(props.title || slots.title);
-      const hasContentInsideBubble = Boolean(props.content || slots.default || hasTitle || normalizedAttachmentsRef.value.length > 1);
+      const afterContentSlot = slots.afterContent || slots['after-content'];
+      const hasAfterContent = Boolean(afterContentSlot);
+      const hasContentInsideBubble = Boolean(props.content || slots.default || hasAfterContent || hasTitle || normalizedAttachmentsRef.value.length > 1);
       const messageBubbleContent = hasContentInsideBubble ? h("div", {
         class: [`${mergedClsPrefixRef.value}-message-bubble__bubble`, props.isOwn ? `${mergedClsPrefixRef.value}-message-bubble__bubble--own` : `${mergedClsPrefixRef.value}-message-bubble__bubble--other`]
       }, hasTitle && h(UText, {
@@ -247,7 +249,9 @@ export default defineComponent({
         variant: "body-l-semi-bold"
       }, slots.title ? slots.title(messagePayloadRef.value) : resolveRenderContent(props.title)), normalizedAttachmentsRef.value.length > 0 && renderAttachment(true), (props.content || slots.default) && h("div", {
         class: `${mergedClsPrefixRef.value}-message-bubble__text`
-      }, slots.default ? slots.default(messagePayloadRef.value) : resolveRenderContent(props.content))) : normalizedAttachmentsRef.value.length === 1 ? renderAttachment() : null;
+      }, slots.default ? slots.default(messagePayloadRef.value) : resolveRenderContent(props.content)), hasAfterContent && h("div", {
+        class: `${mergedClsPrefixRef.value}-message-bubble__after-content`
+      }, afterContentSlot === null || afterContentSlot === void 0 ? void 0 : afterContentSlot(messagePayloadRef.value))) : normalizedAttachmentsRef.value.length === 1 ? renderAttachment() : null;
       return h("div", {
         class: [`${mergedClsPrefixRef.value}-message-bubble__message`, props.isOwn ? `${mergedClsPrefixRef.value}-message-bubble__message--own` : `${mergedClsPrefixRef.value}-message-bubble__message--other`]
       }, h("div", {

package/es/message-bubble/src/interface.d.ts

@@ -26,6 +26,8 @@ export declare enum MessageBubbleAttachmentStatus {
 export interface MessageBubbleSlots {
     default?: (message: MessageBubbleMessagePayload) => VNodeChild;
     title?: (message: MessageBubbleMessagePayload) => VNodeChild;
+    afterContent?: (message: MessageBubbleMessagePayload) => VNodeChild;
+    'after-content'?: (message: MessageBubbleMessagePayload) => VNodeChild;
     service?: (variant: MessageBubbleServiceVariant) => VNodeChild;
     messageStatus?: (message: MessageBubbleMessagePayload) => VNodeChild;
     bubbleActions?: (message: MessageBubbleMessagePayload) => VNodeChild;

package/es/message-bubble/src/styles/index.cssr.mjs

@@ -50,6 +50,8 @@ export default cB('message-bubble', `
  width: fit-content;
  display: flex;
  flex-direction: column;
+ padding: 12px;
+ gap: 12px;
  `, [cM('own', `
  background-color: var(--u-message-bubble-background-color-own);
  color: var(--u-message-bubble-text-color-own);
@@ -57,16 +59,12 @@ export default cB('message-bubble', `
  border-bottom-right-radius: 6px;
  `)]), cE('title', `
  color: var(--u-message-bubble-title-color);
- padding: 12px 16px 0;
  white-space: pre-wrap;
  `), cE('text', `
- padding: 12px 16px;
  white-space: pre-wrap;
- `), cE('text', `
- padding-top: 8px;
- `, [c('&&:first-child', `
- padding-top: 12px;
- `)]), cE('meta', `
+ `), cE('after-content', `
+ white-space: normal;
+ `), cE('meta', `
  display: flex;
  align-items: center;
  gap: 4px;

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.3.0";
+declare const _default: "2.3.1";
 export default _default;

package/es/version.mjs

@@ -1 +1 @@
-export default '2.3.0';
+export default '2.3.1';