@ieeesa-npm/dashboard 0.0.2 → 0.0.4

package/fesm2022/ieeesa-npm-dashboard.mjs

@@ -2,14 +2,14 @@ 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 { BehaviorSubject, map, catchError, 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 { LoaderComponent, IconButtonComponent, LegendComponent } from '@ieeesa-npm/presentation';
 import { DateTime } from 'luxon';
 
 /* eslint-disable no-unused-vars */
@@ -21,13 +21,6 @@ var DashboardSectionState;
     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.
@@ -41,6 +34,20 @@ var UpcomingItemKind;
     UpcomingItemKind["STANDALONE_MEETING"] = "STANDALONE_MEETING";
 })(UpcomingItemKind || (UpcomingItemKind = {}));
 
+/* eslint-disable no-unused-vars */
+/**
+ * Per-meeting attendance state as returned by the home endpoints.
+ * - NOT_ATTENDING: the user has not logged attendance (shows Log Attendance).
+ * - CURRENTLY_ATTENDING: the user is logged in (shows Leave Meeting + pill).
+ * - ATTENDED: the user attended and has since logged out.
+ */
+var AttendanceState;
+(function (AttendanceState) {
+    AttendanceState["CURRENTLY_ATTENDING"] = "CURRENTLY_ATTENDING";
+    AttendanceState["NOT_ATTENDING"] = "NOT_ATTENDING";
+    AttendanceState["ATTENDED"] = "ATTENDED";
+})(AttendanceState || (AttendanceState = {}));
+
 /**
  * Luxon format tokens used across the dashboard library for rendering
  * event/meeting dates, times, and timezones.
@@ -69,58 +76,6 @@ const DateFormats = {
     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.
  *
@@ -259,6 +214,7 @@ var upcomingSection = {
 	},
 	emptyMessage: "You have no upcoming meetings or events.",
 	errorMessage: "Unable to load upcoming meetings and events. Please try again.",
+	collapsedSummaryTemplate: "{events} events · {meetings} meetings · {open} open for attendance",
 	paginator: {
 		rangeTemplate: "{start}-{end} of {total} Meetings & Events"
 	}
@@ -296,6 +252,7 @@ var meetingRow = {
 	currentlyAttendingIndicator: "Currently Attending",
 	logAttendanceLabel: "Log Attendance",
 	leaveMeetingLabel: "Leave Meeting",
+	inactiveMessage: "Attendance logging only available during meeting, Please contact your meeting administrator for any necessary corrections.",
 	ariaLabel: {
 		meetingNameLink: "View meeting details",
 		logAttendance: "Log attendance for this meeting",
@@ -380,11 +337,13 @@ var footer = {
 	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",
+	eventDetail: "/events-and-meetings/view-event",
+	meetingDetail: "/events-and-meetings/view-meeting",
 	groupDetail: "/groups",
 	viewAllEvents: "/events-and-meetings/view-events-meetings-list",
-	viewAllGroups: "/groups"
+	viewAllGroups: "/groups",
+	viewMeeting: "/events-and-meetings/view-meeting",
+	viewMeetingUnderEvent: "/events-and-meetings/view-event/view-meeting"
 };
 var constants = {
 	welcomeHeader: welcomeHeader,
@@ -451,9 +410,42 @@ class MeetingAttendanceRowComponent {
         this.logAttendance = new EventEmitter();
         /** Emits the meeting id to request leaving the meeting (Req 7.8). */
         this.leaveMeeting = new EventEmitter();
+        /**
+         * Emits the owning event id + meeting id when the attendance button is
+         * activated for an In-Progress meeting, so the host can navigate to the
+         * view-meeting screen (where the real Log Attendance popup opens).
+         */
+        this.navigateToMeeting = new EventEmitter();
         /** Expose the enum to the template for state comparisons. */
         this.AttendanceState = AttendanceState;
     }
+    /**
+     * Whether the meeting is eligible for an attendance action (an attendance
+     * button is rendered at all). The backend supplies an `attendanceState` for
+     * every loggable meeting, so its presence is the eligibility signal. Rows the
+     * backend deems ineligible carry no state and render no button.
+     * @return {boolean} True when the meeting is attendance-eligible.
+     * @memberof MeetingAttendanceRowComponent
+     */
+    get isEligibleForAttendance() {
+        return !!this.meeting?.attendanceState;
+    }
+    /**
+     * Whether the meeting is currently In Progress. Mirrors the attendance
+     * library's `isMeetingActive`: the attendance button is only ENABLED during
+     * the meeting; outside the meeting time it renders disabled with the inactive
+     * message.
+     * @return {boolean} True when the meeting status is 'In Progress'.
+     * @memberof MeetingAttendanceRowComponent
+     */
+    get isMeetingActive() {
+        return (this.meeting?.status ?? '').trim().toLowerCase() === 'in progress';
+    }
+    /** The inactive-button message shown when the meeting is not In Progress. */
+    get inactiveMessage() {
+        return (this.constants?.meetingRow?.inactiveMessage ??
+            'Attendance logging only available during meeting, Please contact your meeting administrator for any necessary corrections.');
+    }
     /**
      * 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).
@@ -473,24 +465,40 @@ class MeetingAttendanceRowComponent {
         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).
+     * Whether the log-attendance button should be shown: whenever the row is not
+     * currently attending. Mirrors the attendance library, which toggles between
+     * Log Attendance and Leave Meeting purely on attendance state (no permission
+     * gating).
      * @return {boolean} True when the log-attendance button is visible.
      * @memberof MeetingAttendanceRowComponent
      */
     get showLogAttendanceButton() {
-        return !this.isCurrentlyAttending && !!this.permissions?.canLogAttendance;
+        // Shown for every eligible, not-currently-attending meeting. When the
+        // meeting is not In Progress the button renders disabled (see isLogDisabled).
+        return this.isEligibleForAttendance && !this.isCurrentlyAttending;
     }
     /**
-     * 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).
+     * Whether the Log Attendance button is disabled: outside the meeting time
+     * (not In Progress) or while an attendance action is in flight. Matches the
+     * view-meeting page, which disables the button with an inactive message when
+     * the meeting is not active.
+     * @return {boolean} True when the Log Attendance button should be disabled.
+     * @memberof MeetingAttendanceRowComponent
+     */
+    get isLogDisabled() {
+        return !this.isMeetingActive || this.isInFlight || !this.isActionable;
+    }
+    /**
+     * Whether the leave-meeting button should be shown: whenever the row is
+     * currently attending. Mirrors the attendance library (no permission gating).
      * @return {boolean} True when the leave-meeting button is visible.
      * @memberof MeetingAttendanceRowComponent
      */
     get showLeaveMeetingButton() {
-        return this.isCurrentlyAttending && !!this.permissions?.canLeaveMeeting;
+        // Leave Meeting is only meaningful while the meeting is active.
+        return (this.isEligibleForAttendance &&
+            this.isCurrentlyAttending &&
+            this.isMeetingActive);
     }
     /**
      * Resolves a group-or-committee / room-or-location field value, substituting
@@ -522,16 +530,35 @@ class MeetingAttendanceRowComponent {
      * @memberof MeetingAttendanceRowComponent
      */
     get formattedTime() {
+        const range = this.timeRange;
         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;
     }
+    /**
+     * The bold time range only (e.g. "10:00–11:00"), 12-hour with meridiem,
+     * rendered dark per Figma.
+     * @return {string} The formatted start–end time range.
+     * @memberof MeetingAttendanceRowComponent
+     */
+    get timeRange() {
+        const timezone = this.meeting?.timezone ?? '';
+        const start = formatEpoch(this.meeting?.startDateTime ?? this.meeting?.meetingTime, DateFormats.timeMeridiemFormat, timezone);
+        const end = formatEpoch(this.meeting?.endDateTime, DateFormats.timeMeridiemFormat, timezone);
+        return end ? `${start} \u2013 ${end}` : start;
+    }
+    /**
+     * The timezone label only (light grey per Figma), wrapped in parentheses, or
+     * an empty string when no timezone is present.
+     * @return {string} The parenthesised timezone, or an empty string.
+     * @memberof MeetingAttendanceRowComponent
+     */
+    get timezoneDisplay() {
+        const timezone = this.meeting?.timezone ?? '';
+        return timezone ? timezone : '';
+    }
     /**
      * Handles activation of the attendance action button. Delegates to the pure
      * `resolveAttendanceAction` handler and emits exactly one event based on the
@@ -541,14 +568,18 @@ class MeetingAttendanceRowComponent {
      * @memberof MeetingAttendanceRowComponent
      */
     onAttendanceAction() {
-        const action = resolveAttendanceAction(this.attendanceState, this.isInFlight, this.meeting?.meetingId);
-        if (action === AttendanceAction.LOG_ATTENDANCE) {
-            this.logAttendance.emit(this.meeting.meetingId);
+        if (!this.isActionable || !this.isMeetingActive) {
             return;
         }
-        if (action === AttendanceAction.LEAVE_MEETING) {
-            this.leaveMeeting.emit(this.meeting.meetingId);
-        }
+        // The Log Attendance / Leave Meeting popup lives on the view-meeting screen,
+        // so the dashboard navigates there (with eventId + meetingId) and requests
+        // the matching flow auto-open instead of calling the attendance API directly.
+        this.navigateToMeeting.emit({
+            eventId: this.meeting?.eventId ?? '',
+            meetingId: this.meeting.meetingId,
+            logAttendance: !this.isCurrentlyAttending,
+            leaveMeeting: this.isCurrentlyAttending,
+        });
     }
     /**
      * Handles activation of the meeting-name link. Emits the meeting id only when
@@ -559,14 +590,19 @@ class MeetingAttendanceRowComponent {
         if (!this.isActionable) {
             return;
         }
-        this.openMeeting.emit(this.meeting.meetingId);
+        // Navigate to the view-meeting screen (no popup auto-open) when the meeting
+        // name link is clicked.
+        this.navigateToMeeting.emit({
+            eventId: this.meeting?.eventId ?? '',
+            meetingId: 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 }); }
+    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", navigateToMeeting: "navigateToMeeting" }, 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      <span class=\"ieeesa-meeting-attendance-row__time\">{{ timeRange }}</span><ng-container\r\n        *ngIf=\"timezoneDisplay\"\r\n      > <span class=\"ieeesa-meeting-attendance-row__tz\">{{ timezoneDisplay }}</span></ng-container>\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    <!-- Fixed-width slot reserved for the attending pill so the action buttons\r\n         stay column-aligned whether or not the pill is shown. -->\r\n    <span class=\"ieeesa-meeting-attendance-row__attending-slot\">\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    </span>\r\n\r\n    <!-- Log-attendance button: shown for eligible meetings, disabled (with the\r\n         inactive message) when the meeting is not In Progress. -->\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      [class.ieeesa-meeting-attendance-row__action-button--inactive]=\"isLogDisabled\"\r\n      [disabled]=\"isLogDisabled\"\r\n      [attr.title]=\"isLogDisabled ? inactiveMessage : null\"\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(200px,1.3fr) auto;align-items:center;column-gap:24px;padding:16px 20px;background-color:#fff;font-family:Calibri Regular}.ieeesa-meeting-attendance-row__name-col{display:flex;flex-direction:column;gap:2px;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:.875rem;line-height:18px;color:#00629b;cursor:pointer}.ieeesa-meeting-attendance-row__name-link:hover:not(:disabled){color:#004872}.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:2px;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:#64748b}.ieeesa-meeting-attendance-row__col-value{margin:0;font-size:.875rem;line-height:18px;color:#0f172a}.ieeesa-meeting-attendance-row__time{font-family:Calibri Bold;color:#0f172a}.ieeesa-meeting-attendance-row__tz{color:#64748b}.ieeesa-meeting-attendance-row__actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-shrink:0}.ieeesa-meeting-attendance-row__attending-slot{display:inline-flex;justify-content:flex-end;align-items:center;width:150px;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:#15803d;background-color:#e8f5ec}.ieeesa-meeting-attendance-row__attending-dot{width:8px;height:8px;border-radius:50%;background-color:#15803d}.ieeesa-meeting-attendance-row__action-button{min-width:146px;padding:10px 24px;border-radius:3px;font-family:Calibri Bold;font-size:1rem;cursor:pointer}.ieeesa-meeting-attendance-row__action-button--log{border:1px solid #00629b;background-color:#00629b;color:#fff;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.ieeesa-meeting-attendance-row__action-button--leave{border:1px solid #00629b;background-color:#fff;color:#00629b}.ieeesa-meeting-attendance-row__action-button:disabled,.ieeesa-meeting-attendance-row__action-button--inactive{border-color:#e2e8f0;background-color:#f4f5f7;color:#939094;box-shadow:none;cursor:not-allowed}.ieeesa-meeting-attendance-row__view{min-width:60px;height:40px;padding:8px 16px;border:1px solid #878b8f;border-radius:4px;background-color:#fff;font-family:Calibri Bold;font-size:.8125rem;color:#0f172a;cursor:pointer}.ieeesa-meeting-attendance-row__view:hover:not(:disabled){background-color:#eaf3f9}.ieeesa-meeting-attendance-row__view:disabled{border-color:#e2e8f0;color:#939094;cursor:not-allowed}.ieeesa-meeting-attendance-row:not(.ieeesa-meeting-attendance-row--compact)+.ieeesa-meeting-attendance-row:not(.ieeesa-meeting-attendance-row--compact){border-top:1px solid #e2e8f0}.ieeesa-meeting-attendance-row--compact{grid-template-columns:minmax(180px,1.2fr) auto;padding: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"] }]
+            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      <span class=\"ieeesa-meeting-attendance-row__time\">{{ timeRange }}</span><ng-container\r\n        *ngIf=\"timezoneDisplay\"\r\n      > <span class=\"ieeesa-meeting-attendance-row__tz\">{{ timezoneDisplay }}</span></ng-container>\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    <!-- Fixed-width slot reserved for the attending pill so the action buttons\r\n         stay column-aligned whether or not the pill is shown. -->\r\n    <span class=\"ieeesa-meeting-attendance-row__attending-slot\">\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    </span>\r\n\r\n    <!-- Log-attendance button: shown for eligible meetings, disabled (with the\r\n         inactive message) when the meeting is not In Progress. -->\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      [class.ieeesa-meeting-attendance-row__action-button--inactive]=\"isLogDisabled\"\r\n      [disabled]=\"isLogDisabled\"\r\n      [attr.title]=\"isLogDisabled ? inactiveMessage : null\"\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(200px,1.3fr) auto;align-items:center;column-gap:24px;padding:16px 20px;background-color:#fff;font-family:Calibri Regular}.ieeesa-meeting-attendance-row__name-col{display:flex;flex-direction:column;gap:2px;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:.875rem;line-height:18px;color:#00629b;cursor:pointer}.ieeesa-meeting-attendance-row__name-link:hover:not(:disabled){color:#004872}.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:2px;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:#64748b}.ieeesa-meeting-attendance-row__col-value{margin:0;font-size:.875rem;line-height:18px;color:#0f172a}.ieeesa-meeting-attendance-row__time{font-family:Calibri Bold;color:#0f172a}.ieeesa-meeting-attendance-row__tz{color:#64748b}.ieeesa-meeting-attendance-row__actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-shrink:0}.ieeesa-meeting-attendance-row__attending-slot{display:inline-flex;justify-content:flex-end;align-items:center;width:150px;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:#15803d;background-color:#e8f5ec}.ieeesa-meeting-attendance-row__attending-dot{width:8px;height:8px;border-radius:50%;background-color:#15803d}.ieeesa-meeting-attendance-row__action-button{min-width:146px;padding:10px 24px;border-radius:3px;font-family:Calibri Bold;font-size:1rem;cursor:pointer}.ieeesa-meeting-attendance-row__action-button--log{border:1px solid #00629b;background-color:#00629b;color:#fff;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.ieeesa-meeting-attendance-row__action-button--leave{border:1px solid #00629b;background-color:#fff;color:#00629b}.ieeesa-meeting-attendance-row__action-button:disabled,.ieeesa-meeting-attendance-row__action-button--inactive{border-color:#e2e8f0;background-color:#f4f5f7;color:#939094;box-shadow:none;cursor:not-allowed}.ieeesa-meeting-attendance-row__view{min-width:60px;height:40px;padding:8px 16px;border:1px solid #878b8f;border-radius:4px;background-color:#fff;font-family:Calibri Bold;font-size:.8125rem;color:#0f172a;cursor:pointer}.ieeesa-meeting-attendance-row__view:hover:not(:disabled){background-color:#eaf3f9}.ieeesa-meeting-attendance-row__view:disabled{border-color:#e2e8f0;color:#939094;cursor:not-allowed}.ieeesa-meeting-attendance-row:not(.ieeesa-meeting-attendance-row--compact)+.ieeesa-meeting-attendance-row:not(.ieeesa-meeting-attendance-row--compact){border-top:1px solid #e2e8f0}.ieeesa-meeting-attendance-row--compact{grid-template-columns:minmax(180px,1.2fr) auto;padding: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: [{
@@ -583,6 +619,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }], leaveMeeting: [{
                 type: Output
+            }], navigateToMeeting: [{
+                type: Output
             }] } });
 
 /**
@@ -618,6 +656,8 @@ class EventGroupCardComponent {
         this.inFlightMeetingIds = new Set();
         /** Whether the host has determined the viewport is at/below the mobile breakpoint. */
         this.isMobileView = false;
+        /** Whether this event's child meetings are currently loading (drill-down API). */
+        this.meetingsLoading = 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). */
@@ -634,8 +674,16 @@ class EventGroupCardComponent {
          * backend. Standalone-meeting cards never emit this.
          */
         this.loadMeetings = new EventEmitter();
+        /**
+         * Bubbles the owning event id + meeting id when an attendance button is
+         * activated for an In-Progress meeting, so the host can navigate to the
+         * view-meeting screen (where the real Log Attendance popup opens).
+         */
+        this.navigateToMeeting = new EventEmitter();
         /** The default page size for the per-card meeting paginator. */
         this.defaultPageSize = 5;
+        /** Page-size options shown in the paginator dropdown (matches the app-wide paginator). */
+        this.pageSizeOptions = [5, 10, 15];
         /** The current zero-based page index of the meeting list. */
         this.pageIndex = 0;
         /** The current page size of the meeting list. */
@@ -682,7 +730,9 @@ class EventGroupCardComponent {
      * @memberof EventGroupCardComponent
      */
     get totalMeetings() {
-        return this.event?.meetingCount || this.meetings.length;
+        return (this.event?.meetingPageTotal ??
+            this.event?.meetingCount ??
+            this.meetings.length);
     }
     /**
      * The meetings to render for the current page. The server returns exactly one
@@ -830,22 +880,96 @@ class EventGroupCardComponent {
             AttendanceState.CURRENTLY_ATTENDING);
     }
     /**
-     * Whether the STANDALONE meeting's Log Attendance button is shown (not
-     * attending and the host grants the permission).
+     * Whether the STANDALONE meeting's Log Attendance button is shown (whenever
+     * not currently attending). No permission gating — mirrors the attendance
+     * library.
      * @return {boolean} True when the log-attendance button is visible.
      * @memberof EventGroupCardComponent
      */
     get showStandaloneLog() {
-        return !this.isStandaloneAttending && !!this.permissions?.canLogAttendance;
+        // Shown for every eligible, not-currently-attending standalone meeting.
+        // Disabled (with the inactive message) when the meeting is not In Progress.
+        return !this.isStandaloneAttending;
     }
     /**
-     * Whether the STANDALONE meeting's Leave Meeting button is shown (attending
-     * and the host grants the permission).
+     * Whether the STANDALONE meeting's Leave Meeting button is shown — only while
+     * the meeting is currently attending AND active.
      * @return {boolean} True when the leave-meeting button is visible.
      * @memberof EventGroupCardComponent
      */
     get showStandaloneLeave() {
-        return this.isStandaloneAttending && !!this.permissions?.canLeaveMeeting;
+        return this.isStandaloneAttending && this.isStandaloneActive;
+    }
+    /**
+     * Whether the STANDALONE meeting is eligible for an attendance action. The
+     * backend supplies an `attendanceState` only for attendance-eligible meetings
+     * (open for attendance), so its presence is the eligibility signal.
+     * @return {boolean} True when the standalone meeting is attendance-eligible.
+     * @memberof EventGroupCardComponent
+     */
+    get isStandaloneEligible() {
+        return !!this.event?.attendanceState;
+    }
+    /**
+     * Whether the STANDALONE meeting is currently In Progress — the attendance
+     * button is only ENABLED during the meeting (disabled otherwise, mirroring the
+     * view-meeting page).
+     * @return {boolean} True when the standalone meeting status is 'In Progress'.
+     * @memberof EventGroupCardComponent
+     */
+    get isStandaloneActive() {
+        return (this.event?.status ?? '').trim().toLowerCase() === 'in progress';
+    }
+    /**
+     * Whether the STANDALONE Log Attendance button is disabled (outside meeting
+     * time), matching the view-meeting page's inactive state.
+     * @return {boolean} True when the standalone log button should be disabled.
+     * @memberof EventGroupCardComponent
+     */
+    get isStandaloneLogDisabled() {
+        return !this.isStandaloneActive;
+    }
+    /** The inactive-button message shown when the standalone meeting is not active. */
+    get inactiveMessage() {
+        return (this.constants?.meetingRow?.inactiveMessage ??
+            'Attendance logging only available during meeting, Please contact your meeting administrator for any necessary corrections.');
+    }
+    /**
+     * Bubbles a row's navigate-to-meeting request upward unchanged so the host can
+     * route to the view-meeting screen.
+     * @param {{ eventId: string; meetingId: string }} request - The meeting identity.
+     * @memberof EventGroupCardComponent
+     */
+    onNavigateToMeeting(request) {
+        this.navigateToMeeting.emit(request);
+    }
+    /**
+     * Emits the navigate-to-meeting intent for a STANDALONE meeting's attendance
+     * action (Log Attendance or Leave Meeting, requesting the matching popup
+     * auto-open). Its own id is the meeting id; it has no parent event.
+     * @memberof EventGroupCardComponent
+     */
+    onNavigateToStandalone() {
+        if (!this.isStandaloneActive) {
+            return;
+        }
+        this.navigateToMeeting.emit({
+            eventId: '',
+            meetingId: this.event?.eventId ?? '',
+            logAttendance: !this.isStandaloneAttending,
+            leaveMeeting: this.isStandaloneAttending,
+        });
+    }
+    /**
+     * Emits the navigate-to-meeting intent for a STANDALONE meeting's name link
+     * (view only — no popup auto-open).
+     * @memberof EventGroupCardComponent
+     */
+    onOpenStandalone() {
+        this.navigateToMeeting.emit({
+            eventId: '',
+            meetingId: this.event?.eventId ?? '',
+        });
     }
     /** The luxon-formatted start date of the event (ISO or epoch ms) (Req 6.2). */
     get formattedStartDate() {
@@ -895,7 +1019,7 @@ class EventGroupCardComponent {
     onToggleMeetingList() {
         this.isMeetingListOpen = !this.isMeetingListOpen;
         if (this.isMeetingListOpen) {
-            this.loadMeetings.emit(this.pageIndex + 1);
+            this.loadMeetings.emit({ page: this.pageIndex + 1, size: this.pageSize });
         }
     }
     /**
@@ -942,8 +1066,8 @@ class EventGroupCardComponent {
             pageIndex: event.pageIndex,
             pageSize: event.pageSize,
         });
-        // Request the newly selected page's child meetings from the container.
-        this.loadMeetings.emit(event.pageIndex + 1);
+        // Request the newly selected page/size's child meetings from the container.
+        this.loadMeetings.emit({ page: event.pageIndex + 1, size: event.pageSize });
     }
     /**
      * Formats a date for display, preferring the epoch-milliseconds value (from
@@ -958,11 +1082,11 @@ class EventGroupCardComponent {
         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 }); }
+    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", meetingsLoading: "meetingsLoading" }, outputs: { viewEvent: "viewEvent", openMeeting: "openMeeting", logAttendance: "logAttendance", leaveMeeting: "leaveMeeting", pageChange: "pageChange", loadMeetings: "loadMeetings", navigateToMeeting: "navigateToMeeting" }, 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            {{ 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-line\">\r\n            <span class=\"ieeesa-event-group-card__dates-value\">\r\n              {{ formattedStartDate }}<ng-container *ngIf=\"formattedEndDate && formattedEndDate !== formattedStartDate\">\r\n                &ndash; {{ formattedEndDate }}</ng-container>\r\n            </span>\r\n            <span\r\n              *ngIf=\"event.timezone\"\r\n              class=\"ieeesa-event-group-card__timezone-value\"\r\n            >\r\n              ({{ event.timezone }})\r\n            </span>\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 bar: \"Meetings\" label (left), open-for-attendance count +\r\n         Show/Hide toggle (right), matching the Figma layout. -->\r\n    <div class=\"ieeesa-event-group-card__meetings-bar\">\r\n      <span class=\"ieeesa-event-group-card__meetings-label\">\r\n        {{ constants.eventGroupCard.meetingsLabel }}\r\n      </span>\r\n\r\n      <div class=\"ieeesa-event-group-card__meetings-bar-right\">\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    </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      <!-- Spinner shown while the drill-down meetings load. -->\r\n      <div\r\n        *ngIf=\"meetingsLoading\"\r\n        class=\"ieeesa-event-group-card__meetings-loader\"\r\n        role=\"status\"\r\n        [attr.aria-label]=\"constants.eventGroupCard.meetingsLabel\"\r\n      >\r\n        <span class=\"ieeesa-event-group-card__spinner\" aria-hidden=\"true\"></span>\r\n      </div>\r\n\r\n      <ng-container *ngIf=\"!meetingsLoading\">\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          (navigateToMeeting)=\"onNavigateToMeeting($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          <mat-paginator\r\n            class=\"ieeesa-event-group-card__paginator-control\"\r\n            [pageIndex]=\"pageIndex\"\r\n            [pageSize]=\"pageSize\"\r\n            [pageSizeOptions]=\"pageSizeOptions\"\r\n            [length]=\"totalMeetings\"\r\n            (page)=\"onPageChange($event)\"\r\n          ></mat-paginator>\r\n        </div>\r\n      </ng-container>\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)=\"onOpenStandalone()\"\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          {{ 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. Shown only for attendance-eligible meetings. -->\r\n    <div\r\n      *ngIf=\"isStandaloneEligible\"\r\n      class=\"ieeesa-event-group-card__standalone-actions\"\r\n    >\r\n      <span class=\"ieeesa-event-group-card__attending-slot\">\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      </span>\r\n\r\n      <button\r\n        *ngIf=\"!isStandaloneAttending\"\r\n        type=\"button\"\r\n        class=\"ieeesa-event-group-card__standalone-action ieeesa-event-group-card__standalone-action--log\"\r\n        [class.ieeesa-event-group-card__standalone-action--inactive]=\"isStandaloneLogDisabled\"\r\n        [disabled]=\"isStandaloneLogDisabled\"\r\n        [attr.title]=\"isStandaloneLogDisabled ? inactiveMessage : null\"\r\n        [attr.aria-label]=\"constants.meetingRow.ariaLabel.logAttendance\"\r\n        (click)=\"onNavigateToStandalone()\"\r\n      >\r\n        {{ constants.meetingRow.logAttendanceLabel }}\r\n      </button>\r\n\r\n      <button\r\n        *ngIf=\"isStandaloneAttending\"\r\n        type=\"button\"\r\n        class=\"ieeesa-event-group-card__standalone-action ieeesa-event-group-card__standalone-action--leave\"\r\n        [attr.aria-label]=\"constants.meetingRow.ariaLabel.leaveMeeting\"\r\n        (click)=\"onNavigateToStandalone()\"\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;border:1px solid #e2e8f0;border-radius:2px;overflow:hidden;background-color:#f8fafc;font-family:Calibri Regular}.ieeesa-event-group-card__header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;border-bottom:1px solid #e2e8f0;background-color:#f8fafc}.ieeesa-event-group-card__header-main{display:flex;flex-direction:column;gap:4px;min-width:0}.ieeesa-event-group-card__badge-row{display:flex;align-items:center;gap:8px}.ieeesa-event-group-card__badge{display:inline-flex;align-items:center;align-self:flex-start;width:-moz-fit-content;width:fit-content;padding:2px 6px;border-radius:4px;font-family:Calibri Bold;font-size:10px;font-weight:700;letter-spacing:.03125em;text-transform:uppercase;color:#fff;background-color:#3b82f6}.ieeesa-event-group-card__badge--standalone{align-self:flex-start;width:-moz-fit-content;width:fit-content;padding:2px 6px;border-radius:3px;font-size:10px;letter-spacing:.25px;color:#53616a;background-color:#edf1f3}.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:1rem;line-height:20px;color:#0f172a}.ieeesa-event-group-card__status-pill{display:inline-flex;align-items:center;padding:2px 16px;border-radius:23px;font-size:.75rem;line-height:16px;color:#fff;background-color:#4caf50}.ieeesa-event-group-card__status-pill--upcoming,.ieeesa-event-group-card__status-pill--starts-soon{color:#8a6d00;background-color:#fef7e0}.ieeesa-event-group-card__subtitle{margin:0;font-size:.75rem;line-height:16px;color:#64748b}.ieeesa-event-group-card__header-side{display:flex;align-items:center;gap:24px;flex-shrink:0}.ieeesa-event-group-card__dates-block{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0;text-align:left}.ieeesa-event-group-card__dates-label{font-family:Calibri Bold;font-size:.75rem;letter-spacing:.03125em;text-transform:uppercase;color:#64748b}.ieeesa-event-group-card__dates-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin:0}.ieeesa-event-group-card__dates-value{font-family:Calibri Bold;font-size:.875rem;line-height:18px;color:#0f172a}.ieeesa-event-group-card__timezone-value{font-size:.875rem;line-height:18px;color:#333436}.ieeesa-event-group-card__view{flex-shrink:0;padding:10px 24px;border:1px solid #878b8f;border-radius:3px;background-color:#f3f8fd;font-family:Calibri Bold;font-size:1rem;color:#0f172a;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:12px 24px 0 32px;background-color:#f8fafc}.ieeesa-event-group-card__meetings-label{font-family:Calibri Bold;font-size:.875rem;color:#0f172a}.ieeesa-event-group-card__meetings-bar-right{display:flex;align-items:center;gap:16px}.ieeesa-event-group-card__meetings-open{display:inline-flex;align-items:center;gap:6px;font-family:Calibri Bold;font-size:.75rem;color:#15803d}.ieeesa-event-group-card__meetings-dot{width:8px;height:8px;border-radius:50%;background-color:#15803d}.ieeesa-event-group-card__meeting-toggle{display:inline-flex;align-items:center;gap:8px;padding:4px 0;border:0;background:none;font-family:Calibri Bold;font-size:.875rem;color:#00629b;cursor:pointer}.ieeesa-event-group-card__meetings-loader{display:flex;align-items:center;justify-content:center;padding:32px}.ieeesa-event-group-card__spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#00629b;border-radius:50%;animation:ieeesa-egc-spin .8s linear infinite}.ieeesa-event-group-card__meetings{display:flex;flex-direction:column;margin:16px 24px 16px 32px;border:1px solid #e2e8f0;border-radius:2px;overflow:hidden;background-color:#fff}.ieeesa-event-group-card__paginator{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:12px 24px;background-color:#f8fafc}.ieeesa-event-group-card__paginator-range{font-size:.875rem;color:#64748b}.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;min-height:72px;padding:8px 16px;background-color:#fff}.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:.875rem;line-height:18px;color:#00629b;cursor:pointer}.ieeesa-event-group-card__standalone-name:hover{color:#004872}.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:2px;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:#64748b}.ieeesa-event-group-card__standalone-col-value{margin:0;font-size:.875rem;line-height:18px;color:#0f172a}.ieeesa-event-group-card__standalone-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px}.ieeesa-event-group-card__attending-slot{display:inline-flex;align-items:center;justify-content:flex-end;width:150px;flex-shrink:0}.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:#15803d;background-color:#e8f5ec}.ieeesa-event-group-card__standalone-action{min-width:146px;padding:10px 24px;border-radius:3px;font-family:Calibri Bold;font-size:1rem;cursor:pointer}.ieeesa-event-group-card__standalone-action--log{border:1px solid #00629b;background-color:#00629b;color:#fff;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.ieeesa-event-group-card__standalone-action--leave{border:1px solid #00629b;background-color:#fff;color:#00629b}.ieeesa-event-group-card__standalone-action:disabled,.ieeesa-event-group-card__standalone-action--inactive{border-color:#e2e8f0;background-color:#f4f5f7;color:#939094;box-shadow:none;cursor:not-allowed}.ieeesa-event-group-card--standalone{border-color:#dbe2eb}.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__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}@keyframes ieeesa-egc-spin{to{transform:rotate(360deg)}}\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", "navigateToMeeting"] }], 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"] }]
+            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            {{ 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-line\">\r\n            <span class=\"ieeesa-event-group-card__dates-value\">\r\n              {{ formattedStartDate }}<ng-container *ngIf=\"formattedEndDate && formattedEndDate !== formattedStartDate\">\r\n                &ndash; {{ formattedEndDate }}</ng-container>\r\n            </span>\r\n            <span\r\n              *ngIf=\"event.timezone\"\r\n              class=\"ieeesa-event-group-card__timezone-value\"\r\n            >\r\n              ({{ event.timezone }})\r\n            </span>\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 bar: \"Meetings\" label (left), open-for-attendance count +\r\n         Show/Hide toggle (right), matching the Figma layout. -->\r\n    <div class=\"ieeesa-event-group-card__meetings-bar\">\r\n      <span class=\"ieeesa-event-group-card__meetings-label\">\r\n        {{ constants.eventGroupCard.meetingsLabel }}\r\n      </span>\r\n\r\n      <div class=\"ieeesa-event-group-card__meetings-bar-right\">\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    </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      <!-- Spinner shown while the drill-down meetings load. -->\r\n      <div\r\n        *ngIf=\"meetingsLoading\"\r\n        class=\"ieeesa-event-group-card__meetings-loader\"\r\n        role=\"status\"\r\n        [attr.aria-label]=\"constants.eventGroupCard.meetingsLabel\"\r\n      >\r\n        <span class=\"ieeesa-event-group-card__spinner\" aria-hidden=\"true\"></span>\r\n      </div>\r\n\r\n      <ng-container *ngIf=\"!meetingsLoading\">\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          (navigateToMeeting)=\"onNavigateToMeeting($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          <mat-paginator\r\n            class=\"ieeesa-event-group-card__paginator-control\"\r\n            [pageIndex]=\"pageIndex\"\r\n            [pageSize]=\"pageSize\"\r\n            [pageSizeOptions]=\"pageSizeOptions\"\r\n            [length]=\"totalMeetings\"\r\n            (page)=\"onPageChange($event)\"\r\n          ></mat-paginator>\r\n        </div>\r\n      </ng-container>\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)=\"onOpenStandalone()\"\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          {{ 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. Shown only for attendance-eligible meetings. -->\r\n    <div\r\n      *ngIf=\"isStandaloneEligible\"\r\n      class=\"ieeesa-event-group-card__standalone-actions\"\r\n    >\r\n      <span class=\"ieeesa-event-group-card__attending-slot\">\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      </span>\r\n\r\n      <button\r\n        *ngIf=\"!isStandaloneAttending\"\r\n        type=\"button\"\r\n        class=\"ieeesa-event-group-card__standalone-action ieeesa-event-group-card__standalone-action--log\"\r\n        [class.ieeesa-event-group-card__standalone-action--inactive]=\"isStandaloneLogDisabled\"\r\n        [disabled]=\"isStandaloneLogDisabled\"\r\n        [attr.title]=\"isStandaloneLogDisabled ? inactiveMessage : null\"\r\n        [attr.aria-label]=\"constants.meetingRow.ariaLabel.logAttendance\"\r\n        (click)=\"onNavigateToStandalone()\"\r\n      >\r\n        {{ constants.meetingRow.logAttendanceLabel }}\r\n      </button>\r\n\r\n      <button\r\n        *ngIf=\"isStandaloneAttending\"\r\n        type=\"button\"\r\n        class=\"ieeesa-event-group-card__standalone-action ieeesa-event-group-card__standalone-action--leave\"\r\n        [attr.aria-label]=\"constants.meetingRow.ariaLabel.leaveMeeting\"\r\n        (click)=\"onNavigateToStandalone()\"\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;border:1px solid #e2e8f0;border-radius:2px;overflow:hidden;background-color:#f8fafc;font-family:Calibri Regular}.ieeesa-event-group-card__header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;border-bottom:1px solid #e2e8f0;background-color:#f8fafc}.ieeesa-event-group-card__header-main{display:flex;flex-direction:column;gap:4px;min-width:0}.ieeesa-event-group-card__badge-row{display:flex;align-items:center;gap:8px}.ieeesa-event-group-card__badge{display:inline-flex;align-items:center;align-self:flex-start;width:-moz-fit-content;width:fit-content;padding:2px 6px;border-radius:4px;font-family:Calibri Bold;font-size:10px;font-weight:700;letter-spacing:.03125em;text-transform:uppercase;color:#fff;background-color:#3b82f6}.ieeesa-event-group-card__badge--standalone{align-self:flex-start;width:-moz-fit-content;width:fit-content;padding:2px 6px;border-radius:3px;font-size:10px;letter-spacing:.25px;color:#53616a;background-color:#edf1f3}.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:1rem;line-height:20px;color:#0f172a}.ieeesa-event-group-card__status-pill{display:inline-flex;align-items:center;padding:2px 16px;border-radius:23px;font-size:.75rem;line-height:16px;color:#fff;background-color:#4caf50}.ieeesa-event-group-card__status-pill--upcoming,.ieeesa-event-group-card__status-pill--starts-soon{color:#8a6d00;background-color:#fef7e0}.ieeesa-event-group-card__subtitle{margin:0;font-size:.75rem;line-height:16px;color:#64748b}.ieeesa-event-group-card__header-side{display:flex;align-items:center;gap:24px;flex-shrink:0}.ieeesa-event-group-card__dates-block{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0;text-align:left}.ieeesa-event-group-card__dates-label{font-family:Calibri Bold;font-size:.75rem;letter-spacing:.03125em;text-transform:uppercase;color:#64748b}.ieeesa-event-group-card__dates-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin:0}.ieeesa-event-group-card__dates-value{font-family:Calibri Bold;font-size:.875rem;line-height:18px;color:#0f172a}.ieeesa-event-group-card__timezone-value{font-size:.875rem;line-height:18px;color:#333436}.ieeesa-event-group-card__view{flex-shrink:0;padding:10px 24px;border:1px solid #878b8f;border-radius:3px;background-color:#f3f8fd;font-family:Calibri Bold;font-size:1rem;color:#0f172a;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:12px 24px 0 32px;background-color:#f8fafc}.ieeesa-event-group-card__meetings-label{font-family:Calibri Bold;font-size:.875rem;color:#0f172a}.ieeesa-event-group-card__meetings-bar-right{display:flex;align-items:center;gap:16px}.ieeesa-event-group-card__meetings-open{display:inline-flex;align-items:center;gap:6px;font-family:Calibri Bold;font-size:.75rem;color:#15803d}.ieeesa-event-group-card__meetings-dot{width:8px;height:8px;border-radius:50%;background-color:#15803d}.ieeesa-event-group-card__meeting-toggle{display:inline-flex;align-items:center;gap:8px;padding:4px 0;border:0;background:none;font-family:Calibri Bold;font-size:.875rem;color:#00629b;cursor:pointer}.ieeesa-event-group-card__meetings-loader{display:flex;align-items:center;justify-content:center;padding:32px}.ieeesa-event-group-card__spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#00629b;border-radius:50%;animation:ieeesa-egc-spin .8s linear infinite}.ieeesa-event-group-card__meetings{display:flex;flex-direction:column;margin:16px 24px 16px 32px;border:1px solid #e2e8f0;border-radius:2px;overflow:hidden;background-color:#fff}.ieeesa-event-group-card__paginator{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:12px 24px;background-color:#f8fafc}.ieeesa-event-group-card__paginator-range{font-size:.875rem;color:#64748b}.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;min-height:72px;padding:8px 16px;background-color:#fff}.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:.875rem;line-height:18px;color:#00629b;cursor:pointer}.ieeesa-event-group-card__standalone-name:hover{color:#004872}.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:2px;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:#64748b}.ieeesa-event-group-card__standalone-col-value{margin:0;font-size:.875rem;line-height:18px;color:#0f172a}.ieeesa-event-group-card__standalone-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px}.ieeesa-event-group-card__attending-slot{display:inline-flex;align-items:center;justify-content:flex-end;width:150px;flex-shrink:0}.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:#15803d;background-color:#e8f5ec}.ieeesa-event-group-card__standalone-action{min-width:146px;padding:10px 24px;border-radius:3px;font-family:Calibri Bold;font-size:1rem;cursor:pointer}.ieeesa-event-group-card__standalone-action--log{border:1px solid #00629b;background-color:#00629b;color:#fff;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.ieeesa-event-group-card__standalone-action--leave{border:1px solid #00629b;background-color:#fff;color:#00629b}.ieeesa-event-group-card__standalone-action:disabled,.ieeesa-event-group-card__standalone-action--inactive{border-color:#e2e8f0;background-color:#f4f5f7;color:#939094;box-shadow:none;cursor:not-allowed}.ieeesa-event-group-card--standalone{border-color:#dbe2eb}.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__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}@keyframes ieeesa-egc-spin{to{transform:rotate(360deg)}}\n"] }]
         }], propDecorators: { event: [{
                 type: Input
             }], permissions: [{
@@ -973,6 +1097,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], isMobileView: [{
                 type: Input
+            }], meetingsLoading: [{
+                type: Input
             }], viewEvent: [{
                 type: Output
             }], openMeeting: [{
@@ -985,6 +1111,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }], loadMeetings: [{
                 type: Output
+            }], navigateToMeeting: [{
+                type: Output
             }] } });
 
 /**
@@ -1028,6 +1156,8 @@ class UpcomingMeetingsEventsComponent {
         this.inFlightMeetingIds = new Set();
         /** Whether the host has determined the viewport is at/below the mobile breakpoint. */
         this.isMobileView = false;
+        /** Event ids whose drill-down meetings are currently loading (spinner). */
+        this.loadingEventIds = new Set();
         /** 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). */
@@ -1040,8 +1170,10 @@ class UpcomingMeetingsEventsComponent {
         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. */
+        /** Emits the event id + one-based page + size to lazily load an event's child meetings. */
         this.loadEventMeetings = new EventEmitter();
+        /** Bubbles a navigate-to-meeting request (eventId + meetingId [+ logAttendance]) for the host to route. */
+        this.navigateToMeeting = 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. */
@@ -1104,6 +1236,53 @@ class UpcomingMeetingsEventsComponent {
     onSectionPageChange(event) {
         this.sectionPageIndex = event.pageIndex;
     }
+    /** Number of EVENT rows in the list (for the collapsed summary). */
+    get eventCount() {
+        return (this.events ?? []).filter((entry) => entry.kind === UpcomingItemKind.EVENT).length;
+    }
+    /**
+     * Total number of meetings across the list: each event's `meetingCount` plus
+     * one per standalone meeting (for the collapsed summary).
+     * @return {number} The total meeting count.
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    get totalMeetingCount() {
+        return (this.events ?? []).reduce((total, entry) => {
+            return (total +
+                (entry.kind === UpcomingItemKind.EVENT
+                    ? entry.meetingCount ?? 0
+                    : 1));
+        }, 0);
+    }
+    /**
+     * Total number of meetings open for attendance across the list (for the
+     * collapsed summary): each event's open count plus any standalone meeting that
+     * is attendance-eligible.
+     * @return {number} The total open-for-attendance count.
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    get totalOpenForAttendanceCount() {
+        return (this.events ?? []).reduce((total, entry) => {
+            if (entry.kind === UpcomingItemKind.EVENT) {
+                return total + (entry.openForAttendanceCount ?? 0);
+            }
+            return total + (entry.attendanceState ? 1 : 0);
+        }, 0);
+    }
+    /**
+     * The collapsed summary line (e.g. "3 events · 50 meetings · 21 open for
+     * attendance") built from the `constants.json` template and the counts.
+     * @return {string} The formatted collapsed summary.
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    get collapsedSummary() {
+        const template = this.constants?.upcomingSection?.collapsedSummaryTemplate ??
+            '{events} events \u00b7 {meetings} meetings \u00b7 {open} open for attendance';
+        return template
+            .replace('{events}', `${this.eventCount}`)
+            .replace('{meetings}', `${this.totalMeetingCount}`)
+            .replace('{open}', `${this.totalOpenForAttendanceCount}`);
+    }
     /**
      * 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
@@ -1192,11 +1371,19 @@ class UpcomingMeetingsEventsComponent {
      * @param {number} page - The one-based page requested by the card.
      * @memberof UpcomingMeetingsEventsComponent
      */
-    onLoadEventMeetings(eventId, page) {
-        this.loadEventMeetings.emit({ eventId, page });
+    onLoadEventMeetings(eventId, request) {
+        this.loadEventMeetings.emit({ eventId, page: request.page, size: request.size });
+    }
+    /**
+     * Bubbles a card's navigate-to-meeting request upward unchanged.
+     * @param {{ eventId: string; meetingId: string }} request - The meeting identity.
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    onNavigateToMeeting(request) {
+        this.navigateToMeeting.emit(request);
     }
     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 }); }
+    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", loadingEventIds: "loadingEventIds", expanded: "expanded" }, outputs: { viewAll: "viewAll", viewEvent: "viewEvent", openMeeting: "openMeeting", logAttendance: "logAttendance", leaveMeeting: "leaveMeeting", meetingPageChange: "meetingPageChange", loadEventMeetings: "loadEventMeetings", navigateToMeeting: "navigateToMeeting", 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  <!-- Collapsed summary: events / meetings / open-for-attendance counts.\r\n       The open-for-attendance segment is green bold per Figma. -->\r\n  <p\r\n    *ngIf=\"!isExpanded && sectionState === sectionStates.LOADED\"\r\n    class=\"ieeesa-upcoming-meetings-events__summary\"\r\n  >\r\n    {{ eventCount }} events &middot; {{ totalMeetingCount }} meetings &middot;\r\n    <span class=\"ieeesa-upcoming-meetings-events__summary-open\">\r\n      {{ totalOpenForAttendanceCount }} open for attendance\r\n    </span>\r\n  </p>\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        [meetingsLoading]=\"loadingEventIds.has(event.eventId)\"\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        (navigateToMeeting)=\"onNavigateToMeeting($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__summary{margin:0;font-size:.875rem;color:#939094}.ieeesa-upcoming-meetings-events__summary-open{font-family:Calibri Bold;font-weight:700;color:#15803d}.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", "meetingsLoading"], outputs: ["viewEvent", "openMeeting", "logAttendance", "leaveMeeting", "pageChange", "loadMeetings", "navigateToMeeting"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UpcomingMeetingsEventsComponent, decorators: [{
             type: Component,
@@ -1205,7 +1392,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         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"] }]
+                    ], 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  <!-- Collapsed summary: events / meetings / open-for-attendance counts.\r\n       The open-for-attendance segment is green bold per Figma. -->\r\n  <p\r\n    *ngIf=\"!isExpanded && sectionState === sectionStates.LOADED\"\r\n    class=\"ieeesa-upcoming-meetings-events__summary\"\r\n  >\r\n    {{ eventCount }} events &middot; {{ totalMeetingCount }} meetings &middot;\r\n    <span class=\"ieeesa-upcoming-meetings-events__summary-open\">\r\n      {{ totalOpenForAttendanceCount }} open for attendance\r\n    </span>\r\n  </p>\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        [meetingsLoading]=\"loadingEventIds.has(event.eventId)\"\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        (navigateToMeeting)=\"onNavigateToMeeting($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__summary{margin:0;font-size:.875rem;color:#939094}.ieeesa-upcoming-meetings-events__summary-open{font-family:Calibri Bold;font-weight:700;color:#15803d}.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: [{
@@ -1218,6 +1405,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], isMobileView: [{
                 type: Input
+            }], loadingEventIds: [{
+                type: Input
             }], viewAll: [{
                 type: Output
             }], viewEvent: [{
@@ -1232,6 +1421,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }], loadEventMeetings: [{
                 type: Output
+            }], navigateToMeeting: [{
+                type: Output
             }], expanded: [{
                 type: Input
             }], expandedChange: [{
@@ -1412,6 +1603,24 @@ class YourGroupsComponent {
         this.indentPerLevel = 28;
         /** Selectable "Items per page" page sizes. */
         this.pageSizeOptions = [5, 10, 25];
+        /**
+         * Expand (+) icon button — the SAME sprite icon the Groups package uses for
+         * its tree expand toggle (icon-expand-collapse-plus), rendered via the shared
+         * IconButtonComponent for a consistent look across the app.
+         */
+        this.expandIconButton = {
+            id: 1,
+            iconURL: 'assets/images/sprites/sprites.svg#icon-expand-collapse-plus',
+            ariaLabel: 'Expand group',
+            toolTip: 'Expand group',
+        };
+        /** Collapse (−) icon button — the Groups package's icon-expand-collapse-minus. */
+        this.collapseIconButton = {
+            id: 2,
+            iconURL: 'assets/images/sprites/sprites.svg#icon-expand-collapse-minus',
+            ariaLabel: 'Collapse group',
+            toolTip: 'Collapse group',
+        };
         this.groupsValue = [];
         /** The section's load/empty/error state driving the mutually-exclusive regions. */
         this.sectionState = DashboardSectionState.LOADED;
@@ -1434,11 +1643,38 @@ class 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). */
+        /**
+         * Keys of the hierarchy levels currently expanded, each `"<groupId>:<index>"`.
+         * Index -1 is the group row itself (its toggle reveals the first hierarchy
+         * node); index N is the Nth hierarchy node (its toggle reveals node N+1). A
+         * level only reveals the NEXT node, matching the Groups module's step-by-step
+         * drill-down.
+         */
+        this.expandedKeys = new Set();
+        /** The flattened rows currently rendered (group rows + any revealed hierarchy rows). */
         this.visibleRows = [];
     }
+    /**
+     * Returns the +/- toggle icon button for a level, matching the Groups tree:
+     * the minus (collapse) icon when that level is expanded, otherwise the plus
+     * (expand) icon.
+     * @param {GroupRow} group
+     * @param {number} index - -1 for the group row, else the node index.
+     * @return {IconButton}
+     * @memberof YourGroupsComponent
+     */
+    getToggleButton(group, index) {
+        const button = this.isLevelExpanded(group, index)
+            ? this.collapseIconButton
+            : this.expandIconButton;
+        // Include the target's name so each toggle has a distinct accessible name
+        // (e.g. "Expand group Tech working"). Return a NEW object so the shared
+        // expand/collapse configs are never mutated.
+        const name = index < 0
+            ? group.group
+            : group.hierarchy?.[index]?.groupName ?? group.group;
+        return { ...button, ariaLabel: `${button.ariaLabel} ${name}` };
+    }
     /** The groups rendered in the table. */
     set groups(value) {
         this.groupsValue = value ?? [];
@@ -1484,8 +1720,42 @@ class YourGroupsComponent {
         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.
+     * Builds the expand/collapse key for a hierarchy level. Index -1 is the group
+     * row itself; index N is the Nth hierarchy node.
+     * @param {GroupRow} group
+     * @param {number} index
+     * @return {string}
+     * @memberof YourGroupsComponent
+     */
+    levelKey(group, index) {
+        return `${group.groupId}:${index}`;
+    }
+    /**
+     * Whether a level shows a +/- toggle.
+     *
+     * - Group row (index -1): expandable when it has ANY hierarchy node, matching
+     *   the Groups module which shows the toggle on every group that has related
+     *   hierarchy (driven by hasChildren, true for all these groups).
+     * - Hierarchy node (index N): expandable only when there is a further node
+     *   after it (step-by-step drill-down); the deepest node is a leaf, no toggle.
+     * @param {GroupRow} group
+     * @param {number} index - -1 for the group row, else the node index.
+     * @return {boolean}
+     * @memberof YourGroupsComponent
+     */
+    isLevelExpandable(group, index) {
+        const length = group?.hierarchy?.length ?? 0;
+        if (index < 0) {
+            // Group row: a toggle only when it has RELATED groups to show — i.e. the
+            // hierarchy has more than just the group's own node. A single-node
+            // hierarchy (only itself) has nothing to reveal, so no toggle.
+            return length > 1;
+        }
+        // Hierarchy node: expandable only if a deeper node follows it.
+        return index < length - 1;
+    }
+    /**
+     * Whether the group row shows a toggle (has related hierarchy to drill into).
      * @param {GroupRow} group
      * @return {boolean}
      * @memberof YourGroupsComponent
@@ -1494,28 +1764,40 @@ class YourGroupsComponent {
         return (group?.hierarchy?.length ?? 0) > 1;
     }
     /**
-     * Whether the given group row is currently expanded.
+     * Whether a given level is currently expanded (its next node is revealed).
      * @param {GroupRow} group
+     * @param {number} index
      * @return {boolean}
      * @memberof YourGroupsComponent
      */
+    isLevelExpanded(group, index) {
+        return this.expandedKeys.has(this.levelKey(group, index));
+    }
+    /** Convenience for the group row (level -1). */
     isGroupExpanded(group) {
-        return this.expandedGroupIds.has(group.groupId);
+        return this.isLevelExpanded(group, -1);
     }
     /**
-     * Toggles a group's hierarchy expansion and rebuilds the visible rows.
+     * Toggles a level's expansion (reveals/hides its next node). Collapsing a
+     * level also collapses everything deeper under it so re-opening starts fresh.
      * @param {GroupRow} group
+     * @param {number} index - -1 for the group row, else the node index.
      * @memberof YourGroupsComponent
      */
-    onToggleHierarchy(group) {
-        if (!this.hasHierarchy(group)) {
+    onToggleLevel(group, index) {
+        if (!this.isLevelExpandable(group, index)) {
             return;
         }
-        if (this.expandedGroupIds.has(group.groupId)) {
-            this.expandedGroupIds.delete(group.groupId);
+        const key = this.levelKey(group, index);
+        if (this.expandedKeys.has(key)) {
+            // Collapse this level and any deeper levels of the same group.
+            const length = group?.hierarchy?.length ?? 0;
+            for (let deeper = index; deeper < length; deeper++) {
+                this.expandedKeys.delete(this.levelKey(group, deeper));
+            }
         }
         else {
-            this.expandedGroupIds.add(group.groupId);
+            this.expandedKeys.add(key);
         }
         this.rebuildRows();
     }
@@ -1573,9 +1855,11 @@ class YourGroupsComponent {
             : `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.
+     * Rebuilds the visible rows for the current page. Each group reveals its
+     * hierarchy ONE level at a time (Groups-module style): the group row reveals
+     * node 0 only when its own level (-1) is expanded; node 0 reveals node 1 only
+     * when node 0's level is expanded; and so on. Each revealed node that still
+     * has a child carries its own +/- toggle.
      * @memberof YourGroupsComponent
      */
     rebuildRows() {
@@ -1584,20 +1868,36 @@ class YourGroupsComponent {
         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 });
+            const hierarchy = group.hierarchy ?? [];
+            // Walk the path, revealing each next node only while the chain of
+            // parent levels above it stays expanded. Stop as soon as a level is
+            // collapsed.
+            for (let index = 0; index < hierarchy.length; index++) {
+                if (!this.isLevelExpanded(group, index - 1)) {
+                    break;
+                }
+                rows.push({
+                    kind: 'hierarchy',
+                    group,
+                    node: hierarchy[index],
+                    nodeIndex: index,
+                    level: index + 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 }); }
+    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                <!-- Group row toggle (level -1): reveals the first hierarchy\r\n                     node. Same shared icon button as the Groups tree. -->\r\n                <ieeesa-icon-button\r\n                  *ngIf=\"isLevelExpandable(row.group!, -1)\"\r\n                  class=\"ieeesa-your-groups__hierarchy-toggle\"\r\n                  [iconButton]=\"getToggleButton(row.group!, -1)\"\r\n                  [ariaExpanded]=\"isLevelExpanded(row.group!, -1)\"\r\n                  (iconButtonClick)=\"onToggleLevel(row.group!, -1)\"\r\n                ></ieeesa-icon-button>\r\n                <!-- Leaf group (no hierarchy): spacer keeps names aligned. -->\r\n                <span\r\n                  *ngIf=\"!isLevelExpandable(row.group!, -1)\"\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                <!-- This node's own +/- toggle, when it has a further child to\r\n                     reveal (step-by-step drill-down like the Groups tree). -->\r\n                <ieeesa-icon-button\r\n                  *ngIf=\"isLevelExpandable(row.group!, row.nodeIndex!)\"\r\n                  class=\"ieeesa-your-groups__hierarchy-toggle\"\r\n                  [iconButton]=\"getToggleButton(row.group!, row.nodeIndex!)\"\r\n                  [ariaExpanded]=\"isLevelExpanded(row.group!, row.nodeIndex!)\"\r\n                  (iconButtonClick)=\"onToggleLevel(row.group!, row.nodeIndex!)\"\r\n                ></ieeesa-icon-button>\r\n                <!-- Leaf node: spacer keeps the name aligned with parent nodes\r\n                     (same footprint as the toggle), no connector arrow. -->\r\n                <span\r\n                  *ngIf=\"!isLevelExpandable(row.group!, row.nodeIndex!)\"\r\n                  class=\"ieeesa-your-groups__toggle-spacer\"\r\n                  aria-hidden=\"true\"\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;line-height:0}.ieeesa-your-groups__hierarchy-toggle ::ng-deep .ieeesa-icon-button{display:inline-flex;align-items:flex-start!important;justify-content:center;width:24px;height:24px;min-width:0;padding:0;margin:0;line-height:0}.ieeesa-your-groups__hierarchy-toggle ::ng-deep .ieeesa-icon-button__svg{width:24px;height:24px;display:block}.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-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"] }, { kind: "component", type: IconButtonComponent, selector: "ieeesa-icon-button", inputs: ["iconButton", "isLabelNeeded"], outputs: ["iconButtonClick"] }], 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"] }]
+            args: [{ selector: 'ieeesa-your-groups', standalone: true, imports: [
+                        CommonModule,
+                        MatPaginatorModule,
+                        LoaderComponent,
+                        IconButtonComponent,
+                    ], 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                <!-- Group row toggle (level -1): reveals the first hierarchy\r\n                     node. Same shared icon button as the Groups tree. -->\r\n                <ieeesa-icon-button\r\n                  *ngIf=\"isLevelExpandable(row.group!, -1)\"\r\n                  class=\"ieeesa-your-groups__hierarchy-toggle\"\r\n                  [iconButton]=\"getToggleButton(row.group!, -1)\"\r\n                  [ariaExpanded]=\"isLevelExpanded(row.group!, -1)\"\r\n                  (iconButtonClick)=\"onToggleLevel(row.group!, -1)\"\r\n                ></ieeesa-icon-button>\r\n                <!-- Leaf group (no hierarchy): spacer keeps names aligned. -->\r\n                <span\r\n                  *ngIf=\"!isLevelExpandable(row.group!, -1)\"\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                <!-- This node's own +/- toggle, when it has a further child to\r\n                     reveal (step-by-step drill-down like the Groups tree). -->\r\n                <ieeesa-icon-button\r\n                  *ngIf=\"isLevelExpandable(row.group!, row.nodeIndex!)\"\r\n                  class=\"ieeesa-your-groups__hierarchy-toggle\"\r\n                  [iconButton]=\"getToggleButton(row.group!, row.nodeIndex!)\"\r\n                  [ariaExpanded]=\"isLevelExpanded(row.group!, row.nodeIndex!)\"\r\n                  (iconButtonClick)=\"onToggleLevel(row.group!, row.nodeIndex!)\"\r\n                ></ieeesa-icon-button>\r\n                <!-- Leaf node: spacer keeps the name aligned with parent nodes\r\n                     (same footprint as the toggle), no connector arrow. -->\r\n                <span\r\n                  *ngIf=\"!isLevelExpandable(row.group!, row.nodeIndex!)\"\r\n                  class=\"ieeesa-your-groups__toggle-spacer\"\r\n                  aria-hidden=\"true\"\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;line-height:0}.ieeesa-your-groups__hierarchy-toggle ::ng-deep .ieeesa-icon-button{display:inline-flex;align-items:flex-start!important;justify-content:center;width:24px;height:24px;min-width:0;padding:0;margin:0;line-height:0}.ieeesa-your-groups__hierarchy-toggle ::ng-deep .ieeesa-icon-button__svg{width:24px;height:24px;display:block}.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-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: [{
@@ -1618,10 +1918,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
+/**
+ * Pure mappers converting the raw "home" events-&-meetings backend list/detail
+ * items into the dashboard view models. No Angular / service dependencies so
+ * they are trivially unit-testable and shared by {@link DashboardService}.
+ *
+ * Backend dates are ISO-8601 strings; callers format them with luxon at render
+ * time. The list mapper enforces the dashboard rule that STANDALONE_MEETING rows
+ * always sort LAST within the section.
+ */
 /**
  * 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`.
+ * STANDALONE_MEETING, using the backend `isMeetingEvent` discriminator (falling
+ * back to `hasChildren`).
  * @param {EventMeetingListItem} item - The raw list item.
  * @return {UpcomingItemKind} The resolved render kind.
  */
@@ -1631,43 +1940,40 @@ function resolveItemKind(item) {
 }
 /**
  * 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.
+ * rows carry their total / open-for-attendance counts and start with an empty
+ * `meetings` array (child meetings are lazily loaded on drill-down);
+ * STANDALONE_MEETING rows carry their own group/location + attendance state.
  * @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)
-            : '');
+    const isEvent = kind === UpcomingItemKind.EVENT;
     return {
-        eventId: item?.id ?? item?.eventId ?? item?.meetingId ?? '',
+        eventId: item?.id ?? '',
         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,
+        title: item?.name ?? '',
+        status: item?.status ?? '',
+        // The list endpoint has no day indicator; it is populated on drill-down
+        // from the event's currentDay / totalDays.
+        dayIndicator: '',
+        meetingCount: isEvent ? item?.totalMeetingCount ?? 0 : 1,
+        openForAttendanceCount: isEvent
+            ? item?.meetingsOpenForAttendanceCount ?? 0
+            : 0,
         startDateTime: item?.startDateTime,
         endDateTime: item?.endDateTime,
-        timezone,
+        timezone: item?.timeZone ?? '',
         groupOrCommittee: item?.groupName ?? item?.groupAcronym ?? '',
-        roomOrLocation: item?.meetingLocation ?? item?.room ?? '',
-        isMemberOfGroup: item?.isMemberOfGroup ?? false,
+        roomOrLocation: item?.meetingLocation ?? '',
+        attendanceState: isEvent ? undefined : item?.attendanceState,
         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).
+ * Maps a raw backend combined list 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.
  */
@@ -1678,38 +1984,38 @@ function mapEventMeetingList(items) {
     return [...events, ...standalone];
 }
 /**
- * Maps a raw backend child-meeting detail item to the {@link MeetingRow} view
+ * Maps a raw backend drill-down meeting item to the {@link MeetingRow} view
  * model used by the event block's expanded meeting list.
  * @param {EventMeetingDetailItem} item - The raw child-meeting item.
+ * @param {string} [eventId] - The owning event id (for navigation).
  * @return {MeetingRow} The mapped meeting row.
  */
-function mapDetailItemToMeetingRow(item) {
+function mapDetailItemToMeetingRow(item, eventId = '') {
     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';
+    const attendanceState = item?.attendanceState ?? AttendanceState.NOT_ATTENDING;
     return {
         meetingId: item?.meetingId ?? '',
+        eventId,
         meetingName: item?.meetingTitle ?? '',
-        groupOrCommittee: item?.groupName ?? '',
-        roomOrLocation: item?.meetingLocation ?? '',
+        groupOrCommittee: item?.groupName ?? item?.groupAcronym ?? '',
+        roomOrLocation: item?.location ?? '',
         startDateTime: item?.meetingStDate,
         endDateTime: item?.meetingEdDate,
         timezone: item?.timeZone ?? '',
         status,
-        isMemberOfGroup: item?.isMemberOfGroup ?? false,
-        isOpenForAttendance,
+        attendanceState,
+        isOpenForAttendance: status.trim().toLowerCase() === 'in progress',
     };
 }
 /**
- * Maps a raw backend list of child-meeting detail items to {@link MeetingRow}
- * view models.
+ * Maps a raw backend drill-down meeting list to {@link MeetingRow} view models,
+ * tagging each with its owning event id for navigation.
  * @param {EventMeetingDetailItem[]} items - The raw child-meeting items.
+ * @param {string} [eventId] - The owning event id.
  * @return {MeetingRow[]} The mapped meeting rows.
  */
-function mapEventMeetingDetails(items) {
-    return (items ?? []).map((item) => mapDetailItemToMeetingRow(item));
+function mapEventMeetingDetails(items, eventId = '') {
+    return (items ?? []).map((item) => mapDetailItemToMeetingRow(item, eventId));
 }
 
 /**
@@ -1769,18 +2075,10 @@ const endAttendanceAction = (set, meetingId) => {
 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. */
+/** Default page size for the top-level home events-&-meetings list. */
 const UPCOMING_PAGE_SIZE = 10;
-/** Default page size for an event's expanded child-meeting list. */
+/** Default page size for an event's drill-down 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`
@@ -1838,33 +2136,30 @@ class DashboardService {
         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.
+     * Loads the user's combined upcoming events & standalone meetings from the
+     * backend via `POST {apiBaseUrl}/meetings/home/eventsAndMeetings`. The response
+     * (which carries per-event `totalMeetingCount` / `meetingsOpenForAttendanceCount`
+     * and per-standalone `attendanceState` directly) is mapped into the dashboard
+     * view models (STANDALONE_MEETING rows ordered last), the per-meeting
+     * attendance-state map is seeded, and the section advances through
+     * LOADING → LOADED/EMPTY on success. `appId` is taken from the JWT, so it is
+     * not sent. Follows the shared `pipe(map, catchError(throw))` pattern.
+     * @return {Observable<EventMeetingListResponse>} The home 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,
-                },
+                sortColumn: 'startDateTime',
+                ascendingOrder: true,
+                searchTerm: null,
             },
         };
         return this.httpService
-            .postData(`${this.apiBaseUrl}/meetings/eventsAndMeetings`, payload)
+            .postData(`${this.apiBaseUrl}/meetings/home/eventsAndMeetings`, payload)
             .pipe(map((response) => {
             const events = mapEventMeetingList(response?.body?.eventMeetingList ?? []);
             this.upcomingEvents.next(events);
@@ -1872,9 +2167,6 @@ class DashboardService {
             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);
@@ -1882,28 +2174,29 @@ class DashboardService {
         }));
     }
     /**
-     * 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.
+     * Lazily loads (and paginates) the child meetings of an EVENT via
+     * `POST {apiBaseUrl}/meetings/home/events/{eventId}/meetings` (the drill-down
+     * endpoint). The `eventId` is sent in the URL path; only `page` / `size` are
+     * used in the body. On success the drill-down body (day indicator, counts,
+     * paginator total, and the paged meetings) is merged onto the matching event,
+     * 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.
+     * @return {Observable<EventMeetingDetailResponse>} The drill-down 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);
+        const payload = {
+            payload: { page, size },
+        };
+        return this.httpService
+            .postData(`${this.apiBaseUrl}/meetings/home/events/${encodeURIComponent(eventId)}/meetings`, payload)
+            .pipe(map((response) => {
+            const body = response?.body;
+            const meetings = mapEventMeetingDetails(body?.meetings ?? [], eventId);
+            this.mergeEventMeetings(eventId, meetings, body);
             this.seedAttendanceStatesFromMeetings(meetings);
             return response;
         }), catchError((error) => {
@@ -1911,17 +2204,25 @@ class DashboardService {
         }));
     }
     /**
-     * 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.
+     * Merges a freshly loaded drill-down page onto the matching event in the
+     * `upcomingEvents` list: the paged `meetings`, the paginator total
+     * (`totalRecords` = the user's tied upcoming meetings), the event's full
+     * `totalMeetingCount` / `meetingsOpenForAttendanceCount`, and the
+     * "Day X of Y" indicator derived from `currentDay` / `totalDays`. 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.
+     * @param {MeetingRow[]} meetings - The mapped drill-down meetings for the page.
+     * @param {EventMeetingDetailBody | undefined} body - The drill-down response body.
      * @return {void}
      * @memberof DashboardService
      */
-    mergeEventMeetings(eventId, meetings, totalRecords, openForAttendanceCount) {
+    mergeEventMeetings(eventId, meetings, body) {
+        const totalRecords = body?.totalRecords ?? meetings.length;
+        const totalMeetingCount = body?.totalMeetingCount ?? totalRecords;
+        const openForAttendanceCount = body?.meetingsOpenForAttendanceCount ?? 0;
+        const currentDay = body?.currentDay;
+        const totalDays = body?.totalDays;
+        const dayIndicator = currentDay && totalDays ? `Day ${currentDay} of ${totalDays}` : '';
         const next = this.upcomingEvents.value.map((event) => {
             if (event.eventId !== eventId) {
                 return event;
@@ -1929,81 +2230,15 @@ class DashboardService {
             return {
                 ...event,
                 meetings,
-                meetingCount: totalRecords,
+                // Paginator length = count of the user's tied upcoming meetings.
+                meetingPageTotal: totalRecords,
+                meetingCount: totalMeetingCount,
                 openForAttendanceCount,
+                dayIndicator: dayIndicator || event.dayIndicator,
             };
         });
         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
@@ -2122,8 +2357,24 @@ class DashboardService {
      * @memberof DashboardService
      */
     seedAttendanceStates(events) {
-        const meetings = events.flatMap((event) => event.meetings ?? []);
-        this.seedAttendanceStatesFromMeetings(meetings);
+        const next = {
+            ...this.attendanceStates.value,
+        };
+        events.forEach((event) => {
+            // Standalone meetings carry their own attendance state keyed by their id
+            // (eventId == meetingId for standalone rows).
+            if (event.kind === UpcomingItemKind.STANDALONE_MEETING && event.eventId) {
+                next[event.eventId] =
+                    event.attendanceState ?? AttendanceState.NOT_ATTENDING;
+            }
+            (event.meetings ?? []).forEach((meeting) => {
+                if (meeting.meetingId) {
+                    next[meeting.meetingId] =
+                        meeting.attendanceState ?? AttendanceState.NOT_ATTENDING;
+                }
+            });
+        });
+        this.attendanceStates.next(next);
     }
     /**
      * Seeds the attendance-state map from a list of meeting rows, using each
@@ -2159,9 +2410,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], 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.
+ * Permission display names that gate the dashboard attendance actions. These
+ * match the local demo mock. The real backend grants attendance capability via
+ * a permission id (see {@link ATTENDANCE_PERMISSION_IDS}) rather than these
+ * display names, so both are accepted.
  */
 /* eslint-disable no-unused-vars */
 var DashboardPermissionType;
@@ -2170,19 +2422,32 @@ var DashboardPermissionType;
     DashboardPermissionType["LEAVE_MEETING"] = "Leave Meeting";
 })(DashboardPermissionType || (DashboardPermissionType = {}));
 /* eslint-enable no-unused-vars */
+/**
+ * Real backend permission ids that grant attendance capability. The attendance
+ * (log / leave) actions on the dashboard are gated by the same permission the
+ * `events-and-meetings` library uses for attendance — "View and Export
+ * Attendance" (`PERM_SAAPPS_VIEW_EXPORT_ATTENDANCE`).
+ */
+const ATTENDANCE_PERMISSION_IDS = [
+    'PERM_SAAPPS_VIEW_EXPORT_ATTENDANCE',
+];
 class UserPermissionsService {
     /**
-     * Returns access provision for the passed action/feature based on whether the signed in user has appropriate permission.
+     * Returns access provision for the passed action/feature based on whether the
+     * signed-in user has an appropriate permission — matched by the legacy display
+     * name (used by the local demo mock) OR by one of the real backend permission
+     * ids in {@link ATTENDANCE_PERMISSION_IDS}.
      * @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;
+        if (!(userPermissions?.length > 0)) {
+            return false;
+        }
+        return userPermissions.some(({ permissionName, permissionId }) => permissionName === permission ||
+            ATTENDANCE_PERMISSION_IDS.includes(permissionId));
     }
     /**
      * Maps the host-supplied user permissions to the attendance-action permissions consumed by the dashboard rows.
@@ -2286,6 +2551,8 @@ class DashboardComponent {
         };
         /** Whether the viewport is at/below the mobile breakpoint (Req 15.1, 15.2). */
         this.isMobileView = false;
+        /** Event ids whose drill-down meetings are currently loading (spinner). */
+        this.loadingEventIds = new Set();
         /** Whether the Upcoming Meetings & Events card is expanded. Starts collapsed. */
         this.meetingsExpanded = false;
         /** Whether the Your Groups card is expanded. Starts collapsed. */
@@ -2377,17 +2644,26 @@ class DashboardComponent {
      * @memberof DashboardComponent
      */
     onViewEvent(eventId) {
-        this.emitNavigation(this.activeRouteConfig.eventDetail, eventId);
+        if (!eventId) {
+            return;
+        }
+        this.dashboardNavigate.emit({
+            path: this.activeRouteConfig.eventDetail,
+            queryParams: { eventId },
+        });
     }
     /**
-     * Emits the open-meeting navigation intent, targeting the `meetingDetail`
-     * route with the meeting id (Req 7.4, 11.1).
+     * Emits the open-meeting navigation intent to the view-meeting screen,
+     * matching the reference list: a meeting under an event targets
+     * `viewMeetingUnderEvent` with `eventId` + `meetingId` + `actionType=edit`; a
+     * standalone meeting targets `viewMeeting` with `meetingId` + `actionType=edit`.
+     * (Retained for the legacy string `openMeeting` output.)
      * @param {string} meetingId - The id of the meeting to open.
      * @return {void}
      * @memberof DashboardComponent
      */
     onOpenMeeting(meetingId) {
-        this.emitNavigation(this.activeRouteConfig.meetingDetail, meetingId);
+        this.onNavigateToMeeting({ eventId: '', meetingId });
     }
     /**
      * Emits the "View All" groups navigation intent, targeting the
@@ -2431,13 +2707,86 @@ class DashboardComponent {
         if (!request?.eventId) {
             return;
         }
+        this.setEventLoading(request.eventId, true);
         this.dashboardService
-            .loadEventMeetings(request.eventId, request.page)
+            .loadEventMeetings(request.eventId, request.page, request.size)
             .pipe(takeUntil(this.destroy$))
             .subscribe({
-            error: () => this.showAttendanceError(),
+            next: () => this.setEventLoading(request.eventId, false),
+            error: () => {
+                this.setEventLoading(request.eventId, false);
+                this.showAttendanceError();
+            },
         });
     }
+    /**
+     * Updates the set of events whose drill-down meetings are currently loading,
+     * so each event card can show a spinner while its page resolves.
+     * @param {string} eventId - The event being loaded.
+     * @param {boolean} loading - Whether the load is in progress.
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    setEventLoading(eventId, loading) {
+        const next = new Set(this.loadingEventIds);
+        if (loading) {
+            next.add(eventId);
+        }
+        else {
+            next.delete(eventId);
+        }
+        this.loadingEventIds = next;
+    }
+    /**
+     * Whether the given event's drill-down meetings are currently loading.
+     * @param {string} eventId - The event id.
+     * @return {boolean} True while the event's meetings are loading.
+     * @memberof DashboardComponent
+     */
+    isEventLoading(eventId) {
+        return this.loadingEventIds.has(eventId);
+    }
+    /**
+     * Handles an attendance-button activation for an In-Progress meeting by
+     * emitting a navigation intent to the view-meeting screen with `eventId`,
+     * `meetingId`, and `actionType=edit` query params — producing a URL like
+     * `/events-and-meetings/view-event/view-meeting?eventId=...&meetingId=...&actionType=edit`.
+     * The Log Attendance popup is opened by that destination page.
+     * @param {{ eventId: string; meetingId: string }} request - The meeting identity.
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    onNavigateToMeeting(request) {
+        if (!request?.meetingId) {
+            return;
+        }
+        const config = this.activeRouteConfig;
+        const queryParams = {
+            meetingId: request.meetingId,
+            actionType: 'edit',
+        };
+        // Meeting under an event → view-meeting-under-event with eventId; otherwise
+        // the standalone view-meeting route.
+        let path;
+        if (request.eventId) {
+            queryParams['eventId'] = request.eventId;
+            path =
+                config.viewMeetingUnderEvent ??
+                    this.constants.defaultRouteConfig.viewMeetingUnderEvent;
+        }
+        else {
+            path =
+                config.viewMeeting ?? this.constants.defaultRouteConfig.viewMeeting;
+        }
+        // Request the matching popup auto-open on the view-meeting page.
+        if (request.logAttendance) {
+            queryParams['logAttendance'] = 'true';
+        }
+        else if (request.leaveMeeting) {
+            queryParams['leaveMeeting'] = 'true';
+        }
+        this.dashboardNavigate.emit({ path, queryParams });
+    }
     /**
      * Delegates a log-attendance request to the service, surfacing the
      * attendance-action error message via the shared {@link AlertsService} on
@@ -2579,7 +2928,7 @@ class DashboardComponent {
         });
     }
     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 }); }
+    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      [loadingEventIds]=\"loadingEventIds\"\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      (navigateToMeeting)=\"onNavigateToMeeting($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", "loadingEventIds", "expanded"], outputs: ["viewAll", "viewEvent", "openMeeting", "logAttendance", "leaveMeeting", "meetingPageChange", "loadEventMeetings", "navigateToMeeting", "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,
@@ -2588,7 +2937,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         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"] }]
+                    ], 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      [loadingEventIds]=\"loadingEventIds\"\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      (navigateToMeeting)=\"onNavigateToMeeting($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: [{
@@ -2706,10 +3055,12 @@ const DASHBOARD_ROUTES = [
 ];
 
 /**
- * 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.
+ * Request payloads for the dashboard "home" events-&-meetings backend calls.
+ *
+ * `appId` is taken from the JWT, so it is never sent. `page` / `size` are
+ * required; `sortColumn` / `ascendingOrder` / `searchTerm` are optional on the
+ * list endpoint (the service always orders by start date asc, then name asc;
+ * `searchTerm`, when present, must be at least 3 characters).
  */
 
 const DashboardRoutePathsMock = {