scrollspy.js 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338
  1. /*!
  2. * Bootstrap scrollspy.js v4.6.1 (https://getbootstrap.com/)
  3. * Copyright 2011-2021 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('jquery'), require('./util.js')) :
  8. typeof define === 'function' && define.amd ? define(['jquery', './util'], factory) :
  9. (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.ScrollSpy = factory(global.jQuery, global.Util));
  10. })(this, (function ($, Util) { 'use strict';
  11. function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
  12. var $__default = /*#__PURE__*/_interopDefaultLegacy($);
  13. var Util__default = /*#__PURE__*/_interopDefaultLegacy(Util);
  14. function _defineProperties(target, props) {
  15. for (var i = 0; i < props.length; i++) {
  16. var descriptor = props[i];
  17. descriptor.enumerable = descriptor.enumerable || false;
  18. descriptor.configurable = true;
  19. if ("value" in descriptor) descriptor.writable = true;
  20. Object.defineProperty(target, descriptor.key, descriptor);
  21. }
  22. }
  23. function _createClass(Constructor, protoProps, staticProps) {
  24. if (protoProps) _defineProperties(Constructor.prototype, protoProps);
  25. if (staticProps) _defineProperties(Constructor, staticProps);
  26. return Constructor;
  27. }
  28. function _extends() {
  29. _extends = Object.assign || function (target) {
  30. for (var i = 1; i < arguments.length; i++) {
  31. var source = arguments[i];
  32. for (var key in source) {
  33. if (Object.prototype.hasOwnProperty.call(source, key)) {
  34. target[key] = source[key];
  35. }
  36. }
  37. }
  38. return target;
  39. };
  40. return _extends.apply(this, arguments);
  41. }
  42. /**
  43. * Constants
  44. */
  45. var NAME = 'scrollspy';
  46. var VERSION = '4.6.1';
  47. var DATA_KEY = 'bs.scrollspy';
  48. var EVENT_KEY = "." + DATA_KEY;
  49. var DATA_API_KEY = '.data-api';
  50. var JQUERY_NO_CONFLICT = $__default["default"].fn[NAME];
  51. var CLASS_NAME_DROPDOWN_ITEM = 'dropdown-item';
  52. var CLASS_NAME_ACTIVE = 'active';
  53. var EVENT_ACTIVATE = "activate" + EVENT_KEY;
  54. var EVENT_SCROLL = "scroll" + EVENT_KEY;
  55. var EVENT_LOAD_DATA_API = "load" + EVENT_KEY + DATA_API_KEY;
  56. var METHOD_OFFSET = 'offset';
  57. var METHOD_POSITION = 'position';
  58. var SELECTOR_DATA_SPY = '[data-spy="scroll"]';
  59. var SELECTOR_NAV_LIST_GROUP = '.nav, .list-group';
  60. var SELECTOR_NAV_LINKS = '.nav-link';
  61. var SELECTOR_NAV_ITEMS = '.nav-item';
  62. var SELECTOR_LIST_ITEMS = '.list-group-item';
  63. var SELECTOR_DROPDOWN = '.dropdown';
  64. var SELECTOR_DROPDOWN_ITEMS = '.dropdown-item';
  65. var SELECTOR_DROPDOWN_TOGGLE = '.dropdown-toggle';
  66. var Default = {
  67. offset: 10,
  68. method: 'auto',
  69. target: ''
  70. };
  71. var DefaultType = {
  72. offset: 'number',
  73. method: 'string',
  74. target: '(string|element)'
  75. };
  76. /**
  77. * Class definition
  78. */
  79. var ScrollSpy = /*#__PURE__*/function () {
  80. function ScrollSpy(element, config) {
  81. var _this = this;
  82. this._element = element;
  83. this._scrollElement = element.tagName === 'BODY' ? window : element;
  84. this._config = this._getConfig(config);
  85. this._selector = this._config.target + " " + SELECTOR_NAV_LINKS + "," + (this._config.target + " " + SELECTOR_LIST_ITEMS + ",") + (this._config.target + " " + SELECTOR_DROPDOWN_ITEMS);
  86. this._offsets = [];
  87. this._targets = [];
  88. this._activeTarget = null;
  89. this._scrollHeight = 0;
  90. $__default["default"](this._scrollElement).on(EVENT_SCROLL, function (event) {
  91. return _this._process(event);
  92. });
  93. this.refresh();
  94. this._process();
  95. } // Getters
  96. var _proto = ScrollSpy.prototype;
  97. // Public
  98. _proto.refresh = function refresh() {
  99. var _this2 = this;
  100. var autoMethod = this._scrollElement === this._scrollElement.window ? METHOD_OFFSET : METHOD_POSITION;
  101. var offsetMethod = this._config.method === 'auto' ? autoMethod : this._config.method;
  102. var offsetBase = offsetMethod === METHOD_POSITION ? this._getScrollTop() : 0;
  103. this._offsets = [];
  104. this._targets = [];
  105. this._scrollHeight = this._getScrollHeight();
  106. var targets = [].slice.call(document.querySelectorAll(this._selector));
  107. targets.map(function (element) {
  108. var target;
  109. var targetSelector = Util__default["default"].getSelectorFromElement(element);
  110. if (targetSelector) {
  111. target = document.querySelector(targetSelector);
  112. }
  113. if (target) {
  114. var targetBCR = target.getBoundingClientRect();
  115. if (targetBCR.width || targetBCR.height) {
  116. // TODO (fat): remove sketch reliance on jQuery position/offset
  117. return [$__default["default"](target)[offsetMethod]().top + offsetBase, targetSelector];
  118. }
  119. }
  120. return null;
  121. }).filter(function (item) {
  122. return item;
  123. }).sort(function (a, b) {
  124. return a[0] - b[0];
  125. }).forEach(function (item) {
  126. _this2._offsets.push(item[0]);
  127. _this2._targets.push(item[1]);
  128. });
  129. };
  130. _proto.dispose = function dispose() {
  131. $__default["default"].removeData(this._element, DATA_KEY);
  132. $__default["default"](this._scrollElement).off(EVENT_KEY);
  133. this._element = null;
  134. this._scrollElement = null;
  135. this._config = null;
  136. this._selector = null;
  137. this._offsets = null;
  138. this._targets = null;
  139. this._activeTarget = null;
  140. this._scrollHeight = null;
  141. } // Private
  142. ;
  143. _proto._getConfig = function _getConfig(config) {
  144. config = _extends({}, Default, typeof config === 'object' && config ? config : {});
  145. if (typeof config.target !== 'string' && Util__default["default"].isElement(config.target)) {
  146. var id = $__default["default"](config.target).attr('id');
  147. if (!id) {
  148. id = Util__default["default"].getUID(NAME);
  149. $__default["default"](config.target).attr('id', id);
  150. }
  151. config.target = "#" + id;
  152. }
  153. Util__default["default"].typeCheckConfig(NAME, config, DefaultType);
  154. return config;
  155. };
  156. _proto._getScrollTop = function _getScrollTop() {
  157. return this._scrollElement === window ? this._scrollElement.pageYOffset : this._scrollElement.scrollTop;
  158. };
  159. _proto._getScrollHeight = function _getScrollHeight() {
  160. return this._scrollElement.scrollHeight || Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
  161. };
  162. _proto._getOffsetHeight = function _getOffsetHeight() {
  163. return this._scrollElement === window ? window.innerHeight : this._scrollElement.getBoundingClientRect().height;
  164. };
  165. _proto._process = function _process() {
  166. var scrollTop = this._getScrollTop() + this._config.offset;
  167. var scrollHeight = this._getScrollHeight();
  168. var maxScroll = this._config.offset + scrollHeight - this._getOffsetHeight();
  169. if (this._scrollHeight !== scrollHeight) {
  170. this.refresh();
  171. }
  172. if (scrollTop >= maxScroll) {
  173. var target = this._targets[this._targets.length - 1];
  174. if (this._activeTarget !== target) {
  175. this._activate(target);
  176. }
  177. return;
  178. }
  179. if (this._activeTarget && scrollTop < this._offsets[0] && this._offsets[0] > 0) {
  180. this._activeTarget = null;
  181. this._clear();
  182. return;
  183. }
  184. for (var i = this._offsets.length; i--;) {
  185. var isActiveTarget = this._activeTarget !== this._targets[i] && scrollTop >= this._offsets[i] && (typeof this._offsets[i + 1] === 'undefined' || scrollTop < this._offsets[i + 1]);
  186. if (isActiveTarget) {
  187. this._activate(this._targets[i]);
  188. }
  189. }
  190. };
  191. _proto._activate = function _activate(target) {
  192. this._activeTarget = target;
  193. this._clear();
  194. var queries = this._selector.split(',').map(function (selector) {
  195. return selector + "[data-target=\"" + target + "\"]," + selector + "[href=\"" + target + "\"]";
  196. });
  197. var $link = $__default["default"]([].slice.call(document.querySelectorAll(queries.join(','))));
  198. if ($link.hasClass(CLASS_NAME_DROPDOWN_ITEM)) {
  199. $link.closest(SELECTOR_DROPDOWN).find(SELECTOR_DROPDOWN_TOGGLE).addClass(CLASS_NAME_ACTIVE);
  200. $link.addClass(CLASS_NAME_ACTIVE);
  201. } else {
  202. // Set triggered link as active
  203. $link.addClass(CLASS_NAME_ACTIVE); // Set triggered links parents as active
  204. // With both <ul> and <nav> markup a parent is the previous sibling of any nav ancestor
  205. $link.parents(SELECTOR_NAV_LIST_GROUP).prev(SELECTOR_NAV_LINKS + ", " + SELECTOR_LIST_ITEMS).addClass(CLASS_NAME_ACTIVE); // Handle special case when .nav-link is inside .nav-item
  206. $link.parents(SELECTOR_NAV_LIST_GROUP).prev(SELECTOR_NAV_ITEMS).children(SELECTOR_NAV_LINKS).addClass(CLASS_NAME_ACTIVE);
  207. }
  208. $__default["default"](this._scrollElement).trigger(EVENT_ACTIVATE, {
  209. relatedTarget: target
  210. });
  211. };
  212. _proto._clear = function _clear() {
  213. [].slice.call(document.querySelectorAll(this._selector)).filter(function (node) {
  214. return node.classList.contains(CLASS_NAME_ACTIVE);
  215. }).forEach(function (node) {
  216. return node.classList.remove(CLASS_NAME_ACTIVE);
  217. });
  218. } // Static
  219. ;
  220. ScrollSpy._jQueryInterface = function _jQueryInterface(config) {
  221. return this.each(function () {
  222. var data = $__default["default"](this).data(DATA_KEY);
  223. var _config = typeof config === 'object' && config;
  224. if (!data) {
  225. data = new ScrollSpy(this, _config);
  226. $__default["default"](this).data(DATA_KEY, data);
  227. }
  228. if (typeof config === 'string') {
  229. if (typeof data[config] === 'undefined') {
  230. throw new TypeError("No method named \"" + config + "\"");
  231. }
  232. data[config]();
  233. }
  234. });
  235. };
  236. _createClass(ScrollSpy, null, [{
  237. key: "VERSION",
  238. get: function get() {
  239. return VERSION;
  240. }
  241. }, {
  242. key: "Default",
  243. get: function get() {
  244. return Default;
  245. }
  246. }]);
  247. return ScrollSpy;
  248. }();
  249. /**
  250. * Data API implementation
  251. */
  252. $__default["default"](window).on(EVENT_LOAD_DATA_API, function () {
  253. var scrollSpys = [].slice.call(document.querySelectorAll(SELECTOR_DATA_SPY));
  254. var scrollSpysLength = scrollSpys.length;
  255. for (var i = scrollSpysLength; i--;) {
  256. var $spy = $__default["default"](scrollSpys[i]);
  257. ScrollSpy._jQueryInterface.call($spy, $spy.data());
  258. }
  259. });
  260. /**
  261. * jQuery
  262. */
  263. $__default["default"].fn[NAME] = ScrollSpy._jQueryInterface;
  264. $__default["default"].fn[NAME].Constructor = ScrollSpy;
  265. $__default["default"].fn[NAME].noConflict = function () {
  266. $__default["default"].fn[NAME] = JQUERY_NO_CONFLICT;
  267. return ScrollSpy._jQueryInterface;
  268. };
  269. return ScrollSpy;
  270. }));
  271. //# sourceMappingURL=scrollspy.js.map