@life-cockpit/angular-ui-kit 2.1.0 → 2.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@life-cockpit/angular-ui-kit",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Life Cockpit Design System - Angular UI component library",
   "license": "MIT",
   "repository": {

package/types/life-cockpit-angular-ui-kit.d.ts

@@ -5598,6 +5598,12 @@ declare class ChatComponent implements AfterViewChecked {
      *   messaging apps. Still scrolls to reveal the top once they overflow.
      */
     messageAnchor: _angular_core.InputSignal<"top" | "bottom">;
+    /**
+     * Width of the message thread and composer.
+     * - `'full'` (default): messages span the full available width.
+     * - `'narrow'`: a centered, readable column (~46rem) like a document-style chat.
+     */
+    contentWidth: _angular_core.InputSignal<"full" | "narrow">;
     /** Disable the input. */
     disabled: _angular_core.InputSignal<boolean>;
     /** Show avatars next to messages. */
@@ -5636,6 +5642,9 @@ declare class ChatComponent implements AfterViewChecked {
     private attachmentCounter;
     private scrollContainer;
     private fileInput?;
+    private composerInput?;
+    /** Upper bound for the auto-growing composer before it starts scrolling (px). */
+    private static readonly INPUT_MAX_HEIGHT;
     protected readonly formattedMessages: _angular_core.Signal<{
         timestamp: Date | undefined;
         id: string;
@@ -5651,6 +5660,8 @@ declare class ChatComponent implements AfterViewChecked {
     }[]>;
     ngAfterViewChecked(): void;
     protected onInput(event: Event): void;
+    /** Resize the textarea to fit its content so the composer hugs the text. */
+    private autoGrow;
     protected onKeydown(event: KeyboardEvent): void;
     protected send(): void;
     protected openFilePicker(): void;
@@ -5664,7 +5675,7 @@ declare class ChatComponent implements AfterViewChecked {
     protected shouldRenderMarkdown(role: ChatMessageRole): boolean;
     private scrollToBottom;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChatComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChatComponent, "lc-chat", never, { "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "isStreaming": { "alias": "isStreaming"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "messageAnchor": { "alias": "messageAnchor"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showAvatars": { "alias": "showAvatars"; "required": false; "isSignal": true; }; "showTimestamps": { "alias": "showTimestamps"; "required": false; "isSignal": true; }; "renderMarkdown": { "alias": "renderMarkdown"; "required": false; "isSignal": true; }; "allowFileUpload": { "alias": "allowFileUpload"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; }, { "messageSend": "messageSend"; "fileAttach": "fileAttach"; }, ["messageTemplate"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChatComponent, "lc-chat", never, { "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "isStreaming": { "alias": "isStreaming"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "messageAnchor": { "alias": "messageAnchor"; "required": false; "isSignal": true; }; "contentWidth": { "alias": "contentWidth"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showAvatars": { "alias": "showAvatars"; "required": false; "isSignal": true; }; "showTimestamps": { "alias": "showTimestamps"; "required": false; "isSignal": true; }; "renderMarkdown": { "alias": "renderMarkdown"; "required": false; "isSignal": true; }; "allowFileUpload": { "alias": "allowFileUpload"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; }, { "messageSend": "messageSend"; "fileAttach": "fileAttach"; }, ["messageTemplate"], never, true, never>;
 }
 
 type DocumentType = 'pdf' | 'markdown' | 'image' | 'text' | 'code' | 'auto';