cats-data-grid 2.0.4 → 2.0.5
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/cats-data-grid.mjs +155 -132
- package/fesm2022/cats-data-grid.mjs.map +1 -1
- package/index.d.ts +3 -2
- package/package.json +1 -1
- package/styles/component/_form.scss +33 -2
package/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { OnChanges, OnInit, EventEmitter, Renderer2, NgZone, ChangeDetectorRef, SimpleChanges } from '@angular/core';
|
|
2
|
+
import { OnChanges, OnInit, ElementRef, EventEmitter, Renderer2, NgZone, ChangeDetectorRef, SimpleChanges } from '@angular/core';
|
|
3
3
|
|
|
4
4
|
declare class CatsDataGridService {
|
|
5
5
|
constructor();
|
|
@@ -34,6 +34,7 @@ declare class CatsDataGridComponent implements OnChanges, OnInit {
|
|
|
34
34
|
private renderer;
|
|
35
35
|
private zone;
|
|
36
36
|
private cd;
|
|
37
|
+
pinMenu: ElementRef;
|
|
37
38
|
tableOptions: any;
|
|
38
39
|
totalRecords: number;
|
|
39
40
|
sortingRequired: boolean;
|
|
@@ -253,7 +254,7 @@ declare class CatsDataGridComponent implements OnChanges, OnInit {
|
|
|
253
254
|
* @returns {void}
|
|
254
255
|
*/
|
|
255
256
|
pinColumn(col: any, index: number, direction: string): void;
|
|
256
|
-
showPinActions(): void;
|
|
257
|
+
showPinActions(event: MouseEvent): void;
|
|
257
258
|
hidePinActions(): void;
|
|
258
259
|
/**
|
|
259
260
|
* @description Updates the horizontal left and right offsets of pinned columns by assigning cumulative widths to each pinned column and resetting non-pinned columns.
|
package/package.json
CHANGED
|
@@ -48,6 +48,37 @@
|
|
|
48
48
|
background-image: url("/images/chevron-right.svg");
|
|
49
49
|
display: block;
|
|
50
50
|
}
|
|
51
|
+
#table_scroll.global::-webkit-scrollbar-button:single-button:vertical:decrement {
|
|
52
|
+
display: block;
|
|
53
|
+
height: rem(55px);
|
|
54
|
+
background:
|
|
55
|
+
url("/images/chevron-up.svg") bottom / rem(15px) no-repeat,
|
|
56
|
+
linear-gradient(
|
|
57
|
+
to bottom,
|
|
58
|
+
rgb(240, 240, 240) 0%,
|
|
59
|
+
rgb(240, 240, 240) 70.5%,
|
|
60
|
+
var(--neutral-200) 70.5%,
|
|
61
|
+
var(--neutral-200) 72.5%,
|
|
62
|
+
var(--neutral-100) 72.5%,
|
|
63
|
+
var(--neutral-100) 100%
|
|
64
|
+
);
|
|
65
|
+
border-top-left-radius: 0;
|
|
66
|
+
border-top-right-radius: 0;
|
|
67
|
+
&:hover {
|
|
68
|
+
background:
|
|
69
|
+
url("/images/chevron-up.svg") bottom / rem(15px) no-repeat,
|
|
70
|
+
linear-gradient(
|
|
71
|
+
to bottom,
|
|
72
|
+
rgb(240, 240, 240) 0%,
|
|
73
|
+
rgb(240, 240, 240) 70.5%,
|
|
74
|
+
var(--neutral-200) 70.5%,
|
|
75
|
+
var(--neutral-200) 72.5%,
|
|
76
|
+
var(--neutral-300) 72.5%,
|
|
77
|
+
var(--neutral-300) 100%
|
|
78
|
+
);
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
|
|
51
82
|
// ---------------- CUSTOM RADIO INPUT START HERE--------
|
|
52
83
|
.radio_option {
|
|
53
84
|
display: flex;
|
|
@@ -209,6 +240,8 @@
|
|
|
209
240
|
.dropdown_list {
|
|
210
241
|
@include border();
|
|
211
242
|
width: 100%;
|
|
243
|
+
max-height: rem(172px);
|
|
244
|
+
overflow: auto;
|
|
212
245
|
position: absolute;
|
|
213
246
|
z-index: 2;
|
|
214
247
|
background: var(--white);
|
|
@@ -216,8 +249,6 @@
|
|
|
216
249
|
top: rem(40px);
|
|
217
250
|
|
|
218
251
|
ul {
|
|
219
|
-
max-height: rem(284px);
|
|
220
|
-
overflow: auto;
|
|
221
252
|
list-style-type: none;
|
|
222
253
|
padding: rem(4px) 0;
|
|
223
254
|
|