| /*! |
| * Bootstrap scrollbar.js v5.2.1 (https://getbootstrap.com/) |
| * Copyright 2011-2022 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors) |
| * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) |
| */ |
| (function (global, factory) { |
| typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../dom/selector-engine'), require('../dom/manipulator'), require('./index')) : |
| typeof define === 'function' && define.amd ? define(['../dom/selector-engine', '../dom/manipulator', './index'], factory) : |
| (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Scrollbar = factory(global.SelectorEngine, global.Manipulator, global.Index)); |
| })(this, (function (SelectorEngine, Manipulator, index) { 'use strict'; |
| |
| const _interopDefaultLegacy = e => e && typeof e === 'object' && 'default' in e ? e : { default: e }; |
| |
| const SelectorEngine__default = /*#__PURE__*/_interopDefaultLegacy(SelectorEngine); |
| const Manipulator__default = /*#__PURE__*/_interopDefaultLegacy(Manipulator); |
| |
| /** |
| * -------------------------------------------------------------------------- |
| * Bootstrap (v5.2.1): util/scrollBar.js |
| * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) |
| * -------------------------------------------------------------------------- |
| */ |
| /** |
| * Constants |
| */ |
| |
| const SELECTOR_FIXED_CONTENT = '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top'; |
| const SELECTOR_STICKY_CONTENT = '.sticky-top'; |
| const PROPERTY_PADDING = 'padding-right'; |
| const PROPERTY_MARGIN = 'margin-right'; |
| /** |
| * Class definition |
| */ |
| |
| class ScrollBarHelper { |
| constructor() { |
| this._element = document.body; |
| } // Public |
| |
| |
| getWidth() { |
| // https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes |
| const documentWidth = document.documentElement.clientWidth; |
| return Math.abs(window.innerWidth - documentWidth); |
| } |
| |
| hide() { |
| const width = this.getWidth(); |
| |
| this._disableOverFlow(); // give padding to element to balance the hidden scrollbar width |
| |
| |
| this._setElementAttributes(this._element, PROPERTY_PADDING, calculatedValue => calculatedValue + width); // trick: We adjust positive paddingRight and negative marginRight to sticky-top elements to keep showing fullwidth |
| |
| |
| this._setElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING, calculatedValue => calculatedValue + width); |
| |
| this._setElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN, calculatedValue => calculatedValue - width); |
| } |
| |
| reset() { |
| this._resetElementAttributes(this._element, 'overflow'); |
| |
| this._resetElementAttributes(this._element, PROPERTY_PADDING); |
| |
| this._resetElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING); |
| |
| this._resetElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN); |
| } |
| |
| isOverflowing() { |
| return this.getWidth() > 0; |
| } // Private |
| |
| |
| _disableOverFlow() { |
| this._saveInitialAttribute(this._element, 'overflow'); |
| |
| this._element.style.overflow = 'hidden'; |
| } |
| |
| _setElementAttributes(selector, styleProperty, callback) { |
| const scrollbarWidth = this.getWidth(); |
| |
| const manipulationCallBack = element => { |
| if (element !== this._element && window.innerWidth > element.clientWidth + scrollbarWidth) { |
| return; |
| } |
| |
| this._saveInitialAttribute(element, styleProperty); |
| |
| const calculatedValue = window.getComputedStyle(element).getPropertyValue(styleProperty); |
| element.style.setProperty(styleProperty, `${callback(Number.parseFloat(calculatedValue))}px`); |
| }; |
| |
| this._applyManipulationCallback(selector, manipulationCallBack); |
| } |
| |
| _saveInitialAttribute(element, styleProperty) { |
| const actualValue = element.style.getPropertyValue(styleProperty); |
| |
| if (actualValue) { |
| Manipulator__default.default.setDataAttribute(element, styleProperty, actualValue); |
| } |
| } |
| |
| _resetElementAttributes(selector, styleProperty) { |
| const manipulationCallBack = element => { |
| const value = Manipulator__default.default.getDataAttribute(element, styleProperty); // We only want to remove the property if the value is `null`; the value can also be zero |
| |
| if (value === null) { |
| element.style.removeProperty(styleProperty); |
| return; |
| } |
| |
| Manipulator__default.default.removeDataAttribute(element, styleProperty); |
| element.style.setProperty(styleProperty, value); |
| }; |
| |
| this._applyManipulationCallback(selector, manipulationCallBack); |
| } |
| |
| _applyManipulationCallback(selector, callBack) { |
| if (index.isElement(selector)) { |
| callBack(selector); |
| return; |
| } |
| |
| for (const sel of SelectorEngine__default.default.find(selector, this._element)) { |
| callBack(sel); |
| } |
| } |
| |
| } |
| |
| return ScrollBarHelper; |
| |
| })); |
| //# sourceMappingURL=scrollbar.js.map |