@fusion.dev/helix 0.153.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 +2611 -115
- package/dist/badge/root/badge-root.css.js +1 -1
- package/dist/badge/root/badge-root.d.ts +1 -0
- package/dist/breadcrumbs/breadcrumb/breadcrumb.css.js +5 -1
- package/dist/card/root/card-root.css.js +3 -1
- package/dist/code/root/code-root.css.js +2 -2
- package/dist/code/root/code-root.d.ts +1 -0
- package/dist/code-block/root/code-block-root.css.js +4 -1
- package/dist/code-block/root/code-block-root.d.ts +1 -0
- 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/icon/root/icon-root.css.js +8 -1
- package/dist/icon/root/icon-root.d.ts +38 -1
- package/dist/icon/root/icon-root.js +17 -0
- package/dist/quote/root/quote-root.css.js +1 -1
- package/dist/skeleton/root/skeleton-root.css.js +11 -7
- package/dist/skeleton/root/skeleton-root.d.ts +18 -2
- package/dist/skeleton/root/skeleton-root.js +11 -0
- 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/stat/root/stat-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 +1203 -152
- package/types/vue.d.ts +330 -43
- package/types/words.d.ts +39 -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",
|
|
@@ -8830,6 +8838,10 @@
|
|
|
8830
8838
|
"description": "The space between the content and the count under `placement=\"inline\"`.",
|
|
8831
8839
|
"name": "--badge-gap"
|
|
8832
8840
|
},
|
|
8841
|
+
{
|
|
8842
|
+
"description": "The size of an icon in the `icon` slot. The count's own size by default.",
|
|
8843
|
+
"name": "--badge-icon-size"
|
|
8844
|
+
},
|
|
8833
8845
|
{
|
|
8834
8846
|
"description": "Pulls the mark in from the corner, along both axes.",
|
|
8835
8847
|
"name": "--badge-offset"
|
|
@@ -8952,6 +8964,31 @@
|
|
|
8952
8964
|
"module": "src/badge/root/badge-root.ts"
|
|
8953
8965
|
}
|
|
8954
8966
|
},
|
|
8967
|
+
{
|
|
8968
|
+
"kind": "field",
|
|
8969
|
+
"name": "hasIcon",
|
|
8970
|
+
"type": {
|
|
8971
|
+
"text": "boolean"
|
|
8972
|
+
},
|
|
8973
|
+
"privacy": "private",
|
|
8974
|
+
"default": "false",
|
|
8975
|
+
"description": "Whether something is slotted into `icon`, read from the children.",
|
|
8976
|
+
"inheritedFrom": {
|
|
8977
|
+
"name": "HelixHeadlessBadge",
|
|
8978
|
+
"module": "src/badge/root/badge-root.ts"
|
|
8979
|
+
}
|
|
8980
|
+
},
|
|
8981
|
+
{
|
|
8982
|
+
"kind": "field",
|
|
8983
|
+
"name": "readIcon",
|
|
8984
|
+
"privacy": "private",
|
|
8985
|
+
"readonly": true,
|
|
8986
|
+
"description": "Reads whether an icon is slotted, from the children where they can be known.",
|
|
8987
|
+
"inheritedFrom": {
|
|
8988
|
+
"name": "HelixHeadlessBadge",
|
|
8989
|
+
"module": "src/badge/root/badge-root.ts"
|
|
8990
|
+
}
|
|
8991
|
+
},
|
|
8955
8992
|
{
|
|
8956
8993
|
"kind": "field",
|
|
8957
8994
|
"name": "given",
|
|
@@ -9561,6 +9598,10 @@
|
|
|
9561
9598
|
"description": "A count drawn solid, outlined and subtle with `emphasis`, and a label that counts with `{count}`.",
|
|
9562
9599
|
"slug": "emphasis"
|
|
9563
9600
|
},
|
|
9601
|
+
{
|
|
9602
|
+
"description": "An icon inside the mark, alone on an avatar and before a count on a button.",
|
|
9603
|
+
"slug": "icon"
|
|
9604
|
+
},
|
|
9564
9605
|
{
|
|
9565
9606
|
"description": "A count placed inline inside a button, read as part of the button's name.",
|
|
9566
9607
|
"slug": "inline"
|
|
@@ -9587,11 +9628,27 @@
|
|
|
9587
9628
|
"name": "HelixHeadlessBadge",
|
|
9588
9629
|
"module": "src/badge/root/badge-root.ts"
|
|
9589
9630
|
}
|
|
9631
|
+
},
|
|
9632
|
+
{
|
|
9633
|
+
"description": "An icon inside the mark, before the count, or the whole mark when there is no value. Hidden from screen readers.",
|
|
9634
|
+
"name": "icon",
|
|
9635
|
+
"inheritedFrom": {
|
|
9636
|
+
"name": "HelixHeadlessBadge",
|
|
9637
|
+
"module": "src/badge/root/badge-root.ts"
|
|
9638
|
+
}
|
|
9590
9639
|
}
|
|
9591
9640
|
],
|
|
9592
9641
|
"cssParts": [
|
|
9593
9642
|
{
|
|
9594
|
-
"description": "The
|
|
9643
|
+
"description": "The slot the icon arrives through, inside the indicator. A slot draws no box, so it passes inherited properties, such as color, to the icon.",
|
|
9644
|
+
"name": "icon",
|
|
9645
|
+
"inheritedFrom": {
|
|
9646
|
+
"name": "HelixHeadlessBadge",
|
|
9647
|
+
"module": "src/badge/root/badge-root.ts"
|
|
9648
|
+
}
|
|
9649
|
+
},
|
|
9650
|
+
{
|
|
9651
|
+
"description": "The count, or the dot when there is no value. Carries `data-dot` when there is no value, `data-single` when the count is one character, and `data-blank` when the value is zero.",
|
|
9595
9652
|
"name": "indicator",
|
|
9596
9653
|
"inheritedFrom": {
|
|
9597
9654
|
"name": "HelixHeadlessBadge",
|
|
@@ -9617,13 +9674,21 @@
|
|
|
9617
9674
|
}
|
|
9618
9675
|
},
|
|
9619
9676
|
{
|
|
9620
|
-
"description": "There is no value, so the mark is a dot.",
|
|
9677
|
+
"description": "There is no value and no icon, so the mark is a dot.",
|
|
9621
9678
|
"name": "dot",
|
|
9622
9679
|
"inheritedFrom": {
|
|
9623
9680
|
"name": "HelixHeadlessBadge",
|
|
9624
9681
|
"module": "src/badge/root/badge-root.ts"
|
|
9625
9682
|
}
|
|
9626
9683
|
},
|
|
9684
|
+
{
|
|
9685
|
+
"description": "Something is slotted into `icon`, so it is drawn inside the mark.",
|
|
9686
|
+
"name": "has-icon",
|
|
9687
|
+
"inheritedFrom": {
|
|
9688
|
+
"name": "HelixHeadlessBadge",
|
|
9689
|
+
"module": "src/badge/root/badge-root.ts"
|
|
9690
|
+
}
|
|
9691
|
+
},
|
|
9627
9692
|
{
|
|
9628
9693
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
9629
9694
|
"name": "settled",
|
|
@@ -12569,6 +12634,22 @@
|
|
|
12569
12634
|
"module": "src/breadcrumbs/breadcrumb/breadcrumb.ts"
|
|
12570
12635
|
}
|
|
12571
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
|
+
},
|
|
12572
12653
|
{
|
|
12573
12654
|
"description": "The crumb itself, which is an `<a>` where `href` is set.",
|
|
12574
12655
|
"name": "link",
|
|
@@ -12678,6 +12759,32 @@
|
|
|
12678
12759
|
"module": "src/breadcrumbs/breadcrumb/breadcrumb.ts"
|
|
12679
12760
|
}
|
|
12680
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
|
+
},
|
|
12681
12788
|
{
|
|
12682
12789
|
"kind": "method",
|
|
12683
12790
|
"name": "markEnd",
|
|
@@ -13129,7 +13236,29 @@
|
|
|
13129
13236
|
}
|
|
13130
13237
|
}
|
|
13131
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
|
+
],
|
|
13132
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
|
+
},
|
|
13133
13262
|
{
|
|
13134
13263
|
"description": "While the `end` slot holds something, so a stylesheet can join the label and what follows it into one control.",
|
|
13135
13264
|
"name": "end",
|
|
@@ -13138,6 +13267,14 @@
|
|
|
13138
13267
|
"module": "src/breadcrumbs/breadcrumb/breadcrumb.ts"
|
|
13139
13268
|
}
|
|
13140
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
|
+
},
|
|
13141
13278
|
{
|
|
13142
13279
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
13143
13280
|
"name": "settled",
|
|
@@ -13280,6 +13417,22 @@
|
|
|
13280
13417
|
"module": "src/breadcrumbs/root/breadcrumbs-root.ts"
|
|
13281
13418
|
}
|
|
13282
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
|
+
},
|
|
13283
13436
|
{
|
|
13284
13437
|
"description": "The link, or the current page's words, of a crumb drawn from `items`.",
|
|
13285
13438
|
"name": "crumb-link",
|
|
@@ -13428,6 +13581,31 @@
|
|
|
13428
13581
|
"module": "src/breadcrumbs/root/breadcrumbs-root.ts"
|
|
13429
13582
|
}
|
|
13430
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
|
+
},
|
|
13431
13609
|
{
|
|
13432
13610
|
"kind": "field",
|
|
13433
13611
|
"name": "expand",
|
|
@@ -13464,6 +13642,17 @@
|
|
|
13464
13642
|
"module": "src/breadcrumbs/root/breadcrumbs-root.ts"
|
|
13465
13643
|
}
|
|
13466
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
|
+
},
|
|
13467
13656
|
{
|
|
13468
13657
|
"kind": "method",
|
|
13469
13658
|
"name": "renderItems",
|
|
@@ -14792,6 +14981,14 @@
|
|
|
14792
14981
|
}
|
|
14793
14982
|
],
|
|
14794
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
|
+
},
|
|
14795
14992
|
{
|
|
14796
14993
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
14797
14994
|
"name": "settled",
|
|
@@ -25023,6 +25220,57 @@
|
|
|
25023
25220
|
"module": "src/card/root/card-root.ts"
|
|
25024
25221
|
}
|
|
25025
25222
|
},
|
|
25223
|
+
{
|
|
25224
|
+
"kind": "field",
|
|
25225
|
+
"name": "observedAttributes",
|
|
25226
|
+
"type": {
|
|
25227
|
+
"text": "string[]"
|
|
25228
|
+
},
|
|
25229
|
+
"static": true,
|
|
25230
|
+
"description": "Hears a name written on the card, which no property mirrors.\n\nLit observes the attributes of its own properties only, and `ariaLabel`\nand `ariaLabelledByElements` belong to the platform. Observed here rather\nthan through a property, so the manifest lists no attribute of the card's\nown for them.",
|
|
25231
|
+
"readonly": true,
|
|
25232
|
+
"inheritedFrom": {
|
|
25233
|
+
"name": "HelixHeadlessCard",
|
|
25234
|
+
"module": "src/card/root/card-root.ts"
|
|
25235
|
+
}
|
|
25236
|
+
},
|
|
25237
|
+
{
|
|
25238
|
+
"kind": "method",
|
|
25239
|
+
"name": "attributeChangedCallback",
|
|
25240
|
+
"return": {
|
|
25241
|
+
"type": {
|
|
25242
|
+
"text": "void"
|
|
25243
|
+
}
|
|
25244
|
+
},
|
|
25245
|
+
"parameters": [
|
|
25246
|
+
{
|
|
25247
|
+
"name": "name",
|
|
25248
|
+
"type": {
|
|
25249
|
+
"text": "string"
|
|
25250
|
+
}
|
|
25251
|
+
},
|
|
25252
|
+
{
|
|
25253
|
+
"name": "old",
|
|
25254
|
+
"type": {
|
|
25255
|
+
"text": "string | null"
|
|
25256
|
+
}
|
|
25257
|
+
},
|
|
25258
|
+
{
|
|
25259
|
+
"name": "value",
|
|
25260
|
+
"type": {
|
|
25261
|
+
"text": "string | null"
|
|
25262
|
+
}
|
|
25263
|
+
}
|
|
25264
|
+
],
|
|
25265
|
+
"description": "Called by the browser when an observed attribute changes. A name written\nor taken off asks for an update, because it decides whether the card is a\ngroup and whether its heading names it.",
|
|
25266
|
+
"type": {
|
|
25267
|
+
"text": "attributeChangedCallback(name: string, old: string | null, value: string | null) => void"
|
|
25268
|
+
},
|
|
25269
|
+
"inheritedFrom": {
|
|
25270
|
+
"name": "HelixHeadlessCard",
|
|
25271
|
+
"module": "src/card/root/card-root.ts"
|
|
25272
|
+
}
|
|
25273
|
+
},
|
|
25026
25274
|
{
|
|
25027
25275
|
"kind": "field",
|
|
25028
25276
|
"name": "footerActions",
|
|
@@ -25051,6 +25299,21 @@
|
|
|
25051
25299
|
"module": "src/card/root/card-root.ts"
|
|
25052
25300
|
}
|
|
25053
25301
|
},
|
|
25302
|
+
{
|
|
25303
|
+
"kind": "method",
|
|
25304
|
+
"name": "writeName",
|
|
25305
|
+
"privacy": "private",
|
|
25306
|
+
"return": {
|
|
25307
|
+
"type": {
|
|
25308
|
+
"text": "void"
|
|
25309
|
+
}
|
|
25310
|
+
},
|
|
25311
|
+
"description": "Says what the card is and what names it. On the host, since the host is\nthe box, and from `willUpdate`, which the server calls too.\n\n**A heading in `header` is the name only where nothing else is**, and it\nnames the card by reference, so a renamed heading renames the card. An\nengine without element references hears its words.",
|
|
25312
|
+
"inheritedFrom": {
|
|
25313
|
+
"name": "HelixHeadlessCard",
|
|
25314
|
+
"module": "src/card/root/card-root.ts"
|
|
25315
|
+
}
|
|
25316
|
+
},
|
|
25054
25317
|
{
|
|
25055
25318
|
"kind": "field",
|
|
25056
25319
|
"name": "readRegions",
|
|
@@ -25450,28 +25713,6 @@
|
|
|
25450
25713
|
"name": "HelixHeadlessCard",
|
|
25451
25714
|
"module": "src/card/root/card-root.ts"
|
|
25452
25715
|
}
|
|
25453
|
-
},
|
|
25454
|
-
{
|
|
25455
|
-
"name": "aria-labelledby",
|
|
25456
|
-
"type": {
|
|
25457
|
-
"text": "string | null"
|
|
25458
|
-
},
|
|
25459
|
-
"default": "null",
|
|
25460
|
-
"inheritedFrom": {
|
|
25461
|
-
"name": "HelixHeadlessCard",
|
|
25462
|
-
"module": "src/card/root/card-root.ts"
|
|
25463
|
-
}
|
|
25464
|
-
},
|
|
25465
|
-
{
|
|
25466
|
-
"name": "aria-label",
|
|
25467
|
-
"type": {
|
|
25468
|
-
"text": "string | null"
|
|
25469
|
-
},
|
|
25470
|
-
"default": "null",
|
|
25471
|
-
"inheritedFrom": {
|
|
25472
|
-
"name": "HelixHeadlessCard",
|
|
25473
|
-
"module": "src/card/root/card-root.ts"
|
|
25474
|
-
}
|
|
25475
25716
|
}
|
|
25476
25717
|
],
|
|
25477
25718
|
"superclass": {
|
|
@@ -36975,6 +37216,40 @@
|
|
|
36975
37216
|
"module": "src/code-block/root/code-block-root.ts"
|
|
36976
37217
|
}
|
|
36977
37218
|
},
|
|
37219
|
+
{
|
|
37220
|
+
"kind": "field",
|
|
37221
|
+
"name": "codeLabel",
|
|
37222
|
+
"type": {
|
|
37223
|
+
"text": "string"
|
|
37224
|
+
},
|
|
37225
|
+
"default": "'Code'",
|
|
37226
|
+
"description": "The name of a block that scrolls, which is a tab stop while it does.\n\nWhere the block has a name, the scroller says it too, such as \"Code,\napp.ts\", as `code-name-label` puts it.",
|
|
37227
|
+
"attribute": "code-label",
|
|
37228
|
+
"helix": {
|
|
37229
|
+
"words": true
|
|
37230
|
+
},
|
|
37231
|
+
"inheritedFrom": {
|
|
37232
|
+
"name": "HelixHeadlessCodeBlock",
|
|
37233
|
+
"module": "src/code-block/root/code-block-root.ts"
|
|
37234
|
+
}
|
|
37235
|
+
},
|
|
37236
|
+
{
|
|
37237
|
+
"kind": "field",
|
|
37238
|
+
"name": "codeNameLabel",
|
|
37239
|
+
"type": {
|
|
37240
|
+
"text": "string"
|
|
37241
|
+
},
|
|
37242
|
+
"default": "'{code}, {name}'",
|
|
37243
|
+
"description": "The name of a block that scrolls, where the block has a name. `{code}` is\n`code-label` and `{name}` the block's name.",
|
|
37244
|
+
"attribute": "code-name-label",
|
|
37245
|
+
"helix": {
|
|
37246
|
+
"words": true
|
|
37247
|
+
},
|
|
37248
|
+
"inheritedFrom": {
|
|
37249
|
+
"name": "HelixHeadlessCodeBlock",
|
|
37250
|
+
"module": "src/code-block/root/code-block-root.ts"
|
|
37251
|
+
}
|
|
37252
|
+
},
|
|
36978
37253
|
{
|
|
36979
37254
|
"kind": "field",
|
|
36980
37255
|
"name": "collapseLabel",
|
|
@@ -37263,7 +37538,7 @@
|
|
|
37263
37538
|
"text": "ResizeObserver | undefined"
|
|
37264
37539
|
},
|
|
37265
37540
|
"privacy": "private",
|
|
37266
|
-
"description": "Watches the block's size
|
|
37541
|
+
"description": "Watches the block's size.",
|
|
37267
37542
|
"inheritedFrom": {
|
|
37268
37543
|
"name": "HelixHeadlessCodeBlock",
|
|
37269
37544
|
"module": "src/code-block/root/code-block-root.ts"
|
|
@@ -37280,6 +37555,21 @@
|
|
|
37280
37555
|
"module": "src/code-block/root/code-block-root.ts"
|
|
37281
37556
|
}
|
|
37282
37557
|
},
|
|
37558
|
+
{
|
|
37559
|
+
"kind": "method",
|
|
37560
|
+
"name": "markScrollers",
|
|
37561
|
+
"privacy": "private",
|
|
37562
|
+
"return": {
|
|
37563
|
+
"type": {
|
|
37564
|
+
"text": "void"
|
|
37565
|
+
}
|
|
37566
|
+
},
|
|
37567
|
+
"description": "Makes each box that scrolls a tab stop and a region named for its block,\nand takes both away from a box that fits.\n\n**A reader on a keyboard scrolls the code from the box itself.** Chromium\nand Firefox make a scrolling box focusable on their own, and Safari does\nnot, so there the arrow keys could not reach the end of a long line. A\nbox counts while its sheet lets it scroll and its content is wider or\ntaller than it is drawn: an unstyled `<pre>` overflows without scrolling,\nand a stop on it would scroll nothing.",
|
|
37568
|
+
"inheritedFrom": {
|
|
37569
|
+
"name": "HelixHeadlessCodeBlock",
|
|
37570
|
+
"module": "src/code-block/root/code-block-root.ts"
|
|
37571
|
+
}
|
|
37572
|
+
},
|
|
37283
37573
|
{
|
|
37284
37574
|
"kind": "method",
|
|
37285
37575
|
"name": "renderExpand",
|
|
@@ -37863,6 +38153,32 @@
|
|
|
37863
38153
|
"description": "Whether long lines wrap.\n\nOff by default, so long lines scroll, because a line break can be\nsignificant in code and a wrapped line reads as two. For prose-like code, such as a long command or\na log line, a wrap reads better than a scroll. Line numbers keep the lines\nunwrapped, since a wrapped line would take one number and several rows.",
|
|
37864
38154
|
"fieldName": "wrap"
|
|
37865
38155
|
},
|
|
38156
|
+
{
|
|
38157
|
+
"name": "code-label",
|
|
38158
|
+
"type": {
|
|
38159
|
+
"text": "string"
|
|
38160
|
+
},
|
|
38161
|
+
"default": "'Code'",
|
|
38162
|
+
"description": "The name of a block that scrolls, which is a tab stop while it does.\n\nWhere the block has a name, the scroller says it too, such as \"Code,\napp.ts\", as `code-name-label` puts it.",
|
|
38163
|
+
"fieldName": "codeLabel",
|
|
38164
|
+
"inheritedFrom": {
|
|
38165
|
+
"name": "HelixHeadlessCodeBlock",
|
|
38166
|
+
"module": "src/code-block/root/code-block-root.ts"
|
|
38167
|
+
}
|
|
38168
|
+
},
|
|
38169
|
+
{
|
|
38170
|
+
"name": "code-name-label",
|
|
38171
|
+
"type": {
|
|
38172
|
+
"text": "string"
|
|
38173
|
+
},
|
|
38174
|
+
"default": "'{code}, {name}'",
|
|
38175
|
+
"description": "The name of a block that scrolls, where the block has a name. `{code}` is\n`code-label` and `{name}` the block's name.",
|
|
38176
|
+
"fieldName": "codeNameLabel",
|
|
38177
|
+
"inheritedFrom": {
|
|
38178
|
+
"name": "HelixHeadlessCodeBlock",
|
|
38179
|
+
"module": "src/code-block/root/code-block-root.ts"
|
|
38180
|
+
}
|
|
38181
|
+
},
|
|
37866
38182
|
{
|
|
37867
38183
|
"name": "collapse-label",
|
|
37868
38184
|
"type": {
|
|
@@ -38029,6 +38345,11 @@
|
|
|
38029
38345
|
"since": "0.1.0",
|
|
38030
38346
|
"status": "stable",
|
|
38031
38347
|
"documentation": "https://fusion.dev/helix/components/code-block",
|
|
38348
|
+
"aliases": [
|
|
38349
|
+
"Code block",
|
|
38350
|
+
"Snippet",
|
|
38351
|
+
"Pre"
|
|
38352
|
+
],
|
|
38032
38353
|
"tier": "styled",
|
|
38033
38354
|
"group": "CodeBlock",
|
|
38034
38355
|
"part": "Root",
|
|
@@ -38819,6 +39140,9 @@
|
|
|
38819
39140
|
"since": "0.1.0",
|
|
38820
39141
|
"status": "stable",
|
|
38821
39142
|
"documentation": "https://fusion.dev/helix/components/code",
|
|
39143
|
+
"aliases": [
|
|
39144
|
+
"Inline code"
|
|
39145
|
+
],
|
|
38822
39146
|
"tier": "styled",
|
|
38823
39147
|
"group": "Code",
|
|
38824
39148
|
"part": "Root",
|
|
@@ -39993,9 +40317,9 @@
|
|
|
39993
40317
|
"kind": "field",
|
|
39994
40318
|
"name": "format",
|
|
39995
40319
|
"type": {
|
|
39996
|
-
"text": "'hex' | 'hsl' | 'rgb' | undefined"
|
|
40320
|
+
"text": "'hex' | 'hsb' | 'hsl' | 'oklch' | 'rgb' | undefined"
|
|
39997
40321
|
},
|
|
39998
|
-
"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.",
|
|
39999
40323
|
"attribute": "format",
|
|
40000
40324
|
"reflects": true,
|
|
40001
40325
|
"inheritedFrom": {
|
|
@@ -41259,9 +41583,9 @@
|
|
|
41259
41583
|
{
|
|
41260
41584
|
"name": "format",
|
|
41261
41585
|
"type": {
|
|
41262
|
-
"text": "'hex' | 'hsl' | 'rgb' | undefined"
|
|
41586
|
+
"text": "'hex' | 'hsb' | 'hsl' | 'oklch' | 'rgb' | undefined"
|
|
41263
41587
|
},
|
|
41264
|
-
"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.",
|
|
41265
41589
|
"fieldName": "format",
|
|
41266
41590
|
"inheritedFrom": {
|
|
41267
41591
|
"name": "HelixHeadlessColorInput",
|
|
@@ -41675,6 +41999,22 @@
|
|
|
41675
41999
|
"module": "src/color-input/root/color-input-root.ts"
|
|
41676
42000
|
}
|
|
41677
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
|
+
},
|
|
41678
42018
|
{
|
|
41679
42019
|
"description": "A ramp's value in a bubble, where a ramp shows one.",
|
|
41680
42020
|
"name": "picker-channel-tooltip",
|
|
@@ -41867,6 +42207,14 @@
|
|
|
41867
42207
|
"module": "src/color-input/root/color-input-root.ts"
|
|
41868
42208
|
}
|
|
41869
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
|
+
},
|
|
41870
42218
|
{
|
|
41871
42219
|
"description": "An icon drawn by the picker.",
|
|
41872
42220
|
"name": "picker-icon",
|
|
@@ -41875,6 +42223,14 @@
|
|
|
41875
42223
|
"module": "src/color-input/root/color-input-root.ts"
|
|
41876
42224
|
}
|
|
41877
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
|
+
},
|
|
41878
42234
|
{
|
|
41879
42235
|
"description": "A chip of the current color. Pressing it copies the value.",
|
|
41880
42236
|
"name": "picker-sample",
|
|
@@ -42440,13 +42796,30 @@
|
|
|
42440
42796
|
"text": "boolean"
|
|
42441
42797
|
},
|
|
42442
42798
|
"default": "false",
|
|
42443
|
-
"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.",
|
|
42444
42800
|
"attribute": "channel-fields",
|
|
42445
42801
|
"inheritedFrom": {
|
|
42446
42802
|
"name": "HelixHeadlessColorPicker",
|
|
42447
42803
|
"module": "src/color-picker/root/color-picker-root.ts"
|
|
42448
42804
|
}
|
|
42449
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
|
+
},
|
|
42450
42823
|
{
|
|
42451
42824
|
"kind": "field",
|
|
42452
42825
|
"name": "colorWords",
|
|
@@ -42516,9 +42889,9 @@
|
|
|
42516
42889
|
"kind": "field",
|
|
42517
42890
|
"name": "format",
|
|
42518
42891
|
"type": {
|
|
42519
|
-
"text": "'hex' | 'hsl' | 'rgb' | undefined"
|
|
42892
|
+
"text": "'hex' | 'hsb' | 'hsl' | 'oklch' | 'rgb' | undefined"
|
|
42520
42893
|
},
|
|
42521
|
-
"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.",
|
|
42522
42895
|
"attribute": "format",
|
|
42523
42896
|
"reflects": true,
|
|
42524
42897
|
"inheritedFrom": {
|
|
@@ -42560,6 +42933,20 @@
|
|
|
42560
42933
|
"module": "src/color-picker/root/color-picker-root.ts"
|
|
42561
42934
|
}
|
|
42562
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
|
+
},
|
|
42563
42950
|
{
|
|
42564
42951
|
"kind": "field",
|
|
42565
42952
|
"name": "hueLabel",
|
|
@@ -42577,6 +42964,20 @@
|
|
|
42577
42964
|
"module": "src/color-picker/root/color-picker-root.ts"
|
|
42578
42965
|
}
|
|
42579
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
|
+
},
|
|
42580
42981
|
{
|
|
42581
42982
|
"kind": "field",
|
|
42582
42983
|
"name": "lightnessLabel",
|
|
@@ -42584,7 +42985,7 @@
|
|
|
42584
42985
|
"text": "string"
|
|
42585
42986
|
},
|
|
42586
42987
|
"default": "'Lightness'",
|
|
42587
|
-
"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.",
|
|
42588
42989
|
"attribute": "lightness-label",
|
|
42589
42990
|
"helix": {
|
|
42590
42991
|
"words": true
|
|
@@ -42871,6 +43272,109 @@
|
|
|
42871
43272
|
"module": "src/color-picker/root/color-picker-root.ts"
|
|
42872
43273
|
}
|
|
42873
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
|
+
},
|
|
42874
43378
|
{
|
|
42875
43379
|
"kind": "field",
|
|
42876
43380
|
"name": "owned",
|
|
@@ -44187,6 +44691,10 @@
|
|
|
44187
44691
|
"description": "The picker marked `invalid`.",
|
|
44188
44692
|
"slug": "invalid"
|
|
44189
44693
|
},
|
|
44694
|
+
{
|
|
44695
|
+
"description": "A picker named by its `label`, with help under it from `hint`.",
|
|
44696
|
+
"slug": "label"
|
|
44697
|
+
},
|
|
44190
44698
|
{
|
|
44191
44699
|
"description": "The picker with no syntax toggle, for when the format is already set.",
|
|
44192
44700
|
"slug": "no-format"
|
|
@@ -44195,6 +44703,10 @@
|
|
|
44195
44703
|
"description": "The picker with no readout and no eyedropper, for a picker placed beside its own preview.",
|
|
44196
44704
|
"slug": "no-value-or-eyedropper"
|
|
44197
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
|
+
},
|
|
44198
44710
|
{
|
|
44199
44711
|
"description": "Prepared colors under the picker, with opacity on.",
|
|
44200
44712
|
"slug": "swatches"
|
|
@@ -44335,13 +44847,26 @@
|
|
|
44335
44847
|
"text": "boolean"
|
|
44336
44848
|
},
|
|
44337
44849
|
"default": "false",
|
|
44338
|
-
"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.",
|
|
44339
44851
|
"fieldName": "channelFields",
|
|
44340
44852
|
"inheritedFrom": {
|
|
44341
44853
|
"name": "HelixHeadlessColorPicker",
|
|
44342
44854
|
"module": "src/color-picker/root/color-picker-root.ts"
|
|
44343
44855
|
}
|
|
44344
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
|
+
},
|
|
44345
44870
|
{
|
|
44346
44871
|
"name": "color-words",
|
|
44347
44872
|
"type": {
|
|
@@ -44397,9 +44922,9 @@
|
|
|
44397
44922
|
{
|
|
44398
44923
|
"name": "format",
|
|
44399
44924
|
"type": {
|
|
44400
|
-
"text": "'hex' | 'hsl' | 'rgb' | undefined"
|
|
44925
|
+
"text": "'hex' | 'hsb' | 'hsl' | 'oklch' | 'rgb' | undefined"
|
|
44401
44926
|
},
|
|
44402
|
-
"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.",
|
|
44403
44928
|
"fieldName": "format",
|
|
44404
44929
|
"inheritedFrom": {
|
|
44405
44930
|
"name": "HelixHeadlessColorPicker",
|
|
@@ -44432,6 +44957,19 @@
|
|
|
44432
44957
|
"module": "src/color-picker/root/color-picker-root.ts"
|
|
44433
44958
|
}
|
|
44434
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
|
+
},
|
|
44435
44973
|
{
|
|
44436
44974
|
"name": "hue-label",
|
|
44437
44975
|
"type": {
|
|
@@ -44445,13 +44983,26 @@
|
|
|
44445
44983
|
"module": "src/color-picker/root/color-picker-root.ts"
|
|
44446
44984
|
}
|
|
44447
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
|
+
},
|
|
44448
44999
|
{
|
|
44449
45000
|
"name": "lightness-label",
|
|
44450
45001
|
"type": {
|
|
44451
45002
|
"text": "string"
|
|
44452
45003
|
},
|
|
44453
45004
|
"default": "'Lightness'",
|
|
44454
|
-
"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.",
|
|
44455
45006
|
"fieldName": "lightnessLabel",
|
|
44456
45007
|
"inheritedFrom": {
|
|
44457
45008
|
"name": "HelixHeadlessColorPicker",
|
|
@@ -44688,6 +45239,22 @@
|
|
|
44688
45239
|
"name": "HelixHeadlessColorPicker",
|
|
44689
45240
|
"module": "src/color-picker/root/color-picker-root.ts"
|
|
44690
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
|
+
}
|
|
44691
45258
|
}
|
|
44692
45259
|
],
|
|
44693
45260
|
"cssParts": [
|
|
@@ -44779,6 +45346,22 @@
|
|
|
44779
45346
|
"module": "src/color-picker/root/color-picker-root.ts"
|
|
44780
45347
|
}
|
|
44781
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
|
+
},
|
|
44782
45365
|
{
|
|
44783
45366
|
"description": "A ramp's value in a bubble, where a ramp shows one.",
|
|
44784
45367
|
"name": "channel-tooltip",
|
|
@@ -44963,6 +45546,22 @@
|
|
|
44963
45546
|
"module": "src/color-picker/root/color-picker-root.ts"
|
|
44964
45547
|
}
|
|
44965
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
|
+
},
|
|
44966
45565
|
{
|
|
44967
45566
|
"description": "A chip of the current color. Pressing it copies the value.",
|
|
44968
45567
|
"name": "sample",
|
|
@@ -45087,6 +45686,22 @@
|
|
|
45087
45686
|
}
|
|
45088
45687
|
],
|
|
45089
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
|
+
},
|
|
45090
45705
|
{
|
|
45091
45706
|
"description": "While `invalid` is set or `feedback` says what is wrong.",
|
|
45092
45707
|
"name": "invalid",
|
|
@@ -45095,6 +45710,14 @@
|
|
|
45095
45710
|
"module": "src/color-picker/root/color-picker-root.ts"
|
|
45096
45711
|
}
|
|
45097
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
|
+
},
|
|
45098
45721
|
{
|
|
45099
45722
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
45100
45723
|
"name": "settled",
|
|
@@ -62127,6 +62750,14 @@
|
|
|
62127
62750
|
"module": "src/date-input/root/date-input-root.ts"
|
|
62128
62751
|
}
|
|
62129
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
|
+
},
|
|
62130
62761
|
{
|
|
62131
62762
|
"description": "The calendar's own message, under it, while the calendar's `feedback` is set.",
|
|
62132
62763
|
"name": "picker-feedback",
|
|
@@ -62724,9 +63355,9 @@
|
|
|
62724
63355
|
"kind": "field",
|
|
62725
63356
|
"name": "calendar",
|
|
62726
63357
|
"type": {
|
|
62727
|
-
"text": "'buddhist' | 'gregory' | 'iso8601' | 'japanese' | 'roc' | undefined"
|
|
63358
|
+
"text": "'buddhist' | 'gregory' | 'iso8601' | 'japanese' | 'roc' | 'coptic' | 'ethiopic' | 'hebrew' | 'indian' | 'islamic-civil' | 'islamic-umalqura' | 'persian' | undefined"
|
|
62728
63359
|
},
|
|
62729
|
-
"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.",
|
|
62730
63361
|
"attribute": "calendar",
|
|
62731
63362
|
"inheritedFrom": {
|
|
62732
63363
|
"name": "HelixHeadlessDatePicker",
|
|
@@ -62932,7 +63563,7 @@
|
|
|
62932
63563
|
"type": {
|
|
62933
63564
|
"text": "string"
|
|
62934
63565
|
},
|
|
62935
|
-
"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.",
|
|
62936
63567
|
"attribute": "month",
|
|
62937
63568
|
"inheritedFrom": {
|
|
62938
63569
|
"name": "HelixHeadlessDatePicker",
|
|
@@ -63117,6 +63748,20 @@
|
|
|
63117
63748
|
"module": "src/date-picker/root/date-picker-root.ts"
|
|
63118
63749
|
}
|
|
63119
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
|
+
},
|
|
63120
63765
|
{
|
|
63121
63766
|
"kind": "field",
|
|
63122
63767
|
"name": "weekStart",
|
|
@@ -63195,6 +63840,34 @@
|
|
|
63195
63840
|
"module": "src/date-picker/root/date-picker-root.ts"
|
|
63196
63841
|
}
|
|
63197
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
|
+
},
|
|
63198
63871
|
{
|
|
63199
63872
|
"kind": "field",
|
|
63200
63873
|
"name": "derivedMonth",
|
|
@@ -63707,6 +64380,20 @@
|
|
|
63707
64380
|
"module": "src/date-picker/root/date-picker-root.ts"
|
|
63708
64381
|
}
|
|
63709
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
|
+
},
|
|
63710
64397
|
{
|
|
63711
64398
|
"kind": "field",
|
|
63712
64399
|
"name": "unavailableMessage",
|
|
@@ -63866,7 +64553,7 @@
|
|
|
63866
64553
|
"kind": "field",
|
|
63867
64554
|
"name": "cachedFormats",
|
|
63868
64555
|
"type": {
|
|
63869
|
-
"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"
|
|
63870
64557
|
},
|
|
63871
64558
|
"privacy": "private",
|
|
63872
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.",
|
|
@@ -63879,7 +64566,7 @@
|
|
|
63879
64566
|
"kind": "field",
|
|
63880
64567
|
"name": "formats",
|
|
63881
64568
|
"type": {
|
|
63882
|
-
"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 }"
|
|
63883
64570
|
},
|
|
63884
64571
|
"privacy": "private",
|
|
63885
64572
|
"readonly": true,
|
|
@@ -64830,6 +65517,10 @@
|
|
|
64830
65517
|
"description": "A calendar that only allows dates between `min` and `max`.",
|
|
64831
65518
|
"slug": "bounded"
|
|
64832
65519
|
},
|
|
65520
|
+
{
|
|
65521
|
+
"description": "The Persian and Hebrew calendars, each drawn and paged by its own months.",
|
|
65522
|
+
"slug": "calendars"
|
|
65523
|
+
},
|
|
64833
65524
|
{
|
|
64834
65525
|
"description": "The month shown is set by your code, so your own controls can page it.",
|
|
64835
65526
|
"slug": "controlled-month"
|
|
@@ -64842,6 +65533,10 @@
|
|
|
64842
65533
|
"description": "Paging the month sends `helix-navigate`, and choosing a day sends `helix-before-change`, `input`, and `change`.",
|
|
64843
65534
|
"slug": "events"
|
|
64844
65535
|
},
|
|
65536
|
+
{
|
|
65537
|
+
"description": "Content above and under the calendar, in the `header` and `footer` slots.",
|
|
65538
|
+
"slug": "header-and-footer"
|
|
65539
|
+
},
|
|
64845
65540
|
{
|
|
64846
65541
|
"description": "A date picker marked invalid, with its chosen date.",
|
|
64847
65542
|
"slug": "invalid"
|
|
@@ -64931,9 +65626,9 @@
|
|
|
64931
65626
|
{
|
|
64932
65627
|
"name": "calendar",
|
|
64933
65628
|
"type": {
|
|
64934
|
-
"text": "'buddhist' | 'gregory' | 'iso8601' | 'japanese' | 'roc' | undefined"
|
|
65629
|
+
"text": "'buddhist' | 'gregory' | 'iso8601' | 'japanese' | 'roc' | 'coptic' | 'ethiopic' | 'hebrew' | 'indian' | 'islamic-civil' | 'islamic-umalqura' | 'persian' | undefined"
|
|
64935
65630
|
},
|
|
64936
|
-
"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.",
|
|
64937
65632
|
"fieldName": "calendar",
|
|
64938
65633
|
"inheritedFrom": {
|
|
64939
65634
|
"name": "HelixHeadlessDatePicker",
|
|
@@ -65072,7 +65767,7 @@
|
|
|
65072
65767
|
"type": {
|
|
65073
65768
|
"text": "string"
|
|
65074
65769
|
},
|
|
65075
|
-
"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.",
|
|
65076
65771
|
"fieldName": "month",
|
|
65077
65772
|
"inheritedFrom": {
|
|
65078
65773
|
"name": "HelixHeadlessDatePicker",
|
|
@@ -65261,6 +65956,19 @@
|
|
|
65261
65956
|
"module": "src/date-picker/root/date-picker-root.ts"
|
|
65262
65957
|
}
|
|
65263
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
|
+
},
|
|
65264
65972
|
{
|
|
65265
65973
|
"name": "unavailable-message",
|
|
65266
65974
|
"type": {
|
|
@@ -65341,6 +66049,22 @@
|
|
|
65341
66049
|
}
|
|
65342
66050
|
],
|
|
65343
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
|
+
},
|
|
65344
66068
|
{
|
|
65345
66069
|
"description": "The glyph on the control that moves forward a month, usually a caret.",
|
|
65346
66070
|
"name": "next-icon",
|
|
@@ -65431,6 +66155,14 @@
|
|
|
65431
66155
|
"module": "src/date-picker/root/date-picker-root.ts"
|
|
65432
66156
|
}
|
|
65433
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
|
+
},
|
|
65434
66166
|
{
|
|
65435
66167
|
"description": "The message under the calendar, while `feedback` is set.",
|
|
65436
66168
|
"name": "feedback",
|
|
@@ -65576,7 +66308,7 @@
|
|
|
65576
66308
|
}
|
|
65577
66309
|
},
|
|
65578
66310
|
{
|
|
65579
|
-
"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.",
|
|
65580
66312
|
"name": "weekday",
|
|
65581
66313
|
"inheritedFrom": {
|
|
65582
66314
|
"name": "HelixHeadlessDatePicker",
|
|
@@ -74235,6 +74967,17 @@
|
|
|
74235
74967
|
"module": "src/empty/root/empty-root.ts"
|
|
74236
74968
|
}
|
|
74237
74969
|
},
|
|
74970
|
+
{
|
|
74971
|
+
"kind": "field",
|
|
74972
|
+
"name": "readRegions",
|
|
74973
|
+
"privacy": "private",
|
|
74974
|
+
"readonly": true,
|
|
74975
|
+
"description": "Says which regions hold something, one call apiece so each pairs with its `@cssstate`.",
|
|
74976
|
+
"inheritedFrom": {
|
|
74977
|
+
"name": "HelixHeadlessEmpty",
|
|
74978
|
+
"module": "src/empty/root/empty-root.ts"
|
|
74979
|
+
}
|
|
74980
|
+
},
|
|
74238
74981
|
{
|
|
74239
74982
|
"kind": "field",
|
|
74240
74983
|
"name": "arrival",
|
|
@@ -74682,6 +75425,14 @@
|
|
|
74682
75425
|
}
|
|
74683
75426
|
],
|
|
74684
75427
|
"cssParts": [
|
|
75428
|
+
{
|
|
75429
|
+
"description": "The slot the actions arrive through. A slot draws no box, so it passes inherited properties to the actions; `display: flex` lays them out in a row.",
|
|
75430
|
+
"name": "actions",
|
|
75431
|
+
"inheritedFrom": {
|
|
75432
|
+
"name": "HelixHeadlessEmpty",
|
|
75433
|
+
"module": "src/empty/root/empty-root.ts"
|
|
75434
|
+
}
|
|
75435
|
+
},
|
|
74685
75436
|
{
|
|
74686
75437
|
"description": "The heading at `heading-level`: the one `heading` draws while nothing is slotted into `heading`, or the one around a slotted element that is no heading.",
|
|
74687
75438
|
"name": "heading",
|
|
@@ -74690,6 +75441,14 @@
|
|
|
74690
75441
|
"module": "src/empty/root/empty-root.ts"
|
|
74691
75442
|
}
|
|
74692
75443
|
},
|
|
75444
|
+
{
|
|
75445
|
+
"description": "The slot the icon arrives through, drawing no box, as `actions` does.",
|
|
75446
|
+
"name": "icon",
|
|
75447
|
+
"inheritedFrom": {
|
|
75448
|
+
"name": "HelixHeadlessEmpty",
|
|
75449
|
+
"module": "src/empty/root/empty-root.ts"
|
|
75450
|
+
}
|
|
75451
|
+
},
|
|
74693
75452
|
{
|
|
74694
75453
|
"description": "A copy of the heading and the message, in a live region that screen readers announce when the view appears. Visually hidden in the styled tier.",
|
|
74695
75454
|
"name": "live",
|
|
@@ -74697,6 +75456,14 @@
|
|
|
74697
75456
|
"name": "HelixHeadlessEmpty",
|
|
74698
75457
|
"module": "src/empty/root/empty-root.ts"
|
|
74699
75458
|
}
|
|
75459
|
+
},
|
|
75460
|
+
{
|
|
75461
|
+
"description": "The slot the message arrives through, drawing no box, as `actions` does.",
|
|
75462
|
+
"name": "message",
|
|
75463
|
+
"inheritedFrom": {
|
|
75464
|
+
"name": "HelixHeadlessEmpty",
|
|
75465
|
+
"module": "src/empty/root/empty-root.ts"
|
|
75466
|
+
}
|
|
74700
75467
|
}
|
|
74701
75468
|
],
|
|
74702
75469
|
"attributes": [
|
|
@@ -74740,6 +75507,22 @@
|
|
|
74740
75507
|
}
|
|
74741
75508
|
],
|
|
74742
75509
|
"cssStates": [
|
|
75510
|
+
{
|
|
75511
|
+
"description": "Something is slotted into `actions`.",
|
|
75512
|
+
"name": "has-actions",
|
|
75513
|
+
"inheritedFrom": {
|
|
75514
|
+
"name": "HelixHeadlessEmpty",
|
|
75515
|
+
"module": "src/empty/root/empty-root.ts"
|
|
75516
|
+
}
|
|
75517
|
+
},
|
|
75518
|
+
{
|
|
75519
|
+
"description": "Something is slotted into `icon`.",
|
|
75520
|
+
"name": "has-icon",
|
|
75521
|
+
"inheritedFrom": {
|
|
75522
|
+
"name": "HelixHeadlessEmpty",
|
|
75523
|
+
"module": "src/empty/root/empty-root.ts"
|
|
75524
|
+
}
|
|
75525
|
+
},
|
|
74743
75526
|
{
|
|
74744
75527
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
74745
75528
|
"name": "settled",
|
|
@@ -93716,11 +94499,19 @@
|
|
|
93716
94499
|
"declarations": [
|
|
93717
94500
|
{
|
|
93718
94501
|
"kind": "class",
|
|
93719
|
-
"description": "Draws in `currentColor` and sizes from `--icon-size`, so an icon takes the\ncolor of the text around it and a container can resize it without a property.\nInside a button, `--icon-size` is set in `em`, so the icon scales with the\nbutton.",
|
|
94502
|
+
"description": "Draws in `currentColor` and sizes from `--icon-size`, so an icon takes the\ncolor of the text around it and a container can resize it without a property.\nInside a button, `--icon-size` is set in `em`, so the icon scales with the\nbutton.\n\n**The glyph turns, flips and moves inside its own box**, so the line around\nit keeps its place: `rotate` turns it by a quarter, a half or three\nquarters, `--icon-rotate` by any angle, `flip` mirrors it across either\naxis, and `animation` spins, pulses or beats it, as Web Awesome's icon does.\nReduced motion stills every animation. `auto-width` gives the box the\nglyph's own proportions, for a mark wider than it is tall.",
|
|
93720
94503
|
"name": "HelixIcon",
|
|
93721
94504
|
"cssProperties": [
|
|
93722
94505
|
{
|
|
93723
|
-
"description": "
|
|
94506
|
+
"description": "How long one turn, pulse or beat of `animation` takes.",
|
|
94507
|
+
"name": "--icon-animation-duration"
|
|
94508
|
+
},
|
|
94509
|
+
{
|
|
94510
|
+
"description": "An angle the glyph is turned by, such as `45deg`. `rotate` wins over it.",
|
|
94511
|
+
"name": "--icon-rotate"
|
|
94512
|
+
},
|
|
94513
|
+
{
|
|
94514
|
+
"description": "The width and height of the icon's box. The height alone under `auto-width`.",
|
|
93724
94515
|
"name": "--icon-size"
|
|
93725
94516
|
}
|
|
93726
94517
|
],
|
|
@@ -93735,6 +94526,47 @@
|
|
|
93735
94526
|
}
|
|
93736
94527
|
],
|
|
93737
94528
|
"members": [
|
|
94529
|
+
{
|
|
94530
|
+
"kind": "field",
|
|
94531
|
+
"name": "animation",
|
|
94532
|
+
"type": {
|
|
94533
|
+
"text": "'beat' | 'pulse' | 'spin' | undefined"
|
|
94534
|
+
},
|
|
94535
|
+
"description": "A motion that draws the eye or says work is going on: `spin` turns the\nglyph without end, `pulse` fades it in and out, and `beat` swells it.\n\nAbsent is still. Reduced motion stills every one of them.",
|
|
94536
|
+
"attribute": "animation",
|
|
94537
|
+
"reflects": true
|
|
94538
|
+
},
|
|
94539
|
+
{
|
|
94540
|
+
"kind": "field",
|
|
94541
|
+
"name": "autoWidth",
|
|
94542
|
+
"type": {
|
|
94543
|
+
"text": "boolean"
|
|
94544
|
+
},
|
|
94545
|
+
"default": "false",
|
|
94546
|
+
"description": "Whether the box takes the glyph's own proportions, its height from\n`--icon-size` and its width from the glyph's box.\n\nAbsent is a square, which lines icons up in a column.",
|
|
94547
|
+
"attribute": "auto-width",
|
|
94548
|
+
"reflects": true
|
|
94549
|
+
},
|
|
94550
|
+
{
|
|
94551
|
+
"kind": "field",
|
|
94552
|
+
"name": "flip",
|
|
94553
|
+
"type": {
|
|
94554
|
+
"text": "'both' | 'x' | 'y' | undefined"
|
|
94555
|
+
},
|
|
94556
|
+
"description": "Mirrors the glyph across an axis: `x` left to right, `y` top to bottom,\n`both` across both.\n\nAbsent draws it as it is. On a right-to-left page, `mirror` is the flip\nthat follows the direction.",
|
|
94557
|
+
"attribute": "flip",
|
|
94558
|
+
"reflects": true
|
|
94559
|
+
},
|
|
94560
|
+
{
|
|
94561
|
+
"kind": "field",
|
|
94562
|
+
"name": "rotate",
|
|
94563
|
+
"type": {
|
|
94564
|
+
"text": "90 | 180 | 270 | undefined"
|
|
94565
|
+
},
|
|
94566
|
+
"description": "Turns the glyph clockwise by 90, 180 or 270 degrees.\n\nAbsent draws it upright. `--icon-rotate` turns it by any other angle.",
|
|
94567
|
+
"attribute": "rotate",
|
|
94568
|
+
"reflects": true
|
|
94569
|
+
},
|
|
93738
94570
|
{
|
|
93739
94571
|
"kind": "field",
|
|
93740
94572
|
"name": "icon",
|
|
@@ -93789,6 +94621,20 @@
|
|
|
93789
94621
|
"module": "src/icon/root/icon-root.ts"
|
|
93790
94622
|
}
|
|
93791
94623
|
},
|
|
94624
|
+
{
|
|
94625
|
+
"kind": "field",
|
|
94626
|
+
"name": "src",
|
|
94627
|
+
"type": {
|
|
94628
|
+
"text": "string"
|
|
94629
|
+
},
|
|
94630
|
+
"default": "''",
|
|
94631
|
+
"description": "The URL of an SVG file to draw, fetched once a page and drawn in\n`currentColor` where the file does not color its shapes.\n\nWins over `name`; `icon` wins over both. Absent draws `name`.",
|
|
94632
|
+
"attribute": "src",
|
|
94633
|
+
"inheritedFrom": {
|
|
94634
|
+
"name": "HelixHeadlessIcon",
|
|
94635
|
+
"module": "src/icon/root/icon-root.ts"
|
|
94636
|
+
}
|
|
94637
|
+
},
|
|
93792
94638
|
{
|
|
93793
94639
|
"kind": "field",
|
|
93794
94640
|
"name": "observedAttributes",
|
|
@@ -93908,6 +94754,20 @@
|
|
|
93908
94754
|
"module": "src/icon/root/icon-root.ts"
|
|
93909
94755
|
}
|
|
93910
94756
|
},
|
|
94757
|
+
{
|
|
94758
|
+
"kind": "field",
|
|
94759
|
+
"name": "asked",
|
|
94760
|
+
"type": {
|
|
94761
|
+
"text": "string"
|
|
94762
|
+
},
|
|
94763
|
+
"privacy": "private",
|
|
94764
|
+
"description": "What the glyph is asked for by: `src` where it is set, and `name` otherwise.",
|
|
94765
|
+
"readonly": true,
|
|
94766
|
+
"inheritedFrom": {
|
|
94767
|
+
"name": "HelixHeadlessIcon",
|
|
94768
|
+
"module": "src/icon/root/icon-root.ts"
|
|
94769
|
+
}
|
|
94770
|
+
},
|
|
93911
94771
|
{
|
|
93912
94772
|
"kind": "method",
|
|
93913
94773
|
"name": "lookup",
|
|
@@ -93917,7 +94777,7 @@
|
|
|
93917
94777
|
"text": "HelixIcon | undefined"
|
|
93918
94778
|
}
|
|
93919
94779
|
},
|
|
93920
|
-
"description": "What the registry gives
|
|
94780
|
+
"description": "What `src` or the registry gives now, starting the wait for a late glyph.\nA file is fetched only where the page can be read: a server fetches\nnothing, and a hydrating render draws what the server sent.",
|
|
93921
94781
|
"inheritedFrom": {
|
|
93922
94782
|
"name": "HelixHeadlessIcon",
|
|
93923
94783
|
"module": "src/icon/root/icon-root.ts"
|
|
@@ -94322,38 +95182,40 @@
|
|
|
94322
95182
|
}
|
|
94323
95183
|
}
|
|
94324
95184
|
],
|
|
94325
|
-
"superclass": {
|
|
94326
|
-
"name": "HelixHeadlessIcon",
|
|
94327
|
-
"package": "@fusion.dev/helix-headless/icon/root"
|
|
94328
|
-
},
|
|
94329
|
-
"summary": "A named icon from the Helix set.",
|
|
94330
|
-
"helix": {
|
|
94331
|
-
"category": "media",
|
|
94332
|
-
"since": "0.1.0",
|
|
94333
|
-
"status": "stable",
|
|
94334
|
-
"documentation": "https://fusion.dev/helix/components/icon",
|
|
94335
|
-
"aliases": [
|
|
94336
|
-
"Glyph",
|
|
94337
|
-
"Symbol"
|
|
94338
|
-
],
|
|
94339
|
-
"tier": "styled",
|
|
94340
|
-
"group": "Icon",
|
|
94341
|
-
"part": "Root",
|
|
94342
|
-
"examples": [
|
|
94343
|
-
{
|
|
94344
|
-
"description": "One icon at the default size.",
|
|
94345
|
-
"slug": "preview"
|
|
94346
|
-
},
|
|
94347
|
-
{
|
|
94348
|
-
"description": "The same icon at each step of the icon scale.",
|
|
94349
|
-
"slug": "sizes"
|
|
94350
|
-
}
|
|
94351
|
-
],
|
|
94352
|
-
"source": "helix/styled/src/icon"
|
|
94353
|
-
},
|
|
94354
|
-
"tagName": "helix-icon",
|
|
94355
|
-
"customElement": true,
|
|
94356
95185
|
"attributes": [
|
|
95186
|
+
{
|
|
95187
|
+
"name": "animation",
|
|
95188
|
+
"type": {
|
|
95189
|
+
"text": "'beat' | 'pulse' | 'spin' | undefined"
|
|
95190
|
+
},
|
|
95191
|
+
"description": "A motion that draws the eye or says work is going on: `spin` turns the\nglyph without end, `pulse` fades it in and out, and `beat` swells it.\n\nAbsent is still. Reduced motion stills every one of them.",
|
|
95192
|
+
"fieldName": "animation"
|
|
95193
|
+
},
|
|
95194
|
+
{
|
|
95195
|
+
"name": "auto-width",
|
|
95196
|
+
"type": {
|
|
95197
|
+
"text": "boolean"
|
|
95198
|
+
},
|
|
95199
|
+
"default": "false",
|
|
95200
|
+
"description": "Whether the box takes the glyph's own proportions, its height from\n`--icon-size` and its width from the glyph's box.\n\nAbsent is a square, which lines icons up in a column.",
|
|
95201
|
+
"fieldName": "autoWidth"
|
|
95202
|
+
},
|
|
95203
|
+
{
|
|
95204
|
+
"name": "flip",
|
|
95205
|
+
"type": {
|
|
95206
|
+
"text": "'both' | 'x' | 'y' | undefined"
|
|
95207
|
+
},
|
|
95208
|
+
"description": "Mirrors the glyph across an axis: `x` left to right, `y` top to bottom,\n`both` across both.\n\nAbsent draws it as it is. On a right-to-left page, `mirror` is the flip\nthat follows the direction.",
|
|
95209
|
+
"fieldName": "flip"
|
|
95210
|
+
},
|
|
95211
|
+
{
|
|
95212
|
+
"name": "rotate",
|
|
95213
|
+
"type": {
|
|
95214
|
+
"text": "90 | 180 | 270 | undefined"
|
|
95215
|
+
},
|
|
95216
|
+
"description": "Turns the glyph clockwise by 90, 180 or 270 degrees.\n\nAbsent draws it upright. `--icon-rotate` turns it by any other angle.",
|
|
95217
|
+
"fieldName": "rotate"
|
|
95218
|
+
},
|
|
94357
95219
|
{
|
|
94358
95220
|
"name": "label",
|
|
94359
95221
|
"type": {
|
|
@@ -94392,14 +95254,62 @@
|
|
|
94392
95254
|
"name": "HelixHeadlessIcon",
|
|
94393
95255
|
"module": "src/icon/root/icon-root.ts"
|
|
94394
95256
|
}
|
|
95257
|
+
},
|
|
95258
|
+
{
|
|
95259
|
+
"name": "src",
|
|
95260
|
+
"type": {
|
|
95261
|
+
"text": "string"
|
|
95262
|
+
},
|
|
95263
|
+
"default": "''",
|
|
95264
|
+
"description": "The URL of an SVG file to draw, fetched once a page and drawn in\n`currentColor` where the file does not color its shapes.\n\nWins over `name`; `icon` wins over both. Absent draws `name`.",
|
|
95265
|
+
"fieldName": "src",
|
|
95266
|
+
"inheritedFrom": {
|
|
95267
|
+
"name": "HelixHeadlessIcon",
|
|
95268
|
+
"module": "src/icon/root/icon-root.ts"
|
|
95269
|
+
}
|
|
94395
95270
|
}
|
|
94396
95271
|
],
|
|
95272
|
+
"superclass": {
|
|
95273
|
+
"name": "HelixHeadlessIcon",
|
|
95274
|
+
"package": "@fusion.dev/helix-headless/icon/root"
|
|
95275
|
+
},
|
|
95276
|
+
"summary": "A named icon from the Helix set.",
|
|
95277
|
+
"helix": {
|
|
95278
|
+
"category": "media",
|
|
95279
|
+
"since": "0.1.0",
|
|
95280
|
+
"status": "stable",
|
|
95281
|
+
"documentation": "https://fusion.dev/helix/components/icon",
|
|
95282
|
+
"aliases": [
|
|
95283
|
+
"Glyph",
|
|
95284
|
+
"Symbol"
|
|
95285
|
+
],
|
|
95286
|
+
"tier": "styled",
|
|
95287
|
+
"group": "Icon",
|
|
95288
|
+
"part": "Root",
|
|
95289
|
+
"examples": [
|
|
95290
|
+
{
|
|
95291
|
+
"description": "One icon at the default size.",
|
|
95292
|
+
"slug": "preview"
|
|
95293
|
+
},
|
|
95294
|
+
{
|
|
95295
|
+
"description": "The same icon at each step of the icon scale.",
|
|
95296
|
+
"slug": "sizes"
|
|
95297
|
+
},
|
|
95298
|
+
{
|
|
95299
|
+
"description": "One arrow turned with `rotate`, flipped with `flip`, and a refresh mark spinning with `animation`.",
|
|
95300
|
+
"slug": "turned"
|
|
95301
|
+
}
|
|
95302
|
+
],
|
|
95303
|
+
"source": "helix/styled/src/icon"
|
|
95304
|
+
},
|
|
95305
|
+
"tagName": "helix-icon",
|
|
95306
|
+
"customElement": true,
|
|
94397
95307
|
"events": [
|
|
94398
95308
|
{
|
|
94399
95309
|
"type": {
|
|
94400
95310
|
"text": "Event"
|
|
94401
95311
|
},
|
|
94402
|
-
"description": "`name` matches no registered icon and no library answers it, so nothing is drawn.",
|
|
95312
|
+
"description": "`name` matches no registered icon and no library answers it, or `src` is no SVG, so nothing is drawn.",
|
|
94403
95313
|
"name": "error",
|
|
94404
95314
|
"reactProp": "onerror",
|
|
94405
95315
|
"inheritedFrom": {
|
|
@@ -94411,7 +95321,7 @@
|
|
|
94411
95321
|
"type": {
|
|
94412
95322
|
"text": "Event"
|
|
94413
95323
|
},
|
|
94414
|
-
"description": "A glyph a library gave later for `name` is drawn.",
|
|
95324
|
+
"description": "A glyph a library gave later for `name`, or the file at `src`, is drawn.",
|
|
94415
95325
|
"name": "load",
|
|
94416
95326
|
"reactProp": "onload",
|
|
94417
95327
|
"inheritedFrom": {
|
|
@@ -130157,6 +131067,58 @@
|
|
|
130157
131067
|
"module": "src/navigation/root/navigation-root.ts"
|
|
130158
131068
|
}
|
|
130159
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
|
+
},
|
|
130160
131122
|
{
|
|
130161
131123
|
"kind": "field",
|
|
130162
131124
|
"name": "items",
|
|
@@ -130631,6 +131593,14 @@
|
|
|
130631
131593
|
}
|
|
130632
131594
|
],
|
|
130633
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
|
+
},
|
|
130634
131604
|
{
|
|
130635
131605
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
130636
131606
|
"name": "settled",
|
|
@@ -153245,6 +154215,21 @@
|
|
|
153245
154215
|
"module": "src/quote/root/quote-root.ts"
|
|
153246
154216
|
}
|
|
153247
154217
|
},
|
|
154218
|
+
{
|
|
154219
|
+
"kind": "field",
|
|
154220
|
+
"name": "noMarks",
|
|
154221
|
+
"type": {
|
|
154222
|
+
"text": "boolean"
|
|
154223
|
+
},
|
|
154224
|
+
"default": "false",
|
|
154225
|
+
"description": "Whether to leave the quotation marks off, for a quotation set where the\npage draws its own.\n\nNegative, because the marks are on by default and a boolean attribute is\ntrue whenever it is present. Reflected, because a stylesheet takes the\nmarks off on it.",
|
|
154226
|
+
"attribute": "no-marks",
|
|
154227
|
+
"reflects": true,
|
|
154228
|
+
"inheritedFrom": {
|
|
154229
|
+
"name": "HelixHeadlessQuote",
|
|
154230
|
+
"module": "src/quote/root/quote-root.ts"
|
|
154231
|
+
}
|
|
154232
|
+
},
|
|
153248
154233
|
{
|
|
153249
154234
|
"kind": "field",
|
|
153250
154235
|
"name": "warned",
|
|
@@ -153637,6 +154622,11 @@
|
|
|
153637
154622
|
"description": "A quotation's marks follow the `lang` written on it, so a German and a French quotation take their own marks inside English text.",
|
|
153638
154623
|
"layout": "hug",
|
|
153639
154624
|
"slug": "languages"
|
|
154625
|
+
},
|
|
154626
|
+
{
|
|
154627
|
+
"description": "A pull quote with `no-marks`, beside a large mark the page draws.",
|
|
154628
|
+
"layout": "hug",
|
|
154629
|
+
"slug": "no-marks"
|
|
153640
154630
|
}
|
|
153641
154631
|
],
|
|
153642
154632
|
"source": "helix/styled/src/quote"
|
|
@@ -153676,6 +154666,19 @@
|
|
|
153676
154666
|
"name": "HelixHeadlessQuote",
|
|
153677
154667
|
"module": "src/quote/root/quote-root.ts"
|
|
153678
154668
|
}
|
|
154669
|
+
},
|
|
154670
|
+
{
|
|
154671
|
+
"name": "no-marks",
|
|
154672
|
+
"type": {
|
|
154673
|
+
"text": "boolean"
|
|
154674
|
+
},
|
|
154675
|
+
"default": "false",
|
|
154676
|
+
"description": "Whether to leave the quotation marks off, for a quotation set where the\npage draws its own.\n\nNegative, because the marks are on by default and a boolean attribute is\ntrue whenever it is present. Reflected, because a stylesheet takes the\nmarks off on it.",
|
|
154677
|
+
"fieldName": "noMarks",
|
|
154678
|
+
"inheritedFrom": {
|
|
154679
|
+
"name": "HelixHeadlessQuote",
|
|
154680
|
+
"module": "src/quote/root/quote-root.ts"
|
|
154681
|
+
}
|
|
153679
154682
|
}
|
|
153680
154683
|
],
|
|
153681
154684
|
"cssStates": [
|
|
@@ -167154,6 +168157,19 @@
|
|
|
167154
168157
|
"module": "src/select/root/select-root.ts"
|
|
167155
168158
|
}
|
|
167156
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
|
+
},
|
|
167157
168173
|
{
|
|
167158
168174
|
"kind": "field",
|
|
167159
168175
|
"name": "listLabel",
|
|
@@ -167305,7 +168321,7 @@
|
|
|
167305
168321
|
"name": "panel",
|
|
167306
168322
|
"privacy": "protected",
|
|
167307
168323
|
"readonly": true,
|
|
167308
|
-
"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'), })",
|
|
167309
168325
|
"inheritedFrom": {
|
|
167310
168326
|
"name": "HelixHeadlessSelect",
|
|
167311
168327
|
"module": "src/select/root/select-root.ts"
|
|
@@ -167332,7 +168348,34 @@
|
|
|
167332
168348
|
"text": "HelixHeadlessOption[]"
|
|
167333
168349
|
},
|
|
167334
168350
|
"privacy": "private",
|
|
167335
|
-
"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.",
|
|
167336
168379
|
"readonly": true,
|
|
167337
168380
|
"inheritedFrom": {
|
|
167338
168381
|
"name": "HelixHeadlessSelect",
|
|
@@ -168720,6 +169763,10 @@
|
|
|
168720
169763
|
"description": "A select with feedback that marks its value as invalid.",
|
|
168721
169764
|
"slug": "invalid"
|
|
168722
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
|
+
},
|
|
168723
169770
|
{
|
|
168724
169771
|
"description": "Several options chosen from one list.",
|
|
168725
169772
|
"slug": "multiple"
|
|
@@ -169076,6 +170123,22 @@
|
|
|
169076
170123
|
"module": "src/select/root/select-root.ts"
|
|
169077
170124
|
}
|
|
169078
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
|
+
},
|
|
169079
170142
|
{
|
|
169080
170143
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
169081
170144
|
"name": "settled",
|
|
@@ -169570,7 +170633,7 @@
|
|
|
169570
170633
|
"declarations": [
|
|
169571
170634
|
{
|
|
169572
170635
|
"kind": "class",
|
|
169573
|
-
"description": "Animates a highlight sweeping across the block, which reads as work in\nprogress. A block fading in and out can look broken, so `effect=\"pulse\"` is\na choice rather than the default.\n\nAround content with `loading`, the skeleton takes the content's box and\npaints over it, and the content is hidden until `loading` is taken off.",
|
|
170636
|
+
"description": "Animates a highlight sweeping across the block, which reads as work in\nprogress. A block fading in and out can look broken, so `effect=\"pulse\"` is\na choice rather than the default.\n\nAround content with `loading`, the skeleton takes the content's box and\npaints over it, and the content is hidden until `loading` is taken off.\n\n**`lines` draws a paragraph.** With `shape=\"text\"` and `lines=\"3\"`, one\nelement stands in for three lines of text: each line a `skeleton` part one\n`em` tall, spaced a body line height apart, and the last one shorter, as the end\nof a paragraph is.",
|
|
169574
170637
|
"name": "HelixSkeleton",
|
|
169575
170638
|
"cssProperties": [
|
|
169576
170639
|
{
|
|
@@ -169585,6 +170648,10 @@
|
|
|
169585
170648
|
"description": "How long one sweep or one pulse takes.",
|
|
169586
170649
|
"name": "--skeleton-duration"
|
|
169587
170650
|
},
|
|
170651
|
+
{
|
|
170652
|
+
"description": "The width of the last line of a `lines` paragraph. Defaults to 60%.",
|
|
170653
|
+
"name": "--skeleton-last-line-size"
|
|
170654
|
+
},
|
|
169588
170655
|
{
|
|
169589
170656
|
"description": "The corner of the block shape.",
|
|
169590
170657
|
"name": "--skeleton-radius"
|
|
@@ -169607,6 +170674,14 @@
|
|
|
169607
170674
|
"module": "src/skeleton/root/skeleton-root.ts"
|
|
169608
170675
|
}
|
|
169609
170676
|
},
|
|
170677
|
+
{
|
|
170678
|
+
"description": "Each line of a `lines` paragraph, which is also a `skeleton` part.",
|
|
170679
|
+
"name": "line"
|
|
170680
|
+
},
|
|
170681
|
+
{
|
|
170682
|
+
"description": "The column holding a `lines` paragraph, drawn only for `shape=\"text\"` with two or more lines.",
|
|
170683
|
+
"name": "lines"
|
|
170684
|
+
},
|
|
169610
170685
|
{
|
|
169611
170686
|
"description": "The highlight swept across the shape. Hidden for `effect=\"pulse\"` and `effect=\"none\"`.",
|
|
169612
170687
|
"name": "sheen",
|
|
@@ -169616,7 +170691,7 @@
|
|
|
169616
170691
|
}
|
|
169617
170692
|
},
|
|
169618
170693
|
{
|
|
169619
|
-
"description": "The placeholder shape.",
|
|
170694
|
+
"description": "The placeholder shape, or each line of a `lines` paragraph.",
|
|
169620
170695
|
"name": "skeleton",
|
|
169621
170696
|
"inheritedFrom": {
|
|
169622
170697
|
"name": "HelixHeadlessSkeleton",
|
|
@@ -169635,6 +170710,16 @@
|
|
|
169635
170710
|
"attribute": "effect",
|
|
169636
170711
|
"reflects": true
|
|
169637
170712
|
},
|
|
170713
|
+
{
|
|
170714
|
+
"kind": "field",
|
|
170715
|
+
"name": "lines",
|
|
170716
|
+
"type": {
|
|
170717
|
+
"text": "number | undefined"
|
|
170718
|
+
},
|
|
170719
|
+
"description": "How many lines of text the placeholder stands for, with `shape=\"text\"`.\n\nAbsent, or 1, is one line. Reflected, because the stylesheet sizes a\nparagraph by it.",
|
|
170720
|
+
"attribute": "lines",
|
|
170721
|
+
"reflects": true
|
|
170722
|
+
},
|
|
169638
170723
|
{
|
|
169639
170724
|
"kind": "field",
|
|
169640
170725
|
"name": "shape",
|
|
@@ -169645,6 +170730,21 @@
|
|
|
169645
170730
|
"attribute": "shape",
|
|
169646
170731
|
"reflects": true
|
|
169647
170732
|
},
|
|
170733
|
+
{
|
|
170734
|
+
"kind": "method",
|
|
170735
|
+
"name": "renderShape",
|
|
170736
|
+
"privacy": "protected",
|
|
170737
|
+
"return": {
|
|
170738
|
+
"type": {
|
|
170739
|
+
"text": "TemplateResult"
|
|
170740
|
+
}
|
|
170741
|
+
},
|
|
170742
|
+
"description": "The placeholder shape and the sheen inside it.\n\nA method, so a tier above can draw the placeholder as several shapes, as\nthe styled tier draws a paragraph of lines.",
|
|
170743
|
+
"inheritedFrom": {
|
|
170744
|
+
"name": "HelixHeadlessSkeleton",
|
|
170745
|
+
"module": "src/skeleton/root/skeleton-root.ts"
|
|
170746
|
+
}
|
|
170747
|
+
},
|
|
169648
170748
|
{
|
|
169649
170749
|
"kind": "field",
|
|
169650
170750
|
"name": "label",
|
|
@@ -170037,6 +171137,14 @@
|
|
|
170037
171137
|
"description": "How the placeholder shows it is waiting: a sweep when unset, `pulse` to\nfade the fill in and out, or `none` to sit still.\n\nReduced motion stills both.",
|
|
170038
171138
|
"fieldName": "effect"
|
|
170039
171139
|
},
|
|
171140
|
+
{
|
|
171141
|
+
"name": "lines",
|
|
171142
|
+
"type": {
|
|
171143
|
+
"text": "number | undefined"
|
|
171144
|
+
},
|
|
171145
|
+
"description": "How many lines of text the placeholder stands for, with `shape=\"text\"`.\n\nAbsent, or 1, is one line. Reflected, because the stylesheet sizes a\nparagraph by it.",
|
|
171146
|
+
"fieldName": "lines"
|
|
171147
|
+
},
|
|
170040
171148
|
{
|
|
170041
171149
|
"name": "shape",
|
|
170042
171150
|
"type": {
|
|
@@ -170103,6 +171211,10 @@
|
|
|
170103
171211
|
{
|
|
170104
171212
|
"description": "A skeleton around real content takes its size, and shows the content once `loading` is gone.",
|
|
170105
171213
|
"slug": "loading"
|
|
171214
|
+
},
|
|
171215
|
+
{
|
|
171216
|
+
"description": "A paragraph of three lines from one element, with `lines`, the last line shorter.",
|
|
171217
|
+
"slug": "paragraph"
|
|
170106
171218
|
}
|
|
170107
171219
|
],
|
|
170108
171220
|
"source": "helix/styled/src/skeleton"
|
|
@@ -170875,6 +171987,10 @@
|
|
|
170875
171987
|
"description": "The color of the thumb.",
|
|
170876
171988
|
"name": "--slider-thumb-color"
|
|
170877
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
|
+
},
|
|
170878
171994
|
{
|
|
170879
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.",
|
|
170880
171996
|
"name": "--slider-thumb-length"
|
|
@@ -170912,7 +172028,7 @@
|
|
|
170912
172028
|
"name": "--slider-track-size"
|
|
170913
172029
|
},
|
|
170914
172030
|
{
|
|
170915
|
-
"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.",
|
|
170916
172032
|
"name": "--slider-at",
|
|
170917
172033
|
"inheritedFrom": {
|
|
170918
172034
|
"name": "HelixHeadlessSlider",
|
|
@@ -171656,7 +172772,7 @@
|
|
|
171656
172772
|
"text": "boolean"
|
|
171657
172773
|
},
|
|
171658
172774
|
"default": "false",
|
|
171659
|
-
"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.",
|
|
171660
172776
|
"attribute": "range",
|
|
171661
172777
|
"reflects": true,
|
|
171662
172778
|
"inheritedFrom": {
|
|
@@ -171681,6 +172797,21 @@
|
|
|
171681
172797
|
"module": "src/slider/root/slider-root.ts"
|
|
171682
172798
|
}
|
|
171683
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
|
+
},
|
|
171684
172815
|
{
|
|
171685
172816
|
"kind": "field",
|
|
171686
172817
|
"name": "showValue",
|
|
@@ -171710,6 +172841,23 @@
|
|
|
171710
172841
|
"module": "src/slider/root/slider-root.ts"
|
|
171711
172842
|
}
|
|
171712
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
|
+
},
|
|
171713
172861
|
{
|
|
171714
172862
|
"kind": "field",
|
|
171715
172863
|
"name": "tooltip",
|
|
@@ -171815,6 +172963,20 @@
|
|
|
171815
172963
|
"module": "src/slider/root/slider-root.ts"
|
|
171816
172964
|
}
|
|
171817
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
|
+
},
|
|
171818
172980
|
{
|
|
171819
172981
|
"kind": "method",
|
|
171820
172982
|
"name": "along",
|
|
@@ -171859,6 +173021,17 @@
|
|
|
171859
173021
|
"module": "src/slider/root/slider-root.ts"
|
|
171860
173022
|
}
|
|
171861
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
|
+
},
|
|
171862
173035
|
{
|
|
171863
173036
|
"kind": "method",
|
|
171864
173037
|
"name": "sync",
|
|
@@ -171868,7 +173041,7 @@
|
|
|
171868
173041
|
"text": "void"
|
|
171869
173042
|
}
|
|
171870
173043
|
},
|
|
171871
|
-
"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.",
|
|
171872
173045
|
"inheritedFrom": {
|
|
171873
173046
|
"name": "HelixHeadlessSlider",
|
|
171874
173047
|
"module": "src/slider/root/slider-root.ts"
|
|
@@ -172073,6 +173246,45 @@
|
|
|
172073
173246
|
"module": "src/slider/root/slider-root.ts"
|
|
172074
173247
|
}
|
|
172075
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
|
+
},
|
|
172076
173288
|
{
|
|
172077
173289
|
"kind": "method",
|
|
172078
173290
|
"name": "renderTooltips",
|
|
@@ -172082,20 +173294,6 @@
|
|
|
172082
173294
|
"text": "TemplateResult | typeof nothing"
|
|
172083
173295
|
}
|
|
172084
173296
|
},
|
|
172085
|
-
"parameters": [
|
|
172086
|
-
{
|
|
172087
|
-
"name": "start",
|
|
172088
|
-
"type": {
|
|
172089
|
-
"text": "number"
|
|
172090
|
-
}
|
|
172091
|
-
},
|
|
172092
|
-
{
|
|
172093
|
-
"name": "end",
|
|
172094
|
-
"type": {
|
|
172095
|
-
"text": "number"
|
|
172096
|
-
}
|
|
172097
|
-
}
|
|
172098
|
-
],
|
|
172099
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.",
|
|
172100
173298
|
"inheritedFrom": {
|
|
172101
173299
|
"name": "HelixHeadlessSlider",
|
|
@@ -172936,10 +174134,22 @@
|
|
|
172936
174134
|
"description": "Two thumbs on one track, for choosing a span.",
|
|
172937
174135
|
"slug": "range"
|
|
172938
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
|
+
},
|
|
172939
174141
|
{
|
|
172940
174142
|
"description": "A value that moves in steps of 25, set with `step`.",
|
|
172941
174143
|
"slug": "stepped"
|
|
172942
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
|
+
},
|
|
172943
174153
|
{
|
|
172944
174154
|
"description": "Each thumb shows its value in a bubble while the slider is under the pointer or holds focus.",
|
|
172945
174155
|
"slug": "tooltip"
|
|
@@ -173200,7 +174410,7 @@
|
|
|
173200
174410
|
"text": "boolean"
|
|
173201
174411
|
},
|
|
173202
174412
|
"default": "false",
|
|
173203
|
-
"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.",
|
|
173204
174414
|
"fieldName": "range",
|
|
173205
174415
|
"inheritedFrom": {
|
|
173206
174416
|
"name": "HelixHeadlessSlider",
|
|
@@ -173220,6 +174430,19 @@
|
|
|
173220
174430
|
"module": "src/slider/root/slider-root.ts"
|
|
173221
174431
|
}
|
|
173222
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
|
+
},
|
|
173223
174446
|
{
|
|
173224
174447
|
"name": "show-value",
|
|
173225
174448
|
"type": {
|
|
@@ -173246,6 +174469,19 @@
|
|
|
173246
174469
|
"module": "src/slider/root/slider-root.ts"
|
|
173247
174470
|
}
|
|
173248
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
|
+
},
|
|
173249
174485
|
{
|
|
173250
174486
|
"name": "tooltip",
|
|
173251
174487
|
"type": {
|
|
@@ -173323,11 +174559,27 @@
|
|
|
173323
174559
|
"name": "HelixHeadlessSlider",
|
|
173324
174560
|
"module": "src/slider/root/slider-root.ts"
|
|
173325
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
|
+
}
|
|
173326
174578
|
}
|
|
173327
174579
|
],
|
|
173328
174580
|
"cssParts": [
|
|
173329
174581
|
{
|
|
173330
|
-
"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.",
|
|
173331
174583
|
"name": "control",
|
|
173332
174584
|
"inheritedFrom": {
|
|
173333
174585
|
"name": "HelixHeadlessSlider",
|
|
@@ -173399,7 +174651,23 @@
|
|
|
173399
174651
|
}
|
|
173400
174652
|
},
|
|
173401
174653
|
{
|
|
173402
|
-
"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.",
|
|
173403
174671
|
"name": "tooltip",
|
|
173404
174672
|
"inheritedFrom": {
|
|
173405
174673
|
"name": "HelixHeadlessSlider",
|
|
@@ -175420,6 +176688,48 @@
|
|
|
175420
176688
|
"module": "src/speed-dial/item/speed-dial-item.ts"
|
|
175421
176689
|
}
|
|
175422
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
|
+
},
|
|
175423
176733
|
{
|
|
175424
176734
|
"kind": "field",
|
|
175425
176735
|
"name": "shortcut",
|
|
@@ -175434,6 +176744,20 @@
|
|
|
175434
176744
|
"module": "src/speed-dial/item/speed-dial-item.ts"
|
|
175435
176745
|
}
|
|
175436
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
|
+
},
|
|
175437
176761
|
{
|
|
175438
176762
|
"kind": "field",
|
|
175439
176763
|
"name": "value",
|
|
@@ -175582,6 +176906,17 @@
|
|
|
175582
176906
|
"module": "src/speed-dial/item/speed-dial-item.ts"
|
|
175583
176907
|
}
|
|
175584
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
|
+
},
|
|
175585
176920
|
{
|
|
175586
176921
|
"kind": "method",
|
|
175587
176922
|
"name": "renderShortcut",
|
|
@@ -175994,7 +177329,7 @@
|
|
|
175994
177329
|
}
|
|
175995
177330
|
},
|
|
175996
177331
|
{
|
|
175997
|
-
"description": "The control for the action.",
|
|
177332
|
+
"description": "The control for the action, which is an `<a>` where `href` is set.",
|
|
175998
177333
|
"name": "item",
|
|
175999
177334
|
"inheritedFrom": {
|
|
176000
177335
|
"name": "HelixHeadlessSpeedDialItem",
|
|
@@ -176032,6 +177367,45 @@
|
|
|
176032
177367
|
"module": "src/speed-dial/item/speed-dial-item.ts"
|
|
176033
177368
|
}
|
|
176034
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
|
+
},
|
|
176035
177409
|
{
|
|
176036
177410
|
"name": "shortcut",
|
|
176037
177411
|
"type": {
|
|
@@ -176045,6 +177419,19 @@
|
|
|
176045
177419
|
"module": "src/speed-dial/item/speed-dial-item.ts"
|
|
176046
177420
|
}
|
|
176047
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
|
+
},
|
|
176048
177435
|
{
|
|
176049
177436
|
"name": "value",
|
|
176050
177437
|
"type": {
|
|
@@ -176361,10 +177748,10 @@
|
|
|
176361
177748
|
"kind": "field",
|
|
176362
177749
|
"name": "openOn",
|
|
176363
177750
|
"type": {
|
|
176364
|
-
"text": "'click' | 'long-press'"
|
|
177751
|
+
"text": "'click' | 'hover' | 'long-press'"
|
|
176365
177752
|
},
|
|
176366
177753
|
"default": "'click'",
|
|
176367
|
-
"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.",
|
|
176368
177755
|
"attribute": "open-on",
|
|
176369
177756
|
"inheritedFrom": {
|
|
176370
177757
|
"name": "HelixHeadlessSpeedDial",
|
|
@@ -176410,6 +177797,33 @@
|
|
|
176410
177797
|
"module": "src/speed-dial/root/speed-dial-root.ts"
|
|
176411
177798
|
}
|
|
176412
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
|
+
},
|
|
176413
177827
|
{
|
|
176414
177828
|
"kind": "field",
|
|
176415
177829
|
"name": "panel",
|
|
@@ -176474,6 +177888,53 @@
|
|
|
176474
177888
|
"module": "src/speed-dial/root/speed-dial-root.ts"
|
|
176475
177889
|
}
|
|
176476
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
|
+
},
|
|
176477
177938
|
{
|
|
176478
177939
|
"kind": "method",
|
|
176479
177940
|
"name": "focus",
|
|
@@ -177098,10 +178559,10 @@
|
|
|
177098
178559
|
{
|
|
177099
178560
|
"name": "open-on",
|
|
177100
178561
|
"type": {
|
|
177101
|
-
"text": "'click' | 'long-press'"
|
|
178562
|
+
"text": "'click' | 'hover' | 'long-press'"
|
|
177102
178563
|
},
|
|
177103
178564
|
"default": "'click'",
|
|
177104
|
-
"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.",
|
|
177105
178566
|
"fieldName": "openOn",
|
|
177106
178567
|
"inheritedFrom": {
|
|
177107
178568
|
"name": "HelixHeadlessSpeedDial",
|
|
@@ -177218,6 +178679,14 @@
|
|
|
177218
178679
|
"module": "src/speed-dial/root/speed-dial-root.ts"
|
|
177219
178680
|
}
|
|
177220
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
|
+
},
|
|
177221
178690
|
{
|
|
177222
178691
|
"description": "The control that opens the actions. Without one, a button named by `label` is drawn.",
|
|
177223
178692
|
"name": "trigger",
|
|
@@ -177705,6 +179174,63 @@
|
|
|
177705
179174
|
"module": "src/splitter/root/splitter-root.ts"
|
|
177706
179175
|
}
|
|
177707
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
|
+
},
|
|
177708
179234
|
{
|
|
177709
179235
|
"kind": "field",
|
|
177710
179236
|
"name": "length",
|
|
@@ -179222,13 +180748,64 @@
|
|
|
179222
180748
|
"text": "string"
|
|
179223
180749
|
},
|
|
179224
180750
|
"default": "''",
|
|
179225
|
-
"description": "Accessible name for the group.",
|
|
180751
|
+
"description": "Accessible name for the group, which makes it a group.\n\nAbsent leaves the stats with no group around them, unless `aria-label` or\n`aria-labelledby` names it.",
|
|
179226
180752
|
"attribute": "label",
|
|
179227
180753
|
"inheritedFrom": {
|
|
179228
180754
|
"name": "HelixHeadlessStatGroup",
|
|
179229
180755
|
"module": "src/stat/group/stat-group.ts"
|
|
179230
180756
|
}
|
|
179231
180757
|
},
|
|
180758
|
+
{
|
|
180759
|
+
"kind": "field",
|
|
180760
|
+
"name": "observedAttributes",
|
|
180761
|
+
"type": {
|
|
180762
|
+
"text": "string[]"
|
|
180763
|
+
},
|
|
180764
|
+
"static": true,
|
|
180765
|
+
"description": "Hears a name written on the element, which no property mirrors.\n\nLit observes the attributes of its own properties only, and `ariaLabel`\nand `ariaLabelledByElements` belong to the platform.",
|
|
180766
|
+
"readonly": true,
|
|
180767
|
+
"inheritedFrom": {
|
|
180768
|
+
"name": "HelixHeadlessStatGroup",
|
|
180769
|
+
"module": "src/stat/group/stat-group.ts"
|
|
180770
|
+
}
|
|
180771
|
+
},
|
|
180772
|
+
{
|
|
180773
|
+
"kind": "method",
|
|
180774
|
+
"name": "attributeChangedCallback",
|
|
180775
|
+
"return": {
|
|
180776
|
+
"type": {
|
|
180777
|
+
"text": "void"
|
|
180778
|
+
}
|
|
180779
|
+
},
|
|
180780
|
+
"parameters": [
|
|
180781
|
+
{
|
|
180782
|
+
"name": "name",
|
|
180783
|
+
"type": {
|
|
180784
|
+
"text": "string"
|
|
180785
|
+
}
|
|
180786
|
+
},
|
|
180787
|
+
{
|
|
180788
|
+
"name": "old",
|
|
180789
|
+
"type": {
|
|
180790
|
+
"text": "string | null"
|
|
180791
|
+
}
|
|
180792
|
+
},
|
|
180793
|
+
{
|
|
180794
|
+
"name": "value",
|
|
180795
|
+
"type": {
|
|
180796
|
+
"text": "string | null"
|
|
180797
|
+
}
|
|
180798
|
+
}
|
|
180799
|
+
],
|
|
180800
|
+
"description": "Called by the browser when an observed attribute changes. A name written\nor taken off asks for an update, because it decides whether the stats are\na group.",
|
|
180801
|
+
"type": {
|
|
180802
|
+
"text": "attributeChangedCallback(name: string, old: string | null, value: string | null) => void"
|
|
180803
|
+
},
|
|
180804
|
+
"inheritedFrom": {
|
|
180805
|
+
"name": "HelixHeadlessStatGroup",
|
|
180806
|
+
"module": "src/stat/group/stat-group.ts"
|
|
180807
|
+
}
|
|
180808
|
+
},
|
|
179232
180809
|
{
|
|
179233
180810
|
"kind": "field",
|
|
179234
180811
|
"name": "tier",
|
|
@@ -179593,7 +181170,7 @@
|
|
|
179593
181170
|
"text": "string"
|
|
179594
181171
|
},
|
|
179595
181172
|
"default": "''",
|
|
179596
|
-
"description": "Accessible name for the group.",
|
|
181173
|
+
"description": "Accessible name for the group, which makes it a group.\n\nAbsent leaves the stats with no group around them, unless `aria-label` or\n`aria-labelledby` names it.",
|
|
179597
181174
|
"fieldName": "label",
|
|
179598
181175
|
"inheritedFrom": {
|
|
179599
181176
|
"name": "HelixHeadlessStatGroup",
|
|
@@ -179753,6 +181330,30 @@
|
|
|
179753
181330
|
"name": "HelixHeadlessStat",
|
|
179754
181331
|
"module": "src/stat/root/stat-root.ts"
|
|
179755
181332
|
}
|
|
181333
|
+
},
|
|
181334
|
+
{
|
|
181335
|
+
"description": "The slot the label arrives through, drawing no box, as `value` does.",
|
|
181336
|
+
"name": "label",
|
|
181337
|
+
"inheritedFrom": {
|
|
181338
|
+
"name": "HelixHeadlessStat",
|
|
181339
|
+
"module": "src/stat/root/stat-root.ts"
|
|
181340
|
+
}
|
|
181341
|
+
},
|
|
181342
|
+
{
|
|
181343
|
+
"description": "The slot the trend arrives through, drawing no box, as `value` does.",
|
|
181344
|
+
"name": "trend",
|
|
181345
|
+
"inheritedFrom": {
|
|
181346
|
+
"name": "HelixHeadlessStat",
|
|
181347
|
+
"module": "src/stat/root/stat-root.ts"
|
|
181348
|
+
}
|
|
181349
|
+
},
|
|
181350
|
+
{
|
|
181351
|
+
"description": "The slot the unit arrives through, drawing no box, as `value` does.",
|
|
181352
|
+
"name": "unit",
|
|
181353
|
+
"inheritedFrom": {
|
|
181354
|
+
"name": "HelixHeadlessStat",
|
|
181355
|
+
"module": "src/stat/root/stat-root.ts"
|
|
181356
|
+
}
|
|
179756
181357
|
}
|
|
179757
181358
|
],
|
|
179758
181359
|
"members": [
|
|
@@ -179770,6 +181371,57 @@
|
|
|
179770
181371
|
"module": "src/stat/root/stat-root.ts"
|
|
179771
181372
|
}
|
|
179772
181373
|
},
|
|
181374
|
+
{
|
|
181375
|
+
"kind": "field",
|
|
181376
|
+
"name": "formatOptions",
|
|
181377
|
+
"type": {
|
|
181378
|
+
"text": "Intl.NumberFormatOptions | undefined"
|
|
181379
|
+
},
|
|
181380
|
+
"description": "`Intl.NumberFormat` options `value` is written with, such as\n`{\"notation\":\"compact\"}` for `1.2M` or `{\"style\":\"percent\"}` for `98%`,\nwritten as JSON in the attribute.\n\nAbsent writes the number as the locale writes any number.",
|
|
181381
|
+
"attribute": "format-options",
|
|
181382
|
+
"inheritedFrom": {
|
|
181383
|
+
"name": "HelixHeadlessStat",
|
|
181384
|
+
"module": "src/stat/root/stat-root.ts"
|
|
181385
|
+
}
|
|
181386
|
+
},
|
|
181387
|
+
{
|
|
181388
|
+
"kind": "field",
|
|
181389
|
+
"name": "locale",
|
|
181390
|
+
"type": {
|
|
181391
|
+
"text": "string"
|
|
181392
|
+
},
|
|
181393
|
+
"default": "''",
|
|
181394
|
+
"description": "The locale `value` is written in, such as `de` for `1.234.567`.\n\nAbsent reads the nearest `lang`, then the runtime's own. Set it on a page\nrendered on a server, so the server and the browser write the figure\nalike.",
|
|
181395
|
+
"attribute": "locale",
|
|
181396
|
+
"inheritedFrom": {
|
|
181397
|
+
"name": "HelixHeadlessStat",
|
|
181398
|
+
"module": "src/stat/root/stat-root.ts"
|
|
181399
|
+
}
|
|
181400
|
+
},
|
|
181401
|
+
{
|
|
181402
|
+
"kind": "field",
|
|
181403
|
+
"name": "value",
|
|
181404
|
+
"type": {
|
|
181405
|
+
"text": "number | undefined"
|
|
181406
|
+
},
|
|
181407
|
+
"description": "The figure as a number, written with `format-options` in `locale` in\nplace of a slotted value.\n\nAbsent leaves the figure to the slot.",
|
|
181408
|
+
"attribute": "value",
|
|
181409
|
+
"inheritedFrom": {
|
|
181410
|
+
"name": "HelixHeadlessStat",
|
|
181411
|
+
"module": "src/stat/root/stat-root.ts"
|
|
181412
|
+
}
|
|
181413
|
+
},
|
|
181414
|
+
{
|
|
181415
|
+
"kind": "field",
|
|
181416
|
+
"name": "readPieces",
|
|
181417
|
+
"privacy": "private",
|
|
181418
|
+
"readonly": true,
|
|
181419
|
+
"description": "Says which pieces the stat holds, one call apiece so each pairs with its `@cssstate`.",
|
|
181420
|
+
"inheritedFrom": {
|
|
181421
|
+
"name": "HelixHeadlessStat",
|
|
181422
|
+
"module": "src/stat/root/stat-root.ts"
|
|
181423
|
+
}
|
|
181424
|
+
},
|
|
179773
181425
|
{
|
|
179774
181426
|
"kind": "field",
|
|
179775
181427
|
"name": "tier",
|
|
@@ -180193,9 +181845,70 @@
|
|
|
180193
181845
|
"name": "HelixHeadlessStat",
|
|
180194
181846
|
"module": "src/stat/root/stat-root.ts"
|
|
180195
181847
|
}
|
|
181848
|
+
},
|
|
181849
|
+
{
|
|
181850
|
+
"name": "format-options",
|
|
181851
|
+
"type": {
|
|
181852
|
+
"text": "Intl.NumberFormatOptions | undefined"
|
|
181853
|
+
},
|
|
181854
|
+
"description": "`Intl.NumberFormat` options `value` is written with, such as\n`{\"notation\":\"compact\"}` for `1.2M` or `{\"style\":\"percent\"}` for `98%`,\nwritten as JSON in the attribute.\n\nAbsent writes the number as the locale writes any number.",
|
|
181855
|
+
"fieldName": "formatOptions",
|
|
181856
|
+
"inheritedFrom": {
|
|
181857
|
+
"name": "HelixHeadlessStat",
|
|
181858
|
+
"module": "src/stat/root/stat-root.ts"
|
|
181859
|
+
}
|
|
181860
|
+
},
|
|
181861
|
+
{
|
|
181862
|
+
"name": "locale",
|
|
181863
|
+
"type": {
|
|
181864
|
+
"text": "string"
|
|
181865
|
+
},
|
|
181866
|
+
"default": "''",
|
|
181867
|
+
"description": "The locale `value` is written in, such as `de` for `1.234.567`.\n\nAbsent reads the nearest `lang`, then the runtime's own. Set it on a page\nrendered on a server, so the server and the browser write the figure\nalike.",
|
|
181868
|
+
"fieldName": "locale",
|
|
181869
|
+
"inheritedFrom": {
|
|
181870
|
+
"name": "HelixHeadlessStat",
|
|
181871
|
+
"module": "src/stat/root/stat-root.ts"
|
|
181872
|
+
}
|
|
181873
|
+
},
|
|
181874
|
+
{
|
|
181875
|
+
"name": "value",
|
|
181876
|
+
"type": {
|
|
181877
|
+
"text": "number | undefined"
|
|
181878
|
+
},
|
|
181879
|
+
"description": "The figure as a number, written with `format-options` in `locale` in\nplace of a slotted value.\n\nAbsent leaves the figure to the slot.",
|
|
181880
|
+
"fieldName": "value",
|
|
181881
|
+
"inheritedFrom": {
|
|
181882
|
+
"name": "HelixHeadlessStat",
|
|
181883
|
+
"module": "src/stat/root/stat-root.ts"
|
|
181884
|
+
}
|
|
180196
181885
|
}
|
|
180197
181886
|
],
|
|
180198
181887
|
"cssStates": [
|
|
181888
|
+
{
|
|
181889
|
+
"description": "Something is slotted into `label`.",
|
|
181890
|
+
"name": "has-label",
|
|
181891
|
+
"inheritedFrom": {
|
|
181892
|
+
"name": "HelixHeadlessStat",
|
|
181893
|
+
"module": "src/stat/root/stat-root.ts"
|
|
181894
|
+
}
|
|
181895
|
+
},
|
|
181896
|
+
{
|
|
181897
|
+
"description": "Something is slotted into `trend`.",
|
|
181898
|
+
"name": "has-trend",
|
|
181899
|
+
"inheritedFrom": {
|
|
181900
|
+
"name": "HelixHeadlessStat",
|
|
181901
|
+
"module": "src/stat/root/stat-root.ts"
|
|
181902
|
+
}
|
|
181903
|
+
},
|
|
181904
|
+
{
|
|
181905
|
+
"description": "Something is slotted into `unit`.",
|
|
181906
|
+
"name": "has-unit",
|
|
181907
|
+
"inheritedFrom": {
|
|
181908
|
+
"name": "HelixHeadlessStat",
|
|
181909
|
+
"module": "src/stat/root/stat-root.ts"
|
|
181910
|
+
}
|
|
181911
|
+
},
|
|
180199
181912
|
{
|
|
180200
181913
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
180201
181914
|
"name": "settled",
|
|
@@ -180468,6 +182181,34 @@
|
|
|
180468
182181
|
"module": "src/steps/root/steps-root.ts"
|
|
180469
182182
|
}
|
|
180470
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
|
+
},
|
|
180471
182212
|
{
|
|
180472
182213
|
"kind": "field",
|
|
180473
182214
|
"name": "label",
|
|
@@ -180570,6 +182311,17 @@
|
|
|
180570
182311
|
"module": "src/steps/root/steps-root.ts"
|
|
180571
182312
|
}
|
|
180572
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
|
+
},
|
|
180573
182325
|
{
|
|
180574
182326
|
"kind": "field",
|
|
180575
182327
|
"name": "steps",
|
|
@@ -180632,6 +182384,23 @@
|
|
|
180632
182384
|
"module": "src/steps/root/steps-root.ts"
|
|
180633
182385
|
}
|
|
180634
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
|
+
},
|
|
180635
182404
|
{
|
|
180636
182405
|
"kind": "method",
|
|
180637
182406
|
"name": "step",
|
|
@@ -181200,6 +182969,31 @@
|
|
|
181200
182969
|
"module": "src/mixins/mixin-controller-active/mixin-controller-active.ts"
|
|
181201
182970
|
}
|
|
181202
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
|
+
},
|
|
181203
182997
|
{
|
|
181204
182998
|
"name": "label",
|
|
181205
182999
|
"type": {
|
|
@@ -181530,6 +183324,32 @@
|
|
|
181530
183324
|
"module": "src/steps/step/step.ts"
|
|
181531
183325
|
}
|
|
181532
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
|
+
},
|
|
181533
183353
|
{
|
|
181534
183354
|
"kind": "method",
|
|
181535
183355
|
"name": "select",
|
|
@@ -182169,6 +183989,14 @@
|
|
|
182169
183989
|
"module": "src/steps/step/step.ts"
|
|
182170
183990
|
}
|
|
182171
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
|
+
},
|
|
182172
184000
|
{
|
|
182173
184001
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
182174
184002
|
"name": "settled",
|
|
@@ -189611,6 +191439,10 @@
|
|
|
189611
191439
|
{
|
|
189612
191440
|
"description": "The color of the rule under the row in `underlined`.",
|
|
189613
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"
|
|
189614
191446
|
}
|
|
189615
191447
|
],
|
|
189616
191448
|
"cssParts": [
|
|
@@ -189630,6 +191462,22 @@
|
|
|
189630
191462
|
"module": "src/tabs/root/tabs-root.ts"
|
|
189631
191463
|
}
|
|
189632
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
|
+
},
|
|
189633
191481
|
{
|
|
189634
191482
|
"description": "The tab list.",
|
|
189635
191483
|
"name": "tabs",
|
|
@@ -189878,6 +191726,21 @@
|
|
|
189878
191726
|
"module": "src/tabs/root/tabs-root.ts"
|
|
189879
191727
|
}
|
|
189880
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
|
+
},
|
|
189881
191744
|
{
|
|
189882
191745
|
"kind": "field",
|
|
189883
191746
|
"name": "variant",
|
|
@@ -189942,6 +191805,67 @@
|
|
|
189942
191805
|
"module": "src/tabs/root/tabs-root.ts"
|
|
189943
191806
|
}
|
|
189944
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
|
+
},
|
|
189945
191869
|
{
|
|
189946
191870
|
"kind": "field",
|
|
189947
191871
|
"name": "held",
|
|
@@ -190009,6 +191933,36 @@
|
|
|
190009
191933
|
"module": "src/tabs/root/tabs-root.ts"
|
|
190010
191934
|
}
|
|
190011
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
|
+
},
|
|
190012
191966
|
{
|
|
190013
191967
|
"kind": "field",
|
|
190014
191968
|
"name": "handleSlotChange",
|
|
@@ -190020,6 +191974,29 @@
|
|
|
190020
191974
|
"module": "src/tabs/root/tabs-root.ts"
|
|
190021
191975
|
}
|
|
190022
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
|
+
},
|
|
190023
192000
|
{
|
|
190024
192001
|
"kind": "field",
|
|
190025
192002
|
"name": "tier",
|
|
@@ -190475,6 +192452,19 @@
|
|
|
190475
192452
|
"module": "src/tabs/root/tabs-root.ts"
|
|
190476
192453
|
}
|
|
190477
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
|
+
},
|
|
190478
192468
|
{
|
|
190479
192469
|
"name": "variant",
|
|
190480
192470
|
"type": {
|
|
@@ -190600,6 +192590,10 @@
|
|
|
190600
192590
|
"description": "How faint a disabled tab is drawn.",
|
|
190601
192591
|
"name": "--tabs-tab-disabled-opacity"
|
|
190602
192592
|
},
|
|
192593
|
+
{
|
|
192594
|
+
"description": "The color of the mark that closes a `dismissible` tab.",
|
|
192595
|
+
"name": "--tabs-tab-dismiss-color"
|
|
192596
|
+
},
|
|
190603
192597
|
{
|
|
190604
192598
|
"description": "The size of a tab's label.",
|
|
190605
192599
|
"name": "--tabs-tab-font-size"
|
|
@@ -190634,6 +192628,14 @@
|
|
|
190634
192628
|
}
|
|
190635
192629
|
],
|
|
190636
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
|
+
},
|
|
190637
192639
|
{
|
|
190638
192640
|
"description": "The tab itself.",
|
|
190639
192641
|
"name": "tab",
|
|
@@ -190654,6 +192656,186 @@
|
|
|
190654
192656
|
}
|
|
190655
192657
|
],
|
|
190656
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
|
+
},
|
|
190657
192839
|
{
|
|
190658
192840
|
"kind": "field",
|
|
190659
192841
|
"name": "disabled",
|
|
@@ -190810,6 +192992,42 @@
|
|
|
190810
192992
|
"module": "src/tabs/tab/tab.ts"
|
|
190811
192993
|
}
|
|
190812
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
|
+
},
|
|
190813
193031
|
{
|
|
190814
193032
|
"kind": "field",
|
|
190815
193033
|
"name": "handleLinkClick",
|
|
@@ -191177,6 +193395,32 @@
|
|
|
191177
193395
|
"tagName": "helix-tab",
|
|
191178
193396
|
"customElement": true,
|
|
191179
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
|
+
},
|
|
191180
193424
|
{
|
|
191181
193425
|
"name": "disabled",
|
|
191182
193426
|
"type": {
|
|
@@ -191254,6 +193498,18 @@
|
|
|
191254
193498
|
}
|
|
191255
193499
|
],
|
|
191256
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
|
+
},
|
|
191257
193513
|
{
|
|
191258
193514
|
"type": {
|
|
191259
193515
|
"text": "HelixSelectEvent"
|
|
@@ -191357,6 +193613,20 @@
|
|
|
191357
193613
|
"module": "src/tag/group/tag-group.ts"
|
|
191358
193614
|
}
|
|
191359
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
|
+
},
|
|
191360
193630
|
{
|
|
191361
193631
|
"kind": "field",
|
|
191362
193632
|
"name": "emptyLabel",
|
|
@@ -191388,6 +193658,20 @@
|
|
|
191388
193658
|
"module": "src/tag/group/tag-group.ts"
|
|
191389
193659
|
}
|
|
191390
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
|
+
},
|
|
191391
193675
|
{
|
|
191392
193676
|
"kind": "field",
|
|
191393
193677
|
"name": "selectionMode",
|
|
@@ -191605,6 +193889,13 @@
|
|
|
191605
193889
|
"type": {
|
|
191606
193890
|
"text": "HelixHeadlessTag"
|
|
191607
193891
|
}
|
|
193892
|
+
},
|
|
193893
|
+
{
|
|
193894
|
+
"name": "cause",
|
|
193895
|
+
"optional": true,
|
|
193896
|
+
"type": {
|
|
193897
|
+
"text": "KeyboardEvent | MouseEvent"
|
|
193898
|
+
}
|
|
191608
193899
|
}
|
|
191609
193900
|
],
|
|
191610
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.",
|
|
@@ -191613,6 +193904,43 @@
|
|
|
191613
193904
|
"module": "src/tag/group/tag-group.ts"
|
|
191614
193905
|
}
|
|
191615
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
|
+
},
|
|
191616
193944
|
{
|
|
191617
193945
|
"kind": "method",
|
|
191618
193946
|
"name": "span",
|
|
@@ -192148,6 +194476,19 @@
|
|
|
192148
194476
|
}
|
|
192149
194477
|
],
|
|
192150
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
|
+
},
|
|
192151
194492
|
{
|
|
192152
194493
|
"name": "empty-label",
|
|
192153
194494
|
"type": {
|
|
@@ -192174,6 +194515,19 @@
|
|
|
192174
194515
|
"module": "src/tag/group/tag-group.ts"
|
|
192175
194516
|
}
|
|
192176
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
|
+
},
|
|
192177
194531
|
{
|
|
192178
194532
|
"name": "selection-mode",
|
|
192179
194533
|
"type": {
|
|
@@ -192320,7 +194674,7 @@
|
|
|
192320
194674
|
"declarations": [
|
|
192321
194675
|
{
|
|
192322
194676
|
"kind": "class",
|
|
192323
|
-
"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.",
|
|
192324
194678
|
"name": "HelixTag",
|
|
192325
194679
|
"cssProperties": [
|
|
192326
194680
|
{
|
|
@@ -193270,6 +195624,10 @@
|
|
|
193270
195624
|
"description": "Tags with a category in the `start` slot, shown before the label.",
|
|
193271
195625
|
"slug": "category"
|
|
193272
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
|
+
},
|
|
193273
195631
|
{
|
|
193274
195632
|
"description": "Tags you can remove, such as the filters in a filter bar.",
|
|
193275
195633
|
"slug": "dismissible"
|
|
@@ -209317,6 +211675,22 @@
|
|
|
209317
211675
|
"name": "HelixHeadlessToggle",
|
|
209318
211676
|
"module": "src/toggle/root/toggle-root.ts"
|
|
209319
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
|
+
}
|
|
209320
211694
|
}
|
|
209321
211695
|
],
|
|
209322
211696
|
"members": [
|
|
@@ -209844,6 +212218,10 @@
|
|
|
209844
212218
|
"description": "Buttons where one stays pressed, which fire the same events as a form value.",
|
|
209845
212219
|
"slug": "events"
|
|
209846
212220
|
},
|
|
212221
|
+
{
|
|
212222
|
+
"description": "Toggles with an icon before each label, in the `start` slot.",
|
|
212223
|
+
"slug": "icons"
|
|
212224
|
+
},
|
|
209847
212225
|
{
|
|
209848
212226
|
"description": "The group showing an error because nothing was chosen.",
|
|
209849
212227
|
"slug": "invalid"
|
|
@@ -217111,6 +219489,23 @@
|
|
|
217111
219489
|
"module": "src/tree/root/tree-root.ts"
|
|
217112
219490
|
}
|
|
217113
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
|
+
},
|
|
217114
219509
|
{
|
|
217115
219510
|
"kind": "field",
|
|
217116
219511
|
"name": "movedLabel",
|
|
@@ -217412,6 +219807,19 @@
|
|
|
217412
219807
|
"module": "src/tree/root/tree-root.ts"
|
|
217413
219808
|
}
|
|
217414
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
|
+
},
|
|
217415
219823
|
{
|
|
217416
219824
|
"kind": "field",
|
|
217417
219825
|
"name": "handleFocusIn",
|
|
@@ -217639,6 +220047,81 @@
|
|
|
217639
220047
|
"module": "src/tree/root/tree-root.ts"
|
|
217640
220048
|
}
|
|
217641
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
|
+
},
|
|
217642
220125
|
{
|
|
217643
220126
|
"kind": "method",
|
|
217644
220127
|
"name": "move",
|
|
@@ -218224,6 +220707,19 @@
|
|
|
218224
220707
|
"module": "src/tree/root/tree-root.ts"
|
|
218225
220708
|
}
|
|
218226
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
|
+
},
|
|
218227
220723
|
{
|
|
218228
220724
|
"name": "moved-label",
|
|
218229
220725
|
"type": {
|
|
@@ -227509,6 +230005,6 @@
|
|
|
227509
230005
|
],
|
|
227510
230006
|
"helix": {
|
|
227511
230007
|
"package": "@fusion.dev/helix",
|
|
227512
|
-
"version": "0.
|
|
230008
|
+
"version": "0.155.0"
|
|
227513
230009
|
}
|
|
227514
230010
|
}
|