@propbinder/mobile-design 0.2.47 → 0.2.48

package/fesm2022/propbinder-mobile-design.mjs

@@ -13732,6 +13732,8 @@ class DsMobilePostDetailModalComponent {
     // State management inputs (passed to modal base)
     loading = false;
     error;
+    // Callback for toggling like on the main post
+    onTogglePostLike;
     // Callback for submitting a new comment
     onSubmitComment;
     // Callback for liking/unliking a comment
@@ -13869,6 +13871,25 @@ class DsMobilePostDetailModalComponent {
             }
         }, 100);
     }
+    /**
+     * Handle post like/unlike toggle
+     */
+    handlePostLikeToggle(ev) {
+        const currentPost = this.post();
+        // Update local state immediately for responsiveness
+        this.post.set({
+            ...currentPost,
+            isLiked: ev.active,
+            likeCount: ev.count
+        });
+        // Call the callback if provided
+        if (this.onTogglePostLike) {
+            this.onTogglePostLike({
+                postId: currentPost.postId,
+                active: ev.active
+            });
+        }
+    }
     /**
      * Handle comment like/unlike toggle
      * @param comment The comment being liked/unliked
@@ -14081,7 +14102,7 @@ class DsMobilePostDetailModalComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DsMobilePostDetailModalComponent, deps: [{ token: DsMobileLightboxService }, { token: DsMobileBottomSheetService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DsMobilePostDetailModalComponent, isStandalone: true, selector: "ds-mobile-post-detail-modal", inputs: { postData: "postData", currentUserName: "currentUserName", currentUserInitialsInput: "currentUserInitialsInput", loading: "loading", error: "error", onSubmitComment: "onSubmitComment", onToggleCommentLike: "onToggleCommentLike", onEditComment: "onEditComment", onDeleteComment: "onDeleteComment" }, viewQueries: [{ propertyName: "commentInput", first: true, predicate: ["commentInput"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DsMobilePostDetailModalComponent, isStandalone: true, selector: "ds-mobile-post-detail-modal", inputs: { postData: "postData", currentUserName: "currentUserName", currentUserInitialsInput: "currentUserInitialsInput", loading: "loading", error: "error", onTogglePostLike: "onTogglePostLike", onSubmitComment: "onSubmitComment", onToggleCommentLike: "onToggleCommentLike", onEditComment: "onEditComment", onDeleteComment: "onDeleteComment" }, viewQueries: [{ propertyName: "commentInput", first: true, predicate: ["commentInput"], descendants: true }], ngImport: i0, template: `
     <ds-mobile-modal-base
       [loading]="loading"
       [error]="error"
@@ -14109,7 +14130,11 @@ class DsMobilePostDetailModalComponent {
 
         <!-- Post actions -->
         <div class="post-actions">
-          <action-like [active]="post().isLiked || false" [count]="post().likeCount || 0" />
+          <action-like 
+            [active]="post().isLiked || false" 
+            [count]="post().likeCount || 0" 
+            (likeClick)="handlePostLikeToggle($event)" 
+          />
           <action-comment [count]="post().commentCount || 0" (commentClick)="focusCommentInput()" />
         </div>
       </ds-mobile-section>
@@ -14251,7 +14276,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 
         <!-- Post actions -->
         <div class="post-actions">
-          <action-like [active]="post().isLiked || false" [count]="post().likeCount || 0" />
+          <action-like 
+            [active]="post().isLiked || false" 
+            [count]="post().likeCount || 0" 
+            (likeClick)="handlePostLikeToggle($event)" 
+          />
           <action-comment [count]="post().commentCount || 0" (commentClick)="focusCommentInput()" />
         </div>
       </ds-mobile-section>
@@ -14358,6 +14387,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Input
             }], error: [{
                 type: Input
+            }], onTogglePostLike: [{
+                type: Input
             }], onSubmitComment: [{
                 type: Input
             }], onToggleCommentLike: [{
@@ -14531,6 +14562,7 @@ class DsMobilePostDetailModalService extends BaseModalService {
             postData: postData,
             loading: options?.loading ?? false,
             error: options?.error,
+            onTogglePostLike: options?.onTogglePostLike,
             onSubmitComment: options?.onSubmitComment,
             onToggleCommentLike: options?.onToggleCommentLike,
             currentUserName: options?.currentUserName ?? '',