@byuhbll/components 6.1.1 → 7.0.0

package/index.d.ts

@@ -1,8 +1,9 @@
 import * as rxjs from 'rxjs';
 import { Subject } from 'rxjs';
 import * as i0 from '@angular/core';
-import { AfterViewInit, ElementRef, EventEmitter, PipeTransform, OnInit, OnDestroy, Signal, OnChanges, SimpleChanges, ApplicationRef, EnvironmentInjector, AfterContentInit, QueryList } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter, PipeTransform, OnInit, OnDestroy, Signal, AfterViewChecked, OnChanges, SimpleChanges, AfterContentInit, QueryList } from '@angular/core';
 import * as _angular_forms from '@angular/forms';
+import { ControlValueAccessor } from '@angular/forms';
 import { JwtPayload } from 'jwt-decode';
 
 interface LibraryHours {
@@ -45,8 +46,7 @@ declare class HbllHeaderComponent implements AfterViewInit {
     ngAfterViewInit(): void;
     protected openSidebarNav: () => void;
     protected closeSidebarNav: () => void;
-    private onResize;
-    private setMobileSidebarHeight;
+    setMobileSidebarHeight(): void;
     focusMainContent(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HbllHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<HbllHeaderComponent, "lib-hbll-header", never, { "name": { "alias": "name"; "required": false; }; "mainsitebaseurl": { "alias": "mainsitebaseurl"; "required": false; }; "showImpersonateButton": { "alias": "showImpersonateButton"; "required": false; "isSignal": true; }; }, { "openImpersonationModal": "openImpersonationModal"; "login": "login"; "logout": "logout"; }, never, never, true, never>;
@@ -485,7 +485,7 @@ interface Date$1 {
     to: string;
 }
 
-declare class SsSearchBarComponent {
+declare class SsSearchBarComponent implements AfterViewChecked {
     readonly searchText: i0.ModelSignal<string>;
     private _config;
     set config(config: string);
@@ -500,13 +500,16 @@ declare class SsSearchBarComponent {
     tabChange: EventEmitter<SearchConfig>;
     suggest: EventEmitter<SearchConfig>;
     private barWrapperRef;
+    advSearchCloseBtn?: ElementRef<HTMLButtonElement>;
     protected heightOfContainer: number;
+    private shouldFocusAdvClose;
     protected emitClearSimpleSearch: () => void;
     protected emitSimpleSearch: (updatedProps: Partial<SearchConfig>) => void;
     protected emitAdvancedSearchClosed: () => void;
     protected emitAdvancedSearch: (config: SearchConfig) => void;
     protected emitAdvancedSearchOpen: () => void;
     protected emitTabChange: (newScope: SearchScope) => void;
+    ngAfterViewChecked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SsSearchBarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SsSearchBarComponent, "lib-ss-search-bar", never, { "searchText": { "alias": "searchText"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": true; }; "supportedSuggestionScopes": { "alias": "supportedSuggestionScopes"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; }, { "searchText": "searchTextChange"; "simpleSearch": "simpleSearch"; "clearSimpleSearch": "clearSimpleSearch"; "advancedSearch": "advancedSearch"; "advancedSearchClosed": "advancedSearchClosed"; "advancedSearchOpen": "advancedSearchOpen"; "tabChange": "tabChange"; "suggest": "suggest"; }, never, never, true, never>;
 }
@@ -626,7 +629,6 @@ declare class SnackbarComponent implements OnInit, OnChanges, OnDestroy {
 declare class SnackbarService {
     private appRef;
     private env;
-    constructor(appRef: ApplicationRef, env: EnvironmentInjector);
     /**
      * This open method is what consuming code will use to create a snackbar
      * @param snackbarOptions interface
@@ -650,6 +652,7 @@ interface ButtonInputs {
     disabled?: boolean;
     isThin?: boolean;
     ariaLabel?: string;
+    pill?: boolean;
 }
 /**
  * A flexible, reusable button component that supports multiple button types
@@ -697,13 +700,19 @@ declare class ButtonComponent {
     disabled: boolean;
     isThin: boolean;
     ariaLabel?: string;
+    minWidth?: string;
+    pill?: boolean;
+    color?: string;
     buttonClick: EventEmitter<void>;
+    private readonly namedColors;
+    get computedBg(): string | null;
+    get computedBgHover(): string | null;
     /**
      * Handles button click events and emits the buttonClick event if the button is not disabled.
      */
     onButtonClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "lib-button", never, { "buttonType": { "alias": "buttonType"; "required": false; }; "title": { "alias": "title"; "required": false; }; "iconBefore": { "alias": "iconBefore"; "required": false; }; "iconAfter": { "alias": "iconAfter"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isThin": { "alias": "isThin"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "lib-button", never, { "buttonType": { "alias": "buttonType"; "required": false; }; "title": { "alias": "title"; "required": false; }; "iconBefore": { "alias": "iconBefore"; "required": false; }; "iconAfter": { "alias": "iconAfter"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isThin": { "alias": "isThin"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "pill": { "alias": "pill"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
 }
 
 declare class ButtonGroupItemComponent {
@@ -767,5 +776,592 @@ declare class ButtonGroupComponent implements AfterContentInit, OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroupComponent, "lib-button-group", never, { "initialActiveId": { "alias": "initialActiveId"; "required": false; }; }, { "activeButtonChange": "activeButtonChange"; }, ["buttonItems"], ["*"], true, never>;
 }
 
-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 type { AdvancedSearchBooleanOption, AdvancedSearchExternalFieldOption, AdvancedSearchFieldOption, AdvancedSearchLanguageOption, AdvancedSearchLocalFieldOption, AdvancedSearchQualifier, AdvancedSearchQualifierOption, AdvancedSearchQueryRow, AdvancedSearchResultsPerPageOption, ButtonInputs, ButtonType, ImpersonateSearchResult, SearchConfig, SearchScope, SnackbarInputs, SnackbarPurpose, Status, StatusButtonInputs };
+interface CheckboxInputs {
+    isChecked: boolean;
+    isIndeterminate?: boolean;
+    isSmall?: boolean;
+    disabled?: boolean;
+    isError?: boolean;
+}
+/**
+ * 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>
+ * ```
+ */
+declare class CheckboxComponent {
+    isChecked: boolean;
+    isIndeterminate?: boolean;
+    isSmall?: boolean;
+    disabled?: boolean;
+    isError?: boolean;
+    inputId: string;
+    checkedChange: EventEmitter<boolean>;
+    onCheckBoxChange(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "lib-checkbox", never, { "isChecked": { "alias": "isChecked"; "required": false; }; "isIndeterminate": { "alias": "isIndeterminate"; "required": false; }; "isSmall": { "alias": "isSmall"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isError": { "alias": "isError"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
+}
+
+declare class TabItemComponent {
+    id: string;
+    title?: string;
+    icon?: string;
+    ariaLabel?: string;
+    disabled: boolean;
+    routerLink?: string;
+    itemClick: EventEmitter<string>;
+    isActive: boolean;
+    /**
+     * Handles the tab item click event and emits the tab's ID to the parent component.
+     */
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabItemComponent, "lib-tab-item", never, { "id": { "alias": "id"; "required": true; }; "title": { "alias": "title"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
+}
+
+declare class TabBarComponent implements AfterContentInit, OnDestroy {
+    initialActiveId?: string;
+    activeTabChange: EventEmitter<string>;
+    tabItems: QueryList<TabItemComponent>;
+    private elementRef;
+    protected activeTabId: string;
+    private 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(): void;
+    /**
+     * Initializes custom element children when used as web components.
+     */
+    private initializeCustomElements;
+    /**
+     * Sets the active state on a custom element by toggling the active class on its button.
+     */
+    private setActiveState;
+    /**
+     * Handles click events for custom element children.
+     */
+    private handleCustomElementClick;
+    /**
+     * Angular lifecycle hook called when the component is destroyed.
+     * Cleans up all subscriptions to prevent memory leaks.
+     */
+    ngOnDestroy(): void;
+    /**
+     * Initializes the active tab state based on the initialActiveId input.
+     * Sets the active state on the matching tab item if an initial ID is provided.
+     */
+    private initializeActiveTab;
+    /**
+     * 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: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabBarComponent, "lib-tab-bar", never, { "initialActiveId": { "alias": "initialActiveId"; "required": false; }; }, { "activeTabChange": "activeTabChange"; }, ["tabItems"], ["*"], true, never>;
+}
+
+type FieldState = 'default' | 'hover' | 'focused' | 'error' | 'success' | 'disabled';
+type FieldStatus = 'filled' | 'not-filled';
+type InputType = 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search';
+interface FieldInputs {
+    inputType?: InputType;
+    inputId?: string;
+    placeholder: string;
+    state?: FieldState;
+    status?: FieldStatus;
+    iconBefore?: string;
+    iconAfter?: string;
+    disabled?: boolean;
+    ariaLabel?: string;
+    value?: string;
+    isFullText?: boolean;
+    rows?: number;
+    minWidth?: string;
+    maxWidth?: string;
+    minHeight?: string;
+    maxHeight?: string;
+}
+/**
+ * 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>
+ * ```
+ */
+declare class FieldComponent implements ControlValueAccessor {
+    inputType: InputType;
+    inputId?: string;
+    placeholder: string;
+    state: FieldState;
+    status: FieldStatus;
+    iconBefore?: string;
+    iconAfter?: string;
+    iconBeforeClickable: boolean;
+    iconAfterClickable: boolean;
+    iconBeforeAction?: () => void;
+    iconAfterAction?: () => void;
+    disabled: boolean;
+    ariaLabel?: string;
+    value: string;
+    isFullText: boolean;
+    rows: number;
+    minWidth?: string;
+    maxWidth?: string;
+    minHeight?: string;
+    maxHeight?: string;
+    valueChange: EventEmitter<string>;
+    iconBeforeClick: EventEmitter<void>;
+    iconAfterClick: EventEmitter<void>;
+    fieldFocus: EventEmitter<void>;
+    fieldBlur: EventEmitter<void>;
+    private onChange;
+    private onTouched;
+    isFocused: boolean;
+    private isKeyboardFocus;
+    onDocumentKeydown(event: KeyboardEvent): void;
+    onDocumentMousedown(): void;
+    onDocumentPointerdown(): void;
+    /**
+     * Handles input value changes and updates status based on content.
+     */
+    onValueChange(event: Event): void;
+    /**
+     * Handles focus event and updates state.
+     */
+    onFocus(): void;
+    /**
+     * Handles blur event and updates state.
+     */
+    onBlur(): void;
+    /**
+     * Handles left icon click.
+     */
+    onIconBeforeClick(): void;
+    /**
+     * Handles right icon click.
+     */
+    onIconAfterClick(): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "lib-field", never, { "inputType": { "alias": "inputType"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "state": { "alias": "state"; "required": false; }; "status": { "alias": "status"; "required": false; }; "iconBefore": { "alias": "iconBefore"; "required": false; }; "iconAfter": { "alias": "iconAfter"; "required": false; }; "iconBeforeClickable": { "alias": "iconBeforeClickable"; "required": false; }; "iconAfterClickable": { "alias": "iconAfterClickable"; "required": false; }; "iconBeforeAction": { "alias": "iconBeforeAction"; "required": false; }; "iconAfterAction": { "alias": "iconAfterAction"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "value": { "alias": "value"; "required": false; }; "isFullText": { "alias": "isFullText"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; }, { "valueChange": "valueChange"; "iconBeforeClick": "iconBeforeClick"; "iconAfterClick": "iconAfterClick"; "fieldFocus": "fieldFocus"; "fieldBlur": "fieldBlur"; }, never, never, true, never>;
+}
+
+type LabelType = 'none' | 'required' | 'optional';
+type LabelPosition = 'above' | 'left';
+interface LabelInputs {
+    text: string;
+    type?: LabelType;
+    showHelpIcon?: boolean;
+    ariaLabel?: string;
+    position?: LabelPosition;
+    isRequired?: boolean;
+    for?: string;
+    subtext?: string;
+}
+/**
+ * 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>
+ * ```
+ */
+declare class LabelComponent {
+    text: string;
+    type: LabelType;
+    showHelpIcon: boolean;
+    ariaLabel?: string;
+    position: LabelPosition;
+    isRequired: boolean;
+    for?: string;
+    subtext?: string;
+    helpIconClick: EventEmitter<void>;
+    /**
+     * Handles help icon click event.
+     */
+    onHelpIconClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LabelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LabelComponent, "lib-label", never, { "text": { "alias": "text"; "required": false; }; "type": { "alias": "type"; "required": false; }; "showHelpIcon": { "alias": "showHelpIcon"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "position": { "alias": "position"; "required": false; }; "isRequired": { "alias": "isRequired"; "required": false; }; "for": { "alias": "for"; "required": false; }; "subtext": { "alias": "subtext"; "required": false; }; }, { "helpIconClick": "helpIconClick"; }, never, never, true, never>;
+}
+
+type LinkType = 'basic' | 'inline';
+type LinkState = 'default' | 'hover' | 'focused' | 'disabled';
+type LinkIconPosition = 'left' | 'right';
+interface LinkInputs {
+    text: string;
+    textHtml?: string;
+    imageSrc?: string;
+    imageAlt?: string;
+    imageTitle?: string;
+    imageClass?: string;
+    href?: string;
+    target?: string;
+    rel?: string;
+    type?: LinkType;
+    state?: LinkState;
+    disabled?: boolean;
+    leftIcon?: string;
+    rightIcon?: string;
+    ariaLabel?: string;
+}
+/**
+ * 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>
+ * ```
+ */
+declare class LinkComponent {
+    text: string;
+    textHtml?: string;
+    imageSrc?: string;
+    imageAlt?: string;
+    imageTitle?: string;
+    imageClass?: string;
+    href?: string;
+    target?: string;
+    rel?: string;
+    type: LinkType;
+    state: LinkState;
+    disabled: boolean;
+    leftIcon?: string;
+    rightIcon?: string;
+    ariaLabel?: string;
+    linkClick: EventEmitter<MouseEvent>;
+    get computedState(): LinkState;
+    get hasLeftIcon(): boolean;
+    get hasRightIcon(): boolean;
+    get computedLeftIcon(): string;
+    get computedRightIcon(): string;
+    get computedHref(): string | null;
+    get computedRel(): string | null;
+    get computedAriaLabel(): string;
+    onClick(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinkComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinkComponent, "lib-link", never, { "text": { "alias": "text"; "required": false; }; "textHtml": { "alias": "textHtml"; "required": false; }; "imageSrc": { "alias": "imageSrc"; "required": false; }; "imageAlt": { "alias": "imageAlt"; "required": false; }; "imageTitle": { "alias": "imageTitle"; "required": false; }; "imageClass": { "alias": "imageClass"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "type": { "alias": "type"; "required": false; }; "state": { "alias": "state"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "linkClick": "linkClick"; }, never, never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+}
+
+interface RadioButtonChange {
+    checked: boolean;
+    value: string;
+    originalEvent: Event;
+}
+/**
+ * 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>
+ * ```
+ */
+declare class RadioButtonComponent implements ControlValueAccessor {
+    private readonly cdr;
+    private readonly inputUid;
+    color?: string;
+    disabled: boolean;
+    name?: string;
+    value: string;
+    checked: boolean;
+    checkedChange: EventEmitter<RadioButtonChange>;
+    private onChange;
+    private onTouched;
+    writeValue(formValue: unknown): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onInputChange(event: Event): void;
+    onBlur(): void;
+    get inputId(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "lib-radio-button", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": true; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+}
+
+type DropdownState = 'default' | 'hover' | 'focused' | 'error' | 'success' | 'disabled';
+interface DropdownOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface DropdownInputs {
+    label?: string;
+    labelType?: 'none' | 'required' | 'optional';
+    inputId?: string;
+    showHelpIcon?: boolean;
+    subtext?: string;
+    placeholder?: string;
+    options: DropdownOption[];
+    state?: DropdownState;
+    disabled?: boolean;
+    ariaLabel?: string;
+    value?: string;
+    searchable?: boolean;
+}
+/**
+ * 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>
+ * ```
+ */
+declare class DropdownComponent implements ControlValueAccessor, OnInit {
+    label?: string;
+    inputId?: string;
+    labelType: 'none' | 'required' | 'optional';
+    showHelpIcon: boolean;
+    subtext?: string;
+    placeholder: string;
+    options: DropdownOption[];
+    state: DropdownState;
+    disabled: boolean;
+    ariaLabel?: string;
+    searchable: boolean;
+    valueChange: EventEmitter<string>;
+    helpIconClick: EventEmitter<void>;
+    dropdownInput?: FieldComponent;
+    value: string;
+    searchText: string;
+    isOpen: boolean;
+    selectedIndex: number;
+    filteredOptions: DropdownOption[];
+    private elementRef;
+    private onChange;
+    private onTouched;
+    ngOnInit(): void;
+    /**
+     * Gets the display text for the selected value
+     */
+    get displayText(): string;
+    /**
+     * Toggles dropdown open/closed state
+     */
+    toggleDropdown(): void;
+    /**
+     * Handles input changes for search functionality
+     */
+    onSearchInput(event: Event): void;
+    /**
+     * Filters options based on search text
+     */
+    filterOptions(): void;
+    /**
+     * Selects an option from the dropdown
+     */
+    selectOption(option: DropdownOption): void;
+    /**
+     * Handles keyboard navigation
+     */
+    onKeyDown(event: KeyboardEvent): void;
+    /**
+     * Handles blur event
+     */
+    onBlur(): void;
+    /**
+     * Handles help icon click event
+     */
+    onHelpIconClick(): void;
+    /**
+     * Closes dropdown when clicking outside
+     */
+    onDocumentClick(event: MouseEvent): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "lib-dropdown", never, { "label": { "alias": "label"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "labelType": { "alias": "labelType"; "required": false; }; "showHelpIcon": { "alias": "showHelpIcon"; "required": false; }; "subtext": { "alias": "subtext"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "options": { "alias": "options"; "required": false; }; "state": { "alias": "state"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; }, { "valueChange": "valueChange"; "helpIconClick": "helpIconClick"; }, never, never, true, never>;
+}
+
+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 };
+export type { AdvancedSearchBooleanOption, AdvancedSearchExternalFieldOption, AdvancedSearchFieldOption, AdvancedSearchLanguageOption, AdvancedSearchLocalFieldOption, AdvancedSearchQualifier, AdvancedSearchQualifierOption, AdvancedSearchQueryRow, AdvancedSearchResultsPerPageOption, ButtonInputs, ButtonType, CheckboxInputs, DropdownInputs, DropdownOption, DropdownState, FieldInputs, FieldState, FieldStatus, ImpersonateSearchResult, InputType, LabelInputs, LabelPosition, LabelType, LinkIconPosition, LinkInputs, LinkState, LinkType, RadioButtonChange, SearchConfig, SearchScope, SnackbarInputs, SnackbarPurpose, Status, StatusButtonInputs };