@ieeesa-npm/dashboard 0.0.0-stage → 0.0.2

package/lib/assets/dashboard-mock.d.ts

@@ -0,0 +1,31 @@
+import { GroupRow } from '../models/group-row.model';
+import { MeetingRow } from '../models/meeting-row.model';
+import { UpcomingEvent } from '../models/upcoming-event.model';
+/**
+ * Mock upcoming-events + groups fixtures for the dashboard library.
+ *
+ * These exercise the key presentation edge cases:
+ * - empty/undefined `groupOrCommittee` and `roomOrLocation` (empty-field placeholder)
+ * - a mix of `CURRENTLY_ATTENDING` / `NOT_ATTENDING` attendance states
+ * - events with many meetings so per-card pagination is exercised
+ *
+ * TODO: Replace mock with real API call when BE is ready
+ */
+export declare const DashboardUpcomingEventsMock: UpcomingEvent[];
+/**
+ * Mock a single meeting row with an empty `meetingId` to exercise the
+ * non-actionable (empty/undefined id) path in the meeting row component.
+ *
+ * TODO: Replace mock with real API call when BE is ready
+ */
+export declare const DashboardNonActionableMeetingMock: MeetingRow;
+/**
+ * Mock groups fixtures for the dashboard "Your Groups" section.
+ *
+ * Includes rows with missing optional fields (`type`, `officerRole`,
+ * `affiliation`) and a spread of member levels so the member-level badge
+ * colour map and empty-field placeholders are exercised.
+ *
+ * TODO: Replace mock with real API call when BE is ready
+ */
+export declare const DashboardGroupsMock: GroupRow[];

package/lib/assets/dashboard-route-paths.mock.d.ts

@@ -0,0 +1,2 @@
+import { DashboardRouteConfig } from '../models/dashboard-route-config.model';
+export declare const DashboardRoutePathsMock: DashboardRouteConfig;

package/lib/assets/dashboard-user-permissions.mock.d.ts

@@ -0,0 +1,2 @@
+import { UserPermission } from '@ieeesa-npm/models';
+export declare const DashboardUserPermissionsMock: UserPermission[];

package/lib/assets/date-formats.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Luxon format tokens used across the dashboard library for rendering
+ * event/meeting dates, times, and timezones.
+ *
+ * These tokens follow the luxon `DateTime.toFormat()` convention
+ * (NOT moment). New code in this library must use luxon exclusively.
+ *
+ * @see https://moment.github.io/luxon/#/formatting?id=table-of-tokens
+ */
+export declare const DateFormats: {
+    /** ISO date used for request payloads, e.g. 2025-03-14. */
+    requestPayloadFormat: string;
+    /** ISO date-time used for request payloads, e.g. 2025-03-14T09:30:00. */
+    requestPayloadDateTimeFormat: string;
+    /** Human-readable date for display, e.g. 14 Mar 2025. */
+    displayFormat: string;
+    /** Human-readable long date for display, e.g. 14 March 2025. */
+    displayLongFormat: string;
+    /** 24-hour time for display, e.g. 09:30. */
+    timeFormat: string;
+    /** 12-hour time with meridiem for display, e.g. 9:30 AM. */
+    timeMeridiemFormat: string;
+    /** Short timezone abbreviation for display, e.g. EST. */
+    timezoneFormat: string;
+    /** Long timezone name for display, e.g. Eastern Standard Time. */
+    timezoneLongFormat: string;
+};

package/lib/components/event-group-card/event-group-card.component.d.ts

@@ -0,0 +1,268 @@
+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 { MeetingRow } from '../../models/meeting-row.model';
+import { PageChange } from '../../models/page-change.model';
+import { UpcomingEvent, UpcomingItemKind } from '../../models/upcoming-event.model';
+import * as i0 from "@angular/core";
+/**
+ * Event_Group_Card renders a single upcoming event as a card: the status badge,
+ * title, day indicator, meeting-count summary sub-line, start/end date, and
+ * timezone (all luxon-formatted). It exposes a "View Event" action, a
+ * show/hide toggle for the meeting list labeled with the open-for-attendance
+ * count, the per-event meeting rows (one {@link MeetingAttendanceRowComponent}
+ * per meeting on the current page), and a per-card paginator.
+ *
+ * The component is purely presentational — it emits navigation, attendance, and
+ * pagination intents via `@Output()` and never performs navigation or HTTP
+ * itself. Meeting-row outputs (`openMeeting`/`logAttendance`/`leaveMeeting`) are
+ * bubbled upward unchanged so the container can delegate to the service.
+ * @export
+ * @class EventGroupCardComponent
+ */
+export declare class EventGroupCardComponent {
+    /** User-facing strings sourced from `constants.json`. */
+    constants: any;
+    /** Enum reference for EVENT vs STANDALONE_MEETING comparisons in the template. */
+    readonly itemKinds: typeof UpcomingItemKind;
+    /**
+     * The event status slugified into a BEM modifier suffix (lowercase, spaces to
+     * hyphens), e.g. "In Progress" -> "in-progress", used to colour the status
+     * pill per status.
+     * @return {string} The status modifier suffix.
+     * @memberof EventGroupCardComponent
+     */
+    get statusModifier(): string;
+    /** The upcoming event rendered by this card. */
+    event: UpcomingEvent;
+    /** Host permissions gating the per-row log-attendance / leave-meeting buttons. */
+    permissions: AttendanceActionPermissions;
+    /** Map of meeting id to current attendance state, passed down to each row. */
+    attendanceStates: Record<string, AttendanceState>;
+    /** Set of meeting ids with an attendance action awaiting resolution. */
+    inFlightMeetingIds: ReadonlySet<string>;
+    /** Whether the host has determined the viewport is at/below the mobile breakpoint. */
+    isMobileView: boolean;
+    /** Emits the event id when the "View Event" button is activated (Req 6.4). */
+    viewEvent: EventEmitter<string>;
+    /** Bubbles the meeting id when a row's meeting-name link is activated (Req 6.7, 7.4). */
+    openMeeting: EventEmitter<string>;
+    /** Bubbles the meeting id when a row requests logging attendance (Req 6.7, 7.7). */
+    logAttendance: EventEmitter<string>;
+    /** Bubbles the meeting id when a row requests leaving the meeting (Req 6.7, 7.8). */
+    leaveMeeting: EventEmitter<string>;
+    /** Emits the requested page when the per-card paginator changes (Req 6.9, 3.3). */
+    pageChange: EventEmitter<PageChange>;
+    /**
+     * Emits the one-based page to load when the meeting list is opened (or paged)
+     * so the container can lazily fetch the event's child meetings from the
+     * backend. Standalone-meeting cards never emit this.
+     */
+    loadMeetings: EventEmitter<number>;
+    /** The default page size for the per-card meeting paginator. */
+    readonly defaultPageSize = 5;
+    /** The current zero-based page index of the meeting list. */
+    pageIndex: number;
+    /** The current page size of the meeting list. */
+    pageSize: number;
+    /** Whether the meeting list is currently shown (toggled open). */
+    isMeetingListOpen: boolean;
+    /**
+     * Whether this card renders a STANDALONE_MEETING (leaner single-meeting card
+     * with no child-meeting list) rather than an expandable EVENT block.
+     * @return {boolean} True for standalone-meeting cards.
+     * @memberof EventGroupCardComponent
+     */
+    get isStandalone(): boolean;
+    /**
+     * The full list of meetings for the event, defaulting to an empty list when
+     * the event has none.
+     * @return {MeetingRow[]} The event's meetings.
+     * @memberof EventGroupCardComponent
+     */
+    get meetings(): MeetingRow[];
+    /**
+     * The total number of meetings for the event (paginator length). Uses the
+     * backend `meetingCount` (the full total) rather than the length of the
+     * currently loaded page, so the paginator can advance through every page.
+     * @return {number} The total meeting count.
+     * @memberof EventGroupCardComponent
+     */
+    get totalMeetings(): number;
+    /**
+     * The meetings to render for the current page. The server returns exactly one
+     * page of meetings into `event.meetings`, so the card renders them as-is
+     * without local slicing (pagination is server-side).
+     * @return {MeetingRow[]} The meetings on the current page.
+     * @memberof EventGroupCardComponent
+     */
+    get pagedMeetings(): MeetingRow[];
+    /**
+     * The one-based index of the first meeting shown on the current page, or 0
+     * when there are no meetings.
+     * @return {number} The start index for the range template.
+     * @memberof EventGroupCardComponent
+     */
+    get rangeStart(): number;
+    /**
+     * The one-based index of the last meeting shown on the current page, clamped
+     * to the total meeting count.
+     * @return {number} The end index for the range template.
+     * @memberof EventGroupCardComponent
+     */
+    get rangeEnd(): number;
+    /**
+     * The paginator range label (e.g. "Showing 1-5 of 12") built from the
+     * `constants.json` range template with the current start/end/total values.
+     * @return {string} The formatted range label.
+     * @memberof EventGroupCardComponent
+     */
+    get rangeLabel(): string;
+    /**
+     * The meeting-count summary sub-line (e.g. "12 meetings") built from the
+     * `constants.json` total template with the event's meeting count.
+     * @return {string} The formatted meeting-count summary.
+     * @memberof EventGroupCardComponent
+     */
+    get meetingCountSummary(): string;
+    /**
+     * The header sub-line: the group · location line for a STANDALONE meeting, or
+     * the "{n} meetings scheduled across the event" summary for an EVENT when its
+     * meeting count is known (hidden until the count is loaded so it never shows
+     * "0 meetings").
+     * @return {string} The sub-line text, or an empty string to hide it.
+     * @memberof EventGroupCardComponent
+     */
+    get subtitleText(): string;
+    /**
+     * The meeting-list show/hide toggle label. When the list is hidden the label
+     * reads "Show Meetings ({count} open for attendance)" built from the
+     * `constants.json` templates and the event's open-for-attendance count; when
+     * the list is shown the label reads the configured hide label (Req 6.5).
+     * @return {string} The toggle button label.
+     * @memberof EventGroupCardComponent
+     */
+    get meetingListToggleLabel(): string;
+    /**
+     * The "{count} Meetings open for attendance" summary shown in the event's
+     * meetings bar, built from the `constants.json` template and the event's
+     * open-for-attendance count (Req 6.5).
+     * @return {string} The formatted open-for-attendance summary.
+     * @memberof EventGroupCardComponent
+     */
+    get openForAttendanceSummary(): string;
+    /**
+     * The {@link MeetingRow} view model for a STANDALONE_MEETING card, projected
+     * from the event entry so the shared {@link MeetingAttendanceRowComponent}
+     * renders its time/timezone block and attendance action.
+     * @return {MeetingRow} The standalone meeting row.
+     * @memberof EventGroupCardComponent
+     */
+    get standaloneMeeting(): MeetingRow;
+    /**
+     * The formatted "start – end time (timezone)" string for a STANDALONE meeting,
+     * mirroring the inner meeting row's TIME & TIMEZONE value.
+     * @return {string} The formatted time + timezone.
+     * @memberof EventGroupCardComponent
+     */
+    get standaloneTime(): string;
+    /**
+     * Whether the STANDALONE meeting is currently being attended (drives the pill
+     * and the leave action).
+     * @return {boolean} True when the standalone meeting is currently attending.
+     * @memberof EventGroupCardComponent
+     */
+    get isStandaloneAttending(): boolean;
+    /**
+     * Whether the STANDALONE meeting's Log Attendance button is shown (not
+     * attending and the host grants the permission).
+     * @return {boolean} True when the log-attendance button is visible.
+     * @memberof EventGroupCardComponent
+     */
+    get showStandaloneLog(): boolean;
+    /**
+     * Whether the STANDALONE meeting's Leave Meeting button is shown (attending
+     * and the host grants the permission).
+     * @return {boolean} True when the leave-meeting button is visible.
+     * @memberof EventGroupCardComponent
+     */
+    get showStandaloneLeave(): boolean;
+    /** The luxon-formatted start date of the event (ISO or epoch ms) (Req 6.2). */
+    get formattedStartDate(): string;
+    /** The luxon-formatted end date of the event (ISO or epoch ms) (Req 6.2). */
+    get formattedEndDate(): string;
+    /**
+     * `trackBy` for the meeting-row `*ngFor`, keyed by the stable meeting id so
+     * Angular reuses row components across pagination/state changes (Req 6.7, 14.4).
+     * @param {number} _index - The iteration index (unused).
+     * @param {MeetingRow} meeting - The meeting for this row.
+     * @return {string} The stable track key (meeting id).
+     * @memberof EventGroupCardComponent
+     */
+    trackByMeetingId(_index: number, meeting: MeetingRow): string;
+    /**
+     * Resolves the attendance state for a meeting from the `attendanceStates` map,
+     * defaulting to `NOT_ATTENDING` when the map has no entry for it.
+     * @param {MeetingRow} meeting - The meeting to resolve state for.
+     * @return {AttendanceState} The attendance state passed to the row.
+     * @memberof EventGroupCardComponent
+     */
+    resolveAttendanceState(meeting: MeetingRow): AttendanceState;
+    /**
+     * Resolves whether a meeting has an attendance action in flight from the
+     * `inFlightMeetingIds` set.
+     * @param {MeetingRow} meeting - The meeting to check.
+     * @return {boolean} True when the meeting's action is awaiting resolution.
+     * @memberof EventGroupCardComponent
+     */
+    resolveIsInFlight(meeting: MeetingRow): boolean;
+    /**
+     * Toggles the meeting-list visibility, lazily requesting the first page of the
+     * event's child meetings from the container the first time it is opened (Req 6.6).
+     * @memberof EventGroupCardComponent
+     */
+    onToggleMeetingList(): void;
+    /**
+     * Handles the "View Event" button, emitting the event id to the host (Req 6.4).
+     * @memberof EventGroupCardComponent
+     */
+    onViewEvent(): void;
+    /**
+     * Bubbles a row's meeting-name link activation upward (Req 6.7, 7.4).
+     * @param {string} meetingId - The id emitted by the row.
+     * @memberof EventGroupCardComponent
+     */
+    onOpenMeeting(meetingId: string): void;
+    /**
+     * Bubbles a row's log-attendance request upward (Req 6.7, 7.7).
+     * @param {string} meetingId - The id emitted by the row.
+     * @memberof EventGroupCardComponent
+     */
+    onLogAttendance(meetingId: string): void;
+    /**
+     * Bubbles a row's leave-meeting request upward (Req 6.7, 7.8).
+     * @param {string} meetingId - The id emitted by the row.
+     * @memberof EventGroupCardComponent
+     */
+    onLeaveMeeting(meetingId: string): void;
+    /**
+     * Handles the per-card paginator change, updating the local page state and
+     * emitting the requested page as a {@link PageChange} (Req 6.9, 3.3).
+     * @param {PageEvent} event - The Material paginator page event.
+     * @memberof EventGroupCardComponent
+     */
+    onPageChange(event: PageEvent): void;
+    /**
+     * Formats a date for display, preferring the epoch-milliseconds value (from
+     * the real API) formatted in the event's timezone and falling back to a legacy
+     * ISO string. Returns an empty string when neither is present.
+     * @param {number | undefined} epochMs - The epoch-milliseconds value.
+     * @param {string | undefined} isoValue - The legacy ISO fallback.
+     * @return {string} The formatted date or an empty string.
+     * @memberof EventGroupCardComponent
+     */
+    private formatDate;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EventGroupCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EventGroupCardComponent, "ieeesa-event-group-card", never, { "event": { "alias": "event"; "required": false; }; "permissions": { "alias": "permissions"; "required": false; }; "attendanceStates": { "alias": "attendanceStates"; "required": false; }; "inFlightMeetingIds": { "alias": "inFlightMeetingIds"; "required": false; }; "isMobileView": { "alias": "isMobileView"; "required": false; }; }, { "viewEvent": "viewEvent"; "openMeeting": "openMeeting"; "logAttendance": "logAttendance"; "leaveMeeting": "leaveMeeting"; "pageChange": "pageChange"; "loadMeetings": "loadMeetings"; }, never, never, true, never>;
+}

package/lib/components/meeting-attendance-row/meeting-attendance-row.component.d.ts

@@ -0,0 +1,115 @@
+import { EventEmitter } from '@angular/core';
+import { AttendanceActionPermissions } from '../../models/attendance-action-permissions.model';
+import { AttendanceState } from '../../models/attendance-state.model';
+import { MeetingRow } from '../../models/meeting-row.model';
+import * as i0 from "@angular/core";
+/**
+ * Meeting_Attendance_Row renders a single meeting within an event-group card:
+ * the meeting-name link, group/committee, room/location, date, and
+ * time+timezone (all luxon-formatted), together with the attendance action
+ * button that drives the per-meeting attendance state machine.
+ *
+ * The component is purely presentational — it emits navigation and attendance
+ * intents via `@Output()` and never performs navigation or HTTP itself. The
+ * action button delegates to the pure `resolveAttendanceAction` handler so the
+ * emit/guard logic is shared with the property-tested core (Property 1), and the
+ * displayed state only advances when the host updates `attendanceState`.
+ * @export
+ * @class MeetingAttendanceRowComponent
+ */
+export declare class MeetingAttendanceRowComponent {
+    constants: any;
+    /** The meeting rendered by this row. */
+    meeting: MeetingRow;
+    /** The current attendance state controlling label/indicator and action. */
+    attendanceState: AttendanceState;
+    /** Whether an attendance action for this meeting is awaiting resolution. */
+    isInFlight: boolean;
+    /** Host permissions gating the log-attendance / leave-meeting buttons. */
+    permissions: AttendanceActionPermissions;
+    /**
+     * Renders the leaner "standalone meeting" variant used by standalone-meeting
+     * cards (the group/location and status live on the parent card, so the row
+     * only shows the TIME & TIMEZONE block and the attendance + View actions).
+     */
+    compact: boolean;
+    /** Emits the meeting id when the meeting-name link is activated (Req 7.4). */
+    openMeeting: EventEmitter<string>;
+    /** Emits the meeting id to request logging attendance (Req 7.7). */
+    logAttendance: EventEmitter<string>;
+    /** Emits the meeting id to request leaving the meeting (Req 7.8). */
+    leaveMeeting: EventEmitter<string>;
+    /** Expose the enum to the template for state comparisons. */
+    readonly AttendanceState: typeof AttendanceState;
+    /**
+     * Whether this row is actionable — a non-empty `meetingId` is required for the
+     * meeting-name link and action button to emit anything (Req 7.10).
+     * @return {boolean} True when the row has a usable meeting id.
+     * @memberof MeetingAttendanceRowComponent
+     */
+    get isActionable(): boolean;
+    /**
+     * Whether the row is in the currently-attending state, which shows the
+     * currently-attending indicator and the leave-meeting action (Req 7.5).
+     * @return {boolean} True when the attendance state is `CURRENTLY_ATTENDING`.
+     * @memberof MeetingAttendanceRowComponent
+     */
+    get isCurrentlyAttending(): boolean;
+    /**
+     * Whether the log-attendance button should be shown: only when the row is in
+     * the log state (not currently attending) and the host grants
+     * `canLogAttendance` (Req 7.6, 12.1).
+     * @return {boolean} True when the log-attendance button is visible.
+     * @memberof MeetingAttendanceRowComponent
+     */
+    get showLogAttendanceButton(): boolean;
+    /**
+     * Whether the leave-meeting button should be shown: only when the row is in
+     * the currently-attending state and the host grants `canLeaveMeeting`
+     * (Req 7.5, 12.2).
+     * @return {boolean} True when the leave-meeting button is visible.
+     * @memberof MeetingAttendanceRowComponent
+     */
+    get showLeaveMeetingButton(): boolean;
+    /**
+     * Resolves a group-or-committee / room-or-location field value, substituting
+     * the empty-field placeholder from `constants.json` when the value is empty or
+     * undefined (Req 7.2).
+     * @param {string | undefined} value - The raw field value from the meeting.
+     * @return {string} The value to display, or the empty-field placeholder.
+     * @memberof MeetingAttendanceRowComponent
+     */
+    resolveFieldValue(value: string | undefined): string;
+    /**
+     * Formats the meeting date for display using the shared luxon display format
+     * (Req 7.3). Falls back to the raw value when it cannot be parsed.
+     * @return {string} The formatted meeting date.
+     * @memberof MeetingAttendanceRowComponent
+     */
+    get formattedDate(): string;
+    /**
+     * Formats the meeting time + timezone for display using luxon (Req 7.3).
+     * The timezone abbreviation from the meeting model is appended to the parsed
+     * time. Falls back to the raw value when it cannot be parsed.
+     * @return {string} The formatted meeting time with timezone.
+     * @memberof MeetingAttendanceRowComponent
+     */
+    get formattedTime(): string;
+    /**
+     * Handles activation of the attendance action button. Delegates to the pure
+     * `resolveAttendanceAction` handler and emits exactly one event based on the
+     * resolved action: `logAttendance` for `LOG_ATTENDANCE`, `leaveMeeting` for
+     * `LEAVE_MEETING`, and nothing for `NONE` (empty id or in-flight)
+     * (Req 7.7, 7.8, 7.9, 7.10, 13.6).
+     * @memberof MeetingAttendanceRowComponent
+     */
+    onAttendanceAction(): void;
+    /**
+     * Handles activation of the meeting-name link. Emits the meeting id only when
+     * the row is actionable (non-empty meeting id) (Req 7.4, 7.10).
+     * @memberof MeetingAttendanceRowComponent
+     */
+    onOpenMeeting(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MeetingAttendanceRowComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MeetingAttendanceRowComponent, "ieeesa-meeting-attendance-row", never, { "meeting": { "alias": "meeting"; "required": false; }; "attendanceState": { "alias": "attendanceState"; "required": false; }; "isInFlight": { "alias": "isInFlight"; "required": false; }; "permissions": { "alias": "permissions"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; }, { "openMeeting": "openMeeting"; "logAttendance": "logAttendance"; "leaveMeeting": "leaveMeeting"; }, never, never, true, never>;
+}

package/lib/components/member-level-badge/member-level-badge.component.d.ts

@@ -0,0 +1,177 @@
+import { Legend } from '@ieeesa-npm/presentation';
+import * as i0 from "@angular/core";
+/**
+ * Member_Level_Badge renders a single member-level value as a colored pill.
+ * It reuses the Presentation_Library Legend component for the pill primitive,
+ * sourcing the level-to-color mapping from `constants.json` (`memberLevel.colorMap`)
+ * with a nullish-coalescing fallback to the configured default color.
+ * @export
+ * @class MemberLevelBadgeComponent
+ */
+export declare class MemberLevelBadgeComponent {
+    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;
+            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;
+            };
+            paginator: {
+                rangeTemplate: string;
+                totalTemplate: string;
+            };
+        };
+        meetingRow: {
+            emptyFieldPlaceholder: string;
+            timeTimezoneLabel: string;
+            viewLabel: 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;
+            unassignedMemberLevel: string;
+            itemsPerPageLabel: string;
+            ariaLabel: {
+                viewAll: string;
+                toggle: string;
+                groupLink: string;
+            };
+            columns: {
+                group: string;
+                type: string;
+                officerRole: string;
+                affiliation: string;
+                memberLevel: string;
+            };
+            paginator: {
+                rangeTemplate: string;
+                totalTemplate: string;
+            };
+            memberLevelBadge: {
+                success: string;
+                warning: string;
+            };
+            emptyMessage: string;
+            errorMessage: string;
+        };
+        memberLevel: {
+            colorMap: {
+                "Voting Member": string;
+                Observer: string;
+                "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;
+            viewAllEvents: string;
+            viewAllGroups: string;
+        };
+    };
+    private memberLevelValue;
+    set memberLevel(value: string);
+    get memberLevel(): string;
+    /** The Legend input consumed by the Presentation_Library Legend component. */
+    legends: Legend[];
+    /**
+     * Builds the single-item Legend list for the supplied member level, resolving
+     * the pill color from the `constants.json` color map and falling back to the
+     * configured default color when the level has no explicit mapping.
+     * @param {string} memberLevel - The member-level label to render.
+     * @return {Legend[]} A single-element Legend array for the Legend component.
+     * @memberof MemberLevelBadgeComponent
+     */
+    private buildLegends;
+    /**
+     * Resolves the CSS modifier class for a member level from the `constants.json`
+     * color map, using the `??` fallback to the `default` entry when the level is
+     * missing from the map.
+     * @param {string} memberLevel - The member-level label to resolve a color for.
+     * @return {string} The CSS modifier class applied to the pill.
+     * @memberof MemberLevelBadgeComponent
+     */
+    private resolveColorClass;
+    /**
+     * Converts a shared-styles color token (for example `$ieeesa-color-success`)
+     * into a valid BEM-style CSS modifier class defined in this component's SCSS.
+     * @param {string} token - The color token from the color map.
+     * @return {string} A valid CSS class name.
+     * @memberof MemberLevelBadgeComponent
+     */
+    private toColorClass;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MemberLevelBadgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MemberLevelBadgeComponent, "ieeesa-member-level-badge", never, { "memberLevel": { "alias": "memberLevel"; "required": false; }; }, {}, never, never, true, never>;
+}