@fusion.dev/helix-headless 0.222.0 → 0.223.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/chat/composer/chat-composer.d.ts +2 -0
- package/dist/code-input/root/code-input-root.d.ts +2 -0
- package/dist/combobox/root/combobox-root.d.ts +2 -0
- package/dist/combobox/root/combobox-root.js +1 -1
- package/dist/command/root/command-root.d.ts +2 -0
- package/dist/command/root/command-root.js +1 -1
- package/dist/filter-input/root/filter-input-root.d.ts +2 -0
- package/dist/input/root/input-root.d.ts +2 -0
- package/dist/listbox/root/listbox-root.d.ts +2 -0
- package/dist/pagination/size/pagination-size.d.ts +2 -0
- package/dist/pagination/size/pagination-size.js +1 -1
- package/dist/select/root/select-root.d.ts +2 -0
- package/dist/select/root/select-root.js +1 -1
- package/dist/textarea/root/textarea-root.d.ts +2 -0
- package/dist/time-input/root/time-input-root.d.ts +4 -0
- package/dist/time-input/root/time-input-root.js +2 -2
- package/dist/time-picker/root/time-picker-root.d.ts +4 -0
- package/dist/time-picker/root/time-picker-root.js +2 -2
- package/lint.json +1 -1
- package/package.json +5 -5
- package/types/jsx.d.ts +56 -0
|
@@ -115,6 +115,8 @@ declare const HelixHeadlessChatComposer_base: (new (...args: any[]) => import("@
|
|
|
115
115
|
* @csspart start - The box around the `start` slot.
|
|
116
116
|
* @csspart tools - The row under the field.
|
|
117
117
|
* @csspart voice - The dictation button, under `voice`, before the send button.
|
|
118
|
+
* @csspart voice-level - The meter that draws the microphone's level in place of its glyph while the field listens, where the tier defines Voice Level.
|
|
119
|
+
* @csspart voice-level-canvas - The canvas the dictation meter draws on.
|
|
118
120
|
* @csspart voice-listening - The dictation button while it listens. Set alongside `voice`.
|
|
119
121
|
* @csspart voice-status - What a screen reader hears as dictation starts and stops, drawn for no one else.
|
|
120
122
|
*
|
|
@@ -62,6 +62,8 @@ import { HelixHeadlessTextarea } from '../../textarea/root/textarea-root.js';
|
|
|
62
62
|
* @csspart layers - The highlighted text and the textarea, one over the other.
|
|
63
63
|
* @csspart scroller - The box that scrolls past `max-rows`, and sideways past a long line.
|
|
64
64
|
* @csspart voice - The dictation button, under `voice`.
|
|
65
|
+
* @csspart voice-level - The meter that draws the microphone's level in place of its glyph while the field listens, where the tier defines Voice Level.
|
|
66
|
+
* @csspart voice-level-canvas - The canvas the dictation meter draws on.
|
|
65
67
|
* @csspart voice-listening - The dictation button while it listens. Set alongside `voice`.
|
|
66
68
|
* @csspart voice-status - What a screen reader hears as dictation starts and stops, drawn for no one else.
|
|
67
69
|
*
|
|
@@ -121,6 +121,8 @@ declare const HelixHeadlessCombobox_base: (new (...args: any[]) => import("@fusi
|
|
|
121
121
|
* @csspart listbox-search - The region holding the field that narrows the list.
|
|
122
122
|
* @csspart listbox-search-field - The filter field inside that region.
|
|
123
123
|
* @csspart listbox-voice - The dictation button in the filter field.
|
|
124
|
+
* @csspart listbox-voice-level - The meter that draws the microphone's level in place of its glyph while the field listens, where the tier defines Voice Level.
|
|
125
|
+
* @csspart listbox-voice-level-canvas - The canvas the dictation meter draws on.
|
|
124
126
|
* @csspart listbox-voice-listening - The dictation button while it listens.
|
|
125
127
|
* @csspart listbox-voice-status - What a screen reader hears as dictation starts and stops.
|
|
126
128
|
* @csspart live - The region VoiceOver hears the highlight, the count and a choice from on Apple devices, drawn once there is one to say. Visually hidden in the styled tier.
|
|
@@ -588,7 +588,7 @@ let HelixHeadlessCombobox = class HelixHeadlessCombobox extends MixinControllerO
|
|
|
588
588
|
filter-icon: listbox-filter-icon, filter-mark: listbox-filter-mark, hint: listbox-hint,
|
|
589
589
|
items: listbox-items, label: listbox-label, live: listbox-live, loading: listbox-loading,
|
|
590
590
|
search: listbox-search, search-field: listbox-search-field,
|
|
591
|
-
voice: listbox-voice, voice-listening: listbox-voice-listening, voice-status: listbox-voice-status"
|
|
591
|
+
voice: listbox-voice, voice-level: listbox-voice-level, voice-level-canvas: listbox-voice-level-canvas, voice-listening: listbox-voice-listening, voice-status: listbox-voice-status"
|
|
592
592
|
aria-label=${this.listLabel}
|
|
593
593
|
empty-text=${this.emptyText}
|
|
594
594
|
load-error=${this.loadError}
|
|
@@ -138,6 +138,8 @@ declare const HelixHeadlessCommand_base: (new (...args: any[]) => import("@fusio
|
|
|
138
138
|
* @csspart listbox-search - The region that holds the filter field.
|
|
139
139
|
* @csspart listbox-search-field - The filter field.
|
|
140
140
|
* @csspart listbox-voice - The dictation button in the filter field, under `voice`.
|
|
141
|
+
* @csspart listbox-voice-level - The meter that draws the microphone's level in place of its glyph while the field listens, where the tier defines Voice Level.
|
|
142
|
+
* @csspart listbox-voice-level-canvas - The canvas the dictation meter draws on.
|
|
141
143
|
* @csspart listbox-voice-listening - The dictation button while it listens.
|
|
142
144
|
* @csspart listbox-voice-status - What a screen reader hears as dictation starts and stops.
|
|
143
145
|
* @csspart live - The region a screen reader announces the page shown from, by the words of the command that opens it, drawn once there is one to say. Visually hidden in the styled tier.
|
|
@@ -295,7 +295,7 @@ let HelixHeadlessCommand = class HelixHeadlessCommand extends MixinControllerOpe
|
|
|
295
295
|
filter-icon: listbox-filter-icon, filter-mark: listbox-filter-mark, hint: listbox-hint,
|
|
296
296
|
items: listbox-items, label: listbox-label, live: listbox-live, loading: listbox-loading,
|
|
297
297
|
search: listbox-search, search-field: listbox-search-field,
|
|
298
|
-
voice: listbox-voice, voice-listening: listbox-voice-listening, voice-status: listbox-voice-status"
|
|
298
|
+
voice: listbox-voice, voice-level: listbox-voice-level, voice-level-canvas: listbox-voice-level-canvas, voice-listening: listbox-voice-listening, voice-status: listbox-voice-status"
|
|
299
299
|
aria-label=${this.listName}
|
|
300
300
|
empty-text=${this.emptyText}
|
|
301
301
|
filter-delay=${this.filterDelay}
|
|
@@ -184,6 +184,8 @@ declare const HelixHeadlessFilterInput_base: (new (...args: any[]) => import("@f
|
|
|
184
184
|
* @csspart surface - The floating panel the suggestions sit in.
|
|
185
185
|
* @csspart tags - The row the tokens sit in.
|
|
186
186
|
* @csspart voice - The dictation button, under `voice`.
|
|
187
|
+
* @csspart voice-level - The meter that draws the microphone's level in place of its glyph while the field listens, where the tier defines Voice Level.
|
|
188
|
+
* @csspart voice-level-canvas - The canvas the dictation meter draws on.
|
|
187
189
|
* @csspart voice-listening - The dictation button while it listens. Set alongside `voice`.
|
|
188
190
|
* @csspart voice-status - What a screen reader hears as dictation starts and stops, drawn for no one else.
|
|
189
191
|
*
|
|
@@ -67,6 +67,8 @@ declare const HelixHeadlessInput_base: (new (...args: any[]) => import("@fusion.
|
|
|
67
67
|
* @csspart reveal - The button that shows and hides a password.
|
|
68
68
|
* @csspart reveal-pressed - The reveal button while the password is shown, added beside `reveal`.
|
|
69
69
|
* @csspart voice - The dictation button, under `voice`.
|
|
70
|
+
* @csspart voice-level - The meter that draws the microphone's level in place of its glyph while the field listens, where the tier defines Voice Level.
|
|
71
|
+
* @csspart voice-level-canvas - The canvas the dictation meter draws on.
|
|
70
72
|
* @csspart voice-listening - The dictation button while it listens. Set alongside `voice`.
|
|
71
73
|
* @csspart voice-status - What a screen reader hears as dictation starts and stops, drawn for no one else.
|
|
72
74
|
*
|
|
@@ -128,6 +128,8 @@ declare const HelixHeadlessListbox_base: (new (...args: any[]) => import("@fusio
|
|
|
128
128
|
* @csspart search - The region that holds the filter field.
|
|
129
129
|
* @csspart search-field - The filter field.
|
|
130
130
|
* @csspart voice - The dictation button, under `voice` on a `filterable` list, in the search field.
|
|
131
|
+
* @csspart voice-level - The meter that draws the microphone's level in place of its glyph while the field listens, where the tier defines Voice Level.
|
|
132
|
+
* @csspart voice-level-canvas - The canvas the dictation meter draws on.
|
|
131
133
|
* @csspart voice-listening - The dictation button while it listens. Set alongside `voice`.
|
|
132
134
|
* @csspart voice-status - What a screen reader hears as dictation starts and stops, drawn for no one else.
|
|
133
135
|
*
|
|
@@ -66,6 +66,8 @@ import '../../select/index.js';
|
|
|
66
66
|
* @csspart control-listbox-search - The region that holds the filter field.
|
|
67
67
|
* @csspart control-listbox-search-field - The filter field.
|
|
68
68
|
* @csspart control-listbox-voice - The dictation button in the filter field.
|
|
69
|
+
* @csspart control-listbox-voice-level - The meter that draws the microphone's level in place of its glyph while the field listens, where the tier defines Voice Level.
|
|
70
|
+
* @csspart control-listbox-voice-level-canvas - The canvas the dictation meter draws on.
|
|
69
71
|
* @csspart control-listbox-voice-listening - The dictation button while it listens.
|
|
70
72
|
* @csspart control-listbox-voice-status - What a screen reader hears as dictation starts and stops.
|
|
71
73
|
* @csspart control-live - The select's `live` part, the region a screen reader hears a choice made on the closed trigger from.
|
|
@@ -95,7 +95,7 @@ let HelixHeadlessPaginationSize = class HelixHeadlessPaginationSize extends Heli
|
|
|
95
95
|
listbox-items: control-listbox-items, listbox-label: control-listbox-label,
|
|
96
96
|
listbox-live: control-listbox-live, listbox-loading: control-listbox-loading, listbox-search: control-listbox-search,
|
|
97
97
|
listbox-search-field: control-listbox-search-field, listbox-voice: control-listbox-voice,
|
|
98
|
-
listbox-voice-listening: control-listbox-voice-listening, listbox-voice-status: control-listbox-voice-status, live: control-live, surface: control-surface,
|
|
98
|
+
listbox-voice-level: control-listbox-voice-level, listbox-voice-level-canvas: control-listbox-voice-level-canvas, listbox-voice-listening: control-listbox-voice-listening, listbox-voice-status: control-listbox-voice-status, live: control-live, surface: control-surface,
|
|
99
99
|
trigger: control-trigger, value: control-value"
|
|
100
100
|
label=${named ? '' : this.label}
|
|
101
101
|
aria-label=${named || nothing}
|
|
@@ -112,6 +112,8 @@ declare const HelixHeadlessSelect_base: (new (...args: any[]) => import("@fusion
|
|
|
112
112
|
* @csspart listbox-search - The region that holds the filter field.
|
|
113
113
|
* @csspart listbox-search-field - The filter field.
|
|
114
114
|
* @csspart listbox-voice - The dictation button in the filter field.
|
|
115
|
+
* @csspart listbox-voice-level - The meter that draws the microphone's level in place of its glyph while the field listens, where the tier defines Voice Level.
|
|
116
|
+
* @csspart listbox-voice-level-canvas - The canvas the dictation meter draws on.
|
|
115
117
|
* @csspart listbox-voice-listening - The dictation button while it listens.
|
|
116
118
|
* @csspart listbox-voice-status - What a screen reader hears as dictation starts and stops.
|
|
117
119
|
* @csspart live - The region a screen reader announces a choice made on the closed trigger from, drawn once there is one to say. Visually hidden in the styled tier.
|
|
@@ -324,7 +324,7 @@ let HelixHeadlessSelect = class HelixHeadlessSelect extends MixinControllerOpen(
|
|
|
324
324
|
filter-icon: listbox-filter-icon, filter-mark: listbox-filter-mark, hint: listbox-hint,
|
|
325
325
|
items: listbox-items, label: listbox-label, live: listbox-live, loading: listbox-loading,
|
|
326
326
|
search: listbox-search, search-field: listbox-search-field,
|
|
327
|
-
voice: listbox-voice, voice-listening: listbox-voice-listening, voice-status: listbox-voice-status"
|
|
327
|
+
voice: listbox-voice, voice-level: listbox-voice-level, voice-level-canvas: listbox-voice-level-canvas, voice-listening: listbox-voice-listening, voice-status: listbox-voice-status"
|
|
328
328
|
.value=${this.value}
|
|
329
329
|
?multiple=${this.multiple}
|
|
330
330
|
?filterable=${this.filterable}
|
|
@@ -58,6 +58,8 @@ declare const HelixHeadlessTextarea_base: (new (...args: any[]) => import("@fusi
|
|
|
58
58
|
* @csspart hint - Help under the field, while nothing is wrong.
|
|
59
59
|
* @csspart label - The label above the field.
|
|
60
60
|
* @csspart voice - The dictation button, under `voice`.
|
|
61
|
+
* @csspart voice-level - The meter that draws the microphone's level in place of its glyph while the field listens, where the tier defines Voice Level.
|
|
62
|
+
* @csspart voice-level-canvas - The canvas the dictation meter draws on.
|
|
61
63
|
* @csspart voice-listening - The dictation button while it listens. Set alongside `voice`.
|
|
62
64
|
* @csspart voice-status - What a screen reader hears as dictation starts and stops, drawn for no one else.
|
|
63
65
|
*
|
|
@@ -107,6 +107,8 @@ declare const HelixHeadlessTimeInput_base: (new (...args: any[]) => import("@fus
|
|
|
107
107
|
* @csspart picker-column-search - The region that holds the filter field.
|
|
108
108
|
* @csspart picker-column-search-field - The filter field.
|
|
109
109
|
* @csspart picker-column-voice - The dictation button in the filter field.
|
|
110
|
+
* @csspart picker-column-voice-level - The meter that draws the microphone's level in place of its glyph while the field listens, where the tier defines Voice Level.
|
|
111
|
+
* @csspart picker-column-voice-level-canvas - The canvas the dictation meter draws on.
|
|
110
112
|
* @csspart picker-column-voice-listening - The dictation button while it listens.
|
|
111
113
|
* @csspart picker-column-voice-status - What a screen reader hears as dictation starts and stops.
|
|
112
114
|
* @csspart picker-columns - The row of columns, in `wheels`.
|
|
@@ -127,6 +129,8 @@ declare const HelixHeadlessTimeInput_base: (new (...args: any[]) => import("@fus
|
|
|
127
129
|
* @csspart picker-list-search - The region that holds the filter field.
|
|
128
130
|
* @csspart picker-list-search-field - The filter field.
|
|
129
131
|
* @csspart picker-list-voice - The dictation button in the filter field.
|
|
132
|
+
* @csspart picker-list-voice-level - The meter that draws the microphone's level in place of its glyph while the field listens, where the tier defines Voice Level.
|
|
133
|
+
* @csspart picker-list-voice-level-canvas - The canvas the dictation meter draws on.
|
|
130
134
|
* @csspart picker-list-voice-listening - The dictation button while it listens.
|
|
131
135
|
* @csspart picker-list-voice-status - What a screen reader hears as dictation starts and stops.
|
|
132
136
|
* @csspart picker-now - The picker's button that chooses the current time, which Time Input does not draw.
|
|
@@ -228,14 +228,14 @@ let HelixHeadlessTimeInput = class HelixHeadlessTimeInput extends MixinSegmented
|
|
|
228
228
|
column-items: picker-column-items, column-label: picker-column-label,
|
|
229
229
|
column-live: picker-column-live, column-loading: picker-column-loading, column-search: picker-column-search,
|
|
230
230
|
column-search-field: picker-column-search-field, column-voice: picker-column-voice,
|
|
231
|
-
column-voice-listening: picker-column-voice-listening, column-voice-status: picker-column-voice-status, columns: picker-columns, feedback: picker-feedback, hint: picker-hint,
|
|
231
|
+
column-voice-level: picker-column-voice-level, column-voice-level-canvas: picker-column-voice-level-canvas, column-voice-listening: picker-column-voice-listening, column-voice-status: picker-column-voice-status, columns: picker-columns, feedback: picker-feedback, hint: picker-hint,
|
|
232
232
|
label: picker-label, list: picker-list,
|
|
233
233
|
list-empty: picker-list-empty, list-error: picker-list-error, list-feedback: picker-list-feedback,
|
|
234
234
|
list-filter-icon: picker-list-filter-icon, list-filter-mark: picker-list-filter-mark,
|
|
235
235
|
list-hint: picker-list-hint, list-items: picker-list-items, list-label: picker-list-label,
|
|
236
236
|
list-live: picker-list-live, list-loading: picker-list-loading, list-search: picker-list-search,
|
|
237
237
|
list-search-field: picker-list-search-field, list-voice: picker-list-voice,
|
|
238
|
-
list-voice-listening: picker-list-voice-listening, list-voice-status: picker-list-voice-status, now: picker-now, option: picker-option,
|
|
238
|
+
list-voice-level: picker-list-voice-level, list-voice-level-canvas: picker-list-voice-level-canvas, list-voice-listening: picker-list-voice-listening, list-voice-status: picker-list-voice-status, now: picker-now, option: picker-option,
|
|
239
239
|
option-between: picker-option-between, option-item-active: picker-option-item-active,
|
|
240
240
|
option-item-selected: picker-option-item-selected,
|
|
241
241
|
option-description: picker-option-description, option-item: picker-option-item,
|
|
@@ -89,6 +89,8 @@ declare const HelixHeadlessTimePicker_base: (new (...args: any[]) => import("@fu
|
|
|
89
89
|
* @csspart column-search - The region that holds the filter field.
|
|
90
90
|
* @csspart column-search-field - The filter field.
|
|
91
91
|
* @csspart column-voice - The dictation button in the filter field.
|
|
92
|
+
* @csspart column-voice-level - The meter that draws the microphone's level in place of its glyph while the field listens, where the tier defines Voice Level.
|
|
93
|
+
* @csspart column-voice-level-canvas - The canvas the dictation meter draws on.
|
|
92
94
|
* @csspart column-voice-listening - The dictation button while it listens.
|
|
93
95
|
* @csspart column-voice-status - What a screen reader hears as dictation starts and stops.
|
|
94
96
|
* @csspart columns - The row of columns, in `wheels`.
|
|
@@ -109,6 +111,8 @@ declare const HelixHeadlessTimePicker_base: (new (...args: any[]) => import("@fu
|
|
|
109
111
|
* @csspart list-search - The region that holds the filter field.
|
|
110
112
|
* @csspart list-search-field - The filter field.
|
|
111
113
|
* @csspart list-voice - The dictation button in the filter field.
|
|
114
|
+
* @csspart list-voice-level - The meter that draws the microphone's level in place of its glyph while the field listens, where the tier defines Voice Level.
|
|
115
|
+
* @csspart list-voice-level-canvas - The canvas the dictation meter draws on.
|
|
112
116
|
* @csspart list-voice-listening - The dictation button while it listens.
|
|
113
117
|
* @csspart list-voice-status - What a screen reader hears as dictation starts and stops.
|
|
114
118
|
* @csspart now - The button that chooses the current time, drawn with `show-now`.
|
|
@@ -407,7 +407,7 @@ let HelixHeadlessTimePicker = class HelixHeadlessTimePicker extends MixinPickerF
|
|
|
407
407
|
exportparts="empty: column-empty, error: column-error, feedback: column-feedback, filter-icon: column-filter-icon,
|
|
408
408
|
filter-mark: column-filter-mark, hint: column-hint, items: column-items, label: column-label,
|
|
409
409
|
live: column-live, loading: column-loading, search: column-search, search-field: column-search-field,
|
|
410
|
-
voice: column-voice, voice-listening: column-voice-listening, voice-status: column-voice-status"
|
|
410
|
+
voice: column-voice, voice-level: column-voice-level, voice-level-canvas: column-voice-level-canvas, voice-listening: column-voice-listening, voice-status: column-voice-status"
|
|
411
411
|
aria-label=${label}
|
|
412
412
|
?disabled=${this.isDisabled}
|
|
413
413
|
.value=${value}
|
|
@@ -461,7 +461,7 @@ let HelixHeadlessTimePicker = class HelixHeadlessTimePicker extends MixinPickerF
|
|
|
461
461
|
exportparts="empty: list-empty, error: list-error, feedback: list-feedback, filter-icon: list-filter-icon,
|
|
462
462
|
filter-mark: list-filter-mark, hint: list-hint, items: list-items, label: list-label,
|
|
463
463
|
live: list-live, loading: list-loading, search: list-search, search-field: list-search-field,
|
|
464
|
-
voice: list-voice, voice-listening: list-voice-listening, voice-status: list-voice-status"
|
|
464
|
+
voice: list-voice, voice-level: list-voice-level, voice-level-canvas: list-voice-level-canvas, voice-listening: list-voice-listening, voice-status: list-voice-status"
|
|
465
465
|
aria-label=${this.listName}
|
|
466
466
|
data-unset=${this.value === '' ? '' : nothing}
|
|
467
467
|
?disabled=${this.isDisabled}
|