js/dist/offcanvas.js - external/github.com/twbs/bootstrap - Git at Google

 /*!
   * Bootstrap offcanvas.js v5.2.1 (https://getbootstrap.com/)
   * Copyright 2011-2022 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('./util/index'), require('./util/scrollbar'), require('./dom/event-handler'), require('./base-component'), require('./dom/selector-engine'), require('./util/backdrop'), require('./util/focustrap'), require('./util/component-functions')) :
   typeof define === 'function' && define.amd ? define(['./util/index', './util/scrollbar', './dom/event-handler', './base-component', './dom/selector-engine', './util/backdrop', './util/focustrap', './util/component-functions'], factory) :
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Offcanvas = factory(global.Index, global.Scrollbar, global.EventHandler, global.BaseComponent, global.SelectorEngine, global.Backdrop, global.Focustrap, global.ComponentFunctions));
 })(this, (function (index, ScrollBarHelper, EventHandler, BaseComponent, SelectorEngine, Backdrop, FocusTrap, componentFunctions) { 'use strict';

   const _interopDefaultLegacy = e => e && typeof e === 'object' && 'default' in e ? e : { default: e };

   const ScrollBarHelper__default = /*#__PURE__*/_interopDefaultLegacy(ScrollBarHelper);
   const EventHandler__default = /*#__PURE__*/_interopDefaultLegacy(EventHandler);
   const BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
   const SelectorEngine__default = /*#__PURE__*/_interopDefaultLegacy(SelectorEngine);
   const Backdrop__default = /*#__PURE__*/_interopDefaultLegacy(Backdrop);
   const FocusTrap__default = /*#__PURE__*/_interopDefaultLegacy(FocusTrap);

   /**
    * --------------------------------------------------------------------------
    * Bootstrap (v5.2.1): 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__default.default {
     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__default.default.trigger(this._element, EVENT_SHOW, {
         relatedTarget
       });

       if (showEvent.defaultPrevented) {
         return;
       }

       this._isShown = true;

       this._backdrop.show();

       if (!this._config.scroll) {
         new ScrollBarHelper__default.default().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__default.default.trigger(this._element, EVENT_SHOWN, {
           relatedTarget
         });
       };

       this._queueCallback(completeCallBack, this._element, true);
     }

     hide() {
       if (!this._isShown) {
         return;
       }

       const hideEvent = EventHandler__default.default.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__default.default().reset();
         }

         EventHandler__default.default.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__default.default.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__default.default({
         className: CLASS_NAME_BACKDROP,
         isVisible,
         isAnimated: true,
         rootElement: this._element.parentNode,
         clickCallback: isVisible ? clickCallback : null
       });
     }

     _initializeFocusTrap() {
       return new FocusTrap__default.default({
         trapElement: this._element
       });
     }

     _addEventListeners() {
       EventHandler__default.default.on(this._element, EVENT_KEYDOWN_DISMISS, event => {
         if (event.key !== ESCAPE_KEY) {
           return;
         }

         if (!this._config.keyboard) {
           EventHandler__default.default.trigger(this._element, EVENT_HIDE_PREVENTED);
           return;
         }

         this.hide();
       });
     } // 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__default.default.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {
     const target = index.getElementFromSelector(this);

     if (['A', 'AREA'].includes(this.tagName)) {
       event.preventDefault();
     }

     if (index.isDisabled(this)) {
       return;
     }

     EventHandler__default.default.one(target, EVENT_HIDDEN, () => {
       // focus on trigger when it is closed
       if (index.isVisible(this)) {
         this.focus();
       }
     }); // avoid conflict when clicking a toggler of an offcanvas, while another is open

     const alreadyOpen = SelectorEngine__default.default.findOne(OPEN_SELECTOR);

     if (alreadyOpen && alreadyOpen !== target) {
       Offcanvas.getInstance(alreadyOpen).hide();
     }

     const data = Offcanvas.getOrCreateInstance(target);
     data.toggle(this);
   });
   EventHandler__default.default.on(window, EVENT_LOAD_DATA_API, () => {
     for (const selector of SelectorEngine__default.default.find(OPEN_SELECTOR)) {
       Offcanvas.getOrCreateInstance(selector).show();
     }
   });
   EventHandler__default.default.on(window, EVENT_RESIZE, () => {
     for (const element of SelectorEngine__default.default.find('[aria-modal][class*=show][class*=offcanvas-]')) {
       if (getComputedStyle(element).position !== 'fixed') {
         Offcanvas.getOrCreateInstance(element).hide();
       }
     }
   });
   componentFunctions.enableDismissTrigger(Offcanvas);
   /**
    * jQuery
    */

   index.defineJQueryPlugin(Offcanvas);

   return Offcanvas;

 }));
 //# sourceMappingURL=offcanvas.js.map
	/*!
	* Bootstrap offcanvas.js v5.2.1 (https://getbootstrap.com/)
	* Copyright 2011-2022 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
	* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
	*/
	(function (global, factory) {
	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('./util/index'), require('./util/scrollbar'), require('./dom/event-handler'), require('./base-component'), require('./dom/selector-engine'), require('./util/backdrop'), require('./util/focustrap'), require('./util/component-functions')) :
	typeof define === 'function' && define.amd ? define(['./util/index', './util/scrollbar', './dom/event-handler', './base-component', './dom/selector-engine', './util/backdrop', './util/focustrap', './util/component-functions'], factory) :
	(global = typeof globalThis !== 'undefined' ? globalThis : global \|\| self, global.Offcanvas = factory(global.Index, global.Scrollbar, global.EventHandler, global.BaseComponent, global.SelectorEngine, global.Backdrop, global.Focustrap, global.ComponentFunctions));
	})(this, (function (index, ScrollBarHelper, EventHandler, BaseComponent, SelectorEngine, Backdrop, FocusTrap, componentFunctions) { 'use strict';

	const _interopDefaultLegacy = e => e && typeof e === 'object' && 'default' in e ? e : { default: e };

	const ScrollBarHelper__default = /#__PURE__/_interopDefaultLegacy(ScrollBarHelper);
	const EventHandler__default = /#__PURE__/_interopDefaultLegacy(EventHandler);
	const BaseComponent__default = /#__PURE__/_interopDefaultLegacy(BaseComponent);
	const SelectorEngine__default = /#__PURE__/_interopDefaultLegacy(SelectorEngine);
	const Backdrop__default = /#__PURE__/_interopDefaultLegacy(Backdrop);
	const FocusTrap__default = /#__PURE__/_interopDefaultLegacy(FocusTrap);

	/**
	* --------------------------------------------------------------------------
	* Bootstrap (v5.2.1): 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__default.default {
	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__default.default.trigger(this._element, EVENT_SHOW, {
	relatedTarget
	});

	if (showEvent.defaultPrevented) {
	return;
	}

	this._isShown = true;

	this._backdrop.show();

	if (!this._config.scroll) {
	new ScrollBarHelper__default.default().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__default.default.trigger(this._element, EVENT_SHOWN, {
	relatedTarget
	});
	};

	this._queueCallback(completeCallBack, this._element, true);
	}

	hide() {
	if (!this._isShown) {
	return;
	}

	const hideEvent = EventHandler__default.default.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__default.default().reset();
	}

	EventHandler__default.default.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__default.default.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__default.default({
	className: CLASS_NAME_BACKDROP,
	isVisible,
	isAnimated: true,
	rootElement: this._element.parentNode,
	clickCallback: isVisible ? clickCallback : null
	});
	}

	_initializeFocusTrap() {
	return new FocusTrap__default.default({
	trapElement: this._element
	});
	}

	_addEventListeners() {
	EventHandler__default.default.on(this._element, EVENT_KEYDOWN_DISMISS, event => {
	if (event.key !== ESCAPE_KEY) {
	return;
	}

	if (!this._config.keyboard) {
	EventHandler__default.default.trigger(this._element, EVENT_HIDE_PREVENTED);
	return;
	}

	this.hide();
	});
	} // 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__default.default.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {
	const target = index.getElementFromSelector(this);

	if (['A', 'AREA'].includes(this.tagName)) {
	event.preventDefault();
	}

	if (index.isDisabled(this)) {
	return;
	}

	EventHandler__default.default.one(target, EVENT_HIDDEN, () => {
	// focus on trigger when it is closed
	if (index.isVisible(this)) {
	this.focus();
	}
	}); // avoid conflict when clicking a toggler of an offcanvas, while another is open

	const alreadyOpen = SelectorEngine__default.default.findOne(OPEN_SELECTOR);

	if (alreadyOpen && alreadyOpen !== target) {
	Offcanvas.getInstance(alreadyOpen).hide();
	}

	const data = Offcanvas.getOrCreateInstance(target);
	data.toggle(this);
	});
	EventHandler__default.default.on(window, EVENT_LOAD_DATA_API, () => {
	for (const selector of SelectorEngine__default.default.find(OPEN_SELECTOR)) {
	Offcanvas.getOrCreateInstance(selector).show();
	}
	});
	EventHandler__default.default.on(window, EVENT_RESIZE, () => {
	for (const element of SelectorEngine__default.default.find('[aria-modal][class=show][class=offcanvas-]')) {
	if (getComputedStyle(element).position !== 'fixed') {
	Offcanvas.getOrCreateInstance(element).hide();
	}
	}
	});
	componentFunctions.enableDismissTrigger(Offcanvas);
	/**
	* jQuery
	*/

	index.defineJQueryPlugin(Offcanvas);

	return Offcanvas;

	}));
	//# sourceMappingURL=offcanvas.js.map