@experteam-mx/ngx-table 1.2.0 → 1.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
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 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 labels:{\n noRegisters: \"Registers no found\"\n },\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 loading: false\n },\n enabled:{\n active: false,\n labelHtml: null,\n loading: false\n },\n disabled:{\n active: false,\n labelHtml: null,\n loading: false\n },\n loginAs:{\n active: false,\n labelHtml: null,\n loading: false\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.configsRender.search.textSearch = ''\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 index: object.index,\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 loading: this.configsDefault.loading,\n paginationActive: this.configsDefault.paginationActive,\n page: this.configsDefault.page,\n pageSize: this.configsDefault.pageSize,\n collectionSize: this.configsDefault.collectionSize,\n labels: this.configsDefault.labels,\n search: this.configsDefault.search,\n order: this.configsDefault.order,\n actions: this.configsDefault.actions,\n ...this.configs,\n }\n\n this.registersRender = new Array()\n for( let register of this.registers ){\n this.registersRender.push({\n ...register,\n configRegister: {\n actions: {\n ...this.configsRender.actions,\n loginAs: {\n ...this.configsRender.actions.loginAs\n },\n ...register.configRegister?.actions\n },\n },\n })\n }\n }\n\n ngOnInit(): void {\n this.render()\n }\n\n ngOnChanges(changes: SimpleChanges): void {\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 <p *ngIf=\"!configsRender.loading && configsRender.collectionSize == 0\" class=\"text-center\">{{ configsRender.labels.noRegisters }}</p>\r\n <table *ngIf=\"!configsRender.loading && configsRender.collectionSize > 0\" 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 || configsRender.actions.enabled?.active || configsRender.actions.disabled?.active || configsRender.actions.loginAs?.active\">\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, index: i}):return\">\r\n <ng-container *ngFor=\"let key of objectKeys(register); let j = index\">\r\n <td [class.text-end]=\"headRow[j].type == 'number'\"><span [innerHTML]=\"register[key]\"></span></td>\r\n </ng-container>\r\n <td class=\"text-nowrap\" *ngIf=\"configsRender.actions.edit?.active || configsRender.actions.delete?.active || configsRender.actions.enabled?.active || configsRender.actions.disabled?.active || configsRender.actions.loginAs?.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, index: i})\">\r\n <span [innerHTML]=\"register.configRegister?.actions?.edit?.labelHtml\"></span>\r\n </button>\r\n <button *ngIf=\"register.configRegister?.actions?.delete?.active\" [disabled]=\"register.configRegister?.actions?.delete?.loading\" type=\"button\" class=\"btn btn-danger mx-1\" (click)=\"onActionClick({event: $event,type: 'delete',data: register, index: i})\">\r\n <span *ngIf=\"register.configRegister?.actions?.delete?.loading\">\r\n <div class=\"spinner-border spinner-border-sm\" role=\"status\">\r\n <span class=\"visually-hidden\">Loading...</span>\r\n </div> \r\n </span>\r\n <span [innerHTML]=\"register.configRegister?.actions?.delete?.labelHtml\"></span>\r\n </button>\r\n <button *ngIf=\"register.configRegister?.actions?.enabled?.active\" [disabled]=\"register.configRegister?.actions?.enabled?.loading\" type=\"button\" class=\"btn btn-success mx-1\" (click)=\"onActionClick({event: $event,type: 'enabled',data: register, index: i})\">\r\n <span *ngIf=\"register.configRegister?.actions?.enabled?.loading\">\r\n <div class=\"spinner-border spinner-border-sm\" role=\"status\">\r\n <span class=\"visually-hidden\">Loading...</span>\r\n </div> \r\n </span>\r\n <span [innerHTML]=\"register.configRegister?.actions?.enabled?.labelHtml\"></span>\r\n </button>\r\n <button *ngIf=\"register.configRegister?.actions?.disabled?.active\" [disabled]=\"register.configRegister?.actions?.disabled?.loading\" type=\"button\" class=\"btn btn-danger mx-1\" (click)=\"onActionClick({event: $event,type: 'disabled',data: register, index: i})\">\r\n <span *ngIf=\"register.configRegister?.actions?.disabled?.loading\">\r\n <div class=\"spinner-border spinner-border-sm\" role=\"status\">\r\n <span class=\"visually-hidden\">Loading...</span>\r\n </div> \r\n </span>\r\n <span [innerHTML]=\"register.configRegister?.actions?.disabled?.labelHtml\"></span>\r\n </button>\r\n <button *ngIf=\"register.configRegister?.actions?.loginAs?.active\" [disabled]=\"register.configRegister?.actions?.loginAs?.loading\" type=\"button\" class=\"btn btn-info mx-1\" (click)=\"onActionClick({event: $event,type: 'loginAs',data: register, index: i})\">\r\n <span *ngIf=\"register.configRegister?.actions?.loginAs?.loading\">\r\n <div class=\"spinner-border spinner-border-sm\" role=\"status\">\r\n <span class=\"visually-hidden\">Loading...</span>\r\n </div> \r\n </span>\r\n <span [innerHTML]=\"register.configRegister?.actions?.loginAs?.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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"}
|
|
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 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 labels:{\n noRegisters: \"Registers no found\"\n },\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 loading: false\n },\n enabled:{\n active: false,\n labelHtml: null,\n loading: false\n },\n disabled:{\n active: false,\n labelHtml: null,\n loading: false\n },\n loginAs:{\n active: false,\n labelHtml: null,\n loading: false\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.configsRender.search.textSearch = ''\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 index: object.index,\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 loading: this.configsDefault.loading,\n paginationActive: this.configsDefault.paginationActive,\n page: this.configsDefault.page,\n pageSize: this.configsDefault.pageSize,\n collectionSize: this.configsDefault.collectionSize,\n labels: this.configsDefault.labels,\n search: this.configsDefault.search,\n order: this.configsDefault.order,\n actions: this.configsDefault.actions,\n ...this.configs,\n }\n\n this.registersRender = new Array()\n for( let register of this.registers ){\n this.registersRender.push({\n ...register,\n configRegister: {\n actions: {\n ...this.configsRender.actions,\n loginAs: {\n ...this.configsRender.actions.loginAs\n },\n ...register.configRegister?.actions\n },\n },\n })\n }\n }\n\n ngOnInit(): void {\n this.render()\n }\n\n ngOnChanges(changes: SimpleChanges): void {\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 <p *ngIf=\"!configsRender.loading && configsRender.collectionSize == 0\" class=\"text-center\">{{ configsRender.labels.noRegisters }}</p>\r\n <table *ngIf=\"!configsRender.loading && configsRender.collectionSize > 0\" 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 || configsRender.actions.enabled?.active || configsRender.actions.disabled?.active || configsRender.actions.loginAs?.active\">\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, index: i}):return\">\r\n <ng-container *ngFor=\"let key of objectKeys(register); let j = index\">\r\n <td [class.text-end]=\"headRow[j].type == 'number'\"><span [innerHTML]=\"register[key]\"></span></td>\r\n </ng-container>\r\n <td class=\"text-nowrap\" *ngIf=\"configsRender.actions.edit?.active || configsRender.actions.delete?.active || configsRender.actions.enabled?.active || configsRender.actions.disabled?.active || configsRender.actions.loginAs?.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, index: i})\">\r\n <span [innerHTML]=\"register.configRegister?.actions?.edit?.labelHtml\"></span>\r\n </button>\r\n <button *ngIf=\"register.configRegister?.actions?.delete?.active\" [disabled]=\"register.configRegister?.actions?.delete?.loading\" type=\"button\" class=\"btn btn-danger mx-1\" (click)=\"onActionClick({event: $event,type: 'delete',data: register, index: i})\">\r\n <span *ngIf=\"register.configRegister?.actions?.delete?.loading\">\r\n <div class=\"spinner-border spinner-border-sm\" role=\"status\">\r\n <span class=\"visually-hidden\">Loading...</span>\r\n </div> \r\n </span>\r\n <span [innerHTML]=\"register.configRegister?.actions?.delete?.labelHtml\"></span>\r\n </button>\r\n <button *ngIf=\"register.configRegister?.actions?.enabled?.active\" [disabled]=\"register.configRegister?.actions?.enabled?.loading\" type=\"button\" class=\"btn btn-success mx-1\" (click)=\"onActionClick({event: $event,type: 'enabled',data: register, index: i})\">\r\n <span *ngIf=\"register.configRegister?.actions?.enabled?.loading\">\r\n <div class=\"spinner-border spinner-border-sm\" role=\"status\">\r\n <span class=\"visually-hidden\">Loading...</span>\r\n </div> \r\n </span>\r\n <span [innerHTML]=\"register.configRegister?.actions?.enabled?.labelHtml\"></span>\r\n </button>\r\n <button *ngIf=\"register.configRegister?.actions?.disabled?.active\" [disabled]=\"register.configRegister?.actions?.disabled?.loading\" type=\"button\" class=\"btn btn-danger mx-1\" (click)=\"onActionClick({event: $event,type: 'disabled',data: register, index: i})\">\r\n <span *ngIf=\"register.configRegister?.actions?.disabled?.loading\">\r\n <div class=\"spinner-border spinner-border-sm\" role=\"status\">\r\n <span class=\"visually-hidden\">Loading...</span>\r\n </div> \r\n </span>\r\n <span [innerHTML]=\"register.configRegister?.actions?.disabled?.labelHtml\"></span>\r\n </button>\r\n <button *ngIf=\"register.configRegister?.actions?.loginAs?.active\" [disabled]=\"register.configRegister?.actions?.loginAs?.loading\" type=\"button\" class=\"btn btn-primary mx-1\" (click)=\"onActionClick({event: $event,type: 'loginAs',data: register, index: i})\">\r\n <span *ngIf=\"register.configRegister?.actions?.loginAs?.loading\">\r\n <div class=\"spinner-border spinner-border-sm\" role=\"status\">\r\n <span class=\"visually-hidden\">Loading...</span>\r\n </div> \r\n </span>\r\n <span [innerHTML]=\"register.configRegister?.actions?.loginAs?.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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"}
|