@fhss-web-team/frontend-utils 0.0.4 → 0.0.7

package/fesm2022/fhss-web-team-frontend-utils.mjs

@@ -1,9 +1,22 @@
 import * as i0 from '@angular/core';
-import { Component, inject, computed, Injectable, input, signal, effect } from '@angular/core';
+import { Component, inject, computed, Injectable, input, signal, effect, ViewChild } from '@angular/core';
 import * as i1 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import { KEYCLOAK_EVENT_SIGNAL } from 'keycloak-angular';
 import Keycloak from 'keycloak-js';
+import * as i1$1 from '@angular/material/table';
+import { MatTableModule } from '@angular/material/table';
+import * as i3 from '@angular/material/paginator';
+import { MatPaginatorModule, MatPaginator } from '@angular/material/paginator';
+import * as i2 from '@angular/material/sort';
+import { MatSortModule, MatSort } from '@angular/material/sort';
+import { DatePipe } from '@angular/common';
+import * as i4 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i5 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i6 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
 
 class ByuFooterComponent {
     currentYear = new Date().getFullYear(); // Automatically updates the year
@@ -368,6 +381,36 @@ fetchSignal.delete.text = createHelper('DELETE', textTransformer);
 fetchSignal.delete.blob = createHelper('DELETE', blobTransformer);
 fetchSignal.delete.arrayBuffer = createHelper('DELETE', arrayBufferTransformer);
 
+class UserManagementService {
+    auth = inject(AuthService);
+    getUsers(search, accountTypes, sortBy, sortDirection, pageCount, pageOffset, createdAfter, createdBefore) {
+        return fetchSignal(() => ({
+            url: '/api/user-management',
+            params: {
+                search: search(),
+                account_types: accountTypes().join(','),
+                sort_by: sortBy(),
+                sort_direction: sortDirection(),
+                page_count: pageCount(),
+                page_offset: pageOffset(),
+                created_after: createdAfter && createdAfter().toISOString(),
+                created_before: createdBefore && createdBefore().toISOString(),
+            },
+            headers: {
+                Authorization: this.auth.bearerToken() ?? ''
+            }
+        }), true);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: UserManagementService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: UserManagementService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: UserManagementService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
 const debounced = (inputSignal, wait = 400) => {
     const debouncedSignal = signal(inputSignal());
     const setSignal = debounce((value) => debouncedSignal.set(value), wait);
@@ -386,6 +429,46 @@ const debounce = (callback, wait) => {
     };
 };
 
+class UserManagementComponent {
+    api = inject(UserManagementService);
+    displayedColumns = ['netId', 'preferredFirstName', 'preferredLastName', 'roles', 'accountType', 'created'];
+    accountTypeOptions = ['NonBYU', 'Student', 'Employee'];
+    paginator;
+    sort;
+    search = signal('');
+    accountTypes = signal(['NonBYU', 'Student', 'Employee']);
+    sortBy = signal('netId');
+    sortDirection = signal('asc');
+    pageCount = signal(5);
+    pageOffset = signal(0);
+    getUsers = this.api.getUsers(debounced(this.search), this.accountTypes, this.sortBy, this.sortDirection, this.pageCount, this.pageOffset);
+    ngAfterViewInit() {
+        // write the observables from the sort and the paging to the signals
+        this.sort.sortChange.subscribe(({ active, direction }) => {
+            this.sortBy.set(active);
+            this.sortDirection.set(direction);
+            this.pageOffset.set(0);
+            this.paginator.pageIndex = 0;
+        });
+        this.paginator.page.subscribe(({ pageIndex, pageSize }) => {
+            this.pageOffset.set(pageIndex * pageSize);
+            this.pageCount.set(pageSize);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: UserManagementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: UserManagementComponent, isStandalone: true, selector: "app-user-management", viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], ngImport: i0, template: "<mat-form-field>\n  <mat-label>Search for User</mat-label>\n  <input matInput [(ngModel)]=\"search\">\n</mat-form-field>\n<mat-form-field>\n  <mat-label>Account Type</mat-label>\n  <mat-select multiple [(ngModel)]=\"accountTypes\">\n    @for (accountType of accountTypeOptions; track accountType) {\n      <mat-option [value]=\"accountType\">{{accountType}}</mat-option>\n    }\n  </mat-select>\n</mat-form-field>\n\n<table mat-table [dataSource]=\"getUsers.persistentValue()?.data ?? []\" matSort matSortActive=\"netId\" matSortDisableClear matSortDirection=\"asc\">\n  <!-- NetID Column -->\n  <ng-container matColumnDef=\"netId\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>NetID</th>\n    <td mat-cell *matCellDef=\"let user\">{{user.netId}}</td>\n  </ng-container>\n\n  <!-- First Name Column -->\n  <ng-container matColumnDef=\"preferredFirstName\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>First Name</th>\n    <td mat-cell *matCellDef=\"let user\">{{user.preferredFirstName}}</td>\n  </ng-container>\n\n  <!-- Last Name Column -->\n  <ng-container matColumnDef=\"preferredLastName\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>Last Name</th>\n    <td mat-cell *matCellDef=\"let user\">{{user.preferredLastName}}</td>\n  </ng-container>\n\n  <!-- Roles Column -->\n  <ng-container matColumnDef=\"roles\">\n    <th mat-header-cell *matHeaderCellDef>Roles</th>\n    <td mat-cell *matCellDef=\"let user\">{{user.roles.join(', ')}}</td>\n  </ng-container>\n\n  <!-- Account Type Column -->\n  <ng-container matColumnDef=\"accountType\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>Account Type</th>\n    <td mat-cell *matCellDef=\"let user\">{{user.accountType}}</td>\n  </ng-container>\n\n  <!-- Created Column -->\n  <ng-container matColumnDef=\"created\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>\n      Created\n    </th>\n    <td mat-cell *matCellDef=\"let user\">{{user.created | date}}</td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n</table>\n\n<mat-paginator [length]=\"getUsers.persistentValue()?.totalCount\" [pageSize]=\"pageCount()\" [pageSizeOptions]=\"[5, 10, 20]\" showFirstLastButtons></mat-paginator>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i1$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i1$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i1$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i1$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i1$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i1$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i2.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i2.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i3.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i6.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: UserManagementComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-user-management', imports: [MatTableModule, MatSortModule, MatPaginatorModule, DatePipe, FormsModule, MatInputModule, MatSelectModule], template: "<mat-form-field>\n  <mat-label>Search for User</mat-label>\n  <input matInput [(ngModel)]=\"search\">\n</mat-form-field>\n<mat-form-field>\n  <mat-label>Account Type</mat-label>\n  <mat-select multiple [(ngModel)]=\"accountTypes\">\n    @for (accountType of accountTypeOptions; track accountType) {\n      <mat-option [value]=\"accountType\">{{accountType}}</mat-option>\n    }\n  </mat-select>\n</mat-form-field>\n\n<table mat-table [dataSource]=\"getUsers.persistentValue()?.data ?? []\" matSort matSortActive=\"netId\" matSortDisableClear matSortDirection=\"asc\">\n  <!-- NetID Column -->\n  <ng-container matColumnDef=\"netId\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>NetID</th>\n    <td mat-cell *matCellDef=\"let user\">{{user.netId}}</td>\n  </ng-container>\n\n  <!-- First Name Column -->\n  <ng-container matColumnDef=\"preferredFirstName\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>First Name</th>\n    <td mat-cell *matCellDef=\"let user\">{{user.preferredFirstName}}</td>\n  </ng-container>\n\n  <!-- Last Name Column -->\n  <ng-container matColumnDef=\"preferredLastName\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>Last Name</th>\n    <td mat-cell *matCellDef=\"let user\">{{user.preferredLastName}}</td>\n  </ng-container>\n\n  <!-- Roles Column -->\n  <ng-container matColumnDef=\"roles\">\n    <th mat-header-cell *matHeaderCellDef>Roles</th>\n    <td mat-cell *matCellDef=\"let user\">{{user.roles.join(', ')}}</td>\n  </ng-container>\n\n  <!-- Account Type Column -->\n  <ng-container matColumnDef=\"accountType\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>Account Type</th>\n    <td mat-cell *matCellDef=\"let user\">{{user.accountType}}</td>\n  </ng-container>\n\n  <!-- Created Column -->\n  <ng-container matColumnDef=\"created\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>\n      Created\n    </th>\n    <td mat-cell *matCellDef=\"let user\">{{user.created | date}}</td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n</table>\n\n<mat-paginator [length]=\"getUsers.persistentValue()?.totalCount\" [pageSize]=\"pageCount()\" [pageSizeOptions]=\"[5, 10, 20]\" showFirstLastButtons></mat-paginator>\n" }]
+        }], propDecorators: { paginator: [{
+                type: ViewChild,
+                args: [MatPaginator]
+            }], sort: [{
+                type: ViewChild,
+                args: [MatSort]
+            }] } });
+
 /**
  * Components
  */
@@ -394,5 +477,5 @@ const debounce = (callback, wait) => {
  * Generated bundle index. Do not edit.
  */
 
-export { AuthService, ByuFooterComponent, ByuHeaderComponent, debounced, fetchSignal, readMaybeSignal };
+export { AuthService, ByuFooterComponent, ByuHeaderComponent, UserManagementComponent, debounced, fetchSignal, readMaybeSignal };
 //# sourceMappingURL=fhss-web-team-frontend-utils.mjs.map

package/fesm2022/fhss-web-team-frontend-utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fhss-web-team-frontend-utils.mjs","sources":["../../../projects/frontend-utils/src/lib/components/byu-footer/byu-footer.component.ts","../../../projects/frontend-utils/src/lib/components/byu-footer/byu-footer.component.html","../../../projects/frontend-utils/src/lib/services/auth/auth.service.ts","../../../projects/frontend-utils/src/lib/components/byu-header/byu-header.component.ts","../../../projects/frontend-utils/src/lib/components/byu-header/byu-header.component.html","../../../projects/frontend-utils/src/lib/signals/fetch-signal/fetch-signal.ts","../../../projects/frontend-utils/src/lib/signals/debounced/debounced.ts","../../../projects/frontend-utils/src/public-api.ts","../../../projects/frontend-utils/src/fhss-web-team-frontend-utils.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'byu-footer',\n  imports: [],\n  templateUrl: './byu-footer.component.html',\n  styleUrl: './byu-footer.component.scss'\n})\nexport class ByuFooterComponent {\n  currentYear: number = new Date().getFullYear(); // Automatically updates the year\n}\n","<footer>\n  <p class=\"title\"><a href=\"https://www.byu.edu/\">BRIGHAM YOUNG UNIVERSITY</a></p>\n  <p>Provo, UT 84602, USA | © {{ currentYear }} All rights reserved.</p>\n  <p>\n    <a href=\"https://privacy.byu.edu/privacy-notice\">Privacy Notice</a> |\n    <a href=\"https://privacy.byu.edu/cookie-prefs\">Cookie Preferences</a>\n  </p>\n</footer>\n  \n\n","import { Injectable, inject, computed } from '@angular/core';\nimport { KEYCLOAK_EVENT_SIGNAL } from 'keycloak-angular';\nimport Keycloak, {\n  KeycloakFlow,\n  KeycloakLoginOptions,\n  KeycloakLogoutOptions,\n  KeycloakResourceAccess,\n  KeycloakResponseMode,\n  KeycloakResponseType,\n  KeycloakRoles,\n  KeycloakTokenParsed,\n} from 'keycloak-js';\n\n@Injectable({\n  providedIn: 'root',\n})\n/**\n * FIXME: Finish the wrapper for all properties and methods\n *\n * See https://www.keycloak.org/securing-apps/javascript-adapter\n */\nexport class AuthService {\n  private keycloak = inject(Keycloak);\n  private keycloakSignal = inject(KEYCLOAK_EVENT_SIGNAL);\n\n  login = (nextRoute?: string) => {\n    if (nextRoute) {\n      sessionStorage.setItem('nextRoute', nextRoute);\n    }\n    this.keycloak.login({\n      redirectUri: window.location.origin + '/auth-callback',\n    });\n  };\n  logout = (options?: KeycloakLogoutOptions) => this.keycloak.logout(options);\n\n  /**\n   * A signal for the keycloak-js authenticated property\n   *\n   * Is `true` if the user is authenticated, `false` otherwise.\n   */\n  authenticated = computed<boolean | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.authenticated;\n  });\n\n  /**\n   * A signal for the keycloak-js token property\n   *\n   * The base64 encoded token that can be sent in the `Authorization` header in requests to services.\n   */\n  token = computed<string | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.token;\n  });\n\n  /**\n   * A signal that will return the Bearer Token for use in the Authorization header\n   */\n  bearerToken = computed<string | undefined>(() => (this.token() ? 'Bearer ' + this.token() : undefined));\n\n  /**\n   * A signal for the keycloak-js tokenParsed property\n   *\n   * The parsed token as a JavaScript object.\n   */\n  tokenParsed = computed<KeycloakTokenParsed | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.tokenParsed;\n  });\n\n  /**\n   * A signal for the keycloak-js subject property\n   *\n   * The user id.\n   */\n  userId = computed<string | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.subject;\n  });\n\n  /**\n   * A signal for the keycloak-js idToken property\n   *\n   * The base64 encoded ID token.\n   */\n  idToken = computed<string | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.idToken;\n  });\n\n  /**\n   * A signal for the keycloak-js idTokenParsed property\n   *\n   * The parsed id token as a JavaScript object.\n   */\n  idTokenParsed = computed<KeycloakTokenParsed | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.idTokenParsed;\n  });\n\n  /**\n   * A signal for the keycloak-js realmAccess property\n   *\n   * The realm roles associated with the token.\n   */\n  realmAccess = computed<KeycloakRoles | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.realmAccess;\n  });\n\n  /**\n   * A signal for the keycloak-js resourceAccess property\n   *\n   * The resource roles associated with the token.\n   */\n  resourceAccess = computed<KeycloakResourceAccess | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.resourceAccess;\n  });\n\n  /**\n   * A signal for the keycloak-js refreshToken property\n   *\n   * The base64 encoded refresh token that can be used to retrieve a new token.\n   */\n  refreshToken = computed<string | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.refreshToken;\n  });\n\n  /**\n   * A signal for the keycloak-js refreshTokenParsed property\n   *\n   * The parsed refresh token as a JavaScript object.\n   */\n  refreshTokenParsed = computed<KeycloakTokenParsed | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.refreshTokenParsed;\n  });\n\n  /**\n   * A signal for the keycloak-js timeSkew property\n   *\n   * The estimated time difference between the browser time and the Keycloak server in seconds.\n   * This value is just an estimation, but is accurate enough when determining if a token is expired or not.\n   */\n  timeSkew = computed<number | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.timeSkew;\n  });\n\n  /**\n   * A signal for the keycloak-js responseMode property\n   *\n   * Response mode passed in init (default value is fragment).\n   */\n  responseMode = computed<KeycloakResponseMode | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.responseMode;\n  });\n\n  /**\n   * A signal for the keycloak-js flow property\n   *\n   * Flow passed in init.\n   */\n  flow = computed<KeycloakFlow | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.flow;\n  });\n\n  /**\n   * A signal for the keycloak-js responseType property\n   *\n   * Response type sent to Keycloak with login requests. This is determined based on the flow value used during initialization,\n   * but can be overridden by setting this value.\n   */\n  responseType = computed<KeycloakResponseType | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.responseType;\n  });\n}\n","import { Component, input, inject } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { AuthService } from '../../services/auth/auth.service';\n\ntype HeaderLink = {\n  text: string;\n  path: string;\n};\n\n// A HeaderMenu can be either a simple link with path,\n// OR a menu group with nested items\ntype HeaderMenu = HeaderLink | {\n  text: string;\n  items: HeaderLink[];\n}\n\nexport type HeaderConfig = {\n  title: HeaderLink;\n  subtitle?: HeaderLink;\n  breadcrumbs?: HeaderLink[];\n  menu?: HeaderMenu[];\n}\n\n@Component({\n  selector: 'byu-header',\n  imports: [RouterModule],\n  templateUrl: './byu-header.component.html',\n  styleUrl: './byu-header.component.scss'\n})\nexport class ByuHeaderComponent {\n  auth = inject(AuthService)\n  config = input<HeaderConfig>();\n\n  isHeaderLink(item: HeaderMenu): item is HeaderLink {\n    return 'path' in item;\n  }\n\n  // Track which dropdown is open (null means none are open)\n  openDropdownText: string | null = null;\n  \n  // Toggle function — if clicking the same dropdown, close it; otherwise open it\n  toggleDropdown(text: string) {\n    this.openDropdownText = this.openDropdownText === text ? null : text;\n  }\n  \n  // Check if a given dropdown is currently open\n  isOpen(text: string): boolean {\n    return this.openDropdownText === text;\n  }\n}\n","<header>\n  <div class=\"top\" >\n    <img class=\"logo\" src=\"/BYU_monogram_white@2x.png\" alt=\"BYU\">\n    <div class=\"titles\"> \n      <div class=\"breadcrumbs\">\n        @for (breadcrumb of config()?.breadcrumbs; track breadcrumb.text){\n          <a [href]=\"breadcrumb.path\" >{{ breadcrumb.text }}</a>\n        }\n      </div>\n        <a [routerLink]=\"config()?.title?.path\" class=\"title\">{{ config()?.title?.text }}</a>\n        <a [routerLink]=\"config()?.subtitle?.path\" class=\"subtitle\">{{ config()?.subtitle?.text }}</a>\n    </div>\n    <div class=\"signin\">\n      <p>{{ this.auth.tokenParsed()?.['given_name'] ?? '' }}</p>\n      <svg class=\"signin-icon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\">\n        <path fill=\"currentcolor\" d=\"M50 95c-26 0-34-18-34-18 3-12 8-18 17-18 5 5 10 7 17 7s12-2 17-7c9 0 14 6 17 18 0 0-7 18-34 18z\"></path>\n        <circle cx=\"50\" cy=\"50\" r=\"45\" fill=\"none\" stroke=\"currentcolor\" stroke-width=\"10\"></circle>\n        <circle fill=\"currentcolor\" cx=\"50\" cy=\"40\" r=\"20\"></circle>\n      </svg>\n      @if (auth.authenticated()) {\n        <a class=\"signin-link\" (click)=\"auth.logout()\">Sign Out</a>\n      } @else {\n        <a class=\"signin-link\" (click)=\"auth.login()\">Sign In</a>\n      }\n    </div>\n  </div>\n  <div class=\"bottom\">\n    <nav>\n      @for (menuItem of config()?.menu; track menuItem.text){>\n        @if (isHeaderLink(menuItem)) {\n          <li class = \"nav-item\">\n            <a class=\"nav-item-content\" [routerLink]=\"menuItem.path\">{{ menuItem.text }}</a>\n          </li>\n        } @else {\n          <li class=\"nav-item dropdown\" (click)=\"toggleDropdown(menuItem.text)\">\n            <div class=\"nav-item-content\" >{{ menuItem.text }}</div>\n            @if (openDropdownText === menuItem.text) {\n              <ul class = \"dropdown-item-menu\"> \n              @for(dropItem of menuItem.items; track dropItem.text){\n                <li class = \"dropdown-item\">\n                  <a class=\"dropdown-item-content\" [routerLink]=\"dropItem.path\">{{ dropItem.text }}</a>\n                </li>\n              }\n              </ul>\n            }\n          </li>\n        }\n      }\n    </nav>\n  </div>\n</header>\n","import { computed, effect, signal, Signal } from '@angular/core';\n\n//\n// Generic utility types\n//\ntype JsonValue =\n  | string\n  | number\n  | boolean\n  | null\n  | JsonArray\n  | JsonObject;\ntype JsonObject = { [key: string]: JsonValue };\ntype JsonArray = JsonValue[];\ntype Json = JsonObject | JsonArray;\nexport type Maybe<T> = T | undefined | null;\ntype HttpMethod = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';\ntype DefaultError = { code?: string, message?: string, details?: Json };\n\n/**\n * A value that may be a plain value of type `T` or a reactive `Signal<T>`.\n *\n * This is useful in APIs that accept either static or reactive values,\n * allowing flexibility while maintaining type safety.\n *\n * Use `unwrapSignal` to extract the underlying value in a uniform way.\n *\n * @template T The underlying value type.\n */\nexport type MaybeSignal<T> = T | Signal<T>;\n/**\n * Reads the underlying value from a MaybeSignal.\n *\n * This function is designed for use with reactive APIs (like fetchSignal) where it's important\n * that Angular's computed methods register the dependency. If the input is a Signal, invoking it \n * not only returns its current value but also tracks the signal for reactivity. If the input is \n * a plain value, it simply returns that value.\n *\n * @template T The type of the value.\n * @param value A plain value or a Signal that yields the value.\n * @returns The current value, with dependency tracking enabled if the input is a Signal.\n */\nexport function readMaybeSignal<T>(value: MaybeSignal<T>): T {\n  return typeof value === 'function' ? (value as Function)() : value;\n}\n\n//\n// Fetch Request\n//\ntype FetchSignalRequest = {\n  url: string;\n  body?: unknown;\n  params?: Record<string, string | number | boolean | undefined>;\n  headers?: Record<string, string>;\n};\n\n//\n// A function that transforms the raw fetch Response to the desired type.\n//\ntype ResponseTransformer<T> = (response: Response) => Promise<T>;\n\n/**\n * Represents the reactive result of an HTTP fetch request.\n */\nexport type FetchSignal<Response, Error = DefaultError> = {\n  value: Signal<Maybe<Response>>;\n  persistentValue: Signal<Maybe<Response>>;\n  isLoading: Signal<boolean>;\n  error: Signal<Maybe<Error>>;\n  statusCode: Signal<Maybe<number>>;\n  headers: Signal<Maybe<Record<string, string>>>;\n  refresh: (abortSignal?: AbortSignal) => void;\n};\n\n/**\n * Creates a reactive fetch signal.\n *\n * The request function can include Signals for properties. These are unwrapped in the refresh function.\n */\nfunction createFetchSignal<Response, Error>(\n  request: () => (FetchSignalRequest),\n  method: HttpMethod,\n  transform: ResponseTransformer<Response>,\n  autoRefresh: Boolean\n): FetchSignal<Response, Error> {\n  // Use a computed signal so that any changes to Signals in the request object trigger updates.\n  const currentRequest = computed(request);\n\n  const value = signal<Maybe<Response>>(undefined);\n  const persistentValue = signal<Maybe<Response>>(undefined);\n  const isLoading = signal<boolean>(false);\n  const error = signal<Maybe<Error>>(undefined);\n  const statusCode = signal<Maybe<number>>(undefined);\n  const headers = signal<Maybe<Record<string, string>>>(undefined);\n\n  const refresh = async (abortSignal?: AbortSignal) => {\n    // Reset signals for a fresh request.\n    value.set(undefined);\n    isLoading.set(true);\n    error.set(undefined);\n    statusCode.set(undefined);\n    headers.set(undefined);\n\n    // Unwrap the current request.\n    const req = currentRequest();\n    const url = req.url;\n    const params = req.params\n    const requestHeaders = req.headers;\n    const body = req.body;\n\n    // Build URL with query parameters.\n    let uri = url;\n    if (params) {\n      const searchParams = new URLSearchParams();\n      for (const key in params) {\n        if (params[key] !== undefined) searchParams.append(key, String(params[key]));\n      }\n      uri += (uri.includes('?') ? '&' : '?') + searchParams.toString();\n    }\n\n    try {\n      const response = await fetch(uri, {\n        method,\n        headers: requestHeaders,\n        // Only include a body if one is provided.\n        body: body !== undefined ? JSON.stringify(body) : undefined,\n        signal: abortSignal\n      });\n\n      statusCode.set(response.status);\n\n      // Extract response headers.\n      const headersObj: Record<string, string> = {};\n      response.headers.forEach((val, key) => {\n        headersObj[key] = val;\n      });\n      headers.set(headersObj);\n\n      // if the response is ok, transform the body\n      if (response.ok) {\n        value.set(await transform(response));\n        error.set(null);\n      } else {\n        // try to parse the error as json\n        // set the error to null if this fails\n        try { error.set(await response.json()) }\n        catch { error.set(null) }\n        finally { value.set(null) }\n      }\n    } catch (err: any) {\n      // if the request is aborted, ignore the error\n      if (err.name !== 'AbortError') {\n        console.error(err);\n      }\n      error.set(null);\n      value.set(null);\n    } finally {\n      persistentValue.set(value());\n      isLoading.set(false);\n    }\n  };\n\n  if (autoRefresh) {\n    effect((onCleanup) => {\n      // read the current request to trigger re-run of this effect\n      currentRequest();\n\n      // pass abort signal to refresh on cleanup of effect\n      const controller = new AbortController();\n      onCleanup(() => controller.abort());\n\n      // call refresh with this abort controller\n      refresh(controller.signal);\n    })\n  }\n\n  return { value, persistentValue, isLoading, error, statusCode, headers, refresh };\n}\n\n\n//\n// The chainable API factory type.\n// Note that the default fetchSignal() (and its .json, etc.) are for GET,\n// while .post, .put, .patch require a request with a body.\n// The .delete chain is similar to GET in that no body is expected.\n//\ntype FetchSignalFactory = {\n  /**\n   * Initiates a reactive HTTP GET request using the provided request configuration.\n   *\n   * @template Response - The expected response type.\n   * @template Error - The expected error shape (defaults to `DefaultError`).\n   * @param request - The configuration object for the HTTP GET request.\n   * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n   * @returns A `FetchSignal` object containing reactive signals for the response data, loading state, status code, error, headers, and a refresh method.\n   */\n  <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean): FetchSignal<Response, Error>;\n\n  /**\n   * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as JSON.\n   *\n   * @template Response - The expected response type.\n   * @template Error - The expected error shape (defaults to `DefaultError`).\n   * @param request - The configuration object for the HTTP GET request.\n   * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n   * @returns A `FetchSignal` object with the JSON-parsed response.\n   */\n  json: <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Response, Error>;\n\n  /**\n   * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as plain text.\n   *\n   * @template Error - The expected error shape (defaults to `DefaultError`).\n   * @param request - The configuration object for the HTTP GET request.\n   * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n   * @returns A `FetchSignal` object with the text response.\n   */\n  text: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<string, Error>;\n\n  /**\n   * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as a Blob.\n   *\n   * @template Error - The expected error shape (defaults to `DefaultError`).\n   * @param request - The configuration object for the HTTP GET request.\n   * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n   * @returns A `FetchSignal` object with the Blob response.\n   */\n  blob: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Blob, Error>;\n\n  /**\n   * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as an ArrayBuffer.\n   *\n   * @template Error - The expected error shape (defaults to `DefaultError`).\n   * @param request - The configuration object for the HTTP GET request.\n   * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n   * @returns A `FetchSignal` object with the ArrayBuffer response.\n   */\n  arrayBuffer: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<ArrayBuffer, Error>;\n\n  get: {\n    /**\n     * Initiates a reactive HTTP GET request using the provided request configuration.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP GET request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object containing reactive signals for the response data, loading state, status code, error, headers, and a refresh method.\n     */\n    <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean): FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as JSON.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP GET request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the JSON-parsed response.\n     */\n    json: <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as plain text.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP GET request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the text response.\n     */\n    text: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<string, Error>;\n\n    /**\n     * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as a Blob.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP GET request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the Blob response.\n     */\n    blob: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Blob, Error>;\n\n    /**\n     * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as an ArrayBuffer.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP GET request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the ArrayBuffer response.\n     */\n    arrayBuffer: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<ArrayBuffer, Error>;\n  };\n\n  post: {\n    /**\n     * Initiates a reactive HTTP POST request using the provided request configuration.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP POST request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object containing reactive signals for the response data, loading state, status code, error, headers, and a refresh method.\n     */\n    <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean): FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP POST request using the provided request configuration and parses the response as JSON.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP POST request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the JSON-parsed response.\n     */\n    json: <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP POST request using the provided request configuration and parses the response as plain text.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP POST request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the text response.\n     */\n    text: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<string, Error>;\n\n    /**\n     * Initiates a reactive HTTP POST request using the provided request configuration and parses the response as a Blob.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP POST request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the Blob response.\n     */\n    blob: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Blob, Error>;\n\n    /**\n     * Initiates a reactive HTTP POST request using the provided request configuration and parses the response as an ArrayBuffer.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP POST request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the ArrayBuffer response.\n     */\n    arrayBuffer: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<ArrayBuffer, Error>;\n  };\n\n  put: {\n    /**\n     * Initiates a reactive HTTP PUT request using the provided request configuration.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PUT request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object containing reactive signals for the response data, loading state, status code, error, headers, and a refresh method.\n     */\n    <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean): FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP PUT request using the provided request configuration and parses the response as JSON.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PUT request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the JSON-parsed response.\n     */\n    json: <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP PUT request using the provided request configuration and parses the response as plain text.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PUT request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the text response.\n     */\n    text: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<string, Error>;\n\n    /**\n     * Initiates a reactive HTTP PUT request using the provided request configuration and parses the response as a Blob.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PUT request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the Blob response.\n     */\n    blob: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Blob, Error>;\n\n    /**\n     * Initiates a reactive HTTP PUT request using the provided request configuration and parses the response as an ArrayBuffer.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PUT request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the ArrayBuffer response.\n     */\n    arrayBuffer: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<ArrayBuffer, Error>;\n  };\n\n  patch: {\n    /**\n     * Initiates a reactive HTTP PATCH request using the provided request configuration.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PATCH request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object containing reactive signals for the response data, loading state, status code, error, headers, and a refresh method.\n     */\n    <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean): FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP PATCH request using the provided request configuration and parses the response as JSON.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PATCH request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the JSON-parsed response.\n     */\n    json: <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP PATCH request using the provided request configuration and parses the response as plain text.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PATCH request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the text response.\n     */\n    text: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<string, Error>;\n\n    /**\n     * Initiates a reactive HTTP PATCH request using the provided request configuration and parses the response as a Blob.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PATCH request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the Blob response.\n     */\n    blob: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Blob, Error>;\n\n    /**\n     * Initiates a reactive HTTP PATCH request using the provided request configuration and parses the response as an ArrayBuffer.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PATCH request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the ArrayBuffer response.\n     */\n    arrayBuffer: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<ArrayBuffer, Error>;\n  };\n\n  delete: {\n    /**\n     * Initiates a reactive HTTP DELETE request using the provided request configuration.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP DELETE request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object containing reactive signals for the response data, loading state, status code, error, headers, and a refresh method.\n     */\n    <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean): FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP DELETE request using the provided request configuration and parses the response as JSON.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP DELETE request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the JSON-parsed response.\n     */\n    json: <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP DELETE request using the provided request configuration and parses the response as plain text.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP DELETE request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the text response.\n     */\n    text: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<string, Error>;\n\n    /**\n     * Initiates a reactive HTTP DELETE request using the provided request configuration and parses the response as a Blob.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP DELETE request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the Blob response.\n     */\n    blob: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Blob, Error>;\n\n    /**\n     * Initiates a reactive HTTP DELETE request using the provided request configuration and parses the response as an ArrayBuffer.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP DELETE request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the ArrayBuffer response.\n     */\n    arrayBuffer: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<ArrayBuffer, Error>;\n  };\n};\n\n\n//\n// Helpers for attaching response transforms for GET/DELETE (which don’t include a body).\n//\nconst createHelper = <Response, Error>(\n  method: HttpMethod,\n  transform: ResponseTransformer<Response>\n) => (request: () => FetchSignalRequest, autoRefresh: boolean = false): FetchSignal<Response, Error> =>\n  createFetchSignal<Response, Error>(request, method, transform, autoRefresh);\n\n// Transforms\nconst jsonTransformer = (response: Response) => response.json();\nconst textTransformer = (response: Response) => response.text();\nconst blobTransformer = (response: Response) => response.blob();\nconst arrayBufferTransformer = (response: Response) => response.arrayBuffer();\n\n//\n// Build the defaults - GET chain\n//\nconst fetchSignal = createHelper('GET', jsonTransformer) as FetchSignalFactory;\nfetchSignal.json = createHelper('GET', jsonTransformer);\nfetchSignal.text = createHelper('GET', textTransformer);\nfetchSignal.blob = createHelper('GET', blobTransformer);\nfetchSignal.arrayBuffer = createHelper('GET', arrayBufferTransformer);\n\n//\n// Build the GET chain\n//\nfetchSignal.get = createHelper('GET', jsonTransformer) as FetchSignalFactory['get'];\nfetchSignal.get.json = createHelper('GET', jsonTransformer);\nfetchSignal.get.text = createHelper('GET', textTransformer);\nfetchSignal.get.blob = createHelper('GET', blobTransformer);\nfetchSignal.get.arrayBuffer = createHelper('GET', arrayBufferTransformer);\n\n//\n// Build the POST chain.\n//\nfetchSignal.post = createHelper('POST', jsonTransformer) as FetchSignalFactory['post'];\nfetchSignal.post.json = createHelper('POST', jsonTransformer);\nfetchSignal.post.text = createHelper('POST', textTransformer);\nfetchSignal.post.blob = createHelper('POST', blobTransformer);\nfetchSignal.post.arrayBuffer = createHelper('POST', arrayBufferTransformer);\n\n//\n// Build the PUT chain.\n//\nfetchSignal.put = createHelper('PUT', jsonTransformer) as FetchSignalFactory['put'];\nfetchSignal.put.json = createHelper('PUT', jsonTransformer);\nfetchSignal.put.text = createHelper('PUT', textTransformer);\nfetchSignal.put.blob = createHelper('PUT', blobTransformer);\nfetchSignal.put.arrayBuffer = createHelper('PUT', arrayBufferTransformer);\n\n//\n// Build the PATCH chain.\n//\nfetchSignal.patch = createHelper('PATCH', jsonTransformer) as FetchSignalFactory['patch'];\nfetchSignal.patch.json = createHelper('PATCH', jsonTransformer);\nfetchSignal.patch.text = createHelper('PATCH', textTransformer);\nfetchSignal.patch.blob = createHelper('PATCH', blobTransformer);\nfetchSignal.patch.arrayBuffer = createHelper('PATCH', arrayBufferTransformer);\n\n//\n// Build the DELETE chain\n//\nfetchSignal.delete = createHelper('DELETE', jsonTransformer) as FetchSignalFactory['delete'];\nfetchSignal.delete.json = createHelper('DELETE', jsonTransformer);\nfetchSignal.delete.text = createHelper('DELETE', textTransformer);\nfetchSignal.delete.blob = createHelper('DELETE', blobTransformer);\nfetchSignal.delete.arrayBuffer = createHelper('DELETE', arrayBufferTransformer);\n\nexport { fetchSignal };\n","import { effect, signal, Signal } from \"@angular/core\";\n\nexport const debounced = <T>(inputSignal: Signal<T>, wait: number = 400) => {\n  const debouncedSignal = signal<T>(inputSignal());\n  const setSignal = debounce((value) => debouncedSignal.set(value), wait);\n\n  effect(() => {\n    setSignal(inputSignal())\n  })\n\n  return debouncedSignal;\n}\n\nconst debounce = (callback: (...args: any[]) => void, wait: number) => {\n  let timeoutId: number | undefined;\n  return (...args: any[]) => {\n    window.clearTimeout(timeoutId);\n    timeoutId = window.setTimeout(() => {\n      callback(...args);\n    }, wait);\n  };\n}","/**\n * Components\n */\nexport * from './lib/components/byu-footer/byu-footer.component'\nexport * from './lib/components/byu-header/byu-header.component'\n\n/**\n * Services\n */\nexport * from './lib/services/auth/auth.service'\n\n/**\n * Signals\n */\nexport * from './lib/signals/fetch-signal/fetch-signal'\nexport * from './lib/signals/debounced/debounced'","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fhss-web-team-frontend-utils.mjs","sources":["../../../projects/frontend-utils/src/lib/components/byu-footer/byu-footer.component.ts","../../../projects/frontend-utils/src/lib/components/byu-footer/byu-footer.component.html","../../../projects/frontend-utils/src/lib/services/auth/auth.service.ts","../../../projects/frontend-utils/src/lib/components/byu-header/byu-header.component.ts","../../../projects/frontend-utils/src/lib/components/byu-header/byu-header.component.html","../../../projects/frontend-utils/src/lib/signals/fetch-signal/fetch-signal.ts","../../../projects/frontend-utils/src/lib/services/user-management/user-management.service.ts","../../../projects/frontend-utils/src/lib/signals/debounced/debounced.ts","../../../projects/frontend-utils/src/lib/components/user-management/user-management.component.ts","../../../projects/frontend-utils/src/lib/components/user-management/user-management.component.html","../../../projects/frontend-utils/src/public-api.ts","../../../projects/frontend-utils/src/fhss-web-team-frontend-utils.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'byu-footer',\n  imports: [],\n  templateUrl: './byu-footer.component.html',\n  styleUrl: './byu-footer.component.scss'\n})\nexport class ByuFooterComponent {\n  currentYear: number = new Date().getFullYear(); // Automatically updates the year\n}\n","<footer>\n  <p class=\"title\"><a href=\"https://www.byu.edu/\">BRIGHAM YOUNG UNIVERSITY</a></p>\n  <p>Provo, UT 84602, USA | © {{ currentYear }} All rights reserved.</p>\n  <p>\n    <a href=\"https://privacy.byu.edu/privacy-notice\">Privacy Notice</a> |\n    <a href=\"https://privacy.byu.edu/cookie-prefs\">Cookie Preferences</a>\n  </p>\n</footer>\n  \n\n","import { Injectable, inject, computed } from '@angular/core';\nimport { KEYCLOAK_EVENT_SIGNAL } from 'keycloak-angular';\nimport Keycloak, {\n  KeycloakFlow,\n  KeycloakLoginOptions,\n  KeycloakLogoutOptions,\n  KeycloakResourceAccess,\n  KeycloakResponseMode,\n  KeycloakResponseType,\n  KeycloakRoles,\n  KeycloakTokenParsed,\n} from 'keycloak-js';\n\n@Injectable({\n  providedIn: 'root',\n})\n/**\n * FIXME: Finish the wrapper for all properties and methods\n *\n * See https://www.keycloak.org/securing-apps/javascript-adapter\n */\nexport class AuthService {\n  private keycloak = inject(Keycloak);\n  private keycloakSignal = inject(KEYCLOAK_EVENT_SIGNAL);\n\n  login = (nextRoute?: string) => {\n    if (nextRoute) {\n      sessionStorage.setItem('nextRoute', nextRoute);\n    }\n    this.keycloak.login({\n      redirectUri: window.location.origin + '/auth-callback',\n    });\n  };\n  logout = (options?: KeycloakLogoutOptions) => this.keycloak.logout(options);\n\n  /**\n   * A signal for the keycloak-js authenticated property\n   *\n   * Is `true` if the user is authenticated, `false` otherwise.\n   */\n  authenticated = computed<boolean | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.authenticated;\n  });\n\n  /**\n   * A signal for the keycloak-js token property\n   *\n   * The base64 encoded token that can be sent in the `Authorization` header in requests to services.\n   */\n  token = computed<string | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.token;\n  });\n\n  /**\n   * A signal that will return the Bearer Token for use in the Authorization header\n   */\n  bearerToken = computed<string | undefined>(() => (this.token() ? 'Bearer ' + this.token() : undefined));\n\n  /**\n   * A signal for the keycloak-js tokenParsed property\n   *\n   * The parsed token as a JavaScript object.\n   */\n  tokenParsed = computed<KeycloakTokenParsed | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.tokenParsed;\n  });\n\n  /**\n   * A signal for the keycloak-js subject property\n   *\n   * The user id.\n   */\n  userId = computed<string | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.subject;\n  });\n\n  /**\n   * A signal for the keycloak-js idToken property\n   *\n   * The base64 encoded ID token.\n   */\n  idToken = computed<string | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.idToken;\n  });\n\n  /**\n   * A signal for the keycloak-js idTokenParsed property\n   *\n   * The parsed id token as a JavaScript object.\n   */\n  idTokenParsed = computed<KeycloakTokenParsed | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.idTokenParsed;\n  });\n\n  /**\n   * A signal for the keycloak-js realmAccess property\n   *\n   * The realm roles associated with the token.\n   */\n  realmAccess = computed<KeycloakRoles | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.realmAccess;\n  });\n\n  /**\n   * A signal for the keycloak-js resourceAccess property\n   *\n   * The resource roles associated with the token.\n   */\n  resourceAccess = computed<KeycloakResourceAccess | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.resourceAccess;\n  });\n\n  /**\n   * A signal for the keycloak-js refreshToken property\n   *\n   * The base64 encoded refresh token that can be used to retrieve a new token.\n   */\n  refreshToken = computed<string | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.refreshToken;\n  });\n\n  /**\n   * A signal for the keycloak-js refreshTokenParsed property\n   *\n   * The parsed refresh token as a JavaScript object.\n   */\n  refreshTokenParsed = computed<KeycloakTokenParsed | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.refreshTokenParsed;\n  });\n\n  /**\n   * A signal for the keycloak-js timeSkew property\n   *\n   * The estimated time difference between the browser time and the Keycloak server in seconds.\n   * This value is just an estimation, but is accurate enough when determining if a token is expired or not.\n   */\n  timeSkew = computed<number | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.timeSkew;\n  });\n\n  /**\n   * A signal for the keycloak-js responseMode property\n   *\n   * Response mode passed in init (default value is fragment).\n   */\n  responseMode = computed<KeycloakResponseMode | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.responseMode;\n  });\n\n  /**\n   * A signal for the keycloak-js flow property\n   *\n   * Flow passed in init.\n   */\n  flow = computed<KeycloakFlow | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.flow;\n  });\n\n  /**\n   * A signal for the keycloak-js responseType property\n   *\n   * Response type sent to Keycloak with login requests. This is determined based on the flow value used during initialization,\n   * but can be overridden by setting this value.\n   */\n  responseType = computed<KeycloakResponseType | undefined>(() => {\n    this.keycloakSignal();\n    return this.keycloak.responseType;\n  });\n}\n","import { Component, input, inject } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { AuthService } from '../../services/auth/auth.service';\n\ntype HeaderLink = {\n  text: string;\n  path: string;\n};\n\n// A HeaderMenu can be either a simple link with path,\n// OR a menu group with nested items\ntype HeaderMenu = HeaderLink | {\n  text: string;\n  items: HeaderLink[];\n}\n\nexport type HeaderConfig = {\n  title: HeaderLink;\n  subtitle?: HeaderLink;\n  breadcrumbs?: HeaderLink[];\n  menu?: HeaderMenu[];\n}\n\n@Component({\n  selector: 'byu-header',\n  imports: [RouterModule],\n  templateUrl: './byu-header.component.html',\n  styleUrl: './byu-header.component.scss'\n})\nexport class ByuHeaderComponent {\n  auth = inject(AuthService)\n  config = input<HeaderConfig>();\n\n  isHeaderLink(item: HeaderMenu): item is HeaderLink {\n    return 'path' in item;\n  }\n\n  // Track which dropdown is open (null means none are open)\n  openDropdownText: string | null = null;\n  \n  // Toggle function — if clicking the same dropdown, close it; otherwise open it\n  toggleDropdown(text: string) {\n    this.openDropdownText = this.openDropdownText === text ? null : text;\n  }\n  \n  // Check if a given dropdown is currently open\n  isOpen(text: string): boolean {\n    return this.openDropdownText === text;\n  }\n}\n","<header>\n  <div class=\"top\" >\n    <img class=\"logo\" src=\"/BYU_monogram_white@2x.png\" alt=\"BYU\">\n    <div class=\"titles\"> \n      <div class=\"breadcrumbs\">\n        @for (breadcrumb of config()?.breadcrumbs; track breadcrumb.text){\n          <a [href]=\"breadcrumb.path\" >{{ breadcrumb.text }}</a>\n        }\n      </div>\n        <a [routerLink]=\"config()?.title?.path\" class=\"title\">{{ config()?.title?.text }}</a>\n        <a [routerLink]=\"config()?.subtitle?.path\" class=\"subtitle\">{{ config()?.subtitle?.text }}</a>\n    </div>\n    <div class=\"signin\">\n      <p>{{ this.auth.tokenParsed()?.['given_name'] ?? '' }}</p>\n      <svg class=\"signin-icon\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\">\n        <path fill=\"currentcolor\" d=\"M50 95c-26 0-34-18-34-18 3-12 8-18 17-18 5 5 10 7 17 7s12-2 17-7c9 0 14 6 17 18 0 0-7 18-34 18z\"></path>\n        <circle cx=\"50\" cy=\"50\" r=\"45\" fill=\"none\" stroke=\"currentcolor\" stroke-width=\"10\"></circle>\n        <circle fill=\"currentcolor\" cx=\"50\" cy=\"40\" r=\"20\"></circle>\n      </svg>\n      @if (auth.authenticated()) {\n        <a class=\"signin-link\" (click)=\"auth.logout()\">Sign Out</a>\n      } @else {\n        <a class=\"signin-link\" (click)=\"auth.login()\">Sign In</a>\n      }\n    </div>\n  </div>\n  <div class=\"bottom\">\n    <nav>\n      @for (menuItem of config()?.menu; track menuItem.text){>\n        @if (isHeaderLink(menuItem)) {\n          <li class = \"nav-item\">\n            <a class=\"nav-item-content\" [routerLink]=\"menuItem.path\">{{ menuItem.text }}</a>\n          </li>\n        } @else {\n          <li class=\"nav-item dropdown\" (click)=\"toggleDropdown(menuItem.text)\">\n            <div class=\"nav-item-content\" >{{ menuItem.text }}</div>\n            @if (openDropdownText === menuItem.text) {\n              <ul class = \"dropdown-item-menu\"> \n              @for(dropItem of menuItem.items; track dropItem.text){\n                <li class = \"dropdown-item\">\n                  <a class=\"dropdown-item-content\" [routerLink]=\"dropItem.path\">{{ dropItem.text }}</a>\n                </li>\n              }\n              </ul>\n            }\n          </li>\n        }\n      }\n    </nav>\n  </div>\n</header>\n","import { computed, effect, signal, Signal } from '@angular/core';\n\n//\n// Generic utility types\n//\ntype JsonValue =\n  | string\n  | number\n  | boolean\n  | null\n  | JsonArray\n  | JsonObject;\nexport type JsonObject = { [key: string]: JsonValue }; // this is exported because the builder's typing gets mad if it isn't\ntype JsonArray = JsonValue[];\ntype Json = JsonObject | JsonArray;\nexport type Maybe<T> = T | undefined | null;\ntype HttpMethod = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';\ntype DefaultError = { code?: string, message?: string, details?: Json };\n\n/**\n * A value that may be a plain value of type `T` or a reactive `Signal<T>`.\n *\n * This is useful in APIs that accept either static or reactive values,\n * allowing flexibility while maintaining type safety.\n *\n * Use `unwrapSignal` to extract the underlying value in a uniform way.\n *\n * @template T The underlying value type.\n */\nexport type MaybeSignal<T> = T | Signal<T>;\n/**\n * Reads the underlying value from a MaybeSignal.\n *\n * This function is designed for use with reactive APIs (like fetchSignal) where it's important\n * that Angular's computed methods register the dependency. If the input is a Signal, invoking it \n * not only returns its current value but also tracks the signal for reactivity. If the input is \n * a plain value, it simply returns that value.\n *\n * @template T The type of the value.\n * @param value A plain value or a Signal that yields the value.\n * @returns The current value, with dependency tracking enabled if the input is a Signal.\n */\nexport function readMaybeSignal<T>(value: MaybeSignal<T>): T {\n  return typeof value === 'function' ? (value as Function)() : value;\n}\n\n//\n// Fetch Request\n//\ntype FetchSignalRequest = {\n  url: string;\n  body?: unknown;\n  params?: Record<string, string | number | boolean | undefined>;\n  headers?: Record<string, string>;\n};\n\n//\n// A function that transforms the raw fetch Response to the desired type.\n//\ntype ResponseTransformer<T> = (response: Response) => Promise<T>;\n\n/**\n * Represents the reactive result of an HTTP fetch request.\n */\nexport type FetchSignal<Response, Error = DefaultError> = {\n  value: Signal<Maybe<Response>>;\n  persistentValue: Signal<Maybe<Response>>;\n  isLoading: Signal<boolean>;\n  error: Signal<Maybe<Error>>;\n  statusCode: Signal<Maybe<number>>;\n  headers: Signal<Maybe<Record<string, string>>>;\n  refresh: (abortSignal?: AbortSignal) => void;\n};\n\n/**\n * Creates a reactive fetch signal.\n *\n * The request function can include Signals for properties. These are unwrapped in the refresh function.\n */\nfunction createFetchSignal<Response, Error>(\n  request: () => (FetchSignalRequest),\n  method: HttpMethod,\n  transform: ResponseTransformer<Response>,\n  autoRefresh: Boolean\n): FetchSignal<Response, Error> {\n  // Use a computed signal so that any changes to Signals in the request object trigger updates.\n  const currentRequest = computed(request);\n\n  const value = signal<Maybe<Response>>(undefined);\n  const persistentValue = signal<Maybe<Response>>(undefined);\n  const isLoading = signal<boolean>(false);\n  const error = signal<Maybe<Error>>(undefined);\n  const statusCode = signal<Maybe<number>>(undefined);\n  const headers = signal<Maybe<Record<string, string>>>(undefined);\n\n  const refresh = async (abortSignal?: AbortSignal) => {\n    // Reset signals for a fresh request.\n    value.set(undefined);\n    isLoading.set(true);\n    error.set(undefined);\n    statusCode.set(undefined);\n    headers.set(undefined);\n\n    // Unwrap the current request.\n    const req = currentRequest();\n    const url = req.url;\n    const params = req.params\n    const requestHeaders = req.headers;\n    const body = req.body;\n\n    // Build URL with query parameters.\n    let uri = url;\n    if (params) {\n      const searchParams = new URLSearchParams();\n      for (const key in params) {\n        if (params[key] !== undefined) searchParams.append(key, String(params[key]));\n      }\n      uri += (uri.includes('?') ? '&' : '?') + searchParams.toString();\n    }\n\n    try {\n      const response = await fetch(uri, {\n        method,\n        headers: requestHeaders,\n        // Only include a body if one is provided.\n        body: body !== undefined ? JSON.stringify(body) : undefined,\n        signal: abortSignal\n      });\n\n      statusCode.set(response.status);\n\n      // Extract response headers.\n      const headersObj: Record<string, string> = {};\n      response.headers.forEach((val, key) => {\n        headersObj[key] = val;\n      });\n      headers.set(headersObj);\n\n      // if the response is ok, transform the body\n      if (response.ok) {\n        value.set(await transform(response));\n        error.set(null);\n      } else {\n        // try to parse the error as json\n        // set the error to null if this fails\n        try { error.set(await response.json()) }\n        catch { error.set(null) }\n        finally { value.set(null) }\n      }\n    } catch (err: any) {\n      // if the request is aborted, ignore the error\n      if (err.name !== 'AbortError') {\n        console.error(err);\n      }\n      error.set(null);\n      value.set(null);\n    } finally {\n      persistentValue.set(value());\n      isLoading.set(false);\n    }\n  };\n\n  if (autoRefresh) {\n    effect((onCleanup) => {\n      // read the current request to trigger re-run of this effect\n      currentRequest();\n\n      // pass abort signal to refresh on cleanup of effect\n      const controller = new AbortController();\n      onCleanup(() => controller.abort());\n\n      // call refresh with this abort controller\n      refresh(controller.signal);\n    })\n  }\n\n  return { value, persistentValue, isLoading, error, statusCode, headers, refresh };\n}\n\n\n//\n// The chainable API factory type.\n// Note that the default fetchSignal() (and its .json, etc.) are for GET,\n// while .post, .put, .patch require a request with a body.\n// The .delete chain is similar to GET in that no body is expected.\n//\ntype FetchSignalFactory = {\n  /**\n   * Initiates a reactive HTTP GET request using the provided request configuration.\n   *\n   * @template Response - The expected response type.\n   * @template Error - The expected error shape (defaults to `DefaultError`).\n   * @param request - The configuration object for the HTTP GET request.\n   * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n   * @returns A `FetchSignal` object containing reactive signals for the response data, loading state, status code, error, headers, and a refresh method.\n   */\n  <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean): FetchSignal<Response, Error>;\n\n  /**\n   * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as JSON.\n   *\n   * @template Response - The expected response type.\n   * @template Error - The expected error shape (defaults to `DefaultError`).\n   * @param request - The configuration object for the HTTP GET request.\n   * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n   * @returns A `FetchSignal` object with the JSON-parsed response.\n   */\n  json: <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Response, Error>;\n\n  /**\n   * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as plain text.\n   *\n   * @template Error - The expected error shape (defaults to `DefaultError`).\n   * @param request - The configuration object for the HTTP GET request.\n   * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n   * @returns A `FetchSignal` object with the text response.\n   */\n  text: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<string, Error>;\n\n  /**\n   * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as a Blob.\n   *\n   * @template Error - The expected error shape (defaults to `DefaultError`).\n   * @param request - The configuration object for the HTTP GET request.\n   * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n   * @returns A `FetchSignal` object with the Blob response.\n   */\n  blob: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Blob, Error>;\n\n  /**\n   * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as an ArrayBuffer.\n   *\n   * @template Error - The expected error shape (defaults to `DefaultError`).\n   * @param request - The configuration object for the HTTP GET request.\n   * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n   * @returns A `FetchSignal` object with the ArrayBuffer response.\n   */\n  arrayBuffer: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<ArrayBuffer, Error>;\n\n  get: {\n    /**\n     * Initiates a reactive HTTP GET request using the provided request configuration.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP GET request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object containing reactive signals for the response data, loading state, status code, error, headers, and a refresh method.\n     */\n    <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean): FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as JSON.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP GET request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the JSON-parsed response.\n     */\n    json: <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as plain text.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP GET request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the text response.\n     */\n    text: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<string, Error>;\n\n    /**\n     * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as a Blob.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP GET request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the Blob response.\n     */\n    blob: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Blob, Error>;\n\n    /**\n     * Initiates a reactive HTTP GET request using the provided request configuration and parses the response as an ArrayBuffer.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP GET request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the ArrayBuffer response.\n     */\n    arrayBuffer: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<ArrayBuffer, Error>;\n  };\n\n  post: {\n    /**\n     * Initiates a reactive HTTP POST request using the provided request configuration.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP POST request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object containing reactive signals for the response data, loading state, status code, error, headers, and a refresh method.\n     */\n    <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean): FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP POST request using the provided request configuration and parses the response as JSON.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP POST request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the JSON-parsed response.\n     */\n    json: <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP POST request using the provided request configuration and parses the response as plain text.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP POST request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the text response.\n     */\n    text: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<string, Error>;\n\n    /**\n     * Initiates a reactive HTTP POST request using the provided request configuration and parses the response as a Blob.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP POST request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the Blob response.\n     */\n    blob: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Blob, Error>;\n\n    /**\n     * Initiates a reactive HTTP POST request using the provided request configuration and parses the response as an ArrayBuffer.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP POST request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the ArrayBuffer response.\n     */\n    arrayBuffer: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<ArrayBuffer, Error>;\n  };\n\n  put: {\n    /**\n     * Initiates a reactive HTTP PUT request using the provided request configuration.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PUT request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object containing reactive signals for the response data, loading state, status code, error, headers, and a refresh method.\n     */\n    <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean): FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP PUT request using the provided request configuration and parses the response as JSON.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PUT request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the JSON-parsed response.\n     */\n    json: <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP PUT request using the provided request configuration and parses the response as plain text.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PUT request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the text response.\n     */\n    text: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<string, Error>;\n\n    /**\n     * Initiates a reactive HTTP PUT request using the provided request configuration and parses the response as a Blob.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PUT request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the Blob response.\n     */\n    blob: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Blob, Error>;\n\n    /**\n     * Initiates a reactive HTTP PUT request using the provided request configuration and parses the response as an ArrayBuffer.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PUT request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the ArrayBuffer response.\n     */\n    arrayBuffer: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<ArrayBuffer, Error>;\n  };\n\n  patch: {\n    /**\n     * Initiates a reactive HTTP PATCH request using the provided request configuration.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PATCH request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object containing reactive signals for the response data, loading state, status code, error, headers, and a refresh method.\n     */\n    <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean): FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP PATCH request using the provided request configuration and parses the response as JSON.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PATCH request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the JSON-parsed response.\n     */\n    json: <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP PATCH request using the provided request configuration and parses the response as plain text.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PATCH request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the text response.\n     */\n    text: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<string, Error>;\n\n    /**\n     * Initiates a reactive HTTP PATCH request using the provided request configuration and parses the response as a Blob.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PATCH request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the Blob response.\n     */\n    blob: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Blob, Error>;\n\n    /**\n     * Initiates a reactive HTTP PATCH request using the provided request configuration and parses the response as an ArrayBuffer.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP PATCH request, which must include a body.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the ArrayBuffer response.\n     */\n    arrayBuffer: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<ArrayBuffer, Error>;\n  };\n\n  delete: {\n    /**\n     * Initiates a reactive HTTP DELETE request using the provided request configuration.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP DELETE request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object containing reactive signals for the response data, loading state, status code, error, headers, and a refresh method.\n     */\n    <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean): FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP DELETE request using the provided request configuration and parses the response as JSON.\n     *\n     * @template Response - The expected response type.\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP DELETE request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the JSON-parsed response.\n     */\n    json: <Response extends Json, Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Response, Error>;\n\n    /**\n     * Initiates a reactive HTTP DELETE request using the provided request configuration and parses the response as plain text.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP DELETE request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the text response.\n     */\n    text: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<string, Error>;\n\n    /**\n     * Initiates a reactive HTTP DELETE request using the provided request configuration and parses the response as a Blob.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP DELETE request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the Blob response.\n     */\n    blob: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<Blob, Error>;\n\n    /**\n     * Initiates a reactive HTTP DELETE request using the provided request configuration and parses the response as an ArrayBuffer.\n     *\n     * @template Error - The expected error shape (defaults to `DefaultError`).\n     * @param request - The configuration object for the HTTP DELETE request.\n     * @param autoRefresh - whether or not the request should be automatically refreshed when the request input signals have changed value\n     * @returns A `FetchSignal` object with the ArrayBuffer response.\n     */\n    arrayBuffer: <Error extends Json = DefaultError>(request: () => FetchSignalRequest, autoRefresh?: boolean) => FetchSignal<ArrayBuffer, Error>;\n  };\n};\n\n\n//\n// Helpers for attaching response transforms for GET/DELETE (which don’t include a body).\n//\nconst createHelper = <Response, Error>(\n  method: HttpMethod,\n  transform: ResponseTransformer<Response>\n) => (request: () => FetchSignalRequest, autoRefresh: boolean = false): FetchSignal<Response, Error> =>\n  createFetchSignal<Response, Error>(request, method, transform, autoRefresh);\n\n// Transforms\nconst jsonTransformer = (response: Response) => response.json();\nconst textTransformer = (response: Response) => response.text();\nconst blobTransformer = (response: Response) => response.blob();\nconst arrayBufferTransformer = (response: Response) => response.arrayBuffer();\n\n//\n// Build the defaults - GET chain\n//\nconst fetchSignal = createHelper('GET', jsonTransformer) as FetchSignalFactory;\nfetchSignal.json = createHelper('GET', jsonTransformer);\nfetchSignal.text = createHelper('GET', textTransformer);\nfetchSignal.blob = createHelper('GET', blobTransformer);\nfetchSignal.arrayBuffer = createHelper('GET', arrayBufferTransformer);\n\n//\n// Build the GET chain\n//\nfetchSignal.get = createHelper('GET', jsonTransformer) as FetchSignalFactory['get'];\nfetchSignal.get.json = createHelper('GET', jsonTransformer);\nfetchSignal.get.text = createHelper('GET', textTransformer);\nfetchSignal.get.blob = createHelper('GET', blobTransformer);\nfetchSignal.get.arrayBuffer = createHelper('GET', arrayBufferTransformer);\n\n//\n// Build the POST chain.\n//\nfetchSignal.post = createHelper('POST', jsonTransformer) as FetchSignalFactory['post'];\nfetchSignal.post.json = createHelper('POST', jsonTransformer);\nfetchSignal.post.text = createHelper('POST', textTransformer);\nfetchSignal.post.blob = createHelper('POST', blobTransformer);\nfetchSignal.post.arrayBuffer = createHelper('POST', arrayBufferTransformer);\n\n//\n// Build the PUT chain.\n//\nfetchSignal.put = createHelper('PUT', jsonTransformer) as FetchSignalFactory['put'];\nfetchSignal.put.json = createHelper('PUT', jsonTransformer);\nfetchSignal.put.text = createHelper('PUT', textTransformer);\nfetchSignal.put.blob = createHelper('PUT', blobTransformer);\nfetchSignal.put.arrayBuffer = createHelper('PUT', arrayBufferTransformer);\n\n//\n// Build the PATCH chain.\n//\nfetchSignal.patch = createHelper('PATCH', jsonTransformer) as FetchSignalFactory['patch'];\nfetchSignal.patch.json = createHelper('PATCH', jsonTransformer);\nfetchSignal.patch.text = createHelper('PATCH', textTransformer);\nfetchSignal.patch.blob = createHelper('PATCH', blobTransformer);\nfetchSignal.patch.arrayBuffer = createHelper('PATCH', arrayBufferTransformer);\n\n//\n// Build the DELETE chain\n//\nfetchSignal.delete = createHelper('DELETE', jsonTransformer) as FetchSignalFactory['delete'];\nfetchSignal.delete.json = createHelper('DELETE', jsonTransformer);\nfetchSignal.delete.text = createHelper('DELETE', textTransformer);\nfetchSignal.delete.blob = createHelper('DELETE', blobTransformer);\nfetchSignal.delete.arrayBuffer = createHelper('DELETE', arrayBufferTransformer);\n\nexport { fetchSignal };\n","import { inject, Injectable, Signal } from '@angular/core';\nimport { fetchSignal } from '../../signals/fetch-signal/fetch-signal';\nimport { AuthService } from '../auth/auth.service';\n\nexport type GetUsersResponse = {\n  totalCount: number,\n  data: {\n    id: string;\n    netId: string;\n    accountType: string;\n    preferredFirstName: string;\n    preferredLastName: string;\n    roles: string[];\n    created: string;\n  }[]\n}\n\nexport type GetUsersAccountTypes = ('NonBYU' | 'Student' | 'Employee')[]\nexport type GetUsersSortBy = 'netId' | 'accountType' | 'preferredFirstName' | 'preferredLastName' | 'created';\nexport type GetUsersSortDirection = 'asc' | 'desc' | '';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class UserManagementService {\n  auth = inject(AuthService);\n\n  getUsers(\n    search: Signal<string>,\n    accountTypes: Signal<GetUsersAccountTypes>,\n    sortBy: Signal<GetUsersSortBy>,\n    sortDirection: Signal<GetUsersSortDirection>,\n    pageCount: Signal<number>,\n    pageOffset: Signal<number>,\n    createdAfter?: Signal<Date>,\n    createdBefore?: Signal<Date>,\n  ) {\n    return fetchSignal<GetUsersResponse>(() => ({\n      url: '/api/user-management',\n      params: {\n        search: search(),\n        account_types: accountTypes().join(','),\n        sort_by: sortBy(),\n        sort_direction: sortDirection(),\n        page_count: pageCount(),\n        page_offset: pageOffset(),\n        created_after: createdAfter && createdAfter().toISOString(),\n        created_before: createdBefore && createdBefore().toISOString(),\n      },\n      headers: {\n        Authorization: this.auth.bearerToken() ?? ''\n      }\n    }), true)\n  }\n}\n","import { effect, signal, Signal } from \"@angular/core\";\n\nexport const debounced = <T>(inputSignal: Signal<T>, wait: number = 400) => {\n  const debouncedSignal = signal<T>(inputSignal());\n  const setSignal = debounce((value) => debouncedSignal.set(value), wait);\n\n  effect(() => {\n    setSignal(inputSignal())\n  })\n\n  return debouncedSignal;\n}\n\nconst debounce = (callback: (...args: any[]) => void, wait: number) => {\n  let timeoutId: number | undefined;\n  return (...args: any[]) => {\n    window.clearTimeout(timeoutId);\n    timeoutId = window.setTimeout(() => {\n      callback(...args);\n    }, wait);\n  };\n}","import { Component, inject, signal, ViewChild } from '@angular/core';\nimport { GetUsersAccountTypes, GetUsersSortBy, GetUsersSortDirection, UserManagementService } from '../../services/user-management/user-management.service';\nimport { MatTableModule } from '@angular/material/table';\nimport { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';\nimport { MatSort, MatSortModule } from '@angular/material/sort';\nimport { DatePipe } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSelectModule } from '@angular/material/select';\nimport { debounced } from '../../signals/debounced/debounced';\n\n@Component({\n  selector: 'app-user-management',\n  imports: [MatTableModule, MatSortModule, MatPaginatorModule, DatePipe, FormsModule, MatInputModule, MatSelectModule],\n  templateUrl: './user-management.component.html',\n  styleUrl: './user-management.component.scss'\n})\nexport class UserManagementComponent {\n  api = inject(UserManagementService);\n\n  displayedColumns: string[] = ['netId', 'preferredFirstName', 'preferredLastName', 'roles', 'accountType', 'created'];\n  accountTypeOptions = ['NonBYU', 'Student', 'Employee'];\n\n  @ViewChild(MatPaginator) paginator!: MatPaginator;\n  @ViewChild(MatSort) sort!: MatSort;\n\n  search = signal('');\n  accountTypes = signal<GetUsersAccountTypes>(['NonBYU', 'Student', 'Employee']);\n  sortBy = signal<GetUsersSortBy>('netId');\n  sortDirection = signal<GetUsersSortDirection>('asc');\n  pageCount = signal(5);\n  pageOffset = signal(0);\n\n  getUsers = this.api.getUsers(\n    debounced(this.search),\n    this.accountTypes,\n    this.sortBy,\n    this.sortDirection,\n    this.pageCount,\n    this.pageOffset\n  )\n\n  ngAfterViewInit() {\n    // write the observables from the sort and the paging to the signals\n    this.sort.sortChange.subscribe(({active, direction}) => {\n      this.sortBy.set(active as GetUsersSortBy);\n      this.sortDirection.set(direction);\n      this.pageOffset.set(0);\n      this.paginator.pageIndex = 0;\n    });\n    this.paginator.page.subscribe(({pageIndex, pageSize}) => {\n      this.pageOffset.set(pageIndex * pageSize)\n      this.pageCount.set(pageSize)\n    });\n  }\n}\n","<mat-form-field>\n  <mat-label>Search for User</mat-label>\n  <input matInput [(ngModel)]=\"search\">\n</mat-form-field>\n<mat-form-field>\n  <mat-label>Account Type</mat-label>\n  <mat-select multiple [(ngModel)]=\"accountTypes\">\n    @for (accountType of accountTypeOptions; track accountType) {\n      <mat-option [value]=\"accountType\">{{accountType}}</mat-option>\n    }\n  </mat-select>\n</mat-form-field>\n\n<table mat-table [dataSource]=\"getUsers.persistentValue()?.data ?? []\" matSort matSortActive=\"netId\" matSortDisableClear matSortDirection=\"asc\">\n  <!-- NetID Column -->\n  <ng-container matColumnDef=\"netId\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>NetID</th>\n    <td mat-cell *matCellDef=\"let user\">{{user.netId}}</td>\n  </ng-container>\n\n  <!-- First Name Column -->\n  <ng-container matColumnDef=\"preferredFirstName\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>First Name</th>\n    <td mat-cell *matCellDef=\"let user\">{{user.preferredFirstName}}</td>\n  </ng-container>\n\n  <!-- Last Name Column -->\n  <ng-container matColumnDef=\"preferredLastName\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>Last Name</th>\n    <td mat-cell *matCellDef=\"let user\">{{user.preferredLastName}}</td>\n  </ng-container>\n\n  <!-- Roles Column -->\n  <ng-container matColumnDef=\"roles\">\n    <th mat-header-cell *matHeaderCellDef>Roles</th>\n    <td mat-cell *matCellDef=\"let user\">{{user.roles.join(', ')}}</td>\n  </ng-container>\n\n  <!-- Account Type Column -->\n  <ng-container matColumnDef=\"accountType\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>Account Type</th>\n    <td mat-cell *matCellDef=\"let user\">{{user.accountType}}</td>\n  </ng-container>\n\n  <!-- Created Column -->\n  <ng-container matColumnDef=\"created\">\n    <th mat-header-cell *matHeaderCellDef mat-sort-header>\n      Created\n    </th>\n    <td mat-cell *matCellDef=\"let user\">{{user.created | date}}</td>\n  </ng-container>\n\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n  <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n</table>\n\n<mat-paginator [length]=\"getUsers.persistentValue()?.totalCount\" [pageSize]=\"pageCount()\" [pageSizeOptions]=\"[5, 10, 20]\" showFirstLastButtons></mat-paginator>\n","/**\n * Components\n */\nexport * from './lib/components/byu-footer/byu-footer.component'\nexport * from './lib/components/byu-header/byu-header.component'\nexport * from './lib/components/user-management/user-management.component'\n\n/**\n * Services\n */\nexport * from './lib/services/auth/auth.service'\n\n/**\n * Signals\n */\nexport * from './lib/signals/fetch-signal/fetch-signal'\nexport * from './lib/signals/debounced/debounced'","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}

package/lib/components/user-management/user-management.component.d.ts

@@ -0,0 +1,25 @@
+import { GetUsersAccountTypes, GetUsersSortBy, GetUsersSortDirection, UserManagementService } from '../../services/user-management/user-management.service';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
+import * as i0 from "@angular/core";
+export declare class UserManagementComponent {
+    api: UserManagementService;
+    displayedColumns: string[];
+    accountTypeOptions: string[];
+    paginator: MatPaginator;
+    sort: MatSort;
+    search: import("@angular/core").WritableSignal<string>;
+    accountTypes: import("@angular/core").WritableSignal<GetUsersAccountTypes>;
+    sortBy: import("@angular/core").WritableSignal<GetUsersSortBy>;
+    sortDirection: import("@angular/core").WritableSignal<GetUsersSortDirection>;
+    pageCount: import("@angular/core").WritableSignal<number>;
+    pageOffset: import("@angular/core").WritableSignal<number>;
+    getUsers: import("@fhss-web-team/frontend-utils").FetchSignal<import("../../services/user-management/user-management.service").GetUsersResponse, {
+        code?: string;
+        message?: string;
+        details?: (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | import("@fhss-web-team/frontend-utils").JsonObject | null)[] | import("@fhss-web-team/frontend-utils").JsonObject | null)[] | import("@fhss-web-team/frontend-utils").JsonObject | null)[] | import("@fhss-web-team/frontend-utils").JsonObject | null)[] | import("@fhss-web-team/frontend-utils").JsonObject | null)[] | import("@fhss-web-team/frontend-utils").JsonObject | null)[] | import("@fhss-web-team/frontend-utils").JsonObject | null)[] | import("@fhss-web-team/frontend-utils").JsonObject | null)[] | import("@fhss-web-team/frontend-utils").JsonObject | null)[] | import("@fhss-web-team/frontend-utils").JsonObject | null)[] | import("@fhss-web-team/frontend-utils").JsonObject | null)[] | import("@fhss-web-team/frontend-utils").JsonObject;
+    }>;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserManagementComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserManagementComponent, "app-user-management", never, {}, {}, never, never, true, never>;
+}

package/lib/services/user-management/user-management.service.d.ts

@@ -0,0 +1,28 @@
+import { Signal } from '@angular/core';
+import { AuthService } from '../auth/auth.service';
+import * as i0 from "@angular/core";
+export type GetUsersResponse = {
+    totalCount: number;
+    data: {
+        id: string;
+        netId: string;
+        accountType: string;
+        preferredFirstName: string;
+        preferredLastName: string;
+        roles: string[];
+        created: string;
+    }[];
+};
+export type GetUsersAccountTypes = ('NonBYU' | 'Student' | 'Employee')[];
+export type GetUsersSortBy = 'netId' | 'accountType' | 'preferredFirstName' | 'preferredLastName' | 'created';
+export type GetUsersSortDirection = 'asc' | 'desc' | '';
+export declare class UserManagementService {
+    auth: AuthService;
+    getUsers(search: Signal<string>, accountTypes: Signal<GetUsersAccountTypes>, sortBy: Signal<GetUsersSortBy>, sortDirection: Signal<GetUsersSortDirection>, pageCount: Signal<number>, pageOffset: Signal<number>, createdAfter?: Signal<Date>, createdBefore?: Signal<Date>): import("@fhss-web-team/frontend-utils").FetchSignal<GetUsersResponse, {
+        code?: string;
+        message?: string;
+        details?: (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | import("@fhss-web-team/frontend-utils").JsonObject | null)[] | import("@fhss-web-team/frontend-utils").JsonObject | null)[] | import("@fhss-web-team/frontend-utils").JsonObject | null)[] | import("@fhss-web-team/frontend-utils").JsonObject | null)[] | import("@fhss-web-team/frontend-utils").JsonObject | null)[] | import("@fhss-web-team/frontend-utils").JsonObject | null)[] | import("@fhss-web-team/frontend-utils").JsonObject | null)[] | import("@fhss-web-team/frontend-utils").JsonObject | null)[] | import("@fhss-web-team/frontend-utils").JsonObject | null)[] | import("@fhss-web-team/frontend-utils").JsonObject | null)[] | import("@fhss-web-team/frontend-utils").JsonObject | null)[] | import("@fhss-web-team/frontend-utils").JsonObject;
+    }>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserManagementService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UserManagementService>;
+}

package/lib/signals/fetch-signal/fetch-signal.d.ts

@@ -1,6 +1,6 @@
 import { Signal } from '@angular/core';
 type JsonValue = string | number | boolean | null | JsonArray | JsonObject;
-type JsonObject = {
+export type JsonObject = {
     [key: string]: JsonValue;
 };
 type JsonArray = JsonValue[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fhss-web-team/frontend-utils",
-  "version": "0.0.4",
+  "version": "0.0.7",
   "peerDependencies": {
     "@angular/common": "^19.2.0",
     "@angular/core": "^19.2.0"

package/public-api.d.ts

@@ -3,6 +3,7 @@
  */
 export * from './lib/components/byu-footer/byu-footer.component';
 export * from './lib/components/byu-header/byu-header.component';
+export * from './lib/components/user-management/user-management.component';
 /**
  * Services
  */