@thednp/shorty 1.0.1 → 2.0.0-alpha1

package/src/misc/reflow.ts

@@ -0,0 +1,9 @@
+/**
+ * Utility to force re-paint of an `HTMLElement` target.
+ *
+ * @param element is the target
+ * @return the `Element.offsetHeight` value
+ */
+const reflow = (element: HTMLElement): number => element.offsetHeight;
+
+export default reflow;

package/src/misc/setElementStyle.js

@@ -1,10 +1,16 @@
-import ObjectAssign from './ObjectAssign';
-
-/**
- * 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); };
-export default setElementStyle;
+import ObjectAssign from "./ObjectAssign";
+import ObjectEntries from "./ObjectEntries";
+const setElementStyle = (element, styles) => {
+    ObjectEntries(styles).forEach(([key, value]) => {
+        if (key.includes("--")) {
+            element.style.setProperty(key, value);
+        }
+        else {
+            const propObject = {};
+            propObject[key] = value;
+            ObjectAssign(element.style, propObject);
+        }
+    });
+};
+export default setElementStyle;
+//# sourceMappingURL=setElementStyle.js.map

package/src/misc/setElementStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setElementStyle.js","sourceRoot":"","sources":["setElementStyle.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAO5C,MAAM,eAAe,GAAG,CAAC,OAAoB,EAAE,MAAoC,EAAQ,EAAE;IAC3F,aAAa,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAmB,EAAE,EAAE;QAC/D,IAAI,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;YACtB,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;SACvC;aAAM;YACL,MAAM,UAAU,GAA2B,EAAE,CAAC;YAC9C,UAAU,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;YACxB,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;SACzC;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AACF,eAAe,eAAe,CAAC"}

package/src/misc/setElementStyle.ts

@@ -0,0 +1,20 @@
+import ObjectAssign from "./ObjectAssign";
+import ObjectEntries from "./ObjectEntries";
+
+/**
+ * Shortcut for multiple uses of `HTMLElement.style.propertyName` method.
+ * @param element target element
+ * @param styles attribute value
+ */
+const setElementStyle = (element: HTMLElement, styles: Partial<CSSStyleDeclaration>): void => {
+  ObjectEntries(styles).forEach(([key, value]: [string, string]) => {
+    if (key.includes("--")) {
+      element.style.setProperty(key, value);
+    } else {
+      const propObject: Record<string, string> = {};
+      propObject[key] = value;
+      ObjectAssign(element.style, propObject);
+    }
+  });
+};
+export default setElementStyle;

package/src/misc/timer.js

@@ -1,78 +1,47 @@
-import querySelector from '../selectors/querySelector';
-
-/** @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);
-    }
-  },
-};
-
-export default Timer;
+import isHTMLElement from "../is/isHTMLElement";
+const TimeCache = new Map();
+const Timer = {
+    set: (element, callback, delay, key) => {
+        if (!isHTMLElement(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));
+        }
+    },
+    get: (element, key) => {
+        if (!isHTMLElement(element))
+            return null;
+        const keyTimers = TimeCache.get(element);
+        if (key && key.length && keyTimers && keyTimers.get) {
+            return keyTimers.get(key) || null;
+        }
+        return keyTimers || null;
+    },
+    clear: (element, key) => {
+        if (!isHTMLElement(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);
+        }
+    },
+};
+export default Timer;
+//# sourceMappingURL=timer.js.map

package/src/misc/timer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timer.js","sourceRoot":"","sources":["timer.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAEhD,MAAM,SAAS,GAAG,IAAI,GAAG,EAAE,CAAC;AAK5B,MAAM,KAAK,GAAG;IAQZ,GAAG,EAAE,CAAC,OAAoB,EAAE,QAAyB,EAAE,KAAa,EAAE,GAAY,EAAE,EAAE;QACpF,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;YAAE,OAAO;QAGpC,IAAI,GAAG,IAAI,GAAG,CAAC,MAAM,EAAE;YAErB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;gBAC3B,SAAS,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;aACnC;YACD,MAAM,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YACzC,SAAS,CAAC,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;SACjD;aAAM;YACL,SAAS,CAAC,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;SACrD;IACH,CAAC;IAQD,GAAG,EAAE,CAAC,OAAoB,EAAE,GAAY,EAAE,EAAE;QAC1C,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;YAAE,OAAO,IAAI,CAAC;QACzC,MAAM,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAEzC,IAAI,GAAG,IAAI,GAAG,CAAC,MAAM,IAAI,SAAS,IAAI,SAAS,CAAC,GAAG,EAAE;YACnD,OAAO,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,IAA+B,IAAI,CAAC;SAC9D;QACD,OAAO,SAAS,IAAI,IAAI,CAAC;IAC3B,CAAC;IAOD,KAAK,EAAE,CAAC,OAAoB,EAAE,GAAW,EAAE,EAAE;QAC3C,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC;YAAE,OAAO;QAEpC,IAAI,GAAG,IAAI,GAAG,CAAC,MAAM,EAAE;YACrB,MAAM,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YAEzC,IAAI,SAAS,IAAI,SAAS,CAAC,GAAG,EAAE;gBAC9B,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;gBACjC,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;gBAEtB,IAAI,SAAS,CAAC,IAAI,KAAK,CAAC,EAAE;oBACxB,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;iBAC3B;aACF;SACF;aAAM;YACL,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;YACrC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;SAC3B;IACH,CAAC;CACF,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/src/misc/timer.ts

@@ -0,0 +1,74 @@
+import isHTMLElement from "../is/isHTMLElement";
+
+const TimeCache = new Map();
+/**
+ * An interface for one or more `TimerHandler`s per `Element`.
+ * @see https://github.com/thednp/navbar/
+ */
+const Timer = {
+  /**
+   * Sets a new timeout timer for an element, or element -> key association.
+   * @param element target element
+   * @param callback the callback
+   * @param delay the execution delay
+   * @param key a unique key
+   */
+  set: (element: HTMLElement, callback: ReturnType<any>, delay: number, key?: string) => {
+    if (!isHTMLElement(element)) return;
+
+    /* istanbul ignore else */
+    if (key && key.length) {
+      /* istanbul ignore else */
+      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 element target element
+   * @param key a unique
+   * @returns the timer
+   */
+  get: (element: HTMLElement, key?: string) => {
+    if (!isHTMLElement(element)) return null;
+    const keyTimers = TimeCache.get(element);
+
+    if (key && key.length && keyTimers && keyTimers.get) {
+      return keyTimers.get(key) || /* istanbul ignore next */ null;
+    }
+    return keyTimers || null;
+  },
+
+  /**
+   * Clears the element's timer.
+   * @param element target element
+   * @param key a unique key
+   */
+  clear: (element: HTMLElement, key: string) => {
+    if (!isHTMLElement(element)) return;
+
+    if (key && key.length) {
+      const 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);
+        }
+      }
+    } else {
+      clearTimeout(TimeCache.get(element));
+      TimeCache.delete(element);
+    }
+  },
+};
+
+export default Timer;

package/src/misc/toLowerCase.js

@@ -1,8 +1,3 @@
-/**
- * Shortcut for `String.toLowerCase()`.
- *
- * @param {string} source input string
- * @returns {string} lowercase output string
- */
-const toLowerCase = (source) => source.toLowerCase();
-export default toLowerCase;
+const toLowerCase = (source) => source.toLowerCase();
+export default toLowerCase;
+//# sourceMappingURL=toLowerCase.js.map

package/src/misc/toLowerCase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toLowerCase.js","sourceRoot":"","sources":["toLowerCase.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,GAAG,CAAC,MAAc,EAAU,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;AAErE,eAAe,WAAW,CAAC"}

package/src/misc/toLowerCase.ts

@@ -0,0 +1,9 @@
+/**
+ * Shortcut for `String.toLowerCase()`.
+ *
+ * @param source input string
+ * @returns lowercase output string
+ */
+const toLowerCase = (source: string): string => source.toLowerCase();
+
+export default toLowerCase;

package/src/misc/toUpperCase.js

@@ -1,8 +1,3 @@
-/**
- * Shortcut for `String.toUpperCase()`.
- *
- * @param {string} source input string
- * @returns {string} uppercase output string
- */
-const toUpperCase = (source) => source.toUpperCase();
-export default toUpperCase;
+const toUpperCase = (source) => source.toUpperCase();
+export default toUpperCase;
+//# sourceMappingURL=toUpperCase.js.map

package/src/misc/toUpperCase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toUpperCase.js","sourceRoot":"","sources":["toUpperCase.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,GAAG,CAAC,MAAc,EAAU,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;AAErE,eAAe,WAAW,CAAC"}

package/src/misc/toUpperCase.ts

@@ -0,0 +1,9 @@
+/**
+ * Shortcut for `String.toUpperCase()`.
+ *
+ * @param source input string
+ * @returns uppercase output string
+ */
+const toUpperCase = (source: string): string => source.toUpperCase();
+
+export default toUpperCase;

package/src/selectors/closest.js

@@ -1,16 +1,8 @@
-/**
- * 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
- */
-export default function closest(element, selector) {
-  return element ? (element.closest(selector)
-    // @ts-ignore -- break out of `ShadowRoot`
-    || closest(element.getRootNode().host, selector)) : null;
-}
+const closest = (element, selector) => {
+    return element
+        ? element.closest(selector) ||
+            closest(element.getRootNode().host, selector)
+        : null;
+};
+export default closest;
+//# sourceMappingURL=closest.js.map

package/src/selectors/closest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"closest.js","sourceRoot":"","sources":["closest.ts"],"names":[],"mappings":"AAWA,MAAM,OAAO,GAAG,CAAC,OAAoB,EAAE,QAAgB,EAAsB,EAAE;IAC7E,OAAO,OAAO;QACZ,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;YAEvB,OAAO,CAAE,OAAO,CAAC,WAAW,EAA0C,CAAC,IAAI,EAAE,QAAQ,CAAC;QAC1F,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/src/selectors/closest.ts

@@ -0,0 +1,20 @@
+/**
+ * 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 element Element to look into
+ * @param selector the selector name
+ * @return the query result
+ */
+const closest = (element: HTMLElement, selector: string): HTMLElement | null => {
+  return element
+    ? element.closest(selector) ||
+        // break out of `ShadowRoot`
+        closest((element.getRootNode() as HTMLElement & { host: HTMLElement }).host, selector)
+    : null;
+};
+
+export default closest;

package/src/selectors/getCustomElements.js

@@ -1,17 +1,8 @@
-import documentAll from './documentAll';
-import isCustomElement from '../is/isCustomElement';
-import getElementsByTagName from './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
- */
-export default function getCustomElements(parent) {
-  const collection = parent && typeof parent === 'object'
-    ? getElementsByTagName('*', parent) : documentAll;
-  return [...collection].filter(isCustomElement);
-}
+import isCustomElement from "../is/isCustomElement";
+import getElementsByTagName from "./getElementsByTagName";
+const getCustomElements = (parent) => {
+    const collection = getElementsByTagName("*", parent);
+    return [...collection].filter(isCustomElement);
+};
+export default getCustomElements;
+//# sourceMappingURL=getCustomElements.js.map

package/src/selectors/getCustomElements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCustomElements.js","sourceRoot":"","sources":["getCustomElements.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,uBAAuB,CAAC;AACpD,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAU1D,MAAM,iBAAiB,GAAG,CAAC,MAAmB,EAAiB,EAAE;IAC/D,MAAM,UAAU,GAAG,oBAAoB,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;IAErD,OAAO,CAAC,GAAG,UAAU,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;AACjD,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/src/selectors/getCustomElements.ts

@@ -0,0 +1,18 @@
+import isCustomElement from "../is/isCustomElement";
+import getElementsByTagName from "./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 parent parent to look into
+ * @returns the query result
+ */
+const getCustomElements = (parent?: ParentNode): HTMLElement[] => {
+  const collection = getElementsByTagName("*", parent);
+
+  return [...collection].filter(isCustomElement);
+};
+
+export default getCustomElements;

package/src/selectors/getElementById.js

@@ -1,11 +1,6 @@
-import getDocument from '../get/getDocument';
-
-/**
- * Returns an `Element` that matches the id in the document.
- *
- * @param {string} id
- * @returns {(HTMLElement | Element)?}
- */
-export default function getElementById(id) {
-  return getDocument().getElementById(id);
-}
+import getDocument from "../get/getDocument";
+const getElementById = (id, context) => {
+    return getDocument(context).getElementById(id) || null;
+};
+export default getElementById;
+//# sourceMappingURL=getElementById.js.map

package/src/selectors/getElementById.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getElementById.js","sourceRoot":"","sources":["getElementById.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAW7C,MAAM,cAAc,GAAG,CAAC,EAAU,EAAE,OAAoB,EAAsB,EAAE;IAC9E,OAAO,WAAW,CAAC,OAAO,CAAC,CAAC,cAAc,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC;AACzD,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/src/selectors/getElementById.ts

@@ -0,0 +1,16 @@
+import getDocument from "../get/getDocument";
+
+/**
+ * Returns an `Element` that matches the id in the document.
+ * Within multiple <iframe> elements, a `parent` parameter
+ * would decisively locate the correct element.
+ *
+ * @param id the ID selector
+ * @param context an element in it's document or document
+ * @returns the requested element
+ */
+const getElementById = (id: string, context?: ParentNode): HTMLElement | null => {
+  return getDocument(context).getElementById(id) || null;
+};
+
+export default getElementById;

package/src/selectors/getElementsByClassName.js

@@ -1,14 +1,8 @@
-import getDocument from '../get/getDocument';
-
-/**
- * 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'
- */
-export default function getElementsByClassName(selector, parent) {
-  const lookUp = typeof parent !== 'object' ? getDocument() : parent;
-  return lookUp.getElementsByClassName(selector);
-}
+import getDocument from "../get/getDocument";
+import isNode from "../is/isNode";
+const getElementsByClassName = (selector, parent) => {
+    const lookUp = parent && isNode(parent) ? parent : getDocument();
+    return lookUp.getElementsByClassName(selector);
+};
+export default getElementsByClassName;
+//# sourceMappingURL=getElementsByClassName.js.map

package/src/selectors/getElementsByClassName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getElementsByClassName.js","sourceRoot":"","sources":["getElementsByClassName.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAC7C,OAAO,MAAM,MAAM,cAAc,CAAC;AAUlC,MAAM,sBAAsB,GAAG,CAC7B,QAAgB,EAChB,MAAmB,EACY,EAAE;IACjC,MAAM,MAAM,GAAG,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IACjE,OAAQ,MAAiC,CAAC,sBAAsB,CAC9D,QAAQ,CACwB,CAAC;AACrC,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/src/selectors/getElementsByClassName.ts

@@ -0,0 +1,22 @@
+import getDocument from "../get/getDocument";
+import isNode from "../is/isNode";
+
+/**
+ * Shortcut for `HTMLElement.getElementsByClassName` method. Some `Node` elements
+ * like `ShadowRoot` do not support `getElementsByClassName`.
+ *
+ * @param elector the class name
+ * @param parent optional Element to look into
+ * @return the 'HTMLCollection'
+ */
+const getElementsByClassName = (
+  selector: string,
+  parent?: ParentNode
+): HTMLCollectionOf<HTMLElement> => {
+  const lookUp = parent && isNode(parent) ? parent : getDocument();
+  return (lookUp as HTMLElement | Document).getElementsByClassName(
+    selector
+  ) as HTMLCollectionOf<HTMLElement>;
+};
+
+export default getElementsByClassName;

package/src/selectors/getElementsByTagName.js

@@ -1,14 +1,8 @@
-import getDocument from '../get/getDocument';
-
-/**
- * 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'
- */
-export default function getElementsByTagName(selector, parent) {
-  const lookUp = typeof parent !== 'object' ? getDocument() : parent;
-  return lookUp.getElementsByTagName(selector);
-}
+import getDocument from "../get/getDocument";
+import isNode from "../is/isNode";
+const getElementsByTagName = (selector, parent) => {
+    const lookUp = isNode(parent) ? parent : getDocument();
+    return lookUp.getElementsByTagName(selector);
+};
+export default getElementsByTagName;
+//# sourceMappingURL=getElementsByTagName.js.map

package/src/selectors/getElementsByTagName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getElementsByTagName.js","sourceRoot":"","sources":["getElementsByTagName.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAC7C,OAAO,MAAM,MAAM,cAAc,CAAC;AAUlC,MAAM,oBAAoB,GAAG,CAC3B,QAAgB,EAChB,MAAmB,EACY,EAAE;IACjC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IACvD,OAAQ,MAAmB,CAAC,oBAAoB,CAAC,QAAQ,CAAkC,CAAC;AAC9F,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/src/selectors/getElementsByTagName.ts

@@ -0,0 +1,20 @@
+import getDocument from "../get/getDocument";
+import isNode from "../is/isNode";
+
+/**
+ * Shortcut for `HTMLElement.getElementsByTagName` method. Some `Node` elements
+ * like `ShadowRoot` do not support `getElementsByTagName`.
+ *
+ * @param selector the tag name
+ * @param parent optional Element to look into
+ * @return the 'HTMLCollection'
+ */
+const getElementsByTagName = (
+  selector: string,
+  parent?: ParentNode
+): HTMLCollectionOf<HTMLElement> => {
+  const lookUp = isNode(parent) ? parent : getDocument();
+  return (lookUp as Document).getElementsByTagName(selector) as HTMLCollectionOf<HTMLElement>;
+};
+
+export default getElementsByTagName;

package/src/selectors/matches.js

@@ -1,10 +1,3 @@
-/**
- * Check if element matches a CSS selector.
- *
- * @param {HTMLElement | Element} target
- * @param {string} selector
- * @returns {boolean}
- */
-export default function matches(target, selector) {
-  return target.matches(selector);
-}
+const matches = (target, selector) => target.matches(selector);
+export default matches;
+//# sourceMappingURL=matches.js.map

package/src/selectors/matches.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"matches.js","sourceRoot":"","sources":["matches.ts"],"names":[],"mappings":"AAOA,MAAM,OAAO,GAAG,CAAC,MAAmB,EAAE,QAAgB,EAAW,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;AAE7F,eAAe,OAAO,CAAC"}

package/src/selectors/matches.ts

@@ -0,0 +1,10 @@
+/**
+ * Check if element matches a CSS selector.
+ *
+ * @param target the target element
+ * @param selector the selector to match
+ * @returns the query result
+ */
+const matches = (target: HTMLElement, selector: string): boolean => target.matches(selector);
+
+export default matches;

package/src/selectors/querySelector.js

@@ -1,17 +1,11 @@
-import getDocument from '../get/getDocument';
-
-/**
- * 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
- */
-export default function querySelector(selector, parent) {
-  if (typeof selector === 'string') {
-    const lookUp = typeof parent !== 'object' ? getDocument() : parent;
-    return lookUp.querySelector(selector);
-  }
-  return selector;
-}
+import getDocument from "../get/getDocument";
+import isNode from "../is/isNode";
+const querySelector = (selector, parent) => {
+    if (typeof selector === "object" && isNode(selector)) {
+        return selector;
+    }
+    const lookUp = parent && isNode(parent) ? parent : getDocument();
+    return lookUp.querySelector(selector);
+};
+export default querySelector;
+//# sourceMappingURL=querySelector.js.map

package/src/selectors/querySelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"querySelector.js","sourceRoot":"","sources":["querySelector.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAC7C,OAAO,MAAM,MAAM,cAAc,CAAC;AAUlC,MAAM,aAAa,GAAG,CAAC,QAAuB,EAAE,MAAmB,EAAsB,EAAE;IACzF,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,EAAE;QACpD,OAAO,QAAuB,CAAC;KAChC;IACD,MAAM,MAAM,GAAG,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAEjE,OAAO,MAAM,CAAC,aAAa,CAAC,QAAkB,CAAC,CAAC;AAClD,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}