ngx-deebodata 0.0.2 → 0.0.3

package/src/lib/data-table/charts/num-value-distro-component/num-value-distro-component.css

@@ -1,61 +0,0 @@
-:host{
-    --accent-color:rgb(50, 50, 50);
-    --grid-color:rgb(199, 199, 199);
-    --pad-left-base: 33px;
-    --row-num-width: 75px;
-    --reg-font-size: 17px
-}
-
-.num-col-val-dist-cont{
-    height: 36px;
-    margin: 17px 0;
-    position: relative;
-    box-sizing: border-box;
-    padding: 0 !important;
-    border-bottom: 1px solid var(--grid-color);
-}
-
-.num-col-val-dist-bar{
-    top: 6px;
-    bottom: 0;
-    width: 12px;
-    opacity: 0.1;
-    height: 30px;
-    position: absolute;
-    padding: 0 !important;
-    box-sizing: border-box;
-    background: var(--accent-color);
-}
-
-.num-col-avg-dist-bar{
-    top: 3px;
-    bottom: 0;
-    width: 1px !important;
-    position: absolute;
-    padding: 0 !important;
-    box-sizing: border-box;
-    background: #00a8f3;
-}
-
-.num-col-avg-dist-bar::before{
-    display: block;
-    content: "Avg.";
-    font-size: small;
-    white-space: nowrap;
-    margin: -15px 0 0 -9px;
-}
-
-.num-col-val-dist-bar:hover{
-    opacity: 1;
-    z-index: 2;
-}
-
-.num-col-val-dist-bar:hover::before, .num-col-avg-dist-bar:hover::before{
-    display: block;
-    font-size: small;
-    margin: -15px 0 0 -5px;
-    white-space: nowrap;
-    background: white;
-    padding: 2px;
-    content: attr(data-number);
-}

package/src/lib/data-table/charts/num-value-distro-component/num-value-distro-component.html

@@ -1,27 +0,0 @@
-<div #numColDistContainer class="num-col-val-dist-cont">
-    @for(nm of nmrksVdn; track nm){
-        <div class="vd-n-marker" [attr.data-value]="nm.value" [style.left]="nm.left">
-            {{nm.value}}
-        </div>
-    }
-    @for(nm of nmrksVdnH(); track nm){
-        <div class="vd-n-marker-h" [attr.data-value]="nm.value" [attr.data-perc]="nm.percent" [style.left]="nm.left">
-            {{nm.value}}
-        </div>
-    }
-    @for(nb of nColValBars(); track nb){
-        <div class="num-col-val-dist-bar" [attr.data-number]="nb.number"
-        (mouseenter)="matchVdBarToStat('insField' + common.elifyCol(column), nb.stat)" (mouseleave)="killAllVdHighlights()"
-        [ngStyle]="{ 'left': nb.left, 'background': (nb.background || 'rgb(50, 50, 50)') }"></div>
-    }
-    @if(avgColValBar){
-        <div class="num-col-avg-dist-bar" [style.left]="avgColValBar.left" [attr.data-number]="avgColValBar.number"
-        (mouseenter)="matchVdBarToStat('insField' + common.elifyCol(column), avgColValBar.number)" (mouseleave)="killAllVdHighlights()">
-        </div>
-    }
-</div>
-@if(dataTableService.dataFilSrtTracker[column]['colCellSymbol']){
-    <div class="center heavy pad-top-ten">
-        {{"("+dataTableService.dataFilSrtTracker[column]['colCellSymbol']+")"}}
-    </div>
-}

package/src/lib/data-table/charts/num-value-distro-component/num-value-distro-component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { NumValueDistroComponent } from './num-value-distro-component';
-
-describe('NumValueDistroComponent', () => {
-  let component: NumValueDistroComponent;
-  let fixture: ComponentFixture<NumValueDistroComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [NumValueDistroComponent]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(NumValueDistroComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/data-table/charts/num-value-distro-component/num-value-distro-component.ts

@@ -1,210 +0,0 @@
-import { Component, ElementRef, EventEmitter, Input, NgZone, Output, signal, ViewChild } from '@angular/core';
-import { CommonService } from '../../../services/common-service';
-import { DataTableService } from '../../../services/data-table-service';
-import { CommonModule } from '@angular/common';
-
-@Component({
-  selector: 'app-num-value-distro-component',
-  imports: [CommonModule],
-  templateUrl: './num-value-distro-component.html',
-  styleUrls: ['./num-value-distro-component.css', '../../../styles.css']
-})
-export class NumValueDistroComponent {
-
-  nmrksVdn: any[] = []
-  nmrksVdnH = signal<any[]>([])
-  nColValBars = signal<any[]>([])
-  avgColValBar: any = null
-  naddedtks: any = []
-  @Input() title: string = ""
-  @Input() column: string = ""
-  @Input() average: number = 0
-  @Input() originalArr: number[] = []
-  @Output("done") doneLoading: EventEmitter<string> = new EventEmitter()
-  @ViewChild("numColDistContainer", { static: true }) numColDistContainerEl!: ElementRef<HTMLElement>; 
-
-  constructor(public common: CommonService,
-              public dataTableService: DataTableService,
-              private _zone: NgZone,)
- {}
-
- ngOnInit() {
-     this.showNumColValDist(this.common.elifyCol(this.column), this.title, this.average)
- }
-
-  showNumColValDist(elIdCol: any, title: any, avg: any) {//will be only numbers
-        try{
-            const numArr = this.originalArr.sort( (a: number, b: number) => a - b );
-            const nlen = numArr.length;
-            const nmmin = numArr[0]
-            const nmmax = numArr[(nlen-1)]
-            const nmrange = nmmax - nmmin;
-            const nqtrdts = (nmrange/4) + nmmin
-            const nhalfdts = (nmrange/2) + nmmin
-            const nthrqtrdts = (nmrange*0.75) + nmmin
-            const nokTickVal = [nmmin, nqtrdts, nhalfdts, nthrqtrdts, nmmax]
-            const ntklen = nokTickVal.length
-            let nadded = []
-            let t = 0
-            const maxDigs = nmrange > 3 ? 0 : 2;
-            const whiteTxt = ["white", "#FFFFFF", "#ffffff", "rgb(255, 255, 255)", "rgb(255,255,255)"];
-            for(t; t < ntklen; t++){
-                const ntkval = nokTickVal[t]?.toLocaleString(undefined, {maximumFractionDigits: maxDigs});
-                if(!ntkval || this.naddedtks.indexOf(ntkval) > -1 || ntkval === "NaN")
-                    continue
-                this.nmrksVdn.push({value: ntkval})
-                this.naddedtks.push(ntkval)
-            }
-            let h = 0
-            let nHmck: any[] = []
-            for(h; h < nlen; h++){//not seen but heard
-                const unum = numArr[h]
-                const usenval = unum?.toLocaleString(undefined, {maximumFractionDigits: maxDigs});
-                if(nadded.indexOf(usenval) > -1)
-                    continue
-                let pct = ((unum-nmmin) / nmrange)
-                if(isNaN(pct))
-                    pct = 0
-                nHmck.push({ value: usenval, percent: pct.toFixed(2) })
-                nadded.push(usenval)
-            }
-            /*avg marker*/
-            if(avg && typeof avg === "number"){
-                let pct = ((avg-nmmin) / nmrange)
-                if(isNaN(pct))
-                    pct = 0
-                const usenval = avg.toLocaleString(undefined, {maximumFractionDigits: maxDigs});
-                nHmck.push({ value: usenval, percent: pct.toFixed(2) })
-                nadded.push(usenval)
-            }
-            /*avg marker*/
-            this.nmrksVdnH.set([...nHmck])
-            if(!this.naddedtks.length)
-                return;
-            setTimeout( () => {
-                try{
-                    let r =0
-                    let hd =0
-                    const halfPlot = 6
-                    const pbds = this.numColDistContainerEl.nativeElement.getBoundingClientRect()
-                    const outParId = ("insField" + elIdCol)
-                    const mrks = document.querySelectorAll("#" + outParId + " .vd-n-marker")
-                    const mrlen = this.nmrksVdn.length
-                    const hmrlen = this.nmrksVdnH().length
-                    const lastdtdv = mrks[mrlen-1].getBoundingClientRect()
-                    const space = (pbds.right - (lastdtdv.right)) - halfPlot
-                    const divby = Math.max(1, (mrlen-1))
-                    const mrrgt = (Math.ceil(space/divby))//divide space up by count-1 because last gets no marg right
-                    for(r; r < mrlen; r++)
-                        this.nmrksVdn[r].left = Math.floor((mrrgt*r)) + "px";
-                    setTimeout( () => {
-                        const xrange = Math.min((mrks[mrlen-1].getBoundingClientRect().right - pbds.left) - (Math.ceil(lastdtdv.width/2)+halfPlot+1))
-                        for(hd; hd < hmrlen; hd++){
-                            const hmrk = nHmck[hd]
-                            const per = hmrk.percent
-                            nHmck[hd].left = (Math.floor(parseFloat(per)*xrange)) + "px";
-                        }
-                        this.nmrksVdnH.set([...nHmck])
-                        let mrkbds = mrks[0].getBoundingClientRect()
-                        const findNLft = (val: any, avg: boolean) => {
-                            let q = 0; let k = 0
-                            for(q; q < mrlen; q++){
-                                try{
-                                    const mrk = this.nmrksVdn[q]
-                                    const mrkEl = mrks[q]
-                                    mrkbds = mrkEl.getBoundingClientRect()
-                                    const dttxt = mrk.value
-                                    let toadd = 0
-                                    if(avg)
-                                        toadd -= halfPlot
-                                    if(val === dttxt)
-                                        return (parseInt(mrk.left.replace(/[ ]?(px|\%)/g, ""))) + (((mrkbds.width/2)-halfPlot)-toadd)
-                                }catch(e){ }
-                            }
-                            
-                            for(k; k < hmrlen; k++){
-                                try{
-                                    const hmrk = this.nmrksVdnH()[k]
-                                    const dttxt = hmrk.value
-                                    let toadd = 0;
-                                    if(avg)
-                                        toadd -= halfPlot
-                                    if(val === dttxt)
-                                        return (parseInt(hmrk.left.replace(/[ ]?(px|\%)/g, ""))) - toadd
-                                }catch(e){ }
-                            }
-                            return null;
-                        }
-                        
-                        let i = 0;
-                        let minL = 0
-                        let nvBars: any[] = []
-                        const maxLft = Math.floor((pbds.right - mrks[0].getBoundingClientRect().left) - Math.ceil((lastdtdv.width/2)+1))
-                        for(i; i < nlen; i++){
-                            const usennum = numArr[i]?.toLocaleString(undefined, {maximumFractionDigits: maxDigs})
-                            const plft = findNLft(usennum, false)
-                            if((plft && plft !== 0) && !isNaN(plft)){
-                                const nBar: any = { number: "", left: "", background: "", stat: "" }
-                                const dmn = Math.max(Math.ceil(plft), minL)
-                                if(i === (nlen-1))
-                                    nBar.left = (dmn + "px");
-                                else
-                                    nBar.left = Math.min(dmn, maxLft) + "px";
-                                nBar.number = usennum
-                                nvBars.push(nBar)
-                                if(this.dataTableService.themeColor1 && whiteTxt.indexOf(this.dataTableService.themeColor1) < 0)
-                                    nBar.background = this.dataTableService.themeColor1
-                                if(i === 0 || i === (nlen-1))
-                                    nBar.stat = ((i === 0) ? "min" : "max")
-                                if(i === 0)//don't let anything lay before it
-                                    minL = Math.ceil(Math.min(dmn, maxLft) + 1);
-                            }
-                        }
-                        this.nColValBars.set([...nvBars])
-    
-                        /*avg marker*/
-                        if(avg && typeof avg === "number"){
-                            const useavg = avg.toLocaleString(undefined, {maximumFractionDigits: maxDigs})
-                            const aplft = findNLft(useavg, true)
-                            if((aplft && aplft !== 0) && !isNaN(aplft))
-                                this._zone.run( () => { this.avgColValBar = { number: useavg, left: (Math.floor(aplft) + "px") } } )
-                        }
-                        /*avg marker */
-                        this.doneLoading.emit(title?.replace(/Building /g, "").replace(/distribution\.\.\./g, "distribution"))
-                    }, 250)
-                }catch(e){ }
-            }, 250)
-        } catch(e){ }
-    }
-
-    matchVdBarToStat(parent: string, stat: string) {
-        try{
-            let elIdCol = ""
-            let selOrFil = ""
-            if(stat){
-                const useStat = /(min|max)/g.test(stat) ? stat : "avg";
-                if(parent && useStat){
-                    const parts = parent.split("insField");
-                    if(parts.length === 1)
-                        elIdCol = parts[0]
-                    if(parts.length === 2){
-                        selOrFil = parts[0] || "";
-                        elIdCol = parts[1]
-                    }
-                    const matchEl = document.querySelector("#" + useStat + selOrFil + this.common.elifyCol(this.column))?.lastElementChild
-                    if(matchEl)
-                        matchEl.classList.add("save-hilite")
-                }
-            }
-        } catch(e){}
-    }
-
-    killAllVdHighlights() {
-        try{
-            const els = document.querySelectorAll(".insight-field .save-hilite")
-            const len = els.length
-            for(var i = (len-1); i >= 0; i--)
-                els[i].classList.remove("save-hilite")
-        }catch(e){}
-    }
-}

package/src/lib/data-table/charts/pie-graph-component/pie-graph-component.html

@@ -1,15 +0,0 @@
-<div #pieParent class="center relly pad-top-thirty">
-    <canvas #pieCanvas></canvas>
-    @if(!shouldUncover()){<div #pieLayover class="pie-layover"></div>}
-</div>
-<div class="chart-label-cont">
-    @for(lbl of pieLbls; track lbl){
-        <div class="pie-piece-label">
-            <span [attr.data-percent]="lbl.percent">{{lbl.text}}</span>
-            <label class="pie-piece-label-sq" [style.background]="lbl.background"></label>
-        </div>
-    }
-</div>
-@for(rm of rmNotes; track rm; let i = $index){
-    <div [innerHTML]="rm" [ngClass]="{ 'pad-top-thirty': i === 0, 'pad-top-ten': i !== 0, 'small-text': true }"></div>
-}

package/src/lib/data-table/charts/pie-graph-component/pie-graph-component.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { PieGraphComponent } from './pie-graph-component';
-
-describe('PieGraphComponent', () => {
-  let component: PieGraphComponent;
-  let fixture: ComponentFixture<PieGraphComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [PieGraphComponent]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(PieGraphComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/data-table/charts/pie-graph-component/pie-graph-component.ts

@@ -1,197 +0,0 @@
-import { Component, Input, ViewChild, ElementRef, HostListener } from '@angular/core';
-import { CommonService } from '../../../services/common-service';
-import { DataTableService } from '../../../services/data-table-service';
-import { CommonModule } from '@angular/common';
-
-@Component({
-  selector: 'app-pie-graph-component',
-  imports: [CommonModule],
-  templateUrl: './pie-graph-component.html',
-  styleUrls: ['./pie-graph-component.css', '../../../styles.css']
-})
-export class PieGraphComponent {
-
-  @HostListener('window:resize', ['$event'])
-  onWindowResize(e: Event) {
-    if(!this.shouldUncover())
-      this.cleanUpPieLayovers()
-  }
-
-  rmNotes: any[] = []
-  pieLbls: any[] = []
-  @Input() data: any = null
-  @Input() column: string = ""
-  @Input() uncoverPie: boolean|string[] = false
-  @ViewChild("pieParent", { static: true }) pieParent!: ElementRef<HTMLElement>; 
-  @ViewChild("pieCanvas", { static: true }) pieCanvas!: ElementRef<HTMLElement>; 
-  @ViewChild("pieLayover") pieLayover!: ElementRef<HTMLElement>;
-
-    constructor(public common: CommonService,
-                public dataTableService: DataTableService,)
-   {}
-
-   ngAfterViewInit() {
-       setTimeout( () => { this.buildPieGraphFromColVals(this.data.counts, this.data.type) })
-   }
-
-    ngAfterContentInit() {
-       if(!this.shouldUncover())
-           setTimeout( () => { this.cleanUpPieLayovers() }, 50)
-   }
-
-   shouldUncover(): boolean {
-        try{
-            if(this.uncoverPie === true)
-                return true
-            if(typeof this.uncoverPie === "object" && this.uncoverPie.indexOf(this.column) > -1)
-                return true;
-            return false;
-        }catch(e){
-            return false
-        }
-   }
-
-  //pie graph
-  cleanUpPieLayovers() {
-        try{
-            const can: HTMLCanvasElement = <HTMLCanvasElement>this.pieCanvas.nativeElement
-            const par = this.pieParent.nativeElement
-            const lay = this.pieLayover?.nativeElement
-            const cwid = can.width
-            const pbds = par.getBoundingClientRect()
-            const cbds = can.getBoundingClientRect()
-            const lbds = lay.getBoundingClientRect()
-            const cleft = (cbds.left - pbds.left)
-            const diff = cwid-lbds.width
-            lay.style.left = (cleft + (diff/2)) + "px"
-        }catch(e){}
-  }
-
-  buildPieGraphFromColVals(counts: any, type: any) {
-    let data = []
-    let odiv: HTMLDivElement|null = null;
-    const div: HTMLDivElement = <HTMLDivElement>this.pieParent.nativeElement
-    if(!this.shouldUncover())
-        odiv = <HTMLDivElement>this.pieLayover.nativeElement
-    const canvas: HTMLCanvasElement = <HTMLCanvasElement>this.pieCanvas.nativeElement;
-    const ctx = canvas.getContext("2d");
-    const whiteTxt = ["white", "#FFFFFF", "#ffffff", "rgb(255, 255, 255)", "rgb(255,255,255)"];
-    if(ctx){
-        const dbds = div.getBoundingClientRect()
-        const cwid = dbds.width
-        const canWid = Math.floor(cwid/3)
-        canvas.width = canWid;
-        canvas.height = canWid;
-        const cBds = canvas.getBoundingClientRect()
-        const oWid = Math.floor(cwid/3.8)
-        if(odiv){
-            odiv.style.width = oWid + "px"
-            odiv.style.height = oWid + "px"
-            const diff = cBds.width-oWid
-            odiv.style.top = Math.floor((cBds.top-dbds.top) + (diff/2)) + "px";
-            odiv.style.left = Math.floor((cBds.left-dbds.left) + (diff/2)) + "px";
-        }
-        const props = Object.keys(counts)
-        let colors = ["forestgreen", "crimson", "orange", "blue", "turquoise", "brown", "hotpink", "goldenrod", "purple", "olive", "steelblue", "black", 
-            "violet", "teal", "gray", "navy", "tan", "indigo"]
-        if(this.dataTableService.pieGraphColors.length)
-            colors = [...this.dataTableService.pieGraphColors]
-        const na = "n_a"
-        const oth = "Other"
-        const dTotal = counts[this.dataTableService.deboTotal]
-        if(props.length >= 5){
-            const totalSansEmp = counts[na] ? (dTotal - counts[na]) : dTotal
-            for(const prop in counts){//first alter small percents to other
-                if(prop === this.dataTableService.deboTotal || prop === oth)
-                    continue
-                const percent = Math.ceil((counts[prop]/totalSansEmp)*100)
-                if(percent < 5){
-                    if(!counts[oth] || typeof counts[oth] === "undefined")
-                        counts[oth] = counts[prop]
-                    else
-                        counts[oth] += counts[prop]
-                    delete counts[prop]
-                }
-            }
-        }
-    
-        if(counts[oth])
-            props.push(oth)
-        
-        const isBool = type === "boolean" ? true : false;
-        if(isBool || props.filter( (p) => p != this.dataTableService.deboTotal ).length < 3)
-            colors = [(this.dataTableService.themeColor1 && whiteTxt.indexOf(this.dataTableService.themeColor1) < 0) ? this.dataTableService.themeColor1 : "#00a8f3", 
-            (this.dataTableService.themeColor2 || "black")]
-        const numNa = counts[na]
-        const rmNaPer = 65
-        const perNa = numNa ? ((numNa/dTotal)*100) : 0
-        const useTotal = (!isBool && numNa && (perNa > rmNaPer)) ? (dTotal-numNa) : dTotal
-        for(const prop in counts){
-            if(prop === this.dataTableService.deboTotal)
-                continue
-            const percent = (counts[prop]/useTotal)*100
-            const strPct = percent.toLocaleString(undefined, {maximumFractionDigits: 1})
-            if(strPct === "0")
-                continue
-            if(!isBool && (prop === na && perNa > rmNaPer)){
-                const rmNt = "Note: <b>N/A</b> values make up " + Math.floor(perNa).toLocaleString(undefined, {maximumFractionDigits: 0}) + "% of all values, " +
-                              "so we removed it from the chart to help visualize the make up of values in this column from the " + 
-                              Math.ceil(100-perNa).toLocaleString(undefined, {maximumFractionDigits: 0}) + "% that has values."
-                this.rmNotes.push(rmNt)
-                continue
-            }
-            const color = colors[props.indexOf(prop)]
-            data.push({ label: prop, value: counts[prop], color: color })
-            this.pieLbls.push({ text: this.common.sanitizeUi(prop).replace(/n_a/, "N/A"), background: color, percent: (strPct+"%") })
-        }
-    
-        let n = 0
-        let total = 0;
-        const dlen = data.length
-        for (n; n < dlen; n++) {
-            total += data[n].value;
-        }
-    
-        const maxArr = data.sort( function(a, b) { return a.value < b.value ? -1 : 1 })
-        const max = maxArr[(maxArr.length-1)]
-        if(odiv && max && (max.value !== maxArr[0].value || maxArr.length === 1)){
-            odiv.style.color = max.color;
-            odiv.innerHTML = ("<div><div>" + this.common.sanitizeUi(max.label) + '</div><div class="pad-top-sm">'+((max.value/total)*100).toFixed(1)+ '%</div></div>')
-        }
-    
-        if(dlen > 1){
-            try{
-                let m = 0
-                let diffCts = []
-                for(m; m < dlen; m++){
-                    const dct = data[m].value
-                    if(diffCts.indexOf(dct) < 0)
-                        diffCts.push(dct)
-                }
-                if(diffCts.length === 1){
-                    let cltxt = this.column
-                    if(!cltxt.endsWith("s"))
-                        cltxt += "s";
-                    if(odiv)
-                    odiv.innerHTML = ('<div><div><b class="ins-even-dist-ct">' + dlen + '</b> </div><div class="pad-top-sm">' +cltxt+ '</div></div>')
-                }
-            }catch(e){}
-        }
-    
-        let i = 0
-        let startAngle = 0;
-        for (i; i < dlen; i++) {
-            const sliceAngle = 2 * Math.PI * data[i].value / total;
-    
-            ctx.beginPath();
-            ctx.arc(canvas.width/2, canvas.height/2, Math.min(canvas.width, canvas.height)/2, startAngle, startAngle + sliceAngle);
-            ctx.lineTo(canvas.width/2, canvas.height/2);
-            ctx.fillStyle = data[i].color;
-            ctx.fill();
-            ctx.closePath();
-    
-            startAngle += sliceAngle;
-        }
-      }
-    }
-}

package/src/lib/data-table/data-table-module/data-cell/data-cell.html

@@ -1,6 +0,0 @@
-<div #cellEl [attr.contenteditable]="canEdit" [ngStyle]="cellStyle" class="data-cell data-cell-{{elCol}}{{rightAlign}}{{symbolCls}}{{columnValClass}}" 
-[ngClass]="{ 'col-item-freeze': cell.freeze, 'col-header-minimized': cell.minimized, 'holding-check': cell.column === dataTableService.firstCol }" tabindex="0"
-(mousemove)="tblDragService.checkItemBorderCursor($event, noColResize)" (mousemove)="tblDragService.handleCellSizeAdjust($event, elCol)"
-(mousedown)="tblDragService.handleCellSizeAdjust($event, elCol)" (focus)="setCellToEdit()" (blur)="emitEdit($event)"
-[attr.data-index]="rowId" (dblclick)="handleColResDblClick(cell.column)"
-></div>

package/src/lib/data-table/data-table-module/data-cell/data-cell.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { DataCell } from './data-cell';
-
-describe('DataCell', () => {
-  let component: DataCell;
-  let fixture: ComponentFixture<DataCell>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [DataCell]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(DataCell);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});