@ieeesa-npm/dashboard 0.0.0-stage → 0.0.1

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

@@ -0,0 +1,161 @@
+import { Legend } from '@ieeesa-npm/presentation';
+import * as i0 from "@angular/core";
+/**
+ * Member_Level_Badge renders a single member-level value as a colored pill.
+ * It reuses the Presentation_Library Legend component for the pill primitive,
+ * sourcing the level-to-color mapping from `constants.json` (`memberLevel.colorMap`)
+ * with a nullish-coalescing fallback to the configured default color.
+ * @export
+ * @class MemberLevelBadgeComponent
+ */
+export declare class MemberLevelBadgeComponent {
+    constants: {
+        welcomeHeader: {
+            greeting: string;
+            fallbackGreeting: string;
+            helperText: string;
+            jumpToLabel: string;
+            shortcuts: {
+                meetings: {
+                    label: string;
+                    iconUrl: string;
+                    ariaLabel: string;
+                };
+                groups: {
+                    label: string;
+                    iconUrl: string;
+                    ariaLabel: string;
+                };
+            };
+        };
+        upcomingSection: {
+            title: string;
+            viewAllLabel: string;
+            expandLabel: string;
+            collapseLabel: string;
+            ariaLabel: {
+                viewAll: string;
+                toggle: string;
+            };
+            emptyMessage: string;
+            errorMessage: string;
+        };
+        eventGroupCard: {
+            viewEventLabel: string;
+            meetingListToggle: {
+                showLabelPrefix: string;
+                showLabelSuffix: string;
+                hideLabel: string;
+            };
+            /** The Legend input consumed by the Presentation_Library Legend component. */
+            ariaLabel: {
+                viewEvent: string;
+                meetingListToggle: string;
+            };
+            paginator: {
+                rangeTemplate: string;
+                totalTemplate: string;
+            };
+        };
+        meetingRow: {
+            emptyFieldPlaceholder: string;
+            currentlyAttendingIndicator: string;
+            logAttendanceLabel: string;
+            leaveMeetingLabel: string;
+            ariaLabel: {
+                meetingNameLink: string;
+                logAttendance: string;
+                leaveMeeting: string;
+            };
+        };
+        groupsSection: {
+            title: string;
+            viewAllLabel: string;
+            expandLabel: string;
+            collapseLabel: string;
+            countSuffix: string;
+            emptyValue: string;
+            ariaLabel: {
+                viewAll: string;
+                toggle: string;
+                groupLink: string;
+            };
+            columns: {
+                group: string;
+                type: string;
+                officerRole: string;
+                affiliation: string;
+                memberLevel: string;
+            };
+            paginator: {
+                rangeTemplate: string;
+                totalTemplate: string;
+            };
+            memberLevelBadge: {
+                votingMember: string;
+                default: string;
+            };
+            emptyMessage: string;
+            errorMessage: string;
+        };
+        memberLevel: {
+            colorMap: {
+                "Voting Member": string;
+                Observer: string;
+                "Associate Member": string;
+                Member: string;
+                default: string;
+            };
+        };
+        attendance: {
+            errorMessage: string;
+        };
+        footer: {
+            links: {
+                label: string;
+                target: string;
+            }[];
+            copyright: string;
+        };
+        defaultRouteConfig: {
+            eventDetail: string;
+            meetingDetail: string;
+            groupDetail: string;
+            viewAllEvents: string;
+            viewAllGroups: string;
+        };
+    };
+    private memberLevelValue;
+    set memberLevel(value: string);
+    get memberLevel(): string;
+    /** The Legend input consumed by the Presentation_Library Legend component. */
+    legends: Legend[];
+    /**
+     * Builds the single-item Legend list for the supplied member level, resolving
+     * the pill color from the `constants.json` color map and falling back to the
+     * configured default color when the level has no explicit mapping.
+     * @param {string} memberLevel - The member-level label to render.
+     * @return {Legend[]} A single-element Legend array for the Legend component.
+     * @memberof MemberLevelBadgeComponent
+     */
+    private buildLegends;
+    /**
+     * Resolves the CSS modifier class for a member level from the `constants.json`
+     * color map, using the `??` fallback to the `default` entry when the level is
+     * missing from the map.
+     * @param {string} memberLevel - The member-level label to resolve a color for.
+     * @return {string} The CSS modifier class applied to the pill.
+     * @memberof MemberLevelBadgeComponent
+     */
+    private resolveColorClass;
+    /**
+     * Converts a shared-styles color token (for example `$ieeesa-color-success`)
+     * into a valid BEM-style CSS modifier class defined in this component's SCSS.
+     * @param {string} token - The color token from the color map.
+     * @return {string} A valid CSS class name.
+     * @memberof MemberLevelBadgeComponent
+     */
+    private toColorClass;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MemberLevelBadgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MemberLevelBadgeComponent, "ieeesa-member-level-badge", never, { "memberLevel": { "alias": "memberLevel"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/upcoming-meetings-events/upcoming-meetings-events.component.d.ts

@@ -0,0 +1,238 @@
+import { EventEmitter } from '@angular/core';
+import { AttendanceActionPermissions } from '../../models/attendance-action-permissions.model';
+import { AttendanceState } from '../../models/attendance-state.model';
+import { DashboardSectionState } from '../../models/dashboard-section-state.model';
+import { PageChange } from '../../models/page-change.model';
+import { UpcomingEvent } from '../../models/upcoming-event.model';
+import * as i0 from "@angular/core";
+/**
+ * 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
+ */
+export declare class UpcomingMeetingsEventsComponent {
+    /** User-facing strings sourced from `constants.json`. */
+    constants: {
+        welcomeHeader: {
+            greeting: string;
+            fallbackGreeting: string;
+            helperText: string;
+            jumpToLabel: string;
+            shortcuts: {
+                meetings: {
+                    label: string;
+                    iconUrl: string;
+                    ariaLabel: string;
+                };
+                groups: {
+                    label: string;
+                    iconUrl: string;
+                    ariaLabel: string;
+                };
+            };
+        };
+        upcomingSection: {
+            title: string;
+            viewAllLabel: string;
+            expandLabel: string;
+            collapseLabel: string;
+            ariaLabel: {
+                viewAll: string;
+                toggle: string;
+            };
+            emptyMessage: string;
+            errorMessage: string;
+        };
+        eventGroupCard: {
+            viewEventLabel: string;
+            meetingListToggle: {
+                showLabelPrefix: string;
+                showLabelSuffix: string;
+                hideLabel: string;
+            };
+            ariaLabel: {
+                viewEvent: string;
+                meetingListToggle: string;
+            };
+            paginator: {
+                rangeTemplate: string;
+                totalTemplate: string;
+            };
+        };
+        meetingRow: {
+            emptyFieldPlaceholder: string;
+            currentlyAttendingIndicator: string;
+            logAttendanceLabel: string;
+            leaveMeetingLabel: string;
+            ariaLabel: {
+                meetingNameLink: string;
+                logAttendance: string;
+                leaveMeeting: string;
+            };
+        };
+        groupsSection: {
+            title: string;
+            viewAllLabel: string;
+            expandLabel: string;
+            collapseLabel: string;
+            countSuffix: string;
+            emptyValue: string;
+            ariaLabel: {
+                viewAll: string;
+                toggle: string;
+                groupLink: string;
+            };
+            columns: {
+                group: string;
+                type: string;
+                officerRole: string;
+                /** Enum reference for template comparisons against `sectionState`. */
+                affiliation: string;
+                memberLevel: string;
+            };
+            paginator: {
+                rangeTemplate: string;
+                totalTemplate: string;
+            };
+            memberLevelBadge: {
+                votingMember: string;
+                default: string;
+            };
+            emptyMessage: string; /** Host permissions gating the per-row log-attendance / leave-meeting buttons. */
+            errorMessage: string;
+        };
+        memberLevel: {
+            colorMap: {
+                "Voting Member": string;
+                Observer: string;
+                /** Map of meeting id to current attendance state, passed down to each card. */
+                "Associate Member": string;
+                Member: string;
+                default: string;
+            };
+        };
+        attendance: {
+            errorMessage: string;
+        };
+        footer: {
+            links: {
+                label: string;
+                target: string;
+            }[];
+            copyright: string;
+        };
+        defaultRouteConfig: {
+            eventDetail: string;
+            meetingDetail: string;
+            groupDetail: string;
+            /**
+             * `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
+             */
+            viewAllEvents: string;
+            viewAllGroups: string;
+        };
+    };
+    /** Enum reference for template comparisons against `sectionState`. */
+    readonly sectionStates: typeof DashboardSectionState;
+    /** The upcoming events rendered as event-group cards (Req 5.5, 5.6). */
+    events: UpcomingEvent[];
+    /** The load/empty/error status driving the section's mutually exclusive regions. */
+    sectionState: DashboardSectionState;
+    /** Host permissions gating the per-row log-attendance / leave-meeting buttons. */
+    permissions: AttendanceActionPermissions;
+    /** Map of meeting id to current attendance state, passed down to each card. */
+    attendanceStates: Record<string, AttendanceState>;
+    /** Set of meeting ids with an attendance action awaiting resolution. */
+    inFlightMeetingIds: ReadonlySet<string>;
+    /** Whether the host has determined the viewport is at/below the mobile breakpoint. */
+    isMobileView: boolean;
+    /** Emits when the "View All" link is activated (Req 5.2). */
+    viewAll: EventEmitter<void>;
+    /** Bubbles the event id when a card's "View Event" button is activated (Req 6.4). */
+    viewEvent: EventEmitter<string>;
+    /** Bubbles the meeting id when a card's meeting-name link is activated (Req 7.4). */
+    openMeeting: EventEmitter<string>;
+    /** Bubbles the meeting id when a card requests logging attendance (Req 7.7). */
+    logAttendance: EventEmitter<string>;
+    /** Bubbles the meeting id when a card requests leaving the meeting (Req 7.8). */
+    leaveMeeting: EventEmitter<string>;
+    /** Emits the requested page tagged with its event id when a card paginates (Req 6.9). */
+    meetingPageChange: EventEmitter<{
+        eventId: string;
+    } & PageChange>;
+    /** Whether the section's card list is currently expanded; starts collapsed. */
+    isExpanded: boolean;
+    /**
+     * `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: number, event: UpcomingEvent): string;
+    /**
+     * 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(): void;
+    /**
+     * Handles the "View All" link, emitting the `viewAll` intent to the host (Req 5.2).
+     * @memberof UpcomingMeetingsEventsComponent
+     */
+    onViewAll(): void;
+    /**
+     * 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: string): void;
+    /**
+     * 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: string): void;
+    /**
+     * 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: string): void;
+    /**
+     * 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: string): void;
+    /**
+     * 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: string, page: PageChange): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpcomingMeetingsEventsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UpcomingMeetingsEventsComponent, "ieeesa-upcoming-meetings-events", never, { "events": { "alias": "events"; "required": false; }; "sectionState": { "alias": "sectionState"; "required": false; }; "permissions": { "alias": "permissions"; "required": false; }; "attendanceStates": { "alias": "attendanceStates"; "required": false; }; "inFlightMeetingIds": { "alias": "inFlightMeetingIds"; "required": false; }; "isMobileView": { "alias": "isMobileView"; "required": false; }; }, { "viewAll": "viewAll"; "viewEvent": "viewEvent"; "openMeeting": "openMeeting"; "logAttendance": "logAttendance"; "leaveMeeting": "leaveMeeting"; "meetingPageChange": "meetingPageChange"; }, never, never, true, never>;
+}

package/lib/components/welcome-header/dashboard-welcome-header.component.d.ts

@@ -0,0 +1,98 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Identifies which dashboard section a "Jump to" shortcut targets, emitted via
+ * {@link DashboardWelcomeHeaderComponent.shortcutSelected} for the host/container
+ * to scroll to or navigate.
+ */
+export declare enum DashboardJumpTarget {
+    MEETINGS = "MEETINGS",
+    GROUPS = "GROUPS"
+}
+/**
+ * A single "Jump to" shortcut rendered in the welcome header: a circular icon
+ * that expands on hover/focus into a pill showing the section label and its
+ * count badge.
+ */
+interface JumpShortcut {
+    target: DashboardJumpTarget;
+    label: string;
+    iconUrl: string;
+    ariaLabel: string;
+    count: number;
+}
+/**
+ * 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
+ */
+export declare class DashboardWelcomeHeaderComponent {
+    private readonly constants;
+    /** User-facing strings sourced from `constants.json`. */
+    readonly texts: any;
+    /** Enum reference for template comparisons. */
+    readonly jumpTarget: typeof DashboardJumpTarget;
+    private userNameValue;
+    /**
+     * 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: string);
+    get userName(): string;
+    private meetingsCountValue;
+    /** Count shown in the Upcoming Meetings & Events shortcut badge. */
+    set meetingsCount(value: number);
+    get meetingsCount(): number;
+    private groupsCountValue;
+    /** Count shown in the Your Groups shortcut badge. */
+    set groupsCount(value: number);
+    get groupsCount(): number;
+    /** Emits the selected "Jump to" target for the host to act on. */
+    shortcutSelected: EventEmitter<DashboardJumpTarget>;
+    /** The jump shortcuts rendered in the control, rebuilt when counts change. */
+    shortcuts: JumpShortcut[];
+    /**
+     * The personalized greeting: the greeting label plus the user's name when
+     * present, otherwise the configured fallback greeting.
+     * @readonly
+     * @memberof DashboardWelcomeHeaderComponent
+     */
+    get greeting(): string;
+    /**
+     * Emits the chosen shortcut's target for the host to scroll/navigate to.
+     * @param {DashboardJumpTarget} target - The selected section.
+     * @memberof DashboardWelcomeHeaderComponent
+     */
+    onShortcutClick(target: DashboardJumpTarget): void;
+    /**
+     * TrackBy for the shortcut list.
+     * @param {number} _index
+     * @param {JumpShortcut} shortcut
+     * @return {string}
+     * @memberof DashboardWelcomeHeaderComponent
+     */
+    trackByTarget(_index: number, shortcut: JumpShortcut): string;
+    /** Rebuilds the shortcut list so the template reflects the latest counts. */
+    private buildShortcuts;
+    /**
+     * Builds the shortcut view models from `constants.json` and the current
+     * counts.
+     * @return {JumpShortcut[]}
+     * @memberof DashboardWelcomeHeaderComponent
+     */
+    private buildShortcutList;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DashboardWelcomeHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DashboardWelcomeHeaderComponent, "ieeesa-dashboard-welcome-header", never, { "userName": { "alias": "userName"; "required": false; }; "meetingsCount": { "alias": "meetingsCount"; "required": false; }; "groupsCount": { "alias": "groupsCount"; "required": false; }; }, { "shortcutSelected": "shortcutSelected"; }, never, never, true, never>;
+}
+export {};

package/lib/components/your-groups/your-groups.component.d.ts

@@ -0,0 +1,110 @@
+import { EventEmitter } from '@angular/core';
+import { PageEvent } from '@angular/material/paginator';
+import { PaginatorConfig, TableActions, TableColumnSchema } from '@ieeesa-npm/presentation';
+import { DashboardSectionState } from '../../models/dashboard-section-state.model';
+import { GroupRow } from '../../models/group-row.model';
+import { PageChange } from '../../models/page-change.model';
+import * as i0 from "@angular/core";
+/**
+ * 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
+ */
+export declare class YourGroupsComponent {
+    private readonly constants;
+    /** User-facing strings sourced from `constants.json`. */
+    readonly texts: any;
+    /** Enum reference for template comparisons against `sectionState`. */
+    readonly sectionStates: typeof 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.
+     */
+    groups: GroupRow[];
+    /**
+     * 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.
+     */
+    sectionState: DashboardSectionState;
+    /** Total number of groups (for the "{n} Groups" count and paginator). */
+    totalGroups: number;
+    /** Current zero-based page index. */
+    pageIndex: number;
+    /** Current page size. */
+    pageSize: number;
+    /** Emits the selected group's id when its name link is clicked. */
+    groupSelected: EventEmitter<string>;
+    /** Emits when the "View All" link is activated. */
+    viewAllGroups: EventEmitter<void>;
+    /** Emits the requested page when the paginator changes. */
+    pageChange: EventEmitter<PageChange>;
+    /** Whether the card is expanded (table visible). Starts collapsed. */
+    isExpanded: boolean;
+    /** Data-table action flags: pagination only (no search/filter/add/edit). */
+    readonly tableActions: TableActions;
+    /**
+     * The count shown in the header subtitle, preferring the server total and
+     * falling back to the current page length.
+     * @readonly
+     * @memberof YourGroupsComponent
+     */
+    get groupCount(): number;
+    /**
+     * The paginator config derived from the total/pageSize inputs.
+     * @readonly
+     * @memberof YourGroupsComponent
+     */
+    get paginatorConfig(): PaginatorConfig;
+    /** Column schema for the groups data table. */
+    readonly columnSchema: TableColumnSchema[];
+    /**
+     * Toggles the card's expanded/collapsed state (table visibility).
+     * @memberof YourGroupsComponent
+     */
+    onToggleExpand(): void;
+    /**
+     * Emits the "View All" intent for the host.
+     * @memberof YourGroupsComponent
+     */
+    onViewAll(): void;
+    /**
+     * 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: {
+        row: GroupRow;
+    }): void;
+    /**
+     * Re-emits the paginator change as a {@link PageChange}.
+     * @param {PageEvent} event - The Material paginator event.
+     * @memberof YourGroupsComponent
+     */
+    onPageChange(event: PageEvent): void;
+    /**
+     * 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
+     */
+    private resolveBadgeClass;
+    static ɵfac: i0.ɵɵFactoryDeclaration<YourGroupsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<YourGroupsComponent, "ieeesa-your-groups", never, { "groups": { "alias": "groups"; "required": false; }; "sectionState": { "alias": "sectionState"; "required": false; }; "totalGroups": { "alias": "totalGroups"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; }, { "groupSelected": "groupSelected"; "viewAllGroups": "viewAllGroups"; "pageChange": "pageChange"; }, never, never, true, never>;
+}