@fusion.dev/helix 0.154.0 → 0.155.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 +1915 -50
- package/dist/breadcrumbs/breadcrumb/breadcrumb.css.js +5 -1
- package/dist/color-picker/root/color-picker-root.css.js +1 -1
- package/dist/date-picker/root/date-picker-root.css.js +1 -1
- package/dist/element-events.generated.js +2 -1
- package/dist/slider/root/slider-root.css.js +4 -3
- package/dist/slider/root/slider-root.d.ts +1 -0
- package/dist/speed-dial/item/speed-dial-item.css.js +1 -1
- package/dist/speed-dial/root/speed-dial-root.css.js +1 -1
- package/dist/tabs/root/tabs-root.css.js +5 -1
- package/dist/tabs/root/tabs-root.d.ts +3 -0
- package/dist/tabs/tab/tab.css.js +1 -1
- package/dist/tabs/tab/tab.d.ts +2 -0
- package/dist/tag/root/tag-root.d.ts +5 -0
- package/dist/toggle/root/toggle-root.css.js +1 -1
- package/lint.json +1 -1
- package/package.json +6 -6
- package/types/jsx.d.ts +790 -115
- package/types/vue.d.ts +225 -33
- package/types/words.d.ts +26 -1
package/custom-elements.json
CHANGED
|
@@ -1016,6 +1016,14 @@
|
|
|
1016
1016
|
}
|
|
1017
1017
|
],
|
|
1018
1018
|
"cssStates": [
|
|
1019
|
+
{
|
|
1020
|
+
"description": "While the item has closed and its content is still drawn, until the content part's animations end.",
|
|
1021
|
+
"name": "closing",
|
|
1022
|
+
"inheritedFrom": {
|
|
1023
|
+
"name": "HelixHeadlessAccordionItem",
|
|
1024
|
+
"module": "src/accordion/item/accordion-item.ts"
|
|
1025
|
+
}
|
|
1026
|
+
},
|
|
1019
1027
|
{
|
|
1020
1028
|
"description": "While the item is open.",
|
|
1021
1029
|
"name": "open",
|
|
@@ -12626,6 +12634,22 @@
|
|
|
12626
12634
|
"module": "src/breadcrumbs/breadcrumb/breadcrumb.ts"
|
|
12627
12635
|
}
|
|
12628
12636
|
},
|
|
12637
|
+
{
|
|
12638
|
+
"description": "The button after the first crumb of a folded slotted trail, which shows the folded crumbs.",
|
|
12639
|
+
"name": "expand",
|
|
12640
|
+
"inheritedFrom": {
|
|
12641
|
+
"name": "HelixHeadlessBreadcrumb",
|
|
12642
|
+
"module": "src/breadcrumbs/breadcrumb/breadcrumb.ts"
|
|
12643
|
+
}
|
|
12644
|
+
},
|
|
12645
|
+
{
|
|
12646
|
+
"description": "The chevron before that button.",
|
|
12647
|
+
"name": "fold-separator",
|
|
12648
|
+
"inheritedFrom": {
|
|
12649
|
+
"name": "HelixHeadlessBreadcrumb",
|
|
12650
|
+
"module": "src/breadcrumbs/breadcrumb/breadcrumb.ts"
|
|
12651
|
+
}
|
|
12652
|
+
},
|
|
12629
12653
|
{
|
|
12630
12654
|
"description": "The crumb itself, which is an `<a>` where `href` is set.",
|
|
12631
12655
|
"name": "link",
|
|
@@ -12735,6 +12759,32 @@
|
|
|
12735
12759
|
"module": "src/breadcrumbs/breadcrumb/breadcrumb.ts"
|
|
12736
12760
|
}
|
|
12737
12761
|
},
|
|
12762
|
+
{
|
|
12763
|
+
"kind": "field",
|
|
12764
|
+
"name": "handleLinkClick",
|
|
12765
|
+
"privacy": "private",
|
|
12766
|
+
"readonly": true,
|
|
12767
|
+
"description": "Sends `helix-select` for a plain press on the link, and keeps the browser\nfrom following where it was canceled.",
|
|
12768
|
+
"inheritedFrom": {
|
|
12769
|
+
"name": "HelixHeadlessBreadcrumb",
|
|
12770
|
+
"module": "src/breadcrumbs/breadcrumb/breadcrumb.ts"
|
|
12771
|
+
}
|
|
12772
|
+
},
|
|
12773
|
+
{
|
|
12774
|
+
"kind": "method",
|
|
12775
|
+
"name": "renderFold",
|
|
12776
|
+
"privacy": "protected",
|
|
12777
|
+
"return": {
|
|
12778
|
+
"type": {
|
|
12779
|
+
"text": "TemplateResult | typeof nothing"
|
|
12780
|
+
}
|
|
12781
|
+
},
|
|
12782
|
+
"description": "The button that shows the crumbs a slotted trail folded after this one,\nwith a chevron before it, drawn after the crumb's own label.",
|
|
12783
|
+
"inheritedFrom": {
|
|
12784
|
+
"name": "HelixHeadlessBreadcrumb",
|
|
12785
|
+
"module": "src/breadcrumbs/breadcrumb/breadcrumb.ts"
|
|
12786
|
+
}
|
|
12787
|
+
},
|
|
12738
12788
|
{
|
|
12739
12789
|
"kind": "method",
|
|
12740
12790
|
"name": "markEnd",
|
|
@@ -13186,7 +13236,29 @@
|
|
|
13186
13236
|
}
|
|
13187
13237
|
}
|
|
13188
13238
|
],
|
|
13239
|
+
"events": [
|
|
13240
|
+
{
|
|
13241
|
+
"type": {
|
|
13242
|
+
"text": "HelixSelectEvent"
|
|
13243
|
+
},
|
|
13244
|
+
"description": "A plain press on the crumb's link, with its `href` as the value, before the browser follows it. Cancelable: cancel it to keep the browser from following, as a client-side router does.",
|
|
13245
|
+
"name": "helix-select",
|
|
13246
|
+
"reactProp": "onhelix-select",
|
|
13247
|
+
"inheritedFrom": {
|
|
13248
|
+
"name": "HelixHeadlessBreadcrumb",
|
|
13249
|
+
"module": "src/breadcrumbs/breadcrumb/breadcrumb.ts"
|
|
13250
|
+
}
|
|
13251
|
+
}
|
|
13252
|
+
],
|
|
13189
13253
|
"cssStates": [
|
|
13254
|
+
{
|
|
13255
|
+
"description": "While the crumb is the current page, marked `current` or the last of a trail with none marked.",
|
|
13256
|
+
"name": "current",
|
|
13257
|
+
"inheritedFrom": {
|
|
13258
|
+
"name": "HelixHeadlessBreadcrumb",
|
|
13259
|
+
"module": "src/breadcrumbs/breadcrumb/breadcrumb.ts"
|
|
13260
|
+
}
|
|
13261
|
+
},
|
|
13190
13262
|
{
|
|
13191
13263
|
"description": "While the `end` slot holds something, so a stylesheet can join the label and what follows it into one control.",
|
|
13192
13264
|
"name": "end",
|
|
@@ -13195,6 +13267,14 @@
|
|
|
13195
13267
|
"module": "src/breadcrumbs/breadcrumb/breadcrumb.ts"
|
|
13196
13268
|
}
|
|
13197
13269
|
},
|
|
13270
|
+
{
|
|
13271
|
+
"description": "While a trail longer than its `max-items` has folded the crumb away. It takes no room.",
|
|
13272
|
+
"name": "folded",
|
|
13273
|
+
"inheritedFrom": {
|
|
13274
|
+
"name": "HelixHeadlessBreadcrumb",
|
|
13275
|
+
"module": "src/breadcrumbs/breadcrumb/breadcrumb.ts"
|
|
13276
|
+
}
|
|
13277
|
+
},
|
|
13198
13278
|
{
|
|
13199
13279
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
13200
13280
|
"name": "settled",
|
|
@@ -13337,6 +13417,22 @@
|
|
|
13337
13417
|
"module": "src/breadcrumbs/root/breadcrumbs-root.ts"
|
|
13338
13418
|
}
|
|
13339
13419
|
},
|
|
13420
|
+
{
|
|
13421
|
+
"description": "The fold button a crumb draws after the first crumb of a folded slotted trail. A trail drawn from `items` draws its fold as a crumb of its own, `crumb-collapsed`, so this one is never drawn there.",
|
|
13422
|
+
"name": "crumb-expand",
|
|
13423
|
+
"inheritedFrom": {
|
|
13424
|
+
"name": "HelixHeadlessBreadcrumbs",
|
|
13425
|
+
"module": "src/breadcrumbs/root/breadcrumbs-root.ts"
|
|
13426
|
+
}
|
|
13427
|
+
},
|
|
13428
|
+
{
|
|
13429
|
+
"description": "The chevron before that button.",
|
|
13430
|
+
"name": "crumb-fold-separator",
|
|
13431
|
+
"inheritedFrom": {
|
|
13432
|
+
"name": "HelixHeadlessBreadcrumbs",
|
|
13433
|
+
"module": "src/breadcrumbs/root/breadcrumbs-root.ts"
|
|
13434
|
+
}
|
|
13435
|
+
},
|
|
13340
13436
|
{
|
|
13341
13437
|
"description": "The link, or the current page's words, of a crumb drawn from `items`.",
|
|
13342
13438
|
"name": "crumb-link",
|
|
@@ -13485,6 +13581,31 @@
|
|
|
13485
13581
|
"module": "src/breadcrumbs/root/breadcrumbs-root.ts"
|
|
13486
13582
|
}
|
|
13487
13583
|
},
|
|
13584
|
+
{
|
|
13585
|
+
"kind": "field",
|
|
13586
|
+
"name": "slotted",
|
|
13587
|
+
"type": {
|
|
13588
|
+
"text": "HelixHeadlessBreadcrumb[]"
|
|
13589
|
+
},
|
|
13590
|
+
"privacy": "private",
|
|
13591
|
+
"description": "The crumbs slotted into the trail, in order.",
|
|
13592
|
+
"readonly": true,
|
|
13593
|
+
"inheritedFrom": {
|
|
13594
|
+
"name": "HelixHeadlessBreadcrumbs",
|
|
13595
|
+
"module": "src/breadcrumbs/root/breadcrumbs-root.ts"
|
|
13596
|
+
}
|
|
13597
|
+
},
|
|
13598
|
+
{
|
|
13599
|
+
"kind": "field",
|
|
13600
|
+
"name": "unfold",
|
|
13601
|
+
"privacy": "private",
|
|
13602
|
+
"readonly": true,
|
|
13603
|
+
"description": "Shows the whole of a folded slotted trail and moves focus to the first crumb it brought back.",
|
|
13604
|
+
"inheritedFrom": {
|
|
13605
|
+
"name": "HelixHeadlessBreadcrumbs",
|
|
13606
|
+
"module": "src/breadcrumbs/root/breadcrumbs-root.ts"
|
|
13607
|
+
}
|
|
13608
|
+
},
|
|
13488
13609
|
{
|
|
13489
13610
|
"kind": "field",
|
|
13490
13611
|
"name": "expand",
|
|
@@ -13521,6 +13642,17 @@
|
|
|
13521
13642
|
"module": "src/breadcrumbs/root/breadcrumbs-root.ts"
|
|
13522
13643
|
}
|
|
13523
13644
|
},
|
|
13645
|
+
{
|
|
13646
|
+
"kind": "field",
|
|
13647
|
+
"name": "handleSlotChange",
|
|
13648
|
+
"privacy": "private",
|
|
13649
|
+
"readonly": true,
|
|
13650
|
+
"description": "New crumbs fold again, as a new `items` does.",
|
|
13651
|
+
"inheritedFrom": {
|
|
13652
|
+
"name": "HelixHeadlessBreadcrumbs",
|
|
13653
|
+
"module": "src/breadcrumbs/root/breadcrumbs-root.ts"
|
|
13654
|
+
}
|
|
13655
|
+
},
|
|
13524
13656
|
{
|
|
13525
13657
|
"kind": "method",
|
|
13526
13658
|
"name": "renderItems",
|
|
@@ -14849,6 +14981,14 @@
|
|
|
14849
14981
|
}
|
|
14850
14982
|
],
|
|
14851
14983
|
"cssStates": [
|
|
14984
|
+
{
|
|
14985
|
+
"description": "While a group with `selection-mode` has a button pressed.",
|
|
14986
|
+
"name": "pressed",
|
|
14987
|
+
"inheritedFrom": {
|
|
14988
|
+
"name": "HelixHeadlessButtonGroup",
|
|
14989
|
+
"module": "src/button-group/root/button-group-root.ts"
|
|
14990
|
+
}
|
|
14991
|
+
},
|
|
14852
14992
|
{
|
|
14853
14993
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
14854
14994
|
"name": "settled",
|
|
@@ -40177,9 +40317,9 @@
|
|
|
40177
40317
|
"kind": "field",
|
|
40178
40318
|
"name": "format",
|
|
40179
40319
|
"type": {
|
|
40180
|
-
"text": "'hex' | 'hsl' | 'rgb' | undefined"
|
|
40320
|
+
"text": "'hex' | 'hsb' | 'hsl' | 'oklch' | 'rgb' | undefined"
|
|
40181
40321
|
},
|
|
40182
|
-
"description": "The syntax the value is written in: `hex`, `rgb`, or `
|
|
40322
|
+
"description": "The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or\n`hsb`, as Color Picker's `format`.\n\n**Undefaulted, because it reflects.** The two together stamp an attribute\nonto every host anybody renders, including the ones nobody configured: the\nserver writes `format=\"hex\"` on every color input on the page, and React,\nholding no such prop, reports a hydration mismatch for each one.\n`helix component`'s `reflected-defaults` holds it. Hex is still what an unset one\nwrites; the resting arrangement is the attribute's absence rather than a\nvalue spelled out.",
|
|
40183
40323
|
"attribute": "format",
|
|
40184
40324
|
"reflects": true,
|
|
40185
40325
|
"inheritedFrom": {
|
|
@@ -41443,9 +41583,9 @@
|
|
|
41443
41583
|
{
|
|
41444
41584
|
"name": "format",
|
|
41445
41585
|
"type": {
|
|
41446
|
-
"text": "'hex' | 'hsl' | 'rgb' | undefined"
|
|
41586
|
+
"text": "'hex' | 'hsb' | 'hsl' | 'oklch' | 'rgb' | undefined"
|
|
41447
41587
|
},
|
|
41448
|
-
"description": "The syntax the value is written in: `hex`, `rgb`, or `
|
|
41588
|
+
"description": "The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or\n`hsb`, as Color Picker's `format`.\n\n**Undefaulted, because it reflects.** The two together stamp an attribute\nonto every host anybody renders, including the ones nobody configured: the\nserver writes `format=\"hex\"` on every color input on the page, and React,\nholding no such prop, reports a hydration mismatch for each one.\n`helix component`'s `reflected-defaults` holds it. Hex is still what an unset one\nwrites; the resting arrangement is the attribute's absence rather than a\nvalue spelled out.",
|
|
41449
41589
|
"fieldName": "format",
|
|
41450
41590
|
"inheritedFrom": {
|
|
41451
41591
|
"name": "HelixHeadlessColorInput",
|
|
@@ -41859,6 +41999,22 @@
|
|
|
41859
41999
|
"module": "src/color-input/root/color-input-root.ts"
|
|
41860
42000
|
}
|
|
41861
42001
|
},
|
|
42002
|
+
{
|
|
42003
|
+
"description": "A ramp's thumb box, which holds no content in a picker.",
|
|
42004
|
+
"name": "picker-channel-thumb",
|
|
42005
|
+
"inheritedFrom": {
|
|
42006
|
+
"name": "HelixHeadlessColorInput",
|
|
42007
|
+
"module": "src/color-input/root/color-input-root.ts"
|
|
42008
|
+
}
|
|
42009
|
+
},
|
|
42010
|
+
{
|
|
42011
|
+
"description": "The layer over a ramp's track that holds its thumb box.",
|
|
42012
|
+
"name": "picker-channel-thumbs",
|
|
42013
|
+
"inheritedFrom": {
|
|
42014
|
+
"name": "HelixHeadlessColorInput",
|
|
42015
|
+
"module": "src/color-input/root/color-input-root.ts"
|
|
42016
|
+
}
|
|
42017
|
+
},
|
|
41862
42018
|
{
|
|
41863
42019
|
"description": "A ramp's value in a bubble, where a ramp shows one.",
|
|
41864
42020
|
"name": "picker-channel-tooltip",
|
|
@@ -42051,6 +42207,14 @@
|
|
|
42051
42207
|
"module": "src/color-input/root/color-input-root.ts"
|
|
42052
42208
|
}
|
|
42053
42209
|
},
|
|
42210
|
+
{
|
|
42211
|
+
"description": "The picker's own help, which the field's `hint` stands in for here, so it stays hidden.",
|
|
42212
|
+
"name": "picker-hint",
|
|
42213
|
+
"inheritedFrom": {
|
|
42214
|
+
"name": "HelixHeadlessColorInput",
|
|
42215
|
+
"module": "src/color-input/root/color-input-root.ts"
|
|
42216
|
+
}
|
|
42217
|
+
},
|
|
42054
42218
|
{
|
|
42055
42219
|
"description": "An icon drawn by the picker.",
|
|
42056
42220
|
"name": "picker-icon",
|
|
@@ -42059,6 +42223,14 @@
|
|
|
42059
42223
|
"module": "src/color-input/root/color-input-root.ts"
|
|
42060
42224
|
}
|
|
42061
42225
|
},
|
|
42226
|
+
{
|
|
42227
|
+
"description": "The picker's own name, which the field's `label` stands in for here, so it stays hidden.",
|
|
42228
|
+
"name": "picker-label",
|
|
42229
|
+
"inheritedFrom": {
|
|
42230
|
+
"name": "HelixHeadlessColorInput",
|
|
42231
|
+
"module": "src/color-input/root/color-input-root.ts"
|
|
42232
|
+
}
|
|
42233
|
+
},
|
|
42062
42234
|
{
|
|
42063
42235
|
"description": "A chip of the current color. Pressing it copies the value.",
|
|
42064
42236
|
"name": "picker-sample",
|
|
@@ -42624,13 +42796,30 @@
|
|
|
42624
42796
|
"text": "boolean"
|
|
42625
42797
|
},
|
|
42626
42798
|
"default": "false",
|
|
42627
|
-
"description": "Whether the picker shows a number field for each channel of the color, as\nReact Aria's ColorField does with `channel`: red, green and blue for hex\nand rgb, hue, saturation and lightness for hsl, and the opacity
|
|
42799
|
+
"description": "Whether the picker shows a number field for each channel of the color, as\nReact Aria's ColorField does with `channel`: red, green and blue for hex\nand rgb, hue, saturation and lightness for hsl, hue, saturation and\nbrightness for hsb, lightness, chroma and hue for oklch, and the opacity\nwith `alpha`.\n\nFor a reader who has the numbers from a brand guide, and for a keyboard,\nwhere typing 128 is quicker than holding an arrow key. The fields follow\nthe syntax the format toggle sets.",
|
|
42628
42800
|
"attribute": "channel-fields",
|
|
42629
42801
|
"inheritedFrom": {
|
|
42630
42802
|
"name": "HelixHeadlessColorPicker",
|
|
42631
42803
|
"module": "src/color-picker/root/color-picker-root.ts"
|
|
42632
42804
|
}
|
|
42633
42805
|
},
|
|
42806
|
+
{
|
|
42807
|
+
"kind": "field",
|
|
42808
|
+
"name": "chromaLabel",
|
|
42809
|
+
"type": {
|
|
42810
|
+
"text": "string"
|
|
42811
|
+
},
|
|
42812
|
+
"default": "'Chroma'",
|
|
42813
|
+
"description": "What the chroma channel's field is called, in `channel-fields` with\noklch.",
|
|
42814
|
+
"attribute": "chroma-label",
|
|
42815
|
+
"helix": {
|
|
42816
|
+
"words": true
|
|
42817
|
+
},
|
|
42818
|
+
"inheritedFrom": {
|
|
42819
|
+
"name": "HelixHeadlessColorPicker",
|
|
42820
|
+
"module": "src/color-picker/root/color-picker-root.ts"
|
|
42821
|
+
}
|
|
42822
|
+
},
|
|
42634
42823
|
{
|
|
42635
42824
|
"kind": "field",
|
|
42636
42825
|
"name": "colorWords",
|
|
@@ -42700,9 +42889,9 @@
|
|
|
42700
42889
|
"kind": "field",
|
|
42701
42890
|
"name": "format",
|
|
42702
42891
|
"type": {
|
|
42703
|
-
"text": "'hex' | 'hsl' | 'rgb' | undefined"
|
|
42892
|
+
"text": "'hex' | 'hsb' | 'hsl' | 'oklch' | 'rgb' | undefined"
|
|
42704
42893
|
},
|
|
42705
|
-
"description": "The syntax the value is written in: `hex`, `rgb`,
|
|
42894
|
+
"description": "The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or\n`hsb`.\n\nOnly what is written. Everything is read whatever this says, so a picker on\n`hex` still takes an `rgb()` or an `oklch()` handed to it and stores the\nhex for it. `oklch` writes the sRGB color the picker holds, such as\n`oklch(62.8% 0.258 29.2)`; a color outside sRGB that is handed in is\nclipped to it. `hsb` writes the picker's own model, `hsb(0, 100%, 100%)`,\nas React Aria's and Zag's color strings do. It is not CSS, so the toggle\nwalks the other four.",
|
|
42706
42895
|
"attribute": "format",
|
|
42707
42896
|
"reflects": true,
|
|
42708
42897
|
"inheritedFrom": {
|
|
@@ -42744,6 +42933,20 @@
|
|
|
42744
42933
|
"module": "src/color-picker/root/color-picker-root.ts"
|
|
42745
42934
|
}
|
|
42746
42935
|
},
|
|
42936
|
+
{
|
|
42937
|
+
"kind": "field",
|
|
42938
|
+
"name": "hint",
|
|
42939
|
+
"type": {
|
|
42940
|
+
"text": "string"
|
|
42941
|
+
},
|
|
42942
|
+
"default": "''",
|
|
42943
|
+
"description": "Help under the picker, such as what the color is used for. The `hint`\nslot takes richer content.",
|
|
42944
|
+
"attribute": "hint",
|
|
42945
|
+
"inheritedFrom": {
|
|
42946
|
+
"name": "HelixHeadlessColorPicker",
|
|
42947
|
+
"module": "src/color-picker/root/color-picker-root.ts"
|
|
42948
|
+
}
|
|
42949
|
+
},
|
|
42747
42950
|
{
|
|
42748
42951
|
"kind": "field",
|
|
42749
42952
|
"name": "hueLabel",
|
|
@@ -42761,6 +42964,20 @@
|
|
|
42761
42964
|
"module": "src/color-picker/root/color-picker-root.ts"
|
|
42762
42965
|
}
|
|
42763
42966
|
},
|
|
42967
|
+
{
|
|
42968
|
+
"kind": "field",
|
|
42969
|
+
"name": "label",
|
|
42970
|
+
"type": {
|
|
42971
|
+
"text": "string"
|
|
42972
|
+
},
|
|
42973
|
+
"default": "''",
|
|
42974
|
+
"description": "The name above the picker, such as \"Brand color\". The picker is then a\ngroup with this name. The `label` slot takes richer content.",
|
|
42975
|
+
"attribute": "label",
|
|
42976
|
+
"inheritedFrom": {
|
|
42977
|
+
"name": "HelixHeadlessColorPicker",
|
|
42978
|
+
"module": "src/color-picker/root/color-picker-root.ts"
|
|
42979
|
+
}
|
|
42980
|
+
},
|
|
42764
42981
|
{
|
|
42765
42982
|
"kind": "field",
|
|
42766
42983
|
"name": "lightnessLabel",
|
|
@@ -42768,7 +42985,7 @@
|
|
|
42768
42985
|
"text": "string"
|
|
42769
42986
|
},
|
|
42770
42987
|
"default": "'Lightness'",
|
|
42771
|
-
"description": "What the lightness channel's field is called, in `channel-fields` with\nhsl.",
|
|
42988
|
+
"description": "What the lightness channel's field is called, in `channel-fields` with\nhsl and oklch.",
|
|
42772
42989
|
"attribute": "lightness-label",
|
|
42773
42990
|
"helix": {
|
|
42774
42991
|
"words": true
|
|
@@ -43055,6 +43272,109 @@
|
|
|
43055
43272
|
"module": "src/color-picker/root/color-picker-root.ts"
|
|
43056
43273
|
}
|
|
43057
43274
|
},
|
|
43275
|
+
{
|
|
43276
|
+
"kind": "method",
|
|
43277
|
+
"name": "slottedIn",
|
|
43278
|
+
"privacy": "private",
|
|
43279
|
+
"return": {
|
|
43280
|
+
"type": {
|
|
43281
|
+
"text": "Element[]"
|
|
43282
|
+
}
|
|
43283
|
+
},
|
|
43284
|
+
"parameters": [
|
|
43285
|
+
{
|
|
43286
|
+
"name": "name",
|
|
43287
|
+
"type": {
|
|
43288
|
+
"text": "'hint' | 'label'"
|
|
43289
|
+
}
|
|
43290
|
+
}
|
|
43291
|
+
],
|
|
43292
|
+
"description": "The children in a slot, read off the children rather than heard from\n`slotchange`: a declarative shadow root fires that before anything\nlistens, so a served picker kept its label hidden.",
|
|
43293
|
+
"inheritedFrom": {
|
|
43294
|
+
"name": "HelixHeadlessColorPicker",
|
|
43295
|
+
"module": "src/color-picker/root/color-picker-root.ts"
|
|
43296
|
+
}
|
|
43297
|
+
},
|
|
43298
|
+
{
|
|
43299
|
+
"kind": "field",
|
|
43300
|
+
"name": "handleNamingSlot",
|
|
43301
|
+
"privacy": "private",
|
|
43302
|
+
"readonly": true,
|
|
43303
|
+
"inheritedFrom": {
|
|
43304
|
+
"name": "HelixHeadlessColorPicker",
|
|
43305
|
+
"module": "src/color-picker/root/color-picker-root.ts"
|
|
43306
|
+
}
|
|
43307
|
+
},
|
|
43308
|
+
{
|
|
43309
|
+
"kind": "field",
|
|
43310
|
+
"name": "named",
|
|
43311
|
+
"type": {
|
|
43312
|
+
"text": "string"
|
|
43313
|
+
},
|
|
43314
|
+
"privacy": "private",
|
|
43315
|
+
"description": "The picker's own name, from `label` or the `label` slot's words.",
|
|
43316
|
+
"readonly": true,
|
|
43317
|
+
"inheritedFrom": {
|
|
43318
|
+
"name": "HelixHeadlessColorPicker",
|
|
43319
|
+
"module": "src/color-picker/root/color-picker-root.ts"
|
|
43320
|
+
}
|
|
43321
|
+
},
|
|
43322
|
+
{
|
|
43323
|
+
"kind": "field",
|
|
43324
|
+
"name": "hinted",
|
|
43325
|
+
"type": {
|
|
43326
|
+
"text": "boolean"
|
|
43327
|
+
},
|
|
43328
|
+
"privacy": "private",
|
|
43329
|
+
"description": "Whether help is shown under the picker.",
|
|
43330
|
+
"readonly": true,
|
|
43331
|
+
"inheritedFrom": {
|
|
43332
|
+
"name": "HelixHeadlessColorPicker",
|
|
43333
|
+
"module": "src/color-picker/root/color-picker-root.ts"
|
|
43334
|
+
}
|
|
43335
|
+
},
|
|
43336
|
+
{
|
|
43337
|
+
"kind": "field",
|
|
43338
|
+
"name": "describedBy",
|
|
43339
|
+
"type": {
|
|
43340
|
+
"text": "string | typeof nothing"
|
|
43341
|
+
},
|
|
43342
|
+
"privacy": "private",
|
|
43343
|
+
"description": "The ids a control in the picker is described by: the help, then the message.",
|
|
43344
|
+
"readonly": true,
|
|
43345
|
+
"inheritedFrom": {
|
|
43346
|
+
"name": "HelixHeadlessColorPicker",
|
|
43347
|
+
"module": "src/color-picker/root/color-picker-root.ts"
|
|
43348
|
+
}
|
|
43349
|
+
},
|
|
43350
|
+
{
|
|
43351
|
+
"kind": "field",
|
|
43352
|
+
"name": "dragging",
|
|
43353
|
+
"type": {
|
|
43354
|
+
"text": "boolean"
|
|
43355
|
+
},
|
|
43356
|
+
"privacy": "private",
|
|
43357
|
+
"default": "false",
|
|
43358
|
+
"description": "Whether a pointer is dragging the square's handle, said as `:state(dragging)`.",
|
|
43359
|
+
"inheritedFrom": {
|
|
43360
|
+
"name": "HelixHeadlessColorPicker",
|
|
43361
|
+
"module": "src/color-picker/root/color-picker-root.ts"
|
|
43362
|
+
}
|
|
43363
|
+
},
|
|
43364
|
+
{
|
|
43365
|
+
"kind": "field",
|
|
43366
|
+
"name": "picking",
|
|
43367
|
+
"type": {
|
|
43368
|
+
"text": "boolean"
|
|
43369
|
+
},
|
|
43370
|
+
"privacy": "private",
|
|
43371
|
+
"default": "false",
|
|
43372
|
+
"description": "Whether the eyedropper is open, said as `:state(sampling)`.",
|
|
43373
|
+
"inheritedFrom": {
|
|
43374
|
+
"name": "HelixHeadlessColorPicker",
|
|
43375
|
+
"module": "src/color-picker/root/color-picker-root.ts"
|
|
43376
|
+
}
|
|
43377
|
+
},
|
|
43058
43378
|
{
|
|
43059
43379
|
"kind": "field",
|
|
43060
43380
|
"name": "owned",
|
|
@@ -44371,6 +44691,10 @@
|
|
|
44371
44691
|
"description": "The picker marked `invalid`.",
|
|
44372
44692
|
"slug": "invalid"
|
|
44373
44693
|
},
|
|
44694
|
+
{
|
|
44695
|
+
"description": "A picker named by its `label`, with help under it from `hint`.",
|
|
44696
|
+
"slug": "label"
|
|
44697
|
+
},
|
|
44374
44698
|
{
|
|
44375
44699
|
"description": "The picker with no syntax toggle, for when the format is already set.",
|
|
44376
44700
|
"slug": "no-format"
|
|
@@ -44379,6 +44703,10 @@
|
|
|
44379
44703
|
"description": "The picker with no readout and no eyedropper, for a picker placed beside its own preview.",
|
|
44380
44704
|
"slug": "no-value-or-eyedropper"
|
|
44381
44705
|
},
|
|
44706
|
+
{
|
|
44707
|
+
"description": "A picker that writes its value as `oklch()`, with a field for its lightness, chroma, and hue.",
|
|
44708
|
+
"slug": "oklch"
|
|
44709
|
+
},
|
|
44382
44710
|
{
|
|
44383
44711
|
"description": "Prepared colors under the picker, with opacity on.",
|
|
44384
44712
|
"slug": "swatches"
|
|
@@ -44519,13 +44847,26 @@
|
|
|
44519
44847
|
"text": "boolean"
|
|
44520
44848
|
},
|
|
44521
44849
|
"default": "false",
|
|
44522
|
-
"description": "Whether the picker shows a number field for each channel of the color, as\nReact Aria's ColorField does with `channel`: red, green and blue for hex\nand rgb, hue, saturation and lightness for hsl, and the opacity
|
|
44850
|
+
"description": "Whether the picker shows a number field for each channel of the color, as\nReact Aria's ColorField does with `channel`: red, green and blue for hex\nand rgb, hue, saturation and lightness for hsl, hue, saturation and\nbrightness for hsb, lightness, chroma and hue for oklch, and the opacity\nwith `alpha`.\n\nFor a reader who has the numbers from a brand guide, and for a keyboard,\nwhere typing 128 is quicker than holding an arrow key. The fields follow\nthe syntax the format toggle sets.",
|
|
44523
44851
|
"fieldName": "channelFields",
|
|
44524
44852
|
"inheritedFrom": {
|
|
44525
44853
|
"name": "HelixHeadlessColorPicker",
|
|
44526
44854
|
"module": "src/color-picker/root/color-picker-root.ts"
|
|
44527
44855
|
}
|
|
44528
44856
|
},
|
|
44857
|
+
{
|
|
44858
|
+
"name": "chroma-label",
|
|
44859
|
+
"type": {
|
|
44860
|
+
"text": "string"
|
|
44861
|
+
},
|
|
44862
|
+
"default": "'Chroma'",
|
|
44863
|
+
"description": "What the chroma channel's field is called, in `channel-fields` with\noklch.",
|
|
44864
|
+
"fieldName": "chromaLabel",
|
|
44865
|
+
"inheritedFrom": {
|
|
44866
|
+
"name": "HelixHeadlessColorPicker",
|
|
44867
|
+
"module": "src/color-picker/root/color-picker-root.ts"
|
|
44868
|
+
}
|
|
44869
|
+
},
|
|
44529
44870
|
{
|
|
44530
44871
|
"name": "color-words",
|
|
44531
44872
|
"type": {
|
|
@@ -44581,9 +44922,9 @@
|
|
|
44581
44922
|
{
|
|
44582
44923
|
"name": "format",
|
|
44583
44924
|
"type": {
|
|
44584
|
-
"text": "'hex' | 'hsl' | 'rgb' | undefined"
|
|
44925
|
+
"text": "'hex' | 'hsb' | 'hsl' | 'oklch' | 'rgb' | undefined"
|
|
44585
44926
|
},
|
|
44586
|
-
"description": "The syntax the value is written in: `hex`, `rgb`,
|
|
44927
|
+
"description": "The syntax the value is written in: `hex`, `rgb`, `hsl`, `oklch`, or\n`hsb`.\n\nOnly what is written. Everything is read whatever this says, so a picker on\n`hex` still takes an `rgb()` or an `oklch()` handed to it and stores the\nhex for it. `oklch` writes the sRGB color the picker holds, such as\n`oklch(62.8% 0.258 29.2)`; a color outside sRGB that is handed in is\nclipped to it. `hsb` writes the picker's own model, `hsb(0, 100%, 100%)`,\nas React Aria's and Zag's color strings do. It is not CSS, so the toggle\nwalks the other four.",
|
|
44587
44928
|
"fieldName": "format",
|
|
44588
44929
|
"inheritedFrom": {
|
|
44589
44930
|
"name": "HelixHeadlessColorPicker",
|
|
@@ -44616,6 +44957,19 @@
|
|
|
44616
44957
|
"module": "src/color-picker/root/color-picker-root.ts"
|
|
44617
44958
|
}
|
|
44618
44959
|
},
|
|
44960
|
+
{
|
|
44961
|
+
"name": "hint",
|
|
44962
|
+
"type": {
|
|
44963
|
+
"text": "string"
|
|
44964
|
+
},
|
|
44965
|
+
"default": "''",
|
|
44966
|
+
"description": "Help under the picker, such as what the color is used for. The `hint`\nslot takes richer content.",
|
|
44967
|
+
"fieldName": "hint",
|
|
44968
|
+
"inheritedFrom": {
|
|
44969
|
+
"name": "HelixHeadlessColorPicker",
|
|
44970
|
+
"module": "src/color-picker/root/color-picker-root.ts"
|
|
44971
|
+
}
|
|
44972
|
+
},
|
|
44619
44973
|
{
|
|
44620
44974
|
"name": "hue-label",
|
|
44621
44975
|
"type": {
|
|
@@ -44629,13 +44983,26 @@
|
|
|
44629
44983
|
"module": "src/color-picker/root/color-picker-root.ts"
|
|
44630
44984
|
}
|
|
44631
44985
|
},
|
|
44986
|
+
{
|
|
44987
|
+
"name": "label",
|
|
44988
|
+
"type": {
|
|
44989
|
+
"text": "string"
|
|
44990
|
+
},
|
|
44991
|
+
"default": "''",
|
|
44992
|
+
"description": "The name above the picker, such as \"Brand color\". The picker is then a\ngroup with this name. The `label` slot takes richer content.",
|
|
44993
|
+
"fieldName": "label",
|
|
44994
|
+
"inheritedFrom": {
|
|
44995
|
+
"name": "HelixHeadlessColorPicker",
|
|
44996
|
+
"module": "src/color-picker/root/color-picker-root.ts"
|
|
44997
|
+
}
|
|
44998
|
+
},
|
|
44632
44999
|
{
|
|
44633
45000
|
"name": "lightness-label",
|
|
44634
45001
|
"type": {
|
|
44635
45002
|
"text": "string"
|
|
44636
45003
|
},
|
|
44637
45004
|
"default": "'Lightness'",
|
|
44638
|
-
"description": "What the lightness channel's field is called, in `channel-fields` with\nhsl.",
|
|
45005
|
+
"description": "What the lightness channel's field is called, in `channel-fields` with\nhsl and oklch.",
|
|
44639
45006
|
"fieldName": "lightnessLabel",
|
|
44640
45007
|
"inheritedFrom": {
|
|
44641
45008
|
"name": "HelixHeadlessColorPicker",
|
|
@@ -44872,6 +45239,22 @@
|
|
|
44872
45239
|
"name": "HelixHeadlessColorPicker",
|
|
44873
45240
|
"module": "src/color-picker/root/color-picker-root.ts"
|
|
44874
45241
|
}
|
|
45242
|
+
},
|
|
45243
|
+
{
|
|
45244
|
+
"description": "Help under the picker, for content richer than the `hint` text.",
|
|
45245
|
+
"name": "hint",
|
|
45246
|
+
"inheritedFrom": {
|
|
45247
|
+
"name": "HelixHeadlessColorPicker",
|
|
45248
|
+
"module": "src/color-picker/root/color-picker-root.ts"
|
|
45249
|
+
}
|
|
45250
|
+
},
|
|
45251
|
+
{
|
|
45252
|
+
"description": "The name above the picker, for content richer than the `label` text.",
|
|
45253
|
+
"name": "label",
|
|
45254
|
+
"inheritedFrom": {
|
|
45255
|
+
"name": "HelixHeadlessColorPicker",
|
|
45256
|
+
"module": "src/color-picker/root/color-picker-root.ts"
|
|
45257
|
+
}
|
|
44875
45258
|
}
|
|
44876
45259
|
],
|
|
44877
45260
|
"cssParts": [
|
|
@@ -44963,6 +45346,22 @@
|
|
|
44963
45346
|
"module": "src/color-picker/root/color-picker-root.ts"
|
|
44964
45347
|
}
|
|
44965
45348
|
},
|
|
45349
|
+
{
|
|
45350
|
+
"description": "A ramp's thumb box, which holds no content in a picker.",
|
|
45351
|
+
"name": "channel-thumb",
|
|
45352
|
+
"inheritedFrom": {
|
|
45353
|
+
"name": "HelixHeadlessColorPicker",
|
|
45354
|
+
"module": "src/color-picker/root/color-picker-root.ts"
|
|
45355
|
+
}
|
|
45356
|
+
},
|
|
45357
|
+
{
|
|
45358
|
+
"description": "The layer over a ramp's track that holds its thumb box.",
|
|
45359
|
+
"name": "channel-thumbs",
|
|
45360
|
+
"inheritedFrom": {
|
|
45361
|
+
"name": "HelixHeadlessColorPicker",
|
|
45362
|
+
"module": "src/color-picker/root/color-picker-root.ts"
|
|
45363
|
+
}
|
|
45364
|
+
},
|
|
44966
45365
|
{
|
|
44967
45366
|
"description": "A ramp's value in a bubble, where a ramp shows one.",
|
|
44968
45367
|
"name": "channel-tooltip",
|
|
@@ -45147,6 +45546,22 @@
|
|
|
45147
45546
|
"module": "src/color-picker/root/color-picker-root.ts"
|
|
45148
45547
|
}
|
|
45149
45548
|
},
|
|
45549
|
+
{
|
|
45550
|
+
"description": "The help under the picker, while `hint` is set or the `hint` slot has content.",
|
|
45551
|
+
"name": "hint",
|
|
45552
|
+
"inheritedFrom": {
|
|
45553
|
+
"name": "HelixHeadlessColorPicker",
|
|
45554
|
+
"module": "src/color-picker/root/color-picker-root.ts"
|
|
45555
|
+
}
|
|
45556
|
+
},
|
|
45557
|
+
{
|
|
45558
|
+
"description": "The name above the picker, while `label` is set or the `label` slot has content.",
|
|
45559
|
+
"name": "label",
|
|
45560
|
+
"inheritedFrom": {
|
|
45561
|
+
"name": "HelixHeadlessColorPicker",
|
|
45562
|
+
"module": "src/color-picker/root/color-picker-root.ts"
|
|
45563
|
+
}
|
|
45564
|
+
},
|
|
45150
45565
|
{
|
|
45151
45566
|
"description": "A chip of the current color. Pressing it copies the value.",
|
|
45152
45567
|
"name": "sample",
|
|
@@ -45271,6 +45686,22 @@
|
|
|
45271
45686
|
}
|
|
45272
45687
|
],
|
|
45273
45688
|
"cssStates": [
|
|
45689
|
+
{
|
|
45690
|
+
"description": "The moment after the sample copies the value, while it says `copied-label`.",
|
|
45691
|
+
"name": "copied",
|
|
45692
|
+
"inheritedFrom": {
|
|
45693
|
+
"name": "HelixHeadlessColorPicker",
|
|
45694
|
+
"module": "src/color-picker/root/color-picker-root.ts"
|
|
45695
|
+
}
|
|
45696
|
+
},
|
|
45697
|
+
{
|
|
45698
|
+
"description": "While a pointer drags the square's handle.",
|
|
45699
|
+
"name": "dragging",
|
|
45700
|
+
"inheritedFrom": {
|
|
45701
|
+
"name": "HelixHeadlessColorPicker",
|
|
45702
|
+
"module": "src/color-picker/root/color-picker-root.ts"
|
|
45703
|
+
}
|
|
45704
|
+
},
|
|
45274
45705
|
{
|
|
45275
45706
|
"description": "While `invalid` is set or `feedback` says what is wrong.",
|
|
45276
45707
|
"name": "invalid",
|
|
@@ -45279,6 +45710,14 @@
|
|
|
45279
45710
|
"module": "src/color-picker/root/color-picker-root.ts"
|
|
45280
45711
|
}
|
|
45281
45712
|
},
|
|
45713
|
+
{
|
|
45714
|
+
"description": "While the eyedropper is open over the screen.",
|
|
45715
|
+
"name": "sampling",
|
|
45716
|
+
"inheritedFrom": {
|
|
45717
|
+
"name": "HelixHeadlessColorPicker",
|
|
45718
|
+
"module": "src/color-picker/root/color-picker-root.ts"
|
|
45719
|
+
}
|
|
45720
|
+
},
|
|
45282
45721
|
{
|
|
45283
45722
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
45284
45723
|
"name": "settled",
|
|
@@ -62311,6 +62750,14 @@
|
|
|
62311
62750
|
"module": "src/date-input/root/date-input-root.ts"
|
|
62312
62751
|
}
|
|
62313
62752
|
},
|
|
62753
|
+
{
|
|
62754
|
+
"description": "A day of the weekend where the calendar's language is spoken, beside `picker-day`.",
|
|
62755
|
+
"name": "picker-day-weekend",
|
|
62756
|
+
"inheritedFrom": {
|
|
62757
|
+
"name": "HelixHeadlessDateInput",
|
|
62758
|
+
"module": "src/date-input/root/date-input-root.ts"
|
|
62759
|
+
}
|
|
62760
|
+
},
|
|
62314
62761
|
{
|
|
62315
62762
|
"description": "The calendar's own message, under it, while the calendar's `feedback` is set.",
|
|
62316
62763
|
"name": "picker-feedback",
|
|
@@ -62908,9 +63355,9 @@
|
|
|
62908
63355
|
"kind": "field",
|
|
62909
63356
|
"name": "calendar",
|
|
62910
63357
|
"type": {
|
|
62911
|
-
"text": "'buddhist' | 'gregory' | 'iso8601' | 'japanese' | 'roc' | undefined"
|
|
63358
|
+
"text": "'buddhist' | 'gregory' | 'iso8601' | 'japanese' | 'roc' | 'coptic' | 'ethiopic' | 'hebrew' | 'indian' | 'islamic-civil' | 'islamic-umalqura' | 'persian' | undefined"
|
|
62912
63359
|
},
|
|
62913
|
-
"description": "The calendar the heading, the days, and the months are written in
|
|
63360
|
+
"description": "The calendar the heading, the days, and the months are written in.\n\n`gregory`, `buddhist`, `japanese`, `roc`, and `iso8601` are the five\nwhose months are the Gregorian months. Absent is the locale's own where\nit is one of the five, such as `buddhist` for `th-TH` or `japanese` for\n`ja-JP-u-ca-japanese`, and `gregory` for every other, such as `persian`\nfor `fa-IR`.\n\n`persian`, `hebrew`, `islamic-umalqura`, `islamic-civil`, `ethiopic`,\n`coptic`, and `indian` draw a calendar with months of its own, as React\nAria's calendars do: each grid is one of that calendar's months, the\nHebrew leap month and Ethiopia's five-day thirteenth month included, and\nPrevious, Next and the page keys move by those months. `month` and\n`helix-navigate` then name a month by its first day, `YYYY-MM-DD`. The\nheading stays text, as the months and years views are drawn in Gregorian\nmonths only. The value is `YYYY-MM-DD` in every calendar.",
|
|
62914
63361
|
"attribute": "calendar",
|
|
62915
63362
|
"inheritedFrom": {
|
|
62916
63363
|
"name": "HelixHeadlessDatePicker",
|
|
@@ -63116,7 +63563,7 @@
|
|
|
63116
63563
|
"type": {
|
|
63117
63564
|
"text": "string"
|
|
63118
63565
|
},
|
|
63119
|
-
"description": "The month shown, as `YYYY-MM
|
|
63566
|
+
"description": "The month shown, as `YYYY-MM`, or as its first day, `YYYY-MM-DD`, under a\n`calendar` with months of its own. When it is not set, it follows\n`value`, then the current month.\n\nSeparate from `value` on purpose, so paging selects nothing and a consumer\ncan drive the view. Reading gives the month on show; writing sets it, and\n`default-month` seeds one the calendar keeps until somebody does.",
|
|
63120
63567
|
"attribute": "month",
|
|
63121
63568
|
"inheritedFrom": {
|
|
63122
63569
|
"name": "HelixHeadlessDatePicker",
|
|
@@ -63301,6 +63748,20 @@
|
|
|
63301
63748
|
"module": "src/date-picker/root/date-picker-root.ts"
|
|
63302
63749
|
}
|
|
63303
63750
|
},
|
|
63751
|
+
{
|
|
63752
|
+
"kind": "field",
|
|
63753
|
+
"name": "weekend",
|
|
63754
|
+
"type": {
|
|
63755
|
+
"text": "number[]"
|
|
63756
|
+
},
|
|
63757
|
+
"privacy": "private",
|
|
63758
|
+
"description": "The days of the weekend, `0` for Sunday: the locale's, or Saturday and Sunday where none is named.",
|
|
63759
|
+
"readonly": true,
|
|
63760
|
+
"inheritedFrom": {
|
|
63761
|
+
"name": "HelixHeadlessDatePicker",
|
|
63762
|
+
"module": "src/date-picker/root/date-picker-root.ts"
|
|
63763
|
+
}
|
|
63764
|
+
},
|
|
63304
63765
|
{
|
|
63305
63766
|
"kind": "field",
|
|
63306
63767
|
"name": "weekStart",
|
|
@@ -63379,6 +63840,34 @@
|
|
|
63379
63840
|
"module": "src/date-picker/root/date-picker-root.ts"
|
|
63380
63841
|
}
|
|
63381
63842
|
},
|
|
63843
|
+
{
|
|
63844
|
+
"kind": "field",
|
|
63845
|
+
"name": "system",
|
|
63846
|
+
"type": {
|
|
63847
|
+
"text": "MonthSystem"
|
|
63848
|
+
},
|
|
63849
|
+
"privacy": "private",
|
|
63850
|
+
"description": "The months the calendar pages through: its own under a `calendar` with\nmonths of its own, and the Gregorian months otherwise.",
|
|
63851
|
+
"readonly": true,
|
|
63852
|
+
"inheritedFrom": {
|
|
63853
|
+
"name": "HelixHeadlessDatePicker",
|
|
63854
|
+
"module": "src/date-picker/root/date-picker-root.ts"
|
|
63855
|
+
}
|
|
63856
|
+
},
|
|
63857
|
+
{
|
|
63858
|
+
"kind": "field",
|
|
63859
|
+
"name": "ownMonths",
|
|
63860
|
+
"type": {
|
|
63861
|
+
"text": "boolean"
|
|
63862
|
+
},
|
|
63863
|
+
"privacy": "private",
|
|
63864
|
+
"description": "Whether `calendar` names a calendar with months of its own.",
|
|
63865
|
+
"readonly": true,
|
|
63866
|
+
"inheritedFrom": {
|
|
63867
|
+
"name": "HelixHeadlessDatePicker",
|
|
63868
|
+
"module": "src/date-picker/root/date-picker-root.ts"
|
|
63869
|
+
}
|
|
63870
|
+
},
|
|
63382
63871
|
{
|
|
63383
63872
|
"kind": "field",
|
|
63384
63873
|
"name": "derivedMonth",
|
|
@@ -63891,6 +64380,20 @@
|
|
|
63891
64380
|
"module": "src/date-picker/root/date-picker-root.ts"
|
|
63892
64381
|
}
|
|
63893
64382
|
},
|
|
64383
|
+
{
|
|
64384
|
+
"kind": "field",
|
|
64385
|
+
"name": "timeZone",
|
|
64386
|
+
"type": {
|
|
64387
|
+
"text": "string"
|
|
64388
|
+
},
|
|
64389
|
+
"default": "''",
|
|
64390
|
+
"description": "The time zone today is read in, such as `America/New_York`, as React\nAria's `today(timeZone)` reads it. Empty is the reader's own.\n\nDates are plain `YYYY-MM-DD` and carry no zone, so this moves only today:\nthe day marked `aria-current` and `day-today`, and the month a picker\nwith no value opens on. A desk in Tokyo booking for an office in New York\nsets `America/New_York`, and today is the office's.",
|
|
64391
|
+
"attribute": "time-zone",
|
|
64392
|
+
"inheritedFrom": {
|
|
64393
|
+
"name": "HelixHeadlessDatePicker",
|
|
64394
|
+
"module": "src/date-picker/root/date-picker-root.ts"
|
|
64395
|
+
}
|
|
64396
|
+
},
|
|
63894
64397
|
{
|
|
63895
64398
|
"kind": "field",
|
|
63896
64399
|
"name": "unavailableMessage",
|
|
@@ -64050,7 +64553,7 @@
|
|
|
64050
64553
|
"kind": "field",
|
|
64051
64554
|
"name": "cachedFormats",
|
|
64052
64555
|
"type": {
|
|
64053
|
-
"text": "| {\n full: Intl.DateTimeFormat\n heading: Intl.DateTimeFormat\n locale: string\n long: Intl.DateTimeFormat\n monthName: Intl.DateTimeFormat\n monthYear: Intl.DateTimeFormat\n weekday: Intl.DateTimeFormat\n year: Intl.DateTimeFormat\n }\n | undefined"
|
|
64556
|
+
"text": "| {\n full: Intl.DateTimeFormat\n heading: Intl.DateTimeFormat\n locale: string\n long: Intl.DateTimeFormat\n monthName: Intl.DateTimeFormat\n monthYear: Intl.DateTimeFormat\n weekday: Intl.DateTimeFormat\n weekdayName: Intl.DateTimeFormat\n year: Intl.DateTimeFormat\n }\n | undefined"
|
|
64054
64557
|
},
|
|
64055
64558
|
"privacy": "private",
|
|
64056
64559
|
"description": "The three date formatters, built once per locale rather than per render.\n\n`Intl.DateTimeFormat` costs about a quarter of a millisecond to construct\nand these depend on nothing but `locale` and `calendar`, so building them\ninside the per-month render is three constructions for every month on\nshow, on every update: a two-month calendar rebuilds six each time an\narrow key moves the anchor.\n\nKeyed on the locale with its calendar, so a change to either is picked\nup, which a plain lazy field would not do.",
|
|
@@ -64063,7 +64566,7 @@
|
|
|
64063
64566
|
"kind": "field",
|
|
64064
64567
|
"name": "formats",
|
|
64065
64568
|
"type": {
|
|
64066
|
-
"text": "{\n full: Intl.DateTimeFormat\n heading: Intl.DateTimeFormat\n long: Intl.DateTimeFormat\n monthName: Intl.DateTimeFormat\n monthYear: Intl.DateTimeFormat\n weekday: Intl.DateTimeFormat\n year: Intl.DateTimeFormat\n }"
|
|
64569
|
+
"text": "{\n full: Intl.DateTimeFormat\n heading: Intl.DateTimeFormat\n long: Intl.DateTimeFormat\n monthName: Intl.DateTimeFormat\n monthYear: Intl.DateTimeFormat\n weekday: Intl.DateTimeFormat\n weekdayName: Intl.DateTimeFormat\n year: Intl.DateTimeFormat\n }"
|
|
64067
64570
|
},
|
|
64068
64571
|
"privacy": "private",
|
|
64069
64572
|
"readonly": true,
|
|
@@ -65014,6 +65517,10 @@
|
|
|
65014
65517
|
"description": "A calendar that only allows dates between `min` and `max`.",
|
|
65015
65518
|
"slug": "bounded"
|
|
65016
65519
|
},
|
|
65520
|
+
{
|
|
65521
|
+
"description": "The Persian and Hebrew calendars, each drawn and paged by its own months.",
|
|
65522
|
+
"slug": "calendars"
|
|
65523
|
+
},
|
|
65017
65524
|
{
|
|
65018
65525
|
"description": "The month shown is set by your code, so your own controls can page it.",
|
|
65019
65526
|
"slug": "controlled-month"
|
|
@@ -65026,6 +65533,10 @@
|
|
|
65026
65533
|
"description": "Paging the month sends `helix-navigate`, and choosing a day sends `helix-before-change`, `input`, and `change`.",
|
|
65027
65534
|
"slug": "events"
|
|
65028
65535
|
},
|
|
65536
|
+
{
|
|
65537
|
+
"description": "Content above and under the calendar, in the `header` and `footer` slots.",
|
|
65538
|
+
"slug": "header-and-footer"
|
|
65539
|
+
},
|
|
65029
65540
|
{
|
|
65030
65541
|
"description": "A date picker marked invalid, with its chosen date.",
|
|
65031
65542
|
"slug": "invalid"
|
|
@@ -65115,9 +65626,9 @@
|
|
|
65115
65626
|
{
|
|
65116
65627
|
"name": "calendar",
|
|
65117
65628
|
"type": {
|
|
65118
|
-
"text": "'buddhist' | 'gregory' | 'iso8601' | 'japanese' | 'roc' | undefined"
|
|
65629
|
+
"text": "'buddhist' | 'gregory' | 'iso8601' | 'japanese' | 'roc' | 'coptic' | 'ethiopic' | 'hebrew' | 'indian' | 'islamic-civil' | 'islamic-umalqura' | 'persian' | undefined"
|
|
65119
65630
|
},
|
|
65120
|
-
"description": "The calendar the heading, the days, and the months are written in
|
|
65631
|
+
"description": "The calendar the heading, the days, and the months are written in.\n\n`gregory`, `buddhist`, `japanese`, `roc`, and `iso8601` are the five\nwhose months are the Gregorian months. Absent is the locale's own where\nit is one of the five, such as `buddhist` for `th-TH` or `japanese` for\n`ja-JP-u-ca-japanese`, and `gregory` for every other, such as `persian`\nfor `fa-IR`.\n\n`persian`, `hebrew`, `islamic-umalqura`, `islamic-civil`, `ethiopic`,\n`coptic`, and `indian` draw a calendar with months of its own, as React\nAria's calendars do: each grid is one of that calendar's months, the\nHebrew leap month and Ethiopia's five-day thirteenth month included, and\nPrevious, Next and the page keys move by those months. `month` and\n`helix-navigate` then name a month by its first day, `YYYY-MM-DD`. The\nheading stays text, as the months and years views are drawn in Gregorian\nmonths only. The value is `YYYY-MM-DD` in every calendar.",
|
|
65121
65632
|
"fieldName": "calendar",
|
|
65122
65633
|
"inheritedFrom": {
|
|
65123
65634
|
"name": "HelixHeadlessDatePicker",
|
|
@@ -65256,7 +65767,7 @@
|
|
|
65256
65767
|
"type": {
|
|
65257
65768
|
"text": "string"
|
|
65258
65769
|
},
|
|
65259
|
-
"description": "The month shown, as `YYYY-MM
|
|
65770
|
+
"description": "The month shown, as `YYYY-MM`, or as its first day, `YYYY-MM-DD`, under a\n`calendar` with months of its own. When it is not set, it follows\n`value`, then the current month.\n\nSeparate from `value` on purpose, so paging selects nothing and a consumer\ncan drive the view. Reading gives the month on show; writing sets it, and\n`default-month` seeds one the calendar keeps until somebody does.",
|
|
65260
65771
|
"fieldName": "month",
|
|
65261
65772
|
"inheritedFrom": {
|
|
65262
65773
|
"name": "HelixHeadlessDatePicker",
|
|
@@ -65445,6 +65956,19 @@
|
|
|
65445
65956
|
"module": "src/date-picker/root/date-picker-root.ts"
|
|
65446
65957
|
}
|
|
65447
65958
|
},
|
|
65959
|
+
{
|
|
65960
|
+
"name": "time-zone",
|
|
65961
|
+
"type": {
|
|
65962
|
+
"text": "string"
|
|
65963
|
+
},
|
|
65964
|
+
"default": "''",
|
|
65965
|
+
"description": "The time zone today is read in, such as `America/New_York`, as React\nAria's `today(timeZone)` reads it. Empty is the reader's own.\n\nDates are plain `YYYY-MM-DD` and carry no zone, so this moves only today:\nthe day marked `aria-current` and `day-today`, and the month a picker\nwith no value opens on. A desk in Tokyo booking for an office in New York\nsets `America/New_York`, and today is the office's.",
|
|
65966
|
+
"fieldName": "timeZone",
|
|
65967
|
+
"inheritedFrom": {
|
|
65968
|
+
"name": "HelixHeadlessDatePicker",
|
|
65969
|
+
"module": "src/date-picker/root/date-picker-root.ts"
|
|
65970
|
+
}
|
|
65971
|
+
},
|
|
65448
65972
|
{
|
|
65449
65973
|
"name": "unavailable-message",
|
|
65450
65974
|
"type": {
|
|
@@ -65525,6 +66049,22 @@
|
|
|
65525
66049
|
}
|
|
65526
66050
|
],
|
|
65527
66051
|
"slots": [
|
|
66052
|
+
{
|
|
66053
|
+
"description": "Content under the calendar, such as buttons for today or a common range.",
|
|
66054
|
+
"name": "footer",
|
|
66055
|
+
"inheritedFrom": {
|
|
66056
|
+
"name": "HelixHeadlessDatePicker",
|
|
66057
|
+
"module": "src/date-picker/root/date-picker-root.ts"
|
|
66058
|
+
}
|
|
66059
|
+
},
|
|
66060
|
+
{
|
|
66061
|
+
"description": "Content above the calendar, such as a note on what the date is for.",
|
|
66062
|
+
"name": "header",
|
|
66063
|
+
"inheritedFrom": {
|
|
66064
|
+
"name": "HelixHeadlessDatePicker",
|
|
66065
|
+
"module": "src/date-picker/root/date-picker-root.ts"
|
|
66066
|
+
}
|
|
66067
|
+
},
|
|
65528
66068
|
{
|
|
65529
66069
|
"description": "The glyph on the control that moves forward a month, usually a caret.",
|
|
65530
66070
|
"name": "next-icon",
|
|
@@ -65615,6 +66155,14 @@
|
|
|
65615
66155
|
"module": "src/date-picker/root/date-picker-root.ts"
|
|
65616
66156
|
}
|
|
65617
66157
|
},
|
|
66158
|
+
{
|
|
66159
|
+
"description": "A day of the weekend where the calendar's language is spoken, beside `day`: Saturday and Sunday in `en-US`, Friday and Saturday in `ar-EG`.",
|
|
66160
|
+
"name": "day-weekend",
|
|
66161
|
+
"inheritedFrom": {
|
|
66162
|
+
"name": "HelixHeadlessDatePicker",
|
|
66163
|
+
"module": "src/date-picker/root/date-picker-root.ts"
|
|
66164
|
+
}
|
|
66165
|
+
},
|
|
65618
66166
|
{
|
|
65619
66167
|
"description": "The message under the calendar, while `feedback` is set.",
|
|
65620
66168
|
"name": "feedback",
|
|
@@ -65760,7 +66308,7 @@
|
|
|
65760
66308
|
}
|
|
65761
66309
|
},
|
|
65762
66310
|
{
|
|
65763
|
-
"description": "A column header naming a day of the week.",
|
|
66311
|
+
"description": "A column header naming a day of the week. It shows the short name and says the full one.",
|
|
65764
66312
|
"name": "weekday",
|
|
65765
66313
|
"inheritedFrom": {
|
|
65766
66314
|
"name": "HelixHeadlessDatePicker",
|
|
@@ -130519,6 +131067,58 @@
|
|
|
130519
131067
|
"module": "src/navigation/root/navigation-root.ts"
|
|
130520
131068
|
}
|
|
130521
131069
|
},
|
|
131070
|
+
{
|
|
131071
|
+
"kind": "field",
|
|
131072
|
+
"name": "opened",
|
|
131073
|
+
"privacy": "private",
|
|
131074
|
+
"readonly": true,
|
|
131075
|
+
"default": "new Set<EventTarget>()",
|
|
131076
|
+
"description": "The disclosures among the destinations that are open.",
|
|
131077
|
+
"inheritedFrom": {
|
|
131078
|
+
"name": "HelixHeadlessNavigation",
|
|
131079
|
+
"module": "src/navigation/root/navigation-root.ts"
|
|
131080
|
+
}
|
|
131081
|
+
},
|
|
131082
|
+
{
|
|
131083
|
+
"kind": "field",
|
|
131084
|
+
"name": "handleToggle",
|
|
131085
|
+
"privacy": "private",
|
|
131086
|
+
"readonly": true,
|
|
131087
|
+
"description": "Hears a disclosure among the destinations open or close. In capture,\nbecause `toggle` does not bubble.",
|
|
131088
|
+
"inheritedFrom": {
|
|
131089
|
+
"name": "HelixHeadlessNavigation",
|
|
131090
|
+
"module": "src/navigation/root/navigation-root.ts"
|
|
131091
|
+
}
|
|
131092
|
+
},
|
|
131093
|
+
{
|
|
131094
|
+
"kind": "field",
|
|
131095
|
+
"name": "landmarkName",
|
|
131096
|
+
"type": {
|
|
131097
|
+
"text": "string"
|
|
131098
|
+
},
|
|
131099
|
+
"privacy": "private",
|
|
131100
|
+
"description": "The landmark's name as a screen reader lists it.",
|
|
131101
|
+
"readonly": true,
|
|
131102
|
+
"inheritedFrom": {
|
|
131103
|
+
"name": "HelixHeadlessNavigation",
|
|
131104
|
+
"module": "src/navigation/root/navigation-root.ts"
|
|
131105
|
+
}
|
|
131106
|
+
},
|
|
131107
|
+
{
|
|
131108
|
+
"kind": "method",
|
|
131109
|
+
"name": "auditTwin",
|
|
131110
|
+
"privacy": "private",
|
|
131111
|
+
"return": {
|
|
131112
|
+
"type": {
|
|
131113
|
+
"text": "void"
|
|
131114
|
+
}
|
|
131115
|
+
},
|
|
131116
|
+
"description": "Warns once where another navigation in the same document has the same\nname, a task after the first render, so the page's other landmarks have\nrendered too.",
|
|
131117
|
+
"inheritedFrom": {
|
|
131118
|
+
"name": "HelixHeadlessNavigation",
|
|
131119
|
+
"module": "src/navigation/root/navigation-root.ts"
|
|
131120
|
+
}
|
|
131121
|
+
},
|
|
130522
131122
|
{
|
|
130523
131123
|
"kind": "field",
|
|
130524
131124
|
"name": "items",
|
|
@@ -130993,6 +131593,14 @@
|
|
|
130993
131593
|
}
|
|
130994
131594
|
],
|
|
130995
131595
|
"cssStates": [
|
|
131596
|
+
{
|
|
131597
|
+
"description": "While a megamenu or another disclosure among the destinations is open.",
|
|
131598
|
+
"name": "open",
|
|
131599
|
+
"inheritedFrom": {
|
|
131600
|
+
"name": "HelixHeadlessNavigation",
|
|
131601
|
+
"module": "src/navigation/root/navigation-root.ts"
|
|
131602
|
+
}
|
|
131603
|
+
},
|
|
130996
131604
|
{
|
|
130997
131605
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
130998
131606
|
"name": "settled",
|
|
@@ -167549,6 +168157,19 @@
|
|
|
167549
168157
|
"module": "src/select/root/select-root.ts"
|
|
167550
168158
|
}
|
|
167551
168159
|
},
|
|
168160
|
+
{
|
|
168161
|
+
"kind": "field",
|
|
168162
|
+
"name": "items",
|
|
168163
|
+
"type": {
|
|
168164
|
+
"text": "readonly DataOptionItem[] | undefined"
|
|
168165
|
+
},
|
|
168166
|
+
"default": "undefined",
|
|
168167
|
+
"description": "The options as data, for a list too long to draw whole: each a value,\nwhich is also its words, or a record with a `value`, a `label` and\n`disabled`. Passed to the list, which draws only the options in sight,\nas Listbox's `items` does. Set, the options you write as children are\nnot read.\n\nThe trigger shows the chosen options' labels, the letters and the Left\nand Right keys on the closed trigger choose over the whole set, and a\nchosen value whose option leaves `items` drops out of `value`.\n`value-content` is not called for `items`. Import the Option family as\nwell, whose elements are drawn.",
|
|
168168
|
+
"inheritedFrom": {
|
|
168169
|
+
"name": "HelixHeadlessSelect",
|
|
168170
|
+
"module": "src/select/root/select-root.ts"
|
|
168171
|
+
}
|
|
168172
|
+
},
|
|
167552
168173
|
{
|
|
167553
168174
|
"kind": "field",
|
|
167554
168175
|
"name": "listLabel",
|
|
@@ -167700,7 +168321,7 @@
|
|
|
167700
168321
|
"name": "panel",
|
|
167701
168322
|
"privacy": "protected",
|
|
167702
168323
|
"readonly": true,
|
|
167703
|
-
"default": "new PopoverController(this, { anchor: () => this.partNamed('trigger'), /* The surface *and* the trigger. * * A control is not always one element: the button that opens this panel is * part of it, and a press on it is not a press outside. Scoped to the * surface alone, `pointerdown` on the trigger closes the panel and the * trigger's own `toggleOpen` reopens it on the `click` that follows, so * the panel can never be closed by the button that opened it. * * `DismissController` documents this exact failure and takes a list for * it. */ boundary: (): readonly (Element | null | undefined)[] => [ this.partNamed('surface'), this.partNamed('trigger'), ], offset: () => 4, onDismiss: () => this.close(), open: () => this.open, /* Placed here instead where the list opens over the trigger, which is no side of it. */ place: () => this.position !== 'item-aligned', placement: 'bottom-start', surface: () => this.partNamed('surface'), })",
|
|
168324
|
+
"default": "new PopoverController(this, { anchor: () => this.partNamed('trigger'), /* The surface *and* the trigger. * * A control is not always one element: the button that opens this panel is * part of it, and a press on it is not a press outside. Scoped to the * surface alone, `pointerdown` on the trigger closes the panel and the * trigger's own `toggleOpen` reopens it on the `click` that follows, so * the panel can never be closed by the button that opened it. * * `DismissController` documents this exact failure and takes a list for * it. */ boundary: (): readonly (Element | null | undefined)[] => [ this.partNamed('surface'), this.partNamed('trigger'), ], offset: () => 4, onDismiss: () => this.close(), /* The side the list landed on, for a sheet outside that draws by side, as Popover says it. */ onPlace: (placement) => { const side = sideOf(placement) this.toggleState('placed-bottom', side === 'bottom') this.toggleState('placed-top', side === 'top') }, open: () => this.open, /* Placed here instead where the list opens over the trigger, which is no side of it. */ place: () => this.position !== 'item-aligned', placement: 'bottom-start', surface: () => this.partNamed('surface'), })",
|
|
167704
168325
|
"inheritedFrom": {
|
|
167705
168326
|
"name": "HelixHeadlessSelect",
|
|
167706
168327
|
"module": "src/select/root/select-root.ts"
|
|
@@ -167727,7 +168348,34 @@
|
|
|
167727
168348
|
"text": "HelixHeadlessOption[]"
|
|
167728
168349
|
},
|
|
167729
168350
|
"privacy": "private",
|
|
167730
|
-
"description": "The chosen options, in the order they appear. None on a server or while hydrating
|
|
168351
|
+
"description": "The chosen options, in the order they appear. None on a server or while hydrating, and none for `items`.",
|
|
168352
|
+
"readonly": true,
|
|
168353
|
+
"inheritedFrom": {
|
|
168354
|
+
"name": "HelixHeadlessSelect",
|
|
168355
|
+
"module": "src/select/root/select-root.ts"
|
|
168356
|
+
}
|
|
168357
|
+
},
|
|
168358
|
+
{
|
|
168359
|
+
"kind": "field",
|
|
168360
|
+
"name": "data",
|
|
168361
|
+
"type": {
|
|
168362
|
+
"text": "{ from: readonly DataOptionItem[]; options: DataOption[] } | undefined"
|
|
168363
|
+
},
|
|
168364
|
+
"privacy": "private",
|
|
168365
|
+
"description": "`items` as the list reads them, built once per array.",
|
|
168366
|
+
"inheritedFrom": {
|
|
168367
|
+
"name": "HelixHeadlessSelect",
|
|
168368
|
+
"module": "src/select/root/select-root.ts"
|
|
168369
|
+
}
|
|
168370
|
+
},
|
|
168371
|
+
{
|
|
168372
|
+
"kind": "field",
|
|
168373
|
+
"name": "entries",
|
|
168374
|
+
"type": {
|
|
168375
|
+
"text": "readonly { disabled: boolean; text: string; value: string }[]"
|
|
168376
|
+
},
|
|
168377
|
+
"privacy": "private",
|
|
168378
|
+
"description": "Every option the select reads, in order: the records of `items`, or the\noption elements among its children.",
|
|
167731
168379
|
"readonly": true,
|
|
167732
168380
|
"inheritedFrom": {
|
|
167733
168381
|
"name": "HelixHeadlessSelect",
|
|
@@ -169115,6 +169763,10 @@
|
|
|
169115
169763
|
"description": "A select with feedback that marks its value as invalid.",
|
|
169116
169764
|
"slug": "invalid"
|
|
169117
169765
|
},
|
|
169766
|
+
{
|
|
169767
|
+
"description": "Ten thousand options given as data, of which the open list draws only those in sight.",
|
|
169768
|
+
"slug": "long-list"
|
|
169769
|
+
},
|
|
169118
169770
|
{
|
|
169119
169771
|
"description": "Several options chosen from one list.",
|
|
169120
169772
|
"slug": "multiple"
|
|
@@ -169471,6 +170123,22 @@
|
|
|
169471
170123
|
"module": "src/select/root/select-root.ts"
|
|
169472
170124
|
}
|
|
169473
170125
|
},
|
|
170126
|
+
{
|
|
170127
|
+
"description": "While the open list sits below the trigger.",
|
|
170128
|
+
"name": "placed-bottom",
|
|
170129
|
+
"inheritedFrom": {
|
|
170130
|
+
"name": "HelixHeadlessSelect",
|
|
170131
|
+
"module": "src/select/root/select-root.ts"
|
|
170132
|
+
}
|
|
170133
|
+
},
|
|
170134
|
+
{
|
|
170135
|
+
"description": "While the open list sits above the trigger, where there was no room below.",
|
|
170136
|
+
"name": "placed-top",
|
|
170137
|
+
"inheritedFrom": {
|
|
170138
|
+
"name": "HelixHeadlessSelect",
|
|
170139
|
+
"module": "src/select/root/select-root.ts"
|
|
170140
|
+
}
|
|
170141
|
+
},
|
|
169474
170142
|
{
|
|
169475
170143
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
169476
170144
|
"name": "settled",
|
|
@@ -171319,6 +171987,10 @@
|
|
|
171319
171987
|
"description": "The color of the thumb.",
|
|
171320
171988
|
"name": "--slider-thumb-color"
|
|
171321
171989
|
},
|
|
171990
|
+
{
|
|
171991
|
+
"description": "The color of content in the `thumb` and `thumb-end` slots, drawn on the thumb.",
|
|
171992
|
+
"name": "--slider-thumb-content-color"
|
|
171993
|
+
},
|
|
171322
171994
|
{
|
|
171323
171995
|
"description": "The thumb's size along the track. It follows `--slider-thumb-size` unless you set it, and setting one of the two makes the thumb an oval.",
|
|
171324
171996
|
"name": "--slider-thumb-length"
|
|
@@ -171356,7 +172028,7 @@
|
|
|
171356
172028
|
"name": "--slider-track-size"
|
|
171357
172029
|
},
|
|
171358
172030
|
{
|
|
171359
|
-
"description": "Where a bubble's thumb is, as a fraction of the track, 0 to 1. Set on each `tooltip` part.",
|
|
172031
|
+
"description": "Where a bubble's or a thumb box's thumb is, as a fraction of the track, 0 to 1. Set on each `tooltip` and `thumb` part.",
|
|
171360
172032
|
"name": "--slider-at",
|
|
171361
172033
|
"inheritedFrom": {
|
|
171362
172034
|
"name": "HelixHeadlessSlider",
|
|
@@ -172100,7 +172772,7 @@
|
|
|
172100
172772
|
"text": "boolean"
|
|
172101
172773
|
},
|
|
172102
172774
|
"default": "false",
|
|
172103
|
-
"description": "Adds a second thumb, so the value is a pair.\n\nThe pair is one string, `\"10,50\"`, which is what
|
|
172775
|
+
"description": "Adds a second thumb, so the value is a pair.\n\nThe pair is one string, `\"10,50\"`, which is what `value` and\n`MixinControllerValue` hold. A form receives two entries under the name,\n`price=10&price=50`, as React Aria's two thumbs send theirs.\n`valueAsNumber` reads the lower of the two, since a range has no single\nnumber.",
|
|
172104
172776
|
"attribute": "range",
|
|
172105
172777
|
"reflects": true,
|
|
172106
172778
|
"inheritedFrom": {
|
|
@@ -172125,6 +172797,21 @@
|
|
|
172125
172797
|
"module": "src/slider/root/slider-root.ts"
|
|
172126
172798
|
}
|
|
172127
172799
|
},
|
|
172800
|
+
{
|
|
172801
|
+
"kind": "field",
|
|
172802
|
+
"name": "readOnly",
|
|
172803
|
+
"type": {
|
|
172804
|
+
"text": "boolean"
|
|
172805
|
+
},
|
|
172806
|
+
"default": "false",
|
|
172807
|
+
"description": "Whether a reader can see and focus the value and cannot change it. A\nread-only slider still submits its value.\n\nReact Aria's `isReadOnly`. Each thumb stays a tab stop and says\n`aria-readonly`. The arrow keys, the page keys, Home, End, and a drag\nleave the value where it is. A script can still set `value`.",
|
|
172808
|
+
"attribute": "readonly",
|
|
172809
|
+
"reflects": true,
|
|
172810
|
+
"inheritedFrom": {
|
|
172811
|
+
"name": "HelixHeadlessSlider",
|
|
172812
|
+
"module": "src/slider/root/slider-root.ts"
|
|
172813
|
+
}
|
|
172814
|
+
},
|
|
172128
172815
|
{
|
|
172129
172816
|
"kind": "field",
|
|
172130
172817
|
"name": "showValue",
|
|
@@ -172154,6 +172841,23 @@
|
|
|
172154
172841
|
"module": "src/slider/root/slider-root.ts"
|
|
172155
172842
|
}
|
|
172156
172843
|
},
|
|
172844
|
+
{
|
|
172845
|
+
"kind": "field",
|
|
172846
|
+
"name": "thumbLabel",
|
|
172847
|
+
"type": {
|
|
172848
|
+
"text": "string"
|
|
172849
|
+
},
|
|
172850
|
+
"default": "'thumb {index}'",
|
|
172851
|
+
"description": "The name of a thumb between a range's first and last, read after the\nslider's label, with `{index}` filled in: its place, counted from 1. The\nfirst is `minimum-label` and the last `maximum-label`.",
|
|
172852
|
+
"attribute": "thumb-label",
|
|
172853
|
+
"helix": {
|
|
172854
|
+
"words": true
|
|
172855
|
+
},
|
|
172856
|
+
"inheritedFrom": {
|
|
172857
|
+
"name": "HelixHeadlessSlider",
|
|
172858
|
+
"module": "src/slider/root/slider-root.ts"
|
|
172859
|
+
}
|
|
172860
|
+
},
|
|
172157
172861
|
{
|
|
172158
172862
|
"kind": "field",
|
|
172159
172863
|
"name": "tooltip",
|
|
@@ -172259,6 +172963,20 @@
|
|
|
172259
172963
|
"module": "src/slider/root/slider-root.ts"
|
|
172260
172964
|
}
|
|
172261
172965
|
},
|
|
172966
|
+
{
|
|
172967
|
+
"kind": "field",
|
|
172968
|
+
"name": "points",
|
|
172969
|
+
"type": {
|
|
172970
|
+
"text": "number[]"
|
|
172971
|
+
},
|
|
172972
|
+
"privacy": "private",
|
|
172973
|
+
"description": "A range's values, one per thumb, as numbers in order.\n\nA lone number is not a range, so it is not read as one. `willUpdate`\nseeds and sanitizes a range to two values or more, and anything else that\narrives between the two opens fully wide, which is what \"nothing filtered\nout\" looks like.",
|
|
172974
|
+
"readonly": true,
|
|
172975
|
+
"inheritedFrom": {
|
|
172976
|
+
"name": "HelixHeadlessSlider",
|
|
172977
|
+
"module": "src/slider/root/slider-root.ts"
|
|
172978
|
+
}
|
|
172979
|
+
},
|
|
172262
172980
|
{
|
|
172263
172981
|
"kind": "method",
|
|
172264
172982
|
"name": "along",
|
|
@@ -172303,6 +173021,17 @@
|
|
|
172303
173021
|
"module": "src/slider/root/slider-root.ts"
|
|
172304
173022
|
}
|
|
172305
173023
|
},
|
|
173024
|
+
{
|
|
173025
|
+
"kind": "field",
|
|
173026
|
+
"name": "handleKeydown",
|
|
173027
|
+
"privacy": "private",
|
|
173028
|
+
"readonly": true,
|
|
173029
|
+
"description": "Keeps a read-only thumb still under the keys that move it. Tab and every\nother key pass, so focus moves on.",
|
|
173030
|
+
"inheritedFrom": {
|
|
173031
|
+
"name": "HelixHeadlessSlider",
|
|
173032
|
+
"module": "src/slider/root/slider-root.ts"
|
|
173033
|
+
}
|
|
173034
|
+
},
|
|
172306
173035
|
{
|
|
172307
173036
|
"kind": "method",
|
|
172308
173037
|
"name": "sync",
|
|
@@ -172312,7 +173041,7 @@
|
|
|
172312
173041
|
"text": "void"
|
|
172313
173042
|
}
|
|
172314
173043
|
},
|
|
172315
|
-
"description": "Reports the value.",
|
|
173044
|
+
"description": "Reports the value: one entry, or for a named range one entry per thumb.\nThe joined pair is the state the browser restores.",
|
|
172316
173045
|
"inheritedFrom": {
|
|
172317
173046
|
"name": "HelixHeadlessSlider",
|
|
172318
173047
|
"module": "src/slider/root/slider-root.ts"
|
|
@@ -172517,6 +173246,45 @@
|
|
|
172517
173246
|
"module": "src/slider/root/slider-root.ts"
|
|
172518
173247
|
}
|
|
172519
173248
|
},
|
|
173249
|
+
{
|
|
173250
|
+
"kind": "field",
|
|
173251
|
+
"name": "thumbContent",
|
|
173252
|
+
"type": {
|
|
173253
|
+
"text": "boolean"
|
|
173254
|
+
},
|
|
173255
|
+
"privacy": "private",
|
|
173256
|
+
"description": "Whether a `thumb` or `thumb-end` slot has content, read off the children\nrather than heard from `slotchange`: a declarative shadow root fires that\nbefore anything listens, so a served slider kept its layer hidden.",
|
|
173257
|
+
"readonly": true,
|
|
173258
|
+
"inheritedFrom": {
|
|
173259
|
+
"name": "HelixHeadlessSlider",
|
|
173260
|
+
"module": "src/slider/root/slider-root.ts"
|
|
173261
|
+
}
|
|
173262
|
+
},
|
|
173263
|
+
{
|
|
173264
|
+
"kind": "field",
|
|
173265
|
+
"name": "handleThumbSlot",
|
|
173266
|
+
"privacy": "private",
|
|
173267
|
+
"readonly": true,
|
|
173268
|
+
"inheritedFrom": {
|
|
173269
|
+
"name": "HelixHeadlessSlider",
|
|
173270
|
+
"module": "src/slider/root/slider-root.ts"
|
|
173271
|
+
}
|
|
173272
|
+
},
|
|
173273
|
+
{
|
|
173274
|
+
"kind": "method",
|
|
173275
|
+
"name": "renderThumbs",
|
|
173276
|
+
"privacy": "protected",
|
|
173277
|
+
"return": {
|
|
173278
|
+
"type": {
|
|
173279
|
+
"text": "TemplateResult"
|
|
173280
|
+
}
|
|
173281
|
+
},
|
|
173282
|
+
"description": "A box for each thumb, over the track at the thumb's place, holding the\n`thumb` slot: a range's upper thumb holds `thumb-end`. Hidden from the\naccessibility tree, since each thumb is already a range with a name and a\nvalue, and `hidden` while no slot has content, so an empty layer takes no\nroom in the row.",
|
|
173283
|
+
"inheritedFrom": {
|
|
173284
|
+
"name": "HelixHeadlessSlider",
|
|
173285
|
+
"module": "src/slider/root/slider-root.ts"
|
|
173286
|
+
}
|
|
173287
|
+
},
|
|
172520
173288
|
{
|
|
172521
173289
|
"kind": "method",
|
|
172522
173290
|
"name": "renderTooltips",
|
|
@@ -172526,20 +173294,6 @@
|
|
|
172526
173294
|
"text": "TemplateResult | typeof nothing"
|
|
172527
173295
|
}
|
|
172528
173296
|
},
|
|
172529
|
-
"parameters": [
|
|
172530
|
-
{
|
|
172531
|
-
"name": "start",
|
|
172532
|
-
"type": {
|
|
172533
|
-
"text": "number"
|
|
172534
|
-
}
|
|
172535
|
-
},
|
|
172536
|
-
{
|
|
172537
|
-
"name": "end",
|
|
172538
|
-
"type": {
|
|
172539
|
-
"text": "number"
|
|
172540
|
-
}
|
|
172541
|
-
}
|
|
172542
|
-
],
|
|
172543
173297
|
"description": "A bubble for each thumb, under `tooltip`, saying its value where it is.\nAfter the thumbs, so a stylesheet can reach a bubble from a focused\nthumb, and hidden from the accessibility tree for the reason the readout\nis: each thumb already reports its value.",
|
|
172544
173298
|
"inheritedFrom": {
|
|
172545
173299
|
"name": "HelixHeadlessSlider",
|
|
@@ -173380,10 +174134,22 @@
|
|
|
173380
174134
|
"description": "Two thumbs on one track, for choosing a span.",
|
|
173381
174135
|
"slug": "range"
|
|
173382
174136
|
},
|
|
174137
|
+
{
|
|
174138
|
+
"description": "A read-only range that a reader can focus and hear and cannot move, and still submits both ends.",
|
|
174139
|
+
"slug": "readonly"
|
|
174140
|
+
},
|
|
173383
174141
|
{
|
|
173384
174142
|
"description": "A value that moves in steps of 25, set with `step`.",
|
|
173385
174143
|
"slug": "stepped"
|
|
173386
174144
|
},
|
|
174145
|
+
{
|
|
174146
|
+
"description": "A grip drawn on each thumb through the `thumb` and `thumb-end` slots.",
|
|
174147
|
+
"slug": "thumb"
|
|
174148
|
+
},
|
|
174149
|
+
{
|
|
174150
|
+
"description": "A range with three thumbs, one for each value, each stopping at its neighbors.",
|
|
174151
|
+
"slug": "thumbs"
|
|
174152
|
+
},
|
|
173387
174153
|
{
|
|
173388
174154
|
"description": "Each thumb shows its value in a bubble while the slider is under the pointer or holds focus.",
|
|
173389
174155
|
"slug": "tooltip"
|
|
@@ -173644,7 +174410,7 @@
|
|
|
173644
174410
|
"text": "boolean"
|
|
173645
174411
|
},
|
|
173646
174412
|
"default": "false",
|
|
173647
|
-
"description": "Adds a second thumb, so the value is a pair.\n\nThe pair is one string, `\"10,50\"`, which is what
|
|
174413
|
+
"description": "Adds a second thumb, so the value is a pair.\n\nThe pair is one string, `\"10,50\"`, which is what `value` and\n`MixinControllerValue` hold. A form receives two entries under the name,\n`price=10&price=50`, as React Aria's two thumbs send theirs.\n`valueAsNumber` reads the lower of the two, since a range has no single\nnumber.",
|
|
173648
174414
|
"fieldName": "range",
|
|
173649
174415
|
"inheritedFrom": {
|
|
173650
174416
|
"name": "HelixHeadlessSlider",
|
|
@@ -173664,6 +174430,19 @@
|
|
|
173664
174430
|
"module": "src/slider/root/slider-root.ts"
|
|
173665
174431
|
}
|
|
173666
174432
|
},
|
|
174433
|
+
{
|
|
174434
|
+
"name": "readonly",
|
|
174435
|
+
"type": {
|
|
174436
|
+
"text": "boolean"
|
|
174437
|
+
},
|
|
174438
|
+
"default": "false",
|
|
174439
|
+
"description": "Whether a reader can see and focus the value and cannot change it. A\nread-only slider still submits its value.\n\nReact Aria's `isReadOnly`. Each thumb stays a tab stop and says\n`aria-readonly`. The arrow keys, the page keys, Home, End, and a drag\nleave the value where it is. A script can still set `value`.",
|
|
174440
|
+
"fieldName": "readOnly",
|
|
174441
|
+
"inheritedFrom": {
|
|
174442
|
+
"name": "HelixHeadlessSlider",
|
|
174443
|
+
"module": "src/slider/root/slider-root.ts"
|
|
174444
|
+
}
|
|
174445
|
+
},
|
|
173667
174446
|
{
|
|
173668
174447
|
"name": "show-value",
|
|
173669
174448
|
"type": {
|
|
@@ -173690,6 +174469,19 @@
|
|
|
173690
174469
|
"module": "src/slider/root/slider-root.ts"
|
|
173691
174470
|
}
|
|
173692
174471
|
},
|
|
174472
|
+
{
|
|
174473
|
+
"name": "thumb-label",
|
|
174474
|
+
"type": {
|
|
174475
|
+
"text": "string"
|
|
174476
|
+
},
|
|
174477
|
+
"default": "'thumb {index}'",
|
|
174478
|
+
"description": "The name of a thumb between a range's first and last, read after the\nslider's label, with `{index}` filled in: its place, counted from 1. The\nfirst is `minimum-label` and the last `maximum-label`.",
|
|
174479
|
+
"fieldName": "thumbLabel",
|
|
174480
|
+
"inheritedFrom": {
|
|
174481
|
+
"name": "HelixHeadlessSlider",
|
|
174482
|
+
"module": "src/slider/root/slider-root.ts"
|
|
174483
|
+
}
|
|
174484
|
+
},
|
|
173693
174485
|
{
|
|
173694
174486
|
"name": "tooltip",
|
|
173695
174487
|
"type": {
|
|
@@ -173767,11 +174559,27 @@
|
|
|
173767
174559
|
"name": "HelixHeadlessSlider",
|
|
173768
174560
|
"module": "src/slider/root/slider-root.ts"
|
|
173769
174561
|
}
|
|
174562
|
+
},
|
|
174563
|
+
{
|
|
174564
|
+
"description": "Content drawn on the thumb, such as a glyph: a single slider's thumb, or a range's lower one. It is decoration, hidden from a screen reader.",
|
|
174565
|
+
"name": "thumb",
|
|
174566
|
+
"inheritedFrom": {
|
|
174567
|
+
"name": "HelixHeadlessSlider",
|
|
174568
|
+
"module": "src/slider/root/slider-root.ts"
|
|
174569
|
+
}
|
|
174570
|
+
},
|
|
174571
|
+
{
|
|
174572
|
+
"description": "Content drawn on a range's upper thumb.",
|
|
174573
|
+
"name": "thumb-end",
|
|
174574
|
+
"inheritedFrom": {
|
|
174575
|
+
"name": "HelixHeadlessSlider",
|
|
174576
|
+
"module": "src/slider/root/slider-root.ts"
|
|
174577
|
+
}
|
|
173770
174578
|
}
|
|
173771
174579
|
],
|
|
173772
174580
|
"cssParts": [
|
|
173773
174581
|
{
|
|
173774
|
-
"description": "The range input.",
|
|
174582
|
+
"description": "The range input, one per thumb. On a range each carries `data-thumb`, `start`, `middle`, or `end`, and `data-index`, its place from the lowest.",
|
|
173775
174583
|
"name": "control",
|
|
173776
174584
|
"inheritedFrom": {
|
|
173777
174585
|
"name": "HelixHeadlessSlider",
|
|
@@ -173843,7 +174651,23 @@
|
|
|
173843
174651
|
}
|
|
173844
174652
|
},
|
|
173845
174653
|
{
|
|
173846
|
-
"description": "One thumb's
|
|
174654
|
+
"description": "One thumb's own box over the track, which holds the `thumb` or `thumb-end` slot. It carries `data-thumb` on a range, `start`, `middle`, or `end`, and `--slider-at`, where its thumb is as a fraction of the track. Draw your own thumb here and hide the native one, or leave it empty.",
|
|
174655
|
+
"name": "thumb",
|
|
174656
|
+
"inheritedFrom": {
|
|
174657
|
+
"name": "HelixHeadlessSlider",
|
|
174658
|
+
"module": "src/slider/root/slider-root.ts"
|
|
174659
|
+
}
|
|
174660
|
+
},
|
|
174661
|
+
{
|
|
174662
|
+
"description": "The layer over the track that holds each `thumb`. It is `hidden` until a thumb slot has content, and then `[part=\"field\"]` carries `data-thumbs`.",
|
|
174663
|
+
"name": "thumbs",
|
|
174664
|
+
"inheritedFrom": {
|
|
174665
|
+
"name": "HelixHeadlessSlider",
|
|
174666
|
+
"module": "src/slider/root/slider-root.ts"
|
|
174667
|
+
}
|
|
174668
|
+
},
|
|
174669
|
+
{
|
|
174670
|
+
"description": "One thumb's value in a bubble beside it, under `tooltip`. It carries `data-thumb` on a range, `start`, `middle`, or `end`, and `--slider-at`, where its thumb is as a fraction of the track.",
|
|
173847
174671
|
"name": "tooltip",
|
|
173848
174672
|
"inheritedFrom": {
|
|
173849
174673
|
"name": "HelixHeadlessSlider",
|
|
@@ -175864,6 +176688,48 @@
|
|
|
175864
176688
|
"module": "src/speed-dial/item/speed-dial-item.ts"
|
|
175865
176689
|
}
|
|
175866
176690
|
},
|
|
176691
|
+
{
|
|
176692
|
+
"kind": "field",
|
|
176693
|
+
"name": "download",
|
|
176694
|
+
"type": {
|
|
176695
|
+
"text": "boolean"
|
|
176696
|
+
},
|
|
176697
|
+
"default": "false",
|
|
176698
|
+
"description": "Whether the link downloads the file when the action is chosen. Only\nmeaningful beside an `href`, and only for a file served from the page's\norigin.",
|
|
176699
|
+
"attribute": "download",
|
|
176700
|
+
"inheritedFrom": {
|
|
176701
|
+
"name": "HelixHeadlessSpeedDialItem",
|
|
176702
|
+
"module": "src/speed-dial/item/speed-dial-item.ts"
|
|
176703
|
+
}
|
|
176704
|
+
},
|
|
176705
|
+
{
|
|
176706
|
+
"kind": "field",
|
|
176707
|
+
"name": "href",
|
|
176708
|
+
"type": {
|
|
176709
|
+
"text": "string"
|
|
176710
|
+
},
|
|
176711
|
+
"default": "''",
|
|
176712
|
+
"description": "The URL the action links to. Setting it draws the action as a link.",
|
|
176713
|
+
"attribute": "href",
|
|
176714
|
+
"inheritedFrom": {
|
|
176715
|
+
"name": "HelixHeadlessSpeedDialItem",
|
|
176716
|
+
"module": "src/speed-dial/item/speed-dial-item.ts"
|
|
176717
|
+
}
|
|
176718
|
+
},
|
|
176719
|
+
{
|
|
176720
|
+
"kind": "field",
|
|
176721
|
+
"name": "rel",
|
|
176722
|
+
"type": {
|
|
176723
|
+
"text": "string"
|
|
176724
|
+
},
|
|
176725
|
+
"default": "''",
|
|
176726
|
+
"description": "The link's `rel`. Set it whenever you set `target=\"_blank\"`.",
|
|
176727
|
+
"attribute": "rel",
|
|
176728
|
+
"inheritedFrom": {
|
|
176729
|
+
"name": "HelixHeadlessSpeedDialItem",
|
|
176730
|
+
"module": "src/speed-dial/item/speed-dial-item.ts"
|
|
176731
|
+
}
|
|
176732
|
+
},
|
|
175867
176733
|
{
|
|
175868
176734
|
"kind": "field",
|
|
175869
176735
|
"name": "shortcut",
|
|
@@ -175878,6 +176744,20 @@
|
|
|
175878
176744
|
"module": "src/speed-dial/item/speed-dial-item.ts"
|
|
175879
176745
|
}
|
|
175880
176746
|
},
|
|
176747
|
+
{
|
|
176748
|
+
"kind": "field",
|
|
176749
|
+
"name": "target",
|
|
176750
|
+
"type": {
|
|
176751
|
+
"text": "string"
|
|
176752
|
+
},
|
|
176753
|
+
"default": "''",
|
|
176754
|
+
"description": "Where the link opens, such as `_blank` for a new tab.",
|
|
176755
|
+
"attribute": "target",
|
|
176756
|
+
"inheritedFrom": {
|
|
176757
|
+
"name": "HelixHeadlessSpeedDialItem",
|
|
176758
|
+
"module": "src/speed-dial/item/speed-dial-item.ts"
|
|
176759
|
+
}
|
|
176760
|
+
},
|
|
175881
176761
|
{
|
|
175882
176762
|
"kind": "field",
|
|
175883
176763
|
"name": "value",
|
|
@@ -176026,6 +176906,17 @@
|
|
|
176026
176906
|
"module": "src/speed-dial/item/speed-dial-item.ts"
|
|
176027
176907
|
}
|
|
176028
176908
|
},
|
|
176909
|
+
{
|
|
176910
|
+
"kind": "field",
|
|
176911
|
+
"name": "handleKeydown",
|
|
176912
|
+
"privacy": "private",
|
|
176913
|
+
"readonly": true,
|
|
176914
|
+
"description": "Space presses a linked action, which an anchor ignores, and the click that\ncomes back both announces and follows the link. Enter is the anchor's own.",
|
|
176915
|
+
"inheritedFrom": {
|
|
176916
|
+
"name": "HelixHeadlessSpeedDialItem",
|
|
176917
|
+
"module": "src/speed-dial/item/speed-dial-item.ts"
|
|
176918
|
+
}
|
|
176919
|
+
},
|
|
176029
176920
|
{
|
|
176030
176921
|
"kind": "method",
|
|
176031
176922
|
"name": "renderShortcut",
|
|
@@ -176438,7 +177329,7 @@
|
|
|
176438
177329
|
}
|
|
176439
177330
|
},
|
|
176440
177331
|
{
|
|
176441
|
-
"description": "The control for the action.",
|
|
177332
|
+
"description": "The control for the action, which is an `<a>` where `href` is set.",
|
|
176442
177333
|
"name": "item",
|
|
176443
177334
|
"inheritedFrom": {
|
|
176444
177335
|
"name": "HelixHeadlessSpeedDialItem",
|
|
@@ -176476,6 +177367,45 @@
|
|
|
176476
177367
|
"module": "src/speed-dial/item/speed-dial-item.ts"
|
|
176477
177368
|
}
|
|
176478
177369
|
},
|
|
177370
|
+
{
|
|
177371
|
+
"name": "download",
|
|
177372
|
+
"type": {
|
|
177373
|
+
"text": "boolean"
|
|
177374
|
+
},
|
|
177375
|
+
"default": "false",
|
|
177376
|
+
"description": "Whether the link downloads the file when the action is chosen. Only\nmeaningful beside an `href`, and only for a file served from the page's\norigin.",
|
|
177377
|
+
"fieldName": "download",
|
|
177378
|
+
"inheritedFrom": {
|
|
177379
|
+
"name": "HelixHeadlessSpeedDialItem",
|
|
177380
|
+
"module": "src/speed-dial/item/speed-dial-item.ts"
|
|
177381
|
+
}
|
|
177382
|
+
},
|
|
177383
|
+
{
|
|
177384
|
+
"name": "href",
|
|
177385
|
+
"type": {
|
|
177386
|
+
"text": "string"
|
|
177387
|
+
},
|
|
177388
|
+
"default": "''",
|
|
177389
|
+
"description": "The URL the action links to. Setting it draws the action as a link.",
|
|
177390
|
+
"fieldName": "href",
|
|
177391
|
+
"inheritedFrom": {
|
|
177392
|
+
"name": "HelixHeadlessSpeedDialItem",
|
|
177393
|
+
"module": "src/speed-dial/item/speed-dial-item.ts"
|
|
177394
|
+
}
|
|
177395
|
+
},
|
|
177396
|
+
{
|
|
177397
|
+
"name": "rel",
|
|
177398
|
+
"type": {
|
|
177399
|
+
"text": "string"
|
|
177400
|
+
},
|
|
177401
|
+
"default": "''",
|
|
177402
|
+
"description": "The link's `rel`. Set it whenever you set `target=\"_blank\"`.",
|
|
177403
|
+
"fieldName": "rel",
|
|
177404
|
+
"inheritedFrom": {
|
|
177405
|
+
"name": "HelixHeadlessSpeedDialItem",
|
|
177406
|
+
"module": "src/speed-dial/item/speed-dial-item.ts"
|
|
177407
|
+
}
|
|
177408
|
+
},
|
|
176479
177409
|
{
|
|
176480
177410
|
"name": "shortcut",
|
|
176481
177411
|
"type": {
|
|
@@ -176489,6 +177419,19 @@
|
|
|
176489
177419
|
"module": "src/speed-dial/item/speed-dial-item.ts"
|
|
176490
177420
|
}
|
|
176491
177421
|
},
|
|
177422
|
+
{
|
|
177423
|
+
"name": "target",
|
|
177424
|
+
"type": {
|
|
177425
|
+
"text": "string"
|
|
177426
|
+
},
|
|
177427
|
+
"default": "''",
|
|
177428
|
+
"description": "Where the link opens, such as `_blank` for a new tab.",
|
|
177429
|
+
"fieldName": "target",
|
|
177430
|
+
"inheritedFrom": {
|
|
177431
|
+
"name": "HelixHeadlessSpeedDialItem",
|
|
177432
|
+
"module": "src/speed-dial/item/speed-dial-item.ts"
|
|
177433
|
+
}
|
|
177434
|
+
},
|
|
176492
177435
|
{
|
|
176493
177436
|
"name": "value",
|
|
176494
177437
|
"type": {
|
|
@@ -176805,10 +177748,10 @@
|
|
|
176805
177748
|
"kind": "field",
|
|
176806
177749
|
"name": "openOn",
|
|
176807
177750
|
"type": {
|
|
176808
|
-
"text": "'click' | 'long-press'"
|
|
177751
|
+
"text": "'click' | 'hover' | 'long-press'"
|
|
176809
177752
|
},
|
|
176810
177753
|
"default": "'click'",
|
|
176811
|
-
"description": "What opens the dial. `click` opens it on a press of the trigger. Under
|
|
177754
|
+
"description": "What opens the dial. `click` opens it on a press of the trigger. `hover`\nalso opens it while a mouse rests on the trigger, and closes it once the\nmouse has left. Under `long-press`, a press is the trigger's own action,\nand the dial opens on a press held for half a second, or on Alt+Down or\nAlt+Up.",
|
|
176812
177755
|
"attribute": "open-on",
|
|
176813
177756
|
"inheritedFrom": {
|
|
176814
177757
|
"name": "HelixHeadlessSpeedDial",
|
|
@@ -176854,6 +177797,33 @@
|
|
|
176854
177797
|
"module": "src/speed-dial/root/speed-dial-root.ts"
|
|
176855
177798
|
}
|
|
176856
177799
|
},
|
|
177800
|
+
{
|
|
177801
|
+
"kind": "field",
|
|
177802
|
+
"name": "focusLast",
|
|
177803
|
+
"type": {
|
|
177804
|
+
"text": "boolean"
|
|
177805
|
+
},
|
|
177806
|
+
"privacy": "private",
|
|
177807
|
+
"default": "false",
|
|
177808
|
+
"description": "Whether the open under way puts focus on the last action, from Up.",
|
|
177809
|
+
"inheritedFrom": {
|
|
177810
|
+
"name": "HelixHeadlessSpeedDial",
|
|
177811
|
+
"module": "src/speed-dial/root/speed-dial-root.ts"
|
|
177812
|
+
}
|
|
177813
|
+
},
|
|
177814
|
+
{
|
|
177815
|
+
"kind": "field",
|
|
177816
|
+
"name": "leaving",
|
|
177817
|
+
"type": {
|
|
177818
|
+
"text": "ReturnType<typeof setTimeout> | undefined"
|
|
177819
|
+
},
|
|
177820
|
+
"privacy": "private",
|
|
177821
|
+
"description": "The close a mouse leaving a hover dial has asked for, a moment from now.",
|
|
177822
|
+
"inheritedFrom": {
|
|
177823
|
+
"name": "HelixHeadlessSpeedDial",
|
|
177824
|
+
"module": "src/speed-dial/root/speed-dial-root.ts"
|
|
177825
|
+
}
|
|
177826
|
+
},
|
|
176857
177827
|
{
|
|
176858
177828
|
"kind": "field",
|
|
176859
177829
|
"name": "panel",
|
|
@@ -176918,6 +177888,53 @@
|
|
|
176918
177888
|
"module": "src/speed-dial/root/speed-dial-root.ts"
|
|
176919
177889
|
}
|
|
176920
177890
|
},
|
|
177891
|
+
{
|
|
177892
|
+
"kind": "field",
|
|
177893
|
+
"name": "handleTriggerPointerOver",
|
|
177894
|
+
"privacy": "private",
|
|
177895
|
+
"readonly": true,
|
|
177896
|
+
"description": "Opens on a mouse coming over the trigger, under `open-on=\"hover\"`.",
|
|
177897
|
+
"inheritedFrom": {
|
|
177898
|
+
"name": "HelixHeadlessSpeedDial",
|
|
177899
|
+
"module": "src/speed-dial/root/speed-dial-root.ts"
|
|
177900
|
+
}
|
|
177901
|
+
},
|
|
177902
|
+
{
|
|
177903
|
+
"kind": "field",
|
|
177904
|
+
"name": "handlePointerEnter",
|
|
177905
|
+
"privacy": "private",
|
|
177906
|
+
"readonly": true,
|
|
177907
|
+
"description": "Keeps a hover dial open while the mouse is back over it.",
|
|
177908
|
+
"inheritedFrom": {
|
|
177909
|
+
"name": "HelixHeadlessSpeedDial",
|
|
177910
|
+
"module": "src/speed-dial/root/speed-dial-root.ts"
|
|
177911
|
+
}
|
|
177912
|
+
},
|
|
177913
|
+
{
|
|
177914
|
+
"kind": "field",
|
|
177915
|
+
"name": "handlePointerLeave",
|
|
177916
|
+
"privacy": "private",
|
|
177917
|
+
"readonly": true,
|
|
177918
|
+
"description": "Closes a hover dial a moment after the mouse leaves it, so a mouse\ncrossing the gap between the trigger and the actions keeps it open.\nFocus inside the dial keeps it open too, as a reader is using it.",
|
|
177919
|
+
"inheritedFrom": {
|
|
177920
|
+
"name": "HelixHeadlessSpeedDial",
|
|
177921
|
+
"module": "src/speed-dial/root/speed-dial-root.ts"
|
|
177922
|
+
}
|
|
177923
|
+
},
|
|
177924
|
+
{
|
|
177925
|
+
"kind": "method",
|
|
177926
|
+
"name": "stay",
|
|
177927
|
+
"privacy": "private",
|
|
177928
|
+
"return": {
|
|
177929
|
+
"type": {
|
|
177930
|
+
"text": "void"
|
|
177931
|
+
}
|
|
177932
|
+
},
|
|
177933
|
+
"inheritedFrom": {
|
|
177934
|
+
"name": "HelixHeadlessSpeedDial",
|
|
177935
|
+
"module": "src/speed-dial/root/speed-dial-root.ts"
|
|
177936
|
+
}
|
|
177937
|
+
},
|
|
176921
177938
|
{
|
|
176922
177939
|
"kind": "method",
|
|
176923
177940
|
"name": "focus",
|
|
@@ -177542,10 +178559,10 @@
|
|
|
177542
178559
|
{
|
|
177543
178560
|
"name": "open-on",
|
|
177544
178561
|
"type": {
|
|
177545
|
-
"text": "'click' | 'long-press'"
|
|
178562
|
+
"text": "'click' | 'hover' | 'long-press'"
|
|
177546
178563
|
},
|
|
177547
178564
|
"default": "'click'",
|
|
177548
|
-
"description": "What opens the dial. `click` opens it on a press of the trigger. Under
|
|
178565
|
+
"description": "What opens the dial. `click` opens it on a press of the trigger. `hover`\nalso opens it while a mouse rests on the trigger, and closes it once the\nmouse has left. Under `long-press`, a press is the trigger's own action,\nand the dial opens on a press held for half a second, or on Alt+Down or\nAlt+Up.",
|
|
177549
178566
|
"fieldName": "openOn",
|
|
177550
178567
|
"inheritedFrom": {
|
|
177551
178568
|
"name": "HelixHeadlessSpeedDial",
|
|
@@ -177662,6 +178679,14 @@
|
|
|
177662
178679
|
"module": "src/speed-dial/root/speed-dial-root.ts"
|
|
177663
178680
|
}
|
|
177664
178681
|
},
|
|
178682
|
+
{
|
|
178683
|
+
"description": "Replaces the plus on the button the dial draws when no trigger is slotted, such as with a pencil for a dial of ways to write.",
|
|
178684
|
+
"name": "icon",
|
|
178685
|
+
"inheritedFrom": {
|
|
178686
|
+
"name": "HelixHeadlessSpeedDial",
|
|
178687
|
+
"module": "src/speed-dial/root/speed-dial-root.ts"
|
|
178688
|
+
}
|
|
178689
|
+
},
|
|
177665
178690
|
{
|
|
177666
178691
|
"description": "The control that opens the actions. Without one, a button named by `label` is drawn.",
|
|
177667
178692
|
"name": "trigger",
|
|
@@ -178149,6 +179174,63 @@
|
|
|
178149
179174
|
"module": "src/splitter/root/splitter-root.ts"
|
|
178150
179175
|
}
|
|
178151
179176
|
},
|
|
179177
|
+
{
|
|
179178
|
+
"kind": "field",
|
|
179179
|
+
"name": "chain",
|
|
179180
|
+
"type": {
|
|
179181
|
+
"text": "{ by: HelixHeadlessSplitter; side: 'end' | 'start' } | null"
|
|
179182
|
+
},
|
|
179183
|
+
"privacy": "private",
|
|
179184
|
+
"default": "null",
|
|
179185
|
+
"description": "The splitter this one is nested in on the same axis, and the pane of it\nthis one is in, for a row of three or more panes.",
|
|
179186
|
+
"inheritedFrom": {
|
|
179187
|
+
"name": "HelixHeadlessSplitter",
|
|
179188
|
+
"module": "src/splitter/root/splitter-root.ts"
|
|
179189
|
+
}
|
|
179190
|
+
},
|
|
179191
|
+
{
|
|
179192
|
+
"kind": "field",
|
|
179193
|
+
"name": "chainLength",
|
|
179194
|
+
"type": {
|
|
179195
|
+
"text": "number"
|
|
179196
|
+
},
|
|
179197
|
+
"privacy": "private",
|
|
179198
|
+
"default": "0",
|
|
179199
|
+
"description": "The length of the splitter this one is chained to, last seen.",
|
|
179200
|
+
"inheritedFrom": {
|
|
179201
|
+
"name": "HelixHeadlessSplitter",
|
|
179202
|
+
"module": "src/splitter/root/splitter-root.ts"
|
|
179203
|
+
}
|
|
179204
|
+
},
|
|
179205
|
+
{
|
|
179206
|
+
"kind": "field",
|
|
179207
|
+
"name": "held",
|
|
179208
|
+
"type": {
|
|
179209
|
+
"text": "'end' | 'start' | undefined"
|
|
179210
|
+
},
|
|
179211
|
+
"privacy": "private",
|
|
179212
|
+
"description": "The pane that keeps its pixels as this splitter's length changes:\n`primary`, or the far pane of one chained into another, whose divider\nwould otherwise drag this one's along with it.",
|
|
179213
|
+
"readonly": true,
|
|
179214
|
+
"inheritedFrom": {
|
|
179215
|
+
"name": "HelixHeadlessSplitter",
|
|
179216
|
+
"module": "src/splitter/root/splitter-root.ts"
|
|
179217
|
+
}
|
|
179218
|
+
},
|
|
179219
|
+
{
|
|
179220
|
+
"kind": "method",
|
|
179221
|
+
"name": "measureChain",
|
|
179222
|
+
"privacy": "private",
|
|
179223
|
+
"return": {
|
|
179224
|
+
"type": {
|
|
179225
|
+
"text": "number"
|
|
179226
|
+
}
|
|
179227
|
+
},
|
|
179228
|
+
"description": "The chained splitter's length along the shared axis, in pixels.",
|
|
179229
|
+
"inheritedFrom": {
|
|
179230
|
+
"name": "HelixHeadlessSplitter",
|
|
179231
|
+
"module": "src/splitter/root/splitter-root.ts"
|
|
179232
|
+
}
|
|
179233
|
+
},
|
|
178152
179234
|
{
|
|
178153
179235
|
"kind": "field",
|
|
178154
179236
|
"name": "length",
|
|
@@ -181099,6 +182181,34 @@
|
|
|
181099
182181
|
"module": "src/steps/root/steps-root.ts"
|
|
181100
182182
|
}
|
|
181101
182183
|
},
|
|
182184
|
+
{
|
|
182185
|
+
"kind": "field",
|
|
182186
|
+
"name": "arrows",
|
|
182187
|
+
"type": {
|
|
182188
|
+
"text": "boolean"
|
|
182189
|
+
},
|
|
182190
|
+
"default": "false",
|
|
182191
|
+
"description": "Whether the arrow keys move focus between the stages' names, along the\nway the steps run. Off by default, so the arrows keep scrolling the page.",
|
|
182192
|
+
"attribute": "arrows",
|
|
182193
|
+
"inheritedFrom": {
|
|
182194
|
+
"name": "HelixHeadlessSteps",
|
|
182195
|
+
"module": "src/steps/root/steps-root.ts"
|
|
182196
|
+
}
|
|
182197
|
+
},
|
|
182198
|
+
{
|
|
182199
|
+
"kind": "field",
|
|
182200
|
+
"name": "completion",
|
|
182201
|
+
"type": {
|
|
182202
|
+
"text": "'passed' | undefined"
|
|
182203
|
+
},
|
|
182204
|
+
"description": "What marks a stage `complete`.\n\nAbsent, you do: each step's `complete` is yours, because a reader who\nsteps back has finished more stages than the one they are on. `passed`\nmarks every stage before the one a reader moves to, and leaves the marks\nwhen they go back.",
|
|
182205
|
+
"attribute": "completion",
|
|
182206
|
+
"reflects": true,
|
|
182207
|
+
"inheritedFrom": {
|
|
182208
|
+
"name": "HelixHeadlessSteps",
|
|
182209
|
+
"module": "src/steps/root/steps-root.ts"
|
|
182210
|
+
}
|
|
182211
|
+
},
|
|
181102
182212
|
{
|
|
181103
182213
|
"kind": "field",
|
|
181104
182214
|
"name": "label",
|
|
@@ -181201,6 +182311,17 @@
|
|
|
181201
182311
|
"module": "src/steps/root/steps-root.ts"
|
|
181202
182312
|
}
|
|
181203
182313
|
},
|
|
182314
|
+
{
|
|
182315
|
+
"kind": "field",
|
|
182316
|
+
"name": "keys",
|
|
182317
|
+
"privacy": "protected",
|
|
182318
|
+
"readonly": true,
|
|
182319
|
+
"default": "new KeyboardNavigationController(this, { items: () => (this.arrows ? this.steps.map(navigable) : []), origin: 'focus', reserved: () => this.orientation === 'vertical' ? ['ArrowLeft', 'ArrowRight'] : ['ArrowDown', 'ArrowUp'], selects: () => false, wrap: false, })",
|
|
182320
|
+
"inheritedFrom": {
|
|
182321
|
+
"name": "HelixHeadlessSteps",
|
|
182322
|
+
"module": "src/steps/root/steps-root.ts"
|
|
182323
|
+
}
|
|
182324
|
+
},
|
|
181204
182325
|
{
|
|
181205
182326
|
"kind": "field",
|
|
181206
182327
|
"name": "steps",
|
|
@@ -181263,6 +182384,23 @@
|
|
|
181263
182384
|
"module": "src/steps/root/steps-root.ts"
|
|
181264
182385
|
}
|
|
181265
182386
|
},
|
|
182387
|
+
{
|
|
182388
|
+
"kind": "method",
|
|
182389
|
+
"name": "reset",
|
|
182390
|
+
"return": {
|
|
182391
|
+
"type": {
|
|
182392
|
+
"text": "boolean"
|
|
182393
|
+
}
|
|
182394
|
+
},
|
|
182395
|
+
"description": "Goes back to the first stage that can be gone to, and clears `complete`\nand the invalid mark from every stage, as Ark UI's `resetStep` does.\nReturns whether it moved: a listener can refuse the move with\n`helix-before-activate`, and the stages then keep their marks.",
|
|
182396
|
+
"type": {
|
|
182397
|
+
"text": "reset() => boolean"
|
|
182398
|
+
},
|
|
182399
|
+
"inheritedFrom": {
|
|
182400
|
+
"name": "HelixHeadlessSteps",
|
|
182401
|
+
"module": "src/steps/root/steps-root.ts"
|
|
182402
|
+
}
|
|
182403
|
+
},
|
|
181266
182404
|
{
|
|
181267
182405
|
"kind": "method",
|
|
181268
182406
|
"name": "step",
|
|
@@ -181831,6 +182969,31 @@
|
|
|
181831
182969
|
"module": "src/mixins/mixin-controller-active/mixin-controller-active.ts"
|
|
181832
182970
|
}
|
|
181833
182971
|
},
|
|
182972
|
+
{
|
|
182973
|
+
"name": "arrows",
|
|
182974
|
+
"type": {
|
|
182975
|
+
"text": "boolean"
|
|
182976
|
+
},
|
|
182977
|
+
"default": "false",
|
|
182978
|
+
"description": "Whether the arrow keys move focus between the stages' names, along the\nway the steps run. Off by default, so the arrows keep scrolling the page.",
|
|
182979
|
+
"fieldName": "arrows",
|
|
182980
|
+
"inheritedFrom": {
|
|
182981
|
+
"name": "HelixHeadlessSteps",
|
|
182982
|
+
"module": "src/steps/root/steps-root.ts"
|
|
182983
|
+
}
|
|
182984
|
+
},
|
|
182985
|
+
{
|
|
182986
|
+
"name": "completion",
|
|
182987
|
+
"type": {
|
|
182988
|
+
"text": "'passed' | undefined"
|
|
182989
|
+
},
|
|
182990
|
+
"description": "What marks a stage `complete`.\n\nAbsent, you do: each step's `complete` is yours, because a reader who\nsteps back has finished more stages than the one they are on. `passed`\nmarks every stage before the one a reader moves to, and leaves the marks\nwhen they go back.",
|
|
182991
|
+
"fieldName": "completion",
|
|
182992
|
+
"inheritedFrom": {
|
|
182993
|
+
"name": "HelixHeadlessSteps",
|
|
182994
|
+
"module": "src/steps/root/steps-root.ts"
|
|
182995
|
+
}
|
|
182996
|
+
},
|
|
181834
182997
|
{
|
|
181835
182998
|
"name": "label",
|
|
181836
182999
|
"type": {
|
|
@@ -182161,6 +183324,32 @@
|
|
|
182161
183324
|
"module": "src/steps/step/step.ts"
|
|
182162
183325
|
}
|
|
182163
183326
|
},
|
|
183327
|
+
{
|
|
183328
|
+
"kind": "method",
|
|
183329
|
+
"name": "focus",
|
|
183330
|
+
"return": {
|
|
183331
|
+
"type": {
|
|
183332
|
+
"text": "void"
|
|
183333
|
+
}
|
|
183334
|
+
},
|
|
183335
|
+
"parameters": [
|
|
183336
|
+
{
|
|
183337
|
+
"name": "options",
|
|
183338
|
+
"optional": true,
|
|
183339
|
+
"type": {
|
|
183340
|
+
"text": "FocusOptions"
|
|
183341
|
+
}
|
|
183342
|
+
}
|
|
183343
|
+
],
|
|
183344
|
+
"description": "Puts focus on the step's name, the control a reader presses, as a\n`focus()` on a native control would.",
|
|
183345
|
+
"type": {
|
|
183346
|
+
"text": "focus(options?: FocusOptions) => void"
|
|
183347
|
+
},
|
|
183348
|
+
"inheritedFrom": {
|
|
183349
|
+
"name": "HelixHeadlessStep",
|
|
183350
|
+
"module": "src/steps/step/step.ts"
|
|
183351
|
+
}
|
|
183352
|
+
},
|
|
182164
183353
|
{
|
|
182165
183354
|
"kind": "method",
|
|
182166
183355
|
"name": "select",
|
|
@@ -182800,6 +183989,14 @@
|
|
|
182800
183989
|
"module": "src/steps/step/step.ts"
|
|
182801
183990
|
}
|
|
182802
183991
|
},
|
|
183992
|
+
{
|
|
183993
|
+
"description": "A `linear` sequence holds this stage out of reach until the stages before it are finished.",
|
|
183994
|
+
"name": "locked",
|
|
183995
|
+
"inheritedFrom": {
|
|
183996
|
+
"name": "HelixHeadlessStep",
|
|
183997
|
+
"module": "src/steps/step/step.ts"
|
|
183998
|
+
}
|
|
183999
|
+
},
|
|
182803
184000
|
{
|
|
182804
184001
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
182805
184002
|
"name": "settled",
|
|
@@ -190242,6 +191439,10 @@
|
|
|
190242
191439
|
{
|
|
190243
191440
|
"description": "The color of the rule under the row in `underlined`.",
|
|
190244
191441
|
"name": "--tabs-rule-color"
|
|
191442
|
+
},
|
|
191443
|
+
{
|
|
191444
|
+
"description": "The fill behind the scroll buttons, over the tabs that pass under them.",
|
|
191445
|
+
"name": "--tabs-scroll-background-color"
|
|
190245
191446
|
}
|
|
190246
191447
|
],
|
|
190247
191448
|
"cssParts": [
|
|
@@ -190261,6 +191462,22 @@
|
|
|
190261
191462
|
"module": "src/tabs/root/tabs-root.ts"
|
|
190262
191463
|
}
|
|
190263
191464
|
},
|
|
191465
|
+
{
|
|
191466
|
+
"description": "The button that scrolls the strip toward its end, shown under `scroll-controls` while there is more that way. It holds to the end of the strip.",
|
|
191467
|
+
"name": "scroll-end",
|
|
191468
|
+
"inheritedFrom": {
|
|
191469
|
+
"name": "HelixHeadlessTabs",
|
|
191470
|
+
"module": "src/tabs/root/tabs-root.ts"
|
|
191471
|
+
}
|
|
191472
|
+
},
|
|
191473
|
+
{
|
|
191474
|
+
"description": "The button that scrolls the strip toward its start, shown under `scroll-controls` while there is more that way. It holds to the start of the strip.",
|
|
191475
|
+
"name": "scroll-start",
|
|
191476
|
+
"inheritedFrom": {
|
|
191477
|
+
"name": "HelixHeadlessTabs",
|
|
191478
|
+
"module": "src/tabs/root/tabs-root.ts"
|
|
191479
|
+
}
|
|
191480
|
+
},
|
|
190264
191481
|
{
|
|
190265
191482
|
"description": "The tab list.",
|
|
190266
191483
|
"name": "tabs",
|
|
@@ -190509,6 +191726,21 @@
|
|
|
190509
191726
|
"module": "src/tabs/root/tabs-root.ts"
|
|
190510
191727
|
}
|
|
190511
191728
|
},
|
|
191729
|
+
{
|
|
191730
|
+
"kind": "field",
|
|
191731
|
+
"name": "scrollControls",
|
|
191732
|
+
"type": {
|
|
191733
|
+
"text": "boolean"
|
|
191734
|
+
},
|
|
191735
|
+
"default": "false",
|
|
191736
|
+
"description": "Whether a strip with more tabs than fit shows a button at each end it can\nscroll toward.",
|
|
191737
|
+
"attribute": "scroll-controls",
|
|
191738
|
+
"reflects": true,
|
|
191739
|
+
"inheritedFrom": {
|
|
191740
|
+
"name": "HelixHeadlessTabs",
|
|
191741
|
+
"module": "src/tabs/root/tabs-root.ts"
|
|
191742
|
+
}
|
|
191743
|
+
},
|
|
190512
191744
|
{
|
|
190513
191745
|
"kind": "field",
|
|
190514
191746
|
"name": "variant",
|
|
@@ -190573,6 +191805,67 @@
|
|
|
190573
191805
|
"module": "src/tabs/root/tabs-root.ts"
|
|
190574
191806
|
}
|
|
190575
191807
|
},
|
|
191808
|
+
{
|
|
191809
|
+
"kind": "field",
|
|
191810
|
+
"name": "more",
|
|
191811
|
+
"type": {
|
|
191812
|
+
"text": "{ end: boolean; start: boolean }"
|
|
191813
|
+
},
|
|
191814
|
+
"privacy": "private",
|
|
191815
|
+
"default": "{ end: false, start: false }",
|
|
191816
|
+
"description": "Which ends the strip can scroll toward, under `scroll-controls`.",
|
|
191817
|
+
"inheritedFrom": {
|
|
191818
|
+
"name": "HelixHeadlessTabs",
|
|
191819
|
+
"module": "src/tabs/root/tabs-root.ts"
|
|
191820
|
+
}
|
|
191821
|
+
},
|
|
191822
|
+
{
|
|
191823
|
+
"kind": "field",
|
|
191824
|
+
"name": "resizing",
|
|
191825
|
+
"type": {
|
|
191826
|
+
"text": "ResizeObserver | undefined"
|
|
191827
|
+
},
|
|
191828
|
+
"privacy": "private",
|
|
191829
|
+
"description": "Watches the strip's size for `scroll-controls`.",
|
|
191830
|
+
"inheritedFrom": {
|
|
191831
|
+
"name": "HelixHeadlessTabs",
|
|
191832
|
+
"module": "src/tabs/root/tabs-root.ts"
|
|
191833
|
+
}
|
|
191834
|
+
},
|
|
191835
|
+
{
|
|
191836
|
+
"kind": "field",
|
|
191837
|
+
"name": "measure",
|
|
191838
|
+
"privacy": "private",
|
|
191839
|
+
"readonly": true,
|
|
191840
|
+
"description": "Reads which ends of the strip have more tabs past them.",
|
|
191841
|
+
"inheritedFrom": {
|
|
191842
|
+
"name": "HelixHeadlessTabs",
|
|
191843
|
+
"module": "src/tabs/root/tabs-root.ts"
|
|
191844
|
+
}
|
|
191845
|
+
},
|
|
191846
|
+
{
|
|
191847
|
+
"kind": "method",
|
|
191848
|
+
"name": "scrollStrip",
|
|
191849
|
+
"privacy": "private",
|
|
191850
|
+
"return": {
|
|
191851
|
+
"type": {
|
|
191852
|
+
"text": "void"
|
|
191853
|
+
}
|
|
191854
|
+
},
|
|
191855
|
+
"parameters": [
|
|
191856
|
+
{
|
|
191857
|
+
"name": "toward",
|
|
191858
|
+
"type": {
|
|
191859
|
+
"text": "1 | -1"
|
|
191860
|
+
}
|
|
191861
|
+
}
|
|
191862
|
+
],
|
|
191863
|
+
"description": "Scrolls the strip most of its own length toward one end, smoothly unless\nthe reader asked for less motion.",
|
|
191864
|
+
"inheritedFrom": {
|
|
191865
|
+
"name": "HelixHeadlessTabs",
|
|
191866
|
+
"module": "src/tabs/root/tabs-root.ts"
|
|
191867
|
+
}
|
|
191868
|
+
},
|
|
190576
191869
|
{
|
|
190577
191870
|
"kind": "field",
|
|
190578
191871
|
"name": "held",
|
|
@@ -190640,6 +191933,36 @@
|
|
|
190640
191933
|
"module": "src/tabs/root/tabs-root.ts"
|
|
190641
191934
|
}
|
|
190642
191935
|
},
|
|
191936
|
+
{
|
|
191937
|
+
"kind": "method",
|
|
191938
|
+
"name": "watchStrip",
|
|
191939
|
+
"privacy": "private",
|
|
191940
|
+
"return": {
|
|
191941
|
+
"type": {
|
|
191942
|
+
"text": "void"
|
|
191943
|
+
}
|
|
191944
|
+
},
|
|
191945
|
+
"description": "Watches the strip's size while `scroll-controls` asks, and reads it.",
|
|
191946
|
+
"inheritedFrom": {
|
|
191947
|
+
"name": "HelixHeadlessTabs",
|
|
191948
|
+
"module": "src/tabs/root/tabs-root.ts"
|
|
191949
|
+
}
|
|
191950
|
+
},
|
|
191951
|
+
{
|
|
191952
|
+
"kind": "method",
|
|
191953
|
+
"name": "reveal",
|
|
191954
|
+
"privacy": "private",
|
|
191955
|
+
"return": {
|
|
191956
|
+
"type": {
|
|
191957
|
+
"text": "void"
|
|
191958
|
+
}
|
|
191959
|
+
},
|
|
191960
|
+
"description": "Brings the selected tab into the strip's view, and moves nothing else.",
|
|
191961
|
+
"inheritedFrom": {
|
|
191962
|
+
"name": "HelixHeadlessTabs",
|
|
191963
|
+
"module": "src/tabs/root/tabs-root.ts"
|
|
191964
|
+
}
|
|
191965
|
+
},
|
|
190643
191966
|
{
|
|
190644
191967
|
"kind": "field",
|
|
190645
191968
|
"name": "handleSlotChange",
|
|
@@ -190651,6 +191974,29 @@
|
|
|
190651
191974
|
"module": "src/tabs/root/tabs-root.ts"
|
|
190652
191975
|
}
|
|
190653
191976
|
},
|
|
191977
|
+
{
|
|
191978
|
+
"kind": "method",
|
|
191979
|
+
"name": "renderScroll",
|
|
191980
|
+
"privacy": "private",
|
|
191981
|
+
"return": {
|
|
191982
|
+
"type": {
|
|
191983
|
+
"text": "TemplateResult | typeof nothing"
|
|
191984
|
+
}
|
|
191985
|
+
},
|
|
191986
|
+
"parameters": [
|
|
191987
|
+
{
|
|
191988
|
+
"name": "toward",
|
|
191989
|
+
"type": {
|
|
191990
|
+
"text": "1 | -1"
|
|
191991
|
+
}
|
|
191992
|
+
}
|
|
191993
|
+
],
|
|
191994
|
+
"description": "One of the two scroll buttons, pointing the way it scrolls. A caret along\nthe line is mirrored on a right-to-left page, and one down a column is not.",
|
|
191995
|
+
"inheritedFrom": {
|
|
191996
|
+
"name": "HelixHeadlessTabs",
|
|
191997
|
+
"module": "src/tabs/root/tabs-root.ts"
|
|
191998
|
+
}
|
|
191999
|
+
},
|
|
190654
192000
|
{
|
|
190655
192001
|
"kind": "field",
|
|
190656
192002
|
"name": "tier",
|
|
@@ -191106,6 +192452,19 @@
|
|
|
191106
192452
|
"module": "src/tabs/root/tabs-root.ts"
|
|
191107
192453
|
}
|
|
191108
192454
|
},
|
|
192455
|
+
{
|
|
192456
|
+
"name": "scroll-controls",
|
|
192457
|
+
"type": {
|
|
192458
|
+
"text": "boolean"
|
|
192459
|
+
},
|
|
192460
|
+
"default": "false",
|
|
192461
|
+
"description": "Whether a strip with more tabs than fit shows a button at each end it can\nscroll toward.",
|
|
192462
|
+
"fieldName": "scrollControls",
|
|
192463
|
+
"inheritedFrom": {
|
|
192464
|
+
"name": "HelixHeadlessTabs",
|
|
192465
|
+
"module": "src/tabs/root/tabs-root.ts"
|
|
192466
|
+
}
|
|
192467
|
+
},
|
|
191109
192468
|
{
|
|
191110
192469
|
"name": "variant",
|
|
191111
192470
|
"type": {
|
|
@@ -191231,6 +192590,10 @@
|
|
|
191231
192590
|
"description": "How faint a disabled tab is drawn.",
|
|
191232
192591
|
"name": "--tabs-tab-disabled-opacity"
|
|
191233
192592
|
},
|
|
192593
|
+
{
|
|
192594
|
+
"description": "The color of the mark that closes a `dismissible` tab.",
|
|
192595
|
+
"name": "--tabs-tab-dismiss-color"
|
|
192596
|
+
},
|
|
191234
192597
|
{
|
|
191235
192598
|
"description": "The size of a tab's label.",
|
|
191236
192599
|
"name": "--tabs-tab-font-size"
|
|
@@ -191265,6 +192628,14 @@
|
|
|
191265
192628
|
}
|
|
191266
192629
|
],
|
|
191267
192630
|
"cssParts": [
|
|
192631
|
+
{
|
|
192632
|
+
"description": "The mark a pointer presses to close a `dismissible` tab.",
|
|
192633
|
+
"name": "dismiss",
|
|
192634
|
+
"inheritedFrom": {
|
|
192635
|
+
"name": "HelixHeadlessTab",
|
|
192636
|
+
"module": "src/tabs/tab/tab.ts"
|
|
192637
|
+
}
|
|
192638
|
+
},
|
|
191268
192639
|
{
|
|
191269
192640
|
"description": "The tab itself.",
|
|
191270
192641
|
"name": "tab",
|
|
@@ -191285,6 +192656,186 @@
|
|
|
191285
192656
|
}
|
|
191286
192657
|
],
|
|
191287
192658
|
"members": [
|
|
192659
|
+
{
|
|
192660
|
+
"kind": "field",
|
|
192661
|
+
"name": "words",
|
|
192662
|
+
"type": {
|
|
192663
|
+
"text": "string"
|
|
192664
|
+
},
|
|
192665
|
+
"static": true,
|
|
192666
|
+
"default": "''",
|
|
192667
|
+
"description": "The key the dismiss control's name is registered under: the host's own,\nwhich each family names with its styled tag, `static words =\n'helix-callout'`. A host with none reads its tag name.",
|
|
192668
|
+
"inheritedFrom": {
|
|
192669
|
+
"name": "MixinDismissible",
|
|
192670
|
+
"module": "src/mixins/mixin-dismissible/mixin-dismissible.ts"
|
|
192671
|
+
}
|
|
192672
|
+
},
|
|
192673
|
+
{
|
|
192674
|
+
"kind": "field",
|
|
192675
|
+
"name": "dismissible",
|
|
192676
|
+
"type": {
|
|
192677
|
+
"text": "boolean"
|
|
192678
|
+
},
|
|
192679
|
+
"default": "false",
|
|
192680
|
+
"description": "Whether the element shows a control that dismisses it.",
|
|
192681
|
+
"attribute": "dismissible",
|
|
192682
|
+
"reflects": true,
|
|
192683
|
+
"inheritedFrom": {
|
|
192684
|
+
"name": "MixinDismissible",
|
|
192685
|
+
"module": "src/mixins/mixin-dismissible/mixin-dismissible.ts"
|
|
192686
|
+
}
|
|
192687
|
+
},
|
|
192688
|
+
{
|
|
192689
|
+
"kind": "field",
|
|
192690
|
+
"name": "dismissLabel",
|
|
192691
|
+
"type": {
|
|
192692
|
+
"text": "string"
|
|
192693
|
+
},
|
|
192694
|
+
"default": "'Dismiss'",
|
|
192695
|
+
"description": "The dismiss control's label, read by screen readers.\n\n`attribute` is spelled out because Lit lowercases a property name to\nderive one rather than dash-casing it, so this would otherwise be\nreachable only as `dismisslabel`, which nobody would guess and no linter\nwould catch.\n\nA word property: register it for a locale under the host's key. A family\nthat names the control otherwise, such as Tag's `Remove {label}`,\ndeclares its own English with `@words` above the override.",
|
|
192696
|
+
"attribute": "dismiss-label",
|
|
192697
|
+
"helix": {
|
|
192698
|
+
"words": true
|
|
192699
|
+
},
|
|
192700
|
+
"inheritedFrom": {
|
|
192701
|
+
"name": "MixinDismissible",
|
|
192702
|
+
"module": "src/mixins/mixin-dismissible/mixin-dismissible.ts"
|
|
192703
|
+
}
|
|
192704
|
+
},
|
|
192705
|
+
{
|
|
192706
|
+
"kind": "method",
|
|
192707
|
+
"name": "dismissEvent",
|
|
192708
|
+
"privacy": "protected",
|
|
192709
|
+
"return": {
|
|
192710
|
+
"type": {
|
|
192711
|
+
"text": "HelixDismissEvent"
|
|
192712
|
+
}
|
|
192713
|
+
},
|
|
192714
|
+
"description": "The event, built and not dispatched.\n\nReading text is safe here: nothing calls this on a server, because the\nonly things that do are a press and a timer.",
|
|
192715
|
+
"inheritedFrom": {
|
|
192716
|
+
"name": "MixinDismissible",
|
|
192717
|
+
"module": "src/mixins/mixin-dismissible/mixin-dismissible.ts"
|
|
192718
|
+
}
|
|
192719
|
+
},
|
|
192720
|
+
{
|
|
192721
|
+
"kind": "field",
|
|
192722
|
+
"name": "returnFocusTo",
|
|
192723
|
+
"type": {
|
|
192724
|
+
"text": "HTMLElement | null"
|
|
192725
|
+
},
|
|
192726
|
+
"privacy": "protected",
|
|
192727
|
+
"description": "Where focus lands when a neighbor that held it is removed: this\nelement's dismiss control.\n\nA seam for a member whose focus lives elsewhere: a tag in a Tag Group is\na row the arrows move between, so a removed row hands focus to the next\nrow rather than to its remove button.",
|
|
192728
|
+
"readonly": true,
|
|
192729
|
+
"inheritedFrom": {
|
|
192730
|
+
"name": "MixinDismissible",
|
|
192731
|
+
"module": "src/mixins/mixin-dismissible/mixin-dismissible.ts"
|
|
192732
|
+
}
|
|
192733
|
+
},
|
|
192734
|
+
{
|
|
192735
|
+
"kind": "method",
|
|
192736
|
+
"name": "dismiss",
|
|
192737
|
+
"return": {
|
|
192738
|
+
"type": {
|
|
192739
|
+
"text": "boolean"
|
|
192740
|
+
}
|
|
192741
|
+
},
|
|
192742
|
+
"description": "Fires `helix-dismiss`, and returns `false` if a listener cancels it.",
|
|
192743
|
+
"inheritedFrom": {
|
|
192744
|
+
"name": "MixinDismissible",
|
|
192745
|
+
"module": "src/mixins/mixin-dismissible/mixin-dismissible.ts"
|
|
192746
|
+
},
|
|
192747
|
+
"type": {
|
|
192748
|
+
"text": "dismiss() => boolean"
|
|
192749
|
+
}
|
|
192750
|
+
},
|
|
192751
|
+
{
|
|
192752
|
+
"kind": "method",
|
|
192753
|
+
"name": "stopBeside",
|
|
192754
|
+
"privacy": "private",
|
|
192755
|
+
"return": {
|
|
192756
|
+
"type": {
|
|
192757
|
+
"text": "HTMLElement | undefined"
|
|
192758
|
+
}
|
|
192759
|
+
},
|
|
192760
|
+
"description": "The tab stop after this element on the page, or the one before it at the\nend, for a lone element whose removal would drop focus to the body.\n\n**A lone Callout or Announcement had nowhere to hand focus**, so a\nkeyboard reader who dismissed one started again from the top of the\npage. React Aria's Toast hands focus on the same way. Read before the\nevent, in the order Tab reaches the stops, while this element's own are\nstill among them.",
|
|
192761
|
+
"inheritedFrom": {
|
|
192762
|
+
"name": "MixinDismissible",
|
|
192763
|
+
"module": "src/mixins/mixin-dismissible/mixin-dismissible.ts"
|
|
192764
|
+
}
|
|
192765
|
+
},
|
|
192766
|
+
{
|
|
192767
|
+
"kind": "method",
|
|
192768
|
+
"name": "neighbors",
|
|
192769
|
+
"privacy": "private",
|
|
192770
|
+
"return": {
|
|
192771
|
+
"type": {
|
|
192772
|
+
"text": "HTMLElement[]"
|
|
192773
|
+
}
|
|
192774
|
+
},
|
|
192775
|
+
"description": "The elements of the same kind beside this one, where focus goes if this\none is removed: the next ones nearest first, then the previous ones\nnearest first.\n\nRead before the event, while this element is still beside them.",
|
|
192776
|
+
"inheritedFrom": {
|
|
192777
|
+
"name": "MixinDismissible",
|
|
192778
|
+
"module": "src/mixins/mixin-dismissible/mixin-dismissible.ts"
|
|
192779
|
+
}
|
|
192780
|
+
},
|
|
192781
|
+
{
|
|
192782
|
+
"kind": "method",
|
|
192783
|
+
"name": "keepFocus",
|
|
192784
|
+
"privacy": "private",
|
|
192785
|
+
"return": {
|
|
192786
|
+
"type": {
|
|
192787
|
+
"text": "void"
|
|
192788
|
+
}
|
|
192789
|
+
},
|
|
192790
|
+
"parameters": [
|
|
192791
|
+
{
|
|
192792
|
+
"name": "neighbors",
|
|
192793
|
+
"type": {
|
|
192794
|
+
"text": "HTMLElement[]"
|
|
192795
|
+
}
|
|
192796
|
+
},
|
|
192797
|
+
{
|
|
192798
|
+
"name": "beside",
|
|
192799
|
+
"optional": true,
|
|
192800
|
+
"type": {
|
|
192801
|
+
"text": "HTMLElement"
|
|
192802
|
+
}
|
|
192803
|
+
}
|
|
192804
|
+
],
|
|
192805
|
+
"description": "Moves focus to a neighbor's dismiss control if removing this element\ndropped it, or, with no neighbor, to the tab stop beside where it was.\n\n**The tab stop beside waits a frame.** A container that owns its\nmembers' focus settles it in a microtask after the event: a Tag Group\nwhose last tag goes focuses its `empty` part. Handed on at once, focus\nleft the group before the group could look, and its reader never heard\nthat the set was empty. A neighbor of the same kind is still taken at\nonce, because no container puts focus anywhere better.",
|
|
192806
|
+
"inheritedFrom": {
|
|
192807
|
+
"name": "MixinDismissible",
|
|
192808
|
+
"module": "src/mixins/mixin-dismissible/mixin-dismissible.ts"
|
|
192809
|
+
}
|
|
192810
|
+
},
|
|
192811
|
+
{
|
|
192812
|
+
"kind": "field",
|
|
192813
|
+
"name": "handOff",
|
|
192814
|
+
"type": {
|
|
192815
|
+
"text": "((late: boolean) => void) | undefined"
|
|
192816
|
+
},
|
|
192817
|
+
"privacy": "private",
|
|
192818
|
+
"default": "undefined",
|
|
192819
|
+
"description": "The hand-off waiting for this element to leave, if one is.",
|
|
192820
|
+
"inheritedFrom": {
|
|
192821
|
+
"name": "MixinDismissible",
|
|
192822
|
+
"module": "src/mixins/mixin-dismissible/mixin-dismissible.ts"
|
|
192823
|
+
}
|
|
192824
|
+
},
|
|
192825
|
+
{
|
|
192826
|
+
"kind": "field",
|
|
192827
|
+
"name": "forgetFocus",
|
|
192828
|
+
"type": {
|
|
192829
|
+
"text": "(() => void) | undefined"
|
|
192830
|
+
},
|
|
192831
|
+
"privacy": "private",
|
|
192832
|
+
"default": "undefined",
|
|
192833
|
+
"description": "Stops waiting for the hand-off, once focus has moved anywhere.",
|
|
192834
|
+
"inheritedFrom": {
|
|
192835
|
+
"name": "MixinDismissible",
|
|
192836
|
+
"module": "src/mixins/mixin-dismissible/mixin-dismissible.ts"
|
|
192837
|
+
}
|
|
192838
|
+
},
|
|
191288
192839
|
{
|
|
191289
192840
|
"kind": "field",
|
|
191290
192841
|
"name": "disabled",
|
|
@@ -191441,6 +192992,42 @@
|
|
|
191441
192992
|
"module": "src/tabs/tab/tab.ts"
|
|
191442
192993
|
}
|
|
191443
192994
|
},
|
|
192995
|
+
{
|
|
192996
|
+
"kind": "field",
|
|
192997
|
+
"name": "handleDismissPress",
|
|
192998
|
+
"privacy": "private",
|
|
192999
|
+
"readonly": true,
|
|
193000
|
+
"description": "A press on the mark closes the tab, and neither selects it nor follows its link.",
|
|
193001
|
+
"inheritedFrom": {
|
|
193002
|
+
"name": "HelixHeadlessTab",
|
|
193003
|
+
"module": "src/tabs/tab/tab.ts"
|
|
193004
|
+
}
|
|
193005
|
+
},
|
|
193006
|
+
{
|
|
193007
|
+
"kind": "field",
|
|
193008
|
+
"name": "handleKeydown",
|
|
193009
|
+
"privacy": "private",
|
|
193010
|
+
"readonly": true,
|
|
193011
|
+
"inheritedFrom": {
|
|
193012
|
+
"name": "HelixHeadlessTab",
|
|
193013
|
+
"module": "src/tabs/tab/tab.ts"
|
|
193014
|
+
}
|
|
193015
|
+
},
|
|
193016
|
+
{
|
|
193017
|
+
"kind": "method",
|
|
193018
|
+
"name": "renderDismiss",
|
|
193019
|
+
"privacy": "protected",
|
|
193020
|
+
"return": {
|
|
193021
|
+
"type": {
|
|
193022
|
+
"text": "TemplateResult | typeof nothing"
|
|
193023
|
+
}
|
|
193024
|
+
},
|
|
193025
|
+
"description": "The mark that closes a `dismissible` tab, inside the control so it shares its box.",
|
|
193026
|
+
"inheritedFrom": {
|
|
193027
|
+
"name": "HelixHeadlessTab",
|
|
193028
|
+
"module": "src/tabs/tab/tab.ts"
|
|
193029
|
+
}
|
|
193030
|
+
},
|
|
191444
193031
|
{
|
|
191445
193032
|
"kind": "field",
|
|
191446
193033
|
"name": "handleLinkClick",
|
|
@@ -191808,6 +193395,32 @@
|
|
|
191808
193395
|
"tagName": "helix-tab",
|
|
191809
193396
|
"customElement": true,
|
|
191810
193397
|
"attributes": [
|
|
193398
|
+
{
|
|
193399
|
+
"name": "dismissible",
|
|
193400
|
+
"type": {
|
|
193401
|
+
"text": "boolean"
|
|
193402
|
+
},
|
|
193403
|
+
"default": "false",
|
|
193404
|
+
"description": "Whether the element shows a control that dismisses it.",
|
|
193405
|
+
"fieldName": "dismissible",
|
|
193406
|
+
"inheritedFrom": {
|
|
193407
|
+
"name": "MixinDismissible",
|
|
193408
|
+
"module": "src/mixins/mixin-dismissible/mixin-dismissible.ts"
|
|
193409
|
+
}
|
|
193410
|
+
},
|
|
193411
|
+
{
|
|
193412
|
+
"name": "dismiss-label",
|
|
193413
|
+
"type": {
|
|
193414
|
+
"text": "string"
|
|
193415
|
+
},
|
|
193416
|
+
"default": "'Dismiss'",
|
|
193417
|
+
"description": "The dismiss control's label, read by screen readers.\n\n`attribute` is spelled out because Lit lowercases a property name to\nderive one rather than dash-casing it, so this would otherwise be\nreachable only as `dismisslabel`, which nobody would guess and no linter\nwould catch.\n\nA word property: register it for a locale under the host's key. A family\nthat names the control otherwise, such as Tag's `Remove {label}`,\ndeclares its own English with `@words` above the override.",
|
|
193418
|
+
"fieldName": "dismissLabel",
|
|
193419
|
+
"inheritedFrom": {
|
|
193420
|
+
"name": "MixinDismissible",
|
|
193421
|
+
"module": "src/mixins/mixin-dismissible/mixin-dismissible.ts"
|
|
193422
|
+
}
|
|
193423
|
+
},
|
|
191811
193424
|
{
|
|
191812
193425
|
"name": "disabled",
|
|
191813
193426
|
"type": {
|
|
@@ -191885,6 +193498,18 @@
|
|
|
191885
193498
|
}
|
|
191886
193499
|
],
|
|
191887
193500
|
"events": [
|
|
193501
|
+
{
|
|
193502
|
+
"type": {
|
|
193503
|
+
"text": "HelixDismissEvent"
|
|
193504
|
+
},
|
|
193505
|
+
"description": "A `dismissible` tab was asked to close. The tab does not remove itself, so remove it and its panel in response. Cancelable.",
|
|
193506
|
+
"name": "helix-dismiss",
|
|
193507
|
+
"reactProp": "onhelix-dismiss",
|
|
193508
|
+
"inheritedFrom": {
|
|
193509
|
+
"name": "HelixHeadlessTab",
|
|
193510
|
+
"module": "src/tabs/tab/tab.ts"
|
|
193511
|
+
}
|
|
193512
|
+
},
|
|
191888
193513
|
{
|
|
191889
193514
|
"type": {
|
|
191890
193515
|
"text": "HelixSelectEvent"
|
|
@@ -191988,6 +193613,20 @@
|
|
|
191988
193613
|
"module": "src/tag/group/tag-group.ts"
|
|
191989
193614
|
}
|
|
191990
193615
|
},
|
|
193616
|
+
{
|
|
193617
|
+
"kind": "field",
|
|
193618
|
+
"name": "disallowEmptySelection",
|
|
193619
|
+
"type": {
|
|
193620
|
+
"text": "boolean"
|
|
193621
|
+
},
|
|
193622
|
+
"default": "false",
|
|
193623
|
+
"description": "Keeps at least one tag selected once one is, as React Aria's\n`disallowEmptySelection`: a press or a key that would leave none selected\nis refused. Removing the last selected tag still takes it out of `value`.",
|
|
193624
|
+
"attribute": "disallow-empty-selection",
|
|
193625
|
+
"inheritedFrom": {
|
|
193626
|
+
"name": "HelixHeadlessTagGroup",
|
|
193627
|
+
"module": "src/tag/group/tag-group.ts"
|
|
193628
|
+
}
|
|
193629
|
+
},
|
|
191991
193630
|
{
|
|
191992
193631
|
"kind": "field",
|
|
191993
193632
|
"name": "emptyLabel",
|
|
@@ -192019,6 +193658,20 @@
|
|
|
192019
193658
|
"module": "src/tag/group/tag-group.ts"
|
|
192020
193659
|
}
|
|
192021
193660
|
},
|
|
193661
|
+
{
|
|
193662
|
+
"kind": "field",
|
|
193663
|
+
"name": "selectionBehavior",
|
|
193664
|
+
"type": {
|
|
193665
|
+
"text": "'replace' | 'toggle'"
|
|
193666
|
+
},
|
|
193667
|
+
"default": "'toggle'",
|
|
193668
|
+
"description": "What a press, Space, or a move does to the tags already selected.\n`toggle`, the default, keeps them: a press adds or takes out the tag, and\nthe arrow keys move focus alone. `replace` selects the tag alone, as a\nfile list does, and the arrow keys carry the selection with focus.\nControl or Command with a press or Space adds or takes out one tag in\n`multiple`, and with an arrow moves focus without selecting.",
|
|
193669
|
+
"attribute": "selection-behavior",
|
|
193670
|
+
"inheritedFrom": {
|
|
193671
|
+
"name": "HelixHeadlessTagGroup",
|
|
193672
|
+
"module": "src/tag/group/tag-group.ts"
|
|
193673
|
+
}
|
|
193674
|
+
},
|
|
192022
193675
|
{
|
|
192023
193676
|
"kind": "field",
|
|
192024
193677
|
"name": "selectionMode",
|
|
@@ -192236,6 +193889,13 @@
|
|
|
192236
193889
|
"type": {
|
|
192237
193890
|
"text": "HelixHeadlessTag"
|
|
192238
193891
|
}
|
|
193892
|
+
},
|
|
193893
|
+
{
|
|
193894
|
+
"name": "cause",
|
|
193895
|
+
"optional": true,
|
|
193896
|
+
"type": {
|
|
193897
|
+
"text": "KeyboardEvent | MouseEvent"
|
|
193898
|
+
}
|
|
192239
193899
|
}
|
|
192240
193900
|
],
|
|
192241
193901
|
"description": "Selects the tag, or lets it go, asking first.\n\n`helix-before-change` carries the `value` the press would leave, and a\nlistener that refuses it keeps the selection. `change` follows once it\nhas moved.",
|
|
@@ -192244,6 +193904,43 @@
|
|
|
192244
193904
|
"module": "src/tag/group/tag-group.ts"
|
|
192245
193905
|
}
|
|
192246
193906
|
},
|
|
193907
|
+
{
|
|
193908
|
+
"kind": "field",
|
|
193909
|
+
"name": "replaces",
|
|
193910
|
+
"type": {
|
|
193911
|
+
"text": "boolean"
|
|
193912
|
+
},
|
|
193913
|
+
"privacy": "private",
|
|
193914
|
+
"description": "Whether a press or a move selects the tag alone.",
|
|
193915
|
+
"readonly": true,
|
|
193916
|
+
"inheritedFrom": {
|
|
193917
|
+
"name": "HelixHeadlessTagGroup",
|
|
193918
|
+
"module": "src/tag/group/tag-group.ts"
|
|
193919
|
+
}
|
|
193920
|
+
},
|
|
193921
|
+
{
|
|
193922
|
+
"kind": "method",
|
|
193923
|
+
"name": "ask",
|
|
193924
|
+
"privacy": "private",
|
|
193925
|
+
"return": {
|
|
193926
|
+
"type": {
|
|
193927
|
+
"text": "void"
|
|
193928
|
+
}
|
|
193929
|
+
},
|
|
193930
|
+
"parameters": [
|
|
193931
|
+
{
|
|
193932
|
+
"name": "next",
|
|
193933
|
+
"type": {
|
|
193934
|
+
"text": "string"
|
|
193935
|
+
}
|
|
193936
|
+
}
|
|
193937
|
+
],
|
|
193938
|
+
"description": "Asks for `value` to become `next`, where it changes and where it leaves a\ntag selected under `disallow-empty-selection`.",
|
|
193939
|
+
"inheritedFrom": {
|
|
193940
|
+
"name": "HelixHeadlessTagGroup",
|
|
193941
|
+
"module": "src/tag/group/tag-group.ts"
|
|
193942
|
+
}
|
|
193943
|
+
},
|
|
192247
193944
|
{
|
|
192248
193945
|
"kind": "method",
|
|
192249
193946
|
"name": "span",
|
|
@@ -192779,6 +194476,19 @@
|
|
|
192779
194476
|
}
|
|
192780
194477
|
],
|
|
192781
194478
|
"attributes": [
|
|
194479
|
+
{
|
|
194480
|
+
"name": "disallow-empty-selection",
|
|
194481
|
+
"type": {
|
|
194482
|
+
"text": "boolean"
|
|
194483
|
+
},
|
|
194484
|
+
"default": "false",
|
|
194485
|
+
"description": "Keeps at least one tag selected once one is, as React Aria's\n`disallowEmptySelection`: a press or a key that would leave none selected\nis refused. Removing the last selected tag still takes it out of `value`.",
|
|
194486
|
+
"fieldName": "disallowEmptySelection",
|
|
194487
|
+
"inheritedFrom": {
|
|
194488
|
+
"name": "HelixHeadlessTagGroup",
|
|
194489
|
+
"module": "src/tag/group/tag-group.ts"
|
|
194490
|
+
}
|
|
194491
|
+
},
|
|
192782
194492
|
{
|
|
192783
194493
|
"name": "empty-label",
|
|
192784
194494
|
"type": {
|
|
@@ -192805,6 +194515,19 @@
|
|
|
192805
194515
|
"module": "src/tag/group/tag-group.ts"
|
|
192806
194516
|
}
|
|
192807
194517
|
},
|
|
194518
|
+
{
|
|
194519
|
+
"name": "selection-behavior",
|
|
194520
|
+
"type": {
|
|
194521
|
+
"text": "'replace' | 'toggle'"
|
|
194522
|
+
},
|
|
194523
|
+
"default": "'toggle'",
|
|
194524
|
+
"description": "What a press, Space, or a move does to the tags already selected.\n`toggle`, the default, keeps them: a press adds or takes out the tag, and\nthe arrow keys move focus alone. `replace` selects the tag alone, as a\nfile list does, and the arrow keys carry the selection with focus.\nControl or Command with a press or Space adds or takes out one tag in\n`multiple`, and with an arrow moves focus without selecting.",
|
|
194525
|
+
"fieldName": "selectionBehavior",
|
|
194526
|
+
"inheritedFrom": {
|
|
194527
|
+
"name": "HelixHeadlessTagGroup",
|
|
194528
|
+
"module": "src/tag/group/tag-group.ts"
|
|
194529
|
+
}
|
|
194530
|
+
},
|
|
192808
194531
|
{
|
|
192809
194532
|
"name": "selection-mode",
|
|
192810
194533
|
"type": {
|
|
@@ -192951,7 +194674,7 @@
|
|
|
192951
194674
|
"declarations": [
|
|
192952
194675
|
{
|
|
192953
194676
|
"kind": "class",
|
|
192954
|
-
"description": "Seven tones. The fill is a tint of the status color made with `color-mix`, so\nwhen a theme changes its status colors, the tints change with them.",
|
|
194677
|
+
"description": "Seven tones. The fill is a tint of the status color made with `color-mix`, so\nwhen a theme changes its status colors, the tints change with them.\n\nA tag takes its height from the region it is in, as the controls beside it\ndo: `data-density=\"sm\"`, `md`, or `lg` on the tag or on any element around\nit sets `--helix-size-tag` to the small, resting, or large step, so a row of\ntags and buttons stays one height. `shape=\"pill\"` rounds its ends.",
|
|
192955
194678
|
"name": "HelixTag",
|
|
192956
194679
|
"cssProperties": [
|
|
192957
194680
|
{
|
|
@@ -193901,6 +195624,10 @@
|
|
|
193901
195624
|
"description": "Tags with a category in the `start` slot, shown before the label.",
|
|
193902
195625
|
"slug": "category"
|
|
193903
195626
|
},
|
|
195627
|
+
{
|
|
195628
|
+
"description": "Tags follow `data-density`, written on a region or on the tag itself, and stay the height of the buttons beside them.",
|
|
195629
|
+
"slug": "density"
|
|
195630
|
+
},
|
|
193904
195631
|
{
|
|
193905
195632
|
"description": "Tags you can remove, such as the filters in a filter bar.",
|
|
193906
195633
|
"slug": "dismissible"
|
|
@@ -209948,6 +211675,22 @@
|
|
|
209948
211675
|
"name": "HelixHeadlessToggle",
|
|
209949
211676
|
"module": "src/toggle/root/toggle-root.ts"
|
|
209950
211677
|
}
|
|
211678
|
+
},
|
|
211679
|
+
{
|
|
211680
|
+
"description": "Content after the label, such as a count or a shortcut.",
|
|
211681
|
+
"name": "end",
|
|
211682
|
+
"inheritedFrom": {
|
|
211683
|
+
"name": "HelixHeadlessToggle",
|
|
211684
|
+
"module": "src/toggle/root/toggle-root.ts"
|
|
211685
|
+
}
|
|
211686
|
+
},
|
|
211687
|
+
{
|
|
211688
|
+
"description": "Content before the label, such as an icon.",
|
|
211689
|
+
"name": "start",
|
|
211690
|
+
"inheritedFrom": {
|
|
211691
|
+
"name": "HelixHeadlessToggle",
|
|
211692
|
+
"module": "src/toggle/root/toggle-root.ts"
|
|
211693
|
+
}
|
|
209951
211694
|
}
|
|
209952
211695
|
],
|
|
209953
211696
|
"members": [
|
|
@@ -210475,6 +212218,10 @@
|
|
|
210475
212218
|
"description": "Buttons where one stays pressed, which fire the same events as a form value.",
|
|
210476
212219
|
"slug": "events"
|
|
210477
212220
|
},
|
|
212221
|
+
{
|
|
212222
|
+
"description": "Toggles with an icon before each label, in the `start` slot.",
|
|
212223
|
+
"slug": "icons"
|
|
212224
|
+
},
|
|
210478
212225
|
{
|
|
210479
212226
|
"description": "The group showing an error because nothing was chosen.",
|
|
210480
212227
|
"slug": "invalid"
|
|
@@ -217742,6 +219489,23 @@
|
|
|
217742
219489
|
"module": "src/tree/root/tree-root.ts"
|
|
217743
219490
|
}
|
|
217744
219491
|
},
|
|
219492
|
+
{
|
|
219493
|
+
"kind": "field",
|
|
219494
|
+
"name": "movedIntoLabel",
|
|
219495
|
+
"type": {
|
|
219496
|
+
"text": "string"
|
|
219497
|
+
},
|
|
219498
|
+
"default": "'{name} moved into {parent}, position {position} of {count}'",
|
|
219499
|
+
"description": "What screen readers hear when an item moves into another branch, in a\n`reorderable` tree. `{name}` is the item's words, `{parent}` the words of\nthe branch it moved into, or the tree's `label` for the top level,\n`{position}` its place there, counting from 1, and `{count}` the number of\nitems there.",
|
|
219500
|
+
"attribute": "moved-into-label",
|
|
219501
|
+
"helix": {
|
|
219502
|
+
"words": true
|
|
219503
|
+
},
|
|
219504
|
+
"inheritedFrom": {
|
|
219505
|
+
"name": "HelixHeadlessTree",
|
|
219506
|
+
"module": "src/tree/root/tree-root.ts"
|
|
219507
|
+
}
|
|
219508
|
+
},
|
|
217745
219509
|
{
|
|
217746
219510
|
"kind": "field",
|
|
217747
219511
|
"name": "movedLabel",
|
|
@@ -218043,6 +219807,19 @@
|
|
|
218043
219807
|
"module": "src/tree/root/tree-root.ts"
|
|
218044
219808
|
}
|
|
218045
219809
|
},
|
|
219810
|
+
{
|
|
219811
|
+
"kind": "field",
|
|
219812
|
+
"name": "anchor",
|
|
219813
|
+
"type": {
|
|
219814
|
+
"text": "HelixHeadlessTreeItem | undefined"
|
|
219815
|
+
},
|
|
219816
|
+
"privacy": "private",
|
|
219817
|
+
"description": "The item last checked or unchecked, where a range Shift+Space checks starts.",
|
|
219818
|
+
"inheritedFrom": {
|
|
219819
|
+
"name": "HelixHeadlessTree",
|
|
219820
|
+
"module": "src/tree/root/tree-root.ts"
|
|
219821
|
+
}
|
|
219822
|
+
},
|
|
218046
219823
|
{
|
|
218047
219824
|
"kind": "field",
|
|
218048
219825
|
"name": "handleFocusIn",
|
|
@@ -218270,6 +220047,81 @@
|
|
|
218270
220047
|
"module": "src/tree/root/tree-root.ts"
|
|
218271
220048
|
}
|
|
218272
220049
|
},
|
|
220050
|
+
{
|
|
220051
|
+
"kind": "method",
|
|
220052
|
+
"name": "checkRange",
|
|
220053
|
+
"privacy": "private",
|
|
220054
|
+
"return": {
|
|
220055
|
+
"type": {
|
|
220056
|
+
"text": "void"
|
|
220057
|
+
}
|
|
220058
|
+
},
|
|
220059
|
+
"parameters": [
|
|
220060
|
+
{
|
|
220061
|
+
"name": "range",
|
|
220062
|
+
"type": {
|
|
220063
|
+
"text": "HelixHeadlessTreeItem[]"
|
|
220064
|
+
}
|
|
220065
|
+
}
|
|
220066
|
+
],
|
|
220067
|
+
"description": "Checks every item of a range, and keeps the ones already checked.",
|
|
220068
|
+
"inheritedFrom": {
|
|
220069
|
+
"name": "HelixHeadlessTree",
|
|
220070
|
+
"module": "src/tree/root/tree-root.ts"
|
|
220071
|
+
}
|
|
220072
|
+
},
|
|
220073
|
+
{
|
|
220074
|
+
"kind": "method",
|
|
220075
|
+
"name": "nest",
|
|
220076
|
+
"privacy": "private",
|
|
220077
|
+
"return": {
|
|
220078
|
+
"type": {
|
|
220079
|
+
"text": "boolean"
|
|
220080
|
+
}
|
|
220081
|
+
},
|
|
220082
|
+
"parameters": [
|
|
220083
|
+
{
|
|
220084
|
+
"name": "current",
|
|
220085
|
+
"type": {
|
|
220086
|
+
"text": "HelixHeadlessTreeItem"
|
|
220087
|
+
}
|
|
220088
|
+
},
|
|
220089
|
+
{
|
|
220090
|
+
"name": "toward",
|
|
220091
|
+
"type": {
|
|
220092
|
+
"text": "number"
|
|
220093
|
+
}
|
|
220094
|
+
}
|
|
220095
|
+
],
|
|
220096
|
+
"description": "Moves the focused item into another branch, in a `reorderable` tree: last\ninside the item before it, `toward` the line's end, or after its parent,\ntoward its start. Asks the page, which moves the item, and says where it\nwent or that the move was refused. Returns whether the key moved anything.",
|
|
220097
|
+
"inheritedFrom": {
|
|
220098
|
+
"name": "HelixHeadlessTree",
|
|
220099
|
+
"module": "src/tree/root/tree-root.ts"
|
|
220100
|
+
}
|
|
220101
|
+
},
|
|
220102
|
+
{
|
|
220103
|
+
"kind": "method",
|
|
220104
|
+
"name": "follow",
|
|
220105
|
+
"privacy": "private",
|
|
220106
|
+
"return": {
|
|
220107
|
+
"type": {
|
|
220108
|
+
"text": "void"
|
|
220109
|
+
}
|
|
220110
|
+
},
|
|
220111
|
+
"parameters": [
|
|
220112
|
+
{
|
|
220113
|
+
"name": "key",
|
|
220114
|
+
"type": {
|
|
220115
|
+
"text": "string"
|
|
220116
|
+
}
|
|
220117
|
+
}
|
|
220118
|
+
],
|
|
220119
|
+
"description": "Gives focus back to a moved item once the page has moved it, where moving\nit sent focus to the body, as a move among siblings does.",
|
|
220120
|
+
"inheritedFrom": {
|
|
220121
|
+
"name": "HelixHeadlessTree",
|
|
220122
|
+
"module": "src/tree/root/tree-root.ts"
|
|
220123
|
+
}
|
|
220124
|
+
},
|
|
218273
220125
|
{
|
|
218274
220126
|
"kind": "method",
|
|
218275
220127
|
"name": "move",
|
|
@@ -218855,6 +220707,19 @@
|
|
|
218855
220707
|
"module": "src/tree/root/tree-root.ts"
|
|
218856
220708
|
}
|
|
218857
220709
|
},
|
|
220710
|
+
{
|
|
220711
|
+
"name": "moved-into-label",
|
|
220712
|
+
"type": {
|
|
220713
|
+
"text": "string"
|
|
220714
|
+
},
|
|
220715
|
+
"default": "'{name} moved into {parent}, position {position} of {count}'",
|
|
220716
|
+
"description": "What screen readers hear when an item moves into another branch, in a\n`reorderable` tree. `{name}` is the item's words, `{parent}` the words of\nthe branch it moved into, or the tree's `label` for the top level,\n`{position}` its place there, counting from 1, and `{count}` the number of\nitems there.",
|
|
220717
|
+
"fieldName": "movedIntoLabel",
|
|
220718
|
+
"inheritedFrom": {
|
|
220719
|
+
"name": "HelixHeadlessTree",
|
|
220720
|
+
"module": "src/tree/root/tree-root.ts"
|
|
220721
|
+
}
|
|
220722
|
+
},
|
|
218858
220723
|
{
|
|
218859
220724
|
"name": "moved-label",
|
|
218860
220725
|
"type": {
|
|
@@ -228140,6 +230005,6 @@
|
|
|
228140
230005
|
],
|
|
228141
230006
|
"helix": {
|
|
228142
230007
|
"package": "@fusion.dev/helix",
|
|
228143
|
-
"version": "0.
|
|
230008
|
+
"version": "0.155.0"
|
|
228144
230009
|
}
|
|
228145
230010
|
}
|