@fusion.dev/helix 0.176.1 → 0.177.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +692 -611
- package/dist/aura/root/aura-root.d.ts +12 -1
- package/dist/aura/root/aura-root.js +14 -2
- package/dist/avatar/root/avatar-root.d.ts +1 -1
- package/dist/canvas/root/canvas-root.d.ts +4 -0
- package/dist/donut-chart/root/donut-chart-root.css.js +1 -1
- package/dist/donut-chart/root/donut-chart-root.js +2 -1
- package/dist/element-events.generated.js +2 -0
- package/dist/graph/root/graph-root.d.ts +4 -0
- package/dist/heatmap/root/heatmap-root.css.js +2 -1
- package/dist/icon-button/root/icon-button-root.css.js +2 -2
- package/dist/loader/root/loader-root.css.js +2 -2
- package/dist/loader/root/loader-root.d.ts +4 -1
- package/dist/map/root/map-root.d.ts +4 -0
- package/dist/scatter-chart/root/scatter-chart-root.css.js +1 -1
- package/dist/shared/chart/status.css.js +1 -1
- package/dist/tree/item/tree-item.d.ts +1 -1
- package/lint.json +1 -1
- package/package.json +6 -6
- package/types/jsx.d.ts +337 -323
- package/types/vue.d.ts +86 -12
package/custom-elements.json
CHANGED
|
@@ -4389,23 +4389,27 @@
|
|
|
4389
4389
|
}
|
|
4390
4390
|
},
|
|
4391
4391
|
{
|
|
4392
|
-
"kind": "
|
|
4393
|
-
"name": "
|
|
4392
|
+
"kind": "method",
|
|
4393
|
+
"name": "renderEmpty",
|
|
4394
4394
|
"privacy": "protected",
|
|
4395
|
-
"
|
|
4396
|
-
|
|
4397
|
-
|
|
4395
|
+
"return": {
|
|
4396
|
+
"type": {
|
|
4397
|
+
"text": "TemplateResult"
|
|
4398
|
+
}
|
|
4399
|
+
},
|
|
4400
|
+
"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.",
|
|
4398
4401
|
"inheritedFrom": {
|
|
4399
|
-
"name": "
|
|
4400
|
-
"module": "src/mixins/mixin-chart-
|
|
4402
|
+
"name": "MixinChartStatus",
|
|
4403
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
4401
4404
|
}
|
|
4402
4405
|
},
|
|
4403
4406
|
{
|
|
4404
4407
|
"kind": "field",
|
|
4405
|
-
"name": "
|
|
4408
|
+
"name": "source",
|
|
4409
|
+
"privacy": "protected",
|
|
4406
4410
|
"readonly": true,
|
|
4407
|
-
"default": "new
|
|
4408
|
-
"description": "
|
|
4411
|
+
"default": "new SourceController(this)",
|
|
4412
|
+
"description": "Resolves `for` and re-renders when the table behind it changes.",
|
|
4409
4413
|
"inheritedFrom": {
|
|
4410
4414
|
"name": "MixinChartSource",
|
|
4411
4415
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
@@ -4483,57 +4487,6 @@
|
|
|
4483
4487
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
4484
4488
|
}
|
|
4485
4489
|
},
|
|
4486
|
-
{
|
|
4487
|
-
"kind": "field",
|
|
4488
|
-
"name": "observedAttributes",
|
|
4489
|
-
"type": {
|
|
4490
|
-
"text": "string[]"
|
|
4491
|
-
},
|
|
4492
|
-
"static": true,
|
|
4493
|
-
"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.",
|
|
4494
|
-
"readonly": true,
|
|
4495
|
-
"inheritedFrom": {
|
|
4496
|
-
"name": "MixinChartSource",
|
|
4497
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
4498
|
-
}
|
|
4499
|
-
},
|
|
4500
|
-
{
|
|
4501
|
-
"kind": "method",
|
|
4502
|
-
"name": "attributeChangedCallback",
|
|
4503
|
-
"return": {
|
|
4504
|
-
"type": {
|
|
4505
|
-
"text": "void"
|
|
4506
|
-
}
|
|
4507
|
-
},
|
|
4508
|
-
"parameters": [
|
|
4509
|
-
{
|
|
4510
|
-
"name": "name",
|
|
4511
|
-
"type": {
|
|
4512
|
-
"text": "string"
|
|
4513
|
-
}
|
|
4514
|
-
},
|
|
4515
|
-
{
|
|
4516
|
-
"name": "old",
|
|
4517
|
-
"type": {
|
|
4518
|
-
"text": "string | null"
|
|
4519
|
-
}
|
|
4520
|
-
},
|
|
4521
|
-
{
|
|
4522
|
-
"name": "value",
|
|
4523
|
-
"type": {
|
|
4524
|
-
"text": "string | null"
|
|
4525
|
-
}
|
|
4526
|
-
}
|
|
4527
|
-
],
|
|
4528
|
-
"description": "Called by the browser when an observed attribute changes. A new\n`aria-label` asks for an update, because it names the plot.",
|
|
4529
|
-
"inheritedFrom": {
|
|
4530
|
-
"name": "MixinChartSource",
|
|
4531
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
4532
|
-
},
|
|
4533
|
-
"type": {
|
|
4534
|
-
"text": "attributeChangedCallback(name: string, old: string | null, value: string | null) => void"
|
|
4535
|
-
}
|
|
4536
|
-
},
|
|
4537
4490
|
{
|
|
4538
4491
|
"kind": "field",
|
|
4539
4492
|
"name": "series",
|
|
@@ -4560,32 +4513,6 @@
|
|
|
4560
4513
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
4561
4514
|
}
|
|
4562
4515
|
},
|
|
4563
|
-
{
|
|
4564
|
-
"kind": "field",
|
|
4565
|
-
"name": "readingsKnown",
|
|
4566
|
-
"type": {
|
|
4567
|
-
"text": "boolean"
|
|
4568
|
-
},
|
|
4569
|
-
"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.",
|
|
4570
|
-
"readonly": true,
|
|
4571
|
-
"inheritedFrom": {
|
|
4572
|
-
"name": "MixinChartSource",
|
|
4573
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
4574
|
-
}
|
|
4575
|
-
},
|
|
4576
|
-
{
|
|
4577
|
-
"kind": "field",
|
|
4578
|
-
"name": "sourceRows",
|
|
4579
|
-
"type": {
|
|
4580
|
-
"text": "Row[]"
|
|
4581
|
-
},
|
|
4582
|
-
"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.",
|
|
4583
|
-
"readonly": true,
|
|
4584
|
-
"inheritedFrom": {
|
|
4585
|
-
"name": "MixinChartSource",
|
|
4586
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
4587
|
-
}
|
|
4588
|
-
},
|
|
4589
4516
|
{
|
|
4590
4517
|
"kind": "field",
|
|
4591
4518
|
"name": "plottedColumns",
|
|
@@ -4712,6 +4639,21 @@
|
|
|
4712
4639
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
4713
4640
|
}
|
|
4714
4641
|
},
|
|
4642
|
+
{
|
|
4643
|
+
"kind": "method",
|
|
4644
|
+
"name": "renderTable",
|
|
4645
|
+
"privacy": "protected",
|
|
4646
|
+
"return": {
|
|
4647
|
+
"type": {
|
|
4648
|
+
"text": "TemplateResult | typeof nothing"
|
|
4649
|
+
}
|
|
4650
|
+
},
|
|
4651
|
+
"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.",
|
|
4652
|
+
"inheritedFrom": {
|
|
4653
|
+
"name": "MixinChartSource",
|
|
4654
|
+
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
4655
|
+
}
|
|
4656
|
+
},
|
|
4715
4657
|
{
|
|
4716
4658
|
"kind": "field",
|
|
4717
4659
|
"name": "curve",
|
|
@@ -5869,7 +5811,7 @@
|
|
|
5869
5811
|
}
|
|
5870
5812
|
},
|
|
5871
5813
|
{
|
|
5872
|
-
"description": "The drawing, which takes focus to be read by key.",
|
|
5814
|
+
"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.",
|
|
5873
5815
|
"name": "plot",
|
|
5874
5816
|
"inheritedFrom": {
|
|
5875
5817
|
"name": "HelixHeadlessAreaChart",
|
|
@@ -5892,6 +5834,14 @@
|
|
|
5892
5834
|
"module": "src/area-chart/root/area-chart-root.ts"
|
|
5893
5835
|
}
|
|
5894
5836
|
},
|
|
5837
|
+
{
|
|
5838
|
+
"description": "The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.",
|
|
5839
|
+
"name": "table",
|
|
5840
|
+
"inheritedFrom": {
|
|
5841
|
+
"name": "HelixHeadlessAreaChart",
|
|
5842
|
+
"module": "src/area-chart/root/area-chart-root.ts"
|
|
5843
|
+
}
|
|
5844
|
+
},
|
|
5895
5845
|
{
|
|
5896
5846
|
"description": "One number on the axis, placed with `inset-block-start` at its level.",
|
|
5897
5847
|
"name": "tick",
|
|
@@ -6056,6 +6006,30 @@
|
|
|
6056
6006
|
}
|
|
6057
6007
|
],
|
|
6058
6008
|
"cssStates": [
|
|
6009
|
+
{
|
|
6010
|
+
"description": "While a reading is shown, under the pointer or the keys, with its tooltip open.",
|
|
6011
|
+
"name": "active",
|
|
6012
|
+
"inheritedFrom": {
|
|
6013
|
+
"name": "HelixHeadlessAreaChart",
|
|
6014
|
+
"module": "src/area-chart/root/area-chart-root.ts"
|
|
6015
|
+
}
|
|
6016
|
+
},
|
|
6017
|
+
{
|
|
6018
|
+
"description": "While the `empty` part stands in the plot.",
|
|
6019
|
+
"name": "empty",
|
|
6020
|
+
"inheritedFrom": {
|
|
6021
|
+
"name": "HelixHeadlessAreaChart",
|
|
6022
|
+
"module": "src/area-chart/root/area-chart-root.ts"
|
|
6023
|
+
}
|
|
6024
|
+
},
|
|
6025
|
+
{
|
|
6026
|
+
"description": "While the `loading` part stands in the plot.",
|
|
6027
|
+
"name": "loading",
|
|
6028
|
+
"inheritedFrom": {
|
|
6029
|
+
"name": "HelixHeadlessAreaChart",
|
|
6030
|
+
"module": "src/area-chart/root/area-chart-root.ts"
|
|
6031
|
+
}
|
|
6032
|
+
},
|
|
6059
6033
|
{
|
|
6060
6034
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
6061
6035
|
"name": "settled",
|
|
@@ -6264,7 +6238,7 @@
|
|
|
6264
6238
|
"declarations": [
|
|
6265
6239
|
{
|
|
6266
6240
|
"kind": "class",
|
|
6267
|
-
"description": "One fragment shader draws over a full-screen triangle, and its palette comes\nfrom the tokens. A background built on `--helix-color-primary` changes when\nyour brand color changes.\n\nEvery shape ramps through four token stops, and the token layer inverts each\none: the page background, `primary-subtle`, `primary`, and a peak. The peak\nis the foreground on a dark page and `primary-active` on a light one, because\nmixing a saturated hue toward near-black removes its chroma. The component\nreads which way the page runs from the background's luminance, because the\nmode is a private token.\n\nThe geometry is three vertices derived from `gl_VertexID`. There is no\ndependency, scene graph, attribute, buffer, or upload.\n\nThe shader stops drawing in these cases:\n- The element is off screen or in a background tab.\n- `prefers-reduced-motion` is set. The element shows one still frame.\n- The browser takes back the drawing context, on a GPU reset or past its\n limit of about sixteen contexts. The gradient shows until the context\n returns.\n\nOn a renderer that draws on the CPU, such as a headless browser or a machine\nwith no usable GPU, the element shows the gradient. There the shader costs\nabout 450ms for the first frame of each element, against 2ms on a GPU.\n\nAura is styled only and has behavior, which the tier split does not otherwise\nallow. Its behavior is drawing to a canvas, so there is no structure for you\nto restyle and nothing for a headless version to hold.\n\n**Content placed inside sits over the field**, in a `content` part that\ncovers the aura, so an interactive aura answers the pointer over the\ncontent too. Clicks still reach the content. Style `::part(content)` to\nplace it, such as centering a hero's heading.\n\n**The colors are the theme's, and each has a hook**: `--aura-ground`,\n`--aura-haze`, `--aura-glow` and `--aura-peak`, read by the shader and by the\nfallback gradient alike, from wherever on the page you set them. A hook\nchanged while the aura draws, by a class, a style or the color mode,\nreaches the shader on the next frame.\n\nWhere the gradient shows in place of the shader, the aura matches\n`:state(fallback)` and sends `helix-aura-fallback` with the reason.",
|
|
6241
|
+
"description": "One fragment shader draws over a full-screen triangle, and its palette comes\nfrom the tokens. A background built on `--helix-color-primary` changes when\nyour brand color changes.\n\nEvery shape ramps through four token stops, and the token layer inverts each\none: the page background, `primary-subtle`, `primary`, and a peak. The peak\nis the foreground on a dark page and `primary-active` on a light one, because\nmixing a saturated hue toward near-black removes its chroma. The component\nreads which way the page runs from the background's luminance, because the\nmode is a private token.\n\nThe geometry is three vertices derived from `gl_VertexID`. There is no\ndependency, scene graph, attribute, buffer, or upload.\n\nThe shader stops drawing in these cases:\n- The element is off screen or in a background tab.\n- `prefers-reduced-motion` is set. The element shows one still frame.\n- `paused` is set, from a pause control on your page. The element holds the\n frame it shows.\n- The browser takes back the drawing context, on a GPU reset or past its\n limit of about sixteen contexts. The gradient shows until the context\n returns.\n\nOn a renderer that draws on the CPU, such as a headless browser or a machine\nwith no usable GPU, the element shows the gradient. There the shader costs\nabout 450ms for the first frame of each element, against 2ms on a GPU.\n\nAura is styled only and has behavior, which the tier split does not otherwise\nallow. Its behavior is drawing to a canvas, so there is no structure for you\nto restyle and nothing for a headless version to hold.\n\n**Content placed inside sits over the field**, in a `content` part that\ncovers the aura, so an interactive aura answers the pointer over the\ncontent too. Clicks still reach the content. Style `::part(content)` to\nplace it, such as centering a hero's heading.\n\n**The colors are the theme's, and each has a hook**: `--aura-ground`,\n`--aura-haze`, `--aura-glow` and `--aura-peak`, read by the shader and by the\nfallback gradient alike, from wherever on the page you set them. A hook\nchanged while the aura draws, by a class, a style or the color mode,\nreaches the shader on the next frame.\n\nWhere the gradient shows in place of the shader, the aura matches\n`:state(fallback)` and sends `helix-aura-fallback` with the reason.",
|
|
6268
6242
|
"name": "HelixAura",
|
|
6269
6243
|
"cssProperties": [
|
|
6270
6244
|
{
|
|
@@ -6351,6 +6325,16 @@
|
|
|
6351
6325
|
"attribute": "interactive",
|
|
6352
6326
|
"reflects": true
|
|
6353
6327
|
},
|
|
6328
|
+
{
|
|
6329
|
+
"kind": "field",
|
|
6330
|
+
"name": "paused",
|
|
6331
|
+
"type": {
|
|
6332
|
+
"text": "boolean"
|
|
6333
|
+
},
|
|
6334
|
+
"default": "false",
|
|
6335
|
+
"description": "Whether the field holds still on the frame it shows.\n\nSet it from a pause control on your page, so a reader can stop the motion,\nas WCAG 2.2.2 asks of anything that moves for more than five seconds. A\nchange to another property still repaints the frame. Clearing it starts\nthe field from where it stopped.",
|
|
6336
|
+
"attribute": "paused"
|
|
6337
|
+
},
|
|
6354
6338
|
{
|
|
6355
6339
|
"kind": "field",
|
|
6356
6340
|
"name": "reach",
|
|
@@ -6604,7 +6588,7 @@
|
|
|
6604
6588
|
"name": "gate",
|
|
6605
6589
|
"privacy": "private",
|
|
6606
6590
|
"readonly": true,
|
|
6607
|
-
"default": "new PaintGateController(this, { canRun: () => !!this.gl && !this.gl.isContextLost() && this.width > 0 && this.opened, onFrame: (delta) => { this.advance(delta) }, onMotion: (reduced) => { /* The still frame is drawn rather than assumed, because the canvas holds whatever was on it when the loop stopped and mid-drift is not the opening shape. `Orb` does the same, on the same two arms. */ if (reduced) { this.paintOnce() } }, onResize: () => { this.resized() }, })",
|
|
6591
|
+
"default": "new PaintGateController(this, { canRun: () => !this.paused && !!this.gl && !this.gl.isContextLost() && this.width > 0 && this.opened, onFrame: (delta) => { this.advance(delta) }, onMotion: (reduced) => { /* The still frame is drawn rather than assumed, because the canvas holds whatever was on it when the loop stopped and mid-drift is not the opening shape. `Orb` does the same, on the same two arms. */ if (reduced) { this.paintOnce() } }, onResize: () => { this.resized() }, })",
|
|
6608
6592
|
"description": "Whether anybody is looking, and the loop that draws for them.\n\n**Four reasons to refuse a frame that the gate cannot know**: a context it\nwas never given, one the browser has taken, a drawing buffer no measurement\nhas sized, and an opening frame still owed. The first two draw nothing at\nall and the last two draw at the wrong scale, which `measure` and `opened`\neach have their own note about."
|
|
6609
6593
|
},
|
|
6610
6594
|
{
|
|
@@ -7334,6 +7318,15 @@
|
|
|
7334
7318
|
"description": "Whether the pointer shifts and lifts the field.\n\nReflected because the stylesheet selects on it: a background is not\nhit-testable at rest, or it would swallow clicks meant for what is over it,\nand an element that is not hit-testable never receives the `pointermove`\nthis listens for. Asking for the pointer is asking for the hit test.",
|
|
7335
7319
|
"fieldName": "interactive"
|
|
7336
7320
|
},
|
|
7321
|
+
{
|
|
7322
|
+
"name": "paused",
|
|
7323
|
+
"type": {
|
|
7324
|
+
"text": "boolean"
|
|
7325
|
+
},
|
|
7326
|
+
"default": "false",
|
|
7327
|
+
"description": "Whether the field holds still on the frame it shows.\n\nSet it from a pause control on your page, so a reader can stop the motion,\nas WCAG 2.2.2 asks of anything that moves for more than five seconds. A\nchange to another property still repaints the frame. Clearing it starts\nthe field from where it stopped.",
|
|
7328
|
+
"fieldName": "paused"
|
|
7329
|
+
},
|
|
7337
7330
|
{
|
|
7338
7331
|
"name": "reach",
|
|
7339
7332
|
"type": {
|
|
@@ -8311,7 +8304,7 @@
|
|
|
8311
8304
|
],
|
|
8312
8305
|
"slots": [
|
|
8313
8306
|
{
|
|
8314
|
-
"description": "
|
|
8307
|
+
"description": "Shown when there is no usable image, in place of the initials, for an icon. Hidden from assistive technology when the avatar has a `name`, which the host announces.",
|
|
8315
8308
|
"name": "",
|
|
8316
8309
|
"inheritedFrom": {
|
|
8317
8310
|
"name": "HelixHeadlessAvatar",
|
|
@@ -10252,23 +10245,27 @@
|
|
|
10252
10245
|
}
|
|
10253
10246
|
},
|
|
10254
10247
|
{
|
|
10255
|
-
"kind": "
|
|
10256
|
-
"name": "
|
|
10248
|
+
"kind": "method",
|
|
10249
|
+
"name": "renderEmpty",
|
|
10257
10250
|
"privacy": "protected",
|
|
10258
|
-
"
|
|
10259
|
-
|
|
10260
|
-
|
|
10251
|
+
"return": {
|
|
10252
|
+
"type": {
|
|
10253
|
+
"text": "TemplateResult"
|
|
10254
|
+
}
|
|
10255
|
+
},
|
|
10256
|
+
"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.",
|
|
10261
10257
|
"inheritedFrom": {
|
|
10262
|
-
"name": "
|
|
10263
|
-
"module": "src/mixins/mixin-chart-
|
|
10258
|
+
"name": "MixinChartStatus",
|
|
10259
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
10264
10260
|
}
|
|
10265
10261
|
},
|
|
10266
10262
|
{
|
|
10267
10263
|
"kind": "field",
|
|
10268
|
-
"name": "
|
|
10264
|
+
"name": "source",
|
|
10265
|
+
"privacy": "protected",
|
|
10269
10266
|
"readonly": true,
|
|
10270
|
-
"default": "new
|
|
10271
|
-
"description": "
|
|
10267
|
+
"default": "new SourceController(this)",
|
|
10268
|
+
"description": "Resolves `for` and re-renders when the table behind it changes.",
|
|
10272
10269
|
"inheritedFrom": {
|
|
10273
10270
|
"name": "MixinChartSource",
|
|
10274
10271
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
@@ -10346,57 +10343,6 @@
|
|
|
10346
10343
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
10347
10344
|
}
|
|
10348
10345
|
},
|
|
10349
|
-
{
|
|
10350
|
-
"kind": "field",
|
|
10351
|
-
"name": "observedAttributes",
|
|
10352
|
-
"type": {
|
|
10353
|
-
"text": "string[]"
|
|
10354
|
-
},
|
|
10355
|
-
"static": true,
|
|
10356
|
-
"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.",
|
|
10357
|
-
"readonly": true,
|
|
10358
|
-
"inheritedFrom": {
|
|
10359
|
-
"name": "MixinChartSource",
|
|
10360
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
10361
|
-
}
|
|
10362
|
-
},
|
|
10363
|
-
{
|
|
10364
|
-
"kind": "method",
|
|
10365
|
-
"name": "attributeChangedCallback",
|
|
10366
|
-
"return": {
|
|
10367
|
-
"type": {
|
|
10368
|
-
"text": "void"
|
|
10369
|
-
}
|
|
10370
|
-
},
|
|
10371
|
-
"parameters": [
|
|
10372
|
-
{
|
|
10373
|
-
"name": "name",
|
|
10374
|
-
"type": {
|
|
10375
|
-
"text": "string"
|
|
10376
|
-
}
|
|
10377
|
-
},
|
|
10378
|
-
{
|
|
10379
|
-
"name": "old",
|
|
10380
|
-
"type": {
|
|
10381
|
-
"text": "string | null"
|
|
10382
|
-
}
|
|
10383
|
-
},
|
|
10384
|
-
{
|
|
10385
|
-
"name": "value",
|
|
10386
|
-
"type": {
|
|
10387
|
-
"text": "string | null"
|
|
10388
|
-
}
|
|
10389
|
-
}
|
|
10390
|
-
],
|
|
10391
|
-
"description": "Called by the browser when an observed attribute changes. A new\n`aria-label` asks for an update, because it names the plot.",
|
|
10392
|
-
"inheritedFrom": {
|
|
10393
|
-
"name": "MixinChartSource",
|
|
10394
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
10395
|
-
},
|
|
10396
|
-
"type": {
|
|
10397
|
-
"text": "attributeChangedCallback(name: string, old: string | null, value: string | null) => void"
|
|
10398
|
-
}
|
|
10399
|
-
},
|
|
10400
10346
|
{
|
|
10401
10347
|
"kind": "field",
|
|
10402
10348
|
"name": "series",
|
|
@@ -10423,32 +10369,6 @@
|
|
|
10423
10369
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
10424
10370
|
}
|
|
10425
10371
|
},
|
|
10426
|
-
{
|
|
10427
|
-
"kind": "field",
|
|
10428
|
-
"name": "readingsKnown",
|
|
10429
|
-
"type": {
|
|
10430
|
-
"text": "boolean"
|
|
10431
|
-
},
|
|
10432
|
-
"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.",
|
|
10433
|
-
"readonly": true,
|
|
10434
|
-
"inheritedFrom": {
|
|
10435
|
-
"name": "MixinChartSource",
|
|
10436
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
10437
|
-
}
|
|
10438
|
-
},
|
|
10439
|
-
{
|
|
10440
|
-
"kind": "field",
|
|
10441
|
-
"name": "sourceRows",
|
|
10442
|
-
"type": {
|
|
10443
|
-
"text": "Row[]"
|
|
10444
|
-
},
|
|
10445
|
-
"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.",
|
|
10446
|
-
"readonly": true,
|
|
10447
|
-
"inheritedFrom": {
|
|
10448
|
-
"name": "MixinChartSource",
|
|
10449
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
10450
|
-
}
|
|
10451
|
-
},
|
|
10452
10372
|
{
|
|
10453
10373
|
"kind": "field",
|
|
10454
10374
|
"name": "plottedColumns",
|
|
@@ -10575,6 +10495,21 @@
|
|
|
10575
10495
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
10576
10496
|
}
|
|
10577
10497
|
},
|
|
10498
|
+
{
|
|
10499
|
+
"kind": "method",
|
|
10500
|
+
"name": "renderTable",
|
|
10501
|
+
"privacy": "protected",
|
|
10502
|
+
"return": {
|
|
10503
|
+
"type": {
|
|
10504
|
+
"text": "TemplateResult | typeof nothing"
|
|
10505
|
+
}
|
|
10506
|
+
},
|
|
10507
|
+
"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.",
|
|
10508
|
+
"inheritedFrom": {
|
|
10509
|
+
"name": "MixinChartSource",
|
|
10510
|
+
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
10511
|
+
}
|
|
10512
|
+
},
|
|
10578
10513
|
{
|
|
10579
10514
|
"kind": "field",
|
|
10580
10515
|
"name": "gridlines",
|
|
@@ -11864,7 +11799,7 @@
|
|
|
11864
11799
|
}
|
|
11865
11800
|
},
|
|
11866
11801
|
{
|
|
11867
|
-
"description": "The drawing, which takes focus to be read by key.",
|
|
11802
|
+
"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.",
|
|
11868
11803
|
"name": "plot",
|
|
11869
11804
|
"inheritedFrom": {
|
|
11870
11805
|
"name": "HelixHeadlessBarChart",
|
|
@@ -11887,6 +11822,14 @@
|
|
|
11887
11822
|
"module": "src/bar-chart/root/bar-chart-root.ts"
|
|
11888
11823
|
}
|
|
11889
11824
|
},
|
|
11825
|
+
{
|
|
11826
|
+
"description": "The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.",
|
|
11827
|
+
"name": "table",
|
|
11828
|
+
"inheritedFrom": {
|
|
11829
|
+
"name": "HelixHeadlessBarChart",
|
|
11830
|
+
"module": "src/bar-chart/root/bar-chart-root.ts"
|
|
11831
|
+
}
|
|
11832
|
+
},
|
|
11890
11833
|
{
|
|
11891
11834
|
"description": "One number on an axis.",
|
|
11892
11835
|
"name": "tick",
|
|
@@ -12051,6 +11994,30 @@
|
|
|
12051
11994
|
}
|
|
12052
11995
|
],
|
|
12053
11996
|
"cssStates": [
|
|
11997
|
+
{
|
|
11998
|
+
"description": "While a reading is shown, under the pointer or the keys, with its tooltip open.",
|
|
11999
|
+
"name": "active",
|
|
12000
|
+
"inheritedFrom": {
|
|
12001
|
+
"name": "HelixHeadlessBarChart",
|
|
12002
|
+
"module": "src/bar-chart/root/bar-chart-root.ts"
|
|
12003
|
+
}
|
|
12004
|
+
},
|
|
12005
|
+
{
|
|
12006
|
+
"description": "While the `empty` part stands in the plot.",
|
|
12007
|
+
"name": "empty",
|
|
12008
|
+
"inheritedFrom": {
|
|
12009
|
+
"name": "HelixHeadlessBarChart",
|
|
12010
|
+
"module": "src/bar-chart/root/bar-chart-root.ts"
|
|
12011
|
+
}
|
|
12012
|
+
},
|
|
12013
|
+
{
|
|
12014
|
+
"description": "While the `loading` part stands in the plot.",
|
|
12015
|
+
"name": "loading",
|
|
12016
|
+
"inheritedFrom": {
|
|
12017
|
+
"name": "HelixHeadlessBarChart",
|
|
12018
|
+
"module": "src/bar-chart/root/bar-chart-root.ts"
|
|
12019
|
+
}
|
|
12020
|
+
},
|
|
12054
12021
|
{
|
|
12055
12022
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
12056
12023
|
"name": "settled",
|
|
@@ -20266,7 +20233,7 @@
|
|
|
20266
20233
|
"declarations": [
|
|
20267
20234
|
{
|
|
20268
20235
|
"kind": "class",
|
|
20269
|
-
"description": "Cards and connections take `tone`, like every other family. The tones resolve\nto semantic tokens, so a board follows the page into dark mode.\n`fromJsonCanvas` maps the six JSON Canvas color presets to tones.\n\nPanning and zooming move only the plane. They write three custom properties\nthat one transform reads, so the cards are placed once in the document's\ncoordinates and are not laid out again.",
|
|
20236
|
+
"description": "Cards and connections take `tone`, like every other family. The tones resolve\nto semantic tokens, so a board follows the page into dark mode.\n`fromJsonCanvas` maps the six JSON Canvas color presets to tones.\n\nPanning and zooming move only the plane. They write three custom properties\nthat one transform reads, so the cards are placed once in the document's\ncoordinates and are not laid out again.\n\nThe [Canvases](https://fusion.dev/helix/docs/canvases) guide loads and saves\na board, keeps it in your state, and lists every key and the roles a screen\nreader meets.",
|
|
20270
20237
|
"name": "HelixCanvas",
|
|
20271
20238
|
"cssProperties": [
|
|
20272
20239
|
{
|
|
@@ -74611,7 +74578,7 @@
|
|
|
74611
74578
|
},
|
|
74612
74579
|
"static": true,
|
|
74613
74580
|
"default": "''",
|
|
74614
|
-
"description": "The key
|
|
74581
|
+
"description": "The key the empty and loading words are registered under: the host's\nown, which each chart names with its styled tag, `static words =\n'helix-line-chart'`. A host with none reads its tag name.",
|
|
74615
74582
|
"inheritedFrom": {
|
|
74616
74583
|
"name": "MixinChartSource",
|
|
74617
74584
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
@@ -74619,22 +74586,90 @@
|
|
|
74619
74586
|
},
|
|
74620
74587
|
{
|
|
74621
74588
|
"kind": "field",
|
|
74622
|
-
"name": "
|
|
74589
|
+
"name": "emptyText",
|
|
74590
|
+
"type": {
|
|
74591
|
+
"text": "string"
|
|
74592
|
+
},
|
|
74593
|
+
"default": "'No readings'",
|
|
74594
|
+
"description": "The words shown in place of the drawing when the table has no readings,\nand the fallback of the `empty` slot.",
|
|
74595
|
+
"attribute": "empty-text",
|
|
74596
|
+
"helix": {
|
|
74597
|
+
"words": true
|
|
74598
|
+
},
|
|
74599
|
+
"inheritedFrom": {
|
|
74600
|
+
"name": "MixinChartStatus",
|
|
74601
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
74602
|
+
}
|
|
74603
|
+
},
|
|
74604
|
+
{
|
|
74605
|
+
"kind": "field",
|
|
74606
|
+
"name": "loading",
|
|
74607
|
+
"type": {
|
|
74608
|
+
"text": "boolean"
|
|
74609
|
+
},
|
|
74610
|
+
"default": "false",
|
|
74611
|
+
"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.",
|
|
74612
|
+
"attribute": "loading",
|
|
74613
|
+
"reflects": true,
|
|
74614
|
+
"inheritedFrom": {
|
|
74615
|
+
"name": "MixinChartStatus",
|
|
74616
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
74617
|
+
}
|
|
74618
|
+
},
|
|
74619
|
+
{
|
|
74620
|
+
"kind": "field",
|
|
74621
|
+
"name": "loadingText",
|
|
74622
|
+
"type": {
|
|
74623
|
+
"text": "string"
|
|
74624
|
+
},
|
|
74625
|
+
"default": "'Loading readings'",
|
|
74626
|
+
"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.",
|
|
74627
|
+
"attribute": "loading-text",
|
|
74628
|
+
"helix": {
|
|
74629
|
+
"words": true
|
|
74630
|
+
},
|
|
74631
|
+
"inheritedFrom": {
|
|
74632
|
+
"name": "MixinChartStatus",
|
|
74633
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
74634
|
+
}
|
|
74635
|
+
},
|
|
74636
|
+
{
|
|
74637
|
+
"kind": "method",
|
|
74638
|
+
"name": "renderStatus",
|
|
74623
74639
|
"privacy": "protected",
|
|
74624
|
-
"
|
|
74625
|
-
|
|
74626
|
-
|
|
74640
|
+
"return": {
|
|
74641
|
+
"type": {
|
|
74642
|
+
"text": "TemplateResult | typeof nothing"
|
|
74643
|
+
}
|
|
74644
|
+
},
|
|
74645
|
+
"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.",
|
|
74627
74646
|
"inheritedFrom": {
|
|
74628
|
-
"name": "
|
|
74629
|
-
"module": "src/mixins/mixin-chart-
|
|
74647
|
+
"name": "MixinChartStatus",
|
|
74648
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
74649
|
+
}
|
|
74650
|
+
},
|
|
74651
|
+
{
|
|
74652
|
+
"kind": "method",
|
|
74653
|
+
"name": "renderEmpty",
|
|
74654
|
+
"privacy": "protected",
|
|
74655
|
+
"return": {
|
|
74656
|
+
"type": {
|
|
74657
|
+
"text": "TemplateResult"
|
|
74658
|
+
}
|
|
74659
|
+
},
|
|
74660
|
+
"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.",
|
|
74661
|
+
"inheritedFrom": {
|
|
74662
|
+
"name": "MixinChartStatus",
|
|
74663
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
74630
74664
|
}
|
|
74631
74665
|
},
|
|
74632
74666
|
{
|
|
74633
74667
|
"kind": "field",
|
|
74634
|
-
"name": "
|
|
74668
|
+
"name": "source",
|
|
74669
|
+
"privacy": "protected",
|
|
74635
74670
|
"readonly": true,
|
|
74636
|
-
"default": "new
|
|
74637
|
-
"description": "
|
|
74671
|
+
"default": "new SourceController(this)",
|
|
74672
|
+
"description": "Resolves `for` and re-renders when the table behind it changes.",
|
|
74638
74673
|
"inheritedFrom": {
|
|
74639
74674
|
"name": "MixinChartSource",
|
|
74640
74675
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
@@ -74712,57 +74747,6 @@
|
|
|
74712
74747
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
74713
74748
|
}
|
|
74714
74749
|
},
|
|
74715
|
-
{
|
|
74716
|
-
"kind": "field",
|
|
74717
|
-
"name": "observedAttributes",
|
|
74718
|
-
"type": {
|
|
74719
|
-
"text": "string[]"
|
|
74720
|
-
},
|
|
74721
|
-
"static": true,
|
|
74722
|
-
"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.",
|
|
74723
|
-
"readonly": true,
|
|
74724
|
-
"inheritedFrom": {
|
|
74725
|
-
"name": "MixinChartSource",
|
|
74726
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
74727
|
-
}
|
|
74728
|
-
},
|
|
74729
|
-
{
|
|
74730
|
-
"kind": "method",
|
|
74731
|
-
"name": "attributeChangedCallback",
|
|
74732
|
-
"return": {
|
|
74733
|
-
"type": {
|
|
74734
|
-
"text": "void"
|
|
74735
|
-
}
|
|
74736
|
-
},
|
|
74737
|
-
"parameters": [
|
|
74738
|
-
{
|
|
74739
|
-
"name": "name",
|
|
74740
|
-
"type": {
|
|
74741
|
-
"text": "string"
|
|
74742
|
-
}
|
|
74743
|
-
},
|
|
74744
|
-
{
|
|
74745
|
-
"name": "old",
|
|
74746
|
-
"type": {
|
|
74747
|
-
"text": "string | null"
|
|
74748
|
-
}
|
|
74749
|
-
},
|
|
74750
|
-
{
|
|
74751
|
-
"name": "value",
|
|
74752
|
-
"type": {
|
|
74753
|
-
"text": "string | null"
|
|
74754
|
-
}
|
|
74755
|
-
}
|
|
74756
|
-
],
|
|
74757
|
-
"description": "Called by the browser when an observed attribute changes. A new\n`aria-label` asks for an update, because it names the plot.",
|
|
74758
|
-
"inheritedFrom": {
|
|
74759
|
-
"name": "MixinChartSource",
|
|
74760
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
74761
|
-
},
|
|
74762
|
-
"type": {
|
|
74763
|
-
"text": "attributeChangedCallback(name: string, old: string | null, value: string | null) => void"
|
|
74764
|
-
}
|
|
74765
|
-
},
|
|
74766
74750
|
{
|
|
74767
74751
|
"kind": "field",
|
|
74768
74752
|
"name": "series",
|
|
@@ -74789,32 +74773,6 @@
|
|
|
74789
74773
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
74790
74774
|
}
|
|
74791
74775
|
},
|
|
74792
|
-
{
|
|
74793
|
-
"kind": "field",
|
|
74794
|
-
"name": "readingsKnown",
|
|
74795
|
-
"type": {
|
|
74796
|
-
"text": "boolean"
|
|
74797
|
-
},
|
|
74798
|
-
"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.",
|
|
74799
|
-
"readonly": true,
|
|
74800
|
-
"inheritedFrom": {
|
|
74801
|
-
"name": "MixinChartSource",
|
|
74802
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
74803
|
-
}
|
|
74804
|
-
},
|
|
74805
|
-
{
|
|
74806
|
-
"kind": "field",
|
|
74807
|
-
"name": "sourceRows",
|
|
74808
|
-
"type": {
|
|
74809
|
-
"text": "Row[]"
|
|
74810
|
-
},
|
|
74811
|
-
"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.",
|
|
74812
|
-
"readonly": true,
|
|
74813
|
-
"inheritedFrom": {
|
|
74814
|
-
"name": "MixinChartSource",
|
|
74815
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
74816
|
-
}
|
|
74817
|
-
},
|
|
74818
74776
|
{
|
|
74819
74777
|
"kind": "field",
|
|
74820
74778
|
"name": "plottedColumns",
|
|
@@ -74941,6 +74899,21 @@
|
|
|
74941
74899
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
74942
74900
|
}
|
|
74943
74901
|
},
|
|
74902
|
+
{
|
|
74903
|
+
"kind": "method",
|
|
74904
|
+
"name": "renderTable",
|
|
74905
|
+
"privacy": "protected",
|
|
74906
|
+
"return": {
|
|
74907
|
+
"type": {
|
|
74908
|
+
"text": "TemplateResult | typeof nothing"
|
|
74909
|
+
}
|
|
74910
|
+
},
|
|
74911
|
+
"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.",
|
|
74912
|
+
"inheritedFrom": {
|
|
74913
|
+
"name": "MixinChartSource",
|
|
74914
|
+
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
74915
|
+
}
|
|
74916
|
+
},
|
|
74944
74917
|
{
|
|
74945
74918
|
"kind": "field",
|
|
74946
74919
|
"name": "hole",
|
|
@@ -75095,7 +75068,7 @@
|
|
|
75095
75068
|
}
|
|
75096
75069
|
}
|
|
75097
75070
|
],
|
|
75098
|
-
"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.",
|
|
75071
|
+
"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.",
|
|
75099
75072
|
"inheritedFrom": {
|
|
75100
75073
|
"name": "HelixHeadlessDonutChart",
|
|
75101
75074
|
"module": "src/donut-chart/root/donut-chart-root.ts"
|
|
@@ -75600,6 +75573,45 @@
|
|
|
75600
75573
|
"description": "What the ring is made of.\n\n`glass` lets the page read through the slices, for a chart sitting on a\nsurface that is itself translucent: a glass card with an opaque ring on it is\nthe two-designs-sharing-a-window failure a material policy exists to stop.\nThe track keeps its fill, a see-through groove being a missing one.\n\nThe strength is the theme's, scaled by `--helix-material-opacity`.\n\n**This paints a mark rather than a ground, and the axis still reads the\nsame way.** On a surface the points are how much of the page shows through;\non a series they are how much ink the mark has, and the order is the same:\n`glass` admits most, `frosted` admits less, absent is opaque. The two\nfactors, 0.62 and 0.88, carry the relationship the surface tokens carry\nbetween `material-translucent` and `material-translucent-strong`, so a\nchart and a card mean the same thing by the word.\n\n**`transparent` is where this one stops.** A mark with no ink is not a\nmaterial choice, it is an absent series, and a chart says that by not\nhaving the datum rather than by painting it invisibly.",
|
|
75601
75574
|
"fieldName": "material"
|
|
75602
75575
|
},
|
|
75576
|
+
{
|
|
75577
|
+
"name": "empty-text",
|
|
75578
|
+
"type": {
|
|
75579
|
+
"text": "string"
|
|
75580
|
+
},
|
|
75581
|
+
"default": "'No readings'",
|
|
75582
|
+
"description": "The words shown in place of the drawing when the table has no readings,\nand the fallback of the `empty` slot.",
|
|
75583
|
+
"fieldName": "emptyText",
|
|
75584
|
+
"inheritedFrom": {
|
|
75585
|
+
"name": "MixinChartStatus",
|
|
75586
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
75587
|
+
}
|
|
75588
|
+
},
|
|
75589
|
+
{
|
|
75590
|
+
"name": "loading",
|
|
75591
|
+
"type": {
|
|
75592
|
+
"text": "boolean"
|
|
75593
|
+
},
|
|
75594
|
+
"default": "false",
|
|
75595
|
+
"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.",
|
|
75596
|
+
"fieldName": "loading",
|
|
75597
|
+
"inheritedFrom": {
|
|
75598
|
+
"name": "MixinChartStatus",
|
|
75599
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
75600
|
+
}
|
|
75601
|
+
},
|
|
75602
|
+
{
|
|
75603
|
+
"name": "loading-text",
|
|
75604
|
+
"type": {
|
|
75605
|
+
"text": "string"
|
|
75606
|
+
},
|
|
75607
|
+
"default": "'Loading readings'",
|
|
75608
|
+
"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.",
|
|
75609
|
+
"fieldName": "loadingText",
|
|
75610
|
+
"inheritedFrom": {
|
|
75611
|
+
"name": "MixinChartStatus",
|
|
75612
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
75613
|
+
}
|
|
75614
|
+
},
|
|
75603
75615
|
{
|
|
75604
75616
|
"name": "for",
|
|
75605
75617
|
"type": {
|
|
@@ -75763,6 +75775,22 @@
|
|
|
75763
75775
|
"name": "HelixHeadlessDonutChart",
|
|
75764
75776
|
"module": "src/donut-chart/root/donut-chart-root.ts"
|
|
75765
75777
|
}
|
|
75778
|
+
},
|
|
75779
|
+
{
|
|
75780
|
+
"description": "Content shown in place of the ring when the table has no readings. Falls back to `empty-text`.",
|
|
75781
|
+
"name": "empty",
|
|
75782
|
+
"inheritedFrom": {
|
|
75783
|
+
"name": "HelixHeadlessDonutChart",
|
|
75784
|
+
"module": "src/donut-chart/root/donut-chart-root.ts"
|
|
75785
|
+
}
|
|
75786
|
+
},
|
|
75787
|
+
{
|
|
75788
|
+
"description": "Content shown in place of the ring while `loading` is set and there are no readings yet. Falls back to `loading-text`.",
|
|
75789
|
+
"name": "loading",
|
|
75790
|
+
"inheritedFrom": {
|
|
75791
|
+
"name": "HelixHeadlessDonutChart",
|
|
75792
|
+
"module": "src/donut-chart/root/donut-chart-root.ts"
|
|
75793
|
+
}
|
|
75766
75794
|
}
|
|
75767
75795
|
],
|
|
75768
75796
|
"cssParts": [
|
|
@@ -75774,6 +75802,14 @@
|
|
|
75774
75802
|
"module": "src/donut-chart/root/donut-chart-root.ts"
|
|
75775
75803
|
}
|
|
75776
75804
|
},
|
|
75805
|
+
{
|
|
75806
|
+
"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.",
|
|
75807
|
+
"name": "empty",
|
|
75808
|
+
"inheritedFrom": {
|
|
75809
|
+
"name": "HelixHeadlessDonutChart",
|
|
75810
|
+
"module": "src/donut-chart/root/donut-chart-root.ts"
|
|
75811
|
+
}
|
|
75812
|
+
},
|
|
75777
75813
|
{
|
|
75778
75814
|
"description": "The readout: a polite live region that says the slice the keys moved to. Hide it visually.",
|
|
75779
75815
|
"name": "live",
|
|
@@ -75782,6 +75818,14 @@
|
|
|
75782
75818
|
"module": "src/donut-chart/root/donut-chart-root.ts"
|
|
75783
75819
|
}
|
|
75784
75820
|
},
|
|
75821
|
+
{
|
|
75822
|
+
"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`.",
|
|
75823
|
+
"name": "loading",
|
|
75824
|
+
"inheritedFrom": {
|
|
75825
|
+
"name": "HelixHeadlessDonutChart",
|
|
75826
|
+
"module": "src/donut-chart/root/donut-chart-root.ts"
|
|
75827
|
+
}
|
|
75828
|
+
},
|
|
75785
75829
|
{
|
|
75786
75830
|
"description": "The invisible point the tooltip is anchored to.",
|
|
75787
75831
|
"name": "mark",
|
|
@@ -75791,7 +75835,7 @@
|
|
|
75791
75835
|
}
|
|
75792
75836
|
},
|
|
75793
75837
|
{
|
|
75794
|
-
"description": "The drawing, which takes focus to be read by key.",
|
|
75838
|
+
"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.",
|
|
75795
75839
|
"name": "plot",
|
|
75796
75840
|
"inheritedFrom": {
|
|
75797
75841
|
"name": "HelixHeadlessDonutChart",
|
|
@@ -75838,6 +75882,14 @@
|
|
|
75838
75882
|
"module": "src/donut-chart/root/donut-chart-root.ts"
|
|
75839
75883
|
}
|
|
75840
75884
|
},
|
|
75885
|
+
{
|
|
75886
|
+
"description": "The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.",
|
|
75887
|
+
"name": "table",
|
|
75888
|
+
"inheritedFrom": {
|
|
75889
|
+
"name": "HelixHeadlessDonutChart",
|
|
75890
|
+
"module": "src/donut-chart/root/donut-chart-root.ts"
|
|
75891
|
+
}
|
|
75892
|
+
},
|
|
75841
75893
|
{
|
|
75842
75894
|
"description": "The bubble, forwarded from `Tooltip`.",
|
|
75843
75895
|
"name": "tooltip",
|
|
@@ -75975,7 +76027,57 @@
|
|
|
75975
76027
|
}
|
|
75976
76028
|
}
|
|
75977
76029
|
],
|
|
76030
|
+
"events": [
|
|
76031
|
+
{
|
|
76032
|
+
"type": {
|
|
76033
|
+
"text": "HelixReadingChangeEvent"
|
|
76034
|
+
},
|
|
76035
|
+
"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.",
|
|
76036
|
+
"name": "helix-reading-change",
|
|
76037
|
+
"reactProp": "onhelix-reading-change",
|
|
76038
|
+
"inheritedFrom": {
|
|
76039
|
+
"name": "HelixHeadlessDonutChart",
|
|
76040
|
+
"module": "src/donut-chart/root/donut-chart-root.ts"
|
|
76041
|
+
}
|
|
76042
|
+
},
|
|
76043
|
+
{
|
|
76044
|
+
"type": {
|
|
76045
|
+
"text": "HelixReadingPressEvent"
|
|
76046
|
+
},
|
|
76047
|
+
"description": "A slice was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`.",
|
|
76048
|
+
"name": "helix-reading-press",
|
|
76049
|
+
"reactProp": "onhelix-reading-press",
|
|
76050
|
+
"inheritedFrom": {
|
|
76051
|
+
"name": "HelixHeadlessDonutChart",
|
|
76052
|
+
"module": "src/donut-chart/root/donut-chart-root.ts"
|
|
76053
|
+
}
|
|
76054
|
+
}
|
|
76055
|
+
],
|
|
75978
76056
|
"cssStates": [
|
|
76057
|
+
{
|
|
76058
|
+
"description": "While a slice is shown, under the pointer or the keys, with its tooltip open.",
|
|
76059
|
+
"name": "active",
|
|
76060
|
+
"inheritedFrom": {
|
|
76061
|
+
"name": "HelixHeadlessDonutChart",
|
|
76062
|
+
"module": "src/donut-chart/root/donut-chart-root.ts"
|
|
76063
|
+
}
|
|
76064
|
+
},
|
|
76065
|
+
{
|
|
76066
|
+
"description": "While the `empty` part stands in place of the ring.",
|
|
76067
|
+
"name": "empty",
|
|
76068
|
+
"inheritedFrom": {
|
|
76069
|
+
"name": "HelixHeadlessDonutChart",
|
|
76070
|
+
"module": "src/donut-chart/root/donut-chart-root.ts"
|
|
76071
|
+
}
|
|
76072
|
+
},
|
|
76073
|
+
{
|
|
76074
|
+
"description": "While the `loading` part stands in place of the ring.",
|
|
76075
|
+
"name": "loading",
|
|
76076
|
+
"inheritedFrom": {
|
|
76077
|
+
"name": "HelixHeadlessDonutChart",
|
|
76078
|
+
"module": "src/donut-chart/root/donut-chart-root.ts"
|
|
76079
|
+
}
|
|
76080
|
+
},
|
|
75979
76081
|
{
|
|
75980
76082
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
75981
76083
|
"name": "settled",
|
|
@@ -91844,7 +91946,7 @@
|
|
|
91844
91946
|
"declarations": [
|
|
91845
91947
|
{
|
|
91846
91948
|
"kind": "class",
|
|
91847
|
-
"description": "The styled frame: the drawing with its zoom and fullscreen buttons, and the\nlist of notes beside it, which moves below the drawing where the frame is\nnarrower than 40rem. The selected note leads the list on a surface of its\nown, and the notes linked to it are named by how they link. With\n`no-panel`, the drawing takes the whole frame, and a button among the\ncontrols opens the search and the list over its end.",
|
|
91949
|
+
"description": "The styled frame: the drawing with its zoom and fullscreen buttons, and the\nlist of notes beside it, which moves below the drawing where the frame is\nnarrower than 40rem. The selected note leads the list on a surface of its\nown, and the notes linked to it are named by how they link. With\n`no-panel`, the drawing takes the whole frame, and a button among the\ncontrols opens the search and the list over its end.\n\nThe [Graphs](https://fusion.dev/helix/docs/graphs) guide connects a\nrenderer, lists the keys and what a screen reader hears, and describes the\nmethods of a driver for another renderer.",
|
|
91848
91950
|
"name": "HelixGraph",
|
|
91849
91951
|
"cssProperties": [
|
|
91850
91952
|
{
|
|
@@ -93295,6 +93397,23 @@
|
|
|
93295
93397
|
"module": "src/graph/root/graph-root.ts"
|
|
93296
93398
|
}
|
|
93297
93399
|
},
|
|
93400
|
+
{
|
|
93401
|
+
"kind": "field",
|
|
93402
|
+
"name": "selectionLabel",
|
|
93403
|
+
"type": {
|
|
93404
|
+
"text": "string"
|
|
93405
|
+
},
|
|
93406
|
+
"default": "'{note}, selected. {count}'",
|
|
93407
|
+
"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`.",
|
|
93408
|
+
"attribute": "selection-label",
|
|
93409
|
+
"helix": {
|
|
93410
|
+
"words": true
|
|
93411
|
+
},
|
|
93412
|
+
"inheritedFrom": {
|
|
93413
|
+
"name": "HelixHeadlessGraph",
|
|
93414
|
+
"module": "src/graph/root/graph-root.ts"
|
|
93415
|
+
}
|
|
93416
|
+
},
|
|
93298
93417
|
{
|
|
93299
93418
|
"kind": "field",
|
|
93300
93419
|
"name": "zoomedInLabel",
|
|
@@ -93495,6 +93614,45 @@
|
|
|
93495
93614
|
"module": "src/graph/root/graph-root.ts"
|
|
93496
93615
|
}
|
|
93497
93616
|
},
|
|
93617
|
+
{
|
|
93618
|
+
"kind": "field",
|
|
93619
|
+
"name": "selectionAsked",
|
|
93620
|
+
"type": {
|
|
93621
|
+
"text": "string | undefined"
|
|
93622
|
+
},
|
|
93623
|
+
"privacy": "private",
|
|
93624
|
+
"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.",
|
|
93625
|
+
"inheritedFrom": {
|
|
93626
|
+
"name": "HelixHeadlessGraph",
|
|
93627
|
+
"module": "src/graph/root/graph-root.ts"
|
|
93628
|
+
}
|
|
93629
|
+
},
|
|
93630
|
+
{
|
|
93631
|
+
"kind": "field",
|
|
93632
|
+
"name": "legendStop",
|
|
93633
|
+
"type": {
|
|
93634
|
+
"text": "number"
|
|
93635
|
+
},
|
|
93636
|
+
"privacy": "private",
|
|
93637
|
+
"default": "0",
|
|
93638
|
+
"description": "The legend's button that holds its one tab stop, by place: the one a reader was last on, or the first.",
|
|
93639
|
+
"inheritedFrom": {
|
|
93640
|
+
"name": "HelixHeadlessGraph",
|
|
93641
|
+
"module": "src/graph/root/graph-root.ts"
|
|
93642
|
+
}
|
|
93643
|
+
},
|
|
93644
|
+
{
|
|
93645
|
+
"kind": "field",
|
|
93646
|
+
"name": "legendKeys",
|
|
93647
|
+
"privacy": "protected",
|
|
93648
|
+
"readonly": true,
|
|
93649
|
+
"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 ?? ''), })",
|
|
93650
|
+
"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.",
|
|
93651
|
+
"inheritedFrom": {
|
|
93652
|
+
"name": "HelixHeadlessGraph",
|
|
93653
|
+
"module": "src/graph/root/graph-root.ts"
|
|
93654
|
+
}
|
|
93655
|
+
},
|
|
93498
93656
|
{
|
|
93499
93657
|
"kind": "field",
|
|
93500
93658
|
"name": "virtualize",
|
|
@@ -94811,6 +94969,19 @@
|
|
|
94811
94969
|
"module": "src/graph/root/graph-root.ts"
|
|
94812
94970
|
}
|
|
94813
94971
|
},
|
|
94972
|
+
{
|
|
94973
|
+
"name": "selection-label",
|
|
94974
|
+
"type": {
|
|
94975
|
+
"text": "string"
|
|
94976
|
+
},
|
|
94977
|
+
"default": "'{note}, selected. {count}'",
|
|
94978
|
+
"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`.",
|
|
94979
|
+
"fieldName": "selectionLabel",
|
|
94980
|
+
"inheritedFrom": {
|
|
94981
|
+
"name": "HelixHeadlessGraph",
|
|
94982
|
+
"module": "src/graph/root/graph-root.ts"
|
|
94983
|
+
}
|
|
94984
|
+
},
|
|
94814
94985
|
{
|
|
94815
94986
|
"name": "two-finger-hint-label",
|
|
94816
94987
|
"type": {
|
|
@@ -95199,7 +95370,7 @@
|
|
|
95199
95370
|
}
|
|
95200
95371
|
},
|
|
95201
95372
|
{
|
|
95202
|
-
"description": "The groups over the drawing, with `legend
|
|
95373
|
+
"description": "The groups over the drawing, with `legend`: a toolbar of buttons, each showing or hiding its notes, which is one tab stop.",
|
|
95203
95374
|
"name": "legend",
|
|
95204
95375
|
"inheritedFrom": {
|
|
95205
95376
|
"name": "HelixHeadlessGraph",
|
|
@@ -96583,6 +96754,14 @@
|
|
|
96583
96754
|
"name": "HelixHeadlessHeatmap",
|
|
96584
96755
|
"module": "src/heatmap/root/heatmap-root.ts"
|
|
96585
96756
|
}
|
|
96757
|
+
},
|
|
96758
|
+
{
|
|
96759
|
+
"description": "The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.",
|
|
96760
|
+
"name": "table",
|
|
96761
|
+
"inheritedFrom": {
|
|
96762
|
+
"name": "HelixHeadlessHeatmap",
|
|
96763
|
+
"module": "src/heatmap/root/heatmap-root.ts"
|
|
96764
|
+
}
|
|
96586
96765
|
}
|
|
96587
96766
|
],
|
|
96588
96767
|
"slots": [
|
|
@@ -96680,17 +96859,6 @@
|
|
|
96680
96859
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
96681
96860
|
}
|
|
96682
96861
|
},
|
|
96683
|
-
{
|
|
96684
|
-
"kind": "field",
|
|
96685
|
-
"name": "pointer",
|
|
96686
|
-
"readonly": true,
|
|
96687
|
-
"default": "new ChartPointerController(this)",
|
|
96688
|
-
"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.",
|
|
96689
|
-
"inheritedFrom": {
|
|
96690
|
-
"name": "MixinChartSource",
|
|
96691
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
96692
|
-
}
|
|
96693
|
-
},
|
|
96694
96862
|
{
|
|
96695
96863
|
"kind": "field",
|
|
96696
96864
|
"name": "data",
|
|
@@ -96763,57 +96931,6 @@
|
|
|
96763
96931
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
96764
96932
|
}
|
|
96765
96933
|
},
|
|
96766
|
-
{
|
|
96767
|
-
"kind": "field",
|
|
96768
|
-
"name": "observedAttributes",
|
|
96769
|
-
"type": {
|
|
96770
|
-
"text": "string[]"
|
|
96771
|
-
},
|
|
96772
|
-
"static": true,
|
|
96773
|
-
"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.",
|
|
96774
|
-
"readonly": true,
|
|
96775
|
-
"inheritedFrom": {
|
|
96776
|
-
"name": "MixinChartSource",
|
|
96777
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
96778
|
-
}
|
|
96779
|
-
},
|
|
96780
|
-
{
|
|
96781
|
-
"kind": "method",
|
|
96782
|
-
"name": "attributeChangedCallback",
|
|
96783
|
-
"return": {
|
|
96784
|
-
"type": {
|
|
96785
|
-
"text": "void"
|
|
96786
|
-
}
|
|
96787
|
-
},
|
|
96788
|
-
"parameters": [
|
|
96789
|
-
{
|
|
96790
|
-
"name": "name",
|
|
96791
|
-
"type": {
|
|
96792
|
-
"text": "string"
|
|
96793
|
-
}
|
|
96794
|
-
},
|
|
96795
|
-
{
|
|
96796
|
-
"name": "old",
|
|
96797
|
-
"type": {
|
|
96798
|
-
"text": "string | null"
|
|
96799
|
-
}
|
|
96800
|
-
},
|
|
96801
|
-
{
|
|
96802
|
-
"name": "value",
|
|
96803
|
-
"type": {
|
|
96804
|
-
"text": "string | null"
|
|
96805
|
-
}
|
|
96806
|
-
}
|
|
96807
|
-
],
|
|
96808
|
-
"description": "Called by the browser when an observed attribute changes. A new\n`aria-label` asks for an update, because it names the plot.",
|
|
96809
|
-
"inheritedFrom": {
|
|
96810
|
-
"name": "MixinChartSource",
|
|
96811
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
96812
|
-
},
|
|
96813
|
-
"type": {
|
|
96814
|
-
"text": "attributeChangedCallback(name: string, old: string | null, value: string | null) => void"
|
|
96815
|
-
}
|
|
96816
|
-
},
|
|
96817
96934
|
{
|
|
96818
96935
|
"kind": "field",
|
|
96819
96936
|
"name": "series",
|
|
@@ -96840,32 +96957,6 @@
|
|
|
96840
96957
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
96841
96958
|
}
|
|
96842
96959
|
},
|
|
96843
|
-
{
|
|
96844
|
-
"kind": "field",
|
|
96845
|
-
"name": "readingsKnown",
|
|
96846
|
-
"type": {
|
|
96847
|
-
"text": "boolean"
|
|
96848
|
-
},
|
|
96849
|
-
"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.",
|
|
96850
|
-
"readonly": true,
|
|
96851
|
-
"inheritedFrom": {
|
|
96852
|
-
"name": "MixinChartSource",
|
|
96853
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
96854
|
-
}
|
|
96855
|
-
},
|
|
96856
|
-
{
|
|
96857
|
-
"kind": "field",
|
|
96858
|
-
"name": "sourceRows",
|
|
96859
|
-
"type": {
|
|
96860
|
-
"text": "Row[]"
|
|
96861
|
-
},
|
|
96862
|
-
"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.",
|
|
96863
|
-
"readonly": true,
|
|
96864
|
-
"inheritedFrom": {
|
|
96865
|
-
"name": "MixinChartSource",
|
|
96866
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
96867
|
-
}
|
|
96868
|
-
},
|
|
96869
96960
|
{
|
|
96870
96961
|
"kind": "field",
|
|
96871
96962
|
"name": "plottedColumns",
|
|
@@ -96992,6 +97083,21 @@
|
|
|
96992
97083
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
96993
97084
|
}
|
|
96994
97085
|
},
|
|
97086
|
+
{
|
|
97087
|
+
"kind": "method",
|
|
97088
|
+
"name": "renderTable",
|
|
97089
|
+
"privacy": "protected",
|
|
97090
|
+
"return": {
|
|
97091
|
+
"type": {
|
|
97092
|
+
"text": "TemplateResult | typeof nothing"
|
|
97093
|
+
}
|
|
97094
|
+
},
|
|
97095
|
+
"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.",
|
|
97096
|
+
"inheritedFrom": {
|
|
97097
|
+
"name": "MixinChartSource",
|
|
97098
|
+
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
97099
|
+
}
|
|
97100
|
+
},
|
|
96995
97101
|
{
|
|
96996
97102
|
"kind": "field",
|
|
96997
97103
|
"name": "busiestLabel",
|
|
@@ -97173,7 +97279,7 @@
|
|
|
97173
97279
|
"text": "string"
|
|
97174
97280
|
},
|
|
97175
97281
|
"default": "''",
|
|
97176
|
-
"description": "The selected cells, by the
|
|
97282
|
+
"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`.",
|
|
97177
97283
|
"attribute": "value",
|
|
97178
97284
|
"inheritedFrom": {
|
|
97179
97285
|
"name": "HelixHeadlessHeatmap",
|
|
@@ -97302,7 +97408,7 @@
|
|
|
97302
97408
|
}
|
|
97303
97409
|
}
|
|
97304
97410
|
],
|
|
97305
|
-
"description": "The name each drawn cell stands for in `value`: its row's
|
|
97411
|
+
"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.",
|
|
97306
97412
|
"inheritedFrom": {
|
|
97307
97413
|
"name": "HelixHeadlessHeatmap",
|
|
97308
97414
|
"module": "src/heatmap/root/heatmap-root.ts"
|
|
@@ -98217,7 +98323,7 @@
|
|
|
98217
98323
|
"text": "string"
|
|
98218
98324
|
},
|
|
98219
98325
|
"default": "''",
|
|
98220
|
-
"description": "The selected cells, by the
|
|
98326
|
+
"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`.",
|
|
98221
98327
|
"fieldName": "value",
|
|
98222
98328
|
"inheritedFrom": {
|
|
98223
98329
|
"name": "HelixHeadlessHeatmap",
|
|
@@ -98264,6 +98370,22 @@
|
|
|
98264
98370
|
}
|
|
98265
98371
|
],
|
|
98266
98372
|
"cssStates": [
|
|
98373
|
+
{
|
|
98374
|
+
"description": "While a cell is shown, under the pointer or the keys, with its tooltip open.",
|
|
98375
|
+
"name": "active",
|
|
98376
|
+
"inheritedFrom": {
|
|
98377
|
+
"name": "HelixHeadlessHeatmap",
|
|
98378
|
+
"module": "src/heatmap/root/heatmap-root.ts"
|
|
98379
|
+
}
|
|
98380
|
+
},
|
|
98381
|
+
{
|
|
98382
|
+
"description": "While the `empty` part stands in place of the cells.",
|
|
98383
|
+
"name": "empty",
|
|
98384
|
+
"inheritedFrom": {
|
|
98385
|
+
"name": "HelixHeadlessHeatmap",
|
|
98386
|
+
"module": "src/heatmap/root/heatmap-root.ts"
|
|
98387
|
+
}
|
|
98388
|
+
},
|
|
98267
98389
|
{
|
|
98268
98390
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
98269
98391
|
"name": "settled",
|
|
@@ -110956,23 +111078,27 @@
|
|
|
110956
111078
|
}
|
|
110957
111079
|
},
|
|
110958
111080
|
{
|
|
110959
|
-
"kind": "
|
|
110960
|
-
"name": "
|
|
111081
|
+
"kind": "method",
|
|
111082
|
+
"name": "renderEmpty",
|
|
110961
111083
|
"privacy": "protected",
|
|
110962
|
-
"
|
|
110963
|
-
|
|
110964
|
-
|
|
111084
|
+
"return": {
|
|
111085
|
+
"type": {
|
|
111086
|
+
"text": "TemplateResult"
|
|
111087
|
+
}
|
|
111088
|
+
},
|
|
111089
|
+
"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.",
|
|
110965
111090
|
"inheritedFrom": {
|
|
110966
|
-
"name": "
|
|
110967
|
-
"module": "src/mixins/mixin-chart-
|
|
111091
|
+
"name": "MixinChartStatus",
|
|
111092
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
110968
111093
|
}
|
|
110969
111094
|
},
|
|
110970
111095
|
{
|
|
110971
111096
|
"kind": "field",
|
|
110972
|
-
"name": "
|
|
111097
|
+
"name": "source",
|
|
111098
|
+
"privacy": "protected",
|
|
110973
111099
|
"readonly": true,
|
|
110974
|
-
"default": "new
|
|
110975
|
-
"description": "
|
|
111100
|
+
"default": "new SourceController(this)",
|
|
111101
|
+
"description": "Resolves `for` and re-renders when the table behind it changes.",
|
|
110976
111102
|
"inheritedFrom": {
|
|
110977
111103
|
"name": "MixinChartSource",
|
|
110978
111104
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
@@ -111050,57 +111176,6 @@
|
|
|
111050
111176
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
111051
111177
|
}
|
|
111052
111178
|
},
|
|
111053
|
-
{
|
|
111054
|
-
"kind": "field",
|
|
111055
|
-
"name": "observedAttributes",
|
|
111056
|
-
"type": {
|
|
111057
|
-
"text": "string[]"
|
|
111058
|
-
},
|
|
111059
|
-
"static": true,
|
|
111060
|
-
"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.",
|
|
111061
|
-
"readonly": true,
|
|
111062
|
-
"inheritedFrom": {
|
|
111063
|
-
"name": "MixinChartSource",
|
|
111064
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
111065
|
-
}
|
|
111066
|
-
},
|
|
111067
|
-
{
|
|
111068
|
-
"kind": "method",
|
|
111069
|
-
"name": "attributeChangedCallback",
|
|
111070
|
-
"return": {
|
|
111071
|
-
"type": {
|
|
111072
|
-
"text": "void"
|
|
111073
|
-
}
|
|
111074
|
-
},
|
|
111075
|
-
"parameters": [
|
|
111076
|
-
{
|
|
111077
|
-
"name": "name",
|
|
111078
|
-
"type": {
|
|
111079
|
-
"text": "string"
|
|
111080
|
-
}
|
|
111081
|
-
},
|
|
111082
|
-
{
|
|
111083
|
-
"name": "old",
|
|
111084
|
-
"type": {
|
|
111085
|
-
"text": "string | null"
|
|
111086
|
-
}
|
|
111087
|
-
},
|
|
111088
|
-
{
|
|
111089
|
-
"name": "value",
|
|
111090
|
-
"type": {
|
|
111091
|
-
"text": "string | null"
|
|
111092
|
-
}
|
|
111093
|
-
}
|
|
111094
|
-
],
|
|
111095
|
-
"description": "Called by the browser when an observed attribute changes. A new\n`aria-label` asks for an update, because it names the plot.",
|
|
111096
|
-
"inheritedFrom": {
|
|
111097
|
-
"name": "MixinChartSource",
|
|
111098
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
111099
|
-
},
|
|
111100
|
-
"type": {
|
|
111101
|
-
"text": "attributeChangedCallback(name: string, old: string | null, value: string | null) => void"
|
|
111102
|
-
}
|
|
111103
|
-
},
|
|
111104
111179
|
{
|
|
111105
111180
|
"kind": "field",
|
|
111106
111181
|
"name": "series",
|
|
@@ -111127,32 +111202,6 @@
|
|
|
111127
111202
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
111128
111203
|
}
|
|
111129
111204
|
},
|
|
111130
|
-
{
|
|
111131
|
-
"kind": "field",
|
|
111132
|
-
"name": "readingsKnown",
|
|
111133
|
-
"type": {
|
|
111134
|
-
"text": "boolean"
|
|
111135
|
-
},
|
|
111136
|
-
"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.",
|
|
111137
|
-
"readonly": true,
|
|
111138
|
-
"inheritedFrom": {
|
|
111139
|
-
"name": "MixinChartSource",
|
|
111140
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
111141
|
-
}
|
|
111142
|
-
},
|
|
111143
|
-
{
|
|
111144
|
-
"kind": "field",
|
|
111145
|
-
"name": "sourceRows",
|
|
111146
|
-
"type": {
|
|
111147
|
-
"text": "Row[]"
|
|
111148
|
-
},
|
|
111149
|
-
"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.",
|
|
111150
|
-
"readonly": true,
|
|
111151
|
-
"inheritedFrom": {
|
|
111152
|
-
"name": "MixinChartSource",
|
|
111153
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
111154
|
-
}
|
|
111155
|
-
},
|
|
111156
111205
|
{
|
|
111157
111206
|
"kind": "field",
|
|
111158
111207
|
"name": "plottedColumns",
|
|
@@ -111279,6 +111328,21 @@
|
|
|
111279
111328
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
111280
111329
|
}
|
|
111281
111330
|
},
|
|
111331
|
+
{
|
|
111332
|
+
"kind": "method",
|
|
111333
|
+
"name": "renderTable",
|
|
111334
|
+
"privacy": "protected",
|
|
111335
|
+
"return": {
|
|
111336
|
+
"type": {
|
|
111337
|
+
"text": "TemplateResult | typeof nothing"
|
|
111338
|
+
}
|
|
111339
|
+
},
|
|
111340
|
+
"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.",
|
|
111341
|
+
"inheritedFrom": {
|
|
111342
|
+
"name": "MixinChartSource",
|
|
111343
|
+
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
111344
|
+
}
|
|
111345
|
+
},
|
|
111282
111346
|
{
|
|
111283
111347
|
"kind": "field",
|
|
111284
111348
|
"name": "area",
|
|
@@ -112590,7 +112654,7 @@
|
|
|
112590
112654
|
}
|
|
112591
112655
|
},
|
|
112592
112656
|
{
|
|
112593
|
-
"description": "The drawing, which takes focus to be read by key.",
|
|
112657
|
+
"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.",
|
|
112594
112658
|
"name": "plot",
|
|
112595
112659
|
"inheritedFrom": {
|
|
112596
112660
|
"name": "HelixHeadlessLineChart",
|
|
@@ -112613,6 +112677,14 @@
|
|
|
112613
112677
|
"module": "src/line-chart/root/line-chart-root.ts"
|
|
112614
112678
|
}
|
|
112615
112679
|
},
|
|
112680
|
+
{
|
|
112681
|
+
"description": "The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.",
|
|
112682
|
+
"name": "table",
|
|
112683
|
+
"inheritedFrom": {
|
|
112684
|
+
"name": "HelixHeadlessLineChart",
|
|
112685
|
+
"module": "src/line-chart/root/line-chart-root.ts"
|
|
112686
|
+
}
|
|
112687
|
+
},
|
|
112616
112688
|
{
|
|
112617
112689
|
"description": "The mark on one series' last reading.",
|
|
112618
112690
|
"name": "terminus",
|
|
@@ -112785,6 +112857,30 @@
|
|
|
112785
112857
|
}
|
|
112786
112858
|
],
|
|
112787
112859
|
"cssStates": [
|
|
112860
|
+
{
|
|
112861
|
+
"description": "While a reading is shown, under the pointer or the keys, with its tooltip open.",
|
|
112862
|
+
"name": "active",
|
|
112863
|
+
"inheritedFrom": {
|
|
112864
|
+
"name": "HelixHeadlessLineChart",
|
|
112865
|
+
"module": "src/line-chart/root/line-chart-root.ts"
|
|
112866
|
+
}
|
|
112867
|
+
},
|
|
112868
|
+
{
|
|
112869
|
+
"description": "While the `empty` part stands in the plot.",
|
|
112870
|
+
"name": "empty",
|
|
112871
|
+
"inheritedFrom": {
|
|
112872
|
+
"name": "HelixHeadlessLineChart",
|
|
112873
|
+
"module": "src/line-chart/root/line-chart-root.ts"
|
|
112874
|
+
}
|
|
112875
|
+
},
|
|
112876
|
+
{
|
|
112877
|
+
"description": "While the `loading` part stands in the plot.",
|
|
112878
|
+
"name": "loading",
|
|
112879
|
+
"inheritedFrom": {
|
|
112880
|
+
"name": "HelixHeadlessLineChart",
|
|
112881
|
+
"module": "src/line-chart/root/line-chart-root.ts"
|
|
112882
|
+
}
|
|
112883
|
+
},
|
|
112788
112884
|
{
|
|
112789
112885
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
112790
112886
|
"name": "settled",
|
|
@@ -119447,7 +119543,7 @@
|
|
|
119447
119543
|
"declarations": [
|
|
119448
119544
|
{
|
|
119449
119545
|
"kind": "class",
|
|
119450
|
-
"description": "Sized from the loader size tokens, so a loader is the same size wherever it\nis placed and follows the density region it sits in. Set `--loader-size:\n1em` to match the text beside it, as inside a button. The color is\n`currentColor`, so it matches the text color around it, including inside a\nprimary button.\n\nWhile `delay` runs, the loader keeps its size and draws nothing, so the line\nit sits in does not move when it appears.",
|
|
119546
|
+
"description": "Sized from the loader size tokens, so a loader is the same size wherever it\nis placed and follows the density region it sits in. Set `--loader-size:\n1em` to match the text beside it, as inside a button. The color is\n`currentColor`, so it matches the text color around it, including inside a\nprimary button.\n\nWhile `delay` runs, the loader keeps its size and draws nothing, so the line\nit sits in does not move when it appears.\n\nWith something in the `content` slot, the loader takes the larger of the ring\nand the content, and the ring centers over the content while the work runs.",
|
|
119451
119547
|
"name": "HelixLoader",
|
|
119452
119548
|
"cssProperties": [
|
|
119453
119549
|
{
|
|
@@ -119455,7 +119551,7 @@
|
|
|
119455
119551
|
"name": "--loader-color"
|
|
119456
119552
|
},
|
|
119457
119553
|
{
|
|
119458
|
-
"description": "How long one turn of the arc takes, 0.8s by default. With motion reduced the
|
|
119554
|
+
"description": "How long one turn of the arc takes, 0.8s by default. With motion reduced the arc turns once every four seconds, whatever this says.",
|
|
119459
119555
|
"name": "--loader-duration"
|
|
119460
119556
|
},
|
|
119461
119557
|
{
|
|
@@ -119534,6 +119630,20 @@
|
|
|
119534
119630
|
"module": "src/loader/root/loader-root.ts"
|
|
119535
119631
|
}
|
|
119536
119632
|
},
|
|
119633
|
+
{
|
|
119634
|
+
"kind": "field",
|
|
119635
|
+
"name": "idle",
|
|
119636
|
+
"type": {
|
|
119637
|
+
"text": "boolean"
|
|
119638
|
+
},
|
|
119639
|
+
"default": "false",
|
|
119640
|
+
"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.",
|
|
119641
|
+
"attribute": "idle",
|
|
119642
|
+
"inheritedFrom": {
|
|
119643
|
+
"name": "HelixHeadlessLoader",
|
|
119644
|
+
"module": "src/loader/root/loader-root.ts"
|
|
119645
|
+
}
|
|
119646
|
+
},
|
|
119537
119647
|
{
|
|
119538
119648
|
"kind": "field",
|
|
119539
119649
|
"name": "label",
|
|
@@ -120030,6 +120140,19 @@
|
|
|
120030
120140
|
"module": "src/loader/root/loader-root.ts"
|
|
120031
120141
|
}
|
|
120032
120142
|
},
|
|
120143
|
+
{
|
|
120144
|
+
"name": "idle",
|
|
120145
|
+
"type": {
|
|
120146
|
+
"text": "boolean"
|
|
120147
|
+
},
|
|
120148
|
+
"default": "false",
|
|
120149
|
+
"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.",
|
|
120150
|
+
"fieldName": "idle",
|
|
120151
|
+
"inheritedFrom": {
|
|
120152
|
+
"name": "HelixHeadlessLoader",
|
|
120153
|
+
"module": "src/loader/root/loader-root.ts"
|
|
120154
|
+
}
|
|
120155
|
+
},
|
|
120033
120156
|
{
|
|
120034
120157
|
"name": "label",
|
|
120035
120158
|
"type": {
|
|
@@ -120067,6 +120190,10 @@
|
|
|
120067
120190
|
"description": "A spinner with a label read by screen readers.",
|
|
120068
120191
|
"slug": "preview"
|
|
120069
120192
|
},
|
|
120193
|
+
{
|
|
120194
|
+
"description": "A loader that stands in for a button while it saves, keeping the button's size, beside one that is `idle` and shows its button.",
|
|
120195
|
+
"slug": "content"
|
|
120196
|
+
},
|
|
120070
120197
|
{
|
|
120071
120198
|
"description": "A loader that pulses, for a wait inside a small space.",
|
|
120072
120199
|
"slug": "pulse"
|
|
@@ -120096,9 +120223,25 @@
|
|
|
120096
120223
|
"name": "HelixHeadlessLoader",
|
|
120097
120224
|
"module": "src/loader/root/loader-root.ts"
|
|
120098
120225
|
}
|
|
120226
|
+
},
|
|
120227
|
+
{
|
|
120228
|
+
"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.",
|
|
120229
|
+
"name": "content",
|
|
120230
|
+
"inheritedFrom": {
|
|
120231
|
+
"name": "HelixHeadlessLoader",
|
|
120232
|
+
"module": "src/loader/root/loader-root.ts"
|
|
120233
|
+
}
|
|
120099
120234
|
}
|
|
120100
120235
|
],
|
|
120101
120236
|
"cssParts": [
|
|
120237
|
+
{
|
|
120238
|
+
"description": "The box that holds the `content` slot. Hidden while the work runs, and shown while `idle` is set.",
|
|
120239
|
+
"name": "content",
|
|
120240
|
+
"inheritedFrom": {
|
|
120241
|
+
"name": "HelixHeadlessLoader",
|
|
120242
|
+
"module": "src/loader/root/loader-root.ts"
|
|
120243
|
+
}
|
|
120244
|
+
},
|
|
120102
120245
|
{
|
|
120103
120246
|
"description": "The arc that turns.",
|
|
120104
120247
|
"name": "indicator",
|
|
@@ -126271,7 +126414,7 @@
|
|
|
126271
126414
|
"declarations": [
|
|
126272
126415
|
{
|
|
126273
126416
|
"kind": "class",
|
|
126274
|
-
"description": "The styled frame: a bordered box with the pan and zoom buttons in its top\ncorner. The buttons stay visible when the header and footer fade.\n\nSet `fill` to lay the map behind a page's own content, such as a hero whose\nwords decide its height: the frame covers its container, which needs a\nposition of its own, such as `position: relative`. Set `credit-placement`\nto draw the map's credit compact in a corner over the map, which suits a\nmap the width of the page.",
|
|
126417
|
+
"description": "The styled frame: a bordered box with the pan and zoom buttons in its top\ncorner. The buttons stay visible when the header and footer fade.\n\nSet `fill` to lay the map behind a page's own content, such as a hero whose\nwords decide its height: the frame covers its container, which needs a\nposition of its own, such as `position: relative`. Set `credit-placement`\nto draw the map's credit compact in a corner over the map, which suits a\nmap the width of the page.\n\nThe [Maps](https://fusion.dev/helix/docs/maps) guide connects a renderer,\nlists the keys and what a screen reader hears, and describes every method\na driver for another renderer can have.",
|
|
126275
126418
|
"name": "HelixMap",
|
|
126276
126419
|
"cssProperties": [
|
|
126277
126420
|
{
|
|
@@ -167504,7 +167647,7 @@
|
|
|
167504
167647
|
"name": "aria",
|
|
167505
167648
|
"privacy": "protected",
|
|
167506
167649
|
"readonly": true,
|
|
167507
|
-
"default": "new AriaForwardController(this, { target: () => this.partNamed('marks'), })",
|
|
167650
|
+
"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'), })",
|
|
167508
167651
|
"inheritedFrom": {
|
|
167509
167652
|
"name": "HelixHeadlessRating",
|
|
167510
167653
|
"module": "src/rating/root/rating-root.ts"
|
|
@@ -175741,23 +175884,27 @@
|
|
|
175741
175884
|
}
|
|
175742
175885
|
},
|
|
175743
175886
|
{
|
|
175744
|
-
"kind": "
|
|
175745
|
-
"name": "
|
|
175887
|
+
"kind": "method",
|
|
175888
|
+
"name": "renderEmpty",
|
|
175746
175889
|
"privacy": "protected",
|
|
175747
|
-
"
|
|
175748
|
-
|
|
175749
|
-
|
|
175890
|
+
"return": {
|
|
175891
|
+
"type": {
|
|
175892
|
+
"text": "TemplateResult"
|
|
175893
|
+
}
|
|
175894
|
+
},
|
|
175895
|
+
"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.",
|
|
175750
175896
|
"inheritedFrom": {
|
|
175751
|
-
"name": "
|
|
175752
|
-
"module": "src/mixins/mixin-chart-
|
|
175897
|
+
"name": "MixinChartStatus",
|
|
175898
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
175753
175899
|
}
|
|
175754
175900
|
},
|
|
175755
175901
|
{
|
|
175756
175902
|
"kind": "field",
|
|
175757
|
-
"name": "
|
|
175903
|
+
"name": "source",
|
|
175904
|
+
"privacy": "protected",
|
|
175758
175905
|
"readonly": true,
|
|
175759
|
-
"default": "new
|
|
175760
|
-
"description": "
|
|
175906
|
+
"default": "new SourceController(this)",
|
|
175907
|
+
"description": "Resolves `for` and re-renders when the table behind it changes.",
|
|
175761
175908
|
"inheritedFrom": {
|
|
175762
175909
|
"name": "MixinChartSource",
|
|
175763
175910
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
@@ -175835,57 +175982,6 @@
|
|
|
175835
175982
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
175836
175983
|
}
|
|
175837
175984
|
},
|
|
175838
|
-
{
|
|
175839
|
-
"kind": "field",
|
|
175840
|
-
"name": "observedAttributes",
|
|
175841
|
-
"type": {
|
|
175842
|
-
"text": "string[]"
|
|
175843
|
-
},
|
|
175844
|
-
"static": true,
|
|
175845
|
-
"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.",
|
|
175846
|
-
"readonly": true,
|
|
175847
|
-
"inheritedFrom": {
|
|
175848
|
-
"name": "MixinChartSource",
|
|
175849
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
175850
|
-
}
|
|
175851
|
-
},
|
|
175852
|
-
{
|
|
175853
|
-
"kind": "method",
|
|
175854
|
-
"name": "attributeChangedCallback",
|
|
175855
|
-
"return": {
|
|
175856
|
-
"type": {
|
|
175857
|
-
"text": "void"
|
|
175858
|
-
}
|
|
175859
|
-
},
|
|
175860
|
-
"parameters": [
|
|
175861
|
-
{
|
|
175862
|
-
"name": "name",
|
|
175863
|
-
"type": {
|
|
175864
|
-
"text": "string"
|
|
175865
|
-
}
|
|
175866
|
-
},
|
|
175867
|
-
{
|
|
175868
|
-
"name": "old",
|
|
175869
|
-
"type": {
|
|
175870
|
-
"text": "string | null"
|
|
175871
|
-
}
|
|
175872
|
-
},
|
|
175873
|
-
{
|
|
175874
|
-
"name": "value",
|
|
175875
|
-
"type": {
|
|
175876
|
-
"text": "string | null"
|
|
175877
|
-
}
|
|
175878
|
-
}
|
|
175879
|
-
],
|
|
175880
|
-
"description": "Called by the browser when an observed attribute changes. A new\n`aria-label` asks for an update, because it names the plot.",
|
|
175881
|
-
"inheritedFrom": {
|
|
175882
|
-
"name": "MixinChartSource",
|
|
175883
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
175884
|
-
},
|
|
175885
|
-
"type": {
|
|
175886
|
-
"text": "attributeChangedCallback(name: string, old: string | null, value: string | null) => void"
|
|
175887
|
-
}
|
|
175888
|
-
},
|
|
175889
175985
|
{
|
|
175890
175986
|
"kind": "field",
|
|
175891
175987
|
"name": "series",
|
|
@@ -175912,32 +176008,6 @@
|
|
|
175912
176008
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
175913
176009
|
}
|
|
175914
176010
|
},
|
|
175915
|
-
{
|
|
175916
|
-
"kind": "field",
|
|
175917
|
-
"name": "readingsKnown",
|
|
175918
|
-
"type": {
|
|
175919
|
-
"text": "boolean"
|
|
175920
|
-
},
|
|
175921
|
-
"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.",
|
|
175922
|
-
"readonly": true,
|
|
175923
|
-
"inheritedFrom": {
|
|
175924
|
-
"name": "MixinChartSource",
|
|
175925
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
175926
|
-
}
|
|
175927
|
-
},
|
|
175928
|
-
{
|
|
175929
|
-
"kind": "field",
|
|
175930
|
-
"name": "sourceRows",
|
|
175931
|
-
"type": {
|
|
175932
|
-
"text": "Row[]"
|
|
175933
|
-
},
|
|
175934
|
-
"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.",
|
|
175935
|
-
"readonly": true,
|
|
175936
|
-
"inheritedFrom": {
|
|
175937
|
-
"name": "MixinChartSource",
|
|
175938
|
-
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
175939
|
-
}
|
|
175940
|
-
},
|
|
175941
176011
|
{
|
|
175942
176012
|
"kind": "field",
|
|
175943
176013
|
"name": "plottedColumns",
|
|
@@ -176064,6 +176134,21 @@
|
|
|
176064
176134
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
176065
176135
|
}
|
|
176066
176136
|
},
|
|
176137
|
+
{
|
|
176138
|
+
"kind": "method",
|
|
176139
|
+
"name": "renderTable",
|
|
176140
|
+
"privacy": "protected",
|
|
176141
|
+
"return": {
|
|
176142
|
+
"type": {
|
|
176143
|
+
"text": "TemplateResult | typeof nothing"
|
|
176144
|
+
}
|
|
176145
|
+
},
|
|
176146
|
+
"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.",
|
|
176147
|
+
"inheritedFrom": {
|
|
176148
|
+
"name": "MixinChartSource",
|
|
176149
|
+
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
176150
|
+
}
|
|
176151
|
+
},
|
|
176067
176152
|
{
|
|
176068
176153
|
"kind": "field",
|
|
176069
176154
|
"name": "correlationLabel",
|
|
@@ -177027,7 +177112,7 @@
|
|
|
177027
177112
|
}
|
|
177028
177113
|
},
|
|
177029
177114
|
{
|
|
177030
|
-
"description": "The drawing, which takes focus to be read by key.",
|
|
177115
|
+
"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.",
|
|
177031
177116
|
"name": "plot",
|
|
177032
177117
|
"inheritedFrom": {
|
|
177033
177118
|
"name": "HelixHeadlessScatterChart",
|
|
@@ -177066,6 +177151,14 @@
|
|
|
177066
177151
|
"module": "src/scatter-chart/root/scatter-chart-root.ts"
|
|
177067
177152
|
}
|
|
177068
177153
|
},
|
|
177154
|
+
{
|
|
177155
|
+
"description": "The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.",
|
|
177156
|
+
"name": "table",
|
|
177157
|
+
"inheritedFrom": {
|
|
177158
|
+
"name": "HelixHeadlessScatterChart",
|
|
177159
|
+
"module": "src/scatter-chart/root/scatter-chart-root.ts"
|
|
177160
|
+
}
|
|
177161
|
+
},
|
|
177069
177162
|
{
|
|
177070
177163
|
"description": "The bubble, forwarded from `Tooltip`.",
|
|
177071
177164
|
"name": "tooltip",
|
|
@@ -177219,7 +177312,7 @@
|
|
|
177219
177312
|
}
|
|
177220
177313
|
},
|
|
177221
177314
|
{
|
|
177222
|
-
"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.",
|
|
177315
|
+
"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\"`.",
|
|
177223
177316
|
"name": "x-tick",
|
|
177224
177317
|
"inheritedFrom": {
|
|
177225
177318
|
"name": "HelixHeadlessScatterChart",
|
|
@@ -177278,6 +177371,30 @@
|
|
|
177278
177371
|
}
|
|
177279
177372
|
],
|
|
177280
177373
|
"cssStates": [
|
|
177374
|
+
{
|
|
177375
|
+
"description": "While a reading is shown, under the pointer or the keys, with its tooltip open.",
|
|
177376
|
+
"name": "active",
|
|
177377
|
+
"inheritedFrom": {
|
|
177378
|
+
"name": "HelixHeadlessScatterChart",
|
|
177379
|
+
"module": "src/scatter-chart/root/scatter-chart-root.ts"
|
|
177380
|
+
}
|
|
177381
|
+
},
|
|
177382
|
+
{
|
|
177383
|
+
"description": "While the `empty` part stands in the plot.",
|
|
177384
|
+
"name": "empty",
|
|
177385
|
+
"inheritedFrom": {
|
|
177386
|
+
"name": "HelixHeadlessScatterChart",
|
|
177387
|
+
"module": "src/scatter-chart/root/scatter-chart-root.ts"
|
|
177388
|
+
}
|
|
177389
|
+
},
|
|
177390
|
+
{
|
|
177391
|
+
"description": "While the `loading` part stands in the plot.",
|
|
177392
|
+
"name": "loading",
|
|
177393
|
+
"inheritedFrom": {
|
|
177394
|
+
"name": "HelixHeadlessScatterChart",
|
|
177395
|
+
"module": "src/scatter-chart/root/scatter-chart-root.ts"
|
|
177396
|
+
}
|
|
177397
|
+
},
|
|
177281
177398
|
{
|
|
177282
177399
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
177283
177400
|
"name": "settled",
|
|
@@ -186361,68 +186478,6 @@
|
|
|
186361
186478
|
"module": "src/sparkline/root/sparkline-root.ts"
|
|
186362
186479
|
}
|
|
186363
186480
|
},
|
|
186364
|
-
{
|
|
186365
|
-
"kind": "field",
|
|
186366
|
-
"name": "pointer",
|
|
186367
|
-
"readonly": true,
|
|
186368
|
-
"default": "new ChartPointerController(this)",
|
|
186369
|
-
"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.",
|
|
186370
|
-
"inheritedFrom": {
|
|
186371
|
-
"name": "HelixHeadlessSparkline",
|
|
186372
|
-
"module": "src/sparkline/root/sparkline-root.ts"
|
|
186373
|
-
}
|
|
186374
|
-
},
|
|
186375
|
-
{
|
|
186376
|
-
"kind": "field",
|
|
186377
|
-
"name": "observedAttributes",
|
|
186378
|
-
"type": {
|
|
186379
|
-
"text": "string[]"
|
|
186380
|
-
},
|
|
186381
|
-
"static": true,
|
|
186382
|
-
"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.",
|
|
186383
|
-
"readonly": true,
|
|
186384
|
-
"inheritedFrom": {
|
|
186385
|
-
"name": "HelixHeadlessSparkline",
|
|
186386
|
-
"module": "src/sparkline/root/sparkline-root.ts"
|
|
186387
|
-
}
|
|
186388
|
-
},
|
|
186389
|
-
{
|
|
186390
|
-
"kind": "method",
|
|
186391
|
-
"name": "attributeChangedCallback",
|
|
186392
|
-
"return": {
|
|
186393
|
-
"type": {
|
|
186394
|
-
"text": "void"
|
|
186395
|
-
}
|
|
186396
|
-
},
|
|
186397
|
-
"parameters": [
|
|
186398
|
-
{
|
|
186399
|
-
"name": "name",
|
|
186400
|
-
"type": {
|
|
186401
|
-
"text": "string"
|
|
186402
|
-
}
|
|
186403
|
-
},
|
|
186404
|
-
{
|
|
186405
|
-
"name": "old",
|
|
186406
|
-
"type": {
|
|
186407
|
-
"text": "string | null"
|
|
186408
|
-
}
|
|
186409
|
-
},
|
|
186410
|
-
{
|
|
186411
|
-
"name": "value",
|
|
186412
|
-
"type": {
|
|
186413
|
-
"text": "string | null"
|
|
186414
|
-
}
|
|
186415
|
-
}
|
|
186416
|
-
],
|
|
186417
|
-
"description": "Called by the browser when an observed attribute changes; a new `aria-label` renames the drawing.",
|
|
186418
|
-
"type": {
|
|
186419
|
-
"text": "attributeChangedCallback(name: string, old: string | null, value: string | null) => void"
|
|
186420
|
-
},
|
|
186421
|
-
"inheritedFrom": {
|
|
186422
|
-
"name": "HelixHeadlessSparkline",
|
|
186423
|
-
"module": "src/sparkline/root/sparkline-root.ts"
|
|
186424
|
-
}
|
|
186425
|
-
},
|
|
186426
186481
|
{
|
|
186427
186482
|
"kind": "field",
|
|
186428
186483
|
"name": "named",
|
|
@@ -187289,6 +187344,32 @@
|
|
|
187289
187344
|
}
|
|
187290
187345
|
}
|
|
187291
187346
|
],
|
|
187347
|
+
"events": [
|
|
187348
|
+
{
|
|
187349
|
+
"type": {
|
|
187350
|
+
"text": "HelixReadingChangeEvent"
|
|
187351
|
+
},
|
|
187352
|
+
"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.",
|
|
187353
|
+
"name": "helix-reading-change",
|
|
187354
|
+
"reactProp": "onhelix-reading-change",
|
|
187355
|
+
"inheritedFrom": {
|
|
187356
|
+
"name": "HelixHeadlessSparkline",
|
|
187357
|
+
"module": "src/sparkline/root/sparkline-root.ts"
|
|
187358
|
+
}
|
|
187359
|
+
},
|
|
187360
|
+
{
|
|
187361
|
+
"type": {
|
|
187362
|
+
"text": "HelixReadingPressEvent"
|
|
187363
|
+
},
|
|
187364
|
+
"description": "A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`.",
|
|
187365
|
+
"name": "helix-reading-press",
|
|
187366
|
+
"reactProp": "onhelix-reading-press",
|
|
187367
|
+
"inheritedFrom": {
|
|
187368
|
+
"name": "HelixHeadlessSparkline",
|
|
187369
|
+
"module": "src/sparkline/root/sparkline-root.ts"
|
|
187370
|
+
}
|
|
187371
|
+
}
|
|
187372
|
+
],
|
|
187292
187373
|
"cssStates": [
|
|
187293
187374
|
{
|
|
187294
187375
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
@@ -209147,7 +209228,7 @@
|
|
|
209147
209228
|
"text": "string | readonly string[]"
|
|
209148
209229
|
},
|
|
209149
209230
|
"default": "''",
|
|
209150
|
-
"description": "The selected tags' values, separated by commas, since a value may hold a\
|
|
209231
|
+
"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.",
|
|
209151
209232
|
"attribute": "value",
|
|
209152
209233
|
"inheritedFrom": {
|
|
209153
209234
|
"name": "HelixHeadlessTagGroup",
|
|
@@ -209384,13 +209465,13 @@
|
|
|
209384
209465
|
},
|
|
209385
209466
|
"parameters": [
|
|
209386
209467
|
{
|
|
209387
|
-
"name": "
|
|
209468
|
+
"name": "asked",
|
|
209388
209469
|
"type": {
|
|
209389
209470
|
"text": "string"
|
|
209390
209471
|
}
|
|
209391
209472
|
}
|
|
209392
209473
|
],
|
|
209393
|
-
"description": "Asks for `value` to become `
|
|
209474
|
+
"description": "Asks for `value` to become `asked`, where it changes and where it leaves a\ntag selected under `disallow-empty-selection`.",
|
|
209394
209475
|
"inheritedFrom": {
|
|
209395
209476
|
"name": "HelixHeadlessTagGroup",
|
|
209396
209477
|
"module": "src/tag/group/tag-group.ts"
|
|
@@ -210013,7 +210094,7 @@
|
|
|
210013
210094
|
"text": "string | readonly string[]"
|
|
210014
210095
|
},
|
|
210015
210096
|
"default": "''",
|
|
210016
|
-
"description": "The selected tags' values, separated by commas, since a value may hold a\
|
|
210097
|
+
"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.",
|
|
210017
210098
|
"fieldName": "value",
|
|
210018
210099
|
"inheritedFrom": {
|
|
210019
210100
|
"name": "HelixHeadlessTagGroup",
|
|
@@ -235556,7 +235637,7 @@
|
|
|
235556
235637
|
],
|
|
235557
235638
|
"slots": [
|
|
235558
235639
|
{
|
|
235559
|
-
"description": "The item's label.",
|
|
235640
|
+
"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.",
|
|
235560
235641
|
"name": "",
|
|
235561
235642
|
"inheritedFrom": {
|
|
235562
235643
|
"name": "HelixHeadlessTreeItem",
|
|
@@ -249395,6 +249476,6 @@
|
|
|
249395
249476
|
],
|
|
249396
249477
|
"helix": {
|
|
249397
249478
|
"package": "@fusion.dev/helix",
|
|
249398
|
-
"version": "0.
|
|
249479
|
+
"version": "0.177.0"
|
|
249399
249480
|
}
|
|
249400
249481
|
}
|