mirror of
https://github.com/idanoo/GoScrobble.git
synced 2024-11-25 09:55:15 +00:00
79 lines
2.6 KiB
JavaScript
79 lines
2.6 KiB
JavaScript
import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
|
|
import css from 'dom-helpers/css';
|
|
import qsa from 'dom-helpers/querySelectorAll';
|
|
import getScrollbarSize from 'dom-helpers/scrollbarSize';
|
|
import ModalManager from 'react-overlays/ModalManager';
|
|
var Selector = {
|
|
FIXED_CONTENT: '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top',
|
|
STICKY_CONTENT: '.sticky-top',
|
|
NAVBAR_TOGGLER: '.navbar-toggler'
|
|
};
|
|
|
|
var BootstrapModalManager = /*#__PURE__*/function (_ModalManager) {
|
|
_inheritsLoose(BootstrapModalManager, _ModalManager);
|
|
|
|
function BootstrapModalManager() {
|
|
return _ModalManager.apply(this, arguments) || this;
|
|
}
|
|
|
|
var _proto = BootstrapModalManager.prototype;
|
|
|
|
_proto.adjustAndStore = function adjustAndStore(prop, element, adjust) {
|
|
var _css;
|
|
|
|
var actual = element.style[prop]; // TODO: DOMStringMap and CSSStyleDeclaration aren't strictly compatible
|
|
// @ts-ignore
|
|
|
|
element.dataset[prop] = actual;
|
|
css(element, (_css = {}, _css[prop] = parseFloat(css(element, prop)) + adjust + "px", _css));
|
|
};
|
|
|
|
_proto.restore = function restore(prop, element) {
|
|
var value = element.dataset[prop];
|
|
|
|
if (value !== undefined) {
|
|
var _css2;
|
|
|
|
delete element.dataset[prop];
|
|
css(element, (_css2 = {}, _css2[prop] = value, _css2));
|
|
}
|
|
};
|
|
|
|
_proto.setContainerStyle = function setContainerStyle(containerState, container) {
|
|
var _this = this;
|
|
|
|
_ModalManager.prototype.setContainerStyle.call(this, containerState, container);
|
|
|
|
if (!containerState.overflowing) return;
|
|
var size = getScrollbarSize();
|
|
qsa(container, Selector.FIXED_CONTENT).forEach(function (el) {
|
|
return _this.adjustAndStore('paddingRight', el, size);
|
|
});
|
|
qsa(container, Selector.STICKY_CONTENT).forEach(function (el) {
|
|
return _this.adjustAndStore('marginRight', el, -size);
|
|
});
|
|
qsa(container, Selector.NAVBAR_TOGGLER).forEach(function (el) {
|
|
return _this.adjustAndStore('marginRight', el, size);
|
|
});
|
|
};
|
|
|
|
_proto.removeContainerStyle = function removeContainerStyle(containerState, container) {
|
|
var _this2 = this;
|
|
|
|
_ModalManager.prototype.removeContainerStyle.call(this, containerState, container);
|
|
|
|
qsa(container, Selector.FIXED_CONTENT).forEach(function (el) {
|
|
return _this2.restore('paddingRight', el);
|
|
});
|
|
qsa(container, Selector.STICKY_CONTENT).forEach(function (el) {
|
|
return _this2.restore('marginRight', el);
|
|
});
|
|
qsa(container, Selector.NAVBAR_TOGGLER).forEach(function (el) {
|
|
return _this2.restore('marginRight', el);
|
|
});
|
|
};
|
|
|
|
return BootstrapModalManager;
|
|
}(ModalManager);
|
|
|
|
export { BootstrapModalManager as default }; |