@propbinder/mobile-design 0.2.91 → 0.2.97

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { OnDestroy, OnInit, ElementRef, EventEmitter, TemplateRef, OnChanges, SimpleChanges, AfterViewInit, Injector, ChangeDetectorRef, ApplicationRef, EnvironmentInjector, Type, AfterContentInit } from '@angular/core';
+import { OnDestroy, OnInit, ElementRef, EventEmitter, TemplateRef, OnChanges, SimpleChanges, AfterViewInit, Injector, ChangeDetectorRef, ApplicationRef, EnvironmentInjector, Type, AfterContentInit, InjectionToken, PipeTransform } from '@angular/core';
 import { ModalController, IonContent, NavController, GestureController, ModalOptions as ModalOptions$1 } from '@ionic/angular/standalone';
 import { Style } from '@capacitor/status-bar';
 import { ImpactStyle } from '@capacitor/haptics';
@@ -861,6 +861,8 @@ declare class DsMobilePageMainComponent extends MobilePageBase implements AfterV
     avatarInitials: _angular_core.InputSignal<string>;
     avatarSrc: _angular_core.InputSignal<string>;
     avatarIconName: _angular_core.InputSignal<string>;
+    showNotification: _angular_core.InputSignal<boolean>;
+    notificationCount: _angular_core.InputSignal<number>;
     showRefresh: _angular_core.InputSignal<boolean>;
     showCondensedHeader: _angular_core.InputSignal<boolean>;
     scrollThreshold: _angular_core.InputSignal<number>;
@@ -897,7 +899,7 @@ declare class DsMobilePageMainComponent extends MobilePageBase implements AfterV
      *   {
      *     actions: [
      *       { action: 'profile', title: 'Min profil', icon: 'remixUser3Line' },
-     *       { action: 'settings', title: 'Indstillinger', icon: 'remixSettings3Line' }
+     *       { action: 'settings', title: 'Notifikationer', icon: 'remixNotificationLine' }
      *     ]
      *   },
      *   {
@@ -909,6 +911,7 @@ declare class DsMobilePageMainComponent extends MobilePageBase implements AfterV
      * ```
      */
     profileMenuItems: _angular_core.InputSignal<ActionGroup[] | undefined>;
+    notificationClick: _angular_core.OutputEmitterRef<void>;
     avatarClick: _angular_core.OutputEmitterRef<void>;
     /**
      * Emitted when a profile menu action is selected.
@@ -936,7 +939,7 @@ declare class DsMobilePageMainComponent extends MobilePageBase implements AfterV
      */
     handleRefresh(event: any): Promise<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobilePageMainComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobilePageMainComponent, "ds-mobile-page-main", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "headerTitle": { "alias": "headerTitle"; "required": false; "isSignal": true; }; "headerSubtitle": { "alias": "headerSubtitle"; "required": false; "isSignal": true; }; "firstEntry": { "alias": "firstEntry"; "required": false; "isSignal": true; }; "avatarType": { "alias": "avatarType"; "required": false; "isSignal": true; }; "avatarInitials": { "alias": "avatarInitials"; "required": false; "isSignal": true; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "avatarIconName": { "alias": "avatarIconName"; "required": false; "isSignal": true; }; "showRefresh": { "alias": "showRefresh"; "required": false; "isSignal": true; }; "showCondensedHeader": { "alias": "showCondensedHeader"; "required": false; "isSignal": true; }; "scrollThreshold": { "alias": "scrollThreshold"; "required": false; "isSignal": true; }; "headerFadeDistance": { "alias": "headerFadeDistance"; "required": false; "isSignal": true; }; "contentPadding": { "alias": "contentPadding"; "required": false; "isSignal": true; }; "profileMenuItems": { "alias": "profileMenuItems"; "required": false; "isSignal": true; }; }, { "avatarClick": "avatarClick"; "profileActionSelected": "profileActionSelected"; "refresh": "refresh"; "scroll": "scroll"; }, never, ["[header-content]", "[offline-indicator]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobilePageMainComponent, "ds-mobile-page-main", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "headerTitle": { "alias": "headerTitle"; "required": false; "isSignal": true; }; "headerSubtitle": { "alias": "headerSubtitle"; "required": false; "isSignal": true; }; "firstEntry": { "alias": "firstEntry"; "required": false; "isSignal": true; }; "avatarType": { "alias": "avatarType"; "required": false; "isSignal": true; }; "avatarInitials": { "alias": "avatarInitials"; "required": false; "isSignal": true; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "avatarIconName": { "alias": "avatarIconName"; "required": false; "isSignal": true; }; "showNotification": { "alias": "showNotification"; "required": false; "isSignal": true; }; "notificationCount": { "alias": "notificationCount"; "required": false; "isSignal": true; }; "showRefresh": { "alias": "showRefresh"; "required": false; "isSignal": true; }; "showCondensedHeader": { "alias": "showCondensedHeader"; "required": false; "isSignal": true; }; "scrollThreshold": { "alias": "scrollThreshold"; "required": false; "isSignal": true; }; "headerFadeDistance": { "alias": "headerFadeDistance"; "required": false; "isSignal": true; }; "contentPadding": { "alias": "contentPadding"; "required": false; "isSignal": true; }; "profileMenuItems": { "alias": "profileMenuItems"; "required": false; "isSignal": true; }; }, { "notificationClick": "notificationClick"; "avatarClick": "avatarClick"; "profileActionSelected": "profileActionSelected"; "refresh": "refresh"; "scroll": "scroll"; }, never, ["[header-content]", "[offline-indicator]", "*"], true, never>;
 }
 
 interface InlineTabItem {
@@ -1038,7 +1041,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<"sm" | "md" | "lg" | "xl">;
+    readonly logoSize: _angular_core.Signal<"md" | "sm" | "lg" | "xl">;
     readonly logoHeight: _angular_core.Signal<number>;
     readonly appIconSurface: _angular_core.Signal<string>;
     readonly appIconContent: _angular_core.Signal<string>;
@@ -2803,7 +2806,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.
@@ -3091,7 +3094,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
      */
@@ -3319,7 +3322,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
      */
@@ -4755,7 +4758,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.
@@ -4817,7 +4820,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>;
@@ -4991,7 +4994,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<"sm" | "md" | "lg" | "xl">;
+    size: _angular_core.InputSignal<"md" | "sm" | "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). */
@@ -5304,7 +5307,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
      */
@@ -5440,10 +5443,12 @@ declare class DsMobileTabBarComponent implements OnInit, AfterViewInit, OnDestro
      * ```
      */
     profileMenuItems?: ActionGroup[];
+    notificationCount: number;
     moreMenuItems: MoreMenuItem[];
     moreMenuLabel: string;
     moreMenuIcon: string;
     moreMenuIconActive: string;
+    notificationClick: EventEmitter<void>;
     avatarClick: EventEmitter<void>;
     /**
      * Emitted when a profile menu action is selected.
@@ -5484,7 +5489,7 @@ declare class DsMobileTabBarComponent implements OnInit, AfterViewInit, OnDestro
      */
     handleAvatarClick(): Promise<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobileTabBarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileTabBarComponent, "ds-mobile-tab-bar", never, { "tabs": { "alias": "tabs"; "required": false; }; "avatarType": { "alias": "avatarType"; "required": false; }; "avatarInitials": { "alias": "avatarInitials"; "required": false; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; }; "avatarIconName": { "alias": "avatarIconName"; "required": false; }; "profileMenuItems": { "alias": "profileMenuItems"; "required": false; }; "moreMenuItems": { "alias": "moreMenuItems"; "required": false; }; "moreMenuLabel": { "alias": "moreMenuLabel"; "required": false; }; "moreMenuIcon": { "alias": "moreMenuIcon"; "required": false; }; "moreMenuIconActive": { "alias": "moreMenuIconActive"; "required": false; }; }, { "avatarClick": "avatarClick"; "profileActionSelected": "profileActionSelected"; "moreMenuItemSelected": "moreMenuItemSelected"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileTabBarComponent, "ds-mobile-tab-bar", never, { "tabs": { "alias": "tabs"; "required": false; }; "avatarType": { "alias": "avatarType"; "required": false; }; "avatarInitials": { "alias": "avatarInitials"; "required": false; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; }; "avatarIconName": { "alias": "avatarIconName"; "required": false; }; "profileMenuItems": { "alias": "profileMenuItems"; "required": false; }; "notificationCount": { "alias": "notificationCount"; "required": false; }; "moreMenuItems": { "alias": "moreMenuItems"; "required": false; }; "moreMenuLabel": { "alias": "moreMenuLabel"; "required": false; }; "moreMenuIcon": { "alias": "moreMenuIcon"; "required": false; }; "moreMenuIconActive": { "alias": "moreMenuIconActive"; "required": false; }; }, { "notificationClick": "notificationClick"; "avatarClick": "avatarClick"; "profileActionSelected": "profileActionSelected"; "moreMenuItemSelected": "moreMenuItemSelected"; }, never, never, true, never>;
 }
 
 /**
@@ -6449,6 +6454,7 @@ declare class DsMobileModalBaseComponent extends MobileModalBase implements OnIn
      * Check whether header-leading slot has actual projected content.
      */
     hasHeaderLeadingContent(): boolean;
+    hasHeaderTrailingContent(): boolean;
     /**
      * Check if a content child slot has actual content
      */
@@ -6824,7 +6830,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<"default" | "compact">;
+    variant: _angular_core.InputSignal<"compact" | "default">;
     /**
      * Whether the card is disabled
      * Disables all interactions and reduces opacity
@@ -6887,7 +6893,7 @@ declare class DsMobileCardInlineBannerComponent {
      * - 'default' - Standard padding and column layout
      * - 'compact' - Reduced padding and row layout
      */
-    layout: _angular_core.InputSignal<"default" | "compact">;
+    layout: _angular_core.InputSignal<"compact" | "default">;
     /**
      * Emits when the banner is clicked
      */
@@ -6942,7 +6948,7 @@ declare class DsMobileCardInlineContactComponent {
      * - 'default' - Standard padding and column layout
      * - 'compact' - Reduced padding and row layout
      */
-    layout: _angular_core.InputSignal<"default" | "compact">;
+    layout: _angular_core.InputSignal<"compact" | "default">;
     /**
      * Whether the contact item is clickable
      */
@@ -7007,7 +7013,7 @@ declare class DsMobileCardInlineFileComponent {
      * - 'default' - Standard padding and column layout
      * - 'compact' - Reduced padding and row layout
      */
-    layout: _angular_core.InputSignal<"default" | "compact">;
+    layout: _angular_core.InputSignal<"compact" | "default">;
     /**
      * Optional URL to open when clicked
      * If provided, clicking the card will open this URL in a new tab
@@ -8600,7 +8606,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<"sm" | "md" | "lg">;
+    size: _angular_core.InputSignal<"md" | "sm" | "lg">;
     /**
      * ARIA label for accessibility
      * @required - Always provide a descriptive label
@@ -8881,6 +8887,140 @@ declare class DsMobilePropertyBannerComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobilePropertyBannerComponent, "ds-mobile-property-banner", never, { "address": { "alias": "address"; "required": true; "isSignal": true; }; "photoUrl": { "alias": "photoUrl"; "required": true; "isSignal": true; }; "tenantCount": { "alias": "tenantCount"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class DsMobileNotificationPromptComponent {
+    protected readonly whitelabel: WhitelabelService;
+    protected readonly dismissing: _angular_core.WritableSignal<boolean>;
+    heading: _angular_core.InputSignal<string>;
+    subtitle: _angular_core.InputSignal<string>;
+    allowLabel: _angular_core.InputSignal<string>;
+    dismissLabel: _angular_core.InputSignal<string>;
+    allow: _angular_core.OutputEmitterRef<void>;
+    dismiss: _angular_core.OutputEmitterRef<void>;
+    private static readonly EXIT_DURATION;
+    handleAllow(): void;
+    handleDismiss(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobileNotificationPromptComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileNotificationPromptComponent, "ds-mobile-notification-prompt", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "allowLabel": { "alias": "allowLabel"; "required": false; "isSignal": true; }; "dismissLabel": { "alias": "dismissLabel"; "required": false; "isSignal": true; }; }, { "allow": "allow"; "dismiss": "dismiss"; }, never, never, true, never>;
+}
+
+declare class DsMobileNotificationButtonComponent {
+    count: _angular_core.InputSignal<number>;
+    clicked: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobileNotificationButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileNotificationButtonComponent, "ds-mobile-notification-button", never, { "count": { "alias": "count"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}
+
+type NotificationType = 'inquiry_update' | 'inquiry_assigned' | 'inquiry_resolved' | 'community_post' | 'community_comment' | 'community_like' | 'community_mention' | 'booking_confirmed' | 'booking_cancelled' | 'booking_reminder' | 'facility_available' | 'message_new' | 'message_group' | 'service_update' | 'handbook_update' | 'system_announcement' | 'system_welcome' | 'invite_received' | 'family_access';
+type NotificationLeading = 'icon' | 'avatar' | 'image' | 'logo';
+interface NotificationItem {
+    id: string;
+    type: NotificationType;
+    title: string;
+    message: string;
+    createdAt: Date;
+    read: boolean;
+    leading: NotificationLeading;
+    /** ID of the target entity (inquiry ID, post ID, conversation ID, facility ID, vendor ID) */
+    targetId?: string;
+    avatarInitials?: string;
+    avatarSrc?: string;
+    imageSrc?: string;
+    iconName?: string;
+}
+declare const NOTIFICATION_ICON_MAP: Record<NotificationType, string>;
+
+interface NotificationGroup {
+    label: string;
+    items: NotificationItem[];
+}
+declare class DsMobileNotificationModalComponent {
+    private modalController;
+    private notificationService;
+    private bottomSheet;
+    groups: _angular_core.Signal<NotificationGroup[]>;
+    iconFor(type: string): string;
+    private readonly TYPE_LABELS;
+    labelFor(type: string): string;
+    handleNotificationClick(item: NotificationItem): void;
+    handleLongPress(item: NotificationItem): Promise<void>;
+    openBulkActions(): Promise<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobileNotificationModalComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileNotificationModalComponent, "ds-mobile-notification-modal", never, {}, {}, never, never, true, never>;
+}
+
+interface VendorModalOpener {
+    open(props: {
+        vendorName: string;
+        vendorDescription?: string;
+        vendorImage?: string;
+        vendorLogo?: string;
+    }): Promise<unknown>;
+}
+declare const VENDOR_MODAL_SERVICE: InjectionToken<VendorModalOpener>;
+declare class DsMobileNotificationModalService extends BaseModalService {
+    private router;
+    private notificationService;
+    private postsService;
+    private userService;
+    private postModal;
+    private peerMessaging;
+    private peerChat;
+    private bookingDetailSheet;
+    private vendorModal;
+    constructor(modalController: ModalController);
+    /**
+     * Open the notification modal. The modal reads notifications reactively
+     * from NotificationService, so it updates live when items are marked
+     * read or removed via long-press actions.
+     *
+     * Returns the tapped notification (if the user navigated to one), or null.
+     */
+    open(): Promise<NotificationItem | null>;
+    /**
+     * Navigate to the screen associated with a notification item.
+     * Public so downstream devs can call it from a Capacitor
+     * `pushNotificationActionPerformed` listener for deep-link handling.
+     */
+    routeTo(item: NotificationItem): Promise<void>;
+    private openChat;
+    private openVendorModal;
+    private openBookingDetail;
+    private openPostModal;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobileNotificationModalService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DsMobileNotificationModalService>;
+}
+
+declare const SAMPLE_NOTIFICATIONS: NotificationItem[];
+
+declare class RelativeTimePipe implements PipeTransform {
+    transform(date: Date | null | undefined): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RelativeTimePipe, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<RelativeTimePipe, "relativeTime", true>;
+}
+/**
+ * Bucket a date into 'today' | 'yesterday' | 'earlier' for grouping notifications.
+ */
+declare function dateBucket(date: Date): 'today' | 'yesterday' | 'earlier';
+
+declare class DsMobileCountBadgeComponent {
+    count: _angular_core.InputSignal<number>;
+    variant: _angular_core.InputSignal<"accent" | "muted" | "notification">;
+    display: _angular_core.Signal<string>;
+    label: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobileCountBadgeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileCountBadgeComponent, "ds-mobile-count-badge", never, { "count": { "alias": "count"; "required": true; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class DsMobileToggleComponent {
+    checked: _angular_core.ModelSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    changed: _angular_core.OutputEmitterRef<boolean>;
+    handleClick(event: Event): void;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobileToggleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileToggleComponent, "ds-mobile-toggle", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "changed": "changed"; }, never, never, true, never>;
+}
+
 /**
  * Post and Comment Models
  * Unified data structures for community posts
@@ -8981,6 +9121,38 @@ declare class PostsService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<PostsService>;
 }
 
+type NotificationCategory = 'messages' | 'bookings' | 'community' | 'inquiries' | 'services' | 'handbook' | 'system';
+declare class NotificationService {
+    readonly notifications: _angular_core.WritableSignal<NotificationItem[]>;
+    readonly unreadCount: _angular_core.Signal<number>;
+    /**
+     * Push notification delivery preferences per category.
+     * Controls which types of push notifications the device receives —
+     * does NOT filter the in-app notification list.
+     */
+    readonly disabledPushCategories: _angular_core.WritableSignal<Set<NotificationCategory>>;
+    isPushEnabled(category: NotificationCategory): boolean;
+    setPushEnabled(category: NotificationCategory, enabled: boolean): void;
+    /**
+     * Add a new notification to the top of the list.
+     * Intended for downstream push integration — call this when a
+     * real push payload arrives via Capacitor's `pushNotificationReceived` listener.
+     */
+    addNotification(item: NotificationItem): void;
+    markAsRead(id: string): void;
+    markAllAsRead(): void;
+    /**
+     * Remove a single notification from the list permanently.
+     */
+    removeNotification(id: string): void;
+    /**
+     * Remove all notifications from the list permanently.
+     */
+    clearAll(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<NotificationService>;
+}
+
 declare class MobileCommunityPageComponent {
     private router;
     private route;
@@ -8991,6 +9163,8 @@ declare class MobileCommunityPageComponent {
     private postsService;
     pageComponent: DsMobilePageMainComponent;
     pinnedSwiper?: DsMobileSwiperComponent;
+    private notificationModal;
+    readonly notificationService: NotificationService;
     allPosts: _angular_core.Signal<Post[]>;
     pinnedPosts: _angular_core.Signal<Post[]>;
     hasAnyPosts: _angular_core.Signal<boolean>;
@@ -9001,6 +9175,7 @@ declare class MobileCommunityPageComponent {
      * Loads more posts when user scrolls to bottom
      */
     onInfiniteScroll(event: any): Promise<void>;
+    handleNotificationClick(): Promise<void>;
     handleRefresh(event: any): void;
     /**
      * Open post detail modal
@@ -9041,11 +9216,14 @@ declare class MobileCommunityPageComponent {
 declare class MobileHandbookPageComponent {
     userService: UserService;
     pageComponent: DsMobilePageMainComponent;
+    private notificationModal;
+    readonly notificationService: NotificationService;
     utilitiesItems: HandbookItem[];
     sikkerhedsudstyrItems: HandbookItem[];
     serviceContractsItems: HandbookItem[];
     equipmentItems: HandbookItem[];
     constructor(userService: UserService);
+    handleNotificationClick(): Promise<void>;
     handleRefresh(event: any): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MobileHandbookPageComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MobileHandbookPageComponent, "app-mobile-handbook-page", never, {}, {}, never, never, true, never>;
@@ -9194,9 +9372,12 @@ declare class MobileHomePageComponent implements OnInit {
     private modalCtrl;
     private vendorModal;
     private newInquiryModal;
+    private notificationModal;
+    readonly notificationService: NotificationService;
     constructor(router: Router, navCtrl: NavController, userService: UserService, postsService: PostsService, postModal: DsMobilePostDetailModalService, trackingPermissionService: TrackingPermissionService, bottomSheet: DsMobileBottomSheetService, familyAccessService: FamilyAccessService, peerMessaging: PeerMessagingService, peerChat: PeerChatLauncherService, lightboxService: DsMobileLightboxService);
     ngOnInit(): void;
     private simulateLoad;
+    handleNotificationClick(): Promise<void>;
     handleRefresh(event: any): void;
     openPost(postId: string, focusComment?: boolean): Promise<void>;
     openInquiryDetail(inquiryId: string): void;
@@ -9239,6 +9420,8 @@ declare class MobileInquiriesPageComponent {
     private newInquiryModal;
     pageComponent: DsMobilePageMainComponent;
     private inquiriesService;
+    private notificationModal;
+    readonly notificationService: NotificationService;
     constructor(userService: UserService, navCtrl: NavController, newInquiryModal: DsMobileNewInquiryModalService);
     filterStatus: _angular_core.WritableSignal<"open" | "closed" | "all">;
     tabItems: InlineTabItem[];
@@ -9247,6 +9430,7 @@ declare class MobileInquiriesPageComponent {
     getInquiryIcon(category: string): string;
     openInquiryDetail(inquiryId: string): void;
     showInquiryActions(inquiryId: string): void;
+    handleNotificationClick(): Promise<void>;
     handleRefresh(event: any): void;
     createNewInquiry(): Promise<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MobileInquiriesPageComponent, never>;
@@ -9314,10 +9498,14 @@ declare class MobileTabsExampleComponent implements OnInit {
     private navCtrl;
     private whitelabelDemoModal;
     private trackingPermissionService;
+    private notificationModal;
+    readonly notificationService: NotificationService;
+    private notificationPrompt;
     readonly pageLoading: PageLoadingService;
+    readonly showNotificationPrompt: _angular_core.WritableSignal<boolean>;
     private trackedProfileMenuItems;
     constructor(userService: UserService, router: Router, navCtrl: NavController);
-    ngOnInit(): void;
+    ngOnInit(): Promise<void>;
     tabs: TabConfig[];
     moreMenuItems: MoreMenuItem[];
     /**
@@ -9337,6 +9525,9 @@ declare class MobileTabsExampleComponent implements OnInit {
      */
     handleProfileAction(result: ActionResult): void;
     handleMoreMenuAction(item: MoreMenuItem): void;
+    handleNotificationAllow(): Promise<void>;
+    handleNotificationDismiss(): void;
+    handleNotificationClick(): Promise<void>;
     /** Called by the error overlay retry button — clears error and re-navigates to home */
     handleRetry(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MobileTabsExampleComponent, never>;
@@ -9403,6 +9594,8 @@ declare class MobileBookingPageComponent {
     userService: UserService;
     pageComponent: DsMobilePageMainComponent;
     bookingsSwiper?: DsMobileSwiperComponent;
+    private notificationModal;
+    readonly notificationService: NotificationService;
     cancellingBookingId: _angular_core.WritableSignal<string | null>;
     private lang;
     historyLinkText: _angular_core.Signal<string>;
@@ -9411,6 +9604,7 @@ declare class MobileBookingPageComponent {
     activeBookings: _angular_core.WritableSignal<FacilityDetail[]>;
     availableFacilities: _angular_core.WritableSignal<FacilityDetail[]>;
     visibleFacilities: _angular_core.Signal<FacilityDetail[]>;
+    handleNotificationClick(): Promise<void>;
     handleRefresh(event: any): void;
     /**
      * Navigate to previous slide
@@ -9697,9 +9891,12 @@ declare class WhitelabelDemoModalService {
 declare class TenantChatPageComponent {
     private modalCtrl;
     readonly userService: UserService;
+    private notificationModal;
+    readonly notificationService: NotificationService;
     peerMessaging: PeerMessagingService;
     peerChat: PeerChatLauncherService;
     readonly isPeerGroupConversation: typeof isPeerGroupConversation;
+    handleNotificationClick(): Promise<void>;
     handleRefresh(event: {
         target: {
             complete: () => void;
@@ -9722,6 +9919,8 @@ declare function stripHtml(html: string): string;
 declare class ServicesPageComponent {
     pageComponent: DsMobilePageMainComponent;
     private vendorModal;
+    private notificationModal;
+    readonly notificationService: NotificationService;
     private newInquiryModal;
     private inquiriesService;
     private navCtrl;
@@ -9731,6 +9930,7 @@ declare class ServicesPageComponent {
     stripHtml: typeof stripHtml;
     openVendorSheet(vendor: ServiceVendor): Promise<void>;
     private openInquiryForVendor;
+    handleNotificationClick(): Promise<void>;
     handleRefresh(event: CustomEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ServicesPageComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ServicesPageComponent, "app-services-page", never, {}, {}, never, never, true, never>;
@@ -9816,5 +10016,52 @@ declare class MediaPickerService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<MediaPickerService>;
 }
 
-export { AcceptInvitePageComponent, ActionCommentComponent, ActionLikeComponent, AvatarUploadPageComponent, BaseModalService, ContentRowComponent, CreateAccountPageComponent, DEFAULT_SERVICE_PAGE_LABELS, DsAppIconComponent, DsAvatarWithBadgeComponent, DsLogoComponent, DsMobileAccessSheetComponent, DsMobileActionListItemComponent, DsMobileActionsBottomSheetComponent, DsMobileAddGroupTenantsModalComponent, DsMobileAppLoadingComponent, DsMobileAttachmentPreviewComponent, DsMobileBookingConfirmationWrapperComponent, DsMobileBookingModalComponent, DsMobileBookingModalService, DsMobileBookingSummaryComponent, DsMobileBottomSheetHeaderComponent, DsMobileBottomSheetService, DsMobileBottomSheetWrapperComponent, DsMobileCapacitySheetComponent, DsMobileCardInlineBannerComponent, DsMobileCardInlineComponent, DsMobileCardInlineContactComponent, DsMobileCardInlineFileComponent, DsMobileChatModalComponent, DsMobileChatModalService, DsMobileActionsBottomSheetComponent as DsMobileCommentActionsBottomSheetComponent, DsMobileCommentComponent, DsMobileCommunityAdminPickerComponent, DsMobileCommunityAdminsModalComponent, DsMobileConfirmationSheetComponent, DsMobileContactListItemComponent, DsMobileContentComponent, DsMobileCreateGroupModalComponent, DsMobileDropdownComponent, DsMobileEditGroupModalComponent, DsMobileEmptyStateComponent, DsMobileFabComponent, DsMobileFacilityArchiveConfirmationComponent, DsMobileFacilityCreationConfirmationWrapperComponent, DsMobileFacilityCreationModalComponent, DsMobileFacilityCreationModalService, DsMobileFacilityDeleteConfirmationComponent, DsMobileFacilityDetailModalComponent, DsMobileFacilityDetailModalService, DsMobileFileAttachmentComponent, DsMobileGlassSpinnerComponent, DsMobileGroupAvatarStackComponent, DsMobileGroupMembersModalComponent, DsMobileHandbookDetailModalComponent, DsMobileHandbookDetailModalService, DsMobileHandbookFolderComponent, DsMobileHandbookFolderMiniComponent, DsMobileHeaderContentComponent, DsMobileHeaderContentTileComponent, DsMobileIllustrationComponent, DsMobileImagePlaceholderComponent, DsMobileInlinePhotoComponent, DsMobileInlineTabsComponent, DsMobileInteractiveListItemBookingComponent, DsMobileInteractiveListItemInquiryComponent, DsMobileInteractiveListItemMessageComponent, DsMobileInteractiveListItemPostComponent, DsMobileLightboxImageComponent as DsMobileLightboxComponent, DsMobileLightboxFooterComponent, DsMobileLightboxHeaderComponent, DsMobileLightboxImageComponent, DsMobileLightboxImageWithDescriptionComponent, DsMobileLightboxPdfComponent, DsMobileLightboxService, DsMobileListItemComponent, DsMobileListItemStaticComponent, DsMobileListSearchComponent, DsMobileLoaderOverlayComponent, DsMobileLongPressDirective, DsMobileMediaActionsPanelComponent, DsMobileMessageBubbleComponent, DsMobileMessageComposerComponent, DsMobileModalBaseComponent, DsMobileModalService, DsMobileNewInquiryModalComponent, DsMobileNewInquiryModalService, DsMobileOfflineBannerComponent, DsMobilePageDetailsComponent, DsMobilePageMainComponent, DsMobilePillComponent, DsMobileActionsBottomSheetComponent as DsMobilePostActionsBottomSheetComponent, DsMobilePostComposerComponent, DsMobilePostCreateBottomSheetComponent, DsMobilePostDetailModalComponent, DsMobilePostDetailModalService, DsMobilePriceSheetComponent, DsMobileProfileActionsSheetComponent, DsMobilePromptBottomSheetComponent, DsMobilePropertyBannerComponent, DsMobileRichTextEditorComponent, DsMobileSectionComponent, DsMobileServiceVendorModalService, DsMobileServiceVendorSheetComponent, DsMobileSwiperComponent, DsMobileSwiperWithNavComponent, DsMobileSystemMessageBannerComponent, DsMobileTabBarComponent, DsMobileTabsComponent, DsMobileTenantPickerModalComponent, DsMobileWhenCanBookSheetComponent, DsMobileWhoCanBookSheetComponent, DsTextInputComponent, FamilyAccessPageComponent, FamilyAccessService, InquiriesService, InviteSuccessPageComponent, MediaPickerService, MobileBookingPageComponent, MobileCommunityPageComponent, MobileHandbookPageComponent, MobileHomePageComponent, MobileInquiriesPageComponent, MobileInquiryDetailPageComponent, MobileModalBase, MobilePageBase, MobilePostDetailPageComponent, MobileTabsExampleComponent, PageLoadingService, PostActionsComponent, PostAttachmentsComponent, PostContentComponent, PostCreatePageComponent, PostMediaComponent, PostPdfAttachmentComponent, PostTextComponent, PostsService, SectionHeaderComponent, ServicesPageComponent, SignInPageComponent, SignInToAcceptPageComponent, TenantChatPageComponent, TileContentComponent, TileIconComponent, TileLabelComponent, TileValueComponent, TrackingPermissionService, UserService, WhitelabelDemoModalComponent, WhitelabelDemoModalService, WhitelabelService, customBackTransition, customPageTransition };
-export type { ActionGroup, ActionItem, ActionResult, AddGroupTenantPickerRow, AppIconSize, AttachmentData, AttachmentFileType, AttachmentItem, AvatarSize, AvatarType, BadgePosition, BookingModalExtras, BookingResult, BottomSheetOptions, ChatAttachment, ChatGroupPanelLabels, ChatMessage, ChatModalData, ChatModalGroupData, ChatModalLabels, ChatParticipant, Comment, ActionResult as CommentActionResult, CommentData, CommunityAdminRow, ContactItem, ContactType, ContentWidth, CreateGroupMember, CreateGroupResult, DateOption, DropdownAlign, DropdownPosition, DsMobileDropdownItem, EditGroupMember, EditGroupResult, FacilityCreationModalOptions, FacilityDetailData, FacilityDetailDisplayData, FacilityDetailEditContext, FamilyInvite, FamilyMember, FamilyMemberStatus, GroupMemberRow, HandbookDetailData, HandbookItem, InlineTabItem, Inquiry, InquiryPhoto, Language, LightboxAuthor, LightboxImage, LightboxImageOptions, LightboxImageWithDescription, LightboxImageWithDescriptionOptions, LightboxMediaFile, LightboxMediaType, LightboxOptions, LightboxPdf, LightboxPdfOptions, LoadingPhase, LogoSize, LogoVariant, MediaPickerResult, ModalOptions, MoreMenuItem, NetworkStatus, NewFacilityData, NewInquiryData, NewInquiryModalOptions, Post, ActionResult as PostActionResult, PostDetailData, PromptBottomSheetResult, PromptGroupPreviewMember, ServicePageLabels, ServiceVendor, TabConfig, TimeSlot, WhitelabelConfig };
+/**
+ * Manages the notification permission prompt lifecycle.
+ *
+ * - Stores the user's "Not now" dismissal timestamp in localStorage
+ * - Re-shows the prompt after a 24-hour cooldown
+ * - Skips the prompt entirely if native permissions are already granted
+ *
+ * Downstream integration: call `checkPermissions()` before checking
+ * `shouldShowPrompt()` to incorporate native permission status.
+ */
+declare class NotificationPromptService {
+    private permissionGranted;
+    /**
+     * Record that the user dismissed the prompt. Stores the current
+     * timestamp so the prompt can be suppressed for 24 hours.
+     */
+    dismiss(): void;
+    /**
+     * Whether the prompt should be displayed right now.
+     * Returns false if:
+     * - Native permission is already granted
+     * - The user dismissed less than 24 hours ago
+     */
+    shouldShowPrompt(): boolean;
+    /**
+     * Call this on app launch to check native notification permission status.
+     * If already granted, the prompt will never be shown.
+     */
+    checkPermissions(): Promise<void>;
+    /**
+     * Mark that the user has granted permission (called after a successful
+     * allow flow so the prompt is permanently hidden for this session).
+     */
+    markGranted(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationPromptService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<NotificationPromptService>;
+}
+
+declare class SettingsModalService {
+    private modalController;
+    constructor(modalController: ModalController);
+    open(): Promise<void>;
+    close(data?: any): Promise<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SettingsModalService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<SettingsModalService>;
+}
+
+export { AcceptInvitePageComponent, ActionCommentComponent, ActionLikeComponent, AvatarUploadPageComponent, BaseModalService, ContentRowComponent, CreateAccountPageComponent, DEFAULT_SERVICE_PAGE_LABELS, DsAppIconComponent, DsAvatarWithBadgeComponent, DsLogoComponent, DsMobileAccessSheetComponent, DsMobileActionListItemComponent, DsMobileActionsBottomSheetComponent, DsMobileAddGroupTenantsModalComponent, DsMobileAppLoadingComponent, DsMobileAttachmentPreviewComponent, DsMobileBookingConfirmationWrapperComponent, DsMobileBookingModalComponent, DsMobileBookingModalService, DsMobileBookingSummaryComponent, DsMobileBottomSheetHeaderComponent, DsMobileBottomSheetService, DsMobileBottomSheetWrapperComponent, DsMobileCapacitySheetComponent, DsMobileCardInlineBannerComponent, DsMobileCardInlineComponent, DsMobileCardInlineContactComponent, DsMobileCardInlineFileComponent, DsMobileChatModalComponent, DsMobileChatModalService, DsMobileActionsBottomSheetComponent as DsMobileCommentActionsBottomSheetComponent, DsMobileCommentComponent, DsMobileCommunityAdminPickerComponent, DsMobileCommunityAdminsModalComponent, DsMobileConfirmationSheetComponent, DsMobileContactListItemComponent, DsMobileContentComponent, DsMobileCountBadgeComponent, DsMobileCreateGroupModalComponent, DsMobileDropdownComponent, DsMobileEditGroupModalComponent, DsMobileEmptyStateComponent, DsMobileFabComponent, DsMobileFacilityArchiveConfirmationComponent, DsMobileFacilityCreationConfirmationWrapperComponent, DsMobileFacilityCreationModalComponent, DsMobileFacilityCreationModalService, DsMobileFacilityDeleteConfirmationComponent, DsMobileFacilityDetailModalComponent, DsMobileFacilityDetailModalService, DsMobileFileAttachmentComponent, DsMobileGlassSpinnerComponent, DsMobileGroupAvatarStackComponent, DsMobileGroupMembersModalComponent, DsMobileHandbookDetailModalComponent, DsMobileHandbookDetailModalService, DsMobileHandbookFolderComponent, DsMobileHandbookFolderMiniComponent, DsMobileHeaderContentComponent, DsMobileHeaderContentTileComponent, DsMobileIllustrationComponent, DsMobileImagePlaceholderComponent, DsMobileInlinePhotoComponent, DsMobileInlineTabsComponent, DsMobileInteractiveListItemBookingComponent, DsMobileInteractiveListItemInquiryComponent, DsMobileInteractiveListItemMessageComponent, DsMobileInteractiveListItemPostComponent, DsMobileLightboxImageComponent as DsMobileLightboxComponent, DsMobileLightboxFooterComponent, DsMobileLightboxHeaderComponent, DsMobileLightboxImageComponent, DsMobileLightboxImageWithDescriptionComponent, DsMobileLightboxPdfComponent, DsMobileLightboxService, DsMobileListItemComponent, DsMobileListItemStaticComponent, DsMobileListSearchComponent, DsMobileLoaderOverlayComponent, DsMobileLongPressDirective, DsMobileMediaActionsPanelComponent, DsMobileMessageBubbleComponent, DsMobileMessageComposerComponent, DsMobileModalBaseComponent, DsMobileModalService, DsMobileNewInquiryModalComponent, DsMobileNewInquiryModalService, DsMobileNotificationButtonComponent, DsMobileNotificationModalComponent, DsMobileNotificationModalService, DsMobileNotificationPromptComponent, DsMobileOfflineBannerComponent, DsMobilePageDetailsComponent, DsMobilePageMainComponent, DsMobilePillComponent, DsMobileActionsBottomSheetComponent as DsMobilePostActionsBottomSheetComponent, DsMobilePostComposerComponent, DsMobilePostCreateBottomSheetComponent, DsMobilePostDetailModalComponent, DsMobilePostDetailModalService, DsMobilePriceSheetComponent, DsMobileProfileActionsSheetComponent, DsMobilePromptBottomSheetComponent, DsMobilePropertyBannerComponent, DsMobileRichTextEditorComponent, DsMobileSectionComponent, DsMobileServiceVendorModalService, DsMobileServiceVendorSheetComponent, DsMobileSwiperComponent, DsMobileSwiperWithNavComponent, DsMobileSystemMessageBannerComponent, DsMobileTabBarComponent, DsMobileTabsComponent, DsMobileTenantPickerModalComponent, DsMobileToggleComponent, DsMobileWhenCanBookSheetComponent, DsMobileWhoCanBookSheetComponent, DsTextInputComponent, FamilyAccessPageComponent, FamilyAccessService, InquiriesService, InviteSuccessPageComponent, MediaPickerService, MobileBookingPageComponent, MobileCommunityPageComponent, MobileHandbookPageComponent, MobileHomePageComponent, MobileInquiriesPageComponent, MobileInquiryDetailPageComponent, MobileModalBase, MobilePageBase, MobilePostDetailPageComponent, MobileTabsExampleComponent, NOTIFICATION_ICON_MAP, NotificationPromptService, NotificationService, PageLoadingService, PostActionsComponent, PostAttachmentsComponent, PostContentComponent, PostCreatePageComponent, PostMediaComponent, PostPdfAttachmentComponent, PostTextComponent, PostsService, RelativeTimePipe, SAMPLE_NOTIFICATIONS, SectionHeaderComponent, ServicesPageComponent, SettingsModalService, SignInPageComponent, SignInToAcceptPageComponent, TenantChatPageComponent, TileContentComponent, TileIconComponent, TileLabelComponent, TileValueComponent, TrackingPermissionService, UserService, VENDOR_MODAL_SERVICE, WhitelabelDemoModalComponent, WhitelabelDemoModalService, WhitelabelService, customBackTransition, customPageTransition, dateBucket };
+export type { ActionGroup, ActionItem, ActionResult, AddGroupTenantPickerRow, AppIconSize, AttachmentData, AttachmentFileType, AttachmentItem, AvatarSize, AvatarType, BadgePosition, BookingModalExtras, BookingResult, BottomSheetOptions, ChatAttachment, ChatGroupPanelLabels, ChatMessage, ChatModalData, ChatModalGroupData, ChatModalLabels, ChatParticipant, Comment, ActionResult as CommentActionResult, CommentData, CommunityAdminRow, ContactItem, ContactType, ContentWidth, CreateGroupMember, CreateGroupResult, DateOption, DropdownAlign, DropdownPosition, DsMobileDropdownItem, EditGroupMember, EditGroupResult, FacilityCreationModalOptions, FacilityDetailData, FacilityDetailDisplayData, FacilityDetailEditContext, FamilyInvite, FamilyMember, FamilyMemberStatus, GroupMemberRow, HandbookDetailData, HandbookItem, InlineTabItem, Inquiry, InquiryPhoto, Language, LightboxAuthor, LightboxImage, LightboxImageOptions, LightboxImageWithDescription, LightboxImageWithDescriptionOptions, LightboxMediaFile, LightboxMediaType, LightboxOptions, LightboxPdf, LightboxPdfOptions, LoadingPhase, LogoSize, LogoVariant, MediaPickerResult, ModalOptions, MoreMenuItem, NetworkStatus, NewFacilityData, NewInquiryData, NewInquiryModalOptions, NotificationCategory, NotificationItem, NotificationLeading, NotificationType, Post, ActionResult as PostActionResult, PostDetailData, PromptBottomSheetResult, PromptGroupPreviewMember, ServicePageLabels, ServiceVendor, TabConfig, TimeSlot, VendorModalOpener, WhitelabelConfig };

package/package.json

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