spiderly 19.9.5 → 19.10.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.
- package/agent/docs/angular-customization/index.md +2 -0
- package/agent/docs/entity-design/references/attributes.generated.md +1 -1
- package/agent/skills/api-keys/SKILL.md +8 -7
- package/agent/skills/spiderly-upgrade/SKILL.md +21 -4
- package/fesm2022/spiderly.mjs +15 -8
- package/fesm2022/spiderly.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/components/spiderly-data-table/spiderly-data-table.component.scss +30 -26
package/package.json
CHANGED
|
@@ -33,7 +33,37 @@
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
+
// Chooser content is teleported into document.body with the open p-popover, so
|
|
37
|
+
// its rules must stay top-level — `:host` nesting dies on teleport (see
|
|
38
|
+
// Angular/CLAUDE.md → overlay styling). Each rule is pinned by a spec assert.
|
|
39
|
+
.column-chooser {
|
|
40
|
+
display: flex;
|
|
41
|
+
flex-direction: column;
|
|
42
|
+
gap: 8px;
|
|
43
|
+
}
|
|
44
|
+
.column-chooser-option {
|
|
45
|
+
display: flex;
|
|
46
|
+
align-items: center;
|
|
47
|
+
gap: 8px;
|
|
48
|
+
cursor: pointer;
|
|
49
|
+
}
|
|
50
|
+
.column-chooser-reset {
|
|
51
|
+
margin-top: 4px;
|
|
52
|
+
padding: 0;
|
|
53
|
+
border: none;
|
|
54
|
+
background: none;
|
|
55
|
+
color: var(--p-primary-color);
|
|
56
|
+
cursor: pointer;
|
|
57
|
+
align-self: flex-start;
|
|
58
|
+
font-size: 0.875rem;
|
|
59
|
+
|
|
60
|
+
&:hover {
|
|
61
|
+
text-decoration: underline;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
|
|
36
65
|
:host {
|
|
66
|
+
// In-template content only — rules for teleported overlay content go at top level (see above).
|
|
37
67
|
// The `.clickable` affordance is shared: clickable rows (navigateOnRowClick) and opt-in cells
|
|
38
68
|
// (Column.onCellClick) both get a pointer cursor; cells additionally underline on hover.
|
|
39
69
|
::ng-deep .clickable {
|
|
@@ -43,32 +73,6 @@
|
|
|
43
73
|
text-decoration: underline;
|
|
44
74
|
}
|
|
45
75
|
|
|
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
76
|
::ng-deep {
|
|
73
77
|
.p-datatable-thead {
|
|
74
78
|
position: unset !important;
|