@fusion.dev/helix 0.220.0 → 0.222.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/api.json +1 -1
- package/custom-elements.json +1 -1
- package/dist/code-editor/root/code-editor-root.d.ts +2 -2
- package/dist/editor/index.d.ts +1 -0
- package/dist/editor/index.js +1 -0
- package/dist/editor/root/editor-root.css.d.ts +1 -0
- package/dist/editor/root/editor-root.css.js +2 -0
- package/dist/editor/root/editor-root.d.ts +62 -0
- package/dist/editor/root/editor-root.js +33 -0
- package/dist/element-events.generated.js +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/sandbox/index.d.ts +2 -1
- package/dist/sandbox/preview/sandbox-preview.d.ts +46 -8
- package/dist/sandbox/preview/sandbox-preview.js +65 -11
- package/dist/shared/dictation/dictation.css.js +1 -1
- package/dist/textarea/root/textarea-root.css.js +1 -1
- package/dist/textarea/root/textarea-root.js +2 -0
- package/examples.json +1 -1
- package/lint.json +1 -1
- package/package.json +6 -6
- package/skills/helix/SKILL.md +2 -2
- package/types/jsx.d.ts +1130 -20
- package/types/svelte.d.ts +1 -0
- package/types/vue.d.ts +229 -2
- package/types/words.d.ts +248 -0
package/types/jsx.d.ts
CHANGED
|
@@ -90,6 +90,7 @@ import type {
|
|
|
90
90
|
HelixDrilldown,
|
|
91
91
|
HelixDrilldownItem,
|
|
92
92
|
HelixEditEvent,
|
|
93
|
+
HelixEditor,
|
|
93
94
|
HelixEmpty,
|
|
94
95
|
HelixEndEvent,
|
|
95
96
|
HelixExpandEvent,
|
|
@@ -6931,6 +6932,18 @@ without the sweep.
|
|
|
6931
6932
|
The steady edge is the focus indicator, so the ring is not drawn as well.
|
|
6932
6933
|
Its color is `--chat-composer-glow-color`, the primary color unless set. */
|
|
6933
6934
|
glow?: (HelixChatComposer["glow"]) | undefined;
|
|
6935
|
+
/** What a screen reader hears when the browser or the reader refuses the microphone. */
|
|
6936
|
+
"dictation-denied-label"?: (HelixChatComposer["dictationDeniedLabel"]) | undefined;
|
|
6937
|
+
/** What a screen reader hears when the browser or the reader refuses the microphone. */
|
|
6938
|
+
dictationDeniedLabel?: (HelixChatComposer["dictationDeniedLabel"]) | undefined;
|
|
6939
|
+
/** What a screen reader hears when listening ends with an error that has no label of its own. */
|
|
6940
|
+
"dictation-failed-label"?: (HelixChatComposer["dictationFailedLabel"]) | undefined;
|
|
6941
|
+
/** What a screen reader hears when listening ends with an error that has no label of its own. */
|
|
6942
|
+
dictationFailedLabel?: (HelixChatComposer["dictationFailedLabel"]) | undefined;
|
|
6943
|
+
/** What a screen reader hears when the recognizer cannot reach its speech service. */
|
|
6944
|
+
"dictation-unreachable-label"?: (HelixChatComposer["dictationUnreachableLabel"]) | undefined;
|
|
6945
|
+
/** What a screen reader hears when the recognizer cannot reach its speech service. */
|
|
6946
|
+
dictationUnreachableLabel?: (HelixChatComposer["dictationUnreachableLabel"]) | undefined;
|
|
6934
6947
|
/** What a screen reader hears as listening starts. */
|
|
6935
6948
|
"listening-label"?: (HelixChatComposer["listeningLabel"]) | undefined;
|
|
6936
6949
|
/** What a screen reader hears as listening starts. */
|
|
@@ -7127,6 +7140,18 @@ without the sweep.
|
|
|
7127
7140
|
The steady edge is the focus indicator, so the ring is not drawn as well.
|
|
7128
7141
|
Its color is `--chat-composer-glow-color`, the primary color unless set. */
|
|
7129
7142
|
"prop:glow"?: (HelixChatComposer["glow"]) | undefined;
|
|
7143
|
+
/** What a screen reader hears when the browser or the reader refuses the microphone. */
|
|
7144
|
+
"attr:dictation-denied-label"?: (HelixChatComposer["dictationDeniedLabel"]) | undefined;
|
|
7145
|
+
/** What a screen reader hears when the browser or the reader refuses the microphone. */
|
|
7146
|
+
"prop:dictationDeniedLabel"?: (HelixChatComposer["dictationDeniedLabel"]) | undefined;
|
|
7147
|
+
/** What a screen reader hears when listening ends with an error that has no label of its own. */
|
|
7148
|
+
"attr:dictation-failed-label"?: (HelixChatComposer["dictationFailedLabel"]) | undefined;
|
|
7149
|
+
/** What a screen reader hears when listening ends with an error that has no label of its own. */
|
|
7150
|
+
"prop:dictationFailedLabel"?: (HelixChatComposer["dictationFailedLabel"]) | undefined;
|
|
7151
|
+
/** What a screen reader hears when the recognizer cannot reach its speech service. */
|
|
7152
|
+
"attr:dictation-unreachable-label"?: (HelixChatComposer["dictationUnreachableLabel"]) | undefined;
|
|
7153
|
+
/** What a screen reader hears when the recognizer cannot reach its speech service. */
|
|
7154
|
+
"prop:dictationUnreachableLabel"?: (HelixChatComposer["dictationUnreachableLabel"]) | undefined;
|
|
7130
7155
|
/** What a screen reader hears as listening starts. */
|
|
7131
7156
|
"attr:listening-label"?: (HelixChatComposer["listeningLabel"]) | undefined;
|
|
7132
7157
|
/** What a screen reader hears as listening starts. */
|
|
@@ -9094,7 +9119,7 @@ Here rather than on each control. */
|
|
|
9094
9119
|
/** The problems in the text, each underlined and listed under the editor. */
|
|
9095
9120
|
diagnostics?: (HelixCodeEditor["diagnostics"]) | undefined;
|
|
9096
9121
|
/** What draws the editor, such as `codeMirrorEngine()` from
|
|
9097
|
-
`@fusion.dev/helix-editor`. Absent, the editor is a plain text field. */
|
|
9122
|
+
`@fusion.dev/helix-code-editor`. Absent, the editor is a plain text field. */
|
|
9098
9123
|
engine?: (HelixCodeEditor["engine"]) | undefined;
|
|
9099
9124
|
|
|
9100
9125
|
/** The reader finished an edit and focus left the code, in the engine or the plain field. */
|
|
@@ -9302,7 +9327,7 @@ Here rather than on each control. */
|
|
|
9302
9327
|
/** The problems in the text, each underlined and listed under the editor. */
|
|
9303
9328
|
"prop:diagnostics"?: (HelixCodeEditor["diagnostics"]) | undefined;
|
|
9304
9329
|
/** What draws the editor, such as `codeMirrorEngine()` from
|
|
9305
|
-
`@fusion.dev/helix-editor`. Absent, the editor is a plain text field. */
|
|
9330
|
+
`@fusion.dev/helix-code-editor`. Absent, the editor is a plain text field. */
|
|
9306
9331
|
"prop:engine"?: (HelixCodeEditor["engine"]) | undefined;
|
|
9307
9332
|
/** The reader finished an edit and focus left the code, in the engine or the plain field. */
|
|
9308
9333
|
"on:change"?: ((e: HelixCodeEditorElementEvent) => void) | undefined;
|
|
@@ -9345,6 +9370,18 @@ export type HelixCodeInputProps = {
|
|
|
9345
9370
|
/** How the browser wraps the text, and whether the breaks are submitted with
|
|
9346
9371
|
it. */
|
|
9347
9372
|
wrap?: (HelixCodeInput["wrap"]) | undefined;
|
|
9373
|
+
/** What a screen reader hears when the browser or the reader refuses the microphone. */
|
|
9374
|
+
"dictation-denied-label"?: (HelixCodeInput["dictationDeniedLabel"]) | undefined;
|
|
9375
|
+
/** What a screen reader hears when the browser or the reader refuses the microphone. */
|
|
9376
|
+
dictationDeniedLabel?: (HelixCodeInput["dictationDeniedLabel"]) | undefined;
|
|
9377
|
+
/** What a screen reader hears when listening ends with an error that has no label of its own. */
|
|
9378
|
+
"dictation-failed-label"?: (HelixCodeInput["dictationFailedLabel"]) | undefined;
|
|
9379
|
+
/** What a screen reader hears when listening ends with an error that has no label of its own. */
|
|
9380
|
+
dictationFailedLabel?: (HelixCodeInput["dictationFailedLabel"]) | undefined;
|
|
9381
|
+
/** What a screen reader hears when the recognizer cannot reach its speech service. */
|
|
9382
|
+
"dictation-unreachable-label"?: (HelixCodeInput["dictationUnreachableLabel"]) | undefined;
|
|
9383
|
+
/** What a screen reader hears when the recognizer cannot reach its speech service. */
|
|
9384
|
+
dictationUnreachableLabel?: (HelixCodeInput["dictationUnreachableLabel"]) | undefined;
|
|
9348
9385
|
/** What a screen reader hears as listening starts. */
|
|
9349
9386
|
"listening-label"?: (HelixCodeInput["listeningLabel"]) | undefined;
|
|
9350
9387
|
/** What a screen reader hears as listening starts. */
|
|
@@ -9584,6 +9621,18 @@ export type HelixCodeInputSolidJsProps = {
|
|
|
9584
9621
|
/** How the browser wraps the text, and whether the breaks are submitted with
|
|
9585
9622
|
it. */
|
|
9586
9623
|
"prop:wrap"?: (HelixCodeInput["wrap"]) | undefined;
|
|
9624
|
+
/** What a screen reader hears when the browser or the reader refuses the microphone. */
|
|
9625
|
+
"attr:dictation-denied-label"?: (HelixCodeInput["dictationDeniedLabel"]) | undefined;
|
|
9626
|
+
/** What a screen reader hears when the browser or the reader refuses the microphone. */
|
|
9627
|
+
"prop:dictationDeniedLabel"?: (HelixCodeInput["dictationDeniedLabel"]) | undefined;
|
|
9628
|
+
/** What a screen reader hears when listening ends with an error that has no label of its own. */
|
|
9629
|
+
"attr:dictation-failed-label"?: (HelixCodeInput["dictationFailedLabel"]) | undefined;
|
|
9630
|
+
/** What a screen reader hears when listening ends with an error that has no label of its own. */
|
|
9631
|
+
"prop:dictationFailedLabel"?: (HelixCodeInput["dictationFailedLabel"]) | undefined;
|
|
9632
|
+
/** What a screen reader hears when the recognizer cannot reach its speech service. */
|
|
9633
|
+
"attr:dictation-unreachable-label"?: (HelixCodeInput["dictationUnreachableLabel"]) | undefined;
|
|
9634
|
+
/** What a screen reader hears when the recognizer cannot reach its speech service. */
|
|
9635
|
+
"prop:dictationUnreachableLabel"?: (HelixCodeInput["dictationUnreachableLabel"]) | undefined;
|
|
9587
9636
|
/** What a screen reader hears as listening starts. */
|
|
9588
9637
|
"attr:listening-label"?: (HelixCodeInput["listeningLabel"]) | undefined;
|
|
9589
9638
|
/** What a screen reader hears as listening starts. */
|
|
@@ -17290,6 +17339,264 @@ shows the top page. */
|
|
|
17290
17339
|
textContent?: (string | number) | undefined;
|
|
17291
17340
|
};
|
|
17292
17341
|
|
|
17342
|
+
/** `HelixEditor` component event */
|
|
17343
|
+
export type HelixEditorElementEvent<E = Event> = TypedEvent<HelixEditor, E>;
|
|
17344
|
+
/** `helix-found` event type */
|
|
17345
|
+
export type HelixEditorHelixFoundElementEvent =
|
|
17346
|
+
HelixEditorElementEvent<HelixFoundEvent>;
|
|
17347
|
+
|
|
17348
|
+
export type HelixEditorProps = {
|
|
17349
|
+
/** Covers the container instead of growing with the document, for an editor
|
|
17350
|
+
that fills a pane, such as one side of a split view. The document scrolls
|
|
17351
|
+
inside the frame. The container needs a position, such as
|
|
17352
|
+
`position: relative`. */
|
|
17353
|
+
fill?: (HelixEditor["fill"]) | undefined;
|
|
17354
|
+
/** How the frame stands off the page. Unset, it is outlined. `plain` draws
|
|
17355
|
+
no edge or corners, for a document that fills a page or a pane of its own. */
|
|
17356
|
+
separation?: (HelixEditor["separation"]) | undefined;
|
|
17357
|
+
/** The block menu button's name. `{name}` is the block type at the selection. */
|
|
17358
|
+
"block-chosen-label"?: (HelixEditor["blockChosenLabel"]) | undefined;
|
|
17359
|
+
/** The block menu button's name. `{name}` is the block type at the selection. */
|
|
17360
|
+
blockChosenLabel?: (HelixEditor["blockChosenLabel"]) | undefined;
|
|
17361
|
+
/** The block menu's name, read by screen readers. */
|
|
17362
|
+
"block-label"?: (HelixEditor["blockLabel"]) | undefined;
|
|
17363
|
+
/** The block menu's name, read by screen readers. */
|
|
17364
|
+
blockLabel?: (HelixEditor["blockLabel"]) | undefined;
|
|
17365
|
+
/** The Bold button's label. */
|
|
17366
|
+
"bold-label"?: (HelixEditor["boldLabel"]) | undefined;
|
|
17367
|
+
/** The Bold button's label. */
|
|
17368
|
+
boldLabel?: (HelixEditor["boldLabel"]) | undefined;
|
|
17369
|
+
/** The Bulleted list button's label. */
|
|
17370
|
+
"bullet-list-label"?: (HelixEditor["bulletListLabel"]) | undefined;
|
|
17371
|
+
/** The Bulleted list button's label. */
|
|
17372
|
+
bulletListLabel?: (HelixEditor["bulletListLabel"]) | undefined;
|
|
17373
|
+
/** The Code block row's label in the block menu. */
|
|
17374
|
+
"code-block-label"?: (HelixEditor["codeBlockLabel"]) | undefined;
|
|
17375
|
+
/** The Code block row's label in the block menu. */
|
|
17376
|
+
codeBlockLabel?: (HelixEditor["codeBlockLabel"]) | undefined;
|
|
17377
|
+
/** The Code button's label. */
|
|
17378
|
+
"code-label"?: (HelixEditor["codeLabel"]) | undefined;
|
|
17379
|
+
/** The Code button's label. */
|
|
17380
|
+
codeLabel?: (HelixEditor["codeLabel"]) | undefined;
|
|
17381
|
+
/** The toolbar's name, read by screen readers. */
|
|
17382
|
+
"controls-label"?: (HelixEditor["controlsLabel"]) | undefined;
|
|
17383
|
+
/** The toolbar's name, read by screen readers. */
|
|
17384
|
+
controlsLabel?: (HelixEditor["controlsLabel"]) | undefined;
|
|
17385
|
+
/** The document's name where `label` is empty and the host has no `aria-label`. */
|
|
17386
|
+
"fallback-label"?: (HelixEditor["fallbackLabel"]) | undefined;
|
|
17387
|
+
/** The document's name where `label` is empty and the host has no `aria-label`. */
|
|
17388
|
+
fallbackLabel?: (HelixEditor["fallbackLabel"]) | undefined;
|
|
17389
|
+
/** The Find button's label, and the find bar's name. */
|
|
17390
|
+
"find-label"?: (HelixEditor["findLabel"]) | undefined;
|
|
17391
|
+
/** The Find button's label, and the find bar's name. */
|
|
17392
|
+
findLabel?: (HelixEditor["findLabel"]) | undefined;
|
|
17393
|
+
/** A heading's name in the block menu. `{level}` is its level, 1 to 3. */
|
|
17394
|
+
"heading-label"?: (HelixEditor["headingLabel"]) | undefined;
|
|
17395
|
+
/** A heading's name in the block menu. `{level}` is its level, 1 to 3. */
|
|
17396
|
+
headingLabel?: (HelixEditor["headingLabel"]) | undefined;
|
|
17397
|
+
/** The Italic button's label. */
|
|
17398
|
+
"italic-label"?: (HelixEditor["italicLabel"]) | undefined;
|
|
17399
|
+
/** The Italic button's label. */
|
|
17400
|
+
italicLabel?: (HelixEditor["italicLabel"]) | undefined;
|
|
17401
|
+
/** The document's name, read by screen readers. Name what it holds, such as
|
|
17402
|
+
"Release notes", so that several editors on one page can be told apart.
|
|
17403
|
+
Required. */
|
|
17404
|
+
label?: (HelixEditor["label"]) | undefined;
|
|
17405
|
+
/** The Apply button's label in the address bar. */
|
|
17406
|
+
"link-apply-label"?: (HelixEditor["linkApplyLabel"]) | undefined;
|
|
17407
|
+
/** The Apply button's label in the address bar. */
|
|
17408
|
+
linkApplyLabel?: (HelixEditor["linkApplyLabel"]) | undefined;
|
|
17409
|
+
/** The close button's label in the address bar. */
|
|
17410
|
+
"link-close-label"?: (HelixEditor["linkCloseLabel"]) | undefined;
|
|
17411
|
+
/** The close button's label in the address bar. */
|
|
17412
|
+
linkCloseLabel?: (HelixEditor["linkCloseLabel"]) | undefined;
|
|
17413
|
+
/** The name of the address bar's toolbar, read by screen readers. */
|
|
17414
|
+
"link-controls-label"?: (HelixEditor["linkControlsLabel"]) | undefined;
|
|
17415
|
+
/** The name of the address bar's toolbar, read by screen readers. */
|
|
17416
|
+
linkControlsLabel?: (HelixEditor["linkControlsLabel"]) | undefined;
|
|
17417
|
+
/** The address field's name, which it also shows while it is empty. */
|
|
17418
|
+
"link-field-label"?: (HelixEditor["linkFieldLabel"]) | undefined;
|
|
17419
|
+
/** The address field's name, which it also shows while it is empty. */
|
|
17420
|
+
linkFieldLabel?: (HelixEditor["linkFieldLabel"]) | undefined;
|
|
17421
|
+
/** The Link button's label, and the address bar's name. */
|
|
17422
|
+
"link-label"?: (HelixEditor["linkLabel"]) | undefined;
|
|
17423
|
+
/** The Link button's label, and the address bar's name. */
|
|
17424
|
+
linkLabel?: (HelixEditor["linkLabel"]) | undefined;
|
|
17425
|
+
/** The Remove button's label in the address bar. */
|
|
17426
|
+
"link-remove-label"?: (HelixEditor["linkRemoveLabel"]) | undefined;
|
|
17427
|
+
/** The Remove button's label in the address bar. */
|
|
17428
|
+
linkRemoveLabel?: (HelixEditor["linkRemoveLabel"]) | undefined;
|
|
17429
|
+
/** The Numbered list button's label. */
|
|
17430
|
+
"ordered-list-label"?: (HelixEditor["orderedListLabel"]) | undefined;
|
|
17431
|
+
/** The Numbered list button's label. */
|
|
17432
|
+
orderedListLabel?: (HelixEditor["orderedListLabel"]) | undefined;
|
|
17433
|
+
/** The Paragraph row's label in the block menu. */
|
|
17434
|
+
"paragraph-label"?: (HelixEditor["paragraphLabel"]) | undefined;
|
|
17435
|
+
/** The Paragraph row's label in the block menu. */
|
|
17436
|
+
paragraphLabel?: (HelixEditor["paragraphLabel"]) | undefined;
|
|
17437
|
+
/** The words shown in an empty document, such as "Write the release notes". */
|
|
17438
|
+
placeholder?: (HelixEditor["placeholder"]) | undefined;
|
|
17439
|
+
/** The Quote button's label. */
|
|
17440
|
+
"quote-label"?: (HelixEditor["quoteLabel"]) | undefined;
|
|
17441
|
+
/** The Quote button's label. */
|
|
17442
|
+
quoteLabel?: (HelixEditor["quoteLabel"]) | undefined;
|
|
17443
|
+
/** Shows the document and takes no edits, with no toolbar, for a document
|
|
17444
|
+
someone reads, or one an agent is writing. The attribute is `readonly`,
|
|
17445
|
+
the platform's spelling. */
|
|
17446
|
+
readonly?: (HelixEditor["readOnly"]) | undefined;
|
|
17447
|
+
/** Shows the document and takes no edits, with no toolbar, for a document
|
|
17448
|
+
someone reads, or one an agent is writing. The attribute is `readonly`,
|
|
17449
|
+
the platform's spelling. */
|
|
17450
|
+
readOnly?: (HelixEditor["readOnly"]) | undefined;
|
|
17451
|
+
/** The Redo button's label. */
|
|
17452
|
+
"redo-label"?: (HelixEditor["redoLabel"]) | undefined;
|
|
17453
|
+
/** The Redo button's label. */
|
|
17454
|
+
redoLabel?: (HelixEditor["redoLabel"]) | undefined;
|
|
17455
|
+
/** The Strikethrough button's label. */
|
|
17456
|
+
"strike-label"?: (HelixEditor["strikeLabel"]) | undefined;
|
|
17457
|
+
/** The Strikethrough button's label. */
|
|
17458
|
+
strikeLabel?: (HelixEditor["strikeLabel"]) | undefined;
|
|
17459
|
+
/** Which groups of tools the toolbar draws, as a list of `history`, `block`,
|
|
17460
|
+
`marks`, `link`, `lists`, and `quote`, or `none`. They are drawn in that
|
|
17461
|
+
order, whatever order the list is in. Absent is all six. */
|
|
17462
|
+
tools?: (HelixEditor["tools"]) | undefined;
|
|
17463
|
+
/** The Undo button's label. */
|
|
17464
|
+
"undo-label"?: (HelixEditor["undoLabel"]) | undefined;
|
|
17465
|
+
/** The Undo button's label. */
|
|
17466
|
+
undoLabel?: (HelixEditor["undoLabel"]) | undefined;
|
|
17467
|
+
|
|
17468
|
+
/** The find bar searched or moved among the matches, with `count` and the selected match's `index`, counting from 0, or -1 for none. */
|
|
17469
|
+
"onhelix-found"?: ((e: HelixEditorHelixFoundElementEvent) => void) | undefined;
|
|
17470
|
+
};
|
|
17471
|
+
|
|
17472
|
+
export type HelixEditorSolidJsProps = {
|
|
17473
|
+
/** Covers the container instead of growing with the document, for an editor
|
|
17474
|
+
that fills a pane, such as one side of a split view. The document scrolls
|
|
17475
|
+
inside the frame. The container needs a position, such as
|
|
17476
|
+
`position: relative`. */
|
|
17477
|
+
"prop:fill"?: (HelixEditor["fill"]) | undefined;
|
|
17478
|
+
/** How the frame stands off the page. Unset, it is outlined. `plain` draws
|
|
17479
|
+
no edge or corners, for a document that fills a page or a pane of its own. */
|
|
17480
|
+
"prop:separation"?: (HelixEditor["separation"]) | undefined;
|
|
17481
|
+
/** The block menu button's name. `{name}` is the block type at the selection. */
|
|
17482
|
+
"attr:block-chosen-label"?: (HelixEditor["blockChosenLabel"]) | undefined;
|
|
17483
|
+
/** The block menu button's name. `{name}` is the block type at the selection. */
|
|
17484
|
+
"prop:blockChosenLabel"?: (HelixEditor["blockChosenLabel"]) | undefined;
|
|
17485
|
+
/** The block menu's name, read by screen readers. */
|
|
17486
|
+
"attr:block-label"?: (HelixEditor["blockLabel"]) | undefined;
|
|
17487
|
+
/** The block menu's name, read by screen readers. */
|
|
17488
|
+
"prop:blockLabel"?: (HelixEditor["blockLabel"]) | undefined;
|
|
17489
|
+
/** The Bold button's label. */
|
|
17490
|
+
"attr:bold-label"?: (HelixEditor["boldLabel"]) | undefined;
|
|
17491
|
+
/** The Bold button's label. */
|
|
17492
|
+
"prop:boldLabel"?: (HelixEditor["boldLabel"]) | undefined;
|
|
17493
|
+
/** The Bulleted list button's label. */
|
|
17494
|
+
"attr:bullet-list-label"?: (HelixEditor["bulletListLabel"]) | undefined;
|
|
17495
|
+
/** The Bulleted list button's label. */
|
|
17496
|
+
"prop:bulletListLabel"?: (HelixEditor["bulletListLabel"]) | undefined;
|
|
17497
|
+
/** The Code block row's label in the block menu. */
|
|
17498
|
+
"attr:code-block-label"?: (HelixEditor["codeBlockLabel"]) | undefined;
|
|
17499
|
+
/** The Code block row's label in the block menu. */
|
|
17500
|
+
"prop:codeBlockLabel"?: (HelixEditor["codeBlockLabel"]) | undefined;
|
|
17501
|
+
/** The Code button's label. */
|
|
17502
|
+
"attr:code-label"?: (HelixEditor["codeLabel"]) | undefined;
|
|
17503
|
+
/** The Code button's label. */
|
|
17504
|
+
"prop:codeLabel"?: (HelixEditor["codeLabel"]) | undefined;
|
|
17505
|
+
/** The toolbar's name, read by screen readers. */
|
|
17506
|
+
"attr:controls-label"?: (HelixEditor["controlsLabel"]) | undefined;
|
|
17507
|
+
/** The toolbar's name, read by screen readers. */
|
|
17508
|
+
"prop:controlsLabel"?: (HelixEditor["controlsLabel"]) | undefined;
|
|
17509
|
+
/** The document's name where `label` is empty and the host has no `aria-label`. */
|
|
17510
|
+
"attr:fallback-label"?: (HelixEditor["fallbackLabel"]) | undefined;
|
|
17511
|
+
/** The document's name where `label` is empty and the host has no `aria-label`. */
|
|
17512
|
+
"prop:fallbackLabel"?: (HelixEditor["fallbackLabel"]) | undefined;
|
|
17513
|
+
/** The Find button's label, and the find bar's name. */
|
|
17514
|
+
"attr:find-label"?: (HelixEditor["findLabel"]) | undefined;
|
|
17515
|
+
/** The Find button's label, and the find bar's name. */
|
|
17516
|
+
"prop:findLabel"?: (HelixEditor["findLabel"]) | undefined;
|
|
17517
|
+
/** A heading's name in the block menu. `{level}` is its level, 1 to 3. */
|
|
17518
|
+
"attr:heading-label"?: (HelixEditor["headingLabel"]) | undefined;
|
|
17519
|
+
/** A heading's name in the block menu. `{level}` is its level, 1 to 3. */
|
|
17520
|
+
"prop:headingLabel"?: (HelixEditor["headingLabel"]) | undefined;
|
|
17521
|
+
/** The Italic button's label. */
|
|
17522
|
+
"attr:italic-label"?: (HelixEditor["italicLabel"]) | undefined;
|
|
17523
|
+
/** The Italic button's label. */
|
|
17524
|
+
"prop:italicLabel"?: (HelixEditor["italicLabel"]) | undefined;
|
|
17525
|
+
/** The document's name, read by screen readers. Name what it holds, such as
|
|
17526
|
+
"Release notes", so that several editors on one page can be told apart.
|
|
17527
|
+
Required. */
|
|
17528
|
+
"prop:label"?: (HelixEditor["label"]) | undefined;
|
|
17529
|
+
/** The Apply button's label in the address bar. */
|
|
17530
|
+
"attr:link-apply-label"?: (HelixEditor["linkApplyLabel"]) | undefined;
|
|
17531
|
+
/** The Apply button's label in the address bar. */
|
|
17532
|
+
"prop:linkApplyLabel"?: (HelixEditor["linkApplyLabel"]) | undefined;
|
|
17533
|
+
/** The close button's label in the address bar. */
|
|
17534
|
+
"attr:link-close-label"?: (HelixEditor["linkCloseLabel"]) | undefined;
|
|
17535
|
+
/** The close button's label in the address bar. */
|
|
17536
|
+
"prop:linkCloseLabel"?: (HelixEditor["linkCloseLabel"]) | undefined;
|
|
17537
|
+
/** The name of the address bar's toolbar, read by screen readers. */
|
|
17538
|
+
"attr:link-controls-label"?: (HelixEditor["linkControlsLabel"]) | undefined;
|
|
17539
|
+
/** The name of the address bar's toolbar, read by screen readers. */
|
|
17540
|
+
"prop:linkControlsLabel"?: (HelixEditor["linkControlsLabel"]) | undefined;
|
|
17541
|
+
/** The address field's name, which it also shows while it is empty. */
|
|
17542
|
+
"attr:link-field-label"?: (HelixEditor["linkFieldLabel"]) | undefined;
|
|
17543
|
+
/** The address field's name, which it also shows while it is empty. */
|
|
17544
|
+
"prop:linkFieldLabel"?: (HelixEditor["linkFieldLabel"]) | undefined;
|
|
17545
|
+
/** The Link button's label, and the address bar's name. */
|
|
17546
|
+
"attr:link-label"?: (HelixEditor["linkLabel"]) | undefined;
|
|
17547
|
+
/** The Link button's label, and the address bar's name. */
|
|
17548
|
+
"prop:linkLabel"?: (HelixEditor["linkLabel"]) | undefined;
|
|
17549
|
+
/** The Remove button's label in the address bar. */
|
|
17550
|
+
"attr:link-remove-label"?: (HelixEditor["linkRemoveLabel"]) | undefined;
|
|
17551
|
+
/** The Remove button's label in the address bar. */
|
|
17552
|
+
"prop:linkRemoveLabel"?: (HelixEditor["linkRemoveLabel"]) | undefined;
|
|
17553
|
+
/** The Numbered list button's label. */
|
|
17554
|
+
"attr:ordered-list-label"?: (HelixEditor["orderedListLabel"]) | undefined;
|
|
17555
|
+
/** The Numbered list button's label. */
|
|
17556
|
+
"prop:orderedListLabel"?: (HelixEditor["orderedListLabel"]) | undefined;
|
|
17557
|
+
/** The Paragraph row's label in the block menu. */
|
|
17558
|
+
"attr:paragraph-label"?: (HelixEditor["paragraphLabel"]) | undefined;
|
|
17559
|
+
/** The Paragraph row's label in the block menu. */
|
|
17560
|
+
"prop:paragraphLabel"?: (HelixEditor["paragraphLabel"]) | undefined;
|
|
17561
|
+
/** The words shown in an empty document, such as "Write the release notes". */
|
|
17562
|
+
"prop:placeholder"?: (HelixEditor["placeholder"]) | undefined;
|
|
17563
|
+
/** The Quote button's label. */
|
|
17564
|
+
"attr:quote-label"?: (HelixEditor["quoteLabel"]) | undefined;
|
|
17565
|
+
/** The Quote button's label. */
|
|
17566
|
+
"prop:quoteLabel"?: (HelixEditor["quoteLabel"]) | undefined;
|
|
17567
|
+
/** Shows the document and takes no edits, with no toolbar, for a document
|
|
17568
|
+
someone reads, or one an agent is writing. The attribute is `readonly`,
|
|
17569
|
+
the platform's spelling. */
|
|
17570
|
+
"bool:readonly"?: (HelixEditor["readOnly"]) | undefined;
|
|
17571
|
+
/** Shows the document and takes no edits, with no toolbar, for a document
|
|
17572
|
+
someone reads, or one an agent is writing. The attribute is `readonly`,
|
|
17573
|
+
the platform's spelling. */
|
|
17574
|
+
"prop:readOnly"?: (HelixEditor["readOnly"]) | undefined;
|
|
17575
|
+
/** The Redo button's label. */
|
|
17576
|
+
"attr:redo-label"?: (HelixEditor["redoLabel"]) | undefined;
|
|
17577
|
+
/** The Redo button's label. */
|
|
17578
|
+
"prop:redoLabel"?: (HelixEditor["redoLabel"]) | undefined;
|
|
17579
|
+
/** The Strikethrough button's label. */
|
|
17580
|
+
"attr:strike-label"?: (HelixEditor["strikeLabel"]) | undefined;
|
|
17581
|
+
/** The Strikethrough button's label. */
|
|
17582
|
+
"prop:strikeLabel"?: (HelixEditor["strikeLabel"]) | undefined;
|
|
17583
|
+
/** Which groups of tools the toolbar draws, as a list of `history`, `block`,
|
|
17584
|
+
`marks`, `link`, `lists`, and `quote`, or `none`. They are drawn in that
|
|
17585
|
+
order, whatever order the list is in. Absent is all six. */
|
|
17586
|
+
"prop:tools"?: (HelixEditor["tools"]) | undefined;
|
|
17587
|
+
/** The Undo button's label. */
|
|
17588
|
+
"attr:undo-label"?: (HelixEditor["undoLabel"]) | undefined;
|
|
17589
|
+
/** The Undo button's label. */
|
|
17590
|
+
"prop:undoLabel"?: (HelixEditor["undoLabel"]) | undefined;
|
|
17591
|
+
/** The find bar searched or moved among the matches, with `count` and the selected match's `index`, counting from 0, or -1 for none. */
|
|
17592
|
+
"on:helix-found"?: ((e: HelixEditorHelixFoundElementEvent) => void) | undefined;
|
|
17593
|
+
|
|
17594
|
+
/** Set the innerHTML of the element */
|
|
17595
|
+
innerHTML?: (string) | undefined;
|
|
17596
|
+
/** Set the textContent of the element */
|
|
17597
|
+
textContent?: (string | number) | undefined;
|
|
17598
|
+
};
|
|
17599
|
+
|
|
17293
17600
|
export type HelixEmptyProps = {
|
|
17294
17601
|
/** The heading as words, such as "No results", drawn as a heading when
|
|
17295
17602
|
nothing is slotted into `heading`.
|
|
@@ -18097,6 +18404,18 @@ export type HelixFilterInputHelixSelectElementEvent =
|
|
|
18097
18404
|
HelixFilterInputElementEvent<HelixSelectEvent>;
|
|
18098
18405
|
|
|
18099
18406
|
export type HelixFilterInputProps = {
|
|
18407
|
+
/** What a screen reader hears when the browser or the reader refuses the microphone. */
|
|
18408
|
+
"dictation-denied-label"?: (HelixFilterInput["dictationDeniedLabel"]) | undefined;
|
|
18409
|
+
/** What a screen reader hears when the browser or the reader refuses the microphone. */
|
|
18410
|
+
dictationDeniedLabel?: (HelixFilterInput["dictationDeniedLabel"]) | undefined;
|
|
18411
|
+
/** What a screen reader hears when listening ends with an error that has no label of its own. */
|
|
18412
|
+
"dictation-failed-label"?: (HelixFilterInput["dictationFailedLabel"]) | undefined;
|
|
18413
|
+
/** What a screen reader hears when listening ends with an error that has no label of its own. */
|
|
18414
|
+
dictationFailedLabel?: (HelixFilterInput["dictationFailedLabel"]) | undefined;
|
|
18415
|
+
/** What a screen reader hears when the recognizer cannot reach its speech service. */
|
|
18416
|
+
"dictation-unreachable-label"?: (HelixFilterInput["dictationUnreachableLabel"]) | undefined;
|
|
18417
|
+
/** What a screen reader hears when the recognizer cannot reach its speech service. */
|
|
18418
|
+
dictationUnreachableLabel?: (HelixFilterInput["dictationUnreachableLabel"]) | undefined;
|
|
18100
18419
|
/** What a screen reader hears as listening starts. */
|
|
18101
18420
|
"listening-label"?: (HelixFilterInput["listeningLabel"]) | undefined;
|
|
18102
18421
|
/** What a screen reader hears as listening starts. */
|
|
@@ -18375,6 +18694,18 @@ write a function in markup. See the class description. */
|
|
|
18375
18694
|
};
|
|
18376
18695
|
|
|
18377
18696
|
export type HelixFilterInputSolidJsProps = {
|
|
18697
|
+
/** What a screen reader hears when the browser or the reader refuses the microphone. */
|
|
18698
|
+
"attr:dictation-denied-label"?: (HelixFilterInput["dictationDeniedLabel"]) | undefined;
|
|
18699
|
+
/** What a screen reader hears when the browser or the reader refuses the microphone. */
|
|
18700
|
+
"prop:dictationDeniedLabel"?: (HelixFilterInput["dictationDeniedLabel"]) | undefined;
|
|
18701
|
+
/** What a screen reader hears when listening ends with an error that has no label of its own. */
|
|
18702
|
+
"attr:dictation-failed-label"?: (HelixFilterInput["dictationFailedLabel"]) | undefined;
|
|
18703
|
+
/** What a screen reader hears when listening ends with an error that has no label of its own. */
|
|
18704
|
+
"prop:dictationFailedLabel"?: (HelixFilterInput["dictationFailedLabel"]) | undefined;
|
|
18705
|
+
/** What a screen reader hears when the recognizer cannot reach its speech service. */
|
|
18706
|
+
"attr:dictation-unreachable-label"?: (HelixFilterInput["dictationUnreachableLabel"]) | undefined;
|
|
18707
|
+
/** What a screen reader hears when the recognizer cannot reach its speech service. */
|
|
18708
|
+
"prop:dictationUnreachableLabel"?: (HelixFilterInput["dictationUnreachableLabel"]) | undefined;
|
|
18378
18709
|
/** What a screen reader hears as listening starts. */
|
|
18379
18710
|
"attr:listening-label"?: (HelixFilterInput["listeningLabel"]) | undefined;
|
|
18380
18711
|
/** What a screen reader hears as listening starts. */
|
|
@@ -21863,6 +22194,18 @@ export type HelixInputHelixListenElementEvent =
|
|
|
21863
22194
|
HelixInputElementEvent<HelixListenEvent>;
|
|
21864
22195
|
|
|
21865
22196
|
export type HelixInputProps = {
|
|
22197
|
+
/** What a screen reader hears when the browser or the reader refuses the microphone. */
|
|
22198
|
+
"dictation-denied-label"?: (HelixInput["dictationDeniedLabel"]) | undefined;
|
|
22199
|
+
/** What a screen reader hears when the browser or the reader refuses the microphone. */
|
|
22200
|
+
dictationDeniedLabel?: (HelixInput["dictationDeniedLabel"]) | undefined;
|
|
22201
|
+
/** What a screen reader hears when listening ends with an error that has no label of its own. */
|
|
22202
|
+
"dictation-failed-label"?: (HelixInput["dictationFailedLabel"]) | undefined;
|
|
22203
|
+
/** What a screen reader hears when listening ends with an error that has no label of its own. */
|
|
22204
|
+
dictationFailedLabel?: (HelixInput["dictationFailedLabel"]) | undefined;
|
|
22205
|
+
/** What a screen reader hears when the recognizer cannot reach its speech service. */
|
|
22206
|
+
"dictation-unreachable-label"?: (HelixInput["dictationUnreachableLabel"]) | undefined;
|
|
22207
|
+
/** What a screen reader hears when the recognizer cannot reach its speech service. */
|
|
22208
|
+
dictationUnreachableLabel?: (HelixInput["dictationUnreachableLabel"]) | undefined;
|
|
21866
22209
|
/** What a screen reader hears as listening starts. */
|
|
21867
22210
|
"listening-label"?: (HelixInput["listeningLabel"]) | undefined;
|
|
21868
22211
|
/** What a screen reader hears as listening starts. */
|
|
@@ -22129,6 +22472,18 @@ invalid, and `true`, `null`, or nothing to accept the value. */
|
|
|
22129
22472
|
};
|
|
22130
22473
|
|
|
22131
22474
|
export type HelixInputSolidJsProps = {
|
|
22475
|
+
/** What a screen reader hears when the browser or the reader refuses the microphone. */
|
|
22476
|
+
"attr:dictation-denied-label"?: (HelixInput["dictationDeniedLabel"]) | undefined;
|
|
22477
|
+
/** What a screen reader hears when the browser or the reader refuses the microphone. */
|
|
22478
|
+
"prop:dictationDeniedLabel"?: (HelixInput["dictationDeniedLabel"]) | undefined;
|
|
22479
|
+
/** What a screen reader hears when listening ends with an error that has no label of its own. */
|
|
22480
|
+
"attr:dictation-failed-label"?: (HelixInput["dictationFailedLabel"]) | undefined;
|
|
22481
|
+
/** What a screen reader hears when listening ends with an error that has no label of its own. */
|
|
22482
|
+
"prop:dictationFailedLabel"?: (HelixInput["dictationFailedLabel"]) | undefined;
|
|
22483
|
+
/** What a screen reader hears when the recognizer cannot reach its speech service. */
|
|
22484
|
+
"attr:dictation-unreachable-label"?: (HelixInput["dictationUnreachableLabel"]) | undefined;
|
|
22485
|
+
/** What a screen reader hears when the recognizer cannot reach its speech service. */
|
|
22486
|
+
"prop:dictationUnreachableLabel"?: (HelixInput["dictationUnreachableLabel"]) | undefined;
|
|
22132
22487
|
/** What a screen reader hears as listening starts. */
|
|
22133
22488
|
"attr:listening-label"?: (HelixInput["listeningLabel"]) | undefined;
|
|
22134
22489
|
/** What a screen reader hears as listening starts. */
|
|
@@ -24302,6 +24657,18 @@ export type HelixListboxHelixReorderElementEvent =
|
|
|
24302
24657
|
HelixListboxElementEvent<HelixReorderEvent>;
|
|
24303
24658
|
|
|
24304
24659
|
export type HelixListboxProps = {
|
|
24660
|
+
/** What a screen reader hears when the browser or the reader refuses the microphone. */
|
|
24661
|
+
"dictation-denied-label"?: (HelixListbox["dictationDeniedLabel"]) | undefined;
|
|
24662
|
+
/** What a screen reader hears when the browser or the reader refuses the microphone. */
|
|
24663
|
+
dictationDeniedLabel?: (HelixListbox["dictationDeniedLabel"]) | undefined;
|
|
24664
|
+
/** What a screen reader hears when listening ends with an error that has no label of its own. */
|
|
24665
|
+
"dictation-failed-label"?: (HelixListbox["dictationFailedLabel"]) | undefined;
|
|
24666
|
+
/** What a screen reader hears when listening ends with an error that has no label of its own. */
|
|
24667
|
+
dictationFailedLabel?: (HelixListbox["dictationFailedLabel"]) | undefined;
|
|
24668
|
+
/** What a screen reader hears when the recognizer cannot reach its speech service. */
|
|
24669
|
+
"dictation-unreachable-label"?: (HelixListbox["dictationUnreachableLabel"]) | undefined;
|
|
24670
|
+
/** What a screen reader hears when the recognizer cannot reach its speech service. */
|
|
24671
|
+
dictationUnreachableLabel?: (HelixListbox["dictationUnreachableLabel"]) | undefined;
|
|
24305
24672
|
/** What a screen reader hears as listening starts. */
|
|
24306
24673
|
"listening-label"?: (HelixListbox["listeningLabel"]) | undefined;
|
|
24307
24674
|
/** What a screen reader hears as listening starts. */
|
|
@@ -24620,6 +24987,18 @@ that can. */
|
|
|
24620
24987
|
};
|
|
24621
24988
|
|
|
24622
24989
|
export type HelixListboxSolidJsProps = {
|
|
24990
|
+
/** What a screen reader hears when the browser or the reader refuses the microphone. */
|
|
24991
|
+
"attr:dictation-denied-label"?: (HelixListbox["dictationDeniedLabel"]) | undefined;
|
|
24992
|
+
/** What a screen reader hears when the browser or the reader refuses the microphone. */
|
|
24993
|
+
"prop:dictationDeniedLabel"?: (HelixListbox["dictationDeniedLabel"]) | undefined;
|
|
24994
|
+
/** What a screen reader hears when listening ends with an error that has no label of its own. */
|
|
24995
|
+
"attr:dictation-failed-label"?: (HelixListbox["dictationFailedLabel"]) | undefined;
|
|
24996
|
+
/** What a screen reader hears when listening ends with an error that has no label of its own. */
|
|
24997
|
+
"prop:dictationFailedLabel"?: (HelixListbox["dictationFailedLabel"]) | undefined;
|
|
24998
|
+
/** What a screen reader hears when the recognizer cannot reach its speech service. */
|
|
24999
|
+
"attr:dictation-unreachable-label"?: (HelixListbox["dictationUnreachableLabel"]) | undefined;
|
|
25000
|
+
/** What a screen reader hears when the recognizer cannot reach its speech service. */
|
|
25001
|
+
"prop:dictationUnreachableLabel"?: (HelixListbox["dictationUnreachableLabel"]) | undefined;
|
|
24623
25002
|
/** What a screen reader hears as listening starts. */
|
|
24624
25003
|
"attr:listening-label"?: (HelixListbox["listeningLabel"]) | undefined;
|
|
24625
25004
|
/** What a screen reader hears as listening starts. */
|
|
@@ -42877,6 +43256,18 @@ export type HelixTextareaHelixListenElementEvent =
|
|
|
42877
43256
|
HelixTextareaElementEvent<HelixListenEvent>;
|
|
42878
43257
|
|
|
42879
43258
|
export type HelixTextareaProps = {
|
|
43259
|
+
/** What a screen reader hears when the browser or the reader refuses the microphone. */
|
|
43260
|
+
"dictation-denied-label"?: (HelixTextarea["dictationDeniedLabel"]) | undefined;
|
|
43261
|
+
/** What a screen reader hears when the browser or the reader refuses the microphone. */
|
|
43262
|
+
dictationDeniedLabel?: (HelixTextarea["dictationDeniedLabel"]) | undefined;
|
|
43263
|
+
/** What a screen reader hears when listening ends with an error that has no label of its own. */
|
|
43264
|
+
"dictation-failed-label"?: (HelixTextarea["dictationFailedLabel"]) | undefined;
|
|
43265
|
+
/** What a screen reader hears when listening ends with an error that has no label of its own. */
|
|
43266
|
+
dictationFailedLabel?: (HelixTextarea["dictationFailedLabel"]) | undefined;
|
|
43267
|
+
/** What a screen reader hears when the recognizer cannot reach its speech service. */
|
|
43268
|
+
"dictation-unreachable-label"?: (HelixTextarea["dictationUnreachableLabel"]) | undefined;
|
|
43269
|
+
/** What a screen reader hears when the recognizer cannot reach its speech service. */
|
|
43270
|
+
dictationUnreachableLabel?: (HelixTextarea["dictationUnreachableLabel"]) | undefined;
|
|
42880
43271
|
/** What a screen reader hears as listening starts. */
|
|
42881
43272
|
"listening-label"?: (HelixTextarea["listeningLabel"]) | undefined;
|
|
42882
43273
|
/** What a screen reader hears as listening starts. */
|
|
@@ -43109,6 +43500,18 @@ invalid, and `true`, `null`, or nothing to accept the value. */
|
|
|
43109
43500
|
};
|
|
43110
43501
|
|
|
43111
43502
|
export type HelixTextareaSolidJsProps = {
|
|
43503
|
+
/** What a screen reader hears when the browser or the reader refuses the microphone. */
|
|
43504
|
+
"attr:dictation-denied-label"?: (HelixTextarea["dictationDeniedLabel"]) | undefined;
|
|
43505
|
+
/** What a screen reader hears when the browser or the reader refuses the microphone. */
|
|
43506
|
+
"prop:dictationDeniedLabel"?: (HelixTextarea["dictationDeniedLabel"]) | undefined;
|
|
43507
|
+
/** What a screen reader hears when listening ends with an error that has no label of its own. */
|
|
43508
|
+
"attr:dictation-failed-label"?: (HelixTextarea["dictationFailedLabel"]) | undefined;
|
|
43509
|
+
/** What a screen reader hears when listening ends with an error that has no label of its own. */
|
|
43510
|
+
"prop:dictationFailedLabel"?: (HelixTextarea["dictationFailedLabel"]) | undefined;
|
|
43511
|
+
/** What a screen reader hears when the recognizer cannot reach its speech service. */
|
|
43512
|
+
"attr:dictation-unreachable-label"?: (HelixTextarea["dictationUnreachableLabel"]) | undefined;
|
|
43513
|
+
/** What a screen reader hears when the recognizer cannot reach its speech service. */
|
|
43514
|
+
"prop:dictationUnreachableLabel"?: (HelixTextarea["dictationUnreachableLabel"]) | undefined;
|
|
43112
43515
|
/** What a screen reader hears as listening starts. */
|
|
43113
43516
|
"attr:listening-label"?: (HelixTextarea["listeningLabel"]) | undefined;
|
|
43114
43517
|
/** What a screen reader hears as listening starts. */
|
|
@@ -53460,6 +53863,9 @@ export type CustomElements<F extends Framework = "other"> = {
|
|
|
53460
53863
|
*
|
|
53461
53864
|
* The steady edge is the focus indicator, so the ring is not drawn as well.
|
|
53462
53865
|
* Its color is `--chat-composer-glow-color`, the primary color unless set.
|
|
53866
|
+
* - `dictation-denied-label`/`dictationDeniedLabel`: What a screen reader hears when the browser or the reader refuses the microphone.
|
|
53867
|
+
* - `dictation-failed-label`/`dictationFailedLabel`: What a screen reader hears when listening ends with an error that has no label of its own.
|
|
53868
|
+
* - `dictation-unreachable-label`/`dictationUnreachableLabel`: What a screen reader hears when the recognizer cannot reach its speech service.
|
|
53463
53869
|
* - `listening-label`/`listeningLabel`: What a screen reader hears as listening starts.
|
|
53464
53870
|
* - `stopped-listening-label`/`stoppedListeningLabel`: What a screen reader hears as listening stops.
|
|
53465
53871
|
* - `voice`: Draws a button that listens for dictation and types what it hears at
|
|
@@ -54896,7 +55302,7 @@ export type CustomElements<F extends Framework = "other"> = {
|
|
|
54896
55302
|
* header, a find bar and a status line each a strip on the raised surface,
|
|
54897
55303
|
* one frame around them. It is 24rem tall unless `fill` is set or
|
|
54898
55304
|
* `--code-editor-block-size` says otherwise. An engine draws inside it:
|
|
54899
|
-
* `@fusion.dev/helix-editor` themes CodeMirror's gutter, caret, selection and
|
|
55305
|
+
* `@fusion.dev/helix-code-editor` themes CodeMirror's gutter, caret, selection and
|
|
54900
55306
|
* syntax from your tokens, and draws a problem's line number in its tone.
|
|
54901
55307
|
*
|
|
54902
55308
|
* Set `fill` for an editor that fills a pane, such as one side of a split
|
|
@@ -55002,7 +55408,7 @@ export type CustomElements<F extends Framework = "other"> = {
|
|
|
55002
55408
|
* Here rather than on each control.
|
|
55003
55409
|
* - `diagnostics`: The problems in the text, each underlined and listed under the editor. (property only)
|
|
55004
55410
|
* - `engine`: What draws the editor, such as `codeMirrorEngine()` from
|
|
55005
|
-
* `@fusion.dev/helix-editor`. Absent, the editor is a plain text field. (property only)
|
|
55411
|
+
* `@fusion.dev/helix-code-editor`. Absent, the editor is a plain text field. (property only)
|
|
55006
55412
|
* - `validity`: Whether the control meets its constraints, and why not. (property only) (readonly)
|
|
55007
55413
|
* - `validationMessage`: The message the browser would show for the control, or an empty string. (property only) (readonly)
|
|
55008
55414
|
* - `willValidate`: Whether the control is checked when its form is submitted. (property only) (readonly)
|
|
@@ -55237,6 +55643,9 @@ export type CustomElements<F extends Framework = "other"> = {
|
|
|
55237
55643
|
* - `language`: The grammar to highlight, such as `json`, `css`, `ts`, `html` or `sh`. Empty is plain text.
|
|
55238
55644
|
* - `wrap`: How the browser wraps the text, and whether the breaks are submitted with
|
|
55239
55645
|
* it.
|
|
55646
|
+
* - `dictation-denied-label`/`dictationDeniedLabel`: What a screen reader hears when the browser or the reader refuses the microphone.
|
|
55647
|
+
* - `dictation-failed-label`/`dictationFailedLabel`: What a screen reader hears when listening ends with an error that has no label of its own.
|
|
55648
|
+
* - `dictation-unreachable-label`/`dictationUnreachableLabel`: What a screen reader hears when the recognizer cannot reach its speech service.
|
|
55240
55649
|
* - `listening-label`/`listeningLabel`: What a screen reader hears as listening starts.
|
|
55241
55650
|
* - `stopped-listening-label`/`stoppedListeningLabel`: What a screen reader hears as listening stops.
|
|
55242
55651
|
* - `voice`: Draws a button that listens for dictation and types what it hears at
|
|
@@ -60205,6 +60614,331 @@ export type CustomElements<F extends Framework = "other"> = {
|
|
|
60205
60614
|
HelixDrilldownProps & BaseProps<HelixDrilldown, F> & BaseEvents<HelixDrilldown>
|
|
60206
60615
|
>;
|
|
60207
60616
|
|
|
60617
|
+
/**
|
|
60618
|
+
* Drawn as Code Editor is: the document on the page's ground, and the toolbar
|
|
60619
|
+
* a strip on the raised surface, one frame around them. The strip stays at the
|
|
60620
|
+
* top of the page while a long document scrolls under it, and the frame grows
|
|
60621
|
+
* with the document from `--editor-min-block-size`. Set `fill` for an editor
|
|
60622
|
+
* that fills a pane, where the document scrolls inside the frame.
|
|
60623
|
+
*
|
|
60624
|
+
* The document's headings, lists, quotes, code, and tables are drawn by the
|
|
60625
|
+
* base layer's `data-prose` rules, so it reads as your docs and chat replies
|
|
60626
|
+
* do. Write `data-prose` on the document so the base layer draws it before a
|
|
60627
|
+
* renderer connects, and `connectEditor` writes it too. Its lines keep to a
|
|
60628
|
+
* readable length, `--editor-measure`, centered in a wide frame.
|
|
60629
|
+
*
|
|
60630
|
+
* ## Attributes & Properties
|
|
60631
|
+
*
|
|
60632
|
+
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
60633
|
+
*
|
|
60634
|
+
* - `fill`: Covers the container instead of growing with the document, for an editor
|
|
60635
|
+
* that fills a pane, such as one side of a split view. The document scrolls
|
|
60636
|
+
* inside the frame. The container needs a position, such as
|
|
60637
|
+
* `position: relative`.
|
|
60638
|
+
* - `separation`: How the frame stands off the page. Unset, it is outlined. `plain` draws
|
|
60639
|
+
* no edge or corners, for a document that fills a page or a pane of its own.
|
|
60640
|
+
* - `block-chosen-label`/`blockChosenLabel`: The block menu button's name. `{name}` is the block type at the selection.
|
|
60641
|
+
* - `block-label`/`blockLabel`: The block menu's name, read by screen readers.
|
|
60642
|
+
* - `bold-label`/`boldLabel`: The Bold button's label.
|
|
60643
|
+
* - `bullet-list-label`/`bulletListLabel`: The Bulleted list button's label.
|
|
60644
|
+
* - `code-block-label`/`codeBlockLabel`: The Code block row's label in the block menu.
|
|
60645
|
+
* - `code-label`/`codeLabel`: The Code button's label.
|
|
60646
|
+
* - `controls-label`/`controlsLabel`: The toolbar's name, read by screen readers.
|
|
60647
|
+
* - `fallback-label`/`fallbackLabel`: The document's name where `label` is empty and the host has no `aria-label`.
|
|
60648
|
+
* - `find-label`/`findLabel`: The Find button's label, and the find bar's name.
|
|
60649
|
+
* - `heading-label`/`headingLabel`: A heading's name in the block menu. `{level}` is its level, 1 to 3.
|
|
60650
|
+
* - `italic-label`/`italicLabel`: The Italic button's label.
|
|
60651
|
+
* - `label`: The document's name, read by screen readers. Name what it holds, such as
|
|
60652
|
+
* "Release notes", so that several editors on one page can be told apart.
|
|
60653
|
+
* Required.
|
|
60654
|
+
* - `link-apply-label`/`linkApplyLabel`: The Apply button's label in the address bar.
|
|
60655
|
+
* - `link-close-label`/`linkCloseLabel`: The close button's label in the address bar.
|
|
60656
|
+
* - `link-controls-label`/`linkControlsLabel`: The name of the address bar's toolbar, read by screen readers.
|
|
60657
|
+
* - `link-field-label`/`linkFieldLabel`: The address field's name, which it also shows while it is empty.
|
|
60658
|
+
* - `link-label`/`linkLabel`: The Link button's label, and the address bar's name.
|
|
60659
|
+
* - `link-remove-label`/`linkRemoveLabel`: The Remove button's label in the address bar.
|
|
60660
|
+
* - `ordered-list-label`/`orderedListLabel`: The Numbered list button's label.
|
|
60661
|
+
* - `paragraph-label`/`paragraphLabel`: The Paragraph row's label in the block menu.
|
|
60662
|
+
* - `placeholder`: The words shown in an empty document, such as "Write the release notes".
|
|
60663
|
+
* - `quote-label`/`quoteLabel`: The Quote button's label.
|
|
60664
|
+
* - `readonly`/`readOnly`: Shows the document and takes no edits, with no toolbar, for a document
|
|
60665
|
+
* someone reads, or one an agent is writing. The attribute is `readonly`,
|
|
60666
|
+
* the platform's spelling.
|
|
60667
|
+
* - `redo-label`/`redoLabel`: The Redo button's label.
|
|
60668
|
+
* - `strike-label`/`strikeLabel`: The Strikethrough button's label.
|
|
60669
|
+
* - `tools`: Which groups of tools the toolbar draws, as a list of `history`, `block`,
|
|
60670
|
+
* `marks`, `link`, `lists`, and `quote`, or `none`. They are drawn in that
|
|
60671
|
+
* order, whatever order the list is in. Absent is all six.
|
|
60672
|
+
* - `undo-label`/`undoLabel`: The Undo button's label.
|
|
60673
|
+
* - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
|
|
60674
|
+
*
|
|
60675
|
+
* **Named `whenSettled` because `settled` is taken four times over**, by
|
|
60676
|
+
* Image, Splitter and both color controls, none of them about transitions. A
|
|
60677
|
+
* base class takes the name every subclass then cannot use.
|
|
60678
|
+
*
|
|
60679
|
+
* **The state it reports cannot be watched, which is why this exists.** A
|
|
60680
|
+
* custom state is deliberately not in the DOM, so there is no
|
|
60681
|
+
* `MutationObserver` equivalent for `ElementInternals.states`. Await this
|
|
60682
|
+
* instead.
|
|
60683
|
+
*
|
|
60684
|
+
* Separate from `updateComplete`, which resolves in the microtask checkpoint
|
|
60685
|
+
* the suppression is still active in. That is the distinction `readyToMove`
|
|
60686
|
+
* in `@fusion.dev/helix-testing` is written around.
|
|
60687
|
+
*
|
|
60688
|
+
* It never resolves where `requestAnimationFrame` never fires, which is a
|
|
60689
|
+
* server, a hidden tab, and happy-dom. Callers that must not hang there race
|
|
60690
|
+
* it against a timeout, as the happy-dom harness's `readyToMove` does. The
|
|
60691
|
+
* browser harness's awaits it alone: a browser always runs the frame, and a
|
|
60692
|
+
* timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
|
|
60693
|
+
*
|
|
60694
|
+
* ## Events
|
|
60695
|
+
*
|
|
60696
|
+
* Events that will be emitted by the component.
|
|
60697
|
+
*
|
|
60698
|
+
* - `helix-found`: The find bar searched or moved among the matches, with `count` and the selected match's `index`, counting from 0, or -1 for none.
|
|
60699
|
+
*
|
|
60700
|
+
* ## Slots
|
|
60701
|
+
*
|
|
60702
|
+
* Areas where markup can be added to the component.
|
|
60703
|
+
*
|
|
60704
|
+
* - `(default)`: The element your renderer draws the document in.
|
|
60705
|
+
* - `actions`: Controls of your own at the end of the toolbar, such as Share or Comment.
|
|
60706
|
+
* - `bold-icon`: Replaces the glyph inside the Bold button.
|
|
60707
|
+
* - `bullet-list-icon`: Replaces the glyph inside the Bulleted list button.
|
|
60708
|
+
* - `code-icon`: Replaces the glyph inside the Code button.
|
|
60709
|
+
* - `find-icon`: Replaces the glyph inside the Find button.
|
|
60710
|
+
* - `footer`: Content under the document, such as a word count or whether it is saved.
|
|
60711
|
+
* - `italic-icon`: Replaces the glyph inside the Italic button.
|
|
60712
|
+
* - `link-icon`: Replaces the glyph inside the Link button.
|
|
60713
|
+
* - `ordered-list-icon`: Replaces the glyph inside the Numbered list button.
|
|
60714
|
+
* - `quote-icon`: Replaces the glyph inside the Quote button.
|
|
60715
|
+
* - `redo-icon`: Replaces the glyph inside the Redo button.
|
|
60716
|
+
* - `strike-icon`: Replaces the glyph inside the Strikethrough button.
|
|
60717
|
+
* - `undo-icon`: Replaces the glyph inside the Undo button.
|
|
60718
|
+
*
|
|
60719
|
+
* ## Methods
|
|
60720
|
+
*
|
|
60721
|
+
* Methods that can be called to access component functionality.
|
|
60722
|
+
*
|
|
60723
|
+
* - `attach(renderer: EditorRenderer) => EditorSink`: Hands the frame what draws the document. The frame sends it the settings
|
|
60724
|
+
* now and as they change, asks it to run the tools the reader presses, and
|
|
60725
|
+
* draws the toolbar from what it reports through the sink it gets back.
|
|
60726
|
+
* Attaching another renderer detaches this one.
|
|
60727
|
+
* - `run(tool: EditorTool, value?: string) => boolean`: Runs a tool at the selection, as its button does, and says whether it
|
|
60728
|
+
* ran: a block type, a mark, a list, a quote, a step through history, or a
|
|
60729
|
+
* link to `value`, where an empty `value` takes the link off. Nothing runs
|
|
60730
|
+
* while no renderer is attached, or while `readonly`.
|
|
60731
|
+
* - `focus(options?: FocusOptions) => void`: Puts focus in the document, with the selection where it was.
|
|
60732
|
+
* - `openLink() => void`: Opens the address bar with the address of the link at the selection, and puts focus in its field.
|
|
60733
|
+
*
|
|
60734
|
+
* ## CSS Custom Properties
|
|
60735
|
+
*
|
|
60736
|
+
* CSS variables available for styling the component.
|
|
60737
|
+
*
|
|
60738
|
+
* - `--editor-background-color`: The ground the document is drawn on. Defaults to the page's background.
|
|
60739
|
+
* - `--editor-border-color`: The frame's edge and the line under the toolbar.
|
|
60740
|
+
* - `--editor-header-background-color`: The fill of the toolbar's strip.
|
|
60741
|
+
* - `--editor-header-offset`: How far below the top of the page the toolbar stays while the document scrolls, such as the height of your own fixed header. `0` unless set.
|
|
60742
|
+
* - `--editor-measure`: The longest a line of the document runs, as a length: `72ch` unless set.
|
|
60743
|
+
* - `--editor-min-block-size`: The frame's least height, which it grows from with the document: `12rem` unless set. Ignored with `fill`.
|
|
60744
|
+
* - `--editor-padding`: The space around the document, inside the frame.
|
|
60745
|
+
* - `--editor-radius`: The frame's corner radius.
|
|
60746
|
+
*
|
|
60747
|
+
* ## CSS Parts
|
|
60748
|
+
*
|
|
60749
|
+
* Custom selectors for styling elements within the component.
|
|
60750
|
+
*
|
|
60751
|
+
* - `actions`: The `actions` slot, last in the toolbar.
|
|
60752
|
+
* - `block`: The button that opens the block menu, which names the block type at the selection.
|
|
60753
|
+
* - `block-button`: The block menu button's inner button.
|
|
60754
|
+
* - `block-live`: The block menu button's live region, which speaks while the button is pending.
|
|
60755
|
+
* - `block-menu`: The menu of block types.
|
|
60756
|
+
* - `block-menu-back`: The control that returns from a submenu.
|
|
60757
|
+
* - `block-menu-back-mark`: The glyph on the back control of a submenu.
|
|
60758
|
+
* - `block-menu-empty`: The text shown when the menu has no items.
|
|
60759
|
+
* - `block-menu-header`: The bar above a submenu, holding the way back and its name.
|
|
60760
|
+
* - `block-menu-live`: The block menu's live region, which repeats the empty and loading text for screen readers.
|
|
60761
|
+
* - `block-menu-loading`: The text shown while the items are loading.
|
|
60762
|
+
* - `block-menu-search-field`: The block menu's filter field, drawn with `filterable`.
|
|
60763
|
+
* - `block-menu-surface`: The floating panel the block menu is drawn on.
|
|
60764
|
+
* - `block-menu-title`: The name of the submenu that is showing.
|
|
60765
|
+
* - `block-name`: The name of the block type at the selection, in the block menu's button.
|
|
60766
|
+
* - `block-option`: One block type in the block menu, checked while the selection is in one.
|
|
60767
|
+
* - `block-option-end`: A block type's trailing column, which holds its shortcut.
|
|
60768
|
+
* - `block-option-item`: A block type's row.
|
|
60769
|
+
* - `block-option-mark`: The check beside the block type the selection is in.
|
|
60770
|
+
* - `block-option-shortcut`: A block type's key.
|
|
60771
|
+
* - `block-option-shortcut-kbd`: The key inside it.
|
|
60772
|
+
* - `block-option-shortcut-key`: One key of a block type's chord.
|
|
60773
|
+
* - `block-option-shortcut-separator`: The `+` between two keys of a block type's chord.
|
|
60774
|
+
* - `block-option-start`: A block type's leading column.
|
|
60775
|
+
* - `block-option-surface`: A block type's submenu panel, which a block type does not open.
|
|
60776
|
+
* - `block-spinner`: The ring the block menu button turns while it is pending.
|
|
60777
|
+
* - `block-text`: The box the block menu button's words sit in.
|
|
60778
|
+
* - `bold`: The Bold button. Pressed while the selection is bold.
|
|
60779
|
+
* - `bold-button`: The Bold button's inner button.
|
|
60780
|
+
* - `bold-live`: The Bold button's live region, which speaks while the button is pending.
|
|
60781
|
+
* - `bold-pressed`: The Bold button while the selection is bold, beside `bold`.
|
|
60782
|
+
* - `bold-spinner`: The ring the Bold button turns while it is pending.
|
|
60783
|
+
* - `bold-text`: The box the Bold button's icon sits in.
|
|
60784
|
+
* - `bullet-list`: The Bulleted list button. Pressed while the selection is in a bulleted list.
|
|
60785
|
+
* - `bullet-list-button`: The Bulleted list button's inner button.
|
|
60786
|
+
* - `bullet-list-live`: The Bulleted list button's live region, which speaks while the button is pending.
|
|
60787
|
+
* - `bullet-list-pressed`: The Bulleted list button while the selection is in a bulleted list, beside `bullet-list`.
|
|
60788
|
+
* - `bullet-list-spinner`: The ring the Bulleted list button turns while it is pending.
|
|
60789
|
+
* - `bullet-list-text`: The box the Bulleted list button's icon sits in.
|
|
60790
|
+
* - `code`: The Code button. Pressed while the selection is code.
|
|
60791
|
+
* - `code-button`: The Code button's inner button.
|
|
60792
|
+
* - `code-live`: The Code button's live region, which speaks while the button is pending.
|
|
60793
|
+
* - `code-pressed`: The Code button while the selection is code, beside `code`.
|
|
60794
|
+
* - `code-spinner`: The ring the Code button turns while it is pending.
|
|
60795
|
+
* - `code-text`: The box the Code button's icon sits in.
|
|
60796
|
+
* - `controls`: The toolbar: the tools, then your actions, one tab stop that the arrows move along.
|
|
60797
|
+
* - `controls-toolbar`: The box inside the toolbar that lays its buttons out.
|
|
60798
|
+
* - `divider`: The line between two groups of tools.
|
|
60799
|
+
* - `divider-content`: The content set into a divider, which the editor sets none into.
|
|
60800
|
+
* - `divider-line`: The line itself.
|
|
60801
|
+
* - `find`: The find bar under the toolbar, where the reader searches the document: a Find of its own.
|
|
60802
|
+
* - `find-actions`: The find bar's `actions` slot, which the editor fills with nothing.
|
|
60803
|
+
* - `find-bar`: The find bar's strip: the field, the count, the toolbar, and the replace row while it shows.
|
|
60804
|
+
* - `find-close`: The button that closes the find bar.
|
|
60805
|
+
* - `find-close-button`: The find bar's close button's inner button.
|
|
60806
|
+
* - `find-close-live`: The find bar's close button's live region, which speaks while the button is pending.
|
|
60807
|
+
* - `find-close-spinner`: The ring the find bar's close button turns while it is pending.
|
|
60808
|
+
* - `find-close-text`: The box the find bar's close button's icon sits in.
|
|
60809
|
+
* - `find-controls`: The find bar's toolbar of options and moves.
|
|
60810
|
+
* - `find-controls-toolbar`: The box inside the find bar's toolbar that lays its buttons out.
|
|
60811
|
+
* - `find-count`: Which match is selected, of how many.
|
|
60812
|
+
* - `find-field`: The field the search is typed in.
|
|
60813
|
+
* - `find-live`: The find bar's live region, which says the count as it changes.
|
|
60814
|
+
* - `find-match-case`: The option that finds only the same case. Pressed while it applies.
|
|
60815
|
+
* - `find-match-case-button`: The match case button's inner button.
|
|
60816
|
+
* - `find-match-case-live`: The match case button's live region, which speaks while the button is pending.
|
|
60817
|
+
* - `find-match-case-pressed`: The match case option while it applies, beside `find-match-case`.
|
|
60818
|
+
* - `find-match-case-spinner`: The ring the match case button turns while it is pending.
|
|
60819
|
+
* - `find-match-case-text`: The box the match case button's icon sits in.
|
|
60820
|
+
* - `find-next`: The button that selects the next match.
|
|
60821
|
+
* - `find-next-button`: The next match button's inner button.
|
|
60822
|
+
* - `find-next-live`: The next match button's live region, which speaks while the button is pending.
|
|
60823
|
+
* - `find-next-spinner`: The ring the next match button turns while it is pending.
|
|
60824
|
+
* - `find-next-text`: The box the next match button's icon sits in.
|
|
60825
|
+
* - `find-previous`: The button that selects the previous match.
|
|
60826
|
+
* - `find-previous-button`: The previous match button's inner button.
|
|
60827
|
+
* - `find-previous-live`: The previous match button's live region, which speaks while the button is pending.
|
|
60828
|
+
* - `find-previous-spinner`: The ring the previous match button turns while it is pending.
|
|
60829
|
+
* - `find-previous-text`: The box the previous match button's icon sits in.
|
|
60830
|
+
* - `find-regex`: The option that reads the search as a regular expression. Pressed while it applies.
|
|
60831
|
+
* - `find-regex-button`: The regular expression button's inner button.
|
|
60832
|
+
* - `find-regex-live`: The regular expression button's live region, which speaks while the button is pending.
|
|
60833
|
+
* - `find-regex-pressed`: The regular expression option while it applies, beside `find-regex`.
|
|
60834
|
+
* - `find-regex-spinner`: The ring the regular expression button turns while it is pending.
|
|
60835
|
+
* - `find-regex-text`: The box the regular expression button's icon sits in.
|
|
60836
|
+
* - `find-replace`: The button that replaces the selected match.
|
|
60837
|
+
* - `find-replace-all`: The button that replaces every match.
|
|
60838
|
+
* - `find-replace-all-button`: The Replace all button's inner button.
|
|
60839
|
+
* - `find-replace-all-live`: The Replace all button's live region, which speaks while the button is pending.
|
|
60840
|
+
* - `find-replace-all-spinner`: The ring the Replace all button turns while it is pending.
|
|
60841
|
+
* - `find-replace-all-text`: The box the Replace all button's words sits in.
|
|
60842
|
+
* - `find-replace-button`: The Replace button's inner button.
|
|
60843
|
+
* - `find-replace-field`: The field the replacement is typed in.
|
|
60844
|
+
* - `find-replace-live`: The Replace button's live region, which speaks while the button is pending.
|
|
60845
|
+
* - `find-replace-spinner`: The ring the Replace button turns while it is pending.
|
|
60846
|
+
* - `find-replace-text`: The box the Replace button's words sits in.
|
|
60847
|
+
* - `find-replace-toggle`: The button that shows the replace field under the find field. Expanded while it shows. Not drawn while `readonly`.
|
|
60848
|
+
* - `find-replace-toggle-button`: The find and replace button's inner button.
|
|
60849
|
+
* - `find-replace-toggle-live`: The find and replace button's live region, which speaks while the button is pending.
|
|
60850
|
+
* - `find-replace-toggle-spinner`: The ring the find and replace button turns while it is pending.
|
|
60851
|
+
* - `find-replace-toggle-text`: The box the find and replace button's icon sits in.
|
|
60852
|
+
* - `find-toggle`: The Find button in the toolbar, drawn where `tools` names `find`, which opens and closes the find bar. Expanded while it is open.
|
|
60853
|
+
* - `find-toggle-button`: The Find button's inner button.
|
|
60854
|
+
* - `find-toggle-live`: The Find button's live region, which speaks while the button is pending.
|
|
60855
|
+
* - `find-toggle-spinner`: The ring the Find button turns while it is pending.
|
|
60856
|
+
* - `find-toggle-text`: The box the Find button's icon sits in.
|
|
60857
|
+
* - `find-whole-word`: The option that finds only whole words. Pressed while it applies.
|
|
60858
|
+
* - `find-whole-word-button`: The whole word button's inner button.
|
|
60859
|
+
* - `find-whole-word-live`: The whole word button's live region, which speaks while the button is pending.
|
|
60860
|
+
* - `find-whole-word-pressed`: The whole word option while it applies, beside `find-whole-word`.
|
|
60861
|
+
* - `find-whole-word-spinner`: The ring the whole word button turns while it is pending.
|
|
60862
|
+
* - `find-whole-word-text`: The box the whole word button's icon sits in.
|
|
60863
|
+
* - `footer`: The `footer` slot, under the document.
|
|
60864
|
+
* - `header`: The strip above the document that holds the toolbar, and the address bar under it while it is open.
|
|
60865
|
+
* - `italic`: The Italic button. Pressed while the selection is italic.
|
|
60866
|
+
* - `italic-button`: The Italic button's inner button.
|
|
60867
|
+
* - `italic-live`: The Italic button's live region, which speaks while the button is pending.
|
|
60868
|
+
* - `italic-pressed`: The Italic button while the selection is italic, beside `italic`.
|
|
60869
|
+
* - `italic-spinner`: The ring the Italic button turns while it is pending.
|
|
60870
|
+
* - `italic-text`: The box the Italic button's icon sits in.
|
|
60871
|
+
* - `link`: The Link button, which opens the address bar. Pressed while the selection is in a link, and expanded while the bar is open.
|
|
60872
|
+
* - `link-apply`: The button that applies the address.
|
|
60873
|
+
* - `link-apply-button`: The Apply button's inner button.
|
|
60874
|
+
* - `link-apply-live`: The Apply button's live region, which speaks while the button is pending.
|
|
60875
|
+
* - `link-apply-spinner`: The ring the Apply button turns while it is pending.
|
|
60876
|
+
* - `link-apply-text`: The box the Apply button's icon sits in.
|
|
60877
|
+
* - `link-bar`: The bar under the toolbar where the reader writes a link's address.
|
|
60878
|
+
* - `link-button`: The Link button's inner button.
|
|
60879
|
+
* - `link-close`: The button that closes the address bar.
|
|
60880
|
+
* - `link-close-button`: The close button's inner button.
|
|
60881
|
+
* - `link-close-live`: The close button's live region, which speaks while the button is pending.
|
|
60882
|
+
* - `link-close-spinner`: The ring the close button turns while it is pending.
|
|
60883
|
+
* - `link-close-text`: The box the close button's icon sits in.
|
|
60884
|
+
* - `link-controls`: The toolbar at the end of the address bar: Apply, Remove, and Close.
|
|
60885
|
+
* - `link-controls-toolbar`: The box inside the address bar's toolbar that lays its buttons out.
|
|
60886
|
+
* - `link-field`: The field the address is written in.
|
|
60887
|
+
* - `link-live`: The Link button's live region, which speaks while the button is pending.
|
|
60888
|
+
* - `link-pressed`: The Link button while the selection is in a link, beside `link`.
|
|
60889
|
+
* - `link-remove`: The button that takes the link off. Disabled where the selection is in no link.
|
|
60890
|
+
* - `link-remove-button`: The Remove button's inner button.
|
|
60891
|
+
* - `link-remove-live`: The Remove button's live region, which speaks while the button is pending.
|
|
60892
|
+
* - `link-remove-spinner`: The ring the Remove button turns while it is pending.
|
|
60893
|
+
* - `link-remove-text`: The box the Remove button's icon sits in.
|
|
60894
|
+
* - `link-spinner`: The ring the Link button turns while it is pending.
|
|
60895
|
+
* - `link-text`: The box the Link button's icon sits in.
|
|
60896
|
+
* - `ordered-list`: The Numbered list button. Pressed while the selection is in a numbered list.
|
|
60897
|
+
* - `ordered-list-button`: The Numbered list button's inner button.
|
|
60898
|
+
* - `ordered-list-live`: The Numbered list button's live region, which speaks while the button is pending.
|
|
60899
|
+
* - `ordered-list-pressed`: The Numbered list button while the selection is in a numbered list, beside `ordered-list`.
|
|
60900
|
+
* - `ordered-list-spinner`: The ring the Numbered list button turns while it is pending.
|
|
60901
|
+
* - `ordered-list-text`: The box the Numbered list button's icon sits in.
|
|
60902
|
+
* - `quote`: The Quote button. Pressed while the selection is in a quote.
|
|
60903
|
+
* - `quote-button`: The Quote button's inner button.
|
|
60904
|
+
* - `quote-live`: The Quote button's live region, which speaks while the button is pending.
|
|
60905
|
+
* - `quote-pressed`: The Quote button while the selection is in a quote, beside `quote`.
|
|
60906
|
+
* - `quote-spinner`: The ring the Quote button turns while it is pending.
|
|
60907
|
+
* - `quote-text`: The box the Quote button's icon sits in.
|
|
60908
|
+
* - `redo`: The Redo button. Disabled while there is nothing to redo.
|
|
60909
|
+
* - `redo-button`: The Redo button's inner button.
|
|
60910
|
+
* - `redo-live`: The Redo button's live region, which speaks while the button is pending.
|
|
60911
|
+
* - `redo-spinner`: The ring the Redo button turns while it is pending.
|
|
60912
|
+
* - `redo-text`: The box the Redo button's icon sits in.
|
|
60913
|
+
* - `region`: The frame around the toolbar, the address bar, and the document.
|
|
60914
|
+
* - `strike`: The Strikethrough button. Pressed while the selection is struck through.
|
|
60915
|
+
* - `strike-button`: The Strikethrough button's inner button.
|
|
60916
|
+
* - `strike-live`: The Strikethrough button's live region, which speaks while the button is pending.
|
|
60917
|
+
* - `strike-pressed`: The Strikethrough button while the selection is struck through, beside `strike`.
|
|
60918
|
+
* - `strike-spinner`: The ring the Strikethrough button turns while it is pending.
|
|
60919
|
+
* - `strike-text`: The box the Strikethrough button's icon sits in.
|
|
60920
|
+
* - `tools`: A group of several tools, which a narrow toolbar wraps as one: Undo and Redo, the marks, or the lists and the quote.
|
|
60921
|
+
* - `undo`: The Undo button. Disabled while there is nothing to undo.
|
|
60922
|
+
* - `undo-button`: The Undo button's inner button.
|
|
60923
|
+
* - `undo-live`: The Undo button's live region, which speaks while the button is pending.
|
|
60924
|
+
* - `undo-spinner`: The ring the Undo button turns while it is pending.
|
|
60925
|
+
* - `undo-text`: The box the Undo button's icon sits in.
|
|
60926
|
+
* - `viewport`: The box the document is drawn in.
|
|
60927
|
+
*
|
|
60928
|
+
* ## CSS States
|
|
60929
|
+
*
|
|
60930
|
+
* These can be used to apply styling when a component is in a given state.
|
|
60931
|
+
*
|
|
60932
|
+
* - `connected`: A renderer draws the document.
|
|
60933
|
+
* - `document-focused`: Focus is in the document, where the reader types.
|
|
60934
|
+
* - `find-open`: The find bar is open.
|
|
60935
|
+
* - `link-open`: The address bar is open.
|
|
60936
|
+
* - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
|
|
60937
|
+
*/
|
|
60938
|
+
"helix-editor": Partial<
|
|
60939
|
+
HelixEditorProps & BaseProps<HelixEditor, F> & BaseEvents<HelixEditor>
|
|
60940
|
+
>;
|
|
60941
|
+
|
|
60208
60942
|
/**
|
|
60209
60943
|
* Centered with space around it. An empty view is the only thing on screen, and
|
|
60210
60944
|
* pressed against the top edge it looks broken.
|
|
@@ -61062,6 +61796,9 @@ export type CustomElements<F extends Framework = "other"> = {
|
|
|
61062
61796
|
*
|
|
61063
61797
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
61064
61798
|
*
|
|
61799
|
+
* - `dictation-denied-label`/`dictationDeniedLabel`: What a screen reader hears when the browser or the reader refuses the microphone.
|
|
61800
|
+
* - `dictation-failed-label`/`dictationFailedLabel`: What a screen reader hears when listening ends with an error that has no label of its own.
|
|
61801
|
+
* - `dictation-unreachable-label`/`dictationUnreachableLabel`: What a screen reader hears when the recognizer cannot reach its speech service.
|
|
61065
61802
|
* - `listening-label`/`listeningLabel`: What a screen reader hears as listening starts.
|
|
61066
61803
|
* - `stopped-listening-label`/`stoppedListeningLabel`: What a screen reader hears as listening stops.
|
|
61067
61804
|
* - `voice`: Draws a button that listens for dictation and types what it hears at
|
|
@@ -63435,6 +64172,9 @@ export type CustomElements<F extends Framework = "other"> = {
|
|
|
63435
64172
|
*
|
|
63436
64173
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
63437
64174
|
*
|
|
64175
|
+
* - `dictation-denied-label`/`dictationDeniedLabel`: What a screen reader hears when the browser or the reader refuses the microphone.
|
|
64176
|
+
* - `dictation-failed-label`/`dictationFailedLabel`: What a screen reader hears when listening ends with an error that has no label of its own.
|
|
64177
|
+
* - `dictation-unreachable-label`/`dictationUnreachableLabel`: What a screen reader hears when the recognizer cannot reach its speech service.
|
|
63438
64178
|
* - `listening-label`/`listeningLabel`: What a screen reader hears as listening starts.
|
|
63439
64179
|
* - `stopped-listening-label`/`stoppedListeningLabel`: What a screen reader hears as listening stops.
|
|
63440
64180
|
* - `voice`: Draws a button that listens for dictation and types what it hears at
|
|
@@ -65090,6 +65830,9 @@ export type CustomElements<F extends Framework = "other"> = {
|
|
|
65090
65830
|
*
|
|
65091
65831
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
65092
65832
|
*
|
|
65833
|
+
* - `dictation-denied-label`/`dictationDeniedLabel`: What a screen reader hears when the browser or the reader refuses the microphone.
|
|
65834
|
+
* - `dictation-failed-label`/`dictationFailedLabel`: What a screen reader hears when listening ends with an error that has no label of its own.
|
|
65835
|
+
* - `dictation-unreachable-label`/`dictationUnreachableLabel`: What a screen reader hears when the recognizer cannot reach its speech service.
|
|
65093
65836
|
* - `listening-label`/`listeningLabel`: What a screen reader hears as listening starts.
|
|
65094
65837
|
* - `stopped-listening-label`/`stoppedListeningLabel`: What a screen reader hears as listening stops.
|
|
65095
65838
|
* - `voice`: Draws a button that listens for dictation and types what it hears at
|
|
@@ -72504,13 +73247,14 @@ export type CustomElements<F extends Framework = "other"> = {
|
|
|
72504
73247
|
* where the browser refused to open one.
|
|
72505
73248
|
*
|
|
72506
73249
|
* **The tab runs the example as this preview does**: in a frame that fills
|
|
72507
|
-
* it, with this frame's `sandbox`, loading `src` or the built-in
|
|
72508
|
-
* and sent the example once it loads. The example stays on an
|
|
72509
|
-
* and the tab's `opener` is cleared, so it cannot reach this
|
|
72510
|
-
* shows the example as it was when it opened, and edits after
|
|
72511
|
-
* reach it. A short inline script in the tab sends the example,
|
|
72512
|
-
* whose Content Security Policy refuses inline scripts the tab
|
|
72513
|
-
* as the built-in document does there.
|
|
73250
|
+
* it, with this frame's `sandbox` and `allow`, loading `src` or the built-in
|
|
73251
|
+
* document, and sent the example once it loads. The example stays on an
|
|
73252
|
+
* opaque origin, and the tab's `opener` is cleared, so it cannot reach this
|
|
73253
|
+
* page. The tab shows the example as it was when it opened, and edits after
|
|
73254
|
+
* that do not reach it. A short inline script in the tab sends the example,
|
|
73255
|
+
* so on a page whose Content Security Policy refuses inline scripts the tab
|
|
73256
|
+
* opens empty, as the built-in document does there. Dictation in the tab
|
|
73257
|
+
* listens through the tab's own recognizer, asked from this page.
|
|
72514
73258
|
* - `reload() => void`: Loads the frame's document again, and re-sends the example to it.
|
|
72515
73259
|
*
|
|
72516
73260
|
* For a bundle that has changed underneath a page nobody reloaded. The frame
|
|
@@ -79832,6 +80576,9 @@ export type CustomElements<F extends Framework = "other"> = {
|
|
|
79832
80576
|
*
|
|
79833
80577
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
79834
80578
|
*
|
|
80579
|
+
* - `dictation-denied-label`/`dictationDeniedLabel`: What a screen reader hears when the browser or the reader refuses the microphone.
|
|
80580
|
+
* - `dictation-failed-label`/`dictationFailedLabel`: What a screen reader hears when listening ends with an error that has no label of its own.
|
|
80581
|
+
* - `dictation-unreachable-label`/`dictationUnreachableLabel`: What a screen reader hears when the recognizer cannot reach its speech service.
|
|
79835
80582
|
* - `listening-label`/`listeningLabel`: What a screen reader hears as listening starts.
|
|
79836
80583
|
* - `stopped-listening-label`/`stoppedListeningLabel`: What a screen reader hears as listening stops.
|
|
79837
80584
|
* - `voice`: Draws a button that listens for dictation and types what it hears at
|
|
@@ -88478,6 +89225,9 @@ export type CustomElementsSolidJs = {
|
|
|
88478
89225
|
*
|
|
88479
89226
|
* The steady edge is the focus indicator, so the ring is not drawn as well.
|
|
88480
89227
|
* Its color is `--chat-composer-glow-color`, the primary color unless set.
|
|
89228
|
+
* - `dictation-denied-label`/`dictationDeniedLabel`: What a screen reader hears when the browser or the reader refuses the microphone.
|
|
89229
|
+
* - `dictation-failed-label`/`dictationFailedLabel`: What a screen reader hears when listening ends with an error that has no label of its own.
|
|
89230
|
+
* - `dictation-unreachable-label`/`dictationUnreachableLabel`: What a screen reader hears when the recognizer cannot reach its speech service.
|
|
88481
89231
|
* - `listening-label`/`listeningLabel`: What a screen reader hears as listening starts.
|
|
88482
89232
|
* - `stopped-listening-label`/`stoppedListeningLabel`: What a screen reader hears as listening stops.
|
|
88483
89233
|
* - `voice`: Draws a button that listens for dictation and types what it hears at
|
|
@@ -89931,7 +90681,7 @@ export type CustomElementsSolidJs = {
|
|
|
89931
90681
|
* header, a find bar and a status line each a strip on the raised surface,
|
|
89932
90682
|
* one frame around them. It is 24rem tall unless `fill` is set or
|
|
89933
90683
|
* `--code-editor-block-size` says otherwise. An engine draws inside it:
|
|
89934
|
-
* `@fusion.dev/helix-editor` themes CodeMirror's gutter, caret, selection and
|
|
90684
|
+
* `@fusion.dev/helix-code-editor` themes CodeMirror's gutter, caret, selection and
|
|
89935
90685
|
* syntax from your tokens, and draws a problem's line number in its tone.
|
|
89936
90686
|
*
|
|
89937
90687
|
* Set `fill` for an editor that fills a pane, such as one side of a split
|
|
@@ -90037,7 +90787,7 @@ export type CustomElementsSolidJs = {
|
|
|
90037
90787
|
* Here rather than on each control.
|
|
90038
90788
|
* - `diagnostics`: The problems in the text, each underlined and listed under the editor. (property only)
|
|
90039
90789
|
* - `engine`: What draws the editor, such as `codeMirrorEngine()` from
|
|
90040
|
-
* `@fusion.dev/helix-editor`. Absent, the editor is a plain text field. (property only)
|
|
90790
|
+
* `@fusion.dev/helix-code-editor`. Absent, the editor is a plain text field. (property only)
|
|
90041
90791
|
* - `validity`: Whether the control meets its constraints, and why not. (property only) (readonly)
|
|
90042
90792
|
* - `validationMessage`: The message the browser would show for the control, or an empty string. (property only) (readonly)
|
|
90043
90793
|
* - `willValidate`: Whether the control is checked when its form is submitted. (property only) (readonly)
|
|
@@ -90275,6 +91025,9 @@ export type CustomElementsSolidJs = {
|
|
|
90275
91025
|
* - `language`: The grammar to highlight, such as `json`, `css`, `ts`, `html` or `sh`. Empty is plain text.
|
|
90276
91026
|
* - `wrap`: How the browser wraps the text, and whether the breaks are submitted with
|
|
90277
91027
|
* it.
|
|
91028
|
+
* - `dictation-denied-label`/`dictationDeniedLabel`: What a screen reader hears when the browser or the reader refuses the microphone.
|
|
91029
|
+
* - `dictation-failed-label`/`dictationFailedLabel`: What a screen reader hears when listening ends with an error that has no label of its own.
|
|
91030
|
+
* - `dictation-unreachable-label`/`dictationUnreachableLabel`: What a screen reader hears when the recognizer cannot reach its speech service.
|
|
90278
91031
|
* - `listening-label`/`listeningLabel`: What a screen reader hears as listening starts.
|
|
90279
91032
|
* - `stopped-listening-label`/`stoppedListeningLabel`: What a screen reader hears as listening stops.
|
|
90280
91033
|
* - `voice`: Draws a button that listens for dictation and types what it hears at
|
|
@@ -95297,6 +96050,334 @@ export type CustomElementsSolidJs = {
|
|
|
95297
96050
|
BaseEvents<HelixDrilldown>
|
|
95298
96051
|
>;
|
|
95299
96052
|
|
|
96053
|
+
/**
|
|
96054
|
+
* Drawn as Code Editor is: the document on the page's ground, and the toolbar
|
|
96055
|
+
* a strip on the raised surface, one frame around them. The strip stays at the
|
|
96056
|
+
* top of the page while a long document scrolls under it, and the frame grows
|
|
96057
|
+
* with the document from `--editor-min-block-size`. Set `fill` for an editor
|
|
96058
|
+
* that fills a pane, where the document scrolls inside the frame.
|
|
96059
|
+
*
|
|
96060
|
+
* The document's headings, lists, quotes, code, and tables are drawn by the
|
|
96061
|
+
* base layer's `data-prose` rules, so it reads as your docs and chat replies
|
|
96062
|
+
* do. Write `data-prose` on the document so the base layer draws it before a
|
|
96063
|
+
* renderer connects, and `connectEditor` writes it too. Its lines keep to a
|
|
96064
|
+
* readable length, `--editor-measure`, centered in a wide frame.
|
|
96065
|
+
*
|
|
96066
|
+
* ## Attributes & Properties
|
|
96067
|
+
*
|
|
96068
|
+
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
96069
|
+
*
|
|
96070
|
+
* - `fill`: Covers the container instead of growing with the document, for an editor
|
|
96071
|
+
* that fills a pane, such as one side of a split view. The document scrolls
|
|
96072
|
+
* inside the frame. The container needs a position, such as
|
|
96073
|
+
* `position: relative`.
|
|
96074
|
+
* - `separation`: How the frame stands off the page. Unset, it is outlined. `plain` draws
|
|
96075
|
+
* no edge or corners, for a document that fills a page or a pane of its own.
|
|
96076
|
+
* - `block-chosen-label`/`blockChosenLabel`: The block menu button's name. `{name}` is the block type at the selection.
|
|
96077
|
+
* - `block-label`/`blockLabel`: The block menu's name, read by screen readers.
|
|
96078
|
+
* - `bold-label`/`boldLabel`: The Bold button's label.
|
|
96079
|
+
* - `bullet-list-label`/`bulletListLabel`: The Bulleted list button's label.
|
|
96080
|
+
* - `code-block-label`/`codeBlockLabel`: The Code block row's label in the block menu.
|
|
96081
|
+
* - `code-label`/`codeLabel`: The Code button's label.
|
|
96082
|
+
* - `controls-label`/`controlsLabel`: The toolbar's name, read by screen readers.
|
|
96083
|
+
* - `fallback-label`/`fallbackLabel`: The document's name where `label` is empty and the host has no `aria-label`.
|
|
96084
|
+
* - `find-label`/`findLabel`: The Find button's label, and the find bar's name.
|
|
96085
|
+
* - `heading-label`/`headingLabel`: A heading's name in the block menu. `{level}` is its level, 1 to 3.
|
|
96086
|
+
* - `italic-label`/`italicLabel`: The Italic button's label.
|
|
96087
|
+
* - `label`: The document's name, read by screen readers. Name what it holds, such as
|
|
96088
|
+
* "Release notes", so that several editors on one page can be told apart.
|
|
96089
|
+
* Required.
|
|
96090
|
+
* - `link-apply-label`/`linkApplyLabel`: The Apply button's label in the address bar.
|
|
96091
|
+
* - `link-close-label`/`linkCloseLabel`: The close button's label in the address bar.
|
|
96092
|
+
* - `link-controls-label`/`linkControlsLabel`: The name of the address bar's toolbar, read by screen readers.
|
|
96093
|
+
* - `link-field-label`/`linkFieldLabel`: The address field's name, which it also shows while it is empty.
|
|
96094
|
+
* - `link-label`/`linkLabel`: The Link button's label, and the address bar's name.
|
|
96095
|
+
* - `link-remove-label`/`linkRemoveLabel`: The Remove button's label in the address bar.
|
|
96096
|
+
* - `ordered-list-label`/`orderedListLabel`: The Numbered list button's label.
|
|
96097
|
+
* - `paragraph-label`/`paragraphLabel`: The Paragraph row's label in the block menu.
|
|
96098
|
+
* - `placeholder`: The words shown in an empty document, such as "Write the release notes".
|
|
96099
|
+
* - `quote-label`/`quoteLabel`: The Quote button's label.
|
|
96100
|
+
* - `readonly`/`readOnly`: Shows the document and takes no edits, with no toolbar, for a document
|
|
96101
|
+
* someone reads, or one an agent is writing. The attribute is `readonly`,
|
|
96102
|
+
* the platform's spelling.
|
|
96103
|
+
* - `redo-label`/`redoLabel`: The Redo button's label.
|
|
96104
|
+
* - `strike-label`/`strikeLabel`: The Strikethrough button's label.
|
|
96105
|
+
* - `tools`: Which groups of tools the toolbar draws, as a list of `history`, `block`,
|
|
96106
|
+
* `marks`, `link`, `lists`, and `quote`, or `none`. They are drawn in that
|
|
96107
|
+
* order, whatever order the list is in. Absent is all six.
|
|
96108
|
+
* - `undo-label`/`undoLabel`: The Undo button's label.
|
|
96109
|
+
* - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
|
|
96110
|
+
*
|
|
96111
|
+
* **Named `whenSettled` because `settled` is taken four times over**, by
|
|
96112
|
+
* Image, Splitter and both color controls, none of them about transitions. A
|
|
96113
|
+
* base class takes the name every subclass then cannot use.
|
|
96114
|
+
*
|
|
96115
|
+
* **The state it reports cannot be watched, which is why this exists.** A
|
|
96116
|
+
* custom state is deliberately not in the DOM, so there is no
|
|
96117
|
+
* `MutationObserver` equivalent for `ElementInternals.states`. Await this
|
|
96118
|
+
* instead.
|
|
96119
|
+
*
|
|
96120
|
+
* Separate from `updateComplete`, which resolves in the microtask checkpoint
|
|
96121
|
+
* the suppression is still active in. That is the distinction `readyToMove`
|
|
96122
|
+
* in `@fusion.dev/helix-testing` is written around.
|
|
96123
|
+
*
|
|
96124
|
+
* It never resolves where `requestAnimationFrame` never fires, which is a
|
|
96125
|
+
* server, a hidden tab, and happy-dom. Callers that must not hang there race
|
|
96126
|
+
* it against a timeout, as the happy-dom harness's `readyToMove` does. The
|
|
96127
|
+
* browser harness's awaits it alone: a browser always runs the frame, and a
|
|
96128
|
+
* timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
|
|
96129
|
+
*
|
|
96130
|
+
* ## Events
|
|
96131
|
+
*
|
|
96132
|
+
* Events that will be emitted by the component.
|
|
96133
|
+
*
|
|
96134
|
+
* - `helix-found`: The find bar searched or moved among the matches, with `count` and the selected match's `index`, counting from 0, or -1 for none.
|
|
96135
|
+
*
|
|
96136
|
+
* ## Slots
|
|
96137
|
+
*
|
|
96138
|
+
* Areas where markup can be added to the component.
|
|
96139
|
+
*
|
|
96140
|
+
* - `(default)`: The element your renderer draws the document in.
|
|
96141
|
+
* - `actions`: Controls of your own at the end of the toolbar, such as Share or Comment.
|
|
96142
|
+
* - `bold-icon`: Replaces the glyph inside the Bold button.
|
|
96143
|
+
* - `bullet-list-icon`: Replaces the glyph inside the Bulleted list button.
|
|
96144
|
+
* - `code-icon`: Replaces the glyph inside the Code button.
|
|
96145
|
+
* - `find-icon`: Replaces the glyph inside the Find button.
|
|
96146
|
+
* - `footer`: Content under the document, such as a word count or whether it is saved.
|
|
96147
|
+
* - `italic-icon`: Replaces the glyph inside the Italic button.
|
|
96148
|
+
* - `link-icon`: Replaces the glyph inside the Link button.
|
|
96149
|
+
* - `ordered-list-icon`: Replaces the glyph inside the Numbered list button.
|
|
96150
|
+
* - `quote-icon`: Replaces the glyph inside the Quote button.
|
|
96151
|
+
* - `redo-icon`: Replaces the glyph inside the Redo button.
|
|
96152
|
+
* - `strike-icon`: Replaces the glyph inside the Strikethrough button.
|
|
96153
|
+
* - `undo-icon`: Replaces the glyph inside the Undo button.
|
|
96154
|
+
*
|
|
96155
|
+
* ## Methods
|
|
96156
|
+
*
|
|
96157
|
+
* Methods that can be called to access component functionality.
|
|
96158
|
+
*
|
|
96159
|
+
* - `attach(renderer: EditorRenderer) => EditorSink`: Hands the frame what draws the document. The frame sends it the settings
|
|
96160
|
+
* now and as they change, asks it to run the tools the reader presses, and
|
|
96161
|
+
* draws the toolbar from what it reports through the sink it gets back.
|
|
96162
|
+
* Attaching another renderer detaches this one.
|
|
96163
|
+
* - `run(tool: EditorTool, value?: string) => boolean`: Runs a tool at the selection, as its button does, and says whether it
|
|
96164
|
+
* ran: a block type, a mark, a list, a quote, a step through history, or a
|
|
96165
|
+
* link to `value`, where an empty `value` takes the link off. Nothing runs
|
|
96166
|
+
* while no renderer is attached, or while `readonly`.
|
|
96167
|
+
* - `focus(options?: FocusOptions) => void`: Puts focus in the document, with the selection where it was.
|
|
96168
|
+
* - `openLink() => void`: Opens the address bar with the address of the link at the selection, and puts focus in its field.
|
|
96169
|
+
*
|
|
96170
|
+
* ## CSS Custom Properties
|
|
96171
|
+
*
|
|
96172
|
+
* CSS variables available for styling the component.
|
|
96173
|
+
*
|
|
96174
|
+
* - `--editor-background-color`: The ground the document is drawn on. Defaults to the page's background.
|
|
96175
|
+
* - `--editor-border-color`: The frame's edge and the line under the toolbar.
|
|
96176
|
+
* - `--editor-header-background-color`: The fill of the toolbar's strip.
|
|
96177
|
+
* - `--editor-header-offset`: How far below the top of the page the toolbar stays while the document scrolls, such as the height of your own fixed header. `0` unless set.
|
|
96178
|
+
* - `--editor-measure`: The longest a line of the document runs, as a length: `72ch` unless set.
|
|
96179
|
+
* - `--editor-min-block-size`: The frame's least height, which it grows from with the document: `12rem` unless set. Ignored with `fill`.
|
|
96180
|
+
* - `--editor-padding`: The space around the document, inside the frame.
|
|
96181
|
+
* - `--editor-radius`: The frame's corner radius.
|
|
96182
|
+
*
|
|
96183
|
+
* ## CSS Parts
|
|
96184
|
+
*
|
|
96185
|
+
* Custom selectors for styling elements within the component.
|
|
96186
|
+
*
|
|
96187
|
+
* - `actions`: The `actions` slot, last in the toolbar.
|
|
96188
|
+
* - `block`: The button that opens the block menu, which names the block type at the selection.
|
|
96189
|
+
* - `block-button`: The block menu button's inner button.
|
|
96190
|
+
* - `block-live`: The block menu button's live region, which speaks while the button is pending.
|
|
96191
|
+
* - `block-menu`: The menu of block types.
|
|
96192
|
+
* - `block-menu-back`: The control that returns from a submenu.
|
|
96193
|
+
* - `block-menu-back-mark`: The glyph on the back control of a submenu.
|
|
96194
|
+
* - `block-menu-empty`: The text shown when the menu has no items.
|
|
96195
|
+
* - `block-menu-header`: The bar above a submenu, holding the way back and its name.
|
|
96196
|
+
* - `block-menu-live`: The block menu's live region, which repeats the empty and loading text for screen readers.
|
|
96197
|
+
* - `block-menu-loading`: The text shown while the items are loading.
|
|
96198
|
+
* - `block-menu-search-field`: The block menu's filter field, drawn with `filterable`.
|
|
96199
|
+
* - `block-menu-surface`: The floating panel the block menu is drawn on.
|
|
96200
|
+
* - `block-menu-title`: The name of the submenu that is showing.
|
|
96201
|
+
* - `block-name`: The name of the block type at the selection, in the block menu's button.
|
|
96202
|
+
* - `block-option`: One block type in the block menu, checked while the selection is in one.
|
|
96203
|
+
* - `block-option-end`: A block type's trailing column, which holds its shortcut.
|
|
96204
|
+
* - `block-option-item`: A block type's row.
|
|
96205
|
+
* - `block-option-mark`: The check beside the block type the selection is in.
|
|
96206
|
+
* - `block-option-shortcut`: A block type's key.
|
|
96207
|
+
* - `block-option-shortcut-kbd`: The key inside it.
|
|
96208
|
+
* - `block-option-shortcut-key`: One key of a block type's chord.
|
|
96209
|
+
* - `block-option-shortcut-separator`: The `+` between two keys of a block type's chord.
|
|
96210
|
+
* - `block-option-start`: A block type's leading column.
|
|
96211
|
+
* - `block-option-surface`: A block type's submenu panel, which a block type does not open.
|
|
96212
|
+
* - `block-spinner`: The ring the block menu button turns while it is pending.
|
|
96213
|
+
* - `block-text`: The box the block menu button's words sit in.
|
|
96214
|
+
* - `bold`: The Bold button. Pressed while the selection is bold.
|
|
96215
|
+
* - `bold-button`: The Bold button's inner button.
|
|
96216
|
+
* - `bold-live`: The Bold button's live region, which speaks while the button is pending.
|
|
96217
|
+
* - `bold-pressed`: The Bold button while the selection is bold, beside `bold`.
|
|
96218
|
+
* - `bold-spinner`: The ring the Bold button turns while it is pending.
|
|
96219
|
+
* - `bold-text`: The box the Bold button's icon sits in.
|
|
96220
|
+
* - `bullet-list`: The Bulleted list button. Pressed while the selection is in a bulleted list.
|
|
96221
|
+
* - `bullet-list-button`: The Bulleted list button's inner button.
|
|
96222
|
+
* - `bullet-list-live`: The Bulleted list button's live region, which speaks while the button is pending.
|
|
96223
|
+
* - `bullet-list-pressed`: The Bulleted list button while the selection is in a bulleted list, beside `bullet-list`.
|
|
96224
|
+
* - `bullet-list-spinner`: The ring the Bulleted list button turns while it is pending.
|
|
96225
|
+
* - `bullet-list-text`: The box the Bulleted list button's icon sits in.
|
|
96226
|
+
* - `code`: The Code button. Pressed while the selection is code.
|
|
96227
|
+
* - `code-button`: The Code button's inner button.
|
|
96228
|
+
* - `code-live`: The Code button's live region, which speaks while the button is pending.
|
|
96229
|
+
* - `code-pressed`: The Code button while the selection is code, beside `code`.
|
|
96230
|
+
* - `code-spinner`: The ring the Code button turns while it is pending.
|
|
96231
|
+
* - `code-text`: The box the Code button's icon sits in.
|
|
96232
|
+
* - `controls`: The toolbar: the tools, then your actions, one tab stop that the arrows move along.
|
|
96233
|
+
* - `controls-toolbar`: The box inside the toolbar that lays its buttons out.
|
|
96234
|
+
* - `divider`: The line between two groups of tools.
|
|
96235
|
+
* - `divider-content`: The content set into a divider, which the editor sets none into.
|
|
96236
|
+
* - `divider-line`: The line itself.
|
|
96237
|
+
* - `find`: The find bar under the toolbar, where the reader searches the document: a Find of its own.
|
|
96238
|
+
* - `find-actions`: The find bar's `actions` slot, which the editor fills with nothing.
|
|
96239
|
+
* - `find-bar`: The find bar's strip: the field, the count, the toolbar, and the replace row while it shows.
|
|
96240
|
+
* - `find-close`: The button that closes the find bar.
|
|
96241
|
+
* - `find-close-button`: The find bar's close button's inner button.
|
|
96242
|
+
* - `find-close-live`: The find bar's close button's live region, which speaks while the button is pending.
|
|
96243
|
+
* - `find-close-spinner`: The ring the find bar's close button turns while it is pending.
|
|
96244
|
+
* - `find-close-text`: The box the find bar's close button's icon sits in.
|
|
96245
|
+
* - `find-controls`: The find bar's toolbar of options and moves.
|
|
96246
|
+
* - `find-controls-toolbar`: The box inside the find bar's toolbar that lays its buttons out.
|
|
96247
|
+
* - `find-count`: Which match is selected, of how many.
|
|
96248
|
+
* - `find-field`: The field the search is typed in.
|
|
96249
|
+
* - `find-live`: The find bar's live region, which says the count as it changes.
|
|
96250
|
+
* - `find-match-case`: The option that finds only the same case. Pressed while it applies.
|
|
96251
|
+
* - `find-match-case-button`: The match case button's inner button.
|
|
96252
|
+
* - `find-match-case-live`: The match case button's live region, which speaks while the button is pending.
|
|
96253
|
+
* - `find-match-case-pressed`: The match case option while it applies, beside `find-match-case`.
|
|
96254
|
+
* - `find-match-case-spinner`: The ring the match case button turns while it is pending.
|
|
96255
|
+
* - `find-match-case-text`: The box the match case button's icon sits in.
|
|
96256
|
+
* - `find-next`: The button that selects the next match.
|
|
96257
|
+
* - `find-next-button`: The next match button's inner button.
|
|
96258
|
+
* - `find-next-live`: The next match button's live region, which speaks while the button is pending.
|
|
96259
|
+
* - `find-next-spinner`: The ring the next match button turns while it is pending.
|
|
96260
|
+
* - `find-next-text`: The box the next match button's icon sits in.
|
|
96261
|
+
* - `find-previous`: The button that selects the previous match.
|
|
96262
|
+
* - `find-previous-button`: The previous match button's inner button.
|
|
96263
|
+
* - `find-previous-live`: The previous match button's live region, which speaks while the button is pending.
|
|
96264
|
+
* - `find-previous-spinner`: The ring the previous match button turns while it is pending.
|
|
96265
|
+
* - `find-previous-text`: The box the previous match button's icon sits in.
|
|
96266
|
+
* - `find-regex`: The option that reads the search as a regular expression. Pressed while it applies.
|
|
96267
|
+
* - `find-regex-button`: The regular expression button's inner button.
|
|
96268
|
+
* - `find-regex-live`: The regular expression button's live region, which speaks while the button is pending.
|
|
96269
|
+
* - `find-regex-pressed`: The regular expression option while it applies, beside `find-regex`.
|
|
96270
|
+
* - `find-regex-spinner`: The ring the regular expression button turns while it is pending.
|
|
96271
|
+
* - `find-regex-text`: The box the regular expression button's icon sits in.
|
|
96272
|
+
* - `find-replace`: The button that replaces the selected match.
|
|
96273
|
+
* - `find-replace-all`: The button that replaces every match.
|
|
96274
|
+
* - `find-replace-all-button`: The Replace all button's inner button.
|
|
96275
|
+
* - `find-replace-all-live`: The Replace all button's live region, which speaks while the button is pending.
|
|
96276
|
+
* - `find-replace-all-spinner`: The ring the Replace all button turns while it is pending.
|
|
96277
|
+
* - `find-replace-all-text`: The box the Replace all button's words sits in.
|
|
96278
|
+
* - `find-replace-button`: The Replace button's inner button.
|
|
96279
|
+
* - `find-replace-field`: The field the replacement is typed in.
|
|
96280
|
+
* - `find-replace-live`: The Replace button's live region, which speaks while the button is pending.
|
|
96281
|
+
* - `find-replace-spinner`: The ring the Replace button turns while it is pending.
|
|
96282
|
+
* - `find-replace-text`: The box the Replace button's words sits in.
|
|
96283
|
+
* - `find-replace-toggle`: The button that shows the replace field under the find field. Expanded while it shows. Not drawn while `readonly`.
|
|
96284
|
+
* - `find-replace-toggle-button`: The find and replace button's inner button.
|
|
96285
|
+
* - `find-replace-toggle-live`: The find and replace button's live region, which speaks while the button is pending.
|
|
96286
|
+
* - `find-replace-toggle-spinner`: The ring the find and replace button turns while it is pending.
|
|
96287
|
+
* - `find-replace-toggle-text`: The box the find and replace button's icon sits in.
|
|
96288
|
+
* - `find-toggle`: The Find button in the toolbar, drawn where `tools` names `find`, which opens and closes the find bar. Expanded while it is open.
|
|
96289
|
+
* - `find-toggle-button`: The Find button's inner button.
|
|
96290
|
+
* - `find-toggle-live`: The Find button's live region, which speaks while the button is pending.
|
|
96291
|
+
* - `find-toggle-spinner`: The ring the Find button turns while it is pending.
|
|
96292
|
+
* - `find-toggle-text`: The box the Find button's icon sits in.
|
|
96293
|
+
* - `find-whole-word`: The option that finds only whole words. Pressed while it applies.
|
|
96294
|
+
* - `find-whole-word-button`: The whole word button's inner button.
|
|
96295
|
+
* - `find-whole-word-live`: The whole word button's live region, which speaks while the button is pending.
|
|
96296
|
+
* - `find-whole-word-pressed`: The whole word option while it applies, beside `find-whole-word`.
|
|
96297
|
+
* - `find-whole-word-spinner`: The ring the whole word button turns while it is pending.
|
|
96298
|
+
* - `find-whole-word-text`: The box the whole word button's icon sits in.
|
|
96299
|
+
* - `footer`: The `footer` slot, under the document.
|
|
96300
|
+
* - `header`: The strip above the document that holds the toolbar, and the address bar under it while it is open.
|
|
96301
|
+
* - `italic`: The Italic button. Pressed while the selection is italic.
|
|
96302
|
+
* - `italic-button`: The Italic button's inner button.
|
|
96303
|
+
* - `italic-live`: The Italic button's live region, which speaks while the button is pending.
|
|
96304
|
+
* - `italic-pressed`: The Italic button while the selection is italic, beside `italic`.
|
|
96305
|
+
* - `italic-spinner`: The ring the Italic button turns while it is pending.
|
|
96306
|
+
* - `italic-text`: The box the Italic button's icon sits in.
|
|
96307
|
+
* - `link`: The Link button, which opens the address bar. Pressed while the selection is in a link, and expanded while the bar is open.
|
|
96308
|
+
* - `link-apply`: The button that applies the address.
|
|
96309
|
+
* - `link-apply-button`: The Apply button's inner button.
|
|
96310
|
+
* - `link-apply-live`: The Apply button's live region, which speaks while the button is pending.
|
|
96311
|
+
* - `link-apply-spinner`: The ring the Apply button turns while it is pending.
|
|
96312
|
+
* - `link-apply-text`: The box the Apply button's icon sits in.
|
|
96313
|
+
* - `link-bar`: The bar under the toolbar where the reader writes a link's address.
|
|
96314
|
+
* - `link-button`: The Link button's inner button.
|
|
96315
|
+
* - `link-close`: The button that closes the address bar.
|
|
96316
|
+
* - `link-close-button`: The close button's inner button.
|
|
96317
|
+
* - `link-close-live`: The close button's live region, which speaks while the button is pending.
|
|
96318
|
+
* - `link-close-spinner`: The ring the close button turns while it is pending.
|
|
96319
|
+
* - `link-close-text`: The box the close button's icon sits in.
|
|
96320
|
+
* - `link-controls`: The toolbar at the end of the address bar: Apply, Remove, and Close.
|
|
96321
|
+
* - `link-controls-toolbar`: The box inside the address bar's toolbar that lays its buttons out.
|
|
96322
|
+
* - `link-field`: The field the address is written in.
|
|
96323
|
+
* - `link-live`: The Link button's live region, which speaks while the button is pending.
|
|
96324
|
+
* - `link-pressed`: The Link button while the selection is in a link, beside `link`.
|
|
96325
|
+
* - `link-remove`: The button that takes the link off. Disabled where the selection is in no link.
|
|
96326
|
+
* - `link-remove-button`: The Remove button's inner button.
|
|
96327
|
+
* - `link-remove-live`: The Remove button's live region, which speaks while the button is pending.
|
|
96328
|
+
* - `link-remove-spinner`: The ring the Remove button turns while it is pending.
|
|
96329
|
+
* - `link-remove-text`: The box the Remove button's icon sits in.
|
|
96330
|
+
* - `link-spinner`: The ring the Link button turns while it is pending.
|
|
96331
|
+
* - `link-text`: The box the Link button's icon sits in.
|
|
96332
|
+
* - `ordered-list`: The Numbered list button. Pressed while the selection is in a numbered list.
|
|
96333
|
+
* - `ordered-list-button`: The Numbered list button's inner button.
|
|
96334
|
+
* - `ordered-list-live`: The Numbered list button's live region, which speaks while the button is pending.
|
|
96335
|
+
* - `ordered-list-pressed`: The Numbered list button while the selection is in a numbered list, beside `ordered-list`.
|
|
96336
|
+
* - `ordered-list-spinner`: The ring the Numbered list button turns while it is pending.
|
|
96337
|
+
* - `ordered-list-text`: The box the Numbered list button's icon sits in.
|
|
96338
|
+
* - `quote`: The Quote button. Pressed while the selection is in a quote.
|
|
96339
|
+
* - `quote-button`: The Quote button's inner button.
|
|
96340
|
+
* - `quote-live`: The Quote button's live region, which speaks while the button is pending.
|
|
96341
|
+
* - `quote-pressed`: The Quote button while the selection is in a quote, beside `quote`.
|
|
96342
|
+
* - `quote-spinner`: The ring the Quote button turns while it is pending.
|
|
96343
|
+
* - `quote-text`: The box the Quote button's icon sits in.
|
|
96344
|
+
* - `redo`: The Redo button. Disabled while there is nothing to redo.
|
|
96345
|
+
* - `redo-button`: The Redo button's inner button.
|
|
96346
|
+
* - `redo-live`: The Redo button's live region, which speaks while the button is pending.
|
|
96347
|
+
* - `redo-spinner`: The ring the Redo button turns while it is pending.
|
|
96348
|
+
* - `redo-text`: The box the Redo button's icon sits in.
|
|
96349
|
+
* - `region`: The frame around the toolbar, the address bar, and the document.
|
|
96350
|
+
* - `strike`: The Strikethrough button. Pressed while the selection is struck through.
|
|
96351
|
+
* - `strike-button`: The Strikethrough button's inner button.
|
|
96352
|
+
* - `strike-live`: The Strikethrough button's live region, which speaks while the button is pending.
|
|
96353
|
+
* - `strike-pressed`: The Strikethrough button while the selection is struck through, beside `strike`.
|
|
96354
|
+
* - `strike-spinner`: The ring the Strikethrough button turns while it is pending.
|
|
96355
|
+
* - `strike-text`: The box the Strikethrough button's icon sits in.
|
|
96356
|
+
* - `tools`: A group of several tools, which a narrow toolbar wraps as one: Undo and Redo, the marks, or the lists and the quote.
|
|
96357
|
+
* - `undo`: The Undo button. Disabled while there is nothing to undo.
|
|
96358
|
+
* - `undo-button`: The Undo button's inner button.
|
|
96359
|
+
* - `undo-live`: The Undo button's live region, which speaks while the button is pending.
|
|
96360
|
+
* - `undo-spinner`: The ring the Undo button turns while it is pending.
|
|
96361
|
+
* - `undo-text`: The box the Undo button's icon sits in.
|
|
96362
|
+
* - `viewport`: The box the document is drawn in.
|
|
96363
|
+
*
|
|
96364
|
+
* ## CSS States
|
|
96365
|
+
*
|
|
96366
|
+
* These can be used to apply styling when a component is in a given state.
|
|
96367
|
+
*
|
|
96368
|
+
* - `connected`: A renderer draws the document.
|
|
96369
|
+
* - `document-focused`: Focus is in the document, where the reader types.
|
|
96370
|
+
* - `find-open`: The find bar is open.
|
|
96371
|
+
* - `link-open`: The address bar is open.
|
|
96372
|
+
* - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
|
|
96373
|
+
*/
|
|
96374
|
+
"helix-editor": Partial<
|
|
96375
|
+
HelixEditorProps &
|
|
96376
|
+
HelixEditorSolidJsProps &
|
|
96377
|
+
BaseProps<HelixEditor, "solid"> &
|
|
96378
|
+
BaseEvents<HelixEditor>
|
|
96379
|
+
>;
|
|
96380
|
+
|
|
95300
96381
|
/**
|
|
95301
96382
|
* Centered with space around it. An empty view is the only thing on screen, and
|
|
95302
96383
|
* pressed against the top edge it looks broken.
|
|
@@ -96174,6 +97255,9 @@ export type CustomElementsSolidJs = {
|
|
|
96174
97255
|
*
|
|
96175
97256
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
96176
97257
|
*
|
|
97258
|
+
* - `dictation-denied-label`/`dictationDeniedLabel`: What a screen reader hears when the browser or the reader refuses the microphone.
|
|
97259
|
+
* - `dictation-failed-label`/`dictationFailedLabel`: What a screen reader hears when listening ends with an error that has no label of its own.
|
|
97260
|
+
* - `dictation-unreachable-label`/`dictationUnreachableLabel`: What a screen reader hears when the recognizer cannot reach its speech service.
|
|
96177
97261
|
* - `listening-label`/`listeningLabel`: What a screen reader hears as listening starts.
|
|
96178
97262
|
* - `stopped-listening-label`/`stoppedListeningLabel`: What a screen reader hears as listening stops.
|
|
96179
97263
|
* - `voice`: Draws a button that listens for dictation and types what it hears at
|
|
@@ -98577,6 +99661,9 @@ export type CustomElementsSolidJs = {
|
|
|
98577
99661
|
*
|
|
98578
99662
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
98579
99663
|
*
|
|
99664
|
+
* - `dictation-denied-label`/`dictationDeniedLabel`: What a screen reader hears when the browser or the reader refuses the microphone.
|
|
99665
|
+
* - `dictation-failed-label`/`dictationFailedLabel`: What a screen reader hears when listening ends with an error that has no label of its own.
|
|
99666
|
+
* - `dictation-unreachable-label`/`dictationUnreachableLabel`: What a screen reader hears when the recognizer cannot reach its speech service.
|
|
98580
99667
|
* - `listening-label`/`listeningLabel`: What a screen reader hears as listening starts.
|
|
98581
99668
|
* - `stopped-listening-label`/`stoppedListeningLabel`: What a screen reader hears as listening stops.
|
|
98582
99669
|
* - `voice`: Draws a button that listens for dictation and types what it hears at
|
|
@@ -100256,6 +101343,9 @@ export type CustomElementsSolidJs = {
|
|
|
100256
101343
|
*
|
|
100257
101344
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
100258
101345
|
*
|
|
101346
|
+
* - `dictation-denied-label`/`dictationDeniedLabel`: What a screen reader hears when the browser or the reader refuses the microphone.
|
|
101347
|
+
* - `dictation-failed-label`/`dictationFailedLabel`: What a screen reader hears when listening ends with an error that has no label of its own.
|
|
101348
|
+
* - `dictation-unreachable-label`/`dictationUnreachableLabel`: What a screen reader hears when the recognizer cannot reach its speech service.
|
|
100259
101349
|
* - `listening-label`/`listeningLabel`: What a screen reader hears as listening starts.
|
|
100260
101350
|
* - `stopped-listening-label`/`stoppedListeningLabel`: What a screen reader hears as listening stops.
|
|
100261
101351
|
* - `voice`: Draws a button that listens for dictation and types what it hears at
|
|
@@ -107813,13 +108903,14 @@ export type CustomElementsSolidJs = {
|
|
|
107813
108903
|
* where the browser refused to open one.
|
|
107814
108904
|
*
|
|
107815
108905
|
* **The tab runs the example as this preview does**: in a frame that fills
|
|
107816
|
-
* it, with this frame's `sandbox`, loading `src` or the built-in
|
|
107817
|
-
* and sent the example once it loads. The example stays on an
|
|
107818
|
-
* and the tab's `opener` is cleared, so it cannot reach this
|
|
107819
|
-
* shows the example as it was when it opened, and edits after
|
|
107820
|
-
* reach it. A short inline script in the tab sends the example,
|
|
107821
|
-
* whose Content Security Policy refuses inline scripts the tab
|
|
107822
|
-
* as the built-in document does there.
|
|
108906
|
+
* it, with this frame's `sandbox` and `allow`, loading `src` or the built-in
|
|
108907
|
+
* document, and sent the example once it loads. The example stays on an
|
|
108908
|
+
* opaque origin, and the tab's `opener` is cleared, so it cannot reach this
|
|
108909
|
+
* page. The tab shows the example as it was when it opened, and edits after
|
|
108910
|
+
* that do not reach it. A short inline script in the tab sends the example,
|
|
108911
|
+
* so on a page whose Content Security Policy refuses inline scripts the tab
|
|
108912
|
+
* opens empty, as the built-in document does there. Dictation in the tab
|
|
108913
|
+
* listens through the tab's own recognizer, asked from this page.
|
|
107823
108914
|
* - `reload() => void`: Loads the frame's document again, and re-sends the example to it.
|
|
107824
108915
|
*
|
|
107825
108916
|
* For a bundle that has changed underneath a page nobody reloaded. The frame
|
|
@@ -115256,6 +116347,9 @@ export type CustomElementsSolidJs = {
|
|
|
115256
116347
|
*
|
|
115257
116348
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
115258
116349
|
*
|
|
116350
|
+
* - `dictation-denied-label`/`dictationDeniedLabel`: What a screen reader hears when the browser or the reader refuses the microphone.
|
|
116351
|
+
* - `dictation-failed-label`/`dictationFailedLabel`: What a screen reader hears when listening ends with an error that has no label of its own.
|
|
116352
|
+
* - `dictation-unreachable-label`/`dictationUnreachableLabel`: What a screen reader hears when the recognizer cannot reach its speech service.
|
|
115259
116353
|
* - `listening-label`/`listeningLabel`: What a screen reader hears as listening starts.
|
|
115260
116354
|
* - `stopped-listening-label`/`stoppedListeningLabel`: What a screen reader hears as listening stops.
|
|
115261
116355
|
* - `voice`: Draws a button that listens for dictation and types what it hears at
|
|
@@ -120657,6 +121751,22 @@ export type CustomCssProperties = {
|
|
|
120657
121751
|
"--drilldown-title-font-weight"?: (string) | undefined;
|
|
120658
121752
|
/** How far a page slides as it arrives, along the line of text. */
|
|
120659
121753
|
"--drilldown-travel"?: (string) | undefined;
|
|
121754
|
+
/** The ground the document is drawn on. Defaults to the page's background. */
|
|
121755
|
+
"--editor-background-color"?: (string) | undefined;
|
|
121756
|
+
/** The frame's edge and the line under the toolbar. */
|
|
121757
|
+
"--editor-border-color"?: (string) | undefined;
|
|
121758
|
+
/** The fill of the toolbar's strip. */
|
|
121759
|
+
"--editor-header-background-color"?: (string) | undefined;
|
|
121760
|
+
/** How far below the top of the page the toolbar stays while the document scrolls, such as the height of your own fixed header. `0` unless set. */
|
|
121761
|
+
"--editor-header-offset"?: (string) | undefined;
|
|
121762
|
+
/** The longest a line of the document runs, as a length: `72ch` unless set. */
|
|
121763
|
+
"--editor-measure"?: (string) | undefined;
|
|
121764
|
+
/** The frame's least height, which it grows from with the document: `12rem` unless set. Ignored with `fill`. */
|
|
121765
|
+
"--editor-min-block-size"?: (string) | undefined;
|
|
121766
|
+
/** The space around the document, inside the frame. */
|
|
121767
|
+
"--editor-padding"?: (string) | undefined;
|
|
121768
|
+
/** The frame's corner radius. */
|
|
121769
|
+
"--editor-radius"?: (string) | undefined;
|
|
120660
121770
|
/** Space added above the actions. */
|
|
120661
121771
|
"--empty-actions-gap"?: (string) | undefined;
|
|
120662
121772
|
/** Space between the icon, the heading, the message and the actions. */
|