@thednp/shorty 1.0.1 → 2.0.0-alpha1

package/dist/shorty.esm.js

@@ -1,2527 +0,0 @@
-/*!
-* Shorty v1.0.1 (https://github.com/thednp/shorty)
-* Copyright 2019-2022 © dnp_theme
-* Licensed under MIT (https://github.com/thednp/shorty/blob/master/LICENSE)
-*/
-/**
- * A global namespace for aria-checked.
- * @type {string}
- */
-const ariaChecked = 'aria-checked';
-
-/**
- * A global namespace for aria-description.
- * @type {string}
- */
-const ariaDescription = 'aria-description';
-
-/**
- * A global namespace for aria-describedby.
- * @type {string}
- */
-const ariaDescribedBy = 'aria-describedby';
-
-/**
- * A global namespace for aria-expanded.
- * @type {string}
- */
-const ariaExpanded = 'aria-expanded';
-
-/**
- * A global namespace for aria-haspopup.
- * @type {string}
- */
-const ariaHasPopup = 'aria-haspopup';
-
-/**
- * A global namespace for aria-hidden.
- * @type {string}
- */
-const ariaHidden = 'aria-hidden';
-
-/**
- * A global namespace for aria-label.
- * @type {string}
- */
-const ariaLabel = 'aria-label';
-
-/**
- * A global namespace for aria-labelledby.
- * @type {string}
- */
-const ariaLabelledBy = 'aria-labelledby';
-
-/**
- * A global namespace for aria-modal.
- * @type {string}
- */
-const ariaModal = 'aria-modal';
-
-/**
- * A global namespace for aria-pressed.
- * @type {string}
- */
-const ariaPressed = 'aria-pressed';
-
-/**
- * A global namespace for aria-selected.
- * @type {string}
- */
-const ariaSelected = 'aria-selected';
-
-/**
- * A global namespace for aria-valuemin.
- * @type {string}
- */
-const ariaValueMin = 'aria-valuemin';
-
-/**
- * A global namespace for aria-valuemax.
- * @type {string}
- */
-const ariaValueMax = 'aria-valuemax';
-
-/**
- * A global namespace for aria-valuenow.
- * @type {string}
- */
-const ariaValueNow = 'aria-valuenow';
-
-/**
- * A global namespace for aria-valuetext.
- * @type {string}
- */
-const ariaValueText = 'aria-valuetext';
-
-/**
- * A global namespace for `abort` event.
- * @type {string}
- */
-const abortEvent = 'abort';
-
-/**
- * A global namespace for `beforeunload` event.
- * @type {string}
- */
-const beforeunloadEvent = 'beforeunload';
-
-/**
- * A global namespace for `blur` event.
- * @type {string}
- */
-const blurEvent = 'blur';
-
-/**
- * A global namespace for `change` event.
- * @type {string}
- */
-const changeEvent = 'change';
-
-/**
- * A global namespace for `contextmenu` event.
- * @type {string}
- */
-const contextmenuEvent = 'contextmenu';
-
-/**
- * A global namespace for `DOMContentLoaded` event.
- * @type {string}
- */
-const DOMContentLoadedEvent = 'DOMContentLoaded';
-
-/**
- * A global namespace for `DOMMouseScroll` event.
- * @type {string}
- */
-const DOMMouseScrollEvent = 'DOMMouseScroll';
-
-/**
- * A global namespace for `error` event.
- * @type {string}
- */
-const errorEvent = 'error';
-
-/**
- * A global namespace for `focus` event.
- * @type {string}
- */
-const focusEvent = 'focus';
-
-/**
- * A global namespace for `focusin` event.
- * @type {string}
- */
-const focusinEvent = 'focusin';
-
-/**
- * A global namespace for `focusout` event.
- * @type {string}
- */
-const focusoutEvent = 'focusout';
-
-/**
- * A global namespace for `gesturechange` event.
- * @type {string}
- */
-const gesturechangeEvent = 'gesturechange';
-
-/**
- * A global namespace for `gestureend` event.
- * @type {string}
- */
-const gestureendEvent = 'gestureend';
-
-/**
- * A global namespace for `gesturestart` event.
- * @type {string}
- */
-const gesturestartEvent = 'gesturestart';
-
-/**
- * A global namespace for `keydown` event.
- * @type {string}
- */
-const keydownEvent = 'keydown';
-
-/**
- * A global namespace for `keypress` event.
- * @type {string}
- */
-const keypressEvent = 'keypress';
-
-/**
- * A global namespace for `keyup` event.
- * @type {string}
- */
-const keyupEvent = 'keyup';
-
-/**
- * A global namespace for `load` event.
- * @type {string}
- */
-const loadEvent = 'load';
-
-/**
- * A global namespace for `click` event.
- * @type {string}
- */
-const mouseclickEvent = 'click';
-
-/**
- * A global namespace for `dblclick` event.
- * @type {string}
- */
-const mousedblclickEvent = 'dblclick';
-
-/**
- * A global namespace for `mousedown` event.
- * @type {string}
- */
-const mousedownEvent = 'mousedown';
-
-/**
- * A global namespace for `mouseup` event.
- * @type {string}
- */
-const mouseupEvent = 'mouseup';
-
-/**
- * A global namespace for `hover` event.
- * @type {string}
- */
-const mousehoverEvent = 'hover';
-
-/**
- * A global namespace for `mouseenter` event.
- * @type {string}
- */
-const mouseenterEvent = 'mouseenter';
-
-/**
- * A global namespace for `mouseleave` event.
- * @type {string}
- */
-const mouseleaveEvent = 'mouseleave';
-
-/**
- * A global namespace for `mousein` event.
- * @type {string}
- */
-const mouseinEvent = 'mousein';
-
-/**
- * A global namespace for `mouseout` event.
- * @type {string}
- */
-const mouseoutEvent = 'mouseout';
-
-/**
- * A global namespace for `mouseover` event.
- * @type {string}
- */
-const mouseoverEvent = 'mouseover';
-
-/**
- * A global namespace for `mousemove` event.
- * @type {string}
- */
-const mousemoveEvent = 'mousemove';
-
-/**
- * A global namespace for `mousewheel` event.
- * @type {string}
- */
-const mousewheelEvent = 'mousewheel';
-
-/**
- * A global namespace for `move` event.
- * @type {string}
- */
-const moveEvent = 'move';
-
-/**
- * A global namespace for `orientationchange` event.
- * @type {string}
- */
-const orientationchangeEvent = 'orientationchange';
-
-/**
- * A global namespace for `pointercancel` event.
- * @type {string}
- */
-const pointercancelEvent = 'pointercancel';
-
-/**
- * A global namespace for `pointerdown` event.
- * @type {string}
- */
-const pointerdownEvent = 'pointerdown';
-
-/**
- * A global namespace for `pointerleave` event.
- * @type {string}
- */
-const pointerleaveEvent = 'pointerleave';
-
-/**
- * A global namespace for `pointermove` event.
- * @type {string}
- */
-const pointermoveEvent = 'pointermove';
-
-/**
- * A global namespace for `pointerup` event.
- * @type {string}
- */
-const pointerupEvent = 'pointerup';
-
-/**
- * A global namespace for `readystatechange` event.
- * @type {string}
- */
-const readystatechangeEvent = 'readystatechange';
-
-/**
- * A global namespace for `reset` event.
- * @type {string}
- */
-const resetEvent = 'reset';
-
-/**
- * A global namespace for `resize` event.
- * @type {string}
- */
-const resizeEvent = 'resize';
-
-/**
- * A global namespace for `select` event.
- * @type {string}
- */
-const selectEvent = 'select';
-
-/**
- * A global namespace for the `selectend` event.
- * @type {string}
- */
-const selectendEvent = 'selectend';
-
-/**
- * A global namespace for the `selectstart` event.
- * @type {string}
- */
-const selectstartEvent = 'selectstart';
-
-/**
- * A global namespace for `scroll` event.
- * @type {string}
- */
-const scrollEvent = 'scroll';
-
-/**
- * A global namespace for `submit` event.
- * @type {string}
- */
-const submitEvent = 'submit';
-
-/**
- * A global namespace for `touchstart` event.
- * @type {string}
- */
-const touchstartEvent = 'touchstart';
-
-/**
- * A global namespace for `touchmove` event.
- * @type {string}
- */
-const touchmoveEvent = 'touchmove';
-
-/**
- * A global namespace for `touchcancel` event.
- * @type {string}
- */
-const touchcancelEvent = 'touchcancel';
-
-/**
- * A global namespace for `touchend` event.
- * @type {string}
- */
-const touchendEvent = 'touchend';
-
-/**
- * A global namespace for `unload` event.
- * @type {string}
- */
-const unloadEvent = 'unload';
-
-/**
- * A global namespace for all browser native events.
- */
-const nativeEvents = {
-  DOMContentLoaded: DOMContentLoadedEvent,
-  DOMMouseScroll: DOMMouseScrollEvent,
-  abort: abortEvent,
-  beforeunload: beforeunloadEvent,
-  blur: blurEvent,
-  change: changeEvent,
-  click: mouseclickEvent,
-  contextmenu: contextmenuEvent,
-  dblclick: mousedblclickEvent,
-  error: errorEvent,
-  focus: focusEvent,
-  focusin: focusinEvent,
-  focusout: focusoutEvent,
-  gesturechange: gesturechangeEvent,
-  gestureend: gestureendEvent,
-  gesturestart: gesturestartEvent,
-  hover: mousehoverEvent,
-  keydown: keydownEvent,
-  keypress: keypressEvent,
-  keyup: keyupEvent,
-  load: loadEvent,
-  mousedown: mousedownEvent,
-  mousemove: mousemoveEvent,
-  mousein: mouseinEvent,
-  mouseout: mouseoutEvent,
-  mouseenter: mouseenterEvent,
-  mouseleave: mouseleaveEvent,
-  mouseover: mouseoverEvent,
-  mouseup: mouseupEvent,
-  mousewheel: mousewheelEvent,
-  move: moveEvent,
-  orientationchange: orientationchangeEvent,
-  pointercancel: pointercancelEvent,
-  pointerdown: pointerdownEvent,
-  pointerleave: pointerleaveEvent,
-  pointermove: pointermoveEvent,
-  pointerup: pointerupEvent,
-  readystatechange: readystatechangeEvent,
-  reset: resetEvent,
-  resize: resizeEvent,
-  scroll: scrollEvent,
-  select: selectEvent,
-  selectend: selectendEvent,
-  selectstart: selectstartEvent,
-  submit: submitEvent,
-  touchcancel: touchcancelEvent,
-  touchend: touchendEvent,
-  touchmove: touchmoveEvent,
-  touchstart: touchstartEvent,
-  unload: unloadEvent,
-};
-
-/**
- * A global namespace for `loadstart` event.
- * @type {string}
- */
-const loadstartEvent = 'loadstart';
-
-/**
- * A global namespace for mouse events equivalent to touch events.
- * @type {Record<string, string>}
- */
-const mouseSwipeEvents = {
-  start: 'mousedown', end: 'mouseup', move: 'mousemove', cancel: 'mouseleave',
-};
-
-/**
- * A global namespace for mouse click events.
- * @type {Record<string, string>}
- */
-const mouseClickEvents = { down: 'mousedown', up: 'mouseup' };
-
-/**
- * A global namespace for mouse hover events.
- * @type {[string, string]}
- */
-const mouseHoverEvents = ('onmouseleave' in document) ? ['mouseenter', 'mouseleave'] : ['mouseover', 'mouseout'];
-
-/**
- * A global namespace for touch events.
- * @type {Record<string, string>}
- */
-const touchEvents = {
-  start: 'touchstart', end: 'touchend', move: 'touchmove', cancel: 'touchcancel',
-};
-
-/**
- * A global namespace for focus event names.
- * @type {{in: string, out: string}}
- */
-const focusEvents = { in: 'focusin', out: 'focusout' };
-
-/**
- * A global namespace for keyboard event keys.
- * @type {Record<string, string>}
- */
-const keyboardEventKeys = {
-  Backspace: 'Backspace', //  8
-  Tab: 'Tab', //  9
-  Enter: 'Enter', // 13
-  Shift: 'Shift', // 16
-  Control: 'Control', // 17
-  Alt: 'Alt', // 18
-  Pause: 'Pause', // 19
-  CapsLock: 'CapsLock', // 20
-  Escape: 'Escape', // 27
-  Scape: 'Space', // 32
-  ArrowLeft: 'ArrowLeft', // 37
-  ArrowUp: 'ArrowUp', // 38
-  ArrowRight: 'ArrowRight', // 39
-  ArrowDown: 'ArrowDown', // 40
-  Insert: 'Insert', // 45
-  Delete: 'Delete', // 46
-  Meta: 'Meta', // 91 windows key
-  ContextMenu: 'ContextMenu', // 93
-  ScrollLock: 'ScrollLock', // 145
-};
-
-/**
- * A global namespace for `Alt` key.
- * @type {string} e.which = 18
- */
-const keyAlt = 'Alt';
-
-/**
- * A global namespace for `ArrowDown` key.
- * @type {string} e.which = 40 equivalent
- */
-const keyArrowDown = 'ArrowDown';
-
-/**
- * A global namespace for `ArrowUp` key.
- * @type {string} e.which = 38 equivalent
- */
-const keyArrowUp = 'ArrowUp';
-
-/**
- * A global namespace for `ArrowLeft` key.
- * @type {string} e.which = 37 equivalent
- */
-const keyArrowLeft = 'ArrowLeft';
-
-/**
- * A global namespace for `ArrowRight` key.
- * @type {string} e.which = 39 equivalent
- */
-const keyArrowRight = 'ArrowRight';
-
-/**
- * A global namespace for `Backspace` key.
- * @type {string} e.which === 8 equivalent
- */
-const keyBackspace = 'Backspace';
-
-/**
- * A global namespace for `CapsLock` key.
- * @type {string} e.which = 20 equivalent
- */
-const keyCapsLock = 'CapsLock';
-
-/**
- * A global namespace for `Control` key.
- * @type {string} e.which = 17
- */
-const keyControl = 'Control';
-
-/**
- * A global namespace for `Delete` key.
- * @type {string} e.which = 46 equivalent
- */
-const keyDelete = 'Delete';
-
-/**
- * A global namespace for `Enter` key.
- * @type {string} e.which = 13 equivalent
- */
-const keyEnter = 'Enter';
-
-/**
- * A global namespace for `Escape` key.
- * @type {string} e.which = 27 equivalent
- */
-const keyEscape = 'Escape';
-
-/**
- * A global namespace for `Insert` key.
- * @type {string} e.which = 45 equivalent
- */
-const keyInsert = 'Insert';
-
-/**
- * A global namespace for `Meta` key.
- * @type {string} e.which = 93 equivalent
- */
-const keyMeta = 'Meta';
-
-/**
- * A global namespace for `Pause` key.
- * @type {string} e.which = 19
- */
-const keyPause = 'Pause';
-
-/**
- * A global namespace for `ScrollLock` key.
- * @type {string} e.which = 145 equivalent
- */
-const keyScrollLock = 'ScrollLock';
-
-/**
- * A global namespace for `Shift` key.
- * @type {string} e.which = 16
- */
-const keyShift = 'Shift';
-
-/**
- * A global namespace for `Space` key.
- * @type {string} e.which = 32 equivalent
- */
-const keySpace = 'Space';
-
-/**
- * A global namespace for `Tab` key.
- * @type {string} e.which = 9 equivalent
- */
-const keyTab = 'Tab';
-
-/**
- * A global namespace for 'animationDuration' string.
- * @type {string}
- */
-const animationDuration$1 = 'animationDuration';
-
-/**
- * A global namespace for `document.head`.
- */
-const { head: documentHead } = document;
-
-/**
- * A global namespace for 'animationDuration' string.
- * @type {string}
- */
-const animationDuration = 'webkitAnimation' in documentHead.style ? 'webkitAnimationDuration' : 'animationDuration';
-
-/**
- * A global namespace for 'animationDelay' string.
- * @type {string}
- */
-const animationDelay$1 = 'animationDelay';
-
-/**
- * A global namespace for 'animationDelay' string.
- * @type {string}
- */
-const animationDelay = 'webkitAnimation' in documentHead.style ? 'webkitAnimationDelay' : 'animationDelay';
-
-/**
- * A global namespace for 'animationName' string.
- * @type {string}
- */
-const animationName$1 = 'animationName';
-
-/**
- * A global namespace for 'animationName' string.
- * @type {string}
- */
-const animationName = 'webkitAnimation' in documentHead.style ? 'webkitAnimationName' : 'animationName';
-
-/**
- * A global namespace for 'animationend' string.
- * @type {string}
- */
-const animationEndEvent$1 = 'animationend';
-
-/**
- * A global namespace for 'animationend' string.
- * @type {string}
- */
-const animationEndEvent = 'webkitAnimation' in documentHead.style ? 'webkitAnimationEnd' : 'animationend';
-
-/**
- * A global namespace for 'transitionDuration' string.
- * @type {string}
- */
-const transitionDuration$1 = 'transitionDuration';
-
-/**
- * A global namespace for 'transitionDuration' string.
- * @type {string}
- */
-const transitionDuration = 'webkitTransition' in documentHead.style ? 'webkitTransitionDuration' : 'transitionDuration';
-
-/**
- * A global namespace for 'transitionDelay' string.
- * @type {string}
- */
-const transitionDelay$1 = 'transitionDelay';
-
-/**
- * A global namespace for 'transitionDelay' string.
- * @type {string}
- */
-const transitionDelay = 'webkitTransition' in documentHead.style ? 'webkitTransitionDelay' : 'transitionDelay';
-
-/**
- * A global namespace for 'transitionend' string.
- * @type {string}
- */
-const transitionEndEvent$1 = 'transitionend';
-
-/**
- * A global namespace for 'transitionend' string.
- * @type {string}
- */
-const transitionEndEvent = 'webkitTransition' in documentHead.style ? 'webkitTransitionEnd' : 'transitionend';
-
-/**
- * A global namespace for `transitionProperty` string for modern browsers.
- *
- * @type {string}
- */
-const transitionProperty$1 = 'transitionProperty';
-
-/**
- * A global namespace for:
- * * `transitionProperty` string for modern brosers,
- * * `webkitTransition` for legacy Chrome / Safari browsers
- *
- * @type {string}
- */
-const transitionProperty = 'webkitTransition' in documentHead.style ? 'webkitTransitionProperty' : 'transitionProperty';
-
-/**
- * A global namespace for 'addEventListener' string.
- * @type {string}
- */
-const addEventListener = 'addEventListener';
-
-/**
- * A global namespace for 'removeEventListener' string.
- * @type {string}
- */
-const removeEventListener = 'removeEventListener';
-
-/**
- * A global namespace for predefined
- * CSS3 'cubic-bezier()' easing functions.
- * @type {Record<string, string>}
- */
-const bezierEasings = {
-  linear: 'linear',
-  easingSinusoidalIn: 'cubic-bezier(0.47,0,0.745,0.715)',
-  easingSinusoidalOut: 'cubic-bezier(0.39,0.575,0.565,1)',
-  easingSinusoidalInOut: 'cubic-bezier(0.445,0.05,0.55,0.95)',
-  easingQuadraticIn: 'cubic-bezier(0.550,0.085,0.680,0.530)',
-  easingQuadraticOut: 'cubic-bezier(0.250,0.460,0.450,0.940)',
-  easingQuadraticInOut: 'cubic-bezier(0.455,0.030,0.515,0.955)',
-  easingCubicIn: 'cubic-bezier(0.55,0.055,0.675,0.19)',
-  easingCubicOut: 'cubic-bezier(0.215,0.61,0.355,1)',
-  easingCubicInOut: 'cubic-bezier(0.645,0.045,0.355,1)',
-  easingQuarticIn: 'cubic-bezier(0.895,0.03,0.685,0.22)',
-  easingQuarticOut: 'cubic-bezier(0.165,0.84,0.44,1)',
-  easingQuarticInOut: 'cubic-bezier(0.77,0,0.175,1)',
-  easingQuinticIn: 'cubic-bezier(0.755,0.05,0.855,0.06)',
-  easingQuinticOut: 'cubic-bezier(0.23,1,0.32,1)',
-  easingQuinticInOut: 'cubic-bezier(0.86,0,0.07,1)',
-  easingExponentialIn: 'cubic-bezier(0.95,0.05,0.795,0.035)',
-  easingExponentialOut: 'cubic-bezier(0.19,1,0.22,1)',
-  easingExponentialInOut: 'cubic-bezier(1,0,0,1)',
-  easingCircularIn: 'cubic-bezier(0.6,0.04,0.98,0.335)',
-  easingCircularOut: 'cubic-bezier(0.075,0.82,0.165,1)',
-  easingCircularInOut: 'cubic-bezier(0.785,0.135,0.15,0.86)',
-  easingBackIn: 'cubic-bezier(0.6,-0.28,0.735,0.045)',
-  easingBackOut: 'cubic-bezier(0.175,0.885,0.32,1.275)',
-  easingBackInOut: 'cubic-bezier(0.68,-0.55,0.265,1.55)',
-};
-
-/**
- * A global namespace for `offsetHeight` property.
- * @type {string}
- */
-const offsetHeight = 'offsetHeight';
-
-/**
- * A global namespace for `offsetWidth` property.
- * @type {string}
- */
-const offsetWidth = 'offsetWidth';
-
-/**
- * A global namespace for `scrollHeight` property.
- * @type {string}
- */
-const scrollHeight = 'scrollHeight';
-
-/**
- * A global namespace for `scrollWidth` property.
- * @type {string}
- */
-const scrollWidth = 'scrollWidth';
-
-// @ts-ignore
-const { userAgentData: uaDATA } = navigator;
-
-/**
- * A global namespace for `userAgentData` object.
- */
-const userAgentData = uaDATA;
-
-const { userAgent: userAgentString } = navigator;
-
-/**
- * A global namespace for `navigator.userAgent` string.
- */
-const userAgent = userAgentString;
-
-const mobileBrands = /iPhone|iPad|iPod|Android/i;
-let isMobileCheck = false;
-
-if (userAgentData) {
-  isMobileCheck = userAgentData.brands
-    .some((/** @type {Record<String, any>} */x) => mobileBrands.test(x.brand));
-} else {
-  isMobileCheck = mobileBrands.test(userAgent);
-}
-
-/**
- * A global `boolean` for mobile detection.
- * @type {boolean}
- */
-const isMobile = isMobileCheck;
-
-const appleBrands = /(iPhone|iPod|iPad)/;
-
-/**
- * A global `boolean` for Apple browsers.
- * @type {boolean}
- */
-const isApple = !userAgentData ? appleBrands.test(userAgent)
-  : userAgentData.brands.some((/** @type {Record<string, any>} */x) => appleBrands.test(x.brand));
-
-/**
- * A global boolean for Gecko browsers. When writing this file,
- * Gecko was not supporting `userAgentData`.
- * @type {boolean}
- */
-const isFirefox = userAgent ? userAgent.includes('Firefox') : false;
-
-/**
- * A global `boolean` for CSS3 3D transform support.
- * @type {boolean}
- */
-const support3DTransform = 'webkitPerspective' in documentHead.style || 'perspective' in documentHead.style;
-
-/**
- * Add eventListener to an `Element` | `HTMLElement` | `Document` target.
- *
- * @param {HTMLElement | Element | Document | Window} element event.target
- * @param {string} eventName event.type
- * @param {EventListener} listener callback
- * @param {(EventListenerOptions | boolean)=} options other event options
- * @returns {void}
- */
-function on(element, eventName, listener, options) {
-  const ops = options || false;
-  element.addEventListener(eventName, listener, ops);
-}
-
-/**
- * Remove eventListener from an `Element` | `HTMLElement` | `Document` | `Window` target.
- *
- * @param {HTMLElement | Element | Document | Window} element event.target
- * @param {string} eventName event.type
- * @param {EventListener} listener callback
- * @param {(EventListenerOptions | boolean)=} options other event options
- * @returns {void}
- */
-function off(element, eventName, listener, options) {
-  const ops = options || false;
-  element.removeEventListener(eventName, listener, ops);
-}
-
-/**
- * Add an `eventListener` to an `Element` | `HTMLElement` | `Document` | `Window`
- * target and remove it once callback is called.
- *
- * @param {HTMLElement | Element | Document | Window} element event.target
- * @param {string} eventName event.type
- * @param {EventListener} listener callback
- * @param {(EventListenerOptions | boolean)=} options other event options
- * @returns {void}
- */
-function one(element, eventName, listener, options) {
-/**
- * Wrap the listener for easy on -> off
- * @type {EventListener}
- */
-  const handlerWrapper = (e) => {
-    if (e.target === element) {
-      listener.apply(element, [e]);
-      off(element, eventName, handlerWrapper, options);
-    }
-  };
-  on(element, eventName, handlerWrapper, options);
-}
-
-/**
- * A global `boolean` for passive events support,
- * in general event options are not suited for scroll prevention.
- *
- * @see https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md#feature-detection
- * @type {boolean}
- */
-const supportPassive = (() => {
-  let result = false;
-  try {
-    const opts = Object.defineProperty({}, 'passive', {
-      get() {
-        result = true;
-        return result;
-      },
-    });
-    one(document, DOMContentLoadedEvent, () => {}, opts);
-  } catch (e) {
-    throw Error('Passive events are not supported');
-  }
-
-  return result;
-})();
-
-/**
- * A global `boolean` for CSS3 transform support.
- * @type {boolean}
- */
-const supportTransform = 'webkitTransform' in documentHead.style || 'transform' in documentHead.style;
-
-/**
- * A global `boolean` for touch events support.
- * @type {boolean}
- */
-const supportTouch = 'ontouchstart' in window || 'msMaxTouchPoints' in navigator;
-
-/**
- * A global `boolean` for CSS3 animation support.
- * @type {boolean}
- */
-const supportAnimation = 'webkitAnimation' in documentHead.style || 'animation' in documentHead.style;
-
-/**
- * A global `boolean` for CSS3 transition support.
- * @type {boolean}
- */
-const supportTransition = 'webkitTransition' in documentHead.style || 'transition' in documentHead.style;
-
-/**
- * Shortcut for `HTMLElement.getAttribute()` method.
- * @param {HTMLElement | Element} element target element
- * @param {string} attribute attribute name
- * @returns {string?} attribute value
- */
-const getAttribute = (element, attribute) => element.getAttribute(attribute);
-
-/**
- * Shortcut for `HTMLElement.getAttributeNS()` method.
- * @param {string} ns attribute namespace
- * @param {HTMLElement | Element} element target element
- * @param {string} attribute attribute name
- * @returns {string?} attribute value
- */
-const getAttributeNS = (ns, element, attribute) => element.getAttributeNS(ns, attribute);
-
-/**
- * Shortcut for `HTMLElement.hasAttribute()` method.
- * @param  {HTMLElement | Element} element target element
- * @param  {string} attribute attribute name
- * @returns {boolean} the query result
- */
-const hasAttribute = (element, attribute) => element.hasAttribute(attribute);
-
-/**
- * Shortcut for `HTMLElement.hasAttributeNS()` method.
- * @param  {string} ns attribute namespace
- * @param  {HTMLElement | Element} element target element
- * @param  {string} att attribute name
- * @returns {boolean} the query result
- */
-const hasAttributeNS = (ns, element, att) => element.hasAttributeNS(ns, att);
-
-/**
- * Shortcut for `HTMLElement.setAttribute()` method.
- * @param  {HTMLElement | Element} element target element
- * @param  {string} attribute attribute name
- * @param  {string} value attribute value
- * @returns {void}
- */
-const setAttribute = (element, attribute, value) => element.setAttribute(attribute, value);
-
-/**
- * Shortcut for `SVGElement.setAttributeNS()` method.
- * @param  {string} ns attribute namespace
- * @param  {HTMLElement | Element} element target element
- * @param  {string} att attribute name
- * @param  {string} value attribute value
- * @returns {void}
- */
-const setAttributeNS = (ns, element, att, value) => element.setAttributeNS(ns, att, value);
-
-/**
- * Shortcut for `HTMLElement.removeAttribute()` method.
- * @param  {HTMLElement | Element} element target element
- * @param  {string} attribute attribute name
- * @returns {void}
- */
-const removeAttribute = (element, attribute) => element.removeAttribute(attribute);
-
-/**
- * Shortcut for `HTMLElement.removeAttributeNS()` method.
- * @param  {string} ns attribute namespace
- * @param  {HTMLElement | Element} element target element
- * @param  {string} att attribute name
- * @returns {void}
- */
-const removeAttributeNS = (ns, element, att) => element.removeAttributeNS(ns, att);
-
-/**
- * Add class to `HTMLElement.classList`.
- *
- * @param {HTMLElement | Element} element target
- * @param {string} classNAME to add
- * @returns {void}
- */
-function addClass(element, classNAME) {
-  element.classList.add(classNAME);
-}
-
-/**
- * Remove class from `HTMLElement.classList`.
- *
- * @param {HTMLElement | Element} element target
- * @param {string} classNAME to remove
- * @returns {void}
- */
-function removeClass(element, classNAME) {
-  element.classList.remove(classNAME);
-}
-
-/**
- * Check class in `HTMLElement.classList`.
- *
- * @param {HTMLElement | Element} element target
- * @param {string} classNAME to check
- * @returns {boolean}
- */
-function hasClass(element, classNAME) {
-  return element.classList.contains(classNAME);
-}
-
-/**
- * Shortcut for `Array.from()` static method.
- *
- * @param  {any[] | HTMLCollection | NodeList | Map<any, any>} arr array-like iterable object
- * @returns {Array<any>}
- */
-const ArrayFrom = (arr) => Array.from(arr);
-
-/**
- * Returns the `document` or the `#document` element.
- * @see https://github.com/floating-ui/floating-ui
- * @param {(Node | HTMLElement | Element | globalThis)=} node
- * @returns {Document}
- */
-function getDocument(node) {
-  if (node instanceof HTMLElement) return node.ownerDocument;
-  if (node instanceof Window) return node.document;
-  return window.document;
-}
-
-/**
- * Utility to check if target is typeof `HTMLElement`, `Element`, `Node`
- * or find one that matches a selector.
- *
- * @param {Node | HTMLElement | Element | string} selector the input selector or target element
- * @param {(Node | HTMLElement | Element | Document)=} parent optional node to look into
- * @return {(HTMLElement | Element)?} the `HTMLElement` or `querySelector` result
- */
-function querySelector(selector, parent) {
-  if (typeof selector === 'string') {
-    const lookUp = typeof parent !== 'object' ? getDocument() : parent;
-    return lookUp.querySelector(selector);
-  }
-  return selector;
-}
-
-/** @type {Map<string, Map<HTMLElement | Element, Record<string, any>>>} */
-const componentData = new Map();
-/**
- * An interface for web components background data.
- * @see https://github.com/thednp/bootstrap.native/blob/master/src/components/base-component.js
- */
-const Data = {
-  /**
-   * Sets web components data.
-   * @param {HTMLElement | Element | string} target target element
-   * @param {string} component the component's name or a unique key
-   * @param {Record<string, any>} instance the component instance
-   */
-  set: (target, component, instance) => {
-    const element = querySelector(target);
-    if (!element) return;
-
-    if (!componentData.has(component)) {
-      componentData.set(component, new Map());
-    }
-
-    const instanceMap = componentData.get(component);
-    // @ts-ignore - not undefined, but defined right above
-    instanceMap.set(element, instance);
-  },
-
-  /**
-   * Returns all instances for specified component.
-   * @param {string} component the component's name or a unique key
-   * @returns {Map<HTMLElement | Element, Record<string, any>>?} all the component instances
-   */
-  getAllFor: (component) => {
-    const instanceMap = componentData.get(component);
-
-    return instanceMap || null;
-  },
-
-  /**
-   * Returns the instance associated with the target.
-   * @param {HTMLElement | Element | string} target target element
-   * @param {string} component the component's name or a unique key
-   * @returns {Record<string, any>?} the instance
-   */
-  get: (target, component) => {
-    const element = querySelector(target);
-    const allForC = Data.getAllFor(component);
-    const instance = element && allForC && allForC.get(element);
-
-    return instance || null;
-  },
-
-  /**
-   * Removes web components data.
-   * @param {HTMLElement | Element | string} target target element
-   * @param {string} component the component's name or a unique key
-   */
-  remove: (target, component) => {
-    const element = querySelector(target);
-    const instanceMap = componentData.get(component);
-    if (!instanceMap || !element) return;
-
-    instanceMap.delete(element);
-
-    if (instanceMap.size === 0) {
-      componentData.delete(component);
-    }
-  },
-};
-
-/**
- * An alias for `Data.get()`.
- * @type {SHORTER.getInstance<any>}
- */
-const getInstance = (target, component) => Data.get(target, component);
-
-/**
- * Shortcut for `Object.assign()` static method.
- * @param  {Record<string, any>} obj a target object
- * @param  {Record<string, any>} source a source object
- */
-const ObjectAssign = (obj, source) => Object.assign(obj, source);
-
-/**
- * This is a shortie for `document.createElement` method
- * which allows you to create a new `HTMLElement` for a given `tagName`
- * or based on an object with specific non-readonly attributes:
- * `id`, `className`, `textContent`, `style`, etc.
- * @see https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement
- *
- * @param {Record<string, string> | string} param `tagName` or object
- * @return {HTMLElement | Element} a new `HTMLElement` or `Element`
- */
-function createElement(param) {
-  if (typeof param === 'string') {
-    return getDocument().createElement(param);
-  }
-
-  const { tagName } = param;
-  const attr = { ...param };
-  const newElement = createElement(tagName);
-  delete attr.tagName;
-  ObjectAssign(newElement, attr);
-  return newElement;
-}
-
-/**
- * This is a shortie for `document.createElementNS` method
- * which allows you to create a new `HTMLElement` for a given `tagName`
- * or based on an object with specific non-readonly attributes:
- * `id`, `className`, `textContent`, `style`, etc.
- * @see https://developer.mozilla.org/en-US/docs/Web/API/Document/createElementNS
- *
- * @param {string} namespace `namespaceURI` to associate with the new `HTMLElement`
- * @param {Record<string, string> | string} param `tagName` or object
- * @return {HTMLElement | Element} a new `HTMLElement` or `Element`
- */
-function createElementNS(namespace, param) {
-  if (typeof param === 'string') {
-    return getDocument().createElementNS(namespace, param);
-  }
-
-  const { tagName } = param;
-  const attr = { ...param };
-  const newElement = createElementNS(namespace, tagName);
-  delete attr.tagName;
-  ObjectAssign(newElement, attr);
-  return newElement;
-}
-
-/**
- * Shortcut for the `Element.dispatchEvent(Event)` method.
- *
- * @param {HTMLElement | Element} element is the target
- * @param {Event} event is the `Event` object
- */
-const dispatchEvent = (element, event) => element.dispatchEvent(event);
-
-/**
- * JavaScript `Array` distinct.
- * @see https://codeburst.io/javascript-array-distinct-5edc93501dc4
- * @param {any} value
- * @param {number} index
- * @param {any} self
- * @returns {boolean}
- */
-const distinct = (value, index, self) => self.indexOf(value) === index;
-
-/**
- * Shortcut for `window.getComputedStyle(element).propertyName`
- * static method.
- *
- * * If `element` parameter is not an `HTMLElement`, `getComputedStyle`
- * throws a `ReferenceError`.
- *
- * @param {HTMLElement | Element} element target
- * @param {string} property the css property
- * @return {string} the css property value
- */
-function getElementStyle(element, property) {
-  const computedStyle = getComputedStyle(element);
-
-  // @ts-ignore -- must use camelcase strings,
-  // or non-camelcase strings with `getPropertyValue`
-  return property in computedStyle ? computedStyle[property] : '';
-}
-
-/**
- * Utility to get the computed `animationDelay`
- * from Element in miliseconds.
- *
- * @param {HTMLElement | Element} element target
- * @return {number} the value in miliseconds
- */
-function getElementAnimationDelay$1(element) {
-  const propertyValue = getElementStyle(element, animationName$1);
-  const durationValue = getElementStyle(element, animationDelay$1);
-
-  const durationScale = durationValue.includes('ms') ? 1 : 1000;
-  const duration = propertyValue && propertyValue !== 'none'
-    ? parseFloat(durationValue) * durationScale : 0;
-
-  return !Number.isNaN(duration) ? duration : 0;
-}
-
-/**
- * Utility to get the computed `animationDuration`
- * from `HTMLElement` in miliseconds.
- *
- * @param {HTMLElement | Element} element target
- * @return {number} the value in miliseconds
- */
-function getElementAnimationDuration$1(element) {
-  const propertyValue = getElementStyle(element, animationName$1);
-  const durationValue = getElementStyle(element, animationDuration$1);
-  const durationScale = durationValue.includes('ms') ? 1 : 1000;
-  const duration = propertyValue && propertyValue !== 'none'
-    ? parseFloat(durationValue) * durationScale : 0;
-
-  return !Number.isNaN(duration) ? duration : 0;
-}
-
-/**
- * Utility to make sure callbacks are consistently
- * called when animation ends.
- *
- * @param {HTMLElement | Element} element target
- * @param {EventListener} handler `animationend` callback
- */
-function emulateAnimationEnd$1(element, handler) {
-  let called = 0;
-  const endEvent = new Event(animationEndEvent$1);
-  const duration = getElementAnimationDuration$1(element);
-  const delay = getElementAnimationDelay$1(element);
-
-  if (duration) {
-    /**
-     * Wrap the handler in on -> off callback
-     * @type {EventListener}
-     */
-    const animationEndWrapper = (e) => {
-      if (e.target === element) {
-        handler.apply(element, [e]);
-        element.removeEventListener(animationEndEvent$1, animationEndWrapper);
-        called = 1;
-      }
-    };
-    element.addEventListener(animationEndEvent$1, animationEndWrapper);
-    setTimeout(() => {
-      if (!called) element.dispatchEvent(endEvent);
-    }, duration + delay + 17);
-  } else {
-    handler.apply(element, [endEvent]);
-  }
-}
-
-/**
- * Utility to get the computed `animationDelay`
- * from Element in miliseconds.
- *
- * @param {HTMLElement | Element} element target
- * @return {number} the value in miliseconds
- */
-function getElementAnimationDelay(element) {
-  const propertyValue = getElementStyle(element, animationName);
-  const durationValue = getElementStyle(element, animationDelay);
-  const durationScale = durationValue.includes('ms') ? 1 : 1000;
-  const duration = supportAnimation && propertyValue && propertyValue !== 'none'
-    ? parseFloat(durationValue) * durationScale : 0;
-
-  return !Number.isNaN(duration) ? duration : 0;
-}
-
-/**
- * Utility to get the computed `animationDuration`
- * from `HTMLElement` in miliseconds.
- *
- * @param {HTMLElement | Element} element target
- * @return {number} the value in miliseconds
- */
-function getElementAnimationDuration(element) {
-  const propertyValue = getElementStyle(element, animationName);
-  const durationValue = getElementStyle(element, animationDuration);
-  const durationScale = durationValue.includes('ms') ? 1 : 1000;
-  const duration = supportAnimation && propertyValue && propertyValue !== 'none'
-    ? parseFloat(durationValue) * durationScale : 0;
-
-  return !Number.isNaN(duration) ? duration : 0;
-}
-
-/**
- * Utility to make sure callbacks are consistently
- * called when animation ends.
- *
- * @param {HTMLElement | Element} element target
- * @param {EventListener} handler `animationend` callback
- */
-function emulateAnimationEnd(element, handler) {
-  let called = 0;
-  const endEvent = new Event(animationEndEvent);
-  const duration = getElementAnimationDuration(element);
-  const delay = getElementAnimationDelay(element);
-
-  if (supportAnimation && duration) {
-    /**
-     * Wrap the handler in on -> off callback
-     * @param {Event} e Event object
-     */
-    const animationEndWrapper = (e) => {
-      if (e.target === element) {
-        handler.apply(element, [e]);
-        element.removeEventListener(animationEndEvent, animationEndWrapper);
-        called = 1;
-      }
-    };
-    element.addEventListener(animationEndEvent, animationEndWrapper);
-    setTimeout(() => {
-      if (!called) element.dispatchEvent(endEvent);
-    }, duration + delay + 17);
-  } else {
-    handler.apply(element, [endEvent]);
-  }
-}
-
-/**
- * Utility to get the computed `transitionDelay`
- * from Element in miliseconds.
- *
- * @param {HTMLElement | Element} element target
- * @return {number} the value in miliseconds
- */
-function getElementTransitionDelay$1(element) {
-  const propertyValue = getElementStyle(element, transitionProperty$1);
-  const delayValue = getElementStyle(element, transitionDelay$1);
-
-  const delayScale = delayValue.includes('ms') ? 1 : 1000;
-  const duration = propertyValue && propertyValue !== 'none'
-    ? parseFloat(delayValue) * delayScale : 0;
-
-  return !Number.isNaN(duration) ? duration : 0;
-}
-
-/**
- * Utility to get the computed `transitionDuration`
- * from Element in miliseconds.
- *
- * @param {HTMLElement | Element} element target
- * @return {number} the value in miliseconds
- */
-function getElementTransitionDuration$1(element) {
-  const propertyValue = getElementStyle(element, transitionProperty$1);
-  const durationValue = getElementStyle(element, transitionDuration$1);
-  const durationScale = durationValue.includes('ms') ? 1 : 1000;
-  const duration = propertyValue && propertyValue !== 'none'
-    ? parseFloat(durationValue) * durationScale : 0;
-
-  return !Number.isNaN(duration) ? duration : 0;
-}
-
-/**
- * Utility to make sure callbacks are consistently
- * called when transition ends.
- *
- * @param {HTMLElement | Element} element target
- * @param {EventListener} handler `transitionend` callback
- */
-function emulateTransitionEnd$1(element, handler) {
-  let called = 0;
-  const endEvent = new Event(transitionEndEvent$1);
-  const duration = getElementTransitionDuration$1(element);
-  const delay = getElementTransitionDelay$1(element);
-
-  if (duration) {
-    /**
-     * Wrap the handler in on -> off callback
-     * @type {EventListener} e Event object
-     */
-    const transitionEndWrapper = (e) => {
-      if (e.target === element) {
-        handler.apply(element, [e]);
-        element.removeEventListener(transitionEndEvent$1, transitionEndWrapper);
-        called = 1;
-      }
-    };
-    element.addEventListener(transitionEndEvent$1, transitionEndWrapper);
-    setTimeout(() => {
-      if (!called) element.dispatchEvent(endEvent);
-    }, duration + delay + 17);
-  } else {
-    handler.apply(element, [endEvent]);
-  }
-}
-
-/**
- * Utility to get the computed `transitionDelay`
- * from Element in miliseconds.
- *
- * @param {HTMLElement | Element} element target
- * @return {number} the value in miliseconds
- */
-function getElementTransitionDelay(element) {
-  const propertyValue = getElementStyle(element, transitionProperty);
-  const delayValue = getElementStyle(element, transitionDelay);
-  const delayScale = delayValue.includes('ms') ? 1 : 1000;
-  const duration = supportTransition && propertyValue && propertyValue !== 'none'
-    ? parseFloat(delayValue) * delayScale : 0;
-
-  return !Number.isNaN(duration) ? duration : 0;
-}
-
-/**
- * Utility to get the computed `transitionDuration`
- * from Element in miliseconds.
- *
- * @param {HTMLElement | Element} element target
- * @return {number} the value in miliseconds
- */
-function getElementTransitionDuration(element) {
-  const propertyValue = getElementStyle(element, transitionProperty);
-  const durationValue = getElementStyle(element, transitionDuration);
-  const durationScale = durationValue.includes('ms') ? 1 : 1000;
-  const duration = supportTransition && propertyValue && propertyValue !== 'none'
-    ? parseFloat(durationValue) * durationScale : 0;
-
-  return !Number.isNaN(duration) ? duration : 0;
-}
-
-/**
- * Utility to make sure callbacks are consistently
- * called when transition ends.
- *
- * @param {HTMLElement | Element} element target
- * @param {EventListener} handler `transitionend` callback
- */
-function emulateTransitionEnd(element, handler) {
-  let called = 0;
-  const endEvent = new Event(transitionEndEvent);
-  const duration = getElementTransitionDuration(element);
-  const delay = getElementTransitionDelay(element);
-
-  if (supportTransition && duration) {
-    /**
-     * Wrap the handler in on -> off callback
-     * @param {Event} e Event object
-     */
-    const transitionEndWrapper = (e) => {
-      if (e.target === element) {
-        handler.apply(element, [e]);
-        element.removeEventListener(transitionEndEvent, transitionEndWrapper);
-        called = 1;
-      }
-    };
-    element.addEventListener(transitionEndEvent, transitionEndWrapper);
-    setTimeout(() => {
-      if (!called) element.dispatchEvent(endEvent);
-    }, duration + delay + 17);
-  } else {
-    handler.apply(element, [endEvent]);
-  }
-}
-
-/**
- * Shortcut for `Float32Array.from()` static method.
- * @param  {any[] | HTMLCollection | NodeList} arr array-like iterable object
- * @returns {Float32Array}
- */
-const Float32ArrayFrom = (arr) => Float32Array.from(Array.from(arr));
-
-/**
- * Shortcut for `Float64Array.from()` static method.
- * @param  {any[] | HTMLCollection | NodeList} arr array-like iterable object
- * @returns {Float64Array}
- */
-const Float64ArrayFrom = (arr) => Float64Array.from(Array.from(arr));
-
-/**
- * Utility to focus an `HTMLElement` target.
- *
- * @param {HTMLElement | Element} element is the target
- */
-// @ts-ignore -- `Element`s resulted from querySelector can focus too
-const focus = (element) => element.focus();
-
-/** A generic function with empty body. */
-const noop = () => {};
-
-/**
- * The raw value or a given component option.
- *
- * @typedef {string | HTMLElement | Function | number | boolean | null} niceValue
- */
-
-/**
- * Utility to normalize component options
- *
- * @param {any} value the input value
- * @return {niceValue} the normalized value
- */
-function normalizeValue(value) {
-  if (value === 'true') { // boolean
-    return true;
-  }
-
-  if (value === 'false') { // boolean
-    return false;
-  }
-
-  if (!Number.isNaN(+value)) { // number
-    return +value;
-  }
-
-  if (value === '' || value === 'null') { // null
-    return null;
-  }
-
-  // string / function / HTMLElement / object
-  return value;
-}
-
-/**
- * Shortcut for `Object.keys()` static method.
- * @param  {Record<string, any>} obj a target object
- * @returns {string[]}
- */
-const ObjectKeys = (obj) => Object.keys(obj);
-
-/**
- * Shortcut for `String.toLowerCase()`.
- *
- * @param {string} source input string
- * @returns {string} lowercase output string
- */
-const toLowerCase = (source) => source.toLowerCase();
-
-/**
- * Utility to normalize component options.
- *
- * @param {HTMLElement | Element} element target
- * @param {Record<string, any>} defaultOps component default options
- * @param {Record<string, any>} inputOps component instance options
- * @param {string=} ns component namespace
- * @return {Record<string, any>} normalized component options object
- */
-function normalizeOptions(element, defaultOps, inputOps, ns) {
-  // @ts-ignore -- our targets are always `HTMLElement`
-  const data = { ...element.dataset };
-  /** @type {Record<string, any>} */
-  const normalOps = {};
-  /** @type {Record<string, any>} */
-  const dataOps = {};
-  const title = 'title';
-
-  ObjectKeys(data).forEach((k) => {
-    const key = ns && k.includes(ns)
-      ? k.replace(ns, '').replace(/[A-Z]/, (match) => toLowerCase(match))
-      : k;
-
-    dataOps[key] = normalizeValue(data[k]);
-  });
-
-  ObjectKeys(inputOps).forEach((k) => {
-    inputOps[k] = normalizeValue(inputOps[k]);
-  });
-
-  ObjectKeys(defaultOps).forEach((k) => {
-    if (k in inputOps) {
-      normalOps[k] = inputOps[k];
-    } else if (k in dataOps) {
-      normalOps[k] = dataOps[k];
-    } else {
-      normalOps[k] = k === title
-        ? getAttribute(element, title)
-        : defaultOps[k];
-    }
-  });
-
-  return normalOps;
-}
-
-/**
- * Shortcut for `Object.values()` static method.
- * @param  {Record<string, any>} obj a target object
- * @returns {any[]}
- */
-const ObjectValues = (obj) => Object.values(obj);
-
-/**
- * Returns a namespaced `CustomEvent` specific to each component.
- * @param {string} EventType Event.type
- * @param {Record<string, any>=} config Event.options | Event.properties
- * @returns {SHORTER.OriginalEvent} a new namespaced event
- */
-function OriginalEvent(EventType, config) {
-  const OriginalCustomEvent = new CustomEvent(EventType, {
-    cancelable: true, bubbles: true,
-  });
-
-  if (config instanceof Object) {
-    ObjectAssign(OriginalCustomEvent, config);
-  }
-  return OriginalCustomEvent;
-}
-
-/**
- * A global namespace for most scroll event listeners.
- * @type {Partial<AddEventListenerOptions>}
- */
-const passiveHandler$1 = { passive: true };
-
-/**
- * A global namespace for most scroll event listeners in legacy browsers.
- * @type {Partial<AddEventListenerOptions> | boolean}
- */
-const passiveHandler = supportPassive ? { passive: true } : false;
-
-/**
- * Utility to force re-paint of an `HTMLElement` target.
- *
- * @param {HTMLElement | Element} element is the target
- * @return {number} the `Element.offsetHeight` value
- */
-// @ts-ignore
-const reflow = (element) => element.offsetHeight;
-
-/**
- * Shortcut for multiple uses of `HTMLElement.style.propertyName` method.
- * @param  {HTMLElement | Element} element target element
- * @param  {Partial<CSSStyleDeclaration>} styles attribute value
- */
-// @ts-ignore
-const setElementStyle = (element, styles) => { ObjectAssign(element.style, styles); };
-
-/** @type {Map<HTMLElement | Element, any>} */
-const TimeCache = new Map();
-/**
- * An interface for one or more `TimerHandler`s per `Element`.
- * @see https://github.com/thednp/navbar.js/
- */
-const Timer = {
-  /**
-   * Sets a new timeout timer for an element, or element -> key association.
-   * @param {HTMLElement | Element | string} target target element
-   * @param {ReturnType<TimerHandler>} callback the callback
-   * @param {number} delay the execution delay
-   * @param {string=} key a unique key
-   */
-  set: (target, callback, delay, key) => {
-    const element = querySelector(target);
-
-    if (!element) return;
-
-    if (key && key.length) {
-      if (!TimeCache.has(element)) {
-        TimeCache.set(element, new Map());
-      }
-      const keyTimers = TimeCache.get(element);
-      keyTimers.set(key, setTimeout(callback, delay));
-    } else {
-      TimeCache.set(element, setTimeout(callback, delay));
-    }
-  },
-
-  /**
-   * Returns the timer associated with the target.
-   * @param {HTMLElement | Element | string} target target element
-   * @param {string=} key a unique
-   * @returns {number?} the timer
-   */
-  get: (target, key) => {
-    const element = querySelector(target);
-
-    if (!element) return null;
-    const keyTimers = TimeCache.get(element);
-
-    if (key && key.length && keyTimers && keyTimers.get) {
-      return keyTimers.get(key) || null;
-    }
-    return keyTimers || null;
-  },
-
-  /**
-   * Clears the element's timer.
-   * @param {HTMLElement | Element | string} target target element
-   * @param {string=} key a unique key
-   */
-  clear: (target, key) => {
-    const element = querySelector(target);
-
-    if (!element) return;
-
-    if (key && key.length) {
-      const keyTimers = TimeCache.get(element);
-
-      if (keyTimers && keyTimers.get) {
-        clearTimeout(keyTimers.get(key));
-        keyTimers.delete(key);
-        if (keyTimers.size === 0) {
-          TimeCache.delete(element);
-        }
-      }
-    } else {
-      clearTimeout(TimeCache.get(element));
-      TimeCache.delete(element);
-    }
-  },
-};
-
-/**
- * Shortcut for `String.toUpperCase()`.
- *
- * @param {string} source input string
- * @returns {string} uppercase output string
- */
-const toUpperCase = (source) => source.toUpperCase();
-
-/**
- * Utility to wrap a callback in a try() catch(e)
- *
- * @param {Function} fn callback
- * @param {string} origin callback context description
- */
-function tryWrapper(fn, origin) {
-  try { fn(); } catch (e) {
-    throw TypeError(`${origin} ${e}`);
-  }
-}
-
-/**
- * Returns the bounding client rect of a target `HTMLElement`.
- *
- * @see https://github.com/floating-ui/floating-ui
- *
- * @param {HTMLElement | Element} element event.target
- * @param {boolean=} includeScale when *true*, the target scale is also computed
- * @returns {SHORTER.BoundingClientRect} the bounding client rect object
- */
-function getBoundingClientRect(element, includeScale) {
-  const {
-    width, height, top, right, bottom, left,
-  } = element.getBoundingClientRect();
-  let scaleX = 1;
-  let scaleY = 1;
-
-  if (includeScale && element instanceof HTMLElement) {
-    const { offsetWidth, offsetHeight } = element;
-    scaleX = offsetWidth > 0 ? Math.round(width) / offsetWidth || 1 : 1;
-    scaleY = offsetHeight > 0 ? Math.round(height) / offsetHeight || 1 : 1;
-  }
-
-  return {
-    width: width / scaleX,
-    height: height / scaleY,
-    top: top / scaleY,
-    right: right / scaleX,
-    bottom: bottom / scaleY,
-    left: left / scaleX,
-    x: left / scaleX,
-    y: top / scaleY,
-  };
-}
-
-/**
- * Returns the `document.body` or the `<body>` element.
- *
- * @param {(Node | HTMLElement | Element | globalThis)=} node
- * @returns {HTMLElement | HTMLBodyElement}
- */
-function getDocumentBody(node) {
-  return getDocument(node).body;
-}
-
-/**
- * Returns the `document.documentElement` or the `<html>` element.
- *
- * @param {(Node | HTMLElement | Element | globalThis)=} node
- * @returns {HTMLElement | HTMLHtmlElement}
- */
-function getDocumentElement(node) {
-  return getDocument(node).documentElement;
-}
-
-/**
- * Returns the `document.head` or the `<head>` element.
- *
- * @param {(Node | HTMLElement | Element | globalThis)=} node
- * @returns {HTMLElement | HTMLHeadElement}
- */
-function getDocumentHead(node) {
-  return getDocument(node).head;
-}
-
-/**
- * Returns an `{x,y}` object with the target
- * `HTMLElement` / `Node` scroll position.
- *
- * @see https://github.com/floating-ui/floating-ui
- *
- * @param {HTMLElement | Element | Window} element target node / element
- * @returns {{x: number, y: number}} the scroll tuple
- */
-function getNodeScroll(element) {
-  const isWin = 'scrollX' in element;
-  const x = isWin ? element.scrollX : element.scrollLeft;
-  const y = isWin ? element.scrollY : element.scrollTop;
-
-  return { x, y };
-}
-
-/**
- * Returns the `Window` object of a target node.
- * @see https://github.com/floating-ui/floating-ui
- *
- * @param {(Node | HTMLElement | Element | Window)=} node target node
- * @returns {globalThis}
- */
-function getWindow(node) {
-  if (node == null) {
-    return window;
-  }
-
-  if (!(node instanceof Window)) {
-    const { ownerDocument } = node;
-    return ownerDocument ? ownerDocument.defaultView || window : window;
-  }
-
-  // @ts-ignore
-  return node;
-}
-
-/**
- * Check if target is a `ShadowRoot`.
- *
- * @param {any} element target
- * @returns {boolean} the query result
- */
-const isShadowRoot = (element) => {
-  const OwnElement = getWindow(element).ShadowRoot;
-  return element instanceof OwnElement || element instanceof ShadowRoot;
-};
-
-/**
- * Returns the `parentNode` also going through `ShadowRoot`.
- * @see https://github.com/floating-ui/floating-ui
- *
- * @param {Node | HTMLElement | Element} node the target node
- * @returns {Node | HTMLElement | Element} the apropriate parent node
- */
-function getParentNode(node) {
-  if (node.nodeName === 'HTML') {
-    return node;
-  }
-
-  // this is a quicker (but less type safe) way to save quite some bytes from the bundle
-  return (
-    // @ts-ignore
-    node.assignedSlot // step into the shadow DOM of the parent of a slotted node
-    || node.parentNode // @ts-ignore DOM Element detected
-    || (isShadowRoot(node) ? node.host : null) // ShadowRoot detected
-    || getDocumentElement(node) // fallback
-  );
-}
-
-/**
- * Checks if a target `HTMLElement` is affected by scale.
- * @see https://github.com/floating-ui/floating-ui
- *
- * @param {HTMLElement} element target
- * @returns {boolean} the query result
- */
-function isScaledElement(element) {
-  const { width, height } = getBoundingClientRect(element);
-  const { offsetWidth, offsetHeight } = element;
-  return Math.round(width) !== offsetWidth
-    || Math.round(height) !== offsetHeight;
-}
-
-/**
- * Returns the rect relative to an offset parent.
- * @see https://github.com/floating-ui/floating-ui
- *
- * @param {HTMLElement | Element} element target
- * @param {HTMLElement | Element | Window} offsetParent the container / offset parent
- * @param {{x: number, y: number}} scroll
- * @returns {SHORTER.OffsetRect}
- */
-function getRectRelativeToOffsetParent(element, offsetParent, scroll) {
-  const isParentAnElement = offsetParent instanceof HTMLElement;
-  const rect = getBoundingClientRect(element, isParentAnElement && isScaledElement(offsetParent));
-  const offsets = { x: 0, y: 0 };
-
-  if (isParentAnElement) {
-    const offsetRect = getBoundingClientRect(offsetParent, true);
-    offsets.x = offsetRect.x + offsetParent.clientLeft;
-    offsets.y = offsetRect.y + offsetParent.clientTop;
-  }
-
-  return {
-    x: rect.left + scroll.x - offsets.x,
-    y: rect.top + scroll.y - offsets.y,
-    width: rect.width,
-    height: rect.height,
-  };
-}
-
-let elementUID = 0;
-let elementMapUID = 0;
-const elementIDMap = new Map();
-
-/**
- * Returns a unique identifier for popover, tooltip, scrollspy.
- *
- * @param {HTMLElement | Element} element target element
- * @param {string=} key predefined key
- * @returns {number} an existing or new unique ID
- */
-function getUID(element, key) {
-  let result = key ? elementUID : elementMapUID;
-
-  if (key) {
-    const elID = getUID(element);
-    const elMap = elementIDMap.get(elID) || new Map();
-    if (!elementIDMap.has(elID)) {
-      elementIDMap.set(elID, elMap);
-    }
-    if (!elMap.has(key)) {
-      elMap.set(key, result);
-      elementUID += 1;
-    } else result = elMap.get(key);
-  } else {
-    const elkey = element.id || element;
-
-    if (!elementIDMap.has(elkey)) {
-      elementIDMap.set(elkey, result);
-      elementMapUID += 1;
-    } else result = elementIDMap.get(elkey);
-  }
-  return result;
-}
-
-/**
- * Shortcut for `Array.isArray()` static method.
- *
- * @param  {any} arr array-like iterable object
- * @returns {boolean} the query result
- */
-const isArray = (arr) => Array.isArray(arr);
-
-/**
- * Checks if an object is a `Document`.
- *
- * @param {any} element the target object
- * @returns {boolean} the query result
- */
-const isDocument = (element) => element instanceof Document;
-
-/**
- * Checks if an object is a `CustomElement`.
- *
- * @param {any} element the target object
- * @returns {boolean} the query result
- */
-const isCustomElement = (element) => element && !!element.shadowRoot;
-
-/**
- * Checks if an object is an `Element`.
- *
- * @param {any} element the target object
- * @returns {boolean} the query result
- */
-const isElement = (element) => element instanceof Element;
-
-/**
- * Utility to determine if an `HTMLElement`
- * is partially visible in viewport.
- *
- * @param {HTMLElement | Element} element target
- * @return {boolean} the query result
- */
-const isElementInScrollRange = (element) => {
-  const { top, bottom } = getBoundingClientRect(element);
-  const { clientHeight } = getDocumentElement(element);
-  // checks bottom && top
-  return top <= clientHeight && bottom >= 0;
-};
-
-/**
- * Utility to determine if an `HTMLElement`
- * is fully visible in the viewport.
- *
- * @param {HTMLElement | Element} element target
- * @return {boolean} the query result
- */
-const isElementInViewport = (element) => {
-  const {
-    top, left, bottom, right,
-  } = getBoundingClientRect(element, true);
-  const { clientWidth, clientHeight } = getDocumentElement(element);
-  return (
-    top >= 0 && left >= 0
-    && bottom <= clientHeight
-    && right <= clientWidth
-  );
-};
-
-/**
- * Checks if an object is an `Array` in which all items are `Element`.
- *
- * @param {any} object the target object
- * @returns {boolean} the query result
- */
-const isElementsArray = (object) => Array.isArray(object)
-  && object.every((el) => [HTMLElement, Element].some((x) => el instanceof x));
-
-/**
- * Checks if an object is an `HTMLCollection`.
- *
- * @param {any} object the target object
- * @returns {boolean} the query result
- */
-const isHTMLCollection = (object) => object instanceof HTMLCollection;
-
-/**
- * Checks if an element is an `HTMLElement`.
- *
- * @param {any} element the target object
- * @returns {boolean} the query result
- */
-const isHTMLElement = (element) => element instanceof HTMLElement;
-
-/**
- * Check if a target element is an `<img>`.
- * @param {any} element the target element
- * @returns {boolean} the query result
- */
-const isHTMLImageElement = (element) => element instanceof HTMLImageElement;
-
-/**
- * Checks if an element is an `<svg>` (or any type of SVG element),
- * `<img>` or `<video>`.
- *
- * *Tooltip* / *Popover* works different with media elements.
- * @param {any} element the target element
- * @returns {boolean} the query result
- */
-const isMedia = (element) => element
-  && [SVGElement, HTMLImageElement, HTMLVideoElement]
-    .some((mediaType) => element instanceof mediaType);
-
-/**
- * Checks if an object is a `Node`.
- *
- * @param {any} node the target object
- * @returns {boolean} the query result
- */
-const isNode = (node) => node instanceof Node;
-
-/**
- * Checks if an object is a `NodeList`.
- *
- * @param {any} object the target object
- * @returns {boolean} the query result
- */
-const isNodeList = (object) => object instanceof NodeList;
-
-/**
- * Checks if a page is Right To Left.
- * @param {(HTMLElement | Element)=} node the target
- * @returns {boolean} the query result
- */
-const isRTL = (node) => getDocumentElement(node).dir === 'rtl';
-
-/**
- * Shortcut for `typeof SOMETHING === string` static method.
- *
- * @param  {any} str array-like iterable object
- * @returns {boolean} the query result
- */
-const isString = (str) => typeof str === 'string';
-
-/**
- * Check if an element is an `<svg>` or any other SVG element.
- * @param {any} element the target element
- * @returns {boolean} the query result
- */
-const isSVGElement = (element) => element instanceof SVGElement;
-
-/**
- * Check if a target element is a `<table>`, `<td>` or `<th>`.
- * @param {any} element the target element
- * @returns {boolean} the query result
- */
-const isTableElement = (element) => ['TABLE', 'TD', 'TH'].includes(element.tagName);
-
-/**
- * Check if a target node is `window`.
- *
- * @param {any} node the target node
- * @returns {boolean} the query result
- */
-function isWindow(node) {
-  return node instanceof Window;
-}
-
-/**
- * Shortcut for `HTMLElement.closest` method which also works
- * with children of `ShadowRoot`. The order of the parameters
- * is intentional since they're both required.
- *
- * @see https://stackoverflow.com/q/54520554/803358
- *
- * @param {HTMLElement | Element} element Element to look into
- * @param {string} selector the selector name
- * @return {(HTMLElement | Element)?} the query result
- */
-function closest(element, selector) {
-  return element ? (element.closest(selector)
-    // @ts-ignore -- break out of `ShadowRoot`
-    || closest(element.getRootNode().host, selector)) : null;
-}
-
-/**
- * Shortcut for `HTMLElement.getElementsByTagName` method. Some `Node` elements
- * like `ShadowRoot` do not support `getElementsByTagName`.
- *
- * @param {string} selector the tag name
- * @param {(HTMLElement | Element | Document)=} parent optional Element to look into
- * @return {HTMLCollectionOf<HTMLElement | Element>} the 'HTMLCollection'
- */
-function getElementsByTagName(selector, parent) {
-  const lookUp = typeof parent !== 'object' ? getDocument() : parent;
-  return lookUp.getElementsByTagName(selector);
-}
-
-/**
- * An `HTMLCollection` with all document elements,
- * which is the equivalent of `document.all`.
- */
-const documentAll = getElementsByTagName('*');
-
-/**
- * Returns an `Array` of `Node` elements that are registered as
- * `CustomElement`.
- * @see https://stackoverflow.com/questions/27334365/how-to-get-list-of-registered-custom-elements
- *
- * @param {(HTMLElement | Element | Node | Document)=} parent parent to look into
- * @returns {Array<HTMLElement | Element>} the query result
- */
-function getCustomElements(parent) {
-  const collection = parent && typeof parent === 'object'
-    ? getElementsByTagName('*', parent) : documentAll;
-  return [...collection].filter(isCustomElement);
-}
-
-/**
- * Returns an `Element` that matches the id in the document.
- *
- * @param {string} id
- * @returns {(HTMLElement | Element)?}
- */
-function getElementById(id) {
-  return getDocument().getElementById(id);
-}
-
-/**
- * A shortcut for `(document|Element).querySelectorAll`.
- *
- * @param {string} selector the input selector
- * @param {(HTMLElement | Element | Document | Node)=} parent optional node to look into
- * @return {NodeListOf<HTMLElement | Element>} the query result
- */
-function querySelectorAll(selector, parent) {
-  const lookUp = typeof parent !== 'object' ? getDocument() : parent;
-  return lookUp.querySelectorAll(selector);
-}
-
-/**
- * Shortcut for `HTMLElement.getElementsByClassName` method. Some `Node` elements
- * like `ShadowRoot` do not support `getElementsByClassName`.
- *
- * @param {string} selector the class name
- * @param {(HTMLElement | Element | Document)=} parent optional Element to look into
- * @return {HTMLCollectionOf<HTMLElement | Element>} the 'HTMLCollection'
- */
-function getElementsByClassName(selector, parent) {
-  const lookUp = typeof parent !== 'object' ? getDocument() : parent;
-  return lookUp.getElementsByClassName(selector);
-}
-
-/**
- * Check if element matches a CSS selector.
- *
- * @param {HTMLElement | Element} target
- * @param {string} selector
- * @returns {boolean}
- */
-function matches$1(target, selector) {
-  return target.matches(selector);
-}
-
-// @ts-nocheck
-const ElementProto = Element.prototype;
-const matchesFn = ElementProto.matches
-  || ElementProto.matchesSelector
-  || ElementProto.webkitMatchesSelector
-  || ElementProto.mozMatchesSelector
-  || ElementProto.msMatchesSelector
-  || ElementProto.oMatchesSelector
-  || function matchesNotSupported() {
-    return false;
-  };
-
-/**
- * Check if element matches a CSS selector,
- * supporting a range of legacy browsers.
- *
- * @param {HTMLElement | Element} target
- * @param {string} selector
- * @returns {boolean}
- */
-function matches(target, selector) {
-  return matchesFn.call(target, selector);
-}
-
-var version = "1.0.1";
-
-// @ts-ignore
-
-/**
- * A global namespace for library version.
- * @type {string}
- */
-const Version = version;
-
-// strings
-
-const SHORTER = {
-  ariaChecked,
-  ariaDescription,
-  ariaDescribedBy,
-  ariaExpanded,
-  ariaHidden,
-  ariaHasPopup,
-  ariaLabel,
-  ariaLabelledBy,
-  ariaModal,
-  ariaPressed,
-  ariaSelected,
-  ariaValueMin,
-  ariaValueMax,
-  ariaValueNow,
-  ariaValueText,
-  nativeEvents,
-  abortEvent,
-  blurEvent,
-  moveEvent,
-  changeEvent,
-  errorEvent,
-  resetEvent,
-  resizeEvent,
-  scrollEvent,
-  submitEvent,
-  loadEvent,
-  loadstartEvent,
-  unloadEvent,
-  readystatechangeEvent,
-  beforeunloadEvent,
-  orientationchangeEvent,
-  contextmenuEvent,
-  DOMContentLoadedEvent,
-  DOMMouseScrollEvent,
-  selectEvent,
-  selectendEvent,
-  selectstartEvent,
-  mouseClickEvents,
-  mouseclickEvent,
-  mousedblclickEvent,
-  mousedownEvent,
-  mouseupEvent,
-  mousehoverEvent,
-  mouseHoverEvents,
-  mouseenterEvent,
-  mouseleaveEvent,
-  mouseinEvent,
-  mouseoutEvent,
-  mouseoverEvent,
-  mousemoveEvent,
-  mousewheelEvent,
-  mouseSwipeEvents,
-  touchEvents,
-  touchstartEvent,
-  touchmoveEvent,
-  touchcancelEvent,
-  touchendEvent,
-  pointercancelEvent,
-  pointerdownEvent,
-  pointerleaveEvent,
-  pointermoveEvent,
-  pointerupEvent,
-  focusEvents,
-  focusEvent,
-  focusinEvent,
-  focusoutEvent,
-  gesturechangeEvent,
-  gestureendEvent,
-  gesturestartEvent,
-  bezierEasings,
-  animationDuration: animationDuration$1,
-  animationDurationLegacy: animationDuration,
-  animationDelay: animationDelay$1,
-  animationDelayLegacy: animationDelay,
-  animationName: animationName$1,
-  animationNameLegacy: animationName,
-  animationEndEvent: animationEndEvent$1,
-  animationEndEventLegacy: animationEndEvent,
-  transitionDuration: transitionDuration$1,
-  transitionDurationLegacy: transitionDuration,
-  transitionDelay: transitionDelay$1,
-  transitionDelayLegacy: transitionDelay,
-  transitionEndEvent: transitionEndEvent$1,
-  transitionEndEventLegacy: transitionEndEvent,
-  transitionProperty: transitionProperty$1,
-  transitionPropertyLegacy: transitionProperty,
-  isMobile,
-  isApple,
-  isFirefox,
-  support3DTransform,
-  supportPassive,
-  supportTransform,
-  supportTouch,
-  supportAnimation,
-  supportTransition,
-  addEventListener,
-  removeEventListener,
-  keyboardEventKeys,
-  keydownEvent,
-  keypressEvent,
-  keyupEvent,
-  keyAlt,
-  keyArrowDown,
-  keyArrowLeft,
-  keyArrowRight,
-  keyArrowUp,
-  keyBackspace,
-  keyCapsLock,
-  keyControl,
-  keyDelete,
-  keyEnter,
-  keyEscape,
-  keyInsert,
-  keyMeta,
-  keyPause,
-  keyScrollLock,
-  keyShift,
-  keySpace,
-  keyTab,
-  offsetHeight,
-  offsetWidth,
-  scrollHeight,
-  scrollWidth,
-  userAgentData,
-  userAgent,
-  addClass,
-  removeClass,
-  hasClass,
-  on,
-  off,
-  one,
-  dispatchEvent,
-  distinct,
-  Data,
-  getInstance,
-  createElement,
-  createElementNS,
-  toUpperCase,
-  toLowerCase,
-  Timer,
-  emulateAnimationEnd: emulateAnimationEnd$1,
-  emulateAnimationEndLegacy: emulateAnimationEnd,
-  emulateTransitionEnd: emulateTransitionEnd$1,
-  emulateTransitionEndLegacy: emulateTransitionEnd,
-  isElementInScrollRange,
-  isElementInViewport,
-  passiveHandler: passiveHandler$1,
-  passiveHandlerLegacy: passiveHandler,
-  getElementAnimationDuration: getElementAnimationDuration$1,
-  getElementAnimationDurationLegacy: getElementAnimationDuration,
-  getElementAnimationDelay: getElementAnimationDelay$1,
-  getElementAnimationDelayLegacy: getElementAnimationDelay,
-  getElementTransitionDuration: getElementTransitionDuration$1,
-  getElementTransitionDurationLegacy: getElementTransitionDuration,
-  getElementTransitionDelay: getElementTransitionDelay$1,
-  getElementTransitionDelayLegacy: getElementTransitionDelay,
-  getNodeScroll,
-  getParentNode,
-  getRectRelativeToOffsetParent,
-  getWindow,
-  isArray,
-  isString,
-  isCustomElement,
-  isElement,
-  isNode,
-  isHTMLElement,
-  isHTMLImageElement,
-  isSVGElement,
-  isNodeList,
-  isHTMLCollection,
-  isScaledElement,
-  isTableElement,
-  isShadowRoot,
-  isDocument,
-  isElementsArray,
-  isWindow,
-  isMedia,
-  isRTL,
-  closest,
-  documentAll,
-  querySelector,
-  getCustomElements,
-  getElementById,
-  querySelectorAll,
-  getElementsByClassName,
-  getElementsByTagName,
-  matches: matches$1,
-  matchesLegacy: matches,
-  normalizeValue,
-  normalizeOptions,
-  tryWrapper,
-  reflow,
-  noop,
-  focus,
-  getUID,
-  ArrayFrom,
-  Float32ArrayFrom,
-  Float64ArrayFrom,
-  ObjectAssign,
-  ObjectKeys,
-  ObjectValues,
-  OriginalEvent,
-  getBoundingClientRect,
-  getDocument,
-  getDocumentBody,
-  getDocumentElement,
-  getDocumentHead,
-  getElementStyle,
-  setElementStyle,
-  hasAttribute,
-  hasAttributeNS,
-  getAttribute,
-  getAttributeNS,
-  setAttribute,
-  setAttributeNS,
-  removeAttribute,
-  removeAttributeNS,
-  Version,
-};
-
-export { SHORTER as default };