@propbinder/mobile-design 0.2.74 → 0.2.79

package/index.d.ts

@@ -1026,7 +1026,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>;
@@ -1279,7 +1279,7 @@ declare class DsMobileContentComponent {
  */
 declare class SectionHeaderComponent {
     /** Width of the header placeholder */
-    width: _angular_core.InputSignal<"half" | "third" | "full">;
+    width: _angular_core.InputSignal<"full" | "half" | "third">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SectionHeaderComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SectionHeaderComponent, "section-header", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -2777,7 +2777,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">;
     /**
      * Remove top padding — use on the first item in a section when there is
      * no preceding content, to avoid unnecessary whitespace.
@@ -3065,7 +3065,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
      */
@@ -3293,7 +3293,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
      */
@@ -3963,6 +3963,7 @@ interface ChatParticipant {
     avatarInitials?: string;
     avatarType?: 'initials' | 'photo' | 'icon';
     avatarSrc?: string;
+    avatarShape?: 'circle' | 'squircle';
     badge?: string;
     verified?: boolean;
     lastActive?: string;
@@ -4538,7 +4539,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">;
     /**
      * Whitelabel logomark on the avatar corner (e.g. org branding for staff).
      * Default true — preserves backward compatibility with inquiry assignee rows.
@@ -4600,7 +4601,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<"top" | "center" | "bottom">;
+    align: _angular_core.InputSignal<"center" | "top" | "bottom">;
     contactClick: _angular_core.OutputEmitterRef<void>;
     selectionToggle: _angular_core.OutputEmitterRef<void>;
     moreClick: _angular_core.OutputEmitterRef<void>;
@@ -4692,6 +4693,76 @@ declare class DsMobileGroupMembersModalComponent implements OnInit {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileGroupMembersModalComponent, "ds-mobile-group-members-modal", never, { "getMembersSnapshot": { "alias": "getMembersSnapshot"; "required": true; }; "isAdmin": { "alias": "isAdmin"; "required": false; }; "currentUserId": { "alias": "currentUserId"; "required": false; }; "onRemoveMember": { "alias": "onRemoveMember"; "required": false; }; "onMessageMember": { "alias": "onMessageMember"; "required": false; }; "openAddMembersPicker": { "alias": "openAddMembersPicker"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+interface CommunityAdminRow {
+    id: string;
+    name: string;
+    unit?: string;
+    avatarInitials?: string;
+    avatarType?: 'initials' | 'photo' | 'icon';
+    avatarSrc?: string;
+}
+
+interface CommunityAdminLabels {
+    pageTitle: string;
+    closeButton: string;
+    addButtonAriaLabel: string;
+    emptyState: string;
+    emptyStateDescription: string;
+    removeConfirmTitle: string;
+    removeConfirmMessage: (name: string) => string;
+    removeConfirmButton: string;
+    cancelButton: string;
+    addPickerTitle: string;
+    addPickerSearchPlaceholder: string;
+    addPickerSearchAriaLabel: string;
+    addPickerEmpty: string;
+    onboardingTitle: string;
+    onboardingMessage: string;
+    onboardingButton: string;
+}
+/**
+ * Full-screen modal for managing community administrators.
+ *
+ * The main view lists current admins with a "more" menu to remove them.
+ * Tapping the "+" header button opens a stacked picker modal to add new admins
+ * from the available tenants list.
+ */
+declare class DsMobileCommunityAdminsModalComponent implements OnInit {
+    private modalCtrl;
+    private bottomSheet;
+    getAdminsSnapshot: () => CommunityAdminRow[];
+    availableTenants: CommunityAdminRow[];
+    currentUserId: string;
+    onAddAdmin?: (tenantId: string) => void | Promise<void>;
+    onRemoveAdmin?: (adminId: string) => void | Promise<void>;
+    labels?: Partial<CommunityAdminLabels>;
+    lbl: CommunityAdminLabels;
+    localAdmins: CommunityAdminRow[];
+    get showAddButton(): boolean;
+    ngOnInit(): void;
+    syncAdmins(): void;
+    confirmRemoveAdmin(admin: CommunityAdminRow): Promise<void>;
+    openAddAdminPicker(): Promise<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobileCommunityAdminsModalComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileCommunityAdminsModalComponent, "ds-mobile-community-admins-modal", never, { "getAdminsSnapshot": { "alias": "getAdminsSnapshot"; "required": true; }; "availableTenants": { "alias": "availableTenants"; "required": false; }; "currentUserId": { "alias": "currentUserId"; "required": false; }; "onAddAdmin": { "alias": "onAddAdmin"; "required": false; }; "onRemoveAdmin": { "alias": "onRemoveAdmin"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; }, {}, never, never, true, never>;
+}
+/**
+ * Internal stacked picker for selecting a single tenant to promote to admin.
+ */
+declare class DsMobileCommunityAdminPickerComponent implements OnInit {
+    private modalCtrl;
+    tenants: CommunityAdminRow[];
+    labels?: CommunityAdminLabels;
+    lbl: CommunityAdminLabels;
+    searchQuery: _angular_core.WritableSignal<string>;
+    private tenantsSig;
+    ngOnInit(): void;
+    filteredTenants: _angular_core.Signal<CommunityAdminRow[]>;
+    selectTenant(tenant: CommunityAdminRow): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobileCommunityAdminPickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileCommunityAdminPickerComponent, "ds-mobile-community-admin-picker", never, { "tenants": { "alias": "tenants"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; }, {}, never, never, true, never>;
+}
+
 /**
  * Group thread avatar: optional custom image, or member faces.
  *
@@ -4704,7 +4775,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<"md" | "sm" | "lg" | "xl">;
+    size: _angular_core.InputSignal<"sm" | "md" | "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). */
@@ -4837,6 +4908,14 @@ declare class DsMobileTenantPickerModalComponent {
     private modalCtrl;
     private peerMessaging;
     private peerChat;
+    /**
+     * When true the modal acts as a simple single-select picker:
+     * tapping a tenant dismisses with `{ tenantId }` (role `'selected'`).
+     * The "more" menu and group-selection footer are hidden.
+     */
+    pickMode: boolean;
+    /** Optional set of tenant IDs to exclude from the list (e.g. already-selected admins). */
+    excludeIds?: Set<string>;
     searchQuery: _angular_core.WritableSignal<string>;
     selectionMode: _angular_core.WritableSignal<boolean>;
     selectedIds: _angular_core.WritableSignal<Set<string>>;
@@ -4847,7 +4926,7 @@ declare class DsMobileTenantPickerModalComponent {
     openTenantActions(tenant: PeerTenantContact): Promise<void>;
     promptCreateGroup(): Promise<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobileTenantPickerModalComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileTenantPickerModalComponent, "ds-mobile-tenant-picker-modal", never, {}, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileTenantPickerModalComponent, "ds-mobile-tenant-picker-modal", never, { "pickMode": { "alias": "pickMode"; "required": false; }; "excludeIds": { "alias": "excludeIds"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 interface CreateGroupMember {
@@ -5009,7 +5088,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
      */
@@ -5636,6 +5715,34 @@ declare class DsMobileLoaderOverlayComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileLoaderOverlayComponent, "ds-mobile-loader-overlay", never, { "spinnerSize": { "alias": "spinnerSize"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * DsMobileGlassSpinnerComponent
+ *
+ * Reusable loader overlay with a glassmorphism (blurred) background and a spinner.
+ * This is useful when you want to show a loading state without covering the entire screen
+ * with a solid background, but rather blurring the content behind it.
+ *
+ * Features:
+ * - Glassmorphism blurred background
+ * - Centered animated spinner
+ * - Customizable spinner size
+ * - Absolute positioning to cover parent
+ */
+declare class DsMobileGlassSpinnerComponent {
+    /**
+     * Size of the spinner in pixels
+     * @default 24
+     */
+    spinnerSize: _angular_core.InputSignal<number>;
+    /**
+     * Border radius of the overlay in pixels (should match parent's border radius)
+     * @default 0
+     */
+    borderRadius: _angular_core.InputSignal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobileGlassSpinnerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileGlassSpinnerComponent, "ds-mobile-glass-spinner", never, { "spinnerSize": { "alias": "spinnerSize"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 /**
  * DsMobileAppLoadingComponent — dev app mirror.
  * See projects/mobile-design-lib/src/components/app-loading for the authoritative source.
@@ -6501,7 +6608,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
@@ -6564,7 +6671,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
      */
@@ -6619,7 +6726,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
      */
@@ -6684,7 +6791,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
@@ -6786,6 +6893,10 @@ declare class DsMobileNewInquiryModalComponent implements OnInit, AfterViewInit
      * Label for the submit button
      */
     submitButtonLabel: string;
+    /**
+     * Pre-set category included in the emitted NewInquiryData (e.g. vendor id)
+     */
+    category?: string;
     /**
      * Form title field
      */
@@ -6871,7 +6982,7 @@ declare class DsMobileNewInquiryModalComponent implements OnInit, AfterViewInit
     private isFormDirty;
     private showUnsavedChangesSheet;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobileNewInquiryModalComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileNewInquiryModalComponent, "ds-mobile-new-inquiry-modal", never, { "loading": { "alias": "loading"; "required": false; }; "error": { "alias": "error"; "required": false; }; "onSubmit": { "alias": "onSubmit"; "required": false; }; "titlePlaceholder": { "alias": "titlePlaceholder"; "required": false; }; "descriptionPlaceholder": { "alias": "descriptionPlaceholder"; "required": false; }; "submitButtonLabel": { "alias": "submitButtonLabel"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileNewInquiryModalComponent, "ds-mobile-new-inquiry-modal", never, { "loading": { "alias": "loading"; "required": false; }; "error": { "alias": "error"; "required": false; }; "onSubmit": { "alias": "onSubmit"; "required": false; }; "titlePlaceholder": { "alias": "titlePlaceholder"; "required": false; }; "descriptionPlaceholder": { "alias": "descriptionPlaceholder"; "required": false; }; "submitButtonLabel": { "alias": "submitButtonLabel"; "required": false; }; "category": { "alias": "category"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -6890,6 +7001,8 @@ interface NewInquiryModalOptions {
     descriptionPlaceholder?: string;
     /** Custom label for submit button */
     submitButtonLabel?: string;
+    /** Pre-set category included in the emitted NewInquiryData (e.g. vendor id) */
+    category?: string;
 }
 /**
  * DsMobileNewInquiryModalService
@@ -8271,7 +8384,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
@@ -8722,6 +8835,24 @@ declare class MobileHandbookPageComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MobileHandbookPageComponent, "app-mobile-handbook-page", never, {}, {}, never, never, true, never>;
 }
 
+interface ServiceVendor {
+    id: string;
+    name: string;
+    category: string;
+    description?: string;
+    phone?: string;
+    logo?: string;
+    thumbnail?: string;
+    heroImage?: string;
+    fullDescription?: string;
+    price?: string;
+    availabilityStatus?: 'available-today' | 'available-from' | 'unavailable';
+    statusLabel?: string;
+    requirements?: string[];
+    restrictions?: string[];
+    expectations?: string;
+}
+
 type LoadingPhase = 'loading' | 'exiting' | 'idle';
 /**
  * PageLoadingService
@@ -8838,16 +8969,14 @@ declare class MobileHomePageComponent implements OnInit {
     readonly isPeerGroupConversation: typeof isPeerGroupConversation;
     protected pageLoading: PageLoadingService;
     recentPosts: _angular_core.Signal<_propbinder_mobile_design.Post[]>;
-    private allInquiries;
-    openInquiries: _angular_core.Signal<{
-        id: string;
-        title: string;
-        description: string;
-        status: "open";
-        timestamp: string;
-    }[]>;
+    private inquiriesService;
+    openInquiries: _angular_core.Signal<_propbinder_mobile_design.Inquiry[]>;
     recentPeerMessages: _angular_core.Signal<PeerConversation[]>;
+    private allVendors;
+    previewVendors: _angular_core.Signal<ServiceVendor[]>;
     private modalCtrl;
+    private vendorModal;
+    private newInquiryModal;
     constructor(router: Router, navCtrl: NavController, userService: UserService, postsService: PostsService, postModal: DsMobilePostDetailModalService, trackingPermissionService: TrackingPermissionService, bottomSheet: DsMobileBottomSheetService, familyAccessService: FamilyAccessService, peerMessaging: PeerMessagingService, peerChat: PeerChatLauncherService);
     ngOnInit(): void;
     private simulateLoad;
@@ -8858,6 +8987,9 @@ declare class MobileHomePageComponent implements OnInit {
     navigateToInquiries(): void;
     navigateToTenants(): void;
     private openTenantPicker;
+    navigateToServices(): void;
+    openVendorSheet(vendor: ServiceVendor): Promise<void>;
+    private openInquiryForVendor;
     navigateToMessages(): void;
     openPeerMessagePreview(conv: PeerConversation): Promise<void>;
     handlePostLongPress(postId: string): Promise<void>;
@@ -8871,20 +9003,29 @@ interface Inquiry {
     description: string;
     status: 'open' | 'closed';
     timestamp: string;
-    category: 'maintenance' | 'plumbing' | 'electrical' | 'heating' | 'security' | 'appliance' | 'other';
+    category: string;
+    vendorName?: string;
+    vendorLogo?: string;
 }
+declare class InquiriesService {
+    readonly inquiries: _angular_core.WritableSignal<Inquiry[]>;
+    readonly openInquiries: _angular_core.Signal<Inquiry[]>;
+    getById(id: string): Inquiry | undefined;
+    addInquiry(inquiry: Inquiry): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InquiriesService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<InquiriesService>;
+}
+
 declare class MobileInquiriesPageComponent {
     userService: UserService;
     private navCtrl;
     private newInquiryModal;
     pageComponent: DsMobilePageMainComponent;
+    private inquiriesService;
     constructor(userService: UserService, navCtrl: NavController, newInquiryModal: DsMobileNewInquiryModalService);
     filterStatus: _angular_core.WritableSignal<"open" | "closed" | "all">;
     tabItems: InlineTabItem[];
-    inquiries: _angular_core.WritableSignal<Inquiry[]>;
     filteredInquiries: _angular_core.Signal<Inquiry[]>;
-    openInquiries: _angular_core.Signal<Inquiry[]>;
-    closedInquiries: _angular_core.Signal<Inquiry[]>;
     setFilter(status: 'all' | 'open' | 'closed'): void;
     getInquiryIcon(category: string): string;
     openInquiryDetail(inquiryId: string): void;
@@ -8905,30 +9046,37 @@ interface MessageThread {
     timestamp: string;
     unread: boolean;
 }
-declare class MobileInquiryDetailPageComponent {
+declare class MobileInquiryDetailPageComponent implements OnInit {
     userService: UserService;
     private lightbox;
     private chatModal;
+    private route;
+    private inquiriesService;
     inquiryTitle: string;
+    inquiryDescription: string;
+    inquiryCategory: string;
+    inquiryTimestamp: string;
+    vendorName: string;
+    vendorInitials: string;
+    vendorLogo: string;
+    isServiceInquiry: boolean;
     activeTab: _angular_core.WritableSignal<string>;
     tabItems: InlineTabItem[];
+    serviceMessageThread: MessageThread[];
+    get activeMessages(): MessageThread[];
     messageThreads: MessageThread[];
-    unreadMessagesCount: _angular_core.Signal<number>;
+    private updateMessagesBadge;
     photos: LightboxImage[];
     get photoUrls(): string[];
     constructor(userService: UserService, lightbox: DsMobileLightboxService, chatModal: DsMobileChatModalService);
+    ngOnInit(): void;
     setActiveTab(tabId: string): void;
     goBack(): void;
     handleRefresh(event: any): void;
-    /**
-     * Check if there are unread messages
-     */
     hasUnreadMessages(): boolean;
-    /**
-     * Navigate to messages tab when banner is clicked
-     */
     navigateToMessagesTab(): void;
     openMessage(messageId: string): Promise<void>;
+    openVendorChat(): Promise<void>;
     openPhotoLightbox(index: number): Promise<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MobileInquiryDetailPageComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MobileInquiryDetailPageComponent, "app-mobile-inquiry-detail-page", never, {}, {}, never, never, true, never>;
@@ -9347,6 +9495,53 @@ declare class TenantChatPageComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TenantChatPageComponent, "app-tenant-chat-page", never, {}, {}, never, never, true, never>;
 }
 
+interface ServicePageLabels {
+    pageTitle: string;
+    emptyState: string;
+    emptyStateDescription: string;
+}
+declare const DEFAULT_SERVICE_PAGE_LABELS: ServicePageLabels;
+declare function stripHtml(html: string): string;
+declare class ServicesPageComponent {
+    pageComponent: DsMobilePageMainComponent;
+    private vendorModal;
+    private newInquiryModal;
+    private inquiriesService;
+    private navCtrl;
+    userService: UserService;
+    lbl: ServicePageLabels;
+    vendors: _angular_core.WritableSignal<ServiceVendor[]>;
+    stripHtml: typeof stripHtml;
+    openVendorSheet(vendor: ServiceVendor): Promise<void>;
+    private openInquiryForVendor;
+    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>;
+}
+
+declare class DsMobileServiceVendorSheetComponent {
+    vendorName: string;
+    vendorDescription: string;
+    vendorImage: string;
+    vendorLogo: string;
+    bookButtonLabel: string;
+    private modalController;
+    handleBook(): Promise<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobileServiceVendorSheetComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsMobileServiceVendorSheetComponent, "ds-mobile-service-vendor-sheet", never, { "vendorName": { "alias": "vendorName"; "required": true; }; "vendorDescription": { "alias": "vendorDescription"; "required": false; }; "vendorImage": { "alias": "vendorImage"; "required": false; }; "vendorLogo": { "alias": "vendorLogo"; "required": false; }; "bookButtonLabel": { "alias": "bookButtonLabel"; "required": false; }; }, {}, never, never, true, never>;
+}
+declare class DsMobileServiceVendorModalService extends BaseModalService {
+    constructor(modalController: ModalController);
+    open(props: {
+        vendorName: string;
+        vendorDescription?: string;
+        vendorImage?: string;
+        vendorLogo?: string;
+    }): Promise<HTMLIonModalElement>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsMobileServiceVendorModalService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DsMobileServiceVendorModalService>;
+}
+
 /**
  * Custom page transition - iOS-style push/pop with dark overlay
  *
@@ -9404,5 +9599,5 @@ declare class MediaPickerService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<MediaPickerService>;
 }
 
-export { AcceptInvitePageComponent, ActionCommentComponent, ActionLikeComponent, AvatarUploadPageComponent, BaseModalService, ContentRowComponent, CreateAccountPageComponent, 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, DsMobileConfirmationSheetComponent, DsMobileContactListItemComponent, DsMobileContentComponent, DsMobileCreateGroupModalComponent, DsMobileDropdownComponent, DsMobileEditGroupModalComponent, DsMobileEmptyStateComponent, DsMobileFabComponent, DsMobileFacilityArchiveConfirmationComponent, DsMobileFacilityCreationConfirmationWrapperComponent, DsMobileFacilityCreationModalComponent, DsMobileFacilityCreationModalService, DsMobileFacilityDeleteConfirmationComponent, DsMobileFacilityDetailModalComponent, DsMobileFacilityDetailModalService, DsMobileFileAttachmentComponent, DsMobileGroupAvatarStackComponent, DsMobileGroupMembersModalComponent, DsMobileHandbookDetailModalComponent, DsMobileHandbookDetailModalService, DsMobileHandbookFolderComponent, DsMobileHandbookFolderMiniComponent, DsMobileHeaderContentComponent, DsMobileHeaderContentTileComponent, DsMobileIllustrationComponent, DsMobileImagePlaceholderComponent, DsMobileInlinePhotoComponent, DsMobileInlineTabsComponent, DsMobileInteractiveListItemBookingComponent, DsMobileInteractiveListItemInquiryComponent, DsMobileInteractiveListItemMessageComponent, DsMobileInteractiveListItemPostComponent, DsMobileLightboxImageComponent as DsMobileLightboxComponent, DsMobileLightboxFooterComponent, DsMobileLightboxHeaderComponent, DsMobileLightboxImageComponent, 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, DsMobileSwiperComponent, DsMobileSwiperWithNavComponent, DsMobileSystemMessageBannerComponent, DsMobileTabBarComponent, DsMobileTabsComponent, DsMobileTenantPickerModalComponent, DsMobileWhenCanBookSheetComponent, DsMobileWhoCanBookSheetComponent, DsTextInputComponent, FamilyAccessPageComponent, FamilyAccessService, InviteSuccessPageComponent, MediaPickerService, MobileBookingPageComponent, MobileCommunityPageComponent, MobileHandbookPageComponent, MobileHomePageComponent, MobileInquiriesPageComponent, MobileInquiryDetailPageComponent, MobileModalBase, MobilePageBase, MobilePostDetailPageComponent, MobileTabsExampleComponent, PageLoadingService, PostActionsComponent, PostAttachmentsComponent, PostContentComponent, PostCreatePageComponent, PostMediaComponent, PostPdfAttachmentComponent, PostTextComponent, PostsService, SectionHeaderComponent, 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, ContactItem, ContactType, ContentWidth, CreateGroupMember, CreateGroupResult, DateOption, DropdownAlign, DropdownPosition, DsMobileDropdownItem, EditGroupMember, EditGroupResult, FacilityCreationModalOptions, FacilityDetailData, FacilityDetailDisplayData, FacilityDetailEditContext, FamilyInvite, FamilyMember, FamilyMemberStatus, GroupMemberRow, HandbookDetailData, HandbookItem, InlineTabItem, InquiryPhoto, Language, LightboxAuthor, LightboxImage, LightboxImageOptions, LightboxMediaFile, LightboxMediaType, LightboxOptions, LightboxPdf, LightboxPdfOptions, LoadingPhase, LogoSize, LogoVariant, MediaPickerResult, ModalOptions, MoreMenuItem, NetworkStatus, NewFacilityData, NewInquiryData, NewInquiryModalOptions, Post, ActionResult as PostActionResult, PostDetailData, PromptBottomSheetResult, PromptGroupPreviewMember, TabConfig, TimeSlot, WhitelabelConfig };
+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, 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, 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 };

package/package.json

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

package/styles/ionic.css

@@ -986,4 +986,4 @@ ds-button .btn:active:not(:disabled) {
 /* FORCE hover background color directly - only for primary variant */
 ds-button[variant="primary"]:hover .btn {
   background-color: var(--color-accent-hover) !important;
-}
+}