You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
1021 B
35 lines
1021 B
/**
|
|
* Switch the CSS stylesheet used between 'rtl' and 'ltr'
|
|
* @param {('ltr' | 'rtl' | 'auto')} direction - Text direction, either left-to-right (ltr) or right-to-left (rtl)
|
|
* @return {Promise<void>}
|
|
*/
|
|
const switchDirection = async (direction) => {
|
|
if (direction === 'auto') {
|
|
// eslint-disable-next-line no-param-reassign
|
|
direction = 'ltr'
|
|
}
|
|
let updatedLink
|
|
Array.from(document.getElementsByTagName('link'))
|
|
.filter((link) => link.rel === 'stylesheet')
|
|
.forEach((link) => {
|
|
if (link.title === direction && link.disabled) {
|
|
link.disabled = false
|
|
updatedLink = link
|
|
} else if (link.title !== direction && !link.disabled) {
|
|
link.disabled = true
|
|
}
|
|
})
|
|
if (updatedLink) {
|
|
return new Promise((resolve, reject) => {
|
|
updatedLink.onload = () => {
|
|
resolve()
|
|
}
|
|
updatedLink.onerror = () =>
|
|
reject(new Error(`Failed to load '${direction}' stylesheet`))
|
|
})
|
|
}
|
|
|
|
return undefined
|
|
}
|
|
|
|
export default switchDirection
|
|
|