@propbinder/mobile-design 0.2.87 → 0.2.89

package/index.d.ts

@@ -857,7 +857,7 @@ declare class DsMobilePageMainComponent extends MobilePageBase implements AfterV
     headerSubtitle: _angular_core.InputSignal<string>;
     /** When true, the header logo plays a slide-in-from-top animation on first reveal */
     firstEntry: _angular_core.InputSignal<boolean>;
-    avatarType: _angular_core.InputSignal<"photo" | "initials" | "icon">;
+    avatarType: _angular_core.InputSignal<"initials" | "photo" | "icon">;
     avatarInitials: _angular_core.InputSignal<string>;
     avatarSrc: _angular_core.InputSignal<string>;
     avatarIconName: _angular_core.InputSignal<string>;
@@ -1037,7 +1037,7 @@ declare class WhitelabelService {
     readonly logoUrl: _angular_core.Signal<string>;
     readonly logoMarkUrl: _angular_core.Signal<string>;
     readonly logoAlt: _angular_core.Signal<string>;
-    readonly logoSize: _angular_core.Signal<"md" | "sm" | "lg" | "xl">;
+    readonly logoSize: _angular_core.Signal<"sm" | "md" | "lg" | "xl">;
     readonly logoHeight: _angular_core.Signal<number>;
     readonly appIconSurface: _angular_core.Signal<string>;
     readonly appIconContent: _angular_core.Signal<string>;
@@ -1716,7 +1716,7 @@ declare class DsMobileCommentComponent {
     /**
      * Avatar type
      */
-    avatarType: _angular_core.InputSignal<"photo" | "initials" | "icon">;
+    avatarType: _angular_core.InputSignal<"initials" | "photo" | "icon">;
     /**
      * Whether the comment is clickable
      */
@@ -1851,7 +1851,7 @@ declare class DsMobilePostComposerComponent {
     /**
      * Avatar type
      */
-    avatarType: _angular_core.InputSignal<"photo" | "initials" | "icon">;
+    avatarType: _angular_core.InputSignal<"initials" | "photo" | "icon">;
     /**
      * Avatar photo source (for photo type)
      */
@@ -2144,7 +2144,7 @@ declare class DsMobileMessageComposerComponent implements AfterViewInit, OnDestr
     /**
      * Avatar type
      */
-    avatarType: _angular_core.InputSignal<"photo" | "initials" | "icon">;
+    avatarType: _angular_core.InputSignal<"initials" | "photo" | "icon">;
     /**
      * Avatar photo source (for photo type)
      */
@@ -2525,7 +2525,7 @@ declare class DsMobileMessageBubbleComponent {
     /**
      * Avatar type
      */
-    avatarType: _angular_core.InputSignal<"photo" | "initials" | "icon">;
+    avatarType: _angular_core.InputSignal<"initials" | "photo" | "icon">;
     /**
      * Avatar photo source (for photo type)
      */
@@ -2802,7 +2802,7 @@ declare class DsMobileListItemComponent implements AfterViewInit {
      * - 'center' - Align to center
      * - 'bottom' - Align to bottom
      */
-    align: _angular_core.InputSignal<"center" | "top" | "bottom">;
+    align: _angular_core.InputSignal<"top" | "center" | "bottom">;
     /**
      * Remove top padding — use on the first item in a section when there is
      * no preceding content, to avoid unnecessary whitespace.
@@ -3065,7 +3065,7 @@ declare class DsMobileInteractiveListItemPostComponent {
     /**
      * Avatar type
      */
-    avatarType: _angular_core.InputSignal<"photo" | "initials" | "icon">;
+    avatarType: _angular_core.InputSignal<"initials" | "photo" | "icon">;
     /**
      * Avatar photo source (for photo type)
      */
@@ -3090,7 +3090,7 @@ declare class DsMobileInteractiveListItemPostComponent {
      * - 'center' - Align to center
      * - 'bottom' - Align to bottom
      */
-    align: _angular_core.InputSignal<"center" | "top" | "bottom">;
+    align: _angular_core.InputSignal<"top" | "center" | "bottom">;
     /**
      * Whether the post card is clickable
      */
@@ -3318,7 +3318,7 @@ declare class DsMobileInteractiveListItemInquiryComponent {
      * - 'center' - Align to center
      * - 'bottom' - Align to bottom
      */
-    align: _angular_core.InputSignal<"center" | "top" | "bottom">;
+    align: _angular_core.InputSignal<"top" | "center" | "bottom">;
     /**
      * Whether the inquiry item is clickable
      */
@@ -3746,6 +3746,7 @@ declare class DsMobileLightboxImageWithDescriptionComponent implements OnInit, A
     commentCount: _angular_core.WritableSignal<number>;
     descriptionText: _angular_core.WritableSignal<string | null>;
     descriptionError: _angular_core.WritableSignal<boolean>;
+    isDescriptionMinimized: _angular_core.WritableSignal<boolean>;
     hasError: _angular_core.WritableSignal<boolean>;
     private descriptionSubscription?;
     currentImage: _angular_core.Signal<LightboxImageWithDescription>;
@@ -4357,7 +4358,7 @@ declare class DsMobileChatModalComponent implements OnInit, AfterViewInit {
     participant: _angular_core.WritableSignal<ChatParticipant>;
     messages: _angular_core.WritableSignal<ChatMessage[]>;
     currentUserInitials: _angular_core.WritableSignal<string>;
-    currentUserAvatarType: _angular_core.WritableSignal<"photo" | "initials" | "icon">;
+    currentUserAvatarType: _angular_core.WritableSignal<"initials" | "photo" | "icon">;
     currentUserAvatarSrc: _angular_core.WritableSignal<string>;
     autoFocus: _angular_core.WritableSignal<boolean>;
     /** Inquiry shows system takeover copy; peer chat does not. */
@@ -4730,7 +4731,7 @@ declare class DsMobileInteractiveListItemMessageComponent {
     /**
      * Avatar type
      */
-    avatarType: _angular_core.InputSignal<"photo" | "initials" | "icon">;
+    avatarType: _angular_core.InputSignal<"initials" | "photo" | "icon">;
     /**
      * Avatar photo source (for photo type)
      */
@@ -4739,6 +4740,10 @@ declare class DsMobileInteractiveListItemMessageComponent {
      * Whether the message is unread
      */
     unread: _angular_core.InputSignal<boolean>;
+    /**
+     * Style of the unread indicator
+     */
+    unreadStyle: _angular_core.InputSignal<"dot" | "envelope-tenant" | "envelope-partner">;
     /**
      * Whether the message item is clickable
      */
@@ -4749,7 +4754,7 @@ declare class DsMobileInteractiveListItemMessageComponent {
      * - 'center' - Align to center
      * - 'bottom' - Align to bottom
      */
-    align: _angular_core.InputSignal<"center" | "top" | "bottom">;
+    align: _angular_core.InputSignal<"top" | "center" | "bottom">;
     /**
      * Whitelabel logomark on the avatar corner (e.g. org branding for staff).
      * Default true — preserves backward compatibility with inquiry assignee rows.
@@ -4772,7 +4777,7 @@ declare class DsMobileInteractiveListItemMessageComponent {
     handleMessageClick(): void;
     handleLongPress(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobileInteractiveListItemMessageComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileInteractiveListItemMessageComponent, "ds-mobile-interactive-list-item-message", never, { "senderName": { "alias": "senderName"; "required": true; "isSignal": true; }; "senderRole": { "alias": "senderRole"; "required": true; "isSignal": true; }; "timestamp": { "alias": "timestamp"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": true; "isSignal": true; }; "avatarInitials": { "alias": "avatarInitials"; "required": false; "isSignal": true; }; "avatarType": { "alias": "avatarType"; "required": false; "isSignal": true; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "unread": { "alias": "unread"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "showAvatarBadge": { "alias": "showAvatarBadge"; "required": false; "isSignal": true; }; "groupStackMembers": { "alias": "groupStackMembers"; "required": false; "isSignal": true; }; "groupCustomAvatarUrl": { "alias": "groupCustomAvatarUrl"; "required": false; "isSignal": true; }; "groupStackExcludeParticipantId": { "alias": "groupStackExcludeParticipantId"; "required": false; "isSignal": true; }; }, { "messageClick": "messageClick"; "longPress": "longPress"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileInteractiveListItemMessageComponent, "ds-mobile-interactive-list-item-message", never, { "senderName": { "alias": "senderName"; "required": true; "isSignal": true; }; "senderRole": { "alias": "senderRole"; "required": true; "isSignal": true; }; "timestamp": { "alias": "timestamp"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": true; "isSignal": true; }; "avatarInitials": { "alias": "avatarInitials"; "required": false; "isSignal": true; }; "avatarType": { "alias": "avatarType"; "required": false; "isSignal": true; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "unread": { "alias": "unread"; "required": false; "isSignal": true; }; "unreadStyle": { "alias": "unreadStyle"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "showAvatarBadge": { "alias": "showAvatarBadge"; "required": false; "isSignal": true; }; "groupStackMembers": { "alias": "groupStackMembers"; "required": false; "isSignal": true; }; "groupCustomAvatarUrl": { "alias": "groupCustomAvatarUrl"; "required": false; "isSignal": true; }; "groupStackExcludeParticipantId": { "alias": "groupStackExcludeParticipantId"; "required": false; "isSignal": true; }; }, { "messageClick": "messageClick"; "longPress": "longPress"; }, never, never, true, never>;
 }
 
 /**
@@ -4790,7 +4795,7 @@ declare class DsMobileContactListItemComponent {
     initials: _angular_core.InputSignal<string>;
     /** Optional photo */
     avatarSrc: _angular_core.InputSignal<string>;
-    avatarType: _angular_core.InputSignal<"photo" | "initials" | "icon">;
+    avatarType: _angular_core.InputSignal<"initials" | "photo" | "icon">;
     avatarIconName: _angular_core.InputSignal<string>;
     /** Whitelabel corner badge (default off — same as community posts) */
     showBadge: _angular_core.InputSignal<boolean>;
@@ -4811,7 +4816,7 @@ declare class DsMobileContactListItemComponent {
     /** Show a trailing trash-bin icon; emits {@link deleteClick} on tap. */
     showDeleteAction: _angular_core.InputSignal<boolean>;
     variant: _angular_core.InputSignal<"compact" | undefined>;
-    align: _angular_core.InputSignal<"center" | "top" | "bottom">;
+    align: _angular_core.InputSignal<"top" | "center" | "bottom">;
     contactClick: _angular_core.OutputEmitterRef<void>;
     selectionToggle: _angular_core.OutputEmitterRef<void>;
     moreClick: _angular_core.OutputEmitterRef<void>;
@@ -4985,7 +4990,7 @@ declare class DsMobileGroupAvatarStackComponent {
     /** Full member list; {@link currentUserId} is removed for display when set. */
     members: _angular_core.InputSignal<ChatParticipant[]>;
     customAvatarUrl: _angular_core.InputSignal<string>;
-    size: _angular_core.InputSignal<"md" | "sm" | "lg" | "xl">;
+    size: _angular_core.InputSignal<"sm" | "md" | "lg" | "xl">;
     /** Row avatar (32×32, diagonal **xs** faces) vs header / hero stack. */
     layout: _angular_core.InputSignal<"stack" | "list">;
     /** When set, this participant is omitted from the stack (e.g. current user id). */
@@ -5023,7 +5028,7 @@ declare class UserService {
     readonly displayName: _angular_core.Signal<string>;
     readonly address: _angular_core.Signal<string>;
     readonly avatarInitials: _angular_core.Signal<string>;
-    readonly avatarType: _angular_core.Signal<"photo" | "initials" | "icon">;
+    readonly avatarType: _angular_core.Signal<"initials" | "photo" | "icon">;
     readonly avatarSrc: _angular_core.Signal<string>;
     readonly profileMenuItems: _angular_core.Signal<ActionGroup[] | undefined>;
     private profileActionSelectedSubject;
@@ -5298,7 +5303,7 @@ declare class DsMobileInteractiveListItemBookingComponent {
      * - 'center' - Align to center
      * - 'bottom' - Align to bottom
      */
-    align: _angular_core.InputSignal<"center" | "top" | "bottom">;
+    align: _angular_core.InputSignal<"top" | "center" | "bottom">;
     /**
      * Whether the booking item is clickable
      */
@@ -8512,7 +8517,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" | "password" | "url">;
     label: _angular_core.InputSignal<string>;
     placeholder: _angular_core.InputSignal<string>;
     disabled: _angular_core.InputSignal<boolean>;
@@ -8521,7 +8526,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" | "email" | "tel" | "numeric" | 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>;
@@ -8594,7 +8599,7 @@ declare class DsMobileFabComponent implements AfterViewInit, OnDestroy {
      * Note: FAB is always 56px circular, but this affects the icon size
      * @default 'md'
      */
-    size: _angular_core.InputSignal<"md" | "sm" | "lg">;
+    size: _angular_core.InputSignal<"sm" | "md" | "lg">;
     /**
      * ARIA label for accessibility
      * @required - Always provide a descriptive label

package/package.json

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