@fusion.dev/helix 0.149.1 → 0.151.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/custom-elements.json +1554 -33
- package/dist/announcement/root/announcement-root.css.js +6 -1
- package/dist/area-chart/root/area-chart-root.css.js +2 -1
- package/dist/bar-chart/root/bar-chart-root.css.js +3 -1
- package/dist/chat/composer/chat-composer.css.js +2 -1
- package/dist/data-table/root/data-table-root.d.ts +2 -0
- package/dist/divider/root/divider-root.css.js +1 -1
- package/dist/element-events.generated.js +5 -1
- package/dist/line-chart/root/line-chart-root.css.js +2 -1
- package/dist/option/root/option-root.css.js +2 -1
- package/dist/orb/root/orb-root.js +10 -5
- package/dist/progress/root/progress-root.css.js +1 -1
- package/dist/sandbox/root/sandbox-root.d.ts +26 -0
- package/dist/sandbox/root/sandbox-root.js +51 -2
- package/dist/sandbox/source/sandbox-source.css.js +2 -2
- package/dist/sandbox/source/sandbox-source.d.ts +12 -0
- package/dist/sandbox/source/sandbox-source.js +12 -6
- package/dist/table/root/table-root.d.ts +2 -0
- package/dist/table/row/table-row.css.js +2 -1
- package/dist/table/row/table-row.d.ts +1 -0
- package/dist/tag/root/tag-root.css.js +1 -1
- package/dist/tag/root/tag-root.d.ts +5 -0
- package/dist/tag/root/tag-root.js +3 -0
- package/dist/virtual-list/root/virtual-list-root.css.js +1 -1
- package/dist/virtual-list/root/virtual-list-root.d.ts +3 -0
- package/lint.json +1 -1
- package/package.json +6 -6
- package/types/jsx.d.ts +603 -66
- package/types/vue.d.ts +196 -20
package/types/jsx.d.ts
CHANGED
|
@@ -172,6 +172,8 @@ import type {
|
|
|
172
172
|
HelixRangeChangeEvent,
|
|
173
173
|
HelixRating,
|
|
174
174
|
HelixReadEvent,
|
|
175
|
+
HelixReadingChangeEvent,
|
|
176
|
+
HelixReadingPressEvent,
|
|
175
177
|
HelixReconnectEvent,
|
|
176
178
|
HelixRejectEvent,
|
|
177
179
|
HelixRelabelEvent,
|
|
@@ -1208,6 +1210,18 @@ scrolls a container instead of the window. Unset is the window. */
|
|
|
1208
1210
|
textContent?: (string | number) | undefined;
|
|
1209
1211
|
};
|
|
1210
1212
|
|
|
1213
|
+
/** `HelixAreaChart` component event */
|
|
1214
|
+
export type HelixAreaChartElementEvent<E = Event> = TypedEvent<
|
|
1215
|
+
HelixAreaChart,
|
|
1216
|
+
E
|
|
1217
|
+
>;
|
|
1218
|
+
/** `helix-reading-change` event type */
|
|
1219
|
+
export type HelixAreaChartHelixReadingChangeElementEvent =
|
|
1220
|
+
HelixAreaChartElementEvent<HelixReadingChangeEvent>;
|
|
1221
|
+
/** `helix-reading-press` event type */
|
|
1222
|
+
export type HelixAreaChartHelixReadingPressElementEvent =
|
|
1223
|
+
HelixAreaChartElementEvent<HelixReadingPressEvent>;
|
|
1224
|
+
|
|
1211
1225
|
export type HelixAreaChartProps = {
|
|
1212
1226
|
/** The id of the table to read.
|
|
1213
1227
|
|
|
@@ -1294,6 +1308,27 @@ locale, and `{shares}` each part's share, listed as the locale lists. */
|
|
|
1294
1308
|
"total-label"?: (HelixAreaChart["totalLabel"]) | undefined;
|
|
1295
1309
|
/** The name for the sum of the parts, shown in the tooltip and the summary. */
|
|
1296
1310
|
totalLabel?: (HelixAreaChart["totalLabel"]) | undefined;
|
|
1311
|
+
/** Draws the scale's numbers beside the plot, the `axis` part, at the levels
|
|
1312
|
+
`gridlines` rules: amounts, or percentages under `share`.
|
|
1313
|
+
|
|
1314
|
+
Absent draws none: bands read as a composition need no numbers beside
|
|
1315
|
+
them, and the tooltip and the table hold every reading. */
|
|
1316
|
+
"value-axis"?: (HelixAreaChart["valueAxis"]) | undefined;
|
|
1317
|
+
/** Draws the scale's numbers beside the plot, the `axis` part, at the levels
|
|
1318
|
+
`gridlines` rules: amounts, or percentages under `share`.
|
|
1319
|
+
|
|
1320
|
+
Absent draws none: bands read as a composition need no numbers beside
|
|
1321
|
+
them, and the tooltip and the table hold every reading. */
|
|
1322
|
+
valueAxis?: (HelixAreaChart["valueAxis"]) | undefined;
|
|
1323
|
+
|
|
1324
|
+
/** The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it. */
|
|
1325
|
+
"onhelix-reading-change"?: ((
|
|
1326
|
+
e: HelixAreaChartHelixReadingChangeElementEvent,
|
|
1327
|
+
) => void) | undefined;
|
|
1328
|
+
/** A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`. */
|
|
1329
|
+
"onhelix-reading-press"?: ((
|
|
1330
|
+
e: HelixAreaChartHelixReadingPressElementEvent,
|
|
1331
|
+
) => void) | undefined;
|
|
1297
1332
|
};
|
|
1298
1333
|
|
|
1299
1334
|
export type HelixAreaChartSolidJsProps = {
|
|
@@ -1382,6 +1417,26 @@ locale, and `{shares}` each part's share, listed as the locale lists. */
|
|
|
1382
1417
|
"attr:total-label"?: (HelixAreaChart["totalLabel"]) | undefined;
|
|
1383
1418
|
/** The name for the sum of the parts, shown in the tooltip and the summary. */
|
|
1384
1419
|
"prop:totalLabel"?: (HelixAreaChart["totalLabel"]) | undefined;
|
|
1420
|
+
/** Draws the scale's numbers beside the plot, the `axis` part, at the levels
|
|
1421
|
+
`gridlines` rules: amounts, or percentages under `share`.
|
|
1422
|
+
|
|
1423
|
+
Absent draws none: bands read as a composition need no numbers beside
|
|
1424
|
+
them, and the tooltip and the table hold every reading. */
|
|
1425
|
+
"bool:value-axis"?: (HelixAreaChart["valueAxis"]) | undefined;
|
|
1426
|
+
/** Draws the scale's numbers beside the plot, the `axis` part, at the levels
|
|
1427
|
+
`gridlines` rules: amounts, or percentages under `share`.
|
|
1428
|
+
|
|
1429
|
+
Absent draws none: bands read as a composition need no numbers beside
|
|
1430
|
+
them, and the tooltip and the table hold every reading. */
|
|
1431
|
+
"prop:valueAxis"?: (HelixAreaChart["valueAxis"]) | undefined;
|
|
1432
|
+
/** The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it. */
|
|
1433
|
+
"on:helix-reading-change"?: ((
|
|
1434
|
+
e: HelixAreaChartHelixReadingChangeElementEvent,
|
|
1435
|
+
) => void) | undefined;
|
|
1436
|
+
/** A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`. */
|
|
1437
|
+
"on:helix-reading-press"?: ((
|
|
1438
|
+
e: HelixAreaChartHelixReadingPressElementEvent,
|
|
1439
|
+
) => void) | undefined;
|
|
1385
1440
|
|
|
1386
1441
|
/** Set the innerHTML of the element */
|
|
1387
1442
|
innerHTML?: (string) | undefined;
|
|
@@ -2016,6 +2071,15 @@ is showing a count must not lose the count for being handed one. */
|
|
|
2016
2071
|
textContent?: (string | number) | undefined;
|
|
2017
2072
|
};
|
|
2018
2073
|
|
|
2074
|
+
/** `HelixBarChart` component event */
|
|
2075
|
+
export type HelixBarChartElementEvent<E = Event> = TypedEvent<HelixBarChart, E>;
|
|
2076
|
+
/** `helix-reading-change` event type */
|
|
2077
|
+
export type HelixBarChartHelixReadingChangeElementEvent =
|
|
2078
|
+
HelixBarChartElementEvent<HelixReadingChangeEvent>;
|
|
2079
|
+
/** `helix-reading-press` event type */
|
|
2080
|
+
export type HelixBarChartHelixReadingPressElementEvent =
|
|
2081
|
+
HelixBarChartElementEvent<HelixReadingPressEvent>;
|
|
2082
|
+
|
|
2019
2083
|
export type HelixBarChartProps = {
|
|
2020
2084
|
/** How strongly the columns are drawn.
|
|
2021
2085
|
|
|
@@ -2267,6 +2331,29 @@ the reading as the table writes it. */
|
|
|
2267
2331
|
`{readings}` each series' highest reading: the series, the category and
|
|
2268
2332
|
the reading as the table writes it. */
|
|
2269
2333
|
summaryLabel?: (HelixBarChart["summaryLabel"]) | undefined;
|
|
2334
|
+
/** Draws the numbers of the scale the bars are measured on, the `axis` part,
|
|
2335
|
+
at the levels `gridlines` rules: down the side of columns, and along the
|
|
2336
|
+
bottom of bars under `orientation="horizontal"`.
|
|
2337
|
+
|
|
2338
|
+
Absent draws none with one scale, since bars compared with each other need
|
|
2339
|
+
no numbers. With `secondary` both scales are drawn whatever this says. */
|
|
2340
|
+
"value-axis"?: (HelixBarChart["valueAxis"]) | undefined;
|
|
2341
|
+
/** Draws the numbers of the scale the bars are measured on, the `axis` part,
|
|
2342
|
+
at the levels `gridlines` rules: down the side of columns, and along the
|
|
2343
|
+
bottom of bars under `orientation="horizontal"`.
|
|
2344
|
+
|
|
2345
|
+
Absent draws none with one scale, since bars compared with each other need
|
|
2346
|
+
no numbers. With `secondary` both scales are drawn whatever this says. */
|
|
2347
|
+
valueAxis?: (HelixBarChart["valueAxis"]) | undefined;
|
|
2348
|
+
|
|
2349
|
+
/** The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it. */
|
|
2350
|
+
"onhelix-reading-change"?: ((
|
|
2351
|
+
e: HelixBarChartHelixReadingChangeElementEvent,
|
|
2352
|
+
) => void) | undefined;
|
|
2353
|
+
/** A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`. */
|
|
2354
|
+
"onhelix-reading-press"?: ((
|
|
2355
|
+
e: HelixBarChartHelixReadingPressElementEvent,
|
|
2356
|
+
) => void) | undefined;
|
|
2270
2357
|
};
|
|
2271
2358
|
|
|
2272
2359
|
export type HelixBarChartSolidJsProps = {
|
|
@@ -2520,6 +2607,28 @@ the reading as the table writes it. */
|
|
|
2520
2607
|
`{readings}` each series' highest reading: the series, the category and
|
|
2521
2608
|
the reading as the table writes it. */
|
|
2522
2609
|
"prop:summaryLabel"?: (HelixBarChart["summaryLabel"]) | undefined;
|
|
2610
|
+
/** Draws the numbers of the scale the bars are measured on, the `axis` part,
|
|
2611
|
+
at the levels `gridlines` rules: down the side of columns, and along the
|
|
2612
|
+
bottom of bars under `orientation="horizontal"`.
|
|
2613
|
+
|
|
2614
|
+
Absent draws none with one scale, since bars compared with each other need
|
|
2615
|
+
no numbers. With `secondary` both scales are drawn whatever this says. */
|
|
2616
|
+
"bool:value-axis"?: (HelixBarChart["valueAxis"]) | undefined;
|
|
2617
|
+
/** Draws the numbers of the scale the bars are measured on, the `axis` part,
|
|
2618
|
+
at the levels `gridlines` rules: down the side of columns, and along the
|
|
2619
|
+
bottom of bars under `orientation="horizontal"`.
|
|
2620
|
+
|
|
2621
|
+
Absent draws none with one scale, since bars compared with each other need
|
|
2622
|
+
no numbers. With `secondary` both scales are drawn whatever this says. */
|
|
2623
|
+
"prop:valueAxis"?: (HelixBarChart["valueAxis"]) | undefined;
|
|
2624
|
+
/** The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it. */
|
|
2625
|
+
"on:helix-reading-change"?: ((
|
|
2626
|
+
e: HelixBarChartHelixReadingChangeElementEvent,
|
|
2627
|
+
) => void) | undefined;
|
|
2628
|
+
/** A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`. */
|
|
2629
|
+
"on:helix-reading-press"?: ((
|
|
2630
|
+
e: HelixBarChartHelixReadingPressElementEvent,
|
|
2631
|
+
) => void) | undefined;
|
|
2523
2632
|
|
|
2524
2633
|
/** Set the innerHTML of the element */
|
|
2525
2634
|
innerHTML?: (string) | undefined;
|
|
@@ -5822,8 +5931,21 @@ export type HelixChatComposerHelixTypingElementEvent =
|
|
|
5822
5931
|
export type HelixChatComposerProps = {
|
|
5823
5932
|
/** The field's name, read by screen readers. */
|
|
5824
5933
|
label?: (HelixChatComposer["label"]) | undefined;
|
|
5934
|
+
/** The most characters a draft can have. The field stops taking more. */
|
|
5935
|
+
maxlength?: (HelixChatComposer["maxLength"] | `${number}`) | undefined;
|
|
5936
|
+
/** The most characters a draft can have. The field stops taking more. */
|
|
5937
|
+
maxLength?: (HelixChatComposer["maxLength"]) | undefined;
|
|
5938
|
+
/** The fewest characters a draft can have, once the reader has written in
|
|
5939
|
+
the field, as on a `<textarea>`. */
|
|
5940
|
+
minlength?: (HelixChatComposer["minLength"] | `${number}`) | undefined;
|
|
5941
|
+
/** The fewest characters a draft can have, once the reader has written in
|
|
5942
|
+
the field, as on a `<textarea>`. */
|
|
5943
|
+
minLength?: (HelixChatComposer["minLength"]) | undefined;
|
|
5825
5944
|
/** Placeholder text shown in an empty field. */
|
|
5826
5945
|
placeholder?: (HelixChatComposer["placeholder"]) | undefined;
|
|
5946
|
+
/** Whether the form needs a draft to submit. An empty draft never sends,
|
|
5947
|
+
required or not. */
|
|
5948
|
+
required?: (HelixChatComposer["required"]) | undefined;
|
|
5827
5949
|
/** How many rows the field opens at.
|
|
5828
5950
|
|
|
5829
5951
|
It grows from there. */
|
|
@@ -5895,8 +6017,21 @@ Here rather than on each control. */
|
|
|
5895
6017
|
export type HelixChatComposerSolidJsProps = {
|
|
5896
6018
|
/** The field's name, read by screen readers. */
|
|
5897
6019
|
"prop:label"?: (HelixChatComposer["label"]) | undefined;
|
|
6020
|
+
/** The most characters a draft can have. The field stops taking more. */
|
|
6021
|
+
"attr:maxlength"?: (HelixChatComposer["maxLength"] | `${number}`) | undefined;
|
|
6022
|
+
/** The most characters a draft can have. The field stops taking more. */
|
|
6023
|
+
"prop:maxLength"?: (HelixChatComposer["maxLength"]) | undefined;
|
|
6024
|
+
/** The fewest characters a draft can have, once the reader has written in
|
|
6025
|
+
the field, as on a `<textarea>`. */
|
|
6026
|
+
"attr:minlength"?: (HelixChatComposer["minLength"] | `${number}`) | undefined;
|
|
6027
|
+
/** The fewest characters a draft can have, once the reader has written in
|
|
6028
|
+
the field, as on a `<textarea>`. */
|
|
6029
|
+
"prop:minLength"?: (HelixChatComposer["minLength"]) | undefined;
|
|
5898
6030
|
/** Placeholder text shown in an empty field. */
|
|
5899
6031
|
"prop:placeholder"?: (HelixChatComposer["placeholder"]) | undefined;
|
|
6032
|
+
/** Whether the form needs a draft to submit. An empty draft never sends,
|
|
6033
|
+
required or not. */
|
|
6034
|
+
"prop:required"?: (HelixChatComposer["required"]) | undefined;
|
|
5900
6035
|
/** How many rows the field opens at.
|
|
5901
6036
|
|
|
5902
6037
|
It grows from there. */
|
|
@@ -10024,6 +10159,20 @@ rows are chosen, written in the locale, and a language that needs plural
|
|
|
10024
10159
|
forms writes them: `{count, plural, one {# wybrany} few {# wybrane} many
|
|
10025
10160
|
{# wybranych} other {# wybranego}}`. */
|
|
10026
10161
|
selectedLabel?: (HelixDataTable["selectedLabel"]) | undefined;
|
|
10162
|
+
/** What a key or a press on a row does to the rows already selected, in a
|
|
10163
|
+
`selectable` table. `toggle`, the default, keeps them: Space adds or takes
|
|
10164
|
+
out the row. `replace` selects the row alone, as a file list does: Down and
|
|
10165
|
+
Up carry the selection with them, and a press on a row selects it. Control
|
|
10166
|
+
or Command with a press or Space adds or takes out one row, and with a move
|
|
10167
|
+
goes without selecting. The checkboxes add or take out one row either way. */
|
|
10168
|
+
"selection-behavior"?: (HelixDataTable["selectionBehavior"]) | undefined;
|
|
10169
|
+
/** What a key or a press on a row does to the rows already selected, in a
|
|
10170
|
+
`selectable` table. `toggle`, the default, keeps them: Space adds or takes
|
|
10171
|
+
out the row. `replace` selects the row alone, as a file list does: Down and
|
|
10172
|
+
Up carry the selection with them, and a press on a row selects it. Control
|
|
10173
|
+
or Command with a press or Space adds or takes out one row, and with a move
|
|
10174
|
+
goes without selecting. The checkboxes add or take out one row either way. */
|
|
10175
|
+
selectionBehavior?: (HelixDataTable["selectionBehavior"]) | undefined;
|
|
10027
10176
|
/** The name of a row's checkbox. `{row}` is replaced with the row's value in
|
|
10028
10177
|
the first column that has a field, or with its key. */
|
|
10029
10178
|
"select-row-label"?: (HelixDataTable["selectRowLabel"]) | undefined;
|
|
@@ -10409,6 +10558,20 @@ rows are chosen, written in the locale, and a language that needs plural
|
|
|
10409
10558
|
forms writes them: `{count, plural, one {# wybrany} few {# wybrane} many
|
|
10410
10559
|
{# wybranych} other {# wybranego}}`. */
|
|
10411
10560
|
"prop:selectedLabel"?: (HelixDataTable["selectedLabel"]) | undefined;
|
|
10561
|
+
/** What a key or a press on a row does to the rows already selected, in a
|
|
10562
|
+
`selectable` table. `toggle`, the default, keeps them: Space adds or takes
|
|
10563
|
+
out the row. `replace` selects the row alone, as a file list does: Down and
|
|
10564
|
+
Up carry the selection with them, and a press on a row selects it. Control
|
|
10565
|
+
or Command with a press or Space adds or takes out one row, and with a move
|
|
10566
|
+
goes without selecting. The checkboxes add or take out one row either way. */
|
|
10567
|
+
"attr:selection-behavior"?: (HelixDataTable["selectionBehavior"]) | undefined;
|
|
10568
|
+
/** What a key or a press on a row does to the rows already selected, in a
|
|
10569
|
+
`selectable` table. `toggle`, the default, keeps them: Space adds or takes
|
|
10570
|
+
out the row. `replace` selects the row alone, as a file list does: Down and
|
|
10571
|
+
Up carry the selection with them, and a press on a row selects it. Control
|
|
10572
|
+
or Command with a press or Space adds or takes out one row, and with a move
|
|
10573
|
+
goes without selecting. The checkboxes add or take out one row either way. */
|
|
10574
|
+
"prop:selectionBehavior"?: (HelixDataTable["selectionBehavior"]) | undefined;
|
|
10412
10575
|
/** The name of a row's checkbox. `{row}` is replaced with the row's value in
|
|
10413
10576
|
the first column that has a field, or with its key. */
|
|
10414
10577
|
"attr:select-row-label"?: (HelixDataTable["selectRowLabel"]) | undefined;
|
|
@@ -12525,11 +12688,7 @@ short length of line, `--divider-content-offset`, kept before or after it.
|
|
|
12525
12688
|
A divider with nothing set into it is one line whatever this says. */
|
|
12526
12689
|
contentPlacement?: (HelixDivider["contentPlacement"]) | undefined;
|
|
12527
12690
|
/** Whether screen readers announce the line as a separator, which they now do
|
|
12528
|
-
by default.
|
|
12529
|
-
|
|
12530
|
-
It dates from when the line was decorative by default. It is still read,
|
|
12531
|
-
and it wins over `decorative`, so a divider written with it stays a
|
|
12532
|
-
separator. */
|
|
12691
|
+
by default. */
|
|
12533
12692
|
announced?: (HelixDivider["announced"]) | undefined;
|
|
12534
12693
|
/** Takes the line out of the accessibility tree, for a rule that separates
|
|
12535
12694
|
nothing: one under a heading, or between the facts of a byline.
|
|
@@ -12558,11 +12717,7 @@ short length of line, `--divider-content-offset`, kept before or after it.
|
|
|
12558
12717
|
A divider with nothing set into it is one line whatever this says. */
|
|
12559
12718
|
"prop:contentPlacement"?: (HelixDivider["contentPlacement"]) | undefined;
|
|
12560
12719
|
/** Whether screen readers announce the line as a separator, which they now do
|
|
12561
|
-
by default.
|
|
12562
|
-
|
|
12563
|
-
It dates from when the line was decorative by default. It is still read,
|
|
12564
|
-
and it wins over `decorative`, so a divider written with it stays a
|
|
12565
|
-
separator. */
|
|
12720
|
+
by default. */
|
|
12566
12721
|
"prop:announced"?: (HelixDivider["announced"]) | undefined;
|
|
12567
12722
|
/** Takes the line out of the accessibility tree, for a rule that separates
|
|
12568
12723
|
nothing: one under a heading, or between the facts of a byline.
|
|
@@ -18076,6 +18231,18 @@ it to say nothing. */
|
|
|
18076
18231
|
textContent?: (string | number) | undefined;
|
|
18077
18232
|
};
|
|
18078
18233
|
|
|
18234
|
+
/** `HelixLineChart` component event */
|
|
18235
|
+
export type HelixLineChartElementEvent<E = Event> = TypedEvent<
|
|
18236
|
+
HelixLineChart,
|
|
18237
|
+
E
|
|
18238
|
+
>;
|
|
18239
|
+
/** `helix-reading-change` event type */
|
|
18240
|
+
export type HelixLineChartHelixReadingChangeElementEvent =
|
|
18241
|
+
HelixLineChartElementEvent<HelixReadingChangeEvent>;
|
|
18242
|
+
/** `helix-reading-press` event type */
|
|
18243
|
+
export type HelixLineChartHelixReadingPressElementEvent =
|
|
18244
|
+
HelixLineChartElementEvent<HelixReadingPressEvent>;
|
|
18245
|
+
|
|
18079
18246
|
export type HelixLineChartProps = {
|
|
18080
18247
|
/** How strongly the lines and their washes are drawn.
|
|
18081
18248
|
|
|
@@ -18253,6 +18420,20 @@ masked with one disc per series and every stroke stops at its own ring's
|
|
|
18253
18420
|
inner edge. `mask-composite: intersect` is what makes N holes out of N
|
|
18254
18421
|
layers; a single `mask-image` would only ever cut the last one. */
|
|
18255
18422
|
terminus?: (HelixLineChart["terminus"]) | undefined;
|
|
18423
|
+
/** Draws the scale's numbers beside the plot, the `axis` part, at the levels
|
|
18424
|
+
`gridlines` rules, so a reading can be measured off the drawing as well
|
|
18425
|
+
as read from the tooltip.
|
|
18426
|
+
|
|
18427
|
+
Absent draws none: a line read for its shape needs no numbers beside it,
|
|
18428
|
+
and the tooltip and the table hold every reading. */
|
|
18429
|
+
"value-axis"?: (HelixLineChart["valueAxis"]) | undefined;
|
|
18430
|
+
/** Draws the scale's numbers beside the plot, the `axis` part, at the levels
|
|
18431
|
+
`gridlines` rules, so a reading can be measured off the drawing as well
|
|
18432
|
+
as read from the tooltip.
|
|
18433
|
+
|
|
18434
|
+
Absent draws none: a line read for its shape needs no numbers beside it,
|
|
18435
|
+
and the tooltip and the table hold every reading. */
|
|
18436
|
+
valueAxis?: (HelixLineChart["valueAxis"]) | undefined;
|
|
18256
18437
|
/** Whether the range always includes zero.
|
|
18257
18438
|
|
|
18258
18439
|
Absent measures from the data's own extent, which is what a line is for.
|
|
@@ -18260,6 +18441,15 @@ Set it where the distance from nothing is the point rather than the shape,
|
|
|
18260
18441
|
and accept that a series which never approaches zero becomes a flat rule
|
|
18261
18442
|
near the top of the box. */
|
|
18262
18443
|
zero?: (HelixLineChart["zero"]) | undefined;
|
|
18444
|
+
|
|
18445
|
+
/** The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it. */
|
|
18446
|
+
"onhelix-reading-change"?: ((
|
|
18447
|
+
e: HelixLineChartHelixReadingChangeElementEvent,
|
|
18448
|
+
) => void) | undefined;
|
|
18449
|
+
/** A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`. */
|
|
18450
|
+
"onhelix-reading-press"?: ((
|
|
18451
|
+
e: HelixLineChartHelixReadingPressElementEvent,
|
|
18452
|
+
) => void) | undefined;
|
|
18263
18453
|
};
|
|
18264
18454
|
|
|
18265
18455
|
export type HelixLineChartSolidJsProps = {
|
|
@@ -18439,6 +18629,20 @@ masked with one disc per series and every stroke stops at its own ring's
|
|
|
18439
18629
|
inner edge. `mask-composite: intersect` is what makes N holes out of N
|
|
18440
18630
|
layers; a single `mask-image` would only ever cut the last one. */
|
|
18441
18631
|
"prop:terminus"?: (HelixLineChart["terminus"]) | undefined;
|
|
18632
|
+
/** Draws the scale's numbers beside the plot, the `axis` part, at the levels
|
|
18633
|
+
`gridlines` rules, so a reading can be measured off the drawing as well
|
|
18634
|
+
as read from the tooltip.
|
|
18635
|
+
|
|
18636
|
+
Absent draws none: a line read for its shape needs no numbers beside it,
|
|
18637
|
+
and the tooltip and the table hold every reading. */
|
|
18638
|
+
"bool:value-axis"?: (HelixLineChart["valueAxis"]) | undefined;
|
|
18639
|
+
/** Draws the scale's numbers beside the plot, the `axis` part, at the levels
|
|
18640
|
+
`gridlines` rules, so a reading can be measured off the drawing as well
|
|
18641
|
+
as read from the tooltip.
|
|
18642
|
+
|
|
18643
|
+
Absent draws none: a line read for its shape needs no numbers beside it,
|
|
18644
|
+
and the tooltip and the table hold every reading. */
|
|
18645
|
+
"prop:valueAxis"?: (HelixLineChart["valueAxis"]) | undefined;
|
|
18442
18646
|
/** Whether the range always includes zero.
|
|
18443
18647
|
|
|
18444
18648
|
Absent measures from the data's own extent, which is what a line is for.
|
|
@@ -18446,6 +18650,14 @@ Set it where the distance from nothing is the point rather than the shape,
|
|
|
18446
18650
|
and accept that a series which never approaches zero becomes a flat rule
|
|
18447
18651
|
near the top of the box. */
|
|
18448
18652
|
"prop:zero"?: (HelixLineChart["zero"]) | undefined;
|
|
18653
|
+
/** The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it. */
|
|
18654
|
+
"on:helix-reading-change"?: ((
|
|
18655
|
+
e: HelixLineChartHelixReadingChangeElementEvent,
|
|
18656
|
+
) => void) | undefined;
|
|
18657
|
+
/** A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`. */
|
|
18658
|
+
"on:helix-reading-press"?: ((
|
|
18659
|
+
e: HelixLineChartHelixReadingPressElementEvent,
|
|
18660
|
+
) => void) | undefined;
|
|
18449
18661
|
|
|
18450
18662
|
/** Set the innerHTML of the element */
|
|
18451
18663
|
innerHTML?: (string) | undefined;
|
|
@@ -23344,14 +23556,10 @@ between them makes a reader parse the punctuation to find where the name
|
|
|
23344
23556
|
ends. Matching still reads the label, so what somebody types is matched
|
|
23345
23557
|
against the name rather than against prose about it.
|
|
23346
23558
|
|
|
23347
|
-
|
|
23348
|
-
|
|
23349
|
-
|
|
23350
|
-
|
|
23351
|
-
filled, so every option without a caption would carry an empty line. The
|
|
23352
|
-
detection that would avoid it does not exist, `:host(:has())` being invalid
|
|
23353
|
-
and the server having no children to inspect. A property is known at render
|
|
23354
|
-
time, so the component can decline to draw the box at all.
|
|
23559
|
+
For a caption richer than a string, slot it into `description`. The
|
|
23560
|
+
property is that slot's fallback inside the `description` part. With no
|
|
23561
|
+
property the slot is drawn bare, which takes no box while it is empty, so
|
|
23562
|
+
an option without a caption carries no empty line.
|
|
23355
23563
|
|
|
23356
23564
|
It does not reflect, per the rule that payload state stays off the host: a
|
|
23357
23565
|
string is not a fact a selector needs. */
|
|
@@ -23439,6 +23647,13 @@ name is the fault `TreeItem` avoids by mirroring to `data-selected`.
|
|
|
23439
23647
|
Splitting them means moving what every stylesheet selects on, which is a
|
|
23440
23648
|
change of its own rather than a property being added. */
|
|
23441
23649
|
defaultSelected?: (HelixOption["defaultSelected"]) | undefined;
|
|
23650
|
+
/** Whether the option says it is selected while the keyboard is on it.
|
|
23651
|
+
|
|
23652
|
+
Written by a control whose list holds suggestions, such as `FilterInput`:
|
|
23653
|
+
nothing there stays chosen, so the row the keyboard is on is the
|
|
23654
|
+
selection, as the APG combobox's list with selection that follows focus
|
|
23655
|
+
says. No attribute: it is coordination between elements. */
|
|
23656
|
+
selectionFollowsActive?: (HelixOption["selectionFollowsActive"]) | undefined;
|
|
23442
23657
|
|
|
23443
23658
|
/** The option was chosen. Cancelable: canceling it leaves the selection as it was, and keeps the browser from following an option's `href`. */
|
|
23444
23659
|
"onhelix-select"?: ((e: HelixOptionHelixSelectElementEvent) => void) | undefined;
|
|
@@ -23501,14 +23716,10 @@ between them makes a reader parse the punctuation to find where the name
|
|
|
23501
23716
|
ends. Matching still reads the label, so what somebody types is matched
|
|
23502
23717
|
against the name rather than against prose about it.
|
|
23503
23718
|
|
|
23504
|
-
|
|
23505
|
-
|
|
23506
|
-
|
|
23507
|
-
|
|
23508
|
-
filled, so every option without a caption would carry an empty line. The
|
|
23509
|
-
detection that would avoid it does not exist, `:host(:has())` being invalid
|
|
23510
|
-
and the server having no children to inspect. A property is known at render
|
|
23511
|
-
time, so the component can decline to draw the box at all.
|
|
23719
|
+
For a caption richer than a string, slot it into `description`. The
|
|
23720
|
+
property is that slot's fallback inside the `description` part. With no
|
|
23721
|
+
property the slot is drawn bare, which takes no box while it is empty, so
|
|
23722
|
+
an option without a caption carries no empty line.
|
|
23512
23723
|
|
|
23513
23724
|
It does not reflect, per the rule that payload state stays off the host: a
|
|
23514
23725
|
string is not a fact a selector needs. */
|
|
@@ -23596,6 +23807,13 @@ name is the fault `TreeItem` avoids by mirroring to `data-selected`.
|
|
|
23596
23807
|
Splitting them means moving what every stylesheet selects on, which is a
|
|
23597
23808
|
change of its own rather than a property being added. */
|
|
23598
23809
|
"prop:defaultSelected"?: (HelixOption["defaultSelected"]) | undefined;
|
|
23810
|
+
/** Whether the option says it is selected while the keyboard is on it.
|
|
23811
|
+
|
|
23812
|
+
Written by a control whose list holds suggestions, such as `FilterInput`:
|
|
23813
|
+
nothing there stays chosen, so the row the keyboard is on is the
|
|
23814
|
+
selection, as the APG combobox's list with selection that follows focus
|
|
23815
|
+
says. No attribute: it is coordination between elements. */
|
|
23816
|
+
"prop:selectionFollowsActive"?: (HelixOption["selectionFollowsActive"]) | undefined;
|
|
23599
23817
|
/** The option was chosen. Cancelable: canceling it leaves the selection as it was, and keeps the browser from following an option's `href`. */
|
|
23600
23818
|
"on:helix-select"?: ((e: HelixOptionHelixSelectElementEvent) => void) | undefined;
|
|
23601
23819
|
|
|
@@ -26978,6 +27196,18 @@ export type HelixSandboxToolbarSolidJsProps = {
|
|
|
26978
27196
|
textContent?: (string | number) | undefined;
|
|
26979
27197
|
};
|
|
26980
27198
|
|
|
27199
|
+
/** `HelixScatterChart` component event */
|
|
27200
|
+
export type HelixScatterChartElementEvent<E = Event> = TypedEvent<
|
|
27201
|
+
HelixScatterChart,
|
|
27202
|
+
E
|
|
27203
|
+
>;
|
|
27204
|
+
/** `helix-reading-change` event type */
|
|
27205
|
+
export type HelixScatterChartHelixReadingChangeElementEvent =
|
|
27206
|
+
HelixScatterChartElementEvent<HelixReadingChangeEvent>;
|
|
27207
|
+
/** `helix-reading-press` event type */
|
|
27208
|
+
export type HelixScatterChartHelixReadingPressElementEvent =
|
|
27209
|
+
HelixScatterChartElementEvent<HelixReadingPressEvent>;
|
|
27210
|
+
|
|
26981
27211
|
export type HelixScatterChartProps = {
|
|
26982
27212
|
/** The id of the table to read.
|
|
26983
27213
|
|
|
@@ -27074,6 +27304,15 @@ Absent draws none. A series with fewer than two points, or with every
|
|
|
27074
27304
|
point at one measure across, has no line to draw. The summary already
|
|
27075
27305
|
gives each series' correlation, which says how near the points are to it. */
|
|
27076
27306
|
trend?: (HelixScatterChart["trend"]) | undefined;
|
|
27307
|
+
|
|
27308
|
+
/** The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it. */
|
|
27309
|
+
"onhelix-reading-change"?: ((
|
|
27310
|
+
e: HelixScatterChartHelixReadingChangeElementEvent,
|
|
27311
|
+
) => void) | undefined;
|
|
27312
|
+
/** A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`. */
|
|
27313
|
+
"onhelix-reading-press"?: ((
|
|
27314
|
+
e: HelixScatterChartHelixReadingPressElementEvent,
|
|
27315
|
+
) => void) | undefined;
|
|
27077
27316
|
};
|
|
27078
27317
|
|
|
27079
27318
|
export type HelixScatterChartSolidJsProps = {
|
|
@@ -27172,6 +27411,14 @@ Absent draws none. A series with fewer than two points, or with every
|
|
|
27172
27411
|
point at one measure across, has no line to draw. The summary already
|
|
27173
27412
|
gives each series' correlation, which says how near the points are to it. */
|
|
27174
27413
|
"prop:trend"?: (HelixScatterChart["trend"]) | undefined;
|
|
27414
|
+
/** The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it. */
|
|
27415
|
+
"on:helix-reading-change"?: ((
|
|
27416
|
+
e: HelixScatterChartHelixReadingChangeElementEvent,
|
|
27417
|
+
) => void) | undefined;
|
|
27418
|
+
/** A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`. */
|
|
27419
|
+
"on:helix-reading-press"?: ((
|
|
27420
|
+
e: HelixScatterChartHelixReadingPressElementEvent,
|
|
27421
|
+
) => void) | undefined;
|
|
27175
27422
|
|
|
27176
27423
|
/** Set the innerHTML of the element */
|
|
27177
27424
|
innerHTML?: (string) | undefined;
|
|
@@ -30573,6 +30820,13 @@ order has its whole sentence. `{order}` is the deprecated
|
|
|
30573
30820
|
};
|
|
30574
30821
|
|
|
30575
30822
|
export type HelixTableRowProps = {
|
|
30823
|
+
/** Takes the row out of the table's selection and out of its link: the row's
|
|
30824
|
+
checkbox is disabled, Space, Shift ranges, and the checkbox in the heading
|
|
30825
|
+
pass over it, and a press does not follow `href`. A row already selected
|
|
30826
|
+
stays selected. A screen reader hears it as unavailable, and in a `grid`
|
|
30827
|
+
table the arrow keys still reach it, as a disabled cell in a grid is
|
|
30828
|
+
reached. */
|
|
30829
|
+
disabled?: (HelixTableRow["disabled"]) | undefined;
|
|
30576
30830
|
/** The URL a press on the row follows, which makes the whole row a link.
|
|
30577
30831
|
Empty, the default, leaves presses to the row's cells. */
|
|
30578
30832
|
href?: (HelixTableRow["href"]) | undefined;
|
|
@@ -30586,6 +30840,13 @@ known by its place among the rows as written. */
|
|
|
30586
30840
|
};
|
|
30587
30841
|
|
|
30588
30842
|
export type HelixTableRowSolidJsProps = {
|
|
30843
|
+
/** Takes the row out of the table's selection and out of its link: the row's
|
|
30844
|
+
checkbox is disabled, Space, Shift ranges, and the checkbox in the heading
|
|
30845
|
+
pass over it, and a press does not follow `href`. A row already selected
|
|
30846
|
+
stays selected. A screen reader hears it as unavailable, and in a `grid`
|
|
30847
|
+
table the arrow keys still reach it, as a disabled cell in a grid is
|
|
30848
|
+
reached. */
|
|
30849
|
+
"prop:disabled"?: (HelixTableRow["disabled"]) | undefined;
|
|
30589
30850
|
/** The URL a press on the row follows, which makes the whole row a link.
|
|
30590
30851
|
Empty, the default, leaves presses to the row's cells. */
|
|
30591
30852
|
"prop:href"?: (HelixTableRow["href"]) | undefined;
|
|
@@ -30959,6 +31220,9 @@ Independent of `tone` on purpose: an outlined danger tag and a solid danger
|
|
|
30959
31220
|
tag are both sensible, and one property welding color to fill can ask for
|
|
30960
31221
|
neither. That is the test the whole axis registry answers to. */
|
|
30961
31222
|
emphasis?: (HelixTag["emphasis"]) | undefined;
|
|
31223
|
+
/** The tag's outline. `pill` rounds its ends fully, for a set of tags among
|
|
31224
|
+
rounded controls. Absent is the theme's small radius. */
|
|
31225
|
+
shape?: (HelixTag["shape"]) | undefined;
|
|
30962
31226
|
/** The meaning the tag's color shows, such as `success` or `danger`.
|
|
30963
31227
|
|
|
30964
31228
|
`tone` is semantic color, which is what these are and what `helix-text`
|
|
@@ -31007,6 +31271,13 @@ be selected or removed. */
|
|
|
31007
31271
|
|
|
31008
31272
|
Absent is the tag's own words, its category first. */
|
|
31009
31273
|
value?: (HelixTag["value"]) | undefined;
|
|
31274
|
+
/** Whether the remove button is a tab stop of its own, outside a `Tag.Group`.
|
|
31275
|
+
|
|
31276
|
+
A field that holds tags as its tokens, such as a `multiple` Combobox,
|
|
31277
|
+
writes `false`: the field's text is its one tab stop, and the arrow keys
|
|
31278
|
+
move from the text to the tags. No attribute: it is coordination between
|
|
31279
|
+
elements, as `focusable` is. */
|
|
31280
|
+
dismissTabStop?: (HelixTag["dismissTabStop"]) | undefined;
|
|
31010
31281
|
/** Whether the tag holds its group's tab stop.
|
|
31011
31282
|
|
|
31012
31283
|
Written by `Tag.Group` on every tag it holds, and unset outside one, which
|
|
@@ -31038,6 +31309,9 @@ Independent of `tone` on purpose: an outlined danger tag and a solid danger
|
|
|
31038
31309
|
tag are both sensible, and one property welding color to fill can ask for
|
|
31039
31310
|
neither. That is the test the whole axis registry answers to. */
|
|
31040
31311
|
"prop:emphasis"?: (HelixTag["emphasis"]) | undefined;
|
|
31312
|
+
/** The tag's outline. `pill` rounds its ends fully, for a set of tags among
|
|
31313
|
+
rounded controls. Absent is the theme's small radius. */
|
|
31314
|
+
"prop:shape"?: (HelixTag["shape"]) | undefined;
|
|
31041
31315
|
/** The meaning the tag's color shows, such as `success` or `danger`.
|
|
31042
31316
|
|
|
31043
31317
|
`tone` is semantic color, which is what these are and what `helix-text`
|
|
@@ -31086,6 +31360,13 @@ be selected or removed. */
|
|
|
31086
31360
|
|
|
31087
31361
|
Absent is the tag's own words, its category first. */
|
|
31088
31362
|
"prop:value"?: (HelixTag["value"]) | undefined;
|
|
31363
|
+
/** Whether the remove button is a tab stop of its own, outside a `Tag.Group`.
|
|
31364
|
+
|
|
31365
|
+
A field that holds tags as its tokens, such as a `multiple` Combobox,
|
|
31366
|
+
writes `false`: the field's text is its one tab stop, and the arrow keys
|
|
31367
|
+
move from the text to the tags. No attribute: it is coordination between
|
|
31368
|
+
elements, as `focusable` is. */
|
|
31369
|
+
"prop:dismissTabStop"?: (HelixTag["dismissTabStop"]) | undefined;
|
|
31089
31370
|
/** Whether the tag holds its group's tab stop.
|
|
31090
31371
|
|
|
31091
31372
|
Written by `Tag.Group` on every tag it holds, and unset outside one, which
|
|
@@ -33668,8 +33949,8 @@ name is the fault `TreeItem` avoids by mirroring to `data-selected`.
|
|
|
33668
33949
|
Splitting them means moving what every stylesheet selects on, which is a
|
|
33669
33950
|
change of its own rather than a property being added. */
|
|
33670
33951
|
defaultSelected?: (HelixToggle["defaultSelected"]) | undefined;
|
|
33671
|
-
/** Whether the item holds the group's tab stop. Unset,
|
|
33672
|
-
it.
|
|
33952
|
+
/** Whether the item holds the group's tab stop. Unset, no group holds the
|
|
33953
|
+
item, and it is a toggle button with a tab stop of its own.
|
|
33673
33954
|
|
|
33674
33955
|
Written by the group on every item: `true` for the chosen item, or for the
|
|
33675
33956
|
first item that can be chosen while there is no selection to carry the
|
|
@@ -33684,6 +33965,8 @@ React consumer's hydration reports and does not patch up. */
|
|
|
33684
33965
|
Written by the group, like `selected`, so no attribute. */
|
|
33685
33966
|
pressed?: (HelixToggle["pressed"]) | undefined;
|
|
33686
33967
|
|
|
33968
|
+
/** Fired after a toggle button on its own is pressed or released. */
|
|
33969
|
+
onchange?: ((e: HelixToggleElementEvent) => void) | undefined;
|
|
33687
33970
|
/** Fired when the item is chosen. Cancelable: call `preventDefault()` to keep the current choice. */
|
|
33688
33971
|
"onhelix-select"?: ((e: HelixToggleHelixSelectElementEvent) => void) | undefined;
|
|
33689
33972
|
};
|
|
@@ -33726,8 +34009,8 @@ name is the fault `TreeItem` avoids by mirroring to `data-selected`.
|
|
|
33726
34009
|
Splitting them means moving what every stylesheet selects on, which is a
|
|
33727
34010
|
change of its own rather than a property being added. */
|
|
33728
34011
|
"prop:defaultSelected"?: (HelixToggle["defaultSelected"]) | undefined;
|
|
33729
|
-
/** Whether the item holds the group's tab stop. Unset,
|
|
33730
|
-
it.
|
|
34012
|
+
/** Whether the item holds the group's tab stop. Unset, no group holds the
|
|
34013
|
+
item, and it is a toggle button with a tab stop of its own.
|
|
33731
34014
|
|
|
33732
34015
|
Written by the group on every item: `true` for the chosen item, or for the
|
|
33733
34016
|
first item that can be chosen while there is no selection to carry the
|
|
@@ -33741,6 +34024,8 @@ React consumer's hydration reports and does not patch up. */
|
|
|
33741
34024
|
|
|
33742
34025
|
Written by the group, like `selected`, so no attribute. */
|
|
33743
34026
|
"prop:pressed"?: (HelixToggle["pressed"]) | undefined;
|
|
34027
|
+
/** Fired after a toggle button on its own is pressed or released. */
|
|
34028
|
+
"on:change"?: ((e: HelixToggleElementEvent) => void) | undefined;
|
|
33744
34029
|
/** Fired when the item is chosen. Cancelable: call `preventDefault()` to keep the current choice. */
|
|
33745
34030
|
"on:helix-select"?: ((e: HelixToggleHelixSelectElementEvent) => void) | undefined;
|
|
33746
34031
|
|
|
@@ -35681,6 +35966,14 @@ regardless, because a reader who stopped it is deciding what to do next. */
|
|
|
35681
35966
|
loadingLabel?: (HelixVideo["loadingLabel"]) | undefined;
|
|
35682
35967
|
/** Whether the video starts again at the end. */
|
|
35683
35968
|
loop?: (HelixVideo["loop"]) | undefined;
|
|
35969
|
+
/** The title the device's own media controls show while the video plays,
|
|
35970
|
+
such as on a lock screen. Empty, the default, shows `label`. A playlist
|
|
35971
|
+
writes the current entry's name here. */
|
|
35972
|
+
"media-title"?: (HelixVideo["mediaTitle"]) | undefined;
|
|
35973
|
+
/** The title the device's own media controls show while the video plays,
|
|
35974
|
+
such as on a lock screen. Empty, the default, shows `label`. A playlist
|
|
35975
|
+
writes the current entry's name here. */
|
|
35976
|
+
mediaTitle?: (HelixVideo["mediaTitle"]) | undefined;
|
|
35684
35977
|
/** What the button that opens `overflow-controls` is called. */
|
|
35685
35978
|
"more-label"?: (HelixVideo["moreLabel"]) | undefined;
|
|
35686
35979
|
/** What the button that opens `overflow-controls` is called. */
|
|
@@ -36140,6 +36433,14 @@ regardless, because a reader who stopped it is deciding what to do next. */
|
|
|
36140
36433
|
"prop:loadingLabel"?: (HelixVideo["loadingLabel"]) | undefined;
|
|
36141
36434
|
/** Whether the video starts again at the end. */
|
|
36142
36435
|
"prop:loop"?: (HelixVideo["loop"]) | undefined;
|
|
36436
|
+
/** The title the device's own media controls show while the video plays,
|
|
36437
|
+
such as on a lock screen. Empty, the default, shows `label`. A playlist
|
|
36438
|
+
writes the current entry's name here. */
|
|
36439
|
+
"attr:media-title"?: (HelixVideo["mediaTitle"]) | undefined;
|
|
36440
|
+
/** The title the device's own media controls show while the video plays,
|
|
36441
|
+
such as on a lock screen. Empty, the default, shows `label`. A playlist
|
|
36442
|
+
writes the current entry's name here. */
|
|
36443
|
+
"prop:mediaTitle"?: (HelixVideo["mediaTitle"]) | undefined;
|
|
36143
36444
|
/** What the button that opens `overflow-controls` is called. */
|
|
36144
36445
|
"attr:more-label"?: (HelixVideo["moreLabel"]) | undefined;
|
|
36145
36446
|
/** What the button that opens `overflow-controls` is called. */
|
|
@@ -36400,6 +36701,12 @@ export type HelixVirtualListProps = {
|
|
|
36400
36701
|
items out as a grid of that many equal columns, windowed a line at a
|
|
36401
36702
|
time, with Left and Right moving along a line. */
|
|
36402
36703
|
columns?: (HelixVirtualList["columns"]) | undefined;
|
|
36704
|
+
/** The text of the row shown when there are no items and none are loading,
|
|
36705
|
+
where the `empty` slot is empty. Empty, the default, shows no row. */
|
|
36706
|
+
"empty-label"?: (HelixVirtualList["emptyLabel"]) | undefined;
|
|
36707
|
+
/** The text of the row shown when there are no items and none are loading,
|
|
36708
|
+
where the `empty` slot is empty. Empty, the default, shows no row. */
|
|
36709
|
+
emptyLabel?: (HelixVirtualList["emptyLabel"]) | undefined;
|
|
36403
36710
|
/** The height of one row, in pixels, used to find the row at a scroll offset.
|
|
36404
36711
|
|
|
36405
36712
|
An estimate rather than a measurement while `measured` is off, which is
|
|
@@ -36497,6 +36804,12 @@ export type HelixVirtualListSolidJsProps = {
|
|
|
36497
36804
|
items out as a grid of that many equal columns, windowed a line at a
|
|
36498
36805
|
time, with Left and Right moving along a line. */
|
|
36499
36806
|
"prop:columns"?: (HelixVirtualList["columns"]) | undefined;
|
|
36807
|
+
/** The text of the row shown when there are no items and none are loading,
|
|
36808
|
+
where the `empty` slot is empty. Empty, the default, shows no row. */
|
|
36809
|
+
"attr:empty-label"?: (HelixVirtualList["emptyLabel"]) | undefined;
|
|
36810
|
+
/** The text of the row shown when there are no items and none are loading,
|
|
36811
|
+
where the `empty` slot is empty. Empty, the default, shows no row. */
|
|
36812
|
+
"prop:emptyLabel"?: (HelixVirtualList["emptyLabel"]) | undefined;
|
|
36500
36813
|
/** The height of one row, in pixels, used to find the row at a scroll offset.
|
|
36501
36814
|
|
|
36502
36815
|
An estimate rather than a measurement while `measured` is off, which is
|
|
@@ -37228,6 +37541,11 @@ export type CustomElements = {
|
|
|
37228
37541
|
* `{totalLabel}` the name for the sum, `{total}` the sum, written in the
|
|
37229
37542
|
* locale, and `{shares}` each part's share, listed as the locale lists.
|
|
37230
37543
|
* - `total-label`/`totalLabel`: The name for the sum of the parts, shown in the tooltip and the summary.
|
|
37544
|
+
* - `value-axis`/`valueAxis`: Draws the scale's numbers beside the plot, the `axis` part, at the levels
|
|
37545
|
+
* `gridlines` rules: amounts, or percentages under `share`.
|
|
37546
|
+
*
|
|
37547
|
+
* Absent draws none: bands read as a composition need no numbers beside
|
|
37548
|
+
* them, and the tooltip and the table hold every reading.
|
|
37231
37549
|
* - `pointer`: Finds the reading nearest the pointer, so the tooltip can sit on it.
|
|
37232
37550
|
*
|
|
37233
37551
|
* Public for the same reason `series` and `named` are: a protected member
|
|
@@ -37289,6 +37607,13 @@ export type CustomElements = {
|
|
|
37289
37607
|
* browser harness's awaits it alone: a browser always runs the frame, and a
|
|
37290
37608
|
* timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
|
|
37291
37609
|
*
|
|
37610
|
+
* ## Events
|
|
37611
|
+
*
|
|
37612
|
+
* Events that will be emitted by the component.
|
|
37613
|
+
*
|
|
37614
|
+
* - `helix-reading-change`: The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it.
|
|
37615
|
+
* - `helix-reading-press`: A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`.
|
|
37616
|
+
*
|
|
37292
37617
|
* ## Methods
|
|
37293
37618
|
*
|
|
37294
37619
|
* Methods that can be called to access component functionality.
|
|
@@ -37336,12 +37661,14 @@ export type CustomElements = {
|
|
|
37336
37661
|
* - `--area-chart-overlap-opacity`: How much of each band shows under `overlap`, where the bands in front let the ones behind show through.
|
|
37337
37662
|
* - `--area-chart-width`: Thickness of a band's top edge. Overrides `--chart-stroke`.
|
|
37338
37663
|
* - `--chart-stroke`: Thickness of a band's top edge. Area Chart, Line Chart, and Bar Chart's `lines` all read this one property. `--area-chart-width` overrides it here.
|
|
37664
|
+
* - `--area-chart-axis`: The width of the axis, in `ch`, set from the widest number on it. Written by the component on the axis.
|
|
37339
37665
|
*
|
|
37340
37666
|
* ## CSS Parts
|
|
37341
37667
|
*
|
|
37342
37668
|
* Custom selectors for styling elements within the component.
|
|
37343
37669
|
*
|
|
37344
37670
|
* - `area`: One part's band.
|
|
37671
|
+
* - `axis`: The numbers of the scale beside the plot, under `value-axis`.
|
|
37345
37672
|
* - `baseline`: The rule at zero, which is the floor of the drawing.
|
|
37346
37673
|
* - `gridline`: One rule across the plot, under `gridlines`.
|
|
37347
37674
|
* - `guide`: A rule down the reading a pointer is resting on.
|
|
@@ -37353,6 +37680,7 @@ export type CustomElements = {
|
|
|
37353
37680
|
* - `plot`: The drawing, which takes focus to be read by key.
|
|
37354
37681
|
* - `summary`: The total and each part's share at the latest reading, written as a sentence for screen readers.
|
|
37355
37682
|
* - `svg`: The drawing surface the bands sit on.
|
|
37683
|
+
* - `tick`: One number on the axis, placed with `inset-block-start` at its level.
|
|
37356
37684
|
* - `tooltip`: The bubble, forwarded from `Tooltip`.
|
|
37357
37685
|
* - `tooltip-anchor`: The `Tooltip` element itself.
|
|
37358
37686
|
* - `tooltip-arrow`: The bubble's point, forwarded from `Tooltip`.
|
|
@@ -38155,6 +38483,12 @@ export type CustomElements = {
|
|
|
38155
38483
|
* - `summary-label`/`summaryLabel`: The summary's sentence. `{highestLabel}` is `highest-label`, and
|
|
38156
38484
|
* `{readings}` each series' highest reading: the series, the category and
|
|
38157
38485
|
* the reading as the table writes it.
|
|
38486
|
+
* - `value-axis`/`valueAxis`: Draws the numbers of the scale the bars are measured on, the `axis` part,
|
|
38487
|
+
* at the levels `gridlines` rules: down the side of columns, and along the
|
|
38488
|
+
* bottom of bars under `orientation="horizontal"`.
|
|
38489
|
+
*
|
|
38490
|
+
* Absent draws none with one scale, since bars compared with each other need
|
|
38491
|
+
* no numbers. With `secondary` both scales are drawn whatever this says.
|
|
38158
38492
|
* - `pointer`: Finds the reading nearest the pointer, so the tooltip can sit on it.
|
|
38159
38493
|
*
|
|
38160
38494
|
* Public for the same reason `series` and `named` are: a protected member
|
|
@@ -38216,6 +38550,13 @@ export type CustomElements = {
|
|
|
38216
38550
|
* browser harness's awaits it alone: a browser always runs the frame, and a
|
|
38217
38551
|
* timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
|
|
38218
38552
|
*
|
|
38553
|
+
* ## Events
|
|
38554
|
+
*
|
|
38555
|
+
* Events that will be emitted by the component.
|
|
38556
|
+
*
|
|
38557
|
+
* - `helix-reading-change`: The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it.
|
|
38558
|
+
* - `helix-reading-press`: A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`.
|
|
38559
|
+
*
|
|
38219
38560
|
* ## Methods
|
|
38220
38561
|
*
|
|
38221
38562
|
* Methods that can be called to access component functionality.
|
|
@@ -38273,7 +38614,7 @@ export type CustomElements = {
|
|
|
38273
38614
|
*
|
|
38274
38615
|
* Custom selectors for styling elements within the component.
|
|
38275
38616
|
*
|
|
38276
|
-
* - `axis`: The numbers of one scale
|
|
38617
|
+
* - `axis`: The numbers of one scale: the primary under `value-axis`, and both when `secondary` splits the chart into two scales.
|
|
38277
38618
|
* - `band`: The category band under the pointer.
|
|
38278
38619
|
* - `bar`: One column.
|
|
38279
38620
|
* - `bar-wash-end`: The far stop of a bar's gradient, where one is used.
|
|
@@ -40303,7 +40644,12 @@ export type CustomElements = {
|
|
|
40303
40644
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
40304
40645
|
*
|
|
40305
40646
|
* - `label`: The field's name, read by screen readers.
|
|
40647
|
+
* - `maxlength`/`maxLength`: The most characters a draft can have. The field stops taking more.
|
|
40648
|
+
* - `minlength`/`minLength`: The fewest characters a draft can have, once the reader has written in
|
|
40649
|
+
* the field, as on a `<textarea>`.
|
|
40306
40650
|
* - `placeholder`: Placeholder text shown in an empty field.
|
|
40651
|
+
* - `required`: Whether the form needs a draft to submit. An empty draft never sends,
|
|
40652
|
+
* required or not.
|
|
40307
40653
|
* - `rows`: How many rows the field opens at.
|
|
40308
40654
|
*
|
|
40309
40655
|
* It grows from there.
|
|
@@ -40469,6 +40815,7 @@ export type CustomElements = {
|
|
|
40469
40815
|
*
|
|
40470
40816
|
* These can be used to apply styling when a component is in a given state.
|
|
40471
40817
|
*
|
|
40818
|
+
* - `invalid`: The draft fails `required`, `minlength`, `maxlength`, or a custom error, and the reader has tried to send or submit it, or edited the field and left it.
|
|
40472
40819
|
* - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
|
|
40473
40820
|
*/
|
|
40474
40821
|
"helix-chat-composer": Partial<
|
|
@@ -41744,6 +42091,7 @@ export type CustomElements = {
|
|
|
41744
42091
|
* - `end`: Content at the trailing end, before the trigger.
|
|
41745
42092
|
* - `feedback`: The message that says what is wrong with the value.
|
|
41746
42093
|
* - `hint`: Help text under the field.
|
|
42094
|
+
* - `label`: The label, for content richer than the `label` text.
|
|
41747
42095
|
* - `panel-footer`: Content in the panel under the picker, such as a note or an action.
|
|
41748
42096
|
* - `panel-header`: Content in the panel above the picker, such as a heading or a shortcut.
|
|
41749
42097
|
* - `start`: Content at the leading end of the field, inside its border.
|
|
@@ -43049,7 +43397,7 @@ export type CustomElements = {
|
|
|
43049
43397
|
* Custom selectors for styling elements within the component.
|
|
43050
43398
|
*
|
|
43051
43399
|
* - `button`: The inner button.
|
|
43052
|
-
* - `live`: The live region that says `pending-label` when the button becomes pending under focus. It is rendered from the first time
|
|
43400
|
+
* - `live`: The live region that says `copied-label` or `error-label` after a press, and `pending-label` when the button becomes pending under focus. It is rendered from the first time it says anything.
|
|
43053
43401
|
* - `mark`: The clipboard icon, and the confirmation icon that replaces it.
|
|
43054
43402
|
* - `spinner`: The ring a pending button turns, an empty element the styled button draws over the icon. It is rendered only while the button is pending.
|
|
43055
43403
|
* - `tooltip`: The tooltip bubble, forwarded from the tooltip inside the button.
|
|
@@ -43235,6 +43583,12 @@ export type CustomElements = {
|
|
|
43235
43583
|
* rows are chosen, written in the locale, and a language that needs plural
|
|
43236
43584
|
* forms writes them: `{count, plural, one {# wybrany} few {# wybrane} many
|
|
43237
43585
|
* {# wybranych} other {# wybranego}}`.
|
|
43586
|
+
* - `selection-behavior`/`selectionBehavior`: What a key or a press on a row does to the rows already selected, in a
|
|
43587
|
+
* `selectable` table. `toggle`, the default, keeps them: Space adds or takes
|
|
43588
|
+
* out the row. `replace` selects the row alone, as a file list does: Down and
|
|
43589
|
+
* Up carry the selection with them, and a press on a row selects it. Control
|
|
43590
|
+
* or Command with a press or Space adds or takes out one row, and with a move
|
|
43591
|
+
* goes without selecting. The checkboxes add or take out one row either way.
|
|
43238
43592
|
* - `select-row-label`/`selectRowLabel`: The name of a row's checkbox. `{row}` is replaced with the row's value in
|
|
43239
43593
|
* the first column that has a field, or with its key.
|
|
43240
43594
|
* - `sort`: The sort order, as `field:direction`.
|
|
@@ -43331,7 +43685,9 @@ export type CustomElements = {
|
|
|
43331
43685
|
* Areas where markup can be added to the component.
|
|
43332
43686
|
*
|
|
43333
43687
|
* - `(default)`: The columns, as `TableColumn` elements.
|
|
43688
|
+
* - `empty`: Content shown when there are no rows to show and none are loading, such as a picture and a link. Falls back to `empty-text`, which the live region still says.
|
|
43334
43689
|
* - `footer`: Content below the grid. It replaces the built-in pagination.
|
|
43690
|
+
* - `loading`: Content shown while the rows load, such as a spinner. Falls back to `loading-text`, which the live region still says.
|
|
43335
43691
|
* - `toolbar`: Content above the grid, such as a search field or actions.
|
|
43336
43692
|
*
|
|
43337
43693
|
* ## Methods
|
|
@@ -43750,6 +44106,7 @@ export type CustomElements = {
|
|
|
43750
44106
|
*
|
|
43751
44107
|
* - `feedback`: The error message under the field.
|
|
43752
44108
|
* - `hint`: The help text under the field.
|
|
44109
|
+
* - `label`: The label, for content richer than the `label` text.
|
|
43753
44110
|
* - `next-icon`: The icon on the calendar's next month control.
|
|
43754
44111
|
* - `panel-footer`: Content in the panel under the calendar, such as a note or an action.
|
|
43755
44112
|
* - `panel-header`: Content in the panel above the calendar, such as a heading or a shortcut.
|
|
@@ -44680,10 +45037,6 @@ export type CustomElements = {
|
|
|
44680
45037
|
* A divider with nothing set into it is one line whatever this says.
|
|
44681
45038
|
* - `announced`: Whether screen readers announce the line as a separator, which they now do
|
|
44682
45039
|
* by default.
|
|
44683
|
-
*
|
|
44684
|
-
* It dates from when the line was decorative by default. It is still read,
|
|
44685
|
-
* and it wins over `decorative`, so a divider written with it stays a
|
|
44686
|
-
* separator.
|
|
44687
45040
|
* - `decorative`: Takes the line out of the accessibility tree, for a rule that separates
|
|
44688
45041
|
* nothing: one under a heading, or between the facts of a byline.
|
|
44689
45042
|
*
|
|
@@ -49195,6 +49548,12 @@ export type CustomElements = {
|
|
|
49195
49548
|
* masked with one disc per series and every stroke stops at its own ring's
|
|
49196
49549
|
* inner edge. `mask-composite: intersect` is what makes N holes out of N
|
|
49197
49550
|
* layers; a single `mask-image` would only ever cut the last one.
|
|
49551
|
+
* - `value-axis`/`valueAxis`: Draws the scale's numbers beside the plot, the `axis` part, at the levels
|
|
49552
|
+
* `gridlines` rules, so a reading can be measured off the drawing as well
|
|
49553
|
+
* as read from the tooltip.
|
|
49554
|
+
*
|
|
49555
|
+
* Absent draws none: a line read for its shape needs no numbers beside it,
|
|
49556
|
+
* and the tooltip and the table hold every reading.
|
|
49198
49557
|
* - `zero`: Whether the range always includes zero.
|
|
49199
49558
|
*
|
|
49200
49559
|
* Absent measures from the data's own extent, which is what a line is for.
|
|
@@ -49262,6 +49621,13 @@ export type CustomElements = {
|
|
|
49262
49621
|
* browser harness's awaits it alone: a browser always runs the frame, and a
|
|
49263
49622
|
* timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
|
|
49264
49623
|
*
|
|
49624
|
+
* ## Events
|
|
49625
|
+
*
|
|
49626
|
+
* Events that will be emitted by the component.
|
|
49627
|
+
*
|
|
49628
|
+
* - `helix-reading-change`: The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it.
|
|
49629
|
+
* - `helix-reading-press`: A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`.
|
|
49630
|
+
*
|
|
49265
49631
|
* ## Methods
|
|
49266
49632
|
*
|
|
49267
49633
|
* Methods that can be called to access component functionality.
|
|
@@ -49316,12 +49682,14 @@ export type CustomElements = {
|
|
|
49316
49682
|
* - `--line-chart-width`: Thickness of a line. Overrides `--chart-stroke`.
|
|
49317
49683
|
* - `--chart-terminus-x`: Where a series' last reading sits horizontally, as a percentage. Written by the component.
|
|
49318
49684
|
* - `--chart-terminus-y`: Where a series' last reading sits vertically, as a percentage. Written by the component.
|
|
49685
|
+
* - `--line-chart-axis`: The width of the axis, in `ch`, set from the widest number on it. Written by the component on the axis.
|
|
49319
49686
|
*
|
|
49320
49687
|
* ## CSS Parts
|
|
49321
49688
|
*
|
|
49322
49689
|
* Custom selectors for styling elements within the component.
|
|
49323
49690
|
*
|
|
49324
49691
|
* - `area`: The wash under one line, where `area` is set.
|
|
49692
|
+
* - `axis`: The numbers of the scale beside the plot, under `value-axis`.
|
|
49325
49693
|
* - `band`: The band around the reading under the pointer.
|
|
49326
49694
|
* - `baseline`: The rule at zero, where zero is inside the range.
|
|
49327
49695
|
* - `gridline`: One rule across the plot, under `gridlines`.
|
|
@@ -49338,6 +49706,7 @@ export type CustomElements = {
|
|
|
49338
49706
|
* - `summary`: The chart's name and each series' latest reading, written as a sentence for screen readers. Hide it visually.
|
|
49339
49707
|
* - `svg`: The drawing surface the lines and areas sit on.
|
|
49340
49708
|
* - `terminus`: The mark on one series' last reading.
|
|
49709
|
+
* - `tick`: One number on the axis, placed with `inset-block-start` at its level.
|
|
49341
49710
|
* - `tooltip`: The bubble, forwarded from `Tooltip`.
|
|
49342
49711
|
* - `tooltip-anchor`: The `Tooltip` element itself.
|
|
49343
49712
|
* - `tooltip-arrow`: The bubble's point, forwarded from `Tooltip`.
|
|
@@ -53099,14 +53468,10 @@ export type CustomElements = {
|
|
|
53099
53468
|
* ends. Matching still reads the label, so what somebody types is matched
|
|
53100
53469
|
* against the name rather than against prose about it.
|
|
53101
53470
|
*
|
|
53102
|
-
*
|
|
53103
|
-
*
|
|
53104
|
-
*
|
|
53105
|
-
*
|
|
53106
|
-
* filled, so every option without a caption would carry an empty line. The
|
|
53107
|
-
* detection that would avoid it does not exist, `:host(:has())` being invalid
|
|
53108
|
-
* and the server having no children to inspect. A property is known at render
|
|
53109
|
-
* time, so the component can decline to draw the box at all.
|
|
53471
|
+
* For a caption richer than a string, slot it into `description`. The
|
|
53472
|
+
* property is that slot's fallback inside the `description` part. With no
|
|
53473
|
+
* property the slot is drawn bare, which takes no box while it is empty, so
|
|
53474
|
+
* an option without a caption carries no empty line.
|
|
53110
53475
|
*
|
|
53111
53476
|
* It does not reflect, per the rule that payload state stays off the host: a
|
|
53112
53477
|
* string is not a fact a selector needs.
|
|
@@ -53175,6 +53540,12 @@ export type CustomElements = {
|
|
|
53175
53540
|
* name is the fault `TreeItem` avoids by mirroring to `data-selected`.
|
|
53176
53541
|
* Splitting them means moving what every stylesheet selects on, which is a
|
|
53177
53542
|
* change of its own rather than a property being added. (property only)
|
|
53543
|
+
* - `selectionFollowsActive`: Whether the option says it is selected while the keyboard is on it.
|
|
53544
|
+
*
|
|
53545
|
+
* Written by a control whose list holds suggestions, such as `FilterInput`:
|
|
53546
|
+
* nothing there stays chosen, so the row the keyboard is on is the
|
|
53547
|
+
* selection, as the APG combobox's list with selection that follows focus
|
|
53548
|
+
* says. No attribute: it is coordination between elements. (property only)
|
|
53178
53549
|
* - `text`: The option's text, which a listbox matches typed text against.
|
|
53179
53550
|
*
|
|
53180
53551
|
* Read from the rendered content rather than required as a property, because
|
|
@@ -53247,7 +53618,9 @@ export type CustomElements = {
|
|
|
53247
53618
|
* Areas where markup can be added to the component.
|
|
53248
53619
|
*
|
|
53249
53620
|
* - `(default)`: The option's label.
|
|
53621
|
+
* - `description`: A second line under the label, for content richer than the `description` text.
|
|
53250
53622
|
* - `end`: Content after the label, such as a shortcut or a count.
|
|
53623
|
+
* - `indicator`: An icon shown while the option is chosen, in place of the check the styled option draws.
|
|
53251
53624
|
* - `start`: Content before the label, such as an icon or an avatar.
|
|
53252
53625
|
*
|
|
53253
53626
|
* ## Methods
|
|
@@ -53284,6 +53657,8 @@ export type CustomElements = {
|
|
|
53284
53657
|
* These can be used to apply styling when a component is in a given state.
|
|
53285
53658
|
*
|
|
53286
53659
|
* - `active`: While the keyboard is on the option, which is the option `aria-activedescendant` names.
|
|
53660
|
+
* - `disabled`: While the option cannot be chosen.
|
|
53661
|
+
* - `has-indicator`: An icon is slotted into `indicator`.
|
|
53287
53662
|
* - `selected`: While the option is chosen.
|
|
53288
53663
|
* - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
|
|
53289
53664
|
*/
|
|
@@ -54920,7 +55295,11 @@ export type CustomElements = {
|
|
|
54920
55295
|
*
|
|
54921
55296
|
* No attribute: it is coordination between elements, and a consumer has no
|
|
54922
55297
|
* reason to set it. (property only)
|
|
54923
|
-
* - `items`: The radios, in light-DOM order. Client only: the server has no tree.
|
|
55298
|
+
* - `items`: The radios, in light-DOM order. Client only: the server has no tree.
|
|
55299
|
+
*
|
|
55300
|
+
* Descendants, as `Checkbox.Group` reads its boxes, so a radio inside a
|
|
55301
|
+
* layout wrapper of yours is one of the group's. A radio held by a group
|
|
55302
|
+
* nested inside this one is that group's. (property only) (readonly)
|
|
54924
55303
|
* - `validity`: Whether the control meets its constraints, and why not. (property only) (readonly)
|
|
54925
55304
|
* - `validationMessage`: The message the browser would show for the control, or an empty string. (property only) (readonly)
|
|
54926
55305
|
* - `willValidate`: Whether the control is checked when its form is submitted. (property only) (readonly)
|
|
@@ -55690,6 +56069,12 @@ export type CustomElements = {
|
|
|
55690
56069
|
* pointer, the keyboard, and the corner. The inner splitter holds the panes and
|
|
55691
56070
|
* the outer one holds the panel, so the panel spans the full width.
|
|
55692
56071
|
*
|
|
56072
|
+
* On a focused divider, the arrow keys move it, and `Home` and `End` move it
|
|
56073
|
+
* to its ends. `Enter` on the panes divider shuts the lead pane, and pressed
|
|
56074
|
+
* again it opens the pane where it was. `Enter` on the panel divider shuts the
|
|
56075
|
+
* panel to `panel-collapsed-size`, and pressed again it opens the panel to its
|
|
56076
|
+
* last height.
|
|
56077
|
+
*
|
|
55693
56078
|
* ## Attributes & Properties
|
|
55694
56079
|
*
|
|
55695
56080
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
@@ -56322,6 +56707,13 @@ export type CustomElements = {
|
|
|
56322
56707
|
* browser harness's awaits it alone: a browser always runs the frame, and a
|
|
56323
56708
|
* timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
|
|
56324
56709
|
*
|
|
56710
|
+
* ## Events
|
|
56711
|
+
*
|
|
56712
|
+
* Events that will be emitted by the component.
|
|
56713
|
+
*
|
|
56714
|
+
* - `helix-reading-change`: The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it.
|
|
56715
|
+
* - `helix-reading-press`: A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`.
|
|
56716
|
+
*
|
|
56325
56717
|
* ## Methods
|
|
56326
56718
|
*
|
|
56327
56719
|
* Methods that can be called to access component functionality.
|
|
@@ -59129,7 +59521,9 @@ export type CustomElements = {
|
|
|
59129
59521
|
* Areas where markup can be added to the component.
|
|
59130
59522
|
*
|
|
59131
59523
|
* - `(default)`: The table's rows.
|
|
59524
|
+
* - `empty`: Content shown when there are no rows and none are loading, such as a picture and a link. Falls back to `empty-text`, which the live region still says.
|
|
59132
59525
|
* - `heading`: Words that name the table, shown above it in the weight of a heading.
|
|
59526
|
+
* - `loading`: Content shown while the rows load, such as a spinner. Falls back to `loading-text`, which the live region still says.
|
|
59133
59527
|
*
|
|
59134
59528
|
* ## Methods
|
|
59135
59529
|
*
|
|
@@ -59199,6 +59593,12 @@ export type CustomElements = {
|
|
|
59199
59593
|
*
|
|
59200
59594
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
59201
59595
|
*
|
|
59596
|
+
* - `disabled`: Takes the row out of the table's selection and out of its link: the row's
|
|
59597
|
+
* checkbox is disabled, Space, Shift ranges, and the checkbox in the heading
|
|
59598
|
+
* pass over it, and a press does not follow `href`. A row already selected
|
|
59599
|
+
* stays selected. A screen reader hears it as unavailable, and in a `grid`
|
|
59600
|
+
* table the arrow keys still reach it, as a disabled cell in a grid is
|
|
59601
|
+
* reached.
|
|
59202
59602
|
* - `href`: The URL a press on the row follows, which makes the whole row a link.
|
|
59203
59603
|
* Empty, the default, leaves presses to the row's cells.
|
|
59204
59604
|
* - `rel`: The `rel` of the row's link. You set it yourself, as on an anchor.
|
|
@@ -59241,6 +59641,7 @@ export type CustomElements = {
|
|
|
59241
59641
|
* - `--table-drop-indicator-size`: The thickness of the line where a moved row would land.
|
|
59242
59642
|
* - `--table-grip-color`: The color of a row's grip, in a `reorderable` table.
|
|
59243
59643
|
* - `--table-grip-disabled-opacity`: The opacity of a row's grip while a sort decides the order.
|
|
59644
|
+
* - `--table-row-disabled-opacity`: The opacity of the cells of a `disabled` row.
|
|
59244
59645
|
* - `--table-row-hover-background-color`: The wash across the cells of a row with `href` under the pointer.
|
|
59245
59646
|
*
|
|
59246
59647
|
* ## CSS Parts
|
|
@@ -59271,7 +59672,7 @@ export type CustomElements = {
|
|
|
59271
59672
|
* - `dragging`: The row is being moved, in a `reorderable` table.
|
|
59272
59673
|
* - `drop-after`: The row being moved goes after this one when it is dropped.
|
|
59273
59674
|
* - `drop-before`: The row being moved goes before this one when it is dropped.
|
|
59274
|
-
* - `link`: While the row has `href`, so a press on it follows the link.
|
|
59675
|
+
* - `link`: While the row has `href` and is not `disabled`, so a press on it follows the link.
|
|
59275
59676
|
* - `selected`: While the row is selected, in a `selectable` table.
|
|
59276
59677
|
* - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
|
|
59277
59678
|
*/
|
|
@@ -59690,6 +60091,8 @@ export type CustomElements = {
|
|
|
59690
60091
|
* Independent of `tone` on purpose: an outlined danger tag and a solid danger
|
|
59691
60092
|
* tag are both sensible, and one property welding color to fill can ask for
|
|
59692
60093
|
* neither. That is the test the whole axis registry answers to.
|
|
60094
|
+
* - `shape`: The tag's outline. `pill` rounds its ends fully, for a set of tags among
|
|
60095
|
+
* rounded controls. Absent is the theme's small radius.
|
|
59693
60096
|
* - `tone`: The meaning the tag's color shows, such as `success` or `danger`.
|
|
59694
60097
|
*
|
|
59695
60098
|
* `tone` is semantic color, which is what these are and what `helix-text`
|
|
@@ -59721,6 +60124,12 @@ export type CustomElements = {
|
|
|
59721
60124
|
* - `value`: What the tag stands for in its group's `value`.
|
|
59722
60125
|
*
|
|
59723
60126
|
* Absent is the tag's own words, its category first.
|
|
60127
|
+
* - `dismissTabStop`: Whether the remove button is a tab stop of its own, outside a `Tag.Group`.
|
|
60128
|
+
*
|
|
60129
|
+
* A field that holds tags as its tokens, such as a `multiple` Combobox,
|
|
60130
|
+
* writes `false`: the field's text is its one tab stop, and the arrow keys
|
|
60131
|
+
* move from the text to the tags. No attribute: it is coordination between
|
|
60132
|
+
* elements, as `focusable` is. (property only)
|
|
59724
60133
|
* - `focusable`: Whether the tag holds its group's tab stop.
|
|
59725
60134
|
*
|
|
59726
60135
|
* Written by `Tag.Group` on every tag it holds, and unset outside one, which
|
|
@@ -60447,6 +60856,7 @@ export type CustomElements = {
|
|
|
60447
60856
|
*
|
|
60448
60857
|
* - `feedback`: The message that says what is wrong with the value.
|
|
60449
60858
|
* - `hint`: Help under the field.
|
|
60859
|
+
* - `label`: The label, for content richer than the `label` text.
|
|
60450
60860
|
* - `panel-footer`: Content in the panel under the times, such as a note or an action.
|
|
60451
60861
|
* - `panel-header`: Content in the panel above the times, such as a heading or a shortcut.
|
|
60452
60862
|
* - `trigger`: The icon on the field that shows a list opens.
|
|
@@ -61735,8 +62145,8 @@ export type CustomElements = {
|
|
|
61735
62145
|
* name is the fault `TreeItem` avoids by mirroring to `data-selected`.
|
|
61736
62146
|
* Splitting them means moving what every stylesheet selects on, which is a
|
|
61737
62147
|
* change of its own rather than a property being added. (property only)
|
|
61738
|
-
* - `focusable`: Whether the item holds the group's tab stop. Unset,
|
|
61739
|
-
* it.
|
|
62148
|
+
* - `focusable`: Whether the item holds the group's tab stop. Unset, no group holds the
|
|
62149
|
+
* item, and it is a toggle button with a tab stop of its own.
|
|
61740
62150
|
*
|
|
61741
62151
|
* Written by the group on every item: `true` for the chosen item, or for the
|
|
61742
62152
|
* first item that can be chosen while there is no selection to carry the
|
|
@@ -61773,6 +62183,7 @@ export type CustomElements = {
|
|
|
61773
62183
|
*
|
|
61774
62184
|
* Events that will be emitted by the component.
|
|
61775
62185
|
*
|
|
62186
|
+
* - `change`: Fired after a toggle button on its own is pressed or released.
|
|
61776
62187
|
* - `helix-select`: Fired when the item is chosen. Cancelable: call `preventDefault()` to keep the current choice.
|
|
61777
62188
|
*
|
|
61778
62189
|
* ## Slots
|
|
@@ -63405,6 +63816,9 @@ export type CustomElements = {
|
|
|
63405
63816
|
* - `label`: Accessible name for the video, which its filename does not provide.
|
|
63406
63817
|
* - `loading-label`/`loadingLabel`: The text announced while the video waits for more data.
|
|
63407
63818
|
* - `loop`: Whether the video starts again at the end.
|
|
63819
|
+
* - `media-title`/`mediaTitle`: The title the device's own media controls show while the video plays,
|
|
63820
|
+
* such as on a lock screen. Empty, the default, shows `label`. A playlist
|
|
63821
|
+
* writes the current entry's name here.
|
|
63408
63822
|
* - `more-label`/`moreLabel`: What the button that opens `overflow-controls` is called.
|
|
63409
63823
|
* - `mute-label`/`muteLabel`: The name of the mute control. The control shows as pressed while the video
|
|
63410
63824
|
* is muted.
|
|
@@ -63711,6 +64125,8 @@ export type CustomElements = {
|
|
|
63711
64125
|
* - `columns`: How many items a line holds. One, the default, is a list; more lays the
|
|
63712
64126
|
* items out as a grid of that many equal columns, windowed a line at a
|
|
63713
64127
|
* time, with Left and Right moving along a line.
|
|
64128
|
+
* - `empty-label`/`emptyLabel`: The text of the row shown when there are no items and none are loading,
|
|
64129
|
+
* where the `empty` slot is empty. Empty, the default, shows no row.
|
|
63714
64130
|
* - `estimate`: The height of one row, in pixels, used to find the row at a scroll offset.
|
|
63715
64131
|
*
|
|
63716
64132
|
* An estimate rather than a measurement while `measured` is off, which is
|
|
@@ -63800,6 +64216,7 @@ export type CustomElements = {
|
|
|
63800
64216
|
* Areas where markup can be added to the component.
|
|
63801
64217
|
*
|
|
63802
64218
|
* - `(default)`: The `<template>` that defines one row. The list writes the rows it renders beside it, and this slot shows them between the two spacers.
|
|
64219
|
+
* - `empty`: Content for the row shown when there are no items and none are loading. Falls back to `empty-label`.
|
|
63803
64220
|
* - `loading`: Content for the row after the last item while `loading` is set. Falls back to `loading-label`.
|
|
63804
64221
|
*
|
|
63805
64222
|
* ## Methods
|
|
@@ -63817,6 +64234,8 @@ export type CustomElements = {
|
|
|
63817
64234
|
* CSS variables available for styling the component.
|
|
63818
64235
|
*
|
|
63819
64236
|
* - `--virtual-list-block-size`: How tall the scrolling box is.
|
|
64237
|
+
* - `--virtual-list-empty-color`: The color of the text in the row shown when there are no items.
|
|
64238
|
+
* - `--virtual-list-empty-padding`: The space around the text in the row shown when there are no items.
|
|
63820
64239
|
* - `--virtual-list-loading-color`: The color of the text in the row drawn while `loading` is set.
|
|
63821
64240
|
* - `--virtual-list-loading-padding`: The space around the text in the row drawn while `loading` is set.
|
|
63822
64241
|
* - `--virtual-list-scrollbar-thumb-color`: The thumb of the list's scrollbar. Defaults to `--helix-scrollbar-thumb-color`.
|
|
@@ -63830,6 +64249,7 @@ export type CustomElements = {
|
|
|
63830
64249
|
*
|
|
63831
64250
|
* - `after`: The space that stands in for the rows below the rendered ones.
|
|
63832
64251
|
* - `before`: The space that stands in for the rows above the rendered ones.
|
|
64252
|
+
* - `empty`: The row shown when there are no items and none are loading, where `empty-label` or the `empty` slot gives it content.
|
|
63833
64253
|
* - `loading`: The row after the last item while `loading` is set.
|
|
63834
64254
|
* - `viewport`: The scrolling box.
|
|
63835
64255
|
*
|
|
@@ -64491,6 +64911,11 @@ export type CustomElementsSolidJs = {
|
|
|
64491
64911
|
* `{totalLabel}` the name for the sum, `{total}` the sum, written in the
|
|
64492
64912
|
* locale, and `{shares}` each part's share, listed as the locale lists.
|
|
64493
64913
|
* - `total-label`/`totalLabel`: The name for the sum of the parts, shown in the tooltip and the summary.
|
|
64914
|
+
* - `value-axis`/`valueAxis`: Draws the scale's numbers beside the plot, the `axis` part, at the levels
|
|
64915
|
+
* `gridlines` rules: amounts, or percentages under `share`.
|
|
64916
|
+
*
|
|
64917
|
+
* Absent draws none: bands read as a composition need no numbers beside
|
|
64918
|
+
* them, and the tooltip and the table hold every reading.
|
|
64494
64919
|
* - `pointer`: Finds the reading nearest the pointer, so the tooltip can sit on it.
|
|
64495
64920
|
*
|
|
64496
64921
|
* Public for the same reason `series` and `named` are: a protected member
|
|
@@ -64552,6 +64977,13 @@ export type CustomElementsSolidJs = {
|
|
|
64552
64977
|
* browser harness's awaits it alone: a browser always runs the frame, and a
|
|
64553
64978
|
* timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
|
|
64554
64979
|
*
|
|
64980
|
+
* ## Events
|
|
64981
|
+
*
|
|
64982
|
+
* Events that will be emitted by the component.
|
|
64983
|
+
*
|
|
64984
|
+
* - `helix-reading-change`: The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it.
|
|
64985
|
+
* - `helix-reading-press`: A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`.
|
|
64986
|
+
*
|
|
64555
64987
|
* ## Methods
|
|
64556
64988
|
*
|
|
64557
64989
|
* Methods that can be called to access component functionality.
|
|
@@ -64599,12 +65031,14 @@ export type CustomElementsSolidJs = {
|
|
|
64599
65031
|
* - `--area-chart-overlap-opacity`: How much of each band shows under `overlap`, where the bands in front let the ones behind show through.
|
|
64600
65032
|
* - `--area-chart-width`: Thickness of a band's top edge. Overrides `--chart-stroke`.
|
|
64601
65033
|
* - `--chart-stroke`: Thickness of a band's top edge. Area Chart, Line Chart, and Bar Chart's `lines` all read this one property. `--area-chart-width` overrides it here.
|
|
65034
|
+
* - `--area-chart-axis`: The width of the axis, in `ch`, set from the widest number on it. Written by the component on the axis.
|
|
64602
65035
|
*
|
|
64603
65036
|
* ## CSS Parts
|
|
64604
65037
|
*
|
|
64605
65038
|
* Custom selectors for styling elements within the component.
|
|
64606
65039
|
*
|
|
64607
65040
|
* - `area`: One part's band.
|
|
65041
|
+
* - `axis`: The numbers of the scale beside the plot, under `value-axis`.
|
|
64608
65042
|
* - `baseline`: The rule at zero, which is the floor of the drawing.
|
|
64609
65043
|
* - `gridline`: One rule across the plot, under `gridlines`.
|
|
64610
65044
|
* - `guide`: A rule down the reading a pointer is resting on.
|
|
@@ -64616,6 +65050,7 @@ export type CustomElementsSolidJs = {
|
|
|
64616
65050
|
* - `plot`: The drawing, which takes focus to be read by key.
|
|
64617
65051
|
* - `summary`: The total and each part's share at the latest reading, written as a sentence for screen readers.
|
|
64618
65052
|
* - `svg`: The drawing surface the bands sit on.
|
|
65053
|
+
* - `tick`: One number on the axis, placed with `inset-block-start` at its level.
|
|
64619
65054
|
* - `tooltip`: The bubble, forwarded from `Tooltip`.
|
|
64620
65055
|
* - `tooltip-anchor`: The `Tooltip` element itself.
|
|
64621
65056
|
* - `tooltip-arrow`: The bubble's point, forwarded from `Tooltip`.
|
|
@@ -65434,6 +65869,12 @@ export type CustomElementsSolidJs = {
|
|
|
65434
65869
|
* - `summary-label`/`summaryLabel`: The summary's sentence. `{highestLabel}` is `highest-label`, and
|
|
65435
65870
|
* `{readings}` each series' highest reading: the series, the category and
|
|
65436
65871
|
* the reading as the table writes it.
|
|
65872
|
+
* - `value-axis`/`valueAxis`: Draws the numbers of the scale the bars are measured on, the `axis` part,
|
|
65873
|
+
* at the levels `gridlines` rules: down the side of columns, and along the
|
|
65874
|
+
* bottom of bars under `orientation="horizontal"`.
|
|
65875
|
+
*
|
|
65876
|
+
* Absent draws none with one scale, since bars compared with each other need
|
|
65877
|
+
* no numbers. With `secondary` both scales are drawn whatever this says.
|
|
65437
65878
|
* - `pointer`: Finds the reading nearest the pointer, so the tooltip can sit on it.
|
|
65438
65879
|
*
|
|
65439
65880
|
* Public for the same reason `series` and `named` are: a protected member
|
|
@@ -65495,6 +65936,13 @@ export type CustomElementsSolidJs = {
|
|
|
65495
65936
|
* browser harness's awaits it alone: a browser always runs the frame, and a
|
|
65496
65937
|
* timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
|
|
65497
65938
|
*
|
|
65939
|
+
* ## Events
|
|
65940
|
+
*
|
|
65941
|
+
* Events that will be emitted by the component.
|
|
65942
|
+
*
|
|
65943
|
+
* - `helix-reading-change`: The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it.
|
|
65944
|
+
* - `helix-reading-press`: A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`.
|
|
65945
|
+
*
|
|
65498
65946
|
* ## Methods
|
|
65499
65947
|
*
|
|
65500
65948
|
* Methods that can be called to access component functionality.
|
|
@@ -65552,7 +66000,7 @@ export type CustomElementsSolidJs = {
|
|
|
65552
66000
|
*
|
|
65553
66001
|
* Custom selectors for styling elements within the component.
|
|
65554
66002
|
*
|
|
65555
|
-
* - `axis`: The numbers of one scale
|
|
66003
|
+
* - `axis`: The numbers of one scale: the primary under `value-axis`, and both when `secondary` splits the chart into two scales.
|
|
65556
66004
|
* - `band`: The category band under the pointer.
|
|
65557
66005
|
* - `bar`: One column.
|
|
65558
66006
|
* - `bar-wash-end`: The far stop of a bar's gradient, where one is used.
|
|
@@ -67617,7 +68065,12 @@ export type CustomElementsSolidJs = {
|
|
|
67617
68065
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
67618
68066
|
*
|
|
67619
68067
|
* - `label`: The field's name, read by screen readers.
|
|
68068
|
+
* - `maxlength`/`maxLength`: The most characters a draft can have. The field stops taking more.
|
|
68069
|
+
* - `minlength`/`minLength`: The fewest characters a draft can have, once the reader has written in
|
|
68070
|
+
* the field, as on a `<textarea>`.
|
|
67620
68071
|
* - `placeholder`: Placeholder text shown in an empty field.
|
|
68072
|
+
* - `required`: Whether the form needs a draft to submit. An empty draft never sends,
|
|
68073
|
+
* required or not.
|
|
67621
68074
|
* - `rows`: How many rows the field opens at.
|
|
67622
68075
|
*
|
|
67623
68076
|
* It grows from there.
|
|
@@ -67783,6 +68236,7 @@ export type CustomElementsSolidJs = {
|
|
|
67783
68236
|
*
|
|
67784
68237
|
* These can be used to apply styling when a component is in a given state.
|
|
67785
68238
|
*
|
|
68239
|
+
* - `invalid`: The draft fails `required`, `minlength`, `maxlength`, or a custom error, and the reader has tried to send or submit it, or edited the field and left it.
|
|
67786
68240
|
* - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
|
|
67787
68241
|
*/
|
|
67788
68242
|
"helix-chat-composer": Partial<
|
|
@@ -69077,6 +69531,7 @@ export type CustomElementsSolidJs = {
|
|
|
69077
69531
|
* - `end`: Content at the trailing end, before the trigger.
|
|
69078
69532
|
* - `feedback`: The message that says what is wrong with the value.
|
|
69079
69533
|
* - `hint`: Help text under the field.
|
|
69534
|
+
* - `label`: The label, for content richer than the `label` text.
|
|
69080
69535
|
* - `panel-footer`: Content in the panel under the picker, such as a note or an action.
|
|
69081
69536
|
* - `panel-header`: Content in the panel above the picker, such as a heading or a shortcut.
|
|
69082
69537
|
* - `start`: Content at the leading end of the field, inside its border.
|
|
@@ -70394,7 +70849,7 @@ export type CustomElementsSolidJs = {
|
|
|
70394
70849
|
* Custom selectors for styling elements within the component.
|
|
70395
70850
|
*
|
|
70396
70851
|
* - `button`: The inner button.
|
|
70397
|
-
* - `live`: The live region that says `pending-label` when the button becomes pending under focus. It is rendered from the first time
|
|
70852
|
+
* - `live`: The live region that says `copied-label` or `error-label` after a press, and `pending-label` when the button becomes pending under focus. It is rendered from the first time it says anything.
|
|
70398
70853
|
* - `mark`: The clipboard icon, and the confirmation icon that replaces it.
|
|
70399
70854
|
* - `spinner`: The ring a pending button turns, an empty element the styled button draws over the icon. It is rendered only while the button is pending.
|
|
70400
70855
|
* - `tooltip`: The tooltip bubble, forwarded from the tooltip inside the button.
|
|
@@ -70583,6 +71038,12 @@ export type CustomElementsSolidJs = {
|
|
|
70583
71038
|
* rows are chosen, written in the locale, and a language that needs plural
|
|
70584
71039
|
* forms writes them: `{count, plural, one {# wybrany} few {# wybrane} many
|
|
70585
71040
|
* {# wybranych} other {# wybranego}}`.
|
|
71041
|
+
* - `selection-behavior`/`selectionBehavior`: What a key or a press on a row does to the rows already selected, in a
|
|
71042
|
+
* `selectable` table. `toggle`, the default, keeps them: Space adds or takes
|
|
71043
|
+
* out the row. `replace` selects the row alone, as a file list does: Down and
|
|
71044
|
+
* Up carry the selection with them, and a press on a row selects it. Control
|
|
71045
|
+
* or Command with a press or Space adds or takes out one row, and with a move
|
|
71046
|
+
* goes without selecting. The checkboxes add or take out one row either way.
|
|
70586
71047
|
* - `select-row-label`/`selectRowLabel`: The name of a row's checkbox. `{row}` is replaced with the row's value in
|
|
70587
71048
|
* the first column that has a field, or with its key.
|
|
70588
71049
|
* - `sort`: The sort order, as `field:direction`.
|
|
@@ -70679,7 +71140,9 @@ export type CustomElementsSolidJs = {
|
|
|
70679
71140
|
* Areas where markup can be added to the component.
|
|
70680
71141
|
*
|
|
70681
71142
|
* - `(default)`: The columns, as `TableColumn` elements.
|
|
71143
|
+
* - `empty`: Content shown when there are no rows to show and none are loading, such as a picture and a link. Falls back to `empty-text`, which the live region still says.
|
|
70682
71144
|
* - `footer`: Content below the grid. It replaces the built-in pagination.
|
|
71145
|
+
* - `loading`: Content shown while the rows load, such as a spinner. Falls back to `loading-text`, which the live region still says.
|
|
70683
71146
|
* - `toolbar`: Content above the grid, such as a search field or actions.
|
|
70684
71147
|
*
|
|
70685
71148
|
* ## Methods
|
|
@@ -71101,6 +71564,7 @@ export type CustomElementsSolidJs = {
|
|
|
71101
71564
|
*
|
|
71102
71565
|
* - `feedback`: The error message under the field.
|
|
71103
71566
|
* - `hint`: The help text under the field.
|
|
71567
|
+
* - `label`: The label, for content richer than the `label` text.
|
|
71104
71568
|
* - `next-icon`: The icon on the calendar's next month control.
|
|
71105
71569
|
* - `panel-footer`: Content in the panel under the calendar, such as a note or an action.
|
|
71106
71570
|
* - `panel-header`: Content in the panel above the calendar, such as a heading or a shortcut.
|
|
@@ -72044,10 +72508,6 @@ export type CustomElementsSolidJs = {
|
|
|
72044
72508
|
* A divider with nothing set into it is one line whatever this says.
|
|
72045
72509
|
* - `announced`: Whether screen readers announce the line as a separator, which they now do
|
|
72046
72510
|
* by default.
|
|
72047
|
-
*
|
|
72048
|
-
* It dates from when the line was decorative by default. It is still read,
|
|
72049
|
-
* and it wins over `decorative`, so a divider written with it stays a
|
|
72050
|
-
* separator.
|
|
72051
72511
|
* - `decorative`: Takes the line out of the accessibility tree, for a rule that separates
|
|
72052
72512
|
* nothing: one under a heading, or between the facts of a byline.
|
|
72053
72513
|
*
|
|
@@ -76638,6 +77098,12 @@ export type CustomElementsSolidJs = {
|
|
|
76638
77098
|
* masked with one disc per series and every stroke stops at its own ring's
|
|
76639
77099
|
* inner edge. `mask-composite: intersect` is what makes N holes out of N
|
|
76640
77100
|
* layers; a single `mask-image` would only ever cut the last one.
|
|
77101
|
+
* - `value-axis`/`valueAxis`: Draws the scale's numbers beside the plot, the `axis` part, at the levels
|
|
77102
|
+
* `gridlines` rules, so a reading can be measured off the drawing as well
|
|
77103
|
+
* as read from the tooltip.
|
|
77104
|
+
*
|
|
77105
|
+
* Absent draws none: a line read for its shape needs no numbers beside it,
|
|
77106
|
+
* and the tooltip and the table hold every reading.
|
|
76641
77107
|
* - `zero`: Whether the range always includes zero.
|
|
76642
77108
|
*
|
|
76643
77109
|
* Absent measures from the data's own extent, which is what a line is for.
|
|
@@ -76705,6 +77171,13 @@ export type CustomElementsSolidJs = {
|
|
|
76705
77171
|
* browser harness's awaits it alone: a browser always runs the frame, and a
|
|
76706
77172
|
* timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
|
|
76707
77173
|
*
|
|
77174
|
+
* ## Events
|
|
77175
|
+
*
|
|
77176
|
+
* Events that will be emitted by the component.
|
|
77177
|
+
*
|
|
77178
|
+
* - `helix-reading-change`: The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it.
|
|
77179
|
+
* - `helix-reading-press`: A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`.
|
|
77180
|
+
*
|
|
76708
77181
|
* ## Methods
|
|
76709
77182
|
*
|
|
76710
77183
|
* Methods that can be called to access component functionality.
|
|
@@ -76759,12 +77232,14 @@ export type CustomElementsSolidJs = {
|
|
|
76759
77232
|
* - `--line-chart-width`: Thickness of a line. Overrides `--chart-stroke`.
|
|
76760
77233
|
* - `--chart-terminus-x`: Where a series' last reading sits horizontally, as a percentage. Written by the component.
|
|
76761
77234
|
* - `--chart-terminus-y`: Where a series' last reading sits vertically, as a percentage. Written by the component.
|
|
77235
|
+
* - `--line-chart-axis`: The width of the axis, in `ch`, set from the widest number on it. Written by the component on the axis.
|
|
76762
77236
|
*
|
|
76763
77237
|
* ## CSS Parts
|
|
76764
77238
|
*
|
|
76765
77239
|
* Custom selectors for styling elements within the component.
|
|
76766
77240
|
*
|
|
76767
77241
|
* - `area`: The wash under one line, where `area` is set.
|
|
77242
|
+
* - `axis`: The numbers of the scale beside the plot, under `value-axis`.
|
|
76768
77243
|
* - `band`: The band around the reading under the pointer.
|
|
76769
77244
|
* - `baseline`: The rule at zero, where zero is inside the range.
|
|
76770
77245
|
* - `gridline`: One rule across the plot, under `gridlines`.
|
|
@@ -76781,6 +77256,7 @@ export type CustomElementsSolidJs = {
|
|
|
76781
77256
|
* - `summary`: The chart's name and each series' latest reading, written as a sentence for screen readers. Hide it visually.
|
|
76782
77257
|
* - `svg`: The drawing surface the lines and areas sit on.
|
|
76783
77258
|
* - `terminus`: The mark on one series' last reading.
|
|
77259
|
+
* - `tick`: One number on the axis, placed with `inset-block-start` at its level.
|
|
76784
77260
|
* - `tooltip`: The bubble, forwarded from `Tooltip`.
|
|
76785
77261
|
* - `tooltip-anchor`: The `Tooltip` element itself.
|
|
76786
77262
|
* - `tooltip-arrow`: The bubble's point, forwarded from `Tooltip`.
|
|
@@ -80625,14 +81101,10 @@ export type CustomElementsSolidJs = {
|
|
|
80625
81101
|
* ends. Matching still reads the label, so what somebody types is matched
|
|
80626
81102
|
* against the name rather than against prose about it.
|
|
80627
81103
|
*
|
|
80628
|
-
*
|
|
80629
|
-
*
|
|
80630
|
-
*
|
|
80631
|
-
*
|
|
80632
|
-
* filled, so every option without a caption would carry an empty line. The
|
|
80633
|
-
* detection that would avoid it does not exist, `:host(:has())` being invalid
|
|
80634
|
-
* and the server having no children to inspect. A property is known at render
|
|
80635
|
-
* time, so the component can decline to draw the box at all.
|
|
81104
|
+
* For a caption richer than a string, slot it into `description`. The
|
|
81105
|
+
* property is that slot's fallback inside the `description` part. With no
|
|
81106
|
+
* property the slot is drawn bare, which takes no box while it is empty, so
|
|
81107
|
+
* an option without a caption carries no empty line.
|
|
80636
81108
|
*
|
|
80637
81109
|
* It does not reflect, per the rule that payload state stays off the host: a
|
|
80638
81110
|
* string is not a fact a selector needs.
|
|
@@ -80701,6 +81173,12 @@ export type CustomElementsSolidJs = {
|
|
|
80701
81173
|
* name is the fault `TreeItem` avoids by mirroring to `data-selected`.
|
|
80702
81174
|
* Splitting them means moving what every stylesheet selects on, which is a
|
|
80703
81175
|
* change of its own rather than a property being added. (property only)
|
|
81176
|
+
* - `selectionFollowsActive`: Whether the option says it is selected while the keyboard is on it.
|
|
81177
|
+
*
|
|
81178
|
+
* Written by a control whose list holds suggestions, such as `FilterInput`:
|
|
81179
|
+
* nothing there stays chosen, so the row the keyboard is on is the
|
|
81180
|
+
* selection, as the APG combobox's list with selection that follows focus
|
|
81181
|
+
* says. No attribute: it is coordination between elements. (property only)
|
|
80704
81182
|
* - `text`: The option's text, which a listbox matches typed text against.
|
|
80705
81183
|
*
|
|
80706
81184
|
* Read from the rendered content rather than required as a property, because
|
|
@@ -80773,7 +81251,9 @@ export type CustomElementsSolidJs = {
|
|
|
80773
81251
|
* Areas where markup can be added to the component.
|
|
80774
81252
|
*
|
|
80775
81253
|
* - `(default)`: The option's label.
|
|
81254
|
+
* - `description`: A second line under the label, for content richer than the `description` text.
|
|
80776
81255
|
* - `end`: Content after the label, such as a shortcut or a count.
|
|
81256
|
+
* - `indicator`: An icon shown while the option is chosen, in place of the check the styled option draws.
|
|
80777
81257
|
* - `start`: Content before the label, such as an icon or an avatar.
|
|
80778
81258
|
*
|
|
80779
81259
|
* ## Methods
|
|
@@ -80810,6 +81290,8 @@ export type CustomElementsSolidJs = {
|
|
|
80810
81290
|
* These can be used to apply styling when a component is in a given state.
|
|
80811
81291
|
*
|
|
80812
81292
|
* - `active`: While the keyboard is on the option, which is the option `aria-activedescendant` names.
|
|
81293
|
+
* - `disabled`: While the option cannot be chosen.
|
|
81294
|
+
* - `has-indicator`: An icon is slotted into `indicator`.
|
|
80813
81295
|
* - `selected`: While the option is chosen.
|
|
80814
81296
|
* - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
|
|
80815
81297
|
*/
|
|
@@ -82483,7 +82965,11 @@ export type CustomElementsSolidJs = {
|
|
|
82483
82965
|
*
|
|
82484
82966
|
* No attribute: it is coordination between elements, and a consumer has no
|
|
82485
82967
|
* reason to set it. (property only)
|
|
82486
|
-
* - `items`: The radios, in light-DOM order. Client only: the server has no tree.
|
|
82968
|
+
* - `items`: The radios, in light-DOM order. Client only: the server has no tree.
|
|
82969
|
+
*
|
|
82970
|
+
* Descendants, as `Checkbox.Group` reads its boxes, so a radio inside a
|
|
82971
|
+
* layout wrapper of yours is one of the group's. A radio held by a group
|
|
82972
|
+
* nested inside this one is that group's. (property only) (readonly)
|
|
82487
82973
|
* - `validity`: Whether the control meets its constraints, and why not. (property only) (readonly)
|
|
82488
82974
|
* - `validationMessage`: The message the browser would show for the control, or an empty string. (property only) (readonly)
|
|
82489
82975
|
* - `willValidate`: Whether the control is checked when its form is submitted. (property only) (readonly)
|
|
@@ -83267,6 +83753,12 @@ export type CustomElementsSolidJs = {
|
|
|
83267
83753
|
* pointer, the keyboard, and the corner. The inner splitter holds the panes and
|
|
83268
83754
|
* the outer one holds the panel, so the panel spans the full width.
|
|
83269
83755
|
*
|
|
83756
|
+
* On a focused divider, the arrow keys move it, and `Home` and `End` move it
|
|
83757
|
+
* to its ends. `Enter` on the panes divider shuts the lead pane, and pressed
|
|
83758
|
+
* again it opens the pane where it was. `Enter` on the panel divider shuts the
|
|
83759
|
+
* panel to `panel-collapsed-size`, and pressed again it opens the panel to its
|
|
83760
|
+
* last height.
|
|
83761
|
+
*
|
|
83270
83762
|
* ## Attributes & Properties
|
|
83271
83763
|
*
|
|
83272
83764
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
@@ -83914,6 +84406,13 @@ export type CustomElementsSolidJs = {
|
|
|
83914
84406
|
* browser harness's awaits it alone: a browser always runs the frame, and a
|
|
83915
84407
|
* timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
|
|
83916
84408
|
*
|
|
84409
|
+
* ## Events
|
|
84410
|
+
*
|
|
84411
|
+
* Events that will be emitted by the component.
|
|
84412
|
+
*
|
|
84413
|
+
* - `helix-reading-change`: The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it.
|
|
84414
|
+
* - `helix-reading-press`: A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`.
|
|
84415
|
+
*
|
|
83917
84416
|
* ## Methods
|
|
83918
84417
|
*
|
|
83919
84418
|
* Methods that can be called to access component functionality.
|
|
@@ -86775,7 +87274,9 @@ export type CustomElementsSolidJs = {
|
|
|
86775
87274
|
* Areas where markup can be added to the component.
|
|
86776
87275
|
*
|
|
86777
87276
|
* - `(default)`: The table's rows.
|
|
87277
|
+
* - `empty`: Content shown when there are no rows and none are loading, such as a picture and a link. Falls back to `empty-text`, which the live region still says.
|
|
86778
87278
|
* - `heading`: Words that name the table, shown above it in the weight of a heading.
|
|
87279
|
+
* - `loading`: Content shown while the rows load, such as a spinner. Falls back to `loading-text`, which the live region still says.
|
|
86779
87280
|
*
|
|
86780
87281
|
* ## Methods
|
|
86781
87282
|
*
|
|
@@ -86850,6 +87351,12 @@ export type CustomElementsSolidJs = {
|
|
|
86850
87351
|
*
|
|
86851
87352
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
86852
87353
|
*
|
|
87354
|
+
* - `disabled`: Takes the row out of the table's selection and out of its link: the row's
|
|
87355
|
+
* checkbox is disabled, Space, Shift ranges, and the checkbox in the heading
|
|
87356
|
+
* pass over it, and a press does not follow `href`. A row already selected
|
|
87357
|
+
* stays selected. A screen reader hears it as unavailable, and in a `grid`
|
|
87358
|
+
* table the arrow keys still reach it, as a disabled cell in a grid is
|
|
87359
|
+
* reached.
|
|
86853
87360
|
* - `href`: The URL a press on the row follows, which makes the whole row a link.
|
|
86854
87361
|
* Empty, the default, leaves presses to the row's cells.
|
|
86855
87362
|
* - `rel`: The `rel` of the row's link. You set it yourself, as on an anchor.
|
|
@@ -86892,6 +87399,7 @@ export type CustomElementsSolidJs = {
|
|
|
86892
87399
|
* - `--table-drop-indicator-size`: The thickness of the line where a moved row would land.
|
|
86893
87400
|
* - `--table-grip-color`: The color of a row's grip, in a `reorderable` table.
|
|
86894
87401
|
* - `--table-grip-disabled-opacity`: The opacity of a row's grip while a sort decides the order.
|
|
87402
|
+
* - `--table-row-disabled-opacity`: The opacity of the cells of a `disabled` row.
|
|
86895
87403
|
* - `--table-row-hover-background-color`: The wash across the cells of a row with `href` under the pointer.
|
|
86896
87404
|
*
|
|
86897
87405
|
* ## CSS Parts
|
|
@@ -86922,7 +87430,7 @@ export type CustomElementsSolidJs = {
|
|
|
86922
87430
|
* - `dragging`: The row is being moved, in a `reorderable` table.
|
|
86923
87431
|
* - `drop-after`: The row being moved goes after this one when it is dropped.
|
|
86924
87432
|
* - `drop-before`: The row being moved goes before this one when it is dropped.
|
|
86925
|
-
* - `link`: While the row has `href`, so a press on it follows the link.
|
|
87433
|
+
* - `link`: While the row has `href` and is not `disabled`, so a press on it follows the link.
|
|
86926
87434
|
* - `selected`: While the row is selected, in a `selectable` table.
|
|
86927
87435
|
* - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
|
|
86928
87436
|
*/
|
|
@@ -87354,6 +87862,8 @@ export type CustomElementsSolidJs = {
|
|
|
87354
87862
|
* Independent of `tone` on purpose: an outlined danger tag and a solid danger
|
|
87355
87863
|
* tag are both sensible, and one property welding color to fill can ask for
|
|
87356
87864
|
* neither. That is the test the whole axis registry answers to.
|
|
87865
|
+
* - `shape`: The tag's outline. `pill` rounds its ends fully, for a set of tags among
|
|
87866
|
+
* rounded controls. Absent is the theme's small radius.
|
|
87357
87867
|
* - `tone`: The meaning the tag's color shows, such as `success` or `danger`.
|
|
87358
87868
|
*
|
|
87359
87869
|
* `tone` is semantic color, which is what these are and what `helix-text`
|
|
@@ -87385,6 +87895,12 @@ export type CustomElementsSolidJs = {
|
|
|
87385
87895
|
* - `value`: What the tag stands for in its group's `value`.
|
|
87386
87896
|
*
|
|
87387
87897
|
* Absent is the tag's own words, its category first.
|
|
87898
|
+
* - `dismissTabStop`: Whether the remove button is a tab stop of its own, outside a `Tag.Group`.
|
|
87899
|
+
*
|
|
87900
|
+
* A field that holds tags as its tokens, such as a `multiple` Combobox,
|
|
87901
|
+
* writes `false`: the field's text is its one tab stop, and the arrow keys
|
|
87902
|
+
* move from the text to the tags. No attribute: it is coordination between
|
|
87903
|
+
* elements, as `focusable` is. (property only)
|
|
87388
87904
|
* - `focusable`: Whether the tag holds its group's tab stop.
|
|
87389
87905
|
*
|
|
87390
87906
|
* Written by `Tag.Group` on every tag it holds, and unset outside one, which
|
|
@@ -88118,6 +88634,7 @@ export type CustomElementsSolidJs = {
|
|
|
88118
88634
|
*
|
|
88119
88635
|
* - `feedback`: The message that says what is wrong with the value.
|
|
88120
88636
|
* - `hint`: Help under the field.
|
|
88637
|
+
* - `label`: The label, for content richer than the `label` text.
|
|
88121
88638
|
* - `panel-footer`: Content in the panel under the times, such as a note or an action.
|
|
88122
88639
|
* - `panel-header`: Content in the panel above the times, such as a heading or a shortcut.
|
|
88123
88640
|
* - `trigger`: The icon on the field that shows a list opens.
|
|
@@ -89432,8 +89949,8 @@ export type CustomElementsSolidJs = {
|
|
|
89432
89949
|
* name is the fault `TreeItem` avoids by mirroring to `data-selected`.
|
|
89433
89950
|
* Splitting them means moving what every stylesheet selects on, which is a
|
|
89434
89951
|
* change of its own rather than a property being added. (property only)
|
|
89435
|
-
* - `focusable`: Whether the item holds the group's tab stop. Unset,
|
|
89436
|
-
* it.
|
|
89952
|
+
* - `focusable`: Whether the item holds the group's tab stop. Unset, no group holds the
|
|
89953
|
+
* item, and it is a toggle button with a tab stop of its own.
|
|
89437
89954
|
*
|
|
89438
89955
|
* Written by the group on every item: `true` for the chosen item, or for the
|
|
89439
89956
|
* first item that can be chosen while there is no selection to carry the
|
|
@@ -89470,6 +89987,7 @@ export type CustomElementsSolidJs = {
|
|
|
89470
89987
|
*
|
|
89471
89988
|
* Events that will be emitted by the component.
|
|
89472
89989
|
*
|
|
89990
|
+
* - `change`: Fired after a toggle button on its own is pressed or released.
|
|
89473
89991
|
* - `helix-select`: Fired when the item is chosen. Cancelable: call `preventDefault()` to keep the current choice.
|
|
89474
89992
|
*
|
|
89475
89993
|
* ## Slots
|
|
@@ -91135,6 +91653,9 @@ export type CustomElementsSolidJs = {
|
|
|
91135
91653
|
* - `label`: Accessible name for the video, which its filename does not provide.
|
|
91136
91654
|
* - `loading-label`/`loadingLabel`: The text announced while the video waits for more data.
|
|
91137
91655
|
* - `loop`: Whether the video starts again at the end.
|
|
91656
|
+
* - `media-title`/`mediaTitle`: The title the device's own media controls show while the video plays,
|
|
91657
|
+
* such as on a lock screen. Empty, the default, shows `label`. A playlist
|
|
91658
|
+
* writes the current entry's name here.
|
|
91138
91659
|
* - `more-label`/`moreLabel`: What the button that opens `overflow-controls` is called.
|
|
91139
91660
|
* - `mute-label`/`muteLabel`: The name of the mute control. The control shows as pressed while the video
|
|
91140
91661
|
* is muted.
|
|
@@ -91446,6 +91967,8 @@ export type CustomElementsSolidJs = {
|
|
|
91446
91967
|
* - `columns`: How many items a line holds. One, the default, is a list; more lays the
|
|
91447
91968
|
* items out as a grid of that many equal columns, windowed a line at a
|
|
91448
91969
|
* time, with Left and Right moving along a line.
|
|
91970
|
+
* - `empty-label`/`emptyLabel`: The text of the row shown when there are no items and none are loading,
|
|
91971
|
+
* where the `empty` slot is empty. Empty, the default, shows no row.
|
|
91449
91972
|
* - `estimate`: The height of one row, in pixels, used to find the row at a scroll offset.
|
|
91450
91973
|
*
|
|
91451
91974
|
* An estimate rather than a measurement while `measured` is off, which is
|
|
@@ -91535,6 +92058,7 @@ export type CustomElementsSolidJs = {
|
|
|
91535
92058
|
* Areas where markup can be added to the component.
|
|
91536
92059
|
*
|
|
91537
92060
|
* - `(default)`: The `<template>` that defines one row. The list writes the rows it renders beside it, and this slot shows them between the two spacers.
|
|
92061
|
+
* - `empty`: Content for the row shown when there are no items and none are loading. Falls back to `empty-label`.
|
|
91538
92062
|
* - `loading`: Content for the row after the last item while `loading` is set. Falls back to `loading-label`.
|
|
91539
92063
|
*
|
|
91540
92064
|
* ## Methods
|
|
@@ -91552,6 +92076,8 @@ export type CustomElementsSolidJs = {
|
|
|
91552
92076
|
* CSS variables available for styling the component.
|
|
91553
92077
|
*
|
|
91554
92078
|
* - `--virtual-list-block-size`: How tall the scrolling box is.
|
|
92079
|
+
* - `--virtual-list-empty-color`: The color of the text in the row shown when there are no items.
|
|
92080
|
+
* - `--virtual-list-empty-padding`: The space around the text in the row shown when there are no items.
|
|
91555
92081
|
* - `--virtual-list-loading-color`: The color of the text in the row drawn while `loading` is set.
|
|
91556
92082
|
* - `--virtual-list-loading-padding`: The space around the text in the row drawn while `loading` is set.
|
|
91557
92083
|
* - `--virtual-list-scrollbar-thumb-color`: The thumb of the list's scrollbar. Defaults to `--helix-scrollbar-thumb-color`.
|
|
@@ -91565,6 +92091,7 @@ export type CustomElementsSolidJs = {
|
|
|
91565
92091
|
*
|
|
91566
92092
|
* - `after`: The space that stands in for the rows below the rendered ones.
|
|
91567
92093
|
* - `before`: The space that stands in for the rows above the rendered ones.
|
|
92094
|
+
* - `empty`: The row shown when there are no items and none are loading, where `empty-label` or the `empty` slot gives it content.
|
|
91568
92095
|
* - `loading`: The row after the last item while `loading` is set.
|
|
91569
92096
|
* - `viewport`: The scrolling box.
|
|
91570
92097
|
*
|
|
@@ -91649,6 +92176,8 @@ export type CustomCssProperties = {
|
|
|
91649
92176
|
"--area-chart-width"?: (string) | undefined;
|
|
91650
92177
|
/** Thickness of a band's top edge. Area Chart, Line Chart, and Bar Chart's `lines` all read this one property. `--area-chart-width` overrides it here. */
|
|
91651
92178
|
"--chart-stroke"?: (string) | undefined;
|
|
92179
|
+
/** The width of the axis, in `ch`, set from the widest number on it. Written by the component on the axis. */
|
|
92180
|
+
"--area-chart-axis"?: (string) | undefined;
|
|
91652
92181
|
/** The bright stop of the ramp. Defaults to `--helix-color-primary`. */
|
|
91653
92182
|
"--aura-glow"?: (string) | undefined;
|
|
91654
92183
|
/** The page the field fades into. Defaults to `--helix-color-background`. */
|
|
@@ -92659,6 +93188,8 @@ export type CustomCssProperties = {
|
|
|
92659
93188
|
"--chart-terminus-x"?: (string) | undefined;
|
|
92660
93189
|
/** Where a series' last reading sits vertically, as a percentage. Written by the component. */
|
|
92661
93190
|
"--chart-terminus-y"?: (string) | undefined;
|
|
93191
|
+
/** The width of the axis, in `ch`, set from the widest number on it. Written by the component on the axis. */
|
|
93192
|
+
"--line-chart-axis"?: (string) | undefined;
|
|
92662
93193
|
/** The fill behind a row that is `current`. */
|
|
92663
93194
|
"--list-item-current-background-color"?: (string) | undefined;
|
|
92664
93195
|
/** The opacity of a `disabled` row. */
|
|
@@ -93581,6 +94112,8 @@ export type CustomCssProperties = {
|
|
|
93581
94112
|
"--table-grip-color"?: (string) | undefined;
|
|
93582
94113
|
/** The opacity of a row's grip while a sort decides the order. */
|
|
93583
94114
|
"--table-grip-disabled-opacity"?: (string) | undefined;
|
|
94115
|
+
/** The opacity of the cells of a `disabled` row. */
|
|
94116
|
+
"--table-row-disabled-opacity"?: (string) | undefined;
|
|
93584
94117
|
/** The wash across the cells of a row with `href` under the pointer. */
|
|
93585
94118
|
"--table-row-hover-background-color"?: (string) | undefined;
|
|
93586
94119
|
/** The space between the tab row and the panel's content. */
|
|
@@ -93957,6 +94490,10 @@ export type CustomCssProperties = {
|
|
|
93957
94490
|
"--video-progress"?: (string) | undefined;
|
|
93958
94491
|
/** How tall the scrolling box is. */
|
|
93959
94492
|
"--virtual-list-block-size"?: (string) | undefined;
|
|
94493
|
+
/** The color of the text in the row shown when there are no items. */
|
|
94494
|
+
"--virtual-list-empty-color"?: (string) | undefined;
|
|
94495
|
+
/** The space around the text in the row shown when there are no items. */
|
|
94496
|
+
"--virtual-list-empty-padding"?: (string) | undefined;
|
|
93960
94497
|
/** The color of the text in the row drawn while `loading` is set. */
|
|
93961
94498
|
"--virtual-list-loading-color"?: (string) | undefined;
|
|
93962
94499
|
/** The space around the text in the row drawn while `loading` is set. */
|