@propbinder/mobile-design 0.2.47 → 0.2.48

package/index.d.ts

@@ -738,7 +738,7 @@ declare class DsMobilePageMainComponent extends MobilePageBase implements AfterV
     title: _angular_core.InputSignal<string>;
     headerTitle: _angular_core.InputSignal<string>;
     headerSubtitle: _angular_core.InputSignal<string>;
-    avatarType: _angular_core.InputSignal<"initials" | "photo" | "icon">;
+    avatarType: _angular_core.InputSignal<"photo" | "initials" | "icon">;
     avatarInitials: _angular_core.InputSignal<string>;
     avatarSrc: _angular_core.InputSignal<string>;
     avatarIconName: _angular_core.InputSignal<string>;
@@ -918,7 +918,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>;
@@ -1584,7 +1584,7 @@ declare class DsMobileCommentComponent {
     /**
      * Avatar type
      */
-    avatarType: _angular_core.InputSignal<"initials" | "photo" | "icon">;
+    avatarType: _angular_core.InputSignal<"photo" | "initials" | "icon">;
     /**
      * Whether the comment is clickable
      */
@@ -1711,7 +1711,7 @@ declare class DsMobilePostComposerComponent {
     /**
      * Avatar type
      */
-    avatarType: _angular_core.InputSignal<"initials" | "photo" | "icon">;
+    avatarType: _angular_core.InputSignal<"photo" | "initials" | "icon">;
     /**
      * Avatar photo source (for photo type)
      */
@@ -2003,7 +2003,7 @@ declare class DsMobileMessageComposerComponent implements AfterViewInit, OnDestr
     /**
      * Avatar type
      */
-    avatarType: _angular_core.InputSignal<"initials" | "photo" | "icon">;
+    avatarType: _angular_core.InputSignal<"photo" | "initials" | "icon">;
     /**
      * Avatar photo source (for photo type)
      */
@@ -2324,7 +2324,7 @@ declare class DsMobileMessageBubbleComponent {
     /**
      * Avatar type
      */
-    avatarType: _angular_core.InputSignal<"initials" | "photo" | "icon">;
+    avatarType: _angular_core.InputSignal<"photo" | "initials" | "icon">;
     /**
      * Avatar photo source (for photo type)
      */
@@ -2595,7 +2595,7 @@ declare class DsMobileListItemComponent implements AfterViewInit {
      * - 'center' - Align to center
      * - 'bottom' - Align to bottom
      */
-    align: _angular_core.InputSignal<"top" | "center" | "bottom">;
+    align: _angular_core.InputSignal<"center" | "top" | "bottom">;
     /**
      * Whether the list item is interactive (clickable and long-pressable)
      * When true, adds interactive background, cursor pointer, and touch handlers
@@ -2851,7 +2851,7 @@ declare class DsMobileInteractiveListItemPostComponent {
     /**
      * Avatar type
      */
-    avatarType: _angular_core.InputSignal<"initials" | "photo" | "icon">;
+    avatarType: _angular_core.InputSignal<"photo" | "initials" | "icon">;
     /**
      * Avatar photo source (for photo type)
      */
@@ -2876,7 +2876,7 @@ declare class DsMobileInteractiveListItemPostComponent {
      * - 'center' - Align to center
      * - 'bottom' - Align to bottom
      */
-    align: _angular_core.InputSignal<"top" | "center" | "bottom">;
+    align: _angular_core.InputSignal<"center" | "top" | "bottom">;
     /**
      * Whether the post card is clickable
      */
@@ -3104,7 +3104,7 @@ declare class DsMobileInteractiveListItemInquiryComponent {
      * - 'center' - Align to center
      * - 'bottom' - Align to bottom
      */
-    align: _angular_core.InputSignal<"top" | "center" | "bottom">;
+    align: _angular_core.InputSignal<"center" | "top" | "bottom">;
     /**
      * Whether the inquiry item is clickable
      */
@@ -3189,7 +3189,7 @@ declare class DsMobileInteractiveListItemMessageComponent {
     /**
      * Avatar type
      */
-    avatarType: _angular_core.InputSignal<"initials" | "photo" | "icon">;
+    avatarType: _angular_core.InputSignal<"photo" | "initials" | "icon">;
     /**
      * Avatar photo source (for photo type)
      */
@@ -3208,7 +3208,7 @@ declare class DsMobileInteractiveListItemMessageComponent {
      * - 'center' - Align to center
      * - 'bottom' - Align to bottom
      */
-    align: _angular_core.InputSignal<"top" | "center" | "bottom">;
+    align: _angular_core.InputSignal<"center" | "top" | "bottom">;
     /**
      * Emits when the message item is clicked
      */
@@ -3348,7 +3348,7 @@ declare class DsMobileInteractiveListItemBookingComponent {
      * - 'center' - Align to center
      * - 'bottom' - Align to bottom
      */
-    align: _angular_core.InputSignal<"top" | "center" | "bottom">;
+    align: _angular_core.InputSignal<"center" | "top" | "bottom">;
     /**
      * Whether the booking item is clickable
      */
@@ -4582,7 +4582,7 @@ declare abstract class MobileModalBase implements OnInit, OnDestroy {
      * - 'overlay': keyboard/footer overlays lower content (no auto scroll push)
      * @default 'follow'
      */
-    keyboardContentBehavior: _angular_core.InputSignal<"follow" | "overlay">;
+    keyboardContentBehavior: _angular_core.InputSignal<"overlay" | "follow">;
     /**
      * Emitted when modal is closed
      */
@@ -4893,6 +4893,10 @@ declare class DsMobilePostDetailModalComponent implements OnInit, AfterViewInit
     currentUserInitialsInput: string;
     loading: boolean;
     error: string | undefined;
+    onTogglePostLike?: (payload: {
+        postId: string;
+        active: boolean;
+    }) => void;
     onSubmitComment?: (payload: {
         postId: string;
         text: string;
@@ -4953,6 +4957,13 @@ declare class DsMobilePostDetailModalComponent implements OnInit, AfterViewInit
      * Handle edit comment
      */
     handleEditComment(comment: CommentData): void;
+    /**
+     * Handle post like/unlike toggle
+     */
+    handlePostLikeToggle(ev: {
+        active: boolean;
+        count: number;
+    }): void;
     /**
      * Handle comment like/unlike toggle
      * @param comment The comment being liked/unliked
@@ -4975,7 +4986,7 @@ declare class DsMobilePostDetailModalComponent implements OnInit, AfterViewInit
      */
     handleCommentLongPress(authorName: string, content: string, isOwnComment: boolean): Promise<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobilePostDetailModalComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobilePostDetailModalComponent, "ds-mobile-post-detail-modal", never, { "postData": { "alias": "postData"; "required": false; }; "currentUserName": { "alias": "currentUserName"; "required": false; }; "currentUserInitialsInput": { "alias": "currentUserInitialsInput"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "error": { "alias": "error"; "required": false; }; "onSubmitComment": { "alias": "onSubmitComment"; "required": false; }; "onToggleCommentLike": { "alias": "onToggleCommentLike"; "required": false; }; "onEditComment": { "alias": "onEditComment"; "required": false; }; "onDeleteComment": { "alias": "onDeleteComment"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobilePostDetailModalComponent, "ds-mobile-post-detail-modal", never, { "postData": { "alias": "postData"; "required": false; }; "currentUserName": { "alias": "currentUserName"; "required": false; }; "currentUserInitialsInput": { "alias": "currentUserInitialsInput"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "error": { "alias": "error"; "required": false; }; "onTogglePostLike": { "alias": "onTogglePostLike"; "required": false; }; "onSubmitComment": { "alias": "onSubmitComment"; "required": false; }; "onToggleCommentLike": { "alias": "onToggleCommentLike"; "required": false; }; "onEditComment": { "alias": "onEditComment"; "required": false; }; "onDeleteComment": { "alias": "onDeleteComment"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -5109,6 +5120,10 @@ declare class DsMobilePostDetailModalService extends BaseModalService {
     open(postData: PostDetailData, options?: {
         loading?: boolean;
         error?: string;
+        onTogglePostLike?: (payload: {
+            postId: string;
+            active: boolean;
+        }) => void;
         onSubmitComment?: (payload: {
             postId: string;
             text: string;
@@ -5192,7 +5207,7 @@ declare class DsMobileCardInlineComponent {
      * - 'default' - Column layout with standard padding (gap: 12px, padding: 10px 12px)
      * - 'compact' - Row layout with reduced padding (gap: 8px, padding: 10px)
      */
-    variant: _angular_core.InputSignal<"compact" | "default">;
+    variant: _angular_core.InputSignal<"default" | "compact">;
     /**
      * Whether the card is disabled
      * Disables all interactions and reduces opacity
@@ -5255,7 +5270,7 @@ declare class DsMobileCardInlineBannerComponent {
      * - 'default' - Standard padding and column layout
      * - 'compact' - Reduced padding and row layout
      */
-    layout: _angular_core.InputSignal<"compact" | "default">;
+    layout: _angular_core.InputSignal<"default" | "compact">;
     /**
      * Emits when the banner is clicked
      */
@@ -5306,7 +5321,7 @@ declare class DsMobileCardInlineContactComponent {
      * - 'default' - Standard padding and column layout
      * - 'compact' - Reduced padding and row layout
      */
-    layout: _angular_core.InputSignal<"compact" | "default">;
+    layout: _angular_core.InputSignal<"default" | "compact">;
     /**
      * Whether the contact item is clickable
      */
@@ -5363,7 +5378,7 @@ declare class DsMobileCardInlineFileComponent {
      * - 'default' - Standard padding and column layout
      * - 'compact' - Reduced padding and row layout
      */
-    layout: _angular_core.InputSignal<"compact" | "default">;
+    layout: _angular_core.InputSignal<"default" | "compact">;
     /**
      * Optional URL to open when clicked
      * If provided, clicking the card will open this URL in a new tab
@@ -5567,7 +5582,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<"initials" | "photo" | "icon">;
+    currentUserAvatarType: _angular_core.WritableSignal<"photo" | "initials" | "icon">;
     currentUserAvatarSrc: _angular_core.WritableSignal<string>;
     autoFocus: _angular_core.WritableSignal<boolean>;
     /**
@@ -7176,7 +7191,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>;
@@ -7184,7 +7199,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>;
@@ -7255,7 +7270,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
@@ -7549,7 +7564,7 @@ declare class UserService {
     private _avatarSrc;
     private _profileMenuItems;
     readonly avatarInitials: _angular_core.Signal<string>;
-    readonly avatarType: _angular_core.Signal<"initials" | "photo" | "icon">;
+    readonly avatarType: _angular_core.Signal<"photo" | "initials" | "icon">;
     readonly avatarSrc: _angular_core.Signal<string>;
     readonly profileMenuItems: _angular_core.Signal<ActionGroup[] | undefined>;
     private profileActionSelectedSubject;

package/package.json

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