@propbinder/mobile-design 0.2.35 → 0.2.37

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { OnDestroy, OnInit, ElementRef, EventEmitter, TemplateRef, AfterViewInit, OnChanges, Injector, SimpleChanges, AfterContentInit, ChangeDetectorRef, ApplicationRef, EnvironmentInjector, Type } from '@angular/core';
+import { OnDestroy, OnInit, ElementRef, EventEmitter, TemplateRef, AfterViewInit, OnChanges, Injector, SimpleChanges, ChangeDetectorRef, AfterContentInit, ApplicationRef, EnvironmentInjector, Type } from '@angular/core';
 import { ModalController, IonContent, NavController, GestureController, ModalOptions as ModalOptions$1 } from '@ionic/angular/standalone';
 import { Style } from '@capacitor/status-bar';
 import { ImpactStyle } from '@capacitor/haptics';
@@ -1158,7 +1158,7 @@ declare class DsMobileContentComponent {
  */
 declare class SectionHeaderComponent {
     /** Width of the header placeholder */
-    width: _angular_core.InputSignal<"half" | "third" | "full">;
+    width: _angular_core.InputSignal<"full" | "half" | "third">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SectionHeaderComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SectionHeaderComponent, "section-header", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -1965,6 +1965,8 @@ declare class DsMobileDropdownComponent {
  * ```
  */
 declare class DsMobileMessageComposerComponent implements AfterViewInit, OnDestroy {
+    private cdr;
+    constructor(cdr: ChangeDetectorRef);
     /**
      * Avatar initials
      */
@@ -2074,8 +2076,9 @@ declare class DsMobileMessageComposerComponent implements AfterViewInit, OnDestr
     mentionDropdownItems: _angular_core.Signal<DsMobileDropdownItem[]>;
     /**
      * Attachment menu items
+     * Static list to prevent change detection loops
      */
-    attachmentMenuItems: _angular_core.Signal<DsMobileDropdownItem[]>;
+    readonly attachmentMenuItems: DsMobileDropdownItem[];
     /**
      * Emits when a message is sent
      */
@@ -5426,6 +5429,16 @@ interface ChatModalData {
     currentUserAvatarSrc?: string;
     /** Auto-focus input when modal opens */
     autoFocus?: boolean;
+    /**
+     * Callback executed when a message is sent from the chat.
+     * Use this to handle API calls to your backend.
+     */
+    onSend?: (message: string, attachments: AttachmentData[]) => void | Promise<void>;
+    /**
+     * Optional callback for when a file attachment is clicked.
+     * If not provided, the default behavior will try to open/download the file.
+     */
+    onFileClick?: (file: AttachmentData) => void;
 }
 /**
  * DsMobileChatModalComponent
@@ -5653,7 +5666,16 @@ declare class DsMobileChatModalComponent implements OnInit, AfterViewInit {
  *     ],
  *     currentUserId: '456',
  *     currentUserInitials: 'JD',
- *     autoFocus: true
+ *     currentUserInitials: 'JD',
+ *     autoFocus: true,
+ *     onSend: async (message, attachments) => {
+ *       console.log('Sending message:', message);
+ *       // await this.chatService.sendMessage(participant.id, message, attachments);
+ *     },
+ *     onFileClick: (file) => {
+ *       console.log('File clicked:', file);
+ *       // window.open(file.url, '_blank');
+ *     }
  *   });
  * }
  * ```
@@ -6985,7 +7007,7 @@ declare class DsMobileHandbookFolderMiniComponent {
  * ```
  */
 declare class DsTextInputComponent implements ControlValueAccessor {
-    type: _angular_core.InputSignal<"search" | "text" | "url" | "email" | "tel" | "password">;
+    type: _angular_core.InputSignal<"search" | "text" | "email" | "tel" | "url" | "password">;
     placeholder: _angular_core.InputSignal<string>;
     disabled: _angular_core.InputSignal<boolean>;
     readonly: _angular_core.InputSignal<boolean>;
@@ -6993,7 +7015,7 @@ declare class DsTextInputComponent implements ControlValueAccessor {
     hasError: _angular_core.InputSignal<boolean>;
     errorMessage: _angular_core.InputSignal<string>;
     autocomplete: _angular_core.InputSignal<string>;
-    inputmode: _angular_core.InputSignal<"search" | "text" | "url" | "numeric" | "email" | "tel" | undefined>;
+    inputmode: _angular_core.InputSignal<"search" | "text" | "email" | "tel" | "url" | "numeric" | undefined>;
     autoClearError: _angular_core.InputSignal<boolean>;
     validator: _angular_core.InputSignal<((value: string) => boolean) | null>;
     valueChange: _angular_core.OutputEmitterRef<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@propbinder/mobile-design",
-  "version": "0.2.35",
+  "version": "0.2.37",
   "peerDependencies": {
     "@angular/common": "^20.3.0 || ^21.0.0",
     "@angular/core": "^20.3.0 || ^21.0.0"