shirkasoft-ui-components 1.3.1 → 1.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/shirkasoft-ui-components-date-picker.mjs +325 -2
- package/fesm2022/shirkasoft-ui-components-date-picker.mjs.map +1 -1
- package/fesm2022/shirkasoft-ui-components-table.mjs +61 -5
- package/fesm2022/shirkasoft-ui-components-table.mjs.map +1 -1
- package/fesm2022/shirkasoft-ui-components-timeline.mjs +4 -4
- package/fesm2022/shirkasoft-ui-components-timeline.mjs.map +1 -1
- package/package.json +1 -1
- package/types/shirkasoft-ui-components-date-picker.d.ts +92 -1
- package/types/shirkasoft-ui-components-table.d.ts +16 -0
- package/types/shirkasoft-ui-components-timeline.d.ts +2 -2
|
@@ -285,6 +285,22 @@ declare class TableComponent {
|
|
|
285
285
|
onHeaderKeydown(event: KeyboardEvent, col: Column): void;
|
|
286
286
|
/** Accessible aria-sort value for a given column header. */
|
|
287
287
|
getAriaSort(col: Column): 'ascending' | 'descending' | 'none';
|
|
288
|
+
/** Maximum number of row actions shown directly before collapsing into a dropdown. */
|
|
289
|
+
protected readonly MAX_VISIBLE_ACTIONS = 4;
|
|
290
|
+
/** Tracks which row's "more actions" dropdown is currently open (keyed by row identity). */
|
|
291
|
+
actionsDropdownOpen: _angular_core.WritableSignal<Record<string, boolean>>;
|
|
292
|
+
/** Returns the row actions that should be displayed as direct icon buttons. */
|
|
293
|
+
getVisibleRowActions(rowData: any): RowAction[];
|
|
294
|
+
/** Returns the row actions that overflow into the "more" dropdown. */
|
|
295
|
+
getHiddenRowActions(rowData: any): RowAction[];
|
|
296
|
+
/** Toggles the "more actions" dropdown for a given row. */
|
|
297
|
+
toggleActionsDropdown(rowData: any): void;
|
|
298
|
+
/** Whether the "more actions" dropdown is open for a given row. */
|
|
299
|
+
isActionsDropdownOpen(rowData: any): boolean;
|
|
300
|
+
/** Returns a unique key for a row to track dropdown state. */
|
|
301
|
+
private getRowKey;
|
|
302
|
+
/** Closes all open action dropdowns when clicking anywhere on the document. */
|
|
303
|
+
onDocumentClick(): void;
|
|
288
304
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent, never>;
|
|
289
305
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "shk-table", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "rowsPerPage": { "alias": "rowsPerPage"; "required": false; "isSignal": true; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "showActionRow": { "alias": "showActionRow"; "required": false; "isSignal": true; }; "customTemplates": { "alias": "customTemplates"; "required": false; "isSignal": true; }; "headerActions": { "alias": "headerActions"; "required": false; "isSignal": true; }; "rowActions": { "alias": "rowActions"; "required": false; "isSignal": true; }; "hasShadow": { "alias": "hasShadow"; "required": false; "isSignal": true; }; "defaultSortField": { "alias": "defaultSortField"; "required": false; "isSignal": true; }; "defaultSortOrder": { "alias": "defaultSortOrder"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "serverSide": { "alias": "serverSide"; "required": false; "isSignal": true; }; "totalRecords": { "alias": "totalRecords"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "activeFilter": { "alias": "activeFilter"; "required": false; "isSignal": true; }; }, { "refresh": "refresh"; "pageChange": "pageChange"; "filterChange": "filterChange"; "searchChange": "searchChange"; "filterClick": "filterClick"; }, never, never, true, never>;
|
|
290
306
|
}
|
|
@@ -72,7 +72,7 @@ interface TimelineSubItemAction {
|
|
|
72
72
|
isVisible?: (item: TimelineItem, subItem: TimelineSubItem) => boolean;
|
|
73
73
|
isDisabled?: (item: TimelineItem, subItem: TimelineSubItem) => boolean;
|
|
74
74
|
}
|
|
75
|
-
type TimelineAlignment = 'left' | 'alternate';
|
|
75
|
+
type TimelineAlignment = 'left' | 'alternate' | 'split';
|
|
76
76
|
type TimelineMarkerSize = 'sm' | 'md' | 'lg';
|
|
77
77
|
declare const DEFAULT_MARKER_GRADIENTS: string[];
|
|
78
78
|
/** Supplier-type style palette used by the original wac-app timeline. */
|
|
@@ -86,7 +86,7 @@ declare class TimelineComponent {
|
|
|
86
86
|
protected getIcon: (name: any) => any;
|
|
87
87
|
/** Timeline data. */
|
|
88
88
|
items: _angular_core.InputSignal<TimelineItem[]>;
|
|
89
|
-
/** 'left' = line and markers on the left; 'alternate' = cards alternate around a centered line on lg
|
|
89
|
+
/** 'left' = line and markers on the left; 'alternate' = cards alternate around a centered line on lg+; 'split' = markers centered with days on the left and activities on the right. */
|
|
90
90
|
alignment: _angular_core.InputSignal<TimelineAlignment>;
|
|
91
91
|
/** Shows/hides the vertical connector line. */
|
|
92
92
|
showLine: _angular_core.InputSignal<boolean>;
|