@fusion.dev/helix 0.170.0 → 0.172.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 +1443 -75
- package/dist/chat/composer/chat-composer.css.js +1 -1
- package/dist/chat/root/chat-root.css.js +1 -1
- package/dist/code-block/root/code-block-root.css.js +11 -3
- package/dist/element-events.generated.js +1 -0
- package/dist/filter-input/root/filter-input-root.css.js +2 -1
- package/dist/filter-input/root/filter-input-root.d.ts +1 -0
- package/dist/filter-input/root/filter-input-root.js +3 -0
- package/dist/sandbox/frame.d.ts +9 -1
- package/dist/sandbox/frame.js +6 -2
- package/dist/sandbox/preview/sandbox-preview.d.ts +16 -0
- package/dist/sandbox/preview/sandbox-preview.js +7 -4
- package/dist/sandbox/source/sandbox-source.css.js +1 -1
- package/dist/sandbox/source/sandbox-source.d.ts +45 -5
- package/dist/sandbox/source/sandbox-source.js +85 -7
- package/lint.json +1 -1
- package/package.json +6 -6
- package/types/jsx.d.ts +646 -84
- package/types/vue.d.ts +163 -18
- package/types/words.d.ts +6 -2
package/custom-elements.json
CHANGED
|
@@ -29320,6 +29320,14 @@
|
|
|
29320
29320
|
"module": "src/chat/composer/chat-composer.ts"
|
|
29321
29321
|
}
|
|
29322
29322
|
},
|
|
29323
|
+
{
|
|
29324
|
+
"description": "The `feedback` message, under the field while it is set.",
|
|
29325
|
+
"name": "feedback",
|
|
29326
|
+
"inheritedFrom": {
|
|
29327
|
+
"name": "HelixHeadlessChatComposer",
|
|
29328
|
+
"module": "src/chat/composer/chat-composer.ts"
|
|
29329
|
+
}
|
|
29330
|
+
},
|
|
29323
29331
|
{
|
|
29324
29332
|
"description": "The icon inside the send button.",
|
|
29325
29333
|
"name": "mark",
|
|
@@ -29384,6 +29392,20 @@
|
|
|
29384
29392
|
"module": "src/chat/composer/chat-composer.ts"
|
|
29385
29393
|
}
|
|
29386
29394
|
},
|
|
29395
|
+
{
|
|
29396
|
+
"kind": "field",
|
|
29397
|
+
"name": "feedback",
|
|
29398
|
+
"type": {
|
|
29399
|
+
"text": "string"
|
|
29400
|
+
},
|
|
29401
|
+
"default": "''",
|
|
29402
|
+
"description": "A message about the draft, shown under the field. While set, the composer\nis invalid, does not send, and does not submit, as a field's `feedback`\ndoes, and the message is announced as it appears.",
|
|
29403
|
+
"attribute": "feedback",
|
|
29404
|
+
"inheritedFrom": {
|
|
29405
|
+
"name": "HelixHeadlessChatComposer",
|
|
29406
|
+
"module": "src/chat/composer/chat-composer.ts"
|
|
29407
|
+
}
|
|
29408
|
+
},
|
|
29387
29409
|
{
|
|
29388
29410
|
"kind": "field",
|
|
29389
29411
|
"name": "label",
|
|
@@ -29556,6 +29578,20 @@
|
|
|
29556
29578
|
"module": "src/chat/composer/chat-composer.ts"
|
|
29557
29579
|
}
|
|
29558
29580
|
},
|
|
29581
|
+
{
|
|
29582
|
+
"kind": "field",
|
|
29583
|
+
"name": "edited",
|
|
29584
|
+
"type": {
|
|
29585
|
+
"text": "boolean"
|
|
29586
|
+
},
|
|
29587
|
+
"privacy": "private",
|
|
29588
|
+
"default": "false",
|
|
29589
|
+
"description": "Whether the reader has typed in the field since it last held a fresh\ndraft: since it rendered, since a send cleared it, or since a reset.\n\n**A send clears the field, and the field still sends `change` as it is\nleft**, because the platform compares the text with what it held when it\nwas focused. Measured in Chromium before this: a required composer sent\n\"hi\", cleared, and on Tab showed itself invalid over an empty draft\nnobody had written.",
|
|
29590
|
+
"inheritedFrom": {
|
|
29591
|
+
"name": "HelixHeadlessChatComposer",
|
|
29592
|
+
"module": "src/chat/composer/chat-composer.ts"
|
|
29593
|
+
}
|
|
29594
|
+
},
|
|
29559
29595
|
{
|
|
29560
29596
|
"kind": "field",
|
|
29561
29597
|
"name": "shownInvalid",
|
|
@@ -29677,6 +29713,17 @@
|
|
|
29677
29713
|
"module": "src/chat/composer/chat-composer.ts"
|
|
29678
29714
|
}
|
|
29679
29715
|
},
|
|
29716
|
+
{
|
|
29717
|
+
"kind": "field",
|
|
29718
|
+
"name": "handleChange",
|
|
29719
|
+
"privacy": "private",
|
|
29720
|
+
"readonly": true,
|
|
29721
|
+
"description": "The field's `change`, which counts only after the reader typed in it.",
|
|
29722
|
+
"inheritedFrom": {
|
|
29723
|
+
"name": "HelixHeadlessChatComposer",
|
|
29724
|
+
"module": "src/chat/composer/chat-composer.ts"
|
|
29725
|
+
}
|
|
29726
|
+
},
|
|
29680
29727
|
{
|
|
29681
29728
|
"kind": "method",
|
|
29682
29729
|
"name": "formStateRestoreCallback",
|
|
@@ -30597,6 +30644,19 @@
|
|
|
30597
30644
|
"tagName": "helix-chat-composer",
|
|
30598
30645
|
"customElement": true,
|
|
30599
30646
|
"attributes": [
|
|
30647
|
+
{
|
|
30648
|
+
"name": "feedback",
|
|
30649
|
+
"type": {
|
|
30650
|
+
"text": "string"
|
|
30651
|
+
},
|
|
30652
|
+
"default": "''",
|
|
30653
|
+
"description": "A message about the draft, shown under the field. While set, the composer\nis invalid, does not send, and does not submit, as a field's `feedback`\ndoes, and the message is announced as it appears.",
|
|
30654
|
+
"fieldName": "feedback",
|
|
30655
|
+
"inheritedFrom": {
|
|
30656
|
+
"name": "HelixHeadlessChatComposer",
|
|
30657
|
+
"module": "src/chat/composer/chat-composer.ts"
|
|
30658
|
+
}
|
|
30659
|
+
},
|
|
30600
30660
|
{
|
|
30601
30661
|
"name": "label",
|
|
30602
30662
|
"type": {
|
|
@@ -30792,7 +30852,7 @@
|
|
|
30792
30852
|
],
|
|
30793
30853
|
"cssStates": [
|
|
30794
30854
|
{
|
|
30795
|
-
"description": "The draft fails `required`, `minlength`, `maxlength`, or a custom error, and the reader has tried to send or submit it, or edited the field and left it.",
|
|
30855
|
+
"description": "The draft fails `required`, `minlength`, `maxlength`, or a custom error, and the reader has tried to send or submit it, or edited the field and left it. Or `feedback` is set.",
|
|
30796
30856
|
"name": "invalid",
|
|
30797
30857
|
"inheritedFrom": {
|
|
30798
30858
|
"name": "HelixHeadlessChatComposer",
|
|
@@ -33154,7 +33214,7 @@
|
|
|
33154
33214
|
"text": "void"
|
|
33155
33215
|
}
|
|
33156
33216
|
},
|
|
33157
|
-
"description": "Makes the log a tab stop while it scrolls, and takes the
|
|
33217
|
+
"description": "Makes the log a tab stop while it holds a turn or scrolls, and takes the\nstop away from an empty log.\n\n**A reader on a keyboard scrolls the history from the log itself.**\nChromium and Firefox make a box that scrolls focusable on their own, and\nSafari does not, so there the arrow keys could not reach a long history.\n\n**And it is where the turns are entered.** Page Down from the log goes to\nthe turn at the top of the view. A log that fits was no stop at all, so a\nconversation whose turns held no control had no way into them by keyboard.",
|
|
33158
33218
|
"inheritedFrom": {
|
|
33159
33219
|
"name": "HelixHeadlessChat",
|
|
33160
33220
|
"module": "src/chat/root/chat-root.ts"
|
|
@@ -33492,6 +33552,35 @@
|
|
|
33492
33552
|
"module": "src/chat/root/chat-root.ts"
|
|
33493
33553
|
}
|
|
33494
33554
|
},
|
|
33555
|
+
{
|
|
33556
|
+
"kind": "field",
|
|
33557
|
+
"name": "warnedMixed",
|
|
33558
|
+
"type": {
|
|
33559
|
+
"text": "boolean"
|
|
33560
|
+
},
|
|
33561
|
+
"privacy": "private",
|
|
33562
|
+
"default": "false",
|
|
33563
|
+
"description": "Whether the chat has said it was given turns both ways.",
|
|
33564
|
+
"inheritedFrom": {
|
|
33565
|
+
"name": "HelixHeadlessChat",
|
|
33566
|
+
"module": "src/chat/root/chat-root.ts"
|
|
33567
|
+
}
|
|
33568
|
+
},
|
|
33569
|
+
{
|
|
33570
|
+
"kind": "method",
|
|
33571
|
+
"name": "warnMixed",
|
|
33572
|
+
"privacy": "private",
|
|
33573
|
+
"return": {
|
|
33574
|
+
"type": {
|
|
33575
|
+
"text": "void"
|
|
33576
|
+
}
|
|
33577
|
+
},
|
|
33578
|
+
"description": "Says once that turns arrived both as children and as `turns`.",
|
|
33579
|
+
"inheritedFrom": {
|
|
33580
|
+
"name": "HelixHeadlessChat",
|
|
33581
|
+
"module": "src/chat/root/chat-root.ts"
|
|
33582
|
+
}
|
|
33583
|
+
},
|
|
33495
33584
|
{
|
|
33496
33585
|
"kind": "method",
|
|
33497
33586
|
"name": "follow",
|
|
@@ -33515,6 +33604,56 @@
|
|
|
33515
33604
|
"module": "src/chat/root/chat-root.ts"
|
|
33516
33605
|
}
|
|
33517
33606
|
},
|
|
33607
|
+
{
|
|
33608
|
+
"kind": "field",
|
|
33609
|
+
"name": "held",
|
|
33610
|
+
"type": {
|
|
33611
|
+
"text": "{ at: number; id: unknown } | undefined"
|
|
33612
|
+
},
|
|
33613
|
+
"privacy": "private",
|
|
33614
|
+
"description": "The turn focus is in, by its place and its identity, once a reader is in one.",
|
|
33615
|
+
"inheritedFrom": {
|
|
33616
|
+
"name": "HelixHeadlessChat",
|
|
33617
|
+
"module": "src/chat/root/chat-root.ts"
|
|
33618
|
+
}
|
|
33619
|
+
},
|
|
33620
|
+
{
|
|
33621
|
+
"kind": "field",
|
|
33622
|
+
"name": "handleFocusIn",
|
|
33623
|
+
"privacy": "private",
|
|
33624
|
+
"readonly": true,
|
|
33625
|
+
"description": "Notes the turn focus went into, or that it went somewhere else.",
|
|
33626
|
+
"inheritedFrom": {
|
|
33627
|
+
"name": "HelixHeadlessChat",
|
|
33628
|
+
"module": "src/chat/root/chat-root.ts"
|
|
33629
|
+
}
|
|
33630
|
+
},
|
|
33631
|
+
{
|
|
33632
|
+
"kind": "field",
|
|
33633
|
+
"name": "handleFocusOut",
|
|
33634
|
+
"privacy": "private",
|
|
33635
|
+
"readonly": true,
|
|
33636
|
+
"description": "Forgets the turn once focus moves to something outside the transcript.\nA move to nothing is kept, since removing the turn that held focus is\none.",
|
|
33637
|
+
"inheritedFrom": {
|
|
33638
|
+
"name": "HelixHeadlessChat",
|
|
33639
|
+
"module": "src/chat/root/chat-root.ts"
|
|
33640
|
+
}
|
|
33641
|
+
},
|
|
33642
|
+
{
|
|
33643
|
+
"kind": "method",
|
|
33644
|
+
"name": "followRemoved",
|
|
33645
|
+
"privacy": "private",
|
|
33646
|
+
"return": {
|
|
33647
|
+
"type": {
|
|
33648
|
+
"text": "void"
|
|
33649
|
+
}
|
|
33650
|
+
},
|
|
33651
|
+
"description": "Moves focus to a neighbor where removing the turn that held it dropped\nfocus to the body: the turn that took its place, or the one before it\nwhere it was the last.\n\n**Focus went to the body**, and Page Down did nothing until the reader\ntabbed back into the transcript. List and Virtual List move focus to a\nneighbor the same way, as React Aria's GridList does. Focus anywhere but\nthe body is where you put it, and is left there.",
|
|
33652
|
+
"inheritedFrom": {
|
|
33653
|
+
"name": "HelixHeadlessChat",
|
|
33654
|
+
"module": "src/chat/root/chat-root.ts"
|
|
33655
|
+
}
|
|
33656
|
+
},
|
|
33518
33657
|
{
|
|
33519
33658
|
"kind": "method",
|
|
33520
33659
|
"name": "tellTurns",
|
|
@@ -33591,6 +33730,29 @@
|
|
|
33591
33730
|
"module": "src/chat/root/chat-root.ts"
|
|
33592
33731
|
}
|
|
33593
33732
|
},
|
|
33733
|
+
{
|
|
33734
|
+
"kind": "method",
|
|
33735
|
+
"name": "showTurn",
|
|
33736
|
+
"privacy": "private",
|
|
33737
|
+
"return": {
|
|
33738
|
+
"type": {
|
|
33739
|
+
"text": "Promise<void>"
|
|
33740
|
+
}
|
|
33741
|
+
},
|
|
33742
|
+
"parameters": [
|
|
33743
|
+
{
|
|
33744
|
+
"name": "at",
|
|
33745
|
+
"type": {
|
|
33746
|
+
"text": "number"
|
|
33747
|
+
}
|
|
33748
|
+
}
|
|
33749
|
+
],
|
|
33750
|
+
"description": "Draws turn `at` where it is windowed and not drawn, and visits it.",
|
|
33751
|
+
"inheritedFrom": {
|
|
33752
|
+
"name": "HelixHeadlessChat",
|
|
33753
|
+
"module": "src/chat/root/chat-root.ts"
|
|
33754
|
+
}
|
|
33755
|
+
},
|
|
33594
33756
|
{
|
|
33595
33757
|
"kind": "field",
|
|
33596
33758
|
"name": "stop",
|
|
@@ -33627,6 +33789,42 @@
|
|
|
33627
33789
|
"module": "src/chat/root/chat-root.ts"
|
|
33628
33790
|
}
|
|
33629
33791
|
},
|
|
33792
|
+
{
|
|
33793
|
+
"kind": "field",
|
|
33794
|
+
"name": "placed",
|
|
33795
|
+
"type": {
|
|
33796
|
+
"text": "number | undefined"
|
|
33797
|
+
},
|
|
33798
|
+
"privacy": "private",
|
|
33799
|
+
"description": "Where this element last scrolled the transcript to show a turn, until the scroll that follows.",
|
|
33800
|
+
"inheritedFrom": {
|
|
33801
|
+
"name": "HelixHeadlessChat",
|
|
33802
|
+
"module": "src/chat/root/chat-root.ts"
|
|
33803
|
+
}
|
|
33804
|
+
},
|
|
33805
|
+
{
|
|
33806
|
+
"kind": "method",
|
|
33807
|
+
"name": "reveal",
|
|
33808
|
+
"privacy": "private",
|
|
33809
|
+
"return": {
|
|
33810
|
+
"type": {
|
|
33811
|
+
"text": "void"
|
|
33812
|
+
}
|
|
33813
|
+
},
|
|
33814
|
+
"parameters": [
|
|
33815
|
+
{
|
|
33816
|
+
"name": "turn",
|
|
33817
|
+
"type": {
|
|
33818
|
+
"text": "HTMLElement"
|
|
33819
|
+
}
|
|
33820
|
+
}
|
|
33821
|
+
],
|
|
33822
|
+
"description": "Scrolls the transcript, and nothing around it, until `turn` is in view,\nand notes the turn at the top as the reader's place. A pinned transcript\nis left at the bottom, which is where whoever holds the pin wants it.\n\nThe edge nearest the turn moves the least, and a turn taller than the\ntranscript is shown from its start.",
|
|
33823
|
+
"inheritedFrom": {
|
|
33824
|
+
"name": "HelixHeadlessChat",
|
|
33825
|
+
"module": "src/chat/root/chat-root.ts"
|
|
33826
|
+
}
|
|
33827
|
+
},
|
|
33630
33828
|
{
|
|
33631
33829
|
"kind": "method",
|
|
33632
33830
|
"name": "firstControlIn",
|
|
@@ -34461,6 +34659,38 @@
|
|
|
34461
34659
|
}
|
|
34462
34660
|
],
|
|
34463
34661
|
"cssStates": [
|
|
34662
|
+
{
|
|
34663
|
+
"description": "The conversation has no turns.",
|
|
34664
|
+
"name": "empty",
|
|
34665
|
+
"inheritedFrom": {
|
|
34666
|
+
"name": "HelixHeadlessChat",
|
|
34667
|
+
"module": "src/chat/root/chat-root.ts"
|
|
34668
|
+
}
|
|
34669
|
+
},
|
|
34670
|
+
{
|
|
34671
|
+
"description": "Older turns are loading: `history` is `loading`.",
|
|
34672
|
+
"name": "loading",
|
|
34673
|
+
"inheritedFrom": {
|
|
34674
|
+
"name": "HelixHeadlessChat",
|
|
34675
|
+
"module": "src/chat/root/chat-root.ts"
|
|
34676
|
+
}
|
|
34677
|
+
},
|
|
34678
|
+
{
|
|
34679
|
+
"description": "The transcript follows its newest turn.",
|
|
34680
|
+
"name": "pinned",
|
|
34681
|
+
"inheritedFrom": {
|
|
34682
|
+
"name": "HelixHeadlessChat",
|
|
34683
|
+
"module": "src/chat/root/chat-root.ts"
|
|
34684
|
+
}
|
|
34685
|
+
},
|
|
34686
|
+
{
|
|
34687
|
+
"description": "`typing` names someone on the other side.",
|
|
34688
|
+
"name": "typing",
|
|
34689
|
+
"inheritedFrom": {
|
|
34690
|
+
"name": "HelixHeadlessChat",
|
|
34691
|
+
"module": "src/chat/root/chat-root.ts"
|
|
34692
|
+
}
|
|
34693
|
+
},
|
|
34464
34694
|
{
|
|
34465
34695
|
"description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
|
|
34466
34696
|
"name": "settled",
|
|
@@ -38842,6 +39072,20 @@
|
|
|
38842
39072
|
"module": "src/code-block/root/code-block-root.ts"
|
|
38843
39073
|
}
|
|
38844
39074
|
},
|
|
39075
|
+
{
|
|
39076
|
+
"kind": "field",
|
|
39077
|
+
"name": "addedLines",
|
|
39078
|
+
"type": {
|
|
39079
|
+
"text": "string"
|
|
39080
|
+
},
|
|
39081
|
+
"default": "''",
|
|
39082
|
+
"description": "The lines to mark as inserted, as numbers and ranges counted from 1, such\nas `3-4`. Drawn as `mark-lines` is, in the added color. Not for a diff.",
|
|
39083
|
+
"attribute": "added-lines",
|
|
39084
|
+
"inheritedFrom": {
|
|
39085
|
+
"name": "HelixHeadlessCodeBlock",
|
|
39086
|
+
"module": "src/code-block/root/code-block-root.ts"
|
|
39087
|
+
}
|
|
39088
|
+
},
|
|
38845
39089
|
{
|
|
38846
39090
|
"kind": "field",
|
|
38847
39091
|
"name": "codeLabel",
|
|
@@ -39134,6 +39378,20 @@
|
|
|
39134
39378
|
"module": "src/code-block/root/code-block-root.ts"
|
|
39135
39379
|
}
|
|
39136
39380
|
},
|
|
39381
|
+
{
|
|
39382
|
+
"kind": "field",
|
|
39383
|
+
"name": "removedLines",
|
|
39384
|
+
"type": {
|
|
39385
|
+
"text": "string"
|
|
39386
|
+
},
|
|
39387
|
+
"default": "''",
|
|
39388
|
+
"description": "The lines to mark as deleted, as numbers and ranges counted from 1. Drawn\nas `mark-lines` is, in the removed color. Not for a diff.",
|
|
39389
|
+
"attribute": "removed-lines",
|
|
39390
|
+
"inheritedFrom": {
|
|
39391
|
+
"name": "HelixHeadlessCodeBlock",
|
|
39392
|
+
"module": "src/code-block/root/code-block-root.ts"
|
|
39393
|
+
}
|
|
39394
|
+
},
|
|
39137
39395
|
{
|
|
39138
39396
|
"kind": "field",
|
|
39139
39397
|
"name": "showUnchangedLabel",
|
|
@@ -39673,6 +39931,10 @@
|
|
|
39673
39931
|
{
|
|
39674
39932
|
"name": "drawn",
|
|
39675
39933
|
"default": "name"
|
|
39934
|
+
},
|
|
39935
|
+
{
|
|
39936
|
+
"name": "own",
|
|
39937
|
+
"default": "false"
|
|
39676
39938
|
}
|
|
39677
39939
|
],
|
|
39678
39940
|
"description": "The name with the copy button beside it, or nothing when there is no name.\n\n**The button is in the header wherever there is one**, because beside the\ncode it stands over the block and the block has to make room for it. A\ndiff cannot: its washes run to the edge, so the button stood on the hunk\nline and the line under it. In the header it is over nothing.\n\n**No name draws no header**, unless the page put a control in `actions`\nor asked for the wrap button. A bar holding the copy button alone turned a\n`Usage` section of one-line imports into a run of empty strips. The button\nthen stands beside the code, in room the block keeps for it.",
|
|
@@ -40356,6 +40618,22 @@
|
|
|
40356
40618
|
"name": "HelixHeadlessCodeBlock",
|
|
40357
40619
|
"module": "src/code-block/root/code-block-root.ts"
|
|
40358
40620
|
}
|
|
40621
|
+
},
|
|
40622
|
+
{
|
|
40623
|
+
"description": "An icon on the button that shows every line of a capped block, before its words.",
|
|
40624
|
+
"name": "expand-icon",
|
|
40625
|
+
"inheritedFrom": {
|
|
40626
|
+
"name": "HelixHeadlessCodeBlock",
|
|
40627
|
+
"module": "src/code-block/root/code-block-root.ts"
|
|
40628
|
+
}
|
|
40629
|
+
},
|
|
40630
|
+
{
|
|
40631
|
+
"description": "The block's name in the header, such as a file icon beside the file name. Replaces `label` and `language` there, and draws the header.",
|
|
40632
|
+
"name": "label",
|
|
40633
|
+
"inheritedFrom": {
|
|
40634
|
+
"name": "HelixHeadlessCodeBlock",
|
|
40635
|
+
"module": "src/code-block/root/code-block-root.ts"
|
|
40636
|
+
}
|
|
40359
40637
|
}
|
|
40360
40638
|
],
|
|
40361
40639
|
"cssParts": [
|
|
@@ -40624,13 +40902,29 @@
|
|
|
40624
40902
|
}
|
|
40625
40903
|
},
|
|
40626
40904
|
{
|
|
40627
|
-
"description": "The band behind a run of lines `mark-lines` names. The block writes where the run is laid out into `--code-block-mark-start`, `--code-block-mark-size`, and `--code-block-mark-inline-size` on it. Hidden from the accessibility tree.",
|
|
40905
|
+
"description": "The band behind a run of lines `mark-lines`, `added-lines` or `removed-lines` names. The block writes where the run is laid out into `--code-block-mark-start`, `--code-block-mark-size`, and `--code-block-mark-inline-size` on it. Hidden from the accessibility tree.",
|
|
40628
40906
|
"name": "mark",
|
|
40629
40907
|
"inheritedFrom": {
|
|
40630
40908
|
"name": "HelixHeadlessCodeBlock",
|
|
40631
40909
|
"module": "src/code-block/root/code-block-root.ts"
|
|
40632
40910
|
}
|
|
40633
40911
|
},
|
|
40912
|
+
{
|
|
40913
|
+
"description": "The band behind a run of lines `added-lines` names. Applied with `mark`.",
|
|
40914
|
+
"name": "mark-added",
|
|
40915
|
+
"inheritedFrom": {
|
|
40916
|
+
"name": "HelixHeadlessCodeBlock",
|
|
40917
|
+
"module": "src/code-block/root/code-block-root.ts"
|
|
40918
|
+
}
|
|
40919
|
+
},
|
|
40920
|
+
{
|
|
40921
|
+
"description": "The band behind a run of lines `removed-lines` names. Applied with `mark`.",
|
|
40922
|
+
"name": "mark-removed",
|
|
40923
|
+
"inheritedFrom": {
|
|
40924
|
+
"name": "HelixHeadlessCodeBlock",
|
|
40925
|
+
"module": "src/code-block/root/code-block-root.ts"
|
|
40926
|
+
}
|
|
40927
|
+
},
|
|
40634
40928
|
{
|
|
40635
40929
|
"description": "In a diff, the `+`, `-`, or space that starts a line.",
|
|
40636
40930
|
"name": "marker",
|
|
@@ -40697,6 +40991,19 @@
|
|
|
40697
40991
|
}
|
|
40698
40992
|
],
|
|
40699
40993
|
"attributes": [
|
|
40994
|
+
{
|
|
40995
|
+
"name": "added-lines",
|
|
40996
|
+
"type": {
|
|
40997
|
+
"text": "string"
|
|
40998
|
+
},
|
|
40999
|
+
"default": "''",
|
|
41000
|
+
"description": "The lines to mark as inserted, as numbers and ranges counted from 1, such\nas `3-4`. Drawn as `mark-lines` is, in the added color. Not for a diff.",
|
|
41001
|
+
"fieldName": "addedLines",
|
|
41002
|
+
"inheritedFrom": {
|
|
41003
|
+
"name": "HelixHeadlessCodeBlock",
|
|
41004
|
+
"module": "src/code-block/root/code-block-root.ts"
|
|
41005
|
+
}
|
|
41006
|
+
},
|
|
40700
41007
|
{
|
|
40701
41008
|
"name": "code-label",
|
|
40702
41009
|
"type": {
|
|
@@ -40929,6 +41236,19 @@
|
|
|
40929
41236
|
"module": "src/code-block/root/code-block-root.ts"
|
|
40930
41237
|
}
|
|
40931
41238
|
},
|
|
41239
|
+
{
|
|
41240
|
+
"name": "removed-lines",
|
|
41241
|
+
"type": {
|
|
41242
|
+
"text": "string"
|
|
41243
|
+
},
|
|
41244
|
+
"default": "''",
|
|
41245
|
+
"description": "The lines to mark as deleted, as numbers and ranges counted from 1. Drawn\nas `mark-lines` is, in the removed color. Not for a diff.",
|
|
41246
|
+
"fieldName": "removedLines",
|
|
41247
|
+
"inheritedFrom": {
|
|
41248
|
+
"name": "HelixHeadlessCodeBlock",
|
|
41249
|
+
"module": "src/code-block/root/code-block-root.ts"
|
|
41250
|
+
}
|
|
41251
|
+
},
|
|
40932
41252
|
{
|
|
40933
41253
|
"name": "show-unchanged-label",
|
|
40934
41254
|
"type": {
|
|
@@ -42984,6 +43304,31 @@
|
|
|
42984
43304
|
"module": "src/color-input/root/color-input-root.ts"
|
|
42985
43305
|
}
|
|
42986
43306
|
},
|
|
43307
|
+
{
|
|
43308
|
+
"kind": "field",
|
|
43309
|
+
"name": "pressedOpen",
|
|
43310
|
+
"type": {
|
|
43311
|
+
"text": "boolean"
|
|
43312
|
+
},
|
|
43313
|
+
"privacy": "private",
|
|
43314
|
+
"default": "false",
|
|
43315
|
+
"description": "Whether the trigger's press opened the panel that is open now.",
|
|
43316
|
+
"inheritedFrom": {
|
|
43317
|
+
"name": "HelixHeadlessColorInput",
|
|
43318
|
+
"module": "src/color-input/root/color-input-root.ts"
|
|
43319
|
+
}
|
|
43320
|
+
},
|
|
43321
|
+
{
|
|
43322
|
+
"kind": "field",
|
|
43323
|
+
"name": "handlePress",
|
|
43324
|
+
"privacy": "private",
|
|
43325
|
+
"readonly": true,
|
|
43326
|
+
"description": "The trigger's press, which notes that it opened the panel, so Escape hands\nfocus back to the trigger.",
|
|
43327
|
+
"inheritedFrom": {
|
|
43328
|
+
"name": "HelixHeadlessColorInput",
|
|
43329
|
+
"module": "src/color-input/root/color-input-root.ts"
|
|
43330
|
+
}
|
|
43331
|
+
},
|
|
42987
43332
|
{
|
|
42988
43333
|
"kind": "method",
|
|
42989
43334
|
"name": "renderPicker",
|
|
@@ -45021,7 +45366,7 @@
|
|
|
45021
45366
|
"text": "void"
|
|
45022
45367
|
}
|
|
45023
45368
|
},
|
|
45024
|
-
"description": "
|
|
45369
|
+
"description": "A reset ends any typing and takes back text that was not a color, so the\nfield shows the color the reset put back.",
|
|
45025
45370
|
"inheritedFrom": {
|
|
45026
45371
|
"name": "HelixFormElement",
|
|
45027
45372
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
@@ -45039,7 +45384,7 @@
|
|
|
45039
45384
|
"text": "TemplateResult | typeof nothing"
|
|
45040
45385
|
}
|
|
45041
45386
|
},
|
|
45042
|
-
"description": "The `feedback` line, or nothing while there is none.",
|
|
45387
|
+
"description": "The `feedback` line, or nothing while there is none.\n\n`role=\"alert\"`, as a field's feedback line has, so the message is\nannounced when it appears and the label and hint are not read with it.",
|
|
45043
45388
|
"inheritedFrom": {
|
|
45044
45389
|
"name": "MixinPickerFeedback",
|
|
45045
45390
|
"module": "src/mixins/mixin-picker-feedback/mixin-picker-feedback.ts"
|
|
@@ -45595,7 +45940,7 @@
|
|
|
45595
45940
|
"text": "boolean"
|
|
45596
45941
|
},
|
|
45597
45942
|
"default": "false",
|
|
45598
|
-
"description": "Requires a color before the form can submit.\n\n**A color is exactly as requirable as a date**, which is the comparison\nthat settles it: this element extends `HelixFormElement`, carries `name`\nand reports its value, so a consumer writing `<helix-headless-color-picker\nname=\"brand\" required>` inside a form has every reason to expect the form\nto refuse an empty one. Its two siblings in the same composition position,\nDate Picker and Time Picker, both check it.\n\nWritten out rather than taken from `MixinField`, for the reason those two\nrecord: the mixin brings a label, a hint and a feedback region, and this is\na panel composed *into* a field that already has all three, so taking it\nwould give one control two of each. What is left is the validity call and\nthe anchor the browser points its bubble at.\n\n**Text that is not a color is bad input**, so a form does not submit\n`#00` from a half-typed value. The picker
|
|
45943
|
+
"description": "Requires a color before the form can submit.\n\n**A color is exactly as requirable as a date**, which is the comparison\nthat settles it: this element extends `HelixFormElement`, carries `name`\nand reports its value, so a consumer writing `<helix-headless-color-picker\nname=\"brand\" required>` inside a form has every reason to expect the form\nto refuse an empty one. Its two siblings in the same composition position,\nDate Picker and Time Picker, both check it.\n\nWritten out rather than taken from `MixinField`, for the reason those two\nrecord: the mixin brings a label, a hint and a feedback region, and this is\na panel composed *into* a field that already has all three, so taking it\nwould give one control two of each. What is left is the validity call and\nthe anchor the browser points its bubble at.\n\n**Text that is not a color is bad input**, so a form does not submit\n`#00` from a half-typed value. The picker marks it, and says\n`badInputMessage` under itself, once the reader leaves the value field or\npresses Enter, and a missing color once the reader has committed one or a\nform has refused the picker. Color Input shows its own message against the\nfield the reader typed into.",
|
|
45599
45944
|
"attribute": "required",
|
|
45600
45945
|
"reflects": true,
|
|
45601
45946
|
"inheritedFrom": {
|
|
@@ -45832,6 +46177,48 @@
|
|
|
45832
46177
|
"module": "src/color-picker/root/color-picker-root.ts"
|
|
45833
46178
|
}
|
|
45834
46179
|
},
|
|
46180
|
+
{
|
|
46181
|
+
"kind": "field",
|
|
46182
|
+
"name": "typing",
|
|
46183
|
+
"type": {
|
|
46184
|
+
"text": "boolean"
|
|
46185
|
+
},
|
|
46186
|
+
"privacy": "private",
|
|
46187
|
+
"default": "false",
|
|
46188
|
+
"description": "Whether the reader is typing into the value field, between the first\nkeystroke and the `change` that ends it.\n\nHalf-typed text is rarely a color: `#00ff00` passes through `#0` and\n`#00ff0` on the way. So text that is not a color is refused once the\nreader leaves the field or presses Enter, and not on every keystroke.",
|
|
46189
|
+
"inheritedFrom": {
|
|
46190
|
+
"name": "HelixHeadlessColorPicker",
|
|
46191
|
+
"module": "src/color-picker/root/color-picker-root.ts"
|
|
46192
|
+
}
|
|
46193
|
+
},
|
|
46194
|
+
{
|
|
46195
|
+
"kind": "field",
|
|
46196
|
+
"name": "draft",
|
|
46197
|
+
"type": {
|
|
46198
|
+
"text": "string | undefined"
|
|
46199
|
+
},
|
|
46200
|
+
"privacy": "private",
|
|
46201
|
+
"default": "undefined",
|
|
46202
|
+
"description": "Text in the value field that is not a color, or undefined while the field\nholds the value.\n\n**Kept in the field and out of the value**, as a native number field keeps\n\"12e\": the text stays where the reader can correct it, the value stays the\nlast color, and the picker reports `badInput` until the text is a color or\nthe value moves. Measured before this: typed \"nonsense\" became the value,\nso a form read `brand=nonsense` and the square had no color to show.",
|
|
46203
|
+
"inheritedFrom": {
|
|
46204
|
+
"name": "HelixHeadlessColorPicker",
|
|
46205
|
+
"module": "src/color-picker/root/color-picker-root.ts"
|
|
46206
|
+
}
|
|
46207
|
+
},
|
|
46208
|
+
{
|
|
46209
|
+
"kind": "field",
|
|
46210
|
+
"name": "said",
|
|
46211
|
+
"type": {
|
|
46212
|
+
"text": "string"
|
|
46213
|
+
},
|
|
46214
|
+
"privacy": "private",
|
|
46215
|
+
"description": "The line under the picker: `feedback`, or, where the picker is marked by\nits own validation, what is wrong.",
|
|
46216
|
+
"readonly": true,
|
|
46217
|
+
"inheritedFrom": {
|
|
46218
|
+
"name": "HelixHeadlessColorPicker",
|
|
46219
|
+
"module": "src/color-picker/root/color-picker-root.ts"
|
|
46220
|
+
}
|
|
46221
|
+
},
|
|
45835
46222
|
{
|
|
45836
46223
|
"kind": "field",
|
|
45837
46224
|
"name": "dragging",
|
|
@@ -47634,7 +48021,7 @@
|
|
|
47634
48021
|
"text": "boolean"
|
|
47635
48022
|
},
|
|
47636
48023
|
"default": "false",
|
|
47637
|
-
"description": "Requires a color before the form can submit.\n\n**A color is exactly as requirable as a date**, which is the comparison\nthat settles it: this element extends `HelixFormElement`, carries `name`\nand reports its value, so a consumer writing `<helix-headless-color-picker\nname=\"brand\" required>` inside a form has every reason to expect the form\nto refuse an empty one. Its two siblings in the same composition position,\nDate Picker and Time Picker, both check it.\n\nWritten out rather than taken from `MixinField`, for the reason those two\nrecord: the mixin brings a label, a hint and a feedback region, and this is\na panel composed *into* a field that already has all three, so taking it\nwould give one control two of each. What is left is the validity call and\nthe anchor the browser points its bubble at.\n\n**Text that is not a color is bad input**, so a form does not submit\n`#00` from a half-typed value. The picker
|
|
48024
|
+
"description": "Requires a color before the form can submit.\n\n**A color is exactly as requirable as a date**, which is the comparison\nthat settles it: this element extends `HelixFormElement`, carries `name`\nand reports its value, so a consumer writing `<helix-headless-color-picker\nname=\"brand\" required>` inside a form has every reason to expect the form\nto refuse an empty one. Its two siblings in the same composition position,\nDate Picker and Time Picker, both check it.\n\nWritten out rather than taken from `MixinField`, for the reason those two\nrecord: the mixin brings a label, a hint and a feedback region, and this is\na panel composed *into* a field that already has all three, so taking it\nwould give one control two of each. What is left is the validity call and\nthe anchor the browser points its bubble at.\n\n**Text that is not a color is bad input**, so a form does not submit\n`#00` from a half-typed value. The picker marks it, and says\n`badInputMessage` under itself, once the reader leaves the value field or\npresses Enter, and a missing color once the reader has committed one or a\nform has refused the picker. Color Input shows its own message against the\nfield the reader typed into.",
|
|
47638
48025
|
"fieldName": "required",
|
|
47639
48026
|
"inheritedFrom": {
|
|
47640
48027
|
"name": "HelixHeadlessColorPicker",
|
|
@@ -47963,7 +48350,7 @@
|
|
|
47963
48350
|
}
|
|
47964
48351
|
},
|
|
47965
48352
|
{
|
|
47966
|
-
"description": "The message under the picker
|
|
48353
|
+
"description": "The message under the picker: `feedback`, or what is wrong with the answer once the picker is marked invalid.",
|
|
47967
48354
|
"name": "feedback",
|
|
47968
48355
|
"inheritedFrom": {
|
|
47969
48356
|
"name": "HelixHeadlessColorPicker",
|
|
@@ -49526,7 +49913,7 @@
|
|
|
49526
49913
|
"text": "boolean"
|
|
49527
49914
|
},
|
|
49528
49915
|
"default": "false",
|
|
49529
|
-
"description": "Whether more than one option can be chosen.\n\nThe list already does the work: `value`
|
|
49916
|
+
"description": "Whether more than one option can be chosen.\n\nThe list already does the work: `value` is the chosen values joined with\ncommas, a press toggles rather than replaces, and the arrows move without\nchoosing. What this adds is the tags, and keeping the panel open between\npicks.\n\nAn option's value may hold a comma, and it is read as one value, as\n`Select` and `Listbox` read it. So may an answer the reader created.\n\n**The list is told, and the field is not.** `aria-multiselectable` belongs\nto `listbox`, `grid`, `tree` and `tablist`, and `combobox` dropped it in\nARIA 1.2; the list sets it on itself through `ElementInternals`, where a\nreader on the field hears it through `aria-controls`. This element wrote it\nonto its own `role=\"combobox\"` input as well, which an audit reports as a\nproperty the role does not support and no spec here ever asserted: the one\nthat covers this says in as many words that telling the list is what this\nelement is responsible for.",
|
|
49530
49917
|
"attribute": "multiple",
|
|
49531
49918
|
"inheritedFrom": {
|
|
49532
49919
|
"name": "HelixHeadlessCombobox",
|
|
@@ -49833,8 +50220,20 @@
|
|
|
49833
50220
|
"text": "string[]"
|
|
49834
50221
|
},
|
|
49835
50222
|
"privacy": "private",
|
|
49836
|
-
"description": "The values chosen, in the order they were chosen.",
|
|
50223
|
+
"description": "The values chosen, in the order they were chosen, read against the\noptions' values and the answers created here, so a value that holds a\ncomma is one value. See `chosenValues`.\n\nMeasured before this: choosing `Paris, France` drew two tags, \"Paris\" and\n\"France\", and the form received two entries.",
|
|
50224
|
+
"readonly": true,
|
|
50225
|
+
"inheritedFrom": {
|
|
50226
|
+
"name": "HelixHeadlessCombobox",
|
|
50227
|
+
"module": "src/combobox/root/combobox-root.ts"
|
|
50228
|
+
}
|
|
50229
|
+
},
|
|
50230
|
+
{
|
|
50231
|
+
"kind": "field",
|
|
50232
|
+
"name": "created",
|
|
50233
|
+
"privacy": "private",
|
|
49837
50234
|
"readonly": true,
|
|
50235
|
+
"default": "new Set<string>()",
|
|
50236
|
+
"description": "The answers created here, which no option holds, kept so their commas read as theirs.",
|
|
49838
50237
|
"inheritedFrom": {
|
|
49839
50238
|
"name": "HelixHeadlessCombobox",
|
|
49840
50239
|
"module": "src/combobox/root/combobox-root.ts"
|
|
@@ -51662,7 +52061,7 @@
|
|
|
51662
52061
|
"text": "boolean"
|
|
51663
52062
|
},
|
|
51664
52063
|
"default": "false",
|
|
51665
|
-
"description": "Whether more than one option can be chosen.\n\nThe list already does the work: `value`
|
|
52064
|
+
"description": "Whether more than one option can be chosen.\n\nThe list already does the work: `value` is the chosen values joined with\ncommas, a press toggles rather than replaces, and the arrows move without\nchoosing. What this adds is the tags, and keeping the panel open between\npicks.\n\nAn option's value may hold a comma, and it is read as one value, as\n`Select` and `Listbox` read it. So may an answer the reader created.\n\n**The list is told, and the field is not.** `aria-multiselectable` belongs\nto `listbox`, `grid`, `tree` and `tablist`, and `combobox` dropped it in\nARIA 1.2; the list sets it on itself through `ElementInternals`, where a\nreader on the field hears it through `aria-controls`. This element wrote it\nonto its own `role=\"combobox\"` input as well, which an audit reports as a\nproperty the role does not support and no spec here ever asserted: the one\nthat covers this says in as many words that telling the list is what this\nelement is responsible for.",
|
|
51666
52065
|
"fieldName": "multiple",
|
|
51667
52066
|
"inheritedFrom": {
|
|
51668
52067
|
"name": "HelixHeadlessCombobox",
|
|
@@ -52595,6 +52994,19 @@
|
|
|
52595
52994
|
"module": "src/command/root/command-root.ts"
|
|
52596
52995
|
}
|
|
52597
52996
|
},
|
|
52997
|
+
{
|
|
52998
|
+
"kind": "field",
|
|
52999
|
+
"name": "homeEnd",
|
|
53000
|
+
"type": {
|
|
53001
|
+
"text": "'list' | undefined"
|
|
53002
|
+
},
|
|
53003
|
+
"description": "Where Home and End go from the filter field.\n\nAbsent, they move the caret, as APG's combobox has them. `list` moves the\nhighlight to the first or the last command, as React Aria's Autocomplete\ndoes, and Shift with either still selects the text.",
|
|
53004
|
+
"attribute": "home-end",
|
|
53005
|
+
"inheritedFrom": {
|
|
53006
|
+
"name": "HelixHeadlessCommand",
|
|
53007
|
+
"module": "src/command/root/command-root.ts"
|
|
53008
|
+
}
|
|
53009
|
+
},
|
|
52598
53010
|
{
|
|
52599
53011
|
"kind": "field",
|
|
52600
53012
|
"name": "hotkey",
|
|
@@ -52654,6 +53066,20 @@
|
|
|
52654
53066
|
"module": "src/command/root/command-root.ts"
|
|
52655
53067
|
}
|
|
52656
53068
|
},
|
|
53069
|
+
{
|
|
53070
|
+
"kind": "field",
|
|
53071
|
+
"name": "layout",
|
|
53072
|
+
"type": {
|
|
53073
|
+
"text": "'grid' | 'stack' | undefined"
|
|
53074
|
+
},
|
|
53075
|
+
"description": "How the commands are laid out, as Listbox's `layout`: `grid` draws them in\nrows and columns, for a palette of icons or emoji, and the arrow keys\nfollow the rows and the columns. Absent is one command under another.",
|
|
53076
|
+
"attribute": "layout",
|
|
53077
|
+
"reflects": true,
|
|
53078
|
+
"inheritedFrom": {
|
|
53079
|
+
"name": "HelixHeadlessCommand",
|
|
53080
|
+
"module": "src/command/root/command-root.ts"
|
|
53081
|
+
}
|
|
53082
|
+
},
|
|
52657
53083
|
{
|
|
52658
53084
|
"kind": "field",
|
|
52659
53085
|
"name": "loadError",
|
|
@@ -53473,6 +53899,18 @@
|
|
|
53473
53899
|
"module": "src/command/root/command-root.ts"
|
|
53474
53900
|
}
|
|
53475
53901
|
},
|
|
53902
|
+
{
|
|
53903
|
+
"name": "home-end",
|
|
53904
|
+
"type": {
|
|
53905
|
+
"text": "'list' | undefined"
|
|
53906
|
+
},
|
|
53907
|
+
"description": "Where Home and End go from the filter field.\n\nAbsent, they move the caret, as APG's combobox has them. `list` moves the\nhighlight to the first or the last command, as React Aria's Autocomplete\ndoes, and Shift with either still selects the text.",
|
|
53908
|
+
"fieldName": "homeEnd",
|
|
53909
|
+
"inheritedFrom": {
|
|
53910
|
+
"name": "HelixHeadlessCommand",
|
|
53911
|
+
"module": "src/command/root/command-root.ts"
|
|
53912
|
+
}
|
|
53913
|
+
},
|
|
53476
53914
|
{
|
|
53477
53915
|
"name": "hotkey",
|
|
53478
53916
|
"type": {
|
|
@@ -53512,6 +53950,18 @@
|
|
|
53512
53950
|
"module": "src/command/root/command-root.ts"
|
|
53513
53951
|
}
|
|
53514
53952
|
},
|
|
53953
|
+
{
|
|
53954
|
+
"name": "layout",
|
|
53955
|
+
"type": {
|
|
53956
|
+
"text": "'grid' | 'stack' | undefined"
|
|
53957
|
+
},
|
|
53958
|
+
"description": "How the commands are laid out, as Listbox's `layout`: `grid` draws them in\nrows and columns, for a palette of icons or emoji, and the arrow keys\nfollow the rows and the columns. Absent is one command under another.",
|
|
53959
|
+
"fieldName": "layout",
|
|
53960
|
+
"inheritedFrom": {
|
|
53961
|
+
"name": "HelixHeadlessCommand",
|
|
53962
|
+
"module": "src/command/root/command-root.ts"
|
|
53963
|
+
}
|
|
53964
|
+
},
|
|
53515
53965
|
{
|
|
53516
53966
|
"name": "load-error",
|
|
53517
53967
|
"type": {
|
|
@@ -57758,7 +58208,7 @@
|
|
|
57758
58208
|
"text": "boolean"
|
|
57759
58209
|
},
|
|
57760
58210
|
"default": "false",
|
|
57761
|
-
"description": "Draws only the rows in view, with empty space in place of the rest.\n\n**Not a `mode`.** `mode` says where the rows come from and who filtered\nthem; this says how many of the ones we hold get drawn. They are\nindependent: a consumer fetching five thousand rows a chunk at a time wants\n`mode=\"server\"` and this at once, and folding this into `mode` would be an\nAPI that forbids that combination for no reason.\n\n**Composes with `paginated` rather than excluding it.** A window over a\npage is coherent -- the page is the slice of the result, the window is the\npart of that slice on screen -- and the arithmetic is the same either way,\nso there is nothing to forbid. Together they suit a table paging at a\nthousand rows, where the page is a reasonable fetch and a poor render.\n\nOff by default. Windowing costs a scroll listener, a measurement per row\ndrawn, and a `block-size` on the scrolling box, and a table of twenty rows\nshould pay none of them.",
|
|
58211
|
+
"description": "Draws only the rows in view, with empty space in place of the rest.\n\n**Not a `mode`.** `mode` says where the rows come from and who filtered\nthem; this says how many of the ones we hold get drawn. They are\nindependent: a consumer fetching five thousand rows a chunk at a time wants\n`mode=\"server\"` and this at once, and folding this into `mode` would be an\nAPI that forbids that combination for no reason.\n\n**Composes with `paginated` rather than excluding it.** A window over a\npage is coherent -- the page is the slice of the result, the window is the\npart of that slice on screen -- and the arithmetic is the same either way,\nso there is nothing to forbid. Together they suit a table paging at a\nthousand rows, where the page is a reasonable fetch and a poor render.\n\nOff by default. Windowing costs a scroll listener, a measurement per row\ndrawn, and a `block-size` on the scrolling box, and a table of twenty rows\nshould pay none of them.\n\nWhile windowed, the `table` part scrolls on this tier: it carries\n`data-scroller`, and `core` ships `[data-scroller] { overflow: auto }` into\nevery shadow root. You still need to give it a block size.",
|
|
57762
58212
|
"attribute": "windowed",
|
|
57763
58213
|
"reflects": true,
|
|
57764
58214
|
"inheritedFrom": {
|
|
@@ -61320,7 +61770,7 @@
|
|
|
61320
61770
|
"text": "boolean"
|
|
61321
61771
|
},
|
|
61322
61772
|
"default": "false",
|
|
61323
|
-
"description": "Draws only the rows in view, with empty space in place of the rest.\n\n**Not a `mode`.** `mode` says where the rows come from and who filtered\nthem; this says how many of the ones we hold get drawn. They are\nindependent: a consumer fetching five thousand rows a chunk at a time wants\n`mode=\"server\"` and this at once, and folding this into `mode` would be an\nAPI that forbids that combination for no reason.\n\n**Composes with `paginated` rather than excluding it.** A window over a\npage is coherent -- the page is the slice of the result, the window is the\npart of that slice on screen -- and the arithmetic is the same either way,\nso there is nothing to forbid. Together they suit a table paging at a\nthousand rows, where the page is a reasonable fetch and a poor render.\n\nOff by default. Windowing costs a scroll listener, a measurement per row\ndrawn, and a `block-size` on the scrolling box, and a table of twenty rows\nshould pay none of them.",
|
|
61773
|
+
"description": "Draws only the rows in view, with empty space in place of the rest.\n\n**Not a `mode`.** `mode` says where the rows come from and who filtered\nthem; this says how many of the ones we hold get drawn. They are\nindependent: a consumer fetching five thousand rows a chunk at a time wants\n`mode=\"server\"` and this at once, and folding this into `mode` would be an\nAPI that forbids that combination for no reason.\n\n**Composes with `paginated` rather than excluding it.** A window over a\npage is coherent -- the page is the slice of the result, the window is the\npart of that slice on screen -- and the arithmetic is the same either way,\nso there is nothing to forbid. Together they suit a table paging at a\nthousand rows, where the page is a reasonable fetch and a poor render.\n\nOff by default. Windowing costs a scroll listener, a measurement per row\ndrawn, and a `block-size` on the scrolling box, and a table of twenty rows\nshould pay none of them.\n\nWhile windowed, the `table` part scrolls on this tier: it carries\n`data-scroller`, and `core` ships `[data-scroller] { overflow: auto }` into\nevery shadow root. You still need to give it a block size.",
|
|
61324
61774
|
"fieldName": "windowed",
|
|
61325
61775
|
"inheritedFrom": {
|
|
61326
61776
|
"name": "HelixHeadlessDataTable",
|
|
@@ -66995,7 +67445,7 @@
|
|
|
66995
67445
|
"text": "TemplateResult | typeof nothing"
|
|
66996
67446
|
}
|
|
66997
67447
|
},
|
|
66998
|
-
"description": "The `feedback` line, or nothing while there is none.",
|
|
67448
|
+
"description": "The `feedback` line, or nothing while there is none.\n\n`role=\"alert\"`, as a field's feedback line has, so the message is\nannounced when it appears and the label and hint are not read with it.",
|
|
66999
67449
|
"inheritedFrom": {
|
|
67000
67450
|
"name": "MixinPickerFeedback",
|
|
67001
67451
|
"module": "src/mixins/mixin-picker-feedback/mixin-picker-feedback.ts"
|
|
@@ -72098,7 +72548,7 @@
|
|
|
72098
72548
|
"name": "commands",
|
|
72099
72549
|
"privacy": "protected",
|
|
72100
72550
|
"readonly": true,
|
|
72101
|
-
"default": "new CommandController(this, { commands: { '--close': () => this.close(), '--show': () => this.show(), '--toggle': () => this.toggleOpen(), }, })",
|
|
72551
|
+
"default": "new CommandController(this, { commands: { '--close': () => this.close(), '--show': () => this.show(), '--toggle': () => this.toggleOpen(), }, expanded: () => this.open, })",
|
|
72102
72552
|
"inheritedFrom": {
|
|
72103
72553
|
"name": "HelixHeadlessDialog",
|
|
72104
72554
|
"module": "src/dialog/root/dialog-root.ts"
|
|
@@ -75643,7 +76093,7 @@
|
|
|
75643
76093
|
"name": "commands",
|
|
75644
76094
|
"privacy": "protected",
|
|
75645
76095
|
"readonly": true,
|
|
75646
|
-
"default": "new CommandController(this, { commands: { '--close': () => this.requestOpen(false), '--show': () => this.requestOpen(true), '--toggle': () => this.toggleOpen(), }, })",
|
|
76096
|
+
"default": "new CommandController(this, { commands: { '--close': () => this.requestOpen(false), '--show': () => this.requestOpen(true), '--toggle': () => this.toggleOpen(), }, expanded: () => this.open, })",
|
|
75647
76097
|
"inheritedFrom": {
|
|
75648
76098
|
"name": "HelixHeadlessDrawer",
|
|
75649
76099
|
"module": "src/drawer/root/drawer-root.ts"
|
|
@@ -83020,6 +83470,19 @@
|
|
|
83020
83470
|
"module": "src/mixins/mixin-dismissible/mixin-dismissible.ts"
|
|
83021
83471
|
}
|
|
83022
83472
|
},
|
|
83473
|
+
{
|
|
83474
|
+
"kind": "field",
|
|
83475
|
+
"name": "dismissTabStop",
|
|
83476
|
+
"type": {
|
|
83477
|
+
"text": "boolean"
|
|
83478
|
+
},
|
|
83479
|
+
"default": "true",
|
|
83480
|
+
"description": "Whether the remove button is a tab stop of its own.\n\n`FilterInput` writes `false` on the chips in its `tags` slot: the field's\ntext is its one tab stop, and the arrow keys move from the text to the\nchips, as in a `multiple` Combobox. No attribute: it is coordination\nbetween elements, as `Tag.dismissTabStop` is.",
|
|
83481
|
+
"inheritedFrom": {
|
|
83482
|
+
"name": "HelixHeadlessFilterChip",
|
|
83483
|
+
"module": "src/filter-input/chip/filter-chip.ts"
|
|
83484
|
+
}
|
|
83485
|
+
},
|
|
83023
83486
|
{
|
|
83024
83487
|
"kind": "field",
|
|
83025
83488
|
"name": "label",
|
|
@@ -85707,6 +86170,20 @@
|
|
|
85707
86170
|
}
|
|
85708
86171
|
],
|
|
85709
86172
|
"members": [
|
|
86173
|
+
{
|
|
86174
|
+
"kind": "field",
|
|
86175
|
+
"name": "tier",
|
|
86176
|
+
"type": {
|
|
86177
|
+
"text": "string"
|
|
86178
|
+
},
|
|
86179
|
+
"static": true,
|
|
86180
|
+
"default": "'helix-'",
|
|
86181
|
+
"description": "The prefix this tier registers its elements under.\n\n**A component that renders another renders its own tier's version of it**,\nso `helix-headless-pagination-size` composes `helix-headless-select` and\n`helix-pagination-size` composes `helix-select`. One template says\n`${this.tag('select')}` and each tier answers with its own name.\n\n**The public tag may not be the composed one, in either tier.** Using it\ncosts three things: the name means two different things depending on what a\nconsumer imported, the headless tier composes an element it does not ship,\nand the composition cannot be tested there at all, because there is no\n`helix-select` on that tier to test it against.\n\n**A prefix rather than an override per composition**, which was the first\nplan and does not compile. An override re-renders the fragment from the\nsubclass, and the fragment reads members the base keeps private:\n`PaginationSize` alone would have had to widen `options`, `current` and\n`handleChange` to `protected` so a subclass could say the same thing again.\nSixteen families of that is a lot of encapsulation spent on saying one\nword differently.",
|
|
86182
|
+
"inheritedFrom": {
|
|
86183
|
+
"name": "HelixElement",
|
|
86184
|
+
"module": "src/helix-element/helix-element.ts"
|
|
86185
|
+
}
|
|
86186
|
+
},
|
|
85710
86187
|
{
|
|
85711
86188
|
"kind": "field",
|
|
85712
86189
|
"name": "defaultOpen",
|
|
@@ -86654,6 +87131,20 @@
|
|
|
86654
87131
|
"module": "src/filter-input/root/filter-input-root.ts"
|
|
86655
87132
|
}
|
|
86656
87133
|
},
|
|
87134
|
+
{
|
|
87135
|
+
"kind": "field",
|
|
87136
|
+
"name": "chips",
|
|
87137
|
+
"type": {
|
|
87138
|
+
"text": "boolean"
|
|
87139
|
+
},
|
|
87140
|
+
"default": "false",
|
|
87141
|
+
"description": "Whether the field keeps a `FilterChip` for each filter in its `tags` slot,\nfrom the `helix-facet` events it hears.\n\nOff, you build the chips, which is what you do when your own model holds\nthe filters. On, a filter typed, picked, or changed adds or updates the\nchip for its field, one with no values takes it away (unless its\ncomparison takes none, such as \"is empty\"), and removing the chip clears\nthe filter. A `helix-facet` you cancel changes no chip.\n\nThe chips are elements the field adds to its own children, so leave this\noff where a framework renders those children and would remove them.",
|
|
87142
|
+
"attribute": "chips",
|
|
87143
|
+
"inheritedFrom": {
|
|
87144
|
+
"name": "HelixHeadlessFilterInput",
|
|
87145
|
+
"module": "src/filter-input/root/filter-input-root.ts"
|
|
87146
|
+
}
|
|
87147
|
+
},
|
|
86657
87148
|
{
|
|
86658
87149
|
"kind": "field",
|
|
86659
87150
|
"name": "clearable",
|
|
@@ -86699,6 +87190,52 @@
|
|
|
86699
87190
|
"module": "src/filter-input/root/filter-input-root.ts"
|
|
86700
87191
|
}
|
|
86701
87192
|
},
|
|
87193
|
+
{
|
|
87194
|
+
"kind": "field",
|
|
87195
|
+
"name": "loading",
|
|
87196
|
+
"type": {
|
|
87197
|
+
"text": "boolean"
|
|
87198
|
+
},
|
|
87199
|
+
"default": "false",
|
|
87200
|
+
"description": "Whether the suggestions are still loading, such as while a request for the\nvalues of a typed key is out.\n\nThe panel opens on `loading-text`, or the `loading` slot, while the field\nhas focus, and a screen reader hears it. Slot the options and clear this\nwhen they arrive.",
|
|
87201
|
+
"attribute": "loading",
|
|
87202
|
+
"reflects": true,
|
|
87203
|
+
"inheritedFrom": {
|
|
87204
|
+
"name": "HelixHeadlessFilterInput",
|
|
87205
|
+
"module": "src/filter-input/root/filter-input-root.ts"
|
|
87206
|
+
}
|
|
87207
|
+
},
|
|
87208
|
+
{
|
|
87209
|
+
"kind": "field",
|
|
87210
|
+
"name": "loadingText",
|
|
87211
|
+
"type": {
|
|
87212
|
+
"text": "string"
|
|
87213
|
+
},
|
|
87214
|
+
"default": "'Loading'",
|
|
87215
|
+
"description": "Text the panel shows while the suggestions load.",
|
|
87216
|
+
"attribute": "loading-text",
|
|
87217
|
+
"helix": {
|
|
87218
|
+
"words": true
|
|
87219
|
+
},
|
|
87220
|
+
"inheritedFrom": {
|
|
87221
|
+
"name": "HelixHeadlessFilterInput",
|
|
87222
|
+
"module": "src/filter-input/root/filter-input-root.ts"
|
|
87223
|
+
}
|
|
87224
|
+
},
|
|
87225
|
+
{
|
|
87226
|
+
"kind": "field",
|
|
87227
|
+
"name": "noResultsText",
|
|
87228
|
+
"type": {
|
|
87229
|
+
"text": "string"
|
|
87230
|
+
},
|
|
87231
|
+
"default": "''",
|
|
87232
|
+
"description": "Text the panel shows when `filter-suggestions` hides every suggestion, such\nas \"No matching filters\".\n\nEmpty, or no `no-results` slot, and the panel closes instead, as it does\nwhen it has nothing to offer.",
|
|
87233
|
+
"attribute": "no-results-text",
|
|
87234
|
+
"inheritedFrom": {
|
|
87235
|
+
"name": "HelixHeadlessFilterInput",
|
|
87236
|
+
"module": "src/filter-input/root/filter-input-root.ts"
|
|
87237
|
+
}
|
|
87238
|
+
},
|
|
86702
87239
|
{
|
|
86703
87240
|
"kind": "field",
|
|
86704
87241
|
"name": "placeholder",
|
|
@@ -87174,6 +87711,40 @@
|
|
|
87174
87711
|
"module": "src/filter-input/root/filter-input-root.ts"
|
|
87175
87712
|
}
|
|
87176
87713
|
},
|
|
87714
|
+
{
|
|
87715
|
+
"kind": "field",
|
|
87716
|
+
"name": "handleFacet",
|
|
87717
|
+
"privacy": "private",
|
|
87718
|
+
"readonly": true,
|
|
87719
|
+
"description": "Keeps the chip for a filter in step with it, under `chips`.\n\nAfter every listener has had its turn, so a consumer's `preventDefault()`\non the same event, on this element or above it, is read: `dispatchEvent`\nruns them all before the microtask does.",
|
|
87720
|
+
"inheritedFrom": {
|
|
87721
|
+
"name": "HelixHeadlessFilterInput",
|
|
87722
|
+
"module": "src/filter-input/root/filter-input-root.ts"
|
|
87723
|
+
}
|
|
87724
|
+
},
|
|
87725
|
+
{
|
|
87726
|
+
"kind": "method",
|
|
87727
|
+
"name": "drawChip",
|
|
87728
|
+
"privacy": "private",
|
|
87729
|
+
"return": {
|
|
87730
|
+
"type": {
|
|
87731
|
+
"text": "void"
|
|
87732
|
+
}
|
|
87733
|
+
},
|
|
87734
|
+
"parameters": [
|
|
87735
|
+
{
|
|
87736
|
+
"name": "facet",
|
|
87737
|
+
"type": {
|
|
87738
|
+
"text": "FacetDetail"
|
|
87739
|
+
}
|
|
87740
|
+
}
|
|
87741
|
+
],
|
|
87742
|
+
"description": "Adds, updates or removes the chip for one filter. See `chips`.",
|
|
87743
|
+
"inheritedFrom": {
|
|
87744
|
+
"name": "HelixHeadlessFilterInput",
|
|
87745
|
+
"module": "src/filter-input/root/filter-input-root.ts"
|
|
87746
|
+
}
|
|
87747
|
+
},
|
|
87177
87748
|
{
|
|
87178
87749
|
"kind": "field",
|
|
87179
87750
|
"name": "handleDismiss",
|
|
@@ -87274,6 +87845,20 @@
|
|
|
87274
87845
|
"module": "src/filter-input/root/filter-input-root.ts"
|
|
87275
87846
|
}
|
|
87276
87847
|
},
|
|
87848
|
+
{
|
|
87849
|
+
"kind": "field",
|
|
87850
|
+
"name": "unmatched",
|
|
87851
|
+
"type": {
|
|
87852
|
+
"text": "boolean"
|
|
87853
|
+
},
|
|
87854
|
+
"privacy": "private",
|
|
87855
|
+
"description": "Whether `filter-suggestions` has hidden every suggestion there is, where a\n`no-results-text` or a `no-results` slot says so. The panel stays open on\nit, and `:state(no-results)` is on the host.",
|
|
87856
|
+
"readonly": true,
|
|
87857
|
+
"inheritedFrom": {
|
|
87858
|
+
"name": "HelixHeadlessFilterInput",
|
|
87859
|
+
"module": "src/filter-input/root/filter-input-root.ts"
|
|
87860
|
+
}
|
|
87861
|
+
},
|
|
87277
87862
|
{
|
|
87278
87863
|
"kind": "field",
|
|
87279
87864
|
"name": "handleSuggestions",
|
|
@@ -87323,7 +87908,7 @@
|
|
|
87323
87908
|
"name": "handleTokens",
|
|
87324
87909
|
"privacy": "private",
|
|
87325
87910
|
"readonly": true,
|
|
87326
|
-
"description": "The row again, whenever what is in it changes.",
|
|
87911
|
+
"description": "The row again, whenever what is in it changes.\n\n**And the text is the field's one tab stop.** Each token's remove button\nwas a stop of its own, so Tab through a field with five filters took six\npresses. A `Tag` or `FilterChip` takes `dismissTabStop` for this, as the\ntags of a `multiple` Combobox do, and the arrow keys still reach every one.\nA token not yet defined is told once it is.",
|
|
87327
87912
|
"inheritedFrom": {
|
|
87328
87913
|
"name": "HelixHeadlessFilterInput",
|
|
87329
87914
|
"module": "src/filter-input/root/filter-input-root.ts"
|
|
@@ -87864,20 +88449,6 @@
|
|
|
87864
88449
|
"module": "src/helix-form-element/helix-form-element.ts"
|
|
87865
88450
|
}
|
|
87866
88451
|
},
|
|
87867
|
-
{
|
|
87868
|
-
"kind": "field",
|
|
87869
|
-
"name": "tier",
|
|
87870
|
-
"type": {
|
|
87871
|
-
"text": "string"
|
|
87872
|
-
},
|
|
87873
|
-
"static": true,
|
|
87874
|
-
"default": "'helix-headless-'",
|
|
87875
|
-
"description": "The prefix this tier registers its elements under.\n\n**A component that renders another renders its own tier's version of it**,\nso `helix-headless-pagination-size` composes `helix-headless-select` and\n`helix-pagination-size` composes `helix-select`. One template says\n`${this.tag('select')}` and each tier answers with its own name.\n\n**The public tag may not be the composed one, in either tier.** Using it\ncosts three things: the name means two different things depending on what a\nconsumer imported, the headless tier composes an element it does not ship,\nand the composition cannot be tested there at all, because there is no\n`helix-select` on that tier to test it against.\n\n**A prefix rather than an override per composition**, which was the first\nplan and does not compile. An override re-renders the fragment from the\nsubclass, and the fragment reads members the base keeps private:\n`PaginationSize` alone would have had to widen `options`, `current` and\n`handleChange` to `protected` so a subclass could say the same thing again.\nSixteen families of that is a lot of encapsulation spent on saying one\nword differently.",
|
|
87876
|
-
"inheritedFrom": {
|
|
87877
|
-
"name": "HelixElement",
|
|
87878
|
-
"module": "src/helix-element/helix-element.ts"
|
|
87879
|
-
}
|
|
87880
|
-
},
|
|
87881
88452
|
{
|
|
87882
88453
|
"kind": "method",
|
|
87883
88454
|
"name": "tag",
|
|
@@ -88455,6 +89026,19 @@
|
|
|
88455
89026
|
"module": "src/mixins/mixin-field/mixin-field.ts"
|
|
88456
89027
|
}
|
|
88457
89028
|
},
|
|
89029
|
+
{
|
|
89030
|
+
"name": "chips",
|
|
89031
|
+
"type": {
|
|
89032
|
+
"text": "boolean"
|
|
89033
|
+
},
|
|
89034
|
+
"default": "false",
|
|
89035
|
+
"description": "Whether the field keeps a `FilterChip` for each filter in its `tags` slot,\nfrom the `helix-facet` events it hears.\n\nOff, you build the chips, which is what you do when your own model holds\nthe filters. On, a filter typed, picked, or changed adds or updates the\nchip for its field, one with no values takes it away (unless its\ncomparison takes none, such as \"is empty\"), and removing the chip clears\nthe filter. A `helix-facet` you cancel changes no chip.\n\nThe chips are elements the field adds to its own children, so leave this\noff where a framework renders those children and would remove them.",
|
|
89036
|
+
"fieldName": "chips",
|
|
89037
|
+
"inheritedFrom": {
|
|
89038
|
+
"name": "HelixHeadlessFilterInput",
|
|
89039
|
+
"module": "src/filter-input/root/filter-input-root.ts"
|
|
89040
|
+
}
|
|
89041
|
+
},
|
|
88458
89042
|
{
|
|
88459
89043
|
"name": "clearable",
|
|
88460
89044
|
"type": {
|
|
@@ -88494,6 +89078,45 @@
|
|
|
88494
89078
|
"module": "src/filter-input/root/filter-input-root.ts"
|
|
88495
89079
|
}
|
|
88496
89080
|
},
|
|
89081
|
+
{
|
|
89082
|
+
"name": "loading",
|
|
89083
|
+
"type": {
|
|
89084
|
+
"text": "boolean"
|
|
89085
|
+
},
|
|
89086
|
+
"default": "false",
|
|
89087
|
+
"description": "Whether the suggestions are still loading, such as while a request for the\nvalues of a typed key is out.\n\nThe panel opens on `loading-text`, or the `loading` slot, while the field\nhas focus, and a screen reader hears it. Slot the options and clear this\nwhen they arrive.",
|
|
89088
|
+
"fieldName": "loading",
|
|
89089
|
+
"inheritedFrom": {
|
|
89090
|
+
"name": "HelixHeadlessFilterInput",
|
|
89091
|
+
"module": "src/filter-input/root/filter-input-root.ts"
|
|
89092
|
+
}
|
|
89093
|
+
},
|
|
89094
|
+
{
|
|
89095
|
+
"name": "loading-text",
|
|
89096
|
+
"type": {
|
|
89097
|
+
"text": "string"
|
|
89098
|
+
},
|
|
89099
|
+
"default": "'Loading'",
|
|
89100
|
+
"description": "Text the panel shows while the suggestions load.",
|
|
89101
|
+
"fieldName": "loadingText",
|
|
89102
|
+
"inheritedFrom": {
|
|
89103
|
+
"name": "HelixHeadlessFilterInput",
|
|
89104
|
+
"module": "src/filter-input/root/filter-input-root.ts"
|
|
89105
|
+
}
|
|
89106
|
+
},
|
|
89107
|
+
{
|
|
89108
|
+
"name": "no-results-text",
|
|
89109
|
+
"type": {
|
|
89110
|
+
"text": "string"
|
|
89111
|
+
},
|
|
89112
|
+
"default": "''",
|
|
89113
|
+
"description": "Text the panel shows when `filter-suggestions` hides every suggestion, such\nas \"No matching filters\".\n\nEmpty, or no `no-results` slot, and the panel closes instead, as it does\nwhen it has nothing to offer.",
|
|
89114
|
+
"fieldName": "noResultsText",
|
|
89115
|
+
"inheritedFrom": {
|
|
89116
|
+
"name": "HelixHeadlessFilterInput",
|
|
89117
|
+
"module": "src/filter-input/root/filter-input-root.ts"
|
|
89118
|
+
}
|
|
89119
|
+
},
|
|
88497
89120
|
{
|
|
88498
89121
|
"name": "placeholder",
|
|
88499
89122
|
"type": {
|
|
@@ -88710,6 +89333,22 @@
|
|
|
88710
89333
|
"module": "src/filter-input/root/filter-input-root.ts"
|
|
88711
89334
|
}
|
|
88712
89335
|
},
|
|
89336
|
+
{
|
|
89337
|
+
"description": "What the panel shows while `loading` is set, for content richer than `loading-text`.",
|
|
89338
|
+
"name": "loading",
|
|
89339
|
+
"inheritedFrom": {
|
|
89340
|
+
"name": "HelixHeadlessFilterInput",
|
|
89341
|
+
"module": "src/filter-input/root/filter-input-root.ts"
|
|
89342
|
+
}
|
|
89343
|
+
},
|
|
89344
|
+
{
|
|
89345
|
+
"description": "What the panel shows when `filter-suggestions` hides every suggestion, for content richer than `no-results-text`.",
|
|
89346
|
+
"name": "no-results",
|
|
89347
|
+
"inheritedFrom": {
|
|
89348
|
+
"name": "HelixHeadlessFilterInput",
|
|
89349
|
+
"module": "src/filter-input/root/filter-input-root.ts"
|
|
89350
|
+
}
|
|
89351
|
+
},
|
|
88713
89352
|
{
|
|
88714
89353
|
"description": "Content before the text, such as a search icon.",
|
|
88715
89354
|
"name": "start",
|
|
@@ -88752,6 +89391,14 @@
|
|
|
88752
89391
|
"module": "src/filter-input/root/filter-input-root.ts"
|
|
88753
89392
|
}
|
|
88754
89393
|
},
|
|
89394
|
+
{
|
|
89395
|
+
"description": "Shown in the panel when `filter-suggestions` hides every suggestion.",
|
|
89396
|
+
"name": "empty",
|
|
89397
|
+
"inheritedFrom": {
|
|
89398
|
+
"name": "HelixHeadlessFilterInput",
|
|
89399
|
+
"module": "src/filter-input/root/filter-input-root.ts"
|
|
89400
|
+
}
|
|
89401
|
+
},
|
|
88755
89402
|
{
|
|
88756
89403
|
"description": "The error message under the field.",
|
|
88757
89404
|
"name": "feedback",
|
|
@@ -88800,6 +89447,14 @@
|
|
|
88800
89447
|
"module": "src/filter-input/root/filter-input-root.ts"
|
|
88801
89448
|
}
|
|
88802
89449
|
},
|
|
89450
|
+
{
|
|
89451
|
+
"description": "Shown in the panel while the suggestions load.",
|
|
89452
|
+
"name": "loading",
|
|
89453
|
+
"inheritedFrom": {
|
|
89454
|
+
"name": "HelixHeadlessFilterInput",
|
|
89455
|
+
"module": "src/filter-input/root/filter-input-root.ts"
|
|
89456
|
+
}
|
|
89457
|
+
},
|
|
88803
89458
|
{
|
|
88804
89459
|
"description": "The count of tokens that did not fit. It is a `<button>` with `expandable` and a `<span>` without it.",
|
|
88805
89460
|
"name": "rest",
|
|
@@ -88834,6 +89489,22 @@
|
|
|
88834
89489
|
"module": "src/filter-input/root/filter-input-root.ts"
|
|
88835
89490
|
}
|
|
88836
89491
|
},
|
|
89492
|
+
{
|
|
89493
|
+
"description": "While `loading` is set.",
|
|
89494
|
+
"name": "loading",
|
|
89495
|
+
"inheritedFrom": {
|
|
89496
|
+
"name": "HelixHeadlessFilterInput",
|
|
89497
|
+
"module": "src/filter-input/root/filter-input-root.ts"
|
|
89498
|
+
}
|
|
89499
|
+
},
|
|
89500
|
+
{
|
|
89501
|
+
"description": "`filter-suggestions` hid every suggestion, and `no-results-text` or the `no-results` slot says so.",
|
|
89502
|
+
"name": "no-results",
|
|
89503
|
+
"inheritedFrom": {
|
|
89504
|
+
"name": "HelixHeadlessFilterInput",
|
|
89505
|
+
"module": "src/filter-input/root/filter-input-root.ts"
|
|
89506
|
+
}
|
|
89507
|
+
},
|
|
88837
89508
|
{
|
|
88838
89509
|
"description": "The suggestions are open.",
|
|
88839
89510
|
"name": "open",
|
|
@@ -102982,6 +103653,52 @@
|
|
|
102982
103653
|
"module": "src/input/root/input-root.ts"
|
|
102983
103654
|
}
|
|
102984
103655
|
},
|
|
103656
|
+
{
|
|
103657
|
+
"kind": "method",
|
|
103658
|
+
"name": "setRangeText",
|
|
103659
|
+
"return": {
|
|
103660
|
+
"type": {
|
|
103661
|
+
"text": "void"
|
|
103662
|
+
}
|
|
103663
|
+
},
|
|
103664
|
+
"parameters": [
|
|
103665
|
+
{
|
|
103666
|
+
"name": "replacement",
|
|
103667
|
+
"type": {
|
|
103668
|
+
"text": "string"
|
|
103669
|
+
}
|
|
103670
|
+
},
|
|
103671
|
+
{
|
|
103672
|
+
"name": "start",
|
|
103673
|
+
"optional": true,
|
|
103674
|
+
"type": {
|
|
103675
|
+
"text": "number"
|
|
103676
|
+
}
|
|
103677
|
+
},
|
|
103678
|
+
{
|
|
103679
|
+
"name": "end",
|
|
103680
|
+
"optional": true,
|
|
103681
|
+
"type": {
|
|
103682
|
+
"text": "number"
|
|
103683
|
+
}
|
|
103684
|
+
},
|
|
103685
|
+
{
|
|
103686
|
+
"name": "selectMode",
|
|
103687
|
+
"optional": true,
|
|
103688
|
+
"type": {
|
|
103689
|
+
"text": "SelectionMode"
|
|
103690
|
+
}
|
|
103691
|
+
}
|
|
103692
|
+
],
|
|
103693
|
+
"description": "Replaces a range of the text, as the native method does: the selection\nwhere `start` and `end` are left out, and `selectMode` says what is\nselected after. It sends no event, as the native method sends none.",
|
|
103694
|
+
"type": {
|
|
103695
|
+
"text": "setRangeText(replacement: string, start?: number, end?: number, selectMode?: SelectionMode) => void"
|
|
103696
|
+
},
|
|
103697
|
+
"inheritedFrom": {
|
|
103698
|
+
"name": "HelixHeadlessInput",
|
|
103699
|
+
"module": "src/input/root/input-root.ts"
|
|
103700
|
+
}
|
|
103701
|
+
},
|
|
102985
103702
|
{
|
|
102986
103703
|
"kind": "method",
|
|
102987
103704
|
"name": "setSelectionRange",
|
|
@@ -108043,7 +108760,7 @@
|
|
|
108043
108760
|
"name": "commands",
|
|
108044
108761
|
"privacy": "protected",
|
|
108045
108762
|
"readonly": true,
|
|
108046
|
-
"default": "new CommandController(this, { commands: { '--close': () => this.close(), '--fullscreen': () => this.toggleFullscreen(), '--next': () => this.next(), '--previous': () => this.previous(), '--show': () => this.show(), '--toggle': () => this.toggleOpen(), }, })",
|
|
108763
|
+
"default": "new CommandController(this, { commands: { '--close': () => this.close(), '--fullscreen': () => this.toggleFullscreen(), '--next': () => this.next(), '--previous': () => this.previous(), '--show': () => this.show(), '--toggle': () => this.toggleOpen(), }, expanded: () => this.open, })",
|
|
108047
108764
|
"inheritedFrom": {
|
|
108048
108765
|
"name": "HelixHeadlessLightbox",
|
|
108049
108766
|
"module": "src/lightbox/root/lightbox-root.ts"
|
|
@@ -115985,7 +116702,7 @@
|
|
|
115985
116702
|
}
|
|
115986
116703
|
}
|
|
115987
116704
|
],
|
|
115988
|
-
"description": "Says how many options a filter left, in the live region.\n\n**A reader typing into a filter cannot see the list narrow**, and React\nAria and Web Awesome both say the count as it changes. Only \"No matches\"\nwas said here, so a query that left forty options and one that left one\nsounded the same. Said when the filter changes and the count with it, so\na keystroke that leaves the same options says nothing new. An empty filter\nsays nothing, being the list as it was given; no matches is `empty-text`,\nwhich the region says in place of this.",
|
|
116705
|
+
"description": "Says how many options a filter left, in the live region.\n\n**A reader typing into a filter cannot see the list narrow**, and React\nAria and Web Awesome both say the count as it changes. Only \"No matches\"\nwas said here, so a query that left forty options and one that left one\nsounded the same. Said when the filter changes and the count with it, so\na keystroke that leaves the same options says nothing new. An empty filter\nsays nothing, being the list as it was given; no matches is `empty-text`,\nwhich the region says in place of this. A load that ends says the count\ntoo, whatever the filter.",
|
|
115989
116706
|
"inheritedFrom": {
|
|
115990
116707
|
"name": "HelixHeadlessListbox",
|
|
115991
116708
|
"module": "src/listbox/root/listbox-root.ts"
|
|
@@ -133072,6 +133789,22 @@
|
|
|
133072
133789
|
"module": "src/menu/item/menu-item.ts"
|
|
133073
133790
|
}
|
|
133074
133791
|
},
|
|
133792
|
+
{
|
|
133793
|
+
"description": "The row is disabled.",
|
|
133794
|
+
"name": "disabled",
|
|
133795
|
+
"inheritedFrom": {
|
|
133796
|
+
"name": "HelixHeadlessMenuItem",
|
|
133797
|
+
"module": "src/menu/item/menu-item.ts"
|
|
133798
|
+
}
|
|
133799
|
+
},
|
|
133800
|
+
{
|
|
133801
|
+
"description": "Under `submenus=\"flyout\"`, the row's submenu is open beside it.",
|
|
133802
|
+
"name": "expanded",
|
|
133803
|
+
"inheritedFrom": {
|
|
133804
|
+
"name": "HelixHeadlessMenuItem",
|
|
133805
|
+
"module": "src/menu/item/menu-item.ts"
|
|
133806
|
+
}
|
|
133807
|
+
},
|
|
133075
133808
|
{
|
|
133076
133809
|
"description": "In a menu with `filterable`, the arrow keys or the pointer reached the row while focus stays in the filter field.",
|
|
133077
133810
|
"name": "highlighted",
|
|
@@ -133831,6 +134564,20 @@
|
|
|
133831
134564
|
"module": "src/menu/root/menu-root.ts"
|
|
133832
134565
|
}
|
|
133833
134566
|
},
|
|
134567
|
+
{
|
|
134568
|
+
"kind": "field",
|
|
134569
|
+
"name": "openOn",
|
|
134570
|
+
"type": {
|
|
134571
|
+
"text": "'click' | 'long-press'"
|
|
134572
|
+
},
|
|
134573
|
+
"default": "'click'",
|
|
134574
|
+
"description": "What opens the menu from its trigger. `long-press` leaves a press to the\ntrigger's own action and opens the menu on a press held for half a second,\nor on Alt+Down or Alt+Up.",
|
|
134575
|
+
"attribute": "open-on",
|
|
134576
|
+
"inheritedFrom": {
|
|
134577
|
+
"name": "HelixHeadlessMenu",
|
|
134578
|
+
"module": "src/menu/root/menu-root.ts"
|
|
134579
|
+
}
|
|
134580
|
+
},
|
|
133834
134581
|
{
|
|
133835
134582
|
"kind": "field",
|
|
133836
134583
|
"name": "pressHeld",
|
|
@@ -133872,13 +134619,13 @@
|
|
|
133872
134619
|
},
|
|
133873
134620
|
{
|
|
133874
134621
|
"kind": "field",
|
|
133875
|
-
"name": "
|
|
134622
|
+
"name": "placement",
|
|
133876
134623
|
"type": {
|
|
133877
|
-
"text": "'
|
|
134624
|
+
"text": "'bottom' | 'bottom-end' | 'bottom-start' | 'left' | 'left-end' | 'left-start' | 'right' | 'right-end' | 'right-start' | 'top' | 'top-end' | 'top-start'"
|
|
133878
134625
|
},
|
|
133879
|
-
"default": "'
|
|
133880
|
-
"description": "
|
|
133881
|
-
"attribute": "
|
|
134626
|
+
"default": "'bottom-start'",
|
|
134627
|
+
"description": "The side the menu opens on, when there is room.\n\nIt moves if that side does not fit.",
|
|
134628
|
+
"attribute": "placement",
|
|
133882
134629
|
"inheritedFrom": {
|
|
133883
134630
|
"name": "HelixHeadlessMenu",
|
|
133884
134631
|
"module": "src/menu/root/menu-root.ts"
|
|
@@ -133886,13 +134633,16 @@
|
|
|
133886
134633
|
},
|
|
133887
134634
|
{
|
|
133888
134635
|
"kind": "field",
|
|
133889
|
-
"name": "
|
|
134636
|
+
"name": "resultsLabel",
|
|
133890
134637
|
"type": {
|
|
133891
|
-
"text": "
|
|
134638
|
+
"text": "string"
|
|
134639
|
+
},
|
|
134640
|
+
"default": "'{count, plural, one {# result} other {# results}}'",
|
|
134641
|
+
"description": "What a screen reader hears when the filter narrows the rows. `{count}` is\nhow many rows are left, written in the locale, and each language writes\nthe forms it has, as Listbox's `results-label` does.",
|
|
134642
|
+
"attribute": "results-label",
|
|
134643
|
+
"helix": {
|
|
134644
|
+
"words": true
|
|
133892
134645
|
},
|
|
133893
|
-
"default": "'bottom-start'",
|
|
133894
|
-
"description": "The side the menu opens on, when there is room.\n\nIt moves if that side does not fit.",
|
|
133895
|
-
"attribute": "placement",
|
|
133896
134646
|
"inheritedFrom": {
|
|
133897
134647
|
"name": "HelixHeadlessMenu",
|
|
133898
134648
|
"module": "src/menu/root/menu-root.ts"
|
|
@@ -133936,6 +134686,17 @@
|
|
|
133936
134686
|
"module": "src/menu/root/menu-root.ts"
|
|
133937
134687
|
}
|
|
133938
134688
|
},
|
|
134689
|
+
{
|
|
134690
|
+
"kind": "field",
|
|
134691
|
+
"name": "phases",
|
|
134692
|
+
"privacy": "protected",
|
|
134693
|
+
"readonly": true,
|
|
134694
|
+
"default": "new OpenPhaseController(this, { mark: { entering: (on) => this.toggleState('entering', on), exiting: (on) => this.toggleState('exiting', on), }, open: () => this.open, surface: () => this.partNamed('surface'), })",
|
|
134695
|
+
"inheritedFrom": {
|
|
134696
|
+
"name": "HelixHeadlessMenu",
|
|
134697
|
+
"module": "src/menu/root/menu-root.ts"
|
|
134698
|
+
}
|
|
134699
|
+
},
|
|
133939
134700
|
{
|
|
133940
134701
|
"kind": "field",
|
|
133941
134702
|
"name": "aria",
|
|
@@ -134239,6 +135000,30 @@
|
|
|
134239
135000
|
"module": "src/menu/root/menu-root.ts"
|
|
134240
135001
|
}
|
|
134241
135002
|
},
|
|
135003
|
+
{
|
|
135004
|
+
"kind": "field",
|
|
135005
|
+
"name": "rowWatch",
|
|
135006
|
+
"type": {
|
|
135007
|
+
"text": "MutationObserver | undefined"
|
|
135008
|
+
},
|
|
135009
|
+
"privacy": "private",
|
|
135010
|
+
"description": "Watches for rows taken away while the menu is open.",
|
|
135011
|
+
"inheritedFrom": {
|
|
135012
|
+
"name": "HelixHeadlessMenu",
|
|
135013
|
+
"module": "src/menu/root/menu-root.ts"
|
|
135014
|
+
}
|
|
135015
|
+
},
|
|
135016
|
+
{
|
|
135017
|
+
"kind": "field",
|
|
135018
|
+
"name": "followRemoved",
|
|
135019
|
+
"privacy": "private",
|
|
135020
|
+
"readonly": true,
|
|
135021
|
+
"description": "Moves the reader to a neighbor when the page takes away the row they were\non: the row that took its place, or the one before it where it was the\nlast. A menu with no rows left closes and gives focus to its trigger.\n\n**Focus went to the body**, and the menu then ignored every key, its\nlistener being on the host: measured in Chromium, removing the focused\nrow and pressing ArrowUp did nothing. List and Virtual List move focus to\na neighbor the same way, as React Aria's collections do. With `filterable`,\nfocus stays in the field and the highlight moves. Focus a reader put\nanywhere but the body is left there.",
|
|
135022
|
+
"inheritedFrom": {
|
|
135023
|
+
"name": "HelixHeadlessMenu",
|
|
135024
|
+
"module": "src/menu/root/menu-root.ts"
|
|
135025
|
+
}
|
|
135026
|
+
},
|
|
134242
135027
|
{
|
|
134243
135028
|
"kind": "method",
|
|
134244
135029
|
"name": "show",
|
|
@@ -134368,6 +135153,60 @@
|
|
|
134368
135153
|
"module": "src/menu/root/menu-root.ts"
|
|
134369
135154
|
}
|
|
134370
135155
|
},
|
|
135156
|
+
{
|
|
135157
|
+
"kind": "field",
|
|
135158
|
+
"name": "choiceRows",
|
|
135159
|
+
"type": {
|
|
135160
|
+
"text": "HelixHeadlessMenuItem[]"
|
|
135161
|
+
},
|
|
135162
|
+
"privacy": "private",
|
|
135163
|
+
"description": "The choice rows anywhere in the menu, in document order.",
|
|
135164
|
+
"readonly": true,
|
|
135165
|
+
"inheritedFrom": {
|
|
135166
|
+
"name": "HelixHeadlessMenu",
|
|
135167
|
+
"module": "src/menu/root/menu-root.ts"
|
|
135168
|
+
}
|
|
135169
|
+
},
|
|
135170
|
+
{
|
|
135171
|
+
"kind": "field",
|
|
135172
|
+
"name": "checkedValues",
|
|
135173
|
+
"type": {
|
|
135174
|
+
"text": "string[]"
|
|
135175
|
+
},
|
|
135176
|
+
"description": "The values of the choice rows that are checked, anywhere in the menu, in\ndocument order.\n\nSet it to check exactly those rows and uncheck every other choice row, as\nReact Aria's `selectedKeys` controls a menu's selection from one place.\nEach row keeps its own `checked` too, which this reads and writes. `change`\nis sent on the menu when a reader's choice changes it.",
|
|
135177
|
+
"inheritedFrom": {
|
|
135178
|
+
"name": "HelixHeadlessMenu",
|
|
135179
|
+
"module": "src/menu/root/menu-root.ts"
|
|
135180
|
+
}
|
|
135181
|
+
},
|
|
135182
|
+
{
|
|
135183
|
+
"kind": "field",
|
|
135184
|
+
"name": "toldChecked",
|
|
135185
|
+
"type": {
|
|
135186
|
+
"text": "string | undefined"
|
|
135187
|
+
},
|
|
135188
|
+
"privacy": "private",
|
|
135189
|
+
"description": "The checked values `change` last said, joined, so a choice that moved nothing says nothing.",
|
|
135190
|
+
"inheritedFrom": {
|
|
135191
|
+
"name": "HelixHeadlessMenu",
|
|
135192
|
+
"module": "src/menu/root/menu-root.ts"
|
|
135193
|
+
}
|
|
135194
|
+
},
|
|
135195
|
+
{
|
|
135196
|
+
"kind": "method",
|
|
135197
|
+
"name": "tellChecked",
|
|
135198
|
+
"privacy": "private",
|
|
135199
|
+
"return": {
|
|
135200
|
+
"type": {
|
|
135201
|
+
"text": "void"
|
|
135202
|
+
}
|
|
135203
|
+
},
|
|
135204
|
+
"description": "Sends `change` when a reader's choice has changed which rows are checked.",
|
|
135205
|
+
"inheritedFrom": {
|
|
135206
|
+
"name": "HelixHeadlessMenu",
|
|
135207
|
+
"module": "src/menu/root/menu-root.ts"
|
|
135208
|
+
}
|
|
135209
|
+
},
|
|
134371
135210
|
{
|
|
134372
135211
|
"kind": "field",
|
|
134373
135212
|
"name": "handleSelect",
|
|
@@ -134644,7 +135483,7 @@
|
|
|
134644
135483
|
"name": "handleHover",
|
|
134645
135484
|
"privacy": "private",
|
|
134646
135485
|
"readonly": true,
|
|
134647
|
-
"description": "A mouse resting on a row
|
|
135486
|
+
"description": "A mouse resting on a row: focus follows it, and under `flyout`, after a\nmoment, the row's submenu opens, or the submenus below the row's own page\nclose. Not while the pointer is crossing toward an open submenu.\n\n**In every mode**, as the APG's menus, React Aria's and Radix's have it.\nUnder `drill` the pointer did not move focus, so the row under the\npointer and the row the keys moved from were two rows, measured in\nChromium: hovering Delete left focus on Cut.",
|
|
134648
135487
|
"inheritedFrom": {
|
|
134649
135488
|
"name": "HelixHeadlessMenu",
|
|
134650
135489
|
"module": "src/menu/root/menu-root.ts"
|
|
@@ -134684,6 +135523,20 @@
|
|
|
134684
135523
|
"module": "src/menu/root/menu-root.ts"
|
|
134685
135524
|
}
|
|
134686
135525
|
},
|
|
135526
|
+
{
|
|
135527
|
+
"kind": "field",
|
|
135528
|
+
"name": "namedByPage",
|
|
135529
|
+
"type": {
|
|
135530
|
+
"text": "boolean"
|
|
135531
|
+
},
|
|
135532
|
+
"privacy": "private",
|
|
135533
|
+
"default": "false",
|
|
135534
|
+
"description": "Whether the surface is named by a submenu's page, which `nameSurface` undoes at the top.",
|
|
135535
|
+
"inheritedFrom": {
|
|
135536
|
+
"name": "HelixHeadlessMenu",
|
|
135537
|
+
"module": "src/menu/root/menu-root.ts"
|
|
135538
|
+
}
|
|
135539
|
+
},
|
|
134687
135540
|
{
|
|
134688
135541
|
"kind": "method",
|
|
134689
135542
|
"name": "nameSurface",
|
|
@@ -134693,7 +135546,7 @@
|
|
|
134693
135546
|
"text": "void"
|
|
134694
135547
|
}
|
|
134695
135548
|
},
|
|
134696
|
-
"description": "Names the surface by its trigger, where nothing else names it.\n\nBy element reference, which is the one direction that crosses: the surface\nis in this shadow root and the trigger is in the tree around it. A host\n`aria-labelledby` is carried down by `aria`, and a host `aria-label` or\n`label` is a name of its own, so each of them clears this reference.",
|
|
135549
|
+
"description": "Names the surface by its trigger, where nothing else names it, and a\nsubmenu's page by its title.\n\nBy element reference, which is the one direction that crosses: the surface\nis in this shadow root and the trigger is in the tree around it. A host\n`aria-labelledby` is carried down by `aria`, and a host `aria-label` or\n`label` is a name of its own, so each of them clears this reference.",
|
|
134697
135550
|
"inheritedFrom": {
|
|
134698
135551
|
"name": "HelixHeadlessMenu",
|
|
134699
135552
|
"module": "src/menu/root/menu-root.ts"
|
|
@@ -135368,6 +136221,19 @@
|
|
|
135368
136221
|
"module": "src/menu/root/menu-root.ts"
|
|
135369
136222
|
}
|
|
135370
136223
|
},
|
|
136224
|
+
{
|
|
136225
|
+
"name": "results-label",
|
|
136226
|
+
"type": {
|
|
136227
|
+
"text": "string"
|
|
136228
|
+
},
|
|
136229
|
+
"default": "'{count, plural, one {# result} other {# results}}'",
|
|
136230
|
+
"description": "What a screen reader hears when the filter narrows the rows. `{count}` is\nhow many rows are left, written in the locale, and each language writes\nthe forms it has, as Listbox's `results-label` does.",
|
|
136231
|
+
"fieldName": "resultsLabel",
|
|
136232
|
+
"inheritedFrom": {
|
|
136233
|
+
"name": "HelixHeadlessMenu",
|
|
136234
|
+
"module": "src/menu/root/menu-root.ts"
|
|
136235
|
+
}
|
|
136236
|
+
},
|
|
135371
136237
|
{
|
|
135372
136238
|
"name": "submenus",
|
|
135373
136239
|
"type": {
|
|
@@ -135395,6 +136261,18 @@
|
|
|
135395
136261
|
},
|
|
135396
136262
|
"reactProp": "ontoggle"
|
|
135397
136263
|
},
|
|
136264
|
+
{
|
|
136265
|
+
"type": {
|
|
136266
|
+
"text": "Event"
|
|
136267
|
+
},
|
|
136268
|
+
"description": "A reader's choice checked or unchecked rows. Read `checkedValues` for the rows that are checked now.",
|
|
136269
|
+
"name": "change",
|
|
136270
|
+
"reactProp": "onchange",
|
|
136271
|
+
"inheritedFrom": {
|
|
136272
|
+
"name": "HelixHeadlessMenu",
|
|
136273
|
+
"module": "src/menu/root/menu-root.ts"
|
|
136274
|
+
}
|
|
136275
|
+
},
|
|
135398
136276
|
{
|
|
135399
136277
|
"type": {
|
|
135400
136278
|
"text": "HelixBeforeCloseEvent"
|
|
@@ -135453,6 +136331,22 @@
|
|
|
135453
136331
|
"module": "src/menu/root/menu-root.ts"
|
|
135454
136332
|
}
|
|
135455
136333
|
},
|
|
136334
|
+
{
|
|
136335
|
+
"description": "What the menu shows when it has no items, for content richer than `empty-text`.",
|
|
136336
|
+
"name": "empty",
|
|
136337
|
+
"inheritedFrom": {
|
|
136338
|
+
"name": "HelixHeadlessMenu",
|
|
136339
|
+
"module": "src/menu/root/menu-root.ts"
|
|
136340
|
+
}
|
|
136341
|
+
},
|
|
136342
|
+
{
|
|
136343
|
+
"description": "What the menu shows while its items load, for content richer than `loading-text`.",
|
|
136344
|
+
"name": "loading",
|
|
136345
|
+
"inheritedFrom": {
|
|
136346
|
+
"name": "HelixHeadlessMenu",
|
|
136347
|
+
"module": "src/menu/root/menu-root.ts"
|
|
136348
|
+
}
|
|
136349
|
+
},
|
|
135456
136350
|
{
|
|
135457
136351
|
"description": "What the menu shows when the filter keeps no rows, for content richer than `no-results-text`.",
|
|
135458
136352
|
"name": "no-results",
|
|
@@ -135553,6 +136447,22 @@
|
|
|
135553
136447
|
"module": "src/menu/root/menu-root.ts"
|
|
135554
136448
|
}
|
|
135555
136449
|
},
|
|
136450
|
+
{
|
|
136451
|
+
"description": "From the moment the panel shows until its entrance has finished.",
|
|
136452
|
+
"name": "entering",
|
|
136453
|
+
"inheritedFrom": {
|
|
136454
|
+
"name": "HelixHeadlessMenu",
|
|
136455
|
+
"module": "src/menu/root/menu-root.ts"
|
|
136456
|
+
}
|
|
136457
|
+
},
|
|
136458
|
+
{
|
|
136459
|
+
"description": "From the moment the panel hides until its exit has finished.",
|
|
136460
|
+
"name": "exiting",
|
|
136461
|
+
"inheritedFrom": {
|
|
136462
|
+
"name": "HelixHeadlessMenu",
|
|
136463
|
+
"module": "src/menu/root/menu-root.ts"
|
|
136464
|
+
}
|
|
136465
|
+
},
|
|
135556
136466
|
{
|
|
135557
136467
|
"description": "A row on the current page has a checkbox or a link, so every row keeps the trailing column.",
|
|
135558
136468
|
"name": "mark",
|
|
@@ -142920,7 +143830,7 @@
|
|
|
142920
143830
|
"text": "string"
|
|
142921
143831
|
},
|
|
142922
143832
|
"default": "'Decrease'",
|
|
142923
|
-
"description": "The name of the step down button, read by screen readers.",
|
|
143833
|
+
"description": "The name of the step down button, read by screen readers. The field's\nlabel follows it, so a reader hears \"Decrease Quantity\", as React Aria\nnames its steppers.",
|
|
142924
143834
|
"attribute": "decrement-label",
|
|
142925
143835
|
"helix": {
|
|
142926
143836
|
"words": true
|
|
@@ -142950,7 +143860,7 @@
|
|
|
142950
143860
|
"text": "string"
|
|
142951
143861
|
},
|
|
142952
143862
|
"default": "'Increase'",
|
|
142953
|
-
"description": "The name of the step up button, read by screen readers.",
|
|
143863
|
+
"description": "The name of the step up button, read by screen readers. The field's\nlabel follows it, so a reader hears \"Increase Quantity\", as React Aria\nnames its steppers.",
|
|
142954
143864
|
"attribute": "increment-label",
|
|
142955
143865
|
"helix": {
|
|
142956
143866
|
"words": true
|
|
@@ -143458,13 +144368,16 @@
|
|
|
143458
144368
|
},
|
|
143459
144369
|
"parameters": [
|
|
143460
144370
|
{
|
|
143461
|
-
"name": "
|
|
143462
|
-
"default": "
|
|
144371
|
+
"name": "count",
|
|
144372
|
+
"default": "1",
|
|
144373
|
+
"type": {
|
|
144374
|
+
"text": "number | boolean"
|
|
144375
|
+
}
|
|
143463
144376
|
}
|
|
143464
144377
|
],
|
|
143465
|
-
"description": "Steps the value up
|
|
144378
|
+
"description": "Steps the value up by `step`, `count` times, as the native method and\n`Input.stepUp` do. `true` takes `largeStep` steps, as `PageUp` does.",
|
|
143466
144379
|
"type": {
|
|
143467
|
-
"text": "stepUp(
|
|
144380
|
+
"text": "stepUp(count: number | boolean = 1) => void"
|
|
143468
144381
|
},
|
|
143469
144382
|
"inheritedFrom": {
|
|
143470
144383
|
"name": "HelixHeadlessNumberInput",
|
|
@@ -143481,14 +144394,40 @@
|
|
|
143481
144394
|
},
|
|
143482
144395
|
"parameters": [
|
|
143483
144396
|
{
|
|
143484
|
-
"name": "
|
|
143485
|
-
"default": "
|
|
144397
|
+
"name": "count",
|
|
144398
|
+
"default": "1",
|
|
144399
|
+
"type": {
|
|
144400
|
+
"text": "number | boolean"
|
|
144401
|
+
}
|
|
143486
144402
|
}
|
|
143487
144403
|
],
|
|
143488
|
-
"description": "Steps the value down
|
|
144404
|
+
"description": "Steps the value down by `step`, `count` times. `true` takes `largeStep`\nsteps, as `PageDown` does.\n\nThe same path a press of the down arrow takes, so a consumer driving this\nfrom their own control gets the clamping and the announcement rather than\nhaving to repeat both.",
|
|
143489
144405
|
"type": {
|
|
143490
|
-
"text": "stepDown(
|
|
144406
|
+
"text": "stepDown(count: number | boolean = 1) => void"
|
|
144407
|
+
},
|
|
144408
|
+
"inheritedFrom": {
|
|
144409
|
+
"name": "HelixHeadlessNumberInput",
|
|
144410
|
+
"module": "src/number-input/root/number-input-root.ts"
|
|
144411
|
+
}
|
|
144412
|
+
},
|
|
144413
|
+
{
|
|
144414
|
+
"kind": "method",
|
|
144415
|
+
"name": "stepsOf",
|
|
144416
|
+
"privacy": "private",
|
|
144417
|
+
"return": {
|
|
144418
|
+
"type": {
|
|
144419
|
+
"text": "number"
|
|
144420
|
+
}
|
|
143491
144421
|
},
|
|
144422
|
+
"parameters": [
|
|
144423
|
+
{
|
|
144424
|
+
"name": "count",
|
|
144425
|
+
"type": {
|
|
144426
|
+
"text": "number | boolean"
|
|
144427
|
+
}
|
|
144428
|
+
}
|
|
144429
|
+
],
|
|
144430
|
+
"description": "How many steps a `stepUp` argument asks for: a count, or `largeStep` for `true`.",
|
|
143492
144431
|
"inheritedFrom": {
|
|
143493
144432
|
"name": "HelixHeadlessNumberInput",
|
|
143494
144433
|
"module": "src/number-input/root/number-input-root.ts"
|
|
@@ -144856,7 +145795,7 @@
|
|
|
144856
145795
|
"text": "string"
|
|
144857
145796
|
},
|
|
144858
145797
|
"default": "'Decrease'",
|
|
144859
|
-
"description": "The name of the step down button, read by screen readers.",
|
|
145798
|
+
"description": "The name of the step down button, read by screen readers. The field's\nlabel follows it, so a reader hears \"Decrease Quantity\", as React Aria\nnames its steppers.",
|
|
144860
145799
|
"fieldName": "decrementLabel",
|
|
144861
145800
|
"inheritedFrom": {
|
|
144862
145801
|
"name": "HelixHeadlessNumberInput",
|
|
@@ -144881,7 +145820,7 @@
|
|
|
144881
145820
|
"text": "string"
|
|
144882
145821
|
},
|
|
144883
145822
|
"default": "'Increase'",
|
|
144884
|
-
"description": "The name of the step up button, read by screen readers.",
|
|
145823
|
+
"description": "The name of the step up button, read by screen readers. The field's\nlabel follows it, so a reader hears \"Increase Quantity\", as React Aria\nnames its steppers.",
|
|
144885
145824
|
"fieldName": "incrementLabel",
|
|
144886
145825
|
"inheritedFrom": {
|
|
144887
145826
|
"name": "HelixHeadlessNumberInput",
|
|
@@ -158425,6 +159364,20 @@
|
|
|
158425
159364
|
"module": "src/popover/root/popover-root.ts"
|
|
158426
159365
|
}
|
|
158427
159366
|
},
|
|
159367
|
+
{
|
|
159368
|
+
"kind": "field",
|
|
159369
|
+
"name": "anchor",
|
|
159370
|
+
"type": {
|
|
159371
|
+
"text": "Element | string"
|
|
159372
|
+
},
|
|
159373
|
+
"default": "''",
|
|
159374
|
+
"description": "The element the panel opens against, where that is not the trigger: its\n`id` in the same document or shadow root, or the element itself. Left\nempty, the panel opens against the trigger, or against the button whose\ncommand opened it.",
|
|
159375
|
+
"attribute": "anchor",
|
|
159376
|
+
"inheritedFrom": {
|
|
159377
|
+
"name": "HelixHeadlessPopover",
|
|
159378
|
+
"module": "src/popover/root/popover-root.ts"
|
|
159379
|
+
}
|
|
159380
|
+
},
|
|
158428
159381
|
{
|
|
158429
159382
|
"kind": "field",
|
|
158430
159383
|
"name": "arrow",
|
|
@@ -158439,6 +159392,33 @@
|
|
|
158439
159392
|
"module": "src/popover/root/popover-root.ts"
|
|
158440
159393
|
}
|
|
158441
159394
|
},
|
|
159395
|
+
{
|
|
159396
|
+
"kind": "field",
|
|
159397
|
+
"name": "containerPadding",
|
|
159398
|
+
"type": {
|
|
159399
|
+
"text": "number | undefined"
|
|
159400
|
+
},
|
|
159401
|
+
"description": "How close to the window's edges the panel may come, in pixels, when it\nslides, shrinks or moves to the other side to fit. Left unset, it slides\nand shrinks to 8 pixels from an edge and moves to the other side only\nonce it would cross one.",
|
|
159402
|
+
"attribute": "container-padding",
|
|
159403
|
+
"inheritedFrom": {
|
|
159404
|
+
"name": "HelixHeadlessPopover",
|
|
159405
|
+
"module": "src/popover/root/popover-root.ts"
|
|
159406
|
+
}
|
|
159407
|
+
},
|
|
159408
|
+
{
|
|
159409
|
+
"kind": "field",
|
|
159410
|
+
"name": "crossOffset",
|
|
159411
|
+
"type": {
|
|
159412
|
+
"text": "number"
|
|
159413
|
+
},
|
|
159414
|
+
"default": "0",
|
|
159415
|
+
"description": "How far to slide the panel along the side it is on, in pixels: to the\nright on the top or the bottom, and down on the left or the right.",
|
|
159416
|
+
"attribute": "cross-offset",
|
|
159417
|
+
"inheritedFrom": {
|
|
159418
|
+
"name": "HelixHeadlessPopover",
|
|
159419
|
+
"module": "src/popover/root/popover-root.ts"
|
|
159420
|
+
}
|
|
159421
|
+
},
|
|
158442
159422
|
{
|
|
158443
159423
|
"kind": "field",
|
|
158444
159424
|
"name": "fallbackLabel",
|
|
@@ -158456,6 +159436,20 @@
|
|
|
158456
159436
|
"module": "src/popover/root/popover-root.ts"
|
|
158457
159437
|
}
|
|
158458
159438
|
},
|
|
159439
|
+
{
|
|
159440
|
+
"kind": "field",
|
|
159441
|
+
"name": "flip",
|
|
159442
|
+
"type": {
|
|
159443
|
+
"text": "boolean"
|
|
159444
|
+
},
|
|
159445
|
+
"default": "true",
|
|
159446
|
+
"description": "Whether the panel moves to the other side of the trigger when its own\nside has no room. On by default. Write `flip=\"false\"` to keep it on its\nside, where it shrinks to fit, as React Aria's `shouldFlip` turns off.",
|
|
159447
|
+
"attribute": "flip",
|
|
159448
|
+
"inheritedFrom": {
|
|
159449
|
+
"name": "HelixHeadlessPopover",
|
|
159450
|
+
"module": "src/popover/root/popover-root.ts"
|
|
159451
|
+
}
|
|
159452
|
+
},
|
|
158459
159453
|
{
|
|
158460
159454
|
"kind": "field",
|
|
158461
159455
|
"name": "label",
|
|
@@ -158539,7 +159533,7 @@
|
|
|
158539
159533
|
"name": "panel",
|
|
158540
159534
|
"privacy": "private",
|
|
158541
159535
|
"readonly": true,
|
|
158542
|
-
"default": "new PopoverController(this, { anchor: () => this.
|
|
159536
|
+
"default": "new PopoverController(this, { anchor: () => this.placedAgainst, arrow: () => this.partNamed('arrow'), /* The host *and* whatever invoked it, never the panel alone. An outside press is measured against this, and the host is not a box to rely on, a sheet being free to give it none, so a boundary of the panel alone would close on the very press that opened it. A `--toggle` button outside the host is part of the control by any reading a reader would give it: pressing it while the panel is open should close it once, not close it on `pointerdown` and reopen it on the `click` that follows. */ boundary: (): (HTMLElement | undefined)[] => [this, this.invoker], crossOffset: () => this.crossOffset, flip: () => this.flip, /* Measured to the point where there is one, as `Tooltip` measures it: the arrow is a square turned on its center, which reaches `n / sqrt(2)` past the edge it sits on. */ offset: () => this.offset + arrowReach(this.partNamed('arrow')), onDismiss: () => this.dismiss(), /* The side the panel landed on, for a sheet outside that draws by side, where no attribute can follow `::part()`. As `Tooltip` records it. */ onPlace: (placement) => { const side = sideOf(placement) this.toggleState('aligned-end', placement.endsWith('-end')) this.toggleState('aligned-start', placement.endsWith('-start')) this.toggleState('placed-bottom', side === 'bottom') this.toggleState('placed-left', side === 'left') this.toggleState('placed-right', side === 'right') this.toggleState('placed-top', side === 'top') this.side = side }, open: () => this.open, padding: () => this.containerPadding, placement: () => this.placement, surface: () => this.partNamed('popover'), })",
|
|
158543
159537
|
"inheritedFrom": {
|
|
158544
159538
|
"name": "HelixHeadlessPopover",
|
|
158545
159539
|
"module": "src/popover/root/popover-root.ts"
|
|
@@ -158630,7 +159624,7 @@
|
|
|
158630
159624
|
"name": "commands",
|
|
158631
159625
|
"privacy": "protected",
|
|
158632
159626
|
"readonly": true,
|
|
158633
|
-
"default": "new CommandController(this, { commands: { '--close': () => this.hide(), '--show': (source: Element | null) => { this.invoker = source instanceof HTMLElement ? source : undefined this.show() }, '--toggle': (source: Element | null) => { this.invoker = source instanceof HTMLElement ? source : undefined if (this.open) { this.hide() } else { this.show() } }, }, })",
|
|
159627
|
+
"default": "new CommandController(this, { commands: { '--close': () => this.hide(), '--show': (source: Element | null) => { this.invoker = source instanceof HTMLElement ? source : undefined this.show() }, '--toggle': (source: Element | null) => { this.invoker = source instanceof HTMLElement ? source : undefined if (this.open) { this.hide() } else { this.show() } }, }, expanded: () => this.open, })",
|
|
158634
159628
|
"inheritedFrom": {
|
|
158635
159629
|
"name": "HelixHeadlessPopover",
|
|
158636
159630
|
"module": "src/popover/root/popover-root.ts"
|
|
@@ -158638,7 +159632,7 @@
|
|
|
158638
159632
|
},
|
|
158639
159633
|
{
|
|
158640
159634
|
"kind": "field",
|
|
158641
|
-
"name": "
|
|
159635
|
+
"name": "placedAgainst",
|
|
158642
159636
|
"type": {
|
|
158643
159637
|
"text": "HTMLElement"
|
|
158644
159638
|
},
|
|
@@ -158650,6 +159644,35 @@
|
|
|
158650
159644
|
"module": "src/popover/root/popover-root.ts"
|
|
158651
159645
|
}
|
|
158652
159646
|
},
|
|
159647
|
+
{
|
|
159648
|
+
"kind": "field",
|
|
159649
|
+
"name": "trigger",
|
|
159650
|
+
"type": {
|
|
159651
|
+
"text": "HTMLElement"
|
|
159652
|
+
},
|
|
159653
|
+
"privacy": "private",
|
|
159654
|
+
"description": "The element that opened the panel, which focus goes back to.",
|
|
159655
|
+
"readonly": true,
|
|
159656
|
+
"inheritedFrom": {
|
|
159657
|
+
"name": "HelixHeadlessPopover",
|
|
159658
|
+
"module": "src/popover/root/popover-root.ts"
|
|
159659
|
+
}
|
|
159660
|
+
},
|
|
159661
|
+
{
|
|
159662
|
+
"kind": "method",
|
|
159663
|
+
"name": "dismiss",
|
|
159664
|
+
"privacy": "private",
|
|
159665
|
+
"return": {
|
|
159666
|
+
"type": {
|
|
159667
|
+
"text": "void"
|
|
159668
|
+
}
|
|
159669
|
+
},
|
|
159670
|
+
"description": "A press outside, or Escape, closing the panel.\n\n**Focus goes back to the trigger where the press put it nowhere.** The\npress is heard on `pointerdown`, and the browser moves focus a moment\nlater: onto what was pressed where that takes focus, and to the body where\nit does not. A popover dismissed by a press on text was left with focus on\nthe body, measured in Chromium, where React Aria's returns it to the\ntrigger. Read after the press, once the browser has moved it.",
|
|
159671
|
+
"inheritedFrom": {
|
|
159672
|
+
"name": "HelixHeadlessPopover",
|
|
159673
|
+
"module": "src/popover/root/popover-root.ts"
|
|
159674
|
+
}
|
|
159675
|
+
},
|
|
158653
159676
|
{
|
|
158654
159677
|
"kind": "method",
|
|
158655
159678
|
"name": "show",
|
|
@@ -159225,6 +160248,19 @@
|
|
|
159225
160248
|
"module": "src/mixins/mixin-controller-open/mixin-controller-open.ts"
|
|
159226
160249
|
}
|
|
159227
160250
|
},
|
|
160251
|
+
{
|
|
160252
|
+
"name": "anchor",
|
|
160253
|
+
"type": {
|
|
160254
|
+
"text": "Element | string"
|
|
160255
|
+
},
|
|
160256
|
+
"default": "''",
|
|
160257
|
+
"description": "The element the panel opens against, where that is not the trigger: its\n`id` in the same document or shadow root, or the element itself. Left\nempty, the panel opens against the trigger, or against the button whose\ncommand opened it.",
|
|
160258
|
+
"fieldName": "anchor",
|
|
160259
|
+
"inheritedFrom": {
|
|
160260
|
+
"name": "HelixHeadlessPopover",
|
|
160261
|
+
"module": "src/popover/root/popover-root.ts"
|
|
160262
|
+
}
|
|
160263
|
+
},
|
|
159228
160264
|
{
|
|
159229
160265
|
"name": "arrow",
|
|
159230
160266
|
"type": {
|
|
@@ -159238,6 +160274,31 @@
|
|
|
159238
160274
|
"module": "src/popover/root/popover-root.ts"
|
|
159239
160275
|
}
|
|
159240
160276
|
},
|
|
160277
|
+
{
|
|
160278
|
+
"name": "container-padding",
|
|
160279
|
+
"type": {
|
|
160280
|
+
"text": "number | undefined"
|
|
160281
|
+
},
|
|
160282
|
+
"description": "How close to the window's edges the panel may come, in pixels, when it\nslides, shrinks or moves to the other side to fit. Left unset, it slides\nand shrinks to 8 pixels from an edge and moves to the other side only\nonce it would cross one.",
|
|
160283
|
+
"fieldName": "containerPadding",
|
|
160284
|
+
"inheritedFrom": {
|
|
160285
|
+
"name": "HelixHeadlessPopover",
|
|
160286
|
+
"module": "src/popover/root/popover-root.ts"
|
|
160287
|
+
}
|
|
160288
|
+
},
|
|
160289
|
+
{
|
|
160290
|
+
"name": "cross-offset",
|
|
160291
|
+
"type": {
|
|
160292
|
+
"text": "number"
|
|
160293
|
+
},
|
|
160294
|
+
"default": "0",
|
|
160295
|
+
"description": "How far to slide the panel along the side it is on, in pixels: to the\nright on the top or the bottom, and down on the left or the right.",
|
|
160296
|
+
"fieldName": "crossOffset",
|
|
160297
|
+
"inheritedFrom": {
|
|
160298
|
+
"name": "HelixHeadlessPopover",
|
|
160299
|
+
"module": "src/popover/root/popover-root.ts"
|
|
160300
|
+
}
|
|
160301
|
+
},
|
|
159241
160302
|
{
|
|
159242
160303
|
"name": "fallback-label",
|
|
159243
160304
|
"type": {
|
|
@@ -159251,6 +160312,19 @@
|
|
|
159251
160312
|
"module": "src/popover/root/popover-root.ts"
|
|
159252
160313
|
}
|
|
159253
160314
|
},
|
|
160315
|
+
{
|
|
160316
|
+
"name": "flip",
|
|
160317
|
+
"type": {
|
|
160318
|
+
"text": "boolean"
|
|
160319
|
+
},
|
|
160320
|
+
"default": "true",
|
|
160321
|
+
"description": "Whether the panel moves to the other side of the trigger when its own\nside has no room. On by default. Write `flip=\"false\"` to keep it on its\nside, where it shrinks to fit, as React Aria's `shouldFlip` turns off.",
|
|
160322
|
+
"fieldName": "flip",
|
|
160323
|
+
"inheritedFrom": {
|
|
160324
|
+
"name": "HelixHeadlessPopover",
|
|
160325
|
+
"module": "src/popover/root/popover-root.ts"
|
|
160326
|
+
}
|
|
160327
|
+
},
|
|
159254
160328
|
{
|
|
159255
160329
|
"name": "label",
|
|
159256
160330
|
"type": {
|
|
@@ -159469,6 +160543,22 @@
|
|
|
159469
160543
|
}
|
|
159470
160544
|
],
|
|
159471
160545
|
"cssStates": [
|
|
160546
|
+
{
|
|
160547
|
+
"description": "While the panel is aligned to the end of the side it sits on.",
|
|
160548
|
+
"name": "aligned-end",
|
|
160549
|
+
"inheritedFrom": {
|
|
160550
|
+
"name": "HelixHeadlessPopover",
|
|
160551
|
+
"module": "src/popover/root/popover-root.ts"
|
|
160552
|
+
}
|
|
160553
|
+
},
|
|
160554
|
+
{
|
|
160555
|
+
"description": "While the panel is aligned to the start of the side it sits on.",
|
|
160556
|
+
"name": "aligned-start",
|
|
160557
|
+
"inheritedFrom": {
|
|
160558
|
+
"name": "HelixHeadlessPopover",
|
|
160559
|
+
"module": "src/popover/root/popover-root.ts"
|
|
160560
|
+
}
|
|
160561
|
+
},
|
|
159472
160562
|
{
|
|
159473
160563
|
"description": "From the moment the panel shows until its entrance has finished.",
|
|
159474
160564
|
"name": "entering",
|
|
@@ -167668,7 +168758,17 @@
|
|
|
167668
168758
|
"type": {
|
|
167669
168759
|
"text": "string"
|
|
167670
168760
|
}
|
|
167671
|
-
}
|
|
168761
|
+
},
|
|
168762
|
+
"parameters": [
|
|
168763
|
+
{
|
|
168764
|
+
"name": "imports",
|
|
168765
|
+
"optional": true,
|
|
168766
|
+
"type": {
|
|
168767
|
+
"text": "Readonly<Record<string, string>>"
|
|
168768
|
+
}
|
|
168769
|
+
}
|
|
168770
|
+
],
|
|
168771
|
+
"description": "The built-in document, with an import map for `imports` where there are any.\n\n**The map comes first in the head**, because a browser reads an import map\nonly before the first module it loads, and the example's scripts are\nmodules. `</` is escaped in the map as in the script, so a URL cannot close\nthe element early."
|
|
167672
168772
|
}
|
|
167673
168773
|
],
|
|
167674
168774
|
"exports": [
|
|
@@ -167932,7 +169032,7 @@
|
|
|
167932
169032
|
"declarations": [
|
|
167933
169033
|
{
|
|
167934
169034
|
"kind": "class",
|
|
167935
|
-
"description": "A sandboxed `<iframe>` that loads `src`, a document you provide. That\ndocument imports what the examples need, listens for a render message, and\nwrites the markup into itself.\n\n**Without `src`, the frame loads a built-in document**, so a sandbox renders\nwith nothing to host. It runs HTML, CSS, and scripts, and reports the\nconsole, uncaught errors, its height, and presses as a frame on\n`servePreview` does. It defines no element, so an example that uses Helix\ncomponents needs a `src` that imports them.\n\n**Examples render in a frame**, so an example's styles and scripts do not\naffect the page around the sandbox, and `position: fixed` stays inside the\npane. The frame starts empty, with its own stylesheets and its own custom\nelement registry, so `src` must load the styles and components the examples\nuse.\n\n**The source is untrusted, and the frame keeps it isolated.** The frame uses\n`sandbox=\"allow-scripts\"` and never `allow-same-origin`. Together, the two\nlet a document on the same origin remove its own sandbox, which is the same\nas having none.\n\n**A preview says where it is.** It is `:state(loading)` from the moment it\nhas a `src` until that document can take the example, and again through\n`reload()`. It is `:state(failed)` once the example throws an error it does\nnot catch, until the next source is sent, which a frame on `servePreview`\nreports. A page draws its own spinner or message from either, such as a\nsibling shown by `helix-sandbox-preview:state(failed) + .message`.\n\n**A failed preview shows the error over the example**, in the `error` part,\nuntil the next source is sent. The terminal says it too, so the part is not\nannounced. Hide it with `::part(error) { display: none }` where the page\ndraws its own.\n\n**`controls` draws two buttons in the preview's corner**: one reloads the\nframe's document, as `reload()` does, and one opens the example in a new\ntab, as `open()` does. The tab runs it in a frame sandboxed as this one is.",
|
|
169035
|
+
"description": "A sandboxed `<iframe>` that loads `src`, a document you provide. That\ndocument imports what the examples need, listens for a render message, and\nwrites the markup into itself.\n\n**Without `src`, the frame loads a built-in document**, so a sandbox renders\nwith nothing to host. It runs HTML, CSS, and scripts, and reports the\nconsole, uncaught errors, its height, and presses as a frame on\n`servePreview` does. It defines no element, so an example that uses Helix\ncomponents needs a `src` that imports them.\n\n**`imports` lets an example import packages by name** in the built-in\ndocument, as an import map: each name maps to the address of an ES module,\nsuch as `{\"canvas-confetti\": \"https://esm.sh/canvas-confetti@1.9.3\"}`, and\n`import confetti from 'canvas-confetti'` in the `js` pane then loads it. A\nCDN that serves npm packages as modules, such as esm.sh or jsDelivr's\n`+esm`, gives every package an address. A new map loads the document again,\nsince a browser reads one only as a document starts. A `src` document\ndeclares its own.\n\n**Examples render in a frame**, so an example's styles and scripts do not\naffect the page around the sandbox, and `position: fixed` stays inside the\npane. The frame starts empty, with its own stylesheets and its own custom\nelement registry, so `src` must load the styles and components the examples\nuse.\n\n**The source is untrusted, and the frame keeps it isolated.** The frame uses\n`sandbox=\"allow-scripts\"` and never `allow-same-origin`. Together, the two\nlet a document on the same origin remove its own sandbox, which is the same\nas having none.\n\n**A preview says where it is.** It is `:state(loading)` from the moment it\nhas a `src` until that document can take the example, and again through\n`reload()`. It is `:state(failed)` once the example throws an error it does\nnot catch, until the next source is sent, which a frame on `servePreview`\nreports. A page draws its own spinner or message from either, such as a\nsibling shown by `helix-sandbox-preview:state(failed) + .message`.\n\n**A failed preview shows the error over the example**, in the `error` part,\nuntil the next source is sent. The terminal says it too, so the part is not\nannounced. Hide it with `::part(error) { display: none }` where the page\ndraws its own.\n\n**`controls` draws two buttons in the preview's corner**: one reloads the\nframe's document, as `reload()` does, and one opens the example in a new\ntab, as `open()` does. The tab runs it in a frame sandboxed as this one is.",
|
|
167936
169036
|
"name": "HelixSandboxPreview",
|
|
167937
169037
|
"cssParts": [
|
|
167938
169038
|
{
|
|
@@ -167996,6 +169096,15 @@
|
|
|
167996
169096
|
"description": "Writing direction inside the frame.\n\nNot reflected. It is payload for the render message and nothing selects on\nit, here or anywhere: a frame is a document of its own and what is written\non this host reaches nothing inside it, which is the same reason\n`colorMode` has to be sent rather than set.",
|
|
167997
169097
|
"attribute": "direction"
|
|
167998
169098
|
},
|
|
169099
|
+
{
|
|
169100
|
+
"kind": "field",
|
|
169101
|
+
"name": "imports",
|
|
169102
|
+
"type": {
|
|
169103
|
+
"text": "Record<string, string> | undefined"
|
|
169104
|
+
},
|
|
169105
|
+
"description": "The packages an example can import by name in the built-in document,\neach mapped to the address of an ES module, as an import map's `imports`.\nSet it as JSON in the attribute or as an object. Not read where `src` is\nset.",
|
|
169106
|
+
"attribute": "imports"
|
|
169107
|
+
},
|
|
167999
169108
|
{
|
|
168000
169109
|
"kind": "field",
|
|
168001
169110
|
"name": "label",
|
|
@@ -168648,6 +169757,14 @@
|
|
|
168648
169757
|
"description": "Writing direction inside the frame.\n\nNot reflected. It is payload for the render message and nothing selects on\nit, here or anywhere: a frame is a document of its own and what is written\non this host reaches nothing inside it, which is the same reason\n`colorMode` has to be sent rather than set.",
|
|
168649
169758
|
"fieldName": "direction"
|
|
168650
169759
|
},
|
|
169760
|
+
{
|
|
169761
|
+
"name": "imports",
|
|
169762
|
+
"type": {
|
|
169763
|
+
"text": "Record<string, string> | undefined"
|
|
169764
|
+
},
|
|
169765
|
+
"description": "The packages an example can import by name in the built-in document,\neach mapped to the address of an ES module, as an import map's `imports`.\nSet it as JSON in the attribute or as an object. Not read where `src` is\nset.",
|
|
169766
|
+
"fieldName": "imports"
|
|
169767
|
+
},
|
|
168651
169768
|
{
|
|
168652
169769
|
"name": "label",
|
|
168653
169770
|
"type": {
|
|
@@ -170228,7 +171345,7 @@
|
|
|
170228
171345
|
"declarations": [
|
|
170229
171346
|
{
|
|
170230
171347
|
"kind": "class",
|
|
170231
|
-
"description": "A real `<textarea>`, so undo, selection, spellcheck suppression, mobile\nkeyboards, and screen reader support come from the platform.\n\nTab inserts two spaces, so you can indent code. To move focus out of the\nfield, press Escape and then Tab. Shift+Tab moves focus back as it does\nanywhere else. The field's description says so to a screen reader.\n\n**`tokenize` colors the source** with a highlighter you bring, such as one\nbuilt on Lezer, Prism or Shiki. It is a function from the source to runs of\ntext, each with an optional kind, and the pane draws the runs under a\ntransparent field, so typing, selection and undo stay the textarea's. The\nkinds are `callable`, `comment`, `constant`, `invalid`, `keyword`, `name`,\n`string` and `tag`, each colored by the `--helix-color-syntax-*` token of\nits name and a hook of its own, such as `--sandbox-source-keyword-color`.\nA run of any other kind is drawn in the field's own color. Every run with a\nkind is a `token` part, and carries its kind as `data-kind`. A `tokenize`\nthat throws leaves the source drawn plain and the field editable, and the\nerror is reported to the page as an uncaught one.",
|
|
171348
|
+
"description": "A real `<textarea>`, so undo, selection, spellcheck suppression, mobile\nkeyboards, and screen reader support come from the platform.\n\nTab inserts two spaces, so you can indent code. To move focus out of the\nfield, press Escape and then Tab. Shift+Tab moves focus back as it does\nanywhere else. The field's description says so to a screen reader.\n\n**`tokenize` colors the source** with a highlighter you bring, such as one\nbuilt on Lezer, Prism or Shiki. It is a function from the source to runs of\ntext, each with an optional kind, and the pane draws the runs under a\ntransparent field, so typing, selection and undo stay the textarea's. The\nkinds are `callable`, `comment`, `constant`, `invalid`, `keyword`, `name`,\n`string` and `tag`, each colored by the `--helix-color-syntax-*` token of\nits name and a hook of its own, such as `--sandbox-source-keyword-color`.\nA run of any other kind is drawn in the field's own color. Every run with a\nkind is a `token` part, and carries its kind as `data-kind`. A `tokenize`\nthat throws leaves the source drawn plain and the field editable, and the\nerror is reported to the page as an uncaught one.\n\n**`line-numbers` numbers each line** in a gutter beside the source. A line\nthat wraps keeps one number. The numbers are drawn, and hidden from screen\nreaders, which read the field.\n\nEnter keeps the indentation of the line it breaks, and the new line is\nundone with the next undo as typing is.\n\n**The source can be written inside the pane** where `value` is not set: its\ntext, or the markup of a `<template>` it holds, without the indentation the\npage gave it. Markup goes in a template so the page does not render it or\nrun its scripts. Text inside the pane is read once, when it connects.",
|
|
170232
171349
|
"name": "HelixSandboxSource",
|
|
170233
171350
|
"cssProperties": [
|
|
170234
171351
|
{
|
|
@@ -170255,6 +171372,10 @@
|
|
|
170255
171372
|
"description": "Color of a `keyword` run, under `tokenize`. Defaults to `--helix-color-syntax-keyword`.",
|
|
170256
171373
|
"name": "--sandbox-source-keyword-color"
|
|
170257
171374
|
},
|
|
171375
|
+
{
|
|
171376
|
+
"description": "Color of the line numbers, under `line-numbers`. Defaults to `--helix-color-foreground-subtle`.",
|
|
171377
|
+
"name": "--sandbox-source-line-number-color"
|
|
171378
|
+
},
|
|
170258
171379
|
{
|
|
170259
171380
|
"description": "Minimum height of the pane.",
|
|
170260
171381
|
"name": "--sandbox-source-min-block-size"
|
|
@@ -170274,13 +171395,17 @@
|
|
|
170274
171395
|
],
|
|
170275
171396
|
"cssParts": [
|
|
170276
171397
|
{
|
|
170277
|
-
"description": "The box that scrolls the field and its colors together, under `tokenize`.",
|
|
171398
|
+
"description": "The box that scrolls the field and its colors together, under `tokenize` or `line-numbers`.",
|
|
170278
171399
|
"name": "field"
|
|
170279
171400
|
},
|
|
170280
171401
|
{
|
|
170281
|
-
"description": "The colored copy of the source drawn under the field, under `tokenize`.",
|
|
171402
|
+
"description": "The colored copy of the source drawn under the field, under `tokenize` or `line-numbers`.",
|
|
170282
171403
|
"name": "highlight"
|
|
170283
171404
|
},
|
|
171405
|
+
{
|
|
171406
|
+
"description": "One line of that copy, under `line-numbers`, numbered in the gutter by its `::before`.",
|
|
171407
|
+
"name": "line"
|
|
171408
|
+
},
|
|
170284
171409
|
{
|
|
170285
171410
|
"description": "The editable region.",
|
|
170286
171411
|
"name": "source"
|
|
@@ -170350,6 +171475,17 @@
|
|
|
170350
171475
|
"description": "The pane's file name, such as `index.html`, on its tab where a sandbox\nholds several panes. Empty puts the pane's `name` on the tab.",
|
|
170351
171476
|
"attribute": "label"
|
|
170352
171477
|
},
|
|
171478
|
+
{
|
|
171479
|
+
"kind": "field",
|
|
171480
|
+
"name": "lineNumbers",
|
|
171481
|
+
"type": {
|
|
171482
|
+
"text": "boolean"
|
|
171483
|
+
},
|
|
171484
|
+
"default": "false",
|
|
171485
|
+
"description": "Whether each line of the source is numbered, in a gutter beside it.",
|
|
171486
|
+
"attribute": "line-numbers",
|
|
171487
|
+
"reflects": true
|
|
171488
|
+
},
|
|
170353
171489
|
{
|
|
170354
171490
|
"kind": "field",
|
|
170355
171491
|
"name": "name",
|
|
@@ -170398,6 +171534,27 @@
|
|
|
170398
171534
|
"default": "false",
|
|
170399
171535
|
"description": "Set by Escape, so the next Tab leaves the field."
|
|
170400
171536
|
},
|
|
171537
|
+
{
|
|
171538
|
+
"kind": "field",
|
|
171539
|
+
"name": "read",
|
|
171540
|
+
"type": {
|
|
171541
|
+
"text": "boolean"
|
|
171542
|
+
},
|
|
171543
|
+
"privacy": "private",
|
|
171544
|
+
"default": "false",
|
|
171545
|
+
"description": "Whether the source written inside the pane has been read."
|
|
171546
|
+
},
|
|
171547
|
+
{
|
|
171548
|
+
"kind": "method",
|
|
171549
|
+
"name": "readWritten",
|
|
171550
|
+
"privacy": "private",
|
|
171551
|
+
"return": {
|
|
171552
|
+
"type": {
|
|
171553
|
+
"text": "void"
|
|
171554
|
+
}
|
|
171555
|
+
},
|
|
171556
|
+
"description": "Takes the source written inside the pane where `value` is not set: a\ntemplate's markup, or else the text. Client only, like every read of the\nlight DOM, and once there is something to read.\n\n**As it connects, and again before its first render.** A pane that\nupgrades after the parser is done holds its text as it connects, which is\nbefore a sandbox around it reads `value` to seed its preview. A parser that\nconnects the pane before its children, as one with the element already\ndefined does, leaves the text for the render."
|
|
171557
|
+
},
|
|
170401
171558
|
{
|
|
170402
171559
|
"kind": "field",
|
|
170403
171560
|
"name": "reportCaret",
|
|
@@ -170445,7 +171602,26 @@
|
|
|
170445
171602
|
},
|
|
170446
171603
|
{
|
|
170447
171604
|
"kind": "method",
|
|
170448
|
-
"name": "
|
|
171605
|
+
"name": "breakLine",
|
|
171606
|
+
"privacy": "private",
|
|
171607
|
+
"return": {
|
|
171608
|
+
"type": {
|
|
171609
|
+
"text": "void"
|
|
171610
|
+
}
|
|
171611
|
+
},
|
|
171612
|
+
"parameters": [
|
|
171613
|
+
{
|
|
171614
|
+
"name": "event",
|
|
171615
|
+
"type": {
|
|
171616
|
+
"text": "KeyboardEvent"
|
|
171617
|
+
}
|
|
171618
|
+
}
|
|
171619
|
+
],
|
|
171620
|
+
"description": "Breaks the line with the indentation it has, where it has some. A line at\nthe margin is left to the platform's own Enter."
|
|
171621
|
+
},
|
|
171622
|
+
{
|
|
171623
|
+
"kind": "method",
|
|
171624
|
+
"name": "insert",
|
|
170449
171625
|
"privacy": "private",
|
|
170450
171626
|
"return": {
|
|
170451
171627
|
"type": {
|
|
@@ -170458,9 +171634,15 @@
|
|
|
170458
171634
|
"type": {
|
|
170459
171635
|
"text": "HTMLTextAreaElement"
|
|
170460
171636
|
}
|
|
171637
|
+
},
|
|
171638
|
+
{
|
|
171639
|
+
"name": "text",
|
|
171640
|
+
"type": {
|
|
171641
|
+
"text": "string"
|
|
171642
|
+
}
|
|
170461
171643
|
}
|
|
170462
171644
|
],
|
|
170463
|
-
"description": "Writes the two spaces Tab inserts
|
|
171645
|
+
"description": "Writes text at the caret, as typing would: the two spaces Tab inserts,\nand the indentation Enter keeps.\n\n**Through `insertText`, so undo takes the indent back.** Assigning\n`field.value` empties the textarea's undo history: a reader who typed,\npressed Tab and then Cmd+Z or Ctrl+Z lost the indent and everything typed\nbefore it. `insertText` is the edit a keystroke makes, so it joins the\nhistory and sends the `input` event that `handleInput` takes. It writes\ninto whatever has focus, so it is used only while the field has it. Where it\nis not supported, the field is written directly."
|
|
170464
171646
|
},
|
|
170465
171647
|
{
|
|
170466
171648
|
"kind": "method",
|
|
@@ -170876,6 +172058,15 @@
|
|
|
170876
172058
|
"description": "The pane's file name, such as `index.html`, on its tab where a sandbox\nholds several panes. Empty puts the pane's `name` on the tab.",
|
|
170877
172059
|
"fieldName": "label"
|
|
170878
172060
|
},
|
|
172061
|
+
{
|
|
172062
|
+
"name": "line-numbers",
|
|
172063
|
+
"type": {
|
|
172064
|
+
"text": "boolean"
|
|
172065
|
+
},
|
|
172066
|
+
"default": "false",
|
|
172067
|
+
"description": "Whether each line of the source is numbered, in a gutter beside it.",
|
|
172068
|
+
"fieldName": "lineNumbers"
|
|
172069
|
+
},
|
|
170879
172070
|
{
|
|
170880
172071
|
"name": "name",
|
|
170881
172072
|
"type": {
|
|
@@ -176727,7 +177918,7 @@
|
|
|
176727
177918
|
"name": "handleTriggerKeydown",
|
|
176728
177919
|
"privacy": "private",
|
|
176729
177920
|
"readonly": true,
|
|
176730
|
-
"description": "The keys of the closed trigger.\n\nLetters choose without opening, the way a native `<select>` and React\nAria's Select do, so a reader who knows the answer types it. A Space in the\nmiddle of those letters is one of them. With `multiple`, a letter opens the\nlist on the match instead, because adding to a set is a choice the reader\nmakes in the list. ArrowLeft and ArrowRight choose the option before and\nafter the chosen one.",
|
|
177921
|
+
"description": "The keys of the closed trigger.\n\nLetters choose without opening, the way a native `<select>` and React\nAria's Select do, so a reader who knows the answer types it. A Space in the\nmiddle of those letters is one of them. With `multiple`, a letter opens the\nlist on the match instead, because adding to a set is a choice the reader\nmakes in the list. ArrowLeft and ArrowRight choose the option before and\nafter the chosen one, the other way round on a right-to-left page.",
|
|
176731
177922
|
"inheritedFrom": {
|
|
176732
177923
|
"name": "HelixHeadlessSelect",
|
|
176733
177924
|
"module": "src/select/root/select-root.ts"
|
|
@@ -190709,7 +191900,7 @@
|
|
|
190709
191900
|
"text": "boolean"
|
|
190710
191901
|
},
|
|
190711
191902
|
"default": "false",
|
|
190712
|
-
"description": "Whether the arrow keys move focus between the stages' names, along the\nway the steps run. Off by default, so the
|
|
191903
|
+
"description": "Whether the arrow keys move focus between the stages' names, along the\nway the steps run, and the names are one tab stop. Off by default, so the\narrows keep scrolling the page.",
|
|
190713
191904
|
"attribute": "arrows",
|
|
190714
191905
|
"inheritedFrom": {
|
|
190715
191906
|
"name": "HelixHeadlessSteps",
|
|
@@ -190843,6 +192034,17 @@
|
|
|
190843
192034
|
"module": "src/steps/root/steps-root.ts"
|
|
190844
192035
|
}
|
|
190845
192036
|
},
|
|
192037
|
+
{
|
|
192038
|
+
"kind": "field",
|
|
192039
|
+
"name": "commands",
|
|
192040
|
+
"privacy": "protected",
|
|
192041
|
+
"readonly": true,
|
|
192042
|
+
"default": "new CommandController(this, { commands: { '--next': () => this.next(), '--previous': () => this.previous(), '--reset': () => this.reset(), }, })",
|
|
192043
|
+
"inheritedFrom": {
|
|
192044
|
+
"name": "HelixHeadlessSteps",
|
|
192045
|
+
"module": "src/steps/root/steps-root.ts"
|
|
192046
|
+
}
|
|
192047
|
+
},
|
|
190846
192048
|
{
|
|
190847
192049
|
"kind": "field",
|
|
190848
192050
|
"name": "steps",
|
|
@@ -190871,6 +192073,29 @@
|
|
|
190871
192073
|
"module": "src/steps/root/steps-root.ts"
|
|
190872
192074
|
}
|
|
190873
192075
|
},
|
|
192076
|
+
{
|
|
192077
|
+
"kind": "method",
|
|
192078
|
+
"name": "named",
|
|
192079
|
+
"privacy": "private",
|
|
192080
|
+
"return": {
|
|
192081
|
+
"type": {
|
|
192082
|
+
"text": "HelixHeadlessStep | undefined"
|
|
192083
|
+
}
|
|
192084
|
+
},
|
|
192085
|
+
"parameters": [
|
|
192086
|
+
{
|
|
192087
|
+
"name": "steps",
|
|
192088
|
+
"type": {
|
|
192089
|
+
"text": "HelixHeadlessStep[]"
|
|
192090
|
+
}
|
|
192091
|
+
}
|
|
192092
|
+
],
|
|
192093
|
+
"description": "The step `active` names, by `value` or by place, or the first enabled one.",
|
|
192094
|
+
"inheritedFrom": {
|
|
192095
|
+
"name": "HelixHeadlessSteps",
|
|
192096
|
+
"module": "src/steps/root/steps-root.ts"
|
|
192097
|
+
}
|
|
192098
|
+
},
|
|
190874
192099
|
{
|
|
190875
192100
|
"kind": "method",
|
|
190876
192101
|
"name": "next",
|
|
@@ -191044,6 +192269,44 @@
|
|
|
191044
192269
|
"module": "src/steps/root/steps-root.ts"
|
|
191045
192270
|
}
|
|
191046
192271
|
},
|
|
192272
|
+
{
|
|
192273
|
+
"kind": "field",
|
|
192274
|
+
"name": "holder",
|
|
192275
|
+
"type": {
|
|
192276
|
+
"text": "HelixHeadlessStep | undefined"
|
|
192277
|
+
},
|
|
192278
|
+
"privacy": "private",
|
|
192279
|
+
"description": "The step whose name holds the sequence's one tab stop under `arrows`, once focus has chosen it.",
|
|
192280
|
+
"inheritedFrom": {
|
|
192281
|
+
"name": "HelixHeadlessSteps",
|
|
192282
|
+
"module": "src/steps/root/steps-root.ts"
|
|
192283
|
+
}
|
|
192284
|
+
},
|
|
192285
|
+
{
|
|
192286
|
+
"kind": "method",
|
|
192287
|
+
"name": "rove",
|
|
192288
|
+
"privacy": "private",
|
|
192289
|
+
"return": {
|
|
192290
|
+
"type": {
|
|
192291
|
+
"text": "void"
|
|
192292
|
+
}
|
|
192293
|
+
},
|
|
192294
|
+
"description": "Gives the one tab stop to a name, under `arrows`: the one focus last left,\nelse the current stage's, else the first a reader can go to. Without\n`arrows` every name is its own stop. Client only.",
|
|
192295
|
+
"inheritedFrom": {
|
|
192296
|
+
"name": "HelixHeadlessSteps",
|
|
192297
|
+
"module": "src/steps/root/steps-root.ts"
|
|
192298
|
+
}
|
|
192299
|
+
},
|
|
192300
|
+
{
|
|
192301
|
+
"kind": "field",
|
|
192302
|
+
"name": "handleFocus",
|
|
192303
|
+
"privacy": "private",
|
|
192304
|
+
"readonly": true,
|
|
192305
|
+
"inheritedFrom": {
|
|
192306
|
+
"name": "HelixHeadlessSteps",
|
|
192307
|
+
"module": "src/steps/root/steps-root.ts"
|
|
192308
|
+
}
|
|
192309
|
+
},
|
|
191047
192310
|
{
|
|
191048
192311
|
"kind": "field",
|
|
191049
192312
|
"name": "handleSlotChange",
|
|
@@ -191496,7 +192759,7 @@
|
|
|
191496
192759
|
"text": "boolean"
|
|
191497
192760
|
},
|
|
191498
192761
|
"default": "false",
|
|
191499
|
-
"description": "Whether the arrow keys move focus between the stages' names, along the\nway the steps run. Off by default, so the
|
|
192762
|
+
"description": "Whether the arrow keys move focus between the stages' names, along the\nway the steps run, and the names are one tab stop. Off by default, so the\narrows keep scrolling the page.",
|
|
191500
192763
|
"fieldName": "arrows",
|
|
191501
192764
|
"inheritedFrom": {
|
|
191502
192765
|
"name": "HelixHeadlessSteps",
|
|
@@ -191826,7 +193089,7 @@
|
|
|
191826
193089
|
"text": "string"
|
|
191827
193090
|
},
|
|
191828
193091
|
"default": "''",
|
|
191829
|
-
"description": "The value the step sends in `helix-select`.",
|
|
193092
|
+
"description": "The value the step sends in `helix-select`, and what names the step in its\nsequence's `active`. Without one, the sequence names the step by its place,\ncounted from 1.",
|
|
191830
193093
|
"attribute": "value",
|
|
191831
193094
|
"inheritedFrom": {
|
|
191832
193095
|
"name": "HelixHeadlessStep",
|
|
@@ -192504,7 +193767,7 @@
|
|
|
192504
193767
|
"text": "string"
|
|
192505
193768
|
},
|
|
192506
193769
|
"default": "''",
|
|
192507
|
-
"description": "The value the step sends in `helix-select`.",
|
|
193770
|
+
"description": "The value the step sends in `helix-select`, and what names the step in its\nsequence's `active`. Without one, the sequence names the step by its place,\ncounted from 1.",
|
|
192508
193771
|
"fieldName": "value",
|
|
192509
193772
|
"inheritedFrom": {
|
|
192510
193773
|
"name": "HelixHeadlessStep",
|
|
@@ -209613,6 +210876,69 @@
|
|
|
209613
210876
|
"module": "src/textarea/root/textarea-root.ts"
|
|
209614
210877
|
}
|
|
209615
210878
|
},
|
|
210879
|
+
{
|
|
210880
|
+
"kind": "method",
|
|
210881
|
+
"name": "setRangeText",
|
|
210882
|
+
"return": {
|
|
210883
|
+
"type": {
|
|
210884
|
+
"text": "void"
|
|
210885
|
+
}
|
|
210886
|
+
},
|
|
210887
|
+
"parameters": [
|
|
210888
|
+
{
|
|
210889
|
+
"name": "replacement",
|
|
210890
|
+
"type": {
|
|
210891
|
+
"text": "string"
|
|
210892
|
+
}
|
|
210893
|
+
},
|
|
210894
|
+
{
|
|
210895
|
+
"name": "start",
|
|
210896
|
+
"optional": true,
|
|
210897
|
+
"type": {
|
|
210898
|
+
"text": "number"
|
|
210899
|
+
}
|
|
210900
|
+
},
|
|
210901
|
+
{
|
|
210902
|
+
"name": "end",
|
|
210903
|
+
"optional": true,
|
|
210904
|
+
"type": {
|
|
210905
|
+
"text": "number"
|
|
210906
|
+
}
|
|
210907
|
+
},
|
|
210908
|
+
{
|
|
210909
|
+
"name": "selectMode",
|
|
210910
|
+
"optional": true,
|
|
210911
|
+
"type": {
|
|
210912
|
+
"text": "SelectionMode"
|
|
210913
|
+
}
|
|
210914
|
+
}
|
|
210915
|
+
],
|
|
210916
|
+
"description": "Replaces a range of the text, as the native method does: the selection\nwhere `start` and `end` are left out, and `selectMode` says what is\nselected after. It sends no event, as the native method sends none.",
|
|
210917
|
+
"type": {
|
|
210918
|
+
"text": "setRangeText(replacement: string, start?: number, end?: number, selectMode?: SelectionMode) => void"
|
|
210919
|
+
},
|
|
210920
|
+
"inheritedFrom": {
|
|
210921
|
+
"name": "HelixHeadlessTextarea",
|
|
210922
|
+
"module": "src/textarea/root/textarea-root.ts"
|
|
210923
|
+
}
|
|
210924
|
+
},
|
|
210925
|
+
{
|
|
210926
|
+
"kind": "method",
|
|
210927
|
+
"name": "select",
|
|
210928
|
+
"return": {
|
|
210929
|
+
"type": {
|
|
210930
|
+
"text": "void"
|
|
210931
|
+
}
|
|
210932
|
+
},
|
|
210933
|
+
"description": "Selects everything in the field.",
|
|
210934
|
+
"type": {
|
|
210935
|
+
"text": "select() => void"
|
|
210936
|
+
},
|
|
210937
|
+
"inheritedFrom": {
|
|
210938
|
+
"name": "HelixHeadlessTextarea",
|
|
210939
|
+
"module": "src/textarea/root/textarea-root.ts"
|
|
210940
|
+
}
|
|
210941
|
+
},
|
|
209616
210942
|
{
|
|
209617
210943
|
"kind": "field",
|
|
209618
210944
|
"name": "textLength",
|
|
@@ -216181,7 +217507,7 @@
|
|
|
216181
217507
|
"text": "TemplateResult | typeof nothing"
|
|
216182
217508
|
}
|
|
216183
217509
|
},
|
|
216184
|
-
"description": "The `feedback` line, or nothing while there is none.",
|
|
217510
|
+
"description": "The `feedback` line, or nothing while there is none.\n\n`role=\"alert\"`, as a field's feedback line has, so the message is\nannounced when it appears and the label and hint are not read with it.",
|
|
216185
217511
|
"inheritedFrom": {
|
|
216186
217512
|
"name": "MixinPickerFeedback",
|
|
216187
217513
|
"module": "src/mixins/mixin-picker-feedback/mixin-picker-feedback.ts"
|
|
@@ -238402,6 +239728,48 @@
|
|
|
238402
239728
|
"module": "src/video-playlist/root/video-playlist-root.ts"
|
|
238403
239729
|
}
|
|
238404
239730
|
},
|
|
239731
|
+
{
|
|
239732
|
+
"kind": "field",
|
|
239733
|
+
"name": "wroteName",
|
|
239734
|
+
"type": {
|
|
239735
|
+
"text": "string | undefined"
|
|
239736
|
+
},
|
|
239737
|
+
"privacy": "private",
|
|
239738
|
+
"description": "The name this playlist last wrote on a plain media player, to tell it from yours.",
|
|
239739
|
+
"inheritedFrom": {
|
|
239740
|
+
"name": "HelixHeadlessVideoPlaylist",
|
|
239741
|
+
"module": "src/video-playlist/root/video-playlist-root.ts"
|
|
239742
|
+
}
|
|
239743
|
+
},
|
|
239744
|
+
{
|
|
239745
|
+
"kind": "method",
|
|
239746
|
+
"name": "name",
|
|
239747
|
+
"privacy": "private",
|
|
239748
|
+
"return": {
|
|
239749
|
+
"type": {
|
|
239750
|
+
"text": "void"
|
|
239751
|
+
}
|
|
239752
|
+
},
|
|
239753
|
+
"parameters": [
|
|
239754
|
+
{
|
|
239755
|
+
"name": "player",
|
|
239756
|
+
"type": {
|
|
239757
|
+
"text": "Player"
|
|
239758
|
+
}
|
|
239759
|
+
},
|
|
239760
|
+
{
|
|
239761
|
+
"name": "text",
|
|
239762
|
+
"type": {
|
|
239763
|
+
"text": "string"
|
|
239764
|
+
}
|
|
239765
|
+
}
|
|
239766
|
+
],
|
|
239767
|
+
"description": "Names the player by the entry.\n\nThe consumer's own name for the player stands. Only a player named by\nnobody takes the entry's words as its name: `label` on a player that has\none, and `aria-label` on a plain `<video>` or `<audio>`, which has none and\nwas heard as an unnamed video.",
|
|
239768
|
+
"inheritedFrom": {
|
|
239769
|
+
"name": "HelixHeadlessVideoPlaylist",
|
|
239770
|
+
"module": "src/video-playlist/root/video-playlist-root.ts"
|
|
239771
|
+
}
|
|
239772
|
+
},
|
|
238405
239773
|
{
|
|
238406
239774
|
"kind": "field",
|
|
238407
239775
|
"name": "pointed",
|
|
@@ -244914,7 +246282,7 @@
|
|
|
244914
246282
|
}
|
|
244915
246283
|
}
|
|
244916
246284
|
],
|
|
244917
|
-
"description": "Writes a row's role, and whether it is chosen in a list that selects:\n`option` with `aria-selected` there, and `listitem` otherwise, and\n`aria-disabled` on an item `disabled-keys` names. Every pass,\nsince a choice changes no row's content.",
|
|
246285
|
+
"description": "Writes a row's role, and whether it is chosen in a list that selects:\n`option` with `aria-selected` there, and `listitem` otherwise, and\n`aria-disabled` on an item `disabled-keys` names. Every pass,\nsince a choice changes no row's content.\n\n`data-selected` and `data-disabled` say the same to a stylesheet, as\nReact Aria's rows do, so one rule reads the same in either kind of list.",
|
|
244918
246286
|
"inheritedFrom": {
|
|
244919
246287
|
"name": "HelixHeadlessVirtualList",
|
|
244920
246288
|
"module": "src/virtual-list/root/virtual-list-root.ts"
|
|
@@ -245861,6 +247229,6 @@
|
|
|
245861
247229
|
],
|
|
245862
247230
|
"helix": {
|
|
245863
247231
|
"package": "@fusion.dev/helix",
|
|
245864
|
-
"version": "0.
|
|
247232
|
+
"version": "0.172.0"
|
|
245865
247233
|
}
|
|
245866
247234
|
}
|