@ohioepa/oepa-ui-lib 2.0.18 → 2.0.20

package/lib/action-btn/action-btn.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { ElementRef, EventEmitter, QueryList } from '@angular/core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { OepaAction } from './oepa-action';
 import { OepaActionEvent } from './oepa-action-event';
@@ -9,6 +9,7 @@ import * as i0 from "@angular/core";
 export declare class ActionBtnComponent {
     private sanitizer;
     busy: boolean;
+    actionMenuItems: QueryList<ElementRef<HTMLAnchorElement>>;
     /** Emits true when dropdown opens, false when closes */
     dropdownOpenChange: EventEmitter<boolean>;
     /** Button label */
@@ -33,6 +34,10 @@ export declare class ActionBtnComponent {
     getID(): string;
     dropdownOpened(): void;
     dropdownClosed(): void;
+    onToggleKeydown(event: KeyboardEvent): void;
+    onMenuKeydown(event: KeyboardEvent): void;
+    private getMenuItems;
+    private focusFirstOrLastItem;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionBtnComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ActionBtnComponent, "oepa-action-btn", never, { "label": { "alias": "label"; "required": false; }; "btnId": { "alias": "btnId"; "required": false; }; "data": { "alias": "data"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "normalSize": { "alias": "normalSize"; "required": false; }; "dropup": { "alias": "dropup"; "required": false; }; }, { "dropdownOpenChange": "dropdownOpenChange"; "actionClicked": "actionClicked"; }, never, never, false, never>;
 }

package/lib/table/table.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { ElementRef, EventEmitter, OnInit } from '@angular/core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { OepaTable } from './oepa-table';
 import { OepaTableConfig } from './oepa-table-config';
@@ -18,6 +18,7 @@ import { OepaFileUtilService } from '@ohioepa/oepa-common-lib';
 import * as i0 from "@angular/core";
 export declare class TableComponent implements OnInit {
     private sanitizer;
+    private elementRef;
     private tableService;
     private tableExportService;
     private fileUtilService;
@@ -29,7 +30,8 @@ export declare class TableComponent implements OnInit {
     exportVisibleOnly: boolean | undefined;
     /** True if any action dropdown is open */
     isAnyActionDropdownOpen: boolean;
-    actionDropdownOpenChange: EventEmitter<boolean>;
+    /** Dynamic spacer height used to avoid clipping inside expansion panels */
+    actionFillerHeight: number;
     dataColumns: Array<OepaTableColumn>;
     hiddenColumns: Array<OepaTableColumn>;
     columnHeaders: Array<string>;
@@ -43,6 +45,7 @@ export declare class TableComponent implements OnInit {
     currentPage: number;
     paginationOn: boolean;
     tableId: string;
+    addActionFiller: boolean;
     set config(conf: OepaTableConfig);
     get config(): OepaTableConfig;
     set complexHeader(hdrs: Array<OepaTableHeader>);
@@ -57,11 +60,12 @@ export declare class TableComponent implements OnInit {
     private resetHeaders;
     /** Called when any oepa-action-btn dropdown open/close changes */
     onDropdownOpenChange(isOpen: boolean): void;
+    private updateDropdownFillerState;
     private initializeHiddenColumns;
     set data(values: Array<OepaTableRow>);
     get data(): Array<OepaTableRow>;
     totalRow: OepaTableRow | undefined;
-    constructor(sanitizer: DomSanitizer, tableService: TableService, tableExportService: TableExportService, fileUtilService: OepaFileUtilService);
+    constructor(sanitizer: DomSanitizer, elementRef: ElementRef<HTMLElement>, tableService: TableService, tableExportService: TableExportService, fileUtilService: OepaFileUtilService);
     ngOnInit(): void;
     private extractInnerColumns;
     private extractColumnHeaders;
@@ -145,5 +149,5 @@ export declare class TableComponent implements OnInit {
     exportToHTML(): void;
     onCustomBtnClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "oepa-table", never, { "tableId": { "alias": "tableId"; "required": false; }; "config": { "alias": "config"; "required": false; }; "complexHeader": { "alias": "complexHeader"; "required": false; }; "header": { "alias": "header"; "required": false; }; "customBtnLabel": { "alias": "customBtnLabel"; "required": false; }; "customBtnVisible": { "alias": "customBtnVisible"; "required": false; }; "customBtnEnabled": { "alias": "customBtnEnabled"; "required": false; }; "data": { "alias": "data"; "required": false; }; "totalRow": { "alias": "totalRow"; "required": false; }; }, { "actionDropdownOpenChange": "actionDropdownOpenChange"; "cellClicked": "cellClicked"; "actionClicked": "actionClicked"; "rowSelected": "rowSelected"; "customBtnClicked": "customBtnClicked"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "oepa-table", never, { "tableId": { "alias": "tableId"; "required": false; }; "addActionFiller": { "alias": "addActionFiller"; "required": false; }; "config": { "alias": "config"; "required": false; }; "complexHeader": { "alias": "complexHeader"; "required": false; }; "header": { "alias": "header"; "required": false; }; "customBtnLabel": { "alias": "customBtnLabel"; "required": false; }; "customBtnVisible": { "alias": "customBtnVisible"; "required": false; }; "customBtnEnabled": { "alias": "customBtnEnabled"; "required": false; }; "data": { "alias": "data"; "required": false; }; "totalRow": { "alias": "totalRow"; "required": false; }; }, { "cellClicked": "cellClicked"; "actionClicked": "actionClicked"; "rowSelected": "rowSelected"; "customBtnClicked": "customBtnClicked"; }, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ohioepa/oepa-ui-lib",
-  "version": "2.0.18",
+  "version": "2.0.20",
   "peerDependencies": {
     "@angular/common": "^18.2.13",
     "@angular/core": "^18.2.13"