elk/composables/aria.ts

62 lines
1.1 KiB
TypeScript
Raw Normal View History

export type AriaLive = 'off' | 'polite' | 'assertive'
export type AriaAnnounceType = 'announce' | 'mute' | 'unmute'
2022-12-23 15:08:36 +00:00
const ariaAnnouncer = useEventBus<AriaAnnounceType, string | undefined>(Symbol('aria-announcer'))
export const useAriaAnnouncer = () => {
const announce = (message: string) => {
ariaAnnouncer.emit('announce', message)
}
const mute = () => {
ariaAnnouncer.emit('mute')
}
const unmute = () => {
ariaAnnouncer.emit('unmute')
}
return { announce, ariaAnnouncer, mute, unmute }
}
export const useAriaLog = () => {
let logs = $ref<any[]>([])
const announceLogs = (messages: any[]) => {
logs = messages
}
const appendLogs = (messages: any[]) => {
logs = logs.concat(messages)
}
const clearLogs = () => {
logs = []
}
return {
announceLogs,
appendLogs,
clearLogs,
logs,
}
}
export const useAriaStatus = () => {
let status = $ref<any>('')
const announceStatus = (message: any) => {
status = message
}
const clearStatus = () => {
status = ''
}
return {
announceStatus,
clearStatus,
status,
}
}