@thednp/shorty 2.0.0-alpha2 → 2.0.0-alpha5

package/src/misc/normalizeValue.ts

@@ -1,4 +1,4 @@
-import { optionValues } from '../types';
+type NormalValue = boolean | number | string | ((...args: any[]) => any) | null;
 
 /**
  * Utility to normalize component options
@@ -6,25 +6,25 @@ import { optionValues } from '../types';
  * @param value the input value
  * @return the normalized value
  */
-const normalizeValue = (value?: any): optionValues => {
-  if (['true', true].includes(value)) {
+const normalizeValue = (value?: boolean | number | string): NormalValue => {
+  if (['true', true].includes(value as boolean)) {
     return true;
   }
 
-  if (['false', false].includes(value)) {
+  if (['false', false].includes(value as boolean)) {
     return false;
   }
 
-  if (['null', '', null].includes(value)) {
+  if (['null', '', null, undefined].includes(value as string | undefined)) {
     return null;
   }
 
-  if (value !== '' && !Number.isNaN(+value)) {
-    return +value;
+  if (value !== '' && !Number.isNaN(+(value as string))) {
+    return +(value as string);
   }
 
   // string / function / HTMLElement / object / undefined
-  return value;
+  return value as NormalValue;
 };
 
 export default normalizeValue;

package/src/misc/setElementStyle.ts

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

package/src/misc/timer.ts

@@ -5,14 +5,16 @@ import isNumber from '../is/isNumber';
 type KeyMap = Map<string, number>;
 type TimeMap = Map<HTMLElement, number | KeyMap>;
 
-const TimeCache: TimeMap = new Map();
+const TimeCache: TimeMap = new Map() as TimeMap;
 /**
  * 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
@@ -27,14 +29,17 @@ const Timer = {
       if (!TimeCache.has(element)) {
         TimeCache.set(element, new Map());
       }
+      // eslint-disable-next-line @typescript-eslint/no-implied-eval
       (TimeCache.get(element) as KeyMap).set(key, setTimeout(callback, delay));
     } else {
+      // eslint-disable-next-line @typescript-eslint/no-implied-eval
       TimeCache.set(element, setTimeout(callback, delay));
     }
   },
 
   /**
    * Returns the timer associated with the target.
+   *
    * @param element target element
    * @param key a unique
    * @returns the timer
@@ -43,16 +48,17 @@ const Timer = {
     if (!isHTMLElement(element)) return null;
     const keyTimers = TimeCache.get(element);
 
-    if (isMap(keyTimers)) {
-      return keyTimers.get(key) || /* istanbul ignore next */ null;
-    } else if (isNumber(keyTimers)) {
-      return keyTimers;
+    if (key && keyTimers && isMap(keyTimers as KeyMap)) {
+      return (keyTimers as KeyMap).get(key) || /* istanbul ignore next */ null;
+    } else if (isNumber(keyTimers as number)) {
+      return keyTimers as number;
     }
     return null;
   },
 
   /**
    * Clears the element's timer.
+   *
    * @param element target element
    * @param key a unique key
    */
@@ -61,15 +67,12 @@ const Timer = {
 
     const keyTimers = TimeCache.get(element);
 
-    if (key && key.length && isMap(keyTimers)) {
+    if (key && key.length && isMap(keyTimers as KeyMap)) {
+      clearTimeout((keyTimers as KeyMap).get(key));
+      (keyTimers as KeyMap).delete(key);
       /* istanbul ignore else */
-      if (isMap(keyTimers)) {
-        clearTimeout(keyTimers.get(key));
-        keyTimers.delete(key);
-        /* istanbul ignore else */
-        if (keyTimers.size === 0) {
-          TimeCache.delete(element);
-        }
+      if ((keyTimers as KeyMap).size === 0) {
+        TimeCache.delete(element);
       }
     } else {
       clearTimeout(keyTimers as number);

package/src/selectors/getCustomElements.ts

@@ -1,10 +1,11 @@
-import CustomElement from '../interface/customElement';
+import { CustomElement } from '../interface/customElement';
 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

package/src/selectors/getElementsByClassName.ts

@@ -11,11 +11,11 @@ import isNode from '../is/isNode';
  */
 const getElementsByClassName = (
   selector: string,
-  parent?: ParentNode
+  parent?: ParentNode,
 ): HTMLCollectionOf<HTMLElement> => {
   const lookUp = parent && isNode(parent) ? parent : getDocument();
   return (lookUp as HTMLElement | Document).getElementsByClassName(
-    selector
+    selector,
   ) as HTMLCollectionOf<HTMLElement>;
 };
 

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
@@ -11,7 +11,7 @@ import isNode from "../is/isNode";
  */
 const getElementsByTagName = (
   selector: string,
-  parent?: ParentNode
+  parent?: ParentNode,
 ): HTMLCollectionOf<HTMLElement> => {
   const lookUp = isNode(parent) ? parent : getDocument();
   return (lookUp as Document).getElementsByTagName(selector) as HTMLCollectionOf<HTMLElement>;

package/src/selectors/querySelector.ts

@@ -10,12 +10,12 @@ import isNode from '../is/isNode';
  * @return the `HTMLElement` or `querySelector` result
  */
 const querySelector = (selector: Node | string, parent?: ParentNode): HTMLElement | null => {
-  if (isNode(selector)) {
+  if (isNode(selector as Node)) {
     return selector as HTMLElement;
   }
   const lookUp = parent && isNode(parent) ? parent : getDocument();
 
-  return lookUp.querySelector(selector);
+  return lookUp.querySelector(selector as string);
 };
 
 export default querySelector;

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;

package/src/strings/ariaModal.ts

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

package/src/strings/ariaPressed.ts

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

package/src/strings/ariaSelected.ts

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

package/src/strings/ariaValueMax.ts

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

package/src/strings/ariaValueMin.ts

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

package/src/strings/ariaValueNow.ts

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

package/src/strings/ariaValueText.ts

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

package/src/strings/beforeunloadEvent.ts

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

package/src/strings/bezierEasings.ts

@@ -3,30 +3,30 @@
  * CSS3 'cubic-bezier()' easing functions.
  */
 const bezierEasings = {
-  linear: "linear",
-  easingSinusoidalIn: "cubic-bezier(0.47,0,0.745,0.715)",
-  easingSinusoidalOut: "cubic-bezier(0.39,0.575,0.565,1)",
-  easingSinusoidalInOut: "cubic-bezier(0.445,0.05,0.55,0.95)",
-  easingQuadraticIn: "cubic-bezier(0.550,0.085,0.680,0.530)",
-  easingQuadraticOut: "cubic-bezier(0.250,0.460,0.450,0.940)",
-  easingQuadraticInOut: "cubic-bezier(0.455,0.030,0.515,0.955)",
-  easingCubicIn: "cubic-bezier(0.55,0.055,0.675,0.19)",
-  easingCubicOut: "cubic-bezier(0.215,0.61,0.355,1)",
-  easingCubicInOut: "cubic-bezier(0.645,0.045,0.355,1)",
-  easingQuarticIn: "cubic-bezier(0.895,0.03,0.685,0.22)",
-  easingQuarticOut: "cubic-bezier(0.165,0.84,0.44,1)",
-  easingQuarticInOut: "cubic-bezier(0.77,0,0.175,1)",
-  easingQuinticIn: "cubic-bezier(0.755,0.05,0.855,0.06)",
-  easingQuinticOut: "cubic-bezier(0.23,1,0.32,1)",
-  easingQuinticInOut: "cubic-bezier(0.86,0,0.07,1)",
-  easingExponentialIn: "cubic-bezier(0.95,0.05,0.795,0.035)",
-  easingExponentialOut: "cubic-bezier(0.19,1,0.22,1)",
-  easingExponentialInOut: "cubic-bezier(1,0,0,1)",
-  easingCircularIn: "cubic-bezier(0.6,0.04,0.98,0.335)",
-  easingCircularOut: "cubic-bezier(0.075,0.82,0.165,1)",
-  easingCircularInOut: "cubic-bezier(0.785,0.135,0.15,0.86)",
-  easingBackIn: "cubic-bezier(0.6,-0.28,0.735,0.045)",
-  easingBackOut: "cubic-bezier(0.175,0.885,0.32,1.275)",
-  easingBackInOut: "cubic-bezier(0.68,-0.55,0.265,1.55)",
+  linear: 'linear',
+  easingSinusoidalIn: 'cubic-bezier(0.47,0,0.745,0.715)',
+  easingSinusoidalOut: 'cubic-bezier(0.39,0.575,0.565,1)',
+  easingSinusoidalInOut: 'cubic-bezier(0.445,0.05,0.55,0.95)',
+  easingQuadraticIn: 'cubic-bezier(0.550,0.085,0.680,0.530)',
+  easingQuadraticOut: 'cubic-bezier(0.250,0.460,0.450,0.940)',
+  easingQuadraticInOut: 'cubic-bezier(0.455,0.030,0.515,0.955)',
+  easingCubicIn: 'cubic-bezier(0.55,0.055,0.675,0.19)',
+  easingCubicOut: 'cubic-bezier(0.215,0.61,0.355,1)',
+  easingCubicInOut: 'cubic-bezier(0.645,0.045,0.355,1)',
+  easingQuarticIn: 'cubic-bezier(0.895,0.03,0.685,0.22)',
+  easingQuarticOut: 'cubic-bezier(0.165,0.84,0.44,1)',
+  easingQuarticInOut: 'cubic-bezier(0.77,0,0.175,1)',
+  easingQuinticIn: 'cubic-bezier(0.755,0.05,0.855,0.06)',
+  easingQuinticOut: 'cubic-bezier(0.23,1,0.32,1)',
+  easingQuinticInOut: 'cubic-bezier(0.86,0,0.07,1)',
+  easingExponentialIn: 'cubic-bezier(0.95,0.05,0.795,0.035)',
+  easingExponentialOut: 'cubic-bezier(0.19,1,0.22,1)',
+  easingExponentialInOut: 'cubic-bezier(1,0,0,1)',
+  easingCircularIn: 'cubic-bezier(0.6,0.04,0.98,0.335)',
+  easingCircularOut: 'cubic-bezier(0.075,0.82,0.165,1)',
+  easingCircularInOut: 'cubic-bezier(0.785,0.135,0.15,0.86)',
+  easingBackIn: 'cubic-bezier(0.6,-0.28,0.735,0.045)',
+  easingBackOut: 'cubic-bezier(0.175,0.885,0.32,1.275)',
+  easingBackInOut: 'cubic-bezier(0.68,-0.55,0.265,1.55)',
 };
 export default bezierEasings;

package/src/strings/blurEvent.ts

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

package/src/strings/changeEvent.ts

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

package/src/strings/contextmenuEvent.ts

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

package/src/strings/errorEvent.ts

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

package/src/strings/focusEvent.ts

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

package/src/strings/focusEvents.ts

@@ -1,5 +1,5 @@
 /**
  * A global namespace for focus event names.
  */
-const focusEvents = { in: "focusin", out: "focusout" };
+const focusEvents = { in: 'focusin', out: 'focusout' };
 export default focusEvents;

package/src/strings/focusinEvent.ts

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

package/src/strings/focusoutEvent.ts

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

package/src/strings/gesturechangeEvent.ts

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

package/src/strings/gestureendEvent.ts

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

package/src/strings/gesturestartEvent.ts

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

package/src/strings/keyAlt.ts

@@ -2,6 +2,6 @@
  * A global namespace for `Alt` key.
  * e.which = 18
  */
-const keyAlt = "Alt";
+const keyAlt = 'Alt';
 
 export default keyAlt;

package/src/strings/keyArrowDown.ts

@@ -2,6 +2,6 @@
  * A global namespace for `ArrowDown` key.
  * e.which = 40 equivalent
  */
-const keyArrowDown = "ArrowDown";
+const keyArrowDown = 'ArrowDown';
 
 export default keyArrowDown;

package/src/strings/keyArrowLeft.ts

@@ -2,6 +2,6 @@
  * A global namespace for `ArrowLeft` key.
  * e.which = 37 equivalent
  */
-const keyArrowLeft = "ArrowLeft";
+const keyArrowLeft = 'ArrowLeft';
 
 export default keyArrowLeft;

package/src/strings/keyArrowRight.ts

@@ -2,6 +2,6 @@
  * A global namespace for `ArrowRight` key.
  * e.which = 39 equivalent
  */
-const keyArrowRight = "ArrowRight";
+const keyArrowRight = 'ArrowRight';
 
 export default keyArrowRight;

package/src/strings/keyArrowUp.ts

@@ -2,6 +2,6 @@
  * A global namespace for `ArrowUp` key.
  * e.which = 38 equivalent
  */
-const keyArrowUp = "ArrowUp";
+const keyArrowUp = 'ArrowUp';
 
 export default keyArrowUp;

package/src/strings/keyBackspace.ts

@@ -2,6 +2,6 @@
  * A global namespace for `Backspace` key.
  * e.which === 8 equivalent
  */
-const keyBackspace = "Backspace";
+const keyBackspace = 'Backspace';
 
 export default keyBackspace;

package/src/strings/keyCapsLock.ts

@@ -2,6 +2,6 @@
  * A global namespace for `CapsLock` key.
  * e.which = 20 equivalent
  */
-const keyCapsLock = "CapsLock";
+const keyCapsLock = 'CapsLock';
 
 export default keyCapsLock;

package/src/strings/keyControl.ts

@@ -2,6 +2,6 @@
  * A global namespace for `Control` key.
  * e.which = 17
  */
-const keyControl = "Control";
+const keyControl = 'Control';
 
 export default keyControl;

package/src/strings/keyDelete.ts

@@ -2,6 +2,6 @@
  * A global namespace for `Delete` key.
  * e.which = 46 equivalent
  */
-const keyDelete = "Delete";
+const keyDelete = 'Delete';
 
 export default keyDelete;