@byuhbll/components 6.2.0 → 7.0.0

package/fesm2022/byuhbll-components.mjs

@@ -3,12 +3,12 @@ import { CommonModule, DatePipe, NgIf, NgClass } from '@angular/common';
 import { toSignal, toObservable } from '@angular/core/rxjs-interop';
 import { HttpClient } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { Input, ViewChild, ChangeDetectionStrategy, Component, input, EventEmitter, Output, inject, computed, ViewChildren, Pipe, Renderer2, DOCUMENT, viewChild, HostListener, ElementRef, Injector, runInInjectionContext, effect, ViewEncapsulation, model, booleanAttribute, createComponent, Injectable, signal, ContentChildren } from '@angular/core';
+import { Input, ViewChild, ChangeDetectionStrategy, Component, input, EventEmitter, Output, inject, computed, ViewChildren, Pipe, Renderer2, DOCUMENT, viewChild, HostListener, booleanAttribute, ElementRef, Injector, runInInjectionContext, effect, ViewEncapsulation, model, ApplicationRef, EnvironmentInjector, createComponent, Injectable, signal, ContentChildren, forwardRef, ChangeDetectorRef } from '@angular/core';
 import { trigger, transition, group, style, query, animate, animateChild } from '@angular/animations';
 import { map, of, switchMap, shareReplay, combineLatest, Subject, Subscription } from 'rxjs';
 import { BreakpointObserver } from '@angular/cdk/layout';
 import * as i1$1 from '@angular/forms';
-import { Validators, FormBuilder, ReactiveFormsModule, FormControl, NonNullableFormBuilder } from '@angular/forms';
+import { Validators, FormBuilder, ReactiveFormsModule, FormControl, NonNullableFormBuilder, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { switchMap as switchMap$1, map as map$1, catchError, startWith, tap, filter, debounceTime, distinctUntilChanged } from 'rxjs/operators';
 import { jwtDecode } from 'jwt-decode';
 import urlcat from 'urlcat';
@@ -22,6 +22,7 @@ import { MatFormFieldModule } from '@angular/material/form-field';
 import * as i1$3 from '@angular/material/chips';
 import { MatChipsModule } from '@angular/material/chips';
 import { ENTER, COMMA } from '@angular/cdk/keycodes';
+import { RouterLink, RouterLinkActive } from '@angular/router';
 
 const libHbllExpandCollapse = trigger('libHbllExpandCollapse', [
     transition('void <=> *', []),
@@ -109,11 +110,11 @@ class NavBarDropdownComponent {
         this.isOpen = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavBarDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: NavBarDropdownComponent, isStandalone: true, selector: "lib-nav-bar-dropdown", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, isSmallScreen: { classPropertyName: "isSmallScreen", publicName: "isSmallScreen", isSignal: true, isRequired: false, transformFunction: null }, isInteracting: { classPropertyName: "isInteracting", publicName: "isInteracting", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { openEvent: "openEvent", hoverStarted: "hoverStarted" }, ngImport: i0, template: "<span\n    class=\"hbll-header-dropdown-wrapper\"\n    data-testid=\"wrapper\"\n    [ngClass]=\"{ 'hbll-header-desktop': !isSmallScreen() }\"\n    (mouseenter)=\"handleMouseEnter()\"\n    (mouseleave)=\"handleMouseLeave()\"\n>\n    <button (click)=\"handleClick()\" data-testid=\"btn\" aria-haspopup=\"true\">\n        {{ title() }}\n        <span class=\"material-symbols-outlined hbll-header-icon\">\n            {{ 'keyboard_arrow_' + (isOpen ? 'up' : 'down') }}\n        </span>\n    </button>\n    @if (!isSmallScreen()) {\n        <div [class.collapsed]=\"!isOpen\" [attr.inert]=\"!isOpen ? true : null\" class=\"hbll-header-dropdown\" data-testid=\"dropdown\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </div>\n    } @else {\n        <lib-expand-collapse [isExpanded]=\"isOpen\" [attr.inert]=\"!isOpen ? true : null\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </lib-expand-collapse>\n    }\n</span>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".hbll-header-dropdown-wrapper.hbll-header-desktop button{color:#002e5d;background-color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.1em;font-weight:500;border:none;padding:.4em 1em;line-height:1.4em}.hbll-header-dropdown-wrapper.hbll-header-desktop button .hbll-header-icon{font-size:1.3em;margin-bottom:-.1em}.hbll-header-dropdown-wrapper.hbll-header-desktop button:hover{background-color:#0047ba;color:#fff}*{box-sizing:border-box;text-decoration:none;font-size:1em}*:not(.material-symbols-outlined){font-family:inherit}.hbll-header-dropdown-wrapper button{justify-content:flex-end;font-size:1.3em;color:#fff;display:flex;align-items:center;background-color:#0047ba;width:100%;padding:.6em;border-bottom:1px solid rgba(255,255,255,.3);border-left:none;border-right:none;border-top:none;white-space:nowrap;cursor:pointer}.hbll-header-dropdown-wrapper button .hbll-header-icon{margin-left:.2em}.hbll-header-dropdown-wrapper.hbll-header-desktop:hover button{background-color:#0047ba;color:#fff}.hbll-header-dropdown-wrapper.hbll-header-desktop .hbll-header-dropdown{position:absolute;z-index:11;width:100%;min-width:10em;top:100%;left:0;height:auto;overflow:visible;background-color:#0047ba}.hbll-header-dropdown-wrapper.hbll-header-desktop .hbll-header-dropdown.collapsed{left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}\n"], dependencies: [{ kind: "component", type: ExpandCollapseComponent, selector: "lib-expand-collapse", inputs: ["isExpanded"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: NavBarDropdownComponent, isStandalone: true, selector: "lib-nav-bar-dropdown", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, isSmallScreen: { classPropertyName: "isSmallScreen", publicName: "isSmallScreen", isSignal: true, isRequired: false, transformFunction: null }, isInteracting: { classPropertyName: "isInteracting", publicName: "isInteracting", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { openEvent: "openEvent", hoverStarted: "hoverStarted" }, ngImport: i0, template: "<span\n    class=\"hbll-header-dropdown-wrapper\"\n    data-testid=\"wrapper\"\n    [ngClass]=\"{ 'hbll-header-desktop': !isSmallScreen() }\"\n    (mouseenter)=\"handleMouseEnter()\"\n    (mouseleave)=\"handleMouseLeave()\"\n>\n    <button (click)=\"handleClick()\" data-testid=\"btn\" aria-haspopup=\"true\">\n        {{ title() }}\n        <span class=\"material-symbols-outlined hbll-header-icon\">\n            {{ 'keyboard_arrow_' + (isOpen ? 'up' : 'down') }}\n        </span>\n    </button>\n    @if (!isSmallScreen()) {\n        <div [class.collapsed]=\"!isOpen\" [attr.inert]=\"!isOpen ? true : null\" class=\"hbll-header-dropdown\" data-testid=\"dropdown\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </div>\n    } @else {\n        <lib-expand-collapse [isExpanded]=\"isOpen\" [attr.inert]=\"!isOpen ? true : null\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </lib-expand-collapse>\n    }\n</span>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".hbll-header-dropdown-wrapper.hbll-header-desktop button{color:#002e5d;background-color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.1em;font-weight:500;border:none;padding:.4em 1em;line-height:1.4em}.hbll-header-dropdown-wrapper.hbll-header-desktop button .hbll-header-icon{font-size:1.3em;margin-bottom:-.1em}.hbll-header-dropdown-wrapper.hbll-header-desktop button:hover{background-color:#0047ba;color:#fff}.hbll-header-dropdown-wrapper.hbll-header-desktop button:focus-visible{outline:.1875rem solid #b967c7;outline-offset:-.1875rem;border-radius:.25rem}*{box-sizing:border-box;text-decoration:none;font-size:1em}*:not(.material-symbols-outlined){font-family:inherit}.hbll-header-dropdown-wrapper button{justify-content:flex-end;font-size:1.3em;color:#fff;display:flex;align-items:center;background-color:#0047ba;width:100%;padding:.6em;border-bottom:1px solid rgba(255,255,255,.3);border-left:none;border-right:none;border-top:none;white-space:nowrap;cursor:pointer}.hbll-header-dropdown-wrapper button .hbll-header-icon{margin-left:.2em}.hbll-header-dropdown-wrapper button:focus-visible{outline:.1875rem solid #b967c7;outline-offset:-.1875rem;border-radius:.25rem}.hbll-header-dropdown-wrapper.hbll-header-desktop:hover button{background-color:#0047ba;color:#fff}.hbll-header-dropdown-wrapper.hbll-header-desktop .hbll-header-dropdown{position:absolute;z-index:11;width:100%;min-width:10em;top:100%;left:0;height:auto;overflow:visible;background-color:#0047ba}.hbll-header-dropdown-wrapper.hbll-header-desktop .hbll-header-dropdown.collapsed{left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}\n"], dependencies: [{ kind: "component", type: ExpandCollapseComponent, selector: "lib-expand-collapse", inputs: ["isExpanded"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavBarDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-nav-bar-dropdown', imports: [ExpandCollapseComponent, CommonModule], template: "<span\n    class=\"hbll-header-dropdown-wrapper\"\n    data-testid=\"wrapper\"\n    [ngClass]=\"{ 'hbll-header-desktop': !isSmallScreen() }\"\n    (mouseenter)=\"handleMouseEnter()\"\n    (mouseleave)=\"handleMouseLeave()\"\n>\n    <button (click)=\"handleClick()\" data-testid=\"btn\" aria-haspopup=\"true\">\n        {{ title() }}\n        <span class=\"material-symbols-outlined hbll-header-icon\">\n            {{ 'keyboard_arrow_' + (isOpen ? 'up' : 'down') }}\n        </span>\n    </button>\n    @if (!isSmallScreen()) {\n        <div [class.collapsed]=\"!isOpen\" [attr.inert]=\"!isOpen ? true : null\" class=\"hbll-header-dropdown\" data-testid=\"dropdown\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </div>\n    } @else {\n        <lib-expand-collapse [isExpanded]=\"isOpen\" [attr.inert]=\"!isOpen ? true : null\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </lib-expand-collapse>\n    }\n</span>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".hbll-header-dropdown-wrapper.hbll-header-desktop button{color:#002e5d;background-color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.1em;font-weight:500;border:none;padding:.4em 1em;line-height:1.4em}.hbll-header-dropdown-wrapper.hbll-header-desktop button .hbll-header-icon{font-size:1.3em;margin-bottom:-.1em}.hbll-header-dropdown-wrapper.hbll-header-desktop button:hover{background-color:#0047ba;color:#fff}*{box-sizing:border-box;text-decoration:none;font-size:1em}*:not(.material-symbols-outlined){font-family:inherit}.hbll-header-dropdown-wrapper button{justify-content:flex-end;font-size:1.3em;color:#fff;display:flex;align-items:center;background-color:#0047ba;width:100%;padding:.6em;border-bottom:1px solid rgba(255,255,255,.3);border-left:none;border-right:none;border-top:none;white-space:nowrap;cursor:pointer}.hbll-header-dropdown-wrapper button .hbll-header-icon{margin-left:.2em}.hbll-header-dropdown-wrapper.hbll-header-desktop:hover button{background-color:#0047ba;color:#fff}.hbll-header-dropdown-wrapper.hbll-header-desktop .hbll-header-dropdown{position:absolute;z-index:11;width:100%;min-width:10em;top:100%;left:0;height:auto;overflow:visible;background-color:#0047ba}.hbll-header-dropdown-wrapper.hbll-header-desktop .hbll-header-dropdown.collapsed{left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}\n"] }]
+            args: [{ selector: 'lib-nav-bar-dropdown', imports: [ExpandCollapseComponent, CommonModule], template: "<span\n    class=\"hbll-header-dropdown-wrapper\"\n    data-testid=\"wrapper\"\n    [ngClass]=\"{ 'hbll-header-desktop': !isSmallScreen() }\"\n    (mouseenter)=\"handleMouseEnter()\"\n    (mouseleave)=\"handleMouseLeave()\"\n>\n    <button (click)=\"handleClick()\" data-testid=\"btn\" aria-haspopup=\"true\">\n        {{ title() }}\n        <span class=\"material-symbols-outlined hbll-header-icon\">\n            {{ 'keyboard_arrow_' + (isOpen ? 'up' : 'down') }}\n        </span>\n    </button>\n    @if (!isSmallScreen()) {\n        <div [class.collapsed]=\"!isOpen\" [attr.inert]=\"!isOpen ? true : null\" class=\"hbll-header-dropdown\" data-testid=\"dropdown\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </div>\n    } @else {\n        <lib-expand-collapse [isExpanded]=\"isOpen\" [attr.inert]=\"!isOpen ? true : null\">\n            <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </lib-expand-collapse>\n    }\n</span>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".hbll-header-dropdown-wrapper.hbll-header-desktop button{color:#002e5d;background-color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.1em;font-weight:500;border:none;padding:.4em 1em;line-height:1.4em}.hbll-header-dropdown-wrapper.hbll-header-desktop button .hbll-header-icon{font-size:1.3em;margin-bottom:-.1em}.hbll-header-dropdown-wrapper.hbll-header-desktop button:hover{background-color:#0047ba;color:#fff}.hbll-header-dropdown-wrapper.hbll-header-desktop button:focus-visible{outline:.1875rem solid #b967c7;outline-offset:-.1875rem;border-radius:.25rem}*{box-sizing:border-box;text-decoration:none;font-size:1em}*:not(.material-symbols-outlined){font-family:inherit}.hbll-header-dropdown-wrapper button{justify-content:flex-end;font-size:1.3em;color:#fff;display:flex;align-items:center;background-color:#0047ba;width:100%;padding:.6em;border-bottom:1px solid rgba(255,255,255,.3);border-left:none;border-right:none;border-top:none;white-space:nowrap;cursor:pointer}.hbll-header-dropdown-wrapper button .hbll-header-icon{margin-left:.2em}.hbll-header-dropdown-wrapper button:focus-visible{outline:.1875rem solid #b967c7;outline-offset:-.1875rem;border-radius:.25rem}.hbll-header-dropdown-wrapper.hbll-header-desktop:hover button{background-color:#0047ba;color:#fff}.hbll-header-dropdown-wrapper.hbll-header-desktop .hbll-header-dropdown{position:absolute;z-index:11;width:100%;min-width:10em;top:100%;left:0;height:auto;overflow:visible;background-color:#0047ba}.hbll-header-dropdown-wrapper.hbll-header-desktop .hbll-header-dropdown.collapsed{left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}\n"] }]
         }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], isSmallScreen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSmallScreen", required: false }] }], openEvent: [{
                 type: Output
             }], hoverStarted: [{
@@ -462,11 +463,11 @@ class NavBarComponent {
         this.isInteractingWithNavbar = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: NavBarComponent, isStandalone: true, selector: "lib-nav-bar", inputs: { mainSiteBaseUrl: { classPropertyName: "mainSiteBaseUrl", publicName: "mainSiteBaseUrl", isSignal: true, isRequired: true, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "dropdownComps", predicate: NavBarDropdownComponent, descendants: true }], ngImport: i0, template: "<nav\n    [style]=\"{ height: height() ? height() + 'px' : 'auto' }\"\n    [ngClass]=\"{ 'hbll-header-desktop': !isScreenSmall() }\"\n    data-testid=\"nav\"\n    (mouseleave)=\"handleNavbarMouseLeave()\"\n>\n    <ul class=\"hbll-header-nav-bar\">\n        <li id=\"navHome\">\n            <a [href]=\"mainSiteBaseUrl()\">\n                @if (isScreenSmall()) {\n                    <span class=\"material-symbols-outlined hbll-header-icon\"> home </span>\n                }\n                Home\n            </a>\n        </li>\n        @for (navInfo of navInfos(); track navInfo.title) {\n            <li>\n                <lib-nav-bar-dropdown\n                    [title]=\"navInfo.title\"\n                    [isSmallScreen]=\"isScreenSmall() ?? true\"\n                    [isInteracting]=\"isInteractingWithNavbar\"\n                    (openEvent)=\"handleDropdownOpenEvent($event)\"\n                    (hoverStarted)=\"handleHoverStarted()\"\n                >\n                    <div\n                        class=\"hbll-header-content\"\n                        [ngStyle]=\"{\n                            'background-color': isScreenSmall() ? '#336cc8' : 'inherit',\n                        }\"\n                    >\n                        @if (navInfo.mainSection) {\n                            <section>\n                                <h2 tabindex=\"0\">{{ navInfo.mainSection.title }}</h2>\n                                <div class=\"hbll-header-main hbll-header-links\">\n                                    @for (link of navInfo.mainSection.links; track link.label) {\n                                        <a [href]=\"link.url\">\n                                            {{ link.label }}\n                                        </a>\n                                    }\n                                </div>\n                                @if (navInfo.mainSection.auxiliaryLink) {\n                                    <a\n                                        class=\"hbll-header-see-all\"\n                                        [href]=\"navInfo.mainSection.auxiliaryLink.url\"\n                                    >\n                                        {{ navInfo.mainSection.auxiliaryLink.label }}\n                                        <span class=\"material-symbols-outlined hbll-header-icon\">\n                                            chevron_right\n                                        </span>\n                                    </a>\n                                }\n                            </section>\n                        }\n                        @for (section of navInfo.otherSections; track section.title) {\n                            <section>\n                                <h3 tabindex=\"0\">{{ section.title }}</h3>\n                                <div class=\"hbll-header-links\">\n                                    @for (link of section.links; track link.label) {\n                                        <a [href]=\"link.url\">\n                                            {{ link.label }}\n                                            @if (link.icon) {\n                                                <span\n                                                    class=\"material-symbols-outlined hbll-header-icon-right\"\n                                                >\n                                                    {{ link.icon }}\n                                                </span>\n                                            }\n                                        </a>\n                                    }\n                                </div>\n                                @if (section.auxiliaryLink) {\n                                    <a\n                                        class=\"hbll-header-see-all\"\n                                        [href]=\"section.auxiliaryLink.url\"\n                                    >\n                                        {{ section.auxiliaryLink.label }}\n                                        <span class=\"material-symbols-outlined hbll-header-icon\">\n                                            chevron_right\n                                        </span>\n                                    </a>\n                                }\n                            </section>\n                        }\n                    </div>\n                </lib-nav-bar-dropdown>\n            </li>\n        }\n        <li>\n            <a id=\"navSearch\" [href]=\"mainSiteBaseUrl() + '/search'\">\n                @if (isScreenSmall()) {\n                    Search\n                }\n                <span\n                    class=\"material-symbols-outlined\"\n                    [ngClass]=\"{ 'hbll-header-icon': isScreenSmall() }\"\n                >\n                    search\n                </span>\n            </a>\n        </li>\n    </ul>\n</nav>\n", styles: ["nav.hbll-header-desktop .hbll-header-nav-bar li#navHome a,nav.hbll-header-desktop .hbll-header-nav-bar li #navSearch{color:#002e5d;background-color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.1em;font-weight:500;border:none;padding:.4em 1em;line-height:1.4em}nav.hbll-header-desktop .hbll-header-nav-bar li#navHome a .hbll-header-icon,nav.hbll-header-desktop .hbll-header-nav-bar li #navSearch .hbll-header-icon{font-size:1.3em;margin-bottom:-.1em}nav.hbll-header-desktop .hbll-header-nav-bar li#navHome a:hover,nav.hbll-header-desktop .hbll-header-nav-bar li #navSearch:hover{background-color:#0047ba;color:#fff}*{box-sizing:border-box;text-decoration:none;font-size:1em}*:not(.material-symbols-outlined){font-family:inherit}.hbll-header-icon-right{margin-left:.4em;font-size:1.2em}nav{background-color:#0047ba;position:absolute;overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;width:100vw;max-width:400px;right:0}nav li{list-style-type:none}nav ::-webkit-scrollbar{display:none}nav .hbll-header-nav-bar{display:flex;flex-direction:column;align-items:flex-end;margin:0;padding:0}nav .hbll-header-nav-bar .hbll-header-links{padding:0}nav .hbll-header-nav-bar li{width:100%}nav .hbll-header-nav-bar li#navHome .hbll-header-icon{margin-right:.2em}nav .hbll-header-nav-bar li a{color:#fff;display:flex;align-items:center;width:100%;padding:.6em;transition:background-color .1s ease-in-out}nav .hbll-header-nav-bar li a:hover{background-color:#fff3}nav .hbll-header-nav-bar li #navSearch{justify-content:flex-end;font-size:1.3em}nav .hbll-header-nav-bar li #navSearch .hbll-header-icon{margin-left:.2em}nav .hbll-header-nav-bar li .hbll-header-content{border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:1.4em}nav .hbll-header-nav-bar li .hbll-header-content section{padding-left:3em}nav .hbll-header-nav-bar li .hbll-header-content section:first-of-type{padding-top:1em}nav .hbll-header-nav-bar li .hbll-header-content section h2,nav .hbll-header-nav-bar li .hbll-header-content section h3{font-weight:600;font-size:1.4em;margin-bottom:.4em}nav .hbll-header-nav-bar li .hbll-header-content section+section{margin-top:1.8em}nav .hbll-header-nav-bar li .hbll-header-content section li a{padding:.6em .8em;margin:.2em 0}nav .hbll-header-nav-bar li .hbll-header-content section .hbll-header-see-all{border-top:1px solid rgba(255,255,255,.3);justify-content:flex-end}nav .hbll-header-nav-bar li .hbll-header-content section .hbll-header-no-see-all{margin-bottom:1em}nav .hbll-header-nav-bar li .hbll-header-content section .hbll-header-main{padding-bottom:.4em}nav.hbll-header-desktop{overflow:initial;background-color:#fff;padding:0 2em;position:relative;max-width:100%}nav.hbll-header-desktop .hbll-header-nav-bar{flex-direction:row;align-items:center}nav.hbll-header-desktop .hbll-header-nav-bar .hbll-header-links{background-color:#0047ba;display:flex;flex-direction:column;align-items:flex-start}nav.hbll-header-desktop .hbll-header-nav-bar .hbll-header-links li{width:100%}nav.hbll-header-desktop .hbll-header-nav-bar .hbll-header-links li a{transition:background-color .1s ease-in-out}nav.hbll-header-desktop .hbll-header-nav-bar .hbll-header-links li a:hover{background-color:#fff3;width:100%}nav.hbll-header-desktop .hbll-header-nav-bar li{width:auto;height:100%}nav.hbll-header-desktop .hbll-header-nav-bar li #navSearch{transition:all .2s ease-in-out;font-size:1.2em;background-color:transparent}nav.hbll-header-desktop .hbll-header-nav-bar li #navSearch:hover{background-color:transparent;transform:scale(115%);color:#0047ba}nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content{display:flex;justify-content:center;padding-top:1.4em;padding-right:10%;padding-left:10%}nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content section{padding-top:0;padding-left:5%;width:30em}nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content section+section{border-left:1px solid rgba(255,255,255,.3);margin-top:0}nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content section .hbll-header-see-all{margin-right:1em;transition:color .1s ease-in-out;width:auto}nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content section .hbll-header-see-all:hover{color:#ffffffd9}nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content h2,nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content h3{color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: NavBarDropdownComponent, selector: "lib-nav-bar-dropdown", inputs: ["title", "isSmallScreen", "isInteracting"], outputs: ["openEvent", "hoverStarted"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: NavBarComponent, isStandalone: true, selector: "lib-nav-bar", inputs: { mainSiteBaseUrl: { classPropertyName: "mainSiteBaseUrl", publicName: "mainSiteBaseUrl", isSignal: true, isRequired: true, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "dropdownComps", predicate: NavBarDropdownComponent, descendants: true }], ngImport: i0, template: "<nav\n    [style]=\"{ height: height() ? height() + 'px' : 'auto' }\"\n    [ngClass]=\"{ 'hbll-header-desktop': !isScreenSmall() }\"\n    data-testid=\"nav\"\n    (mouseleave)=\"handleNavbarMouseLeave()\"\n>\n    <ul class=\"hbll-header-nav-bar\">\n        <li id=\"navHome\">\n            <a [href]=\"mainSiteBaseUrl()\">\n                @if (isScreenSmall()) {\n                    <span class=\"material-symbols-outlined hbll-header-icon\"> home </span>\n                }\n                Home\n            </a>\n        </li>\n        @for (navInfo of navInfos(); track navInfo.title) {\n            <li>\n                <lib-nav-bar-dropdown\n                    [title]=\"navInfo.title\"\n                    [isSmallScreen]=\"isScreenSmall() ?? true\"\n                    [isInteracting]=\"isInteractingWithNavbar\"\n                    (openEvent)=\"handleDropdownOpenEvent($event)\"\n                    (hoverStarted)=\"handleHoverStarted()\"\n                >\n                    <div\n                        class=\"hbll-header-content\"\n                        [ngStyle]=\"{\n                            'background-color': isScreenSmall() ? '#336cc8' : 'inherit',\n                        }\"\n                    >\n                        @if (navInfo.mainSection) {\n                            <section>\n                                <h2 tabindex=\"0\">{{ navInfo.mainSection.title }}</h2>\n                                <div class=\"hbll-header-main hbll-header-links\">\n                                    @for (link of navInfo.mainSection.links; track link.label) {\n                                        <a [href]=\"link.url\">\n                                            {{ link.label }}\n                                        </a>\n                                    }\n                                </div>\n                                @if (navInfo.mainSection.auxiliaryLink) {\n                                    <a\n                                        class=\"hbll-header-see-all\"\n                                        [href]=\"navInfo.mainSection.auxiliaryLink.url\"\n                                    >\n                                        {{ navInfo.mainSection.auxiliaryLink.label }}\n                                        <span class=\"material-symbols-outlined hbll-header-icon\">\n                                            chevron_right\n                                        </span>\n                                    </a>\n                                }\n                            </section>\n                        }\n                        @for (section of navInfo.otherSections; track section.title) {\n                            <section>\n                                <h3 tabindex=\"0\">{{ section.title }}</h3>\n                                <div class=\"hbll-header-links\">\n                                    @for (link of section.links; track link.label) {\n                                        <a [href]=\"link.url\">\n                                            {{ link.label }}\n                                            @if (link.icon) {\n                                                <span\n                                                    class=\"material-symbols-outlined hbll-header-icon-right\"\n                                                >\n                                                    {{ link.icon }}\n                                                </span>\n                                            }\n                                        </a>\n                                    }\n                                </div>\n                                @if (section.auxiliaryLink) {\n                                    <a\n                                        class=\"hbll-header-see-all\"\n                                        [href]=\"section.auxiliaryLink.url\"\n                                    >\n                                        {{ section.auxiliaryLink.label }}\n                                        <span class=\"material-symbols-outlined hbll-header-icon\">\n                                            chevron_right\n                                        </span>\n                                    </a>\n                                }\n                            </section>\n                        }\n                    </div>\n                </lib-nav-bar-dropdown>\n            </li>\n        }\n        <li>\n            <a id=\"navSearch\" [href]=\"mainSiteBaseUrl() + '/search'\">\n                @if (isScreenSmall()) {\n                    Search\n                }\n                <span\n                    class=\"material-symbols-outlined\"\n                    [ngClass]=\"{ 'hbll-header-icon': isScreenSmall() }\"\n                >\n                    search\n                </span>\n            </a>\n        </li>\n    </ul>\n</nav>\n", styles: ["nav.hbll-header-desktop .hbll-header-nav-bar li#navHome a,nav.hbll-header-desktop .hbll-header-nav-bar li #navSearch{color:#002e5d;background-color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.1em;font-weight:500;border:none;padding:.4em 1em;line-height:1.4em}nav.hbll-header-desktop .hbll-header-nav-bar li#navHome a .hbll-header-icon,nav.hbll-header-desktop .hbll-header-nav-bar li #navSearch .hbll-header-icon{font-size:1.3em;margin-bottom:-.1em}nav.hbll-header-desktop .hbll-header-nav-bar li#navHome a:hover,nav.hbll-header-desktop .hbll-header-nav-bar li #navSearch:hover{background-color:#0047ba;color:#fff}nav.hbll-header-desktop .hbll-header-nav-bar li#navHome a:focus-visible,nav.hbll-header-desktop .hbll-header-nav-bar li #navSearch:focus-visible{outline:.1875rem solid #b967c7;outline-offset:-.1875rem;border-radius:.25rem}*{box-sizing:border-box;text-decoration:none;font-size:1em}*:not(.material-symbols-outlined){font-family:inherit}.hbll-header-icon-right{margin-left:.4em;font-size:1.2em}nav{background-color:#0047ba;position:absolute;overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;width:100vw;max-width:400px;right:0}nav li{list-style-type:none}nav ::-webkit-scrollbar{display:none}nav .hbll-header-nav-bar{display:flex;flex-direction:column;align-items:flex-end;margin:0;padding:0}nav .hbll-header-nav-bar .hbll-header-links{padding:0}nav .hbll-header-nav-bar li{width:100%}nav .hbll-header-nav-bar li#navHome .hbll-header-icon{margin-right:.2em}nav .hbll-header-nav-bar li a{color:#fff;display:flex;align-items:center;width:100%;padding:.6em;transition:background-color .1s ease-in-out}nav .hbll-header-nav-bar li a:hover{background-color:#fff3}nav .hbll-header-nav-bar li a:focus-visible{outline:.1875rem solid #b967c7;outline-offset:-.1875rem;border-radius:.25rem}nav .hbll-header-nav-bar li #navSearch{justify-content:flex-end;font-size:1.3em}nav .hbll-header-nav-bar li #navSearch .hbll-header-icon{margin-left:.2em}nav .hbll-header-nav-bar li #navSearch:focus-visible{outline:.1875rem solid #b967c7;outline-offset:-.1875rem;border-radius:.25rem}nav .hbll-header-nav-bar li .hbll-header-content{border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:1.4em}nav .hbll-header-nav-bar li .hbll-header-content section{padding-left:3em}nav .hbll-header-nav-bar li .hbll-header-content section:first-of-type{padding-top:1em}nav .hbll-header-nav-bar li .hbll-header-content section h2,nav .hbll-header-nav-bar li .hbll-header-content section h3{font-weight:600;font-size:1.4em;margin-bottom:.4em}nav .hbll-header-nav-bar li .hbll-header-content section h2:focus-visible,nav .hbll-header-nav-bar li .hbll-header-content section h3:focus-visible{outline:.1875rem solid #b967c7;outline-offset:-.1875rem;border-radius:.25rem}nav .hbll-header-nav-bar li .hbll-header-content section+section{margin-top:1.8em}nav .hbll-header-nav-bar li .hbll-header-content section li a{padding:.6em .8em;margin:.2em 0}nav .hbll-header-nav-bar li .hbll-header-content section li a:focus-visible{outline:.1875rem solid #b967c7;outline-offset:-.1875rem;border-radius:.25rem}nav .hbll-header-nav-bar li .hbll-header-content section .hbll-header-see-all{border-top:1px solid rgba(255,255,255,.3);justify-content:flex-end}nav .hbll-header-nav-bar li .hbll-header-content section .hbll-header-no-see-all{margin-bottom:1em}nav .hbll-header-nav-bar li .hbll-header-content section .hbll-header-main{padding-bottom:.4em}nav.hbll-header-desktop{overflow:initial;background-color:#fff;padding:0 2em;position:relative;max-width:100%}nav.hbll-header-desktop .hbll-header-nav-bar{flex-direction:row;align-items:center}nav.hbll-header-desktop .hbll-header-nav-bar .hbll-header-links{background-color:#0047ba;display:flex;flex-direction:column;align-items:flex-start}nav.hbll-header-desktop .hbll-header-nav-bar .hbll-header-links li{width:100%}nav.hbll-header-desktop .hbll-header-nav-bar .hbll-header-links li a{transition:background-color .1s ease-in-out}nav.hbll-header-desktop .hbll-header-nav-bar .hbll-header-links li a:hover{background-color:#fff3;width:100%}nav.hbll-header-desktop .hbll-header-nav-bar li{width:auto;height:100%}nav.hbll-header-desktop .hbll-header-nav-bar li #navSearch{transition:all .2s ease-in-out;font-size:1.2em;background-color:transparent}nav.hbll-header-desktop .hbll-header-nav-bar li #navSearch:hover{background-color:transparent;transform:scale(115%);color:#0047ba}nav.hbll-header-desktop .hbll-header-nav-bar li #navSearch:focus-visible{outline:.1875rem solid #b967c7;outline-offset:-.1875rem;border-radius:.25rem}nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content{display:flex;justify-content:center;padding-top:1.4em;padding-right:10%;padding-left:10%}nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content section{padding-top:0;padding-left:5%;width:30em}nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content section+section{border-left:1px solid rgba(255,255,255,.3);margin-top:0}nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content section .hbll-header-see-all{margin-right:1em;transition:color .1s ease-in-out;width:auto}nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content section .hbll-header-see-all:hover{color:#ffffffd9}nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content h2,nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content h3{color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: NavBarDropdownComponent, selector: "lib-nav-bar-dropdown", inputs: ["title", "isSmallScreen", "isInteracting"], outputs: ["openEvent", "hoverStarted"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: NavBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-nav-bar', imports: [CommonModule, NavBarDropdownComponent], template: "<nav\n    [style]=\"{ height: height() ? height() + 'px' : 'auto' }\"\n    [ngClass]=\"{ 'hbll-header-desktop': !isScreenSmall() }\"\n    data-testid=\"nav\"\n    (mouseleave)=\"handleNavbarMouseLeave()\"\n>\n    <ul class=\"hbll-header-nav-bar\">\n        <li id=\"navHome\">\n            <a [href]=\"mainSiteBaseUrl()\">\n                @if (isScreenSmall()) {\n                    <span class=\"material-symbols-outlined hbll-header-icon\"> home </span>\n                }\n                Home\n            </a>\n        </li>\n        @for (navInfo of navInfos(); track navInfo.title) {\n            <li>\n                <lib-nav-bar-dropdown\n                    [title]=\"navInfo.title\"\n                    [isSmallScreen]=\"isScreenSmall() ?? true\"\n                    [isInteracting]=\"isInteractingWithNavbar\"\n                    (openEvent)=\"handleDropdownOpenEvent($event)\"\n                    (hoverStarted)=\"handleHoverStarted()\"\n                >\n                    <div\n                        class=\"hbll-header-content\"\n                        [ngStyle]=\"{\n                            'background-color': isScreenSmall() ? '#336cc8' : 'inherit',\n                        }\"\n                    >\n                        @if (navInfo.mainSection) {\n                            <section>\n                                <h2 tabindex=\"0\">{{ navInfo.mainSection.title }}</h2>\n                                <div class=\"hbll-header-main hbll-header-links\">\n                                    @for (link of navInfo.mainSection.links; track link.label) {\n                                        <a [href]=\"link.url\">\n                                            {{ link.label }}\n                                        </a>\n                                    }\n                                </div>\n                                @if (navInfo.mainSection.auxiliaryLink) {\n                                    <a\n                                        class=\"hbll-header-see-all\"\n                                        [href]=\"navInfo.mainSection.auxiliaryLink.url\"\n                                    >\n                                        {{ navInfo.mainSection.auxiliaryLink.label }}\n                                        <span class=\"material-symbols-outlined hbll-header-icon\">\n                                            chevron_right\n                                        </span>\n                                    </a>\n                                }\n                            </section>\n                        }\n                        @for (section of navInfo.otherSections; track section.title) {\n                            <section>\n                                <h3 tabindex=\"0\">{{ section.title }}</h3>\n                                <div class=\"hbll-header-links\">\n                                    @for (link of section.links; track link.label) {\n                                        <a [href]=\"link.url\">\n                                            {{ link.label }}\n                                            @if (link.icon) {\n                                                <span\n                                                    class=\"material-symbols-outlined hbll-header-icon-right\"\n                                                >\n                                                    {{ link.icon }}\n                                                </span>\n                                            }\n                                        </a>\n                                    }\n                                </div>\n                                @if (section.auxiliaryLink) {\n                                    <a\n                                        class=\"hbll-header-see-all\"\n                                        [href]=\"section.auxiliaryLink.url\"\n                                    >\n                                        {{ section.auxiliaryLink.label }}\n                                        <span class=\"material-symbols-outlined hbll-header-icon\">\n                                            chevron_right\n                                        </span>\n                                    </a>\n                                }\n                            </section>\n                        }\n                    </div>\n                </lib-nav-bar-dropdown>\n            </li>\n        }\n        <li>\n            <a id=\"navSearch\" [href]=\"mainSiteBaseUrl() + '/search'\">\n                @if (isScreenSmall()) {\n                    Search\n                }\n                <span\n                    class=\"material-symbols-outlined\"\n                    [ngClass]=\"{ 'hbll-header-icon': isScreenSmall() }\"\n                >\n                    search\n                </span>\n            </a>\n        </li>\n    </ul>\n</nav>\n", styles: ["nav.hbll-header-desktop .hbll-header-nav-bar li#navHome a,nav.hbll-header-desktop .hbll-header-nav-bar li #navSearch{color:#002e5d;background-color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.1em;font-weight:500;border:none;padding:.4em 1em;line-height:1.4em}nav.hbll-header-desktop .hbll-header-nav-bar li#navHome a .hbll-header-icon,nav.hbll-header-desktop .hbll-header-nav-bar li #navSearch .hbll-header-icon{font-size:1.3em;margin-bottom:-.1em}nav.hbll-header-desktop .hbll-header-nav-bar li#navHome a:hover,nav.hbll-header-desktop .hbll-header-nav-bar li #navSearch:hover{background-color:#0047ba;color:#fff}*{box-sizing:border-box;text-decoration:none;font-size:1em}*:not(.material-symbols-outlined){font-family:inherit}.hbll-header-icon-right{margin-left:.4em;font-size:1.2em}nav{background-color:#0047ba;position:absolute;overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;width:100vw;max-width:400px;right:0}nav li{list-style-type:none}nav ::-webkit-scrollbar{display:none}nav .hbll-header-nav-bar{display:flex;flex-direction:column;align-items:flex-end;margin:0;padding:0}nav .hbll-header-nav-bar .hbll-header-links{padding:0}nav .hbll-header-nav-bar li{width:100%}nav .hbll-header-nav-bar li#navHome .hbll-header-icon{margin-right:.2em}nav .hbll-header-nav-bar li a{color:#fff;display:flex;align-items:center;width:100%;padding:.6em;transition:background-color .1s ease-in-out}nav .hbll-header-nav-bar li a:hover{background-color:#fff3}nav .hbll-header-nav-bar li #navSearch{justify-content:flex-end;font-size:1.3em}nav .hbll-header-nav-bar li #navSearch .hbll-header-icon{margin-left:.2em}nav .hbll-header-nav-bar li .hbll-header-content{border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:1.4em}nav .hbll-header-nav-bar li .hbll-header-content section{padding-left:3em}nav .hbll-header-nav-bar li .hbll-header-content section:first-of-type{padding-top:1em}nav .hbll-header-nav-bar li .hbll-header-content section h2,nav .hbll-header-nav-bar li .hbll-header-content section h3{font-weight:600;font-size:1.4em;margin-bottom:.4em}nav .hbll-header-nav-bar li .hbll-header-content section+section{margin-top:1.8em}nav .hbll-header-nav-bar li .hbll-header-content section li a{padding:.6em .8em;margin:.2em 0}nav .hbll-header-nav-bar li .hbll-header-content section .hbll-header-see-all{border-top:1px solid rgba(255,255,255,.3);justify-content:flex-end}nav .hbll-header-nav-bar li .hbll-header-content section .hbll-header-no-see-all{margin-bottom:1em}nav .hbll-header-nav-bar li .hbll-header-content section .hbll-header-main{padding-bottom:.4em}nav.hbll-header-desktop{overflow:initial;background-color:#fff;padding:0 2em;position:relative;max-width:100%}nav.hbll-header-desktop .hbll-header-nav-bar{flex-direction:row;align-items:center}nav.hbll-header-desktop .hbll-header-nav-bar .hbll-header-links{background-color:#0047ba;display:flex;flex-direction:column;align-items:flex-start}nav.hbll-header-desktop .hbll-header-nav-bar .hbll-header-links li{width:100%}nav.hbll-header-desktop .hbll-header-nav-bar .hbll-header-links li a{transition:background-color .1s ease-in-out}nav.hbll-header-desktop .hbll-header-nav-bar .hbll-header-links li a:hover{background-color:#fff3;width:100%}nav.hbll-header-desktop .hbll-header-nav-bar li{width:auto;height:100%}nav.hbll-header-desktop .hbll-header-nav-bar li #navSearch{transition:all .2s ease-in-out;font-size:1.2em;background-color:transparent}nav.hbll-header-desktop .hbll-header-nav-bar li #navSearch:hover{background-color:transparent;transform:scale(115%);color:#0047ba}nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content{display:flex;justify-content:center;padding-top:1.4em;padding-right:10%;padding-left:10%}nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content section{padding-top:0;padding-left:5%;width:30em}nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content section+section{border-left:1px solid rgba(255,255,255,.3);margin-top:0}nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content section .hbll-header-see-all{margin-right:1em;transition:color .1s ease-in-out;width:auto}nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content section .hbll-header-see-all:hover{color:#ffffffd9}nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content h2,nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content h3{color:#fff}\n"] }]
+            args: [{ selector: 'lib-nav-bar', imports: [CommonModule, NavBarDropdownComponent], template: "<nav\n    [style]=\"{ height: height() ? height() + 'px' : 'auto' }\"\n    [ngClass]=\"{ 'hbll-header-desktop': !isScreenSmall() }\"\n    data-testid=\"nav\"\n    (mouseleave)=\"handleNavbarMouseLeave()\"\n>\n    <ul class=\"hbll-header-nav-bar\">\n        <li id=\"navHome\">\n            <a [href]=\"mainSiteBaseUrl()\">\n                @if (isScreenSmall()) {\n                    <span class=\"material-symbols-outlined hbll-header-icon\"> home </span>\n                }\n                Home\n            </a>\n        </li>\n        @for (navInfo of navInfos(); track navInfo.title) {\n            <li>\n                <lib-nav-bar-dropdown\n                    [title]=\"navInfo.title\"\n                    [isSmallScreen]=\"isScreenSmall() ?? true\"\n                    [isInteracting]=\"isInteractingWithNavbar\"\n                    (openEvent)=\"handleDropdownOpenEvent($event)\"\n                    (hoverStarted)=\"handleHoverStarted()\"\n                >\n                    <div\n                        class=\"hbll-header-content\"\n                        [ngStyle]=\"{\n                            'background-color': isScreenSmall() ? '#336cc8' : 'inherit',\n                        }\"\n                    >\n                        @if (navInfo.mainSection) {\n                            <section>\n                                <h2 tabindex=\"0\">{{ navInfo.mainSection.title }}</h2>\n                                <div class=\"hbll-header-main hbll-header-links\">\n                                    @for (link of navInfo.mainSection.links; track link.label) {\n                                        <a [href]=\"link.url\">\n                                            {{ link.label }}\n                                        </a>\n                                    }\n                                </div>\n                                @if (navInfo.mainSection.auxiliaryLink) {\n                                    <a\n                                        class=\"hbll-header-see-all\"\n                                        [href]=\"navInfo.mainSection.auxiliaryLink.url\"\n                                    >\n                                        {{ navInfo.mainSection.auxiliaryLink.label }}\n                                        <span class=\"material-symbols-outlined hbll-header-icon\">\n                                            chevron_right\n                                        </span>\n                                    </a>\n                                }\n                            </section>\n                        }\n                        @for (section of navInfo.otherSections; track section.title) {\n                            <section>\n                                <h3 tabindex=\"0\">{{ section.title }}</h3>\n                                <div class=\"hbll-header-links\">\n                                    @for (link of section.links; track link.label) {\n                                        <a [href]=\"link.url\">\n                                            {{ link.label }}\n                                            @if (link.icon) {\n                                                <span\n                                                    class=\"material-symbols-outlined hbll-header-icon-right\"\n                                                >\n                                                    {{ link.icon }}\n                                                </span>\n                                            }\n                                        </a>\n                                    }\n                                </div>\n                                @if (section.auxiliaryLink) {\n                                    <a\n                                        class=\"hbll-header-see-all\"\n                                        [href]=\"section.auxiliaryLink.url\"\n                                    >\n                                        {{ section.auxiliaryLink.label }}\n                                        <span class=\"material-symbols-outlined hbll-header-icon\">\n                                            chevron_right\n                                        </span>\n                                    </a>\n                                }\n                            </section>\n                        }\n                    </div>\n                </lib-nav-bar-dropdown>\n            </li>\n        }\n        <li>\n            <a id=\"navSearch\" [href]=\"mainSiteBaseUrl() + '/search'\">\n                @if (isScreenSmall()) {\n                    Search\n                }\n                <span\n                    class=\"material-symbols-outlined\"\n                    [ngClass]=\"{ 'hbll-header-icon': isScreenSmall() }\"\n                >\n                    search\n                </span>\n            </a>\n        </li>\n    </ul>\n</nav>\n", styles: ["nav.hbll-header-desktop .hbll-header-nav-bar li#navHome a,nav.hbll-header-desktop .hbll-header-nav-bar li #navSearch{color:#002e5d;background-color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.1em;font-weight:500;border:none;padding:.4em 1em;line-height:1.4em}nav.hbll-header-desktop .hbll-header-nav-bar li#navHome a .hbll-header-icon,nav.hbll-header-desktop .hbll-header-nav-bar li #navSearch .hbll-header-icon{font-size:1.3em;margin-bottom:-.1em}nav.hbll-header-desktop .hbll-header-nav-bar li#navHome a:hover,nav.hbll-header-desktop .hbll-header-nav-bar li #navSearch:hover{background-color:#0047ba;color:#fff}nav.hbll-header-desktop .hbll-header-nav-bar li#navHome a:focus-visible,nav.hbll-header-desktop .hbll-header-nav-bar li #navSearch:focus-visible{outline:.1875rem solid #b967c7;outline-offset:-.1875rem;border-radius:.25rem}*{box-sizing:border-box;text-decoration:none;font-size:1em}*:not(.material-symbols-outlined){font-family:inherit}.hbll-header-icon-right{margin-left:.4em;font-size:1.2em}nav{background-color:#0047ba;position:absolute;overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;width:100vw;max-width:400px;right:0}nav li{list-style-type:none}nav ::-webkit-scrollbar{display:none}nav .hbll-header-nav-bar{display:flex;flex-direction:column;align-items:flex-end;margin:0;padding:0}nav .hbll-header-nav-bar .hbll-header-links{padding:0}nav .hbll-header-nav-bar li{width:100%}nav .hbll-header-nav-bar li#navHome .hbll-header-icon{margin-right:.2em}nav .hbll-header-nav-bar li a{color:#fff;display:flex;align-items:center;width:100%;padding:.6em;transition:background-color .1s ease-in-out}nav .hbll-header-nav-bar li a:hover{background-color:#fff3}nav .hbll-header-nav-bar li a:focus-visible{outline:.1875rem solid #b967c7;outline-offset:-.1875rem;border-radius:.25rem}nav .hbll-header-nav-bar li #navSearch{justify-content:flex-end;font-size:1.3em}nav .hbll-header-nav-bar li #navSearch .hbll-header-icon{margin-left:.2em}nav .hbll-header-nav-bar li #navSearch:focus-visible{outline:.1875rem solid #b967c7;outline-offset:-.1875rem;border-radius:.25rem}nav .hbll-header-nav-bar li .hbll-header-content{border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:1.4em}nav .hbll-header-nav-bar li .hbll-header-content section{padding-left:3em}nav .hbll-header-nav-bar li .hbll-header-content section:first-of-type{padding-top:1em}nav .hbll-header-nav-bar li .hbll-header-content section h2,nav .hbll-header-nav-bar li .hbll-header-content section h3{font-weight:600;font-size:1.4em;margin-bottom:.4em}nav .hbll-header-nav-bar li .hbll-header-content section h2:focus-visible,nav .hbll-header-nav-bar li .hbll-header-content section h3:focus-visible{outline:.1875rem solid #b967c7;outline-offset:-.1875rem;border-radius:.25rem}nav .hbll-header-nav-bar li .hbll-header-content section+section{margin-top:1.8em}nav .hbll-header-nav-bar li .hbll-header-content section li a{padding:.6em .8em;margin:.2em 0}nav .hbll-header-nav-bar li .hbll-header-content section li a:focus-visible{outline:.1875rem solid #b967c7;outline-offset:-.1875rem;border-radius:.25rem}nav .hbll-header-nav-bar li .hbll-header-content section .hbll-header-see-all{border-top:1px solid rgba(255,255,255,.3);justify-content:flex-end}nav .hbll-header-nav-bar li .hbll-header-content section .hbll-header-no-see-all{margin-bottom:1em}nav .hbll-header-nav-bar li .hbll-header-content section .hbll-header-main{padding-bottom:.4em}nav.hbll-header-desktop{overflow:initial;background-color:#fff;padding:0 2em;position:relative;max-width:100%}nav.hbll-header-desktop .hbll-header-nav-bar{flex-direction:row;align-items:center}nav.hbll-header-desktop .hbll-header-nav-bar .hbll-header-links{background-color:#0047ba;display:flex;flex-direction:column;align-items:flex-start}nav.hbll-header-desktop .hbll-header-nav-bar .hbll-header-links li{width:100%}nav.hbll-header-desktop .hbll-header-nav-bar .hbll-header-links li a{transition:background-color .1s ease-in-out}nav.hbll-header-desktop .hbll-header-nav-bar .hbll-header-links li a:hover{background-color:#fff3;width:100%}nav.hbll-header-desktop .hbll-header-nav-bar li{width:auto;height:100%}nav.hbll-header-desktop .hbll-header-nav-bar li #navSearch{transition:all .2s ease-in-out;font-size:1.2em;background-color:transparent}nav.hbll-header-desktop .hbll-header-nav-bar li #navSearch:hover{background-color:transparent;transform:scale(115%);color:#0047ba}nav.hbll-header-desktop .hbll-header-nav-bar li #navSearch:focus-visible{outline:.1875rem solid #b967c7;outline-offset:-.1875rem;border-radius:.25rem}nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content{display:flex;justify-content:center;padding-top:1.4em;padding-right:10%;padding-left:10%}nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content section{padding-top:0;padding-left:5%;width:30em}nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content section+section{border-left:1px solid rgba(255,255,255,.3);margin-top:0}nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content section .hbll-header-see-all{margin-right:1em;transition:color .1s ease-in-out;width:auto}nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content section .hbll-header-see-all:hover{color:#ffffffd9}nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content h2,nav.hbll-header-desktop .hbll-header-nav-bar li .hbll-header-content h3{color:#fff}\n"] }]
         }], propDecorators: { mainSiteBaseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "mainSiteBaseUrl", required: true }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], dropdownComps: [{
                 type: ViewChildren,
                 args: [NavBarDropdownComponent]
@@ -573,10 +574,6 @@ class HbllHeaderComponent {
                 }, { once: true });
             }
         };
-        this.setMobileSidebarHeight = () => {
-            const headerHeight = this.header.nativeElement.getBoundingClientRect().height;
-            this.mobileSidebarHeight = window.innerHeight - headerHeight;
-        };
     }
     get isLoggedIn() {
         return !!this.name;
@@ -590,8 +587,9 @@ class HbllHeaderComponent {
         });
         Promise.resolve().then(() => this.setMobileSidebarHeight());
     }
-    onResize() {
-        this.setMobileSidebarHeight();
+    setMobileSidebarHeight() {
+        const headerHeight = this.header.nativeElement.getBoundingClientRect().height;
+        this.mobileSidebarHeight = window.innerHeight - headerHeight;
     }
     focusMainContent() {
         const mainContent = document.querySelector('.main-content');
@@ -606,11 +604,11 @@ class HbllHeaderComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HbllHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: HbllHeaderComponent, isStandalone: true, selector: "lib-hbll-header", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, mainsitebaseurl: { classPropertyName: "mainsitebaseurl", publicName: "mainsitebaseurl", isSignal: false, isRequired: false, transformFunction: null }, showImpersonateButton: { classPropertyName: "showImpersonateButton", publicName: "showImpersonateButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openImpersonationModal: "openImpersonationModal", login: "login", logout: "logout" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "accountInfoEl", first: true, predicate: ["accountInfo"], descendants: true, isSignal: true }, { propertyName: "hoursEl", first: true, predicate: ["hours"], descendants: true, isSignal: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "navWrapper", first: true, predicate: ["navWrapper"], descendants: true }, { propertyName: "backdrop", first: true, predicate: ["backdrop"], descendants: true }], ngImport: i0, template: "<header\n    role=\"banner\"\n    class=\"hbll-header-wrapper\"\n    #header\n    [ngClass]=\"{ 'hbll-header-desktop': !isScreenSmall() }\"\n>\n    <a [href]=\"mainsitebaseurl\">\n        <h1>\n            <img\n                src=\"https://media.lib.byu.edu/web-assets/images/2.0.0/byu-hbll-logo-full.svg\"\n                alt=\"BYU Library Logo\"\n            />\n        </h1>\n    </a>\n    <button (click)=\"focusMainContent()\" class=\"skip-link\">Skip to main content</button>\n    <div id=\"libraryInfo\" class=\"hbll-header-wrapper\">\n        @if (!isScreenSmall()) {\n            <div #hours id=\"mainLibraryHours\" data-testid=\"desktopHours\">\n                <button\n                    (click)=\"showLibraryHours = !showLibraryHours\"\n                    class=\"hbll-header-wrapper\"\n                    data-testid=\"hoursBtn\"\n                >\n                    <ng-container *ngTemplateOutlet=\"hoursTextBlock\"></ng-container>\n                </button>\n                @if (!isScreenSmall() && showLibraryHours) {\n                    <div\n                        @libHbllFadeInOut\n                        id=\"libraryHoursDropdown\"\n                        data-testid=\"libraryHoursDropdown\"\n                    >\n                        <section class=\"hbll-header-section\">\n                            <h2 class=\"hbll-header-header\">Regular Hours</h2>\n                            <div class=\"hbll-header-detail\">\n                                <h3 class=\"hbll-header-item\">Monday - Friday</h3>\n                                <h3 class=\"hbll-header-item\">Saturday</h3>\n                                <h3 class=\"hbll-header-item\">Sunday</h3>\n                            </div>\n                            <div class=\"hbll-header-hours\">\n                                <div class=\"hbll-header-item\">7:00 a.m. - 11:45 p.m.</div>\n                                <div class=\"hbll-header-item\">8:00 a.m. - 11:45 p.m.</div>\n                                <div class=\"hbll-header-item\">Closed*</div>\n                            </div>\n                            <div class=\"hbll-header-hours-note\">\n                                * Family history ONLY 4:00 p.m. - 8:00 p.m\n                                <ul>\n                                    <li><span>No checkouts after 11:45 p.m.</span></li>\n                                    <li>\n                                        <span>All services closed 10:45 to noon on Tuesdays</span>\n                                    </li>\n                                </ul>\n                            </div>\n                        </section>\n                        <section class=\"hbll-header-section\">\n                            <h2 class=\"hbll-header-header\">Upcoming Exceptions</h2>\n                            @if (hoursExceptions$ | async; as exceptions) {\n                                <div class=\"hbll-header-detail\" data-testid=\"exceptionsDetail\">\n                                    @for (exception of exceptions; track exception.date) {\n                                        <h3 class=\"hbll-header-item\">\n                                            {{ exception.date | date: 'MMM. d, y' }}\n                                        </h3>\n                                    } @empty {\n                                        No upcoming exceptions\n                                    }\n                                </div>\n                                <div class=\"hbll-header-hours\" data-testid=\"exceptionsHours\">\n                                    @for (exception of exceptions; track exception.date) {\n                                        <div class=\"hbll-header-item\"\n                                            [attr.title]=\"exception.exception_title\"\n                                            [attr.aria-label]=\"exception.exception_title\">\n                                        {{ exception.exception_title | truncate:32:'...' }}\n                                        </div>\n                                    }\n                                </div>\n                            } @else {\n                                <div class=\"lib-spinner\" data-testid=\"exceptionsSpinner\"></div>\n                            }\n                        </section>\n                        <section class=\"hbll-header-section\">\n                            <h2 class=\"hbll-header-header\">Library Cafe</h2>\n                            <div class=\"hbll-header-detail\">\n                                <h3 class=\"hbll-header-item\">Bagel Bubble</h3>\n                                <h3 class=\"hbll-header-item\">Provecho</h3>\n                            </div>\n                            <div class=\"hbll-header-hours\">\n                                <div class=\"hbll-header-item\">7:00 a.m. - 11:00 p.m.</div>\n                                <div class=\"hbll-header-item\">10:30 a.m. - 2:00 p.m.</div>\n                            </div>\n                        </section>\n                        <a [href]=\"mainsitebaseurl + '/about/hours'\"\n                            >See all hours\n                            <span class=\"material-symbols-outlined\"> chevron_right </span></a\n                        >\n                    </div>\n                }\n            </div>\n        }\n        <div id=\"accountInfo\" #accountInfo>\n            <button\n                (click)=\"isLoggedIn ? (showAccountDropdown = !showAccountDropdown) : login.emit()\"\n                class=\"hbll-header-wrapper\"\n                id=\"accountBtn\"\n                data-testid=\"accountBtn\"\n            >\n                <span class=\"material-symbols-outlined hbll-header-left-icon\"> person </span>\n                @if (!isScreenSmall()) {\n                    <span class=\"hbll-header-name\" data-testid=\"name\">{{\n                        isLoggedIn ? '&nbsp;' + name : 'Login'\n                    }}</span>\n                }\n                @if (isLoggedIn) {\n                    <span class=\"material-symbols-outlined\" data-testid=\"loginDropdown\">\n                        arrow_drop_down\n                    </span>\n                }\n            </button>\n            @if (isLoggedIn && showAccountDropdown) {\n                <div @libHbllFadeInOut id=\"accountDropdown\" data-testid=\"accountDropdown\">\n                    <a [href]=\"mainsitebaseurl + '/account'\">My Account</a>\n                    <a [href]=\"mainsitebaseurl + '/account'\">My Items</a>\n                    <a [href]=\"mainsitebaseurl + '/account/request'\">Request an item</a>\n                    <a [href]=\"mainsitebaseurl + '/account/saved'\">Saved</a>\n                    <a [href]=\"mainsitebaseurl + '/account/course'\">Courses</a>\n                    <a [href]=\"mainsitebaseurl + '/account/rooms'\">Rooms</a>\n                    <a [href]=\"mainsitebaseurl + '/account/preferences'\">Preferences</a>\n                    @if (showImpersonateButton()) {\n                        <button\n                            (click)=\"openImpersonationModal.emit(); showAccountDropdown = false\"\n                            class=\"hbll-header-impersonate-btn\"\n                        >\n                            Impersonate\n                        </button>\n                    }\n                    <button (click)=\"logout.emit()\" data-testid=\"logout\">Logout</button>\n                </div>\n            }\n        </div>\n        @if (isScreenSmall()) {\n            <div id=\"mobileNav\" [class.collapsed]=\"!showNavBar\">\n                <button\n                    class=\"hbll-header-wrapper\"\n                    data-testid=\"mobileNavBtn\"\n                    (click)=\"openSidebarNav()\"\n                >\n                    <span class=\"material-symbols-outlined hbll-header-icon\"> menu </span>\n                </button>\n                <div\n                    #navWrapper\n                    id=\"navWrapper\"\n                    data-testid=\"mobileNav\"\n                    [class.open]=\"showNavBar\"\n                    [attr.inert]=\"!showNavBar ? true : null\"\n                >\n                    <button\n                        id=\"closeMobileNavBtn\"\n                        class=\"hbll-header-wrapper\"\n                        data-testid=\"closeMobileNavBtn\"\n                        (click)=\"closeSidebarNav()\"\n                    >\n                        <span class=\"material-symbols-outlined hbll-header-icon\"> close </span>\n                    </button>\n                    <lib-nav-bar\n                        [mainSiteBaseUrl]=\"mainsitebaseurl\"\n                        [height]=\"mobileSidebarHeight\"\n                    />\n                </div>\n                <div\n                    #backdrop\n                    (click)=\"closeSidebarNav()\"\n                    class=\"hbll-nav-backdrop\"\n                    [class.open]=\"showNavBar\"\n                    data-testid=\"mobileNavBackdrop\"\n                ></div>\n            </div>\n        }\n    </div>\n</header>\n\n@if (!isScreenSmall()) {\n    <div id=\"mainNav\">\n        <lib-nav-bar [mainSiteBaseUrl]=\"mainsitebaseurl\" />\n    </div>\n}\n@if (isScreenSmall()) {\n    <a\n        id=\"mobileLibraryHours\"\n        [href]=\"mainsitebaseurl + '/about/hours'\"\n        class=\"hbll-header-wrapper\"\n        data-testid=\"mobileHours\"\n    >\n        <ng-container *ngTemplateOutlet=\"hoursTextBlock\"></ng-container>\n    </a>\n}\n\n<ng-template #hoursTextBlock>\n    @if (libraryHours()) {\n        <span class=\"material-symbols-outlined hbll-header-left-icon\"> schedule </span>\n        {{\n            libraryHours()?.is_closed\n                ? 'CLOSED'\n                : \"Today's hours: \" +\n                  (libraryHours()!.date | libraryHours: libraryHours()!.open_time) +\n                  ' - ' +\n                  (libraryHours()!.date | libraryHours: libraryHours()!.close_time)\n        }}\n    }\n</ng-template>\n", styles: [".lib-spinner{border:.3em solid #dfe9f7;border-top:.3em solid #4070b0;border-radius:100%;width:30px;height:30px;animation:loadingSpinnerAnimate 1s ease infinite;position:relative}@keyframes loadingSpinnerAnimate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box;text-decoration:none;font-size:1em}*:not(.material-symbols-outlined){font-family:inherit}.hbll-header-wrapper{display:flex;align-items:center;font-size:1em}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:static;width:auto;height:auto;overflow:visible;margin-left:.625rem;background:#fff;color:#00285b;font-size:.9375rem;font-weight:580;padding:.3125rem .625rem;z-index:1000;text-decoration:none;border:.1171875rem solid #0050b7;border-radius:.15625rem;cursor:pointer}.skip-link:hover{color:#00285b;background-color:#e3edf8;border:.1171875rem solid #e3edf8}.hbll-nav-backdrop{background-color:#000;opacity:.3;height:100vh;width:100vw;left:0;top:0;transform:translate(-100vw);position:absolute;z-index:-1}.hbll-nav-backdrop.open{animation-name:fadeIn;animation-duration:.15s;animation-timing-function:ease-in;animation-fill-mode:forwards}.hbll-nav-backdrop.is-closing{animation-name:fadeOut;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:forwards}#mobileLibraryHours{color:#141414;background-color:#e6e6e6;font-size:1em;min-height:2em}#mobileLibraryHours.hbll-header-wrapper{width:100%;justify-content:center;padding:.2em}.hbll-header-icon,.hbll-header-left-icon{font-size:1.2em}.hbll-header-left-icon{margin-right:.2em}header{background-color:#002e5d;display:flex;align-items:center}header a h1{font-size:100%;margin:0;height:1.8em}header a h1 img{height:100%;padding:0 0 0 .6em}header #libraryInfo{margin-left:auto;color:#fff}header #libraryInfo a,header #libraryInfo button{transition:color .2s ease-in-out;color:#fffc}header #libraryInfo a:hover,header #libraryInfo button:hover{color:#fff}header #libraryInfo #accountInfo button,header #libraryInfo #mobileNav button{padding:.8em .6em}header #libraryInfo #accountBtn .name{margin-left:.4em}header #libraryInfo #mobileNav{position:relative;z-index:11}header #libraryInfo #mobileNav.collapsed #navWrapper{left:-9999px;top:auto;overflow:hidden;width:1px;height:1px}header #libraryInfo #mobileNav.collapsed .hbll-nav-backdrop{display:none}header #libraryInfo #mobileNav.collapsed nav{left:-9999px;top:auto;overflow:hidden;width:1px;height:1px}header #libraryInfo #mobileNav #navWrapper{color:#fff;position:fixed;top:0}header #libraryInfo #mobileNav #navWrapper.open{animation-name:slideInFromRight;animation-duration:.2s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}header #libraryInfo #mobileNav #navWrapper.is-closing{animation-name:slideOutToRight;animation-duration:.2s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}header #libraryInfo #mobileNav #navWrapper #closeMobileNavBtn{background-color:#0047ba;margin-left:auto;padding-left:.9em}header #libraryInfo :last-child button{padding-right:1em!important}header #libraryInfo .hbll-header-icon,header #libraryInfo .hbll-header-left-icon{font-size:1.6em}header #libraryInfo #accountInfo{position:relative}header #libraryInfo #accountInfo #accountDropdown{font-size:1em;text-wrap:nowrap;position:absolute;background-color:#002e5d;top:100%;right:-32px;z-index:11;background-color:#233753}header #libraryInfo #accountInfo #accountDropdown .hbll-header-impersonate-btn{color:#ca7ad1cc}header #libraryInfo #accountInfo #accountDropdown .hbll-header-impersonate-btn:hover{color:#ca7ad1}header #libraryInfo #accountInfo #accountDropdown a,header #libraryInfo #accountInfo #accountDropdown button{display:block;width:100%;text-align:left;padding:.4em 1.2em;font-size:1.1em}header #libraryInfo #accountInfo #accountDropdown a:first-child,header #libraryInfo #accountInfo #accountDropdown button:first-child{margin-bottom:.4em;padding-top:.6em;padding-bottom:.6em;border-bottom:1px solid rgba(255,255,255,.3)}header #libraryInfo #accountInfo #accountDropdown a:last-child,header #libraryInfo #accountInfo #accountDropdown button:last-child{margin-top:.4em;border-top:1px solid rgba(255,255,255,.3);padding-top:.6em;padding-bottom:.6em}header #libraryInfo #accountInfo #accountDropdown:before{content:\"\";width:0;height:0;border-style:solid;border-width:0 .6em .6em .6em;border-color:transparent transparent hsl(214,41%,23%) transparent;position:absolute;bottom:100%;right:50%;transform:translate(50%);z-index:inherit}header.hbll-header-desktop{padding:0 2em}header.hbll-header-desktop #libraryInfo #mainLibraryHours{position:relative;margin-right:1em}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown{z-index:12;background-color:#fff;border-radius:4px;border:1px solid #d2d2d2;position:absolute;color:#000;padding:2em;top:100%;max-width:400%;right:50%;transform:translate(50%);margin-top:.6em;margin-right:1.25rem}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section{display:grid;grid-template-columns:repeat(4,7.5em);grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;margin-bottom:1em}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section h2{margin:0}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours-note{grid-column:2/-1;font-size:.8em;margin-top:1em}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours-note ul{list-style-type:disc;list-style-position:inside;margin-left:.8em;padding:0}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours-note ul li span{position:relative}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-header{font-weight:600;font-size:1em}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-detail,header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours{margin-top:.2em}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-detail .hbll-header-item+.hbll-header-item,header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours .hbll-header-item+.hbll-header-item{margin-top:.3em}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-detail h3,header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours h3{margin:0;font-size:inherit}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-detail{font-weight:600;white-space:nowrap}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours{white-space:nowrap}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown a{color:#4070b0;display:flex;align-items:center;float:right}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown a:hover{color:#6892ca}header.hbll-header-desktop #libraryInfo #accountInfo #accountDropdown{right:auto;left:50%;transform:translate(-50%)}button{background-color:transparent;border:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;padding:0}@keyframes slideInFromRight{0%{transform:translate(calc(min(100vw,400px) - 55px))}to{transform:translate(0)}}@keyframes slideOutToRight{0%{transform:translate(0)}to{transform:translate(min(100vw,400px))}}@keyframes fadeIn{0%{opacity:0}to{opacity:.3}}@keyframes fadeOut{0%{opacity:.3}to{opacity:0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NavBarComponent, selector: "lib-nav-bar", inputs: ["mainSiteBaseUrl", "height"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: LibraryHoursPipe, name: "libraryHours" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: TruncatePipe, name: "truncate" }], animations: [libHbllFadeInOut] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: HbllHeaderComponent, isStandalone: true, selector: "lib-hbll-header", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, mainsitebaseurl: { classPropertyName: "mainsitebaseurl", publicName: "mainsitebaseurl", isSignal: false, isRequired: false, transformFunction: null }, showImpersonateButton: { classPropertyName: "showImpersonateButton", publicName: "showImpersonateButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openImpersonationModal: "openImpersonationModal", login: "login", logout: "logout" }, host: { listeners: { "window:resize": "setMobileSidebarHeight()" } }, viewQueries: [{ propertyName: "accountInfoEl", first: true, predicate: ["accountInfo"], descendants: true, isSignal: true }, { propertyName: "hoursEl", first: true, predicate: ["hours"], descendants: true, isSignal: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "navWrapper", first: true, predicate: ["navWrapper"], descendants: true }, { propertyName: "backdrop", first: true, predicate: ["backdrop"], descendants: true }], ngImport: i0, template: "<header\n    role=\"banner\"\n    class=\"hbll-header-wrapper\"\n    #header\n    [ngClass]=\"{ 'hbll-header-desktop': !isScreenSmall() }\"\n>\n    <a [href]=\"mainsitebaseurl\">\n        <h1>\n            <img\n                src=\"https://media.lib.byu.edu/web-assets/images/2.0.0/byu-hbll-logo-full.svg\"\n                alt=\"BYU Library Logo\"\n            />\n        </h1>\n    </a>\n    <button (click)=\"focusMainContent()\" class=\"sr-only sr-only-focusable skip-link\">Skip to main content</button>\n    <div id=\"libraryInfo\" class=\"hbll-header-wrapper\">\n        @if (!isScreenSmall()) {\n            <div #hours id=\"mainLibraryHours\" data-testid=\"desktopHours\">\n                <button\n                    (click)=\"showLibraryHours = !showLibraryHours\"\n                    class=\"hbll-header-wrapper\"\n                    data-testid=\"hoursBtn\"\n                >\n                    <ng-container *ngTemplateOutlet=\"hoursTextBlock\"></ng-container>\n                </button>\n                @if (!isScreenSmall() && showLibraryHours) {\n                    <div\n                        @libHbllFadeInOut\n                        id=\"libraryHoursDropdown\"\n                        data-testid=\"libraryHoursDropdown\"\n                    >\n                        <section class=\"hbll-header-section\">\n                            <h2 class=\"hbll-header-header\">Regular Hours</h2>\n                            <div class=\"hbll-header-detail\">\n                                <h3 class=\"hbll-header-item\">Monday - Friday</h3>\n                                <h3 class=\"hbll-header-item\">Saturday</h3>\n                                <h3 class=\"hbll-header-item\">Sunday</h3>\n                            </div>\n                            <div class=\"hbll-header-hours\">\n                                <div class=\"hbll-header-item\">7:00 a.m. - 11:45 p.m.</div>\n                                <div class=\"hbll-header-item\">8:00 a.m. - 11:45 p.m.</div>\n                                <div class=\"hbll-header-item\">Closed*</div>\n                            </div>\n                            <div class=\"hbll-header-hours-note\">\n                                * Family history ONLY 4:00 p.m. - 8:00 p.m\n                                <ul>\n                                    <li><span>No checkouts after 11:45 p.m.</span></li>\n                                    <li>\n                                        <span>All services closed 10:45 to noon on Tuesdays</span>\n                                    </li>\n                                </ul>\n                            </div>\n                        </section>\n                        <section class=\"hbll-header-section\">\n                            <h2 class=\"hbll-header-header\">Upcoming Exceptions</h2>\n                            @if (hoursExceptions$ | async; as exceptions) {\n                                <div class=\"hbll-header-detail\" data-testid=\"exceptionsDetail\">\n                                    @for (exception of exceptions; track exception.date) {\n                                        <h3 class=\"hbll-header-item\">\n                                            {{ exception.date | date: 'MMM. d, y' }}\n                                        </h3>\n                                    } @empty {\n                                        No upcoming exceptions\n                                    }\n                                </div>\n                                <div class=\"hbll-header-hours\" data-testid=\"exceptionsHours\">\n                                    @for (exception of exceptions; track exception.date) {\n                                        <div class=\"hbll-header-item\"\n                                            [attr.title]=\"exception.exception_title\"\n                                            [attr.aria-label]=\"exception.exception_title\">\n                                        {{ exception.exception_title | truncate:32:'...' }}\n                                        </div>\n                                    }\n                                </div>\n                            } @else {\n                                <div class=\"lib-spinner\" data-testid=\"exceptionsSpinner\"></div>\n                            }\n                        </section>\n                        <section class=\"hbll-header-section\">\n                            <h2 class=\"hbll-header-header\">Library Cafe</h2>\n                            <div class=\"hbll-header-detail\">\n                                <h3 class=\"hbll-header-item\">Bagel Bubble</h3>\n                                <h3 class=\"hbll-header-item\">Provecho</h3>\n                            </div>\n                            <div class=\"hbll-header-hours\">\n                                <div class=\"hbll-header-item\">7:00 a.m. - 11:00 p.m.</div>\n                                <div class=\"hbll-header-item\">10:30 a.m. - 2:00 p.m.</div>\n                            </div>\n                        </section>\n                        <a [href]=\"mainsitebaseurl + '/about/hours'\"\n                            >See all hours\n                            <span class=\"material-symbols-outlined\"> chevron_right </span></a\n                        >\n                    </div>\n                }\n            </div>\n        }\n        <div id=\"accountInfo\" #accountInfo>\n            <button\n                (click)=\"isLoggedIn ? (showAccountDropdown = !showAccountDropdown) : login.emit()\"\n                class=\"hbll-header-wrapper\"\n                id=\"accountBtn\"\n                data-testid=\"accountBtn\"\n            >\n                <span class=\"material-symbols-outlined hbll-header-left-icon\"> person </span>\n                @if (!isScreenSmall()) {\n                    <span class=\"hbll-header-name\" data-testid=\"name\">{{\n                        isLoggedIn ? '&nbsp;' + name : 'Login'\n                    }}</span>\n                }\n                @if (isLoggedIn) {\n                    <span class=\"material-symbols-outlined\" data-testid=\"loginDropdown\">\n                        arrow_drop_down\n                    </span>\n                }\n            </button>\n            @if (isLoggedIn && showAccountDropdown) {\n                <div @libHbllFadeInOut id=\"accountDropdown\" data-testid=\"accountDropdown\">\n                    <a [href]=\"mainsitebaseurl + '/account'\">My Account</a>\n                    <a [href]=\"mainsitebaseurl + '/account'\">My Items</a>\n                    <a [href]=\"mainsitebaseurl + '/account/request'\">Request an item</a>\n                    <a [href]=\"mainsitebaseurl + '/account/saved'\">Saved</a>\n                    <a [href]=\"mainsitebaseurl + '/account/course'\">Courses</a>\n                    <a [href]=\"mainsitebaseurl + '/account/rooms'\">Rooms</a>\n                    <a [href]=\"mainsitebaseurl + '/account/preferences'\">Preferences</a>\n                    @if (showImpersonateButton()) {\n                        <button\n                            (click)=\"openImpersonationModal.emit(); showAccountDropdown = false\"\n                            class=\"hbll-header-impersonate-btn\"\n                        >\n                            Impersonate\n                        </button>\n                    }\n                    <button (click)=\"logout.emit()\" data-testid=\"logout\">Logout</button>\n                </div>\n            }\n        </div>\n        @if (isScreenSmall()) {\n            <div id=\"mobileNav\" [class.collapsed]=\"!showNavBar\">\n                <button\n                    class=\"hbll-header-wrapper\"\n                    data-testid=\"mobileNavBtn\"\n                    (click)=\"openSidebarNav()\"\n                >\n                    <span class=\"material-symbols-outlined hbll-header-icon\"> menu </span>\n                </button>\n                <div\n                    #navWrapper\n                    id=\"navWrapper\"\n                    data-testid=\"mobileNav\"\n                    [class.open]=\"showNavBar\"\n                    [attr.inert]=\"!showNavBar ? true : null\"\n                >\n                    <button\n                        id=\"closeMobileNavBtn\"\n                        class=\"hbll-header-wrapper\"\n                        data-testid=\"closeMobileNavBtn\"\n                        (click)=\"closeSidebarNav()\"\n                    >\n                        <span class=\"material-symbols-outlined hbll-header-icon\"> close </span>\n                    </button>\n                    <lib-nav-bar\n                        [mainSiteBaseUrl]=\"mainsitebaseurl\"\n                        [height]=\"mobileSidebarHeight\"\n                    />\n                </div>\n                <div\n                    #backdrop\n                    (click)=\"closeSidebarNav()\"\n                    class=\"hbll-nav-backdrop\"\n                    [class.open]=\"showNavBar\"\n                    data-testid=\"mobileNavBackdrop\"\n                ></div>\n            </div>\n        }\n    </div>\n</header>\n\n@if (!isScreenSmall()) {\n    <div id=\"mainNav\">\n        <lib-nav-bar [mainSiteBaseUrl]=\"mainsitebaseurl\" />\n    </div>\n}\n@if (isScreenSmall()) {\n    <a\n        id=\"mobileLibraryHours\"\n        [href]=\"mainsitebaseurl + '/about/hours'\"\n        class=\"hbll-header-wrapper\"\n        data-testid=\"mobileHours\"\n    >\n        <ng-container *ngTemplateOutlet=\"hoursTextBlock\"></ng-container>\n    </a>\n}\n\n<ng-template #hoursTextBlock>\n    @if (libraryHours()) {\n        <span class=\"material-symbols-outlined hbll-header-left-icon\"> schedule </span>\n        {{\n            libraryHours()?.is_closed\n                ? 'CLOSED'\n                : \"Today's hours: \" +\n                  (libraryHours()!.date | libraryHours: libraryHours()!.open_time) +\n                  ' - ' +\n                  (libraryHours()!.date | libraryHours: libraryHours()!.close_time)\n        }}\n    }\n</ng-template>\n", styles: [".lib-spinner{border:.3em solid #dfe9f7;border-top:.3em solid #4070b0;border-radius:100%;width:30px;height:30px;animation:loadingSpinnerAnimate 1s ease infinite;position:relative}@keyframes loadingSpinnerAnimate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box;text-decoration:none;font-size:1em}*:not(.material-symbols-outlined){font-family:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only.sr-only-focusable:focus,.sr-only.sr-only-focusable:focus-within,.sr-only.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.hbll-header-wrapper{display:flex;align-items:center;font-size:1em}.skip-link{margin-left:.625rem;background:#fff;color:#00285b;font-size:.9375rem;font-weight:580;padding:.3125rem .625rem;text-decoration:none;border:.1171875rem solid #0050b7;border-radius:.15625rem;cursor:pointer;outline:.1875rem solid #b967c7;outline-offset:-.1875rem;border-radius:.25rem}.skip-link:hover{color:#00285b;background-color:#e3edf8;border:.1171875rem solid #e3edf8}.hbll-nav-backdrop{background-color:#000;opacity:.3;height:100vh;width:100vw;left:0;top:0;transform:translate(-100vw);position:absolute;z-index:-1}.hbll-nav-backdrop.open{animation-name:fadeIn;animation-duration:.15s;animation-timing-function:ease-in;animation-fill-mode:forwards}.hbll-nav-backdrop.is-closing{animation-name:fadeOut;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:forwards}#mobileLibraryHours{color:#141414;background-color:#e6e6e6;font-size:1em;min-height:2em}#mobileLibraryHours.hbll-header-wrapper{width:100%;justify-content:center;padding:.2em}.hbll-header-icon,.hbll-header-left-icon{font-size:1.2em}.hbll-header-left-icon{margin-right:.2em}header{background-color:#002e5d;display:flex;align-items:center}header a h1{font-size:100%;margin:0;height:1.8em}header a h1 img{height:100%;padding:0 0 0 .6em}header #libraryInfo{margin-left:auto;color:#fff}header #libraryInfo a,header #libraryInfo button{transition:color .2s ease-in-out;color:#fffc}header #libraryInfo a:hover,header #libraryInfo button:hover{color:#fff}header #libraryInfo #accountInfo button,header #libraryInfo #mobileNav button{padding:.8em .6em}header #libraryInfo #accountBtn .name{margin-left:.4em}header #libraryInfo #mobileNav{position:relative;z-index:11}header #libraryInfo #mobileNav.collapsed #navWrapper{left:-9999px;top:auto;overflow:hidden;width:1px;height:1px}header #libraryInfo #mobileNav.collapsed .hbll-nav-backdrop{display:none}header #libraryInfo #mobileNav.collapsed nav{left:-9999px;top:auto;overflow:hidden;width:1px;height:1px}header #libraryInfo #mobileNav #navWrapper{color:#fff;position:fixed;top:0}header #libraryInfo #mobileNav #navWrapper.open{animation-name:slideInFromRight;animation-duration:.2s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}header #libraryInfo #mobileNav #navWrapper.is-closing{animation-name:slideOutToRight;animation-duration:.2s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}header #libraryInfo #mobileNav #navWrapper #closeMobileNavBtn{background-color:#0047ba;margin-left:auto;padding-left:.9em}header #libraryInfo :last-child button{padding-right:1em!important}header #libraryInfo .hbll-header-icon,header #libraryInfo .hbll-header-left-icon{font-size:1.6em}header #libraryInfo #accountInfo{position:relative}header #libraryInfo #accountInfo #accountDropdown{font-size:1em;text-wrap:nowrap;position:absolute;background-color:#002e5d;top:100%;right:-32px;z-index:11;background-color:#233753}header #libraryInfo #accountInfo #accountDropdown .hbll-header-impersonate-btn{color:#ca7ad1cc}header #libraryInfo #accountInfo #accountDropdown .hbll-header-impersonate-btn:hover{color:#ca7ad1}header #libraryInfo #accountInfo #accountDropdown a,header #libraryInfo #accountInfo #accountDropdown button{display:block;width:100%;text-align:left;padding:.4em 1.2em;font-size:1.1em}header #libraryInfo #accountInfo #accountDropdown a:first-child,header #libraryInfo #accountInfo #accountDropdown button:first-child{margin-bottom:.4em;padding-top:.6em;padding-bottom:.6em;border-bottom:1px solid rgba(255,255,255,.3)}header #libraryInfo #accountInfo #accountDropdown a:last-child,header #libraryInfo #accountInfo #accountDropdown button:last-child{margin-top:.4em;border-top:1px solid rgba(255,255,255,.3);padding-top:.6em;padding-bottom:.6em}header #libraryInfo #accountInfo #accountDropdown:before{content:\"\";width:0;height:0;border-style:solid;border-width:0 .6em .6em .6em;border-color:transparent transparent hsl(214,41%,23%) transparent;position:absolute;bottom:100%;right:50%;transform:translate(50%);z-index:inherit}header.hbll-header-desktop{padding:0 2em}header.hbll-header-desktop #libraryInfo #mainLibraryHours{position:relative;margin-right:1em}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown{z-index:12;background-color:#fff;border-radius:4px;border:1px solid #d2d2d2;position:absolute;color:#000;padding:2em;top:100%;max-width:400%;right:50%;transform:translate(50%);margin-top:.6em;margin-right:1.25rem}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section{display:grid;grid-template-columns:repeat(4,7.5em);grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;margin-bottom:1em}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section h2{margin:0}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours-note{grid-column:2/-1;font-size:.8em;margin-top:1em}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours-note ul{list-style-type:disc;list-style-position:inside;margin-left:.8em;padding:0}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours-note ul li span{position:relative}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-header{font-weight:600;font-size:1em}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-detail,header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours{margin-top:.2em}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-detail .hbll-header-item+.hbll-header-item,header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours .hbll-header-item+.hbll-header-item{margin-top:.3em}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-detail h3,header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours h3{margin:0;font-size:inherit}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-detail{font-weight:600;white-space:nowrap}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours{white-space:nowrap}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown a{color:#4070b0;display:flex;align-items:center;float:right}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown a:hover{color:#6892ca}header.hbll-header-desktop #libraryInfo #accountInfo #accountDropdown{right:auto;left:50%;transform:translate(-50%)}button{background-color:transparent;border:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;padding:0}button:focus-visible{outline:.1875rem solid #b967c7;outline-offset:-.1875rem;border-radius:.25rem}a:focus-visible{outline:.1875rem solid #b967c7;outline-offset:-.1875rem;border-radius:.25rem}@keyframes slideInFromRight{0%{transform:translate(calc(min(100vw,400px) - 55px))}to{transform:translate(0)}}@keyframes slideOutToRight{0%{transform:translate(0)}to{transform:translate(min(100vw,400px))}}@keyframes fadeIn{0%{opacity:0}to{opacity:.3}}@keyframes fadeOut{0%{opacity:.3}to{opacity:0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NavBarComponent, selector: "lib-nav-bar", inputs: ["mainSiteBaseUrl", "height"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: LibraryHoursPipe, name: "libraryHours" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: TruncatePipe, name: "truncate" }], animations: [libHbllFadeInOut] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HbllHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-hbll-header', imports: [DatePipe, LibraryHoursPipe, CommonModule, NavBarComponent, TruncatePipe], animations: [libHbllFadeInOut], template: "<header\n    role=\"banner\"\n    class=\"hbll-header-wrapper\"\n    #header\n    [ngClass]=\"{ 'hbll-header-desktop': !isScreenSmall() }\"\n>\n    <a [href]=\"mainsitebaseurl\">\n        <h1>\n            <img\n                src=\"https://media.lib.byu.edu/web-assets/images/2.0.0/byu-hbll-logo-full.svg\"\n                alt=\"BYU Library Logo\"\n            />\n        </h1>\n    </a>\n    <button (click)=\"focusMainContent()\" class=\"skip-link\">Skip to main content</button>\n    <div id=\"libraryInfo\" class=\"hbll-header-wrapper\">\n        @if (!isScreenSmall()) {\n            <div #hours id=\"mainLibraryHours\" data-testid=\"desktopHours\">\n                <button\n                    (click)=\"showLibraryHours = !showLibraryHours\"\n                    class=\"hbll-header-wrapper\"\n                    data-testid=\"hoursBtn\"\n                >\n                    <ng-container *ngTemplateOutlet=\"hoursTextBlock\"></ng-container>\n                </button>\n                @if (!isScreenSmall() && showLibraryHours) {\n                    <div\n                        @libHbllFadeInOut\n                        id=\"libraryHoursDropdown\"\n                        data-testid=\"libraryHoursDropdown\"\n                    >\n                        <section class=\"hbll-header-section\">\n                            <h2 class=\"hbll-header-header\">Regular Hours</h2>\n                            <div class=\"hbll-header-detail\">\n                                <h3 class=\"hbll-header-item\">Monday - Friday</h3>\n                                <h3 class=\"hbll-header-item\">Saturday</h3>\n                                <h3 class=\"hbll-header-item\">Sunday</h3>\n                            </div>\n                            <div class=\"hbll-header-hours\">\n                                <div class=\"hbll-header-item\">7:00 a.m. - 11:45 p.m.</div>\n                                <div class=\"hbll-header-item\">8:00 a.m. - 11:45 p.m.</div>\n                                <div class=\"hbll-header-item\">Closed*</div>\n                            </div>\n                            <div class=\"hbll-header-hours-note\">\n                                * Family history ONLY 4:00 p.m. - 8:00 p.m\n                                <ul>\n                                    <li><span>No checkouts after 11:45 p.m.</span></li>\n                                    <li>\n                                        <span>All services closed 10:45 to noon on Tuesdays</span>\n                                    </li>\n                                </ul>\n                            </div>\n                        </section>\n                        <section class=\"hbll-header-section\">\n                            <h2 class=\"hbll-header-header\">Upcoming Exceptions</h2>\n                            @if (hoursExceptions$ | async; as exceptions) {\n                                <div class=\"hbll-header-detail\" data-testid=\"exceptionsDetail\">\n                                    @for (exception of exceptions; track exception.date) {\n                                        <h3 class=\"hbll-header-item\">\n                                            {{ exception.date | date: 'MMM. d, y' }}\n                                        </h3>\n                                    } @empty {\n                                        No upcoming exceptions\n                                    }\n                                </div>\n                                <div class=\"hbll-header-hours\" data-testid=\"exceptionsHours\">\n                                    @for (exception of exceptions; track exception.date) {\n                                        <div class=\"hbll-header-item\"\n                                            [attr.title]=\"exception.exception_title\"\n                                            [attr.aria-label]=\"exception.exception_title\">\n                                        {{ exception.exception_title | truncate:32:'...' }}\n                                        </div>\n                                    }\n                                </div>\n                            } @else {\n                                <div class=\"lib-spinner\" data-testid=\"exceptionsSpinner\"></div>\n                            }\n                        </section>\n                        <section class=\"hbll-header-section\">\n                            <h2 class=\"hbll-header-header\">Library Cafe</h2>\n                            <div class=\"hbll-header-detail\">\n                                <h3 class=\"hbll-header-item\">Bagel Bubble</h3>\n                                <h3 class=\"hbll-header-item\">Provecho</h3>\n                            </div>\n                            <div class=\"hbll-header-hours\">\n                                <div class=\"hbll-header-item\">7:00 a.m. - 11:00 p.m.</div>\n                                <div class=\"hbll-header-item\">10:30 a.m. - 2:00 p.m.</div>\n                            </div>\n                        </section>\n                        <a [href]=\"mainsitebaseurl + '/about/hours'\"\n                            >See all hours\n                            <span class=\"material-symbols-outlined\"> chevron_right </span></a\n                        >\n                    </div>\n                }\n            </div>\n        }\n        <div id=\"accountInfo\" #accountInfo>\n            <button\n                (click)=\"isLoggedIn ? (showAccountDropdown = !showAccountDropdown) : login.emit()\"\n                class=\"hbll-header-wrapper\"\n                id=\"accountBtn\"\n                data-testid=\"accountBtn\"\n            >\n                <span class=\"material-symbols-outlined hbll-header-left-icon\"> person </span>\n                @if (!isScreenSmall()) {\n                    <span class=\"hbll-header-name\" data-testid=\"name\">{{\n                        isLoggedIn ? '&nbsp;' + name : 'Login'\n                    }}</span>\n                }\n                @if (isLoggedIn) {\n                    <span class=\"material-symbols-outlined\" data-testid=\"loginDropdown\">\n                        arrow_drop_down\n                    </span>\n                }\n            </button>\n            @if (isLoggedIn && showAccountDropdown) {\n                <div @libHbllFadeInOut id=\"accountDropdown\" data-testid=\"accountDropdown\">\n                    <a [href]=\"mainsitebaseurl + '/account'\">My Account</a>\n                    <a [href]=\"mainsitebaseurl + '/account'\">My Items</a>\n                    <a [href]=\"mainsitebaseurl + '/account/request'\">Request an item</a>\n                    <a [href]=\"mainsitebaseurl + '/account/saved'\">Saved</a>\n                    <a [href]=\"mainsitebaseurl + '/account/course'\">Courses</a>\n                    <a [href]=\"mainsitebaseurl + '/account/rooms'\">Rooms</a>\n                    <a [href]=\"mainsitebaseurl + '/account/preferences'\">Preferences</a>\n                    @if (showImpersonateButton()) {\n                        <button\n                            (click)=\"openImpersonationModal.emit(); showAccountDropdown = false\"\n                            class=\"hbll-header-impersonate-btn\"\n                        >\n                            Impersonate\n                        </button>\n                    }\n                    <button (click)=\"logout.emit()\" data-testid=\"logout\">Logout</button>\n                </div>\n            }\n        </div>\n        @if (isScreenSmall()) {\n            <div id=\"mobileNav\" [class.collapsed]=\"!showNavBar\">\n                <button\n                    class=\"hbll-header-wrapper\"\n                    data-testid=\"mobileNavBtn\"\n                    (click)=\"openSidebarNav()\"\n                >\n                    <span class=\"material-symbols-outlined hbll-header-icon\"> menu </span>\n                </button>\n                <div\n                    #navWrapper\n                    id=\"navWrapper\"\n                    data-testid=\"mobileNav\"\n                    [class.open]=\"showNavBar\"\n                    [attr.inert]=\"!showNavBar ? true : null\"\n                >\n                    <button\n                        id=\"closeMobileNavBtn\"\n                        class=\"hbll-header-wrapper\"\n                        data-testid=\"closeMobileNavBtn\"\n                        (click)=\"closeSidebarNav()\"\n                    >\n                        <span class=\"material-symbols-outlined hbll-header-icon\"> close </span>\n                    </button>\n                    <lib-nav-bar\n                        [mainSiteBaseUrl]=\"mainsitebaseurl\"\n                        [height]=\"mobileSidebarHeight\"\n                    />\n                </div>\n                <div\n                    #backdrop\n                    (click)=\"closeSidebarNav()\"\n                    class=\"hbll-nav-backdrop\"\n                    [class.open]=\"showNavBar\"\n                    data-testid=\"mobileNavBackdrop\"\n                ></div>\n            </div>\n        }\n    </div>\n</header>\n\n@if (!isScreenSmall()) {\n    <div id=\"mainNav\">\n        <lib-nav-bar [mainSiteBaseUrl]=\"mainsitebaseurl\" />\n    </div>\n}\n@if (isScreenSmall()) {\n    <a\n        id=\"mobileLibraryHours\"\n        [href]=\"mainsitebaseurl + '/about/hours'\"\n        class=\"hbll-header-wrapper\"\n        data-testid=\"mobileHours\"\n    >\n        <ng-container *ngTemplateOutlet=\"hoursTextBlock\"></ng-container>\n    </a>\n}\n\n<ng-template #hoursTextBlock>\n    @if (libraryHours()) {\n        <span class=\"material-symbols-outlined hbll-header-left-icon\"> schedule </span>\n        {{\n            libraryHours()?.is_closed\n                ? 'CLOSED'\n                : \"Today's hours: \" +\n                  (libraryHours()!.date | libraryHours: libraryHours()!.open_time) +\n                  ' - ' +\n                  (libraryHours()!.date | libraryHours: libraryHours()!.close_time)\n        }}\n    }\n</ng-template>\n", styles: [".lib-spinner{border:.3em solid #dfe9f7;border-top:.3em solid #4070b0;border-radius:100%;width:30px;height:30px;animation:loadingSpinnerAnimate 1s ease infinite;position:relative}@keyframes loadingSpinnerAnimate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box;text-decoration:none;font-size:1em}*:not(.material-symbols-outlined){font-family:inherit}.hbll-header-wrapper{display:flex;align-items:center;font-size:1em}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:static;width:auto;height:auto;overflow:visible;margin-left:.625rem;background:#fff;color:#00285b;font-size:.9375rem;font-weight:580;padding:.3125rem .625rem;z-index:1000;text-decoration:none;border:.1171875rem solid #0050b7;border-radius:.15625rem;cursor:pointer}.skip-link:hover{color:#00285b;background-color:#e3edf8;border:.1171875rem solid #e3edf8}.hbll-nav-backdrop{background-color:#000;opacity:.3;height:100vh;width:100vw;left:0;top:0;transform:translate(-100vw);position:absolute;z-index:-1}.hbll-nav-backdrop.open{animation-name:fadeIn;animation-duration:.15s;animation-timing-function:ease-in;animation-fill-mode:forwards}.hbll-nav-backdrop.is-closing{animation-name:fadeOut;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:forwards}#mobileLibraryHours{color:#141414;background-color:#e6e6e6;font-size:1em;min-height:2em}#mobileLibraryHours.hbll-header-wrapper{width:100%;justify-content:center;padding:.2em}.hbll-header-icon,.hbll-header-left-icon{font-size:1.2em}.hbll-header-left-icon{margin-right:.2em}header{background-color:#002e5d;display:flex;align-items:center}header a h1{font-size:100%;margin:0;height:1.8em}header a h1 img{height:100%;padding:0 0 0 .6em}header #libraryInfo{margin-left:auto;color:#fff}header #libraryInfo a,header #libraryInfo button{transition:color .2s ease-in-out;color:#fffc}header #libraryInfo a:hover,header #libraryInfo button:hover{color:#fff}header #libraryInfo #accountInfo button,header #libraryInfo #mobileNav button{padding:.8em .6em}header #libraryInfo #accountBtn .name{margin-left:.4em}header #libraryInfo #mobileNav{position:relative;z-index:11}header #libraryInfo #mobileNav.collapsed #navWrapper{left:-9999px;top:auto;overflow:hidden;width:1px;height:1px}header #libraryInfo #mobileNav.collapsed .hbll-nav-backdrop{display:none}header #libraryInfo #mobileNav.collapsed nav{left:-9999px;top:auto;overflow:hidden;width:1px;height:1px}header #libraryInfo #mobileNav #navWrapper{color:#fff;position:fixed;top:0}header #libraryInfo #mobileNav #navWrapper.open{animation-name:slideInFromRight;animation-duration:.2s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}header #libraryInfo #mobileNav #navWrapper.is-closing{animation-name:slideOutToRight;animation-duration:.2s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}header #libraryInfo #mobileNav #navWrapper #closeMobileNavBtn{background-color:#0047ba;margin-left:auto;padding-left:.9em}header #libraryInfo :last-child button{padding-right:1em!important}header #libraryInfo .hbll-header-icon,header #libraryInfo .hbll-header-left-icon{font-size:1.6em}header #libraryInfo #accountInfo{position:relative}header #libraryInfo #accountInfo #accountDropdown{font-size:1em;text-wrap:nowrap;position:absolute;background-color:#002e5d;top:100%;right:-32px;z-index:11;background-color:#233753}header #libraryInfo #accountInfo #accountDropdown .hbll-header-impersonate-btn{color:#ca7ad1cc}header #libraryInfo #accountInfo #accountDropdown .hbll-header-impersonate-btn:hover{color:#ca7ad1}header #libraryInfo #accountInfo #accountDropdown a,header #libraryInfo #accountInfo #accountDropdown button{display:block;width:100%;text-align:left;padding:.4em 1.2em;font-size:1.1em}header #libraryInfo #accountInfo #accountDropdown a:first-child,header #libraryInfo #accountInfo #accountDropdown button:first-child{margin-bottom:.4em;padding-top:.6em;padding-bottom:.6em;border-bottom:1px solid rgba(255,255,255,.3)}header #libraryInfo #accountInfo #accountDropdown a:last-child,header #libraryInfo #accountInfo #accountDropdown button:last-child{margin-top:.4em;border-top:1px solid rgba(255,255,255,.3);padding-top:.6em;padding-bottom:.6em}header #libraryInfo #accountInfo #accountDropdown:before{content:\"\";width:0;height:0;border-style:solid;border-width:0 .6em .6em .6em;border-color:transparent transparent hsl(214,41%,23%) transparent;position:absolute;bottom:100%;right:50%;transform:translate(50%);z-index:inherit}header.hbll-header-desktop{padding:0 2em}header.hbll-header-desktop #libraryInfo #mainLibraryHours{position:relative;margin-right:1em}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown{z-index:12;background-color:#fff;border-radius:4px;border:1px solid #d2d2d2;position:absolute;color:#000;padding:2em;top:100%;max-width:400%;right:50%;transform:translate(50%);margin-top:.6em;margin-right:1.25rem}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section{display:grid;grid-template-columns:repeat(4,7.5em);grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;margin-bottom:1em}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section h2{margin:0}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours-note{grid-column:2/-1;font-size:.8em;margin-top:1em}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours-note ul{list-style-type:disc;list-style-position:inside;margin-left:.8em;padding:0}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours-note ul li span{position:relative}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-header{font-weight:600;font-size:1em}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-detail,header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours{margin-top:.2em}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-detail .hbll-header-item+.hbll-header-item,header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours .hbll-header-item+.hbll-header-item{margin-top:.3em}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-detail h3,header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours h3{margin:0;font-size:inherit}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-detail{font-weight:600;white-space:nowrap}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours{white-space:nowrap}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown a{color:#4070b0;display:flex;align-items:center;float:right}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown a:hover{color:#6892ca}header.hbll-header-desktop #libraryInfo #accountInfo #accountDropdown{right:auto;left:50%;transform:translate(-50%)}button{background-color:transparent;border:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;padding:0}@keyframes slideInFromRight{0%{transform:translate(calc(min(100vw,400px) - 55px))}to{transform:translate(0)}}@keyframes slideOutToRight{0%{transform:translate(0)}to{transform:translate(min(100vw,400px))}}@keyframes fadeIn{0%{opacity:0}to{opacity:.3}}@keyframes fadeOut{0%{opacity:.3}to{opacity:0}}\n"] }]
+            args: [{ selector: 'lib-hbll-header', imports: [DatePipe, LibraryHoursPipe, CommonModule, NavBarComponent, TruncatePipe], animations: [libHbllFadeInOut], template: "<header\n    role=\"banner\"\n    class=\"hbll-header-wrapper\"\n    #header\n    [ngClass]=\"{ 'hbll-header-desktop': !isScreenSmall() }\"\n>\n    <a [href]=\"mainsitebaseurl\">\n        <h1>\n            <img\n                src=\"https://media.lib.byu.edu/web-assets/images/2.0.0/byu-hbll-logo-full.svg\"\n                alt=\"BYU Library Logo\"\n            />\n        </h1>\n    </a>\n    <button (click)=\"focusMainContent()\" class=\"sr-only sr-only-focusable skip-link\">Skip to main content</button>\n    <div id=\"libraryInfo\" class=\"hbll-header-wrapper\">\n        @if (!isScreenSmall()) {\n            <div #hours id=\"mainLibraryHours\" data-testid=\"desktopHours\">\n                <button\n                    (click)=\"showLibraryHours = !showLibraryHours\"\n                    class=\"hbll-header-wrapper\"\n                    data-testid=\"hoursBtn\"\n                >\n                    <ng-container *ngTemplateOutlet=\"hoursTextBlock\"></ng-container>\n                </button>\n                @if (!isScreenSmall() && showLibraryHours) {\n                    <div\n                        @libHbllFadeInOut\n                        id=\"libraryHoursDropdown\"\n                        data-testid=\"libraryHoursDropdown\"\n                    >\n                        <section class=\"hbll-header-section\">\n                            <h2 class=\"hbll-header-header\">Regular Hours</h2>\n                            <div class=\"hbll-header-detail\">\n                                <h3 class=\"hbll-header-item\">Monday - Friday</h3>\n                                <h3 class=\"hbll-header-item\">Saturday</h3>\n                                <h3 class=\"hbll-header-item\">Sunday</h3>\n                            </div>\n                            <div class=\"hbll-header-hours\">\n                                <div class=\"hbll-header-item\">7:00 a.m. - 11:45 p.m.</div>\n                                <div class=\"hbll-header-item\">8:00 a.m. - 11:45 p.m.</div>\n                                <div class=\"hbll-header-item\">Closed*</div>\n                            </div>\n                            <div class=\"hbll-header-hours-note\">\n                                * Family history ONLY 4:00 p.m. - 8:00 p.m\n                                <ul>\n                                    <li><span>No checkouts after 11:45 p.m.</span></li>\n                                    <li>\n                                        <span>All services closed 10:45 to noon on Tuesdays</span>\n                                    </li>\n                                </ul>\n                            </div>\n                        </section>\n                        <section class=\"hbll-header-section\">\n                            <h2 class=\"hbll-header-header\">Upcoming Exceptions</h2>\n                            @if (hoursExceptions$ | async; as exceptions) {\n                                <div class=\"hbll-header-detail\" data-testid=\"exceptionsDetail\">\n                                    @for (exception of exceptions; track exception.date) {\n                                        <h3 class=\"hbll-header-item\">\n                                            {{ exception.date | date: 'MMM. d, y' }}\n                                        </h3>\n                                    } @empty {\n                                        No upcoming exceptions\n                                    }\n                                </div>\n                                <div class=\"hbll-header-hours\" data-testid=\"exceptionsHours\">\n                                    @for (exception of exceptions; track exception.date) {\n                                        <div class=\"hbll-header-item\"\n                                            [attr.title]=\"exception.exception_title\"\n                                            [attr.aria-label]=\"exception.exception_title\">\n                                        {{ exception.exception_title | truncate:32:'...' }}\n                                        </div>\n                                    }\n                                </div>\n                            } @else {\n                                <div class=\"lib-spinner\" data-testid=\"exceptionsSpinner\"></div>\n                            }\n                        </section>\n                        <section class=\"hbll-header-section\">\n                            <h2 class=\"hbll-header-header\">Library Cafe</h2>\n                            <div class=\"hbll-header-detail\">\n                                <h3 class=\"hbll-header-item\">Bagel Bubble</h3>\n                                <h3 class=\"hbll-header-item\">Provecho</h3>\n                            </div>\n                            <div class=\"hbll-header-hours\">\n                                <div class=\"hbll-header-item\">7:00 a.m. - 11:00 p.m.</div>\n                                <div class=\"hbll-header-item\">10:30 a.m. - 2:00 p.m.</div>\n                            </div>\n                        </section>\n                        <a [href]=\"mainsitebaseurl + '/about/hours'\"\n                            >See all hours\n                            <span class=\"material-symbols-outlined\"> chevron_right </span></a\n                        >\n                    </div>\n                }\n            </div>\n        }\n        <div id=\"accountInfo\" #accountInfo>\n            <button\n                (click)=\"isLoggedIn ? (showAccountDropdown = !showAccountDropdown) : login.emit()\"\n                class=\"hbll-header-wrapper\"\n                id=\"accountBtn\"\n                data-testid=\"accountBtn\"\n            >\n                <span class=\"material-symbols-outlined hbll-header-left-icon\"> person </span>\n                @if (!isScreenSmall()) {\n                    <span class=\"hbll-header-name\" data-testid=\"name\">{{\n                        isLoggedIn ? '&nbsp;' + name : 'Login'\n                    }}</span>\n                }\n                @if (isLoggedIn) {\n                    <span class=\"material-symbols-outlined\" data-testid=\"loginDropdown\">\n                        arrow_drop_down\n                    </span>\n                }\n            </button>\n            @if (isLoggedIn && showAccountDropdown) {\n                <div @libHbllFadeInOut id=\"accountDropdown\" data-testid=\"accountDropdown\">\n                    <a [href]=\"mainsitebaseurl + '/account'\">My Account</a>\n                    <a [href]=\"mainsitebaseurl + '/account'\">My Items</a>\n                    <a [href]=\"mainsitebaseurl + '/account/request'\">Request an item</a>\n                    <a [href]=\"mainsitebaseurl + '/account/saved'\">Saved</a>\n                    <a [href]=\"mainsitebaseurl + '/account/course'\">Courses</a>\n                    <a [href]=\"mainsitebaseurl + '/account/rooms'\">Rooms</a>\n                    <a [href]=\"mainsitebaseurl + '/account/preferences'\">Preferences</a>\n                    @if (showImpersonateButton()) {\n                        <button\n                            (click)=\"openImpersonationModal.emit(); showAccountDropdown = false\"\n                            class=\"hbll-header-impersonate-btn\"\n                        >\n                            Impersonate\n                        </button>\n                    }\n                    <button (click)=\"logout.emit()\" data-testid=\"logout\">Logout</button>\n                </div>\n            }\n        </div>\n        @if (isScreenSmall()) {\n            <div id=\"mobileNav\" [class.collapsed]=\"!showNavBar\">\n                <button\n                    class=\"hbll-header-wrapper\"\n                    data-testid=\"mobileNavBtn\"\n                    (click)=\"openSidebarNav()\"\n                >\n                    <span class=\"material-symbols-outlined hbll-header-icon\"> menu </span>\n                </button>\n                <div\n                    #navWrapper\n                    id=\"navWrapper\"\n                    data-testid=\"mobileNav\"\n                    [class.open]=\"showNavBar\"\n                    [attr.inert]=\"!showNavBar ? true : null\"\n                >\n                    <button\n                        id=\"closeMobileNavBtn\"\n                        class=\"hbll-header-wrapper\"\n                        data-testid=\"closeMobileNavBtn\"\n                        (click)=\"closeSidebarNav()\"\n                    >\n                        <span class=\"material-symbols-outlined hbll-header-icon\"> close </span>\n                    </button>\n                    <lib-nav-bar\n                        [mainSiteBaseUrl]=\"mainsitebaseurl\"\n                        [height]=\"mobileSidebarHeight\"\n                    />\n                </div>\n                <div\n                    #backdrop\n                    (click)=\"closeSidebarNav()\"\n                    class=\"hbll-nav-backdrop\"\n                    [class.open]=\"showNavBar\"\n                    data-testid=\"mobileNavBackdrop\"\n                ></div>\n            </div>\n        }\n    </div>\n</header>\n\n@if (!isScreenSmall()) {\n    <div id=\"mainNav\">\n        <lib-nav-bar [mainSiteBaseUrl]=\"mainsitebaseurl\" />\n    </div>\n}\n@if (isScreenSmall()) {\n    <a\n        id=\"mobileLibraryHours\"\n        [href]=\"mainsitebaseurl + '/about/hours'\"\n        class=\"hbll-header-wrapper\"\n        data-testid=\"mobileHours\"\n    >\n        <ng-container *ngTemplateOutlet=\"hoursTextBlock\"></ng-container>\n    </a>\n}\n\n<ng-template #hoursTextBlock>\n    @if (libraryHours()) {\n        <span class=\"material-symbols-outlined hbll-header-left-icon\"> schedule </span>\n        {{\n            libraryHours()?.is_closed\n                ? 'CLOSED'\n                : \"Today's hours: \" +\n                  (libraryHours()!.date | libraryHours: libraryHours()!.open_time) +\n                  ' - ' +\n                  (libraryHours()!.date | libraryHours: libraryHours()!.close_time)\n        }}\n    }\n</ng-template>\n", styles: [".lib-spinner{border:.3em solid #dfe9f7;border-top:.3em solid #4070b0;border-radius:100%;width:30px;height:30px;animation:loadingSpinnerAnimate 1s ease infinite;position:relative}@keyframes loadingSpinnerAnimate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box;text-decoration:none;font-size:1em}*:not(.material-symbols-outlined){font-family:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only.sr-only-focusable:focus,.sr-only.sr-only-focusable:focus-within,.sr-only.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.hbll-header-wrapper{display:flex;align-items:center;font-size:1em}.skip-link{margin-left:.625rem;background:#fff;color:#00285b;font-size:.9375rem;font-weight:580;padding:.3125rem .625rem;text-decoration:none;border:.1171875rem solid #0050b7;border-radius:.15625rem;cursor:pointer;outline:.1875rem solid #b967c7;outline-offset:-.1875rem;border-radius:.25rem}.skip-link:hover{color:#00285b;background-color:#e3edf8;border:.1171875rem solid #e3edf8}.hbll-nav-backdrop{background-color:#000;opacity:.3;height:100vh;width:100vw;left:0;top:0;transform:translate(-100vw);position:absolute;z-index:-1}.hbll-nav-backdrop.open{animation-name:fadeIn;animation-duration:.15s;animation-timing-function:ease-in;animation-fill-mode:forwards}.hbll-nav-backdrop.is-closing{animation-name:fadeOut;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:forwards}#mobileLibraryHours{color:#141414;background-color:#e6e6e6;font-size:1em;min-height:2em}#mobileLibraryHours.hbll-header-wrapper{width:100%;justify-content:center;padding:.2em}.hbll-header-icon,.hbll-header-left-icon{font-size:1.2em}.hbll-header-left-icon{margin-right:.2em}header{background-color:#002e5d;display:flex;align-items:center}header a h1{font-size:100%;margin:0;height:1.8em}header a h1 img{height:100%;padding:0 0 0 .6em}header #libraryInfo{margin-left:auto;color:#fff}header #libraryInfo a,header #libraryInfo button{transition:color .2s ease-in-out;color:#fffc}header #libraryInfo a:hover,header #libraryInfo button:hover{color:#fff}header #libraryInfo #accountInfo button,header #libraryInfo #mobileNav button{padding:.8em .6em}header #libraryInfo #accountBtn .name{margin-left:.4em}header #libraryInfo #mobileNav{position:relative;z-index:11}header #libraryInfo #mobileNav.collapsed #navWrapper{left:-9999px;top:auto;overflow:hidden;width:1px;height:1px}header #libraryInfo #mobileNav.collapsed .hbll-nav-backdrop{display:none}header #libraryInfo #mobileNav.collapsed nav{left:-9999px;top:auto;overflow:hidden;width:1px;height:1px}header #libraryInfo #mobileNav #navWrapper{color:#fff;position:fixed;top:0}header #libraryInfo #mobileNav #navWrapper.open{animation-name:slideInFromRight;animation-duration:.2s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}header #libraryInfo #mobileNav #navWrapper.is-closing{animation-name:slideOutToRight;animation-duration:.2s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}header #libraryInfo #mobileNav #navWrapper #closeMobileNavBtn{background-color:#0047ba;margin-left:auto;padding-left:.9em}header #libraryInfo :last-child button{padding-right:1em!important}header #libraryInfo .hbll-header-icon,header #libraryInfo .hbll-header-left-icon{font-size:1.6em}header #libraryInfo #accountInfo{position:relative}header #libraryInfo #accountInfo #accountDropdown{font-size:1em;text-wrap:nowrap;position:absolute;background-color:#002e5d;top:100%;right:-32px;z-index:11;background-color:#233753}header #libraryInfo #accountInfo #accountDropdown .hbll-header-impersonate-btn{color:#ca7ad1cc}header #libraryInfo #accountInfo #accountDropdown .hbll-header-impersonate-btn:hover{color:#ca7ad1}header #libraryInfo #accountInfo #accountDropdown a,header #libraryInfo #accountInfo #accountDropdown button{display:block;width:100%;text-align:left;padding:.4em 1.2em;font-size:1.1em}header #libraryInfo #accountInfo #accountDropdown a:first-child,header #libraryInfo #accountInfo #accountDropdown button:first-child{margin-bottom:.4em;padding-top:.6em;padding-bottom:.6em;border-bottom:1px solid rgba(255,255,255,.3)}header #libraryInfo #accountInfo #accountDropdown a:last-child,header #libraryInfo #accountInfo #accountDropdown button:last-child{margin-top:.4em;border-top:1px solid rgba(255,255,255,.3);padding-top:.6em;padding-bottom:.6em}header #libraryInfo #accountInfo #accountDropdown:before{content:\"\";width:0;height:0;border-style:solid;border-width:0 .6em .6em .6em;border-color:transparent transparent hsl(214,41%,23%) transparent;position:absolute;bottom:100%;right:50%;transform:translate(50%);z-index:inherit}header.hbll-header-desktop{padding:0 2em}header.hbll-header-desktop #libraryInfo #mainLibraryHours{position:relative;margin-right:1em}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown{z-index:12;background-color:#fff;border-radius:4px;border:1px solid #d2d2d2;position:absolute;color:#000;padding:2em;top:100%;max-width:400%;right:50%;transform:translate(50%);margin-top:.6em;margin-right:1.25rem}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section{display:grid;grid-template-columns:repeat(4,7.5em);grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;margin-bottom:1em}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section h2{margin:0}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours-note{grid-column:2/-1;font-size:.8em;margin-top:1em}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours-note ul{list-style-type:disc;list-style-position:inside;margin-left:.8em;padding:0}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours-note ul li span{position:relative}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-header{font-weight:600;font-size:1em}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-detail,header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours{margin-top:.2em}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-detail .hbll-header-item+.hbll-header-item,header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours .hbll-header-item+.hbll-header-item{margin-top:.3em}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-detail h3,header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours h3{margin:0;font-size:inherit}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-detail{font-weight:600;white-space:nowrap}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown .hbll-header-section .hbll-header-hours{white-space:nowrap}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown a{color:#4070b0;display:flex;align-items:center;float:right}header.hbll-header-desktop #libraryInfo #mainLibraryHours #libraryHoursDropdown a:hover{color:#6892ca}header.hbll-header-desktop #libraryInfo #accountInfo #accountDropdown{right:auto;left:50%;transform:translate(-50%)}button{background-color:transparent;border:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;padding:0}button:focus-visible{outline:.1875rem solid #b967c7;outline-offset:-.1875rem;border-radius:.25rem}a:focus-visible{outline:.1875rem solid #b967c7;outline-offset:-.1875rem;border-radius:.25rem}@keyframes slideInFromRight{0%{transform:translate(calc(min(100vw,400px) - 55px))}to{transform:translate(0)}}@keyframes slideOutToRight{0%{transform:translate(0)}to{transform:translate(min(100vw,400px))}}@keyframes fadeIn{0%{opacity:0}to{opacity:.3}}@keyframes fadeOut{0%{opacity:.3}to{opacity:0}}\n"] }]
         }], propDecorators: { header: [{
                 type: ViewChild,
                 args: ['header']
@@ -630,9 +628,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 type: Output
             }], logout: [{
                 type: Output
-            }], accountInfoEl: [{ type: i0.ViewChild, args: ['accountInfo', { isSignal: true }] }], hoursEl: [{ type: i0.ViewChild, args: ['hours', { isSignal: true }] }], onResize: [{
+            }], accountInfoEl: [{ type: i0.ViewChild, args: ['accountInfo', { isSignal: true }] }], hoursEl: [{ type: i0.ViewChild, args: ['hours', { isSignal: true }] }], setMobileSidebarHeight: [{
                 type: HostListener,
-                args: ['window:resize', ['$event']]
+                args: ['window:resize']
             }] } });
 
 const typeToIconMap = {
@@ -801,6 +799,250 @@ const getUserStatusFromRoles = (roles) => {
     return userStatus;
 };
 
+/**
+ * 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>
+ * ```
+ */
+class ButtonComponent {
+    constructor() {
+        this.buttonType = 'primary';
+        this.disabled = false;
+        this.isThin = false;
+        this.buttonClick = new EventEmitter();
+        // Recognized named colors that map to foundation SCSS/CSS variables.
+        // If the project exposes CSS variables like `--color-red-300`, `--color-green-300`,
+        // these will be used. Otherwise pass a raw color string (hex, rgb, etc.).
+        this.namedColors = [
+            'red',
+            'green',
+            'teal',
+            'purple',
+            'blue',
+            'orange',
+            'yellow',
+            'gray',
+            'pink',
+            'indigo',
+            'lime',
+        ];
+    }
+    get computedBg() {
+        if (!this.color)
+            return null;
+        const name = this.color.trim().toLowerCase();
+        if (this.namedColors.includes(name)) {
+            // Try common CSS variable names first, then fall back to the raw color name.
+            return `var(--color-${name}-300, var(--color-${name}, ${name}))`;
+        }
+        return this.color;
+    }
+    get computedBgHover() {
+        if (!this.color)
+            return null;
+        const name = this.color.trim().toLowerCase();
+        if (this.namedColors.includes(name)) {
+            return `var(--color-${name}-400, var(--color-${name}, ${name}))`;
+        }
+        return this.color;
+    }
+    /**
+     * Handles button click events and emits the buttonClick event if the button is not disabled.
+     */
+    onButtonClick() {
+        if (!this.disabled) {
+            this.buttonClick.emit();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ButtonComponent, isStandalone: true, selector: "lib-button", inputs: { buttonType: "buttonType", title: "title", iconBefore: "iconBefore", iconAfter: "iconAfter", disabled: "disabled", isThin: "isThin", ariaLabel: "ariaLabel", minWidth: "minWidth", pill: "pill", color: "color" }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "style.--min-width": "minWidth", "style.--btn-bg": "computedBg", "style.--btn-bg-hover": "computedBgHover" } }, ngImport: i0, template: "<button\n    type=\"button\"\n    [class]=\"\n        'btn btn-' + buttonType + \n        (isThin ? ' btn-thin' : '') + \n        (title ? '' : ' btn-icon-only') + \n        (pill ? ' btn-pill' : '')\"\n    [disabled]=\"disabled\"\n    [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n    (click)=\"onButtonClick()\"\n    [attr.tabindex]=\"disabled ? -1 : 0\"\n>\n    @if (iconBefore) {\n        <span class=\"icon material-symbols-outlined\" [ngClass]=\"{ 'icon-before': title }\">{{ iconBefore }}</span>\n    }\n\n    @if (title) {\n        <span class=\"button-title\">{{ title }}</span>\n    }\n\n    @if (iconAfter) {\n        <span class=\"icon icon-after material-symbols-outlined\">{{ iconAfter }}</span>\n    }\n</button>\n", styles: [".btn{min-width:var(--min-width, auto);padding:.75rem 1.5rem;border-radius:.25rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;justify-content:center;outline:none;line-height:1.5rem}.btn.btn-thin{padding:.25rem 1.25rem;border-radius:.5rem;font-weight:400}.btn.btn-thin .icon img{height:1.25rem}.btn:disabled{cursor:not-allowed;color:#737373}.btn:disabled:not(.btn-transparent){background-color:#e7e7e7;border:.0625rem solid #737373}.btn:focus-visible{outline:.125rem solid #b967c7;outline-offset:.125rem}.btn .icon{display:flex;align-items:center;justify-content:center}.btn .icon img{height:1.5rem;width:auto}.btn .icon.icon-before{margin-right:.25rem}.btn .icon.icon-after{margin-left:.25rem}.btn .button-title{white-space:normal;word-break:break-word}.btn-icon-only{padding:.75rem}.btn-primary{background-color:var(--btn-bg, #0047ba);color:#fff;border:.0625rem solid var(--btn-bg, #0047ba)}.btn-primary:hover:not(:disabled){background-color:var(--btn-bg-hover, #003995)}.btn-secondary{background-color:#fff;color:#00245d;border:.0625rem solid #0047ba}.btn-secondary:hover:not(:disabled){background-color:#e5edf8}.btn-transparent{background-color:transparent;color:#00245d}.btn-transparent:hover:not(:disabled){background-color:#e5edf8}.btn.btn-pill{border-radius:62.5rem;display:inline-flex;vertical-align:middle}.btn.btn-pill.btn-icon-only{height:1.5rem;width:1.5rem;padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-button', standalone: true, imports: [CommonModule], host: {
+                        '[style.--min-width]': 'minWidth',
+                        '[style.--btn-bg]': 'computedBg',
+                        '[style.--btn-bg-hover]': 'computedBgHover',
+                    }, template: "<button\n    type=\"button\"\n    [class]=\"\n        'btn btn-' + buttonType + \n        (isThin ? ' btn-thin' : '') + \n        (title ? '' : ' btn-icon-only') + \n        (pill ? ' btn-pill' : '')\"\n    [disabled]=\"disabled\"\n    [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n    (click)=\"onButtonClick()\"\n    [attr.tabindex]=\"disabled ? -1 : 0\"\n>\n    @if (iconBefore) {\n        <span class=\"icon material-symbols-outlined\" [ngClass]=\"{ 'icon-before': title }\">{{ iconBefore }}</span>\n    }\n\n    @if (title) {\n        <span class=\"button-title\">{{ title }}</span>\n    }\n\n    @if (iconAfter) {\n        <span class=\"icon icon-after material-symbols-outlined\">{{ iconAfter }}</span>\n    }\n</button>\n", styles: [".btn{min-width:var(--min-width, auto);padding:.75rem 1.5rem;border-radius:.25rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;justify-content:center;outline:none;line-height:1.5rem}.btn.btn-thin{padding:.25rem 1.25rem;border-radius:.5rem;font-weight:400}.btn.btn-thin .icon img{height:1.25rem}.btn:disabled{cursor:not-allowed;color:#737373}.btn:disabled:not(.btn-transparent){background-color:#e7e7e7;border:.0625rem solid #737373}.btn:focus-visible{outline:.125rem solid #b967c7;outline-offset:.125rem}.btn .icon{display:flex;align-items:center;justify-content:center}.btn .icon img{height:1.5rem;width:auto}.btn .icon.icon-before{margin-right:.25rem}.btn .icon.icon-after{margin-left:.25rem}.btn .button-title{white-space:normal;word-break:break-word}.btn-icon-only{padding:.75rem}.btn-primary{background-color:var(--btn-bg, #0047ba);color:#fff;border:.0625rem solid var(--btn-bg, #0047ba)}.btn-primary:hover:not(:disabled){background-color:var(--btn-bg-hover, #003995)}.btn-secondary{background-color:#fff;color:#00245d;border:.0625rem solid #0047ba}.btn-secondary:hover:not(:disabled){background-color:#e5edf8}.btn-transparent{background-color:transparent;color:#00245d}.btn-transparent:hover:not(:disabled){background-color:#e5edf8}.btn.btn-pill{border-radius:62.5rem;display:inline-flex;vertical-align:middle}.btn.btn-pill.btn-icon-only{height:1.5rem;width:1.5rem;padding:0}\n"] }]
+        }], propDecorators: { buttonType: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], iconBefore: [{
+                type: Input
+            }], iconAfter: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], isThin: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], minWidth: [{
+                type: Input
+            }], pill: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], buttonClick: [{
+                type: Output
+            }] } });
+
+/**
+ * A link component that supports basic and inline variants
+ * with optional left and right icons.
+ *
+ * @example
+ * ```html
+ * <lib-link text="Link item" href="/details"></lib-link>
+ *
+ * <lib-link
+ *   text="Inline link"
+ *   type="inline"
+ *   href="/details">
+ * </lib-link>
+ *
+ * <lib-link
+ *   text="Disabled link"
+ *   [disabled]="true">
+ * </lib-link>
+ * ```
+ */
+class LinkComponent {
+    constructor() {
+        this.text = '';
+        this.type = 'basic';
+        this.state = 'default';
+        this.disabled = false;
+        this.linkClick = new EventEmitter();
+    }
+    get computedState() {
+        return this.disabled ? 'disabled' : this.state;
+    }
+    get hasLeftIcon() {
+        return this.leftIcon !== undefined;
+    }
+    get hasRightIcon() {
+        return this.rightIcon !== undefined;
+    }
+    get computedLeftIcon() {
+        return this.leftIcon || '';
+    }
+    get computedRightIcon() {
+        return this.rightIcon || '';
+    }
+    get computedHref() {
+        if (this.computedState === 'disabled') {
+            return null;
+        }
+        return this.href ?? null;
+    }
+    get computedRel() {
+        if (this.rel) {
+            return this.rel;
+        }
+        if (this.target === '_blank') {
+            return 'noopener noreferrer';
+        }
+        return null;
+    }
+    get computedAriaLabel() {
+        if (this.ariaLabel) {
+            return this.ariaLabel;
+        }
+        if (this.text) {
+            return this.text;
+        }
+        if (this.textHtml) {
+            return this.textHtml.replace(/<[^>]*>/g, '').trim();
+        }
+        if (this.imageAlt) {
+            return this.imageAlt;
+        }
+        return '';
+    }
+    onClick(event) {
+        if (this.computedState === 'disabled') {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+            return;
+        }
+        this.linkClick.emit(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.15", type: LinkComponent, isStandalone: true, selector: "lib-link", inputs: { text: "text", textHtml: "textHtml", imageSrc: "imageSrc", imageAlt: "imageAlt", imageTitle: "imageTitle", imageClass: "imageClass", href: "href", target: "target", rel: "rel", type: "type", state: "state", disabled: ["disabled", "disabled", booleanAttribute], leftIcon: "leftIcon", rightIcon: "rightIcon", ariaLabel: "ariaLabel" }, outputs: { linkClick: "linkClick" }, ngImport: i0, template: "<a\n    class=\"link\"\n    [ngClass]=\"[\n        'link--' + type,\n        'link--state-' + computedState,\n        computedState === 'disabled' ? 'link--disabled' : ''\n    ]\"\n    [attr.href]=\"computedHref\"\n    [attr.target]=\"target\"\n    [attr.rel]=\"computedRel\"\n    [attr.aria-disabled]=\"computedState === 'disabled'\"\n    [attr.aria-label]=\"computedAriaLabel\"\n    [attr.tabindex]=\"computedState === 'disabled' ? -1 : 0\"\n    (click)=\"onClick($event)\"\n>\n    <span\n        *ngIf=\"hasLeftIcon\"\n        class=\"material-symbols-outlined link__icon link__icon--left\"\n        aria-hidden=\"true\"\n    >\n        {{ computedLeftIcon }}\n    </span>\n    <ng-container *ngIf=\"imageSrc; else textContent\">\n        <img\n            [src]=\"imageSrc\"\n            [attr.alt]=\"imageAlt || ''\"\n            [attr.title]=\"imageTitle || null\"\n            [class]=\"imageClass || null\"\n        />\n    </ng-container>\n    <ng-template #textContent>\n        <span class=\"link__text\" *ngIf=\"textHtml; else plainText\" [innerHTML]=\"textHtml\"></span>\n        <ng-template #plainText>\n            <span class=\"link__text\">{{ text }}</span>\n        </ng-template>\n    </ng-template>\n    <span\n        *ngIf=\"hasRightIcon\"\n        class=\"material-symbols-outlined link__icon link__icon--right\"\n        aria-hidden=\"true\"\n    >\n        {{ computedRightIcon }}\n    </span>\n</a>\n", styles: ["html{border:0;margin:0;padding:0;-webkit-text-size-adjust:100%}body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}:root{--color-navy: #00245d;--color-royal: #0047ba;--color-white: #ffffff;--color-blue-500: #00245d;--color-blue-400: #003995;--color-blue-300: #0047ba;--color-blue-200: #336cc8;--color-blue-150: #ccdaf1;--color-blue-100: #e5edf8;--color-gray-500: #141414;--color-gray-400: #737373;--color-gray-300: #8f8f8f;--color-gray-200: #d0d0d0;--color-gray-100: #e7e7e7;--color-gray-50: #f9f9f9;--color-gray-brand-400: #737373;--color-green-500: #1d562e;--color-green-400: #2e8545;--color-green-300: #3ba35a;--color-green-200: #9dd1ac;--color-green-100: #ebf6ee;--color-teal-500: #26485f;--color-teal-400: #3e7295;--color-teal-300: #457fa6;--color-teal-200: #a2bfd3;--color-teal-100: #ecf2f6;--color-red-500: #702121;--color-red-400: #b33837;--color-red-300: #c73e3d;--color-red-200: #e39e9e;--color-red-100: #f9ecec;--color-yellow-500: #635f04;--color-yellow-400: #928c30;--color-yellow-300: #d1c844;--color-yellow-200: #e8e3a1;--color-yellow-100: #f2f0e9;--color-purple-focus: #b967c7;--text-heading: #002e5d;--text-secondary-heading: #737373;--text-body: #141414;--text-disabled: #737373;--text-link: #336cc8;--text-on-action: #ffffff;--text-success: #1d562e;--text-info: #26485f;--text-error: #702121;--text-warning: #635f04;--surface-success: #ebf6ee;--surface-info: #ecf2f6;--surface-error: #f9ecec;--surface-warning: #f2f0e9;--focus-ring-color: #b967c7}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Light.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Regular.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Semibold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Bold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-LightItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Italic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-SemiboldItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-BoldItalic.ttf) format(\"truetype\");font-display:swap}h1,h2,h3,h4,h5,h6,span:not(.material-symbols-outlined),a,p{font-family:Source Sans Pro}h1{font-weight:300;font-style:normal;color:var(--text-heading)}h2{font-weight:400;font-style:normal;color:var(--text-heading)}h3{font-weight:700;font-style:normal;color:var(--text-heading)}h4,h5,h6{font-weight:600;font-style:normal;color:var(--text-secondary-heading)}.hbll-default-body{font-weight:400;font-style:normal;max-width:35rem;min-width:22.25rem;color:var(--text-body)}.hbll-caption{font-weight:400;font-style:normal;max-width:25.25rem;min-width:17.5rem;color:var(--text-body)}.hbll-large{font-weight:400;font-style:normal;max-width:41.25rem;min-width:26.5rem;color:var(--text-body)}a{color:var(--text-link);text-decoration:underline}.hbll-emphasis{font-weight:600}h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.75rem;line-height:2.25rem}h3,h4{font-size:1.5rem;line-height:2rem}h5,h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:.875rem;line-height:1.25rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1rem;line-height:1.5rem}@media screen and (min-width: 52.125em){h1{font-size:3rem;line-height:3.5rem}h2{font-size:2.5rem;line-height:3rem}h3{font-size:2rem;line-height:3rem}h4{font-size:1.75rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}@media screen and (min-width: 90em){h1{font-size:3.75rem;line-height:4.25rem}h2{font-size:3rem;line-height:3.5rem}h3{font-size:2.5rem;line-height:3rem}h4{font-size:2rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only.sr-only-focusable:focus,.sr-only.sr-only-focusable:focus-within,.sr-only.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.link{--link-color-default: #0047ba;--link-color-hover-inline: #00245d;--link-background-hover-basic: #e5edf8;--link-color-disabled: #737373;--link-icon-disabled: #737373;--link-background-disabled: #f9f9f9;align-items:center;background-color:transparent;border-radius:.25rem;color:var(--link-color-default);cursor:pointer;display:inline-flex;font-weight:400;gap:.25rem;padding:.25rem;position:relative;text-decoration:none}.link:after{border:.125rem solid #b967c7;border-radius:.25rem;content:\"\";inset:-.25rem;opacity:0;position:absolute;transition:opacity .15s ease-in-out;pointer-events:none}.link:focus-visible:after{opacity:1}.link:focus-visible{outline:none}.link.link--basic:hover:not(.link--disabled){background-color:#e5edf880}.link.link--inline:hover:not(.link--disabled){color:var(--link-color-hover-inline)}.link.link--state-hover.link--basic{background-color:#e5edf880}.link.link--state-hover.link--inline{color:var(--link-color-hover-inline)}.link.link--disabled,.link.link--state-disabled{background-color:#f9f9f980;color:var(--link-color-disabled);cursor:default;pointer-events:none}.link--inline{padding-top:0;padding-bottom:0}.link--inline a{padding:0}.link--inline:hover:not(.link--disabled) .link__text,.link--inline.link--state-hover .link__text{text-decoration:underline}.link__icon{align-items:center;color:inherit;display:inline-flex;justify-content:center;height:1.25rem}.link--disabled .link__icon,.link--state-disabled .link__icon{color:var(--link-icon-disabled)}.link__text{align-items:center;display:inline-flex}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LinkComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-link', standalone: true, imports: [CommonModule], template: "<a\n    class=\"link\"\n    [ngClass]=\"[\n        'link--' + type,\n        'link--state-' + computedState,\n        computedState === 'disabled' ? 'link--disabled' : ''\n    ]\"\n    [attr.href]=\"computedHref\"\n    [attr.target]=\"target\"\n    [attr.rel]=\"computedRel\"\n    [attr.aria-disabled]=\"computedState === 'disabled'\"\n    [attr.aria-label]=\"computedAriaLabel\"\n    [attr.tabindex]=\"computedState === 'disabled' ? -1 : 0\"\n    (click)=\"onClick($event)\"\n>\n    <span\n        *ngIf=\"hasLeftIcon\"\n        class=\"material-symbols-outlined link__icon link__icon--left\"\n        aria-hidden=\"true\"\n    >\n        {{ computedLeftIcon }}\n    </span>\n    <ng-container *ngIf=\"imageSrc; else textContent\">\n        <img\n            [src]=\"imageSrc\"\n            [attr.alt]=\"imageAlt || ''\"\n            [attr.title]=\"imageTitle || null\"\n            [class]=\"imageClass || null\"\n        />\n    </ng-container>\n    <ng-template #textContent>\n        <span class=\"link__text\" *ngIf=\"textHtml; else plainText\" [innerHTML]=\"textHtml\"></span>\n        <ng-template #plainText>\n            <span class=\"link__text\">{{ text }}</span>\n        </ng-template>\n    </ng-template>\n    <span\n        *ngIf=\"hasRightIcon\"\n        class=\"material-symbols-outlined link__icon link__icon--right\"\n        aria-hidden=\"true\"\n    >\n        {{ computedRightIcon }}\n    </span>\n</a>\n", styles: ["html{border:0;margin:0;padding:0;-webkit-text-size-adjust:100%}body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}:root{--color-navy: #00245d;--color-royal: #0047ba;--color-white: #ffffff;--color-blue-500: #00245d;--color-blue-400: #003995;--color-blue-300: #0047ba;--color-blue-200: #336cc8;--color-blue-150: #ccdaf1;--color-blue-100: #e5edf8;--color-gray-500: #141414;--color-gray-400: #737373;--color-gray-300: #8f8f8f;--color-gray-200: #d0d0d0;--color-gray-100: #e7e7e7;--color-gray-50: #f9f9f9;--color-gray-brand-400: #737373;--color-green-500: #1d562e;--color-green-400: #2e8545;--color-green-300: #3ba35a;--color-green-200: #9dd1ac;--color-green-100: #ebf6ee;--color-teal-500: #26485f;--color-teal-400: #3e7295;--color-teal-300: #457fa6;--color-teal-200: #a2bfd3;--color-teal-100: #ecf2f6;--color-red-500: #702121;--color-red-400: #b33837;--color-red-300: #c73e3d;--color-red-200: #e39e9e;--color-red-100: #f9ecec;--color-yellow-500: #635f04;--color-yellow-400: #928c30;--color-yellow-300: #d1c844;--color-yellow-200: #e8e3a1;--color-yellow-100: #f2f0e9;--color-purple-focus: #b967c7;--text-heading: #002e5d;--text-secondary-heading: #737373;--text-body: #141414;--text-disabled: #737373;--text-link: #336cc8;--text-on-action: #ffffff;--text-success: #1d562e;--text-info: #26485f;--text-error: #702121;--text-warning: #635f04;--surface-success: #ebf6ee;--surface-info: #ecf2f6;--surface-error: #f9ecec;--surface-warning: #f2f0e9;--focus-ring-color: #b967c7}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Light.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Regular.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Semibold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Bold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-LightItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Italic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-SemiboldItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-BoldItalic.ttf) format(\"truetype\");font-display:swap}h1,h2,h3,h4,h5,h6,span:not(.material-symbols-outlined),a,p{font-family:Source Sans Pro}h1{font-weight:300;font-style:normal;color:var(--text-heading)}h2{font-weight:400;font-style:normal;color:var(--text-heading)}h3{font-weight:700;font-style:normal;color:var(--text-heading)}h4,h5,h6{font-weight:600;font-style:normal;color:var(--text-secondary-heading)}.hbll-default-body{font-weight:400;font-style:normal;max-width:35rem;min-width:22.25rem;color:var(--text-body)}.hbll-caption{font-weight:400;font-style:normal;max-width:25.25rem;min-width:17.5rem;color:var(--text-body)}.hbll-large{font-weight:400;font-style:normal;max-width:41.25rem;min-width:26.5rem;color:var(--text-body)}a{color:var(--text-link);text-decoration:underline}.hbll-emphasis{font-weight:600}h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.75rem;line-height:2.25rem}h3,h4{font-size:1.5rem;line-height:2rem}h5,h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:.875rem;line-height:1.25rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1rem;line-height:1.5rem}@media screen and (min-width: 52.125em){h1{font-size:3rem;line-height:3.5rem}h2{font-size:2.5rem;line-height:3rem}h3{font-size:2rem;line-height:3rem}h4{font-size:1.75rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}@media screen and (min-width: 90em){h1{font-size:3.75rem;line-height:4.25rem}h2{font-size:3rem;line-height:3.5rem}h3{font-size:2.5rem;line-height:3rem}h4{font-size:2rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only.sr-only-focusable:focus,.sr-only.sr-only-focusable:focus-within,.sr-only.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.link{--link-color-default: #0047ba;--link-color-hover-inline: #00245d;--link-background-hover-basic: #e5edf8;--link-color-disabled: #737373;--link-icon-disabled: #737373;--link-background-disabled: #f9f9f9;align-items:center;background-color:transparent;border-radius:.25rem;color:var(--link-color-default);cursor:pointer;display:inline-flex;font-weight:400;gap:.25rem;padding:.25rem;position:relative;text-decoration:none}.link:after{border:.125rem solid #b967c7;border-radius:.25rem;content:\"\";inset:-.25rem;opacity:0;position:absolute;transition:opacity .15s ease-in-out;pointer-events:none}.link:focus-visible:after{opacity:1}.link:focus-visible{outline:none}.link.link--basic:hover:not(.link--disabled){background-color:#e5edf880}.link.link--inline:hover:not(.link--disabled){color:var(--link-color-hover-inline)}.link.link--state-hover.link--basic{background-color:#e5edf880}.link.link--state-hover.link--inline{color:var(--link-color-hover-inline)}.link.link--disabled,.link.link--state-disabled{background-color:#f9f9f980;color:var(--link-color-disabled);cursor:default;pointer-events:none}.link--inline{padding-top:0;padding-bottom:0}.link--inline a{padding:0}.link--inline:hover:not(.link--disabled) .link__text,.link--inline.link--state-hover .link__text{text-decoration:underline}.link__icon{align-items:center;color:inherit;display:inline-flex;justify-content:center;height:1.25rem}.link--disabled .link__icon,.link--state-disabled .link__icon{color:var(--link-icon-disabled)}.link__text{align-items:center;display:inline-flex}\n"] }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], textHtml: [{
+                type: Input
+            }], imageSrc: [{
+                type: Input
+            }], imageAlt: [{
+                type: Input
+            }], imageTitle: [{
+                type: Input
+            }], imageClass: [{
+                type: Input
+            }], href: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }], rel: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], state: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], leftIcon: [{
+                type: Input
+            }], rightIcon: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], linkClick: [{
+                type: Output
+            }] } });
+
 class HbllFooterComponent {
     constructor() {
         this.fb = inject(FormBuilder);
@@ -880,11 +1122,11 @@ class HbllFooterComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HbllFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: HbllFooterComponent, isStandalone: true, selector: "lib-hbll-footer", inputs: { mainsitebaseurl: "mainsitebaseurl", myaccountapibaseuri: "myaccountapibaseuri", byuid: "byuid", emailname: "emailname", emailemail: "emailemail", emailmessage: "emailmessage", emailstatus: "emailstatus" }, viewQueries: [{ propertyName: "emailDialog", first: true, predicate: ["emailDialog"], descendants: true }], ngImport: i0, template: "<footer>\n    <div class=\"hbll-footer-wrapper\">\n        <button class=\"skip-link-footer\" (click)=\"skipFooter()\">Skip footer</button>\n        <div class=\"hbll-footer-links\">\n            <section aria-labelledby=\"footerContactHeading\">\n                <h3 id=\"footerContactHeading\">Contact</h3>\n                <ul>\n                    <li>\n                        <address>\n                            P.O. Box 26800<br />\n                            Provo, UT 84602-6800\n                        </address>\n                    </li>\n                    <li>\n                        <a href=\"tel:801-422-6061\">\n                            <span class=\"material-symbols-outlined hbll-footer-icon\">\n                                phone_in_talk </span\n                            >&nbsp; <strong>Call</strong>&nbsp;(801) 422-6061\n                        </a>\n                    </li>\n                    <li>\n                        <a href=\"sms:801-623-6838\">\n                            <span class=\"material-symbols-outlined hbll-footer-icon\"> sms </span\n                            >&nbsp; <strong>Text</strong>&nbsp;(801) 623-6838\n                        </a>\n                    </li>\n                    <li>\n                        <button\n                            (click)=\"emailDialog.showModal()\"\n                            data-testid=\"emailUsBtn\"\n                            style=\"padding: 4px\"\n                        >\n                            <span class=\"material-symbols-outlined hbll-footer-icon\"> mail </span\n                            >&nbsp;\n                            <strong>Email us</strong>\n                        </button>\n                    </li>\n                </ul>\n            </section>\n            <section aria-labelledby=\"footerResourcesHeading\">\n                <h3 id=\"footerResourcesHeading\">Resources</h3>\n                <ul>\n                    <li>\n                        <a target=\"_blank\" href=\"{{ mainsitebaseurl }}/site-index/\"\n                            >A-Z Site Index</a\n                        >\n                    </li>\n                    <li>\n                        <a target=\"_blank\" href=\"{{ mainsitebaseurl }}/about/policies/\">Policies</a>\n                    </li>\n                    <li>\n                        <a target=\"_blank\" href=\"{{ mainsitebaseurl }}/about/location/\"\n                            >Parking & Directions</a\n                        >\n                    </li>\n                    <li>\n                        <a target=\"_blank\" href=\"https://uac.byu.edu/accessibility-lab\"\n                            >Accessibility Resources</a\n                        >\n                    </li>\n                    <li>\n                        <a target=\"_blank\" href=\"https://hr.lib.byu.edu/byu-library-jobs\"\n                            >Employment Opportunities</a\n                        >\n                    </li>\n                </ul>\n            </section>\n            <section aria-labelledby=\"footerFriendsHeading\">\n                <h3 id=\"footerFriendsHeading\">Friends in the Library</h3>\n                <ul>\n                    <li>\n                        <a target=\"_blank\" href=\"https://ctl.byu.edu\"\n                            >Center for Teaching and Learning</a\n                        >\n                    </li>\n                    <li>\n                        <a target=\"_blank\" href=\"https://copyright.byu.edu\"\n                            >Copyright Licensing Office</a\n                        >\n                    </li>\n                    <li>\n                        <a target=\"_blank\" href=\"https://facultycenter.byu.edu/aboutus\"\n                            >Faculty Center</a\n                        >\n                    </li>\n                    <li>\n                        <a target=\"_blank\" href=\"https://dining.byu.edu/library-cafe\"\n                            >Library Cafe</a\n                        >\n                    </li>\n                </ul>\n            </section>\n            <section aria-labelledby=\"footerConnectHeading\">\n                <h3 id=\"footerConnectHeading\">Connect</h3>\n                <ul class=\"hbll-footer-social-list\">\n                    <li>\n                        <a target=\"_blank\" href=\"https://www.facebook.com/byuhbll\">\n                            <img\n                                class=\"hbll-footer-social\"\n                                src=\"https://media.lib.byu.edu/web-assets/images/1.0.0/facebook-color-round.svg\"\n                                alt=\"Facebook\"\n                                title=\"Facebook\"\n                            />\n                        </a>\n                    </li>\n                    <li>\n                        <a target=\"_blank\" href=\"https://www.instagram.com/byu_hbll/\">\n                            <img\n                                class=\"hbll-footer-social\"\n                                src=\"https://media.lib.byu.edu/web-assets/images/1.0.0/instagram-color.svg\"\n                                alt=\"Instagram\"\n                                title=\"Instagram\"\n                            />\n                        </a>\n                    </li>\n                </ul>\n                <ul>\n                    <li>\n                        <a href=\"https://lib.byu.edu/announcements\"\n                            ><span class=\"material-symbols-outlined social-icon\"> featured_seasonal_and_gifts</span\n                            >&nbsp; Explore what\u2019s new\n                        </a>\n                    </li>\n                </ul>\n            </section>\n        </div>\n        <section class=\"hbll-footer-bottom\" aria-label=\"Bottom-most part of the footer\">\n            <div class=\"hbll-footer-title\">\n                <a href=\"https://byu.edu\" target=\"_blank\">BRIGHAM YOUNG UNIVERSITY</a>\n            </div>\n            <br />\n            PROVO, UT 84602, USA | <a href=\"sms:801-422-6061\">(801) 422-6061</a>\n            <br />&copy;&nbsp;{{ date | date: 'yyyy' }}\n            ALL RIGHTS RESERVED\n            <div class=\"hbll-footer-privacy\">\n                <a href=\"https://privacy.byu.edu/\" target=\"_blank\">Privacy Notice</a>\n                |\n                <span id=\"teconsent\"></span>\n            </div>\n        </section>\n    </div>\n    <div id=\"consent-banner\"></div>\n</footer>\n\n<dialog\n    #emailDialog\n    onmousedown=\"event.target === this && this.close()\"\n    (close)=\"handleClose()\"\n    data-testid=\"dialog\"\n>\n    @if (!isEmailSent) {\n        <form [formGroup]=\"emailForm\" (submit)=\"sendEmail()\" data-testid=\"form\">\n            <div class=\"hbll-footer-email-top\">\n                <h1>Email Us</h1>\n                <button (click)=\"emailDialog.close()\" type=\"button\" data-testid=\"closeBtn\">\n                    <span class=\"material-symbols-outlined\"> close </span>\n                </button>\n            </div>\n            <label for=\"hbllFooterEmailName\">Name</label>\n            <input\n                id=\"hbllFooterEmailName\"\n                type=\"text\"\n                formControlName=\"name\"\n                data-testid=\"emailNameInput\"\n            />\n            <label for=\"hbllFooterEmailEmail\">\n                Email (please provide if you would like a response)</label\n            >\n            <input\n                id=\"hbllFooterEmailEmail\"\n                type=\"text\"\n                formControlName=\"email\"\n                data-testid=\"emailEmailInput\"\n            />\n            <label for=\"hbllFooterEmailQuestionComment\">\n                Question or comment&nbsp;<span class=\"hbll-footer-email-required\">*</span>\n            </label>\n            <textarea\n                id=\"hbllFooterEmailQuestionComment\"\n                type=\"text\"\n                formControlName=\"message\"\n                data-testid=\"emailMessageInput\"\n            ></textarea>\n            @if (isSubmitted && emailForm.controls.message.invalid) {\n                <div\n                    class=\"hbll-footer-email-required hbll-footer-email-error\"\n                    data-testid=\"commentError\"\n                >\n                    <span class=\"material-symbols-outlined hbll-footer-email-error-icon\">\n                        warning\n                    </span>\n                    <strong>Please fill out this field</strong>\n                </div>\n            }\n            <label for=\"hbllFooterEmailStatus\">Role</label>\n            <span class=\"hbll-footer-select-wrapper\">\n                <select\n                    id=\"hbllFooterEmailStatus\"\n                    formControlName=\"status\"\n                    data-testid=\"emailStatusInput\"\n                >\n                    <option selected value=\"\"></option>\n                    @for (status of userStatuses | slice: 1; track status) {\n                        <option [value]=\"status\">{{ status }}</option>\n                    }\n                </select>\n            </span>\n            <div class=\"hbll-footer-email-bottom-bar\">\n                @if (hasConnectionError) {\n                    <p class=\"hbll-footer-connection-error\" data-testid=\"connectionError\">\n                        <i>There was an error sending your email. Please try again later.</i>\n                    </p>\n                }\n                <button\n                    class=\"pill-btn--components\"\n                    type=\"submit\"\n                    [disabled]=\"isLoading\"\n                    data-testid=\"sendEmailBtn\"\n                >\n                    Send\n                </button>\n            </div>\n        </form>\n    } @else {\n        <div class=\"hbll-footer-email-success\" data-testid=\"successMessage\">\n            <p>\n                Your email was sent successfully. If you supplied your email address, we will get\n                back to you shortly.<br />Thank you!\n            </p>\n            <button class=\"pill-btn--components\" (click)=\"emailDialog.close()\" type=\"button\">\n                Close\n            </button>\n        </div>\n    }\n</dialog>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap\";dialog form input,dialog form textarea,dialog form select{appearance:none;font-family:inherit;padding:.38em;border:solid 1px #707070;border-radius:4px;font-size:1em;background-color:#fff}dialog form input:focus,dialog form textarea:focus,dialog form select:focus{outline-color:#3a6093}dialog form .hbll-footer-select-wrapper{position:relative}dialog form .hbll-footer-select-wrapper select{cursor:pointer;padding-right:2em}dialog form .hbll-footer-select-wrapper:after{font-family:Material Symbols Outlined;content:\"arrow_drop_down\";pointer-events:none;top:0;font-size:1.5em;right:.2em;height:100%;position:absolute;display:flex;align-items:center;opacity:70%}.pill-btn--components{background-color:#4070b0;font-size:1em;transition:all .15s;color:#fff;cursor:pointer;font-weight:600;text-align:center}.pill-btn--components:disabled{color:#707070;background-color:#e6e6e6;pointer-events:none}.pill-btn--components:hover{background-color:#6892ca;color:#fff}.destructive.pill-btn--components{background-color:#b04940}.destructive.pill-btn--components:hover{background-color:#c7574d}*{box-sizing:border-box;text-decoration:none;font-size:1em}*:not(.material-symbols-outlined){font-family:inherit}.pill-btn--components{border-radius:100em;padding:.4em 1.3em}button{border:none;background-color:transparent;font-size:1em}button :hover{cursor:pointer}.skip-link-footer{position:absolute;top:30px;left:30px;background:#fff;color:#00285b;font-size:1em;font-weight:580;padding:8px 16px;border:3px solid #0050b7;border-radius:4px;cursor:pointer;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.skip-link-footer:focus{opacity:1;pointer-events:auto;transform:none}.skip-link-footer:hover{color:#00285b;background-color:#e3edf8;border-color:#e3edf8}footer{line-height:1.2em;background-color:#e6e6e6}footer a{padding:4px}footer ::ng-deep #consent-banner{z-index:11;position:fixed}footer .hbll-footer-wrapper{display:flex;flex-direction:column;align-items:center;position:relative}footer .hbll-footer-wrapper .hbll-footer-links{max-width:90em;display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;padding-bottom:2em;white-space:nowrap}footer .hbll-footer-wrapper .hbll-footer-links strong{font-weight:600}footer .hbll-footer-wrapper .hbll-footer-links address{font-style:normal}footer .hbll-footer-wrapper .hbll-footer-links .hbll-footer-icon{font-size:1.25rem!important;margin-right:.2em;color:#002e5d}footer .hbll-footer-wrapper .hbll-footer-links section{padding:2em 1.8em 0;background-color:#e6e6e6;flex:1}footer .hbll-footer-wrapper .hbll-footer-links .hbll-footer-social-list{display:flex}footer .hbll-footer-wrapper .hbll-footer-links .hbll-footer-social-list .hbll-footer-social{height:1.5em;margin-right:1em}footer .hbll-footer-wrapper .hbll-footer-links .hbll-footer-social-list li{margin-bottom:0}footer .hbll-footer-wrapper .hbll-footer-links .social-icon{font-size:20px;padding:2px}footer .hbll-footer-wrapper h3{font-weight:600;color:#002e5d;font-size:1.4em;margin-bottom:1em;margin-top:0}footer .hbll-footer-wrapper ul{list-style:none;margin:.4em 0 0;padding:0}footer .hbll-footer-wrapper ul li{display:flex;align-items:center}footer .hbll-footer-wrapper ul li a,footer .hbll-footer-wrapper ul li button{display:inline-flex;align-items:center;color:#305f9c}footer .hbll-footer-wrapper ul li a:hover,footer .hbll-footer-wrapper ul li button:hover{color:#6892ca}footer .hbll-footer-wrapper ul li:not(:last-of-type){margin-bottom:.6em}footer .hbll-footer-wrapper .hbll-footer-bottom{text-align:center;background-color:#002e5d;color:#fff;font-family:IBM Plex Sans,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-size:.9em;line-height:1.6em;padding:1.8em;width:100%}footer .hbll-footer-wrapper .hbll-footer-bottom a{color:#fff}footer .hbll-footer-wrapper .hbll-footer-bottom .hbll-footer-title{font-size:2em;font-weight:400;line-height:1em}footer .hbll-footer-wrapper .hbll-footer-bottom .hbll-footer-privacy{margin-top:.4em;display:flex;align-items:center;justify-content:center;gap:5px}footer .hbll-footer-wrapper .hbll-footer-bottom .hbll-footer-privacy a{text-decoration:underline}footer .hbll-footer-wrapper .hbll-footer-bottom .hbll-footer-privacy ::ng-deep #teconsent a{color:#fff;text-decoration:underline;padding:4px}footer .hbll-footer-wrapper .hbll-footer-bottom .hbll-footer-privacy ::ng-deep #teconsent a:hover{color:#fff}@media screen and (max-width: 40em){.hbll-footer-links{flex-direction:column;justify-content:flex-start;width:100%}}dialog{border:solid 1px #888;border-radius:4px;width:90%;max-width:50em;padding:0;transition:all 5s ease-in-out}dialog .hbll-footer-email-success,dialog form{padding:1.6em 2em}dialog .hbll-footer-email-success p,dialog form p{text-align:center;line-height:1.4em}dialog .hbll-footer-email-success{display:flex;justify-content:center;align-items:center;flex-direction:column}dialog .hbll-footer-email-success button{margin-top:1em}dialog form{display:flex;flex-direction:column;position:relative}dialog form textarea{min-height:100px;resize:vertical}dialog form input,dialog form textarea,dialog form .hbll-footer-select-wrapper{margin-bottom:.6em}dialog form .hbll-footer-email-bottom-bar{display:flex;align-items:center;justify-content:flex-end}dialog form .hbll-footer-email-bottom-bar .hbll-footer-connection-error{text-align:right;flex-grow:1;margin:0 1em 0 0}dialog form label{margin-bottom:.4em;margin-top:.4em}dialog form .hbll-footer-email-error{display:flex;justify-content:center;align-items:center;margin-right:auto;margin-bottom:.6em;font-size:.8em}dialog form .hbll-footer-email-error .hbll-footer-email-error-icon{font-size:1.2em;margin-right:.2em}dialog form .hbll-footer-email-top{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;margin-bottom:1em}dialog form .hbll-footer-email-top h1{font-size:1.4em;margin:0}dialog form .hbll-footer-email-required-message{float:right}dialog form .hbll-footer-select-wrapper{margin-right:auto}dialog form .hbll-footer-email-required{color:#d03a3a}dialog form button:not([type=submit]){color:#333}dialog form button:not([type=submit]):hover{color:#696969}dialog form button[type=submit]{margin-left:auto}dialog::backdrop{background-color:#000;opacity:.75}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.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: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "pipe", type: i1.DatePipe, name: "date" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: HbllFooterComponent, isStandalone: true, selector: "lib-hbll-footer", inputs: { mainsitebaseurl: "mainsitebaseurl", myaccountapibaseuri: "myaccountapibaseuri", byuid: "byuid", emailname: "emailname", emailemail: "emailemail", emailmessage: "emailmessage", emailstatus: "emailstatus" }, viewQueries: [{ propertyName: "emailDialog", first: true, predicate: ["emailDialog"], descendants: true }], ngImport: i0, template: "<footer>\n    <div class=\"hbll-footer-wrapper\">\n        <div class=\"skip-link-footer\">\n            <lib-button\n                class=\"skip-link-footer sr-only sr-only-focusable\"\n                buttonType=\"secondary\"\n                [isThin]=\"true\"\n                title=\"Skip footer\"\n                (buttonClick)=\"skipFooter()\"\n            ></lib-button>\n        </div>\n        <div class=\"hbll-footer-links\">\n            <section aria-labelledby=\"footerContactHeading\">\n                <h3 id=\"footerContactHeading\">Contact</h3>\n                <ul>\n                    <li>\n                        <address>\n                            P.O. Box 26800<br />\n                            Provo, UT 84602-6800\n                        </address>\n                    </li>\n                    <li>\n                        <lib-link\n                            href=\"tel:801-422-6061\"\n                            textHtml=\"<strong>Call</strong>&nbsp;(801) 422-6061\"\n                            ariaLabel=\"Call (801) 422-6061\"\n                            leftIcon=\"phone_in_talk\"\n                        >\n                        </lib-link>\n                    </li>\n                    <li>\n                        <lib-link\n                            href=\"sms:801-623-6838\"\n                            textHtml=\"<strong>Text</strong>&nbsp;(801) 623-6838\"\n                            ariaLabel=\"Text (801) 623-6838\"\n                            leftIcon=\"sms\"\n                        ></lib-link>\n                    </li>\n                    <li>\n                        <lib-link\n                            href=\"javascript:void(0)\"\n                            textHtml=\"<strong>Email us</strong>\"\n                            ariaLabel=\"Email us\"\n                            leftIcon=\"mail\"\n                            (linkClick)=\"emailDialog.showModal()\"\n                            data-testid=\"emailUsBtn\"\n                        ></lib-link>\n                    </li>\n                </ul>\n            </section>\n            <section aria-labelledby=\"footerResourcesHeading\">\n                <h3 id=\"footerResourcesHeading\">Resources</h3>\n                <ul>\n                    <li>\n                        <lib-link\n                            href=\"{{ mainsitebaseurl }}/site-index/\"\n                            target=\"_blank\"\n                            text=\"A-Z Site Index\"\n                        ></lib-link>\n                    </li>\n                    <li>\n                        <lib-link\n                            href=\"{{ mainsitebaseurl }}/about/policies/\"\n                            target=\"_blank\"\n                            text=\"Policies\"\n                        ></lib-link>\n                    </li>\n                    <li>\n                        <lib-link\n                            href=\"{{ mainsitebaseurl }}/about/location/\"\n                            target=\"_blank\"\n                            text=\"Parking & Directions\"\n                        ></lib-link>\n                    </li>\n                    <li>\n                        <lib-link\n                            href=\"https://uac.byu.edu/accessibility-lab\"\n                            target=\"_blank\"\n                            text=\"Accessibility Resources\"\n                        ></lib-link>\n                    </li>\n                    <li>\n                        <lib-link\n                            href=\"https://hr.lib.byu.edu/byu-library-jobs\"\n                            target=\"_blank\"\n                            text=\"Employment Opportunities\"\n                        ></lib-link>\n                    </li>\n                </ul>\n            </section>\n            <section aria-labelledby=\"footerFriendsHeading\">\n                <h3 id=\"footerFriendsHeading\">Friends in the Library</h3>\n                <ul>\n                    <li>\n                        <lib-link\n                            href=\"https://ctl.byu.edu\"\n                            target=\"_blank\"\n                            text=\"Center for Teaching and Learning\"\n                        ></lib-link>\n                    </li>\n                    <li>\n                        <lib-link\n                            href=\"https://copyright.byu.edu\"\n                            target=\"_blank\"\n                            text=\"Copyright Licensing Office\"\n                        ></lib-link>\n                    </li>\n                    <li>\n                        <lib-link\n                            href=\"https://facultycenter.byu.edu/aboutus\"\n                            target=\"_blank\"\n                            text=\"Faculty Center\"\n                        ></lib-link>\n                    </li>\n                    <li>\n                        <lib-link\n                            href=\"https://dining.byu.edu/library-cafe\"\n                            target=\"_blank\"\n                            text=\"Library Cafe\"\n                        ></lib-link>\n                    </li>\n                </ul>\n            </section>\n            <section aria-labelledby=\"footerConnectHeading\">\n                <h3 id=\"footerConnectHeading\">Connect</h3>\n                <ul class=\"hbll-footer-social-list\">\n                    <li>\n                        <a target=\"_blank\" href=\"https://www.facebook.com/byuhbll\">\n                            <img\n                                class=\"hbll-footer-social\"\n                                src=\"https://media.lib.byu.edu/web-assets/images/1.0.0/facebook-color-round.svg\"\n                                alt=\"Facebook\"\n                                title=\"Facebook\"\n                            />\n                        </a>\n                    </li>\n                    <li>\n                        <a target=\"_blank\" href=\"https://www.instagram.com/byu_hbll/\">\n                            <img\n                                class=\"hbll-footer-social\"\n                                src=\"https://media.lib.byu.edu/web-assets/images/1.0.0/instagram-color.svg\"\n                                alt=\"Instagram\"\n                                title=\"Instagram\"\n                            />\n                        </a>\n                    </li>\n                </ul>\n                <ul>\n                    <li>\n                        <lib-link\n                            href=\"https://lib.byu.edu/announcements\"\n                            leftIcon=\"featured_seasonal_and_gifts\"\n                            text=\"Explore what\u2019s new\"\n                        ></lib-link>\n                    </li>\n                </ul>\n            </section>\n        </div>\n        <section class=\"hbll-footer-bottom\" aria-label=\"Bottom-most part of the footer\">\n            <div class=\"hbll-footer-title\">\n                <lib-link\n                    href=\"https://byu.edu\"\n                    target=\"_blank\"\n                    text=\"BRIGHAM YOUNG UNIVERSITY\"\n                ></lib-link>\n            </div>\n            <br />\n            PROVO, UT 84602, USA |\n            <lib-link href=\"sms:801-422-6061\" text=\"(801) 422-6061\"></lib-link>\n            <br />&copy;&nbsp;{{ date | date: 'yyyy' }}\n            ALL RIGHTS RESERVED\n            <div class=\"hbll-footer-privacy\">\n                <lib-link\n                    href=\"https://privacy.byu.edu/\"\n                    target=\"_blank\"\n                    text=\"Privacy Notice\"\n                ></lib-link>\n                |\n                <span id=\"teconsent\"></span>\n            </div>\n        </section>\n    </div>\n    <div id=\"consent-banner\"></div>\n</footer>\n\n<dialog\n    #emailDialog\n    onmousedown=\"event.target === this && this.close()\"\n    (close)=\"handleClose()\"\n    data-testid=\"dialog\"\n>\n    @if (!isEmailSent) {\n        <form [formGroup]=\"emailForm\" (submit)=\"sendEmail()\" data-testid=\"form\">\n            <div class=\"hbll-footer-email-top\">\n                <h1>Email Us</h1>\n                <button (click)=\"emailDialog.close()\" type=\"button\" data-testid=\"closeBtn\">\n                    <span class=\"material-symbols-outlined\"> close </span>\n                </button>\n            </div>\n            <label for=\"hbllFooterEmailName\">Name</label>\n            <input\n                id=\"hbllFooterEmailName\"\n                type=\"text\"\n                formControlName=\"name\"\n                data-testid=\"emailNameInput\"\n            />\n            <label for=\"hbllFooterEmailEmail\">\n                Email (please provide if you would like a response)</label\n            >\n            <input\n                id=\"hbllFooterEmailEmail\"\n                type=\"text\"\n                formControlName=\"email\"\n                data-testid=\"emailEmailInput\"\n            />\n            <label for=\"hbllFooterEmailQuestionComment\">\n                Question or comment&nbsp;<span class=\"hbll-footer-email-required\">*</span>\n            </label>\n            <textarea\n                id=\"hbllFooterEmailQuestionComment\"\n                type=\"text\"\n                formControlName=\"message\"\n                data-testid=\"emailMessageInput\"\n            ></textarea>\n            @if (isSubmitted && emailForm.controls.message.invalid) {\n                <div\n                    class=\"hbll-footer-email-required hbll-footer-email-error\"\n                    data-testid=\"commentError\"\n                >\n                    <span class=\"material-symbols-outlined hbll-footer-email-error-icon\">\n                        warning\n                    </span>\n                    <strong>Please fill out this field</strong>\n                </div>\n            }\n            <label for=\"hbllFooterEmailStatus\">Role</label>\n            <span class=\"hbll-footer-select-wrapper\">\n                <select\n                    id=\"hbllFooterEmailStatus\"\n                    formControlName=\"status\"\n                    data-testid=\"emailStatusInput\"\n                >\n                    <option selected value=\"\"></option>\n                    @for (status of userStatuses | slice: 1; track status) {\n                        <option [value]=\"status\">{{ status }}</option>\n                    }\n                </select>\n            </span>\n            <div class=\"hbll-footer-email-bottom-bar\">\n                @if (hasConnectionError) {\n                    <p class=\"hbll-footer-connection-error\" data-testid=\"connectionError\">\n                        <i>There was an error sending your email. Please try again later.</i>\n                    </p>\n                }\n                <button\n                    class=\"pill-btn--components\"\n                    type=\"submit\"\n                    [disabled]=\"isLoading\"\n                    data-testid=\"sendEmailBtn\"\n                >\n                    Send\n                </button>\n            </div>\n        </form>\n    } @else {\n        <div class=\"hbll-footer-email-success\" data-testid=\"successMessage\">\n            <p>\n                Your email was sent successfully. If you supplied your email address, we will get\n                back to you shortly.<br />Thank you!\n            </p>\n            <button class=\"pill-btn--components\" (click)=\"emailDialog.close()\" type=\"button\">\n                Close\n            </button>\n        </div>\n    }\n</dialog>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap\";dialog form input,dialog form textarea,dialog form select{appearance:none;font-family:inherit;padding:.38em;border:solid 1px #707070;border-radius:4px;font-size:1em;background-color:#fff}dialog form input:focus,dialog form textarea:focus,dialog form select:focus{outline-color:#3a6093}dialog form .hbll-footer-select-wrapper{position:relative}dialog form .hbll-footer-select-wrapper select{cursor:pointer;padding-right:2em}dialog form .hbll-footer-select-wrapper:after{font-family:Material Symbols Outlined;content:\"arrow_drop_down\";pointer-events:none;top:0;font-size:1.5em;right:.2em;height:100%;position:absolute;display:flex;align-items:center;opacity:70%}.pill-btn--components{background-color:#4070b0;font-size:1em;transition:all .15s;color:#fff;cursor:pointer;font-weight:600;text-align:center}.pill-btn--components:disabled{color:#707070;background-color:#e6e6e6;pointer-events:none}.pill-btn--components:hover{background-color:#6892ca;color:#fff}.destructive.pill-btn--components{background-color:#b04940}.destructive.pill-btn--components:hover{background-color:#c7574d}*{box-sizing:border-box;text-decoration:none;font-size:1em}*:not(.material-symbols-outlined){font-family:inherit}.pill-btn--components{border-radius:100em;padding:.4em 1.3em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only.sr-only-focusable:focus,.sr-only.sr-only-focusable:focus-within,.sr-only.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}button{border:none;background-color:transparent;font-size:1em}button :hover{cursor:pointer}.skip-link-footer{position:absolute;top:30px;left:30px}footer{line-height:1.2em;background-color:#e6e6e6}footer a{padding:4px}footer ::ng-deep #consent-banner{z-index:11;position:fixed}footer .hbll-footer-wrapper{display:flex;flex-direction:column;align-items:center;position:relative}footer .hbll-footer-wrapper .hbll-footer-links{max-width:90em;display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;padding-bottom:2em;white-space:nowrap}footer .hbll-footer-wrapper .hbll-footer-links strong{font-weight:600}footer .hbll-footer-wrapper .hbll-footer-links address{font-style:normal}footer .hbll-footer-wrapper .hbll-footer-links .hbll-footer-icon{font-size:1.25rem!important;margin-right:.2em;color:#002e5d}footer .hbll-footer-wrapper .hbll-footer-links section{padding:2em 1.8em 0;background-color:#e6e6e6;flex:1}footer .hbll-footer-wrapper .hbll-footer-links .hbll-footer-social-list{display:flex}footer .hbll-footer-wrapper .hbll-footer-links .hbll-footer-social-list a{border-radius:.25rem;display:inline-flex;outline:none}footer .hbll-footer-wrapper .hbll-footer-links .hbll-footer-social-list a:focus-visible{outline:2px solid var(--color-purple-focus, #b967c7);outline-offset:2px}footer .hbll-footer-wrapper .hbll-footer-links .hbll-footer-social-list .hbll-footer-social{height:1.5em;margin-right:1em}footer .hbll-footer-wrapper .hbll-footer-links .hbll-footer-social-list li{margin-bottom:0}footer .hbll-footer-wrapper .hbll-footer-links .social-icon{font-size:20px;padding:2px}footer .hbll-footer-wrapper h3{font-weight:600;color:#002e5d;font-size:1.4em;margin-bottom:1em;margin-top:0}footer .hbll-footer-wrapper ul{list-style:none;margin:.4em 0 0;padding:0}footer .hbll-footer-wrapper ul li{display:flex;align-items:center}footer .hbll-footer-wrapper ul li a,footer .hbll-footer-wrapper ul li button{display:inline-flex;align-items:center;color:#305f9c}footer .hbll-footer-wrapper ul li a:hover,footer .hbll-footer-wrapper ul li button:hover{color:#6892ca}footer .hbll-footer-wrapper ul li:not(:last-of-type){margin-bottom:.6em}footer .hbll-footer-wrapper .hbll-footer-bottom{text-align:center;background-color:#002e5d;color:#fff;font-family:IBM Plex Sans,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-size:.9em;line-height:1.6em;padding:1.8em;width:100%}footer .hbll-footer-wrapper .hbll-footer-bottom a{color:#fff}footer .hbll-footer-wrapper .hbll-footer-bottom ::ng-deep lib-link .link{color:#fff}footer .hbll-footer-wrapper .hbll-footer-bottom ::ng-deep lib-link .link:hover,footer .hbll-footer-wrapper .hbll-footer-bottom ::ng-deep lib-link .link:focus-visible{color:#fff}footer .hbll-footer-wrapper .hbll-footer-bottom .hbll-footer-title{font-size:2em;font-weight:400;line-height:1em}footer .hbll-footer-wrapper .hbll-footer-bottom .hbll-footer-privacy{margin-top:.4em;display:flex;align-items:center;justify-content:center;gap:5px}footer .hbll-footer-wrapper .hbll-footer-bottom .hbll-footer-privacy a{text-decoration:underline}footer .hbll-footer-wrapper .hbll-footer-bottom .hbll-footer-privacy ::ng-deep lib-link .link__text{text-decoration:underline}footer .hbll-footer-wrapper .hbll-footer-bottom .hbll-footer-privacy ::ng-deep #teconsent a{color:#fff;text-decoration:underline;padding:4px}footer .hbll-footer-wrapper .hbll-footer-bottom .hbll-footer-privacy ::ng-deep #teconsent a:hover{color:#fff}@media screen and (max-width: 40em){.hbll-footer-links{flex-direction:column;justify-content:flex-start;width:100%}}dialog{border:solid 1px #888;border-radius:4px;width:90%;max-width:50em;padding:0;transition:all 5s ease-in-out}dialog .hbll-footer-email-success,dialog form{padding:1.6em 2em}dialog .hbll-footer-email-success p,dialog form p{text-align:center;line-height:1.4em}dialog .hbll-footer-email-success{display:flex;justify-content:center;align-items:center;flex-direction:column}dialog .hbll-footer-email-success button{margin-top:1em}dialog form{display:flex;flex-direction:column;position:relative}dialog form textarea{min-height:100px;resize:vertical}dialog form input,dialog form textarea,dialog form .hbll-footer-select-wrapper{margin-bottom:.6em}dialog form .hbll-footer-email-bottom-bar{display:flex;align-items:center;justify-content:flex-end}dialog form .hbll-footer-email-bottom-bar .hbll-footer-connection-error{text-align:right;flex-grow:1;margin:0 1em 0 0}dialog form label{margin-bottom:.4em;margin-top:.4em}dialog form .hbll-footer-email-error{display:flex;justify-content:center;align-items:center;margin-right:auto;margin-bottom:.6em;font-size:.8em}dialog form .hbll-footer-email-error .hbll-footer-email-error-icon{font-size:1.2em;margin-right:.2em}dialog form .hbll-footer-email-top{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;margin-bottom:1em}dialog form .hbll-footer-email-top h1{font-size:1.4em;margin:0}dialog form .hbll-footer-email-required-message{float:right}dialog form .hbll-footer-select-wrapper{margin-right:auto}dialog form .hbll-footer-email-required{color:#d03a3a}dialog form button:not([type=submit]){color:#333}dialog form button:not([type=submit]):hover{color:#696969}dialog form button[type=submit]{margin-left:auto}dialog::backdrop{background-color:#000;opacity:.75}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.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: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["buttonType", "title", "iconBefore", "iconAfter", "disabled", "isThin", "ariaLabel", "minWidth", "pill", "color"], outputs: ["buttonClick"] }, { kind: "component", type: LinkComponent, selector: "lib-link", inputs: ["text", "textHtml", "imageSrc", "imageAlt", "imageTitle", "imageClass", "href", "target", "rel", "type", "state", "disabled", "leftIcon", "rightIcon", "ariaLabel"], outputs: ["linkClick"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "pipe", type: i1.DatePipe, name: "date" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HbllFooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-hbll-footer', imports: [CommonModule, ReactiveFormsModule], template: "<footer>\n    <div class=\"hbll-footer-wrapper\">\n        <button class=\"skip-link-footer\" (click)=\"skipFooter()\">Skip footer</button>\n        <div class=\"hbll-footer-links\">\n            <section aria-labelledby=\"footerContactHeading\">\n                <h3 id=\"footerContactHeading\">Contact</h3>\n                <ul>\n                    <li>\n                        <address>\n                            P.O. Box 26800<br />\n                            Provo, UT 84602-6800\n                        </address>\n                    </li>\n                    <li>\n                        <a href=\"tel:801-422-6061\">\n                            <span class=\"material-symbols-outlined hbll-footer-icon\">\n                                phone_in_talk </span\n                            >&nbsp; <strong>Call</strong>&nbsp;(801) 422-6061\n                        </a>\n                    </li>\n                    <li>\n                        <a href=\"sms:801-623-6838\">\n                            <span class=\"material-symbols-outlined hbll-footer-icon\"> sms </span\n                            >&nbsp; <strong>Text</strong>&nbsp;(801) 623-6838\n                        </a>\n                    </li>\n                    <li>\n                        <button\n                            (click)=\"emailDialog.showModal()\"\n                            data-testid=\"emailUsBtn\"\n                            style=\"padding: 4px\"\n                        >\n                            <span class=\"material-symbols-outlined hbll-footer-icon\"> mail </span\n                            >&nbsp;\n                            <strong>Email us</strong>\n                        </button>\n                    </li>\n                </ul>\n            </section>\n            <section aria-labelledby=\"footerResourcesHeading\">\n                <h3 id=\"footerResourcesHeading\">Resources</h3>\n                <ul>\n                    <li>\n                        <a target=\"_blank\" href=\"{{ mainsitebaseurl }}/site-index/\"\n                            >A-Z Site Index</a\n                        >\n                    </li>\n                    <li>\n                        <a target=\"_blank\" href=\"{{ mainsitebaseurl }}/about/policies/\">Policies</a>\n                    </li>\n                    <li>\n                        <a target=\"_blank\" href=\"{{ mainsitebaseurl }}/about/location/\"\n                            >Parking & Directions</a\n                        >\n                    </li>\n                    <li>\n                        <a target=\"_blank\" href=\"https://uac.byu.edu/accessibility-lab\"\n                            >Accessibility Resources</a\n                        >\n                    </li>\n                    <li>\n                        <a target=\"_blank\" href=\"https://hr.lib.byu.edu/byu-library-jobs\"\n                            >Employment Opportunities</a\n                        >\n                    </li>\n                </ul>\n            </section>\n            <section aria-labelledby=\"footerFriendsHeading\">\n                <h3 id=\"footerFriendsHeading\">Friends in the Library</h3>\n                <ul>\n                    <li>\n                        <a target=\"_blank\" href=\"https://ctl.byu.edu\"\n                            >Center for Teaching and Learning</a\n                        >\n                    </li>\n                    <li>\n                        <a target=\"_blank\" href=\"https://copyright.byu.edu\"\n                            >Copyright Licensing Office</a\n                        >\n                    </li>\n                    <li>\n                        <a target=\"_blank\" href=\"https://facultycenter.byu.edu/aboutus\"\n                            >Faculty Center</a\n                        >\n                    </li>\n                    <li>\n                        <a target=\"_blank\" href=\"https://dining.byu.edu/library-cafe\"\n                            >Library Cafe</a\n                        >\n                    </li>\n                </ul>\n            </section>\n            <section aria-labelledby=\"footerConnectHeading\">\n                <h3 id=\"footerConnectHeading\">Connect</h3>\n                <ul class=\"hbll-footer-social-list\">\n                    <li>\n                        <a target=\"_blank\" href=\"https://www.facebook.com/byuhbll\">\n                            <img\n                                class=\"hbll-footer-social\"\n                                src=\"https://media.lib.byu.edu/web-assets/images/1.0.0/facebook-color-round.svg\"\n                                alt=\"Facebook\"\n                                title=\"Facebook\"\n                            />\n                        </a>\n                    </li>\n                    <li>\n                        <a target=\"_blank\" href=\"https://www.instagram.com/byu_hbll/\">\n                            <img\n                                class=\"hbll-footer-social\"\n                                src=\"https://media.lib.byu.edu/web-assets/images/1.0.0/instagram-color.svg\"\n                                alt=\"Instagram\"\n                                title=\"Instagram\"\n                            />\n                        </a>\n                    </li>\n                </ul>\n                <ul>\n                    <li>\n                        <a href=\"https://lib.byu.edu/announcements\"\n                            ><span class=\"material-symbols-outlined social-icon\"> featured_seasonal_and_gifts</span\n                            >&nbsp; Explore what\u2019s new\n                        </a>\n                    </li>\n                </ul>\n            </section>\n        </div>\n        <section class=\"hbll-footer-bottom\" aria-label=\"Bottom-most part of the footer\">\n            <div class=\"hbll-footer-title\">\n                <a href=\"https://byu.edu\" target=\"_blank\">BRIGHAM YOUNG UNIVERSITY</a>\n            </div>\n            <br />\n            PROVO, UT 84602, USA | <a href=\"sms:801-422-6061\">(801) 422-6061</a>\n            <br />&copy;&nbsp;{{ date | date: 'yyyy' }}\n            ALL RIGHTS RESERVED\n            <div class=\"hbll-footer-privacy\">\n                <a href=\"https://privacy.byu.edu/\" target=\"_blank\">Privacy Notice</a>\n                |\n                <span id=\"teconsent\"></span>\n            </div>\n        </section>\n    </div>\n    <div id=\"consent-banner\"></div>\n</footer>\n\n<dialog\n    #emailDialog\n    onmousedown=\"event.target === this && this.close()\"\n    (close)=\"handleClose()\"\n    data-testid=\"dialog\"\n>\n    @if (!isEmailSent) {\n        <form [formGroup]=\"emailForm\" (submit)=\"sendEmail()\" data-testid=\"form\">\n            <div class=\"hbll-footer-email-top\">\n                <h1>Email Us</h1>\n                <button (click)=\"emailDialog.close()\" type=\"button\" data-testid=\"closeBtn\">\n                    <span class=\"material-symbols-outlined\"> close </span>\n                </button>\n            </div>\n            <label for=\"hbllFooterEmailName\">Name</label>\n            <input\n                id=\"hbllFooterEmailName\"\n                type=\"text\"\n                formControlName=\"name\"\n                data-testid=\"emailNameInput\"\n            />\n            <label for=\"hbllFooterEmailEmail\">\n                Email (please provide if you would like a response)</label\n            >\n            <input\n                id=\"hbllFooterEmailEmail\"\n                type=\"text\"\n                formControlName=\"email\"\n                data-testid=\"emailEmailInput\"\n            />\n            <label for=\"hbllFooterEmailQuestionComment\">\n                Question or comment&nbsp;<span class=\"hbll-footer-email-required\">*</span>\n            </label>\n            <textarea\n                id=\"hbllFooterEmailQuestionComment\"\n                type=\"text\"\n                formControlName=\"message\"\n                data-testid=\"emailMessageInput\"\n            ></textarea>\n            @if (isSubmitted && emailForm.controls.message.invalid) {\n                <div\n                    class=\"hbll-footer-email-required hbll-footer-email-error\"\n                    data-testid=\"commentError\"\n                >\n                    <span class=\"material-symbols-outlined hbll-footer-email-error-icon\">\n                        warning\n                    </span>\n                    <strong>Please fill out this field</strong>\n                </div>\n            }\n            <label for=\"hbllFooterEmailStatus\">Role</label>\n            <span class=\"hbll-footer-select-wrapper\">\n                <select\n                    id=\"hbllFooterEmailStatus\"\n                    formControlName=\"status\"\n                    data-testid=\"emailStatusInput\"\n                >\n                    <option selected value=\"\"></option>\n                    @for (status of userStatuses | slice: 1; track status) {\n                        <option [value]=\"status\">{{ status }}</option>\n                    }\n                </select>\n            </span>\n            <div class=\"hbll-footer-email-bottom-bar\">\n                @if (hasConnectionError) {\n                    <p class=\"hbll-footer-connection-error\" data-testid=\"connectionError\">\n                        <i>There was an error sending your email. Please try again later.</i>\n                    </p>\n                }\n                <button\n                    class=\"pill-btn--components\"\n                    type=\"submit\"\n                    [disabled]=\"isLoading\"\n                    data-testid=\"sendEmailBtn\"\n                >\n                    Send\n                </button>\n            </div>\n        </form>\n    } @else {\n        <div class=\"hbll-footer-email-success\" data-testid=\"successMessage\">\n            <p>\n                Your email was sent successfully. If you supplied your email address, we will get\n                back to you shortly.<br />Thank you!\n            </p>\n            <button class=\"pill-btn--components\" (click)=\"emailDialog.close()\" type=\"button\">\n                Close\n            </button>\n        </div>\n    }\n</dialog>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap\";dialog form input,dialog form textarea,dialog form select{appearance:none;font-family:inherit;padding:.38em;border:solid 1px #707070;border-radius:4px;font-size:1em;background-color:#fff}dialog form input:focus,dialog form textarea:focus,dialog form select:focus{outline-color:#3a6093}dialog form .hbll-footer-select-wrapper{position:relative}dialog form .hbll-footer-select-wrapper select{cursor:pointer;padding-right:2em}dialog form .hbll-footer-select-wrapper:after{font-family:Material Symbols Outlined;content:\"arrow_drop_down\";pointer-events:none;top:0;font-size:1.5em;right:.2em;height:100%;position:absolute;display:flex;align-items:center;opacity:70%}.pill-btn--components{background-color:#4070b0;font-size:1em;transition:all .15s;color:#fff;cursor:pointer;font-weight:600;text-align:center}.pill-btn--components:disabled{color:#707070;background-color:#e6e6e6;pointer-events:none}.pill-btn--components:hover{background-color:#6892ca;color:#fff}.destructive.pill-btn--components{background-color:#b04940}.destructive.pill-btn--components:hover{background-color:#c7574d}*{box-sizing:border-box;text-decoration:none;font-size:1em}*:not(.material-symbols-outlined){font-family:inherit}.pill-btn--components{border-radius:100em;padding:.4em 1.3em}button{border:none;background-color:transparent;font-size:1em}button :hover{cursor:pointer}.skip-link-footer{position:absolute;top:30px;left:30px;background:#fff;color:#00285b;font-size:1em;font-weight:580;padding:8px 16px;border:3px solid #0050b7;border-radius:4px;cursor:pointer;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.skip-link-footer:focus{opacity:1;pointer-events:auto;transform:none}.skip-link-footer:hover{color:#00285b;background-color:#e3edf8;border-color:#e3edf8}footer{line-height:1.2em;background-color:#e6e6e6}footer a{padding:4px}footer ::ng-deep #consent-banner{z-index:11;position:fixed}footer .hbll-footer-wrapper{display:flex;flex-direction:column;align-items:center;position:relative}footer .hbll-footer-wrapper .hbll-footer-links{max-width:90em;display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;padding-bottom:2em;white-space:nowrap}footer .hbll-footer-wrapper .hbll-footer-links strong{font-weight:600}footer .hbll-footer-wrapper .hbll-footer-links address{font-style:normal}footer .hbll-footer-wrapper .hbll-footer-links .hbll-footer-icon{font-size:1.25rem!important;margin-right:.2em;color:#002e5d}footer .hbll-footer-wrapper .hbll-footer-links section{padding:2em 1.8em 0;background-color:#e6e6e6;flex:1}footer .hbll-footer-wrapper .hbll-footer-links .hbll-footer-social-list{display:flex}footer .hbll-footer-wrapper .hbll-footer-links .hbll-footer-social-list .hbll-footer-social{height:1.5em;margin-right:1em}footer .hbll-footer-wrapper .hbll-footer-links .hbll-footer-social-list li{margin-bottom:0}footer .hbll-footer-wrapper .hbll-footer-links .social-icon{font-size:20px;padding:2px}footer .hbll-footer-wrapper h3{font-weight:600;color:#002e5d;font-size:1.4em;margin-bottom:1em;margin-top:0}footer .hbll-footer-wrapper ul{list-style:none;margin:.4em 0 0;padding:0}footer .hbll-footer-wrapper ul li{display:flex;align-items:center}footer .hbll-footer-wrapper ul li a,footer .hbll-footer-wrapper ul li button{display:inline-flex;align-items:center;color:#305f9c}footer .hbll-footer-wrapper ul li a:hover,footer .hbll-footer-wrapper ul li button:hover{color:#6892ca}footer .hbll-footer-wrapper ul li:not(:last-of-type){margin-bottom:.6em}footer .hbll-footer-wrapper .hbll-footer-bottom{text-align:center;background-color:#002e5d;color:#fff;font-family:IBM Plex Sans,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-size:.9em;line-height:1.6em;padding:1.8em;width:100%}footer .hbll-footer-wrapper .hbll-footer-bottom a{color:#fff}footer .hbll-footer-wrapper .hbll-footer-bottom .hbll-footer-title{font-size:2em;font-weight:400;line-height:1em}footer .hbll-footer-wrapper .hbll-footer-bottom .hbll-footer-privacy{margin-top:.4em;display:flex;align-items:center;justify-content:center;gap:5px}footer .hbll-footer-wrapper .hbll-footer-bottom .hbll-footer-privacy a{text-decoration:underline}footer .hbll-footer-wrapper .hbll-footer-bottom .hbll-footer-privacy ::ng-deep #teconsent a{color:#fff;text-decoration:underline;padding:4px}footer .hbll-footer-wrapper .hbll-footer-bottom .hbll-footer-privacy ::ng-deep #teconsent a:hover{color:#fff}@media screen and (max-width: 40em){.hbll-footer-links{flex-direction:column;justify-content:flex-start;width:100%}}dialog{border:solid 1px #888;border-radius:4px;width:90%;max-width:50em;padding:0;transition:all 5s ease-in-out}dialog .hbll-footer-email-success,dialog form{padding:1.6em 2em}dialog .hbll-footer-email-success p,dialog form p{text-align:center;line-height:1.4em}dialog .hbll-footer-email-success{display:flex;justify-content:center;align-items:center;flex-direction:column}dialog .hbll-footer-email-success button{margin-top:1em}dialog form{display:flex;flex-direction:column;position:relative}dialog form textarea{min-height:100px;resize:vertical}dialog form input,dialog form textarea,dialog form .hbll-footer-select-wrapper{margin-bottom:.6em}dialog form .hbll-footer-email-bottom-bar{display:flex;align-items:center;justify-content:flex-end}dialog form .hbll-footer-email-bottom-bar .hbll-footer-connection-error{text-align:right;flex-grow:1;margin:0 1em 0 0}dialog form label{margin-bottom:.4em;margin-top:.4em}dialog form .hbll-footer-email-error{display:flex;justify-content:center;align-items:center;margin-right:auto;margin-bottom:.6em;font-size:.8em}dialog form .hbll-footer-email-error .hbll-footer-email-error-icon{font-size:1.2em;margin-right:.2em}dialog form .hbll-footer-email-top{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;margin-bottom:1em}dialog form .hbll-footer-email-top h1{font-size:1.4em;margin:0}dialog form .hbll-footer-email-required-message{float:right}dialog form .hbll-footer-select-wrapper{margin-right:auto}dialog form .hbll-footer-email-required{color:#d03a3a}dialog form button:not([type=submit]){color:#333}dialog form button:not([type=submit]):hover{color:#696969}dialog form button[type=submit]{margin-left:auto}dialog::backdrop{background-color:#000;opacity:.75}\n"] }]
+            args: [{ selector: 'lib-hbll-footer', imports: [CommonModule, ReactiveFormsModule, ButtonComponent, LinkComponent], template: "<footer>\n    <div class=\"hbll-footer-wrapper\">\n        <div class=\"skip-link-footer\">\n            <lib-button\n                class=\"skip-link-footer sr-only sr-only-focusable\"\n                buttonType=\"secondary\"\n                [isThin]=\"true\"\n                title=\"Skip footer\"\n                (buttonClick)=\"skipFooter()\"\n            ></lib-button>\n        </div>\n        <div class=\"hbll-footer-links\">\n            <section aria-labelledby=\"footerContactHeading\">\n                <h3 id=\"footerContactHeading\">Contact</h3>\n                <ul>\n                    <li>\n                        <address>\n                            P.O. Box 26800<br />\n                            Provo, UT 84602-6800\n                        </address>\n                    </li>\n                    <li>\n                        <lib-link\n                            href=\"tel:801-422-6061\"\n                            textHtml=\"<strong>Call</strong>&nbsp;(801) 422-6061\"\n                            ariaLabel=\"Call (801) 422-6061\"\n                            leftIcon=\"phone_in_talk\"\n                        >\n                        </lib-link>\n                    </li>\n                    <li>\n                        <lib-link\n                            href=\"sms:801-623-6838\"\n                            textHtml=\"<strong>Text</strong>&nbsp;(801) 623-6838\"\n                            ariaLabel=\"Text (801) 623-6838\"\n                            leftIcon=\"sms\"\n                        ></lib-link>\n                    </li>\n                    <li>\n                        <lib-link\n                            href=\"javascript:void(0)\"\n                            textHtml=\"<strong>Email us</strong>\"\n                            ariaLabel=\"Email us\"\n                            leftIcon=\"mail\"\n                            (linkClick)=\"emailDialog.showModal()\"\n                            data-testid=\"emailUsBtn\"\n                        ></lib-link>\n                    </li>\n                </ul>\n            </section>\n            <section aria-labelledby=\"footerResourcesHeading\">\n                <h3 id=\"footerResourcesHeading\">Resources</h3>\n                <ul>\n                    <li>\n                        <lib-link\n                            href=\"{{ mainsitebaseurl }}/site-index/\"\n                            target=\"_blank\"\n                            text=\"A-Z Site Index\"\n                        ></lib-link>\n                    </li>\n                    <li>\n                        <lib-link\n                            href=\"{{ mainsitebaseurl }}/about/policies/\"\n                            target=\"_blank\"\n                            text=\"Policies\"\n                        ></lib-link>\n                    </li>\n                    <li>\n                        <lib-link\n                            href=\"{{ mainsitebaseurl }}/about/location/\"\n                            target=\"_blank\"\n                            text=\"Parking & Directions\"\n                        ></lib-link>\n                    </li>\n                    <li>\n                        <lib-link\n                            href=\"https://uac.byu.edu/accessibility-lab\"\n                            target=\"_blank\"\n                            text=\"Accessibility Resources\"\n                        ></lib-link>\n                    </li>\n                    <li>\n                        <lib-link\n                            href=\"https://hr.lib.byu.edu/byu-library-jobs\"\n                            target=\"_blank\"\n                            text=\"Employment Opportunities\"\n                        ></lib-link>\n                    </li>\n                </ul>\n            </section>\n            <section aria-labelledby=\"footerFriendsHeading\">\n                <h3 id=\"footerFriendsHeading\">Friends in the Library</h3>\n                <ul>\n                    <li>\n                        <lib-link\n                            href=\"https://ctl.byu.edu\"\n                            target=\"_blank\"\n                            text=\"Center for Teaching and Learning\"\n                        ></lib-link>\n                    </li>\n                    <li>\n                        <lib-link\n                            href=\"https://copyright.byu.edu\"\n                            target=\"_blank\"\n                            text=\"Copyright Licensing Office\"\n                        ></lib-link>\n                    </li>\n                    <li>\n                        <lib-link\n                            href=\"https://facultycenter.byu.edu/aboutus\"\n                            target=\"_blank\"\n                            text=\"Faculty Center\"\n                        ></lib-link>\n                    </li>\n                    <li>\n                        <lib-link\n                            href=\"https://dining.byu.edu/library-cafe\"\n                            target=\"_blank\"\n                            text=\"Library Cafe\"\n                        ></lib-link>\n                    </li>\n                </ul>\n            </section>\n            <section aria-labelledby=\"footerConnectHeading\">\n                <h3 id=\"footerConnectHeading\">Connect</h3>\n                <ul class=\"hbll-footer-social-list\">\n                    <li>\n                        <a target=\"_blank\" href=\"https://www.facebook.com/byuhbll\">\n                            <img\n                                class=\"hbll-footer-social\"\n                                src=\"https://media.lib.byu.edu/web-assets/images/1.0.0/facebook-color-round.svg\"\n                                alt=\"Facebook\"\n                                title=\"Facebook\"\n                            />\n                        </a>\n                    </li>\n                    <li>\n                        <a target=\"_blank\" href=\"https://www.instagram.com/byu_hbll/\">\n                            <img\n                                class=\"hbll-footer-social\"\n                                src=\"https://media.lib.byu.edu/web-assets/images/1.0.0/instagram-color.svg\"\n                                alt=\"Instagram\"\n                                title=\"Instagram\"\n                            />\n                        </a>\n                    </li>\n                </ul>\n                <ul>\n                    <li>\n                        <lib-link\n                            href=\"https://lib.byu.edu/announcements\"\n                            leftIcon=\"featured_seasonal_and_gifts\"\n                            text=\"Explore what\u2019s new\"\n                        ></lib-link>\n                    </li>\n                </ul>\n            </section>\n        </div>\n        <section class=\"hbll-footer-bottom\" aria-label=\"Bottom-most part of the footer\">\n            <div class=\"hbll-footer-title\">\n                <lib-link\n                    href=\"https://byu.edu\"\n                    target=\"_blank\"\n                    text=\"BRIGHAM YOUNG UNIVERSITY\"\n                ></lib-link>\n            </div>\n            <br />\n            PROVO, UT 84602, USA |\n            <lib-link href=\"sms:801-422-6061\" text=\"(801) 422-6061\"></lib-link>\n            <br />&copy;&nbsp;{{ date | date: 'yyyy' }}\n            ALL RIGHTS RESERVED\n            <div class=\"hbll-footer-privacy\">\n                <lib-link\n                    href=\"https://privacy.byu.edu/\"\n                    target=\"_blank\"\n                    text=\"Privacy Notice\"\n                ></lib-link>\n                |\n                <span id=\"teconsent\"></span>\n            </div>\n        </section>\n    </div>\n    <div id=\"consent-banner\"></div>\n</footer>\n\n<dialog\n    #emailDialog\n    onmousedown=\"event.target === this && this.close()\"\n    (close)=\"handleClose()\"\n    data-testid=\"dialog\"\n>\n    @if (!isEmailSent) {\n        <form [formGroup]=\"emailForm\" (submit)=\"sendEmail()\" data-testid=\"form\">\n            <div class=\"hbll-footer-email-top\">\n                <h1>Email Us</h1>\n                <button (click)=\"emailDialog.close()\" type=\"button\" data-testid=\"closeBtn\">\n                    <span class=\"material-symbols-outlined\"> close </span>\n                </button>\n            </div>\n            <label for=\"hbllFooterEmailName\">Name</label>\n            <input\n                id=\"hbllFooterEmailName\"\n                type=\"text\"\n                formControlName=\"name\"\n                data-testid=\"emailNameInput\"\n            />\n            <label for=\"hbllFooterEmailEmail\">\n                Email (please provide if you would like a response)</label\n            >\n            <input\n                id=\"hbllFooterEmailEmail\"\n                type=\"text\"\n                formControlName=\"email\"\n                data-testid=\"emailEmailInput\"\n            />\n            <label for=\"hbllFooterEmailQuestionComment\">\n                Question or comment&nbsp;<span class=\"hbll-footer-email-required\">*</span>\n            </label>\n            <textarea\n                id=\"hbllFooterEmailQuestionComment\"\n                type=\"text\"\n                formControlName=\"message\"\n                data-testid=\"emailMessageInput\"\n            ></textarea>\n            @if (isSubmitted && emailForm.controls.message.invalid) {\n                <div\n                    class=\"hbll-footer-email-required hbll-footer-email-error\"\n                    data-testid=\"commentError\"\n                >\n                    <span class=\"material-symbols-outlined hbll-footer-email-error-icon\">\n                        warning\n                    </span>\n                    <strong>Please fill out this field</strong>\n                </div>\n            }\n            <label for=\"hbllFooterEmailStatus\">Role</label>\n            <span class=\"hbll-footer-select-wrapper\">\n                <select\n                    id=\"hbllFooterEmailStatus\"\n                    formControlName=\"status\"\n                    data-testid=\"emailStatusInput\"\n                >\n                    <option selected value=\"\"></option>\n                    @for (status of userStatuses | slice: 1; track status) {\n                        <option [value]=\"status\">{{ status }}</option>\n                    }\n                </select>\n            </span>\n            <div class=\"hbll-footer-email-bottom-bar\">\n                @if (hasConnectionError) {\n                    <p class=\"hbll-footer-connection-error\" data-testid=\"connectionError\">\n                        <i>There was an error sending your email. Please try again later.</i>\n                    </p>\n                }\n                <button\n                    class=\"pill-btn--components\"\n                    type=\"submit\"\n                    [disabled]=\"isLoading\"\n                    data-testid=\"sendEmailBtn\"\n                >\n                    Send\n                </button>\n            </div>\n        </form>\n    } @else {\n        <div class=\"hbll-footer-email-success\" data-testid=\"successMessage\">\n            <p>\n                Your email was sent successfully. If you supplied your email address, we will get\n                back to you shortly.<br />Thank you!\n            </p>\n            <button class=\"pill-btn--components\" (click)=\"emailDialog.close()\" type=\"button\">\n                Close\n            </button>\n        </div>\n    }\n</dialog>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap\";dialog form input,dialog form textarea,dialog form select{appearance:none;font-family:inherit;padding:.38em;border:solid 1px #707070;border-radius:4px;font-size:1em;background-color:#fff}dialog form input:focus,dialog form textarea:focus,dialog form select:focus{outline-color:#3a6093}dialog form .hbll-footer-select-wrapper{position:relative}dialog form .hbll-footer-select-wrapper select{cursor:pointer;padding-right:2em}dialog form .hbll-footer-select-wrapper:after{font-family:Material Symbols Outlined;content:\"arrow_drop_down\";pointer-events:none;top:0;font-size:1.5em;right:.2em;height:100%;position:absolute;display:flex;align-items:center;opacity:70%}.pill-btn--components{background-color:#4070b0;font-size:1em;transition:all .15s;color:#fff;cursor:pointer;font-weight:600;text-align:center}.pill-btn--components:disabled{color:#707070;background-color:#e6e6e6;pointer-events:none}.pill-btn--components:hover{background-color:#6892ca;color:#fff}.destructive.pill-btn--components{background-color:#b04940}.destructive.pill-btn--components:hover{background-color:#c7574d}*{box-sizing:border-box;text-decoration:none;font-size:1em}*:not(.material-symbols-outlined){font-family:inherit}.pill-btn--components{border-radius:100em;padding:.4em 1.3em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only.sr-only-focusable:focus,.sr-only.sr-only-focusable:focus-within,.sr-only.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}button{border:none;background-color:transparent;font-size:1em}button :hover{cursor:pointer}.skip-link-footer{position:absolute;top:30px;left:30px}footer{line-height:1.2em;background-color:#e6e6e6}footer a{padding:4px}footer ::ng-deep #consent-banner{z-index:11;position:fixed}footer .hbll-footer-wrapper{display:flex;flex-direction:column;align-items:center;position:relative}footer .hbll-footer-wrapper .hbll-footer-links{max-width:90em;display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;padding-bottom:2em;white-space:nowrap}footer .hbll-footer-wrapper .hbll-footer-links strong{font-weight:600}footer .hbll-footer-wrapper .hbll-footer-links address{font-style:normal}footer .hbll-footer-wrapper .hbll-footer-links .hbll-footer-icon{font-size:1.25rem!important;margin-right:.2em;color:#002e5d}footer .hbll-footer-wrapper .hbll-footer-links section{padding:2em 1.8em 0;background-color:#e6e6e6;flex:1}footer .hbll-footer-wrapper .hbll-footer-links .hbll-footer-social-list{display:flex}footer .hbll-footer-wrapper .hbll-footer-links .hbll-footer-social-list a{border-radius:.25rem;display:inline-flex;outline:none}footer .hbll-footer-wrapper .hbll-footer-links .hbll-footer-social-list a:focus-visible{outline:2px solid var(--color-purple-focus, #b967c7);outline-offset:2px}footer .hbll-footer-wrapper .hbll-footer-links .hbll-footer-social-list .hbll-footer-social{height:1.5em;margin-right:1em}footer .hbll-footer-wrapper .hbll-footer-links .hbll-footer-social-list li{margin-bottom:0}footer .hbll-footer-wrapper .hbll-footer-links .social-icon{font-size:20px;padding:2px}footer .hbll-footer-wrapper h3{font-weight:600;color:#002e5d;font-size:1.4em;margin-bottom:1em;margin-top:0}footer .hbll-footer-wrapper ul{list-style:none;margin:.4em 0 0;padding:0}footer .hbll-footer-wrapper ul li{display:flex;align-items:center}footer .hbll-footer-wrapper ul li a,footer .hbll-footer-wrapper ul li button{display:inline-flex;align-items:center;color:#305f9c}footer .hbll-footer-wrapper ul li a:hover,footer .hbll-footer-wrapper ul li button:hover{color:#6892ca}footer .hbll-footer-wrapper ul li:not(:last-of-type){margin-bottom:.6em}footer .hbll-footer-wrapper .hbll-footer-bottom{text-align:center;background-color:#002e5d;color:#fff;font-family:IBM Plex Sans,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-size:.9em;line-height:1.6em;padding:1.8em;width:100%}footer .hbll-footer-wrapper .hbll-footer-bottom a{color:#fff}footer .hbll-footer-wrapper .hbll-footer-bottom ::ng-deep lib-link .link{color:#fff}footer .hbll-footer-wrapper .hbll-footer-bottom ::ng-deep lib-link .link:hover,footer .hbll-footer-wrapper .hbll-footer-bottom ::ng-deep lib-link .link:focus-visible{color:#fff}footer .hbll-footer-wrapper .hbll-footer-bottom .hbll-footer-title{font-size:2em;font-weight:400;line-height:1em}footer .hbll-footer-wrapper .hbll-footer-bottom .hbll-footer-privacy{margin-top:.4em;display:flex;align-items:center;justify-content:center;gap:5px}footer .hbll-footer-wrapper .hbll-footer-bottom .hbll-footer-privacy a{text-decoration:underline}footer .hbll-footer-wrapper .hbll-footer-bottom .hbll-footer-privacy ::ng-deep lib-link .link__text{text-decoration:underline}footer .hbll-footer-wrapper .hbll-footer-bottom .hbll-footer-privacy ::ng-deep #teconsent a{color:#fff;text-decoration:underline;padding:4px}footer .hbll-footer-wrapper .hbll-footer-bottom .hbll-footer-privacy ::ng-deep #teconsent a:hover{color:#fff}@media screen and (max-width: 40em){.hbll-footer-links{flex-direction:column;justify-content:flex-start;width:100%}}dialog{border:solid 1px #888;border-radius:4px;width:90%;max-width:50em;padding:0;transition:all 5s ease-in-out}dialog .hbll-footer-email-success,dialog form{padding:1.6em 2em}dialog .hbll-footer-email-success p,dialog form p{text-align:center;line-height:1.4em}dialog .hbll-footer-email-success{display:flex;justify-content:center;align-items:center;flex-direction:column}dialog .hbll-footer-email-success button{margin-top:1em}dialog form{display:flex;flex-direction:column;position:relative}dialog form textarea{min-height:100px;resize:vertical}dialog form input,dialog form textarea,dialog form .hbll-footer-select-wrapper{margin-bottom:.6em}dialog form .hbll-footer-email-bottom-bar{display:flex;align-items:center;justify-content:flex-end}dialog form .hbll-footer-email-bottom-bar .hbll-footer-connection-error{text-align:right;flex-grow:1;margin:0 1em 0 0}dialog form label{margin-bottom:.4em;margin-top:.4em}dialog form .hbll-footer-email-error{display:flex;justify-content:center;align-items:center;margin-right:auto;margin-bottom:.6em;font-size:.8em}dialog form .hbll-footer-email-error .hbll-footer-email-error-icon{font-size:1.2em;margin-right:.2em}dialog form .hbll-footer-email-top{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;margin-bottom:1em}dialog form .hbll-footer-email-top h1{font-size:1.4em;margin:0}dialog form .hbll-footer-email-required-message{float:right}dialog form .hbll-footer-select-wrapper{margin-right:auto}dialog form .hbll-footer-email-required{color:#d03a3a}dialog form button:not([type=submit]){color:#333}dialog form button:not([type=submit]):hover{color:#696969}dialog form button[type=submit]{margin-left:auto}dialog::backdrop{background-color:#000;opacity:.75}\n"] }]
         }], propDecorators: { emailDialog: [{
                 type: ViewChild,
                 args: ['emailDialog']
@@ -1717,17 +1959,104 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 type: Output
             }] } });
 
-class HbllCheckboxComponent {
+/**
+ * A flexible, reusable checkbox component that supports multiple states (error, disabled, indeterminate, default, and checked)
+ *
+ * @example
+ * ```html
+ * <!-- Default checkbox with label (toggleable) -->
+ * <lib-label text="Normal Checkbox 1" [for]="'checkbox1'"></lib-label>
+ * <lib-checkbox
+ *     inputId="checkbox1"
+ *     [isChecked]="normalInfo()"
+ *     (checkedChange)="normalInfo.set($event)"
+ * ></lib-checkbox>
+ *
+ * <!-- Disabled checkbox checked -->
+ * <lib-label text="Disabled Checked" [for]="'disabled-checkbox'"></lib-label>
+ * <lib-checkbox
+ *     inputId="disabled-checkbox"
+ *     [isChecked]="true"
+ *     [disabled]="true"
+ * ></lib-checkbox>
+ *
+ * <!-- Small checkbox toggleable -->
+ * <lib-label text="Small Checkbox 1" [for]="'small-checkbox'"></lib-label>
+ * <lib-checkbox
+ *     inputId="small-checkbox"
+ *     [isChecked]="smallInfo()"
+ *     (checkedChange)="smallInfo.set($event)"
+ *     [isSmall]="true"
+ * ></lib-checkbox>
+ *
+ * <!-- Error checkbox toggleable -->
+ * <lib-label text="Error Checkbox 1" [for]="'error-checkbox'"></lib-label>
+ * <lib-checkbox
+ *     inputId="error-checkbox"
+ *     [isChecked]="errorInfo()"
+ *     (checkedChange)="errorInfo.set($event)"
+ *     [isError]="true"
+ * ></lib-checkbox>
+ *
+ * <!-- Indeterminate parent with children example -->
+ * <div style="display: flex; flex-direction: column; gap: 8px;">
+ *     <!-- Parent -->
+ *     <div style="display: flex; align-items: center; gap: 8px">
+ *         <lib-label text="Select All" [for]="'parent-checkbox'"></lib-label>
+ *         <lib-checkbox
+ *             inputId="parent-checkbox"
+ *             [isChecked]="parentChecked()"
+ *             [isIndeterminate]="parentIndeterminate()"
+ *             (checkedChange)="toggleParent($event)"
+ *         ></lib-checkbox>
+ *     </div>
+ *     <!-- Children -->
+ *     <div style="margin-left: 24px;">
+ *         <lib-label text="Option 1" [for]="'child-1'"></lib-label>
+ *         <lib-checkbox
+ *             inputId="child-1"
+ *             [isChecked]="child1()"
+ *             (checkedChange)="child1.set($event)"
+ *         ></lib-checkbox>
+ *     </div>
+ * </div>
+ * ```
+ */
+class CheckboxComponent {
     constructor() {
-        this.isChecked = input(false, ...(ngDevMode ? [{ debugName: "isChecked" }] : []));
+        this.isChecked = false;
+        this.isIndeterminate = false;
+        this.isSmall = false;
+        this.disabled = false;
+        this.isError = false;
+        this.inputId = '';
+        this.checkedChange = new EventEmitter();
+    }
+    onCheckBoxChange(event) {
+        const checkbox = event.target;
+        this.checkedChange.emit(checkbox.checked);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HbllCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: HbllCheckboxComponent, isStandalone: true, selector: "lib-checkbox", inputs: { isChecked: { classPropertyName: "isChecked", publicName: "isChecked", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span class=\"components-checkbox-container\" [class.components-checked]=\"isChecked()\">\n    @if (isChecked()) {\n        <span class=\"material-symbols-outlined components-icon\"> check </span>\n    }\n</span>\n", styles: [".components-checkbox-container{transition:.15s;height:1.13em;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:4px;border:solid 1px #707070;color:#fff;box-sizing:border-box;position:relative}.components-checkbox-container.components-checked{border-color:#3a6093;background-color:#3a6093}.components-checkbox-container.components-checked .components-icon{position:absolute;font-size:1.1em}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: CheckboxComponent, isStandalone: true, selector: "lib-checkbox", inputs: { isChecked: "isChecked", isIndeterminate: "isIndeterminate", isSmall: "isSmall", disabled: "disabled", isError: "isError", inputId: "inputId" }, outputs: { checkedChange: "checkedChange" }, ngImport: i0, template: "<input\n    [id]=\"inputId\"\n    type=\"checkbox\"\n    class=\"checkbox\"\n    [class.checkbox-small]=\"isSmall\"\n    [class.checkbox-error]=\"isError\"\n    [checked]=\"isChecked\"\n    [indeterminate]=\"isIndeterminate\"\n    [disabled]=\"disabled\"\n    (change)=\"onCheckBoxChange($event)\"\n/>\n", styles: ["html{border:0;margin:0;padding:0;-webkit-text-size-adjust:100%}body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}:root{--color-navy: #00245d;--color-royal: #0047ba;--color-white: #ffffff;--color-blue-500: #00245d;--color-blue-400: #003995;--color-blue-300: #0047ba;--color-blue-200: #336cc8;--color-blue-150: #ccdaf1;--color-blue-100: #e5edf8;--color-gray-500: #141414;--color-gray-400: #737373;--color-gray-300: #8f8f8f;--color-gray-200: #d0d0d0;--color-gray-100: #e7e7e7;--color-gray-50: #f9f9f9;--color-gray-brand-400: #737373;--color-green-500: #1d562e;--color-green-400: #2e8545;--color-green-300: #3ba35a;--color-green-200: #9dd1ac;--color-green-100: #ebf6ee;--color-teal-500: #26485f;--color-teal-400: #3e7295;--color-teal-300: #457fa6;--color-teal-200: #a2bfd3;--color-teal-100: #ecf2f6;--color-red-500: #702121;--color-red-400: #b33837;--color-red-300: #c73e3d;--color-red-200: #e39e9e;--color-red-100: #f9ecec;--color-yellow-500: #635f04;--color-yellow-400: #928c30;--color-yellow-300: #d1c844;--color-yellow-200: #e8e3a1;--color-yellow-100: #f2f0e9;--color-purple-focus: #b967c7;--text-heading: #002e5d;--text-secondary-heading: #737373;--text-body: #141414;--text-disabled: #737373;--text-link: #336cc8;--text-on-action: #ffffff;--text-success: #1d562e;--text-info: #26485f;--text-error: #702121;--text-warning: #635f04;--surface-success: #ebf6ee;--surface-info: #ecf2f6;--surface-error: #f9ecec;--surface-warning: #f2f0e9;--focus-ring-color: #b967c7}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Light.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Regular.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Semibold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Bold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-LightItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Italic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-SemiboldItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-BoldItalic.ttf) format(\"truetype\");font-display:swap}h1,h2,h3,h4,h5,h6,span:not(.material-symbols-outlined),a,p{font-family:Source Sans Pro}h1{font-weight:300;font-style:normal;color:var(--text-heading)}h2{font-weight:400;font-style:normal;color:var(--text-heading)}h3{font-weight:700;font-style:normal;color:var(--text-heading)}h4,h5,h6{font-weight:600;font-style:normal;color:var(--text-secondary-heading)}.hbll-default-body{font-weight:400;font-style:normal;max-width:35rem;min-width:22.25rem;color:var(--text-body)}.hbll-caption{font-weight:400;font-style:normal;max-width:25.25rem;min-width:17.5rem;color:var(--text-body)}.hbll-large{font-weight:400;font-style:normal;max-width:41.25rem;min-width:26.5rem;color:var(--text-body)}a{color:var(--text-link);text-decoration:underline}.hbll-emphasis{font-weight:600}h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.75rem;line-height:2.25rem}h3,h4{font-size:1.5rem;line-height:2rem}h5,h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:.875rem;line-height:1.25rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1rem;line-height:1.5rem}@media screen and (min-width: 52.125em){h1{font-size:3rem;line-height:3.5rem}h2{font-size:2.5rem;line-height:3rem}h3{font-size:2rem;line-height:3rem}h4{font-size:1.75rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}@media screen and (min-width: 90em){h1{font-size:3.75rem;line-height:4.25rem}h2{font-size:3rem;line-height:3.5rem}h3{font-size:2.5rem;line-height:3rem}h4{font-size:2rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only.sr-only-focusable:focus,.sr-only.sr-only-focusable:focus-within,.sr-only.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.checkbox{appearance:none;-webkit-appearance:none;height:1.25rem;width:1.25rem;display:inline-flex;align-items:center;justify-content:center;border:solid 2px #737373;border-radius:4px;background-color:transparent;box-sizing:border-box;cursor:pointer;margin:0}.checkbox.checkbox-error{border-color:#c73e3d}.checkbox.checkbox-error:checked,.checkbox.checkbox-error:indeterminate{border-color:#c73e3d;background-color:#c73e3d}.checkbox:checked,.checkbox:indeterminate{border-color:#0047ba;background-color:#0047ba;background-position:center;background-repeat:no-repeat}.checkbox:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\")}.checkbox:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cline x1='5' y1='12' x2='19' y2='12' /%3E%3C/svg%3E\")}.checkbox.checkbox-small{height:.75rem;width:.75rem;border-radius:4px}.checkbox:disabled{cursor:not-allowed;border-color:#737373;background-color:#e7e7e7;opacity:.5}.checkbox:disabled:hover{outline:none}.checkbox:disabled:checked,.checkbox:disabled:indeterminate{background-color:#e7e7e7;border-color:#737373}.checkbox:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238f8f8f' stroke-width='3' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\")}.checkbox:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238f8f8f' stroke-width='3' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cline x1='5' y1='12' x2='19' y2='12' /%3E%3C/svg%3E\")}.checkbox:focus-visible{outline:2px solid #b967c7;outline-offset:1px}.checkbox:hover{outline:2px solid #ccdaf1;outline-offset:1px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HbllCheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CheckboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-checkbox', imports: [CommonModule], template: "<span class=\"components-checkbox-container\" [class.components-checked]=\"isChecked()\">\n    @if (isChecked()) {\n        <span class=\"material-symbols-outlined components-icon\"> check </span>\n    }\n</span>\n", styles: [".components-checkbox-container{transition:.15s;height:1.13em;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:4px;border:solid 1px #707070;color:#fff;box-sizing:border-box;position:relative}.components-checkbox-container.components-checked{border-color:#3a6093;background-color:#3a6093}.components-checkbox-container.components-checked .components-icon{position:absolute;font-size:1.1em}\n"] }]
-        }], propDecorators: { isChecked: [{ type: i0.Input, args: [{ isSignal: true, alias: "isChecked", required: false }] }] } });
+            args: [{ selector: 'lib-checkbox', standalone: true, imports: [CommonModule], template: "<input\n    [id]=\"inputId\"\n    type=\"checkbox\"\n    class=\"checkbox\"\n    [class.checkbox-small]=\"isSmall\"\n    [class.checkbox-error]=\"isError\"\n    [checked]=\"isChecked\"\n    [indeterminate]=\"isIndeterminate\"\n    [disabled]=\"disabled\"\n    (change)=\"onCheckBoxChange($event)\"\n/>\n", styles: ["html{border:0;margin:0;padding:0;-webkit-text-size-adjust:100%}body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}:root{--color-navy: #00245d;--color-royal: #0047ba;--color-white: #ffffff;--color-blue-500: #00245d;--color-blue-400: #003995;--color-blue-300: #0047ba;--color-blue-200: #336cc8;--color-blue-150: #ccdaf1;--color-blue-100: #e5edf8;--color-gray-500: #141414;--color-gray-400: #737373;--color-gray-300: #8f8f8f;--color-gray-200: #d0d0d0;--color-gray-100: #e7e7e7;--color-gray-50: #f9f9f9;--color-gray-brand-400: #737373;--color-green-500: #1d562e;--color-green-400: #2e8545;--color-green-300: #3ba35a;--color-green-200: #9dd1ac;--color-green-100: #ebf6ee;--color-teal-500: #26485f;--color-teal-400: #3e7295;--color-teal-300: #457fa6;--color-teal-200: #a2bfd3;--color-teal-100: #ecf2f6;--color-red-500: #702121;--color-red-400: #b33837;--color-red-300: #c73e3d;--color-red-200: #e39e9e;--color-red-100: #f9ecec;--color-yellow-500: #635f04;--color-yellow-400: #928c30;--color-yellow-300: #d1c844;--color-yellow-200: #e8e3a1;--color-yellow-100: #f2f0e9;--color-purple-focus: #b967c7;--text-heading: #002e5d;--text-secondary-heading: #737373;--text-body: #141414;--text-disabled: #737373;--text-link: #336cc8;--text-on-action: #ffffff;--text-success: #1d562e;--text-info: #26485f;--text-error: #702121;--text-warning: #635f04;--surface-success: #ebf6ee;--surface-info: #ecf2f6;--surface-error: #f9ecec;--surface-warning: #f2f0e9;--focus-ring-color: #b967c7}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Light.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Regular.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Semibold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Bold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-LightItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Italic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-SemiboldItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-BoldItalic.ttf) format(\"truetype\");font-display:swap}h1,h2,h3,h4,h5,h6,span:not(.material-symbols-outlined),a,p{font-family:Source Sans Pro}h1{font-weight:300;font-style:normal;color:var(--text-heading)}h2{font-weight:400;font-style:normal;color:var(--text-heading)}h3{font-weight:700;font-style:normal;color:var(--text-heading)}h4,h5,h6{font-weight:600;font-style:normal;color:var(--text-secondary-heading)}.hbll-default-body{font-weight:400;font-style:normal;max-width:35rem;min-width:22.25rem;color:var(--text-body)}.hbll-caption{font-weight:400;font-style:normal;max-width:25.25rem;min-width:17.5rem;color:var(--text-body)}.hbll-large{font-weight:400;font-style:normal;max-width:41.25rem;min-width:26.5rem;color:var(--text-body)}a{color:var(--text-link);text-decoration:underline}.hbll-emphasis{font-weight:600}h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.75rem;line-height:2.25rem}h3,h4{font-size:1.5rem;line-height:2rem}h5,h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:.875rem;line-height:1.25rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1rem;line-height:1.5rem}@media screen and (min-width: 52.125em){h1{font-size:3rem;line-height:3.5rem}h2{font-size:2.5rem;line-height:3rem}h3{font-size:2rem;line-height:3rem}h4{font-size:1.75rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}@media screen and (min-width: 90em){h1{font-size:3.75rem;line-height:4.25rem}h2{font-size:3rem;line-height:3.5rem}h3{font-size:2.5rem;line-height:3rem}h4{font-size:2rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only.sr-only-focusable:focus,.sr-only.sr-only-focusable:focus-within,.sr-only.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.checkbox{appearance:none;-webkit-appearance:none;height:1.25rem;width:1.25rem;display:inline-flex;align-items:center;justify-content:center;border:solid 2px #737373;border-radius:4px;background-color:transparent;box-sizing:border-box;cursor:pointer;margin:0}.checkbox.checkbox-error{border-color:#c73e3d}.checkbox.checkbox-error:checked,.checkbox.checkbox-error:indeterminate{border-color:#c73e3d;background-color:#c73e3d}.checkbox:checked,.checkbox:indeterminate{border-color:#0047ba;background-color:#0047ba;background-position:center;background-repeat:no-repeat}.checkbox:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\")}.checkbox:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cline x1='5' y1='12' x2='19' y2='12' /%3E%3C/svg%3E\")}.checkbox.checkbox-small{height:.75rem;width:.75rem;border-radius:4px}.checkbox:disabled{cursor:not-allowed;border-color:#737373;background-color:#e7e7e7;opacity:.5}.checkbox:disabled:hover{outline:none}.checkbox:disabled:checked,.checkbox:disabled:indeterminate{background-color:#e7e7e7;border-color:#737373}.checkbox:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238f8f8f' stroke-width='3' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\")}.checkbox:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238f8f8f' stroke-width='3' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cline x1='5' y1='12' x2='19' y2='12' /%3E%3C/svg%3E\")}.checkbox:focus-visible{outline:2px solid #b967c7;outline-offset:1px}.checkbox:hover{outline:2px solid #ccdaf1;outline-offset:1px}\n"] }]
+        }], propDecorators: { isChecked: [{
+                type: Input
+            }], isIndeterminate: [{
+                type: Input
+            }], isSmall: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], isError: [{
+                type: Input
+            }], inputId: [{
+                type: Input
+            }], checkedChange: [{
+                type: Output
+            }] } });
 
 class DateRangeComponent {
     constructor() {
@@ -2023,7 +2352,7 @@ class AdvancedSearchComponent {
         return this.advancedSearchForm.controls.expandResults.controls.applyEquivalentSubjects;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AdvancedSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: AdvancedSearchComponent, isStandalone: true, selector: "lib-ss-advanced-search", inputs: { config: "config" }, outputs: { advancedSearch: "advancedSearch" }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "inputTooltip", first: true, predicate: MatTooltip, descendants: true }], ngImport: i0, template: "<form\n    data-testid=\"advancedSearchForm\"\n    (submit)=\"config.scope === 'local' ? doLocalAdvancedSearch() : doExternalAdvancedSearch()\"\n    [formGroup]=\"advancedSearchForm\"\n    class=\"ss-adv-search-wrapper\"\n>\n    <h3>Advanced Search</h3>\n    <!-- Queries -->\n    @for (query of queries.controls; track $index; let queryIndex = $index) {\n        <div class=\"ss-adv-search-row\" [formGroup]=\"query\">\n            <!-- Boolean operator -->\n            <!-- Add boolean for each row except for first -->\n            @if (!$first) {\n                <div class=\"ss-select-wrapper\">\n                    <select\n                        [id]=\"'boolean' + queryIndex\"\n                        [formControlName]=\"'boolean'\"\n                        [attr.data-testid]=\"'boolean' + queryIndex\"\n                    >\n                        @for (boolean of advancedSearchOptions.boolean; track boolean) {\n                            <option [ngValue]=\"boolean\">\n                                {{ boolean }}\n                            </option>\n                        }\n                    </select>\n                </div>\n            }\n            <!-- Field -->\n            <label [for]=\"'field' + queryIndex\" class=\"ss-hidden\">Field {{ queryIndex }}</label>\n            <div class=\"ss-select-wrapper\">\n                <select\n                    [id]=\"'field' + queryIndex\"\n                    [formControlName]=\"'field'\"\n                    [attr.data-testid]=\"'field' + queryIndex\"\n                >\n                    @for (field of advancedSearchOptions.fields; track field) {\n                        <option [ngValue]=\"field\">\n                            {{ advancedSearchFieldMap[field] }}\n                        </option>\n                    }\n                    <optgroup\n                        [label]=\"(config.scope === 'external' ? 'Online' : 'Library') + ' Specific'\"\n                    >\n                        @for (\n                            field of config.scope === 'external'\n                                ? advancedSearchOptions.externalFields\n                                : advancedSearchOptions.localFields;\n                            track field\n                        ) {\n                            <option [ngValue]=\"field\">\n                                {{ advancedSearchFieldMap[field] }}\n                            </option>\n                        }\n                    </optgroup>\n                </select>\n            </div>\n            <!-- Qualifiers are only available for local searches -->\n            @if (config.scope === 'local') {\n                <label [for]=\"'qualifier' + queryIndex\" class=\"ss-hidden\"\n                    >Match Criteria {{ queryIndex }}</label\n                >\n                <div class=\"ss-select-wrapper\">\n                    <select\n                        [id]=\"'qualifier' + queryIndex\"\n                        [formControlName]=\"'qualifier'\"\n                        [attr.data-testid]=\"'qualifier' + queryIndex\"\n                    >\n                        <!-- $any because a field can technically be local or external, though this block is scoped strictly to local fields -->\n                        @for (\n                            qualifier of $any(advancedSearchOptions.qualifiers)[\n                                query.controls.field.value\n                            ];\n                            track qualifier;\n                            let optionIndex = $index\n                        ) {\n                            <option\n                                [ngValue]=\"qualifier\"\n                                [attr.data-testid]=\"\n                                    'qualifier' + queryIndex + '-option' + optionIndex\n                                \"\n                            >\n                                {{ $any(advancedSearchQualifierMap)[qualifier] }}\n                            </option>\n                        }\n                    </select>\n                </div>\n            }\n            <!-- Query -->\n            <label [for]=\"'query' + queryIndex\" class=\"ss-hidden\">Query {{ queryIndex }}</label>\n            <div class=\"ss-query-input\">\n                <input\n                    #searchInput\n                    [id]=\"'query' + queryIndex\"\n                    [formControlName]=\"'query'\"\n                    [attr.data-testid]=\"'query' + queryIndex\"\n                    required\n                    aria-required=\"true\"\n                    matTooltip=\"Fill out this field\"\n                    [matTooltipPosition]=\"'above'\"\n                    [matTooltipDisabled]=\"true\"\n                    [attr.aria-invalid]=\"isSubmitted && queries.at(0).controls.query.invalid\"\n                    aria-describedby=\"invalidInputDesc\"\n                />\n            </div>\n            @if (!$first) {\n                <button\n                    class=\"ss-row-cancel\"\n                    type=\"button\"\n                    (click)=\"removeQuery(queryIndex)\"\n                    [attr.data-testid]=\"'cancelRow' + queryIndex\"\n                >\n                    <span class=\"material-symbols-outlined ss-icon\"> cancel </span>\n                </button>\n            }\n        </div>\n    }\n    <button\n        type=\"button\"\n        (click)=\"addQuery()\"\n        id=\"addQueryBtn\"\n        data-testid=\"addQuery\"\n        [disabled]=\"queries.length > 11\"\n    >\n        <span class=\"material-symbols-outlined ss-icon\"> add </span>\n        Add a row\n    </button>\n    <!-- OTHER OPTIONS -->\n    <div class=\"ss-other-options\">\n        <!-- LOCAL -->\n        @if (config.scope === 'local') {\n            <!-- Type -->\n            <div data-testid=\"resourceType\">\n                <h4>Resource Type</h4>\n                <div class=\"ss-multi-select-wrapper\">\n                    <lib-multi-select\n                        [label]=\"'Resource Type'\"\n                        [allOptions]=\"advancedSearchOptions.types[config.institution]\"\n                        [selectedKeys]=\"types.value\"\n                        (selectedKeysChange)=\"types.setValue($event)\"\n                    ></lib-multi-select>\n                </div>\n            </div>\n            <!-- Collection -->\n            <div data-testid=\"collection\">\n                <h4>Collection</h4>\n                <div class=\"ss-multi-select-wrapper\">\n                    <lib-multi-select\n                        [label]=\"'Collection'\"\n                        [allOptions]=\"advancedSearchOptions.collections[config.institution]\"\n                        [selectedKeys]=\"collections.value\"\n                        (selectedKeysChange)=\"collections.setValue($event)\"\n                    ></lib-multi-select>\n                </div>\n            </div>\n            <!-- Language -->\n            <ng-container *ngTemplateOutlet=\"languageBlock\"></ng-container>\n            <!-- Date -->\n            <ng-container\n                *ngTemplateOutlet=\"dateBlock; context: { header: 'Creation Date' }\"\n            ></ng-container>\n        }\n        <!-- EXTERNAL -->\n        @if (config.scope === 'external') {\n            <div formGroupName=\"limitResults\" class=\"ss-checkbox-section\">\n                <h4>For Fewer Results Try</h4>\n                <!-- Peer reviewed -->\n                <label class=\"ss-checkbox-label\" for=\"peerReviewed\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"peerReviewed\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'peerReviewed'\"\n                        data-testid=\"peerReviewed\"\n                    />\n                    <lib-checkbox [isChecked]=\"peerReviewed.value\"></lib-checkbox>\n                    <span class=\"ss-label-text\">Peer reviewed journal articles</span>\n                </label>\n            </div>\n            <div formGroupName=\"expandResults\" class=\"ss-checkbox-section\">\n                <h4>For More Results Try</h4>\n                <!-- Apply equivalent subjects -->\n                <label class=\"ss-checkbox-label\" for=\"applyEquivalentSubjects\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"applyEquivalentSubjects\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'applyEquivalentSubjects'\"\n                        data-testid=\"applyEquivalentSubjects\"\n                    />\n                    <lib-checkbox [isChecked]=\"applyEquivalentSubjects.value\"></lib-checkbox>\n                    <span class=\"ss-label-text\">Apply equivalent subjects</span>\n                </label>\n                <!-- Full text -->\n                <label class=\"ss-checkbox-label\" for=\"fullText\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"fullText\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'fullText'\"\n                        data-testid=\"fullText\"\n                    />\n                    <lib-checkbox [isChecked]=\"fullText.value\"></lib-checkbox>\n                    <span class=\"ss-label-text\"\n                        >Include results the library doesn't have access to</span\n                    >\n                </label>\n            </div>\n            <!-- Date -->\n            <ng-container\n                *ngTemplateOutlet=\"dateBlock; context: { header: 'Date Published' }\"\n            ></ng-container>\n            <!-- Language -->\n            <ng-container *ngTemplateOutlet=\"languageBlock\"></ng-container>\n        }\n    </div>\n    <div id=\"advSearchFooter\">\n        <a [href]=\"'https://lib.byu.edu/browse/' + config.institution\">Alphabetic Browse</a>\n        <button\n            class=\"pill-btn--components\"\n            [ngClass]=\"{\n                ensign: config.institution === 'ensign',\n            }\"\n            type=\"submit\"\n            data-testid=\"advSearchSubmitButton\"\n        >\n            Search\n        </button>\n    </div>\n</form>\n\n<ng-template #languageBlock>\n    <div>\n        <h4>Language</h4>\n        <lib-multi-select\n            [label]=\"'language'\"\n            [allOptions]=\"advancedSearchOptions.languages\"\n            [selectedKeys]=\"languages.value\"\n            (selectedKeysChange)=\"languages.setValue($any($event))\"\n        ></lib-multi-select>\n    </div>\n</ng-template>\n<ng-template #dateBlock let-header=\"header\">\n    <div id=\"dateOptions\" class=\"external\">\n        <h4>{{ header }}</h4>\n        <lib-date-range\n            [from]=\"from.value\"\n            [to]=\"to.value\"\n            (fromChange)=\"from.setValue($event)\"\n            (toChange)=\"to.setValue($event)\"\n        ></lib-date-range>\n    </div>\n</ng-template>\n", styles: ["select,textarea,input{appearance:none;font-family:inherit;padding:.38em;border:solid 1px #707070;border-radius:4px;font-size:1em;background-color:#fff}select:focus,textarea:focus,input:focus{outline-color:#3a6093}.ss-select-wrapper{position:relative}.ss-select-wrapper select{cursor:pointer;padding-right:2em}.ss-select-wrapper:after{font-family:Material Symbols Outlined;content:\"arrow_drop_down\";pointer-events:none;top:0;font-size:1.5em;right:.2em;height:100%;position:absolute;display:flex;align-items:center;opacity:70%}.pill-btn--components{background-color:#4070b0;font-size:1em;transition:all .15s;color:#fff;cursor:pointer;font-weight:600;text-align:center}.pill-btn--components:disabled{color:#707070;background-color:#e6e6e6;pointer-events:none}.pill-btn--components:hover{background-color:#6892ca;color:#fff}.destructive.pill-btn--components{background-color:#b04940}.destructive.pill-btn--components:hover{background-color:#c7574d}button.ensign{background-color:#2b6042!important;border-color:#2a6142}button.ensign:hover{background-color:#357551!important}a,button{border:none;background:none;font-family:inherit;padding:0;margin:0;font-size:inherit;color:#1c7ec9;text-decoration:none;cursor:pointer}a:hover,button:hover{color:#8ab6f0}.pill-btn--components{border-radius:100em;padding:.4em 1.3em}:host{box-sizing:border-box}:host *{box-sizing:inherit}.ss-select-wrapper{margin-right:.3em}.ss-row-cancel{color:#aaa;margin-left:.4em;margin-top:.4em}.ss-row-cancel:hover{color:#666}.ss-row-cancel .ss-icon{font-size:1em}.ss-hidden{display:none}#addQueryBtn{display:flex;align-items:center}#addQueryBtn:disabled{color:#999;pointer-events:none}#addQueryBtn .icon{font-size:1em}.ss-adv-search-wrapper{width:100%}h3{font-size:1.13em;font-weight:300;margin-bottom:.7em;margin-top:0}h4{margin-bottom:.3em;font-weight:600}#dateOptions h4{margin-bottom:.8em}.ss-adv-search-row{display:flex;flex-wrap:wrap;width:100%;margin-bottom:.6em}.ss-query-input{display:inline-block;width:100%;margin-top:.25rem}.ss-query-input input{width:100%}.ss-other-options{display:grid;grid-template-columns:repeat(1,1fr);gap:.6em 1.6em;grid-auto-rows:minmax(1em,auto);margin-top:1.4em}.ss-other-options label{margin-right:.625rem}.ss-checkbox-label{display:inline-flex;align-items:flex-start;cursor:pointer}.ss-checkbox-label:not(:last-of-type){margin-bottom:.75em}.ss-checkbox-label .ss-label-text{margin-top:-.1em;margin-left:.45em}.ss-checkbox-section{margin-bottom:.8em}#advSearchFooter{margin-bottom:.5em;display:flex;justify-content:space-between;align-items:center;font-size:1.2em}#advSearchFooter a{font-size:.8em}@media screen and (min-width: 615px){.ss-adv-search-row{flex-wrap:nowrap}.ss-other-options{grid-template-columns:repeat(2,1fr)}.ss-query-input{margin-top:0}#dateOptions .external{grid-column:span 2}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.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: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: HbllMultiSelectComponent, selector: "lib-multi-select", inputs: ["allOptions", "label", "selectedKeys"], outputs: ["selectedKeysChange"] }, { kind: "component", type: HbllCheckboxComponent, selector: "lib-checkbox", inputs: ["isChecked"] }, { kind: "component", type: DateRangeComponent, selector: "lib-date-range", inputs: ["from", "to"], outputs: ["validDateChange", "fromChange", "toChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: AdvancedSearchComponent, isStandalone: true, selector: "lib-ss-advanced-search", inputs: { config: "config" }, outputs: { advancedSearch: "advancedSearch" }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "inputTooltip", first: true, predicate: MatTooltip, descendants: true }], ngImport: i0, template: "<form\n    data-testid=\"advancedSearchForm\"\n    (submit)=\"config.scope === 'local' ? doLocalAdvancedSearch() : doExternalAdvancedSearch()\"\n    [formGroup]=\"advancedSearchForm\"\n    class=\"ss-adv-search-wrapper\"\n>\n    <h3>Advanced Search</h3>\n    <!-- Queries -->\n    @for (query of queries.controls; track $index; let queryIndex = $index) {\n        <div class=\"ss-adv-search-row\" [formGroup]=\"query\">\n            <!-- Boolean operator -->\n            <!-- Add boolean for each row except for first -->\n            @if (!$first) {\n                <div class=\"ss-select-wrapper\">\n                    <select\n                        [id]=\"'boolean' + queryIndex\"\n                        [formControlName]=\"'boolean'\"\n                        [attr.data-testid]=\"'boolean' + queryIndex\"\n                    >\n                        @for (boolean of advancedSearchOptions.boolean; track boolean) {\n                            <option [ngValue]=\"boolean\">\n                                {{ boolean }}\n                            </option>\n                        }\n                    </select>\n                </div>\n            }\n            <!-- Field -->\n            <label [for]=\"'field' + queryIndex\" class=\"ss-hidden\">Field {{ queryIndex }}</label>\n            <div class=\"ss-select-wrapper\">\n                <select\n                    [id]=\"'field' + queryIndex\"\n                    [formControlName]=\"'field'\"\n                    [attr.data-testid]=\"'field' + queryIndex\"\n                >\n                    @for (field of advancedSearchOptions.fields; track field) {\n                        <option [ngValue]=\"field\">\n                            {{ advancedSearchFieldMap[field] }}\n                        </option>\n                    }\n                    <optgroup\n                        [label]=\"(config.scope === 'external' ? 'Online' : 'Library') + ' Specific'\"\n                    >\n                        @for (\n                            field of config.scope === 'external'\n                                ? advancedSearchOptions.externalFields\n                                : advancedSearchOptions.localFields;\n                            track field\n                        ) {\n                            <option [ngValue]=\"field\">\n                                {{ advancedSearchFieldMap[field] }}\n                            </option>\n                        }\n                    </optgroup>\n                </select>\n            </div>\n            <!-- Qualifiers are only available for local searches -->\n            @if (config.scope === 'local') {\n                <label [for]=\"'qualifier' + queryIndex\" class=\"ss-hidden\"\n                    >Match Criteria {{ queryIndex }}</label\n                >\n                <div class=\"ss-select-wrapper\">\n                    <select\n                        [id]=\"'qualifier' + queryIndex\"\n                        [formControlName]=\"'qualifier'\"\n                        [attr.data-testid]=\"'qualifier' + queryIndex\"\n                    >\n                        <!-- $any because a field can technically be local or external, though this block is scoped strictly to local fields -->\n                        @for (\n                            qualifier of $any(advancedSearchOptions.qualifiers)[\n                                query.controls.field.value\n                            ];\n                            track qualifier;\n                            let optionIndex = $index\n                        ) {\n                            <option\n                                [ngValue]=\"qualifier\"\n                                [attr.data-testid]=\"\n                                    'qualifier' + queryIndex + '-option' + optionIndex\n                                \"\n                            >\n                                {{ $any(advancedSearchQualifierMap)[qualifier] }}\n                            </option>\n                        }\n                    </select>\n                </div>\n            }\n            <!-- Query -->\n            <label [for]=\"'query' + queryIndex\" class=\"ss-hidden\">Query {{ queryIndex }}</label>\n            <div class=\"ss-query-input\">\n                <input\n                    #searchInput\n                    [id]=\"'query' + queryIndex\"\n                    [formControlName]=\"'query'\"\n                    [attr.data-testid]=\"'query' + queryIndex\"\n                    required\n                    aria-required=\"true\"\n                    matTooltip=\"Fill out this field\"\n                    [matTooltipPosition]=\"'above'\"\n                    [matTooltipDisabled]=\"true\"\n                    [attr.aria-invalid]=\"isSubmitted && queries.at(0).controls.query.invalid\"\n                    aria-describedby=\"invalidInputDesc\"\n                />\n            </div>\n            @if (!$first) {\n                <button\n                    class=\"ss-row-cancel\"\n                    type=\"button\"\n                    (click)=\"removeQuery(queryIndex)\"\n                    [attr.data-testid]=\"'cancelRow' + queryIndex\"\n                >\n                    <span class=\"material-symbols-outlined ss-icon\"> cancel </span>\n                </button>\n            }\n        </div>\n    }\n    <button\n        type=\"button\"\n        (click)=\"addQuery()\"\n        id=\"addQueryBtn\"\n        data-testid=\"addQuery\"\n        [disabled]=\"queries.length > 11\"\n    >\n        <span class=\"material-symbols-outlined ss-icon\"> add </span>\n        Add a row\n    </button>\n    <!-- OTHER OPTIONS -->\n    <div class=\"ss-other-options\">\n        <!-- LOCAL -->\n        @if (config.scope === 'local') {\n            <!-- Type -->\n            <div data-testid=\"resourceType\">\n                <h4>Resource Type</h4>\n                <div class=\"ss-multi-select-wrapper\">\n                    <lib-multi-select\n                        [label]=\"'Resource Type'\"\n                        [allOptions]=\"advancedSearchOptions.types[config.institution]\"\n                        [selectedKeys]=\"types.value\"\n                        (selectedKeysChange)=\"types.setValue($event)\"\n                    ></lib-multi-select>\n                </div>\n            </div>\n            <!-- Collection -->\n            <div data-testid=\"collection\">\n                <h4>Collection</h4>\n                <div class=\"ss-multi-select-wrapper\">\n                    <lib-multi-select\n                        [label]=\"'Collection'\"\n                        [allOptions]=\"advancedSearchOptions.collections[config.institution]\"\n                        [selectedKeys]=\"collections.value\"\n                        (selectedKeysChange)=\"collections.setValue($event)\"\n                    ></lib-multi-select>\n                </div>\n            </div>\n            <!-- Language -->\n            <ng-container *ngTemplateOutlet=\"languageBlock\"></ng-container>\n            <!-- Date -->\n            <ng-container\n                *ngTemplateOutlet=\"dateBlock; context: { header: 'Creation Date' }\"\n            ></ng-container>\n        }\n        <!-- EXTERNAL -->\n        @if (config.scope === 'external') {\n            <div formGroupName=\"limitResults\" class=\"ss-checkbox-section\">\n                <h4>For Fewer Results Try</h4>\n                <!-- Peer reviewed -->\n                <label class=\"ss-checkbox-label\" for=\"peerReviewed\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"peerReviewed\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'peerReviewed'\"\n                        data-testid=\"peerReviewed\"\n                    />\n                    <lib-checkbox [isChecked]=\"peerReviewed.value\"></lib-checkbox>\n                    <span class=\"ss-label-text\">Peer reviewed journal articles</span>\n                </label>\n            </div>\n            <div formGroupName=\"expandResults\" class=\"ss-checkbox-section\">\n                <h4>For More Results Try</h4>\n                <!-- Apply equivalent subjects -->\n                <label class=\"ss-checkbox-label\" for=\"applyEquivalentSubjects\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"applyEquivalentSubjects\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'applyEquivalentSubjects'\"\n                        data-testid=\"applyEquivalentSubjects\"\n                    />\n                    <lib-checkbox [isChecked]=\"applyEquivalentSubjects.value\"></lib-checkbox>\n                    <span class=\"ss-label-text\">Apply equivalent subjects</span>\n                </label>\n                <!-- Full text -->\n                <label class=\"ss-checkbox-label\" for=\"fullText\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"fullText\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'fullText'\"\n                        data-testid=\"fullText\"\n                    />\n                    <lib-checkbox [isChecked]=\"fullText.value\"></lib-checkbox>\n                    <span class=\"ss-label-text\"\n                        >Include results the library doesn't have access to</span\n                    >\n                </label>\n            </div>\n            <!-- Date -->\n            <ng-container\n                *ngTemplateOutlet=\"dateBlock; context: { header: 'Date Published' }\"\n            ></ng-container>\n            <!-- Language -->\n            <ng-container *ngTemplateOutlet=\"languageBlock\"></ng-container>\n        }\n    </div>\n    <div id=\"advSearchFooter\">\n        <a [href]=\"'https://lib.byu.edu/browse/' + config.institution\">Alphabetic Browse</a>\n        <button\n            class=\"pill-btn--components\"\n            [ngClass]=\"{\n                ensign: config.institution === 'ensign',\n            }\"\n            type=\"submit\"\n            data-testid=\"advSearchSubmitButton\"\n        >\n            Search\n        </button>\n    </div>\n</form>\n\n<ng-template #languageBlock>\n    <div>\n        <h4>Language</h4>\n        <lib-multi-select\n            [label]=\"'language'\"\n            [allOptions]=\"advancedSearchOptions.languages\"\n            [selectedKeys]=\"languages.value\"\n            (selectedKeysChange)=\"languages.setValue($any($event))\"\n        ></lib-multi-select>\n    </div>\n</ng-template>\n<ng-template #dateBlock let-header=\"header\">\n    <div id=\"dateOptions\" class=\"external\">\n        <h4>{{ header }}</h4>\n        <lib-date-range\n            [from]=\"from.value\"\n            [to]=\"to.value\"\n            (fromChange)=\"from.setValue($event)\"\n            (toChange)=\"to.setValue($event)\"\n        ></lib-date-range>\n    </div>\n</ng-template>\n", styles: ["select,textarea,input{appearance:none;font-family:inherit;padding:.38em;border:solid 1px #707070;border-radius:4px;font-size:1em;background-color:#fff}select:focus,textarea:focus,input:focus{outline-color:#3a6093}.ss-select-wrapper{position:relative}.ss-select-wrapper select{cursor:pointer;padding-right:2em}.ss-select-wrapper:after{font-family:Material Symbols Outlined;content:\"arrow_drop_down\";pointer-events:none;top:0;font-size:1.5em;right:.2em;height:100%;position:absolute;display:flex;align-items:center;opacity:70%}.pill-btn--components{background-color:#4070b0;font-size:1em;transition:all .15s;color:#fff;cursor:pointer;font-weight:600;text-align:center}.pill-btn--components:disabled{color:#707070;background-color:#e6e6e6;pointer-events:none}.pill-btn--components:hover{background-color:#6892ca;color:#fff}.destructive.pill-btn--components{background-color:#b04940}.destructive.pill-btn--components:hover{background-color:#c7574d}button.ensign{background-color:#2b6042!important;border-color:#2a6142}button.ensign:hover{background-color:#357551!important}html{border:0;margin:0;padding:0;-webkit-text-size-adjust:100%}body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}:root{--color-navy: #00245d;--color-royal: #0047ba;--color-white: #ffffff;--color-blue-500: #00245d;--color-blue-400: #003995;--color-blue-300: #0047ba;--color-blue-200: #336cc8;--color-blue-150: #ccdaf1;--color-blue-100: #e5edf8;--color-gray-500: #141414;--color-gray-400: #737373;--color-gray-300: #8f8f8f;--color-gray-200: #d0d0d0;--color-gray-100: #e7e7e7;--color-gray-50: #f9f9f9;--color-gray-brand-400: #737373;--color-green-500: #1d562e;--color-green-400: #2e8545;--color-green-300: #3ba35a;--color-green-200: #9dd1ac;--color-green-100: #ebf6ee;--color-teal-500: #26485f;--color-teal-400: #3e7295;--color-teal-300: #457fa6;--color-teal-200: #a2bfd3;--color-teal-100: #ecf2f6;--color-red-500: #702121;--color-red-400: #b33837;--color-red-300: #c73e3d;--color-red-200: #e39e9e;--color-red-100: #f9ecec;--color-yellow-500: #635f04;--color-yellow-400: #928c30;--color-yellow-300: #d1c844;--color-yellow-200: #e8e3a1;--color-yellow-100: #f2f0e9;--color-purple-focus: #b967c7;--text-heading: #002e5d;--text-secondary-heading: #737373;--text-body: #141414;--text-disabled: #737373;--text-link: #336cc8;--text-on-action: #ffffff;--text-success: #1d562e;--text-info: #26485f;--text-error: #702121;--text-warning: #635f04;--surface-success: #ebf6ee;--surface-info: #ecf2f6;--surface-error: #f9ecec;--surface-warning: #f2f0e9;--focus-ring-color: #b967c7}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Light.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Regular.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Semibold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Bold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-LightItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Italic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-SemiboldItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-BoldItalic.ttf) format(\"truetype\");font-display:swap}h1,h2,h3,h4,h5,h6,span:not(.material-symbols-outlined),a,p{font-family:Source Sans Pro}h1{font-weight:300;font-style:normal;color:var(--text-heading)}h2{font-weight:400;font-style:normal;color:var(--text-heading)}h3{font-weight:700;font-style:normal;color:var(--text-heading)}h4,h5,h6{font-weight:600;font-style:normal;color:var(--text-secondary-heading)}.hbll-default-body{font-weight:400;font-style:normal;max-width:35rem;min-width:22.25rem;color:var(--text-body)}.hbll-caption{font-weight:400;font-style:normal;max-width:25.25rem;min-width:17.5rem;color:var(--text-body)}.hbll-large{font-weight:400;font-style:normal;max-width:41.25rem;min-width:26.5rem;color:var(--text-body)}a{color:var(--text-link);text-decoration:underline}.hbll-emphasis{font-weight:600}h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.75rem;line-height:2.25rem}h3,h4{font-size:1.5rem;line-height:2rem}h5,h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:.875rem;line-height:1.25rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1rem;line-height:1.5rem}@media screen and (min-width: 52.125em){h1{font-size:3rem;line-height:3.5rem}h2{font-size:2.5rem;line-height:3rem}h3{font-size:2rem;line-height:3rem}h4{font-size:1.75rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}@media screen and (min-width: 90em){h1{font-size:3.75rem;line-height:4.25rem}h2{font-size:3rem;line-height:3.5rem}h3{font-size:2.5rem;line-height:3rem}h4{font-size:2rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only.sr-only-focusable:focus,.sr-only.sr-only-focusable:focus-within,.sr-only.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}a,button{border:none;background:none;font-family:inherit;padding:0;margin:0;font-size:inherit;color:#0047ba;text-decoration:none;cursor:pointer}a:hover,button:hover{color:#003995}.pill-btn--components{border-radius:100em;padding:.4em 1.3em}:host{box-sizing:border-box}:host *{box-sizing:inherit}.ss-select-wrapper{margin-right:.3em}.ss-row-cancel{color:#aaa;margin-left:.4em;margin-top:.4em}.ss-row-cancel:hover{color:#666}.ss-row-cancel .ss-icon{font-size:1em}.ss-hidden{display:none}#addQueryBtn{display:flex;align-items:center}#addQueryBtn:disabled{color:#999;pointer-events:none}#addQueryBtn .icon{font-size:1em}.ss-adv-search-wrapper{width:100%}h3{font-size:1.13em;font-weight:300;margin-bottom:.7em;margin-top:0}h4{margin-bottom:.3em;font-weight:600}#dateOptions h4{margin-bottom:.8em}.ss-adv-search-row{display:flex;flex-wrap:wrap;width:100%;margin-bottom:.6em}.ss-query-input{display:inline-block;width:100%;margin-top:.25rem}.ss-query-input input{width:100%}.ss-other-options{display:grid;grid-template-columns:repeat(1,1fr);gap:.6em 1.6em;grid-auto-rows:minmax(1em,auto);margin-top:1.4em}.ss-other-options label{margin-right:.625rem}.ss-checkbox-label{display:inline-flex;align-items:flex-start;cursor:pointer}.ss-checkbox-label:not(:last-of-type){margin-bottom:.75em}.ss-checkbox-label .ss-label-text{margin-top:-.1em;margin-left:.45em}.ss-checkbox-section{margin-bottom:.8em}#advSearchFooter{margin-bottom:.5em;display:flex;justify-content:space-between;align-items:center;font-size:1.2em}#advSearchFooter a{font-size:.8em}@media screen and (min-width: 615px){.ss-adv-search-row{flex-wrap:nowrap}.ss-other-options{grid-template-columns:repeat(2,1fr)}.ss-query-input{margin-top:0}#dateOptions .external{grid-column:span 2}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.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: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: HbllMultiSelectComponent, selector: "lib-multi-select", inputs: ["allOptions", "label", "selectedKeys"], outputs: ["selectedKeysChange"] }, { kind: "component", type: CheckboxComponent, selector: "lib-checkbox", inputs: ["isChecked", "isIndeterminate", "isSmall", "disabled", "isError", "inputId"], outputs: ["checkedChange"] }, { kind: "component", type: DateRangeComponent, selector: "lib-date-range", inputs: ["from", "to"], outputs: ["validDateChange", "fromChange", "toChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AdvancedSearchComponent, decorators: [{
             type: Component,
@@ -2033,9 +2362,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         MatTooltipModule,
                         MatIconModule,
                         HbllMultiSelectComponent,
-                        HbllCheckboxComponent,
+                        CheckboxComponent,
                         DateRangeComponent,
-                    ], template: "<form\n    data-testid=\"advancedSearchForm\"\n    (submit)=\"config.scope === 'local' ? doLocalAdvancedSearch() : doExternalAdvancedSearch()\"\n    [formGroup]=\"advancedSearchForm\"\n    class=\"ss-adv-search-wrapper\"\n>\n    <h3>Advanced Search</h3>\n    <!-- Queries -->\n    @for (query of queries.controls; track $index; let queryIndex = $index) {\n        <div class=\"ss-adv-search-row\" [formGroup]=\"query\">\n            <!-- Boolean operator -->\n            <!-- Add boolean for each row except for first -->\n            @if (!$first) {\n                <div class=\"ss-select-wrapper\">\n                    <select\n                        [id]=\"'boolean' + queryIndex\"\n                        [formControlName]=\"'boolean'\"\n                        [attr.data-testid]=\"'boolean' + queryIndex\"\n                    >\n                        @for (boolean of advancedSearchOptions.boolean; track boolean) {\n                            <option [ngValue]=\"boolean\">\n                                {{ boolean }}\n                            </option>\n                        }\n                    </select>\n                </div>\n            }\n            <!-- Field -->\n            <label [for]=\"'field' + queryIndex\" class=\"ss-hidden\">Field {{ queryIndex }}</label>\n            <div class=\"ss-select-wrapper\">\n                <select\n                    [id]=\"'field' + queryIndex\"\n                    [formControlName]=\"'field'\"\n                    [attr.data-testid]=\"'field' + queryIndex\"\n                >\n                    @for (field of advancedSearchOptions.fields; track field) {\n                        <option [ngValue]=\"field\">\n                            {{ advancedSearchFieldMap[field] }}\n                        </option>\n                    }\n                    <optgroup\n                        [label]=\"(config.scope === 'external' ? 'Online' : 'Library') + ' Specific'\"\n                    >\n                        @for (\n                            field of config.scope === 'external'\n                                ? advancedSearchOptions.externalFields\n                                : advancedSearchOptions.localFields;\n                            track field\n                        ) {\n                            <option [ngValue]=\"field\">\n                                {{ advancedSearchFieldMap[field] }}\n                            </option>\n                        }\n                    </optgroup>\n                </select>\n            </div>\n            <!-- Qualifiers are only available for local searches -->\n            @if (config.scope === 'local') {\n                <label [for]=\"'qualifier' + queryIndex\" class=\"ss-hidden\"\n                    >Match Criteria {{ queryIndex }}</label\n                >\n                <div class=\"ss-select-wrapper\">\n                    <select\n                        [id]=\"'qualifier' + queryIndex\"\n                        [formControlName]=\"'qualifier'\"\n                        [attr.data-testid]=\"'qualifier' + queryIndex\"\n                    >\n                        <!-- $any because a field can technically be local or external, though this block is scoped strictly to local fields -->\n                        @for (\n                            qualifier of $any(advancedSearchOptions.qualifiers)[\n                                query.controls.field.value\n                            ];\n                            track qualifier;\n                            let optionIndex = $index\n                        ) {\n                            <option\n                                [ngValue]=\"qualifier\"\n                                [attr.data-testid]=\"\n                                    'qualifier' + queryIndex + '-option' + optionIndex\n                                \"\n                            >\n                                {{ $any(advancedSearchQualifierMap)[qualifier] }}\n                            </option>\n                        }\n                    </select>\n                </div>\n            }\n            <!-- Query -->\n            <label [for]=\"'query' + queryIndex\" class=\"ss-hidden\">Query {{ queryIndex }}</label>\n            <div class=\"ss-query-input\">\n                <input\n                    #searchInput\n                    [id]=\"'query' + queryIndex\"\n                    [formControlName]=\"'query'\"\n                    [attr.data-testid]=\"'query' + queryIndex\"\n                    required\n                    aria-required=\"true\"\n                    matTooltip=\"Fill out this field\"\n                    [matTooltipPosition]=\"'above'\"\n                    [matTooltipDisabled]=\"true\"\n                    [attr.aria-invalid]=\"isSubmitted && queries.at(0).controls.query.invalid\"\n                    aria-describedby=\"invalidInputDesc\"\n                />\n            </div>\n            @if (!$first) {\n                <button\n                    class=\"ss-row-cancel\"\n                    type=\"button\"\n                    (click)=\"removeQuery(queryIndex)\"\n                    [attr.data-testid]=\"'cancelRow' + queryIndex\"\n                >\n                    <span class=\"material-symbols-outlined ss-icon\"> cancel </span>\n                </button>\n            }\n        </div>\n    }\n    <button\n        type=\"button\"\n        (click)=\"addQuery()\"\n        id=\"addQueryBtn\"\n        data-testid=\"addQuery\"\n        [disabled]=\"queries.length > 11\"\n    >\n        <span class=\"material-symbols-outlined ss-icon\"> add </span>\n        Add a row\n    </button>\n    <!-- OTHER OPTIONS -->\n    <div class=\"ss-other-options\">\n        <!-- LOCAL -->\n        @if (config.scope === 'local') {\n            <!-- Type -->\n            <div data-testid=\"resourceType\">\n                <h4>Resource Type</h4>\n                <div class=\"ss-multi-select-wrapper\">\n                    <lib-multi-select\n                        [label]=\"'Resource Type'\"\n                        [allOptions]=\"advancedSearchOptions.types[config.institution]\"\n                        [selectedKeys]=\"types.value\"\n                        (selectedKeysChange)=\"types.setValue($event)\"\n                    ></lib-multi-select>\n                </div>\n            </div>\n            <!-- Collection -->\n            <div data-testid=\"collection\">\n                <h4>Collection</h4>\n                <div class=\"ss-multi-select-wrapper\">\n                    <lib-multi-select\n                        [label]=\"'Collection'\"\n                        [allOptions]=\"advancedSearchOptions.collections[config.institution]\"\n                        [selectedKeys]=\"collections.value\"\n                        (selectedKeysChange)=\"collections.setValue($event)\"\n                    ></lib-multi-select>\n                </div>\n            </div>\n            <!-- Language -->\n            <ng-container *ngTemplateOutlet=\"languageBlock\"></ng-container>\n            <!-- Date -->\n            <ng-container\n                *ngTemplateOutlet=\"dateBlock; context: { header: 'Creation Date' }\"\n            ></ng-container>\n        }\n        <!-- EXTERNAL -->\n        @if (config.scope === 'external') {\n            <div formGroupName=\"limitResults\" class=\"ss-checkbox-section\">\n                <h4>For Fewer Results Try</h4>\n                <!-- Peer reviewed -->\n                <label class=\"ss-checkbox-label\" for=\"peerReviewed\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"peerReviewed\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'peerReviewed'\"\n                        data-testid=\"peerReviewed\"\n                    />\n                    <lib-checkbox [isChecked]=\"peerReviewed.value\"></lib-checkbox>\n                    <span class=\"ss-label-text\">Peer reviewed journal articles</span>\n                </label>\n            </div>\n            <div formGroupName=\"expandResults\" class=\"ss-checkbox-section\">\n                <h4>For More Results Try</h4>\n                <!-- Apply equivalent subjects -->\n                <label class=\"ss-checkbox-label\" for=\"applyEquivalentSubjects\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"applyEquivalentSubjects\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'applyEquivalentSubjects'\"\n                        data-testid=\"applyEquivalentSubjects\"\n                    />\n                    <lib-checkbox [isChecked]=\"applyEquivalentSubjects.value\"></lib-checkbox>\n                    <span class=\"ss-label-text\">Apply equivalent subjects</span>\n                </label>\n                <!-- Full text -->\n                <label class=\"ss-checkbox-label\" for=\"fullText\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"fullText\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'fullText'\"\n                        data-testid=\"fullText\"\n                    />\n                    <lib-checkbox [isChecked]=\"fullText.value\"></lib-checkbox>\n                    <span class=\"ss-label-text\"\n                        >Include results the library doesn't have access to</span\n                    >\n                </label>\n            </div>\n            <!-- Date -->\n            <ng-container\n                *ngTemplateOutlet=\"dateBlock; context: { header: 'Date Published' }\"\n            ></ng-container>\n            <!-- Language -->\n            <ng-container *ngTemplateOutlet=\"languageBlock\"></ng-container>\n        }\n    </div>\n    <div id=\"advSearchFooter\">\n        <a [href]=\"'https://lib.byu.edu/browse/' + config.institution\">Alphabetic Browse</a>\n        <button\n            class=\"pill-btn--components\"\n            [ngClass]=\"{\n                ensign: config.institution === 'ensign',\n            }\"\n            type=\"submit\"\n            data-testid=\"advSearchSubmitButton\"\n        >\n            Search\n        </button>\n    </div>\n</form>\n\n<ng-template #languageBlock>\n    <div>\n        <h4>Language</h4>\n        <lib-multi-select\n            [label]=\"'language'\"\n            [allOptions]=\"advancedSearchOptions.languages\"\n            [selectedKeys]=\"languages.value\"\n            (selectedKeysChange)=\"languages.setValue($any($event))\"\n        ></lib-multi-select>\n    </div>\n</ng-template>\n<ng-template #dateBlock let-header=\"header\">\n    <div id=\"dateOptions\" class=\"external\">\n        <h4>{{ header }}</h4>\n        <lib-date-range\n            [from]=\"from.value\"\n            [to]=\"to.value\"\n            (fromChange)=\"from.setValue($event)\"\n            (toChange)=\"to.setValue($event)\"\n        ></lib-date-range>\n    </div>\n</ng-template>\n", styles: ["select,textarea,input{appearance:none;font-family:inherit;padding:.38em;border:solid 1px #707070;border-radius:4px;font-size:1em;background-color:#fff}select:focus,textarea:focus,input:focus{outline-color:#3a6093}.ss-select-wrapper{position:relative}.ss-select-wrapper select{cursor:pointer;padding-right:2em}.ss-select-wrapper:after{font-family:Material Symbols Outlined;content:\"arrow_drop_down\";pointer-events:none;top:0;font-size:1.5em;right:.2em;height:100%;position:absolute;display:flex;align-items:center;opacity:70%}.pill-btn--components{background-color:#4070b0;font-size:1em;transition:all .15s;color:#fff;cursor:pointer;font-weight:600;text-align:center}.pill-btn--components:disabled{color:#707070;background-color:#e6e6e6;pointer-events:none}.pill-btn--components:hover{background-color:#6892ca;color:#fff}.destructive.pill-btn--components{background-color:#b04940}.destructive.pill-btn--components:hover{background-color:#c7574d}button.ensign{background-color:#2b6042!important;border-color:#2a6142}button.ensign:hover{background-color:#357551!important}a,button{border:none;background:none;font-family:inherit;padding:0;margin:0;font-size:inherit;color:#1c7ec9;text-decoration:none;cursor:pointer}a:hover,button:hover{color:#8ab6f0}.pill-btn--components{border-radius:100em;padding:.4em 1.3em}:host{box-sizing:border-box}:host *{box-sizing:inherit}.ss-select-wrapper{margin-right:.3em}.ss-row-cancel{color:#aaa;margin-left:.4em;margin-top:.4em}.ss-row-cancel:hover{color:#666}.ss-row-cancel .ss-icon{font-size:1em}.ss-hidden{display:none}#addQueryBtn{display:flex;align-items:center}#addQueryBtn:disabled{color:#999;pointer-events:none}#addQueryBtn .icon{font-size:1em}.ss-adv-search-wrapper{width:100%}h3{font-size:1.13em;font-weight:300;margin-bottom:.7em;margin-top:0}h4{margin-bottom:.3em;font-weight:600}#dateOptions h4{margin-bottom:.8em}.ss-adv-search-row{display:flex;flex-wrap:wrap;width:100%;margin-bottom:.6em}.ss-query-input{display:inline-block;width:100%;margin-top:.25rem}.ss-query-input input{width:100%}.ss-other-options{display:grid;grid-template-columns:repeat(1,1fr);gap:.6em 1.6em;grid-auto-rows:minmax(1em,auto);margin-top:1.4em}.ss-other-options label{margin-right:.625rem}.ss-checkbox-label{display:inline-flex;align-items:flex-start;cursor:pointer}.ss-checkbox-label:not(:last-of-type){margin-bottom:.75em}.ss-checkbox-label .ss-label-text{margin-top:-.1em;margin-left:.45em}.ss-checkbox-section{margin-bottom:.8em}#advSearchFooter{margin-bottom:.5em;display:flex;justify-content:space-between;align-items:center;font-size:1.2em}#advSearchFooter a{font-size:.8em}@media screen and (min-width: 615px){.ss-adv-search-row{flex-wrap:nowrap}.ss-other-options{grid-template-columns:repeat(2,1fr)}.ss-query-input{margin-top:0}#dateOptions .external{grid-column:span 2}}\n"] }]
+                    ], template: "<form\n    data-testid=\"advancedSearchForm\"\n    (submit)=\"config.scope === 'local' ? doLocalAdvancedSearch() : doExternalAdvancedSearch()\"\n    [formGroup]=\"advancedSearchForm\"\n    class=\"ss-adv-search-wrapper\"\n>\n    <h3>Advanced Search</h3>\n    <!-- Queries -->\n    @for (query of queries.controls; track $index; let queryIndex = $index) {\n        <div class=\"ss-adv-search-row\" [formGroup]=\"query\">\n            <!-- Boolean operator -->\n            <!-- Add boolean for each row except for first -->\n            @if (!$first) {\n                <div class=\"ss-select-wrapper\">\n                    <select\n                        [id]=\"'boolean' + queryIndex\"\n                        [formControlName]=\"'boolean'\"\n                        [attr.data-testid]=\"'boolean' + queryIndex\"\n                    >\n                        @for (boolean of advancedSearchOptions.boolean; track boolean) {\n                            <option [ngValue]=\"boolean\">\n                                {{ boolean }}\n                            </option>\n                        }\n                    </select>\n                </div>\n            }\n            <!-- Field -->\n            <label [for]=\"'field' + queryIndex\" class=\"ss-hidden\">Field {{ queryIndex }}</label>\n            <div class=\"ss-select-wrapper\">\n                <select\n                    [id]=\"'field' + queryIndex\"\n                    [formControlName]=\"'field'\"\n                    [attr.data-testid]=\"'field' + queryIndex\"\n                >\n                    @for (field of advancedSearchOptions.fields; track field) {\n                        <option [ngValue]=\"field\">\n                            {{ advancedSearchFieldMap[field] }}\n                        </option>\n                    }\n                    <optgroup\n                        [label]=\"(config.scope === 'external' ? 'Online' : 'Library') + ' Specific'\"\n                    >\n                        @for (\n                            field of config.scope === 'external'\n                                ? advancedSearchOptions.externalFields\n                                : advancedSearchOptions.localFields;\n                            track field\n                        ) {\n                            <option [ngValue]=\"field\">\n                                {{ advancedSearchFieldMap[field] }}\n                            </option>\n                        }\n                    </optgroup>\n                </select>\n            </div>\n            <!-- Qualifiers are only available for local searches -->\n            @if (config.scope === 'local') {\n                <label [for]=\"'qualifier' + queryIndex\" class=\"ss-hidden\"\n                    >Match Criteria {{ queryIndex }}</label\n                >\n                <div class=\"ss-select-wrapper\">\n                    <select\n                        [id]=\"'qualifier' + queryIndex\"\n                        [formControlName]=\"'qualifier'\"\n                        [attr.data-testid]=\"'qualifier' + queryIndex\"\n                    >\n                        <!-- $any because a field can technically be local or external, though this block is scoped strictly to local fields -->\n                        @for (\n                            qualifier of $any(advancedSearchOptions.qualifiers)[\n                                query.controls.field.value\n                            ];\n                            track qualifier;\n                            let optionIndex = $index\n                        ) {\n                            <option\n                                [ngValue]=\"qualifier\"\n                                [attr.data-testid]=\"\n                                    'qualifier' + queryIndex + '-option' + optionIndex\n                                \"\n                            >\n                                {{ $any(advancedSearchQualifierMap)[qualifier] }}\n                            </option>\n                        }\n                    </select>\n                </div>\n            }\n            <!-- Query -->\n            <label [for]=\"'query' + queryIndex\" class=\"ss-hidden\">Query {{ queryIndex }}</label>\n            <div class=\"ss-query-input\">\n                <input\n                    #searchInput\n                    [id]=\"'query' + queryIndex\"\n                    [formControlName]=\"'query'\"\n                    [attr.data-testid]=\"'query' + queryIndex\"\n                    required\n                    aria-required=\"true\"\n                    matTooltip=\"Fill out this field\"\n                    [matTooltipPosition]=\"'above'\"\n                    [matTooltipDisabled]=\"true\"\n                    [attr.aria-invalid]=\"isSubmitted && queries.at(0).controls.query.invalid\"\n                    aria-describedby=\"invalidInputDesc\"\n                />\n            </div>\n            @if (!$first) {\n                <button\n                    class=\"ss-row-cancel\"\n                    type=\"button\"\n                    (click)=\"removeQuery(queryIndex)\"\n                    [attr.data-testid]=\"'cancelRow' + queryIndex\"\n                >\n                    <span class=\"material-symbols-outlined ss-icon\"> cancel </span>\n                </button>\n            }\n        </div>\n    }\n    <button\n        type=\"button\"\n        (click)=\"addQuery()\"\n        id=\"addQueryBtn\"\n        data-testid=\"addQuery\"\n        [disabled]=\"queries.length > 11\"\n    >\n        <span class=\"material-symbols-outlined ss-icon\"> add </span>\n        Add a row\n    </button>\n    <!-- OTHER OPTIONS -->\n    <div class=\"ss-other-options\">\n        <!-- LOCAL -->\n        @if (config.scope === 'local') {\n            <!-- Type -->\n            <div data-testid=\"resourceType\">\n                <h4>Resource Type</h4>\n                <div class=\"ss-multi-select-wrapper\">\n                    <lib-multi-select\n                        [label]=\"'Resource Type'\"\n                        [allOptions]=\"advancedSearchOptions.types[config.institution]\"\n                        [selectedKeys]=\"types.value\"\n                        (selectedKeysChange)=\"types.setValue($event)\"\n                    ></lib-multi-select>\n                </div>\n            </div>\n            <!-- Collection -->\n            <div data-testid=\"collection\">\n                <h4>Collection</h4>\n                <div class=\"ss-multi-select-wrapper\">\n                    <lib-multi-select\n                        [label]=\"'Collection'\"\n                        [allOptions]=\"advancedSearchOptions.collections[config.institution]\"\n                        [selectedKeys]=\"collections.value\"\n                        (selectedKeysChange)=\"collections.setValue($event)\"\n                    ></lib-multi-select>\n                </div>\n            </div>\n            <!-- Language -->\n            <ng-container *ngTemplateOutlet=\"languageBlock\"></ng-container>\n            <!-- Date -->\n            <ng-container\n                *ngTemplateOutlet=\"dateBlock; context: { header: 'Creation Date' }\"\n            ></ng-container>\n        }\n        <!-- EXTERNAL -->\n        @if (config.scope === 'external') {\n            <div formGroupName=\"limitResults\" class=\"ss-checkbox-section\">\n                <h4>For Fewer Results Try</h4>\n                <!-- Peer reviewed -->\n                <label class=\"ss-checkbox-label\" for=\"peerReviewed\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"peerReviewed\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'peerReviewed'\"\n                        data-testid=\"peerReviewed\"\n                    />\n                    <lib-checkbox [isChecked]=\"peerReviewed.value\"></lib-checkbox>\n                    <span class=\"ss-label-text\">Peer reviewed journal articles</span>\n                </label>\n            </div>\n            <div formGroupName=\"expandResults\" class=\"ss-checkbox-section\">\n                <h4>For More Results Try</h4>\n                <!-- Apply equivalent subjects -->\n                <label class=\"ss-checkbox-label\" for=\"applyEquivalentSubjects\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"applyEquivalentSubjects\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'applyEquivalentSubjects'\"\n                        data-testid=\"applyEquivalentSubjects\"\n                    />\n                    <lib-checkbox [isChecked]=\"applyEquivalentSubjects.value\"></lib-checkbox>\n                    <span class=\"ss-label-text\">Apply equivalent subjects</span>\n                </label>\n                <!-- Full text -->\n                <label class=\"ss-checkbox-label\" for=\"fullText\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"fullText\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'fullText'\"\n                        data-testid=\"fullText\"\n                    />\n                    <lib-checkbox [isChecked]=\"fullText.value\"></lib-checkbox>\n                    <span class=\"ss-label-text\"\n                        >Include results the library doesn't have access to</span\n                    >\n                </label>\n            </div>\n            <!-- Date -->\n            <ng-container\n                *ngTemplateOutlet=\"dateBlock; context: { header: 'Date Published' }\"\n            ></ng-container>\n            <!-- Language -->\n            <ng-container *ngTemplateOutlet=\"languageBlock\"></ng-container>\n        }\n    </div>\n    <div id=\"advSearchFooter\">\n        <a [href]=\"'https://lib.byu.edu/browse/' + config.institution\">Alphabetic Browse</a>\n        <button\n            class=\"pill-btn--components\"\n            [ngClass]=\"{\n                ensign: config.institution === 'ensign',\n            }\"\n            type=\"submit\"\n            data-testid=\"advSearchSubmitButton\"\n        >\n            Search\n        </button>\n    </div>\n</form>\n\n<ng-template #languageBlock>\n    <div>\n        <h4>Language</h4>\n        <lib-multi-select\n            [label]=\"'language'\"\n            [allOptions]=\"advancedSearchOptions.languages\"\n            [selectedKeys]=\"languages.value\"\n            (selectedKeysChange)=\"languages.setValue($any($event))\"\n        ></lib-multi-select>\n    </div>\n</ng-template>\n<ng-template #dateBlock let-header=\"header\">\n    <div id=\"dateOptions\" class=\"external\">\n        <h4>{{ header }}</h4>\n        <lib-date-range\n            [from]=\"from.value\"\n            [to]=\"to.value\"\n            (fromChange)=\"from.setValue($event)\"\n            (toChange)=\"to.setValue($event)\"\n        ></lib-date-range>\n    </div>\n</ng-template>\n", styles: ["select,textarea,input{appearance:none;font-family:inherit;padding:.38em;border:solid 1px #707070;border-radius:4px;font-size:1em;background-color:#fff}select:focus,textarea:focus,input:focus{outline-color:#3a6093}.ss-select-wrapper{position:relative}.ss-select-wrapper select{cursor:pointer;padding-right:2em}.ss-select-wrapper:after{font-family:Material Symbols Outlined;content:\"arrow_drop_down\";pointer-events:none;top:0;font-size:1.5em;right:.2em;height:100%;position:absolute;display:flex;align-items:center;opacity:70%}.pill-btn--components{background-color:#4070b0;font-size:1em;transition:all .15s;color:#fff;cursor:pointer;font-weight:600;text-align:center}.pill-btn--components:disabled{color:#707070;background-color:#e6e6e6;pointer-events:none}.pill-btn--components:hover{background-color:#6892ca;color:#fff}.destructive.pill-btn--components{background-color:#b04940}.destructive.pill-btn--components:hover{background-color:#c7574d}button.ensign{background-color:#2b6042!important;border-color:#2a6142}button.ensign:hover{background-color:#357551!important}html{border:0;margin:0;padding:0;-webkit-text-size-adjust:100%}body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}:root{--color-navy: #00245d;--color-royal: #0047ba;--color-white: #ffffff;--color-blue-500: #00245d;--color-blue-400: #003995;--color-blue-300: #0047ba;--color-blue-200: #336cc8;--color-blue-150: #ccdaf1;--color-blue-100: #e5edf8;--color-gray-500: #141414;--color-gray-400: #737373;--color-gray-300: #8f8f8f;--color-gray-200: #d0d0d0;--color-gray-100: #e7e7e7;--color-gray-50: #f9f9f9;--color-gray-brand-400: #737373;--color-green-500: #1d562e;--color-green-400: #2e8545;--color-green-300: #3ba35a;--color-green-200: #9dd1ac;--color-green-100: #ebf6ee;--color-teal-500: #26485f;--color-teal-400: #3e7295;--color-teal-300: #457fa6;--color-teal-200: #a2bfd3;--color-teal-100: #ecf2f6;--color-red-500: #702121;--color-red-400: #b33837;--color-red-300: #c73e3d;--color-red-200: #e39e9e;--color-red-100: #f9ecec;--color-yellow-500: #635f04;--color-yellow-400: #928c30;--color-yellow-300: #d1c844;--color-yellow-200: #e8e3a1;--color-yellow-100: #f2f0e9;--color-purple-focus: #b967c7;--text-heading: #002e5d;--text-secondary-heading: #737373;--text-body: #141414;--text-disabled: #737373;--text-link: #336cc8;--text-on-action: #ffffff;--text-success: #1d562e;--text-info: #26485f;--text-error: #702121;--text-warning: #635f04;--surface-success: #ebf6ee;--surface-info: #ecf2f6;--surface-error: #f9ecec;--surface-warning: #f2f0e9;--focus-ring-color: #b967c7}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Light.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Regular.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Semibold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Bold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-LightItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Italic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-SemiboldItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-BoldItalic.ttf) format(\"truetype\");font-display:swap}h1,h2,h3,h4,h5,h6,span:not(.material-symbols-outlined),a,p{font-family:Source Sans Pro}h1{font-weight:300;font-style:normal;color:var(--text-heading)}h2{font-weight:400;font-style:normal;color:var(--text-heading)}h3{font-weight:700;font-style:normal;color:var(--text-heading)}h4,h5,h6{font-weight:600;font-style:normal;color:var(--text-secondary-heading)}.hbll-default-body{font-weight:400;font-style:normal;max-width:35rem;min-width:22.25rem;color:var(--text-body)}.hbll-caption{font-weight:400;font-style:normal;max-width:25.25rem;min-width:17.5rem;color:var(--text-body)}.hbll-large{font-weight:400;font-style:normal;max-width:41.25rem;min-width:26.5rem;color:var(--text-body)}a{color:var(--text-link);text-decoration:underline}.hbll-emphasis{font-weight:600}h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.75rem;line-height:2.25rem}h3,h4{font-size:1.5rem;line-height:2rem}h5,h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:.875rem;line-height:1.25rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1rem;line-height:1.5rem}@media screen and (min-width: 52.125em){h1{font-size:3rem;line-height:3.5rem}h2{font-size:2.5rem;line-height:3rem}h3{font-size:2rem;line-height:3rem}h4{font-size:1.75rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}@media screen and (min-width: 90em){h1{font-size:3.75rem;line-height:4.25rem}h2{font-size:3rem;line-height:3.5rem}h3{font-size:2.5rem;line-height:3rem}h4{font-size:2rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only.sr-only-focusable:focus,.sr-only.sr-only-focusable:focus-within,.sr-only.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}a,button{border:none;background:none;font-family:inherit;padding:0;margin:0;font-size:inherit;color:#0047ba;text-decoration:none;cursor:pointer}a:hover,button:hover{color:#003995}.pill-btn--components{border-radius:100em;padding:.4em 1.3em}:host{box-sizing:border-box}:host *{box-sizing:inherit}.ss-select-wrapper{margin-right:.3em}.ss-row-cancel{color:#aaa;margin-left:.4em;margin-top:.4em}.ss-row-cancel:hover{color:#666}.ss-row-cancel .ss-icon{font-size:1em}.ss-hidden{display:none}#addQueryBtn{display:flex;align-items:center}#addQueryBtn:disabled{color:#999;pointer-events:none}#addQueryBtn .icon{font-size:1em}.ss-adv-search-wrapper{width:100%}h3{font-size:1.13em;font-weight:300;margin-bottom:.7em;margin-top:0}h4{margin-bottom:.3em;font-weight:600}#dateOptions h4{margin-bottom:.8em}.ss-adv-search-row{display:flex;flex-wrap:wrap;width:100%;margin-bottom:.6em}.ss-query-input{display:inline-block;width:100%;margin-top:.25rem}.ss-query-input input{width:100%}.ss-other-options{display:grid;grid-template-columns:repeat(1,1fr);gap:.6em 1.6em;grid-auto-rows:minmax(1em,auto);margin-top:1.4em}.ss-other-options label{margin-right:.625rem}.ss-checkbox-label{display:inline-flex;align-items:flex-start;cursor:pointer}.ss-checkbox-label:not(:last-of-type){margin-bottom:.75em}.ss-checkbox-label .ss-label-text{margin-top:-.1em;margin-left:.45em}.ss-checkbox-section{margin-bottom:.8em}#advSearchFooter{margin-bottom:.5em;display:flex;justify-content:space-between;align-items:center;font-size:1.2em}#advSearchFooter a{font-size:.8em}@media screen and (min-width: 615px){.ss-adv-search-row{flex-wrap:nowrap}.ss-other-options{grid-template-columns:repeat(2,1fr)}.ss-query-input{margin-top:0}#dateOptions .external{grid-column:span 2}}\n"] }]
         }], propDecorators: { config: [{
                 type: Input,
                 args: [{ required: true }]
@@ -2213,11 +2542,11 @@ class SimpleSearchComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SimpleSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: SimpleSearchComponent, isStandalone: true, selector: "lib-ss-simple-search", inputs: { searchText: { classPropertyName: "searchText", publicName: "searchText", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: false, isRequired: true, transformFunction: null }, supportedSuggestionScopes: { classPropertyName: "supportedSuggestionScopes", publicName: "supportedSuggestionScopes", isSignal: false, isRequired: false, transformFunction: null }, suggestions: { classPropertyName: "suggestions", publicName: "suggestions", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { searchText: "searchTextChange", simpleSearch: "simpleSearch", clearSimpleSearch: "clearSimpleSearch", suggest: "suggest" }, host: { listeners: { "document:click": "onDocumentClick($event)", "focusout": "onFocusOut($event)" } }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "inputTooltip", first: true, predicate: MatTooltip, descendants: true }, { propertyName: "suggestionItems", predicate: ["suggestionItem"], descendants: true }], ngImport: i0, template: "<div class=\"ss-container\">\n    <form [formGroup]=\"searchForm\" (submit)=\"emitSimpleSearch()\" data-testid=\"searchForm\">\n        <input\n            #searchInput\n            data-testid=\"searchInput\"\n            id=\"q\"\n            name=\"q\"\n            type=\"text\"\n            autocomplete=\"off\"\n            required\n            aria-required=\"true\"\n            aria-label=\"search input\"\n            autocapitalize=\"off\"\n            formControlName=\"simpleQuery\"\n            matTooltip=\"Fill out this field\"\n            [matTooltipPosition]=\"'above'\"\n            [matTooltipDisabled]=\"true\"\n            [attr.aria-invalid]=\"isSubmitted && simpleQuery.invalid\"\n            (keydown)=\"onInputKeydown($event)\"\n        />\n        <label for=\"q\" data-testid=\"label\">{{\n            config.scope === 'local'\n                ? 'Books, media, special collections and more'\n                : 'Ebooks, articles, journals, databases, streaming media and more'\n        }}</label>\n        <button\n            type=\"submit\"\n            aria-label=\"search\"\n            data-testid=\"searchBtn\"\n            [ngClass]=\"{ ensign: config.institution === 'ensign' }\"\n        >\n            <span class=\"material-symbols-outlined ss-icon\"> search </span>\n        </button>\n    </form>\n\n    @if (simpleQuery.value) {\n        <button id=\"clear\" (click)=\"clearQuery()\" data-testid=\"clearBtn\">\n            <span class=\"material-symbols-outlined ss-icon\"> cancel </span>\n        </button>\n    }\n\n    @if (showSuggestions && suggestions.length > 0) {\n        <ul class=\"suggestions-list\" role=\"listbox\" data-testid=\"suggestionsList\">\n            @for (suggestion of suggestions; track $index; let i = $index) {\n                <li\n                    #suggestionItem\n                    class=\"suggestion-item\"\n                    [class.selected]=\"i === selectedSuggestionIndex\"\n                    (click)=\"selectSuggestion(suggestion)\"\n                    (keydown.enter)=\"selectSuggestion(suggestion)\"\n                    (keydown.space)=\"selectSuggestion(suggestion); $event.preventDefault()\"\n                    role=\"option\"\n                    tabindex=\"0\"\n                    [attr.aria-selected]=\"i === selectedSuggestionIndex\"\n                    data-testid=\"suggestionItem\"\n                >\n                    <span class=\"suggestion-text\" [title]=\"suggestion\">\n                        {{\n                            expandedSuggestions.has(i) || suggestion.length <= 500\n                                ? suggestion\n                                : (suggestion | slice: 0 : 500) + '...'\n                        }}\n                    </span>\n                    @if (suggestion.length > 500) {\n                        <button\n                            class=\"expand-btn\"\n                            (click)=\"toggleExpand(i, $event)\"\n                            [attr.aria-label]=\"\n                                expandedSuggestions.has(i) ? 'Collapse' : 'Expand suggestion'\n                            \"\n                        >\n                            <span class=\"material-symbols-outlined\">\n                                {{ expandedSuggestions.has(i) ? 'expand_less' : 'expand_more' }}\n                            </span>\n                        </button>\n                    }\n                </li>\n            }\n        </ul>\n    }\n</div>\n", styles: ["a,button{border:none;background:none;font-family:inherit;padding:0;margin:0;font-size:inherit;color:#1c7ec9;text-decoration:none;cursor:pointer}a:hover,button:hover{color:#8ab6f0}.ss-container{position:relative}form{display:flex}.ss-icon{font-size:1em}button[type=submit]{background:#fff;border-radius:0 4px 4px 0;margin:0;width:3em;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:color .2s,background-color .2s}button[type=submit] .ss-icon{color:#0047ba;font-size:1.7em}button[type=submit]:hover .ss-icon{color:#6892ca}button[type=submit].ensign .ss-icon{color:#2b6042}button[type=submit].ensign .ss-icon:hover{color:#357551}#clear{position:absolute;right:3em;top:0%;height:100%;display:flex;justify-content:center;align-items:center;padding:0 0 0 .375rem}#clear .ss-icon{height:auto;color:#acacac;transition:color ease-in-out .05s}#clear:hover .ss-icon{color:#666}input[type=text]{background-color:#fff;color:#000;font-family:inherit;border:none;font-weight:600;margin:0;overflow:hidden;cursor:text;width:calc(100% - 3em);font-size:1em;border-radius:4px 0 0 4px;padding:.56em 2em .56em .56em}input[type=text]:focus{outline:none}input[type=text]:valid+label,input[type=text]:focus+label{font-size:.75em;top:-.8em;padding-top:0;padding-bottom:0;pointer-events:none;margin-top:0;margin-left:.56em;cursor:default}input[type=text]:valid+label:before,input[type=text]:focus+label:before{opacity:1}label{cursor:text;transition:all .1s ease-in-out;position:absolute;padding:.5em .28em;margin-left:.28em;left:0;color:#707070;z-index:1;max-width:calc(100% - 3.4em);white-space:nowrap;line-height:normal;overflow:hidden;text-overflow:ellipsis;border-radius:4px}label:before{transition:all .1s ease-in-out;background-color:#fff;content:\"\";position:absolute;inset:0;opacity:0;z-index:-1}.suggestions-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d0d0d0;border-top:none;border-radius:0 0 4px 4px;list-style:none;margin:0;padding:0;max-height:300px;overflow-y:auto;box-shadow:0 4px 6px #0000001a;z-index:1000}.suggestion-item{padding:.75em 1em;cursor:pointer;transition:background-color .15s ease;color:#333;font-size:1em;display:flex;align-items:center;gap:.5em}.suggestion-item:hover,.suggestion-item.selected{background-color:#f0f0f0}.suggestion-item.selected{background-color:#e6f2ff}.suggestion-item:last-child{border-radius:0 0 4px 4px}.suggestion-text{flex:1;overflow-wrap:break-word}.expand-btn{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#707070;border-radius:50%;transition:background-color .2s}.expand-btn:hover{background-color:#0000000d;color:#0047ba}.expand-btn .material-symbols-outlined{font-size:1.25em}\n"], dependencies: [{ kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: SimpleSearchComponent, isStandalone: true, selector: "lib-ss-simple-search", inputs: { searchText: { classPropertyName: "searchText", publicName: "searchText", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: false, isRequired: true, transformFunction: null }, supportedSuggestionScopes: { classPropertyName: "supportedSuggestionScopes", publicName: "supportedSuggestionScopes", isSignal: false, isRequired: false, transformFunction: null }, suggestions: { classPropertyName: "suggestions", publicName: "suggestions", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { searchText: "searchTextChange", simpleSearch: "simpleSearch", clearSimpleSearch: "clearSimpleSearch", suggest: "suggest" }, host: { listeners: { "document:click": "onDocumentClick($event)", "focusout": "onFocusOut($event)" } }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "inputTooltip", first: true, predicate: MatTooltip, descendants: true }, { propertyName: "suggestionItems", predicate: ["suggestionItem"], descendants: true }], ngImport: i0, template: "<div class=\"ss-container\">\n    <form [formGroup]=\"searchForm\" (submit)=\"emitSimpleSearch()\" data-testid=\"searchForm\">\n        <input\n            #searchInput\n            data-testid=\"searchInput\"\n            id=\"q\"\n            name=\"q\"\n            type=\"text\"\n            autocomplete=\"off\"\n            required\n            aria-required=\"true\"\n            aria-label=\"search input\"\n            autocapitalize=\"off\"\n            formControlName=\"simpleQuery\"\n            matTooltip=\"Fill out this field\"\n            [matTooltipPosition]=\"'above'\"\n            [matTooltipDisabled]=\"true\"\n            [attr.aria-invalid]=\"isSubmitted && simpleQuery.invalid\"\n            (keydown)=\"onInputKeydown($event)\"\n        />\n        <label for=\"q\" data-testid=\"label\">{{\n            config.scope === 'local'\n                ? 'Books, media, special collections and more'\n                : 'Ebooks, articles, journals, databases, streaming media and more'\n        }}</label>\n        <button\n            type=\"submit\"\n            aria-label=\"search\"\n            data-testid=\"searchBtn\"\n            [ngClass]=\"{ ensign: config.institution === 'ensign' }\"\n        >\n            <span class=\"material-symbols-outlined ss-icon\"> search </span>\n        </button>\n    </form>\n\n    @if (simpleQuery.value) {\n        <button id=\"clear\" (click)=\"clearQuery()\" data-testid=\"clearBtn\">\n            <span class=\"material-symbols-outlined ss-icon\"> cancel </span>\n        </button>\n    }\n\n    @if (showSuggestions && suggestions.length > 0) {\n        <ul class=\"suggestions-list\" role=\"listbox\" data-testid=\"suggestionsList\">\n            @for (suggestion of suggestions; track $index; let i = $index) {\n                <li\n                    #suggestionItem\n                    class=\"suggestion-item\"\n                    [class.selected]=\"i === selectedSuggestionIndex\"\n                    (click)=\"selectSuggestion(suggestion)\"\n                    (keydown.enter)=\"selectSuggestion(suggestion)\"\n                    (keydown.space)=\"selectSuggestion(suggestion); $event.preventDefault()\"\n                    role=\"option\"\n                    tabindex=\"0\"\n                    [attr.aria-selected]=\"i === selectedSuggestionIndex\"\n                    data-testid=\"suggestionItem\"\n                >\n                    <span class=\"suggestion-text\" [title]=\"suggestion\">\n                        {{\n                            expandedSuggestions.has(i) || suggestion.length <= 500\n                                ? suggestion\n                                : (suggestion | slice: 0 : 500) + '...'\n                        }}\n                    </span>\n                    @if (suggestion.length > 500) {\n                        <button\n                            class=\"expand-btn\"\n                            (click)=\"toggleExpand(i, $event)\"\n                            [attr.aria-label]=\"\n                                expandedSuggestions.has(i) ? 'Collapse' : 'Expand suggestion'\n                            \"\n                        >\n                            <span class=\"material-symbols-outlined\">\n                                {{ expandedSuggestions.has(i) ? 'expand_less' : 'expand_more' }}\n                            </span>\n                        </button>\n                    }\n                </li>\n            }\n        </ul>\n    }\n</div>\n", styles: ["html{border:0;margin:0;padding:0;-webkit-text-size-adjust:100%}body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}:root{--color-navy: #00245d;--color-royal: #0047ba;--color-white: #ffffff;--color-blue-500: #00245d;--color-blue-400: #003995;--color-blue-300: #0047ba;--color-blue-200: #336cc8;--color-blue-150: #ccdaf1;--color-blue-100: #e5edf8;--color-gray-500: #141414;--color-gray-400: #737373;--color-gray-300: #8f8f8f;--color-gray-200: #d0d0d0;--color-gray-100: #e7e7e7;--color-gray-50: #f9f9f9;--color-gray-brand-400: #737373;--color-green-500: #1d562e;--color-green-400: #2e8545;--color-green-300: #3ba35a;--color-green-200: #9dd1ac;--color-green-100: #ebf6ee;--color-teal-500: #26485f;--color-teal-400: #3e7295;--color-teal-300: #457fa6;--color-teal-200: #a2bfd3;--color-teal-100: #ecf2f6;--color-red-500: #702121;--color-red-400: #b33837;--color-red-300: #c73e3d;--color-red-200: #e39e9e;--color-red-100: #f9ecec;--color-yellow-500: #635f04;--color-yellow-400: #928c30;--color-yellow-300: #d1c844;--color-yellow-200: #e8e3a1;--color-yellow-100: #f2f0e9;--color-purple-focus: #b967c7;--text-heading: #002e5d;--text-secondary-heading: #737373;--text-body: #141414;--text-disabled: #737373;--text-link: #336cc8;--text-on-action: #ffffff;--text-success: #1d562e;--text-info: #26485f;--text-error: #702121;--text-warning: #635f04;--surface-success: #ebf6ee;--surface-info: #ecf2f6;--surface-error: #f9ecec;--surface-warning: #f2f0e9;--focus-ring-color: #b967c7}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Light.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Regular.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Semibold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Bold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-LightItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Italic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-SemiboldItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-BoldItalic.ttf) format(\"truetype\");font-display:swap}h1,h2,h3,h4,h5,h6,span:not(.material-symbols-outlined),a,p{font-family:Source Sans Pro}h1{font-weight:300;font-style:normal;color:var(--text-heading)}h2{font-weight:400;font-style:normal;color:var(--text-heading)}h3{font-weight:700;font-style:normal;color:var(--text-heading)}h4,h5,h6{font-weight:600;font-style:normal;color:var(--text-secondary-heading)}.hbll-default-body{font-weight:400;font-style:normal;max-width:35rem;min-width:22.25rem;color:var(--text-body)}.hbll-caption{font-weight:400;font-style:normal;max-width:25.25rem;min-width:17.5rem;color:var(--text-body)}.hbll-large{font-weight:400;font-style:normal;max-width:41.25rem;min-width:26.5rem;color:var(--text-body)}a{color:var(--text-link);text-decoration:underline}.hbll-emphasis{font-weight:600}h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.75rem;line-height:2.25rem}h3,h4{font-size:1.5rem;line-height:2rem}h5,h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:.875rem;line-height:1.25rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1rem;line-height:1.5rem}@media screen and (min-width: 52.125em){h1{font-size:3rem;line-height:3.5rem}h2{font-size:2.5rem;line-height:3rem}h3{font-size:2rem;line-height:3rem}h4{font-size:1.75rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}@media screen and (min-width: 90em){h1{font-size:3.75rem;line-height:4.25rem}h2{font-size:3rem;line-height:3.5rem}h3{font-size:2.5rem;line-height:3rem}h4{font-size:2rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only.sr-only-focusable:focus,.sr-only.sr-only-focusable:focus-within,.sr-only.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}a,button{border:none;background:none;font-family:inherit;padding:0;margin:0;font-size:inherit;color:#0047ba;text-decoration:none;cursor:pointer}a:hover,button:hover{color:#003995}.ss-container{position:relative}form{display:flex}.ss-icon{font-size:1em}button[type=submit]{background:#fff;border-radius:0 4px 4px 0;margin:0;width:3em;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:color .2s,background-color .2s}button[type=submit] .ss-icon{color:#0047ba;font-size:1.7em}button[type=submit]:hover .ss-icon{color:#6892ca}button[type=submit].ensign .ss-icon{color:#2b6042}button[type=submit].ensign .ss-icon:hover{color:#357551}#clear{position:absolute;right:3em;top:0%;height:100%;display:flex;justify-content:center;align-items:center;padding:0 0 0 .375rem}#clear .ss-icon{height:auto;color:#acacac;transition:color ease-in-out .05s}#clear:hover .ss-icon{color:#666}input[type=text]{background-color:#fff;color:#000;font-family:inherit;border:none;font-weight:600;margin:0;overflow:hidden;cursor:text;width:calc(100% - 3em);font-size:1em;border-radius:4px 0 0 4px;padding:.56em 2em .56em .56em}input[type=text]:focus{outline:none}input[type=text]:valid+label,input[type=text]:focus+label{font-size:.75em;top:-.8em;padding-top:0;padding-bottom:0;pointer-events:none;margin-top:0;margin-left:.56em;cursor:default}input[type=text]:valid+label:before,input[type=text]:focus+label:before{opacity:1}label{cursor:text;transition:all .1s ease-in-out;position:absolute;padding:.5em .28em;margin-left:.28em;left:0;color:#707070;z-index:1;max-width:calc(100% - 3.4em);white-space:nowrap;line-height:normal;overflow:hidden;text-overflow:ellipsis;border-radius:4px}label:before{transition:all .1s ease-in-out;background-color:#fff;content:\"\";position:absolute;inset:0;opacity:0;z-index:-1}.suggestions-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d0d0d0;border-top:none;border-radius:0 0 4px 4px;list-style:none;margin:0;padding:0;max-height:300px;overflow-y:auto;box-shadow:0 4px 6px #0000001a;z-index:1000}.suggestion-item{padding:.75em 1em;cursor:pointer;transition:background-color .15s ease;color:#333;font-size:1em;display:flex;align-items:center;gap:.5em}.suggestion-item:hover,.suggestion-item.selected{background-color:#f0f0f0}.suggestion-item.selected{background-color:#e6f2ff}.suggestion-item:last-child{border-radius:0 0 4px 4px}.suggestion-text{flex:1;overflow-wrap:break-word}.expand-btn{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#707070;border-radius:50%;transition:background-color .2s}.expand-btn:hover{background-color:#0000000d;color:#0047ba}.expand-btn .material-symbols-outlined{font-size:1.25em}\n"], dependencies: [{ kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SimpleSearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-ss-simple-search', imports: [MatTooltipModule, MatIconModule, ReactiveFormsModule, CommonModule], template: "<div class=\"ss-container\">\n    <form [formGroup]=\"searchForm\" (submit)=\"emitSimpleSearch()\" data-testid=\"searchForm\">\n        <input\n            #searchInput\n            data-testid=\"searchInput\"\n            id=\"q\"\n            name=\"q\"\n            type=\"text\"\n            autocomplete=\"off\"\n            required\n            aria-required=\"true\"\n            aria-label=\"search input\"\n            autocapitalize=\"off\"\n            formControlName=\"simpleQuery\"\n            matTooltip=\"Fill out this field\"\n            [matTooltipPosition]=\"'above'\"\n            [matTooltipDisabled]=\"true\"\n            [attr.aria-invalid]=\"isSubmitted && simpleQuery.invalid\"\n            (keydown)=\"onInputKeydown($event)\"\n        />\n        <label for=\"q\" data-testid=\"label\">{{\n            config.scope === 'local'\n                ? 'Books, media, special collections and more'\n                : 'Ebooks, articles, journals, databases, streaming media and more'\n        }}</label>\n        <button\n            type=\"submit\"\n            aria-label=\"search\"\n            data-testid=\"searchBtn\"\n            [ngClass]=\"{ ensign: config.institution === 'ensign' }\"\n        >\n            <span class=\"material-symbols-outlined ss-icon\"> search </span>\n        </button>\n    </form>\n\n    @if (simpleQuery.value) {\n        <button id=\"clear\" (click)=\"clearQuery()\" data-testid=\"clearBtn\">\n            <span class=\"material-symbols-outlined ss-icon\"> cancel </span>\n        </button>\n    }\n\n    @if (showSuggestions && suggestions.length > 0) {\n        <ul class=\"suggestions-list\" role=\"listbox\" data-testid=\"suggestionsList\">\n            @for (suggestion of suggestions; track $index; let i = $index) {\n                <li\n                    #suggestionItem\n                    class=\"suggestion-item\"\n                    [class.selected]=\"i === selectedSuggestionIndex\"\n                    (click)=\"selectSuggestion(suggestion)\"\n                    (keydown.enter)=\"selectSuggestion(suggestion)\"\n                    (keydown.space)=\"selectSuggestion(suggestion); $event.preventDefault()\"\n                    role=\"option\"\n                    tabindex=\"0\"\n                    [attr.aria-selected]=\"i === selectedSuggestionIndex\"\n                    data-testid=\"suggestionItem\"\n                >\n                    <span class=\"suggestion-text\" [title]=\"suggestion\">\n                        {{\n                            expandedSuggestions.has(i) || suggestion.length <= 500\n                                ? suggestion\n                                : (suggestion | slice: 0 : 500) + '...'\n                        }}\n                    </span>\n                    @if (suggestion.length > 500) {\n                        <button\n                            class=\"expand-btn\"\n                            (click)=\"toggleExpand(i, $event)\"\n                            [attr.aria-label]=\"\n                                expandedSuggestions.has(i) ? 'Collapse' : 'Expand suggestion'\n                            \"\n                        >\n                            <span class=\"material-symbols-outlined\">\n                                {{ expandedSuggestions.has(i) ? 'expand_less' : 'expand_more' }}\n                            </span>\n                        </button>\n                    }\n                </li>\n            }\n        </ul>\n    }\n</div>\n", styles: ["a,button{border:none;background:none;font-family:inherit;padding:0;margin:0;font-size:inherit;color:#1c7ec9;text-decoration:none;cursor:pointer}a:hover,button:hover{color:#8ab6f0}.ss-container{position:relative}form{display:flex}.ss-icon{font-size:1em}button[type=submit]{background:#fff;border-radius:0 4px 4px 0;margin:0;width:3em;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:color .2s,background-color .2s}button[type=submit] .ss-icon{color:#0047ba;font-size:1.7em}button[type=submit]:hover .ss-icon{color:#6892ca}button[type=submit].ensign .ss-icon{color:#2b6042}button[type=submit].ensign .ss-icon:hover{color:#357551}#clear{position:absolute;right:3em;top:0%;height:100%;display:flex;justify-content:center;align-items:center;padding:0 0 0 .375rem}#clear .ss-icon{height:auto;color:#acacac;transition:color ease-in-out .05s}#clear:hover .ss-icon{color:#666}input[type=text]{background-color:#fff;color:#000;font-family:inherit;border:none;font-weight:600;margin:0;overflow:hidden;cursor:text;width:calc(100% - 3em);font-size:1em;border-radius:4px 0 0 4px;padding:.56em 2em .56em .56em}input[type=text]:focus{outline:none}input[type=text]:valid+label,input[type=text]:focus+label{font-size:.75em;top:-.8em;padding-top:0;padding-bottom:0;pointer-events:none;margin-top:0;margin-left:.56em;cursor:default}input[type=text]:valid+label:before,input[type=text]:focus+label:before{opacity:1}label{cursor:text;transition:all .1s ease-in-out;position:absolute;padding:.5em .28em;margin-left:.28em;left:0;color:#707070;z-index:1;max-width:calc(100% - 3.4em);white-space:nowrap;line-height:normal;overflow:hidden;text-overflow:ellipsis;border-radius:4px}label:before{transition:all .1s ease-in-out;background-color:#fff;content:\"\";position:absolute;inset:0;opacity:0;z-index:-1}.suggestions-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d0d0d0;border-top:none;border-radius:0 0 4px 4px;list-style:none;margin:0;padding:0;max-height:300px;overflow-y:auto;box-shadow:0 4px 6px #0000001a;z-index:1000}.suggestion-item{padding:.75em 1em;cursor:pointer;transition:background-color .15s ease;color:#333;font-size:1em;display:flex;align-items:center;gap:.5em}.suggestion-item:hover,.suggestion-item.selected{background-color:#f0f0f0}.suggestion-item.selected{background-color:#e6f2ff}.suggestion-item:last-child{border-radius:0 0 4px 4px}.suggestion-text{flex:1;overflow-wrap:break-word}.expand-btn{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#707070;border-radius:50%;transition:background-color .2s}.expand-btn:hover{background-color:#0000000d;color:#0047ba}.expand-btn .material-symbols-outlined{font-size:1.25em}\n"] }]
+            args: [{ selector: 'lib-ss-simple-search', imports: [MatTooltipModule, MatIconModule, ReactiveFormsModule, CommonModule], template: "<div class=\"ss-container\">\n    <form [formGroup]=\"searchForm\" (submit)=\"emitSimpleSearch()\" data-testid=\"searchForm\">\n        <input\n            #searchInput\n            data-testid=\"searchInput\"\n            id=\"q\"\n            name=\"q\"\n            type=\"text\"\n            autocomplete=\"off\"\n            required\n            aria-required=\"true\"\n            aria-label=\"search input\"\n            autocapitalize=\"off\"\n            formControlName=\"simpleQuery\"\n            matTooltip=\"Fill out this field\"\n            [matTooltipPosition]=\"'above'\"\n            [matTooltipDisabled]=\"true\"\n            [attr.aria-invalid]=\"isSubmitted && simpleQuery.invalid\"\n            (keydown)=\"onInputKeydown($event)\"\n        />\n        <label for=\"q\" data-testid=\"label\">{{\n            config.scope === 'local'\n                ? 'Books, media, special collections and more'\n                : 'Ebooks, articles, journals, databases, streaming media and more'\n        }}</label>\n        <button\n            type=\"submit\"\n            aria-label=\"search\"\n            data-testid=\"searchBtn\"\n            [ngClass]=\"{ ensign: config.institution === 'ensign' }\"\n        >\n            <span class=\"material-symbols-outlined ss-icon\"> search </span>\n        </button>\n    </form>\n\n    @if (simpleQuery.value) {\n        <button id=\"clear\" (click)=\"clearQuery()\" data-testid=\"clearBtn\">\n            <span class=\"material-symbols-outlined ss-icon\"> cancel </span>\n        </button>\n    }\n\n    @if (showSuggestions && suggestions.length > 0) {\n        <ul class=\"suggestions-list\" role=\"listbox\" data-testid=\"suggestionsList\">\n            @for (suggestion of suggestions; track $index; let i = $index) {\n                <li\n                    #suggestionItem\n                    class=\"suggestion-item\"\n                    [class.selected]=\"i === selectedSuggestionIndex\"\n                    (click)=\"selectSuggestion(suggestion)\"\n                    (keydown.enter)=\"selectSuggestion(suggestion)\"\n                    (keydown.space)=\"selectSuggestion(suggestion); $event.preventDefault()\"\n                    role=\"option\"\n                    tabindex=\"0\"\n                    [attr.aria-selected]=\"i === selectedSuggestionIndex\"\n                    data-testid=\"suggestionItem\"\n                >\n                    <span class=\"suggestion-text\" [title]=\"suggestion\">\n                        {{\n                            expandedSuggestions.has(i) || suggestion.length <= 500\n                                ? suggestion\n                                : (suggestion | slice: 0 : 500) + '...'\n                        }}\n                    </span>\n                    @if (suggestion.length > 500) {\n                        <button\n                            class=\"expand-btn\"\n                            (click)=\"toggleExpand(i, $event)\"\n                            [attr.aria-label]=\"\n                                expandedSuggestions.has(i) ? 'Collapse' : 'Expand suggestion'\n                            \"\n                        >\n                            <span class=\"material-symbols-outlined\">\n                                {{ expandedSuggestions.has(i) ? 'expand_less' : 'expand_more' }}\n                            </span>\n                        </button>\n                    }\n                </li>\n            }\n        </ul>\n    }\n</div>\n", styles: ["html{border:0;margin:0;padding:0;-webkit-text-size-adjust:100%}body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}:root{--color-navy: #00245d;--color-royal: #0047ba;--color-white: #ffffff;--color-blue-500: #00245d;--color-blue-400: #003995;--color-blue-300: #0047ba;--color-blue-200: #336cc8;--color-blue-150: #ccdaf1;--color-blue-100: #e5edf8;--color-gray-500: #141414;--color-gray-400: #737373;--color-gray-300: #8f8f8f;--color-gray-200: #d0d0d0;--color-gray-100: #e7e7e7;--color-gray-50: #f9f9f9;--color-gray-brand-400: #737373;--color-green-500: #1d562e;--color-green-400: #2e8545;--color-green-300: #3ba35a;--color-green-200: #9dd1ac;--color-green-100: #ebf6ee;--color-teal-500: #26485f;--color-teal-400: #3e7295;--color-teal-300: #457fa6;--color-teal-200: #a2bfd3;--color-teal-100: #ecf2f6;--color-red-500: #702121;--color-red-400: #b33837;--color-red-300: #c73e3d;--color-red-200: #e39e9e;--color-red-100: #f9ecec;--color-yellow-500: #635f04;--color-yellow-400: #928c30;--color-yellow-300: #d1c844;--color-yellow-200: #e8e3a1;--color-yellow-100: #f2f0e9;--color-purple-focus: #b967c7;--text-heading: #002e5d;--text-secondary-heading: #737373;--text-body: #141414;--text-disabled: #737373;--text-link: #336cc8;--text-on-action: #ffffff;--text-success: #1d562e;--text-info: #26485f;--text-error: #702121;--text-warning: #635f04;--surface-success: #ebf6ee;--surface-info: #ecf2f6;--surface-error: #f9ecec;--surface-warning: #f2f0e9;--focus-ring-color: #b967c7}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Light.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Regular.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Semibold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Bold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-LightItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Italic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-SemiboldItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-BoldItalic.ttf) format(\"truetype\");font-display:swap}h1,h2,h3,h4,h5,h6,span:not(.material-symbols-outlined),a,p{font-family:Source Sans Pro}h1{font-weight:300;font-style:normal;color:var(--text-heading)}h2{font-weight:400;font-style:normal;color:var(--text-heading)}h3{font-weight:700;font-style:normal;color:var(--text-heading)}h4,h5,h6{font-weight:600;font-style:normal;color:var(--text-secondary-heading)}.hbll-default-body{font-weight:400;font-style:normal;max-width:35rem;min-width:22.25rem;color:var(--text-body)}.hbll-caption{font-weight:400;font-style:normal;max-width:25.25rem;min-width:17.5rem;color:var(--text-body)}.hbll-large{font-weight:400;font-style:normal;max-width:41.25rem;min-width:26.5rem;color:var(--text-body)}a{color:var(--text-link);text-decoration:underline}.hbll-emphasis{font-weight:600}h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.75rem;line-height:2.25rem}h3,h4{font-size:1.5rem;line-height:2rem}h5,h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:.875rem;line-height:1.25rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1rem;line-height:1.5rem}@media screen and (min-width: 52.125em){h1{font-size:3rem;line-height:3.5rem}h2{font-size:2.5rem;line-height:3rem}h3{font-size:2rem;line-height:3rem}h4{font-size:1.75rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}@media screen and (min-width: 90em){h1{font-size:3.75rem;line-height:4.25rem}h2{font-size:3rem;line-height:3.5rem}h3{font-size:2.5rem;line-height:3rem}h4{font-size:2rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only.sr-only-focusable:focus,.sr-only.sr-only-focusable:focus-within,.sr-only.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}a,button{border:none;background:none;font-family:inherit;padding:0;margin:0;font-size:inherit;color:#0047ba;text-decoration:none;cursor:pointer}a:hover,button:hover{color:#003995}.ss-container{position:relative}form{display:flex}.ss-icon{font-size:1em}button[type=submit]{background:#fff;border-radius:0 4px 4px 0;margin:0;width:3em;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:color .2s,background-color .2s}button[type=submit] .ss-icon{color:#0047ba;font-size:1.7em}button[type=submit]:hover .ss-icon{color:#6892ca}button[type=submit].ensign .ss-icon{color:#2b6042}button[type=submit].ensign .ss-icon:hover{color:#357551}#clear{position:absolute;right:3em;top:0%;height:100%;display:flex;justify-content:center;align-items:center;padding:0 0 0 .375rem}#clear .ss-icon{height:auto;color:#acacac;transition:color ease-in-out .05s}#clear:hover .ss-icon{color:#666}input[type=text]{background-color:#fff;color:#000;font-family:inherit;border:none;font-weight:600;margin:0;overflow:hidden;cursor:text;width:calc(100% - 3em);font-size:1em;border-radius:4px 0 0 4px;padding:.56em 2em .56em .56em}input[type=text]:focus{outline:none}input[type=text]:valid+label,input[type=text]:focus+label{font-size:.75em;top:-.8em;padding-top:0;padding-bottom:0;pointer-events:none;margin-top:0;margin-left:.56em;cursor:default}input[type=text]:valid+label:before,input[type=text]:focus+label:before{opacity:1}label{cursor:text;transition:all .1s ease-in-out;position:absolute;padding:.5em .28em;margin-left:.28em;left:0;color:#707070;z-index:1;max-width:calc(100% - 3.4em);white-space:nowrap;line-height:normal;overflow:hidden;text-overflow:ellipsis;border-radius:4px}label:before{transition:all .1s ease-in-out;background-color:#fff;content:\"\";position:absolute;inset:0;opacity:0;z-index:-1}.suggestions-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d0d0d0;border-top:none;border-radius:0 0 4px 4px;list-style:none;margin:0;padding:0;max-height:300px;overflow-y:auto;box-shadow:0 4px 6px #0000001a;z-index:1000}.suggestion-item{padding:.75em 1em;cursor:pointer;transition:background-color .15s ease;color:#333;font-size:1em;display:flex;align-items:center;gap:.5em}.suggestion-item:hover,.suggestion-item.selected{background-color:#f0f0f0}.suggestion-item.selected{background-color:#e6f2ff}.suggestion-item:last-child{border-radius:0 0 4px 4px}.suggestion-text{flex:1;overflow-wrap:break-word}.expand-btn{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#707070;border-radius:50%;transition:background-color .2s}.expand-btn:hover{background-color:#0000000d;color:#0047ba}.expand-btn .material-symbols-outlined{font-size:1.25em}\n"] }]
         }], ctorParameters: () => [], propDecorators: { searchText: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchText", required: false }] }, { type: i0.Output, args: ["searchTextChange"] }], searchInput: [{
                 type: ViewChild,
                 args: ['searchInput']
@@ -2291,6 +2620,7 @@ class SsSearchBarComponent {
         this.tabChange = new EventEmitter();
         this.suggest = new EventEmitter();
         this.heightOfContainer = 0;
+        this.shouldFocusAdvClose = false;
         this.emitClearSimpleSearch = () => {
             this.clearSimpleSearch.emit({
                 ...this.config,
@@ -2327,6 +2657,7 @@ class SsSearchBarComponent {
                 showAdvancedSearchAsText: false,
                 showAdvancedSearch: true,
             });
+            this.shouldFocusAdvClose = true;
         };
         this.emitTabChange = (newScope) => {
             this.tabChange.emit({ ...this.config, scope: newScope });
@@ -2338,8 +2669,18 @@ class SsSearchBarComponent {
     get config() {
         return this._config;
     }
+    // focus keyboard to advanced search close button, otherwise focus skips entire advanced search component
+    ngAfterViewChecked() {
+        if (!this.shouldFocusAdvClose)
+            return;
+        const btn = this.advSearchCloseBtn?.nativeElement;
+        if (btn) {
+            btn.focus();
+            this.shouldFocusAdvClose = false;
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SsSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: SsSearchBarComponent, isStandalone: true, selector: "lib-ss-search-bar", inputs: { searchText: { classPropertyName: "searchText", publicName: "searchText", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: false, isRequired: true, transformFunction: null }, supportedSuggestionScopes: { classPropertyName: "supportedSuggestionScopes", publicName: "supportedSuggestionScopes", isSignal: false, isRequired: false, transformFunction: null }, suggestions: { classPropertyName: "suggestions", publicName: "suggestions", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { searchText: "searchTextChange", simpleSearch: "simpleSearch", clearSimpleSearch: "clearSimpleSearch", advancedSearch: "advancedSearch", advancedSearchClosed: "advancedSearchClosed", advancedSearchOpen: "advancedSearchOpen", tabChange: "tabChange", suggest: "suggest" }, providers: [FieldByScopePipe], viewQueries: [{ propertyName: "barWrapperRef", first: true, predicate: ["barWrapperRef"], descendants: true }], ngImport: i0, template: "<div id=\"ssSearchBar\">\n    <div class=\"tabs\">\n        <button\n            (click)=\"emitTabChange('local')\"\n            class=\"ss-tab\"\n            id=\"localTab\"\n            [ngClass]=\"{\n                'ss-active': config.scope === 'local',\n                ensign: config.institution === 'ensign' && config.scope !== 'local',\n            }\"\n            data-testid=\"localTab\"\n            [disabled]=\"config.scope === 'local'\"\n        >\n            In the Library\n        </button>\n        @if (config.institution !== 'law') {\n            <div class=\"tab-spacer\"></div>\n            <button\n                (click)=\"emitTabChange('external')\"\n                class=\"ss-tab\"\n                id=\"externalTab\"\n                [ngClass]=\"{\n                    'ss-active': config.scope === 'external',\n                    ensign: config.institution === 'ensign' && config.scope !== 'external',\n                }\"\n                data-testid=\"externalTab\"\n                [disabled]=\"config.scope === 'external'\"\n            >\n                Available Online\n            </button>\n        }\n        <div class=\"tab-spacer full\"></div>\n    </div>\n    <div\n        class=\"ss-bar-wrapper\"\n        #barWrapperRef\n        [@libHbllExpandCollapse]=\"{\n            value: config.showAdvancedSearch ? (!config.showAdvancedSearchAsText ? 1 : 2) : 3,\n            params: { startHeight: heightOfContainer },\n        }\"\n    >\n        <div class=\"ss-bar-content\" data-testid=\"searchForm\">\n            @if (!config.showAdvancedSearch) {\n                <div class=\"ss-search-bar\">\n                    <lib-ss-simple-search\n                        [config]=\"config\"\n                        [supportedSuggestionScopes]=\"supportedSuggestionScopes\"\n                        [suggestions]=\"suggestions\"\n                        (simpleSearch)=\"emitSimpleSearch($event)\"\n                        (clearSimpleSearch)=\"emitClearSimpleSearch()\"\n                        (suggest)=\"suggest.emit($event)\"\n                        [(searchText)]=\"searchText\"\n                    ></lib-ss-simple-search>\n                </div>\n            } @else {\n                <button\n                    id=\"advSearchCloseBtn\"\n                    (click)=\"emitAdvancedSearchClosed()\"\n                    data-testid=\"advSearchCloseBtn\"\n                >\n                    <span class=\"material-symbols-outlined ss-icon\"> close </span>\n                </button>\n                <div id=\"advSearchWrapper\">\n                    @if (config.showAdvancedSearch && !config.showAdvancedSearchAsText) {\n                        <div>\n                            <lib-ss-advanced-search\n                                [config]=\"config\"\n                                (advancedSearch)=\"emitAdvancedSearch($event)\"\n                            ></lib-ss-advanced-search>\n                        </div>\n                    } @else {\n                        <div\n                            class=\"ss-adv-search-text\"\n                            data-testid=\"advancedSearchText\"\n                            [innerHTML]=\"\n                                config.advancedSearchQueryRows | ssAdvancedQueries: config.scope\n                            \"\n                        ></div>\n                        <div\n                            [innerHTML]=\"\n                                config.advancedSearchQueryRows | advancedFieldWarning: config.scope\n                            \"\n                        ></div>\n                    }\n                </div>\n            }\n        </div>\n        @if (!config.showAdvancedSearch || config.showAdvancedSearchAsText) {\n            <button\n                data-testid=\"toggleAdvSearchButton\"\n                class=\"ss-adv-search-btn\"\n                id=\"advSearchBtn\"\n                (click)=\"emitAdvancedSearchOpen()\"\n            >\n                Advanced\n                <span class=\"material-symbols-outlined ss-icon\"> keyboard_arrow_down </span>\n            </button>\n        }\n    </div>\n</div>\n", styles: ["#ssSearchBar .tabs .ss-tab.ensign{background-color:#2b6042!important;border-color:#2a6142}#ssSearchBar .tabs .ss-tab.ensign:hover{background-color:#357551!important}a,button{border:none;background:none;font-family:inherit;padding:0;margin:0;font-size:inherit;color:#1c7ec9;text-decoration:none;cursor:pointer}a:hover,button:hover{color:#8ab6f0}.mat-mdc-tooltip-surface{background-color:#333!important;border-radius:3px!important;color:#fff!important;font:inherit!important;font-size:.8em!important}#ssSearchBar{display:flex;align-items:flex-start;flex-wrap:wrap;position:relative;color:#444}#ssSearchBar .tabs{display:flex;width:100%;margin-bottom:-1px;z-index:10;pointer-events:none}#ssSearchBar .tabs .ss-tab{border-radius:4px 4px 0 0;border:#b7b7b7 solid 1px;border-color:#1967e5;border-bottom:none;padding:.3em 1.4em;font-size:.94em;letter-spacing:.4px;font-weight:600;background-color:#0047ba;color:#fff;white-space:nowrap;position:relative;pointer-events:auto}#ssSearchBar .tabs .ss-tab:after{content:\"\";height:1px;width:calc(100% + 2px);position:absolute;bottom:0;left:-1px;background-color:#b7b7b7}#ssSearchBar .tabs .ss-tab:hover{background-color:#1967e5}#ssSearchBar .tabs .ss-tab.ss-active{color:#002e5d;margin-bottom:1px;border-color:#b7b7b7;background-color:#fffffff2}#ssSearchBar .tabs .ss-tab.ss-active:after{display:none}#ssSearchBar .tabs .ss-tab:disabled{cursor:auto}#ssSearchBar .tabs .tab-spacer{width:.3em;border-bottom:#b7b7b7 solid 1px;position:relative}#ssSearchBar .tabs .tab-spacer:before{content:\"\";position:absolute;left:-1px;bottom:-1px;width:1px;height:1px;background-color:#b7b7b7}#ssSearchBar .tabs .tab-spacer:after{content:\"\";position:absolute;right:-1px;bottom:-1px;width:1px;height:1px;background-color:#b7b7b7}#ssSearchBar .tabs .tab-spacer.full{width:100%;margin-right:4px;position:relative}#ssSearchBar .ss-adv-search-text{padding-bottom:1em;padding-right:1.25rem;pointer-events:none}#ssSearchBar .ss-bar-wrapper{padding:1em 1em .25em;border-right:#b7b7b7 solid 1px;border-left:#b7b7b7 solid 1px;border-bottom:#b7b7b7 solid 1px;width:100%;display:flex;align-items:center;flex-wrap:wrap;position:relative;background-color:#fffffff2;border-radius:0 4px 4px}#ssSearchBar .ss-bar-wrapper:after{content:\"\";position:absolute;top:0;right:-1px;background-color:transparent;border-radius:0 4px 0 0;width:4px;height:4px;border-top:#b7b7b7 solid 1px;border-right:#b7b7b7 solid 1px}#ssSearchBar .ss-bar-content{position:relative;width:100%;height:initial}#ssSearchBar .ss-search-bar{border-radius:4px;border:#b7b7b7 solid 1px;width:100%}#ssSearchBar #advSearchCloseBtn{float:right;padding:.4em;margin:-.4em 0;color:#666;transition:all .1s}#ssSearchBar #advSearchCloseBtn:hover{color:#292929}#ssSearchBar #advSearchCloseBtn .ss-icon{font-size:1.2em;font-weight:600}#ssSearchBar .ss-adv-search-btn{font-size:.9em;color:#4070b0;margin:.2em 4em 0 auto;padding-right:.25rem;padding-top:2px;padding-bottom:2px;display:flex;justify-content:center;align-items:center}#ssSearchBar .ss-adv-search-btn .ss-icon{font-size:1.4em;opacity:.75;margin-top:.125rem}#ssSearchBar .ss-adv-search-btn:hover{color:#6892ca}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: AdvancedSearchComponent, selector: "lib-ss-advanced-search", inputs: ["config"], outputs: ["advancedSearch"] }, { kind: "component", type: SimpleSearchComponent, selector: "lib-ss-simple-search", inputs: ["searchText", "config", "supportedSuggestionScopes", "suggestions"], outputs: ["searchTextChange", "simpleSearch", "clearSimpleSearch", "suggest"] }, { kind: "pipe", type: SsAdvancedQueriesPipe, name: "ssAdvancedQueries" }, { kind: "pipe", type: AdvancedFieldWarningPipe, name: "advancedFieldWarning" }], animations: [libHbllExpandCollapse], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: SsSearchBarComponent, isStandalone: true, selector: "lib-ss-search-bar", inputs: { searchText: { classPropertyName: "searchText", publicName: "searchText", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: false, isRequired: true, transformFunction: null }, supportedSuggestionScopes: { classPropertyName: "supportedSuggestionScopes", publicName: "supportedSuggestionScopes", isSignal: false, isRequired: false, transformFunction: null }, suggestions: { classPropertyName: "suggestions", publicName: "suggestions", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { searchText: "searchTextChange", simpleSearch: "simpleSearch", clearSimpleSearch: "clearSimpleSearch", advancedSearch: "advancedSearch", advancedSearchClosed: "advancedSearchClosed", advancedSearchOpen: "advancedSearchOpen", tabChange: "tabChange", suggest: "suggest" }, providers: [FieldByScopePipe], viewQueries: [{ propertyName: "barWrapperRef", first: true, predicate: ["barWrapperRef"], descendants: true }, { propertyName: "advSearchCloseBtn", first: true, predicate: ["advSearchCloseBtn"], descendants: true }], ngImport: i0, template: "<div id=\"ssSearchBar\">\n    <div class=\"tabs\">\n        <button\n            (click)=\"emitTabChange('local')\"\n            class=\"ss-tab\"\n            id=\"localTab\"\n            [ngClass]=\"{\n                'ss-active': config.scope === 'local',\n                ensign: config.institution === 'ensign' && config.scope !== 'local',\n            }\"\n            data-testid=\"localTab\"\n            [disabled]=\"config.scope === 'local'\"\n        >\n            In the Library\n        </button>\n        @if (config.institution !== 'law') {\n            <div class=\"tab-spacer\"></div>\n            <button\n                (click)=\"emitTabChange('external')\"\n                class=\"ss-tab\"\n                id=\"externalTab\"\n                [ngClass]=\"{\n                    'ss-active': config.scope === 'external',\n                    ensign: config.institution === 'ensign' && config.scope !== 'external',\n                }\"\n                data-testid=\"externalTab\"\n                [disabled]=\"config.scope === 'external'\"\n            >\n                Available Online\n            </button>\n        }\n        <div class=\"tab-spacer full\"></div>\n    </div>\n    <div\n        class=\"ss-bar-wrapper\"\n        #barWrapperRef\n        [@libHbllExpandCollapse]=\"{\n            value: config.showAdvancedSearch ? (!config.showAdvancedSearchAsText ? 1 : 2) : 3,\n            params: { startHeight: heightOfContainer },\n        }\"\n    >\n        <div class=\"ss-bar-content\" data-testid=\"searchForm\">\n            @if (!config.showAdvancedSearch) {\n                <div class=\"ss-search-bar\">\n                    <lib-ss-simple-search\n                        [config]=\"config\"\n                        [supportedSuggestionScopes]=\"supportedSuggestionScopes\"\n                        [suggestions]=\"suggestions\"\n                        (simpleSearch)=\"emitSimpleSearch($event)\"\n                        (clearSimpleSearch)=\"emitClearSimpleSearch()\"\n                        (suggest)=\"suggest.emit($event)\"\n                        [(searchText)]=\"searchText\"\n                    ></lib-ss-simple-search>\n                </div>\n            } @else {\n                <button\n                     #advSearchCloseBtn\n                    id=\"advSearchCloseBtn\"\n                    (click)=\"emitAdvancedSearchClosed()\"\n                    data-testid=\"advSearchCloseBtn\"\n                >\n                    <span class=\"material-symbols-outlined ss-icon\"> close </span>\n                </button>\n                <div id=\"advSearchWrapper\">\n                    @if (config.showAdvancedSearch && !config.showAdvancedSearchAsText) {\n                        <div>\n                            <lib-ss-advanced-search\n                                [config]=\"config\"\n                                (advancedSearch)=\"emitAdvancedSearch($event)\"\n                            ></lib-ss-advanced-search>\n                        </div>\n                    } @else {\n                        <div\n                            class=\"ss-adv-search-text\"\n                            data-testid=\"advancedSearchText\"\n                            [innerHTML]=\"\n                                config.advancedSearchQueryRows | ssAdvancedQueries: config.scope\n                            \"\n                        ></div>\n                        <div\n                            [innerHTML]=\"\n                                config.advancedSearchQueryRows | advancedFieldWarning: config.scope\n                            \"\n                        ></div>\n                    }\n                </div>\n            }\n        </div>\n        @if (!config.showAdvancedSearch || config.showAdvancedSearchAsText) {\n            <button\n                data-testid=\"toggleAdvSearchButton\"\n                class=\"ss-adv-search-btn\"\n                id=\"advSearchBtn\"\n                (click)=\"emitAdvancedSearchOpen()\"\n            >\n                Advanced\n                <span class=\"material-symbols-outlined ss-icon\"> keyboard_arrow_down </span>\n            </button>\n        }\n    </div>\n</div>\n", styles: ["#ssSearchBar .tabs .ss-tab.ensign{background-color:#2b6042!important;border-color:#2a6142}#ssSearchBar .tabs .ss-tab.ensign:hover{background-color:#357551!important}html{border:0;margin:0;padding:0;-webkit-text-size-adjust:100%}body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}:root{--color-navy: #00245d;--color-royal: #0047ba;--color-white: #ffffff;--color-blue-500: #00245d;--color-blue-400: #003995;--color-blue-300: #0047ba;--color-blue-200: #336cc8;--color-blue-150: #ccdaf1;--color-blue-100: #e5edf8;--color-gray-500: #141414;--color-gray-400: #737373;--color-gray-300: #8f8f8f;--color-gray-200: #d0d0d0;--color-gray-100: #e7e7e7;--color-gray-50: #f9f9f9;--color-gray-brand-400: #737373;--color-green-500: #1d562e;--color-green-400: #2e8545;--color-green-300: #3ba35a;--color-green-200: #9dd1ac;--color-green-100: #ebf6ee;--color-teal-500: #26485f;--color-teal-400: #3e7295;--color-teal-300: #457fa6;--color-teal-200: #a2bfd3;--color-teal-100: #ecf2f6;--color-red-500: #702121;--color-red-400: #b33837;--color-red-300: #c73e3d;--color-red-200: #e39e9e;--color-red-100: #f9ecec;--color-yellow-500: #635f04;--color-yellow-400: #928c30;--color-yellow-300: #d1c844;--color-yellow-200: #e8e3a1;--color-yellow-100: #f2f0e9;--color-purple-focus: #b967c7;--text-heading: #002e5d;--text-secondary-heading: #737373;--text-body: #141414;--text-disabled: #737373;--text-link: #336cc8;--text-on-action: #ffffff;--text-success: #1d562e;--text-info: #26485f;--text-error: #702121;--text-warning: #635f04;--surface-success: #ebf6ee;--surface-info: #ecf2f6;--surface-error: #f9ecec;--surface-warning: #f2f0e9;--focus-ring-color: #b967c7}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Light.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Regular.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Semibold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Bold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-LightItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Italic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-SemiboldItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-BoldItalic.ttf) format(\"truetype\");font-display:swap}h1,h2,h3,h4,h5,h6,span:not(.material-symbols-outlined),a,p{font-family:Source Sans Pro}h1{font-weight:300;font-style:normal;color:var(--text-heading)}h2{font-weight:400;font-style:normal;color:var(--text-heading)}h3{font-weight:700;font-style:normal;color:var(--text-heading)}h4,h5,h6{font-weight:600;font-style:normal;color:var(--text-secondary-heading)}.hbll-default-body{font-weight:400;font-style:normal;max-width:35rem;min-width:22.25rem;color:var(--text-body)}.hbll-caption{font-weight:400;font-style:normal;max-width:25.25rem;min-width:17.5rem;color:var(--text-body)}.hbll-large{font-weight:400;font-style:normal;max-width:41.25rem;min-width:26.5rem;color:var(--text-body)}a{color:var(--text-link);text-decoration:underline}.hbll-emphasis{font-weight:600}h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.75rem;line-height:2.25rem}h3,h4{font-size:1.5rem;line-height:2rem}h5,h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:.875rem;line-height:1.25rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1rem;line-height:1.5rem}@media screen and (min-width: 52.125em){h1{font-size:3rem;line-height:3.5rem}h2{font-size:2.5rem;line-height:3rem}h3{font-size:2rem;line-height:3rem}h4{font-size:1.75rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}@media screen and (min-width: 90em){h1{font-size:3.75rem;line-height:4.25rem}h2{font-size:3rem;line-height:3.5rem}h3{font-size:2.5rem;line-height:3rem}h4{font-size:2rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only.sr-only-focusable:focus,.sr-only.sr-only-focusable:focus-within,.sr-only.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}a,button{border:none;background:none;font-family:inherit;padding:0;margin:0;font-size:inherit;color:#0047ba;text-decoration:none;cursor:pointer}a:hover,button:hover{color:#003995}.mat-mdc-tooltip-surface{background-color:#333!important;border-radius:3px!important;color:#fff!important;font:inherit!important;font-size:.8em!important}#ssSearchBar{display:flex;align-items:flex-start;flex-wrap:wrap;position:relative;color:#444}#ssSearchBar .tabs{display:flex;width:100%;margin-bottom:-1px;z-index:10;pointer-events:none}#ssSearchBar .tabs .ss-tab{border-radius:4px 4px 0 0;border:#b7b7b7 solid 1px;border-color:#1967e5;border-bottom:none;padding:.3em 1.4em;font-size:.94em;letter-spacing:.4px;font-weight:600;background-color:#0047ba;color:#fff;white-space:nowrap;position:relative;pointer-events:auto}#ssSearchBar .tabs .ss-tab:after{content:\"\";height:1px;width:calc(100% + 2px);position:absolute;bottom:0;left:-1px;background-color:#b7b7b7}#ssSearchBar .tabs .ss-tab:hover{background-color:#1967e5}#ssSearchBar .tabs .ss-tab.ss-active{color:#002e5d;margin-bottom:1px;border-color:#b7b7b7;background-color:#fffffff2}#ssSearchBar .tabs .ss-tab.ss-active:after{display:none}#ssSearchBar .tabs .ss-tab:disabled{cursor:auto}#ssSearchBar .tabs .tab-spacer{width:.3em;border-bottom:#b7b7b7 solid 1px;position:relative}#ssSearchBar .tabs .tab-spacer:before{content:\"\";position:absolute;left:-1px;bottom:-1px;width:1px;height:1px;background-color:#b7b7b7}#ssSearchBar .tabs .tab-spacer:after{content:\"\";position:absolute;right:-1px;bottom:-1px;width:1px;height:1px;background-color:#b7b7b7}#ssSearchBar .tabs .tab-spacer.full{width:100%;margin-right:4px;position:relative}#ssSearchBar .ss-adv-search-text{padding-bottom:1em;padding-right:1.25rem;pointer-events:none}#ssSearchBar .ss-bar-wrapper{padding:1em 1em .25em;border-right:#b7b7b7 solid 1px;border-left:#b7b7b7 solid 1px;border-bottom:#b7b7b7 solid 1px;width:100%;display:flex;align-items:center;flex-wrap:wrap;position:relative;background-color:#fffffff2;border-radius:0 4px 4px}#ssSearchBar .ss-bar-wrapper:after{content:\"\";position:absolute;top:0;right:-1px;background-color:transparent;border-radius:0 4px 0 0;width:4px;height:4px;border-top:#b7b7b7 solid 1px;border-right:#b7b7b7 solid 1px}#ssSearchBar .ss-bar-content{position:relative;width:100%;height:initial}#ssSearchBar .ss-search-bar{border-radius:4px;border:#b7b7b7 solid 1px;width:100%}#ssSearchBar #advSearchCloseBtn{float:right;padding:.4em;margin:-.4em 0;color:#666;transition:all .1s}#ssSearchBar #advSearchCloseBtn:hover{color:#292929}#ssSearchBar #advSearchCloseBtn .ss-icon{font-size:1.2em;font-weight:600}#ssSearchBar .ss-adv-search-btn{font-size:.9em;color:#4070b0;margin:.2em 4em 0 auto;padding-right:.25rem;padding-top:2px;padding-bottom:2px;display:flex;justify-content:center;align-items:center}#ssSearchBar .ss-adv-search-btn .ss-icon{font-size:1.4em;opacity:.75;margin-top:.125rem}#ssSearchBar .ss-adv-search-btn:hover{color:#6892ca}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: AdvancedSearchComponent, selector: "lib-ss-advanced-search", inputs: ["config"], outputs: ["advancedSearch"] }, { kind: "component", type: SimpleSearchComponent, selector: "lib-ss-simple-search", inputs: ["searchText", "config", "supportedSuggestionScopes", "suggestions"], outputs: ["searchTextChange", "simpleSearch", "clearSimpleSearch", "suggest"] }, { kind: "pipe", type: SsAdvancedQueriesPipe, name: "ssAdvancedQueries" }, { kind: "pipe", type: AdvancedFieldWarningPipe, name: "advancedFieldWarning" }], animations: [libHbllExpandCollapse], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SsSearchBarComponent, decorators: [{
             type: Component,
@@ -2349,7 +2690,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         AdvancedSearchComponent,
                         SimpleSearchComponent,
                         AdvancedFieldWarningPipe,
-                    ], providers: [FieldByScopePipe], animations: [libHbllExpandCollapse], encapsulation: ViewEncapsulation.None, template: "<div id=\"ssSearchBar\">\n    <div class=\"tabs\">\n        <button\n            (click)=\"emitTabChange('local')\"\n            class=\"ss-tab\"\n            id=\"localTab\"\n            [ngClass]=\"{\n                'ss-active': config.scope === 'local',\n                ensign: config.institution === 'ensign' && config.scope !== 'local',\n            }\"\n            data-testid=\"localTab\"\n            [disabled]=\"config.scope === 'local'\"\n        >\n            In the Library\n        </button>\n        @if (config.institution !== 'law') {\n            <div class=\"tab-spacer\"></div>\n            <button\n                (click)=\"emitTabChange('external')\"\n                class=\"ss-tab\"\n                id=\"externalTab\"\n                [ngClass]=\"{\n                    'ss-active': config.scope === 'external',\n                    ensign: config.institution === 'ensign' && config.scope !== 'external',\n                }\"\n                data-testid=\"externalTab\"\n                [disabled]=\"config.scope === 'external'\"\n            >\n                Available Online\n            </button>\n        }\n        <div class=\"tab-spacer full\"></div>\n    </div>\n    <div\n        class=\"ss-bar-wrapper\"\n        #barWrapperRef\n        [@libHbllExpandCollapse]=\"{\n            value: config.showAdvancedSearch ? (!config.showAdvancedSearchAsText ? 1 : 2) : 3,\n            params: { startHeight: heightOfContainer },\n        }\"\n    >\n        <div class=\"ss-bar-content\" data-testid=\"searchForm\">\n            @if (!config.showAdvancedSearch) {\n                <div class=\"ss-search-bar\">\n                    <lib-ss-simple-search\n                        [config]=\"config\"\n                        [supportedSuggestionScopes]=\"supportedSuggestionScopes\"\n                        [suggestions]=\"suggestions\"\n                        (simpleSearch)=\"emitSimpleSearch($event)\"\n                        (clearSimpleSearch)=\"emitClearSimpleSearch()\"\n                        (suggest)=\"suggest.emit($event)\"\n                        [(searchText)]=\"searchText\"\n                    ></lib-ss-simple-search>\n                </div>\n            } @else {\n                <button\n                    id=\"advSearchCloseBtn\"\n                    (click)=\"emitAdvancedSearchClosed()\"\n                    data-testid=\"advSearchCloseBtn\"\n                >\n                    <span class=\"material-symbols-outlined ss-icon\"> close </span>\n                </button>\n                <div id=\"advSearchWrapper\">\n                    @if (config.showAdvancedSearch && !config.showAdvancedSearchAsText) {\n                        <div>\n                            <lib-ss-advanced-search\n                                [config]=\"config\"\n                                (advancedSearch)=\"emitAdvancedSearch($event)\"\n                            ></lib-ss-advanced-search>\n                        </div>\n                    } @else {\n                        <div\n                            class=\"ss-adv-search-text\"\n                            data-testid=\"advancedSearchText\"\n                            [innerHTML]=\"\n                                config.advancedSearchQueryRows | ssAdvancedQueries: config.scope\n                            \"\n                        ></div>\n                        <div\n                            [innerHTML]=\"\n                                config.advancedSearchQueryRows | advancedFieldWarning: config.scope\n                            \"\n                        ></div>\n                    }\n                </div>\n            }\n        </div>\n        @if (!config.showAdvancedSearch || config.showAdvancedSearchAsText) {\n            <button\n                data-testid=\"toggleAdvSearchButton\"\n                class=\"ss-adv-search-btn\"\n                id=\"advSearchBtn\"\n                (click)=\"emitAdvancedSearchOpen()\"\n            >\n                Advanced\n                <span class=\"material-symbols-outlined ss-icon\"> keyboard_arrow_down </span>\n            </button>\n        }\n    </div>\n</div>\n", styles: ["#ssSearchBar .tabs .ss-tab.ensign{background-color:#2b6042!important;border-color:#2a6142}#ssSearchBar .tabs .ss-tab.ensign:hover{background-color:#357551!important}a,button{border:none;background:none;font-family:inherit;padding:0;margin:0;font-size:inherit;color:#1c7ec9;text-decoration:none;cursor:pointer}a:hover,button:hover{color:#8ab6f0}.mat-mdc-tooltip-surface{background-color:#333!important;border-radius:3px!important;color:#fff!important;font:inherit!important;font-size:.8em!important}#ssSearchBar{display:flex;align-items:flex-start;flex-wrap:wrap;position:relative;color:#444}#ssSearchBar .tabs{display:flex;width:100%;margin-bottom:-1px;z-index:10;pointer-events:none}#ssSearchBar .tabs .ss-tab{border-radius:4px 4px 0 0;border:#b7b7b7 solid 1px;border-color:#1967e5;border-bottom:none;padding:.3em 1.4em;font-size:.94em;letter-spacing:.4px;font-weight:600;background-color:#0047ba;color:#fff;white-space:nowrap;position:relative;pointer-events:auto}#ssSearchBar .tabs .ss-tab:after{content:\"\";height:1px;width:calc(100% + 2px);position:absolute;bottom:0;left:-1px;background-color:#b7b7b7}#ssSearchBar .tabs .ss-tab:hover{background-color:#1967e5}#ssSearchBar .tabs .ss-tab.ss-active{color:#002e5d;margin-bottom:1px;border-color:#b7b7b7;background-color:#fffffff2}#ssSearchBar .tabs .ss-tab.ss-active:after{display:none}#ssSearchBar .tabs .ss-tab:disabled{cursor:auto}#ssSearchBar .tabs .tab-spacer{width:.3em;border-bottom:#b7b7b7 solid 1px;position:relative}#ssSearchBar .tabs .tab-spacer:before{content:\"\";position:absolute;left:-1px;bottom:-1px;width:1px;height:1px;background-color:#b7b7b7}#ssSearchBar .tabs .tab-spacer:after{content:\"\";position:absolute;right:-1px;bottom:-1px;width:1px;height:1px;background-color:#b7b7b7}#ssSearchBar .tabs .tab-spacer.full{width:100%;margin-right:4px;position:relative}#ssSearchBar .ss-adv-search-text{padding-bottom:1em;padding-right:1.25rem;pointer-events:none}#ssSearchBar .ss-bar-wrapper{padding:1em 1em .25em;border-right:#b7b7b7 solid 1px;border-left:#b7b7b7 solid 1px;border-bottom:#b7b7b7 solid 1px;width:100%;display:flex;align-items:center;flex-wrap:wrap;position:relative;background-color:#fffffff2;border-radius:0 4px 4px}#ssSearchBar .ss-bar-wrapper:after{content:\"\";position:absolute;top:0;right:-1px;background-color:transparent;border-radius:0 4px 0 0;width:4px;height:4px;border-top:#b7b7b7 solid 1px;border-right:#b7b7b7 solid 1px}#ssSearchBar .ss-bar-content{position:relative;width:100%;height:initial}#ssSearchBar .ss-search-bar{border-radius:4px;border:#b7b7b7 solid 1px;width:100%}#ssSearchBar #advSearchCloseBtn{float:right;padding:.4em;margin:-.4em 0;color:#666;transition:all .1s}#ssSearchBar #advSearchCloseBtn:hover{color:#292929}#ssSearchBar #advSearchCloseBtn .ss-icon{font-size:1.2em;font-weight:600}#ssSearchBar .ss-adv-search-btn{font-size:.9em;color:#4070b0;margin:.2em 4em 0 auto;padding-right:.25rem;padding-top:2px;padding-bottom:2px;display:flex;justify-content:center;align-items:center}#ssSearchBar .ss-adv-search-btn .ss-icon{font-size:1.4em;opacity:.75;margin-top:.125rem}#ssSearchBar .ss-adv-search-btn:hover{color:#6892ca}\n"] }]
+                    ], providers: [FieldByScopePipe], animations: [libHbllExpandCollapse], encapsulation: ViewEncapsulation.None, template: "<div id=\"ssSearchBar\">\n    <div class=\"tabs\">\n        <button\n            (click)=\"emitTabChange('local')\"\n            class=\"ss-tab\"\n            id=\"localTab\"\n            [ngClass]=\"{\n                'ss-active': config.scope === 'local',\n                ensign: config.institution === 'ensign' && config.scope !== 'local',\n            }\"\n            data-testid=\"localTab\"\n            [disabled]=\"config.scope === 'local'\"\n        >\n            In the Library\n        </button>\n        @if (config.institution !== 'law') {\n            <div class=\"tab-spacer\"></div>\n            <button\n                (click)=\"emitTabChange('external')\"\n                class=\"ss-tab\"\n                id=\"externalTab\"\n                [ngClass]=\"{\n                    'ss-active': config.scope === 'external',\n                    ensign: config.institution === 'ensign' && config.scope !== 'external',\n                }\"\n                data-testid=\"externalTab\"\n                [disabled]=\"config.scope === 'external'\"\n            >\n                Available Online\n            </button>\n        }\n        <div class=\"tab-spacer full\"></div>\n    </div>\n    <div\n        class=\"ss-bar-wrapper\"\n        #barWrapperRef\n        [@libHbllExpandCollapse]=\"{\n            value: config.showAdvancedSearch ? (!config.showAdvancedSearchAsText ? 1 : 2) : 3,\n            params: { startHeight: heightOfContainer },\n        }\"\n    >\n        <div class=\"ss-bar-content\" data-testid=\"searchForm\">\n            @if (!config.showAdvancedSearch) {\n                <div class=\"ss-search-bar\">\n                    <lib-ss-simple-search\n                        [config]=\"config\"\n                        [supportedSuggestionScopes]=\"supportedSuggestionScopes\"\n                        [suggestions]=\"suggestions\"\n                        (simpleSearch)=\"emitSimpleSearch($event)\"\n                        (clearSimpleSearch)=\"emitClearSimpleSearch()\"\n                        (suggest)=\"suggest.emit($event)\"\n                        [(searchText)]=\"searchText\"\n                    ></lib-ss-simple-search>\n                </div>\n            } @else {\n                <button\n                     #advSearchCloseBtn\n                    id=\"advSearchCloseBtn\"\n                    (click)=\"emitAdvancedSearchClosed()\"\n                    data-testid=\"advSearchCloseBtn\"\n                >\n                    <span class=\"material-symbols-outlined ss-icon\"> close </span>\n                </button>\n                <div id=\"advSearchWrapper\">\n                    @if (config.showAdvancedSearch && !config.showAdvancedSearchAsText) {\n                        <div>\n                            <lib-ss-advanced-search\n                                [config]=\"config\"\n                                (advancedSearch)=\"emitAdvancedSearch($event)\"\n                            ></lib-ss-advanced-search>\n                        </div>\n                    } @else {\n                        <div\n                            class=\"ss-adv-search-text\"\n                            data-testid=\"advancedSearchText\"\n                            [innerHTML]=\"\n                                config.advancedSearchQueryRows | ssAdvancedQueries: config.scope\n                            \"\n                        ></div>\n                        <div\n                            [innerHTML]=\"\n                                config.advancedSearchQueryRows | advancedFieldWarning: config.scope\n                            \"\n                        ></div>\n                    }\n                </div>\n            }\n        </div>\n        @if (!config.showAdvancedSearch || config.showAdvancedSearchAsText) {\n            <button\n                data-testid=\"toggleAdvSearchButton\"\n                class=\"ss-adv-search-btn\"\n                id=\"advSearchBtn\"\n                (click)=\"emitAdvancedSearchOpen()\"\n            >\n                Advanced\n                <span class=\"material-symbols-outlined ss-icon\"> keyboard_arrow_down </span>\n            </button>\n        }\n    </div>\n</div>\n", styles: ["#ssSearchBar .tabs .ss-tab.ensign{background-color:#2b6042!important;border-color:#2a6142}#ssSearchBar .tabs .ss-tab.ensign:hover{background-color:#357551!important}html{border:0;margin:0;padding:0;-webkit-text-size-adjust:100%}body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}:root{--color-navy: #00245d;--color-royal: #0047ba;--color-white: #ffffff;--color-blue-500: #00245d;--color-blue-400: #003995;--color-blue-300: #0047ba;--color-blue-200: #336cc8;--color-blue-150: #ccdaf1;--color-blue-100: #e5edf8;--color-gray-500: #141414;--color-gray-400: #737373;--color-gray-300: #8f8f8f;--color-gray-200: #d0d0d0;--color-gray-100: #e7e7e7;--color-gray-50: #f9f9f9;--color-gray-brand-400: #737373;--color-green-500: #1d562e;--color-green-400: #2e8545;--color-green-300: #3ba35a;--color-green-200: #9dd1ac;--color-green-100: #ebf6ee;--color-teal-500: #26485f;--color-teal-400: #3e7295;--color-teal-300: #457fa6;--color-teal-200: #a2bfd3;--color-teal-100: #ecf2f6;--color-red-500: #702121;--color-red-400: #b33837;--color-red-300: #c73e3d;--color-red-200: #e39e9e;--color-red-100: #f9ecec;--color-yellow-500: #635f04;--color-yellow-400: #928c30;--color-yellow-300: #d1c844;--color-yellow-200: #e8e3a1;--color-yellow-100: #f2f0e9;--color-purple-focus: #b967c7;--text-heading: #002e5d;--text-secondary-heading: #737373;--text-body: #141414;--text-disabled: #737373;--text-link: #336cc8;--text-on-action: #ffffff;--text-success: #1d562e;--text-info: #26485f;--text-error: #702121;--text-warning: #635f04;--surface-success: #ebf6ee;--surface-info: #ecf2f6;--surface-error: #f9ecec;--surface-warning: #f2f0e9;--focus-ring-color: #b967c7}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Light.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Regular.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Semibold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Bold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-LightItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Italic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-SemiboldItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-BoldItalic.ttf) format(\"truetype\");font-display:swap}h1,h2,h3,h4,h5,h6,span:not(.material-symbols-outlined),a,p{font-family:Source Sans Pro}h1{font-weight:300;font-style:normal;color:var(--text-heading)}h2{font-weight:400;font-style:normal;color:var(--text-heading)}h3{font-weight:700;font-style:normal;color:var(--text-heading)}h4,h5,h6{font-weight:600;font-style:normal;color:var(--text-secondary-heading)}.hbll-default-body{font-weight:400;font-style:normal;max-width:35rem;min-width:22.25rem;color:var(--text-body)}.hbll-caption{font-weight:400;font-style:normal;max-width:25.25rem;min-width:17.5rem;color:var(--text-body)}.hbll-large{font-weight:400;font-style:normal;max-width:41.25rem;min-width:26.5rem;color:var(--text-body)}a{color:var(--text-link);text-decoration:underline}.hbll-emphasis{font-weight:600}h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.75rem;line-height:2.25rem}h3,h4{font-size:1.5rem;line-height:2rem}h5,h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:.875rem;line-height:1.25rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1rem;line-height:1.5rem}@media screen and (min-width: 52.125em){h1{font-size:3rem;line-height:3.5rem}h2{font-size:2.5rem;line-height:3rem}h3{font-size:2rem;line-height:3rem}h4{font-size:1.75rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}@media screen and (min-width: 90em){h1{font-size:3.75rem;line-height:4.25rem}h2{font-size:3rem;line-height:3.5rem}h3{font-size:2.5rem;line-height:3rem}h4{font-size:2rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only.sr-only-focusable:focus,.sr-only.sr-only-focusable:focus-within,.sr-only.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}a,button{border:none;background:none;font-family:inherit;padding:0;margin:0;font-size:inherit;color:#0047ba;text-decoration:none;cursor:pointer}a:hover,button:hover{color:#003995}.mat-mdc-tooltip-surface{background-color:#333!important;border-radius:3px!important;color:#fff!important;font:inherit!important;font-size:.8em!important}#ssSearchBar{display:flex;align-items:flex-start;flex-wrap:wrap;position:relative;color:#444}#ssSearchBar .tabs{display:flex;width:100%;margin-bottom:-1px;z-index:10;pointer-events:none}#ssSearchBar .tabs .ss-tab{border-radius:4px 4px 0 0;border:#b7b7b7 solid 1px;border-color:#1967e5;border-bottom:none;padding:.3em 1.4em;font-size:.94em;letter-spacing:.4px;font-weight:600;background-color:#0047ba;color:#fff;white-space:nowrap;position:relative;pointer-events:auto}#ssSearchBar .tabs .ss-tab:after{content:\"\";height:1px;width:calc(100% + 2px);position:absolute;bottom:0;left:-1px;background-color:#b7b7b7}#ssSearchBar .tabs .ss-tab:hover{background-color:#1967e5}#ssSearchBar .tabs .ss-tab.ss-active{color:#002e5d;margin-bottom:1px;border-color:#b7b7b7;background-color:#fffffff2}#ssSearchBar .tabs .ss-tab.ss-active:after{display:none}#ssSearchBar .tabs .ss-tab:disabled{cursor:auto}#ssSearchBar .tabs .tab-spacer{width:.3em;border-bottom:#b7b7b7 solid 1px;position:relative}#ssSearchBar .tabs .tab-spacer:before{content:\"\";position:absolute;left:-1px;bottom:-1px;width:1px;height:1px;background-color:#b7b7b7}#ssSearchBar .tabs .tab-spacer:after{content:\"\";position:absolute;right:-1px;bottom:-1px;width:1px;height:1px;background-color:#b7b7b7}#ssSearchBar .tabs .tab-spacer.full{width:100%;margin-right:4px;position:relative}#ssSearchBar .ss-adv-search-text{padding-bottom:1em;padding-right:1.25rem;pointer-events:none}#ssSearchBar .ss-bar-wrapper{padding:1em 1em .25em;border-right:#b7b7b7 solid 1px;border-left:#b7b7b7 solid 1px;border-bottom:#b7b7b7 solid 1px;width:100%;display:flex;align-items:center;flex-wrap:wrap;position:relative;background-color:#fffffff2;border-radius:0 4px 4px}#ssSearchBar .ss-bar-wrapper:after{content:\"\";position:absolute;top:0;right:-1px;background-color:transparent;border-radius:0 4px 0 0;width:4px;height:4px;border-top:#b7b7b7 solid 1px;border-right:#b7b7b7 solid 1px}#ssSearchBar .ss-bar-content{position:relative;width:100%;height:initial}#ssSearchBar .ss-search-bar{border-radius:4px;border:#b7b7b7 solid 1px;width:100%}#ssSearchBar #advSearchCloseBtn{float:right;padding:.4em;margin:-.4em 0;color:#666;transition:all .1s}#ssSearchBar #advSearchCloseBtn:hover{color:#292929}#ssSearchBar #advSearchCloseBtn .ss-icon{font-size:1.2em;font-weight:600}#ssSearchBar .ss-adv-search-btn{font-size:.9em;color:#4070b0;margin:.2em 4em 0 auto;padding-right:.25rem;padding-top:2px;padding-bottom:2px;display:flex;justify-content:center;align-items:center}#ssSearchBar .ss-adv-search-btn .ss-icon{font-size:1.4em;opacity:.75;margin-top:.125rem}#ssSearchBar .ss-adv-search-btn:hover{color:#6892ca}\n"] }]
         }], propDecorators: { searchText: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchText", required: false }] }, { type: i0.Output, args: ["searchTextChange"] }], config: [{
                 type: Input,
                 args: [{ required: true }]
@@ -2374,6 +2715,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
             }], barWrapperRef: [{
                 type: ViewChild,
                 args: ['barWrapperRef']
+            }], advSearchCloseBtn: [{
+                type: ViewChild,
+                args: ['advSearchCloseBtn']
             }] } });
 
 const searchScopeValues = ['local', 'external'];
@@ -2454,11 +2798,11 @@ class StatusButtonComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: StatusButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.15", type: StatusButtonComponent, isStandalone: true, selector: "lib-status-button", inputs: { label: "label", status: "status", leftIcon: "leftIcon", rightIcon: "rightIcon", hideLeftIcon: ["hideLeftIcon", "hideLeftIcon", booleanAttribute], hideRightIcon: ["hideRightIcon", "hideRightIcon", booleanAttribute], clearVariant: ["clearVariant", "clearVariant", booleanAttribute] }, ngImport: i0, template: "<button\n    type=\"button\"\n    [ngClass]=\"[\n        status,\n        clearVariant ? 'strokeless transparent-bg' : ''\n    ]\"\n>\n    <span *ngIf=\"leftIcon\" class=\"icon material-symbols-outlined\">{{ leftIcon }}</span>\n    {{ label }}\n    <span *ngIf=\"rightIcon\" class=\"icon material-symbols-outlined\">{{ rightIcon }}</span>\n</button>\n", styles: ["button{align-items:center;background-color:#ecf2f6;border:1px solid #457fa6;border-radius:4px;color:#3e7295;display:inline-flex;flex-shrink:0;font-size:1em;font-weight:400;gap:.5em;height:2.25em;justify-content:center;padding:var(--status-button-padding, .25em .5em)}button .icon{font-size:1.25em}button:focus{outline:2px solid #b967c7;outline-offset:2px}button:hover{background-color:#a2bfd3;color:#26485f;cursor:pointer}button.success{background-color:#ebf6ee;border:1px solid #3ba35a;color:#1d562e}button.success:hover{background-color:#9dd1ac;color:#1d562e}button.info{background-color:#ecf2f6;border:1px solid #457fa6;color:#3e7295}button.info:hover{background-color:#a2bfd3;color:#26485f}button.warning{background-color:#faf9ec;border:1px solid #d1c844;color:#635f04}button.warning:hover{background-color:#e8e3a1;color:#635f04}button.error{background-color:#f9ecec;border:1px solid #c73e3d;color:#702121}button.error:hover{background-color:#e39e9e;color:#702121}button.disabled{background-color:#e7e7e7;border:1px solid #8f8f8f;color:#767676}button.disabled:hover{background-color:#d0d0d0;color:#141414}button.strokeless{border:0px}button.transparent-bg{background:transparent}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.15", type: StatusButtonComponent, isStandalone: true, selector: "lib-status-button", inputs: { label: "label", status: "status", leftIcon: "leftIcon", rightIcon: "rightIcon", hideLeftIcon: ["hideLeftIcon", "hideLeftIcon", booleanAttribute], hideRightIcon: ["hideRightIcon", "hideRightIcon", booleanAttribute], clearVariant: ["clearVariant", "clearVariant", booleanAttribute] }, ngImport: i0, template: "<button\n    type=\"button\"\n    [ngClass]=\"[\n        status,\n        clearVariant ? 'strokeless transparent-bg' : ''\n    ]\"\n>\n    <span *ngIf=\"leftIcon\" class=\"icon material-symbols-outlined\">{{ leftIcon }}</span>\n    {{ label }}\n    <span *ngIf=\"rightIcon\" class=\"icon material-symbols-outlined\">{{ rightIcon }}</span>\n</button>\n", styles: ["button{align-items:center;background-color:#ecf2f6;border:1px solid #457fa6;border-radius:4px;color:#3e7295;display:inline-flex;flex-shrink:0;font-size:1em;font-weight:400;gap:.5em;height:2.25em;justify-content:center;padding:var(--status-button-padding, .25em .5em)}button .icon{font-size:1.25em}button:focus{outline:2px solid #b967c7;outline-offset:2px}button:hover{background-color:#a2bfd3;color:#26485f;cursor:pointer}button.success{background-color:#ebf6ee;border:1px solid #3ba35a;color:#1d562e}button.success:hover{background-color:#9dd1ac;color:#1d562e}button.info{background-color:#ecf2f6;border:1px solid #457fa6;color:#3e7295}button.info:hover{background-color:#a2bfd3;color:#26485f}button.warning{background-color:#faf9ec;border:1px solid #d1c844;color:#635f04}button.warning:hover{background-color:#e8e3a1;color:#635f04}button.error{background-color:#f9ecec;border:1px solid #c73e3d;color:#702121}button.error:hover{background-color:#e39e9e;color:#702121}button.disabled{background-color:#e7e7e7;border:1px solid #8f8f8f;color:#737373}button.disabled:hover{background-color:#d0d0d0;color:#141414}button.strokeless{border:0px}button.transparent-bg{background:transparent}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: StatusButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-status-button', imports: [CommonModule, NgIf], template: "<button\n    type=\"button\"\n    [ngClass]=\"[\n        status,\n        clearVariant ? 'strokeless transparent-bg' : ''\n    ]\"\n>\n    <span *ngIf=\"leftIcon\" class=\"icon material-symbols-outlined\">{{ leftIcon }}</span>\n    {{ label }}\n    <span *ngIf=\"rightIcon\" class=\"icon material-symbols-outlined\">{{ rightIcon }}</span>\n</button>\n", styles: ["button{align-items:center;background-color:#ecf2f6;border:1px solid #457fa6;border-radius:4px;color:#3e7295;display:inline-flex;flex-shrink:0;font-size:1em;font-weight:400;gap:.5em;height:2.25em;justify-content:center;padding:var(--status-button-padding, .25em .5em)}button .icon{font-size:1.25em}button:focus{outline:2px solid #b967c7;outline-offset:2px}button:hover{background-color:#a2bfd3;color:#26485f;cursor:pointer}button.success{background-color:#ebf6ee;border:1px solid #3ba35a;color:#1d562e}button.success:hover{background-color:#9dd1ac;color:#1d562e}button.info{background-color:#ecf2f6;border:1px solid #457fa6;color:#3e7295}button.info:hover{background-color:#a2bfd3;color:#26485f}button.warning{background-color:#faf9ec;border:1px solid #d1c844;color:#635f04}button.warning:hover{background-color:#e8e3a1;color:#635f04}button.error{background-color:#f9ecec;border:1px solid #c73e3d;color:#702121}button.error:hover{background-color:#e39e9e;color:#702121}button.disabled{background-color:#e7e7e7;border:1px solid #8f8f8f;color:#767676}button.disabled:hover{background-color:#d0d0d0;color:#141414}button.strokeless{border:0px}button.transparent-bg{background:transparent}\n"] }]
+            args: [{ selector: 'lib-status-button', imports: [CommonModule, NgIf], template: "<button\n    type=\"button\"\n    [ngClass]=\"[\n        status,\n        clearVariant ? 'strokeless transparent-bg' : ''\n    ]\"\n>\n    <span *ngIf=\"leftIcon\" class=\"icon material-symbols-outlined\">{{ leftIcon }}</span>\n    {{ label }}\n    <span *ngIf=\"rightIcon\" class=\"icon material-symbols-outlined\">{{ rightIcon }}</span>\n</button>\n", styles: ["button{align-items:center;background-color:#ecf2f6;border:1px solid #457fa6;border-radius:4px;color:#3e7295;display:inline-flex;flex-shrink:0;font-size:1em;font-weight:400;gap:.5em;height:2.25em;justify-content:center;padding:var(--status-button-padding, .25em .5em)}button .icon{font-size:1.25em}button:focus{outline:2px solid #b967c7;outline-offset:2px}button:hover{background-color:#a2bfd3;color:#26485f;cursor:pointer}button.success{background-color:#ebf6ee;border:1px solid #3ba35a;color:#1d562e}button.success:hover{background-color:#9dd1ac;color:#1d562e}button.info{background-color:#ecf2f6;border:1px solid #457fa6;color:#3e7295}button.info:hover{background-color:#a2bfd3;color:#26485f}button.warning{background-color:#faf9ec;border:1px solid #d1c844;color:#635f04}button.warning:hover{background-color:#e8e3a1;color:#635f04}button.error{background-color:#f9ecec;border:1px solid #c73e3d;color:#702121}button.error:hover{background-color:#e39e9e;color:#702121}button.disabled{background-color:#e7e7e7;border:1px solid #8f8f8f;color:#737373}button.disabled:hover{background-color:#d0d0d0;color:#141414}button.strokeless{border:0px}button.transparent-bg{background:transparent}\n"] }]
         }], propDecorators: { label: [{
                 type: Input,
                 args: [{ required: true }]
@@ -2627,9 +2971,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
             }] } });
 
 class SnackbarService {
-    constructor(appRef, env) {
-        this.appRef = appRef;
-        this.env = env;
+    constructor() {
+        this.appRef = inject(ApplicationRef);
+        this.env = inject(EnvironmentInjector);
     }
     /**
      * This open method is what consuming code will use to create a snackbar
@@ -2705,90 +3049,13 @@ class SnackbarService {
             buttonClicked: compRef.instance.buttonClicked,
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SnackbarService, deps: [{ token: i0.ApplicationRef }, { token: i0.EnvironmentInjector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SnackbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SnackbarService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SnackbarService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.EnvironmentInjector }] });
-
-/**
- * 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>
- * ```
- */
-class ButtonComponent {
-    constructor() {
-        this.buttonType = 'primary';
-        this.disabled = false;
-        this.isThin = false;
-        this.buttonClick = new EventEmitter();
-    }
-    /**
-     * Handles button click events and emits the buttonClick event if the button is not disabled.
-     */
-    onButtonClick() {
-        if (!this.disabled) {
-            this.buttonClick.emit();
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ButtonComponent, isStandalone: true, selector: "lib-button", inputs: { buttonType: "buttonType", title: "title", iconBefore: "iconBefore", iconAfter: "iconAfter", disabled: "disabled", isThin: "isThin", ariaLabel: "ariaLabel" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button\n    type=\"button\"\n    [class]=\"'btn btn-' + buttonType + (isThin ? ' btn-thin' : '') + (title ? '' : ' btn-icon-only')\"\n    [disabled]=\"disabled\"\n    [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n    (click)=\"onButtonClick()\"\n    [attr.tabindex]=\"disabled ? -1 : 0\"\n>\n    @if (iconBefore) {\n        <span class=\"icon material-symbols-outlined\" [ngClass]=\"{ 'icon-before': title }\">{{ iconBefore }}</span>\n    }\n\n    @if (title) {\n        <span class=\"button-title\">{{ title }}</span>\n    }\n\n    @if (iconAfter) {\n        <span class=\"icon icon-after material-symbols-outlined\">{{ iconAfter }}</span>\n    }\n</button>\n", styles: [".btn{padding:.75rem 1.5rem;border-radius:.25rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;outline:none;line-height:1.5rem}.btn.btn-thin{padding:.25rem 2.25rem;border-radius:.5rem;font-weight:400}.btn.btn-thin .icon img{height:1.25rem}.btn:disabled{cursor:not-allowed;color:#767676}.btn:disabled:not(.btn-transparent){background-color:#e7e7e7;border:.0625rem solid #767676}.btn:focus-visible{outline:.125rem solid #b967c7;outline-offset:.125rem}.btn .icon{display:flex;align-items:center;justify-content:center}.btn .icon img{height:1.5rem;width:auto}.btn .icon.icon-before{margin-right:.25rem}.btn .icon.icon-after{margin-left:.25rem}.btn .button-title{flex-shrink:0}.btn-icon-only{padding:.75rem}.btn-primary{background-color:#0047ba;color:#fff;border:.0625rem solid #0047ba}.btn-primary:hover:not(:disabled){background-color:#003995}.btn-secondary{background-color:#fff;color:#00245d;border:.0625rem solid #0047ba}.btn-secondary:hover:not(:disabled){background-color:#e5edf8}.btn-transparent{background-color:transparent;color:#00245d}.btn-transparent:hover:not(:disabled){background-color:#e5edf8}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-button', standalone: true, imports: [CommonModule], template: "<button\n    type=\"button\"\n    [class]=\"'btn btn-' + buttonType + (isThin ? ' btn-thin' : '') + (title ? '' : ' btn-icon-only')\"\n    [disabled]=\"disabled\"\n    [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n    (click)=\"onButtonClick()\"\n    [attr.tabindex]=\"disabled ? -1 : 0\"\n>\n    @if (iconBefore) {\n        <span class=\"icon material-symbols-outlined\" [ngClass]=\"{ 'icon-before': title }\">{{ iconBefore }}</span>\n    }\n\n    @if (title) {\n        <span class=\"button-title\">{{ title }}</span>\n    }\n\n    @if (iconAfter) {\n        <span class=\"icon icon-after material-symbols-outlined\">{{ iconAfter }}</span>\n    }\n</button>\n", styles: [".btn{padding:.75rem 1.5rem;border-radius:.25rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;outline:none;line-height:1.5rem}.btn.btn-thin{padding:.25rem 2.25rem;border-radius:.5rem;font-weight:400}.btn.btn-thin .icon img{height:1.25rem}.btn:disabled{cursor:not-allowed;color:#767676}.btn:disabled:not(.btn-transparent){background-color:#e7e7e7;border:.0625rem solid #767676}.btn:focus-visible{outline:.125rem solid #b967c7;outline-offset:.125rem}.btn .icon{display:flex;align-items:center;justify-content:center}.btn .icon img{height:1.5rem;width:auto}.btn .icon.icon-before{margin-right:.25rem}.btn .icon.icon-after{margin-left:.25rem}.btn .button-title{flex-shrink:0}.btn-icon-only{padding:.75rem}.btn-primary{background-color:#0047ba;color:#fff;border:.0625rem solid #0047ba}.btn-primary:hover:not(:disabled){background-color:#003995}.btn-secondary{background-color:#fff;color:#00245d;border:.0625rem solid #0047ba}.btn-secondary:hover:not(:disabled){background-color:#e5edf8}.btn-transparent{background-color:transparent;color:#00245d}.btn-transparent:hover:not(:disabled){background-color:#e5edf8}\n"] }]
-        }], propDecorators: { buttonType: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], iconBefore: [{
-                type: Input
-            }], iconAfter: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], isThin: [{
-                type: Input
-            }], ariaLabel: [{
-                type: Input
-            }], buttonClick: [{
-                type: Output
-            }] } });
+        }] });
 
 class ButtonGroupItemComponent {
     constructor() {
@@ -2804,11 +3071,11 @@ class ButtonGroupItemComponent {
         this.buttonClick.emit(this.id);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ButtonGroupItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ButtonGroupItemComponent, isStandalone: true, selector: "lib-button-group-item", inputs: { id: "id", title: "title", icon: "icon", ariaLabel: "ariaLabel", disabled: "disabled", position: "position" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button\n    type=\"button\"\n    class=\"tab-btn\"\n    [class.first]=\"position === 'first'\"\n    [class.last]=\"position === 'last'\"\n    [class.active]=\"isActive\"\n    [disabled]=\"disabled\"\n    (click)=\"onClick()\"\n    role=\"tab\"\n    [attr.aria-pressed]=\"isActive\"\n    [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n    [attr.tabindex]=\"disabled ? -1 : 0\"\n>\n    @if (icon) {\n        <span class=\"icon material-symbols-outlined\">{{ icon }}</span>\n    }\n\n    @if (title) {\n        <span class=\"button-title\">{{ title }}</span>\n    }\n</button>\n", styles: [".tab-btn{padding:.5rem 1rem;font-size:1rem;font-weight:400;line-height:1.5rem;color:#00245d;background-color:#fff;cursor:pointer;position:relative;border:.0625rem solid #d0d0d0;border-left:none;border-radius:0;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;height:2.5rem}.tab-btn:not(:disabled):hover{background-color:#e5edf8}.tab-btn.active{background-color:#0047ba;color:#fff;z-index:2}.tab-btn.active:not(:disabled):hover{background-color:#003995}.tab-btn:focus-visible{outline:.125rem solid #b967c7;outline-offset:.125rem;z-index:3}.tab-btn:disabled{cursor:not-allowed;color:#767676;background-color:#e7e7e7;border-color:#767676}.tab-btn .icon{display:flex;align-items:center;justify-content:center}.tab-btn .icon img{height:1.5rem;width:auto}.tab-btn .button-title{flex-shrink:0}.tab-btn.first{border-radius:.25rem 0 0 .25rem;border-left:.0625rem solid #d0d0d0}.tab-btn.first:disabled{border-left:.0625rem solid #767676}.tab-btn.last{border-radius:0 .25rem .25rem 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ButtonGroupItemComponent, isStandalone: true, selector: "lib-button-group-item", inputs: { id: "id", title: "title", icon: "icon", ariaLabel: "ariaLabel", disabled: "disabled", position: "position" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button\n    type=\"button\"\n    class=\"tab-btn\"\n    [class.first]=\"position === 'first'\"\n    [class.last]=\"position === 'last'\"\n    [class.active]=\"isActive\"\n    [disabled]=\"disabled\"\n    (click)=\"onClick()\"\n    role=\"tab\"\n    [attr.aria-pressed]=\"isActive\"\n    [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n    [attr.tabindex]=\"disabled ? -1 : 0\"\n>\n    @if (icon) {\n        <span class=\"icon material-symbols-outlined\">{{ icon }}</span>\n    }\n\n    @if (title) {\n        <span class=\"button-title\">{{ title }}</span>\n    }\n</button>\n", styles: ["html{border:0;margin:0;padding:0;-webkit-text-size-adjust:100%}body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}:root{--color-navy: #00245d;--color-royal: #0047ba;--color-white: #ffffff;--color-blue-500: #00245d;--color-blue-400: #003995;--color-blue-300: #0047ba;--color-blue-200: #336cc8;--color-blue-150: #ccdaf1;--color-blue-100: #e5edf8;--color-gray-500: #141414;--color-gray-400: #737373;--color-gray-300: #8f8f8f;--color-gray-200: #d0d0d0;--color-gray-100: #e7e7e7;--color-gray-50: #f9f9f9;--color-gray-brand-400: #737373;--color-green-500: #1d562e;--color-green-400: #2e8545;--color-green-300: #3ba35a;--color-green-200: #9dd1ac;--color-green-100: #ebf6ee;--color-teal-500: #26485f;--color-teal-400: #3e7295;--color-teal-300: #457fa6;--color-teal-200: #a2bfd3;--color-teal-100: #ecf2f6;--color-red-500: #702121;--color-red-400: #b33837;--color-red-300: #c73e3d;--color-red-200: #e39e9e;--color-red-100: #f9ecec;--color-yellow-500: #635f04;--color-yellow-400: #928c30;--color-yellow-300: #d1c844;--color-yellow-200: #e8e3a1;--color-yellow-100: #f2f0e9;--color-purple-focus: #b967c7;--text-heading: #002e5d;--text-secondary-heading: #737373;--text-body: #141414;--text-disabled: #737373;--text-link: #336cc8;--text-on-action: #ffffff;--text-success: #1d562e;--text-info: #26485f;--text-error: #702121;--text-warning: #635f04;--surface-success: #ebf6ee;--surface-info: #ecf2f6;--surface-error: #f9ecec;--surface-warning: #f2f0e9;--focus-ring-color: #b967c7}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Light.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Regular.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Semibold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Bold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-LightItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Italic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-SemiboldItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-BoldItalic.ttf) format(\"truetype\");font-display:swap}h1,h2,h3,h4,h5,h6,span:not(.material-symbols-outlined),a,p{font-family:Source Sans Pro}h1{font-weight:300;font-style:normal;color:var(--text-heading)}h2{font-weight:400;font-style:normal;color:var(--text-heading)}h3{font-weight:700;font-style:normal;color:var(--text-heading)}h4,h5,h6{font-weight:600;font-style:normal;color:var(--text-secondary-heading)}.hbll-default-body{font-weight:400;font-style:normal;max-width:35rem;min-width:22.25rem;color:var(--text-body)}.hbll-caption{font-weight:400;font-style:normal;max-width:25.25rem;min-width:17.5rem;color:var(--text-body)}.hbll-large{font-weight:400;font-style:normal;max-width:41.25rem;min-width:26.5rem;color:var(--text-body)}a{color:var(--text-link);text-decoration:underline}.hbll-emphasis{font-weight:600}h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.75rem;line-height:2.25rem}h3,h4{font-size:1.5rem;line-height:2rem}h5,h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:.875rem;line-height:1.25rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1rem;line-height:1.5rem}@media screen and (min-width: 52.125em){h1{font-size:3rem;line-height:3.5rem}h2{font-size:2.5rem;line-height:3rem}h3{font-size:2rem;line-height:3rem}h4{font-size:1.75rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}@media screen and (min-width: 90em){h1{font-size:3.75rem;line-height:4.25rem}h2{font-size:3rem;line-height:3.5rem}h3{font-size:2.5rem;line-height:3rem}h4{font-size:2rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only.sr-only-focusable:focus,.sr-only.sr-only-focusable:focus-within,.sr-only.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.tab-btn{padding:.5rem 1rem;font-size:1rem;font-weight:400;line-height:1.5rem;color:#00245d;background-color:#fff;cursor:pointer;position:relative;border:.0625rem solid #d0d0d0;border-left:none;border-radius:0;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;height:2.5rem}.tab-btn:not(:disabled):hover{background-color:#e5edf8}.tab-btn.active{background-color:#0047ba;color:#fff;z-index:2}.tab-btn.active:not(:disabled):hover{background-color:#003995}.tab-btn:focus-visible{outline:.125rem solid #b967c7;outline-offset:.125rem;z-index:3}.tab-btn:disabled{cursor:not-allowed;color:#737373;background-color:#e7e7e7;border-color:#737373}.tab-btn .icon{display:flex;align-items:center;justify-content:center}.tab-btn .icon img{height:1.5rem;width:auto}.tab-btn .button-title{flex-shrink:0}.tab-btn.first{border-radius:.25rem 0 0 .25rem;border-left:.0625rem solid #d0d0d0}.tab-btn.first:disabled{border-left:.0625rem solid #737373}.tab-btn.last{border-radius:0 .25rem .25rem 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ButtonGroupItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-button-group-item', standalone: true, imports: [CommonModule], template: "<button\n    type=\"button\"\n    class=\"tab-btn\"\n    [class.first]=\"position === 'first'\"\n    [class.last]=\"position === 'last'\"\n    [class.active]=\"isActive\"\n    [disabled]=\"disabled\"\n    (click)=\"onClick()\"\n    role=\"tab\"\n    [attr.aria-pressed]=\"isActive\"\n    [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n    [attr.tabindex]=\"disabled ? -1 : 0\"\n>\n    @if (icon) {\n        <span class=\"icon material-symbols-outlined\">{{ icon }}</span>\n    }\n\n    @if (title) {\n        <span class=\"button-title\">{{ title }}</span>\n    }\n</button>\n", styles: [".tab-btn{padding:.5rem 1rem;font-size:1rem;font-weight:400;line-height:1.5rem;color:#00245d;background-color:#fff;cursor:pointer;position:relative;border:.0625rem solid #d0d0d0;border-left:none;border-radius:0;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;height:2.5rem}.tab-btn:not(:disabled):hover{background-color:#e5edf8}.tab-btn.active{background-color:#0047ba;color:#fff;z-index:2}.tab-btn.active:not(:disabled):hover{background-color:#003995}.tab-btn:focus-visible{outline:.125rem solid #b967c7;outline-offset:.125rem;z-index:3}.tab-btn:disabled{cursor:not-allowed;color:#767676;background-color:#e7e7e7;border-color:#767676}.tab-btn .icon{display:flex;align-items:center;justify-content:center}.tab-btn .icon img{height:1.5rem;width:auto}.tab-btn .button-title{flex-shrink:0}.tab-btn.first{border-radius:.25rem 0 0 .25rem;border-left:.0625rem solid #d0d0d0}.tab-btn.first:disabled{border-left:.0625rem solid #767676}.tab-btn.last{border-radius:0 .25rem .25rem 0}\n"] }]
+            args: [{ selector: 'lib-button-group-item', standalone: true, imports: [CommonModule], template: "<button\n    type=\"button\"\n    class=\"tab-btn\"\n    [class.first]=\"position === 'first'\"\n    [class.last]=\"position === 'last'\"\n    [class.active]=\"isActive\"\n    [disabled]=\"disabled\"\n    (click)=\"onClick()\"\n    role=\"tab\"\n    [attr.aria-pressed]=\"isActive\"\n    [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n    [attr.tabindex]=\"disabled ? -1 : 0\"\n>\n    @if (icon) {\n        <span class=\"icon material-symbols-outlined\">{{ icon }}</span>\n    }\n\n    @if (title) {\n        <span class=\"button-title\">{{ title }}</span>\n    }\n</button>\n", styles: ["html{border:0;margin:0;padding:0;-webkit-text-size-adjust:100%}body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}:root{--color-navy: #00245d;--color-royal: #0047ba;--color-white: #ffffff;--color-blue-500: #00245d;--color-blue-400: #003995;--color-blue-300: #0047ba;--color-blue-200: #336cc8;--color-blue-150: #ccdaf1;--color-blue-100: #e5edf8;--color-gray-500: #141414;--color-gray-400: #737373;--color-gray-300: #8f8f8f;--color-gray-200: #d0d0d0;--color-gray-100: #e7e7e7;--color-gray-50: #f9f9f9;--color-gray-brand-400: #737373;--color-green-500: #1d562e;--color-green-400: #2e8545;--color-green-300: #3ba35a;--color-green-200: #9dd1ac;--color-green-100: #ebf6ee;--color-teal-500: #26485f;--color-teal-400: #3e7295;--color-teal-300: #457fa6;--color-teal-200: #a2bfd3;--color-teal-100: #ecf2f6;--color-red-500: #702121;--color-red-400: #b33837;--color-red-300: #c73e3d;--color-red-200: #e39e9e;--color-red-100: #f9ecec;--color-yellow-500: #635f04;--color-yellow-400: #928c30;--color-yellow-300: #d1c844;--color-yellow-200: #e8e3a1;--color-yellow-100: #f2f0e9;--color-purple-focus: #b967c7;--text-heading: #002e5d;--text-secondary-heading: #737373;--text-body: #141414;--text-disabled: #737373;--text-link: #336cc8;--text-on-action: #ffffff;--text-success: #1d562e;--text-info: #26485f;--text-error: #702121;--text-warning: #635f04;--surface-success: #ebf6ee;--surface-info: #ecf2f6;--surface-error: #f9ecec;--surface-warning: #f2f0e9;--focus-ring-color: #b967c7}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Light.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Regular.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Semibold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Bold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-LightItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Italic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-SemiboldItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-BoldItalic.ttf) format(\"truetype\");font-display:swap}h1,h2,h3,h4,h5,h6,span:not(.material-symbols-outlined),a,p{font-family:Source Sans Pro}h1{font-weight:300;font-style:normal;color:var(--text-heading)}h2{font-weight:400;font-style:normal;color:var(--text-heading)}h3{font-weight:700;font-style:normal;color:var(--text-heading)}h4,h5,h6{font-weight:600;font-style:normal;color:var(--text-secondary-heading)}.hbll-default-body{font-weight:400;font-style:normal;max-width:35rem;min-width:22.25rem;color:var(--text-body)}.hbll-caption{font-weight:400;font-style:normal;max-width:25.25rem;min-width:17.5rem;color:var(--text-body)}.hbll-large{font-weight:400;font-style:normal;max-width:41.25rem;min-width:26.5rem;color:var(--text-body)}a{color:var(--text-link);text-decoration:underline}.hbll-emphasis{font-weight:600}h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.75rem;line-height:2.25rem}h3,h4{font-size:1.5rem;line-height:2rem}h5,h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:.875rem;line-height:1.25rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1rem;line-height:1.5rem}@media screen and (min-width: 52.125em){h1{font-size:3rem;line-height:3.5rem}h2{font-size:2.5rem;line-height:3rem}h3{font-size:2rem;line-height:3rem}h4{font-size:1.75rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}@media screen and (min-width: 90em){h1{font-size:3.75rem;line-height:4.25rem}h2{font-size:3rem;line-height:3.5rem}h3{font-size:2.5rem;line-height:3rem}h4{font-size:2rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only.sr-only-focusable:focus,.sr-only.sr-only-focusable:focus-within,.sr-only.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.tab-btn{padding:.5rem 1rem;font-size:1rem;font-weight:400;line-height:1.5rem;color:#00245d;background-color:#fff;cursor:pointer;position:relative;border:.0625rem solid #d0d0d0;border-left:none;border-radius:0;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;height:2.5rem}.tab-btn:not(:disabled):hover{background-color:#e5edf8}.tab-btn.active{background-color:#0047ba;color:#fff;z-index:2}.tab-btn.active:not(:disabled):hover{background-color:#003995}.tab-btn:focus-visible{outline:.125rem solid #b967c7;outline-offset:.125rem;z-index:3}.tab-btn:disabled{cursor:not-allowed;color:#737373;background-color:#e7e7e7;border-color:#737373}.tab-btn .icon{display:flex;align-items:center;justify-content:center}.tab-btn .icon img{height:1.5rem;width:auto}.tab-btn .button-title{flex-shrink:0}.tab-btn.first{border-radius:.25rem 0 0 .25rem;border-left:.0625rem solid #d0d0d0}.tab-btn.first:disabled{border-left:.0625rem solid #737373}.tab-btn.last{border-radius:0 .25rem .25rem 0}\n"] }]
         }], propDecorators: { id: [{
                 type: Input,
                 args: [{ required: true }]
@@ -2978,6 +3245,844 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 args: [ButtonGroupItemComponent]
             }] } });
 
+class TabItemComponent {
+    constructor() {
+        this.disabled = false;
+        this.itemClick = new EventEmitter();
+        // Set by parent tab bar after content projection
+        this.isActive = false;
+    }
+    /**
+     * Handles the tab item click event and emits the tab's ID to the parent component.
+     */
+    onClick() {
+        this.itemClick.emit(this.id);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TabItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: TabItemComponent, isStandalone: true, selector: "lib-tab-item", inputs: { id: "id", title: "title", icon: "icon", ariaLabel: "ariaLabel", disabled: "disabled", routerLink: "routerLink" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: "@if (routerLink) {\n    <a\n        class=\"tab-item\"\n        [routerLink]=\"routerLink\"\n        routerLinkActive=\"active\"\n        [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n        [attr.tabindex]=\"disabled ? -1 : 0\"\n        role=\"tab\"\n    >\n        @if (icon) {\n            <span class=\"icon material-symbols-outlined\">{{ icon }}</span>\n        }\n\n        @if (title) {\n            <span class=\"title\">{{ title }}</span>\n        }\n    </a>\n} @else {\n    <button\n        type=\"button\"\n        class=\"tab-item\"\n        [class.active]=\"isActive\"\n        [disabled]=\"disabled\"\n        (click)=\"onClick()\"\n        role=\"tab\"\n        [attr.aria-selected]=\"isActive\"\n        [attr.aria-disabled]=\"disabled ? true : null\"\n        [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n        [attr.tabindex]=\"disabled ? -1 : 0\"\n    >\n        @if (icon) {\n            <span class=\"icon material-symbols-outlined\">{{ icon }}</span>\n        }\n\n        @if (title) {\n            <span class=\"title\">{{ title }}</span>\n        }\n    </button>\n}\n", styles: ["html{border:0;margin:0;padding:0;-webkit-text-size-adjust:100%}body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}:root{--color-navy: #00245d;--color-royal: #0047ba;--color-white: #ffffff;--color-blue-500: #00245d;--color-blue-400: #003995;--color-blue-300: #0047ba;--color-blue-200: #336cc8;--color-blue-150: #ccdaf1;--color-blue-100: #e5edf8;--color-gray-500: #141414;--color-gray-400: #737373;--color-gray-300: #8f8f8f;--color-gray-200: #d0d0d0;--color-gray-100: #e7e7e7;--color-gray-50: #f9f9f9;--color-gray-brand-400: #737373;--color-green-500: #1d562e;--color-green-400: #2e8545;--color-green-300: #3ba35a;--color-green-200: #9dd1ac;--color-green-100: #ebf6ee;--color-teal-500: #26485f;--color-teal-400: #3e7295;--color-teal-300: #457fa6;--color-teal-200: #a2bfd3;--color-teal-100: #ecf2f6;--color-red-500: #702121;--color-red-400: #b33837;--color-red-300: #c73e3d;--color-red-200: #e39e9e;--color-red-100: #f9ecec;--color-yellow-500: #635f04;--color-yellow-400: #928c30;--color-yellow-300: #d1c844;--color-yellow-200: #e8e3a1;--color-yellow-100: #f2f0e9;--color-purple-focus: #b967c7;--text-heading: #002e5d;--text-secondary-heading: #737373;--text-body: #141414;--text-disabled: #737373;--text-link: #336cc8;--text-on-action: #ffffff;--text-success: #1d562e;--text-info: #26485f;--text-error: #702121;--text-warning: #635f04;--surface-success: #ebf6ee;--surface-info: #ecf2f6;--surface-error: #f9ecec;--surface-warning: #f2f0e9;--focus-ring-color: #b967c7}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Light.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Regular.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Semibold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Bold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-LightItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Italic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-SemiboldItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-BoldItalic.ttf) format(\"truetype\");font-display:swap}h1,h2,h3,h4,h5,h6,span:not(.material-symbols-outlined),a,p{font-family:Source Sans Pro}h1{font-weight:300;font-style:normal;color:var(--text-heading)}h2{font-weight:400;font-style:normal;color:var(--text-heading)}h3{font-weight:700;font-style:normal;color:var(--text-heading)}h4,h5,h6{font-weight:600;font-style:normal;color:var(--text-secondary-heading)}.hbll-default-body{font-weight:400;font-style:normal;max-width:35rem;min-width:22.25rem;color:var(--text-body)}.hbll-caption{font-weight:400;font-style:normal;max-width:25.25rem;min-width:17.5rem;color:var(--text-body)}.hbll-large{font-weight:400;font-style:normal;max-width:41.25rem;min-width:26.5rem;color:var(--text-body)}a{color:var(--text-link);text-decoration:underline}.hbll-emphasis{font-weight:600}h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.75rem;line-height:2.25rem}h3,h4{font-size:1.5rem;line-height:2rem}h5,h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:.875rem;line-height:1.25rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1rem;line-height:1.5rem}@media screen and (min-width: 52.125em){h1{font-size:3rem;line-height:3.5rem}h2{font-size:2.5rem;line-height:3rem}h3{font-size:2rem;line-height:3rem}h4{font-size:1.75rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}@media screen and (min-width: 90em){h1{font-size:3.75rem;line-height:4.25rem}h2{font-size:3rem;line-height:3.5rem}h3{font-size:2.5rem;line-height:3rem}h4{font-size:2rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only.sr-only-focusable:focus,.sr-only.sr-only-focusable:focus-within,.sr-only.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}:host{display:contents}.title{margin:0;font-size:1.25rem;color:#141414}.tab-item{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.75rem;gap:.5rem;font-size:1rem;height:4rem;min-width:114px;color:#002e5d;cursor:pointer;border:none;border-radius:0;border-bottom:2px solid transparent;transition:all .05s ease;position:relative;background-color:transparent;text-decoration:none}.tab-item:not(:disabled):hover{background-color:#e5edf8}.tab-item.active{border-bottom-color:#0047ba;border-bottom-width:.2rem;z-index:1}.tab-item.active:not(:disabled):hover{background-color:#fff}.tab-item:focus-visible{outline:.125rem solid #b967c7;outline-offset:.125rem;z-index:2}.tab-item:disabled,.tab-item[aria-disabled=true]{cursor:not-allowed;color:#141414;background-color:#fff;opacity:.6;pointer-events:none}.tab-item .icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:1.5rem;flex-shrink:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TabItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-tab-item', standalone: true, imports: [CommonModule, RouterLink, RouterLinkActive], template: "@if (routerLink) {\n    <a\n        class=\"tab-item\"\n        [routerLink]=\"routerLink\"\n        routerLinkActive=\"active\"\n        [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n        [attr.tabindex]=\"disabled ? -1 : 0\"\n        role=\"tab\"\n    >\n        @if (icon) {\n            <span class=\"icon material-symbols-outlined\">{{ icon }}</span>\n        }\n\n        @if (title) {\n            <span class=\"title\">{{ title }}</span>\n        }\n    </a>\n} @else {\n    <button\n        type=\"button\"\n        class=\"tab-item\"\n        [class.active]=\"isActive\"\n        [disabled]=\"disabled\"\n        (click)=\"onClick()\"\n        role=\"tab\"\n        [attr.aria-selected]=\"isActive\"\n        [attr.aria-disabled]=\"disabled ? true : null\"\n        [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n        [attr.tabindex]=\"disabled ? -1 : 0\"\n    >\n        @if (icon) {\n            <span class=\"icon material-symbols-outlined\">{{ icon }}</span>\n        }\n\n        @if (title) {\n            <span class=\"title\">{{ title }}</span>\n        }\n    </button>\n}\n", styles: ["html{border:0;margin:0;padding:0;-webkit-text-size-adjust:100%}body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}:root{--color-navy: #00245d;--color-royal: #0047ba;--color-white: #ffffff;--color-blue-500: #00245d;--color-blue-400: #003995;--color-blue-300: #0047ba;--color-blue-200: #336cc8;--color-blue-150: #ccdaf1;--color-blue-100: #e5edf8;--color-gray-500: #141414;--color-gray-400: #737373;--color-gray-300: #8f8f8f;--color-gray-200: #d0d0d0;--color-gray-100: #e7e7e7;--color-gray-50: #f9f9f9;--color-gray-brand-400: #737373;--color-green-500: #1d562e;--color-green-400: #2e8545;--color-green-300: #3ba35a;--color-green-200: #9dd1ac;--color-green-100: #ebf6ee;--color-teal-500: #26485f;--color-teal-400: #3e7295;--color-teal-300: #457fa6;--color-teal-200: #a2bfd3;--color-teal-100: #ecf2f6;--color-red-500: #702121;--color-red-400: #b33837;--color-red-300: #c73e3d;--color-red-200: #e39e9e;--color-red-100: #f9ecec;--color-yellow-500: #635f04;--color-yellow-400: #928c30;--color-yellow-300: #d1c844;--color-yellow-200: #e8e3a1;--color-yellow-100: #f2f0e9;--color-purple-focus: #b967c7;--text-heading: #002e5d;--text-secondary-heading: #737373;--text-body: #141414;--text-disabled: #737373;--text-link: #336cc8;--text-on-action: #ffffff;--text-success: #1d562e;--text-info: #26485f;--text-error: #702121;--text-warning: #635f04;--surface-success: #ebf6ee;--surface-info: #ecf2f6;--surface-error: #f9ecec;--surface-warning: #f2f0e9;--focus-ring-color: #b967c7}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Light.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Regular.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Semibold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Bold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-LightItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Italic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-SemiboldItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-BoldItalic.ttf) format(\"truetype\");font-display:swap}h1,h2,h3,h4,h5,h6,span:not(.material-symbols-outlined),a,p{font-family:Source Sans Pro}h1{font-weight:300;font-style:normal;color:var(--text-heading)}h2{font-weight:400;font-style:normal;color:var(--text-heading)}h3{font-weight:700;font-style:normal;color:var(--text-heading)}h4,h5,h6{font-weight:600;font-style:normal;color:var(--text-secondary-heading)}.hbll-default-body{font-weight:400;font-style:normal;max-width:35rem;min-width:22.25rem;color:var(--text-body)}.hbll-caption{font-weight:400;font-style:normal;max-width:25.25rem;min-width:17.5rem;color:var(--text-body)}.hbll-large{font-weight:400;font-style:normal;max-width:41.25rem;min-width:26.5rem;color:var(--text-body)}a{color:var(--text-link);text-decoration:underline}.hbll-emphasis{font-weight:600}h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.75rem;line-height:2.25rem}h3,h4{font-size:1.5rem;line-height:2rem}h5,h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:.875rem;line-height:1.25rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1rem;line-height:1.5rem}@media screen and (min-width: 52.125em){h1{font-size:3rem;line-height:3.5rem}h2{font-size:2.5rem;line-height:3rem}h3{font-size:2rem;line-height:3rem}h4{font-size:1.75rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}@media screen and (min-width: 90em){h1{font-size:3.75rem;line-height:4.25rem}h2{font-size:3rem;line-height:3.5rem}h3{font-size:2.5rem;line-height:3rem}h4{font-size:2rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only.sr-only-focusable:focus,.sr-only.sr-only-focusable:focus-within,.sr-only.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}:host{display:contents}.title{margin:0;font-size:1.25rem;color:#141414}.tab-item{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.75rem;gap:.5rem;font-size:1rem;height:4rem;min-width:114px;color:#002e5d;cursor:pointer;border:none;border-radius:0;border-bottom:2px solid transparent;transition:all .05s ease;position:relative;background-color:transparent;text-decoration:none}.tab-item:not(:disabled):hover{background-color:#e5edf8}.tab-item.active{border-bottom-color:#0047ba;border-bottom-width:.2rem;z-index:1}.tab-item.active:not(:disabled):hover{background-color:#fff}.tab-item:focus-visible{outline:.125rem solid #b967c7;outline-offset:.125rem;z-index:2}.tab-item:disabled,.tab-item[aria-disabled=true]{cursor:not-allowed;color:#141414;background-color:#fff;opacity:.6;pointer-events:none}.tab-item .icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:1.5rem;flex-shrink:0}\n"] }]
+        }], propDecorators: { id: [{
+                type: Input,
+                args: [{ required: true }]
+            }], title: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], routerLink: [{
+                type: Input
+            }], itemClick: [{
+                type: Output
+            }] } });
+
+class TabBarComponent {
+    constructor() {
+        this.activeTabChange = new EventEmitter();
+        this.elementRef = inject(ElementRef);
+        this.activeTabId = '';
+        this.subscriptions = [];
+    }
+    /**
+     * Angular lifecycle hook called after content projection is initialized.
+     * Sets up the initial active tab and subscribes to tab click events from all tab items.
+     */
+    ngAfterContentInit() {
+        // Handle both Angular components (via ContentChildren) and custom elements (via DOM)
+        if (this.tabItems.length > 0) {
+            // Angular component usage
+            this.initializeActiveTab();
+            this.tabItems.forEach((item) => {
+                const sub = item.itemClick.subscribe((id) => this.onTabClick(id));
+                this.subscriptions.push(sub);
+            });
+        }
+        else {
+            // Custom element usage - delay slightly to ensure custom elements are fully initialized
+            setTimeout(() => {
+                this.initializeCustomElements();
+            }, 0);
+        }
+    }
+    /**
+     * Initializes custom element children when used as web components.
+     */
+    initializeCustomElements() {
+        const hostElement = this.elementRef.nativeElement;
+        const customElementChildren = Array.from(hostElement.querySelectorAll('hbll-tab-item, lib-tab-item'));
+        if (customElementChildren.length > 0) {
+            const initialId = this.initialActiveId;
+            if (initialId) {
+                this.activeTabId = initialId;
+                customElementChildren.forEach((item) => {
+                    const itemId = item.getAttribute('id');
+                    if (itemId === initialId) {
+                        this.setActiveState(item, true);
+                    }
+                    else {
+                        this.setActiveState(item, false);
+                    }
+                });
+            }
+            // Listen to clicks on custom elements
+            customElementChildren.forEach((item) => {
+                item.addEventListener('click', () => {
+                    const itemId = item.getAttribute('id');
+                    if (itemId && !item.hasAttribute('disabled')) {
+                        this.handleCustomElementClick(itemId, customElementChildren);
+                    }
+                });
+            });
+        }
+    }
+    /**
+     * Sets the active state on a custom element by toggling the active class on its button.
+     */
+    setActiveState(element, isActive) {
+        const button = element.querySelector('.tab-item');
+        if (button) {
+            if (isActive) {
+                button.classList.add('active');
+            }
+            else {
+                button.classList.remove('active');
+            }
+        }
+    }
+    /**
+     * Handles click events for custom element children.
+     */
+    handleCustomElementClick(tabId, children) {
+        this.activeTabId = tabId;
+        this.activeTabChange.emit(tabId);
+        children.forEach((item) => {
+            const itemId = item.getAttribute('id');
+            const isActive = itemId === tabId;
+            this.setActiveState(item, isActive);
+        });
+    }
+    /**
+     * Angular lifecycle hook called when the component is destroyed.
+     * Cleans up all subscriptions to prevent memory leaks.
+     */
+    ngOnDestroy() {
+        this.subscriptions.forEach((sub) => sub.unsubscribe());
+    }
+    /**
+     * Initializes the active tab state based on the initialActiveId input.
+     * Sets the active state on the matching tab item if an initial ID is provided.
+     */
+    initializeActiveTab() {
+        const items = this.tabItems.toArray();
+        const initialId = this.initialActiveId;
+        // Set active state
+        if (initialId) {
+            items.forEach((item) => {
+                item.isActive = item.id === initialId;
+            });
+            this.activeTabId = initialId;
+        }
+    }
+    /**
+     * Handles tab click events from child tab items.
+     * Updates the active tab state and emits the activeTabChange event.
+     * @param tabId - The ID of the clicked tab
+     */
+    onTabClick(tabId) {
+        this.activeTabId = tabId;
+        this.activeTabChange.emit(tabId);
+        this.tabItems.forEach((item) => {
+            item.isActive = item.id === tabId;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TabBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: TabBarComponent, isStandalone: true, selector: "lib-tab-bar", inputs: { initialActiveId: "initialActiveId" }, outputs: { activeTabChange: "activeTabChange" }, queries: [{ propertyName: "tabItems", predicate: TabItemComponent }], ngImport: i0, template: "<div class=\"tab-bar\" role=\"tablist\">\n    <ng-content></ng-content>\n</div>\n", styles: [".tab-bar{display:flex;white-space:nowrap;overflow-x:auto}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TabBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-tab-bar', standalone: true, template: "<div class=\"tab-bar\" role=\"tablist\">\n    <ng-content></ng-content>\n</div>\n", styles: [".tab-bar{display:flex;white-space:nowrap;overflow-x:auto}\n"] }]
+        }], propDecorators: { initialActiveId: [{
+                type: Input
+            }], activeTabChange: [{
+                type: Output
+            }], tabItems: [{
+                type: ContentChildren,
+                args: [TabItemComponent]
+            }] } });
+
+/**
+ * A flexible, reusable field (input) component that supports multiple states
+ * and optional icons on left and right.
+ *
+ * @example
+ * ```html
+ * <!-- Basic text input -->
+ * <lib-field
+ *   placeholder="Enter your name"
+ *   (valueChange)="onInputChange($event)">
+ * </lib-field>
+ *
+ * <!-- Password input with icons -->
+ * <lib-field
+ *   [inputType]="'password'"
+ *   placeholder="Enter password"
+ *   iconBefore="lock"
+ *   iconAfter="visibility"
+ *   (iconAfterClick)="togglePasswordVisibility()">
+ * </lib-field>
+ *
+ * <!-- Error state with icon -->
+ * <lib-field
+ *   placeholder="Email"
+ *   state="error"
+ *   iconBefore="person"
+ *   (valueChange)="onEmailChange($event)">
+ * </lib-field>
+ *
+ * <!-- Full text (textarea) field -->
+ * <lib-field
+ *   [isFullText]="true"
+ *   [rows]="4"
+ *   placeholder="Enter your message"
+ *   (valueChange)="onMessageChange($event)">
+ * </lib-field>
+ *
+ * <!-- Field with custom dimensions -->
+ * <lib-field
+ *   placeholder="Custom sized field"
+ *   minWidth="200px"
+ *   maxWidth="400px"
+ *   minHeight="40px"
+ *   maxHeight="60px">
+ * </lib-field>
+ * ```
+ */
+class FieldComponent {
+    constructor() {
+        this.inputType = 'text';
+        this.placeholder = '';
+        this.state = 'default';
+        this.status = 'not-filled';
+        this.iconBeforeClickable = false;
+        this.iconAfterClickable = false;
+        this.disabled = false;
+        this.value = '';
+        this.isFullText = false;
+        this.rows = 4;
+        this.valueChange = new EventEmitter();
+        this.iconBeforeClick = new EventEmitter();
+        this.iconAfterClick = new EventEmitter();
+        this.fieldFocus = new EventEmitter();
+        this.fieldBlur = new EventEmitter();
+        this.onChange = () => { };
+        this.onTouched = () => { };
+        this.isFocused = false;
+        this.isKeyboardFocus = false;
+    }
+    onDocumentKeydown(event) {
+        if (event.key === 'Tab') {
+            this.isKeyboardFocus = true;
+        }
+    }
+    onDocumentMousedown() {
+        this.isKeyboardFocus = false;
+    }
+    onDocumentPointerdown() {
+        this.isKeyboardFocus = false;
+    }
+    /**
+     * Handles input value changes and updates status based on content.
+     */
+    onValueChange(event) {
+        const target = event.target;
+        this.value = target.value;
+        this.status = target.value ? 'filled' : 'not-filled';
+        this.valueChange.emit(this.value);
+        this.onChange(this.value);
+    }
+    /**
+     * Handles focus event and updates state.
+     */
+    onFocus() {
+        this.isFocused = this.isKeyboardFocus;
+        if (this.state !== 'disabled' && this.state !== 'error' && this.state !== 'success') {
+            this.state = 'focused';
+        }
+        this.fieldFocus.emit();
+    }
+    /**
+     * Handles blur event and updates state.
+     */
+    onBlur() {
+        this.isFocused = false;
+        if (this.state === 'focused') {
+            this.state = 'default';
+        }
+        this.fieldBlur.emit();
+        this.onTouched();
+    }
+    /**
+     * Handles left icon click.
+     */
+    onIconBeforeClick() {
+        if (this.iconBeforeClickable && !this.disabled) {
+            if (this.iconBeforeAction) {
+                this.iconBeforeAction();
+            }
+            this.iconBeforeClick.emit();
+        }
+    }
+    /**
+     * Handles right icon click.
+     */
+    onIconAfterClick() {
+        if (this.iconAfterClickable && !this.disabled) {
+            if (this.iconAfterAction) {
+                this.iconAfterAction();
+            }
+            this.iconAfterClick.emit();
+        }
+    }
+    // ControlValueAccessor implementation
+    writeValue(value) {
+        if (value) {
+            this.value = value;
+            this.status = 'filled';
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        if (isDisabled) {
+            this.state = 'disabled';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: FieldComponent, isStandalone: true, selector: "lib-field", inputs: { inputType: "inputType", inputId: "inputId", placeholder: "placeholder", state: "state", status: "status", iconBefore: "iconBefore", iconAfter: "iconAfter", iconBeforeClickable: "iconBeforeClickable", iconAfterClickable: "iconAfterClickable", iconBeforeAction: "iconBeforeAction", iconAfterAction: "iconAfterAction", disabled: "disabled", ariaLabel: "ariaLabel", value: "value", isFullText: "isFullText", rows: "rows", minWidth: "minWidth", maxWidth: "maxWidth", minHeight: "minHeight", maxHeight: "maxHeight" }, outputs: { valueChange: "valueChange", iconBeforeClick: "iconBeforeClick", iconAfterClick: "iconAfterClick", fieldFocus: "fieldFocus", fieldBlur: "fieldBlur" }, host: { listeners: { "document:keydown": "onDocumentKeydown($event)", "document:mousedown": "onDocumentMousedown()", "document:pointerdown": "onDocumentPointerdown()" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => FieldComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div\n    class=\"field-wrapper\"\n    [ngClass]=\"'field-' + state + ' field-' + status + (isFocused ? ' is-focused' : '')\"\n    [style.min-width]=\"minWidth\"\n    [style.max-width]=\"maxWidth\"\n    [style.min-height]=\"minHeight\"\n    [style.max-height]=\"maxHeight\"\n>\n    @if (iconBefore) {\n        <span\n            class=\"icon icon-before material-symbols-outlined\"\n            (click)=\"onIconBeforeClick()\"\n            [ngClass]=\"{ clickable: iconBeforeClickable, disabled: disabled }\"\n        >\n            {{ iconBefore }}\n        </span>\n    }\n\n    @if (isFullText) {\n        <textarea\n            class=\"field-input field-textarea\"\n            [id]=\"inputId\"\n            [placeholder]=\"placeholder ? placeholder : ''\"\n            [value]=\"value\"\n            [disabled]=\"disabled\"\n            [rows]=\"rows\"\n            [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n            (input)=\"onValueChange($event)\"\n            (focus)=\"onFocus()\"\n            (blur)=\"onBlur()\"\n        ></textarea>\n    } @else {\n        <input\n            [type]=\"inputType\"\n            [id]=\"inputId\"\n            class=\"field-input\"\n            [placeholder]=\"placeholder ? placeholder : ''\"\n            [value]=\"value\"\n            [disabled]=\"disabled\"\n            [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n            (input)=\"onValueChange($event)\"\n            (focus)=\"onFocus()\"\n            (blur)=\"onBlur()\"\n        />\n    }\n\n    @if (iconAfter) {\n        <span\n            class=\"icon icon-after material-symbols-outlined\"\n            (click)=\"onIconAfterClick()\"\n            [ngClass]=\"{ clickable: iconAfterClickable, disabled: disabled }\"\n        >\n            {{ iconAfter }}\n        </span>\n    }\n</div>\n", styles: ["*{box-sizing:border-box;text-decoration:none;font-size:1em}*:not(.material-symbols-outlined){font-family:inherit}html{border:0;margin:0;padding:0;-webkit-text-size-adjust:100%}body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}:root{--color-navy: #00245d;--color-royal: #0047ba;--color-white: #ffffff;--color-blue-500: #00245d;--color-blue-400: #003995;--color-blue-300: #0047ba;--color-blue-200: #336cc8;--color-blue-150: #ccdaf1;--color-blue-100: #e5edf8;--color-gray-500: #141414;--color-gray-400: #737373;--color-gray-300: #8f8f8f;--color-gray-200: #d0d0d0;--color-gray-100: #e7e7e7;--color-gray-50: #f9f9f9;--color-gray-brand-400: #737373;--color-green-500: #1d562e;--color-green-400: #2e8545;--color-green-300: #3ba35a;--color-green-200: #9dd1ac;--color-green-100: #ebf6ee;--color-teal-500: #26485f;--color-teal-400: #3e7295;--color-teal-300: #457fa6;--color-teal-200: #a2bfd3;--color-teal-100: #ecf2f6;--color-red-500: #702121;--color-red-400: #b33837;--color-red-300: #c73e3d;--color-red-200: #e39e9e;--color-red-100: #f9ecec;--color-yellow-500: #635f04;--color-yellow-400: #928c30;--color-yellow-300: #d1c844;--color-yellow-200: #e8e3a1;--color-yellow-100: #f2f0e9;--color-purple-focus: #b967c7;--text-heading: #002e5d;--text-secondary-heading: #737373;--text-body: #141414;--text-disabled: #737373;--text-link: #336cc8;--text-on-action: #ffffff;--text-success: #1d562e;--text-info: #26485f;--text-error: #702121;--text-warning: #635f04;--surface-success: #ebf6ee;--surface-info: #ecf2f6;--surface-error: #f9ecec;--surface-warning: #f2f0e9;--focus-ring-color: #b967c7}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Light.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Regular.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Semibold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Bold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-LightItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Italic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-SemiboldItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-BoldItalic.ttf) format(\"truetype\");font-display:swap}h1,h2,h3,h4,h5,h6,span:not(.material-symbols-outlined),a,p{font-family:Source Sans Pro}h1{font-weight:300;font-style:normal;color:var(--text-heading)}h2{font-weight:400;font-style:normal;color:var(--text-heading)}h3{font-weight:700;font-style:normal;color:var(--text-heading)}h4,h5,h6{font-weight:600;font-style:normal;color:var(--text-secondary-heading)}.hbll-default-body{font-weight:400;font-style:normal;max-width:35rem;min-width:22.25rem;color:var(--text-body)}.hbll-caption{font-weight:400;font-style:normal;max-width:25.25rem;min-width:17.5rem;color:var(--text-body)}.hbll-large{font-weight:400;font-style:normal;max-width:41.25rem;min-width:26.5rem;color:var(--text-body)}a{color:var(--text-link);text-decoration:underline}.hbll-emphasis{font-weight:600}h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.75rem;line-height:2.25rem}h3,h4{font-size:1.5rem;line-height:2rem}h5,h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:.875rem;line-height:1.25rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1rem;line-height:1.5rem}@media screen and (min-width: 52.125em){h1{font-size:3rem;line-height:3.5rem}h2{font-size:2.5rem;line-height:3rem}h3{font-size:2rem;line-height:3rem}h4{font-size:1.75rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}@media screen and (min-width: 90em){h1{font-size:3.75rem;line-height:4.25rem}h2{font-size:3rem;line-height:3.5rem}h3{font-size:2.5rem;line-height:3rem}h4{font-size:2rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only.sr-only-focusable:focus,.sr-only.sr-only-focusable:focus-within,.sr-only.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.field-wrapper{display:flex;flex-direction:row;align-items:center;padding:.25rem .75rem;gap:.5rem;box-sizing:border-box;border-radius:.25rem;width:100%;min-height:2rem;transition:all .2s ease}.field-wrapper .field-input{flex:1;flex-grow:1;min-width:0;border:none;outline:none;padding:0;resize:none;font-family:Source Sans Pro,sans-serif;font-size:1rem;background:inherit}.field-wrapper .field-input:disabled{cursor:not-allowed}.field-wrapper .field-input.field-textarea{align-self:flex-start;padding:.5rem 0}.field-wrapper .icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;flex-shrink:0;font-size:1.5rem;color:inherit}.field-wrapper .icon.clickable{cursor:pointer;transition:color .2s ease}.field-wrapper .icon.clickable:hover:not(.disabled){color:#0047ba}.field-wrapper .icon.icon-before{order:0}.field-wrapper .icon.icon-after{order:2}.field-wrapper.field-default{background:#fff;border:1px solid #d0d0d0;color:#141414}.field-wrapper.field-hover{background:#fff;border:1px solid #0047ba;color:#141414}.field-wrapper.field-focused{background:#fff;border:1px solid #d0d0d0;color:#141414}.field-wrapper.is-focused{outline:.125rem solid #b967c7;outline-offset:.125rem}.field-wrapper.field-error.field-not-filled{background:#fff;border:1px solid #c73e3d;color:#737373}.field-wrapper.field-error.field-not-filled .icon{color:#b33837}.field-wrapper.field-error.field-filled{background:#f9ecec;border:1px solid #c73e3d;color:#141414}.field-wrapper.field-error.field-filled .icon{color:#b33837}.field-wrapper.field-success.field-not-filled{background:#fff;border:1px solid #3ba35a;color:#737373}.field-wrapper.field-success.field-not-filled .icon{color:#2e8545}.field-wrapper.field-success.field-filled{background:#ebf6ee;border:1px solid #3ba35a;color:#141414}.field-wrapper.field-success.field-filled .icon{color:#2e8545}.field-wrapper.field-disabled{background:#f9f9f9;border:1px solid #737373;color:#737373;cursor:not-allowed}.field-wrapper.field-disabled .icon{color:#8f8f8f}.field-wrapper.field-disabled .icon.clickable{cursor:not-allowed}.field-wrapper.field-disabled .icon.clickable:hover{color:inherit}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-field', standalone: true, imports: [CommonModule], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => FieldComponent),
+                            multi: true,
+                        },
+                    ], template: "<div\n    class=\"field-wrapper\"\n    [ngClass]=\"'field-' + state + ' field-' + status + (isFocused ? ' is-focused' : '')\"\n    [style.min-width]=\"minWidth\"\n    [style.max-width]=\"maxWidth\"\n    [style.min-height]=\"minHeight\"\n    [style.max-height]=\"maxHeight\"\n>\n    @if (iconBefore) {\n        <span\n            class=\"icon icon-before material-symbols-outlined\"\n            (click)=\"onIconBeforeClick()\"\n            [ngClass]=\"{ clickable: iconBeforeClickable, disabled: disabled }\"\n        >\n            {{ iconBefore }}\n        </span>\n    }\n\n    @if (isFullText) {\n        <textarea\n            class=\"field-input field-textarea\"\n            [id]=\"inputId\"\n            [placeholder]=\"placeholder ? placeholder : ''\"\n            [value]=\"value\"\n            [disabled]=\"disabled\"\n            [rows]=\"rows\"\n            [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n            (input)=\"onValueChange($event)\"\n            (focus)=\"onFocus()\"\n            (blur)=\"onBlur()\"\n        ></textarea>\n    } @else {\n        <input\n            [type]=\"inputType\"\n            [id]=\"inputId\"\n            class=\"field-input\"\n            [placeholder]=\"placeholder ? placeholder : ''\"\n            [value]=\"value\"\n            [disabled]=\"disabled\"\n            [attr.aria-label]=\"ariaLabel ? ariaLabel : null\"\n            (input)=\"onValueChange($event)\"\n            (focus)=\"onFocus()\"\n            (blur)=\"onBlur()\"\n        />\n    }\n\n    @if (iconAfter) {\n        <span\n            class=\"icon icon-after material-symbols-outlined\"\n            (click)=\"onIconAfterClick()\"\n            [ngClass]=\"{ clickable: iconAfterClickable, disabled: disabled }\"\n        >\n            {{ iconAfter }}\n        </span>\n    }\n</div>\n", styles: ["*{box-sizing:border-box;text-decoration:none;font-size:1em}*:not(.material-symbols-outlined){font-family:inherit}html{border:0;margin:0;padding:0;-webkit-text-size-adjust:100%}body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}:root{--color-navy: #00245d;--color-royal: #0047ba;--color-white: #ffffff;--color-blue-500: #00245d;--color-blue-400: #003995;--color-blue-300: #0047ba;--color-blue-200: #336cc8;--color-blue-150: #ccdaf1;--color-blue-100: #e5edf8;--color-gray-500: #141414;--color-gray-400: #737373;--color-gray-300: #8f8f8f;--color-gray-200: #d0d0d0;--color-gray-100: #e7e7e7;--color-gray-50: #f9f9f9;--color-gray-brand-400: #737373;--color-green-500: #1d562e;--color-green-400: #2e8545;--color-green-300: #3ba35a;--color-green-200: #9dd1ac;--color-green-100: #ebf6ee;--color-teal-500: #26485f;--color-teal-400: #3e7295;--color-teal-300: #457fa6;--color-teal-200: #a2bfd3;--color-teal-100: #ecf2f6;--color-red-500: #702121;--color-red-400: #b33837;--color-red-300: #c73e3d;--color-red-200: #e39e9e;--color-red-100: #f9ecec;--color-yellow-500: #635f04;--color-yellow-400: #928c30;--color-yellow-300: #d1c844;--color-yellow-200: #e8e3a1;--color-yellow-100: #f2f0e9;--color-purple-focus: #b967c7;--text-heading: #002e5d;--text-secondary-heading: #737373;--text-body: #141414;--text-disabled: #737373;--text-link: #336cc8;--text-on-action: #ffffff;--text-success: #1d562e;--text-info: #26485f;--text-error: #702121;--text-warning: #635f04;--surface-success: #ebf6ee;--surface-info: #ecf2f6;--surface-error: #f9ecec;--surface-warning: #f2f0e9;--focus-ring-color: #b967c7}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Light.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Regular.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Semibold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Bold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-LightItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Italic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-SemiboldItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-BoldItalic.ttf) format(\"truetype\");font-display:swap}h1,h2,h3,h4,h5,h6,span:not(.material-symbols-outlined),a,p{font-family:Source Sans Pro}h1{font-weight:300;font-style:normal;color:var(--text-heading)}h2{font-weight:400;font-style:normal;color:var(--text-heading)}h3{font-weight:700;font-style:normal;color:var(--text-heading)}h4,h5,h6{font-weight:600;font-style:normal;color:var(--text-secondary-heading)}.hbll-default-body{font-weight:400;font-style:normal;max-width:35rem;min-width:22.25rem;color:var(--text-body)}.hbll-caption{font-weight:400;font-style:normal;max-width:25.25rem;min-width:17.5rem;color:var(--text-body)}.hbll-large{font-weight:400;font-style:normal;max-width:41.25rem;min-width:26.5rem;color:var(--text-body)}a{color:var(--text-link);text-decoration:underline}.hbll-emphasis{font-weight:600}h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.75rem;line-height:2.25rem}h3,h4{font-size:1.5rem;line-height:2rem}h5,h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:.875rem;line-height:1.25rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1rem;line-height:1.5rem}@media screen and (min-width: 52.125em){h1{font-size:3rem;line-height:3.5rem}h2{font-size:2.5rem;line-height:3rem}h3{font-size:2rem;line-height:3rem}h4{font-size:1.75rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}@media screen and (min-width: 90em){h1{font-size:3.75rem;line-height:4.25rem}h2{font-size:3rem;line-height:3.5rem}h3{font-size:2.5rem;line-height:3rem}h4{font-size:2rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only.sr-only-focusable:focus,.sr-only.sr-only-focusable:focus-within,.sr-only.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.field-wrapper{display:flex;flex-direction:row;align-items:center;padding:.25rem .75rem;gap:.5rem;box-sizing:border-box;border-radius:.25rem;width:100%;min-height:2rem;transition:all .2s ease}.field-wrapper .field-input{flex:1;flex-grow:1;min-width:0;border:none;outline:none;padding:0;resize:none;font-family:Source Sans Pro,sans-serif;font-size:1rem;background:inherit}.field-wrapper .field-input:disabled{cursor:not-allowed}.field-wrapper .field-input.field-textarea{align-self:flex-start;padding:.5rem 0}.field-wrapper .icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;flex-shrink:0;font-size:1.5rem;color:inherit}.field-wrapper .icon.clickable{cursor:pointer;transition:color .2s ease}.field-wrapper .icon.clickable:hover:not(.disabled){color:#0047ba}.field-wrapper .icon.icon-before{order:0}.field-wrapper .icon.icon-after{order:2}.field-wrapper.field-default{background:#fff;border:1px solid #d0d0d0;color:#141414}.field-wrapper.field-hover{background:#fff;border:1px solid #0047ba;color:#141414}.field-wrapper.field-focused{background:#fff;border:1px solid #d0d0d0;color:#141414}.field-wrapper.is-focused{outline:.125rem solid #b967c7;outline-offset:.125rem}.field-wrapper.field-error.field-not-filled{background:#fff;border:1px solid #c73e3d;color:#737373}.field-wrapper.field-error.field-not-filled .icon{color:#b33837}.field-wrapper.field-error.field-filled{background:#f9ecec;border:1px solid #c73e3d;color:#141414}.field-wrapper.field-error.field-filled .icon{color:#b33837}.field-wrapper.field-success.field-not-filled{background:#fff;border:1px solid #3ba35a;color:#737373}.field-wrapper.field-success.field-not-filled .icon{color:#2e8545}.field-wrapper.field-success.field-filled{background:#ebf6ee;border:1px solid #3ba35a;color:#141414}.field-wrapper.field-success.field-filled .icon{color:#2e8545}.field-wrapper.field-disabled{background:#f9f9f9;border:1px solid #737373;color:#737373;cursor:not-allowed}.field-wrapper.field-disabled .icon{color:#8f8f8f}.field-wrapper.field-disabled .icon.clickable{cursor:not-allowed}.field-wrapper.field-disabled .icon.clickable:hover{color:inherit}\n"] }]
+        }], propDecorators: { inputType: [{
+                type: Input
+            }], inputId: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], state: [{
+                type: Input
+            }], status: [{
+                type: Input
+            }], iconBefore: [{
+                type: Input
+            }], iconAfter: [{
+                type: Input
+            }], iconBeforeClickable: [{
+                type: Input
+            }], iconAfterClickable: [{
+                type: Input
+            }], iconBeforeAction: [{
+                type: Input
+            }], iconAfterAction: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], isFullText: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], minWidth: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], minHeight: [{
+                type: Input
+            }], maxHeight: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], iconBeforeClick: [{
+                type: Output
+            }], iconAfterClick: [{
+                type: Output
+            }], fieldFocus: [{
+                type: Output
+            }], fieldBlur: [{
+                type: Output
+            }], onDocumentKeydown: [{
+                type: HostListener,
+                args: ['document:keydown', ['$event']]
+            }], onDocumentMousedown: [{
+                type: HostListener,
+                args: ['document:mousedown']
+            }], onDocumentPointerdown: [{
+                type: HostListener,
+                args: ['document:pointerdown']
+            }] } });
+
+/**
+ * A flexible label component that supports different label types
+ * with optional help icon and required/optional indicators.
+ *
+ * @example
+ * ```html
+ * <!-- Basic label -->
+ * <lib-label
+ *   text="Email"
+ *   type="none">
+ * </lib-label>
+ *
+ * <!-- Required label with help icon -->
+ * <lib-label
+ *   text="Password"
+ *   type="required"
+ *   [showHelpIcon]="true"
+ *   (helpIconClick)="showHelp()">
+ * </lib-label>
+ *
+ * <!-- Optional label -->
+ * <lib-label
+ *   text="Phone"
+ *   type="optional"
+ *   [showHelpIcon]="true">
+ * </lib-label>
+ *
+ * <!-- Label positioned to the left of field -->
+ * <lib-label
+ *   text="Email"
+ *   position="left">
+ * </lib-label>
+ * ```
+ */
+class LabelComponent {
+    constructor() {
+        this.text = '';
+        this.type = 'none';
+        this.showHelpIcon = false;
+        this.position = 'above';
+        this.isRequired = false;
+        this.helpIconClick = new EventEmitter();
+    }
+    /**
+     * Handles help icon click event.
+     */
+    onHelpIconClick() {
+        this.helpIconClick.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: LabelComponent, isStandalone: true, selector: "lib-label", inputs: { text: "text", type: "type", showHelpIcon: "showHelpIcon", ariaLabel: "ariaLabel", position: "position", isRequired: "isRequired", for: "for", subtext: "subtext" }, outputs: { helpIconClick: "helpIconClick" }, ngImport: i0, template: "<label class=\"label-wrapper\" [attr.for]=\"for\" [ngClass]=\"['label-' + type, 'label-position-' + position]\">\n    <div class=\"label-frame\">\n        @if (type === 'required' || isRequired) {\n            <span class=\"required-indicator\" aria-label=\"required\">*</span>\n        }\n        <span class=\"label-text\">{{ text }}</span>\n\n        @if (showHelpIcon) {\n            <span\n                class=\"icon help-icon material-symbols-outlined\"\n                (click)=\"onHelpIconClick()\"\n                [attr.aria-label]=\"ariaLabel ? ariaLabel : 'Help'\"\n            >\n                help\n            </span>\n        }\n\n        @if (type === 'optional') {\n            <span class=\"optional-text\">(optional)</span>\n        }\n    </div>\n    @if (subtext) {\n        <span class=\"label-subtext\">{{ subtext }}</span>\n    }\n</label>\n", styles: ["*{box-sizing:border-box;text-decoration:none;font-size:1em}*:not(.material-symbols-outlined){font-family:inherit}html{border:0;margin:0;padding:0;-webkit-text-size-adjust:100%}body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}:root{--color-navy: #00245d;--color-royal: #0047ba;--color-white: #ffffff;--color-blue-500: #00245d;--color-blue-400: #003995;--color-blue-300: #0047ba;--color-blue-200: #336cc8;--color-blue-150: #ccdaf1;--color-blue-100: #e5edf8;--color-gray-500: #141414;--color-gray-400: #737373;--color-gray-300: #8f8f8f;--color-gray-200: #d0d0d0;--color-gray-100: #e7e7e7;--color-gray-50: #f9f9f9;--color-gray-brand-400: #737373;--color-green-500: #1d562e;--color-green-400: #2e8545;--color-green-300: #3ba35a;--color-green-200: #9dd1ac;--color-green-100: #ebf6ee;--color-teal-500: #26485f;--color-teal-400: #3e7295;--color-teal-300: #457fa6;--color-teal-200: #a2bfd3;--color-teal-100: #ecf2f6;--color-red-500: #702121;--color-red-400: #b33837;--color-red-300: #c73e3d;--color-red-200: #e39e9e;--color-red-100: #f9ecec;--color-yellow-500: #635f04;--color-yellow-400: #928c30;--color-yellow-300: #d1c844;--color-yellow-200: #e8e3a1;--color-yellow-100: #f2f0e9;--color-purple-focus: #b967c7;--text-heading: #002e5d;--text-secondary-heading: #737373;--text-body: #141414;--text-disabled: #737373;--text-link: #336cc8;--text-on-action: #ffffff;--text-success: #1d562e;--text-info: #26485f;--text-error: #702121;--text-warning: #635f04;--surface-success: #ebf6ee;--surface-info: #ecf2f6;--surface-error: #f9ecec;--surface-warning: #f2f0e9;--focus-ring-color: #b967c7}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Light.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Regular.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Semibold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Bold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-LightItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Italic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-SemiboldItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-BoldItalic.ttf) format(\"truetype\");font-display:swap}h1,h2,h3,h4,h5,h6,span:not(.material-symbols-outlined),a,p{font-family:Source Sans Pro}h1{font-weight:300;font-style:normal;color:var(--text-heading)}h2{font-weight:400;font-style:normal;color:var(--text-heading)}h3{font-weight:700;font-style:normal;color:var(--text-heading)}h4,h5,h6{font-weight:600;font-style:normal;color:var(--text-secondary-heading)}.hbll-default-body{font-weight:400;font-style:normal;max-width:35rem;min-width:22.25rem;color:var(--text-body)}.hbll-caption{font-weight:400;font-style:normal;max-width:25.25rem;min-width:17.5rem;color:var(--text-body)}.hbll-large{font-weight:400;font-style:normal;max-width:41.25rem;min-width:26.5rem;color:var(--text-body)}a{color:var(--text-link);text-decoration:underline}.hbll-emphasis{font-weight:600}h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.75rem;line-height:2.25rem}h3,h4{font-size:1.5rem;line-height:2rem}h5,h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:.875rem;line-height:1.25rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1rem;line-height:1.5rem}@media screen and (min-width: 52.125em){h1{font-size:3rem;line-height:3.5rem}h2{font-size:2.5rem;line-height:3rem}h3{font-size:2rem;line-height:3rem}h4{font-size:1.75rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}@media screen and (min-width: 90em){h1{font-size:3.75rem;line-height:4.25rem}h2{font-size:3rem;line-height:3.5rem}h3{font-size:2.5rem;line-height:3rem}h4{font-size:2rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only.sr-only-focusable:focus,.sr-only.sr-only-focusable:focus-within,.sr-only.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.label-wrapper{display:flex;flex-direction:row;align-items:center;padding:0;gap:.5rem}.label-wrapper.label-position-above{flex-direction:column;align-items:flex-start;gap:.25rem}.label-wrapper.label-position-left{flex-direction:row;align-items:center;gap:.5rem}.label-wrapper .label-frame{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:.5rem}.label-wrapper .label-text{color:#00245d;white-space:nowrap}.label-wrapper .help-icon{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0;font-size:1.25rem;color:#00245d;cursor:pointer;transition:color .2s ease,transform .2s ease}.label-wrapper .help-icon:hover{color:#0047ba;transform:scale(1.1)}.label-wrapper .required-indicator{color:#c73e3d;margin-right:-.5rem}.label-wrapper .optional-text{color:#737373}.label-wrapper.label-none .label-frame{gap:.5rem}.label-wrapper.label-required{position:relative;isolation:isolate}.label-wrapper.label-required .label-frame{gap:.75rem;position:relative;z-index:0}.label-wrapper.label-required .required-indicator{position:relative;z-index:1}.label-wrapper.label-optional .label-frame{gap:.5rem}.label-wrapper.label-optional .optional-text{margin-left:.25rem}.label-wrapper .label-subtext{font-style:italic;color:#737373;margin-top:-.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: LabelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-label', standalone: true, imports: [CommonModule], template: "<label class=\"label-wrapper\" [attr.for]=\"for\" [ngClass]=\"['label-' + type, 'label-position-' + position]\">\n    <div class=\"label-frame\">\n        @if (type === 'required' || isRequired) {\n            <span class=\"required-indicator\" aria-label=\"required\">*</span>\n        }\n        <span class=\"label-text\">{{ text }}</span>\n\n        @if (showHelpIcon) {\n            <span\n                class=\"icon help-icon material-symbols-outlined\"\n                (click)=\"onHelpIconClick()\"\n                [attr.aria-label]=\"ariaLabel ? ariaLabel : 'Help'\"\n            >\n                help\n            </span>\n        }\n\n        @if (type === 'optional') {\n            <span class=\"optional-text\">(optional)</span>\n        }\n    </div>\n    @if (subtext) {\n        <span class=\"label-subtext\">{{ subtext }}</span>\n    }\n</label>\n", styles: ["*{box-sizing:border-box;text-decoration:none;font-size:1em}*:not(.material-symbols-outlined){font-family:inherit}html{border:0;margin:0;padding:0;-webkit-text-size-adjust:100%}body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}:root{--color-navy: #00245d;--color-royal: #0047ba;--color-white: #ffffff;--color-blue-500: #00245d;--color-blue-400: #003995;--color-blue-300: #0047ba;--color-blue-200: #336cc8;--color-blue-150: #ccdaf1;--color-blue-100: #e5edf8;--color-gray-500: #141414;--color-gray-400: #737373;--color-gray-300: #8f8f8f;--color-gray-200: #d0d0d0;--color-gray-100: #e7e7e7;--color-gray-50: #f9f9f9;--color-gray-brand-400: #737373;--color-green-500: #1d562e;--color-green-400: #2e8545;--color-green-300: #3ba35a;--color-green-200: #9dd1ac;--color-green-100: #ebf6ee;--color-teal-500: #26485f;--color-teal-400: #3e7295;--color-teal-300: #457fa6;--color-teal-200: #a2bfd3;--color-teal-100: #ecf2f6;--color-red-500: #702121;--color-red-400: #b33837;--color-red-300: #c73e3d;--color-red-200: #e39e9e;--color-red-100: #f9ecec;--color-yellow-500: #635f04;--color-yellow-400: #928c30;--color-yellow-300: #d1c844;--color-yellow-200: #e8e3a1;--color-yellow-100: #f2f0e9;--color-purple-focus: #b967c7;--text-heading: #002e5d;--text-secondary-heading: #737373;--text-body: #141414;--text-disabled: #737373;--text-link: #336cc8;--text-on-action: #ffffff;--text-success: #1d562e;--text-info: #26485f;--text-error: #702121;--text-warning: #635f04;--surface-success: #ebf6ee;--surface-info: #ecf2f6;--surface-error: #f9ecec;--surface-warning: #f2f0e9;--focus-ring-color: #b967c7}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Light.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Regular.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Semibold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Bold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-LightItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Italic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-SemiboldItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-BoldItalic.ttf) format(\"truetype\");font-display:swap}h1,h2,h3,h4,h5,h6,span:not(.material-symbols-outlined),a,p{font-family:Source Sans Pro}h1{font-weight:300;font-style:normal;color:var(--text-heading)}h2{font-weight:400;font-style:normal;color:var(--text-heading)}h3{font-weight:700;font-style:normal;color:var(--text-heading)}h4,h5,h6{font-weight:600;font-style:normal;color:var(--text-secondary-heading)}.hbll-default-body{font-weight:400;font-style:normal;max-width:35rem;min-width:22.25rem;color:var(--text-body)}.hbll-caption{font-weight:400;font-style:normal;max-width:25.25rem;min-width:17.5rem;color:var(--text-body)}.hbll-large{font-weight:400;font-style:normal;max-width:41.25rem;min-width:26.5rem;color:var(--text-body)}a{color:var(--text-link);text-decoration:underline}.hbll-emphasis{font-weight:600}h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.75rem;line-height:2.25rem}h3,h4{font-size:1.5rem;line-height:2rem}h5,h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:.875rem;line-height:1.25rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1rem;line-height:1.5rem}@media screen and (min-width: 52.125em){h1{font-size:3rem;line-height:3.5rem}h2{font-size:2.5rem;line-height:3rem}h3{font-size:2rem;line-height:3rem}h4{font-size:1.75rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}@media screen and (min-width: 90em){h1{font-size:3.75rem;line-height:4.25rem}h2{font-size:3rem;line-height:3.5rem}h3{font-size:2.5rem;line-height:3rem}h4{font-size:2rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only.sr-only-focusable:focus,.sr-only.sr-only-focusable:focus-within,.sr-only.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.label-wrapper{display:flex;flex-direction:row;align-items:center;padding:0;gap:.5rem}.label-wrapper.label-position-above{flex-direction:column;align-items:flex-start;gap:.25rem}.label-wrapper.label-position-left{flex-direction:row;align-items:center;gap:.5rem}.label-wrapper .label-frame{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:.5rem}.label-wrapper .label-text{color:#00245d;white-space:nowrap}.label-wrapper .help-icon{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0;font-size:1.25rem;color:#00245d;cursor:pointer;transition:color .2s ease,transform .2s ease}.label-wrapper .help-icon:hover{color:#0047ba;transform:scale(1.1)}.label-wrapper .required-indicator{color:#c73e3d;margin-right:-.5rem}.label-wrapper .optional-text{color:#737373}.label-wrapper.label-none .label-frame{gap:.5rem}.label-wrapper.label-required{position:relative;isolation:isolate}.label-wrapper.label-required .label-frame{gap:.75rem;position:relative;z-index:0}.label-wrapper.label-required .required-indicator{position:relative;z-index:1}.label-wrapper.label-optional .label-frame{gap:.5rem}.label-wrapper.label-optional .optional-text{margin-left:.25rem}.label-wrapper .label-subtext{font-style:italic;color:#737373;margin-top:-.25rem}\n"] }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], showHelpIcon: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], isRequired: [{
+                type: Input
+            }], for: [{
+                type: Input
+            }], subtext: [{
+                type: Input
+            }], helpIconClick: [{
+                type: Output
+            }] } });
+
+let radioUniqueId = 0;
+/**
+ * Accessible replacement for a native `<input type="radio">` that can live
+ * inside Angular forms or be used as a standalone control. The component
+ * exposes color, name, disabled, and value inputs plus a `checkedChange`
+ * output so parent views can respond to state transitions or drive a custom
+ * radio group.
+ *
+ * Features:
+ * - Standalone + OnPush component that keeps templates lean.
+ * - Implements ControlValueAccessor so it works with `ngModel` and reactive forms.
+ * - Emits the original DOM event, checked state, and configured value for analytics.
+ * - Auto-generates a unique `inputId` so external `<lib-label>` elements can bind via `for`.
+ *
+ * @example
+ * ```html
+ * <lib-radio-button
+ *   #flighting
+ *   name="experiment"
+ *   value="flighting"
+ *   color="#7c3aed"
+ *   [(ngModel)]="selectedValue"
+ *   (checkedChange)="logRadio($event)">
+ * </lib-radio-button>
+ * <lib-label position="left" [for]="flighting.inputId" text="Flighting"></lib-label>
+ * ```
+ */
+class RadioButtonComponent {
+    constructor() {
+        this.cdr = inject(ChangeDetectorRef);
+        this.inputUid = `hbll-radio-${radioUniqueId++}`;
+        this.disabled = false;
+        this.checked = false;
+        this.checkedChange = new EventEmitter();
+        this.onChange = () => { };
+        this.onTouched = () => { };
+    }
+    writeValue(formValue) {
+        this.checked = formValue === this.value;
+        this.cdr.markForCheck();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this.cdr.markForCheck();
+    }
+    onInputChange(event) {
+        if (this.disabled)
+            return;
+        const input = event.target;
+        this.checked = input.checked;
+        if (this.checked) {
+            this.onChange(this.value);
+        }
+        this.checkedChange.emit({
+            checked: this.checked,
+            value: this.value,
+            originalEvent: event,
+        });
+    }
+    onBlur() {
+        this.onTouched();
+    }
+    get inputId() {
+        return this.inputUid;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.15", type: RadioButtonComponent, isStandalone: true, selector: "lib-radio-button", inputs: { color: "color", disabled: ["disabled", "disabled", booleanAttribute], name: "name", value: "value" }, outputs: { checkedChange: "checkedChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => RadioButtonComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div\n    class=\"radio\"\n    [class.radio--disabled]=\"disabled\"\n    [style.--hbll-radio-color]=\"color ?? null\"\n>\n    <input\n        type=\"radio\"\n        class=\"radio-btn\"\n        [id]=\"inputId\"\n        [checked]=\"checked\"\n        [disabled]=\"disabled\"\n        [attr.name]=\"name ?? null\"\n        [attr.value]=\"value\"\n        (change)=\"onInputChange($event)\"\n        (blur)=\"onBlur()\"\n    />\n\n</div>\n", styles: ["html{border:0;margin:0;padding:0;-webkit-text-size-adjust:100%}body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}:root{--color-navy: #00245d;--color-royal: #0047ba;--color-white: #ffffff;--color-blue-500: #00245d;--color-blue-400: #003995;--color-blue-300: #0047ba;--color-blue-200: #336cc8;--color-blue-150: #ccdaf1;--color-blue-100: #e5edf8;--color-gray-500: #141414;--color-gray-400: #737373;--color-gray-300: #8f8f8f;--color-gray-200: #d0d0d0;--color-gray-100: #e7e7e7;--color-gray-50: #f9f9f9;--color-gray-brand-400: #737373;--color-green-500: #1d562e;--color-green-400: #2e8545;--color-green-300: #3ba35a;--color-green-200: #9dd1ac;--color-green-100: #ebf6ee;--color-teal-500: #26485f;--color-teal-400: #3e7295;--color-teal-300: #457fa6;--color-teal-200: #a2bfd3;--color-teal-100: #ecf2f6;--color-red-500: #702121;--color-red-400: #b33837;--color-red-300: #c73e3d;--color-red-200: #e39e9e;--color-red-100: #f9ecec;--color-yellow-500: #635f04;--color-yellow-400: #928c30;--color-yellow-300: #d1c844;--color-yellow-200: #e8e3a1;--color-yellow-100: #f2f0e9;--color-purple-focus: #b967c7;--text-heading: #002e5d;--text-secondary-heading: #737373;--text-body: #141414;--text-disabled: #737373;--text-link: #336cc8;--text-on-action: #ffffff;--text-success: #1d562e;--text-info: #26485f;--text-error: #702121;--text-warning: #635f04;--surface-success: #ebf6ee;--surface-info: #ecf2f6;--surface-error: #f9ecec;--surface-warning: #f2f0e9;--focus-ring-color: #b967c7}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Light.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Regular.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Semibold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Bold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-LightItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Italic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-SemiboldItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-BoldItalic.ttf) format(\"truetype\");font-display:swap}h1,h2,h3,h4,h5,h6,span:not(.material-symbols-outlined),a,p{font-family:Source Sans Pro}h1{font-weight:300;font-style:normal;color:var(--text-heading)}h2{font-weight:400;font-style:normal;color:var(--text-heading)}h3{font-weight:700;font-style:normal;color:var(--text-heading)}h4,h5,h6{font-weight:600;font-style:normal;color:var(--text-secondary-heading)}.hbll-default-body{font-weight:400;font-style:normal;max-width:35rem;min-width:22.25rem;color:var(--text-body)}.hbll-caption{font-weight:400;font-style:normal;max-width:25.25rem;min-width:17.5rem;color:var(--text-body)}.hbll-large{font-weight:400;font-style:normal;max-width:41.25rem;min-width:26.5rem;color:var(--text-body)}a{color:var(--text-link);text-decoration:underline}.hbll-emphasis{font-weight:600}h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.75rem;line-height:2.25rem}h3,h4{font-size:1.5rem;line-height:2rem}h5,h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:.875rem;line-height:1.25rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1rem;line-height:1.5rem}@media screen and (min-width: 52.125em){h1{font-size:3rem;line-height:3.5rem}h2{font-size:2.5rem;line-height:3rem}h3{font-size:2rem;line-height:3rem}h4{font-size:1.75rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}@media screen and (min-width: 90em){h1{font-size:3.75rem;line-height:4.25rem}h2{font-size:3rem;line-height:3.5rem}h3{font-size:2.5rem;line-height:3rem}h4{font-size:2rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only.sr-only-focusable:focus,.sr-only.sr-only-focusable:focus-within,.sr-only.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.radio{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;padding:.375rem .5rem .375rem .375rem;border-radius:999rem}.radio.radio--disabled{cursor:not-allowed}.radio-btn{appearance:none;-webkit-appearance:none;width:1.5rem;height:1.5rem;border-radius:50%;border:.125rem solid var(--hbll-radio-color, #d0d0d0);box-sizing:border-box;background-color:var(--hbll-radio-color, #ffffff);display:inline-grid;place-items:center;position:relative;margin:0;padding:0;cursor:pointer;outline:none;transition:border-color .15s ease,background-color .15s ease}.radio-btn:before{content:\"\";width:.75rem;height:.75rem;border-radius:50%;background-color:var(--hbll-radio-color, #0047ba);transform:scale(0);transition:transform .12s ease-in-out,background-color .12s ease-in-out}.radio-btn:after{content:\"\";position:absolute;width:2.25rem;height:2.25rem;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);border:.125rem solid transparent;background-color:transparent;opacity:0;transition:background-color .12s ease,border-color .12s ease,opacity .12s ease;pointer-events:none;box-sizing:border-box}.radio-btn:not(:disabled):not(:checked):hover:after{background-color:#8f8f8f1a;background-color:color-mix(in srgb,var(--hbll-radio-color, #8f8f8f) 10%,transparent);border-color:transparent;opacity:1}.radio-btn:not(:disabled):not(:checked):focus-visible:after{background-color:transparent;border-color:#b967c7;opacity:1}.radio-btn:checked{border-color:var(--hbll-radio-color, #0047ba);background-color:#fff}.radio-btn:checked:before{transform:scale(1)}.radio-btn:not(:disabled):checked:hover:after{background-color:#0047ba1a;background-color:color-mix(in srgb,var(--hbll-radio-color, #0047ba) 10%,transparent);border-color:transparent;opacity:1}.radio-btn:not(:disabled):checked:focus-visible:after{background-color:transparent;border-color:#b967c7;opacity:1}.radio-btn:disabled{cursor:not-allowed;background-color:#e7e7e7;border-color:var(--hbll-radio-color, #d0d0d0)}.radio-btn:disabled:after{opacity:0}.radio-btn:disabled:checked{background-color:#e7e7e7;border-color:#737373}.radio-btn:disabled:checked:before{background-color:#737373;transform:scale(1)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RadioButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-radio-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => RadioButtonComponent),
+                            multi: true,
+                        },
+                    ], template: "<div\n    class=\"radio\"\n    [class.radio--disabled]=\"disabled\"\n    [style.--hbll-radio-color]=\"color ?? null\"\n>\n    <input\n        type=\"radio\"\n        class=\"radio-btn\"\n        [id]=\"inputId\"\n        [checked]=\"checked\"\n        [disabled]=\"disabled\"\n        [attr.name]=\"name ?? null\"\n        [attr.value]=\"value\"\n        (change)=\"onInputChange($event)\"\n        (blur)=\"onBlur()\"\n    />\n\n</div>\n", styles: ["html{border:0;margin:0;padding:0;-webkit-text-size-adjust:100%}body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}:root{--color-navy: #00245d;--color-royal: #0047ba;--color-white: #ffffff;--color-blue-500: #00245d;--color-blue-400: #003995;--color-blue-300: #0047ba;--color-blue-200: #336cc8;--color-blue-150: #ccdaf1;--color-blue-100: #e5edf8;--color-gray-500: #141414;--color-gray-400: #737373;--color-gray-300: #8f8f8f;--color-gray-200: #d0d0d0;--color-gray-100: #e7e7e7;--color-gray-50: #f9f9f9;--color-gray-brand-400: #737373;--color-green-500: #1d562e;--color-green-400: #2e8545;--color-green-300: #3ba35a;--color-green-200: #9dd1ac;--color-green-100: #ebf6ee;--color-teal-500: #26485f;--color-teal-400: #3e7295;--color-teal-300: #457fa6;--color-teal-200: #a2bfd3;--color-teal-100: #ecf2f6;--color-red-500: #702121;--color-red-400: #b33837;--color-red-300: #c73e3d;--color-red-200: #e39e9e;--color-red-100: #f9ecec;--color-yellow-500: #635f04;--color-yellow-400: #928c30;--color-yellow-300: #d1c844;--color-yellow-200: #e8e3a1;--color-yellow-100: #f2f0e9;--color-purple-focus: #b967c7;--text-heading: #002e5d;--text-secondary-heading: #737373;--text-body: #141414;--text-disabled: #737373;--text-link: #336cc8;--text-on-action: #ffffff;--text-success: #1d562e;--text-info: #26485f;--text-error: #702121;--text-warning: #635f04;--surface-success: #ebf6ee;--surface-info: #ecf2f6;--surface-error: #f9ecec;--surface-warning: #f2f0e9;--focus-ring-color: #b967c7}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Light.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Regular.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Semibold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Bold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-LightItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Italic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-SemiboldItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-BoldItalic.ttf) format(\"truetype\");font-display:swap}h1,h2,h3,h4,h5,h6,span:not(.material-symbols-outlined),a,p{font-family:Source Sans Pro}h1{font-weight:300;font-style:normal;color:var(--text-heading)}h2{font-weight:400;font-style:normal;color:var(--text-heading)}h3{font-weight:700;font-style:normal;color:var(--text-heading)}h4,h5,h6{font-weight:600;font-style:normal;color:var(--text-secondary-heading)}.hbll-default-body{font-weight:400;font-style:normal;max-width:35rem;min-width:22.25rem;color:var(--text-body)}.hbll-caption{font-weight:400;font-style:normal;max-width:25.25rem;min-width:17.5rem;color:var(--text-body)}.hbll-large{font-weight:400;font-style:normal;max-width:41.25rem;min-width:26.5rem;color:var(--text-body)}a{color:var(--text-link);text-decoration:underline}.hbll-emphasis{font-weight:600}h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.75rem;line-height:2.25rem}h3,h4{font-size:1.5rem;line-height:2rem}h5,h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:.875rem;line-height:1.25rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1rem;line-height:1.5rem}@media screen and (min-width: 52.125em){h1{font-size:3rem;line-height:3.5rem}h2{font-size:2.5rem;line-height:3rem}h3{font-size:2rem;line-height:3rem}h4{font-size:1.75rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}@media screen and (min-width: 90em){h1{font-size:3.75rem;line-height:4.25rem}h2{font-size:3rem;line-height:3.5rem}h3{font-size:2.5rem;line-height:3rem}h4{font-size:2rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only.sr-only-focusable:focus,.sr-only.sr-only-focusable:focus-within,.sr-only.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.radio{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;padding:.375rem .5rem .375rem .375rem;border-radius:999rem}.radio.radio--disabled{cursor:not-allowed}.radio-btn{appearance:none;-webkit-appearance:none;width:1.5rem;height:1.5rem;border-radius:50%;border:.125rem solid var(--hbll-radio-color, #d0d0d0);box-sizing:border-box;background-color:var(--hbll-radio-color, #ffffff);display:inline-grid;place-items:center;position:relative;margin:0;padding:0;cursor:pointer;outline:none;transition:border-color .15s ease,background-color .15s ease}.radio-btn:before{content:\"\";width:.75rem;height:.75rem;border-radius:50%;background-color:var(--hbll-radio-color, #0047ba);transform:scale(0);transition:transform .12s ease-in-out,background-color .12s ease-in-out}.radio-btn:after{content:\"\";position:absolute;width:2.25rem;height:2.25rem;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);border:.125rem solid transparent;background-color:transparent;opacity:0;transition:background-color .12s ease,border-color .12s ease,opacity .12s ease;pointer-events:none;box-sizing:border-box}.radio-btn:not(:disabled):not(:checked):hover:after{background-color:#8f8f8f1a;background-color:color-mix(in srgb,var(--hbll-radio-color, #8f8f8f) 10%,transparent);border-color:transparent;opacity:1}.radio-btn:not(:disabled):not(:checked):focus-visible:after{background-color:transparent;border-color:#b967c7;opacity:1}.radio-btn:checked{border-color:var(--hbll-radio-color, #0047ba);background-color:#fff}.radio-btn:checked:before{transform:scale(1)}.radio-btn:not(:disabled):checked:hover:after{background-color:#0047ba1a;background-color:color-mix(in srgb,var(--hbll-radio-color, #0047ba) 10%,transparent);border-color:transparent;opacity:1}.radio-btn:not(:disabled):checked:focus-visible:after{background-color:transparent;border-color:#b967c7;opacity:1}.radio-btn:disabled{cursor:not-allowed;background-color:#e7e7e7;border-color:var(--hbll-radio-color, #d0d0d0)}.radio-btn:disabled:after{opacity:0}.radio-btn:disabled:checked{background-color:#e7e7e7;border-color:#737373}.radio-btn:disabled:checked:before{background-color:#737373;transform:scale(1)}\n"] }]
+        }], propDecorators: { color: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], name: [{
+                type: Input
+            }], value: [{
+                type: Input,
+                args: [{ required: true }]
+            }], checkedChange: [{
+                type: Output
+            }] } });
+
+/**
+ * A dropdown component that combines a label and a searchable select field.
+ * Features include:
+ * - Searchable input to filter options
+ * - Keyboard navigation support
+ * - Optional label with help icon
+ * - Multiple states (default, focused, error, etc.)
+ *
+ * @example
+ * ```html
+ * <!-- Basic dropdown -->
+ * <lib-dropdown
+ *   label="Select an option"
+ *   [options]="myOptions"
+ *   (valueChange)="onSelectionChange($event)">
+ * </lib-dropdown>
+ *
+ * <!-- Required dropdown with help icon -->
+ * <lib-dropdown
+ *   label="Category"
+ *   labelType="required"
+ *   [showHelpIcon]="true"
+ *   [options]="categories"
+ *   placeholder="Choose a category"
+ *   (valueChange)="onCategoryChange($event)">
+ * </lib-dropdown>
+ *
+ * <!-- Dropdown with error state -->
+ * <lib-dropdown
+ *   label="Status"
+ *   [options]="statuses"
+ *   state="error"
+ *   subtext="Please select a status"
+ *   (valueChange)="onStatusChange($event)">
+ * </lib-dropdown>
+ * ```
+ */
+class DropdownComponent {
+    constructor() {
+        this.labelType = 'none';
+        this.showHelpIcon = false;
+        this.placeholder = 'Select an option';
+        this.options = [];
+        this.state = 'default';
+        this.disabled = false;
+        this.searchable = true;
+        this.valueChange = new EventEmitter();
+        this.helpIconClick = new EventEmitter();
+        this.value = '';
+        this.searchText = '';
+        this.isOpen = false;
+        this.selectedIndex = -1;
+        this.filteredOptions = [];
+        this.elementRef = inject(ElementRef);
+        this.onChange = () => { };
+        this.onTouched = () => { };
+    }
+    ngOnInit() {
+        this.filteredOptions = this.options;
+    }
+    /**
+     * Gets the display text for the selected value
+     */
+    get displayText() {
+        if (!this.value && !this.searchText) {
+            return '';
+        }
+        if (this.searchText) {
+            return this.searchText;
+        }
+        const selectedOption = this.options.find((opt) => opt.value === this.value);
+        return selectedOption ? selectedOption.label : '';
+    }
+    /**
+     * Toggles dropdown open/closed state
+     */
+    toggleDropdown() {
+        if (this.disabled)
+            return;
+        this.isOpen = !this.isOpen;
+        if (this.isOpen) {
+            this.filteredOptions = this.options;
+            this.selectedIndex = this.options.findIndex((opt) => opt.value === this.value);
+        }
+    }
+    /**
+     * Handles input changes for search functionality
+     */
+    onSearchInput(event) {
+        const input = event.target;
+        this.searchText = input.value;
+        this.filterOptions();
+        if (!this.isOpen) {
+            this.isOpen = true;
+        }
+    }
+    /**
+     * Filters options based on search text
+     */
+    filterOptions() {
+        if (!this.searchText) {
+            this.filteredOptions = this.options;
+        }
+        else {
+            this.filteredOptions = this.options.filter((option) => option.label.toLowerCase().includes(this.searchText.toLowerCase()));
+        }
+        this.selectedIndex = 0;
+    }
+    /**
+     * Selects an option from the dropdown
+     */
+    selectOption(option) {
+        if (option.disabled)
+            return;
+        this.value = option.value;
+        this.searchText = '';
+        this.isOpen = false;
+        this.onChange(this.value);
+        this.valueChange.emit(this.value);
+    }
+    /**
+     * Handles keyboard navigation
+     */
+    onKeyDown(event) {
+        if (this.disabled)
+            return;
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                if (!this.isOpen) {
+                    this.isOpen = true;
+                }
+                else {
+                    this.selectedIndex = Math.min(this.selectedIndex + 1, this.filteredOptions.length - 1);
+                }
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                if (this.isOpen) {
+                    this.selectedIndex = Math.max(this.selectedIndex - 1, 0);
+                }
+                break;
+            case 'Enter':
+                event.preventDefault();
+                if (this.isOpen && this.selectedIndex >= 0) {
+                    this.selectOption(this.filteredOptions[this.selectedIndex]);
+                }
+                else {
+                    this.toggleDropdown();
+                }
+                break;
+            case 'Escape':
+                event.preventDefault();
+                this.isOpen = false;
+                this.searchText = '';
+                this.filteredOptions = this.options;
+                break;
+            case 'Tab':
+                if (this.isOpen) {
+                    this.isOpen = false;
+                    this.searchText = '';
+                    this.filteredOptions = this.options;
+                }
+                break;
+        }
+    }
+    /**
+     * Handles blur event
+     */
+    onBlur() {
+        setTimeout(() => {
+            if (!this.elementRef.nativeElement.contains(document.activeElement)) {
+                this.isOpen = false;
+                this.searchText = '';
+                this.filteredOptions = this.options;
+            }
+        }, 200);
+    }
+    /**
+     * Handles help icon click event
+     */
+    onHelpIconClick() {
+        this.helpIconClick.emit();
+    }
+    /**
+     * Closes dropdown when clicking outside
+     */
+    onDocumentClick(event) {
+        if (!this.elementRef.nativeElement.contains(event.target)) {
+            this.isOpen = false;
+            this.searchText = '';
+            this.filteredOptions = this.options;
+        }
+    }
+    // ControlValueAccessor implementation
+    writeValue(value) {
+        this.value = value || '';
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: DropdownComponent, isStandalone: true, selector: "lib-dropdown", inputs: { label: "label", inputId: "inputId", labelType: "labelType", showHelpIcon: "showHelpIcon", subtext: "subtext", placeholder: "placeholder", options: "options", state: "state", disabled: "disabled", ariaLabel: "ariaLabel", searchable: "searchable" }, outputs: { valueChange: "valueChange", helpIconClick: "helpIconClick" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => DropdownComponent),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "dropdownInput", first: true, predicate: ["dropdownInput"], descendants: true }], ngImport: i0, template: "<div class=\"dropdown-wrapper\">\n    @if (label) {\n        <lib-label\n            [for]=\"inputId\"\n            [text]=\"label\"\n            [type]=\"labelType\"\n            [showHelpIcon]=\"showHelpIcon\"\n            [subtext]=\"subtext\"\n            (helpIconClick)=\"onHelpIconClick()\"\n        ></lib-label>\n    }\n\n    <div\n        class=\"dropdown-field-container\"\n        [ngClass]=\"'dropdown-' + state\"\n    >\n        <div class=\"dropdown-field-wrapper\" (click)=\"toggleDropdown()\">\n            <lib-field\n                #dropdownInput\n                [inputId]=\"inputId\"\n                [placeholder]=\"placeholder\"\n                [value]=\"displayText\"\n                [disabled]=\"disabled\"\n                [state]=\"state\"\n                [ariaLabel]=\"ariaLabel ? ariaLabel : label\"\n                [iconAfter]=\"isOpen ? 'expand_less' : 'expand_more'\"\n                [attr.readonly]=\"!searchable\"\n                (input)=\"onSearchInput($event)\"\n                (keydown)=\"onKeyDown($event)\"\n            >\n            </lib-field>\n        </div>\n\n        @if (isOpen) {\n            <div class=\"dropdown-menu\">\n                <div class=\"dropdown-menu-items\">\n                    @if (filteredOptions.length === 0) {\n                        <div class=\"dropdown-menu-item no-results\">No results found</div>\n                    }\n                    @for (option of filteredOptions; track option.value; let i = $index) {\n                        <div\n                            class=\"dropdown-menu-item\"\n                            [ngClass]=\"{\n                                selected: option.value === value,\n                                highlighted: i === selectedIndex,\n                                disabled: option.disabled\n                            }\"\n                            (click)=\"selectOption(option)\"\n                            (mouseenter)=\"selectedIndex = i\"\n                        >\n                            {{ option.label }}\n                        </div>\n                    }\n                </div>\n            </div>\n        }\n    </div>\n</div>\n", styles: ["*{box-sizing:border-box;text-decoration:none;font-size:1em}*:not(.material-symbols-outlined){font-family:inherit}html{border:0;margin:0;padding:0;-webkit-text-size-adjust:100%}body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}:root{--color-navy: #00245d;--color-royal: #0047ba;--color-white: #ffffff;--color-blue-500: #00245d;--color-blue-400: #003995;--color-blue-300: #0047ba;--color-blue-200: #336cc8;--color-blue-150: #ccdaf1;--color-blue-100: #e5edf8;--color-gray-500: #141414;--color-gray-400: #737373;--color-gray-300: #8f8f8f;--color-gray-200: #d0d0d0;--color-gray-100: #e7e7e7;--color-gray-50: #f9f9f9;--color-gray-brand-400: #737373;--color-green-500: #1d562e;--color-green-400: #2e8545;--color-green-300: #3ba35a;--color-green-200: #9dd1ac;--color-green-100: #ebf6ee;--color-teal-500: #26485f;--color-teal-400: #3e7295;--color-teal-300: #457fa6;--color-teal-200: #a2bfd3;--color-teal-100: #ecf2f6;--color-red-500: #702121;--color-red-400: #b33837;--color-red-300: #c73e3d;--color-red-200: #e39e9e;--color-red-100: #f9ecec;--color-yellow-500: #635f04;--color-yellow-400: #928c30;--color-yellow-300: #d1c844;--color-yellow-200: #e8e3a1;--color-yellow-100: #f2f0e9;--color-purple-focus: #b967c7;--text-heading: #002e5d;--text-secondary-heading: #737373;--text-body: #141414;--text-disabled: #737373;--text-link: #336cc8;--text-on-action: #ffffff;--text-success: #1d562e;--text-info: #26485f;--text-error: #702121;--text-warning: #635f04;--surface-success: #ebf6ee;--surface-info: #ecf2f6;--surface-error: #f9ecec;--surface-warning: #f2f0e9;--focus-ring-color: #b967c7}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Light.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Regular.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Semibold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Bold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-LightItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Italic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-SemiboldItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-BoldItalic.ttf) format(\"truetype\");font-display:swap}h1,h2,h3,h4,h5,h6,span:not(.material-symbols-outlined),a,p{font-family:Source Sans Pro}h1{font-weight:300;font-style:normal;color:var(--text-heading)}h2{font-weight:400;font-style:normal;color:var(--text-heading)}h3{font-weight:700;font-style:normal;color:var(--text-heading)}h4,h5,h6{font-weight:600;font-style:normal;color:var(--text-secondary-heading)}.hbll-default-body{font-weight:400;font-style:normal;max-width:35rem;min-width:22.25rem;color:var(--text-body)}.hbll-caption{font-weight:400;font-style:normal;max-width:25.25rem;min-width:17.5rem;color:var(--text-body)}.hbll-large{font-weight:400;font-style:normal;max-width:41.25rem;min-width:26.5rem;color:var(--text-body)}a{color:var(--text-link);text-decoration:underline}.hbll-emphasis{font-weight:600}h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.75rem;line-height:2.25rem}h3,h4{font-size:1.5rem;line-height:2rem}h5,h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:.875rem;line-height:1.25rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1rem;line-height:1.5rem}@media screen and (min-width: 52.125em){h1{font-size:3rem;line-height:3.5rem}h2{font-size:2.5rem;line-height:3rem}h3{font-size:2rem;line-height:3rem}h4{font-size:1.75rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}@media screen and (min-width: 90em){h1{font-size:3.75rem;line-height:4.25rem}h2{font-size:3rem;line-height:3.5rem}h3{font-size:2.5rem;line-height:3rem}h4{font-size:2rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only.sr-only-focusable:focus,.sr-only.sr-only-focusable:focus-within,.sr-only.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.dropdown-wrapper{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:.5rem;width:100%}.dropdown-field-container{position:relative;width:100%}.dropdown-field-container .dropdown-field-wrapper{cursor:pointer}.dropdown-field-container .dropdown-field-wrapper lib-field{cursor:pointer;pointer-events:none}.dropdown-field-container .dropdown-field-wrapper lib-field ::ng-deep .field-wrapper{cursor:pointer}.dropdown-field-container .dropdown-field-wrapper lib-field ::ng-deep .field-wrapper .field-input{cursor:pointer;pointer-events:auto}.dropdown-field-container .dropdown-field-wrapper lib-field ::ng-deep .field-wrapper .field-input:not([readonly]){cursor:text}.dropdown-field-container .dropdown-field-wrapper lib-field ::ng-deep .field-wrapper .icon-after{pointer-events:none}.dropdown-field-container .dropdown-menu{position:absolute;top:100%;left:0;width:100%;max-height:15rem;background:#fff;border:1px solid #d0d0d0;border-radius:0 0 .25rem .25rem;z-index:1000;overflow:hidden;box-shadow:0 2px 8px #0000001a}.dropdown-field-container .dropdown-menu .dropdown-menu-items{max-height:15rem;overflow-y:auto;overflow-x:hidden}.dropdown-field-container .dropdown-menu .dropdown-menu-items::-webkit-scrollbar{width:.5625rem}.dropdown-field-container .dropdown-menu .dropdown-menu-items::-webkit-scrollbar-track{background:#fff}.dropdown-field-container .dropdown-menu .dropdown-menu-items::-webkit-scrollbar-thumb{background:#8f8f8f;border-radius:16rem}.dropdown-field-container .dropdown-menu .dropdown-menu-items::-webkit-scrollbar-thumb:hover{background:#737373}.dropdown-field-container .dropdown-menu .dropdown-menu-items .dropdown-menu-item{display:flex;flex-direction:row;align-items:flex-end;padding:.5rem 1rem;gap:.5rem;font-family:Source Sans Pro,sans-serif;font-size:1rem;line-height:1.5rem;color:#141414;cursor:pointer;transition:background-color .2s ease}.dropdown-field-container .dropdown-menu .dropdown-menu-items .dropdown-menu-item:hover:not(.disabled):not(.no-results){background:#f9f9f9}.dropdown-field-container .dropdown-menu .dropdown-menu-items .dropdown-menu-item.highlighted:not(.disabled):not(.no-results){background:#f9f9f9}.dropdown-field-container .dropdown-menu .dropdown-menu-items .dropdown-menu-item.selected{background:#e5edf8;font-weight:600}.dropdown-field-container .dropdown-menu .dropdown-menu-items .dropdown-menu-item.disabled{color:#737373;cursor:not-allowed;opacity:.6}.dropdown-field-container .dropdown-menu .dropdown-menu-items .dropdown-menu-item.no-results{color:#737373;cursor:default;font-style:italic}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: LabelComponent, selector: "lib-label", inputs: ["text", "type", "showHelpIcon", "ariaLabel", "position", "isRequired", "for", "subtext"], outputs: ["helpIconClick"] }, { kind: "component", type: FieldComponent, selector: "lib-field", inputs: ["inputType", "inputId", "placeholder", "state", "status", "iconBefore", "iconAfter", "iconBeforeClickable", "iconAfterClickable", "iconBeforeAction", "iconAfterAction", "disabled", "ariaLabel", "value", "isFullText", "rows", "minWidth", "maxWidth", "minHeight", "maxHeight"], outputs: ["valueChange", "iconBeforeClick", "iconAfterClick", "fieldFocus", "fieldBlur"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-dropdown', standalone: true, imports: [CommonModule, LabelComponent, FieldComponent], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => DropdownComponent),
+                            multi: true,
+                        },
+                    ], template: "<div class=\"dropdown-wrapper\">\n    @if (label) {\n        <lib-label\n            [for]=\"inputId\"\n            [text]=\"label\"\n            [type]=\"labelType\"\n            [showHelpIcon]=\"showHelpIcon\"\n            [subtext]=\"subtext\"\n            (helpIconClick)=\"onHelpIconClick()\"\n        ></lib-label>\n    }\n\n    <div\n        class=\"dropdown-field-container\"\n        [ngClass]=\"'dropdown-' + state\"\n    >\n        <div class=\"dropdown-field-wrapper\" (click)=\"toggleDropdown()\">\n            <lib-field\n                #dropdownInput\n                [inputId]=\"inputId\"\n                [placeholder]=\"placeholder\"\n                [value]=\"displayText\"\n                [disabled]=\"disabled\"\n                [state]=\"state\"\n                [ariaLabel]=\"ariaLabel ? ariaLabel : label\"\n                [iconAfter]=\"isOpen ? 'expand_less' : 'expand_more'\"\n                [attr.readonly]=\"!searchable\"\n                (input)=\"onSearchInput($event)\"\n                (keydown)=\"onKeyDown($event)\"\n            >\n            </lib-field>\n        </div>\n\n        @if (isOpen) {\n            <div class=\"dropdown-menu\">\n                <div class=\"dropdown-menu-items\">\n                    @if (filteredOptions.length === 0) {\n                        <div class=\"dropdown-menu-item no-results\">No results found</div>\n                    }\n                    @for (option of filteredOptions; track option.value; let i = $index) {\n                        <div\n                            class=\"dropdown-menu-item\"\n                            [ngClass]=\"{\n                                selected: option.value === value,\n                                highlighted: i === selectedIndex,\n                                disabled: option.disabled\n                            }\"\n                            (click)=\"selectOption(option)\"\n                            (mouseenter)=\"selectedIndex = i\"\n                        >\n                            {{ option.label }}\n                        </div>\n                    }\n                </div>\n            </div>\n        }\n    </div>\n</div>\n", styles: ["*{box-sizing:border-box;text-decoration:none;font-size:1em}*:not(.material-symbols-outlined){font-family:inherit}html{border:0;margin:0;padding:0;-webkit-text-size-adjust:100%}body{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}:root{--color-navy: #00245d;--color-royal: #0047ba;--color-white: #ffffff;--color-blue-500: #00245d;--color-blue-400: #003995;--color-blue-300: #0047ba;--color-blue-200: #336cc8;--color-blue-150: #ccdaf1;--color-blue-100: #e5edf8;--color-gray-500: #141414;--color-gray-400: #737373;--color-gray-300: #8f8f8f;--color-gray-200: #d0d0d0;--color-gray-100: #e7e7e7;--color-gray-50: #f9f9f9;--color-gray-brand-400: #737373;--color-green-500: #1d562e;--color-green-400: #2e8545;--color-green-300: #3ba35a;--color-green-200: #9dd1ac;--color-green-100: #ebf6ee;--color-teal-500: #26485f;--color-teal-400: #3e7295;--color-teal-300: #457fa6;--color-teal-200: #a2bfd3;--color-teal-100: #ecf2f6;--color-red-500: #702121;--color-red-400: #b33837;--color-red-300: #c73e3d;--color-red-200: #e39e9e;--color-red-100: #f9ecec;--color-yellow-500: #635f04;--color-yellow-400: #928c30;--color-yellow-300: #d1c844;--color-yellow-200: #e8e3a1;--color-yellow-100: #f2f0e9;--color-purple-focus: #b967c7;--text-heading: #002e5d;--text-secondary-heading: #737373;--text-body: #141414;--text-disabled: #737373;--text-link: #336cc8;--text-on-action: #ffffff;--text-success: #1d562e;--text-info: #26485f;--text-error: #702121;--text-warning: #635f04;--surface-success: #ebf6ee;--surface-info: #ecf2f6;--surface-error: #f9ecec;--surface-warning: #f2f0e9;--focus-ring-color: #b967c7}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Light.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Regular.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Semibold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Bold.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:300;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-LightItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-Italic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:600;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-SemiboldItalic.ttf) format(\"truetype\");font-display:swap}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:700;src:url(https://media.lib.byu.edu/web-assets/fonts/sourcesanspro/1.0.0/SourceSansPro-BoldItalic.ttf) format(\"truetype\");font-display:swap}h1,h2,h3,h4,h5,h6,span:not(.material-symbols-outlined),a,p{font-family:Source Sans Pro}h1{font-weight:300;font-style:normal;color:var(--text-heading)}h2{font-weight:400;font-style:normal;color:var(--text-heading)}h3{font-weight:700;font-style:normal;color:var(--text-heading)}h4,h5,h6{font-weight:600;font-style:normal;color:var(--text-secondary-heading)}.hbll-default-body{font-weight:400;font-style:normal;max-width:35rem;min-width:22.25rem;color:var(--text-body)}.hbll-caption{font-weight:400;font-style:normal;max-width:25.25rem;min-width:17.5rem;color:var(--text-body)}.hbll-large{font-weight:400;font-style:normal;max-width:41.25rem;min-width:26.5rem;color:var(--text-body)}a{color:var(--text-link);text-decoration:underline}.hbll-emphasis{font-weight:600}h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.75rem;line-height:2.25rem}h3,h4{font-size:1.5rem;line-height:2rem}h5,h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:.875rem;line-height:1.25rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1rem;line-height:1.5rem}@media screen and (min-width: 52.125em){h1{font-size:3rem;line-height:3.5rem}h2{font-size:2.5rem;line-height:3rem}h3{font-size:2rem;line-height:3rem}h4{font-size:1.75rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}@media screen and (min-width: 90em){h1{font-size:3.75rem;line-height:4.25rem}h2{font-size:3rem;line-height:3.5rem}h3{font-size:2.5rem;line-height:3rem}h4{font-size:2rem;line-height:2.5rem}h5{font-size:1.5rem;line-height:2rem}h6{font-size:1.25rem;line-height:1.75rem}.hbll-default-body{font-size:1rem;line-height:1.5rem}.hbll-caption{font-size:.75rem;line-height:1rem}.hbll-large{font-size:1.25rem;line-height:1.75rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only.sr-only-focusable:focus,.sr-only.sr-only-focusable:focus-within,.sr-only.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.dropdown-wrapper{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:.5rem;width:100%}.dropdown-field-container{position:relative;width:100%}.dropdown-field-container .dropdown-field-wrapper{cursor:pointer}.dropdown-field-container .dropdown-field-wrapper lib-field{cursor:pointer;pointer-events:none}.dropdown-field-container .dropdown-field-wrapper lib-field ::ng-deep .field-wrapper{cursor:pointer}.dropdown-field-container .dropdown-field-wrapper lib-field ::ng-deep .field-wrapper .field-input{cursor:pointer;pointer-events:auto}.dropdown-field-container .dropdown-field-wrapper lib-field ::ng-deep .field-wrapper .field-input:not([readonly]){cursor:text}.dropdown-field-container .dropdown-field-wrapper lib-field ::ng-deep .field-wrapper .icon-after{pointer-events:none}.dropdown-field-container .dropdown-menu{position:absolute;top:100%;left:0;width:100%;max-height:15rem;background:#fff;border:1px solid #d0d0d0;border-radius:0 0 .25rem .25rem;z-index:1000;overflow:hidden;box-shadow:0 2px 8px #0000001a}.dropdown-field-container .dropdown-menu .dropdown-menu-items{max-height:15rem;overflow-y:auto;overflow-x:hidden}.dropdown-field-container .dropdown-menu .dropdown-menu-items::-webkit-scrollbar{width:.5625rem}.dropdown-field-container .dropdown-menu .dropdown-menu-items::-webkit-scrollbar-track{background:#fff}.dropdown-field-container .dropdown-menu .dropdown-menu-items::-webkit-scrollbar-thumb{background:#8f8f8f;border-radius:16rem}.dropdown-field-container .dropdown-menu .dropdown-menu-items::-webkit-scrollbar-thumb:hover{background:#737373}.dropdown-field-container .dropdown-menu .dropdown-menu-items .dropdown-menu-item{display:flex;flex-direction:row;align-items:flex-end;padding:.5rem 1rem;gap:.5rem;font-family:Source Sans Pro,sans-serif;font-size:1rem;line-height:1.5rem;color:#141414;cursor:pointer;transition:background-color .2s ease}.dropdown-field-container .dropdown-menu .dropdown-menu-items .dropdown-menu-item:hover:not(.disabled):not(.no-results){background:#f9f9f9}.dropdown-field-container .dropdown-menu .dropdown-menu-items .dropdown-menu-item.highlighted:not(.disabled):not(.no-results){background:#f9f9f9}.dropdown-field-container .dropdown-menu .dropdown-menu-items .dropdown-menu-item.selected{background:#e5edf8;font-weight:600}.dropdown-field-container .dropdown-menu .dropdown-menu-items .dropdown-menu-item.disabled{color:#737373;cursor:not-allowed;opacity:.6}.dropdown-field-container .dropdown-menu .dropdown-menu-items .dropdown-menu-item.no-results{color:#737373;cursor:default;font-style:italic}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], inputId: [{
+                type: Input
+            }], labelType: [{
+                type: Input
+            }], showHelpIcon: [{
+                type: Input
+            }], subtext: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], state: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], searchable: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], helpIconClick: [{
+                type: Output
+            }], dropdownInput: [{
+                type: ViewChild,
+                args: ['dropdownInput']
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
 /*
  * Public API Surface of components
  */
@@ -2986,5 +4091,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ADVANCED_SEARCH_FIELD_MAP, ADVANCED_SEARCH_OPTIONS, ADVANCED_SEARCH_QUALIFIER_MAP, ButtonComponent, ButtonGroupComponent, ButtonGroupItemComponent, HbllFooterComponent, HbllHeaderComponent, HbllItemTypeIconPipe, HeaderWithImpersonationComponent, ImpersonateModalComponent, ImpersonateUserPipe, ImpersonationBannerComponent, LIBRARY_HOURS_API_URL, SnackbarComponent, SnackbarService, SsSearchBarComponent, StatusButtonComponent, defaultOidcBaseUri, defaultOidcDefaultIdp, getUserStatusFromRoles, isAdvancedSearchExternalFieldOption, isAdvancedSearchFieldOption, isAdvancedSearchLocalFieldOption, isSearchScope };
+export { ADVANCED_SEARCH_FIELD_MAP, ADVANCED_SEARCH_OPTIONS, ADVANCED_SEARCH_QUALIFIER_MAP, ButtonComponent, ButtonGroupComponent, ButtonGroupItemComponent, CheckboxComponent, DropdownComponent, FieldComponent, HbllFooterComponent, HbllHeaderComponent, HbllItemTypeIconPipe, HeaderWithImpersonationComponent, ImpersonateModalComponent, ImpersonateUserPipe, ImpersonationBannerComponent, LIBRARY_HOURS_API_URL, LabelComponent, LinkComponent, RadioButtonComponent, SnackbarComponent, SnackbarService, SsSearchBarComponent, StatusButtonComponent, TabBarComponent, TabItemComponent, defaultOidcBaseUri, defaultOidcDefaultIdp, getUserStatusFromRoles, isAdvancedSearchExternalFieldOption, isAdvancedSearchFieldOption, isAdvancedSearchLocalFieldOption, isSearchScope };
 //# sourceMappingURL=byuhbll-components.mjs.map