{"version":3,"file":"ace.js","sources":["../../js/src/util.js","../../js/src/event-handler.js","../../js/src/general.js","../../js/src/scrollbar.js","../../js/src/sidebar.js","../../js/src/aside.js","../../js/src/toaster.js","../../js/src/card.js","../../js/src/fileinput.js","../../js/src/wysiwyg.js","../../js/src/tab-scroll.js","../../js/src/tab-swipe.js","../../js/src/scroll-top.js","../../js/src/sticky.js","../../js/src/index.umd.js"],"sourcesContent":["/**\r\n * --------------------------------------------------------------------------\r\n * Ace (v4.0.0): util.js\r\n Some Utility Functions\r\n*/\r\n\r\nclass Util {\r\n static isReducedMotion () {\r\n return window.matchMedia('(prefers-reduced-motion)').matches\r\n }\r\n\r\n static isRTL () {\r\n return document.documentElement.classList.contains('rtl') || document.documentElement.dir === 'rtl'\r\n }\r\n\r\n static closest (element, selector) {\r\n if (!element) return null\r\n if ('closest' in element) return element.closest(selector)\r\n\r\n try {\r\n for (let el = element; el !== null; el = el.parentNode) {\r\n if (Util.matches(el, selector)) {\r\n return el\r\n }\r\n }\r\n } catch (e) {}\r\n\r\n return null\r\n }\r\n\r\n static matches (element, selector) {\r\n if (!element || !selector) return false\r\n\r\n if (element === selector) {\r\n // for when selector is not a string, i.e selector is the element itself (needed for when we don't know the types)\r\n return true\r\n }\r\n\r\n try {\r\n if (Util._matches) {\r\n return element.matches(selector)\r\n } else if (Util._msMatches) {\r\n return element.msMatchesSelector(selector)\r\n }\r\n } catch (e) {}\r\n\r\n return false\r\n }\r\n\r\n static isValidSelector (selector) {\r\n if (typeof selector !== 'string') return false\r\n let isValid = true\r\n try {\r\n document.createDocumentFragment().querySelector(selector)\r\n } catch (e) {\r\n isValid = false\r\n }\r\n return isValid\r\n }\r\n\r\n static _insert (element, _elem, _pos = 'afterend') {\r\n if (typeof element === 'string') element = document.querySelector(element)\r\n if (element === null) return null\r\n\r\n // check to see it _elem is a 'selector'\r\n if (Util.isValidSelector(_elem)) {\r\n const tmp = document.querySelector(_elem)\r\n _elem = tmp !== null ? tmp : _elem\r\n }\r\n\r\n let currentElemAtPos = null\r\n switch (_pos) {\r\n case 'afterend':\r\n currentElemAtPos = element.nextElementSibling\r\n break\r\n\r\n case 'beforeend':\r\n currentElemAtPos = element.lastElementChild\r\n break\r\n\r\n case 'afterbegin':\r\n currentElemAtPos = element.firstElementChild\r\n break\r\n\r\n case 'beforebegin':\r\n currentElemAtPos = element.previousElementSibling\r\n break\r\n }\r\n\r\n if (typeof _elem === 'string') {\r\n element.insertAdjacentHTML(_pos, _elem)\r\n\r\n switch (_pos) {\r\n case 'afterend':\r\n _elem = element.nextElementSibling\r\n break\r\n\r\n case 'beforeend':\r\n _elem = element.lastElementChild\r\n break\r\n\r\n case 'afterbegin':\r\n _elem = element.firstElementChild\r\n break\r\n\r\n case 'beforebegin':\r\n _elem = element.previousElementSibling\r\n break\r\n }\r\n } else {\r\n _elem = element.insertAdjacentElement(_pos, _elem)\r\n }\r\n\r\n if (_elem === currentElemAtPos) return null // it means the new element has not been inserted\r\n return _elem\r\n }\r\n\r\n static after (element, _after) {\r\n return Util._insert(element, _after, 'afterend')\r\n }\r\n\r\n static before (element, _before) {\r\n return Util._insert(element, _before, 'beforebegin')\r\n }\r\n\r\n static append (element, _append) {\r\n return Util._insert(element, _append, 'beforeend')\r\n }\r\n\r\n static prepend (element, _prepend) {\r\n return Util._insert(element, _prepend, 'afterbegin')\r\n }\r\n\r\n static wrap (element, _wrap) {\r\n _wrap = Util._insert(element, _wrap, 'afterend')\r\n if (_wrap) _wrap.appendChild(element)\r\n return _wrap\r\n }\r\n\r\n static unwrap (element, remove = true) {\r\n const parent = element.parentNode\r\n Util.after(parent, element)\r\n if (remove) Util.remove(parent)\r\n }\r\n\r\n static empty (element) {\r\n // first remove all events\r\n // element.querySelectorAll('*').forEach((el) => EventHandler.off(el))\r\n element.innerHTML = ''\r\n }\r\n\r\n static remove (element) {\r\n if (typeof element === 'string') {\r\n document.querySelectorAll(element).forEach((el) => {\r\n Util.remove(el)\r\n })\r\n return\r\n }\r\n // first remove all events\r\n // EventHandler.off(element)\r\n return element && element.parentNode && element.parentNode.removeChild(element)\r\n }\r\n\r\n static updateClass (element, className, add = true) {\r\n if (typeof element === 'string') {\r\n document.querySelectorAll(element).forEach((el) => {\r\n Util.updateClass(el, className, add)\r\n })\r\n return\r\n }\r\n\r\n if (!element) return\r\n\r\n const _classes = className.split(/\\s/)\r\n for (let _class of _classes) {\r\n _class = _class.trim()\r\n if (_class.length === 0) continue\r\n\r\n if (add) {\r\n element.classList.add(_class)\r\n } else {\r\n element.classList.remove(_class)\r\n }\r\n }\r\n }\r\n\r\n static addClass (element, className) {\r\n Util.updateClass(element, className, true)\r\n }\r\n\r\n static removeClass (element, className) {\r\n Util.updateClass(element, className, false)\r\n }\r\n\r\n static next (element, selector = null) {\r\n if (!selector) return element.nextElementSibling\r\n\r\n let _next = element\r\n while ((_next = _next.nextElementSibling) && !Util.matches(_next, selector));\r\n return _next\r\n }\r\n\r\n static prev (element, selector = null) {\r\n if (!selector) return element.previousElementSibling\r\n\r\n let _prev = element\r\n while ((_prev = _prev.previousElementSibling) && !Util.matches(_prev, selector));\r\n return _prev\r\n }\r\n\r\n static reflow (element) {\r\n return element.offsetTop\r\n }\r\n\r\n static css (element, property) {\r\n return window.getComputedStyle(element)[property]\r\n }\r\n\r\n static getScrollbarInfo (recalc = false) {\r\n if (recalc === false && Util._scrollbarInfo !== null) return Util._scrollbarInfo\r\n\r\n const scrollDiv = document.createElement('div')\r\n scrollDiv.style.overflow = 'scroll'\r\n scrollDiv.style.position = 'absolute'\r\n scrollDiv.style.width = '50px'\r\n scrollDiv.style.height = '50px'\r\n\r\n const scrollbar = {}\r\n\r\n document.body.appendChild(scrollDiv)\r\n scrollbar.width = parseInt(scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth)\r\n document.documentElement.style.setProperty('--scrollbar-width', scrollbar.width + 'px')\r\n\r\n let thinWidth = scrollbar.width\r\n if (window.CSS) {\r\n scrollbar.thin = window.CSS.supports('scrollbar-width', 'thin')// currently only firefox 64+ supports it\r\n if (scrollbar.thin) {\r\n scrollDiv.style['scrollbar-width'] = 'thin'\r\n thinWidth = parseInt(scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth)\r\n }\r\n\r\n scrollbar.overlay = window.CSS.supports('overflow', 'overlay')\r\n } else {\r\n scrollbar.thin = false\r\n\r\n scrollDiv.style.overflow = 'overlay'// Webkit/Chromium based browsers support it\r\n scrollbar.overlay = scrollbar.width > 0 && parseInt(scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth) === 0\r\n }\r\n document.documentElement.style.setProperty('--moz-scrollbar-thin', thinWidth + 'px')\r\n\r\n scrollDiv.style['-ms-overflow-style'] = '-ms-autohiding-scrollbar'// IE\r\n scrollbar.autohide = scrollbar.width > 0 && parseInt(scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth) === 0\r\n\r\n /// //////////////////////////////////\r\n document.body.removeChild(scrollDiv)\r\n Util._scrollbarInfo = scrollbar\r\n\r\n return Util._scrollbarInfo\r\n }\r\n}\r\nUtil._supportsTransitionStart = null// static property\r\nUtil._scrollbarInfo = null// static property\r\n\r\nUtil._matches = typeof document.body.matches === 'function'\r\nUtil._msMatches = typeof document.body.msMatchesSelector === 'function'\r\n\r\n/**\r\n* ------------------------------------------------------------------------\r\n* ------------------------------------------------------------------------\r\n*/\r\n\r\nexport default Util\r\n","/**\r\n *\r\n * We are using EventHandler from Bootstrap 5\r\n *\r\n */\r\n\r\n// polyfills are from MDN\r\n(function () {\r\n if (typeof window.CustomEvent !== 'function') {\r\n function CustomEvent (event, params) {\r\n params = params || { bubbles: false, cancelable: false, detail: null }\r\n const evt = document.createEvent('CustomEvent')\r\n evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail)\r\n return evt\r\n }\r\n\r\n window.CustomEvent = CustomEvent\r\n }\r\n\r\n if (!String.prototype.startsWith) {\r\n Object.defineProperty(String.prototype, 'startsWith', {\r\n value: function (search, rawPos) {\r\n const pos = rawPos > 0 ? rawPos | 0 : 0\r\n return this.substring(pos, pos + search.length) === search\r\n }\r\n })\r\n }\r\n\r\n if (!String.prototype.includes) {\r\n String.prototype.includes = function (search, start) {\r\n 'use strict'\r\n\r\n if (search instanceof RegExp) {\r\n throw TypeError('first argument must not be a RegExp')\r\n }\r\n if (start === undefined) { start = 0 }\r\n return this.indexOf(search, start) !== -1\r\n }\r\n }\r\n})()\r\n\r\n/**\r\n * --------------------------------------------------------------------------\r\n * Bootstrap (v5.0.0-beta3): dom/event-handler.js\r\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\r\n * --------------------------------------------------------------------------\r\n */\r\n\r\nconst getjQuery = () => {\r\n const { jQuery } = window\r\n\r\n if (jQuery && !document.body.hasAttribute('data-bs-no-jquery')) {\r\n return jQuery\r\n }\r\n\r\n return null\r\n}\r\n\r\n/**\r\n * ------------------------------------------------------------------------\r\n * Constants\r\n * ------------------------------------------------------------------------\r\n */\r\n\r\nconst namespaceRegex = /[^.]*(?=\\..*)\\.|.*/\r\nconst stripNameRegex = /\\..*/\r\nconst stripUidRegex = /::\\d+$/\r\nconst eventRegistry = {} // Events storage\r\nlet uidEvent = 1\r\nconst customEvents = {\r\n // mouseenter: 'mouseover',\r\n // mouseleave: 'mouseout'\r\n}\r\nconst nativeEvents = [\r\n 'click',\r\n 'dblclick',\r\n 'mouseup',\r\n 'mousedown',\r\n 'contextmenu',\r\n 'mousewheel',\r\n 'DOMMouseScroll',\r\n 'mouseover',\r\n 'mouseout',\r\n 'mousemove',\r\n 'selectstart',\r\n 'selectend',\r\n 'keydown',\r\n 'keypress',\r\n 'keyup',\r\n 'orientationchange',\r\n 'touchstart',\r\n 'touchmove',\r\n 'touchend',\r\n 'touchcancel',\r\n 'pointerdown',\r\n 'pointermove',\r\n 'pointerup',\r\n 'pointerleave',\r\n 'pointercancel',\r\n 'gesturestart',\r\n 'gesturechange',\r\n 'gestureend',\r\n 'focus',\r\n 'blur',\r\n 'change',\r\n 'reset',\r\n 'select',\r\n 'submit',\r\n 'focusin',\r\n 'focusout',\r\n 'load',\r\n 'unload',\r\n 'beforeunload',\r\n 'resize',\r\n 'move',\r\n 'DOMContentLoaded',\r\n 'readystatechange',\r\n 'error',\r\n 'abort',\r\n 'scroll',\r\n 'transitionstart',\r\n 'transitionend',\r\n 'animationstart',\r\n 'animationend'\r\n]\r\n\r\nconst isNativeEvent = (eventName) => nativeEvents.indexOf(eventName) >= 0\r\n\r\n/**\r\n * ------------------------------------------------------------------------\r\n * Private methods\r\n * ------------------------------------------------------------------------\r\n */\r\n\r\nfunction getUidEvent (element, uid) {\r\n return (uid && `${uid}::${uidEvent++}`) || element.uidEvent || uidEvent++\r\n}\r\n\r\nfunction getEvent (element) {\r\n const uid = getUidEvent(element)\r\n\r\n element.uidEvent = uid\r\n eventRegistry[uid] = eventRegistry[uid] || {}\r\n\r\n return eventRegistry[uid]\r\n}\r\n\r\nfunction bootstrapHandler (element, fn) {\r\n return function handler (event) {\r\n event.delegateTarget = element\r\n\r\n if (handler.oneOff) {\r\n EventHandler.off(element, event.type, fn)\r\n }\r\n\r\n return fn.apply(element, [event])\r\n }\r\n}\r\n\r\nfunction bootstrapDelegationHandler (element, selector, fn) {\r\n return function handler (event) {\r\n const domElements = element.querySelectorAll(selector)\r\n\r\n for (let { target } = event; target && target !== this; target = target.parentNode) {\r\n for (let i = domElements.length; i--;) {\r\n if (domElements[i] === target) {\r\n event.delegateTarget = target\r\n\r\n if (handler.oneOff) {\r\n EventHandler.off(element, event.type, fn)\r\n }\r\n\r\n return fn.apply(target, [event])\r\n }\r\n }\r\n }\r\n\r\n // To please ESLint\r\n return null\r\n }\r\n}\r\n\r\nfunction findHandler (events, handler, delegationSelector = null) {\r\n const uidEventList = Object.keys(events)\r\n\r\n for (let i = 0, len = uidEventList.length; i < len; i++) {\r\n const event = events[uidEventList[i]]\r\n\r\n if (event.originalHandler === handler && event.delegationSelector === delegationSelector) {\r\n return event\r\n }\r\n }\r\n\r\n return null\r\n}\r\n\r\nfunction normalizeParams (originalTypeEvent, handler, delegationFn) {\r\n const delegation = typeof handler === 'string'\r\n const originalHandler = delegation ? delegationFn : handler\r\n\r\n // allow to get the native events from namespaced events ('click.bs.button' --> 'click')\r\n let typeEvent = originalTypeEvent.replace(stripNameRegex, '')\r\n const custom = customEvents[typeEvent]\r\n\r\n if (custom) {\r\n typeEvent = custom\r\n }\r\n\r\n const isNative = isNativeEvent(typeEvent)\r\n\r\n if (!isNative) {\r\n typeEvent = originalTypeEvent\r\n }\r\n\r\n return [delegation, originalHandler, typeEvent]\r\n}\r\n\r\nfunction addHandler (element, originalTypeEvent, handler, delegationFn, oneOff) {\r\n if (typeof originalTypeEvent !== 'string' || !element) {\r\n return\r\n }\r\n\r\n if (!handler) {\r\n handler = delegationFn\r\n delegationFn = null\r\n }\r\n\r\n const [delegation, originalHandler, typeEvent] = normalizeParams(originalTypeEvent, handler, delegationFn)\r\n const events = getEvent(element)\r\n const handlers = events[typeEvent] || (events[typeEvent] = {})\r\n const previousFn = findHandler(handlers, originalHandler, delegation ? handler : null)\r\n\r\n if (previousFn) {\r\n previousFn.oneOff = previousFn.oneOff && oneOff\r\n\r\n return\r\n }\r\n\r\n const uid = getUidEvent(originalHandler, originalTypeEvent.replace(namespaceRegex, ''))\r\n const fn = delegation\r\n ? bootstrapDelegationHandler(element, handler, delegationFn)\r\n : bootstrapHandler(element, handler)\r\n\r\n fn.delegationSelector = delegation ? handler : null\r\n fn.originalHandler = originalHandler\r\n fn.oneOff = oneOff\r\n fn.uidEvent = uid\r\n handlers[uid] = fn\r\n\r\n element.addEventListener(typeEvent, fn, delegation)\r\n}\r\n\r\nfunction removeHandler (element, events, typeEvent, handler, delegationSelector) {\r\n const fn = findHandler(events[typeEvent], handler, delegationSelector)\r\n\r\n if (!fn) {\r\n return\r\n }\r\n\r\n element.removeEventListener(typeEvent, fn, Boolean(delegationSelector))\r\n delete events[typeEvent][fn.uidEvent]\r\n}\r\n\r\nfunction removeNamespacedHandlers (element, events, typeEvent, namespace) {\r\n const storeElementEvent = events[typeEvent] || {}\r\n\r\n Object.keys(storeElementEvent).forEach(handlerKey => {\r\n if (handlerKey.includes(namespace)) {\r\n const event = storeElementEvent[handlerKey]\r\n\r\n removeHandler(element, events, typeEvent, event.originalHandler, event.delegationSelector)\r\n }\r\n })\r\n}\r\n\r\nconst EventHandler = {\r\n on (element, event, handler, delegationFn) {\r\n addHandler(element, event, handler, delegationFn, false)\r\n },\r\n\r\n one (element, event, handler, delegationFn) {\r\n addHandler(element, event, handler, delegationFn, true)\r\n },\r\n\r\n off (element, originalTypeEvent, handler, delegationFn) {\r\n if (typeof originalTypeEvent !== 'string' || !element) {\r\n return\r\n }\r\n\r\n const [delegation, originalHandler, typeEvent] = normalizeParams(originalTypeEvent, handler, delegationFn)\r\n const inNamespace = typeEvent !== originalTypeEvent\r\n const events = getEvent(element)\r\n const isNamespace = originalTypeEvent.startsWith('.')\r\n\r\n if (typeof originalHandler !== 'undefined') {\r\n // Simplest case: handler is passed, remove that listener ONLY.\r\n if (!events || !events[typeEvent]) {\r\n return\r\n }\r\n\r\n removeHandler(element, events, typeEvent, originalHandler, delegation ? handler : null)\r\n return\r\n }\r\n\r\n if (isNamespace) {\r\n Object.keys(events).forEach(elementEvent => {\r\n removeNamespacedHandlers(element, events, elementEvent, originalTypeEvent.slice(1))\r\n })\r\n }\r\n\r\n const storeElementEvent = events[typeEvent] || {}\r\n Object.keys(storeElementEvent).forEach(keyHandlers => {\r\n const handlerKey = keyHandlers.replace(stripUidRegex, '')\r\n\r\n if (!inNamespace || originalTypeEvent.includes(handlerKey)) {\r\n const event = storeElementEvent[keyHandlers]\r\n\r\n removeHandler(element, events, typeEvent, event.originalHandler, event.delegationSelector)\r\n }\r\n })\r\n },\r\n\r\n trigger (element, event, args) {\r\n if (typeof event !== 'string' || !element) {\r\n return null\r\n }\r\n\r\n const $ = getjQuery()\r\n const typeEvent = event.replace(stripNameRegex, '')\r\n const inNamespace = event !== typeEvent\r\n const isNative = isNativeEvent(typeEvent)\r\n\r\n let jQueryEvent\r\n let bubbles = true\r\n let nativeDispatch = true\r\n let defaultPrevented = false\r\n let evt = null\r\n\r\n if (inNamespace && $) {\r\n jQueryEvent = $.Event(event, args)\r\n\r\n $(element).trigger(jQueryEvent)\r\n bubbles = !jQueryEvent.isPropagationStopped()\r\n nativeDispatch = !jQueryEvent.isImmediatePropagationStopped()\r\n defaultPrevented = jQueryEvent.isDefaultPrevented()\r\n }\r\n\r\n if (isNative) {\r\n evt = document.createEvent('HTMLEvents')\r\n evt.initEvent(typeEvent, bubbles, true)\r\n } else {\r\n evt = new window.CustomEvent(event, {\r\n bubbles,\r\n cancelable: true\r\n })\r\n }\r\n\r\n // merge custom information in our event\r\n if (typeof args !== 'undefined') {\r\n Object.keys(args).forEach(key => {\r\n Object.defineProperty(evt, key, {\r\n get () {\r\n return args[key]\r\n }\r\n })\r\n })\r\n }\r\n\r\n if (defaultPrevented) {\r\n evt.preventDefault()\r\n }\r\n\r\n if (nativeDispatch) {\r\n element.dispatchEvent(evt)\r\n }\r\n\r\n if (evt.defaultPrevented && typeof jQueryEvent !== 'undefined') {\r\n jQueryEvent.preventDefault()\r\n }\r\n\r\n return evt\r\n }\r\n}\r\n\r\nexport default EventHandler\r\n","/**\r\n * --------------------------------------------------------------------------\r\n * Ace (v4.0.0): general.js\r\n General Ace Functions\r\n*/\r\n\r\nimport Util from './util'\r\n\r\nclass Basic {\r\n static _HandleBasics () {\r\n Basic._HandleGeneral()\r\n\r\n if (typeof window.jQuery === 'undefined' || typeof window.bootstrap === 'undefined') return\r\n\r\n Basic._handleAlerts()\r\n\r\n Basic._handleDropdowns()\r\n\r\n Basic._handleNavbar()\r\n }\r\n\r\n static _HandleGeneral () {\r\n window.addEventListener('DOMContentLoaded', () => {\r\n document.body.classList.add('is-document-loaded')\r\n })\r\n\r\n // for IE\r\n if (window.NodeList && !window.NodeList.prototype.forEach) {\r\n window.NodeList.prototype.forEach = Array.prototype.forEach\r\n }\r\n }\r\n\r\n /**\r\n * collapse .alert instead of fading it out\r\n */\r\n static _handleAlerts () {\r\n const $ = window.jQuery\r\n\r\n $(document)\r\n .on('close.bs.alert.alert-collapse', '.alert.alert-collapse', function (e) {\r\n e.preventDefault()\r\n $(this).wrap('
').parent().collapse('hide').one('hidden.bs.collapse.alert-collapse', function () {\r\n $(this).remove()\r\n })\r\n })\r\n }\r\n\r\n /// ////////\r\n\r\n static _handleDropdowns () {\r\n const $ = window.jQuery\r\n\r\n // dismiss (hide) a dropdown menu\r\n const _dismissDropdown = function () {\r\n const menu = Util.closest(this, '.dropdown-menu')\r\n const dropdown = menu.parentNode\r\n const toggle = dropdown.querySelector('[data-toggle=dropdown]')\r\n\r\n $(toggle).dropdown('hide')\r\n menu.classList.remove('show')\r\n dropdown.classList.remove('show')\r\n }\r\n\r\n // hide dropdown when clicked on an element inside it with `data-dismiss=dropdown` attribute\r\n $(document)\r\n .on('click', '[data-dismiss=dropdown]', function (e) {\r\n e.preventDefault()\r\n _dismissDropdown.call(e.target)\r\n })\r\n\r\n // hide dropdown when a `form` inside it is submitted\r\n $(document)\r\n .on('submit', '.dropdown-menu form[data-submit=dismiss]', function (e) {\r\n e.preventDefault()\r\n _dismissDropdown.call(e.target)\r\n })\r\n\r\n // don't hide dropdown when clicked inside a `.dropdown-clickable` element\r\n $(document)\r\n .on('click.dropdown-clickable', '.dropdown-clickable', function (e) {\r\n e.stopImmediatePropagation()\r\n })\r\n\r\n // hide `body` scrollbars when dropdowns are opened in mobile view\r\n $(document)\r\n .on('shown.bs.dropdown', '.dropdown.dd-backdrop', function () {\r\n // check `display` of .dropdown::before, if not visible it means `backdrop` is not visible (applied)\r\n if (window.getComputedStyle(this, ':before').display === 'none') return\r\n\r\n // the device width is such that backdrop is visible (.dropdown-inner is visible)\r\n const scrollbarInfo = Util.getScrollbarInfo()\r\n if (scrollbarInfo.width === 0) {\r\n document.body.classList.add('mob-dropdown-body')\r\n }\r\n this.classList.add('backdrop-shown')// used later to add `.navbar-modal` class to .navbar\r\n\r\n $(this)\r\n .one('hidden.bs.dropdown', function () {\r\n document.body.classList.remove('mob-dropdown-body')\r\n this.classList.remove('backdrop-shown')\r\n })\r\n })\r\n }\r\n\r\n /// ////////\r\n\r\n static _handleNavbar () {\r\n const $ = window.jQuery\r\n\r\n // hide `.navbar-collapse` when clicked on it (specifically on the backdrop in mobile view)\r\n $(document)\r\n .on('click', '.navbar-backdrop.collapse.show', function (e) {\r\n if (e.target === this) $(this).collapse('hide')\r\n })\r\n\r\n // hide dropdown when a `form` inside it is submitted\r\n $(document)\r\n .on('submit', '.navbar-collapse.show form[data-submit=dismiss]', function (e) {\r\n e.preventDefault()\r\n $(this).closest('.navbar-collapse').collapse('hide')\r\n })\r\n\r\n // when navbar or a dropdown-menu inside it is displayed, move focus to the \".autofocus\" element.\r\n // For example a search box can be .autofocus\r\n\r\n let currentOpenCollapse = null\r\n $(document)\r\n .on('shown.bs.dropdown', '.navbar .dropdown', function () {\r\n const autofocus = this.querySelector('.autofocus')\r\n if (autofocus) autofocus.focus()\r\n })\r\n .on('show.bs.collapse', '.navbar-collapse', function (ev) {\r\n if (ev.isDefaultPrevented()) return\r\n // also hide body scrollbars in mobile devices\r\n if (this.classList.contains('navbar-backdrop')) {\r\n const scrollbarInfo = Util.getScrollbarInfo()\r\n if (scrollbarInfo.width === 0) {\r\n document.body.classList.add('mob-navbar-body')\r\n }\r\n }\r\n\r\n const previousOpenCollapse = currentOpenCollapse\r\n currentOpenCollapse = ev.target\r\n\r\n if (previousOpenCollapse !== null) {\r\n $('.navbar-collapse.show').css('transition-duration', '1ms').collapse('hide').css('transition-duration', '')\r\n }\r\n })\r\n .on('shown.bs.collapse', '.navbar-collapse', function () {\r\n const autofocus = this.querySelector('.autofocus')\r\n if (autofocus) autofocus.focus()\r\n })\r\n .on('hidden.bs.collapse', function (ev) {\r\n if (currentOpenCollapse === ev.target) {\r\n // no more open collapsed (the currentOpenCollapse it the last one)\r\n document.body.classList.remove('mob-navbar-body')\r\n currentOpenCollapse = null\r\n }\r\n })\r\n\r\n // if navbar dropdowns are not entirely inside window area, move them accordingly\r\n const _adjustDropdown = function () {\r\n const isRTL = Util.isRTL()\r\n const isRightAligned = this.classList.contains('dropdown-menu-right')\r\n\r\n const _dir = !isRightAligned ? (!isRTL ? 'left' : 'right') : (!isRTL ? 'right' : 'left')\r\n const prop = 'margin-' + _dir\r\n\r\n this.style.removeProperty(prop)\r\n\r\n let moveBy = 0\r\n const rect = this.getBoundingClientRect()\r\n if (rect.left < 0) {\r\n moveBy = parseInt(-1 * rect.left) + 5\r\n } else {\r\n const sw = document.body.scrollWidth\r\n if (rect.right > sw) {\r\n moveBy = parseInt(sw - rect.right - 5)\r\n }\r\n }\r\n\r\n if (moveBy < 5) return\r\n\r\n if (isRightAligned) moveBy *= -1\r\n this.style.setProperty(prop, moveBy + 'px', 'important')\r\n }\r\n\r\n $(document)\r\n .on('transitionstart.adjust', '.navbar .dropdown-mega .dropdown-menu', function (ev) {\r\n // adjust when hovered (dropdown-hover)\r\n if (ev.target !== this || ev.originalEvent.propertyName !== 'transform') return\r\n _adjustDropdown.call(this)\r\n })\r\n .on('shown.bs.dropdown', '.navbar .dropdown', function () {\r\n // adjus when \"shown\" (click)\r\n if (this.classList.contains('dropdown-mega')) {\r\n const dropdown = this.querySelector('.dropdown-menu[data-display=\"static\"]')\r\n if (dropdown !== null) _adjustDropdown.call(dropdown)\r\n }\r\n\r\n // when a .dropdown is opened, add .navbar-open to increase z-index, so that dropdowns go above 'asides', etc\r\n const navbar = Util.closest(this, '.navbar')\r\n if (!navbar) return\r\n if (this.classList.contains('backdrop-shown')) navbar.classList.add('navbar-modal')\r\n else navbar.classList.add('navbar-open')\r\n })\r\n .on('hidden.bs.dropdown', '.navbar .dropdown', function () {\r\n const navbar = Util.closest(this, '.navbar')\r\n if (!navbar) return\r\n navbar.classList.remove('navbar-open')\r\n navbar.classList.remove('navbar-modal')\r\n })\r\n }\r\n}\r\n\r\n/**\r\n * ------------------------------------------------------------------------\r\n*/\r\n\r\nBasic._HandleBasics()\r\n\r\nexport default Basic\r\n","/**\r\n * --------------------------------------------------------------------------\r\n * Ace (v4.0.0): scrollbar.js\r\n*/\r\n\r\nimport Util from './util'\r\n\r\n/**\r\n * ------------------------------------------------------------------------\r\n * Constants\r\n * ------------------------------------------------------------------------\r\n */\r\n\r\nconst NAME = 'aceScroll'\r\nconst VERSION = '4.0.0'\r\nconst DATA_KEY = 'ace.scroll'\r\nconst EVENT_KEY = `.${DATA_KEY}`\r\nconst DATA_API_KEY = '.data-api'\r\n\r\nconst Event = {\r\n LOAD_DATA_API: `load${EVENT_KEY}${DATA_API_KEY}`\r\n}\r\n\r\nconst Selector = {\r\n ACE_SCROLL: '[ace-scroll]',\r\n DATA_ACE_SCROLL: '[data-ace-scroll]'\r\n}\r\n\r\nconst DefaultType = {\r\n type: 'string',\r\n smooth: 'boolean',\r\n\r\n height: '(number|null)',\r\n lock: 'boolean',\r\n\r\n ignore: '(string|null)',\r\n\r\n plugin: 'string',\r\n options: '(object|null)', // plugin settings\r\n\r\n color: '(string|null)',\r\n autohide: '(boolean|null)'\r\n}\r\n\r\nconst Default = {\r\n type: 'native',\r\n smooth: false,\r\n\r\n height: null,\r\n lock: false,\r\n\r\n ignore: null,\r\n\r\n plugin: 'SimpleBar',\r\n options: null,\r\n\r\n color: null,\r\n autohide: true\r\n}\r\n\r\nclass Scrollbar {\r\n constructor (element, config) {\r\n this._element\t= element\r\n this._config = this._getConfig(config)\r\n\r\n this._scrollbarInfo = Util.getScrollbarInfo()\r\n\r\n this.enableScrollbars()\r\n }\r\n\r\n static get VERSION () {\r\n return VERSION\r\n }\r\n\r\n static get DefaultType () {\r\n return DefaultType\r\n }\r\n\r\n static get Default () {\r\n return Default\r\n }\r\n\r\n enableScrollbars () {\r\n /**\r\n this._element.scrollTop = 0\r\n // For firefox. Because it has persistent scroll position on page reload\r\n // which doesn't look good when changing overflow: hidden to overflow: scroll on hover\r\n */\r\n\r\n // no scrollbars when specified\r\n if (this._config.ignore !== null) {\r\n if (this._config.ignore === 'mobile' && this._scrollbarInfo.width === 0 && 'ontouchstart' in window && window.matchMedia('(max-width: 840px)').matches) return\r\n else if (this._config.ignore === 'desktop' && this._scrollbarInfo.width > 0) return\r\n }\r\n\r\n this.update(this._config.height)\r\n this.lock(this._config.lock)\r\n\r\n this._element.classList.remove('ace-scroll', 'ace-scroll-mob', 'ace-scroll-wrap')\r\n if (this._config.type === 'native') {\r\n this._addNativeScrolls()\r\n } else if (this._config.type === 'auto') {\r\n this._preferNativeScrolls()\r\n } else if (this._config.type === 'plugin') {\r\n this._addPluginScrolls()\r\n }\r\n }\r\n\r\n update (_height) {\r\n if (!_height) return\r\n if (!isNaN(_height)) _height += 'px'\r\n this._element.style.maxHeight = _height\r\n }\r\n\r\n lock (_lock) {\r\n if (_lock) this._element.classList.add('ace-scroll-lock')\r\n else this._element.classList.remove('ace-scroll-lock')\r\n }\r\n\r\n _addNativeScrolls (smooth) {\r\n if (this._scrollbarInfo.width === 0) this._element.classList.add('ace-scroll-mob')// mobile device\r\n else {\r\n this._element.classList.add('ace-scroll')\r\n\r\n if (this._config.color !== null) this._element.classList.add('ace-scroll-' + this._config.color)\r\n if (this._config.autohide === false) this._element.classList.add('is-always-on')\r\n\r\n const _smooth = typeof smooth !== 'undefined' ? smooth : this._config.smooth\r\n if (_smooth) {\r\n // wrap children inside an .ace-scroll-inner\r\n const wrapper = document.createElement('div')\r\n wrapper.classList.add('ace-scroll-inner')\r\n wrapper.style.color = window.getComputedStyle(this._element).color\r\n\r\n while (this._element.firstChild) {\r\n wrapper.appendChild(this._element.firstChild)\r\n }\r\n this._element.appendChild(wrapper)\r\n\r\n /// ///////\r\n // disable the initial transition effects\r\n this._element.style.transition = 'none'\r\n\r\n this._element.classList.add('ace-scroll-wrap')\r\n this._element.offsetHeight// reflow\r\n this._element.style.transition = ''\r\n }\r\n }\r\n }\r\n\r\n _preferNativeScrolls () {\r\n if (this._scrollbarInfo.width === 0 || this._scrollbarInfo.overlay || this._scrollbarInfo.thin || !this._hasScrollbarPlugin()) {\r\n this._addNativeScrolls()\r\n } else {\r\n this._addPluginScrolls()\r\n }\r\n }\r\n\r\n _addPluginScrolls () {\r\n if (this._hasScrollbarPlugin()) {\r\n return new window[this._config.plugin](this._element, this._config.options)\r\n } else {\r\n this._addNativeScrolls()\r\n }\r\n }\r\n\r\n _hasScrollbarPlugin () {\r\n return !!window[this._config.plugin]\r\n }\r\n\r\n _getConfig (config) {\r\n let options = this._element.getAttribute('ace-scroll') || this._element.getAttribute('data-ace-scroll') || {}\r\n if (!isNaN(options)) options = { height: parseInt(options) }\r\n else if (options.length > 1) {\r\n try {\r\n options = JSON.parse(options)\r\n } catch (e) {}\r\n }\r\n\r\n config = {\r\n ...Default,\r\n ...typeof config === 'object' && config ? config : {},\r\n ...typeof options === 'object' && options ? options : {}\r\n }\r\n\r\n if (typeof window.bootstrap !== 'undefined') {\r\n window.bootstrap.Util.typeCheckConfig(\r\n NAME,\r\n config,\r\n this.constructor.DefaultType\r\n )\r\n }\r\n\r\n return config\r\n }\r\n\r\n // Static methods\r\n static getInstance (element, config = null) {\r\n if (!element) throw new Error('element for Scrollbar is null')\r\n\r\n const name = `__${NAME}__`\r\n if (typeof element[name] !== 'undefined') return element[name]\r\n\r\n element[name] = new Scrollbar(element, config)\r\n return element[name]\r\n }\r\n\r\n static _jQueryInterface (config) {\r\n return this.each(function () {\r\n const $this = window.jQuery(this)\r\n let data = $this.data(DATA_KEY)\r\n\r\n let options = this.getAttribute('ace-scroll') || this.getAttribute('data-ace-scroll') || {}\r\n if (!isNaN(options)) options = { height: parseInt(options) }\r\n else if (options.length > 1) {\r\n try {\r\n options = JSON.parse(options)\r\n } catch (e) {}\r\n }\r\n\r\n const _config = {\r\n ...Default,\r\n ...$this.data(),\r\n ...typeof config === 'object' && config ? config : {},\r\n ...typeof options === 'object' && options ? options : {}\r\n }\r\n\r\n if (!data) {\r\n data = Scrollbar.getInstance(this, _config)\r\n $this.data(DATA_KEY, data)\r\n }\r\n\r\n if (typeof config === 'string') {\r\n if (typeof data[config] === 'undefined') {\r\n throw new TypeError(`No method named \"${config}\"`)\r\n }\r\n data[config]()\r\n }\r\n })\r\n }\r\n}\r\n\r\n/**\r\n * ------------------------------------------------------------------------\r\n * jQuery\r\n * ------------------------------------------------------------------------\r\n*/\r\nif (typeof window.jQuery !== 'undefined') {\r\n const $ = window.jQuery\r\n\r\n $(window).on(Event.LOAD_DATA_API, () => {\r\n const scrollbars = ([].slice.call(document.querySelectorAll(Selector.ACE_SCROLL))).concat([].slice.call(document.querySelectorAll(Selector.DATA_ACE_SCROLL)))\r\n\r\n for (let i = 0; i < scrollbars.length; i++) {\r\n const $scrollbars = $(scrollbars[i])\r\n Scrollbar._jQueryInterface.call($scrollbars, $scrollbars.data())\r\n }\r\n })\r\n\r\n const JQUERY_NO_CONFLICT = $.fn[NAME]\r\n $.fn[NAME] = Scrollbar._jQueryInterface\r\n $.fn[NAME].Constructor = Scrollbar\r\n $.fn[NAME].noConflict = () => {\r\n $.fn[NAME] = JQUERY_NO_CONFLICT\r\n return Scrollbar._jQueryInterface\r\n }\r\n}\r\n\r\nexport default Scrollbar\r\n","/**\r\n * --------------------------------------------------------------------------\r\n * Ace (v4.0.0): sidebar.js\r\n Handling Sidebar\r\n*/\r\n\r\nimport Util from './util'\r\nimport EventHandler from './event-handler'\r\n\r\n/**\r\n * ------------------------------------------------------------------------\r\n * Constants\r\n * ------------------------------------------------------------------------\r\n */\r\n\r\nconst NAME = 'aceSidebar'\r\nconst VERSION = '4.0.0'\r\nconst DATA_KEY = 'ace.sidebar'\r\nconst EVENT_KEY = `.${DATA_KEY}`\r\nconst DATA_API_KEY = '.data-api'\r\n\r\nconst Event = {\r\n SHOW: `show${EVENT_KEY}`,\r\n HIDE: `hide${EVENT_KEY}`,\r\n COLLAPSE: `collapse${EVENT_KEY}`,\r\n EXPAND: `expand${EVENT_KEY}`,\r\n SHOWN: `shown${EVENT_KEY}`,\r\n HIDDEN: `hidden${EVENT_KEY}`,\r\n COLLAPSED: `collapsed${EVENT_KEY}`,\r\n EXPANDED: `expanded${EVENT_KEY}`,\r\n LOAD_DATA_API: `load${EVENT_KEY}${DATA_API_KEY}`,\r\n CLICK_DATA_API: `click${EVENT_KEY}${DATA_API_KEY}`\r\n}\r\n\r\nconst Selector = {\r\n SIDEBAR: '.sidebar',\r\n DATA_TOGGLE: '[data-toggle=\"sidebar\"]',\r\n DATA_TOGGLE_MOBILE: '[data-toggle-mobile=\"sidebar\"]'\r\n}\r\n\r\nconst DefaultType = {\r\n swipe: 'boolean',\r\n dismiss: 'boolean',\r\n backdrop: 'boolean',\r\n\r\n gotoactive: 'boolean',\r\n subscroll: 'boolean',\r\n subtoggle: 'boolean',\r\n\r\n pullup: 'boolean'\r\n}\r\n\r\nconst Default = {\r\n swipe: false,\r\n dismiss: false,\r\n backdrop: false,\r\n\r\n gotoactive: false,\r\n subscroll: true,\r\n subtoggle: true,\r\n\r\n pullup: false\r\n}\r\n\r\nconst ClassName = {\r\n DESKTOP_HIDE: 'collapsed',\r\n MOBILE_SHOW: 'sidebar-visible',\r\n COLLAPSED:\t'collapsed',\r\n\r\n TOGGLING: 'toggling',\r\n\r\n INNER_HOVER: 'is-hover',\r\n\r\n BACKDROP: 'sidebar-backdrop',\r\n\r\n HORIZONTAL: 'sidebar-h'\r\n}\r\n\r\n/**\r\n * ------------------------------------------------------------------------\r\n * Class Definition\r\n * ------------------------------------------------------------------------\r\n */\r\n\r\nclass Sidebar {\r\n constructor (element, config) {\r\n this._config = this._getConfig(config)\r\n\r\n this._hasTransitionEvent = false\r\n this._hasTransitionEventMobile = false\r\n this._isTransitioning = false\r\n this._isTransitioningMobile = false\r\n\r\n this._sidebar = element\r\n\r\n Util.reflow(this._sidebar) // force reflow, so that if we instantly call 'collapse' or 'expand', transition effect takes place\r\n this._sidebar.classList.add('sidebar')\r\n this._inner = this._sidebar.querySelector('.sidebar-inner')\r\n this._scroller = this._sidebar.querySelector('[class*=\"ace-scroll\"]')\r\n\r\n this._isSubOpening = false\r\n if (this._sidebar.querySelector('.submenu.show') !== null) this._sidebar.classList.add('has-open')\r\n\r\n this._pullupEnabled = false\r\n this._pullupCallback = null\r\n\r\n this._triggerArray = [].slice.call(document.querySelectorAll(\r\n `[data-toggle=\"sidebar\"][href=\"#${element.id}\"],` +\r\n `[data-toggle=\"sidebar\"][data-target=\"#${element.id}\"]`\r\n ))\r\n this._triggerArrayMobile = [].slice.call(document.querySelectorAll(\r\n `[data-toggle-mobile=\"sidebar\"][href=\"#${element.id}\"],` +\r\n `[data-toggle-mobile=\"sidebar\"][data-target=\"#${element.id}\"]`\r\n ))\r\n\r\n this._horizontal = this._sidebar.classList.contains(ClassName.HORIZONTAL)\r\n this._desktopCollapsedClass = this._triggerArray.length > 0 ? (this._triggerArray[0].getAttribute('data-toggle-class') || ClassName.DESKTOP_HIDE) : ClassName.DESKTOP_HIDE\r\n\r\n //\r\n this._collapsed = this._sidebar.classList.contains(this._desktopCollapsedClass)\r\n this._hidden = !this._sidebar.classList.contains(ClassName.MOBILE_SHOW)\r\n\r\n EventHandler.on(this._inner, 'focus', 'input', (e) => {\r\n if (!this._collapsed) return\r\n this._inner.classList.add('has-focus')\r\n EventHandler.one(e.delegateTarget, 'blur', () => {\r\n this._inner.classList.remove('has-focus')\r\n })\r\n })\r\n //\r\n\r\n this._handleTriggerEvents()\r\n\r\n if (this._config.subtoggle) this.enableSubmenuToggle()\r\n\r\n if (this._config.pullup) this.enableSubmenuPullup()\r\n if (this._config.gotoactive) this.scrollToActive()\r\n if (this._config.backdrop) {\r\n this._sidebar.classList.add(ClassName.BACKDROP)\r\n } else if (this._sidebar.classList.contains(ClassName.BACKDROP)) {\r\n this._config.backdrop = true\r\n }\r\n\r\n if (!this._horizontal && this._collapsed) {\r\n this._addTransitionEvent()\r\n }\r\n }\r\n\r\n // Getters\r\n static get VERSION () {\r\n return VERSION\r\n }\r\n\r\n static get Default () {\r\n return Default\r\n }\r\n\r\n static get DefaultType () {\r\n return DefaultType\r\n }\r\n\r\n _handleTriggerEvents () {\r\n this._triggerArray.forEach((el) => {\r\n el.addEventListener('click', () => this.toggle(el))\r\n })\r\n\r\n this._triggerArrayMobile.forEach((el) => {\r\n el.addEventListener('click', () => this.toggleMobile(el))\r\n })\r\n }\r\n\r\n toggle (btn = null) {\r\n if (this._sidebar.classList.contains(this._desktopCollapsedClass)) {\r\n this.expand(btn)\r\n } else {\r\n this.collapse(btn)\r\n }\r\n }\r\n\r\n toggleMobile (btn = null) {\r\n if (!this._sidebar.classList.contains(ClassName.MOBILE_SHOW)) {\r\n this.show(btn)\r\n } else {\r\n this.hide(btn)\r\n }\r\n }\r\n\r\n /// ////\r\n\r\n expand (btn = null) {\r\n if (!this._hasTransitionEvent) this._addTransitionEvent()\r\n if (this._isTransitioning || !this._collapsed) return\r\n\r\n const ev = EventHandler.trigger(this._sidebar, Event.EXPAND)\r\n if (ev.defaultPrevented) return\r\n\r\n this._isTransitioning = true\r\n this._collapsed = false\r\n\r\n this._sidebar.classList.add(ClassName.TOGGLING)\r\n this._sidebar.classList.remove(this._desktopCollapsedClass)\r\n\r\n this._updateTriggerBtns(this._triggerArray, true)\r\n\r\n /**\r\n * If no transition or horizontal or in mobile view (width == 0)\r\n */\r\n if (Util.isReducedMotion() || this._sidebar.classList.contains('no-transition') || this._horizontal || this._sidebar.offsetWidth === 0) this._toggleCompleted()// call completion now\r\n\r\n //\r\n if (this._pullupEnabled) this._resetPullUp()\r\n }\r\n\r\n collapse (btn = null) {\r\n if (!this._hasTransitionEvent) this._addTransitionEvent()\r\n if (this._isTransitioning || this._collapsed) return\r\n\r\n const ev = EventHandler.trigger(this._sidebar, Event.COLLAPSE)\r\n if (ev.defaultPrevented) return\r\n\r\n this._isTransitioning = true\r\n this._collapsed = true\r\n\r\n this._sidebar.classList.add(ClassName.TOGGLING)\r\n this._sidebar.classList.add(this._desktopCollapsedClass)\r\n\r\n this._updateTriggerBtns(this._triggerArray, false)\r\n\r\n /**\r\n * If no transition or horizontal or in mobile view (width == 0)\r\n */\r\n if (Util.isReducedMotion() || this._sidebar.classList.contains('no-transition') || this._horizontal || this._sidebar.offsetWidth === 0) this._toggleCompleted()// call completion now\r\n\r\n //\r\n if (this._pullupEnabled) this._resetPullUp()\r\n\r\n // if the triggering button is inside sidebar and we want it to remain expanded (.let-expanded), add .is-hover class as well\r\n if (btn !== null && this._sidebar.classList.contains('expandable') && this._sidebar.classList.contains('let-expanded') && this._inner.contains(btn)) {\r\n this._inner.classList.add(ClassName.INNER_HOVER)\r\n }\r\n }\r\n\r\n isCollapsed () {\r\n return this._collapsed\r\n }\r\n\r\n show (btn = null) {\r\n if (!this._hasTransitionEventMobile) this._addTransitionEventMobile()\r\n if (this._isTransitioningMobile || !this._hidden) return\r\n\r\n const ev = EventHandler.trigger(this._sidebar, Event.SHOW)\r\n if (ev.defaultPrevented) return\r\n\r\n this._isTransitioningMobile = true\r\n this._hidden = false\r\n\r\n this._sidebar.classList.add(ClassName.MOBILE_SHOW)\r\n this._updateTriggerBtns(this._triggerArrayMobile, true)\r\n\r\n // hide sidebar if clicked outside of it\r\n if (this._config.dismiss) {\r\n this._triggerArrayMobile.forEach((el) => { el.style.pointerEvents = 'none' }) // disable this button, because if we click on it, it will hide and then instantly show the sidebar again\r\n\r\n EventHandler.on(document, 'mouseup.sidebar-dismiss', (e) => {\r\n if (!this._inner.contains(e.target)) { // if clicked outside sidebar\r\n this.hide()\r\n }\r\n })\r\n }\r\n\r\n if (this._config.swipe) this.enableSwipeHide()\r\n\r\n if (Util.isReducedMotion()) this._toggleMobileCompleted()// call completion now\r\n\r\n // in some webkit mobile browsers, sidebar scrolling works but scrollbars are not visible, unless something like this forces it to become visible\r\n if (this._scroller && !this._scroller.classList.contains('overflow-hidden')) {\r\n this._scroller.classList.add('overflow-hidden')\r\n Util.reflow(this._scroller)// force redraw\r\n this._scroller.classList.remove('overflow-hidden')\r\n }\r\n\r\n // hide body scrollbars\r\n // if sidebar is fixed and has backdrop or is .sidebar-push\r\n const scrollbarInfo = Util.getScrollbarInfo()\r\n if (scrollbarInfo.width === 0 && this._sidebar.classList.contains('sidebar-fixed') && (this._config.backdrop || this._sidebar.classList.contains('sidebar-push'))) {\r\n document.body.classList.add('mob-sidebar-body')\r\n }\r\n }\r\n\r\n hide (btn = null) {\r\n if (!this._hasTransitionEventMobile) this._addTransitionEventMobile()\r\n if (this._isTransitioningMobile || this._hidden) return\r\n\r\n const ev = EventHandler.trigger(this._sidebar, Event.HIDE)\r\n if (ev.defaultPrevented) return\r\n\r\n this._isTransitioningMobile = true\r\n this._hidden = true\r\n\r\n this._sidebar.classList.remove(ClassName.MOBILE_SHOW)\r\n this._updateTriggerBtns(this._triggerArrayMobile, false)\r\n\r\n if (this._config.dismiss) {\r\n this._triggerArrayMobile.forEach((el) => { el.style.pointerEvents = '' })\r\n EventHandler.off(document, '.sidebar-dismiss')\r\n }\r\n if (this._config.swipe) {\r\n EventHandler.off(document, '.sidebar-swipe')\r\n }\r\n\r\n if (Util.isReducedMotion()) this._toggleMobileCompleted()// call completion now\r\n }\r\n\r\n isHidden () {\r\n return this._hidden\r\n }\r\n\r\n _updateTriggerBtns (btns, expanded = false) {\r\n for (let i = 0, len = btns.length; i < len; i++) {\r\n if (expanded) btns[i].classList.remove(ClassName.COLLAPSED)\r\n else btns[i].classList.add(ClassName.COLLAPSED)\r\n\r\n btns[i].setAttribute('aria-expanded', expanded)\r\n }\r\n }\r\n\r\n _toggleCompleted () {\r\n this._isTransitioning = false\r\n this._sidebar.classList.remove(ClassName.TOGGLING)\r\n\r\n const expanded = !this._sidebar.classList.contains(this._desktopCollapsedClass)\r\n if (expanded) {\r\n this._inner.classList.remove(ClassName.INNER_HOVER)\r\n EventHandler.trigger(this._sidebar, Event.EXPANDED)\r\n } else {\r\n EventHandler.trigger(this._sidebar, Event.COLLAPSED)\r\n }\r\n }\r\n\r\n _toggleMobileCompleted () {\r\n this._isTransitioningMobile = false\r\n const shown = this._sidebar.classList.contains(ClassName.MOBILE_SHOW)\r\n if (shown) EventHandler.trigger(this._sidebar, Event.SHOWN)\r\n else {\r\n document.body.classList.remove('mob-sidebar-body')\r\n if (this._config.swipe) {\r\n document.body.classList.remove('mob-sidebarswipe-body')\r\n }\r\n\r\n EventHandler.trigger(this._sidebar, Event.HIDDEN)\r\n }\r\n }\r\n\r\n _addTransitionEvent () {\r\n if (this._hasTransitionEvent) return\r\n this._hasTransitionEvent = true\r\n let counter = 0\r\n\r\n this._sidebar.addEventListener('transitionend', (e) => {\r\n if (e.target !== this._sidebar) return// make sure its not the children triggerring the event!\r\n\r\n this._toggleCompleted()\r\n\r\n counter = 0\r\n })\r\n\r\n // add 'is-hover' class to '.sidebar-inner' when it becomes expanded (i.e. when mouse hovers it)\r\n this._inner.addEventListener('transitionstart', (e) => {\r\n // skip on mobile (in which propertyName is `transform`)\r\n if (e.target !== this._inner || this._isTransitioning || e.propertyName !== 'width') return\r\n\r\n counter++\r\n if (counter === 1) this._inner.classList.add(ClassName.INNER_HOVER)\r\n })\r\n\r\n this._inner.addEventListener('transitionend', (e) => {\r\n // skip `transitionend` on mobile (in which propertyName is `transform`)\r\n if (e.target !== this._inner || e.propertyName !== 'width') return\r\n\r\n if (this._inner.clientWidth < 140) {\r\n // just to make sure we remove the extra class name when not needed\r\n this._inner.classList.remove(ClassName.INNER_HOVER)\r\n counter = 0\r\n // blur input element\r\n if (document.activeElement.tagName === 'INPUT' && this._inner.contains(document.activeElement)) document.activeElement.blur()\r\n }\r\n })\r\n }\r\n\r\n _addTransitionEventMobile () {\r\n if (this._hasTransitionEventMobile) return\r\n this._hasTransitionEventMobile = true\r\n\r\n this._inner.addEventListener('transitionstart', (e) => {\r\n if (e.target !== this._inner || e.propertyName !== 'transform') return\r\n\r\n this._toggleMobileCompleted()\r\n })\r\n }\r\n\r\n // swipe to hide sidebar\r\n enableSwipeHide () {\r\n let x1 = 0\r\n let y1 = 0\r\n let swipeDir = 0\r\n\r\n let isRTL = false\r\n let lastX = 0\r\n\r\n let pushContent = false\r\n let sidebarWidth = 0\r\n\r\n const touchMoveCallback = (ev) => {\r\n const touches = ev.changedTouches[0] || null\r\n if (!touches) return\r\n\r\n const newX = touches.pageX\r\n const newY = touches.pageY\r\n lastX = newX\r\n\r\n if (swipeDir === 0) {\r\n const diffY = Math.abs(y1 - newY)\r\n const diffX = Math.abs(x1 - newX)\r\n\r\n if (diffY > diffX) {\r\n swipeDir = 2// vertical i.e. scroll\r\n if (this._scroller) this._scroller.classList.remove('overflow-hidden')\r\n document.body.classList.remove('mob-sidebarswipe-body')\r\n\r\n EventHandler.off(document, 'touchmove.sidebar-swipe')\r\n } else if (diffX > 10) {\r\n swipeDir = 1// horizontal swipe\r\n this._inner.setAttribute('style', 'transition: none !important; touch-action: none;')\r\n if (this._scroller) this._scroller.classList.add('overflow-hidden')\r\n document.body.classList.add('mob-sidebarswipe-body')\r\n }\r\n }\r\n if (swipeDir !== 1) return\r\n\r\n const moveX = parseInt(x1 - newX)\r\n if ((!isRTL && moveX > 0) || (isRTL && moveX < 0)) { // move it outside of view\r\n this._inner.style.transform = 'translateX(' + (-1 * moveX) + 'px)'\r\n if (pushContent) this._sidebar.style.width = (sidebarWidth - (moveX > 0 ? moveX : -1 * moveX)) + 'px'\r\n } else {\r\n this._inner.style.transform = ''\r\n if (pushContent) this._sidebar.style.width = ''\r\n }\r\n }\r\n\r\n let t1 = 0\r\n EventHandler.on(document, 'touchstart.sidebar-swipe', (e) => {\r\n const touches = e.changedTouches[0] || null\r\n if (!touches) return\r\n\r\n x1 = touches.pageX\r\n y1 = touches.pageY\r\n\r\n t1 = Date.now()\r\n isRTL = Util.isRTL()\r\n\r\n pushContent = this._sidebar.classList.contains('sidebar-push')\r\n if (pushContent) {\r\n sidebarWidth = this._sidebar.clientWidth\r\n this._sidebar.style.minWidth = 'auto'\r\n this._sidebar.style.transition = 'none'\r\n }\r\n\r\n EventHandler.on(document, 'touchmove.sidebar-swipe', (e) => {\r\n touchMoveCallback(e)\r\n })\r\n })\r\n\r\n const touchEndHandler = (e) => {\r\n const touches = e.changedTouches[0] || null\r\n // if (!touches) return // in case we're coming from a `dismiss` mouseup event\r\n\r\n this._inner.setAttribute('style', '')\r\n if (pushContent) {\r\n this._sidebar.style.width = ''\r\n this._sidebar.style.minWidth = ''\r\n this._sidebar.style.transition = ''\r\n }\r\n\r\n const x2 = touches !== null ? touches.pageX : lastX\r\n const t2 = Date.now()\r\n\r\n if (swipeDir === 1 &&\r\n ( // dismiss if moved by more than 100px or moved more than 40px in a short time (less than 300ms)\r\n (!isRTL && (x1 - x2 > 100 || (x1 - x2 > 40 && t2 - t1 < 300))) || (isRTL && (x1 - x2 < -100 || (x1 - x2 < -40 && t2 - t1 < 300)))\r\n )\r\n ) { // if moved more than 100px or 40px in less than 300ms\r\n this.hide()\r\n } else {\r\n // remove '.mob-sidebarswipe-body' to bring back body scrollbars if sidebar isn't swiped to hide\r\n // but we probably won't have body scrollbars because of `.mob-sidebar-body`\r\n document.body.classList.remove('mob-sidebarswipe-body')\r\n }\r\n\r\n // bring back sidebar scrollbars\r\n if (this._scroller) this._scroller.classList.remove('overflow-hidden')\r\n\r\n swipeDir = 0\r\n }\r\n\r\n EventHandler.on(document, 'touchend.sidebar-swipe', touchEndHandler)\r\n EventHandler.on(document, 'touchcancel.sidebar-swipe', touchEndHandler)\r\n }\r\n\r\n enableSubmenuToggle () {\r\n this._isSubOpening = false\r\n const _jQueryBS = typeof jQuery !== 'undefined' && typeof bootstrap !== 'undefined'\r\n\r\n EventHandler.on(this._sidebar, 'click', '.dropdown-toggle', (ev) => {\r\n ev.preventDefault()\r\n if (this._isSubOpening) return\r\n\r\n const navItem = Util.closest(ev.delegateTarget, '.nav-item')// get the parent LI.nav-item\r\n const subMenu = navItem.querySelector('* > .submenu')// get the direct submenu (not the children)\r\n const navLink = navItem.querySelector('* > .nav-link')// get the parent LI.nav-item\r\n\r\n if (!subMenu || !navLink) return\r\n\r\n if ((this._collapsed && this._sidebar.classList.contains('hoverable')) || this._sidebar.classList.contains('sidebar-hover')) {\r\n // don't toggle submenu if submenu is supposed to be displayed as popup (this includes horizontal sidebar when it's `.sidebar-hover`)\r\n if (window.getComputedStyle(subMenu).position === 'absolute') return\r\n }\r\n\r\n if (subMenu.classList.contains('collapsing')) return// don't toggle in the middle of toggling\r\n\r\n // hide sibling submenus\r\n navItem.classList.add('is-toggling')\r\n navItem.parentNode.querySelectorAll('* > .nav-item.open').forEach((_item) => {\r\n if (_item === navItem) return\r\n _item.classList.add('is-toggling')\r\n\r\n _item.classList.remove('open')\r\n\r\n const sub = _item.querySelector('* > .submenu.show')\r\n if (sub) {\r\n if (_jQueryBS) window.jQuery(sub).collapse('hide')\r\n else sub.classList.remove('show')\r\n }\r\n })\r\n\r\n // toggle submenu\r\n if (navItem.classList.contains('open')) {\r\n navItem.classList.remove('open')\r\n navLink.classList.add('collapsed')\r\n\r\n this._sidebar.classList.remove('has-open')\r\n\r\n if (_jQueryBS) window.jQuery(subMenu).collapse('hide')\r\n else subMenu.classList.remove('show')\r\n } else {\r\n this._isSubOpening = true\r\n\r\n navItem.classList.add('open')\r\n navLink.classList.remove('collapsed')\r\n\r\n this._sidebar.classList.add('has-open')\r\n\r\n if (_jQueryBS) window.jQuery(subMenu).collapse('show')\r\n else subMenu.classList.add('show')\r\n }\r\n\r\n if (_jQueryBS) {\r\n if (!subMenu.getAttribute('data-sub-event')) {\r\n subMenu\r\n .setAttribute('data-sub-event', 'true')\r\n\r\n window.jQuery(subMenu).on('shown.bs.collapse.is-toggling hidden.bs.collapse.is-toggling', () => {\r\n this._submenuIsToggled()\r\n })\r\n }\r\n } else {\r\n this._submenuIsToggled()\r\n }\r\n\r\n if (navItem && navItem.classList.contains('open')) this._submenuScroll(subMenu)\r\n })\r\n }\r\n\r\n _submenuIsToggled () {\r\n this._isSubOpening = false\r\n\r\n this._sidebar.querySelectorAll('.is-toggling').forEach((el) => {\r\n el.classList.remove('is-toggling')\r\n })\r\n\r\n // firefox continues to disable scroll chaining when sidebar is not scrollable anymore, so a little fix around here\r\n if ('MozAppearance' in document.documentElement.style) {\r\n if (this._scroller === null) return\r\n if (this._scroller.scrollHeight <= this._scroller.clientHeight) {\r\n this._scroller.style.overscrollBehavior = 'auto'\r\n } else this._scroller.style.overscrollBehavior = ''\r\n }\r\n }\r\n\r\n // scroll submenu into view (only on modern browsers)\r\n _submenuScroll (subMenu, delay = 150) {\r\n if (subMenu && !Util.isReducedMotion() && 'scrollBehavior' in document.documentElement.style && this._config.subscroll && this._sidebar.classList.contains('sidebar-fixed')) {\r\n if (this._sidebar.classList.contains(ClassName.HORIZONTAL)) {\r\n if (window.getComputedStyle(subMenu).position === 'absolute') return // no scroll for desktop horizontal menu (when it's not `.sidebar-hover`)\r\n }\r\n\r\n setTimeout(() => {\r\n subMenu.scrollIntoView({\r\n behavior: 'smooth',\r\n block: 'nearest'\r\n })\r\n }, delay)\r\n }\r\n }\r\n\r\n enableSubmenuPullup () {\r\n if (this._pullupEnabled) return\r\n this._pullupEnabled = true\r\n\r\n const marginProp = 'margin-' + (!Util.isRTL() ? 'left' : 'right')\r\n\r\n if (this._pullupCallback === null) {\r\n this._pullupCallback = (ev) => {\r\n if (ev.target !== ev.delegateTarget || ev.propertyName !== marginProp || !(this._collapsed || this._sidebar.classList.contains('sidebar-hover'))) return\r\n\r\n const subMenu = ev.target\r\n const navItem = subMenu.parentNode\r\n\r\n const navText = navItem.querySelector('* > .nav-link > .nav-text.fadeable')// only first level nav-text items\r\n\r\n if (navItem) navItem.classList.remove('submenu-pullup')\r\n subMenu.style.transform = ''\r\n if (navText) navText.style.transform = ''\r\n\r\n /// ///////////////////////\r\n\r\n const rect = subMenu.getBoundingClientRect()\r\n const wh = window.innerHeight\r\n\r\n let diff = parseInt(rect.bottom - wh)\r\n\r\n if (diff > 0) { // if submenu bottom is below window area\r\n // check to see if submenu top will go out of window if we move it up by \"diff\" pixels\r\n // also consider that the first level item's .nav-text shouldn't go out of window's top\r\n const navTextHeight = navText ? navText.clientHeight : 0\r\n let navbarHeight = document.querySelector('.navbar')\r\n navbarHeight = navbarHeight ? navbarHeight.clientHeight : 0\r\n\r\n const diff2 = rect.top - navTextHeight - diff - navbarHeight// don't go above navbar\r\n if (diff2 < 0) diff = diff + diff2\r\n\r\n diff = parseInt(diff) + 1// so that submenu's border is visible\r\n if (this._collapsed) {\r\n if (navTextHeight && diff > navTextHeight / 2 && navItem) navItem.classList.add('submenu-pullup')// this class makes the .sub-arrow's color white, to match submenu color\r\n } else {\r\n if (navItem) navItem.classList.add('submenu-pullup')\r\n }\r\n\r\n subMenu.style.transform = `translateY(-${diff}px)`\r\n if (this._collapsed && navText) {\r\n navText.style.transform = `translateY(-${diff}px)`\r\n }\r\n }\r\n }\r\n }\r\n\r\n EventHandler.on(this._sidebar, 'transitionstart', '.submenu', this._pullupCallback)\r\n }\r\n\r\n disableSubmenuPullup () {\r\n this._pullupEnabled = false\r\n if (this._pullupCallback) EventHandler.off(this._sidebar, 'transitionstart', '.submenu', this._pullupCallback)\r\n this._resetPullUp()\r\n }\r\n\r\n _resetPullUp () {\r\n this._sidebar.querySelectorAll('.submenu-pullup').forEach((_item) => {\r\n _item.classList.remove('submenu-pullup')\r\n _item.querySelectorAll('.nav-text, .submenu').forEach((el) => {\r\n el.style.transform = ''\r\n })\r\n })\r\n }\r\n\r\n // scroll active item into view\r\n scrollToActive () {\r\n if (!this._sidebar.classList.contains('sidebar-fixed') || this._scroller === null) return\r\n\r\n const active = this._sidebar.querySelector('.nav-item.active:not(.open) > .nav-link')\r\n try {\r\n active.scrollIntoView({ behavior: 'auto', block: 'end' })// or block: \"center\"?\r\n this._scroller.scrollTop = this._scroller.scrollTop + 30\r\n } catch (e) {}\r\n }\r\n\r\n //\r\n _getConfig (config) {\r\n config = {\r\n ...Default,\r\n ...typeof config === 'object' && config ? config : {}\r\n }\r\n\r\n if (typeof window.bootstrap !== 'undefined') {\r\n window.bootstrap.Util.typeCheckConfig(\r\n NAME,\r\n config,\r\n this.constructor.DefaultType\r\n )\r\n }\r\n\r\n return config\r\n }\r\n\r\n // Static methods\r\n static getInstance (element, config = null) {\r\n if (!element) throw new Error('element for Sidebar is null')\r\n\r\n const name = `__${NAME}__`\r\n if (typeof element[name] !== 'undefined') return element[name]\r\n\r\n element[name] = new Sidebar(element, config)\r\n return element[name]\r\n }\r\n\r\n static _jQueryInterface (config) {\r\n return this.each(function () {\r\n const $this = window.jQuery(this)\r\n let data = $this.data(DATA_KEY)\r\n\r\n const _config = {\r\n ...Default,\r\n ...$this.data(),\r\n ...typeof config === 'object' && config ? config : {}\r\n }\r\n\r\n if (!data) {\r\n data = Sidebar.getInstance(this, _config)\r\n $this.data(DATA_KEY, data)\r\n }\r\n\r\n if (typeof config === 'string') {\r\n if (typeof data[config] === 'undefined') {\r\n throw new TypeError(`No method named \"${config}\"`)\r\n }\r\n data[config]()\r\n }\r\n })\r\n }\r\n}\r\n\r\n/**\r\n * ------------------------------------------------------------------------\r\n * jQuery\r\n * ------------------------------------------------------------------------\r\n*/\r\n\r\nif (typeof window.jQuery !== 'undefined') {\r\n const $ = window.jQuery\r\n $(window).on(Event.LOAD_DATA_API, () => {\r\n const sidebars = [].slice.call(document.querySelectorAll(Selector.SIDEBAR))\r\n\r\n for (let i = 0; i < sidebars.length; i++) {\r\n const $sidebar = $(sidebars[i])\r\n Sidebar._jQueryInterface.call($sidebar, $sidebar.data())\r\n }\r\n })\r\n\r\n const JQUERY_NO_CONFLICT = $.fn[NAME]\r\n $.fn[NAME] = Sidebar._jQueryInterface\r\n $.fn[NAME].Constructor = Sidebar\r\n $.fn[NAME].noConflict = () => {\r\n $.fn[NAME] = JQUERY_NO_CONFLICT\r\n return Sidebar._jQueryInterface\r\n }\r\n}\r\n\r\nexport default Sidebar\r\n","/**\r\n * --------------------------------------------------------------------------\r\n * Ace (v4.0.0): aside.js\r\n Aside element based on Bootstrap's modal\r\n*/\r\n\r\nimport Util from './util'\r\nimport EventHandler from './event-handler'\r\n\r\n/**\r\n * ------------------------------------------------------------------------\r\n * Constants\r\n * ------------------------------------------------------------------------\r\n */\r\n\r\nconst NAME = 'aceAside'\r\nconst VERSION = '4.0.0'\r\nconst DATA_KEY = 'ace.aside'\r\nconst EVENT_KEY = `.${DATA_KEY}`\r\n\r\nconst Event = {\r\n SHOW: `show${EVENT_KEY}`,\r\n HIDE: `hide${EVENT_KEY}`\r\n}\r\n\r\nconst DefaultType = {\r\n placement: 'string',\r\n // margin: 'number',\r\n\r\n fade: 'boolean',\r\n\r\n autohide: '(boolean|number)',\r\n dismiss: 'boolean',\r\n\r\n blocking: 'boolean',\r\n backdrop: '(boolean|string)',\r\n\r\n container: 'boolean',\r\n belowNav: 'boolean',\r\n aboveNav: 'boolean',\r\n\r\n width: '(boolean|number)',\r\n height: '(boolean|number)',\r\n\r\n scroll: '(boolean|string)'\r\n}\r\n\r\nconst Default = {\r\n placement: 'center',\r\n // margin: 0,\r\n\r\n fade: false,\r\n\r\n autohide: false,\r\n dismiss: false,\r\n\r\n blocking: false,\r\n backdrop: false,\r\n\r\n container: false,\r\n belowNav: false,\r\n aboveNav: false,\r\n\r\n width: false,\r\n height: false,\r\n\r\n scroll: 'body'\r\n}\r\n\r\n/**\r\n * ------------------------------------------------------------------------\r\n * Class Definition\r\n * ------------------------------------------------------------------------\r\n */\r\n\r\nclass Aside {\r\n constructor (element, config) {\r\n this._config = this._getConfig(config)\r\n this.element = element\r\n\r\n this._jQueryBS = typeof window.jQuery !== 'undefined' && typeof window.jQuery.fn.modal !== 'undefined'\r\n\r\n this._init(this._config)\r\n }\r\n\r\n static get VERSION () {\r\n return VERSION\r\n }\r\n\r\n static get DefaultType () {\r\n return DefaultType\r\n }\r\n\r\n static get Default () {\r\n return Default\r\n }\r\n\r\n _init (config) {\r\n const $ = this._jQueryBS ? window.jQuery : null\r\n\r\n this._setPlacement(config.placement)\r\n\r\n this.element.classList.add('ace-aside')\r\n\r\n if (!config.blocking) {\r\n this.element.classList.add('modal-nb')\r\n this.element.setAttribute('data-backdrop', 'false')\r\n if ($) {\r\n $(this.element).data('backdrop', false)\r\n }\r\n } else {\r\n if (config.backdrop) {\r\n this.element.setAttribute('data-backdrop-bg', config.backdrop)\r\n }\r\n this.element.setAttribute('data-backdrop', 'true')\r\n if ($) {\r\n $(this.element).data('backdrop', true)\r\n }\r\n }\r\n\r\n if (config.dismiss) this.element.classList.add('modal-dismiss')\r\n\r\n if (config.fade) {\r\n this.element.classList.add('aside-fade')\r\n this.element.classList.add('fade')\r\n }\r\n\r\n if (config.belowNav) this.element.classList.add('aside-below-nav')\r\n if (config.aboveNav) this.element.classList.add('aside-above-nav')\r\n\r\n if (config.extraClass) this.element.className += ` ${config.extraClass}`\r\n\r\n if (config.container) {\r\n this.element.classList.add('container')\r\n const bdc = document.querySelector('.body-container')\r\n if (bdc !== null && bdc.classList.contains('container-plus')) {\r\n this.element.classList.add('container-plus')\r\n }\r\n }\r\n\r\n if (config.width) {\r\n const dialog = this.element.querySelector('.modal-dialog')\r\n if (dialog) {\r\n dialog.style.width = isNaN(config.width) ? config.width : this._config.width + 'px'\r\n }\r\n }\r\n\r\n if (config.height) {\r\n const dialog = this.element.querySelector('.modal-dialog')\r\n if (dialog) {\r\n dialog.style.height = isNaN(config.height) ? config.height : this._config.height + 'px'\r\n }\r\n }\r\n\r\n // if (/^(content|body)$/.test(config.scroll)) {\r\n // let content = this.element.querySelector('.modal-content')\r\n // if (content) content.classList.add('scroll-' + config.scroll)\r\n // }\r\n\r\n if (!$) return\r\n\r\n $(this.element).off('shown.bs.modal.autohide')\r\n if (config.autohide) {\r\n $(this.element).on('shown.bs.modal.autohide', () => {\r\n setTimeout(() => {\r\n this.hide()\r\n }, config.autohide)\r\n })\r\n }\r\n }\r\n\r\n _setPlacement (placement = 'center') {\r\n const placementMap = {\r\n t: 'aside-top',\r\n top: 'aside-top',\r\n tc: 'aside-top aside-c',\r\n tr: 'aside-top aside-r',\r\n tl: 'aside-top aside-l',\r\n\r\n b: 'aside-bottom',\r\n bottom: 'aside-bottom',\r\n bc: 'aside-bottom aside-c',\r\n br: 'aside-bottom aside-r',\r\n bl: 'aside-bottom aside-l',\r\n\r\n r: 'aside-right',\r\n right: 'aside-right',\r\n rc: 'aside-right aside-m',\r\n\r\n l: 'aside-left',\r\n left: 'aside-left',\r\n lc: 'aside-left aside-m',\r\n\r\n c: 'aside-center',\r\n center: 'aside-center'\r\n }\r\n\r\n placement = placement || 'c'\r\n const className = placementMap[placement] || 'aside-center'\r\n if (placement === 'c' || placement === 'center') {\r\n this._config.fade = true\r\n this.element.classList.remove('container')\r\n }\r\n\r\n this.element.className = this.element.className + ' ' + className\r\n }\r\n\r\n // Public methods\r\n show () {\r\n const event = EventHandler.trigger(this.element, Event.SHOW)\r\n if (event.defaultPrevented) {\r\n return\r\n }\r\n\r\n if (this._jQueryBS) {\r\n window.jQuery(this.element).modal('show')\r\n }\r\n }\r\n\r\n hide () {\r\n const event = EventHandler.trigger(this.element, Event.HIDE)\r\n if (event.defaultPrevented) {\r\n return\r\n }\r\n\r\n if (this._jQueryBS) {\r\n window.jQuery(this.element).modal('hide')\r\n }\r\n }\r\n\r\n // Private methods\r\n _getConfig (config) {\r\n config = {\r\n ...Default,\r\n ...typeof config === 'object' && config ? config : {}\r\n }\r\n\r\n if (this._jQueryBS) {\r\n window.bootstrap.Util.typeCheckConfig(\r\n NAME,\r\n config,\r\n this.constructor.DefaultType\r\n )\r\n }\r\n\r\n return config\r\n }\r\n\r\n // Static methods\r\n static getInstance (element, config = null) {\r\n if (!element) throw new Error('element for Aside is null')\r\n\r\n const name = `__${NAME}__`\r\n if (typeof element[name] !== 'undefined') return element[name]\r\n\r\n element[name] = new Aside(element, config)\r\n return element[name]\r\n }\r\n\r\n static _jQueryInterface (config) {\r\n return this.each(function () {\r\n const $this = window.jQuery(this)\r\n let data = $this.data(DATA_KEY)\r\n\r\n const _config = {\r\n ...Default,\r\n ...$this.data(),\r\n ...typeof config === 'object' && config ? config : {}\r\n }\r\n\r\n if (!data) {\r\n data = Aside.getInstance(this, _config)\r\n $this.data(DATA_KEY, data)\r\n }\r\n\r\n if (typeof config === 'string') {\r\n if (typeof data[config] === 'undefined') {\r\n throw new TypeError(`No method named \"${config}\"`)\r\n }\r\n data[config]()\r\n }\r\n })\r\n }\r\n\r\n /// ///////////////////////\r\n /// ///////////////////////\r\n /// ///////////////////////////\r\n static _HandleAside () {\r\n const _jQueryBS = typeof window.jQuery !== 'undefined' && typeof window.jQuery.fn.modal !== 'undefined'\r\n if (!_jQueryBS) return\r\n const $ = window.jQuery\r\n\r\n const visibleModalSelector = '.modal.show:not(.modal-nb)'\r\n\r\n document.querySelectorAll('.ace-aside.modal-nb').forEach((el) => el.setAttribute('data-backdrop', 'false'))\r\n\r\n $('.ace-aside.modal-nb').data('backdrop', false)\r\n\r\n const onBeforeShow = (modal) => {\r\n if (modal.classList.contains('modal-nb')) {\r\n if (document.querySelector(visibleModalSelector) === null) { // if there are no normal modals open\r\n document.body.classList.add('modal-nb')// disable .modal-open effects for .modal-nb\r\n }\r\n } else {\r\n if (!modal.classList.contains('ace-aside')) {\r\n // check to see if we will have modal scrollbars\r\n modal.style.display = 'block'\r\n if (modal.scrollHeight > modal.clientHeight) document.body.classList.add('modal-scroll')\r\n const scrollbars = Util.getScrollbarInfo()\r\n if (scrollbars.width === 0) document.body.classList.add('scrollbar-w0')\r\n modal.style.display = ''\r\n }\r\n\r\n // set modal padding value (equal to scrollbar width)\r\n document.body.style.setProperty('--modal-padding', (window.innerWidth - document.body.scrollWidth) + 'px')\r\n\r\n const isModalOff = modal.className.match(/modal-off(?:(?:-([a-z]+))|\\s|$)/i)\r\n\r\n const backdropBg = modal.getAttribute('data-backdrop-bg')\r\n if (backdropBg || isModalOff) {\r\n setTimeout(function () {\r\n const backdrops = document.querySelectorAll('.modal-backdrop')\r\n if (backdrops.length > 0) {\r\n const backdrop = backdrops[backdrops.length - 1]\r\n if (backdropBg) backdrop.classList.add(backdropBg)\r\n\r\n // add d-{sm|md|lg|xl}-none to backdrop\r\n if (isModalOff) {\r\n const modalOff = (isModalOff[1] && isModalOff[1].length > 0) ? `-${isModalOff[1]}` : ''\r\n backdrop.classList.add(`d${modalOff}-none`)\r\n }\r\n }\r\n }, 0)\r\n }\r\n\r\n const blur = modal.getAttribute('data-blur')\r\n if (blur !== null && window.CSS) {\r\n /**\r\n // using `backdrop-filter` is less intrusive but doesn't have the same blur effect\r\n if (window.CSS.supports(\"backdrop-filter\", \"none\")) {\r\n setTimeout(function () {\r\n $('.modal-backdrop:last-child').addClass('modal-blur')\r\n }, 0)\r\n }\r\n else */\r\n if (window.CSS.supports('filter', 'none')) {\r\n const bodyContainer = document.querySelector('.body-container')\r\n if (bodyContainer !== null) {\r\n document.body.classList.add('modal-blur')\r\n bodyContainer.style.filter = 'blur(' + blur + ')'\r\n\r\n const modalParent = modal.parentNode\r\n const modalSibling = modal.nextSibling\r\n\r\n document.body.appendChild(modal)\r\n\r\n $(modal).one('hidden.bs.modal.blur', () => {\r\n modalParent.insertBefore(modal, modalSibling)\r\n document.body.classList.remove('modal-blur')\r\n bodyContainer.style.filter = ''\r\n })\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n /// /////////////////////////////\r\n const onAfterShow = (modal) => {\r\n if (modal.classList.contains('modal-nb')) {\r\n document.body.classList.remove('modal-nb')\r\n\r\n if (document.querySelector(visibleModalSelector) === null) { // if no blocking modals\r\n document.body.classList.remove('modal-open')// disable .modal-open effects\r\n document.body.style.paddingRight = ''// and remove paddingRight\r\n }\r\n\r\n if (modal.classList.contains('modal-dismiss') || modal.getAttribute('data-dismiss') === 'true') {\r\n modal._dismissAsideEvent = ($event) => {\r\n if (!modal.contains($event.target)) { // clicked outside modal\r\n // why timeout?\r\n // because if we click on the same button that triggers this modal, its 'hide' function will be called and instantly followed by 'show' function\r\n // so we first let 'show' be called and then we call 'hide'\r\n document.removeEventListener('mouseup', modal._dismissAsideEvent)\r\n modal._dismissAsideEvent = null\r\n\r\n setTimeout(() => {\r\n $(modal).modal('hide')\r\n }, 0)\r\n }\r\n }\r\n // why `mouseup`? because 'click' may get 'stopPropagated' in some plugins such as Bootstrap's dropdown\r\n document.addEventListener('mouseup', modal._dismissAsideEvent)\r\n }\r\n }\r\n }\r\n\r\n const onAfterHide = (modal) => {\r\n if (document.querySelector(visibleModalSelector) === null) document.body.style.paddingRight = ''// required for rare cases that body padding is still not cleared\r\n else document.body.classList.add('modal-open') // sometimes an aside is closed (so .modal-open is removed) but a .modal is still open (so we add .modal-open again)\r\n\r\n if (!modal.classList.contains('modal-nb')) {\r\n document.body.classList.remove('modal-scroll')\r\n document.body.classList.remove('scrollbar-w0')\r\n }\r\n\r\n if (typeof modal._dismissAsideEvent === 'function') {\r\n document.removeEventListener('mouseup', modal._dismissAsideEvent)\r\n }\r\n }\r\n\r\n /// //////////////////////////////////////\r\n $(document)\r\n .on('show.bs.modal', '.modal', (e) => {\r\n if (e.defaultPrevented || e.isDefaultPrevented()) return\r\n onBeforeShow(e.target)\r\n })\r\n .on('shown.bs.modal', '.modal', function (e) {\r\n onAfterShow(e.target)\r\n })\r\n .on('hidden.bs.modal', '.modal', function (e) {\r\n onAfterHide(e.target)\r\n })\r\n\r\n // enable modal functionality for modal boxes and asides that are shown (.show) by default\r\n $('.modal.show').modal('show')\r\n }// _HandleAside\r\n}\r\n\r\n/**\r\n * ------------------------------------------------------------------------\r\n * jQuery\r\n * ------------------------------------------------------------------------\r\n*/\r\n\r\nif (typeof jQuery !== 'undefined') {\r\n const $ = window.jQuery\r\n Aside._HandleAside()\r\n\r\n const JQUERY_NO_CONFLICT = $.fn[NAME]\r\n $.fn[NAME] = Aside._jQueryInterface\r\n $.fn[NAME].Constructor = Aside\r\n $.fn[NAME].noConflict = () => {\r\n $.fn[NAME] = JQUERY_NO_CONFLICT\r\n return Aside._jQueryInterface\r\n }\r\n}\r\n\r\nexport default Aside\r\n","/**\r\n * --------------------------------------------------------------------------\r\n * Ace (v4.0.0): toaster.js\r\n Wrapper for Bootstrap's toast elements\r\n*/\r\n\r\nimport Util from './util'\r\nimport EventHandler from './event-handler'\r\n\r\n/**\r\n * ------------------------------------------------------------------------\r\n * Constants\r\n * ------------------------------------------------------------------------\r\n */\r\n\r\nconst NAME = 'aceToaster'\r\nconst VERSION = '4.0.0'\r\nconst DATA_KEY = 'ace.toaster'\r\nconst EVENT_KEY = `.${DATA_KEY}`\r\n\r\nconst Event = {\r\n CLEAR: `clear${EVENT_KEY}`,\r\n ADD: `add${EVENT_KEY}`,\r\n ADDED: `added${EVENT_KEY}`\r\n}\r\n\r\nconst DefaultType = {\r\n placement: 'string',\r\n close: 'boolean',\r\n autoremove: 'boolean',\r\n delay: 'number',\r\n template: 'string',\r\n alert: 'boolean'\r\n}\r\n\r\nconst Default = {\r\n placement: 'tr',\r\n close: true,\r\n autoremove: true,\r\n delay: 2500,\r\n template: '