first commit
This commit is contained in:
90
media/vendor/bootstrap/js/alert.js
vendored
Normal file
90
media/vendor/bootstrap/js/alert.js
vendored
Normal file
@ -0,0 +1,90 @@
|
||||
import { e as enableDismissTrigger, d as defineJQueryPlugin, B as BaseComponent, E as EventHandler } from './dom.js?5.3.2';
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap alert.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
/**
|
||||
* Constants
|
||||
*/
|
||||
|
||||
const NAME = 'alert';
|
||||
const DATA_KEY = 'bs.alert';
|
||||
const EVENT_KEY = `.${DATA_KEY}`;
|
||||
const EVENT_CLOSE = `close${EVENT_KEY}`;
|
||||
const EVENT_CLOSED = `closed${EVENT_KEY}`;
|
||||
const CLASS_NAME_FADE = 'fade';
|
||||
const CLASS_NAME_SHOW = 'show';
|
||||
|
||||
/**
|
||||
* Class definition
|
||||
*/
|
||||
|
||||
class Alert extends BaseComponent {
|
||||
// Getters
|
||||
static get NAME() {
|
||||
return NAME;
|
||||
}
|
||||
|
||||
// Public
|
||||
close() {
|
||||
const closeEvent = EventHandler.trigger(this._element, EVENT_CLOSE);
|
||||
if (closeEvent.defaultPrevented) {
|
||||
return;
|
||||
}
|
||||
this._element.classList.remove(CLASS_NAME_SHOW);
|
||||
const isAnimated = this._element.classList.contains(CLASS_NAME_FADE);
|
||||
this._queueCallback(() => this._destroyElement(), this._element, isAnimated);
|
||||
}
|
||||
|
||||
// Private
|
||||
_destroyElement() {
|
||||
this._element.remove();
|
||||
EventHandler.trigger(this._element, EVENT_CLOSED);
|
||||
this.dispose();
|
||||
}
|
||||
|
||||
// Static
|
||||
static jQueryInterface(config) {
|
||||
return this.each(function () {
|
||||
const data = Alert.getOrCreateInstance(this);
|
||||
if (typeof config !== 'string') {
|
||||
return;
|
||||
}
|
||||
if (data[config] === undefined || config.startsWith('_') || config === 'constructor') {
|
||||
throw new TypeError(`No method named "${config}"`);
|
||||
}
|
||||
data[config](this);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Data API implementation
|
||||
*/
|
||||
|
||||
enableDismissTrigger(Alert, 'close');
|
||||
|
||||
/**
|
||||
* jQuery
|
||||
*/
|
||||
|
||||
defineJQueryPlugin(Alert);
|
||||
|
||||
window.bootstrap = window.bootstrap || {};
|
||||
window.bootstrap.Alert = Alert;
|
||||
if (Joomla && Joomla.getOptions) {
|
||||
// Get the elements/configurations from the PHP
|
||||
const alerts = Joomla.getOptions('bootstrap.alert');
|
||||
// Initialise the elements
|
||||
if (alerts && alerts.length) {
|
||||
alerts.forEach(selector => {
|
||||
Array.from(document.querySelectorAll(selector)).map(el => new window.bootstrap.Alert(el));
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export { Alert as A };
|
||||
1
media/vendor/bootstrap/js/alert.min.js
vendored
Normal file
1
media/vendor/bootstrap/js/alert.min.js
vendored
Normal file
@ -0,0 +1 @@
|
||||
import{e as enableDismissTrigger,d as defineJQueryPlugin,B as BaseComponent,E as EventHandler}from"./dom.min.js?5.3.2";const NAME="alert",DATA_KEY="bs.alert",EVENT_KEY=`.${DATA_KEY}`,EVENT_CLOSE=`close${EVENT_KEY}`,EVENT_CLOSED=`closed${EVENT_KEY}`,CLASS_NAME_FADE="fade",CLASS_NAME_SHOW="show";class Alert extends BaseComponent{static get NAME(){return NAME}close(){if(EventHandler.trigger(this._element,EVENT_CLOSE).defaultPrevented)return;this._element.classList.remove("show");const e=this._element.classList.contains("fade");this._queueCallback((()=>this._destroyElement()),this._element,e)}_destroyElement(){this._element.remove(),EventHandler.trigger(this._element,EVENT_CLOSED),this.dispose()}static jQueryInterface(e){return this.each((function(){const t=Alert.getOrCreateInstance(this);if("string"==typeof e){if(void 0===t[e]||e.startsWith("_")||"constructor"===e)throw new TypeError(`No method named "${e}"`);t[e](this)}}))}}if(enableDismissTrigger(Alert,"close"),defineJQueryPlugin(Alert),window.bootstrap=window.bootstrap||{},window.bootstrap.Alert=Alert,Joomla&&Joomla.getOptions){const e=Joomla.getOptions("bootstrap.alert");e&&e.length&&e.forEach((e=>{Array.from(document.querySelectorAll(e)).map((e=>new window.bootstrap.Alert(e)))}))}export{Alert as A};
|
||||
BIN
media/vendor/bootstrap/js/alert.min.js.gz
vendored
Normal file
BIN
media/vendor/bootstrap/js/alert.min.js.gz
vendored
Normal file
Binary file not shown.
79
media/vendor/bootstrap/js/button.js
vendored
Normal file
79
media/vendor/bootstrap/js/button.js
vendored
Normal file
@ -0,0 +1,79 @@
|
||||
import { E as EventHandler, d as defineJQueryPlugin, B as BaseComponent } from './dom.js?5.3.2';
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap button.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
/**
|
||||
* Constants
|
||||
*/
|
||||
|
||||
const NAME = 'button';
|
||||
const DATA_KEY = 'bs.button';
|
||||
const EVENT_KEY = `.${DATA_KEY}`;
|
||||
const DATA_API_KEY = '.data-api';
|
||||
const CLASS_NAME_ACTIVE = 'active';
|
||||
const SELECTOR_DATA_TOGGLE = '[data-bs-toggle="button"]';
|
||||
const EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`;
|
||||
|
||||
/**
|
||||
* Class definition
|
||||
*/
|
||||
|
||||
class Button extends BaseComponent {
|
||||
// Getters
|
||||
static get NAME() {
|
||||
return NAME;
|
||||
}
|
||||
|
||||
// Public
|
||||
toggle() {
|
||||
// Toggle class and sync the `aria-pressed` attribute with the return value of the `.toggle()` method
|
||||
this._element.setAttribute('aria-pressed', this._element.classList.toggle(CLASS_NAME_ACTIVE));
|
||||
}
|
||||
|
||||
// Static
|
||||
static jQueryInterface(config) {
|
||||
return this.each(function () {
|
||||
const data = Button.getOrCreateInstance(this);
|
||||
if (config === 'toggle') {
|
||||
data[config]();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Data API implementation
|
||||
*/
|
||||
|
||||
EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, event => {
|
||||
event.preventDefault();
|
||||
const button = event.target.closest(SELECTOR_DATA_TOGGLE);
|
||||
const data = Button.getOrCreateInstance(button);
|
||||
data.toggle();
|
||||
});
|
||||
|
||||
/**
|
||||
* jQuery
|
||||
*/
|
||||
|
||||
defineJQueryPlugin(Button);
|
||||
|
||||
window.bootstrap = window.bootstrap || {};
|
||||
window.bootstrap.Button = Button;
|
||||
if (Joomla && Joomla.getOptions) {
|
||||
// Get the elements/configurations from the PHP
|
||||
const buttons = Joomla.getOptions('bootstrap.button');
|
||||
// Initialise the elements
|
||||
if (buttons && buttons.length) {
|
||||
buttons.forEach(selector => {
|
||||
Array.from(document.querySelectorAll(selector)).map(el => new window.bootstrap.Button(el));
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export { Button as B };
|
||||
1
media/vendor/bootstrap/js/button.min.js
vendored
Normal file
1
media/vendor/bootstrap/js/button.min.js
vendored
Normal file
@ -0,0 +1 @@
|
||||
import{E as EventHandler,d as defineJQueryPlugin,B as BaseComponent}from"./dom.min.js?5.3.2";const NAME="button",DATA_KEY="bs.button",EVENT_KEY=`.${DATA_KEY}`,DATA_API_KEY=".data-api",CLASS_NAME_ACTIVE="active",SELECTOR_DATA_TOGGLE='[data-bs-toggle="button"]',EVENT_CLICK_DATA_API=`click${EVENT_KEY}.data-api`;class Button extends BaseComponent{static get NAME(){return NAME}toggle(){this._element.setAttribute("aria-pressed",this._element.classList.toggle("active"))}static jQueryInterface(t){return this.each((function(){const e=Button.getOrCreateInstance(this);"toggle"===t&&e[t]()}))}}if(EventHandler.on(document,EVENT_CLICK_DATA_API,SELECTOR_DATA_TOGGLE,(t=>{t.preventDefault();const e=t.target.closest(SELECTOR_DATA_TOGGLE);Button.getOrCreateInstance(e).toggle()})),defineJQueryPlugin(Button),window.bootstrap=window.bootstrap||{},window.bootstrap.Button=Button,Joomla&&Joomla.getOptions){const t=Joomla.getOptions("bootstrap.button");t&&t.length&&t.forEach((t=>{Array.from(document.querySelectorAll(t)).map((t=>new window.bootstrap.Button(t)))}))}export{Button as B};
|
||||
BIN
media/vendor/bootstrap/js/button.min.js.gz
vendored
Normal file
BIN
media/vendor/bootstrap/js/button.min.js.gz
vendored
Normal file
Binary file not shown.
401
media/vendor/bootstrap/js/carousel.js
vendored
Normal file
401
media/vendor/bootstrap/js/carousel.js
vendored
Normal file
@ -0,0 +1,401 @@
|
||||
import { E as EventHandler, S as SelectorEngine, M as Manipulator, d as defineJQueryPlugin, B as BaseComponent, i as isVisible, t as triggerTransitionEnd, a as Swipe, g as getNextActiveElement, r as reflow, b as isRTL } from './dom.js?5.3.2';
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap carousel.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
/**
|
||||
* Constants
|
||||
*/
|
||||
|
||||
const NAME = 'carousel';
|
||||
const DATA_KEY = 'bs.carousel';
|
||||
const EVENT_KEY = `.${DATA_KEY}`;
|
||||
const DATA_API_KEY = '.data-api';
|
||||
const ARROW_LEFT_KEY = 'ArrowLeft';
|
||||
const ARROW_RIGHT_KEY = 'ArrowRight';
|
||||
const TOUCHEVENT_COMPAT_WAIT = 500; // Time for mouse compat events to fire after touch
|
||||
|
||||
const ORDER_NEXT = 'next';
|
||||
const ORDER_PREV = 'prev';
|
||||
const DIRECTION_LEFT = 'left';
|
||||
const DIRECTION_RIGHT = 'right';
|
||||
const EVENT_SLIDE = `slide${EVENT_KEY}`;
|
||||
const EVENT_SLID = `slid${EVENT_KEY}`;
|
||||
const EVENT_KEYDOWN = `keydown${EVENT_KEY}`;
|
||||
const EVENT_MOUSEENTER = `mouseenter${EVENT_KEY}`;
|
||||
const EVENT_MOUSELEAVE = `mouseleave${EVENT_KEY}`;
|
||||
const EVENT_DRAG_START = `dragstart${EVENT_KEY}`;
|
||||
const EVENT_LOAD_DATA_API = `load${EVENT_KEY}${DATA_API_KEY}`;
|
||||
const EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`;
|
||||
const CLASS_NAME_CAROUSEL = 'carousel';
|
||||
const CLASS_NAME_ACTIVE = 'active';
|
||||
const CLASS_NAME_SLIDE = 'slide';
|
||||
const CLASS_NAME_END = 'carousel-item-end';
|
||||
const CLASS_NAME_START = 'carousel-item-start';
|
||||
const CLASS_NAME_NEXT = 'carousel-item-next';
|
||||
const CLASS_NAME_PREV = 'carousel-item-prev';
|
||||
const SELECTOR_ACTIVE = '.active';
|
||||
const SELECTOR_ITEM = '.carousel-item';
|
||||
const SELECTOR_ACTIVE_ITEM = SELECTOR_ACTIVE + SELECTOR_ITEM;
|
||||
const SELECTOR_ITEM_IMG = '.carousel-item img';
|
||||
const SELECTOR_INDICATORS = '.carousel-indicators';
|
||||
const SELECTOR_DATA_SLIDE = '[data-bs-slide], [data-bs-slide-to]';
|
||||
const SELECTOR_DATA_RIDE = '[data-bs-ride="carousel"]';
|
||||
const KEY_TO_DIRECTION = {
|
||||
[ARROW_LEFT_KEY]: DIRECTION_RIGHT,
|
||||
[ARROW_RIGHT_KEY]: DIRECTION_LEFT
|
||||
};
|
||||
const Default = {
|
||||
interval: 5000,
|
||||
keyboard: true,
|
||||
pause: 'hover',
|
||||
ride: false,
|
||||
touch: true,
|
||||
wrap: true
|
||||
};
|
||||
const DefaultType = {
|
||||
interval: '(number|boolean)',
|
||||
// TODO:v6 remove boolean support
|
||||
keyboard: 'boolean',
|
||||
pause: '(string|boolean)',
|
||||
ride: '(boolean|string)',
|
||||
touch: 'boolean',
|
||||
wrap: 'boolean'
|
||||
};
|
||||
|
||||
/**
|
||||
* Class definition
|
||||
*/
|
||||
|
||||
class Carousel extends BaseComponent {
|
||||
constructor(element, config) {
|
||||
super(element, config);
|
||||
this._interval = null;
|
||||
this._activeElement = null;
|
||||
this._isSliding = false;
|
||||
this.touchTimeout = null;
|
||||
this._swipeHelper = null;
|
||||
this._indicatorsElement = SelectorEngine.findOne(SELECTOR_INDICATORS, this._element);
|
||||
this._addEventListeners();
|
||||
if (this._config.ride === CLASS_NAME_CAROUSEL) {
|
||||
this.cycle();
|
||||
}
|
||||
}
|
||||
|
||||
// Getters
|
||||
static get Default() {
|
||||
return Default;
|
||||
}
|
||||
static get DefaultType() {
|
||||
return DefaultType;
|
||||
}
|
||||
static get NAME() {
|
||||
return NAME;
|
||||
}
|
||||
|
||||
// Public
|
||||
next() {
|
||||
this._slide(ORDER_NEXT);
|
||||
}
|
||||
nextWhenVisible() {
|
||||
// FIXME TODO use `document.visibilityState`
|
||||
// Don't call next when the page isn't visible
|
||||
// or the carousel or its parent isn't visible
|
||||
if (!document.hidden && isVisible(this._element)) {
|
||||
this.next();
|
||||
}
|
||||
}
|
||||
prev() {
|
||||
this._slide(ORDER_PREV);
|
||||
}
|
||||
pause() {
|
||||
if (this._isSliding) {
|
||||
triggerTransitionEnd(this._element);
|
||||
}
|
||||
this._clearInterval();
|
||||
}
|
||||
cycle() {
|
||||
this._clearInterval();
|
||||
this._updateInterval();
|
||||
this._interval = setInterval(() => this.nextWhenVisible(), this._config.interval);
|
||||
}
|
||||
_maybeEnableCycle() {
|
||||
if (!this._config.ride) {
|
||||
return;
|
||||
}
|
||||
if (this._isSliding) {
|
||||
EventHandler.one(this._element, EVENT_SLID, () => this.cycle());
|
||||
return;
|
||||
}
|
||||
this.cycle();
|
||||
}
|
||||
to(index) {
|
||||
const items = this._getItems();
|
||||
if (index > items.length - 1 || index < 0) {
|
||||
return;
|
||||
}
|
||||
if (this._isSliding) {
|
||||
EventHandler.one(this._element, EVENT_SLID, () => this.to(index));
|
||||
return;
|
||||
}
|
||||
const activeIndex = this._getItemIndex(this._getActive());
|
||||
if (activeIndex === index) {
|
||||
return;
|
||||
}
|
||||
const order = index > activeIndex ? ORDER_NEXT : ORDER_PREV;
|
||||
this._slide(order, items[index]);
|
||||
}
|
||||
dispose() {
|
||||
if (this._swipeHelper) {
|
||||
this._swipeHelper.dispose();
|
||||
}
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
// Private
|
||||
_configAfterMerge(config) {
|
||||
config.defaultInterval = config.interval;
|
||||
return config;
|
||||
}
|
||||
_addEventListeners() {
|
||||
if (this._config.keyboard) {
|
||||
EventHandler.on(this._element, EVENT_KEYDOWN, event => this._keydown(event));
|
||||
}
|
||||
if (this._config.pause === 'hover') {
|
||||
EventHandler.on(this._element, EVENT_MOUSEENTER, () => this.pause());
|
||||
EventHandler.on(this._element, EVENT_MOUSELEAVE, () => this._maybeEnableCycle());
|
||||
}
|
||||
if (this._config.touch && Swipe.isSupported()) {
|
||||
this._addTouchEventListeners();
|
||||
}
|
||||
}
|
||||
_addTouchEventListeners() {
|
||||
for (const img of SelectorEngine.find(SELECTOR_ITEM_IMG, this._element)) {
|
||||
EventHandler.on(img, EVENT_DRAG_START, event => event.preventDefault());
|
||||
}
|
||||
const endCallBack = () => {
|
||||
if (this._config.pause !== 'hover') {
|
||||
return;
|
||||
}
|
||||
|
||||
// If it's a touch-enabled device, mouseenter/leave are fired as
|
||||
// part of the mouse compatibility events on first tap - the carousel
|
||||
// would stop cycling until user tapped out of it;
|
||||
// here, we listen for touchend, explicitly pause the carousel
|
||||
// (as if it's the second time we tap on it, mouseenter compat event
|
||||
// is NOT fired) and after a timeout (to allow for mouse compatibility
|
||||
// events to fire) we explicitly restart cycling
|
||||
|
||||
this.pause();
|
||||
if (this.touchTimeout) {
|
||||
clearTimeout(this.touchTimeout);
|
||||
}
|
||||
this.touchTimeout = setTimeout(() => this._maybeEnableCycle(), TOUCHEVENT_COMPAT_WAIT + this._config.interval);
|
||||
};
|
||||
const swipeConfig = {
|
||||
leftCallback: () => this._slide(this._directionToOrder(DIRECTION_LEFT)),
|
||||
rightCallback: () => this._slide(this._directionToOrder(DIRECTION_RIGHT)),
|
||||
endCallback: endCallBack
|
||||
};
|
||||
this._swipeHelper = new Swipe(this._element, swipeConfig);
|
||||
}
|
||||
_keydown(event) {
|
||||
if (/input|textarea/i.test(event.target.tagName)) {
|
||||
return;
|
||||
}
|
||||
const direction = KEY_TO_DIRECTION[event.key];
|
||||
if (direction) {
|
||||
event.preventDefault();
|
||||
this._slide(this._directionToOrder(direction));
|
||||
}
|
||||
}
|
||||
_getItemIndex(element) {
|
||||
return this._getItems().indexOf(element);
|
||||
}
|
||||
_setActiveIndicatorElement(index) {
|
||||
if (!this._indicatorsElement) {
|
||||
return;
|
||||
}
|
||||
const activeIndicator = SelectorEngine.findOne(SELECTOR_ACTIVE, this._indicatorsElement);
|
||||
activeIndicator.classList.remove(CLASS_NAME_ACTIVE);
|
||||
activeIndicator.removeAttribute('aria-current');
|
||||
const newActiveIndicator = SelectorEngine.findOne(`[data-bs-slide-to="${index}"]`, this._indicatorsElement);
|
||||
if (newActiveIndicator) {
|
||||
newActiveIndicator.classList.add(CLASS_NAME_ACTIVE);
|
||||
newActiveIndicator.setAttribute('aria-current', 'true');
|
||||
}
|
||||
}
|
||||
_updateInterval() {
|
||||
const element = this._activeElement || this._getActive();
|
||||
if (!element) {
|
||||
return;
|
||||
}
|
||||
const elementInterval = Number.parseInt(element.getAttribute('data-bs-interval'), 10);
|
||||
this._config.interval = elementInterval || this._config.defaultInterval;
|
||||
}
|
||||
_slide(order) {
|
||||
let element = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
||||
if (this._isSliding) {
|
||||
return;
|
||||
}
|
||||
const activeElement = this._getActive();
|
||||
const isNext = order === ORDER_NEXT;
|
||||
const nextElement = element || getNextActiveElement(this._getItems(), activeElement, isNext, this._config.wrap);
|
||||
if (nextElement === activeElement) {
|
||||
return;
|
||||
}
|
||||
const nextElementIndex = this._getItemIndex(nextElement);
|
||||
const triggerEvent = eventName => {
|
||||
return EventHandler.trigger(this._element, eventName, {
|
||||
relatedTarget: nextElement,
|
||||
direction: this._orderToDirection(order),
|
||||
from: this._getItemIndex(activeElement),
|
||||
to: nextElementIndex
|
||||
});
|
||||
};
|
||||
const slideEvent = triggerEvent(EVENT_SLIDE);
|
||||
if (slideEvent.defaultPrevented) {
|
||||
return;
|
||||
}
|
||||
if (!activeElement || !nextElement) {
|
||||
// Some weirdness is happening, so we bail
|
||||
// TODO: change tests that use empty divs to avoid this check
|
||||
return;
|
||||
}
|
||||
const isCycling = Boolean(this._interval);
|
||||
this.pause();
|
||||
this._isSliding = true;
|
||||
this._setActiveIndicatorElement(nextElementIndex);
|
||||
this._activeElement = nextElement;
|
||||
const directionalClassName = isNext ? CLASS_NAME_START : CLASS_NAME_END;
|
||||
const orderClassName = isNext ? CLASS_NAME_NEXT : CLASS_NAME_PREV;
|
||||
nextElement.classList.add(orderClassName);
|
||||
reflow(nextElement);
|
||||
activeElement.classList.add(directionalClassName);
|
||||
nextElement.classList.add(directionalClassName);
|
||||
const completeCallBack = () => {
|
||||
nextElement.classList.remove(directionalClassName, orderClassName);
|
||||
nextElement.classList.add(CLASS_NAME_ACTIVE);
|
||||
activeElement.classList.remove(CLASS_NAME_ACTIVE, orderClassName, directionalClassName);
|
||||
this._isSliding = false;
|
||||
triggerEvent(EVENT_SLID);
|
||||
};
|
||||
this._queueCallback(completeCallBack, activeElement, this._isAnimated());
|
||||
if (isCycling) {
|
||||
this.cycle();
|
||||
}
|
||||
}
|
||||
_isAnimated() {
|
||||
return this._element.classList.contains(CLASS_NAME_SLIDE);
|
||||
}
|
||||
_getActive() {
|
||||
return SelectorEngine.findOne(SELECTOR_ACTIVE_ITEM, this._element);
|
||||
}
|
||||
_getItems() {
|
||||
return SelectorEngine.find(SELECTOR_ITEM, this._element);
|
||||
}
|
||||
_clearInterval() {
|
||||
if (this._interval) {
|
||||
clearInterval(this._interval);
|
||||
this._interval = null;
|
||||
}
|
||||
}
|
||||
_directionToOrder(direction) {
|
||||
if (isRTL()) {
|
||||
return direction === DIRECTION_LEFT ? ORDER_PREV : ORDER_NEXT;
|
||||
}
|
||||
return direction === DIRECTION_LEFT ? ORDER_NEXT : ORDER_PREV;
|
||||
}
|
||||
_orderToDirection(order) {
|
||||
if (isRTL()) {
|
||||
return order === ORDER_PREV ? DIRECTION_LEFT : DIRECTION_RIGHT;
|
||||
}
|
||||
return order === ORDER_PREV ? DIRECTION_RIGHT : DIRECTION_LEFT;
|
||||
}
|
||||
|
||||
// Static
|
||||
static jQueryInterface(config) {
|
||||
return this.each(function () {
|
||||
const data = Carousel.getOrCreateInstance(this, config);
|
||||
if (typeof config === 'number') {
|
||||
data.to(config);
|
||||
return;
|
||||
}
|
||||
if (typeof config === 'string') {
|
||||
if (data[config] === undefined || config.startsWith('_') || config === 'constructor') {
|
||||
throw new TypeError(`No method named "${config}"`);
|
||||
}
|
||||
data[config]();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Data API implementation
|
||||
*/
|
||||
|
||||
EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_SLIDE, function (event) {
|
||||
const target = SelectorEngine.getElementFromSelector(this);
|
||||
if (!target || !target.classList.contains(CLASS_NAME_CAROUSEL)) {
|
||||
return;
|
||||
}
|
||||
event.preventDefault();
|
||||
const carousel = Carousel.getOrCreateInstance(target);
|
||||
const slideIndex = this.getAttribute('data-bs-slide-to');
|
||||
if (slideIndex) {
|
||||
carousel.to(slideIndex);
|
||||
carousel._maybeEnableCycle();
|
||||
return;
|
||||
}
|
||||
if (Manipulator.getDataAttribute(this, 'slide') === 'next') {
|
||||
carousel.next();
|
||||
carousel._maybeEnableCycle();
|
||||
return;
|
||||
}
|
||||
carousel.prev();
|
||||
carousel._maybeEnableCycle();
|
||||
});
|
||||
EventHandler.on(window, EVENT_LOAD_DATA_API, () => {
|
||||
const carousels = SelectorEngine.find(SELECTOR_DATA_RIDE);
|
||||
for (const carousel of carousels) {
|
||||
Carousel.getOrCreateInstance(carousel);
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* jQuery
|
||||
*/
|
||||
|
||||
defineJQueryPlugin(Carousel);
|
||||
|
||||
window.bootstrap = window.bootstrap || {};
|
||||
window.bootstrap.Carousel = Carousel;
|
||||
if (Joomla && Joomla.getOptions) {
|
||||
// Get the elements/configurations from the PHP
|
||||
const carousels = Joomla.getOptions('bootstrap.carousel');
|
||||
// Initialise the elements
|
||||
if (typeof carousels === 'object' && carousels !== null) {
|
||||
Object.keys(carousels).forEach(carousel => {
|
||||
const opt = carousels[carousel];
|
||||
const options = {
|
||||
interval: opt.interval ? opt.interval : 5000,
|
||||
keyboard: opt.keyboard ? opt.keyboard : true,
|
||||
pause: opt.pause ? opt.pause : 'hover',
|
||||
slide: opt.slide ? opt.slide : false,
|
||||
wrap: opt.wrap ? opt.wrap : true,
|
||||
touch: opt.touch ? opt.touch : true
|
||||
};
|
||||
const elements = Array.from(document.querySelectorAll(carousel));
|
||||
if (elements.length) {
|
||||
elements.map(el => new window.bootstrap.Carousel(el, options));
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export { Carousel as C };
|
||||
1
media/vendor/bootstrap/js/carousel.min.js
vendored
Normal file
1
media/vendor/bootstrap/js/carousel.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
media/vendor/bootstrap/js/carousel.min.js.gz
vendored
Normal file
BIN
media/vendor/bootstrap/js/carousel.min.js.gz
vendored
Normal file
Binary file not shown.
261
media/vendor/bootstrap/js/collapse.js
vendored
Normal file
261
media/vendor/bootstrap/js/collapse.js
vendored
Normal file
@ -0,0 +1,261 @@
|
||||
import { E as EventHandler, S as SelectorEngine, d as defineJQueryPlugin, B as BaseComponent, r as reflow, c as getElement } from './dom.js?5.3.2';
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap collapse.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
/**
|
||||
* Constants
|
||||
*/
|
||||
|
||||
const NAME = 'collapse';
|
||||
const DATA_KEY = 'bs.collapse';
|
||||
const EVENT_KEY = `.${DATA_KEY}`;
|
||||
const DATA_API_KEY = '.data-api';
|
||||
const EVENT_SHOW = `show${EVENT_KEY}`;
|
||||
const EVENT_SHOWN = `shown${EVENT_KEY}`;
|
||||
const EVENT_HIDE = `hide${EVENT_KEY}`;
|
||||
const EVENT_HIDDEN = `hidden${EVENT_KEY}`;
|
||||
const EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`;
|
||||
const CLASS_NAME_SHOW = 'show';
|
||||
const CLASS_NAME_COLLAPSE = 'collapse';
|
||||
const CLASS_NAME_COLLAPSING = 'collapsing';
|
||||
const CLASS_NAME_COLLAPSED = 'collapsed';
|
||||
const CLASS_NAME_DEEPER_CHILDREN = `:scope .${CLASS_NAME_COLLAPSE} .${CLASS_NAME_COLLAPSE}`;
|
||||
const CLASS_NAME_HORIZONTAL = 'collapse-horizontal';
|
||||
const WIDTH = 'width';
|
||||
const HEIGHT = 'height';
|
||||
const SELECTOR_ACTIVES = '.collapse.show, .collapse.collapsing';
|
||||
const SELECTOR_DATA_TOGGLE = '[data-bs-toggle="collapse"]';
|
||||
const Default = {
|
||||
parent: null,
|
||||
toggle: true
|
||||
};
|
||||
const DefaultType = {
|
||||
parent: '(null|element)',
|
||||
toggle: 'boolean'
|
||||
};
|
||||
|
||||
/**
|
||||
* Class definition
|
||||
*/
|
||||
|
||||
class Collapse extends BaseComponent {
|
||||
constructor(element, config) {
|
||||
super(element, config);
|
||||
this._isTransitioning = false;
|
||||
this._triggerArray = [];
|
||||
const toggleList = SelectorEngine.find(SELECTOR_DATA_TOGGLE);
|
||||
for (const elem of toggleList) {
|
||||
const selector = SelectorEngine.getSelectorFromElement(elem);
|
||||
const filterElement = SelectorEngine.find(selector).filter(foundElement => foundElement === this._element);
|
||||
if (selector !== null && filterElement.length) {
|
||||
this._triggerArray.push(elem);
|
||||
}
|
||||
}
|
||||
this._initializeChildren();
|
||||
if (!this._config.parent) {
|
||||
this._addAriaAndCollapsedClass(this._triggerArray, this._isShown());
|
||||
}
|
||||
if (this._config.toggle) {
|
||||
this.toggle();
|
||||
}
|
||||
}
|
||||
|
||||
// Getters
|
||||
static get Default() {
|
||||
return Default;
|
||||
}
|
||||
static get DefaultType() {
|
||||
return DefaultType;
|
||||
}
|
||||
static get NAME() {
|
||||
return NAME;
|
||||
}
|
||||
|
||||
// Public
|
||||
toggle() {
|
||||
if (this._isShown()) {
|
||||
this.hide();
|
||||
} else {
|
||||
this.show();
|
||||
}
|
||||
}
|
||||
show() {
|
||||
if (this._isTransitioning || this._isShown()) {
|
||||
return;
|
||||
}
|
||||
let activeChildren = [];
|
||||
|
||||
// find active children
|
||||
if (this._config.parent) {
|
||||
activeChildren = this._getFirstLevelChildren(SELECTOR_ACTIVES).filter(element => element !== this._element).map(element => Collapse.getOrCreateInstance(element, {
|
||||
toggle: false
|
||||
}));
|
||||
}
|
||||
if (activeChildren.length && activeChildren[0]._isTransitioning) {
|
||||
return;
|
||||
}
|
||||
const startEvent = EventHandler.trigger(this._element, EVENT_SHOW);
|
||||
if (startEvent.defaultPrevented) {
|
||||
return;
|
||||
}
|
||||
for (const activeInstance of activeChildren) {
|
||||
activeInstance.hide();
|
||||
}
|
||||
const dimension = this._getDimension();
|
||||
this._element.classList.remove(CLASS_NAME_COLLAPSE);
|
||||
this._element.classList.add(CLASS_NAME_COLLAPSING);
|
||||
this._element.style[dimension] = 0;
|
||||
this._addAriaAndCollapsedClass(this._triggerArray, true);
|
||||
this._isTransitioning = true;
|
||||
const complete = () => {
|
||||
this._isTransitioning = false;
|
||||
this._element.classList.remove(CLASS_NAME_COLLAPSING);
|
||||
this._element.classList.add(CLASS_NAME_COLLAPSE, CLASS_NAME_SHOW);
|
||||
this._element.style[dimension] = '';
|
||||
EventHandler.trigger(this._element, EVENT_SHOWN);
|
||||
};
|
||||
const capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1);
|
||||
const scrollSize = `scroll${capitalizedDimension}`;
|
||||
this._queueCallback(complete, this._element, true);
|
||||
this._element.style[dimension] = `${this._element[scrollSize]}px`;
|
||||
}
|
||||
hide() {
|
||||
if (this._isTransitioning || !this._isShown()) {
|
||||
return;
|
||||
}
|
||||
const startEvent = EventHandler.trigger(this._element, EVENT_HIDE);
|
||||
if (startEvent.defaultPrevented) {
|
||||
return;
|
||||
}
|
||||
const dimension = this._getDimension();
|
||||
this._element.style[dimension] = `${this._element.getBoundingClientRect()[dimension]}px`;
|
||||
reflow(this._element);
|
||||
this._element.classList.add(CLASS_NAME_COLLAPSING);
|
||||
this._element.classList.remove(CLASS_NAME_COLLAPSE, CLASS_NAME_SHOW);
|
||||
for (const trigger of this._triggerArray) {
|
||||
const element = SelectorEngine.getElementFromSelector(trigger);
|
||||
if (element && !this._isShown(element)) {
|
||||
this._addAriaAndCollapsedClass([trigger], false);
|
||||
}
|
||||
}
|
||||
this._isTransitioning = true;
|
||||
const complete = () => {
|
||||
this._isTransitioning = false;
|
||||
this._element.classList.remove(CLASS_NAME_COLLAPSING);
|
||||
this._element.classList.add(CLASS_NAME_COLLAPSE);
|
||||
EventHandler.trigger(this._element, EVENT_HIDDEN);
|
||||
};
|
||||
this._element.style[dimension] = '';
|
||||
this._queueCallback(complete, this._element, true);
|
||||
}
|
||||
_isShown() {
|
||||
let element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._element;
|
||||
return element.classList.contains(CLASS_NAME_SHOW);
|
||||
}
|
||||
|
||||
// Private
|
||||
_configAfterMerge(config) {
|
||||
config.toggle = Boolean(config.toggle); // Coerce string values
|
||||
config.parent = getElement(config.parent);
|
||||
return config;
|
||||
}
|
||||
_getDimension() {
|
||||
return this._element.classList.contains(CLASS_NAME_HORIZONTAL) ? WIDTH : HEIGHT;
|
||||
}
|
||||
_initializeChildren() {
|
||||
if (!this._config.parent) {
|
||||
return;
|
||||
}
|
||||
const children = this._getFirstLevelChildren(SELECTOR_DATA_TOGGLE);
|
||||
for (const element of children) {
|
||||
const selected = SelectorEngine.getElementFromSelector(element);
|
||||
if (selected) {
|
||||
this._addAriaAndCollapsedClass([element], this._isShown(selected));
|
||||
}
|
||||
}
|
||||
}
|
||||
_getFirstLevelChildren(selector) {
|
||||
const children = SelectorEngine.find(CLASS_NAME_DEEPER_CHILDREN, this._config.parent);
|
||||
// remove children if greater depth
|
||||
return SelectorEngine.find(selector, this._config.parent).filter(element => !children.includes(element));
|
||||
}
|
||||
_addAriaAndCollapsedClass(triggerArray, isOpen) {
|
||||
if (!triggerArray.length) {
|
||||
return;
|
||||
}
|
||||
for (const element of triggerArray) {
|
||||
element.classList.toggle(CLASS_NAME_COLLAPSED, !isOpen);
|
||||
element.setAttribute('aria-expanded', isOpen);
|
||||
}
|
||||
}
|
||||
|
||||
// Static
|
||||
static jQueryInterface(config) {
|
||||
const _config = {};
|
||||
if (typeof config === 'string' && /show|hide/.test(config)) {
|
||||
_config.toggle = false;
|
||||
}
|
||||
return this.each(function () {
|
||||
const data = Collapse.getOrCreateInstance(this, _config);
|
||||
if (typeof config === 'string') {
|
||||
if (typeof data[config] === 'undefined') {
|
||||
throw new TypeError(`No method named "${config}"`);
|
||||
}
|
||||
data[config]();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Data API implementation
|
||||
*/
|
||||
|
||||
EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {
|
||||
// preventDefault only for <a> elements (which change the URL) not inside the collapsible element
|
||||
if (event.target.tagName === 'A' || event.delegateTarget && event.delegateTarget.tagName === 'A') {
|
||||
event.preventDefault();
|
||||
}
|
||||
for (const element of SelectorEngine.getMultipleElementsFromSelector(this)) {
|
||||
Collapse.getOrCreateInstance(element, {
|
||||
toggle: false
|
||||
}).toggle();
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* jQuery
|
||||
*/
|
||||
|
||||
defineJQueryPlugin(Collapse);
|
||||
|
||||
window.bootstrap = window.bootstrap || {};
|
||||
window.bootstrap.Collapse = Collapse;
|
||||
if (Joomla && Joomla.getOptions) {
|
||||
// Get the elements/configurations from the PHP
|
||||
const collapses = {
|
||||
...Joomla.getOptions('bootstrap.collapse'),
|
||||
...Joomla.getOptions('bootstrap.accordion')
|
||||
};
|
||||
// Initialise the elements
|
||||
Object.keys(collapses).forEach(collapse => {
|
||||
const opt = collapses[collapse];
|
||||
const options = {
|
||||
toggle: opt.toggle ? opt.toggle : true
|
||||
};
|
||||
if (opt.parent) {
|
||||
options.parent = opt.parent;
|
||||
}
|
||||
const elements = Array.from(document.querySelectorAll(collapse));
|
||||
if (elements.length) {
|
||||
elements.map(el => new window.bootstrap.Collapse(el, options));
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
export { Collapse as C };
|
||||
1
media/vendor/bootstrap/js/collapse.min.js
vendored
Normal file
1
media/vendor/bootstrap/js/collapse.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
media/vendor/bootstrap/js/collapse.min.js.gz
vendored
Normal file
BIN
media/vendor/bootstrap/js/collapse.min.js.gz
vendored
Normal file
Binary file not shown.
1484
media/vendor/bootstrap/js/dom.js
vendored
Normal file
1484
media/vendor/bootstrap/js/dom.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
1
media/vendor/bootstrap/js/dom.min.js
vendored
Normal file
1
media/vendor/bootstrap/js/dom.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
media/vendor/bootstrap/js/dom.min.js.gz
vendored
Normal file
BIN
media/vendor/bootstrap/js/dom.min.js.gz
vendored
Normal file
Binary file not shown.
393
media/vendor/bootstrap/js/dropdown.js
vendored
Normal file
393
media/vendor/bootstrap/js/dropdown.js
vendored
Normal file
@ -0,0 +1,393 @@
|
||||
import { P as Popper, c as createPopper } from './popper.js?5.3.2';
|
||||
import { b as isRTL, E as EventHandler, d as defineJQueryPlugin, B as BaseComponent, S as SelectorEngine, f as isDisabled, n as noop, M as Manipulator, h as isElement, c as getElement, j as execute, i as isVisible, g as getNextActiveElement } from './dom.js?5.3.2';
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap dropdown.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
/**
|
||||
* Constants
|
||||
*/
|
||||
|
||||
const NAME = 'dropdown';
|
||||
const DATA_KEY = 'bs.dropdown';
|
||||
const EVENT_KEY = `.${DATA_KEY}`;
|
||||
const DATA_API_KEY = '.data-api';
|
||||
const ESCAPE_KEY = 'Escape';
|
||||
const TAB_KEY = 'Tab';
|
||||
const ARROW_UP_KEY = 'ArrowUp';
|
||||
const ARROW_DOWN_KEY = 'ArrowDown';
|
||||
const RIGHT_MOUSE_BUTTON = 2; // MouseEvent.button value for the secondary button, usually the right button
|
||||
|
||||
const EVENT_HIDE = `hide${EVENT_KEY}`;
|
||||
const EVENT_HIDDEN = `hidden${EVENT_KEY}`;
|
||||
const EVENT_SHOW = `show${EVENT_KEY}`;
|
||||
const EVENT_SHOWN = `shown${EVENT_KEY}`;
|
||||
const EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`;
|
||||
const EVENT_KEYDOWN_DATA_API = `keydown${EVENT_KEY}${DATA_API_KEY}`;
|
||||
const EVENT_KEYUP_DATA_API = `keyup${EVENT_KEY}${DATA_API_KEY}`;
|
||||
const CLASS_NAME_SHOW = 'show';
|
||||
const CLASS_NAME_DROPUP = 'dropup';
|
||||
const CLASS_NAME_DROPEND = 'dropend';
|
||||
const CLASS_NAME_DROPSTART = 'dropstart';
|
||||
const CLASS_NAME_DROPUP_CENTER = 'dropup-center';
|
||||
const CLASS_NAME_DROPDOWN_CENTER = 'dropdown-center';
|
||||
const SELECTOR_DATA_TOGGLE = '[data-bs-toggle="dropdown"]:not(.disabled):not(:disabled)';
|
||||
const SELECTOR_DATA_TOGGLE_SHOWN = `${SELECTOR_DATA_TOGGLE}.${CLASS_NAME_SHOW}`;
|
||||
const SELECTOR_MENU = '.dropdown-menu';
|
||||
const SELECTOR_NAVBAR = '.navbar';
|
||||
const SELECTOR_NAVBAR_NAV = '.navbar-nav';
|
||||
const SELECTOR_VISIBLE_ITEMS = '.dropdown-menu .dropdown-item:not(.disabled):not(:disabled)';
|
||||
const PLACEMENT_TOP = isRTL() ? 'top-end' : 'top-start';
|
||||
const PLACEMENT_TOPEND = isRTL() ? 'top-start' : 'top-end';
|
||||
const PLACEMENT_BOTTOM = isRTL() ? 'bottom-end' : 'bottom-start';
|
||||
const PLACEMENT_BOTTOMEND = isRTL() ? 'bottom-start' : 'bottom-end';
|
||||
const PLACEMENT_RIGHT = isRTL() ? 'left-start' : 'right-start';
|
||||
const PLACEMENT_LEFT = isRTL() ? 'right-start' : 'left-start';
|
||||
const PLACEMENT_TOPCENTER = 'top';
|
||||
const PLACEMENT_BOTTOMCENTER = 'bottom';
|
||||
const Default = {
|
||||
autoClose: true,
|
||||
boundary: 'clippingParents',
|
||||
display: 'dynamic',
|
||||
offset: [0, 2],
|
||||
popperConfig: null,
|
||||
reference: 'toggle'
|
||||
};
|
||||
const DefaultType = {
|
||||
autoClose: '(boolean|string)',
|
||||
boundary: '(string|element)',
|
||||
display: 'string',
|
||||
offset: '(array|string|function)',
|
||||
popperConfig: '(null|object|function)',
|
||||
reference: '(string|element|object)'
|
||||
};
|
||||
|
||||
/**
|
||||
* Class definition
|
||||
*/
|
||||
|
||||
class Dropdown extends BaseComponent {
|
||||
constructor(element, config) {
|
||||
super(element, config);
|
||||
this._popper = null;
|
||||
this._parent = this._element.parentNode; // dropdown wrapper
|
||||
// TODO: v6 revert #37011 & change markup https://getbootstrap.com/docs/5.3/forms/input-group/
|
||||
this._menu = SelectorEngine.next(this._element, SELECTOR_MENU)[0] || SelectorEngine.prev(this._element, SELECTOR_MENU)[0] || SelectorEngine.findOne(SELECTOR_MENU, this._parent);
|
||||
this._inNavbar = this._detectNavbar();
|
||||
}
|
||||
|
||||
// Getters
|
||||
static get Default() {
|
||||
return Default;
|
||||
}
|
||||
static get DefaultType() {
|
||||
return DefaultType;
|
||||
}
|
||||
static get NAME() {
|
||||
return NAME;
|
||||
}
|
||||
|
||||
// Public
|
||||
toggle() {
|
||||
return this._isShown() ? this.hide() : this.show();
|
||||
}
|
||||
show() {
|
||||
if (isDisabled(this._element) || this._isShown()) {
|
||||
return;
|
||||
}
|
||||
const relatedTarget = {
|
||||
relatedTarget: this._element
|
||||
};
|
||||
const showEvent = EventHandler.trigger(this._element, EVENT_SHOW, relatedTarget);
|
||||
if (showEvent.defaultPrevented) {
|
||||
return;
|
||||
}
|
||||
this._createPopper();
|
||||
|
||||
// If this is a touch-enabled device we add extra
|
||||
// empty mouseover listeners to the body's immediate children;
|
||||
// only needed because of broken event delegation on iOS
|
||||
// https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html
|
||||
if ('ontouchstart' in document.documentElement && !this._parent.closest(SELECTOR_NAVBAR_NAV)) {
|
||||
for (const element of [].concat(...document.body.children)) {
|
||||
EventHandler.on(element, 'mouseover', noop);
|
||||
}
|
||||
}
|
||||
this._element.focus();
|
||||
this._element.setAttribute('aria-expanded', true);
|
||||
this._menu.classList.add(CLASS_NAME_SHOW);
|
||||
this._element.classList.add(CLASS_NAME_SHOW);
|
||||
EventHandler.trigger(this._element, EVENT_SHOWN, relatedTarget);
|
||||
}
|
||||
hide() {
|
||||
if (isDisabled(this._element) || !this._isShown()) {
|
||||
return;
|
||||
}
|
||||
const relatedTarget = {
|
||||
relatedTarget: this._element
|
||||
};
|
||||
this._completeHide(relatedTarget);
|
||||
}
|
||||
dispose() {
|
||||
if (this._popper) {
|
||||
this._popper.destroy();
|
||||
}
|
||||
super.dispose();
|
||||
}
|
||||
update() {
|
||||
this._inNavbar = this._detectNavbar();
|
||||
if (this._popper) {
|
||||
this._popper.update();
|
||||
}
|
||||
}
|
||||
|
||||
// Private
|
||||
_completeHide(relatedTarget) {
|
||||
const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE, relatedTarget);
|
||||
if (hideEvent.defaultPrevented) {
|
||||
return;
|
||||
}
|
||||
|
||||
// If this is a touch-enabled device we remove the extra
|
||||
// empty mouseover listeners we added for iOS support
|
||||
if ('ontouchstart' in document.documentElement) {
|
||||
for (const element of [].concat(...document.body.children)) {
|
||||
EventHandler.off(element, 'mouseover', noop);
|
||||
}
|
||||
}
|
||||
if (this._popper) {
|
||||
this._popper.destroy();
|
||||
}
|
||||
this._menu.classList.remove(CLASS_NAME_SHOW);
|
||||
this._element.classList.remove(CLASS_NAME_SHOW);
|
||||
this._element.setAttribute('aria-expanded', 'false');
|
||||
Manipulator.removeDataAttribute(this._menu, 'popper');
|
||||
EventHandler.trigger(this._element, EVENT_HIDDEN, relatedTarget);
|
||||
}
|
||||
_getConfig(config) {
|
||||
config = super._getConfig(config);
|
||||
if (typeof config.reference === 'object' && !isElement(config.reference) && typeof config.reference.getBoundingClientRect !== 'function') {
|
||||
// Popper virtual elements require a getBoundingClientRect method
|
||||
throw new TypeError(`${NAME.toUpperCase()}: Option "reference" provided type "object" without a required "getBoundingClientRect" method.`);
|
||||
}
|
||||
return config;
|
||||
}
|
||||
_createPopper() {
|
||||
if (typeof Popper === 'undefined') {
|
||||
throw new TypeError('Bootstrap\'s dropdowns require Popper (https://popper.js.org)');
|
||||
}
|
||||
let referenceElement = this._element;
|
||||
if (this._config.reference === 'parent') {
|
||||
referenceElement = this._parent;
|
||||
} else if (isElement(this._config.reference)) {
|
||||
referenceElement = getElement(this._config.reference);
|
||||
} else if (typeof this._config.reference === 'object') {
|
||||
referenceElement = this._config.reference;
|
||||
}
|
||||
const popperConfig = this._getPopperConfig();
|
||||
this._popper = createPopper(referenceElement, this._menu, popperConfig);
|
||||
}
|
||||
_isShown() {
|
||||
return this._menu.classList.contains(CLASS_NAME_SHOW);
|
||||
}
|
||||
_getPlacement() {
|
||||
const parentDropdown = this._parent;
|
||||
if (parentDropdown.classList.contains(CLASS_NAME_DROPEND)) {
|
||||
return PLACEMENT_RIGHT;
|
||||
}
|
||||
if (parentDropdown.classList.contains(CLASS_NAME_DROPSTART)) {
|
||||
return PLACEMENT_LEFT;
|
||||
}
|
||||
if (parentDropdown.classList.contains(CLASS_NAME_DROPUP_CENTER)) {
|
||||
return PLACEMENT_TOPCENTER;
|
||||
}
|
||||
if (parentDropdown.classList.contains(CLASS_NAME_DROPDOWN_CENTER)) {
|
||||
return PLACEMENT_BOTTOMCENTER;
|
||||
}
|
||||
|
||||
// We need to trim the value because custom properties can also include spaces
|
||||
const isEnd = getComputedStyle(this._menu).getPropertyValue('--bs-position').trim() === 'end';
|
||||
if (parentDropdown.classList.contains(CLASS_NAME_DROPUP)) {
|
||||
return isEnd ? PLACEMENT_TOPEND : PLACEMENT_TOP;
|
||||
}
|
||||
return isEnd ? PLACEMENT_BOTTOMEND : PLACEMENT_BOTTOM;
|
||||
}
|
||||
_detectNavbar() {
|
||||
return this._element.closest(SELECTOR_NAVBAR) !== null;
|
||||
}
|
||||
_getOffset() {
|
||||
const {
|
||||
offset
|
||||
} = this._config;
|
||||
if (typeof offset === 'string') {
|
||||
return offset.split(',').map(value => Number.parseInt(value, 10));
|
||||
}
|
||||
if (typeof offset === 'function') {
|
||||
return popperData => offset(popperData, this._element);
|
||||
}
|
||||
return offset;
|
||||
}
|
||||
_getPopperConfig() {
|
||||
const defaultBsPopperConfig = {
|
||||
placement: this._getPlacement(),
|
||||
modifiers: [{
|
||||
name: 'preventOverflow',
|
||||
options: {
|
||||
boundary: this._config.boundary
|
||||
}
|
||||
}, {
|
||||
name: 'offset',
|
||||
options: {
|
||||
offset: this._getOffset()
|
||||
}
|
||||
}]
|
||||
};
|
||||
|
||||
// Disable Popper if we have a static display or Dropdown is in Navbar
|
||||
if (this._inNavbar || this._config.display === 'static') {
|
||||
Manipulator.setDataAttribute(this._menu, 'popper', 'static'); // TODO: v6 remove
|
||||
defaultBsPopperConfig.modifiers = [{
|
||||
name: 'applyStyles',
|
||||
enabled: false
|
||||
}];
|
||||
}
|
||||
return {
|
||||
...defaultBsPopperConfig,
|
||||
...execute(this._config.popperConfig, [defaultBsPopperConfig])
|
||||
};
|
||||
}
|
||||
_selectMenuItem(_ref) {
|
||||
let {
|
||||
key,
|
||||
target
|
||||
} = _ref;
|
||||
const items = SelectorEngine.find(SELECTOR_VISIBLE_ITEMS, this._menu).filter(element => isVisible(element));
|
||||
if (!items.length) {
|
||||
return;
|
||||
}
|
||||
|
||||
// if target isn't included in items (e.g. when expanding the dropdown)
|
||||
// allow cycling to get the last item in case key equals ARROW_UP_KEY
|
||||
getNextActiveElement(items, target, key === ARROW_DOWN_KEY, !items.includes(target)).focus();
|
||||
}
|
||||
|
||||
// Static
|
||||
static jQueryInterface(config) {
|
||||
return this.each(function () {
|
||||
const data = Dropdown.getOrCreateInstance(this, config);
|
||||
if (typeof config !== 'string') {
|
||||
return;
|
||||
}
|
||||
if (typeof data[config] === 'undefined') {
|
||||
throw new TypeError(`No method named "${config}"`);
|
||||
}
|
||||
data[config]();
|
||||
});
|
||||
}
|
||||
static clearMenus(event) {
|
||||
if (event.button === RIGHT_MOUSE_BUTTON || event.type === 'keyup' && event.key !== TAB_KEY) {
|
||||
return;
|
||||
}
|
||||
const openToggles = SelectorEngine.find(SELECTOR_DATA_TOGGLE_SHOWN);
|
||||
for (const toggle of openToggles) {
|
||||
const context = Dropdown.getInstance(toggle);
|
||||
if (!context || context._config.autoClose === false) {
|
||||
continue;
|
||||
}
|
||||
const composedPath = event.composedPath();
|
||||
const isMenuTarget = composedPath.includes(context._menu);
|
||||
if (composedPath.includes(context._element) || context._config.autoClose === 'inside' && !isMenuTarget || context._config.autoClose === 'outside' && isMenuTarget) {
|
||||
continue;
|
||||
}
|
||||
|
||||
// Tab navigation through the dropdown menu or events from contained inputs shouldn't close the menu
|
||||
if (context._menu.contains(event.target) && (event.type === 'keyup' && event.key === TAB_KEY || /input|select|option|textarea|form/i.test(event.target.tagName))) {
|
||||
continue;
|
||||
}
|
||||
const relatedTarget = {
|
||||
relatedTarget: context._element
|
||||
};
|
||||
if (event.type === 'click') {
|
||||
relatedTarget.clickEvent = event;
|
||||
}
|
||||
context._completeHide(relatedTarget);
|
||||
}
|
||||
}
|
||||
static dataApiKeydownHandler(event) {
|
||||
// If not an UP | DOWN | ESCAPE key => not a dropdown command
|
||||
// If input/textarea && if key is other than ESCAPE => not a dropdown command
|
||||
|
||||
const isInput = /input|textarea/i.test(event.target.tagName);
|
||||
const isEscapeEvent = event.key === ESCAPE_KEY;
|
||||
const isUpOrDownEvent = [ARROW_UP_KEY, ARROW_DOWN_KEY].includes(event.key);
|
||||
if (!isUpOrDownEvent && !isEscapeEvent) {
|
||||
return;
|
||||
}
|
||||
if (isInput && !isEscapeEvent) {
|
||||
return;
|
||||
}
|
||||
event.preventDefault();
|
||||
|
||||
// TODO: v6 revert #37011 & change markup https://getbootstrap.com/docs/5.3/forms/input-group/
|
||||
const getToggleButton = this.matches(SELECTOR_DATA_TOGGLE) ? this : SelectorEngine.prev(this, SELECTOR_DATA_TOGGLE)[0] || SelectorEngine.next(this, SELECTOR_DATA_TOGGLE)[0] || SelectorEngine.findOne(SELECTOR_DATA_TOGGLE, event.delegateTarget.parentNode);
|
||||
const instance = Dropdown.getOrCreateInstance(getToggleButton);
|
||||
if (isUpOrDownEvent) {
|
||||
event.stopPropagation();
|
||||
instance.show();
|
||||
instance._selectMenuItem(event);
|
||||
return;
|
||||
}
|
||||
if (instance._isShown()) {
|
||||
// else is escape and we check if it is shown
|
||||
event.stopPropagation();
|
||||
instance.hide();
|
||||
getToggleButton.focus();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Data API implementation
|
||||
*/
|
||||
|
||||
EventHandler.on(document, EVENT_KEYDOWN_DATA_API, SELECTOR_DATA_TOGGLE, Dropdown.dataApiKeydownHandler);
|
||||
EventHandler.on(document, EVENT_KEYDOWN_DATA_API, SELECTOR_MENU, Dropdown.dataApiKeydownHandler);
|
||||
EventHandler.on(document, EVENT_CLICK_DATA_API, Dropdown.clearMenus);
|
||||
EventHandler.on(document, EVENT_KEYUP_DATA_API, Dropdown.clearMenus);
|
||||
EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {
|
||||
event.preventDefault();
|
||||
Dropdown.getOrCreateInstance(this).toggle();
|
||||
});
|
||||
|
||||
/**
|
||||
* jQuery
|
||||
*/
|
||||
|
||||
defineJQueryPlugin(Dropdown);
|
||||
|
||||
window.bootstrap = window.bootstrap || {};
|
||||
window.bootstrap.Dropdown = Dropdown;
|
||||
if (Joomla && Joomla.getOptions) {
|
||||
// Get the elements/configurations from the PHP
|
||||
const dropdowns = Joomla.getOptions('bootstrap.dropdown');
|
||||
// Initialise the elements
|
||||
if (typeof dropdowns === 'object' && dropdowns !== null) {
|
||||
Object.keys(dropdowns).forEach(dropdown => {
|
||||
const opt = dropdowns[dropdown];
|
||||
const options = {
|
||||
interval: opt.interval ? opt.interval : 5000,
|
||||
pause: opt.pause ? opt.pause : 'hover'
|
||||
};
|
||||
const elements = Array.from(document.querySelectorAll(dropdown));
|
||||
if (elements.length) {
|
||||
elements.map(el => new window.bootstrap.Dropdown(el, options));
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export { Dropdown as D };
|
||||
1
media/vendor/bootstrap/js/dropdown.min.js
vendored
Normal file
1
media/vendor/bootstrap/js/dropdown.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
media/vendor/bootstrap/js/dropdown.min.js.gz
vendored
Normal file
BIN
media/vendor/bootstrap/js/dropdown.min.js.gz
vendored
Normal file
Binary file not shown.
448
media/vendor/bootstrap/js/modal.js
vendored
Normal file
448
media/vendor/bootstrap/js/modal.js
vendored
Normal file
@ -0,0 +1,448 @@
|
||||
import { E as EventHandler, S as SelectorEngine, i as isVisible, e as enableDismissTrigger, d as defineJQueryPlugin, B as BaseComponent, k as ScrollBarHelper, l as Backdrop, F as FocusTrap, r as reflow, b as isRTL } from './dom.js?5.3.2';
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap modal.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
/**
|
||||
* Constants
|
||||
*/
|
||||
|
||||
const NAME = 'modal';
|
||||
const DATA_KEY = 'bs.modal';
|
||||
const EVENT_KEY = `.${DATA_KEY}`;
|
||||
const DATA_API_KEY = '.data-api';
|
||||
const ESCAPE_KEY = 'Escape';
|
||||
const EVENT_HIDE = `hide${EVENT_KEY}`;
|
||||
const EVENT_HIDE_PREVENTED = `hidePrevented${EVENT_KEY}`;
|
||||
const EVENT_HIDDEN = `hidden${EVENT_KEY}`;
|
||||
const EVENT_SHOW = `show${EVENT_KEY}`;
|
||||
const EVENT_SHOWN = `shown${EVENT_KEY}`;
|
||||
const EVENT_RESIZE = `resize${EVENT_KEY}`;
|
||||
const EVENT_CLICK_DISMISS = `click.dismiss${EVENT_KEY}`;
|
||||
const EVENT_MOUSEDOWN_DISMISS = `mousedown.dismiss${EVENT_KEY}`;
|
||||
const EVENT_KEYDOWN_DISMISS = `keydown.dismiss${EVENT_KEY}`;
|
||||
const EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`;
|
||||
const CLASS_NAME_OPEN = 'modal-open';
|
||||
const CLASS_NAME_FADE = 'fade';
|
||||
const CLASS_NAME_SHOW = 'show';
|
||||
const CLASS_NAME_STATIC = 'modal-static';
|
||||
const OPEN_SELECTOR = '.modal.show';
|
||||
const SELECTOR_DIALOG = '.modal-dialog';
|
||||
const SELECTOR_MODAL_BODY = '.modal-body';
|
||||
const SELECTOR_DATA_TOGGLE = '[data-bs-toggle="modal"]';
|
||||
const Default = {
|
||||
backdrop: true,
|
||||
focus: true,
|
||||
keyboard: true
|
||||
};
|
||||
const DefaultType = {
|
||||
backdrop: '(boolean|string)',
|
||||
focus: 'boolean',
|
||||
keyboard: 'boolean'
|
||||
};
|
||||
|
||||
/**
|
||||
* Class definition
|
||||
*/
|
||||
|
||||
class Modal extends BaseComponent {
|
||||
constructor(element, config) {
|
||||
super(element, config);
|
||||
this._dialog = SelectorEngine.findOne(SELECTOR_DIALOG, this._element);
|
||||
this._backdrop = this._initializeBackDrop();
|
||||
this._focustrap = this._initializeFocusTrap();
|
||||
this._isShown = false;
|
||||
this._isTransitioning = false;
|
||||
this._scrollBar = new ScrollBarHelper();
|
||||
this._addEventListeners();
|
||||
}
|
||||
|
||||
// Getters
|
||||
static get Default() {
|
||||
return Default;
|
||||
}
|
||||
static get DefaultType() {
|
||||
return DefaultType;
|
||||
}
|
||||
static get NAME() {
|
||||
return NAME;
|
||||
}
|
||||
|
||||
// Public
|
||||
toggle(relatedTarget) {
|
||||
return this._isShown ? this.hide() : this.show(relatedTarget);
|
||||
}
|
||||
show(relatedTarget) {
|
||||
if (this._isShown || this._isTransitioning) {
|
||||
return;
|
||||
}
|
||||
const showEvent = EventHandler.trigger(this._element, EVENT_SHOW, {
|
||||
relatedTarget
|
||||
});
|
||||
if (showEvent.defaultPrevented) {
|
||||
return;
|
||||
}
|
||||
this._isShown = true;
|
||||
this._isTransitioning = true;
|
||||
this._scrollBar.hide();
|
||||
document.body.classList.add(CLASS_NAME_OPEN);
|
||||
this._adjustDialog();
|
||||
this._backdrop.show(() => this._showElement(relatedTarget));
|
||||
}
|
||||
hide() {
|
||||
if (!this._isShown || this._isTransitioning) {
|
||||
return;
|
||||
}
|
||||
const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE);
|
||||
if (hideEvent.defaultPrevented) {
|
||||
return;
|
||||
}
|
||||
this._isShown = false;
|
||||
this._isTransitioning = true;
|
||||
this._focustrap.deactivate();
|
||||
this._element.classList.remove(CLASS_NAME_SHOW);
|
||||
this._queueCallback(() => this._hideModal(), this._element, this._isAnimated());
|
||||
}
|
||||
dispose() {
|
||||
EventHandler.off(window, EVENT_KEY);
|
||||
EventHandler.off(this._dialog, EVENT_KEY);
|
||||
this._backdrop.dispose();
|
||||
this._focustrap.deactivate();
|
||||
super.dispose();
|
||||
}
|
||||
handleUpdate() {
|
||||
this._adjustDialog();
|
||||
}
|
||||
|
||||
// Private
|
||||
_initializeBackDrop() {
|
||||
return new Backdrop({
|
||||
isVisible: Boolean(this._config.backdrop),
|
||||
// 'static' option will be translated to true, and booleans will keep their value,
|
||||
isAnimated: this._isAnimated()
|
||||
});
|
||||
}
|
||||
_initializeFocusTrap() {
|
||||
return new FocusTrap({
|
||||
trapElement: this._element
|
||||
});
|
||||
}
|
||||
_showElement(relatedTarget) {
|
||||
// try to append dynamic modal
|
||||
if (!document.body.contains(this._element)) {
|
||||
document.body.append(this._element);
|
||||
}
|
||||
this._element.style.display = 'block';
|
||||
this._element.removeAttribute('aria-hidden');
|
||||
this._element.setAttribute('aria-modal', true);
|
||||
this._element.setAttribute('role', 'dialog');
|
||||
this._element.scrollTop = 0;
|
||||
const modalBody = SelectorEngine.findOne(SELECTOR_MODAL_BODY, this._dialog);
|
||||
if (modalBody) {
|
||||
modalBody.scrollTop = 0;
|
||||
}
|
||||
reflow(this._element);
|
||||
this._element.classList.add(CLASS_NAME_SHOW);
|
||||
const transitionComplete = () => {
|
||||
if (this._config.focus) {
|
||||
this._focustrap.activate();
|
||||
}
|
||||
this._isTransitioning = false;
|
||||
EventHandler.trigger(this._element, EVENT_SHOWN, {
|
||||
relatedTarget
|
||||
});
|
||||
};
|
||||
this._queueCallback(transitionComplete, this._dialog, this._isAnimated());
|
||||
}
|
||||
_addEventListeners() {
|
||||
EventHandler.on(this._element, EVENT_KEYDOWN_DISMISS, event => {
|
||||
if (event.key !== ESCAPE_KEY) {
|
||||
return;
|
||||
}
|
||||
if (this._config.keyboard) {
|
||||
this.hide();
|
||||
return;
|
||||
}
|
||||
this._triggerBackdropTransition();
|
||||
});
|
||||
EventHandler.on(window, EVENT_RESIZE, () => {
|
||||
if (this._isShown && !this._isTransitioning) {
|
||||
this._adjustDialog();
|
||||
}
|
||||
});
|
||||
EventHandler.on(this._element, EVENT_MOUSEDOWN_DISMISS, event => {
|
||||
// a bad trick to segregate clicks that may start inside dialog but end outside, and avoid listen to scrollbar clicks
|
||||
EventHandler.one(this._element, EVENT_CLICK_DISMISS, event2 => {
|
||||
if (this._element !== event.target || this._element !== event2.target) {
|
||||
return;
|
||||
}
|
||||
if (this._config.backdrop === 'static') {
|
||||
this._triggerBackdropTransition();
|
||||
return;
|
||||
}
|
||||
if (this._config.backdrop) {
|
||||
this.hide();
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
_hideModal() {
|
||||
this._element.style.display = 'none';
|
||||
this._element.setAttribute('aria-hidden', true);
|
||||
this._element.removeAttribute('aria-modal');
|
||||
this._element.removeAttribute('role');
|
||||
this._isTransitioning = false;
|
||||
this._backdrop.hide(() => {
|
||||
document.body.classList.remove(CLASS_NAME_OPEN);
|
||||
this._resetAdjustments();
|
||||
this._scrollBar.reset();
|
||||
EventHandler.trigger(this._element, EVENT_HIDDEN);
|
||||
});
|
||||
}
|
||||
_isAnimated() {
|
||||
return this._element.classList.contains(CLASS_NAME_FADE);
|
||||
}
|
||||
_triggerBackdropTransition() {
|
||||
const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED);
|
||||
if (hideEvent.defaultPrevented) {
|
||||
return;
|
||||
}
|
||||
const isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight;
|
||||
const initialOverflowY = this._element.style.overflowY;
|
||||
// return if the following background transition hasn't yet completed
|
||||
if (initialOverflowY === 'hidden' || this._element.classList.contains(CLASS_NAME_STATIC)) {
|
||||
return;
|
||||
}
|
||||
if (!isModalOverflowing) {
|
||||
this._element.style.overflowY = 'hidden';
|
||||
}
|
||||
this._element.classList.add(CLASS_NAME_STATIC);
|
||||
this._queueCallback(() => {
|
||||
this._element.classList.remove(CLASS_NAME_STATIC);
|
||||
this._queueCallback(() => {
|
||||
this._element.style.overflowY = initialOverflowY;
|
||||
}, this._dialog);
|
||||
}, this._dialog);
|
||||
this._element.focus();
|
||||
}
|
||||
|
||||
/**
|
||||
* The following methods are used to handle overflowing modals
|
||||
*/
|
||||
|
||||
_adjustDialog() {
|
||||
const isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight;
|
||||
const scrollbarWidth = this._scrollBar.getWidth();
|
||||
const isBodyOverflowing = scrollbarWidth > 0;
|
||||
if (isBodyOverflowing && !isModalOverflowing) {
|
||||
const property = isRTL() ? 'paddingLeft' : 'paddingRight';
|
||||
this._element.style[property] = `${scrollbarWidth}px`;
|
||||
}
|
||||
if (!isBodyOverflowing && isModalOverflowing) {
|
||||
const property = isRTL() ? 'paddingRight' : 'paddingLeft';
|
||||
this._element.style[property] = `${scrollbarWidth}px`;
|
||||
}
|
||||
}
|
||||
_resetAdjustments() {
|
||||
this._element.style.paddingLeft = '';
|
||||
this._element.style.paddingRight = '';
|
||||
}
|
||||
|
||||
// Static
|
||||
static jQueryInterface(config, relatedTarget) {
|
||||
return this.each(function () {
|
||||
const data = Modal.getOrCreateInstance(this, config);
|
||||
if (typeof config !== 'string') {
|
||||
return;
|
||||
}
|
||||
if (typeof data[config] === 'undefined') {
|
||||
throw new TypeError(`No method named "${config}"`);
|
||||
}
|
||||
data[config](relatedTarget);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Data API implementation
|
||||
*/
|
||||
|
||||
EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {
|
||||
const target = SelectorEngine.getElementFromSelector(this);
|
||||
if (['A', 'AREA'].includes(this.tagName)) {
|
||||
event.preventDefault();
|
||||
}
|
||||
EventHandler.one(target, EVENT_SHOW, showEvent => {
|
||||
if (showEvent.defaultPrevented) {
|
||||
// only register focus restorer if modal will actually get shown
|
||||
return;
|
||||
}
|
||||
EventHandler.one(target, EVENT_HIDDEN, () => {
|
||||
if (isVisible(this)) {
|
||||
this.focus();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// avoid conflict when clicking modal toggler while another one is open
|
||||
const alreadyOpen = SelectorEngine.findOne(OPEN_SELECTOR);
|
||||
if (alreadyOpen) {
|
||||
Modal.getInstance(alreadyOpen).hide();
|
||||
}
|
||||
const data = Modal.getOrCreateInstance(target);
|
||||
data.toggle(this);
|
||||
});
|
||||
enableDismissTrigger(Modal);
|
||||
|
||||
/**
|
||||
* jQuery
|
||||
*/
|
||||
|
||||
defineJQueryPlugin(Modal);
|
||||
|
||||
Joomla = Joomla || {};
|
||||
Joomla.Modal = Joomla.Modal || {};
|
||||
window.bootstrap = window.bootstrap || {};
|
||||
window.bootstrap.Modal = Modal;
|
||||
const allowed = {
|
||||
iframe: ['src', 'name', 'width', 'height']
|
||||
};
|
||||
Joomla.initialiseModal = (modal, options) => {
|
||||
if (!(modal instanceof Element)) {
|
||||
return;
|
||||
}
|
||||
|
||||
// eslint-disable-next-line no-new
|
||||
new window.bootstrap.Modal(modal, options);
|
||||
|
||||
// Comply with the Joomla API - Bound element.open/close
|
||||
modal.open = () => {
|
||||
window.bootstrap.Modal.getInstance(modal).show(modal);
|
||||
};
|
||||
modal.close = () => {
|
||||
window.bootstrap.Modal.getInstance(modal).hide();
|
||||
};
|
||||
|
||||
// Do some Joomla specific changes
|
||||
modal.addEventListener('show.bs.modal', () => {
|
||||
// Comply with the Joomla API - Set the current Modal ID
|
||||
Joomla.Modal.setCurrent(modal);
|
||||
if (modal.dataset.url) {
|
||||
const modalBody = modal.querySelector('.modal-body');
|
||||
const iframe = modalBody.querySelector('iframe');
|
||||
if (iframe) {
|
||||
const addData = modal.querySelector('joomla-field-mediamore');
|
||||
if (addData) {
|
||||
addData.parentNode.removeChild(addData);
|
||||
}
|
||||
iframe.parentNode.removeChild(iframe);
|
||||
}
|
||||
|
||||
// @todo merge https://github.com/joomla/joomla-cms/pull/20788
|
||||
// Hacks because com_associations and field modals use pure javascript in the url!
|
||||
if (modal.dataset.iframe.indexOf('document.getElementById') > 0) {
|
||||
const iframeTextArr = modal.dataset.iframe.split('+');
|
||||
const idFieldArr = iframeTextArr[1].split('"');
|
||||
let el;
|
||||
idFieldArr[0] = idFieldArr[0].replace(/"/g, '"');
|
||||
if (!document.getElementById(idFieldArr[1])) {
|
||||
// eslint-disable-next-line no-new-func
|
||||
const fn = new Function(`return ${idFieldArr[0]}`); // This is UNSAFE!!!!
|
||||
el = fn.call(null);
|
||||
} else {
|
||||
el = document.getElementById(idFieldArr[1]).value;
|
||||
}
|
||||
modalBody.insertAdjacentHTML('afterbegin', Joomla.sanitizeHtml(`${iframeTextArr[0]}${el}${iframeTextArr[2]}`, allowed));
|
||||
} else {
|
||||
modalBody.insertAdjacentHTML('afterbegin', Joomla.sanitizeHtml(modal.dataset.iframe, allowed));
|
||||
}
|
||||
}
|
||||
});
|
||||
modal.addEventListener('shown.bs.modal', () => {
|
||||
const modalBody = modal.querySelector('.modal-body');
|
||||
const modalHeader = modal.querySelector('.modal-header');
|
||||
const modalFooter = modal.querySelector('.modal-footer');
|
||||
let modalHeaderHeight = 0;
|
||||
let modalFooterHeight = 0;
|
||||
let maxModalBodyHeight = 0;
|
||||
let modalBodyPadding = 0;
|
||||
let modalBodyHeightOuter = 0;
|
||||
if (modalBody) {
|
||||
if (modalHeader) {
|
||||
const modalHeaderRects = modalHeader.getBoundingClientRect();
|
||||
modalHeaderHeight = modalHeaderRects.height;
|
||||
modalBodyHeightOuter = modalBody.offsetHeight;
|
||||
}
|
||||
if (modalFooter) {
|
||||
modalFooterHeight = parseFloat(getComputedStyle(modalFooter, null).height.replace('px', ''));
|
||||
}
|
||||
const modalBodyHeight = parseFloat(getComputedStyle(modalBody, null).height.replace('px', ''));
|
||||
const padding = modalBody.offsetTop;
|
||||
const maxModalHeight = parseFloat(getComputedStyle(document.body, null).height.replace('px', '')) - padding * 2;
|
||||
modalBodyPadding = modalBodyHeightOuter - modalBodyHeight;
|
||||
maxModalBodyHeight = maxModalHeight - (modalHeaderHeight + modalFooterHeight + modalBodyPadding);
|
||||
}
|
||||
if (modal.dataset.url) {
|
||||
const iframeEl = modal.querySelector('iframe');
|
||||
const iframeHeight = parseFloat(getComputedStyle(iframeEl, null).height.replace('px', ''));
|
||||
if (iframeHeight > maxModalBodyHeight) {
|
||||
modalBody.style.maxHeight = maxModalBodyHeight;
|
||||
modalBody.style.overflowY = 'auto';
|
||||
iframeEl.style.maxHeight = maxModalBodyHeight - modalBodyPadding;
|
||||
}
|
||||
}
|
||||
});
|
||||
modal.addEventListener('hide.bs.modal', () => {
|
||||
const modalBody = modal.querySelector('.modal-body');
|
||||
modalBody.style.maxHeight = 'initial';
|
||||
});
|
||||
modal.addEventListener('hidden.bs.modal', () => {
|
||||
// Comply with the Joomla API - Remove the current Modal ID
|
||||
Joomla.Modal.setCurrent('');
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* Method to invoke a click on button inside an iframe
|
||||
*
|
||||
* @param {object} options Object with the css selector for the parent element of an iframe
|
||||
* and the selector of the button in the iframe that will be clicked
|
||||
* { iframeSelector: '', buttonSelector: '' }
|
||||
* @returns {boolean}
|
||||
*
|
||||
* @since 4.0.0
|
||||
*/
|
||||
Joomla.iframeButtonClick = options => {
|
||||
if (!options.iframeSelector || !options.buttonSelector) {
|
||||
throw new Error('Selector is missing');
|
||||
}
|
||||
const iframe = document.querySelector(`${options.iframeSelector} iframe`);
|
||||
if (iframe) {
|
||||
const button = iframe.contentWindow.document.querySelector(options.buttonSelector);
|
||||
if (button) {
|
||||
button.click();
|
||||
}
|
||||
}
|
||||
};
|
||||
if (Joomla && Joomla.getOptions) {
|
||||
// Get the elements/configurations from the PHP
|
||||
const modals = Joomla.getOptions('bootstrap.modal');
|
||||
// Initialise the elements
|
||||
if (typeof modals === 'object' && modals !== null) {
|
||||
Object.keys(modals).forEach(modal => {
|
||||
const opt = modals[modal];
|
||||
const options = {
|
||||
backdrop: opt.backdrop ? opt.backdrop : true,
|
||||
keyboard: opt.keyboard ? opt.keyboard : true,
|
||||
focus: opt.focus ? opt.focus : true
|
||||
};
|
||||
Array.from(document.querySelectorAll(modal)).map(modalEl => Joomla.initialiseModal(modalEl, options));
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export { Modal as M };
|
||||
1
media/vendor/bootstrap/js/modal.min.js
vendored
Normal file
1
media/vendor/bootstrap/js/modal.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
media/vendor/bootstrap/js/modal.min.js.gz
vendored
Normal file
BIN
media/vendor/bootstrap/js/modal.min.js.gz
vendored
Normal file
Binary file not shown.
255
media/vendor/bootstrap/js/offcanvas.js
vendored
Normal file
255
media/vendor/bootstrap/js/offcanvas.js
vendored
Normal file
@ -0,0 +1,255 @@
|
||||
import { E as EventHandler, S as SelectorEngine, f as isDisabled, i as isVisible, e as enableDismissTrigger, d as defineJQueryPlugin, B as BaseComponent, k as ScrollBarHelper, l as Backdrop, F as FocusTrap } from './dom.js?5.3.2';
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap offcanvas.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
/**
|
||||
* Constants
|
||||
*/
|
||||
|
||||
const NAME = 'offcanvas';
|
||||
const DATA_KEY = 'bs.offcanvas';
|
||||
const EVENT_KEY = `.${DATA_KEY}`;
|
||||
const DATA_API_KEY = '.data-api';
|
||||
const EVENT_LOAD_DATA_API = `load${EVENT_KEY}${DATA_API_KEY}`;
|
||||
const ESCAPE_KEY = 'Escape';
|
||||
const CLASS_NAME_SHOW = 'show';
|
||||
const CLASS_NAME_SHOWING = 'showing';
|
||||
const CLASS_NAME_HIDING = 'hiding';
|
||||
const CLASS_NAME_BACKDROP = 'offcanvas-backdrop';
|
||||
const OPEN_SELECTOR = '.offcanvas.show';
|
||||
const EVENT_SHOW = `show${EVENT_KEY}`;
|
||||
const EVENT_SHOWN = `shown${EVENT_KEY}`;
|
||||
const EVENT_HIDE = `hide${EVENT_KEY}`;
|
||||
const EVENT_HIDE_PREVENTED = `hidePrevented${EVENT_KEY}`;
|
||||
const EVENT_HIDDEN = `hidden${EVENT_KEY}`;
|
||||
const EVENT_RESIZE = `resize${EVENT_KEY}`;
|
||||
const EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`;
|
||||
const EVENT_KEYDOWN_DISMISS = `keydown.dismiss${EVENT_KEY}`;
|
||||
const SELECTOR_DATA_TOGGLE = '[data-bs-toggle="offcanvas"]';
|
||||
const Default = {
|
||||
backdrop: true,
|
||||
keyboard: true,
|
||||
scroll: false
|
||||
};
|
||||
const DefaultType = {
|
||||
backdrop: '(boolean|string)',
|
||||
keyboard: 'boolean',
|
||||
scroll: 'boolean'
|
||||
};
|
||||
|
||||
/**
|
||||
* Class definition
|
||||
*/
|
||||
|
||||
class Offcanvas extends BaseComponent {
|
||||
constructor(element, config) {
|
||||
super(element, config);
|
||||
this._isShown = false;
|
||||
this._backdrop = this._initializeBackDrop();
|
||||
this._focustrap = this._initializeFocusTrap();
|
||||
this._addEventListeners();
|
||||
}
|
||||
|
||||
// Getters
|
||||
static get Default() {
|
||||
return Default;
|
||||
}
|
||||
static get DefaultType() {
|
||||
return DefaultType;
|
||||
}
|
||||
static get NAME() {
|
||||
return NAME;
|
||||
}
|
||||
|
||||
// Public
|
||||
toggle(relatedTarget) {
|
||||
return this._isShown ? this.hide() : this.show(relatedTarget);
|
||||
}
|
||||
show(relatedTarget) {
|
||||
if (this._isShown) {
|
||||
return;
|
||||
}
|
||||
const showEvent = EventHandler.trigger(this._element, EVENT_SHOW, {
|
||||
relatedTarget
|
||||
});
|
||||
if (showEvent.defaultPrevented) {
|
||||
return;
|
||||
}
|
||||
this._isShown = true;
|
||||
this._backdrop.show();
|
||||
if (!this._config.scroll) {
|
||||
new ScrollBarHelper().hide();
|
||||
}
|
||||
this._element.setAttribute('aria-modal', true);
|
||||
this._element.setAttribute('role', 'dialog');
|
||||
this._element.classList.add(CLASS_NAME_SHOWING);
|
||||
const completeCallBack = () => {
|
||||
if (!this._config.scroll || this._config.backdrop) {
|
||||
this._focustrap.activate();
|
||||
}
|
||||
this._element.classList.add(CLASS_NAME_SHOW);
|
||||
this._element.classList.remove(CLASS_NAME_SHOWING);
|
||||
EventHandler.trigger(this._element, EVENT_SHOWN, {
|
||||
relatedTarget
|
||||
});
|
||||
};
|
||||
this._queueCallback(completeCallBack, this._element, true);
|
||||
}
|
||||
hide() {
|
||||
if (!this._isShown) {
|
||||
return;
|
||||
}
|
||||
const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE);
|
||||
if (hideEvent.defaultPrevented) {
|
||||
return;
|
||||
}
|
||||
this._focustrap.deactivate();
|
||||
this._element.blur();
|
||||
this._isShown = false;
|
||||
this._element.classList.add(CLASS_NAME_HIDING);
|
||||
this._backdrop.hide();
|
||||
const completeCallback = () => {
|
||||
this._element.classList.remove(CLASS_NAME_SHOW, CLASS_NAME_HIDING);
|
||||
this._element.removeAttribute('aria-modal');
|
||||
this._element.removeAttribute('role');
|
||||
if (!this._config.scroll) {
|
||||
new ScrollBarHelper().reset();
|
||||
}
|
||||
EventHandler.trigger(this._element, EVENT_HIDDEN);
|
||||
};
|
||||
this._queueCallback(completeCallback, this._element, true);
|
||||
}
|
||||
dispose() {
|
||||
this._backdrop.dispose();
|
||||
this._focustrap.deactivate();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
// Private
|
||||
_initializeBackDrop() {
|
||||
const clickCallback = () => {
|
||||
if (this._config.backdrop === 'static') {
|
||||
EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED);
|
||||
return;
|
||||
}
|
||||
this.hide();
|
||||
};
|
||||
|
||||
// 'static' option will be translated to true, and booleans will keep their value
|
||||
const isVisible = Boolean(this._config.backdrop);
|
||||
return new Backdrop({
|
||||
className: CLASS_NAME_BACKDROP,
|
||||
isVisible,
|
||||
isAnimated: true,
|
||||
rootElement: this._element.parentNode,
|
||||
clickCallback: isVisible ? clickCallback : null
|
||||
});
|
||||
}
|
||||
_initializeFocusTrap() {
|
||||
return new FocusTrap({
|
||||
trapElement: this._element
|
||||
});
|
||||
}
|
||||
_addEventListeners() {
|
||||
EventHandler.on(this._element, EVENT_KEYDOWN_DISMISS, event => {
|
||||
if (event.key !== ESCAPE_KEY) {
|
||||
return;
|
||||
}
|
||||
if (this._config.keyboard) {
|
||||
this.hide();
|
||||
return;
|
||||
}
|
||||
EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED);
|
||||
});
|
||||
}
|
||||
|
||||
// Static
|
||||
static jQueryInterface(config) {
|
||||
return this.each(function () {
|
||||
const data = Offcanvas.getOrCreateInstance(this, config);
|
||||
if (typeof config !== 'string') {
|
||||
return;
|
||||
}
|
||||
if (data[config] === undefined || config.startsWith('_') || config === 'constructor') {
|
||||
throw new TypeError(`No method named "${config}"`);
|
||||
}
|
||||
data[config](this);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Data API implementation
|
||||
*/
|
||||
|
||||
EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {
|
||||
const target = SelectorEngine.getElementFromSelector(this);
|
||||
if (['A', 'AREA'].includes(this.tagName)) {
|
||||
event.preventDefault();
|
||||
}
|
||||
if (isDisabled(this)) {
|
||||
return;
|
||||
}
|
||||
EventHandler.one(target, EVENT_HIDDEN, () => {
|
||||
// focus on trigger when it is closed
|
||||
if (isVisible(this)) {
|
||||
this.focus();
|
||||
}
|
||||
});
|
||||
|
||||
// avoid conflict when clicking a toggler of an offcanvas, while another is open
|
||||
const alreadyOpen = SelectorEngine.findOne(OPEN_SELECTOR);
|
||||
if (alreadyOpen && alreadyOpen !== target) {
|
||||
Offcanvas.getInstance(alreadyOpen).hide();
|
||||
}
|
||||
const data = Offcanvas.getOrCreateInstance(target);
|
||||
data.toggle(this);
|
||||
});
|
||||
EventHandler.on(window, EVENT_LOAD_DATA_API, () => {
|
||||
for (const selector of SelectorEngine.find(OPEN_SELECTOR)) {
|
||||
Offcanvas.getOrCreateInstance(selector).show();
|
||||
}
|
||||
});
|
||||
EventHandler.on(window, EVENT_RESIZE, () => {
|
||||
for (const element of SelectorEngine.find('[aria-modal][class*=show][class*=offcanvas-]')) {
|
||||
if (getComputedStyle(element).position !== 'fixed') {
|
||||
Offcanvas.getOrCreateInstance(element).hide();
|
||||
}
|
||||
}
|
||||
});
|
||||
enableDismissTrigger(Offcanvas);
|
||||
|
||||
/**
|
||||
* jQuery
|
||||
*/
|
||||
|
||||
defineJQueryPlugin(Offcanvas);
|
||||
|
||||
window.bootstrap = window.bootstrap || {};
|
||||
window.bootstrap.Offcanvas = Offcanvas;
|
||||
if (Joomla && Joomla.getOptions) {
|
||||
// Get the elements/configurations from the PHP
|
||||
const offcanvases = Joomla.getOptions('bootstrap.offcanvas');
|
||||
// Initialise the elements
|
||||
if (typeof offcanvases === 'object' && offcanvases !== null) {
|
||||
Object.keys(offcanvases).forEach(offcanvas => {
|
||||
const opt = offcanvases[offcanvas];
|
||||
const options = {
|
||||
backdrop: opt.backdrop ? opt.backdrop : true,
|
||||
keyboard: opt.keyboard ? opt.keyboard : true,
|
||||
scroll: opt.scroll ? opt.scroll : true
|
||||
};
|
||||
const elements = Array.from(document.querySelectorAll(offcanvas));
|
||||
if (elements.length) {
|
||||
elements.map(el => new window.bootstrap.Offcanvas(el, options));
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export { Offcanvas as O };
|
||||
1
media/vendor/bootstrap/js/offcanvas.min.js
vendored
Normal file
1
media/vendor/bootstrap/js/offcanvas.min.js
vendored
Normal file
@ -0,0 +1 @@
|
||||
import{E as EventHandler,S as SelectorEngine,f as isDisabled,i as isVisible,e as enableDismissTrigger,d as defineJQueryPlugin,B as BaseComponent,k as ScrollBarHelper,l as Backdrop,F as FocusTrap}from"./dom.min.js?5.3.2";const NAME="offcanvas",DATA_KEY="bs.offcanvas",EVENT_KEY=`.${DATA_KEY}`,DATA_API_KEY=".data-api",EVENT_LOAD_DATA_API=`load${EVENT_KEY}.data-api`,ESCAPE_KEY="Escape",CLASS_NAME_SHOW="show",CLASS_NAME_SHOWING="showing",CLASS_NAME_HIDING="hiding",CLASS_NAME_BACKDROP="offcanvas-backdrop",OPEN_SELECTOR=".offcanvas.show",EVENT_SHOW=`show${EVENT_KEY}`,EVENT_SHOWN=`shown${EVENT_KEY}`,EVENT_HIDE=`hide${EVENT_KEY}`,EVENT_HIDE_PREVENTED=`hidePrevented${EVENT_KEY}`,EVENT_HIDDEN=`hidden${EVENT_KEY}`,EVENT_RESIZE=`resize${EVENT_KEY}`,EVENT_CLICK_DATA_API=`click${EVENT_KEY}.data-api`,EVENT_KEYDOWN_DISMISS=`keydown.dismiss${EVENT_KEY}`,SELECTOR_DATA_TOGGLE='[data-bs-toggle="offcanvas"]',Default={backdrop:!0,keyboard:!0,scroll:!1},DefaultType={backdrop:"(boolean|string)",keyboard:"boolean",scroll:"boolean"};class Offcanvas extends BaseComponent{constructor(e,t){super(e,t),this._isShown=!1,this._backdrop=this._initializeBackDrop(),this._focustrap=this._initializeFocusTrap(),this._addEventListeners()}static get Default(){return Default}static get DefaultType(){return DefaultType}static get NAME(){return NAME}toggle(e){return this._isShown?this.hide():this.show(e)}show(e){if(this._isShown)return;if(EventHandler.trigger(this._element,EVENT_SHOW,{relatedTarget:e}).defaultPrevented)return;this._isShown=!0,this._backdrop.show(),this._config.scroll||(new ScrollBarHelper).hide(),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.classList.add("showing");this._queueCallback((()=>{this._config.scroll&&!this._config.backdrop||this._focustrap.activate(),this._element.classList.add("show"),this._element.classList.remove("showing"),EventHandler.trigger(this._element,EVENT_SHOWN,{relatedTarget:e})}),this._element,!0)}hide(){if(!this._isShown)return;if(EventHandler.trigger(this._element,EVENT_HIDE).defaultPrevented)return;this._focustrap.deactivate(),this._element.blur(),this._isShown=!1,this._element.classList.add("hiding"),this._backdrop.hide();this._queueCallback((()=>{this._element.classList.remove("show","hiding"),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._config.scroll||(new ScrollBarHelper).reset(),EventHandler.trigger(this._element,EVENT_HIDDEN)}),this._element,!0)}dispose(){this._backdrop.dispose(),this._focustrap.deactivate(),super.dispose()}_initializeBackDrop(){const e=Boolean(this._config.backdrop);return new Backdrop({className:CLASS_NAME_BACKDROP,isVisible:e,isAnimated:!0,rootElement:this._element.parentNode,clickCallback:e?()=>{"static"!==this._config.backdrop?this.hide():EventHandler.trigger(this._element,EVENT_HIDE_PREVENTED)}:null})}_initializeFocusTrap(){return new FocusTrap({trapElement:this._element})}_addEventListeners(){EventHandler.on(this._element,EVENT_KEYDOWN_DISMISS,(e=>{"Escape"===e.key&&(this._config.keyboard?this.hide():EventHandler.trigger(this._element,EVENT_HIDE_PREVENTED))}))}static jQueryInterface(e){return this.each((function(){const t=Offcanvas.getOrCreateInstance(this,e);if("string"==typeof e){if(void 0===t[e]||e.startsWith("_")||"constructor"===e)throw new TypeError(`No method named "${e}"`);t[e](this)}}))}}if(EventHandler.on(document,EVENT_CLICK_DATA_API,SELECTOR_DATA_TOGGLE,(function(e){const t=SelectorEngine.getElementFromSelector(this);if(["A","AREA"].includes(this.tagName)&&e.preventDefault(),isDisabled(this))return;EventHandler.one(t,EVENT_HIDDEN,(()=>{isVisible(this)&&this.focus()}));const s=SelectorEngine.findOne(OPEN_SELECTOR);s&&s!==t&&Offcanvas.getInstance(s).hide();Offcanvas.getOrCreateInstance(t).toggle(this)})),EventHandler.on(window,EVENT_LOAD_DATA_API,(()=>{for(const e of SelectorEngine.find(OPEN_SELECTOR))Offcanvas.getOrCreateInstance(e).show()})),EventHandler.on(window,EVENT_RESIZE,(()=>{for(const e of SelectorEngine.find("[aria-modal][class*=show][class*=offcanvas-]"))"fixed"!==getComputedStyle(e).position&&Offcanvas.getOrCreateInstance(e).hide()})),enableDismissTrigger(Offcanvas),defineJQueryPlugin(Offcanvas),window.bootstrap=window.bootstrap||{},window.bootstrap.Offcanvas=Offcanvas,Joomla&&Joomla.getOptions){const e=Joomla.getOptions("bootstrap.offcanvas");"object"==typeof e&&null!==e&&Object.keys(e).forEach((t=>{const s=e[t],i={backdrop:!s.backdrop||s.backdrop,keyboard:!s.keyboard||s.keyboard,scroll:!s.scroll||s.scroll},a=Array.from(document.querySelectorAll(t));a.length&&a.map((e=>new window.bootstrap.Offcanvas(e,i)))}))}export{Offcanvas as O};
|
||||
BIN
media/vendor/bootstrap/js/offcanvas.min.js.gz
vendored
Normal file
BIN
media/vendor/bootstrap/js/offcanvas.min.js.gz
vendored
Normal file
Binary file not shown.
674
media/vendor/bootstrap/js/popover.js
vendored
Normal file
674
media/vendor/bootstrap/js/popover.js
vendored
Normal file
@ -0,0 +1,674 @@
|
||||
import { P as Popper, c as createPopper } from './popper.js?5.3.2';
|
||||
import { b as isRTL, d as defineJQueryPlugin, B as BaseComponent, E as EventHandler, m as findShadowRoot, n as noop, o as getUID, T as TemplateFactory, j as execute, M as Manipulator, c as getElement, D as DefaultAllowlist } from './dom.js?5.3.2';
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap tooltip.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
/**
|
||||
* Constants
|
||||
*/
|
||||
|
||||
const NAME$1 = 'tooltip';
|
||||
const DISALLOWED_ATTRIBUTES = new Set(['sanitize', 'allowList', 'sanitizeFn']);
|
||||
const CLASS_NAME_FADE = 'fade';
|
||||
const CLASS_NAME_MODAL = 'modal';
|
||||
const CLASS_NAME_SHOW = 'show';
|
||||
const SELECTOR_TOOLTIP_INNER = '.tooltip-inner';
|
||||
const SELECTOR_MODAL = `.${CLASS_NAME_MODAL}`;
|
||||
const EVENT_MODAL_HIDE = 'hide.bs.modal';
|
||||
const TRIGGER_HOVER = 'hover';
|
||||
const TRIGGER_FOCUS = 'focus';
|
||||
const TRIGGER_CLICK = 'click';
|
||||
const TRIGGER_MANUAL = 'manual';
|
||||
const EVENT_HIDE = 'hide';
|
||||
const EVENT_HIDDEN = 'hidden';
|
||||
const EVENT_SHOW = 'show';
|
||||
const EVENT_SHOWN = 'shown';
|
||||
const EVENT_INSERTED = 'inserted';
|
||||
const EVENT_CLICK = 'click';
|
||||
const EVENT_FOCUSIN = 'focusin';
|
||||
const EVENT_FOCUSOUT = 'focusout';
|
||||
const EVENT_MOUSEENTER = 'mouseenter';
|
||||
const EVENT_MOUSELEAVE = 'mouseleave';
|
||||
const AttachmentMap = {
|
||||
AUTO: 'auto',
|
||||
TOP: 'top',
|
||||
RIGHT: isRTL() ? 'left' : 'right',
|
||||
BOTTOM: 'bottom',
|
||||
LEFT: isRTL() ? 'right' : 'left'
|
||||
};
|
||||
const Default$1 = {
|
||||
allowList: DefaultAllowlist,
|
||||
animation: true,
|
||||
boundary: 'clippingParents',
|
||||
container: false,
|
||||
customClass: '',
|
||||
delay: 0,
|
||||
fallbackPlacements: ['top', 'right', 'bottom', 'left'],
|
||||
html: false,
|
||||
offset: [0, 6],
|
||||
placement: 'top',
|
||||
popperConfig: null,
|
||||
sanitize: true,
|
||||
sanitizeFn: null,
|
||||
selector: false,
|
||||
template: '<div class="tooltip" role="tooltip">' + '<div class="tooltip-arrow"></div>' + '<div class="tooltip-inner"></div>' + '</div>',
|
||||
title: '',
|
||||
trigger: 'hover focus'
|
||||
};
|
||||
const DefaultType$1 = {
|
||||
allowList: 'object',
|
||||
animation: 'boolean',
|
||||
boundary: '(string|element)',
|
||||
container: '(string|element|boolean)',
|
||||
customClass: '(string|function)',
|
||||
delay: '(number|object)',
|
||||
fallbackPlacements: 'array',
|
||||
html: 'boolean',
|
||||
offset: '(array|string|function)',
|
||||
placement: '(string|function)',
|
||||
popperConfig: '(null|object|function)',
|
||||
sanitize: 'boolean',
|
||||
sanitizeFn: '(null|function)',
|
||||
selector: '(string|boolean)',
|
||||
template: 'string',
|
||||
title: '(string|element|function)',
|
||||
trigger: 'string'
|
||||
};
|
||||
|
||||
/**
|
||||
* Class definition
|
||||
*/
|
||||
|
||||
class Tooltip extends BaseComponent {
|
||||
constructor(element, config) {
|
||||
if (typeof Popper === 'undefined') {
|
||||
throw new TypeError('Bootstrap\'s tooltips require Popper (https://popper.js.org)');
|
||||
}
|
||||
super(element, config);
|
||||
|
||||
// Private
|
||||
this._isEnabled = true;
|
||||
this._timeout = 0;
|
||||
this._isHovered = null;
|
||||
this._activeTrigger = {};
|
||||
this._popper = null;
|
||||
this._templateFactory = null;
|
||||
this._newContent = null;
|
||||
|
||||
// Protected
|
||||
this.tip = null;
|
||||
this._setListeners();
|
||||
if (!this._config.selector) {
|
||||
this._fixTitle();
|
||||
}
|
||||
}
|
||||
|
||||
// Getters
|
||||
static get Default() {
|
||||
return Default$1;
|
||||
}
|
||||
static get DefaultType() {
|
||||
return DefaultType$1;
|
||||
}
|
||||
static get NAME() {
|
||||
return NAME$1;
|
||||
}
|
||||
|
||||
// Public
|
||||
enable() {
|
||||
this._isEnabled = true;
|
||||
}
|
||||
disable() {
|
||||
this._isEnabled = false;
|
||||
}
|
||||
toggleEnabled() {
|
||||
this._isEnabled = !this._isEnabled;
|
||||
}
|
||||
toggle() {
|
||||
if (!this._isEnabled) {
|
||||
return;
|
||||
}
|
||||
this._activeTrigger.click = !this._activeTrigger.click;
|
||||
if (this._isShown()) {
|
||||
this._leave();
|
||||
return;
|
||||
}
|
||||
this._enter();
|
||||
}
|
||||
dispose() {
|
||||
clearTimeout(this._timeout);
|
||||
EventHandler.off(this._element.closest(SELECTOR_MODAL), EVENT_MODAL_HIDE, this._hideModalHandler);
|
||||
if (this._element.getAttribute('data-bs-original-title')) {
|
||||
this._element.setAttribute('title', this._element.getAttribute('data-bs-original-title'));
|
||||
}
|
||||
this._disposePopper();
|
||||
super.dispose();
|
||||
}
|
||||
show() {
|
||||
if (this._element.style.display === 'none') {
|
||||
throw new Error('Please use show on visible elements');
|
||||
}
|
||||
if (!(this._isWithContent() && this._isEnabled)) {
|
||||
return;
|
||||
}
|
||||
const showEvent = EventHandler.trigger(this._element, this.constructor.eventName(EVENT_SHOW));
|
||||
const shadowRoot = findShadowRoot(this._element);
|
||||
const isInTheDom = (shadowRoot || this._element.ownerDocument.documentElement).contains(this._element);
|
||||
if (showEvent.defaultPrevented || !isInTheDom) {
|
||||
return;
|
||||
}
|
||||
|
||||
// TODO: v6 remove this or make it optional
|
||||
this._disposePopper();
|
||||
const tip = this._getTipElement();
|
||||
this._element.setAttribute('aria-describedby', tip.getAttribute('id'));
|
||||
const {
|
||||
container
|
||||
} = this._config;
|
||||
if (!this._element.ownerDocument.documentElement.contains(this.tip)) {
|
||||
container.append(tip);
|
||||
EventHandler.trigger(this._element, this.constructor.eventName(EVENT_INSERTED));
|
||||
}
|
||||
this._popper = this._createPopper(tip);
|
||||
tip.classList.add(CLASS_NAME_SHOW);
|
||||
|
||||
// If this is a touch-enabled device we add extra
|
||||
// empty mouseover listeners to the body's immediate children;
|
||||
// only needed because of broken event delegation on iOS
|
||||
// https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html
|
||||
if ('ontouchstart' in document.documentElement) {
|
||||
for (const element of [].concat(...document.body.children)) {
|
||||
EventHandler.on(element, 'mouseover', noop);
|
||||
}
|
||||
}
|
||||
const complete = () => {
|
||||
EventHandler.trigger(this._element, this.constructor.eventName(EVENT_SHOWN));
|
||||
if (this._isHovered === false) {
|
||||
this._leave();
|
||||
}
|
||||
this._isHovered = false;
|
||||
};
|
||||
this._queueCallback(complete, this.tip, this._isAnimated());
|
||||
}
|
||||
hide() {
|
||||
if (!this._isShown()) {
|
||||
return;
|
||||
}
|
||||
const hideEvent = EventHandler.trigger(this._element, this.constructor.eventName(EVENT_HIDE));
|
||||
if (hideEvent.defaultPrevented) {
|
||||
return;
|
||||
}
|
||||
const tip = this._getTipElement();
|
||||
tip.classList.remove(CLASS_NAME_SHOW);
|
||||
|
||||
// If this is a touch-enabled device we remove the extra
|
||||
// empty mouseover listeners we added for iOS support
|
||||
if ('ontouchstart' in document.documentElement) {
|
||||
for (const element of [].concat(...document.body.children)) {
|
||||
EventHandler.off(element, 'mouseover', noop);
|
||||
}
|
||||
}
|
||||
this._activeTrigger[TRIGGER_CLICK] = false;
|
||||
this._activeTrigger[TRIGGER_FOCUS] = false;
|
||||
this._activeTrigger[TRIGGER_HOVER] = false;
|
||||
this._isHovered = null; // it is a trick to support manual triggering
|
||||
|
||||
const complete = () => {
|
||||
if (this._isWithActiveTrigger()) {
|
||||
return;
|
||||
}
|
||||
if (!this._isHovered) {
|
||||
this._disposePopper();
|
||||
}
|
||||
this._element.removeAttribute('aria-describedby');
|
||||
EventHandler.trigger(this._element, this.constructor.eventName(EVENT_HIDDEN));
|
||||
};
|
||||
this._queueCallback(complete, this.tip, this._isAnimated());
|
||||
}
|
||||
update() {
|
||||
if (this._popper) {
|
||||
this._popper.update();
|
||||
}
|
||||
}
|
||||
|
||||
// Protected
|
||||
_isWithContent() {
|
||||
return Boolean(this._getTitle());
|
||||
}
|
||||
_getTipElement() {
|
||||
if (!this.tip) {
|
||||
this.tip = this._createTipElement(this._newContent || this._getContentForTemplate());
|
||||
}
|
||||
return this.tip;
|
||||
}
|
||||
_createTipElement(content) {
|
||||
const tip = this._getTemplateFactory(content).toHtml();
|
||||
|
||||
// TODO: remove this check in v6
|
||||
if (!tip) {
|
||||
return null;
|
||||
}
|
||||
tip.classList.remove(CLASS_NAME_FADE, CLASS_NAME_SHOW);
|
||||
// TODO: v6 the following can be achieved with CSS only
|
||||
tip.classList.add(`bs-${this.constructor.NAME}-auto`);
|
||||
const tipId = getUID(this.constructor.NAME).toString();
|
||||
tip.setAttribute('id', tipId);
|
||||
if (this._isAnimated()) {
|
||||
tip.classList.add(CLASS_NAME_FADE);
|
||||
}
|
||||
return tip;
|
||||
}
|
||||
setContent(content) {
|
||||
this._newContent = content;
|
||||
if (this._isShown()) {
|
||||
this._disposePopper();
|
||||
this.show();
|
||||
}
|
||||
}
|
||||
_getTemplateFactory(content) {
|
||||
if (this._templateFactory) {
|
||||
this._templateFactory.changeContent(content);
|
||||
} else {
|
||||
this._templateFactory = new TemplateFactory({
|
||||
...this._config,
|
||||
// the `content` var has to be after `this._config`
|
||||
// to override config.content in case of popover
|
||||
content,
|
||||
extraClass: this._resolvePossibleFunction(this._config.customClass)
|
||||
});
|
||||
}
|
||||
return this._templateFactory;
|
||||
}
|
||||
_getContentForTemplate() {
|
||||
return {
|
||||
[SELECTOR_TOOLTIP_INNER]: this._getTitle()
|
||||
};
|
||||
}
|
||||
_getTitle() {
|
||||
return this._resolvePossibleFunction(this._config.title) || this._element.getAttribute('data-bs-original-title');
|
||||
}
|
||||
|
||||
// Private
|
||||
_initializeOnDelegatedTarget(event) {
|
||||
return this.constructor.getOrCreateInstance(event.delegateTarget, this._getDelegateConfig());
|
||||
}
|
||||
_isAnimated() {
|
||||
return this._config.animation || this.tip && this.tip.classList.contains(CLASS_NAME_FADE);
|
||||
}
|
||||
_isShown() {
|
||||
return this.tip && this.tip.classList.contains(CLASS_NAME_SHOW);
|
||||
}
|
||||
_createPopper(tip) {
|
||||
const placement = execute(this._config.placement, [this, tip, this._element]);
|
||||
const attachment = AttachmentMap[placement.toUpperCase()];
|
||||
return createPopper(this._element, tip, this._getPopperConfig(attachment));
|
||||
}
|
||||
_getOffset() {
|
||||
const {
|
||||
offset
|
||||
} = this._config;
|
||||
if (typeof offset === 'string') {
|
||||
return offset.split(',').map(value => Number.parseInt(value, 10));
|
||||
}
|
||||
if (typeof offset === 'function') {
|
||||
return popperData => offset(popperData, this._element);
|
||||
}
|
||||
return offset;
|
||||
}
|
||||
_resolvePossibleFunction(arg) {
|
||||
return execute(arg, [this._element]);
|
||||
}
|
||||
_getPopperConfig(attachment) {
|
||||
const defaultBsPopperConfig = {
|
||||
placement: attachment,
|
||||
modifiers: [{
|
||||
name: 'flip',
|
||||
options: {
|
||||
fallbackPlacements: this._config.fallbackPlacements
|
||||
}
|
||||
}, {
|
||||
name: 'offset',
|
||||
options: {
|
||||
offset: this._getOffset()
|
||||
}
|
||||
}, {
|
||||
name: 'preventOverflow',
|
||||
options: {
|
||||
boundary: this._config.boundary
|
||||
}
|
||||
}, {
|
||||
name: 'arrow',
|
||||
options: {
|
||||
element: `.${this.constructor.NAME}-arrow`
|
||||
}
|
||||
}, {
|
||||
name: 'preSetPlacement',
|
||||
enabled: true,
|
||||
phase: 'beforeMain',
|
||||
fn: data => {
|
||||
// Pre-set Popper's placement attribute in order to read the arrow sizes properly.
|
||||
// Otherwise, Popper mixes up the width and height dimensions since the initial arrow style is for top placement
|
||||
this._getTipElement().setAttribute('data-popper-placement', data.state.placement);
|
||||
}
|
||||
}]
|
||||
};
|
||||
return {
|
||||
...defaultBsPopperConfig,
|
||||
...execute(this._config.popperConfig, [defaultBsPopperConfig])
|
||||
};
|
||||
}
|
||||
_setListeners() {
|
||||
const triggers = this._config.trigger.split(' ');
|
||||
for (const trigger of triggers) {
|
||||
if (trigger === 'click') {
|
||||
EventHandler.on(this._element, this.constructor.eventName(EVENT_CLICK), this._config.selector, event => {
|
||||
const context = this._initializeOnDelegatedTarget(event);
|
||||
context.toggle();
|
||||
});
|
||||
} else if (trigger !== TRIGGER_MANUAL) {
|
||||
const eventIn = trigger === TRIGGER_HOVER ? this.constructor.eventName(EVENT_MOUSEENTER) : this.constructor.eventName(EVENT_FOCUSIN);
|
||||
const eventOut = trigger === TRIGGER_HOVER ? this.constructor.eventName(EVENT_MOUSELEAVE) : this.constructor.eventName(EVENT_FOCUSOUT);
|
||||
EventHandler.on(this._element, eventIn, this._config.selector, event => {
|
||||
const context = this._initializeOnDelegatedTarget(event);
|
||||
context._activeTrigger[event.type === 'focusin' ? TRIGGER_FOCUS : TRIGGER_HOVER] = true;
|
||||
context._enter();
|
||||
});
|
||||
EventHandler.on(this._element, eventOut, this._config.selector, event => {
|
||||
const context = this._initializeOnDelegatedTarget(event);
|
||||
context._activeTrigger[event.type === 'focusout' ? TRIGGER_FOCUS : TRIGGER_HOVER] = context._element.contains(event.relatedTarget);
|
||||
context._leave();
|
||||
});
|
||||
}
|
||||
}
|
||||
this._hideModalHandler = () => {
|
||||
if (this._element) {
|
||||
this.hide();
|
||||
}
|
||||
};
|
||||
EventHandler.on(this._element.closest(SELECTOR_MODAL), EVENT_MODAL_HIDE, this._hideModalHandler);
|
||||
}
|
||||
_fixTitle() {
|
||||
const title = this._element.getAttribute('title');
|
||||
if (!title) {
|
||||
return;
|
||||
}
|
||||
if (!this._element.getAttribute('aria-label') && !this._element.textContent.trim()) {
|
||||
this._element.setAttribute('aria-label', title);
|
||||
}
|
||||
this._element.setAttribute('data-bs-original-title', title); // DO NOT USE IT. Is only for backwards compatibility
|
||||
this._element.removeAttribute('title');
|
||||
}
|
||||
_enter() {
|
||||
if (this._isShown() || this._isHovered) {
|
||||
this._isHovered = true;
|
||||
return;
|
||||
}
|
||||
this._isHovered = true;
|
||||
this._setTimeout(() => {
|
||||
if (this._isHovered) {
|
||||
this.show();
|
||||
}
|
||||
}, this._config.delay.show);
|
||||
}
|
||||
_leave() {
|
||||
if (this._isWithActiveTrigger()) {
|
||||
return;
|
||||
}
|
||||
this._isHovered = false;
|
||||
this._setTimeout(() => {
|
||||
if (!this._isHovered) {
|
||||
this.hide();
|
||||
}
|
||||
}, this._config.delay.hide);
|
||||
}
|
||||
_setTimeout(handler, timeout) {
|
||||
clearTimeout(this._timeout);
|
||||
this._timeout = setTimeout(handler, timeout);
|
||||
}
|
||||
_isWithActiveTrigger() {
|
||||
return Object.values(this._activeTrigger).includes(true);
|
||||
}
|
||||
_getConfig(config) {
|
||||
const dataAttributes = Manipulator.getDataAttributes(this._element);
|
||||
for (const dataAttribute of Object.keys(dataAttributes)) {
|
||||
if (DISALLOWED_ATTRIBUTES.has(dataAttribute)) {
|
||||
delete dataAttributes[dataAttribute];
|
||||
}
|
||||
}
|
||||
config = {
|
||||
...dataAttributes,
|
||||
...(typeof config === 'object' && config ? config : {})
|
||||
};
|
||||
config = this._mergeConfigObj(config);
|
||||
config = this._configAfterMerge(config);
|
||||
this._typeCheckConfig(config);
|
||||
return config;
|
||||
}
|
||||
_configAfterMerge(config) {
|
||||
config.container = config.container === false ? document.body : getElement(config.container);
|
||||
if (typeof config.delay === 'number') {
|
||||
config.delay = {
|
||||
show: config.delay,
|
||||
hide: config.delay
|
||||
};
|
||||
}
|
||||
if (typeof config.title === 'number') {
|
||||
config.title = config.title.toString();
|
||||
}
|
||||
if (typeof config.content === 'number') {
|
||||
config.content = config.content.toString();
|
||||
}
|
||||
return config;
|
||||
}
|
||||
_getDelegateConfig() {
|
||||
const config = {};
|
||||
for (const [key, value] of Object.entries(this._config)) {
|
||||
if (this.constructor.Default[key] !== value) {
|
||||
config[key] = value;
|
||||
}
|
||||
}
|
||||
config.selector = false;
|
||||
config.trigger = 'manual';
|
||||
|
||||
// In the future can be replaced with:
|
||||
// const keysWithDifferentValues = Object.entries(this._config).filter(entry => this.constructor.Default[entry[0]] !== this._config[entry[0]])
|
||||
// `Object.fromEntries(keysWithDifferentValues)`
|
||||
return config;
|
||||
}
|
||||
_disposePopper() {
|
||||
if (this._popper) {
|
||||
this._popper.destroy();
|
||||
this._popper = null;
|
||||
}
|
||||
if (this.tip) {
|
||||
this.tip.remove();
|
||||
this.tip = null;
|
||||
}
|
||||
}
|
||||
|
||||
// Static
|
||||
static jQueryInterface(config) {
|
||||
return this.each(function () {
|
||||
const data = Tooltip.getOrCreateInstance(this, config);
|
||||
if (typeof config !== 'string') {
|
||||
return;
|
||||
}
|
||||
if (typeof data[config] === 'undefined') {
|
||||
throw new TypeError(`No method named "${config}"`);
|
||||
}
|
||||
data[config]();
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* jQuery
|
||||
*/
|
||||
|
||||
defineJQueryPlugin(Tooltip);
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap popover.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
/**
|
||||
* Constants
|
||||
*/
|
||||
|
||||
const NAME = 'popover';
|
||||
const SELECTOR_TITLE = '.popover-header';
|
||||
const SELECTOR_CONTENT = '.popover-body';
|
||||
const Default = {
|
||||
...Tooltip.Default,
|
||||
content: '',
|
||||
offset: [0, 8],
|
||||
placement: 'right',
|
||||
template: '<div class="popover" role="tooltip">' + '<div class="popover-arrow"></div>' + '<h3 class="popover-header"></h3>' + '<div class="popover-body"></div>' + '</div>',
|
||||
trigger: 'click'
|
||||
};
|
||||
const DefaultType = {
|
||||
...Tooltip.DefaultType,
|
||||
content: '(null|string|element|function)'
|
||||
};
|
||||
|
||||
/**
|
||||
* Class definition
|
||||
*/
|
||||
|
||||
class Popover extends Tooltip {
|
||||
// Getters
|
||||
static get Default() {
|
||||
return Default;
|
||||
}
|
||||
static get DefaultType() {
|
||||
return DefaultType;
|
||||
}
|
||||
static get NAME() {
|
||||
return NAME;
|
||||
}
|
||||
|
||||
// Overrides
|
||||
_isWithContent() {
|
||||
return this._getTitle() || this._getContent();
|
||||
}
|
||||
|
||||
// Private
|
||||
_getContentForTemplate() {
|
||||
return {
|
||||
[SELECTOR_TITLE]: this._getTitle(),
|
||||
[SELECTOR_CONTENT]: this._getContent()
|
||||
};
|
||||
}
|
||||
_getContent() {
|
||||
return this._resolvePossibleFunction(this._config.content);
|
||||
}
|
||||
|
||||
// Static
|
||||
static jQueryInterface(config) {
|
||||
return this.each(function () {
|
||||
const data = Popover.getOrCreateInstance(this, config);
|
||||
if (typeof config !== 'string') {
|
||||
return;
|
||||
}
|
||||
if (typeof data[config] === 'undefined') {
|
||||
throw new TypeError(`No method named "${config}"`);
|
||||
}
|
||||
data[config]();
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* jQuery
|
||||
*/
|
||||
|
||||
defineJQueryPlugin(Popover);
|
||||
|
||||
window.bootstrap = window.bootstrap || {};
|
||||
window.bootstrap.Popover = Popover;
|
||||
window.bootstrap.Tooltip = Tooltip;
|
||||
if (Joomla && Joomla.getOptions) {
|
||||
// Get the elements/configurations from the PHP
|
||||
const tooltips = Joomla.getOptions('bootstrap.tooltip');
|
||||
const popovers = Joomla.getOptions('bootstrap.popover');
|
||||
// Initialise the elements
|
||||
if (typeof popovers === 'object' && popovers !== null) {
|
||||
Object.keys(popovers).forEach(popover => {
|
||||
const opt = popovers[popover];
|
||||
const options = {
|
||||
animation: opt.animation ? opt.animation : true,
|
||||
container: opt.container ? opt.container : false,
|
||||
delay: opt.delay ? opt.delay : 0,
|
||||
html: opt.html ? opt.html : false,
|
||||
placement: opt.placement ? opt.placement : 'top',
|
||||
selector: opt.selector ? opt.selector : false,
|
||||
title: opt.title ? opt.title : '',
|
||||
trigger: opt.trigger ? opt.trigger : 'click',
|
||||
offset: opt.offset ? opt.offset : 0,
|
||||
fallbackPlacement: opt.fallbackPlacement ? opt.fallbackPlacement : 'flip',
|
||||
boundary: opt.boundary ? opt.boundary : 'scrollParent',
|
||||
customClass: opt.customClass ? opt.customClass : '',
|
||||
sanitize: opt.sanitize ? opt.sanitize : true,
|
||||
sanitizeFn: opt.sanitizeFn ? opt.sanitizeFn : null,
|
||||
popperConfig: opt.popperConfig ? opt.popperConfig : null
|
||||
};
|
||||
if (opt.content) {
|
||||
options.content = opt.content;
|
||||
}
|
||||
if (opt.template) {
|
||||
options.template = opt.template;
|
||||
}
|
||||
if (opt.allowList) {
|
||||
options.allowList = opt.allowList;
|
||||
}
|
||||
const elements = Array.from(document.querySelectorAll(popover));
|
||||
if (elements.length) {
|
||||
elements.map(el => new window.bootstrap.Popover(el, options));
|
||||
}
|
||||
});
|
||||
}
|
||||
// Initialise the elements
|
||||
if (typeof tooltips === 'object' && tooltips !== null) {
|
||||
Object.keys(tooltips).forEach(tooltip => {
|
||||
const opt = tooltips[tooltip];
|
||||
const options = {
|
||||
animation: opt.animation ? opt.animation : true,
|
||||
container: opt.container ? opt.container : false,
|
||||
delay: opt.delay ? opt.delay : 0,
|
||||
html: opt.html ? opt.html : false,
|
||||
selector: opt.selector ? opt.selector : false,
|
||||
trigger: opt.trigger ? opt.trigger : 'hover focus',
|
||||
fallbackPlacement: opt.fallbackPlacement ? opt.fallbackPlacement : null,
|
||||
boundary: opt.boundary ? opt.boundary : 'clippingParents',
|
||||
title: opt.title ? opt.title : '',
|
||||
customClass: opt.customClass ? opt.customClass : '',
|
||||
sanitize: opt.sanitize ? opt.sanitize : true,
|
||||
sanitizeFn: opt.sanitizeFn ? opt.sanitizeFn : null,
|
||||
popperConfig: opt.popperConfig ? opt.popperConfig : null
|
||||
};
|
||||
if (opt.placement) {
|
||||
options.placement = opt.placement;
|
||||
}
|
||||
if (opt.template) {
|
||||
options.template = opt.template;
|
||||
}
|
||||
if (opt.allowList) {
|
||||
options.allowList = opt.allowList;
|
||||
}
|
||||
const elements = Array.from(document.querySelectorAll(tooltip));
|
||||
if (elements.length) {
|
||||
elements.map(el => new window.bootstrap.Tooltip(el, options));
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export { Popover as P };
|
||||
1
media/vendor/bootstrap/js/popover.min.js
vendored
Normal file
1
media/vendor/bootstrap/js/popover.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
media/vendor/bootstrap/js/popover.min.js.gz
vendored
Normal file
BIN
media/vendor/bootstrap/js/popover.min.js.gz
vendored
Normal file
Binary file not shown.
1666
media/vendor/bootstrap/js/popper.js
vendored
Normal file
1666
media/vendor/bootstrap/js/popper.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
1
media/vendor/bootstrap/js/popper.min.js
vendored
Normal file
1
media/vendor/bootstrap/js/popper.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
media/vendor/bootstrap/js/popper.min.js.gz
vendored
Normal file
BIN
media/vendor/bootstrap/js/popper.min.js.gz
vendored
Normal file
Binary file not shown.
286
media/vendor/bootstrap/js/scrollspy.js
vendored
Normal file
286
media/vendor/bootstrap/js/scrollspy.js
vendored
Normal file
@ -0,0 +1,286 @@
|
||||
import { E as EventHandler, S as SelectorEngine, d as defineJQueryPlugin, B as BaseComponent, c as getElement, f as isDisabled, i as isVisible } from './dom.js?5.3.2';
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap scrollspy.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
/**
|
||||
* Constants
|
||||
*/
|
||||
|
||||
const NAME = 'scrollspy';
|
||||
const DATA_KEY = 'bs.scrollspy';
|
||||
const EVENT_KEY = `.${DATA_KEY}`;
|
||||
const DATA_API_KEY = '.data-api';
|
||||
const EVENT_ACTIVATE = `activate${EVENT_KEY}`;
|
||||
const EVENT_CLICK = `click${EVENT_KEY}`;
|
||||
const EVENT_LOAD_DATA_API = `load${EVENT_KEY}${DATA_API_KEY}`;
|
||||
const CLASS_NAME_DROPDOWN_ITEM = 'dropdown-item';
|
||||
const CLASS_NAME_ACTIVE = 'active';
|
||||
const SELECTOR_DATA_SPY = '[data-bs-spy="scroll"]';
|
||||
const SELECTOR_TARGET_LINKS = '[href]';
|
||||
const SELECTOR_NAV_LIST_GROUP = '.nav, .list-group';
|
||||
const SELECTOR_NAV_LINKS = '.nav-link';
|
||||
const SELECTOR_NAV_ITEMS = '.nav-item';
|
||||
const SELECTOR_LIST_ITEMS = '.list-group-item';
|
||||
const SELECTOR_LINK_ITEMS = `${SELECTOR_NAV_LINKS}, ${SELECTOR_NAV_ITEMS} > ${SELECTOR_NAV_LINKS}, ${SELECTOR_LIST_ITEMS}`;
|
||||
const SELECTOR_DROPDOWN = '.dropdown';
|
||||
const SELECTOR_DROPDOWN_TOGGLE = '.dropdown-toggle';
|
||||
const Default = {
|
||||
offset: null,
|
||||
// TODO: v6 @deprecated, keep it for backwards compatibility reasons
|
||||
rootMargin: '0px 0px -25%',
|
||||
smoothScroll: false,
|
||||
target: null,
|
||||
threshold: [0.1, 0.5, 1]
|
||||
};
|
||||
const DefaultType = {
|
||||
offset: '(number|null)',
|
||||
// TODO v6 @deprecated, keep it for backwards compatibility reasons
|
||||
rootMargin: 'string',
|
||||
smoothScroll: 'boolean',
|
||||
target: 'element',
|
||||
threshold: 'array'
|
||||
};
|
||||
|
||||
/**
|
||||
* Class definition
|
||||
*/
|
||||
|
||||
class ScrollSpy extends BaseComponent {
|
||||
constructor(element, config) {
|
||||
super(element, config);
|
||||
|
||||
// this._element is the observablesContainer and config.target the menu links wrapper
|
||||
this._targetLinks = new Map();
|
||||
this._observableSections = new Map();
|
||||
this._rootElement = getComputedStyle(this._element).overflowY === 'visible' ? null : this._element;
|
||||
this._activeTarget = null;
|
||||
this._observer = null;
|
||||
this._previousScrollData = {
|
||||
visibleEntryTop: 0,
|
||||
parentScrollTop: 0
|
||||
};
|
||||
this.refresh(); // initialize
|
||||
}
|
||||
|
||||
// Getters
|
||||
static get Default() {
|
||||
return Default;
|
||||
}
|
||||
static get DefaultType() {
|
||||
return DefaultType;
|
||||
}
|
||||
static get NAME() {
|
||||
return NAME;
|
||||
}
|
||||
|
||||
// Public
|
||||
refresh() {
|
||||
this._initializeTargetsAndObservables();
|
||||
this._maybeEnableSmoothScroll();
|
||||
if (this._observer) {
|
||||
this._observer.disconnect();
|
||||
} else {
|
||||
this._observer = this._getNewObserver();
|
||||
}
|
||||
for (const section of this._observableSections.values()) {
|
||||
this._observer.observe(section);
|
||||
}
|
||||
}
|
||||
dispose() {
|
||||
this._observer.disconnect();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
// Private
|
||||
_configAfterMerge(config) {
|
||||
// TODO: on v6 target should be given explicitly & remove the {target: 'ss-target'} case
|
||||
config.target = getElement(config.target) || document.body;
|
||||
|
||||
// TODO: v6 Only for backwards compatibility reasons. Use rootMargin only
|
||||
config.rootMargin = config.offset ? `${config.offset}px 0px -30%` : config.rootMargin;
|
||||
if (typeof config.threshold === 'string') {
|
||||
config.threshold = config.threshold.split(',').map(value => Number.parseFloat(value));
|
||||
}
|
||||
return config;
|
||||
}
|
||||
_maybeEnableSmoothScroll() {
|
||||
if (!this._config.smoothScroll) {
|
||||
return;
|
||||
}
|
||||
|
||||
// unregister any previous listeners
|
||||
EventHandler.off(this._config.target, EVENT_CLICK);
|
||||
EventHandler.on(this._config.target, EVENT_CLICK, SELECTOR_TARGET_LINKS, event => {
|
||||
const observableSection = this._observableSections.get(event.target.hash);
|
||||
if (observableSection) {
|
||||
event.preventDefault();
|
||||
const root = this._rootElement || window;
|
||||
const height = observableSection.offsetTop - this._element.offsetTop;
|
||||
if (root.scrollTo) {
|
||||
root.scrollTo({
|
||||
top: height,
|
||||
behavior: 'smooth'
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
// Chrome 60 doesn't support `scrollTo`
|
||||
root.scrollTop = height;
|
||||
}
|
||||
});
|
||||
}
|
||||
_getNewObserver() {
|
||||
const options = {
|
||||
root: this._rootElement,
|
||||
threshold: this._config.threshold,
|
||||
rootMargin: this._config.rootMargin
|
||||
};
|
||||
return new IntersectionObserver(entries => this._observerCallback(entries), options);
|
||||
}
|
||||
|
||||
// The logic of selection
|
||||
_observerCallback(entries) {
|
||||
const targetElement = entry => this._targetLinks.get(`#${entry.target.id}`);
|
||||
const activate = entry => {
|
||||
this._previousScrollData.visibleEntryTop = entry.target.offsetTop;
|
||||
this._process(targetElement(entry));
|
||||
};
|
||||
const parentScrollTop = (this._rootElement || document.documentElement).scrollTop;
|
||||
const userScrollsDown = parentScrollTop >= this._previousScrollData.parentScrollTop;
|
||||
this._previousScrollData.parentScrollTop = parentScrollTop;
|
||||
for (const entry of entries) {
|
||||
if (!entry.isIntersecting) {
|
||||
this._activeTarget = null;
|
||||
this._clearActiveClass(targetElement(entry));
|
||||
continue;
|
||||
}
|
||||
const entryIsLowerThanPrevious = entry.target.offsetTop >= this._previousScrollData.visibleEntryTop;
|
||||
// if we are scrolling down, pick the bigger offsetTop
|
||||
if (userScrollsDown && entryIsLowerThanPrevious) {
|
||||
activate(entry);
|
||||
// if parent isn't scrolled, let's keep the first visible item, breaking the iteration
|
||||
if (!parentScrollTop) {
|
||||
return;
|
||||
}
|
||||
continue;
|
||||
}
|
||||
|
||||
// if we are scrolling up, pick the smallest offsetTop
|
||||
if (!userScrollsDown && !entryIsLowerThanPrevious) {
|
||||
activate(entry);
|
||||
}
|
||||
}
|
||||
}
|
||||
_initializeTargetsAndObservables() {
|
||||
this._targetLinks = new Map();
|
||||
this._observableSections = new Map();
|
||||
const targetLinks = SelectorEngine.find(SELECTOR_TARGET_LINKS, this._config.target);
|
||||
for (const anchor of targetLinks) {
|
||||
// ensure that the anchor has an id and is not disabled
|
||||
if (!anchor.hash || isDisabled(anchor)) {
|
||||
continue;
|
||||
}
|
||||
const observableSection = SelectorEngine.findOne(decodeURI(anchor.hash), this._element);
|
||||
|
||||
// ensure that the observableSection exists & is visible
|
||||
if (isVisible(observableSection)) {
|
||||
this._targetLinks.set(decodeURI(anchor.hash), anchor);
|
||||
this._observableSections.set(anchor.hash, observableSection);
|
||||
}
|
||||
}
|
||||
}
|
||||
_process(target) {
|
||||
if (this._activeTarget === target) {
|
||||
return;
|
||||
}
|
||||
this._clearActiveClass(this._config.target);
|
||||
this._activeTarget = target;
|
||||
target.classList.add(CLASS_NAME_ACTIVE);
|
||||
this._activateParents(target);
|
||||
EventHandler.trigger(this._element, EVENT_ACTIVATE, {
|
||||
relatedTarget: target
|
||||
});
|
||||
}
|
||||
_activateParents(target) {
|
||||
// Activate dropdown parents
|
||||
if (target.classList.contains(CLASS_NAME_DROPDOWN_ITEM)) {
|
||||
SelectorEngine.findOne(SELECTOR_DROPDOWN_TOGGLE, target.closest(SELECTOR_DROPDOWN)).classList.add(CLASS_NAME_ACTIVE);
|
||||
return;
|
||||
}
|
||||
for (const listGroup of SelectorEngine.parents(target, SELECTOR_NAV_LIST_GROUP)) {
|
||||
// Set triggered links parents as active
|
||||
// With both <ul> and <nav> markup a parent is the previous sibling of any nav ancestor
|
||||
for (const item of SelectorEngine.prev(listGroup, SELECTOR_LINK_ITEMS)) {
|
||||
item.classList.add(CLASS_NAME_ACTIVE);
|
||||
}
|
||||
}
|
||||
}
|
||||
_clearActiveClass(parent) {
|
||||
parent.classList.remove(CLASS_NAME_ACTIVE);
|
||||
const activeNodes = SelectorEngine.find(`${SELECTOR_TARGET_LINKS}.${CLASS_NAME_ACTIVE}`, parent);
|
||||
for (const node of activeNodes) {
|
||||
node.classList.remove(CLASS_NAME_ACTIVE);
|
||||
}
|
||||
}
|
||||
|
||||
// Static
|
||||
static jQueryInterface(config) {
|
||||
return this.each(function () {
|
||||
const data = ScrollSpy.getOrCreateInstance(this, config);
|
||||
if (typeof config !== 'string') {
|
||||
return;
|
||||
}
|
||||
if (data[config] === undefined || config.startsWith('_') || config === 'constructor') {
|
||||
throw new TypeError(`No method named "${config}"`);
|
||||
}
|
||||
data[config]();
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Data API implementation
|
||||
*/
|
||||
|
||||
EventHandler.on(window, EVENT_LOAD_DATA_API, () => {
|
||||
for (const spy of SelectorEngine.find(SELECTOR_DATA_SPY)) {
|
||||
ScrollSpy.getOrCreateInstance(spy);
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* jQuery
|
||||
*/
|
||||
|
||||
defineJQueryPlugin(ScrollSpy);
|
||||
|
||||
window.bootstrap = window.bootstrap || {};
|
||||
window.bootstrap.Scrollspy = ScrollSpy;
|
||||
if (Joomla && Joomla.getOptions) {
|
||||
// Get the elements/configurations from the PHP
|
||||
const scrollspys = Joomla.getOptions('bootstrap.scrollspy');
|
||||
// Initialise the elements
|
||||
if (typeof scrollspys === 'object' && scrollspys !== null) {
|
||||
Object.keys(scrollspys).forEach(scrollspy => {
|
||||
const opt = scrollspys[scrollspy];
|
||||
const options = {
|
||||
offset: opt.offset ? opt.offset : 10,
|
||||
method: opt.method ? opt.method : 'auto'
|
||||
};
|
||||
if (opt.target) {
|
||||
options.target = opt.target;
|
||||
}
|
||||
const elements = Array.from(document.querySelectorAll(scrollspy));
|
||||
if (elements.length) {
|
||||
elements.map(el => new window.bootstrap.Scrollspy(el, options));
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export { ScrollSpy as S };
|
||||
1
media/vendor/bootstrap/js/scrollspy.min.js
vendored
Normal file
1
media/vendor/bootstrap/js/scrollspy.min.js
vendored
Normal file
@ -0,0 +1 @@
|
||||
import{E as EventHandler,S as SelectorEngine,d as defineJQueryPlugin,B as BaseComponent,c as getElement,f as isDisabled,i as isVisible}from"./dom.min.js?5.3.2";const NAME="scrollspy",DATA_KEY="bs.scrollspy",EVENT_KEY=`.${DATA_KEY}`,DATA_API_KEY=".data-api",EVENT_ACTIVATE=`activate${EVENT_KEY}`,EVENT_CLICK=`click${EVENT_KEY}`,EVENT_LOAD_DATA_API=`load${EVENT_KEY}.data-api`,CLASS_NAME_DROPDOWN_ITEM="dropdown-item",CLASS_NAME_ACTIVE="active",SELECTOR_DATA_SPY='[data-bs-spy="scroll"]',SELECTOR_TARGET_LINKS="[href]",SELECTOR_NAV_LIST_GROUP=".nav, .list-group",SELECTOR_NAV_LINKS=".nav-link",SELECTOR_NAV_ITEMS=".nav-item",SELECTOR_LIST_ITEMS=".list-group-item",SELECTOR_LINK_ITEMS=".nav-link, .nav-item > .nav-link, .list-group-item",SELECTOR_DROPDOWN=".dropdown",SELECTOR_DROPDOWN_TOGGLE=".dropdown-toggle",Default={offset:null,rootMargin:"0px 0px -25%",smoothScroll:!1,target:null,threshold:[.1,.5,1]},DefaultType={offset:"(number|null)",rootMargin:"string",smoothScroll:"boolean",target:"element",threshold:"array"};class ScrollSpy extends BaseComponent{constructor(e,t){super(e,t),this._targetLinks=new Map,this._observableSections=new Map,this._rootElement="visible"===getComputedStyle(this._element).overflowY?null:this._element,this._activeTarget=null,this._observer=null,this._previousScrollData={visibleEntryTop:0,parentScrollTop:0},this.refresh()}static get Default(){return Default}static get DefaultType(){return DefaultType}static get NAME(){return NAME}refresh(){this._initializeTargetsAndObservables(),this._maybeEnableSmoothScroll(),this._observer?this._observer.disconnect():this._observer=this._getNewObserver();for(const e of this._observableSections.values())this._observer.observe(e)}dispose(){this._observer.disconnect(),super.dispose()}_configAfterMerge(e){return e.target=getElement(e.target)||document.body,e.rootMargin=e.offset?`${e.offset}px 0px -30%`:e.rootMargin,"string"==typeof e.threshold&&(e.threshold=e.threshold.split(",").map((e=>Number.parseFloat(e)))),e}_maybeEnableSmoothScroll(){this._config.smoothScroll&&(EventHandler.off(this._config.target,EVENT_CLICK),EventHandler.on(this._config.target,EVENT_CLICK,"[href]",(e=>{const t=this._observableSections.get(e.target.hash);if(t){e.preventDefault();const o=this._rootElement||window,s=t.offsetTop-this._element.offsetTop;if(o.scrollTo)return void o.scrollTo({top:s,behavior:"smooth"});o.scrollTop=s}})))}_getNewObserver(){const e={root:this._rootElement,threshold:this._config.threshold,rootMargin:this._config.rootMargin};return new IntersectionObserver((e=>this._observerCallback(e)),e)}_observerCallback(e){const t=e=>this._targetLinks.get(`#${e.target.id}`),o=e=>{this._previousScrollData.visibleEntryTop=e.target.offsetTop,this._process(t(e))},s=(this._rootElement||document.documentElement).scrollTop,r=s>=this._previousScrollData.parentScrollTop;this._previousScrollData.parentScrollTop=s;for(const i of e){if(!i.isIntersecting){this._activeTarget=null,this._clearActiveClass(t(i));continue}const e=i.target.offsetTop>=this._previousScrollData.visibleEntryTop;if(r&&e){if(o(i),!s)return}else r||e||o(i)}}_initializeTargetsAndObservables(){this._targetLinks=new Map,this._observableSections=new Map;const e=SelectorEngine.find("[href]",this._config.target);for(const t of e){if(!t.hash||isDisabled(t))continue;const e=SelectorEngine.findOne(decodeURI(t.hash),this._element);isVisible(e)&&(this._targetLinks.set(decodeURI(t.hash),t),this._observableSections.set(t.hash,e))}}_process(e){this._activeTarget!==e&&(this._clearActiveClass(this._config.target),this._activeTarget=e,e.classList.add("active"),this._activateParents(e),EventHandler.trigger(this._element,EVENT_ACTIVATE,{relatedTarget:e}))}_activateParents(e){if(e.classList.contains("dropdown-item"))SelectorEngine.findOne(".dropdown-toggle",e.closest(".dropdown")).classList.add("active");else for(const t of SelectorEngine.parents(e,".nav, .list-group"))for(const e of SelectorEngine.prev(t,SELECTOR_LINK_ITEMS))e.classList.add("active")}_clearActiveClass(e){e.classList.remove("active");const t=SelectorEngine.find("[href].active",e);for(const e of t)e.classList.remove("active")}static jQueryInterface(e){return this.each((function(){const t=ScrollSpy.getOrCreateInstance(this,e);if("string"==typeof e){if(void 0===t[e]||e.startsWith("_")||"constructor"===e)throw new TypeError(`No method named "${e}"`);t[e]()}}))}}if(EventHandler.on(window,EVENT_LOAD_DATA_API,(()=>{for(const e of SelectorEngine.find(SELECTOR_DATA_SPY))ScrollSpy.getOrCreateInstance(e)})),defineJQueryPlugin(ScrollSpy),window.bootstrap=window.bootstrap||{},window.bootstrap.Scrollspy=ScrollSpy,Joomla&&Joomla.getOptions){const e=Joomla.getOptions("bootstrap.scrollspy");"object"==typeof e&&null!==e&&Object.keys(e).forEach((t=>{const o=e[t],s={offset:o.offset?o.offset:10,method:o.method?o.method:"auto"};o.target&&(s.target=o.target);const r=Array.from(document.querySelectorAll(t));r.length&&r.map((e=>new window.bootstrap.Scrollspy(e,s)))}))}export{ScrollSpy as S};
|
||||
BIN
media/vendor/bootstrap/js/scrollspy.min.js.gz
vendored
Normal file
BIN
media/vendor/bootstrap/js/scrollspy.min.js.gz
vendored
Normal file
Binary file not shown.
333
media/vendor/bootstrap/js/tab.js
vendored
Normal file
333
media/vendor/bootstrap/js/tab.js
vendored
Normal file
@ -0,0 +1,333 @@
|
||||
import { E as EventHandler, f as isDisabled, S as SelectorEngine, d as defineJQueryPlugin, B as BaseComponent, g as getNextActiveElement } from './dom.js?5.3.2';
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap tab.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
/**
|
||||
* Constants
|
||||
*/
|
||||
|
||||
const NAME = 'tab';
|
||||
const DATA_KEY = 'bs.tab';
|
||||
const EVENT_KEY = `.${DATA_KEY}`;
|
||||
const EVENT_HIDE = `hide${EVENT_KEY}`;
|
||||
const EVENT_HIDDEN = `hidden${EVENT_KEY}`;
|
||||
const EVENT_SHOW = `show${EVENT_KEY}`;
|
||||
const EVENT_SHOWN = `shown${EVENT_KEY}`;
|
||||
const EVENT_CLICK_DATA_API = `click${EVENT_KEY}`;
|
||||
const EVENT_KEYDOWN = `keydown${EVENT_KEY}`;
|
||||
const EVENT_LOAD_DATA_API = `load${EVENT_KEY}`;
|
||||
const ARROW_LEFT_KEY = 'ArrowLeft';
|
||||
const ARROW_RIGHT_KEY = 'ArrowRight';
|
||||
const ARROW_UP_KEY = 'ArrowUp';
|
||||
const ARROW_DOWN_KEY = 'ArrowDown';
|
||||
const HOME_KEY = 'Home';
|
||||
const END_KEY = 'End';
|
||||
const CLASS_NAME_ACTIVE = 'active';
|
||||
const CLASS_NAME_FADE = 'fade';
|
||||
const CLASS_NAME_SHOW = 'show';
|
||||
const CLASS_DROPDOWN = 'dropdown';
|
||||
const SELECTOR_DROPDOWN_TOGGLE = '.dropdown-toggle';
|
||||
const SELECTOR_DROPDOWN_MENU = '.dropdown-menu';
|
||||
const NOT_SELECTOR_DROPDOWN_TOGGLE = `:not(${SELECTOR_DROPDOWN_TOGGLE})`;
|
||||
const SELECTOR_TAB_PANEL = '.list-group, .nav, [role="tablist"]';
|
||||
const SELECTOR_OUTER = '.nav-item, .list-group-item';
|
||||
const SELECTOR_INNER = `.nav-link${NOT_SELECTOR_DROPDOWN_TOGGLE}, .list-group-item${NOT_SELECTOR_DROPDOWN_TOGGLE}, [role="tab"]${NOT_SELECTOR_DROPDOWN_TOGGLE}`;
|
||||
const SELECTOR_DATA_TOGGLE = '[data-bs-toggle="tab"], [data-bs-toggle="pill"], [data-bs-toggle="list"]'; // TODO: could only be `tab` in v6
|
||||
const SELECTOR_INNER_ELEM = `${SELECTOR_INNER}, ${SELECTOR_DATA_TOGGLE}`;
|
||||
const SELECTOR_DATA_TOGGLE_ACTIVE = `.${CLASS_NAME_ACTIVE}[data-bs-toggle="tab"], .${CLASS_NAME_ACTIVE}[data-bs-toggle="pill"], .${CLASS_NAME_ACTIVE}[data-bs-toggle="list"]`;
|
||||
|
||||
/**
|
||||
* Class definition
|
||||
*/
|
||||
|
||||
class Tab extends BaseComponent {
|
||||
constructor(element) {
|
||||
super(element);
|
||||
this._parent = this._element.closest(SELECTOR_TAB_PANEL);
|
||||
if (!this._parent) {
|
||||
return;
|
||||
// TODO: should throw exception in v6
|
||||
// throw new TypeError(`${element.outerHTML} has not a valid parent ${SELECTOR_INNER_ELEM}`)
|
||||
}
|
||||
|
||||
// Set up initial aria attributes
|
||||
this._setInitialAttributes(this._parent, this._getChildren());
|
||||
EventHandler.on(this._element, EVENT_KEYDOWN, event => this._keydown(event));
|
||||
}
|
||||
|
||||
// Getters
|
||||
static get NAME() {
|
||||
return NAME;
|
||||
}
|
||||
|
||||
// Public
|
||||
show() {
|
||||
// Shows this elem and deactivate the active sibling if exists
|
||||
const innerElem = this._element;
|
||||
if (this._elemIsActive(innerElem)) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Search for active tab on same parent to deactivate it
|
||||
const active = this._getActiveElem();
|
||||
const hideEvent = active ? EventHandler.trigger(active, EVENT_HIDE, {
|
||||
relatedTarget: innerElem
|
||||
}) : null;
|
||||
const showEvent = EventHandler.trigger(innerElem, EVENT_SHOW, {
|
||||
relatedTarget: active
|
||||
});
|
||||
if (showEvent.defaultPrevented || hideEvent && hideEvent.defaultPrevented) {
|
||||
return;
|
||||
}
|
||||
this._deactivate(active, innerElem);
|
||||
this._activate(innerElem, active);
|
||||
}
|
||||
|
||||
// Private
|
||||
_activate(element, relatedElem) {
|
||||
if (!element) {
|
||||
return;
|
||||
}
|
||||
element.classList.add(CLASS_NAME_ACTIVE);
|
||||
this._activate(SelectorEngine.getElementFromSelector(element)); // Search and activate/show the proper section
|
||||
|
||||
const complete = () => {
|
||||
if (element.getAttribute('role') !== 'tab') {
|
||||
element.classList.add(CLASS_NAME_SHOW);
|
||||
return;
|
||||
}
|
||||
element.removeAttribute('tabindex');
|
||||
element.setAttribute('aria-selected', true);
|
||||
this._toggleDropDown(element, true);
|
||||
EventHandler.trigger(element, EVENT_SHOWN, {
|
||||
relatedTarget: relatedElem
|
||||
});
|
||||
};
|
||||
this._queueCallback(complete, element, element.classList.contains(CLASS_NAME_FADE));
|
||||
}
|
||||
_deactivate(element, relatedElem) {
|
||||
if (!element) {
|
||||
return;
|
||||
}
|
||||
element.classList.remove(CLASS_NAME_ACTIVE);
|
||||
element.blur();
|
||||
this._deactivate(SelectorEngine.getElementFromSelector(element)); // Search and deactivate the shown section too
|
||||
|
||||
const complete = () => {
|
||||
if (element.getAttribute('role') !== 'tab') {
|
||||
element.classList.remove(CLASS_NAME_SHOW);
|
||||
return;
|
||||
}
|
||||
element.setAttribute('aria-selected', false);
|
||||
element.setAttribute('tabindex', '-1');
|
||||
this._toggleDropDown(element, false);
|
||||
EventHandler.trigger(element, EVENT_HIDDEN, {
|
||||
relatedTarget: relatedElem
|
||||
});
|
||||
};
|
||||
this._queueCallback(complete, element, element.classList.contains(CLASS_NAME_FADE));
|
||||
}
|
||||
_keydown(event) {
|
||||
if (![ARROW_LEFT_KEY, ARROW_RIGHT_KEY, ARROW_UP_KEY, ARROW_DOWN_KEY, HOME_KEY, END_KEY].includes(event.key)) {
|
||||
return;
|
||||
}
|
||||
event.stopPropagation(); // stopPropagation/preventDefault both added to support up/down keys without scrolling the page
|
||||
event.preventDefault();
|
||||
const children = this._getChildren().filter(element => !isDisabled(element));
|
||||
let nextActiveElement;
|
||||
if ([HOME_KEY, END_KEY].includes(event.key)) {
|
||||
nextActiveElement = children[event.key === HOME_KEY ? 0 : children.length - 1];
|
||||
} else {
|
||||
const isNext = [ARROW_RIGHT_KEY, ARROW_DOWN_KEY].includes(event.key);
|
||||
nextActiveElement = getNextActiveElement(children, event.target, isNext, true);
|
||||
}
|
||||
if (nextActiveElement) {
|
||||
nextActiveElement.focus({
|
||||
preventScroll: true
|
||||
});
|
||||
Tab.getOrCreateInstance(nextActiveElement).show();
|
||||
}
|
||||
}
|
||||
_getChildren() {
|
||||
// collection of inner elements
|
||||
return SelectorEngine.find(SELECTOR_INNER_ELEM, this._parent);
|
||||
}
|
||||
_getActiveElem() {
|
||||
return this._getChildren().find(child => this._elemIsActive(child)) || null;
|
||||
}
|
||||
_setInitialAttributes(parent, children) {
|
||||
this._setAttributeIfNotExists(parent, 'role', 'tablist');
|
||||
for (const child of children) {
|
||||
this._setInitialAttributesOnChild(child);
|
||||
}
|
||||
}
|
||||
_setInitialAttributesOnChild(child) {
|
||||
child = this._getInnerElement(child);
|
||||
const isActive = this._elemIsActive(child);
|
||||
const outerElem = this._getOuterElement(child);
|
||||
child.setAttribute('aria-selected', isActive);
|
||||
if (outerElem !== child) {
|
||||
this._setAttributeIfNotExists(outerElem, 'role', 'presentation');
|
||||
}
|
||||
if (!isActive) {
|
||||
child.setAttribute('tabindex', '-1');
|
||||
}
|
||||
this._setAttributeIfNotExists(child, 'role', 'tab');
|
||||
|
||||
// set attributes to the related panel too
|
||||
this._setInitialAttributesOnTargetPanel(child);
|
||||
}
|
||||
_setInitialAttributesOnTargetPanel(child) {
|
||||
const target = SelectorEngine.getElementFromSelector(child);
|
||||
if (!target) {
|
||||
return;
|
||||
}
|
||||
this._setAttributeIfNotExists(target, 'role', 'tabpanel');
|
||||
if (child.id) {
|
||||
this._setAttributeIfNotExists(target, 'aria-labelledby', `${child.id}`);
|
||||
}
|
||||
}
|
||||
_toggleDropDown(element, open) {
|
||||
const outerElem = this._getOuterElement(element);
|
||||
if (!outerElem.classList.contains(CLASS_DROPDOWN)) {
|
||||
return;
|
||||
}
|
||||
const toggle = (selector, className) => {
|
||||
const element = SelectorEngine.findOne(selector, outerElem);
|
||||
if (element) {
|
||||
element.classList.toggle(className, open);
|
||||
}
|
||||
};
|
||||
toggle(SELECTOR_DROPDOWN_TOGGLE, CLASS_NAME_ACTIVE);
|
||||
toggle(SELECTOR_DROPDOWN_MENU, CLASS_NAME_SHOW);
|
||||
outerElem.setAttribute('aria-expanded', open);
|
||||
}
|
||||
_setAttributeIfNotExists(element, attribute, value) {
|
||||
if (!element.hasAttribute(attribute)) {
|
||||
element.setAttribute(attribute, value);
|
||||
}
|
||||
}
|
||||
_elemIsActive(elem) {
|
||||
return elem.classList.contains(CLASS_NAME_ACTIVE);
|
||||
}
|
||||
|
||||
// Try to get the inner element (usually the .nav-link)
|
||||
_getInnerElement(elem) {
|
||||
return elem.matches(SELECTOR_INNER_ELEM) ? elem : SelectorEngine.findOne(SELECTOR_INNER_ELEM, elem);
|
||||
}
|
||||
|
||||
// Try to get the outer element (usually the .nav-item)
|
||||
_getOuterElement(elem) {
|
||||
return elem.closest(SELECTOR_OUTER) || elem;
|
||||
}
|
||||
|
||||
// Static
|
||||
static jQueryInterface(config) {
|
||||
return this.each(function () {
|
||||
const data = Tab.getOrCreateInstance(this);
|
||||
if (typeof config !== 'string') {
|
||||
return;
|
||||
}
|
||||
if (data[config] === undefined || config.startsWith('_') || config === 'constructor') {
|
||||
throw new TypeError(`No method named "${config}"`);
|
||||
}
|
||||
data[config]();
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Data API implementation
|
||||
*/
|
||||
|
||||
EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {
|
||||
if (['A', 'AREA'].includes(this.tagName)) {
|
||||
event.preventDefault();
|
||||
}
|
||||
if (isDisabled(this)) {
|
||||
return;
|
||||
}
|
||||
Tab.getOrCreateInstance(this).show();
|
||||
});
|
||||
|
||||
/**
|
||||
* Initialize on focus
|
||||
*/
|
||||
EventHandler.on(window, EVENT_LOAD_DATA_API, () => {
|
||||
for (const element of SelectorEngine.find(SELECTOR_DATA_TOGGLE_ACTIVE)) {
|
||||
Tab.getOrCreateInstance(element);
|
||||
}
|
||||
});
|
||||
/**
|
||||
* jQuery
|
||||
*/
|
||||
|
||||
defineJQueryPlugin(Tab);
|
||||
|
||||
window.Joomla = window.Joomla || {};
|
||||
window.bootstrap = window.bootstrap || {};
|
||||
window.bootstrap.Tab = Tab;
|
||||
|
||||
/**
|
||||
* Initialise the Tabs interactivity
|
||||
*
|
||||
* @param {HTMLElement} el The element that will become a collapse
|
||||
* @param {object} options The options for this collapse
|
||||
*/
|
||||
Joomla.initialiseTabs = (el, options) => {
|
||||
if (!(el instanceof Element) && options.isJoomla) {
|
||||
const tab = document.querySelector(`${el}Content`);
|
||||
if (tab) {
|
||||
const related = Array.from(tab.children);
|
||||
|
||||
// Build the navigation
|
||||
if (related.length) {
|
||||
related.forEach(element => {
|
||||
if (!element.classList.contains('tab-pane')) {
|
||||
return;
|
||||
}
|
||||
const isActive = element.dataset.active !== '';
|
||||
const ul = document.querySelector(`${el}Tabs`);
|
||||
if (ul) {
|
||||
const link = document.createElement('a');
|
||||
link.href = `#${element.dataset.id}`;
|
||||
link.classList.add('nav-link');
|
||||
if (isActive) {
|
||||
link.classList.add('active');
|
||||
}
|
||||
link.dataset.bsToggle = 'tab';
|
||||
link.setAttribute('role', 'tab');
|
||||
link.setAttribute('aria-controls', element.dataset.id);
|
||||
link.setAttribute('aria-selected', element.dataset.id);
|
||||
link.innerHTML = Joomla.sanitizeHtml(element.dataset.title);
|
||||
const li = document.createElement('li');
|
||||
li.classList.add('nav-item');
|
||||
li.setAttribute('role', 'presentation');
|
||||
li.appendChild(link);
|
||||
ul.appendChild(li);
|
||||
|
||||
// eslint-disable-next-line no-new
|
||||
new window.bootstrap.Tab(li);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
} else {
|
||||
Array.from(document.querySelectorAll(`${el} a`)).map(tab => new window.bootstrap.Tab(tab, options));
|
||||
}
|
||||
};
|
||||
if (Joomla && Joomla.getOptions) {
|
||||
// Get the elements/configurations from the PHP
|
||||
const tabs = Joomla.getOptions('bootstrap.tabs');
|
||||
// Initialise the elements
|
||||
if (typeof tabs === 'object' && tabs !== null) {
|
||||
Object.keys(tabs).map(tab => Joomla.initialiseTabs(tab, tabs[tab]));
|
||||
}
|
||||
}
|
||||
|
||||
export { Tab as T };
|
||||
1
media/vendor/bootstrap/js/tab.min.js
vendored
Normal file
1
media/vendor/bootstrap/js/tab.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
media/vendor/bootstrap/js/tab.min.js.gz
vendored
Normal file
BIN
media/vendor/bootstrap/js/tab.min.js.gz
vendored
Normal file
Binary file not shown.
208
media/vendor/bootstrap/js/toast.js
vendored
Normal file
208
media/vendor/bootstrap/js/toast.js
vendored
Normal file
@ -0,0 +1,208 @@
|
||||
import { e as enableDismissTrigger, d as defineJQueryPlugin, B as BaseComponent, E as EventHandler, r as reflow } from './dom.js?5.3.2';
|
||||
|
||||
/**
|
||||
* --------------------------------------------------------------------------
|
||||
* Bootstrap toast.js
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
* --------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
/**
|
||||
* Constants
|
||||
*/
|
||||
|
||||
const NAME = 'toast';
|
||||
const DATA_KEY = 'bs.toast';
|
||||
const EVENT_KEY = `.${DATA_KEY}`;
|
||||
const EVENT_MOUSEOVER = `mouseover${EVENT_KEY}`;
|
||||
const EVENT_MOUSEOUT = `mouseout${EVENT_KEY}`;
|
||||
const EVENT_FOCUSIN = `focusin${EVENT_KEY}`;
|
||||
const EVENT_FOCUSOUT = `focusout${EVENT_KEY}`;
|
||||
const EVENT_HIDE = `hide${EVENT_KEY}`;
|
||||
const EVENT_HIDDEN = `hidden${EVENT_KEY}`;
|
||||
const EVENT_SHOW = `show${EVENT_KEY}`;
|
||||
const EVENT_SHOWN = `shown${EVENT_KEY}`;
|
||||
const CLASS_NAME_FADE = 'fade';
|
||||
const CLASS_NAME_HIDE = 'hide'; // @deprecated - kept here only for backwards compatibility
|
||||
const CLASS_NAME_SHOW = 'show';
|
||||
const CLASS_NAME_SHOWING = 'showing';
|
||||
const DefaultType = {
|
||||
animation: 'boolean',
|
||||
autohide: 'boolean',
|
||||
delay: 'number'
|
||||
};
|
||||
const Default = {
|
||||
animation: true,
|
||||
autohide: true,
|
||||
delay: 5000
|
||||
};
|
||||
|
||||
/**
|
||||
* Class definition
|
||||
*/
|
||||
|
||||
class Toast extends BaseComponent {
|
||||
constructor(element, config) {
|
||||
super(element, config);
|
||||
this._timeout = null;
|
||||
this._hasMouseInteraction = false;
|
||||
this._hasKeyboardInteraction = false;
|
||||
this._setListeners();
|
||||
}
|
||||
|
||||
// Getters
|
||||
static get Default() {
|
||||
return Default;
|
||||
}
|
||||
static get DefaultType() {
|
||||
return DefaultType;
|
||||
}
|
||||
static get NAME() {
|
||||
return NAME;
|
||||
}
|
||||
|
||||
// Public
|
||||
show() {
|
||||
const showEvent = EventHandler.trigger(this._element, EVENT_SHOW);
|
||||
if (showEvent.defaultPrevented) {
|
||||
return;
|
||||
}
|
||||
this._clearTimeout();
|
||||
if (this._config.animation) {
|
||||
this._element.classList.add(CLASS_NAME_FADE);
|
||||
}
|
||||
const complete = () => {
|
||||
this._element.classList.remove(CLASS_NAME_SHOWING);
|
||||
EventHandler.trigger(this._element, EVENT_SHOWN);
|
||||
this._maybeScheduleHide();
|
||||
};
|
||||
this._element.classList.remove(CLASS_NAME_HIDE); // @deprecated
|
||||
reflow(this._element);
|
||||
this._element.classList.add(CLASS_NAME_SHOW, CLASS_NAME_SHOWING);
|
||||
this._queueCallback(complete, this._element, this._config.animation);
|
||||
}
|
||||
hide() {
|
||||
if (!this.isShown()) {
|
||||
return;
|
||||
}
|
||||
const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE);
|
||||
if (hideEvent.defaultPrevented) {
|
||||
return;
|
||||
}
|
||||
const complete = () => {
|
||||
this._element.classList.add(CLASS_NAME_HIDE); // @deprecated
|
||||
this._element.classList.remove(CLASS_NAME_SHOWING, CLASS_NAME_SHOW);
|
||||
EventHandler.trigger(this._element, EVENT_HIDDEN);
|
||||
};
|
||||
this._element.classList.add(CLASS_NAME_SHOWING);
|
||||
this._queueCallback(complete, this._element, this._config.animation);
|
||||
}
|
||||
dispose() {
|
||||
this._clearTimeout();
|
||||
if (this.isShown()) {
|
||||
this._element.classList.remove(CLASS_NAME_SHOW);
|
||||
}
|
||||
super.dispose();
|
||||
}
|
||||
isShown() {
|
||||
return this._element.classList.contains(CLASS_NAME_SHOW);
|
||||
}
|
||||
|
||||
// Private
|
||||
|
||||
_maybeScheduleHide() {
|
||||
if (!this._config.autohide) {
|
||||
return;
|
||||
}
|
||||
if (this._hasMouseInteraction || this._hasKeyboardInteraction) {
|
||||
return;
|
||||
}
|
||||
this._timeout = setTimeout(() => {
|
||||
this.hide();
|
||||
}, this._config.delay);
|
||||
}
|
||||
_onInteraction(event, isInteracting) {
|
||||
switch (event.type) {
|
||||
case 'mouseover':
|
||||
case 'mouseout':
|
||||
{
|
||||
this._hasMouseInteraction = isInteracting;
|
||||
break;
|
||||
}
|
||||
case 'focusin':
|
||||
case 'focusout':
|
||||
{
|
||||
this._hasKeyboardInteraction = isInteracting;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (isInteracting) {
|
||||
this._clearTimeout();
|
||||
return;
|
||||
}
|
||||
const nextElement = event.relatedTarget;
|
||||
if (this._element === nextElement || this._element.contains(nextElement)) {
|
||||
return;
|
||||
}
|
||||
this._maybeScheduleHide();
|
||||
}
|
||||
_setListeners() {
|
||||
EventHandler.on(this._element, EVENT_MOUSEOVER, event => this._onInteraction(event, true));
|
||||
EventHandler.on(this._element, EVENT_MOUSEOUT, event => this._onInteraction(event, false));
|
||||
EventHandler.on(this._element, EVENT_FOCUSIN, event => this._onInteraction(event, true));
|
||||
EventHandler.on(this._element, EVENT_FOCUSOUT, event => this._onInteraction(event, false));
|
||||
}
|
||||
_clearTimeout() {
|
||||
clearTimeout(this._timeout);
|
||||
this._timeout = null;
|
||||
}
|
||||
|
||||
// Static
|
||||
static jQueryInterface(config) {
|
||||
return this.each(function () {
|
||||
const data = Toast.getOrCreateInstance(this, config);
|
||||
if (typeof config === 'string') {
|
||||
if (typeof data[config] === 'undefined') {
|
||||
throw new TypeError(`No method named "${config}"`);
|
||||
}
|
||||
data[config](this);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Data API implementation
|
||||
*/
|
||||
|
||||
enableDismissTrigger(Toast);
|
||||
|
||||
/**
|
||||
* jQuery
|
||||
*/
|
||||
|
||||
defineJQueryPlugin(Toast);
|
||||
|
||||
window.bootstrap = window.bootstrap || {};
|
||||
window.bootstrap.Toast = Toast;
|
||||
if (Joomla && Joomla.getOptions) {
|
||||
// Get the elements/configurations from the PHP
|
||||
const toasts = Joomla.getOptions('bootstrap.toast');
|
||||
// Initialise the elements
|
||||
if (typeof toasts === 'object' && toasts !== null) {
|
||||
Object.keys(toasts).forEach(toast => {
|
||||
const opt = toasts[toast];
|
||||
const options = {
|
||||
animation: opt.animation ? opt.animation : true,
|
||||
autohide: opt.autohide ? opt.autohide : true,
|
||||
delay: opt.delay ? opt.delay : 5000
|
||||
};
|
||||
const elements = Array.from(document.querySelectorAll(toast));
|
||||
if (elements.length) {
|
||||
elements.map(el => new window.bootstrap.Toast(el, options));
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export { Toast as T };
|
||||
1
media/vendor/bootstrap/js/toast.min.js
vendored
Normal file
1
media/vendor/bootstrap/js/toast.min.js
vendored
Normal file
@ -0,0 +1 @@
|
||||
import{e as enableDismissTrigger,d as defineJQueryPlugin,B as BaseComponent,E as EventHandler,r as reflow}from"./dom.min.js?5.3.2";const NAME="toast",DATA_KEY="bs.toast",EVENT_KEY=`.${DATA_KEY}`,EVENT_MOUSEOVER=`mouseover${EVENT_KEY}`,EVENT_MOUSEOUT=`mouseout${EVENT_KEY}`,EVENT_FOCUSIN=`focusin${EVENT_KEY}`,EVENT_FOCUSOUT=`focusout${EVENT_KEY}`,EVENT_HIDE=`hide${EVENT_KEY}`,EVENT_HIDDEN=`hidden${EVENT_KEY}`,EVENT_SHOW=`show${EVENT_KEY}`,EVENT_SHOWN=`shown${EVENT_KEY}`,CLASS_NAME_FADE="fade",CLASS_NAME_HIDE="hide",CLASS_NAME_SHOW="show",CLASS_NAME_SHOWING="showing",DefaultType={animation:"boolean",autohide:"boolean",delay:"number"},Default={animation:!0,autohide:!0,delay:5e3};class Toast extends BaseComponent{constructor(e,t){super(e,t),this._timeout=null,this._hasMouseInteraction=!1,this._hasKeyboardInteraction=!1,this._setListeners()}static get Default(){return Default}static get DefaultType(){return DefaultType}static get NAME(){return NAME}show(){if(EventHandler.trigger(this._element,EVENT_SHOW).defaultPrevented)return;this._clearTimeout(),this._config.animation&&this._element.classList.add("fade");this._element.classList.remove("hide"),reflow(this._element),this._element.classList.add("show","showing"),this._queueCallback((()=>{this._element.classList.remove("showing"),EventHandler.trigger(this._element,EVENT_SHOWN),this._maybeScheduleHide()}),this._element,this._config.animation)}hide(){if(!this.isShown())return;if(EventHandler.trigger(this._element,EVENT_HIDE).defaultPrevented)return;this._element.classList.add("showing"),this._queueCallback((()=>{this._element.classList.add("hide"),this._element.classList.remove("showing","show"),EventHandler.trigger(this._element,EVENT_HIDDEN)}),this._element,this._config.animation)}dispose(){this._clearTimeout(),this.isShown()&&this._element.classList.remove("show"),super.dispose()}isShown(){return this._element.classList.contains("show")}_maybeScheduleHide(){this._config.autohide&&(this._hasMouseInteraction||this._hasKeyboardInteraction||(this._timeout=setTimeout((()=>{this.hide()}),this._config.delay)))}_onInteraction(e,t){switch(e.type){case"mouseover":case"mouseout":this._hasMouseInteraction=t;break;case"focusin":case"focusout":this._hasKeyboardInteraction=t}if(t)return void this._clearTimeout();const s=e.relatedTarget;this._element===s||this._element.contains(s)||this._maybeScheduleHide()}_setListeners(){EventHandler.on(this._element,EVENT_MOUSEOVER,(e=>this._onInteraction(e,!0))),EventHandler.on(this._element,EVENT_MOUSEOUT,(e=>this._onInteraction(e,!1))),EventHandler.on(this._element,EVENT_FOCUSIN,(e=>this._onInteraction(e,!0))),EventHandler.on(this._element,EVENT_FOCUSOUT,(e=>this._onInteraction(e,!1)))}_clearTimeout(){clearTimeout(this._timeout),this._timeout=null}static jQueryInterface(e){return this.each((function(){const t=Toast.getOrCreateInstance(this,e);if("string"==typeof e){if(void 0===t[e])throw new TypeError(`No method named "${e}"`);t[e](this)}}))}}if(enableDismissTrigger(Toast),defineJQueryPlugin(Toast),window.bootstrap=window.bootstrap||{},window.bootstrap.Toast=Toast,Joomla&&Joomla.getOptions){const e=Joomla.getOptions("bootstrap.toast");"object"==typeof e&&null!==e&&Object.keys(e).forEach((t=>{const s=e[t],i={animation:!s.animation||s.animation,autohide:!s.autohide||s.autohide,delay:s.delay?s.delay:5e3},n=Array.from(document.querySelectorAll(t));n.length&&n.map((e=>new window.bootstrap.Toast(e,i)))}))}export{Toast as T};
|
||||
BIN
media/vendor/bootstrap/js/toast.min.js.gz
vendored
Normal file
BIN
media/vendor/bootstrap/js/toast.min.js.gz
vendored
Normal file
Binary file not shown.
Reference in New Issue
Block a user