diff options
Diffstat (limited to 'vendor/twbs/bootstrap/js/dist/carousel.js')
-rw-r--r-- | vendor/twbs/bootstrap/js/dist/carousel.js | 110 |
1 files changed, 66 insertions, 44 deletions
diff --git a/vendor/twbs/bootstrap/js/dist/carousel.js b/vendor/twbs/bootstrap/js/dist/carousel.js index 53e9a9687..a82dff0e6 100644 --- a/vendor/twbs/bootstrap/js/dist/carousel.js +++ b/vendor/twbs/bootstrap/js/dist/carousel.js @@ -1,21 +1,27 @@ /*! - * Bootstrap carousel.js v5.0.2 (https://getbootstrap.com/) + * Bootstrap carousel.js v5.1.2 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors) * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ (function (global, factory) { - typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('./dom/selector-engine.js'), require('./dom/event-handler.js'), require('./dom/manipulator.js'), require('./base-component.js')) : - typeof define === 'function' && define.amd ? define(['./dom/selector-engine', './dom/event-handler', './dom/manipulator', './base-component'], factory) : - (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Carousel = factory(global.SelectorEngine, global.EventHandler, global.Manipulator, global.Base)); -}(this, (function (SelectorEngine, EventHandler, Manipulator, BaseComponent) { 'use strict'; + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('./dom/event-handler.js'), require('./dom/manipulator.js'), require('./dom/selector-engine.js'), require('./base-component.js')) : + typeof define === 'function' && define.amd ? define(['./dom/event-handler', './dom/manipulator', './dom/selector-engine', './base-component'], factory) : + (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Carousel = factory(global.EventHandler, global.Manipulator, global.SelectorEngine, global.Base)); +})(this, (function (EventHandler, Manipulator, SelectorEngine, BaseComponent) { 'use strict'; - function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; } + const _interopDefaultLegacy = e => e && typeof e === 'object' && 'default' in e ? e : { default: e }; - var SelectorEngine__default = /*#__PURE__*/_interopDefaultLegacy(SelectorEngine); - var EventHandler__default = /*#__PURE__*/_interopDefaultLegacy(EventHandler); - var Manipulator__default = /*#__PURE__*/_interopDefaultLegacy(Manipulator); - var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent); + const EventHandler__default = /*#__PURE__*/_interopDefaultLegacy(EventHandler); + const Manipulator__default = /*#__PURE__*/_interopDefaultLegacy(Manipulator); + const SelectorEngine__default = /*#__PURE__*/_interopDefaultLegacy(SelectorEngine); + const BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent); + /** + * -------------------------------------------------------------------------- + * Bootstrap (v5.1.2): util/index.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * -------------------------------------------------------------------------- + */ const TRANSITION_END = 'transitionend'; // Shoutout AngusCroll (https://goo.gl/pxwQGp) const toType = obj => { @@ -90,8 +96,20 @@ return getComputedStyle(element).getPropertyValue('visibility') === 'visible'; }; + /** + * Trick to restart an element's animation + * + * @param {HTMLElement} element + * @return void + * + * @see https://www.charistheo.io/blog/2021/02/restart-a-css-animation-with-javascript/#restarting-a-css-animation + */ + - const reflow = element => element.offsetHeight; + const reflow = element => { + // eslint-disable-next-line no-unused-expressions + element.offsetHeight; + }; const getjQuery = () => { const { @@ -172,7 +190,7 @@ /** * -------------------------------------------------------------------------- - * Bootstrap (v5.0.2): carousel.js + * Bootstrap (v5.1.2): carousel.js * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) * -------------------------------------------------------------------------- */ @@ -253,7 +271,7 @@ * ------------------------------------------------------------------------ */ - class Carousel extends BaseComponent__default['default'] { + class Carousel extends BaseComponent__default.default { constructor(element, config) { super(element); this._items = null; @@ -265,7 +283,7 @@ this.touchStartX = 0; this.touchDeltaX = 0; this._config = this._getConfig(config); - this._indicatorsElement = SelectorEngine__default['default'].findOne(SELECTOR_INDICATORS, this._element); + this._indicatorsElement = SelectorEngine__default.default.findOne(SELECTOR_INDICATORS, this._element); this._touchSupported = 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0; this._pointerEvent = Boolean(window.PointerEvent); @@ -303,7 +321,7 @@ this._isPaused = true; } - if (SelectorEngine__default['default'].findOne(SELECTOR_NEXT_PREV, this._element)) { + if (SelectorEngine__default.default.findOne(SELECTOR_NEXT_PREV, this._element)) { triggerTransitionEnd(this._element); this.cycle(true); } @@ -330,7 +348,7 @@ } to(index) { - this._activeElement = SelectorEngine__default['default'].findOne(SELECTOR_ACTIVE_ITEM, this._element); + this._activeElement = SelectorEngine__default.default.findOne(SELECTOR_ACTIVE_ITEM, this._element); const activeIndex = this._getItemIndex(this._activeElement); @@ -339,7 +357,7 @@ } if (this._isSliding) { - EventHandler__default['default'].one(this._element, EVENT_SLID, () => this.to(index)); + EventHandler__default.default.one(this._element, EVENT_SLID, () => this.to(index)); return; } @@ -357,7 +375,7 @@ _getConfig(config) { config = { ...Default, - ...Manipulator__default['default'].getDataAttributes(this._element), + ...Manipulator__default.default.getDataAttributes(this._element), ...(typeof config === 'object' ? config : {}) }; typeCheckConfig(NAME, config, DefaultType); @@ -383,12 +401,12 @@ _addEventListeners() { if (this._config.keyboard) { - EventHandler__default['default'].on(this._element, EVENT_KEYDOWN, event => this._keydown(event)); + EventHandler__default.default.on(this._element, EVENT_KEYDOWN, event => this._keydown(event)); } if (this._config.pause === 'hover') { - EventHandler__default['default'].on(this._element, EVENT_MOUSEENTER, event => this.pause(event)); - EventHandler__default['default'].on(this._element, EVENT_MOUSELEAVE, event => this.cycle(event)); + EventHandler__default.default.on(this._element, EVENT_MOUSEENTER, event => this.pause(event)); + EventHandler__default.default.on(this._element, EVENT_MOUSELEAVE, event => this.cycle(event)); } if (this._config.touch && this._touchSupported) { @@ -397,8 +415,12 @@ } _addTouchEventListeners() { + const hasPointerPenTouch = event => { + return this._pointerEvent && (event.pointerType === POINTER_TYPE_PEN || event.pointerType === POINTER_TYPE_TOUCH); + }; + const start = event => { - if (this._pointerEvent && (event.pointerType === POINTER_TYPE_PEN || event.pointerType === POINTER_TYPE_TOUCH)) { + if (hasPointerPenTouch(event)) { this.touchStartX = event.clientX; } else if (!this._pointerEvent) { this.touchStartX = event.touches[0].clientX; @@ -411,7 +433,7 @@ }; const end = event => { - if (this._pointerEvent && (event.pointerType === POINTER_TYPE_PEN || event.pointerType === POINTER_TYPE_TOUCH)) { + if (hasPointerPenTouch(event)) { this.touchDeltaX = event.clientX - this.touchStartX; } @@ -435,19 +457,19 @@ } }; - SelectorEngine__default['default'].find(SELECTOR_ITEM_IMG, this._element).forEach(itemImg => { - EventHandler__default['default'].on(itemImg, EVENT_DRAG_START, e => e.preventDefault()); + SelectorEngine__default.default.find(SELECTOR_ITEM_IMG, this._element).forEach(itemImg => { + EventHandler__default.default.on(itemImg, EVENT_DRAG_START, event => event.preventDefault()); }); if (this._pointerEvent) { - EventHandler__default['default'].on(this._element, EVENT_POINTERDOWN, event => start(event)); - EventHandler__default['default'].on(this._element, EVENT_POINTERUP, event => end(event)); + EventHandler__default.default.on(this._element, EVENT_POINTERDOWN, event => start(event)); + EventHandler__default.default.on(this._element, EVENT_POINTERUP, event => end(event)); this._element.classList.add(CLASS_NAME_POINTER_EVENT); } else { - EventHandler__default['default'].on(this._element, EVENT_TOUCHSTART, event => start(event)); - EventHandler__default['default'].on(this._element, EVENT_TOUCHMOVE, event => move(event)); - EventHandler__default['default'].on(this._element, EVENT_TOUCHEND, event => end(event)); + EventHandler__default.default.on(this._element, EVENT_TOUCHSTART, event => start(event)); + EventHandler__default.default.on(this._element, EVENT_TOUCHMOVE, event => move(event)); + EventHandler__default.default.on(this._element, EVENT_TOUCHEND, event => end(event)); } } @@ -466,7 +488,7 @@ } _getItemIndex(element) { - this._items = element && element.parentNode ? SelectorEngine__default['default'].find(SELECTOR_ITEM, element.parentNode) : []; + this._items = element && element.parentNode ? SelectorEngine__default.default.find(SELECTOR_ITEM, element.parentNode) : []; return this._items.indexOf(element); } @@ -478,9 +500,9 @@ _triggerSlideEvent(relatedTarget, eventDirectionName) { const targetIndex = this._getItemIndex(relatedTarget); - const fromIndex = this._getItemIndex(SelectorEngine__default['default'].findOne(SELECTOR_ACTIVE_ITEM, this._element)); + const fromIndex = this._getItemIndex(SelectorEngine__default.default.findOne(SELECTOR_ACTIVE_ITEM, this._element)); - return EventHandler__default['default'].trigger(this._element, EVENT_SLIDE, { + return EventHandler__default.default.trigger(this._element, EVENT_SLIDE, { relatedTarget, direction: eventDirectionName, from: fromIndex, @@ -490,10 +512,10 @@ _setActiveIndicatorElement(element) { if (this._indicatorsElement) { - const activeIndicator = SelectorEngine__default['default'].findOne(SELECTOR_ACTIVE, this._indicatorsElement); + const activeIndicator = SelectorEngine__default.default.findOne(SELECTOR_ACTIVE, this._indicatorsElement); activeIndicator.classList.remove(CLASS_NAME_ACTIVE); activeIndicator.removeAttribute('aria-current'); - const indicators = SelectorEngine__default['default'].find(SELECTOR_INDICATOR, this._indicatorsElement); + const indicators = SelectorEngine__default.default.find(SELECTOR_INDICATOR, this._indicatorsElement); for (let i = 0; i < indicators.length; i++) { if (Number.parseInt(indicators[i].getAttribute('data-bs-slide-to'), 10) === this._getItemIndex(element)) { @@ -506,7 +528,7 @@ } _updateInterval() { - const element = this._activeElement || SelectorEngine__default['default'].findOne(SELECTOR_ACTIVE_ITEM, this._element); + const element = this._activeElement || SelectorEngine__default.default.findOne(SELECTOR_ACTIVE_ITEM, this._element); if (!element) { return; @@ -525,7 +547,7 @@ _slide(directionOrOrder, element) { const order = this._directionToOrder(directionOrOrder); - const activeElement = SelectorEngine__default['default'].findOne(SELECTOR_ACTIVE_ITEM, this._element); + const activeElement = SelectorEngine__default.default.findOne(SELECTOR_ACTIVE_ITEM, this._element); const activeElementIndex = this._getItemIndex(activeElement); @@ -571,7 +593,7 @@ this._activeElement = nextElement; const triggerSlidEvent = () => { - EventHandler__default['default'].trigger(this._element, EVENT_SLID, { + EventHandler__default.default.trigger(this._element, EVENT_SLID, { relatedTarget: nextElement, direction: eventDirectionName, from: activeElementIndex, @@ -672,8 +694,8 @@ return; } - const config = { ...Manipulator__default['default'].getDataAttributes(target), - ...Manipulator__default['default'].getDataAttributes(this) + const config = { ...Manipulator__default.default.getDataAttributes(target), + ...Manipulator__default.default.getDataAttributes(this) }; const slideIndex = this.getAttribute('data-bs-slide-to'); @@ -698,9 +720,9 @@ */ - EventHandler__default['default'].on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_SLIDE, Carousel.dataApiClickHandler); - EventHandler__default['default'].on(window, EVENT_LOAD_DATA_API, () => { - const carousels = SelectorEngine__default['default'].find(SELECTOR_DATA_RIDE); + EventHandler__default.default.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_SLIDE, Carousel.dataApiClickHandler); + EventHandler__default.default.on(window, EVENT_LOAD_DATA_API, () => { + const carousels = SelectorEngine__default.default.find(SELECTOR_DATA_RIDE); for (let i = 0, len = carousels.length; i < len; i++) { Carousel.carouselInterface(carousels[i], Carousel.getInstance(carousels[i])); @@ -717,5 +739,5 @@ return Carousel; -}))); +})); //# sourceMappingURL=carousel.js.map |