85 lines
2.9 KiB
JavaScript
85 lines
2.9 KiB
JavaScript
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
// Based on https://github.com/react-bootstrap/dom-helpers/blob/master/src/util/inDOM.js
|
|
var inDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
|
|
var cachedType;
|
|
function _setScrollType(type) {
|
|
cachedType = type;
|
|
}
|
|
exports._setScrollType = _setScrollType;
|
|
// Based on the jquery plugin https://github.com/othree/jquery.rtl-scroll-type
|
|
function detectScrollType() {
|
|
if (cachedType) {
|
|
return cachedType;
|
|
}
|
|
if (!inDOM || !window.document.body) {
|
|
return 'indeterminate';
|
|
}
|
|
var dummy = window.document.createElement('div');
|
|
dummy.appendChild(document.createTextNode('ABCD'));
|
|
dummy.dir = 'rtl';
|
|
dummy.style.fontSize = '14px';
|
|
dummy.style.width = '4px';
|
|
dummy.style.height = '1px';
|
|
dummy.style.position = 'absolute';
|
|
dummy.style.top = '-1000px';
|
|
dummy.style.overflow = 'scroll';
|
|
document.body.appendChild(dummy);
|
|
cachedType = 'reverse';
|
|
if (dummy.scrollLeft > 0) {
|
|
cachedType = 'default';
|
|
}
|
|
else {
|
|
dummy.scrollLeft = 1;
|
|
if (dummy.scrollLeft === 0) {
|
|
cachedType = 'negative';
|
|
}
|
|
}
|
|
document.body.removeChild(dummy);
|
|
return cachedType;
|
|
}
|
|
exports.detectScrollType = detectScrollType;
|
|
// Based on https://stackoverflow.com/a/24394376
|
|
function getNormalizedScrollLeft(element, direction) {
|
|
var scrollLeft = element.scrollLeft;
|
|
// Perform the calculations only when direction is rtl to avoid messing up the ltr bahavior
|
|
if (direction !== 'rtl') {
|
|
return scrollLeft;
|
|
}
|
|
var type = detectScrollType();
|
|
if (type === 'indeterminate') {
|
|
return Number.NaN;
|
|
}
|
|
switch (type) {
|
|
case 'negative':
|
|
return element.scrollWidth - element.clientWidth + scrollLeft;
|
|
case 'reverse':
|
|
return element.scrollWidth - element.clientWidth - scrollLeft;
|
|
}
|
|
return scrollLeft;
|
|
}
|
|
exports.getNormalizedScrollLeft = getNormalizedScrollLeft;
|
|
function setNormalizedScrollLeft(element, scrollLeft, direction) {
|
|
// Perform the calculations only when direction is rtl to avoid messing up the ltr bahavior
|
|
if (direction !== 'rtl') {
|
|
element.scrollLeft = scrollLeft;
|
|
return;
|
|
}
|
|
var type = detectScrollType();
|
|
if (type === 'indeterminate') {
|
|
return;
|
|
}
|
|
switch (type) {
|
|
case 'negative':
|
|
element.scrollLeft = element.clientWidth - element.scrollWidth + scrollLeft;
|
|
break;
|
|
case 'reverse':
|
|
element.scrollLeft = element.scrollWidth - element.clientWidth - scrollLeft;
|
|
break;
|
|
default:
|
|
element.scrollLeft = scrollLeft;
|
|
break;
|
|
}
|
|
}
|
|
exports.setNormalizedScrollLeft = setNormalizedScrollLeft;
|