@lifecorner/angular-ui-kit 3.14.0 → 3.16.0
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/README.md +2 -1
- package/fesm2022/lifecorner-angular-ui-kit-app-shell.mjs +36 -2
- package/fesm2022/lifecorner-angular-ui-kit-app-shell.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-avatar-group.mjs +2 -1
- package/fesm2022/lifecorner-angular-ui-kit-avatar-group.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-avatar.mjs +23 -5
- package/fesm2022/lifecorner-angular-ui-kit-avatar.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-button.mjs +39 -6
- package/fesm2022/lifecorner-angular-ui-kit-button.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-choice-prompt.mjs +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-choice-prompt.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-confirm-dialog.mjs +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-confirm-dialog.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-copy-field.mjs +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-copy-field.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-empty-state.mjs +42 -5
- package/fesm2022/lifecorner-angular-ui-kit-empty-state.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-header.mjs +21 -3
- package/fesm2022/lifecorner-angular-ui-kit-header.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-icon.mjs +2 -2
- package/fesm2022/lifecorner-angular-ui-kit-icon.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-icons.mjs +26 -2
- package/fesm2022/lifecorner-angular-ui-kit-icons.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-internal-icon-set.mjs +10 -1
- package/fesm2022/lifecorner-angular-ui-kit-internal-icon-set.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-list.mjs +30 -6
- package/fesm2022/lifecorner-angular-ui-kit-list.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-money.mjs +250 -0
- package/fesm2022/lifecorner-angular-ui-kit-money.mjs.map +1 -0
- package/fesm2022/lifecorner-angular-ui-kit-next-step-card.mjs +22 -2
- package/fesm2022/lifecorner-angular-ui-kit-next-step-card.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-page-header.mjs +20 -3
- package/fesm2022/lifecorner-angular-ui-kit-page-header.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-sidenav-placeholder.mjs +2 -2
- package/fesm2022/lifecorner-angular-ui-kit-sidenav-placeholder.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-sidenav.mjs +2 -2
- package/fesm2022/lifecorner-angular-ui-kit-sidenav.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-switch.mjs +21 -4
- package/fesm2022/lifecorner-angular-ui-kit-switch.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit-table.mjs +72 -7
- package/fesm2022/lifecorner-angular-ui-kit-table.mjs.map +1 -1
- package/fesm2022/lifecorner-angular-ui-kit.mjs +1 -0
- package/package.json +5 -1
- package/src/styles/theme-contrast.spec.ts +74 -0
- package/types/lifecorner-angular-ui-kit-app-shell.d.ts +56 -0
- package/types/lifecorner-angular-ui-kit-avatar.d.ts +24 -0
- package/types/lifecorner-angular-ui-kit-button.d.ts +31 -0
- package/types/lifecorner-angular-ui-kit-empty-state.d.ts +38 -0
- package/types/lifecorner-angular-ui-kit-header.d.ts +15 -2
- package/types/lifecorner-angular-ui-kit-icon.d.ts +2 -1
- package/types/lifecorner-angular-ui-kit-icons.d.ts +5 -1
- package/types/lifecorner-angular-ui-kit-list.d.ts +38 -0
- package/types/lifecorner-angular-ui-kit-money.d.ts +150 -0
- package/types/lifecorner-angular-ui-kit-next-step-card.d.ts +26 -0
- package/types/lifecorner-angular-ui-kit-page-header.d.ts +20 -0
- package/types/lifecorner-angular-ui-kit-sidenav-placeholder.d.ts +4 -2
- package/types/lifecorner-angular-ui-kit-sidenav.d.ts +5 -2
- package/types/lifecorner-angular-ui-kit-switch.d.ts +19 -0
- package/types/lifecorner-angular-ui-kit-table.d.ts +42 -1
- package/types/lifecorner-angular-ui-kit.d.ts +1 -0
|
@@ -162,6 +162,9 @@ interface DisplayRow {
|
|
|
162
162
|
* - Composed cells (e.g. avatar + badge + actions)
|
|
163
163
|
* - Hierarchical "tree" rows (grouped / expandable) via `idKey` + `parentKey`
|
|
164
164
|
* - Responsive horizontal scrolling
|
|
165
|
+
* - `clickable` rows: tab stops, Enter/Space emit `rowClick` (3.16)
|
|
166
|
+
* - `caption` as the table's `<caption>`, visible or for screen readers only
|
|
167
|
+
* (`showCaption`, 3.16)
|
|
165
168
|
* - Empty state text for no data
|
|
166
169
|
* - Accessible with proper table semantics
|
|
167
170
|
*
|
|
@@ -198,6 +201,29 @@ export declare class TableComponent {
|
|
|
198
201
|
size: import("@angular/core").InputSignal<TableSize>;
|
|
199
202
|
/** Whether rows should highlight on hover */
|
|
200
203
|
hoverable: import("@angular/core").InputSignal<boolean>;
|
|
204
|
+
/**
|
|
205
|
+
* Rows are interactive (3.16, BA-3): each data row is a tab stop, Enter and
|
|
206
|
+
* Space emit `rowClick` (Space does not scroll the page), pointer and hover
|
|
207
|
+
* as `hoverable`. Clicks and keys on controls inside a row (buttons, links,
|
|
208
|
+
* inputs, switches) stay theirs and emit no `rowClick`. Set it whenever you
|
|
209
|
+
* handle `rowClick`. Tree mode keeps its roving tab stop. A focused row is
|
|
210
|
+
* read by its cells, not as "clickable": let the row open something that
|
|
211
|
+
* announces itself (a dialog, a page).
|
|
212
|
+
* @default false
|
|
213
|
+
*/
|
|
214
|
+
clickable: import("@angular/core").InputSignal<boolean>;
|
|
215
|
+
/**
|
|
216
|
+
* Title of the table, rendered as its `<caption>` (3.16, BA-3), so it also
|
|
217
|
+
* names the table for screen readers. Empty renders no caption.
|
|
218
|
+
* @default ''
|
|
219
|
+
*/
|
|
220
|
+
caption: import("@angular/core").InputSignal<string>;
|
|
221
|
+
/**
|
|
222
|
+
* Show the caption above the table (16 px semibold, 12 px above the table);
|
|
223
|
+
* `false` keeps it for screen readers only.
|
|
224
|
+
* @default true
|
|
225
|
+
*/
|
|
226
|
+
showCaption: import("@angular/core").InputSignal<boolean>;
|
|
201
227
|
/** Whether table should be responsive (horizontal scroll on mobile) */
|
|
202
228
|
responsive: import("@angular/core").InputSignal<boolean>;
|
|
203
229
|
/** Text shown when data is empty */
|
|
@@ -398,7 +424,7 @@ export declare class TableComponent {
|
|
|
398
424
|
protected treeCellLabel(row: Record<string, unknown>): string;
|
|
399
425
|
getCellTemplate(columnKey: string): TableCellDirective | undefined;
|
|
400
426
|
hasCustomTemplate(columnKey: string): boolean;
|
|
401
|
-
onRowClick(row: Record<string, unknown
|
|
427
|
+
onRowClick(row: Record<string, unknown>, event?: Event): void;
|
|
402
428
|
/** Whether the trailing actions column should be rendered */
|
|
403
429
|
protected readonly hasActions: import("@angular/core").Signal<boolean>;
|
|
404
430
|
protected isActionHidden(action: TableAction, row: Record<string, unknown>, rowIndex: number): boolean;
|
|
@@ -469,6 +495,21 @@ export declare class TableComponent {
|
|
|
469
495
|
"required": false;
|
|
470
496
|
"isSignal": true;
|
|
471
497
|
};
|
|
498
|
+
"clickable": {
|
|
499
|
+
"alias": "clickable";
|
|
500
|
+
"required": false;
|
|
501
|
+
"isSignal": true;
|
|
502
|
+
};
|
|
503
|
+
"caption": {
|
|
504
|
+
"alias": "caption";
|
|
505
|
+
"required": false;
|
|
506
|
+
"isSignal": true;
|
|
507
|
+
};
|
|
508
|
+
"showCaption": {
|
|
509
|
+
"alias": "showCaption";
|
|
510
|
+
"required": false;
|
|
511
|
+
"isSignal": true;
|
|
512
|
+
};
|
|
472
513
|
"responsive": {
|
|
473
514
|
"alias": "responsive";
|
|
474
515
|
"required": false;
|
|
@@ -58,6 +58,7 @@ export * from "@lifecorner/angular-ui-kit/toggle-group";
|
|
|
58
58
|
export * from "@lifecorner/angular-ui-kit/list";
|
|
59
59
|
export * from "@lifecorner/angular-ui-kit/chip";
|
|
60
60
|
export * from "@lifecorner/angular-ui-kit/table";
|
|
61
|
+
export * from "@lifecorner/angular-ui-kit/money";
|
|
61
62
|
export * from "@lifecorner/angular-ui-kit/field-group";
|
|
62
63
|
export * from "@lifecorner/angular-ui-kit/stepper";
|
|
63
64
|
export * from "@lifecorner/angular-ui-kit/filter-bar";
|