ryzen-ui 0.2.16 → 0.2.18

package/index.d.ts

@@ -580,6 +580,10 @@ interface ActionDef {
     disabled?: (row: Record<string, unknown>) => boolean;
     click: (row: Record<string, unknown>) => void;
 }
+interface SortMeta {
+    key: string;
+    direction: 'asc' | 'desc' | '';
+}
 interface ColumnDef {
     key: string;
     header: string;
@@ -597,10 +601,17 @@ interface ColumnDef {
     footer?: (rows: Record<string, unknown>[]) => string;
     truncate?: boolean;
     maxChars?: number;
+    hidden?: boolean;
 }
 interface SortChange {
     key: string;
     direction: 'asc' | 'desc' | '';
+    multiSortMeta?: SortMeta[];
+}
+interface RowClickEvent {
+    row: Record<string, unknown>;
+    index: number;
+    event: Event;
 }
 declare class TableComponent {
     readonly columns: _angular_core.InputSignal<ColumnDef[]>;
@@ -625,14 +636,38 @@ declare class TableComponent {
     readonly exportable: _angular_core.InputSignal<boolean>;
     readonly columnToggle: _angular_core.InputSignal<boolean>;
     readonly expandable: _angular_core.InputSignal<boolean>;
+    readonly size: _angular_core.InputSignal<"sm" | "md" | "lg">;
+    readonly showGridlines: _angular_core.InputSignal<boolean>;
+    readonly sortMode: _angular_core.InputSignal<"single" | "multiple">;
+    readonly alwaysShowPaginator: _angular_core.InputSignal<boolean>;
+    readonly showFirstLastIcon: _angular_core.InputSignal<boolean>;
+    readonly currentPageReport: _angular_core.InputSignal<string>;
+    readonly showCurrentPageReport: _angular_core.InputSignal<boolean>;
+    readonly resetPageOnSort: _angular_core.InputSignal<boolean>;
+    readonly metaKeySelection: _angular_core.InputSignal<boolean>;
+    readonly customSort: _angular_core.InputSignal<((a: Record<string, unknown>, b: Record<string, unknown>, key: string, dir: "asc" | "desc") => number) | null>;
+    readonly globalFilterFields: _angular_core.InputSignal<string[] | null>;
+    readonly lazy: _angular_core.InputSignal<boolean>;
+    readonly totalRecords: _angular_core.InputSignal<number>;
+    readonly responsiveLayout: _angular_core.InputSignal<"scroll" | "stack">;
+    readonly groupRowsBy: _angular_core.InputSignal<string>;
+    readonly rowGroupMode: _angular_core.InputSignal<"subheader" | "rowspan" | null>;
+    readonly headerStyle: _angular_core.InputSignal<Record<string, string> | null>;
+    readonly rowStyle: _angular_core.InputSignal<((row: Record<string, unknown>) => Record<string, string>) | null>;
     readonly sortChange: _angular_core.OutputEmitterRef<SortChange>;
     readonly pageChange: _angular_core.OutputEmitterRef<number>;
     readonly selectedRows: _angular_core.OutputEmitterRef<Record<string, unknown>[]>;
+    readonly rowClick: _angular_core.OutputEmitterRef<RowClickEvent>;
+    readonly rowDblClick: _angular_core.OutputEmitterRef<RowClickEvent>;
+    readonly selectAllChange: _angular_core.OutputEmitterRef<boolean>;
+    readonly filterChange: _angular_core.OutputEmitterRef<Record<string, string>>;
+    readonly selection: _angular_core.ModelSignal<Record<string, unknown>[]>;
     rowDetail?: TemplateRef<{
         $implicit: Record<string, unknown>;
     }>;
     private readonly _sortKey;
     private readonly _sortDir;
+    private readonly _multiSortMeta;
     private readonly _searchQuery;
     private readonly _filters;
     protected readonly _page: _angular_core.WritableSignal<number>;
@@ -648,10 +683,16 @@ declare class TableComponent {
     protected readonly _columnToggleOpen: _angular_core.WritableSignal<boolean>;
     protected readonly _exportOpen: _angular_core.WritableSignal<boolean>;
     private _resizing;
+    readonly _tableClass: _angular_core.Signal<string>;
+    readonly _hidePaginator: _angular_core.Signal<boolean>;
     constructor();
     readonly _displayColumns: _angular_core.Signal<ColumnDef[]>;
     readonly _colCount: _angular_core.Signal<number>;
     readonly _filteredRows: _angular_core.Signal<Record<string, unknown>[]>;
+    readonly _groupedRows: _angular_core.Signal<{
+        key: string;
+        rows: Record<string, unknown>[];
+    }[] | null>;
     readonly _displayRows: _angular_core.Signal<Record<string, unknown>[]>;
     readonly _totalPages: _angular_core.Signal<number>;
     readonly _pageInfo: _angular_core.Signal<{
@@ -668,8 +709,11 @@ declare class TableComponent {
     readonly _filterCols: _angular_core.Signal<ColumnDef[]>;
     readonly _footerCols: _angular_core.Signal<ColumnDef[]>;
     readonly _footerText: _angular_core.Signal<string>;
+    readonly _currentPageReportText: _angular_core.Signal<string>;
     _sortIcon(key: string): string;
     _toggleSort(key: string): void;
+    _onRowClick(row: Record<string, unknown>, index: number, event: Event): void;
+    _onRowDblClick(row: Record<string, unknown>, index: number, event: Event): void;
     _onSearch(value: string): void;
     _setFilter(key: string, value: string | null): void;
     _colWidth(col: ColumnDef): string;
@@ -694,7 +738,7 @@ declare class TableComponent {
     _exportPdf(): Promise<void>;
     _trackByIndex(index: number): number;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "app-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "sortable": { "alias": "sortable"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "skeletonRows": { "alias": "skeletonRows"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "pageable": { "alias": "pageable"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selectionKey": { "alias": "selectionKey"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "exportable": { "alias": "exportable"; "required": false; "isSignal": true; }; "columnToggle": { "alias": "columnToggle"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; }, { "sortChange": "sortChange"; "pageChange": "pageChange"; "selectedRows": "selectedRows"; }, ["rowDetail"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "app-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "sortable": { "alias": "sortable"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "skeletonRows": { "alias": "skeletonRows"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "pageable": { "alias": "pageable"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selectionKey": { "alias": "selectionKey"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "exportable": { "alias": "exportable"; "required": false; "isSignal": true; }; "columnToggle": { "alias": "columnToggle"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showGridlines": { "alias": "showGridlines"; "required": false; "isSignal": true; }; "sortMode": { "alias": "sortMode"; "required": false; "isSignal": true; }; "alwaysShowPaginator": { "alias": "alwaysShowPaginator"; "required": false; "isSignal": true; }; "showFirstLastIcon": { "alias": "showFirstLastIcon"; "required": false; "isSignal": true; }; "currentPageReport": { "alias": "currentPageReport"; "required": false; "isSignal": true; }; "showCurrentPageReport": { "alias": "showCurrentPageReport"; "required": false; "isSignal": true; }; "resetPageOnSort": { "alias": "resetPageOnSort"; "required": false; "isSignal": true; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; "isSignal": true; }; "customSort": { "alias": "customSort"; "required": false; "isSignal": true; }; "globalFilterFields": { "alias": "globalFilterFields"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "totalRecords": { "alias": "totalRecords"; "required": false; "isSignal": true; }; "responsiveLayout": { "alias": "responsiveLayout"; "required": false; "isSignal": true; }; "groupRowsBy": { "alias": "groupRowsBy"; "required": false; "isSignal": true; }; "rowGroupMode": { "alias": "rowGroupMode"; "required": false; "isSignal": true; }; "headerStyle": { "alias": "headerStyle"; "required": false; "isSignal": true; }; "rowStyle": { "alias": "rowStyle"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; }, { "sortChange": "sortChange"; "pageChange": "pageChange"; "selectedRows": "selectedRows"; "rowClick": "rowClick"; "rowDblClick": "rowDblClick"; "selectAllChange": "selectAllChange"; "filterChange": "filterChange"; "selection": "selectionChange"; }, ["rowDetail"], never, true, never>;
 }
 
 declare class TooltipComponent {
@@ -1014,4 +1058,4 @@ declare class ModalComponent implements OnDestroy {
 }
 
 export { AccordionComponent, AccordionPanelComponent, AlertComponent, BadgeComponent, BannerSliderComponent, CarouselComponent, CheckboxComponent, ConfirmDialogComponent, DatePickerComponent, DropDownComponent, EmptyStateComponent, FileUploadComponent, ImageUploadComponent, ModalComponent, MultiSelectComponent, NavComponent, PasswordInputComponent, SearchInputComponent, SidebarComponent, SkeletonComponent, SpinnerComponent, THEME_COLORS, TableComponent, TableSkeletonComponent, TextInputComponent, ToastComponent, ToastService, ToggleComponent, TooltipComponent, isThemeColor };
-export type { ActionDef, AlertType, BadgeVariant, BannerItem, CalendarDay, CarouselItem, ColumnDef, ConfirmDialogConfig, DatePickerConfig, DropdownConfig, DropdownOption, FieldSize, ImageFile, ModalConfig, MultiSelectConfig, NavItem, SearchInputAccessor, SearchInputConfig, SearchSize, SidebarItem, SkeletonShape, SkeletonVariant, SortChange, SpinnerVariant, TableSkeletonColumn, ThemeColor, ToastMessage, ToastType, ViewMode };
+export type { ActionDef, AlertType, BadgeVariant, BannerItem, CalendarDay, CarouselItem, ColumnDef, ConfirmDialogConfig, DatePickerConfig, DropdownConfig, DropdownOption, FieldSize, ImageFile, ModalConfig, MultiSelectConfig, NavItem, RowClickEvent, SearchInputAccessor, SearchInputConfig, SearchSize, SidebarItem, SkeletonShape, SkeletonVariant, SortChange, SortMeta, SpinnerVariant, TableSkeletonColumn, ThemeColor, ToastMessage, ToastType, ViewMode };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ryzen-ui",
-  "version": "0.2.16",
+  "version": "0.2.18",
   "description": "Ryzen UI — standalone Angular component library built with signals, OnPush, and pure CSS with oklch theming",
   "keywords": [
     "angular",