@fusion.dev/helix-headless 0.176.1 → 0.177.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +1383 -766
- package/dist/area-chart/root/area-chart-root.d.ts +18 -1
- package/dist/area-chart/root/area-chart-root.js +2 -2
- package/dist/avatar/root/avatar-root.d.ts +1 -1
- package/dist/avatar/root/avatar-root.js +1 -1
- package/dist/bar-chart/root/bar-chart-root.d.ts +19 -1
- package/dist/bar-chart/root/bar-chart-root.js +2 -2
- package/dist/button/root/button-root.js +1 -0
- package/dist/canvas/node/canvas-node.js +1 -1
- package/dist/canvas/root/canvas-root.d.ts +5 -1
- package/dist/canvas/root/canvas-root.js +9 -1
- package/dist/chat/composer/chat-composer.d.ts +1 -1
- package/dist/chat/composer/chat-composer.js +1 -1
- package/dist/color-picker/root/color-picker-root.d.ts +10 -0
- package/dist/color-picker/root/color-picker-root.js +20 -13
- package/dist/combobox/root/combobox-root.d.ts +13 -0
- package/dist/combobox/root/combobox-root.js +16 -4
- package/dist/donut-chart/root/donut-chart-root.d.ts +37 -2
- package/dist/donut-chart/root/donut-chart-root.js +22 -8
- package/dist/element-events.generated.js +2 -0
- package/dist/file-input/root/file-input-root.d.ts +3 -2
- package/dist/file-input/root/file-input-root.js +5 -2
- package/dist/graph/root/graph-root.d.ts +28 -3
- package/dist/graph/root/graph-root.js +38 -3
- package/dist/heatmap/root/heatmap-root.d.ts +28 -5
- package/dist/heatmap/root/heatmap-root.js +7 -2
- package/dist/line-chart/root/line-chart-root.d.ts +18 -1
- package/dist/line-chart/root/line-chart-root.js +2 -2
- package/dist/loader/root/loader-root.d.ts +15 -0
- package/dist/loader/root/loader-root.js +28 -6
- package/dist/pin-input/root/pin-input-root.js +1 -0
- package/dist/rating/root/rating-root.d.ts +2 -1
- package/dist/rating/root/rating-root.js +8 -2
- package/dist/scatter-chart/root/scatter-chart-root.d.ts +29 -6
- package/dist/scatter-chart/root/scatter-chart-root.js +18 -3
- package/dist/select/root/select-root.d.ts +4 -1
- package/dist/select/root/select-root.js +1 -0
- package/dist/sparkline/root/sparkline-root.d.ts +29 -4
- package/dist/sparkline/root/sparkline-root.js +8 -1
- package/dist/tag/group/tag-group.d.ts +4 -3
- package/dist/tag/group/tag-group.js +6 -5
- package/dist/tag/root/tag-root.js +2 -1
- package/dist/time-input/root/time-input-root.d.ts +7 -1
- package/dist/time-input/root/time-input-root.js +6 -3
- package/dist/tree/item/tree-item.d.ts +4 -4
- package/dist/tree/item/tree-item.js +5 -1
- package/lint.json +1 -1
- package/package.json +5 -5
- package/types/jsx.d.ts +688 -382
- package/types/vue.d.ts +101 -22
- package/types/words.d.ts +26 -2
package/custom-elements.json
CHANGED
|
@@ -3423,7 +3423,7 @@
|
|
|
3423
3423
|
"declarations": [
|
|
3424
3424
|
{
|
|
3425
3425
|
"kind": "class",
|
|
3426
|
-
"description": "Shows how a total is made up. Each numeric column of the table is a part, the\nparts add up to the total at each reading, and the top edge is that total.\nThe thickness of a band is that part's amount.\n\nUse `LineChart` with `area` to show how each series moved: it fills each\nseries from the floor separately, so the fills overlap. Use this chart to\nshow the composition: it stacks the series.\n\n**The value axis always starts at zero**, as in `BarChart`, because a band's\nthickness is its value. For the same reason there is no streamgraph mode,\nwhich moves the baseline. To show how the composition changed, set `share`.\n\nBand edges are straight between readings by default. A smoothed curve through\none sum can dip below the curve through the sum beneath it, which draws a\npart as less than zero. Other curves:\n\n- `curve=\"smooth\"`: for a stack read as an overall shape.\n- `curve=\"step\"`: holds each reading and jumps at the midpoint, so stacked\n edges stay in order, as with `straight`. Use it for a quantity that changes\n at a moment, such as a headcount or a price.\n\n`share` draws each reading as 100 percent, so the top edge is flat and the\nbands show each part's share. Use it to see which part grew. The default\nshows whether the total grew.\n\n`overlap` draws every band from zero, one in front of another, so each\npart's own amount is its height: the first column is in front. Use it to\ncompare the parts with each other; the scale then fits the largest part\nrather than the total.\n\n`value-axis` draws the scale's numbers beside the plot, at the levels\n`gridlines` rules: amounts in `locale`, or percentages under `share`.\n\nThe drawing is hidden from screen readers. The text summary gives the latest\nreading's total and each part's share of it, and the table beside the chart\nhas every number.\n\n**The plot is read by key.** It takes focus, named by `label` or the caption.\nThe left and right arrows move from reading to reading, Home and End go to\nthe first and the last, and the up and down arrows move among the series of\na reading. The tooltip follows, the `live` part says the reading in words,\nand Escape puts the tooltip away.\n\nEvery numeric column is a part, so leave a total column out of the table the\nchart reads, or it is counted twice. A negative reading is drawn as zero.\n\n**A tap shows the reading under it**, and keeps it until a tap lands\nelsewhere. `helix-reading-change` says each move of the reading, by pointer,\ntap or key, and `helix-reading-press` says a reading was clicked, tapped, or\npressed with Enter or Space, for a page that opens what a reading stands for.\n\n**`data` takes the readings as data** where the page has no table to point\n`for` at, in a table's shape: the column headings, then one row per reading\nwith its label first. A table is still the better source where the page can\nshow one, since it reads before any script runs.\n\n**A chart with nothing to draw says so.** A table with no readings shows\n`empty-text`, \"No readings\", in the plot, and `loading` shows `loading-text`\nthere until readings arrive. The `empty` and `loading` slots take markup in\ntheir place, such as a link to add the first reading.",
|
|
3426
|
+
"description": "Shows how a total is made up. Each numeric column of the table is a part, the\nparts add up to the total at each reading, and the top edge is that total.\nThe thickness of a band is that part's amount.\n\nUse `LineChart` with `area` to show how each series moved: it fills each\nseries from the floor separately, so the fills overlap. Use this chart to\nshow the composition: it stacks the series.\n\n**The value axis always starts at zero**, as in `BarChart`, because a band's\nthickness is its value. For the same reason there is no streamgraph mode,\nwhich moves the baseline. To show how the composition changed, set `share`.\n\nBand edges are straight between readings by default. A smoothed curve through\none sum can dip below the curve through the sum beneath it, which draws a\npart as less than zero. Other curves:\n\n- `curve=\"smooth\"`: for a stack read as an overall shape.\n- `curve=\"step\"`: holds each reading and jumps at the midpoint, so stacked\n edges stay in order, as with `straight`. Use it for a quantity that changes\n at a moment, such as a headcount or a price.\n\n`share` draws each reading as 100 percent, so the top edge is flat and the\nbands show each part's share. Use it to see which part grew. The default\nshows whether the total grew.\n\n`overlap` draws every band from zero, one in front of another, so each\npart's own amount is its height: the first column is in front. Use it to\ncompare the parts with each other; the scale then fits the largest part\nrather than the total.\n\n`value-axis` draws the scale's numbers beside the plot, at the levels\n`gridlines` rules: amounts in `locale`, or percentages under `share`.\n\nThe drawing is hidden from screen readers. The text summary gives the latest\nreading's total and each part's share of it, and the table beside the chart\nhas every number.\n\n**The plot is read by key.** It takes focus, named by `label` or the caption.\nThe left and right arrows move from reading to reading, Home and End go to\nthe first and the last, and the up and down arrows move among the series of\na reading. The tooltip follows, the `live` part says the reading in words,\nand Escape puts the tooltip away.\n\nEvery numeric column is a part, so leave a total column out of the table the\nchart reads, or it is counted twice. A negative reading is drawn as zero.\n\n**A tap shows the reading under it**, and keeps it until a tap lands\nelsewhere. `helix-reading-change` says each move of the reading, by pointer,\ntap or key, and `helix-reading-press` says a reading was clicked, tapped, or\npressed with Enter or Space, for a page that opens what a reading stands for.\n\n**`data` takes the readings as data** where the page has no table to point\n`for` at, in a table's shape: the column headings, then one row per reading\nwith its label first. A table is still the better source where the page can\nshow one, since it reads before any script runs.\n\n**A chart with nothing to draw says so.** A table with no readings shows\n`empty-text`, \"No readings\", in the plot, and `loading` shows `loading-text`\nthere until readings arrive. The `empty` and `loading` slots take markup in\ntheir place, such as a link to add the first reading.\n\n**Keyboard.** The plot is one tab stop.\n\n| Key | What it does |\n|---|---|\n| Tab | Moves focus to the plot and shows the first reading. |\n| Right, Left | Moves to the next or the previous reading. On a right-to-left page, Left moves to the next. |\n| Down, Up | Moves among the series of the reading. With one series, moves to the next or the previous reading. |\n| Home, End | Moves to the first or the last reading. |\n| Page Down, Page Up | Moves a tenth of the readings on or back. |\n| Enter, Space | Presses the reading shown, which sends `helix-reading-press`. |\n| Escape | Puts the reading and its tooltip away. |",
|
|
3427
3427
|
"name": "HelixHeadlessAreaChart",
|
|
3428
3428
|
"cssProperties": [
|
|
3429
3429
|
{
|
|
@@ -3481,7 +3481,7 @@
|
|
|
3481
3481
|
"name": "mark"
|
|
3482
3482
|
},
|
|
3483
3483
|
{
|
|
3484
|
-
"description": "The drawing, which takes focus to be read by key.",
|
|
3484
|
+
"description": "The drawing, which takes focus to be read by key. With nothing to draw, a group named as the chart is, holding the `empty` or `loading` part.",
|
|
3485
3485
|
"name": "plot"
|
|
3486
3486
|
},
|
|
3487
3487
|
{
|
|
@@ -3492,6 +3492,10 @@
|
|
|
3492
3492
|
"description": "The drawing surface the bands sit on.",
|
|
3493
3493
|
"name": "svg"
|
|
3494
3494
|
},
|
|
3495
|
+
{
|
|
3496
|
+
"description": "The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.",
|
|
3497
|
+
"name": "table"
|
|
3498
|
+
},
|
|
3495
3499
|
{
|
|
3496
3500
|
"description": "One number on the axis, placed with `inset-block-start` at its level.",
|
|
3497
3501
|
"name": "tick"
|
|
@@ -4034,23 +4038,27 @@
|
|
|
4034
4038
|
}
|
|
4035
4039
|
},
|
|
4036
4040
|
{
|
|
4037
|
-
"kind": "
|
|
4038
|
-
"name": "
|
|
4041
|
+
"kind": "method",
|
|
4042
|
+
"name": "renderEmpty",
|
|
4039
4043
|
"privacy": "protected",
|
|
4040
|
-
"
|
|
4041
|
-
|
|
4042
|
-
|
|
4044
|
+
"return": {
|
|
4045
|
+
"type": {
|
|
4046
|
+
"text": "TemplateResult"
|
|
4047
|
+
}
|
|
4048
|
+
},
|
|
4049
|
+
"description": "The plot while there is nothing to draw: a group named as the chart is,\nholding `renderStatus`. Not focusable, there being no reading to walk.",
|
|
4043
4050
|
"inheritedFrom": {
|
|
4044
|
-
"name": "
|
|
4045
|
-
"module": "src/mixins/mixin-chart-
|
|
4051
|
+
"name": "MixinChartStatus",
|
|
4052
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
4046
4053
|
}
|
|
4047
4054
|
},
|
|
4048
4055
|
{
|
|
4049
4056
|
"kind": "field",
|
|
4050
|
-
"name": "
|
|
4057
|
+
"name": "source",
|
|
4058
|
+
"privacy": "protected",
|
|
4051
4059
|
"readonly": true,
|
|
4052
|
-
"default": "new
|
|
4053
|
-
"description": "
|
|
4060
|
+
"default": "new SourceController(this)",
|
|
4061
|
+
"description": "Resolves `for` and re-renders when the table behind it changes.",
|
|
4054
4062
|
"inheritedFrom": {
|
|
4055
4063
|
"name": "MixinChartSource",
|
|
4056
4064
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
@@ -4128,57 +4136,6 @@
|
|
|
4128
4136
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
4129
4137
|
}
|
|
4130
4138
|
},
|
|
4131
|
-
{
|
|
4132
|
-
"kind": "field",
|
|
4133
|
-
"name": "observedAttributes",
|
|
4134
|
-
"type": {
|
|
4135
|
-
"text": "string[]"
|
|
4136
|
-
},
|
|
4137
|
-
"static": true,
|
|
4138
|
-
"description": "Hears an `aria-label` written on the chart, which no property mirrors,\nso a page that names the chart that way names its plot.\n\nLit observes the attributes of its own properties only, and `ariaLabel`\nbelongs to the platform.\n\nRead through `Reflect.get` with this class as the receiver, which is\nwhat `super.observedAttributes` means: Lit's getter finalizes whichever\nclass it is asked on, and asked on the base it would finalize the base\nand leave a subclass without its styles. A mixin's base has no static\nside TypeScript can see, so `super` cannot be written here.",
|
|
4139
|
-
"readonly": true,
|
|
4140
|
-
"inheritedFrom": {
|
|
4141
|
-
"name": "MixinChartSource",
|
|
4142
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
4143
|
-
}
|
|
4144
|
-
},
|
|
4145
|
-
{
|
|
4146
|
-
"kind": "method",
|
|
4147
|
-
"name": "attributeChangedCallback",
|
|
4148
|
-
"return": {
|
|
4149
|
-
"type": {
|
|
4150
|
-
"text": "void"
|
|
4151
|
-
}
|
|
4152
|
-
},
|
|
4153
|
-
"parameters": [
|
|
4154
|
-
{
|
|
4155
|
-
"name": "name",
|
|
4156
|
-
"type": {
|
|
4157
|
-
"text": "string"
|
|
4158
|
-
}
|
|
4159
|
-
},
|
|
4160
|
-
{
|
|
4161
|
-
"name": "old",
|
|
4162
|
-
"type": {
|
|
4163
|
-
"text": "string | null"
|
|
4164
|
-
}
|
|
4165
|
-
},
|
|
4166
|
-
{
|
|
4167
|
-
"name": "value",
|
|
4168
|
-
"type": {
|
|
4169
|
-
"text": "string | null"
|
|
4170
|
-
}
|
|
4171
|
-
}
|
|
4172
|
-
],
|
|
4173
|
-
"description": "Called by the browser when an observed attribute changes. A new\n`aria-label` asks for an update, because it names the plot.",
|
|
4174
|
-
"inheritedFrom": {
|
|
4175
|
-
"name": "MixinChartSource",
|
|
4176
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
4177
|
-
},
|
|
4178
|
-
"type": {
|
|
4179
|
-
"text": "attributeChangedCallback(name: string, old: string | null, value: string | null) => void"
|
|
4180
|
-
}
|
|
4181
|
-
},
|
|
4182
4139
|
{
|
|
4183
4140
|
"kind": "field",
|
|
4184
4141
|
"name": "series",
|
|
@@ -4205,32 +4162,6 @@
|
|
|
4205
4162
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
4206
4163
|
}
|
|
4207
4164
|
},
|
|
4208
|
-
{
|
|
4209
|
-
"kind": "field",
|
|
4210
|
-
"name": "readingsKnown",
|
|
4211
|
-
"type": {
|
|
4212
|
-
"text": "boolean"
|
|
4213
|
-
},
|
|
4214
|
-
"description": "Whether the readings have been looked for: false on the server and\nwhile hydrating, where no table is resolved and no data is read. A\nchart says it has no readings only once this is true.",
|
|
4215
|
-
"readonly": true,
|
|
4216
|
-
"inheritedFrom": {
|
|
4217
|
-
"name": "MixinChartSource",
|
|
4218
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
4219
|
-
}
|
|
4220
|
-
},
|
|
4221
|
-
{
|
|
4222
|
-
"kind": "field",
|
|
4223
|
-
"name": "sourceRows",
|
|
4224
|
-
"type": {
|
|
4225
|
-
"text": "Row[]"
|
|
4226
|
-
},
|
|
4227
|
-
"description": "Every row of the table, with each cell's text and number.\n\nThis is where a tooltip's content comes from, and it is deliberately not\n`series`. A chart draws numbers; a reader resting a pointer on one wants\nwhat the table says, which is `$128k` and not `128000`, and often wants\nthe column beside it that nothing plotted at all.\n\n**Not `rows`.** It is the source table's rows, and `rows` on a chart is a\nname a chart wants for itself: `helix-heatmap` takes `rows=\"7\"` to mean a\ncalendar week, and declaring that against a base class whose `rows` is a\n`Row[]` getter is a type error at best. Name the member for what it holds\nrather than for the shortest word available.",
|
|
4228
|
-
"readonly": true,
|
|
4229
|
-
"inheritedFrom": {
|
|
4230
|
-
"name": "MixinChartSource",
|
|
4231
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
4232
|
-
}
|
|
4233
|
-
},
|
|
4234
4165
|
{
|
|
4235
4166
|
"kind": "field",
|
|
4236
4167
|
"name": "plottedColumns",
|
|
@@ -4357,6 +4288,21 @@
|
|
|
4357
4288
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
4358
4289
|
}
|
|
4359
4290
|
},
|
|
4291
|
+
{
|
|
4292
|
+
"kind": "method",
|
|
4293
|
+
"name": "renderTable",
|
|
4294
|
+
"privacy": "protected",
|
|
4295
|
+
"return": {
|
|
4296
|
+
"type": {
|
|
4297
|
+
"text": "TemplateResult | typeof nothing"
|
|
4298
|
+
}
|
|
4299
|
+
},
|
|
4300
|
+
"description": "The readings as a table, for a screen reader, where they were drawn from\n`data`: there is then no table on the page to read, and a chart's\nsummary gives only what the readings come to. Nothing where a table on\nthe page was read, which is already the readable version.\n\nThe `table` part, named by the chart, its cells as `data` writes them.",
|
|
4301
|
+
"inheritedFrom": {
|
|
4302
|
+
"name": "MixinChartSource",
|
|
4303
|
+
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
4304
|
+
}
|
|
4305
|
+
},
|
|
4360
4306
|
{
|
|
4361
4307
|
"kind": "field",
|
|
4362
4308
|
"name": "tier",
|
|
@@ -4869,6 +4815,28 @@
|
|
|
4869
4815
|
}
|
|
4870
4816
|
}
|
|
4871
4817
|
],
|
|
4818
|
+
"cssStates": [
|
|
4819
|
+
{
|
|
4820
|
+
"description": "While a reading is shown, under the pointer or the keys, with its tooltip open.",
|
|
4821
|
+
"name": "active"
|
|
4822
|
+
},
|
|
4823
|
+
{
|
|
4824
|
+
"description": "While the `empty` part stands in the plot.",
|
|
4825
|
+
"name": "empty"
|
|
4826
|
+
},
|
|
4827
|
+
{
|
|
4828
|
+
"description": "While the `loading` part stands in the plot.",
|
|
4829
|
+
"name": "loading"
|
|
4830
|
+
},
|
|
4831
|
+
{
|
|
4832
|
+
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
4833
|
+
"name": "settled",
|
|
4834
|
+
"inheritedFrom": {
|
|
4835
|
+
"name": "HelixElement",
|
|
4836
|
+
"module": "src/helix-element/helix-element.ts"
|
|
4837
|
+
}
|
|
4838
|
+
}
|
|
4839
|
+
],
|
|
4872
4840
|
"mixins": [
|
|
4873
4841
|
{
|
|
4874
4842
|
"name": "MixinChartStatus",
|
|
@@ -4911,16 +4879,6 @@
|
|
|
4911
4879
|
},
|
|
4912
4880
|
"tagName": "helix-headless-area-chart",
|
|
4913
4881
|
"customElement": true,
|
|
4914
|
-
"cssStates": [
|
|
4915
|
-
{
|
|
4916
|
-
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
4917
|
-
"name": "settled",
|
|
4918
|
-
"inheritedFrom": {
|
|
4919
|
-
"name": "HelixElement",
|
|
4920
|
-
"module": "src/helix-element/helix-element.ts"
|
|
4921
|
-
}
|
|
4922
|
-
}
|
|
4923
|
-
],
|
|
4924
4882
|
"modulePath": "src/area-chart/root/area-chart-root.ts",
|
|
4925
4883
|
"definitionPath": "src/area-chart/root/area-chart-root.ts"
|
|
4926
4884
|
}
|
|
@@ -5554,7 +5512,7 @@
|
|
|
5554
5512
|
],
|
|
5555
5513
|
"slots": [
|
|
5556
5514
|
{
|
|
5557
|
-
"description": "Shown when there is no usable image, in place of the initials.",
|
|
5515
|
+
"description": "Shown when there is no usable image, in place of the initials. Hidden from assistive technology when the avatar has a `name`, which the host announces.",
|
|
5558
5516
|
"name": ""
|
|
5559
5517
|
}
|
|
5560
5518
|
],
|
|
@@ -6989,7 +6947,7 @@
|
|
|
6989
6947
|
"declarations": [
|
|
6990
6948
|
{
|
|
6991
6949
|
"kind": "class",
|
|
6992
|
-
"description": "Every bar is measured from zero, and no property changes the baseline,\nbecause a bar's length is its value. To show the differences between values,\nuse a line chart.\n\nThe labels are HTML beside the drawing. An `<svg>` that fills its box scales\nthe text inside it: the same `font-size` renders at 10px in a narrow chart\nand 43px in a wide one, and SVG has no setting that keeps text at one size\nthe way `vector-effect` does for strokes.\n\nThe table is the accessible representation, and the drawing is hidden from\nscreen readers, so they get the numbers themselves. The `summary` part names\nthe chart, from `label` or the table's caption, and gives each series' highest\nreading.\n\n**The plot is read by key.** It takes focus, named by `label` or the caption.\nThe arrows along the categories move from one to the next, which is left and\nright for columns and up and down for `orientation=\"horizontal\"`. Home and\nEnd go to the first and the last, and the other pair of arrows moves among\nthe series of a category. The tooltip follows, the `live` part says the\nreading in words, and Escape puts the tooltip away.\n\nThe component writes the custom properties below with numbers it computes,\nand the stylesheet that draws the chart reads them. Do not set them yourself.\n\n**A tap shows the reading under it**, and keeps it until a tap lands\nelsewhere. `helix-reading-change` says each move of the reading, by pointer,\ntap or key, and `helix-reading-press` says a reading was clicked, tapped, or\npressed with Enter or Space, for a page that opens what a reading stands for.\n\n**`data` takes the readings as data** where the page has no table to point\n`for` at, in a table's shape: the column headings, then one row per reading\nwith its label first. A table is still the better source where the page can\nshow one, since it reads before any script runs.\n\n**A chart with nothing to draw says so.** A table with no readings shows\n`empty-text`, \"No readings\", in the plot, and `loading` shows `loading-text`\nthere until readings arrive. The `empty` and `loading` slots take markup in\ntheir place, such as a link to add the first reading.",
|
|
6950
|
+
"description": "Every bar is measured from zero, and no property changes the baseline,\nbecause a bar's length is its value. To show the differences between values,\nuse a line chart.\n\nThe labels are HTML beside the drawing. An `<svg>` that fills its box scales\nthe text inside it: the same `font-size` renders at 10px in a narrow chart\nand 43px in a wide one, and SVG has no setting that keeps text at one size\nthe way `vector-effect` does for strokes.\n\nThe table is the accessible representation, and the drawing is hidden from\nscreen readers, so they get the numbers themselves. The `summary` part names\nthe chart, from `label` or the table's caption, and gives each series' highest\nreading.\n\n**The plot is read by key.** It takes focus, named by `label` or the caption.\nThe arrows along the categories move from one to the next, which is left and\nright for columns and up and down for `orientation=\"horizontal\"`. Home and\nEnd go to the first and the last, and the other pair of arrows moves among\nthe series of a category. The tooltip follows, the `live` part says the\nreading in words, and Escape puts the tooltip away.\n\nThe component writes the custom properties below with numbers it computes,\nand the stylesheet that draws the chart reads them. Do not set them yourself.\n\n**A tap shows the reading under it**, and keeps it until a tap lands\nelsewhere. `helix-reading-change` says each move of the reading, by pointer,\ntap or key, and `helix-reading-press` says a reading was clicked, tapped, or\npressed with Enter or Space, for a page that opens what a reading stands for.\n\n**`data` takes the readings as data** where the page has no table to point\n`for` at, in a table's shape: the column headings, then one row per reading\nwith its label first. A table is still the better source where the page can\nshow one, since it reads before any script runs.\n\n**A chart with nothing to draw says so.** A table with no readings shows\n`empty-text`, \"No readings\", in the plot, and `loading` shows `loading-text`\nthere until readings arrive. The `empty` and `loading` slots take markup in\ntheir place, such as a link to add the first reading.\n\n**Keyboard.** The plot is one tab stop.\n\n| Key | What it does |\n|---|---|\n| Tab | Moves focus to the plot and shows the first reading. |\n| Right, Left | Moves to the next or the previous reading. On a right-to-left page, Left moves to the next. |\n| Down, Up | Moves among the series of the reading. With one series, moves to the next or the previous reading. |\n| Down, Up under `orientation=\"horizontal\"` | Moves to the next or the previous reading, and Right and Left move among the series. |\n| Home, End | Moves to the first or the last reading. |\n| Page Down, Page Up | Moves a tenth of the readings on or back. |\n| Enter, Space | Presses the reading shown, which sends `helix-reading-press`. |\n| Escape | Puts the reading and its tooltip away. |",
|
|
6993
6951
|
"name": "HelixHeadlessBarChart",
|
|
6994
6952
|
"cssProperties": [
|
|
6995
6953
|
{
|
|
@@ -7071,7 +7029,7 @@
|
|
|
7071
7029
|
"name": "mark"
|
|
7072
7030
|
},
|
|
7073
7031
|
{
|
|
7074
|
-
"description": "The drawing, which takes focus to be read by key.",
|
|
7032
|
+
"description": "The drawing, which takes focus to be read by key. With nothing to draw, a group named as the chart is, holding the `empty` or `loading` part.",
|
|
7075
7033
|
"name": "plot"
|
|
7076
7034
|
},
|
|
7077
7035
|
{
|
|
@@ -7082,6 +7040,10 @@
|
|
|
7082
7040
|
"description": "The drawing surface the bars and lines sit on.",
|
|
7083
7041
|
"name": "svg"
|
|
7084
7042
|
},
|
|
7043
|
+
{
|
|
7044
|
+
"description": "The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.",
|
|
7045
|
+
"name": "table"
|
|
7046
|
+
},
|
|
7085
7047
|
{
|
|
7086
7048
|
"description": "One number on an axis.",
|
|
7087
7049
|
"name": "tick"
|
|
@@ -7657,23 +7619,27 @@
|
|
|
7657
7619
|
}
|
|
7658
7620
|
},
|
|
7659
7621
|
{
|
|
7660
|
-
"kind": "
|
|
7661
|
-
"name": "
|
|
7622
|
+
"kind": "method",
|
|
7623
|
+
"name": "renderEmpty",
|
|
7662
7624
|
"privacy": "protected",
|
|
7663
|
-
"
|
|
7664
|
-
|
|
7665
|
-
|
|
7625
|
+
"return": {
|
|
7626
|
+
"type": {
|
|
7627
|
+
"text": "TemplateResult"
|
|
7628
|
+
}
|
|
7629
|
+
},
|
|
7630
|
+
"description": "The plot while there is nothing to draw: a group named as the chart is,\nholding `renderStatus`. Not focusable, there being no reading to walk.",
|
|
7666
7631
|
"inheritedFrom": {
|
|
7667
|
-
"name": "
|
|
7668
|
-
"module": "src/mixins/mixin-chart-
|
|
7632
|
+
"name": "MixinChartStatus",
|
|
7633
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
7669
7634
|
}
|
|
7670
7635
|
},
|
|
7671
7636
|
{
|
|
7672
7637
|
"kind": "field",
|
|
7673
|
-
"name": "
|
|
7638
|
+
"name": "source",
|
|
7639
|
+
"privacy": "protected",
|
|
7674
7640
|
"readonly": true,
|
|
7675
|
-
"default": "new
|
|
7676
|
-
"description": "
|
|
7641
|
+
"default": "new SourceController(this)",
|
|
7642
|
+
"description": "Resolves `for` and re-renders when the table behind it changes.",
|
|
7677
7643
|
"inheritedFrom": {
|
|
7678
7644
|
"name": "MixinChartSource",
|
|
7679
7645
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
@@ -7751,57 +7717,6 @@
|
|
|
7751
7717
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
7752
7718
|
}
|
|
7753
7719
|
},
|
|
7754
|
-
{
|
|
7755
|
-
"kind": "field",
|
|
7756
|
-
"name": "observedAttributes",
|
|
7757
|
-
"type": {
|
|
7758
|
-
"text": "string[]"
|
|
7759
|
-
},
|
|
7760
|
-
"static": true,
|
|
7761
|
-
"description": "Hears an `aria-label` written on the chart, which no property mirrors,\nso a page that names the chart that way names its plot.\n\nLit observes the attributes of its own properties only, and `ariaLabel`\nbelongs to the platform.\n\nRead through `Reflect.get` with this class as the receiver, which is\nwhat `super.observedAttributes` means: Lit's getter finalizes whichever\nclass it is asked on, and asked on the base it would finalize the base\nand leave a subclass without its styles. A mixin's base has no static\nside TypeScript can see, so `super` cannot be written here.",
|
|
7762
|
-
"readonly": true,
|
|
7763
|
-
"inheritedFrom": {
|
|
7764
|
-
"name": "MixinChartSource",
|
|
7765
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
7766
|
-
}
|
|
7767
|
-
},
|
|
7768
|
-
{
|
|
7769
|
-
"kind": "method",
|
|
7770
|
-
"name": "attributeChangedCallback",
|
|
7771
|
-
"return": {
|
|
7772
|
-
"type": {
|
|
7773
|
-
"text": "void"
|
|
7774
|
-
}
|
|
7775
|
-
},
|
|
7776
|
-
"parameters": [
|
|
7777
|
-
{
|
|
7778
|
-
"name": "name",
|
|
7779
|
-
"type": {
|
|
7780
|
-
"text": "string"
|
|
7781
|
-
}
|
|
7782
|
-
},
|
|
7783
|
-
{
|
|
7784
|
-
"name": "old",
|
|
7785
|
-
"type": {
|
|
7786
|
-
"text": "string | null"
|
|
7787
|
-
}
|
|
7788
|
-
},
|
|
7789
|
-
{
|
|
7790
|
-
"name": "value",
|
|
7791
|
-
"type": {
|
|
7792
|
-
"text": "string | null"
|
|
7793
|
-
}
|
|
7794
|
-
}
|
|
7795
|
-
],
|
|
7796
|
-
"description": "Called by the browser when an observed attribute changes. A new\n`aria-label` asks for an update, because it names the plot.",
|
|
7797
|
-
"inheritedFrom": {
|
|
7798
|
-
"name": "MixinChartSource",
|
|
7799
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
7800
|
-
},
|
|
7801
|
-
"type": {
|
|
7802
|
-
"text": "attributeChangedCallback(name: string, old: string | null, value: string | null) => void"
|
|
7803
|
-
}
|
|
7804
|
-
},
|
|
7805
7720
|
{
|
|
7806
7721
|
"kind": "field",
|
|
7807
7722
|
"name": "series",
|
|
@@ -7828,32 +7743,6 @@
|
|
|
7828
7743
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
7829
7744
|
}
|
|
7830
7745
|
},
|
|
7831
|
-
{
|
|
7832
|
-
"kind": "field",
|
|
7833
|
-
"name": "readingsKnown",
|
|
7834
|
-
"type": {
|
|
7835
|
-
"text": "boolean"
|
|
7836
|
-
},
|
|
7837
|
-
"description": "Whether the readings have been looked for: false on the server and\nwhile hydrating, where no table is resolved and no data is read. A\nchart says it has no readings only once this is true.",
|
|
7838
|
-
"readonly": true,
|
|
7839
|
-
"inheritedFrom": {
|
|
7840
|
-
"name": "MixinChartSource",
|
|
7841
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
7842
|
-
}
|
|
7843
|
-
},
|
|
7844
|
-
{
|
|
7845
|
-
"kind": "field",
|
|
7846
|
-
"name": "sourceRows",
|
|
7847
|
-
"type": {
|
|
7848
|
-
"text": "Row[]"
|
|
7849
|
-
},
|
|
7850
|
-
"description": "Every row of the table, with each cell's text and number.\n\nThis is where a tooltip's content comes from, and it is deliberately not\n`series`. A chart draws numbers; a reader resting a pointer on one wants\nwhat the table says, which is `$128k` and not `128000`, and often wants\nthe column beside it that nothing plotted at all.\n\n**Not `rows`.** It is the source table's rows, and `rows` on a chart is a\nname a chart wants for itself: `helix-heatmap` takes `rows=\"7\"` to mean a\ncalendar week, and declaring that against a base class whose `rows` is a\n`Row[]` getter is a type error at best. Name the member for what it holds\nrather than for the shortest word available.",
|
|
7851
|
-
"readonly": true,
|
|
7852
|
-
"inheritedFrom": {
|
|
7853
|
-
"name": "MixinChartSource",
|
|
7854
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
7855
|
-
}
|
|
7856
|
-
},
|
|
7857
7746
|
{
|
|
7858
7747
|
"kind": "field",
|
|
7859
7748
|
"name": "plottedColumns",
|
|
@@ -7980,6 +7869,21 @@
|
|
|
7980
7869
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
7981
7870
|
}
|
|
7982
7871
|
},
|
|
7872
|
+
{
|
|
7873
|
+
"kind": "method",
|
|
7874
|
+
"name": "renderTable",
|
|
7875
|
+
"privacy": "protected",
|
|
7876
|
+
"return": {
|
|
7877
|
+
"type": {
|
|
7878
|
+
"text": "TemplateResult | typeof nothing"
|
|
7879
|
+
}
|
|
7880
|
+
},
|
|
7881
|
+
"description": "The readings as a table, for a screen reader, where they were drawn from\n`data`: there is then no table on the page to read, and a chart's\nsummary gives only what the readings come to. Nothing where a table on\nthe page was read, which is already the readable version.\n\nThe `table` part, named by the chart, its cells as `data` writes them.",
|
|
7882
|
+
"inheritedFrom": {
|
|
7883
|
+
"name": "MixinChartSource",
|
|
7884
|
+
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
7885
|
+
}
|
|
7886
|
+
},
|
|
7983
7887
|
{
|
|
7984
7888
|
"kind": "field",
|
|
7985
7889
|
"name": "tier",
|
|
@@ -8499,6 +8403,28 @@
|
|
|
8499
8403
|
}
|
|
8500
8404
|
}
|
|
8501
8405
|
],
|
|
8406
|
+
"cssStates": [
|
|
8407
|
+
{
|
|
8408
|
+
"description": "While a reading is shown, under the pointer or the keys, with its tooltip open.",
|
|
8409
|
+
"name": "active"
|
|
8410
|
+
},
|
|
8411
|
+
{
|
|
8412
|
+
"description": "While the `empty` part stands in the plot.",
|
|
8413
|
+
"name": "empty"
|
|
8414
|
+
},
|
|
8415
|
+
{
|
|
8416
|
+
"description": "While the `loading` part stands in the plot.",
|
|
8417
|
+
"name": "loading"
|
|
8418
|
+
},
|
|
8419
|
+
{
|
|
8420
|
+
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
8421
|
+
"name": "settled",
|
|
8422
|
+
"inheritedFrom": {
|
|
8423
|
+
"name": "HelixElement",
|
|
8424
|
+
"module": "src/helix-element/helix-element.ts"
|
|
8425
|
+
}
|
|
8426
|
+
}
|
|
8427
|
+
],
|
|
8502
8428
|
"mixins": [
|
|
8503
8429
|
{
|
|
8504
8430
|
"name": "MixinChartStatus",
|
|
@@ -8539,16 +8465,6 @@
|
|
|
8539
8465
|
},
|
|
8540
8466
|
"tagName": "helix-headless-bar-chart",
|
|
8541
8467
|
"customElement": true,
|
|
8542
|
-
"cssStates": [
|
|
8543
|
-
{
|
|
8544
|
-
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
8545
|
-
"name": "settled",
|
|
8546
|
-
"inheritedFrom": {
|
|
8547
|
-
"name": "HelixElement",
|
|
8548
|
-
"module": "src/helix-element/helix-element.ts"
|
|
8549
|
-
}
|
|
8550
|
-
}
|
|
8551
|
-
],
|
|
8552
8468
|
"modulePath": "src/bar-chart/root/bar-chart-root.ts",
|
|
8553
8469
|
"definitionPath": "src/bar-chart/root/bar-chart-root.ts"
|
|
8554
8470
|
}
|
|
@@ -11719,6 +11635,10 @@
|
|
|
11719
11635
|
}
|
|
11720
11636
|
],
|
|
11721
11637
|
"description": "Called by the browser when the button's form changes.",
|
|
11638
|
+
"inheritedFrom": {
|
|
11639
|
+
"name": "HelixFormElement",
|
|
11640
|
+
"module": "src/helix-form-element/helix-form-element.ts"
|
|
11641
|
+
},
|
|
11722
11642
|
"type": {
|
|
11723
11643
|
"text": "formAssociatedCallback(form: HTMLFormElement | null) => void"
|
|
11724
11644
|
}
|
|
@@ -12041,13 +11961,13 @@
|
|
|
12041
11961
|
{
|
|
12042
11962
|
"kind": "method",
|
|
12043
11963
|
"name": "runPendingUpdate",
|
|
12044
|
-
"privacy": "
|
|
11964
|
+
"privacy": "protected",
|
|
12045
11965
|
"return": {
|
|
12046
11966
|
"type": {
|
|
12047
11967
|
"text": "void"
|
|
12048
11968
|
}
|
|
12049
11969
|
},
|
|
12050
|
-
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously
|
|
11970
|
+
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously.\n\nProtected for a control that submits on its own, which has to hand the\nform the verdict for what it holds now: Pin Input's `autosubmit`.",
|
|
12051
11971
|
"inheritedFrom": {
|
|
12052
11972
|
"name": "HelixFormElement",
|
|
12053
11973
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -16004,7 +15924,7 @@
|
|
|
16004
15924
|
"declarations": [
|
|
16005
15925
|
{
|
|
16006
15926
|
"kind": "class",
|
|
16007
|
-
"description": "A board of cards and connectors, drawn by Helix. On a canvas every position\nis data that someone placed, so drawing is arithmetic over rectangles with no\nlayout to compute. `Map` takes a slotted map, because another renderer draws\nits tiles.\n\nThe format is [JSON Canvas](https://jsoncanvas.org), an open format. Each\nnode has an `x`, `y`, `width`, `height`, and a type. Each edge names the two\nnodes it joins and the sides it leaves and arrives on. A card belongs to a\ngroup when it sits inside the group's bounds.\n\nThe cards are text in the DOM, so a screen reader can read them. The family\nadds a reading order and states each card's connections as text. `order` sets\nthe reading order:\n- `spatial` bands the cards into rows.\n- `edges` follows the arrows, starting from the cards that nothing points to.\n\n**Cards move by default.** The board writes the new `x` and `y` onto the\ncard, the way an input writes its own value, and dispatches two events:\n- `helix-before-move` for every step. Cancel it to hold the positions in your\n own state and apply them yourself.\n- `helix-move` once the move is finished.\n\nA resize dispatches the same pair with a size. Set `readonly` on the board to\nkeep every card in place, such as on a published board. Set `readonly` on one\ncard or connection to keep only that one in place.\n\nSet `snap` to a length in the document's units, such as `32`, and a card\nthat is moved or resized lands on a multiple of it. Carrying a card, a\ncorner, a connection, or the selection box near the edge of the board moves\nthe board under it, so a card can be taken to a place off screen in one\ndrag. A connection let go within 20 pixels of a card arrives at it. A\ndouble click on the empty board zooms in about that point, and Shift with a\ndouble click zooms out.\n\nKeyboard behavior:\n- One card holds the board's tab stop.\n- The arrow keys move through the cards in reading order. The card you land\n on scrolls into view, and its connections are announced with it.\n- The card you land on is selected. Control or Command with an arrow key,\n Home, or End moves without changing the selection, and Space adds the card\n to the selection or takes it out, so you can select cards that are not\n next to each other.\n- Shift with an arrow key moves the card: by 16 units, or to the next\n multiple of `snap` where it is set. Alt with an arrow key resizes it from\n its bottom right corner the same way.\n- The connections leaving a card are stops of their own, straight after it.\n Enter on one moves to the card it arrives at.\n- What a key changes that a reader cannot see is said: where a card moved\n to, its new size, how many cards are selected, and the zoom. A selected\n card or connection says so when a reader arrives on it.\n- Control or Command with C copies the selected cards, and the connections\n between them, as a JSON Canvas document in text, which another board or\n an app that reads the format takes.\n- Control or Command with V pastes a JSON Canvas document: the board adds\n its cards and connections, a step down and to the right of any card they\n would sit on, and selects them. It asks with `helix-before-paste` first.\n A page that renders its cards from its own state cancels it and adds the\n detail's document to that state, through `fromJsonCanvas`. `paste()` does\n the same from a script.\n- Control or Command with Z undoes the last move or resize the board made,\n and with Shift, or Control with Y, makes it again. `undo()` and `redo()`\n do the same from a script. Each asks with `helix-before-move` and tells\n with `helix-move`, as a move does, so a board that holds its positions in\n your state is undone through your state.\n\n**`arrange()` moves every card so that none overlaps another**, in layers\nthat follow the arrows, or in a grid on a board with no connections. The\ncards glide for as long as the board's own transition, and `undo()` puts\nthem back.\n\nEvery drag also works with clicks, as WCAG 2.5.7 requires for a pointer that\ncannot hold a button down. Click a selected card's move handle, a corner, a\ncard's connection point, or the end of a selected connection to pick it up.\nIt follows the pointer with no button held, and the next click puts it down\nwhere a drag would have. On touch, the next tap sets where it lands. Escape,\nor a press outside the board, puts it back. So a finger connects two cards\nwith three taps: the card, one of its points, and the card to connect to.\n\nConnecting and removing dispatch requests, and your code applies them:\n- Drawing from a card's handle to another card, or pressing C on one card and\n Enter on another, dispatches `helix-connect`.\n- Delete on a card or a connection dispatches `helix-remove`. The event names\n every connection that removing the card would leave without an end.\n\nOnce your page removes what Delete asked for, focus moves to the next stop,\nto the one before where it was the last, and to the board where none is\nleft. A focused card your page removes for its own reasons hands focus on\nthe same way, unless the reader has already moved focus somewhere else.\n\nThe board applies a move itself, because the card already exists. A\nconnection is a new element, and React discards an element the board adds to\nits markup on the next render, so you write the connection.\n\n**`edgeRoute` draws the connections' lines your own way**: a function from\nwhere a line leaves and arrives, and the sides it does, to its SVG path, for\na route such as one that bends around the cards between. What it returns\nis the line drawn, the line pressed and focused, and the one an arrowhead\nsits at the end of. Nothing back draws the board's own.\n\nAdd `minimap` to `controls` for a picture of the whole board in a corner:\neach card as a box, and a frame around what is on screen. A press or a drag\non it brings that place to the middle of the view. It is for a pointer, and\na screen reader skips it: the arrow keys and `show()` reach every card.\n\nCards and connections are `helix-canvas-node` and `helix-canvas-edge`\nelements, so they are in the served markup whichever renderer wrote them. The\nlibrary fetches nothing, and an array passed to an element is missing from\nthe first paint of a server-rendered React page. `fromJsonCanvas` turns a\nJSON Canvas document into their props, and `toJsonCanvas()` writes a board\nback out.",
|
|
15927
|
+
"description": "A board of cards and connectors, drawn by Helix. On a canvas every position\nis data that someone placed, so drawing is arithmetic over rectangles with no\nlayout to compute. `Map` takes a slotted map, because another renderer draws\nits tiles.\n\nThe format is [JSON Canvas](https://jsoncanvas.org), an open format. Each\nnode has an `x`, `y`, `width`, `height`, and a type. Each edge names the two\nnodes it joins and the sides it leaves and arrives on. A card belongs to a\ngroup when it sits inside the group's bounds.\n\nThe cards are text in the DOM, so a screen reader can read them. The family\nadds a reading order and states each card's connections as text. `order` sets\nthe reading order:\n- `spatial` bands the cards into rows.\n- `edges` follows the arrows, starting from the cards that nothing points to.\n\n**Cards move by default.** The board writes the new `x` and `y` onto the\ncard, the way an input writes its own value, and dispatches two events:\n- `helix-before-move` for every step. Cancel it to hold the positions in your\n own state and apply them yourself.\n- `helix-move` once the move is finished.\n\nA resize dispatches the same pair with a size. Set `readonly` on the board to\nkeep every card in place, such as on a published board. Set `readonly` on one\ncard or connection to keep only that one in place.\n\nSet `snap` to a length in the document's units, such as `32`, and a card\nthat is moved or resized lands on a multiple of it. Carrying a card, a\ncorner, a connection, or the selection box near the edge of the board moves\nthe board under it, so a card can be taken to a place off screen in one\ndrag. A connection let go within 20 pixels of a card arrives at it. A\ndouble click on the empty board zooms in about that point, and Shift with a\ndouble click zooms out.\n\nKeyboard behavior:\n- One card holds the board's tab stop, and the board itself leaves the tab\n order while a card can hold it. Escape on a card goes back out to the\n board, where the arrow keys pan it.\n- Plus and minus zoom the board, on the board and on a card or a\n connection.\n- The arrow keys move through the cards in reading order. The card you land\n on scrolls into view, and its connections are announced with it.\n- The card you land on is selected. Control or Command with an arrow key,\n Home, or End moves without changing the selection, and Space adds the card\n to the selection or takes it out, so you can select cards that are not\n next to each other.\n- Shift with an arrow key moves the card: by 16 units, or to the next\n multiple of `snap` where it is set. Alt with an arrow key resizes it from\n its bottom right corner the same way.\n- The connections leaving a card are stops of their own, straight after it.\n Enter on one moves to the card it arrives at.\n- What a key changes that a reader cannot see is said: where a card moved\n to, its new size, how many cards are selected, and the zoom. A selected\n card or connection says so when a reader arrives on it.\n- Control or Command with C copies the selected cards, and the connections\n between them, as a JSON Canvas document in text, which another board or\n an app that reads the format takes.\n- Control or Command with V pastes a JSON Canvas document: the board adds\n its cards and connections, a step down and to the right of any card they\n would sit on, and selects them. It asks with `helix-before-paste` first.\n A page that renders its cards from its own state cancels it and adds the\n detail's document to that state, through `fromJsonCanvas`. `paste()` does\n the same from a script.\n- Control or Command with Z undoes the last move or resize the board made,\n and with Shift, or Control with Y, makes it again. `undo()` and `redo()`\n do the same from a script. Each asks with `helix-before-move` and tells\n with `helix-move`, as a move does, so a board that holds its positions in\n your state is undone through your state.\n\n**`arrange()` moves every card so that none overlaps another**, in layers\nthat follow the arrows, or in a grid on a board with no connections. The\ncards glide for as long as the board's own transition, and `undo()` puts\nthem back.\n\nEvery drag also works with clicks, as WCAG 2.5.7 requires for a pointer that\ncannot hold a button down. Click a selected card's move handle, a corner, a\ncard's connection point, or the end of a selected connection to pick it up.\nIt follows the pointer with no button held, and the next click puts it down\nwhere a drag would have. On touch, the next tap sets where it lands. Escape,\nor a press outside the board, puts it back. So a finger connects two cards\nwith three taps: the card, one of its points, and the card to connect to.\n\nConnecting and removing dispatch requests, and your code applies them:\n- Drawing from a card's handle to another card, or pressing C on one card and\n Enter on another, dispatches `helix-connect`.\n- Delete on a card or a connection dispatches `helix-remove`. The event names\n every connection that removing the card would leave without an end.\n\nOnce your page removes what Delete asked for, focus moves to the next stop,\nto the one before where it was the last, and to the board where none is\nleft. A focused card your page removes for its own reasons hands focus on\nthe same way, unless the reader has already moved focus somewhere else.\n\nThe board applies a move itself, because the card already exists. A\nconnection is a new element, and React discards an element the board adds to\nits markup on the next render, so you write the connection.\n\n**`edgeRoute` draws the connections' lines your own way**: a function from\nwhere a line leaves and arrives, and the sides it does, to its SVG path, for\na route such as one that bends around the cards between. What it returns\nis the line drawn, the line pressed and focused, and the one an arrowhead\nsits at the end of. Nothing back draws the board's own.\n\nAdd `minimap` to `controls` for a picture of the whole board in a corner:\neach card as a box, and a frame around what is on screen. A press or a drag\non it brings that place to the middle of the view. It is for a pointer, and\na screen reader skips it: the arrow keys and `show()` reach every card.\n\nCards and connections are `helix-canvas-node` and `helix-canvas-edge`\nelements, so they are in the served markup whichever renderer wrote them. The\nlibrary fetches nothing, and an array passed to an element is missing from\nthe first paint of a server-rendered React page. `fromJsonCanvas` turns a\nJSON Canvas document into their props, and `toJsonCanvas()` writes a board\nback out.",
|
|
16008
15928
|
"name": "HelixHeadlessCanvas",
|
|
16009
15929
|
"cssProperties": [
|
|
16010
15930
|
{
|
|
@@ -23923,13 +23843,13 @@
|
|
|
23923
23843
|
{
|
|
23924
23844
|
"kind": "method",
|
|
23925
23845
|
"name": "runPendingUpdate",
|
|
23926
|
-
"privacy": "
|
|
23846
|
+
"privacy": "protected",
|
|
23927
23847
|
"return": {
|
|
23928
23848
|
"type": {
|
|
23929
23849
|
"text": "void"
|
|
23930
23850
|
}
|
|
23931
23851
|
},
|
|
23932
|
-
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously
|
|
23852
|
+
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously.\n\nProtected for a control that submits on its own, which has to hand the\nform the verdict for what it holds now: Pin Input's `autosubmit`.",
|
|
23933
23853
|
"inheritedFrom": {
|
|
23934
23854
|
"name": "HelixFormElement",
|
|
23935
23855
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -24096,6 +24016,31 @@
|
|
|
24096
24016
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
24097
24017
|
}
|
|
24098
24018
|
},
|
|
24019
|
+
{
|
|
24020
|
+
"kind": "method",
|
|
24021
|
+
"name": "formAssociatedCallback",
|
|
24022
|
+
"return": {
|
|
24023
|
+
"type": {
|
|
24024
|
+
"text": "void"
|
|
24025
|
+
}
|
|
24026
|
+
},
|
|
24027
|
+
"parameters": [
|
|
24028
|
+
{
|
|
24029
|
+
"name": "form",
|
|
24030
|
+
"type": {
|
|
24031
|
+
"text": "HTMLFormElement | null"
|
|
24032
|
+
}
|
|
24033
|
+
}
|
|
24034
|
+
],
|
|
24035
|
+
"description": "Called by the browser when the control's form changes: watches the new\nform's `checkValidity()`, as connecting does for the form it starts in.",
|
|
24036
|
+
"inheritedFrom": {
|
|
24037
|
+
"name": "HelixFormElement",
|
|
24038
|
+
"module": "src/helix-form-element/helix-form-element.ts"
|
|
24039
|
+
},
|
|
24040
|
+
"type": {
|
|
24041
|
+
"text": "formAssociatedCallback(form: HTMLFormElement | null) => void"
|
|
24042
|
+
}
|
|
24043
|
+
},
|
|
24099
24044
|
{
|
|
24100
24045
|
"kind": "field",
|
|
24101
24046
|
"name": "form",
|
|
@@ -24484,7 +24429,7 @@
|
|
|
24484
24429
|
"type": {
|
|
24485
24430
|
"text": "Event"
|
|
24486
24431
|
},
|
|
24487
|
-
"description": "The user changed the text. Read it from `value`, for a typing indicator or a saved draft.
|
|
24432
|
+
"description": "The user changed the text. Read it from `value`, for a typing indicator or a saved draft. Bubbles and is composed, as a native field's is.",
|
|
24488
24433
|
"name": "input",
|
|
24489
24434
|
"reactProp": "oninput"
|
|
24490
24435
|
}
|
|
@@ -28682,13 +28627,13 @@
|
|
|
28682
28627
|
{
|
|
28683
28628
|
"kind": "method",
|
|
28684
28629
|
"name": "runPendingUpdate",
|
|
28685
|
-
"privacy": "
|
|
28630
|
+
"privacy": "protected",
|
|
28686
28631
|
"return": {
|
|
28687
28632
|
"type": {
|
|
28688
28633
|
"text": "void"
|
|
28689
28634
|
}
|
|
28690
28635
|
},
|
|
28691
|
-
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously
|
|
28636
|
+
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously.\n\nProtected for a control that submits on its own, which has to hand the\nform the verdict for what it holds now: Pin Input's `autosubmit`.",
|
|
28692
28637
|
"inheritedFrom": {
|
|
28693
28638
|
"name": "HelixFormElement",
|
|
28694
28639
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -28855,6 +28800,31 @@
|
|
|
28855
28800
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
28856
28801
|
}
|
|
28857
28802
|
},
|
|
28803
|
+
{
|
|
28804
|
+
"kind": "method",
|
|
28805
|
+
"name": "formAssociatedCallback",
|
|
28806
|
+
"return": {
|
|
28807
|
+
"type": {
|
|
28808
|
+
"text": "void"
|
|
28809
|
+
}
|
|
28810
|
+
},
|
|
28811
|
+
"parameters": [
|
|
28812
|
+
{
|
|
28813
|
+
"name": "form",
|
|
28814
|
+
"type": {
|
|
28815
|
+
"text": "HTMLFormElement | null"
|
|
28816
|
+
}
|
|
28817
|
+
}
|
|
28818
|
+
],
|
|
28819
|
+
"description": "Called by the browser when the control's form changes: watches the new\nform's `checkValidity()`, as connecting does for the form it starts in.",
|
|
28820
|
+
"inheritedFrom": {
|
|
28821
|
+
"name": "HelixFormElement",
|
|
28822
|
+
"module": "src/helix-form-element/helix-form-element.ts"
|
|
28823
|
+
},
|
|
28824
|
+
"type": {
|
|
28825
|
+
"text": "formAssociatedCallback(form: HTMLFormElement | null) => void"
|
|
28826
|
+
}
|
|
28827
|
+
},
|
|
28858
28828
|
{
|
|
28859
28829
|
"kind": "field",
|
|
28860
28830
|
"name": "form",
|
|
@@ -30523,13 +30493,13 @@
|
|
|
30523
30493
|
{
|
|
30524
30494
|
"kind": "method",
|
|
30525
30495
|
"name": "runPendingUpdate",
|
|
30526
|
-
"privacy": "
|
|
30496
|
+
"privacy": "protected",
|
|
30527
30497
|
"return": {
|
|
30528
30498
|
"type": {
|
|
30529
30499
|
"text": "void"
|
|
30530
30500
|
}
|
|
30531
30501
|
},
|
|
30532
|
-
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously
|
|
30502
|
+
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously.\n\nProtected for a control that submits on its own, which has to hand the\nform the verdict for what it holds now: Pin Input's `autosubmit`.",
|
|
30533
30503
|
"inheritedFrom": {
|
|
30534
30504
|
"name": "HelixFormElement",
|
|
30535
30505
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -30696,6 +30666,31 @@
|
|
|
30696
30666
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
30697
30667
|
}
|
|
30698
30668
|
},
|
|
30669
|
+
{
|
|
30670
|
+
"kind": "method",
|
|
30671
|
+
"name": "formAssociatedCallback",
|
|
30672
|
+
"return": {
|
|
30673
|
+
"type": {
|
|
30674
|
+
"text": "void"
|
|
30675
|
+
}
|
|
30676
|
+
},
|
|
30677
|
+
"parameters": [
|
|
30678
|
+
{
|
|
30679
|
+
"name": "form",
|
|
30680
|
+
"type": {
|
|
30681
|
+
"text": "HTMLFormElement | null"
|
|
30682
|
+
}
|
|
30683
|
+
}
|
|
30684
|
+
],
|
|
30685
|
+
"description": "Called by the browser when the control's form changes: watches the new\nform's `checkValidity()`, as connecting does for the form it starts in.",
|
|
30686
|
+
"inheritedFrom": {
|
|
30687
|
+
"name": "HelixFormElement",
|
|
30688
|
+
"module": "src/helix-form-element/helix-form-element.ts"
|
|
30689
|
+
},
|
|
30690
|
+
"type": {
|
|
30691
|
+
"text": "formAssociatedCallback(form: HTMLFormElement | null) => void"
|
|
30692
|
+
}
|
|
30693
|
+
},
|
|
30699
30694
|
{
|
|
30700
30695
|
"kind": "field",
|
|
30701
30696
|
"name": "form",
|
|
@@ -35669,13 +35664,13 @@
|
|
|
35669
35664
|
{
|
|
35670
35665
|
"kind": "method",
|
|
35671
35666
|
"name": "runPendingUpdate",
|
|
35672
|
-
"privacy": "
|
|
35667
|
+
"privacy": "protected",
|
|
35673
35668
|
"return": {
|
|
35674
35669
|
"type": {
|
|
35675
35670
|
"text": "void"
|
|
35676
35671
|
}
|
|
35677
35672
|
},
|
|
35678
|
-
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously
|
|
35673
|
+
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously.\n\nProtected for a control that submits on its own, which has to hand the\nform the verdict for what it holds now: Pin Input's `autosubmit`.",
|
|
35679
35674
|
"inheritedFrom": {
|
|
35680
35675
|
"name": "HelixFormElement",
|
|
35681
35676
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -35816,6 +35811,31 @@
|
|
|
35816
35811
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
35817
35812
|
}
|
|
35818
35813
|
},
|
|
35814
|
+
{
|
|
35815
|
+
"kind": "method",
|
|
35816
|
+
"name": "formAssociatedCallback",
|
|
35817
|
+
"return": {
|
|
35818
|
+
"type": {
|
|
35819
|
+
"text": "void"
|
|
35820
|
+
}
|
|
35821
|
+
},
|
|
35822
|
+
"parameters": [
|
|
35823
|
+
{
|
|
35824
|
+
"name": "form",
|
|
35825
|
+
"type": {
|
|
35826
|
+
"text": "HTMLFormElement | null"
|
|
35827
|
+
}
|
|
35828
|
+
}
|
|
35829
|
+
],
|
|
35830
|
+
"description": "Called by the browser when the control's form changes: watches the new\nform's `checkValidity()`, as connecting does for the form it starts in.",
|
|
35831
|
+
"inheritedFrom": {
|
|
35832
|
+
"name": "HelixFormElement",
|
|
35833
|
+
"module": "src/helix-form-element/helix-form-element.ts"
|
|
35834
|
+
},
|
|
35835
|
+
"type": {
|
|
35836
|
+
"text": "formAssociatedCallback(form: HTMLFormElement | null) => void"
|
|
35837
|
+
}
|
|
35838
|
+
},
|
|
35819
35839
|
{
|
|
35820
35840
|
"kind": "field",
|
|
35821
35841
|
"name": "form",
|
|
@@ -37819,6 +37839,25 @@
|
|
|
37819
37839
|
],
|
|
37820
37840
|
"description": "A number field for each channel, behind a seam the styled tier can move.\n\n`live` on the value, so a number put back inside its range, 300 for a byte,\nis redrawn though the value it settles on is the one drawn before."
|
|
37821
37841
|
},
|
|
37842
|
+
{
|
|
37843
|
+
"kind": "method",
|
|
37844
|
+
"name": "channelName",
|
|
37845
|
+
"privacy": "protected",
|
|
37846
|
+
"return": {
|
|
37847
|
+
"type": {
|
|
37848
|
+
"text": "string"
|
|
37849
|
+
}
|
|
37850
|
+
},
|
|
37851
|
+
"parameters": [
|
|
37852
|
+
{
|
|
37853
|
+
"name": "channel",
|
|
37854
|
+
"type": {
|
|
37855
|
+
"text": "string"
|
|
37856
|
+
}
|
|
37857
|
+
}
|
|
37858
|
+
],
|
|
37859
|
+
"description": "A channel's name, after the picker's own where the picker has one.\n\n**Every channel the same way**, as React Aria's color area names its own:\n\"Brand, Saturation\" says which picker on a page with two. The square's\naxes and the wheel took the picker's name, and the hue and opacity ramps\nand the number fields did not, so two pickers on a page gave two sliders\nnamed \"Hue\", measured in Chromium's tree."
|
|
37860
|
+
},
|
|
37822
37861
|
{
|
|
37823
37862
|
"kind": "method",
|
|
37824
37863
|
"name": "renderChannel",
|
|
@@ -38414,13 +38453,13 @@
|
|
|
38414
38453
|
{
|
|
38415
38454
|
"kind": "method",
|
|
38416
38455
|
"name": "runPendingUpdate",
|
|
38417
|
-
"privacy": "
|
|
38456
|
+
"privacy": "protected",
|
|
38418
38457
|
"return": {
|
|
38419
38458
|
"type": {
|
|
38420
38459
|
"text": "void"
|
|
38421
38460
|
}
|
|
38422
38461
|
},
|
|
38423
|
-
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously
|
|
38462
|
+
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously.\n\nProtected for a control that submits on its own, which has to hand the\nform the verdict for what it holds now: Pin Input's `autosubmit`.",
|
|
38424
38463
|
"inheritedFrom": {
|
|
38425
38464
|
"name": "HelixFormElement",
|
|
38426
38465
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -38561,6 +38600,31 @@
|
|
|
38561
38600
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
38562
38601
|
}
|
|
38563
38602
|
},
|
|
38603
|
+
{
|
|
38604
|
+
"kind": "method",
|
|
38605
|
+
"name": "formAssociatedCallback",
|
|
38606
|
+
"return": {
|
|
38607
|
+
"type": {
|
|
38608
|
+
"text": "void"
|
|
38609
|
+
}
|
|
38610
|
+
},
|
|
38611
|
+
"parameters": [
|
|
38612
|
+
{
|
|
38613
|
+
"name": "form",
|
|
38614
|
+
"type": {
|
|
38615
|
+
"text": "HTMLFormElement | null"
|
|
38616
|
+
}
|
|
38617
|
+
}
|
|
38618
|
+
],
|
|
38619
|
+
"description": "Called by the browser when the control's form changes: watches the new\nform's `checkValidity()`, as connecting does for the form it starts in.",
|
|
38620
|
+
"inheritedFrom": {
|
|
38621
|
+
"name": "HelixFormElement",
|
|
38622
|
+
"module": "src/helix-form-element/helix-form-element.ts"
|
|
38623
|
+
},
|
|
38624
|
+
"type": {
|
|
38625
|
+
"text": "formAssociatedCallback(form: HTMLFormElement | null) => void"
|
|
38626
|
+
}
|
|
38627
|
+
},
|
|
38564
38628
|
{
|
|
38565
38629
|
"kind": "field",
|
|
38566
38630
|
"name": "form",
|
|
@@ -40203,6 +40267,25 @@
|
|
|
40203
40267
|
"description": "The values chosen, in the order they were chosen, read against the\noptions' values and the answers created here, so a value that holds a\ncomma is one value. See `chosenValues`.\n\nMeasured before this: choosing `Paris, France` drew two tags, \"Paris\" and\n\"France\", and the form received two entries.",
|
|
40204
40268
|
"readonly": true
|
|
40205
40269
|
},
|
|
40270
|
+
{
|
|
40271
|
+
"kind": "method",
|
|
40272
|
+
"name": "valuesIn",
|
|
40273
|
+
"privacy": "private",
|
|
40274
|
+
"return": {
|
|
40275
|
+
"type": {
|
|
40276
|
+
"text": "string[]"
|
|
40277
|
+
}
|
|
40278
|
+
},
|
|
40279
|
+
"parameters": [
|
|
40280
|
+
{
|
|
40281
|
+
"name": "value",
|
|
40282
|
+
"type": {
|
|
40283
|
+
"text": "string"
|
|
40284
|
+
}
|
|
40285
|
+
}
|
|
40286
|
+
],
|
|
40287
|
+
"description": "The values a value holds, read as `values` reads this element's own."
|
|
40288
|
+
},
|
|
40206
40289
|
{
|
|
40207
40290
|
"kind": "field",
|
|
40208
40291
|
"name": "created",
|
|
@@ -40531,6 +40614,31 @@
|
|
|
40531
40614
|
],
|
|
40532
40615
|
"description": "How many options are left, in `results-label`, or in the deprecated\n`result-label` for one where a page still sets it."
|
|
40533
40616
|
},
|
|
40617
|
+
{
|
|
40618
|
+
"kind": "method",
|
|
40619
|
+
"name": "sayChoice",
|
|
40620
|
+
"privacy": "private",
|
|
40621
|
+
"return": {
|
|
40622
|
+
"type": {
|
|
40623
|
+
"text": "void"
|
|
40624
|
+
}
|
|
40625
|
+
},
|
|
40626
|
+
"parameters": [
|
|
40627
|
+
{
|
|
40628
|
+
"name": "before",
|
|
40629
|
+
"type": {
|
|
40630
|
+
"text": "readonly string[]"
|
|
40631
|
+
}
|
|
40632
|
+
},
|
|
40633
|
+
{
|
|
40634
|
+
"name": "after",
|
|
40635
|
+
"type": {
|
|
40636
|
+
"text": "readonly string[]"
|
|
40637
|
+
}
|
|
40638
|
+
}
|
|
40639
|
+
],
|
|
40640
|
+
"description": "Says the option a choice changed, for VoiceOver, which says nothing when\n`aria-selected` changes: `Beta, selected` for one taken, and its words\nalone for one let go, as the highlight says an option not chosen.\n\n**The option the choice changed, read from the values before and after.**\nWith `multiple` the value is the whole list, and the option was looked up\nby it, so no option matched and no choice was ever said: measured with\nBeta chosen, Enter let it go and the live region kept `Beta, selected`."
|
|
40641
|
+
},
|
|
40534
40642
|
{
|
|
40535
40643
|
"kind": "field",
|
|
40536
40644
|
"name": "handleChange",
|
|
@@ -41805,13 +41913,13 @@
|
|
|
41805
41913
|
{
|
|
41806
41914
|
"kind": "method",
|
|
41807
41915
|
"name": "runPendingUpdate",
|
|
41808
|
-
"privacy": "
|
|
41916
|
+
"privacy": "protected",
|
|
41809
41917
|
"return": {
|
|
41810
41918
|
"type": {
|
|
41811
41919
|
"text": "void"
|
|
41812
41920
|
}
|
|
41813
41921
|
},
|
|
41814
|
-
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously
|
|
41922
|
+
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously.\n\nProtected for a control that submits on its own, which has to hand the\nform the verdict for what it holds now: Pin Input's `autosubmit`.",
|
|
41815
41923
|
"inheritedFrom": {
|
|
41816
41924
|
"name": "HelixFormElement",
|
|
41817
41925
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -41964,6 +42072,31 @@
|
|
|
41964
42072
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
41965
42073
|
}
|
|
41966
42074
|
},
|
|
42075
|
+
{
|
|
42076
|
+
"kind": "method",
|
|
42077
|
+
"name": "formAssociatedCallback",
|
|
42078
|
+
"return": {
|
|
42079
|
+
"type": {
|
|
42080
|
+
"text": "void"
|
|
42081
|
+
}
|
|
42082
|
+
},
|
|
42083
|
+
"parameters": [
|
|
42084
|
+
{
|
|
42085
|
+
"name": "form",
|
|
42086
|
+
"type": {
|
|
42087
|
+
"text": "HTMLFormElement | null"
|
|
42088
|
+
}
|
|
42089
|
+
}
|
|
42090
|
+
],
|
|
42091
|
+
"description": "Called by the browser when the control's form changes: watches the new\nform's `checkValidity()`, as connecting does for the form it starts in.",
|
|
42092
|
+
"inheritedFrom": {
|
|
42093
|
+
"name": "HelixFormElement",
|
|
42094
|
+
"module": "src/helix-form-element/helix-form-element.ts"
|
|
42095
|
+
},
|
|
42096
|
+
"type": {
|
|
42097
|
+
"text": "formAssociatedCallback(form: HTMLFormElement | null) => void"
|
|
42098
|
+
}
|
|
42099
|
+
},
|
|
41967
42100
|
{
|
|
41968
42101
|
"kind": "field",
|
|
41969
42102
|
"name": "form",
|
|
@@ -44966,13 +45099,13 @@
|
|
|
44966
45099
|
}
|
|
44967
45100
|
}
|
|
44968
45101
|
],
|
|
44969
|
-
"description": "Called by the browser when the
|
|
45102
|
+
"description": "Called by the browser when the control's form changes: watches the new\nform's `checkValidity()`, as connecting does for the form it starts in.",
|
|
45103
|
+
"inheritedFrom": {
|
|
45104
|
+
"name": "HelixFormElement",
|
|
45105
|
+
"module": "src/helix-form-element/helix-form-element.ts"
|
|
45106
|
+
},
|
|
44970
45107
|
"type": {
|
|
44971
45108
|
"text": "formAssociatedCallback(form: HTMLFormElement | null) => void"
|
|
44972
|
-
},
|
|
44973
|
-
"inheritedFrom": {
|
|
44974
|
-
"name": "HelixHeadlessButton",
|
|
44975
|
-
"module": "src/button/root/button-root.ts"
|
|
44976
45109
|
}
|
|
44977
45110
|
},
|
|
44978
45111
|
{
|
|
@@ -45297,13 +45430,13 @@
|
|
|
45297
45430
|
{
|
|
45298
45431
|
"kind": "method",
|
|
45299
45432
|
"name": "runPendingUpdate",
|
|
45300
|
-
"privacy": "
|
|
45433
|
+
"privacy": "protected",
|
|
45301
45434
|
"return": {
|
|
45302
45435
|
"type": {
|
|
45303
45436
|
"text": "void"
|
|
45304
45437
|
}
|
|
45305
45438
|
},
|
|
45306
|
-
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously
|
|
45439
|
+
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously.\n\nProtected for a control that submits on its own, which has to hand the\nform the verdict for what it holds now: Pin Input's `autosubmit`.",
|
|
45307
45440
|
"inheritedFrom": {
|
|
45308
45441
|
"name": "HelixFormElement",
|
|
45309
45442
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -52201,6 +52334,21 @@
|
|
|
52201
52334
|
"module": "src/mixins/mixin-picker-editing/mixin-picker-editing.ts"
|
|
52202
52335
|
}
|
|
52203
52336
|
},
|
|
52337
|
+
{
|
|
52338
|
+
"kind": "method",
|
|
52339
|
+
"name": "selectOnArrival",
|
|
52340
|
+
"privacy": "private",
|
|
52341
|
+
"return": {
|
|
52342
|
+
"type": {
|
|
52343
|
+
"text": "void"
|
|
52344
|
+
}
|
|
52345
|
+
},
|
|
52346
|
+
"description": "Selects the text a reader tabbed into, once the field shows it for\nediting, as Tab into a native `<input>` holding text selects all of it,\nfrom either side. Not when this element hands the caret back itself.\n\n**After the update**, because focus is what turns editing on, and the\ntext the field then writes put the caret at its end. Measured in\nChromium before this: Tab into a Time Input holding `14:30` left the\nselection at 5 to 5, and typing `9am` gave `14:309am`. A press keeps\nits caret where the pointer put it.",
|
|
52347
|
+
"inheritedFrom": {
|
|
52348
|
+
"name": "MixinPickerEditing",
|
|
52349
|
+
"module": "src/mixins/mixin-picker-editing/mixin-picker-editing.ts"
|
|
52350
|
+
}
|
|
52351
|
+
},
|
|
52204
52352
|
{
|
|
52205
52353
|
"kind": "field",
|
|
52206
52354
|
"name": "badInputMessage",
|
|
@@ -53526,13 +53674,13 @@
|
|
|
53526
53674
|
{
|
|
53527
53675
|
"kind": "method",
|
|
53528
53676
|
"name": "runPendingUpdate",
|
|
53529
|
-
"privacy": "
|
|
53677
|
+
"privacy": "protected",
|
|
53530
53678
|
"return": {
|
|
53531
53679
|
"type": {
|
|
53532
53680
|
"text": "void"
|
|
53533
53681
|
}
|
|
53534
53682
|
},
|
|
53535
|
-
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously
|
|
53683
|
+
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously.\n\nProtected for a control that submits on its own, which has to hand the\nform the verdict for what it holds now: Pin Input's `autosubmit`.",
|
|
53536
53684
|
"inheritedFrom": {
|
|
53537
53685
|
"name": "HelixFormElement",
|
|
53538
53686
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -53673,6 +53821,31 @@
|
|
|
53673
53821
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
53674
53822
|
}
|
|
53675
53823
|
},
|
|
53824
|
+
{
|
|
53825
|
+
"kind": "method",
|
|
53826
|
+
"name": "formAssociatedCallback",
|
|
53827
|
+
"return": {
|
|
53828
|
+
"type": {
|
|
53829
|
+
"text": "void"
|
|
53830
|
+
}
|
|
53831
|
+
},
|
|
53832
|
+
"parameters": [
|
|
53833
|
+
{
|
|
53834
|
+
"name": "form",
|
|
53835
|
+
"type": {
|
|
53836
|
+
"text": "HTMLFormElement | null"
|
|
53837
|
+
}
|
|
53838
|
+
}
|
|
53839
|
+
],
|
|
53840
|
+
"description": "Called by the browser when the control's form changes: watches the new\nform's `checkValidity()`, as connecting does for the form it starts in.",
|
|
53841
|
+
"inheritedFrom": {
|
|
53842
|
+
"name": "HelixFormElement",
|
|
53843
|
+
"module": "src/helix-form-element/helix-form-element.ts"
|
|
53844
|
+
},
|
|
53845
|
+
"type": {
|
|
53846
|
+
"text": "formAssociatedCallback(form: HTMLFormElement | null) => void"
|
|
53847
|
+
}
|
|
53848
|
+
},
|
|
53676
53849
|
{
|
|
53677
53850
|
"kind": "field",
|
|
53678
53851
|
"name": "form",
|
|
@@ -56715,13 +56888,13 @@
|
|
|
56715
56888
|
{
|
|
56716
56889
|
"kind": "method",
|
|
56717
56890
|
"name": "runPendingUpdate",
|
|
56718
|
-
"privacy": "
|
|
56891
|
+
"privacy": "protected",
|
|
56719
56892
|
"return": {
|
|
56720
56893
|
"type": {
|
|
56721
56894
|
"text": "void"
|
|
56722
56895
|
}
|
|
56723
56896
|
},
|
|
56724
|
-
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously
|
|
56897
|
+
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously.\n\nProtected for a control that submits on its own, which has to hand the\nform the verdict for what it holds now: Pin Input's `autosubmit`.",
|
|
56725
56898
|
"inheritedFrom": {
|
|
56726
56899
|
"name": "HelixFormElement",
|
|
56727
56900
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -56862,6 +57035,31 @@
|
|
|
56862
57035
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
56863
57036
|
}
|
|
56864
57037
|
},
|
|
57038
|
+
{
|
|
57039
|
+
"kind": "method",
|
|
57040
|
+
"name": "formAssociatedCallback",
|
|
57041
|
+
"return": {
|
|
57042
|
+
"type": {
|
|
57043
|
+
"text": "void"
|
|
57044
|
+
}
|
|
57045
|
+
},
|
|
57046
|
+
"parameters": [
|
|
57047
|
+
{
|
|
57048
|
+
"name": "form",
|
|
57049
|
+
"type": {
|
|
57050
|
+
"text": "HTMLFormElement | null"
|
|
57051
|
+
}
|
|
57052
|
+
}
|
|
57053
|
+
],
|
|
57054
|
+
"description": "Called by the browser when the control's form changes: watches the new\nform's `checkValidity()`, as connecting does for the form it starts in.",
|
|
57055
|
+
"inheritedFrom": {
|
|
57056
|
+
"name": "HelixFormElement",
|
|
57057
|
+
"module": "src/helix-form-element/helix-form-element.ts"
|
|
57058
|
+
},
|
|
57059
|
+
"type": {
|
|
57060
|
+
"text": "formAssociatedCallback(form: HTMLFormElement | null) => void"
|
|
57061
|
+
}
|
|
57062
|
+
},
|
|
56865
57063
|
{
|
|
56866
57064
|
"kind": "field",
|
|
56867
57065
|
"name": "form",
|
|
@@ -60439,7 +60637,7 @@
|
|
|
60439
60637
|
"declarations": [
|
|
60440
60638
|
{
|
|
60441
60639
|
"kind": "class",
|
|
60442
|
-
"description": "A donut chart divides one whole into parts, so the component reads one\ncolumn.\n\n**The first column of numbers is the series, and each row is a slice.** Other\nHelix charts take one column per series.\n\n**Negative values are skipped.** An arc cannot show a negative number, so\nthose rows are left out and the total is the sum of the remaining rows.\n\nThe ring is hidden from screen readers. The `summary` part names the chart,\nfrom `label` or the table's caption, and gives each slice's share, and the\ntable beside the chart has every amount.\n\n**The ring is read by key.** The plot takes focus, named by `label` or the\ncaption. Every arrow moves from slice to slice, the right and down arrows to\nthe next, and Home and End go to the first and the last. The tooltip\nfollows, the `live` part says the slice in words, and Escape puts the\ntooltip away.",
|
|
60640
|
+
"description": "A donut chart divides one whole into parts, so the component reads one\ncolumn.\n\n**The first column of numbers is the series, and each row is a slice.** Other\nHelix charts take one column per series.\n\n**Negative values are skipped.** An arc cannot show a negative number, so\nthose rows are left out and the total is the sum of the remaining rows.\n\nThe ring is hidden from screen readers. The `summary` part names the chart,\nfrom `label` or the table's caption, and gives each slice's share, and the\ntable beside the chart has every amount.\n\n**The ring is read by key.** The plot takes focus, named by `label` or the\ncaption. Every arrow moves from slice to slice, the right and down arrows to\nthe next, and Home and End go to the first and the last. The tooltip\nfollows, the `live` part says the slice in words, and Escape puts the\ntooltip away.\n\n**A tap shows the slice under it**, and keeps it until a tap lands\nelsewhere. `helix-reading-change` says each move of the slice shown, by\npointer, tap or key, and `helix-reading-press` says a slice was clicked,\ntapped, or pressed with Enter or Space, for a page that opens what a slice\nstands for. `index` is the slice's row in the table.\n\n**A chart with nothing to draw says so.** A table with no readings shows\n`empty-text`, \"No readings\", in the plot, and `loading` shows `loading-text`\nthere until readings arrive. The `empty` and `loading` slots take markup in\ntheir place.\n\n**Keyboard.** The plot is one tab stop.\n\n| Key | What it does |\n|---|---|\n| Tab | Moves focus to the plot and shows the first slice. |\n| Any arrow | Right and Down move to the next slice, Left and Up to the previous. On a right-to-left page, Left moves to the next. |\n| Home, End | Moves to the first or the last slice. |\n| Enter, Space | Presses the slice shown, which sends `helix-reading-press`. |\n| Escape | Puts the slice and its tooltip away. |",
|
|
60443
60641
|
"name": "HelixHeadlessDonutChart",
|
|
60444
60642
|
"cssProperties": [
|
|
60445
60643
|
{
|
|
@@ -60452,16 +60650,24 @@
|
|
|
60452
60650
|
"description": "The middle of the ring, holding whatever is slotted.",
|
|
60453
60651
|
"name": "center"
|
|
60454
60652
|
},
|
|
60653
|
+
{
|
|
60654
|
+
"description": "The words in place of the ring when the table has no readings: the `empty` slot, falling back to `empty-text`. Not drawn while the table cannot be read yet, on the server and during hydration.",
|
|
60655
|
+
"name": "empty"
|
|
60656
|
+
},
|
|
60455
60657
|
{
|
|
60456
60658
|
"description": "The readout: a polite live region that says the slice the keys moved to. Hide it visually.",
|
|
60457
60659
|
"name": "live"
|
|
60458
60660
|
},
|
|
60661
|
+
{
|
|
60662
|
+
"description": "The words in place of the ring while `loading` is set and there are no readings: the `loading` slot, falling back to `loading-text`.",
|
|
60663
|
+
"name": "loading"
|
|
60664
|
+
},
|
|
60459
60665
|
{
|
|
60460
60666
|
"description": "The invisible point the tooltip is anchored to.",
|
|
60461
60667
|
"name": "mark"
|
|
60462
60668
|
},
|
|
60463
60669
|
{
|
|
60464
|
-
"description": "The drawing, which takes focus to be read by key.",
|
|
60670
|
+
"description": "The drawing, which takes focus to be read by key. With nothing to draw, a group named as the chart is, holding the `empty` or `loading` part.",
|
|
60465
60671
|
"name": "plot"
|
|
60466
60672
|
},
|
|
60467
60673
|
{
|
|
@@ -60484,6 +60690,10 @@
|
|
|
60484
60690
|
"description": "The chart's name and each slice's share, written as a sentence for screen readers. Hide it visually.",
|
|
60485
60691
|
"name": "summary"
|
|
60486
60692
|
},
|
|
60693
|
+
{
|
|
60694
|
+
"description": "The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.",
|
|
60695
|
+
"name": "table"
|
|
60696
|
+
},
|
|
60487
60697
|
{
|
|
60488
60698
|
"description": "The bubble, forwarded from `Tooltip`.",
|
|
60489
60699
|
"name": "tooltip"
|
|
@@ -60557,6 +60767,14 @@
|
|
|
60557
60767
|
{
|
|
60558
60768
|
"description": "Content in the middle of the ring, usually a total. It is read by screen readers, while the ring itself is hidden from them.",
|
|
60559
60769
|
"name": ""
|
|
60770
|
+
},
|
|
60771
|
+
{
|
|
60772
|
+
"description": "Content shown in place of the ring when the table has no readings. Falls back to `empty-text`.",
|
|
60773
|
+
"name": "empty"
|
|
60774
|
+
},
|
|
60775
|
+
{
|
|
60776
|
+
"description": "Content shown in place of the ring while `loading` is set and there are no readings yet. Falls back to `loading-text`.",
|
|
60777
|
+
"name": "loading"
|
|
60560
60778
|
}
|
|
60561
60779
|
],
|
|
60562
60780
|
"members": [
|
|
@@ -60730,7 +60948,7 @@
|
|
|
60730
60948
|
}
|
|
60731
60949
|
}
|
|
60732
60950
|
],
|
|
60733
|
-
"description": "What a reader who cannot see the ring is told: the chart's name and each\nslice's share of the whole.\n\nThe shares, because they are what the ring shows and the table does not:\nthe table holds the amounts, and the percentages are this chart's\narithmetic. In the ring's order, which is the table's and the legend's."
|
|
60951
|
+
"description": "What a reader who cannot see the ring is told: the chart's name and each\nslice's share of the whole.\n\nThe shares, because they are what the ring shows and the table does not:\nthe table holds the amounts, and the percentages are this chart's\narithmetic. In the ring's order, which is the table's and the legend's.\nA row the ring leaves out, a negative amount or a slice a legend hid, is\nleft out here too."
|
|
60734
60952
|
},
|
|
60735
60953
|
{
|
|
60736
60954
|
"kind": "method",
|
|
@@ -60862,22 +61080,90 @@
|
|
|
60862
61080
|
},
|
|
60863
61081
|
{
|
|
60864
61082
|
"kind": "field",
|
|
60865
|
-
"name": "
|
|
61083
|
+
"name": "emptyText",
|
|
61084
|
+
"type": {
|
|
61085
|
+
"text": "string"
|
|
61086
|
+
},
|
|
61087
|
+
"default": "'No readings'",
|
|
61088
|
+
"description": "The words shown in place of the drawing when the table has no readings,\nand the fallback of the `empty` slot.",
|
|
61089
|
+
"attribute": "empty-text",
|
|
61090
|
+
"helix": {
|
|
61091
|
+
"words": true
|
|
61092
|
+
},
|
|
61093
|
+
"inheritedFrom": {
|
|
61094
|
+
"name": "MixinChartStatus",
|
|
61095
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
61096
|
+
}
|
|
61097
|
+
},
|
|
61098
|
+
{
|
|
61099
|
+
"kind": "field",
|
|
61100
|
+
"name": "loading",
|
|
61101
|
+
"type": {
|
|
61102
|
+
"text": "boolean"
|
|
61103
|
+
},
|
|
61104
|
+
"default": "false",
|
|
61105
|
+
"description": "Whether the readings are still on their way. The chart shows\n`loading-text` in place of an empty drawing until it has readings.\n\nReflected, so a stylesheet can treat the chart while it waits. A chart\nthat already has readings keeps drawing them, so a refresh does not\nblank it.",
|
|
61106
|
+
"attribute": "loading",
|
|
61107
|
+
"reflects": true,
|
|
61108
|
+
"inheritedFrom": {
|
|
61109
|
+
"name": "MixinChartStatus",
|
|
61110
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
61111
|
+
}
|
|
61112
|
+
},
|
|
61113
|
+
{
|
|
61114
|
+
"kind": "field",
|
|
61115
|
+
"name": "loadingText",
|
|
61116
|
+
"type": {
|
|
61117
|
+
"text": "string"
|
|
61118
|
+
},
|
|
61119
|
+
"default": "'Loading readings'",
|
|
61120
|
+
"description": "The words shown in place of the drawing while `loading` is set and\nthere are no readings yet, and the fallback of the `loading` slot.",
|
|
61121
|
+
"attribute": "loading-text",
|
|
61122
|
+
"helix": {
|
|
61123
|
+
"words": true
|
|
61124
|
+
},
|
|
61125
|
+
"inheritedFrom": {
|
|
61126
|
+
"name": "MixinChartStatus",
|
|
61127
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
61128
|
+
}
|
|
61129
|
+
},
|
|
61130
|
+
{
|
|
61131
|
+
"kind": "method",
|
|
61132
|
+
"name": "renderStatus",
|
|
60866
61133
|
"privacy": "protected",
|
|
60867
|
-
"
|
|
60868
|
-
|
|
60869
|
-
|
|
61134
|
+
"return": {
|
|
61135
|
+
"type": {
|
|
61136
|
+
"text": "TemplateResult | typeof nothing"
|
|
61137
|
+
}
|
|
61138
|
+
},
|
|
61139
|
+
"description": "What stands in the plot while there is nothing to draw: the `loading`\nline, the `empty` line, or nothing while the table cannot be read yet.\n\n`dir=\"auto\"`, so words in a right-to-left script read their own way in\na plot that holds itself left to right, as Scatter Chart's does.",
|
|
60870
61140
|
"inheritedFrom": {
|
|
60871
|
-
"name": "
|
|
60872
|
-
"module": "src/mixins/mixin-chart-
|
|
61141
|
+
"name": "MixinChartStatus",
|
|
61142
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
61143
|
+
}
|
|
61144
|
+
},
|
|
61145
|
+
{
|
|
61146
|
+
"kind": "method",
|
|
61147
|
+
"name": "renderEmpty",
|
|
61148
|
+
"privacy": "protected",
|
|
61149
|
+
"return": {
|
|
61150
|
+
"type": {
|
|
61151
|
+
"text": "TemplateResult"
|
|
61152
|
+
}
|
|
61153
|
+
},
|
|
61154
|
+
"description": "The plot while there is nothing to draw: a group named as the chart is,\nholding `renderStatus`. Not focusable, there being no reading to walk.",
|
|
61155
|
+
"inheritedFrom": {
|
|
61156
|
+
"name": "MixinChartStatus",
|
|
61157
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
60873
61158
|
}
|
|
60874
61159
|
},
|
|
60875
61160
|
{
|
|
60876
61161
|
"kind": "field",
|
|
60877
|
-
"name": "
|
|
61162
|
+
"name": "source",
|
|
61163
|
+
"privacy": "protected",
|
|
60878
61164
|
"readonly": true,
|
|
60879
|
-
"default": "new
|
|
60880
|
-
"description": "
|
|
61165
|
+
"default": "new SourceController(this)",
|
|
61166
|
+
"description": "Resolves `for` and re-renders when the table behind it changes.",
|
|
60881
61167
|
"inheritedFrom": {
|
|
60882
61168
|
"name": "MixinChartSource",
|
|
60883
61169
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
@@ -60955,57 +61241,6 @@
|
|
|
60955
61241
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
60956
61242
|
}
|
|
60957
61243
|
},
|
|
60958
|
-
{
|
|
60959
|
-
"kind": "field",
|
|
60960
|
-
"name": "observedAttributes",
|
|
60961
|
-
"type": {
|
|
60962
|
-
"text": "string[]"
|
|
60963
|
-
},
|
|
60964
|
-
"static": true,
|
|
60965
|
-
"description": "Hears an `aria-label` written on the chart, which no property mirrors,\nso a page that names the chart that way names its plot.\n\nLit observes the attributes of its own properties only, and `ariaLabel`\nbelongs to the platform.\n\nRead through `Reflect.get` with this class as the receiver, which is\nwhat `super.observedAttributes` means: Lit's getter finalizes whichever\nclass it is asked on, and asked on the base it would finalize the base\nand leave a subclass without its styles. A mixin's base has no static\nside TypeScript can see, so `super` cannot be written here.",
|
|
60966
|
-
"readonly": true,
|
|
60967
|
-
"inheritedFrom": {
|
|
60968
|
-
"name": "MixinChartSource",
|
|
60969
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
60970
|
-
}
|
|
60971
|
-
},
|
|
60972
|
-
{
|
|
60973
|
-
"kind": "method",
|
|
60974
|
-
"name": "attributeChangedCallback",
|
|
60975
|
-
"return": {
|
|
60976
|
-
"type": {
|
|
60977
|
-
"text": "void"
|
|
60978
|
-
}
|
|
60979
|
-
},
|
|
60980
|
-
"parameters": [
|
|
60981
|
-
{
|
|
60982
|
-
"name": "name",
|
|
60983
|
-
"type": {
|
|
60984
|
-
"text": "string"
|
|
60985
|
-
}
|
|
60986
|
-
},
|
|
60987
|
-
{
|
|
60988
|
-
"name": "old",
|
|
60989
|
-
"type": {
|
|
60990
|
-
"text": "string | null"
|
|
60991
|
-
}
|
|
60992
|
-
},
|
|
60993
|
-
{
|
|
60994
|
-
"name": "value",
|
|
60995
|
-
"type": {
|
|
60996
|
-
"text": "string | null"
|
|
60997
|
-
}
|
|
60998
|
-
}
|
|
60999
|
-
],
|
|
61000
|
-
"description": "Called by the browser when an observed attribute changes. A new\n`aria-label` asks for an update, because it names the plot.",
|
|
61001
|
-
"inheritedFrom": {
|
|
61002
|
-
"name": "MixinChartSource",
|
|
61003
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
61004
|
-
},
|
|
61005
|
-
"type": {
|
|
61006
|
-
"text": "attributeChangedCallback(name: string, old: string | null, value: string | null) => void"
|
|
61007
|
-
}
|
|
61008
|
-
},
|
|
61009
61244
|
{
|
|
61010
61245
|
"kind": "field",
|
|
61011
61246
|
"name": "series",
|
|
@@ -61032,32 +61267,6 @@
|
|
|
61032
61267
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
61033
61268
|
}
|
|
61034
61269
|
},
|
|
61035
|
-
{
|
|
61036
|
-
"kind": "field",
|
|
61037
|
-
"name": "readingsKnown",
|
|
61038
|
-
"type": {
|
|
61039
|
-
"text": "boolean"
|
|
61040
|
-
},
|
|
61041
|
-
"description": "Whether the readings have been looked for: false on the server and\nwhile hydrating, where no table is resolved and no data is read. A\nchart says it has no readings only once this is true.",
|
|
61042
|
-
"readonly": true,
|
|
61043
|
-
"inheritedFrom": {
|
|
61044
|
-
"name": "MixinChartSource",
|
|
61045
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
61046
|
-
}
|
|
61047
|
-
},
|
|
61048
|
-
{
|
|
61049
|
-
"kind": "field",
|
|
61050
|
-
"name": "sourceRows",
|
|
61051
|
-
"type": {
|
|
61052
|
-
"text": "Row[]"
|
|
61053
|
-
},
|
|
61054
|
-
"description": "Every row of the table, with each cell's text and number.\n\nThis is where a tooltip's content comes from, and it is deliberately not\n`series`. A chart draws numbers; a reader resting a pointer on one wants\nwhat the table says, which is `$128k` and not `128000`, and often wants\nthe column beside it that nothing plotted at all.\n\n**Not `rows`.** It is the source table's rows, and `rows` on a chart is a\nname a chart wants for itself: `helix-heatmap` takes `rows=\"7\"` to mean a\ncalendar week, and declaring that against a base class whose `rows` is a\n`Row[]` getter is a type error at best. Name the member for what it holds\nrather than for the shortest word available.",
|
|
61055
|
-
"readonly": true,
|
|
61056
|
-
"inheritedFrom": {
|
|
61057
|
-
"name": "MixinChartSource",
|
|
61058
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
61059
|
-
}
|
|
61060
|
-
},
|
|
61061
61270
|
{
|
|
61062
61271
|
"kind": "field",
|
|
61063
61272
|
"name": "plottedColumns",
|
|
@@ -61146,6 +61355,21 @@
|
|
|
61146
61355
|
"text": "columnName(cell: number) => string"
|
|
61147
61356
|
}
|
|
61148
61357
|
},
|
|
61358
|
+
{
|
|
61359
|
+
"kind": "method",
|
|
61360
|
+
"name": "renderTable",
|
|
61361
|
+
"privacy": "protected",
|
|
61362
|
+
"return": {
|
|
61363
|
+
"type": {
|
|
61364
|
+
"text": "TemplateResult | typeof nothing"
|
|
61365
|
+
}
|
|
61366
|
+
},
|
|
61367
|
+
"description": "The readings as a table, for a screen reader, where they were drawn from\n`data`: there is then no table on the page to read, and a chart's\nsummary gives only what the readings come to. Nothing where a table on\nthe page was read, which is already the readable version.\n\nThe `table` part, named by the chart, its cells as `data` writes them.",
|
|
61368
|
+
"inheritedFrom": {
|
|
61369
|
+
"name": "MixinChartSource",
|
|
61370
|
+
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
61371
|
+
}
|
|
61372
|
+
},
|
|
61149
61373
|
{
|
|
61150
61374
|
"kind": "field",
|
|
61151
61375
|
"name": "tier",
|
|
@@ -61486,6 +61710,24 @@
|
|
|
61486
61710
|
}
|
|
61487
61711
|
}
|
|
61488
61712
|
],
|
|
61713
|
+
"events": [
|
|
61714
|
+
{
|
|
61715
|
+
"type": {
|
|
61716
|
+
"text": "HelixReadingChangeEvent"
|
|
61717
|
+
},
|
|
61718
|
+
"description": "The slice shown moved, or was put away: `index` is the slice's row, or `-1` for none, with its `label` and the `pointerType` that moved it.",
|
|
61719
|
+
"name": "helix-reading-change",
|
|
61720
|
+
"reactProp": "onhelix-reading-change"
|
|
61721
|
+
},
|
|
61722
|
+
{
|
|
61723
|
+
"type": {
|
|
61724
|
+
"text": "HelixReadingPressEvent"
|
|
61725
|
+
},
|
|
61726
|
+
"description": "A slice was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`.",
|
|
61727
|
+
"name": "helix-reading-press",
|
|
61728
|
+
"reactProp": "onhelix-reading-press"
|
|
61729
|
+
}
|
|
61730
|
+
],
|
|
61489
61731
|
"attributes": [
|
|
61490
61732
|
{
|
|
61491
61733
|
"name": "hole",
|
|
@@ -61512,6 +61754,45 @@
|
|
|
61512
61754
|
"description": "How much of the circle the whole occupies.\n\nAbsent is the full turn. `half` is a semi-donut: the same shares spread\nover a half circle that opens downward, which is the shape a dashboard\nuses when the ring sits above a figure and the space below it is doing\nsomething else.\n\n**A second property rather than another `hole` value**, because the two are\ndifferent axes and can both be true: `hole` is radial and says how thick\nthe band is, this is angular and says how far round it goes. A `half`\n`none` is a semi-pie and is a real thing to want.\n\n**Not a gauge.** A gauge is one value against a range, which is a different\ndata shape entirely and is `Meter`, whose `round` example already draws the\nreading as a ring. This divides a whole into parts and then declines to use\nthe bottom half of the circle.\n\nReflected, because the stylesheet has three things to say about it: the\nrotation that puts the first slice at nine o'clock, the aspect ratio of a\nbox that is no longer square, and where the middle sits once the bottom of\nthe circle is not drawn.",
|
|
61513
61755
|
"fieldName": "sweep"
|
|
61514
61756
|
},
|
|
61757
|
+
{
|
|
61758
|
+
"name": "empty-text",
|
|
61759
|
+
"type": {
|
|
61760
|
+
"text": "string"
|
|
61761
|
+
},
|
|
61762
|
+
"default": "'No readings'",
|
|
61763
|
+
"description": "The words shown in place of the drawing when the table has no readings,\nand the fallback of the `empty` slot.",
|
|
61764
|
+
"fieldName": "emptyText",
|
|
61765
|
+
"inheritedFrom": {
|
|
61766
|
+
"name": "MixinChartStatus",
|
|
61767
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
61768
|
+
}
|
|
61769
|
+
},
|
|
61770
|
+
{
|
|
61771
|
+
"name": "loading",
|
|
61772
|
+
"type": {
|
|
61773
|
+
"text": "boolean"
|
|
61774
|
+
},
|
|
61775
|
+
"default": "false",
|
|
61776
|
+
"description": "Whether the readings are still on their way. The chart shows\n`loading-text` in place of an empty drawing until it has readings.\n\nReflected, so a stylesheet can treat the chart while it waits. A chart\nthat already has readings keeps drawing them, so a refresh does not\nblank it.",
|
|
61777
|
+
"fieldName": "loading",
|
|
61778
|
+
"inheritedFrom": {
|
|
61779
|
+
"name": "MixinChartStatus",
|
|
61780
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
61781
|
+
}
|
|
61782
|
+
},
|
|
61783
|
+
{
|
|
61784
|
+
"name": "loading-text",
|
|
61785
|
+
"type": {
|
|
61786
|
+
"text": "string"
|
|
61787
|
+
},
|
|
61788
|
+
"default": "'Loading readings'",
|
|
61789
|
+
"description": "The words shown in place of the drawing while `loading` is set and\nthere are no readings yet, and the fallback of the `loading` slot.",
|
|
61790
|
+
"fieldName": "loadingText",
|
|
61791
|
+
"inheritedFrom": {
|
|
61792
|
+
"name": "MixinChartStatus",
|
|
61793
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
61794
|
+
}
|
|
61795
|
+
},
|
|
61515
61796
|
{
|
|
61516
61797
|
"name": "for",
|
|
61517
61798
|
"type": {
|
|
@@ -61565,7 +61846,33 @@
|
|
|
61565
61846
|
}
|
|
61566
61847
|
}
|
|
61567
61848
|
],
|
|
61849
|
+
"cssStates": [
|
|
61850
|
+
{
|
|
61851
|
+
"description": "While a slice is shown, under the pointer or the keys, with its tooltip open.",
|
|
61852
|
+
"name": "active"
|
|
61853
|
+
},
|
|
61854
|
+
{
|
|
61855
|
+
"description": "While the `empty` part stands in place of the ring.",
|
|
61856
|
+
"name": "empty"
|
|
61857
|
+
},
|
|
61858
|
+
{
|
|
61859
|
+
"description": "While the `loading` part stands in place of the ring.",
|
|
61860
|
+
"name": "loading"
|
|
61861
|
+
},
|
|
61862
|
+
{
|
|
61863
|
+
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
61864
|
+
"name": "settled",
|
|
61865
|
+
"inheritedFrom": {
|
|
61866
|
+
"name": "HelixElement",
|
|
61867
|
+
"module": "src/helix-element/helix-element.ts"
|
|
61868
|
+
}
|
|
61869
|
+
}
|
|
61870
|
+
],
|
|
61568
61871
|
"mixins": [
|
|
61872
|
+
{
|
|
61873
|
+
"name": "MixinChartStatus",
|
|
61874
|
+
"package": "@fusion.dev/helix-core"
|
|
61875
|
+
},
|
|
61569
61876
|
{
|
|
61570
61877
|
"name": "MixinChartSource",
|
|
61571
61878
|
"package": "@fusion.dev/helix-core"
|
|
@@ -61603,16 +61910,6 @@
|
|
|
61603
61910
|
},
|
|
61604
61911
|
"tagName": "helix-headless-donut-chart",
|
|
61605
61912
|
"customElement": true,
|
|
61606
|
-
"cssStates": [
|
|
61607
|
-
{
|
|
61608
|
-
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
61609
|
-
"name": "settled",
|
|
61610
|
-
"inheritedFrom": {
|
|
61611
|
-
"name": "HelixElement",
|
|
61612
|
-
"module": "src/helix-element/helix-element.ts"
|
|
61613
|
-
}
|
|
61614
|
-
}
|
|
61615
|
-
],
|
|
61616
61913
|
"modulePath": "src/donut-chart/root/donut-chart-root.ts",
|
|
61617
61914
|
"definitionPath": "src/donut-chart/root/donut-chart-root.ts"
|
|
61618
61915
|
}
|
|
@@ -66127,6 +66424,12 @@
|
|
|
66127
66424
|
"text": "void"
|
|
66128
66425
|
}
|
|
66129
66426
|
},
|
|
66427
|
+
"parameters": [
|
|
66428
|
+
{
|
|
66429
|
+
"name": "announce",
|
|
66430
|
+
"default": "true"
|
|
66431
|
+
}
|
|
66432
|
+
],
|
|
66130
66433
|
"description": "Says what is now chosen, by name, and puts it in the form."
|
|
66131
66434
|
},
|
|
66132
66435
|
{
|
|
@@ -66205,7 +66508,7 @@
|
|
|
66205
66508
|
"text": "void"
|
|
66206
66509
|
}
|
|
66207
66510
|
},
|
|
66208
|
-
"description": "Clears the chosen files when the form resets.\n\nNot through `commit`, and that is the point of the split: a reset is the\nform's decision and there is nothing here for a listener to refuse. What it\nowes is the report
|
|
66511
|
+
"description": "Clears the chosen files when the form resets.\n\nNot through `commit`, and that is the point of the split: a reset is the\nform's decision and there is nothing here for a listener to refuse. What it\nowes is the report to the form, and no `input` or `change`: a native file\ninput sends neither on `form.reset()`, measured in Chromium, where this\nsent both.",
|
|
66209
66512
|
"inheritedFrom": {
|
|
66210
66513
|
"name": "HelixFormElement",
|
|
66211
66514
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -66904,13 +67207,13 @@
|
|
|
66904
67207
|
{
|
|
66905
67208
|
"kind": "method",
|
|
66906
67209
|
"name": "runPendingUpdate",
|
|
66907
|
-
"privacy": "
|
|
67210
|
+
"privacy": "protected",
|
|
66908
67211
|
"return": {
|
|
66909
67212
|
"type": {
|
|
66910
67213
|
"text": "void"
|
|
66911
67214
|
}
|
|
66912
67215
|
},
|
|
66913
|
-
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously
|
|
67216
|
+
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously.\n\nProtected for a control that submits on its own, which has to hand the\nform the verdict for what it holds now: Pin Input's `autosubmit`.",
|
|
66914
67217
|
"inheritedFrom": {
|
|
66915
67218
|
"name": "HelixFormElement",
|
|
66916
67219
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -67051,6 +67354,31 @@
|
|
|
67051
67354
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
67052
67355
|
}
|
|
67053
67356
|
},
|
|
67357
|
+
{
|
|
67358
|
+
"kind": "method",
|
|
67359
|
+
"name": "formAssociatedCallback",
|
|
67360
|
+
"return": {
|
|
67361
|
+
"type": {
|
|
67362
|
+
"text": "void"
|
|
67363
|
+
}
|
|
67364
|
+
},
|
|
67365
|
+
"parameters": [
|
|
67366
|
+
{
|
|
67367
|
+
"name": "form",
|
|
67368
|
+
"type": {
|
|
67369
|
+
"text": "HTMLFormElement | null"
|
|
67370
|
+
}
|
|
67371
|
+
}
|
|
67372
|
+
],
|
|
67373
|
+
"description": "Called by the browser when the control's form changes: watches the new\nform's `checkValidity()`, as connecting does for the form it starts in.",
|
|
67374
|
+
"inheritedFrom": {
|
|
67375
|
+
"name": "HelixFormElement",
|
|
67376
|
+
"module": "src/helix-form-element/helix-form-element.ts"
|
|
67377
|
+
},
|
|
67378
|
+
"type": {
|
|
67379
|
+
"text": "formAssociatedCallback(form: HTMLFormElement | null) => void"
|
|
67380
|
+
}
|
|
67381
|
+
},
|
|
67054
67382
|
{
|
|
67055
67383
|
"kind": "field",
|
|
67056
67384
|
"name": "form",
|
|
@@ -72449,13 +72777,13 @@
|
|
|
72449
72777
|
{
|
|
72450
72778
|
"kind": "method",
|
|
72451
72779
|
"name": "runPendingUpdate",
|
|
72452
|
-
"privacy": "
|
|
72780
|
+
"privacy": "protected",
|
|
72453
72781
|
"return": {
|
|
72454
72782
|
"type": {
|
|
72455
72783
|
"text": "void"
|
|
72456
72784
|
}
|
|
72457
72785
|
},
|
|
72458
|
-
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously
|
|
72786
|
+
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously.\n\nProtected for a control that submits on its own, which has to hand the\nform the verdict for what it holds now: Pin Input's `autosubmit`.",
|
|
72459
72787
|
"inheritedFrom": {
|
|
72460
72788
|
"name": "HelixFormElement",
|
|
72461
72789
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -72596,6 +72924,31 @@
|
|
|
72596
72924
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
72597
72925
|
}
|
|
72598
72926
|
},
|
|
72927
|
+
{
|
|
72928
|
+
"kind": "method",
|
|
72929
|
+
"name": "formAssociatedCallback",
|
|
72930
|
+
"return": {
|
|
72931
|
+
"type": {
|
|
72932
|
+
"text": "void"
|
|
72933
|
+
}
|
|
72934
|
+
},
|
|
72935
|
+
"parameters": [
|
|
72936
|
+
{
|
|
72937
|
+
"name": "form",
|
|
72938
|
+
"type": {
|
|
72939
|
+
"text": "HTMLFormElement | null"
|
|
72940
|
+
}
|
|
72941
|
+
}
|
|
72942
|
+
],
|
|
72943
|
+
"description": "Called by the browser when the control's form changes: watches the new\nform's `checkValidity()`, as connecting does for the form it starts in.",
|
|
72944
|
+
"inheritedFrom": {
|
|
72945
|
+
"name": "HelixFormElement",
|
|
72946
|
+
"module": "src/helix-form-element/helix-form-element.ts"
|
|
72947
|
+
},
|
|
72948
|
+
"type": {
|
|
72949
|
+
"text": "formAssociatedCallback(form: HTMLFormElement | null) => void"
|
|
72950
|
+
}
|
|
72951
|
+
},
|
|
72599
72952
|
{
|
|
72600
72953
|
"kind": "field",
|
|
72601
72954
|
"name": "form",
|
|
@@ -75083,7 +75436,7 @@
|
|
|
75083
75436
|
"declarations": [
|
|
75084
75437
|
{
|
|
75085
75438
|
"kind": "class",
|
|
75086
|
-
"description": "Helix draws no graph. A force layout of thousands of notes is physics and\nWebGL, which a renderer such as Sigma.js does. Put the renderer's box in the\nframe, and `connectGraph` from `@fusion.dev/helix-graph` draws `nodes` and\n`links` in it and keeps it in step with the frame.\n\nWhat the frame adds is what a drawing of a graph cannot do: a list of every\nnote beside it, which is the graph for a screen reader and a quick way to\nfind a note for anyone. The selected note comes first, then the notes it\nlinks to and from, then every other note, and the search field narrows it.\nSelecting a note in the list or in the drawing is the same selection.\n\nSet `depth` to show the local graph: only the notes within that many links\nof the selected one.\n\nSet `legend` to name the groups over the drawing, each a button that shows\nor hides its notes. `hiddenGroups` holds the groups turned off, and the\nlist holds only what the drawing shows.\n\n`nodes` and `links` are properties, never markup: a graph of ten thousand\nnotes as ten thousand elements would cost what the renderer exists to save.\nThe list draws only the rows in view.\n\nThe list scrolls on this tier. It carries `data-scroller`, and `core` ships\n`[data-scroller] { overflow: auto }` into every shadow root. You still need\nto set a block size on the list, or it grows to hold every row.",
|
|
75439
|
+
"description": "Helix draws no graph. A force layout of thousands of notes is physics and\nWebGL, which a renderer such as Sigma.js does. Put the renderer's box in the\nframe, and `connectGraph` from `@fusion.dev/helix-graph` draws `nodes` and\n`links` in it and keeps it in step with the frame.\n\nWhat the frame adds is what a drawing of a graph cannot do: a list of every\nnote beside it, which is the graph for a screen reader and a quick way to\nfind a note for anyone. The selected note comes first, then the notes it\nlinks to and from, then every other note, and the search field narrows it.\nSelecting a note in the list or in the drawing is the same selection.\n\nSet `depth` to show the local graph: only the notes within that many links\nof the selected one.\n\nSet `legend` to name the groups over the drawing, each a button that shows\nor hides its notes. `hiddenGroups` holds the groups turned off, and the\nlist holds only what the drawing shows. The legend is a toolbar and one tab\nstop: the arrow keys, Home, End and a group's first letters move between\nits buttons, and Space or Enter presses one.\n\n`nodes` and `links` are properties, never markup: a graph of ten thousand\nnotes as ten thousand elements would cost what the renderer exists to save.\nThe list draws only the rows in view.\n\nThe list scrolls on this tier. It carries `data-scroller`, and `core` ships\n`[data-scroller] { overflow: auto }` into every shadow root. You still need\nto set a block size on the list, or it grows to hold every row.",
|
|
75087
75440
|
"name": "HelixHeadlessGraph",
|
|
75088
75441
|
"cssParts": [
|
|
75089
75442
|
{
|
|
@@ -75139,7 +75492,7 @@
|
|
|
75139
75492
|
"name": "header"
|
|
75140
75493
|
},
|
|
75141
75494
|
{
|
|
75142
|
-
"description": "The groups over the drawing, with `legend
|
|
75495
|
+
"description": "The groups over the drawing, with `legend`: a toolbar of buttons, each showing or hiding its notes, which is one tab stop.",
|
|
75143
75496
|
"name": "legend"
|
|
75144
75497
|
},
|
|
75145
75498
|
{
|
|
@@ -75640,6 +75993,19 @@
|
|
|
75640
75993
|
"words": true
|
|
75641
75994
|
}
|
|
75642
75995
|
},
|
|
75996
|
+
{
|
|
75997
|
+
"kind": "field",
|
|
75998
|
+
"name": "selectionLabel",
|
|
75999
|
+
"type": {
|
|
76000
|
+
"text": "string"
|
|
76001
|
+
},
|
|
76002
|
+
"default": "'{note}, selected. {count}'",
|
|
76003
|
+
"description": "What screen readers hear after a reader selects a note, in the list or in\nthe drawing, with `{note}` for its name and `{count}` for how many notes\nthe list then holds, written with `count-label`.",
|
|
76004
|
+
"attribute": "selection-label",
|
|
76005
|
+
"helix": {
|
|
76006
|
+
"words": true
|
|
76007
|
+
}
|
|
76008
|
+
},
|
|
75643
76009
|
{
|
|
75644
76010
|
"kind": "field",
|
|
75645
76011
|
"name": "twoFingerHintLabel",
|
|
@@ -75835,6 +76201,33 @@
|
|
|
75835
76201
|
"default": "false",
|
|
75836
76202
|
"description": "Whether the next change of the list's rows is one a reader asked for by the legend, whose count is then said."
|
|
75837
76203
|
},
|
|
76204
|
+
{
|
|
76205
|
+
"kind": "field",
|
|
76206
|
+
"name": "selectionAsked",
|
|
76207
|
+
"type": {
|
|
76208
|
+
"text": "string | undefined"
|
|
76209
|
+
},
|
|
76210
|
+
"privacy": "private",
|
|
76211
|
+
"description": "The note a reader last asked to select, in the list or in the drawing,\nuntil it is selected: by the frame, or by a page that refused the request\nand wrote `active` itself."
|
|
76212
|
+
},
|
|
76213
|
+
{
|
|
76214
|
+
"kind": "field",
|
|
76215
|
+
"name": "legendStop",
|
|
76216
|
+
"type": {
|
|
76217
|
+
"text": "number"
|
|
76218
|
+
},
|
|
76219
|
+
"privacy": "private",
|
|
76220
|
+
"default": "0",
|
|
76221
|
+
"description": "The legend's button that holds its one tab stop, by place: the one a reader was last on, or the first."
|
|
76222
|
+
},
|
|
76223
|
+
{
|
|
76224
|
+
"kind": "field",
|
|
76225
|
+
"name": "legendKeys",
|
|
76226
|
+
"privacy": "protected",
|
|
76227
|
+
"readonly": true,
|
|
76228
|
+
"default": "new KeyboardNavigationController(this, { items: () => [ ...(this.renderRoot?.querySelectorAll?.<HTMLButtonElement>('[part~=\"legend-item\"]') ?? []), ].map((button) => focusItemOf(button, { words: button.textContent?.trim() ?? '' })), origin: 'focus', selects: () => false, typeahead: typeaheadBy((item) => (item as { words?: string }).words ?? ''), })",
|
|
76229
|
+
"description": "The arrow keys, Home, End and typed letters among the legend's buttons,\nso a legend of twelve groups is one tab stop, as the `Legend` family's\ntoolbar is. Only a press that starts on a legend button moves: the frame's\nown arrows pan the drawing, and the list's walk the notes."
|
|
76230
|
+
},
|
|
75838
76231
|
{
|
|
75839
76232
|
"kind": "field",
|
|
75840
76233
|
"name": "virtualize",
|
|
@@ -76092,6 +76485,38 @@
|
|
|
76092
76485
|
},
|
|
76093
76486
|
"description": "The groups over the drawing, with `legend`, each a button pressed while\nits notes are shown. **Nothing for one group or none**: a legend of one\nnames what every note is, and turning it off empties the graph."
|
|
76094
76487
|
},
|
|
76488
|
+
{
|
|
76489
|
+
"kind": "method",
|
|
76490
|
+
"name": "requestActive",
|
|
76491
|
+
"return": {
|
|
76492
|
+
"type": {
|
|
76493
|
+
"text": "boolean"
|
|
76494
|
+
}
|
|
76495
|
+
},
|
|
76496
|
+
"parameters": [
|
|
76497
|
+
{
|
|
76498
|
+
"name": "next",
|
|
76499
|
+
"type": {
|
|
76500
|
+
"text": "string"
|
|
76501
|
+
}
|
|
76502
|
+
},
|
|
76503
|
+
{
|
|
76504
|
+
"name": "cause",
|
|
76505
|
+
"optional": true,
|
|
76506
|
+
"type": {
|
|
76507
|
+
"text": "string"
|
|
76508
|
+
}
|
|
76509
|
+
}
|
|
76510
|
+
],
|
|
76511
|
+
"description": "Asks for a note to be selected, and remembers the ask, so the selection is said once it lands.",
|
|
76512
|
+
"inheritedFrom": {
|
|
76513
|
+
"name": "MixinControllerActive",
|
|
76514
|
+
"module": "src/mixins/mixin-controller-active/mixin-controller-active.ts"
|
|
76515
|
+
},
|
|
76516
|
+
"type": {
|
|
76517
|
+
"text": "requestActive(next: string, cause?: string) => boolean"
|
|
76518
|
+
}
|
|
76519
|
+
},
|
|
76095
76520
|
{
|
|
76096
76521
|
"kind": "method",
|
|
76097
76522
|
"name": "choose",
|
|
@@ -77002,38 +77427,6 @@
|
|
|
77002
77427
|
"module": "src/mixins/mixin-controller-active/mixin-controller-active.ts"
|
|
77003
77428
|
}
|
|
77004
77429
|
},
|
|
77005
|
-
{
|
|
77006
|
-
"kind": "method",
|
|
77007
|
-
"name": "requestActive",
|
|
77008
|
-
"return": {
|
|
77009
|
-
"type": {
|
|
77010
|
-
"text": "boolean"
|
|
77011
|
-
}
|
|
77012
|
-
},
|
|
77013
|
-
"parameters": [
|
|
77014
|
-
{
|
|
77015
|
-
"name": "next",
|
|
77016
|
-
"type": {
|
|
77017
|
-
"text": "string"
|
|
77018
|
-
}
|
|
77019
|
-
},
|
|
77020
|
-
{
|
|
77021
|
-
"name": "cause",
|
|
77022
|
-
"optional": true,
|
|
77023
|
-
"type": {
|
|
77024
|
-
"text": "string"
|
|
77025
|
-
}
|
|
77026
|
-
}
|
|
77027
|
-
],
|
|
77028
|
-
"description": "Requests a new current item, and returns whether the change was applied.\n\nAnnounces before it acts, so `preventDefault()` on the `helix-before-activate` is\na refusal and nothing moves. Unlike a native control, nothing has moved\nby the time this runs, so refusing is simply not writing: there is\nnothing to put back. Nobody refusing means the set updates itself,\nwhether or not a consumer declared `active`, a declared property being a\nseed and a correction. `cause` says why, where the family names its\ncauses, and reaches the event as `detail.cause`.",
|
|
77029
|
-
"inheritedFrom": {
|
|
77030
|
-
"name": "MixinControllerActive",
|
|
77031
|
-
"module": "src/mixins/mixin-controller-active/mixin-controller-active.ts"
|
|
77032
|
-
},
|
|
77033
|
-
"type": {
|
|
77034
|
-
"text": "requestActive(next: string, cause?: string) => boolean"
|
|
77035
|
-
}
|
|
77036
|
-
},
|
|
77037
77430
|
{
|
|
77038
77431
|
"kind": "method",
|
|
77039
77432
|
"name": "announceActivated",
|
|
@@ -77707,6 +78100,15 @@
|
|
|
77707
78100
|
"description": "How the selected note is described in the list.",
|
|
77708
78101
|
"fieldName": "selectedLabel"
|
|
77709
78102
|
},
|
|
78103
|
+
{
|
|
78104
|
+
"name": "selection-label",
|
|
78105
|
+
"type": {
|
|
78106
|
+
"text": "string"
|
|
78107
|
+
},
|
|
78108
|
+
"default": "'{note}, selected. {count}'",
|
|
78109
|
+
"description": "What screen readers hear after a reader selects a note, in the list or in\nthe drawing, with `{note}` for its name and `{count}` for how many notes\nthe list then holds, written with `count-label`.",
|
|
78110
|
+
"fieldName": "selectionLabel"
|
|
78111
|
+
},
|
|
77710
78112
|
{
|
|
77711
78113
|
"name": "two-finger-hint-label",
|
|
77712
78114
|
"type": {
|
|
@@ -78250,7 +78652,7 @@
|
|
|
78250
78652
|
"declarations": [
|
|
78251
78653
|
{
|
|
78252
78654
|
"kind": "class",
|
|
78253
|
-
"description": "A grid of cells, each colored by a tone. `rows=\"1\"` makes a status strip, and\n`rows=\"7\"` makes a contribution graph. GitHub's contribution graph uses five\ndiscrete levels, which a set of tones covers.\n\nColor in a heatmap is per cell. In every other Helix chart, color is per\nseries, so ninety differently colored cells would need ninety series.\n\n**The data is a real `<table>` named by `for`**, as in every Helix chart, and\nthe table is the accessible representation. Hide it with\n`data-hidden-visually`, and screen readers still read it.\n\nA cell takes its tone from its own `data-tone`, or from `thresholds` and\n`tones` applied to its value. `data-tone` wins, so when you already know a\nday was degraded, you can set the tone directly.\n\n**The headless tier does not resolve tone names.** A tone named `success`\nwrites `--heatmap-tone: var(--heatmap-tone-success)`, and the styled tier or\nyour own stylesheet defines that property. The headless tier does not use\n`var(--helix-color-*)`.\n\n**The strip is read by key.** It takes focus once it has cells. The up and\ndown arrows move a cell, the left and right arrows move a column, which is a\nweek with `rows=\"7\"`, and Home and End go to the first and the last. The\ntooltip follows, the `live` part says the cell's row in words, and Escape\nputs the tooltip away. PageUp and PageDown move a month, to the same day,\nwhere each row's header carries its date as a `<time datetime>`, and four\ncolumns otherwise, which is four weeks with `rows=\"7\"`.\n\n**The strip describes itself.** The `overview` part says the busiest\nreading and the total of the readings drawn, \"Busiest: 11 Jun, 12; Total\n84\", and the strip is described by it, as every chart is by its summary.\nHide it visually. The `summary` slot is still yours, for words of your own.\n\n**`selection-mode` lets a reader select cells**: `single` one at a time and\n`multiple` any number. Space, Enter or a press selects the cell the keys or\nthe pointer rest on, or lets it go, and under `multiple` Shift with an arrow,\nHome, End, PageUp or PageDown takes in every cell from the last one pressed\nto where the key went. `value` holds the selected days, by
|
|
78655
|
+
"description": "A grid of cells, each colored by a tone. `rows=\"1\"` makes a status strip, and\n`rows=\"7\"` makes a contribution graph. GitHub's contribution graph uses five\ndiscrete levels, which a set of tones covers.\n\nColor in a heatmap is per cell. In every other Helix chart, color is per\nseries, so ninety differently colored cells would need ninety series.\n\n**The data is a real `<table>` named by `for`**, as in every Helix chart, and\nthe table is the accessible representation. Hide it with\n`data-hidden-visually`, and screen readers still read it.\n\nA cell takes its tone from its own `data-tone`, or from `thresholds` and\n`tones` applied to its value. `data-tone` wins, so when you already know a\nday was degraded, you can set the tone directly.\n\n**The headless tier does not resolve tone names.** A tone named `success`\nwrites `--heatmap-tone: var(--heatmap-tone-success)`, and the styled tier or\nyour own stylesheet defines that property. The headless tier does not use\n`var(--helix-color-*)`.\n\n**The strip is read by key.** It takes focus once it has cells. The up and\ndown arrows move a cell, the left and right arrows move a column, which is a\nweek with `rows=\"7\"`, and Home and End go to the first and the last. The\ntooltip follows, the `live` part says the cell's row in words, and Escape\nputs the tooltip away. PageUp and PageDown move a month, to the same day,\nwhere each row's header carries its date as a `<time datetime>`, and four\ncolumns otherwise, which is four weeks with `rows=\"7\"`.\n\n**The strip describes itself.** The `overview` part says the busiest\nreading and the total of the readings drawn, \"Busiest: 11 Jun, 12; Total\n84\", and the strip is described by it, as every chart is by its summary.\nHide it visually. The `summary` slot is still yours, for words of your own.\n\n**`selection-mode` lets a reader select cells**: `single` one at a time and\n`multiple` any number. Space, Enter or a press selects the cell the keys or\nthe pointer rest on, or lets it go, and under `multiple` Shift with an arrow,\nHome, End, PageUp or PageDown takes in every cell from the last one pressed\nto where the key went. `value` holds the selected days, separated by\ncommas: each by its row's `<time datetime>`, such as `2026-06-11`, or by\nits row's name where the row carries no date. A change asks with\n`helix-before-change` and tells with `change`, and the `selection` part says\nhow many are selected, in `selection-label`.\n\n**Keyboard.** The strip is one tab stop once it has cells.\n\n| Key | What it does |\n|---|---|\n| Tab | Moves focus to the strip and shows the first cell. |\n| Down, Up | Moves to the next or the previous cell. |\n| Right, Left | Moves a column on or back, a week with `rows=\"7\"`. On a right-to-left page, Left moves on. |\n| Home, End | Moves to the first or the last cell. |\n| Page Down, Page Up | Moves a month on or back where the rows carry dates, and four columns otherwise. |\n| Enter, Space | Selects the cell, or lets it go, under `selection-mode`. |\n| Shift with an arrow, Home, End, Page Up or Page Down | Selects every cell from the last one pressed to where the key went, under `selection-mode=\"multiple\"`. |\n| Escape | Puts the cell's tooltip away. |",
|
|
78254
78656
|
"name": "HelixHeadlessHeatmap",
|
|
78255
78657
|
"cssProperties": [
|
|
78256
78658
|
{
|
|
@@ -78363,6 +78765,10 @@
|
|
|
78363
78765
|
"description": "The middle slot's box.",
|
|
78364
78766
|
"name": "summary"
|
|
78365
78767
|
},
|
|
78768
|
+
{
|
|
78769
|
+
"description": "The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.",
|
|
78770
|
+
"name": "table"
|
|
78771
|
+
},
|
|
78366
78772
|
{
|
|
78367
78773
|
"description": "The bubble, forwarded from `Tooltip`.",
|
|
78368
78774
|
"name": "tooltip"
|
|
@@ -78614,7 +79020,7 @@
|
|
|
78614
79020
|
"text": "string"
|
|
78615
79021
|
},
|
|
78616
79022
|
"default": "''",
|
|
78617
|
-
"description": "The selected cells, by the
|
|
79023
|
+
"description": "The selected cells, separated by commas: each by the date its row's\nheader carries in a `<time datetime>`, such as `2026-06-11`, or by the\nheader's words where it carries none.\n\nSet it to start with cells selected. Written by a press or a key under\n`selection-mode`.",
|
|
78618
79024
|
"attribute": "value"
|
|
78619
79025
|
},
|
|
78620
79026
|
{
|
|
@@ -78707,7 +79113,7 @@
|
|
|
78707
79113
|
}
|
|
78708
79114
|
}
|
|
78709
79115
|
],
|
|
78710
|
-
"description": "The name each drawn cell stands for in `value`: its row's
|
|
79116
|
+
"description": "The name each drawn cell stands for in `value`: the date its row's header\ncarries in a `<time datetime>`, or the header's words where it carries\nnone."
|
|
78711
79117
|
},
|
|
78712
79118
|
{
|
|
78713
79119
|
"kind": "method",
|
|
@@ -78967,17 +79373,6 @@
|
|
|
78967
79373
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
78968
79374
|
}
|
|
78969
79375
|
},
|
|
78970
|
-
{
|
|
78971
|
-
"kind": "field",
|
|
78972
|
-
"name": "pointer",
|
|
78973
|
-
"readonly": true,
|
|
78974
|
-
"default": "new ChartPointerController(this)",
|
|
78975
|
-
"description": "Finds the reading nearest the pointer, so the tooltip can sit on it.\n\nPublic for the same reason `series` and `named` are: a protected member\ncannot be cast onto across unrelated classes, so it would be invisible to\nevery chart that needs it. Reading where a pointer is resting is a fair\nthing to ask a chart anyway.",
|
|
78976
|
-
"inheritedFrom": {
|
|
78977
|
-
"name": "MixinChartSource",
|
|
78978
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
78979
|
-
}
|
|
78980
|
-
},
|
|
78981
79376
|
{
|
|
78982
79377
|
"kind": "field",
|
|
78983
79378
|
"name": "data",
|
|
@@ -79050,57 +79445,6 @@
|
|
|
79050
79445
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
79051
79446
|
}
|
|
79052
79447
|
},
|
|
79053
|
-
{
|
|
79054
|
-
"kind": "field",
|
|
79055
|
-
"name": "observedAttributes",
|
|
79056
|
-
"type": {
|
|
79057
|
-
"text": "string[]"
|
|
79058
|
-
},
|
|
79059
|
-
"static": true,
|
|
79060
|
-
"description": "Hears an `aria-label` written on the chart, which no property mirrors,\nso a page that names the chart that way names its plot.\n\nLit observes the attributes of its own properties only, and `ariaLabel`\nbelongs to the platform.\n\nRead through `Reflect.get` with this class as the receiver, which is\nwhat `super.observedAttributes` means: Lit's getter finalizes whichever\nclass it is asked on, and asked on the base it would finalize the base\nand leave a subclass without its styles. A mixin's base has no static\nside TypeScript can see, so `super` cannot be written here.",
|
|
79061
|
-
"readonly": true,
|
|
79062
|
-
"inheritedFrom": {
|
|
79063
|
-
"name": "MixinChartSource",
|
|
79064
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
79065
|
-
}
|
|
79066
|
-
},
|
|
79067
|
-
{
|
|
79068
|
-
"kind": "method",
|
|
79069
|
-
"name": "attributeChangedCallback",
|
|
79070
|
-
"return": {
|
|
79071
|
-
"type": {
|
|
79072
|
-
"text": "void"
|
|
79073
|
-
}
|
|
79074
|
-
},
|
|
79075
|
-
"parameters": [
|
|
79076
|
-
{
|
|
79077
|
-
"name": "name",
|
|
79078
|
-
"type": {
|
|
79079
|
-
"text": "string"
|
|
79080
|
-
}
|
|
79081
|
-
},
|
|
79082
|
-
{
|
|
79083
|
-
"name": "old",
|
|
79084
|
-
"type": {
|
|
79085
|
-
"text": "string | null"
|
|
79086
|
-
}
|
|
79087
|
-
},
|
|
79088
|
-
{
|
|
79089
|
-
"name": "value",
|
|
79090
|
-
"type": {
|
|
79091
|
-
"text": "string | null"
|
|
79092
|
-
}
|
|
79093
|
-
}
|
|
79094
|
-
],
|
|
79095
|
-
"description": "Called by the browser when an observed attribute changes. A new\n`aria-label` asks for an update, because it names the plot.",
|
|
79096
|
-
"inheritedFrom": {
|
|
79097
|
-
"name": "MixinChartSource",
|
|
79098
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
79099
|
-
},
|
|
79100
|
-
"type": {
|
|
79101
|
-
"text": "attributeChangedCallback(name: string, old: string | null, value: string | null) => void"
|
|
79102
|
-
}
|
|
79103
|
-
},
|
|
79104
79448
|
{
|
|
79105
79449
|
"kind": "field",
|
|
79106
79450
|
"name": "series",
|
|
@@ -79127,32 +79471,6 @@
|
|
|
79127
79471
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
79128
79472
|
}
|
|
79129
79473
|
},
|
|
79130
|
-
{
|
|
79131
|
-
"kind": "field",
|
|
79132
|
-
"name": "readingsKnown",
|
|
79133
|
-
"type": {
|
|
79134
|
-
"text": "boolean"
|
|
79135
|
-
},
|
|
79136
|
-
"description": "Whether the readings have been looked for: false on the server and\nwhile hydrating, where no table is resolved and no data is read. A\nchart says it has no readings only once this is true.",
|
|
79137
|
-
"readonly": true,
|
|
79138
|
-
"inheritedFrom": {
|
|
79139
|
-
"name": "MixinChartSource",
|
|
79140
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
79141
|
-
}
|
|
79142
|
-
},
|
|
79143
|
-
{
|
|
79144
|
-
"kind": "field",
|
|
79145
|
-
"name": "sourceRows",
|
|
79146
|
-
"type": {
|
|
79147
|
-
"text": "Row[]"
|
|
79148
|
-
},
|
|
79149
|
-
"description": "Every row of the table, with each cell's text and number.\n\nThis is where a tooltip's content comes from, and it is deliberately not\n`series`. A chart draws numbers; a reader resting a pointer on one wants\nwhat the table says, which is `$128k` and not `128000`, and often wants\nthe column beside it that nothing plotted at all.\n\n**Not `rows`.** It is the source table's rows, and `rows` on a chart is a\nname a chart wants for itself: `helix-heatmap` takes `rows=\"7\"` to mean a\ncalendar week, and declaring that against a base class whose `rows` is a\n`Row[]` getter is a type error at best. Name the member for what it holds\nrather than for the shortest word available.",
|
|
79150
|
-
"readonly": true,
|
|
79151
|
-
"inheritedFrom": {
|
|
79152
|
-
"name": "MixinChartSource",
|
|
79153
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
79154
|
-
}
|
|
79155
|
-
},
|
|
79156
79474
|
{
|
|
79157
79475
|
"kind": "field",
|
|
79158
79476
|
"name": "plottedColumns",
|
|
@@ -79266,6 +79584,21 @@
|
|
|
79266
79584
|
"text": "columnName(cell: number) => string"
|
|
79267
79585
|
}
|
|
79268
79586
|
},
|
|
79587
|
+
{
|
|
79588
|
+
"kind": "method",
|
|
79589
|
+
"name": "renderTable",
|
|
79590
|
+
"privacy": "protected",
|
|
79591
|
+
"return": {
|
|
79592
|
+
"type": {
|
|
79593
|
+
"text": "TemplateResult | typeof nothing"
|
|
79594
|
+
}
|
|
79595
|
+
},
|
|
79596
|
+
"description": "The readings as a table, for a screen reader, where they were drawn from\n`data`: there is then no table on the page to read, and a chart's\nsummary gives only what the readings come to. Nothing where a table on\nthe page was read, which is already the readable version.\n\nThe `table` part, named by the chart, its cells as `data` writes them.",
|
|
79597
|
+
"inheritedFrom": {
|
|
79598
|
+
"name": "MixinChartSource",
|
|
79599
|
+
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
79600
|
+
}
|
|
79601
|
+
},
|
|
79269
79602
|
{
|
|
79270
79603
|
"kind": "field",
|
|
79271
79604
|
"name": "tier",
|
|
@@ -79755,7 +80088,7 @@
|
|
|
79755
80088
|
"text": "string"
|
|
79756
80089
|
},
|
|
79757
80090
|
"default": "''",
|
|
79758
|
-
"description": "The selected cells, by the
|
|
80091
|
+
"description": "The selected cells, separated by commas: each by the date its row's\nheader carries in a `<time datetime>`, such as `2026-06-11`, or by the\nheader's words where it carries none.\n\nSet it to start with cells selected. Written by a press or a key under\n`selection-mode`.",
|
|
79759
80092
|
"fieldName": "value"
|
|
79760
80093
|
},
|
|
79761
80094
|
{
|
|
@@ -79811,6 +80144,24 @@
|
|
|
79811
80144
|
}
|
|
79812
80145
|
}
|
|
79813
80146
|
],
|
|
80147
|
+
"cssStates": [
|
|
80148
|
+
{
|
|
80149
|
+
"description": "While a cell is shown, under the pointer or the keys, with its tooltip open.",
|
|
80150
|
+
"name": "active"
|
|
80151
|
+
},
|
|
80152
|
+
{
|
|
80153
|
+
"description": "While the `empty` part stands in place of the cells.",
|
|
80154
|
+
"name": "empty"
|
|
80155
|
+
},
|
|
80156
|
+
{
|
|
80157
|
+
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
80158
|
+
"name": "settled",
|
|
80159
|
+
"inheritedFrom": {
|
|
80160
|
+
"name": "HelixElement",
|
|
80161
|
+
"module": "src/helix-element/helix-element.ts"
|
|
80162
|
+
}
|
|
80163
|
+
}
|
|
80164
|
+
],
|
|
79814
80165
|
"mixins": [
|
|
79815
80166
|
{
|
|
79816
80167
|
"name": "MixinChartSource",
|
|
@@ -79849,16 +80200,6 @@
|
|
|
79849
80200
|
},
|
|
79850
80201
|
"tagName": "helix-headless-heatmap",
|
|
79851
80202
|
"customElement": true,
|
|
79852
|
-
"cssStates": [
|
|
79853
|
-
{
|
|
79854
|
-
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
79855
|
-
"name": "settled",
|
|
79856
|
-
"inheritedFrom": {
|
|
79857
|
-
"name": "HelixElement",
|
|
79858
|
-
"module": "src/helix-element/helix-element.ts"
|
|
79859
|
-
}
|
|
79860
|
-
}
|
|
79861
|
-
],
|
|
79862
80203
|
"modulePath": "src/heatmap/root/heatmap-root.ts",
|
|
79863
80204
|
"definitionPath": "src/heatmap/root/heatmap-root.ts"
|
|
79864
80205
|
}
|
|
@@ -80438,13 +80779,13 @@
|
|
|
80438
80779
|
}
|
|
80439
80780
|
}
|
|
80440
80781
|
],
|
|
80441
|
-
"description": "Called by the browser when the
|
|
80782
|
+
"description": "Called by the browser when the control's form changes: watches the new\nform's `checkValidity()`, as connecting does for the form it starts in.",
|
|
80783
|
+
"inheritedFrom": {
|
|
80784
|
+
"name": "HelixFormElement",
|
|
80785
|
+
"module": "src/helix-form-element/helix-form-element.ts"
|
|
80786
|
+
},
|
|
80442
80787
|
"type": {
|
|
80443
80788
|
"text": "formAssociatedCallback(form: HTMLFormElement | null) => void"
|
|
80444
|
-
},
|
|
80445
|
-
"inheritedFrom": {
|
|
80446
|
-
"name": "HelixHeadlessButton",
|
|
80447
|
-
"module": "src/button/root/button-root.ts"
|
|
80448
80789
|
}
|
|
80449
80790
|
},
|
|
80450
80791
|
{
|
|
@@ -80769,13 +81110,13 @@
|
|
|
80769
81110
|
{
|
|
80770
81111
|
"kind": "method",
|
|
80771
81112
|
"name": "runPendingUpdate",
|
|
80772
|
-
"privacy": "
|
|
81113
|
+
"privacy": "protected",
|
|
80773
81114
|
"return": {
|
|
80774
81115
|
"type": {
|
|
80775
81116
|
"text": "void"
|
|
80776
81117
|
}
|
|
80777
81118
|
},
|
|
80778
|
-
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously
|
|
81119
|
+
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously.\n\nProtected for a control that submits on its own, which has to hand the\nform the verdict for what it holds now: Pin Input's `autosubmit`.",
|
|
80779
81120
|
"inheritedFrom": {
|
|
80780
81121
|
"name": "HelixFormElement",
|
|
80781
81122
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -85710,13 +86051,13 @@
|
|
|
85710
86051
|
{
|
|
85711
86052
|
"kind": "method",
|
|
85712
86053
|
"name": "runPendingUpdate",
|
|
85713
|
-
"privacy": "
|
|
86054
|
+
"privacy": "protected",
|
|
85714
86055
|
"return": {
|
|
85715
86056
|
"type": {
|
|
85716
86057
|
"text": "void"
|
|
85717
86058
|
}
|
|
85718
86059
|
},
|
|
85719
|
-
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously
|
|
86060
|
+
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously.\n\nProtected for a control that submits on its own, which has to hand the\nform the verdict for what it holds now: Pin Input's `autosubmit`.",
|
|
85720
86061
|
"inheritedFrom": {
|
|
85721
86062
|
"name": "HelixFormElement",
|
|
85722
86063
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -85857,6 +86198,31 @@
|
|
|
85857
86198
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
85858
86199
|
}
|
|
85859
86200
|
},
|
|
86201
|
+
{
|
|
86202
|
+
"kind": "method",
|
|
86203
|
+
"name": "formAssociatedCallback",
|
|
86204
|
+
"return": {
|
|
86205
|
+
"type": {
|
|
86206
|
+
"text": "void"
|
|
86207
|
+
}
|
|
86208
|
+
},
|
|
86209
|
+
"parameters": [
|
|
86210
|
+
{
|
|
86211
|
+
"name": "form",
|
|
86212
|
+
"type": {
|
|
86213
|
+
"text": "HTMLFormElement | null"
|
|
86214
|
+
}
|
|
86215
|
+
}
|
|
86216
|
+
],
|
|
86217
|
+
"description": "Called by the browser when the control's form changes: watches the new\nform's `checkValidity()`, as connecting does for the form it starts in.",
|
|
86218
|
+
"inheritedFrom": {
|
|
86219
|
+
"name": "HelixFormElement",
|
|
86220
|
+
"module": "src/helix-form-element/helix-form-element.ts"
|
|
86221
|
+
},
|
|
86222
|
+
"type": {
|
|
86223
|
+
"text": "formAssociatedCallback(form: HTMLFormElement | null) => void"
|
|
86224
|
+
}
|
|
86225
|
+
},
|
|
85860
86226
|
{
|
|
85861
86227
|
"kind": "field",
|
|
85862
86228
|
"name": "form",
|
|
@@ -91163,7 +91529,7 @@
|
|
|
91163
91529
|
"declarations": [
|
|
91164
91530
|
{
|
|
91165
91531
|
"kind": "class",
|
|
91166
|
-
"description": "A line chart shows the shape of each series: where the readings went.\n\nThe scale covers the range of the data. Including zero in the range of a\nseries that moves between 980 and 1020 would flatten the line into a rule\nacross the top of the box. `BarChart` always starts at zero, because a bar's\nlength is its value. Set `zero` when the distance from zero is the point.\n\nEvery series shares one scale, as in the bar chart.\n\n`dashed` names the series drawn as a dashed line, such as a forecast or a\ntarget beside the readings: `dashed=\"Forecast\"`. Each takes a\n`line-dashed` part beside `line`.\n\n`area` fills each series down to the floor on its own, so the fills overlap.\nFor a total made of parts, use `Area Chart`, which stacks the series so the\ntop edge is the total and each band is a share.\n\nThe labels are HTML beside the drawing, as in `BarChart`. Text inside an\n`<svg>` that fills its box scales with the box, so the same `font-size` can\nrender at 10px in a narrow chart and 43px in a wide one.\n\n`value-axis` draws the scale's numbers beside the plot, at the levels\n`gridlines` rules, written in `locale`.\n\nThe table is the accessible representation, and the drawing is hidden from\nscreen readers, who get the numbers. The `summary` part names the chart, from\n`label` or the table's caption, and gives each series' latest reading.\n\n**The plot is read by key.** It takes focus, named by `label` or the caption.\nThe left and right arrows move from reading to reading, Home and End go to\nthe first and the last, and the up and down arrows move among the series of\na reading. The tooltip follows, the `live` part says the reading in words,\nand Escape puts the tooltip away.\n\n**A tap shows the reading under it**, and keeps it until a tap lands\nelsewhere. `helix-reading-change` says each move of the reading, by pointer,\ntap or key, and `helix-reading-press` says a reading was clicked, tapped, or\npressed with Enter or Space, for a page that opens what a reading stands for.\n\n**`data` takes the readings as data** where the page has no table to point\n`for` at, in a table's shape: the column headings, then one row per reading\nwith its label first. A table is still the better source where the page can\nshow one, since it reads before any script runs.\n\n**A chart with nothing to draw says so.** A table with no readings shows\n`empty-text`, \"No readings\", in the plot, and `loading` shows `loading-text`\nthere until readings arrive. The `empty` and `loading` slots take markup in\ntheir place, such as a link to add the first reading.",
|
|
91532
|
+
"description": "A line chart shows the shape of each series: where the readings went.\n\nThe scale covers the range of the data. Including zero in the range of a\nseries that moves between 980 and 1020 would flatten the line into a rule\nacross the top of the box. `BarChart` always starts at zero, because a bar's\nlength is its value. Set `zero` when the distance from zero is the point.\n\nEvery series shares one scale, as in the bar chart.\n\n`dashed` names the series drawn as a dashed line, such as a forecast or a\ntarget beside the readings: `dashed=\"Forecast\"`. Each takes a\n`line-dashed` part beside `line`.\n\n`area` fills each series down to the floor on its own, so the fills overlap.\nFor a total made of parts, use `Area Chart`, which stacks the series so the\ntop edge is the total and each band is a share.\n\nThe labels are HTML beside the drawing, as in `BarChart`. Text inside an\n`<svg>` that fills its box scales with the box, so the same `font-size` can\nrender at 10px in a narrow chart and 43px in a wide one.\n\n`value-axis` draws the scale's numbers beside the plot, at the levels\n`gridlines` rules, written in `locale`.\n\nThe table is the accessible representation, and the drawing is hidden from\nscreen readers, who get the numbers. The `summary` part names the chart, from\n`label` or the table's caption, and gives each series' latest reading.\n\n**The plot is read by key.** It takes focus, named by `label` or the caption.\nThe left and right arrows move from reading to reading, Home and End go to\nthe first and the last, and the up and down arrows move among the series of\na reading. The tooltip follows, the `live` part says the reading in words,\nand Escape puts the tooltip away.\n\n**A tap shows the reading under it**, and keeps it until a tap lands\nelsewhere. `helix-reading-change` says each move of the reading, by pointer,\ntap or key, and `helix-reading-press` says a reading was clicked, tapped, or\npressed with Enter or Space, for a page that opens what a reading stands for.\n\n**`data` takes the readings as data** where the page has no table to point\n`for` at, in a table's shape: the column headings, then one row per reading\nwith its label first. A table is still the better source where the page can\nshow one, since it reads before any script runs.\n\n**A chart with nothing to draw says so.** A table with no readings shows\n`empty-text`, \"No readings\", in the plot, and `loading` shows `loading-text`\nthere until readings arrive. The `empty` and `loading` slots take markup in\ntheir place, such as a link to add the first reading.\n\n**Keyboard.** The plot is one tab stop.\n\n| Key | What it does |\n|---|---|\n| Tab | Moves focus to the plot and shows the first reading. |\n| Right, Left | Moves to the next or the previous reading. On a right-to-left page, Left moves to the next. |\n| Down, Up | Moves among the series of the reading. With one series, moves to the next or the previous reading. |\n| Home, End | Moves to the first or the last reading. |\n| Page Down, Page Up | Moves a tenth of the readings on or back. |\n| Enter, Space | Presses the reading shown, which sends `helix-reading-press`. |\n| Escape | Puts the reading and its tooltip away. |",
|
|
91167
91533
|
"name": "HelixHeadlessLineChart",
|
|
91168
91534
|
"cssProperties": [
|
|
91169
91535
|
{
|
|
@@ -91245,7 +91611,7 @@
|
|
|
91245
91611
|
"name": "marker-lone"
|
|
91246
91612
|
},
|
|
91247
91613
|
{
|
|
91248
|
-
"description": "The drawing, which takes focus to be read by key.",
|
|
91614
|
+
"description": "The drawing, which takes focus to be read by key. With nothing to draw, a group named as the chart is, holding the `empty` or `loading` part.",
|
|
91249
91615
|
"name": "plot"
|
|
91250
91616
|
},
|
|
91251
91617
|
{
|
|
@@ -91256,6 +91622,10 @@
|
|
|
91256
91622
|
"description": "The drawing surface the lines and areas sit on.",
|
|
91257
91623
|
"name": "svg"
|
|
91258
91624
|
},
|
|
91625
|
+
{
|
|
91626
|
+
"description": "The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.",
|
|
91627
|
+
"name": "table"
|
|
91628
|
+
},
|
|
91259
91629
|
{
|
|
91260
91630
|
"description": "The mark on one series' last reading.",
|
|
91261
91631
|
"name": "terminus"
|
|
@@ -91864,23 +92234,27 @@
|
|
|
91864
92234
|
}
|
|
91865
92235
|
},
|
|
91866
92236
|
{
|
|
91867
|
-
"kind": "
|
|
91868
|
-
"name": "
|
|
92237
|
+
"kind": "method",
|
|
92238
|
+
"name": "renderEmpty",
|
|
91869
92239
|
"privacy": "protected",
|
|
91870
|
-
"
|
|
91871
|
-
|
|
91872
|
-
|
|
92240
|
+
"return": {
|
|
92241
|
+
"type": {
|
|
92242
|
+
"text": "TemplateResult"
|
|
92243
|
+
}
|
|
92244
|
+
},
|
|
92245
|
+
"description": "The plot while there is nothing to draw: a group named as the chart is,\nholding `renderStatus`. Not focusable, there being no reading to walk.",
|
|
91873
92246
|
"inheritedFrom": {
|
|
91874
|
-
"name": "
|
|
91875
|
-
"module": "src/mixins/mixin-chart-
|
|
92247
|
+
"name": "MixinChartStatus",
|
|
92248
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
91876
92249
|
}
|
|
91877
92250
|
},
|
|
91878
92251
|
{
|
|
91879
92252
|
"kind": "field",
|
|
91880
|
-
"name": "
|
|
92253
|
+
"name": "source",
|
|
92254
|
+
"privacy": "protected",
|
|
91881
92255
|
"readonly": true,
|
|
91882
|
-
"default": "new
|
|
91883
|
-
"description": "
|
|
92256
|
+
"default": "new SourceController(this)",
|
|
92257
|
+
"description": "Resolves `for` and re-renders when the table behind it changes.",
|
|
91884
92258
|
"inheritedFrom": {
|
|
91885
92259
|
"name": "MixinChartSource",
|
|
91886
92260
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
@@ -91958,57 +92332,6 @@
|
|
|
91958
92332
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
91959
92333
|
}
|
|
91960
92334
|
},
|
|
91961
|
-
{
|
|
91962
|
-
"kind": "field",
|
|
91963
|
-
"name": "observedAttributes",
|
|
91964
|
-
"type": {
|
|
91965
|
-
"text": "string[]"
|
|
91966
|
-
},
|
|
91967
|
-
"static": true,
|
|
91968
|
-
"description": "Hears an `aria-label` written on the chart, which no property mirrors,\nso a page that names the chart that way names its plot.\n\nLit observes the attributes of its own properties only, and `ariaLabel`\nbelongs to the platform.\n\nRead through `Reflect.get` with this class as the receiver, which is\nwhat `super.observedAttributes` means: Lit's getter finalizes whichever\nclass it is asked on, and asked on the base it would finalize the base\nand leave a subclass without its styles. A mixin's base has no static\nside TypeScript can see, so `super` cannot be written here.",
|
|
91969
|
-
"readonly": true,
|
|
91970
|
-
"inheritedFrom": {
|
|
91971
|
-
"name": "MixinChartSource",
|
|
91972
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
91973
|
-
}
|
|
91974
|
-
},
|
|
91975
|
-
{
|
|
91976
|
-
"kind": "method",
|
|
91977
|
-
"name": "attributeChangedCallback",
|
|
91978
|
-
"return": {
|
|
91979
|
-
"type": {
|
|
91980
|
-
"text": "void"
|
|
91981
|
-
}
|
|
91982
|
-
},
|
|
91983
|
-
"parameters": [
|
|
91984
|
-
{
|
|
91985
|
-
"name": "name",
|
|
91986
|
-
"type": {
|
|
91987
|
-
"text": "string"
|
|
91988
|
-
}
|
|
91989
|
-
},
|
|
91990
|
-
{
|
|
91991
|
-
"name": "old",
|
|
91992
|
-
"type": {
|
|
91993
|
-
"text": "string | null"
|
|
91994
|
-
}
|
|
91995
|
-
},
|
|
91996
|
-
{
|
|
91997
|
-
"name": "value",
|
|
91998
|
-
"type": {
|
|
91999
|
-
"text": "string | null"
|
|
92000
|
-
}
|
|
92001
|
-
}
|
|
92002
|
-
],
|
|
92003
|
-
"description": "Called by the browser when an observed attribute changes. A new\n`aria-label` asks for an update, because it names the plot.",
|
|
92004
|
-
"inheritedFrom": {
|
|
92005
|
-
"name": "MixinChartSource",
|
|
92006
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
92007
|
-
},
|
|
92008
|
-
"type": {
|
|
92009
|
-
"text": "attributeChangedCallback(name: string, old: string | null, value: string | null) => void"
|
|
92010
|
-
}
|
|
92011
|
-
},
|
|
92012
92335
|
{
|
|
92013
92336
|
"kind": "field",
|
|
92014
92337
|
"name": "series",
|
|
@@ -92035,32 +92358,6 @@
|
|
|
92035
92358
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
92036
92359
|
}
|
|
92037
92360
|
},
|
|
92038
|
-
{
|
|
92039
|
-
"kind": "field",
|
|
92040
|
-
"name": "readingsKnown",
|
|
92041
|
-
"type": {
|
|
92042
|
-
"text": "boolean"
|
|
92043
|
-
},
|
|
92044
|
-
"description": "Whether the readings have been looked for: false on the server and\nwhile hydrating, where no table is resolved and no data is read. A\nchart says it has no readings only once this is true.",
|
|
92045
|
-
"readonly": true,
|
|
92046
|
-
"inheritedFrom": {
|
|
92047
|
-
"name": "MixinChartSource",
|
|
92048
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
92049
|
-
}
|
|
92050
|
-
},
|
|
92051
|
-
{
|
|
92052
|
-
"kind": "field",
|
|
92053
|
-
"name": "sourceRows",
|
|
92054
|
-
"type": {
|
|
92055
|
-
"text": "Row[]"
|
|
92056
|
-
},
|
|
92057
|
-
"description": "Every row of the table, with each cell's text and number.\n\nThis is where a tooltip's content comes from, and it is deliberately not\n`series`. A chart draws numbers; a reader resting a pointer on one wants\nwhat the table says, which is `$128k` and not `128000`, and often wants\nthe column beside it that nothing plotted at all.\n\n**Not `rows`.** It is the source table's rows, and `rows` on a chart is a\nname a chart wants for itself: `helix-heatmap` takes `rows=\"7\"` to mean a\ncalendar week, and declaring that against a base class whose `rows` is a\n`Row[]` getter is a type error at best. Name the member for what it holds\nrather than for the shortest word available.",
|
|
92058
|
-
"readonly": true,
|
|
92059
|
-
"inheritedFrom": {
|
|
92060
|
-
"name": "MixinChartSource",
|
|
92061
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
92062
|
-
}
|
|
92063
|
-
},
|
|
92064
92361
|
{
|
|
92065
92362
|
"kind": "field",
|
|
92066
92363
|
"name": "plottedColumns",
|
|
@@ -92187,6 +92484,21 @@
|
|
|
92187
92484
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
92188
92485
|
}
|
|
92189
92486
|
},
|
|
92487
|
+
{
|
|
92488
|
+
"kind": "method",
|
|
92489
|
+
"name": "renderTable",
|
|
92490
|
+
"privacy": "protected",
|
|
92491
|
+
"return": {
|
|
92492
|
+
"type": {
|
|
92493
|
+
"text": "TemplateResult | typeof nothing"
|
|
92494
|
+
}
|
|
92495
|
+
},
|
|
92496
|
+
"description": "The readings as a table, for a screen reader, where they were drawn from\n`data`: there is then no table on the page to read, and a chart's\nsummary gives only what the readings come to. Nothing where a table on\nthe page was read, which is already the readable version.\n\nThe `table` part, named by the chart, its cells as `data` writes them.",
|
|
92497
|
+
"inheritedFrom": {
|
|
92498
|
+
"name": "MixinChartSource",
|
|
92499
|
+
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
92500
|
+
}
|
|
92501
|
+
},
|
|
92190
92502
|
{
|
|
92191
92503
|
"kind": "field",
|
|
92192
92504
|
"name": "tier",
|
|
@@ -92707,6 +93019,28 @@
|
|
|
92707
93019
|
}
|
|
92708
93020
|
}
|
|
92709
93021
|
],
|
|
93022
|
+
"cssStates": [
|
|
93023
|
+
{
|
|
93024
|
+
"description": "While a reading is shown, under the pointer or the keys, with its tooltip open.",
|
|
93025
|
+
"name": "active"
|
|
93026
|
+
},
|
|
93027
|
+
{
|
|
93028
|
+
"description": "While the `empty` part stands in the plot.",
|
|
93029
|
+
"name": "empty"
|
|
93030
|
+
},
|
|
93031
|
+
{
|
|
93032
|
+
"description": "While the `loading` part stands in the plot.",
|
|
93033
|
+
"name": "loading"
|
|
93034
|
+
},
|
|
93035
|
+
{
|
|
93036
|
+
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
93037
|
+
"name": "settled",
|
|
93038
|
+
"inheritedFrom": {
|
|
93039
|
+
"name": "HelixElement",
|
|
93040
|
+
"module": "src/helix-element/helix-element.ts"
|
|
93041
|
+
}
|
|
93042
|
+
}
|
|
93043
|
+
],
|
|
92710
93044
|
"mixins": [
|
|
92711
93045
|
{
|
|
92712
93046
|
"name": "MixinChartStatus",
|
|
@@ -92749,16 +93083,6 @@
|
|
|
92749
93083
|
},
|
|
92750
93084
|
"tagName": "helix-headless-line-chart",
|
|
92751
93085
|
"customElement": true,
|
|
92752
|
-
"cssStates": [
|
|
92753
|
-
{
|
|
92754
|
-
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
92755
|
-
"name": "settled",
|
|
92756
|
-
"inheritedFrom": {
|
|
92757
|
-
"name": "HelixElement",
|
|
92758
|
-
"module": "src/helix-element/helix-element.ts"
|
|
92759
|
-
}
|
|
92760
|
-
}
|
|
92761
|
-
],
|
|
92762
93086
|
"modulePath": "src/line-chart/root/line-chart-root.ts",
|
|
92763
93087
|
"definitionPath": "src/line-chart/root/line-chart-root.ts"
|
|
92764
93088
|
}
|
|
@@ -97343,13 +97667,13 @@
|
|
|
97343
97667
|
{
|
|
97344
97668
|
"kind": "method",
|
|
97345
97669
|
"name": "runPendingUpdate",
|
|
97346
|
-
"privacy": "
|
|
97670
|
+
"privacy": "protected",
|
|
97347
97671
|
"return": {
|
|
97348
97672
|
"type": {
|
|
97349
97673
|
"text": "void"
|
|
97350
97674
|
}
|
|
97351
97675
|
},
|
|
97352
|
-
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously
|
|
97676
|
+
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously.\n\nProtected for a control that submits on its own, which has to hand the\nform the verdict for what it holds now: Pin Input's `autosubmit`.",
|
|
97353
97677
|
"inheritedFrom": {
|
|
97354
97678
|
"name": "HelixFormElement",
|
|
97355
97679
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -97516,6 +97840,31 @@
|
|
|
97516
97840
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
97517
97841
|
}
|
|
97518
97842
|
},
|
|
97843
|
+
{
|
|
97844
|
+
"kind": "method",
|
|
97845
|
+
"name": "formAssociatedCallback",
|
|
97846
|
+
"return": {
|
|
97847
|
+
"type": {
|
|
97848
|
+
"text": "void"
|
|
97849
|
+
}
|
|
97850
|
+
},
|
|
97851
|
+
"parameters": [
|
|
97852
|
+
{
|
|
97853
|
+
"name": "form",
|
|
97854
|
+
"type": {
|
|
97855
|
+
"text": "HTMLFormElement | null"
|
|
97856
|
+
}
|
|
97857
|
+
}
|
|
97858
|
+
],
|
|
97859
|
+
"description": "Called by the browser when the control's form changes: watches the new\nform's `checkValidity()`, as connecting does for the form it starts in.",
|
|
97860
|
+
"inheritedFrom": {
|
|
97861
|
+
"name": "HelixFormElement",
|
|
97862
|
+
"module": "src/helix-form-element/helix-form-element.ts"
|
|
97863
|
+
},
|
|
97864
|
+
"type": {
|
|
97865
|
+
"text": "formAssociatedCallback(form: HTMLFormElement | null) => void"
|
|
97866
|
+
}
|
|
97867
|
+
},
|
|
97519
97868
|
{
|
|
97520
97869
|
"kind": "field",
|
|
97521
97870
|
"name": "form",
|
|
@@ -98456,9 +98805,13 @@
|
|
|
98456
98805
|
"declarations": [
|
|
98457
98806
|
{
|
|
98458
98807
|
"kind": "class",
|
|
98459
|
-
"description": "Draws two concentric circles: a track and a moving arc. The track shows the\narc as a proportion of a whole, and costs one element.\n\n**For work whose length is known, use `Progress` with `shape=\"ring\"`.** It\ndraws the same ring filled to the value, says the value as a progress bar\ndoes, and says when the work is complete. A loader claims no proportion, so\nit takes no value.\n\n**The center is a slot, empty by default.** Put your logo there once, where\nyour app wraps the loader. When nothing is slotted, nothing extra is\nrendered.\n\nSlotted content does not rotate. Only the arc moves, so a logo stays\nreadable.\n\nThe role is set on the host through `ElementInternals`. A `role` in the\nshadow root would leave the host itself without a role in the light DOM, and\na `role` attribute on the host would be missing from React server-rendered\nmarkup.\n\n**`for` names the region being loaded**, and the loader sets\n`aria-busy=\"true\"` on it for as long as the loader is on the page, so a\nscreen reader waits for the region rather than reading it half filled. Two\nloaders in one region hold it busy until the last one leaves. A region drawn\nafter the loader is marked when it arrives.\n\n**`delay` keeps a quick load from flashing a loader.** The loader stays\nhidden, and silent, for that many milliseconds, and appears only if the work\nis still going. While it waits it carries `:state(waiting)
|
|
98808
|
+
"description": "Draws two concentric circles: a track and a moving arc. The track shows the\narc as a proportion of a whole, and costs one element.\n\n**For work whose length is known, use `Progress` with `shape=\"ring\"`.** It\ndraws the same ring filled to the value, says the value as a progress bar\ndoes, and says when the work is complete. A loader claims no proportion, so\nit takes no value.\n\n**The center is a slot, empty by default.** Put your logo there once, where\nyour app wraps the loader. When nothing is slotted, nothing extra is\nrendered.\n\nSlotted content does not rotate. Only the arc moves, so a logo stays\nreadable.\n\nThe role is set on the host through `ElementInternals`. A `role` in the\nshadow root would leave the host itself without a role in the light DOM, and\na `role` attribute on the host would be missing from React server-rendered\nmarkup.\n\n**`for` names the region being loaded**, and the loader sets\n`aria-busy=\"true\"` on it for as long as the loader is on the page, so a\nscreen reader waits for the region rather than reading it half filled. Two\nloaders in one region hold it busy until the last one leaves. A region drawn\nafter the loader is marked when it arrives.\n\n**`delay` keeps a quick load from flashing a loader.** The loader stays\nhidden, and silent, for that many milliseconds, and appears only if the work\nis still going. While it waits it carries `:state(waiting)`.\n\n**The loader can stand in for what it wraps.** Put the content in the\n`content` slot, such as a button or a card, and set `idle` while no work is\nin progress. While the work runs, the content keeps its size and is hidden\nand inert, and the ring draws over it. While `idle` is set, the loader draws\nnothing of its own, has no role, and marks no region busy, so only the\ncontent shows. Clearing `idle` starts `delay` again.",
|
|
98460
98809
|
"name": "HelixHeadlessLoader",
|
|
98461
98810
|
"cssParts": [
|
|
98811
|
+
{
|
|
98812
|
+
"description": "The box that holds the `content` slot. Hidden while the work runs, and shown while `idle` is set.",
|
|
98813
|
+
"name": "content"
|
|
98814
|
+
},
|
|
98462
98815
|
{
|
|
98463
98816
|
"description": "The arc that turns.",
|
|
98464
98817
|
"name": "indicator"
|
|
@@ -98480,6 +98833,10 @@
|
|
|
98480
98833
|
{
|
|
98481
98834
|
"description": "An icon or logo that stays still at the center. Empty by default.",
|
|
98482
98835
|
"name": ""
|
|
98836
|
+
},
|
|
98837
|
+
{
|
|
98838
|
+
"description": "What the loader stands in for while the work runs, such as a button. It keeps its size, hidden and inert, until `idle` is set.",
|
|
98839
|
+
"name": "content"
|
|
98483
98840
|
}
|
|
98484
98841
|
],
|
|
98485
98842
|
"members": [
|
|
@@ -98513,6 +98870,16 @@
|
|
|
98513
98870
|
"description": "The id of the region being loaded, which is marked `aria-busy` while the\nloader is on the page.\n\nNames an element in the same tree. In React it arrives as a property, the\nway `Tooltip.for` does.",
|
|
98514
98871
|
"attribute": "for"
|
|
98515
98872
|
},
|
|
98873
|
+
{
|
|
98874
|
+
"kind": "field",
|
|
98875
|
+
"name": "idle",
|
|
98876
|
+
"type": {
|
|
98877
|
+
"text": "boolean"
|
|
98878
|
+
},
|
|
98879
|
+
"default": "false",
|
|
98880
|
+
"description": "Whether no work is in progress. The loader draws nothing of its own, has\nno role, and marks no region busy, and what is in the `content` slot\nshows. Clearing it starts `delay` again.",
|
|
98881
|
+
"attribute": "idle"
|
|
98882
|
+
},
|
|
98516
98883
|
{
|
|
98517
98884
|
"kind": "field",
|
|
98518
98885
|
"name": "label",
|
|
@@ -98953,6 +99320,15 @@
|
|
|
98953
99320
|
"description": "The id of the region being loaded, which is marked `aria-busy` while the\nloader is on the page.\n\nNames an element in the same tree. In React it arrives as a property, the\nway `Tooltip.for` does.",
|
|
98954
99321
|
"fieldName": "for"
|
|
98955
99322
|
},
|
|
99323
|
+
{
|
|
99324
|
+
"name": "idle",
|
|
99325
|
+
"type": {
|
|
99326
|
+
"text": "boolean"
|
|
99327
|
+
},
|
|
99328
|
+
"default": "false",
|
|
99329
|
+
"description": "Whether no work is in progress. The loader draws nothing of its own, has\nno role, and marks no region busy, and what is in the `content` slot\nshows. Clearing it starts `delay` again.",
|
|
99330
|
+
"fieldName": "idle"
|
|
99331
|
+
},
|
|
98956
99332
|
{
|
|
98957
99333
|
"name": "label",
|
|
98958
99334
|
"type": {
|
|
@@ -119427,13 +119803,13 @@
|
|
|
119427
119803
|
{
|
|
119428
119804
|
"kind": "method",
|
|
119429
119805
|
"name": "runPendingUpdate",
|
|
119430
|
-
"privacy": "
|
|
119806
|
+
"privacy": "protected",
|
|
119431
119807
|
"return": {
|
|
119432
119808
|
"type": {
|
|
119433
119809
|
"text": "void"
|
|
119434
119810
|
}
|
|
119435
119811
|
},
|
|
119436
|
-
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously
|
|
119812
|
+
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously.\n\nProtected for a control that submits on its own, which has to hand the\nform the verdict for what it holds now: Pin Input's `autosubmit`.",
|
|
119437
119813
|
"inheritedFrom": {
|
|
119438
119814
|
"name": "HelixFormElement",
|
|
119439
119815
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -119574,6 +119950,31 @@
|
|
|
119574
119950
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
119575
119951
|
}
|
|
119576
119952
|
},
|
|
119953
|
+
{
|
|
119954
|
+
"kind": "method",
|
|
119955
|
+
"name": "formAssociatedCallback",
|
|
119956
|
+
"return": {
|
|
119957
|
+
"type": {
|
|
119958
|
+
"text": "void"
|
|
119959
|
+
}
|
|
119960
|
+
},
|
|
119961
|
+
"parameters": [
|
|
119962
|
+
{
|
|
119963
|
+
"name": "form",
|
|
119964
|
+
"type": {
|
|
119965
|
+
"text": "HTMLFormElement | null"
|
|
119966
|
+
}
|
|
119967
|
+
}
|
|
119968
|
+
],
|
|
119969
|
+
"description": "Called by the browser when the control's form changes: watches the new\nform's `checkValidity()`, as connecting does for the form it starts in.",
|
|
119970
|
+
"inheritedFrom": {
|
|
119971
|
+
"name": "HelixFormElement",
|
|
119972
|
+
"module": "src/helix-form-element/helix-form-element.ts"
|
|
119973
|
+
},
|
|
119974
|
+
"type": {
|
|
119975
|
+
"text": "formAssociatedCallback(form: HTMLFormElement | null) => void"
|
|
119976
|
+
}
|
|
119977
|
+
},
|
|
119577
119978
|
{
|
|
119578
119979
|
"kind": "field",
|
|
119579
119980
|
"name": "form",
|
|
@@ -126978,13 +127379,13 @@
|
|
|
126978
127379
|
{
|
|
126979
127380
|
"kind": "method",
|
|
126980
127381
|
"name": "runPendingUpdate",
|
|
126981
|
-
"privacy": "
|
|
127382
|
+
"privacy": "protected",
|
|
126982
127383
|
"return": {
|
|
126983
127384
|
"type": {
|
|
126984
127385
|
"text": "void"
|
|
126985
127386
|
}
|
|
126986
127387
|
},
|
|
126987
|
-
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously
|
|
127388
|
+
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously.\n\nProtected for a control that submits on its own, which has to hand the\nform the verdict for what it holds now: Pin Input's `autosubmit`.",
|
|
126988
127389
|
"inheritedFrom": {
|
|
126989
127390
|
"name": "HelixFormElement",
|
|
126990
127391
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -127151,6 +127552,31 @@
|
|
|
127151
127552
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
127152
127553
|
}
|
|
127153
127554
|
},
|
|
127555
|
+
{
|
|
127556
|
+
"kind": "method",
|
|
127557
|
+
"name": "formAssociatedCallback",
|
|
127558
|
+
"return": {
|
|
127559
|
+
"type": {
|
|
127560
|
+
"text": "void"
|
|
127561
|
+
}
|
|
127562
|
+
},
|
|
127563
|
+
"parameters": [
|
|
127564
|
+
{
|
|
127565
|
+
"name": "form",
|
|
127566
|
+
"type": {
|
|
127567
|
+
"text": "HTMLFormElement | null"
|
|
127568
|
+
}
|
|
127569
|
+
}
|
|
127570
|
+
],
|
|
127571
|
+
"description": "Called by the browser when the control's form changes: watches the new\nform's `checkValidity()`, as connecting does for the form it starts in.",
|
|
127572
|
+
"inheritedFrom": {
|
|
127573
|
+
"name": "HelixFormElement",
|
|
127574
|
+
"module": "src/helix-form-element/helix-form-element.ts"
|
|
127575
|
+
},
|
|
127576
|
+
"type": {
|
|
127577
|
+
"text": "formAssociatedCallback(form: HTMLFormElement | null) => void"
|
|
127578
|
+
}
|
|
127579
|
+
},
|
|
127154
127580
|
{
|
|
127155
127581
|
"kind": "field",
|
|
127156
127582
|
"name": "form",
|
|
@@ -129732,13 +130158,13 @@
|
|
|
129732
130158
|
{
|
|
129733
130159
|
"kind": "method",
|
|
129734
130160
|
"name": "runPendingUpdate",
|
|
129735
|
-
"privacy": "
|
|
130161
|
+
"privacy": "protected",
|
|
129736
130162
|
"return": {
|
|
129737
130163
|
"type": {
|
|
129738
130164
|
"text": "void"
|
|
129739
130165
|
}
|
|
129740
130166
|
},
|
|
129741
|
-
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously
|
|
130167
|
+
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously.\n\nProtected for a control that submits on its own, which has to hand the\nform the verdict for what it holds now: Pin Input's `autosubmit`.",
|
|
129742
130168
|
"inheritedFrom": {
|
|
129743
130169
|
"name": "HelixFormElement",
|
|
129744
130170
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -129879,6 +130305,31 @@
|
|
|
129879
130305
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
129880
130306
|
}
|
|
129881
130307
|
},
|
|
130308
|
+
{
|
|
130309
|
+
"kind": "method",
|
|
130310
|
+
"name": "formAssociatedCallback",
|
|
130311
|
+
"return": {
|
|
130312
|
+
"type": {
|
|
130313
|
+
"text": "void"
|
|
130314
|
+
}
|
|
130315
|
+
},
|
|
130316
|
+
"parameters": [
|
|
130317
|
+
{
|
|
130318
|
+
"name": "form",
|
|
130319
|
+
"type": {
|
|
130320
|
+
"text": "HTMLFormElement | null"
|
|
130321
|
+
}
|
|
130322
|
+
}
|
|
130323
|
+
],
|
|
130324
|
+
"description": "Called by the browser when the control's form changes: watches the new\nform's `checkValidity()`, as connecting does for the form it starts in.",
|
|
130325
|
+
"inheritedFrom": {
|
|
130326
|
+
"name": "HelixFormElement",
|
|
130327
|
+
"module": "src/helix-form-element/helix-form-element.ts"
|
|
130328
|
+
},
|
|
130329
|
+
"type": {
|
|
130330
|
+
"text": "formAssociatedCallback(form: HTMLFormElement | null) => void"
|
|
130331
|
+
}
|
|
130332
|
+
},
|
|
129882
130333
|
{
|
|
129883
130334
|
"kind": "field",
|
|
129884
130335
|
"name": "form",
|
|
@@ -135105,13 +135556,13 @@
|
|
|
135105
135556
|
{
|
|
135106
135557
|
"kind": "method",
|
|
135107
135558
|
"name": "runPendingUpdate",
|
|
135108
|
-
"privacy": "
|
|
135559
|
+
"privacy": "protected",
|
|
135109
135560
|
"return": {
|
|
135110
135561
|
"type": {
|
|
135111
135562
|
"text": "void"
|
|
135112
135563
|
}
|
|
135113
135564
|
},
|
|
135114
|
-
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously
|
|
135565
|
+
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously.\n\nProtected for a control that submits on its own, which has to hand the\nform the verdict for what it holds now: Pin Input's `autosubmit`.",
|
|
135115
135566
|
"inheritedFrom": {
|
|
135116
135567
|
"name": "HelixFormElement",
|
|
135117
135568
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -135264,6 +135715,31 @@
|
|
|
135264
135715
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
135265
135716
|
}
|
|
135266
135717
|
},
|
|
135718
|
+
{
|
|
135719
|
+
"kind": "method",
|
|
135720
|
+
"name": "formAssociatedCallback",
|
|
135721
|
+
"return": {
|
|
135722
|
+
"type": {
|
|
135723
|
+
"text": "void"
|
|
135724
|
+
}
|
|
135725
|
+
},
|
|
135726
|
+
"parameters": [
|
|
135727
|
+
{
|
|
135728
|
+
"name": "form",
|
|
135729
|
+
"type": {
|
|
135730
|
+
"text": "HTMLFormElement | null"
|
|
135731
|
+
}
|
|
135732
|
+
}
|
|
135733
|
+
],
|
|
135734
|
+
"description": "Called by the browser when the control's form changes: watches the new\nform's `checkValidity()`, as connecting does for the form it starts in.",
|
|
135735
|
+
"inheritedFrom": {
|
|
135736
|
+
"name": "HelixFormElement",
|
|
135737
|
+
"module": "src/helix-form-element/helix-form-element.ts"
|
|
135738
|
+
},
|
|
135739
|
+
"type": {
|
|
135740
|
+
"text": "formAssociatedCallback(form: HTMLFormElement | null) => void"
|
|
135741
|
+
}
|
|
135742
|
+
},
|
|
135267
135743
|
{
|
|
135268
135744
|
"kind": "field",
|
|
135269
135745
|
"name": "form",
|
|
@@ -136541,7 +137017,7 @@
|
|
|
136541
137017
|
"declarations": [
|
|
136542
137018
|
{
|
|
136543
137019
|
"kind": "class",
|
|
136544
|
-
"description": "Supports half marks, so the value is not always an integer and the press\ntargets are not the marks: five stars at a half step give ten places to\npress. The pointer handling and `step` are built around half marks.\n\nA partial mark is the full mark, clipped. The filled marks are drawn over the\nempty marks and cut off partway, so any mark and any fraction work.\n\nA read-only rating displays a score, which is the most common use. It is\nannounced as a displayed value and does not look disabled.\n\nWith `clearable`, pressing the chosen score again, or Backspace or Delete on\nthe marks, takes the rating back to unrated and sends `helix-clear`.\n\n**Keyboard.** The marks are one tab stop, on the chosen score or the first.\n\n| Key | What it does |\n|---|---|\n| Right, Down | Chooses the next score up, and stops at the highest. |\n| Left, Up | Chooses the next score down, and stops at the lowest. |\n| Home, End | Chooses the lowest or the highest score. |\n| Space, Enter | Chooses the focused score, or clears it under `clearable` when it is already chosen. |\n| Backspace, Delete | Clears the rating, under `clearable`. |\n\nLeft and Right swap on a right-to-left page. The marks are a `radiogroup`\nnamed by `label`, and each score is a `radio` named by `option-label`, such\nas \"3 out of 5\". A read-only rating is one `img` named by its score.",
|
|
137020
|
+
"description": "Supports half marks, so the value is not always an integer and the press\ntargets are not the marks: five stars at a half step give ten places to\npress. The pointer handling and `step` are built around half marks.\n\nA partial mark is the full mark, clipped. The filled marks are drawn over the\nempty marks and cut off partway, so any mark and any fraction work.\n\nA read-only rating displays a score, which is the most common use. It is\nannounced as a displayed value and does not look disabled.\n\nWith `clearable`, pressing the chosen score again, or Backspace or Delete on\nthe marks, takes the rating back to unrated and sends `helix-clear`.\n\n**Keyboard.** The marks are one tab stop, on the chosen score or the first.\n\n| Key | What it does |\n|---|---|\n| Right, Down | Chooses the next score up, and stops at the highest. |\n| Left, Up | Chooses the next score down, and stops at the lowest. |\n| Home, End | Chooses the lowest or the highest score. |\n| Space, Enter | Chooses the focused score, or clears it under `clearable` when it is already chosen. |\n| Backspace, Delete | Clears the rating, under `clearable`. |\n\nLeft and Right swap on a right-to-left page. The marks are a `radiogroup`\nnamed by `label`, and each score is a `radio` named by `option-label`, such\nas \"3 out of 5\". A read-only rating is one `img` named by its label and\nthen its score, such as \"Quality 3 out of 5\".",
|
|
136545
137021
|
"name": "HelixHeadlessRating",
|
|
136546
137022
|
"cssProperties": [
|
|
136547
137023
|
{
|
|
@@ -136758,7 +137234,7 @@
|
|
|
136758
137234
|
"name": "aria",
|
|
136759
137235
|
"privacy": "protected",
|
|
136760
137236
|
"readonly": true,
|
|
136761
|
-
"default": "new AriaForwardController(this, { target: () => this.partNamed('marks'), })"
|
|
137237
|
+
"default": "new AriaForwardController(this, { /* A read-only rating is named by its label and then its score, so a page's `<label>` or a host `aria-labelledby` is followed by the score too. */ labelledByAfter: () => { const score = this.readOnly ? this.renderRoot?.querySelector('#score') : null return score ? [score] : [] }, /* Its own label is the only name of its own: a read-only rating carries its score as an `aria-label`, and a page's `<label>` still names it. */ named: () => this.labeled, target: () => this.partNamed('marks'), })"
|
|
136762
137238
|
},
|
|
136763
137239
|
{
|
|
136764
137240
|
"kind": "field",
|
|
@@ -137861,13 +138337,13 @@
|
|
|
137861
138337
|
{
|
|
137862
138338
|
"kind": "method",
|
|
137863
138339
|
"name": "runPendingUpdate",
|
|
137864
|
-
"privacy": "
|
|
138340
|
+
"privacy": "protected",
|
|
137865
138341
|
"return": {
|
|
137866
138342
|
"type": {
|
|
137867
138343
|
"text": "void"
|
|
137868
138344
|
}
|
|
137869
138345
|
},
|
|
137870
|
-
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously
|
|
138346
|
+
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously.\n\nProtected for a control that submits on its own, which has to hand the\nform the verdict for what it holds now: Pin Input's `autosubmit`.",
|
|
137871
138347
|
"inheritedFrom": {
|
|
137872
138348
|
"name": "HelixFormElement",
|
|
137873
138349
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -138034,6 +138510,31 @@
|
|
|
138034
138510
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
138035
138511
|
}
|
|
138036
138512
|
},
|
|
138513
|
+
{
|
|
138514
|
+
"kind": "method",
|
|
138515
|
+
"name": "formAssociatedCallback",
|
|
138516
|
+
"return": {
|
|
138517
|
+
"type": {
|
|
138518
|
+
"text": "void"
|
|
138519
|
+
}
|
|
138520
|
+
},
|
|
138521
|
+
"parameters": [
|
|
138522
|
+
{
|
|
138523
|
+
"name": "form",
|
|
138524
|
+
"type": {
|
|
138525
|
+
"text": "HTMLFormElement | null"
|
|
138526
|
+
}
|
|
138527
|
+
}
|
|
138528
|
+
],
|
|
138529
|
+
"description": "Called by the browser when the control's form changes: watches the new\nform's `checkValidity()`, as connecting does for the form it starts in.",
|
|
138530
|
+
"inheritedFrom": {
|
|
138531
|
+
"name": "HelixFormElement",
|
|
138532
|
+
"module": "src/helix-form-element/helix-form-element.ts"
|
|
138533
|
+
},
|
|
138534
|
+
"type": {
|
|
138535
|
+
"text": "formAssociatedCallback(form: HTMLFormElement | null) => void"
|
|
138536
|
+
}
|
|
138537
|
+
},
|
|
138037
138538
|
{
|
|
138038
138539
|
"kind": "field",
|
|
138039
138540
|
"name": "form",
|
|
@@ -138874,7 +139375,7 @@
|
|
|
138874
139375
|
"declarations": [
|
|
138875
139376
|
{
|
|
138876
139377
|
"kind": "class",
|
|
138877
|
-
"description": "A scatter chart shows how two measures relate. The table's first numeric\ncolumn is measured across, every other numeric column is measured up, and\neach row is one point. A table of countries with an income column and a life\nexpectancy column draws one point for each country. Each additional numeric\ncolumn is another series, in its own color.\n\nBoth axes are labeled, because both positions are values. The ticks sit at\nround numbers, and the range extends to them.\n\n`trend` draws each series' line of best fit, by least squares, across the\nplot in the series' color.\n\n**`size-by` names a third measure, drawn as each point's size**, as a bubble\nchart does: `size-by=\"Population\"` takes that column out of the series and\ngives each point an area in proportion to its row's number there. The\ntooltip and the table still say the number.\n\nThe summary gives each series' correlation coefficient and its number of\npoints. The table has every number, and the drawing is hidden from screen\nreaders.\n\n**The plot is read by key.** It takes focus, named by `label` or the caption.\nThe left and right arrows move from
|
|
139378
|
+
"description": "A scatter chart shows how two measures relate. The table's first numeric\ncolumn is measured across, every other numeric column is measured up, and\neach row is one point. A table of countries with an income column and a life\nexpectancy column draws one point for each country. Each additional numeric\ncolumn is another series, in its own color.\n\nBoth axes are labeled, because both positions are values. The ticks sit at\nround numbers, and the range extends to them.\n\n`trend` draws each series' line of best fit, by least squares, across the\nplot in the series' color.\n\n**`size-by` names a third measure, drawn as each point's size**, as a bubble\nchart does: `size-by=\"Population\"` takes that column out of the series and\ngives each point an area in proportion to its row's number there. The\ntooltip and the table still say the number.\n\nThe summary gives each series' correlation coefficient and its number of\npoints. The table has every number, and the drawing is hidden from screen\nreaders.\n\n**The plot is read by key.** It takes focus, named by `label` or the caption.\nThe left and right arrows move from point to point, left to right across\nthe plot, Home and End go to the first and the last, and the up and down\narrows move among the series of a row. The tooltip sits on that point, the\n`live` part says the row in words, and Escape puts the tooltip away.\n\nEach point is a `<span>` placed by percentage over the drawing, as\n`LineChart` places its end points, so points stay round when the drawing\nstretches.\n\nThe plot runs left to right in every text direction, as a number line does.\nThe plot, its axes, and the axis names sit in a `plane` part with\n`dir=\"ltr\"`. The axis names carry `dir=\"auto\"`, so a name in Arabic or Hebrew\nreads in its own direction. The summary and the tooltip bubble follow the\npage's direction.\n\n**A tap shows the reading under it**, and keeps it until a tap lands\nelsewhere. `helix-reading-change` says each move of the reading, by pointer,\ntap or key, and `helix-reading-press` says a reading was clicked, tapped, or\npressed with Enter or Space, for a page that opens what a reading stands for.\n\n**`data` takes the readings as data** where the page has no table to point\n`for` at, in a table's shape: the column headings, then one row per reading\nwith its label first. A table is still the better source where the page can\nshow one, since it reads before any script runs.\n\n**A chart with nothing to draw says so.** A table with no readings shows\n`empty-text`, \"No readings\", in the plot, and `loading` shows `loading-text`\nthere until readings arrive. The `empty` and `loading` slots take markup in\ntheir place, such as a link to add the first reading.\n\n**Keyboard.** The plot is one tab stop.\n\n| Key | What it does |\n|---|---|\n| Tab | Moves focus to the plot and shows the first reading. |\n| Right, Left | Moves to the next or the previous point, left to right across the plot. On a right-to-left page, Left moves to the next. |\n| Down, Up | Moves among the series of the point. With one series, moves to the next or the previous point. |\n| Home, End | Moves to the first or the last point. |\n| Page Down, Page Up | Moves a tenth of the points on or back. |\n| Enter, Space | Presses the point shown, which sends `helix-reading-press`. |\n| Escape | Puts the point and its tooltip away. |",
|
|
138878
139379
|
"name": "HelixHeadlessScatterChart",
|
|
138879
139380
|
"cssProperties": [
|
|
138880
139381
|
{
|
|
@@ -138920,7 +139421,7 @@
|
|
|
138920
139421
|
"name": "plane"
|
|
138921
139422
|
},
|
|
138922
139423
|
{
|
|
138923
|
-
"description": "The drawing, which takes focus to be read by key.",
|
|
139424
|
+
"description": "The drawing, which takes focus to be read by key. With nothing to draw, a group named as the chart is, holding the `empty` or `loading` part.",
|
|
138924
139425
|
"name": "plot"
|
|
138925
139426
|
},
|
|
138926
139427
|
{
|
|
@@ -138939,6 +139440,10 @@
|
|
|
138939
139440
|
"description": "The drawing surface the gridlines and the trend lines sit on.",
|
|
138940
139441
|
"name": "svg"
|
|
138941
139442
|
},
|
|
139443
|
+
{
|
|
139444
|
+
"description": "The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.",
|
|
139445
|
+
"name": "table"
|
|
139446
|
+
},
|
|
138942
139447
|
{
|
|
138943
139448
|
"description": "The bubble, forwarded from `Tooltip`.",
|
|
138944
139449
|
"name": "tooltip"
|
|
@@ -139016,7 +139521,7 @@
|
|
|
139016
139521
|
"name": "x-name"
|
|
139017
139522
|
},
|
|
139018
139523
|
{
|
|
139019
|
-
"description": "One labeled value on the horizontal axis. Each axis has its own tick part, because `::part()` cannot tell which axis a tick is on.",
|
|
139524
|
+
"description": "One labeled value on the horizontal axis. Each axis has its own tick part, because `::part()` cannot tell which axis a tick is on. The one at the far edge carries `data-edge=\"end\"`.",
|
|
139020
139525
|
"name": "x-tick"
|
|
139021
139526
|
},
|
|
139022
139527
|
{
|
|
@@ -139413,23 +139918,27 @@
|
|
|
139413
139918
|
}
|
|
139414
139919
|
},
|
|
139415
139920
|
{
|
|
139416
|
-
"kind": "
|
|
139417
|
-
"name": "
|
|
139921
|
+
"kind": "method",
|
|
139922
|
+
"name": "renderEmpty",
|
|
139418
139923
|
"privacy": "protected",
|
|
139419
|
-
"
|
|
139420
|
-
|
|
139421
|
-
|
|
139924
|
+
"return": {
|
|
139925
|
+
"type": {
|
|
139926
|
+
"text": "TemplateResult"
|
|
139927
|
+
}
|
|
139928
|
+
},
|
|
139929
|
+
"description": "The plot while there is nothing to draw: a group named as the chart is,\nholding `renderStatus`. Not focusable, there being no reading to walk.",
|
|
139422
139930
|
"inheritedFrom": {
|
|
139423
|
-
"name": "
|
|
139424
|
-
"module": "src/mixins/mixin-chart-
|
|
139931
|
+
"name": "MixinChartStatus",
|
|
139932
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
139425
139933
|
}
|
|
139426
139934
|
},
|
|
139427
139935
|
{
|
|
139428
139936
|
"kind": "field",
|
|
139429
|
-
"name": "
|
|
139937
|
+
"name": "source",
|
|
139938
|
+
"privacy": "protected",
|
|
139430
139939
|
"readonly": true,
|
|
139431
|
-
"default": "new
|
|
139432
|
-
"description": "
|
|
139940
|
+
"default": "new SourceController(this)",
|
|
139941
|
+
"description": "Resolves `for` and re-renders when the table behind it changes.",
|
|
139433
139942
|
"inheritedFrom": {
|
|
139434
139943
|
"name": "MixinChartSource",
|
|
139435
139944
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
@@ -139507,57 +140016,6 @@
|
|
|
139507
140016
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
139508
140017
|
}
|
|
139509
140018
|
},
|
|
139510
|
-
{
|
|
139511
|
-
"kind": "field",
|
|
139512
|
-
"name": "observedAttributes",
|
|
139513
|
-
"type": {
|
|
139514
|
-
"text": "string[]"
|
|
139515
|
-
},
|
|
139516
|
-
"static": true,
|
|
139517
|
-
"description": "Hears an `aria-label` written on the chart, which no property mirrors,\nso a page that names the chart that way names its plot.\n\nLit observes the attributes of its own properties only, and `ariaLabel`\nbelongs to the platform.\n\nRead through `Reflect.get` with this class as the receiver, which is\nwhat `super.observedAttributes` means: Lit's getter finalizes whichever\nclass it is asked on, and asked on the base it would finalize the base\nand leave a subclass without its styles. A mixin's base has no static\nside TypeScript can see, so `super` cannot be written here.",
|
|
139518
|
-
"readonly": true,
|
|
139519
|
-
"inheritedFrom": {
|
|
139520
|
-
"name": "MixinChartSource",
|
|
139521
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
139522
|
-
}
|
|
139523
|
-
},
|
|
139524
|
-
{
|
|
139525
|
-
"kind": "method",
|
|
139526
|
-
"name": "attributeChangedCallback",
|
|
139527
|
-
"return": {
|
|
139528
|
-
"type": {
|
|
139529
|
-
"text": "void"
|
|
139530
|
-
}
|
|
139531
|
-
},
|
|
139532
|
-
"parameters": [
|
|
139533
|
-
{
|
|
139534
|
-
"name": "name",
|
|
139535
|
-
"type": {
|
|
139536
|
-
"text": "string"
|
|
139537
|
-
}
|
|
139538
|
-
},
|
|
139539
|
-
{
|
|
139540
|
-
"name": "old",
|
|
139541
|
-
"type": {
|
|
139542
|
-
"text": "string | null"
|
|
139543
|
-
}
|
|
139544
|
-
},
|
|
139545
|
-
{
|
|
139546
|
-
"name": "value",
|
|
139547
|
-
"type": {
|
|
139548
|
-
"text": "string | null"
|
|
139549
|
-
}
|
|
139550
|
-
}
|
|
139551
|
-
],
|
|
139552
|
-
"description": "Called by the browser when an observed attribute changes. A new\n`aria-label` asks for an update, because it names the plot.",
|
|
139553
|
-
"inheritedFrom": {
|
|
139554
|
-
"name": "MixinChartSource",
|
|
139555
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
139556
|
-
},
|
|
139557
|
-
"type": {
|
|
139558
|
-
"text": "attributeChangedCallback(name: string, old: string | null, value: string | null) => void"
|
|
139559
|
-
}
|
|
139560
|
-
},
|
|
139561
140019
|
{
|
|
139562
140020
|
"kind": "field",
|
|
139563
140021
|
"name": "series",
|
|
@@ -139584,32 +140042,6 @@
|
|
|
139584
140042
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
139585
140043
|
}
|
|
139586
140044
|
},
|
|
139587
|
-
{
|
|
139588
|
-
"kind": "field",
|
|
139589
|
-
"name": "readingsKnown",
|
|
139590
|
-
"type": {
|
|
139591
|
-
"text": "boolean"
|
|
139592
|
-
},
|
|
139593
|
-
"description": "Whether the readings have been looked for: false on the server and\nwhile hydrating, where no table is resolved and no data is read. A\nchart says it has no readings only once this is true.",
|
|
139594
|
-
"readonly": true,
|
|
139595
|
-
"inheritedFrom": {
|
|
139596
|
-
"name": "MixinChartSource",
|
|
139597
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
139598
|
-
}
|
|
139599
|
-
},
|
|
139600
|
-
{
|
|
139601
|
-
"kind": "field",
|
|
139602
|
-
"name": "sourceRows",
|
|
139603
|
-
"type": {
|
|
139604
|
-
"text": "Row[]"
|
|
139605
|
-
},
|
|
139606
|
-
"description": "Every row of the table, with each cell's text and number.\n\nThis is where a tooltip's content comes from, and it is deliberately not\n`series`. A chart draws numbers; a reader resting a pointer on one wants\nwhat the table says, which is `$128k` and not `128000`, and often wants\nthe column beside it that nothing plotted at all.\n\n**Not `rows`.** It is the source table's rows, and `rows` on a chart is a\nname a chart wants for itself: `helix-heatmap` takes `rows=\"7\"` to mean a\ncalendar week, and declaring that against a base class whose `rows` is a\n`Row[]` getter is a type error at best. Name the member for what it holds\nrather than for the shortest word available.",
|
|
139607
|
-
"readonly": true,
|
|
139608
|
-
"inheritedFrom": {
|
|
139609
|
-
"name": "MixinChartSource",
|
|
139610
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
139611
|
-
}
|
|
139612
|
-
},
|
|
139613
140045
|
{
|
|
139614
140046
|
"kind": "field",
|
|
139615
140047
|
"name": "plottedColumns",
|
|
@@ -139711,6 +140143,21 @@
|
|
|
139711
140143
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
139712
140144
|
}
|
|
139713
140145
|
},
|
|
140146
|
+
{
|
|
140147
|
+
"kind": "method",
|
|
140148
|
+
"name": "renderTable",
|
|
140149
|
+
"privacy": "protected",
|
|
140150
|
+
"return": {
|
|
140151
|
+
"type": {
|
|
140152
|
+
"text": "TemplateResult | typeof nothing"
|
|
140153
|
+
}
|
|
140154
|
+
},
|
|
140155
|
+
"description": "The readings as a table, for a screen reader, where they were drawn from\n`data`: there is then no table on the page to read, and a chart's\nsummary gives only what the readings come to. Nothing where a table on\nthe page was read, which is already the readable version.\n\nThe `table` part, named by the chart, its cells as `data` writes them.",
|
|
140156
|
+
"inheritedFrom": {
|
|
140157
|
+
"name": "MixinChartSource",
|
|
140158
|
+
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
140159
|
+
}
|
|
140160
|
+
},
|
|
139714
140161
|
{
|
|
139715
140162
|
"kind": "field",
|
|
139716
140163
|
"name": "tier",
|
|
@@ -140215,6 +140662,28 @@
|
|
|
140215
140662
|
}
|
|
140216
140663
|
}
|
|
140217
140664
|
],
|
|
140665
|
+
"cssStates": [
|
|
140666
|
+
{
|
|
140667
|
+
"description": "While a reading is shown, under the pointer or the keys, with its tooltip open.",
|
|
140668
|
+
"name": "active"
|
|
140669
|
+
},
|
|
140670
|
+
{
|
|
140671
|
+
"description": "While the `empty` part stands in the plot.",
|
|
140672
|
+
"name": "empty"
|
|
140673
|
+
},
|
|
140674
|
+
{
|
|
140675
|
+
"description": "While the `loading` part stands in the plot.",
|
|
140676
|
+
"name": "loading"
|
|
140677
|
+
},
|
|
140678
|
+
{
|
|
140679
|
+
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
140680
|
+
"name": "settled",
|
|
140681
|
+
"inheritedFrom": {
|
|
140682
|
+
"name": "HelixElement",
|
|
140683
|
+
"module": "src/helix-element/helix-element.ts"
|
|
140684
|
+
}
|
|
140685
|
+
}
|
|
140686
|
+
],
|
|
140218
140687
|
"mixins": [
|
|
140219
140688
|
{
|
|
140220
140689
|
"name": "MixinChartStatus",
|
|
@@ -140258,16 +140727,6 @@
|
|
|
140258
140727
|
},
|
|
140259
140728
|
"tagName": "helix-headless-scatter-chart",
|
|
140260
140729
|
"customElement": true,
|
|
140261
|
-
"cssStates": [
|
|
140262
|
-
{
|
|
140263
|
-
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
140264
|
-
"name": "settled",
|
|
140265
|
-
"inheritedFrom": {
|
|
140266
|
-
"name": "HelixElement",
|
|
140267
|
-
"module": "src/helix-element/helix-element.ts"
|
|
140268
|
-
}
|
|
140269
|
-
}
|
|
140270
|
-
],
|
|
140271
140730
|
"modulePath": "src/scatter-chart/root/scatter-chart-root.ts",
|
|
140272
140731
|
"definitionPath": "src/scatter-chart/root/scatter-chart-root.ts"
|
|
140273
140732
|
}
|
|
@@ -141681,7 +142140,7 @@
|
|
|
141681
142140
|
"declarations": [
|
|
141682
142141
|
{
|
|
141683
142142
|
"kind": "class",
|
|
141684
|
-
"description": "A trigger that opens a `Listbox`. The list is the same element you can use on\nits own, with the same keyboard behavior, filtering, and multi-select rules.\nSelect adds a trigger that shows what is chosen, a floating surface, and a\nplace for focus to return to when the list closes.\n\nYour options stay in your light DOM and are slotted through into the listbox,\nso the listbox looks through slots to find them. For a list too long to draw\nwhole, set `items` instead: the list draws only the options in sight, as\nListbox's `items` does, and the trigger, its keys and the form read the\nwhole set.\n\n`Select` owns the value, passes it down to the listbox, and takes changes\nback, so the value lives in one place. With `multiple`, the value is the\nchosen values joined with commas, and the form receives one entry for each.\nAn option's value may hold a comma, and it is read as one value.\n\nSet `valueContent` to draw the trigger's content from the chosen options,\nand several chosen options are written as a list in the reader's language.\n\n**Keyboard.** On the closed trigger:\n\n| Key | What it does |\n|---|---|\n| Down, Enter, Space | Opens the list on the chosen option, or the first. |\n| Up | Opens the list on the chosen option, or the last. |\n| Home, End | Opens the list on the first or the last option. |\n| Left, Right | Chooses the option before or after the chosen one without opening, as React Aria's Select does. On a right-to-left page Left chooses the one after. |\n| A letter or a word | Chooses the option whose words start with what you typed, as a native `<select>` does. With `multiple`, opens the list on it. |\n\nIn the open list, which is a `Listbox`:\n\n| Key | What it does |\n|---|---|\n| Down, Up, Home, End, Page Down, Page Up | Moves the highlight. |\n| A letter or a word | Moves the highlight to the next option whose words start with what you typed. |\n| Enter, Space | Chooses the highlighted option and closes the list. With `multiple`, toggles it and leaves the list open. |\n| Escape | Closes the list and puts focus back on the trigger. |\n| Tab | Closes the list and moves on. |\n\nA choice made on the closed trigger is said aloud on Apple devices, where\nVoiceOver does not read the trigger's new name.\n\n**ARIA.** The trigger is a `button` with `aria-haspopup=\"listbox\"` and\n`aria-expanded`, named by the label and then the chosen words, as a native\n`<select>` is. The list is the listbox `Listbox` describes, named by the\nlabel, or by `list-label` where there is none.\n\nSet `autocomplete` to let a browser's autofill choose, as a native `<select>`\nwith the same attribute would.",
|
|
142143
|
+
"description": "A trigger that opens a `Listbox`. The list is the same element you can use on\nits own, with the same keyboard behavior, filtering, and multi-select rules.\nSelect adds a trigger that shows what is chosen, a floating surface, and a\nplace for focus to return to when the list closes.\n\nYour options stay in your light DOM and are slotted through into the listbox,\nso the listbox looks through slots to find them. Write them as `Option`,\ngroup them in `Option.Group`, and divide them with `Option.Separator`.\nImporting Select registers all three in the same tier. For a list too long to draw\nwhole, set `items` instead: the list draws only the options in sight, as\nListbox's `items` does, and the trigger, its keys and the form read the\nwhole set.\n\n`Select` owns the value, passes it down to the listbox, and takes changes\nback, so the value lives in one place. With `multiple`, the value is the\nchosen values joined with commas, and the form receives one entry for each.\nAn option's value may hold a comma, and it is read as one value.\n\nSet `valueContent` to draw the trigger's content from the chosen options,\nand several chosen options are written as a list in the reader's language.\n\n**Keyboard.** On the closed trigger:\n\n| Key | What it does |\n|---|---|\n| Down, Enter, Space | Opens the list on the chosen option, or the first. |\n| Up | Opens the list on the chosen option, or the last. |\n| Home, End | Opens the list on the first or the last option. |\n| Left, Right | Chooses the option before or after the chosen one without opening, as React Aria's Select does. On a right-to-left page Left chooses the one after. |\n| A letter or a word | Chooses the option whose words start with what you typed, as a native `<select>` does. With `multiple`, opens the list on it. |\n\nIn the open list, which is a `Listbox`:\n\n| Key | What it does |\n|---|---|\n| Down, Up, Home, End, Page Down, Page Up | Moves the highlight. |\n| A letter or a word | Moves the highlight to the next option whose words start with what you typed. |\n| Enter, Space | Chooses the highlighted option and closes the list. With `multiple`, toggles it and leaves the list open. |\n| Escape | Closes the list and puts focus back on the trigger. |\n| Tab | Closes the list and moves on. |\n\nA choice made on the closed trigger is said aloud on Apple devices, where\nVoiceOver does not read the trigger's new name.\n\n**ARIA.** The trigger is a `button` with `aria-haspopup=\"listbox\"` and\n`aria-expanded`, named by the label and then the chosen words, as a native\n`<select>` is. The list is the listbox `Listbox` describes, named by the\nlabel, or by `list-label` where there is none.\n\nSet `autocomplete` to let a browser's autofill choose, as a native `<select>`\nwith the same attribute would.",
|
|
141685
142144
|
"name": "HelixHeadlessSelect",
|
|
141686
142145
|
"cssProperties": [
|
|
141687
142146
|
{
|
|
@@ -143217,13 +143676,13 @@
|
|
|
143217
143676
|
{
|
|
143218
143677
|
"kind": "method",
|
|
143219
143678
|
"name": "runPendingUpdate",
|
|
143220
|
-
"privacy": "
|
|
143679
|
+
"privacy": "protected",
|
|
143221
143680
|
"return": {
|
|
143222
143681
|
"type": {
|
|
143223
143682
|
"text": "void"
|
|
143224
143683
|
}
|
|
143225
143684
|
},
|
|
143226
|
-
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously
|
|
143685
|
+
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously.\n\nProtected for a control that submits on its own, which has to hand the\nform the verdict for what it holds now: Pin Input's `autosubmit`.",
|
|
143227
143686
|
"inheritedFrom": {
|
|
143228
143687
|
"name": "HelixFormElement",
|
|
143229
143688
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -143364,6 +143823,31 @@
|
|
|
143364
143823
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
143365
143824
|
}
|
|
143366
143825
|
},
|
|
143826
|
+
{
|
|
143827
|
+
"kind": "method",
|
|
143828
|
+
"name": "formAssociatedCallback",
|
|
143829
|
+
"return": {
|
|
143830
|
+
"type": {
|
|
143831
|
+
"text": "void"
|
|
143832
|
+
}
|
|
143833
|
+
},
|
|
143834
|
+
"parameters": [
|
|
143835
|
+
{
|
|
143836
|
+
"name": "form",
|
|
143837
|
+
"type": {
|
|
143838
|
+
"text": "HTMLFormElement | null"
|
|
143839
|
+
}
|
|
143840
|
+
}
|
|
143841
|
+
],
|
|
143842
|
+
"description": "Called by the browser when the control's form changes: watches the new\nform's `checkValidity()`, as connecting does for the form it starts in.",
|
|
143843
|
+
"inheritedFrom": {
|
|
143844
|
+
"name": "HelixFormElement",
|
|
143845
|
+
"module": "src/helix-form-element/helix-form-element.ts"
|
|
143846
|
+
},
|
|
143847
|
+
"type": {
|
|
143848
|
+
"text": "formAssociatedCallback(form: HTMLFormElement | null) => void"
|
|
143849
|
+
}
|
|
143850
|
+
},
|
|
143367
143851
|
{
|
|
143368
143852
|
"kind": "field",
|
|
143369
143853
|
"name": "form",
|
|
@@ -146771,13 +147255,13 @@
|
|
|
146771
147255
|
{
|
|
146772
147256
|
"kind": "method",
|
|
146773
147257
|
"name": "runPendingUpdate",
|
|
146774
|
-
"privacy": "
|
|
147258
|
+
"privacy": "protected",
|
|
146775
147259
|
"return": {
|
|
146776
147260
|
"type": {
|
|
146777
147261
|
"text": "void"
|
|
146778
147262
|
}
|
|
146779
147263
|
},
|
|
146780
|
-
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously
|
|
147264
|
+
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously.\n\nProtected for a control that submits on its own, which has to hand the\nform the verdict for what it holds now: Pin Input's `autosubmit`.",
|
|
146781
147265
|
"inheritedFrom": {
|
|
146782
147266
|
"name": "HelixFormElement",
|
|
146783
147267
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -146944,6 +147428,31 @@
|
|
|
146944
147428
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
146945
147429
|
}
|
|
146946
147430
|
},
|
|
147431
|
+
{
|
|
147432
|
+
"kind": "method",
|
|
147433
|
+
"name": "formAssociatedCallback",
|
|
147434
|
+
"return": {
|
|
147435
|
+
"type": {
|
|
147436
|
+
"text": "void"
|
|
147437
|
+
}
|
|
147438
|
+
},
|
|
147439
|
+
"parameters": [
|
|
147440
|
+
{
|
|
147441
|
+
"name": "form",
|
|
147442
|
+
"type": {
|
|
147443
|
+
"text": "HTMLFormElement | null"
|
|
147444
|
+
}
|
|
147445
|
+
}
|
|
147446
|
+
],
|
|
147447
|
+
"description": "Called by the browser when the control's form changes: watches the new\nform's `checkValidity()`, as connecting does for the form it starts in.",
|
|
147448
|
+
"inheritedFrom": {
|
|
147449
|
+
"name": "HelixFormElement",
|
|
147450
|
+
"module": "src/helix-form-element/helix-form-element.ts"
|
|
147451
|
+
},
|
|
147452
|
+
"type": {
|
|
147453
|
+
"text": "formAssociatedCallback(form: HTMLFormElement | null) => void"
|
|
147454
|
+
}
|
|
147455
|
+
},
|
|
146947
147456
|
{
|
|
146948
147457
|
"kind": "field",
|
|
146949
147458
|
"name": "form",
|
|
@@ -147894,7 +148403,7 @@
|
|
|
147894
148403
|
"declarations": [
|
|
147895
148404
|
{
|
|
147896
148405
|
"kind": "class",
|
|
147897
|
-
"description": "Takes its numbers from the `values` attribute. The other charts read a table,\nbut a table behind a small trend line would be read aloud row by row. Set\n`values` to the data and `label` to the one sentence a screen reader\nannounces.\n\nUse `for` when a sparkline has a real table behind it. `for` wins when both\nare set.\n\nWithout a `label` the sparkline is decorative and `aria-hidden`, for example\nbeside a stat that already says \"Sessions, 1,102\". With a `label` it is\nnamed by that sentence and read by key, as every chart is: the drawing takes\nfocus, the arrow keys walk the readings, Home and End go to the first and\nthe last, Escape puts the reading away, and the `live` part says each\nreading with where it stands, such as \"Mon: 12 (3 of 7)\".\n\n**A named sparkline describes itself.** Beside its name, a screen reader\nhears what the readings come to, the first and the last, the highest and\nthe lowest, in `overview-label`: \"From 12 to 20, highest 30, lowest 8\". An\n`aria-label` on the element names it as `label` does.\n\nA pointer resting on the drawing shows the reading under it: the `cursor`\npart marks it and the `readout` part writes it. `marks` adds a mark on the\nhighest and the lowest reading, and `range` draws a band between two values,\nsuch as a normal range. A blank cell in a `for` table is a gap in the line,\nand a reading alone between two blanks is a `lone` mark.\n\nPlace it beside a `Stat`, because a change beside a figure is a second fact,\nas `Stat`'s own spec says. `Trend` is composed the same way.\n\nThe component writes the properties listed below, and the stylesheet that\ndraws the sparkline reads them. Do not set them yourself. They carry numbers\nthe component computes and CSS cannot, so a stylesheet can draw the sparkline\nwithout measuring anything.",
|
|
148406
|
+
"description": "Takes its numbers from the `values` attribute. The other charts read a table,\nbut a table behind a small trend line would be read aloud row by row. Set\n`values` to the data and `label` to the one sentence a screen reader\nannounces.\n\nUse `for` when a sparkline has a real table behind it. `for` wins when both\nare set.\n\nWithout a `label` the sparkline is decorative and `aria-hidden`, for example\nbeside a stat that already says \"Sessions, 1,102\". With a `label` it is\nnamed by that sentence and read by key, as every chart is: the drawing takes\nfocus, the arrow keys walk the readings, Home and End go to the first and\nthe last, Escape puts the reading away, and the `live` part says each\nreading with where it stands, such as \"Mon: 12 (3 of 7)\".\n\n**A named sparkline describes itself.** Beside its name, a screen reader\nhears what the readings come to, the first and the last, the highest and\nthe lowest, in `overview-label`: \"From 12 to 20, highest 30, lowest 8\". An\n`aria-label` on the element names it as `label` does.\n\n`helix-reading-change` says each move of the reading, by pointer, tap or\nkey, and `helix-reading-press` says a reading was clicked, tapped, or pressed\nwith Enter or Space, as on every chart.\n\nA pointer resting on the drawing shows the reading under it: the `cursor`\npart marks it and the `readout` part writes it. `marks` adds a mark on the\nhighest and the lowest reading, and `range` draws a band between two values,\nsuch as a normal range. A blank cell in a `for` table is a gap in the line,\nand a reading alone between two blanks is a `lone` mark.\n\nPlace it beside a `Stat`, because a change beside a figure is a second fact,\nas `Stat`'s own spec says. `Trend` is composed the same way.\n\nThe component writes the properties listed below, and the stylesheet that\ndraws the sparkline reads them. Do not set them yourself. They carry numbers\nthe component computes and CSS cannot, so a stylesheet can draw the sparkline\nwithout measuring anything.\n\n**Keyboard.** A sparkline with a `label` is one tab stop.\n\n| Key | What it does |\n|---|---|\n| Tab | Moves focus to the drawing and shows the first reading, where there is a `label`. |\n| Any arrow | Right and Down move to the next reading, Left and Up to the previous. On a right-to-left page, Left moves to the next. |\n| Home, End | Moves to the first or the last reading. |\n| Page Down, Page Up | Moves a tenth of the readings on or back. |\n| Enter, Space | Presses the reading shown, which sends `helix-reading-press`. |\n| Escape | Puts the reading and its tooltip away. |",
|
|
147898
148407
|
"name": "HelixHeadlessSparkline",
|
|
147899
148408
|
"cssProperties": [
|
|
147900
148409
|
{
|
|
@@ -148092,56 +148601,6 @@
|
|
|
148092
148601
|
"readonly": true,
|
|
148093
148602
|
"default": "new SourceController(this)"
|
|
148094
148603
|
},
|
|
148095
|
-
{
|
|
148096
|
-
"kind": "field",
|
|
148097
|
-
"name": "pointer",
|
|
148098
|
-
"readonly": true,
|
|
148099
|
-
"default": "new ChartPointerController(this)",
|
|
148100
|
-
"description": "Finds the reading a pointer or a key rests on, as it does for every\nchart, so a sparkline is read the way they are."
|
|
148101
|
-
},
|
|
148102
|
-
{
|
|
148103
|
-
"kind": "field",
|
|
148104
|
-
"name": "observedAttributes",
|
|
148105
|
-
"type": {
|
|
148106
|
-
"text": "string[]"
|
|
148107
|
-
},
|
|
148108
|
-
"static": true,
|
|
148109
|
-
"description": "Hears an `aria-label` written on the sparkline, which no property mirrors,\nbecause it names the drawing as `label` does, as on every chart.",
|
|
148110
|
-
"readonly": true
|
|
148111
|
-
},
|
|
148112
|
-
{
|
|
148113
|
-
"kind": "method",
|
|
148114
|
-
"name": "attributeChangedCallback",
|
|
148115
|
-
"return": {
|
|
148116
|
-
"type": {
|
|
148117
|
-
"text": "void"
|
|
148118
|
-
}
|
|
148119
|
-
},
|
|
148120
|
-
"parameters": [
|
|
148121
|
-
{
|
|
148122
|
-
"name": "name",
|
|
148123
|
-
"type": {
|
|
148124
|
-
"text": "string"
|
|
148125
|
-
}
|
|
148126
|
-
},
|
|
148127
|
-
{
|
|
148128
|
-
"name": "old",
|
|
148129
|
-
"type": {
|
|
148130
|
-
"text": "string | null"
|
|
148131
|
-
}
|
|
148132
|
-
},
|
|
148133
|
-
{
|
|
148134
|
-
"name": "value",
|
|
148135
|
-
"type": {
|
|
148136
|
-
"text": "string | null"
|
|
148137
|
-
}
|
|
148138
|
-
}
|
|
148139
|
-
],
|
|
148140
|
-
"description": "Called by the browser when an observed attribute changes; a new `aria-label` renames the drawing.",
|
|
148141
|
-
"type": {
|
|
148142
|
-
"text": "attributeChangedCallback(name: string, old: string | null, value: string | null) => void"
|
|
148143
|
-
}
|
|
148144
|
-
},
|
|
148145
148604
|
{
|
|
148146
148605
|
"kind": "field",
|
|
148147
148606
|
"name": "named",
|
|
@@ -148640,6 +149099,24 @@
|
|
|
148640
149099
|
}
|
|
148641
149100
|
}
|
|
148642
149101
|
],
|
|
149102
|
+
"events": [
|
|
149103
|
+
{
|
|
149104
|
+
"type": {
|
|
149105
|
+
"text": "HelixReadingChangeEvent"
|
|
149106
|
+
},
|
|
149107
|
+
"description": "The reading shown moved, or was put away: `index` is the reading, or `-1` for none, with its row's `label` from a table and the `pointerType` that moved it.",
|
|
149108
|
+
"name": "helix-reading-change",
|
|
149109
|
+
"reactProp": "onhelix-reading-change"
|
|
149110
|
+
},
|
|
149111
|
+
{
|
|
149112
|
+
"type": {
|
|
149113
|
+
"text": "HelixReadingPressEvent"
|
|
149114
|
+
},
|
|
149115
|
+
"description": "A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`.",
|
|
149116
|
+
"name": "helix-reading-press",
|
|
149117
|
+
"reactProp": "onhelix-reading-press"
|
|
149118
|
+
}
|
|
149119
|
+
],
|
|
148643
149120
|
"attributes": [
|
|
148644
149121
|
{
|
|
148645
149122
|
"name": "curve",
|
|
@@ -156540,13 +157017,13 @@
|
|
|
156540
157017
|
{
|
|
156541
157018
|
"kind": "method",
|
|
156542
157019
|
"name": "runPendingUpdate",
|
|
156543
|
-
"privacy": "
|
|
157020
|
+
"privacy": "protected",
|
|
156544
157021
|
"return": {
|
|
156545
157022
|
"type": {
|
|
156546
157023
|
"text": "void"
|
|
156547
157024
|
}
|
|
156548
157025
|
},
|
|
156549
|
-
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously
|
|
157026
|
+
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously.\n\nProtected for a control that submits on its own, which has to hand the\nform the verdict for what it holds now: Pin Input's `autosubmit`.",
|
|
156550
157027
|
"inheritedFrom": {
|
|
156551
157028
|
"name": "HelixFormElement",
|
|
156552
157029
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -156713,6 +157190,31 @@
|
|
|
156713
157190
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
156714
157191
|
}
|
|
156715
157192
|
},
|
|
157193
|
+
{
|
|
157194
|
+
"kind": "method",
|
|
157195
|
+
"name": "formAssociatedCallback",
|
|
157196
|
+
"return": {
|
|
157197
|
+
"type": {
|
|
157198
|
+
"text": "void"
|
|
157199
|
+
}
|
|
157200
|
+
},
|
|
157201
|
+
"parameters": [
|
|
157202
|
+
{
|
|
157203
|
+
"name": "form",
|
|
157204
|
+
"type": {
|
|
157205
|
+
"text": "HTMLFormElement | null"
|
|
157206
|
+
}
|
|
157207
|
+
}
|
|
157208
|
+
],
|
|
157209
|
+
"description": "Called by the browser when the control's form changes: watches the new\nform's `checkValidity()`, as connecting does for the form it starts in.",
|
|
157210
|
+
"inheritedFrom": {
|
|
157211
|
+
"name": "HelixFormElement",
|
|
157212
|
+
"module": "src/helix-form-element/helix-form-element.ts"
|
|
157213
|
+
},
|
|
157214
|
+
"type": {
|
|
157215
|
+
"text": "formAssociatedCallback(form: HTMLFormElement | null) => void"
|
|
157216
|
+
}
|
|
157217
|
+
},
|
|
156716
157218
|
{
|
|
156717
157219
|
"kind": "field",
|
|
156718
157220
|
"name": "form",
|
|
@@ -164970,7 +165472,7 @@
|
|
|
164970
165472
|
"text": "string | readonly string[]"
|
|
164971
165473
|
},
|
|
164972
165474
|
"default": "''",
|
|
164973
|
-
"description": "The selected tags' values, separated by commas, since a value may hold a\
|
|
165475
|
+
"description": "The selected tags' values, separated by commas with no space, as Toggle\nGroup and Table write theirs, since a value may hold a space. A value\nwritten with a space after each comma is read the same way.\n\nSet it to start with tags selected. A tag's value is its `value`, or its\nwords where it has none.",
|
|
164974
165476
|
"attribute": "value"
|
|
164975
165477
|
},
|
|
164976
165478
|
{
|
|
@@ -165151,13 +165653,13 @@
|
|
|
165151
165653
|
},
|
|
165152
165654
|
"parameters": [
|
|
165153
165655
|
{
|
|
165154
|
-
"name": "
|
|
165656
|
+
"name": "asked",
|
|
165155
165657
|
"type": {
|
|
165156
165658
|
"text": "string"
|
|
165157
165659
|
}
|
|
165158
165660
|
}
|
|
165159
165661
|
],
|
|
165160
|
-
"description": "Asks for `value` to become `
|
|
165662
|
+
"description": "Asks for `value` to become `asked`, where it changes and where it leaves a\ntag selected under `disallow-empty-selection`."
|
|
165161
165663
|
},
|
|
165162
165664
|
{
|
|
165163
165665
|
"kind": "method",
|
|
@@ -165694,7 +166196,7 @@
|
|
|
165694
166196
|
"text": "string | readonly string[]"
|
|
165695
166197
|
},
|
|
165696
166198
|
"default": "''",
|
|
165697
|
-
"description": "The selected tags' values, separated by commas, since a value may hold a\
|
|
166199
|
+
"description": "The selected tags' values, separated by commas with no space, as Toggle\nGroup and Table write theirs, since a value may hold a space. A value\nwritten with a space after each comma is read the same way.\n\nSet it to start with tags selected. A tag's value is its `value`, or its\nwords where it has none.",
|
|
165698
166200
|
"fieldName": "value"
|
|
165699
166201
|
}
|
|
165700
166202
|
],
|
|
@@ -168023,13 +168525,13 @@
|
|
|
168023
168525
|
{
|
|
168024
168526
|
"kind": "method",
|
|
168025
168527
|
"name": "runPendingUpdate",
|
|
168026
|
-
"privacy": "
|
|
168528
|
+
"privacy": "protected",
|
|
168027
168529
|
"return": {
|
|
168028
168530
|
"type": {
|
|
168029
168531
|
"text": "void"
|
|
168030
168532
|
}
|
|
168031
168533
|
},
|
|
168032
|
-
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously
|
|
168534
|
+
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously.\n\nProtected for a control that submits on its own, which has to hand the\nform the verdict for what it holds now: Pin Input's `autosubmit`.",
|
|
168033
168535
|
"inheritedFrom": {
|
|
168034
168536
|
"name": "HelixFormElement",
|
|
168035
168537
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -168170,6 +168672,31 @@
|
|
|
168170
168672
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
168171
168673
|
}
|
|
168172
168674
|
},
|
|
168675
|
+
{
|
|
168676
|
+
"kind": "method",
|
|
168677
|
+
"name": "formAssociatedCallback",
|
|
168678
|
+
"return": {
|
|
168679
|
+
"type": {
|
|
168680
|
+
"text": "void"
|
|
168681
|
+
}
|
|
168682
|
+
},
|
|
168683
|
+
"parameters": [
|
|
168684
|
+
{
|
|
168685
|
+
"name": "form",
|
|
168686
|
+
"type": {
|
|
168687
|
+
"text": "HTMLFormElement | null"
|
|
168688
|
+
}
|
|
168689
|
+
}
|
|
168690
|
+
],
|
|
168691
|
+
"description": "Called by the browser when the control's form changes: watches the new\nform's `checkValidity()`, as connecting does for the form it starts in.",
|
|
168692
|
+
"inheritedFrom": {
|
|
168693
|
+
"name": "HelixFormElement",
|
|
168694
|
+
"module": "src/helix-form-element/helix-form-element.ts"
|
|
168695
|
+
},
|
|
168696
|
+
"type": {
|
|
168697
|
+
"text": "formAssociatedCallback(form: HTMLFormElement | null) => void"
|
|
168698
|
+
}
|
|
168699
|
+
},
|
|
168173
168700
|
{
|
|
168174
168701
|
"kind": "field",
|
|
168175
168702
|
"name": "form",
|
|
@@ -169473,8 +170000,8 @@
|
|
|
169473
170000
|
"type": {
|
|
169474
170001
|
"text": "string"
|
|
169475
170002
|
},
|
|
169476
|
-
"default": "'{mode, select, single {Enter a time as {
|
|
169477
|
-
"description": "The message for text that is no time, where `bad-input-message` is not\nset. `{mode}` is `single`, `range`, or `multiple`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds
|
|
170003
|
+
"default": "'{mode, select, single {Enter a time such as {example}.} other {Enter times such as {example}, separated by commas.}}'",
|
|
170004
|
+
"description": "The message for text that is no time, where `bad-input-message` is not\nset. `{mode}` is `single`, `range`, or `multiple`, `{example}` is a time\nwritten as the field writes one, `2:30 PM` in `en-US` and `14:30` in\n`de-DE`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds`.\n\n**The default names a time the field reads back.** It said \"Enter a time\nas HH:mm.\" to a reader whose field showed `2:30 PM`, and a pattern token\nis words for a developer.",
|
|
169478
170005
|
"attribute": "unreadable-message",
|
|
169479
170006
|
"helix": {
|
|
169480
170007
|
"words": true
|
|
@@ -170550,6 +171077,21 @@
|
|
|
170550
171077
|
"module": "src/mixins/mixin-picker-editing/mixin-picker-editing.ts"
|
|
170551
171078
|
}
|
|
170552
171079
|
},
|
|
171080
|
+
{
|
|
171081
|
+
"kind": "method",
|
|
171082
|
+
"name": "selectOnArrival",
|
|
171083
|
+
"privacy": "private",
|
|
171084
|
+
"return": {
|
|
171085
|
+
"type": {
|
|
171086
|
+
"text": "void"
|
|
171087
|
+
}
|
|
171088
|
+
},
|
|
171089
|
+
"description": "Selects the text a reader tabbed into, once the field shows it for\nediting, as Tab into a native `<input>` holding text selects all of it,\nfrom either side. Not when this element hands the caret back itself.\n\n**After the update**, because focus is what turns editing on, and the\ntext the field then writes put the caret at its end. Measured in\nChromium before this: Tab into a Time Input holding `14:30` left the\nselection at 5 to 5, and typing `9am` gave `14:309am`. A press keeps\nits caret where the pointer put it.",
|
|
171090
|
+
"inheritedFrom": {
|
|
171091
|
+
"name": "MixinPickerEditing",
|
|
171092
|
+
"module": "src/mixins/mixin-picker-editing/mixin-picker-editing.ts"
|
|
171093
|
+
}
|
|
171094
|
+
},
|
|
170553
171095
|
{
|
|
170554
171096
|
"kind": "field",
|
|
170555
171097
|
"name": "badInputMessage",
|
|
@@ -171898,13 +172440,13 @@
|
|
|
171898
172440
|
{
|
|
171899
172441
|
"kind": "method",
|
|
171900
172442
|
"name": "runPendingUpdate",
|
|
171901
|
-
"privacy": "
|
|
172443
|
+
"privacy": "protected",
|
|
171902
172444
|
"return": {
|
|
171903
172445
|
"type": {
|
|
171904
172446
|
"text": "void"
|
|
171905
172447
|
}
|
|
171906
172448
|
},
|
|
171907
|
-
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously
|
|
172449
|
+
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously.\n\nProtected for a control that submits on its own, which has to hand the\nform the verdict for what it holds now: Pin Input's `autosubmit`.",
|
|
171908
172450
|
"inheritedFrom": {
|
|
171909
172451
|
"name": "HelixFormElement",
|
|
171910
172452
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -172045,6 +172587,31 @@
|
|
|
172045
172587
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
172046
172588
|
}
|
|
172047
172589
|
},
|
|
172590
|
+
{
|
|
172591
|
+
"kind": "method",
|
|
172592
|
+
"name": "formAssociatedCallback",
|
|
172593
|
+
"return": {
|
|
172594
|
+
"type": {
|
|
172595
|
+
"text": "void"
|
|
172596
|
+
}
|
|
172597
|
+
},
|
|
172598
|
+
"parameters": [
|
|
172599
|
+
{
|
|
172600
|
+
"name": "form",
|
|
172601
|
+
"type": {
|
|
172602
|
+
"text": "HTMLFormElement | null"
|
|
172603
|
+
}
|
|
172604
|
+
}
|
|
172605
|
+
],
|
|
172606
|
+
"description": "Called by the browser when the control's form changes: watches the new\nform's `checkValidity()`, as connecting does for the form it starts in.",
|
|
172607
|
+
"inheritedFrom": {
|
|
172608
|
+
"name": "HelixFormElement",
|
|
172609
|
+
"module": "src/helix-form-element/helix-form-element.ts"
|
|
172610
|
+
},
|
|
172611
|
+
"type": {
|
|
172612
|
+
"text": "formAssociatedCallback(form: HTMLFormElement | null) => void"
|
|
172613
|
+
}
|
|
172614
|
+
},
|
|
172048
172615
|
{
|
|
172049
172616
|
"kind": "field",
|
|
172050
172617
|
"name": "form",
|
|
@@ -172649,8 +173216,8 @@
|
|
|
172649
173216
|
"type": {
|
|
172650
173217
|
"text": "string"
|
|
172651
173218
|
},
|
|
172652
|
-
"default": "'{mode, select, single {Enter a time as {
|
|
172653
|
-
"description": "The message for text that is no time, where `bad-input-message` is not\nset. `{mode}` is `single`, `range`, or `multiple`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds
|
|
173219
|
+
"default": "'{mode, select, single {Enter a time such as {example}.} other {Enter times such as {example}, separated by commas.}}'",
|
|
173220
|
+
"description": "The message for text that is no time, where `bad-input-message` is not\nset. `{mode}` is `single`, `range`, or `multiple`, `{example}` is a time\nwritten as the field writes one, `2:30 PM` in `en-US` and `14:30` in\n`de-DE`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds`.\n\n**The default names a time the field reads back.** It said \"Enter a time\nas HH:mm.\" to a reader whose field showed `2:30 PM`, and a pattern token\nis words for a developer.",
|
|
172654
173221
|
"fieldName": "unreadableMessage"
|
|
172655
173222
|
},
|
|
172656
173223
|
{
|
|
@@ -174748,13 +175315,13 @@
|
|
|
174748
175315
|
{
|
|
174749
175316
|
"kind": "method",
|
|
174750
175317
|
"name": "runPendingUpdate",
|
|
174751
|
-
"privacy": "
|
|
175318
|
+
"privacy": "protected",
|
|
174752
175319
|
"return": {
|
|
174753
175320
|
"type": {
|
|
174754
175321
|
"text": "void"
|
|
174755
175322
|
}
|
|
174756
175323
|
},
|
|
174757
|
-
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously
|
|
175324
|
+
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously.\n\nProtected for a control that submits on its own, which has to hand the\nform the verdict for what it holds now: Pin Input's `autosubmit`.",
|
|
174758
175325
|
"inheritedFrom": {
|
|
174759
175326
|
"name": "HelixFormElement",
|
|
174760
175327
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -174895,6 +175462,31 @@
|
|
|
174895
175462
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
174896
175463
|
}
|
|
174897
175464
|
},
|
|
175465
|
+
{
|
|
175466
|
+
"kind": "method",
|
|
175467
|
+
"name": "formAssociatedCallback",
|
|
175468
|
+
"return": {
|
|
175469
|
+
"type": {
|
|
175470
|
+
"text": "void"
|
|
175471
|
+
}
|
|
175472
|
+
},
|
|
175473
|
+
"parameters": [
|
|
175474
|
+
{
|
|
175475
|
+
"name": "form",
|
|
175476
|
+
"type": {
|
|
175477
|
+
"text": "HTMLFormElement | null"
|
|
175478
|
+
}
|
|
175479
|
+
}
|
|
175480
|
+
],
|
|
175481
|
+
"description": "Called by the browser when the control's form changes: watches the new\nform's `checkValidity()`, as connecting does for the form it starts in.",
|
|
175482
|
+
"inheritedFrom": {
|
|
175483
|
+
"name": "HelixFormElement",
|
|
175484
|
+
"module": "src/helix-form-element/helix-form-element.ts"
|
|
175485
|
+
},
|
|
175486
|
+
"type": {
|
|
175487
|
+
"text": "formAssociatedCallback(form: HTMLFormElement | null) => void"
|
|
175488
|
+
}
|
|
175489
|
+
},
|
|
174898
175490
|
{
|
|
174899
175491
|
"kind": "field",
|
|
174900
175492
|
"name": "form",
|
|
@@ -180501,13 +181093,13 @@
|
|
|
180501
181093
|
{
|
|
180502
181094
|
"kind": "method",
|
|
180503
181095
|
"name": "runPendingUpdate",
|
|
180504
|
-
"privacy": "
|
|
181096
|
+
"privacy": "protected",
|
|
180505
181097
|
"return": {
|
|
180506
181098
|
"type": {
|
|
180507
181099
|
"text": "void"
|
|
180508
181100
|
}
|
|
180509
181101
|
},
|
|
180510
|
-
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously
|
|
181102
|
+
"description": "Runs an update that is on its way, so the verdict read next is the one\nfor what the control holds now.\n\n**A control reports its verdict as it updates, and an update waits for a\nmicrotask**, so a script that wrote `value` and asked at once was answered\nabout the value before: measured on Time Input, `value = '18:00'` past a\n`max` of 17:00 and `checkValidity()` returned true until `updateComplete`.\nA native control answers about the value it was just given, so the\nquestions a script can ask run the pending update first. Lit's\n`performUpdate` is the documented way to run one synchronously.\n\nProtected for a control that submits on its own, which has to hand the\nform the verdict for what it holds now: Pin Input's `autosubmit`.",
|
|
180511
181103
|
"inheritedFrom": {
|
|
180512
181104
|
"name": "HelixFormElement",
|
|
180513
181105
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -180660,6 +181252,31 @@
|
|
|
180660
181252
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
180661
181253
|
}
|
|
180662
181254
|
},
|
|
181255
|
+
{
|
|
181256
|
+
"kind": "method",
|
|
181257
|
+
"name": "formAssociatedCallback",
|
|
181258
|
+
"return": {
|
|
181259
|
+
"type": {
|
|
181260
|
+
"text": "void"
|
|
181261
|
+
}
|
|
181262
|
+
},
|
|
181263
|
+
"parameters": [
|
|
181264
|
+
{
|
|
181265
|
+
"name": "form",
|
|
181266
|
+
"type": {
|
|
181267
|
+
"text": "HTMLFormElement | null"
|
|
181268
|
+
}
|
|
181269
|
+
}
|
|
181270
|
+
],
|
|
181271
|
+
"description": "Called by the browser when the control's form changes: watches the new\nform's `checkValidity()`, as connecting does for the form it starts in.",
|
|
181272
|
+
"inheritedFrom": {
|
|
181273
|
+
"name": "HelixFormElement",
|
|
181274
|
+
"module": "src/helix-form-element/helix-form-element.ts"
|
|
181275
|
+
},
|
|
181276
|
+
"type": {
|
|
181277
|
+
"text": "formAssociatedCallback(form: HTMLFormElement | null) => void"
|
|
181278
|
+
}
|
|
181279
|
+
},
|
|
180663
181280
|
{
|
|
180664
181281
|
"kind": "field",
|
|
180665
181282
|
"name": "form",
|
|
@@ -186319,7 +186936,7 @@
|
|
|
186319
186936
|
"declarations": [
|
|
186320
186937
|
{
|
|
186321
186938
|
"kind": "class",
|
|
186322
|
-
"description": "`open` comes from `MixinControllerOpen`, the same state a disclosure holds,\nso you can respond to a branch opening and control the state yourself. The\nrow renders `aria-expanded`.\n\nEach item is an element because it holds state: whether it is open, selected,\nand focused.\n\nAn item is a branch when
|
|
186939
|
+
"description": "`open` comes from `MixinControllerOpen`, the same state a disclosure holds,\nso you can respond to a branch opening and control the state yourself. The\nrow renders `aria-expanded`.\n\nEach item is an element because it holds state: whether it is open, selected,\nand focused.\n\nAn item is a branch when an item is slotted into `children`, with\n`slot=\"children\"` on each nested item. This is detected on the client, so\nserver-rendered markup shows a leaf and the twisty appears on hydration.\n\n**`href` makes the whole row a link**, rendered as an `<a>`. Enter, middle\nclick, and the status bar then work anywhere on the row.\n\nPressing a branch, or Enter or Space on it, opens or closes it. A branch with\na `value` is chosen as well and sends `helix-select`, unless the tree has\n`nesting=\"heading\"`, where a branch names the list under it, or\n`selection-mode=\"leaf\"`, where only the items at the ends are chosen.\n\nA `disabled` item is reached by the arrow keys and announced as unavailable,\nand a press, Enter or Space on it does nothing.\n\nA `lazy` item is a branch whose children you load when it opens: opening it\nsends `helix-load`, the row says it is busy, and the children you add appear\nin it. Remove `lazy` once they are in.\n\n**In a `reorderable` tree, the row has a grip** at its far end, which a\npointer drags to move the item among its siblings. The tree says which item\nis moving and where the drop indicator is, with the `dragging`,\n`drop-before`, and `drop-after` states.",
|
|
186323
186940
|
"name": "HelixHeadlessTreeItem",
|
|
186324
186941
|
"cssProperties": [
|
|
186325
186942
|
{
|
|
@@ -186371,7 +186988,7 @@
|
|
|
186371
186988
|
],
|
|
186372
186989
|
"slots": [
|
|
186373
186990
|
{
|
|
186374
|
-
"description": "The item's label.",
|
|
186991
|
+
"description": "The item's label. A nested item does not go here: give it `slot=\"children\"`. In a development build, an item nested here is reported.",
|
|
186375
186992
|
"name": ""
|
|
186376
186993
|
},
|
|
186377
186994
|
{
|
|
@@ -198315,6 +198932,6 @@
|
|
|
198315
198932
|
],
|
|
198316
198933
|
"helix": {
|
|
198317
198934
|
"package": "@fusion.dev/helix-headless",
|
|
198318
|
-
"version": "0.
|
|
198935
|
+
"version": "0.177.1"
|
|
198319
198936
|
}
|
|
198320
198937
|
}
|