@spectrum-web-components/table 0.37.0 → 0.39.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/README.md +295 -24
- package/custom-elements.json +101 -0
- package/package.json +8 -8
- package/src/Table.d.ts +12 -0
- package/src/Table.dev.js +27 -7
- package/src/Table.dev.js.map +2 -2
- package/src/Table.js +12 -12
- package/src/Table.js.map +3 -3
- package/src/TableCheckboxCell.d.ts +5 -0
- package/src/TableCheckboxCell.dev.js +10 -3
- package/src/TableCheckboxCell.dev.js.map +2 -2
- package/src/TableCheckboxCell.js +3 -2
- package/src/TableCheckboxCell.js.map +3 -3
- package/src/TableHeadCell.dev.js +3 -2
- package/src/TableHeadCell.dev.js.map +2 -2
- package/src/TableHeadCell.js +4 -4
- package/src/TableHeadCell.js.map +3 -3
- package/src/spectrum-config.js +124 -4
- package/src/spectrum-table-body.css.dev.js +9 -9
- package/src/spectrum-table-body.css.dev.js.map +1 -1
- package/src/spectrum-table-body.css.js +11 -11
- package/src/spectrum-table-body.css.js.map +1 -1
- package/src/spectrum-table-cell.css.dev.js +59 -15
- package/src/spectrum-table-cell.css.dev.js.map +2 -2
- package/src/spectrum-table-cell.css.js +61 -17
- package/src/spectrum-table-cell.css.js.map +2 -2
- package/src/spectrum-table-checkbox-cell.css.dev.js +101 -3
- package/src/spectrum-table-checkbox-cell.css.dev.js.map +2 -2
- package/src/spectrum-table-checkbox-cell.css.js +103 -5
- package/src/spectrum-table-checkbox-cell.css.js.map +2 -2
- package/src/spectrum-table-head-cell.css.dev.js +102 -32
- package/src/spectrum-table-head-cell.css.dev.js.map +2 -2
- package/src/spectrum-table-head-cell.css.js +104 -34
- package/src/spectrum-table-head-cell.css.js.map +2 -2
- package/src/spectrum-table-head.css.dev.js +1 -1
- package/src/spectrum-table-head.css.dev.js.map +1 -1
- package/src/spectrum-table-head.css.js +1 -1
- package/src/spectrum-table-head.css.js.map +1 -1
- package/src/spectrum-table-row.css.dev.js +199 -27
- package/src/spectrum-table-row.css.dev.js.map +2 -2
- package/src/spectrum-table-row.css.js +201 -29
- package/src/spectrum-table-row.css.js.map +2 -2
- package/src/spectrum-table.css.dev.js +247 -325
- package/src/spectrum-table.css.dev.js.map +2 -2
- package/src/spectrum-table.css.js +249 -327
- package/src/spectrum-table.css.js.map +2 -2
- package/src/table-body.css.dev.js +17 -9
- package/src/table-body.css.dev.js.map +2 -2
- package/src/table-body.css.js +17 -9
- package/src/table-body.css.js.map +2 -2
- package/src/table-cell.css.dev.js +59 -15
- package/src/table-cell.css.dev.js.map +2 -2
- package/src/table-cell.css.js +61 -17
- package/src/table-cell.css.js.map +2 -2
- package/src/table-checkbox-cell.css.dev.js +101 -3
- package/src/table-checkbox-cell.css.dev.js.map +2 -2
- package/src/table-checkbox-cell.css.js +101 -3
- package/src/table-checkbox-cell.css.js.map +2 -2
- package/src/table-head-cell.css.dev.js +103 -33
- package/src/table-head-cell.css.dev.js.map +2 -2
- package/src/table-head-cell.css.js +105 -35
- package/src/table-head-cell.css.js.map +2 -2
- package/src/table-head.css.dev.js +1 -1
- package/src/table-head.css.dev.js.map +1 -1
- package/src/table-head.css.js +1 -1
- package/src/table-head.css.js.map +1 -1
- package/src/table-row.css.dev.js +199 -27
- package/src/table-row.css.dev.js.map +2 -2
- package/src/table-row.css.js +201 -29
- package/src/table-row.css.js.map +2 -2
- package/src/table.css.dev.js +247 -325
- package/src/table.css.dev.js.map +2 -2
- package/src/table.css.js +249 -327
- package/src/table.css.js.map +2 -2
- package/stories/table-elements.stories.js +40 -4
- package/stories/table-elements.stories.js.map +2 -2
- package/test/helpers.js +18 -0
- package/test/helpers.js.map +7 -0
- package/test/table-selects.test.js +2 -16
- package/test/table-selects.test.js.map +2 -2
- package/test/table.test.js +42 -24
- package/test/table.test.js.map +2 -2
- package/test/virtualized-table-selects.test.js +15 -46
- package/test/virtualized-table-selects.test.js.map +2 -2
- package/test/virtualized-table.test.js +4 -27
- package/test/virtualized-table.test.js.map +2 -2
|
@@ -1,30 +1,202 @@
|
|
|
1
|
-
"use strict";import{css as
|
|
2
|
-
|
|
3
|
-
--
|
|
4
|
-
)
|
|
5
|
-
--
|
|
6
|
-
)
|
|
7
|
-
--
|
|
8
|
-
)}:host(.
|
|
9
|
-
--
|
|
10
|
-
)
|
|
11
|
-
--
|
|
12
|
-
)}:host(:
|
|
13
|
-
--
|
|
14
|
-
)
|
|
15
|
-
--
|
|
16
|
-
)}:host(
|
|
17
|
-
--
|
|
18
|
-
)
|
|
19
|
-
--
|
|
20
|
-
)}:host(
|
|
21
|
-
--
|
|
22
|
-
)}:host(
|
|
23
|
-
--
|
|
24
|
-
)}:host(
|
|
25
|
-
--
|
|
26
|
-
)}:host(
|
|
27
|
-
--
|
|
28
|
-
)}
|
|
29
|
-
|
|
1
|
+
"use strict";import{css as e}from"@spectrum-web-components/base";const r=e`
|
|
2
|
+
@media (forced-colors:active){:host(.focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover) 1px solid}:host(.focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover) 1px solid}:host(:focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover) 1px solid}:host([drop-target]),:host([drop-target]) .spectrum-Table-body,:host([selected]){--highcontrast-table-cell-focus-indicator-color:var(
|
|
3
|
+
--highcontrast-table-selected-row-text-color
|
|
4
|
+
);--highcontrast-table-cell-focus-extra-offset:1px}:host([drop-target]) .spectrum-Table-body .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([drop-target]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([selected]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-selected-row-text-color) 1px solid}}:host(:first-child) .spectrum-Table-body ::slotted(*){border-block-start:var(
|
|
5
|
+
--mod-table-border-width,var(--spectrum-table-border-width)
|
|
6
|
+
) solid var(
|
|
7
|
+
--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color))
|
|
8
|
+
)}:host(:last-child) .spectrum-Table-body ::slotted(*){border-block-end:var(
|
|
9
|
+
--mod-table-border-width,var(--spectrum-table-border-width)
|
|
10
|
+
) solid var(
|
|
11
|
+
--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color))
|
|
12
|
+
)}:host .spectrum-Table-body ::slotted(:first-child){border-inline-start:var(
|
|
13
|
+
--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)
|
|
14
|
+
) solid var(
|
|
15
|
+
--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color))
|
|
16
|
+
)}:host .spectrum-Table-body ::slotted(:last-child){border-inline-end:var(
|
|
17
|
+
--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)
|
|
18
|
+
) solid var(
|
|
19
|
+
--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color))
|
|
20
|
+
)}:host(:first-child) ::slotted(:first-child){border-start-start-radius:var(
|
|
21
|
+
--mod-table-border-radius,var(--spectrum-table-border-radius)
|
|
22
|
+
)}:host(:first-child) ::slotted(:last-child){border-start-end-radius:var(
|
|
23
|
+
--mod-table-border-radius,var(--spectrum-table-border-radius)
|
|
24
|
+
)}:host(:last-child) ::slotted(:first-child){border-end-start-radius:var(
|
|
25
|
+
--mod-table-border-radius,var(--spectrum-table-border-radius)
|
|
26
|
+
)}:host(:last-child) ::slotted(:last-child){border-end-end-radius:var(
|
|
27
|
+
--mod-table-border-radius,var(--spectrum-table-border-radius)
|
|
28
|
+
)}:host{border-block-start:none;cursor:var(--mod-table-cursor-row-default,pointer);position:relative;transition:background-color var(
|
|
29
|
+
--highcontrast-table-transition-duration,var(
|
|
30
|
+
--mod-table-transition-duration,var(--spectrum-table-transition-duration)
|
|
31
|
+
)
|
|
32
|
+
) ease-in-out}:host(:first-child){border-start-end-radius:var(
|
|
33
|
+
--mod-table-border-radius,var(--spectrum-table-border-radius)
|
|
34
|
+
);border-start-start-radius:var(
|
|
35
|
+
--mod-table-border-radius,var(--spectrum-table-border-radius)
|
|
36
|
+
)}:host(:last-child){border-end-end-radius:var(
|
|
37
|
+
--mod-table-border-radius,var(--spectrum-table-border-radius)
|
|
38
|
+
);border-end-start-radius:var(
|
|
39
|
+
--mod-table-border-radius,var(--spectrum-table-border-radius)
|
|
40
|
+
)}:host(:focus){outline:0}:host(.focus-visible),:host(:hover),:host([focused]){--highcontrast-table-row-text-color:var(
|
|
41
|
+
--highcontrast-table-row-text-color-hover
|
|
42
|
+
);--highcontrast-table-icon-color:var(
|
|
43
|
+
--highcontrast-table-row-text-color-hover
|
|
44
|
+
);--spectrum-table-cell-background-color:var(
|
|
45
|
+
--highcontrast-table-row-background-color-hover,var(
|
|
46
|
+
--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)
|
|
47
|
+
)
|
|
48
|
+
)}:host(.focus-visible),:host(:hover),:host([focused]){--highcontrast-table-row-text-color:var(
|
|
49
|
+
--highcontrast-table-row-text-color-hover
|
|
50
|
+
);--highcontrast-table-icon-color:var(
|
|
51
|
+
--highcontrast-table-row-text-color-hover
|
|
52
|
+
);--spectrum-table-cell-background-color:var(
|
|
53
|
+
--highcontrast-table-row-background-color-hover,var(
|
|
54
|
+
--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)
|
|
55
|
+
)
|
|
56
|
+
)}:host(:focus-visible),:host(:hover),:host([focused]){--highcontrast-table-row-text-color:var(
|
|
57
|
+
--highcontrast-table-row-text-color-hover
|
|
58
|
+
);--highcontrast-table-icon-color:var(
|
|
59
|
+
--highcontrast-table-row-text-color-hover
|
|
60
|
+
);--spectrum-table-cell-background-color:var(
|
|
61
|
+
--highcontrast-table-row-background-color-hover,var(
|
|
62
|
+
--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)
|
|
63
|
+
)
|
|
64
|
+
)}:host:active{--highcontrast-table-row-text-color:var(
|
|
65
|
+
--highcontrast-table-row-text-color-hover
|
|
66
|
+
);--highcontrast-table-icon-color:var(
|
|
67
|
+
--highcontrast-table-row-text-color-hover
|
|
68
|
+
);--spectrum-table-cell-background-color:var(
|
|
69
|
+
--highcontrast-table-row-background-color-hover,var(
|
|
70
|
+
--mod-table-row-active-color,var(--spectrum-table-row-active-color)
|
|
71
|
+
)
|
|
72
|
+
)}:host([selected]){--highcontrast-table-row-text-color:var(
|
|
73
|
+
--highcontrast-table-selected-row-text-color
|
|
74
|
+
);--highcontrast-table-icon-color:var(
|
|
75
|
+
--highcontrast-table-selected-row-text-color
|
|
76
|
+
);--spectrum-table-cell-background-color:var(
|
|
77
|
+
--spectrum-table-selected-cell-background-color
|
|
78
|
+
)}:host([selected].focus-visible),:host([selected]:hover),:host([selected][focused]){--highcontrast-table-row-text-color:var(
|
|
79
|
+
--highcontrast-table-selected-row-text-color-focus
|
|
80
|
+
);--highcontrast-table-icon-color:var(
|
|
81
|
+
--highcontrast-table-selected-row-text-color-focus
|
|
82
|
+
);--spectrum-table-cell-background-color:var(
|
|
83
|
+
--spectrum-table-selected-cell-background-color-focus
|
|
84
|
+
)}:host([selected].focus-visible),:host([selected]:hover),:host([selected][focused]){--highcontrast-table-row-text-color:var(
|
|
85
|
+
--highcontrast-table-selected-row-text-color-focus
|
|
86
|
+
);--highcontrast-table-icon-color:var(
|
|
87
|
+
--highcontrast-table-selected-row-text-color-focus
|
|
88
|
+
);--spectrum-table-cell-background-color:var(
|
|
89
|
+
--spectrum-table-selected-cell-background-color-focus
|
|
90
|
+
)}:host([selected]:focus-visible),:host([selected]:hover),:host([selected][focused]){--highcontrast-table-row-text-color:var(
|
|
91
|
+
--highcontrast-table-selected-row-text-color-focus
|
|
92
|
+
);--highcontrast-table-icon-color:var(
|
|
93
|
+
--highcontrast-table-selected-row-text-color-focus
|
|
94
|
+
);--spectrum-table-cell-background-color:var(
|
|
95
|
+
--spectrum-table-selected-cell-background-color-focus
|
|
96
|
+
)}:host([drop-target]),:host([drop-target]) .spectrum-Table-body{--highcontrast-table-row-text-color:var(
|
|
97
|
+
--highcontrast-table-selected-row-text-color
|
|
98
|
+
);--highcontrast-table-icon-color:var(
|
|
99
|
+
--highcontrast-table-selected-row-text-color
|
|
100
|
+
);--spectrum-table-cell-background-color:var(
|
|
101
|
+
--highcontrast-table-selected-row-background-color,var(
|
|
102
|
+
--mod-table-drop-zone-background-color,var(--spectrum-table-drop-zone-background-color)
|
|
103
|
+
)
|
|
104
|
+
)}:host([drop-target]){--mod-table-border-color:var(
|
|
105
|
+
--highcontrast-table-focus-indicator-color,transparent
|
|
106
|
+
);outline-color:var(
|
|
107
|
+
--highcontrast-table-focus-indicator-color,var(
|
|
108
|
+
--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)
|
|
109
|
+
)
|
|
110
|
+
);outline-offset:calc(var(
|
|
111
|
+
--mod-table-focus-indicator-thickness,
|
|
112
|
+
var(--spectrum-table-focus-indicator-thickness)
|
|
113
|
+
)*-1);outline-style:solid;outline-width:var(
|
|
114
|
+
--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness)
|
|
115
|
+
)}:host([drop-target]) ::slotted(*){border-top-color:var(
|
|
116
|
+
--highcontrast-table-focus-indicator-color,var(
|
|
117
|
+
--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)
|
|
118
|
+
)
|
|
119
|
+
)}.spectrum-Table-row--summary{--spectrum-table-cell-background-color:var(
|
|
120
|
+
--highcontrast-table-row-background-color,var(
|
|
121
|
+
--mod-table-summary-row-background-color,var(--spectrum-table-summary-row-background-color)
|
|
122
|
+
)
|
|
123
|
+
)}.spectrum-Table-row--summary ::slotted(*){color:var(
|
|
124
|
+
--highcontrast-table-row-text-color,var(
|
|
125
|
+
--mod-table-summary-row-text-color,var(--spectrum-table-row-text-color)
|
|
126
|
+
)
|
|
127
|
+
);font-family:var(
|
|
128
|
+
--mod-table-summary-row-font-family,var(--spectrum-table-row-font-family)
|
|
129
|
+
);font-size:var(
|
|
130
|
+
--mod-table-summary-row-font-size,var(--spectrum-table-row-font-size)
|
|
131
|
+
);font-style:var(
|
|
132
|
+
--mod-table-summary-row-font-style,var(--spectrum-table-row-font-style)
|
|
133
|
+
);font-weight:var(
|
|
134
|
+
--mod-table-summary-row-font-weight,var(--spectrum-table-summary-row-font-weight)
|
|
135
|
+
);line-height:var(
|
|
136
|
+
--mod-table-summary-row-line-height,var(--spectrum-table-row-line-height)
|
|
137
|
+
)}.spectrum-Table-row--sectionHeader{--spectrum-table-cell-background-color:var(
|
|
138
|
+
--highcontrast-table-section-header-background-color,var(
|
|
139
|
+
--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)
|
|
140
|
+
)
|
|
141
|
+
);cursor:var(--mod-table-cursor-section-header,initial)}.spectrum-Table-row--sectionHeader ::slotted(*){block-size:var(
|
|
142
|
+
--mod-table-section-header-min-height,var(--spectrum-table-section-header-min-height)
|
|
143
|
+
);color:var(
|
|
144
|
+
--highcontrast-table-section-header-text-color,var(
|
|
145
|
+
--mod-table-section-header-text-color,var(--spectrum-table-row-text-color)
|
|
146
|
+
)
|
|
147
|
+
);font-family:var(
|
|
148
|
+
--mod-table-section-header-font-family,var(--spectrum-table-row-font-family)
|
|
149
|
+
);font-size:var(
|
|
150
|
+
--mod-table-section-header-font-size,var(--spectrum-table-row-font-size)
|
|
151
|
+
);font-style:var(
|
|
152
|
+
--mod-table-section-header-font-style,var(--spectrum-table-row-font-style)
|
|
153
|
+
);font-weight:var(
|
|
154
|
+
--mod-table-section-header-font-weight,var(--spectrum-table-section-header-font-weight)
|
|
155
|
+
);line-height:var(
|
|
156
|
+
--mod-table-section-header-line-height,var(--spectrum-table-row-line-height)
|
|
157
|
+
);padding-block-end:calc(var(
|
|
158
|
+
--mod-table-section-header-block-end-spacing,
|
|
159
|
+
var(--spectrum-table-section-header-block-end-spacing)
|
|
160
|
+
) - var(--mod-table-border-width, var(--spectrum-table-border-width)));padding-block-start:calc(var(
|
|
161
|
+
--mod-table-section-header-block-start-spacing,
|
|
162
|
+
var(--spectrum-table-section-header-block-start-spacing)
|
|
163
|
+
) - var(--mod-table-border-width, var(--spectrum-table-border-width)));text-align:start}.spectrum-Table-row--sectionHeader:hover{--highcontrast-table-row-text-color:var(
|
|
164
|
+
--highcontrast-table-section-header-text-color
|
|
165
|
+
);--spectrum-table-cell-background-color:var(
|
|
166
|
+
--highcontrast-table-section-header-background-color,var(
|
|
167
|
+
--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)
|
|
168
|
+
)
|
|
169
|
+
)}:host{display:table-row}:host(:first-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-start:none;border-radius:0}:host(:last-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-end:none;border-radius:0}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:first-child){border-inline-start:none}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:last-child){border-inline-end:none}.spectrum-Table-row--collapsible{--spectrum-table-row-tier:0}:host([data-tier="1"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:1}:host([data-tier="2"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:2}:host([data-tier="3"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:3}:host([data-tier="4"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:4}:host([data-tier="5"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:5}:host([data-tier="6"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:6}.spectrum-Table-row--collapsible .spectrum-Table-checkboxCell{padding-inline-end:0}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-cell--collapsible{padding-inline-start:calc(var(--spectrum-table-row-tier)*var(--spectrum-table-collapsible-tier-indent) + var(
|
|
170
|
+
--mod-table-disclosure-icon-size,
|
|
171
|
+
var(--spectrum-table-disclosure-icon-size)
|
|
172
|
+
) + var(
|
|
173
|
+
--mod-table-collapsible-disclosure-inline-spacing,
|
|
174
|
+
var(--spectrum-table-collapsible-disclosure-inline-spacing)
|
|
175
|
+
)*2)}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-disclosureIcon{display:none}.spectrum-Table-row--collapsible .spectrum-Table-disclosureIcon{margin-block-start:max(0px,calc((var(
|
|
176
|
+
--mod-table-min-row-height,
|
|
177
|
+
var(--spectrum-table-min-row-height)
|
|
178
|
+
) - var(
|
|
179
|
+
--mod-table-disclosure-icon-size,
|
|
180
|
+
var(--spectrum-table-disclosure-icon-size)
|
|
181
|
+
))/2));margin-inline:var(
|
|
182
|
+
--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing)
|
|
183
|
+
)}:host([hidden]) .spectrum-Table-row--collapsible{display:none}.spectrum-Table-row--thumbnail{--table-thumbnail-cell-block-spacing:var(
|
|
184
|
+
--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)
|
|
185
|
+
);--table-thumbnail-inner-content-block-spacing:max(0px,calc((var(
|
|
186
|
+
--mod-table-thumbnail-size,
|
|
187
|
+
var(--spectrum-table-thumbnail-size)
|
|
188
|
+
) - var(
|
|
189
|
+
--mod-table-row-line-height,
|
|
190
|
+
var(--spectrum-table-row-line-height)
|
|
191
|
+
)*var(--mod-table-header-font-size,
|
|
192
|
+
var(--spectrum-table-row-font-size)))/2))}.spectrum-Table-row--thumbnail ::slotted(*){padding-block:calc(var(--table-thumbnail-cell-block-spacing) + var(--table-thumbnail-inner-content-block-spacing))}.spectrum-Table-row--thumbnail .spectrum-Table-cell--thumbnail{padding-block:0}.spectrum-Table-row--thumbnail.spectrum-Table-row--collapsible{--table-thumbnail-inner-minimum-block-spacing:max(0px,calc((var(
|
|
193
|
+
--mod-table-disclosure-icon-size,
|
|
194
|
+
var(--spectrum-table-disclosure-icon-size)
|
|
195
|
+
) - var(
|
|
196
|
+
--mod-table-thumbnail-size,
|
|
197
|
+
var(--spectrum-table-thumbnail-size)
|
|
198
|
+
))/2));--table-thumbnail-cell-block-spacing:max(var(
|
|
199
|
+
--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)
|
|
200
|
+
),var(--table-thumbnail-inner-minimum-block-spacing))}
|
|
201
|
+
`;export default r;
|
|
30
202
|
//# sourceMappingURL=spectrum-table-row.css.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["spectrum-table-row.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([dir=ltr][drop-target]):before{left:0}:host([dir=rtl][drop-target]):before{right:0}:host([dir=ltr][drop-target]):before{right:0}:host([dir=rtl][drop-target]):before{left:0}:host([drop-target]):before{bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host{cursor:pointer;position:relative;transition:background-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host(:focus){outline:0}:host{background-color:var(\n--spectrum-table-m-regular-row-background-color,var(--spectrum-alias-background-color-transparent)\n);border-bottom:1px solid var(\n--spectrum-table-m-regular-border-color,var(--spectrum-alias-border-color-mid)\n)}:host(:hover){background-color:var(\n--spectrum-table-m-regular-row-background-color-hover,var(--spectrum-alias-highlight-hover)\n)}:host(.focus-visible),:host([focused]){background-color:var(\n--spectrum-table-m-regular-row-background-color-hover,var(--spectrum-alias-highlight-hover)\n)}:host(.focus-visible),:host([focused]){background-color:var(\n--spectrum-table-m-regular-row-background-color-hover,var(--spectrum-alias-highlight-hover)\n)}:host(:focus-visible),:host([focused]){background-color:var(\n--spectrum-table-m-regular-row-background-color-hover,var(--spectrum-alias-highlight-hover)\n)}:host:active{background-color:var(\n--spectrum-table-m-regular-row-background-color-down,var(--spectrum-alias-highlight-down)\n)}:host([selected]){background-color:var(\n--spectrum-table-m-regular-row-background-color-selected,var(--spectrum-alias-highlight-selected)\n)}:host([selected]:hover){background-color:var(\n--spectrum-table-m-regular-row-background-color-selected-hover,var(--spectrum-alias-highlight-selected-hover)\n)}:host([selected].focus-visible),:host([selected][focused]){background-color:var(\n--spectrum-table-m-regular-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover)\n)}:host([selected].focus-visible),:host([selected][focused]){background-color:var(\n--spectrum-table-m-regular-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover)\n)}:host([selected]:focus-visible),:host([selected][focused]){background-color:var(\n--spectrum-table-m-regular-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover)\n)}:host([drop-target]):before{background-color:var(--spectrum-alias-highlight-selected);box-shadow:inset 0 0 0 2px var(\n--spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)\n)}\n`;\nexport default styles;"],
|
|
5
|
-
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n@media (forced-colors:active){:host(.focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover) 1px solid}:host(.focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover) 1px solid}:host(:focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover) 1px solid}:host([drop-target]),:host([drop-target]) .spectrum-Table-body,:host([selected]){--highcontrast-table-cell-focus-indicator-color:var(\n--highcontrast-table-selected-row-text-color\n);--highcontrast-table-cell-focus-extra-offset:1px}:host([drop-target]) .spectrum-Table-body .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([drop-target]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([selected]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-selected-row-text-color) 1px solid}}:host(:first-child) .spectrum-Table-body ::slotted(*){border-block-start:var(\n--mod-table-border-width,var(--spectrum-table-border-width)\n) solid var(\n--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color))\n)}:host(:last-child) .spectrum-Table-body ::slotted(*){border-block-end:var(\n--mod-table-border-width,var(--spectrum-table-border-width)\n) solid var(\n--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color))\n)}:host .spectrum-Table-body ::slotted(:first-child){border-inline-start:var(\n--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)\n) solid var(\n--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color))\n)}:host .spectrum-Table-body ::slotted(:last-child){border-inline-end:var(\n--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)\n) solid var(\n--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color))\n)}:host(:first-child) ::slotted(:first-child){border-start-start-radius:var(\n--mod-table-border-radius,var(--spectrum-table-border-radius)\n)}:host(:first-child) ::slotted(:last-child){border-start-end-radius:var(\n--mod-table-border-radius,var(--spectrum-table-border-radius)\n)}:host(:last-child) ::slotted(:first-child){border-end-start-radius:var(\n--mod-table-border-radius,var(--spectrum-table-border-radius)\n)}:host(:last-child) ::slotted(:last-child){border-end-end-radius:var(\n--mod-table-border-radius,var(--spectrum-table-border-radius)\n)}:host{border-block-start:none;cursor:var(--mod-table-cursor-row-default,pointer);position:relative;transition:background-color var(\n--highcontrast-table-transition-duration,var(\n--mod-table-transition-duration,var(--spectrum-table-transition-duration)\n)\n) ease-in-out}:host(:first-child){border-start-end-radius:var(\n--mod-table-border-radius,var(--spectrum-table-border-radius)\n);border-start-start-radius:var(\n--mod-table-border-radius,var(--spectrum-table-border-radius)\n)}:host(:last-child){border-end-end-radius:var(\n--mod-table-border-radius,var(--spectrum-table-border-radius)\n);border-end-start-radius:var(\n--mod-table-border-radius,var(--spectrum-table-border-radius)\n)}:host(:focus){outline:0}:host(.focus-visible),:host(:hover),:host([focused]){--highcontrast-table-row-text-color:var(\n--highcontrast-table-row-text-color-hover\n);--highcontrast-table-icon-color:var(\n--highcontrast-table-row-text-color-hover\n);--spectrum-table-cell-background-color:var(\n--highcontrast-table-row-background-color-hover,var(\n--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)\n)\n)}:host(.focus-visible),:host(:hover),:host([focused]){--highcontrast-table-row-text-color:var(\n--highcontrast-table-row-text-color-hover\n);--highcontrast-table-icon-color:var(\n--highcontrast-table-row-text-color-hover\n);--spectrum-table-cell-background-color:var(\n--highcontrast-table-row-background-color-hover,var(\n--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)\n)\n)}:host(:focus-visible),:host(:hover),:host([focused]){--highcontrast-table-row-text-color:var(\n--highcontrast-table-row-text-color-hover\n);--highcontrast-table-icon-color:var(\n--highcontrast-table-row-text-color-hover\n);--spectrum-table-cell-background-color:var(\n--highcontrast-table-row-background-color-hover,var(\n--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)\n)\n)}:host:active{--highcontrast-table-row-text-color:var(\n--highcontrast-table-row-text-color-hover\n);--highcontrast-table-icon-color:var(\n--highcontrast-table-row-text-color-hover\n);--spectrum-table-cell-background-color:var(\n--highcontrast-table-row-background-color-hover,var(\n--mod-table-row-active-color,var(--spectrum-table-row-active-color)\n)\n)}:host([selected]){--highcontrast-table-row-text-color:var(\n--highcontrast-table-selected-row-text-color\n);--highcontrast-table-icon-color:var(\n--highcontrast-table-selected-row-text-color\n);--spectrum-table-cell-background-color:var(\n--spectrum-table-selected-cell-background-color\n)}:host([selected].focus-visible),:host([selected]:hover),:host([selected][focused]){--highcontrast-table-row-text-color:var(\n--highcontrast-table-selected-row-text-color-focus\n);--highcontrast-table-icon-color:var(\n--highcontrast-table-selected-row-text-color-focus\n);--spectrum-table-cell-background-color:var(\n--spectrum-table-selected-cell-background-color-focus\n)}:host([selected].focus-visible),:host([selected]:hover),:host([selected][focused]){--highcontrast-table-row-text-color:var(\n--highcontrast-table-selected-row-text-color-focus\n);--highcontrast-table-icon-color:var(\n--highcontrast-table-selected-row-text-color-focus\n);--spectrum-table-cell-background-color:var(\n--spectrum-table-selected-cell-background-color-focus\n)}:host([selected]:focus-visible),:host([selected]:hover),:host([selected][focused]){--highcontrast-table-row-text-color:var(\n--highcontrast-table-selected-row-text-color-focus\n);--highcontrast-table-icon-color:var(\n--highcontrast-table-selected-row-text-color-focus\n);--spectrum-table-cell-background-color:var(\n--spectrum-table-selected-cell-background-color-focus\n)}:host([drop-target]),:host([drop-target]) .spectrum-Table-body{--highcontrast-table-row-text-color:var(\n--highcontrast-table-selected-row-text-color\n);--highcontrast-table-icon-color:var(\n--highcontrast-table-selected-row-text-color\n);--spectrum-table-cell-background-color:var(\n--highcontrast-table-selected-row-background-color,var(\n--mod-table-drop-zone-background-color,var(--spectrum-table-drop-zone-background-color)\n)\n)}:host([drop-target]){--mod-table-border-color:var(\n--highcontrast-table-focus-indicator-color,transparent\n);outline-color:var(\n--highcontrast-table-focus-indicator-color,var(\n--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)\n)\n);outline-offset:calc(var(\n--mod-table-focus-indicator-thickness,\nvar(--spectrum-table-focus-indicator-thickness)\n)*-1);outline-style:solid;outline-width:var(\n--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness)\n)}:host([drop-target]) ::slotted(*){border-top-color:var(\n--highcontrast-table-focus-indicator-color,var(\n--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)\n)\n)}.spectrum-Table-row--summary{--spectrum-table-cell-background-color:var(\n--highcontrast-table-row-background-color,var(\n--mod-table-summary-row-background-color,var(--spectrum-table-summary-row-background-color)\n)\n)}.spectrum-Table-row--summary ::slotted(*){color:var(\n--highcontrast-table-row-text-color,var(\n--mod-table-summary-row-text-color,var(--spectrum-table-row-text-color)\n)\n);font-family:var(\n--mod-table-summary-row-font-family,var(--spectrum-table-row-font-family)\n);font-size:var(\n--mod-table-summary-row-font-size,var(--spectrum-table-row-font-size)\n);font-style:var(\n--mod-table-summary-row-font-style,var(--spectrum-table-row-font-style)\n);font-weight:var(\n--mod-table-summary-row-font-weight,var(--spectrum-table-summary-row-font-weight)\n);line-height:var(\n--mod-table-summary-row-line-height,var(--spectrum-table-row-line-height)\n)}.spectrum-Table-row--sectionHeader{--spectrum-table-cell-background-color:var(\n--highcontrast-table-section-header-background-color,var(\n--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)\n)\n);cursor:var(--mod-table-cursor-section-header,initial)}.spectrum-Table-row--sectionHeader ::slotted(*){block-size:var(\n--mod-table-section-header-min-height,var(--spectrum-table-section-header-min-height)\n);color:var(\n--highcontrast-table-section-header-text-color,var(\n--mod-table-section-header-text-color,var(--spectrum-table-row-text-color)\n)\n);font-family:var(\n--mod-table-section-header-font-family,var(--spectrum-table-row-font-family)\n);font-size:var(\n--mod-table-section-header-font-size,var(--spectrum-table-row-font-size)\n);font-style:var(\n--mod-table-section-header-font-style,var(--spectrum-table-row-font-style)\n);font-weight:var(\n--mod-table-section-header-font-weight,var(--spectrum-table-section-header-font-weight)\n);line-height:var(\n--mod-table-section-header-line-height,var(--spectrum-table-row-line-height)\n);padding-block-end:calc(var(\n--mod-table-section-header-block-end-spacing,\nvar(--spectrum-table-section-header-block-end-spacing)\n) - var(--mod-table-border-width, var(--spectrum-table-border-width)));padding-block-start:calc(var(\n--mod-table-section-header-block-start-spacing,\nvar(--spectrum-table-section-header-block-start-spacing)\n) - var(--mod-table-border-width, var(--spectrum-table-border-width)));text-align:start}.spectrum-Table-row--sectionHeader:hover{--highcontrast-table-row-text-color:var(\n--highcontrast-table-section-header-text-color\n);--spectrum-table-cell-background-color:var(\n--highcontrast-table-section-header-background-color,var(\n--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)\n)\n)}:host{display:table-row}:host(:first-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-start:none;border-radius:0}:host(:last-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-end:none;border-radius:0}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:first-child){border-inline-start:none}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:last-child){border-inline-end:none}.spectrum-Table-row--collapsible{--spectrum-table-row-tier:0}:host([data-tier=\"1\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:1}:host([data-tier=\"2\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:2}:host([data-tier=\"3\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:3}:host([data-tier=\"4\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:4}:host([data-tier=\"5\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:5}:host([data-tier=\"6\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:6}.spectrum-Table-row--collapsible .spectrum-Table-checkboxCell{padding-inline-end:0}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-cell--collapsible{padding-inline-start:calc(var(--spectrum-table-row-tier)*var(--spectrum-table-collapsible-tier-indent) + var(\n--mod-table-disclosure-icon-size,\nvar(--spectrum-table-disclosure-icon-size)\n) + var(\n--mod-table-collapsible-disclosure-inline-spacing,\nvar(--spectrum-table-collapsible-disclosure-inline-spacing)\n)*2)}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-disclosureIcon{display:none}.spectrum-Table-row--collapsible .spectrum-Table-disclosureIcon{margin-block-start:max(0px,calc((var(\n--mod-table-min-row-height,\nvar(--spectrum-table-min-row-height)\n) - var(\n--mod-table-disclosure-icon-size,\nvar(--spectrum-table-disclosure-icon-size)\n))/2));margin-inline:var(\n--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing)\n)}:host([hidden]) .spectrum-Table-row--collapsible{display:none}.spectrum-Table-row--thumbnail{--table-thumbnail-cell-block-spacing:var(\n--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)\n);--table-thumbnail-inner-content-block-spacing:max(0px,calc((var(\n--mod-table-thumbnail-size,\nvar(--spectrum-table-thumbnail-size)\n) - var(\n--mod-table-row-line-height,\nvar(--spectrum-table-row-line-height)\n)*var(--mod-table-header-font-size,\nvar(--spectrum-table-row-font-size)))/2))}.spectrum-Table-row--thumbnail ::slotted(*){padding-block:calc(var(--table-thumbnail-cell-block-spacing) + var(--table-thumbnail-inner-content-block-spacing))}.spectrum-Table-row--thumbnail .spectrum-Table-cell--thumbnail{padding-block:0}.spectrum-Table-row--thumbnail.spectrum-Table-row--collapsible{--table-thumbnail-inner-minimum-block-spacing:max(0px,calc((var(\n--mod-table-disclosure-icon-size,\nvar(--spectrum-table-disclosure-icon-size)\n) - var(\n--mod-table-thumbnail-size,\nvar(--spectrum-table-thumbnail-size)\n))/2));--table-thumbnail-cell-block-spacing:max(var(\n--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)\n),var(--table-thumbnail-inner-minimum-block-spacing))}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyMf,eAAeC",
|
|
6
6
|
"names": ["css", "styles"]
|
|
7
7
|
}
|