https://doebeln.de/media/vendor/bootstrap/js/scrollspy.js?5.3.8

1import { E as EventHandler, S as SelectorEngine, d as defineJQueryPlugin, B as BaseComponent, g as getElement, f as isDisabled, i as isVisible } from './dom.js?5.3.8';
2
3/**
4 * --------------------------------------------------------------------------
5 * Bootstrap scrollspy.js
6 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
7 * --------------------------------------------------------------------------
8 */
9
10
11/**
12 * Constants
13 */
14
15const NAME = 'scrollspy';
16const DATA_KEY = 'bs.scrollspy';
17const EVENT_KEY = `.${DATA_KEY}`;
18const DATA_API_KEY = '.data-api';
19const EVENT_ACTIVATE = `activate${EVENT_KEY}`;
20const EVENT_CLICK = `click${EVENT_KEY}`;
21const EVENT_LOAD_DATA_API = `load${EVENT_KEY}${DATA_API_KEY}`;
22const CLASS_NAME_DROPDOWN_ITEM = 'dropdown-item';
23const CLASS_NAME_ACTIVE = 'active';
24const SELECTOR_DATA_SPY = '[data-bs-spy="scroll"]';
25const SELECTOR_TARGET_LINKS = '[href]';
26const SELECTOR_NAV_LIST_GROUP = '.nav, .list-group';
27const SELECTOR_NAV_LINKS = '.nav-link';
28const SELECTOR_NAV_ITEMS = '.nav-item';
29const SELECTOR_LIST_ITEMS = '.list-group-item';
30const SELECTOR_LINK_ITEMS = `${SELECTOR_NAV_LINKS}, ${SELECTOR_NAV_ITEMS} > ${SELECTOR_NAV_LINKS}, ${SELECTOR_LIST_ITEMS}`;
31const SELECTOR_DROPDOWN = '.dropdown';
32const SELECTOR_DROPDOWN_TOGGLE = '.dropdown-toggle';
33const Default = {
34  offset: null,
35  // TODO: v6 @deprecated, keep it for backwards compatibility reasons
36  rootMargin: '0px 0px -25%',
37  smoothScroll: false,
38  target: null,
39  threshold: [0.1, 0.5, 1]
40};
41const DefaultType = {
42  offset: '(number|null)',
43  // TODO v6 @deprecated, keep it for backwards compatibility reasons
44  rootMargin: 'string',
45  smoothScroll: 'boolean',
46  target: 'element',
47  threshold: 'array'
48};
49
50/**
51 * Class definition
52 */
53
54class ScrollSpy extends BaseComponent {
55  constructor(element, config) {
56    super(element, config);
57
58    // this._element is the observablesContainer and config.target the menu links wrapper
59    this._targetLinks = new Map();
60    this._observableSections = new Map();
61    this._rootElement = getComputedStyle(this._element).overflowY === 'visible' ? null : this._element;
62    this._activeTarget = null;
63    this._observer = null;
64    this._previousScrollData = {
65      visibleEntryTop: 0,
66      parentScrollTop: 0
67    };
68    this.refresh(); // initialize
69  }
70
71  // Getters
72  static get Default() {
73    return Default;
74  }
75  static get DefaultType() {
76    return DefaultType;
77  }
78  static get NAME() {
79    return NAME;
80  }
81
82  // Public
83  refresh() {
84    this._initializeTargetsAndObservables();
85    this._maybeEnableSmoothScroll();
86    if (this._observer) {
87      this._observer.disconnect();
88    } else {
89      this._observer = this._getNewObserver();
90    }
91    for (const section of this._observableSections.values()) {
92      this._observer.observe(section);
93    }
94  }
95  dispose() {
96    this._observer.disconnect();
97    super.dispose();
98  }
99
100  // Private
101  _configAfterMerge(config) {
102    // TODO: on v6 target should be given explicitly & remove the {target: 'ss-target'} case
103    config.target = getElement(config.target) || document.body;
104
105    // TODO: v6 Only for backwards compatibility reasons. Use rootMargin only
106    config.rootMargin = config.offset ? `${config.offset}px 0px -30%` : config.rootMargin;
107    if (typeof config.threshold === 'string') {
108      config.threshold = config.threshold.split(',').map(value => Number.parseFloat(value));
109    }
110    return config;
111  }
112  _maybeEnableSmoothScroll() {
113    if (!this._config.smoothScroll) {
114      return;
115    }
116
117    // unregister any previous listeners
118    EventHandler.off(this._config.target, EVENT_CLICK);
119    EventHandler.on(this._config.target, EVENT_CLICK, SELECTOR_TARGET_LINKS, event => {
120      const observableSection = this._observableSections.get(event.target.hash);
121      if (observableSection) {
122        event.preventDefault();
123        const root = this._rootElement || window;
124        const height = observableSection.offsetTop - this._element.offsetTop;
125        if (root.scrollTo) {
126          root.scrollTo({
127            top: height,
128            behavior: 'smooth'
129          });
130          return;
131        }
132
133        // Chrome 60 doesn't support `scrollTo`
134        root.scrollTop = height;
135      }
136    });
137  }
138  _getNewObserver() {
139    const options = {
140      root: this._rootElement,
141      threshold: this._config.threshold,
142      rootMargin: this._config.rootMargin
143    };
144    return new IntersectionObserver(entries => this._observerCallback(entries), options);
145  }
146
147  // The logic of selection
148  _observerCallback(entries) {
149    const targetElement = entry => this._targetLinks.get(`#${entry.target.id}`);
150    const activate = entry => {
151      this._previousScrollData.visibleEntryTop = entry.target.offsetTop;
152      this._process(targetElement(entry));
153    };
154    const parentScrollTop = (this._rootElement || document.documentElement).scrollTop;
155    const userScrollsDown = parentScrollTop >= this._previousScrollData.parentScrollTop;
156    this._previousScrollData.parentScrollTop = parentScrollTop;