@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.
@@ -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}