@fovestta2/web-angular 1.0.21 → 1.0.22

package/lib/fv-dropdown/fv-dropdown.component.d.ts

@@ -6,11 +6,22 @@ export interface DropdownOption {
     label: string;
     value: string | number;
 }
+export interface DropdownGroup {
+    label: string;
+    items: DropdownOption[];
+}
+export interface DropdownViewItem {
+    isGroupLabel: boolean;
+    label: string;
+    value?: string | number;
+    option?: DropdownOption;
+    isChild?: boolean;
+}
 export declare class FvDropdownComponent implements OnInit, OnDestroy, OnChanges {
     private el;
     label: string;
     placeholder: string;
-    options: DropdownOption[];
+    options: (DropdownOption | DropdownGroup)[];
     schema: ValidationSchema;
     control: FormControl;
     disabled: boolean;
@@ -22,7 +33,7 @@ export declare class FvDropdownComponent implements OnInit, OnDestroy, OnChanges
     isOpen: boolean;
     private subscription?;
     searchControl: FormControl<string | null>;
-    filteredOptions: DropdownOption[];
+    filteredOptions: DropdownViewItem[];
     highlightedIndex: number;
     constructor(el: ElementRef);
     ngOnInit(): void;
@@ -30,20 +41,23 @@ export declare class FvDropdownComponent implements OnInit, OnDestroy, OnChanges
     ngOnChanges(changes: SimpleChanges): void;
     private validateValue;
     filterOptions(term: string): void;
+    private generateViewItems;
+    private isGroup;
+    private findOption;
     toggleDropdown(): void;
     openDropdown(): void;
     onContainerClick(event: MouseEvent): void;
     closeDropdown(): void;
-    selectOption(option: DropdownOption): void;
+    selectOption(viewItem: DropdownViewItem): void;
     onKeyDown(event: KeyboardEvent): void;
+    private moveHighlight;
     private scrollToHighlighted;
     onBlur(): void;
     onClickOutside(event: MouseEvent): void;
     onInputFocus(): void;
     isRequired(): boolean;
     getErrorMessage(): string;
-    getSelectedLabel(): string;
-    isSelected(option: DropdownOption): boolean;
+    isSelected(viewItem: DropdownViewItem): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FvDropdownComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FvDropdownComponent, "fv-dropdown", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "options": { "alias": "options"; "required": false; }; "schema": { "alias": "schema"; "required": false; }; "control": { "alias": "control"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; "blur": "blur"; "focus": "focus"; }, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fovestta2/web-angular",
-  "version": "1.0.21",
+  "version": "1.0.22",
   "description": "Angular UI controls for Fovestta",
   "peerDependencies": {
     "@angular/common": "^18.0.0",

package/public-api.d.ts

@@ -5,7 +5,7 @@ export * from './lib/fv-month-year-field/fv-month-year-field.component';
 export * from './lib/fv-number-field/fv-number-field.component';
 export * from './lib/fv-checkbox/fv-checkbox.component';
 export { FvRadioGroupComponent, type RadioOption, } from './lib/fv-radio-group/fv-radio-group.component';
-export { FvDropdownComponent, type DropdownOption, } from './lib/fv-dropdown/fv-dropdown.component';
+export { FvDropdownComponent, type DropdownOption, type DropdownGroup, } from './lib/fv-dropdown/fv-dropdown.component';
 export { FvFileSelectorComponent, type FileInfo, } from './lib/fv-file-selector/fv-file-selector.component';
 export { FvImageSelectorComponent, type ImageInfo, } from './lib/fv-image-selector/fv-image-selector.component';
 export * from './lib/fv-rich-text-editor/fv-rich-text-editor.component';