@propbinder/mobile-design 0.1.20 → 0.1.22

package/index.d.ts

@@ -342,7 +342,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<"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>;
@@ -676,7 +676,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
      */
@@ -689,6 +689,13 @@ declare class DsMobileCommentComponent {
      * Whether the comment is liked by current user
      */
     isLiked: _angular_core.ModelSignal<boolean>;
+    /**
+     * Emits when like is toggled (after UI is opdateret)
+     */
+    likeToggled: _angular_core.OutputEmitterRef<{
+        active: boolean;
+        count: number;
+    }>;
     /**
      * Number of likes
      */
@@ -752,7 +759,7 @@ declare class DsMobileCommentComponent {
      */
     handleMoreButtonClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobileCommentComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileCommentComponent, "ds-mobile-comment", never, { "authorName": { "alias": "authorName"; "required": true; "isSignal": true; }; "authorRole": { "alias": "authorRole"; "required": true; "isSignal": true; }; "timestamp": { "alias": "timestamp"; "required": true; "isSignal": true; }; "content": { "alias": "content"; "required": true; "isSignal": true; }; "avatarInitials": { "alias": "avatarInitials"; "required": false; "isSignal": true; }; "avatarType": { "alias": "avatarType"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "isOwnComment": { "alias": "isOwnComment"; "required": false; "isSignal": true; }; "isLiked": { "alias": "isLiked"; "required": false; "isSignal": true; }; "likeCount": { "alias": "likeCount"; "required": false; "isSignal": true; }; }, { "isLiked": "isLikedChange"; "likeCount": "likeCountChange"; "commentClick": "commentClick"; "replyClick": "replyClick"; "editClick": "editClick"; "longPress": "longPress"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileCommentComponent, "ds-mobile-comment", never, { "authorName": { "alias": "authorName"; "required": true; "isSignal": true; }; "authorRole": { "alias": "authorRole"; "required": true; "isSignal": true; }; "timestamp": { "alias": "timestamp"; "required": true; "isSignal": true; }; "content": { "alias": "content"; "required": true; "isSignal": true; }; "avatarInitials": { "alias": "avatarInitials"; "required": false; "isSignal": true; }; "avatarType": { "alias": "avatarType"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "isOwnComment": { "alias": "isOwnComment"; "required": false; "isSignal": true; }; "isLiked": { "alias": "isLiked"; "required": false; "isSignal": true; }; "likeCount": { "alias": "likeCount"; "required": false; "isSignal": true; }; }, { "isLiked": "isLikedChange"; "likeToggled": "likeToggled"; "likeCount": "likeCountChange"; "commentClick": "commentClick"; "replyClick": "replyClick"; "editClick": "editClick"; "longPress": "longPress"; }, never, never, true, never>;
 }
 
 /**
@@ -780,7 +787,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)
      */
@@ -1185,7 +1192,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)
      */
@@ -1482,7 +1489,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)
      */
@@ -2543,6 +2550,8 @@ interface PostDetailData {
  * ```
  */
 interface CommentData {
+    /** Unique comment identifier */
+    id?: string;
     /** Comment author name */
     authorName: string;
     /** Author role */
@@ -2600,6 +2609,17 @@ declare class DsMobilePostDetailModalComponent implements AfterViewInit, OnDestr
         postId: string;
         text: string;
     }) => void;
+    onToggleCommentLike?: (payload: {
+        commentId: string;
+        active: boolean;
+    }) => void;
+    onEditComment?: (payload: {
+        commentId: string;
+        newText: string;
+    }) => void;
+    onDeleteComment?: (payload: {
+        commentId: string;
+    }) => void;
     /**
      * Loading state - when true, shows loading indicator
      * Set this to true while fetching post data from your API
@@ -2619,6 +2639,7 @@ declare class DsMobilePostDetailModalComponent implements AfterViewInit, OnDestr
         content: string;
     } | null>;
     editingComment: _angular_core.WritableSignal<{
+        id?: string;
         authorName: string;
         originalContent: string;
         timestamp: string;
@@ -2679,7 +2700,16 @@ declare class DsMobilePostDetailModalComponent implements AfterViewInit, OnDestr
     /**
      * Handle edit comment
      */
-    handleEditComment(authorName: string, originalContent: string, timestamp: string): void;
+    handleEditComment(comment: CommentData): void;
+    /**
+     * Handle comment like/unlike toggle
+     * @param comment The comment being liked/unliked
+     * @param ev Event data with active state and new count
+     */
+    handleCommentLikeToggle(comment: CommentData, ev: {
+        active: boolean;
+        count: number;
+    }): void;
     /**
      * Close the modal
      */
@@ -2697,7 +2727,7 @@ declare class DsMobilePostDetailModalComponent implements AfterViewInit, OnDestr
      */
     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; }; "onSubmitComment": { "alias": "onSubmitComment"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "error": { "alias": "error"; "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; }; "onSubmitComment": { "alias": "onSubmitComment"; "required": false; }; "onToggleCommentLike": { "alias": "onToggleCommentLike"; "required": false; }; "onEditComment": { "alias": "onEditComment"; "required": false; }; "onDeleteComment": { "alias": "onDeleteComment"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "error": { "alias": "error"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -2760,6 +2790,17 @@ declare class DsMobilePostDetailModalService {
             postId: string;
             text: string;
         }) => void;
+        onToggleCommentLike?: (payload: {
+            commentId: string;
+            active: boolean;
+        }) => void;
+        onEditComment?: (payload: {
+            commentId: string;
+            newText: string;
+        }) => void;
+        onDeleteComment?: (payload: {
+            commentId: string;
+        }) => void;
         currentUserName?: string;
         currentUserInitials?: string;
     }): Promise<void>;
@@ -3197,7 +3238,7 @@ declare class DsMobileHandbookFolderMiniComponent {
  * ```
  */
 declare class DsTextInputComponent implements ControlValueAccessor {
-    type: _angular_core.InputSignal<"search" | "email" | "tel" | "url" | "password" | "text">;
+    type: _angular_core.InputSignal<"search" | "text" | "email" | "tel" | "password" | "url">;
     placeholder: _angular_core.InputSignal<string>;
     disabled: _angular_core.InputSignal<boolean>;
     readonly: _angular_core.InputSignal<boolean>;
@@ -3205,7 +3246,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" | "email" | "tel" | "url" | "text" | "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>;
@@ -3241,7 +3282,7 @@ declare class UserService {
     private _avatarSrc;
     private _profileMenuItems;
     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>;
     /**

package/package.json

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