@propbinder/mobile-design 0.3.1 → 0.3.3

package/index.d.ts

@@ -2193,6 +2193,27 @@ declare class DsMobileMessageComposerComponent implements AfterViewInit, OnDestr
         initials: string;
         role: string;
     }[]>;
+    /**
+     * Whether to show the internal message toggle
+     */
+    showInternalToggle: _angular_core.InputSignal<boolean>;
+    /**
+     * Label for the internal message toggle
+     */
+    internalToggleLabel: _angular_core.InputSignal<string>;
+    /**
+     * Label for the reply header
+     */
+    replyLabel: _angular_core.InputSignal<string>;
+    /**
+     * Description text shown when internal message is active
+     */
+    internalMessageDescription: _angular_core.InputSignal<string>;
+    /**
+     * Local state for internal toggle
+     */
+    isInternal: _angular_core.WritableSignal<boolean>;
+    toggleInternal(): void;
     /**
      * Auto-focus input on mount
      */
@@ -2291,6 +2312,7 @@ declare class DsMobileMessageComposerComponent implements AfterViewInit, OnDestr
         replyTo?: string;
         isEdit?: boolean;
         attachments?: AttachmentData[];
+        isInternal?: boolean;
     }>;
     /**
      * Emits when edit is cancelled
@@ -2431,7 +2453,7 @@ declare class DsMobileMessageComposerComponent implements AfterViewInit, OnDestr
      */
     insertText(text: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobileMessageComposerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileMessageComposerComponent, "ds-mobile-message-composer", never, { "avatarInitials": { "alias": "avatarInitials"; "required": false; "isSignal": true; }; "avatarType": { "alias": "avatarType"; "required": false; "isSignal": true; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "sendButtonLabel": { "alias": "sendButtonLabel"; "required": false; "isSignal": true; }; "attachmentButtonLabel": { "alias": "attachmentButtonLabel"; "required": false; "isSignal": true; }; "showAttachmentButton": { "alias": "showAttachmentButton"; "required": false; "isSignal": true; }; "showAiButton": { "alias": "showAiButton"; "required": false; "isSignal": true; }; "editIndicatorText": { "alias": "editIndicatorText"; "required": false; "isSignal": true; }; "replyIndicatorText": { "alias": "replyIndicatorText"; "required": false; "isSignal": true; }; "enableMentions": { "alias": "enableMentions"; "required": false; "isSignal": true; }; "mentionUsers": { "alias": "mentionUsers"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; }, { "messageSent": "messageSent"; "editCancelled": "editCancelled"; "replyCancelled": "replyCancelled"; "mentionSelected": "mentionSelected"; "attachmentClicked": "attachmentClicked"; "attachmentsChanged": "attachmentsChanged"; "aiClick": "aiClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileMessageComposerComponent, "ds-mobile-message-composer", never, { "avatarInitials": { "alias": "avatarInitials"; "required": false; "isSignal": true; }; "avatarType": { "alias": "avatarType"; "required": false; "isSignal": true; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "sendButtonLabel": { "alias": "sendButtonLabel"; "required": false; "isSignal": true; }; "attachmentButtonLabel": { "alias": "attachmentButtonLabel"; "required": false; "isSignal": true; }; "showAttachmentButton": { "alias": "showAttachmentButton"; "required": false; "isSignal": true; }; "showAiButton": { "alias": "showAiButton"; "required": false; "isSignal": true; }; "editIndicatorText": { "alias": "editIndicatorText"; "required": false; "isSignal": true; }; "replyIndicatorText": { "alias": "replyIndicatorText"; "required": false; "isSignal": true; }; "enableMentions": { "alias": "enableMentions"; "required": false; "isSignal": true; }; "mentionUsers": { "alias": "mentionUsers"; "required": false; "isSignal": true; }; "showInternalToggle": { "alias": "showInternalToggle"; "required": false; "isSignal": true; }; "internalToggleLabel": { "alias": "internalToggleLabel"; "required": false; "isSignal": true; }; "replyLabel": { "alias": "replyLabel"; "required": false; "isSignal": true; }; "internalMessageDescription": { "alias": "internalMessageDescription"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; }, { "messageSent": "messageSent"; "editCancelled": "editCancelled"; "replyCancelled": "replyCancelled"; "mentionSelected": "mentionSelected"; "attachmentClicked": "attachmentClicked"; "attachmentsChanged": "attachmentsChanged"; "aiClick": "aiClick"; }, never, never, true, never>;
 }
 
 /**
@@ -2514,6 +2536,14 @@ declare class DsMobileMessageBubbleComponent {
      * Sender's name (for display purposes)
      */
     senderName: _angular_core.InputSignal<string>;
+    /**
+     * Whether the message is an internal message
+     */
+    isInternal: _angular_core.InputSignal<boolean>;
+    /**
+     * Text for the internal message badge
+     */
+    internalMessageBadgeText: _angular_core.InputSignal<string>;
     /**
      * Timestamp text (e.g., "12:34", "08-12-2025 13:18")
      */
@@ -2614,7 +2644,7 @@ declare class DsMobileMessageBubbleComponent {
      */
     handleContextMenu(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobileMessageBubbleComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileMessageBubbleComponent, "ds-mobile-message-bubble", never, { "content": { "alias": "content"; "required": true; "isSignal": true; }; "isOwnMessage": { "alias": "isOwnMessage"; "required": false; "isSignal": true; }; "senderName": { "alias": "senderName"; "required": false; "isSignal": true; }; "timestamp": { "alias": "timestamp"; "required": true; "isSignal": true; }; "showTimestamp": { "alias": "showTimestamp"; "required": false; "isSignal": true; }; "avatarInitials": { "alias": "avatarInitials"; "required": false; "isSignal": true; }; "avatarType": { "alias": "avatarType"; "required": false; "isSignal": true; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "showAvatar": { "alias": "showAvatar"; "required": false; "isSignal": true; }; "clusterPosition": { "alias": "clusterPosition"; "required": false; "isSignal": true; }; "attachments": { "alias": "attachments"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "isNewMessage": { "alias": "isNewMessage"; "required": false; "isSignal": true; }; "isDeleted": { "alias": "isDeleted"; "required": false; "isSignal": true; }; "showEditedHint": { "alias": "showEditedHint"; "required": false; "isSignal": true; }; "editedHintText": { "alias": "editedHintText"; "required": false; "isSignal": true; }; }, { "attachmentClick": "attachmentClick"; "longPress": "longPress"; "messageClick": "messageClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileMessageBubbleComponent, "ds-mobile-message-bubble", never, { "content": { "alias": "content"; "required": true; "isSignal": true; }; "isOwnMessage": { "alias": "isOwnMessage"; "required": false; "isSignal": true; }; "senderName": { "alias": "senderName"; "required": false; "isSignal": true; }; "isInternal": { "alias": "isInternal"; "required": false; "isSignal": true; }; "internalMessageBadgeText": { "alias": "internalMessageBadgeText"; "required": false; "isSignal": true; }; "timestamp": { "alias": "timestamp"; "required": true; "isSignal": true; }; "showTimestamp": { "alias": "showTimestamp"; "required": false; "isSignal": true; }; "avatarInitials": { "alias": "avatarInitials"; "required": false; "isSignal": true; }; "avatarType": { "alias": "avatarType"; "required": false; "isSignal": true; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "showAvatar": { "alias": "showAvatar"; "required": false; "isSignal": true; }; "clusterPosition": { "alias": "clusterPosition"; "required": false; "isSignal": true; }; "attachments": { "alias": "attachments"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "isNewMessage": { "alias": "isNewMessage"; "required": false; "isSignal": true; }; "isDeleted": { "alias": "isDeleted"; "required": false; "isSignal": true; }; "showEditedHint": { "alias": "showEditedHint"; "required": false; "isSignal": true; }; "editedHintText": { "alias": "editedHintText"; "required": false; "isSignal": true; }; }, { "attachmentClick": "attachmentClick"; "longPress": "longPress"; "messageClick": "messageClick"; }, never, never, true, never>;
 }
 
 /**
@@ -4125,6 +4155,7 @@ interface ChatMessage {
     avatarType?: 'initials' | 'photo' | 'icon';
     avatarSrc?: string;
     isOwnMessage: boolean;
+    isInternal?: boolean;
     attachments?: ChatAttachment[];
     fileAttachments?: AttachmentData[];
     isNewMessage?: boolean;
@@ -4251,7 +4282,7 @@ interface ChatModalData {
      * 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>;
+    onSend?: (message: string, attachments: AttachmentData[], isInternal?: boolean) => void | Promise<void>;
     /**
      * Optional callback for generating an AI reply.
      * Resolves with the generated text, or void/null if cancelled or failed.
@@ -4285,10 +4316,16 @@ interface ChatModalData {
     allTenantsForPicker?: ChatParticipant[];
     /** Localizable UI labels — Danish defaults used when omitted. */
     labels?: Partial<ChatModalLabels>;
+    /** Whether to show the internal message toggle */
+    showInternalToggle?: boolean;
 }
 interface ChatModalLabels {
     composerPlaceholder: string;
     composerEditIndicator: string;
+    internalToggleLabel: string;
+    replyLabel: string;
+    internalMessageDescription: string;
+    internalMessageBadge: string;
     addMembersTitle: string;
     youSenderName: string;
     actionCopy: string;
@@ -4445,6 +4482,7 @@ declare class DsMobileChatModalComponent implements OnInit, AfterViewInit {
         replyTo?: string;
         isEdit?: boolean;
         attachments?: AttachmentData[];
+        isInternal?: boolean;
     }): void;
     /**
      * Handle attachment click
@@ -5166,7 +5204,7 @@ declare class DsMobileCreateGroupModalComponent implements OnInit {
     members: CreateGroupMember[];
     defaultName: string;
     allTenants: CreateGroupMember[];
-    view: _angular_core.WritableSignal<"main" | "add-members">;
+    view: _angular_core.WritableSignal<"add-members" | "main">;
     groupName: _angular_core.WritableSignal<string>;
     customAvatarUrl: _angular_core.WritableSignal<string>;
     localMembers: _angular_core.WritableSignal<CreateGroupMember[]>;
@@ -8569,7 +8607,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" | "email" | "tel" | "url" | "numeric" | undefined>;
+    inputmode: _angular_core.InputSignal<"search" | "text" | "numeric" | "email" | "tel" | "url" | undefined>;
     autoClearError: _angular_core.InputSignal<boolean>;
     validator: _angular_core.InputSignal<((value: string) => boolean) | null>;
     valueChange: _angular_core.OutputEmitterRef<string>;
@@ -8877,7 +8915,7 @@ declare class DsMobileIllustrationComponent {
      * Predefined illustration variant
      * Available variants: 'post', 'inquiry', 'confirmation', 'family'
      */
-    variant: _angular_core.InputSignal<"post" | "inquiry" | "confirmation" | "family" | "cancel-booking" | "delete-warning">;
+    variant: _angular_core.InputSignal<"inquiry" | "delete-warning" | "post" | "confirmation" | "family" | "cancel-booking">;
     /**
      * Illustration size (width and height)
      * @default '120px'

package/package.json

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