@thednp/shorty 2.0.0-alpha1 → 2.0.0-alpha2

package/README.md

@@ -129,7 +129,7 @@ off(targetElement, "mouseup", eventHandler, passiveHandler);
 one(targetElement, "touchstart", eventHandler, passiveHandler);
 ```
 
-For a more advanced method to handle event listeners, I recommend using the [event-listener.js](github.com/thednp/event-listener.js).
+For a more advanced method to handle event listeners, I recommend using the [event-listener](github.com/thednp/event-listener).
 
 # get
 

package/dist/{index.cjs.js → shorty.cjs.js}

@@ -1,5 +1,6 @@
+"use strict";
 /*!
-* SHORTY v2.0.0alpha1 (https://github.com/thednp/shorty)
+* SHORTY v2.0.0alpha2 (https://github.com/thednp/shorty)
 * Copyright 2022 © dnp_theme
 * Licensed under MIT (https://github.com/thednp/shorty/blob/main/LICENSE)
 */
@@ -598,7 +599,9 @@ var { head: documentHead } = document;
 var documentHead_default = documentHead;
 
 // src/boolean/support3DTransform.ts
-var support3DTransform = ["webkitPerspective", "perspective"].some((p) => p in documentHead_default.style);
+var support3DTransform = ["webkitPerspective", "perspective"].some(
+  (p) => p in documentHead_default.style
+);
 var support3DTransform_default = support3DTransform;
 
 // src/event/on.ts
@@ -692,14 +695,14 @@ var removeAttributeNS = (ns, element, att) => element.removeAttributeNS(ns, att)
 var removeAttributeNS_default = removeAttributeNS;
 
 // src/class/addClass.ts
-var addClass = (element, classNAME) => {
-  element.classList.add(classNAME);
+var addClass = (element, ...classNAME) => {
+  element.classList.add(...classNAME);
 };
 var addClass_default = addClass;
 
 // src/class/removeClass.ts
-var removeClass = (element, classNAME) => {
-  element.classList.remove(classNAME);
+var removeClass = (element, ...classNAME) => {
+  element.classList.remove(...classNAME);
 };
 var removeClass_default = removeClass;
 
@@ -736,12 +739,12 @@ var Data = {
   get: (element, component) => {
     if (!isHTMLElement_default(element) || !component)
       return null;
-    const allForC = Data.getAllFor(component);
-    const instance = element && allForC && allForC.get(element);
+    const instanceMap = Data.getAllFor(component);
+    const instance = element && instanceMap && instanceMap.get(element);
     return instance || null;
   },
   remove: (element, component) => {
-    const instanceMap = componentData.get(component);
+    const instanceMap = Data.getAllFor(component);
     if (!instanceMap || !isHTMLElement_default(element))
       return;
     instanceMap.delete(element);
@@ -753,6 +756,10 @@ var Data = {
 var getInstance = (target, component) => Data.get(target, component);
 var data_default = Data;
 
+// src/is/isString.ts
+var isString = (str) => typeof str === "string" || false;
+var isString_default = isString;
+
 // src/is/isNode.ts
 var isNode = (node) => node && [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].some((x) => node.nodeType === x) || false;
 var isNode_default = isNode;
@@ -795,7 +802,9 @@ var createElement = (param) => {
   const attr = { ...param };
   delete attr.tagName;
   ObjectEntries_default(attr).forEach(([key, value]) => {
-    setAttribute_default(newElement, key, value);
+    if (isString_default(value)) {
+      setAttribute_default(newElement, key, value);
+    }
   });
   return newElement;
 };
@@ -815,7 +824,9 @@ var createElementNS = (ns, param) => {
   const attr = { ...param };
   delete attr.tagName;
   ObjectEntries_default(attr).forEach(([key, value]) => {
-    setAttribute_default(newElement, key, value);
+    if (isString_default(value)) {
+      setAttribute_default(newElement, key, value);
+    }
   });
   return newElement;
 };
@@ -826,7 +837,7 @@ var dispatchEvent = (element, event) => element.dispatchEvent(event);
 var dispatchEvent_default = dispatchEvent;
 
 // src/misc/distinct.ts
-var distinct = (value, index, self) => self.indexOf(value) === index;
+var distinct = (value, index, arr) => arr.indexOf(value) === index;
 var distinct_default = distinct;
 
 // src/get/getElementStyle.ts
@@ -935,7 +946,7 @@ var Float64ArrayFrom = (arr) => Float64Array.from(Array.from(arr));
 var Float64ArrayFrom_default = Float64ArrayFrom;
 
 // src/misc/focus.ts
-var focus = (element) => element.focus();
+var focus = (element, options) => element.focus(options);
 var focus_default = focus;
 
 // src/misc/noop.ts
@@ -951,7 +962,7 @@ var normalizeValue = (value) => {
   if (["false", false].includes(value)) {
     return false;
   }
-  if (value === "" || value === "null") {
+  if (["null", "", null].includes(value)) {
     return null;
   }
   if (value !== "" && !Number.isNaN(+value)) {
@@ -961,34 +972,31 @@ var normalizeValue = (value) => {
 };
 var normalizeValue_default = normalizeValue;
 
-// src/misc/ObjectKeys.ts
-var ObjectKeys = (obj) => Object.keys(obj);
-var ObjectKeys_default = ObjectKeys;
-
 // src/misc/toLowerCase.ts
 var toLowerCase = (source) => source.toLowerCase();
 var toLowerCase_default = toLowerCase;
 
 // src/misc/normalizeOptions.ts
 var normalizeOptions = (element, defaultOps, inputOps, ns) => {
+  const INPUT = { ...inputOps };
   const data = { ...element.dataset };
-  const normalOps = {};
+  const normalOps = { ...defaultOps };
   const dataOps = {};
   const title = "title";
-  ObjectKeys_default(data).forEach((k) => {
-    const key = ns && k.includes(ns) ? k.replace(ns, "").replace(/[A-Z]/, (match) => toLowerCase_default(match)) : k;
-    dataOps[key] = normalizeValue_default(data[k]);
+  ObjectEntries_default(data).forEach(([k, v]) => {
+    const key = ns && typeof k === "string" && k.includes(ns) ? k.replace(ns, "").replace(/[A-Z]/g, (match) => toLowerCase_default(match)) : k;
+    dataOps[key] = normalizeValue_default(v);
   });
-  ObjectKeys_default(inputOps).forEach((k) => {
-    inputOps[k] = normalizeValue_default(inputOps[k]);
+  ObjectEntries_default(INPUT).forEach(([k, v]) => {
+    INPUT[k] = normalizeValue_default(v);
   });
-  ObjectKeys_default(defaultOps).forEach((k) => {
-    if (k in inputOps) {
-      normalOps[k] = inputOps[k];
+  ObjectEntries_default(defaultOps).forEach(([k, v]) => {
+    if (k in INPUT) {
+      normalOps[k] = INPUT[k];
     } else if (k in dataOps) {
       normalOps[k] = dataOps[k];
     } else {
-      normalOps[k] = k === title ? getAttribute_default(element, title) : defaultOps[k];
+      normalOps[k] = k === title ? getAttribute_default(element, title) : v;
     }
   });
   return normalOps;
@@ -996,9 +1004,13 @@ var normalizeOptions = (element, defaultOps, inputOps, ns) => {
 var normalizeOptions_default = normalizeOptions;
 
 // src/misc/ObjectAssign.ts
-var ObjectAssign = (obj, source) => Object.assign(obj, source);
+var ObjectAssign = (obj, ...source) => Object.assign(obj, ...source);
 var ObjectAssign_default = ObjectAssign;
 
+// src/misc/ObjectKeys.ts
+var ObjectKeys = (obj) => Object.keys(obj);
+var ObjectKeys_default = ObjectKeys;
+
 // src/misc/ObjectValues.ts
 var ObjectValues = (obj) => Object.values(obj);
 var ObjectValues_default = ObjectValues;
@@ -1042,6 +1054,14 @@ var setElementStyle = (element, styles) => {
 };
 var setElementStyle_default = setElementStyle;
 
+// src/is/isMap.ts
+var isMap = (obj) => obj && obj.constructor.name === "Map" || false;
+var isMap_default = isMap;
+
+// src/is/isNumber.ts
+var isNumber = (num) => typeof num === "number" || false;
+var isNumber_default = isNumber;
+
 // src/misc/timer.ts
 var TimeCache = /* @__PURE__ */ new Map();
 var Timer = {
@@ -1052,8 +1072,7 @@ var Timer = {
       if (!TimeCache.has(element)) {
         TimeCache.set(element, /* @__PURE__ */ new Map());
       }
-      const keyTimers = TimeCache.get(element);
-      keyTimers.set(key, setTimeout(callback, delay));
+      TimeCache.get(element).set(key, setTimeout(callback, delay));
     } else {
       TimeCache.set(element, setTimeout(callback, delay));
     }
@@ -1062,17 +1081,19 @@ var Timer = {
     if (!isHTMLElement_default(element))
       return null;
     const keyTimers = TimeCache.get(element);
-    if (key && key.length && keyTimers && keyTimers.get) {
+    if (isMap_default(keyTimers)) {
       return keyTimers.get(key) || null;
+    } else if (isNumber_default(keyTimers)) {
+      return keyTimers;
     }
-    return keyTimers || null;
+    return null;
   },
   clear: (element, key) => {
     if (!isHTMLElement_default(element))
       return;
-    if (key && key.length) {
-      const keyTimers = TimeCache.get(element);
-      if (keyTimers && keyTimers.get) {
+    const keyTimers = TimeCache.get(element);
+    if (key && key.length && isMap_default(keyTimers)) {
+      if (isMap_default(keyTimers)) {
         clearTimeout(keyTimers.get(key));
         keyTimers.delete(key);
         if (keyTimers.size === 0) {
@@ -1080,7 +1101,7 @@ var Timer = {
         }
       }
     } else {
-      clearTimeout(TimeCache.get(element));
+      clearTimeout(keyTimers);
       TimeCache.delete(element);
     }
   }
@@ -1150,7 +1171,7 @@ var getParentNode = (node) => {
   if (node.nodeName === "HTML") {
     return node;
   }
-  return node.assignedSlot || node.parentNode || isShadowRoot_default(node) && node.host || getDocumentElement_default(node);
+  return isHTMLElement_default(node) && node.assignedSlot || isNode_default(node) && node.parentNode || isShadowRoot_default(node) && node.host || getDocumentElement_default(node);
 };
 var getParentNode_default = getParentNode;
 
@@ -1194,7 +1215,7 @@ var getUID = (element, key) => {
     if (!elementIDMap.has(elID)) {
       elementIDMap.set(elID, elMap);
     }
-    if (!elMap.has(key)) {
+    if (isMap_default(elMap) && !elMap.has(key)) {
       elMap.set(key, result);
       elementUID += 1;
     } else
@@ -1224,9 +1245,13 @@ var getWindow = (node) => {
 var getWindow_default = getWindow;
 
 // src/is/isArray.ts
-var isArray = (arr) => Array.isArray(arr) || false;
+var isArray = (obj) => Array.isArray(obj) || false;
 var isArray_default = isArray;
 
+// src/is/isCanvas.ts
+var isCanvas = (element) => element && element.constructor.name === "HTMLCanvasElement" || false;
+var isCanvas_default = isCanvas;
+
 // src/is/isCustomElement.ts
 var isCustomElement = (element) => element && !!element.shadowRoot || false;
 var isCustomElement_default = isCustomElement;
@@ -1237,7 +1262,7 @@ var isElement_default = isElement;
 
 // src/is/isElementInScrollRange.ts
 var isElementInScrollRange = (element) => {
-  if (!element || !isNode_default(element))
+  if (!isNode_default(element))
     return false;
   const { top, bottom } = getBoundingClientRect_default(element);
   const { clientHeight } = getDocumentElement_default(element);
@@ -1247,7 +1272,7 @@ var isElementInScrollRange_default = isElementInScrollRange;
 
 // src/is/isElementInViewport.ts
 var isElementInViewport = (element) => {
-  if (!element || !isNode_default(element))
+  if (!isNode_default(element))
     return false;
   const { clientWidth, clientHeight } = getDocumentElement_default(element);
   const { top, left, bottom, right } = getBoundingClientRect_default(element, true);
@@ -1271,26 +1296,22 @@ var isHTMLCollection_default = isHTMLCollection;
 var isHTMLImageElement = (element) => element && element.tagName === "IMG" || false;
 var isHTMLImageElement_default = isHTMLImageElement;
 
+// src/is/isWeakMap.ts
+var isWeakMap = (obj) => obj && obj.constructor.name === "WeakMap" || false;
+var isWeakMap_default = isWeakMap;
+
 // src/is/isMedia.ts
-var isMedia = (element) => element && element.nodeType === 1 && ["SVG", "Image", "Video"].some((s) => element.constructor.name.includes(s)) || false;
+var isMedia = (element) => element && element.nodeType === 1 && ["SVG", "Image", "Video", "Canvas"].some((s) => element.constructor.name.includes(s)) || false;
 var isMedia_default = isMedia;
 
 // src/is/isNodeList.ts
 var isNodeList = (obj) => obj && obj.constructor.name === "NodeList" || false;
 var isNodeList_default = isNodeList;
 
-// src/is/isNumber.ts
-var isNumber = (num) => typeof num === "number" || false;
-var isNumber_default = isNumber;
-
 // src/is/isRTL.ts
 var isRTL = (node) => getDocumentElement_default(node).dir === "rtl";
 var isRTL_default = isRTL;
 
-// src/is/isString.ts
-var isString = (str) => typeof str === "string" || false;
-var isString_default = isString;
-
 // src/is/isSVGElement.ts
 var isSVGElement = (element) => element && element.constructor.name.includes("SVG") || false;
 var isSVGElement_default = isSVGElement;
@@ -1307,7 +1328,7 @@ var closest_default = closest;
 
 // src/selectors/querySelector.ts
 var querySelector = (selector, parent) => {
-  if (typeof selector === "object" && isNode_default(selector)) {
+  if (isNode_default(selector)) {
     return selector;
   }
   const lookUp = parent && isNode_default(parent) ? parent : getDocument_default();
@@ -1345,7 +1366,9 @@ var querySelectorAll_default = querySelectorAll;
 // src/selectors/getElementsByClassName.ts
 var getElementsByClassName = (selector, parent) => {
   const lookUp = parent && isNode_default(parent) ? parent : getDocument_default();
-  return lookUp.getElementsByClassName(selector);
+  return lookUp.getElementsByClassName(
+    selector
+  );
 };
 var getElementsByClassName_default = getElementsByClassName;
 
@@ -1502,9 +1525,12 @@ var SHORTY = {
   getRectRelativeToOffsetParent: getRectRelativeToOffsetParent_default,
   getWindow: getWindow_default,
   isArray: isArray_default,
+  isCanvas: isCanvas_default,
   isString: isString_default,
   isCustomElement: isCustomElement_default,
   isElement: isElement_default,
+  isMap: isMap_default,
+  isWeakMap: isWeakMap_default,
   isNode: isNode_default,
   isNumber: isNumber_default,
   isHTMLElement: isHTMLElement_default,
@@ -1561,4 +1587,6 @@ var SHORTY = {
   removeAttributeNS: removeAttributeNS_default
 };
 var src_default = SHORTY;
-//# sourceMappingURL=index.cjs.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});
+//# sourceMappingURL=shorty.cjs.js.map