@byuhbll/components 6.0.0-rc.1 → 6.0.0-rc0.5

package/lib/button/button.component.d.ts

@@ -0,0 +1,66 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export type ButtonType = 'primary' | 'secondary' | 'transparent';
+export interface ButtonInputs {
+    buttonType?: ButtonType;
+    title?: string;
+    iconBefore?: string;
+    iconAfter?: string;
+    disabled?: boolean;
+    isThin?: boolean;
+    ariaLabel?: string;
+}
+/**
+ * A flexible, reusable button component that supports multiple button types
+ * and various content combinations (icon before, title, icon after).
+ *
+ * @example
+ * ```html
+ * <!-- Primary button with icon and title -->
+ * <lib-button
+ *   buttonType="primary"
+ *   title="Copy Citation"
+ *   iconBefore="content_copy"
+ *   (buttonClick)="copyCitation()">
+ * </lib-button>
+ *
+ * <!-- Secondary button with title only -->
+ * <lib-button
+ *   buttonType="secondary"
+ *   title="Cancel"
+ *   (buttonClick)="cancelAction()">
+ * </lib-button>
+ *
+ * <!-- Transparent button with icon after title -->
+ * <lib-button
+ *   buttonType="transparent"
+ *   title="Download"
+ *   iconAfter="download"
+ *   (buttonClick)="downloadFile()">
+ * </lib-button>
+ *
+ * <!-- Thin button -->
+ * <lib-button
+ *   buttonType="primary"
+ *   title="Submit"
+ *   [isThin]="true"
+ *   (buttonClick)="submitForm()">
+ * </lib-button>
+ * ```
+ */
+export declare class ButtonComponent {
+    buttonType: ButtonType;
+    title?: string;
+    iconBefore?: string;
+    iconAfter?: string;
+    disabled: boolean;
+    isThin: boolean;
+    ariaLabel?: string;
+    buttonClick: EventEmitter<void>;
+    /**
+     * Handles button click events and emits the buttonClick event if the button is not disabled.
+     */
+    onButtonClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "lib-button", never, { "buttonType": { "alias": "buttonType"; "required": false; }; "title": { "alias": "title"; "required": false; }; "iconBefore": { "alias": "iconBefore"; "required": false; }; "iconAfter": { "alias": "iconAfter"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isThin": { "alias": "isThin"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
+}

package/lib/button-group/button-group.component.d.ts

@@ -0,0 +1,46 @@
+import { EventEmitter, QueryList, AfterContentInit, OnDestroy } from '@angular/core';
+import { ButtonGroupItemComponent } from '../subatomic-components/button-group-item/button-group-item.component';
+import * as i0 from "@angular/core";
+export declare class ButtonGroupComponent implements AfterContentInit, OnDestroy {
+    initialActiveId?: string;
+    activeButtonChange: EventEmitter<string>;
+    buttonItems: QueryList<ButtonGroupItemComponent>;
+    private elementRef;
+    protected activeButtonId: import("@angular/core").WritableSignal<string>;
+    private subscriptions;
+    /**
+     * Angular lifecycle hook called after content projection is initialized.
+     * Sets up the initial active button and subscribes to button click events from all button items.
+     */
+    ngAfterContentInit(): void;
+    /**
+     * Initializes custom element children when used as web components.
+     */
+    private initializeCustomElements;
+    /**
+     * Sets the active state on a custom element by toggling the active class on its button.
+     */
+    private setActiveState;
+    /**
+     * Handles click events for custom element children.
+     */
+    private handleCustomElementClick;
+    /**
+     * Angular lifecycle hook called when the component is destroyed.
+     * Cleans up all subscriptions to prevent memory leaks.
+     */
+    ngOnDestroy(): void;
+    /**
+     * Initializes the active button state based on the initialActiveId input.
+     * Sets the active state on the matching button item if an initial ID is provided.
+     */
+    private initializeActiveButton;
+    /**
+     * Handles button click events from child button items.
+     * Updates the active button state and emits the activeButtonChange event.
+     * @param buttonId - The ID of the clicked button
+     */
+    onButtonClick(buttonId: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroupComponent, "lib-button-group", never, { "initialActiveId": { "alias": "initialActiveId"; "required": false; }; }, { "activeButtonChange": "activeButtonChange"; }, ["buttonItems"], ["*"], true, never>;
+}

package/lib/checkbox/checkbox.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class HbllCheckboxComponent {
+    isChecked: import("@angular/core").InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HbllCheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HbllCheckboxComponent, "lib-checkbox", never, { "isChecked": { "alias": "isChecked"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/contact-utils.d.ts

@@ -0,0 +1,19 @@
+import { HttpClient } from '@angular/common/http';
+import { FormBuilder } from '@angular/forms';
+export declare const USER_STATUSES: readonly ["", "Undergraduate", "Graduate", "Faculty", "Staff", "Library Employee", "Other"];
+export type UserStatus = (typeof USER_STATUSES)[number];
+export interface ContactPayload {
+    email?: string;
+    message: string;
+    name?: string;
+    status?: UserStatus;
+}
+export declare const createContactForm: (fb: FormBuilder) => import("@angular/forms").FormGroup<{
+    name: import("@angular/forms").FormControl<string>;
+    email: import("@angular/forms").FormControl<string>;
+    message: import("@angular/forms").FormControl<string>;
+    status: import("@angular/forms").FormControl<"" | "Other" | "Undergraduate" | "Graduate" | "Faculty" | "Staff" | "Library Employee" | undefined>;
+}>;
+export declare const submitEmail: (payload: ContactPayload, byuid: string, http: HttpClient, apiBaseUrl: string) => import("rxjs").Observable<unknown>;
+export declare const submitFeedback: (payload: ContactPayload, http: HttpClient, apiBaseUrl: string) => import("rxjs").Observable<unknown>;
+export declare const getUserStatusFromRoles: (roles: string[]) => UserStatus;

package/lib/copy-tooltip/copy-tooltip.component.d.ts

@@ -0,0 +1,12 @@
+import { MatTooltip, TooltipPosition } from '@angular/material/tooltip';
+import * as i0 from "@angular/core";
+export declare class CopyTooltipComponent {
+    position: TooltipPosition;
+    copyText?: string;
+    tooltip: MatTooltip;
+    clipboardCopyMessage: string;
+    copyToClipboard: (text?: string) => Promise<void>;
+    handleMouseLeave: () => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CopyTooltipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CopyTooltipComponent, "lib-copy-tooltip", never, { "position": { "alias": "position"; "required": false; }; "copyText": { "alias": "copyText"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/expand-collapse/expand-collapse.component.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class ExpandCollapseComponent {
+    private contentRef;
+    private _isExpanded;
+    set isExpanded(isExpanded: boolean);
+    get isExpanded(): boolean;
+    protected heightOfContent: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExpandCollapseComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ExpandCollapseComponent, "lib-expand-collapse", never, { "isExpanded": { "alias": "isExpanded"; "required": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/hbll-footer/hbll-footer.component.d.ts

@@ -0,0 +1,33 @@
+import { ContactPayload } from '../contact-utils';
+import * as i0 from "@angular/core";
+export declare class HbllFooterComponent {
+    private readonly fb;
+    private readonly http;
+    private readonly footerSkipTargetId;
+    private emailDialog;
+    mainsitebaseurl: string;
+    myaccountapibaseuri: string;
+    byuid: string;
+    set emailname(name: string);
+    set emailemail(email: string);
+    set emailmessage(message: string);
+    set emailstatus(status: ContactPayload['status']);
+    protected date: Date;
+    protected isSubmitted: boolean;
+    protected isLoading: boolean;
+    protected hasConnectionError: boolean;
+    protected isEmailSent: boolean;
+    protected emailForm: import("@angular/forms").FormGroup<{
+        name: import("@angular/forms").FormControl<string>;
+        email: import("@angular/forms").FormControl<string>;
+        message: import("@angular/forms").FormControl<string>;
+        status: import("@angular/forms").FormControl<"" | "Other" | "Undergraduate" | "Graduate" | "Faculty" | "Staff" | "Library Employee" | undefined>;
+    }>;
+    protected userStatuses: readonly ["", "Undergraduate", "Graduate", "Faculty", "Staff", "Library Employee", "Other"];
+    protected sendEmail: () => void;
+    protected handleClose: () => void;
+    openEmailForm: (formValues?: typeof this.emailForm.value) => void;
+    skipFooter(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HbllFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HbllFooterComponent, "lib-hbll-footer", never, { "mainsitebaseurl": { "alias": "mainsitebaseurl"; "required": false; }; "myaccountapibaseuri": { "alias": "myaccountapibaseuri"; "required": false; }; "byuid": { "alias": "byuid"; "required": false; }; "emailname": { "alias": "emailname"; "required": false; }; "emailemail": { "alias": "emailemail"; "required": false; }; "emailmessage": { "alias": "emailmessage"; "required": false; }; "emailstatus": { "alias": "emailstatus"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/hbll-header/hbll-header.component.d.ts

@@ -0,0 +1,38 @@
+import { AfterViewInit, ElementRef, EventEmitter } from '@angular/core';
+import { LibraryHours } from './models/library-hours';
+import * as i0 from "@angular/core";
+export declare const LIBRARY_HOURS_API_URL = "https://apps.lib.byu.edu/libraryhours/api/hours";
+export declare class HbllHeaderComponent implements AfterViewInit {
+    private readonly r2;
+    private readonly http;
+    private readonly bo;
+    private doc;
+    header: ElementRef;
+    navWrapper: ElementRef<HTMLElement>;
+    backdrop: ElementRef<HTMLElement>;
+    name: string;
+    mainsitebaseurl: string;
+    showImpersonateButton: import("@angular/core").InputSignal<boolean>;
+    openImpersonationModal: EventEmitter<void>;
+    login: EventEmitter<void>;
+    logout: EventEmitter<void>;
+    private formatDateForHours;
+    private accountInfoEl;
+    private hoursEl;
+    protected get isLoggedIn(): boolean;
+    protected libraryHours: import("@angular/core").Signal<LibraryHours | undefined>;
+    protected hoursExceptions$: import("rxjs").Observable<LibraryHours[]>;
+    protected showAccountDropdown: boolean;
+    protected showLibraryHours: boolean;
+    protected mobileSidebarHeight: number;
+    protected showNavBar: boolean;
+    protected isScreenSmall: import("@angular/core").Signal<boolean | undefined>;
+    ngAfterViewInit(): void;
+    protected openSidebarNav: () => void;
+    protected closeSidebarNav: () => void;
+    private onResize;
+    private setMobileSidebarHeight;
+    focusMainContent(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HbllHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HbllHeaderComponent, "lib-hbll-header", never, { "name": { "alias": "name"; "required": false; }; "mainsitebaseurl": { "alias": "mainsitebaseurl"; "required": false; }; "showImpersonateButton": { "alias": "showImpersonateButton"; "required": false; "isSignal": true; }; }, { "openImpersonationModal": "openImpersonationModal"; "login": "login"; "logout": "logout"; }, never, never, true, never>;
+}

package/lib/hbll-header/models/library-hours.d.ts

@@ -0,0 +1,10 @@
+export interface LibraryHours {
+    date: string;
+    is_closed: boolean;
+    open_time: string;
+    close_time: string;
+    has_exception: boolean;
+    exception_title: string;
+    exception_message: string;
+    is_currently_open: boolean;
+}

package/lib/hbll-header/nav-bar/nav-bar.component.d.ts

@@ -0,0 +1,33 @@
+import { Signal } from '@angular/core';
+import { NavBarDropdownComponent } from '../nav-bar-dropdown/nav-bar-dropdown.component';
+import * as i0 from "@angular/core";
+type NavInfo = {
+    title: string;
+    mainSection?: Section;
+    otherSections: Section[];
+};
+type Section = {
+    title: string;
+    links: Link[];
+    auxiliaryLink?: Link;
+};
+type Link = {
+    label: string;
+    url: string;
+    icon?: string;
+};
+export declare class NavBarComponent {
+    private bo;
+    mainSiteBaseUrl: import("@angular/core").InputSignal<string>;
+    height: import("@angular/core").InputSignal<number | null>;
+    isInteractingWithNavbar: boolean;
+    dropdownComps: NavBarDropdownComponent[];
+    protected handleDropdownOpenEvent: (title: string) => void;
+    handleHoverStarted(): void;
+    handleNavbarMouseLeave(): void;
+    protected isScreenSmall: Signal<boolean | undefined>;
+    protected navInfos: Signal<NavInfo[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavBarComponent, "lib-nav-bar", never, { "mainSiteBaseUrl": { "alias": "mainSiteBaseUrl"; "required": true; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export {};

package/lib/hbll-header/nav-bar-dropdown/nav-bar-dropdown.component.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class NavBarDropdownComponent {
+    title: import("@angular/core").InputSignal<string>;
+    isSmallScreen: import("@angular/core").InputSignal<boolean>;
+    openEvent: EventEmitter<string>;
+    hoverStarted: EventEmitter<void>;
+    closeDropdown: () => boolean;
+    isInteracting: boolean;
+    protected isOpen: boolean;
+    private hoverTimeout;
+    private readonly DROPDOWN_OPEN_DELAY_MS;
+    protected handleClick: () => void;
+    handleMouseEnter(): void;
+    handleMouseLeave(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavBarDropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavBarDropdownComponent, "lib-nav-bar-dropdown", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "isSmallScreen": { "alias": "isSmallScreen"; "required": false; "isSignal": true; }; "isInteracting": { "alias": "isInteracting"; "required": false; }; }, { "openEvent": "openEvent"; "hoverStarted": "hoverStarted"; }, never, ["*"], true, never>;
+}

package/lib/hbll-header/pipes/library-hours.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class LibraryHoursPipe implements PipeTransform {
+    transform(date: string, time: string): string | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibraryHoursPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<LibraryHoursPipe, "libraryHours", true>;
+}

package/lib/hbll-header/pipes/truncate.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TruncatePipe implements PipeTransform {
+    transform(value: string | null | undefined, max?: number, suffix?: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TruncatePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TruncatePipe, "truncate", true>;
+}

package/lib/header-with-impersonation/header-with-impersonation.component.d.ts

@@ -0,0 +1,39 @@
+import { EventEmitter, Signal, OnInit, OnDestroy } from '@angular/core';
+import { TokenPayload } from '../models/token-payload';
+import { JwtPayload } from 'jwt-decode';
+import * as i0 from "@angular/core";
+export declare class HeaderWithImpersonationComponent implements OnInit, OnDestroy {
+    accessTokenPayload: import("@angular/core").InputSignal<TokenPayload>;
+    oidcBaseUri: import("@angular/core").InputSignal<string>;
+    oidcDefaultIdp: import("@angular/core").InputSignal<string>;
+    mainSiteBaseUrl: import("@angular/core").InputSignal<string>;
+    personBaseUri: import("@angular/core").InputSignal<string>;
+    myAccountApiBaseUri: import("@angular/core").InputSignal<string>;
+    login: EventEmitter<void>;
+    logout: EventEmitter<void>;
+    endImpersonation: EventEmitter<void>;
+    protected parsedToken: Signal<(JwtPayload & Record<string, any>) | null>;
+    protected name: Signal<any>;
+    protected showImpersonateButton: Signal<boolean>;
+    protected showImpersonationModal: boolean;
+    private isImpersonating;
+    private activityEvents;
+    private inactivityTimerId;
+    private inactivityTimeoutMs;
+    private debounceTimerId;
+    private debounceDelayMs;
+    private trackingActive;
+    private injector;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /** Begin listening and start countdown */
+    private startInactivityTracking;
+    /** Remove listeners and clear timers */
+    private stopInactivityTracking;
+    /** Reset the inactivity countdown (no-op if not impersonating) */
+    private resetInactivityTimer;
+    /** Debounce activity to avoid hammering resets during event storms */
+    private debouncedResetTimer;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderWithImpersonationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderWithImpersonationComponent, "lib-header-with-impersonation", never, { "accessTokenPayload": { "alias": "accessTokenPayload"; "required": true; "isSignal": true; }; "oidcBaseUri": { "alias": "oidcBaseUri"; "required": false; "isSignal": true; }; "oidcDefaultIdp": { "alias": "oidcDefaultIdp"; "required": false; "isSignal": true; }; "mainSiteBaseUrl": { "alias": "mainSiteBaseUrl"; "required": false; "isSignal": true; }; "personBaseUri": { "alias": "personBaseUri"; "required": false; "isSignal": true; }; "myAccountApiBaseUri": { "alias": "myAccountApiBaseUri"; "required": false; "isSignal": true; }; }, { "login": "login"; "logout": "logout"; "endImpersonation": "endImpersonation"; }, never, never, true, never>;
+}

package/lib/impersonate-modal/impersonate-modal.component.d.ts

@@ -0,0 +1,60 @@
+import { EventEmitter, OnDestroy, PipeTransform } from '@angular/core';
+import { Subject } from 'rxjs';
+import { TokenPayload } from '../models/token-payload';
+import * as i0 from "@angular/core";
+export declare const defaultOidcBaseUri = "https://keycloak.lib.byu.edu/";
+export declare const defaultOidcDefaultIdp = "ces";
+export declare class ImpersonateUserPipe implements PipeTransform {
+    transform(user: ImpersonateSearchResult): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImpersonateUserPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ImpersonateUserPipe, "impersonateUser", true>;
+}
+export interface ImpersonateSearchResult {
+    netId: string;
+    institution: string;
+    username: string;
+    name: string;
+    preferredName: string;
+    givenName: string;
+    surname: string;
+    restricted: boolean;
+}
+export declare class ImpersonateModalComponent implements OnDestroy {
+    private readonly http;
+    private readonly fb;
+    private readonly eref;
+    set showModal(open: boolean);
+    oidcBaseUri: import("@angular/core").InputSignal<string>;
+    oidcDefaultIdp: import("@angular/core").InputSignal<string>;
+    accessTokenPayload: import("@angular/core").InputSignal<TokenPayload>;
+    dismiss: EventEmitter<void>;
+    init: EventEmitter<void>;
+    protected isOpen: boolean;
+    protected hasError: boolean;
+    protected form: import("@angular/forms").FormGroup<{
+        search: import("@angular/forms").FormControl<string | null>;
+    }>;
+    protected selectedUsername?: string;
+    protected loading: boolean;
+    protected handleSearchSubject: Subject<boolean>;
+    protected results: import("@angular/core").Signal<ImpersonateSearchResult[] | null | undefined>;
+    private subs;
+    outsideClick(event: MouseEvent): void;
+    handleKeyDown: (event: KeyboardEvent) => void;
+    ngOnDestroy(): void;
+    /** Redirect to Keycloak impersonate page, which will redirect back
+     * after impersonation begins.
+     */
+    protected startImpersonation: (username?: string) => void;
+    protected handleSelectUser: (event: Event) => void;
+    protected clearSearch: () => void;
+    protected close: () => void;
+    protected handleFormSubmit: (event: SubmitEvent) => void;
+    protected handleSearchKeyPress: (event: KeyboardEvent) => void;
+    protected handleResultKeyPress: (event: KeyboardEvent) => void;
+    /** Search Keycloak users using a generic search query. */
+    private searchUsers;
+    private replaceUrl;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImpersonateModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImpersonateModalComponent, "lib-impersonate-modal", never, { "showModal": { "alias": "showModal"; "required": false; }; "oidcBaseUri": { "alias": "oidcBaseUri"; "required": false; "isSignal": true; }; "oidcDefaultIdp": { "alias": "oidcDefaultIdp"; "required": false; "isSignal": true; }; "accessTokenPayload": { "alias": "accessTokenPayload"; "required": true; "isSignal": true; }; }, { "dismiss": "dismiss"; "init": "init"; }, never, never, true, never>;
+}

package/lib/impersonation-banner/impersonation-banner.component.d.ts

@@ -0,0 +1,52 @@
+import { EventEmitter, Signal } from '@angular/core';
+import { type ApplicationAccess } from './models/application-access';
+import { TokenPayload } from '../models/token-payload';
+import { JwtPayload } from 'jwt-decode';
+import { PersonSummary } from './models/person-summary';
+import * as i0 from "@angular/core";
+/**
+ * @todo: Refactor: my recommendation would be to allow a user to be passed into this component via an input instead of the users coming from an API call based on the JWT passed in. This might look something like:
+ *  ```
+ *    ＠Input() user: {
+ *      primary_position_type_display?: string
+ *      undergrad_graduate_status?: string
+ *      restricted?: boolean
+ *      is_retired?: boolean
+ *      is_employee?: boolean
+ *      primary_position_type?: string
+ *    }
+ * ```
+ * Accepting all properties that are used in this component without needing to bring in the user type explicitly. Or the properties on this user object could be made even more general as to not be tied at all to any specific type.
+ *
+ * Something similar could be done with `accountStatuses`. I'd recommend the consuming application prepare arrays of strings to be passed into inputs of `accountsOk`, `accountsBlocked`, and `accountsNone`, that are then passed into and displayed in the template.
+ *
+ * The idea behind these revisions is that there is less business logic baked into this component, as it's role is just one of presentation. It will also avoid multiple API calls for the same data in our big Angular apps.
+ *
+ * Best of luck,
+ * Paul
+ */
+export declare class ImpersonationBannerComponent {
+    private http;
+    accessTokenPayload: import("@angular/core").InputSignal<TokenPayload>;
+    personBaseUri: import("@angular/core").InputSignal<string>;
+    myAccountApiBaseUri: import("@angular/core").InputSignal<string>;
+    endImpersonation: EventEmitter<void>;
+    protected parsedToken: Signal<JwtPayload & Record<string, any>>;
+    protected isImpersonating: Signal<boolean>;
+    protected libraryId: Signal<any>;
+    protected user: Signal<PersonSummary | null | undefined>;
+    protected userFullName: Signal<string>;
+    protected isRestricted: Signal<boolean | undefined>;
+    protected userInfoTabs: Signal<Map<string, any>>;
+    protected userPhotoUrl: Signal<string>;
+    protected activityStatus: Signal<"retired" | "active" | "inactive" | null>;
+    protected employeeStatusDescription: Signal<string | null>;
+    protected independentStudyStatus: Signal<boolean | null | undefined>;
+    protected accountStatuses: Signal<{
+        ok: ApplicationAccess[];
+        blocked: ApplicationAccess[];
+        none: ApplicationAccess[];
+    } | null | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImpersonationBannerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImpersonationBannerComponent, "lib-impersonation-banner", never, { "accessTokenPayload": { "alias": "accessTokenPayload"; "required": true; "isSignal": true; }; "personBaseUri": { "alias": "personBaseUri"; "required": false; "isSignal": true; }; "myAccountApiBaseUri": { "alias": "myAccountApiBaseUri"; "required": false; "isSignal": true; }; }, { "endImpersonation": "endImpersonation"; }, never, never, true, never>;
+}

package/lib/impersonation-banner/models/application-access.d.ts

@@ -0,0 +1,15 @@
+export declare enum AccessStatus {
+    OK = "ok",
+    BLOCKED = "blocked",
+    NONE = "none"
+}
+export interface ApplicationAccess {
+    label: string;
+    access: AccessStatus;
+    code?: string;
+    detail?: string;
+}
+export interface AccountsResponse {
+    netId: string;
+    applications: Record<string, ApplicationAccess>;
+}

package/lib/impersonation-banner/models/person-summary.d.ts

@@ -0,0 +1,33 @@
+export declare enum EmployeePositionType {
+    STD = "std",
+    SNL = "snl",
+    FAC = "fac",
+    STF = "stf",
+    TMP = "tmp",
+    FTC = "ftc"
+}
+export declare enum UndergradGraduateStatus {
+    UNDERGRAD = "undergrad",
+    GRADUATE = "graduate"
+}
+export interface IndependentStudyResponse {
+    library_id: string;
+    is_enrolled: boolean;
+}
+export interface PersonSummary {
+    byu_id?: string;
+    email_address?: string;
+    first_name: string;
+    is_affiliate: boolean;
+    is_employee: boolean;
+    is_retired?: boolean;
+    primary_position_type?: EmployeePositionType;
+    primary_position_type_display?: string;
+    is_student: boolean;
+    undergrad_graduate_status?: UndergradGraduateStatus;
+    last_name: string;
+    library_id: string;
+    preferred_first_name: string;
+    restricted: boolean;
+    worker_id?: string;
+}

package/lib/models/token-payload.d.ts

@@ -0,0 +1,3 @@
+export interface TokenPayload {
+    token: string;
+}

package/lib/multi-select/multi-select.component.d.ts

@@ -0,0 +1,52 @@
+import { EventEmitter } from '@angular/core';
+import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
+import { MatChipInputEvent } from '@angular/material/chips';
+import { FormControl } from '@angular/forms';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class HbllMultiSelectComponent {
+    private inputRef;
+    allOptions: Record<string, string>;
+    label: string;
+    /**
+     * An array that indicates which keys are selected.
+     */
+    selectedKeys: string[];
+    /**
+     * An EventEmitter that emits an array of keys indicating which options are currently selected.
+     */
+    selectedKeysChange: EventEmitter<string[]>;
+    protected inputControl: FormControl<string | null>;
+    protected filteredOptions$: Observable<string[]>;
+    protected separatorKeysCodes: number[];
+    /**
+     * Adds a key from the input to the array of selected key.
+     * The value from the input must match a key from the record of all options.
+     * @param {MatChipInputEvent} event MatChipInputEvent
+     */
+    protected addOption(event: MatChipInputEvent): void;
+    /**
+     * Removes a key from the array of selected options and emits the new selected keys.
+     * @param {MultiSelectKeyValPair} key key to remove
+     */
+    protected removeOption(key: string): void;
+    /**
+     * Adds an option to the array of selected keys when a user selects from the autocomplete.
+     * @param {MatAutocompleteSelectedEvent} event MatAutocompleteSelectedEvent
+     */
+    protected selectOption: (event: MatAutocompleteSelectedEvent) => void;
+    /**
+     * Filters the options by the supplied value as well as the currently selected values.
+     * @param {string} value value to filter by.
+     * @returns {string[]} the filtered keys
+     */
+    private filterOptions;
+    /**
+     * Adds a key to the selected keys array if the option is truthy and not already in the array.
+     * The input is also cleared (if available), and the new selected keys are emitted.
+     * @param {key} option key to add
+     */
+    private addOptionToSelectedOptions;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HbllMultiSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HbllMultiSelectComponent, "lib-multi-select", never, { "allOptions": { "alias": "allOptions"; "required": false; }; "label": { "alias": "label"; "required": false; }; "selectedKeys": { "alias": "selectedKeys"; "required": false; }; }, { "selectedKeysChange": "selectedKeysChange"; }, never, never, true, never>;
+}

package/lib/pipes/hbll-item-type-icon.pipe.d.ts

@@ -0,0 +1,17 @@
+import { type PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Converts an item type to an icon type to be used with Google Material Icons
+ *
+ * Intended to be used with an imported font, such as: `<link
+            rel="stylesheet"
+            href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,1,0"
+        />`
+ *
+ * Reference: https://fonts.google.com/icons?selected=Material+Symbols+Outlined:inventory_2:FILL@0;wght@400;GRAD@0;opsz@24&icon.query=invent&icon.size=24&icon.color=%235f6368
+ */
+export declare class HbllItemTypeIconPipe implements PipeTransform {
+    transform(itemType: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HbllItemTypeIconPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<HbllItemTypeIconPipe, "libByuItemTypeIcon", true>;
+}