@dev-tcloud/tcloud-ui 6.17.0 → 6.19.0-beta.1

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.
@@ -9,6 +9,9 @@ export declare class TCloudUiPaginationComponent implements OnInit {
9
9
  private _currentPage;
10
10
  set currentPage(value: number);
11
11
  get currentPage(): number;
12
+ private _enableLoadOnDemand;
13
+ set enableLoadOnDemand(value: boolean);
14
+ get enableLoadOnDemand(): boolean;
12
15
  private _tcloudUiPaginationService;
13
16
  private _changeDetectorRef;
14
17
  private _lastTotalPages;
@@ -22,5 +25,5 @@ export declare class TCloudUiPaginationComponent implements OnInit {
22
25
  goToPage(event: Event): void;
23
26
  formatPage(page: number): string;
24
27
  static ɵfac: i0.ɵɵFactoryDeclaration<TCloudUiPaginationComponent, never>;
25
- static ɵcmp: i0.ɵɵComponentDeclaration<TCloudUiPaginationComponent, "tcloud-ui-pagination", never, { "id": { "alias": "id"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; }, { "pageChange": "pageChange"; }, never, never, true, never>;
28
+ static ɵcmp: i0.ɵɵComponentDeclaration<TCloudUiPaginationComponent, "tcloud-ui-pagination", never, { "id": { "alias": "id"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "enableLoadOnDemand": { "alias": "enableLoadOnDemand"; "required": false; }; }, { "pageChange": "pageChange"; }, never, never, true, never>;
26
29
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dev-tcloud/tcloud-ui",
3
- "version": "6.17.0",
3
+ "version": "6.19.0-beta.1",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^19.2.14",
6
6
  "@angular/core": "^19.2.14"
@@ -0,0 +1,95 @@
1
+ @use 'sass:map';
2
+
3
+ .tcloud-ui-table
4
+ {
5
+ width: 100%;
6
+ border-collapse: separate;
7
+ border-spacing: 0;
8
+
9
+ $radius-table: 0.5rem;
10
+
11
+ thead
12
+ {
13
+ th
14
+ {
15
+ padding: var(--size-8);
16
+ box-sizing: border-box;
17
+ background-color: var(--c-neutral-100);
18
+ border-top: 1px solid var(--c-neutral-400);
19
+ border-bottom: 1px solid var(--c-neutral-400);
20
+ color: var(--c-neutral-700);
21
+ font-weight: var(--f-weight-700);
22
+ font-size: var(--f-size-16);
23
+
24
+ &.center
25
+ {
26
+ text-align: center;
27
+ }
28
+
29
+ &.right
30
+ {
31
+ text-align: right;
32
+ }
33
+
34
+ &:last-child {
35
+ border-radius: 0 $radius-table 0 0;
36
+ border-right: 1px solid var(--c-neutral-400);
37
+ }
38
+ &:first-child {
39
+ border-radius: $radius-table 0 0 0;
40
+ border-left: 1px solid var(--c-neutral-400);
41
+ }
42
+ }
43
+ }
44
+
45
+ tbody
46
+ {
47
+ tr
48
+ {
49
+ background-color: transparent;
50
+
51
+ td
52
+ {
53
+ padding: var(--size-8);
54
+ box-sizing: border-box;
55
+ background-color: transparent;
56
+ border-bottom: 1px solid var(--c-neutral-400);
57
+ color: var(--c-neutral-700);
58
+ font-size: var(--f-size-16);
59
+
60
+ &:first-child
61
+ {
62
+ border-left: 1px solid var(--c-neutral-400);
63
+ }
64
+
65
+ &:last-child
66
+ {
67
+ border-right: 1px solid var(--c-neutral-400);
68
+ }
69
+
70
+ &.center
71
+ {
72
+ text-align: center;
73
+ }
74
+
75
+ &.right
76
+ {
77
+ text-align: right;
78
+ }
79
+ }
80
+
81
+ &:last-child
82
+ {
83
+ td:first-child
84
+ {
85
+ border-radius: 0 0 0 $radius-table;
86
+ }
87
+
88
+ td:last-child
89
+ {
90
+ border-radius: 0 0 $radius-table 0;
91
+ }
92
+ }
93
+ }
94
+ }
95
+ }
@@ -5,7 +5,7 @@
5
5
  @use './tc-rev-sizes';
6
6
  @use './tc-rev-typography';
7
7
  @use './components/tc-rev-ag-grid-table';
8
- @use './components/tc-rev-table';
8
+ @use './components/tcloud-ui-table';
9
9
  @use './components/tc-rev-button';
10
10
  @use './components/tc-rev-checkbox';
11
11
  @use './components/tc-rev-input-control';
@@ -1,57 +0,0 @@
1
- @use 'sass:map';
2
-
3
- .tc-rev-table
4
- {
5
- width: 100%;
6
-
7
- thead
8
- {
9
- th
10
- {
11
- padding: 1rem;
12
- box-sizing: border-box;
13
- background-color: #F2F6F9;
14
- border-bottom: 1px solid var(--c-neutral-400);
15
-
16
- &.center
17
- {
18
- text-align: center;
19
- }
20
-
21
- &.right
22
- {
23
- text-align: right;
24
- }
25
-
26
- $radius-table: 0.5rem;
27
- &:last-child { border-radius: 0 $radius-table 0 0; }
28
- &:first-child { border-radius: $radius-table 0 0 0; }
29
- }
30
- }
31
-
32
- tbody
33
- {
34
- tr
35
- {
36
- background-color: transparent;
37
-
38
- td
39
- {
40
- padding: 0.5625rem 1rem;
41
- box-sizing: border-box;
42
- background-color: transparent;
43
- border-bottom: 1px solid var(--c-neutral-400);
44
-
45
- &.center
46
- {
47
- text-align: center;
48
- }
49
-
50
- &.right
51
- {
52
- text-align: right;
53
- }
54
- }
55
- }
56
- }
57
- }