@byuhbll/components 4.6.2 → 4.7.0-beta.1

package/lib/animations/animations.d.ts

@@ -2,3 +2,4 @@ export declare const libHbllExpandCollapse: import("@angular/animations").Animat
 export declare const libHbllFadeInOut: import("@angular/animations").AnimationTriggerMetadata;
 export declare const libHbllFadeIn: import("@angular/animations").AnimationTriggerMetadata;
 export declare const libHbllFadeOut: import("@angular/animations").AnimationTriggerMetadata;
+export declare const libHbllSlideInOutRightLeft: import("@angular/animations").AnimationTriggerMetadata;

package/lib/button/button.d.ts

@@ -0,0 +1,139 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export type ButtonType = 'primary' | 'secondary' | 'transparent';
+/**
+ * Interface representing all input properties for the ButtonComponent.
+ * Use this when a parent component needs to accept button configuration as a parameter.
+ *
+ * @example
+ * ```typescript
+ * export class ParentComponent {
+ *   @Input() buttonConfig: ButtonInputs = {
+ *     buttonType: 'primary',
+ *     title: 'Click Me',
+ *     disabled: false
+ *   };
+ * }
+ * ```
+ */
+export interface ButtonInputs {
+    /**
+     * The visual style of the button
+     * @default 'primary'
+     */
+    buttonType?: ButtonType;
+    /**
+     * The text content displayed on the button
+     * @optional
+     */
+    title?: string;
+    /**
+     * Path to an icon image displayed before the title
+     * @optional
+     */
+    iconBefore?: string;
+    /**
+     * Path to an icon image displayed after the title
+     * @optional
+     */
+    iconAfter?: string;
+    /**
+     * Alternative text for icon accessibility
+     * @optional
+     */
+    iconAlt?: string;
+    /**
+     * Whether the button is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Whether the button should have thin padding
+     * @default false
+     */
+    isThin?: boolean;
+}
+/**
+ * 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 -->
+ * <app-hbll-button-custom-component
+ *   buttonType="primary"
+ *   title="Copy Citation"
+ *   iconBefore="../../assets/copy.svg"
+ *   iconAlt="Copy icon"
+ *   (buttonClick)="copyCitation()">
+ * </app-hbll-button-custom-component>
+ *
+ * <!-- Secondary button with title only -->
+ * <app-hbll-button-custom-component
+ *   buttonType="secondary"
+ *   title="Cancel"
+ *   (buttonClick)="cancelAction()">
+ * </app-hbll-button-custom-component>
+ *
+ * <!-- Transparent button with icon after title -->
+ * <app-hbll-button-custom-component
+ *   buttonType="transparent"
+ *   title="Download"
+ *   iconAfter="../../assets/download.svg"
+ *   iconAlt="Download icon"
+ *   (buttonClick)="downloadFile()">
+ * </app-hbll-button-custom-component>
+ *
+ * <!-- Thin button with reduced padding -->
+ * <app-hbll-button-custom-component
+ *   buttonType="primary"
+ *   title="Submit"
+ *   [isThin]="true"
+ *   (buttonClick)="submitForm()">
+ * </app-hbll-button-custom-component>
+ * ```
+ */
+export declare class ButtonComponent {
+    /**
+     * The visual style of the button
+     * @default 'primary'
+     */
+    buttonType: ButtonType;
+    /**
+     * The text content displayed on the button
+     * @optional
+     */
+    title?: string;
+    /**
+     * Path to an icon image displayed before the title
+     * @optional
+     */
+    iconBefore?: string;
+    /**
+     * Path to an icon image displayed after the title
+     * @optional
+     */
+    iconAfter?: string;
+    /**
+     * Alternative text for icon accessibility
+     * @optional
+     */
+    iconAlt?: string;
+    /**
+     * Whether the button is disabled
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * Whether the button should have thin padding
+     * @default false
+     */
+    isThin: boolean;
+    /**
+     * Event emitted when the button is clicked or activated via keyboard
+     */
+    buttonClick: EventEmitter<void>;
+    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; }; "iconAlt": { "alias": "iconAlt"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isThin": { "alias": "isThin"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,17 @@
+import { EventEmitter, OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { ButtonConfig } from '../subatomic-components/button-group-item/button-group-item.component';
+import * as i0 from "@angular/core";
+export declare class ButtonGroupComponent implements OnInit, OnChanges {
+    buttons: ButtonConfig[];
+    initialActiveId?: string;
+    disabled: boolean;
+    activeButtonChange: EventEmitter<string>;
+    activeButtonId: import("@angular/core").WritableSignal<string>;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private initializeActiveButton;
+    onButtonClick(buttonId: string): void;
+    isButtonActive(buttonId: string): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroupComponent, "lib-button-group", never, { "buttons": { "alias": "buttons"; "required": true; }; "initialActiveId": { "alias": "initialActiveId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "activeButtonChange": "activeButtonChange"; }, never, never, true, never>;
+}

package/lib/contact-utils.d.ts

@@ -14,6 +14,6 @@ export declare const createContactForm: (fb: FormBuilder) => import("@angular/fo
     message: import("@angular/forms").FormControl<string>;
     status: import("@angular/forms").FormControl<"" | "Other" | "Undergraduate" | "Graduate" | "Faculty" | "Staff" | "Library Employee" | undefined>;
 }>;
-export declare const submitEmail: (payload: ContactPayload, byuid: string, http: HttpClient, apiBaseUrl: string) => import("rxjs").Observable<unknown>;
+export declare const submitEmail: (payload: ContactPayload, http: HttpClient, apiBaseUrl: string) => import("rxjs").Observable<unknown>;
 export declare const submitFeedback: (payload: ContactPayload, http: HttpClient, apiBaseUrl: string) => import("rxjs").Observable<unknown>;
 export declare const getUserStatusFromRoles: (roles: string[]) => UserStatus;

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

@@ -6,8 +6,7 @@ export declare class HbllFooterComponent {
     private readonly footerSkipTargetId;
     private emailDialog;
     mainsitebaseurl: string;
-    myaccountapibaseuri: string;
-    byuid: string;
+    libraryapibaseuri: string;
     set emailname(name: string);
     set emailemail(email: string);
     set emailmessage(message: string);
@@ -28,6 +27,7 @@ export declare class HbllFooterComponent {
     protected handleClose: () => void;
     openEmailForm: (formValues?: typeof this.emailForm.value) => void;
     skipFooter(): void;
+    protected setSessionCookie(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HbllFooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HbllFooterComponent, "lib-hbll-footer", never, { "mainsitebaseurl": { "alias": "mainsitebaseurl"; "required": false; }; "myaccountapibaseuri": { "alias": "myaccountapibaseuri"; "required": false; }; "byuid": { "alias": "byuid"; "required": false; }; "emailname": { "alias": "emailname"; "required": false; }; "emailemail": { "alias": "emailemail"; "required": false; }; "emailmessage": { "alias": "emailmessage"; "required": false; }; "emailstatus": { "alias": "emailstatus"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HbllFooterComponent, "lib-hbll-footer", never, { "mainsitebaseurl": { "alias": "mainsitebaseurl"; "required": false; }; "libraryapibaseuri": { "alias": "libraryapibaseuri"; "required": false; }; "emailname": { "alias": "emailname"; "required": false; }; "emailemail": { "alias": "emailemail"; "required": false; }; "emailmessage": { "alias": "emailmessage"; "required": false; }; "emailstatus": { "alias": "emailstatus"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -8,8 +8,6 @@ export declare class HbllHeaderComponent implements AfterViewInit {
     private readonly bo;
     private doc;
     header: ElementRef;
-    navWrapper: ElementRef<HTMLElement>;
-    backdrop: ElementRef<HTMLElement>;
     name: string;
     mainsitebaseurl: string;
     showImpersonateButton: import("@angular/core").InputSignal<boolean>;

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

@@ -7,8 +7,6 @@ export declare class HeaderWithImpersonationComponent {
     oidcBaseUri: import("@angular/core").InputSignal<string>;
     oidcDefaultIdp: import("@angular/core").InputSignal<string>;
     mainSiteBaseUrl: import("@angular/core").InputSignal<string>;
-    personBaseUri: import("@angular/core").InputSignal<string>;
-    myAccountApiBaseUri: import("@angular/core").InputSignal<string>;
     login: EventEmitter<void>;
     logout: EventEmitter<void>;
     endImpersonation: EventEmitter<void>;
@@ -18,5 +16,5 @@ export declare class HeaderWithImpersonationComponent {
     protected showImpersonationModal: boolean;
     private isImpersonating;
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderWithImpersonationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderWithImpersonationComponent, "lib-header-with-impersonation", never, { "accessTokenPayload": { "alias": "accessTokenPayload"; "required": true; "isSignal": true; }; "oidcBaseUri": { "alias": "oidcBaseUri"; "required": false; "isSignal": true; }; "oidcDefaultIdp": { "alias": "oidcDefaultIdp"; "required": false; "isSignal": true; }; "mainSiteBaseUrl": { "alias": "mainSiteBaseUrl"; "required": false; "isSignal": true; }; "personBaseUri": { "alias": "personBaseUri"; "required": false; "isSignal": true; }; "myAccountApiBaseUri": { "alias": "myAccountApiBaseUri"; "required": false; "isSignal": true; }; }, { "login": "login"; "logout": "logout"; "endImpersonation": "endImpersonation"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderWithImpersonationComponent, "lib-header-with-impersonation", never, { "accessTokenPayload": { "alias": "accessTokenPayload"; "required": true; "isSignal": true; }; "oidcBaseUri": { "alias": "oidcBaseUri"; "required": false; "isSignal": true; }; "oidcDefaultIdp": { "alias": "oidcDefaultIdp"; "required": false; "isSignal": true; }; "mainSiteBaseUrl": { "alias": "mainSiteBaseUrl"; "required": false; "isSignal": true; }; }, { "login": "login"; "logout": "logout"; "endImpersonation": "endImpersonation"; }, never, never, true, never>;
 }

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

@@ -29,7 +29,7 @@ export declare class ImpersonationBannerComponent {
     private http;
     accessTokenPayload: import("@angular/core").InputSignal<TokenPayload>;
     personBaseUri: import("@angular/core").InputSignal<string>;
-    myAccountApiBaseUri: import("@angular/core").InputSignal<string>;
+    libraryApiBaseUri: import("@angular/core").InputSignal<string>;
     endImpersonation: EventEmitter<void>;
     protected parsedToken: Signal<JwtPayload & Record<string, any>>;
     protected isImpersonating: Signal<boolean>;
@@ -48,5 +48,5 @@ export declare class ImpersonationBannerComponent {
         none: ApplicationAccess[];
     } | null | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImpersonationBannerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ImpersonationBannerComponent, "lib-impersonation-banner", never, { "accessTokenPayload": { "alias": "accessTokenPayload"; "required": true; "isSignal": true; }; "personBaseUri": { "alias": "personBaseUri"; "required": false; "isSignal": true; }; "myAccountApiBaseUri": { "alias": "myAccountApiBaseUri"; "required": false; "isSignal": true; }; }, { "endImpersonation": "endImpersonation"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImpersonationBannerComponent, "lib-impersonation-banner", never, { "accessTokenPayload": { "alias": "accessTokenPayload"; "required": true; "isSignal": true; }; "personBaseUri": { "alias": "personBaseUri"; "required": false; "isSignal": true; }; "libraryApiBaseUri": { "alias": "libraryApiBaseUri"; "required": false; "isSignal": true; }; }, { "endImpersonation": "endImpersonation"; }, never, never, true, never>;
 }

package/lib/subatomic-components/button-group-item/button-group-item.component.d.ts

@@ -0,0 +1,18 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface ButtonConfig {
+    id: string;
+    title?: string;
+    isActive: boolean;
+    icon?: string;
+    iconAlt?: string;
+}
+export declare class ButtonGroupItemComponent {
+    button: ButtonConfig;
+    isActive: boolean;
+    disabled: boolean;
+    buttonClick: EventEmitter<string>;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroupItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroupItemComponent, "lib-button-group-item", never, { "button": { "alias": "button"; "required": true; }; "isActive": { "alias": "isActive"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@byuhbll/components",
-  "version": "4.6.2",
+  "version": "4.7.0-beta.1",
   "peerDependencies": {
     "@angular/common": "^18.0.0",
     "@angular/core": "^18.0.0"

package/public-api.d.ts

@@ -13,3 +13,5 @@ export * from './lib/snackbar/snackbar.component';
 export { getUserStatusFromRoles } from './lib/contact-utils';
 export { ADVANCED_SEARCH_QUALIFIER_MAP, ADVANCED_SEARCH_FIELD_MAP, ADVANCED_SEARCH_OPTIONS, } from './lib/ss-search-bar/constants';
 export * from './lib/status-button/status-button.component';
+export * from './lib/button/button';
+export * from './lib/button-group/button-group.component';