@byuhbll/components 5.2.0-beta.0 → 5.2.0

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

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

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

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

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

@@ -3,7 +3,7 @@ import { Subject } from 'rxjs';
 import { TokenPayload } from '../models/token-payload';
 import * as i0 from "@angular/core";
 export declare const defaultOidcBaseUri = "https://keycloak.lib.byu.edu/";
-export declare const defaultOidcDefaultIdp = "byu-realm";
+export declare const defaultOidcDefaultIdp = "ces";
 export declare class ImpersonateUserPipe implements PipeTransform {
     transform(user: ImpersonateSearchResult): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImpersonateUserPipe, never>;

package/lib/ss-search-bar/simple-search/simple-search.component.d.ts

@@ -8,8 +8,6 @@ export declare class SimpleSearchComponent implements OnInit, OnDestroy {
     private inputTooltip;
     private subscription;
     private _config;
-    private draftQuery;
-    private isPatching;
     set config(config: SearchConfig);
     get config(): SearchConfig;
     simpleSearch: EventEmitter<SearchConfig>;

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 declare class ButtonGroupItemComponent {
+    id: string;
+    title?: string;
+    icon?: string;
+    ariaLabel?: string;
+    disabled: boolean;
+    position?: 'first' | 'last' | 'middle';
+    buttonClick: EventEmitter<string>;
+    isActive: boolean;
+    /**
+     * Handles the button click event and emits the button's ID to the parent component.
+     */
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroupItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroupItemComponent, "lib-button-group-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; }; "position": { "alias": "position"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
+}

package/package.json

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

package/public-api.d.ts

@@ -13,3 +13,6 @@ 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.component';
+export * from './lib/button-group/button-group.component';
+export * from './lib/subatomic-components/button-group-item/button-group-item.component';