@ieeesa-npm/dashboard 0.0.1 → 0.0.3

package/lib/components/upcoming-meetings-events/upcoming-meetings-events.component.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '@angular/core';
+import { PageEvent } from '@angular/material/paginator';
 import { AttendanceActionPermissions } from '../../models/attendance-action-permissions.model';
 import { AttendanceState } from '../../models/attendance-state.model';
 import { DashboardSectionState } from '../../models/dashboard-section-state.model';
@@ -26,131 +27,7 @@ import * as i0 from "@angular/core";
  */
 export declare class UpcomingMeetingsEventsComponent {
     /** User-facing strings sourced from `constants.json`. */
-    constants: {
-        welcomeHeader: {
-            greeting: string;
-            fallbackGreeting: string;
-            helperText: string;
-            jumpToLabel: string;
-            shortcuts: {
-                meetings: {
-                    label: string;
-                    iconUrl: string;
-                    ariaLabel: string;
-                };
-                groups: {
-                    label: string;
-                    iconUrl: string;
-                    ariaLabel: string;
-                };
-            };
-        };
-        upcomingSection: {
-            title: string;
-            viewAllLabel: string;
-            expandLabel: string;
-            collapseLabel: string;
-            ariaLabel: {
-                viewAll: string;
-                toggle: string;
-            };
-            emptyMessage: string;
-            errorMessage: string;
-        };
-        eventGroupCard: {
-            viewEventLabel: string;
-            meetingListToggle: {
-                showLabelPrefix: string;
-                showLabelSuffix: string;
-                hideLabel: string;
-            };
-            ariaLabel: {
-                viewEvent: string;
-                meetingListToggle: string;
-            };
-            paginator: {
-                rangeTemplate: string;
-                totalTemplate: string;
-            };
-        };
-        meetingRow: {
-            emptyFieldPlaceholder: string;
-            currentlyAttendingIndicator: string;
-            logAttendanceLabel: string;
-            leaveMeetingLabel: string;
-            ariaLabel: {
-                meetingNameLink: string;
-                logAttendance: string;
-                leaveMeeting: string;
-            };
-        };
-        groupsSection: {
-            title: string;
-            viewAllLabel: string;
-            expandLabel: string;
-            collapseLabel: string;
-            countSuffix: string;
-            emptyValue: string;
-            ariaLabel: {
-                viewAll: string;
-                toggle: string;
-                groupLink: string;
-            };
-            columns: {
-                group: string;
-                type: string;
-                officerRole: string;
-                /** Enum reference for template comparisons against `sectionState`. */
-                affiliation: string;
-                memberLevel: string;
-            };
-            paginator: {
-                rangeTemplate: string;
-                totalTemplate: string;
-            };
-            memberLevelBadge: {
-                votingMember: string;
-                default: string;
-            };
-            emptyMessage: string; /** Host permissions gating the per-row log-attendance / leave-meeting buttons. */
-            errorMessage: string;
-        };
-        memberLevel: {
-            colorMap: {
-                "Voting Member": string;
-                Observer: string;
-                /** Map of meeting id to current attendance state, passed down to each card. */
-                "Associate Member": string;
-                Member: string;
-                default: string;
-            };
-        };
-        attendance: {
-            errorMessage: string;
-        };
-        footer: {
-            links: {
-                label: string;
-                target: string;
-            }[];
-            copyright: string;
-        };
-        defaultRouteConfig: {
-            eventDetail: string;
-            meetingDetail: string;
-            groupDetail: string;
-            /**
-             * `trackBy` for the event-group-card `*ngFor`, keyed by the stable event id so
-             * Angular renders exactly one card per event in input order (Req 5.5, 5.6, 14.4).
-             * @param {number} index - The iteration index (fallback key).
-             * @param {UpcomingEvent} event - The event for this card.
-             * @return {string} The stable track key (event id).
-             * @memberof UpcomingMeetingsEventsComponent
-             */
-            viewAllEvents: string;
-            viewAllGroups: string;
-        };
-    };
+    constants: any;
     /** Enum reference for template comparisons against `sectionState`. */
     readonly sectionStates: typeof DashboardSectionState;
     /** The upcoming events rendered as event-group cards (Req 5.5, 5.6). */
@@ -179,8 +56,60 @@ export declare class UpcomingMeetingsEventsComponent {
     meetingPageChange: EventEmitter<{
         eventId: string;
     } & PageChange>;
+    /** Emits the event id + one-based page to lazily load an event's child meetings. */
+    loadEventMeetings: EventEmitter<{
+        eventId: string;
+        page: number;
+    }>;
     /** Whether the section's card list is currently expanded; starts collapsed. */
     isExpanded: boolean;
+    /** Section-level page size — 5 events/meetings per page per the design. */
+    readonly sectionPageSize = 5;
+    /** The current zero-based page index of the section list. */
+    sectionPageIndex: number;
+    /** The total number of events/meetings in the section (paginator length). */
+    get totalItems(): number;
+    /**
+     * The slice of events/meetings for the current section page (5 per page),
+     * used by the card `*ngFor`.
+     * @return {UpcomingEvent[]} The events on the current page.
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    get pagedEvents(): UpcomingEvent[];
+    /** The one-based index of the first item shown on the current page. */
+    get sectionRangeStart(): number;
+    /** The one-based index of the last item shown on the current page. */
+    get sectionRangeEnd(): number;
+    /**
+     * The section paginator range label (e.g. "1-5 of 20 Meetings & Events")
+     * built from the `constants.json` template.
+     * @return {string} The formatted range label.
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    get sectionRangeLabel(): string;
+    /**
+     * Handles the section paginator change, updating the current section page.
+     * @param {PageEvent} event - The Material paginator page event.
+     * @return {void}
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    onSectionPageChange(event: PageEvent): void;
+    /**
+     * Allows the host/container to open or close the section (e.g. a "Jump to"
+     * shortcut opens it). Writing the input mirrors the value onto the internal
+     * expand state while leaving the user's own toggle free to change it after.
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    set expanded(value: boolean);
+    get expanded(): boolean;
+    /**
+     * Emits the new expanded state whenever the user toggles the section, so a
+     * two-way `[(expanded)]` binding keeps the host's flag in sync (otherwise a
+     * host-opened section the user then collapses leaves the host flag stale,
+     * making a repeat "Jump to" a no-op).
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    expandedChange: EventEmitter<boolean>;
     /**
      * `trackBy` for the event-group-card `*ngFor`, keyed by the stable event id so
      * Angular renders exactly one card per event in input order (Req 5.5, 5.6, 14.4).
@@ -233,6 +162,14 @@ export declare class UpcomingMeetingsEventsComponent {
      * @memberof UpcomingMeetingsEventsComponent
      */
     onMeetingPageChange(eventId: string, page: PageChange): void;
+    /**
+     * Bubbles a card's lazy child-meeting load request upward, tagged with the
+     * originating event id so the container can fetch that event's meetings.
+     * @param {string} eventId - The event whose meetings to load.
+     * @param {number} page - The one-based page requested by the card.
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    onLoadEventMeetings(eventId: string, page: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UpcomingMeetingsEventsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UpcomingMeetingsEventsComponent, "ieeesa-upcoming-meetings-events", never, { "events": { "alias": "events"; "required": false; }; "sectionState": { "alias": "sectionState"; "required": false; }; "permissions": { "alias": "permissions"; "required": false; }; "attendanceStates": { "alias": "attendanceStates"; "required": false; }; "inFlightMeetingIds": { "alias": "inFlightMeetingIds"; "required": false; }; "isMobileView": { "alias": "isMobileView"; "required": false; }; }, { "viewAll": "viewAll"; "viewEvent": "viewEvent"; "openMeeting": "openMeeting"; "logAttendance": "logAttendance"; "leaveMeeting": "leaveMeeting"; "meetingPageChange": "meetingPageChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UpcomingMeetingsEventsComponent, "ieeesa-upcoming-meetings-events", never, { "events": { "alias": "events"; "required": false; }; "sectionState": { "alias": "sectionState"; "required": false; }; "permissions": { "alias": "permissions"; "required": false; }; "attendanceStates": { "alias": "attendanceStates"; "required": false; }; "inFlightMeetingIds": { "alias": "inFlightMeetingIds"; "required": false; }; "isMobileView": { "alias": "isMobileView"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, { "viewAll": "viewAll"; "viewEvent": "viewEvent"; "openMeeting": "openMeeting"; "logAttendance": "logAttendance"; "leaveMeeting": "leaveMeeting"; "meetingPageChange": "meetingPageChange"; "loadEventMeetings": "loadEventMeetings"; "expandedChange": "expandedChange"; }, never, never, true, never>;
 }

package/lib/components/your-groups/your-groups.component.d.ts

@@ -1,26 +1,39 @@
 import { EventEmitter } from '@angular/core';
 import { PageEvent } from '@angular/material/paginator';
-import { PaginatorConfig, TableActions, TableColumnSchema } from '@ieeesa-npm/presentation';
+import { IconButton } from '@ieeesa-npm/presentation';
 import { DashboardSectionState } from '../../models/dashboard-section-state.model';
-import { GroupRow } from '../../models/group-row.model';
+import { GroupHierarchyNode, GroupRow } from '../../models/group-row.model';
 import { PageChange } from '../../models/page-change.model';
 import * as i0 from "@angular/core";
 /**
- * Groups_Section (`ieeesa-your-groups`) renders the signed-in user's groups as a
- * paginated table inside a collapsible card. It shows the section title and a
- * "{n} Groups" count, a "View All" link, and a collapse/expand toggle that
- * controls the table's visibility (reflected via `[attr.aria-expanded]`). When
- * loaded it renders the groups table with the Presentation_Library
- * {@link DataTableComponent} using the columns Group, Type, Officer Role,
- * Affiliation, and Member Level (labels sourced from `constants.json`). The
- * Group cell is a LINK column that emits `groupSelected(groupId)`, and the
- * Member Level cell renders as a colored pill via the data-table's inline-badge
- * mechanism (green for voting-type levels, amber otherwise).
+ * A single rendered table row. Either a top-level group row (`kind: 'group'`,
+ * carrying the full {@link GroupRow}) or a hierarchy node row (`kind:
+ * 'hierarchy'`) revealed step-by-step as the user drills down. `nodeIndex` is
+ * the node's position in the group's `hierarchy[]`, used to drive the next
+ * drill-down level and the per-node toggle (matching the Groups module, where
+ * each level reveals only its next child and that child carries its own +/−).
+ */
+interface TableRow {
+    kind: 'group' | 'hierarchy';
+    group?: GroupRow;
+    node?: GroupHierarchyNode;
+    /** Index of this node within the group's hierarchy[] (hierarchy rows only). */
+    nodeIndex?: number;
+    level: number;
+}
+/**
+ * Groups_Section (`ieeesa-your-groups`) renders the signed-in user's groups in
+ * a collapsible card as a custom hierarchy table styled like the My Profile
+ * Find Groups tree: each group row carries a blue +/- toggle (when it has an
+ * ancestor hierarchy) that expands to reveal the group's hierarchy path
+ * (root→leaf), indented. Columns: Group, Type, Officer Role, Affiliation,
+ * Member Level (the member level renders as a coloured pill — green for an
+ * assigned level, amber for "Unassigned"). The card paginates the top-level
+ * groups (5 per page).
  *
- * The section is purely presentational: it emits navigation and pagination
- * intents via `@Output()` and never performs navigation or HTTP itself. The
- * Loader / empty-state / error regions are mutually exclusive and driven solely
- * by the `sectionState` input.
+ * Purely presentational: data arrives via `@Input`, intents leave via
+ * `@Output`; no API or navigation here. States (loader / empty / error / table)
+ * are driven by `sectionState`.
  * @export
  * @class YourGroupsComponent
  */
@@ -30,51 +43,134 @@ export declare class YourGroupsComponent {
     readonly texts: any;
     /** Enum reference for template comparisons against `sectionState`. */
     readonly sectionStates: typeof DashboardSectionState;
+    /** Per-level indentation step (px) for the expanded hierarchy rows. */
+    readonly indentPerLevel = 28;
+    /** Selectable "Items per page" page sizes. */
+    readonly pageSizeOptions: number[];
     /**
-     * The groups rendered in the table. Defaults to the dummy fixture so the
-     * table shows immediately while the API integration is pending; the host can
-     * override it once real data is wired in.
+     * Expand (+) icon button — the SAME sprite icon the Groups package uses for
+     * its tree expand toggle (icon-expand-collapse-plus), rendered via the shared
+     * IconButtonComponent for a consistent look across the app.
      */
-    groups: GroupRow[];
+    readonly expandIconButton: IconButton;
+    /** Collapse (−) icon button — the Groups package's icon-expand-collapse-minus. */
+    readonly collapseIconButton: IconButton;
     /**
-     * The section's load/empty/error state driving the mutually-exclusive
-     * regions. Defaults to LOADED (no loader) since the component renders dummy
-     * data for now; the host can set LOADING/EMPTY/ERROR once the API is wired.
+     * Returns the +/- toggle icon button for a level, matching the Groups tree:
+     * the minus (collapse) icon when that level is expanded, otherwise the plus
+     * (expand) icon.
+     * @param {GroupRow} group
+     * @param {number} index - -1 for the group row, else the node index.
+     * @return {IconButton}
+     * @memberof YourGroupsComponent
      */
+    getToggleButton(group: GroupRow, index: number): IconButton;
+    private groupsValue;
+    /** The groups rendered in the table. */
+    set groups(value: GroupRow[]);
+    get groups(): GroupRow[];
+    /** The section's load/empty/error state driving the mutually-exclusive regions. */
     sectionState: DashboardSectionState;
     /** Total number of groups (for the "{n} Groups" count and paginator). */
     totalGroups: number;
+    private pageIndexValue;
     /** Current zero-based page index. */
-    pageIndex: number;
-    /** Current page size. */
-    pageSize: number;
-    /** Emits the selected group's id when its name link is clicked. */
-    groupSelected: EventEmitter<string>;
+    set pageIndex(value: number);
+    get pageIndex(): number;
+    private pageSizeValue;
+    /** Current page size (defaults to 5 rows per page per the design). */
+    set pageSize(value: number);
+    get pageSize(): number;
     /** Emits when the "View All" link is activated. */
     viewAllGroups: EventEmitter<void>;
     /** Emits the requested page when the paginator changes. */
     pageChange: EventEmitter<PageChange>;
+    /**
+     * Emits the new expanded state whenever the user toggles the card, so a
+     * two-way `[(expanded)]` binding keeps the host's flag in sync. Without this,
+     * a host that opened the card (expanded=true) and then the user collapsing it
+     * would leave the host flag stale, so re-opening via the same input value
+     * would be a no-op.
+     * @memberof YourGroupsComponent
+     */
+    expandedChange: EventEmitter<boolean>;
     /** Whether the card is expanded (table visible). Starts collapsed. */
     isExpanded: boolean;
-    /** Data-table action flags: pagination only (no search/filter/add/edit). */
-    readonly tableActions: TableActions;
     /**
-     * The count shown in the header subtitle, preferring the server total and
-     * falling back to the current page length.
+     * Allows the host/container to open or close the card (e.g. a "Jump to"
+     * shortcut opens it).
+     * @memberof YourGroupsComponent
+     */
+    set expanded(value: boolean);
+    get expanded(): boolean;
+    /**
+     * Keys of the hierarchy levels currently expanded, each `"<groupId>:<index>"`.
+     * Index -1 is the group row itself (its toggle reveals the first hierarchy
+     * node); index N is the Nth hierarchy node (its toggle reveals node N+1). A
+     * level only reveals the NEXT node, matching the Groups module's step-by-step
+     * drill-down.
+     */
+    private readonly expandedKeys;
+    /** The flattened rows currently rendered (group rows + any revealed hierarchy rows). */
+    visibleRows: TableRow[];
+    /**
+     * The count shown in the header subtitle — the server total when provided,
+     * otherwise the number of groups.
      * @readonly
      * @memberof YourGroupsComponent
      */
     get groupCount(): number;
     /**
-     * The paginator config derived from the total/pageSize inputs.
-     * @readonly
+     * Builds the expand/collapse key for a hierarchy level. Index -1 is the group
+     * row itself; index N is the Nth hierarchy node.
+     * @param {GroupRow} group
+     * @param {number} index
+     * @return {string}
+     * @memberof YourGroupsComponent
+     */
+    private levelKey;
+    /**
+     * Whether a level shows a +/- toggle.
+     *
+     * - Group row (index -1): expandable when it has ANY hierarchy node, matching
+     *   the Groups module which shows the toggle on every group that has related
+     *   hierarchy (driven by hasChildren, true for all these groups).
+     * - Hierarchy node (index N): expandable only when there is a further node
+     *   after it (step-by-step drill-down); the deepest node is a leaf, no toggle.
+     * @param {GroupRow} group
+     * @param {number} index - -1 for the group row, else the node index.
+     * @return {boolean}
+     * @memberof YourGroupsComponent
+     */
+    isLevelExpandable(group: GroupRow, index: number): boolean;
+    /**
+     * Whether the group row shows a toggle (has related hierarchy to drill into).
+     * @param {GroupRow} group
+     * @return {boolean}
+     * @memberof YourGroupsComponent
+     */
+    hasHierarchy(group: GroupRow): boolean;
+    /**
+     * Whether a given level is currently expanded (its next node is revealed).
+     * @param {GroupRow} group
+     * @param {number} index
+     * @return {boolean}
+     * @memberof YourGroupsComponent
+     */
+    isLevelExpanded(group: GroupRow, index: number): boolean;
+    /** Convenience for the group row (level -1). */
+    isGroupExpanded(group: GroupRow): boolean;
+    /**
+     * Toggles a level's expansion (reveals/hides its next node). Collapsing a
+     * level also collapses everything deeper under it so re-opening starts fresh.
+     * @param {GroupRow} group
+     * @param {number} index - -1 for the group row, else the node index.
      * @memberof YourGroupsComponent
      */
-    get paginatorConfig(): PaginatorConfig;
-    /** Column schema for the groups data table. */
-    readonly columnSchema: TableColumnSchema[];
+    onToggleLevel(group: GroupRow, index: number): void;
     /**
-     * Toggles the card's expanded/collapsed state (table visibility).
+     * Toggles the card's expanded/collapsed state (whole table visibility) and
+     * emits the new state so the host's two-way binding stays in sync.
      * @memberof YourGroupsComponent
      */
     onToggleExpand(): void;
@@ -84,27 +180,38 @@ export declare class YourGroupsComponent {
      */
     onViewAll(): void;
     /**
-     * Emits the selected group's id from the data-table link click.
-     * @param {{ row: GroupRow }} event - The data-table link-click payload.
+     * Re-emits the Material paginator change (page index or "Items per page"
+     * size) as a {@link PageChange} for the host.
+     * @param {PageEvent} event - The Material paginator event.
      * @memberof YourGroupsComponent
      */
-    onGroupLinkClick(event: {
-        row: GroupRow;
-    }): void;
+    onPaginatorChange(event: PageEvent): void;
     /**
-     * Re-emits the paginator change as a {@link PageChange}.
-     * @param {PageEvent} event - The Material paginator event.
+     * Resolves the member-level pill CSS class, mirroring the My Groups profile
+     * tab: an assigned level renders green (success), "Unassigned" renders amber.
+     * @param {string} memberLevel
+     * @return {string}
      * @memberof YourGroupsComponent
      */
-    onPageChange(event: PageEvent): void;
+    resolveBadgeClass(memberLevel: string): string;
     /**
-     * Resolves the pill CSS class for a member level: the configured "success"
-     * (green) class for voting-type levels, otherwise the "warning" (amber) class.
-     * @param {string} memberLevel - The member level label.
+     * TrackBy for the rendered table rows.
+     * @param {number} index
+     * @param {TableRow} row
      * @return {string}
      * @memberof YourGroupsComponent
      */
-    private resolveBadgeClass;
+    trackByRow(index: number, row: TableRow): string;
+    /**
+     * Rebuilds the visible rows for the current page. Each group reveals its
+     * hierarchy ONE level at a time (Groups-module style): the group row reveals
+     * node 0 only when its own level (-1) is expanded; node 0 reveals node 1 only
+     * when node 0's level is expanded; and so on. Each revealed node that still
+     * has a child carries its own +/- toggle.
+     * @memberof YourGroupsComponent
+     */
+    private rebuildRows;
     static ɵfac: i0.ɵɵFactoryDeclaration<YourGroupsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<YourGroupsComponent, "ieeesa-your-groups", never, { "groups": { "alias": "groups"; "required": false; }; "sectionState": { "alias": "sectionState"; "required": false; }; "totalGroups": { "alias": "totalGroups"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; }, { "groupSelected": "groupSelected"; "viewAllGroups": "viewAllGroups"; "pageChange": "pageChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<YourGroupsComponent, "ieeesa-your-groups", never, { "groups": { "alias": "groups"; "required": false; }; "sectionState": { "alias": "sectionState"; "required": false; }; "totalGroups": { "alias": "totalGroups"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, { "viewAllGroups": "viewAllGroups"; "pageChange": "pageChange"; "expandedChange": "expandedChange"; }, never, never, true, never>;
 }
+export {};

package/lib/dashboard.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { BreakpointObserverService } from '@ieeesa-npm/presentation';
 import { UserPermission } from '@ieeesa-npm/models';
 import { AlertsService } from '@ieeesa-npm/utility';
@@ -86,17 +86,30 @@ export declare class DashboardComponent implements OnInit, OnDestroy {
             };
             emptyMessage: string;
             errorMessage: string;
+            paginator: {
+                rangeTemplate: string;
+            };
         };
         eventGroupCard: {
+            eventBadge: string;
+            standaloneBadge: string;
+            viewLabel: string;
             viewEventLabel: string;
+            eventDatesLabel: string;
+            meetingDateLabel: string;
+            timeTimezoneLabel: string;
+            meetingsLabel: string;
+            openForAttendanceTemplate: string;
             meetingListToggle: {
+                showLabel: string;
                 showLabelPrefix: string;
                 showLabelSuffix: string;
                 hideLabel: string;
             };
             ariaLabel: {
+                view: string;
                 viewEvent: string;
-                meetingListToggle: string;
+                meetingListToggle: string; /** The resolved target route path from the active {@link DashboardRouteConfig}. */
             };
             paginator: {
                 rangeTemplate: string;
@@ -105,6 +118,8 @@ export declare class DashboardComponent implements OnInit, OnDestroy {
         };
         meetingRow: {
             emptyFieldPlaceholder: string;
+            timeTimezoneLabel: string;
+            viewLabel: string;
             currentlyAttendingIndicator: string;
             logAttendanceLabel: string;
             leaveMeetingLabel: string;
@@ -121,6 +136,8 @@ export declare class DashboardComponent implements OnInit, OnDestroy {
             collapseLabel: string;
             countSuffix: string;
             emptyValue: string;
+            unassignedMemberLevel: string;
+            itemsPerPageLabel: string;
             ariaLabel: {
                 viewAll: string;
                 toggle: string;
@@ -138,8 +155,8 @@ export declare class DashboardComponent implements OnInit, OnDestroy {
                 totalTemplate: string;
             };
             memberLevelBadge: {
-                votingMember: string;
-                default: string;
+                success: string;
+                warning: string;
             };
             emptyMessage: string;
             errorMessage: string;
@@ -168,7 +185,6 @@ export declare class DashboardComponent implements OnInit, OnDestroy {
             meetingDetail: string;
             groupDetail: string;
             viewAllEvents: string;
-            /** The signed-in user's info used by the welcome header greeting (Req 11.3, 4.1). */
             viewAllGroups: string;
         };
     };
@@ -198,6 +214,17 @@ export declare class DashboardComponent implements OnInit, OnDestroy {
     attendancePermissions: AttendanceActionPermissions;
     /** Whether the viewport is at/below the mobile breakpoint (Req 15.1, 15.2). */
     isMobileView: boolean;
+    /** Whether the Upcoming Meetings & Events card is expanded. Starts collapsed. */
+    meetingsExpanded: boolean;
+    /** Whether the Your Groups card is expanded. Starts collapsed. */
+    groupsExpanded: boolean;
+    /**
+     * Section host elements used to scroll a "Jump to" target into view. Read as
+     * ElementRef (not the component instance) so the native element is available
+     * for scrollIntoView.
+     */
+    upcomingSection?: ElementRef<HTMLElement>;
+    groupsSection?: ElementRef<HTMLElement>;
     /**
      * Total number of meetings across the loaded upcoming events, shown in the
      * welcome header's "Upcoming Meetings & Events" shortcut badge.
@@ -214,7 +241,7 @@ export declare class DashboardComponent implements OnInit, OnDestroy {
     get groupsCount(): number;
     /** The current zero-based page index of the groups table. */
     groupsPageIndex: number;
-    /** The current page size of the groups table. */
+    /** The current page size of the groups table (5 rows per page per the design). */
     groupsPageSize: number;
     /** Completes on destroy to tear down all subscriptions (Req 2.4, 2.5). */
     private readonly destroy$;
@@ -244,10 +271,9 @@ export declare class DashboardComponent implements OnInit, OnDestroy {
      */
     onJumpToDateSelected(): void;
     /**
-     * Handles a welcome-header "Jump to" shortcut, emitting the navigation intent
-     * for the matching section so the host app routes to it: MEETINGS →
-     * `viewAllEvents` (/events-and-meetings/view-events-meetings-list), GROUPS →
-     * `viewAllGroups` (/groups).
+     * Handles a welcome-header "Jump to" shortcut: opens the matching section's
+     * card (so its content is visible) and smoothly scrolls it into view. It does
+     * NOT navigate away — the shortcut is an in-page jump to the section.
      * @param {DashboardJumpTarget} target - The selected shortcut target.
      * @return {void}
      * @memberof DashboardComponent
@@ -299,6 +325,18 @@ export declare class DashboardComponent implements OnInit, OnDestroy {
      * @memberof DashboardComponent
      */
     onGroupsPageChange(page: PageChange): void;
+    /**
+     * Lazily loads (or paginates) the child meetings of an expanded EVENT card via
+     * the service, surfacing the attendance error message on failure. Each event
+     * paginates independently.
+     * @param {{ eventId: string; page: number }} request - The event id and one-based page to load.
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    onLoadEventMeetings(request: {
+        eventId: string;
+        page: number;
+    }): void;
     /**
      * Delegates a log-attendance request to the service, surfacing the
      * attendance-action error message via the shared {@link AlertsService} on