// NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT // IT'S ALL JUST JUNK FOR OUR DOCS! // ++++++++++++++++++++++++++++++++++++++++++ /*! * JavaScript for Bootstrap's docs (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 Twitter, Inc. * Licensed under the Creative Commons Attribution 3.0 Unported License. * For details, see https://creativecommons.org/licenses/by/3.0/. */ /* global ClipboardJS: false, bootstrap: false */ (function () { 'use strict' // Tooltip and popover demos document.querySelectorAll('.tooltip-demo') .forEach(function (tooltip) { new bootstrap.Tooltip(tooltip, { selector: '[data-bs-toggle="tooltip"]' }) }) document.querySelectorAll('[data-bs-toggle="popover"]') .forEach(function (popover) { new bootstrap.Popover(popover) }) var toastPlacement = document.getElementById('toastPlacement') if (toastPlacement) { document.getElementById('selectToastPlacement').addEventListener('change', function () { if (!toastPlacement.dataset.originalClass) { toastPlacement.dataset.originalClass = toastPlacement.className } toastPlacement.className = toastPlacement.dataset.originalClass + ' ' + this.value }) } document.querySelectorAll('.bd-example .toast') .forEach(function (toastNode) { var toast = new bootstrap.Toast(toastNode, { autohide: false }) toast.show() }) var toastTrigger = document.getElementById('liveToastBtn') var toastLiveExample = document.getElementById('liveToast') if (toastTrigger) { toastTrigger.addEventListener('click', function () { var toast = new bootstrap.Toast(toastLiveExample) toast.show() }) } var alertPlaceholder = document.getElementById('liveAlertPlaceholder') var alertTrigger = document.getElementById('liveAlertBtn') function alert(message, type) { var wrapper = document.createElement('div') wrapper.innerHTML = '' alertPlaceholder.append(wrapper) } if (alertTrigger) { alertTrigger.addEventListener('click', function () { alert('Nice, you triggered this alert message!', 'success') }) } // Demos within modals document.querySelectorAll('.tooltip-test') .forEach(function (tooltip) { new bootstrap.Tooltip(tooltip) }) document.querySelectorAll('.popover-test') .forEach(function (popover) { new bootstrap.Popover(popover) }) // Indeterminate checkbox example document.querySelectorAll('.bd-example-indeterminate [type="checkbox"]') .forEach(function (checkbox) { checkbox.indeterminate = true }) // Disable empty links in docs examples document.querySelectorAll('.bd-content [href="#"]') .forEach(function (link) { link.addEventListener('click', function (event) { event.preventDefault() }) }) // Modal relatedTarget demo var exampleModal = document.getElementById('exampleModal') if (exampleModal) { exampleModal.addEventListener('show.bs.modal', function (event) { // Button that triggered the modal var button = event.relatedTarget // Extract info from data-bs-* attributes var recipient = button.getAttribute('data-bs-whatever') // Update the modal's content. var modalTitle = exampleModal.querySelector('.modal-title') var modalBodyInput = exampleModal.querySelector('.modal-body input') modalTitle.textContent = 'New message to ' + recipient modalBodyInput.value = recipient }) } // Insert copy to clipboard button before .highlight var btnTitle = 'Copy to clipboard' var btnHtml = '
' document.querySelectorAll('div.highlight') .forEach(function (element) { element.insertAdjacentHTML('beforebegin', btnHtml) }) /** * * @param {HTMLButtonElement} btn * @param {string} title */ function snippetButtonTooltip(btn, title) { var tooltipBtn = new bootstrap.Tooltip(btn, { title: title }) btn.addEventListener('mouseleave', function () { // Explicitly hide tooltip, since after clicking it remains // focused (as it's a button), so tooltip would otherwise // remain visible until focus is moved away tooltipBtn.hide() }) } snippetButtonTooltip(document.querySelector('.btn-clipboard'), 'Copy to clipboard') snippetButtonTooltip(document.querySelector('.btn-edit'), 'Edit on Stackblitz') var clipboard = new ClipboardJS('.btn-clipboard', { target: function (trigger) { return trigger.parentNode.nextElementSibling } }) clipboard.on('success', function (event) { var tooltipBtn = bootstrap.Tooltip.getInstance(event.trigger) tooltipBtn.setContent({ '.tooltip-inner': 'Copied!' }) event.trigger.addEventListener('hidden.bs.tooltip', function () { tooltipBtn.setContent({ '.tooltip-inner': btnTitle }) }, { once: true }) event.clearSelection() }) clipboard.on('error', function (event) { var modifierKey = /mac/i.test(navigator.userAgent) ? '\u2318' : 'Ctrl-' var fallbackMsg = 'Press ' + modifierKey + 'C to copy' var tooltipBtn = bootstrap.Tooltip.getInstance(event.trigger) tooltipBtn.setContent({ '.tooltip-inner': fallbackMsg }) event.trigger.addEventListener('hidden.bs.tooltip', function () { tooltipBtn.setContent({ '.tooltip-inner': btnTitle }) }, { once: true }) }) })()