@byuhbll/components 5.0.1 → 5.0.3-beta.0

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/header-with-impersonation/header-with-impersonation.component.d.ts

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

package/lib/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": "5.0.1",
+  "version": "5.0.3-beta.0",
   "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';