@experteam-mx/ngx-table 1.0.1 → 1.0.5

package/fesm2020/experteam-mx-ngx-table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"experteam-mx-ngx-table.mjs","sources":["../../../projects/ngx-table/src/lib/ngx-table.service.ts","../../../projects/ngx-table/src/lib/ngx-table.component.ts","../../../projects/ngx-table/src/lib/ngx-table.component.html","../../../projects/ngx-table/src/lib/ngx-table.module.ts","../../../projects/ngx-table/src/public-api.ts","../../../projects/ngx-table/src/experteam-mx-ngx-table.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class NgxTableService {\n\n  constructor() { }\n}\n","import { Component, OnInit, OnChanges, Input, Output, EventEmitter, SimpleChanges } from '@angular/core';\n\n@Component({\n  selector: 'ngx-table',\n  templateUrl: './ngx-table.component.html',\n  styleUrls: ['./ngx-table.component.scss']\n})\nexport class NgxTableComponent implements OnInit, OnChanges {\n\n  constructor() { }\n\n  @Input() headRow: any[] = new Array()\n  headRowRender: any[] = new Array()\n\n  @Input() registers: any[] = new Array()\n  @Input() registersRender: any[] = new Array()\n\n  @Input() configs: any\n  configsRender: any = {}\n\n  @Output() changePage = new EventEmitter<Object>();\n  @Output() clickEvent = new EventEmitter<Object>();\n\n  configsDefault: any = {\n    titleTable: null,\n    loading: false,\n    paginationActive: false,\n    page: 1,\n    pageSize: 15,\n    collectionSize: 0,\n    search:{\n      active: false,\n      textSearch: '',\n      placeholderSearch: 'Search'\n    },\n    order: {\n      active: false,\n      field: null,\n      asc: false\n    },\n    actions: {\n      add:{\n        active: false,\n        labelHtml: null\n      },\n      select:{\n        active: false,\n        labelHtml: null\n      },\n      edit:{\n        active: false,\n        labelHtml: null\n      },\n      delete:{\n        active: false,\n        labelHtml: null\n      },\n    },\n    colHead:{\n      label: null,\n      type: 'string', // string, number\n      field: null,\n      order: {\n        active: false\n      }\n    }\n  }\n\n  objectKeys( registers: any ){\n    let registros = new Array()\n    for( let key of Object.keys(registers) ){\n      if( key != 'configRegister' ){\n        registros.push( key )\n      }\n    }\n\n    return registros\n  }\n\n  onPageChange() {\n    this.configs = this.configsRender\n    this.changePage.emit({\n      ...this.configsRender\n    });\n  }\n\n  onKeySearch() {\n    this.configs = this.configsRender\n    this.changePage.emit({\n      ...this.configsRender\n    });\n  }\n\n  onRestarSeach() {\n    this.configs = this.configsRender\n    this.changePage.emit({\n      ...this.configsRender\n    });\n  }\n\n  onActionClick(object: any) {\n    object.event.preventDefault()\n    object.event.stopPropagation()\n\n    this.clickEvent.emit({\n      type: object.type,\n      data: object.data\n    });\n  }\n\n  render(){\n    this.headRowRender = new Array()\n    for( let head of this.headRow ){\n      this.headRowRender.push({\n        ...this.configsDefault.colHead,\n        ...head\n      })\n    }\n\n    this.configsRender = {\n      titleTable: this.configsDefault.titleTable,\n      paginationActive: this.configsDefault.paginationActive,\n      page: this.configsDefault.page,\n      pageSize: this.configsDefault.pageSize,\n      search: this.configsDefault.search,\n      order: this.configsDefault.order,\n      actions: this.configsDefault.actions,\n      ...this.configs,\n      collectionSize: this.registers.length,\n    }\n\n    this.registersRender = new Array()\n    for( let register of this.registers ){\n      this.registersRender.push({\n        configRegister: {\n          actions: this.configsRender.actions,\n        },\n        ...register\n      })\n    }\n  }\n\n  ngOnInit(): void {\n    this.render()\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    console.log(\"ngOnChanges\",this.registers)\n    this.render()\n  }\n\n}\n","<div class=\"container-fluid\">\r\n    <h3 class=\"text-center\" *ngIf=\"configsRender.titleTable != null\">{{ configsRender.titleTable }}</h3>\r\n    <div *ngIf=\"!configsRender.search.active && configsRender.actions.add?.active\" class=\"row justify-content-end mb-2\">\r\n        <div class=\"col d-flex justify-content-end\">\r\n            <button *ngIf=\"configsRender.actions.add?.active\" class=\"btn btn-success\" type=\"button\" (click)=\"onActionClick({event: $event,type: 'add'})\">\r\n                <span [innerHTML]=\"configsRender.actions.add?.labelHtml\"></span>\r\n            </button>\r\n        </div>\r\n    </div>\r\n    <div *ngIf=\"configsRender.search.active\" class=\"row justify-content-end mb-2\">\r\n        <div class=\"col d-flex justify-content-end\">\r\n            <button *ngIf=\"configsRender.actions.add?.active\" class=\"btn btn-success\" type=\"button\" (click)=\"onActionClick({event: $event,type: 'add'})\">\r\n                <span [innerHTML]=\"configsRender.actions.add?.labelHtml\"></span>\r\n            </button>\r\n        </div>\r\n        <div class=\"col-lg-3\">\r\n            <div class=\"input-group\">\r\n                <input type=\"text\" class=\"form-control\" [(ngModel)]=\"configsRender.search.textSearch\" [placeholder]=\"configsRender.search.placeholderSearch != undefined ? configsRender.search.placeholderSearch : ''\" (input)=\"onKeySearch()\">\r\n                <button class=\"btn btn-primary\" type=\"button\" (click)=\"onRestarSeach()\">\r\n                    <i class=\"bi bi-arrow-counterclockwise\"></i>\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <ngx-skeleton-loader *ngIf=\"configsRender.loading\" count=\"5\"></ngx-skeleton-loader>\r\n    <table *ngIf=\"!configsRender.loading\" class=\"table table-striped table-bordered\">\r\n        <thead>\r\n            <tr>\r\n                <th *ngFor=\"let col of headRowRender\">{{ col.label }}</th>\r\n                <th class=\"col-compact\" *ngIf=\"configsRender.actions.edit?.active || configsRender.actions.delete?.active\">\r\n                    Actions\r\n                </th>\r\n            </tr>\r\n        </thead>\r\n        <tbody>\r\n            <ng-container *ngFor=\"let register of registersRender; let i = index\">\r\n                <tr [class.pointer]=\"register.configRegister?.actions?.select?.active\" (click)=\"register.configRegister?.actions?.select?.active ? onActionClick({event: $event,type: 'select',data: register}):return\">\r\n                    <ng-container *ngFor=\"let key of objectKeys(register); let j = index\">\r\n                        <td [class.text-end]=\"headRow[j].type == 'number'\">{{register[key]}}</td>\r\n                    </ng-container>\r\n                    <td class=\"text-nowrap\" *ngIf=\"configsRender.actions.edit?.active || configsRender.actions.delete?.active\">\r\n                        <button *ngIf=\"register.configRegister?.actions?.edit?.active\" type=\"button\" class=\"btn btn-primary mx-1\" (click)=\"onActionClick({event: $event,type: 'edit',data: register})\">\r\n                            <span [innerHTML]=\"register.configRegister?.actions?.edit?.labelHtml\"></span>\r\n                        </button>\r\n                        <button *ngIf=\"register.configRegister?.actions?.delete?.active\" type=\"button\" class=\"btn btn-danger mx-1\" (click)=\"onActionClick({event: $event,type: 'delete',data: register})\">\r\n                            <span [innerHTML]=\"register.configRegister?.actions?.delete?.labelHtml\"></span>\r\n                        </button>\r\n                    </td>\r\n                </tr>\r\n            </ng-container>\r\n        </tbody>\r\n    </table>\r\n    <div class=\"position-sticky bottom-0 bg-white\" *ngIf=\"configsRender.paginationActive && configsRender.collectionSize > 0\">\r\n        <div class=\"row justify-content-end border-top pt-2\">\r\n            <div class=\"col-sm-6\">\r\n                <ngb-pagination\r\n                    class=\"d-flex justify-content-center\"\r\n                    [pageSize]=\"configsRender.pageSize\"\r\n                    [collectionSize]=\"configsRender.collectionSize\"\r\n                    [(page)]=\"configsRender.page\"\r\n                    [maxSize]=\"5\"\r\n                    [rotate]=\"true\"\r\n                    [boundaryLinks]=\"true\"\r\n                    [ellipses]=\"true\"\r\n                    (pageChange)=\"onPageChange()\"\r\n                    size=\"sm\"\r\n                >\r\n                    <ng-template ngbPaginationNumber let-page>{{ page }}</ng-template>\r\n                </ngb-pagination>\r\n            </div>\r\n            <div class=\"col-sm-3\">\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\nimport { BrowserModule } from '@angular/platform-browser';\nimport { FormsModule } from '@angular/forms';\n\nimport { NgxTableComponent } from './ngx-table.component';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';\n\n@NgModule({\n  declarations: [\n    NgxTableComponent\n  ],\n  imports: [\n    BrowserModule,\n    FormsModule,\n    NgbModule,\n    NgxSkeletonLoaderModule,\n  ],\n  exports: [\n    NgxTableComponent\n  ]\n})\nexport class NgxTableModule { }\n","/*\n * Public API Surface of ngx-table\n */\n\nexport * from './lib/ngx-table.service';\nexport * from './lib/ngx-table.component';\nexport * from './lib/ngx-table.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/lib/ngx-table.component.d.ts

@@ -0,0 +1,24 @@
+import { OnInit, OnChanges, EventEmitter, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class NgxTableComponent implements OnInit, OnChanges {
+    constructor();
+    headRow: any[];
+    headRowRender: any[];
+    registers: any[];
+    registersRender: any[];
+    configs: any;
+    configsRender: any;
+    changePage: EventEmitter<Object>;
+    clickEvent: EventEmitter<Object>;
+    configsDefault: any;
+    objectKeys(registers: any): any[];
+    onPageChange(): void;
+    onKeySearch(): void;
+    onRestarSeach(): void;
+    onActionClick(object: any): void;
+    render(): void;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxTableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgxTableComponent, "ngx-table", never, { "headRow": "headRow"; "registers": "registers"; "registersRender": "registersRender"; "configs": "configs"; }, { "changePage": "changePage"; "clickEvent": "clickEvent"; }, never, never>;
+}

package/lib/ngx-table.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./ngx-table.component";
+import * as i2 from "@angular/platform-browser";
+import * as i3 from "@angular/forms";
+import * as i4 from "@ng-bootstrap/ng-bootstrap";
+import * as i5 from "ngx-skeleton-loader";
+export declare class NgxTableModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxTableModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxTableModule, [typeof i1.NgxTableComponent], [typeof i2.BrowserModule, typeof i3.FormsModule, typeof i4.NgbModule, typeof i5.NgxSkeletonLoaderModule], [typeof i1.NgxTableComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgxTableModule>;
+}

package/lib/ngx-table.service.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class NgxTableService {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxTableService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgxTableService>;
+}

package/package.json

@@ -1,16 +1,36 @@
 {
   "name": "@experteam-mx/ngx-table",
-  "version": "1.0.1",
+  "version": "1.0.5",
   "license": "MIT",
   "peerDependencies": {
     "@angular/common": "^12.0.2",
     "@angular/core": "^12.0.2"
   },
   "dependencies": {
-    "@angular/localize": "^13.2.2",
+    "@angular/localize": "^12.0.2",
     "@ng-bootstrap/ng-bootstrap": "^10.0.0",
     "bootstrap": "^5.1.3",
-    "ngx-skeleton-loader": "^5.0.0",
+    "ngx-skeleton-loader": "^4.0.0",
     "tslib": "^2.1.0"
-  }
-}
+  },
+  "module": "fesm2015/experteam-mx-ngx-table.mjs",
+  "es2020": "fesm2020/experteam-mx-ngx-table.mjs",
+  "esm2020": "esm2020/experteam-mx-ngx-table.mjs",
+  "fesm2020": "fesm2020/experteam-mx-ngx-table.mjs",
+  "fesm2015": "fesm2015/experteam-mx-ngx-table.mjs",
+  "typings": "experteam-mx-ngx-table.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./experteam-mx-ngx-table.d.ts",
+      "esm2020": "./esm2020/experteam-mx-ngx-table.mjs",
+      "es2020": "./fesm2020/experteam-mx-ngx-table.mjs",
+      "es2015": "./fesm2015/experteam-mx-ngx-table.mjs",
+      "node": "./fesm2015/experteam-mx-ngx-table.mjs",
+      "default": "./fesm2020/experteam-mx-ngx-table.mjs"
+    }
+  },
+  "sideEffects": false
+}

package/{src/public-api.ts → public-api.d.ts}

@@ -1,7 +1,3 @@
-/*
- * Public API Surface of ngx-table
- */
-
-export * from './lib/ngx-table.service';
-export * from './lib/ngx-table.component';
-export * from './lib/ngx-table.module';
+export * from './lib/ngx-table.service';
+export * from './lib/ngx-table.component';
+export * from './lib/ngx-table.module';

package/.browserslistrc

@@ -1,16 +0,0 @@
-# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
-# For additional information regarding the format and rule options, please see:
-# https://github.com/browserslist/browserslist#queries
-
-# For the full list of supported browsers by the Angular framework, please see:
-# https://angular.io/guide/browser-support
-
-# You can see what browsers were selected by your queries by running:
-#   npx browserslist
-
-last 1 Chrome version
-last 1 Firefox version
-last 2 Edge major versions
-last 2 Safari major versions
-last 2 iOS major versions
-Firefox ESR

package/karma.conf.js

@@ -1,44 +0,0 @@
-// Karma configuration file, see link for more information
-// https://karma-runner.github.io/1.0/config/configuration-file.html
-
-module.exports = function (config) {
-  config.set({
-    basePath: '',
-    frameworks: ['jasmine', '@angular-devkit/build-angular'],
-    plugins: [
-      require('karma-jasmine'),
-      require('karma-chrome-launcher'),
-      require('karma-jasmine-html-reporter'),
-      require('karma-coverage'),
-      require('@angular-devkit/build-angular/plugins/karma')
-    ],
-    client: {
-      jasmine: {
-        // you can add configuration options for Jasmine here
-        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
-        // for example, you can disable the random execution with `random: false`
-        // or set a specific seed with `seed: 4321`
-      },
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
-    },
-    jasmineHtmlReporter: {
-      suppressAll: true // removes the duplicated traces
-    },
-    coverageReporter: {
-      dir: require('path').join(__dirname, '../../coverage/ngx-table'),
-      subdir: '.',
-      reporters: [
-        { type: 'html' },
-        { type: 'text-summary' }
-      ]
-    },
-    reporters: ['progress', 'kjhtml'],
-    port: 9876,
-    colors: true,
-    logLevel: config.LOG_INFO,
-    autoWatch: true,
-    browsers: ['Chrome'],
-    singleRun: false,
-    restartOnFileChange: true
-  });
-};

package/ng-package.json

@@ -1,11 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/ngx-table",
-  "deleteDestPath": false,
-  "lib": {
-    "entryFile": "src/public-api.ts"
-  },
-  "allowedNonPeerDependencies": [
-    "."
-  ]
-}

package/src/lib/ngx-table.component.html

@@ -1,75 +0,0 @@
-<div class="container-fluid">
-    <h3 class="text-center" *ngIf="configsRender.titleTable != null">{{ configsRender.titleTable }}</h3>
-    <div *ngIf="!configsRender.search.active && configsRender.actions.add?.active" class="row justify-content-end mb-2">
-        <div class="col d-flex justify-content-end">
-            <button *ngIf="configsRender.actions.add?.active" class="btn btn-success" type="button" (click)="onActionClick({event: $event,type: 'add'})">
-                <span [innerHTML]="configsRender.actions.add?.labelHtml"></span>
-            </button>
-        </div>
-    </div>
-    <div *ngIf="configsRender.search.active" class="row justify-content-end mb-2">
-        <div class="col d-flex justify-content-end">
-            <button *ngIf="configsRender.actions.add?.active" class="btn btn-success" type="button" (click)="onActionClick({event: $event,type: 'add'})">
-                <span [innerHTML]="configsRender.actions.add?.labelHtml"></span>
-            </button>
-        </div>
-        <div class="col-lg-3">
-            <div class="input-group">
-                <input type="text" class="form-control" [(ngModel)]="configsRender.search.textSearch" [placeholder]="configsRender.search.placeholderSearch != undefined ? configsRender.search.placeholderSearch : ''" (input)="onKeySearch()">
-                <button class="btn btn-primary" type="button" (click)="onRestarSeach()">
-                    <i class="bi bi-arrow-counterclockwise"></i>
-                </button>
-            </div>
-        </div>
-    </div>
-    <ngx-skeleton-loader *ngIf="configsRender.loading" count="5"></ngx-skeleton-loader>
-    <table *ngIf="!configsRender.loading" class="table table-striped table-bordered">
-        <thead>
-            <tr>
-                <th *ngFor="let col of headRowRender">{{ col.label }}</th>
-                <th class="col-compact" *ngIf="configsRender.actions.edit?.active || configsRender.actions.delete?.active">
-                    Actions
-                </th>
-            </tr>
-        </thead>
-        <tbody>
-            <ng-container *ngFor="let register of registersRender; let i = index">
-                <tr [class.pointer]="register.configRegister?.actions?.select?.active" (click)="register.configRegister?.actions?.select?.active ? onActionClick({event: $event,type: 'select',data: register}):return">
-                    <ng-container *ngFor="let key of objectKeys(register); let j = index">
-                        <td [class.text-end]="headRow[j].type == 'number'">{{register[key]}}</td>
-                    </ng-container>
-                    <td class="text-nowrap" *ngIf="configsRender.actions.edit?.active || configsRender.actions.delete?.active">
-                        <button *ngIf="register.configRegister?.actions?.edit?.active" type="button" class="btn btn-primary mx-1" (click)="onActionClick({event: $event,type: 'edit',data: register})">
-                            <span [innerHTML]="register.configRegister?.actions?.edit?.labelHtml"></span>
-                        </button>
-                        <button *ngIf="register.configRegister?.actions?.delete?.active" type="button" class="btn btn-danger mx-1" (click)="onActionClick({event: $event,type: 'delete',data: register})">
-                            <span [innerHTML]="register.configRegister?.actions?.delete?.labelHtml"></span>
-                        </button>
-                    </td>
-                </tr>
-            </ng-container>
-        </tbody>
-    </table>
-    <div class="position-sticky bottom-0 bg-white" *ngIf="configsRender.paginationActive && configsRender.collectionSize > 0">
-        <div class="row justify-content-end border-top pt-2">
-            <div class="col-sm-6">
-                <ngb-pagination
-                    class="d-flex justify-content-center"
-                    [pageSize]="configsRender.pageSize"
-                    [collectionSize]="configsRender.collectionSize"
-                    [(page)]="configsRender.page"
-                    [maxSize]="5"
-                    [rotate]="true"
-                    [boundaryLinks]="true"
-                    [ellipses]="true"
-                    (pageChange)="onPageChange()"
-                    size="sm"
-                >
-                    <ng-template ngbPaginationNumber let-page>{{ page }}</ng-template>
-                </ngb-pagination>
-            </div>
-            <div class="col-sm-3">
-            </div>
-        </div>
-    </div>
-</div>

package/src/lib/ngx-table.component.scss

@@ -1,102 +0,0 @@
-/* You can add global styles to this file, and also import other style files */
-$dhlYellow: #FFCC00;
-$dhlYellowOpaque: #fff0b3;
-$darkBlue: #273c5a;
-$medBlue: #002147;
-$lightBlue: #ddf1fa;
-$inputBG: #f9f9f9;
-$inputText: #2664ab;
-$dhlRed: #bb133d;
-$dhlGreen: #007c39;
-$gray80: #333333;
-$gray60: #666666;
-$gray45: #8C8C8C;
-$gray30: #B2B2B2;
-$gray20: #CCCCCC;
-$gray10: #E5E5E5;
-$gray08: #EBEBEB;
-$gray05: #F2F2F2;
-
-$primary: $dhlYellow;
-$success: $dhlGreen;
-$danger: $dhlRed;
-
-@import "~bootstrap/scss/functions";
-@import "~bootstrap/scss/variables";
-@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");
-
-$pagination-color: color-contrast($primary);
-$pagination-active-color: color-contrast($primary);
-
-:host ::ng-deep{
-  @import "~bootstrap/scss/bootstrap";
-}
-
-.pointer{
-  cursor: pointer;
-}
-
-.col-compact{
-  width: 1px;
-}
-
-.bg-white{
-  background-color: #fff !important;
-}
-
-table {
-  margin: auto;
-  width: fit-content!important;
-  thead{
-    font-weight: bolder;
-    position: sticky;
-    top: -1px;
-    background-color: #fff;
-    td:first-child,
-    th:first-child{
-      &::before{
-        content: "";
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        height: 1px;
-        width: 100%;
-        background-color: #00000017;
-      }
-    }
-    td,th{
-      background-color: $primary;
-      color: color-contrast($primary);
-    }
-  }
-  tfoot{
-    font-weight: bolder;
-    position: sticky;
-    bottom: 0;
-    background-color: #fff;
-    td:first-child,
-    th:first-child{
-      &::before{
-        content: "";
-        position: absolute;
-        left: 0;
-        top: 0;
-        height: 1px;
-        width: 100%;
-        background-color: #000000;
-      }
-      &::after{
-        content: "";
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        height: 2px;
-        width: 100%;
-        background-color: #000000;
-      }
-    }
-    td,th{
-      background-color: $dhlYellowOpaque;
-    }
-  }
-}

package/src/lib/ngx-table.component.spec.ts

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

package/src/lib/ngx-table.component.ts

@@ -1,152 +0,0 @@
-import { Component, OnInit, OnChanges, Input, Output, EventEmitter, SimpleChanges } from '@angular/core';
-
-@Component({
-  selector: 'ngx-table',
-  templateUrl: './ngx-table.component.html',
-  styleUrls: ['./ngx-table.component.scss']
-})
-export class NgxTableComponent implements OnInit, OnChanges {
-
-  constructor() { }
-
-  @Input() headRow: any[] = new Array()
-  headRowRender: any[] = new Array()
-
-  @Input() registers: any[] = new Array()
-  @Input() registersRender: any[] = new Array()
-
-  @Input() configs: any
-  configsRender: any = {}
-
-  @Output() changePage = new EventEmitter<Object>();
-  @Output() clickEvent = new EventEmitter<Object>();
-
-  configsDefault: any = {
-    titleTable: null,
-    loading: false,
-    paginationActive: false,
-    page: 1,
-    pageSize: 15,
-    collectionSize: 0,
-    search:{
-      active: false,
-      textSearch: '',
-      placeholderSearch: 'Search'
-    },
-    order: {
-      active: false,
-      field: null,
-      asc: false
-    },
-    actions: {
-      add:{
-        active: false,
-        labelHtml: null
-      },
-      select:{
-        active: false,
-        labelHtml: null
-      },
-      edit:{
-        active: false,
-        labelHtml: null
-      },
-      delete:{
-        active: false,
-        labelHtml: null
-      },
-    },
-    colHead:{
-      label: null,
-      type: 'string', // string, number
-      field: null,
-      order: {
-        active: false
-      }
-    }
-  }
-
-  objectKeys( registers: any ){
-    let registros = new Array()
-    for( let key of Object.keys(registers) ){
-      if( key != 'configRegister' ){
-        registros.push( key )
-      }
-    }
-
-    return registros
-  }
-
-  onPageChange() {
-    this.configs = this.configsRender
-    this.changePage.emit({
-      ...this.configsRender
-    });
-  }
-
-  onKeySearch() {
-    this.configs = this.configsRender
-    this.changePage.emit({
-      ...this.configsRender
-    });
-  }
-
-  onRestarSeach() {
-    this.configs = this.configsRender
-    this.changePage.emit({
-      ...this.configsRender
-    });
-  }
-
-  onActionClick(object: any) {
-    object.event.preventDefault()
-    object.event.stopPropagation()
-
-    this.clickEvent.emit({
-      type: object.type,
-      data: object.data
-    });
-  }
-
-  render(){
-    this.headRowRender = new Array()
-    for( let head of this.headRow ){
-      this.headRowRender.push({
-        ...this.configsDefault.colHead,
-        ...head
-      })
-    }
-
-    this.configsRender = {
-      titleTable: this.configsDefault.titleTable,
-      paginationActive: this.configsDefault.paginationActive,
-      page: this.configsDefault.page,
-      pageSize: this.configsDefault.pageSize,
-      search: this.configsDefault.search,
-      order: this.configsDefault.order,
-      actions: this.configsDefault.actions,
-      ...this.configs,
-      collectionSize: this.registers.length,
-    }
-
-    this.registersRender = new Array()
-    for( let register of this.registers ){
-      this.registersRender.push({
-        configRegister: {
-          actions: this.configsRender.actions,
-        },
-        ...register
-      })
-    }
-  }
-
-  ngOnInit(): void {
-    this.render()
-  }
-
-  ngOnChanges(changes: SimpleChanges): void {
-    console.log("ngOnChanges",this.registers)
-    this.render()
-  }
-
-}

package/src/lib/ngx-table.module.ts

@@ -1,23 +0,0 @@
-import { NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import { FormsModule } from '@angular/forms';
-
-import { NgxTableComponent } from './ngx-table.component';
-import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
-import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
-
-@NgModule({
-  declarations: [
-    NgxTableComponent
-  ],
-  imports: [
-    BrowserModule,
-    FormsModule,
-    NgbModule,
-    NgxSkeletonLoaderModule,
-  ],
-  exports: [
-    NgxTableComponent
-  ]
-})
-export class NgxTableModule { }

package/src/lib/ngx-table.service.spec.ts

@@ -1,16 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-
-import { NgxTableService } from './ngx-table.service';
-
-describe('NgxTableService', () => {
-  let service: NgxTableService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(NgxTableService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});

package/src/lib/ngx-table.service.ts

@@ -1,9 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class NgxTableService {
-
-  constructor() { }
-}

package/src/test.ts

@@ -1,27 +0,0 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import 'zone.js';
-import 'zone.js/testing';
-import { getTestBed } from '@angular/core/testing';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
-} from '@angular/platform-browser-dynamic/testing';
-
-declare const require: {
-  context(path: string, deep?: boolean, filter?: RegExp): {
-    <T>(id: string): T;
-    keys(): string[];
-  };
-};
-
-// First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting(),
-);
-
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);

package/tsconfig.lib.json

@@ -1,23 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "angularCompilerOptions": {
-    "skipTemplateCodegen": true,
-    "strictMetadataEmit": true,
-    "enableResourceInlining": true,
-    "strictTemplates": false,
-    "fullTemplateTypeCheck": false,
-    "enableIvy": true
-  },
-  "exclude": [
-    "src/test.ts",
-    "**/*.spec.ts"
-  ]
-}