diff --git a/src/elements/emby-scrollbuttons/emby-scrollbuttons.js b/src/elements/emby-scrollbuttons/emby-scrollbuttons.js index 2ad7c98020..1f21f7bf21 100644 --- a/src/elements/emby-scrollbuttons/emby-scrollbuttons.js +++ b/src/elements/emby-scrollbuttons/emby-scrollbuttons.js @@ -1,7 +1,7 @@ import './emby-scrollbuttons.scss'; import 'webcomponents.js/webcomponents-lite'; import '../emby-button/paper-icon-button-light'; -import globalize, { getIsRTL } from '../../scripts/globalize'; +import globalize from '../../scripts/globalize'; /* eslint-disable indent */ @@ -43,7 +43,7 @@ const EmbyScrollButtonsPrototype = Object.create(HTMLDivElement.prototype); // TODO: Check if hack is really needed // hack alert add twenty for rounding errors let localeAwarePos = scrollPos; - if (getIsRTL()) { + if (globalize.getElementIsRTL(scrollButtons)) { localeAwarePos *= -1; } diff --git a/src/libraries/navdrawer/navdrawer.js b/src/libraries/navdrawer/navdrawer.js index 35293773ee..e991dd7b86 100644 --- a/src/libraries/navdrawer/navdrawer.js +++ b/src/libraries/navdrawer/navdrawer.js @@ -7,7 +7,7 @@ import browser from '../../scripts/browser'; import dom from '../../scripts/dom'; import './navdrawer.scss'; import '../../assets/css/scrollstyles.scss'; -import { getIsRTL } from '../../scripts/globalize'; +import globalize from '../../scripts/globalize'; function getTouches(e) { return e.changedTouches || e.targetTouches || e.touches; @@ -75,7 +75,7 @@ class NavDrawer { const endX = touch.clientX || 0; const endY = touch.clientY || 0; let deltaX = endX - (this.menuTouchStartX || 0); - if (getIsRTL()) { + if (globalize.getIsRTL()) { deltaX *= -1; } const deltaY = endY - (this.menuTouchStartY || 0); @@ -111,7 +111,7 @@ class NavDrawer { const endX = touch.clientX || 0; const endY = touch.clientY || 0; let deltaX = endX - (this.menuTouchStartX || 0); - if (getIsRTL()) { + if (globalize.getIsRTL()) { deltaX *= -1; } const deltaY = endY - (this.menuTouchStartY || 0); @@ -169,7 +169,7 @@ class NavDrawer { if (endX <= options.width && this.isVisible) { this.countStart++; let deltaX = endX - (this.backgroundTouchStartX || 0); - if (getIsRTL()) { + if (globalize.getIsRTL()) { deltaX *= -1; } @@ -194,7 +194,7 @@ class NavDrawer { const touch = touches[0] || {}; const endX = touch.clientX || 0; let deltaX = endX - (this.backgroundTouchStartX || 0); - if (getIsRTL()) { + if (globalize.getIsRTL()) { deltaX *= -1; } this.checkMenuState(deltaX); @@ -218,7 +218,7 @@ class NavDrawer { animateToPosition(pos) { const options = this.options; requestAnimationFrame(function () { - options.target.style.transform = pos ? 'translateX(' + (getIsRTL() ? -pos : pos) + 'px)' : 'none'; + options.target.style.transform = pos ? 'translateX(' + (globalize.getIsRTL() ? -pos : pos) + 'px)' : 'none'; }); } diff --git a/src/libraries/scroller.js b/src/libraries/scroller.js index 45777c2e50..59918adf6a 100644 --- a/src/libraries/scroller.js +++ b/src/libraries/scroller.js @@ -9,7 +9,7 @@ import dom from '../scripts/dom'; import focusManager from '../components/focusManager'; import ResizeObserver from 'resize-observer-polyfill'; import '../assets/css/scrollstyles.scss'; -import { getIsRTL } from '../scripts/globalize'; +import globalize from '../scripts/globalize'; /** * Return type of the value. @@ -269,7 +269,7 @@ const scrollerFactory = function (frame, options) { newPos = within(newPos, pos.start, pos.end); } - if (getIsRTL()) + if (globalize.getIsRTL()) newPos *= -1; if (!transform) {