@byuhbll/components 7.3.3 → 7.4.0

package/index.d.ts

@@ -946,6 +946,7 @@ interface FieldInputs {
     maxWidth?: string;
     minHeight?: string;
     maxHeight?: string;
+    wrapContent?: boolean;
 }
 /**
  * A flexible, reusable field (input) component that supports multiple states
@@ -1033,6 +1034,7 @@ declare class FieldComponent implements ControlValueAccessor {
     maxWidth?: string;
     minHeight?: string;
     maxHeight?: string;
+    wrapContent: boolean;
     valueChange: EventEmitter<string>;
     iconBeforeClick: EventEmitter<void>;
     iconAfterClick: EventEmitter<void>;
@@ -1074,7 +1076,7 @@ declare class FieldComponent implements ControlValueAccessor {
     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, ["lib-pre-tab", "lib-post-tab"], true, 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; }; "wrapContent": { "alias": "wrapContent"; "required": false; }; }, { "valueChange": "valueChange"; "iconBeforeClick": "iconBeforeClick"; "iconAfterClick": "iconAfterClick"; "fieldFocus": "fieldFocus"; "fieldBlur": "fieldBlur"; }, never, ["lib-pre-tab", "[fieldPrefix]", "lib-post-tab"], true, never>;
 }
 
 type LabelType = 'none' | 'required' | 'optional';
@@ -1435,6 +1437,8 @@ interface DropdownInputs {
     disabled?: boolean;
     ariaLabel?: string;
     value?: string;
+    multiple?: boolean;
+    selectedValues?: string[];
     searchable?: boolean;
 }
 /**
@@ -1443,6 +1447,7 @@ interface DropdownInputs {
  * - Searchable input to filter options
  * - Keyboard navigation support
  * - Optional label with help icon
+ * - Optional multiple selection with removable chips
  * - Multiple states (default, focused, error, etc.)
  *
  * @example
@@ -1474,7 +1479,7 @@ interface DropdownInputs {
  * </lib-dropdown>
  * ```
  */
-declare class DropdownComponent implements ControlValueAccessor, OnInit {
+declare class DropdownComponent implements ControlValueAccessor, OnInit, OnChanges {
     label?: string;
     inputId?: string;
     labelType: 'none' | 'required' | 'optional';
@@ -1486,7 +1491,10 @@ declare class DropdownComponent implements ControlValueAccessor, OnInit {
     disabled: boolean;
     ariaLabel?: string;
     searchable: boolean;
+    multiple: boolean;
+    selectedValues: string[];
     valueChange: EventEmitter<string>;
+    selectedValuesChange: EventEmitter<string[]>;
     helpIconClick: EventEmitter<void>;
     dropdownInput?: FieldComponent;
     dropdownMenuItems?: ElementRef;
@@ -1500,14 +1508,29 @@ declare class DropdownComponent implements ControlValueAccessor, OnInit {
     private onChange;
     private onTouched;
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     /**
      * Gets the display text for the selected value
      */
     get displayText(): string;
+    /**
+     * Gets options currently selected in multiple mode, preserving selectedValues order.
+     */
+    get selectedOptions(): DropdownOption[];
+    /**
+     * Checks whether an option is currently selected.
+     * @param {DropdownOption} option option to check
+     * @returns {boolean} whether the option is selected
+     */
+    isOptionSelected(option: DropdownOption): boolean;
     /**
      * Toggles dropdown open/closed state
      */
     toggleDropdown(): void;
+    /**
+     * Focuses the inner input before toggling so keyboard navigation works after mouse opens.
+     */
+    onFieldClick(): void;
     /**
      * Handles input changes for search functionality
      */
@@ -1516,6 +1539,14 @@ declare class DropdownComponent implements ControlValueAccessor, OnInit {
      * Filters options based on search text
      */
     filterOptions(): void;
+    /**
+     * Updates filtered options based on search text and current multiple selection.
+     */
+    private updateFilteredOptions;
+    /**
+     * Clears search text and resets the filtered options.
+     */
+    private resetSearch;
     /**
      * Scrolls the highlighted item into view
      */
@@ -1524,6 +1555,14 @@ declare class DropdownComponent implements ControlValueAccessor, OnInit {
      * Selects an option from the dropdown
      */
     selectOption(option: DropdownOption): void;
+    /**
+     * Removes a selected value in multiple mode.
+     */
+    removeSelectedOption(value: string, event?: MouseEvent): void;
+    /**
+     * Emits the current multiple selection through Angular forms and component output.
+     */
+    private emitSelectedValues;
     /**
      * Handles keyboard navigation
      */
@@ -1540,12 +1579,12 @@ declare class DropdownComponent implements ControlValueAccessor, OnInit {
      * Closes dropdown when clicking outside
      */
     onDocumentClick(event: MouseEvent): void;
-    writeValue(value: string): void;
-    registerOnChange(fn: (value: string) => void): void;
+    writeValue(value: string | string[] | null): void;
+    registerOnChange(fn: (value: string | 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>;
+    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; }; "multiple": { "alias": "multiple"; "required": false; }; "selectedValues": { "alias": "selectedValues"; "required": false; }; }, { "valueChange": "valueChange"; "selectedValuesChange": "selectedValuesChange"; "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, PostTabComponent, PreTabComponent, RadioButtonComponent, SnackbarComponent, SnackbarService, SsSearchBarComponent, StatusButtonComponent, TabBarComponent, TabItemComponent, defaultOidcBaseUri, defaultOidcDefaultIdp, getUserStatusFromRoles, isAdvancedSearchExternalFieldOption, isAdvancedSearchFieldOption, isAdvancedSearchLocalFieldOption, isSearchScope };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@byuhbll/components",
-  "version": "7.3.3",
+  "version": "7.4.0",
   "peerDependencies": {
     "@angular/common": "^20.3.15",
     "@angular/core": "^20.3.15"