@fusion.dev/helix 0.152.0 → 0.153.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 +867 -52
- package/dist/area-chart/root/area-chart-root.js +2 -1
- package/dist/bar-chart/root/bar-chart-root.js +2 -1
- package/dist/blockquote/root/blockquote-root.css.js +2 -1
- package/dist/blockquote/root/blockquote-root.d.ts +27 -0
- package/dist/blockquote/root/blockquote-root.js +7 -0
- package/dist/line-chart/root/line-chart-root.js +8 -1
- package/dist/orb/root/orb-root.d.ts +6 -0
- package/dist/progress/root/progress-root.css.js +12 -3
- package/dist/progress/root/progress-root.d.ts +4 -0
- package/dist/scatter-chart/root/scatter-chart-root.js +2 -1
- package/dist/shared/chart/status.css.d.ts +1 -0
- package/dist/shared/chart/status.css.js +3 -0
- package/lint.json +1 -1
- package/package.json +6 -6
- package/types/jsx.d.ts +1050 -8
- package/types/vue.d.ts +268 -4
- package/types/words.d.ts +6 -4
package/custom-elements.json
CHANGED
|
@@ -4023,12 +4023,76 @@
|
|
|
4023
4023
|
},
|
|
4024
4024
|
"static": true,
|
|
4025
4025
|
"default": "''",
|
|
4026
|
-
"description": "The key
|
|
4026
|
+
"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.",
|
|
4027
4027
|
"inheritedFrom": {
|
|
4028
4028
|
"name": "MixinChartSource",
|
|
4029
4029
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
4030
4030
|
}
|
|
4031
4031
|
},
|
|
4032
|
+
{
|
|
4033
|
+
"kind": "field",
|
|
4034
|
+
"name": "emptyText",
|
|
4035
|
+
"type": {
|
|
4036
|
+
"text": "string"
|
|
4037
|
+
},
|
|
4038
|
+
"default": "'No readings'",
|
|
4039
|
+
"description": "The words shown in place of the drawing when the table has no readings,\nand the fallback of the `empty` slot.",
|
|
4040
|
+
"attribute": "empty-text",
|
|
4041
|
+
"helix": {
|
|
4042
|
+
"words": true
|
|
4043
|
+
},
|
|
4044
|
+
"inheritedFrom": {
|
|
4045
|
+
"name": "MixinChartStatus",
|
|
4046
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
4047
|
+
}
|
|
4048
|
+
},
|
|
4049
|
+
{
|
|
4050
|
+
"kind": "field",
|
|
4051
|
+
"name": "loading",
|
|
4052
|
+
"type": {
|
|
4053
|
+
"text": "boolean"
|
|
4054
|
+
},
|
|
4055
|
+
"default": "false",
|
|
4056
|
+
"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.",
|
|
4057
|
+
"attribute": "loading",
|
|
4058
|
+
"reflects": true,
|
|
4059
|
+
"inheritedFrom": {
|
|
4060
|
+
"name": "MixinChartStatus",
|
|
4061
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
4062
|
+
}
|
|
4063
|
+
},
|
|
4064
|
+
{
|
|
4065
|
+
"kind": "field",
|
|
4066
|
+
"name": "loadingText",
|
|
4067
|
+
"type": {
|
|
4068
|
+
"text": "string"
|
|
4069
|
+
},
|
|
4070
|
+
"default": "'Loading readings'",
|
|
4071
|
+
"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.",
|
|
4072
|
+
"attribute": "loading-text",
|
|
4073
|
+
"helix": {
|
|
4074
|
+
"words": true
|
|
4075
|
+
},
|
|
4076
|
+
"inheritedFrom": {
|
|
4077
|
+
"name": "MixinChartStatus",
|
|
4078
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
4079
|
+
}
|
|
4080
|
+
},
|
|
4081
|
+
{
|
|
4082
|
+
"kind": "method",
|
|
4083
|
+
"name": "renderStatus",
|
|
4084
|
+
"privacy": "protected",
|
|
4085
|
+
"return": {
|
|
4086
|
+
"type": {
|
|
4087
|
+
"text": "TemplateResult | typeof nothing"
|
|
4088
|
+
}
|
|
4089
|
+
},
|
|
4090
|
+
"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.",
|
|
4091
|
+
"inheritedFrom": {
|
|
4092
|
+
"name": "MixinChartStatus",
|
|
4093
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
4094
|
+
}
|
|
4095
|
+
},
|
|
4032
4096
|
{
|
|
4033
4097
|
"kind": "field",
|
|
4034
4098
|
"name": "source",
|
|
@@ -4052,6 +4116,19 @@
|
|
|
4052
4116
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
4053
4117
|
}
|
|
4054
4118
|
},
|
|
4119
|
+
{
|
|
4120
|
+
"kind": "field",
|
|
4121
|
+
"name": "data",
|
|
4122
|
+
"type": {
|
|
4123
|
+
"text": "ChartData | undefined"
|
|
4124
|
+
},
|
|
4125
|
+
"default": "undefined",
|
|
4126
|
+
"description": "The readings as data, in the shape of a table, where the page has no\ntable to point `for` at. `for` wins where both are set.\n\n```js\nchart.data = {\n caption: 'Sessions by channel',\n columns: ['Month', 'Direct', 'Referral'],\n rows: [['Jan', 10, 4], ['Feb', 20, 8]],\n}\n```\n\nThe first column holds each row's label and every column after it a\nseries, as in a table. A cell is a number, words, `null` for a blank,\nor `{ value, text }` for a number shown as words, such as `$128k`. A\nnumber is shown in `locale`.\n\n**A table is still the better source where the page can show one**:\nit reads with no script and before hydration, and a reader can sort and\ncopy it. Data is drawn on the client only, so a server serves the\nframe, and the summary, the keys and the readout are then the whole of\nwhat a screen reader is given. Set a new object to redraw: the chart\ndoes not look inside the one it has.",
|
|
4127
|
+
"inheritedFrom": {
|
|
4128
|
+
"name": "MixinChartSource",
|
|
4129
|
+
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
4130
|
+
}
|
|
4131
|
+
},
|
|
4055
4132
|
{
|
|
4056
4133
|
"kind": "field",
|
|
4057
4134
|
"name": "for",
|
|
@@ -4188,6 +4265,19 @@
|
|
|
4188
4265
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
4189
4266
|
}
|
|
4190
4267
|
},
|
|
4268
|
+
{
|
|
4269
|
+
"kind": "field",
|
|
4270
|
+
"name": "readingsKnown",
|
|
4271
|
+
"type": {
|
|
4272
|
+
"text": "boolean"
|
|
4273
|
+
},
|
|
4274
|
+
"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.",
|
|
4275
|
+
"readonly": true,
|
|
4276
|
+
"inheritedFrom": {
|
|
4277
|
+
"name": "MixinChartSource",
|
|
4278
|
+
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
4279
|
+
}
|
|
4280
|
+
},
|
|
4191
4281
|
{
|
|
4192
4282
|
"kind": "field",
|
|
4193
4283
|
"name": "sourceRows",
|
|
@@ -5187,6 +5277,45 @@
|
|
|
5187
5277
|
"tagName": "helix-area-chart",
|
|
5188
5278
|
"customElement": true,
|
|
5189
5279
|
"attributes": [
|
|
5280
|
+
{
|
|
5281
|
+
"name": "empty-text",
|
|
5282
|
+
"type": {
|
|
5283
|
+
"text": "string"
|
|
5284
|
+
},
|
|
5285
|
+
"default": "'No readings'",
|
|
5286
|
+
"description": "The words shown in place of the drawing when the table has no readings,\nand the fallback of the `empty` slot.",
|
|
5287
|
+
"fieldName": "emptyText",
|
|
5288
|
+
"inheritedFrom": {
|
|
5289
|
+
"name": "MixinChartStatus",
|
|
5290
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
5291
|
+
}
|
|
5292
|
+
},
|
|
5293
|
+
{
|
|
5294
|
+
"name": "loading",
|
|
5295
|
+
"type": {
|
|
5296
|
+
"text": "boolean"
|
|
5297
|
+
},
|
|
5298
|
+
"default": "false",
|
|
5299
|
+
"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.",
|
|
5300
|
+
"fieldName": "loading",
|
|
5301
|
+
"inheritedFrom": {
|
|
5302
|
+
"name": "MixinChartStatus",
|
|
5303
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
5304
|
+
}
|
|
5305
|
+
},
|
|
5306
|
+
{
|
|
5307
|
+
"name": "loading-text",
|
|
5308
|
+
"type": {
|
|
5309
|
+
"text": "string"
|
|
5310
|
+
},
|
|
5311
|
+
"default": "'Loading readings'",
|
|
5312
|
+
"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.",
|
|
5313
|
+
"fieldName": "loadingText",
|
|
5314
|
+
"inheritedFrom": {
|
|
5315
|
+
"name": "MixinChartStatus",
|
|
5316
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
5317
|
+
}
|
|
5318
|
+
},
|
|
5190
5319
|
{
|
|
5191
5320
|
"name": "for",
|
|
5192
5321
|
"type": {
|
|
@@ -5329,6 +5458,24 @@
|
|
|
5329
5458
|
}
|
|
5330
5459
|
}
|
|
5331
5460
|
],
|
|
5461
|
+
"slots": [
|
|
5462
|
+
{
|
|
5463
|
+
"description": "Content shown in place of the drawing when the table has no readings, such as a link to add the first. Falls back to `empty-text`.",
|
|
5464
|
+
"name": "empty",
|
|
5465
|
+
"inheritedFrom": {
|
|
5466
|
+
"name": "HelixHeadlessAreaChart",
|
|
5467
|
+
"module": "src/area-chart/root/area-chart-root.ts"
|
|
5468
|
+
}
|
|
5469
|
+
},
|
|
5470
|
+
{
|
|
5471
|
+
"description": "Content shown in place of the drawing while `loading` is set and there are no readings yet. Falls back to `loading-text`.",
|
|
5472
|
+
"name": "loading",
|
|
5473
|
+
"inheritedFrom": {
|
|
5474
|
+
"name": "HelixHeadlessAreaChart",
|
|
5475
|
+
"module": "src/area-chart/root/area-chart-root.ts"
|
|
5476
|
+
}
|
|
5477
|
+
}
|
|
5478
|
+
],
|
|
5332
5479
|
"cssParts": [
|
|
5333
5480
|
{
|
|
5334
5481
|
"description": "One part's band.",
|
|
@@ -5354,6 +5501,14 @@
|
|
|
5354
5501
|
"module": "src/area-chart/root/area-chart-root.ts"
|
|
5355
5502
|
}
|
|
5356
5503
|
},
|
|
5504
|
+
{
|
|
5505
|
+
"description": "The words in place of the drawing 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.",
|
|
5506
|
+
"name": "empty",
|
|
5507
|
+
"inheritedFrom": {
|
|
5508
|
+
"name": "HelixHeadlessAreaChart",
|
|
5509
|
+
"module": "src/area-chart/root/area-chart-root.ts"
|
|
5510
|
+
}
|
|
5511
|
+
},
|
|
5357
5512
|
{
|
|
5358
5513
|
"description": "One rule across the plot, under `gridlines`.",
|
|
5359
5514
|
"name": "gridline",
|
|
@@ -5402,6 +5557,14 @@
|
|
|
5402
5557
|
"module": "src/area-chart/root/area-chart-root.ts"
|
|
5403
5558
|
}
|
|
5404
5559
|
},
|
|
5560
|
+
{
|
|
5561
|
+
"description": "The words in place of the drawing while `loading` is set and there are no readings: the `loading` slot, falling back to `loading-text`.",
|
|
5562
|
+
"name": "loading",
|
|
5563
|
+
"inheritedFrom": {
|
|
5564
|
+
"name": "HelixHeadlessAreaChart",
|
|
5565
|
+
"module": "src/area-chart/root/area-chart-root.ts"
|
|
5566
|
+
}
|
|
5567
|
+
},
|
|
5405
5568
|
{
|
|
5406
5569
|
"description": "The invisible point the tooltip is anchored to.",
|
|
5407
5570
|
"name": "mark",
|
|
@@ -9678,12 +9841,76 @@
|
|
|
9678
9841
|
},
|
|
9679
9842
|
"static": true,
|
|
9680
9843
|
"default": "''",
|
|
9681
|
-
"description": "The key
|
|
9844
|
+
"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.",
|
|
9682
9845
|
"inheritedFrom": {
|
|
9683
9846
|
"name": "MixinChartSource",
|
|
9684
9847
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
9685
9848
|
}
|
|
9686
9849
|
},
|
|
9850
|
+
{
|
|
9851
|
+
"kind": "field",
|
|
9852
|
+
"name": "emptyText",
|
|
9853
|
+
"type": {
|
|
9854
|
+
"text": "string"
|
|
9855
|
+
},
|
|
9856
|
+
"default": "'No readings'",
|
|
9857
|
+
"description": "The words shown in place of the drawing when the table has no readings,\nand the fallback of the `empty` slot.",
|
|
9858
|
+
"attribute": "empty-text",
|
|
9859
|
+
"helix": {
|
|
9860
|
+
"words": true
|
|
9861
|
+
},
|
|
9862
|
+
"inheritedFrom": {
|
|
9863
|
+
"name": "MixinChartStatus",
|
|
9864
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
9865
|
+
}
|
|
9866
|
+
},
|
|
9867
|
+
{
|
|
9868
|
+
"kind": "field",
|
|
9869
|
+
"name": "loading",
|
|
9870
|
+
"type": {
|
|
9871
|
+
"text": "boolean"
|
|
9872
|
+
},
|
|
9873
|
+
"default": "false",
|
|
9874
|
+
"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.",
|
|
9875
|
+
"attribute": "loading",
|
|
9876
|
+
"reflects": true,
|
|
9877
|
+
"inheritedFrom": {
|
|
9878
|
+
"name": "MixinChartStatus",
|
|
9879
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
9880
|
+
}
|
|
9881
|
+
},
|
|
9882
|
+
{
|
|
9883
|
+
"kind": "field",
|
|
9884
|
+
"name": "loadingText",
|
|
9885
|
+
"type": {
|
|
9886
|
+
"text": "string"
|
|
9887
|
+
},
|
|
9888
|
+
"default": "'Loading readings'",
|
|
9889
|
+
"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.",
|
|
9890
|
+
"attribute": "loading-text",
|
|
9891
|
+
"helix": {
|
|
9892
|
+
"words": true
|
|
9893
|
+
},
|
|
9894
|
+
"inheritedFrom": {
|
|
9895
|
+
"name": "MixinChartStatus",
|
|
9896
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
9897
|
+
}
|
|
9898
|
+
},
|
|
9899
|
+
{
|
|
9900
|
+
"kind": "method",
|
|
9901
|
+
"name": "renderStatus",
|
|
9902
|
+
"privacy": "protected",
|
|
9903
|
+
"return": {
|
|
9904
|
+
"type": {
|
|
9905
|
+
"text": "TemplateResult | typeof nothing"
|
|
9906
|
+
}
|
|
9907
|
+
},
|
|
9908
|
+
"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.",
|
|
9909
|
+
"inheritedFrom": {
|
|
9910
|
+
"name": "MixinChartStatus",
|
|
9911
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
9912
|
+
}
|
|
9913
|
+
},
|
|
9687
9914
|
{
|
|
9688
9915
|
"kind": "field",
|
|
9689
9916
|
"name": "source",
|
|
@@ -9707,6 +9934,19 @@
|
|
|
9707
9934
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
9708
9935
|
}
|
|
9709
9936
|
},
|
|
9937
|
+
{
|
|
9938
|
+
"kind": "field",
|
|
9939
|
+
"name": "data",
|
|
9940
|
+
"type": {
|
|
9941
|
+
"text": "ChartData | undefined"
|
|
9942
|
+
},
|
|
9943
|
+
"default": "undefined",
|
|
9944
|
+
"description": "The readings as data, in the shape of a table, where the page has no\ntable to point `for` at. `for` wins where both are set.\n\n```js\nchart.data = {\n caption: 'Sessions by channel',\n columns: ['Month', 'Direct', 'Referral'],\n rows: [['Jan', 10, 4], ['Feb', 20, 8]],\n}\n```\n\nThe first column holds each row's label and every column after it a\nseries, as in a table. A cell is a number, words, `null` for a blank,\nor `{ value, text }` for a number shown as words, such as `$128k`. A\nnumber is shown in `locale`.\n\n**A table is still the better source where the page can show one**:\nit reads with no script and before hydration, and a reader can sort and\ncopy it. Data is drawn on the client only, so a server serves the\nframe, and the summary, the keys and the readout are then the whole of\nwhat a screen reader is given. Set a new object to redraw: the chart\ndoes not look inside the one it has.",
|
|
9945
|
+
"inheritedFrom": {
|
|
9946
|
+
"name": "MixinChartSource",
|
|
9947
|
+
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
9948
|
+
}
|
|
9949
|
+
},
|
|
9710
9950
|
{
|
|
9711
9951
|
"kind": "field",
|
|
9712
9952
|
"name": "for",
|
|
@@ -9843,6 +10083,19 @@
|
|
|
9843
10083
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
9844
10084
|
}
|
|
9845
10085
|
},
|
|
10086
|
+
{
|
|
10087
|
+
"kind": "field",
|
|
10088
|
+
"name": "readingsKnown",
|
|
10089
|
+
"type": {
|
|
10090
|
+
"text": "boolean"
|
|
10091
|
+
},
|
|
10092
|
+
"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.",
|
|
10093
|
+
"readonly": true,
|
|
10094
|
+
"inheritedFrom": {
|
|
10095
|
+
"name": "MixinChartSource",
|
|
10096
|
+
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
10097
|
+
}
|
|
10098
|
+
},
|
|
9846
10099
|
{
|
|
9847
10100
|
"kind": "field",
|
|
9848
10101
|
"name": "sourceRows",
|
|
@@ -10857,6 +11110,45 @@
|
|
|
10857
11110
|
"description": "How a column's fill is distributed across it.\n\n`gradient` fades each column toward its base, into the wash the headless\ntier draws whether or not anything points at it.\n\n**A chart-domain axis and deliberately not a library one.** It lives on this\nfamily alone, and here it is a way of encoding data rather than a way of\nexpressing a theme: promoted to the registry it would put an attribute on\nevery component in the library and mean something on one. `wash` because\nthat is what the tier below already calls it, in `--chart-bar-wash` and in\nthe `bar-wash-start` and `bar-wash-end` stops.",
|
|
10858
11111
|
"fieldName": "wash"
|
|
10859
11112
|
},
|
|
11113
|
+
{
|
|
11114
|
+
"name": "empty-text",
|
|
11115
|
+
"type": {
|
|
11116
|
+
"text": "string"
|
|
11117
|
+
},
|
|
11118
|
+
"default": "'No readings'",
|
|
11119
|
+
"description": "The words shown in place of the drawing when the table has no readings,\nand the fallback of the `empty` slot.",
|
|
11120
|
+
"fieldName": "emptyText",
|
|
11121
|
+
"inheritedFrom": {
|
|
11122
|
+
"name": "MixinChartStatus",
|
|
11123
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
11124
|
+
}
|
|
11125
|
+
},
|
|
11126
|
+
{
|
|
11127
|
+
"name": "loading",
|
|
11128
|
+
"type": {
|
|
11129
|
+
"text": "boolean"
|
|
11130
|
+
},
|
|
11131
|
+
"default": "false",
|
|
11132
|
+
"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.",
|
|
11133
|
+
"fieldName": "loading",
|
|
11134
|
+
"inheritedFrom": {
|
|
11135
|
+
"name": "MixinChartStatus",
|
|
11136
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
11137
|
+
}
|
|
11138
|
+
},
|
|
11139
|
+
{
|
|
11140
|
+
"name": "loading-text",
|
|
11141
|
+
"type": {
|
|
11142
|
+
"text": "string"
|
|
11143
|
+
},
|
|
11144
|
+
"default": "'Loading readings'",
|
|
11145
|
+
"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.",
|
|
11146
|
+
"fieldName": "loadingText",
|
|
11147
|
+
"inheritedFrom": {
|
|
11148
|
+
"name": "MixinChartStatus",
|
|
11149
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
11150
|
+
}
|
|
11151
|
+
},
|
|
10860
11152
|
{
|
|
10861
11153
|
"name": "for",
|
|
10862
11154
|
"type": {
|
|
@@ -11084,6 +11376,24 @@
|
|
|
11084
11376
|
},
|
|
11085
11377
|
"tagName": "helix-bar-chart",
|
|
11086
11378
|
"customElement": true,
|
|
11379
|
+
"slots": [
|
|
11380
|
+
{
|
|
11381
|
+
"description": "Content shown in place of the drawing when the table has no readings, such as a link to add the first. Falls back to `empty-text`.",
|
|
11382
|
+
"name": "empty",
|
|
11383
|
+
"inheritedFrom": {
|
|
11384
|
+
"name": "HelixHeadlessBarChart",
|
|
11385
|
+
"module": "src/bar-chart/root/bar-chart-root.ts"
|
|
11386
|
+
}
|
|
11387
|
+
},
|
|
11388
|
+
{
|
|
11389
|
+
"description": "Content shown in place of the drawing while `loading` is set and there are no readings yet. Falls back to `loading-text`.",
|
|
11390
|
+
"name": "loading",
|
|
11391
|
+
"inheritedFrom": {
|
|
11392
|
+
"name": "HelixHeadlessBarChart",
|
|
11393
|
+
"module": "src/bar-chart/root/bar-chart-root.ts"
|
|
11394
|
+
}
|
|
11395
|
+
}
|
|
11396
|
+
],
|
|
11087
11397
|
"cssParts": [
|
|
11088
11398
|
{
|
|
11089
11399
|
"description": "The numbers of one scale: the primary under `value-axis`, and both when `secondary` splits the chart into two scales.",
|
|
@@ -11133,6 +11443,14 @@
|
|
|
11133
11443
|
"module": "src/bar-chart/root/bar-chart-root.ts"
|
|
11134
11444
|
}
|
|
11135
11445
|
},
|
|
11446
|
+
{
|
|
11447
|
+
"description": "The words in place of the drawing 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.",
|
|
11448
|
+
"name": "empty",
|
|
11449
|
+
"inheritedFrom": {
|
|
11450
|
+
"name": "HelixHeadlessBarChart",
|
|
11451
|
+
"module": "src/bar-chart/root/bar-chart-root.ts"
|
|
11452
|
+
}
|
|
11453
|
+
},
|
|
11136
11454
|
{
|
|
11137
11455
|
"description": "One gridline across the plot, drawn when `gridlines` is set.",
|
|
11138
11456
|
"name": "gridline",
|
|
@@ -11189,6 +11507,14 @@
|
|
|
11189
11507
|
"module": "src/bar-chart/root/bar-chart-root.ts"
|
|
11190
11508
|
}
|
|
11191
11509
|
},
|
|
11510
|
+
{
|
|
11511
|
+
"description": "The words in place of the drawing while `loading` is set and there are no readings: the `loading` slot, falling back to `loading-text`.",
|
|
11512
|
+
"name": "loading",
|
|
11513
|
+
"inheritedFrom": {
|
|
11514
|
+
"name": "HelixHeadlessBarChart",
|
|
11515
|
+
"module": "src/bar-chart/root/bar-chart-root.ts"
|
|
11516
|
+
}
|
|
11517
|
+
},
|
|
11192
11518
|
{
|
|
11193
11519
|
"description": "The invisible point the tooltip is anchored to.",
|
|
11194
11520
|
"name": "mark",
|
|
@@ -11458,7 +11784,7 @@
|
|
|
11458
11784
|
"declarations": [
|
|
11459
11785
|
{
|
|
11460
11786
|
"kind": "class",
|
|
11461
|
-
"description": "Set in the display face, larger than body text, to mark a change of voice. No\nquotation marks are drawn by default, because the size and spacing already\nset the passage apart. `marks` draws one large opening mark over the passage,\nas a pull quote sets it, in the element's language.",
|
|
11787
|
+
"description": "Set in the display face, larger than body text, to mark a change of voice. No\nquotation marks are drawn by default, because the size and spacing already\nset the passage apart. `marks` draws one large opening mark over the passage,\nas a pull quote sets it, in the element's language.\n\n`text-align` sets the passage and its attribution in the middle of the\ncolumn or against its far edge, as a pull quote often stands. There, the\nmark `marks` draws stands over the passage rather than beside it.\n`text-wrap=\"balance\"` evens out a short passage's lines.",
|
|
11462
11788
|
"name": "HelixBlockquote",
|
|
11463
11789
|
"cssProperties": [
|
|
11464
11790
|
{
|
|
@@ -11515,6 +11841,26 @@
|
|
|
11515
11841
|
}
|
|
11516
11842
|
],
|
|
11517
11843
|
"members": [
|
|
11844
|
+
{
|
|
11845
|
+
"kind": "field",
|
|
11846
|
+
"name": "textAlign",
|
|
11847
|
+
"type": {
|
|
11848
|
+
"text": "'start' | 'center' | 'end' | undefined"
|
|
11849
|
+
},
|
|
11850
|
+
"description": "How the passage and its attribution align, set as `text-align`.\n\n`center` for a pull quote in the middle of a column and `end` for one\nagainst its far edge. Under either, the mark `marks` draws stands over\nthe first line. Absent aligns as the prose around it does.\n\nNamed for the CSS property it sets, as `Text.textAlign` is: `align` alone\nis a legacy HTML attribute the browser maps to `text-align` by itself,\nand it has no `start` or `end`.",
|
|
11851
|
+
"attribute": "text-align",
|
|
11852
|
+
"reflects": true
|
|
11853
|
+
},
|
|
11854
|
+
{
|
|
11855
|
+
"kind": "field",
|
|
11856
|
+
"name": "textWrap",
|
|
11857
|
+
"type": {
|
|
11858
|
+
"text": "'balance' | 'pretty' | undefined"
|
|
11859
|
+
},
|
|
11860
|
+
"description": "How the passage's lines break, set as `text-wrap`.\n\n`balance` evens out the length of every line, which suits a pull quote of\na few lines in display type. `pretty` avoids a last line of one short\nword, for a longer passage. Absent, the lines break as the browser breaks\nthem. The same name and values `Text` takes, but `nowrap`, a passage being\nmore than one line.",
|
|
11861
|
+
"attribute": "text-wrap",
|
|
11862
|
+
"reflects": true
|
|
11863
|
+
},
|
|
11518
11864
|
{
|
|
11519
11865
|
"kind": "field",
|
|
11520
11866
|
"name": "attribution",
|
|
@@ -11982,6 +12328,63 @@
|
|
|
11982
12328
|
}
|
|
11983
12329
|
}
|
|
11984
12330
|
],
|
|
12331
|
+
"attributes": [
|
|
12332
|
+
{
|
|
12333
|
+
"name": "text-align",
|
|
12334
|
+
"type": {
|
|
12335
|
+
"text": "'start' | 'center' | 'end' | undefined"
|
|
12336
|
+
},
|
|
12337
|
+
"description": "How the passage and its attribution align, set as `text-align`.\n\n`center` for a pull quote in the middle of a column and `end` for one\nagainst its far edge. Under either, the mark `marks` draws stands over\nthe first line. Absent aligns as the prose around it does.\n\nNamed for the CSS property it sets, as `Text.textAlign` is: `align` alone\nis a legacy HTML attribute the browser maps to `text-align` by itself,\nand it has no `start` or `end`.",
|
|
12338
|
+
"fieldName": "textAlign"
|
|
12339
|
+
},
|
|
12340
|
+
{
|
|
12341
|
+
"name": "text-wrap",
|
|
12342
|
+
"type": {
|
|
12343
|
+
"text": "'balance' | 'pretty' | undefined"
|
|
12344
|
+
},
|
|
12345
|
+
"description": "How the passage's lines break, set as `text-wrap`.\n\n`balance` evens out the length of every line, which suits a pull quote of\na few lines in display type. `pretty` avoids a last line of one short\nword, for a longer passage. Absent, the lines break as the browser breaks\nthem. The same name and values `Text` takes, but `nowrap`, a passage being\nmore than one line.",
|
|
12346
|
+
"fieldName": "textWrap"
|
|
12347
|
+
},
|
|
12348
|
+
{
|
|
12349
|
+
"name": "attribution",
|
|
12350
|
+
"type": {
|
|
12351
|
+
"text": "string"
|
|
12352
|
+
},
|
|
12353
|
+
"default": "''",
|
|
12354
|
+
"description": "Who said it, and where, as words, such as \"Maria Lopez, operations\nmanager\". The `attribution` slot replaces them, for markup such as a link.\n\nWords are served with the figure they name, where a server cannot see a\nslotted attribution.",
|
|
12355
|
+
"fieldName": "attribution",
|
|
12356
|
+
"inheritedFrom": {
|
|
12357
|
+
"name": "HelixHeadlessBlockquote",
|
|
12358
|
+
"module": "src/blockquote/root/blockquote-root.ts"
|
|
12359
|
+
}
|
|
12360
|
+
},
|
|
12361
|
+
{
|
|
12362
|
+
"name": "cite",
|
|
12363
|
+
"type": {
|
|
12364
|
+
"text": "string"
|
|
12365
|
+
},
|
|
12366
|
+
"default": "''",
|
|
12367
|
+
"description": "The URL of the source the passage came from. Who said it goes in\n`attribution`: a `cite` with words in it warns once, with the runtime kind\n`cite-not-url`.",
|
|
12368
|
+
"fieldName": "cite",
|
|
12369
|
+
"inheritedFrom": {
|
|
12370
|
+
"name": "HelixHeadlessBlockquote",
|
|
12371
|
+
"module": "src/blockquote/root/blockquote-root.ts"
|
|
12372
|
+
}
|
|
12373
|
+
},
|
|
12374
|
+
{
|
|
12375
|
+
"name": "marks",
|
|
12376
|
+
"type": {
|
|
12377
|
+
"text": "boolean"
|
|
12378
|
+
},
|
|
12379
|
+
"default": "false",
|
|
12380
|
+
"description": "Whether to draw an opening quotation mark before the passage, in the\nelement's language. Leave the marks out of the text.",
|
|
12381
|
+
"fieldName": "marks",
|
|
12382
|
+
"inheritedFrom": {
|
|
12383
|
+
"name": "HelixHeadlessBlockquote",
|
|
12384
|
+
"module": "src/blockquote/root/blockquote-root.ts"
|
|
12385
|
+
}
|
|
12386
|
+
}
|
|
12387
|
+
],
|
|
11985
12388
|
"superclass": {
|
|
11986
12389
|
"name": "HelixHeadlessBlockquote",
|
|
11987
12390
|
"package": "@fusion.dev/helix-headless/blockquote"
|
|
@@ -12005,6 +12408,10 @@
|
|
|
12005
12408
|
"description": "A quotation with its source cited.",
|
|
12006
12409
|
"slug": "preview"
|
|
12007
12410
|
},
|
|
12411
|
+
{
|
|
12412
|
+
"description": "A pull quote set in the middle of its column with `text-align` and its lines balanced with `text-wrap`, its mark standing over the passage.",
|
|
12413
|
+
"slug": "centered"
|
|
12414
|
+
},
|
|
12008
12415
|
{
|
|
12009
12416
|
"description": "A pull quote: one large mark over each passage, in the language written on the element, and the attribution given as words.",
|
|
12010
12417
|
"slug": "pull-quote"
|
|
@@ -12058,47 +12465,6 @@
|
|
|
12058
12465
|
}
|
|
12059
12466
|
}
|
|
12060
12467
|
],
|
|
12061
|
-
"attributes": [
|
|
12062
|
-
{
|
|
12063
|
-
"name": "attribution",
|
|
12064
|
-
"type": {
|
|
12065
|
-
"text": "string"
|
|
12066
|
-
},
|
|
12067
|
-
"default": "''",
|
|
12068
|
-
"description": "Who said it, and where, as words, such as \"Maria Lopez, operations\nmanager\". The `attribution` slot replaces them, for markup such as a link.\n\nWords are served with the figure they name, where a server cannot see a\nslotted attribution.",
|
|
12069
|
-
"fieldName": "attribution",
|
|
12070
|
-
"inheritedFrom": {
|
|
12071
|
-
"name": "HelixHeadlessBlockquote",
|
|
12072
|
-
"module": "src/blockquote/root/blockquote-root.ts"
|
|
12073
|
-
}
|
|
12074
|
-
},
|
|
12075
|
-
{
|
|
12076
|
-
"name": "cite",
|
|
12077
|
-
"type": {
|
|
12078
|
-
"text": "string"
|
|
12079
|
-
},
|
|
12080
|
-
"default": "''",
|
|
12081
|
-
"description": "The URL of the source the passage came from. Who said it goes in\n`attribution`: a `cite` with words in it warns once, with the runtime kind\n`cite-not-url`.",
|
|
12082
|
-
"fieldName": "cite",
|
|
12083
|
-
"inheritedFrom": {
|
|
12084
|
-
"name": "HelixHeadlessBlockquote",
|
|
12085
|
-
"module": "src/blockquote/root/blockquote-root.ts"
|
|
12086
|
-
}
|
|
12087
|
-
},
|
|
12088
|
-
{
|
|
12089
|
-
"name": "marks",
|
|
12090
|
-
"type": {
|
|
12091
|
-
"text": "boolean"
|
|
12092
|
-
},
|
|
12093
|
-
"default": "false",
|
|
12094
|
-
"description": "Whether to draw an opening quotation mark before the passage, in the\nelement's language. Leave the marks out of the text.",
|
|
12095
|
-
"fieldName": "marks",
|
|
12096
|
-
"inheritedFrom": {
|
|
12097
|
-
"name": "HelixHeadlessBlockquote",
|
|
12098
|
-
"module": "src/blockquote/root/blockquote-root.ts"
|
|
12099
|
-
}
|
|
12100
|
-
}
|
|
12101
|
-
],
|
|
12102
12468
|
"cssStates": [
|
|
12103
12469
|
{
|
|
12104
12470
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
@@ -68793,6 +69159,19 @@
|
|
|
68793
69159
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
68794
69160
|
}
|
|
68795
69161
|
},
|
|
69162
|
+
{
|
|
69163
|
+
"kind": "field",
|
|
69164
|
+
"name": "data",
|
|
69165
|
+
"type": {
|
|
69166
|
+
"text": "ChartData | undefined"
|
|
69167
|
+
},
|
|
69168
|
+
"default": "undefined",
|
|
69169
|
+
"description": "The readings as data, in the shape of a table, where the page has no\ntable to point `for` at. `for` wins where both are set.\n\n```js\nchart.data = {\n caption: 'Sessions by channel',\n columns: ['Month', 'Direct', 'Referral'],\n rows: [['Jan', 10, 4], ['Feb', 20, 8]],\n}\n```\n\nThe first column holds each row's label and every column after it a\nseries, as in a table. A cell is a number, words, `null` for a blank,\nor `{ value, text }` for a number shown as words, such as `$128k`. A\nnumber is shown in `locale`.\n\n**A table is still the better source where the page can show one**:\nit reads with no script and before hydration, and a reader can sort and\ncopy it. Data is drawn on the client only, so a server serves the\nframe, and the summary, the keys and the readout are then the whole of\nwhat a screen reader is given. Set a new object to redraw: the chart\ndoes not look inside the one it has.",
|
|
69170
|
+
"inheritedFrom": {
|
|
69171
|
+
"name": "MixinChartSource",
|
|
69172
|
+
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
69173
|
+
}
|
|
69174
|
+
},
|
|
68796
69175
|
{
|
|
68797
69176
|
"kind": "field",
|
|
68798
69177
|
"name": "for",
|
|
@@ -68929,6 +69308,19 @@
|
|
|
68929
69308
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
68930
69309
|
}
|
|
68931
69310
|
},
|
|
69311
|
+
{
|
|
69312
|
+
"kind": "field",
|
|
69313
|
+
"name": "readingsKnown",
|
|
69314
|
+
"type": {
|
|
69315
|
+
"text": "boolean"
|
|
69316
|
+
},
|
|
69317
|
+
"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.",
|
|
69318
|
+
"readonly": true,
|
|
69319
|
+
"inheritedFrom": {
|
|
69320
|
+
"name": "MixinChartSource",
|
|
69321
|
+
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
69322
|
+
}
|
|
69323
|
+
},
|
|
68932
69324
|
{
|
|
68933
69325
|
"kind": "field",
|
|
68934
69326
|
"name": "sourceRows",
|
|
@@ -89815,6 +90207,19 @@
|
|
|
89815
90207
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
89816
90208
|
}
|
|
89817
90209
|
},
|
|
90210
|
+
{
|
|
90211
|
+
"kind": "field",
|
|
90212
|
+
"name": "data",
|
|
90213
|
+
"type": {
|
|
90214
|
+
"text": "ChartData | undefined"
|
|
90215
|
+
},
|
|
90216
|
+
"default": "undefined",
|
|
90217
|
+
"description": "The readings as data, in the shape of a table, where the page has no\ntable to point `for` at. `for` wins where both are set.\n\n```js\nchart.data = {\n caption: 'Sessions by channel',\n columns: ['Month', 'Direct', 'Referral'],\n rows: [['Jan', 10, 4], ['Feb', 20, 8]],\n}\n```\n\nThe first column holds each row's label and every column after it a\nseries, as in a table. A cell is a number, words, `null` for a blank,\nor `{ value, text }` for a number shown as words, such as `$128k`. A\nnumber is shown in `locale`.\n\n**A table is still the better source where the page can show one**:\nit reads with no script and before hydration, and a reader can sort and\ncopy it. Data is drawn on the client only, so a server serves the\nframe, and the summary, the keys and the readout are then the whole of\nwhat a screen reader is given. Set a new object to redraw: the chart\ndoes not look inside the one it has.",
|
|
90218
|
+
"inheritedFrom": {
|
|
90219
|
+
"name": "MixinChartSource",
|
|
90220
|
+
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
90221
|
+
}
|
|
90222
|
+
},
|
|
89818
90223
|
{
|
|
89819
90224
|
"kind": "field",
|
|
89820
90225
|
"name": "for",
|
|
@@ -89951,6 +90356,19 @@
|
|
|
89951
90356
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
89952
90357
|
}
|
|
89953
90358
|
},
|
|
90359
|
+
{
|
|
90360
|
+
"kind": "field",
|
|
90361
|
+
"name": "readingsKnown",
|
|
90362
|
+
"type": {
|
|
90363
|
+
"text": "boolean"
|
|
90364
|
+
},
|
|
90365
|
+
"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.",
|
|
90366
|
+
"readonly": true,
|
|
90367
|
+
"inheritedFrom": {
|
|
90368
|
+
"name": "MixinChartSource",
|
|
90369
|
+
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
90370
|
+
}
|
|
90371
|
+
},
|
|
89954
90372
|
{
|
|
89955
90373
|
"kind": "field",
|
|
89956
90374
|
"name": "sourceRows",
|
|
@@ -90495,7 +90913,7 @@
|
|
|
90495
90913
|
"text": "boolean"
|
|
90496
90914
|
},
|
|
90497
90915
|
"privacy": "private",
|
|
90498
|
-
"description": "Whether this render can tell a table with no readings from one it has not\nresolved yet.\n\n**Unknown is not empty, which is what an empty state must never say.**\n`for` names an id and resolving an id wants a document, so a server has\nnone and a hydrating render must not look either. Without this the server\ndrew \"No readings\" over a table holding ninety days of them, a crawler read\nthat sentence, and the strip flipped to a full one on hydration: the fault\n`MixinCollection` names for a slotted collection, arriving through the one\nchannel that mixin cannot see.\n\nThe same shape as `childrenKnown`, asked of a tree that can answer about\nids rather than of one that holds children. An id that resolves to nothing\nin a browser is still known, and still empty: a `for` naming no table\nshould say so rather than sit blank, which is why this asks\n`searchableById` and not `elementById
|
|
90916
|
+
"description": "Whether this render can tell a table with no readings from one it has not\nresolved yet.\n\n**Unknown is not empty, which is what an empty state must never say.**\n`for` names an id and resolving an id wants a document, so a server has\nnone and a hydrating render must not look either. Without this the server\ndrew \"No readings\" over a table holding ninety days of them, a crawler read\nthat sentence, and the strip flipped to a full one on hydration: the fault\n`MixinCollection` names for a slotted collection, arriving through the one\nchannel that mixin cannot see.\n\nThe same shape as `childrenKnown`, asked of a tree that can answer about\nids rather than of one that holds children. An id that resolves to nothing\nin a browser is still known, and still empty: a `for` naming no table\nshould say so rather than sit blank, which is why this asks\n`searchableById` and not `elementById`.\n\n`readingsKnown` asks it for every chart, and for `data` too, which a\nserver does not draw.",
|
|
90499
90917
|
"readonly": true,
|
|
90500
90918
|
"inheritedFrom": {
|
|
90501
90919
|
"name": "HelixHeadlessHeatmap",
|
|
@@ -103507,12 +103925,76 @@
|
|
|
103507
103925
|
},
|
|
103508
103926
|
"static": true,
|
|
103509
103927
|
"default": "''",
|
|
103510
|
-
"description": "The key
|
|
103928
|
+
"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.",
|
|
103511
103929
|
"inheritedFrom": {
|
|
103512
103930
|
"name": "MixinChartSource",
|
|
103513
103931
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
103514
103932
|
}
|
|
103515
103933
|
},
|
|
103934
|
+
{
|
|
103935
|
+
"kind": "field",
|
|
103936
|
+
"name": "emptyText",
|
|
103937
|
+
"type": {
|
|
103938
|
+
"text": "string"
|
|
103939
|
+
},
|
|
103940
|
+
"default": "'No readings'",
|
|
103941
|
+
"description": "The words shown in place of the drawing when the table has no readings,\nand the fallback of the `empty` slot.",
|
|
103942
|
+
"attribute": "empty-text",
|
|
103943
|
+
"helix": {
|
|
103944
|
+
"words": true
|
|
103945
|
+
},
|
|
103946
|
+
"inheritedFrom": {
|
|
103947
|
+
"name": "MixinChartStatus",
|
|
103948
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
103949
|
+
}
|
|
103950
|
+
},
|
|
103951
|
+
{
|
|
103952
|
+
"kind": "field",
|
|
103953
|
+
"name": "loading",
|
|
103954
|
+
"type": {
|
|
103955
|
+
"text": "boolean"
|
|
103956
|
+
},
|
|
103957
|
+
"default": "false",
|
|
103958
|
+
"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.",
|
|
103959
|
+
"attribute": "loading",
|
|
103960
|
+
"reflects": true,
|
|
103961
|
+
"inheritedFrom": {
|
|
103962
|
+
"name": "MixinChartStatus",
|
|
103963
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
103964
|
+
}
|
|
103965
|
+
},
|
|
103966
|
+
{
|
|
103967
|
+
"kind": "field",
|
|
103968
|
+
"name": "loadingText",
|
|
103969
|
+
"type": {
|
|
103970
|
+
"text": "string"
|
|
103971
|
+
},
|
|
103972
|
+
"default": "'Loading readings'",
|
|
103973
|
+
"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.",
|
|
103974
|
+
"attribute": "loading-text",
|
|
103975
|
+
"helix": {
|
|
103976
|
+
"words": true
|
|
103977
|
+
},
|
|
103978
|
+
"inheritedFrom": {
|
|
103979
|
+
"name": "MixinChartStatus",
|
|
103980
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
103981
|
+
}
|
|
103982
|
+
},
|
|
103983
|
+
{
|
|
103984
|
+
"kind": "method",
|
|
103985
|
+
"name": "renderStatus",
|
|
103986
|
+
"privacy": "protected",
|
|
103987
|
+
"return": {
|
|
103988
|
+
"type": {
|
|
103989
|
+
"text": "TemplateResult | typeof nothing"
|
|
103990
|
+
}
|
|
103991
|
+
},
|
|
103992
|
+
"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.",
|
|
103993
|
+
"inheritedFrom": {
|
|
103994
|
+
"name": "MixinChartStatus",
|
|
103995
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
103996
|
+
}
|
|
103997
|
+
},
|
|
103516
103998
|
{
|
|
103517
103999
|
"kind": "field",
|
|
103518
104000
|
"name": "source",
|
|
@@ -103536,6 +104018,19 @@
|
|
|
103536
104018
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
103537
104019
|
}
|
|
103538
104020
|
},
|
|
104021
|
+
{
|
|
104022
|
+
"kind": "field",
|
|
104023
|
+
"name": "data",
|
|
104024
|
+
"type": {
|
|
104025
|
+
"text": "ChartData | undefined"
|
|
104026
|
+
},
|
|
104027
|
+
"default": "undefined",
|
|
104028
|
+
"description": "The readings as data, in the shape of a table, where the page has no\ntable to point `for` at. `for` wins where both are set.\n\n```js\nchart.data = {\n caption: 'Sessions by channel',\n columns: ['Month', 'Direct', 'Referral'],\n rows: [['Jan', 10, 4], ['Feb', 20, 8]],\n}\n```\n\nThe first column holds each row's label and every column after it a\nseries, as in a table. A cell is a number, words, `null` for a blank,\nor `{ value, text }` for a number shown as words, such as `$128k`. A\nnumber is shown in `locale`.\n\n**A table is still the better source where the page can show one**:\nit reads with no script and before hydration, and a reader can sort and\ncopy it. Data is drawn on the client only, so a server serves the\nframe, and the summary, the keys and the readout are then the whole of\nwhat a screen reader is given. Set a new object to redraw: the chart\ndoes not look inside the one it has.",
|
|
104029
|
+
"inheritedFrom": {
|
|
104030
|
+
"name": "MixinChartSource",
|
|
104031
|
+
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
104032
|
+
}
|
|
104033
|
+
},
|
|
103539
104034
|
{
|
|
103540
104035
|
"kind": "field",
|
|
103541
104036
|
"name": "for",
|
|
@@ -103672,6 +104167,19 @@
|
|
|
103672
104167
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
103673
104168
|
}
|
|
103674
104169
|
},
|
|
104170
|
+
{
|
|
104171
|
+
"kind": "field",
|
|
104172
|
+
"name": "readingsKnown",
|
|
104173
|
+
"type": {
|
|
104174
|
+
"text": "boolean"
|
|
104175
|
+
},
|
|
104176
|
+
"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.",
|
|
104177
|
+
"readonly": true,
|
|
104178
|
+
"inheritedFrom": {
|
|
104179
|
+
"name": "MixinChartSource",
|
|
104180
|
+
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
104181
|
+
}
|
|
104182
|
+
},
|
|
103675
104183
|
{
|
|
103676
104184
|
"kind": "field",
|
|
103677
104185
|
"name": "sourceRows",
|
|
@@ -104695,6 +105203,45 @@
|
|
|
104695
105203
|
"description": "How translucent the lines are, as a material: `glass` or `frosted`.\n\n`glass` lets the gridlines read through them, which is what translucency is\nfor on a chart rather than decoration.\n\nOn the lines and not the wash: the wash is already scaled by\n`--helix-material-opacity` whatever this says, being a wash by nature, and\nscaling it twice would compound the policy against itself.\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.",
|
|
104696
105204
|
"fieldName": "material"
|
|
104697
105205
|
},
|
|
105206
|
+
{
|
|
105207
|
+
"name": "empty-text",
|
|
105208
|
+
"type": {
|
|
105209
|
+
"text": "string"
|
|
105210
|
+
},
|
|
105211
|
+
"default": "'No readings'",
|
|
105212
|
+
"description": "The words shown in place of the drawing when the table has no readings,\nand the fallback of the `empty` slot.",
|
|
105213
|
+
"fieldName": "emptyText",
|
|
105214
|
+
"inheritedFrom": {
|
|
105215
|
+
"name": "MixinChartStatus",
|
|
105216
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
105217
|
+
}
|
|
105218
|
+
},
|
|
105219
|
+
{
|
|
105220
|
+
"name": "loading",
|
|
105221
|
+
"type": {
|
|
105222
|
+
"text": "boolean"
|
|
105223
|
+
},
|
|
105224
|
+
"default": "false",
|
|
105225
|
+
"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.",
|
|
105226
|
+
"fieldName": "loading",
|
|
105227
|
+
"inheritedFrom": {
|
|
105228
|
+
"name": "MixinChartStatus",
|
|
105229
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
105230
|
+
}
|
|
105231
|
+
},
|
|
105232
|
+
{
|
|
105233
|
+
"name": "loading-text",
|
|
105234
|
+
"type": {
|
|
105235
|
+
"text": "string"
|
|
105236
|
+
},
|
|
105237
|
+
"default": "'Loading readings'",
|
|
105238
|
+
"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.",
|
|
105239
|
+
"fieldName": "loadingText",
|
|
105240
|
+
"inheritedFrom": {
|
|
105241
|
+
"name": "MixinChartStatus",
|
|
105242
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
105243
|
+
}
|
|
105244
|
+
},
|
|
104698
105245
|
{
|
|
104699
105246
|
"name": "for",
|
|
104700
105247
|
"type": {
|
|
@@ -104935,6 +105482,24 @@
|
|
|
104935
105482
|
},
|
|
104936
105483
|
"tagName": "helix-line-chart",
|
|
104937
105484
|
"customElement": true,
|
|
105485
|
+
"slots": [
|
|
105486
|
+
{
|
|
105487
|
+
"description": "Content shown in place of the drawing when the table has no readings, such as a link to add the first. Falls back to `empty-text`.",
|
|
105488
|
+
"name": "empty",
|
|
105489
|
+
"inheritedFrom": {
|
|
105490
|
+
"name": "HelixHeadlessLineChart",
|
|
105491
|
+
"module": "src/line-chart/root/line-chart-root.ts"
|
|
105492
|
+
}
|
|
105493
|
+
},
|
|
105494
|
+
{
|
|
105495
|
+
"description": "Content shown in place of the drawing while `loading` is set and there are no readings yet. Falls back to `loading-text`.",
|
|
105496
|
+
"name": "loading",
|
|
105497
|
+
"inheritedFrom": {
|
|
105498
|
+
"name": "HelixHeadlessLineChart",
|
|
105499
|
+
"module": "src/line-chart/root/line-chart-root.ts"
|
|
105500
|
+
}
|
|
105501
|
+
}
|
|
105502
|
+
],
|
|
104938
105503
|
"cssParts": [
|
|
104939
105504
|
{
|
|
104940
105505
|
"description": "The wash under one line, where `area` is set.",
|
|
@@ -104968,6 +105533,14 @@
|
|
|
104968
105533
|
"module": "src/line-chart/root/line-chart-root.ts"
|
|
104969
105534
|
}
|
|
104970
105535
|
},
|
|
105536
|
+
{
|
|
105537
|
+
"description": "The words in place of the drawing 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.",
|
|
105538
|
+
"name": "empty",
|
|
105539
|
+
"inheritedFrom": {
|
|
105540
|
+
"name": "HelixHeadlessLineChart",
|
|
105541
|
+
"module": "src/line-chart/root/line-chart-root.ts"
|
|
105542
|
+
}
|
|
105543
|
+
},
|
|
104971
105544
|
{
|
|
104972
105545
|
"description": "One rule across the plot, under `gridlines`.",
|
|
104973
105546
|
"name": "gridline",
|
|
@@ -105024,6 +105597,14 @@
|
|
|
105024
105597
|
"module": "src/line-chart/root/line-chart-root.ts"
|
|
105025
105598
|
}
|
|
105026
105599
|
},
|
|
105600
|
+
{
|
|
105601
|
+
"description": "The words in place of the drawing while `loading` is set and there are no readings: the `loading` slot, falling back to `loading-text`.",
|
|
105602
|
+
"name": "loading",
|
|
105603
|
+
"inheritedFrom": {
|
|
105604
|
+
"name": "HelixHeadlessLineChart",
|
|
105605
|
+
"module": "src/line-chart/root/line-chart-root.ts"
|
|
105606
|
+
}
|
|
105607
|
+
},
|
|
105027
105608
|
{
|
|
105028
105609
|
"description": "The invisible point the tooltip is anchored to.",
|
|
105029
105610
|
"name": "mark",
|
|
@@ -140765,7 +141346,7 @@
|
|
|
140765
141346
|
"text": "boolean"
|
|
140766
141347
|
},
|
|
140767
141348
|
"default": "false",
|
|
140768
|
-
"description": "Says each new state politely, such as \"Working\" and then \"Done\".\n\n**The orb becomes the live region**: its role is `status` rather than\n`progressbar` or `img`, and it holds the state's word. A region inside a\nprogress bar or an image may never be heard, because assistive technology\ntreats what those two hold as presentation. The name is still `label` or\nthe state's word.\n\nOff by default, because the name and the busy state already change with\nthe state, and an orb beside a stream of messages would otherwise talk\nover them. Set it on an orb that is the only sign of progress on the page.",
|
|
141349
|
+
"description": "Says each new state politely, such as \"Working\" and then \"Done\".\n\n**The orb becomes the live region**: its role is `status` rather than\n`progressbar` or `img`, and it holds the state's word. A region inside a\nprogress bar or an image may never be heard, because assistive technology\ntreats what those two hold as presentation. The name is still `label` or\nthe state's word.\n\nOff by default, because the name and the busy state already change with\nthe state, and an orb beside a stream of messages would otherwise talk\nover them. Set it on an orb that is the only sign of progress on the page.\n\n**Without it, finishing is silent.** `done` turns the orb into an image\nnamed \"Done\" that is no longer busy, which a screen reader reports when it\nnext reaches the orb and does not say as it happens. A page whose own\nresult arrives in a live region, such as a chat reply, already says the\nwork is done; one that shows nothing else sets `announce`.",
|
|
140769
141350
|
"attribute": "announce"
|
|
140770
141351
|
},
|
|
140771
141352
|
{
|
|
@@ -141356,7 +141937,7 @@
|
|
|
141356
141937
|
"text": "boolean"
|
|
141357
141938
|
},
|
|
141358
141939
|
"default": "false",
|
|
141359
|
-
"description": "Says each new state politely, such as \"Working\" and then \"Done\".\n\n**The orb becomes the live region**: its role is `status` rather than\n`progressbar` or `img`, and it holds the state's word. A region inside a\nprogress bar or an image may never be heard, because assistive technology\ntreats what those two hold as presentation. The name is still `label` or\nthe state's word.\n\nOff by default, because the name and the busy state already change with\nthe state, and an orb beside a stream of messages would otherwise talk\nover them. Set it on an orb that is the only sign of progress on the page.",
|
|
141940
|
+
"description": "Says each new state politely, such as \"Working\" and then \"Done\".\n\n**The orb becomes the live region**: its role is `status` rather than\n`progressbar` or `img`, and it holds the state's word. A region inside a\nprogress bar or an image may never be heard, because assistive technology\ntreats what those two hold as presentation. The name is still `label` or\nthe state's word.\n\nOff by default, because the name and the busy state already change with\nthe state, and an orb beside a stream of messages would otherwise talk\nover them. Set it on an orb that is the only sign of progress on the page.\n\n**Without it, finishing is silent.** `done` turns the orb into an image\nnamed \"Done\" that is no longer busy, which a screen reader reports when it\nnext reaches the orb and does not say as it happens. A page whose own\nresult arrives in a live region, such as a chat reply, already says the\nwork is done; one that shows nothing else sets `announce`.",
|
|
141360
141941
|
"fieldName": "announce"
|
|
141361
141942
|
},
|
|
141362
141943
|
{
|
|
@@ -150566,6 +151147,18 @@
|
|
|
150566
151147
|
"description": "Fill of the part that is done.",
|
|
150567
151148
|
"name": "--progress-color"
|
|
150568
151149
|
},
|
|
151150
|
+
{
|
|
151151
|
+
"description": "The color of the words of the default slot where they are over the track, and in a ring.",
|
|
151152
|
+
"name": "--progress-content-color"
|
|
151153
|
+
},
|
|
151154
|
+
{
|
|
151155
|
+
"description": "The color of the words of the default slot where they are over the fill.",
|
|
151156
|
+
"name": "--progress-content-fill-color"
|
|
151157
|
+
},
|
|
151158
|
+
{
|
|
151159
|
+
"description": "The type size of the words of the default slot.",
|
|
151160
|
+
"name": "--progress-content-size"
|
|
151161
|
+
},
|
|
150569
151162
|
{
|
|
150570
151163
|
"description": "Color of a slotted label.",
|
|
150571
151164
|
"name": "--progress-label-color"
|
|
@@ -150624,6 +151217,14 @@
|
|
|
150624
151217
|
}
|
|
150625
151218
|
],
|
|
150626
151219
|
"slots": [
|
|
151220
|
+
{
|
|
151221
|
+
"description": "Words drawn on the bar, or in the middle of a ring, such as the reading. The bar grows to their height, and over the fill they take the fill's own ink.",
|
|
151222
|
+
"name": "",
|
|
151223
|
+
"inheritedFrom": {
|
|
151224
|
+
"name": "HelixHeadlessProgress",
|
|
151225
|
+
"module": "src/progress/root/progress-root.ts"
|
|
151226
|
+
}
|
|
151227
|
+
},
|
|
150627
151228
|
{
|
|
150628
151229
|
"description": "A visible label, above a bar and under a ring. Its words name it in place of `label`.",
|
|
150629
151230
|
"name": "label",
|
|
@@ -150681,7 +151282,7 @@
|
|
|
150681
151282
|
"type": {
|
|
150682
151283
|
"text": "Intl.NumberFormatOptions | undefined"
|
|
150683
151284
|
},
|
|
150684
|
-
"description": "`Intl.NumberFormat` options the reading is written with, as React Aria's\nMeter and ProgressBar take them: a unit, a currency, or a number of\ndecimals. Written as JSON in the attribute.\n\n```html\n<helix-progress value=\"18\" max=\"32\" format-options='{\"style\":\"unit\",\"unit\":\"gigabyte\"}'></helix-progress>\n```\n\nA `percent` style writes the share of the range, and any other the value\nitself, so the example says \"18 GB\". Absent is a whole percentage. The\nwords are announced
|
|
151285
|
+
"description": "`Intl.NumberFormat` options the reading is written with, as React Aria's\nMeter and ProgressBar take them: a unit, a currency, or a number of\ndecimals. Written as JSON in the attribute.\n\n```html\n<helix-progress value=\"18\" max=\"32\" format-options='{\"style\":\"unit\",\"unit\":\"gigabyte\"}'></helix-progress>\n```\n\nA `percent` style writes the share of the range, and any other the value\nitself, so the example says \"18 GB\". Absent is a whole percentage. The\nwords are announced whether or not `show-value` shows them. `value-text`\nstill wins.",
|
|
150685
151286
|
"attribute": "format-options",
|
|
150686
151287
|
"inheritedFrom": {
|
|
150687
151288
|
"name": "HelixHeadlessProgress",
|
|
@@ -150910,6 +151511,17 @@
|
|
|
150910
151511
|
"module": "src/progress/root/progress-root.ts"
|
|
150911
151512
|
}
|
|
150912
151513
|
},
|
|
151514
|
+
{
|
|
151515
|
+
"kind": "field",
|
|
151516
|
+
"name": "reworded",
|
|
151517
|
+
"privacy": "private",
|
|
151518
|
+
"readonly": true,
|
|
151519
|
+
"description": "The words on the bar changed, so the reading is said again and the state set.",
|
|
151520
|
+
"inheritedFrom": {
|
|
151521
|
+
"name": "HelixHeadlessProgress",
|
|
151522
|
+
"module": "src/progress/root/progress-root.ts"
|
|
151523
|
+
}
|
|
151524
|
+
},
|
|
150913
151525
|
{
|
|
150914
151526
|
"kind": "field",
|
|
150915
151527
|
"name": "tier",
|
|
@@ -151277,7 +151889,7 @@
|
|
|
151277
151889
|
"type": {
|
|
151278
151890
|
"text": "Intl.NumberFormatOptions | undefined"
|
|
151279
151891
|
},
|
|
151280
|
-
"description": "`Intl.NumberFormat` options the reading is written with, as React Aria's\nMeter and ProgressBar take them: a unit, a currency, or a number of\ndecimals. Written as JSON in the attribute.\n\n```html\n<helix-progress value=\"18\" max=\"32\" format-options='{\"style\":\"unit\",\"unit\":\"gigabyte\"}'></helix-progress>\n```\n\nA `percent` style writes the share of the range, and any other the value\nitself, so the example says \"18 GB\". Absent is a whole percentage. The\nwords are announced
|
|
151892
|
+
"description": "`Intl.NumberFormat` options the reading is written with, as React Aria's\nMeter and ProgressBar take them: a unit, a currency, or a number of\ndecimals. Written as JSON in the attribute.\n\n```html\n<helix-progress value=\"18\" max=\"32\" format-options='{\"style\":\"unit\",\"unit\":\"gigabyte\"}'></helix-progress>\n```\n\nA `percent` style writes the share of the range, and any other the value\nitself, so the example says \"18 GB\". Absent is a whole percentage. The\nwords are announced whether or not `show-value` shows them. `value-text`\nstill wins.",
|
|
151281
151893
|
"fieldName": "formatOptions",
|
|
151282
151894
|
"inheritedFrom": {
|
|
151283
151895
|
"name": "HelixHeadlessProgress",
|
|
@@ -151442,6 +152054,10 @@
|
|
|
151442
152054
|
"description": "A visible label above the bar, whose words also name it.",
|
|
151443
152055
|
"slug": "label"
|
|
151444
152056
|
},
|
|
152057
|
+
{
|
|
152058
|
+
"description": "The reading drawn on the bar, from words in its default slot, which are also what it says.",
|
|
152059
|
+
"slug": "on-the-bar"
|
|
152060
|
+
},
|
|
151445
152061
|
{
|
|
151446
152062
|
"description": "The same progress drawn as a ring.",
|
|
151447
152063
|
"slug": "ring"
|
|
@@ -151456,6 +152072,14 @@
|
|
|
151456
152072
|
"tagName": "helix-progress",
|
|
151457
152073
|
"customElement": true,
|
|
151458
152074
|
"cssParts": [
|
|
152075
|
+
{
|
|
152076
|
+
"description": "The box holding the words of the default slot, over the track or in the middle of the ring. Carries `--progress-fraction`.",
|
|
152077
|
+
"name": "content",
|
|
152078
|
+
"inheritedFrom": {
|
|
152079
|
+
"name": "HelixHeadlessProgress",
|
|
152080
|
+
"module": "src/progress/root/progress-root.ts"
|
|
152081
|
+
}
|
|
152082
|
+
},
|
|
151459
152083
|
{
|
|
151460
152084
|
"description": "The unfilled circle under the ring's filled arc.",
|
|
151461
152085
|
"name": "groove",
|
|
@@ -151520,6 +152144,14 @@
|
|
|
151520
152144
|
"module": "src/progress/root/progress-root.ts"
|
|
151521
152145
|
}
|
|
151522
152146
|
},
|
|
152147
|
+
{
|
|
152148
|
+
"description": "Words are set in the default slot.",
|
|
152149
|
+
"name": "content",
|
|
152150
|
+
"inheritedFrom": {
|
|
152151
|
+
"name": "HelixHeadlessProgress",
|
|
152152
|
+
"module": "src/progress/root/progress-root.ts"
|
|
152153
|
+
}
|
|
152154
|
+
},
|
|
151523
152155
|
{
|
|
151524
152156
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
151525
152157
|
"name": "settled",
|
|
@@ -163102,12 +163734,76 @@
|
|
|
163102
163734
|
},
|
|
163103
163735
|
"static": true,
|
|
163104
163736
|
"default": "''",
|
|
163105
|
-
"description": "The key
|
|
163737
|
+
"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.",
|
|
163106
163738
|
"inheritedFrom": {
|
|
163107
163739
|
"name": "MixinChartSource",
|
|
163108
163740
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
163109
163741
|
}
|
|
163110
163742
|
},
|
|
163743
|
+
{
|
|
163744
|
+
"kind": "field",
|
|
163745
|
+
"name": "emptyText",
|
|
163746
|
+
"type": {
|
|
163747
|
+
"text": "string"
|
|
163748
|
+
},
|
|
163749
|
+
"default": "'No readings'",
|
|
163750
|
+
"description": "The words shown in place of the drawing when the table has no readings,\nand the fallback of the `empty` slot.",
|
|
163751
|
+
"attribute": "empty-text",
|
|
163752
|
+
"helix": {
|
|
163753
|
+
"words": true
|
|
163754
|
+
},
|
|
163755
|
+
"inheritedFrom": {
|
|
163756
|
+
"name": "MixinChartStatus",
|
|
163757
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
163758
|
+
}
|
|
163759
|
+
},
|
|
163760
|
+
{
|
|
163761
|
+
"kind": "field",
|
|
163762
|
+
"name": "loading",
|
|
163763
|
+
"type": {
|
|
163764
|
+
"text": "boolean"
|
|
163765
|
+
},
|
|
163766
|
+
"default": "false",
|
|
163767
|
+
"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.",
|
|
163768
|
+
"attribute": "loading",
|
|
163769
|
+
"reflects": true,
|
|
163770
|
+
"inheritedFrom": {
|
|
163771
|
+
"name": "MixinChartStatus",
|
|
163772
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
163773
|
+
}
|
|
163774
|
+
},
|
|
163775
|
+
{
|
|
163776
|
+
"kind": "field",
|
|
163777
|
+
"name": "loadingText",
|
|
163778
|
+
"type": {
|
|
163779
|
+
"text": "string"
|
|
163780
|
+
},
|
|
163781
|
+
"default": "'Loading readings'",
|
|
163782
|
+
"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.",
|
|
163783
|
+
"attribute": "loading-text",
|
|
163784
|
+
"helix": {
|
|
163785
|
+
"words": true
|
|
163786
|
+
},
|
|
163787
|
+
"inheritedFrom": {
|
|
163788
|
+
"name": "MixinChartStatus",
|
|
163789
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
163790
|
+
}
|
|
163791
|
+
},
|
|
163792
|
+
{
|
|
163793
|
+
"kind": "method",
|
|
163794
|
+
"name": "renderStatus",
|
|
163795
|
+
"privacy": "protected",
|
|
163796
|
+
"return": {
|
|
163797
|
+
"type": {
|
|
163798
|
+
"text": "TemplateResult | typeof nothing"
|
|
163799
|
+
}
|
|
163800
|
+
},
|
|
163801
|
+
"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.",
|
|
163802
|
+
"inheritedFrom": {
|
|
163803
|
+
"name": "MixinChartStatus",
|
|
163804
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
163805
|
+
}
|
|
163806
|
+
},
|
|
163111
163807
|
{
|
|
163112
163808
|
"kind": "field",
|
|
163113
163809
|
"name": "source",
|
|
@@ -163131,6 +163827,19 @@
|
|
|
163131
163827
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
163132
163828
|
}
|
|
163133
163829
|
},
|
|
163830
|
+
{
|
|
163831
|
+
"kind": "field",
|
|
163832
|
+
"name": "data",
|
|
163833
|
+
"type": {
|
|
163834
|
+
"text": "ChartData | undefined"
|
|
163835
|
+
},
|
|
163836
|
+
"default": "undefined",
|
|
163837
|
+
"description": "The readings as data, in the shape of a table, where the page has no\ntable to point `for` at. `for` wins where both are set.\n\n```js\nchart.data = {\n caption: 'Sessions by channel',\n columns: ['Month', 'Direct', 'Referral'],\n rows: [['Jan', 10, 4], ['Feb', 20, 8]],\n}\n```\n\nThe first column holds each row's label and every column after it a\nseries, as in a table. A cell is a number, words, `null` for a blank,\nor `{ value, text }` for a number shown as words, such as `$128k`. A\nnumber is shown in `locale`.\n\n**A table is still the better source where the page can show one**:\nit reads with no script and before hydration, and a reader can sort and\ncopy it. Data is drawn on the client only, so a server serves the\nframe, and the summary, the keys and the readout are then the whole of\nwhat a screen reader is given. Set a new object to redraw: the chart\ndoes not look inside the one it has.",
|
|
163838
|
+
"inheritedFrom": {
|
|
163839
|
+
"name": "MixinChartSource",
|
|
163840
|
+
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
163841
|
+
}
|
|
163842
|
+
},
|
|
163134
163843
|
{
|
|
163135
163844
|
"kind": "field",
|
|
163136
163845
|
"name": "for",
|
|
@@ -163267,6 +163976,19 @@
|
|
|
163267
163976
|
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
163268
163977
|
}
|
|
163269
163978
|
},
|
|
163979
|
+
{
|
|
163980
|
+
"kind": "field",
|
|
163981
|
+
"name": "readingsKnown",
|
|
163982
|
+
"type": {
|
|
163983
|
+
"text": "boolean"
|
|
163984
|
+
},
|
|
163985
|
+
"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.",
|
|
163986
|
+
"readonly": true,
|
|
163987
|
+
"inheritedFrom": {
|
|
163988
|
+
"name": "MixinChartSource",
|
|
163989
|
+
"module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
|
|
163990
|
+
}
|
|
163991
|
+
},
|
|
163270
163992
|
{
|
|
163271
163993
|
"kind": "field",
|
|
163272
163994
|
"name": "sourceRows",
|
|
@@ -164132,6 +164854,45 @@
|
|
|
164132
164854
|
"tagName": "helix-scatter-chart",
|
|
164133
164855
|
"customElement": true,
|
|
164134
164856
|
"attributes": [
|
|
164857
|
+
{
|
|
164858
|
+
"name": "empty-text",
|
|
164859
|
+
"type": {
|
|
164860
|
+
"text": "string"
|
|
164861
|
+
},
|
|
164862
|
+
"default": "'No readings'",
|
|
164863
|
+
"description": "The words shown in place of the drawing when the table has no readings,\nand the fallback of the `empty` slot.",
|
|
164864
|
+
"fieldName": "emptyText",
|
|
164865
|
+
"inheritedFrom": {
|
|
164866
|
+
"name": "MixinChartStatus",
|
|
164867
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
164868
|
+
}
|
|
164869
|
+
},
|
|
164870
|
+
{
|
|
164871
|
+
"name": "loading",
|
|
164872
|
+
"type": {
|
|
164873
|
+
"text": "boolean"
|
|
164874
|
+
},
|
|
164875
|
+
"default": "false",
|
|
164876
|
+
"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.",
|
|
164877
|
+
"fieldName": "loading",
|
|
164878
|
+
"inheritedFrom": {
|
|
164879
|
+
"name": "MixinChartStatus",
|
|
164880
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
164881
|
+
}
|
|
164882
|
+
},
|
|
164883
|
+
{
|
|
164884
|
+
"name": "loading-text",
|
|
164885
|
+
"type": {
|
|
164886
|
+
"text": "string"
|
|
164887
|
+
},
|
|
164888
|
+
"default": "'Loading readings'",
|
|
164889
|
+
"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.",
|
|
164890
|
+
"fieldName": "loadingText",
|
|
164891
|
+
"inheritedFrom": {
|
|
164892
|
+
"name": "MixinChartStatus",
|
|
164893
|
+
"module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
|
|
164894
|
+
}
|
|
164895
|
+
},
|
|
164135
164896
|
{
|
|
164136
164897
|
"name": "for",
|
|
164137
164898
|
"type": {
|
|
@@ -164262,7 +165023,33 @@
|
|
|
164262
165023
|
}
|
|
164263
165024
|
}
|
|
164264
165025
|
],
|
|
165026
|
+
"slots": [
|
|
165027
|
+
{
|
|
165028
|
+
"description": "Content shown in place of the drawing when the table has no readings, such as a link to add the first. Falls back to `empty-text`.",
|
|
165029
|
+
"name": "empty",
|
|
165030
|
+
"inheritedFrom": {
|
|
165031
|
+
"name": "HelixHeadlessScatterChart",
|
|
165032
|
+
"module": "src/scatter-chart/root/scatter-chart-root.ts"
|
|
165033
|
+
}
|
|
165034
|
+
},
|
|
165035
|
+
{
|
|
165036
|
+
"description": "Content shown in place of the drawing while `loading` is set and there are no readings yet. Falls back to `loading-text`.",
|
|
165037
|
+
"name": "loading",
|
|
165038
|
+
"inheritedFrom": {
|
|
165039
|
+
"name": "HelixHeadlessScatterChart",
|
|
165040
|
+
"module": "src/scatter-chart/root/scatter-chart-root.ts"
|
|
165041
|
+
}
|
|
165042
|
+
}
|
|
165043
|
+
],
|
|
164265
165044
|
"cssParts": [
|
|
165045
|
+
{
|
|
165046
|
+
"description": "The words in place of the drawing 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.",
|
|
165047
|
+
"name": "empty",
|
|
165048
|
+
"inheritedFrom": {
|
|
165049
|
+
"name": "HelixHeadlessScatterChart",
|
|
165050
|
+
"module": "src/scatter-chart/root/scatter-chart-root.ts"
|
|
165051
|
+
}
|
|
165052
|
+
},
|
|
164266
165053
|
{
|
|
164267
165054
|
"description": "One line across the plot, drawn when `gridlines` is set.",
|
|
164268
165055
|
"name": "gridline",
|
|
@@ -164279,6 +165066,14 @@
|
|
|
164279
165066
|
"module": "src/scatter-chart/root/scatter-chart-root.ts"
|
|
164280
165067
|
}
|
|
164281
165068
|
},
|
|
165069
|
+
{
|
|
165070
|
+
"description": "The words in place of the drawing while `loading` is set and there are no readings: the `loading` slot, falling back to `loading-text`.",
|
|
165071
|
+
"name": "loading",
|
|
165072
|
+
"inheritedFrom": {
|
|
165073
|
+
"name": "HelixHeadlessScatterChart",
|
|
165074
|
+
"module": "src/scatter-chart/root/scatter-chart-root.ts"
|
|
165075
|
+
}
|
|
165076
|
+
},
|
|
164282
165077
|
{
|
|
164283
165078
|
"description": "The invisible point the tooltip is anchored to.",
|
|
164284
165079
|
"name": "mark",
|
|
@@ -168333,6 +169128,26 @@
|
|
|
168333
169128
|
}
|
|
168334
169129
|
]
|
|
168335
169130
|
},
|
|
169131
|
+
{
|
|
169132
|
+
"kind": "javascript-module",
|
|
169133
|
+
"path": "src/shared/chart/status.css.ts",
|
|
169134
|
+
"declarations": [
|
|
169135
|
+
{
|
|
169136
|
+
"kind": "variable",
|
|
169137
|
+
"name": "styles"
|
|
169138
|
+
}
|
|
169139
|
+
],
|
|
169140
|
+
"exports": [
|
|
169141
|
+
{
|
|
169142
|
+
"kind": "js",
|
|
169143
|
+
"name": "styles",
|
|
169144
|
+
"declaration": {
|
|
169145
|
+
"name": "styles",
|
|
169146
|
+
"module": "src/shared/chart/status.css.ts"
|
|
169147
|
+
}
|
|
169148
|
+
}
|
|
169149
|
+
]
|
|
169150
|
+
},
|
|
168336
169151
|
{
|
|
168337
169152
|
"kind": "javascript-module",
|
|
168338
169153
|
"path": "src/shared/chart/terminus.css.ts",
|
|
@@ -226694,6 +227509,6 @@
|
|
|
226694
227509
|
],
|
|
226695
227510
|
"helix": {
|
|
226696
227511
|
"package": "@fusion.dev/helix",
|
|
226697
|
-
"version": "0.
|
|
227512
|
+
"version": "0.153.0"
|
|
226698
227513
|
}
|
|
226699
227514
|
}
|