@propbinder/mobile-design 0.1.17 → 0.1.19

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<"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>;
@@ -676,7 +676,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
      */
@@ -780,7 +780,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)
      */
@@ -1185,7 +1185,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)
      */
@@ -1482,7 +1482,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)
      */
@@ -2594,6 +2594,10 @@ declare class DsMobilePostDetailModalComponent implements AfterViewInit, OnDestr
     private lightbox;
     private bottomSheet;
     postData: PostDetailData;
+    onSubmitComment?: (payload: {
+        postId: string;
+        text: string;
+    }) => void;
     /**
      * Loading state - when true, shows loading indicator
      * Set this to true while fetching post data from your API
@@ -2691,7 +2695,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; }; "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; }; "onSubmitComment": { "alias": "onSubmitComment"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "error": { "alias": "error"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -2750,6 +2754,10 @@ declare class DsMobilePostDetailModalService {
     open(postData: PostDetailData, options?: {
         loading?: boolean;
         error?: string;
+        onSubmitComment?: (payload: {
+            postId: string;
+            text: string;
+        }) => void;
     }): Promise<void>;
     /**
      * Close the currently open post detail modal
@@ -3229,7 +3237,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>;
     /**
@@ -3487,8 +3495,8 @@ interface WhitelabelConfig {
  * Initialize with custom config:
  * ```typescript
  * whitelabelService.initialize({
- *   logoUrl: '/assets/logos/acme-logo.svg',
- *   logoMarkUrl: '/assets/logos/acme-mark.svg',
+ *   logoUrl: '/Assets/logos/acme-logo.svg',
+ *   logoMarkUrl: '/Assets/logos/acme-mark.svg',
  *   primaryColor: '#2563eb',
  *   secondaryColor: '#3b82f6',
  *   organizationName: 'Acme Corp'

package/package.json

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

package/styles/ionic.css

@@ -524,9 +524,8 @@ ion-tab-button::part(native) {
   --background: var(--color-background-neutral-primary, #ffffff);
   --width: 100%;
   --max-width: 640px;
-  --height: calc(100dvh - var(--app-sheet-top-offset)); /* Subtract margin to fit within viewport */
+  --height: 100dvh; /* Full viewport height - content top offset creates gap */
   --border-radius: 16px 16px 0 0;
-  margin-top: var(--app-sheet-top-offset);
 }
 
 .ds-post-detail-modal::part(content) {
@@ -535,6 +534,10 @@ ion-tab-button::part(native) {
   background: var(--color-background-neutral-primary, #ffffff);
   max-width: 640px;
   margin: 0 auto;
+  /* Use top positioning instead of margin-top to work with fixed positioning */
+  top: var(--app-sheet-top-offset) !important;
+  height: calc(100% - var(--app-sheet-top-offset)) !important;
+  max-height: calc(100vh - var(--app-sheet-top-offset)) !important;
 }
 
 .ds-post-detail-modal::part(backdrop) {