@thednp/shorty 1.0.0 → 1.0.3

package/dist/shorty.js

@@ -1,5 +1,5 @@
 /*!
-* Shorty v1.0.0 (https://github.com/thednp/shorty)
+* Shorty v1.0.3 (https://github.com/thednp/shorty)
 * Copyright 2019-2022 © dnp_theme
 * Licensed under MIT (https://github.com/thednp/shorty/blob/master/LICENSE)
 */
@@ -479,7 +479,8 @@
    * A global namespace for mouse hover events.
    * @type {[string, string]}
    */
-  var mouseHoverEvents = ('onmouseleave' in document) ? ['mouseenter', 'mouseleave'] : ['mouseover', 'mouseout'];
+  var mouseHoverEvents = ('onmouseleave' in document) ? ['mouseenter', 'mouseleave']
+    : /* istanbul ignore next */['mouseover', 'mouseout'];
 
   /**
    * A global namespace for touch events.
@@ -644,7 +645,8 @@
    * A global namespace for 'animationDuration' string.
    * @type {string}
    */
-  var animationDuration = 'webkitAnimation' in documentHead.style ? 'webkitAnimationDuration' : 'animationDuration';
+  var animationDuration = 'webkitAnimation' in documentHead.style ? 'webkitAnimationDuration'
+    : /* istanbul ignore next */'animationDuration';
 
   /**
    * A global namespace for 'animationDelay' string.
@@ -656,7 +658,8 @@
    * A global namespace for 'animationDelay' string.
    * @type {string}
    */
-  var animationDelay = 'webkitAnimation' in documentHead.style ? 'webkitAnimationDelay' : 'animationDelay';
+  var animationDelay = 'webkitAnimation' in documentHead.style ? 'webkitAnimationDelay'
+    : /* istanbul ignore next */'animationDelay';
 
   /**
    * A global namespace for 'animationName' string.
@@ -668,7 +671,8 @@
    * A global namespace for 'animationName' string.
    * @type {string}
    */
-  var animationName = 'webkitAnimation' in documentHead.style ? 'webkitAnimationName' : 'animationName';
+  var animationName = 'webkitAnimation' in documentHead.style ? 'webkitAnimationName'
+    : /* istanbul ignore next */'animationName';
 
   /**
    * A global namespace for 'animationend' string.
@@ -680,7 +684,8 @@
    * A global namespace for 'animationend' string.
    * @type {string}
    */
-  var animationEndEvent = 'webkitAnimation' in documentHead.style ? 'webkitAnimationEnd' : 'animationend';
+  var animationEndEvent = 'webkitAnimation' in documentHead.style ? 'webkitAnimationEnd'
+    : /* istanbul ignore next */'animationend';
 
   /**
    * A global namespace for 'transitionDuration' string.
@@ -692,7 +697,8 @@
    * A global namespace for 'transitionDuration' string.
    * @type {string}
    */
-  var transitionDuration = 'webkitTransition' in documentHead.style ? 'webkitTransitionDuration' : 'transitionDuration';
+  var transitionDuration = 'webkitTransition' in documentHead.style ? 'webkitTransitionDuration'
+    : /* istanbul ignore next */'transitionDuration';
 
   /**
    * A global namespace for 'transitionDelay' string.
@@ -704,7 +710,8 @@
    * A global namespace for 'transitionDelay' string.
    * @type {string}
    */
-  var transitionDelay = 'webkitTransition' in documentHead.style ? 'webkitTransitionDelay' : 'transitionDelay';
+  var transitionDelay = 'webkitTransition' in documentHead.style ? 'webkitTransitionDelay'
+    : /* istanbul ignore next */'transitionDelay';
 
   /**
    * A global namespace for 'transitionend' string.
@@ -716,7 +723,8 @@
    * A global namespace for 'transitionend' string.
    * @type {string}
    */
-  var transitionEndEvent = 'webkitTransition' in documentHead.style ? 'webkitTransitionEnd' : 'transitionend';
+  var transitionEndEvent = 'webkitTransition' in documentHead.style ? 'webkitTransitionEnd'
+    : /* istanbul ignore next */'transitionend';
 
   /**
    * A global namespace for `transitionProperty` string for modern browsers.
@@ -732,7 +740,8 @@
    *
    * @type {string}
    */
-  var transitionProperty = 'webkitTransition' in documentHead.style ? 'webkitTransitionProperty' : 'transitionProperty';
+  var transitionProperty = 'webkitTransition' in documentHead.style ? 'webkitTransitionProperty'
+    : /* istanbul ignore next */'transitionProperty';
 
   /**
    * A global namespace for 'addEventListener' string.
@@ -803,7 +812,6 @@
    */
   var scrollWidth = 'scrollWidth';
 
-  // @ts-ignore
   var uaDATA = navigator.userAgentData;
 
   /**
@@ -821,9 +829,9 @@
   var mobileBrands = /iPhone|iPad|iPod|Android/i;
   var isMobileCheck = false;
 
+  /* istanbul ignore else */
   if (userAgentData) {
-    isMobileCheck = userAgentData.brands
-      .some(function (/** @type {Record<String, any>} */x) { return mobileBrands.test(x.brand); });
+    isMobileCheck = userAgentData.brands.some(function (x) { return mobileBrands.test(x.brand); });
   } else {
     isMobileCheck = mobileBrands.test(userAgent);
   }
@@ -840,30 +848,28 @@
    * A global `boolean` for Apple browsers.
    * @type {boolean}
    */
-  var isApple = !userAgentData ? appleBrands.test(userAgent)
-    : userAgentData.brands.some(function (/** @type {Record<string, any>} */x) { return appleBrands.test(x.brand); });
+  var isApple = userAgentData ? userAgentData.brands.some(function (x) { return appleBrands.test(x.brand); })
+    : /* istanbul ignore next */appleBrands.test(userAgent);
 
   /**
    * A global boolean for Gecko browsers. When writing this file,
    * Gecko was not supporting `userAgentData`.
    * @type {boolean}
    */
-  var isFirefox = userAgent ? userAgent.includes('Firefox') : false;
+  var isFirefox = userAgent ? userAgent.includes('Firefox')
+    : /* istanbul ignore next */false;
 
   /**
    * A global `boolean` for CSS3 3D transform support.
    * @type {boolean}
    */
-  var support3DTransform = 'webkitPerspective' in documentHead.style || 'perspective' in documentHead.style;
+  var support3DTransform = 'webkitPerspective' in documentHead.style
+    || /* istanbul ignore next */'perspective' in documentHead.style;
 
   /**
-   * Add eventListener to an `Element` | `HTMLElement` | `Document` target.
+   * Add eventListener to an `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}
+   * @type {SHORTY.OnOff<EventTarget>}
    */
   function on(element, eventName, listener, options) {
     var ops = options || false;
@@ -871,13 +877,9 @@
   }
 
   /**
-   * Remove eventListener from an `Element` | `HTMLElement` | `Document` | `Window` target.
+   * Remove eventListener from an `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}
+   * @type {SHORTY.OnOff<EventTarget>}
    */
   function off(element, eventName, listener, options) {
     var ops = options || false;
@@ -885,14 +887,10 @@
   }
 
   /**
-   * Add an `eventListener` to an `Element` | `HTMLElement` | `Document` | `Window`
+   * Add an `eventListener` to an `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}
+   * @type {SHORTY.OnOff<EventTarget>}
    */
   function one(element, eventName, listener, options) {
   /**
@@ -900,6 +898,7 @@
    * @type {EventListener}
    */
     var handlerWrapper = function (e) {
+      /* istanbul ignore else */
       if (e.target === element) {
         listener.apply(element, [e]);
         off(element, eventName, handlerWrapper, options);
@@ -924,9 +923,10 @@
           return result;
         },
       });
+      /* istanbul ignore next */
       one(document, DOMContentLoadedEvent, function () {}, opts);
     } catch (e) {
-      throw Error('Passive events are not supported');
+      // throw Error('Passive events are not supported');
     }
 
     return result;
@@ -936,29 +936,33 @@
    * A global `boolean` for CSS3 transform support.
    * @type {boolean}
    */
-  var supportTransform = 'webkitTransform' in documentHead.style || 'transform' in documentHead.style;
+  var supportTransform = 'webkitTransform' in documentHead.style
+    || /* istanbul ignore next */'transform' in documentHead.style;
 
   /**
    * A global `boolean` for touch events support.
    * @type {boolean}
    */
-  var supportTouch = 'ontouchstart' in window || 'msMaxTouchPoints' in navigator;
+  var supportTouch = 'ontouchstart' in window
+    || /* istanbul ignore next */'msMaxTouchPoints' in navigator;
 
   /**
    * A global `boolean` for CSS3 animation support.
    * @type {boolean}
    */
-  var supportAnimation = 'webkitAnimation' in documentHead.style || 'animation' in documentHead.style;
+  var supportAnimation = 'webkitAnimation' in documentHead.style
+    || /* istanbul ignore next */'animation' in documentHead.style;
 
   /**
    * A global `boolean` for CSS3 transition support.
    * @type {boolean}
    */
-  var supportTransition = 'webkitTransition' in documentHead.style || 'transition' in documentHead.style;
+  var supportTransition = 'webkitTransition' in documentHead.style
+    || /* istanbul ignore next */'transition' in documentHead.style;
 
   /**
    * Shortcut for `HTMLElement.getAttribute()` method.
-   * @param {HTMLElement | Element} element target element
+   * @param {HTMLElement} element target element
    * @param {string} attribute attribute name
    * @returns {string?} attribute value
    */
@@ -967,7 +971,7 @@
   /**
    * Shortcut for `HTMLElement.getAttributeNS()` method.
    * @param {string} ns attribute namespace
-   * @param {HTMLElement | Element} element target element
+   * @param {HTMLElement} element target element
    * @param {string} attribute attribute name
    * @returns {string?} attribute value
    */
@@ -975,7 +979,7 @@
 
   /**
    * Shortcut for `HTMLElement.hasAttribute()` method.
-   * @param  {HTMLElement | Element} element target element
+   * @param  {HTMLElement} element target element
    * @param  {string} attribute attribute name
    * @returns {boolean} the query result
    */
@@ -984,7 +988,7 @@
   /**
    * Shortcut for `HTMLElement.hasAttributeNS()` method.
    * @param  {string} ns attribute namespace
-   * @param  {HTMLElement | Element} element target element
+   * @param  {HTMLElement} element target element
    * @param  {string} att attribute name
    * @returns {boolean} the query result
    */
@@ -992,7 +996,7 @@
 
   /**
    * Shortcut for `HTMLElement.setAttribute()` method.
-   * @param  {HTMLElement | Element} element target element
+   * @param  {HTMLElement} element target element
    * @param  {string} attribute attribute name
    * @param  {string} value attribute value
    * @returns {void}
@@ -1002,7 +1006,7 @@
   /**
    * Shortcut for `SVGElement.setAttributeNS()` method.
    * @param  {string} ns attribute namespace
-   * @param  {HTMLElement | Element} element target element
+   * @param  {HTMLElement} element target element
    * @param  {string} att attribute name
    * @param  {string} value attribute value
    * @returns {void}
@@ -1011,7 +1015,7 @@
 
   /**
    * Shortcut for `HTMLElement.removeAttribute()` method.
-   * @param  {HTMLElement | Element} element target element
+   * @param  {HTMLElement} element target element
    * @param  {string} attribute attribute name
    * @returns {void}
    */
@@ -1020,7 +1024,7 @@
   /**
    * Shortcut for `HTMLElement.removeAttributeNS()` method.
    * @param  {string} ns attribute namespace
-   * @param  {HTMLElement | Element} element target element
+   * @param  {HTMLElement} element target element
    * @param  {string} att attribute name
    * @returns {void}
    */
@@ -1029,7 +1033,7 @@
   /**
    * Add class to `HTMLElement.classList`.
    *
-   * @param {HTMLElement | Element} element target
+   * @param {HTMLElement} element target
    * @param {string} classNAME to add
    * @returns {void}
    */
@@ -1040,7 +1044,7 @@
   /**
    * Remove class from `HTMLElement.classList`.
    *
-   * @param {HTMLElement | Element} element target
+   * @param {HTMLElement} element target
    * @param {string} classNAME to remove
    * @returns {void}
    */
@@ -1051,7 +1055,7 @@
   /**
    * Check class in `HTMLElement.classList`.
    *
-   * @param {HTMLElement | Element} element target
+   * @param {HTMLElement} element target
    * @param {string} classNAME to check
    * @returns {boolean}
    */
@@ -1068,32 +1072,15 @@
   var ArrayFrom = function (arr) { return 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.
+   * Checks if an element is an `HTMLElement`.
+   * @see https://dom.spec.whatwg.org/#node
    *
-   * @param {HTMLElement | Element | string} selector the input selector or target element
-   * @param {(HTMLElement | Element | Document)=} parent optional node to look into
-   * @return {(HTMLElement | Element)?} the `HTMLElement` or `querySelector` result
+   * @param {any} element the target object
+   * @returns {boolean} the query result
    */
-  function querySelector(selector, parent) {
-    var method = 'querySelector';
-    var lookUp = parent && parent[method] ? parent : getDocument();
-    return selector[method] ? selector : lookUp[method](selector);
-  }
+  var isHTMLElement = function (element) { return (element && element.nodeType === 1) || false; };
 
-  /** @type {Map<string, Map<HTMLElement | Element, Record<string, any>>>} */
+  /** @type {Map<string, Map<HTMLElement, Record<string, any>>>} */
   var componentData = new Map();
   /**
    * An interface for web components background data.
@@ -1102,27 +1089,27 @@
   var Data = {
     /**
      * Sets web components data.
-     * @param {HTMLElement | Element | string} target target element
+     * @param {HTMLElement} element target element
      * @param {string} component the component's name or a unique key
      * @param {Record<string, any>} instance the component instance
      */
-    set: function (target, component, instance) {
-      var element = querySelector(target);
-      if (!element) { return; }
+    set: function (element, component, instance) {
+      if (!isHTMLElement(element)) { return; }
 
+      /* istanbul ignore else */
       if (!componentData.has(component)) {
         componentData.set(component, new Map());
       }
 
       var instanceMap = componentData.get(component);
-      // @ts-ignore - not undefined, but defined right above
+      // 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
+     * @returns {Map<HTMLElement, Record<string, any>>?} all the component instances
      */
     getAllFor: function (component) {
       var instanceMap = componentData.get(component);
@@ -1132,12 +1119,12 @@
 
     /**
      * Returns the instance associated with the target.
-     * @param {HTMLElement | Element | string} target target element
+     * @param {HTMLElement} element target element
      * @param {string} component the component's name or a unique key
      * @returns {Record<string, any>?} the instance
      */
-    get: function (target, component) {
-      var element = querySelector(target);
+    get: function (element, component) {
+      if (!isHTMLElement(element) || !component) { return null; }
       var allForC = Data.getAllFor(component);
       var instance = element && allForC && allForC.get(element);
 
@@ -1146,16 +1133,16 @@
 
     /**
      * Removes web components data.
-     * @param {HTMLElement | Element | string} target target element
+     * @param {HTMLElement} element target element
      * @param {string} component the component's name or a unique key
      */
-    remove: function (target, component) {
-      var element = querySelector(target);
+    remove: function (element, component) {
       var instanceMap = componentData.get(component);
-      if (!instanceMap || !element) { return; }
+      if (!instanceMap || !isHTMLElement(element)) { return; }
 
       instanceMap.delete(element);
 
+      /* istanbul ignore else */
       if (instanceMap.size === 0) {
         componentData.delete(component);
       }
@@ -1164,10 +1151,54 @@
 
   /**
    * An alias for `Data.get()`.
-   * @type {SHORTER.getInstance<any>}
+   * @type {SHORTY.getInstance<any>}
    */
   var getInstance = function (target, component) { return Data.get(target, component); };
 
+  /**
+   * Checks if an object is a `Node`.
+   *
+   * @param {any} node the target object
+   * @returns {boolean} the query result
+   */
+  var isNode = function (element) { return (element && [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
+    .some(function (x) { return +element.nodeType === x; })) || false; };
+
+  /**
+   * Check if a target object is `Window`.
+   * => equivalent to `object instanceof Window`
+   *
+   * @param {any} object the target object
+   * @returns {boolean} the query result
+   */
+  var isWindow = function (object) { return (object && object.constructor.name === 'Window') || false; };
+
+  /**
+   * Checks if an object is a `Document`.
+   * @see https://dom.spec.whatwg.org/#node
+   *
+   * @param {any} object the target object
+   * @returns {boolean} the query result
+   */
+  var isDocument = function (object) { return (object && object.nodeType === 9) || false; };
+
+  /**
+   * Returns the `document` or the `#document` element.
+   * @see https://github.com/floating-ui/floating-ui
+   * @param {(Node | Window)=} node
+   * @returns {Document}
+   */
+  function getDocument(node) {
+    // node instanceof Document
+    if (isDocument(node)) { return node; }
+    // node instanceof Node
+    if (isNode(node)) { return node.ownerDocument; }
+    // node instanceof Window
+    if (isWindow(node)) { return node.document; }
+    // node is undefined | NULL
+    return window.document;
+  }
+
   /**
    * Shortcut for `Object.assign()` static method.
    * @param  {Record<string, any>} obj a target object
@@ -1183,9 +1214,11 @@
    * @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`
+   * @return {HTMLElement} a new `HTMLElement` or `Element`
    */
   function createElement(param) {
+    if (!param) { return null; }
+
     if (typeof param === 'string') {
       return getDocument().createElement(param);
     }
@@ -1198,6 +1231,13 @@
     return newElement;
   }
 
+  /**
+   * Shortcut for `Object.entries()` static method.
+   * @param  {Record<string, any>} obj a target object
+   * @returns {[string, any][]}
+   */
+  var ObjectEntries = function (obj) { return Object.entries(obj); };
+
   /**
    * This is a shortie for `document.createElementNS` method
    * which allows you to create a new `HTMLElement` for a given `tagName`
@@ -1207,9 +1247,10 @@
    *
    * @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`
+   * @return {HTMLElement} a new `HTMLElement` or `Element`
    */
   function createElementNS(namespace, param) {
+    if (!namespace && !param) { return null; }
     if (typeof param === 'string') {
       return getDocument().createElementNS(namespace, param);
     }
@@ -1218,14 +1259,19 @@
     var attr = Object.assign({}, param);
     var newElement = createElementNS(namespace, tagName);
     delete attr.tagName;
-    ObjectAssign(newElement, attr);
+    ObjectEntries(attr).forEach(function (ref) {
+      var key = ref[0];
+      var value = ref[1];
+
+      setAttribute(newElement, key, value);
+    });
     return newElement;
   }
 
   /**
    * Shortcut for the `Element.dispatchEvent(Event)` method.
    *
-   * @param {HTMLElement | Element} element is the target
+   * @param {HTMLElement} element is the target
    * @param {Event} event is the `Event` object
    */
   var dispatchEvent = function (element, event) { return element.dispatchEvent(event); };
@@ -1247,33 +1293,35 @@
    * * If `element` parameter is not an `HTMLElement`, `getComputedStyle`
    * throws a `ReferenceError`.
    *
-   * @param {HTMLElement | Element} element target
+   * @param {HTMLElement} element target
    * @param {string} property the css property
    * @return {string} the css property value
    */
   function getElementStyle(element, property) {
     var computedStyle = getComputedStyle(element);
 
-    // @ts-ignore -- must use camelcase strings,
+    // must use camelcase strings,
     // or non-camelcase strings with `getPropertyValue`
-    return property in computedStyle ? computedStyle[property] : '';
+    return property.includes('--')
+      ? computedStyle.getPropertyValue(property)
+      : computedStyle[property];
   }
 
   /**
    * Utility to get the computed `animationDelay`
    * from Element in miliseconds.
    *
-   * @param {HTMLElement | Element} element target
+   * @param {HTMLElement} element target
    * @return {number} the value in miliseconds
    */
   function getElementAnimationDelay$1(element) {
     var propertyValue = getElementStyle(element, animationName$1);
     var durationValue = getElementStyle(element, animationDelay$1);
-
-    var durationScale = durationValue.includes('ms') ? 1 : 1000;
+    var durationScale = durationValue.includes('ms') ? /* istanbul ignore next */1 : 1000;
     var duration = propertyValue && propertyValue !== 'none'
       ? parseFloat(durationValue) * durationScale : 0;
 
+    /* istanbul ignore next */
     return !Number.isNaN(duration) ? duration : 0;
   }
 
@@ -1281,24 +1329,24 @@
    * Utility to get the computed `animationDuration`
    * from `HTMLElement` in miliseconds.
    *
-   * @param {HTMLElement | Element} element target
+   * @param {HTMLElement} element target
    * @return {number} the value in miliseconds
    */
   function getElementAnimationDuration$1(element) {
     var propertyValue = getElementStyle(element, animationName$1);
     var durationValue = getElementStyle(element, animationDuration$1);
-    var durationScale = durationValue.includes('ms') ? 1 : 1000;
+    var durationScale = durationValue.includes('ms') ? /* istanbul ignore next */1 : 1000;
     var duration = propertyValue && propertyValue !== 'none'
       ? parseFloat(durationValue) * durationScale : 0;
 
-    return !Number.isNaN(duration) ? duration : 0;
+    return !Number.isNaN(duration) ? duration : /* istanbul ignore next */0;
   }
 
   /**
    * Utility to make sure callbacks are consistently
    * called when animation ends.
    *
-   * @param {HTMLElement | Element} element target
+   * @param {HTMLElement} element target
    * @param {EventListener} handler `animationend` callback
    */
   function emulateAnimationEnd$1(element, handler) {
@@ -1313,6 +1361,7 @@
        * @type {EventListener}
        */
       var animationEndWrapper = function (e) {
+        /* istanbul ignore else */
         if (e.target === element) {
           handler.apply(element, [e]);
           element.removeEventListener(animationEndEvent$1, animationEndWrapper);
@@ -1321,7 +1370,8 @@
       };
       element.addEventListener(animationEndEvent$1, animationEndWrapper);
       setTimeout(function () {
-        if (!called) { element.dispatchEvent(endEvent); }
+        /* istanbul ignore next */
+        if (!called) { dispatchEvent(element, endEvent); }
       }, duration + delay + 17);
     } else {
       handler.apply(element, [endEvent]);
@@ -1332,41 +1382,41 @@
    * Utility to get the computed `animationDelay`
    * from Element in miliseconds.
    *
-   * @param {HTMLElement | Element} element target
+   * @param {HTMLElement} element target
    * @return {number} the value in miliseconds
    */
   function getElementAnimationDelay(element) {
     var propertyValue = getElementStyle(element, animationName);
     var durationValue = getElementStyle(element, animationDelay);
-    var durationScale = durationValue.includes('ms') ? 1 : 1000;
+    var durationScale = durationValue.includes('ms') ? /* istanbul ignore next */1 : 1000;
     var duration = supportAnimation && propertyValue && propertyValue !== 'none'
       ? parseFloat(durationValue) * durationScale : 0;
 
-    return !Number.isNaN(duration) ? duration : 0;
+    return !Number.isNaN(duration) ? duration : /* istanbul ignore next */0;
   }
 
   /**
    * Utility to get the computed `animationDuration`
    * from `HTMLElement` in miliseconds.
    *
-   * @param {HTMLElement | Element} element target
+   * @param {HTMLElement} element target
    * @return {number} the value in miliseconds
    */
   function getElementAnimationDuration(element) {
     var propertyValue = getElementStyle(element, animationName);
     var durationValue = getElementStyle(element, animationDuration);
-    var durationScale = durationValue.includes('ms') ? 1 : 1000;
+    var durationScale = durationValue.includes('ms') ? /* istanbul ignore next */1 : 1000;
     var duration = supportAnimation && propertyValue && propertyValue !== 'none'
       ? parseFloat(durationValue) * durationScale : 0;
 
-    return !Number.isNaN(duration) ? duration : 0;
+    return !Number.isNaN(duration) ? duration : /* istanbul ignore next */0;
   }
 
   /**
    * Utility to make sure callbacks are consistently
    * called when animation ends.
    *
-   * @param {HTMLElement | Element} element target
+   * @param {HTMLElement} element target
    * @param {EventListener} handler `animationend` callback
    */
   function emulateAnimationEnd(element, handler) {
@@ -1381,6 +1431,7 @@
        * @param {Event} e Event object
        */
       var animationEndWrapper = function (e) {
+        /* istanbul ignore else */
         if (e.target === element) {
           handler.apply(element, [e]);
           element.removeEventListener(animationEndEvent, animationEndWrapper);
@@ -1389,7 +1440,8 @@
       };
       element.addEventListener(animationEndEvent, animationEndWrapper);
       setTimeout(function () {
-        if (!called) { element.dispatchEvent(endEvent); }
+        /* istanbul ignore next */
+        if (!called) { dispatchEvent(element, endEvent); }
       }, duration + delay + 17);
     } else {
       handler.apply(element, [endEvent]);
@@ -1400,42 +1452,41 @@
    * Utility to get the computed `transitionDelay`
    * from Element in miliseconds.
    *
-   * @param {HTMLElement | Element} element target
+   * @param {HTMLElement} element target
    * @return {number} the value in miliseconds
    */
   function getElementTransitionDelay$1(element) {
     var propertyValue = getElementStyle(element, transitionProperty$1);
     var delayValue = getElementStyle(element, transitionDelay$1);
-
-    var delayScale = delayValue.includes('ms') ? 1 : 1000;
+    var delayScale = delayValue.includes('ms') ? /* istanbul ignore next */1 : 1000;
     var duration = propertyValue && propertyValue !== 'none'
       ? parseFloat(delayValue) * delayScale : 0;
 
-    return !Number.isNaN(duration) ? duration : 0;
+    return !Number.isNaN(duration) ? duration : /* istanbul ignore next */0;
   }
 
   /**
    * Utility to get the computed `transitionDuration`
    * from Element in miliseconds.
    *
-   * @param {HTMLElement | Element} element target
+   * @param {HTMLElement} element target
    * @return {number} the value in miliseconds
    */
   function getElementTransitionDuration$1(element) {
     var propertyValue = getElementStyle(element, transitionProperty$1);
     var durationValue = getElementStyle(element, transitionDuration$1);
-    var durationScale = durationValue.includes('ms') ? 1 : 1000;
+    var durationScale = durationValue.includes('ms') ? /* istanbul ignore next */1 : 1000;
     var duration = propertyValue && propertyValue !== 'none'
       ? parseFloat(durationValue) * durationScale : 0;
 
-    return !Number.isNaN(duration) ? duration : 0;
+    return !Number.isNaN(duration) ? duration : /* istanbul ignore next */0;
   }
 
   /**
    * Utility to make sure callbacks are consistently
    * called when transition ends.
    *
-   * @param {HTMLElement | Element} element target
+   * @param {HTMLElement} element target
    * @param {EventListener} handler `transitionend` callback
    */
   function emulateTransitionEnd$1(element, handler) {
@@ -1450,6 +1501,7 @@
        * @type {EventListener} e Event object
        */
       var transitionEndWrapper = function (e) {
+        /* istanbul ignore else */
         if (e.target === element) {
           handler.apply(element, [e]);
           element.removeEventListener(transitionEndEvent$1, transitionEndWrapper);
@@ -1458,7 +1510,8 @@
       };
       element.addEventListener(transitionEndEvent$1, transitionEndWrapper);
       setTimeout(function () {
-        if (!called) { element.dispatchEvent(endEvent); }
+        /* istanbul ignore next */
+        if (!called) { dispatchEvent(element, endEvent); }
       }, duration + delay + 17);
     } else {
       handler.apply(element, [endEvent]);
@@ -1469,41 +1522,41 @@
    * Utility to get the computed `transitionDelay`
    * from Element in miliseconds.
    *
-   * @param {HTMLElement | Element} element target
+   * @param {HTMLElement} element target
    * @return {number} the value in miliseconds
    */
   function getElementTransitionDelay(element) {
     var propertyValue = getElementStyle(element, transitionProperty);
     var delayValue = getElementStyle(element, transitionDelay);
-    var delayScale = delayValue.includes('ms') ? 1 : 1000;
+    var delayScale = delayValue.includes('ms') ? /* istanbul ignore next */1 : 1000;
     var duration = supportTransition && propertyValue && propertyValue !== 'none'
       ? parseFloat(delayValue) * delayScale : 0;
 
-    return !Number.isNaN(duration) ? duration : 0;
+    return !Number.isNaN(duration) ? duration : /* istanbul ignore next */0;
   }
 
   /**
    * Utility to get the computed `transitionDuration`
    * from Element in miliseconds.
    *
-   * @param {HTMLElement | Element} element target
+   * @param {HTMLElement} element target
    * @return {number} the value in miliseconds
    */
   function getElementTransitionDuration(element) {
     var propertyValue = getElementStyle(element, transitionProperty);
     var durationValue = getElementStyle(element, transitionDuration);
-    var durationScale = durationValue.includes('ms') ? 1 : 1000;
+    var durationScale = durationValue.includes('ms') ? /* istanbul ignore next */1 : 1000;
     var duration = supportTransition && propertyValue && propertyValue !== 'none'
       ? parseFloat(durationValue) * durationScale : 0;
 
-    return !Number.isNaN(duration) ? duration : 0;
+    return !Number.isNaN(duration) ? duration : /* istanbul ignore next */0;
   }
 
   /**
    * Utility to make sure callbacks are consistently
    * called when transition ends.
    *
-   * @param {HTMLElement | Element} element target
+   * @param {HTMLElement} element target
    * @param {EventListener} handler `transitionend` callback
    */
   function emulateTransitionEnd(element, handler) {
@@ -1518,6 +1571,7 @@
        * @param {Event} e Event object
        */
       var transitionEndWrapper = function (e) {
+        /* istanbul ignore else */
         if (e.target === element) {
           handler.apply(element, [e]);
           element.removeEventListener(transitionEndEvent, transitionEndWrapper);
@@ -1526,7 +1580,8 @@
       };
       element.addEventListener(transitionEndEvent, transitionEndWrapper);
       setTimeout(function () {
-        if (!called) { element.dispatchEvent(endEvent); }
+        /* istanbul ignore next */
+        if (!called) { dispatchEvent(element, endEvent); }
       }, duration + delay + 17);
     } else {
       handler.apply(element, [endEvent]);
@@ -1550,9 +1605,8 @@
   /**
    * Utility to focus an `HTMLElement` target.
    *
-   * @param {HTMLElement | Element} element is the target
+   * @param {HTMLElement} element is the target
    */
-  // @ts-ignore -- `Element`s resulted from querySelector can focus too
   var focus = function (element) { return element.focus(); };
 
   /** A generic function with empty body. */
@@ -1571,22 +1625,24 @@
    * @return {niceValue} the normalized value
    */
   function normalizeValue(value) {
-    if (value === 'true') { // boolean
+    if (['true', true].includes(value)) { // boolean
+    // if ('true' === value) { // boolean
       return true;
     }
 
-    if (value === 'false') { // boolean
+    if (['false', false].includes(value)) { // boolean
+    // if ('false' === value) { // boolean
       return false;
     }
 
-    if (!Number.isNaN(+value)) { // number
-      return +value;
-    }
-
     if (value === '' || value === 'null') { // null
       return null;
     }
 
+    if (value !== '' && !Number.isNaN(+value)) { // number
+      return +value;
+    }
+
     // string / function / HTMLElement / object
     return value;
   }
@@ -1609,14 +1665,13 @@
   /**
    * Utility to normalize component options.
    *
-   * @param {HTMLElement | Element} element target
+   * @param {HTMLElement} 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`
     var data = Object.assign({}, element.dataset);
     /** @type {Record<string, any>} */
     var normalOps = {};
@@ -1637,6 +1692,7 @@
     });
 
     ObjectKeys(defaultOps).forEach(function (k) {
+      /* istanbul ignore else */
       if (k in inputOps) {
         normalOps[k] = inputOps[k];
       } else if (k in dataOps) {
@@ -1658,18 +1714,27 @@
    */
   var ObjectValues = function (obj) { return Object.values(obj); };
 
+  /**
+   * Checks if an object is an `Object`.
+   *
+   * @param {any} obj the target object
+   * @returns {boolean} the query result
+   */
+  var isObject = function (obj) { return (typeof obj === 'object') || false; };
+
   /**
    * 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
+   * @returns {SHORTY.OriginalEvent} a new namespaced event
    */
   function OriginalEvent(EventType, config) {
     var OriginalCustomEvent = new CustomEvent(EventType, {
       cancelable: true, bubbles: true,
     });
 
-    if (config instanceof Object) {
+    /* istanbul ignore else */
+    if (isObject(config)) {
       ObjectAssign(OriginalCustomEvent, config);
     }
     return OriginalCustomEvent;
@@ -1685,26 +1750,37 @@
    * A global namespace for most scroll event listeners in legacy browsers.
    * @type {Partial<AddEventListenerOptions> | boolean}
    */
-  var passiveHandler = supportPassive ? { passive: true } : false;
+  var passiveHandler = supportPassive ? { passive: true }
+    : /* istanbul ignore next */false;
 
   /**
    * Utility to force re-paint of an `HTMLElement` target.
    *
-   * @param {HTMLElement | Element} element is the target
+   * @param {HTMLElement} element is the target
    * @return {number} the `Element.offsetHeight` value
    */
-  // @ts-ignore
   var reflow = function (element) { return element.offsetHeight; };
 
   /**
    * Shortcut for multiple uses of `HTMLElement.style.propertyName` method.
-   * @param  {HTMLElement | Element} element target element
+   * @param  {HTMLElement} element target element
    * @param  {Partial<CSSStyleDeclaration>} styles attribute value
    */
-  // @ts-ignore
-  var setElementStyle = function (element, styles) { ObjectAssign(element.style, styles); };
+  var setElementStyle = function (element, styles) {
+    ObjectEntries(styles).forEach(function (ref) {
+      var key = ref[0];
+      var value = ref[1];
+
+      if (key.includes('--')) {
+        element.style.setProperty(key, value);
+      } else {
+        var propObject = {}; propObject[key] = value;
+        ObjectAssign(element.style, propObject);
+      }
+    });
+  };
 
-  /** @type {Map<HTMLElement | Element, any>} */
+  /** @type {Map<HTMLElement, any>} */
   var TimeCache = new Map();
   /**
    * An interface for one or more `TimerHandler`s per `Element`.
@@ -1713,17 +1789,17 @@
   var Timer = {
     /**
      * Sets a new timeout timer for an element, or element -> key association.
-     * @param {HTMLElement | Element | string} target target element
+     * @param {HTMLElement} element target element
      * @param {ReturnType<TimerHandler>} callback the callback
      * @param {number} delay the execution delay
      * @param {string=} key a unique key
      */
-    set: function (target, callback, delay, key) {
-      var element = querySelector(target);
-
-      if (!element) { return; }
+    set: function (element, callback, delay, key) {
+      if (!isHTMLElement(element)) { return; }
 
+      /* istanbul ignore else */
       if (key && key.length) {
+        /* istanbul ignore else */
         if (!TimeCache.has(element)) {
           TimeCache.set(element, new Map());
         }
@@ -1736,38 +1812,35 @@
 
     /**
      * Returns the timer associated with the target.
-     * @param {HTMLElement | Element | string} target target element
+     * @param {HTMLElement} element target element
      * @param {string=} key a unique
      * @returns {number?} the timer
      */
-    get: function (target, key) {
-      var element = querySelector(target);
-
-      if (!element) { return null; }
+    get: function (element, key) {
+      if (!isHTMLElement(element)) { return null; }
       var keyTimers = TimeCache.get(element);
 
       if (key && key.length && keyTimers && keyTimers.get) {
-        return keyTimers.get(key) || null;
+        return keyTimers.get(key) || /* istanbul ignore next */null;
       }
       return keyTimers || null;
     },
 
     /**
      * Clears the element's timer.
-     * @param {HTMLElement | Element | string} target target element
+     * @param {HTMLElement} element target element
      * @param {string=} key a unique key
      */
-    clear: function (target, key) {
-      var element = querySelector(target);
-
-      if (!element) { return; }
+    clear: function (element, key) {
+      if (!isHTMLElement(element)) { return; }
 
       if (key && key.length) {
         var keyTimers = TimeCache.get(element);
-
+        /* istanbul ignore else */
         if (keyTimers && keyTimers.get) {
           clearTimeout(keyTimers.get(key));
           keyTimers.delete(key);
+          /* istanbul ignore else */
           if (keyTimers.size === 0) {
             TimeCache.delete(element);
           }
@@ -1787,26 +1860,14 @@
    */
   var toUpperCase = function (source) { return 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 {HTMLElement} element event.target
    * @param {boolean=} includeScale when *true*, the target scale is also computed
-   * @returns {SHORTER.BoundingClientRect} the bounding client rect object
+   * @returns {SHORTY.BoundingClientRect} the bounding client rect object
    */
   function getBoundingClientRect(element, includeScale) {
     var ref = element.getBoundingClientRect();
@@ -1819,11 +1880,13 @@
     var scaleX = 1;
     var scaleY = 1;
 
-    if (includeScale && element instanceof HTMLElement) {
+    if (includeScale && isHTMLElement(element)) {
       var offsetWidth = element.offsetWidth;
       var offsetHeight = element.offsetHeight;
-      scaleX = offsetWidth > 0 ? Math.round(width) / offsetWidth || 1 : 1;
-      scaleY = offsetHeight > 0 ? Math.round(height) / offsetHeight || 1 : 1;
+      scaleX = offsetWidth > 0 ? Math.round(width) / offsetWidth
+        : /* istanbul ignore next */1;
+      scaleY = offsetHeight > 0 ? Math.round(height) / offsetHeight
+        : /* istanbul ignore next */1;
     }
 
     return {
@@ -1841,8 +1904,8 @@
   /**
    * Returns the `document.body` or the `<body>` element.
    *
-   * @param {(Node | HTMLElement | Element | globalThis)=} node
-   * @returns {HTMLElement | HTMLBodyElement}
+   * @param {(Node | Window)=} node
+   * @returns {HTMLBodyElement}
    */
   function getDocumentBody(node) {
     return getDocument(node).body;
@@ -1851,8 +1914,8 @@
   /**
    * Returns the `document.documentElement` or the `<html>` element.
    *
-   * @param {(Node | HTMLElement | Element | globalThis)=} node
-   * @returns {HTMLElement | HTMLHtmlElement}
+   * @param {(Node | Window)=} node
+   * @returns {HTMLHtmlElement}
    */
   function getDocumentElement(node) {
     return getDocument(node).documentElement;
@@ -1861,8 +1924,8 @@
   /**
    * Returns the `document.head` or the `<head>` element.
    *
-   * @param {(Node | HTMLElement | Element | globalThis)=} node
-   * @returns {HTMLElement | HTMLHeadElement}
+   * @param {(Node | Window)=} node
+   * @returns {HTMLHeadElement}
    */
   function getDocumentHead(node) {
     return getDocument(node).head;
@@ -1874,7 +1937,7 @@
    *
    * @see https://github.com/floating-ui/floating-ui
    *
-   * @param {HTMLElement | Element | Window} element target node / element
+   * @param {HTMLElement | Window} element target node / element
    * @returns {{x: number, y: number}} the scroll tuple
    */
   function getNodeScroll(element) {
@@ -1885,44 +1948,21 @@
     return { x: x, y: 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)) {
-      var ownerDocument = node.ownerDocument;
-      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
    */
-  var isShadowRoot = function (element) {
-    var OwnElement = getWindow(element).ShadowRoot;
-    return element instanceof OwnElement || element instanceof ShadowRoot;
-  };
+  var isShadowRoot = function (element) { return (element && element.constructor.name === 'ShadowRoot')
+    || false; };
 
   /**
    * 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
+   * @param {Node} node the target node
+   * @returns {Node} the apropriate parent node
    */
   function getParentNode(node) {
     if (node.nodeName === 'HTML') {
@@ -1931,10 +1971,9 @@
 
     // 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
+      || node.parentNode // DOM Element detected
+      || (isShadowRoot(node) && node.host) // ShadowRoot detected
       || getDocumentElement(node) // fallback
     );
   }
@@ -1947,6 +1986,7 @@
    * @returns {boolean} the query result
    */
   function isScaledElement(element) {
+    if (!element || !isHTMLElement(element)) { return false; }
     var ref = getBoundingClientRect(element);
     var width = ref.width;
     var height = ref.height;
@@ -1960,16 +2000,17 @@
    * 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}
+   * @param {HTMLElement} element target
+   * @param {ParentNode | Window} offsetParent the container / offset parent
+   * @param {{x: number, y: number}} scroll the offsetParent scroll position
+   * @returns {SHORTY.OffsetRect}
    */
   function getRectRelativeToOffsetParent(element, offsetParent, scroll) {
-    var isParentAnElement = offsetParent instanceof HTMLElement;
+    var isParentAnElement = isHTMLElement(offsetParent);
     var rect = getBoundingClientRect(element, isParentAnElement && isScaledElement(offsetParent));
     var offsets = { x: 0, y: 0 };
 
+    /* istanbul ignore next */
     if (isParentAnElement) {
       var offsetRect = getBoundingClientRect(offsetParent, true);
       offsets.x = offsetRect.x + offsetParent.clientLeft;
@@ -1991,7 +2032,7 @@
   /**
    * Returns a unique identifier for popover, tooltip, scrollspy.
    *
-   * @param {HTMLElement | Element} element target element
+   * @param {HTMLElement} element target element
    * @param {string=} key predefined key
    * @returns {number} an existing or new unique ID
    */
@@ -2020,20 +2061,30 @@
   }
 
   /**
-   * Shortcut for `Array.isArray()` static method.
+   * Returns the `Window` object of a target node.
+   * @see https://github.com/floating-ui/floating-ui
    *
-   * @param  {any} arr array-like iterable object
-   * @returns {boolean} the query result
+   * @param {(Node | Window)=} node target node
+   * @returns {Window} the `Window` object
    */
-  var isArray = function (arr) { return Array.isArray(arr); };
+  function getWindow(node) {
+    // node is undefined | NULL
+    if (!node) { return window; }
+    // node instanceof Document
+    if (isDocument(node)) { return node.defaultView; }
+    // node instanceof Node
+    if (isNode(node)) { return node.ownerDocument.defaultView; }
+    // node is instanceof Window
+    return node;
+  }
 
   /**
-   * Checks if an object is a `Document`.
+   * Shortcut for `Array.isArray()` static method.
    *
-   * @param {any} element the target object
+   * @param  {any} arr array-like iterable object
    * @returns {boolean} the query result
    */
-  var isDocument = function (element) { return element instanceof Document; };
+  var isArray = function (arr) { return Array.isArray(arr); };
 
   /**
    * Checks if an object is a `CustomElement`.
@@ -2041,30 +2092,44 @@
    * @param {any} element the target object
    * @returns {boolean} the query result
    */
-  var isCustomElement = function (element) { return element && !!element.shadowRoot; };
+  var isCustomElement = function (element) { return (element && !!element.shadowRoot) || false; };
 
   /**
    * Checks if an object is an `Element`.
+   * @see https://dom.spec.whatwg.org/#node
+   * ELEMENT_NODE = 1;
+   * ATTRIBUTE_NODE = 2;
+   * TEXT_NODE = 3;
+   * CDATA_SECTION_NODE = 4;
+   * ENTITY_REFERENCE_NODE = 5; // legacy
+   * ENTITY_NODE = 6; // legacy
+   * PROCESSING_INSTRUCTION_NODE = 7;
+   * COMMENT_NODE = 8;
+   * DOCUMENT_NODE = 9;
+   * DOCUMENT_TYPE_NODE = 10;
+   * DOCUMENT_FRAGMENT_NODE = 11;
    *
    * @param {any} element the target object
    * @returns {boolean} the query result
    */
-  var isElement = function (element) { return element instanceof Element; };
+  var isElement = function (element) { return (element && [1, 2, 3, 4, 5, 6, 7, 8]
+    .some(function (x) { return element.nodeType === x; })) || false; };
 
   /**
    * Utility to determine if an `HTMLElement`
    * is partially visible in viewport.
    *
-   * @param {HTMLElement | Element} element target
+   * @param {HTMLElement} element target
    * @return {boolean} the query result
    */
   var isElementInScrollRange = function (element) {
+    if (!element || !isNode(element)) { return false; }
+
     var ref = getBoundingClientRect(element);
     var top = ref.top;
     var bottom = ref.bottom;
     var ref$1 = getDocumentElement(element);
     var clientHeight = ref$1.clientHeight;
-    // checks bottom && top
     return top <= clientHeight && bottom >= 0;
   };
 
@@ -2072,18 +2137,21 @@
    * Utility to determine if an `HTMLElement`
    * is fully visible in the viewport.
    *
-   * @param {HTMLElement | Element} element target
+   * @param {HTMLElement} element target
    * @return {boolean} the query result
    */
   var isElementInViewport = function (element) {
-    var ref = getBoundingClientRect(element, true);
-    var top = ref.top;
-    var left = ref.left;
-    var bottom = ref.bottom;
-    var right = ref.right;
-    var ref$1 = getDocumentElement(element);
-    var clientWidth = ref$1.clientWidth;
-    var clientHeight = ref$1.clientHeight;
+    if (!element || !isNode(element)) { return false; }
+
+    var ref = getDocumentElement(element);
+    var clientWidth = ref.clientWidth;
+    var clientHeight = ref.clientHeight;
+    var ref$1 = getBoundingClientRect(element, true);
+    var top = ref$1.top;
+    var left = ref$1.left;
+    var bottom = ref$1.bottom;
+    var right = ref$1.right;
+
     return (
       top >= 0 && left >= 0
       && bottom <= clientHeight
@@ -2098,30 +2166,30 @@
    * @returns {boolean} the query result
    */
   var isElementsArray = function (object) { return Array.isArray(object)
-    && object.every(function (el) { return [HTMLElement, Element].some(function (x) { return el instanceof x; }); }); };
+    && object.every(isHTMLElement); };
 
   /**
-   * Checks if an object is an `HTMLCollection`.
+   * Checks if an object is a `Function`.
    *
-   * @param {any} object the target object
+   * @param {any} fn the target object
    * @returns {boolean} the query result
    */
-  var isHTMLCollection = function (object) { return object instanceof HTMLCollection; };
+  var isFunction = function (fn) { return (fn && fn.constructor.name === 'Function') || false; };
 
   /**
-   * Checks if an element is an `HTMLElement`.
+   * Checks if an object is an `HTMLCollection`.
    *
-   * @param {any} element the target object
+   * @param {any} object the target object
    * @returns {boolean} the query result
    */
-  var isHTMLElement = function (element) { return element instanceof HTMLElement; };
+  var isHTMLCollection = function (object) { return (object && object.constructor.name === 'HTMLCollection') || false; };
 
   /**
    * Check if a target element is an `<img>`.
    * @param {any} element the target element
    * @returns {boolean} the query result
    */
-  var isHTMLImageElement = function (element) { return element instanceof HTMLImageElement; };
+  var isHTMLImageElement = function (element) { return (element && element.tagName === 'IMG') || false; };
 
   /**
    * Checks if an element is an `<svg>` (or any type of SVG element),
@@ -2131,37 +2199,40 @@
    * @param {any} element the target element
    * @returns {boolean} the query result
    */
-  var isMedia = function (element) { return element
-    && [SVGElement, HTMLImageElement, HTMLVideoElement]
-      .some(function (mediaType) { return element instanceof mediaType; }); };
+
+  var isMedia = function (element) { return (
+    element
+    && element.nodeType === 1
+    && ['SVG', 'Image', 'Video'].some(function (s) { return element.constructor.name.includes(s); })) || false; };
 
   /**
-   * Checks if an object is a `Node`.
+   * Checks if an object is a `NodeList`.
+   * => equivalent to `object instanceof NodeList`
    *
-   * @param {any} node the target object
+   * @param {any} object the target object
    * @returns {boolean} the query result
    */
-  var isNode = function (node) { return node instanceof Node; };
+  var isNodeList = function (object) { return (object && object.constructor.name === 'NodeList') || false; };
 
   /**
-   * Checks if an object is a `NodeList`.
+   * Shortcut for `typeof SOMETHING === "number"`.
    *
-   * @param {any} object the target object
+   * @param  {any} num input value
    * @returns {boolean} the query result
    */
-  var isNodeList = function (object) { return object instanceof NodeList; };
+  var isNumber = function (num) { return typeof num === 'number'; };
 
   /**
    * Checks if a page is Right To Left.
-   * @param {(HTMLElement | Element)=} node the target
+   * @param {HTMLElement=} node the target
    * @returns {boolean} the query result
    */
   var isRTL = function (node) { return getDocumentElement(node).dir === 'rtl'; };
 
   /**
-   * Shortcut for `typeof SOMETHING === string` static method.
+   * Shortcut for `typeof SOMETHING === "string"`.
    *
-   * @param  {any} str array-like iterable object
+   * @param  {any} str input value
    * @returns {boolean} the query result
    */
   var isString = function (str) { return typeof str === 'string'; };
@@ -2171,24 +2242,19 @@
    * @param {any} element the target element
    * @returns {boolean} the query result
    */
-  var isSVGElement = function (element) { return element instanceof SVGElement; };
+  var isSVGElement = function (element) { return (element && element instanceof getWindow(element).SVGElement)
+    || false; };
 
   /**
    * Check if a target element is a `<table>`, `<td>` or `<th>`.
+   * This specific check is important for determining
+   * the `offsetParent` of a given element.
+   *
    * @param {any} element the target element
    * @returns {boolean} the query result
    */
-  var isTableElement = function (element) { return ['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;
-  }
+  var isTableElement = function (element) { return (element && ['TABLE', 'TD', 'TH'].includes(element.tagName))
+    || false; };
 
   /**
    * Shortcut for `HTMLElement.closest` method which also works
@@ -2197,81 +2263,83 @@
    *
    * @see https://stackoverflow.com/q/54520554/803358
    *
-   * @param {HTMLElement | Element} element Element to look into
+   * @param {HTMLElement} element Element to look into
    * @param {string} selector the selector name
-   * @return {(HTMLElement | Element)?} the query result
+   * @return {HTMLElement?} the query result
    */
   function closest(element, selector) {
     return element ? (element.closest(selector)
-      // @ts-ignore -- break out of `ShadowRoot`
+      // break out of `ShadowRoot`
       || closest(element.getRootNode().host, selector)) : null;
   }
 
+  /**
+   * Utility to check if target is typeof `HTMLElement`, `Element`, `Node`
+   * or find one that matches a selector.
+   *
+   * @param {Node | string} selector the input selector or target element
+   * @param {ParentNode=} parent optional node to look into
+   * @return {HTMLElement?} the `HTMLElement` or `querySelector` result
+   */
+  function querySelector(selector, parent) {
+    if (isNode(selector)) {
+      return selector;
+    }
+    var lookUp = isNode(parent) ? parent : getDocument();
+
+    return lookUp.querySelector(selector);
+  }
+
   /**
    * 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'
+   * @param {ParentNode=} parent optional Element to look into
+   * @return {HTMLCollectionOf<HTMLElement>} the 'HTMLCollection'
    */
   function getElementsByTagName(selector, parent) {
-    var method = 'getElementsByTagName';
-    var lookUp = parent && parent[method] ? parent : getDocument();
-    return lookUp[method](selector);
+    var lookUp = isNode(parent) ? parent : getDocument();
+    return lookUp.getElementsByTagName(selector);
   }
 
-  /**
-   * An `HTMLCollection` with all document elements,
-   * which is the equivalent of `document.all`.
-   */
-  var documentAll = getElementsByTagName('*');
-
-  /**
-   * A global array with `Element` | `HTMLElement`.
-   */
-  var elementNodes = [Element, HTMLElement];
-
-  /**
-   * A global array of possible `ParentNode`.
-   */
-  var parentNodes = [Document, Element, HTMLElement];
-
   /**
    * 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
+   * @param {ParentNode=} parent parent to look into
+   * @returns {Array<HTMLElement>} the query result
    */
   function getCustomElements(parent) {
-    var collection = parent && parentNodes.some(function (x) { return parent instanceof x; })
-      ? getElementsByTagName('*', parent) : documentAll;
+    var collection = getElementsByTagName('*', parent);
+
     return [].concat( collection ).filter(isCustomElement);
   }
 
   /**
    * Returns an `Element` that matches the id in the document.
+   * Within multiple <iframe> elements, a `parent` parameter
+   * would decisively locate the correct element.
    *
    * @param {string} id
-   * @returns {(HTMLElement | Element)?}
+   * @param {ParentNode=} context
+   * @returns {HTMLElement?}
    */
-  function getElementById(id) {
-    return getDocument().getElementById(id);
+  function getElementById(id, context) {
+    return getDocument(context).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
+   * @param {ParentNode=} parent optional node to look into
+   * @return {NodeListOf<HTMLElement>} the query result
    */
   function querySelectorAll(selector, parent) {
-    var method = 'querySelectorAll';
-    var lookUp = parent && parent[method] ? parent : getDocument();
-    return lookUp[method](selector);
+    var lookUp = isNode(parent) ? parent : getDocument();
+    return lookUp.querySelectorAll(selector);
   }
 
   /**
@@ -2279,19 +2347,18 @@
    * 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'
+   * @param {ParentNode=} parent optional Element to look into
+   * @return {HTMLCollectionOf<HTMLElement>} the 'HTMLCollection'
    */
   function getElementsByClassName(selector, parent) {
-    var method = 'getElementsByClassName';
-    var lookUp = parent && parent[method] ? parent : getDocument();
-    return lookUp[method](selector);
+    var lookUp = isNode(parent) ? parent : getDocument();
+    return lookUp.getElementsByClassName(selector);
   }
 
   /**
    * Check if element matches a CSS selector.
    *
-   * @param {HTMLElement | Element} target
+   * @param {HTMLElement} target
    * @param {string} selector
    * @returns {boolean}
    */
@@ -2299,15 +2366,15 @@
     return target.matches(selector);
   }
 
-  // @ts-nocheck
   var ElementProto = Element.prototype;
+
   var matchesFn = ElementProto.matches
-    || ElementProto.matchesSelector
-    || ElementProto.webkitMatchesSelector
-    || ElementProto.mozMatchesSelector
-    || ElementProto.msMatchesSelector
-    || ElementProto.oMatchesSelector
-    || function matchesNotSupported() {
+    || /* istanbul ignore next */ ElementProto.matchesSelector
+    || /* istanbul ignore next */ ElementProto.webkitMatchesSelector
+    || /* istanbul ignore next */ ElementProto.mozMatchesSelector
+    || /* istanbul ignore next */ ElementProto.msMatchesSelector
+    || /* istanbul ignore next */ ElementProto.oMatchesSelector
+    || /* istanbul ignore next */ function matchesNotSupported() {
       return false;
     };
 
@@ -2315,7 +2382,7 @@
    * Check if element matches a CSS selector,
    * supporting a range of legacy browsers.
    *
-   * @param {HTMLElement | Element} target
+   * @param {HTMLElement} target
    * @param {string} selector
    * @returns {boolean}
    */
@@ -2323,9 +2390,7 @@
     return matchesFn.call(target, selector);
   }
 
-  var version = "1.0.0";
-
-  // @ts-ignore
+  var version = "1.0.3";
 
   /**
    * A global namespace for library version.
@@ -2333,9 +2398,9 @@
    */
   var Version = version;
 
-  // strings
+  /** @typedef {import('../types/index')} */
 
-  var SHORTER = {
+  var SHORTY = {
     ariaChecked: ariaChecked,
     ariaDescription: ariaDescription,
     ariaDescribedBy: ariaDescribedBy,
@@ -2501,6 +2566,7 @@
     isCustomElement: isCustomElement,
     isElement: isElement,
     isNode: isNode,
+    isNumber: isNumber,
     isHTMLElement: isHTMLElement,
     isHTMLImageElement: isHTMLImageElement,
     isSVGElement: isSVGElement,
@@ -2511,13 +2577,12 @@
     isShadowRoot: isShadowRoot,
     isDocument: isDocument,
     isElementsArray: isElementsArray,
+    isFunction: isFunction,
+    isObject: isObject,
     isWindow: isWindow,
     isMedia: isMedia,
     isRTL: isRTL,
-    elementNodes: elementNodes,
-    parentNodes: parentNodes,
     closest: closest,
-    documentAll: documentAll,
     querySelector: querySelector,
     getCustomElements: getCustomElements,
     getElementById: getElementById,
@@ -2528,7 +2593,6 @@
     matchesLegacy: matches,
     normalizeValue: normalizeValue,
     normalizeOptions: normalizeOptions,
-    tryWrapper: tryWrapper,
     reflow: reflow,
     noop: noop,
     focus: focus,
@@ -2537,6 +2601,7 @@
     Float32ArrayFrom: Float32ArrayFrom,
     Float64ArrayFrom: Float64ArrayFrom,
     ObjectAssign: ObjectAssign,
+    ObjectEntries: ObjectEntries,
     ObjectKeys: ObjectKeys,
     ObjectValues: ObjectValues,
     OriginalEvent: OriginalEvent,
@@ -2558,6 +2623,6 @@
     Version: Version,
   };
 
-  return SHORTER;
+  return SHORTY;
 
 }));