@ieeesa-npm/dashboard 0.0.0-stage → 0.0.2

package/fesm2022/ieeesa-npm-dashboard.mjs

@@ -0,0 +1,2981 @@
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, Input, Output, Injectable, ElementRef, ViewChild, NgModule } from '@angular/core';
+import { BehaviorSubject, map, catchError, of, Subject, takeUntil } from 'rxjs';
+import { AlertType } from '@ieeesa-npm/models';
+import * as i1$1 from '@ieeesa-npm/utility';
+import { AlertsService } from '@ieeesa-npm/utility';
+import * as i2 from '@angular/material/paginator';
+import { MatPaginatorModule } from '@angular/material/paginator';
+import * as i3 from '@ieeesa-npm/presentation';
+import { LoaderComponent, LegendComponent } from '@ieeesa-npm/presentation';
+import { DateTime } from 'luxon';
+
+/* eslint-disable no-unused-vars */
+var DashboardSectionState;
+(function (DashboardSectionState) {
+    DashboardSectionState["LOADING"] = "LOADING";
+    DashboardSectionState["LOADED"] = "LOADED";
+    DashboardSectionState["EMPTY"] = "EMPTY";
+    DashboardSectionState["ERROR"] = "ERROR";
+})(DashboardSectionState || (DashboardSectionState = {}));
+
+/* eslint-disable no-unused-vars */
+var AttendanceState;
+(function (AttendanceState) {
+    AttendanceState["CURRENTLY_ATTENDING"] = "CURRENTLY_ATTENDING";
+    AttendanceState["NOT_ATTENDING"] = "NOT_ATTENDING";
+})(AttendanceState || (AttendanceState = {}));
+
+/* eslint-disable no-unused-vars */
+/**
+ * Discriminates how a row in the "Upcoming Meetings & Events" list is rendered.
+ * EVENT rows render as an expandable event block that owns child meetings;
+ * STANDALONE_MEETING rows render as a single meeting card and always sort LAST
+ * within the list.
+ */
+var UpcomingItemKind;
+(function (UpcomingItemKind) {
+    UpcomingItemKind["EVENT"] = "EVENT";
+    UpcomingItemKind["STANDALONE_MEETING"] = "STANDALONE_MEETING";
+})(UpcomingItemKind || (UpcomingItemKind = {}));
+
+/**
+ * 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
+ */
+const DateFormats = {
+    /** ISO date used for request payloads, e.g. 2025-03-14. */
+    requestPayloadFormat: 'yyyy-MM-dd',
+    /** ISO date-time used for request payloads, e.g. 2025-03-14T09:30:00. */
+    requestPayloadDateTimeFormat: "yyyy-MM-dd'T'HH:mm:ss",
+    /** Human-readable date for display, e.g. 14 Mar 2025. */
+    displayFormat: 'dd MMM yyyy',
+    /** Human-readable long date for display, e.g. 14 March 2025. */
+    displayLongFormat: 'dd MMMM yyyy',
+    /** 24-hour time for display, e.g. 09:30. */
+    timeFormat: 'HH:mm',
+    /** 12-hour time with meridiem for display, e.g. 9:30 AM. */
+    timeMeridiemFormat: 'h:mm a',
+    /** Short timezone abbreviation for display, e.g. EST. */
+    timezoneFormat: 'ZZZZ',
+    /** Long timezone name for display, e.g. Eastern Standard Time. */
+    timezoneLongFormat: 'ZZZZZ',
+};
+
+/**
+ * Pure helpers for the per-meeting attendance action state machine. No Angular /
+ * service dependencies so they are trivially testable (property-tested as
+ * Property 1) and reusable by `MeetingAttendanceRowComponent`.
+ *
+ * The handler is the single source of truth for what a meeting row's action
+ * button should emit when activated. The displayed `AttendanceState` only
+ * advances on a successful resolution (handled by the service reducers), so this
+ * function is a pure mapping from the current inputs to the action to emit.
+ */
+/* eslint-disable no-unused-vars */
+/**
+ * The action a meeting row's action button should emit when activated.
+ * `NONE` means the activation is non-actionable (empty id or in-flight) and the
+ * row must emit no `logAttendance` / `leaveMeeting` / navigation event.
+ */
+var AttendanceAction;
+(function (AttendanceAction) {
+    AttendanceAction["LOG_ATTENDANCE"] = "LOG_ATTENDANCE";
+    AttendanceAction["LEAVE_MEETING"] = "LEAVE_MEETING";
+    AttendanceAction["NONE"] = "NONE";
+})(AttendanceAction || (AttendanceAction = {}));
+/* eslint-enable no-unused-vars */
+/**
+ * Resolves the attendance action to emit for a meeting row, following the
+ * attendance action state machine (see design: Attendance Action State Machine).
+ *
+ * Behavior:
+ * - Returns `NONE` when `meetingId` is empty or undefined (non-actionable row).
+ * - Returns `NONE` while the row is in-flight (re-entrancy guard — no further
+ *   event is emitted until the current action resolves).
+ * - Returns `LEAVE_MEETING` when the state is `CURRENTLY_ATTENDING`.
+ * - Returns `LOG_ATTENDANCE` when the state is `NOT_ATTENDING` or undefined.
+ *
+ * @param {AttendanceState | undefined} attendanceState The row's current attendance state.
+ * @param {boolean} isInFlight Whether an attendance action for this row is awaiting resolution.
+ * @param {string | undefined} meetingId The row's meeting identifier.
+ * @return {AttendanceAction} The action to emit, or `NONE` when non-actionable.
+ */
+function resolveAttendanceAction(attendanceState, isInFlight, meetingId) {
+    if (!meetingId) {
+        return AttendanceAction.NONE;
+    }
+    if (isInFlight) {
+        return AttendanceAction.NONE;
+    }
+    if (attendanceState === AttendanceState.CURRENTLY_ATTENDING) {
+        return AttendanceAction.LEAVE_MEETING;
+    }
+    return AttendanceAction.LOG_ATTENDANCE;
+}
+
+/**
+ * Pure luxon date/time formatting helpers for the dashboard library.
+ *
+ * The real "events & meetings" backend returns date-times as ISO-8601 strings
+ * (e.g. "2026-01-01T00:00:00") together with a display timezone string
+ * (e.g. "(UTC-04:00) America/New_York"). These helpers parse the ISO value and
+ * render it in the item's own zone (never moment). A numeric epoch-milliseconds
+ * value is also accepted for backward compatibility with fixtures/tests. All
+ * helpers fall back gracefully to an empty string when the value is missing or
+ * unparseable.
+ */
+/**
+ * Extracts a luxon-usable IANA zone from a backend timezone string such as
+ * "(UTC-04:00) America/New_York" or "America/New_York". Returns `undefined`
+ * when no usable zone can be derived so luxon falls back to the local zone.
+ * @param {string | undefined} timezone - The backend timezone string.
+ * @return {string | undefined} The IANA zone id, or undefined.
+ */
+function extractIanaZone(timezone) {
+    if (!timezone) {
+        return undefined;
+    }
+    // Strip a leading "(UTC±HH:MM) " offset prefix when present.
+    const closingParen = timezone.indexOf(') ');
+    const zone = closingParen > -1
+        ? timezone.slice(closingParen + 2).trim()
+        : timezone.trim();
+    return zone.length > 0 ? zone : undefined;
+}
+/**
+ * Parses a backend date-time value — either an ISO-8601 string
+ * (e.g. "2026-01-01T00:00:00") or an epoch-milliseconds number — into a luxon
+ * {@link DateTime} in the supplied timezone. The ISO value is treated as a wall
+ * time in the item's zone so the rendered time matches the backend's intent.
+ * Returns an invalid DateTime when the value is missing/unparseable.
+ * @param {string | number | undefined | null} value - The ISO string or epoch ms.
+ * @param {string | undefined} timezone - The backend timezone string.
+ * @return {DateTime} The parsed luxon DateTime (may be invalid).
+ */
+function parseBackendDateTime(value, timezone) {
+    const zone = extractIanaZone(timezone);
+    if (value === undefined || value === null || value === '') {
+        return DateTime.invalid('empty');
+    }
+    if (typeof value === 'number') {
+        return zone
+            ? DateTime.fromMillis(value, { zone })
+            : DateTime.fromMillis(value);
+    }
+    // ISO string: parse as a wall time in the item's zone when known.
+    const isoOptions = zone ? { zone } : {};
+    const parsed = DateTime.fromISO(value, isoOptions);
+    return parsed.isValid ? parsed : DateTime.fromISO(value);
+}
+/**
+ * Formats a backend date-time value (ISO string or epoch ms) with luxon using
+ * the supplied format token, honouring the supplied timezone. Returns an empty
+ * string when the value is missing or invalid.
+ * @param {string | number | undefined | null} value - The ISO string or epoch ms.
+ * @param {string} format - The luxon `toFormat` token.
+ * @param {string | undefined} timezone - The backend timezone string.
+ * @return {string} The formatted value, or an empty string.
+ */
+function formatBackendDateTime(value, format, timezone) {
+    const parsed = parseBackendDateTime(value, timezone);
+    return parsed.isValid ? parsed.toFormat(format) : '';
+}
+/**
+ * Backward-compatible alias kept for existing callers. Accepts ISO strings or
+ * epoch ms and formats them in the item's zone.
+ * @param {string | number | undefined | null} value - The ISO string or epoch ms.
+ * @param {string} format - The luxon `toFormat` token.
+ * @param {string | undefined} timezone - The backend timezone string.
+ * @return {string} The formatted value, or an empty string.
+ */
+function formatEpoch(value, format, timezone) {
+    return formatBackendDateTime(value, format, timezone);
+}
+/**
+ * Computes a human "Day X of Y" indicator for a multi-day event from its start
+ * and end date-times, relative to "now". Returns an empty string when the dates
+ * are missing/invalid or the event spans a single day.
+ * @param {string | number | undefined | null} start - Event start (ISO or epoch ms).
+ * @param {string | number | undefined | null} end - Event end (ISO or epoch ms).
+ * @param {string | undefined} timezone - The backend timezone string.
+ * @return {string} The "Day X of Y" label, or an empty string.
+ */
+function computeDayIndicator(start, end, timezone) {
+    const zone = extractIanaZone(timezone);
+    const startDt = parseBackendDateTime(start, timezone);
+    const endDt = parseBackendDateTime(end, timezone);
+    if (!startDt.isValid || !endDt.isValid) {
+        return '';
+    }
+    const startDay = startDt.startOf('day');
+    const endDay = endDt.startOf('day');
+    const totalDays = Math.floor(endDay.diff(startDay, 'days').days) + 1;
+    // Only meaningful for short, multi-day events (a conference-week style span).
+    // Very long spans (e.g. a year-long series) are not shown as "Day X of Y".
+    const MAX_DAY_INDICATOR_SPAN = 31;
+    if (totalDays <= 1 || totalDays > MAX_DAY_INDICATOR_SPAN) {
+        return '';
+    }
+    const now = (zone ? DateTime.now().setZone(zone) : DateTime.now()).startOf('day');
+    const clampedNow = now < startDay ? startDay : now > endDay ? endDay : now;
+    const currentDay = Math.floor(clampedNow.diff(startDay, 'days').days) + 1;
+    return `Day ${currentDay} of ${totalDays}`;
+}
+
+var welcomeHeader = {
+	greeting: "Welcome back, ",
+	fallbackGreeting: "Welcome back",
+	helperText: "Here's what's happening inside the portal",
+	jumpToLabel: "JUMP TO",
+	shortcuts: {
+		meetings: {
+			label: "Upcoming Meetings & Events",
+			iconUrl: "/assets/images/icons/attendance-flag.svg",
+			ariaLabel: "Jump to upcoming meetings and events"
+		},
+		groups: {
+			label: "Your Groups",
+			iconUrl: "/assets/images/icons/icon-committees.svg",
+			ariaLabel: "Jump to your groups"
+		}
+	}
+};
+var upcomingSection = {
+	title: "Upcoming Meetings & Events",
+	viewAllLabel: "View All",
+	expandLabel: "Expand",
+	collapseLabel: "Collapse",
+	ariaLabel: {
+		viewAll: "View all upcoming meetings and events",
+		toggle: "Collapse or expand upcoming meetings and events"
+	},
+	emptyMessage: "You have no upcoming meetings or events.",
+	errorMessage: "Unable to load upcoming meetings and events. Please try again.",
+	paginator: {
+		rangeTemplate: "{start}-{end} of {total} Meetings & Events"
+	}
+};
+var eventGroupCard = {
+	eventBadge: "EVENT",
+	standaloneBadge: "STANDALONE MEETING",
+	viewLabel: "View",
+	viewEventLabel: "View Event",
+	eventDatesLabel: "EVENT DATES & TIMEZONE",
+	meetingDateLabel: "MEETING DATE",
+	timeTimezoneLabel: "TIME & TIMEZONE",
+	meetingsLabel: "Meetings",
+	openForAttendanceTemplate: "{count} Meetings open for attendance",
+	meetingListToggle: {
+		showLabel: "Show meetings",
+		showLabelPrefix: "Show Meetings (",
+		showLabelSuffix: " open for attendance)",
+		hideLabel: "Hide meetings"
+	},
+	ariaLabel: {
+		view: "View details",
+		viewEvent: "View event details",
+		meetingListToggle: "Show or hide the meeting list for this event"
+	},
+	paginator: {
+		rangeTemplate: "{start}-{end} of {total} meetings",
+		totalTemplate: "{total} meetings scheduled across the event"
+	}
+};
+var meetingRow = {
+	emptyFieldPlaceholder: "—",
+	timeTimezoneLabel: "TIME & TIMEZONE",
+	viewLabel: "View",
+	currentlyAttendingIndicator: "Currently Attending",
+	logAttendanceLabel: "Log Attendance",
+	leaveMeetingLabel: "Leave Meeting",
+	ariaLabel: {
+		meetingNameLink: "View meeting details",
+		logAttendance: "Log attendance for this meeting",
+		leaveMeeting: "Leave this meeting"
+	}
+};
+var groupsSection = {
+	title: "Your Groups",
+	viewAllLabel: "View All",
+	expandLabel: "Expand",
+	collapseLabel: "Collapse",
+	countSuffix: "Groups",
+	emptyValue: "-",
+	unassignedMemberLevel: "Unassigned",
+	itemsPerPageLabel: "Items per page",
+	ariaLabel: {
+		viewAll: "View all your groups",
+		toggle: "Collapse or expand your groups",
+		groupLink: "View group details"
+	},
+	columns: {
+		group: "Group",
+		type: "Type",
+		officerRole: "Officer Role",
+		affiliation: "Affiliation",
+		memberLevel: "Member Level"
+	},
+	paginator: {
+		rangeTemplate: "Showing {start}-{end} of {total}",
+		totalTemplate: "{total} groups"
+	},
+	memberLevelBadge: {
+		success: "ieeesa-your-groups__badge--success",
+		warning: "ieeesa-your-groups__badge--warning"
+	},
+	emptyMessage: "You are not a member of any groups.",
+	errorMessage: "Unable to load your groups. Please try again."
+};
+var memberLevel = {
+	colorMap: {
+		"Voting Member": "$ieeesa-color-success",
+		Observer: "$ieeesa-color-info",
+		"Associate Member": "$ieeesa-color-warning",
+		Member: "$ieeesa-color-primary",
+		"default": "$ieeesa-color-neutral"
+	}
+};
+var attendance = {
+	errorMessage: "Unable to update your attendance. Please try again."
+};
+var footer = {
+	links: [
+		{
+			label: "Dashboard",
+			target: "/dashboard"
+		},
+		{
+			label: "Contact & Support",
+			target: "https://supportcenter.ieee.org/app/home"
+		},
+		{
+			label: "Accessibility",
+			target: "https://www.ieee.org/accessibility-statement.html"
+		},
+		{
+			label: "Nondiscrimination Policy",
+			target: "https://www.ieee.org/about/corporate/governance/p9-26.html"
+		},
+		{
+			label: "IEEE Ethics Reporting",
+			target: "https://www.ieee.org/about/ethics/index.html"
+		},
+		{
+			label: "IEEE Privacy Policy",
+			target: "https://www.ieee.org/security-privacy.html"
+		},
+		{
+			label: "IEEE SA Copyright Policy",
+			target: "https://standards.ieee.org/about/policies/"
+		}
+	],
+	copyright: "© Copyright 2024 IEEE - All rights reserved. Use of this website signifies your agreement to the IEEE Terms and Conditions."
+};
+var defaultRouteConfig = {
+	eventDetail: "/events",
+	meetingDetail: "/meetings",
+	groupDetail: "/groups",
+	viewAllEvents: "/events-and-meetings/view-events-meetings-list",
+	viewAllGroups: "/groups"
+};
+var constants = {
+	welcomeHeader: welcomeHeader,
+	upcomingSection: upcomingSection,
+	eventGroupCard: eventGroupCard,
+	meetingRow: meetingRow,
+	groupsSection: groupsSection,
+	memberLevel: memberLevel,
+	attendance: attendance,
+	footer: footer,
+	defaultRouteConfig: defaultRouteConfig
+};
+
+var constants$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    attendance: attendance,
+    default: constants,
+    defaultRouteConfig: defaultRouteConfig,
+    eventGroupCard: eventGroupCard,
+    footer: footer,
+    groupsSection: groupsSection,
+    meetingRow: meetingRow,
+    memberLevel: memberLevel,
+    upcomingSection: upcomingSection,
+    welcomeHeader: welcomeHeader
+});
+
+/**
+ * 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
+ */
+class MeetingAttendanceRowComponent {
+    constructor() {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.constants = constants$1;
+        /** The current attendance state controlling label/indicator and action. */
+        this.attendanceState = AttendanceState.NOT_ATTENDING;
+        /** Whether an attendance action for this meeting is awaiting resolution. */
+        this.isInFlight = false;
+        /** Host permissions gating the log-attendance / leave-meeting buttons. */
+        this.permissions = {
+            canLogAttendance: false,
+            canLeaveMeeting: false,
+        };
+        /**
+         * 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).
+         */
+        this.compact = false;
+        /** Emits the meeting id when the meeting-name link is activated (Req 7.4). */
+        this.openMeeting = new EventEmitter();
+        /** Emits the meeting id to request logging attendance (Req 7.7). */
+        this.logAttendance = new EventEmitter();
+        /** Emits the meeting id to request leaving the meeting (Req 7.8). */
+        this.leaveMeeting = new EventEmitter();
+        /** Expose the enum to the template for state comparisons. */
+        this.AttendanceState = 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() {
+        return !!this.meeting?.meetingId;
+    }
+    /**
+     * 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() {
+        return this.attendanceState === AttendanceState.CURRENTLY_ATTENDING;
+    }
+    /**
+     * 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() {
+        return !this.isCurrentlyAttending && !!this.permissions?.canLogAttendance;
+    }
+    /**
+     * 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() {
+        return this.isCurrentlyAttending && !!this.permissions?.canLeaveMeeting;
+    }
+    /**
+     * 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) {
+        const placeholder = this.constants?.meetingRow?.emptyFieldPlaceholder ?? '—';
+        return value && value.trim().length > 0 ? value : placeholder;
+    }
+    /**
+     * 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() {
+        const value = this.meeting?.startDateTime ?? this.meeting?.meetingDate;
+        return formatEpoch(value, DateFormats.displayFormat, this.meeting?.timezone);
+    }
+    /**
+     * 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() {
+        const timezone = this.meeting?.timezone ?? '';
+        const startValue = this.meeting?.startDateTime ?? this.meeting?.meetingTime;
+        const start = formatEpoch(startValue, DateFormats.timeMeridiemFormat, timezone);
+        const end = formatEpoch(this.meeting?.endDateTime, DateFormats.timeMeridiemFormat, timezone);
+        const range = end ? `${start} – ${end}` : start;
+        if (!range) {
+            return '';
+        }
+        return timezone ? `${range} ${timezone}` : range;
+    }
+    /**
+     * 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() {
+        const action = resolveAttendanceAction(this.attendanceState, this.isInFlight, this.meeting?.meetingId);
+        if (action === AttendanceAction.LOG_ATTENDANCE) {
+            this.logAttendance.emit(this.meeting.meetingId);
+            return;
+        }
+        if (action === AttendanceAction.LEAVE_MEETING) {
+            this.leaveMeeting.emit(this.meeting.meetingId);
+        }
+    }
+    /**
+     * 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() {
+        if (!this.isActionable) {
+            return;
+        }
+        this.openMeeting.emit(this.meeting.meetingId);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MeetingAttendanceRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MeetingAttendanceRowComponent, isStandalone: true, selector: "ieeesa-meeting-attendance-row", inputs: { meeting: "meeting", attendanceState: "attendanceState", isInFlight: "isInFlight", permissions: "permissions", compact: "compact" }, outputs: { openMeeting: "openMeeting", logAttendance: "logAttendance", leaveMeeting: "leaveMeeting" }, ngImport: i0, template: "<div\r\n  class=\"ieeesa-meeting-attendance-row\"\r\n  [class.ieeesa-meeting-attendance-row--compact]=\"compact\"\r\n>\r\n  <!-- Meeting name + group/location (hidden in the compact standalone variant). -->\r\n  <div class=\"ieeesa-meeting-attendance-row__name-col\">\r\n    <ng-container *ngIf=\"!compact\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"ieeesa-meeting-attendance-row__name-link\"\r\n        [disabled]=\"!isActionable\"\r\n        [attr.aria-label]=\"constants.meetingRow.ariaLabel.meetingNameLink\"\r\n        (click)=\"onOpenMeeting()\"\r\n      >\r\n        {{ meeting.meetingName }}\r\n      </button>\r\n\r\n      <p class=\"ieeesa-meeting-attendance-row__subtitle\">\r\n        {{ resolveFieldValue(meeting.groupOrCommittee) }}<ng-container\r\n          *ngIf=\"meeting.roomOrLocation\"\r\n        > &middot; {{ meeting.roomOrLocation }}</ng-container>\r\n      </p>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <!-- MEETING DATE column. -->\r\n  <dl class=\"ieeesa-meeting-attendance-row__col ieeesa-meeting-attendance-row__col--date\">\r\n    <dt class=\"ieeesa-meeting-attendance-row__col-label\">\r\n      {{ constants.eventGroupCard.meetingDateLabel }}\r\n    </dt>\r\n    <dd class=\"ieeesa-meeting-attendance-row__col-value\">\r\n      {{ formattedDate }}\r\n    </dd>\r\n  </dl>\r\n\r\n  <!-- TIME & TIMEZONE column. -->\r\n  <dl class=\"ieeesa-meeting-attendance-row__col ieeesa-meeting-attendance-row__col--time\">\r\n    <dt class=\"ieeesa-meeting-attendance-row__col-label\">\r\n      {{ constants.meetingRow.timeTimezoneLabel }}\r\n    </dt>\r\n    <dd class=\"ieeesa-meeting-attendance-row__col-value\">\r\n      {{ formattedTime }}\r\n    </dd>\r\n  </dl>\r\n\r\n  <!-- Attendance indicator + actions column. -->\r\n  <div class=\"ieeesa-meeting-attendance-row__actions\">\r\n    <!-- Currently-attending pill shown only in the attending state. -->\r\n    <span\r\n      *ngIf=\"isCurrentlyAttending\"\r\n      class=\"ieeesa-meeting-attendance-row__attending-pill\"\r\n    >\r\n      <span class=\"ieeesa-meeting-attendance-row__attending-dot\" aria-hidden=\"true\"></span>\r\n      {{ constants.meetingRow.currentlyAttendingIndicator }}\r\n    </span>\r\n\r\n    <!-- Log-attendance button: shown in the log state with the permission. -->\r\n    <button\r\n      *ngIf=\"showLogAttendanceButton\"\r\n      type=\"button\"\r\n      class=\"ieeesa-meeting-attendance-row__action-button ieeesa-meeting-attendance-row__action-button--log\"\r\n      [disabled]=\"isInFlight || !isActionable\"\r\n      [attr.aria-label]=\"constants.meetingRow.ariaLabel.logAttendance\"\r\n      (click)=\"onAttendanceAction()\"\r\n    >\r\n      {{ constants.meetingRow.logAttendanceLabel }}\r\n    </button>\r\n\r\n    <!-- Leave-meeting button: shown in the attending state with the permission. -->\r\n    <button\r\n      *ngIf=\"showLeaveMeetingButton\"\r\n      type=\"button\"\r\n      class=\"ieeesa-meeting-attendance-row__action-button ieeesa-meeting-attendance-row__action-button--leave\"\r\n      [disabled]=\"isInFlight || !isActionable\"\r\n      [attr.aria-label]=\"constants.meetingRow.ariaLabel.leaveMeeting\"\r\n      (click)=\"onAttendanceAction()\"\r\n    >\r\n      {{ constants.meetingRow.leaveMeetingLabel }}\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-meeting-attendance-row{display:grid;grid-template-columns:minmax(220px,2fr) minmax(120px,1fr) minmax(180px,1.2fr) auto;align-items:center;column-gap:24px;min-height:72px;padding:16px 20px;background-color:#fff;font-family:Calibri Regular}.ieeesa-meeting-attendance-row__name-col{display:flex;flex-direction:column;gap:4px;min-width:0}.ieeesa-meeting-attendance-row__name-link{padding:0;border:0;background:none;text-align:left;text-decoration:underline;font-family:Calibri Bold;font-size:1rem;line-height:20px;color:#00629b;cursor:pointer}.ieeesa-meeting-attendance-row__name-link:disabled{color:#939094;text-decoration:none;cursor:default}.ieeesa-meeting-attendance-row__subtitle{margin:0;font-size:.875rem;line-height:18px;color:#333436}.ieeesa-meeting-attendance-row__col{display:flex;flex-direction:column;gap:4px;margin:0;min-width:0}.ieeesa-meeting-attendance-row__col-label{font-family:Calibri Bold;font-size:.75rem;letter-spacing:.03125em;text-transform:uppercase;color:#939094}.ieeesa-meeting-attendance-row__col-value{margin:0;font-size:.875rem;line-height:18px;color:#333436}.ieeesa-meeting-attendance-row__actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-shrink:0}.ieeesa-meeting-attendance-row__attending-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:16px;white-space:nowrap;font-size:.8125rem;color:#1a7f37;background-color:#e8f5ec}.ieeesa-meeting-attendance-row__attending-dot{width:8px;height:8px;border-radius:50%;background-color:#1a7f37}.ieeesa-meeting-attendance-row__action-button{min-width:146px;padding:10px 16px;border-radius:4px;font-family:Calibri Bold;font-size:.875rem;cursor:pointer}.ieeesa-meeting-attendance-row__action-button--log{border:1px solid #00629b;background-color:#00629b;color:#fff}.ieeesa-meeting-attendance-row__action-button--leave{border:1px solid #00629b;background-color:#fff;color:#00629b}.ieeesa-meeting-attendance-row__action-button:disabled{border-color:#939094;background-color:#939094;color:#fff;cursor:default}.ieeesa-meeting-attendance-row:not(.ieeesa-meeting-attendance-row--compact)+.ieeesa-meeting-attendance-row:not(.ieeesa-meeting-attendance-row--compact){border-top:1px solid #d7d6d6}.ieeesa-meeting-attendance-row--compact{grid-template-columns:minmax(180px,1.2fr) auto;padding:0;min-height:0}.ieeesa-meeting-attendance-row--compact .ieeesa-meeting-attendance-row__col--date{display:none}@media (max-width: 767px){.ieeesa-meeting-attendance-row{grid-template-columns:1fr;row-gap:12px}.ieeesa-meeting-attendance-row__actions{justify-content:flex-start}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MeetingAttendanceRowComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ieeesa-meeting-attendance-row', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div\r\n  class=\"ieeesa-meeting-attendance-row\"\r\n  [class.ieeesa-meeting-attendance-row--compact]=\"compact\"\r\n>\r\n  <!-- Meeting name + group/location (hidden in the compact standalone variant). -->\r\n  <div class=\"ieeesa-meeting-attendance-row__name-col\">\r\n    <ng-container *ngIf=\"!compact\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"ieeesa-meeting-attendance-row__name-link\"\r\n        [disabled]=\"!isActionable\"\r\n        [attr.aria-label]=\"constants.meetingRow.ariaLabel.meetingNameLink\"\r\n        (click)=\"onOpenMeeting()\"\r\n      >\r\n        {{ meeting.meetingName }}\r\n      </button>\r\n\r\n      <p class=\"ieeesa-meeting-attendance-row__subtitle\">\r\n        {{ resolveFieldValue(meeting.groupOrCommittee) }}<ng-container\r\n          *ngIf=\"meeting.roomOrLocation\"\r\n        > &middot; {{ meeting.roomOrLocation }}</ng-container>\r\n      </p>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <!-- MEETING DATE column. -->\r\n  <dl class=\"ieeesa-meeting-attendance-row__col ieeesa-meeting-attendance-row__col--date\">\r\n    <dt class=\"ieeesa-meeting-attendance-row__col-label\">\r\n      {{ constants.eventGroupCard.meetingDateLabel }}\r\n    </dt>\r\n    <dd class=\"ieeesa-meeting-attendance-row__col-value\">\r\n      {{ formattedDate }}\r\n    </dd>\r\n  </dl>\r\n\r\n  <!-- TIME & TIMEZONE column. -->\r\n  <dl class=\"ieeesa-meeting-attendance-row__col ieeesa-meeting-attendance-row__col--time\">\r\n    <dt class=\"ieeesa-meeting-attendance-row__col-label\">\r\n      {{ constants.meetingRow.timeTimezoneLabel }}\r\n    </dt>\r\n    <dd class=\"ieeesa-meeting-attendance-row__col-value\">\r\n      {{ formattedTime }}\r\n    </dd>\r\n  </dl>\r\n\r\n  <!-- Attendance indicator + actions column. -->\r\n  <div class=\"ieeesa-meeting-attendance-row__actions\">\r\n    <!-- Currently-attending pill shown only in the attending state. -->\r\n    <span\r\n      *ngIf=\"isCurrentlyAttending\"\r\n      class=\"ieeesa-meeting-attendance-row__attending-pill\"\r\n    >\r\n      <span class=\"ieeesa-meeting-attendance-row__attending-dot\" aria-hidden=\"true\"></span>\r\n      {{ constants.meetingRow.currentlyAttendingIndicator }}\r\n    </span>\r\n\r\n    <!-- Log-attendance button: shown in the log state with the permission. -->\r\n    <button\r\n      *ngIf=\"showLogAttendanceButton\"\r\n      type=\"button\"\r\n      class=\"ieeesa-meeting-attendance-row__action-button ieeesa-meeting-attendance-row__action-button--log\"\r\n      [disabled]=\"isInFlight || !isActionable\"\r\n      [attr.aria-label]=\"constants.meetingRow.ariaLabel.logAttendance\"\r\n      (click)=\"onAttendanceAction()\"\r\n    >\r\n      {{ constants.meetingRow.logAttendanceLabel }}\r\n    </button>\r\n\r\n    <!-- Leave-meeting button: shown in the attending state with the permission. -->\r\n    <button\r\n      *ngIf=\"showLeaveMeetingButton\"\r\n      type=\"button\"\r\n      class=\"ieeesa-meeting-attendance-row__action-button ieeesa-meeting-attendance-row__action-button--leave\"\r\n      [disabled]=\"isInFlight || !isActionable\"\r\n      [attr.aria-label]=\"constants.meetingRow.ariaLabel.leaveMeeting\"\r\n      (click)=\"onAttendanceAction()\"\r\n    >\r\n      {{ constants.meetingRow.leaveMeetingLabel }}\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-meeting-attendance-row{display:grid;grid-template-columns:minmax(220px,2fr) minmax(120px,1fr) minmax(180px,1.2fr) auto;align-items:center;column-gap:24px;min-height:72px;padding:16px 20px;background-color:#fff;font-family:Calibri Regular}.ieeesa-meeting-attendance-row__name-col{display:flex;flex-direction:column;gap:4px;min-width:0}.ieeesa-meeting-attendance-row__name-link{padding:0;border:0;background:none;text-align:left;text-decoration:underline;font-family:Calibri Bold;font-size:1rem;line-height:20px;color:#00629b;cursor:pointer}.ieeesa-meeting-attendance-row__name-link:disabled{color:#939094;text-decoration:none;cursor:default}.ieeesa-meeting-attendance-row__subtitle{margin:0;font-size:.875rem;line-height:18px;color:#333436}.ieeesa-meeting-attendance-row__col{display:flex;flex-direction:column;gap:4px;margin:0;min-width:0}.ieeesa-meeting-attendance-row__col-label{font-family:Calibri Bold;font-size:.75rem;letter-spacing:.03125em;text-transform:uppercase;color:#939094}.ieeesa-meeting-attendance-row__col-value{margin:0;font-size:.875rem;line-height:18px;color:#333436}.ieeesa-meeting-attendance-row__actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-shrink:0}.ieeesa-meeting-attendance-row__attending-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:16px;white-space:nowrap;font-size:.8125rem;color:#1a7f37;background-color:#e8f5ec}.ieeesa-meeting-attendance-row__attending-dot{width:8px;height:8px;border-radius:50%;background-color:#1a7f37}.ieeesa-meeting-attendance-row__action-button{min-width:146px;padding:10px 16px;border-radius:4px;font-family:Calibri Bold;font-size:.875rem;cursor:pointer}.ieeesa-meeting-attendance-row__action-button--log{border:1px solid #00629b;background-color:#00629b;color:#fff}.ieeesa-meeting-attendance-row__action-button--leave{border:1px solid #00629b;background-color:#fff;color:#00629b}.ieeesa-meeting-attendance-row__action-button:disabled{border-color:#939094;background-color:#939094;color:#fff;cursor:default}.ieeesa-meeting-attendance-row:not(.ieeesa-meeting-attendance-row--compact)+.ieeesa-meeting-attendance-row:not(.ieeesa-meeting-attendance-row--compact){border-top:1px solid #d7d6d6}.ieeesa-meeting-attendance-row--compact{grid-template-columns:minmax(180px,1.2fr) auto;padding:0;min-height:0}.ieeesa-meeting-attendance-row--compact .ieeesa-meeting-attendance-row__col--date{display:none}@media (max-width: 767px){.ieeesa-meeting-attendance-row{grid-template-columns:1fr;row-gap:12px}.ieeesa-meeting-attendance-row__actions{justify-content:flex-start}}\n"] }]
+        }], propDecorators: { meeting: [{
+                type: Input
+            }], attendanceState: [{
+                type: Input
+            }], isInFlight: [{
+                type: Input
+            }], permissions: [{
+                type: Input
+            }], compact: [{
+                type: Input
+            }], openMeeting: [{
+                type: Output
+            }], logAttendance: [{
+                type: Output
+            }], leaveMeeting: [{
+                type: Output
+            }] } });
+
+/**
+ * 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
+ */
+class EventGroupCardComponent {
+    constructor() {
+        /** User-facing strings sourced from `constants.json`. */
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.constants = constants$1;
+        /** Enum reference for EVENT vs STANDALONE_MEETING comparisons in the template. */
+        this.itemKinds = UpcomingItemKind;
+        /** Host permissions gating the per-row log-attendance / leave-meeting buttons. */
+        this.permissions = {
+            canLogAttendance: false,
+            canLeaveMeeting: false,
+        };
+        /** Map of meeting id to current attendance state, passed down to each row. */
+        this.attendanceStates = {};
+        /** Set of meeting ids with an attendance action awaiting resolution. */
+        this.inFlightMeetingIds = new Set();
+        /** Whether the host has determined the viewport is at/below the mobile breakpoint. */
+        this.isMobileView = false;
+        /** Emits the event id when the "View Event" button is activated (Req 6.4). */
+        this.viewEvent = new EventEmitter();
+        /** Bubbles the meeting id when a row's meeting-name link is activated (Req 6.7, 7.4). */
+        this.openMeeting = new EventEmitter();
+        /** Bubbles the meeting id when a row requests logging attendance (Req 6.7, 7.7). */
+        this.logAttendance = new EventEmitter();
+        /** Bubbles the meeting id when a row requests leaving the meeting (Req 6.7, 7.8). */
+        this.leaveMeeting = new EventEmitter();
+        /** Emits the requested page when the per-card paginator changes (Req 6.9, 3.3). */
+        this.pageChange = new EventEmitter();
+        /**
+         * 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.
+         */
+        this.loadMeetings = new EventEmitter();
+        /** The default page size for the per-card meeting paginator. */
+        this.defaultPageSize = 5;
+        /** The current zero-based page index of the meeting list. */
+        this.pageIndex = 0;
+        /** The current page size of the meeting list. */
+        this.pageSize = this.defaultPageSize;
+        /** Whether the meeting list is currently shown (toggled open). */
+        this.isMeetingListOpen = false;
+    }
+    /**
+     * 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() {
+        return (this.event?.status ?? '')
+            .trim()
+            .toLowerCase()
+            .replace(/\s+/g, '-');
+    }
+    /**
+     * 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() {
+        return this.event?.kind === UpcomingItemKind.STANDALONE_MEETING;
+    }
+    /**
+     * 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() {
+        return this.event?.meetings ?? [];
+    }
+    /**
+     * 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() {
+        return this.event?.meetingCount || this.meetings.length;
+    }
+    /**
+     * 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() {
+        return this.meetings;
+    }
+    /**
+     * 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() {
+        return this.totalMeetings === 0 ? 0 : this.pageIndex * this.pageSize + 1;
+    }
+    /**
+     * 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() {
+        return Math.min((this.pageIndex + 1) * this.pageSize, this.totalMeetings);
+    }
+    /**
+     * 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() {
+        const template = this.constants?.eventGroupCard?.paginator?.rangeTemplate ??
+            'Showing {start}-{end} of {total}';
+        return template
+            .replace('{start}', `${this.rangeStart}`)
+            .replace('{end}', `${this.rangeEnd}`)
+            .replace('{total}', `${this.totalMeetings}`);
+    }
+    /**
+     * 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() {
+        const template = this.constants?.eventGroupCard?.paginator?.totalTemplate ??
+            '{total} meetings';
+        return template.replace('{total}', `${this.event?.meetingCount ?? 0}`);
+    }
+    /**
+     * 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() {
+        if (this.isStandalone) {
+            const group = this.event?.groupOrCommittee ?? '';
+            const location = this.event?.roomOrLocation ?? '';
+            if (group && location) {
+                return `${group} \u00b7 ${location}`;
+            }
+            return group || location;
+        }
+        return (this.event?.meetingCount ?? 0) > 0 ? this.meetingCountSummary : '';
+    }
+    /**
+     * 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() {
+        const toggle = this.constants?.eventGroupCard?.meetingListToggle;
+        if (this.isMeetingListOpen) {
+            return toggle?.hideLabel ?? 'Hide meetings';
+        }
+        return toggle?.showLabel ?? 'Show meetings';
+    }
+    /**
+     * 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() {
+        const template = this.constants?.eventGroupCard?.openForAttendanceTemplate ??
+            '{count} Meetings open for attendance';
+        return template.replace('{count}', `${this.event?.openForAttendanceCount ?? 0}`);
+    }
+    /**
+     * 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() {
+        return {
+            meetingId: this.event?.eventId ?? '',
+            meetingName: this.event?.title ?? '',
+            groupOrCommittee: this.event?.groupOrCommittee,
+            roomOrLocation: this.event?.roomOrLocation,
+            startDateTime: this.event?.startDateTime ?? this.event?.startDate,
+            endDateTime: this.event?.endDateTime ?? this.event?.endDate,
+            timezone: this.event?.timezone ?? '',
+            status: this.event?.status,
+            isMemberOfGroup: this.event?.isMemberOfGroup,
+        };
+    }
+    /**
+     * 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() {
+        const timezone = this.event?.timezone ?? '';
+        const start = formatEpoch(this.event?.startDateTime ?? this.event?.startDate, DateFormats.timeMeridiemFormat, timezone);
+        const end = formatEpoch(this.event?.endDateTime ?? this.event?.endDate, DateFormats.timeMeridiemFormat, timezone);
+        const range = end ? `${start} \u2013 ${end}` : start;
+        if (!range) {
+            return '';
+        }
+        return timezone ? `${range} ${timezone}` : range;
+    }
+    /**
+     * 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() {
+        return (this.resolveAttendanceState(this.standaloneMeeting) ===
+            AttendanceState.CURRENTLY_ATTENDING);
+    }
+    /**
+     * 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() {
+        return !this.isStandaloneAttending && !!this.permissions?.canLogAttendance;
+    }
+    /**
+     * 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() {
+        return this.isStandaloneAttending && !!this.permissions?.canLeaveMeeting;
+    }
+    /** The luxon-formatted start date of the event (ISO or epoch ms) (Req 6.2). */
+    get formattedStartDate() {
+        return this.formatDate(this.event?.startDateTime ?? this.event?.startDate);
+    }
+    /** The luxon-formatted end date of the event (ISO or epoch ms) (Req 6.2). */
+    get formattedEndDate() {
+        return this.formatDate(this.event?.endDateTime ?? this.event?.endDate);
+    }
+    /**
+     * `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, meeting) {
+        return meeting?.meetingId ?? `${_index}`;
+    }
+    /**
+     * 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) {
+        return (this.attendanceStates?.[meeting?.meetingId] ??
+            AttendanceState.NOT_ATTENDING);
+    }
+    /**
+     * 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) {
+        return this.inFlightMeetingIds?.has(meeting?.meetingId) ?? false;
+    }
+    /**
+     * 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() {
+        this.isMeetingListOpen = !this.isMeetingListOpen;
+        if (this.isMeetingListOpen) {
+            this.loadMeetings.emit(this.pageIndex + 1);
+        }
+    }
+    /**
+     * Handles the "View Event" button, emitting the event id to the host (Req 6.4).
+     * @memberof EventGroupCardComponent
+     */
+    onViewEvent() {
+        this.viewEvent.emit(this.event?.eventId);
+    }
+    /**
+     * 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) {
+        this.openMeeting.emit(meetingId);
+    }
+    /**
+     * 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) {
+        this.logAttendance.emit(meetingId);
+    }
+    /**
+     * 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) {
+        this.leaveMeeting.emit(meetingId);
+    }
+    /**
+     * 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) {
+        this.pageIndex = event.pageIndex;
+        this.pageSize = event.pageSize;
+        this.pageChange.emit({
+            pageIndex: event.pageIndex,
+            pageSize: event.pageSize,
+        });
+        // Request the newly selected page's child meetings from the container.
+        this.loadMeetings.emit(event.pageIndex + 1);
+    }
+    /**
+     * 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
+     */
+    formatDate(value) {
+        return formatEpoch(value, DateFormats.displayFormat, this.event?.timezone);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EventGroupCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EventGroupCardComponent, isStandalone: true, selector: "ieeesa-event-group-card", inputs: { event: "event", permissions: "permissions", attendanceStates: "attendanceStates", inFlightMeetingIds: "inFlightMeetingIds", isMobileView: "isMobileView" }, outputs: { viewEvent: "viewEvent", openMeeting: "openMeeting", logAttendance: "logAttendance", leaveMeeting: "leaveMeeting", pageChange: "pageChange", loadMeetings: "loadMeetings" }, ngImport: i0, template: "<article\r\n  class=\"ieeesa-event-group-card\"\r\n  [class.ieeesa-event-group-card--mobile]=\"isMobileView\"\r\n  [class.ieeesa-event-group-card--standalone]=\"isStandalone\"\r\n>\r\n  <!-- ============================ EVENT ============================ -->\r\n  <ng-container *ngIf=\"!isStandalone\">\r\n    <header class=\"ieeesa-event-group-card__header\">\r\n      <div class=\"ieeesa-event-group-card__header-main\">\r\n        <!-- EVENT badge + day indicator. -->\r\n        <div class=\"ieeesa-event-group-card__badge-row\">\r\n          <span class=\"ieeesa-event-group-card__badge\">\r\n            {{ constants.eventGroupCard.eventBadge }}\r\n          </span>\r\n          <span\r\n            *ngIf=\"event.dayIndicator\"\r\n            class=\"ieeesa-event-group-card__day-indicator\"\r\n          >\r\n            {{ event.dayIndicator }}\r\n          </span>\r\n        </div>\r\n\r\n        <div class=\"ieeesa-event-group-card__title-row\">\r\n          <h3 class=\"ieeesa-event-group-card__title\">{{ event.title }}</h3>\r\n          <span\r\n            *ngIf=\"event.status\"\r\n            class=\"ieeesa-event-group-card__status-pill\"\r\n            [ngClass]=\"'ieeesa-event-group-card__status-pill--' + statusModifier\"\r\n          >\r\n            <span class=\"ieeesa-event-group-card__status-dot\" aria-hidden=\"true\"></span>\r\n            {{ event.status }}\r\n          </span>\r\n        </div>\r\n\r\n        <p\r\n          *ngIf=\"subtitleText\"\r\n          class=\"ieeesa-event-group-card__subtitle\"\r\n        >\r\n          {{ subtitleText }}\r\n        </p>\r\n      </div>\r\n\r\n      <div class=\"ieeesa-event-group-card__header-side\">\r\n        <dl class=\"ieeesa-event-group-card__dates-block\">\r\n          <dt class=\"ieeesa-event-group-card__dates-label\">\r\n            {{ constants.eventGroupCard.eventDatesLabel }}\r\n          </dt>\r\n          <dd class=\"ieeesa-event-group-card__dates-value\">\r\n            {{ formattedStartDate }}<ng-container *ngIf=\"formattedEndDate && formattedEndDate !== formattedStartDate\">\r\n              &ndash; {{ formattedEndDate }}</ng-container>\r\n          </dd>\r\n          <dd\r\n            *ngIf=\"event.timezone\"\r\n            class=\"ieeesa-event-group-card__timezone-value\"\r\n          >\r\n            {{ event.timezone }}\r\n          </dd>\r\n        </dl>\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"ieeesa-event-group-card__view\"\r\n          [attr.aria-label]=\"constants.eventGroupCard.ariaLabel.viewEvent\"\r\n          (click)=\"onViewEvent()\"\r\n        >\r\n          {{ constants.eventGroupCard.viewEventLabel }}\r\n        </button>\r\n      </div>\r\n    </header>\r\n\r\n    <!-- Meetings label row + Show/Hide toggle. -->\r\n    <div class=\"ieeesa-event-group-card__meetings-bar\">\r\n      <span class=\"ieeesa-event-group-card__meetings-open\">\r\n        <span class=\"ieeesa-event-group-card__meetings-dot\" aria-hidden=\"true\"></span>\r\n        {{ openForAttendanceSummary }}\r\n      </span>\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"ieeesa-event-group-card__meeting-toggle\"\r\n        [attr.aria-expanded]=\"isMeetingListOpen\"\r\n        [attr.aria-label]=\"constants.eventGroupCard.ariaLabel.meetingListToggle\"\r\n        (click)=\"onToggleMeetingList()\"\r\n      >\r\n        <span>{{ meetingListToggleLabel }}</span>\r\n        <i\r\n          class=\"fa-solid\"\r\n          [ngClass]=\"isMeetingListOpen ? 'fa-chevron-up' : 'fa-chevron-down'\"\r\n          aria-hidden=\"true\"\r\n        ></i>\r\n      </button>\r\n    </div>\r\n\r\n    <!-- Expanded inner meeting list + per-event paginator. -->\r\n    <div\r\n      *ngIf=\"isMeetingListOpen\"\r\n      class=\"ieeesa-event-group-card__meetings\"\r\n    >\r\n      <ieeesa-meeting-attendance-row\r\n        *ngFor=\"let meeting of pagedMeetings; trackBy: trackByMeetingId\"\r\n        [meeting]=\"meeting\"\r\n        [attendanceState]=\"resolveAttendanceState(meeting)\"\r\n        [isInFlight]=\"resolveIsInFlight(meeting)\"\r\n        [permissions]=\"permissions\"\r\n        (openMeeting)=\"onOpenMeeting($event)\"\r\n        (logAttendance)=\"onLogAttendance($event)\"\r\n        (leaveMeeting)=\"onLeaveMeeting($event)\"\r\n      ></ieeesa-meeting-attendance-row>\r\n\r\n      <div\r\n        class=\"ieeesa-event-group-card__paginator\"\r\n        [attr.aria-label]=\"constants.eventGroupCard.ariaLabel.meetingListToggle\"\r\n      >\r\n        <span class=\"ieeesa-event-group-card__paginator-range\">\r\n          {{ rangeLabel }}\r\n        </span>\r\n\r\n        <mat-paginator\r\n          class=\"ieeesa-event-group-card__paginator-control\"\r\n          [pageIndex]=\"pageIndex\"\r\n          [pageSize]=\"pageSize\"\r\n          [length]=\"totalMeetings\"\r\n          [hidePageSize]=\"true\"\r\n          (page)=\"onPageChange($event)\"\r\n        ></mat-paginator>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!-- ======================= STANDALONE MEETING ======================= -->\r\n  <!-- Single horizontal row: badge+name+subtitle | MEETING DATE | TIME & TIMEZONE | action. -->\r\n  <div *ngIf=\"isStandalone\" class=\"ieeesa-event-group-card__standalone\">\r\n    <div class=\"ieeesa-event-group-card__standalone-main\">\r\n      <span class=\"ieeesa-event-group-card__badge ieeesa-event-group-card__badge--standalone\">\r\n        {{ constants.eventGroupCard.standaloneBadge }}\r\n      </span>\r\n\r\n      <div class=\"ieeesa-event-group-card__standalone-title-row\">\r\n        <button\r\n          type=\"button\"\r\n          class=\"ieeesa-event-group-card__standalone-name\"\r\n          [attr.aria-label]=\"constants.meetingRow.ariaLabel.meetingNameLink\"\r\n          (click)=\"onOpenMeeting(event.eventId)\"\r\n        >\r\n          {{ event.title }}\r\n        </button>\r\n        <span\r\n          *ngIf=\"event.status\"\r\n          class=\"ieeesa-event-group-card__status-pill\"\r\n          [ngClass]=\"'ieeesa-event-group-card__status-pill--' + statusModifier\"\r\n        >\r\n          <span class=\"ieeesa-event-group-card__status-dot\" aria-hidden=\"true\"></span>\r\n          {{ event.status }}\r\n        </span>\r\n      </div>\r\n\r\n      <p\r\n        *ngIf=\"subtitleText\"\r\n        class=\"ieeesa-event-group-card__standalone-subtitle\"\r\n      >\r\n        {{ subtitleText }}\r\n      </p>\r\n    </div>\r\n\r\n    <!-- MEETING DATE column. -->\r\n    <dl class=\"ieeesa-event-group-card__standalone-col\">\r\n      <dt class=\"ieeesa-event-group-card__standalone-col-label\">\r\n        {{ constants.eventGroupCard.meetingDateLabel }}\r\n      </dt>\r\n      <dd class=\"ieeesa-event-group-card__standalone-col-value\">\r\n        {{ formattedStartDate }}<ng-container *ngIf=\"formattedEndDate && formattedEndDate !== formattedStartDate\">\r\n          &ndash; {{ formattedEndDate }}</ng-container>\r\n      </dd>\r\n    </dl>\r\n\r\n    <!-- TIME & TIMEZONE column. -->\r\n    <dl class=\"ieeesa-event-group-card__standalone-col\">\r\n      <dt class=\"ieeesa-event-group-card__standalone-col-label\">\r\n        {{ constants.eventGroupCard.timeTimezoneLabel }}\r\n      </dt>\r\n      <dd class=\"ieeesa-event-group-card__standalone-col-value\">\r\n        {{ standaloneTime }}\r\n      </dd>\r\n    </dl>\r\n\r\n    <!-- Attendance action column. -->\r\n    <div class=\"ieeesa-event-group-card__standalone-actions\">\r\n      <span\r\n        *ngIf=\"isStandaloneAttending\"\r\n        class=\"ieeesa-event-group-card__attending-pill\"\r\n      >\r\n        <span class=\"ieeesa-event-group-card__status-dot\" aria-hidden=\"true\"></span>\r\n        {{ constants.meetingRow.currentlyAttendingIndicator }}\r\n      </span>\r\n\r\n      <button\r\n        *ngIf=\"showStandaloneLog\"\r\n        type=\"button\"\r\n        class=\"ieeesa-event-group-card__standalone-action ieeesa-event-group-card__standalone-action--log\"\r\n        [disabled]=\"resolveIsInFlight(standaloneMeeting)\"\r\n        [attr.aria-label]=\"constants.meetingRow.ariaLabel.logAttendance\"\r\n        (click)=\"onLogAttendance(event.eventId)\"\r\n      >\r\n        {{ constants.meetingRow.logAttendanceLabel }}\r\n      </button>\r\n\r\n      <button\r\n        *ngIf=\"showStandaloneLeave\"\r\n        type=\"button\"\r\n        class=\"ieeesa-event-group-card__standalone-action ieeesa-event-group-card__standalone-action--leave\"\r\n        [disabled]=\"resolveIsInFlight(standaloneMeeting)\"\r\n        [attr.aria-label]=\"constants.meetingRow.ariaLabel.leaveMeeting\"\r\n        (click)=\"onLeaveMeeting(event.eventId)\"\r\n      >\r\n        {{ constants.meetingRow.leaveMeetingLabel }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</article>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-event-group-card{display:flex;flex-direction:column;gap:16px;padding:20px 24px;border:1px solid #d7d6d6;border-radius:8px;background-color:#fff;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026;font-family:Calibri Regular}.ieeesa-event-group-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.ieeesa-event-group-card__header-main{display:flex;flex-direction:column;gap:8px;min-width:0}.ieeesa-event-group-card__badge-row{display:flex;align-items:center;gap:12px}.ieeesa-event-group-card__badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:4px;font-family:Calibri Bold;font-size:.75rem;letter-spacing:.03125em;text-transform:uppercase;color:#00629b;background-color:#eaf3f9}.ieeesa-event-group-card__badge--standalone{color:#333436;background-color:#f0f0f0}.ieeesa-event-group-card__day-indicator{font-size:.875rem;line-height:18px;color:#333436}.ieeesa-event-group-card__title-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.ieeesa-event-group-card__title{margin:0;font-family:Calibri Bold;font-size:1.25rem;line-height:24px;color:#333436}.ieeesa-event-group-card__status-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 12px;border-radius:16px;font-size:.8125rem;color:#1a7f37;background-color:#e8f5ec}.ieeesa-event-group-card__status-pill--upcoming,.ieeesa-event-group-card__status-pill--starts-soon{color:#8a6d00;background-color:#fef7e0}.ieeesa-event-group-card__status-pill--upcoming .ieeesa-event-group-card__status-dot,.ieeesa-event-group-card__status-pill--starts-soon .ieeesa-event-group-card__status-dot{background-color:#e5a200}.ieeesa-event-group-card__status-dot{width:8px;height:8px;border-radius:50%;background-color:#1a7f37}.ieeesa-event-group-card__subtitle{margin:0;font-size:.875rem;line-height:18px;color:#333436}.ieeesa-event-group-card__header-side{display:flex;align-items:flex-start;gap:24px;flex-shrink:0}.ieeesa-event-group-card__dates-block{display:flex;flex-direction:column;gap:2px;margin:0;text-align:right}.ieeesa-event-group-card__dates-label{font-family:Calibri Bold;font-size:.75rem;letter-spacing:.03125em;text-transform:uppercase;color:#939094}.ieeesa-event-group-card__dates-value{margin:0;font-size:.875rem;line-height:18px;color:#333436}.ieeesa-event-group-card__timezone-value{margin:0;font-size:.8125rem;color:#939094}.ieeesa-event-group-card__view{flex-shrink:0;min-width:122px;padding:8px 16px;border:1px solid #00629b;border-radius:4px;background-color:#fff;font-size:.875rem;color:#00629b;cursor:pointer}.ieeesa-event-group-card__view:hover{background-color:#eaf3f9}.ieeesa-event-group-card__meetings-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:16px;border-top:1px solid #d7d6d6}.ieeesa-event-group-card__meetings-open{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;color:#333436}.ieeesa-event-group-card__meetings-dot{width:8px;height:8px;border-radius:50%;background-color:#1a7f37}.ieeesa-event-group-card__meeting-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 0;border:0;background:none;font-size:.875rem;color:#00629b;cursor:pointer}.ieeesa-event-group-card__meetings{display:flex;flex-direction:column;border:1px solid #d7d6d6;border-radius:8px;overflow:hidden}.ieeesa-event-group-card__paginator{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 20px;border-top:1px solid #d7d6d6}.ieeesa-event-group-card__paginator-range{font-size:.8125rem;color:#939094}.ieeesa-event-group-card__standalone{display:grid;grid-template-columns:minmax(260px,2.4fr) minmax(130px,1fr) minmax(200px,1.3fr) auto;align-items:center;column-gap:24px}.ieeesa-event-group-card__standalone-main{display:flex;flex-direction:column;gap:6px;min-width:0}.ieeesa-event-group-card__standalone-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.ieeesa-event-group-card__standalone-name{padding:0;border:0;background:none;text-align:left;text-decoration:underline;font-family:Calibri Bold;font-size:1rem;line-height:20px;color:#00629b;cursor:pointer}.ieeesa-event-group-card__standalone-subtitle{margin:0;font-size:.875rem;line-height:18px;color:#333436}.ieeesa-event-group-card__standalone-col{display:flex;flex-direction:column;gap:4px;margin:0;min-width:0}.ieeesa-event-group-card__standalone-col-label{font-family:Calibri Bold;font-size:.75rem;letter-spacing:.03125em;text-transform:uppercase;color:#939094}.ieeesa-event-group-card__standalone-col-value{margin:0;font-size:.875rem;line-height:18px;color:#333436}.ieeesa-event-group-card__standalone-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px}.ieeesa-event-group-card__attending-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:16px;white-space:nowrap;font-size:.8125rem;color:#1a7f37;background-color:#e8f5ec}.ieeesa-event-group-card__standalone-action{min-width:146px;padding:10px 16px;border-radius:4px;font-family:Calibri Bold;font-size:.875rem;cursor:pointer}.ieeesa-event-group-card__standalone-action--log{border:1px solid #00629b;background-color:#00629b;color:#fff}.ieeesa-event-group-card__standalone-action--leave{border:1px solid #00629b;background-color:#fff;color:#00629b}.ieeesa-event-group-card__standalone-action:disabled{border-color:#939094;background-color:#939094;color:#fff;cursor:default}.ieeesa-event-group-card--mobile{padding:16px}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__header{flex-direction:column;align-items:stretch}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__header-side{flex-direction:column;align-items:stretch;gap:12px}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__dates-block{text-align:left}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__view{align-self:stretch;width:100%}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__paginator{flex-direction:column;align-items:stretch}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__standalone{grid-template-columns:1fr;row-gap:12px}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__standalone-actions{justify-content:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i2.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "component", type: MeetingAttendanceRowComponent, selector: "ieeesa-meeting-attendance-row", inputs: ["meeting", "attendanceState", "isInFlight", "permissions", "compact"], outputs: ["openMeeting", "logAttendance", "leaveMeeting"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EventGroupCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ieeesa-event-group-card', standalone: true, imports: [CommonModule, MatPaginatorModule, MeetingAttendanceRowComponent], encapsulation: ViewEncapsulation.None, template: "<article\r\n  class=\"ieeesa-event-group-card\"\r\n  [class.ieeesa-event-group-card--mobile]=\"isMobileView\"\r\n  [class.ieeesa-event-group-card--standalone]=\"isStandalone\"\r\n>\r\n  <!-- ============================ EVENT ============================ -->\r\n  <ng-container *ngIf=\"!isStandalone\">\r\n    <header class=\"ieeesa-event-group-card__header\">\r\n      <div class=\"ieeesa-event-group-card__header-main\">\r\n        <!-- EVENT badge + day indicator. -->\r\n        <div class=\"ieeesa-event-group-card__badge-row\">\r\n          <span class=\"ieeesa-event-group-card__badge\">\r\n            {{ constants.eventGroupCard.eventBadge }}\r\n          </span>\r\n          <span\r\n            *ngIf=\"event.dayIndicator\"\r\n            class=\"ieeesa-event-group-card__day-indicator\"\r\n          >\r\n            {{ event.dayIndicator }}\r\n          </span>\r\n        </div>\r\n\r\n        <div class=\"ieeesa-event-group-card__title-row\">\r\n          <h3 class=\"ieeesa-event-group-card__title\">{{ event.title }}</h3>\r\n          <span\r\n            *ngIf=\"event.status\"\r\n            class=\"ieeesa-event-group-card__status-pill\"\r\n            [ngClass]=\"'ieeesa-event-group-card__status-pill--' + statusModifier\"\r\n          >\r\n            <span class=\"ieeesa-event-group-card__status-dot\" aria-hidden=\"true\"></span>\r\n            {{ event.status }}\r\n          </span>\r\n        </div>\r\n\r\n        <p\r\n          *ngIf=\"subtitleText\"\r\n          class=\"ieeesa-event-group-card__subtitle\"\r\n        >\r\n          {{ subtitleText }}\r\n        </p>\r\n      </div>\r\n\r\n      <div class=\"ieeesa-event-group-card__header-side\">\r\n        <dl class=\"ieeesa-event-group-card__dates-block\">\r\n          <dt class=\"ieeesa-event-group-card__dates-label\">\r\n            {{ constants.eventGroupCard.eventDatesLabel }}\r\n          </dt>\r\n          <dd class=\"ieeesa-event-group-card__dates-value\">\r\n            {{ formattedStartDate }}<ng-container *ngIf=\"formattedEndDate && formattedEndDate !== formattedStartDate\">\r\n              &ndash; {{ formattedEndDate }}</ng-container>\r\n          </dd>\r\n          <dd\r\n            *ngIf=\"event.timezone\"\r\n            class=\"ieeesa-event-group-card__timezone-value\"\r\n          >\r\n            {{ event.timezone }}\r\n          </dd>\r\n        </dl>\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"ieeesa-event-group-card__view\"\r\n          [attr.aria-label]=\"constants.eventGroupCard.ariaLabel.viewEvent\"\r\n          (click)=\"onViewEvent()\"\r\n        >\r\n          {{ constants.eventGroupCard.viewEventLabel }}\r\n        </button>\r\n      </div>\r\n    </header>\r\n\r\n    <!-- Meetings label row + Show/Hide toggle. -->\r\n    <div class=\"ieeesa-event-group-card__meetings-bar\">\r\n      <span class=\"ieeesa-event-group-card__meetings-open\">\r\n        <span class=\"ieeesa-event-group-card__meetings-dot\" aria-hidden=\"true\"></span>\r\n        {{ openForAttendanceSummary }}\r\n      </span>\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"ieeesa-event-group-card__meeting-toggle\"\r\n        [attr.aria-expanded]=\"isMeetingListOpen\"\r\n        [attr.aria-label]=\"constants.eventGroupCard.ariaLabel.meetingListToggle\"\r\n        (click)=\"onToggleMeetingList()\"\r\n      >\r\n        <span>{{ meetingListToggleLabel }}</span>\r\n        <i\r\n          class=\"fa-solid\"\r\n          [ngClass]=\"isMeetingListOpen ? 'fa-chevron-up' : 'fa-chevron-down'\"\r\n          aria-hidden=\"true\"\r\n        ></i>\r\n      </button>\r\n    </div>\r\n\r\n    <!-- Expanded inner meeting list + per-event paginator. -->\r\n    <div\r\n      *ngIf=\"isMeetingListOpen\"\r\n      class=\"ieeesa-event-group-card__meetings\"\r\n    >\r\n      <ieeesa-meeting-attendance-row\r\n        *ngFor=\"let meeting of pagedMeetings; trackBy: trackByMeetingId\"\r\n        [meeting]=\"meeting\"\r\n        [attendanceState]=\"resolveAttendanceState(meeting)\"\r\n        [isInFlight]=\"resolveIsInFlight(meeting)\"\r\n        [permissions]=\"permissions\"\r\n        (openMeeting)=\"onOpenMeeting($event)\"\r\n        (logAttendance)=\"onLogAttendance($event)\"\r\n        (leaveMeeting)=\"onLeaveMeeting($event)\"\r\n      ></ieeesa-meeting-attendance-row>\r\n\r\n      <div\r\n        class=\"ieeesa-event-group-card__paginator\"\r\n        [attr.aria-label]=\"constants.eventGroupCard.ariaLabel.meetingListToggle\"\r\n      >\r\n        <span class=\"ieeesa-event-group-card__paginator-range\">\r\n          {{ rangeLabel }}\r\n        </span>\r\n\r\n        <mat-paginator\r\n          class=\"ieeesa-event-group-card__paginator-control\"\r\n          [pageIndex]=\"pageIndex\"\r\n          [pageSize]=\"pageSize\"\r\n          [length]=\"totalMeetings\"\r\n          [hidePageSize]=\"true\"\r\n          (page)=\"onPageChange($event)\"\r\n        ></mat-paginator>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!-- ======================= STANDALONE MEETING ======================= -->\r\n  <!-- Single horizontal row: badge+name+subtitle | MEETING DATE | TIME & TIMEZONE | action. -->\r\n  <div *ngIf=\"isStandalone\" class=\"ieeesa-event-group-card__standalone\">\r\n    <div class=\"ieeesa-event-group-card__standalone-main\">\r\n      <span class=\"ieeesa-event-group-card__badge ieeesa-event-group-card__badge--standalone\">\r\n        {{ constants.eventGroupCard.standaloneBadge }}\r\n      </span>\r\n\r\n      <div class=\"ieeesa-event-group-card__standalone-title-row\">\r\n        <button\r\n          type=\"button\"\r\n          class=\"ieeesa-event-group-card__standalone-name\"\r\n          [attr.aria-label]=\"constants.meetingRow.ariaLabel.meetingNameLink\"\r\n          (click)=\"onOpenMeeting(event.eventId)\"\r\n        >\r\n          {{ event.title }}\r\n        </button>\r\n        <span\r\n          *ngIf=\"event.status\"\r\n          class=\"ieeesa-event-group-card__status-pill\"\r\n          [ngClass]=\"'ieeesa-event-group-card__status-pill--' + statusModifier\"\r\n        >\r\n          <span class=\"ieeesa-event-group-card__status-dot\" aria-hidden=\"true\"></span>\r\n          {{ event.status }}\r\n        </span>\r\n      </div>\r\n\r\n      <p\r\n        *ngIf=\"subtitleText\"\r\n        class=\"ieeesa-event-group-card__standalone-subtitle\"\r\n      >\r\n        {{ subtitleText }}\r\n      </p>\r\n    </div>\r\n\r\n    <!-- MEETING DATE column. -->\r\n    <dl class=\"ieeesa-event-group-card__standalone-col\">\r\n      <dt class=\"ieeesa-event-group-card__standalone-col-label\">\r\n        {{ constants.eventGroupCard.meetingDateLabel }}\r\n      </dt>\r\n      <dd class=\"ieeesa-event-group-card__standalone-col-value\">\r\n        {{ formattedStartDate }}<ng-container *ngIf=\"formattedEndDate && formattedEndDate !== formattedStartDate\">\r\n          &ndash; {{ formattedEndDate }}</ng-container>\r\n      </dd>\r\n    </dl>\r\n\r\n    <!-- TIME & TIMEZONE column. -->\r\n    <dl class=\"ieeesa-event-group-card__standalone-col\">\r\n      <dt class=\"ieeesa-event-group-card__standalone-col-label\">\r\n        {{ constants.eventGroupCard.timeTimezoneLabel }}\r\n      </dt>\r\n      <dd class=\"ieeesa-event-group-card__standalone-col-value\">\r\n        {{ standaloneTime }}\r\n      </dd>\r\n    </dl>\r\n\r\n    <!-- Attendance action column. -->\r\n    <div class=\"ieeesa-event-group-card__standalone-actions\">\r\n      <span\r\n        *ngIf=\"isStandaloneAttending\"\r\n        class=\"ieeesa-event-group-card__attending-pill\"\r\n      >\r\n        <span class=\"ieeesa-event-group-card__status-dot\" aria-hidden=\"true\"></span>\r\n        {{ constants.meetingRow.currentlyAttendingIndicator }}\r\n      </span>\r\n\r\n      <button\r\n        *ngIf=\"showStandaloneLog\"\r\n        type=\"button\"\r\n        class=\"ieeesa-event-group-card__standalone-action ieeesa-event-group-card__standalone-action--log\"\r\n        [disabled]=\"resolveIsInFlight(standaloneMeeting)\"\r\n        [attr.aria-label]=\"constants.meetingRow.ariaLabel.logAttendance\"\r\n        (click)=\"onLogAttendance(event.eventId)\"\r\n      >\r\n        {{ constants.meetingRow.logAttendanceLabel }}\r\n      </button>\r\n\r\n      <button\r\n        *ngIf=\"showStandaloneLeave\"\r\n        type=\"button\"\r\n        class=\"ieeesa-event-group-card__standalone-action ieeesa-event-group-card__standalone-action--leave\"\r\n        [disabled]=\"resolveIsInFlight(standaloneMeeting)\"\r\n        [attr.aria-label]=\"constants.meetingRow.ariaLabel.leaveMeeting\"\r\n        (click)=\"onLeaveMeeting(event.eventId)\"\r\n      >\r\n        {{ constants.meetingRow.leaveMeetingLabel }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</article>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-event-group-card{display:flex;flex-direction:column;gap:16px;padding:20px 24px;border:1px solid #d7d6d6;border-radius:8px;background-color:#fff;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026;font-family:Calibri Regular}.ieeesa-event-group-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.ieeesa-event-group-card__header-main{display:flex;flex-direction:column;gap:8px;min-width:0}.ieeesa-event-group-card__badge-row{display:flex;align-items:center;gap:12px}.ieeesa-event-group-card__badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:4px;font-family:Calibri Bold;font-size:.75rem;letter-spacing:.03125em;text-transform:uppercase;color:#00629b;background-color:#eaf3f9}.ieeesa-event-group-card__badge--standalone{color:#333436;background-color:#f0f0f0}.ieeesa-event-group-card__day-indicator{font-size:.875rem;line-height:18px;color:#333436}.ieeesa-event-group-card__title-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.ieeesa-event-group-card__title{margin:0;font-family:Calibri Bold;font-size:1.25rem;line-height:24px;color:#333436}.ieeesa-event-group-card__status-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 12px;border-radius:16px;font-size:.8125rem;color:#1a7f37;background-color:#e8f5ec}.ieeesa-event-group-card__status-pill--upcoming,.ieeesa-event-group-card__status-pill--starts-soon{color:#8a6d00;background-color:#fef7e0}.ieeesa-event-group-card__status-pill--upcoming .ieeesa-event-group-card__status-dot,.ieeesa-event-group-card__status-pill--starts-soon .ieeesa-event-group-card__status-dot{background-color:#e5a200}.ieeesa-event-group-card__status-dot{width:8px;height:8px;border-radius:50%;background-color:#1a7f37}.ieeesa-event-group-card__subtitle{margin:0;font-size:.875rem;line-height:18px;color:#333436}.ieeesa-event-group-card__header-side{display:flex;align-items:flex-start;gap:24px;flex-shrink:0}.ieeesa-event-group-card__dates-block{display:flex;flex-direction:column;gap:2px;margin:0;text-align:right}.ieeesa-event-group-card__dates-label{font-family:Calibri Bold;font-size:.75rem;letter-spacing:.03125em;text-transform:uppercase;color:#939094}.ieeesa-event-group-card__dates-value{margin:0;font-size:.875rem;line-height:18px;color:#333436}.ieeesa-event-group-card__timezone-value{margin:0;font-size:.8125rem;color:#939094}.ieeesa-event-group-card__view{flex-shrink:0;min-width:122px;padding:8px 16px;border:1px solid #00629b;border-radius:4px;background-color:#fff;font-size:.875rem;color:#00629b;cursor:pointer}.ieeesa-event-group-card__view:hover{background-color:#eaf3f9}.ieeesa-event-group-card__meetings-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:16px;border-top:1px solid #d7d6d6}.ieeesa-event-group-card__meetings-open{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;color:#333436}.ieeesa-event-group-card__meetings-dot{width:8px;height:8px;border-radius:50%;background-color:#1a7f37}.ieeesa-event-group-card__meeting-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 0;border:0;background:none;font-size:.875rem;color:#00629b;cursor:pointer}.ieeesa-event-group-card__meetings{display:flex;flex-direction:column;border:1px solid #d7d6d6;border-radius:8px;overflow:hidden}.ieeesa-event-group-card__paginator{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 20px;border-top:1px solid #d7d6d6}.ieeesa-event-group-card__paginator-range{font-size:.8125rem;color:#939094}.ieeesa-event-group-card__standalone{display:grid;grid-template-columns:minmax(260px,2.4fr) minmax(130px,1fr) minmax(200px,1.3fr) auto;align-items:center;column-gap:24px}.ieeesa-event-group-card__standalone-main{display:flex;flex-direction:column;gap:6px;min-width:0}.ieeesa-event-group-card__standalone-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.ieeesa-event-group-card__standalone-name{padding:0;border:0;background:none;text-align:left;text-decoration:underline;font-family:Calibri Bold;font-size:1rem;line-height:20px;color:#00629b;cursor:pointer}.ieeesa-event-group-card__standalone-subtitle{margin:0;font-size:.875rem;line-height:18px;color:#333436}.ieeesa-event-group-card__standalone-col{display:flex;flex-direction:column;gap:4px;margin:0;min-width:0}.ieeesa-event-group-card__standalone-col-label{font-family:Calibri Bold;font-size:.75rem;letter-spacing:.03125em;text-transform:uppercase;color:#939094}.ieeesa-event-group-card__standalone-col-value{margin:0;font-size:.875rem;line-height:18px;color:#333436}.ieeesa-event-group-card__standalone-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px}.ieeesa-event-group-card__attending-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:16px;white-space:nowrap;font-size:.8125rem;color:#1a7f37;background-color:#e8f5ec}.ieeesa-event-group-card__standalone-action{min-width:146px;padding:10px 16px;border-radius:4px;font-family:Calibri Bold;font-size:.875rem;cursor:pointer}.ieeesa-event-group-card__standalone-action--log{border:1px solid #00629b;background-color:#00629b;color:#fff}.ieeesa-event-group-card__standalone-action--leave{border:1px solid #00629b;background-color:#fff;color:#00629b}.ieeesa-event-group-card__standalone-action:disabled{border-color:#939094;background-color:#939094;color:#fff;cursor:default}.ieeesa-event-group-card--mobile{padding:16px}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__header{flex-direction:column;align-items:stretch}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__header-side{flex-direction:column;align-items:stretch;gap:12px}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__dates-block{text-align:left}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__view{align-self:stretch;width:100%}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__paginator{flex-direction:column;align-items:stretch}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__standalone{grid-template-columns:1fr;row-gap:12px}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__standalone-actions{justify-content:flex-start}\n"] }]
+        }], propDecorators: { event: [{
+                type: Input
+            }], permissions: [{
+                type: Input
+            }], attendanceStates: [{
+                type: Input
+            }], inFlightMeetingIds: [{
+                type: Input
+            }], isMobileView: [{
+                type: Input
+            }], viewEvent: [{
+                type: Output
+            }], openMeeting: [{
+                type: Output
+            }], logAttendance: [{
+                type: Output
+            }], leaveMeeting: [{
+                type: Output
+            }], pageChange: [{
+                type: Output
+            }], loadMeetings: [{
+                type: Output
+            }] } });
+
+/**
+ * Upcoming_Meetings_Events renders the "Upcoming Meetings & Events" dashboard
+ * section: a section title and "View All" link, a collapse/expand toggle that
+ * starts expanded, and one {@link EventGroupCardComponent} per upcoming event.
+ *
+ * The section is driven by its `sectionState` input: it shows the Loader while
+ * `LOADING`, the event-group cards while `LOADED`, the empty-state message while
+ * `EMPTY`, and the error message while `ERROR` — the four regions are mutually
+ * exclusive (Req 13.1, 13.2, 13.3, 13.5). The component is purely
+ * presentational: "View All" emits `viewAll` (Req 5.1, 5.2), the collapse toggle
+ * flips `isExpanded` and the card-list visibility while exposing
+ * `[attr.aria-expanded]` (Req 5.3, 5.4, 14.3), and each card is rendered via
+ * `*ngFor` with {@link trackByEventId} to preserve input order (Req 5.5, 5.6,
+ * 14.4). Card outputs (`viewEvent`/`openMeeting`/`logAttendance`/`leaveMeeting`)
+ * are bubbled upward unchanged, and each card's `pageChange` is mapped to
+ * `meetingPageChange` tagged with the originating event id (Req 6.9).
+ * @export
+ * @class UpcomingMeetingsEventsComponent
+ */
+class UpcomingMeetingsEventsComponent {
+    constructor() {
+        /** User-facing strings sourced from `constants.json`. */
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.constants = constants$1;
+        /** Enum reference for template comparisons against `sectionState`. */
+        this.sectionStates = DashboardSectionState;
+        /** The upcoming events rendered as event-group cards (Req 5.5, 5.6). */
+        this.events = [];
+        /** The load/empty/error status driving the section's mutually exclusive regions. */
+        this.sectionState = DashboardSectionState.LOADING;
+        /** Host permissions gating the per-row log-attendance / leave-meeting buttons. */
+        this.permissions = {
+            canLogAttendance: false,
+            canLeaveMeeting: false,
+        };
+        /** Map of meeting id to current attendance state, passed down to each card. */
+        this.attendanceStates = {};
+        /** Set of meeting ids with an attendance action awaiting resolution. */
+        this.inFlightMeetingIds = new Set();
+        /** Whether the host has determined the viewport is at/below the mobile breakpoint. */
+        this.isMobileView = false;
+        /** Emits when the "View All" link is activated (Req 5.2). */
+        this.viewAll = new EventEmitter();
+        /** Bubbles the event id when a card's "View Event" button is activated (Req 6.4). */
+        this.viewEvent = new EventEmitter();
+        /** Bubbles the meeting id when a card's meeting-name link is activated (Req 7.4). */
+        this.openMeeting = new EventEmitter();
+        /** Bubbles the meeting id when a card requests logging attendance (Req 7.7). */
+        this.logAttendance = new EventEmitter();
+        /** Bubbles the meeting id when a card requests leaving the meeting (Req 7.8). */
+        this.leaveMeeting = new EventEmitter();
+        /** Emits the requested page tagged with its event id when a card paginates (Req 6.9). */
+        this.meetingPageChange = new EventEmitter();
+        /** Emits the event id + one-based page to lazily load an event's child meetings. */
+        this.loadEventMeetings = new EventEmitter();
+        /** Whether the section's card list is currently expanded; starts collapsed. */
+        this.isExpanded = false;
+        /** Section-level page size — 5 events/meetings per page per the design. */
+        this.sectionPageSize = 5;
+        /** The current zero-based page index of the section list. */
+        this.sectionPageIndex = 0;
+        /**
+         * 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
+         */
+        this.expandedChange = new EventEmitter();
+    }
+    /** The total number of events/meetings in the section (paginator length). */
+    get totalItems() {
+        return this.events?.length ?? 0;
+    }
+    /**
+     * 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() {
+        const start = this.sectionPageIndex * this.sectionPageSize;
+        return (this.events ?? []).slice(start, start + this.sectionPageSize);
+    }
+    /** The one-based index of the first item shown on the current page. */
+    get sectionRangeStart() {
+        return this.totalItems === 0
+            ? 0
+            : this.sectionPageIndex * this.sectionPageSize + 1;
+    }
+    /** The one-based index of the last item shown on the current page. */
+    get sectionRangeEnd() {
+        return Math.min((this.sectionPageIndex + 1) * this.sectionPageSize, this.totalItems);
+    }
+    /**
+     * 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() {
+        const template = this.constants?.upcomingSection?.paginator?.rangeTemplate ??
+            '{start}-{end} of {total} Meetings & Events';
+        return template
+            .replace('{start}', `${this.sectionRangeStart}`)
+            .replace('{end}', `${this.sectionRangeEnd}`)
+            .replace('{total}', `${this.totalItems}`);
+    }
+    /**
+     * Handles the section paginator change, updating the current section page.
+     * @param {PageEvent} event - The Material paginator page event.
+     * @return {void}
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    onSectionPageChange(event) {
+        this.sectionPageIndex = event.pageIndex;
+    }
+    /**
+     * 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) {
+        this.isExpanded = !!value;
+    }
+    get expanded() {
+        return this.isExpanded;
+    }
+    /**
+     * `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
+     */
+    trackByEventId(index, event) {
+        return event?.eventId ?? `${index}`;
+    }
+    /**
+     * Toggles the section's expanded/collapsed state, inverting the card-list
+     * visibility and the exposed `aria-expanded` value (Req 5.4, 14.3).
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    onToggleExpanded() {
+        this.isExpanded = !this.isExpanded;
+        this.expandedChange.emit(this.isExpanded);
+    }
+    /**
+     * Handles the "View All" link, emitting the `viewAll` intent to the host (Req 5.2).
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    onViewAll() {
+        this.viewAll.emit();
+    }
+    /**
+     * Bubbles a card's "View Event" activation upward (Req 6.4).
+     * @param {string} eventId - The event id emitted by the card.
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    onViewEvent(eventId) {
+        this.viewEvent.emit(eventId);
+    }
+    /**
+     * Bubbles a card's meeting-name link activation upward (Req 7.4).
+     * @param {string} meetingId - The meeting id emitted by the card.
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    onOpenMeeting(meetingId) {
+        this.openMeeting.emit(meetingId);
+    }
+    /**
+     * Bubbles a card's log-attendance request upward (Req 7.7).
+     * @param {string} meetingId - The meeting id emitted by the card.
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    onLogAttendance(meetingId) {
+        this.logAttendance.emit(meetingId);
+    }
+    /**
+     * Bubbles a card's leave-meeting request upward (Req 7.8).
+     * @param {string} meetingId - The meeting id emitted by the card.
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    onLeaveMeeting(meetingId) {
+        this.leaveMeeting.emit(meetingId);
+    }
+    /**
+     * Maps a card's `pageChange` into a `meetingPageChange` tagged with the
+     * originating event id so the host can page the correct event (Req 6.9).
+     * @param {string} eventId - The id of the event whose card paginated.
+     * @param {PageChange} page - The requested page from the card paginator.
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    onMeetingPageChange(eventId, page) {
+        this.meetingPageChange.emit({ eventId, ...page });
+    }
+    /**
+     * 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, page) {
+        this.loadEventMeetings.emit({ eventId, page });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UpcomingMeetingsEventsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: UpcomingMeetingsEventsComponent, isStandalone: true, selector: "ieeesa-upcoming-meetings-events", inputs: { events: "events", sectionState: "sectionState", permissions: "permissions", attendanceStates: "attendanceStates", inFlightMeetingIds: "inFlightMeetingIds", isMobileView: "isMobileView", expanded: "expanded" }, outputs: { viewAll: "viewAll", viewEvent: "viewEvent", openMeeting: "openMeeting", logAttendance: "logAttendance", leaveMeeting: "leaveMeeting", meetingPageChange: "meetingPageChange", loadEventMeetings: "loadEventMeetings", expandedChange: "expandedChange" }, ngImport: i0, template: "<section\r\n  class=\"ieeesa-upcoming-meetings-events\"\r\n  [class.ieeesa-upcoming-meetings-events--mobile]=\"isMobileView\"\r\n>\r\n  <header class=\"ieeesa-upcoming-meetings-events__header\">\r\n    <!-- Section title (Req 5.1). -->\r\n    <div class=\"ieeesa-upcoming-meetings-events__heading\">\r\n      <h2 class=\"ieeesa-upcoming-meetings-events__title\">\r\n        {{ constants.upcomingSection.title }}\r\n      </h2>\r\n    </div>\r\n\r\n    <!-- View All link + Expand/Collapse toggle (Req 5.1, 5.2, 5.3, 5.4, 14.3). -->\r\n    <div class=\"ieeesa-upcoming-meetings-events__actions\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"ieeesa-upcoming-meetings-events__view-all\"\r\n        [attr.aria-label]=\"constants.upcomingSection.ariaLabel.viewAll\"\r\n        (click)=\"onViewAll()\"\r\n      >\r\n        {{ constants.upcomingSection.viewAllLabel }}\r\n      </button>\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"ieeesa-upcoming-meetings-events__toggle\"\r\n        [attr.aria-expanded]=\"isExpanded\"\r\n        [attr.aria-label]=\"constants.upcomingSection.ariaLabel.toggle\"\r\n        (click)=\"onToggleExpanded()\"\r\n      >\r\n        <span>{{ isExpanded ? constants.upcomingSection.collapseLabel : constants.upcomingSection.expandLabel }}</span>\r\n        <i\r\n          class=\"fa-solid\"\r\n          [ngClass]=\"isExpanded ? 'fa-chevron-up' : 'fa-chevron-down'\"\r\n          aria-hidden=\"true\"\r\n        ></i>\r\n      </button>\r\n    </div>\r\n  </header>\r\n\r\n  <!-- Card list, shown only while expanded (Req 5.4). -->\r\n  <div *ngIf=\"isExpanded\" class=\"ieeesa-upcoming-meetings-events__body\">\r\n    <!-- Loader region (Req 13.1). -->\r\n    <div\r\n      *ngIf=\"sectionState === sectionStates.LOADING\"\r\n      class=\"ieeesa-upcoming-meetings-events__loader\"\r\n    >\r\n      <ieeesa-loader></ieeesa-loader>\r\n    </div>\r\n\r\n    <!-- Content region: one card per event preserving input order (Req 5.5, 5.6, 13.2). -->\r\n    <div\r\n      *ngIf=\"sectionState === sectionStates.LOADED\"\r\n      class=\"ieeesa-upcoming-meetings-events__cards\"\r\n    >\r\n      <ieeesa-event-group-card\r\n        *ngFor=\"let event of pagedEvents; trackBy: trackByEventId\"\r\n        [event]=\"event\"\r\n        [permissions]=\"permissions\"\r\n        [attendanceStates]=\"attendanceStates\"\r\n        [inFlightMeetingIds]=\"inFlightMeetingIds\"\r\n        [isMobileView]=\"isMobileView\"\r\n        (viewEvent)=\"onViewEvent($event)\"\r\n        (openMeeting)=\"onOpenMeeting($event)\"\r\n        (logAttendance)=\"onLogAttendance($event)\"\r\n        (leaveMeeting)=\"onLeaveMeeting($event)\"\r\n        (pageChange)=\"onMeetingPageChange(event.eventId, $event)\"\r\n        (loadMeetings)=\"onLoadEventMeetings(event.eventId, $event)\"\r\n      ></ieeesa-event-group-card>\r\n\r\n      <!-- Section-level paginator: 5 events/meetings per page (Req 3.x, design). -->\r\n      <div\r\n        *ngIf=\"totalItems > sectionPageSize\"\r\n        class=\"ieeesa-upcoming-meetings-events__paginator\"\r\n      >\r\n        <span class=\"ieeesa-upcoming-meetings-events__paginator-range\">\r\n          {{ sectionRangeLabel }}\r\n        </span>\r\n        <mat-paginator\r\n          class=\"ieeesa-upcoming-meetings-events__paginator-control\"\r\n          [pageIndex]=\"sectionPageIndex\"\r\n          [pageSize]=\"sectionPageSize\"\r\n          [length]=\"totalItems\"\r\n          [hidePageSize]=\"true\"\r\n          (page)=\"onSectionPageChange($event)\"\r\n        ></mat-paginator>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Empty-state region (Req 13.3). -->\r\n    <p\r\n      *ngIf=\"sectionState === sectionStates.EMPTY\"\r\n      class=\"ieeesa-upcoming-meetings-events__empty\"\r\n    >\r\n      {{ constants.upcomingSection.emptyMessage }}\r\n    </p>\r\n\r\n    <!-- Error region (Req 13.5). -->\r\n    <p\r\n      *ngIf=\"sectionState === sectionStates.ERROR\"\r\n      class=\"ieeesa-upcoming-meetings-events__error\"\r\n      role=\"alert\"\r\n    >\r\n      {{ constants.upcomingSection.errorMessage }}\r\n    </p>\r\n  </div>\r\n</section>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-upcoming-meetings-events{display:flex;flex-direction:column;gap:16px;background-color:#fff;border-radius:12px;box-shadow:0 1px 2px #0003;border:1px solid #e2e8f0;padding:20px 24px}.ieeesa-upcoming-meetings-events__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.ieeesa-upcoming-meetings-events__heading{display:flex;min-width:0}.ieeesa-upcoming-meetings-events__title{margin:0;font-family:Calibri Bold;font-weight:700;font-size:18px;color:#0f172a}.ieeesa-upcoming-meetings-events__actions{display:flex;align-items:center;gap:16px}.ieeesa-upcoming-meetings-events__view-all{flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;font-family:Calibri Bold;font-weight:700;font-size:18px;color:#00629b}.ieeesa-upcoming-meetings-events__view-all:hover{text-decoration:underline}.ieeesa-upcoming-meetings-events__toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid #dbe2eb;border-radius:8px;background-color:#fff;cursor:pointer;font-family:Calibri Bold;font-weight:700;font-size:18px;color:#00629b}.ieeesa-upcoming-meetings-events__toggle:hover{border-color:#00629b}.ieeesa-upcoming-meetings-events__toggle i{font-size:.75rem}.ieeesa-upcoming-meetings-events__body{display:flex;flex-direction:column}.ieeesa-upcoming-meetings-events__loader{display:flex;align-items:center;justify-content:center;padding:24px}.ieeesa-upcoming-meetings-events__cards{display:flex;flex-direction:column;gap:16px}.ieeesa-upcoming-meetings-events__paginator{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;padding-top:8px}.ieeesa-upcoming-meetings-events__paginator-range{font-size:.8125rem;color:#939094}.ieeesa-upcoming-meetings-events__empty,.ieeesa-upcoming-meetings-events__error{margin:0;padding:16px;font-size:.875rem;color:#939094}.ieeesa-upcoming-meetings-events__error{color:#ba0c2f}.ieeesa-upcoming-meetings-events--mobile .ieeesa-upcoming-meetings-events__header{flex-wrap:wrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i2.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "component", type: LoaderComponent, selector: "ieeesa-loader", inputs: ["diameter"] }, { kind: "component", type: EventGroupCardComponent, selector: "ieeesa-event-group-card", inputs: ["event", "permissions", "attendanceStates", "inFlightMeetingIds", "isMobileView"], outputs: ["viewEvent", "openMeeting", "logAttendance", "leaveMeeting", "pageChange", "loadMeetings"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UpcomingMeetingsEventsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ieeesa-upcoming-meetings-events', standalone: true, imports: [
+                        CommonModule,
+                        MatPaginatorModule,
+                        LoaderComponent,
+                        EventGroupCardComponent,
+                    ], encapsulation: ViewEncapsulation.None, template: "<section\r\n  class=\"ieeesa-upcoming-meetings-events\"\r\n  [class.ieeesa-upcoming-meetings-events--mobile]=\"isMobileView\"\r\n>\r\n  <header class=\"ieeesa-upcoming-meetings-events__header\">\r\n    <!-- Section title (Req 5.1). -->\r\n    <div class=\"ieeesa-upcoming-meetings-events__heading\">\r\n      <h2 class=\"ieeesa-upcoming-meetings-events__title\">\r\n        {{ constants.upcomingSection.title }}\r\n      </h2>\r\n    </div>\r\n\r\n    <!-- View All link + Expand/Collapse toggle (Req 5.1, 5.2, 5.3, 5.4, 14.3). -->\r\n    <div class=\"ieeesa-upcoming-meetings-events__actions\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"ieeesa-upcoming-meetings-events__view-all\"\r\n        [attr.aria-label]=\"constants.upcomingSection.ariaLabel.viewAll\"\r\n        (click)=\"onViewAll()\"\r\n      >\r\n        {{ constants.upcomingSection.viewAllLabel }}\r\n      </button>\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"ieeesa-upcoming-meetings-events__toggle\"\r\n        [attr.aria-expanded]=\"isExpanded\"\r\n        [attr.aria-label]=\"constants.upcomingSection.ariaLabel.toggle\"\r\n        (click)=\"onToggleExpanded()\"\r\n      >\r\n        <span>{{ isExpanded ? constants.upcomingSection.collapseLabel : constants.upcomingSection.expandLabel }}</span>\r\n        <i\r\n          class=\"fa-solid\"\r\n          [ngClass]=\"isExpanded ? 'fa-chevron-up' : 'fa-chevron-down'\"\r\n          aria-hidden=\"true\"\r\n        ></i>\r\n      </button>\r\n    </div>\r\n  </header>\r\n\r\n  <!-- Card list, shown only while expanded (Req 5.4). -->\r\n  <div *ngIf=\"isExpanded\" class=\"ieeesa-upcoming-meetings-events__body\">\r\n    <!-- Loader region (Req 13.1). -->\r\n    <div\r\n      *ngIf=\"sectionState === sectionStates.LOADING\"\r\n      class=\"ieeesa-upcoming-meetings-events__loader\"\r\n    >\r\n      <ieeesa-loader></ieeesa-loader>\r\n    </div>\r\n\r\n    <!-- Content region: one card per event preserving input order (Req 5.5, 5.6, 13.2). -->\r\n    <div\r\n      *ngIf=\"sectionState === sectionStates.LOADED\"\r\n      class=\"ieeesa-upcoming-meetings-events__cards\"\r\n    >\r\n      <ieeesa-event-group-card\r\n        *ngFor=\"let event of pagedEvents; trackBy: trackByEventId\"\r\n        [event]=\"event\"\r\n        [permissions]=\"permissions\"\r\n        [attendanceStates]=\"attendanceStates\"\r\n        [inFlightMeetingIds]=\"inFlightMeetingIds\"\r\n        [isMobileView]=\"isMobileView\"\r\n        (viewEvent)=\"onViewEvent($event)\"\r\n        (openMeeting)=\"onOpenMeeting($event)\"\r\n        (logAttendance)=\"onLogAttendance($event)\"\r\n        (leaveMeeting)=\"onLeaveMeeting($event)\"\r\n        (pageChange)=\"onMeetingPageChange(event.eventId, $event)\"\r\n        (loadMeetings)=\"onLoadEventMeetings(event.eventId, $event)\"\r\n      ></ieeesa-event-group-card>\r\n\r\n      <!-- Section-level paginator: 5 events/meetings per page (Req 3.x, design). -->\r\n      <div\r\n        *ngIf=\"totalItems > sectionPageSize\"\r\n        class=\"ieeesa-upcoming-meetings-events__paginator\"\r\n      >\r\n        <span class=\"ieeesa-upcoming-meetings-events__paginator-range\">\r\n          {{ sectionRangeLabel }}\r\n        </span>\r\n        <mat-paginator\r\n          class=\"ieeesa-upcoming-meetings-events__paginator-control\"\r\n          [pageIndex]=\"sectionPageIndex\"\r\n          [pageSize]=\"sectionPageSize\"\r\n          [length]=\"totalItems\"\r\n          [hidePageSize]=\"true\"\r\n          (page)=\"onSectionPageChange($event)\"\r\n        ></mat-paginator>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Empty-state region (Req 13.3). -->\r\n    <p\r\n      *ngIf=\"sectionState === sectionStates.EMPTY\"\r\n      class=\"ieeesa-upcoming-meetings-events__empty\"\r\n    >\r\n      {{ constants.upcomingSection.emptyMessage }}\r\n    </p>\r\n\r\n    <!-- Error region (Req 13.5). -->\r\n    <p\r\n      *ngIf=\"sectionState === sectionStates.ERROR\"\r\n      class=\"ieeesa-upcoming-meetings-events__error\"\r\n      role=\"alert\"\r\n    >\r\n      {{ constants.upcomingSection.errorMessage }}\r\n    </p>\r\n  </div>\r\n</section>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-upcoming-meetings-events{display:flex;flex-direction:column;gap:16px;background-color:#fff;border-radius:12px;box-shadow:0 1px 2px #0003;border:1px solid #e2e8f0;padding:20px 24px}.ieeesa-upcoming-meetings-events__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.ieeesa-upcoming-meetings-events__heading{display:flex;min-width:0}.ieeesa-upcoming-meetings-events__title{margin:0;font-family:Calibri Bold;font-weight:700;font-size:18px;color:#0f172a}.ieeesa-upcoming-meetings-events__actions{display:flex;align-items:center;gap:16px}.ieeesa-upcoming-meetings-events__view-all{flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;font-family:Calibri Bold;font-weight:700;font-size:18px;color:#00629b}.ieeesa-upcoming-meetings-events__view-all:hover{text-decoration:underline}.ieeesa-upcoming-meetings-events__toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid #dbe2eb;border-radius:8px;background-color:#fff;cursor:pointer;font-family:Calibri Bold;font-weight:700;font-size:18px;color:#00629b}.ieeesa-upcoming-meetings-events__toggle:hover{border-color:#00629b}.ieeesa-upcoming-meetings-events__toggle i{font-size:.75rem}.ieeesa-upcoming-meetings-events__body{display:flex;flex-direction:column}.ieeesa-upcoming-meetings-events__loader{display:flex;align-items:center;justify-content:center;padding:24px}.ieeesa-upcoming-meetings-events__cards{display:flex;flex-direction:column;gap:16px}.ieeesa-upcoming-meetings-events__paginator{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;padding-top:8px}.ieeesa-upcoming-meetings-events__paginator-range{font-size:.8125rem;color:#939094}.ieeesa-upcoming-meetings-events__empty,.ieeesa-upcoming-meetings-events__error{margin:0;padding:16px;font-size:.875rem;color:#939094}.ieeesa-upcoming-meetings-events__error{color:#ba0c2f}.ieeesa-upcoming-meetings-events--mobile .ieeesa-upcoming-meetings-events__header{flex-wrap:wrap}\n"] }]
+        }], propDecorators: { events: [{
+                type: Input
+            }], sectionState: [{
+                type: Input
+            }], permissions: [{
+                type: Input
+            }], attendanceStates: [{
+                type: Input
+            }], inFlightMeetingIds: [{
+                type: Input
+            }], isMobileView: [{
+                type: Input
+            }], viewAll: [{
+                type: Output
+            }], viewEvent: [{
+                type: Output
+            }], openMeeting: [{
+                type: Output
+            }], logAttendance: [{
+                type: Output
+            }], leaveMeeting: [{
+                type: Output
+            }], meetingPageChange: [{
+                type: Output
+            }], loadEventMeetings: [{
+                type: Output
+            }], expanded: [{
+                type: Input
+            }], expandedChange: [{
+                type: Output
+            }] } });
+
+/**
+ * Identifies which dashboard section a "Jump to" shortcut targets, emitted via
+ * {@link DashboardWelcomeHeaderComponent.shortcutSelected} for the host/container
+ * to scroll to or navigate.
+ */
+// eslint-disable-next-line no-unused-vars
+var DashboardJumpTarget;
+(function (DashboardJumpTarget) {
+    // eslint-disable-next-line no-unused-vars
+    DashboardJumpTarget["MEETINGS"] = "MEETINGS";
+    // eslint-disable-next-line no-unused-vars
+    DashboardJumpTarget["GROUPS"] = "GROUPS";
+})(DashboardJumpTarget || (DashboardJumpTarget = {}));
+/**
+ * Welcome_Header renders the personalized greeting and the "Jump to" shortcut
+ * control at the top of the dashboard.
+ *
+ * The greeting is composed from the greeting label in `constants.json` and the
+ * supplied `userName`, falling back to the configured fallback greeting when the
+ * name is empty or undefined. The "Jump to" control shows one circular icon per
+ * dashboard section (Upcoming Meetings & Events, Your Groups); hovering or
+ * focusing an icon expands it into a pill with the section label and a count
+ * badge (the counts are supplied by the host via `meetingsCount` /
+ * `groupsCount`). Activating a shortcut emits {@link shortcutSelected} with the
+ * target section for the host to act on. Purely presentational — no API work.
+ * @export
+ * @class DashboardWelcomeHeaderComponent
+ */
+class DashboardWelcomeHeaderComponent {
+    constructor() {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.constants = constants$1;
+        /** User-facing strings sourced from `constants.json`. */
+        this.texts = this.constants?.welcomeHeader;
+        /** Enum reference for template comparisons. */
+        this.jumpTarget = DashboardJumpTarget;
+        this.userNameValue = '';
+        this.meetingsCountValue = 0;
+        this.groupsCountValue = 0;
+        /** Emits the selected "Jump to" target for the host to act on. */
+        this.shortcutSelected = new EventEmitter();
+        /** The jump shortcuts rendered in the control, rebuilt when counts change. */
+        this.shortcuts = this.buildShortcutList();
+    }
+    /**
+     * The signed-in user's display name. Drives the personalized greeting; when
+     * empty or undefined the greeting falls back to the configured fallback text.
+     * @memberof DashboardWelcomeHeaderComponent
+     */
+    set userName(value) {
+        this.userNameValue = value ?? '';
+    }
+    get userName() {
+        return this.userNameValue;
+    }
+    /** Count shown in the Upcoming Meetings & Events shortcut badge. */
+    set meetingsCount(value) {
+        this.meetingsCountValue = value ?? 0;
+        this.buildShortcuts();
+    }
+    get meetingsCount() {
+        return this.meetingsCountValue;
+    }
+    /** Count shown in the Your Groups shortcut badge. */
+    set groupsCount(value) {
+        this.groupsCountValue = value ?? 0;
+        this.buildShortcuts();
+    }
+    get groupsCount() {
+        return this.groupsCountValue;
+    }
+    /**
+     * The personalized greeting: the greeting label plus the user's name when
+     * present, otherwise the configured fallback greeting.
+     * @readonly
+     * @memberof DashboardWelcomeHeaderComponent
+     */
+    get greeting() {
+        const name = this.userName?.trim();
+        return name
+            ? `${this.texts?.greeting}${name}!`
+            : `${this.texts?.fallbackGreeting}!`;
+    }
+    /**
+     * Emits the chosen shortcut's target for the host to scroll/navigate to.
+     * @param {DashboardJumpTarget} target - The selected section.
+     * @memberof DashboardWelcomeHeaderComponent
+     */
+    onShortcutClick(target) {
+        this.shortcutSelected.emit(target);
+    }
+    /**
+     * TrackBy for the shortcut list.
+     * @param {number} _index
+     * @param {JumpShortcut} shortcut
+     * @return {string}
+     * @memberof DashboardWelcomeHeaderComponent
+     */
+    trackByTarget(_index, shortcut) {
+        return shortcut.target;
+    }
+    /** Rebuilds the shortcut list so the template reflects the latest counts. */
+    buildShortcuts() {
+        this.shortcuts = this.buildShortcutList();
+    }
+    /**
+     * Builds the shortcut view models from `constants.json` and the current
+     * counts.
+     * @return {JumpShortcut[]}
+     * @memberof DashboardWelcomeHeaderComponent
+     */
+    buildShortcutList() {
+        const shortcutTexts = this.constants?.welcomeHeader?.shortcuts;
+        return [
+            {
+                target: DashboardJumpTarget.MEETINGS,
+                label: shortcutTexts?.meetings?.label,
+                iconUrl: shortcutTexts?.meetings?.iconUrl,
+                ariaLabel: shortcutTexts?.meetings?.ariaLabel,
+                count: this.meetingsCountValue,
+            },
+            {
+                target: DashboardJumpTarget.GROUPS,
+                label: shortcutTexts?.groups?.label,
+                iconUrl: shortcutTexts?.groups?.iconUrl,
+                ariaLabel: shortcutTexts?.groups?.ariaLabel,
+                count: this.groupsCountValue,
+            },
+        ];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardWelcomeHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DashboardWelcomeHeaderComponent, isStandalone: true, selector: "ieeesa-dashboard-welcome-header", inputs: { userName: "userName", meetingsCount: "meetingsCount", groupsCount: "groupsCount" }, outputs: { shortcutSelected: "shortcutSelected" }, ngImport: i0, template: "<div class=\"ieeesa-dashboard-welcome-header\">\r\n  <!-- Greeting + helper line -->\r\n  <div class=\"ieeesa-dashboard-welcome-header__intro\">\r\n    <h1 class=\"ieeesa-dashboard-welcome-header__greeting m-0\">\r\n      {{ greeting }}\r\n    </h1>\r\n    <p class=\"ieeesa-dashboard-welcome-header__helper-text m-0\">\r\n      {{ texts?.helperText }}\r\n    </p>\r\n  </div>\r\n\r\n  <!-- \"Jump to\" shortcuts: each icon expands on hover/focus into a pill with\r\n       the section label and its count badge. -->\r\n  <div class=\"ieeesa-dashboard-welcome-header__jump-to\">\r\n    <span class=\"ieeesa-dashboard-welcome-header__jump-to-label\">\r\n      {{ texts?.jumpToLabel }}\r\n    </span>\r\n\r\n    <button\r\n      *ngFor=\"let shortcut of shortcuts; trackBy: trackByTarget\"\r\n      type=\"button\"\r\n      class=\"ieeesa-dashboard-welcome-header__shortcut\"\r\n      [attr.aria-label]=\"shortcut.ariaLabel + ' (' + shortcut.count + ')'\"\r\n      (click)=\"onShortcutClick(shortcut.target)\"\r\n    >\r\n      <img\r\n        class=\"ieeesa-dashboard-welcome-header__shortcut-icon\"\r\n        [src]=\"shortcut.iconUrl\"\r\n        alt=\"\"\r\n        aria-hidden=\"true\"\r\n      />\r\n      <span class=\"ieeesa-dashboard-welcome-header__shortcut-label\">\r\n        {{ shortcut.label }}\r\n      </span>\r\n      <span class=\"ieeesa-dashboard-welcome-header__shortcut-count\">\r\n        {{ shortcut.count }}\r\n      </span>\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-dashboard-welcome-header{display:flex;align-items:center;justify-content:flex-start;gap:10%;flex-wrap:wrap}.ieeesa-dashboard-welcome-header__intro{display:flex;flex-direction:column;gap:4px}.ieeesa-dashboard-welcome-header__greeting{font-family:Calibri Bold;font-weight:700;font-style:normal;font-size:18px;line-height:27px;letter-spacing:0px;color:#111}.ieeesa-dashboard-welcome-header__helper-text{font-family:Calibri Regular;font-weight:400;font-style:normal;font-size:12px;line-height:16.5px;letter-spacing:0px;color:#6a7282}.ieeesa-dashboard-welcome-header__jump-to{display:inline-flex;align-items:center;gap:20px;min-width:228px;width:-moz-fit-content;width:fit-content;height:60px;padding-left:18px;padding-right:18px;background-color:#fff;border-radius:10px;box-shadow:0 1px 2px #0003}.ieeesa-dashboard-welcome-header__jump-to-label{font-family:Calibri Bold;font-weight:700;font-size:.8125rem;letter-spacing:.03125em;text-transform:uppercase;color:#333436;white-space:nowrap}.ieeesa-dashboard-welcome-header__shortcut{display:inline-flex;align-items:center;justify-content:center;gap:0;width:40px;height:40px;padding:0;border:1.5px solid #D1D5DC;border-radius:20px;background-color:#fff;color:#00629b;cursor:pointer;overflow:hidden;will-change:width,padding;transition:width .32s cubic-bezier(.22,1,.36,1),padding .32s cubic-bezier(.22,1,.36,1),gap .32s cubic-bezier(.22,1,.36,1),background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.ieeesa-dashboard-welcome-header__shortcut:hover,.ieeesa-dashboard-welcome-header__shortcut:focus-visible{width:auto;gap:8px;padding:0 14px;border-color:#00629b;background-color:#eaf3f9;box-shadow:0 1px 2px #0003;outline:none}.ieeesa-dashboard-welcome-header__shortcut-icon{flex:0 0 auto;width:20px;height:20px;display:block}.ieeesa-dashboard-welcome-header__shortcut-label{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-family:Calibri Bold;font-weight:700;font-size:.875rem;color:#333436;transition:max-width .32s cubic-bezier(.22,1,.36,1),opacity .18s ease}.ieeesa-dashboard-welcome-header__shortcut-count{display:inline-flex;align-items:center;justify-content:center;max-width:0;padding:0;opacity:0;overflow:hidden;border-radius:12px;background-color:#eaf3f9;color:#00629b;font-family:Calibri Bold;font-weight:700;font-size:.75rem;white-space:nowrap;transition:max-width .32s cubic-bezier(.22,1,.36,1),opacity .18s ease,padding .2s ease}.ieeesa-dashboard-welcome-header__shortcut:hover .ieeesa-dashboard-welcome-header__shortcut-label,.ieeesa-dashboard-welcome-header__shortcut:focus-visible .ieeesa-dashboard-welcome-header__shortcut-label{max-width:240px;opacity:1;transition:max-width .32s cubic-bezier(.22,1,.36,1),opacity .22s ease .1s}.ieeesa-dashboard-welcome-header__shortcut:hover .ieeesa-dashboard-welcome-header__shortcut-count,.ieeesa-dashboard-welcome-header__shortcut:focus-visible .ieeesa-dashboard-welcome-header__shortcut-count{max-width:48px;padding:2px 10px;opacity:1;transition:max-width .32s cubic-bezier(.22,1,.36,1),opacity .22s ease .14s,padding .2s ease}@media (max-width: 767px){.ieeesa-dashboard-welcome-header{align-items:flex-start}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardWelcomeHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ieeesa-dashboard-welcome-header', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"ieeesa-dashboard-welcome-header\">\r\n  <!-- Greeting + helper line -->\r\n  <div class=\"ieeesa-dashboard-welcome-header__intro\">\r\n    <h1 class=\"ieeesa-dashboard-welcome-header__greeting m-0\">\r\n      {{ greeting }}\r\n    </h1>\r\n    <p class=\"ieeesa-dashboard-welcome-header__helper-text m-0\">\r\n      {{ texts?.helperText }}\r\n    </p>\r\n  </div>\r\n\r\n  <!-- \"Jump to\" shortcuts: each icon expands on hover/focus into a pill with\r\n       the section label and its count badge. -->\r\n  <div class=\"ieeesa-dashboard-welcome-header__jump-to\">\r\n    <span class=\"ieeesa-dashboard-welcome-header__jump-to-label\">\r\n      {{ texts?.jumpToLabel }}\r\n    </span>\r\n\r\n    <button\r\n      *ngFor=\"let shortcut of shortcuts; trackBy: trackByTarget\"\r\n      type=\"button\"\r\n      class=\"ieeesa-dashboard-welcome-header__shortcut\"\r\n      [attr.aria-label]=\"shortcut.ariaLabel + ' (' + shortcut.count + ')'\"\r\n      (click)=\"onShortcutClick(shortcut.target)\"\r\n    >\r\n      <img\r\n        class=\"ieeesa-dashboard-welcome-header__shortcut-icon\"\r\n        [src]=\"shortcut.iconUrl\"\r\n        alt=\"\"\r\n        aria-hidden=\"true\"\r\n      />\r\n      <span class=\"ieeesa-dashboard-welcome-header__shortcut-label\">\r\n        {{ shortcut.label }}\r\n      </span>\r\n      <span class=\"ieeesa-dashboard-welcome-header__shortcut-count\">\r\n        {{ shortcut.count }}\r\n      </span>\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-dashboard-welcome-header{display:flex;align-items:center;justify-content:flex-start;gap:10%;flex-wrap:wrap}.ieeesa-dashboard-welcome-header__intro{display:flex;flex-direction:column;gap:4px}.ieeesa-dashboard-welcome-header__greeting{font-family:Calibri Bold;font-weight:700;font-style:normal;font-size:18px;line-height:27px;letter-spacing:0px;color:#111}.ieeesa-dashboard-welcome-header__helper-text{font-family:Calibri Regular;font-weight:400;font-style:normal;font-size:12px;line-height:16.5px;letter-spacing:0px;color:#6a7282}.ieeesa-dashboard-welcome-header__jump-to{display:inline-flex;align-items:center;gap:20px;min-width:228px;width:-moz-fit-content;width:fit-content;height:60px;padding-left:18px;padding-right:18px;background-color:#fff;border-radius:10px;box-shadow:0 1px 2px #0003}.ieeesa-dashboard-welcome-header__jump-to-label{font-family:Calibri Bold;font-weight:700;font-size:.8125rem;letter-spacing:.03125em;text-transform:uppercase;color:#333436;white-space:nowrap}.ieeesa-dashboard-welcome-header__shortcut{display:inline-flex;align-items:center;justify-content:center;gap:0;width:40px;height:40px;padding:0;border:1.5px solid #D1D5DC;border-radius:20px;background-color:#fff;color:#00629b;cursor:pointer;overflow:hidden;will-change:width,padding;transition:width .32s cubic-bezier(.22,1,.36,1),padding .32s cubic-bezier(.22,1,.36,1),gap .32s cubic-bezier(.22,1,.36,1),background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.ieeesa-dashboard-welcome-header__shortcut:hover,.ieeesa-dashboard-welcome-header__shortcut:focus-visible{width:auto;gap:8px;padding:0 14px;border-color:#00629b;background-color:#eaf3f9;box-shadow:0 1px 2px #0003;outline:none}.ieeesa-dashboard-welcome-header__shortcut-icon{flex:0 0 auto;width:20px;height:20px;display:block}.ieeesa-dashboard-welcome-header__shortcut-label{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-family:Calibri Bold;font-weight:700;font-size:.875rem;color:#333436;transition:max-width .32s cubic-bezier(.22,1,.36,1),opacity .18s ease}.ieeesa-dashboard-welcome-header__shortcut-count{display:inline-flex;align-items:center;justify-content:center;max-width:0;padding:0;opacity:0;overflow:hidden;border-radius:12px;background-color:#eaf3f9;color:#00629b;font-family:Calibri Bold;font-weight:700;font-size:.75rem;white-space:nowrap;transition:max-width .32s cubic-bezier(.22,1,.36,1),opacity .18s ease,padding .2s ease}.ieeesa-dashboard-welcome-header__shortcut:hover .ieeesa-dashboard-welcome-header__shortcut-label,.ieeesa-dashboard-welcome-header__shortcut:focus-visible .ieeesa-dashboard-welcome-header__shortcut-label{max-width:240px;opacity:1;transition:max-width .32s cubic-bezier(.22,1,.36,1),opacity .22s ease .1s}.ieeesa-dashboard-welcome-header__shortcut:hover .ieeesa-dashboard-welcome-header__shortcut-count,.ieeesa-dashboard-welcome-header__shortcut:focus-visible .ieeesa-dashboard-welcome-header__shortcut-count{max-width:48px;padding:2px 10px;opacity:1;transition:max-width .32s cubic-bezier(.22,1,.36,1),opacity .22s ease .14s,padding .2s ease}@media (max-width: 767px){.ieeesa-dashboard-welcome-header{align-items:flex-start}}\n"] }]
+        }], propDecorators: { userName: [{
+                type: Input
+            }], meetingsCount: [{
+                type: Input
+            }], groupsCount: [{
+                type: Input
+            }], shortcutSelected: [{
+                type: Output
+            }] } });
+
+/**
+ * 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).
+ *
+ * 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
+ */
+class YourGroupsComponent {
+    constructor() {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.constants = constants$1;
+        /** User-facing strings sourced from `constants.json`. */
+        this.texts = this.constants?.groupsSection;
+        /** Enum reference for template comparisons against `sectionState`. */
+        this.sectionStates = DashboardSectionState;
+        /** Per-level indentation step (px) for the expanded hierarchy rows. */
+        this.indentPerLevel = 28;
+        /** Selectable "Items per page" page sizes. */
+        this.pageSizeOptions = [5, 10, 25];
+        this.groupsValue = [];
+        /** The section's load/empty/error state driving the mutually-exclusive regions. */
+        this.sectionState = DashboardSectionState.LOADED;
+        /** Total number of groups (for the "{n} Groups" count and paginator). */
+        this.totalGroups = 0;
+        this.pageIndexValue = 0;
+        this.pageSizeValue = 5;
+        /** Emits when the "View All" link is activated. */
+        this.viewAllGroups = new EventEmitter();
+        /** Emits the requested page when the paginator changes. */
+        this.pageChange = new EventEmitter();
+        /**
+         * 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
+         */
+        this.expandedChange = new EventEmitter();
+        /** Whether the card is expanded (table visible). Starts collapsed. */
+        this.isExpanded = false;
+        /** GroupIds of the top-level groups whose hierarchy is currently expanded. */
+        this.expandedGroupIds = new Set();
+        /** The flattened rows currently rendered (group rows + any expanded hierarchy rows). */
+        this.visibleRows = [];
+    }
+    /** The groups rendered in the table. */
+    set groups(value) {
+        this.groupsValue = value ?? [];
+        this.rebuildRows();
+    }
+    get groups() {
+        return this.groupsValue;
+    }
+    /** Current zero-based page index. */
+    set pageIndex(value) {
+        this.pageIndexValue = value ?? 0;
+        this.rebuildRows();
+    }
+    get pageIndex() {
+        return this.pageIndexValue;
+    }
+    /** Current page size (defaults to 5 rows per page per the design). */
+    set pageSize(value) {
+        this.pageSizeValue = value ?? 5;
+        this.rebuildRows();
+    }
+    get pageSize() {
+        return this.pageSizeValue;
+    }
+    /**
+     * Allows the host/container to open or close the card (e.g. a "Jump to"
+     * shortcut opens it).
+     * @memberof YourGroupsComponent
+     */
+    set expanded(value) {
+        this.isExpanded = !!value;
+    }
+    get expanded() {
+        return this.isExpanded;
+    }
+    /**
+     * The count shown in the header subtitle — the server total when provided,
+     * otherwise the number of groups.
+     * @readonly
+     * @memberof YourGroupsComponent
+     */
+    get groupCount() {
+        return this.totalGroups || this.groups.length || 0;
+    }
+    /**
+     * Whether a group row can expand: it has an ancestor hierarchy (more than the
+     * group's own node). A single-node hierarchy (the group itself) is a leaf.
+     * @param {GroupRow} group
+     * @return {boolean}
+     * @memberof YourGroupsComponent
+     */
+    hasHierarchy(group) {
+        return (group?.hierarchy?.length ?? 0) > 1;
+    }
+    /**
+     * Whether the given group row is currently expanded.
+     * @param {GroupRow} group
+     * @return {boolean}
+     * @memberof YourGroupsComponent
+     */
+    isGroupExpanded(group) {
+        return this.expandedGroupIds.has(group.groupId);
+    }
+    /**
+     * Toggles a group's hierarchy expansion and rebuilds the visible rows.
+     * @param {GroupRow} group
+     * @memberof YourGroupsComponent
+     */
+    onToggleHierarchy(group) {
+        if (!this.hasHierarchy(group)) {
+            return;
+        }
+        if (this.expandedGroupIds.has(group.groupId)) {
+            this.expandedGroupIds.delete(group.groupId);
+        }
+        else {
+            this.expandedGroupIds.add(group.groupId);
+        }
+        this.rebuildRows();
+    }
+    /**
+     * 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() {
+        this.isExpanded = !this.isExpanded;
+        this.expandedChange.emit(this.isExpanded);
+    }
+    /**
+     * Emits the "View All" intent for the host.
+     * @memberof YourGroupsComponent
+     */
+    onViewAll() {
+        this.viewAllGroups.emit();
+    }
+    /**
+     * 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
+     */
+    onPaginatorChange(event) {
+        this.pageChange.emit({
+            pageIndex: event.pageIndex,
+            pageSize: event.pageSize,
+        });
+    }
+    /**
+     * 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
+     */
+    resolveBadgeClass(memberLevel) {
+        const badge = this.texts?.memberLevelBadge;
+        return memberLevel === this.texts?.unassignedMemberLevel
+            ? badge?.warning
+            : badge?.success;
+    }
+    /**
+     * TrackBy for the rendered table rows.
+     * @param {number} index
+     * @param {TableRow} row
+     * @return {string}
+     * @memberof YourGroupsComponent
+     */
+    trackByRow(index, row) {
+        return row.kind === 'group'
+            ? `g:${row.group?.groupId}`
+            : `h:${row.group?.groupId}:${row.node?.groupId}:${index}`;
+    }
+    /**
+     * Rebuilds the flat list of visible rows: the current page of top-level group
+     * rows, each optionally followed by its hierarchy (ancestor) rows when the
+     * group is expanded. The hierarchy path is shown root→leaf, indented by depth.
+     * @memberof YourGroupsComponent
+     */
+    rebuildRows() {
+        const start = this.pageIndex * this.pageSize;
+        const pageGroups = this.groups.slice(start, start + this.pageSize);
+        const rows = [];
+        pageGroups.forEach((group) => {
+            rows.push({ kind: 'group', group, level: 0 });
+            if (this.expandedGroupIds.has(group.groupId)) {
+                (group.hierarchy ?? []).forEach((node, depth) => {
+                    rows.push({ kind: 'hierarchy', group, node, level: depth + 1 });
+                });
+            }
+        });
+        this.visibleRows = rows;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: YourGroupsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: YourGroupsComponent, isStandalone: true, selector: "ieeesa-your-groups", inputs: { groups: "groups", sectionState: "sectionState", totalGroups: "totalGroups", pageIndex: "pageIndex", pageSize: "pageSize", expanded: "expanded" }, outputs: { viewAllGroups: "viewAllGroups", pageChange: "pageChange", expandedChange: "expandedChange" }, ngImport: i0, template: "<section class=\"ieeesa-your-groups\">\r\n  <!-- Header: title + count, View All link, collapse/expand toggle -->\r\n  <div class=\"ieeesa-your-groups__header\">\r\n    <div class=\"ieeesa-your-groups__heading\">\r\n      <h2 class=\"ieeesa-your-groups__title m-0\">{{ texts?.title }}</h2>\r\n    </div>\r\n\r\n    <div class=\"ieeesa-your-groups__actions\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"ieeesa-your-groups__view-all\"\r\n        [attr.aria-label]=\"texts?.ariaLabel?.viewAll\"\r\n        (click)=\"onViewAll()\"\r\n      >\r\n        {{ texts?.viewAllLabel }}\r\n      </button>\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"ieeesa-your-groups__toggle\"\r\n        [attr.aria-expanded]=\"isExpanded\"\r\n        [attr.aria-label]=\"texts?.ariaLabel?.toggle\"\r\n        (click)=\"onToggleExpand()\"\r\n      >\r\n        <span>{{ isExpanded ? texts?.collapseLabel : texts?.expandLabel }}</span>\r\n        <i\r\n          class=\"fa-solid\"\r\n          [ngClass]=\"isExpanded ? 'fa-chevron-up' : 'fa-chevron-down'\"\r\n          aria-hidden=\"true\"\r\n        ></i>\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Body: only when the card is expanded. -->\r\n  <div class=\"ieeesa-your-groups__body\" *ngIf=\"isExpanded\">\r\n    <ieeesa-loader\r\n      *ngIf=\"sectionState === sectionStates.LOADING\"\r\n    ></ieeesa-loader>\r\n\r\n    <p\r\n      *ngIf=\"sectionState === sectionStates.ERROR\"\r\n      class=\"ieeesa-your-groups__message ieeesa-your-groups__message--error\"\r\n      role=\"alert\"\r\n    >\r\n      {{ texts?.errorMessage }}\r\n    </p>\r\n\r\n    <p\r\n      *ngIf=\"sectionState === sectionStates.EMPTY\"\r\n      class=\"ieeesa-your-groups__message\"\r\n      role=\"status\"\r\n    >\r\n      {{ texts?.emptyMessage }}\r\n    </p>\r\n\r\n    <ng-container *ngIf=\"sectionState === sectionStates.LOADED\">\r\n      <table class=\"ieeesa-your-groups__table\">\r\n        <thead>\r\n          <tr>\r\n            <th scope=\"col\">{{ texts?.columns?.group }}</th>\r\n            <th scope=\"col\">{{ texts?.columns?.type }}</th>\r\n            <th scope=\"col\">{{ texts?.columns?.officerRole }}</th>\r\n            <th scope=\"col\">{{ texts?.columns?.affiliation }}</th>\r\n            <th scope=\"col\">{{ texts?.columns?.memberLevel }}</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          <tr *ngFor=\"let row of visibleRows; trackBy: trackByRow\">\r\n            <!-- GROUP ROW -->\r\n            <ng-container *ngIf=\"row.kind === 'group'\">\r\n              <td class=\"ieeesa-your-groups__group-cell\">\r\n                <!-- Parent: blue +/- toggle to reveal the hierarchy. -->\r\n                <button\r\n                  *ngIf=\"hasHierarchy(row.group!)\"\r\n                  type=\"button\"\r\n                  class=\"ieeesa-your-groups__hierarchy-toggle\"\r\n                  [attr.aria-expanded]=\"isGroupExpanded(row.group!)\"\r\n                  [attr.aria-label]=\"\r\n                    (isGroupExpanded(row.group!)\r\n                      ? texts?.collapseLabel\r\n                      : texts?.expandLabel) +\r\n                    ' ' +\r\n                    row.group!.group\r\n                  \"\r\n                  (click)=\"onToggleHierarchy(row.group!)\"\r\n                >\r\n                  <i\r\n                    class=\"fa-solid\"\r\n                    [ngClass]=\"isGroupExpanded(row.group!) ? 'fa-minus' : 'fa-plus'\"\r\n                  ></i>\r\n                </button>\r\n                <!-- Leaf: spacer keeps names aligned with parents' names. -->\r\n                <span\r\n                  *ngIf=\"!hasHierarchy(row.group!)\"\r\n                  class=\"ieeesa-your-groups__toggle-spacer\"\r\n                  aria-hidden=\"true\"\r\n                ></span>\r\n                <span class=\"ieeesa-your-groups__group-name\">\r\n                  {{ row.group!.group }}\r\n                </span>\r\n              </td>\r\n              <td>{{ row.group!.type }}</td>\r\n              <td>{{ row.group!.officerRole }}</td>\r\n              <td>{{ row.group!.affiliation }}</td>\r\n              <td>\r\n                <span\r\n                  class=\"ieeesa-your-groups__badge\"\r\n                  [ngClass]=\"resolveBadgeClass(row.group!.memberLevel)\"\r\n                >\r\n                  {{ row.group!.memberLevel }}\r\n                </span>\r\n              </td>\r\n            </ng-container>\r\n\r\n            <!-- HIERARCHY (ancestor) ROW -->\r\n            <ng-container *ngIf=\"row.kind === 'hierarchy'\">\r\n              <td class=\"ieeesa-your-groups__group-cell ieeesa-your-groups__hierarchy-cell\">\r\n                <span\r\n                  class=\"ieeesa-your-groups__indent\"\r\n                  [style.width.px]=\"row.level * indentPerLevel\"\r\n                  aria-hidden=\"true\"\r\n                ></span>\r\n                <span class=\"ieeesa-your-groups__hierarchy-connector\" aria-hidden=\"true\">\r\n                  <i class=\"fa-solid fa-turn-up fa-rotate-90\"></i>\r\n                </span>\r\n                <span class=\"ieeesa-your-groups__hierarchy-name\">\r\n                  {{ row.node!.groupName }}\r\n                  <span\r\n                    *ngIf=\"row.node!.groupAcronym\"\r\n                    class=\"ieeesa-your-groups__hierarchy-acronym\"\r\n                  >\r\n                    ({{ row.node!.groupAcronym }})\r\n                  </span>\r\n                </span>\r\n              </td>\r\n              <td colspan=\"4\"></td>\r\n            </ng-container>\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n\r\n      <!-- Pagination: the same Angular Material paginator the shared data-table\r\n           uses \u2014 it provides the \"Items per page\" dropdown, range label, and\r\n           prev/next controls. -->\r\n      <mat-paginator\r\n        *ngIf=\"groupCount > 0\"\r\n        class=\"ieeesa-your-groups__paginator\"\r\n        [length]=\"groupCount\"\r\n        [pageSize]=\"pageSize\"\r\n        [pageIndex]=\"pageIndex\"\r\n        [pageSizeOptions]=\"pageSizeOptions\"\r\n        (page)=\"onPaginatorChange($event)\"\r\n      ></mat-paginator>\r\n    </ng-container>\r\n  </div>\r\n</section>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-your-groups{display:block;background-color:#fff;border-radius:12px;box-shadow:0 1px 2px #0003;padding:20px 24px;border:1px solid #E2E8F0}.ieeesa-your-groups__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.ieeesa-your-groups__heading{display:flex;flex-direction:column;gap:2px}.ieeesa-your-groups__title{font-family:Calibri Bold;font-weight:700;font-size:18px;color:#0f172a}.ieeesa-your-groups__count{font-family:Calibri Regular;font-size:.75rem;color:#777a7e}.ieeesa-your-groups__actions{display:flex;align-items:center;gap:16px}.ieeesa-your-groups__view-all{background:none;border:none;padding:0;cursor:pointer;font-family:Calibri Bold;font-weight:700;font-size:18px;color:#00629b}.ieeesa-your-groups__view-all:hover{text-decoration:underline}.ieeesa-your-groups__toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid #dbe2eb;border-radius:8px;background-color:#fff;cursor:pointer;font-family:Calibri Bold;font-weight:700;font-size:18px;color:#00629b}.ieeesa-your-groups__toggle:hover{border-color:#00629b}.ieeesa-your-groups__toggle i{font-size:.75rem}.ieeesa-your-groups__body{margin-top:16px}.ieeesa-your-groups__message{text-align:center;padding:32px 0;font-family:Calibri Regular;font-size:.875rem;color:#777a7e}.ieeesa-your-groups__message--error{color:#ba0c2f}.ieeesa-your-groups__table{width:100%;border-collapse:collapse}.ieeesa-your-groups__table th,.ieeesa-your-groups__table td{text-align:left;padding:14px 16px;border-bottom:1px solid #dbe2eb;vertical-align:middle}.ieeesa-your-groups__table th{background-color:#f4f5f7;color:#333436;font-family:Calibri Bold;font-weight:700;font-size:.875rem}.ieeesa-your-groups__table td{color:#333436;font-size:.875rem}.ieeesa-your-groups__table tbody tr:nth-child(2n) td{background-color:#f8fcff}.ieeesa-your-groups__group-cell{display:flex;align-items:center;gap:10px}.ieeesa-your-groups__indent{flex:0 0 auto;display:inline-block}.ieeesa-your-groups__hierarchy-toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:4px;background-color:#00629b;color:#fff;font-size:.875rem;line-height:1;cursor:pointer}.ieeesa-your-groups__hierarchy-toggle:hover{background-color:#003e65}.ieeesa-your-groups__toggle-spacer{flex:0 0 auto;display:inline-block;width:24px;height:24px}.ieeesa-your-groups__group-name{color:#00629b;font-family:Calibri Bold;font-weight:700}.ieeesa-your-groups__hierarchy-cell{gap:6px}.ieeesa-your-groups__hierarchy-connector{flex:0 0 auto;display:inline-flex;align-items:center;color:#777a7e}.ieeesa-your-groups__hierarchy-name{color:#333436}.ieeesa-your-groups__hierarchy-acronym{color:#777a7e}.ieeesa-your-groups__badge{display:inline-flex;align-items:center;padding:.125em .75em;border-radius:1em;font-size:.875rem;white-space:nowrap}.ieeesa-your-groups__badge--success{color:#2e7d32;background-color:#2e7d321f}.ieeesa-your-groups__badge--warning{color:#b35600;background-color:#b356001f}.ieeesa-your-groups__paginator{margin-top:8px}.ieeesa-your-groups__paginator ::ng-deep .mat-mdc-paginator-container{justify-content:flex-end}.ieeesa-your-groups__paginator ::ng-deep .mat-mdc-paginator{background-color:transparent}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i2.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "component", type: LoaderComponent, selector: "ieeesa-loader", inputs: ["diameter"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: YourGroupsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ieeesa-your-groups', standalone: true, imports: [CommonModule, MatPaginatorModule, LoaderComponent], encapsulation: ViewEncapsulation.None, template: "<section class=\"ieeesa-your-groups\">\r\n  <!-- Header: title + count, View All link, collapse/expand toggle -->\r\n  <div class=\"ieeesa-your-groups__header\">\r\n    <div class=\"ieeesa-your-groups__heading\">\r\n      <h2 class=\"ieeesa-your-groups__title m-0\">{{ texts?.title }}</h2>\r\n    </div>\r\n\r\n    <div class=\"ieeesa-your-groups__actions\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"ieeesa-your-groups__view-all\"\r\n        [attr.aria-label]=\"texts?.ariaLabel?.viewAll\"\r\n        (click)=\"onViewAll()\"\r\n      >\r\n        {{ texts?.viewAllLabel }}\r\n      </button>\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"ieeesa-your-groups__toggle\"\r\n        [attr.aria-expanded]=\"isExpanded\"\r\n        [attr.aria-label]=\"texts?.ariaLabel?.toggle\"\r\n        (click)=\"onToggleExpand()\"\r\n      >\r\n        <span>{{ isExpanded ? texts?.collapseLabel : texts?.expandLabel }}</span>\r\n        <i\r\n          class=\"fa-solid\"\r\n          [ngClass]=\"isExpanded ? 'fa-chevron-up' : 'fa-chevron-down'\"\r\n          aria-hidden=\"true\"\r\n        ></i>\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Body: only when the card is expanded. -->\r\n  <div class=\"ieeesa-your-groups__body\" *ngIf=\"isExpanded\">\r\n    <ieeesa-loader\r\n      *ngIf=\"sectionState === sectionStates.LOADING\"\r\n    ></ieeesa-loader>\r\n\r\n    <p\r\n      *ngIf=\"sectionState === sectionStates.ERROR\"\r\n      class=\"ieeesa-your-groups__message ieeesa-your-groups__message--error\"\r\n      role=\"alert\"\r\n    >\r\n      {{ texts?.errorMessage }}\r\n    </p>\r\n\r\n    <p\r\n      *ngIf=\"sectionState === sectionStates.EMPTY\"\r\n      class=\"ieeesa-your-groups__message\"\r\n      role=\"status\"\r\n    >\r\n      {{ texts?.emptyMessage }}\r\n    </p>\r\n\r\n    <ng-container *ngIf=\"sectionState === sectionStates.LOADED\">\r\n      <table class=\"ieeesa-your-groups__table\">\r\n        <thead>\r\n          <tr>\r\n            <th scope=\"col\">{{ texts?.columns?.group }}</th>\r\n            <th scope=\"col\">{{ texts?.columns?.type }}</th>\r\n            <th scope=\"col\">{{ texts?.columns?.officerRole }}</th>\r\n            <th scope=\"col\">{{ texts?.columns?.affiliation }}</th>\r\n            <th scope=\"col\">{{ texts?.columns?.memberLevel }}</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          <tr *ngFor=\"let row of visibleRows; trackBy: trackByRow\">\r\n            <!-- GROUP ROW -->\r\n            <ng-container *ngIf=\"row.kind === 'group'\">\r\n              <td class=\"ieeesa-your-groups__group-cell\">\r\n                <!-- Parent: blue +/- toggle to reveal the hierarchy. -->\r\n                <button\r\n                  *ngIf=\"hasHierarchy(row.group!)\"\r\n                  type=\"button\"\r\n                  class=\"ieeesa-your-groups__hierarchy-toggle\"\r\n                  [attr.aria-expanded]=\"isGroupExpanded(row.group!)\"\r\n                  [attr.aria-label]=\"\r\n                    (isGroupExpanded(row.group!)\r\n                      ? texts?.collapseLabel\r\n                      : texts?.expandLabel) +\r\n                    ' ' +\r\n                    row.group!.group\r\n                  \"\r\n                  (click)=\"onToggleHierarchy(row.group!)\"\r\n                >\r\n                  <i\r\n                    class=\"fa-solid\"\r\n                    [ngClass]=\"isGroupExpanded(row.group!) ? 'fa-minus' : 'fa-plus'\"\r\n                  ></i>\r\n                </button>\r\n                <!-- Leaf: spacer keeps names aligned with parents' names. -->\r\n                <span\r\n                  *ngIf=\"!hasHierarchy(row.group!)\"\r\n                  class=\"ieeesa-your-groups__toggle-spacer\"\r\n                  aria-hidden=\"true\"\r\n                ></span>\r\n                <span class=\"ieeesa-your-groups__group-name\">\r\n                  {{ row.group!.group }}\r\n                </span>\r\n              </td>\r\n              <td>{{ row.group!.type }}</td>\r\n              <td>{{ row.group!.officerRole }}</td>\r\n              <td>{{ row.group!.affiliation }}</td>\r\n              <td>\r\n                <span\r\n                  class=\"ieeesa-your-groups__badge\"\r\n                  [ngClass]=\"resolveBadgeClass(row.group!.memberLevel)\"\r\n                >\r\n                  {{ row.group!.memberLevel }}\r\n                </span>\r\n              </td>\r\n            </ng-container>\r\n\r\n            <!-- HIERARCHY (ancestor) ROW -->\r\n            <ng-container *ngIf=\"row.kind === 'hierarchy'\">\r\n              <td class=\"ieeesa-your-groups__group-cell ieeesa-your-groups__hierarchy-cell\">\r\n                <span\r\n                  class=\"ieeesa-your-groups__indent\"\r\n                  [style.width.px]=\"row.level * indentPerLevel\"\r\n                  aria-hidden=\"true\"\r\n                ></span>\r\n                <span class=\"ieeesa-your-groups__hierarchy-connector\" aria-hidden=\"true\">\r\n                  <i class=\"fa-solid fa-turn-up fa-rotate-90\"></i>\r\n                </span>\r\n                <span class=\"ieeesa-your-groups__hierarchy-name\">\r\n                  {{ row.node!.groupName }}\r\n                  <span\r\n                    *ngIf=\"row.node!.groupAcronym\"\r\n                    class=\"ieeesa-your-groups__hierarchy-acronym\"\r\n                  >\r\n                    ({{ row.node!.groupAcronym }})\r\n                  </span>\r\n                </span>\r\n              </td>\r\n              <td colspan=\"4\"></td>\r\n            </ng-container>\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n\r\n      <!-- Pagination: the same Angular Material paginator the shared data-table\r\n           uses \u2014 it provides the \"Items per page\" dropdown, range label, and\r\n           prev/next controls. -->\r\n      <mat-paginator\r\n        *ngIf=\"groupCount > 0\"\r\n        class=\"ieeesa-your-groups__paginator\"\r\n        [length]=\"groupCount\"\r\n        [pageSize]=\"pageSize\"\r\n        [pageIndex]=\"pageIndex\"\r\n        [pageSizeOptions]=\"pageSizeOptions\"\r\n        (page)=\"onPaginatorChange($event)\"\r\n      ></mat-paginator>\r\n    </ng-container>\r\n  </div>\r\n</section>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-your-groups{display:block;background-color:#fff;border-radius:12px;box-shadow:0 1px 2px #0003;padding:20px 24px;border:1px solid #E2E8F0}.ieeesa-your-groups__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.ieeesa-your-groups__heading{display:flex;flex-direction:column;gap:2px}.ieeesa-your-groups__title{font-family:Calibri Bold;font-weight:700;font-size:18px;color:#0f172a}.ieeesa-your-groups__count{font-family:Calibri Regular;font-size:.75rem;color:#777a7e}.ieeesa-your-groups__actions{display:flex;align-items:center;gap:16px}.ieeesa-your-groups__view-all{background:none;border:none;padding:0;cursor:pointer;font-family:Calibri Bold;font-weight:700;font-size:18px;color:#00629b}.ieeesa-your-groups__view-all:hover{text-decoration:underline}.ieeesa-your-groups__toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid #dbe2eb;border-radius:8px;background-color:#fff;cursor:pointer;font-family:Calibri Bold;font-weight:700;font-size:18px;color:#00629b}.ieeesa-your-groups__toggle:hover{border-color:#00629b}.ieeesa-your-groups__toggle i{font-size:.75rem}.ieeesa-your-groups__body{margin-top:16px}.ieeesa-your-groups__message{text-align:center;padding:32px 0;font-family:Calibri Regular;font-size:.875rem;color:#777a7e}.ieeesa-your-groups__message--error{color:#ba0c2f}.ieeesa-your-groups__table{width:100%;border-collapse:collapse}.ieeesa-your-groups__table th,.ieeesa-your-groups__table td{text-align:left;padding:14px 16px;border-bottom:1px solid #dbe2eb;vertical-align:middle}.ieeesa-your-groups__table th{background-color:#f4f5f7;color:#333436;font-family:Calibri Bold;font-weight:700;font-size:.875rem}.ieeesa-your-groups__table td{color:#333436;font-size:.875rem}.ieeesa-your-groups__table tbody tr:nth-child(2n) td{background-color:#f8fcff}.ieeesa-your-groups__group-cell{display:flex;align-items:center;gap:10px}.ieeesa-your-groups__indent{flex:0 0 auto;display:inline-block}.ieeesa-your-groups__hierarchy-toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:4px;background-color:#00629b;color:#fff;font-size:.875rem;line-height:1;cursor:pointer}.ieeesa-your-groups__hierarchy-toggle:hover{background-color:#003e65}.ieeesa-your-groups__toggle-spacer{flex:0 0 auto;display:inline-block;width:24px;height:24px}.ieeesa-your-groups__group-name{color:#00629b;font-family:Calibri Bold;font-weight:700}.ieeesa-your-groups__hierarchy-cell{gap:6px}.ieeesa-your-groups__hierarchy-connector{flex:0 0 auto;display:inline-flex;align-items:center;color:#777a7e}.ieeesa-your-groups__hierarchy-name{color:#333436}.ieeesa-your-groups__hierarchy-acronym{color:#777a7e}.ieeesa-your-groups__badge{display:inline-flex;align-items:center;padding:.125em .75em;border-radius:1em;font-size:.875rem;white-space:nowrap}.ieeesa-your-groups__badge--success{color:#2e7d32;background-color:#2e7d321f}.ieeesa-your-groups__badge--warning{color:#b35600;background-color:#b356001f}.ieeesa-your-groups__paginator{margin-top:8px}.ieeesa-your-groups__paginator ::ng-deep .mat-mdc-paginator-container{justify-content:flex-end}.ieeesa-your-groups__paginator ::ng-deep .mat-mdc-paginator{background-color:transparent}\n"] }]
+        }], propDecorators: { groups: [{
+                type: Input
+            }], sectionState: [{
+                type: Input
+            }], totalGroups: [{
+                type: Input
+            }], pageIndex: [{
+                type: Input
+            }], pageSize: [{
+                type: Input
+            }], viewAllGroups: [{
+                type: Output
+            }], pageChange: [{
+                type: Output
+            }], expandedChange: [{
+                type: Output
+            }], expanded: [{
+                type: Input
+            }] } });
+
+/**
+ * Determines whether a raw list item is an EVENT (owns child meetings) or a
+ * STANDALONE_MEETING. An item is an EVENT when the backend flags it with
+ * `isMeetingEvent === true` or `hasChildren === true`.
+ * @param {EventMeetingListItem} item - The raw list item.
+ * @return {UpcomingItemKind} The resolved render kind.
+ */
+function resolveItemKind(item) {
+    const isEvent = item?.isMeetingEvent === true || item?.hasChildren === true;
+    return isEvent ? UpcomingItemKind.EVENT : UpcomingItemKind.STANDALONE_MEETING;
+}
+/**
+ * Maps a raw backend list item to the {@link UpcomingEvent} view model. EVENT
+ * rows start with an empty `meetings` array (child meetings are lazily loaded on
+ * expand); STANDALONE_MEETING rows carry their own group/location fields.
+ * @param {EventMeetingListItem} item - The raw list item.
+ * @return {UpcomingEvent} The mapped view model.
+ */
+function mapListItemToUpcomingEvent(item) {
+    const kind = resolveItemKind(item);
+    const timezone = item?.timeZone ?? '';
+    const dayIndicator = item?.dayIndicator ??
+        (kind === UpcomingItemKind.EVENT
+            ? computeDayIndicator(item?.startDateTime, item?.endDateTime, timezone)
+            : '');
+    return {
+        eventId: item?.id ?? item?.eventId ?? item?.meetingId ?? '',
+        kind,
+        // The list endpoint uses `name`; fall back to `meetingTitle` for meeting rows.
+        title: item?.name ?? item?.meetingTitle ?? '',
+        // The list screen copies status into contentUnderLink; accept either.
+        status: item?.status ?? item?.contentUnderLink ?? '',
+        dayIndicator,
+        meetingCount: kind === UpcomingItemKind.STANDALONE_MEETING
+            ? 1
+            : item?.meetingCount ?? 0,
+        openForAttendanceCount: item?.openForAttendanceCount ?? 0,
+        startDateTime: item?.startDateTime,
+        endDateTime: item?.endDateTime,
+        timezone,
+        groupOrCommittee: item?.groupName ?? item?.groupAcronym ?? '',
+        roomOrLocation: item?.meetingLocation ?? item?.room ?? '',
+        isMemberOfGroup: item?.isMemberOfGroup ?? false,
+        meetings: [],
+    };
+}
+/**
+ * Maps a raw backend list of events & meetings into the dashboard view models,
+ * enforcing that STANDALONE_MEETING rows always sort LAST while preserving the
+ * backend's within-group ordering for each partition (stable sort).
+ * @param {EventMeetingListItem[]} items - The raw list items.
+ * @return {UpcomingEvent[]} The mapped, standalone-last ordered view models.
+ */
+function mapEventMeetingList(items) {
+    const mapped = (items ?? []).map((item) => mapListItemToUpcomingEvent(item));
+    const events = mapped.filter((entry) => entry.kind === UpcomingItemKind.EVENT);
+    const standalone = mapped.filter((entry) => entry.kind === UpcomingItemKind.STANDALONE_MEETING);
+    return [...events, ...standalone];
+}
+/**
+ * Maps a raw backend child-meeting detail item to the {@link MeetingRow} view
+ * model used by the event block's expanded meeting list.
+ * @param {EventMeetingDetailItem} item - The raw child-meeting item.
+ * @return {MeetingRow} The mapped meeting row.
+ */
+function mapDetailItemToMeetingRow(item) {
+    const status = item?.status ?? '';
+    // A meeting is "open for attendance" while it is In Progress. The
+    // meetingsDetails endpoint has no dedicated flag, so derive it from status
+    // (honouring an explicit backend flag when one is provided).
+    const isOpenForAttendance = item?.isOpenForAttendance ?? status.trim().toLowerCase() === 'in progress';
+    return {
+        meetingId: item?.meetingId ?? '',
+        meetingName: item?.meetingTitle ?? '',
+        groupOrCommittee: item?.groupName ?? '',
+        roomOrLocation: item?.meetingLocation ?? '',
+        startDateTime: item?.meetingStDate,
+        endDateTime: item?.meetingEdDate,
+        timezone: item?.timeZone ?? '',
+        status,
+        isMemberOfGroup: item?.isMemberOfGroup ?? false,
+        isOpenForAttendance,
+    };
+}
+/**
+ * Maps a raw backend list of child-meeting detail items to {@link MeetingRow}
+ * view models.
+ * @param {EventMeetingDetailItem[]} items - The raw child-meeting items.
+ * @return {MeetingRow[]} The mapped meeting rows.
+ */
+function mapEventMeetingDetails(items) {
+    return (items ?? []).map((item) => mapDetailItemToMeetingRow(item));
+}
+
+/**
+ * Pure reducers for the dashboard attendance state. These functions never
+ * mutate their inputs; each returns a new object/set so they can be exercised
+ * directly by property tests and composed by the DashboardService.
+ */
+/**
+ * Produce a new attendance-state map with the target meeting set to
+ * CURRENTLY_ATTENDING. Every other entry is copied unchanged (frame property).
+ *
+ * @param {Record<string, AttendanceState>} map The current attendance-state map (not mutated).
+ * @param {string} meetingId The meeting whose state transitions to CURRENTLY_ATTENDING.
+ * @return {Record<string, AttendanceState>} A new map reflecting the successful log-attendance action.
+ */
+const applyLogAttendanceSuccess = (map, meetingId) => ({
+    ...map,
+    [meetingId]: AttendanceState.CURRENTLY_ATTENDING,
+});
+/**
+ * Produce a new attendance-state map with the target meeting set to
+ * NOT_ATTENDING. Every other entry is copied unchanged (frame property).
+ *
+ * @param {Record<string, AttendanceState>} map The current attendance-state map (not mutated).
+ * @param {string} meetingId The meeting whose state transitions to NOT_ATTENDING.
+ * @return {Record<string, AttendanceState>} A new map reflecting the successful leave-meeting action.
+ */
+const applyLeaveMeetingSuccess = (map, meetingId) => ({
+    ...map,
+    [meetingId]: AttendanceState.NOT_ATTENDING,
+});
+/**
+ * Add a meeting to the in-flight set, returning a new set. Prior membership is
+ * retained so the displayed attendance state is preserved while the request
+ * resolves.
+ *
+ * @param {ReadonlySet<string>} set The current in-flight meeting-id set (not mutated).
+ * @param {string} meetingId The meeting whose attendance action has started.
+ * @return {Set<string>} A new set that additionally contains the meeting id.
+ */
+const beginAttendanceAction = (set, meetingId) => new Set([...set, meetingId]);
+/**
+ * Remove a meeting from the in-flight set, returning a new set. All other
+ * in-flight ids are retained.
+ *
+ * @param {ReadonlySet<string>} set The current in-flight meeting-id set (not mutated).
+ * @param {string} meetingId The meeting whose attendance action has resolved.
+ * @return {Set<string>} A new set that no longer contains the meeting id.
+ */
+const endAttendanceAction = (set, meetingId) => {
+    const next = new Set(set);
+    next.delete(meetingId);
+    return next;
+};
+
+/** Fallback label for an empty group type / member level, matching the My Groups tab. */
+const UNASSIGNED_LABEL = 'Unassigned';
+/** Placeholder for an empty cell value. */
+const EMPTY_VALUE = '-';
+/** Statuses included in the upcoming section, matching the view-events-meetings-list screen. */
+const UPCOMING_STATUSES = ['In Progress', 'Upcoming'];
+/** Sort column used for the top-level events & meetings list. */
+const UPCOMING_SORT_COLUMN = 'startDateTime';
+/** Sort column used for an event's expanded child-meeting list (meetingsDetails). */
+const EVENT_MEETINGS_SORT_COLUMN = 'meetingStDate';
+/** Default page size for the top-level upcoming section list. */
+const UPCOMING_PAGE_SIZE = 10;
+/** Default page size for an event's expanded child-meeting list. */
+const EVENT_MEETINGS_PAGE_SIZE = 5;
+/** Large page size used by the eager count prefetch to capture the full set. */
+const EVENT_COUNT_PAGE_SIZE = 200;
+/**
+ * DashboardService is the single source of truth for the dashboard landing
+ * page's data and attendance state. It mirrors the `events-and-meetings`
+ * service conventions: it is a `providedIn: 'root'` singleton, holds the host
+ * `apiBaseUrl` / `userPermissions` set via {@link setAppConfig}, owns its state
+ * via `BehaviorSubject`s exposed as observables, and reaches the backend only
+ * through the shared `HttpService` from `@ieeesa-npm/utility` (never
+ * `HttpClient` directly).
+ *
+ * The upcoming-events load calls the real `POST /meetings/eventsAndMeetings`
+ * endpoint (child meetings are lazily loaded per-event via
+ * `POST /meetings/meetingsDetails`); the groups load calls `GET
+ * /groups/my-groups`. The attendance actions compose the pure reducers from
+ * `attendance-reducers.ts` so the displayed `AttendanceState` only advances on a
+ * successful resolution and the prior state is retained on failure.
+ * @export
+ * @class DashboardService
+ */
+class DashboardService {
+    constructor(
+    // eslint-disable-next-line no-unused-vars
+    httpService // eslint-disable-next-line no-empty-function
+    ) {
+        this.httpService = httpService;
+        this.upcomingEvents = new BehaviorSubject([]);
+        this.groups = new BehaviorSubject([]);
+        this.upcomingState = new BehaviorSubject(DashboardSectionState.LOADING);
+        this.groupsState = new BehaviorSubject(DashboardSectionState.LOADING);
+        this.attendanceStates = new BehaviorSubject({});
+        this.inFlightMeetingIds = new BehaviorSubject(new Set());
+        /** Emits the list of the user's upcoming events. */
+        this.upcomingEvents$ = this.upcomingEvents.asObservable();
+        /** Emits the list of the user's groups. */
+        this.groups$ = this.groups.asObservable();
+        /** Emits the load/empty/error state of the upcoming-events section. */
+        this.upcomingState$ = this.upcomingState.asObservable();
+        /** Emits the load/empty/error state of the groups section. */
+        this.groupsState$ = this.groupsState.asObservable();
+        /** Emits the per-meeting attendance-state map. */
+        this.attendanceStates$ = this.attendanceStates.asObservable();
+        /** Emits the set of meeting ids with an attendance action in flight. */
+        this.inFlightMeetingIds$ = this.inFlightMeetingIds.asObservable();
+    }
+    /**
+     * Stores the host-supplied API base URL and user permissions used to build
+     * request URLs and gate permission-controlled actions. Mirrors the
+     * `events-and-meetings` service `setAppConfig`.
+     * @param {string} apiBaseURL - The host application's API base URL.
+     * @param {UserPermission[]} userPermissions - The signed-in user's permissions.
+     * @return {void}
+     * @memberof DashboardService
+     */
+    setAppConfig(apiBaseURL, userPermissions) {
+        this.apiBaseUrl = apiBaseURL;
+        this.userPermissions = userPermissions;
+    }
+    /**
+     * Loads the user's upcoming events & meetings from the real backend via
+     * `POST {apiBaseUrl}/meetings/eventsAndMeetings`, the same endpoint the
+     * `view-events-meetings-list` screen uses. The response is mapped into the
+     * dashboard view models (with STANDALONE_MEETING rows ordered last), the
+     * per-meeting attendance-state map is seeded, and the section advances through
+     * LOADING → LOADED/EMPTY on success, leaving the caller to set ERROR on
+     * failure. Follows the shared `pipe(map, catchError(throw))` pattern.
+     * @return {Observable<EventMeetingListResponse>} The upcoming events & meetings response envelope.
+     * @memberof DashboardService
+     */
+    loadUpcomingEvents() {
+        this.upcomingState.next(DashboardSectionState.LOADING);
+        const payload = {
+            payload: {
+                eventId: null,
+                sortColumn: UPCOMING_SORT_COLUMN,
+                ascendingOrder: true,
+                page: 1,
+                size: UPCOMING_PAGE_SIZE,
+                filter: {
+                    status: UPCOMING_STATUSES,
+                    isAllMeetingSelected: false,
+                },
+            },
+        };
+        return this.httpService
+            .postData(`${this.apiBaseUrl}/meetings/eventsAndMeetings`, payload)
+            .pipe(map((response) => {
+            const events = mapEventMeetingList(response?.body?.eventMeetingList ?? []);
+            this.upcomingEvents.next(events);
+            this.seedAttendanceStates(events);
+            this.upcomingState.next(events.length > 0
+                ? DashboardSectionState.LOADED
+                : DashboardSectionState.EMPTY);
+            // Eagerly fetch each EVENT's meeting count so the "{n} meetings" and
+            // "{n} open for attendance" summaries are correct before expanding.
+            this.loadEventCounts(events);
+            return response;
+        }), catchError((error) => {
+            this.upcomingState.next(DashboardSectionState.ERROR);
+            throw error;
+        }));
+    }
+    /**
+     * Lazily loads (and paginates) the child meetings of an EVENT row via
+     * `POST {apiBaseUrl}/meetings/meetingsDetails` — the per-event expand endpoint
+     * used by the reference screen. On success the loaded meetings are mapped and
+     * merged onto the matching event in the `upcomingEvents` list (with its
+     * `meetingCount` / `openForAttendanceCount` refreshed), and the per-meeting
+     * attendance-state map is extended. Each event paginates independently.
+     * @param {string} eventId - The event whose meetings to load.
+     * @param {number} [page=1] - The one-based page to request.
+     * @param {number} [size=EVENT_MEETINGS_PAGE_SIZE] - The page size.
+     * @return {Observable<EventMeetingDetailResponse>} The child-meetings response envelope.
+     * @memberof DashboardService
+     */
+    loadEventMeetings(eventId, page = 1, size = EVENT_MEETINGS_PAGE_SIZE) {
+        return this.fetchEventMeetingsPage(eventId, page, size).pipe(map((response) => {
+            const meetings = mapEventMeetingDetails(response?.body?.meetings ?? []);
+            const total = response?.body?.totalRecords ?? meetings.length;
+            // Prefer the already-known full open count on the event; fall back to
+            // the current page's open count when it hasn't been prefetched.
+            const existing = this.upcomingEvents.value.find((event) => event.eventId === eventId);
+            const pageOpenCount = meetings.filter((meeting) => meeting.isOpenForAttendance).length;
+            const openForAttendanceCount = existing?.openForAttendanceCount || pageOpenCount;
+            this.mergeEventMeetings(eventId, meetings, total, openForAttendanceCount);
+            this.seedAttendanceStatesFromMeetings(meetings);
+            return response;
+        }), catchError((error) => {
+            throw error;
+        }));
+    }
+    /**
+     * Merges a freshly loaded page of child meetings onto the matching event in
+     * the `upcomingEvents` list, refreshing the event's `meetings`,
+     * `meetingCount` (from the backend `totalRecords`), and
+     * `openForAttendanceCount`. Leaves all other events untouched.
+     * @param {string} eventId - The event to merge meetings onto.
+     * @param {MeetingRow[]} meetings - The mapped child meetings for the page.
+     * @param {number} totalRecords - The event's total meeting count from the backend.
+     * @return {void}
+     * @memberof DashboardService
+     */
+    mergeEventMeetings(eventId, meetings, totalRecords, openForAttendanceCount) {
+        const next = this.upcomingEvents.value.map((event) => {
+            if (event.eventId !== eventId) {
+                return event;
+            }
+            return {
+                ...event,
+                meetings,
+                meetingCount: totalRecords,
+                openForAttendanceCount,
+            };
+        });
+        this.upcomingEvents.next(next);
+    }
+    /**
+     * Eagerly fetches each EVENT's total meeting count and open-for-attendance
+     * count by requesting a large first page of its child meetings, then merging
+     * only the counts (not the rows) so the collapsed card summaries are accurate
+     * before the user expands. Standalone meetings are skipped. Failures per event
+     * are swallowed so one failing count never breaks the list.
+     * @param {UpcomingEvent[]} events - The loaded events to fetch counts for.
+     * @return {void}
+     * @memberof DashboardService
+     */
+    loadEventCounts(events) {
+        events
+            .filter((event) => event.kind === UpcomingItemKind.EVENT && event.eventId)
+            .forEach((event) => {
+            this.fetchEventMeetingsPage(event.eventId, 1, EVENT_COUNT_PAGE_SIZE)
+                .pipe(catchError(() => of(null)))
+                .subscribe((response) => {
+                if (!response) {
+                    return;
+                }
+                const meetings = mapEventMeetingDetails(response?.body?.meetings ?? []);
+                const total = response?.body?.totalRecords ?? meetings.length;
+                const openCount = meetings.filter((meeting) => meeting.isOpenForAttendance).length;
+                this.mergeEventCounts(event.eventId, total, openCount);
+                this.seedAttendanceStatesFromMeetings(meetings);
+            });
+        });
+    }
+    /**
+     * Merges only the meeting counts onto the matching event, leaving its
+     * `meetings` rows untouched (used by the eager count prefetch).
+     * @param {string} eventId - The event to update.
+     * @param {number} totalRecords - The event's total meeting count.
+     * @param {number} openForAttendanceCount - The open-for-attendance count.
+     * @return {void}
+     * @memberof DashboardService
+     */
+    mergeEventCounts(eventId, totalRecords, openForAttendanceCount) {
+        const next = this.upcomingEvents.value.map((event) => event.eventId === eventId
+            ? { ...event, meetingCount: totalRecords, openForAttendanceCount }
+            : event);
+        this.upcomingEvents.next(next);
+    }
+    /**
+     * Builds and posts the `meetingsDetails` request for a single event page,
+     * returning the raw response envelope. Shared by {@link loadEventMeetings} and
+     * the eager count prefetch.
+     * @param {string} eventId - The event whose meetings to fetch.
+     * @param {number} page - The one-based page to request.
+     * @param {number} size - The page size.
+     * @return {Observable<EventMeetingDetailResponse>} The child-meetings response.
+     * @memberof DashboardService
+     */
+    fetchEventMeetingsPage(eventId, page, size) {
+        const payload = {
+            payload: {
+                eventId,
+                sortColumn: EVENT_MEETINGS_SORT_COLUMN,
+                ascendingOrder: true,
+                page,
+                size,
+                filter: {
+                    status: UPCOMING_STATUSES,
+                    isAllMeetingSelected: false,
+                },
+            },
+        };
+        return this.httpService.postData(`${this.apiBaseUrl}/meetings/meetingsDetails`, payload);
+    }
+    /**
+     * Loads the user's groups, driving the groups section through
+     * LOADING → LOADED/EMPTY on success and leaving the caller to set ERROR on
+     * failure. Follows the `pipe(map, catchError(throw))` pattern.
+     *
+     * TODO: Replace mock with real API call when BE is ready
+     * @return {Observable<DashboardListResponse<GroupRow[]>>} The groups response envelope.
+     * @memberof DashboardService
+     */
+    loadGroups() {
+        this.groupsState.next(DashboardSectionState.LOADING);
+        return this.httpService
+            .getData(`${this.apiBaseUrl}/groups/my-groups`)
+            .pipe(map((response) => {
+            const groups = (response?.body?.groups ?? []).map((group) => this.mapGroup(group));
+            this.groups.next(groups);
+            this.groupsState.next(groups.length > 0
+                ? DashboardSectionState.LOADED
+                : DashboardSectionState.EMPTY);
+            return response;
+        }), catchError((error) => {
+            this.groupsState.next(DashboardSectionState.ERROR);
+            throw error;
+        }));
+    }
+    /**
+     * Maps a backend {@link MyGroupView} to the table-facing {@link GroupRow}.
+     * Mirrors the My Groups profile tab: the type falls back to "Unassigned" when
+     * `groupTypeName` is null, affiliations are comma-joined, empty officer role /
+     * affiliation render as a placeholder, and a blank member level becomes
+     * "Unassigned" (rendered as the warning pill by the Your Groups component).
+     * @param {MyGroupView} group - The backend group view.
+     * @return {GroupRow}
+     * @memberof DashboardService
+     */
+    mapGroup(group) {
+        // The backend returns officer roles as an `officer` array of
+        // { officerId, officerName }. Join the names for the Officer Role column
+        // (e.g. "Chair" or "Chair, Vice Chair"); show the placeholder when empty.
+        const officerRole = (group.officer ?? [])
+            .map((officer) => officer?.officerName?.trim())
+            .filter((name) => !!name)
+            .join(', ') || EMPTY_VALUE;
+        return {
+            groupId: group.groupId,
+            group: group.groupName,
+            type: group.groupTypeName || group.groupType || UNASSIGNED_LABEL,
+            officerRole,
+            affiliation: group.affiliations?.join(', ') || EMPTY_VALUE,
+            memberLevel: group.memberLevel?.trim() || UNASSIGNED_LABEL,
+            // Carry the ancestor hierarchy through for the expandable hierarchy rows.
+            hierarchy: group.hierarchy ?? [],
+        };
+    }
+    /**
+     * Logs attendance for a meeting. Marks the meeting in-flight (retaining the
+     * prior displayed state), posts through `HttpService`, applies the
+     * log-attendance-success reducer on success, clears the in-flight flag on
+     * completion, and rethrows while retaining prior state on failure.
+     * @param {string} meetingId - The meeting to log attendance for.
+     * @return {Observable<DashboardListResponse<unknown>>} The attendance response envelope.
+     * @memberof DashboardService
+     */
+    logAttendance(meetingId) {
+        this.inFlightMeetingIds.next(beginAttendanceAction(this.inFlightMeetingIds.value, meetingId));
+        return this.httpService
+            .postData(`${this.apiBaseUrl}/meetings/attendance/log`, { meetingId })
+            .pipe(map((response) => {
+            this.attendanceStates.next(applyLogAttendanceSuccess(this.attendanceStates.value, meetingId));
+            this.inFlightMeetingIds.next(endAttendanceAction(this.inFlightMeetingIds.value, meetingId));
+            return response;
+        }), catchError((error) => {
+            // Retain prior attendance state; only clear the in-flight flag.
+            this.inFlightMeetingIds.next(endAttendanceAction(this.inFlightMeetingIds.value, meetingId));
+            throw error;
+        }));
+    }
+    /**
+     * Leaves a meeting. Marks the meeting in-flight (retaining the prior
+     * displayed state), posts through `HttpService`, applies the
+     * leave-meeting-success reducer on success, clears the in-flight flag on
+     * completion, and rethrows while retaining prior state on failure.
+     * @param {string} meetingId - The meeting to leave.
+     * @return {Observable<DashboardListResponse<unknown>>} The attendance response envelope.
+     * @memberof DashboardService
+     */
+    leaveMeeting(meetingId) {
+        this.inFlightMeetingIds.next(beginAttendanceAction(this.inFlightMeetingIds.value, meetingId));
+        return this.httpService
+            .postData(`${this.apiBaseUrl}/meetings/attendance/leave`, { meetingId })
+            .pipe(map((response) => {
+            this.attendanceStates.next(applyLeaveMeetingSuccess(this.attendanceStates.value, meetingId));
+            this.inFlightMeetingIds.next(endAttendanceAction(this.inFlightMeetingIds.value, meetingId));
+            return response;
+        }), catchError((error) => {
+            // Retain prior attendance state; only clear the in-flight flag.
+            this.inFlightMeetingIds.next(endAttendanceAction(this.inFlightMeetingIds.value, meetingId));
+            throw error;
+        }));
+    }
+    /**
+     * Returns a synchronous snapshot of the per-meeting attendance-state map.
+     * @return {Record<string, AttendanceState>} The current attendance-state map.
+     * @memberof DashboardService
+     */
+    getAttendanceStatesSnapshot() {
+        return this.attendanceStates.value;
+    }
+    /**
+     * Seeds the attendance-state map from a freshly loaded list of events, using
+     * each meeting's `attendanceState` (defaulting to `NOT_ATTENDING`). Keeps the
+     * displayed state in sync with the data load without overwriting ids that are
+     * not present in the new list.
+     * @param {UpcomingEvent[]} events - The loaded upcoming events.
+     * @return {void}
+     * @memberof DashboardService
+     */
+    seedAttendanceStates(events) {
+        const meetings = events.flatMap((event) => event.meetings ?? []);
+        this.seedAttendanceStatesFromMeetings(meetings);
+    }
+    /**
+     * Seeds the attendance-state map from a list of meeting rows, using each
+     * meeting's `attendanceState` (defaulting to `NOT_ATTENDING`) without
+     * overwriting ids absent from the new list. Shared by the list load and the
+     * per-event expand so freshly loaded child meetings pick up their state.
+     * @param {MeetingRow[]} meetings - The meeting rows to seed from.
+     * @return {void}
+     * @memberof DashboardService
+     */
+    seedAttendanceStatesFromMeetings(meetings) {
+        const next = {
+            ...this.attendanceStates.value,
+        };
+        meetings.forEach((meeting) => {
+            if (meeting.meetingId) {
+                next[meeting.meetingId] =
+                    meeting.attendanceState ??
+                        next[meeting.meetingId] ??
+                        AttendanceState.NOT_ATTENDING;
+            }
+        });
+        this.attendanceStates.next(next);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardService, deps: [{ token: i1$1.HttpService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.HttpService }]; } });
+
+/**
+ * Permission identifiers (by name) that gate the dashboard attendance actions.
+ * Mirrors the permission-type pattern used by the `events-and-meetings` and
+ * `groups` user-permissions services.
+ */
+/* eslint-disable no-unused-vars */
+var DashboardPermissionType;
+(function (DashboardPermissionType) {
+    DashboardPermissionType["LOG_ATTENDANCE"] = "Log Attendance";
+    DashboardPermissionType["LEAVE_MEETING"] = "Leave Meeting";
+})(DashboardPermissionType || (DashboardPermissionType = {}));
+/* eslint-enable no-unused-vars */
+class UserPermissionsService {
+    /**
+     * Returns access provision for the passed action/feature based on whether the signed in user has appropriate permission.
+     * @param {DashboardPermissionType} permission
+     * @param {UserPermission[]} userPermissions
+     * @return {boolean}
+     * @memberof UserPermissionsService
+     */
+    validateAccessPermission(permission, userPermissions) {
+        const isPermitted = userPermissions?.length > 0
+            ? userPermissions?.some(({ permissionName }) => permissionName === permission)
+            : false;
+        return isPermitted;
+    }
+    /**
+     * Maps the host-supplied user permissions to the attendance-action permissions consumed by the dashboard rows.
+     * @param {UserPermission[]} userPermissions
+     * @return {AttendanceActionPermissions}
+     * @memberof UserPermissionsService
+     */
+    mapToAttendanceActionPermissions(userPermissions) {
+        return {
+            canLogAttendance: this.validateAccessPermission(DashboardPermissionType.LOG_ATTENDANCE, userPermissions),
+            canLeaveMeeting: this.validateAccessPermission(DashboardPermissionType.LEAVE_MEETING, userPermissions),
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserPermissionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserPermissionsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserPermissionsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+/**
+ * Dashboard (`ieeesa-dashboard`) is the root container and single host entry
+ * point for the "NESC Revision Cycle" dashboard landing page. It owns the
+ * host-supplied configuration (`routePaths`, `apiBaseURL`, `userInfo`,
+ * `userPermissions`), composes the four regions — welcome header, upcoming
+ * meetings & events, your groups, and footer — and orchestrates data loading
+ * and attendance actions through the {@link DashboardService}.
+ *
+ * The component is composition-first and host-agnostic: it subscribes to the
+ * service observables (`upcomingEvents$`, `groups$`, the per-section states, the
+ * attendance-state map, and the in-flight set) with `takeUntil(destroy$)` and
+ * tracks `isMobileView` from the Presentation_Library
+ * {@link BreakpointObserverService} (Req 13.1, 13.2, 13.5, 15.1, 15.2). Child
+ * navigation `@Output()`s are composed into a single {@link dashboardNavigate}
+ * stream of `{ path, id }` intents resolved from `routePaths` (falling back to
+ * the default route configuration in `constants.json` when `routePaths` is
+ * omitted) (Req 5.2, 6.4, 7.4, 8.2, 8.7, 11.1, 11.5). Attendance `@Output()`s
+ * are delegated to the service, and on failure the attendance-action error
+ * message from `constants.json` is surfaced via the shared {@link AlertsService}
+ * (Req 7.7, 7.8, 13.7). Per-row {@link AttendanceActionPermissions} are computed
+ * from `userPermissions` and passed down to the rows (Req 12.3).
+ * @export
+ * @class DashboardComponent
+ */
+class DashboardComponent {
+    /**
+     * Total number of meetings across the loaded upcoming events, shown in the
+     * welcome header's "Upcoming Meetings & Events" shortcut badge.
+     * @readonly
+     * @memberof DashboardComponent
+     */
+    get meetingsCount() {
+        return this.upcomingEvents.reduce((total, event) => total + (event?.meetingCount ?? 0), 0);
+    }
+    /**
+     * Number of loaded groups, shown in the welcome header's "Your Groups"
+     * shortcut badge.
+     * @readonly
+     * @memberof DashboardComponent
+     */
+    get groupsCount() {
+        return this.groups.length;
+    }
+    constructor(
+    // eslint-disable-next-line no-unused-vars
+    dashboardService, 
+    // eslint-disable-next-line no-unused-vars
+    userPermissionsService, 
+    // eslint-disable-next-line no-unused-vars
+    breakpointObserverService, 
+    // eslint-disable-next-line no-unused-vars
+    alertService // eslint-disable-next-line no-empty-function
+    ) {
+        this.dashboardService = dashboardService;
+        this.userPermissionsService = userPermissionsService;
+        this.breakpointObserverService = breakpointObserverService;
+        this.alertService = alertService;
+        /** User-facing strings and the default route config sourced from `constants.json`. */
+        this.constants = constants$1;
+        /** Emits a resolved navigation intent for the host to act on (Req 5.2, 6.4, 7.4, 8.2, 8.7, 11.1). */
+        this.dashboardNavigate = new EventEmitter();
+        /** The user's upcoming events, bound to the upcoming section (Req 13.1, 13.2). */
+        this.upcomingEvents = [];
+        /** The user's groups, bound to the groups section (Req 13.1, 13.2). */
+        this.groups = [];
+        /** The upcoming-events section's load/empty/error state (Req 13.1, 13.2, 13.5). */
+        this.upcomingState = DashboardSectionState.LOADING;
+        /** The groups section's load/empty/error state (Req 13.1, 13.2, 13.5). */
+        this.groupsState = DashboardSectionState.LOADING;
+        /** The per-meeting attendance-state map passed down to the rows. */
+        this.attendanceStates = {};
+        /** The set of meeting ids with an attendance action awaiting resolution. */
+        this.inFlightMeetingIds = new Set();
+        /** The per-row attendance-action permissions derived from `userPermissions` (Req 12.3). */
+        this.attendancePermissions = {
+            canLogAttendance: false,
+            canLeaveMeeting: false,
+        };
+        /** Whether the viewport is at/below the mobile breakpoint (Req 15.1, 15.2). */
+        this.isMobileView = false;
+        /** Whether the Upcoming Meetings & Events card is expanded. Starts collapsed. */
+        this.meetingsExpanded = false;
+        /** Whether the Your Groups card is expanded. Starts collapsed. */
+        this.groupsExpanded = false;
+        /** The current zero-based page index of the groups table. */
+        this.groupsPageIndex = 0;
+        /** The current page size of the groups table (5 rows per page per the design). */
+        this.groupsPageSize = 5;
+        /** Completes on destroy to tear down all subscriptions (Req 2.4, 2.5). */
+        this.destroy$ = new Subject();
+    }
+    /**
+     * Initializes the dashboard: forwards the host config to the service, derives
+     * the per-row attendance permissions, kicks off the upcoming-events and groups
+     * loads, and wires up subscriptions to the service state observables and the
+     * breakpoint observer — all cleaned up via `takeUntil(destroy$)` (Req 11.2,
+     * 11.4, 12.3, 13.1, 13.2, 13.5, 15.1, 15.2).
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    ngOnInit() {
+        this.dashboardService.setAppConfig(this.apiBaseURL, this.userPermissions);
+        this.attendancePermissions =
+            this.userPermissionsService.mapToAttendanceActionPermissions(this.userPermissions);
+        this.subscribeToServiceState();
+        this.subscribeToBreakpoint();
+        this.loadUpcomingEvents();
+        this.loadGroups();
+    }
+    /**
+     * Tears down all subscriptions on destroy (Req 2.4, 2.5).
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.complete();
+    }
+    /**
+     * Handles the welcome-header "Jump to" date selection. The dashboard currently
+     * has no date-scoped data load, so the selection is accepted without side
+     * effects; the hook keeps the header's contract satisfied for future filtering.
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    onJumpToDateSelected() {
+        // No date-scoped reload yet; retained for future date filtering (Req 4.4).
+    }
+    /**
+     * 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
+     */
+    onJumpToShortcut(target) {
+        const section = target === DashboardJumpTarget.MEETINGS
+            ? this.upcomingSection
+            : this.groupsSection;
+        if (target === DashboardJumpTarget.MEETINGS) {
+            this.meetingsExpanded = true;
+        }
+        else {
+            this.groupsExpanded = true;
+        }
+        // Scroll after the expand has rendered so the target's final position is used.
+        setTimeout(() => {
+            section?.nativeElement?.scrollIntoView({
+                behavior: 'smooth',
+                block: 'start',
+            });
+        });
+    }
+    /**
+     * Emits the "View All" upcoming-events navigation intent, targeting the
+     * `viewAllEvents` route with no id (Req 5.2, 11.1).
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    onViewAllEvents() {
+        this.emitNavigation(this.activeRouteConfig.viewAllEvents);
+    }
+    /**
+     * Emits the "View Event" navigation intent, targeting the `eventDetail` route
+     * with the event id (Req 6.4, 11.1).
+     * @param {string} eventId - The id of the event to view.
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    onViewEvent(eventId) {
+        this.emitNavigation(this.activeRouteConfig.eventDetail, eventId);
+    }
+    /**
+     * Emits the open-meeting navigation intent, targeting the `meetingDetail`
+     * route with the meeting id (Req 7.4, 11.1).
+     * @param {string} meetingId - The id of the meeting to open.
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    onOpenMeeting(meetingId) {
+        this.emitNavigation(this.activeRouteConfig.meetingDetail, meetingId);
+    }
+    /**
+     * Emits the "View All" groups navigation intent, targeting the
+     * `viewAllGroups` route with no id (Req 8.2, 11.1).
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    onViewAllGroups() {
+        this.emitNavigation(this.activeRouteConfig.viewAllGroups);
+    }
+    /**
+     * Emits the group-detail navigation intent, targeting the `groupDetail` route
+     * with the group id (Req 8.7, 11.1).
+     * @param {string} groupId - The id of the selected group.
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    onGroupSelected(groupId) {
+        this.emitNavigation(this.activeRouteConfig.groupDetail, groupId);
+    }
+    /**
+     * Updates the groups table paging state in response to a paginator change so
+     * the groups section reflects the requested page (Req 8.10).
+     * @param {PageChange} page - The requested page index and size.
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    onGroupsPageChange(page) {
+        this.groupsPageIndex = page.pageIndex;
+        this.groupsPageSize = page.pageSize;
+    }
+    /**
+     * 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) {
+        if (!request?.eventId) {
+            return;
+        }
+        this.dashboardService
+            .loadEventMeetings(request.eventId, request.page)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            error: () => this.showAttendanceError(),
+        });
+    }
+    /**
+     * Delegates a log-attendance request to the service, surfacing the
+     * attendance-action error message via the shared {@link AlertsService} on
+     * failure while the service retains the prior displayed state (Req 7.7, 13.7).
+     * @param {string} meetingId - The meeting to log attendance for.
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    onLogAttendance(meetingId) {
+        this.dashboardService
+            .logAttendance(meetingId)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            error: () => this.showAttendanceError(),
+        });
+    }
+    /**
+     * Delegates a leave-meeting request to the service, surfacing the
+     * attendance-action error message via the shared {@link AlertsService} on
+     * failure while the service retains the prior displayed state (Req 7.8, 13.7).
+     * @param {string} meetingId - The meeting to leave.
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    onLeaveMeeting(meetingId) {
+        this.dashboardService
+            .leaveMeeting(meetingId)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            error: () => this.showAttendanceError(),
+        });
+    }
+    /**
+     * The route configuration in effect: the host-supplied `routePaths` when
+     * provided, otherwise the default route config from `constants.json` so
+     * navigation intents always carry valid targets (Req 11.1, 11.5).
+     * @return {DashboardRouteConfig} The active route configuration.
+     * @memberof DashboardComponent
+     */
+    get activeRouteConfig() {
+        return this.routePaths ?? this.constants.defaultRouteConfig;
+    }
+    /**
+     * Subscribes to the service's state observables, mirroring each into a local
+     * field for the template to bind. All subscriptions are torn down via
+     * `takeUntil(destroy$)` (Req 13.1, 13.2, 13.5).
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    subscribeToServiceState() {
+        this.dashboardService.upcomingEvents$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((events) => (this.upcomingEvents = events));
+        this.dashboardService.groups$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((groups) => {
+            this.groups = groups;
+        });
+        this.dashboardService.upcomingState$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((state) => (this.upcomingState = state));
+        this.dashboardService.groupsState$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((state) => (this.groupsState = state));
+        this.dashboardService.attendanceStates$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((states) => (this.attendanceStates = states));
+        this.dashboardService.inFlightMeetingIds$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((ids) => (this.inFlightMeetingIds = ids));
+    }
+    /**
+     * Subscribes to the Presentation_Library breakpoint observer to keep
+     * `isMobileView` in sync with the viewport (Req 15.1, 15.2).
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    subscribeToBreakpoint() {
+        this.breakpointObserverService
+            .getBreakpoint()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((result) => {
+            this.isMobileView = result?.matches;
+        });
+    }
+    /**
+     * Triggers the upcoming-events load, setting the section to `ERROR` on failure
+     * so only the section error region renders (Req 13.1, 13.2, 13.5).
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    loadUpcomingEvents() {
+        this.dashboardService
+            .loadUpcomingEvents()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            error: () => (this.upcomingState = DashboardSectionState.ERROR),
+        });
+    }
+    /**
+     * Triggers the groups load, setting the section to `ERROR` on failure so only
+     * the section error region renders. Isolated from the upcoming-events load so
+     * one failing does not affect the other (Req 13.1, 13.2, 13.5).
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    loadGroups() {
+        this.dashboardService
+            .loadGroups()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            error: () => (this.groupsState = DashboardSectionState.ERROR),
+        });
+    }
+    /**
+     * Composes and emits a {@link DashboardNavigationIntent} for the host from the
+     * resolved target path and an optional triggering id (Req 11.1).
+     * @param {string} path - The resolved target route path.
+     * @param {string} [id] - The triggering identifier, when applicable.
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    emitNavigation(path, id) {
+        this.dashboardNavigate.emit(id ? { path, id } : { path });
+    }
+    /**
+     * Surfaces the attendance-action error message from `constants.json` via the
+     * shared {@link AlertsService} (Req 13.7).
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    showAttendanceError() {
+        this.alertService?.showMessage({
+            status: 'custom',
+            message: this.constants?.attendance?.errorMessage ??
+                'Unable to update your attendance. Please try again.',
+            alertType: AlertType.ERROR,
+            isCloseNeeded: true,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardComponent, deps: [{ token: DashboardService }, { token: UserPermissionsService }, { token: i3.BreakpointObserverService }, { token: i1$1.AlertsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DashboardComponent, isStandalone: true, selector: "ieeesa-dashboard", inputs: { routePaths: "routePaths", apiBaseURL: "apiBaseURL", userInfo: "userInfo", userPermissions: "userPermissions" }, outputs: { dashboardNavigate: "dashboardNavigate" }, providers: [AlertsService], viewQueries: [{ propertyName: "upcomingSection", first: true, predicate: ["upcomingSection"], descendants: true, read: ElementRef }, { propertyName: "groupsSection", first: true, predicate: ["groupsSection"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\r\n  class=\"ieeesa-dashboard\"\r\n  [ngClass]=\"{ 'ieeesa-dashboard--mobile': isMobileView }\"\r\n>\r\n  <ieeesa-dashboard-welcome-header\r\n    class=\"ieeesa-dashboard__welcome\"\r\n    [userName]=\"userInfo?.name ?? ''\"\r\n    [meetingsCount]=\"meetingsCount\"\r\n    [groupsCount]=\"groupsCount\"\r\n    (shortcutSelected)=\"onJumpToShortcut($event)\"\r\n  ></ieeesa-dashboard-welcome-header>\r\n\r\n  <main class=\"ieeesa-dashboard__content\">\r\n    <ieeesa-upcoming-meetings-events\r\n      #upcomingSection\r\n      class=\"ieeesa-dashboard__upcoming\"\r\n      [(expanded)]=\"meetingsExpanded\"\r\n      [events]=\"upcomingEvents\"\r\n      [sectionState]=\"upcomingState\"\r\n      [permissions]=\"attendancePermissions\"\r\n      [attendanceStates]=\"attendanceStates\"\r\n      [inFlightMeetingIds]=\"inFlightMeetingIds\"\r\n      [isMobileView]=\"isMobileView\"\r\n      (viewAll)=\"onViewAllEvents()\"\r\n      (viewEvent)=\"onViewEvent($event)\"\r\n      (openMeeting)=\"onOpenMeeting($event)\"\r\n      (logAttendance)=\"onLogAttendance($event)\"\r\n      (leaveMeeting)=\"onLeaveMeeting($event)\"\r\n      (loadEventMeetings)=\"onLoadEventMeetings($event)\"\r\n    ></ieeesa-upcoming-meetings-events>\r\n\r\n    <ieeesa-your-groups\r\n      #groupsSection\r\n      [(expanded)]=\"groupsExpanded\"\r\n      [groups]=\"groups\"\r\n      [sectionState]=\"groupsState\"\r\n      [totalGroups]=\"groups.length\"\r\n      [pageIndex]=\"groupsPageIndex\"\r\n      [pageSize]=\"groupsPageSize\"\r\n      (viewAllGroups)=\"onViewAllGroups()\"\r\n      (pageChange)=\"onGroupsPageChange($event)\"\r\n    ></ieeesa-your-groups>\r\n  </main>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-dashboard{display:flex;flex-direction:column;gap:24px;padding:16px;height:100vh;max-height:100vh;overflow:hidden}.ieeesa-dashboard__welcome{display:block;flex:0 0 auto}.ieeesa-dashboard__content{display:flex;flex-direction:column;gap:24px;flex:1 1 auto;overflow-y:auto;padding-right:4px}.ieeesa-dashboard__upcoming,.ieeesa-dashboard__groups,.ieeesa-dashboard__footer{display:block}.ieeesa-dashboard--mobile{padding:8px;gap:16px}.ieeesa-dashboard--mobile .ieeesa-dashboard__content{gap:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: UpcomingMeetingsEventsComponent, selector: "ieeesa-upcoming-meetings-events", inputs: ["events", "sectionState", "permissions", "attendanceStates", "inFlightMeetingIds", "isMobileView", "expanded"], outputs: ["viewAll", "viewEvent", "openMeeting", "logAttendance", "leaveMeeting", "meetingPageChange", "loadEventMeetings", "expandedChange"] }, { kind: "component", type: YourGroupsComponent, selector: "ieeesa-your-groups", inputs: ["groups", "sectionState", "totalGroups", "pageIndex", "pageSize", "expanded"], outputs: ["viewAllGroups", "pageChange", "expandedChange"] }, { kind: "component", type: DashboardWelcomeHeaderComponent, selector: "ieeesa-dashboard-welcome-header", inputs: ["userName", "meetingsCount", "groupsCount"], outputs: ["shortcutSelected"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ieeesa-dashboard', standalone: true, imports: [
+                        CommonModule,
+                        UpcomingMeetingsEventsComponent,
+                        YourGroupsComponent,
+                        DashboardWelcomeHeaderComponent
+                    ], encapsulation: ViewEncapsulation.None, providers: [AlertsService], template: "<div\r\n  class=\"ieeesa-dashboard\"\r\n  [ngClass]=\"{ 'ieeesa-dashboard--mobile': isMobileView }\"\r\n>\r\n  <ieeesa-dashboard-welcome-header\r\n    class=\"ieeesa-dashboard__welcome\"\r\n    [userName]=\"userInfo?.name ?? ''\"\r\n    [meetingsCount]=\"meetingsCount\"\r\n    [groupsCount]=\"groupsCount\"\r\n    (shortcutSelected)=\"onJumpToShortcut($event)\"\r\n  ></ieeesa-dashboard-welcome-header>\r\n\r\n  <main class=\"ieeesa-dashboard__content\">\r\n    <ieeesa-upcoming-meetings-events\r\n      #upcomingSection\r\n      class=\"ieeesa-dashboard__upcoming\"\r\n      [(expanded)]=\"meetingsExpanded\"\r\n      [events]=\"upcomingEvents\"\r\n      [sectionState]=\"upcomingState\"\r\n      [permissions]=\"attendancePermissions\"\r\n      [attendanceStates]=\"attendanceStates\"\r\n      [inFlightMeetingIds]=\"inFlightMeetingIds\"\r\n      [isMobileView]=\"isMobileView\"\r\n      (viewAll)=\"onViewAllEvents()\"\r\n      (viewEvent)=\"onViewEvent($event)\"\r\n      (openMeeting)=\"onOpenMeeting($event)\"\r\n      (logAttendance)=\"onLogAttendance($event)\"\r\n      (leaveMeeting)=\"onLeaveMeeting($event)\"\r\n      (loadEventMeetings)=\"onLoadEventMeetings($event)\"\r\n    ></ieeesa-upcoming-meetings-events>\r\n\r\n    <ieeesa-your-groups\r\n      #groupsSection\r\n      [(expanded)]=\"groupsExpanded\"\r\n      [groups]=\"groups\"\r\n      [sectionState]=\"groupsState\"\r\n      [totalGroups]=\"groups.length\"\r\n      [pageIndex]=\"groupsPageIndex\"\r\n      [pageSize]=\"groupsPageSize\"\r\n      (viewAllGroups)=\"onViewAllGroups()\"\r\n      (pageChange)=\"onGroupsPageChange($event)\"\r\n    ></ieeesa-your-groups>\r\n  </main>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-dashboard{display:flex;flex-direction:column;gap:24px;padding:16px;height:100vh;max-height:100vh;overflow:hidden}.ieeesa-dashboard__welcome{display:block;flex:0 0 auto}.ieeesa-dashboard__content{display:flex;flex-direction:column;gap:24px;flex:1 1 auto;overflow-y:auto;padding-right:4px}.ieeesa-dashboard__upcoming,.ieeesa-dashboard__groups,.ieeesa-dashboard__footer{display:block}.ieeesa-dashboard--mobile{padding:8px;gap:16px}.ieeesa-dashboard--mobile .ieeesa-dashboard__content{gap:16px}\n"] }]
+        }], ctorParameters: function () { return [{ type: DashboardService }, { type: UserPermissionsService }, { type: i3.BreakpointObserverService }, { type: i1$1.AlertsService }]; }, propDecorators: { routePaths: [{
+                type: Input
+            }], apiBaseURL: [{
+                type: Input
+            }], userInfo: [{
+                type: Input
+            }], userPermissions: [{
+                type: Input
+            }], dashboardNavigate: [{
+                type: Output
+            }], upcomingSection: [{
+                type: ViewChild,
+                args: ['upcomingSection', { read: ElementRef }]
+            }], groupsSection: [{
+                type: ViewChild,
+                args: ['groupsSection', { read: ElementRef }]
+            }] } });
+
+var dashboard_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    DashboardComponent: DashboardComponent
+});
+
+/**
+ * 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
+ */
+class MemberLevelBadgeComponent {
+    constructor() {
+        this.constants = constants$1;
+        this.memberLevelValue = '';
+        /** The Legend input consumed by the Presentation_Library Legend component. */
+        this.legends = this.buildLegends('');
+    }
+    set memberLevel(value) {
+        this.memberLevelValue = value ?? '';
+        this.legends = this.buildLegends(this.memberLevelValue);
+    }
+    get memberLevel() {
+        return this.memberLevelValue;
+    }
+    /**
+     * 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
+     */
+    buildLegends(memberLevel) {
+        return [
+            {
+                label: memberLevel,
+                color: this.resolveColorClass(memberLevel),
+                hierarchy: 0,
+            },
+        ];
+    }
+    /**
+     * 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
+     */
+    resolveColorClass(memberLevel) {
+        const colorMap = this.constants?.memberLevel?.colorMap;
+        const token = colorMap?.[memberLevel] ?? colorMap?.['default'] ?? '$ieeesa-color-neutral';
+        return this.toColorClass(token);
+    }
+    /**
+     * 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
+     */
+    toColorClass(token) {
+        const normalized = token.replace(/^\$ieeesa-color-/, '').replace(/^\$/, '');
+        return `ieeesa-member-level-badge--${normalized || 'neutral'}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MemberLevelBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MemberLevelBadgeComponent, isStandalone: true, selector: "ieeesa-member-level-badge", inputs: { memberLevel: "memberLevel" }, ngImport: i0, template: "<span\r\n  class=\"ieeesa-member-level-badge\"\r\n  [attr.aria-label]=\"memberLevel\"\r\n>\r\n  <ieeesa-legend\r\n    *ngIf=\"memberLevel\"\r\n    [legends]=\"legends\"\r\n  ></ieeesa-legend>\r\n</span>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-member-level-badge,.ieeesa-member-level-badge .ieeesa-legend{display:inline-flex}.ieeesa-member-level-badge .ieeesa-legend__indicator{align-items:center;gap:4px;padding:4px 12px;border-radius:16px;background-color:#f0f5f9}.ieeesa-member-level-badge .ieeesa-legend__square{width:8px;min-width:8px;height:8px;margin:0;border-radius:50%}.ieeesa-member-level-badge .ieeesa-legend p{margin:0}.ieeesa-member-level-badge .ieeesa-legend__square.ieeesa-member-level-badge--success{background-color:#78d7ef}.ieeesa-member-level-badge .ieeesa-legend__square.ieeesa-member-level-badge--info{background-color:#00b5e2}.ieeesa-member-level-badge .ieeesa-legend__square.ieeesa-member-level-badge--warning{background-color:#ffd92e}.ieeesa-member-level-badge .ieeesa-legend__square.ieeesa-member-level-badge--primary{background-color:#00629b}.ieeesa-member-level-badge .ieeesa-legend__square.ieeesa-member-level-badge--neutral{background-color:#939094}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LegendComponent, selector: "ieeesa-legend", inputs: ["legends", "isSorting"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MemberLevelBadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ieeesa-member-level-badge', standalone: true, imports: [CommonModule, LegendComponent], encapsulation: ViewEncapsulation.None, template: "<span\r\n  class=\"ieeesa-member-level-badge\"\r\n  [attr.aria-label]=\"memberLevel\"\r\n>\r\n  <ieeesa-legend\r\n    *ngIf=\"memberLevel\"\r\n    [legends]=\"legends\"\r\n  ></ieeesa-legend>\r\n</span>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-member-level-badge,.ieeesa-member-level-badge .ieeesa-legend{display:inline-flex}.ieeesa-member-level-badge .ieeesa-legend__indicator{align-items:center;gap:4px;padding:4px 12px;border-radius:16px;background-color:#f0f5f9}.ieeesa-member-level-badge .ieeesa-legend__square{width:8px;min-width:8px;height:8px;margin:0;border-radius:50%}.ieeesa-member-level-badge .ieeesa-legend p{margin:0}.ieeesa-member-level-badge .ieeesa-legend__square.ieeesa-member-level-badge--success{background-color:#78d7ef}.ieeesa-member-level-badge .ieeesa-legend__square.ieeesa-member-level-badge--info{background-color:#00b5e2}.ieeesa-member-level-badge .ieeesa-legend__square.ieeesa-member-level-badge--warning{background-color:#ffd92e}.ieeesa-member-level-badge .ieeesa-legend__square.ieeesa-member-level-badge--primary{background-color:#00629b}.ieeesa-member-level-badge .ieeesa-legend__square.ieeesa-member-level-badge--neutral{background-color:#939094}\n"] }]
+        }], propDecorators: { memberLevel: [{
+                type: Input
+            }] } });
+
+class DashboardModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DashboardModule, imports: [DashboardComponent], exports: [DashboardComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardModule, imports: [DashboardComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [DashboardComponent],
+                    exports: [DashboardComponent],
+                }]
+        }] });
+
+const DASHBOARD_ROUTES = [
+    {
+        path: '',
+        loadComponent: () => Promise.resolve().then(function () { return dashboard_component; }).then((m) => m.DashboardComponent),
+    },
+];
+
+/**
+ * Request payloads for the dashboard "events & meetings" backend calls. These
+ * mirror the `events-and-meetings` library's `GetEventsAndMeetingsPayload` /
+ * `GetMeetingsByEventIdPayload` so the dashboard reuses the exact contract the
+ * existing `view-events-meetings-list` screen posts.
+ */
+
+const DashboardRoutePathsMock = {
+    eventDetail: 'events-and-meetings/view-event',
+    meetingDetail: 'events-and-meetings/view-meeting',
+    /*
+     * The demo app only registers a flat `groups` route (no group-detail screen),
+     * so group-row navigation targets it rather than a `view-group` child that the
+     * demo does not implement. A consuming app with a real group-detail route
+     * supplies its own path via the `routePaths` input.
+     */
+    groupDetail: 'groups',
+    viewAllEvents: 'events-and-meetings/view-events-meetings-list',
+    viewAllGroups: 'groups',
+};
+
+const DashboardUserPermissionsMock = [
+    {
+        permissionName: 'View Events',
+        permissionId: 'PERM_5dd65526-5df3-428d-8acc-cee7ffb5f261',
+    },
+    {
+        permissionName: 'View Meetings',
+        permissionId: 'PERM_5dd65526-5df3-428d-8acc-cee7ffb5f261',
+    },
+    {
+        permissionName: 'View Groups',
+        permissionId: 'PERM_9a1f0c84-2b77-4e2a-9f3d-1c6b4e9a8d20',
+    },
+    {
+        permissionName: 'Log Attendance',
+        permissionId: 'PERM_1b2c3d4e-5f60-4718-8293-aabbccddeeff',
+    },
+    {
+        permissionName: 'Leave Meeting',
+        permissionId: 'PERM_6f5e4d3c-2b1a-4908-8716-ffeeddccbbaa',
+    },
+];
+
+/**
+ * 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
+ */
+const DashboardUpcomingEventsMock = [
+    {
+        eventId: 'EVT-001',
+        kind: UpcomingItemKind.EVENT,
+        title: 'NESC Revision Cycle Kickoff',
+        status: 'In Progress',
+        dayIndicator: 'Day 1 of 3',
+        meetingCount: 6,
+        openForAttendanceCount: 3,
+        startDate: '2025-03-14T09:00:00',
+        endDate: '2025-03-16T17:00:00',
+        timezone: 'America/New_York',
+        meetings: [
+            {
+                meetingId: 'MTG-001',
+                meetingName: 'Opening Plenary',
+                groupOrCommittee: 'NESC Main Committee',
+                roomOrLocation: 'Grand Ballroom A',
+                meetingDate: '2025-03-14T09:00:00',
+                meetingTime: '2025-03-14T09:00:00',
+                timezone: 'America/New_York',
+                isOpenForAttendance: true,
+                attendanceState: AttendanceState.CURRENTLY_ATTENDING,
+            },
+            {
+                meetingId: 'MTG-002',
+                meetingName: 'Subcommittee 1 Working Session',
+                groupOrCommittee: 'Subcommittee 1 - Grounding',
+                // RoomOrLocation intentionally omitted to exercise the empty-field placeholder.
+                meetingDate: '2025-03-14T11:00:00',
+                meetingTime: '2025-03-14T11:00:00',
+                timezone: 'America/New_York',
+                isOpenForAttendance: true,
+                attendanceState: AttendanceState.NOT_ATTENDING,
+            },
+            {
+                meetingId: 'MTG-003',
+                meetingName: 'Subcommittee 2 Working Session',
+                // GroupOrCommittee intentionally empty to exercise the empty-field placeholder.
+                groupOrCommittee: '',
+                roomOrLocation: 'Room 204',
+                meetingDate: '2025-03-14T13:30:00',
+                meetingTime: '2025-03-14T13:30:00',
+                timezone: 'America/New_York',
+                isOpenForAttendance: true,
+                attendanceState: AttendanceState.NOT_ATTENDING,
+            },
+            {
+                meetingId: 'MTG-004',
+                meetingName: 'Editorial Review',
+                groupOrCommittee: 'Editorial Task Force',
+                roomOrLocation: 'Room 118',
+                meetingDate: '2025-03-15T09:00:00',
+                meetingTime: '2025-03-15T09:00:00',
+                timezone: 'America/New_York',
+                isOpenForAttendance: false,
+                attendanceState: AttendanceState.NOT_ATTENDING,
+            },
+            {
+                meetingId: 'MTG-005',
+                meetingName: 'Interpretations Panel',
+                groupOrCommittee: 'Interpretations Subcommittee',
+                roomOrLocation: 'Room 310',
+                meetingDate: '2025-03-15T14:00:00',
+                meetingTime: '2025-03-15T14:00:00',
+                timezone: 'America/New_York',
+                isOpenForAttendance: true,
+                attendanceState: AttendanceState.CURRENTLY_ATTENDING,
+            },
+            {
+                meetingId: 'MTG-006',
+                meetingName: 'Closing Plenary',
+                groupOrCommittee: 'NESC Main Committee',
+                roomOrLocation: 'Grand Ballroom A',
+                meetingDate: '2025-03-16T15:00:00',
+                meetingTime: '2025-03-16T15:00:00',
+                timezone: 'America/New_York',
+                isOpenForAttendance: false,
+                attendanceState: AttendanceState.NOT_ATTENDING,
+            },
+        ],
+    },
+    {
+        eventId: 'EVT-002',
+        kind: UpcomingItemKind.EVENT,
+        title: 'Standards Board Quarterly Meeting',
+        status: 'Upcoming',
+        dayIndicator: 'Day 1 of 1',
+        meetingCount: 3,
+        openForAttendanceCount: 1,
+        startDate: '2025-04-02T08:30:00',
+        endDate: '2025-04-02T16:00:00',
+        timezone: 'America/Los_Angeles',
+        meetings: [
+            {
+                meetingId: 'MTG-101',
+                meetingName: 'Board Opening Remarks',
+                groupOrCommittee: 'Standards Board',
+                roomOrLocation: 'Pacific Hall',
+                meetingDate: '2025-04-02T08:30:00',
+                meetingTime: '2025-04-02T08:30:00',
+                timezone: 'America/Los_Angeles',
+                isOpenForAttendance: true,
+                attendanceState: AttendanceState.NOT_ATTENDING,
+            },
+            {
+                meetingId: 'MTG-102',
+                meetingName: 'Ballot Review Session',
+                // Both optional location/group fields omitted to exercise placeholders.
+                meetingDate: '2025-04-02T10:30:00',
+                meetingTime: '2025-04-02T10:30:00',
+                timezone: 'America/Los_Angeles',
+                isOpenForAttendance: false,
+                attendanceState: AttendanceState.NOT_ATTENDING,
+            },
+            {
+                meetingId: 'MTG-103',
+                meetingName: 'Action Items & Wrap-up',
+                groupOrCommittee: 'Standards Board',
+                roomOrLocation: 'Pacific Hall',
+                meetingDate: '2025-04-02T15:00:00',
+                meetingTime: '2025-04-02T15:00:00',
+                timezone: 'America/Los_Angeles',
+                isOpenForAttendance: false,
+                attendanceState: AttendanceState.CURRENTLY_ATTENDING,
+            },
+        ],
+    },
+    {
+        eventId: 'EVT-003',
+        kind: UpcomingItemKind.EVENT,
+        title: 'Working Group Interim',
+        status: 'Upcoming',
+        // DayIndicator intentionally omitted (optional field).
+        meetingCount: 0,
+        openForAttendanceCount: 0,
+        startDate: '2025-05-20T09:00:00',
+        endDate: '2025-05-20T12:00:00',
+        timezone: 'Europe/London',
+        meetings: [],
+    },
+];
+/**
+ * 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
+ */
+const DashboardNonActionableMeetingMock = {
+    meetingId: '',
+    meetingName: 'Unscheduled Placeholder Session',
+    groupOrCommittee: '',
+    meetingDate: '2025-06-01T09:00:00',
+    meetingTime: '2025-06-01T09:00:00',
+    timezone: 'America/New_York',
+    isOpenForAttendance: false,
+    attendanceState: AttendanceState.NOT_ATTENDING,
+};
+/**
+ * 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
+ */
+const DashboardGroupsMock = [
+    {
+        groupId: 'GRP-001',
+        group: 'NESC Main Committee',
+        type: 'Committee',
+        officerRole: 'Chair',
+        affiliation: 'Employer Corp',
+        memberLevel: 'Senior Member',
+    },
+    {
+        groupId: 'GRP-002',
+        group: 'Subcommittee 1 - Grounding',
+        type: 'Subcommittee',
+        // OfficerRole intentionally omitted (member with no officer role).
+        affiliation: 'Standards Member',
+        memberLevel: 'Member',
+    },
+    {
+        groupId: 'GRP-003',
+        group: 'Editorial Task Force',
+        // Type and affiliation intentionally omitted to exercise placeholders.
+        officerRole: 'Secretary',
+        memberLevel: 'Fellow',
+    },
+    {
+        groupId: 'GRP-004',
+        group: 'Interpretations Subcommittee',
+        type: 'Subcommittee',
+        officerRole: 'Member',
+        affiliation: 'Tech Solutions Inc',
+        memberLevel: 'Associate Member',
+    },
+    {
+        groupId: 'GRP-005',
+        group: 'Standards Board',
+        type: 'Board',
+        officerRole: 'Vice Chair',
+        affiliation: 'CodeCraft Studio',
+        memberLevel: 'Senior Member',
+    },
+];
+
+/*
+ * Public API Surface of dashboard
+ */
+// Container component + navigation intent type (DashboardComponent, DashboardNavigationIntent)
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AttendanceState, DASHBOARD_ROUTES, DashboardComponent, DashboardGroupsMock, DashboardJumpTarget, DashboardModule, DashboardNonActionableMeetingMock, DashboardPermissionType, DashboardRoutePathsMock, DashboardSectionState, DashboardService, DashboardUpcomingEventsMock, DashboardUserPermissionsMock, DashboardWelcomeHeaderComponent, EventGroupCardComponent, MeetingAttendanceRowComponent, MemberLevelBadgeComponent, UpcomingItemKind, UpcomingMeetingsEventsComponent, UserPermissionsService, YourGroupsComponent };
+//# sourceMappingURL=ieeesa-npm-dashboard.mjs.map