source: imaps-frontend/node_modules/bootstrap/js/dist/util/scrollbar.js

main
Last change on this file was d565449, checked in by stefan toskovski <stefantoska84@…>, 4 weeks ago

Update repo after prototype presentation

  • Property mode set to 100644
File size: 4.6 KB
RevLine 
[d565449]1/*!
2 * Bootstrap scrollbar.js v5.3.3 (https://getbootstrap.com/)
3 * Copyright 2011-2024 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
4 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
5 */
6(function (global, factory) {
7 typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../dom/manipulator.js'), require('../dom/selector-engine.js'), require('./index.js')) :
8 typeof define === 'function' && define.amd ? define(['../dom/manipulator', '../dom/selector-engine', './index'], factory) :
9 (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Scrollbar = factory(global.Manipulator, global.SelectorEngine, global.Index));
10})(this, (function (Manipulator, SelectorEngine, index_js) { 'use strict';
11
12 /**
13 * --------------------------------------------------------------------------
14 * Bootstrap util/scrollBar.js
15 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
16 * --------------------------------------------------------------------------
17 */
18
19
20 /**
21 * Constants
22 */
23
24 const SELECTOR_FIXED_CONTENT = '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top';
25 const SELECTOR_STICKY_CONTENT = '.sticky-top';
26 const PROPERTY_PADDING = 'padding-right';
27 const PROPERTY_MARGIN = 'margin-right';
28
29 /**
30 * Class definition
31 */
32
33 class ScrollBarHelper {
34 constructor() {
35 this._element = document.body;
36 }
37
38 // Public
39 getWidth() {
40 // https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes
41 const documentWidth = document.documentElement.clientWidth;
42 return Math.abs(window.innerWidth - documentWidth);
43 }
44 hide() {
45 const width = this.getWidth();
46 this._disableOverFlow();
47 // give padding to element to balance the hidden scrollbar width
48 this._setElementAttributes(this._element, PROPERTY_PADDING, calculatedValue => calculatedValue + width);
49 // trick: We adjust positive paddingRight and negative marginRight to sticky-top elements to keep showing fullwidth
50 this._setElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING, calculatedValue => calculatedValue + width);
51 this._setElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN, calculatedValue => calculatedValue - width);
52 }
53 reset() {
54 this._resetElementAttributes(this._element, 'overflow');
55 this._resetElementAttributes(this._element, PROPERTY_PADDING);
56 this._resetElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING);
57 this._resetElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN);
58 }
59 isOverflowing() {
60 return this.getWidth() > 0;
61 }
62
63 // Private
64 _disableOverFlow() {
65 this._saveInitialAttribute(this._element, 'overflow');
66 this._element.style.overflow = 'hidden';
67 }
68 _setElementAttributes(selector, styleProperty, callback) {
69 const scrollbarWidth = this.getWidth();
70 const manipulationCallBack = element => {
71 if (element !== this._element && window.innerWidth > element.clientWidth + scrollbarWidth) {
72 return;
73 }
74 this._saveInitialAttribute(element, styleProperty);
75 const calculatedValue = window.getComputedStyle(element).getPropertyValue(styleProperty);
76 element.style.setProperty(styleProperty, `${callback(Number.parseFloat(calculatedValue))}px`);
77 };
78 this._applyManipulationCallback(selector, manipulationCallBack);
79 }
80 _saveInitialAttribute(element, styleProperty) {
81 const actualValue = element.style.getPropertyValue(styleProperty);
82 if (actualValue) {
83 Manipulator.setDataAttribute(element, styleProperty, actualValue);
84 }
85 }
86 _resetElementAttributes(selector, styleProperty) {
87 const manipulationCallBack = element => {
88 const value = Manipulator.getDataAttribute(element, styleProperty);
89 // We only want to remove the property if the value is `null`; the value can also be zero
90 if (value === null) {
91 element.style.removeProperty(styleProperty);
92 return;
93 }
94 Manipulator.removeDataAttribute(element, styleProperty);
95 element.style.setProperty(styleProperty, value);
96 };
97 this._applyManipulationCallback(selector, manipulationCallBack);
98 }
99 _applyManipulationCallback(selector, callBack) {
100 if (index_js.isElement(selector)) {
101 callBack(selector);
102 return;
103 }
104 for (const sel of SelectorEngine.find(selector, this._element)) {
105 callBack(sel);
106 }
107 }
108 }
109
110 return ScrollBarHelper;
111
112}));
113//# sourceMappingURL=scrollbar.js.map
Note: See TracBrowser for help on using the repository browser.