@thednp/shorty 2.0.5 → 2.0.6

package/src/misc/ObjectKeys.ts

@@ -5,6 +5,7 @@
  * @returns an array with object keys
  * @see https://github.com/devinrhode2/ObjectTyped/blob/master/src/index.ts
  */
-const ObjectKeys = <O extends Record<string, any>>(obj: O) => Object.keys(obj) as (keyof O)[];
+const ObjectKeys = <O extends Record<keyof O, unknown>>(obj: O) =>
+  Object.keys(obj) as (keyof O)[];
 
 export default ObjectKeys;

package/src/misc/ObjectValues.ts

@@ -5,7 +5,8 @@
  * @returns an array with the object values
  * @see https://github.com/devinrhode2/ObjectTyped/blob/master/src/index.ts
  */
-const ObjectValues = <O extends Record<string, unknown>>(obj: O): O[keyof O][] =>
-  Object.values(obj) as O[keyof O][];
+const ObjectValues = <O extends Record<string, unknown>>(
+  obj: O,
+): O[keyof O][] => Object.values(obj) as O[keyof O][];
 
 export default ObjectValues;

package/src/misc/createCustomEvent.ts

@@ -1,6 +1,6 @@
-import type { OriginalEvent } from '../interface/originalEvent';
-import isObject from '../is/isObject';
-import ObjectAssign from './ObjectAssign';
+import type { OriginalEvent } from "../interface/originalEvent";
+import isObject from "../is/isObject";
+import ObjectAssign from "./ObjectAssign";
 
 /**
  * Returns a namespaced `CustomEvent` specific to each component.
@@ -9,7 +9,10 @@ import ObjectAssign from './ObjectAssign';
  * @param config Event.options | Event.properties
  * @returns a new namespaced event
  */
-const createCustomEvent = <O extends unknown & Record<string, unknown>, T extends OriginalEvent>(
+const createCustomEvent = <
+  O extends unknown & Record<string, unknown>,
+  T extends OriginalEvent,
+>(
   eventType: string,
   config?: O,
 ): T => {

package/src/misc/createElement.ts

@@ -1,6 +1,6 @@
-import isString from '../is/isString';
-import getDocument from '../get/getDocument';
-import ObjectAssign from './ObjectAssign';
+import isString from "../is/isString";
+import getDocument from "../get/getDocument";
+import ObjectAssign from "./ObjectAssign";
 
 /**
  * Shortie for `document.createElement` method
@@ -13,7 +13,9 @@ import ObjectAssign from './ObjectAssign';
  * @param param `tagName` or object
  * @return a new `HTMLElement`
  */
-const createElement = <T extends HTMLElement>(param?: string | Partial<T>): T | undefined => {
+const createElement = <T extends HTMLElement>(
+  param?: string | Partial<T>,
+): T | undefined => {
   if (!param) return undefined;
 
   if (isString(param)) {

package/src/misc/createElementNS.ts

@@ -1,6 +1,6 @@
-import getDocument from '../get/getDocument';
-import ObjectAssign from './ObjectAssign';
-import isString from '../is/isString';
+import getDocument from "../get/getDocument";
+import ObjectAssign from "./ObjectAssign";
+import isString from "../is/isString";
 
 /**
  * Shortie for `document.createElementNS` method

package/src/misc/data.ts

@@ -1,6 +1,6 @@
-import isHTMLElement from '../is/isHTMLElement';
+import isHTMLElement from "../is/isHTMLElement";
 
-const componentData = new Map<string, Map<HTMLElement, any>>();
+const componentData = new Map<string, Map<HTMLElement, unknown>>();
 
 /**
  * An interface for web components background data.

package/src/misc/dispatchEvent.ts

@@ -4,6 +4,7 @@
  * @param element is the target
  * @param event is the `Event` object
  */
-const dispatchEvent = (element: EventTarget, event: Event): boolean => element.dispatchEvent(event);
+const dispatchEvent = (element: EventTarget, event: Event): boolean =>
+  element.dispatchEvent(event);
 
 export default dispatchEvent;

package/src/misc/distinct.ts

@@ -13,6 +13,7 @@
  * @param arr a clone of the target array
  * @returns the query result
  */
-const distinct = <T>(value: T, index: number, arr: T[]): boolean => arr.indexOf(value) === index;
+const distinct = <T>(value: T, index: number, arr: T[]): boolean =>
+  arr.indexOf(value) === index;
 
 export default distinct;

package/src/misc/emulateAnimationEnd.ts

@@ -1,7 +1,7 @@
-import animationEndEvent from '../strings/animationEndEvent';
-import getElementAnimationDelay from '../get/getElementAnimationDelay';
-import getElementAnimationDuration from '../get/getElementAnimationDuration';
-import dispatchEvent from './dispatchEvent';
+import animationEndEvent from "../strings/animationEndEvent";
+import getElementAnimationDelay from "../get/getElementAnimationDelay";
+import getElementAnimationDuration from "../get/getElementAnimationDuration";
+import dispatchEvent from "./dispatchEvent";
 
 /**
  * Utility to make sure callbacks are consistently
@@ -10,7 +10,10 @@ import dispatchEvent from './dispatchEvent';
  * @param element target
  * @param handler `animationend` callback
  */
-const emulateAnimationEnd = (element: HTMLElement, handler: EventListener): void => {
+const emulateAnimationEnd = (
+  element: HTMLElement,
+  handler: EventListener,
+): void => {
   let called = 0;
   const endEvent = new Event(animationEndEvent);
   const duration = getElementAnimationDuration(element);

package/src/misc/emulateTransitionEnd.ts

@@ -1,7 +1,7 @@
-import transitionEndEvent from '../strings/transitionEndEvent';
-import getElementTransitionDelay from '../get/getElementTransitionDelay';
-import getElementTransitionDuration from '../get/getElementTransitionDuration';
-import dispatchEvent from './dispatchEvent';
+import transitionEndEvent from "../strings/transitionEndEvent";
+import getElementTransitionDelay from "../get/getElementTransitionDelay";
+import getElementTransitionDuration from "../get/getElementTransitionDuration";
+import dispatchEvent from "./dispatchEvent";
 
 /**
  * Utility to make sure callbacks are consistently
@@ -10,7 +10,10 @@ import dispatchEvent from './dispatchEvent';
  * @param element event target
  * @param handler `transitionend` callback
  */
-const emulateTransitionEnd = (element: HTMLElement, handler: EventListener): void => {
+const emulateTransitionEnd = (
+  element: HTMLElement,
+  handler: EventListener,
+): void => {
   let called = 0;
   const endEvent = new Event(transitionEndEvent);
   const duration = getElementTransitionDuration(element);

package/src/misc/focus.ts

@@ -4,6 +4,7 @@
  * @param element is the target
  * @param options allows to pass additional options such as `preventScroll: boolean`
  */
-const focus = (element: HTMLOrSVGElement, options?: FocusOptions): void => element.focus(options);
+const focus = (element: HTMLOrSVGElement, options?: FocusOptions): void =>
+  element.focus(options);
 
 export default focus;

package/src/misc/focusTrap.ts

@@ -1,12 +1,12 @@
-import ariaHidden from '../strings/ariaHidden';
-import focusableSelector from '../strings/focusableSelector';
-import querySelectorAll from '../selectors/querySelectorAll';
-import getAttribute from '../attr/getAttribute';
-import hasAttribute from '../attr/hasAttribute';
-import off from '../event/off';
-import on from '../event/on';
-import getDocument from '../get/getDocument';
-import { KeyboardEvent } from '../interface/event';
+import ariaHidden from "../strings/ariaHidden";
+import focusableSelector from "../strings/focusableSelector";
+import querySelectorAll from "../selectors/querySelectorAll";
+import getAttribute from "../attr/getAttribute";
+import hasAttribute from "../attr/hasAttribute";
+import off from "../event/off";
+import on from "../event/on";
+import getDocument from "../get/getDocument";
+import { KeyboardEvent } from "../interface/event";
 
 const focusTrapMap = new Map<HTMLElement, boolean>();
 
@@ -25,8 +25,10 @@ function handleKeyboardNavigation<T extends HTMLElement & EventTarget>(
 ) {
   const { shiftKey, code } = event;
   const doc = getDocument(this);
-  const focusableElements = [...querySelectorAll<FocusableElement>(focusableSelector, this)].filter(
-    el => !hasAttribute(el, 'disabled') && !getAttribute(el, ariaHidden),
+  const focusableElements = [
+    ...querySelectorAll<FocusableElement>(focusableSelector, this),
+  ].filter(
+    (el) => !hasAttribute(el, "disabled") && !getAttribute(el, ariaHidden),
   );
 
   if (!focusableElements.length) return;
@@ -34,7 +36,7 @@ function handleKeyboardNavigation<T extends HTMLElement & EventTarget>(
   const lastFocusable = focusableElements[focusableElements.length - 1];
 
   // istanbul ignore else @preserve
-  if (code === 'Tab') {
+  if (code === "Tab") {
     if (shiftKey && doc.activeElement === firstFocusable) {
       lastFocusable.focus();
       event.preventDefault();
@@ -49,7 +51,8 @@ function handleKeyboardNavigation<T extends HTMLElement & EventTarget>(
  * Utility to check if a designated element is affected by focus trap;
  * @param target
  */
-export const hasFocusTrap = (target: HTMLElement) => focusTrapMap.has(target) === true;
+export const hasFocusTrap = (target: HTMLElement) =>
+  focusTrapMap.has(target) === true;
 
 /**
  * Utility to toggle focus trap inside a designated target element;
@@ -58,7 +61,7 @@ export const hasFocusTrap = (target: HTMLElement) => focusTrapMap.has(target) ==
 export const toggleFocusTrap = (target: HTMLElement) => {
   const isCurrentlyTrapped = hasFocusTrap(target);
   const action = !isCurrentlyTrapped ? on : off;
-  action(target, 'keydown', handleKeyboardNavigation);
+  action(target, "keydown", handleKeyboardNavigation);
   if (isCurrentlyTrapped) focusTrapMap.delete(target);
   else focusTrapMap.set(target, true);
 };

package/src/misc/getInstance.ts

@@ -1,4 +1,4 @@
-import Data from './data';
+import Data from "./data";
 
 /**
  * An alias for `Data.get()`.

package/src/misc/normalizeOptions.ts

@@ -1,7 +1,7 @@
-import getAttribute from '../attr/getAttribute';
-import normalizeValue from './normalizeValue';
-import ObjectEntries from './ObjectEntries';
-import toLowerCase from './toLowerCase';
+import getAttribute from "../attr/getAttribute";
+import normalizeValue from "./normalizeValue";
+import ObjectEntries from "./ObjectEntries";
+import toLowerCase from "./toLowerCase";
 // import { optionValues } from '../types';
 
 /**
@@ -13,23 +13,25 @@ import toLowerCase from './toLowerCase';
  * @param ns component namespace
  * @return normalized component options object
  */
-const normalizeOptions = <T extends { [key: string]: any }>(
+const normalizeOptions = <T extends { [key: string]: unknown }>(
   element: HTMLElement,
   defaultOps: T,
   inputOps: Partial<T>,
   ns?: string,
 ): T => {
-  const INPUT = { ...inputOps };
+  const INPUT = { ...inputOps } as T;
   const data = { ...element.dataset };
   const normalOps = { ...defaultOps };
   const dataOps: Partial<T> = {};
-  const title = 'title';
+  const title = "title";
 
   ObjectEntries(data).forEach(([k, v]) => {
-    const key: keyof T =
-      ns && typeof k === 'string' && k.includes(ns)
-        ? k.replace(ns, '').replace(/[A-Z]/g, (match: string) => toLowerCase(match))
-        : /* istanbul ignore next @preserve */ k;
+    const key: keyof T = ns && typeof k === "string" && k.includes(ns)
+      ? k.replace(ns, "").replace(
+        /[A-Z]/g,
+        (match: string) => toLowerCase(match),
+      )
+      : /* istanbul ignore next @preserve */ k;
 
     dataOps[key] = normalizeValue(v) as T[keyof T];
   });
@@ -45,7 +47,8 @@ const normalizeOptions = <T extends { [key: string]: any }>(
     } else if (k in dataOps) {
       normalOps[k] = dataOps[k] as T[keyof T];
     } else {
-      normalOps[k] = (k === title ? getAttribute(element, title) : v) as T[keyof T];
+      normalOps[k] =
+        (k === title ? getAttribute(element, title) : v) as T[keyof T];
     }
   });
 

package/src/misc/normalizeValue.ts

@@ -1,4 +1,6 @@
-type NormalValue = boolean | number | string | ((...args: any[]) => any) | null;
+import { Fn } from "../interface/fn";
+
+type NormalValue = boolean | number | string | Fn | null;
 
 /**
  * Utility to normalize component options
@@ -6,20 +8,20 @@ type NormalValue = boolean | number | string | ((...args: any[]) => any) | null;
  * @param value the input value
  * @return the normalized value
  */
-const normalizeValue = (value?: boolean | number | string): NormalValue => {
-  if (['true', true].includes(value as boolean)) {
+const normalizeValue = (value?: unknown): NormalValue => {
+  if (["true", true].includes(value as boolean)) {
     return true;
   }
 
-  if (['false', false].includes(value as boolean)) {
+  if (["false", false].includes(value as boolean)) {
     return false;
   }
 
-  if (['null', '', null, undefined].includes(value as string | undefined)) {
+  if (["null", "", null, undefined].includes(value as string | undefined)) {
     return null;
   }
 
-  if (value !== '' && !Number.isNaN(+(value as string))) {
+  if (value !== "" && !Number.isNaN(+(value as string))) {
     return +(value as string);
   }
 

package/src/misc/setElementStyle.ts

@@ -1,7 +1,7 @@
-import ObjectAssign from './ObjectAssign';
-import ObjectEntries from './ObjectEntries';
-import isString from '../is/isString';
-import type { CSS4Declaration } from '../interface/css4Declaration';
+import ObjectAssign from "./ObjectAssign";
+import ObjectEntries from "./ObjectEntries";
+import isString from "../is/isString";
+import type { CSS4Declaration } from "../interface/css4Declaration";
 
 /**
  * Shortcut for multiple uses of `HTMLElement.style.propertyName` method.
@@ -9,9 +9,12 @@ import type { CSS4Declaration } from '../interface/css4Declaration';
  * @param element target element
  * @param styles attribute value
  */
-const setElementStyle = (element: HTMLElement, styles: Partial<CSS4Declaration>): void => {
+const setElementStyle = (
+  element: HTMLElement,
+  styles: Partial<CSS4Declaration>,
+): void => {
   ObjectEntries(styles).forEach(([key, value]) => {
-    if (value && isString(key as string) && (key as string).includes('--')) {
+    if (value && isString(key as string) && (key as string).includes("--")) {
       element.style.setProperty(key as string, value);
     } else {
       const propObject: Partial<CSS4Declaration> = {};

package/src/misc/timer.ts

@@ -1,6 +1,6 @@
-import isMap from '../is/isMap';
-import isHTMLElement from '../is/isHTMLElement';
-import isNumber from '../is/isNumber';
+import isMap from "../is/isMap";
+import isHTMLElement from "../is/isHTMLElement";
+import isNumber from "../is/isNumber";
 
 type KeyMap = Map<string, number>;
 type TimeMap = Map<HTMLElement, number | KeyMap>;
@@ -20,7 +20,12 @@ const Timer = {
    * @param delay the execution delay
    * @param key a unique key
    */
-  set: (element: HTMLElement, callback: TimerHandler, delay: number, key?: string): void => {
+  set: (
+    element: HTMLElement,
+    callback: TimerHandler,
+    delay: number,
+    key?: string,
+  ): void => {
     if (!isHTMLElement(element)) return;
 
     // istanbul ignore else @preserve
@@ -49,7 +54,9 @@ const Timer = {
     const keyTimers = TimeCache.get(element);
 
     if (key && keyTimers && isMap(keyTimers as KeyMap)) {
-      return (keyTimers as KeyMap).get(key) || /* istanbul ignore next */ null;
+      return (keyTimers as KeyMap).get(key) ||
+        /* istanbul ignore next @preserve */
+        null;
     } else if (isNumber(keyTimers as number)) {
       return keyTimers as number;
     }

package/src/selectors/closest.ts

@@ -15,8 +15,8 @@ const closest = <T extends Element = HTMLElement>(
 ): HTMLElement | null => {
   return element
     ? element.closest(selector) ||
-        // break out of `ShadowRoot`
-        closest((element.getRootNode() as ShadowRoot).host, selector)
+      // break out of `ShadowRoot`
+      closest((element.getRootNode() as ShadowRoot).host, selector)
     : null;
 };
 

package/src/selectors/getCustomElements.ts

@@ -1,5 +1,5 @@
-import isCustomElement from '../is/isCustomElement';
-import getElementsByTagName from './getElementsByTagName';
+import isCustomElement from "../is/isCustomElement";
+import getElementsByTagName from "./getElementsByTagName";
 
 /**
  * Returns an `Array` of `Node` elements that are registered as
@@ -11,7 +11,7 @@ import getElementsByTagName from './getElementsByTagName';
  * @returns the query result
  */
 const getCustomElements = (parent?: ParentNode) => {
-  const collection = getElementsByTagName('*', parent);
+  const collection = getElementsByTagName("*", parent);
 
   return [...collection].filter(isCustomElement);
 };

package/src/selectors/getElementById.ts

@@ -1,4 +1,4 @@
-import getDocument from '../get/getDocument';
+import getDocument from "../get/getDocument";
 
 /**
  * Returns an `HTMLElement` that matches the id in the document.

package/src/selectors/getElementsByClassName.ts

@@ -1,5 +1,5 @@
-import getDocument from '../get/getDocument';
-import isNode from '../is/isNode';
+import getDocument from "../get/getDocument";
+import isNode from "../is/isNode";
 
 /**
  * Shortcut for `HTMLElement.getElementsByClassName` method. Some `Node` elements
@@ -9,9 +9,14 @@ import isNode from '../is/isNode';
  * @param parent optional Element to look into
  * @return the 'HTMLCollection'
  */
-const getElementsByClassName = <T extends HTMLElement>(selector: string, parent?: ParentNode) => {
+const getElementsByClassName = <T extends HTMLElement>(
+  selector: string,
+  parent?: ParentNode,
+) => {
   const lookUp = parent && isNode(parent) ? parent : getDocument();
-  return (lookUp as HTMLElement | Document).getElementsByClassName(selector) as HTMLCollectionOf<T>;
+  return (lookUp as HTMLElement | Document).getElementsByClassName(
+    selector,
+  ) as HTMLCollectionOf<T>;
 };
 
 export default getElementsByClassName;

package/src/selectors/getElementsByTagName.ts

@@ -1,5 +1,5 @@
-import getDocument from '../get/getDocument';
-import isNode from '../is/isNode';
+import getDocument from "../get/getDocument";
+import isNode from "../is/isNode";
 
 /**
  * Shortcut for `HTMLElement.getElementsByTagName` method. Some `Node` elements
@@ -9,9 +9,14 @@ import isNode from '../is/isNode';
  * @param parent optional Element to look into
  * @return the 'HTMLCollection'
  */
-const getElementsByTagName = <T extends HTMLElement>(selector: string, parent?: ParentNode) => {
+const getElementsByTagName = <T extends HTMLElement>(
+  selector: string,
+  parent?: ParentNode,
+) => {
   const lookUp = isNode(parent) ? parent : getDocument();
-  return (lookUp as Document).getElementsByTagName(selector) as HTMLCollectionOf<T>;
+  return (lookUp as Document).getElementsByTagName(
+    selector,
+  ) as HTMLCollectionOf<T>;
 };
 
 export default getElementsByTagName;

package/src/selectors/matches.ts

@@ -5,6 +5,7 @@
  * @param selector the selector to match
  * @returns the query result
  */
-const matches = (target: Element, selector: string): boolean => target.matches(selector);
+const matches = (target: Element, selector: string): boolean =>
+  target.matches(selector);
 
 export default matches;

package/src/selectors/querySelector.ts

@@ -1,6 +1,6 @@
-import getDocument from '../get/getDocument';
-import isNode from '../is/isNode';
-import isHTMLElement from '../is/isHTMLElement';
+import getDocument from "../get/getDocument";
+import isNode from "../is/isNode";
+import isHTMLElement from "../is/isHTMLElement";
 
 /**
  * Utility to check if target is typeof `HTMLElement`, `Element`, `Node`

package/src/selectors/querySelectorAll.ts

@@ -1,5 +1,5 @@
-import getDocument from '../get/getDocument';
-import isNode from '../is/isNode';
+import getDocument from "../get/getDocument";
+import isNode from "../is/isNode";
 
 /**
  * A shortcut for `(document|Element).querySelectorAll`.

package/src/strings/DOMContentLoadedEvent.ts

@@ -1,5 +1,5 @@
 /**
  * A global namespace for `DOMContentLoaded` event.
  */
-const DOMContentLoadedEvent = 'DOMContentLoaded';
+const DOMContentLoadedEvent = "DOMContentLoaded";
 export default DOMContentLoadedEvent;

package/src/strings/DOMMouseScrollEvent.ts

@@ -1,5 +1,5 @@
 /**
  * A global namespace for `DOMMouseScroll` event.
  */
-const DOMMouseScrollEvent = 'DOMMouseScroll';
+const DOMMouseScrollEvent = "DOMMouseScroll";
 export default DOMMouseScrollEvent;

package/src/strings/abortEvent.ts

@@ -1,5 +1,5 @@
 /**
  * A global namespace for `abort` event.
  */
-const abortEvent = 'abort';
+const abortEvent = "abort";
 export default abortEvent;

package/src/strings/addEventListener.ts

@@ -1,5 +1,5 @@
 /**
  * A global namespace for 'addEventListener' string.
  */
-const addEventListener = 'addEventListener';
+const addEventListener = "addEventListener";
 export default addEventListener;

package/src/strings/animationDelay.ts

@@ -1,5 +1,5 @@
 /**
  * A global namespace for 'animationDelay' string.
  */
-const animationDelay = 'animationDelay';
+const animationDelay = "animationDelay";
 export default animationDelay;

package/src/strings/animationDuration.ts

@@ -1,5 +1,5 @@
 /**
  * A global namespace for 'animationDuration' string.
  */
-const animationDuration = 'animationDuration';
+const animationDuration = "animationDuration";
 export default animationDuration;

package/src/strings/animationEndEvent.ts

@@ -1,5 +1,5 @@
 /**
  * A global namespace for 'animationend' string.
  */
-const animationEndEvent = 'animationend';
+const animationEndEvent = "animationend";
 export default animationEndEvent;

package/src/strings/animationName.ts

@@ -1,5 +1,5 @@
 /**
  * A global namespace for 'animationName' string.
  */
-const animationName = 'animationName';
+const animationName = "animationName";
 export default animationName;

package/src/strings/ariaChecked.ts

@@ -1,5 +1,5 @@
 /**
  * A global namespace for aria-checked.
  */
-const ariaChecked = 'aria-checked';
+const ariaChecked = "aria-checked";
 export default ariaChecked;

package/src/strings/ariaDescribedBy.ts

@@ -1,5 +1,5 @@
 /**
  * A global namespace for aria-describedby.
  */
-const ariaDescribedBy = 'aria-describedby';
+const ariaDescribedBy = "aria-describedby";
 export default ariaDescribedBy;

package/src/strings/ariaDescription.ts

@@ -1,5 +1,5 @@
 /**
  * A global namespace for aria-description.
  */
-const ariaDescription = 'aria-description';
+const ariaDescription = "aria-description";
 export default ariaDescription;

package/src/strings/ariaExpanded.ts

@@ -1,5 +1,5 @@
 /**
  * A global namespace for aria-expanded.
  */
-const ariaExpanded = 'aria-expanded';
+const ariaExpanded = "aria-expanded";
 export default ariaExpanded;

package/src/strings/ariaHasPopup.ts

@@ -1,5 +1,5 @@
 /**
  * A global namespace for aria-haspopup.
  */
-const ariaHasPopup = 'aria-haspopup';
+const ariaHasPopup = "aria-haspopup";
 export default ariaHasPopup;

package/src/strings/ariaHidden.ts

@@ -1,5 +1,5 @@
 /**
  * A global namespace for aria-hidden.
  */
-const ariaHidden = 'aria-hidden';
+const ariaHidden = "aria-hidden";
 export default ariaHidden;

package/src/strings/ariaLabel.ts

@@ -1,5 +1,5 @@
 /**
  * A global namespace for aria-label.
  */
-const ariaLabel = 'aria-label';
+const ariaLabel = "aria-label";
 export default ariaLabel;

package/src/strings/ariaLabelledBy.ts

@@ -1,5 +1,5 @@
 /**
  * A global namespace for aria-labelledby.
  */
-const ariaLabelledBy = 'aria-labelledby';
+const ariaLabelledBy = "aria-labelledby";
 export default ariaLabelledBy;