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.
36 lines
1.0 KiB
36 lines
1.0 KiB
/**
|
|
* 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)
|
|
* @returns {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;
|
|
|