@acontplus/ng-components 1.3.0 → 1.3.1

package/index.d.ts

@@ -544,6 +544,17 @@ type ButtonType = 'button' | 'submit' | 'reset';
 type ButtonVariant = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark';
 type MaterialButtonStyle = 'text' | 'elevated' | 'outlined' | 'filled' | 'tonal' | 'icon' | 'fab' | 'mini-fab' | 'extended-fab';
 
+declare enum REPORT_FORMAT {
+    PDF = "pdf",
+    EXCEL = "excel",
+    WORD = "word",
+    IMAGE = "image",
+    XML = "xml",
+    CSV = "csv",
+    MHTML = "mhtml",
+    HTML = "html"
+}
+
 declare class Button {
     variant: _angular_core.InputSignal<ButtonVariant>;
     text: _angular_core.InputSignal<string>;
@@ -552,6 +563,7 @@ declare class Button {
     type: _angular_core.InputSignal<ButtonType>;
     matStyle: _angular_core.InputSignal<MaterialButtonStyle>;
     customClass: _angular_core.InputSignal<string | undefined>;
+    reportFormat: _angular_core.InputSignal<REPORT_FORMAT | undefined>;
     extended: _angular_core.InputSignal<boolean>;
     title: _angular_core.InputSignal<string>;
     ariaLabel: _angular_core.InputSignal<string>;
@@ -561,10 +573,37 @@ declare class Button {
     tabIndex: _angular_core.InputSignal<number>;
     testId: _angular_core.InputSignal<string>;
     handleClick: _angular_core.OutputEmitterRef<unknown>;
+    /**
+     * Gets the icon to display. If reportFormat is provided and no explicit icon is set,
+     * returns the appropriate icon for the report format.
+     */
+    getIcon(): string;
+    /**
+     * Gets the variant to use. If reportFormat is provided and variant is still 'primary' (default),
+     * returns the appropriate variant for the report format.
+     */
+    getVariant(): ButtonVariant;
+    /**
+     * Gets the title to display. If reportFormat is provided, automatically appends
+     * the format name to the title (e.g., "Export PDF", "Download Excel").
+     */
+    getTitle(): string;
+    /**
+     * Maps report format to appropriate icon
+     */
+    private getReportIcon;
+    /**
+     * Maps report format to appropriate button variant/color
+     */
+    private getReportVariant;
+    /**
+     * Maps report format to human-readable name
+     */
+    private getReportFormatName;
     getButtonClasses(): Record<string, boolean>;
     getDisplayText(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Button, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Button, "acp-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "matStyle": { "alias": "matStyle"; "required": false; "isSignal": true; }; "customClass": { "alias": "customClass"; "required": false; "isSignal": true; }; "extended": { "alias": "extended"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; }, { "handleClick": "handleClick"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Button, "acp-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "matStyle": { "alias": "matStyle"; "required": false; "isSignal": true; }; "customClass": { "alias": "customClass"; "required": false; "isSignal": true; }; "reportFormat": { "alias": "reportFormat"; "required": false; "isSignal": true; }; "extended": { "alias": "extended"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; }, { "handleClick": "handleClick"; }, never, ["*"], true, never>;
 }
 
 declare class Spinner {
@@ -648,34 +687,35 @@ interface TableRow {
 }
 
 declare class Pagination {
-    pageIndex: number;
-    pageSize: number;
-    maxSize: number;
     totalRecords: number;
+    pageSize: number;
+    pageIndex: number;
     pageSizeOptions: number[];
+    hidePageSize: boolean;
+    showPageSizeOptions: boolean;
+    showFirstLastButtons: boolean;
+    disabled: boolean;
     /**
-     * @param pageIndex Current page index (0-based for MatPagination compatibility)
+     * @param pageIndex Current page index (0-based for MatPaginator compatibility)
      * @param pageSize Number of records per page
-     * @param maxSize Maximum number of pages displayed in the pagination control
      * @param totalRecords Total number of records
      * @param pageSizeOptions Available page size options
+     * @param hidePageSize Whether to hide the page size selector
+     * @param showPageSizeOptions Whether to show page size options
+     * @param showFirstLastButtons Whether to show first/last buttons
+     * @param disabled Whether the paginator is disabled
      */
-    constructor(pageIndex?: number, // MatPagination starts at 0
-    pageSize?: number, maxSize?: number, totalRecords?: number, pageSizeOptions?: number[]);
+    constructor(pageIndex?: number, // MatPaginator starts at 0
+    pageSize?: number, totalRecords?: number, pageSizeOptions?: number[], hidePageSize?: boolean, showPageSizeOptions?: boolean, showFirstLastButtons?: boolean, disabled?: boolean);
     /**
      * Calculates the total number of pages.
      */
     getTotalPages(): number;
     /**
-     * Updates the page size and resets the page index to the first page.
-     * @param newPageSize The new page size
-     */
-    updatePageSize(newPageSize: number): void;
-    /**
-     * Updates pagination data based on paginator event.
-     * @param event MatPaginator event
+     * Handles page event similar to Angular Material example.
+     * @param event MatPaginator PageEvent
      */
-    updateFromPaginatorEvent(event: any): void;
+    handlePageEvent(event: PageEvent): void;
 }
 
 declare class DynamicTable<T extends TableRow> implements AfterContentInit, OnChanges, OnInit, OnDestroy {
@@ -993,5 +1033,5 @@ declare class StatusDisplayPipe implements PipeTransform {
     static ɵpipe: _angular_core.ɵɵPipeDeclaration<StatusDisplayPipe, "statusDisplay", true>;
 }
 
-export { AUTOCOMPLETE_WRAPPER_CUSTOMER_CONFIG, AUTOCOMPLETE_WRAPPER_DEFAULT_CONFIG, AUTOCOMPLETE_WRAPPER_LOCAL_CONFIG, AUTOCOMPLETE_WRAPPER_PAGINATED_CONFIG, AUTOCOMPLETE_WRAPPER_PRODUCT_CONFIG, AUTOCOMPLETE_WRAPPER_SIMPLE_CONFIG, AdvancedDialogService, AutocompleteWrapperService, Button, ColumnDefinition, DialogWrapper, DynamicCard, DynamicTable, FieldDefinition, GetTotalPipe, InputChip, OverlayService, Pagination, ReusableAutocompleteComponent, Spinner, StatusDisplayPipe, SvgIcon, TableCellIndex, TabulatorTable, ThemeSwitcher, ThemeToggle, ToUpperCase, UserIcon, createAutocompleteWrapperConfig };
+export { AUTOCOMPLETE_WRAPPER_CUSTOMER_CONFIG, AUTOCOMPLETE_WRAPPER_DEFAULT_CONFIG, AUTOCOMPLETE_WRAPPER_LOCAL_CONFIG, AUTOCOMPLETE_WRAPPER_PAGINATED_CONFIG, AUTOCOMPLETE_WRAPPER_PRODUCT_CONFIG, AUTOCOMPLETE_WRAPPER_SIMPLE_CONFIG, AdvancedDialogService, AutocompleteWrapperService, Button, ColumnDefinition, DialogWrapper, DynamicCard, DynamicTable, FieldDefinition, GetTotalPipe, InputChip, OverlayService, Pagination, REPORT_FORMAT, ReusableAutocompleteComponent, Spinner, StatusDisplayPipe, SvgIcon, TableCellIndex, TabulatorTable, ThemeSwitcher, ThemeToggle, ToUpperCase, UserIcon, createAutocompleteWrapperConfig };
 export type { AutocompleteWrapperActions, AutocompleteWrapperConfig, AutocompleteWrapperEventHandler, AutocompleteWrapperEvents, AutocompleteWrapperFilters, AutocompleteWrapperItem, AutocompleteWrapperItemProperty, AutocompleteWrapperPaginationInfo, AutocompleteWrapperSearchField, AutocompleteWrapperSearchFunction, AutocompleteWrapperSearchMode, AutocompleteWrapperSearchResult, AutocompleteWrapperState, AutocompleteWrapperStockOption, ButtonType, ButtonVariant, ColumnType, ControlType, DateRangeConfig, DialogSize, DialogWrapperConfig, FieldType, MatCustomDialogConfig, MaterialButtonStyle, OptionSearchConfig, ReusableAutocompleteWrapperComponent, TableContext, TableRow, TabulatorColumn, TabulatorConfig, TabulatorEventHandlers, TabulatorTheme };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@acontplus/ng-components",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "Comprehensive Angular Material UI component library featuring dynamic Tabulator tables, theme toggle with dark mode, dialog wrappers, autocomplete components, cards, buttons, icons, input chips, spinners, directives, pipes, and SCSS styling utilities.",
   "peerDependencies": {
-    "@angular/cdk": "^20.2.5",
-    "@angular/common": "^20.3.2",
-    "@angular/core": "^20.3.2",
-    "@angular/material": "^20.2.5",
+    "@angular/cdk": "^20.2.12",
+    "@angular/common": "^20.3.9",
+    "@angular/core": "^20.3.9",
+    "@angular/material": "^20.2.12",
     "tabulator-tables": "^6.3.1"
   },
   "sideEffects": true,