spiderly 19.9.5 → 19.10.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/agent/docs/entity-design/references/attributes.generated.md +1 -1
- package/agent/skills/api-keys/SKILL.md +8 -7
- package/fesm2022/spiderly.mjs +2 -2
- package/fesm2022/spiderly.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/components/spiderly-data-table/spiderly-data-table.component.scss +31 -26
package/package.json
CHANGED
|
@@ -33,6 +33,37 @@
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
+
// The chooser lives inside a p-popover that PrimeNG appends to document.body
|
|
37
|
+
// when opened, so these rules must NOT sit under `:host` — the compiled
|
|
38
|
+
// `[_nghost] … [_ngcontent]` descendant selector stops matching once the
|
|
39
|
+
// content leaves the host subtree. Top-level rules keep only the
|
|
40
|
+
// `[_ngcontent]` attribute selector, which travels with the teleported nodes.
|
|
41
|
+
.column-chooser {
|
|
42
|
+
display: flex;
|
|
43
|
+
flex-direction: column;
|
|
44
|
+
gap: 8px;
|
|
45
|
+
}
|
|
46
|
+
.column-chooser-option {
|
|
47
|
+
display: flex;
|
|
48
|
+
align-items: center;
|
|
49
|
+
gap: 8px;
|
|
50
|
+
cursor: pointer;
|
|
51
|
+
}
|
|
52
|
+
.column-chooser-reset {
|
|
53
|
+
margin-top: 4px;
|
|
54
|
+
padding: 0;
|
|
55
|
+
border: none;
|
|
56
|
+
background: none;
|
|
57
|
+
color: var(--p-primary-color);
|
|
58
|
+
cursor: pointer;
|
|
59
|
+
align-self: flex-start;
|
|
60
|
+
font-size: 0.875rem;
|
|
61
|
+
|
|
62
|
+
&:hover {
|
|
63
|
+
text-decoration: underline;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
36
67
|
:host {
|
|
37
68
|
// The `.clickable` affordance is shared: clickable rows (navigateOnRowClick) and opt-in cells
|
|
38
69
|
// (Column.onCellClick) both get a pointer cursor; cells additionally underline on hover.
|
|
@@ -43,32 +74,6 @@
|
|
|
43
74
|
text-decoration: underline;
|
|
44
75
|
}
|
|
45
76
|
|
|
46
|
-
.column-chooser {
|
|
47
|
-
display: flex;
|
|
48
|
-
flex-direction: column;
|
|
49
|
-
gap: 8px;
|
|
50
|
-
}
|
|
51
|
-
.column-chooser-option {
|
|
52
|
-
display: flex;
|
|
53
|
-
align-items: center;
|
|
54
|
-
gap: 8px;
|
|
55
|
-
cursor: pointer;
|
|
56
|
-
}
|
|
57
|
-
.column-chooser-reset {
|
|
58
|
-
margin-top: 4px;
|
|
59
|
-
padding: 0;
|
|
60
|
-
border: none;
|
|
61
|
-
background: none;
|
|
62
|
-
color: var(--p-primary-color);
|
|
63
|
-
cursor: pointer;
|
|
64
|
-
align-self: flex-start;
|
|
65
|
-
font-size: 0.875rem;
|
|
66
|
-
|
|
67
|
-
&:hover {
|
|
68
|
-
text-decoration: underline;
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
|
|
72
77
|
::ng-deep {
|
|
73
78
|
.p-datatable-thead {
|
|
74
79
|
position: unset !important;
|