@rangertechnologies/fusion-ui 0.1.6 → 0.1.8
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/package.json
CHANGED
package/styles/tabs.css
ADDED
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
/* MR 09NOV26 Standardize tabs and sub-tabs to modern underline indicator specification */
|
|
2
|
+
|
|
3
|
+
/* ==========================================================================
|
|
4
|
+
Main Navigation Tabs (.fc-tabs / .nav-tabs)
|
|
5
|
+
========================================================================== */
|
|
6
|
+
|
|
7
|
+
.nav-tabs,
|
|
8
|
+
.fc-tabs {
|
|
9
|
+
display: flex;
|
|
10
|
+
flex-wrap: nowrap;
|
|
11
|
+
border-bottom: 1px solid var(--border-color, #E2E8F0);
|
|
12
|
+
gap: 4px;
|
|
13
|
+
list-style: none;
|
|
14
|
+
padding: 0;
|
|
15
|
+
margin: 0;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.nav-tabs .nav-link,
|
|
19
|
+
.fc-tabs .nav-link {
|
|
20
|
+
background-color: transparent;
|
|
21
|
+
border: none;
|
|
22
|
+
border-bottom: 3.5px solid transparent;
|
|
23
|
+
margin-bottom: -1px; /* Sits flush on top of the 1px container border */
|
|
24
|
+
font-size: var(--fs-normal, 14px);
|
|
25
|
+
font-weight: var(--fw-500, 500);
|
|
26
|
+
color: var(--label-text-color, #475569);
|
|
27
|
+
padding: 10px 18px;
|
|
28
|
+
display: inline-flex;
|
|
29
|
+
align-items: center;
|
|
30
|
+
gap: 6px;
|
|
31
|
+
cursor: pointer;
|
|
32
|
+
transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.nav-tabs .nav-link:hover,
|
|
36
|
+
.fc-tabs .nav-link:hover {
|
|
37
|
+
color: var(--fc-text-color-dark, #0F172A);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.nav-tabs .nav-link.active,
|
|
41
|
+
.fc-tabs .nav-link.active {
|
|
42
|
+
color: var(--fc-primary-color, #0140C1);
|
|
43
|
+
font-weight: var(--fw-600, 600);
|
|
44
|
+
border-bottom: 3.5px solid var(--fc-primary-color, #0140C1);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
/* ==========================================================================
|
|
48
|
+
Secondary Sub-Tabs (.sub-nav-head / .sub-nav)
|
|
49
|
+
========================================================================== */
|
|
50
|
+
|
|
51
|
+
.sub-nav-head {
|
|
52
|
+
display: flex;
|
|
53
|
+
flex-wrap: nowrap;
|
|
54
|
+
overflow-x: auto;
|
|
55
|
+
border-bottom: 1px solid var(--border-color, #E2E8F0);
|
|
56
|
+
gap: 4px;
|
|
57
|
+
list-style: none;
|
|
58
|
+
padding: 0;
|
|
59
|
+
margin: 0;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.sub-nav {
|
|
63
|
+
background: transparent;
|
|
64
|
+
border: none;
|
|
65
|
+
border-bottom: 3.5px solid transparent;
|
|
66
|
+
margin-bottom: -1px;
|
|
67
|
+
padding: 8px 16px;
|
|
68
|
+
font-size: var(--fs-normal, 14px);
|
|
69
|
+
font-weight: var(--fw-500, 500);
|
|
70
|
+
color: var(--label-text-color, #475569);
|
|
71
|
+
cursor: pointer;
|
|
72
|
+
display: inline-flex;
|
|
73
|
+
align-items: center;
|
|
74
|
+
gap: 6px;
|
|
75
|
+
transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.sub-nav:hover {
|
|
79
|
+
color: var(--fc-text-color-dark, #0F172A);
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.sub-nav.active {
|
|
83
|
+
color: var(--fc-primary-color, #0140C1);
|
|
84
|
+
font-weight: var(--fw-600, 600);
|
|
85
|
+
border-bottom: 3.5px solid var(--fc-primary-color, #0140C1);
|
|
86
|
+
}
|
|
87
|
+
|
|
@@ -1109,7 +1109,9 @@ export declare class DataTableComponent implements OnInit {
|
|
|
1109
1109
|
set filterColumns(val: any);
|
|
1110
1110
|
get filterColumns(): Array<any>;
|
|
1111
1111
|
tableSaveButton: boolean;
|
|
1112
|
-
|
|
1112
|
+
private _stickyColumn;
|
|
1113
|
+
set stickyColumn(val: boolean | Array<any>);
|
|
1114
|
+
get stickyColumn(): boolean | Array<any>;
|
|
1113
1115
|
tableWidth: string;
|
|
1114
1116
|
actionColumHeader: string;
|
|
1115
1117
|
multipleFilter: any;
|
|
@@ -1174,6 +1176,7 @@ export declare class DataTableComponent implements OnInit {
|
|
|
1174
1176
|
set saveLOP(val: boolean);
|
|
1175
1177
|
get saveLOP(): boolean;
|
|
1176
1178
|
isAttendanceTable: boolean;
|
|
1179
|
+
isLoading: boolean;
|
|
1177
1180
|
dateEmit: EventEmitter<any>;
|
|
1178
1181
|
selectedValues: EventEmitter<any[]>;
|
|
1179
1182
|
tableRowClick: EventEmitter<any>;
|
|
@@ -1264,7 +1267,8 @@ export declare class DataTableComponent implements OnInit {
|
|
|
1264
1267
|
infoData: any;
|
|
1265
1268
|
infoSidescreen: boolean;
|
|
1266
1269
|
prevSearch: any;
|
|
1267
|
-
|
|
1270
|
+
loaderLoadingStates: Record<string, string[]>;
|
|
1271
|
+
get isTableLoading(): boolean;
|
|
1268
1272
|
activeColumn: string | null;
|
|
1269
1273
|
private scrollSubscription;
|
|
1270
1274
|
tablePageSubscription: Subscription;
|
|
@@ -1655,6 +1659,10 @@ export declare class DataTableComponent implements OnInit {
|
|
|
1655
1659
|
"alias": "isAttendanceTable";
|
|
1656
1660
|
"required": false;
|
|
1657
1661
|
};
|
|
1662
|
+
"isLoading": {
|
|
1663
|
+
"alias": "isLoading";
|
|
1664
|
+
"required": false;
|
|
1665
|
+
};
|
|
1658
1666
|
"exportButtonLoadingSpinner": {
|
|
1659
1667
|
"alias": "exportButtonLoadingSpinner";
|
|
1660
1668
|
"required": false;
|