mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-12 00:08:59 +01:00
cf9454caa0
* Bump version to 5.3.0-alpha1 * Dist * Add docs versions updates * Update note in homepage hero Co-authored-by: Mark Otto <markdotto@gmail.com>
104 lines
4.1 KiB
JavaScript
104 lines
4.1 KiB
JavaScript
/*!
|
|
* Bootstrap selector-engine.js v5.3.0-alpha1 (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('../util/index.js')) :
|
|
typeof define === 'function' && define.amd ? define(['../util/index'], factory) :
|
|
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.SelectorEngine = factory(global.Index));
|
|
})(this, (function (index_js) { 'use strict';
|
|
|
|
/**
|
|
* --------------------------------------------------------------------------
|
|
* Bootstrap (v5.3.0-alpha1): dom/selector-engine.js
|
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
|
* --------------------------------------------------------------------------
|
|
*/
|
|
const getSelector = element => {
|
|
let selector = element.getAttribute('data-bs-target');
|
|
if (!selector || selector === '#') {
|
|
let hrefAttribute = element.getAttribute('href');
|
|
|
|
// The only valid content that could double as a selector are IDs or classes,
|
|
// so everything starting with `#` or `.`. If a "real" URL is used as the selector,
|
|
// `document.querySelector` will rightfully complain it is invalid.
|
|
// See https://github.com/twbs/bootstrap/issues/32273
|
|
if (!hrefAttribute || !hrefAttribute.includes('#') && !hrefAttribute.startsWith('.')) {
|
|
return null;
|
|
}
|
|
|
|
// Just in case some CMS puts out a full URL with the anchor appended
|
|
if (hrefAttribute.includes('#') && !hrefAttribute.startsWith('#')) {
|
|
hrefAttribute = `#${hrefAttribute.split('#')[1]}`;
|
|
}
|
|
selector = hrefAttribute && hrefAttribute !== '#' ? hrefAttribute.trim() : null;
|
|
}
|
|
return index_js.parseSelector(selector);
|
|
};
|
|
const SelectorEngine = {
|
|
find(selector, element = document.documentElement) {
|
|
return [].concat(...Element.prototype.querySelectorAll.call(element, selector));
|
|
},
|
|
findOne(selector, element = document.documentElement) {
|
|
return Element.prototype.querySelector.call(element, selector);
|
|
},
|
|
children(element, selector) {
|
|
return [].concat(...element.children).filter(child => child.matches(selector));
|
|
},
|
|
parents(element, selector) {
|
|
const parents = [];
|
|
let ancestor = element.parentNode.closest(selector);
|
|
while (ancestor) {
|
|
parents.push(ancestor);
|
|
ancestor = ancestor.parentNode.closest(selector);
|
|
}
|
|
return parents;
|
|
},
|
|
prev(element, selector) {
|
|
let previous = element.previousElementSibling;
|
|
while (previous) {
|
|
if (previous.matches(selector)) {
|
|
return [previous];
|
|
}
|
|
previous = previous.previousElementSibling;
|
|
}
|
|
return [];
|
|
},
|
|
// TODO: this is now unused; remove later along with prev()
|
|
next(element, selector) {
|
|
let next = element.nextElementSibling;
|
|
while (next) {
|
|
if (next.matches(selector)) {
|
|
return [next];
|
|
}
|
|
next = next.nextElementSibling;
|
|
}
|
|
return [];
|
|
},
|
|
focusableChildren(element) {
|
|
const focusables = ['a', 'button', 'input', 'textarea', 'select', 'details', '[tabindex]', '[contenteditable="true"]'].map(selector => `${selector}:not([tabindex^="-"])`).join(',');
|
|
return this.find(focusables, element).filter(el => !index_js.isDisabled(el) && index_js.isVisible(el));
|
|
},
|
|
getSelectorFromElement(element) {
|
|
const selector = getSelector(element);
|
|
if (selector) {
|
|
return SelectorEngine.findOne(selector) ? selector : null;
|
|
}
|
|
return null;
|
|
},
|
|
getElementFromSelector(element) {
|
|
const selector = getSelector(element);
|
|
return selector ? SelectorEngine.findOne(selector) : null;
|
|
},
|
|
getMultipleElementsFromSelector(element) {
|
|
const selector = getSelector(element);
|
|
return selector ? SelectorEngine.find(selector) : [];
|
|
}
|
|
};
|
|
|
|
return SelectorEngine;
|
|
|
|
}));
|
|
//# sourceMappingURL=selector-engine.js.map
|