@fusion.dev/helix 0.150.0 → 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 +1010 -13
- 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 +4 -0
- package/dist/line-chart/root/line-chart-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/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 +485 -22
- package/types/vue.d.ts +171 -10
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;
|
|
@@ -26984,6 +27196,18 @@ export type HelixSandboxToolbarSolidJsProps = {
|
|
|
26984
27196
|
textContent?: (string | number) | undefined;
|
|
26985
27197
|
};
|
|
26986
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
|
+
|
|
26987
27211
|
export type HelixScatterChartProps = {
|
|
26988
27212
|
/** The id of the table to read.
|
|
26989
27213
|
|
|
@@ -27080,6 +27304,15 @@ Absent draws none. A series with fewer than two points, or with every
|
|
|
27080
27304
|
point at one measure across, has no line to draw. The summary already
|
|
27081
27305
|
gives each series' correlation, which says how near the points are to it. */
|
|
27082
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;
|
|
27083
27316
|
};
|
|
27084
27317
|
|
|
27085
27318
|
export type HelixScatterChartSolidJsProps = {
|
|
@@ -27178,6 +27411,14 @@ Absent draws none. A series with fewer than two points, or with every
|
|
|
27178
27411
|
point at one measure across, has no line to draw. The summary already
|
|
27179
27412
|
gives each series' correlation, which says how near the points are to it. */
|
|
27180
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;
|
|
27181
27422
|
|
|
27182
27423
|
/** Set the innerHTML of the element */
|
|
27183
27424
|
innerHTML?: (string) | undefined;
|
|
@@ -30579,6 +30820,13 @@ order has its whole sentence. `{order}` is the deprecated
|
|
|
30579
30820
|
};
|
|
30580
30821
|
|
|
30581
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;
|
|
30582
30830
|
/** The URL a press on the row follows, which makes the whole row a link.
|
|
30583
30831
|
Empty, the default, leaves presses to the row's cells. */
|
|
30584
30832
|
href?: (HelixTableRow["href"]) | undefined;
|
|
@@ -30592,6 +30840,13 @@ known by its place among the rows as written. */
|
|
|
30592
30840
|
};
|
|
30593
30841
|
|
|
30594
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;
|
|
30595
30850
|
/** The URL a press on the row follows, which makes the whole row a link.
|
|
30596
30851
|
Empty, the default, leaves presses to the row's cells. */
|
|
30597
30852
|
"prop:href"?: (HelixTableRow["href"]) | undefined;
|
|
@@ -35711,6 +35966,14 @@ regardless, because a reader who stopped it is deciding what to do next. */
|
|
|
35711
35966
|
loadingLabel?: (HelixVideo["loadingLabel"]) | undefined;
|
|
35712
35967
|
/** Whether the video starts again at the end. */
|
|
35713
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;
|
|
35714
35977
|
/** What the button that opens `overflow-controls` is called. */
|
|
35715
35978
|
"more-label"?: (HelixVideo["moreLabel"]) | undefined;
|
|
35716
35979
|
/** What the button that opens `overflow-controls` is called. */
|
|
@@ -36170,6 +36433,14 @@ regardless, because a reader who stopped it is deciding what to do next. */
|
|
|
36170
36433
|
"prop:loadingLabel"?: (HelixVideo["loadingLabel"]) | undefined;
|
|
36171
36434
|
/** Whether the video starts again at the end. */
|
|
36172
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;
|
|
36173
36444
|
/** What the button that opens `overflow-controls` is called. */
|
|
36174
36445
|
"attr:more-label"?: (HelixVideo["moreLabel"]) | undefined;
|
|
36175
36446
|
/** What the button that opens `overflow-controls` is called. */
|
|
@@ -36430,6 +36701,12 @@ export type HelixVirtualListProps = {
|
|
|
36430
36701
|
items out as a grid of that many equal columns, windowed a line at a
|
|
36431
36702
|
time, with Left and Right moving along a line. */
|
|
36432
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;
|
|
36433
36710
|
/** The height of one row, in pixels, used to find the row at a scroll offset.
|
|
36434
36711
|
|
|
36435
36712
|
An estimate rather than a measurement while `measured` is off, which is
|
|
@@ -36527,6 +36804,12 @@ export type HelixVirtualListSolidJsProps = {
|
|
|
36527
36804
|
items out as a grid of that many equal columns, windowed a line at a
|
|
36528
36805
|
time, with Left and Right moving along a line. */
|
|
36529
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;
|
|
36530
36813
|
/** The height of one row, in pixels, used to find the row at a scroll offset.
|
|
36531
36814
|
|
|
36532
36815
|
An estimate rather than a measurement while `measured` is off, which is
|
|
@@ -37258,6 +37541,11 @@ export type CustomElements = {
|
|
|
37258
37541
|
* `{totalLabel}` the name for the sum, `{total}` the sum, written in the
|
|
37259
37542
|
* locale, and `{shares}` each part's share, listed as the locale lists.
|
|
37260
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.
|
|
37261
37549
|
* - `pointer`: Finds the reading nearest the pointer, so the tooltip can sit on it.
|
|
37262
37550
|
*
|
|
37263
37551
|
* Public for the same reason `series` and `named` are: a protected member
|
|
@@ -37319,6 +37607,13 @@ export type CustomElements = {
|
|
|
37319
37607
|
* browser harness's awaits it alone: a browser always runs the frame, and a
|
|
37320
37608
|
* timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
|
|
37321
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
|
+
*
|
|
37322
37617
|
* ## Methods
|
|
37323
37618
|
*
|
|
37324
37619
|
* Methods that can be called to access component functionality.
|
|
@@ -37366,12 +37661,14 @@ export type CustomElements = {
|
|
|
37366
37661
|
* - `--area-chart-overlap-opacity`: How much of each band shows under `overlap`, where the bands in front let the ones behind show through.
|
|
37367
37662
|
* - `--area-chart-width`: Thickness of a band's top edge. Overrides `--chart-stroke`.
|
|
37368
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.
|
|
37369
37665
|
*
|
|
37370
37666
|
* ## CSS Parts
|
|
37371
37667
|
*
|
|
37372
37668
|
* Custom selectors for styling elements within the component.
|
|
37373
37669
|
*
|
|
37374
37670
|
* - `area`: One part's band.
|
|
37671
|
+
* - `axis`: The numbers of the scale beside the plot, under `value-axis`.
|
|
37375
37672
|
* - `baseline`: The rule at zero, which is the floor of the drawing.
|
|
37376
37673
|
* - `gridline`: One rule across the plot, under `gridlines`.
|
|
37377
37674
|
* - `guide`: A rule down the reading a pointer is resting on.
|
|
@@ -37383,6 +37680,7 @@ export type CustomElements = {
|
|
|
37383
37680
|
* - `plot`: The drawing, which takes focus to be read by key.
|
|
37384
37681
|
* - `summary`: The total and each part's share at the latest reading, written as a sentence for screen readers.
|
|
37385
37682
|
* - `svg`: The drawing surface the bands sit on.
|
|
37683
|
+
* - `tick`: One number on the axis, placed with `inset-block-start` at its level.
|
|
37386
37684
|
* - `tooltip`: The bubble, forwarded from `Tooltip`.
|
|
37387
37685
|
* - `tooltip-anchor`: The `Tooltip` element itself.
|
|
37388
37686
|
* - `tooltip-arrow`: The bubble's point, forwarded from `Tooltip`.
|
|
@@ -38185,6 +38483,12 @@ export type CustomElements = {
|
|
|
38185
38483
|
* - `summary-label`/`summaryLabel`: The summary's sentence. `{highestLabel}` is `highest-label`, and
|
|
38186
38484
|
* `{readings}` each series' highest reading: the series, the category and
|
|
38187
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.
|
|
38188
38492
|
* - `pointer`: Finds the reading nearest the pointer, so the tooltip can sit on it.
|
|
38189
38493
|
*
|
|
38190
38494
|
* Public for the same reason `series` and `named` are: a protected member
|
|
@@ -38246,6 +38550,13 @@ export type CustomElements = {
|
|
|
38246
38550
|
* browser harness's awaits it alone: a browser always runs the frame, and a
|
|
38247
38551
|
* timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
|
|
38248
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
|
+
*
|
|
38249
38560
|
* ## Methods
|
|
38250
38561
|
*
|
|
38251
38562
|
* Methods that can be called to access component functionality.
|
|
@@ -38303,7 +38614,7 @@ export type CustomElements = {
|
|
|
38303
38614
|
*
|
|
38304
38615
|
* Custom selectors for styling elements within the component.
|
|
38305
38616
|
*
|
|
38306
|
-
* - `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.
|
|
38307
38618
|
* - `band`: The category band under the pointer.
|
|
38308
38619
|
* - `bar`: One column.
|
|
38309
38620
|
* - `bar-wash-end`: The far stop of a bar's gradient, where one is used.
|
|
@@ -40333,7 +40644,12 @@ export type CustomElements = {
|
|
|
40333
40644
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
40334
40645
|
*
|
|
40335
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>`.
|
|
40336
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.
|
|
40337
40653
|
* - `rows`: How many rows the field opens at.
|
|
40338
40654
|
*
|
|
40339
40655
|
* It grows from there.
|
|
@@ -40499,6 +40815,7 @@ export type CustomElements = {
|
|
|
40499
40815
|
*
|
|
40500
40816
|
* These can be used to apply styling when a component is in a given state.
|
|
40501
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.
|
|
40502
40819
|
* - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
|
|
40503
40820
|
*/
|
|
40504
40821
|
"helix-chat-composer": Partial<
|
|
@@ -43266,6 +43583,12 @@ export type CustomElements = {
|
|
|
43266
43583
|
* rows are chosen, written in the locale, and a language that needs plural
|
|
43267
43584
|
* forms writes them: `{count, plural, one {# wybrany} few {# wybrane} many
|
|
43268
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.
|
|
43269
43592
|
* - `select-row-label`/`selectRowLabel`: The name of a row's checkbox. `{row}` is replaced with the row's value in
|
|
43270
43593
|
* the first column that has a field, or with its key.
|
|
43271
43594
|
* - `sort`: The sort order, as `field:direction`.
|
|
@@ -43362,7 +43685,9 @@ export type CustomElements = {
|
|
|
43362
43685
|
* Areas where markup can be added to the component.
|
|
43363
43686
|
*
|
|
43364
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.
|
|
43365
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.
|
|
43366
43691
|
* - `toolbar`: Content above the grid, such as a search field or actions.
|
|
43367
43692
|
*
|
|
43368
43693
|
* ## Methods
|
|
@@ -44712,10 +45037,6 @@ export type CustomElements = {
|
|
|
44712
45037
|
* A divider with nothing set into it is one line whatever this says.
|
|
44713
45038
|
* - `announced`: Whether screen readers announce the line as a separator, which they now do
|
|
44714
45039
|
* by default.
|
|
44715
|
-
*
|
|
44716
|
-
* It dates from when the line was decorative by default. It is still read,
|
|
44717
|
-
* and it wins over `decorative`, so a divider written with it stays a
|
|
44718
|
-
* separator.
|
|
44719
45040
|
* - `decorative`: Takes the line out of the accessibility tree, for a rule that separates
|
|
44720
45041
|
* nothing: one under a heading, or between the facts of a byline.
|
|
44721
45042
|
*
|
|
@@ -49227,6 +49548,12 @@ export type CustomElements = {
|
|
|
49227
49548
|
* masked with one disc per series and every stroke stops at its own ring's
|
|
49228
49549
|
* inner edge. `mask-composite: intersect` is what makes N holes out of N
|
|
49229
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.
|
|
49230
49557
|
* - `zero`: Whether the range always includes zero.
|
|
49231
49558
|
*
|
|
49232
49559
|
* Absent measures from the data's own extent, which is what a line is for.
|
|
@@ -49294,6 +49621,13 @@ export type CustomElements = {
|
|
|
49294
49621
|
* browser harness's awaits it alone: a browser always runs the frame, and a
|
|
49295
49622
|
* timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
|
|
49296
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
|
+
*
|
|
49297
49631
|
* ## Methods
|
|
49298
49632
|
*
|
|
49299
49633
|
* Methods that can be called to access component functionality.
|
|
@@ -49348,12 +49682,14 @@ export type CustomElements = {
|
|
|
49348
49682
|
* - `--line-chart-width`: Thickness of a line. Overrides `--chart-stroke`.
|
|
49349
49683
|
* - `--chart-terminus-x`: Where a series' last reading sits horizontally, as a percentage. Written by the component.
|
|
49350
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.
|
|
49351
49686
|
*
|
|
49352
49687
|
* ## CSS Parts
|
|
49353
49688
|
*
|
|
49354
49689
|
* Custom selectors for styling elements within the component.
|
|
49355
49690
|
*
|
|
49356
49691
|
* - `area`: The wash under one line, where `area` is set.
|
|
49692
|
+
* - `axis`: The numbers of the scale beside the plot, under `value-axis`.
|
|
49357
49693
|
* - `band`: The band around the reading under the pointer.
|
|
49358
49694
|
* - `baseline`: The rule at zero, where zero is inside the range.
|
|
49359
49695
|
* - `gridline`: One rule across the plot, under `gridlines`.
|
|
@@ -49370,6 +49706,7 @@ export type CustomElements = {
|
|
|
49370
49706
|
* - `summary`: The chart's name and each series' latest reading, written as a sentence for screen readers. Hide it visually.
|
|
49371
49707
|
* - `svg`: The drawing surface the lines and areas sit on.
|
|
49372
49708
|
* - `terminus`: The mark on one series' last reading.
|
|
49709
|
+
* - `tick`: One number on the axis, placed with `inset-block-start` at its level.
|
|
49373
49710
|
* - `tooltip`: The bubble, forwarded from `Tooltip`.
|
|
49374
49711
|
* - `tooltip-anchor`: The `Tooltip` element itself.
|
|
49375
49712
|
* - `tooltip-arrow`: The bubble's point, forwarded from `Tooltip`.
|
|
@@ -55732,6 +56069,12 @@ export type CustomElements = {
|
|
|
55732
56069
|
* pointer, the keyboard, and the corner. The inner splitter holds the panes and
|
|
55733
56070
|
* the outer one holds the panel, so the panel spans the full width.
|
|
55734
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
|
+
*
|
|
55735
56078
|
* ## Attributes & Properties
|
|
55736
56079
|
*
|
|
55737
56080
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
@@ -56364,6 +56707,13 @@ export type CustomElements = {
|
|
|
56364
56707
|
* browser harness's awaits it alone: a browser always runs the frame, and a
|
|
56365
56708
|
* timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
|
|
56366
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
|
+
*
|
|
56367
56717
|
* ## Methods
|
|
56368
56718
|
*
|
|
56369
56719
|
* Methods that can be called to access component functionality.
|
|
@@ -59171,7 +59521,9 @@ export type CustomElements = {
|
|
|
59171
59521
|
* Areas where markup can be added to the component.
|
|
59172
59522
|
*
|
|
59173
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.
|
|
59174
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.
|
|
59175
59527
|
*
|
|
59176
59528
|
* ## Methods
|
|
59177
59529
|
*
|
|
@@ -59241,6 +59593,12 @@ export type CustomElements = {
|
|
|
59241
59593
|
*
|
|
59242
59594
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
59243
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.
|
|
59244
59602
|
* - `href`: The URL a press on the row follows, which makes the whole row a link.
|
|
59245
59603
|
* Empty, the default, leaves presses to the row's cells.
|
|
59246
59604
|
* - `rel`: The `rel` of the row's link. You set it yourself, as on an anchor.
|
|
@@ -59283,6 +59641,7 @@ export type CustomElements = {
|
|
|
59283
59641
|
* - `--table-drop-indicator-size`: The thickness of the line where a moved row would land.
|
|
59284
59642
|
* - `--table-grip-color`: The color of a row's grip, in a `reorderable` table.
|
|
59285
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.
|
|
59286
59645
|
* - `--table-row-hover-background-color`: The wash across the cells of a row with `href` under the pointer.
|
|
59287
59646
|
*
|
|
59288
59647
|
* ## CSS Parts
|
|
@@ -59313,7 +59672,7 @@ export type CustomElements = {
|
|
|
59313
59672
|
* - `dragging`: The row is being moved, in a `reorderable` table.
|
|
59314
59673
|
* - `drop-after`: The row being moved goes after this one when it is dropped.
|
|
59315
59674
|
* - `drop-before`: The row being moved goes before this one when it is dropped.
|
|
59316
|
-
* - `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.
|
|
59317
59676
|
* - `selected`: While the row is selected, in a `selectable` table.
|
|
59318
59677
|
* - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
|
|
59319
59678
|
*/
|
|
@@ -63457,6 +63816,9 @@ export type CustomElements = {
|
|
|
63457
63816
|
* - `label`: Accessible name for the video, which its filename does not provide.
|
|
63458
63817
|
* - `loading-label`/`loadingLabel`: The text announced while the video waits for more data.
|
|
63459
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.
|
|
63460
63822
|
* - `more-label`/`moreLabel`: What the button that opens `overflow-controls` is called.
|
|
63461
63823
|
* - `mute-label`/`muteLabel`: The name of the mute control. The control shows as pressed while the video
|
|
63462
63824
|
* is muted.
|
|
@@ -63763,6 +64125,8 @@ export type CustomElements = {
|
|
|
63763
64125
|
* - `columns`: How many items a line holds. One, the default, is a list; more lays the
|
|
63764
64126
|
* items out as a grid of that many equal columns, windowed a line at a
|
|
63765
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.
|
|
63766
64130
|
* - `estimate`: The height of one row, in pixels, used to find the row at a scroll offset.
|
|
63767
64131
|
*
|
|
63768
64132
|
* An estimate rather than a measurement while `measured` is off, which is
|
|
@@ -63852,6 +64216,7 @@ export type CustomElements = {
|
|
|
63852
64216
|
* Areas where markup can be added to the component.
|
|
63853
64217
|
*
|
|
63854
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`.
|
|
63855
64220
|
* - `loading`: Content for the row after the last item while `loading` is set. Falls back to `loading-label`.
|
|
63856
64221
|
*
|
|
63857
64222
|
* ## Methods
|
|
@@ -63869,6 +64234,8 @@ export type CustomElements = {
|
|
|
63869
64234
|
* CSS variables available for styling the component.
|
|
63870
64235
|
*
|
|
63871
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.
|
|
63872
64239
|
* - `--virtual-list-loading-color`: The color of the text in the row drawn while `loading` is set.
|
|
63873
64240
|
* - `--virtual-list-loading-padding`: The space around the text in the row drawn while `loading` is set.
|
|
63874
64241
|
* - `--virtual-list-scrollbar-thumb-color`: The thumb of the list's scrollbar. Defaults to `--helix-scrollbar-thumb-color`.
|
|
@@ -63882,6 +64249,7 @@ export type CustomElements = {
|
|
|
63882
64249
|
*
|
|
63883
64250
|
* - `after`: The space that stands in for the rows below the rendered ones.
|
|
63884
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.
|
|
63885
64253
|
* - `loading`: The row after the last item while `loading` is set.
|
|
63886
64254
|
* - `viewport`: The scrolling box.
|
|
63887
64255
|
*
|
|
@@ -64543,6 +64911,11 @@ export type CustomElementsSolidJs = {
|
|
|
64543
64911
|
* `{totalLabel}` the name for the sum, `{total}` the sum, written in the
|
|
64544
64912
|
* locale, and `{shares}` each part's share, listed as the locale lists.
|
|
64545
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.
|
|
64546
64919
|
* - `pointer`: Finds the reading nearest the pointer, so the tooltip can sit on it.
|
|
64547
64920
|
*
|
|
64548
64921
|
* Public for the same reason `series` and `named` are: a protected member
|
|
@@ -64604,6 +64977,13 @@ export type CustomElementsSolidJs = {
|
|
|
64604
64977
|
* browser harness's awaits it alone: a browser always runs the frame, and a
|
|
64605
64978
|
* timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
|
|
64606
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
|
+
*
|
|
64607
64987
|
* ## Methods
|
|
64608
64988
|
*
|
|
64609
64989
|
* Methods that can be called to access component functionality.
|
|
@@ -64651,12 +65031,14 @@ export type CustomElementsSolidJs = {
|
|
|
64651
65031
|
* - `--area-chart-overlap-opacity`: How much of each band shows under `overlap`, where the bands in front let the ones behind show through.
|
|
64652
65032
|
* - `--area-chart-width`: Thickness of a band's top edge. Overrides `--chart-stroke`.
|
|
64653
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.
|
|
64654
65035
|
*
|
|
64655
65036
|
* ## CSS Parts
|
|
64656
65037
|
*
|
|
64657
65038
|
* Custom selectors for styling elements within the component.
|
|
64658
65039
|
*
|
|
64659
65040
|
* - `area`: One part's band.
|
|
65041
|
+
* - `axis`: The numbers of the scale beside the plot, under `value-axis`.
|
|
64660
65042
|
* - `baseline`: The rule at zero, which is the floor of the drawing.
|
|
64661
65043
|
* - `gridline`: One rule across the plot, under `gridlines`.
|
|
64662
65044
|
* - `guide`: A rule down the reading a pointer is resting on.
|
|
@@ -64668,6 +65050,7 @@ export type CustomElementsSolidJs = {
|
|
|
64668
65050
|
* - `plot`: The drawing, which takes focus to be read by key.
|
|
64669
65051
|
* - `summary`: The total and each part's share at the latest reading, written as a sentence for screen readers.
|
|
64670
65052
|
* - `svg`: The drawing surface the bands sit on.
|
|
65053
|
+
* - `tick`: One number on the axis, placed with `inset-block-start` at its level.
|
|
64671
65054
|
* - `tooltip`: The bubble, forwarded from `Tooltip`.
|
|
64672
65055
|
* - `tooltip-anchor`: The `Tooltip` element itself.
|
|
64673
65056
|
* - `tooltip-arrow`: The bubble's point, forwarded from `Tooltip`.
|
|
@@ -65486,6 +65869,12 @@ export type CustomElementsSolidJs = {
|
|
|
65486
65869
|
* - `summary-label`/`summaryLabel`: The summary's sentence. `{highestLabel}` is `highest-label`, and
|
|
65487
65870
|
* `{readings}` each series' highest reading: the series, the category and
|
|
65488
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.
|
|
65489
65878
|
* - `pointer`: Finds the reading nearest the pointer, so the tooltip can sit on it.
|
|
65490
65879
|
*
|
|
65491
65880
|
* Public for the same reason `series` and `named` are: a protected member
|
|
@@ -65547,6 +65936,13 @@ export type CustomElementsSolidJs = {
|
|
|
65547
65936
|
* browser harness's awaits it alone: a browser always runs the frame, and a
|
|
65548
65937
|
* timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
|
|
65549
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
|
+
*
|
|
65550
65946
|
* ## Methods
|
|
65551
65947
|
*
|
|
65552
65948
|
* Methods that can be called to access component functionality.
|
|
@@ -65604,7 +66000,7 @@ export type CustomElementsSolidJs = {
|
|
|
65604
66000
|
*
|
|
65605
66001
|
* Custom selectors for styling elements within the component.
|
|
65606
66002
|
*
|
|
65607
|
-
* - `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.
|
|
65608
66004
|
* - `band`: The category band under the pointer.
|
|
65609
66005
|
* - `bar`: One column.
|
|
65610
66006
|
* - `bar-wash-end`: The far stop of a bar's gradient, where one is used.
|
|
@@ -67669,7 +68065,12 @@ export type CustomElementsSolidJs = {
|
|
|
67669
68065
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
67670
68066
|
*
|
|
67671
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>`.
|
|
67672
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.
|
|
67673
68074
|
* - `rows`: How many rows the field opens at.
|
|
67674
68075
|
*
|
|
67675
68076
|
* It grows from there.
|
|
@@ -67835,6 +68236,7 @@ export type CustomElementsSolidJs = {
|
|
|
67835
68236
|
*
|
|
67836
68237
|
* These can be used to apply styling when a component is in a given state.
|
|
67837
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.
|
|
67838
68240
|
* - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
|
|
67839
68241
|
*/
|
|
67840
68242
|
"helix-chat-composer": Partial<
|
|
@@ -70636,6 +71038,12 @@ export type CustomElementsSolidJs = {
|
|
|
70636
71038
|
* rows are chosen, written in the locale, and a language that needs plural
|
|
70637
71039
|
* forms writes them: `{count, plural, one {# wybrany} few {# wybrane} many
|
|
70638
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.
|
|
70639
71047
|
* - `select-row-label`/`selectRowLabel`: The name of a row's checkbox. `{row}` is replaced with the row's value in
|
|
70640
71048
|
* the first column that has a field, or with its key.
|
|
70641
71049
|
* - `sort`: The sort order, as `field:direction`.
|
|
@@ -70732,7 +71140,9 @@ export type CustomElementsSolidJs = {
|
|
|
70732
71140
|
* Areas where markup can be added to the component.
|
|
70733
71141
|
*
|
|
70734
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.
|
|
70735
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.
|
|
70736
71146
|
* - `toolbar`: Content above the grid, such as a search field or actions.
|
|
70737
71147
|
*
|
|
70738
71148
|
* ## Methods
|
|
@@ -72098,10 +72508,6 @@ export type CustomElementsSolidJs = {
|
|
|
72098
72508
|
* A divider with nothing set into it is one line whatever this says.
|
|
72099
72509
|
* - `announced`: Whether screen readers announce the line as a separator, which they now do
|
|
72100
72510
|
* by default.
|
|
72101
|
-
*
|
|
72102
|
-
* It dates from when the line was decorative by default. It is still read,
|
|
72103
|
-
* and it wins over `decorative`, so a divider written with it stays a
|
|
72104
|
-
* separator.
|
|
72105
72511
|
* - `decorative`: Takes the line out of the accessibility tree, for a rule that separates
|
|
72106
72512
|
* nothing: one under a heading, or between the facts of a byline.
|
|
72107
72513
|
*
|
|
@@ -76692,6 +77098,12 @@ export type CustomElementsSolidJs = {
|
|
|
76692
77098
|
* masked with one disc per series and every stroke stops at its own ring's
|
|
76693
77099
|
* inner edge. `mask-composite: intersect` is what makes N holes out of N
|
|
76694
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.
|
|
76695
77107
|
* - `zero`: Whether the range always includes zero.
|
|
76696
77108
|
*
|
|
76697
77109
|
* Absent measures from the data's own extent, which is what a line is for.
|
|
@@ -76759,6 +77171,13 @@ export type CustomElementsSolidJs = {
|
|
|
76759
77171
|
* browser harness's awaits it alone: a browser always runs the frame, and a
|
|
76760
77172
|
* timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
|
|
76761
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
|
+
*
|
|
76762
77181
|
* ## Methods
|
|
76763
77182
|
*
|
|
76764
77183
|
* Methods that can be called to access component functionality.
|
|
@@ -76813,12 +77232,14 @@ export type CustomElementsSolidJs = {
|
|
|
76813
77232
|
* - `--line-chart-width`: Thickness of a line. Overrides `--chart-stroke`.
|
|
76814
77233
|
* - `--chart-terminus-x`: Where a series' last reading sits horizontally, as a percentage. Written by the component.
|
|
76815
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.
|
|
76816
77236
|
*
|
|
76817
77237
|
* ## CSS Parts
|
|
76818
77238
|
*
|
|
76819
77239
|
* Custom selectors for styling elements within the component.
|
|
76820
77240
|
*
|
|
76821
77241
|
* - `area`: The wash under one line, where `area` is set.
|
|
77242
|
+
* - `axis`: The numbers of the scale beside the plot, under `value-axis`.
|
|
76822
77243
|
* - `band`: The band around the reading under the pointer.
|
|
76823
77244
|
* - `baseline`: The rule at zero, where zero is inside the range.
|
|
76824
77245
|
* - `gridline`: One rule across the plot, under `gridlines`.
|
|
@@ -76835,6 +77256,7 @@ export type CustomElementsSolidJs = {
|
|
|
76835
77256
|
* - `summary`: The chart's name and each series' latest reading, written as a sentence for screen readers. Hide it visually.
|
|
76836
77257
|
* - `svg`: The drawing surface the lines and areas sit on.
|
|
76837
77258
|
* - `terminus`: The mark on one series' last reading.
|
|
77259
|
+
* - `tick`: One number on the axis, placed with `inset-block-start` at its level.
|
|
76838
77260
|
* - `tooltip`: The bubble, forwarded from `Tooltip`.
|
|
76839
77261
|
* - `tooltip-anchor`: The `Tooltip` element itself.
|
|
76840
77262
|
* - `tooltip-arrow`: The bubble's point, forwarded from `Tooltip`.
|
|
@@ -83331,6 +83753,12 @@ export type CustomElementsSolidJs = {
|
|
|
83331
83753
|
* pointer, the keyboard, and the corner. The inner splitter holds the panes and
|
|
83332
83754
|
* the outer one holds the panel, so the panel spans the full width.
|
|
83333
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
|
+
*
|
|
83334
83762
|
* ## Attributes & Properties
|
|
83335
83763
|
*
|
|
83336
83764
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
@@ -83978,6 +84406,13 @@ export type CustomElementsSolidJs = {
|
|
|
83978
84406
|
* browser harness's awaits it alone: a browser always runs the frame, and a
|
|
83979
84407
|
* timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
|
|
83980
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
|
+
*
|
|
83981
84416
|
* ## Methods
|
|
83982
84417
|
*
|
|
83983
84418
|
* Methods that can be called to access component functionality.
|
|
@@ -86839,7 +87274,9 @@ export type CustomElementsSolidJs = {
|
|
|
86839
87274
|
* Areas where markup can be added to the component.
|
|
86840
87275
|
*
|
|
86841
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.
|
|
86842
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.
|
|
86843
87280
|
*
|
|
86844
87281
|
* ## Methods
|
|
86845
87282
|
*
|
|
@@ -86914,6 +87351,12 @@ export type CustomElementsSolidJs = {
|
|
|
86914
87351
|
*
|
|
86915
87352
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
86916
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.
|
|
86917
87360
|
* - `href`: The URL a press on the row follows, which makes the whole row a link.
|
|
86918
87361
|
* Empty, the default, leaves presses to the row's cells.
|
|
86919
87362
|
* - `rel`: The `rel` of the row's link. You set it yourself, as on an anchor.
|
|
@@ -86956,6 +87399,7 @@ export type CustomElementsSolidJs = {
|
|
|
86956
87399
|
* - `--table-drop-indicator-size`: The thickness of the line where a moved row would land.
|
|
86957
87400
|
* - `--table-grip-color`: The color of a row's grip, in a `reorderable` table.
|
|
86958
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.
|
|
86959
87403
|
* - `--table-row-hover-background-color`: The wash across the cells of a row with `href` under the pointer.
|
|
86960
87404
|
*
|
|
86961
87405
|
* ## CSS Parts
|
|
@@ -86986,7 +87430,7 @@ export type CustomElementsSolidJs = {
|
|
|
86986
87430
|
* - `dragging`: The row is being moved, in a `reorderable` table.
|
|
86987
87431
|
* - `drop-after`: The row being moved goes after this one when it is dropped.
|
|
86988
87432
|
* - `drop-before`: The row being moved goes before this one when it is dropped.
|
|
86989
|
-
* - `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.
|
|
86990
87434
|
* - `selected`: While the row is selected, in a `selectable` table.
|
|
86991
87435
|
* - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
|
|
86992
87436
|
*/
|
|
@@ -91209,6 +91653,9 @@ export type CustomElementsSolidJs = {
|
|
|
91209
91653
|
* - `label`: Accessible name for the video, which its filename does not provide.
|
|
91210
91654
|
* - `loading-label`/`loadingLabel`: The text announced while the video waits for more data.
|
|
91211
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.
|
|
91212
91659
|
* - `more-label`/`moreLabel`: What the button that opens `overflow-controls` is called.
|
|
91213
91660
|
* - `mute-label`/`muteLabel`: The name of the mute control. The control shows as pressed while the video
|
|
91214
91661
|
* is muted.
|
|
@@ -91520,6 +91967,8 @@ export type CustomElementsSolidJs = {
|
|
|
91520
91967
|
* - `columns`: How many items a line holds. One, the default, is a list; more lays the
|
|
91521
91968
|
* items out as a grid of that many equal columns, windowed a line at a
|
|
91522
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.
|
|
91523
91972
|
* - `estimate`: The height of one row, in pixels, used to find the row at a scroll offset.
|
|
91524
91973
|
*
|
|
91525
91974
|
* An estimate rather than a measurement while `measured` is off, which is
|
|
@@ -91609,6 +92058,7 @@ export type CustomElementsSolidJs = {
|
|
|
91609
92058
|
* Areas where markup can be added to the component.
|
|
91610
92059
|
*
|
|
91611
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`.
|
|
91612
92062
|
* - `loading`: Content for the row after the last item while `loading` is set. Falls back to `loading-label`.
|
|
91613
92063
|
*
|
|
91614
92064
|
* ## Methods
|
|
@@ -91626,6 +92076,8 @@ export type CustomElementsSolidJs = {
|
|
|
91626
92076
|
* CSS variables available for styling the component.
|
|
91627
92077
|
*
|
|
91628
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.
|
|
91629
92081
|
* - `--virtual-list-loading-color`: The color of the text in the row drawn while `loading` is set.
|
|
91630
92082
|
* - `--virtual-list-loading-padding`: The space around the text in the row drawn while `loading` is set.
|
|
91631
92083
|
* - `--virtual-list-scrollbar-thumb-color`: The thumb of the list's scrollbar. Defaults to `--helix-scrollbar-thumb-color`.
|
|
@@ -91639,6 +92091,7 @@ export type CustomElementsSolidJs = {
|
|
|
91639
92091
|
*
|
|
91640
92092
|
* - `after`: The space that stands in for the rows below the rendered ones.
|
|
91641
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.
|
|
91642
92095
|
* - `loading`: The row after the last item while `loading` is set.
|
|
91643
92096
|
* - `viewport`: The scrolling box.
|
|
91644
92097
|
*
|
|
@@ -91723,6 +92176,8 @@ export type CustomCssProperties = {
|
|
|
91723
92176
|
"--area-chart-width"?: (string) | undefined;
|
|
91724
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. */
|
|
91725
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;
|
|
91726
92181
|
/** The bright stop of the ramp. Defaults to `--helix-color-primary`. */
|
|
91727
92182
|
"--aura-glow"?: (string) | undefined;
|
|
91728
92183
|
/** The page the field fades into. Defaults to `--helix-color-background`. */
|
|
@@ -92733,6 +93188,8 @@ export type CustomCssProperties = {
|
|
|
92733
93188
|
"--chart-terminus-x"?: (string) | undefined;
|
|
92734
93189
|
/** Where a series' last reading sits vertically, as a percentage. Written by the component. */
|
|
92735
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;
|
|
92736
93193
|
/** The fill behind a row that is `current`. */
|
|
92737
93194
|
"--list-item-current-background-color"?: (string) | undefined;
|
|
92738
93195
|
/** The opacity of a `disabled` row. */
|
|
@@ -93655,6 +94112,8 @@ export type CustomCssProperties = {
|
|
|
93655
94112
|
"--table-grip-color"?: (string) | undefined;
|
|
93656
94113
|
/** The opacity of a row's grip while a sort decides the order. */
|
|
93657
94114
|
"--table-grip-disabled-opacity"?: (string) | undefined;
|
|
94115
|
+
/** The opacity of the cells of a `disabled` row. */
|
|
94116
|
+
"--table-row-disabled-opacity"?: (string) | undefined;
|
|
93658
94117
|
/** The wash across the cells of a row with `href` under the pointer. */
|
|
93659
94118
|
"--table-row-hover-background-color"?: (string) | undefined;
|
|
93660
94119
|
/** The space between the tab row and the panel's content. */
|
|
@@ -94031,6 +94490,10 @@ export type CustomCssProperties = {
|
|
|
94031
94490
|
"--video-progress"?: (string) | undefined;
|
|
94032
94491
|
/** How tall the scrolling box is. */
|
|
94033
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;
|
|
94034
94497
|
/** The color of the text in the row drawn while `loading` is set. */
|
|
94035
94498
|
"--virtual-list-loading-color"?: (string) | undefined;
|
|
94036
94499
|
/** The space around the text in the row drawn while `loading` is set. */
|