@ieeesa-npm/dashboard 0.0.0-stage → 0.0.1

package/fesm2022/ieeesa-npm-dashboard.mjs

@@ -0,0 +1,2234 @@
+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 { 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 { DateTime } from 'luxon';
+
+/* eslint-disable no-unused-vars */
+var DashboardSectionState;
+(function (DashboardSectionState) {
+    DashboardSectionState["LOADING"] = "LOADING";
+    DashboardSectionState["LOADED"] = "LOADED";
+    DashboardSectionState["EMPTY"] = "EMPTY";
+    DashboardSectionState["ERROR"] = "ERROR";
+})(DashboardSectionState || (DashboardSectionState = {}));
+
+/* eslint-disable no-unused-vars */
+var AttendanceState;
+(function (AttendanceState) {
+    AttendanceState["CURRENTLY_ATTENDING"] = "CURRENTLY_ATTENDING";
+    AttendanceState["NOT_ATTENDING"] = "NOT_ATTENDING";
+})(AttendanceState || (AttendanceState = {}));
+
+/**
+ * Luxon format tokens used across the dashboard library for rendering
+ * event/meeting dates, times, and timezones.
+ *
+ * These tokens follow the luxon `DateTime.toFormat()` convention
+ * (NOT moment). New code in this library must use luxon exclusively.
+ *
+ * @see https://moment.github.io/luxon/#/formatting?id=table-of-tokens
+ */
+const DateFormats = {
+    /** ISO date used for request payloads, e.g. 2025-03-14. */
+    requestPayloadFormat: 'yyyy-MM-dd',
+    /** ISO date-time used for request payloads, e.g. 2025-03-14T09:30:00. */
+    requestPayloadDateTimeFormat: "yyyy-MM-dd'T'HH:mm:ss",
+    /** Human-readable date for display, e.g. 14 Mar 2025. */
+    displayFormat: 'dd MMM yyyy',
+    /** Human-readable long date for display, e.g. 14 March 2025. */
+    displayLongFormat: 'dd MMMM yyyy',
+    /** 24-hour time for display, e.g. 09:30. */
+    timeFormat: 'HH:mm',
+    /** 12-hour time with meridiem for display, e.g. 9:30 AM. */
+    timeMeridiemFormat: 'h:mm a',
+    /** Short timezone abbreviation for display, e.g. EST. */
+    timezoneFormat: 'ZZZZ',
+    /** Long timezone name for display, e.g. Eastern Standard Time. */
+    timezoneLongFormat: 'ZZZZZ',
+};
+
+/**
+ * Pure helpers for the per-meeting attendance action state machine. No Angular /
+ * service dependencies so they are trivially testable (property-tested as
+ * Property 1) and reusable by `MeetingAttendanceRowComponent`.
+ *
+ * The handler is the single source of truth for what a meeting row's action
+ * button should emit when activated. The displayed `AttendanceState` only
+ * advances on a successful resolution (handled by the service reducers), so this
+ * function is a pure mapping from the current inputs to the action to emit.
+ */
+/* eslint-disable no-unused-vars */
+/**
+ * The action a meeting row's action button should emit when activated.
+ * `NONE` means the activation is non-actionable (empty id or in-flight) and the
+ * row must emit no `logAttendance` / `leaveMeeting` / navigation event.
+ */
+var AttendanceAction;
+(function (AttendanceAction) {
+    AttendanceAction["LOG_ATTENDANCE"] = "LOG_ATTENDANCE";
+    AttendanceAction["LEAVE_MEETING"] = "LEAVE_MEETING";
+    AttendanceAction["NONE"] = "NONE";
+})(AttendanceAction || (AttendanceAction = {}));
+/* eslint-enable no-unused-vars */
+/**
+ * Resolves the attendance action to emit for a meeting row, following the
+ * attendance action state machine (see design: Attendance Action State Machine).
+ *
+ * Behavior:
+ * - Returns `NONE` when `meetingId` is empty or undefined (non-actionable row).
+ * - Returns `NONE` while the row is in-flight (re-entrancy guard — no further
+ *   event is emitted until the current action resolves).
+ * - Returns `LEAVE_MEETING` when the state is `CURRENTLY_ATTENDING`.
+ * - Returns `LOG_ATTENDANCE` when the state is `NOT_ATTENDING` or undefined.
+ *
+ * @param {AttendanceState | undefined} attendanceState The row's current attendance state.
+ * @param {boolean} isInFlight Whether an attendance action for this row is awaiting resolution.
+ * @param {string | undefined} meetingId The row's meeting identifier.
+ * @return {AttendanceAction} The action to emit, or `NONE` when non-actionable.
+ */
+function resolveAttendanceAction(attendanceState, isInFlight, meetingId) {
+    if (!meetingId) {
+        return AttendanceAction.NONE;
+    }
+    if (isInFlight) {
+        return AttendanceAction.NONE;
+    }
+    if (attendanceState === AttendanceState.CURRENTLY_ATTENDING) {
+        return AttendanceAction.LEAVE_MEETING;
+    }
+    return AttendanceAction.LOG_ATTENDANCE;
+}
+
+var welcomeHeader = {
+	greeting: "Welcome back, ",
+	fallbackGreeting: "Welcome back",
+	helperText: "Here's what's happening inside the portal",
+	jumpToLabel: "JUMP TO",
+	shortcuts: {
+		meetings: {
+			label: "Upcoming Meetings & Events",
+			iconUrl: "/assets/images/icons/attendance-flag.svg",
+			ariaLabel: "Jump to upcoming meetings and events"
+		},
+		groups: {
+			label: "Your Groups",
+			iconUrl: "/assets/images/icons/icon-committees.svg",
+			ariaLabel: "Jump to your groups"
+		}
+	}
+};
+var upcomingSection = {
+	title: "Upcoming Meetings & Events",
+	viewAllLabel: "View All",
+	expandLabel: "Expand",
+	collapseLabel: "Collapse",
+	ariaLabel: {
+		viewAll: "View all upcoming meetings and events",
+		toggle: "Collapse or expand upcoming meetings and events"
+	},
+	emptyMessage: "You have no upcoming meetings or events.",
+	errorMessage: "Unable to load upcoming meetings and events. Please try again."
+};
+var eventGroupCard = {
+	viewEventLabel: "View Event",
+	meetingListToggle: {
+		showLabelPrefix: "Show Meetings (",
+		showLabelSuffix: " open for attendance)",
+		hideLabel: "Hide Meetings"
+	},
+	ariaLabel: {
+		viewEvent: "View event details",
+		meetingListToggle: "Show or hide the meeting list for this event"
+	},
+	paginator: {
+		rangeTemplate: "Showing {start}-{end} of {total}",
+		totalTemplate: "{total} meetings"
+	}
+};
+var meetingRow = {
+	emptyFieldPlaceholder: "—",
+	currentlyAttendingIndicator: "Currently Attending",
+	logAttendanceLabel: "Log Attendance",
+	leaveMeetingLabel: "Leave Meeting",
+	ariaLabel: {
+		meetingNameLink: "View meeting details",
+		logAttendance: "Log attendance for this meeting",
+		leaveMeeting: "Leave this meeting"
+	}
+};
+var groupsSection = {
+	title: "Your Groups",
+	viewAllLabel: "View All",
+	expandLabel: "Expand",
+	collapseLabel: "Collapse",
+	countSuffix: "Groups",
+	emptyValue: "-",
+	ariaLabel: {
+		viewAll: "View all your groups",
+		toggle: "Collapse or expand your groups",
+		groupLink: "View group details"
+	},
+	columns: {
+		group: "Group",
+		type: "Type",
+		officerRole: "Officer Role",
+		affiliation: "Affiliation",
+		memberLevel: "Member Level"
+	},
+	paginator: {
+		rangeTemplate: "Showing {start}-{end} of {total}",
+		totalTemplate: "{total} groups"
+	},
+	memberLevelBadge: {
+		votingMember: "ieeesa-your-groups__badge--success",
+		"default": "ieeesa-your-groups__badge--warning"
+	},
+	emptyMessage: "You are not a member of any groups.",
+	errorMessage: "Unable to load your groups. Please try again."
+};
+var memberLevel = {
+	colorMap: {
+		"Voting Member": "$ieeesa-color-success",
+		Observer: "$ieeesa-color-info",
+		"Associate Member": "$ieeesa-color-warning",
+		Member: "$ieeesa-color-primary",
+		"default": "$ieeesa-color-neutral"
+	}
+};
+var attendance = {
+	errorMessage: "Unable to update your attendance. Please try again."
+};
+var footer = {
+	links: [
+		{
+			label: "Dashboard",
+			target: "/dashboard"
+		},
+		{
+			label: "Contact & Support",
+			target: "https://supportcenter.ieee.org/app/home"
+		},
+		{
+			label: "Accessibility",
+			target: "https://www.ieee.org/accessibility-statement.html"
+		},
+		{
+			label: "Nondiscrimination Policy",
+			target: "https://www.ieee.org/about/corporate/governance/p9-26.html"
+		},
+		{
+			label: "IEEE Ethics Reporting",
+			target: "https://www.ieee.org/about/ethics/index.html"
+		},
+		{
+			label: "IEEE Privacy Policy",
+			target: "https://www.ieee.org/security-privacy.html"
+		},
+		{
+			label: "IEEE SA Copyright Policy",
+			target: "https://standards.ieee.org/about/policies/"
+		}
+	],
+	copyright: "© Copyright 2024 IEEE - All rights reserved. Use of this website signifies your agreement to the IEEE Terms and Conditions."
+};
+var defaultRouteConfig = {
+	eventDetail: "/events",
+	meetingDetail: "/meetings",
+	groupDetail: "/groups",
+	viewAllEvents: "/events-and-meetings/view-events-meetings-list",
+	viewAllGroups: "/groups"
+};
+var constants = {
+	welcomeHeader: welcomeHeader,
+	upcomingSection: upcomingSection,
+	eventGroupCard: eventGroupCard,
+	meetingRow: meetingRow,
+	groupsSection: groupsSection,
+	memberLevel: memberLevel,
+	attendance: attendance,
+	footer: footer,
+	defaultRouteConfig: defaultRouteConfig
+};
+
+var constants$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    attendance: attendance,
+    default: constants,
+    defaultRouteConfig: defaultRouteConfig,
+    eventGroupCard: eventGroupCard,
+    footer: footer,
+    groupsSection: groupsSection,
+    meetingRow: meetingRow,
+    memberLevel: memberLevel,
+    upcomingSection: upcomingSection,
+    welcomeHeader: welcomeHeader
+});
+
+/**
+ * Meeting_Attendance_Row renders a single meeting within an event-group card:
+ * the meeting-name link, group/committee, room/location, date, and
+ * time+timezone (all luxon-formatted), together with the attendance action
+ * button that drives the per-meeting attendance state machine.
+ *
+ * The component is purely presentational — it emits navigation and attendance
+ * intents via `@Output()` and never performs navigation or HTTP itself. The
+ * action button delegates to the pure `resolveAttendanceAction` handler so the
+ * emit/guard logic is shared with the property-tested core (Property 1), and the
+ * displayed state only advances when the host updates `attendanceState`.
+ * @export
+ * @class MeetingAttendanceRowComponent
+ */
+class MeetingAttendanceRowComponent {
+    constructor() {
+        this.constants = constants$1;
+        /** The current attendance state controlling label/indicator and action. */
+        this.attendanceState = AttendanceState.NOT_ATTENDING;
+        /** Whether an attendance action for this meeting is awaiting resolution. */
+        this.isInFlight = false;
+        /** Host permissions gating the log-attendance / leave-meeting buttons. */
+        this.permissions = {
+            canLogAttendance: false,
+            canLeaveMeeting: false,
+        };
+        /** Emits the meeting id when the meeting-name link is activated (Req 7.4). */
+        this.openMeeting = new EventEmitter();
+        /** Emits the meeting id to request logging attendance (Req 7.7). */
+        this.logAttendance = new EventEmitter();
+        /** Emits the meeting id to request leaving the meeting (Req 7.8). */
+        this.leaveMeeting = new EventEmitter();
+        /** Expose the enum to the template for state comparisons. */
+        this.AttendanceState = AttendanceState;
+    }
+    /**
+     * Whether this row is actionable — a non-empty `meetingId` is required for the
+     * meeting-name link and action button to emit anything (Req 7.10).
+     * @return {boolean} True when the row has a usable meeting id.
+     * @memberof MeetingAttendanceRowComponent
+     */
+    get isActionable() {
+        return !!this.meeting?.meetingId;
+    }
+    /**
+     * Whether the row is in the currently-attending state, which shows the
+     * currently-attending indicator and the leave-meeting action (Req 7.5).
+     * @return {boolean} True when the attendance state is `CURRENTLY_ATTENDING`.
+     * @memberof MeetingAttendanceRowComponent
+     */
+    get isCurrentlyAttending() {
+        return this.attendanceState === AttendanceState.CURRENTLY_ATTENDING;
+    }
+    /**
+     * Whether the log-attendance button should be shown: only when the row is in
+     * the log state (not currently attending) and the host grants
+     * `canLogAttendance` (Req 7.6, 12.1).
+     * @return {boolean} True when the log-attendance button is visible.
+     * @memberof MeetingAttendanceRowComponent
+     */
+    get showLogAttendanceButton() {
+        return !this.isCurrentlyAttending && !!this.permissions?.canLogAttendance;
+    }
+    /**
+     * Whether the leave-meeting button should be shown: only when the row is in
+     * the currently-attending state and the host grants `canLeaveMeeting`
+     * (Req 7.5, 12.2).
+     * @return {boolean} True when the leave-meeting button is visible.
+     * @memberof MeetingAttendanceRowComponent
+     */
+    get showLeaveMeetingButton() {
+        return this.isCurrentlyAttending && !!this.permissions?.canLeaveMeeting;
+    }
+    /**
+     * Resolves a group-or-committee / room-or-location field value, substituting
+     * the empty-field placeholder from `constants.json` when the value is empty or
+     * undefined (Req 7.2).
+     * @param {string | undefined} value - The raw field value from the meeting.
+     * @return {string} The value to display, or the empty-field placeholder.
+     * @memberof MeetingAttendanceRowComponent
+     */
+    resolveFieldValue(value) {
+        const placeholder = this.constants?.meetingRow?.emptyFieldPlaceholder ?? '—';
+        return value && value.trim().length > 0 ? value : placeholder;
+    }
+    /**
+     * Formats the meeting date for display using the shared luxon display format
+     * (Req 7.3). Falls back to the raw value when it cannot be parsed.
+     * @return {string} The formatted meeting date.
+     * @memberof MeetingAttendanceRowComponent
+     */
+    get formattedDate() {
+        return this.formatIso(this.meeting?.meetingDate, DateFormats.displayFormat);
+    }
+    /**
+     * Formats the meeting time + timezone for display using luxon (Req 7.3).
+     * The timezone abbreviation from the meeting model is appended to the parsed
+     * time. Falls back to the raw value when it cannot be parsed.
+     * @return {string} The formatted meeting time with timezone.
+     * @memberof MeetingAttendanceRowComponent
+     */
+    get formattedTime() {
+        const time = this.formatIso(this.meeting?.meetingTime, DateFormats.timeMeridiemFormat);
+        const timezone = this.meeting?.timezone ?? '';
+        return timezone ? `${time} ${timezone}` : time;
+    }
+    /**
+     * Handles activation of the attendance action button. Delegates to the pure
+     * `resolveAttendanceAction` handler and emits exactly one event based on the
+     * resolved action: `logAttendance` for `LOG_ATTENDANCE`, `leaveMeeting` for
+     * `LEAVE_MEETING`, and nothing for `NONE` (empty id or in-flight)
+     * (Req 7.7, 7.8, 7.9, 7.10, 13.6).
+     * @memberof MeetingAttendanceRowComponent
+     */
+    onAttendanceAction() {
+        const action = resolveAttendanceAction(this.attendanceState, this.isInFlight, this.meeting?.meetingId);
+        if (action === AttendanceAction.LOG_ATTENDANCE) {
+            this.logAttendance.emit(this.meeting.meetingId);
+            return;
+        }
+        if (action === AttendanceAction.LEAVE_MEETING) {
+            this.leaveMeeting.emit(this.meeting.meetingId);
+        }
+    }
+    /**
+     * Handles activation of the meeting-name link. Emits the meeting id only when
+     * the row is actionable (non-empty meeting id) (Req 7.4, 7.10).
+     * @memberof MeetingAttendanceRowComponent
+     */
+    onOpenMeeting() {
+        if (!this.isActionable) {
+            return;
+        }
+        this.openMeeting.emit(this.meeting.meetingId);
+    }
+    /**
+     * 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 }); }
+}
+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"] }]
+        }], propDecorators: { meeting: [{
+                type: Input
+            }], attendanceState: [{
+                type: Input
+            }], isInFlight: [{
+                type: Input
+            }], permissions: [{
+                type: Input
+            }], openMeeting: [{
+                type: Output
+            }], logAttendance: [{
+                type: Output
+            }], leaveMeeting: [{
+                type: Output
+            }] } });
+
+/**
+ * Event_Group_Card renders a single upcoming event as a card: the status badge,
+ * title, day indicator, meeting-count summary sub-line, start/end date, and
+ * timezone (all luxon-formatted). It exposes a "View Event" action, a
+ * show/hide toggle for the meeting list labeled with the open-for-attendance
+ * count, the per-event meeting rows (one {@link MeetingAttendanceRowComponent}
+ * per meeting on the current page), and a per-card paginator.
+ *
+ * The component is purely presentational — it emits navigation, attendance, and
+ * pagination intents via `@Output()` and never performs navigation or HTTP
+ * itself. Meeting-row outputs (`openMeeting`/`logAttendance`/`leaveMeeting`) are
+ * bubbled upward unchanged so the container can delegate to the service.
+ * @export
+ * @class EventGroupCardComponent
+ */
+class EventGroupCardComponent {
+    constructor() {
+        /** User-facing strings sourced from `constants.json`. */
+        this.constants = constants$1;
+        /** Host permissions gating the per-row log-attendance / leave-meeting buttons. */
+        this.permissions = {
+            canLogAttendance: false,
+            canLeaveMeeting: false,
+        };
+        /** Map of meeting id to current attendance state, passed down to each row. */
+        this.attendanceStates = {};
+        /** Set of meeting ids with an attendance action awaiting resolution. */
+        this.inFlightMeetingIds = new Set();
+        /** Whether the host has determined the viewport is at/below the mobile breakpoint. */
+        this.isMobileView = false;
+        /** Emits the event id when the "View Event" button is activated (Req 6.4). */
+        this.viewEvent = new EventEmitter();
+        /** Bubbles the meeting id when a row's meeting-name link is activated (Req 6.7, 7.4). */
+        this.openMeeting = new EventEmitter();
+        /** Bubbles the meeting id when a row requests logging attendance (Req 6.7, 7.7). */
+        this.logAttendance = new EventEmitter();
+        /** Bubbles the meeting id when a row requests leaving the meeting (Req 6.7, 7.8). */
+        this.leaveMeeting = new EventEmitter();
+        /** Emits the requested page when the per-card paginator changes (Req 6.9, 3.3). */
+        this.pageChange = new EventEmitter();
+        /** The default page size for the per-card meeting paginator. */
+        this.defaultPageSize = 5;
+        /** The current zero-based page index of the meeting list. */
+        this.pageIndex = 0;
+        /** The current page size of the meeting list. */
+        this.pageSize = this.defaultPageSize;
+        /** Whether the meeting list is currently shown (toggled open). */
+        this.isMeetingListOpen = false;
+    }
+    /**
+     * The full list of meetings for the event, defaulting to an empty list when
+     * the event has none.
+     * @return {MeetingRow[]} The event's meetings.
+     * @memberof EventGroupCardComponent
+     */
+    get meetings() {
+        return this.event?.meetings ?? [];
+    }
+    /** The total number of meetings for the event (paginator length). */
+    get totalMeetings() {
+        return this.meetings.length;
+    }
+    /**
+     * The slice of meetings for the current page, used by the row `*ngFor`.
+     * @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);
+    }
+    /**
+     * The one-based index of the first meeting shown on the current page, or 0
+     * when there are no meetings.
+     * @return {number} The start index for the range template.
+     * @memberof EventGroupCardComponent
+     */
+    get rangeStart() {
+        return this.totalMeetings === 0 ? 0 : this.pageIndex * this.pageSize + 1;
+    }
+    /**
+     * The one-based index of the last meeting shown on the current page, clamped
+     * to the total meeting count.
+     * @return {number} The end index for the range template.
+     * @memberof EventGroupCardComponent
+     */
+    get rangeEnd() {
+        return Math.min((this.pageIndex + 1) * this.pageSize, this.totalMeetings);
+    }
+    /**
+     * The paginator range label (e.g. "Showing 1-5 of 12") built from the
+     * `constants.json` range template with the current start/end/total values.
+     * @return {string} The formatted range label.
+     * @memberof EventGroupCardComponent
+     */
+    get rangeLabel() {
+        const template = this.constants?.eventGroupCard?.paginator?.rangeTemplate ??
+            'Showing {start}-{end} of {total}';
+        return template
+            .replace('{start}', `${this.rangeStart}`)
+            .replace('{end}', `${this.rangeEnd}`)
+            .replace('{total}', `${this.totalMeetings}`);
+    }
+    /**
+     * The meeting-count summary sub-line (e.g. "12 meetings") built from the
+     * `constants.json` total template with the event's meeting count.
+     * @return {string} The formatted meeting-count summary.
+     * @memberof EventGroupCardComponent
+     */
+    get meetingCountSummary() {
+        const template = this.constants?.eventGroupCard?.paginator?.totalTemplate ??
+            '{total} meetings';
+        return template.replace('{total}', `${this.event?.meetingCount ?? 0}`);
+    }
+    /**
+     * The meeting-list show/hide toggle label. When the list is hidden the label
+     * reads "Show Meetings ({count} open for attendance)" built from the
+     * `constants.json` templates and the event's open-for-attendance count; when
+     * the list is shown the label reads the configured hide label (Req 6.5).
+     * @return {string} The toggle button label.
+     * @memberof EventGroupCardComponent
+     */
+    get meetingListToggleLabel() {
+        const toggle = this.constants?.eventGroupCard?.meetingListToggle;
+        if (this.isMeetingListOpen) {
+            return toggle?.hideLabel ?? 'Hide Meetings';
+        }
+        const prefix = toggle?.showLabelPrefix ?? 'Show Meetings (';
+        const suffix = toggle?.showLabelSuffix ?? ' open for attendance)';
+        return `${prefix}${this.event?.openForAttendanceCount ?? 0}${suffix}`;
+    }
+    /** The luxon-formatted start date of the event (Req 6.2). */
+    get formattedStartDate() {
+        return this.formatIso(this.event?.startDate, DateFormats.displayFormat);
+    }
+    /** The luxon-formatted end date of the event (Req 6.2). */
+    get formattedEndDate() {
+        return this.formatIso(this.event?.endDate, DateFormats.displayFormat);
+    }
+    /**
+     * `trackBy` for the meeting-row `*ngFor`, keyed by the stable meeting id so
+     * Angular reuses row components across pagination/state changes (Req 6.7, 14.4).
+     * @param {number} _index - The iteration index (unused).
+     * @param {MeetingRow} meeting - The meeting for this row.
+     * @return {string} The stable track key (meeting id).
+     * @memberof EventGroupCardComponent
+     */
+    trackByMeetingId(_index, meeting) {
+        return meeting?.meetingId ?? `${_index}`;
+    }
+    /**
+     * Resolves the attendance state for a meeting from the `attendanceStates` map,
+     * defaulting to `NOT_ATTENDING` when the map has no entry for it.
+     * @param {MeetingRow} meeting - The meeting to resolve state for.
+     * @return {AttendanceState} The attendance state passed to the row.
+     * @memberof EventGroupCardComponent
+     */
+    resolveAttendanceState(meeting) {
+        return (this.attendanceStates?.[meeting?.meetingId] ??
+            AttendanceState.NOT_ATTENDING);
+    }
+    /**
+     * Resolves whether a meeting has an attendance action in flight from the
+     * `inFlightMeetingIds` set.
+     * @param {MeetingRow} meeting - The meeting to check.
+     * @return {boolean} True when the meeting's action is awaiting resolution.
+     * @memberof EventGroupCardComponent
+     */
+    resolveIsInFlight(meeting) {
+        return this.inFlightMeetingIds?.has(meeting?.meetingId) ?? false;
+    }
+    /**
+     * Toggles the meeting-list visibility (Req 6.6).
+     * @memberof EventGroupCardComponent
+     */
+    onToggleMeetingList() {
+        this.isMeetingListOpen = !this.isMeetingListOpen;
+    }
+    /**
+     * Handles the "View Event" button, emitting the event id to the host (Req 6.4).
+     * @memberof EventGroupCardComponent
+     */
+    onViewEvent() {
+        this.viewEvent.emit(this.event?.eventId);
+    }
+    /**
+     * Bubbles a row's meeting-name link activation upward (Req 6.7, 7.4).
+     * @param {string} meetingId - The id emitted by the row.
+     * @memberof EventGroupCardComponent
+     */
+    onOpenMeeting(meetingId) {
+        this.openMeeting.emit(meetingId);
+    }
+    /**
+     * Bubbles a row's log-attendance request upward (Req 6.7, 7.7).
+     * @param {string} meetingId - The id emitted by the row.
+     * @memberof EventGroupCardComponent
+     */
+    onLogAttendance(meetingId) {
+        this.logAttendance.emit(meetingId);
+    }
+    /**
+     * Bubbles a row's leave-meeting request upward (Req 6.7, 7.8).
+     * @param {string} meetingId - The id emitted by the row.
+     * @memberof EventGroupCardComponent
+     */
+    onLeaveMeeting(meetingId) {
+        this.leaveMeeting.emit(meetingId);
+    }
+    /**
+     * Handles the per-card paginator change, updating the local page state and
+     * emitting the requested page as a {@link PageChange} (Req 6.9, 3.3).
+     * @param {PageEvent} event - The Material paginator page event.
+     * @memberof EventGroupCardComponent
+     */
+    onPageChange(event) {
+        this.pageIndex = event.pageIndex;
+        this.pageSize = event.pageSize;
+        this.pageChange.emit({
+            pageIndex: event.pageIndex,
+            pageSize: event.pageSize,
+        });
+    }
+    /**
+     * 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 EventGroupCardComponent
+     */
+    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: 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 }); }
+}
+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"] }]
+        }], propDecorators: { event: [{
+                type: Input
+            }], permissions: [{
+                type: Input
+            }], attendanceStates: [{
+                type: Input
+            }], inFlightMeetingIds: [{
+                type: Input
+            }], isMobileView: [{
+                type: Input
+            }], viewEvent: [{
+                type: Output
+            }], openMeeting: [{
+                type: Output
+            }], logAttendance: [{
+                type: Output
+            }], leaveMeeting: [{
+                type: Output
+            }], pageChange: [{
+                type: Output
+            }] } });
+
+/**
+ * Upcoming_Meetings_Events renders the "Upcoming Meetings & Events" dashboard
+ * section: a section title and "View All" link, a collapse/expand toggle that
+ * starts expanded, and one {@link EventGroupCardComponent} per upcoming event.
+ *
+ * The section is driven by its `sectionState` input: it shows the Loader while
+ * `LOADING`, the event-group cards while `LOADED`, the empty-state message while
+ * `EMPTY`, and the error message while `ERROR` — the four regions are mutually
+ * exclusive (Req 13.1, 13.2, 13.3, 13.5). The component is purely
+ * presentational: "View All" emits `viewAll` (Req 5.1, 5.2), the collapse toggle
+ * flips `isExpanded` and the card-list visibility while exposing
+ * `[attr.aria-expanded]` (Req 5.3, 5.4, 14.3), and each card is rendered via
+ * `*ngFor` with {@link trackByEventId} to preserve input order (Req 5.5, 5.6,
+ * 14.4). Card outputs (`viewEvent`/`openMeeting`/`logAttendance`/`leaveMeeting`)
+ * are bubbled upward unchanged, and each card's `pageChange` is mapped to
+ * `meetingPageChange` tagged with the originating event id (Req 6.9).
+ * @export
+ * @class UpcomingMeetingsEventsComponent
+ */
+class UpcomingMeetingsEventsComponent {
+    constructor() {
+        /** User-facing strings sourced from `constants.json`. */
+        this.constants = constants$1;
+        /** Enum reference for template comparisons against `sectionState`. */
+        this.sectionStates = DashboardSectionState;
+        /** The upcoming events rendered as event-group cards (Req 5.5, 5.6). */
+        this.events = [];
+        /** The load/empty/error status driving the section's mutually exclusive regions. */
+        this.sectionState = DashboardSectionState.LOADING;
+        /** Host permissions gating the per-row log-attendance / leave-meeting buttons. */
+        this.permissions = {
+            canLogAttendance: false,
+            canLeaveMeeting: false,
+        };
+        /** Map of meeting id to current attendance state, passed down to each card. */
+        this.attendanceStates = {};
+        /** Set of meeting ids with an attendance action awaiting resolution. */
+        this.inFlightMeetingIds = new Set();
+        /** Whether the host has determined the viewport is at/below the mobile breakpoint. */
+        this.isMobileView = false;
+        /** Emits when the "View All" link is activated (Req 5.2). */
+        this.viewAll = new EventEmitter();
+        /** Bubbles the event id when a card's "View Event" button is activated (Req 6.4). */
+        this.viewEvent = new EventEmitter();
+        /** Bubbles the meeting id when a card's meeting-name link is activated (Req 7.4). */
+        this.openMeeting = new EventEmitter();
+        /** Bubbles the meeting id when a card requests logging attendance (Req 7.7). */
+        this.logAttendance = new EventEmitter();
+        /** Bubbles the meeting id when a card requests leaving the meeting (Req 7.8). */
+        this.leaveMeeting = new EventEmitter();
+        /** Emits the requested page tagged with its event id when a card paginates (Req 6.9). */
+        this.meetingPageChange = new EventEmitter();
+        /** Whether the section's card list is currently expanded; starts collapsed. */
+        this.isExpanded = false;
+    }
+    /**
+     * `trackBy` for the event-group-card `*ngFor`, keyed by the stable event id so
+     * Angular renders exactly one card per event in input order (Req 5.5, 5.6, 14.4).
+     * @param {number} index - The iteration index (fallback key).
+     * @param {UpcomingEvent} event - The event for this card.
+     * @return {string} The stable track key (event id).
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    trackByEventId(index, event) {
+        return event?.eventId ?? `${index}`;
+    }
+    /**
+     * Toggles the section's expanded/collapsed state, inverting the card-list
+     * visibility and the exposed `aria-expanded` value (Req 5.4, 14.3).
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    onToggleExpanded() {
+        this.isExpanded = !this.isExpanded;
+    }
+    /**
+     * Handles the "View All" link, emitting the `viewAll` intent to the host (Req 5.2).
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    onViewAll() {
+        this.viewAll.emit();
+    }
+    /**
+     * Bubbles a card's "View Event" activation upward (Req 6.4).
+     * @param {string} eventId - The event id emitted by the card.
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    onViewEvent(eventId) {
+        this.viewEvent.emit(eventId);
+    }
+    /**
+     * Bubbles a card's meeting-name link activation upward (Req 7.4).
+     * @param {string} meetingId - The meeting id emitted by the card.
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    onOpenMeeting(meetingId) {
+        this.openMeeting.emit(meetingId);
+    }
+    /**
+     * Bubbles a card's log-attendance request upward (Req 7.7).
+     * @param {string} meetingId - The meeting id emitted by the card.
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    onLogAttendance(meetingId) {
+        this.logAttendance.emit(meetingId);
+    }
+    /**
+     * Bubbles a card's leave-meeting request upward (Req 7.8).
+     * @param {string} meetingId - The meeting id emitted by the card.
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    onLeaveMeeting(meetingId) {
+        this.leaveMeeting.emit(meetingId);
+    }
+    /**
+     * Maps a card's `pageChange` into a `meetingPageChange` tagged with the
+     * originating event id so the host can page the correct event (Req 6.9).
+     * @param {string} eventId - The id of the event whose card paginated.
+     * @param {PageChange} page - The requested page from the card paginator.
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    onMeetingPageChange(eventId, page) {
+        this.meetingPageChange.emit({ eventId, ...page });
+    }
+    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 }); }
+}
+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"] }]
+        }], propDecorators: { events: [{
+                type: Input
+            }], sectionState: [{
+                type: Input
+            }], permissions: [{
+                type: Input
+            }], attendanceStates: [{
+                type: Input
+            }], inFlightMeetingIds: [{
+                type: Input
+            }], isMobileView: [{
+                type: Input
+            }], viewAll: [{
+                type: Output
+            }], viewEvent: [{
+                type: Output
+            }], openMeeting: [{
+                type: Output
+            }], logAttendance: [{
+                type: Output
+            }], leaveMeeting: [{
+                type: Output
+            }], meetingPageChange: [{
+                type: Output
+            }] } });
+
+/**
+ * Identifies which dashboard section a "Jump to" shortcut targets, emitted via
+ * {@link DashboardWelcomeHeaderComponent.shortcutSelected} for the host/container
+ * to scroll to or navigate.
+ */
+// eslint-disable-next-line no-unused-vars
+var DashboardJumpTarget;
+(function (DashboardJumpTarget) {
+    // eslint-disable-next-line no-unused-vars
+    DashboardJumpTarget["MEETINGS"] = "MEETINGS";
+    // eslint-disable-next-line no-unused-vars
+    DashboardJumpTarget["GROUPS"] = "GROUPS";
+})(DashboardJumpTarget || (DashboardJumpTarget = {}));
+/**
+ * Welcome_Header renders the personalized greeting and the "Jump to" shortcut
+ * control at the top of the dashboard.
+ *
+ * The greeting is composed from the greeting label in `constants.json` and the
+ * supplied `userName`, falling back to the configured fallback greeting when the
+ * name is empty or undefined. The "Jump to" control shows one circular icon per
+ * dashboard section (Upcoming Meetings & Events, Your Groups); hovering or
+ * focusing an icon expands it into a pill with the section label and a count
+ * badge (the counts are supplied by the host via `meetingsCount` /
+ * `groupsCount`). Activating a shortcut emits {@link shortcutSelected} with the
+ * target section for the host to act on. Purely presentational — no API work.
+ * @export
+ * @class DashboardWelcomeHeaderComponent
+ */
+class DashboardWelcomeHeaderComponent {
+    constructor() {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.constants = constants$1;
+        /** User-facing strings sourced from `constants.json`. */
+        this.texts = this.constants?.welcomeHeader;
+        /** Enum reference for template comparisons. */
+        this.jumpTarget = DashboardJumpTarget;
+        this.userNameValue = '';
+        this.meetingsCountValue = 0;
+        this.groupsCountValue = 0;
+        /** Emits the selected "Jump to" target for the host to act on. */
+        this.shortcutSelected = new EventEmitter();
+        /** The jump shortcuts rendered in the control, rebuilt when counts change. */
+        this.shortcuts = this.buildShortcutList();
+    }
+    /**
+     * The signed-in user's display name. Drives the personalized greeting; when
+     * empty or undefined the greeting falls back to the configured fallback text.
+     * @memberof DashboardWelcomeHeaderComponent
+     */
+    set userName(value) {
+        this.userNameValue = value ?? '';
+    }
+    get userName() {
+        return this.userNameValue;
+    }
+    /** Count shown in the Upcoming Meetings & Events shortcut badge. */
+    set meetingsCount(value) {
+        this.meetingsCountValue = value ?? 0;
+        this.buildShortcuts();
+    }
+    get meetingsCount() {
+        return this.meetingsCountValue;
+    }
+    /** Count shown in the Your Groups shortcut badge. */
+    set groupsCount(value) {
+        this.groupsCountValue = value ?? 0;
+        this.buildShortcuts();
+    }
+    get groupsCount() {
+        return this.groupsCountValue;
+    }
+    /**
+     * The personalized greeting: the greeting label plus the user's name when
+     * present, otherwise the configured fallback greeting.
+     * @readonly
+     * @memberof DashboardWelcomeHeaderComponent
+     */
+    get greeting() {
+        const name = this.userName?.trim();
+        return name
+            ? `${this.texts?.greeting}${name}!`
+            : `${this.texts?.fallbackGreeting}!`;
+    }
+    /**
+     * Emits the chosen shortcut's target for the host to scroll/navigate to.
+     * @param {DashboardJumpTarget} target - The selected section.
+     * @memberof DashboardWelcomeHeaderComponent
+     */
+    onShortcutClick(target) {
+        this.shortcutSelected.emit(target);
+    }
+    /**
+     * TrackBy for the shortcut list.
+     * @param {number} _index
+     * @param {JumpShortcut} shortcut
+     * @return {string}
+     * @memberof DashboardWelcomeHeaderComponent
+     */
+    trackByTarget(_index, shortcut) {
+        return shortcut.target;
+    }
+    /** Rebuilds the shortcut list so the template reflects the latest counts. */
+    buildShortcuts() {
+        this.shortcuts = this.buildShortcutList();
+    }
+    /**
+     * Builds the shortcut view models from `constants.json` and the current
+     * counts.
+     * @return {JumpShortcut[]}
+     * @memberof DashboardWelcomeHeaderComponent
+     */
+    buildShortcutList() {
+        const shortcutTexts = this.constants?.welcomeHeader?.shortcuts;
+        return [
+            {
+                target: DashboardJumpTarget.MEETINGS,
+                label: shortcutTexts?.meetings?.label,
+                iconUrl: shortcutTexts?.meetings?.iconUrl,
+                ariaLabel: shortcutTexts?.meetings?.ariaLabel,
+                count: this.meetingsCountValue,
+            },
+            {
+                target: DashboardJumpTarget.GROUPS,
+                label: shortcutTexts?.groups?.label,
+                iconUrl: shortcutTexts?.groups?.iconUrl,
+                ariaLabel: shortcutTexts?.groups?.ariaLabel,
+                count: this.groupsCountValue,
+            },
+        ];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardWelcomeHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DashboardWelcomeHeaderComponent, isStandalone: true, selector: "ieeesa-dashboard-welcome-header", inputs: { userName: "userName", meetingsCount: "meetingsCount", groupsCount: "groupsCount" }, outputs: { shortcutSelected: "shortcutSelected" }, ngImport: i0, template: "<div class=\"ieeesa-dashboard-welcome-header\">\r\n  <!-- Greeting + helper line -->\r\n  <div class=\"ieeesa-dashboard-welcome-header__intro\">\r\n    <h1 class=\"ieeesa-dashboard-welcome-header__greeting m-0\">\r\n      {{ greeting }}\r\n    </h1>\r\n    <p class=\"ieeesa-dashboard-welcome-header__helper-text m-0\">\r\n      {{ texts?.helperText }}\r\n    </p>\r\n  </div>\r\n\r\n  <!-- \"Jump to\" shortcuts: each icon expands on hover/focus into a pill with\r\n       the section label and its count badge. -->\r\n  <div class=\"ieeesa-dashboard-welcome-header__jump-to\">\r\n    <span class=\"ieeesa-dashboard-welcome-header__jump-to-label\">\r\n      {{ texts?.jumpToLabel }}\r\n    </span>\r\n\r\n    <button\r\n      *ngFor=\"let shortcut of shortcuts; trackBy: trackByTarget\"\r\n      type=\"button\"\r\n      class=\"ieeesa-dashboard-welcome-header__shortcut\"\r\n      [attr.aria-label]=\"shortcut.ariaLabel + ' (' + shortcut.count + ')'\"\r\n      (click)=\"onShortcutClick(shortcut.target)\"\r\n    >\r\n      <img\r\n        class=\"ieeesa-dashboard-welcome-header__shortcut-icon\"\r\n        [src]=\"shortcut.iconUrl\"\r\n        alt=\"\"\r\n        aria-hidden=\"true\"\r\n      />\r\n      <span class=\"ieeesa-dashboard-welcome-header__shortcut-label\">\r\n        {{ shortcut.label }}\r\n      </span>\r\n      <span class=\"ieeesa-dashboard-welcome-header__shortcut-count\">\r\n        {{ shortcut.count }}\r\n      </span>\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-dashboard-welcome-header{display:flex;align-items:center;justify-content:flex-start;gap:10%;flex-wrap:wrap}.ieeesa-dashboard-welcome-header__intro{display:flex;flex-direction:column;gap:4px}.ieeesa-dashboard-welcome-header__greeting{font-family:Calibri Bold;font-weight:700;font-style:normal;font-size:18px;line-height:27px;letter-spacing:0px;color:#111}.ieeesa-dashboard-welcome-header__helper-text{font-family:Calibri Regular;font-weight:400;font-style:normal;font-size:12px;line-height:16.5px;letter-spacing:0px;color:#6a7282}.ieeesa-dashboard-welcome-header__jump-to{display:inline-flex;align-items:center;gap:20px;min-width:228px;width:-moz-fit-content;width:fit-content;height:60px;padding-left:18px;padding-right:18px;background-color:#fff;border-radius:10px;box-shadow:0 1px 2px #0003}.ieeesa-dashboard-welcome-header__jump-to-label{font-family:Calibri Bold;font-weight:700;font-size:.8125rem;letter-spacing:.03125em;text-transform:uppercase;color:#333436;white-space:nowrap}.ieeesa-dashboard-welcome-header__shortcut{display:inline-flex;align-items:center;justify-content:center;gap:0;width:40px;height:40px;padding:0;border:1.5px solid #D1D5DC;border-radius:20px;background-color:#fff;color:#00629b;cursor:pointer;overflow:hidden;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 }); }
+}
+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"] }]
+        }], propDecorators: { userName: [{
+                type: Input
+            }], meetingsCount: [{
+                type: Input
+            }], groupsCount: [{
+                type: Input
+            }], shortcutSelected: [{
+                type: Output
+            }] } });
+
+/**
+ * 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',
+        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
+ */
+class YourGroupsComponent {
+    constructor() {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.constants = constants$1;
+        /** User-facing strings sourced from `constants.json`. */
+        this.texts = this.constants?.groupsSection;
+        /** Enum reference for template comparisons against `sectionState`. */
+        this.sectionStates = DashboardSectionState;
+        /**
+         * 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.
+         */
+        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();
+        /** Emits when the "View All" link is activated. */
+        this.viewAllGroups = new EventEmitter();
+        /** Emits the requested page when the paginator changes. */
+        this.pageChange = 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),
+            },
+        ];
+    }
+    /**
+     * The count shown in the header subtitle, preferring the server total and
+     * falling back to the current page length.
+     * @readonly
+     * @memberof YourGroupsComponent
+     */
+    get groupCount() {
+        return this.totalGroups || this.groups?.length || 0;
+    }
+    /**
+     * The paginator config derived from the total/pageSize inputs.
+     * @readonly
+     * @memberof YourGroupsComponent
+     */
+    get paginatorConfig() {
+        return {
+            recordsPerPage: this.pageSize,
+            pageSizeOptions: [5, 10, 25, 50],
+            totalRecords: this.groupCount,
+        };
+    }
+    /**
+     * Toggles the card's expanded/collapsed state (table visibility).
+     * @memberof YourGroupsComponent
+     */
+    onToggleExpand() {
+        this.isExpanded = !this.isExpanded;
+    }
+    /**
+     * Emits the "View All" intent for the host.
+     * @memberof YourGroupsComponent
+     */
+    onViewAll() {
+        this.viewAllGroups.emit();
+    }
+    /**
+     * Emits the selected group's id from the data-table link click.
+     * @param {{ row: GroupRow }} event - The data-table link-click payload.
+     * @memberof YourGroupsComponent
+     */
+    onGroupLinkClick(event) {
+        const groupId = event?.row?.groupId;
+        if (groupId) {
+            this.groupSelected.emit(groupId);
+        }
+    }
+    /**
+     * Re-emits the paginator change as a {@link PageChange}.
+     * @param {PageEvent} event - The Material paginator event.
+     * @memberof YourGroupsComponent
+     */
+    onPageChange(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.
+     * @return {string}
+     * @memberof YourGroupsComponent
+     */
+    resolveBadgeClass(memberLevel) {
+        const badgeTexts = this.texts?.memberLevelBadge;
+        const isVoting = (memberLevel ?? '')
+            .toLowerCase()
+            .includes('voting');
+        return isVoting ? badgeTexts?.votingMember : badgeTexts?.default;
+    }
+    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 }); }
+}
+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"] }]
+        }], propDecorators: { groups: [{
+                type: Input
+            }], sectionState: [{
+                type: Input
+            }], totalGroups: [{
+                type: Input
+            }], pageIndex: [{
+                type: Input
+            }], pageSize: [{
+                type: Input
+            }], groupSelected: [{
+                type: Output
+            }], viewAllGroups: [{
+                type: Output
+            }], pageChange: [{
+                type: Output
+            }] } });
+
+/**
+ * Pure reducers for the dashboard attendance state. These functions never
+ * mutate their inputs; each returns a new object/set so they can be exercised
+ * directly by property tests and composed by the DashboardService.
+ */
+/**
+ * Produce a new attendance-state map with the target meeting set to
+ * CURRENTLY_ATTENDING. Every other entry is copied unchanged (frame property).
+ *
+ * @param {Record<string, AttendanceState>} map The current attendance-state map (not mutated).
+ * @param {string} meetingId The meeting whose state transitions to CURRENTLY_ATTENDING.
+ * @return {Record<string, AttendanceState>} A new map reflecting the successful log-attendance action.
+ */
+const applyLogAttendanceSuccess = (map, meetingId) => ({
+    ...map,
+    [meetingId]: AttendanceState.CURRENTLY_ATTENDING,
+});
+/**
+ * Produce a new attendance-state map with the target meeting set to
+ * NOT_ATTENDING. Every other entry is copied unchanged (frame property).
+ *
+ * @param {Record<string, AttendanceState>} map The current attendance-state map (not mutated).
+ * @param {string} meetingId The meeting whose state transitions to NOT_ATTENDING.
+ * @return {Record<string, AttendanceState>} A new map reflecting the successful leave-meeting action.
+ */
+const applyLeaveMeetingSuccess = (map, meetingId) => ({
+    ...map,
+    [meetingId]: AttendanceState.NOT_ATTENDING,
+});
+/**
+ * Add a meeting to the in-flight set, returning a new set. Prior membership is
+ * retained so the displayed attendance state is preserved while the request
+ * resolves.
+ *
+ * @param {ReadonlySet<string>} set The current in-flight meeting-id set (not mutated).
+ * @param {string} meetingId The meeting whose attendance action has started.
+ * @return {Set<string>} A new set that additionally contains the meeting id.
+ */
+const beginAttendanceAction = (set, meetingId) => new Set([...set, meetingId]);
+/**
+ * Remove a meeting from the in-flight set, returning a new set. All other
+ * in-flight ids are retained.
+ *
+ * @param {ReadonlySet<string>} set The current in-flight meeting-id set (not mutated).
+ * @param {string} meetingId The meeting whose attendance action has resolved.
+ * @return {Set<string>} A new set that no longer contains the meeting id.
+ */
+const endAttendanceAction = (set, meetingId) => {
+    const next = new Set(set);
+    next.delete(meetingId);
+    return next;
+};
+
+/**
+ * DashboardService is the single source of truth for the dashboard landing
+ * page's data and attendance state. It mirrors the `events-and-meetings`
+ * service conventions: it is a `providedIn: 'root'` singleton, holds the host
+ * `apiBaseUrl` / `userPermissions` set via {@link setAppConfig}, owns its state
+ * via `BehaviorSubject`s exposed as observables, and reaches the backend only
+ * through the shared `HttpService` from `@ieeesa-npm/utility` (never
+ * `HttpClient` directly).
+ *
+ * The upcoming-events 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.
+ * @export
+ * @class DashboardService
+ */
+class DashboardService {
+    constructor(
+    // eslint-disable-next-line no-unused-vars
+    httpService // eslint-disable-next-line no-empty-function
+    ) {
+        this.httpService = httpService;
+        this.upcomingEvents = new BehaviorSubject([]);
+        this.groups = new BehaviorSubject([]);
+        this.upcomingState = new BehaviorSubject(DashboardSectionState.LOADING);
+        this.groupsState = new BehaviorSubject(DashboardSectionState.LOADING);
+        this.attendanceStates = new BehaviorSubject({});
+        this.inFlightMeetingIds = new BehaviorSubject(new Set());
+        /** Emits the list of the user's upcoming events. */
+        this.upcomingEvents$ = this.upcomingEvents.asObservable();
+        /** Emits the list of the user's groups. */
+        this.groups$ = this.groups.asObservable();
+        /** Emits the load/empty/error state of the upcoming-events section. */
+        this.upcomingState$ = this.upcomingState.asObservable();
+        /** Emits the load/empty/error state of the groups section. */
+        this.groupsState$ = this.groupsState.asObservable();
+        /** Emits the per-meeting attendance-state map. */
+        this.attendanceStates$ = this.attendanceStates.asObservable();
+        /** Emits the set of meeting ids with an attendance action in flight. */
+        this.inFlightMeetingIds$ = this.inFlightMeetingIds.asObservable();
+    }
+    /**
+     * Stores the host-supplied API base URL and user permissions used to build
+     * request URLs and gate permission-controlled actions. Mirrors the
+     * `events-and-meetings` service `setAppConfig`.
+     * @param {string} apiBaseURL - The host application's API base URL.
+     * @param {UserPermission[]} userPermissions - The signed-in user's permissions.
+     * @return {void}
+     * @memberof DashboardService
+     */
+    setAppConfig(apiBaseURL, userPermissions) {
+        this.apiBaseUrl = apiBaseURL;
+        this.userPermissions = userPermissions;
+    }
+    /**
+     * Loads the user's upcoming events, 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.
+     * @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 ?? [];
+            this.upcomingEvents.next(events);
+            this.seedAttendanceStates(events);
+            this.upcomingState.next(events.length > 0
+                ? DashboardSectionState.LOADED
+                : DashboardSectionState.EMPTY);
+            return response;
+        }), catchError((error) => {
+            this.upcomingState.next(DashboardSectionState.ERROR);
+            throw error;
+        }));
+    }
+    /**
+     * Loads the user's groups, driving the groups section through
+     * LOADING → LOADED/EMPTY on success and leaving the caller to set ERROR on
+     * failure. Follows the `pipe(map, catchError(throw))` pattern.
+     *
+     * TODO: Replace mock with real API call when BE is ready
+     * @return {Observable<DashboardListResponse<GroupRow[]>>} The groups response envelope.
+     * @memberof DashboardService
+     */
+    loadGroups() {
+        this.groupsState.next(DashboardSectionState.LOADING);
+        // 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 ?? [];
+            this.groups.next(groups);
+            this.groupsState.next(groups.length > 0
+                ? DashboardSectionState.LOADED
+                : DashboardSectionState.EMPTY);
+            return response;
+        }), catchError((error) => {
+            this.groupsState.next(DashboardSectionState.ERROR);
+            throw error;
+        }));
+    }
+    /**
+     * Logs attendance for a meeting. Marks the meeting in-flight (retaining the
+     * prior displayed state), posts through `HttpService`, applies the
+     * log-attendance-success reducer on success, clears the in-flight flag on
+     * completion, and rethrows while retaining prior state on failure.
+     * @param {string} meetingId - The meeting to log attendance for.
+     * @return {Observable<DashboardListResponse<unknown>>} The attendance response envelope.
+     * @memberof DashboardService
+     */
+    logAttendance(meetingId) {
+        this.inFlightMeetingIds.next(beginAttendanceAction(this.inFlightMeetingIds.value, meetingId));
+        return this.httpService
+            .postData(`${this.apiBaseUrl}/meetings/attendance/log`, { meetingId })
+            .pipe(map((response) => {
+            this.attendanceStates.next(applyLogAttendanceSuccess(this.attendanceStates.value, meetingId));
+            this.inFlightMeetingIds.next(endAttendanceAction(this.inFlightMeetingIds.value, meetingId));
+            return response;
+        }), catchError((error) => {
+            // Retain prior attendance state; only clear the in-flight flag.
+            this.inFlightMeetingIds.next(endAttendanceAction(this.inFlightMeetingIds.value, meetingId));
+            throw error;
+        }));
+    }
+    /**
+     * Leaves a meeting. Marks the meeting in-flight (retaining the prior
+     * displayed state), posts through `HttpService`, applies the
+     * leave-meeting-success reducer on success, clears the in-flight flag on
+     * completion, and rethrows while retaining prior state on failure.
+     * @param {string} meetingId - The meeting to leave.
+     * @return {Observable<DashboardListResponse<unknown>>} The attendance response envelope.
+     * @memberof DashboardService
+     */
+    leaveMeeting(meetingId) {
+        this.inFlightMeetingIds.next(beginAttendanceAction(this.inFlightMeetingIds.value, meetingId));
+        return this.httpService
+            .postData(`${this.apiBaseUrl}/meetings/attendance/leave`, { meetingId })
+            .pipe(map((response) => {
+            this.attendanceStates.next(applyLeaveMeetingSuccess(this.attendanceStates.value, meetingId));
+            this.inFlightMeetingIds.next(endAttendanceAction(this.inFlightMeetingIds.value, meetingId));
+            return response;
+        }), catchError((error) => {
+            // Retain prior attendance state; only clear the in-flight flag.
+            this.inFlightMeetingIds.next(endAttendanceAction(this.inFlightMeetingIds.value, meetingId));
+            throw error;
+        }));
+    }
+    /**
+     * Returns a synchronous snapshot of the per-meeting attendance-state map.
+     * @return {Record<string, AttendanceState>} The current attendance-state map.
+     * @memberof DashboardService
+     */
+    getAttendanceStatesSnapshot() {
+        return this.attendanceStates.value;
+    }
+    /**
+     * Seeds the attendance-state map from a freshly loaded list of events, using
+     * each meeting's `attendanceState` (defaulting to `NOT_ATTENDING`). Keeps the
+     * displayed state in sync with the data load without overwriting ids that are
+     * not present in the new list.
+     * @param {UpcomingEvent[]} events - The loaded upcoming events.
+     * @return {void}
+     * @memberof DashboardService
+     */
+    seedAttendanceStates(events) {
+        const next = {
+            ...this.attendanceStates.value,
+        };
+        events.forEach((event) => {
+            event.meetings?.forEach((meeting) => {
+                if (meeting.meetingId) {
+                    next[meeting.meetingId] =
+                        meeting.attendanceState ?? AttendanceState.NOT_ATTENDING;
+                }
+            });
+        });
+        this.attendanceStates.next(next);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardService, deps: [{ token: i1$1.HttpService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.HttpService }]; } });
+
+/**
+ * Permission identifiers (by name) that gate the dashboard attendance actions.
+ * Mirrors the permission-type pattern used by the `events-and-meetings` and
+ * `groups` user-permissions services.
+ */
+/* eslint-disable no-unused-vars */
+var DashboardPermissionType;
+(function (DashboardPermissionType) {
+    DashboardPermissionType["LOG_ATTENDANCE"] = "Log Attendance";
+    DashboardPermissionType["LEAVE_MEETING"] = "Leave Meeting";
+})(DashboardPermissionType || (DashboardPermissionType = {}));
+/* eslint-enable no-unused-vars */
+class UserPermissionsService {
+    /**
+     * Returns access provision for the passed action/feature based on whether the signed in user has appropriate permission.
+     * @param {DashboardPermissionType} permission
+     * @param {UserPermission[]} userPermissions
+     * @return {boolean}
+     * @memberof UserPermissionsService
+     */
+    validateAccessPermission(permission, userPermissions) {
+        const isPermitted = userPermissions?.length > 0
+            ? userPermissions?.some(({ permissionName }) => permissionName === permission)
+            : false;
+        return isPermitted;
+    }
+    /**
+     * Maps the host-supplied user permissions to the attendance-action permissions consumed by the dashboard rows.
+     * @param {UserPermission[]} userPermissions
+     * @return {AttendanceActionPermissions}
+     * @memberof UserPermissionsService
+     */
+    mapToAttendanceActionPermissions(userPermissions) {
+        return {
+            canLogAttendance: this.validateAccessPermission(DashboardPermissionType.LOG_ATTENDANCE, userPermissions),
+            canLeaveMeeting: this.validateAccessPermission(DashboardPermissionType.LEAVE_MEETING, userPermissions),
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserPermissionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserPermissionsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UserPermissionsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+/**
+ * Dashboard (`ieeesa-dashboard`) is the root container and single host entry
+ * point for the "NESC Revision Cycle" dashboard landing page. It owns the
+ * host-supplied configuration (`routePaths`, `apiBaseURL`, `userInfo`,
+ * `userPermissions`), composes the four regions — welcome header, upcoming
+ * meetings & events, your groups, and footer — and orchestrates data loading
+ * and attendance actions through the {@link DashboardService}.
+ *
+ * The component is composition-first and host-agnostic: it subscribes to the
+ * service observables (`upcomingEvents$`, `groups$`, the per-section states, the
+ * attendance-state map, and the in-flight set) with `takeUntil(destroy$)` and
+ * tracks `isMobileView` from the Presentation_Library
+ * {@link BreakpointObserverService} (Req 13.1, 13.2, 13.5, 15.1, 15.2). Child
+ * navigation `@Output()`s are composed into a single {@link dashboardNavigate}
+ * stream of `{ path, id }` intents resolved from `routePaths` (falling back to
+ * the default route configuration in `constants.json` when `routePaths` is
+ * omitted) (Req 5.2, 6.4, 7.4, 8.2, 8.7, 11.1, 11.5). Attendance `@Output()`s
+ * are delegated to the service, and on failure the attendance-action error
+ * message from `constants.json` is surfaced via the shared {@link AlertsService}
+ * (Req 7.7, 7.8, 13.7). Per-row {@link AttendanceActionPermissions} are computed
+ * from `userPermissions` and passed down to the rows (Req 12.3).
+ * @export
+ * @class DashboardComponent
+ */
+class DashboardComponent {
+    /**
+     * Total number of meetings across the loaded upcoming events, shown in the
+     * welcome header's "Upcoming Meetings & Events" shortcut badge.
+     * @readonly
+     * @memberof DashboardComponent
+     */
+    get meetingsCount() {
+        return this.upcomingEvents.reduce((total, event) => total + (event?.meetingCount ?? 0), 0);
+    }
+    /**
+     * Number of loaded groups, shown in the welcome header's "Your Groups"
+     * shortcut badge.
+     * @readonly
+     * @memberof DashboardComponent
+     */
+    get groupsCount() {
+        return this.groups.length;
+    }
+    constructor(
+    // eslint-disable-next-line no-unused-vars
+    dashboardService, 
+    // eslint-disable-next-line no-unused-vars
+    userPermissionsService, 
+    // eslint-disable-next-line no-unused-vars
+    breakpointObserverService, 
+    // eslint-disable-next-line no-unused-vars
+    alertService // eslint-disable-next-line no-empty-function
+    ) {
+        this.dashboardService = dashboardService;
+        this.userPermissionsService = userPermissionsService;
+        this.breakpointObserverService = breakpointObserverService;
+        this.alertService = alertService;
+        /** User-facing strings and the default route config sourced from `constants.json`. */
+        this.constants = constants$1;
+        /** Emits a resolved navigation intent for the host to act on (Req 5.2, 6.4, 7.4, 8.2, 8.7, 11.1). */
+        this.dashboardNavigate = new EventEmitter();
+        /** The user's upcoming events, bound to the upcoming section (Req 13.1, 13.2). */
+        this.upcomingEvents = [];
+        /** The user's groups, bound to the groups section (Req 13.1, 13.2). */
+        this.groups = [];
+        /** The upcoming-events section's load/empty/error state (Req 13.1, 13.2, 13.5). */
+        this.upcomingState = DashboardSectionState.LOADING;
+        /** The groups section's load/empty/error state (Req 13.1, 13.2, 13.5). */
+        this.groupsState = DashboardSectionState.LOADING;
+        /** The per-meeting attendance-state map passed down to the rows. */
+        this.attendanceStates = {};
+        /** The set of meeting ids with an attendance action awaiting resolution. */
+        this.inFlightMeetingIds = new Set();
+        /** The per-row attendance-action permissions derived from `userPermissions` (Req 12.3). */
+        this.attendancePermissions = {
+            canLogAttendance: false,
+            canLeaveMeeting: false,
+        };
+        /** Whether the viewport is at/below the mobile breakpoint (Req 15.1, 15.2). */
+        this.isMobileView = false;
+        /** The current zero-based page index of the groups table. */
+        this.groupsPageIndex = 0;
+        /** The current page size of the groups table. */
+        this.groupsPageSize = 10;
+        /** Completes on destroy to tear down all subscriptions (Req 2.4, 2.5). */
+        this.destroy$ = new Subject();
+    }
+    /**
+     * Initializes the dashboard: forwards the host config to the service, derives
+     * the per-row attendance permissions, kicks off the upcoming-events and groups
+     * loads, and wires up subscriptions to the service state observables and the
+     * breakpoint observer — all cleaned up via `takeUntil(destroy$)` (Req 11.2,
+     * 11.4, 12.3, 13.1, 13.2, 13.5, 15.1, 15.2).
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    ngOnInit() {
+        this.dashboardService.setAppConfig(this.apiBaseURL, this.userPermissions);
+        this.attendancePermissions =
+            this.userPermissionsService.mapToAttendanceActionPermissions(this.userPermissions);
+        this.subscribeToServiceState();
+        this.subscribeToBreakpoint();
+        this.loadUpcomingEvents();
+        this.loadGroups();
+    }
+    /**
+     * Tears down all subscriptions on destroy (Req 2.4, 2.5).
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.complete();
+    }
+    /**
+     * Handles the welcome-header "Jump to" date selection. The dashboard currently
+     * has no date-scoped data load, so the selection is accepted without side
+     * effects; the hook keeps the header's contract satisfied for future filtering.
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    onJumpToDateSelected() {
+        // No date-scoped reload yet; retained for future date filtering (Req 4.4).
+    }
+    /**
+     * Handles a welcome-header "Jump to" shortcut, 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).
+     * @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);
+    }
+    /**
+     * Emits the "View All" upcoming-events navigation intent, targeting the
+     * `viewAllEvents` route with no id (Req 5.2, 11.1).
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    onViewAllEvents() {
+        this.emitNavigation(this.activeRouteConfig.viewAllEvents);
+    }
+    /**
+     * Emits the "View Event" navigation intent, targeting the `eventDetail` route
+     * with the event id (Req 6.4, 11.1).
+     * @param {string} eventId - The id of the event to view.
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    onViewEvent(eventId) {
+        this.emitNavigation(this.activeRouteConfig.eventDetail, eventId);
+    }
+    /**
+     * Emits the open-meeting navigation intent, targeting the `meetingDetail`
+     * route with the meeting id (Req 7.4, 11.1).
+     * @param {string} meetingId - The id of the meeting to open.
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    onOpenMeeting(meetingId) {
+        this.emitNavigation(this.activeRouteConfig.meetingDetail, meetingId);
+    }
+    /**
+     * Emits the "View All" groups navigation intent, targeting the
+     * `viewAllGroups` route with no id (Req 8.2, 11.1).
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    onViewAllGroups() {
+        this.emitNavigation(this.activeRouteConfig.viewAllGroups);
+    }
+    /**
+     * Emits the group-detail navigation intent, targeting the `groupDetail` route
+     * with the group id (Req 8.7, 11.1).
+     * @param {string} groupId - The id of the selected group.
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    onGroupSelected(groupId) {
+        this.emitNavigation(this.activeRouteConfig.groupDetail, groupId);
+    }
+    /**
+     * Updates the groups table paging state in response to a paginator change so
+     * the groups section reflects the requested page (Req 8.10).
+     * @param {PageChange} page - The requested page index and size.
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    onGroupsPageChange(page) {
+        this.groupsPageIndex = page.pageIndex;
+        this.groupsPageSize = page.pageSize;
+    }
+    /**
+     * Delegates a log-attendance request to the service, surfacing the
+     * attendance-action error message via the shared {@link AlertsService} on
+     * failure while the service retains the prior displayed state (Req 7.7, 13.7).
+     * @param {string} meetingId - The meeting to log attendance for.
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    onLogAttendance(meetingId) {
+        this.dashboardService
+            .logAttendance(meetingId)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            error: () => this.showAttendanceError(),
+        });
+    }
+    /**
+     * Delegates a leave-meeting request to the service, surfacing the
+     * attendance-action error message via the shared {@link AlertsService} on
+     * failure while the service retains the prior displayed state (Req 7.8, 13.7).
+     * @param {string} meetingId - The meeting to leave.
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    onLeaveMeeting(meetingId) {
+        this.dashboardService
+            .leaveMeeting(meetingId)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            error: () => this.showAttendanceError(),
+        });
+    }
+    /**
+     * The route configuration in effect: the host-supplied `routePaths` when
+     * provided, otherwise the default route config from `constants.json` so
+     * navigation intents always carry valid targets (Req 11.1, 11.5).
+     * @return {DashboardRouteConfig} The active route configuration.
+     * @memberof DashboardComponent
+     */
+    get activeRouteConfig() {
+        return this.routePaths ?? this.constants.defaultRouteConfig;
+    }
+    /**
+     * Subscribes to the service's state observables, mirroring each into a local
+     * field for the template to bind. All subscriptions are torn down via
+     * `takeUntil(destroy$)` (Req 13.1, 13.2, 13.5).
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    subscribeToServiceState() {
+        this.dashboardService.upcomingEvents$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((events) => (this.upcomingEvents = events));
+        this.dashboardService.groups$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((groups) => {
+            this.groups = groups;
+        });
+        this.dashboardService.upcomingState$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((state) => (this.upcomingState = state));
+        this.dashboardService.groupsState$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((state) => (this.groupsState = state));
+        this.dashboardService.attendanceStates$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((states) => (this.attendanceStates = states));
+        this.dashboardService.inFlightMeetingIds$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((ids) => (this.inFlightMeetingIds = ids));
+    }
+    /**
+     * Subscribes to the Presentation_Library breakpoint observer to keep
+     * `isMobileView` in sync with the viewport (Req 15.1, 15.2).
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    subscribeToBreakpoint() {
+        this.breakpointObserverService
+            .getBreakpoint()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((result) => {
+            this.isMobileView = result?.matches;
+        });
+    }
+    /**
+     * Triggers the upcoming-events load, setting the section to `ERROR` on failure
+     * so only the section error region renders (Req 13.1, 13.2, 13.5).
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    loadUpcomingEvents() {
+        this.dashboardService
+            .loadUpcomingEvents()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            error: () => (this.upcomingState = DashboardSectionState.ERROR),
+        });
+    }
+    /**
+     * Triggers the groups load, setting the section to `ERROR` on failure so only
+     * the section error region renders. Isolated from the upcoming-events load so
+     * one failing does not affect the other (Req 13.1, 13.2, 13.5).
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    loadGroups() {
+        this.dashboardService
+            .loadGroups()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe({
+            error: () => (this.groupsState = DashboardSectionState.ERROR),
+        });
+    }
+    /**
+     * Composes and emits a {@link DashboardNavigationIntent} for the host from the
+     * resolved target path and an optional triggering id (Req 11.1).
+     * @param {string} path - The resolved target route path.
+     * @param {string} [id] - The triggering identifier, when applicable.
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    emitNavigation(path, id) {
+        this.dashboardNavigate.emit(id ? { path, id } : { path });
+    }
+    /**
+     * Surfaces the attendance-action error message from `constants.json` via the
+     * shared {@link AlertsService} (Req 13.7).
+     * @return {void}
+     * @memberof DashboardComponent
+     */
+    showAttendanceError() {
+        this.alertService?.showMessage({
+            status: 'custom',
+            message: this.constants?.attendance?.errorMessage ??
+                'Unable to update your attendance. Please try again.',
+            alertType: AlertType.ERROR,
+            isCloseNeeded: true,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardComponent, deps: [{ token: DashboardService }, { token: UserPermissionsService }, { token: i3.BreakpointObserverService }, { token: i1$1.AlertsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DashboardComponent, isStandalone: true, selector: "ieeesa-dashboard", inputs: { routePaths: "routePaths", apiBaseURL: "apiBaseURL", userInfo: "userInfo", userPermissions: "userPermissions" }, outputs: { dashboardNavigate: "dashboardNavigate" }, providers: [AlertsService], 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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ieeesa-dashboard', standalone: true, imports: [
+                        CommonModule,
+                        UpcomingMeetingsEventsComponent,
+                        YourGroupsComponent,
+                        DashboardWelcomeHeaderComponent
+                    ], encapsulation: ViewEncapsulation.None, providers: [AlertsService], template: "<div\r\n  class=\"ieeesa-dashboard\"\r\n  [ngClass]=\"{ 'ieeesa-dashboard--mobile': isMobileView }\"\r\n>\r\n  <ieeesa-dashboard-welcome-header\r\n    [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"] }]
+        }], ctorParameters: function () { return [{ type: DashboardService }, { type: UserPermissionsService }, { type: i3.BreakpointObserverService }, { type: i1$1.AlertsService }]; }, propDecorators: { routePaths: [{
+                type: Input
+            }], apiBaseURL: [{
+                type: Input
+            }], userInfo: [{
+                type: Input
+            }], userPermissions: [{
+                type: Input
+            }], dashboardNavigate: [{
+                type: Output
+            }] } });
+
+var dashboard_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    DashboardComponent: DashboardComponent
+});
+
+/**
+ * Member_Level_Badge renders a single member-level value as a colored pill.
+ * It reuses the Presentation_Library Legend component for the pill primitive,
+ * sourcing the level-to-color mapping from `constants.json` (`memberLevel.colorMap`)
+ * with a nullish-coalescing fallback to the configured default color.
+ * @export
+ * @class MemberLevelBadgeComponent
+ */
+class MemberLevelBadgeComponent {
+    constructor() {
+        this.constants = constants$1;
+        this.memberLevelValue = '';
+        /** The Legend input consumed by the Presentation_Library Legend component. */
+        this.legends = this.buildLegends('');
+    }
+    set memberLevel(value) {
+        this.memberLevelValue = value ?? '';
+        this.legends = this.buildLegends(this.memberLevelValue);
+    }
+    get memberLevel() {
+        return this.memberLevelValue;
+    }
+    /**
+     * Builds the single-item Legend list for the supplied member level, resolving
+     * the pill color from the `constants.json` color map and falling back to the
+     * configured default color when the level has no explicit mapping.
+     * @param {string} memberLevel - The member-level label to render.
+     * @return {Legend[]} A single-element Legend array for the Legend component.
+     * @memberof MemberLevelBadgeComponent
+     */
+    buildLegends(memberLevel) {
+        return [
+            {
+                label: memberLevel,
+                color: this.resolveColorClass(memberLevel),
+                hierarchy: 0,
+            },
+        ];
+    }
+    /**
+     * Resolves the CSS modifier class for a member level from the `constants.json`
+     * color map, using the `??` fallback to the `default` entry when the level is
+     * missing from the map.
+     * @param {string} memberLevel - The member-level label to resolve a color for.
+     * @return {string} The CSS modifier class applied to the pill.
+     * @memberof MemberLevelBadgeComponent
+     */
+    resolveColorClass(memberLevel) {
+        const colorMap = this.constants?.memberLevel?.colorMap;
+        const token = colorMap?.[memberLevel] ?? colorMap?.['default'] ?? '$ieeesa-color-neutral';
+        return this.toColorClass(token);
+    }
+    /**
+     * Converts a shared-styles color token (for example `$ieeesa-color-success`)
+     * into a valid BEM-style CSS modifier class defined in this component's SCSS.
+     * @param {string} token - The color token from the color map.
+     * @return {string} A valid CSS class name.
+     * @memberof MemberLevelBadgeComponent
+     */
+    toColorClass(token) {
+        const normalized = token.replace(/^\$ieeesa-color-/, '').replace(/^\$/, '');
+        return `ieeesa-member-level-badge--${normalized || 'neutral'}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MemberLevelBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MemberLevelBadgeComponent, isStandalone: true, selector: "ieeesa-member-level-badge", inputs: { memberLevel: "memberLevel" }, ngImport: i0, template: "<span\r\n  class=\"ieeesa-member-level-badge\"\r\n  [attr.aria-label]=\"memberLevel\"\r\n>\r\n  <ieeesa-legend\r\n    *ngIf=\"memberLevel\"\r\n    [legends]=\"legends\"\r\n  ></ieeesa-legend>\r\n</span>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-member-level-badge,.ieeesa-member-level-badge .ieeesa-legend{display:inline-flex}.ieeesa-member-level-badge .ieeesa-legend__indicator{align-items:center;gap:4px;padding:4px 12px;border-radius:16px;background-color:#f0f5f9}.ieeesa-member-level-badge .ieeesa-legend__square{width:8px;min-width:8px;height:8px;margin:0;border-radius:50%}.ieeesa-member-level-badge .ieeesa-legend p{margin:0}.ieeesa-member-level-badge .ieeesa-legend__square.ieeesa-member-level-badge--success{background-color:#78d7ef}.ieeesa-member-level-badge .ieeesa-legend__square.ieeesa-member-level-badge--info{background-color:#00b5e2}.ieeesa-member-level-badge .ieeesa-legend__square.ieeesa-member-level-badge--warning{background-color:#ffd92e}.ieeesa-member-level-badge .ieeesa-legend__square.ieeesa-member-level-badge--primary{background-color:#00629b}.ieeesa-member-level-badge .ieeesa-legend__square.ieeesa-member-level-badge--neutral{background-color:#939094}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LegendComponent, selector: "ieeesa-legend", inputs: ["legends", "isSorting"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MemberLevelBadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ieeesa-member-level-badge', standalone: true, imports: [CommonModule, LegendComponent], encapsulation: ViewEncapsulation.None, template: "<span\r\n  class=\"ieeesa-member-level-badge\"\r\n  [attr.aria-label]=\"memberLevel\"\r\n>\r\n  <ieeesa-legend\r\n    *ngIf=\"memberLevel\"\r\n    [legends]=\"legends\"\r\n  ></ieeesa-legend>\r\n</span>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5rem;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:focus{background:#1f75a7}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-member-level-badge,.ieeesa-member-level-badge .ieeesa-legend{display:inline-flex}.ieeesa-member-level-badge .ieeesa-legend__indicator{align-items:center;gap:4px;padding:4px 12px;border-radius:16px;background-color:#f0f5f9}.ieeesa-member-level-badge .ieeesa-legend__square{width:8px;min-width:8px;height:8px;margin:0;border-radius:50%}.ieeesa-member-level-badge .ieeesa-legend p{margin:0}.ieeesa-member-level-badge .ieeesa-legend__square.ieeesa-member-level-badge--success{background-color:#78d7ef}.ieeesa-member-level-badge .ieeesa-legend__square.ieeesa-member-level-badge--info{background-color:#00b5e2}.ieeesa-member-level-badge .ieeesa-legend__square.ieeesa-member-level-badge--warning{background-color:#ffd92e}.ieeesa-member-level-badge .ieeesa-legend__square.ieeesa-member-level-badge--primary{background-color:#00629b}.ieeesa-member-level-badge .ieeesa-legend__square.ieeesa-member-level-badge--neutral{background-color:#939094}\n"] }]
+        }], propDecorators: { memberLevel: [{
+                type: Input
+            }] } });
+
+class DashboardModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DashboardModule, imports: [DashboardComponent], exports: [DashboardComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardModule, imports: [DashboardComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DashboardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [DashboardComponent],
+                    exports: [DashboardComponent],
+                }]
+        }] });
+
+const DASHBOARD_ROUTES = [
+    {
+        path: '',
+        loadComponent: () => Promise.resolve().then(function () { return dashboard_component; }).then((m) => m.DashboardComponent),
+    },
+];
+
+const DashboardRoutePathsMock = {
+    eventDetail: 'events-and-meetings/view-event',
+    meetingDetail: 'events-and-meetings/view-meeting',
+    // The demo app only registers a flat `groups` route (no group-detail screen),
+    // so group-row navigation targets it rather than a `view-group` child that
+    // the demo does not implement. A consuming app with a real group-detail route
+    // supplies its own path via the `routePaths` input.
+    groupDetail: 'groups',
+    viewAllEvents: 'events-and-meetings/view-events-meetings-list',
+    viewAllGroups: 'groups',
+};
+
+const DashboardUserPermissionsMock = [
+    {
+        permissionName: 'View Events',
+        permissionId: 'PERM_5dd65526-5df3-428d-8acc-cee7ffb5f261',
+    },
+    {
+        permissionName: 'View Meetings',
+        permissionId: 'PERM_5dd65526-5df3-428d-8acc-cee7ffb5f261',
+    },
+    {
+        permissionName: 'View Groups',
+        permissionId: 'PERM_9a1f0c84-2b77-4e2a-9f3d-1c6b4e9a8d20',
+    },
+    {
+        permissionName: 'Log Attendance',
+        permissionId: 'PERM_1b2c3d4e-5f60-4718-8293-aabbccddeeff',
+    },
+    {
+        permissionName: 'Leave Meeting',
+        permissionId: 'PERM_6f5e4d3c-2b1a-4908-8716-ffeeddccbbaa',
+    },
+];
+
+/*
+ * Public API Surface of dashboard
+ */
+// Container component + navigation intent type (DashboardComponent, DashboardNavigationIntent)
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AttendanceState, DASHBOARD_ROUTES, DashboardComponent, DashboardGroupsMock, DashboardJumpTarget, DashboardModule, DashboardNonActionableMeetingMock, DashboardPermissionType, DashboardRoutePathsMock, DashboardSectionState, DashboardService, DashboardUpcomingEventsMock, DashboardUserPermissionsMock, DashboardWelcomeHeaderComponent, EventGroupCardComponent, MeetingAttendanceRowComponent, MemberLevelBadgeComponent, UpcomingMeetingsEventsComponent, UserPermissionsService, YourGroupsComponent };
+//# sourceMappingURL=ieeesa-npm-dashboard.mjs.map