[d565449] | 1 | /**
|
---|
| 2 | * --------------------------------------------------------------------------
|
---|
| 3 | * Bootstrap util/index.js
|
---|
| 4 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
---|
| 5 | * --------------------------------------------------------------------------
|
---|
| 6 | */
|
---|
| 7 |
|
---|
| 8 | const MAX_UID = 1_000_000
|
---|
| 9 | const MILLISECONDS_MULTIPLIER = 1000
|
---|
| 10 | const TRANSITION_END = 'transitionend'
|
---|
| 11 |
|
---|
| 12 | /**
|
---|
| 13 | * Properly escape IDs selectors to handle weird IDs
|
---|
| 14 | * @param {string} selector
|
---|
| 15 | * @returns {string}
|
---|
| 16 | */
|
---|
| 17 | const parseSelector = selector => {
|
---|
| 18 | if (selector && window.CSS && window.CSS.escape) {
|
---|
| 19 | // document.querySelector needs escaping to handle IDs (html5+) containing for instance /
|
---|
| 20 | selector = selector.replace(/#([^\s"#']+)/g, (match, id) => `#${CSS.escape(id)}`)
|
---|
| 21 | }
|
---|
| 22 |
|
---|
| 23 | return selector
|
---|
| 24 | }
|
---|
| 25 |
|
---|
| 26 | // Shout-out Angus Croll (https://goo.gl/pxwQGp)
|
---|
| 27 | const toType = object => {
|
---|
| 28 | if (object === null || object === undefined) {
|
---|
| 29 | return `${object}`
|
---|
| 30 | }
|
---|
| 31 |
|
---|
| 32 | return Object.prototype.toString.call(object).match(/\s([a-z]+)/i)[1].toLowerCase()
|
---|
| 33 | }
|
---|
| 34 |
|
---|
| 35 | /**
|
---|
| 36 | * Public Util API
|
---|
| 37 | */
|
---|
| 38 |
|
---|
| 39 | const getUID = prefix => {
|
---|
| 40 | do {
|
---|
| 41 | prefix += Math.floor(Math.random() * MAX_UID)
|
---|
| 42 | } while (document.getElementById(prefix))
|
---|
| 43 |
|
---|
| 44 | return prefix
|
---|
| 45 | }
|
---|
| 46 |
|
---|
| 47 | const getTransitionDurationFromElement = element => {
|
---|
| 48 | if (!element) {
|
---|
| 49 | return 0
|
---|
| 50 | }
|
---|
| 51 |
|
---|
| 52 | // Get transition-duration of the element
|
---|
| 53 | let { transitionDuration, transitionDelay } = window.getComputedStyle(element)
|
---|
| 54 |
|
---|
| 55 | const floatTransitionDuration = Number.parseFloat(transitionDuration)
|
---|
| 56 | const floatTransitionDelay = Number.parseFloat(transitionDelay)
|
---|
| 57 |
|
---|
| 58 | // Return 0 if element or transition duration is not found
|
---|
| 59 | if (!floatTransitionDuration && !floatTransitionDelay) {
|
---|
| 60 | return 0
|
---|
| 61 | }
|
---|
| 62 |
|
---|
| 63 | // If multiple durations are defined, take the first
|
---|
| 64 | transitionDuration = transitionDuration.split(',')[0]
|
---|
| 65 | transitionDelay = transitionDelay.split(',')[0]
|
---|
| 66 |
|
---|
| 67 | return (Number.parseFloat(transitionDuration) + Number.parseFloat(transitionDelay)) * MILLISECONDS_MULTIPLIER
|
---|
| 68 | }
|
---|
| 69 |
|
---|
| 70 | const triggerTransitionEnd = element => {
|
---|
| 71 | element.dispatchEvent(new Event(TRANSITION_END))
|
---|
| 72 | }
|
---|
| 73 |
|
---|
| 74 | const isElement = object => {
|
---|
| 75 | if (!object || typeof object !== 'object') {
|
---|
| 76 | return false
|
---|
| 77 | }
|
---|
| 78 |
|
---|
| 79 | if (typeof object.jquery !== 'undefined') {
|
---|
| 80 | object = object[0]
|
---|
| 81 | }
|
---|
| 82 |
|
---|
| 83 | return typeof object.nodeType !== 'undefined'
|
---|
| 84 | }
|
---|
| 85 |
|
---|
| 86 | const getElement = object => {
|
---|
| 87 | // it's a jQuery object or a node element
|
---|
| 88 | if (isElement(object)) {
|
---|
| 89 | return object.jquery ? object[0] : object
|
---|
| 90 | }
|
---|
| 91 |
|
---|
| 92 | if (typeof object === 'string' && object.length > 0) {
|
---|
| 93 | return document.querySelector(parseSelector(object))
|
---|
| 94 | }
|
---|
| 95 |
|
---|
| 96 | return null
|
---|
| 97 | }
|
---|
| 98 |
|
---|
| 99 | const isVisible = element => {
|
---|
| 100 | if (!isElement(element) || element.getClientRects().length === 0) {
|
---|
| 101 | return false
|
---|
| 102 | }
|
---|
| 103 |
|
---|
| 104 | const elementIsVisible = getComputedStyle(element).getPropertyValue('visibility') === 'visible'
|
---|
| 105 | // Handle `details` element as its content may falsie appear visible when it is closed
|
---|
| 106 | const closedDetails = element.closest('details:not([open])')
|
---|
| 107 |
|
---|
| 108 | if (!closedDetails) {
|
---|
| 109 | return elementIsVisible
|
---|
| 110 | }
|
---|
| 111 |
|
---|
| 112 | if (closedDetails !== element) {
|
---|
| 113 | const summary = element.closest('summary')
|
---|
| 114 | if (summary && summary.parentNode !== closedDetails) {
|
---|
| 115 | return false
|
---|
| 116 | }
|
---|
| 117 |
|
---|
| 118 | if (summary === null) {
|
---|
| 119 | return false
|
---|
| 120 | }
|
---|
| 121 | }
|
---|
| 122 |
|
---|
| 123 | return elementIsVisible
|
---|
| 124 | }
|
---|
| 125 |
|
---|
| 126 | const isDisabled = element => {
|
---|
| 127 | if (!element || element.nodeType !== Node.ELEMENT_NODE) {
|
---|
| 128 | return true
|
---|
| 129 | }
|
---|
| 130 |
|
---|
| 131 | if (element.classList.contains('disabled')) {
|
---|
| 132 | return true
|
---|
| 133 | }
|
---|
| 134 |
|
---|
| 135 | if (typeof element.disabled !== 'undefined') {
|
---|
| 136 | return element.disabled
|
---|
| 137 | }
|
---|
| 138 |
|
---|
| 139 | return element.hasAttribute('disabled') && element.getAttribute('disabled') !== 'false'
|
---|
| 140 | }
|
---|
| 141 |
|
---|
| 142 | const findShadowRoot = element => {
|
---|
| 143 | if (!document.documentElement.attachShadow) {
|
---|
| 144 | return null
|
---|
| 145 | }
|
---|
| 146 |
|
---|
| 147 | // Can find the shadow root otherwise it'll return the document
|
---|
| 148 | if (typeof element.getRootNode === 'function') {
|
---|
| 149 | const root = element.getRootNode()
|
---|
| 150 | return root instanceof ShadowRoot ? root : null
|
---|
| 151 | }
|
---|
| 152 |
|
---|
| 153 | if (element instanceof ShadowRoot) {
|
---|
| 154 | return element
|
---|
| 155 | }
|
---|
| 156 |
|
---|
| 157 | // when we don't find a shadow root
|
---|
| 158 | if (!element.parentNode) {
|
---|
| 159 | return null
|
---|
| 160 | }
|
---|
| 161 |
|
---|
| 162 | return findShadowRoot(element.parentNode)
|
---|
| 163 | }
|
---|
| 164 |
|
---|
| 165 | const noop = () => {}
|
---|
| 166 |
|
---|
| 167 | /**
|
---|
| 168 | * Trick to restart an element's animation
|
---|
| 169 | *
|
---|
| 170 | * @param {HTMLElement} element
|
---|
| 171 | * @return void
|
---|
| 172 | *
|
---|
| 173 | * @see https://www.charistheo.io/blog/2021/02/restart-a-css-animation-with-javascript/#restarting-a-css-animation
|
---|
| 174 | */
|
---|
| 175 | const reflow = element => {
|
---|
| 176 | element.offsetHeight // eslint-disable-line no-unused-expressions
|
---|
| 177 | }
|
---|
| 178 |
|
---|
| 179 | const getjQuery = () => {
|
---|
| 180 | if (window.jQuery && !document.body.hasAttribute('data-bs-no-jquery')) {
|
---|
| 181 | return window.jQuery
|
---|
| 182 | }
|
---|
| 183 |
|
---|
| 184 | return null
|
---|
| 185 | }
|
---|
| 186 |
|
---|
| 187 | const DOMContentLoadedCallbacks = []
|
---|
| 188 |
|
---|
| 189 | const onDOMContentLoaded = callback => {
|
---|
| 190 | if (document.readyState === 'loading') {
|
---|
| 191 | // add listener on the first call when the document is in loading state
|
---|
| 192 | if (!DOMContentLoadedCallbacks.length) {
|
---|
| 193 | document.addEventListener('DOMContentLoaded', () => {
|
---|
| 194 | for (const callback of DOMContentLoadedCallbacks) {
|
---|
| 195 | callback()
|
---|
| 196 | }
|
---|
| 197 | })
|
---|
| 198 | }
|
---|
| 199 |
|
---|
| 200 | DOMContentLoadedCallbacks.push(callback)
|
---|
| 201 | } else {
|
---|
| 202 | callback()
|
---|
| 203 | }
|
---|
| 204 | }
|
---|
| 205 |
|
---|
| 206 | const isRTL = () => document.documentElement.dir === 'rtl'
|
---|
| 207 |
|
---|
| 208 | const defineJQueryPlugin = plugin => {
|
---|
| 209 | onDOMContentLoaded(() => {
|
---|
| 210 | const $ = getjQuery()
|
---|
| 211 | /* istanbul ignore if */
|
---|
| 212 | if ($) {
|
---|
| 213 | const name = plugin.NAME
|
---|
| 214 | const JQUERY_NO_CONFLICT = $.fn[name]
|
---|
| 215 | $.fn[name] = plugin.jQueryInterface
|
---|
| 216 | $.fn[name].Constructor = plugin
|
---|
| 217 | $.fn[name].noConflict = () => {
|
---|
| 218 | $.fn[name] = JQUERY_NO_CONFLICT
|
---|
| 219 | return plugin.jQueryInterface
|
---|
| 220 | }
|
---|
| 221 | }
|
---|
| 222 | })
|
---|
| 223 | }
|
---|
| 224 |
|
---|
| 225 | const execute = (possibleCallback, args = [], defaultValue = possibleCallback) => {
|
---|
| 226 | return typeof possibleCallback === 'function' ? possibleCallback(...args) : defaultValue
|
---|
| 227 | }
|
---|
| 228 |
|
---|
| 229 | const executeAfterTransition = (callback, transitionElement, waitForTransition = true) => {
|
---|
| 230 | if (!waitForTransition) {
|
---|
| 231 | execute(callback)
|
---|
| 232 | return
|
---|
| 233 | }
|
---|
| 234 |
|
---|
| 235 | const durationPadding = 5
|
---|
| 236 | const emulatedDuration = getTransitionDurationFromElement(transitionElement) + durationPadding
|
---|
| 237 |
|
---|
| 238 | let called = false
|
---|
| 239 |
|
---|
| 240 | const handler = ({ target }) => {
|
---|
| 241 | if (target !== transitionElement) {
|
---|
| 242 | return
|
---|
| 243 | }
|
---|
| 244 |
|
---|
| 245 | called = true
|
---|
| 246 | transitionElement.removeEventListener(TRANSITION_END, handler)
|
---|
| 247 | execute(callback)
|
---|
| 248 | }
|
---|
| 249 |
|
---|
| 250 | transitionElement.addEventListener(TRANSITION_END, handler)
|
---|
| 251 | setTimeout(() => {
|
---|
| 252 | if (!called) {
|
---|
| 253 | triggerTransitionEnd(transitionElement)
|
---|
| 254 | }
|
---|
| 255 | }, emulatedDuration)
|
---|
| 256 | }
|
---|
| 257 |
|
---|
| 258 | /**
|
---|
| 259 | * Return the previous/next element of a list.
|
---|
| 260 | *
|
---|
| 261 | * @param {array} list The list of elements
|
---|
| 262 | * @param activeElement The active element
|
---|
| 263 | * @param shouldGetNext Choose to get next or previous element
|
---|
| 264 | * @param isCycleAllowed
|
---|
| 265 | * @return {Element|elem} The proper element
|
---|
| 266 | */
|
---|
| 267 | const getNextActiveElement = (list, activeElement, shouldGetNext, isCycleAllowed) => {
|
---|
| 268 | const listLength = list.length
|
---|
| 269 | let index = list.indexOf(activeElement)
|
---|
| 270 |
|
---|
| 271 | // if the element does not exist in the list return an element
|
---|
| 272 | // depending on the direction and if cycle is allowed
|
---|
| 273 | if (index === -1) {
|
---|
| 274 | return !shouldGetNext && isCycleAllowed ? list[listLength - 1] : list[0]
|
---|
| 275 | }
|
---|
| 276 |
|
---|
| 277 | index += shouldGetNext ? 1 : -1
|
---|
| 278 |
|
---|
| 279 | if (isCycleAllowed) {
|
---|
| 280 | index = (index + listLength) % listLength
|
---|
| 281 | }
|
---|
| 282 |
|
---|
| 283 | return list[Math.max(0, Math.min(index, listLength - 1))]
|
---|
| 284 | }
|
---|
| 285 |
|
---|
| 286 | export {
|
---|
| 287 | defineJQueryPlugin,
|
---|
| 288 | execute,
|
---|
| 289 | executeAfterTransition,
|
---|
| 290 | findShadowRoot,
|
---|
| 291 | getElement,
|
---|
| 292 | getjQuery,
|
---|
| 293 | getNextActiveElement,
|
---|
| 294 | getTransitionDurationFromElement,
|
---|
| 295 | getUID,
|
---|
| 296 | isDisabled,
|
---|
| 297 | isElement,
|
---|
| 298 | isRTL,
|
---|
| 299 | isVisible,
|
---|
| 300 | noop,
|
---|
| 301 | onDOMContentLoaded,
|
---|
| 302 | parseSelector,
|
---|
| 303 | reflow,
|
---|
| 304 | triggerTransitionEnd,
|
---|
| 305 | toType
|
---|
| 306 | }
|
---|