@sdata/web-vue 3.22.3 → 3.23.0

package/es/index.d.ts

@@ -128,8 +128,8 @@ export { default as Scrollbar } from './scrollbar';
 export type { ScrollbarElements, ScrollbarEventListener, ScrollbarEventListenerArgs, ScrollbarEventListeners, ScrollbarExpose, ScrollbarInstance, ScrollbarOptions, ScrollbarOptionsResolved, ScrollbarPlugin, ScrollbarProps, ScrollbarReadonlyOptions, ScrollbarState, ScrollbarType, ScrollbarUpdatedEvent, } from './scrollbar';
 export { default as Select } from './select';
 export type { FilterOption, SelectFallbackOption, SelectFieldNames, SelectInstance, SelectOption, SelectOptionData, SelectOptionGroup, SelectProps, } from './select';
-export { default as Sender, SenderHeader, SenderSwitch } from './sender';
-export type { SenderActionContext, SenderAllowSpeech, SenderComponents, SenderContentSlotConfig, SenderControlledSpeechConfig, SenderCustomSlotConfig, SenderCustomSlotRender, SenderCustomSlotState, SenderEmits, SenderFocusOptions, SenderHeaderInstance, SenderHeaderProps, SenderHeaderSemanticType, SenderInsertPosition, SenderInputSlotConfig, SenderInstance, SenderProps, SenderRef, SenderResolvedSlotConfig, SenderSelectSlotConfig, SenderSemanticType, SenderSkill, SenderSkillClosableConfig, SenderSpeechConfig, SenderSpeechDataEvent, SenderSpeechEndEvent, SenderSpeechEndReason, SenderSpeechErrorEvent, SenderSpeechErrorPhase, SenderSpeechStartEvent, SenderSpeechTransportCloseEvent, SenderSpeechTransportMessageEvent, SenderSpeechTransportOpenEvent, SenderSlotConfig, SenderSlotConfigBase, SenderSubmitType, SenderSuffixPlacement, SenderSwitchInstance, SenderSwitchProps, SenderTagSlotConfig, SenderTextSlotConfig, SenderValue, } from './sender';
+export { default as Sender, RecorderCore, SenderHeader, SenderSwitch } from './sender';
+export type { RecorderCoreConstructor, RecorderCoreInstance, RecorderCoreOptions, SenderActionContext, SenderAllowSpeech, SenderComponents, SenderContentSlotConfig, SenderCustomSlotConfig, SenderCustomSlotRender, SenderCustomSlotState, SenderEmits, SenderFocusOptions, SenderHeaderInstance, SenderHeaderProps, SenderHeaderSemanticType, SenderInsertPosition, SenderInputSlotConfig, SenderInstance, SenderProps, SenderRef, SenderResolvedSlotConfig, SenderSelectSlotConfig, SenderSemanticType, SenderSkill, SenderSkillClosableConfig, SenderSlotConfig, SenderSlotConfigBase, SenderSubmitType, SenderSuffixPlacement, SenderSwitchInstance, SenderSwitchProps, SenderTagSlotConfig, SenderTextSlotConfig, SenderValue, } from './sender';
 export { default as Secret } from './secret';
 export type { SecretInstance } from './secret';
 export { default as Skeleton, SkeletonLine, SkeletonShape } from './skeleton';

package/es/index.js

@@ -128,6 +128,7 @@ import { RICH_TEXT_EDITOR_BUILT_IN_NODE_NAMES, RICH_TEXT_EDITOR_JSON_FORM_NODE_N
 import RichTextEditor from "./rich-text-editor/index.js";
 import Secret from "./secret/index.js";
 import SelectableCard from "./selectable-card/index.js";
+import recorder_core_default from "./sender/recorder-core.js";
 import Sender, { SenderHeader, SenderSwitch } from "./sender/index.js";
 import line_default from "./skeleton/line.js";
 import shape_default from "./skeleton/shape.js";
@@ -151,4 +152,4 @@ import Typography from "./typography/index.js";
 import Upload from "./upload/index.js";
 import Watermark from "./watermark/index.js";
 import SDVue from "./sd-vue.js";
-export { $createInlineComponentNode, $isInlineComponentNode, A2UI_0_9_1, Affix, Alert, Anchor, anchor_link_default as AnchorLink, AutoComplete, Avatar, AvatarGroup, BackTop, Badge, BasicCrudTable, BorderBeam, Breadcrumb, breadcrumb_item_default as BreadcrumbItem, Button, button_group_default as ButtonGroup, Calendar, Card, card_grid_default as CardGrid, card_meta_default as CardMeta, Carousel, carousel_item_default as CarouselItem, Cascader, cascader_panel_default as CascaderPanel, Checkbox, checkbox_group_default as CheckboxGroup, grid_col_default as Col, Collapse, collapse_item_default as CollapseItem, ColorPicker, Comment, ConfigProvider, Copy, countdown_default as Countdown, Cropper, DatePicker, Descriptions, descriptions_item_default as DescriptionsItem, dropdown_group_default as Dgroup, Divider, dropdown_option_default as Doption, Drawer, Dropdown, dropdown_button_default as DropdownButton, dropdown_submenu_default as Dsubmenu, Ellipsis, Empty, FilePreviewer, Form, form_item_default as FormItem, Grid, grid_item_default as GridItem, Icon, Image, preview_default as ImagePreview, preview_action_default as ImagePreviewAction, preview_group_default as ImagePreviewGroup, InlineComponentNode, Input, input_group_default as InputGroup, InputNumber, input_password_default as InputPassword, input_search_default as InputSearch, InputTag, JsonForm, KvList, Layout, content_default as LayoutContent, footer_default as LayoutFooter, header_default as LayoutHeader, sider_default as LayoutSider, Link, List, list_item_default as ListItem, list_item_meta_default as ListItemMeta, Mention, Menu, item_default as MenuItem, item_group_default as MenuItemGroup, Message, Modal, month_picker_default as MonthPicker, Notification, OverflowList, PageHeader, Pagination, PerformantEllipsis, Popconfirm, Popover, Progress, QrCode, quarter_picker_default as QuarterPicker, RICH_TEXT_EDITOR_BUILT_IN_NODE_NAMES, RICH_TEXT_EDITOR_JSON_FORM_NODE_NAMES, Radio, radio_group_default as RadioGroup, range_picker_default as RangePicker, Rate, ResizeBox, Result, RichTextEditor, grid_row_default as Row, Scrollbar, Secret, Select, SelectableCard, Sender, SenderHeader, SenderSwitch, Skeleton, line_default as SkeletonLine, shape_default as SkeletonShape, Slider, Space, Spin, Split, Statistic, step_default as Step, Steps, sub_menu_default as SubMenu, Switch, tab_pane_default as TabPane, Table, table_column_default as TableColumn, Tabs, Tag, TagGroup, table_tbody_default as Tbody, table_td_default as Td, Textarea, table_th_default as Th, table_thead_default as Thead, ThemeProvider, TimePicker, Timeline, item_default$1 as TimelineItem, Toolbar, Tooltip, Tour, table_tr_default as Tr, Transfer, Tree, TreeSelect, Trigger, Typography, paragraph_default as TypographyParagraph, text_default as TypographyText, title_default as TypographyTitle, Upload, VerificationCode, Watermark, week_picker_default as WeekPicker, year_picker_default as YearPicker, addI18nMessages, SDVue as default, defineJsonFormComponents, defineJsonFormSchemas, getCssVarToken, getLocale, useFormItem, useLocale };
+export { $createInlineComponentNode, $isInlineComponentNode, A2UI_0_9_1, Affix, Alert, Anchor, anchor_link_default as AnchorLink, AutoComplete, Avatar, AvatarGroup, BackTop, Badge, BasicCrudTable, BorderBeam, Breadcrumb, breadcrumb_item_default as BreadcrumbItem, Button, button_group_default as ButtonGroup, Calendar, Card, card_grid_default as CardGrid, card_meta_default as CardMeta, Carousel, carousel_item_default as CarouselItem, Cascader, cascader_panel_default as CascaderPanel, Checkbox, checkbox_group_default as CheckboxGroup, grid_col_default as Col, Collapse, collapse_item_default as CollapseItem, ColorPicker, Comment, ConfigProvider, Copy, countdown_default as Countdown, Cropper, DatePicker, Descriptions, descriptions_item_default as DescriptionsItem, dropdown_group_default as Dgroup, Divider, dropdown_option_default as Doption, Drawer, Dropdown, dropdown_button_default as DropdownButton, dropdown_submenu_default as Dsubmenu, Ellipsis, Empty, FilePreviewer, Form, form_item_default as FormItem, Grid, grid_item_default as GridItem, Icon, Image, preview_default as ImagePreview, preview_action_default as ImagePreviewAction, preview_group_default as ImagePreviewGroup, InlineComponentNode, Input, input_group_default as InputGroup, InputNumber, input_password_default as InputPassword, input_search_default as InputSearch, InputTag, JsonForm, KvList, Layout, content_default as LayoutContent, footer_default as LayoutFooter, header_default as LayoutHeader, sider_default as LayoutSider, Link, List, list_item_default as ListItem, list_item_meta_default as ListItemMeta, Mention, Menu, item_default as MenuItem, item_group_default as MenuItemGroup, Message, Modal, month_picker_default as MonthPicker, Notification, OverflowList, PageHeader, Pagination, PerformantEllipsis, Popconfirm, Popover, Progress, QrCode, quarter_picker_default as QuarterPicker, RICH_TEXT_EDITOR_BUILT_IN_NODE_NAMES, RICH_TEXT_EDITOR_JSON_FORM_NODE_NAMES, Radio, radio_group_default as RadioGroup, range_picker_default as RangePicker, Rate, recorder_core_default as RecorderCore, ResizeBox, Result, RichTextEditor, grid_row_default as Row, Scrollbar, Secret, Select, SelectableCard, Sender, SenderHeader, SenderSwitch, Skeleton, line_default as SkeletonLine, shape_default as SkeletonShape, Slider, Space, Spin, Split, Statistic, step_default as Step, Steps, sub_menu_default as SubMenu, Switch, tab_pane_default as TabPane, Table, table_column_default as TableColumn, Tabs, Tag, TagGroup, table_tbody_default as Tbody, table_td_default as Td, Textarea, table_th_default as Th, table_thead_default as Thead, ThemeProvider, TimePicker, Timeline, item_default$1 as TimelineItem, Toolbar, Tooltip, Tour, table_tr_default as Tr, Transfer, Tree, TreeSelect, Trigger, Typography, paragraph_default as TypographyParagraph, text_default as TypographyText, title_default as TypographyTitle, Upload, VerificationCode, Watermark, week_picker_default as WeekPicker, year_picker_default as YearPicker, addI18nMessages, SDVue as default, defineJsonFormComponents, defineJsonFormSchemas, getCssVarToken, getLocale, useFormItem, useLocale };

package/es/sender/index.d.ts

@@ -112,8 +112,10 @@ export declare const SenderSwitch: {
         unchecked?: (props: {}) => any;
     };
 });
+export { default as RecorderCore } from './recorder-core';
+export type { RecorderCore as RecorderCoreConstructor, RecorderCoreInstance, RecorderCoreOptions, } from './recorder-core';
 export type SenderInstance = InstanceType<typeof _Sender>;
 export type SenderHeaderInstance = InstanceType<typeof _SenderHeader>;
 export type SenderSwitchInstance = InstanceType<typeof _SenderSwitch>;
-export type { SenderActionContext, SenderAllowSpeech, SenderComponents, SenderContentSlotConfig, SenderControlledSpeechConfig, SenderCustomSlotConfig, SenderCustomSlotRender, SenderCustomSlotState, SenderEmits, SenderFocusOptions, SenderHeaderSemanticType, SenderHeaderProps, SenderInsertPosition, SenderInputSlotConfig, SenderProps, SenderRef, SenderResolvedSlotConfig, SenderSelectSlotConfig, SenderSemanticType, SenderSkill, SenderSkillClosableConfig, SenderSpeechConfig, SenderSpeechDataEvent, SenderSpeechEndEvent, SenderSpeechEndReason, SenderSpeechErrorEvent, SenderSpeechErrorPhase, SenderSpeechStartEvent, SenderSpeechTransportCloseEvent, SenderSpeechTransportMessageEvent, SenderSpeechTransportOpenEvent, SenderSlotConfig, SenderSlotConfigBase, SenderSubmitType, SenderSuffixPlacement, SenderSwitchProps, SenderTagSlotConfig, SenderTextSlotConfig, SenderValue, } from './types';
+export type { SenderActionContext, SenderAllowSpeech, SenderComponents, SenderContentSlotConfig, SenderCustomSlotConfig, SenderCustomSlotRender, SenderCustomSlotState, SenderEmits, SenderFocusOptions, SenderHeaderSemanticType, SenderHeaderProps, SenderInsertPosition, SenderInputSlotConfig, SenderProps, SenderRef, SenderResolvedSlotConfig, SenderSelectSlotConfig, SenderSemanticType, SenderSkill, SenderSkillClosableConfig, SenderSlotConfig, SenderSlotConfigBase, SenderSubmitType, SenderSuffixPlacement, SenderSwitchProps, SenderTagSlotConfig, SenderTextSlotConfig, SenderValue, } from './types';
 export default Sender;

package/es/sender/index.js

@@ -1,6 +1,7 @@
 import { getComponentPrefix, setGlobalConfig } from "../_utils/global-config.js";
 import sender_header_default from "./sender-header.js";
 import sender_switch_default from "./sender-switch.js";
+import recorder_core_default from "./recorder-core.js";
 import sender_default from "./sender.js";
 //#region components/sender/index.ts
 var Sender = Object.assign(sender_default, {
@@ -17,4 +18,4 @@ var Sender = Object.assign(sender_default, {
 var SenderHeader = sender_header_default;
 var SenderSwitch = sender_switch_default;
 //#endregion
-export { SenderHeader, SenderSwitch, Sender as default };
+export { recorder_core_default as RecorderCore, SenderHeader, SenderSwitch, Sender as default };

package/es/sender/recorder-core.d.ts

@@ -0,0 +1,25 @@
+import Recorder from 'recorder-core';
+import 'recorder-core/src/engine/beta-amr';
+import 'recorder-core/src/engine/beta-amr-engine';
+import 'recorder-core/src/engine/beta-ogg';
+import 'recorder-core/src/engine/beta-ogg-engine';
+import 'recorder-core/src/engine/beta-webm';
+import 'recorder-core/src/engine/g711x';
+import 'recorder-core/src/engine/mp3';
+import 'recorder-core/src/engine/mp3-engine';
+import 'recorder-core/src/engine/pcm';
+import 'recorder-core/src/engine/wav';
+import 'recorder-core/src/extensions/asr.aliyun.short';
+import 'recorder-core/src/extensions/buffer_stream.player';
+import 'recorder-core/src/extensions/create-audio.nmn2pcm';
+import 'recorder-core/src/extensions/lib.fft';
+import 'recorder-core/src/extensions/dtmf.decode';
+import 'recorder-core/src/extensions/dtmf.encode';
+import 'recorder-core/src/extensions/frequency.histogram.view';
+import 'recorder-core/src/extensions/sonic';
+import 'recorder-core/src/extensions/wavesurfer.view';
+import 'recorder-core/src/extensions/waveview';
+export type RecorderCore = typeof Recorder;
+export type RecorderCoreInstance = ReturnType<RecorderCore>;
+export type RecorderCoreOptions = Parameters<RecorderCore>[0];
+export default Recorder;

package/es/sender/recorder-core.js

@@ -0,0 +1,26 @@
+import Recorder from "recorder-core";
+import "recorder-core/src/engine/beta-amr";
+import "recorder-core/src/engine/beta-amr-engine";
+import "recorder-core/src/engine/beta-ogg";
+import "recorder-core/src/engine/beta-ogg-engine";
+import "recorder-core/src/engine/beta-webm";
+import "recorder-core/src/engine/g711x";
+import "recorder-core/src/engine/mp3";
+import "recorder-core/src/engine/mp3-engine";
+import "recorder-core/src/engine/pcm";
+import "recorder-core/src/engine/wav";
+import "recorder-core/src/extensions/asr.aliyun.short";
+import "recorder-core/src/extensions/buffer_stream.player";
+import "recorder-core/src/extensions/create-audio.nmn2pcm";
+import "recorder-core/src/extensions/lib.fft";
+import "recorder-core/src/extensions/dtmf.decode";
+import "recorder-core/src/extensions/dtmf.encode";
+import "recorder-core/src/extensions/frequency.histogram.view";
+import "recorder-core/src/extensions/sonic";
+import "recorder-core/src/extensions/wavesurfer.view";
+import "recorder-core/src/extensions/waveview";
+//#region components/sender/recorder-core.ts
+Recorder.TrafficImgUrl = "";
+var recorder_core_default = Recorder;
+//#endregion
+export { recorder_core_default as default };

package/es/sender/sender.vue_vue_type_script_setup_true_lang.js

@@ -11,7 +11,7 @@ import { senderInjectionKey } from "./context.js";
 import IconArrowUp from "../icon/icon-arrow-up/index.js";
 import IconMute from "../icon/icon-mute/index.js";
 import IconVoice from "../icon/icon-voice/index.js";
-import { useSpeech } from "./use-speech.js";
+import { useRecorder } from "./use-recorder.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, h, mergeProps, nextTick, normalizeClass, normalizeStyle, openBlock, provide, renderSlot, resolveDynamicComponent, shallowRef, toRef, unref, useAttrs, watch, withCtx } from "vue";
 import { createReusableTemplate } from "@vueuse/core";
 import { INSERT_LINE_BREAK_COMMAND } from "lexical";
@@ -29,7 +29,7 @@ var sender_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		submitType: { default: "enter" },
 		disabled: { type: Boolean },
 		slotConfig: {},
-		allowSpeech: { type: [Boolean, Object] },
+		allowSpeech: { type: Boolean },
 		autoSize: {
 			type: [Boolean, Object],
 			default: () => ({ maxRows: 8 })
@@ -56,13 +56,8 @@ var sender_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		"pasteFile",
 		"focus",
 		"blur",
-		"speechStart",
-		"speechData",
 		"speechEnd",
-		"speechError",
-		"speechTransportOpen",
-		"speechTransportMessage",
-		"speechTransportClose"
+		"speechError"
 	],
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
@@ -404,24 +399,19 @@ var sender_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			if (cancelDisabled.value || props.disabled) return;
 			emit("cancel");
 		};
-		const { available: speechAvailable, recording, requesting: speechRequesting, statusText: speechStatusText, trigger: triggerSpeech } = useSpeech(toRef(props, "allowSpeech"), {
-			onStart: (event) => emit("speechStart", event),
-			onData: (event) => emit("speechData", event),
-			onEnd: (event) => emit("speechEnd", event),
-			onError: (event) => emit("speechError", event),
-			onTransportOpen: (event) => emit("speechTransportOpen", event),
-			onTransportMessage: (event) => emit("speechTransportMessage", event),
-			onTransportClose: (event) => emit("speechTransportClose", event)
+		const { Recorder, available: speechAvailable, recorder, recording, requesting: speechRequesting, stopping: speechStopping, statusText: speechStatusText, trigger: triggerSpeech } = useRecorder(toRef(props, "allowSpeech"), {
+			onStop: (blob, duration, mime) => emit("speechEnd", blob, duration, mime),
+			onError: (message, isUserNotAllow) => emit("speechError", message, isUserNotAllow)
 		});
 		const actionContext = computed(() => ({
 			send: triggerSend,
 			clear: triggerClear,
 			cancel: triggerCancel,
-			speech: () => triggerSpeech(false),
+			speech: triggerSpeech,
 			submitDisabled: Boolean(props.disabled || submitDisabled.value),
 			clearDisabled: Boolean(props.disabled || clearDisabled.value),
 			cancelDisabled: Boolean(props.disabled || cancelDisabled.value),
-			speechDisabled: Boolean(props.disabled || !speechAvailable.value || speechRequesting.value),
+			speechDisabled: Boolean(props.disabled || !speechAvailable.value || speechRequesting.value || speechStopping.value),
 			recording: recording.value,
 			loading: Boolean(props.loading)
 		}));
@@ -657,6 +647,14 @@ var sender_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			}
 		});
 		__expose({
+			Recorder,
+			get recorder() {
+				var _recorder$value;
+				return (_recorder$value = recorder.value) !== null && _recorder$value !== void 0 ? _recorder$value : null;
+			},
+			get recording() {
+				return recording.value;
+			},
 			get inputElement() {
 				var _slotInputRef$value$r, _slotInputRef$value9;
 				return isSlotMode.value ? (_slotInputRef$value$r = (_slotInputRef$value9 = slotInputRef.value) === null || _slotInputRef$value9 === void 0 ? void 0 : _slotInputRef$value9.rootElement) !== null && _slotInputRef$value$r !== void 0 ? _slotInputRef$value$r : null : getNativeTextarea();
@@ -681,7 +679,7 @@ var sender_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 					}, [renderSlot(_ctx.$slots, "suffix", { actions: actionContext.value }, () => [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-actions-list-presets`) }, [__props.allowSpeech ? (openBlock(), createBlock(unref(Button), {
 						key: 0,
 						type: "text",
-						loading: unref(speechRequesting),
+						loading: unref(speechRequesting) || unref(speechStopping),
 						disabled: actionContext.value.speechDisabled,
 						title: unref(speechStatusText),
 						class: normalizeClass([`${unref(prefixCls)}-actions-btn`, { [`${unref(prefixCls)}-actions-btn-disabled`]: actionContext.value.speechDisabled }]),

package/es/sender/types.d.ts

@@ -1,5 +1,6 @@
 import type { CSSProperties, Component, VNodeChild } from 'vue';
 import type { TooltipProps } from '../tooltip';
+import type { RecorderCore, RecorderCoreInstance, RecorderCoreOptions } from './recorder-core';
 export type SenderSubmitType = 'enter' | 'shiftEnter';
 export type SenderInsertPosition = 'start' | 'end' | 'cursor';
 export type SenderSuffixPlacement = 'content' | 'footer';
@@ -7,59 +8,7 @@ export type SenderSemanticType = 'root' | 'prefix' | 'input' | 'suffix' | 'foote
 export interface SenderComponents {
     input?: Component;
 }
-export interface SenderSpeechConfig {
-    recording?: boolean;
-    onRecordingChange?: (recording: boolean) => void;
-    audioConstraints?: MediaTrackConstraints;
-    bufferSize?: number;
-    workletUrl?: string;
-    processorName?: string;
-    processorOptions?: Record<string, unknown>;
-    url?: string;
-    protocols?: string | string[];
-    sendMetadata?: boolean;
-}
-export type SenderControlledSpeechConfig = SenderSpeechConfig;
-export type SenderAllowSpeech = boolean | SenderSpeechConfig;
-export interface SenderSpeechStartEvent {
-    source: 'capture' | 'controlled';
-    startedAt: number;
-    stream?: MediaStream;
-    audioContext?: AudioContext;
-    sampleRate?: number;
-}
-export interface SenderSpeechDataEvent {
-    buffer: ArrayBuffer;
-    sampleRate: number;
-    sequence: number;
-    timestamp: number;
-}
-export type SenderSpeechEndReason = 'manual' | 'controlled' | 'error' | 'unmount';
-export interface SenderSpeechEndEvent {
-    source: 'capture' | 'controlled';
-    reason: SenderSpeechEndReason;
-    startedAt: number;
-    endedAt: number;
-    duration: number;
-    chunks: number;
-}
-export type SenderSpeechErrorPhase = 'permission' | 'audioContext' | 'audioWorklet' | 'transport';
-export interface SenderSpeechErrorEvent {
-    error: Error;
-    phase: SenderSpeechErrorPhase;
-}
-export interface SenderSpeechTransportOpenEvent {
-    event: Event;
-    socket: WebSocket;
-}
-export interface SenderSpeechTransportMessageEvent {
-    event: MessageEvent;
-    socket: WebSocket;
-}
-export interface SenderSpeechTransportCloseEvent {
-    event: CloseEvent;
-    socket: WebSocket;
-}
+export type SenderAllowSpeech = boolean | RecorderCoreOptions;
 export interface SenderSkillClosableConfig {
     closeIcon?: VNodeChild;
     onClose?: (event: MouseEvent) => void;
@@ -144,6 +93,9 @@ export interface SenderFocusOptions {
     key?: string;
 }
 export interface SenderRef {
+    readonly Recorder: RecorderCore;
+    readonly recorder: RecorderCoreInstance | null;
+    readonly recording: boolean;
     readonly inputElement: HTMLTextAreaElement | HTMLDivElement | null;
     readonly nativeElement: HTMLDivElement | null;
     focus: (options?: SenderFocusOptions) => void;
@@ -201,13 +153,8 @@ export interface SenderEmits {
     'pasteFile': [files: FileList];
     'focus': [event: FocusEvent];
     'blur': [event: FocusEvent];
-    'speechStart': [event: SenderSpeechStartEvent];
-    'speechData': [event: SenderSpeechDataEvent];
-    'speechEnd': [event: SenderSpeechEndEvent];
-    'speechError': [event: SenderSpeechErrorEvent];
-    'speechTransportOpen': [event: SenderSpeechTransportOpenEvent];
-    'speechTransportMessage': [event: SenderSpeechTransportMessageEvent];
-    'speechTransportClose': [event: SenderSpeechTransportCloseEvent];
+    'speechEnd': [blob: Blob, duration: number, mime: string];
+    'speechError': [message: string, isUserNotAllow: boolean];
 }
 export type SenderHeaderSemanticType = 'header' | 'content';
 export interface SenderHeaderProps {

package/es/sender/use-recorder.d.ts

@@ -0,0 +1,16 @@
+import { type MaybeRefOrGetter } from 'vue';
+import type { SenderAllowSpeech } from './types';
+export interface UseRecorderOptions {
+    onStop?: (blob: Blob, duration: number, mime: string) => void;
+    onError?: (message: string, isUserNotAllow: boolean) => void;
+}
+export declare function useRecorder(allowSpeech: MaybeRefOrGetter<SenderAllowSpeech | undefined>, options?: UseRecorderOptions): {
+    Recorder: any;
+    available: import("vue").ComputedRef<boolean>;
+    recorder: import("vue").ShallowRef<any, any>;
+    recording: import("vue").ShallowRef<boolean, boolean>;
+    requesting: import("vue").ShallowRef<boolean, boolean>;
+    stopping: import("vue").ShallowRef<boolean, boolean>;
+    statusText: import("vue").ComputedRef<string>;
+    trigger: () => void;
+};

package/es/sender/use-recorder.js

@@ -0,0 +1,117 @@
+import { useI18n } from "../locale/index.js";
+import recorder_core_default from "./recorder-core.js";
+import { computed, onBeforeUnmount, onMounted, shallowRef, toValue, watch } from "vue";
+//#region components/sender/use-recorder.ts
+function useRecorder(allowSpeech, options = {}) {
+	const { t } = useI18n();
+	const config = computed(() => toValue(allowSpeech));
+	const supported = shallowRef(false);
+	const recording = shallowRef(false);
+	const requesting = shallowRef(false);
+	const stopping = shallowRef(false);
+	const permissionDenied = shallowRef(false);
+	const captureError = shallowRef();
+	const recorder = shallowRef();
+	let mounted = false;
+	let supportChecked = false;
+	let disposed = false;
+	const available = computed(() => Boolean(config.value) && supported.value && !permissionDenied.value);
+	const statusText = computed(() => {
+		if (requesting.value) return t("sender.speech.requestingPermission");
+		if (permissionDenied.value) return t("sender.speech.permissionDenied");
+		if (captureError.value) return t("sender.speech.microphoneUnavailable");
+		if (!supported.value) return t("sender.speech.unsupported");
+		if (recording.value) return t("sender.speech.stop");
+		return t("sender.speech.start");
+	});
+	const close = () => {
+		var _recorder$value;
+		(_recorder$value = recorder.value) === null || _recorder$value === void 0 || _recorder$value.close();
+		recorder.value = void 0;
+		recording.value = false;
+		requesting.value = false;
+		stopping.value = false;
+	};
+	const stop = () => {
+		const current = recorder.value;
+		if (!current || !recording.value || requesting.value || stopping.value) return;
+		stopping.value = true;
+		const finish = () => {
+			recording.value = false;
+			requesting.value = false;
+			stopping.value = false;
+			recorder.value = void 0;
+		};
+		current.stop((blob, duration, mime) => {
+			var _options$onStop;
+			if (disposed) return;
+			(_options$onStop = options.onStop) === null || _options$onStop === void 0 || _options$onStop.call(options, blob, duration, mime);
+			finish();
+		}, (message) => {
+			var _options$onError;
+			if (disposed) return;
+			(_options$onError = options.onError) === null || _options$onError === void 0 || _options$onError.call(options, message, false);
+			finish();
+		}, true);
+	};
+	const start = () => {
+		if (!available.value || requesting.value || recording.value || stopping.value) return;
+		requesting.value = true;
+		permissionDenied.value = false;
+		captureError.value = void 0;
+		const current = recorder_core_default(typeof config.value === "object" ? config.value : {});
+		recorder.value = current;
+		current.open(() => {
+			if (disposed || recorder.value !== current) {
+				current.close();
+				return;
+			}
+			current.start();
+			recording.value = true;
+			requesting.value = false;
+		}, (message, isUserNotAllow) => {
+			var _options$onError2;
+			current.close();
+			if (disposed || recorder.value !== current) return;
+			recorder.value = void 0;
+			permissionDenied.value = isUserNotAllow;
+			if (!isUserNotAllow) captureError.value = message;
+			recording.value = false;
+			requesting.value = false;
+			(_options$onError2 = options.onError) === null || _options$onError2 === void 0 || _options$onError2.call(options, message, isUserNotAllow);
+		});
+	};
+	const trigger = () => {
+		if (recording.value) stop();
+		else start();
+	};
+	const checkSupport = () => {
+		if (supportChecked) return;
+		supportChecked = true;
+		supported.value = recorder_core_default.Support();
+	};
+	onMounted(() => {
+		mounted = true;
+		if (config.value) checkSupport();
+	});
+	watch(() => Boolean(config.value), (enabled) => {
+		if (enabled && mounted) checkSupport();
+		else if (!enabled) close();
+	});
+	onBeforeUnmount(() => {
+		disposed = true;
+		close();
+	});
+	return {
+		Recorder: recorder_core_default,
+		available,
+		recorder,
+		recording,
+		requesting,
+		stopping,
+		statusText,
+		trigger
+	};
+}
+//#endregion
+export { useRecorder };

package/json/vetur-attributes.json

@@ -3038,7 +3038,7 @@
     "description": "Structured slot configuration"
   },
   "sd-sender/allow-speech": {
-    "description": "AudioWorklet capture, streaming transport, or controlled recording configuration"
+    "description": "Whether recording is enabled; an object value is passed to recorder-core as-is"
   },
   "sd-sender/auto-size": {
     "description": "Textarea auto-size configuration"

package/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@sdata/web-vue",
-  "version": "3.22.2",
+  "version": "3.22.3",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -7419,7 +7419,7 @@
             },
             {
               "name": "allow-speech",
-              "description": "AudioWorklet capture, streaming transport, or controlled recording configuration",
+              "description": "Whether recording is enabled; an object value is passed to recorder-core as-is",
               "value": {
                 "type": "SenderAllowSpeech",
                 "kind": "expression"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sdata/web-vue",
-  "version": "3.22.3",
+  "version": "3.23.0",
   "description": "SD Design Vue: A Vue.js 3 UI Library",
   "keywords": [
     "sd",
@@ -76,6 +76,7 @@
     "overlayscrollbars": "^2.16.0",
     "pdfjs-dist": "^6.1.200",
     "qrcode": "^1.5.4",
+    "recorder-core": "^1.3.26070800",
     "resize-observer-polyfill": "^1.5.1",
     "scroll-into-view-if-needed": "^3.1.0",
     "virtua": "^0.49.3",

package/es/sender/use-speech.d.ts

@@ -1,19 +0,0 @@
-import { type MaybeRefOrGetter } from 'vue';
-import type { SenderAllowSpeech, SenderSpeechDataEvent, SenderSpeechEndEvent, SenderSpeechErrorEvent, SenderSpeechStartEvent, SenderSpeechTransportCloseEvent, SenderSpeechTransportMessageEvent, SenderSpeechTransportOpenEvent } from './types';
-interface UseSpeechOptions {
-    onStart: (event: SenderSpeechStartEvent) => void;
-    onData: (event: SenderSpeechDataEvent) => void;
-    onEnd: (event: SenderSpeechEndEvent) => void;
-    onError: (event: SenderSpeechErrorEvent) => void;
-    onTransportOpen: (event: SenderSpeechTransportOpenEvent) => void;
-    onTransportMessage: (event: SenderSpeechTransportMessageEvent) => void;
-    onTransportClose: (event: SenderSpeechTransportCloseEvent) => void;
-}
-export declare function useSpeech(allowSpeech: MaybeRefOrGetter<SenderAllowSpeech | undefined>, options: UseSpeechOptions): {
-    available: import("vue").ComputedRef<boolean>;
-    recording: import("vue").ComputedRef<boolean>;
-    requesting: import("vue").ComputedRef<boolean>;
-    statusText: import("vue").ComputedRef<string>;
-    trigger: (breakRecording?: boolean) => Promise<void>;
-};
-export {};

package/es/sender/use-speech.js

@@ -1,381 +0,0 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
-import { useI18n } from "../locale/index.js";
-import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/asyncToGenerator.js";
-import { computed, onBeforeUnmount, onMounted, shallowRef, toValue, watch } from "vue";
-//#region components/sender/use-speech.ts
-var DEFAULT_PROCESSOR_NAME = "sd-sender-audio-processor";
-var DEFAULT_BUFFER_SIZE = 4096;
-var resolveBufferSize = (value) => typeof value === "number" && Number.isFinite(value) ? Math.max(128, Math.floor(value)) : DEFAULT_BUFFER_SIZE;
-var WORKLET_SOURCE = `
-class SdSenderAudioProcessor extends AudioWorkletProcessor {
-  constructor(options) {
-    super();
-    this.bufferSize = Math.max(128, options.processorOptions?.bufferSize || ${DEFAULT_BUFFER_SIZE});
-    this.buffer = new Float32Array(this.bufferSize);
-    this.offset = 0;
-    this.stopped = false;
-    this.port.onmessage = (event) => {
-      if (event.data?.type !== 'flush') return;
-      if (this.offset > 0) {
-        const chunk = this.buffer.slice(0, this.offset);
-        this.port.postMessage(chunk.buffer, [chunk.buffer]);
-        this.offset = 0;
-      }
-      this.stopped = true;
-      this.port.postMessage({ type: 'flushed' });
-    };
-  }
-
-  process(inputs) {
-    if (this.stopped) return false;
-    const channels = inputs[0];
-    if (!channels?.length) return true;
-    const frames = channels[0].length;
-    for (let frame = 0; frame < frames; frame += 1) {
-      let sample = 0;
-      for (let channel = 0; channel < channels.length; channel += 1) {
-        sample += channels[channel][frame] || 0;
-      }
-      this.buffer[this.offset] = sample / channels.length;
-      this.offset += 1;
-      if (this.offset === this.bufferSize) {
-        const chunk = this.buffer;
-        this.port.postMessage(chunk.buffer, [chunk.buffer]);
-        this.buffer = new Float32Array(this.bufferSize);
-        this.offset = 0;
-      }
-    }
-    return true;
-  }
-}
-registerProcessor('${DEFAULT_PROCESSOR_NAME}', SdSenderAudioProcessor);
-`;
-var isPermissionDeniedError = (error) => error instanceof DOMException ? error.name === "NotAllowedError" || error.name === "SecurityError" : error instanceof Error && (error.name === "NotAllowedError" || error.name === "SecurityError");
-function useSpeech(allowSpeech, options) {
-	const { t } = useI18n();
-	const config = computed(() => toValue(allowSpeech));
-	const controlled = computed(() => typeof config.value === "object" && typeof config.value.recording === "boolean" && typeof config.value.onRecordingChange === "function");
-	const supported = shallowRef(false);
-	const internalRecording = shallowRef(false);
-	const requesting = shallowRef(false);
-	const stopping = shallowRef(false);
-	const captureError = shallowRef();
-	const stream = shallowRef();
-	const audioContext = shallowRef();
-	const sourceNode = shallowRef();
-	const workletNode = shallowRef();
-	const socket = shallowRef();
-	const startedAt = shallowRef(0);
-	const chunks = shallowRef(0);
-	const sequence = shallowRef(0);
-	let generatedWorkletUrl;
-	let resolveWorkletStop;
-	let workletStopRequested = false;
-	let workletReady = false;
-	let disposed = false;
-	const recording = computed(() => controlled.value && typeof config.value === "object" ? Boolean(config.value.recording) : internalRecording.value);
-	const available = computed(() => Boolean(config.value) && (controlled.value || supported.value) && !(captureError.value && isPermissionDeniedError(captureError.value.error)));
-	const statusText = computed(() => {
-		var _captureError$value;
-		if (requesting.value) return t("sender.speech.requestingPermission");
-		if (captureError.value && isPermissionDeniedError(captureError.value.error)) return t("sender.speech.permissionDenied");
-		if (!controlled.value && !supported.value) return t("sender.speech.unsupported");
-		if (recording.value) return t("sender.speech.stop");
-		if (((_captureError$value = captureError.value) === null || _captureError$value === void 0 ? void 0 : _captureError$value.error.name) === "NotFoundError") return t("sender.speech.noMicrophone");
-		if (captureError.value) return t("sender.speech.microphoneUnavailable");
-		return t("sender.speech.start");
-	});
-	const resolveAudioContext = () => {
-		var _window$AudioContext;
-		const AudioContextConstructor = (_window$AudioContext = window.AudioContext) !== null && _window$AudioContext !== void 0 ? _window$AudioContext : window.webkitAudioContext;
-		if (!AudioContextConstructor) throw new Error("AudioContext is not supported");
-		return new AudioContextConstructor();
-	};
-	const resolveWorkletUrl = () => {
-		var _generatedWorkletUrl;
-		if (typeof config.value === "object" && config.value.workletUrl) return config.value.workletUrl;
-		(_generatedWorkletUrl = generatedWorkletUrl) !== null && _generatedWorkletUrl !== void 0 || (generatedWorkletUrl = URL.createObjectURL(new Blob([WORKLET_SOURCE], { type: "text/javascript" })));
-		return generatedWorkletUrl;
-	};
-	const connectTransport = (url, protocols) => new Promise((resolve, reject) => {
-		const nextSocket = protocols ? new WebSocket(url, protocols) : new WebSocket(url);
-		let opened = false;
-		socket.value = nextSocket;
-		nextSocket.binaryType = "arraybuffer";
-		nextSocket.onopen = (event) => {
-			opened = true;
-			options.onTransportOpen({
-				event,
-				socket: nextSocket
-			});
-			resolve(nextSocket);
-		};
-		nextSocket.onmessage = (event) => options.onTransportMessage({
-			event,
-			socket: nextSocket
-		});
-		nextSocket.onclose = (event) => options.onTransportClose({
-			event,
-			socket: nextSocket
-		});
-		nextSocket.onerror = () => {
-			const errorEvent = {
-				error: /* @__PURE__ */ new Error(`Unable to connect to speech URL: ${url}`),
-				phase: "transport"
-			};
-			if (opened) options.onError(errorEvent);
-			else reject(errorEvent.error);
-		};
-	});
-	const stopWorklet = () => new Promise((resolve) => {
-		var _workletNode$value;
-		const port = (_workletNode$value = workletNode.value) === null || _workletNode$value === void 0 ? void 0 : _workletNode$value.port;
-		if (!port || workletStopRequested) {
-			resolve();
-			return;
-		}
-		workletStopRequested = true;
-		let settled = false;
-		const finish = () => {
-			if (settled) return;
-			settled = true;
-			window.clearTimeout(timeout);
-			resolveWorkletStop = void 0;
-			resolve();
-		};
-		const timeout = window.setTimeout(finish, 100);
-		resolveWorkletStop = finish;
-		port.postMessage({ type: "flush" });
-	});
-	const releaseResources = function() {
-		var _ref = _asyncToGenerator(function* () {
-			var _sourceNode$value, _stream$value, _audioContext$value;
-			const currentWorkletNode = workletNode.value;
-			yield stopWorklet();
-			if (currentWorkletNode) {
-				currentWorkletNode.port.onmessage = null;
-				currentWorkletNode.port.close();
-				currentWorkletNode.disconnect();
-			}
-			(_sourceNode$value = sourceNode.value) === null || _sourceNode$value === void 0 || _sourceNode$value.disconnect();
-			(_stream$value = stream.value) === null || _stream$value === void 0 || _stream$value.getTracks().forEach((track) => track.stop());
-			if (((_audioContext$value = audioContext.value) === null || _audioContext$value === void 0 ? void 0 : _audioContext$value.state) === "running") yield audioContext.value.suspend();
-			if (socket.value && (socket.value.readyState === WebSocket.OPEN || socket.value.readyState === WebSocket.CONNECTING)) socket.value.close(1e3, "speech-ended");
-			workletNode.value = void 0;
-			sourceNode.value = void 0;
-			stream.value = void 0;
-			socket.value = void 0;
-		});
-		return function releaseResources() {
-			return _ref.apply(this, arguments);
-		};
-	}();
-	const closeAudioContext = function() {
-		var _ref2 = _asyncToGenerator(function* () {
-			if (audioContext.value && audioContext.value.state !== "closed") yield audioContext.value.close();
-			audioContext.value = void 0;
-			workletReady = false;
-		});
-		return function closeAudioContext() {
-			return _ref2.apply(this, arguments);
-		};
-	}();
-	const stopCapture = function() {
-		var _ref3 = _asyncToGenerator(function* (reason = "manual") {
-			if (!internalRecording.value || stopping.value) return;
-			stopping.value = true;
-			try {
-				var _socket$value, _config$value$onRecor, _config$value;
-				yield stopWorklet();
-				const endedAt = performance.now();
-				internalRecording.value = false;
-				if (((_socket$value = socket.value) === null || _socket$value === void 0 ? void 0 : _socket$value.readyState) === WebSocket.OPEN && typeof config.value === "object" && config.value.sendMetadata !== false) socket.value.send(JSON.stringify({
-					type: "end",
-					reason
-				}));
-				yield releaseResources();
-				if (typeof config.value === "object") (_config$value$onRecor = (_config$value = config.value).onRecordingChange) === null || _config$value$onRecor === void 0 || _config$value$onRecor.call(_config$value, false);
-				options.onEnd({
-					source: "capture",
-					reason,
-					startedAt: startedAt.value,
-					endedAt,
-					duration: endedAt - startedAt.value,
-					chunks: chunks.value
-				});
-			} finally {
-				stopping.value = false;
-			}
-		});
-		return function stopCapture() {
-			return _ref3.apply(this, arguments);
-		};
-	}();
-	const startCapture = function() {
-		var _ref4 = _asyncToGenerator(function* () {
-			if (requesting.value || stopping.value || internalRecording.value || !available.value) return;
-			requesting.value = true;
-			captureError.value = void 0;
-			let phase = "permission";
-			try {
-				var _speechConfig$audioCo, _speechConfig$process, _socket$value3, _speechConfig$onRecor;
-				const speechConfig = typeof config.value === "object" ? config.value : void 0;
-				const bufferSize = resolveBufferSize(speechConfig === null || speechConfig === void 0 ? void 0 : speechConfig.bufferSize);
-				stream.value = yield navigator.mediaDevices.getUserMedia({
-					audio: (_speechConfig$audioCo = speechConfig === null || speechConfig === void 0 ? void 0 : speechConfig.audioConstraints) !== null && _speechConfig$audioCo !== void 0 ? _speechConfig$audioCo : true,
-					video: false
-				});
-				if (disposed) {
-					yield releaseResources();
-					return;
-				}
-				if (speechConfig === null || speechConfig === void 0 ? void 0 : speechConfig.url) {
-					phase = "transport";
-					yield connectTransport(speechConfig.url, speechConfig.protocols);
-					if (disposed) {
-						yield releaseResources();
-						return;
-					}
-				}
-				phase = "audioContext";
-				let nextAudioContext = audioContext.value;
-				if (!nextAudioContext) {
-					nextAudioContext = resolveAudioContext();
-					audioContext.value = nextAudioContext;
-					workletReady = false;
-				}
-				if (nextAudioContext.state === "suspended") yield nextAudioContext.resume();
-				phase = "audioWorklet";
-				if (!workletReady) {
-					yield nextAudioContext.audioWorklet.addModule(resolveWorkletUrl());
-					workletReady = true;
-				}
-				if (disposed) {
-					yield releaseResources();
-					return;
-				}
-				const processorName = (_speechConfig$process = speechConfig === null || speechConfig === void 0 ? void 0 : speechConfig.processorName) !== null && _speechConfig$process !== void 0 ? _speechConfig$process : DEFAULT_PROCESSOR_NAME;
-				const nextWorkletNode = new AudioWorkletNode(nextAudioContext, processorName, {
-					numberOfInputs: 1,
-					numberOfOutputs: 0,
-					channelCount: 1,
-					processorOptions: _objectSpread2(_objectSpread2({}, speechConfig === null || speechConfig === void 0 ? void 0 : speechConfig.processorOptions), {}, { bufferSize })
-				});
-				workletStopRequested = false;
-				workletNode.value = nextWorkletNode;
-				sourceNode.value = nextAudioContext.createMediaStreamSource(stream.value);
-				nextWorkletNode.port.onmessage = (event) => {
-					var _socket$value2;
-					if (!(event.data instanceof ArrayBuffer) && "type" in event.data) {
-						if (event.data.type === "flushed") resolveWorkletStop === null || resolveWorkletStop === void 0 || resolveWorkletStop();
-						return;
-					}
-					if (!internalRecording.value) return;
-					const buffer = event.data;
-					const dataEvent = {
-						buffer,
-						sampleRate: nextAudioContext.sampleRate,
-						sequence: sequence.value,
-						timestamp: performance.now()
-					};
-					sequence.value += 1;
-					chunks.value += 1;
-					options.onData(dataEvent);
-					if (((_socket$value2 = socket.value) === null || _socket$value2 === void 0 ? void 0 : _socket$value2.readyState) === WebSocket.OPEN) socket.value.send(buffer);
-				};
-				sourceNode.value.connect(nextWorkletNode);
-				startedAt.value = performance.now();
-				chunks.value = 0;
-				sequence.value = 0;
-				internalRecording.value = true;
-				if (((_socket$value3 = socket.value) === null || _socket$value3 === void 0 ? void 0 : _socket$value3.readyState) === WebSocket.OPEN && (speechConfig === null || speechConfig === void 0 ? void 0 : speechConfig.sendMetadata) !== false) socket.value.send(JSON.stringify({
-					type: "start",
-					format: "pcm-f32",
-					channels: 1,
-					sampleRate: nextAudioContext.sampleRate,
-					bufferSize
-				}));
-				speechConfig === null || speechConfig === void 0 || (_speechConfig$onRecor = speechConfig.onRecordingChange) === null || _speechConfig$onRecor === void 0 || _speechConfig$onRecor.call(speechConfig, true);
-				options.onStart({
-					source: "capture",
-					startedAt: startedAt.value,
-					stream: stream.value,
-					audioContext: nextAudioContext,
-					sampleRate: nextAudioContext.sampleRate
-				});
-			} catch (error) {
-				const errorEvent = {
-					error: error instanceof Error ? error : new Error(String(error)),
-					phase
-				};
-				captureError.value = errorEvent;
-				options.onError(errorEvent);
-				yield releaseResources();
-				yield closeAudioContext();
-			} finally {
-				requesting.value = false;
-			}
-		});
-		return function startCapture() {
-			return _ref4.apply(this, arguments);
-		};
-	}();
-	const trigger = function() {
-		var _ref5 = _asyncToGenerator(function* (breakRecording = false) {
-			if (requesting.value || stopping.value) return;
-			if (breakRecording && !recording.value) return;
-			if (controlled.value && typeof config.value === "object") {
-				var _config$value$onRecor2, _config$value2;
-				const nextRecording = !recording.value;
-				(_config$value$onRecor2 = (_config$value2 = config.value).onRecordingChange) === null || _config$value$onRecor2 === void 0 || _config$value$onRecor2.call(_config$value2, nextRecording);
-				const now = performance.now();
-				if (nextRecording) {
-					startedAt.value = now;
-					options.onStart({
-						source: "controlled",
-						startedAt: now
-					});
-				} else options.onEnd({
-					source: "controlled",
-					reason: "controlled",
-					startedAt: startedAt.value,
-					endedAt: now,
-					duration: now - startedAt.value,
-					chunks: 0
-				});
-				return;
-			}
-			if (internalRecording.value) yield stopCapture();
-			else yield startCapture();
-		});
-		return function trigger() {
-			return _ref5.apply(this, arguments);
-		};
-	}();
-	onMounted(() => {
-		var _navigator$mediaDevic;
-		supported.value = Boolean(typeof ((_navigator$mediaDevic = navigator.mediaDevices) === null || _navigator$mediaDevic === void 0 ? void 0 : _navigator$mediaDevic.getUserMedia) === "function" && typeof AudioContext !== "undefined" && typeof AudioWorkletNode !== "undefined");
-	});
-	watch(() => Boolean(config.value), (enabled) => {
-		if (!enabled) stopCapture();
-	});
-	watch(controlled, (nextControlled) => {
-		if (nextControlled) stopCapture();
-	});
-	onBeforeUnmount(_asyncToGenerator(function* () {
-		disposed = true;
-		if (internalRecording.value) yield stopCapture("unmount");
-		else yield releaseResources();
-		yield closeAudioContext();
-		if (generatedWorkletUrl) URL.revokeObjectURL(generatedWorkletUrl);
-	}));
-	return {
-		available,
-		recording,
-		requesting: computed(() => requesting.value || stopping.value),
-		statusText,
-		trigger
-	};
-}
-//#endregion
-export { useSpeech };