spiderly 19.9.4 → 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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "spiderly",
3
- "version": "19.9.4",
3
+ "version": "19.10.0",
4
4
  "author": "Filip Trivan",
5
5
  "license": "MIT",
6
6
  "description": "Spiderly Angular Library to use in combination with Spiderly.",
@@ -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;