ext.bootstrapComponents.popover.js

/**
 * Contains javascript code executed when popovers are used.
 *
 * Bootstrap 5 migration: Converted from jQuery to vanilla JavaScript.
 *
 * @copyright (C) 2018, Tobias Oetterer, Paderborn University
 * @license       https://www.gnu.org/licenses/gpl-3.0.html GNU General Public License, version 3 (or later)
 *
 * This file is part of the MediaWiki extension BootstrapComponents.
 * The BootstrapComponents extension is free software: you can redistribute it
 * and/or modify it under the terms of the GNU General Public License as published
 * by the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * The BootstrapComponents extension is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * @file
 * @ingroup       BootstrapComponents
 * @author        Tobias Oetterer
 */

( function () {
	'use strict';

	// Wait for DOM to be ready
	if ( document.readyState === 'loading' ) {
		document.addEventListener( 'DOMContentLoaded', initPopovers );
	} else {
		initPopovers();
	}

	function initPopovers() {
		// Initialize all popovers with HTML enabled (Bootstrap 5 vanilla JS API)
		var popoverTriggerList = document.querySelectorAll( '[data-bs-toggle="popover"]' );
		popoverTriggerList.forEach( function ( popoverTriggerEl ) {
			if ( typeof bootstrap !== 'undefined' && bootstrap.Popover ) {
				new bootstrap.Popover( popoverTriggerEl, {
					html: true
				} );
			}
		} );
	}
}() );