@ieeesa-npm/dashboard 0.0.1 → 0.0.3

package/fesm2022/ieeesa-npm-dashboard.mjs

@@ -1,15 +1,15 @@
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ViewEncapsulation, Input, Output, Injectable, NgModule } from '@angular/core';
-import { BehaviorSubject, of, map, catchError, Subject, takeUntil } from 'rxjs';
+import { EventEmitter, Component, ViewEncapsulation, Input, Output, Injectable, ElementRef, ViewChild, NgModule } from '@angular/core';
+import { BehaviorSubject, map, catchError, of, Subject, takeUntil } from 'rxjs';
 import { AlertType } from '@ieeesa-npm/models';
 import * as i1$1 from '@ieeesa-npm/utility';
 import { AlertsService } from '@ieeesa-npm/utility';
-import * as i3 from '@ieeesa-npm/presentation';
-import { LoaderComponent, TableColumnType, DataTableComponent, LegendComponent } from '@ieeesa-npm/presentation';
 import * as i2 from '@angular/material/paginator';
 import { MatPaginatorModule } from '@angular/material/paginator';
+import * as i3 from '@ieeesa-npm/presentation';
+import { LoaderComponent, IconButtonComponent, LegendComponent } from '@ieeesa-npm/presentation';
 import { DateTime } from 'luxon';
 
 /* eslint-disable no-unused-vars */
@@ -28,6 +28,19 @@ var AttendanceState;
     AttendanceState["NOT_ATTENDING"] = "NOT_ATTENDING";
 })(AttendanceState || (AttendanceState = {}));
 
+/* eslint-disable no-unused-vars */
+/**
+ * Discriminates how a row in the "Upcoming Meetings & Events" list is rendered.
+ * EVENT rows render as an expandable event block that owns child meetings;
+ * STANDALONE_MEETING rows render as a single meeting card and always sort LAST
+ * within the list.
+ */
+var UpcomingItemKind;
+(function (UpcomingItemKind) {
+    UpcomingItemKind["EVENT"] = "EVENT";
+    UpcomingItemKind["STANDALONE_MEETING"] = "STANDALONE_MEETING";
+})(UpcomingItemKind || (UpcomingItemKind = {}));
+
 /**
  * Luxon format tokens used across the dashboard library for rendering
  * event/meeting dates, times, and timezones.
@@ -108,6 +121,115 @@ function resolveAttendanceAction(attendanceState, isInFlight, meetingId) {
     return AttendanceAction.LOG_ATTENDANCE;
 }
 
+/**
+ * Pure luxon date/time formatting helpers for the dashboard library.
+ *
+ * The real "events & meetings" backend returns date-times as ISO-8601 strings
+ * (e.g. "2026-01-01T00:00:00") together with a display timezone string
+ * (e.g. "(UTC-04:00) America/New_York"). These helpers parse the ISO value and
+ * render it in the item's own zone (never moment). A numeric epoch-milliseconds
+ * value is also accepted for backward compatibility with fixtures/tests. All
+ * helpers fall back gracefully to an empty string when the value is missing or
+ * unparseable.
+ */
+/**
+ * Extracts a luxon-usable IANA zone from a backend timezone string such as
+ * "(UTC-04:00) America/New_York" or "America/New_York". Returns `undefined`
+ * when no usable zone can be derived so luxon falls back to the local zone.
+ * @param {string | undefined} timezone - The backend timezone string.
+ * @return {string | undefined} The IANA zone id, or undefined.
+ */
+function extractIanaZone(timezone) {
+    if (!timezone) {
+        return undefined;
+    }
+    // Strip a leading "(UTC±HH:MM) " offset prefix when present.
+    const closingParen = timezone.indexOf(') ');
+    const zone = closingParen > -1
+        ? timezone.slice(closingParen + 2).trim()
+        : timezone.trim();
+    return zone.length > 0 ? zone : undefined;
+}
+/**
+ * Parses a backend date-time value — either an ISO-8601 string
+ * (e.g. "2026-01-01T00:00:00") or an epoch-milliseconds number — into a luxon
+ * {@link DateTime} in the supplied timezone. The ISO value is treated as a wall
+ * time in the item's zone so the rendered time matches the backend's intent.
+ * Returns an invalid DateTime when the value is missing/unparseable.
+ * @param {string | number | undefined | null} value - The ISO string or epoch ms.
+ * @param {string | undefined} timezone - The backend timezone string.
+ * @return {DateTime} The parsed luxon DateTime (may be invalid).
+ */
+function parseBackendDateTime(value, timezone) {
+    const zone = extractIanaZone(timezone);
+    if (value === undefined || value === null || value === '') {
+        return DateTime.invalid('empty');
+    }
+    if (typeof value === 'number') {
+        return zone
+            ? DateTime.fromMillis(value, { zone })
+            : DateTime.fromMillis(value);
+    }
+    // ISO string: parse as a wall time in the item's zone when known.
+    const isoOptions = zone ? { zone } : {};
+    const parsed = DateTime.fromISO(value, isoOptions);
+    return parsed.isValid ? parsed : DateTime.fromISO(value);
+}
+/**
+ * Formats a backend date-time value (ISO string or epoch ms) with luxon using
+ * the supplied format token, honouring the supplied timezone. Returns an empty
+ * string when the value is missing or invalid.
+ * @param {string | number | undefined | null} value - The ISO string or epoch ms.
+ * @param {string} format - The luxon `toFormat` token.
+ * @param {string | undefined} timezone - The backend timezone string.
+ * @return {string} The formatted value, or an empty string.
+ */
+function formatBackendDateTime(value, format, timezone) {
+    const parsed = parseBackendDateTime(value, timezone);
+    return parsed.isValid ? parsed.toFormat(format) : '';
+}
+/**
+ * Backward-compatible alias kept for existing callers. Accepts ISO strings or
+ * epoch ms and formats them in the item's zone.
+ * @param {string | number | undefined | null} value - The ISO string or epoch ms.
+ * @param {string} format - The luxon `toFormat` token.
+ * @param {string | undefined} timezone - The backend timezone string.
+ * @return {string} The formatted value, or an empty string.
+ */
+function formatEpoch(value, format, timezone) {
+    return formatBackendDateTime(value, format, timezone);
+}
+/**
+ * Computes a human "Day X of Y" indicator for a multi-day event from its start
+ * and end date-times, relative to "now". Returns an empty string when the dates
+ * are missing/invalid or the event spans a single day.
+ * @param {string | number | undefined | null} start - Event start (ISO or epoch ms).
+ * @param {string | number | undefined | null} end - Event end (ISO or epoch ms).
+ * @param {string | undefined} timezone - The backend timezone string.
+ * @return {string} The "Day X of Y" label, or an empty string.
+ */
+function computeDayIndicator(start, end, timezone) {
+    const zone = extractIanaZone(timezone);
+    const startDt = parseBackendDateTime(start, timezone);
+    const endDt = parseBackendDateTime(end, timezone);
+    if (!startDt.isValid || !endDt.isValid) {
+        return '';
+    }
+    const startDay = startDt.startOf('day');
+    const endDay = endDt.startOf('day');
+    const totalDays = Math.floor(endDay.diff(startDay, 'days').days) + 1;
+    // Only meaningful for short, multi-day events (a conference-week style span).
+    // Very long spans (e.g. a year-long series) are not shown as "Day X of Y".
+    const MAX_DAY_INDICATOR_SPAN = 31;
+    if (totalDays <= 1 || totalDays > MAX_DAY_INDICATOR_SPAN) {
+        return '';
+    }
+    const now = (zone ? DateTime.now().setZone(zone) : DateTime.now()).startOf('day');
+    const clampedNow = now < startDay ? startDay : now > endDay ? endDay : now;
+    const currentDay = Math.floor(clampedNow.diff(startDay, 'days').days) + 1;
+    return `Day ${currentDay} of ${totalDays}`;
+}
+
 var welcomeHeader = {
 	greeting: "Welcome back, ",
 	fallbackGreeting: "Welcome back",
@@ -136,26 +258,41 @@ var upcomingSection = {
 		toggle: "Collapse or expand upcoming meetings and events"
 	},
 	emptyMessage: "You have no upcoming meetings or events.",
-	errorMessage: "Unable to load upcoming meetings and events. Please try again."
+	errorMessage: "Unable to load upcoming meetings and events. Please try again.",
+	paginator: {
+		rangeTemplate: "{start}-{end} of {total} Meetings & Events"
+	}
 };
 var eventGroupCard = {
+	eventBadge: "EVENT",
+	standaloneBadge: "STANDALONE MEETING",
+	viewLabel: "View",
 	viewEventLabel: "View Event",
+	eventDatesLabel: "EVENT DATES & TIMEZONE",
+	meetingDateLabel: "MEETING DATE",
+	timeTimezoneLabel: "TIME & TIMEZONE",
+	meetingsLabel: "Meetings",
+	openForAttendanceTemplate: "{count} Meetings open for attendance",
 	meetingListToggle: {
+		showLabel: "Show meetings",
 		showLabelPrefix: "Show Meetings (",
 		showLabelSuffix: " open for attendance)",
-		hideLabel: "Hide Meetings"
+		hideLabel: "Hide meetings"
 	},
 	ariaLabel: {
+		view: "View details",
 		viewEvent: "View event details",
 		meetingListToggle: "Show or hide the meeting list for this event"
 	},
 	paginator: {
-		rangeTemplate: "Showing {start}-{end} of {total}",
-		totalTemplate: "{total} meetings"
+		rangeTemplate: "{start}-{end} of {total} meetings",
+		totalTemplate: "{total} meetings scheduled across the event"
 	}
 };
 var meetingRow = {
 	emptyFieldPlaceholder: "—",
+	timeTimezoneLabel: "TIME & TIMEZONE",
+	viewLabel: "View",
 	currentlyAttendingIndicator: "Currently Attending",
 	logAttendanceLabel: "Log Attendance",
 	leaveMeetingLabel: "Leave Meeting",
@@ -172,6 +309,8 @@ var groupsSection = {
 	collapseLabel: "Collapse",
 	countSuffix: "Groups",
 	emptyValue: "-",
+	unassignedMemberLevel: "Unassigned",
+	itemsPerPageLabel: "Items per page",
 	ariaLabel: {
 		viewAll: "View all your groups",
 		toggle: "Collapse or expand your groups",
@@ -189,8 +328,8 @@ var groupsSection = {
 		totalTemplate: "{total} groups"
 	},
 	memberLevelBadge: {
-		votingMember: "ieeesa-your-groups__badge--success",
-		"default": "ieeesa-your-groups__badge--warning"
+		success: "ieeesa-your-groups__badge--success",
+		warning: "ieeesa-your-groups__badge--warning"
 	},
 	emptyMessage: "You are not a member of any groups.",
 	errorMessage: "Unable to load your groups. Please try again."
@@ -289,6 +428,7 @@ var constants$1 = /*#__PURE__*/Object.freeze({
  */
 class MeetingAttendanceRowComponent {
     constructor() {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.constants = constants$1;
         /** The current attendance state controlling label/indicator and action. */
         this.attendanceState = AttendanceState.NOT_ATTENDING;
@@ -299,6 +439,12 @@ class MeetingAttendanceRowComponent {
             canLogAttendance: false,
             canLeaveMeeting: false,
         };
+        /**
+         * Renders the leaner "standalone meeting" variant used by standalone-meeting
+         * cards (the group/location and status live on the parent card, so the row
+         * only shows the TIME & TIMEZONE block and the attendance + View actions).
+         */
+        this.compact = false;
         /** Emits the meeting id when the meeting-name link is activated (Req 7.4). */
         this.openMeeting = new EventEmitter();
         /** Emits the meeting id to request logging attendance (Req 7.7). */
@@ -365,7 +511,8 @@ class MeetingAttendanceRowComponent {
      * @memberof MeetingAttendanceRowComponent
      */
     get formattedDate() {
-        return this.formatIso(this.meeting?.meetingDate, DateFormats.displayFormat);
+        const value = this.meeting?.startDateTime ?? this.meeting?.meetingDate;
+        return formatEpoch(value, DateFormats.displayFormat, this.meeting?.timezone);
     }
     /**
      * Formats the meeting time + timezone for display using luxon (Req 7.3).
@@ -375,9 +522,15 @@ class MeetingAttendanceRowComponent {
      * @memberof MeetingAttendanceRowComponent
      */
     get formattedTime() {
-        const time = this.formatIso(this.meeting?.meetingTime, DateFormats.timeMeridiemFormat);
         const timezone = this.meeting?.timezone ?? '';
-        return timezone ? `${time} ${timezone}` : time;
+        const startValue = this.meeting?.startDateTime ?? this.meeting?.meetingTime;
+        const start = formatEpoch(startValue, DateFormats.timeMeridiemFormat, timezone);
+        const end = formatEpoch(this.meeting?.endDateTime, DateFormats.timeMeridiemFormat, timezone);
+        const range = end ? `${start} – ${end}` : start;
+        if (!range) {
+            return '';
+        }
+        return timezone ? `${range} ${timezone}` : range;
     }
     /**
      * Handles activation of the attendance action button. Delegates to the pure
@@ -408,27 +561,12 @@ class MeetingAttendanceRowComponent {
         }
         this.openMeeting.emit(this.meeting.meetingId);
     }
-    /**
-     * Parses an ISO string with luxon and formats it with the supplied token,
-     * returning the raw value unchanged when it is missing or unparseable.
-     * @param {string | undefined} isoValue - The ISO date/time string.
-     * @param {string} format - The luxon format token.
-     * @return {string} The formatted value or the raw/empty fallback.
-     * @memberof MeetingAttendanceRowComponent
-     */
-    formatIso(isoValue, format) {
-        if (!isoValue) {
-            return '';
-        }
-        const parsed = DateTime.fromISO(isoValue, { setZone: true });
-        return parsed.isValid ? parsed.toFormat(format) : isoValue;
-    }
     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" }, outputs: { openMeeting: "openMeeting", logAttendance: "logAttendance", leaveMeeting: "leaveMeeting" }, ngImport: i0, template: "<div class=\"ieeesa-meeting-attendance-row\">\r\n  <div class=\"ieeesa-meeting-attendance-row__details\">\r\n    <!-- Meeting-name link (emits openMeeting; non-actionable when id missing). -->\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 ?? 'View meeting details'\"\r\n      (click)=\"onOpenMeeting()\"\r\n    >\r\n      {{ meeting?.meetingName }}\r\n    </button>\r\n\r\n    <dl class=\"ieeesa-meeting-attendance-row__meta\">\r\n      <div class=\"ieeesa-meeting-attendance-row__meta-item\">\r\n        <dt class=\"ieeesa-meeting-attendance-row__meta-term\">\r\n          {{ constants?.groupsSection?.columns?.group ?? 'Group' }}\r\n        </dt>\r\n        <dd class=\"ieeesa-meeting-attendance-row__meta-value\">\r\n          {{ resolveFieldValue(meeting?.groupOrCommittee) }}\r\n        </dd>\r\n      </div>\r\n\r\n      <div class=\"ieeesa-meeting-attendance-row__meta-item\">\r\n        <dt class=\"ieeesa-meeting-attendance-row__meta-term\">\r\n          {{ constants?.groupsSection?.columns?.affiliation ?? 'Location' }}\r\n        </dt>\r\n        <dd class=\"ieeesa-meeting-attendance-row__meta-value\">\r\n          {{ resolveFieldValue(meeting?.roomOrLocation) }}\r\n        </dd>\r\n      </div>\r\n\r\n      <div class=\"ieeesa-meeting-attendance-row__meta-item\">\r\n        <dt class=\"ieeesa-meeting-attendance-row__meta-term\">Date</dt>\r\n        <dd class=\"ieeesa-meeting-attendance-row__meta-value\">\r\n          {{ formattedDate }}\r\n        </dd>\r\n      </div>\r\n\r\n      <div class=\"ieeesa-meeting-attendance-row__meta-item\">\r\n        <dt class=\"ieeesa-meeting-attendance-row__meta-term\">Time</dt>\r\n        <dd class=\"ieeesa-meeting-attendance-row__meta-value\">\r\n          {{ formattedTime }}\r\n        </dd>\r\n      </div>\r\n    </dl>\r\n  </div>\r\n\r\n  <div class=\"ieeesa-meeting-attendance-row__actions\">\r\n    <!-- Currently-attending indicator shown only in the attending state. -->\r\n    <span\r\n      *ngIf=\"isCurrentlyAttending\"\r\n      class=\"ieeesa-meeting-attendance-row__attending-indicator\"\r\n    >\r\n      {{ constants?.meetingRow?.currentlyAttendingIndicator ?? 'Currently Attending' }}\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 ?? 'Log attendance for this meeting'\"\r\n      (click)=\"onAttendanceAction()\"\r\n    >\r\n      {{ constants?.meetingRow?.logAttendanceLabel ?? 'Log Attendance' }}\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 ?? 'Leave this meeting'\"\r\n      (click)=\"onAttendanceAction()\"\r\n    >\r\n      {{ constants?.meetingRow?.leaveMeetingLabel ?? 'Leave Meeting' }}\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:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid #d7d6d6}.ieeesa-meeting-attendance-row__details{display:flex;flex-direction:column;gap:8px;min-width:0}.ieeesa-meeting-attendance-row__name-link{padding:0;border:0;background:none;text-align:left;text-decoration:underline;color:#00629b;cursor:pointer}.ieeesa-meeting-attendance-row__name-link:disabled{color:#939094;text-decoration:none;cursor:default}.ieeesa-meeting-attendance-row__meta{display:flex;flex-wrap:wrap;gap:4px 24px;margin:0}.ieeesa-meeting-attendance-row__meta-item{display:flex;flex-direction:column;gap:4px}.ieeesa-meeting-attendance-row__meta-term{margin:0;font-size:.75rem;color:#939094}.ieeesa-meeting-attendance-row__meta-value{margin:0;font-size:.875rem;color:#000}.ieeesa-meeting-attendance-row__actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.ieeesa-meeting-attendance-row__attending-indicator{display:inline-flex;align-items:center;padding:4px 12px;border-radius:16px;font-size:.8125rem;color:#00629b;background-color:#f0f5f9}.ieeesa-meeting-attendance-row__action-button{padding:8px 16px;border-radius:4px;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}\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" }, ngImport: i0, template: "<div\r\n  class=\"ieeesa-meeting-attendance-row\"\r\n  [class.ieeesa-meeting-attendance-row--compact]=\"compact\"\r\n>\r\n  <!-- Meeting name + group/location (hidden in the compact standalone variant). -->\r\n  <div class=\"ieeesa-meeting-attendance-row__name-col\">\r\n    <ng-container *ngIf=\"!compact\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"ieeesa-meeting-attendance-row__name-link\"\r\n        [disabled]=\"!isActionable\"\r\n        [attr.aria-label]=\"constants.meetingRow.ariaLabel.meetingNameLink\"\r\n        (click)=\"onOpenMeeting()\"\r\n      >\r\n        {{ meeting.meetingName }}\r\n      </button>\r\n\r\n      <p class=\"ieeesa-meeting-attendance-row__subtitle\">\r\n        {{ resolveFieldValue(meeting.groupOrCommittee) }}<ng-container\r\n          *ngIf=\"meeting.roomOrLocation\"\r\n        > &middot; {{ meeting.roomOrLocation }}</ng-container>\r\n      </p>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <!-- MEETING DATE column. -->\r\n  <dl class=\"ieeesa-meeting-attendance-row__col ieeesa-meeting-attendance-row__col--date\">\r\n    <dt class=\"ieeesa-meeting-attendance-row__col-label\">\r\n      {{ constants.eventGroupCard.meetingDateLabel }}\r\n    </dt>\r\n    <dd class=\"ieeesa-meeting-attendance-row__col-value\">\r\n      {{ formattedDate }}\r\n    </dd>\r\n  </dl>\r\n\r\n  <!-- TIME & TIMEZONE column. -->\r\n  <dl class=\"ieeesa-meeting-attendance-row__col ieeesa-meeting-attendance-row__col--time\">\r\n    <dt class=\"ieeesa-meeting-attendance-row__col-label\">\r\n      {{ constants.meetingRow.timeTimezoneLabel }}\r\n    </dt>\r\n    <dd class=\"ieeesa-meeting-attendance-row__col-value\">\r\n      {{ formattedTime }}\r\n    </dd>\r\n  </dl>\r\n\r\n  <!-- Attendance indicator + actions column. -->\r\n  <div class=\"ieeesa-meeting-attendance-row__actions\">\r\n    <!-- Currently-attending pill shown only in the attending state. -->\r\n    <span\r\n      *ngIf=\"isCurrentlyAttending\"\r\n      class=\"ieeesa-meeting-attendance-row__attending-pill\"\r\n    >\r\n      <span class=\"ieeesa-meeting-attendance-row__attending-dot\" aria-hidden=\"true\"></span>\r\n      {{ constants.meetingRow.currentlyAttendingIndicator }}\r\n    </span>\r\n\r\n    <!-- Log-attendance button: shown in the log state with the permission. -->\r\n    <button\r\n      *ngIf=\"showLogAttendanceButton\"\r\n      type=\"button\"\r\n      class=\"ieeesa-meeting-attendance-row__action-button ieeesa-meeting-attendance-row__action-button--log\"\r\n      [disabled]=\"isInFlight || !isActionable\"\r\n      [attr.aria-label]=\"constants.meetingRow.ariaLabel.logAttendance\"\r\n      (click)=\"onAttendanceAction()\"\r\n    >\r\n      {{ constants.meetingRow.logAttendanceLabel }}\r\n    </button>\r\n\r\n    <!-- Leave-meeting button: shown in the attending state with the permission. -->\r\n    <button\r\n      *ngIf=\"showLeaveMeetingButton\"\r\n      type=\"button\"\r\n      class=\"ieeesa-meeting-attendance-row__action-button ieeesa-meeting-attendance-row__action-button--leave\"\r\n      [disabled]=\"isInFlight || !isActionable\"\r\n      [attr.aria-label]=\"constants.meetingRow.ariaLabel.leaveMeeting\"\r\n      (click)=\"onAttendanceAction()\"\r\n    >\r\n      {{ constants.meetingRow.leaveMeetingLabel }}\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-meeting-attendance-row{display:grid;grid-template-columns:minmax(220px,2fr) minmax(120px,1fr) minmax(180px,1.2fr) auto;align-items:center;column-gap:24px;min-height:72px;padding:16px 20px;background-color:#fff;font-family:Calibri Regular}.ieeesa-meeting-attendance-row__name-col{display:flex;flex-direction:column;gap:4px;min-width:0}.ieeesa-meeting-attendance-row__name-link{padding:0;border:0;background:none;text-align:left;text-decoration:underline;font-family:Calibri Bold;font-size:1rem;line-height:20px;color:#00629b;cursor:pointer}.ieeesa-meeting-attendance-row__name-link:disabled{color:#939094;text-decoration:none;cursor:default}.ieeesa-meeting-attendance-row__subtitle{margin:0;font-size:.875rem;line-height:18px;color:#333436}.ieeesa-meeting-attendance-row__col{display:flex;flex-direction:column;gap:4px;margin:0;min-width:0}.ieeesa-meeting-attendance-row__col-label{font-family:Calibri Bold;font-size:.75rem;letter-spacing:.03125em;text-transform:uppercase;color:#939094}.ieeesa-meeting-attendance-row__col-value{margin:0;font-size:.875rem;line-height:18px;color:#333436}.ieeesa-meeting-attendance-row__actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-shrink:0}.ieeesa-meeting-attendance-row__attending-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:16px;white-space:nowrap;font-size:.8125rem;color:#1a7f37;background-color:#e8f5ec}.ieeesa-meeting-attendance-row__attending-dot{width:8px;height:8px;border-radius:50%;background-color:#1a7f37}.ieeesa-meeting-attendance-row__action-button{min-width:146px;padding:10px 16px;border-radius:4px;font-family:Calibri Bold;font-size:.875rem;cursor:pointer}.ieeesa-meeting-attendance-row__action-button--log{border:1px solid #00629b;background-color:#00629b;color:#fff}.ieeesa-meeting-attendance-row__action-button--leave{border:1px solid #00629b;background-color:#fff;color:#00629b}.ieeesa-meeting-attendance-row__action-button:disabled{border-color:#939094;background-color:#939094;color:#fff;cursor:default}.ieeesa-meeting-attendance-row:not(.ieeesa-meeting-attendance-row--compact)+.ieeesa-meeting-attendance-row:not(.ieeesa-meeting-attendance-row--compact){border-top:1px solid #d7d6d6}.ieeesa-meeting-attendance-row--compact{grid-template-columns:minmax(180px,1.2fr) auto;padding:0;min-height:0}.ieeesa-meeting-attendance-row--compact .ieeesa-meeting-attendance-row__col--date{display:none}@media (max-width: 767px){.ieeesa-meeting-attendance-row{grid-template-columns:1fr;row-gap:12px}.ieeesa-meeting-attendance-row__actions{justify-content:flex-start}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MeetingAttendanceRowComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ieeesa-meeting-attendance-row', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"ieeesa-meeting-attendance-row\">\r\n  <div class=\"ieeesa-meeting-attendance-row__details\">\r\n    <!-- Meeting-name link (emits openMeeting; non-actionable when id missing). -->\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 ?? 'View meeting details'\"\r\n      (click)=\"onOpenMeeting()\"\r\n    >\r\n      {{ meeting?.meetingName }}\r\n    </button>\r\n\r\n    <dl class=\"ieeesa-meeting-attendance-row__meta\">\r\n      <div class=\"ieeesa-meeting-attendance-row__meta-item\">\r\n        <dt class=\"ieeesa-meeting-attendance-row__meta-term\">\r\n          {{ constants?.groupsSection?.columns?.group ?? 'Group' }}\r\n        </dt>\r\n        <dd class=\"ieeesa-meeting-attendance-row__meta-value\">\r\n          {{ resolveFieldValue(meeting?.groupOrCommittee) }}\r\n        </dd>\r\n      </div>\r\n\r\n      <div class=\"ieeesa-meeting-attendance-row__meta-item\">\r\n        <dt class=\"ieeesa-meeting-attendance-row__meta-term\">\r\n          {{ constants?.groupsSection?.columns?.affiliation ?? 'Location' }}\r\n        </dt>\r\n        <dd class=\"ieeesa-meeting-attendance-row__meta-value\">\r\n          {{ resolveFieldValue(meeting?.roomOrLocation) }}\r\n        </dd>\r\n      </div>\r\n\r\n      <div class=\"ieeesa-meeting-attendance-row__meta-item\">\r\n        <dt class=\"ieeesa-meeting-attendance-row__meta-term\">Date</dt>\r\n        <dd class=\"ieeesa-meeting-attendance-row__meta-value\">\r\n          {{ formattedDate }}\r\n        </dd>\r\n      </div>\r\n\r\n      <div class=\"ieeesa-meeting-attendance-row__meta-item\">\r\n        <dt class=\"ieeesa-meeting-attendance-row__meta-term\">Time</dt>\r\n        <dd class=\"ieeesa-meeting-attendance-row__meta-value\">\r\n          {{ formattedTime }}\r\n        </dd>\r\n      </div>\r\n    </dl>\r\n  </div>\r\n\r\n  <div class=\"ieeesa-meeting-attendance-row__actions\">\r\n    <!-- Currently-attending indicator shown only in the attending state. -->\r\n    <span\r\n      *ngIf=\"isCurrentlyAttending\"\r\n      class=\"ieeesa-meeting-attendance-row__attending-indicator\"\r\n    >\r\n      {{ constants?.meetingRow?.currentlyAttendingIndicator ?? 'Currently Attending' }}\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 ?? 'Log attendance for this meeting'\"\r\n      (click)=\"onAttendanceAction()\"\r\n    >\r\n      {{ constants?.meetingRow?.logAttendanceLabel ?? 'Log Attendance' }}\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 ?? 'Leave this meeting'\"\r\n      (click)=\"onAttendanceAction()\"\r\n    >\r\n      {{ constants?.meetingRow?.leaveMeetingLabel ?? 'Leave Meeting' }}\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:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid #d7d6d6}.ieeesa-meeting-attendance-row__details{display:flex;flex-direction:column;gap:8px;min-width:0}.ieeesa-meeting-attendance-row__name-link{padding:0;border:0;background:none;text-align:left;text-decoration:underline;color:#00629b;cursor:pointer}.ieeesa-meeting-attendance-row__name-link:disabled{color:#939094;text-decoration:none;cursor:default}.ieeesa-meeting-attendance-row__meta{display:flex;flex-wrap:wrap;gap:4px 24px;margin:0}.ieeesa-meeting-attendance-row__meta-item{display:flex;flex-direction:column;gap:4px}.ieeesa-meeting-attendance-row__meta-term{margin:0;font-size:.75rem;color:#939094}.ieeesa-meeting-attendance-row__meta-value{margin:0;font-size:.875rem;color:#000}.ieeesa-meeting-attendance-row__actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.ieeesa-meeting-attendance-row__attending-indicator{display:inline-flex;align-items:center;padding:4px 12px;border-radius:16px;font-size:.8125rem;color:#00629b;background-color:#f0f5f9}.ieeesa-meeting-attendance-row__action-button{padding:8px 16px;border-radius:4px;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}\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      {{ formattedTime }}\r\n    </dd>\r\n  </dl>\r\n\r\n  <!-- Attendance indicator + actions column. -->\r\n  <div class=\"ieeesa-meeting-attendance-row__actions\">\r\n    <!-- Currently-attending pill shown only in the attending state. -->\r\n    <span\r\n      *ngIf=\"isCurrentlyAttending\"\r\n      class=\"ieeesa-meeting-attendance-row__attending-pill\"\r\n    >\r\n      <span class=\"ieeesa-meeting-attendance-row__attending-dot\" aria-hidden=\"true\"></span>\r\n      {{ constants.meetingRow.currentlyAttendingIndicator }}\r\n    </span>\r\n\r\n    <!-- Log-attendance button: shown in the log state with the permission. -->\r\n    <button\r\n      *ngIf=\"showLogAttendanceButton\"\r\n      type=\"button\"\r\n      class=\"ieeesa-meeting-attendance-row__action-button ieeesa-meeting-attendance-row__action-button--log\"\r\n      [disabled]=\"isInFlight || !isActionable\"\r\n      [attr.aria-label]=\"constants.meetingRow.ariaLabel.logAttendance\"\r\n      (click)=\"onAttendanceAction()\"\r\n    >\r\n      {{ constants.meetingRow.logAttendanceLabel }}\r\n    </button>\r\n\r\n    <!-- Leave-meeting button: shown in the attending state with the permission. -->\r\n    <button\r\n      *ngIf=\"showLeaveMeetingButton\"\r\n      type=\"button\"\r\n      class=\"ieeesa-meeting-attendance-row__action-button ieeesa-meeting-attendance-row__action-button--leave\"\r\n      [disabled]=\"isInFlight || !isActionable\"\r\n      [attr.aria-label]=\"constants.meetingRow.ariaLabel.leaveMeeting\"\r\n      (click)=\"onAttendanceAction()\"\r\n    >\r\n      {{ constants.meetingRow.leaveMeetingLabel }}\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-meeting-attendance-row{display:grid;grid-template-columns:minmax(220px,2fr) minmax(120px,1fr) minmax(180px,1.2fr) auto;align-items:center;column-gap:24px;min-height:72px;padding:16px 20px;background-color:#fff;font-family:Calibri Regular}.ieeesa-meeting-attendance-row__name-col{display:flex;flex-direction:column;gap:4px;min-width:0}.ieeesa-meeting-attendance-row__name-link{padding:0;border:0;background:none;text-align:left;text-decoration:underline;font-family:Calibri Bold;font-size:1rem;line-height:20px;color:#00629b;cursor:pointer}.ieeesa-meeting-attendance-row__name-link:disabled{color:#939094;text-decoration:none;cursor:default}.ieeesa-meeting-attendance-row__subtitle{margin:0;font-size:.875rem;line-height:18px;color:#333436}.ieeesa-meeting-attendance-row__col{display:flex;flex-direction:column;gap:4px;margin:0;min-width:0}.ieeesa-meeting-attendance-row__col-label{font-family:Calibri Bold;font-size:.75rem;letter-spacing:.03125em;text-transform:uppercase;color:#939094}.ieeesa-meeting-attendance-row__col-value{margin:0;font-size:.875rem;line-height:18px;color:#333436}.ieeesa-meeting-attendance-row__actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-shrink:0}.ieeesa-meeting-attendance-row__attending-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:16px;white-space:nowrap;font-size:.8125rem;color:#1a7f37;background-color:#e8f5ec}.ieeesa-meeting-attendance-row__attending-dot{width:8px;height:8px;border-radius:50%;background-color:#1a7f37}.ieeesa-meeting-attendance-row__action-button{min-width:146px;padding:10px 16px;border-radius:4px;font-family:Calibri Bold;font-size:.875rem;cursor:pointer}.ieeesa-meeting-attendance-row__action-button--log{border:1px solid #00629b;background-color:#00629b;color:#fff}.ieeesa-meeting-attendance-row__action-button--leave{border:1px solid #00629b;background-color:#fff;color:#00629b}.ieeesa-meeting-attendance-row__action-button:disabled{border-color:#939094;background-color:#939094;color:#fff;cursor:default}.ieeesa-meeting-attendance-row:not(.ieeesa-meeting-attendance-row--compact)+.ieeesa-meeting-attendance-row:not(.ieeesa-meeting-attendance-row--compact){border-top:1px solid #d7d6d6}.ieeesa-meeting-attendance-row--compact{grid-template-columns:minmax(180px,1.2fr) auto;padding:0;min-height:0}.ieeesa-meeting-attendance-row--compact .ieeesa-meeting-attendance-row__col--date{display:none}@media (max-width: 767px){.ieeesa-meeting-attendance-row{grid-template-columns:1fr;row-gap:12px}.ieeesa-meeting-attendance-row__actions{justify-content:flex-start}}\n"] }]
         }], propDecorators: { meeting: [{
                 type: Input
             }], attendanceState: [{
@@ -437,6 +575,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], permissions: [{
                 type: Input
+            }], compact: [{
+                type: Input
             }], openMeeting: [{
                 type: Output
             }], logAttendance: [{
@@ -463,7 +603,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 class EventGroupCardComponent {
     constructor() {
         /** User-facing strings sourced from `constants.json`. */
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.constants = constants$1;
+        /** Enum reference for EVENT vs STANDALONE_MEETING comparisons in the template. */
+        this.itemKinds = UpcomingItemKind;
         /** Host permissions gating the per-row log-attendance / leave-meeting buttons. */
         this.permissions = {
             canLogAttendance: false,
@@ -485,6 +628,12 @@ class EventGroupCardComponent {
         this.leaveMeeting = new EventEmitter();
         /** Emits the requested page when the per-card paginator changes (Req 6.9, 3.3). */
         this.pageChange = new EventEmitter();
+        /**
+         * Emits the one-based page to load when the meeting list is opened (or paged)
+         * so the container can lazily fetch the event's child meetings from the
+         * backend. Standalone-meeting cards never emit this.
+         */
+        this.loadMeetings = new EventEmitter();
         /** The default page size for the per-card meeting paginator. */
         this.defaultPageSize = 5;
         /** The current zero-based page index of the meeting list. */
@@ -494,6 +643,28 @@ class EventGroupCardComponent {
         /** Whether the meeting list is currently shown (toggled open). */
         this.isMeetingListOpen = false;
     }
+    /**
+     * The event status slugified into a BEM modifier suffix (lowercase, spaces to
+     * hyphens), e.g. "In Progress" -> "in-progress", used to colour the status
+     * pill per status.
+     * @return {string} The status modifier suffix.
+     * @memberof EventGroupCardComponent
+     */
+    get statusModifier() {
+        return (this.event?.status ?? '')
+            .trim()
+            .toLowerCase()
+            .replace(/\s+/g, '-');
+    }
+    /**
+     * Whether this card renders a STANDALONE_MEETING (leaner single-meeting card
+     * with no child-meeting list) rather than an expandable EVENT block.
+     * @return {boolean} True for standalone-meeting cards.
+     * @memberof EventGroupCardComponent
+     */
+    get isStandalone() {
+        return this.event?.kind === UpcomingItemKind.STANDALONE_MEETING;
+    }
     /**
      * The full list of meetings for the event, defaulting to an empty list when
      * the event has none.
@@ -503,18 +674,25 @@ class EventGroupCardComponent {
     get meetings() {
         return this.event?.meetings ?? [];
     }
-    /** The total number of meetings for the event (paginator length). */
+    /**
+     * The total number of meetings for the event (paginator length). Uses the
+     * backend `meetingCount` (the full total) rather than the length of the
+     * currently loaded page, so the paginator can advance through every page.
+     * @return {number} The total meeting count.
+     * @memberof EventGroupCardComponent
+     */
     get totalMeetings() {
-        return this.meetings.length;
+        return this.event?.meetingCount || this.meetings.length;
     }
     /**
-     * The slice of meetings for the current page, used by the row `*ngFor`.
+     * The meetings to render for the current page. The server returns exactly one
+     * page of meetings into `event.meetings`, so the card renders them as-is
+     * without local slicing (pagination is server-side).
      * @return {MeetingRow[]} The meetings on the current page.
      * @memberof EventGroupCardComponent
      */
     get pagedMeetings() {
-        const start = this.pageIndex * this.pageSize;
-        return this.meetings.slice(start, start + this.pageSize);
+        return this.meetings;
     }
     /**
      * The one-based index of the first meeting shown on the current page, or 0
@@ -559,6 +737,25 @@ class EventGroupCardComponent {
             '{total} meetings';
         return template.replace('{total}', `${this.event?.meetingCount ?? 0}`);
     }
+    /**
+     * The header sub-line: the group · location line for a STANDALONE meeting, or
+     * the "{n} meetings scheduled across the event" summary for an EVENT when its
+     * meeting count is known (hidden until the count is loaded so it never shows
+     * "0 meetings").
+     * @return {string} The sub-line text, or an empty string to hide it.
+     * @memberof EventGroupCardComponent
+     */
+    get subtitleText() {
+        if (this.isStandalone) {
+            const group = this.event?.groupOrCommittee ?? '';
+            const location = this.event?.roomOrLocation ?? '';
+            if (group && location) {
+                return `${group} \u00b7 ${location}`;
+            }
+            return group || location;
+        }
+        return (this.event?.meetingCount ?? 0) > 0 ? this.meetingCountSummary : '';
+    }
     /**
      * The meeting-list show/hide toggle label. When the list is hidden the label
      * reads "Show Meetings ({count} open for attendance)" built from the
@@ -570,19 +767,93 @@ class EventGroupCardComponent {
     get meetingListToggleLabel() {
         const toggle = this.constants?.eventGroupCard?.meetingListToggle;
         if (this.isMeetingListOpen) {
-            return toggle?.hideLabel ?? 'Hide Meetings';
+            return toggle?.hideLabel ?? 'Hide meetings';
+        }
+        return toggle?.showLabel ?? 'Show meetings';
+    }
+    /**
+     * The "{count} Meetings open for attendance" summary shown in the event's
+     * meetings bar, built from the `constants.json` template and the event's
+     * open-for-attendance count (Req 6.5).
+     * @return {string} The formatted open-for-attendance summary.
+     * @memberof EventGroupCardComponent
+     */
+    get openForAttendanceSummary() {
+        const template = this.constants?.eventGroupCard?.openForAttendanceTemplate ??
+            '{count} Meetings open for attendance';
+        return template.replace('{count}', `${this.event?.openForAttendanceCount ?? 0}`);
+    }
+    /**
+     * The {@link MeetingRow} view model for a STANDALONE_MEETING card, projected
+     * from the event entry so the shared {@link MeetingAttendanceRowComponent}
+     * renders its time/timezone block and attendance action.
+     * @return {MeetingRow} The standalone meeting row.
+     * @memberof EventGroupCardComponent
+     */
+    get standaloneMeeting() {
+        return {
+            meetingId: this.event?.eventId ?? '',
+            meetingName: this.event?.title ?? '',
+            groupOrCommittee: this.event?.groupOrCommittee,
+            roomOrLocation: this.event?.roomOrLocation,
+            startDateTime: this.event?.startDateTime ?? this.event?.startDate,
+            endDateTime: this.event?.endDateTime ?? this.event?.endDate,
+            timezone: this.event?.timezone ?? '',
+            status: this.event?.status,
+            isMemberOfGroup: this.event?.isMemberOfGroup,
+        };
+    }
+    /**
+     * The formatted "start – end time (timezone)" string for a STANDALONE meeting,
+     * mirroring the inner meeting row's TIME & TIMEZONE value.
+     * @return {string} The formatted time + timezone.
+     * @memberof EventGroupCardComponent
+     */
+    get standaloneTime() {
+        const timezone = this.event?.timezone ?? '';
+        const start = formatEpoch(this.event?.startDateTime ?? this.event?.startDate, DateFormats.timeMeridiemFormat, timezone);
+        const end = formatEpoch(this.event?.endDateTime ?? this.event?.endDate, DateFormats.timeMeridiemFormat, timezone);
+        const range = end ? `${start} \u2013 ${end}` : start;
+        if (!range) {
+            return '';
         }
-        const prefix = toggle?.showLabelPrefix ?? 'Show Meetings (';
-        const suffix = toggle?.showLabelSuffix ?? ' open for attendance)';
-        return `${prefix}${this.event?.openForAttendanceCount ?? 0}${suffix}`;
+        return timezone ? `${range} ${timezone}` : range;
+    }
+    /**
+     * Whether the STANDALONE meeting is currently being attended (drives the pill
+     * and the leave action).
+     * @return {boolean} True when the standalone meeting is currently attending.
+     * @memberof EventGroupCardComponent
+     */
+    get isStandaloneAttending() {
+        return (this.resolveAttendanceState(this.standaloneMeeting) ===
+            AttendanceState.CURRENTLY_ATTENDING);
+    }
+    /**
+     * Whether the STANDALONE meeting's Log Attendance button is shown (not
+     * attending and the host grants the permission).
+     * @return {boolean} True when the log-attendance button is visible.
+     * @memberof EventGroupCardComponent
+     */
+    get showStandaloneLog() {
+        return !this.isStandaloneAttending && !!this.permissions?.canLogAttendance;
+    }
+    /**
+     * Whether the STANDALONE meeting's Leave Meeting button is shown (attending
+     * and the host grants the permission).
+     * @return {boolean} True when the leave-meeting button is visible.
+     * @memberof EventGroupCardComponent
+     */
+    get showStandaloneLeave() {
+        return this.isStandaloneAttending && !!this.permissions?.canLeaveMeeting;
     }
-    /** The luxon-formatted start date of the event (Req 6.2). */
+    /** The luxon-formatted start date of the event (ISO or epoch ms) (Req 6.2). */
     get formattedStartDate() {
-        return this.formatIso(this.event?.startDate, DateFormats.displayFormat);
+        return this.formatDate(this.event?.startDateTime ?? this.event?.startDate);
     }
-    /** The luxon-formatted end date of the event (Req 6.2). */
+    /** The luxon-formatted end date of the event (ISO or epoch ms) (Req 6.2). */
     get formattedEndDate() {
-        return this.formatIso(this.event?.endDate, DateFormats.displayFormat);
+        return this.formatDate(this.event?.endDateTime ?? this.event?.endDate);
     }
     /**
      * `trackBy` for the meeting-row `*ngFor`, keyed by the stable meeting id so
@@ -617,11 +888,15 @@ class EventGroupCardComponent {
         return this.inFlightMeetingIds?.has(meeting?.meetingId) ?? false;
     }
     /**
-     * Toggles the meeting-list visibility (Req 6.6).
+     * Toggles the meeting-list visibility, lazily requesting the first page of the
+     * event's child meetings from the container the first time it is opened (Req 6.6).
      * @memberof EventGroupCardComponent
      */
     onToggleMeetingList() {
         this.isMeetingListOpen = !this.isMeetingListOpen;
+        if (this.isMeetingListOpen) {
+            this.loadMeetings.emit(this.pageIndex + 1);
+        }
     }
     /**
      * Handles the "View Event" button, emitting the event id to the host (Req 6.4).
@@ -667,28 +942,27 @@ 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);
     }
     /**
-     * Parses an ISO string with luxon and formats it with the supplied token,
-     * returning the raw value unchanged when it is missing or unparseable.
-     * @param {string | undefined} isoValue - The ISO date/time string.
-     * @param {string} format - The luxon format token.
-     * @return {string} The formatted value or the raw/empty fallback.
+     * Formats a date for display, preferring the epoch-milliseconds value (from
+     * the real API) formatted in the event's timezone and falling back to a legacy
+     * ISO string. Returns an empty string when neither is present.
+     * @param {number | undefined} epochMs - The epoch-milliseconds value.
+     * @param {string | undefined} isoValue - The legacy ISO fallback.
+     * @return {string} The formatted date or an empty string.
      * @memberof EventGroupCardComponent
      */
-    formatIso(isoValue, format) {
-        if (!isoValue) {
-            return '';
-        }
-        const parsed = DateTime.fromISO(isoValue, { setZone: true });
-        return parsed.isValid ? parsed.toFormat(format) : isoValue;
+    formatDate(value) {
+        return formatEpoch(value, DateFormats.displayFormat, this.event?.timezone);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EventGroupCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EventGroupCardComponent, isStandalone: true, selector: "ieeesa-event-group-card", inputs: { event: "event", permissions: "permissions", attendanceStates: "attendanceStates", inFlightMeetingIds: "inFlightMeetingIds", isMobileView: "isMobileView" }, outputs: { viewEvent: "viewEvent", openMeeting: "openMeeting", logAttendance: "logAttendance", leaveMeeting: "leaveMeeting", pageChange: "pageChange" }, ngImport: i0, template: "<article\r\n  class=\"ieeesa-event-group-card\"\r\n  [class.ieeesa-event-group-card--mobile]=\"isMobileView\"\r\n>\r\n  <header class=\"ieeesa-event-group-card__header\">\r\n    <div class=\"ieeesa-event-group-card__heading\">\r\n      <!-- Status badge (Req 6.1). -->\r\n      <span\r\n        *ngIf=\"event?.status\"\r\n        class=\"ieeesa-event-group-card__status\"\r\n      >\r\n        {{ event?.status }}\r\n      </span>\r\n\r\n      <!-- Event title (Req 6.1). -->\r\n      <h3 class=\"ieeesa-event-group-card__title\">{{ event?.title }}</h3>\r\n\r\n      <!-- Day indicator (Req 6.1). -->\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    <!-- View Event action (Req 6.3, 6.4). -->\r\n    <button\r\n      type=\"button\"\r\n      class=\"ieeesa-event-group-card__view-event\"\r\n      [attr.aria-label]=\"constants?.eventGroupCard?.ariaLabel?.viewEvent ?? 'View event details'\"\r\n      (click)=\"onViewEvent()\"\r\n    >\r\n      {{ constants?.eventGroupCard?.viewEventLabel ?? 'View Event' }}\r\n    </button>\r\n  </header>\r\n\r\n  <dl class=\"ieeesa-event-group-card__meta\">\r\n    <!-- Meeting-count summary sub-line (Req 6.1). -->\r\n    <div class=\"ieeesa-event-group-card__meta-item\">\r\n      <dd class=\"ieeesa-event-group-card__meeting-count\">\r\n        {{ meetingCountSummary }}\r\n      </dd>\r\n    </div>\r\n\r\n    <!-- Start / end date (Req 6.2). -->\r\n    <div class=\"ieeesa-event-group-card__meta-item\">\r\n      <dd class=\"ieeesa-event-group-card__dates\">\r\n        {{ formattedStartDate }}<ng-container *ngIf=\"formattedEndDate\">\r\n          &ndash; {{ formattedEndDate }}</ng-container>\r\n      </dd>\r\n    </div>\r\n\r\n    <!-- Timezone (Req 6.2). -->\r\n    <div class=\"ieeesa-event-group-card__meta-item\" *ngIf=\"event?.timezone\">\r\n      <dd class=\"ieeesa-event-group-card__timezone\">{{ event?.timezone }}</dd>\r\n    </div>\r\n  </dl>\r\n\r\n  <!-- Meeting-list show/hide toggle labeled with open-for-attendance count (Req 6.5, 6.6). -->\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 ?? 'Show or hide the meeting list for this event'\"\r\n    (click)=\"onToggleMeetingList()\"\r\n  >\r\n    {{ meetingListToggleLabel }}\r\n  </button>\r\n\r\n  <!-- Meeting list + per-card paginator, shown only when the toggle is open (Req 6.7, 6.8). -->\r\n  <div *ngIf=\"isMeetingListOpen\" class=\"ieeesa-event-group-card__meetings\">\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 ?? 'Meeting list pagination'\"\r\n    >\r\n      <!-- Range + total count label from constants.json (Req 6.8). -->\r\n      <span class=\"ieeesa-event-group-card__paginator-range\">\r\n        {{ rangeLabel }}\r\n      </span>\r\n\r\n      <!-- Presentation paginator emitting pageChange({ pageIndex, pageSize }) (Req 6.9, 3.3). -->\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</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:12px;padding:16px;border:1px solid #d7d6d6;border-radius:8px;background-color:#fff}.ieeesa-event-group-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ieeesa-event-group-card__heading{display:flex;flex-direction:column;gap:4px;min-width:0}.ieeesa-event-group-card__status{display:inline-flex;align-items:center;align-self:flex-start;padding:4px 12px;border-radius:16px;font-size:.75rem;color:#00629b;background-color:#f0f5f9}.ieeesa-event-group-card__title{margin:0;font-size:1.125rem;color:#000}.ieeesa-event-group-card__day-indicator{font-size:.8125rem;color:#939094}.ieeesa-event-group-card__view-event{flex-shrink:0;padding:8px 16px;border:1px solid #00629b;border-radius:4px;background-color:#fff;font-size:.875rem;color:#00629b;cursor:pointer}.ieeesa-event-group-card__meta{display:flex;flex-wrap:wrap;gap:4px 24px;margin:0}.ieeesa-event-group-card__meta-item{display:flex;flex-direction:column;gap:4px}.ieeesa-event-group-card__meeting-count,.ieeesa-event-group-card__dates,.ieeesa-event-group-card__timezone{margin:0;font-size:.875rem;color:#000}.ieeesa-event-group-card__timezone{color:#939094}.ieeesa-event-group-card__meeting-toggle{align-self:flex-start;padding:8px 0;border:0;background:none;text-align:left;text-decoration:underline;font-size:.875rem;color:#00629b;cursor:pointer}.ieeesa-event-group-card__meetings{display:flex;flex-direction:column;border-top:1px solid #d7d6d6}.ieeesa-event-group-card__paginator{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:8px}.ieeesa-event-group-card__paginator-range{font-size:.8125rem;color:#939094}.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__view-event{align-self:stretch}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__paginator{flex-direction:column;align-items:stretch}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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"], 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" }, outputs: { viewEvent: "viewEvent", openMeeting: "openMeeting", logAttendance: "logAttendance", leaveMeeting: "leaveMeeting", pageChange: "pageChange", loadMeetings: "loadMeetings" }, ngImport: i0, template: "<article\r\n  class=\"ieeesa-event-group-card\"\r\n  [class.ieeesa-event-group-card--mobile]=\"isMobileView\"\r\n  [class.ieeesa-event-group-card--standalone]=\"isStandalone\"\r\n>\r\n  <!-- ============================ EVENT ============================ -->\r\n  <ng-container *ngIf=\"!isStandalone\">\r\n    <header class=\"ieeesa-event-group-card__header\">\r\n      <div class=\"ieeesa-event-group-card__header-main\">\r\n        <!-- EVENT badge + day indicator. -->\r\n        <div class=\"ieeesa-event-group-card__badge-row\">\r\n          <span class=\"ieeesa-event-group-card__badge\">\r\n            {{ constants.eventGroupCard.eventBadge }}\r\n          </span>\r\n          <span\r\n            *ngIf=\"event.dayIndicator\"\r\n            class=\"ieeesa-event-group-card__day-indicator\"\r\n          >\r\n            {{ event.dayIndicator }}\r\n          </span>\r\n        </div>\r\n\r\n        <div class=\"ieeesa-event-group-card__title-row\">\r\n          <h3 class=\"ieeesa-event-group-card__title\">{{ event.title }}</h3>\r\n          <span\r\n            *ngIf=\"event.status\"\r\n            class=\"ieeesa-event-group-card__status-pill\"\r\n            [ngClass]=\"'ieeesa-event-group-card__status-pill--' + statusModifier\"\r\n          >\r\n            <span class=\"ieeesa-event-group-card__status-dot\" aria-hidden=\"true\"></span>\r\n            {{ event.status }}\r\n          </span>\r\n        </div>\r\n\r\n        <p\r\n          *ngIf=\"subtitleText\"\r\n          class=\"ieeesa-event-group-card__subtitle\"\r\n        >\r\n          {{ subtitleText }}\r\n        </p>\r\n      </div>\r\n\r\n      <div class=\"ieeesa-event-group-card__header-side\">\r\n        <dl class=\"ieeesa-event-group-card__dates-block\">\r\n          <dt class=\"ieeesa-event-group-card__dates-label\">\r\n            {{ constants.eventGroupCard.eventDatesLabel }}\r\n          </dt>\r\n          <dd class=\"ieeesa-event-group-card__dates-value\">\r\n            {{ formattedStartDate }}<ng-container *ngIf=\"formattedEndDate && formattedEndDate !== formattedStartDate\">\r\n              &ndash; {{ formattedEndDate }}</ng-container>\r\n          </dd>\r\n          <dd\r\n            *ngIf=\"event.timezone\"\r\n            class=\"ieeesa-event-group-card__timezone-value\"\r\n          >\r\n            {{ event.timezone }}\r\n          </dd>\r\n        </dl>\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"ieeesa-event-group-card__view\"\r\n          [attr.aria-label]=\"constants.eventGroupCard.ariaLabel.viewEvent\"\r\n          (click)=\"onViewEvent()\"\r\n        >\r\n          {{ constants.eventGroupCard.viewEventLabel }}\r\n        </button>\r\n      </div>\r\n    </header>\r\n\r\n    <!-- Meetings label row + Show/Hide toggle. -->\r\n    <div class=\"ieeesa-event-group-card__meetings-bar\">\r\n      <span class=\"ieeesa-event-group-card__meetings-open\">\r\n        <span class=\"ieeesa-event-group-card__meetings-dot\" aria-hidden=\"true\"></span>\r\n        {{ openForAttendanceSummary }}\r\n      </span>\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"ieeesa-event-group-card__meeting-toggle\"\r\n        [attr.aria-expanded]=\"isMeetingListOpen\"\r\n        [attr.aria-label]=\"constants.eventGroupCard.ariaLabel.meetingListToggle\"\r\n        (click)=\"onToggleMeetingList()\"\r\n      >\r\n        <span>{{ meetingListToggleLabel }}</span>\r\n        <i\r\n          class=\"fa-solid\"\r\n          [ngClass]=\"isMeetingListOpen ? 'fa-chevron-up' : 'fa-chevron-down'\"\r\n          aria-hidden=\"true\"\r\n        ></i>\r\n      </button>\r\n    </div>\r\n\r\n    <!-- Expanded inner meeting list + per-event paginator. -->\r\n    <div\r\n      *ngIf=\"isMeetingListOpen\"\r\n      class=\"ieeesa-event-group-card__meetings\"\r\n    >\r\n      <ieeesa-meeting-attendance-row\r\n        *ngFor=\"let meeting of pagedMeetings; trackBy: trackByMeetingId\"\r\n        [meeting]=\"meeting\"\r\n        [attendanceState]=\"resolveAttendanceState(meeting)\"\r\n        [isInFlight]=\"resolveIsInFlight(meeting)\"\r\n        [permissions]=\"permissions\"\r\n        (openMeeting)=\"onOpenMeeting($event)\"\r\n        (logAttendance)=\"onLogAttendance($event)\"\r\n        (leaveMeeting)=\"onLeaveMeeting($event)\"\r\n      ></ieeesa-meeting-attendance-row>\r\n\r\n      <div\r\n        class=\"ieeesa-event-group-card__paginator\"\r\n        [attr.aria-label]=\"constants.eventGroupCard.ariaLabel.meetingListToggle\"\r\n      >\r\n        <span class=\"ieeesa-event-group-card__paginator-range\">\r\n          {{ rangeLabel }}\r\n        </span>\r\n\r\n        <mat-paginator\r\n          class=\"ieeesa-event-group-card__paginator-control\"\r\n          [pageIndex]=\"pageIndex\"\r\n          [pageSize]=\"pageSize\"\r\n          [length]=\"totalMeetings\"\r\n          [hidePageSize]=\"true\"\r\n          (page)=\"onPageChange($event)\"\r\n        ></mat-paginator>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!-- ======================= STANDALONE MEETING ======================= -->\r\n  <!-- Single horizontal row: badge+name+subtitle | MEETING DATE | TIME & TIMEZONE | action. -->\r\n  <div *ngIf=\"isStandalone\" class=\"ieeesa-event-group-card__standalone\">\r\n    <div class=\"ieeesa-event-group-card__standalone-main\">\r\n      <span class=\"ieeesa-event-group-card__badge ieeesa-event-group-card__badge--standalone\">\r\n        {{ constants.eventGroupCard.standaloneBadge }}\r\n      </span>\r\n\r\n      <div class=\"ieeesa-event-group-card__standalone-title-row\">\r\n        <button\r\n          type=\"button\"\r\n          class=\"ieeesa-event-group-card__standalone-name\"\r\n          [attr.aria-label]=\"constants.meetingRow.ariaLabel.meetingNameLink\"\r\n          (click)=\"onOpenMeeting(event.eventId)\"\r\n        >\r\n          {{ event.title }}\r\n        </button>\r\n        <span\r\n          *ngIf=\"event.status\"\r\n          class=\"ieeesa-event-group-card__status-pill\"\r\n          [ngClass]=\"'ieeesa-event-group-card__status-pill--' + statusModifier\"\r\n        >\r\n          <span class=\"ieeesa-event-group-card__status-dot\" aria-hidden=\"true\"></span>\r\n          {{ event.status }}\r\n        </span>\r\n      </div>\r\n\r\n      <p\r\n        *ngIf=\"subtitleText\"\r\n        class=\"ieeesa-event-group-card__standalone-subtitle\"\r\n      >\r\n        {{ subtitleText }}\r\n      </p>\r\n    </div>\r\n\r\n    <!-- MEETING DATE column. -->\r\n    <dl class=\"ieeesa-event-group-card__standalone-col\">\r\n      <dt class=\"ieeesa-event-group-card__standalone-col-label\">\r\n        {{ constants.eventGroupCard.meetingDateLabel }}\r\n      </dt>\r\n      <dd class=\"ieeesa-event-group-card__standalone-col-value\">\r\n        {{ formattedStartDate }}<ng-container *ngIf=\"formattedEndDate && formattedEndDate !== formattedStartDate\">\r\n          &ndash; {{ formattedEndDate }}</ng-container>\r\n      </dd>\r\n    </dl>\r\n\r\n    <!-- TIME & TIMEZONE column. -->\r\n    <dl class=\"ieeesa-event-group-card__standalone-col\">\r\n      <dt class=\"ieeesa-event-group-card__standalone-col-label\">\r\n        {{ constants.eventGroupCard.timeTimezoneLabel }}\r\n      </dt>\r\n      <dd class=\"ieeesa-event-group-card__standalone-col-value\">\r\n        {{ standaloneTime }}\r\n      </dd>\r\n    </dl>\r\n\r\n    <!-- Attendance action column. -->\r\n    <div class=\"ieeesa-event-group-card__standalone-actions\">\r\n      <span\r\n        *ngIf=\"isStandaloneAttending\"\r\n        class=\"ieeesa-event-group-card__attending-pill\"\r\n      >\r\n        <span class=\"ieeesa-event-group-card__status-dot\" aria-hidden=\"true\"></span>\r\n        {{ constants.meetingRow.currentlyAttendingIndicator }}\r\n      </span>\r\n\r\n      <button\r\n        *ngIf=\"showStandaloneLog\"\r\n        type=\"button\"\r\n        class=\"ieeesa-event-group-card__standalone-action ieeesa-event-group-card__standalone-action--log\"\r\n        [disabled]=\"resolveIsInFlight(standaloneMeeting)\"\r\n        [attr.aria-label]=\"constants.meetingRow.ariaLabel.logAttendance\"\r\n        (click)=\"onLogAttendance(event.eventId)\"\r\n      >\r\n        {{ constants.meetingRow.logAttendanceLabel }}\r\n      </button>\r\n\r\n      <button\r\n        *ngIf=\"showStandaloneLeave\"\r\n        type=\"button\"\r\n        class=\"ieeesa-event-group-card__standalone-action ieeesa-event-group-card__standalone-action--leave\"\r\n        [disabled]=\"resolveIsInFlight(standaloneMeeting)\"\r\n        [attr.aria-label]=\"constants.meetingRow.ariaLabel.leaveMeeting\"\r\n        (click)=\"onLeaveMeeting(event.eventId)\"\r\n      >\r\n        {{ constants.meetingRow.leaveMeetingLabel }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</article>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-event-group-card{display:flex;flex-direction:column;gap:16px;padding:20px 24px;border:1px solid #d7d6d6;border-radius:8px;background-color:#fff;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026;font-family:Calibri Regular}.ieeesa-event-group-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.ieeesa-event-group-card__header-main{display:flex;flex-direction:column;gap:8px;min-width:0}.ieeesa-event-group-card__badge-row{display:flex;align-items:center;gap:12px}.ieeesa-event-group-card__badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:4px;font-family:Calibri Bold;font-size:.75rem;letter-spacing:.03125em;text-transform:uppercase;color:#00629b;background-color:#eaf3f9}.ieeesa-event-group-card__badge--standalone{color:#333436;background-color:#f0f0f0}.ieeesa-event-group-card__day-indicator{font-size:.875rem;line-height:18px;color:#333436}.ieeesa-event-group-card__title-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.ieeesa-event-group-card__title{margin:0;font-family:Calibri Bold;font-size:1.25rem;line-height:24px;color:#333436}.ieeesa-event-group-card__status-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 12px;border-radius:16px;font-size:.8125rem;color:#1a7f37;background-color:#e8f5ec}.ieeesa-event-group-card__status-pill--upcoming,.ieeesa-event-group-card__status-pill--starts-soon{color:#8a6d00;background-color:#fef7e0}.ieeesa-event-group-card__status-pill--upcoming .ieeesa-event-group-card__status-dot,.ieeesa-event-group-card__status-pill--starts-soon .ieeesa-event-group-card__status-dot{background-color:#e5a200}.ieeesa-event-group-card__status-dot{width:8px;height:8px;border-radius:50%;background-color:#1a7f37}.ieeesa-event-group-card__subtitle{margin:0;font-size:.875rem;line-height:18px;color:#333436}.ieeesa-event-group-card__header-side{display:flex;align-items:flex-start;gap:24px;flex-shrink:0}.ieeesa-event-group-card__dates-block{display:flex;flex-direction:column;gap:2px;margin:0;text-align:right}.ieeesa-event-group-card__dates-label{font-family:Calibri Bold;font-size:.75rem;letter-spacing:.03125em;text-transform:uppercase;color:#939094}.ieeesa-event-group-card__dates-value{margin:0;font-size:.875rem;line-height:18px;color:#333436}.ieeesa-event-group-card__timezone-value{margin:0;font-size:.8125rem;color:#939094}.ieeesa-event-group-card__view{flex-shrink:0;min-width:122px;padding:8px 16px;border:1px solid #00629b;border-radius:4px;background-color:#fff;font-size:.875rem;color:#00629b;cursor:pointer}.ieeesa-event-group-card__view:hover{background-color:#eaf3f9}.ieeesa-event-group-card__meetings-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:16px;border-top:1px solid #d7d6d6}.ieeesa-event-group-card__meetings-open{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;color:#333436}.ieeesa-event-group-card__meetings-dot{width:8px;height:8px;border-radius:50%;background-color:#1a7f37}.ieeesa-event-group-card__meeting-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 0;border:0;background:none;font-size:.875rem;color:#00629b;cursor:pointer}.ieeesa-event-group-card__meetings{display:flex;flex-direction:column;border:1px solid #d7d6d6;border-radius:8px;overflow:hidden}.ieeesa-event-group-card__paginator{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 20px;border-top:1px solid #d7d6d6}.ieeesa-event-group-card__paginator-range{font-size:.8125rem;color:#939094}.ieeesa-event-group-card__standalone{display:grid;grid-template-columns:minmax(260px,2.4fr) minmax(130px,1fr) minmax(200px,1.3fr) auto;align-items:center;column-gap:24px}.ieeesa-event-group-card__standalone-main{display:flex;flex-direction:column;gap:6px;min-width:0}.ieeesa-event-group-card__standalone-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.ieeesa-event-group-card__standalone-name{padding:0;border:0;background:none;text-align:left;text-decoration:underline;font-family:Calibri Bold;font-size:1rem;line-height:20px;color:#00629b;cursor:pointer}.ieeesa-event-group-card__standalone-subtitle{margin:0;font-size:.875rem;line-height:18px;color:#333436}.ieeesa-event-group-card__standalone-col{display:flex;flex-direction:column;gap:4px;margin:0;min-width:0}.ieeesa-event-group-card__standalone-col-label{font-family:Calibri Bold;font-size:.75rem;letter-spacing:.03125em;text-transform:uppercase;color:#939094}.ieeesa-event-group-card__standalone-col-value{margin:0;font-size:.875rem;line-height:18px;color:#333436}.ieeesa-event-group-card__standalone-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px}.ieeesa-event-group-card__attending-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:16px;white-space:nowrap;font-size:.8125rem;color:#1a7f37;background-color:#e8f5ec}.ieeesa-event-group-card__standalone-action{min-width:146px;padding:10px 16px;border-radius:4px;font-family:Calibri Bold;font-size:.875rem;cursor:pointer}.ieeesa-event-group-card__standalone-action--log{border:1px solid #00629b;background-color:#00629b;color:#fff}.ieeesa-event-group-card__standalone-action--leave{border:1px solid #00629b;background-color:#fff;color:#00629b}.ieeesa-event-group-card__standalone-action:disabled{border-color:#939094;background-color:#939094;color:#fff;cursor:default}.ieeesa-event-group-card--mobile{padding:16px}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__header{flex-direction:column;align-items:stretch}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__header-side{flex-direction:column;align-items:stretch;gap:12px}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__dates-block{text-align:left}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__view{align-self:stretch;width:100%}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__paginator{flex-direction:column;align-items:stretch}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__standalone{grid-template-columns:1fr;row-gap:12px}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__standalone-actions{justify-content:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i2.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "component", type: MeetingAttendanceRowComponent, selector: "ieeesa-meeting-attendance-row", inputs: ["meeting", "attendanceState", "isInFlight", "permissions", "compact"], outputs: ["openMeeting", "logAttendance", "leaveMeeting"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EventGroupCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ieeesa-event-group-card', standalone: true, imports: [CommonModule, MatPaginatorModule, MeetingAttendanceRowComponent], encapsulation: ViewEncapsulation.None, template: "<article\r\n  class=\"ieeesa-event-group-card\"\r\n  [class.ieeesa-event-group-card--mobile]=\"isMobileView\"\r\n>\r\n  <header class=\"ieeesa-event-group-card__header\">\r\n    <div class=\"ieeesa-event-group-card__heading\">\r\n      <!-- Status badge (Req 6.1). -->\r\n      <span\r\n        *ngIf=\"event?.status\"\r\n        class=\"ieeesa-event-group-card__status\"\r\n      >\r\n        {{ event?.status }}\r\n      </span>\r\n\r\n      <!-- Event title (Req 6.1). -->\r\n      <h3 class=\"ieeesa-event-group-card__title\">{{ event?.title }}</h3>\r\n\r\n      <!-- Day indicator (Req 6.1). -->\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    <!-- View Event action (Req 6.3, 6.4). -->\r\n    <button\r\n      type=\"button\"\r\n      class=\"ieeesa-event-group-card__view-event\"\r\n      [attr.aria-label]=\"constants?.eventGroupCard?.ariaLabel?.viewEvent ?? 'View event details'\"\r\n      (click)=\"onViewEvent()\"\r\n    >\r\n      {{ constants?.eventGroupCard?.viewEventLabel ?? 'View Event' }}\r\n    </button>\r\n  </header>\r\n\r\n  <dl class=\"ieeesa-event-group-card__meta\">\r\n    <!-- Meeting-count summary sub-line (Req 6.1). -->\r\n    <div class=\"ieeesa-event-group-card__meta-item\">\r\n      <dd class=\"ieeesa-event-group-card__meeting-count\">\r\n        {{ meetingCountSummary }}\r\n      </dd>\r\n    </div>\r\n\r\n    <!-- Start / end date (Req 6.2). -->\r\n    <div class=\"ieeesa-event-group-card__meta-item\">\r\n      <dd class=\"ieeesa-event-group-card__dates\">\r\n        {{ formattedStartDate }}<ng-container *ngIf=\"formattedEndDate\">\r\n          &ndash; {{ formattedEndDate }}</ng-container>\r\n      </dd>\r\n    </div>\r\n\r\n    <!-- Timezone (Req 6.2). -->\r\n    <div class=\"ieeesa-event-group-card__meta-item\" *ngIf=\"event?.timezone\">\r\n      <dd class=\"ieeesa-event-group-card__timezone\">{{ event?.timezone }}</dd>\r\n    </div>\r\n  </dl>\r\n\r\n  <!-- Meeting-list show/hide toggle labeled with open-for-attendance count (Req 6.5, 6.6). -->\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 ?? 'Show or hide the meeting list for this event'\"\r\n    (click)=\"onToggleMeetingList()\"\r\n  >\r\n    {{ meetingListToggleLabel }}\r\n  </button>\r\n\r\n  <!-- Meeting list + per-card paginator, shown only when the toggle is open (Req 6.7, 6.8). -->\r\n  <div *ngIf=\"isMeetingListOpen\" class=\"ieeesa-event-group-card__meetings\">\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 ?? 'Meeting list pagination'\"\r\n    >\r\n      <!-- Range + total count label from constants.json (Req 6.8). -->\r\n      <span class=\"ieeesa-event-group-card__paginator-range\">\r\n        {{ rangeLabel }}\r\n      </span>\r\n\r\n      <!-- Presentation paginator emitting pageChange({ pageIndex, pageSize }) (Req 6.9, 3.3). -->\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</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:12px;padding:16px;border:1px solid #d7d6d6;border-radius:8px;background-color:#fff}.ieeesa-event-group-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ieeesa-event-group-card__heading{display:flex;flex-direction:column;gap:4px;min-width:0}.ieeesa-event-group-card__status{display:inline-flex;align-items:center;align-self:flex-start;padding:4px 12px;border-radius:16px;font-size:.75rem;color:#00629b;background-color:#f0f5f9}.ieeesa-event-group-card__title{margin:0;font-size:1.125rem;color:#000}.ieeesa-event-group-card__day-indicator{font-size:.8125rem;color:#939094}.ieeesa-event-group-card__view-event{flex-shrink:0;padding:8px 16px;border:1px solid #00629b;border-radius:4px;background-color:#fff;font-size:.875rem;color:#00629b;cursor:pointer}.ieeesa-event-group-card__meta{display:flex;flex-wrap:wrap;gap:4px 24px;margin:0}.ieeesa-event-group-card__meta-item{display:flex;flex-direction:column;gap:4px}.ieeesa-event-group-card__meeting-count,.ieeesa-event-group-card__dates,.ieeesa-event-group-card__timezone{margin:0;font-size:.875rem;color:#000}.ieeesa-event-group-card__timezone{color:#939094}.ieeesa-event-group-card__meeting-toggle{align-self:flex-start;padding:8px 0;border:0;background:none;text-align:left;text-decoration:underline;font-size:.875rem;color:#00629b;cursor:pointer}.ieeesa-event-group-card__meetings{display:flex;flex-direction:column;border-top:1px solid #d7d6d6}.ieeesa-event-group-card__paginator{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:8px}.ieeesa-event-group-card__paginator-range{font-size:.8125rem;color:#939094}.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__view-event{align-self:stretch}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__paginator{flex-direction:column;align-items:stretch}\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            <span class=\"ieeesa-event-group-card__status-dot\" aria-hidden=\"true\"></span>\r\n            {{ event.status }}\r\n          </span>\r\n        </div>\r\n\r\n        <p\r\n          *ngIf=\"subtitleText\"\r\n          class=\"ieeesa-event-group-card__subtitle\"\r\n        >\r\n          {{ subtitleText }}\r\n        </p>\r\n      </div>\r\n\r\n      <div class=\"ieeesa-event-group-card__header-side\">\r\n        <dl class=\"ieeesa-event-group-card__dates-block\">\r\n          <dt class=\"ieeesa-event-group-card__dates-label\">\r\n            {{ constants.eventGroupCard.eventDatesLabel }}\r\n          </dt>\r\n          <dd class=\"ieeesa-event-group-card__dates-value\">\r\n            {{ formattedStartDate }}<ng-container *ngIf=\"formattedEndDate && formattedEndDate !== formattedStartDate\">\r\n              &ndash; {{ formattedEndDate }}</ng-container>\r\n          </dd>\r\n          <dd\r\n            *ngIf=\"event.timezone\"\r\n            class=\"ieeesa-event-group-card__timezone-value\"\r\n          >\r\n            {{ event.timezone }}\r\n          </dd>\r\n        </dl>\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"ieeesa-event-group-card__view\"\r\n          [attr.aria-label]=\"constants.eventGroupCard.ariaLabel.viewEvent\"\r\n          (click)=\"onViewEvent()\"\r\n        >\r\n          {{ constants.eventGroupCard.viewEventLabel }}\r\n        </button>\r\n      </div>\r\n    </header>\r\n\r\n    <!-- Meetings label row + Show/Hide toggle. -->\r\n    <div class=\"ieeesa-event-group-card__meetings-bar\">\r\n      <span class=\"ieeesa-event-group-card__meetings-open\">\r\n        <span class=\"ieeesa-event-group-card__meetings-dot\" aria-hidden=\"true\"></span>\r\n        {{ openForAttendanceSummary }}\r\n      </span>\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"ieeesa-event-group-card__meeting-toggle\"\r\n        [attr.aria-expanded]=\"isMeetingListOpen\"\r\n        [attr.aria-label]=\"constants.eventGroupCard.ariaLabel.meetingListToggle\"\r\n        (click)=\"onToggleMeetingList()\"\r\n      >\r\n        <span>{{ meetingListToggleLabel }}</span>\r\n        <i\r\n          class=\"fa-solid\"\r\n          [ngClass]=\"isMeetingListOpen ? 'fa-chevron-up' : 'fa-chevron-down'\"\r\n          aria-hidden=\"true\"\r\n        ></i>\r\n      </button>\r\n    </div>\r\n\r\n    <!-- Expanded inner meeting list + per-event paginator. -->\r\n    <div\r\n      *ngIf=\"isMeetingListOpen\"\r\n      class=\"ieeesa-event-group-card__meetings\"\r\n    >\r\n      <ieeesa-meeting-attendance-row\r\n        *ngFor=\"let meeting of pagedMeetings; trackBy: trackByMeetingId\"\r\n        [meeting]=\"meeting\"\r\n        [attendanceState]=\"resolveAttendanceState(meeting)\"\r\n        [isInFlight]=\"resolveIsInFlight(meeting)\"\r\n        [permissions]=\"permissions\"\r\n        (openMeeting)=\"onOpenMeeting($event)\"\r\n        (logAttendance)=\"onLogAttendance($event)\"\r\n        (leaveMeeting)=\"onLeaveMeeting($event)\"\r\n      ></ieeesa-meeting-attendance-row>\r\n\r\n      <div\r\n        class=\"ieeesa-event-group-card__paginator\"\r\n        [attr.aria-label]=\"constants.eventGroupCard.ariaLabel.meetingListToggle\"\r\n      >\r\n        <span class=\"ieeesa-event-group-card__paginator-range\">\r\n          {{ rangeLabel }}\r\n        </span>\r\n\r\n        <mat-paginator\r\n          class=\"ieeesa-event-group-card__paginator-control\"\r\n          [pageIndex]=\"pageIndex\"\r\n          [pageSize]=\"pageSize\"\r\n          [length]=\"totalMeetings\"\r\n          [hidePageSize]=\"true\"\r\n          (page)=\"onPageChange($event)\"\r\n        ></mat-paginator>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!-- ======================= STANDALONE MEETING ======================= -->\r\n  <!-- Single horizontal row: badge+name+subtitle | MEETING DATE | TIME & TIMEZONE | action. -->\r\n  <div *ngIf=\"isStandalone\" class=\"ieeesa-event-group-card__standalone\">\r\n    <div class=\"ieeesa-event-group-card__standalone-main\">\r\n      <span class=\"ieeesa-event-group-card__badge ieeesa-event-group-card__badge--standalone\">\r\n        {{ constants.eventGroupCard.standaloneBadge }}\r\n      </span>\r\n\r\n      <div class=\"ieeesa-event-group-card__standalone-title-row\">\r\n        <button\r\n          type=\"button\"\r\n          class=\"ieeesa-event-group-card__standalone-name\"\r\n          [attr.aria-label]=\"constants.meetingRow.ariaLabel.meetingNameLink\"\r\n          (click)=\"onOpenMeeting(event.eventId)\"\r\n        >\r\n          {{ event.title }}\r\n        </button>\r\n        <span\r\n          *ngIf=\"event.status\"\r\n          class=\"ieeesa-event-group-card__status-pill\"\r\n          [ngClass]=\"'ieeesa-event-group-card__status-pill--' + statusModifier\"\r\n        >\r\n          <span class=\"ieeesa-event-group-card__status-dot\" aria-hidden=\"true\"></span>\r\n          {{ event.status }}\r\n        </span>\r\n      </div>\r\n\r\n      <p\r\n        *ngIf=\"subtitleText\"\r\n        class=\"ieeesa-event-group-card__standalone-subtitle\"\r\n      >\r\n        {{ subtitleText }}\r\n      </p>\r\n    </div>\r\n\r\n    <!-- MEETING DATE column. -->\r\n    <dl class=\"ieeesa-event-group-card__standalone-col\">\r\n      <dt class=\"ieeesa-event-group-card__standalone-col-label\">\r\n        {{ constants.eventGroupCard.meetingDateLabel }}\r\n      </dt>\r\n      <dd class=\"ieeesa-event-group-card__standalone-col-value\">\r\n        {{ formattedStartDate }}<ng-container *ngIf=\"formattedEndDate && formattedEndDate !== formattedStartDate\">\r\n          &ndash; {{ formattedEndDate }}</ng-container>\r\n      </dd>\r\n    </dl>\r\n\r\n    <!-- TIME & TIMEZONE column. -->\r\n    <dl class=\"ieeesa-event-group-card__standalone-col\">\r\n      <dt class=\"ieeesa-event-group-card__standalone-col-label\">\r\n        {{ constants.eventGroupCard.timeTimezoneLabel }}\r\n      </dt>\r\n      <dd class=\"ieeesa-event-group-card__standalone-col-value\">\r\n        {{ standaloneTime }}\r\n      </dd>\r\n    </dl>\r\n\r\n    <!-- Attendance action column. -->\r\n    <div class=\"ieeesa-event-group-card__standalone-actions\">\r\n      <span\r\n        *ngIf=\"isStandaloneAttending\"\r\n        class=\"ieeesa-event-group-card__attending-pill\"\r\n      >\r\n        <span class=\"ieeesa-event-group-card__status-dot\" aria-hidden=\"true\"></span>\r\n        {{ constants.meetingRow.currentlyAttendingIndicator }}\r\n      </span>\r\n\r\n      <button\r\n        *ngIf=\"showStandaloneLog\"\r\n        type=\"button\"\r\n        class=\"ieeesa-event-group-card__standalone-action ieeesa-event-group-card__standalone-action--log\"\r\n        [disabled]=\"resolveIsInFlight(standaloneMeeting)\"\r\n        [attr.aria-label]=\"constants.meetingRow.ariaLabel.logAttendance\"\r\n        (click)=\"onLogAttendance(event.eventId)\"\r\n      >\r\n        {{ constants.meetingRow.logAttendanceLabel }}\r\n      </button>\r\n\r\n      <button\r\n        *ngIf=\"showStandaloneLeave\"\r\n        type=\"button\"\r\n        class=\"ieeesa-event-group-card__standalone-action ieeesa-event-group-card__standalone-action--leave\"\r\n        [disabled]=\"resolveIsInFlight(standaloneMeeting)\"\r\n        [attr.aria-label]=\"constants.meetingRow.ariaLabel.leaveMeeting\"\r\n        (click)=\"onLeaveMeeting(event.eventId)\"\r\n      >\r\n        {{ constants.meetingRow.leaveMeetingLabel }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</article>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-event-group-card{display:flex;flex-direction:column;gap:16px;padding:20px 24px;border:1px solid #d7d6d6;border-radius:8px;background-color:#fff;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026;font-family:Calibri Regular}.ieeesa-event-group-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.ieeesa-event-group-card__header-main{display:flex;flex-direction:column;gap:8px;min-width:0}.ieeesa-event-group-card__badge-row{display:flex;align-items:center;gap:12px}.ieeesa-event-group-card__badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:4px;font-family:Calibri Bold;font-size:.75rem;letter-spacing:.03125em;text-transform:uppercase;color:#00629b;background-color:#eaf3f9}.ieeesa-event-group-card__badge--standalone{color:#333436;background-color:#f0f0f0}.ieeesa-event-group-card__day-indicator{font-size:.875rem;line-height:18px;color:#333436}.ieeesa-event-group-card__title-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.ieeesa-event-group-card__title{margin:0;font-family:Calibri Bold;font-size:1.25rem;line-height:24px;color:#333436}.ieeesa-event-group-card__status-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 12px;border-radius:16px;font-size:.8125rem;color:#1a7f37;background-color:#e8f5ec}.ieeesa-event-group-card__status-pill--upcoming,.ieeesa-event-group-card__status-pill--starts-soon{color:#8a6d00;background-color:#fef7e0}.ieeesa-event-group-card__status-pill--upcoming .ieeesa-event-group-card__status-dot,.ieeesa-event-group-card__status-pill--starts-soon .ieeesa-event-group-card__status-dot{background-color:#e5a200}.ieeesa-event-group-card__status-dot{width:8px;height:8px;border-radius:50%;background-color:#1a7f37}.ieeesa-event-group-card__subtitle{margin:0;font-size:.875rem;line-height:18px;color:#333436}.ieeesa-event-group-card__header-side{display:flex;align-items:flex-start;gap:24px;flex-shrink:0}.ieeesa-event-group-card__dates-block{display:flex;flex-direction:column;gap:2px;margin:0;text-align:right}.ieeesa-event-group-card__dates-label{font-family:Calibri Bold;font-size:.75rem;letter-spacing:.03125em;text-transform:uppercase;color:#939094}.ieeesa-event-group-card__dates-value{margin:0;font-size:.875rem;line-height:18px;color:#333436}.ieeesa-event-group-card__timezone-value{margin:0;font-size:.8125rem;color:#939094}.ieeesa-event-group-card__view{flex-shrink:0;min-width:122px;padding:8px 16px;border:1px solid #00629b;border-radius:4px;background-color:#fff;font-size:.875rem;color:#00629b;cursor:pointer}.ieeesa-event-group-card__view:hover{background-color:#eaf3f9}.ieeesa-event-group-card__meetings-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:16px;border-top:1px solid #d7d6d6}.ieeesa-event-group-card__meetings-open{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;color:#333436}.ieeesa-event-group-card__meetings-dot{width:8px;height:8px;border-radius:50%;background-color:#1a7f37}.ieeesa-event-group-card__meeting-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 0;border:0;background:none;font-size:.875rem;color:#00629b;cursor:pointer}.ieeesa-event-group-card__meetings{display:flex;flex-direction:column;border:1px solid #d7d6d6;border-radius:8px;overflow:hidden}.ieeesa-event-group-card__paginator{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 20px;border-top:1px solid #d7d6d6}.ieeesa-event-group-card__paginator-range{font-size:.8125rem;color:#939094}.ieeesa-event-group-card__standalone{display:grid;grid-template-columns:minmax(260px,2.4fr) minmax(130px,1fr) minmax(200px,1.3fr) auto;align-items:center;column-gap:24px}.ieeesa-event-group-card__standalone-main{display:flex;flex-direction:column;gap:6px;min-width:0}.ieeesa-event-group-card__standalone-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.ieeesa-event-group-card__standalone-name{padding:0;border:0;background:none;text-align:left;text-decoration:underline;font-family:Calibri Bold;font-size:1rem;line-height:20px;color:#00629b;cursor:pointer}.ieeesa-event-group-card__standalone-subtitle{margin:0;font-size:.875rem;line-height:18px;color:#333436}.ieeesa-event-group-card__standalone-col{display:flex;flex-direction:column;gap:4px;margin:0;min-width:0}.ieeesa-event-group-card__standalone-col-label{font-family:Calibri Bold;font-size:.75rem;letter-spacing:.03125em;text-transform:uppercase;color:#939094}.ieeesa-event-group-card__standalone-col-value{margin:0;font-size:.875rem;line-height:18px;color:#333436}.ieeesa-event-group-card__standalone-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px}.ieeesa-event-group-card__attending-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:16px;white-space:nowrap;font-size:.8125rem;color:#1a7f37;background-color:#e8f5ec}.ieeesa-event-group-card__standalone-action{min-width:146px;padding:10px 16px;border-radius:4px;font-family:Calibri Bold;font-size:.875rem;cursor:pointer}.ieeesa-event-group-card__standalone-action--log{border:1px solid #00629b;background-color:#00629b;color:#fff}.ieeesa-event-group-card__standalone-action--leave{border:1px solid #00629b;background-color:#fff;color:#00629b}.ieeesa-event-group-card__standalone-action:disabled{border-color:#939094;background-color:#939094;color:#fff;cursor:default}.ieeesa-event-group-card--mobile{padding:16px}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__header{flex-direction:column;align-items:stretch}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__header-side{flex-direction:column;align-items:stretch;gap:12px}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__dates-block{text-align:left}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__view{align-self:stretch;width:100%}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__paginator{flex-direction:column;align-items:stretch}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__standalone{grid-template-columns:1fr;row-gap:12px}.ieeesa-event-group-card--mobile .ieeesa-event-group-card__standalone-actions{justify-content:flex-start}\n"] }]
         }], propDecorators: { event: [{
                 type: Input
             }], permissions: [{
@@ -709,6 +983,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }], pageChange: [{
                 type: Output
+            }], loadMeetings: [{
+                type: Output
             }] } });
 
 /**
@@ -733,6 +1009,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 class UpcomingMeetingsEventsComponent {
     constructor() {
         /** User-facing strings sourced from `constants.json`. */
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.constants = constants$1;
         /** Enum reference for template comparisons against `sectionState`. */
         this.sectionStates = DashboardSectionState;
@@ -763,8 +1040,81 @@ 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. */
+        this.loadEventMeetings = new EventEmitter();
         /** Whether the section's card list is currently expanded; starts collapsed. */
         this.isExpanded = false;
+        /** Section-level page size — 5 events/meetings per page per the design. */
+        this.sectionPageSize = 5;
+        /** The current zero-based page index of the section list. */
+        this.sectionPageIndex = 0;
+        /**
+         * Emits the new expanded state whenever the user toggles the section, so a
+         * two-way `[(expanded)]` binding keeps the host's flag in sync (otherwise a
+         * host-opened section the user then collapses leaves the host flag stale,
+         * making a repeat "Jump to" a no-op).
+         * @memberof UpcomingMeetingsEventsComponent
+         */
+        this.expandedChange = new EventEmitter();
+    }
+    /** The total number of events/meetings in the section (paginator length). */
+    get totalItems() {
+        return this.events?.length ?? 0;
+    }
+    /**
+     * The slice of events/meetings for the current section page (5 per page),
+     * used by the card `*ngFor`.
+     * @return {UpcomingEvent[]} The events on the current page.
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    get pagedEvents() {
+        const start = this.sectionPageIndex * this.sectionPageSize;
+        return (this.events ?? []).slice(start, start + this.sectionPageSize);
+    }
+    /** The one-based index of the first item shown on the current page. */
+    get sectionRangeStart() {
+        return this.totalItems === 0
+            ? 0
+            : this.sectionPageIndex * this.sectionPageSize + 1;
+    }
+    /** The one-based index of the last item shown on the current page. */
+    get sectionRangeEnd() {
+        return Math.min((this.sectionPageIndex + 1) * this.sectionPageSize, this.totalItems);
+    }
+    /**
+     * The section paginator range label (e.g. "1-5 of 20 Meetings & Events")
+     * built from the `constants.json` template.
+     * @return {string} The formatted range label.
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    get sectionRangeLabel() {
+        const template = this.constants?.upcomingSection?.paginator?.rangeTemplate ??
+            '{start}-{end} of {total} Meetings & Events';
+        return template
+            .replace('{start}', `${this.sectionRangeStart}`)
+            .replace('{end}', `${this.sectionRangeEnd}`)
+            .replace('{total}', `${this.totalItems}`);
+    }
+    /**
+     * Handles the section paginator change, updating the current section page.
+     * @param {PageEvent} event - The Material paginator page event.
+     * @return {void}
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    onSectionPageChange(event) {
+        this.sectionPageIndex = event.pageIndex;
+    }
+    /**
+     * Allows the host/container to open or close the section (e.g. a "Jump to"
+     * shortcut opens it). Writing the input mirrors the value onto the internal
+     * expand state while leaving the user's own toggle free to change it after.
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    set expanded(value) {
+        this.isExpanded = !!value;
+    }
+    get expanded() {
+        return this.isExpanded;
     }
     /**
      * `trackBy` for the event-group-card `*ngFor`, keyed by the stable event id so
@@ -784,6 +1134,7 @@ class UpcomingMeetingsEventsComponent {
      */
     onToggleExpanded() {
         this.isExpanded = !this.isExpanded;
+        this.expandedChange.emit(this.isExpanded);
     }
     /**
      * Handles the "View All" link, emitting the `viewAll` intent to the host (Req 5.2).
@@ -834,12 +1185,27 @@ class UpcomingMeetingsEventsComponent {
     onMeetingPageChange(eventId, page) {
         this.meetingPageChange.emit({ eventId, ...page });
     }
+    /**
+     * Bubbles a card's lazy child-meeting load request upward, tagged with the
+     * originating event id so the container can fetch that event's meetings.
+     * @param {string} eventId - The event whose meetings to load.
+     * @param {number} page - The one-based page requested by the card.
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    onLoadEventMeetings(eventId, page) {
+        this.loadEventMeetings.emit({ eventId, page });
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UpcomingMeetingsEventsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: UpcomingMeetingsEventsComponent, isStandalone: true, selector: "ieeesa-upcoming-meetings-events", inputs: { events: "events", sectionState: "sectionState", permissions: "permissions", attendanceStates: "attendanceStates", inFlightMeetingIds: "inFlightMeetingIds", isMobileView: "isMobileView" }, outputs: { viewAll: "viewAll", viewEvent: "viewEvent", openMeeting: "openMeeting", logAttendance: "logAttendance", leaveMeeting: "leaveMeeting", meetingPageChange: "meetingPageChange" }, 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 ?? 'Upcoming Meetings & Events' }}\r\n      </h2>\r\n    </div>\r\n\r\n    <!-- View All link + Expand/Collapse toggle, matching the Your Groups card\r\n         header (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 ?? 'View all upcoming meetings and events'\"\r\n        (click)=\"onViewAll()\"\r\n      >\r\n        {{ constants?.upcomingSection?.viewAllLabel ?? 'View All' }}\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 ?? 'Collapse or expand upcoming meetings and events'\"\r\n        (click)=\"onToggleExpanded()\"\r\n      >\r\n        <span>{{ isExpanded ? (constants?.upcomingSection?.collapseLabel ?? 'Collapse') : (constants?.upcomingSection?.expandLabel ?? 'Expand') }}</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\r\n    *ngIf=\"isExpanded\"\r\n    class=\"ieeesa-upcoming-meetings-events__body\"\r\n  >\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 events; 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      ></ieeesa-event-group-card>\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 ?? 'You have no upcoming meetings or events.' }}\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 ?? 'Unable to load upcoming meetings and events. Please try again.' }}\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:1.125rem;color:#333436}.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:.875rem;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:.875rem;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__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: "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"] }], 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", expanded: "expanded" }, outputs: { viewAll: "viewAll", viewEvent: "viewEvent", openMeeting: "openMeeting", logAttendance: "logAttendance", leaveMeeting: "leaveMeeting", meetingPageChange: "meetingPageChange", loadEventMeetings: "loadEventMeetings", expandedChange: "expandedChange" }, ngImport: i0, template: "<section\r\n  class=\"ieeesa-upcoming-meetings-events\"\r\n  [class.ieeesa-upcoming-meetings-events--mobile]=\"isMobileView\"\r\n>\r\n  <header class=\"ieeesa-upcoming-meetings-events__header\">\r\n    <!-- Section title (Req 5.1). -->\r\n    <div class=\"ieeesa-upcoming-meetings-events__heading\">\r\n      <h2 class=\"ieeesa-upcoming-meetings-events__title\">\r\n        {{ constants.upcomingSection.title }}\r\n      </h2>\r\n    </div>\r\n\r\n    <!-- View All link + Expand/Collapse toggle (Req 5.1, 5.2, 5.3, 5.4, 14.3). -->\r\n    <div class=\"ieeesa-upcoming-meetings-events__actions\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"ieeesa-upcoming-meetings-events__view-all\"\r\n        [attr.aria-label]=\"constants.upcomingSection.ariaLabel.viewAll\"\r\n        (click)=\"onViewAll()\"\r\n      >\r\n        {{ constants.upcomingSection.viewAllLabel }}\r\n      </button>\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"ieeesa-upcoming-meetings-events__toggle\"\r\n        [attr.aria-expanded]=\"isExpanded\"\r\n        [attr.aria-label]=\"constants.upcomingSection.ariaLabel.toggle\"\r\n        (click)=\"onToggleExpanded()\"\r\n      >\r\n        <span>{{ isExpanded ? constants.upcomingSection.collapseLabel : constants.upcomingSection.expandLabel }}</span>\r\n        <i\r\n          class=\"fa-solid\"\r\n          [ngClass]=\"isExpanded ? 'fa-chevron-up' : 'fa-chevron-down'\"\r\n          aria-hidden=\"true\"\r\n        ></i>\r\n      </button>\r\n    </div>\r\n  </header>\r\n\r\n  <!-- Card list, shown only while expanded (Req 5.4). -->\r\n  <div *ngIf=\"isExpanded\" class=\"ieeesa-upcoming-meetings-events__body\">\r\n    <!-- Loader region (Req 13.1). -->\r\n    <div\r\n      *ngIf=\"sectionState === sectionStates.LOADING\"\r\n      class=\"ieeesa-upcoming-meetings-events__loader\"\r\n    >\r\n      <ieeesa-loader></ieeesa-loader>\r\n    </div>\r\n\r\n    <!-- Content region: one card per event preserving input order (Req 5.5, 5.6, 13.2). -->\r\n    <div\r\n      *ngIf=\"sectionState === sectionStates.LOADED\"\r\n      class=\"ieeesa-upcoming-meetings-events__cards\"\r\n    >\r\n      <ieeesa-event-group-card\r\n        *ngFor=\"let event of pagedEvents; trackBy: trackByEventId\"\r\n        [event]=\"event\"\r\n        [permissions]=\"permissions\"\r\n        [attendanceStates]=\"attendanceStates\"\r\n        [inFlightMeetingIds]=\"inFlightMeetingIds\"\r\n        [isMobileView]=\"isMobileView\"\r\n        (viewEvent)=\"onViewEvent($event)\"\r\n        (openMeeting)=\"onOpenMeeting($event)\"\r\n        (logAttendance)=\"onLogAttendance($event)\"\r\n        (leaveMeeting)=\"onLeaveMeeting($event)\"\r\n        (pageChange)=\"onMeetingPageChange(event.eventId, $event)\"\r\n        (loadMeetings)=\"onLoadEventMeetings(event.eventId, $event)\"\r\n      ></ieeesa-event-group-card>\r\n\r\n      <!-- Section-level paginator: 5 events/meetings per page (Req 3.x, design). -->\r\n      <div\r\n        *ngIf=\"totalItems > sectionPageSize\"\r\n        class=\"ieeesa-upcoming-meetings-events__paginator\"\r\n      >\r\n        <span class=\"ieeesa-upcoming-meetings-events__paginator-range\">\r\n          {{ sectionRangeLabel }}\r\n        </span>\r\n        <mat-paginator\r\n          class=\"ieeesa-upcoming-meetings-events__paginator-control\"\r\n          [pageIndex]=\"sectionPageIndex\"\r\n          [pageSize]=\"sectionPageSize\"\r\n          [length]=\"totalItems\"\r\n          [hidePageSize]=\"true\"\r\n          (page)=\"onSectionPageChange($event)\"\r\n        ></mat-paginator>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Empty-state region (Req 13.3). -->\r\n    <p\r\n      *ngIf=\"sectionState === sectionStates.EMPTY\"\r\n      class=\"ieeesa-upcoming-meetings-events__empty\"\r\n    >\r\n      {{ constants.upcomingSection.emptyMessage }}\r\n    </p>\r\n\r\n    <!-- Error region (Req 13.5). -->\r\n    <p\r\n      *ngIf=\"sectionState === sectionStates.ERROR\"\r\n      class=\"ieeesa-upcoming-meetings-events__error\"\r\n      role=\"alert\"\r\n    >\r\n      {{ constants.upcomingSection.errorMessage }}\r\n    </p>\r\n  </div>\r\n</section>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-upcoming-meetings-events{display:flex;flex-direction:column;gap:16px;background-color:#fff;border-radius:12px;box-shadow:0 1px 2px #0003;border:1px solid #e2e8f0;padding:20px 24px}.ieeesa-upcoming-meetings-events__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.ieeesa-upcoming-meetings-events__heading{display:flex;min-width:0}.ieeesa-upcoming-meetings-events__title{margin:0;font-family:Calibri Bold;font-weight:700;font-size:18px;color:#0f172a}.ieeesa-upcoming-meetings-events__actions{display:flex;align-items:center;gap:16px}.ieeesa-upcoming-meetings-events__view-all{flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;font-family:Calibri Bold;font-weight:700;font-size:18px;color:#00629b}.ieeesa-upcoming-meetings-events__view-all:hover{text-decoration:underline}.ieeesa-upcoming-meetings-events__toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid #dbe2eb;border-radius:8px;background-color:#fff;cursor:pointer;font-family:Calibri Bold;font-weight:700;font-size:18px;color:#00629b}.ieeesa-upcoming-meetings-events__toggle:hover{border-color:#00629b}.ieeesa-upcoming-meetings-events__toggle i{font-size:.75rem}.ieeesa-upcoming-meetings-events__body{display:flex;flex-direction:column}.ieeesa-upcoming-meetings-events__loader{display:flex;align-items:center;justify-content:center;padding:24px}.ieeesa-upcoming-meetings-events__cards{display:flex;flex-direction:column;gap:16px}.ieeesa-upcoming-meetings-events__paginator{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;padding-top:8px}.ieeesa-upcoming-meetings-events__paginator-range{font-size:.8125rem;color:#939094}.ieeesa-upcoming-meetings-events__empty,.ieeesa-upcoming-meetings-events__error{margin:0;padding:16px;font-size:.875rem;color:#939094}.ieeesa-upcoming-meetings-events__error{color:#ba0c2f}.ieeesa-upcoming-meetings-events--mobile .ieeesa-upcoming-meetings-events__header{flex-wrap:wrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i2.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "component", type: LoaderComponent, selector: "ieeesa-loader", inputs: ["diameter"] }, { kind: "component", type: EventGroupCardComponent, selector: "ieeesa-event-group-card", inputs: ["event", "permissions", "attendanceStates", "inFlightMeetingIds", "isMobileView"], outputs: ["viewEvent", "openMeeting", "logAttendance", "leaveMeeting", "pageChange", "loadMeetings"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UpcomingMeetingsEventsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ieeesa-upcoming-meetings-events', standalone: true, imports: [CommonModule, 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 ?? 'Upcoming Meetings & Events' }}\r\n      </h2>\r\n    </div>\r\n\r\n    <!-- View All link + Expand/Collapse toggle, matching the Your Groups card\r\n         header (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 ?? 'View all upcoming meetings and events'\"\r\n        (click)=\"onViewAll()\"\r\n      >\r\n        {{ constants?.upcomingSection?.viewAllLabel ?? 'View All' }}\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 ?? 'Collapse or expand upcoming meetings and events'\"\r\n        (click)=\"onToggleExpanded()\"\r\n      >\r\n        <span>{{ isExpanded ? (constants?.upcomingSection?.collapseLabel ?? 'Collapse') : (constants?.upcomingSection?.expandLabel ?? 'Expand') }}</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\r\n    *ngIf=\"isExpanded\"\r\n    class=\"ieeesa-upcoming-meetings-events__body\"\r\n  >\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 events; 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      ></ieeesa-event-group-card>\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 ?? 'You have no upcoming meetings or events.' }}\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 ?? 'Unable to load upcoming meetings and events. Please try again.' }}\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:1.125rem;color:#333436}.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:.875rem;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:.875rem;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__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"] }]
+            args: [{ selector: 'ieeesa-upcoming-meetings-events', standalone: true, imports: [
+                        CommonModule,
+                        MatPaginatorModule,
+                        LoaderComponent,
+                        EventGroupCardComponent,
+                    ], encapsulation: ViewEncapsulation.None, template: "<section\r\n  class=\"ieeesa-upcoming-meetings-events\"\r\n  [class.ieeesa-upcoming-meetings-events--mobile]=\"isMobileView\"\r\n>\r\n  <header class=\"ieeesa-upcoming-meetings-events__header\">\r\n    <!-- Section title (Req 5.1). -->\r\n    <div class=\"ieeesa-upcoming-meetings-events__heading\">\r\n      <h2 class=\"ieeesa-upcoming-meetings-events__title\">\r\n        {{ constants.upcomingSection.title }}\r\n      </h2>\r\n    </div>\r\n\r\n    <!-- View All link + Expand/Collapse toggle (Req 5.1, 5.2, 5.3, 5.4, 14.3). -->\r\n    <div class=\"ieeesa-upcoming-meetings-events__actions\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"ieeesa-upcoming-meetings-events__view-all\"\r\n        [attr.aria-label]=\"constants.upcomingSection.ariaLabel.viewAll\"\r\n        (click)=\"onViewAll()\"\r\n      >\r\n        {{ constants.upcomingSection.viewAllLabel }}\r\n      </button>\r\n\r\n      <button\r\n        type=\"button\"\r\n        class=\"ieeesa-upcoming-meetings-events__toggle\"\r\n        [attr.aria-expanded]=\"isExpanded\"\r\n        [attr.aria-label]=\"constants.upcomingSection.ariaLabel.toggle\"\r\n        (click)=\"onToggleExpanded()\"\r\n      >\r\n        <span>{{ isExpanded ? constants.upcomingSection.collapseLabel : constants.upcomingSection.expandLabel }}</span>\r\n        <i\r\n          class=\"fa-solid\"\r\n          [ngClass]=\"isExpanded ? 'fa-chevron-up' : 'fa-chevron-down'\"\r\n          aria-hidden=\"true\"\r\n        ></i>\r\n      </button>\r\n    </div>\r\n  </header>\r\n\r\n  <!-- Card list, shown only while expanded (Req 5.4). -->\r\n  <div *ngIf=\"isExpanded\" class=\"ieeesa-upcoming-meetings-events__body\">\r\n    <!-- Loader region (Req 13.1). -->\r\n    <div\r\n      *ngIf=\"sectionState === sectionStates.LOADING\"\r\n      class=\"ieeesa-upcoming-meetings-events__loader\"\r\n    >\r\n      <ieeesa-loader></ieeesa-loader>\r\n    </div>\r\n\r\n    <!-- Content region: one card per event preserving input order (Req 5.5, 5.6, 13.2). -->\r\n    <div\r\n      *ngIf=\"sectionState === sectionStates.LOADED\"\r\n      class=\"ieeesa-upcoming-meetings-events__cards\"\r\n    >\r\n      <ieeesa-event-group-card\r\n        *ngFor=\"let event of pagedEvents; trackBy: trackByEventId\"\r\n        [event]=\"event\"\r\n        [permissions]=\"permissions\"\r\n        [attendanceStates]=\"attendanceStates\"\r\n        [inFlightMeetingIds]=\"inFlightMeetingIds\"\r\n        [isMobileView]=\"isMobileView\"\r\n        (viewEvent)=\"onViewEvent($event)\"\r\n        (openMeeting)=\"onOpenMeeting($event)\"\r\n        (logAttendance)=\"onLogAttendance($event)\"\r\n        (leaveMeeting)=\"onLeaveMeeting($event)\"\r\n        (pageChange)=\"onMeetingPageChange(event.eventId, $event)\"\r\n        (loadMeetings)=\"onLoadEventMeetings(event.eventId, $event)\"\r\n      ></ieeesa-event-group-card>\r\n\r\n      <!-- Section-level paginator: 5 events/meetings per page (Req 3.x, design). -->\r\n      <div\r\n        *ngIf=\"totalItems > sectionPageSize\"\r\n        class=\"ieeesa-upcoming-meetings-events__paginator\"\r\n      >\r\n        <span class=\"ieeesa-upcoming-meetings-events__paginator-range\">\r\n          {{ sectionRangeLabel }}\r\n        </span>\r\n        <mat-paginator\r\n          class=\"ieeesa-upcoming-meetings-events__paginator-control\"\r\n          [pageIndex]=\"sectionPageIndex\"\r\n          [pageSize]=\"sectionPageSize\"\r\n          [length]=\"totalItems\"\r\n          [hidePageSize]=\"true\"\r\n          (page)=\"onSectionPageChange($event)\"\r\n        ></mat-paginator>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Empty-state region (Req 13.3). -->\r\n    <p\r\n      *ngIf=\"sectionState === sectionStates.EMPTY\"\r\n      class=\"ieeesa-upcoming-meetings-events__empty\"\r\n    >\r\n      {{ constants.upcomingSection.emptyMessage }}\r\n    </p>\r\n\r\n    <!-- Error region (Req 13.5). -->\r\n    <p\r\n      *ngIf=\"sectionState === sectionStates.ERROR\"\r\n      class=\"ieeesa-upcoming-meetings-events__error\"\r\n      role=\"alert\"\r\n    >\r\n      {{ constants.upcomingSection.errorMessage }}\r\n    </p>\r\n  </div>\r\n</section>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-upcoming-meetings-events{display:flex;flex-direction:column;gap:16px;background-color:#fff;border-radius:12px;box-shadow:0 1px 2px #0003;border:1px solid #e2e8f0;padding:20px 24px}.ieeesa-upcoming-meetings-events__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.ieeesa-upcoming-meetings-events__heading{display:flex;min-width:0}.ieeesa-upcoming-meetings-events__title{margin:0;font-family:Calibri Bold;font-weight:700;font-size:18px;color:#0f172a}.ieeesa-upcoming-meetings-events__actions{display:flex;align-items:center;gap:16px}.ieeesa-upcoming-meetings-events__view-all{flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;font-family:Calibri Bold;font-weight:700;font-size:18px;color:#00629b}.ieeesa-upcoming-meetings-events__view-all:hover{text-decoration:underline}.ieeesa-upcoming-meetings-events__toggle{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid #dbe2eb;border-radius:8px;background-color:#fff;cursor:pointer;font-family:Calibri Bold;font-weight:700;font-size:18px;color:#00629b}.ieeesa-upcoming-meetings-events__toggle:hover{border-color:#00629b}.ieeesa-upcoming-meetings-events__toggle i{font-size:.75rem}.ieeesa-upcoming-meetings-events__body{display:flex;flex-direction:column}.ieeesa-upcoming-meetings-events__loader{display:flex;align-items:center;justify-content:center;padding:24px}.ieeesa-upcoming-meetings-events__cards{display:flex;flex-direction:column;gap:16px}.ieeesa-upcoming-meetings-events__paginator{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;padding-top:8px}.ieeesa-upcoming-meetings-events__paginator-range{font-size:.8125rem;color:#939094}.ieeesa-upcoming-meetings-events__empty,.ieeesa-upcoming-meetings-events__error{margin:0;padding:16px;font-size:.875rem;color:#939094}.ieeesa-upcoming-meetings-events__error{color:#ba0c2f}.ieeesa-upcoming-meetings-events--mobile .ieeesa-upcoming-meetings-events__header{flex-wrap:wrap}\n"] }]
         }], propDecorators: { events: [{
                 type: Input
             }], sectionState: [{
@@ -864,6 +1230,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }], meetingPageChange: [{
                 type: Output
+            }], loadEventMeetings: [{
+                type: Output
+            }], expanded: [{
+                type: Input
+            }], expandedChange: [{
+                type: Output
             }] } });
 
 /**
@@ -997,11 +1369,11 @@ class DashboardWelcomeHeaderComponent {
         ];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardWelcomeHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DashboardWelcomeHeaderComponent, isStandalone: true, selector: "ieeesa-dashboard-welcome-header", inputs: { userName: "userName", meetingsCount: "meetingsCount", groupsCount: "groupsCount" }, outputs: { shortcutSelected: "shortcutSelected" }, ngImport: i0, template: "<div class=\"ieeesa-dashboard-welcome-header\">\r\n  <!-- Greeting + helper line -->\r\n  <div class=\"ieeesa-dashboard-welcome-header__intro\">\r\n    <h1 class=\"ieeesa-dashboard-welcome-header__greeting m-0\">\r\n      {{ greeting }}\r\n    </h1>\r\n    <p class=\"ieeesa-dashboard-welcome-header__helper-text m-0\">\r\n      {{ texts?.helperText }}\r\n    </p>\r\n  </div>\r\n\r\n  <!-- \"Jump to\" shortcuts: each icon expands on hover/focus into a pill with\r\n       the section label and its count badge. -->\r\n  <div class=\"ieeesa-dashboard-welcome-header__jump-to\">\r\n    <span class=\"ieeesa-dashboard-welcome-header__jump-to-label\">\r\n      {{ texts?.jumpToLabel }}\r\n    </span>\r\n\r\n    <button\r\n      *ngFor=\"let shortcut of shortcuts; trackBy: trackByTarget\"\r\n      type=\"button\"\r\n      class=\"ieeesa-dashboard-welcome-header__shortcut\"\r\n      [attr.aria-label]=\"shortcut.ariaLabel + ' (' + shortcut.count + ')'\"\r\n      (click)=\"onShortcutClick(shortcut.target)\"\r\n    >\r\n      <img\r\n        class=\"ieeesa-dashboard-welcome-header__shortcut-icon\"\r\n        [src]=\"shortcut.iconUrl\"\r\n        alt=\"\"\r\n        aria-hidden=\"true\"\r\n      />\r\n      <span class=\"ieeesa-dashboard-welcome-header__shortcut-label\">\r\n        {{ shortcut.label }}\r\n      </span>\r\n      <span class=\"ieeesa-dashboard-welcome-header__shortcut-count\">\r\n        {{ shortcut.count }}\r\n      </span>\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-dashboard-welcome-header{display:flex;align-items:center;justify-content:flex-start;gap:10%;flex-wrap:wrap}.ieeesa-dashboard-welcome-header__intro{display:flex;flex-direction:column;gap:4px}.ieeesa-dashboard-welcome-header__greeting{font-family:Calibri Bold;font-weight:700;font-style:normal;font-size:18px;line-height:27px;letter-spacing:0px;color:#111}.ieeesa-dashboard-welcome-header__helper-text{font-family:Calibri Regular;font-weight:400;font-style:normal;font-size:12px;line-height:16.5px;letter-spacing:0px;color:#6a7282}.ieeesa-dashboard-welcome-header__jump-to{display:inline-flex;align-items:center;gap:20px;min-width:228px;width:-moz-fit-content;width:fit-content;height:60px;padding-left:18px;padding-right:18px;background-color:#fff;border-radius:10px;box-shadow:0 1px 2px #0003}.ieeesa-dashboard-welcome-header__jump-to-label{font-family:Calibri Bold;font-weight:700;font-size:.8125rem;letter-spacing:.03125em;text-transform:uppercase;color:#333436;white-space:nowrap}.ieeesa-dashboard-welcome-header__shortcut{display:inline-flex;align-items:center;justify-content:center;gap:0;width:40px;height:40px;padding:0;border:1.5px solid #D1D5DC;border-radius:20px;background-color:#fff;color:#00629b;cursor:pointer;overflow:hidden;transition:width .25s ease,padding .25s ease,gap .2s ease,background-color .2s ease,border-color .2s ease}.ieeesa-dashboard-welcome-header__shortcut:hover,.ieeesa-dashboard-welcome-header__shortcut:focus-visible{width:auto;gap:8px;padding:0 14px;border-color:#00629b;background-color:#eaf3f9;outline:none}.ieeesa-dashboard-welcome-header__shortcut-icon{flex:0 0 auto;width:20px;height:20px;display:block}.ieeesa-dashboard-welcome-header__shortcut-label{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-family:Calibri Bold;font-weight:700;font-size:.875rem;color:#333436;transition:max-width .25s ease,opacity .2s ease}.ieeesa-dashboard-welcome-header__shortcut-count{display:inline-flex;align-items:center;justify-content:center;max-width:0;padding:0;opacity:0;overflow:hidden;border-radius:12px;background-color:#eaf3f9;color:#00629b;font-family:Calibri Bold;font-weight:700;font-size:.75rem;white-space:nowrap;transition:max-width .25s ease,opacity .2s ease,padding .2s ease}.ieeesa-dashboard-welcome-header__shortcut:hover .ieeesa-dashboard-welcome-header__shortcut-label,.ieeesa-dashboard-welcome-header__shortcut:focus-visible .ieeesa-dashboard-welcome-header__shortcut-label{max-width:240px;opacity:1}.ieeesa-dashboard-welcome-header__shortcut:hover .ieeesa-dashboard-welcome-header__shortcut-count,.ieeesa-dashboard-welcome-header__shortcut:focus-visible .ieeesa-dashboard-welcome-header__shortcut-count{max-width:48px;padding:2px 10px;opacity:1}@media (max-width: 767px){.ieeesa-dashboard-welcome-header{align-items:flex-start}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DashboardWelcomeHeaderComponent, isStandalone: true, selector: "ieeesa-dashboard-welcome-header", inputs: { userName: "userName", meetingsCount: "meetingsCount", groupsCount: "groupsCount" }, outputs: { shortcutSelected: "shortcutSelected" }, ngImport: i0, template: "<div class=\"ieeesa-dashboard-welcome-header\">\r\n  <!-- Greeting + helper line -->\r\n  <div class=\"ieeesa-dashboard-welcome-header__intro\">\r\n    <h1 class=\"ieeesa-dashboard-welcome-header__greeting m-0\">\r\n      {{ greeting }}\r\n    </h1>\r\n    <p class=\"ieeesa-dashboard-welcome-header__helper-text m-0\">\r\n      {{ texts?.helperText }}\r\n    </p>\r\n  </div>\r\n\r\n  <!-- \"Jump to\" shortcuts: each icon expands on hover/focus into a pill with\r\n       the section label and its count badge. -->\r\n  <div class=\"ieeesa-dashboard-welcome-header__jump-to\">\r\n    <span class=\"ieeesa-dashboard-welcome-header__jump-to-label\">\r\n      {{ texts?.jumpToLabel }}\r\n    </span>\r\n\r\n    <button\r\n      *ngFor=\"let shortcut of shortcuts; trackBy: trackByTarget\"\r\n      type=\"button\"\r\n      class=\"ieeesa-dashboard-welcome-header__shortcut\"\r\n      [attr.aria-label]=\"shortcut.ariaLabel + ' (' + shortcut.count + ')'\"\r\n      (click)=\"onShortcutClick(shortcut.target)\"\r\n    >\r\n      <img\r\n        class=\"ieeesa-dashboard-welcome-header__shortcut-icon\"\r\n        [src]=\"shortcut.iconUrl\"\r\n        alt=\"\"\r\n        aria-hidden=\"true\"\r\n      />\r\n      <span class=\"ieeesa-dashboard-welcome-header__shortcut-label\">\r\n        {{ shortcut.label }}\r\n      </span>\r\n      <span class=\"ieeesa-dashboard-welcome-header__shortcut-count\">\r\n        {{ shortcut.count }}\r\n      </span>\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-dashboard-welcome-header{display:flex;align-items:center;justify-content:flex-start;gap:10%;flex-wrap:wrap}.ieeesa-dashboard-welcome-header__intro{display:flex;flex-direction:column;gap:4px}.ieeesa-dashboard-welcome-header__greeting{font-family:Calibri Bold;font-weight:700;font-style:normal;font-size:18px;line-height:27px;letter-spacing:0px;color:#111}.ieeesa-dashboard-welcome-header__helper-text{font-family:Calibri Regular;font-weight:400;font-style:normal;font-size:12px;line-height:16.5px;letter-spacing:0px;color:#6a7282}.ieeesa-dashboard-welcome-header__jump-to{display:inline-flex;align-items:center;gap:20px;min-width:228px;width:-moz-fit-content;width:fit-content;height:60px;padding-left:18px;padding-right:18px;background-color:#fff;border-radius:10px;box-shadow:0 1px 2px #0003}.ieeesa-dashboard-welcome-header__jump-to-label{font-family:Calibri Bold;font-weight:700;font-size:.8125rem;letter-spacing:.03125em;text-transform:uppercase;color:#333436;white-space:nowrap}.ieeesa-dashboard-welcome-header__shortcut{display:inline-flex;align-items:center;justify-content:center;gap:0;width:40px;height:40px;padding:0;border:1.5px solid #D1D5DC;border-radius:20px;background-color:#fff;color:#00629b;cursor:pointer;overflow:hidden;will-change:width,padding;transition:width .32s cubic-bezier(.22,1,.36,1),padding .32s cubic-bezier(.22,1,.36,1),gap .32s cubic-bezier(.22,1,.36,1),background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.ieeesa-dashboard-welcome-header__shortcut:hover,.ieeesa-dashboard-welcome-header__shortcut:focus-visible{width:auto;gap:8px;padding:0 14px;border-color:#00629b;background-color:#eaf3f9;box-shadow:0 1px 2px #0003;outline:none}.ieeesa-dashboard-welcome-header__shortcut-icon{flex:0 0 auto;width:20px;height:20px;display:block}.ieeesa-dashboard-welcome-header__shortcut-label{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-family:Calibri Bold;font-weight:700;font-size:.875rem;color:#333436;transition:max-width .32s cubic-bezier(.22,1,.36,1),opacity .18s ease}.ieeesa-dashboard-welcome-header__shortcut-count{display:inline-flex;align-items:center;justify-content:center;max-width:0;padding:0;opacity:0;overflow:hidden;border-radius:12px;background-color:#eaf3f9;color:#00629b;font-family:Calibri Bold;font-weight:700;font-size:.75rem;white-space:nowrap;transition:max-width .32s cubic-bezier(.22,1,.36,1),opacity .18s ease,padding .2s ease}.ieeesa-dashboard-welcome-header__shortcut:hover .ieeesa-dashboard-welcome-header__shortcut-label,.ieeesa-dashboard-welcome-header__shortcut:focus-visible .ieeesa-dashboard-welcome-header__shortcut-label{max-width:240px;opacity:1;transition:max-width .32s cubic-bezier(.22,1,.36,1),opacity .22s ease .1s}.ieeesa-dashboard-welcome-header__shortcut:hover .ieeesa-dashboard-welcome-header__shortcut-count,.ieeesa-dashboard-welcome-header__shortcut:focus-visible .ieeesa-dashboard-welcome-header__shortcut-count{max-width:48px;padding:2px 10px;opacity:1;transition:max-width .32s cubic-bezier(.22,1,.36,1),opacity .22s ease .14s,padding .2s ease}@media (max-width: 767px){.ieeesa-dashboard-welcome-header{align-items:flex-start}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardWelcomeHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ieeesa-dashboard-welcome-header', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"ieeesa-dashboard-welcome-header\">\r\n  <!-- Greeting + helper line -->\r\n  <div class=\"ieeesa-dashboard-welcome-header__intro\">\r\n    <h1 class=\"ieeesa-dashboard-welcome-header__greeting m-0\">\r\n      {{ greeting }}\r\n    </h1>\r\n    <p class=\"ieeesa-dashboard-welcome-header__helper-text m-0\">\r\n      {{ texts?.helperText }}\r\n    </p>\r\n  </div>\r\n\r\n  <!-- \"Jump to\" shortcuts: each icon expands on hover/focus into a pill with\r\n       the section label and its count badge. -->\r\n  <div class=\"ieeesa-dashboard-welcome-header__jump-to\">\r\n    <span class=\"ieeesa-dashboard-welcome-header__jump-to-label\">\r\n      {{ texts?.jumpToLabel }}\r\n    </span>\r\n\r\n    <button\r\n      *ngFor=\"let shortcut of shortcuts; trackBy: trackByTarget\"\r\n      type=\"button\"\r\n      class=\"ieeesa-dashboard-welcome-header__shortcut\"\r\n      [attr.aria-label]=\"shortcut.ariaLabel + ' (' + shortcut.count + ')'\"\r\n      (click)=\"onShortcutClick(shortcut.target)\"\r\n    >\r\n      <img\r\n        class=\"ieeesa-dashboard-welcome-header__shortcut-icon\"\r\n        [src]=\"shortcut.iconUrl\"\r\n        alt=\"\"\r\n        aria-hidden=\"true\"\r\n      />\r\n      <span class=\"ieeesa-dashboard-welcome-header__shortcut-label\">\r\n        {{ shortcut.label }}\r\n      </span>\r\n      <span class=\"ieeesa-dashboard-welcome-header__shortcut-count\">\r\n        {{ shortcut.count }}\r\n      </span>\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-dashboard-welcome-header{display:flex;align-items:center;justify-content:flex-start;gap:10%;flex-wrap:wrap}.ieeesa-dashboard-welcome-header__intro{display:flex;flex-direction:column;gap:4px}.ieeesa-dashboard-welcome-header__greeting{font-family:Calibri Bold;font-weight:700;font-style:normal;font-size:18px;line-height:27px;letter-spacing:0px;color:#111}.ieeesa-dashboard-welcome-header__helper-text{font-family:Calibri Regular;font-weight:400;font-style:normal;font-size:12px;line-height:16.5px;letter-spacing:0px;color:#6a7282}.ieeesa-dashboard-welcome-header__jump-to{display:inline-flex;align-items:center;gap:20px;min-width:228px;width:-moz-fit-content;width:fit-content;height:60px;padding-left:18px;padding-right:18px;background-color:#fff;border-radius:10px;box-shadow:0 1px 2px #0003}.ieeesa-dashboard-welcome-header__jump-to-label{font-family:Calibri Bold;font-weight:700;font-size:.8125rem;letter-spacing:.03125em;text-transform:uppercase;color:#333436;white-space:nowrap}.ieeesa-dashboard-welcome-header__shortcut{display:inline-flex;align-items:center;justify-content:center;gap:0;width:40px;height:40px;padding:0;border:1.5px solid #D1D5DC;border-radius:20px;background-color:#fff;color:#00629b;cursor:pointer;overflow:hidden;transition:width .25s ease,padding .25s ease,gap .2s ease,background-color .2s ease,border-color .2s ease}.ieeesa-dashboard-welcome-header__shortcut:hover,.ieeesa-dashboard-welcome-header__shortcut:focus-visible{width:auto;gap:8px;padding:0 14px;border-color:#00629b;background-color:#eaf3f9;outline:none}.ieeesa-dashboard-welcome-header__shortcut-icon{flex:0 0 auto;width:20px;height:20px;display:block}.ieeesa-dashboard-welcome-header__shortcut-label{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-family:Calibri Bold;font-weight:700;font-size:.875rem;color:#333436;transition:max-width .25s ease,opacity .2s ease}.ieeesa-dashboard-welcome-header__shortcut-count{display:inline-flex;align-items:center;justify-content:center;max-width:0;padding:0;opacity:0;overflow:hidden;border-radius:12px;background-color:#eaf3f9;color:#00629b;font-family:Calibri Bold;font-weight:700;font-size:.75rem;white-space:nowrap;transition:max-width .25s ease,opacity .2s ease,padding .2s ease}.ieeesa-dashboard-welcome-header__shortcut:hover .ieeesa-dashboard-welcome-header__shortcut-label,.ieeesa-dashboard-welcome-header__shortcut:focus-visible .ieeesa-dashboard-welcome-header__shortcut-label{max-width:240px;opacity:1}.ieeesa-dashboard-welcome-header__shortcut:hover .ieeesa-dashboard-welcome-header__shortcut-count,.ieeesa-dashboard-welcome-header__shortcut:focus-visible .ieeesa-dashboard-welcome-header__shortcut-count{max-width:48px;padding:2px 10px;opacity:1}@media (max-width: 767px){.ieeesa-dashboard-welcome-header{align-items:flex-start}}\n"] }]
+            args: [{ selector: 'ieeesa-dashboard-welcome-header', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"ieeesa-dashboard-welcome-header\">\r\n  <!-- Greeting + helper line -->\r\n  <div class=\"ieeesa-dashboard-welcome-header__intro\">\r\n    <h1 class=\"ieeesa-dashboard-welcome-header__greeting m-0\">\r\n      {{ greeting }}\r\n    </h1>\r\n    <p class=\"ieeesa-dashboard-welcome-header__helper-text m-0\">\r\n      {{ texts?.helperText }}\r\n    </p>\r\n  </div>\r\n\r\n  <!-- \"Jump to\" shortcuts: each icon expands on hover/focus into a pill with\r\n       the section label and its count badge. -->\r\n  <div class=\"ieeesa-dashboard-welcome-header__jump-to\">\r\n    <span class=\"ieeesa-dashboard-welcome-header__jump-to-label\">\r\n      {{ texts?.jumpToLabel }}\r\n    </span>\r\n\r\n    <button\r\n      *ngFor=\"let shortcut of shortcuts; trackBy: trackByTarget\"\r\n      type=\"button\"\r\n      class=\"ieeesa-dashboard-welcome-header__shortcut\"\r\n      [attr.aria-label]=\"shortcut.ariaLabel + ' (' + shortcut.count + ')'\"\r\n      (click)=\"onShortcutClick(shortcut.target)\"\r\n    >\r\n      <img\r\n        class=\"ieeesa-dashboard-welcome-header__shortcut-icon\"\r\n        [src]=\"shortcut.iconUrl\"\r\n        alt=\"\"\r\n        aria-hidden=\"true\"\r\n      />\r\n      <span class=\"ieeesa-dashboard-welcome-header__shortcut-label\">\r\n        {{ shortcut.label }}\r\n      </span>\r\n      <span class=\"ieeesa-dashboard-welcome-header__shortcut-count\">\r\n        {{ shortcut.count }}\r\n      </span>\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-dashboard-welcome-header{display:flex;align-items:center;justify-content:flex-start;gap:10%;flex-wrap:wrap}.ieeesa-dashboard-welcome-header__intro{display:flex;flex-direction:column;gap:4px}.ieeesa-dashboard-welcome-header__greeting{font-family:Calibri Bold;font-weight:700;font-style:normal;font-size:18px;line-height:27px;letter-spacing:0px;color:#111}.ieeesa-dashboard-welcome-header__helper-text{font-family:Calibri Regular;font-weight:400;font-style:normal;font-size:12px;line-height:16.5px;letter-spacing:0px;color:#6a7282}.ieeesa-dashboard-welcome-header__jump-to{display:inline-flex;align-items:center;gap:20px;min-width:228px;width:-moz-fit-content;width:fit-content;height:60px;padding-left:18px;padding-right:18px;background-color:#fff;border-radius:10px;box-shadow:0 1px 2px #0003}.ieeesa-dashboard-welcome-header__jump-to-label{font-family:Calibri Bold;font-weight:700;font-size:.8125rem;letter-spacing:.03125em;text-transform:uppercase;color:#333436;white-space:nowrap}.ieeesa-dashboard-welcome-header__shortcut{display:inline-flex;align-items:center;justify-content:center;gap:0;width:40px;height:40px;padding:0;border:1.5px solid #D1D5DC;border-radius:20px;background-color:#fff;color:#00629b;cursor:pointer;overflow:hidden;will-change:width,padding;transition:width .32s cubic-bezier(.22,1,.36,1),padding .32s cubic-bezier(.22,1,.36,1),gap .32s cubic-bezier(.22,1,.36,1),background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.ieeesa-dashboard-welcome-header__shortcut:hover,.ieeesa-dashboard-welcome-header__shortcut:focus-visible{width:auto;gap:8px;padding:0 14px;border-color:#00629b;background-color:#eaf3f9;box-shadow:0 1px 2px #0003;outline:none}.ieeesa-dashboard-welcome-header__shortcut-icon{flex:0 0 auto;width:20px;height:20px;display:block}.ieeesa-dashboard-welcome-header__shortcut-label{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-family:Calibri Bold;font-weight:700;font-size:.875rem;color:#333436;transition:max-width .32s cubic-bezier(.22,1,.36,1),opacity .18s ease}.ieeesa-dashboard-welcome-header__shortcut-count{display:inline-flex;align-items:center;justify-content:center;max-width:0;padding:0;opacity:0;overflow:hidden;border-radius:12px;background-color:#eaf3f9;color:#00629b;font-family:Calibri Bold;font-weight:700;font-size:.75rem;white-space:nowrap;transition:max-width .32s cubic-bezier(.22,1,.36,1),opacity .18s ease,padding .2s ease}.ieeesa-dashboard-welcome-header__shortcut:hover .ieeesa-dashboard-welcome-header__shortcut-label,.ieeesa-dashboard-welcome-header__shortcut:focus-visible .ieeesa-dashboard-welcome-header__shortcut-label{max-width:240px;opacity:1;transition:max-width .32s cubic-bezier(.22,1,.36,1),opacity .22s ease .1s}.ieeesa-dashboard-welcome-header__shortcut:hover .ieeesa-dashboard-welcome-header__shortcut-count,.ieeesa-dashboard-welcome-header__shortcut:focus-visible .ieeesa-dashboard-welcome-header__shortcut-count{max-width:48px;padding:2px 10px;opacity:1;transition:max-width .32s cubic-bezier(.22,1,.36,1),opacity .22s ease .14s,padding .2s ease}@media (max-width: 767px){.ieeesa-dashboard-welcome-header{align-items:flex-start}}\n"] }]
         }], propDecorators: { userName: [{
                 type: Input
             }], meetingsCount: [{
@@ -1013,239 +1385,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 /**
- * Mock upcoming-events + groups fixtures for the dashboard library.
- *
- * These exercise the key presentation edge cases:
- * - empty/undefined `groupOrCommittee` and `roomOrLocation` (empty-field placeholder)
- * - a mix of `CURRENTLY_ATTENDING` / `NOT_ATTENDING` attendance states
- * - events with many meetings so per-card pagination is exercised
+ * Groups_Section (`ieeesa-your-groups`) renders the signed-in user's groups in
+ * a collapsible card as a custom hierarchy table styled like the My Profile
+ * Find Groups tree: each group row carries a blue +/- toggle (when it has an
+ * ancestor hierarchy) that expands to reveal the group's hierarchy path
+ * (root→leaf), indented. Columns: Group, Type, Officer Role, Affiliation,
+ * Member Level (the member level renders as a coloured pill — green for an
+ * assigned level, amber for "Unassigned"). The card paginates the top-level
+ * groups (5 per page).
  *
- * TODO: Replace mock with real API call when BE is ready
- */
-const DashboardUpcomingEventsMock = [
-    {
-        eventId: 'EVT-001',
-        title: 'NESC Revision Cycle Kickoff',
-        status: 'In Progress',
-        dayIndicator: 'Day 1 of 3',
-        meetingCount: 6,
-        openForAttendanceCount: 3,
-        startDate: '2025-03-14T09:00:00',
-        endDate: '2025-03-16T17:00:00',
-        timezone: 'America/New_York',
-        meetings: [
-            {
-                meetingId: 'MTG-001',
-                meetingName: 'Opening Plenary',
-                groupOrCommittee: 'NESC Main Committee',
-                roomOrLocation: 'Grand Ballroom A',
-                meetingDate: '2025-03-14T09:00:00',
-                meetingTime: '2025-03-14T09:00:00',
-                timezone: 'America/New_York',
-                isOpenForAttendance: true,
-                attendanceState: AttendanceState.CURRENTLY_ATTENDING,
-            },
-            {
-                meetingId: 'MTG-002',
-                meetingName: 'Subcommittee 1 Working Session',
-                groupOrCommittee: 'Subcommittee 1 - Grounding',
-                // RoomOrLocation intentionally omitted to exercise the empty-field placeholder.
-                meetingDate: '2025-03-14T11:00:00',
-                meetingTime: '2025-03-14T11:00:00',
-                timezone: 'America/New_York',
-                isOpenForAttendance: true,
-                attendanceState: AttendanceState.NOT_ATTENDING,
-            },
-            {
-                meetingId: 'MTG-003',
-                meetingName: 'Subcommittee 2 Working Session',
-                // GroupOrCommittee intentionally empty to exercise the empty-field placeholder.
-                groupOrCommittee: '',
-                roomOrLocation: 'Room 204',
-                meetingDate: '2025-03-14T13:30:00',
-                meetingTime: '2025-03-14T13:30:00',
-                timezone: 'America/New_York',
-                isOpenForAttendance: true,
-                attendanceState: AttendanceState.NOT_ATTENDING,
-            },
-            {
-                meetingId: 'MTG-004',
-                meetingName: 'Editorial Review',
-                groupOrCommittee: 'Editorial Task Force',
-                roomOrLocation: 'Room 118',
-                meetingDate: '2025-03-15T09:00:00',
-                meetingTime: '2025-03-15T09:00:00',
-                timezone: 'America/New_York',
-                isOpenForAttendance: false,
-                attendanceState: AttendanceState.NOT_ATTENDING,
-            },
-            {
-                meetingId: 'MTG-005',
-                meetingName: 'Interpretations Panel',
-                groupOrCommittee: 'Interpretations Subcommittee',
-                roomOrLocation: 'Room 310',
-                meetingDate: '2025-03-15T14:00:00',
-                meetingTime: '2025-03-15T14:00:00',
-                timezone: 'America/New_York',
-                isOpenForAttendance: true,
-                attendanceState: AttendanceState.CURRENTLY_ATTENDING,
-            },
-            {
-                meetingId: 'MTG-006',
-                meetingName: 'Closing Plenary',
-                groupOrCommittee: 'NESC Main Committee',
-                roomOrLocation: 'Grand Ballroom A',
-                meetingDate: '2025-03-16T15:00:00',
-                meetingTime: '2025-03-16T15:00:00',
-                timezone: 'America/New_York',
-                isOpenForAttendance: false,
-                attendanceState: AttendanceState.NOT_ATTENDING,
-            },
-        ],
-    },
-    {
-        eventId: 'EVT-002',
-        title: 'Standards Board Quarterly Meeting',
-        status: 'Upcoming',
-        dayIndicator: 'Day 1 of 1',
-        meetingCount: 3,
-        openForAttendanceCount: 1,
-        startDate: '2025-04-02T08:30:00',
-        endDate: '2025-04-02T16:00:00',
-        timezone: 'America/Los_Angeles',
-        meetings: [
-            {
-                meetingId: 'MTG-101',
-                meetingName: 'Board Opening Remarks',
-                groupOrCommittee: 'Standards Board',
-                roomOrLocation: 'Pacific Hall',
-                meetingDate: '2025-04-02T08:30:00',
-                meetingTime: '2025-04-02T08:30:00',
-                timezone: 'America/Los_Angeles',
-                isOpenForAttendance: true,
-                attendanceState: AttendanceState.NOT_ATTENDING,
-            },
-            {
-                meetingId: 'MTG-102',
-                meetingName: 'Ballot Review Session',
-                // Both optional location/group fields omitted to exercise placeholders.
-                meetingDate: '2025-04-02T10:30:00',
-                meetingTime: '2025-04-02T10:30:00',
-                timezone: 'America/Los_Angeles',
-                isOpenForAttendance: false,
-                attendanceState: AttendanceState.NOT_ATTENDING,
-            },
-            {
-                meetingId: 'MTG-103',
-                meetingName: 'Action Items & Wrap-up',
-                groupOrCommittee: 'Standards Board',
-                roomOrLocation: 'Pacific Hall',
-                meetingDate: '2025-04-02T15:00:00',
-                meetingTime: '2025-04-02T15:00:00',
-                timezone: 'America/Los_Angeles',
-                isOpenForAttendance: false,
-                attendanceState: AttendanceState.CURRENTLY_ATTENDING,
-            },
-        ],
-    },
-    {
-        eventId: 'EVT-003',
-        title: 'Working Group Interim',
-        status: 'Upcoming',
-        // DayIndicator intentionally omitted (optional field).
-        meetingCount: 0,
-        openForAttendanceCount: 0,
-        startDate: '2025-05-20T09:00:00',
-        endDate: '2025-05-20T12:00:00',
-        timezone: 'Europe/London',
-        meetings: [],
-    },
-];
-/**
- * Mock a single meeting row with an empty `meetingId` to exercise the
- * non-actionable (empty/undefined id) path in the meeting row component.
- *
- * TODO: Replace mock with real API call when BE is ready
- */
-const DashboardNonActionableMeetingMock = {
-    meetingId: '',
-    meetingName: 'Unscheduled Placeholder Session',
-    groupOrCommittee: '',
-    meetingDate: '2025-06-01T09:00:00',
-    meetingTime: '2025-06-01T09:00:00',
-    timezone: 'America/New_York',
-    isOpenForAttendance: false,
-    attendanceState: AttendanceState.NOT_ATTENDING,
-};
-/**
- * Mock groups fixtures for the dashboard "Your Groups" section.
- *
- * Includes rows with missing optional fields (`type`, `officerRole`,
- * `affiliation`) and a spread of member levels so the member-level badge
- * colour map and empty-field placeholders are exercised.
- *
- * TODO: Replace mock with real API call when BE is ready
- */
-const DashboardGroupsMock = [
-    {
-        groupId: 'GRP-001',
-        group: 'NESC Main Committee',
-        type: 'Committee',
-        officerRole: 'Chair',
-        affiliation: 'Employer Corp',
-        memberLevel: 'Senior Member',
-    },
-    {
-        groupId: 'GRP-002',
-        group: 'Subcommittee 1 - Grounding',
-        type: 'Subcommittee',
-        // OfficerRole intentionally omitted (member with no officer role).
-        affiliation: 'Standards Member',
-        memberLevel: 'Member',
-    },
-    {
-        groupId: 'GRP-003',
-        group: 'Editorial Task Force',
-        // Type and affiliation intentionally omitted to exercise placeholders.
-        officerRole: 'Secretary',
-        memberLevel: 'Fellow',
-    },
-    {
-        groupId: 'GRP-004',
-        group: 'Interpretations Subcommittee',
-        type: 'Subcommittee',
-        officerRole: 'Member',
-        affiliation: 'Tech Solutions Inc',
-        memberLevel: 'Associate Member',
-    },
-    {
-        groupId: 'GRP-005',
-        group: 'Standards Board',
-        type: 'Board',
-        officerRole: 'Vice Chair',
-        affiliation: 'CodeCraft Studio',
-        memberLevel: 'Senior Member',
-    },
-];
-
-/**
- * Groups_Section (`ieeesa-your-groups`) renders the signed-in user's groups as a
- * paginated table inside a collapsible card. It shows the section title and a
- * "{n} Groups" count, a "View All" link, and a collapse/expand toggle that
- * controls the table's visibility (reflected via `[attr.aria-expanded]`). When
- * loaded it renders the groups table with the Presentation_Library
- * {@link DataTableComponent} using the columns Group, Type, Officer Role,
- * Affiliation, and Member Level (labels sourced from `constants.json`). The
- * Group cell is a LINK column that emits `groupSelected(groupId)`, and the
- * Member Level cell renders as a colored pill via the data-table's inline-badge
- * mechanism (green for voting-type levels, amber otherwise).
- *
- * The section is purely presentational: it emits navigation and pagination
- * intents via `@Output()` and never performs navigation or HTTP itself. The
- * Loader / empty-state / error regions are mutually exclusive and driven solely
- * by the `sectionState` input.
- * @export
- * @class YourGroupsComponent
+ * Purely presentational: data arrives via `@Input`, intents leave via
+ * `@Output`; no API or navigation here. States (loader / empty / error / table)
+ * are driven by `sectionState`.
+ * @export
+ * @class YourGroupsComponent
  */
 class YourGroupsComponent {
     constructor() {
@@ -1255,159 +1408,305 @@ class YourGroupsComponent {
         this.texts = this.constants?.groupsSection;
         /** Enum reference for template comparisons against `sectionState`. */
         this.sectionStates = DashboardSectionState;
+        /** Per-level indentation step (px) for the expanded hierarchy rows. */
+        this.indentPerLevel = 28;
+        /** Selectable "Items per page" page sizes. */
+        this.pageSizeOptions = [5, 10, 25];
         /**
-         * The groups rendered in the table. Defaults to the dummy fixture so the
-         * table shows immediately while the API integration is pending; the host can
-         * override it once real data is wired in.
-         */
-        this.groups = DashboardGroupsMock;
-        /**
-         * The section's load/empty/error state driving the mutually-exclusive
-         * regions. Defaults to LOADED (no loader) since the component renders dummy
-         * data for now; the host can set LOADING/EMPTY/ERROR once the API is wired.
+         * 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;
         /** Total number of groups (for the "{n} Groups" count and paginator). */
         this.totalGroups = 0;
-        /** Current zero-based page index. */
-        this.pageIndex = 0;
-        /** Current page size. */
-        this.pageSize = 10;
-        /** Emits the selected group's id when its name link is clicked. */
-        this.groupSelected = new EventEmitter();
+        this.pageIndexValue = 0;
+        this.pageSizeValue = 5;
         /** Emits when the "View All" link is activated. */
         this.viewAllGroups = new EventEmitter();
         /** Emits the requested page when the paginator changes. */
         this.pageChange = new EventEmitter();
+        /**
+         * Emits the new expanded state whenever the user toggles the card, so a
+         * two-way `[(expanded)]` binding keeps the host's flag in sync. Without this,
+         * a host that opened the card (expanded=true) and then the user collapsing it
+         * would leave the host flag stale, so re-opening via the same input value
+         * would be a no-op.
+         * @memberof YourGroupsComponent
+         */
+        this.expandedChange = new EventEmitter();
         /** Whether the card is expanded (table visible). Starts collapsed. */
         this.isExpanded = false;
-        /** Data-table action flags: pagination only (no search/filter/add/edit). */
-        this.tableActions = {
-            isPaginationNeeded: true,
-        };
-        /** Column schema for the groups data table. */
-        this.columnSchema = [
-            {
-                id: 1,
-                columnDef: 'group',
-                heading: this.texts?.columns?.group,
-                // LINK so the group name is a clickable link that opens the group.
-                columnType: TableColumnType.LINK,
-                cellData: (row) => row.group,
-            },
-            {
-                id: 2,
-                columnDef: 'type',
-                heading: this.texts?.columns?.type,
-                columnType: TableColumnType.TEXT,
-                cellData: (row) => row.type || this.texts?.emptyValue,
-            },
-            {
-                id: 3,
-                columnDef: 'officerRole',
-                heading: this.texts?.columns?.officerRole,
-                columnType: TableColumnType.TEXT,
-                // "-" placeholder when the user holds no officer role (matches the design).
-                cellData: (row) => row.officerRole || this.texts?.emptyValue,
-            },
-            {
-                id: 4,
-                columnDef: 'affiliation',
-                heading: this.texts?.columns?.affiliation,
-                columnType: TableColumnType.TEXT,
-                cellData: (row) => row.affiliation || this.texts?.emptyValue,
-            },
-            {
-                id: 5,
-                columnDef: 'memberLevel',
-                heading: this.texts?.columns?.memberLevel,
-                columnType: TableColumnType.TEXT,
-                cellData: (row) => row.memberLevel,
-                // Render the member level as a colored pill via the data-table's inline
-                // badge; green for voting-type levels, amber for the rest (e.g. Observer).
-                showInlineBadge: (row) => !!row.memberLevel,
-                inlineBadgeText: (row) => row.memberLevel,
-                inlineBadgeClass: (row) => this.resolveBadgeClass(row.memberLevel),
-            },
-        ];
+        /**
+         * 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 ?? [];
+        this.rebuildRows();
+    }
+    get groups() {
+        return this.groupsValue;
+    }
+    /** Current zero-based page index. */
+    set pageIndex(value) {
+        this.pageIndexValue = value ?? 0;
+        this.rebuildRows();
+    }
+    get pageIndex() {
+        return this.pageIndexValue;
+    }
+    /** Current page size (defaults to 5 rows per page per the design). */
+    set pageSize(value) {
+        this.pageSizeValue = value ?? 5;
+        this.rebuildRows();
+    }
+    get pageSize() {
+        return this.pageSizeValue;
+    }
+    /**
+     * Allows the host/container to open or close the card (e.g. a "Jump to"
+     * shortcut opens it).
+     * @memberof YourGroupsComponent
+     */
+    set expanded(value) {
+        this.isExpanded = !!value;
+    }
+    get expanded() {
+        return this.isExpanded;
     }
     /**
-     * The count shown in the header subtitle, preferring the server total and
-     * falling back to the current page length.
+     * The count shown in the header subtitle — the server total when provided,
+     * otherwise the number of groups.
      * @readonly
      * @memberof YourGroupsComponent
      */
     get groupCount() {
-        return this.totalGroups || this.groups?.length || 0;
+        return this.totalGroups || this.groups.length || 0;
     }
     /**
-     * The paginator config derived from the total/pageSize inputs.
-     * @readonly
+     * Builds the expand/collapse key for a hierarchy level. Index -1 is the group
+     * row itself; index N is the Nth hierarchy node.
+     * @param {GroupRow} group
+     * @param {number} index
+     * @return {string}
      * @memberof YourGroupsComponent
      */
-    get paginatorConfig() {
-        return {
-            recordsPerPage: this.pageSize,
-            pageSizeOptions: [5, 10, 25, 50],
-            totalRecords: this.groupCount,
-        };
+    levelKey(group, index) {
+        return `${group.groupId}:${index}`;
     }
     /**
-     * Toggles the card's expanded/collapsed state (table visibility).
+     * 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
      */
-    onToggleExpand() {
-        this.isExpanded = !this.isExpanded;
+    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;
     }
     /**
-     * Emits the "View All" intent for the host.
+     * Whether the group row shows a toggle (has related hierarchy to drill into).
+     * @param {GroupRow} group
+     * @return {boolean}
      * @memberof YourGroupsComponent
      */
-    onViewAll() {
-        this.viewAllGroups.emit();
+    hasHierarchy(group) {
+        return (group?.hierarchy?.length ?? 0) > 1;
     }
     /**
-     * Emits the selected group's id from the data-table link click.
-     * @param {{ row: GroupRow }} event - The data-table link-click payload.
+     * Whether a given level is currently expanded (its next node is revealed).
+     * @param {GroupRow} group
+     * @param {number} index
+     * @return {boolean}
      * @memberof YourGroupsComponent
      */
-    onGroupLinkClick(event) {
-        const groupId = event?.row?.groupId;
-        if (groupId) {
-            this.groupSelected.emit(groupId);
+    isLevelExpanded(group, index) {
+        return this.expandedKeys.has(this.levelKey(group, index));
+    }
+    /** Convenience for the group row (level -1). */
+    isGroupExpanded(group) {
+        return this.isLevelExpanded(group, -1);
+    }
+    /**
+     * 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
+     */
+    onToggleLevel(group, index) {
+        if (!this.isLevelExpandable(group, index)) {
+            return;
+        }
+        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.expandedKeys.add(key);
         }
+        this.rebuildRows();
     }
     /**
-     * Re-emits the paginator change as a {@link PageChange}.
+     * Toggles the card's expanded/collapsed state (whole table visibility) and
+     * emits the new state so the host's two-way binding stays in sync.
+     * @memberof YourGroupsComponent
+     */
+    onToggleExpand() {
+        this.isExpanded = !this.isExpanded;
+        this.expandedChange.emit(this.isExpanded);
+    }
+    /**
+     * Emits the "View All" intent for the host.
+     * @memberof YourGroupsComponent
+     */
+    onViewAll() {
+        this.viewAllGroups.emit();
+    }
+    /**
+     * Re-emits the Material paginator change (page index or "Items per page"
+     * size) as a {@link PageChange} for the host.
      * @param {PageEvent} event - The Material paginator event.
      * @memberof YourGroupsComponent
      */
-    onPageChange(event) {
+    onPaginatorChange(event) {
         this.pageChange.emit({
             pageIndex: event.pageIndex,
             pageSize: event.pageSize,
         });
     }
     /**
-     * Resolves the pill CSS class for a member level: the configured "success"
-     * (green) class for voting-type levels, otherwise the "warning" (amber) class.
-     * @param {string} memberLevel - The member level label.
+     * Resolves the member-level pill CSS class, mirroring the My Groups profile
+     * tab: an assigned level renders green (success), "Unassigned" renders amber.
+     * @param {string} memberLevel
      * @return {string}
      * @memberof YourGroupsComponent
      */
     resolveBadgeClass(memberLevel) {
-        const badgeTexts = this.texts?.memberLevelBadge;
-        const isVoting = (memberLevel ?? '')
-            .toLowerCase()
-            .includes('voting');
-        return isVoting ? badgeTexts?.votingMember : badgeTexts?.default;
+        const badge = this.texts?.memberLevelBadge;
+        return memberLevel === this.texts?.unassignedMemberLevel
+            ? badge?.warning
+            : badge?.success;
+    }
+    /**
+     * TrackBy for the rendered table rows.
+     * @param {number} index
+     * @param {TableRow} row
+     * @return {string}
+     * @memberof YourGroupsComponent
+     */
+    trackByRow(index, row) {
+        return row.kind === 'group'
+            ? `g:${row.group?.groupId}`
+            : `h:${row.group?.groupId}:${row.node?.groupId}:${index}`;
+    }
+    /**
+     * Rebuilds the 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() {
+        const start = this.pageIndex * this.pageSize;
+        const pageGroups = this.groups.slice(start, start + this.pageSize);
+        const rows = [];
+        pageGroups.forEach((group) => {
+            rows.push({ kind: 'group', group, level: 0 });
+            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" }, outputs: { groupSelected: "groupSelected", viewAllGroups: "viewAllGroups", pageChange: "pageChange" }, 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      <p class=\"ieeesa-your-groups__count m-0\">\r\n        {{ groupCount }} {{ texts?.countSuffix }}\r\n      </p>\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 expanded. Loader / error / empty / table are mutually\r\n       exclusive, driven by sectionState. -->\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    <ieeesa-data-table\r\n      *ngIf=\"sectionState === sectionStates.LOADED\"\r\n      class=\"ieeesa-your-groups__table\"\r\n      [tableDataInfo]=\"groups\"\r\n      [columnSchemaInfo]=\"columnSchema\"\r\n      [tableActions]=\"tableActions\"\r\n      [paginatorConfig]=\"paginatorConfig\"\r\n      [pageIndex]=\"pageIndex\"\r\n      [pageSize]=\"pageSize\"\r\n      (columnDataOnRowLinkClick)=\"onGroupLinkClick($event)\"\r\n      (paginationChange)=\"onPageChange($event)\"\r\n    ></ieeesa-data-table>\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:flex-start;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:1.125rem;color:#333436}.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:.875rem;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:.875rem;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 .ieeesa-your-groups__badge--success{background-color:#78d7ef2e;color:#002c37}.ieeesa-your-groups .ieeesa-your-groups__badge--warning{background-color:#ffd92e38;color:#333436}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DataTableComponent, selector: "ieeesa-data-table", inputs: ["tableDataInfo", "nestedTableDataInfo", "columnSchemaInfo", "nestedTableColumnSchemaInfo", "tableActions", "hasNestedTable", "tableColumnActions", "tableColumnActionMenuSize", "tableRowActions", "nestedTableRowActions", "caption", "viewAll", "paginatorConfig", "nestedPaginatorConfig", "legends", "pageIndex", "pageSize", "searchPlaceHolderText", "rowEditButton", "rowDeleteButton", "tableEditButton", "tableDeleteButton", "rowExpandButton", "rowCollapseButton", "isNestedTableHeaderNeeded", "addButton", "defaultColumnSortDirection", "defaultSortedColumn", "isClearSortNeeded", "filters", "selectedFilterOptions", "appliedFilterOptions", "searchType", "className", "searchSupportMessage", "inbuiltSortingNeeded", "isCellTextOverflowEllipsis", "isTableHeaderNeeded", "tableColumnsHeaderText", "verticalColumnHeaderNumber", "scrollbarSupportMessage", "isScrollSupportMessageNeeded", "isStickyHeaderNeeded", "customStickyHeaderNeeded", "headerElementClassName", "minCharToSearch", "searchResultMessage", "rowMenuActionIcon", "canDisableCheckbox", "isEllipsisRequiredForLink"], outputs: ["rowSelected", "selectedRowToEdit", "selectedRowToDelete", "selectedRowsToDelete", "rowLink", "addRow", "columnDataOnRowLinkClick", "menuActionClick", "selectActionMenu", "paginationChange", "selectedFilter", "removeFilteredOption", "filteredOptions", "searchedValue", "sortChange", "selectedRowsInfo", "rowExpansionClick", "tableColumnMenuActionClick", "tableColumnMenuToggleButton", "rowSlideToggle", "rowDropdownChange"] }, { 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, DataTableComponent, 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      <p class=\"ieeesa-your-groups__count m-0\">\r\n        {{ groupCount }} {{ texts?.countSuffix }}\r\n      </p>\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 expanded. Loader / error / empty / table are mutually\r\n       exclusive, driven by sectionState. -->\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    <ieeesa-data-table\r\n      *ngIf=\"sectionState === sectionStates.LOADED\"\r\n      class=\"ieeesa-your-groups__table\"\r\n      [tableDataInfo]=\"groups\"\r\n      [columnSchemaInfo]=\"columnSchema\"\r\n      [tableActions]=\"tableActions\"\r\n      [paginatorConfig]=\"paginatorConfig\"\r\n      [pageIndex]=\"pageIndex\"\r\n      [pageSize]=\"pageSize\"\r\n      (columnDataOnRowLinkClick)=\"onGroupLinkClick($event)\"\r\n      (paginationChange)=\"onPageChange($event)\"\r\n    ></ieeesa-data-table>\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:flex-start;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:1.125rem;color:#333436}.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:.875rem;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:.875rem;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 .ieeesa-your-groups__badge--success{background-color:#78d7ef2e;color:#002c37}.ieeesa-your-groups .ieeesa-your-groups__badge--warning{background-color:#ffd92e38;color:#333436}\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: [{
@@ -1418,14 +1717,110 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], pageSize: [{
                 type: Input
-            }], groupSelected: [{
-                type: Output
             }], viewAllGroups: [{
                 type: Output
             }], pageChange: [{
                 type: Output
+            }], expandedChange: [{
+                type: Output
+            }], expanded: [{
+                type: Input
             }] } });
 
+/**
+ * Determines whether a raw list item is an EVENT (owns child meetings) or a
+ * STANDALONE_MEETING. An item is an EVENT when the backend flags it with
+ * `isMeetingEvent === true` or `hasChildren === true`.
+ * @param {EventMeetingListItem} item - The raw list item.
+ * @return {UpcomingItemKind} The resolved render kind.
+ */
+function resolveItemKind(item) {
+    const isEvent = item?.isMeetingEvent === true || item?.hasChildren === true;
+    return isEvent ? UpcomingItemKind.EVENT : UpcomingItemKind.STANDALONE_MEETING;
+}
+/**
+ * Maps a raw backend list item to the {@link UpcomingEvent} view model. EVENT
+ * rows start with an empty `meetings` array (child meetings are lazily loaded on
+ * expand); STANDALONE_MEETING rows carry their own group/location fields.
+ * @param {EventMeetingListItem} item - The raw list item.
+ * @return {UpcomingEvent} The mapped view model.
+ */
+function mapListItemToUpcomingEvent(item) {
+    const kind = resolveItemKind(item);
+    const timezone = item?.timeZone ?? '';
+    const dayIndicator = item?.dayIndicator ??
+        (kind === UpcomingItemKind.EVENT
+            ? computeDayIndicator(item?.startDateTime, item?.endDateTime, timezone)
+            : '');
+    return {
+        eventId: item?.id ?? item?.eventId ?? item?.meetingId ?? '',
+        kind,
+        // The list endpoint uses `name`; fall back to `meetingTitle` for meeting rows.
+        title: item?.name ?? item?.meetingTitle ?? '',
+        // The list screen copies status into contentUnderLink; accept either.
+        status: item?.status ?? item?.contentUnderLink ?? '',
+        dayIndicator,
+        meetingCount: kind === UpcomingItemKind.STANDALONE_MEETING
+            ? 1
+            : item?.meetingCount ?? 0,
+        openForAttendanceCount: item?.openForAttendanceCount ?? 0,
+        startDateTime: item?.startDateTime,
+        endDateTime: item?.endDateTime,
+        timezone,
+        groupOrCommittee: item?.groupName ?? item?.groupAcronym ?? '',
+        roomOrLocation: item?.meetingLocation ?? item?.room ?? '',
+        isMemberOfGroup: item?.isMemberOfGroup ?? false,
+        meetings: [],
+    };
+}
+/**
+ * Maps a raw backend list of events & meetings into the dashboard view models,
+ * enforcing that STANDALONE_MEETING rows always sort LAST while preserving the
+ * backend's within-group ordering for each partition (stable sort).
+ * @param {EventMeetingListItem[]} items - The raw list items.
+ * @return {UpcomingEvent[]} The mapped, standalone-last ordered view models.
+ */
+function mapEventMeetingList(items) {
+    const mapped = (items ?? []).map((item) => mapListItemToUpcomingEvent(item));
+    const events = mapped.filter((entry) => entry.kind === UpcomingItemKind.EVENT);
+    const standalone = mapped.filter((entry) => entry.kind === UpcomingItemKind.STANDALONE_MEETING);
+    return [...events, ...standalone];
+}
+/**
+ * Maps a raw backend child-meeting detail item to the {@link MeetingRow} view
+ * model used by the event block's expanded meeting list.
+ * @param {EventMeetingDetailItem} item - The raw child-meeting item.
+ * @return {MeetingRow} The mapped meeting row.
+ */
+function mapDetailItemToMeetingRow(item) {
+    const status = item?.status ?? '';
+    // A meeting is "open for attendance" while it is In Progress. The
+    // meetingsDetails endpoint has no dedicated flag, so derive it from status
+    // (honouring an explicit backend flag when one is provided).
+    const isOpenForAttendance = item?.isOpenForAttendance ?? status.trim().toLowerCase() === 'in progress';
+    return {
+        meetingId: item?.meetingId ?? '',
+        meetingName: item?.meetingTitle ?? '',
+        groupOrCommittee: item?.groupName ?? '',
+        roomOrLocation: item?.meetingLocation ?? '',
+        startDateTime: item?.meetingStDate,
+        endDateTime: item?.meetingEdDate,
+        timezone: item?.timeZone ?? '',
+        status,
+        isMemberOfGroup: item?.isMemberOfGroup ?? false,
+        isOpenForAttendance,
+    };
+}
+/**
+ * Maps a raw backend list of child-meeting detail items to {@link MeetingRow}
+ * view models.
+ * @param {EventMeetingDetailItem[]} items - The raw child-meeting items.
+ * @return {MeetingRow[]} The mapped meeting rows.
+ */
+function mapEventMeetingDetails(items) {
+    return (items ?? []).map((item) => mapDetailItemToMeetingRow(item));
+}
+
 /**
  * Pure reducers for the dashboard attendance state. These functions never
  * mutate their inputs; each returns a new object/set so they can be exercised
@@ -1479,6 +1874,22 @@ const endAttendanceAction = (set, meetingId) => {
     return next;
 };
 
+/** Fallback label for an empty group type / member level, matching the My Groups tab. */
+const UNASSIGNED_LABEL = 'Unassigned';
+/** Placeholder for an empty cell value. */
+const EMPTY_VALUE = '-';
+/** Statuses included in the upcoming section, matching the view-events-meetings-list screen. */
+const UPCOMING_STATUSES = ['In Progress', 'Upcoming'];
+/** Sort column used for the top-level events & meetings list. */
+const UPCOMING_SORT_COLUMN = 'startDateTime';
+/** Sort column used for an event's expanded child-meeting list (meetingsDetails). */
+const EVENT_MEETINGS_SORT_COLUMN = 'meetingStDate';
+/** Default page size for the top-level upcoming section list. */
+const UPCOMING_PAGE_SIZE = 10;
+/** Default page size for an event's expanded child-meeting list. */
+const EVENT_MEETINGS_PAGE_SIZE = 5;
+/** Large page size used by the eager count prefetch to capture the full set. */
+const EVENT_COUNT_PAGE_SIZE = 200;
 /**
  * DashboardService is the single source of truth for the dashboard landing
  * page's data and attendance state. It mirrors the `events-and-meetings`
@@ -1488,11 +1899,12 @@ const endAttendanceAction = (set, meetingId) => {
  * through the shared `HttpService` from `@ieeesa-npm/utility` (never
  * `HttpClient` directly).
  *
- * The upcoming-events and groups loads currently return annotated mock data
- * because their endpoints are not yet available; the attendance actions compose
- * the pure reducers from `attendance-reducers.ts` so the displayed
- * `AttendanceState` only advances on a successful resolution and the prior
- * state is retained on failure.
+ * The upcoming-events load calls the real `POST /meetings/eventsAndMeetings`
+ * endpoint (child meetings are lazily loaded per-event via
+ * `POST /meetings/meetingsDetails`); the groups load calls `GET
+ * /groups/my-groups`. The attendance actions compose the pure reducers from
+ * `attendance-reducers.ts` so the displayed `AttendanceState` only advances on a
+ * successful resolution and the prior state is retained on failure.
  * @export
  * @class DashboardService
  */
@@ -1535,35 +1947,172 @@ class DashboardService {
         this.userPermissions = userPermissions;
     }
     /**
-     * Loads the user's upcoming events, driving the upcoming section through
-     * LOADING → LOADED/EMPTY on success and leaving the caller to set ERROR on
-     * failure. Follows the `pipe(map, catchError(throw))` pattern and seeds the
-     * per-meeting attendance-state map from the loaded meetings.
-     *
-     * TODO: Replace mock with real API call when BE is ready
-     * @return {Observable<DashboardListResponse<UpcomingEvent[]>>} The upcoming-events response envelope.
+     * Loads the user's upcoming events & meetings from the real backend via
+     * `POST {apiBaseUrl}/meetings/eventsAndMeetings`, the same endpoint the
+     * `view-events-meetings-list` screen uses. The response is mapped into the
+     * dashboard view models (with STANDALONE_MEETING rows ordered last), the
+     * per-meeting attendance-state map is seeded, and the section advances through
+     * LOADING → LOADED/EMPTY on success, leaving the caller to set ERROR on
+     * failure. Follows the shared `pipe(map, catchError(throw))` pattern.
+     * @return {Observable<EventMeetingListResponse>} The upcoming events & meetings response envelope.
      * @memberof DashboardService
      */
     loadUpcomingEvents() {
         this.upcomingState.next(DashboardSectionState.LOADING);
-        // TODO: Replace mock with real API call when BE is ready
-        const response$ = of({
-            status: true,
-            body: DashboardUpcomingEventsMock,
-        });
-        return response$.pipe(map((response) => {
-            const events = response?.body ?? [];
+        const payload = {
+            payload: {
+                eventId: null,
+                sortColumn: UPCOMING_SORT_COLUMN,
+                ascendingOrder: true,
+                page: 1,
+                size: UPCOMING_PAGE_SIZE,
+                filter: {
+                    status: UPCOMING_STATUSES,
+                    isAllMeetingSelected: false,
+                },
+            },
+        };
+        return this.httpService
+            .postData(`${this.apiBaseUrl}/meetings/eventsAndMeetings`, payload)
+            .pipe(map((response) => {
+            const events = mapEventMeetingList(response?.body?.eventMeetingList ?? []);
             this.upcomingEvents.next(events);
             this.seedAttendanceStates(events);
             this.upcomingState.next(events.length > 0
                 ? DashboardSectionState.LOADED
                 : DashboardSectionState.EMPTY);
+            // Eagerly fetch each EVENT's meeting count so the "{n} meetings" and
+            // "{n} open for attendance" summaries are correct before expanding.
+            this.loadEventCounts(events);
             return response;
         }), catchError((error) => {
             this.upcomingState.next(DashboardSectionState.ERROR);
             throw error;
         }));
     }
+    /**
+     * Lazily loads (and paginates) the child meetings of an EVENT row via
+     * `POST {apiBaseUrl}/meetings/meetingsDetails` — the per-event expand endpoint
+     * used by the reference screen. On success the loaded meetings are mapped and
+     * merged onto the matching event in the `upcomingEvents` list (with its
+     * `meetingCount` / `openForAttendanceCount` refreshed), and the per-meeting
+     * attendance-state map is extended. Each event paginates independently.
+     * @param {string} eventId - The event whose meetings to load.
+     * @param {number} [page=1] - The one-based page to request.
+     * @param {number} [size=EVENT_MEETINGS_PAGE_SIZE] - The page size.
+     * @return {Observable<EventMeetingDetailResponse>} The child-meetings response envelope.
+     * @memberof DashboardService
+     */
+    loadEventMeetings(eventId, page = 1, size = EVENT_MEETINGS_PAGE_SIZE) {
+        return this.fetchEventMeetingsPage(eventId, page, size).pipe(map((response) => {
+            const meetings = mapEventMeetingDetails(response?.body?.meetings ?? []);
+            const total = response?.body?.totalRecords ?? meetings.length;
+            // Prefer the already-known full open count on the event; fall back to
+            // the current page's open count when it hasn't been prefetched.
+            const existing = this.upcomingEvents.value.find((event) => event.eventId === eventId);
+            const pageOpenCount = meetings.filter((meeting) => meeting.isOpenForAttendance).length;
+            const openForAttendanceCount = existing?.openForAttendanceCount || pageOpenCount;
+            this.mergeEventMeetings(eventId, meetings, total, openForAttendanceCount);
+            this.seedAttendanceStatesFromMeetings(meetings);
+            return response;
+        }), catchError((error) => {
+            throw error;
+        }));
+    }
+    /**
+     * Merges a freshly loaded page of child meetings onto the matching event in
+     * the `upcomingEvents` list, refreshing the event's `meetings`,
+     * `meetingCount` (from the backend `totalRecords`), and
+     * `openForAttendanceCount`. Leaves all other events untouched.
+     * @param {string} eventId - The event to merge meetings onto.
+     * @param {MeetingRow[]} meetings - The mapped child meetings for the page.
+     * @param {number} totalRecords - The event's total meeting count from the backend.
+     * @return {void}
+     * @memberof DashboardService
+     */
+    mergeEventMeetings(eventId, meetings, totalRecords, openForAttendanceCount) {
+        const next = this.upcomingEvents.value.map((event) => {
+            if (event.eventId !== eventId) {
+                return event;
+            }
+            return {
+                ...event,
+                meetings,
+                meetingCount: totalRecords,
+                openForAttendanceCount,
+            };
+        });
+        this.upcomingEvents.next(next);
+    }
+    /**
+     * Eagerly fetches each EVENT's total meeting count and open-for-attendance
+     * count by requesting a large first page of its child meetings, then merging
+     * only the counts (not the rows) so the collapsed card summaries are accurate
+     * before the user expands. Standalone meetings are skipped. Failures per event
+     * are swallowed so one failing count never breaks the list.
+     * @param {UpcomingEvent[]} events - The loaded events to fetch counts for.
+     * @return {void}
+     * @memberof DashboardService
+     */
+    loadEventCounts(events) {
+        events
+            .filter((event) => event.kind === UpcomingItemKind.EVENT && event.eventId)
+            .forEach((event) => {
+            this.fetchEventMeetingsPage(event.eventId, 1, EVENT_COUNT_PAGE_SIZE)
+                .pipe(catchError(() => of(null)))
+                .subscribe((response) => {
+                if (!response) {
+                    return;
+                }
+                const meetings = mapEventMeetingDetails(response?.body?.meetings ?? []);
+                const total = response?.body?.totalRecords ?? meetings.length;
+                const openCount = meetings.filter((meeting) => meeting.isOpenForAttendance).length;
+                this.mergeEventCounts(event.eventId, total, openCount);
+                this.seedAttendanceStatesFromMeetings(meetings);
+            });
+        });
+    }
+    /**
+     * Merges only the meeting counts onto the matching event, leaving its
+     * `meetings` rows untouched (used by the eager count prefetch).
+     * @param {string} eventId - The event to update.
+     * @param {number} totalRecords - The event's total meeting count.
+     * @param {number} openForAttendanceCount - The open-for-attendance count.
+     * @return {void}
+     * @memberof DashboardService
+     */
+    mergeEventCounts(eventId, totalRecords, openForAttendanceCount) {
+        const next = this.upcomingEvents.value.map((event) => event.eventId === eventId
+            ? { ...event, meetingCount: totalRecords, openForAttendanceCount }
+            : event);
+        this.upcomingEvents.next(next);
+    }
+    /**
+     * Builds and posts the `meetingsDetails` request for a single event page,
+     * returning the raw response envelope. Shared by {@link loadEventMeetings} and
+     * the eager count prefetch.
+     * @param {string} eventId - The event whose meetings to fetch.
+     * @param {number} page - The one-based page to request.
+     * @param {number} size - The page size.
+     * @return {Observable<EventMeetingDetailResponse>} The child-meetings response.
+     * @memberof DashboardService
+     */
+    fetchEventMeetingsPage(eventId, page, size) {
+        const payload = {
+            payload: {
+                eventId,
+                sortColumn: EVENT_MEETINGS_SORT_COLUMN,
+                ascendingOrder: true,
+                page,
+                size,
+                filter: {
+                    status: UPCOMING_STATUSES,
+                    isAllMeetingSelected: false,
+                },
+            },
+        };
+        return this.httpService.postData(`${this.apiBaseUrl}/meetings/meetingsDetails`, payload);
+    }
     /**
      * Loads the user's groups, driving the groups section through
      * LOADING → LOADED/EMPTY on success and leaving the caller to set ERROR on
@@ -1575,13 +2124,10 @@ class DashboardService {
      */
     loadGroups() {
         this.groupsState.next(DashboardSectionState.LOADING);
-        // TODO: Replace mock with real API call when BE is ready
-        const response$ = of({
-            status: true,
-            body: DashboardGroupsMock,
-        });
-        return response$.pipe(map((response) => {
-            const groups = response?.body ?? [];
+        return this.httpService
+            .getData(`${this.apiBaseUrl}/groups/my-groups`)
+            .pipe(map((response) => {
+            const groups = (response?.body?.groups ?? []).map((group) => this.mapGroup(group));
             this.groups.next(groups);
             this.groupsState.next(groups.length > 0
                 ? DashboardSectionState.LOADED
@@ -1592,6 +2138,35 @@ class DashboardService {
             throw error;
         }));
     }
+    /**
+     * Maps a backend {@link MyGroupView} to the table-facing {@link GroupRow}.
+     * Mirrors the My Groups profile tab: the type falls back to "Unassigned" when
+     * `groupTypeName` is null, affiliations are comma-joined, empty officer role /
+     * affiliation render as a placeholder, and a blank member level becomes
+     * "Unassigned" (rendered as the warning pill by the Your Groups component).
+     * @param {MyGroupView} group - The backend group view.
+     * @return {GroupRow}
+     * @memberof DashboardService
+     */
+    mapGroup(group) {
+        // The backend returns officer roles as an `officer` array of
+        // { officerId, officerName }. Join the names for the Officer Role column
+        // (e.g. "Chair" or "Chair, Vice Chair"); show the placeholder when empty.
+        const officerRole = (group.officer ?? [])
+            .map((officer) => officer?.officerName?.trim())
+            .filter((name) => !!name)
+            .join(', ') || EMPTY_VALUE;
+        return {
+            groupId: group.groupId,
+            group: group.groupName,
+            type: group.groupTypeName || group.groupType || UNASSIGNED_LABEL,
+            officerRole,
+            affiliation: group.affiliations?.join(', ') || EMPTY_VALUE,
+            memberLevel: group.memberLevel?.trim() || UNASSIGNED_LABEL,
+            // Carry the ancestor hierarchy through for the expandable hierarchy rows.
+            hierarchy: group.hierarchy ?? [],
+        };
+    }
     /**
      * Logs attendance for a meeting. Marks the meeting in-flight (retaining the
      * prior displayed state), posts through `HttpService`, applies the
@@ -1656,16 +2231,29 @@ class DashboardService {
      * @memberof DashboardService
      */
     seedAttendanceStates(events) {
+        const meetings = events.flatMap((event) => event.meetings ?? []);
+        this.seedAttendanceStatesFromMeetings(meetings);
+    }
+    /**
+     * Seeds the attendance-state map from a list of meeting rows, using each
+     * meeting's `attendanceState` (defaulting to `NOT_ATTENDING`) without
+     * overwriting ids absent from the new list. Shared by the list load and the
+     * per-event expand so freshly loaded child meetings pick up their state.
+     * @param {MeetingRow[]} meetings - The meeting rows to seed from.
+     * @return {void}
+     * @memberof DashboardService
+     */
+    seedAttendanceStatesFromMeetings(meetings) {
         const next = {
             ...this.attendanceStates.value,
         };
-        events.forEach((event) => {
-            event.meetings?.forEach((meeting) => {
-                if (meeting.meetingId) {
-                    next[meeting.meetingId] =
-                        meeting.attendanceState ?? AttendanceState.NOT_ATTENDING;
-                }
-            });
+        meetings.forEach((meeting) => {
+            if (meeting.meetingId) {
+                next[meeting.meetingId] =
+                    meeting.attendanceState ??
+                        next[meeting.meetingId] ??
+                        AttendanceState.NOT_ATTENDING;
+            }
         });
         this.attendanceStates.next(next);
     }
@@ -1807,10 +2395,14 @@ class DashboardComponent {
         };
         /** Whether the viewport is at/below the mobile breakpoint (Req 15.1, 15.2). */
         this.isMobileView = false;
+        /** Whether the Upcoming Meetings & Events card is expanded. Starts collapsed. */
+        this.meetingsExpanded = false;
+        /** Whether the Your Groups card is expanded. Starts collapsed. */
+        this.groupsExpanded = false;
         /** The current zero-based page index of the groups table. */
         this.groupsPageIndex = 0;
-        /** The current page size of the groups table. */
-        this.groupsPageSize = 10;
+        /** The current page size of the groups table (5 rows per page per the design). */
+        this.groupsPageSize = 5;
         /** Completes on destroy to tear down all subscriptions (Req 2.4, 2.5). */
         this.destroy$ = new Subject();
     }
@@ -1852,19 +2444,30 @@ class DashboardComponent {
         // No date-scoped reload yet; retained for future date filtering (Req 4.4).
     }
     /**
-     * Handles a welcome-header "Jump to" shortcut, emitting the navigation intent
-     * for the matching section so the host app routes to it: MEETINGS →
-     * `viewAllEvents` (/events-and-meetings/view-events-meetings-list), GROUPS →
-     * `viewAllGroups` (/groups).
+     * Handles a welcome-header "Jump to" shortcut: opens the matching section's
+     * card (so its content is visible) and smoothly scrolls it into view. It does
+     * NOT navigate away — the shortcut is an in-page jump to the section.
      * @param {DashboardJumpTarget} target - The selected shortcut target.
      * @return {void}
      * @memberof DashboardComponent
      */
     onJumpToShortcut(target) {
-        const path = target === DashboardJumpTarget.MEETINGS
-            ? this.activeRouteConfig.viewAllEvents
-            : this.activeRouteConfig.viewAllGroups;
-        this.emitNavigation(path);
+        const section = target === DashboardJumpTarget.MEETINGS
+            ? this.upcomingSection
+            : this.groupsSection;
+        if (target === DashboardJumpTarget.MEETINGS) {
+            this.meetingsExpanded = true;
+        }
+        else {
+            this.groupsExpanded = true;
+        }
+        // Scroll after the expand has rendered so the target's final position is used.
+        setTimeout(() => {
+            section?.nativeElement?.scrollIntoView({
+                behavior: 'smooth',
+                block: 'start',
+            });
+        });
     }
     /**
      * Emits the "View All" upcoming-events navigation intent, targeting the
@@ -1925,6 +2528,25 @@ class DashboardComponent {
         this.groupsPageIndex = page.pageIndex;
         this.groupsPageSize = page.pageSize;
     }
+    /**
+     * Lazily loads (or paginates) the child meetings of an expanded EVENT card via
+     * the service, surfacing the attendance error message on failure. Each event
+     * paginates independently.
+     * @param {{ eventId: string; page: number }} request - The event id and one-based page to load.
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    onLoadEventMeetings(request) {
+        if (!request?.eventId) {
+            return;
+        }
+        this.dashboardService
+            .loadEventMeetings(request.eventId, request.page)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            error: () => this.showAttendanceError(),
+        });
+    }
     /**
      * Delegates a log-attendance request to the service, surfacing the
      * attendance-action error message via the shared {@link AlertsService} on
@@ -2066,7 +2688,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], 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    [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      class=\"ieeesa-dashboard__upcoming\"\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    ></ieeesa-upcoming-meetings-events>\r\n\r\n    <ieeesa-your-groups\r\n      [groups]=\"groups | slice: (groupsPageIndex * groupsPageSize) : ((groupsPageIndex + 1) * groupsPageSize)\"\r\n      [sectionState]=\"groupsState\"\r\n      [totalGroups]=\"groups.length\"\r\n      [pageIndex]=\"groupsPageIndex\"\r\n      [pageSize]=\"groupsPageSize\"\r\n      (groupSelected)=\"onGroupSelected($event)\"\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}.ieeesa-dashboard__content{display:flex;flex-direction:column;gap:24px}.ieeesa-dashboard__welcome,.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: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "component", type: UpcomingMeetingsEventsComponent, selector: "ieeesa-upcoming-meetings-events", inputs: ["events", "sectionState", "permissions", "attendanceStates", "inFlightMeetingIds", "isMobileView"], outputs: ["viewAll", "viewEvent", "openMeeting", "logAttendance", "leaveMeeting", "meetingPageChange"] }, { kind: "component", type: YourGroupsComponent, selector: "ieeesa-your-groups", inputs: ["groups", "sectionState", "totalGroups", "pageIndex", "pageSize"], outputs: ["groupSelected", "viewAllGroups", "pageChange"] }, { 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      (viewAll)=\"onViewAllEvents()\"\r\n      (viewEvent)=\"onViewEvent($event)\"\r\n      (openMeeting)=\"onOpenMeeting($event)\"\r\n      (logAttendance)=\"onLogAttendance($event)\"\r\n      (leaveMeeting)=\"onLeaveMeeting($event)\"\r\n      (loadEventMeetings)=\"onLoadEventMeetings($event)\"\r\n    ></ieeesa-upcoming-meetings-events>\r\n\r\n    <ieeesa-your-groups\r\n      #groupsSection\r\n      [(expanded)]=\"groupsExpanded\"\r\n      [groups]=\"groups\"\r\n      [sectionState]=\"groupsState\"\r\n      [totalGroups]=\"groups.length\"\r\n      [pageIndex]=\"groupsPageIndex\"\r\n      [pageSize]=\"groupsPageSize\"\r\n      (viewAllGroups)=\"onViewAllGroups()\"\r\n      (pageChange)=\"onGroupsPageChange($event)\"\r\n    ></ieeesa-your-groups>\r\n  </main>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-dashboard{display:flex;flex-direction:column;gap:24px;padding:16px;height:100vh;max-height:100vh;overflow:hidden}.ieeesa-dashboard__welcome{display:block;flex:0 0 auto}.ieeesa-dashboard__content{display:flex;flex-direction:column;gap:24px;flex:1 1 auto;overflow-y:auto;padding-right:4px}.ieeesa-dashboard__upcoming,.ieeesa-dashboard__groups,.ieeesa-dashboard__footer{display:block}.ieeesa-dashboard--mobile{padding:8px;gap:16px}.ieeesa-dashboard--mobile .ieeesa-dashboard__content{gap:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: UpcomingMeetingsEventsComponent, selector: "ieeesa-upcoming-meetings-events", inputs: ["events", "sectionState", "permissions", "attendanceStates", "inFlightMeetingIds", "isMobileView", "expanded"], outputs: ["viewAll", "viewEvent", "openMeeting", "logAttendance", "leaveMeeting", "meetingPageChange", "loadEventMeetings", "expandedChange"] }, { kind: "component", type: YourGroupsComponent, selector: "ieeesa-your-groups", inputs: ["groups", "sectionState", "totalGroups", "pageIndex", "pageSize", "expanded"], outputs: ["viewAllGroups", "pageChange", "expandedChange"] }, { kind: "component", type: DashboardWelcomeHeaderComponent, selector: "ieeesa-dashboard-welcome-header", inputs: ["userName", "meetingsCount", "groupsCount"], outputs: ["shortcutSelected"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardComponent, decorators: [{
             type: Component,
@@ -2075,7 +2697,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    [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      class=\"ieeesa-dashboard__upcoming\"\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    ></ieeesa-upcoming-meetings-events>\r\n\r\n    <ieeesa-your-groups\r\n      [groups]=\"groups | slice: (groupsPageIndex * groupsPageSize) : ((groupsPageIndex + 1) * groupsPageSize)\"\r\n      [sectionState]=\"groupsState\"\r\n      [totalGroups]=\"groups.length\"\r\n      [pageIndex]=\"groupsPageIndex\"\r\n      [pageSize]=\"groupsPageSize\"\r\n      (groupSelected)=\"onGroupSelected($event)\"\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}.ieeesa-dashboard__content{display:flex;flex-direction:column;gap:24px}.ieeesa-dashboard__welcome,.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      (viewAll)=\"onViewAllEvents()\"\r\n      (viewEvent)=\"onViewEvent($event)\"\r\n      (openMeeting)=\"onOpenMeeting($event)\"\r\n      (logAttendance)=\"onLogAttendance($event)\"\r\n      (leaveMeeting)=\"onLeaveMeeting($event)\"\r\n      (loadEventMeetings)=\"onLoadEventMeetings($event)\"\r\n    ></ieeesa-upcoming-meetings-events>\r\n\r\n    <ieeesa-your-groups\r\n      #groupsSection\r\n      [(expanded)]=\"groupsExpanded\"\r\n      [groups]=\"groups\"\r\n      [sectionState]=\"groupsState\"\r\n      [totalGroups]=\"groups.length\"\r\n      [pageIndex]=\"groupsPageIndex\"\r\n      [pageSize]=\"groupsPageSize\"\r\n      (viewAllGroups)=\"onViewAllGroups()\"\r\n      (pageChange)=\"onGroupsPageChange($event)\"\r\n    ></ieeesa-your-groups>\r\n  </main>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-dashboard{display:flex;flex-direction:column;gap:24px;padding:16px;height:100vh;max-height:100vh;overflow:hidden}.ieeesa-dashboard__welcome{display:block;flex:0 0 auto}.ieeesa-dashboard__content{display:flex;flex-direction:column;gap:24px;flex:1 1 auto;overflow-y:auto;padding-right:4px}.ieeesa-dashboard__upcoming,.ieeesa-dashboard__groups,.ieeesa-dashboard__footer{display:block}.ieeesa-dashboard--mobile{padding:8px;gap:16px}.ieeesa-dashboard--mobile .ieeesa-dashboard__content{gap:16px}\n"] }]
         }], ctorParameters: function () { return [{ type: DashboardService }, { type: UserPermissionsService }, { type: i3.BreakpointObserverService }, { type: i1$1.AlertsService }]; }, propDecorators: { routePaths: [{
                 type: Input
             }], apiBaseURL: [{
@@ -2086,6 +2708,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], dashboardNavigate: [{
                 type: Output
+            }], upcomingSection: [{
+                type: ViewChild,
+                args: ['upcomingSection', { read: ElementRef }]
+            }], groupsSection: [{
+                type: ViewChild,
+                args: ['groupsSection', { read: ElementRef }]
             }] } });
 
 var dashboard_component = /*#__PURE__*/Object.freeze({
@@ -2186,13 +2814,22 @@ 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.
+ */
+
 const DashboardRoutePathsMock = {
     eventDetail: 'events-and-meetings/view-event',
     meetingDetail: 'events-and-meetings/view-meeting',
-    // The demo app only registers a flat `groups` route (no group-detail screen),
-    // so group-row navigation targets it rather than a `view-group` child that
-    // the demo does not implement. A consuming app with a real group-detail route
-    // supplies its own path via the `routePaths` input.
+    /*
+     * The demo app only registers a flat `groups` route (no group-detail screen),
+     * so group-row navigation targets it rather than a `view-group` child that the
+     * demo does not implement. A consuming app with a real group-detail route
+     * supplies its own path via the `routePaths` input.
+     */
     groupDetail: 'groups',
     viewAllEvents: 'events-and-meetings/view-events-meetings-list',
     viewAllGroups: 'groups',
@@ -2221,6 +2858,225 @@ const DashboardUserPermissionsMock = [
     },
 ];
 
+/**
+ * Mock upcoming-events + groups fixtures for the dashboard library.
+ *
+ * These exercise the key presentation edge cases:
+ * - empty/undefined `groupOrCommittee` and `roomOrLocation` (empty-field placeholder)
+ * - a mix of `CURRENTLY_ATTENDING` / `NOT_ATTENDING` attendance states
+ * - events with many meetings so per-card pagination is exercised
+ *
+ * TODO: Replace mock with real API call when BE is ready
+ */
+const DashboardUpcomingEventsMock = [
+    {
+        eventId: 'EVT-001',
+        kind: UpcomingItemKind.EVENT,
+        title: 'NESC Revision Cycle Kickoff',
+        status: 'In Progress',
+        dayIndicator: 'Day 1 of 3',
+        meetingCount: 6,
+        openForAttendanceCount: 3,
+        startDate: '2025-03-14T09:00:00',
+        endDate: '2025-03-16T17:00:00',
+        timezone: 'America/New_York',
+        meetings: [
+            {
+                meetingId: 'MTG-001',
+                meetingName: 'Opening Plenary',
+                groupOrCommittee: 'NESC Main Committee',
+                roomOrLocation: 'Grand Ballroom A',
+                meetingDate: '2025-03-14T09:00:00',
+                meetingTime: '2025-03-14T09:00:00',
+                timezone: 'America/New_York',
+                isOpenForAttendance: true,
+                attendanceState: AttendanceState.CURRENTLY_ATTENDING,
+            },
+            {
+                meetingId: 'MTG-002',
+                meetingName: 'Subcommittee 1 Working Session',
+                groupOrCommittee: 'Subcommittee 1 - Grounding',
+                // RoomOrLocation intentionally omitted to exercise the empty-field placeholder.
+                meetingDate: '2025-03-14T11:00:00',
+                meetingTime: '2025-03-14T11:00:00',
+                timezone: 'America/New_York',
+                isOpenForAttendance: true,
+                attendanceState: AttendanceState.NOT_ATTENDING,
+            },
+            {
+                meetingId: 'MTG-003',
+                meetingName: 'Subcommittee 2 Working Session',
+                // GroupOrCommittee intentionally empty to exercise the empty-field placeholder.
+                groupOrCommittee: '',
+                roomOrLocation: 'Room 204',
+                meetingDate: '2025-03-14T13:30:00',
+                meetingTime: '2025-03-14T13:30:00',
+                timezone: 'America/New_York',
+                isOpenForAttendance: true,
+                attendanceState: AttendanceState.NOT_ATTENDING,
+            },
+            {
+                meetingId: 'MTG-004',
+                meetingName: 'Editorial Review',
+                groupOrCommittee: 'Editorial Task Force',
+                roomOrLocation: 'Room 118',
+                meetingDate: '2025-03-15T09:00:00',
+                meetingTime: '2025-03-15T09:00:00',
+                timezone: 'America/New_York',
+                isOpenForAttendance: false,
+                attendanceState: AttendanceState.NOT_ATTENDING,
+            },
+            {
+                meetingId: 'MTG-005',
+                meetingName: 'Interpretations Panel',
+                groupOrCommittee: 'Interpretations Subcommittee',
+                roomOrLocation: 'Room 310',
+                meetingDate: '2025-03-15T14:00:00',
+                meetingTime: '2025-03-15T14:00:00',
+                timezone: 'America/New_York',
+                isOpenForAttendance: true,
+                attendanceState: AttendanceState.CURRENTLY_ATTENDING,
+            },
+            {
+                meetingId: 'MTG-006',
+                meetingName: 'Closing Plenary',
+                groupOrCommittee: 'NESC Main Committee',
+                roomOrLocation: 'Grand Ballroom A',
+                meetingDate: '2025-03-16T15:00:00',
+                meetingTime: '2025-03-16T15:00:00',
+                timezone: 'America/New_York',
+                isOpenForAttendance: false,
+                attendanceState: AttendanceState.NOT_ATTENDING,
+            },
+        ],
+    },
+    {
+        eventId: 'EVT-002',
+        kind: UpcomingItemKind.EVENT,
+        title: 'Standards Board Quarterly Meeting',
+        status: 'Upcoming',
+        dayIndicator: 'Day 1 of 1',
+        meetingCount: 3,
+        openForAttendanceCount: 1,
+        startDate: '2025-04-02T08:30:00',
+        endDate: '2025-04-02T16:00:00',
+        timezone: 'America/Los_Angeles',
+        meetings: [
+            {
+                meetingId: 'MTG-101',
+                meetingName: 'Board Opening Remarks',
+                groupOrCommittee: 'Standards Board',
+                roomOrLocation: 'Pacific Hall',
+                meetingDate: '2025-04-02T08:30:00',
+                meetingTime: '2025-04-02T08:30:00',
+                timezone: 'America/Los_Angeles',
+                isOpenForAttendance: true,
+                attendanceState: AttendanceState.NOT_ATTENDING,
+            },
+            {
+                meetingId: 'MTG-102',
+                meetingName: 'Ballot Review Session',
+                // Both optional location/group fields omitted to exercise placeholders.
+                meetingDate: '2025-04-02T10:30:00',
+                meetingTime: '2025-04-02T10:30:00',
+                timezone: 'America/Los_Angeles',
+                isOpenForAttendance: false,
+                attendanceState: AttendanceState.NOT_ATTENDING,
+            },
+            {
+                meetingId: 'MTG-103',
+                meetingName: 'Action Items & Wrap-up',
+                groupOrCommittee: 'Standards Board',
+                roomOrLocation: 'Pacific Hall',
+                meetingDate: '2025-04-02T15:00:00',
+                meetingTime: '2025-04-02T15:00:00',
+                timezone: 'America/Los_Angeles',
+                isOpenForAttendance: false,
+                attendanceState: AttendanceState.CURRENTLY_ATTENDING,
+            },
+        ],
+    },
+    {
+        eventId: 'EVT-003',
+        kind: UpcomingItemKind.EVENT,
+        title: 'Working Group Interim',
+        status: 'Upcoming',
+        // DayIndicator intentionally omitted (optional field).
+        meetingCount: 0,
+        openForAttendanceCount: 0,
+        startDate: '2025-05-20T09:00:00',
+        endDate: '2025-05-20T12:00:00',
+        timezone: 'Europe/London',
+        meetings: [],
+    },
+];
+/**
+ * Mock a single meeting row with an empty `meetingId` to exercise the
+ * non-actionable (empty/undefined id) path in the meeting row component.
+ *
+ * TODO: Replace mock with real API call when BE is ready
+ */
+const DashboardNonActionableMeetingMock = {
+    meetingId: '',
+    meetingName: 'Unscheduled Placeholder Session',
+    groupOrCommittee: '',
+    meetingDate: '2025-06-01T09:00:00',
+    meetingTime: '2025-06-01T09:00:00',
+    timezone: 'America/New_York',
+    isOpenForAttendance: false,
+    attendanceState: AttendanceState.NOT_ATTENDING,
+};
+/**
+ * Mock groups fixtures for the dashboard "Your Groups" section.
+ *
+ * Includes rows with missing optional fields (`type`, `officerRole`,
+ * `affiliation`) and a spread of member levels so the member-level badge
+ * colour map and empty-field placeholders are exercised.
+ *
+ * TODO: Replace mock with real API call when BE is ready
+ */
+const DashboardGroupsMock = [
+    {
+        groupId: 'GRP-001',
+        group: 'NESC Main Committee',
+        type: 'Committee',
+        officerRole: 'Chair',
+        affiliation: 'Employer Corp',
+        memberLevel: 'Senior Member',
+    },
+    {
+        groupId: 'GRP-002',
+        group: 'Subcommittee 1 - Grounding',
+        type: 'Subcommittee',
+        // OfficerRole intentionally omitted (member with no officer role).
+        affiliation: 'Standards Member',
+        memberLevel: 'Member',
+    },
+    {
+        groupId: 'GRP-003',
+        group: 'Editorial Task Force',
+        // Type and affiliation intentionally omitted to exercise placeholders.
+        officerRole: 'Secretary',
+        memberLevel: 'Fellow',
+    },
+    {
+        groupId: 'GRP-004',
+        group: 'Interpretations Subcommittee',
+        type: 'Subcommittee',
+        officerRole: 'Member',
+        affiliation: 'Tech Solutions Inc',
+        memberLevel: 'Associate Member',
+    },
+    {
+        groupId: 'GRP-005',
+        group: 'Standards Board',
+        type: 'Board',
+        officerRole: 'Vice Chair',
+        affiliation: 'CodeCraft Studio',
+        memberLevel: 'Senior Member',
+    },
+];
+
 /*
  * Public API Surface of dashboard
  */
@@ -2230,5 +3086,5 @@ const DashboardUserPermissionsMock = [
  * Generated bundle index. Do not edit.
  */
 
-export { AttendanceState, DASHBOARD_ROUTES, DashboardComponent, DashboardGroupsMock, DashboardJumpTarget, DashboardModule, DashboardNonActionableMeetingMock, DashboardPermissionType, DashboardRoutePathsMock, DashboardSectionState, DashboardService, DashboardUpcomingEventsMock, DashboardUserPermissionsMock, DashboardWelcomeHeaderComponent, EventGroupCardComponent, MeetingAttendanceRowComponent, MemberLevelBadgeComponent, UpcomingMeetingsEventsComponent, UserPermissionsService, YourGroupsComponent };
+export { AttendanceState, DASHBOARD_ROUTES, DashboardComponent, DashboardGroupsMock, DashboardJumpTarget, DashboardModule, DashboardNonActionableMeetingMock, DashboardPermissionType, DashboardRoutePathsMock, DashboardSectionState, DashboardService, DashboardUpcomingEventsMock, DashboardUserPermissionsMock, DashboardWelcomeHeaderComponent, EventGroupCardComponent, MeetingAttendanceRowComponent, MemberLevelBadgeComponent, UpcomingItemKind, UpcomingMeetingsEventsComponent, UserPermissionsService, YourGroupsComponent };
 //# sourceMappingURL=ieeesa-npm-dashboard.mjs.map