@daybrush/utils - npm Package Compare versions

Comparing version 0.5.0 to 0.5.1

declaration/dom.d.ts

 import { IObject } from "./consts";
-export declare function $(selector: string, multi: true): NodeListOf<Element>;
-export declare function $(selector: string, multi?: false): Element;
+export declare function $<K extends keyof HTMLElementTagNameMap>(selectors: K, multi: true): NodeListOf<HTMLElementTagNameMap[K]>;
+export declare function $<K extends keyof SVGElementTagNameMap>(selectors: K, multi: true): NodeListOf<SVGElementTagNameMap[K]>;
+export declare function $<E extends Element = Element>(selectors: string, multi: true): NodeListOf<E>;
+export declare function $<K extends keyof HTMLElementTagNameMap>(selectors: K, multi?: false): HTMLElementTagNameMap[K] | null;
+export declare function $<K extends keyof SVGElementTagNameMap>(selectors: K, multi?: false): SVGElementTagNameMap[K] | null;
+export declare function $<E extends Element = Element>(selectors: string, multi?: false): E | null;
 export declare function hasClass(element: HTMLElement, className: string): boolean;
@@ -5,0 +9,0 @@ export declare function addClass(element: HTMLElement, className: string): void;

dist/utils.esm.js

@@ -7,3 +7,3 @@ /*
 repository: https://github.com/daybrush/utils
-@version 0.5.0
+@version 0.5.1
 */
@@ -696,2 +696,7 @@ /**
 /**
+ * Returns all element descendants of node that
+ * match selectors.
+ */
+
+/**
  * Checks if the specified class value exists in the element's class attribute.
@@ -708,4 +713,4 @@ * @memberof DOM
 
-function $(selector, multi) {
-  return multi ? doc.querySelectorAll(selector) : doc.querySelector(selector);
+function $(selectors, multi) {
+  return multi ? doc.querySelectorAll(selectors) : doc.querySelector(selectors);
 }
@@ -712,0 +717,0 @@ /**

dist/utils.js

@@ -7,3 +7,3 @@ /*
 repository: https://github.com/daybrush/utils
-@version 0.5.0
+@version 0.5.1
 */
@@ -702,2 +702,7 @@ (function (global, factory) {
   /**
+   * Returns all element descendants of node that
+   * match selectors.
+   */
+
+  /**
    * Checks if the specified class value exists in the element's class attribute.
@@ -714,4 +719,4 @@ * @memberof DOM
 
-  function $(selector, multi) {
-    return multi ? doc.querySelectorAll(selector) : doc.querySelector(selector);
+  function $(selectors, multi) {
+    return multi ? doc.querySelectorAll(selectors) : doc.querySelector(selectors);
   }
@@ -718,0 +723,0 @@ /**

dist/utils.min.js

@@ -7,5 +7,5 @@ /*
 repository: https://github.com/daybrush/utils
-@version 0.5.0
+@version 0.5.1
 */
 !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.utils=t()}(this,function(){"use strict";var u="rgb",c="rgba",f="hsl",l="hsla",e=[u,c,f,l],t="function",n="object",r="string",i="undefined",a=typeof window!==i,o=typeof document!==i&&document,s=["webkit","ms","moz","o"],m=function(e){if(!o)return"";var t=(o.body||o.documentElement).style,n=s.length;if(typeof t[e]!==i)return e;for(var r=0;r<n;++r){var a="-"+s[r]+"-"+e;if(typeof t[a]!==i)return a}return""},p=m("transform"),d=m("filter"),h=m("animation"),g=h.replace("animation","keyframes");function v(e){var t=e.match(/("[^"]*"|'[^']*'|[^,\s()]*\((?:[^()]*|\([^()]*\))*\)[^,\s()]*|[^,])+/g);return t?t.map(function(e){return e.trim()}):[]}function w(e){var t=/([^(]*)\(([\s\S]*)\)([\s\S]*)/g.exec(e);return!t||t.length<4?{}:{prefix:t[1],value:t[2],suffix:t[3]}}function A(){return Date.now?Date.now():(new Date).getTime()}var y=function(){var n=A(),e=a&&(window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame);return e?e.bind(window):function(e){var t=A();return window.setTimeout(function(){e(t-n)},1e3/60)}}();function R(e){return e.replace("#","")}function N(e){var t=R(e),n=parseInt(t.substring(0,2),16),r=parseInt(t.substring(2,4),16),a=parseInt(t.substring(4,6),16),i=parseInt(t.substring(6,8),16)/255;return isNaN(i)&&(i=1),[n,r,a,i]}function S(e){var t=e.charAt(1),n=e.charAt(2),r=e.charAt(3),a=e.charAt(4);return["#",t,t,n,n,r,r,a,a].join("")}function b(e){var t=e[0],n=e[1],r=e[2];t<0&&(t+=360*Math.floor((Math.abs(t)+360)/360)),t%=360;var a,i=(1-Math.abs(2*r-1))*n,o=i*(1-Math.abs(t/60%2-1)),s=r-i/2;return t<60?a=[i,o,0]:t<120?a=[o,i,0]:t<180?a=[0,i,o]:t<240?a=[0,o,i]:t<300?a=[o,0,i]:t<360&&(a=[i,0,o]),[Math.round(255*(a[0]+s)),Math.round(255*(a[1]+s)),Math.round(255*(a[2]+s)),3<e.length?e[3]:1]}return{RGB:u,RGBA:c,HSL:f,HSLA:l,COLOR_MODELS:e,FUNCTION:t,PROPERTY:"property",ARRAY:"array",OBJECT:n,STRING:r,NUMBER:"number",UNDEFINED:i,IS_WINDOW:a,document:o,getCrossBrowserProperty:m,TRANSFORM:p,FILTER:d,ANIMATION:h,KEYFRAMES:g,cutHex:R,hexToRGBA:N,toFullHex:S,hslToRGBA:b,stringToRGBA:function(e){if("#"===e.charAt(0))return 4===e.length||5===e.length?N(S(e)):N(e);if(-1!==e.indexOf("(")){var t=w(e),n=t.prefix,r=t.value;if(!n||!r)return;var a=v(r),i=[],o=a.length;switch(n){case u:case c:for(var s=0;s<o;++s)i[s]=parseFloat(a[s]);return i;case f:case l:for(s=0;s<o;++s)-1!==a[s].indexOf("%")?i[s]=parseFloat(a[s])/100:i[s]=parseFloat(a[s]);return b(i)}}},isUndefined:function(e){return typeof e===i},isObject:function(e){return e&&typeof e===n},isArray:function(e){return Array.isArray(e)},isString:function(e){return typeof e===r},isFunction:function(e){return typeof e===t},splitSpace:function(e){return e.match(/("[^"]*")|('[^']*')|([^\s()]*(?:\((?:[^()]*|\([^()]*\))*\))[^\s()]*)|\S+/g)||[]},splitComma:v,splitBracket:w,splitUnit:function(e){var t=/^([^\d|e|\-|\+]*)((?:\d|\.|-|e-|e\+)+)(\S*)$/g.exec(e);if(!t)return{prefix:"",unit:"",value:NaN};var n=t[1],r=t[2];return{prefix:n,unit:t[3],value:parseFloat(r)}},camelize:function(e){return e.replace(/[\s-_]([a-z])/g,function(e,t){return t.toUpperCase()})},decamelize:function(e,r){return void 0===r&&(r="-"),e.replace(/([a-z])([A-Z])/g,function(e,t,n){return""+t+r+n.toLowerCase()})},now:A,requestAnimationFrame:y,$:function(e,t){return t?o.querySelectorAll(e):o.querySelector(e)},hasClass:function(e,t){return e.classList?e.classList.contains(t):!!e.className.match(new RegExp("(\\s|^)"+t+"(\\s|$)"))},addClass:function(e,t){e.classList?e.classList.add(t):e.className+=" "+t},removeClass:function(e,t){if(e.classList)e.classList.remove(t);else{var n=new RegExp("(\\s|^)"+t+"(\\s|$)");e.className=e.className.replace(n," ")}},fromCSS:function(e,t){if(!e||!t||!t.length)return{};var n;if(e instanceof Element)n=e;else{if(!e.length)return{};n=e[0]}for(var r={},a=window.getComputedStyle(n),i=t.length,o=0;o<i;++o)r[t[o]]=a[t[o]];return r}}});
 //# sourceMappingURL=utils.min.js.map

package.json

 {
   "name": "@daybrush/utils",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "utils for daybrush",
@@ -5,0 +5,0 @@ "main": "dist/utils.js",

src/dom.ts

@@ -7,5 +7,16 @@ import { IObject, document } from "./consts";
 
-export function $(selector: string, multi: true): NodeListOf<Element>;
-export function $(selector: string, multi?: false): Element;
+export function $<K extends keyof HTMLElementTagNameMap>(selectors: K, multi: true):
+  NodeListOf<HTMLElementTagNameMap[K]>;
+export function $<K extends keyof SVGElementTagNameMap>(selectors: K, multi: true): NodeListOf<SVGElementTagNameMap[K]>;
+export function $<E extends Element = Element>(selectors: string, multi: true): NodeListOf<E>;
+
+export function $<K extends keyof HTMLElementTagNameMap>(selectors: K, multi?: false): HTMLElementTagNameMap[K] | null;
+export function $<K extends keyof SVGElementTagNameMap>(selectors: K, multi?: false): SVGElementTagNameMap[K] | null;
+export function $<E extends Element = Element>(selectors: string, multi?: false): E | null;
 /**
+ * Returns all element descendants of node that
+ * match selectors.
+ */
+
+/**
  * Checks if the specified class value exists in the element's class attribute.
@@ -21,4 +32,4 @@ * @memberof DOM
 */
-export function $(selector: string, multi?: boolean): Element | NodeListOf<Element> {
-  return multi ? document.querySelectorAll(selector) : document.querySelector(selector);
+export function $<E extends Element = Element>(selectors: string, multi?: boolean): E | NodeListOf<E> {
+  return multi ? document.querySelectorAll<E>(selectors) : document.querySelector<E>(selectors);
 }
@@ -25,0 +36,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

166925

increased by2.06%

Lines of code

2391

increased by0.89%

No dependency changes