reduce filesize and performance optimization

src/attributes/attr.ts

@@ -1,5 +1,6 @@
 
 // @require core/cash.ts
+// @require core/each.ts
 // @require core/type_checking.ts
 // @require collection/each.ts
 // @require ./remove_attr.ts
@@ -35,7 +36,7 @@ function attr ( this: Cash, attr?: string | Record<string, string>, value?: stri
 
     if ( isNull ( value ) ) return this.removeAttr ( attr );
 
-    return this.each ( ( i, ele ) => {
+    return each ( this, ( i, ele ) => {
 
       if ( !isElement ( ele ) ) return;
 

src/attributes/prop.ts

@@ -1,5 +1,6 @@
 
 // @require core/cash.ts
+// @require core/each.ts
 // @require core/type_checking.ts
 // @require collection/each.ts
 // @require ./helpers/variables.ts
@@ -20,7 +21,7 @@ fn.prop = function ( this: Cash, prop: string | Record<string, any>, value?: any
 
     if ( arguments.length < 2 ) return this[0] && this[0][prop];
 
-    return this.each ( ( i, ele ) => { ele[prop] = value } );
+    return each ( this, ( i, ele ) => { ele[prop] = value } );
 
   }
 

src/attributes/remove_attr.ts

@@ -1,5 +1,6 @@
 
 // @require core/cash.ts
+// @require core/each.ts
 // @require core/get_split_values.ts
 // @require collection/each.ts
 
@@ -11,7 +12,7 @@ fn.removeAttr = function ( this: Cash, attr: string ) {
 
   const attrs = getSplitValues ( attr );
 
-  return this.each ( ( i, ele ) => {
+  return each ( this, ( i, ele ) => {
 
     if ( !isElement ( ele ) ) return;
 

src/attributes/remove_prop.ts

@@ -1,5 +1,6 @@
 
 // @require core/cash.ts
+// @require core/each.ts
 // @require collection/each.ts
 // @require ./helpers/variables.ts
 
@@ -9,6 +10,6 @@ interface Cash {
 
 fn.removeProp = function ( this: Cash, prop: string ) {
 
-  return this.each ( ( i, ele ) => { delete ele[propMap[prop] || prop] } );
+  return each ( this, ( i, ele ) => { delete ele[propMap[prop] || prop] } );
 
 };

src/attributes/toggle_class.ts

@@ -14,7 +14,7 @@ fn.toggleClass = function ( this: Cash, cls: string, force?: boolean ) {
   const classes = getSplitValues ( cls );
   const isForce = !isUndefined ( force );
 
-  return this.each ( ( i, ele ) => {
+  return each ( this, ( i, ele ) => {
 
     if ( !isElement ( ele ) ) return;
 

src/css/css.ts

@@ -1,5 +1,6 @@
 
 // @require core/cash.ts
+// @require core/each.ts
 // @require core/type_checking.ts
 // @require collection/each.ts
 // @require ./helpers/compute_style.ts
@@ -30,7 +31,7 @@ function css ( this: Cash, prop: string | Record<string, number | string>, value
 
     value = getSuffixedValue ( prop, value, isVariable );
 
-    return this.each ( ( i, ele ) => {
+    return each ( this, ( i, ele ) => {
 
       if ( !isElement ( ele ) ) return;
 

src/data/data.ts

@@ -1,5 +1,6 @@
 
 // @require core/cash.ts
+// @require core/each.ts
 // @require core/type_checking.ts
 // @require collection/each.ts
 // @require ./helpers/get_data.ts
@@ -40,7 +41,7 @@ function data ( this: Cash, name?: string | Record<string, any>, value?: any ) {
 
     if ( isUndefined ( value ) ) return this;
 
-    return this.each ( ( i, ele ) => { setData ( ele, name, value ) } );
+    return each ( this, ( i, ele ) => { setData ( ele, name, value ) } );
 
   }
 

src/data/helpers/set_data.ts

@@ -4,8 +4,6 @@
 
 function setData ( ele: EleLoose, key: string, value: any ): void {
 
-  value = attempt ( JSON.stringify, value );
-
-  ele.dataset[camelCase ( key )] = value;
+  ele.dataset[camelCase ( key )] = attempt ( JSON.stringify, value );
 
 }

src/dimensions/normal.ts

@@ -35,7 +35,7 @@ each ( ['Width', 'Height'], ( index: number, prop: 'Width' | 'Height' ) => {
 
     const valueNumber = parseInt ( value, 10 );
 
-    return this.each ( ( i, ele ) => {
+    return each ( this, ( i, ele ) => {
 
       if ( !isElement ( ele ) ) return;
 

src/effects/helpers/get_default_display.ts

@@ -9,7 +9,7 @@ function getDefaultDisplay ( tagName: string ): string {
 
   const ele = createElement ( tagName );
 
-  doc.body.insertBefore ( ele, null );
+  doc.body.appendChild ( ele );
 
   const display = computeStyle ( ele, 'display' );
 

src/effects/toggle.ts

@@ -1,5 +1,6 @@
 
 // @require core/cash.ts
+// @require core/each.ts
 // @require core/type_checking.ts
 // @require css/helpers/compute_style.ts
 // @require ./helpers/get_default_display.ts
@@ -12,7 +13,7 @@ interface Cash {
 
 fn.toggle = function ( this: Cash, force?: boolean ) {
 
-  return this.each ( ( i, ele ) => {
+  return each ( this, ( i, ele ) => {
 
     if ( !isElement ( ele ) ) return;
 

src/events/off.ts

@@ -19,7 +19,7 @@ fn.off = function ( this: Cash, eventFullName?: string | Record<string, EventCal
 
   if ( isUndefined ( eventFullName ) ) {
 
-    this.each ( ( i, ele ) => {
+    each ( this, ( i, ele ) => {
 
       if ( !isElement ( ele ) && !isDocument ( ele ) && !isWindow ( ele ) ) return;
 
@@ -49,7 +49,7 @@ fn.off = function ( this: Cash, eventFullName?: string | Record<string, EventCal
       const [nameOriginal, namespaces] = parseEventName ( eventFullName );
       const name = getEventNameBubbling ( nameOriginal );
 
-      this.each ( ( i, ele ) => {
+      each ( this, ( i, ele ) => {
 
         if ( !isElement ( ele ) && !isDocument ( ele ) && !isWindow ( ele ) ) return;
 

src/events/on.ts

@@ -1,5 +1,6 @@
 
 // @require core/cash.ts
+// @require core/each.ts
 // @require core/get_split_values.ts
 // @require core/guid.ts
 // @require core/matches.ts
@@ -84,7 +85,7 @@ function on ( this: Cash, eventFullName: Record<string, EventCallback> | string,
 
     if ( !name ) return;
 
-    this.each ( ( i, ele ) => {
+    each ( this, ( i, ele ) => {
 
       if ( !isElement ( ele ) && !isDocument ( ele ) && !isWindow ( ele ) ) return;
 

src/events/trigger.ts

@@ -1,5 +1,6 @@
 
 // @require core/cash.ts
+// @require core/each.ts
 // @require core/type_checking.ts
 // @require core/variables.ts
 // @require collection/each.ts
@@ -33,7 +34,7 @@ fn.trigger = function ( this: Cash, event: Event | string, data?: any ) {
 
   const isEventFocus = ( event.___ot in eventsFocus );
 
-  return this.each ( ( i, ele ) => {
+  return each ( this, ( i, ele ) => {
 
     if ( isEventFocus && isFunction ( ele[event.___ot] ) ) {
 

src/forms/serialize.ts

@@ -16,7 +16,7 @@ fn.serialize = function ( this: Cash ) {
 
   let query = '';
 
-  this.each ( ( i, ele ) => {
+  each ( this, ( i, ele ) => {
 
     each ( ele.elements || [ele], ( i, ele: EleLoose ) => {
 

src/forms/val.ts

@@ -16,7 +16,7 @@ function val ( this: Cash, value?: string | string[] ) {
 
   if ( !arguments.length ) return this[0] && getValue ( this[0] );
 
-  return this.each ( ( i, ele ) => {
+  return each ( this, ( i, ele ) => {
 
     const isSelect = ele.multiple && ele.options;
 

src/manipulation/empty.ts

@@ -1,5 +1,6 @@
 
 // @require core/cash.ts
+// @require core/each.ts
 // @require collection/each.ts
 
 interface Cash {
@@ -8,7 +9,7 @@ interface Cash {
 
 fn.empty = function ( this: Cash ) {
 
-  return this.each ( ( i, ele ) => {
+  return each ( this, ( i, ele ) => {
 
     while ( ele.firstChild ) {
 

src/manipulation/helpers/eval_scripts.ts

@@ -25,7 +25,7 @@ function evalScripts ( node: Node, doc: Document ): void {
 
       });
 
-      doc.head.insertBefore ( script, null );
+      doc.head.appendChild ( script );
       doc.head.removeChild ( script );
 
     }

src/manipulation/html.ts

@@ -1,5 +1,6 @@
 
 // @require core/cash.ts
+// @require core/each.ts
 // @require core/type_checking.ts
 // @require collection/each.ts
 // @require manipulation/append.ts
@@ -20,7 +21,7 @@ function html ( this: Cash, html?: string ) {
 
   const hasScript = /<script[\s>]/.test ( html );
 
-  return this.each ( ( i, ele ) => {
+  return each ( this, ( i, ele ) => {
 
     if ( !isElement ( ele ) ) return;
 

src/manipulation/text.ts

@@ -1,5 +1,6 @@
 
 // @require core/cash.ts
+// @require core/each.ts
 // @require core/type_checking.ts
 // @require collection/each.ts
 // @require collection/get.ts
@@ -19,7 +20,7 @@ function text ( this: Cash, text?: string ) {
 
   }
 
-  return this.each ( ( i, ele ) => {
+  return each ( this, ( i, ele ) => {
 
     if ( !isElement ( ele ) ) return;
 

src/manipulation/wrap.ts

@@ -1,5 +1,6 @@
 
 // @require core/cash.ts
+// @require core/each.ts
 // @require collection/each.ts
 // @require ./wrap_all.ts
 
@@ -9,11 +10,11 @@ interface Cash {
 
 fn.wrap = function ( this: Cash, selector?: Selector ) {
 
-  return this.each ( ( i, ele ) => {
+  return each ( this, ( i, ele ) => {
 
     const wrapper = cash ( selector )[0];
 
-    cash ( ele ).wrapAll ( !i ? wrapper : wrapper.cloneNode ( true ) );
+    cash ( ele ).wrapAll ( i ? wrapper.cloneNode ( true ) : wrapper );
 
   });
 

src/manipulation/wrap_all.ts

@@ -12,8 +12,9 @@ fn.wrapAll = function ( this: Cash, selector?: Selector ) {
 
   let structure = cash ( selector );
   let wrapper: Element = structure[0];
+  let t: Element | undefined;
 
-  while ( wrapper.children.length ) wrapper = wrapper.firstElementChild;
+  while ( t = wrapper.firstElementChild ) wrapper = t;
 
   this.first ().before ( structure );
 

src/manipulation/wrap_inner.ts

@@ -1,5 +1,6 @@
 
 // @require core/cash.ts
+// @require core/each.ts
 // @require collection/first.ts
 // @require manipulation/append_to.ts
 
@@ -9,7 +10,7 @@ interface Cash {
 
 fn.wrapInner = function ( this: Cash, selector?: Selector ) {
 
-  return this.each ( ( i, ele ) => {
+  return each ( this, ( i, ele ) => {
 
     const $ele = cash ( ele );
     const contents = $ele.contents ();

src/offset/position.ts

@@ -25,9 +25,11 @@ fn.position = function ( this: Cash ) {
 
     const doc = ele.ownerDocument;
 
-    let offsetParent = ele.offsetParent || doc.documentElement;
+    const root = doc.documentElement;
+
+    let offsetParent = ele.offsetParent || root;
 
-    while ( ( offsetParent === doc.body || offsetParent === doc.documentElement ) && computeStyle ( offsetParent, 'position' ) === 'static' ) {
+    while ( ( offsetParent === doc.body || offsetParent === root ) && computeStyle ( offsetParent, 'position' ) === 'static' ) {
 
       offsetParent = offsetParent.parentNode;