txt(val: string:cb) callback signature 4th parameter

Author: sashafirsov

src/CssChain.d.ts

@@ -61,7 +61,7 @@ export interface CssChainCollection<T> extends  Array<AnyElement&T>, AnyElement
     /** sets text for each element from `val`  */
     txt(val: string, css: string|CssChainCollection<T>): CssChainCollection<T>;
     /** sets text for each element from callback */
-    txt( valCb: (el:T,i:number,arr:CssChainCollection<T>)=>string, css: string|CssChainCollection<T>): CssChainCollection<T>;
+    txt( valCb: (el:T,i:number,arrCss:CssChainCollection<T>,arrThis:CssChainCollection<T>)=>string, css: string|CssChainCollection<T>): CssChainCollection<T>;
     /** sets text for children elements defined by css, returns original collection */
     txt(val: any, css: string|CssChainCollection<T>): CssChainCollection<T>;
 

src/CssChain.js

@@ -206,11 +206,11 @@ CssChainT extends Array
     get innerText(){ return this.txt() }
     set innerText( val ){ return this.txt( val ) }
     txt( val, css=undefined )
-    {   const arr = css? this.$(css): this;
+    {   const $ = this.$(css);
         if( val === undefined )
-            return collectionText( arr );
-        arr.forEach( isFn(val)
-                    ? (n,i)=>setNodeText(n,val(n,i,arr))
+            return collectionText( $ );
+        $.forEach( isFn(val)
+                    ? (n,i)=>setNodeText(n,val(n,i,$,this))
                     : n=>setNodeText(n,val) );
         return this
     }

test/CssChain-types.test.ts

@@ -65,7 +65,7 @@ describe('CssChain', () => {
         expect($X.value).to.equal(undefined); // INPUT prop
     };
     it('$() matched document', async () => {
-        const el = await fixture(html`
+        await fixture(html`
             <main>Hi</main>`);
         const $X = $$();
         expect($X[0]).to.equal(document);
@@ -371,6 +371,12 @@ describe('CssChain', () => {
         expect($e.txt()).to.equal('b1-0-2:b2-1-2');
         expect($e.$('button').length).to.equal(2);
         expect($e.$('button').txt()).to.equal('b1-0-2b2-1-2');
+
+        const cb4 = (e:HTMLElementMixin,i:number,arrCss: HTMLElementMixin[],arrThis: HTMLElementMixin[])=>`${e.id}-${i}-${arrCss.length}-${arrThis.length}`;
+        expect($e.txt(cb4,'button').length).to.equal(1);
+        expect($e.txt()).to.equal('b1-0-2-1:b2-1-2-1');
+        expect($e.$('button').length).to.equal(2);
+        expect($e.$('button').txt()).to.equal('b1-0-2-1b2-1-2-1');
     });
 
 });