@acorex/components 22.2.11 → 22.2.12

package/types/acorex-components-conversation.d.ts

@@ -4371,6 +4371,7 @@ declare class AXConversationMessageListComponent implements OnDestroy {
     private readonly platform;
     private readonly actionSheetService;
     private readonly ngZone;
+    private readonly cdr;
     protected readonly config: Required<_acorex_components_conversation.AXConversationConfig>;
     /**
      * Background for the message list scroll area from config, or the built-in soft wash when unset/empty.
@@ -4399,6 +4400,18 @@ declare class AXConversationMessageListComponent implements OnDestroy {
     readonly isAdaptiveWideLayout: _angular_core.WritableSignal<boolean>;
     /** While true, older history is being prepended — do not auto-scroll to the latest message. */
     private restoringScrollAfterPrepend;
+    /**
+     * Stick to the latest message across layout shifts (media decode, lazy outlets).
+     * Cleared as soon as the user scrolls up — even within `scrollThreshold` —
+     * otherwise ResizeObserver keeps yanking the feed back to the bottom.
+     */
+    private pinnedToBottom;
+    /**
+     * True while we assign `scrollTop`. Kept until the following animation frame
+     * because some browsers dispatch `scroll` asynchronously after `scrollTop` writes.
+     */
+    private programmaticScroll;
+    private programmaticScrollGen;
     private adaptiveLayoutResizeObserver?;
     private documentClickListener?;
     readonly availableReactions: _angular_core.WritableSignal<string[]>;
@@ -4421,6 +4434,21 @@ declare class AXConversationMessageListComponent implements OnDestroy {
     readonly isGroupConversation: _angular_core.Signal<boolean>;
     /** Placeholder rows for the initial message list skeleton. */
     protected readonly loadingSkeletonItems: readonly [0, 1, 2, 3, 4, 5, 6, 7];
+    /**
+     * Conversation whose feed has already been pinned to the latest message.
+     * Compared with the active id in `feedReady` so a chat switch hides the list
+     * in the same render — before the effect that pins the new history.
+     */
+    private readonly pinnedConversationId;
+    private feedRevealGeneration;
+    private feedRevealRaf;
+    /** False until this conversation is pinned to the bottom (never shows history from the top). */
+    readonly feedReady: _angular_core.Signal<boolean>;
+    /**
+     * Keep the skeleton up until the feed is pinned. The real list stays
+     * `visibility: hidden` underneath so bubbles never show through the cover.
+     */
+    readonly showOpenCover: _angular_core.Signal<boolean>;
     /** Whether the active conversation allows message reactions. */
     readonly reactionsEnabled: _angular_core.Signal<boolean>;
     /** Messages */
@@ -4444,6 +4472,15 @@ declare class AXConversationMessageListComponent implements OnDestroy {
      * Setup intersection observer to mark messages as read when visible
      */
     private setupIntersectionObserver;
+    /**
+     * Keep the viewport stable when layout changes.
+     * ResizeObserver runs after layout and before paint — apply scrollTop in the
+     * callback (not rAF) so the browser never paints a jump.
+     *
+     * Near the bottom, pin to the latest message (media decode, lazy outlets).
+     * Further up, only compensate rows that grew fully above the viewport.
+     */
+    private setupMediaScrollCompensation;
     /**
      * Mark message as read
      */
@@ -4481,18 +4518,32 @@ declare class AXConversationMessageListComponent implements OnDestroy {
     /**
      * Keep the user's viewport on the same messages after older rows are inserted above.
      */
-    private restoreScrollPositionAfterPrepend;
+    private applyPrependScrollRestore;
     private revealStuckDateSeparators;
     private syncDateSeparatorStuckState;
     private scheduleDateSeparatorFade;
     private clearDateSeparatorFadeTimer;
-    /** Check if user is near bottom of scroll */
-    private isUserNearBottom;
-    /**
-     * After switching chats, the template may still show loading (no #messagesContainer).
-     * Poll with rAF until the feed exists, then scroll after double rAF so scrollHeight is stable.
-     */
-    private scrollToBottomWhenContainerReady;
+    /** Distance from the last pixel of the feed. */
+    private distanceFromBottom;
+    /** True when the viewport is at the latest message (not merely within `scrollThreshold`). */
+    private isStuckToBottom;
+    /**
+     * Assign scrollTop without the listener treating it as a user scroll.
+     * The flag stays set until the next frame so async `scroll` events are ignored.
+     */
+    private writeScrollTop;
+    /** Pin the feed to the latest message before the next paint. */
+    private pinFeedToBottom;
+    /** Hide the feed and pin to the latest message before the first visible paint. */
+    private beginFeedReveal;
+    private cancelFeedReveal;
+    /**
+     * Pin to the latest message, then reveal. Two frames is enough — stick-to-bottom
+     * holds later media growth. Waiting for loaders here left a blank gap after the skeleton.
+     */
+    private scheduleFeedPin;
+    /** Start nearby lazy images so they decode while stick-to-bottom holds the viewport. */
+    private primeOpenViewportMedia;
     /** Scroll to bottom */
     scrollToBottom(smooth?: boolean): void;
     /** Scroll to specific message */
@@ -5185,6 +5236,14 @@ declare class AXConversationPickerHeaderComponent {
 /** Extract OS-copied files from a paste event (e.g. Ctrl+V after copying a file in Explorer). */
 declare function filesFromClipboardEvent(event: ClipboardEvent): File[];
 
+interface AXConversationMediaDimensions {
+    width: number;
+    height: number;
+    duration: number;
+}
+declare function probeImageDimensions(source: Blob | string): Promise<Pick<AXConversationMediaDimensions, 'width' | 'height'>>;
+declare function probeVideoMedia(source: Blob): Promise<AXConversationMediaDimensions>;
+
 declare function formatFileSize(bytes: number): string;
 declare function formatDuration(seconds: number): string;
 
@@ -5329,13 +5388,18 @@ declare class AXConversationVideoFileTypeProvider extends AXFileTypeInfoProvider
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXConversationVideoFileTypeProvider>;
 }
 
-declare function videoItemFromUpload(file: File, result: AXConversationUploaderResult, duration: number): AXConversationVideoMediaItem;
+declare function videoItemFromUpload(file: File, result: AXConversationUploaderResult, duration: number, size?: {
+    width?: number;
+    height?: number;
+}): Promise<AXConversationVideoMediaItem>;
 declare function mergeVideoUploadResult(payload: AXConversationMessagePayload, result: AXUploadResult): AXConversationMessagePayload;
 declare function applyVideoLocalPreview(payload: AXConversationMessagePayload, localUrl: string, mimeType?: string): AXConversationMessagePayload;
 
 interface AXConversationVideoFile extends AXConversationComposerPickerUploadItem {
     preview?: string;
     duration?: number;
+    width?: number;
+    height?: number;
 }
 declare class AXConversationVideoPickerComponent implements OnDestroy, AXConversationComposerActionComponent {
     private uploadsDismissed;
@@ -5693,7 +5757,10 @@ declare class AXConversationImageAttachmentComponent {
     private readonly document;
     readonly item: _angular_core.InputSignal<AXConversationImageMediaItem>;
     readonly alt: _angular_core.InputSignal<string>;
+    /** When false, skip aspect-ratio reservation (gallery cells already have a fixed size). */
+    readonly reserveAspect: _angular_core.InputSignal<boolean>;
     readonly ready: _angular_core.WritableSignal<boolean>;
+    readonly aspectRatio: _angular_core.Signal<string>;
     private readonly mediaReference;
     private readonly resolvedUrl;
     readonly displayUrl: _angular_core.Signal<string>;
@@ -5702,7 +5769,7 @@ declare class AXConversationImageAttachmentComponent {
     onImageError(): void;
     toggleFullscreen(event: AXClickEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationImageAttachmentComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXConversationImageAttachmentComponent, "ax-conversation-image-attachment", never, { "item": { "alias": "item"; "required": true; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXConversationImageAttachmentComponent, "ax-conversation-image-attachment", never, { "item": { "alias": "item"; "required": true; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "reserveAspect": { "alias": "reserveAspect"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 interface AXConversationPlaybackBannerInputs {
@@ -5813,6 +5880,8 @@ declare function syncPlaybackInfoBarBanner(infoBar: AXConversationInfoBarService
 
 declare class AXConversationVideoAttachmentComponent {
     readonly item: _angular_core.InputSignal<AXConversationVideoMediaItem>;
+    /** When false, skip aspect-ratio reservation (gallery cells already have a fixed size). */
+    readonly reserveAspect: _angular_core.InputSignal<boolean>;
     readonly playingChange: _angular_core.OutputEmitterRef<boolean>;
     readonly timeUpdate: _angular_core.OutputEmitterRef<number>;
     readonly durationChange: _angular_core.OutputEmitterRef<number>;
@@ -5824,6 +5893,7 @@ declare class AXConversationVideoAttachmentComponent {
     readonly playbackUrl: _angular_core.Signal<string>;
     readonly duration: _angular_core.Signal<number>;
     readonly durationLabel: _angular_core.Signal<string>;
+    readonly aspectRatio: _angular_core.Signal<string>;
     togglePlay(): void;
     pause(): void;
     onLoadedMetadata(): void;
@@ -5833,7 +5903,7 @@ declare class AXConversationVideoAttachmentComponent {
     onEnded(): void;
     onError(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationVideoAttachmentComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXConversationVideoAttachmentComponent, "ax-conversation-video-attachment", never, { "item": { "alias": "item"; "required": true; "isSignal": true; }; }, { "playingChange": "playingChange"; "timeUpdate": "timeUpdate"; "durationChange": "durationChange"; "playbackEnded": "playbackEnded"; "playbackError": "playbackError"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXConversationVideoAttachmentComponent, "ax-conversation-video-attachment", never, { "item": { "alias": "item"; "required": true; "isSignal": true; }; "reserveAspect": { "alias": "reserveAspect"; "required": false; "isSignal": true; }; }, { "playingChange": "playingChange"; "timeUpdate": "timeUpdate"; "durationChange": "durationChange"; "playbackEnded": "playbackEnded"; "playbackError": "playbackError"; }, never, never, true, never>;
 }
 
 declare class AXConversationAudioRendererComponent extends AXConversationMessageRendererCopyHostComponent {
@@ -6011,9 +6081,10 @@ declare class AXConversationLocationRendererComponent extends AXConversationMess
     readonly mapFullscreenLabel: _angular_core.Signal<string>;
     readonly mapFullscreenIconClass: _angular_core.Signal<"fa-light fa-compress" | "fa-light fa-expand">;
     constructor();
+    openInMaps(event: AXClickEvent): void;
     toggleMapFullscreen(event: AXClickEvent): void;
     private exitMapFullscreen;
-    private scheduleMapResize;
+    protected scheduleMapResize(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXConversationLocationRendererComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXConversationLocationRendererComponent, "ax-conversation-location-renderer", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -6031,6 +6102,7 @@ declare class AXConversationStickerRendererComponent implements AXConversationMe
     private readonly resolvedUrl;
     readonly stickerUrl: _angular_core.Signal<string>;
     readonly alt: _angular_core.Signal<string>;
+    readonly aspectRatio: _angular_core.Signal<string>;
     constructor();
     onLoad(): void;
     onError(): void;
@@ -6729,5 +6801,5 @@ declare function getErrorMessage(code: string, params?: Record<string, string |
  */
 type AXConversationErrorCode = typeof AX_CONVERSATION_MESSAGE_ERRORS[keyof typeof AX_CONVERSATION_MESSAGE_ERRORS]['code'] | typeof AX_CONVERSATION_FILE_ERRORS[keyof typeof AX_CONVERSATION_FILE_ERRORS]['code'] | typeof AX_CONVERSATION_USER_ERRORS[keyof typeof AX_CONVERSATION_USER_ERRORS]['code'] | typeof AX_CONVERSATION_ERRORS[keyof typeof AX_CONVERSATION_ERRORS]['code'] | typeof AX_CONVERSATION_CONNECTION_ERRORS[keyof typeof AX_CONVERSATION_CONNECTION_ERRORS]['code'] | typeof AX_CONVERSATION_LOCATION_ERRORS[keyof typeof AX_CONVERSATION_LOCATION_ERRORS]['code'] | typeof AX_CONVERSATION_URL_ERRORS[keyof typeof AX_CONVERSATION_URL_ERRORS]['code'];
 
-export { AXConversationApi, AXConversationApiLoggerService, AXConversationAudioAttachmentComponent, AXConversationAudioFileTypeProvider, AXConversationAudioPickerComponent, AXConversationAudioRendererComponent, AXConversationAvatarComponent, AXConversationAvatarPickerComponent, AXConversationBaseRegistry, AXConversationComposerActionRegistry, AXConversationComposerComponent, AXConversationComposerFileTypesProvider, AXConversationComposerGenerationStateService, AXConversationComposerPopupComponent, AXConversationComposerService, AXConversationComposerTabRegistry, AXConversationContainerComponent, AXConversationContainerDirective, AXConversationDateUtilsService, AXConversationDeleteDialogComponent, AXConversationEmojiTabComponent, AXConversationErrorHandlerService, AXConversationFallbackRendererComponent, AXConversationFileAttachmentComponent, AXConversationFileFileTypeProvider, AXConversationFilePickerComponent, AXConversationFileRendererComponent, AXConversationForwardMessageDialogComponent, AXConversationImageAttachmentComponent, AXConversationImageFileTypeProvider, AXConversationImagePickerComponent, AXConversationImageRendererComponent, AXConversationInfiniteScrollDirective, AXConversationInfoBarActionRegistry, AXConversationInfoBarComponent, AXConversationInfoBarSearchComponent, AXConversationInfoBarService, AXConversationItemActionRegistry, AXConversationLocationPickerComponent, AXConversationLocationRendererComponent, AXConversationMediaPlaybackInfoBarBannerComponent, AXConversationMessageActionRegistry, AXConversationMessageApi, AXConversationMessageListComponent, AXConversationMessageListNoActiveDefaultComponent, AXConversationMessageListService, AXConversationMessageRendererCopyHostComponent, AXConversationMessageRendererRegistry, AXConversationMessageRendererStateComponent, AXConversationMessageUtilsService, AXConversationModule, AXConversationNewDialogComponent, AXConversationPickerCaptionComponent, AXConversationPickerEmptyComponent, AXConversationPickerFooterComponent, AXConversationPickerHeaderComponent, AXConversationPickerOptionsComponent, AXConversationPickerShellComponent, AXConversationPickerToolbarComponent, AXConversationRealtimeApi, AXConversationRegistryComponentOutletComponent, AXConversationRegistryService, AXConversationService, AXConversationSidebarComponent, AXConversationSidebarService, AXConversationStickerRendererComponent, AXConversationStickerTabComponent, AXConversationSystemRendererComponent, AXConversationTabRegistry, AXConversationTextRendererComponent, AXConversationUserApi, AXConversationVideoAttachmentComponent, AXConversationVideoFileTypeProvider, AXConversationVideoPickerComponent, AXConversationVideoRendererComponent, AXConversationVoiceFileTypeProvider, AXConversationVoiceRecorderComponent, AXConversationVoiceRendererComponent, AX_CONVERSATION_AUDIO_CATALOG, AX_CONVERSATION_AUDIO_PRESENTATION, AX_CONVERSATION_AUDIO_RENDERER, AX_CONVERSATION_BUILTIN_COMPOSER_TABS, AX_CONVERSATION_COMPOSER_AUDIO_ACTION, AX_CONVERSATION_COMPOSER_EMOJI_ACTION, AX_CONVERSATION_COMPOSER_EMOJI_TAB, AX_CONVERSATION_COMPOSER_FILE_ACTION, AX_CONVERSATION_COMPOSER_IMAGE_ACTION, AX_CONVERSATION_COMPOSER_LOCATION_ACTION, AX_CONVERSATION_COMPOSER_STICKER_TAB, AX_CONVERSATION_COMPOSER_VIDEO_ACTION, AX_CONVERSATION_COMPOSER_VOICE_RECORDING_ACTION, AX_CONVERSATION_CONFIG, AX_CONVERSATION_CONNECTION_ERRORS, AX_CONVERSATION_CONVERSATION_AVATAR_COMPONENT, AX_CONVERSATION_DEFAULT_COMPOSER_ACTIONS, AX_CONVERSATION_DEFAULT_COMPOSER_TABS, AX_CONVERSATION_DEFAULT_CONVERSATION_ITEM_ACTIONS, AX_CONVERSATION_DEFAULT_CONVERSATION_TABS, AX_CONVERSATION_DEFAULT_GROUP_ICON, AX_CONVERSATION_DEFAULT_INFO_BAR_ACTIONS, AX_CONVERSATION_DEFAULT_MESSAGE_ACTIONS, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND_PRESET_ID, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_THEME_BACKGROUND, AX_CONVERSATION_DEFAULT_MESSAGE_RENDERERS, AX_CONVERSATION_DEFAULT_ROOM_PREFERENCES, AX_CONVERSATION_DEFAULT_USER_ICON, AX_CONVERSATION_ERRORS, AX_CONVERSATION_ERROR_HANDLER_CONFIG, AX_CONVERSATION_ERROR_MESSAGES, AX_CONVERSATION_FALLBACK_RENDERER, AX_CONVERSATION_FILE_CATALOG, AX_CONVERSATION_FILE_ERRORS, AX_CONVERSATION_FILE_PRESENTATION, AX_CONVERSATION_FILE_RENDERER, AX_CONVERSATION_FILE_TYPES_READY, AX_CONVERSATION_IMAGE_CATALOG, AX_CONVERSATION_IMAGE_PRESENTATION, AX_CONVERSATION_IMAGE_RENDERER, AX_CONVERSATION_INFO_BAR_ARCHIVE_ACTION, AX_CONVERSATION_INFO_BAR_BLOCK_ACTION, AX_CONVERSATION_INFO_BAR_DELETE_ACTION, AX_CONVERSATION_INFO_BAR_DIVIDER, AX_CONVERSATION_INFO_BAR_MUTE_ACTION, AX_CONVERSATION_INFO_BAR_SEARCH_ACTION, AX_CONVERSATION_ITEM_BLOCK_ACTION, AX_CONVERSATION_ITEM_DELETE_ACTION, AX_CONVERSATION_ITEM_DIVIDER, AX_CONVERSATION_ITEM_MARK_READ_ACTION, AX_CONVERSATION_ITEM_MUTE_ACTION, AX_CONVERSATION_ITEM_PIN_ACTION, AX_CONVERSATION_JUMBO_EMOJI_MAX, AX_CONVERSATION_LOCATION_ERRORS, AX_CONVERSATION_LOCATION_RENDERER, AX_CONVERSATION_MESSAGE_DELETE_ACTION, AX_CONVERSATION_MESSAGE_EDIT_ACTION, AX_CONVERSATION_MESSAGE_ERRORS, AX_CONVERSATION_MESSAGE_FORWARD_ACTION, AX_CONVERSATION_MESSAGE_LIST_BACKGROUND_PRESETS, AX_CONVERSATION_MESSAGE_REPLY_ACTION, AX_CONVERSATION_MESSAGE_TYPE_FILE_TYPE, AX_CONVERSATION_PEER_AVATAR_TYPES, AX_CONVERSATION_REGISTRY_CONFIG, AX_CONVERSATION_STICKER_API_KEY, AX_CONVERSATION_STICKER_RENDERER, AX_CONVERSATION_SYSTEM_RENDERER, AX_CONVERSATION_TAB_ALL, AX_CONVERSATION_TAB_ARCHIVED, AX_CONVERSATION_TAB_BOT, AX_CONVERSATION_TAB_CHANNELS, AX_CONVERSATION_TAB_GROUPS, AX_CONVERSATION_TAB_PRIVATE, AX_CONVERSATION_TAB_UNREAD, AX_CONVERSATION_TEXT_RENDERER, AX_CONVERSATION_URL_ERRORS, AX_CONVERSATION_USER_AVATAR_COMPONENT, AX_CONVERSATION_USER_ERRORS, AX_CONVERSATION_VIDEO_CATALOG, AX_CONVERSATION_VIDEO_PRESENTATION, AX_CONVERSATION_VIDEO_RENDERER, AX_CONVERSATION_VOICE_CATALOG, AX_CONVERSATION_VOICE_PRESENTATION, AX_CONVERSATION_VOICE_RENDERER, AX_DEFAULT_CONVERSATION_CONFIG, abortPickerUploads, applyAudioLocalPreview, applyFileLocalPreview, applyLocalPreview, applyVideoLocalPreview, applyVoiceLocalPreview, audioItemFromUpload, bindMediaRendererContentState, buildMediaGalleryTiles, canShowRendererContentError, cleanupPickerUploads, conversationAudioUtilities, conversationFileUtilities, conversationImageUtilities, conversationVideoUtilities, conversationVoiceUtilities, copyWithFileTypeFallback, countLoneEmojis, createConversationAudioFileType, createConversationFileFileType, createConversationImageFileType, createConversationVideoFileType, createConversationVoiceFileType, createLocalPreviewUrl, createObjectUrl, createPickerDragHandlers, createPickerUploadItemId, createResolvedMediaUrlSignal, deleteUploadedPickerMedia, dismissComposerPickerHost, ensureConversationFileCatalogRegistered, fetchConversationMediaPage, fileItemAsAudioMedia, fileItemFromUpload, filesFromClipboardEvent, filterMessagesByMediaCategory, filterSupplementalInfoPanelMessages, findExistingPrivateConversation, formatDuration, formatErrorMessage, formatFileByteSize, formatFileSize, formatMediaDuration, formatPickerValidationMessage, getActiveComposerPickerPasteHandler, getConversationMediaCategories, getConversationProfileFields, getErrorMessage, getMessageAudioItems, getMessageVideoItems, getPickerCancelUploadLabel, getPrivatePeerParticipant, hasRegistryComponent, inferFileExtensionHintFromMessage, isAttachmentListCategory, isComposerTabEnabled, isConversationReactionsEnabled, isConversationRoomCreator, isGenericPrivateConversationTitle, isGridMediaCategory, isGroupLikeConversation, isJumboEmojiText, isJumboEmojiTextMessage, isMessageDeliveryPending, isMessageListThemeBackground, isMessageVisibleAfterHistoryCutoff, isNonPersistableMediaUrl, isPickerItemReadyToSend, isPlainChromeMessage, isSameMessageListBackground, isUploadAborted, limitFilesToCapacity, listTextGraphemes, mediaCopyText, mergeAudioUploadResult, mergeFileUploadResult, mergeInfoPanelMessages, mergeUploadResult, mergeVideoUploadResult, mergeVoiceUploadResult, mergeWithDefaults, messageContainsLink, normalizeAudioPayload, normalizeFilePayload, normalizeImagePayload, normalizeMessageListBackgroundValue, normalizeVideoPayload, notifyMaxFilesCapacityExceeded, notifyPickerValidationErrors, openWithFileType, pickDisplayMediaUrl, pickEarliestJoinedParticipant, pickerItemToMediaReference, pickerItemToUploadResult, provideConversation, provideConversationComposerFileTypes, provideConversationFileCatalog, registerComposerPickerPasteHandler, reportMediaLoadError, resolveComposerMaxFiles, resolveConversationAvatarDisplay, resolveConversationComposerTabs, resolveConversationForViewer, resolveConversationMessageFileType, resolveConversationPeerParticipant, resolveConversationPeerUserId, resolveConversationTitleForViewer, resolveGalleryImageUrl, resolveImageDisplayUrl, resolveMessageChrome, resolveMessageListBackgroundRaw, resolveMessageListBackgroundStyle, resolveParticipantProfile, resolvePersistableMediaUrl, resolvePersistedThumbnailUrl, resolvePrivatePeerParticipant, resolvePrivatePeerUserId, resolveUserAvatarDisplay, resolveVideoThumbnailUrl, revokeObjectUrl, revokePickerBlobPreviews, sanitizeInput, shouldUseUserAvatarForConversation, sortUsersForForward, syncPlaybackInfoBarBanner, toUploaderReference as toMediaItemUploaderReference, toUploaderReference$1 as toUploaderReference, uploadPickerFile, usesDefaultMessageListWallpaper, validateConversationId, validateEmail, validateLatitude, validateLongitude, validateMessagePayload, validateMessageText, validateMessageType, validateUrl, validateUserId, validateUserIds, videoItemFromUpload };
-export type { AXConversation, AXConversationApiError, AXConversationApiLogEntry, AXConversationApiName, AXConversationAudioMediaItem, AXConversationAudioPayload, AXConversationAvatarComponents, AXConversationAvatarDisplay, AXConversationAvatarKind, AXConversationBlockReportReason, AXConversationCleanupPickerUploadsOptions, AXConversationComposerAction, AXConversationComposerActionComponent, AXConversationComposerActionContext, AXConversationComposerGenerationPhase, AXConversationComposerPickerUploadItem, AXConversationComposerPrimaryButtonMode, AXConversationComposerTab, AXConversationComposerTabFeature, AXConversationConfig, AXConversationConnectionStatus, AXConversationConversationAvatarComponent, AXConversationCreateData, AXConversationDateSeparatorKind, AXConversationDeleteDialogMode, AXConversationDeleteDialogResult, AXConversationDeleteMessageCommand, AXConversationDeleteOptions, AXConversationDropdownMenuItem, AXConversationEditMessageCommand, AXConversationError, AXConversationErrorCode, AXConversationErrorHandlerConfig, AXConversationErrorMessage, AXConversationErrorSeverity, AXConversationFeatures, AXConversationFileMediaItem, AXConversationFilePayload, AXConversationFilter, AXConversationFilters, AXConversationForwardUserSortEntry, AXConversationGroupedReaction, AXConversationImageMediaItem, AXConversationImagePayload, AXConversationInfoBarAction, AXConversationInfoBarActionComponent, AXConversationInfoBarActionContext, AXConversationInfoBarActiveBanner, AXConversationInfoBarActiveComponent, AXConversationInfoProfileField, AXConversationItemAction, AXConversationItemActionContext, AXConversationLink, AXConversationLinkPreview, AXConversationLoadMessagesResult, AXConversationLocationPayload, AXConversationMediaCategory, AXConversationMediaCategoryId, AXConversationMediaGalleryTile, AXConversationMediaItemFields, AXConversationMediaPageResult, AXConversationMention, AXConversationMessage, AXConversationMessageAction, AXConversationMessageActionContext, AXConversationMessageChrome, AXConversationMessageClusterRole, AXConversationMessageDateGroup, AXConversationMessageForwardData, AXConversationMessageInfoBarBannerComponent, AXConversationMessageListBackground, AXConversationMessageListBackgroundPreset, AXConversationMessageListEmptyComponent, AXConversationMessageListThemeBackground, AXConversationMessagePayload, AXConversationMessageRenderer, AXConversationMessageRendererCapabilities, AXConversationMessageRendererComponent, AXConversationMessageRendererContentState, AXConversationMessageRendererState, AXConversationMessageSearchFilters, AXConversationMessageStatus, AXConversationMessageType, AXConversationMetadata, AXConversationOptions, AXConversationOutletSkeleton, AXConversationPaginatedResult, AXConversationPagination, AXConversationPaginationState, AXConversationParticipant, AXConversationParticipantRole, AXConversationParticipantUpdate, AXConversationPickerPasteHandler, AXConversationPinnedMessage, AXConversationPlaybackBannerInputs, AXConversationPollOption, AXConversationPollPayload, AXConversationPresenceStatus, AXConversationPresenceUpdate, AXConversationReaction, AXConversationReadReceipt, AXConversationRegistryComponentRef, AXConversationRegistryConfiguration, AXConversationRegistryItem, AXConversationRoomPreferences, AXConversationRoomPreferencesMap, AXConversationSendMessageCommand, AXConversationSendMessageOptions, AXConversationSendMessageUploadSource, AXConversationSettingsUpdate, AXConversationSidebarTabsOrientation, AXConversationSort, AXConversationStickerPayload, AXConversationSystemPayload, AXConversationTab, AXConversationTextFormat, AXConversationTextPayload, AXConversationType, AXConversationTypingIndicator, AXConversationUpdateData, AXConversationUploadOptions, AXConversationUploaderFilePreview, AXConversationUploaderReference, AXConversationUploaderResult, AXConversationUser, AXConversationUserAvatarComponent, AXConversationUserPresence, AXConversationUserProfile, AXConversationUserProfileUpdate, AXConversationUserSearchFilters, AXConversationValidationResult, AXConversationVideoMediaItem, AXConversationVideoPayload, AXConversationVoicePayload };
+export { AXConversationApi, AXConversationApiLoggerService, AXConversationAudioAttachmentComponent, AXConversationAudioFileTypeProvider, AXConversationAudioPickerComponent, AXConversationAudioRendererComponent, AXConversationAvatarComponent, AXConversationAvatarPickerComponent, AXConversationBaseRegistry, AXConversationComposerActionRegistry, AXConversationComposerComponent, AXConversationComposerFileTypesProvider, AXConversationComposerGenerationStateService, AXConversationComposerPopupComponent, AXConversationComposerService, AXConversationComposerTabRegistry, AXConversationContainerComponent, AXConversationContainerDirective, AXConversationDateUtilsService, AXConversationDeleteDialogComponent, AXConversationEmojiTabComponent, AXConversationErrorHandlerService, AXConversationFallbackRendererComponent, AXConversationFileAttachmentComponent, AXConversationFileFileTypeProvider, AXConversationFilePickerComponent, AXConversationFileRendererComponent, AXConversationForwardMessageDialogComponent, AXConversationImageAttachmentComponent, AXConversationImageFileTypeProvider, AXConversationImagePickerComponent, AXConversationImageRendererComponent, AXConversationInfiniteScrollDirective, AXConversationInfoBarActionRegistry, AXConversationInfoBarComponent, AXConversationInfoBarSearchComponent, AXConversationInfoBarService, AXConversationItemActionRegistry, AXConversationLocationPickerComponent, AXConversationLocationRendererComponent, AXConversationMediaPlaybackInfoBarBannerComponent, AXConversationMessageActionRegistry, AXConversationMessageApi, AXConversationMessageListComponent, AXConversationMessageListNoActiveDefaultComponent, AXConversationMessageListService, AXConversationMessageRendererCopyHostComponent, AXConversationMessageRendererRegistry, AXConversationMessageRendererStateComponent, AXConversationMessageUtilsService, AXConversationModule, AXConversationNewDialogComponent, AXConversationPickerCaptionComponent, AXConversationPickerEmptyComponent, AXConversationPickerFooterComponent, AXConversationPickerHeaderComponent, AXConversationPickerOptionsComponent, AXConversationPickerShellComponent, AXConversationPickerToolbarComponent, AXConversationRealtimeApi, AXConversationRegistryComponentOutletComponent, AXConversationRegistryService, AXConversationService, AXConversationSidebarComponent, AXConversationSidebarService, AXConversationStickerRendererComponent, AXConversationStickerTabComponent, AXConversationSystemRendererComponent, AXConversationTabRegistry, AXConversationTextRendererComponent, AXConversationUserApi, AXConversationVideoAttachmentComponent, AXConversationVideoFileTypeProvider, AXConversationVideoPickerComponent, AXConversationVideoRendererComponent, AXConversationVoiceFileTypeProvider, AXConversationVoiceRecorderComponent, AXConversationVoiceRendererComponent, AX_CONVERSATION_AUDIO_CATALOG, AX_CONVERSATION_AUDIO_PRESENTATION, AX_CONVERSATION_AUDIO_RENDERER, AX_CONVERSATION_BUILTIN_COMPOSER_TABS, AX_CONVERSATION_COMPOSER_AUDIO_ACTION, AX_CONVERSATION_COMPOSER_EMOJI_ACTION, AX_CONVERSATION_COMPOSER_EMOJI_TAB, AX_CONVERSATION_COMPOSER_FILE_ACTION, AX_CONVERSATION_COMPOSER_IMAGE_ACTION, AX_CONVERSATION_COMPOSER_LOCATION_ACTION, AX_CONVERSATION_COMPOSER_STICKER_TAB, AX_CONVERSATION_COMPOSER_VIDEO_ACTION, AX_CONVERSATION_COMPOSER_VOICE_RECORDING_ACTION, AX_CONVERSATION_CONFIG, AX_CONVERSATION_CONNECTION_ERRORS, AX_CONVERSATION_CONVERSATION_AVATAR_COMPONENT, AX_CONVERSATION_DEFAULT_COMPOSER_ACTIONS, AX_CONVERSATION_DEFAULT_COMPOSER_TABS, AX_CONVERSATION_DEFAULT_CONVERSATION_ITEM_ACTIONS, AX_CONVERSATION_DEFAULT_CONVERSATION_TABS, AX_CONVERSATION_DEFAULT_GROUP_ICON, AX_CONVERSATION_DEFAULT_INFO_BAR_ACTIONS, AX_CONVERSATION_DEFAULT_MESSAGE_ACTIONS, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_BACKGROUND_PRESET_ID, AX_CONVERSATION_DEFAULT_MESSAGE_LIST_THEME_BACKGROUND, AX_CONVERSATION_DEFAULT_MESSAGE_RENDERERS, AX_CONVERSATION_DEFAULT_ROOM_PREFERENCES, AX_CONVERSATION_DEFAULT_USER_ICON, AX_CONVERSATION_ERRORS, AX_CONVERSATION_ERROR_HANDLER_CONFIG, AX_CONVERSATION_ERROR_MESSAGES, AX_CONVERSATION_FALLBACK_RENDERER, AX_CONVERSATION_FILE_CATALOG, AX_CONVERSATION_FILE_ERRORS, AX_CONVERSATION_FILE_PRESENTATION, AX_CONVERSATION_FILE_RENDERER, AX_CONVERSATION_FILE_TYPES_READY, AX_CONVERSATION_IMAGE_CATALOG, AX_CONVERSATION_IMAGE_PRESENTATION, AX_CONVERSATION_IMAGE_RENDERER, AX_CONVERSATION_INFO_BAR_ARCHIVE_ACTION, AX_CONVERSATION_INFO_BAR_BLOCK_ACTION, AX_CONVERSATION_INFO_BAR_DELETE_ACTION, AX_CONVERSATION_INFO_BAR_DIVIDER, AX_CONVERSATION_INFO_BAR_MUTE_ACTION, AX_CONVERSATION_INFO_BAR_SEARCH_ACTION, AX_CONVERSATION_ITEM_BLOCK_ACTION, AX_CONVERSATION_ITEM_DELETE_ACTION, AX_CONVERSATION_ITEM_DIVIDER, AX_CONVERSATION_ITEM_MARK_READ_ACTION, AX_CONVERSATION_ITEM_MUTE_ACTION, AX_CONVERSATION_ITEM_PIN_ACTION, AX_CONVERSATION_JUMBO_EMOJI_MAX, AX_CONVERSATION_LOCATION_ERRORS, AX_CONVERSATION_LOCATION_RENDERER, AX_CONVERSATION_MESSAGE_DELETE_ACTION, AX_CONVERSATION_MESSAGE_EDIT_ACTION, AX_CONVERSATION_MESSAGE_ERRORS, AX_CONVERSATION_MESSAGE_FORWARD_ACTION, AX_CONVERSATION_MESSAGE_LIST_BACKGROUND_PRESETS, AX_CONVERSATION_MESSAGE_REPLY_ACTION, AX_CONVERSATION_MESSAGE_TYPE_FILE_TYPE, AX_CONVERSATION_PEER_AVATAR_TYPES, AX_CONVERSATION_REGISTRY_CONFIG, AX_CONVERSATION_STICKER_API_KEY, AX_CONVERSATION_STICKER_RENDERER, AX_CONVERSATION_SYSTEM_RENDERER, AX_CONVERSATION_TAB_ALL, AX_CONVERSATION_TAB_ARCHIVED, AX_CONVERSATION_TAB_BOT, AX_CONVERSATION_TAB_CHANNELS, AX_CONVERSATION_TAB_GROUPS, AX_CONVERSATION_TAB_PRIVATE, AX_CONVERSATION_TAB_UNREAD, AX_CONVERSATION_TEXT_RENDERER, AX_CONVERSATION_URL_ERRORS, AX_CONVERSATION_USER_AVATAR_COMPONENT, AX_CONVERSATION_USER_ERRORS, AX_CONVERSATION_VIDEO_CATALOG, AX_CONVERSATION_VIDEO_PRESENTATION, AX_CONVERSATION_VIDEO_RENDERER, AX_CONVERSATION_VOICE_CATALOG, AX_CONVERSATION_VOICE_PRESENTATION, AX_CONVERSATION_VOICE_RENDERER, AX_DEFAULT_CONVERSATION_CONFIG, abortPickerUploads, applyAudioLocalPreview, applyFileLocalPreview, applyLocalPreview, applyVideoLocalPreview, applyVoiceLocalPreview, audioItemFromUpload, bindMediaRendererContentState, buildMediaGalleryTiles, canShowRendererContentError, cleanupPickerUploads, conversationAudioUtilities, conversationFileUtilities, conversationImageUtilities, conversationVideoUtilities, conversationVoiceUtilities, copyWithFileTypeFallback, countLoneEmojis, createConversationAudioFileType, createConversationFileFileType, createConversationImageFileType, createConversationVideoFileType, createConversationVoiceFileType, createLocalPreviewUrl, createObjectUrl, createPickerDragHandlers, createPickerUploadItemId, createResolvedMediaUrlSignal, deleteUploadedPickerMedia, dismissComposerPickerHost, ensureConversationFileCatalogRegistered, fetchConversationMediaPage, fileItemAsAudioMedia, fileItemFromUpload, filesFromClipboardEvent, filterMessagesByMediaCategory, filterSupplementalInfoPanelMessages, findExistingPrivateConversation, formatDuration, formatErrorMessage, formatFileByteSize, formatFileSize, formatMediaDuration, formatPickerValidationMessage, getActiveComposerPickerPasteHandler, getConversationMediaCategories, getConversationProfileFields, getErrorMessage, getMessageAudioItems, getMessageVideoItems, getPickerCancelUploadLabel, getPrivatePeerParticipant, hasRegistryComponent, inferFileExtensionHintFromMessage, isAttachmentListCategory, isComposerTabEnabled, isConversationReactionsEnabled, isConversationRoomCreator, isGenericPrivateConversationTitle, isGridMediaCategory, isGroupLikeConversation, isJumboEmojiText, isJumboEmojiTextMessage, isMessageDeliveryPending, isMessageListThemeBackground, isMessageVisibleAfterHistoryCutoff, isNonPersistableMediaUrl, isPickerItemReadyToSend, isPlainChromeMessage, isSameMessageListBackground, isUploadAborted, limitFilesToCapacity, listTextGraphemes, mediaCopyText, mergeAudioUploadResult, mergeFileUploadResult, mergeInfoPanelMessages, mergeUploadResult, mergeVideoUploadResult, mergeVoiceUploadResult, mergeWithDefaults, messageContainsLink, normalizeAudioPayload, normalizeFilePayload, normalizeImagePayload, normalizeMessageListBackgroundValue, normalizeVideoPayload, notifyMaxFilesCapacityExceeded, notifyPickerValidationErrors, openWithFileType, pickDisplayMediaUrl, pickEarliestJoinedParticipant, pickerItemToMediaReference, pickerItemToUploadResult, probeImageDimensions, probeVideoMedia, provideConversation, provideConversationComposerFileTypes, provideConversationFileCatalog, registerComposerPickerPasteHandler, reportMediaLoadError, resolveComposerMaxFiles, resolveConversationAvatarDisplay, resolveConversationComposerTabs, resolveConversationForViewer, resolveConversationMessageFileType, resolveConversationPeerParticipant, resolveConversationPeerUserId, resolveConversationTitleForViewer, resolveGalleryImageUrl, resolveImageDisplayUrl, resolveMessageChrome, resolveMessageListBackgroundRaw, resolveMessageListBackgroundStyle, resolveParticipantProfile, resolvePersistableMediaUrl, resolvePersistedThumbnailUrl, resolvePrivatePeerParticipant, resolvePrivatePeerUserId, resolveUserAvatarDisplay, resolveVideoThumbnailUrl, revokeObjectUrl, revokePickerBlobPreviews, sanitizeInput, shouldUseUserAvatarForConversation, sortUsersForForward, syncPlaybackInfoBarBanner, toUploaderReference as toMediaItemUploaderReference, toUploaderReference$1 as toUploaderReference, uploadPickerFile, usesDefaultMessageListWallpaper, validateConversationId, validateEmail, validateLatitude, validateLongitude, validateMessagePayload, validateMessageText, validateMessageType, validateUrl, validateUserId, validateUserIds, videoItemFromUpload };
+export type { AXConversation, AXConversationApiError, AXConversationApiLogEntry, AXConversationApiName, AXConversationAudioMediaItem, AXConversationAudioPayload, AXConversationAvatarComponents, AXConversationAvatarDisplay, AXConversationAvatarKind, AXConversationBlockReportReason, AXConversationCleanupPickerUploadsOptions, AXConversationComposerAction, AXConversationComposerActionComponent, AXConversationComposerActionContext, AXConversationComposerGenerationPhase, AXConversationComposerPickerUploadItem, AXConversationComposerPrimaryButtonMode, AXConversationComposerTab, AXConversationComposerTabFeature, AXConversationConfig, AXConversationConnectionStatus, AXConversationConversationAvatarComponent, AXConversationCreateData, AXConversationDateSeparatorKind, AXConversationDeleteDialogMode, AXConversationDeleteDialogResult, AXConversationDeleteMessageCommand, AXConversationDeleteOptions, AXConversationDropdownMenuItem, AXConversationEditMessageCommand, AXConversationError, AXConversationErrorCode, AXConversationErrorHandlerConfig, AXConversationErrorMessage, AXConversationErrorSeverity, AXConversationFeatures, AXConversationFileMediaItem, AXConversationFilePayload, AXConversationFilter, AXConversationFilters, AXConversationForwardUserSortEntry, AXConversationGroupedReaction, AXConversationImageMediaItem, AXConversationImagePayload, AXConversationInfoBarAction, AXConversationInfoBarActionComponent, AXConversationInfoBarActionContext, AXConversationInfoBarActiveBanner, AXConversationInfoBarActiveComponent, AXConversationInfoProfileField, AXConversationItemAction, AXConversationItemActionContext, AXConversationLink, AXConversationLinkPreview, AXConversationLoadMessagesResult, AXConversationLocationPayload, AXConversationMediaCategory, AXConversationMediaCategoryId, AXConversationMediaDimensions, AXConversationMediaGalleryTile, AXConversationMediaItemFields, AXConversationMediaPageResult, AXConversationMention, AXConversationMessage, AXConversationMessageAction, AXConversationMessageActionContext, AXConversationMessageChrome, AXConversationMessageClusterRole, AXConversationMessageDateGroup, AXConversationMessageForwardData, AXConversationMessageInfoBarBannerComponent, AXConversationMessageListBackground, AXConversationMessageListBackgroundPreset, AXConversationMessageListEmptyComponent, AXConversationMessageListThemeBackground, AXConversationMessagePayload, AXConversationMessageRenderer, AXConversationMessageRendererCapabilities, AXConversationMessageRendererComponent, AXConversationMessageRendererContentState, AXConversationMessageRendererState, AXConversationMessageSearchFilters, AXConversationMessageStatus, AXConversationMessageType, AXConversationMetadata, AXConversationOptions, AXConversationOutletSkeleton, AXConversationPaginatedResult, AXConversationPagination, AXConversationPaginationState, AXConversationParticipant, AXConversationParticipantRole, AXConversationParticipantUpdate, AXConversationPickerPasteHandler, AXConversationPinnedMessage, AXConversationPlaybackBannerInputs, AXConversationPollOption, AXConversationPollPayload, AXConversationPresenceStatus, AXConversationPresenceUpdate, AXConversationReaction, AXConversationReadReceipt, AXConversationRegistryComponentRef, AXConversationRegistryConfiguration, AXConversationRegistryItem, AXConversationRoomPreferences, AXConversationRoomPreferencesMap, AXConversationSendMessageCommand, AXConversationSendMessageOptions, AXConversationSendMessageUploadSource, AXConversationSettingsUpdate, AXConversationSidebarTabsOrientation, AXConversationSort, AXConversationStickerPayload, AXConversationSystemPayload, AXConversationTab, AXConversationTextFormat, AXConversationTextPayload, AXConversationType, AXConversationTypingIndicator, AXConversationUpdateData, AXConversationUploadOptions, AXConversationUploaderFilePreview, AXConversationUploaderReference, AXConversationUploaderResult, AXConversationUser, AXConversationUserAvatarComponent, AXConversationUserPresence, AXConversationUserProfile, AXConversationUserProfileUpdate, AXConversationUserSearchFilters, AXConversationValidationResult, AXConversationVideoMediaItem, AXConversationVideoPayload, AXConversationVoicePayload };

package/types/acorex-components-data-table.d.ts

@@ -212,7 +212,7 @@ declare abstract class AXBaseDataTable extends MXBaseComponent {
      */
     getColumnHighlightColor(column: AXDataTableColumnComponent): AXDataTableRowColorType | null;
     /**
-     * Returns the CSS class of a highlighted column, applied to its header and body cells.
+     * Returns column CSS classes for header and body cells (`cssClass` + temporary highlight).
      */
     getColumnCssClass(column: AXDataTableColumnComponent): string;
     /**

package/types/acorex-components-emoji.d.ts

@@ -0,0 +1,42 @@
+import * as _angular_core from '@angular/core';
+import { AXEmoji } from '@acorex/core/constants';
+
+/**
+ * Renders a single emoji using its Unicode character from metadata.
+ *
+ * @category Components
+ */
+declare class AXEmojiComponent {
+    /**
+     * Emoji metadata to render.
+     */
+    readonly emoji: _angular_core.InputSignal<AXEmoji>;
+    /**
+     * Emoji rendering style.
+     * - `google`: Noto Color Emoji (Android/Google look) on all platforms, including Windows.
+     * - `native`: OS default fonts (Segoe UI Emoji on Windows).
+     *
+     * @defaultValue 'google'
+     */
+    readonly appearance: _angular_core.InputSignal<"google" | "native">;
+    /**
+     * Rendered size in pixels.
+     *
+     * @defaultValue 20
+     */
+    readonly size: _angular_core.InputSignal<number>;
+    /** Unicode glyph to display. */
+    protected readonly glyph: _angular_core.Signal<string>;
+    /** Accessible label sourced from emoji metadata. */
+    protected readonly ariaLabel: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXEmojiComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXEmojiComponent, "ax-emoji", never, { "emoji": { "alias": "emoji"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class AXEmojiModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXEmojiModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXEmojiModule, never, [typeof AXEmojiComponent], [typeof AXEmojiComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXEmojiModule>;
+}
+
+export { AXEmojiComponent, AXEmojiModule };

package/types/acorex-components-emojipicker.d.ts

@@ -0,0 +1,146 @@
+import * as _angular_core from '@angular/core';
+import { AXValueChangedEvent } from '@acorex/cdk/common';
+import { AXGestureEvent } from '@acorex/cdk/gesture';
+import { AXTabStripChangedEvent } from '@acorex/components/tabs';
+import { AXEmoji, AXEmojiCategory, AXEmojiPickerCategoryId, AXEmojiCategoryMeta } from '@acorex/core/constants';
+
+/**
+ * Telegram-style emoji picker with category tabs, search, and recent emojis.
+ *
+ * @category Components
+ */
+declare class AXEmojiPickerComponent {
+    private readonly hostRef;
+    private readonly destroyRef;
+    /** Emoji entries available in the picker. */
+    readonly items: _angular_core.InputSignal<readonly AXEmoji[]>;
+    /** Rendered emoji size in the grid. */
+    readonly size: _angular_core.InputSignal<number>;
+    /**
+     * Emoji rendering style passed to {@link AXEmojiComponent}.
+     * `google` uses Noto Color Emoji (Android/Google look) on Windows too.
+     *
+     * @defaultValue 'google'
+     */
+    readonly appearance: _angular_core.InputSignal<"google" | "native">;
+    /** Whether the search box is shown. */
+    readonly showSearch: _angular_core.InputSignal<boolean>;
+    /** Whether the recent category tab is shown. */
+    readonly showRecent: _angular_core.InputSignal<boolean>;
+    /** Number of emoji columns in the virtualized grid. */
+    readonly columns: _angular_core.InputSignal<number>;
+    /** Search box placeholder text. */
+    readonly searchPlaceholder: _angular_core.InputSignal<string>;
+    /** Unicode emoji group categories to hide from tabs and results. */
+    readonly excludeCategories: _angular_core.InputSignal<readonly AXEmojiCategory[]>;
+    /** `AXEmoji.code` values to hide (e.g. `1f595`). */
+    readonly excludeCodes: _angular_core.InputSignal<readonly string[]>;
+    /** `AXEmoji.unicode` glyph values to hide (e.g. `🖕`). */
+    readonly excludeUnicode: _angular_core.InputSignal<readonly string[]>;
+    /** Emits when the user selects an emoji. */
+    readonly selected: _angular_core.OutputEmitterRef<AXEmoji>;
+    /**
+     * Recently used emojis supplied by the parent (e.g. API, LocalStorage).
+     * Rendered in the Recent tab when {@link showRecent} is enabled.
+     */
+    readonly recentItems: _angular_core.InputSignal<readonly AXEmoji[]>;
+    /** Emits the updated recent list after the user selects an allowed emoji. */
+    readonly recentChanged: _angular_core.OutputEmitterRef<readonly AXEmoji[]>;
+    /** Current search query. */
+    protected readonly searchQuery: _angular_core.WritableSignal<string>;
+    /** Active category tab. */
+    protected readonly activeCategoryId: _angular_core.WritableSignal<AXEmojiPickerCategoryId>;
+    private readonly containerWidth;
+    protected readonly effectiveColumns: _angular_core.Signal<number>;
+    protected readonly availableWidthCss: _angular_core.Signal<string>;
+    constructor();
+    /** Items after picker exclusions are applied. */
+    protected readonly filteredItems: _angular_core.Signal<readonly AXEmoji[]>;
+    private readonly categoryIndex;
+    /** Recent items after active exclusions are applied for display. */
+    protected readonly visibleRecentItems: _angular_core.Signal<AXEmoji[]>;
+    protected onCategorySwipe(event: AXGestureEvent): void;
+    /** Visible category tabs. */
+    protected readonly categories: _angular_core.Signal<readonly AXEmojiCategoryMeta[]>;
+    /** Emojis shown in the current view (category or search results). */
+    protected readonly visibleEmojis: _angular_core.Signal<readonly AXEmoji[]>;
+    /** Rows used by the virtual scroll viewport. */
+    protected readonly emojiRows: _angular_core.Signal<readonly (readonly AXEmoji[])[]>;
+    /** Virtual scroll row height in pixels. */
+    protected readonly rowHeight: _angular_core.Signal<number>;
+    /** Whether the user is searching. */
+    protected readonly isSearching: _angular_core.Signal<boolean>;
+    /** Whether the current view has no emojis. */
+    protected readonly isEmpty: _angular_core.Signal<boolean>;
+    /** Keeps the active tab valid when exclusions change. */
+    private readonly syncActiveCategory;
+    /** Selects a category tab and clears search. */
+    protected selectCategory(categoryId: AXEmojiPickerCategoryId): void;
+    /** Whether the given category tab is active. */
+    protected isCategoryActive(categoryId: AXEmojiPickerCategoryId): boolean;
+    /** Whether the category tab is the virtual recent group. */
+    protected isRecentCategory(categoryId: AXEmojiPickerCategoryId): boolean;
+    /** Syncs the active emoji category when a tab is selected. */
+    protected onCategoryTabChanged(event: AXTabStripChangedEvent): void;
+    /** Updates the search query from the search box. */
+    protected onSearchChanged(event: AXValueChangedEvent<string>): void;
+    /** Emits the selected emoji and notifies the parent of the updated recent list. */
+    protected selectEmoji(emoji: AXEmoji): void;
+    /** @ignore */
+    protected trackRow(index: number, row: readonly AXEmoji[]): string;
+    private rememberRecent;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXEmojiPickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXEmojiPickerComponent, "ax-emoji-picker", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "showRecent": { "alias": "showRecent"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "excludeCategories": { "alias": "excludeCategories"; "required": false; "isSignal": true; }; "excludeCodes": { "alias": "excludeCodes"; "required": false; "isSignal": true; }; "excludeUnicode": { "alias": "excludeUnicode"; "required": false; "isSignal": true; }; "recentItems": { "alias": "recentItems"; "required": false; "isSignal": true; }; }, { "selected": "selected"; "recentChanged": "recentChanged"; }, never, never, true, never>;
+}
+
+/** Maximum number of emojis kept in the recent list. */
+declare const RECENT_EMOJI_LIMIT = 20;
+/** Grid cell size in px (`--ax-comp-emoji-picker-cell-size`). */
+declare const EMOJI_PICKER_CELL_SIZE_PX = 36;
+/** Grid cell size in px on narrow viewports. */
+declare const EMOJI_PICKER_CELL_SIZE_PX_COMPACT = 32;
+/** Gap between grid cells in px (`--ax-comp-emoji-picker-cell-gap`). */
+declare const EMOJI_PICKER_CELL_GAP_PX = 2;
+/** Horizontal padding around the emoji grid in px. */
+declare const EMOJI_PICKER_GRID_PADDING_PX = 24;
+/** Minimum column count. */
+declare const EMOJI_PICKER_MIN_COLUMNS = 1;
+/** Nearest ancestor that participates in layout (skips `display: contents`). */
+declare function getEmojiPickerLayoutContainer(element: HTMLElement): HTMLElement;
+/**
+ * Available width for the picker grid.
+ * Uses the tightest ancestor content box and the visible viewport slot so an
+ * overflowing parent cannot keep an 8-column grid that is clipped off-screen.
+ */
+declare function resolveEmojiPickerContainerWidth(element: HTMLElement): number;
+/** Resolves column count from container width while keeping a fixed cell size and gap. */
+declare function resolveEmojiPickerColumns(containerWidth: number, requested: number): number;
+/** Maximum number of emojis returned by search. */
+declare const SEARCH_RESULT_LIMIT = 200;
+/** User-defined exclusions for picker emoji lists. */
+interface AXEmojiPickerFilter {
+    /** Unicode emoji group categories to hide from tabs and results. */
+    readonly excludeCategories?: readonly AXEmojiCategory[];
+    /** `AXEmoji.code` values to hide (hyphen-separated code points, e.g. `1f595`). */
+    readonly excludeCodes?: readonly string[];
+    /** `AXEmoji.unicode` glyph values to hide (e.g. `👋`). */
+    readonly excludeUnicode?: readonly string[];
+}
+/** Applies picker exclusions and default people-body curation. */
+declare function filterPickerItems(items: readonly AXEmoji[], filter?: AXEmojiPickerFilter): readonly AXEmoji[];
+/**
+ * Builds a category index for picker rendering.
+ * Expects items to be pre-filtered with {@link filterPickerItems}.
+ */
+declare function buildEmojiPickerIndex(items: readonly AXEmoji[]): ReadonlyMap<AXEmojiCategory, readonly AXEmoji[]>;
+/** Searches pre-filtered emoji metadata by name and keywords. */
+declare function searchPickerEmojis(items: readonly AXEmoji[], query: string, limit?: number): readonly AXEmoji[];
+
+declare class AXEmojiPickerModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXEmojiPickerModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXEmojiPickerModule, never, [typeof AXEmojiPickerComponent], [typeof AXEmojiPickerComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXEmojiPickerModule>;
+}
+
+export { AXEmojiPickerComponent, AXEmojiPickerModule, EMOJI_PICKER_CELL_GAP_PX, EMOJI_PICKER_CELL_SIZE_PX, EMOJI_PICKER_CELL_SIZE_PX_COMPACT, EMOJI_PICKER_GRID_PADDING_PX, EMOJI_PICKER_MIN_COLUMNS, RECENT_EMOJI_LIMIT, SEARCH_RESULT_LIMIT, buildEmojiPickerIndex, filterPickerItems, getEmojiPickerLayoutContainer, resolveEmojiPickerColumns, resolveEmojiPickerContainerWidth, searchPickerEmojis };
+export type { AXEmojiPickerFilter };

package/types/acorex-components-inline-reaction.d.ts

@@ -0,0 +1,52 @@
+import * as _angular_core from '@angular/core';
+import { AXEmoji } from '@acorex/core/constants';
+
+declare class AXInlineReactionComponent {
+    private readonly elementRef;
+    private readonly document;
+    private readonly platformId;
+    readonly emojis: _angular_core.InputSignal<readonly AXEmoji[]>;
+    readonly size: _angular_core.InputSignal<number>;
+    /** Whether the reaction bar is expanded to show all emojis. */
+    readonly expanded: _angular_core.WritableSignal<boolean>;
+    /**
+     * Maximum number of emojis to display in the bar.
+     *
+     * @defaultValue 8
+     */
+    readonly maxVisible: _angular_core.InputSignal<number>;
+    /**
+     * When true, hides the expand button and always shows the collapsed bar only.
+     *
+     * @defaultValue false
+     */
+    readonly showExpanded: _angular_core.InputSignal<boolean>;
+    /**
+     * When true, collapses the bar when the user clicks outside the component.
+     *
+     * @defaultValue true
+     */
+    readonly closeOnClickOutside: _angular_core.InputSignal<boolean>;
+    /**
+     * Emits when the user clicks a quick reaction.
+     */
+    readonly selected: _angular_core.OutputEmitterRef<AXEmoji>;
+    /**
+     * Emits when the expanded state changes (expand button or click outside).
+     */
+    readonly expandedChange: _angular_core.OutputEmitterRef<boolean>;
+    protected readonly visibleEmojis: _angular_core.Signal<readonly AXEmoji[]>;
+    constructor();
+    protected toggleExpanded(event: Event): void;
+    private setExpanded;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXInlineReactionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXInlineReactionComponent, "ax-inline-reaction", never, { "emojis": { "alias": "emojis"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "maxVisible": { "alias": "maxVisible"; "required": false; "isSignal": true; }; "showExpanded": { "alias": "showExpanded"; "required": false; "isSignal": true; }; "closeOnClickOutside": { "alias": "closeOnClickOutside"; "required": false; "isSignal": true; }; }, { "selected": "selected"; "expandedChange": "expandedChange"; }, never, never, true, never>;
+}
+
+declare class AXInlineReactionModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXInlineReactionModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXInlineReactionModule, never, [typeof AXInlineReactionComponent], [typeof AXInlineReactionComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXInlineReactionModule>;
+}
+
+export { AXInlineReactionComponent, AXInlineReactionModule };

package/types/acorex-components-message-status.d.ts

@@ -0,0 +1,23 @@
+import * as i0 from '@angular/core';
+import { SafeHtml } from '@angular/platform-browser';
+import * as i1 from '@angular/common';
+
+type MessageStatus = 'pending' | 'send' | 'delivered' | 'failed';
+
+declare class AXMessageStatusComponent {
+    #private;
+    status: i0.InputSignal<MessageStatus>;
+    private sanetizer;
+    protected htmlContent: i0.WritableSignal<SafeHtml>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXMessageStatusComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXMessageStatusComponent, "ax-message-status", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class AXMessageStatusModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXMessageStatusModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXMessageStatusModule, never, [typeof i1.CommonModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXMessageStatusModule>;
+}
+
+export { AXMessageStatusComponent, AXMessageStatusModule };
+export type { MessageStatus };

package/types/acorex-components-message-time.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from '@angular/core';
+import { OnInit } from '@angular/core';
+import * as i1 from '@angular/common';
+
+declare class AXMessageTimeComponent implements OnInit {
+    constructor();
+    time: i0.InputSignal<string>;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXMessageTimeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXMessageTimeComponent, "ax-message-time", never, { "time": { "alias": "time"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class AXMessageTimeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXMessageTimeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXMessageTimeModule, never, [typeof i1.CommonModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXMessageTimeModule>;
+}
+
+export { AXMessageTimeComponent, AXMessageTimeModule };

package/types/acorex-components-message.d.ts

@@ -0,0 +1,59 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { AXMenuItem, AXContextMenuOpeningEvent, AXContextMenuItemsClickEvent } from '@acorex/components/menu';
+import { AXEmoji } from '@acorex/core/constants';
+import { MessageStatus } from '@acorex/components/message-status';
+
+type AXMessageLayout = 'ping-pong' | 'stack';
+type AXBubbleTail = 'none' | 'start' | 'end';
+/** @deprecated Use AXMessageLayout. Kept for backward compatibility in data models. */
+type AXMessageAlign = 'start' | 'end';
+interface AXMessageTemplateContext<T> {
+    $implicit: T;
+}
+
+declare class AXMessageComponent<T = unknown> {
+    templateData: _angular_core.InputSignal<T>;
+    itemTemplate: _angular_core.InputSignal<TemplateRef<AXMessageTemplateContext<T>>>;
+    layout: _angular_core.InputSignal<AXMessageLayout>;
+    /** Own message: aligned end in ping-pong and styled via inner ax-bubble. */
+    isown: _angular_core.InputSignal<boolean>;
+    text: _angular_core.InputSignal<string>;
+    avatarSrc: _angular_core.InputSignal<string>;
+    avatarSize: _angular_core.InputSignal<number>;
+    showAvatar: _angular_core.InputSignal<boolean>;
+    status: _angular_core.InputSignal<MessageStatus>;
+    time: _angular_core.InputSignal<string>;
+    /** Quick reactions shown in the context menu header. */
+    quickReactions: _angular_core.InputSignal<readonly AXEmoji[]>;
+    /** Context menu action items. Parent can also append via `contextMenuOpening`. */
+    contextMenuItems: _angular_core.InputSignal<readonly AXMenuItem[]>;
+    /** Whether right-click context menu is enabled on the bubble. */
+    contextMenuEnabled: _angular_core.InputSignal<boolean>;
+    /** Emoji size in pixels inside the context menu reaction bar. */
+    reactionSize: _angular_core.InputSignal<number>;
+    /** Emits when a quick reaction or picker emoji is selected from the context menu. */
+    reactionSelected: _angular_core.OutputEmitterRef<AXEmoji>;
+    /** Emits while the context menu opens so the parent can customize `event.items`. */
+    contextMenuOpening: _angular_core.OutputEmitterRef<AXContextMenuOpeningEvent>;
+    /** Emits when a context menu action item is clicked. */
+    menuItemClick: _angular_core.OutputEmitterRef<AXContextMenuItemsClickEvent>;
+    private readonly contextMenu;
+    protected readonly hasTemplate: _angular_core.Signal<boolean>;
+    protected readonly showReactionBar: _angular_core.Signal<boolean>;
+    protected readonly hostClass: _angular_core.Signal<string>;
+    protected onContextMenuOpening(event: AXContextMenuOpeningEvent): void;
+    protected onReactionSelected(emoji: AXEmoji): void;
+    protected onMenuItemClick(event: AXContextMenuItemsClickEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMessageComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXMessageComponent<any>, "ax-message", never, { "templateData": { "alias": "templateData"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "isown": { "alias": "isown"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "avatarSize": { "alias": "avatarSize"; "required": false; "isSignal": true; }; "showAvatar": { "alias": "showAvatar"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "time": { "alias": "time"; "required": false; "isSignal": true; }; "quickReactions": { "alias": "quickReactions"; "required": false; "isSignal": true; }; "contextMenuItems": { "alias": "contextMenuItems"; "required": false; "isSignal": true; }; "contextMenuEnabled": { "alias": "contextMenuEnabled"; "required": false; "isSignal": true; }; "reactionSize": { "alias": "reactionSize"; "required": false; "isSignal": true; }; }, { "reactionSelected": "reactionSelected"; "contextMenuOpening": "contextMenuOpening"; "menuItemClick": "menuItemClick"; }, never, ["*"], true, never>;
+}
+
+declare class AXMessageModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXMessageModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXMessageModule, never, [typeof AXMessageComponent], [typeof AXMessageComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXMessageModule>;
+}
+
+export { AXMessageComponent, AXMessageModule };
+export type { AXBubbleTail, AXMessageAlign, AXMessageLayout, AXMessageTemplateContext };