ngx-eiffage-material 0.0.4 → 0.0.5

package/fesm2022/ngx-eiffage-material.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { input, Component, output, computed, viewChild, effect } from '@angular/core';
+import { input, Component, Injectable, inject, output, computed, viewChild, effect } from '@angular/core';
 import * as i4 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i5 from '@angular/material/icon';
+import * as i6 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import * as i2 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
@@ -12,11 +12,13 @@ import * as i3 from '@angular/material/sort';
 import { MatSortModule } from '@angular/material/sort';
 import * as i2$1 from '@angular/material/table';
 import { MatTableDataSource, MatTableModule } from '@angular/material/table';
+import * as i5 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i6 from '@angular/material/paginator';
+import * as i7 from '@angular/material/paginator';
 import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
-import * as i7 from 'ngx-skeleton-loader';
+import * as i8 from 'ngx-skeleton-loader';
 import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
+import { SlicePipe, TitleCasePipe, LowerCasePipe, UpperCasePipe, DecimalPipe, PercentPipe, CurrencyPipe, DatePipe } from '@angular/common';
 
 class NgxLoadingButton {
     isLoading = input.required(...(ngDevMode ? [{ debugName: "isLoading" }] : [])); //Indica si el botón está cargando
@@ -40,7 +42,143 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                     ], template: "<button\r\n  class=\"loadingButton\"\r\n  [matButton]=\"matButton()\"\r\n  [type]=\"type()\"\r\n  [disabled]=\"disabled() || isLoading()\"\r\n  [class.isLoading]=\"isLoading()\"\r\n  [class]=\"color() ?? ''\"\r\n>\r\n  {{ label() }}\r\n</button>\r\n\r\n@if (isLoading()) {\r\n  <mat-spinner\r\n    class=\"spinnerLoadingButton\"\r\n    [diameter]=\"spinnerDiameter()\"\r\n    [strokeWidth]=\"spinnerStrokeWidth()\"\r\n  />\r\n}\r\n", styles: [":host{display:inline-flex;position:relative}.loadingButton{width:100%}.spinnerLoadingButton{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.isLoading{--mat-button-filled-disabled-label-text-color: transparent;--mat-button-outlined-disabled-label-text-color: transparent;--mat-button-protected-disabled-label-text-color: transparent;--mat-button-text-disabled-label-text-color: transparent;--mat-button-tonal-disabled-label-text-color: transparent}.secondary{--mat-button-filled-container-color: var(--mat-sys-secondary);--mat-button-filled-label-text-color: var(--mat-sys-on-secondary);--mat-button-outlined-label-text-color: var(--mat-sys-secondary);--mat-button-outlined-state-layer-color: var(--mat-sys-secondary);--mat-button-outlined-ripple-color: var(--mat-sys-secondary-container);--mat-button-protected-label-text-color: var(--mat-sys-secondary);--mat-button-protected-state-layer-color: var(--mat-sys-secondary);--mat-button-protected-ripple-color: var(--mat-sys-secondary-container);--mat-button-text-label-text-color: var(--mat-sys-secondary);--mat-button-text-state-layer-color: var(--mat-sys-secondary);--mat-button-text-ripple-color: var(--mat-sys-secondary-container)}.secondarySpinner{--mat-progress-spinner-active-indicator-color: var(--mat-sys-secondary)}.tertiary{--mat-button-filled-container-color: var(--mat-sys-tertiary);--mat-button-filled-label-text-color: var(--mat-sys-on-tertiary);--mat-button-outlined-label-text-color: var(--mat-sys-tertiary);--mat-button-outlined-state-layer-color: var(--mat-sys-tertiary);--mat-button-outlined-ripple-color: var(--mat-sys-tertiary-container);--mat-button-protected-label-text-color: var(--mat-sys-tertiary);--mat-button-protected-state-layer-color: var(--mat-sys-tertiary);--mat-button-protected-ripple-color: var(--mat-sys-tertiary-container);--mat-button-text-label-text-color: var(--mat-sys-tertiary);--mat-button-text-state-layer-color: var(--mat-sys-tertiary);--mat-button-text-ripple-color: var(--mat-sys-tertiary-container)}.tertiarySpinner{--mat-progress-spinner-active-indicator-color: var(--mat-sys-tertiary)}\n"] }]
         }] });
 
+class CommonTableService {
+    /**
+     * Métodos para botones customizables
+     *
+     */
+    isButtonVisible(column, row) {
+        if (!column.buttonConfig)
+            return false;
+        const visible = column.buttonConfig.visible;
+        if (typeof visible === 'function') {
+            return visible(row);
+        }
+        return visible !== false; // Por defecto visible si no se especifica
+    }
+    isButtonDisabled(column, row) {
+        if (!column.buttonConfig)
+            return false;
+        const disabled = column.buttonConfig.disabled;
+        if (typeof disabled === 'function') {
+            return disabled(row);
+        }
+        return !!disabled;
+    }
+    onCustomButtonClick(column, row) {
+        if (column.buttonConfig?.onClick) {
+            column.buttonConfig.onClick(row);
+        }
+    }
+    /**
+     * Métodos para enlaces
+     *
+     */
+    isLinkVisible(column, row) {
+        if (!column.linkConfig)
+            return false;
+        const visible = column.linkConfig.visible;
+        if (typeof visible === 'function') {
+            return visible(row);
+        }
+        return visible !== false;
+    }
+    getLinkHref(column, row) {
+        if (!column.linkConfig?.href)
+            return null;
+        if (typeof column.linkConfig.href === 'function') {
+            return column.linkConfig.href(row);
+        }
+        return column.linkConfig.href;
+    }
+    /**
+     * Método para obtener el valor de la celda con pipes
+     */
+    getCellValue(column, row) {
+        const splittedKey = column.key.split('.');
+        let value = row;
+        if (splittedKey.length > 1) {
+            value = this.getNestedKey(row, splittedKey);
+        }
+        else {
+            value = row[column.key];
+        }
+        if (value === undefined || value === null || value === '') {
+            return '-';
+        }
+        if (column.pipeConfig) {
+            return this.applyPipe(value, column.pipeConfig);
+        }
+        return value;
+    }
+    getNestedKey(row, splittedKey) {
+        let value = row;
+        for (let i = 0; i < splittedKey.length; i++) {
+            if (value == null)
+                return undefined;
+            value = value[splittedKey[i]];
+        }
+        return value;
+    }
+    applyPipe(value, pipeConfig) {
+        try {
+            const args = pipeConfig.args || [];
+            switch (pipeConfig.name) {
+                case 'date':
+                    const datePipe = new DatePipe('en-US');
+                    return datePipe.transform(value, args[0] || 'medium', args[1], args[2]);
+                case 'currency':
+                    const currencyPipe = new CurrencyPipe('en-US');
+                    return currencyPipe.transform(value, args[0] || 'USD', args[1] || 'symbol', args[2] || '1.2-2', args[3]);
+                case 'percent':
+                    const percentPipe = new PercentPipe('en-US');
+                    return percentPipe.transform(value, args[0] || '1.2-2', args[1]);
+                case 'decimal':
+                    const decimalPipe = new DecimalPipe('en-US');
+                    return decimalPipe.transform(value, args[0] || '1.2-2');
+                case 'uppercase':
+                    const upperCasePipe = new UpperCasePipe();
+                    return upperCasePipe.transform(value);
+                case 'lowercase':
+                    const lowerCasePipe = new LowerCasePipe();
+                    return lowerCasePipe.transform(value);
+                case 'titlecase':
+                    const titleCasePipe = new TitleCasePipe();
+                    return titleCasePipe.transform(value);
+                case 'slice':
+                    const slicePipe = new SlicePipe();
+                    return slicePipe.transform(value, args[0] || 0, args[1] || 50);
+                case 'json':
+                    return JSON.stringify(value, null, args[0] || 2);
+                case 'custom':
+                    if (pipeConfig.customPipe) {
+                        const customPipeInstance = pipeConfig.customPipe();
+                        return customPipeInstance.transform(value, args);
+                    }
+                    return value;
+                default:
+                    console.warn(`Unknown pipe ${pipeConfig.name}`);
+                    return value;
+            }
+        }
+        catch (error) {
+            console.error(`Error aplying pipe ${pipeConfig.name} to value ${value}`, error);
+            return value;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: CommonTableService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: CommonTableService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: CommonTableService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
 class CommonTableComponent {
+    //dependencies injection
+    _commonTableService = inject((CommonTableService));
     //inputs
     tableConfig = input.required(...(ngDevMode ? [{ debugName: "tableConfig" }] : [])); // Table configuration
     tableData = input.required(...(ngDevMode ? [{ debugName: "tableData" }] : [])); // Table data
@@ -99,7 +237,7 @@ class CommonTableComponent {
         this.delete.emit(row);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: CommonTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: CommonTableComponent, isStandalone: true, selector: "common-table", inputs: { tableConfig: { classPropertyName: "tableConfig", publicName: "tableConfig", isSignal: true, isRequired: true, transformFunction: null }, tableData: { classPropertyName: "tableData", publicName: "tableData", isSignal: true, isRequired: true, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { create: "create", view: "view", update: "update", delete: "delete" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true, isSignal: true }], ngImport: i0, template: "<mat-card>\r\n    <div class=\"tableContainer\">\r\n        <div class=\"tableHeader\">\r\n            <div class=\"tableHeader__title\">\r\n                <span>{{ tableConfig().title }}</span>\r\n            </div>\r\n            <div class=\"tableHeader__buttons\">\r\n                @if(canDoAction('canCreate')) {\r\n                    <button mat-raised-button type=\"button\" (click)=\"onCreateClick()\">\r\n                        <mat-icon>add</mat-icon>\r\n                        <span>Create</span>\r\n                    </button>\r\n                }\r\n            </div>\r\n        </div>\r\n        @if(isLoading()) {\r\n            <ngx-skeleton-loader [count]=\"tableConfig().skeletonConfig?.count || 5\" />\r\n        } @else { \r\n            <div class=\"overflowTable\">\r\n                <table mat-table class=\"mat-elevation-z8\" [dataSource]=\"datasource()\" class=\"customTable\" matSort>\r\n                    @for(column of tableConfig().tableColumns; track column.key) {\r\n                        <!-- Dynamically generate columns -->\r\n                        <ng-container [matColumnDef]=\"column.key\">\r\n                            <!-- Header cell definition -->\r\n                            <th mat-header-cell *matHeaderCellDef>{{ column.displayName }}</th>\r\n                        \r\n                            <!-- Data cell definition -->\r\n                            <td mat-cell *matCellDef=\"let row\">{{ row[column.key] }}</td>\r\n                        </ng-container>\r\n                    }\r\n    \r\n                    <!-- Actions Column -->\r\n                    @if(hasActions()) {\r\n                        <ng-container matColumnDef=\"actions\">\r\n                            <th mat-header-cell *matHeaderCellDef>Actions</th>\r\n                            <td mat-cell *matCellDef=\"let row\">\r\n                                @if(canDoAction('canView', row)) {\r\n                                    <button matIconButton (click)=\"onViewClick(row)\">\r\n                                        <mat-icon>visibility</mat-icon>\r\n                                    </button>\r\n                                }\r\n                                @if(canDoAction('canUpdate', row)) {\r\n                                    <button matIconButton (click)=\"onUpdateClick(row)\">\r\n                                        <mat-icon>edit</mat-icon>\r\n                                    </button>\r\n                                }\r\n                                @if(canDoAction('canDelete', row)) {\r\n                                    <button matIconButton (click)=\"onDeleteClick(row)\">\r\n                                        <mat-icon>delete</mat-icon>\r\n                                    </button>\r\n                                }\r\n                            </td>\r\n                        </ng-container>\r\n                    }\r\n    \r\n                    <tr mat-header-row *matHeaderRowDef=\"getAllColumns()\"></tr>\r\n                    <tr mat-row *matRowDef=\"let row; columns: getAllColumns();\"></tr>\r\n                    <tr *matNoDataRow>No data available</tr>\r\n                </table>\r\n                <mat-paginator\r\n                  #paginator\r\n                  [length]=\"datasource().data.length\"\r\n                  [pageSize]=\"5\"\r\n                  [pageSizeOptions]=\"[5, 10, 25, 100]\"\r\n                />\r\n            </div>\r\n        }\r\n\r\n    </div>\r\n</mat-card>", styles: [".tableContainer{display:flex;flex-direction:column;padding:16px 8px;gap:12px}.tableContainer .tableHeader{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 0 0 8px}.tableContainer .tableHeader__title{font-size:16px;font-weight:500}.tableContainer .tableHeader__buttons button{display:flex;flex-direction:row;align-items:center;padding:0 16px;height:28px;box-shadow:0 1px 2px #0000001a,0 1px 3px 2px #0000000d;border-radius:4px}.overflowTable{overflow-x:auto;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i2$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i2$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i2$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i2$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i2$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i2$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i2$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i2$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i2$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i2$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i2$1.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i3.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i6.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: NgxSkeletonLoaderModule }, { kind: "component", type: i7.NgxSkeletonLoaderComponent, selector: "ngx-skeleton-loader", inputs: ["count", "loadingText", "appearance", "animation", "ariaLabel", "theme", "size"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: CommonTableComponent, isStandalone: true, selector: "common-table", inputs: { tableConfig: { classPropertyName: "tableConfig", publicName: "tableConfig", isSignal: true, isRequired: true, transformFunction: null }, tableData: { classPropertyName: "tableData", publicName: "tableData", isSignal: true, isRequired: true, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { create: "create", view: "view", update: "update", delete: "delete" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true, isSignal: true }], ngImport: i0, template: "<mat-card>\r\n    <div class=\"tableContainer\">\r\n        <div class=\"tableHeader\">\r\n            <div class=\"tableHeader__title\">\r\n                <span>{{ tableConfig().title }}</span>\r\n            </div>\r\n            <div class=\"tableHeader__buttons\">\r\n                @if(canDoAction('canCreate')) {\r\n                    <button mat-raised-button type=\"button\" (click)=\"onCreateClick()\">\r\n                        <mat-icon>add</mat-icon>\r\n                        <span>Create</span>\r\n                    </button>\r\n                }\r\n            </div>\r\n        </div>\r\n        @if(isLoading()) {\r\n            <ngx-skeleton-loader [count]=\"tableConfig().skeletonConfig?.count || 5\" />\r\n        } @else { \r\n            <div class=\"overflowTable\">\r\n                <table mat-table class=\"mat-elevation-z8\" [dataSource]=\"datasource()\" class=\"customTable\" matSort>\r\n                    @for(column of tableConfig().tableColumns; track column.key) {\r\n                        <!-- Dynamically generate columns -->\r\n                        <ng-container [matColumnDef]=\"column.key\">\r\n                            <!-- Header cell definition -->\r\n                            <th mat-header-cell *matHeaderCellDef>{{ column.displayName }}</th>\r\n                        \r\n                            <!-- Data cell definition -->\r\n                            <td mat-cell *matCellDef=\"let row\">\r\n                                @switch (column.type) {\r\n                                    @case ('button') {\r\n                                        @if(_commonTableService.isButtonVisible(column, row)) {\r\n                                            <button\r\n                                                [matButton]=\"column.buttonConfig?.variant || 'filled'\"\r\n                                                [class]=\"column.buttonConfig?.color\"\r\n                                                [disabled]=\"_commonTableService.isButtonDisabled(column, row)\"\r\n                                                [matTooltip]=\"column.buttonConfig?.tooltip || ''\"\r\n                                                (click)=\"_commonTableService.onCustomButtonClick(column, row)\"\r\n                                            >\r\n                                                @if(column.buttonConfig?.icon) {\r\n                                                    <mat-icon>{{ column.buttonConfig?.icon }}</mat-icon>\r\n                                                }\r\n                                                @if(column.buttonConfig?.text) {\r\n                                                    {{ column.buttonConfig?.text }}\r\n                                                }\r\n                                            </button>\r\n                                        }\r\n                                    }\r\n                                    @case ('icon-button') {\r\n                                        @if(_commonTableService.isButtonVisible(column, row)) {\r\n                                            <button \r\n                                                matIconButton\r\n                                                [class]=\"column.buttonConfig?.color\"\r\n                                                [disabled]=\"_commonTableService.isButtonDisabled(column, row)\"\r\n                                                [matTooltip]=\"column.buttonConfig?.tooltip || ''\"\r\n                                                (click)=\"_commonTableService.onCustomButtonClick(column, row)\"\r\n                                            >\r\n                                                @if(column.buttonConfig?.icon) {\r\n                                                    <mat-icon>{{ column.buttonConfig?.icon }}</mat-icon>\r\n                                                }\r\n                                            </button>\r\n                                        }\r\n                                    }\r\n                                    @case ('link') {\r\n                                        @if(_commonTableService.isLinkVisible(column, row)) {\r\n                                            <!-- External link -->\r\n                                            @if(_commonTableService.getLinkHref(column, row)) {\r\n                                                <a\r\n                                                    [style]=\"{ display: 'flex', alignItems: 'center', gap: '2px' }\"\r\n                                                    [href]=\"_commonTableService.getLinkHref(column, row)\"\r\n                                                    [target]=\"column.linkConfig?.target || '_blank'\"\r\n                                                    [matTooltip]=\"column.linkConfig?.tooltip || ''\"\r\n                                                    [style.color]=\"column.linkConfig?.color || 'primary'\"\r\n                                                    [style.text-decoration]=\"column.linkConfig?.underline ? 'underline' : 'none'\"\r\n                                                >\r\n                                                    @if(column.linkConfig?.icon) {\r\n                                                        <mat-icon>{{ column.linkConfig?.icon }}</mat-icon>\r\n                                                    }\r\n                                                    @if(column.linkConfig?.text) {\r\n                                                        {{ column.linkConfig?.text }}\r\n                                                    }\r\n                                                </a>\r\n                                            }\r\n                                        }\r\n                                    }\r\n                                    <!-- Text is by default -->\r\n                                    @default {\r\n                                        {{ _commonTableService.getCellValue(column, row) }}\r\n                                    }\r\n                                }\r\n                            </td>\r\n                        </ng-container>\r\n                    }\r\n    \r\n                    <!-- Actions Column -->\r\n                    @if(hasActions()) {\r\n                        <ng-container matColumnDef=\"actions\">\r\n                            <th mat-header-cell *matHeaderCellDef>Actions</th>\r\n                            <td mat-cell *matCellDef=\"let row\">\r\n                                @if(canDoAction('canView', row)) {\r\n                                    <button matIconButton (click)=\"onViewClick(row)\">\r\n                                        <mat-icon>visibility</mat-icon>\r\n                                    </button>\r\n                                }\r\n                                @if(canDoAction('canUpdate', row)) {\r\n                                    <button matIconButton (click)=\"onUpdateClick(row)\">\r\n                                        <mat-icon>edit</mat-icon>\r\n                                    </button>\r\n                                }\r\n                                @if(canDoAction('canDelete', row)) {\r\n                                    <button matIconButton (click)=\"onDeleteClick(row)\">\r\n                                        <mat-icon>delete</mat-icon>\r\n                                    </button>\r\n                                }\r\n                            </td>\r\n                        </ng-container>\r\n                    }\r\n    \r\n                    <tr mat-header-row *matHeaderRowDef=\"getAllColumns()\"></tr>\r\n                    <tr mat-row *matRowDef=\"let row; columns: getAllColumns();\"></tr>\r\n                    <tr *matNoDataRow>No data available</tr>\r\n                </table>\r\n                <mat-paginator\r\n                  #paginator\r\n                  [length]=\"datasource().data.length\"\r\n                  [pageSize]=\"5\"\r\n                  [pageSizeOptions]=\"[5, 10, 25, 100]\"\r\n                />\r\n            </div>\r\n        }\r\n\r\n    </div>\r\n</mat-card>", styles: [".tableContainer{display:flex;flex-direction:column;padding:16px 8px;gap:12px}.tableContainer .tableHeader{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 0 0 8px}.tableContainer .tableHeader__title{font-size:16px;font-weight:500}.tableContainer .tableHeader__buttons button{display:flex;flex-direction:row;align-items:center;padding:0 16px;height:28px;box-shadow:0 1px 2px #0000001a,0 1px 3px 2px #0000000d;border-radius:4px}.overflowTable{overflow-x:auto;width:100%}.secondary{--mat-button-filled-container-color: var(--mat-sys-secondary);--mat-button-filled-label-text-color: var(--mat-sys-on-secondary);--mat-button-outlined-label-text-color: var(--mat-sys-secondary);--mat-button-outlined-state-layer-color: var(--mat-sys-secondary);--mat-button-outlined-ripple-color: var(--mat-sys-secondary-container);--mat-button-protected-label-text-color: var(--mat-sys-secondary);--mat-button-protected-state-layer-color: var(--mat-sys-secondary);--mat-button-protected-ripple-color: var(--mat-sys-secondary-container);--mat-button-text-label-text-color: var(--mat-sys-secondary);--mat-button-text-state-layer-color: var(--mat-sys-secondary);--mat-button-text-ripple-color: var(--mat-sys-secondary-container)}.tertiary{--mat-button-filled-container-color: var(--mat-sys-tertiary);--mat-button-filled-label-text-color: var(--mat-sys-on-tertiary);--mat-button-outlined-label-text-color: var(--mat-sys-tertiary);--mat-button-outlined-state-layer-color: var(--mat-sys-tertiary);--mat-button-outlined-ripple-color: var(--mat-sys-tertiary-container);--mat-button-protected-label-text-color: var(--mat-sys-tertiary);--mat-button-protected-state-layer-color: var(--mat-sys-tertiary);--mat-button-protected-ripple-color: var(--mat-sys-tertiary-container);--mat-button-text-label-text-color: var(--mat-sys-tertiary);--mat-button-text-state-layer-color: var(--mat-sys-tertiary);--mat-button-text-ripple-color: var(--mat-sys-tertiary-container)}\n"], dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i2$1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i2$1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i2$1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i2$1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i2$1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i2$1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i2$1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i2$1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i2$1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i2$1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i2$1.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i3.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i7.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: NgxSkeletonLoaderModule }, { kind: "component", type: i8.NgxSkeletonLoaderComponent, selector: "ngx-skeleton-loader", inputs: ["count", "loadingText", "appearance", "animation", "ariaLabel", "theme", "size"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: CommonTableComponent, decorators: [{
             type: Component,
@@ -112,7 +250,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                         MatIconModule,
                         MatPaginatorModule,
                         NgxSkeletonLoaderModule
-                    ], template: "<mat-card>\r\n    <div class=\"tableContainer\">\r\n        <div class=\"tableHeader\">\r\n            <div class=\"tableHeader__title\">\r\n                <span>{{ tableConfig().title }}</span>\r\n            </div>\r\n            <div class=\"tableHeader__buttons\">\r\n                @if(canDoAction('canCreate')) {\r\n                    <button mat-raised-button type=\"button\" (click)=\"onCreateClick()\">\r\n                        <mat-icon>add</mat-icon>\r\n                        <span>Create</span>\r\n                    </button>\r\n                }\r\n            </div>\r\n        </div>\r\n        @if(isLoading()) {\r\n            <ngx-skeleton-loader [count]=\"tableConfig().skeletonConfig?.count || 5\" />\r\n        } @else { \r\n            <div class=\"overflowTable\">\r\n                <table mat-table class=\"mat-elevation-z8\" [dataSource]=\"datasource()\" class=\"customTable\" matSort>\r\n                    @for(column of tableConfig().tableColumns; track column.key) {\r\n                        <!-- Dynamically generate columns -->\r\n                        <ng-container [matColumnDef]=\"column.key\">\r\n                            <!-- Header cell definition -->\r\n                            <th mat-header-cell *matHeaderCellDef>{{ column.displayName }}</th>\r\n                        \r\n                            <!-- Data cell definition -->\r\n                            <td mat-cell *matCellDef=\"let row\">{{ row[column.key] }}</td>\r\n                        </ng-container>\r\n                    }\r\n    \r\n                    <!-- Actions Column -->\r\n                    @if(hasActions()) {\r\n                        <ng-container matColumnDef=\"actions\">\r\n                            <th mat-header-cell *matHeaderCellDef>Actions</th>\r\n                            <td mat-cell *matCellDef=\"let row\">\r\n                                @if(canDoAction('canView', row)) {\r\n                                    <button matIconButton (click)=\"onViewClick(row)\">\r\n                                        <mat-icon>visibility</mat-icon>\r\n                                    </button>\r\n                                }\r\n                                @if(canDoAction('canUpdate', row)) {\r\n                                    <button matIconButton (click)=\"onUpdateClick(row)\">\r\n                                        <mat-icon>edit</mat-icon>\r\n                                    </button>\r\n                                }\r\n                                @if(canDoAction('canDelete', row)) {\r\n                                    <button matIconButton (click)=\"onDeleteClick(row)\">\r\n                                        <mat-icon>delete</mat-icon>\r\n                                    </button>\r\n                                }\r\n                            </td>\r\n                        </ng-container>\r\n                    }\r\n    \r\n                    <tr mat-header-row *matHeaderRowDef=\"getAllColumns()\"></tr>\r\n                    <tr mat-row *matRowDef=\"let row; columns: getAllColumns();\"></tr>\r\n                    <tr *matNoDataRow>No data available</tr>\r\n                </table>\r\n                <mat-paginator\r\n                  #paginator\r\n                  [length]=\"datasource().data.length\"\r\n                  [pageSize]=\"5\"\r\n                  [pageSizeOptions]=\"[5, 10, 25, 100]\"\r\n                />\r\n            </div>\r\n        }\r\n\r\n    </div>\r\n</mat-card>", styles: [".tableContainer{display:flex;flex-direction:column;padding:16px 8px;gap:12px}.tableContainer .tableHeader{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 0 0 8px}.tableContainer .tableHeader__title{font-size:16px;font-weight:500}.tableContainer .tableHeader__buttons button{display:flex;flex-direction:row;align-items:center;padding:0 16px;height:28px;box-shadow:0 1px 2px #0000001a,0 1px 3px 2px #0000000d;border-radius:4px}.overflowTable{overflow-x:auto;width:100%}\n"] }]
+                    ], template: "<mat-card>\r\n    <div class=\"tableContainer\">\r\n        <div class=\"tableHeader\">\r\n            <div class=\"tableHeader__title\">\r\n                <span>{{ tableConfig().title }}</span>\r\n            </div>\r\n            <div class=\"tableHeader__buttons\">\r\n                @if(canDoAction('canCreate')) {\r\n                    <button mat-raised-button type=\"button\" (click)=\"onCreateClick()\">\r\n                        <mat-icon>add</mat-icon>\r\n                        <span>Create</span>\r\n                    </button>\r\n                }\r\n            </div>\r\n        </div>\r\n        @if(isLoading()) {\r\n            <ngx-skeleton-loader [count]=\"tableConfig().skeletonConfig?.count || 5\" />\r\n        } @else { \r\n            <div class=\"overflowTable\">\r\n                <table mat-table class=\"mat-elevation-z8\" [dataSource]=\"datasource()\" class=\"customTable\" matSort>\r\n                    @for(column of tableConfig().tableColumns; track column.key) {\r\n                        <!-- Dynamically generate columns -->\r\n                        <ng-container [matColumnDef]=\"column.key\">\r\n                            <!-- Header cell definition -->\r\n                            <th mat-header-cell *matHeaderCellDef>{{ column.displayName }}</th>\r\n                        \r\n                            <!-- Data cell definition -->\r\n                            <td mat-cell *matCellDef=\"let row\">\r\n                                @switch (column.type) {\r\n                                    @case ('button') {\r\n                                        @if(_commonTableService.isButtonVisible(column, row)) {\r\n                                            <button\r\n                                                [matButton]=\"column.buttonConfig?.variant || 'filled'\"\r\n                                                [class]=\"column.buttonConfig?.color\"\r\n                                                [disabled]=\"_commonTableService.isButtonDisabled(column, row)\"\r\n                                                [matTooltip]=\"column.buttonConfig?.tooltip || ''\"\r\n                                                (click)=\"_commonTableService.onCustomButtonClick(column, row)\"\r\n                                            >\r\n                                                @if(column.buttonConfig?.icon) {\r\n                                                    <mat-icon>{{ column.buttonConfig?.icon }}</mat-icon>\r\n                                                }\r\n                                                @if(column.buttonConfig?.text) {\r\n                                                    {{ column.buttonConfig?.text }}\r\n                                                }\r\n                                            </button>\r\n                                        }\r\n                                    }\r\n                                    @case ('icon-button') {\r\n                                        @if(_commonTableService.isButtonVisible(column, row)) {\r\n                                            <button \r\n                                                matIconButton\r\n                                                [class]=\"column.buttonConfig?.color\"\r\n                                                [disabled]=\"_commonTableService.isButtonDisabled(column, row)\"\r\n                                                [matTooltip]=\"column.buttonConfig?.tooltip || ''\"\r\n                                                (click)=\"_commonTableService.onCustomButtonClick(column, row)\"\r\n                                            >\r\n                                                @if(column.buttonConfig?.icon) {\r\n                                                    <mat-icon>{{ column.buttonConfig?.icon }}</mat-icon>\r\n                                                }\r\n                                            </button>\r\n                                        }\r\n                                    }\r\n                                    @case ('link') {\r\n                                        @if(_commonTableService.isLinkVisible(column, row)) {\r\n                                            <!-- External link -->\r\n                                            @if(_commonTableService.getLinkHref(column, row)) {\r\n                                                <a\r\n                                                    [style]=\"{ display: 'flex', alignItems: 'center', gap: '2px' }\"\r\n                                                    [href]=\"_commonTableService.getLinkHref(column, row)\"\r\n                                                    [target]=\"column.linkConfig?.target || '_blank'\"\r\n                                                    [matTooltip]=\"column.linkConfig?.tooltip || ''\"\r\n                                                    [style.color]=\"column.linkConfig?.color || 'primary'\"\r\n                                                    [style.text-decoration]=\"column.linkConfig?.underline ? 'underline' : 'none'\"\r\n                                                >\r\n                                                    @if(column.linkConfig?.icon) {\r\n                                                        <mat-icon>{{ column.linkConfig?.icon }}</mat-icon>\r\n                                                    }\r\n                                                    @if(column.linkConfig?.text) {\r\n                                                        {{ column.linkConfig?.text }}\r\n                                                    }\r\n                                                </a>\r\n                                            }\r\n                                        }\r\n                                    }\r\n                                    <!-- Text is by default -->\r\n                                    @default {\r\n                                        {{ _commonTableService.getCellValue(column, row) }}\r\n                                    }\r\n                                }\r\n                            </td>\r\n                        </ng-container>\r\n                    }\r\n    \r\n                    <!-- Actions Column -->\r\n                    @if(hasActions()) {\r\n                        <ng-container matColumnDef=\"actions\">\r\n                            <th mat-header-cell *matHeaderCellDef>Actions</th>\r\n                            <td mat-cell *matCellDef=\"let row\">\r\n                                @if(canDoAction('canView', row)) {\r\n                                    <button matIconButton (click)=\"onViewClick(row)\">\r\n                                        <mat-icon>visibility</mat-icon>\r\n                                    </button>\r\n                                }\r\n                                @if(canDoAction('canUpdate', row)) {\r\n                                    <button matIconButton (click)=\"onUpdateClick(row)\">\r\n                                        <mat-icon>edit</mat-icon>\r\n                                    </button>\r\n                                }\r\n                                @if(canDoAction('canDelete', row)) {\r\n                                    <button matIconButton (click)=\"onDeleteClick(row)\">\r\n                                        <mat-icon>delete</mat-icon>\r\n                                    </button>\r\n                                }\r\n                            </td>\r\n                        </ng-container>\r\n                    }\r\n    \r\n                    <tr mat-header-row *matHeaderRowDef=\"getAllColumns()\"></tr>\r\n                    <tr mat-row *matRowDef=\"let row; columns: getAllColumns();\"></tr>\r\n                    <tr *matNoDataRow>No data available</tr>\r\n                </table>\r\n                <mat-paginator\r\n                  #paginator\r\n                  [length]=\"datasource().data.length\"\r\n                  [pageSize]=\"5\"\r\n                  [pageSizeOptions]=\"[5, 10, 25, 100]\"\r\n                />\r\n            </div>\r\n        }\r\n\r\n    </div>\r\n</mat-card>", styles: [".tableContainer{display:flex;flex-direction:column;padding:16px 8px;gap:12px}.tableContainer .tableHeader{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 0 0 8px}.tableContainer .tableHeader__title{font-size:16px;font-weight:500}.tableContainer .tableHeader__buttons button{display:flex;flex-direction:row;align-items:center;padding:0 16px;height:28px;box-shadow:0 1px 2px #0000001a,0 1px 3px 2px #0000000d;border-radius:4px}.overflowTable{overflow-x:auto;width:100%}.secondary{--mat-button-filled-container-color: var(--mat-sys-secondary);--mat-button-filled-label-text-color: var(--mat-sys-on-secondary);--mat-button-outlined-label-text-color: var(--mat-sys-secondary);--mat-button-outlined-state-layer-color: var(--mat-sys-secondary);--mat-button-outlined-ripple-color: var(--mat-sys-secondary-container);--mat-button-protected-label-text-color: var(--mat-sys-secondary);--mat-button-protected-state-layer-color: var(--mat-sys-secondary);--mat-button-protected-ripple-color: var(--mat-sys-secondary-container);--mat-button-text-label-text-color: var(--mat-sys-secondary);--mat-button-text-state-layer-color: var(--mat-sys-secondary);--mat-button-text-ripple-color: var(--mat-sys-secondary-container)}.tertiary{--mat-button-filled-container-color: var(--mat-sys-tertiary);--mat-button-filled-label-text-color: var(--mat-sys-on-tertiary);--mat-button-outlined-label-text-color: var(--mat-sys-tertiary);--mat-button-outlined-state-layer-color: var(--mat-sys-tertiary);--mat-button-outlined-ripple-color: var(--mat-sys-tertiary-container);--mat-button-protected-label-text-color: var(--mat-sys-tertiary);--mat-button-protected-state-layer-color: var(--mat-sys-tertiary);--mat-button-protected-ripple-color: var(--mat-sys-tertiary-container);--mat-button-text-label-text-color: var(--mat-sys-tertiary);--mat-button-text-state-layer-color: var(--mat-sys-tertiary);--mat-button-text-ripple-color: var(--mat-sys-tertiary-container)}\n"] }]
         }], ctorParameters: () => [] });
 
 class NgxBasicTable {

package/fesm2022/ngx-eiffage-material.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-eiffage-material.mjs","sources":["../../../projects/ngx-eiffage-material/src/lib/components/ngx-loading-button/ngx-loading-button.component.ts","../../../projects/ngx-eiffage-material/src/lib/components/ngx-loading-button/ngx-loading-button.component.html","../../../projects/ngx-eiffage-material/src/lib/common/components/common-table/common-table.component.ts","../../../projects/ngx-eiffage-material/src/lib/common/components/common-table/common-table.component.html","../../../projects/ngx-eiffage-material/src/lib/components/ngx-basic-table/ngx-basic-table.component.ts","../../../projects/ngx-eiffage-material/src/lib/components/ngx-basic-table/ngx-basic-table.component.html","../../../projects/ngx-eiffage-material/src/lib/components/ngx-paginated-table/ngx-paginated-table.component.ts","../../../projects/ngx-eiffage-material/src/lib/components/ngx-paginated-table/ngx-paginated-table.component.html","../../../projects/ngx-eiffage-material/src/public-api.ts","../../../projects/ngx-eiffage-material/src/ngx-eiffage-material.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  Component,\n  input,\n  output,\n} from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\n@Component({\n  selector: 'ngx-loading-button',\n  imports: [\n    MatButtonModule,\n    MatProgressSpinnerModule,\n    MatIconModule,\n  ],\n  templateUrl: './ngx-loading-button.component.html',\n  styleUrl: './ngx-loading-button.component.scss',\n})\nexport class NgxLoadingButton {\n  isLoading = input.required<boolean>(); //Indica si el botón está cargando\n  label = input.required<string>(); //Texto del botón\n  matButton = input<'text' | 'filled' | 'elevated' | 'outlined' | 'tonal'>('filled'); //Tipo de botón\n  type = input<'button' | 'submit' | 'reset'>('button'); //Tipo de acción del botón\n  disabled = input<boolean>(false); //Indica si el botón está deshabilitado\n  spinnerDiameter = input<number>(24) //Diameter del spinner de carga\n  spinnerStrokeWidth = input<number>(3) //StrokeWidth del spinner de carga\n  //Por defecto es Primary\n  color = input<'secondary' | 'tertiary' | undefined>(undefined); //Color del botón\n\n  /*\n    No es necesario hacer el onClick, si queremos obtener un evento click,\n    puedes hacerlo sobre la llamada al selector, es decir, sobre 'app-loading-button'\n  */\n  //onClick = output();\n}\n","<button\r\n  class=\"loadingButton\"\r\n  [matButton]=\"matButton()\"\r\n  [type]=\"type()\"\r\n  [disabled]=\"disabled() || isLoading()\"\r\n  [class.isLoading]=\"isLoading()\"\r\n  [class]=\"color() ?? ''\"\r\n>\r\n  {{ label() }}\r\n</button>\r\n\r\n@if (isLoading()) {\r\n  <mat-spinner\r\n    class=\"spinnerLoadingButton\"\r\n    [diameter]=\"spinnerDiameter()\"\r\n    [strokeWidth]=\"spinnerStrokeWidth()\"\r\n  />\r\n}\r\n","import { Component, computed, effect, input, output, viewChild } from '@angular/core';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatSortModule } from '@angular/material/sort';\r\nimport { MatTableDataSource, MatTableModule } from '@angular/material/table';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { ActionKey, TableConfig } from '../../../models';\r\nimport { MatCardModule } from '@angular/material/card';\r\nimport { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';\r\nimport { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';\r\n\r\n@Component({\r\n  selector: 'common-table',\r\n  imports: [\r\n    MatCardModule,\r\n    MatTableModule,\r\n    MatSortModule,\r\n    MatButtonModule,\r\n    MatTooltipModule,\r\n    MatIconModule,\r\n    MatPaginatorModule,\r\n    NgxSkeletonLoaderModule\r\n  ],\r\n  templateUrl: './common-table.component.html',\r\n  styleUrl: './common-table.component.scss',\r\n})\r\nexport class CommonTableComponent<T> {\r\n  //inputs\r\n  readonly tableConfig = input.required<TableConfig>(); // Table configuration\r\n  readonly tableData = input.required<T[]>(); // Table data\r\n  readonly isLoading = input.required<boolean>(); // Table loading state\r\n\r\n  //outputs\r\n  create = output<void>();\r\n  view = output<T>();\r\n  update = output<T>();\r\n  delete = output<T>();\r\n\r\n  //computed\r\n  readonly displayedColumns = computed<string[]>(() => this.tableConfig().displayedColumns);\r\n  readonly datasource = computed<MatTableDataSource<T>>(() => new MatTableDataSource<T>());\r\n  readonly paginator = viewChild<MatPaginator>(MatPaginator);\r\n\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      this.datasource().data = this.tableData();\r\n       const paginatorInstance = this.paginator();\r\n       if (paginatorInstance && !this.isLoading()) {\r\n        this.datasource().paginator = paginatorInstance;\r\n      }\r\n    });\r\n  }\r\n\r\n  getAllColumns(): string[] {\r\n    const columns = [...this.tableConfig().displayedColumns];\r\n    if (this.hasActions()) {\r\n      columns.push('actions');\r\n    }\r\n    return columns;\r\n  }\r\n\r\n  hasActions(): boolean {\r\n    return (\r\n      ((this.tableConfig().actions?.canView ||\r\n        this.tableConfig().actions?.canUpdate ||\r\n        this.tableConfig().actions?.canDelete) as boolean) || false\r\n    );\r\n  }\r\n\r\n  // Check if the action is a function or a boolean value to determine if it can be executed\r\n  canDoAction(action: ActionKey, row?: T): boolean {\r\n    const fnOrValue = this.tableConfig().actions?.[action];\r\n    if (typeof fnOrValue === 'function') {\r\n      return row !== undefined ? (fnOrValue as (row: T) => boolean)(row) : false;\r\n    }\r\n    return !!fnOrValue;\r\n  }\r\n\r\n  /**\r\n   * Actions methods\r\n   */\r\n  onCreateClick(): void {\r\n    this.create.emit(); \r\n  }\r\n\r\n  onViewClick(row: T): void {\r\n    this.view.emit(row);\r\n  }\r\n\r\n  onUpdateClick(row: T): void {\r\n    this.update.emit(row);\r\n  }\r\n\r\n  onDeleteClick(row: T): void {\r\n    this.delete.emit(row);\r\n  }\r\n}\r\n","<mat-card>\r\n    <div class=\"tableContainer\">\r\n        <div class=\"tableHeader\">\r\n            <div class=\"tableHeader__title\">\r\n                <span>{{ tableConfig().title }}</span>\r\n            </div>\r\n            <div class=\"tableHeader__buttons\">\r\n                @if(canDoAction('canCreate')) {\r\n                    <button mat-raised-button type=\"button\" (click)=\"onCreateClick()\">\r\n                        <mat-icon>add</mat-icon>\r\n                        <span>Create</span>\r\n                    </button>\r\n                }\r\n            </div>\r\n        </div>\r\n        @if(isLoading()) {\r\n            <ngx-skeleton-loader [count]=\"tableConfig().skeletonConfig?.count || 5\" />\r\n        } @else { \r\n            <div class=\"overflowTable\">\r\n                <table mat-table class=\"mat-elevation-z8\" [dataSource]=\"datasource()\" class=\"customTable\" matSort>\r\n                    @for(column of tableConfig().tableColumns; track column.key) {\r\n                        <!-- Dynamically generate columns -->\r\n                        <ng-container [matColumnDef]=\"column.key\">\r\n                            <!-- Header cell definition -->\r\n                            <th mat-header-cell *matHeaderCellDef>{{ column.displayName }}</th>\r\n                        \r\n                            <!-- Data cell definition -->\r\n                            <td mat-cell *matCellDef=\"let row\">{{ row[column.key] }}</td>\r\n                        </ng-container>\r\n                    }\r\n    \r\n                    <!-- Actions Column -->\r\n                    @if(hasActions()) {\r\n                        <ng-container matColumnDef=\"actions\">\r\n                            <th mat-header-cell *matHeaderCellDef>Actions</th>\r\n                            <td mat-cell *matCellDef=\"let row\">\r\n                                @if(canDoAction('canView', row)) {\r\n                                    <button matIconButton (click)=\"onViewClick(row)\">\r\n                                        <mat-icon>visibility</mat-icon>\r\n                                    </button>\r\n                                }\r\n                                @if(canDoAction('canUpdate', row)) {\r\n                                    <button matIconButton (click)=\"onUpdateClick(row)\">\r\n                                        <mat-icon>edit</mat-icon>\r\n                                    </button>\r\n                                }\r\n                                @if(canDoAction('canDelete', row)) {\r\n                                    <button matIconButton (click)=\"onDeleteClick(row)\">\r\n                                        <mat-icon>delete</mat-icon>\r\n                                    </button>\r\n                                }\r\n                            </td>\r\n                        </ng-container>\r\n                    }\r\n    \r\n                    <tr mat-header-row *matHeaderRowDef=\"getAllColumns()\"></tr>\r\n                    <tr mat-row *matRowDef=\"let row; columns: getAllColumns();\"></tr>\r\n                    <tr *matNoDataRow>No data available</tr>\r\n                </table>\r\n                <mat-paginator\r\n                  #paginator\r\n                  [length]=\"datasource().data.length\"\r\n                  [pageSize]=\"5\"\r\n                  [pageSizeOptions]=\"[5, 10, 25, 100]\"\r\n                />\r\n            </div>\r\n        }\r\n\r\n    </div>\r\n</mat-card>","import { Component, computed, input, output } from '@angular/core';\r\nimport { MatCardModule } from '@angular/material/card';\r\nimport { CommonTableComponent } from '../../common/components/common-table/common-table.component';\r\nimport { TableConfig } from '../../models';\r\n\r\n@Component({\r\n  selector: 'ngx-basic-table',\r\n  imports: [MatCardModule, CommonTableComponent],\r\n  templateUrl: './ngx-basic-table.component.html',\r\n  styleUrl: './ngx-basic-table.component.scss'\r\n})\r\nexport class NgxBasicTable<T> {\r\n  //inputs\r\n  readonly tableConfig = input.required<TableConfig>();\r\n  readonly tableData = input.required<T[]>();\r\n  readonly isLoading = input.required<boolean>();\r\n\r\n  //outputs\r\n  create = output<void>();\r\n  view = output<T>();\r\n  update = output<T>();\r\n  delete = output<T>();\r\n\r\n  /**\r\n   * Actions methods\r\n   */\r\n  onCreateClick(): void {\r\n    this.create.emit(); \r\n  }\r\n\r\n  onViewClick(row: T): void {\r\n    this.view.emit(row);\r\n  }\r\n\r\n  onUpdateClick(row: T): void {\r\n    this.update.emit(row);\r\n  }\r\n\r\n  onDeleteClick(row: T): void {\r\n    this.delete.emit(row);\r\n  }\r\n}\r\n","<common-table\r\n  [tableConfig]=\"tableConfig()\"\r\n  [tableData]=\"tableData()\"\r\n  [isLoading]=\"isLoading()\"\r\n  (create)=\"onCreateClick()\"\r\n  (view)=\"onViewClick($event)\"\r\n  (update)=\"onUpdateClick($event)\"\r\n  (delete)=\"onDeleteClick($event)\"\r\n/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'ngx-paginated-table',\r\n  imports: [],\r\n  templateUrl: './ngx-paginated-table.component.html',\r\n  styleUrl: './ngx-paginated-table.component.scss'\r\n})\r\nexport class NgxPaginatedTable {\r\n\r\n}\r\n","<p>ngx-paginated-table works!</p>\r\n","export * from './lib/components/index';\r\nexport * from './lib/models/index';\r\n// export * from './lib/services/index';\r\n// export * from './lib/utils/index';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2"],"mappings":"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"}
+{"version":3,"file":"ngx-eiffage-material.mjs","sources":["../../../projects/ngx-eiffage-material/src/lib/components/ngx-loading-button/ngx-loading-button.component.ts","../../../projects/ngx-eiffage-material/src/lib/components/ngx-loading-button/ngx-loading-button.component.html","../../../projects/ngx-eiffage-material/src/lib/common/services/common-table.service.ts","../../../projects/ngx-eiffage-material/src/lib/common/components/common-table/common-table.component.ts","../../../projects/ngx-eiffage-material/src/lib/common/components/common-table/common-table.component.html","../../../projects/ngx-eiffage-material/src/lib/components/ngx-basic-table/ngx-basic-table.component.ts","../../../projects/ngx-eiffage-material/src/lib/components/ngx-basic-table/ngx-basic-table.component.html","../../../projects/ngx-eiffage-material/src/lib/components/ngx-paginated-table/ngx-paginated-table.component.ts","../../../projects/ngx-eiffage-material/src/lib/components/ngx-paginated-table/ngx-paginated-table.component.html","../../../projects/ngx-eiffage-material/src/public-api.ts","../../../projects/ngx-eiffage-material/src/ngx-eiffage-material.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  Component,\n  input,\n  output,\n} from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\n@Component({\n  selector: 'ngx-loading-button',\n  imports: [\n    MatButtonModule,\n    MatProgressSpinnerModule,\n    MatIconModule,\n  ],\n  templateUrl: './ngx-loading-button.component.html',\n  styleUrl: './ngx-loading-button.component.scss',\n})\nexport class NgxLoadingButton {\n  isLoading = input.required<boolean>(); //Indica si el botón está cargando\n  label = input.required<string>(); //Texto del botón\n  matButton = input<'text' | 'filled' | 'elevated' | 'outlined' | 'tonal'>('filled'); //Tipo de botón\n  type = input<'button' | 'submit' | 'reset'>('button'); //Tipo de acción del botón\n  disabled = input<boolean>(false); //Indica si el botón está deshabilitado\n  spinnerDiameter = input<number>(24) //Diameter del spinner de carga\n  spinnerStrokeWidth = input<number>(3) //StrokeWidth del spinner de carga\n  //Por defecto es Primary\n  color = input<'secondary' | 'tertiary' | undefined>(undefined); //Color del botón\n\n  /*\n    No es necesario hacer el onClick, si queremos obtener un evento click,\n    puedes hacerlo sobre la llamada al selector, es decir, sobre 'app-loading-button'\n  */\n  //onClick = output();\n}\n","<button\r\n  class=\"loadingButton\"\r\n  [matButton]=\"matButton()\"\r\n  [type]=\"type()\"\r\n  [disabled]=\"disabled() || isLoading()\"\r\n  [class.isLoading]=\"isLoading()\"\r\n  [class]=\"color() ?? ''\"\r\n>\r\n  {{ label() }}\r\n</button>\r\n\r\n@if (isLoading()) {\r\n  <mat-spinner\r\n    class=\"spinnerLoadingButton\"\r\n    [diameter]=\"spinnerDiameter()\"\r\n    [strokeWidth]=\"spinnerStrokeWidth()\"\r\n  />\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { PipeConfig, PipeType, TableColumn } from '../../models';\r\nimport { CurrencyPipe, DatePipe, DecimalPipe, LowerCasePipe, PercentPipe, SlicePipe, TitleCasePipe, UpperCasePipe } from '@angular/common';\r\n\r\n@Injectable({\r\n  providedIn: 'root',\r\n})\r\nexport class CommonTableService<T> {\r\n  /**\r\n   * Métodos para botones customizables\r\n   *\r\n   */\r\n  isButtonVisible(column: TableColumn, row: T): boolean {\r\n    if (!column.buttonConfig) return false;\r\n\r\n    const visible = column.buttonConfig.visible;\r\n    if (typeof visible === 'function') {\r\n      return visible(row);\r\n    }\r\n    return visible !== false; // Por defecto visible si no se especifica\r\n  }\r\n\r\n  isButtonDisabled(column: TableColumn, row: T): boolean {\r\n    if (!column.buttonConfig) return false;\r\n\r\n    const disabled = column.buttonConfig.disabled;\r\n    if (typeof disabled === 'function') {\r\n      return disabled(row);\r\n    }\r\n    return !!disabled;\r\n  }\r\n\r\n  onCustomButtonClick(column: TableColumn, row: T): void {\r\n    if (column.buttonConfig?.onClick) {\r\n      column.buttonConfig.onClick(row);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Métodos para enlaces\r\n   *\r\n   */\r\n  isLinkVisible(column: TableColumn, row: T): boolean {\r\n    if (!column.linkConfig) return false;\r\n\r\n    const visible = column.linkConfig.visible;\r\n    if (typeof visible === 'function') {\r\n      return visible(row);\r\n    }\r\n    return visible !== false;\r\n  }\r\n\r\n  getLinkHref(column: TableColumn, row: T): string | null {\r\n    if (!column.linkConfig?.href) return null;\r\n    \r\n    if (typeof column.linkConfig.href === 'function') {\r\n      return column.linkConfig.href(row);\r\n    }\r\n    return column.linkConfig.href;\r\n  }\r\n\r\n  /**\r\n   * Método para obtener el valor de la celda con pipes\r\n   */\r\n  getCellValue(column: TableColumn, row: T): any {\r\n    const splittedKey = column.key.split('.');\r\n    let value = row;\r\n    if (splittedKey.length > 1) {\r\n      value = this.getNestedKey(row, splittedKey);\r\n    } else {\r\n      value = (row as Record<string, any>)[column.key];\r\n    }\r\n\r\n    if(value === undefined || value === null || value === '') {\r\n      return '-';\r\n    }\r\n    \r\n    if(column.pipeConfig) {\r\n      return this.applyPipe(value, column.pipeConfig);\r\n    }\r\n\r\n    return value;\r\n  }\r\n\r\n  private getNestedKey(row: T, splittedKey: string[]): any {\r\n    let value: any = row;\r\n    for (let i = 0; i < splittedKey.length; i++) {\r\n      if (value == null) return undefined;\r\n      value = (value as Record<string, any>)[splittedKey[i]];\r\n    }\r\n    return value;\r\n  }\r\n\r\n  private applyPipe(value: any, pipeConfig: PipeConfig): any {\r\n    try {\r\n      const args = pipeConfig.args || [];\r\n      switch (pipeConfig.name) {\r\n        case 'date':\r\n          const datePipe = new DatePipe('en-US');\r\n          return datePipe.transform(value, args[0] || 'medium', args[1], args[2]);\r\n\r\n        case 'currency':\r\n          const currencyPipe = new CurrencyPipe('en-US');\r\n          return currencyPipe.transform(\r\n            value,\r\n            args[0] || 'USD',\r\n            args[1] || 'symbol',\r\n            args[2] || '1.2-2',\r\n            args[3]\r\n          );\r\n\r\n        case 'percent':\r\n          const percentPipe = new PercentPipe('en-US');\r\n          return percentPipe.transform(value, args[0] || '1.2-2', args[1]);\r\n        \r\n        case 'decimal':\r\n          const decimalPipe = new DecimalPipe('en-US');\r\n          return decimalPipe.transform(value, args[0] || '1.2-2');\r\n\r\n        case 'uppercase':\r\n          const upperCasePipe = new UpperCasePipe();\r\n          return upperCasePipe.transform(value);\r\n\r\n        case 'lowercase':\r\n          const lowerCasePipe = new LowerCasePipe();\r\n          return lowerCasePipe.transform(value);\r\n\r\n        case 'titlecase':\r\n          const titleCasePipe = new TitleCasePipe();\r\n          return titleCasePipe.transform(value);\r\n\r\n        case 'slice':\r\n          const slicePipe = new SlicePipe();\r\n          return slicePipe.transform(value, args[0] || 0, args[1] || 50);\r\n\r\n        case 'json':\r\n          return JSON.stringify(value, null, args[0] || 2);\r\n        \r\n        case 'custom':\r\n          if (pipeConfig.customPipe) {\r\n            const customPipeInstance = pipeConfig.customPipe();\r\n            return customPipeInstance.transform(value, args);\r\n          }\r\n          return value;\r\n\r\n        default:\r\n          console.warn(`Unknown pipe ${pipeConfig.name}`);\r\n          return value;\r\n      }\r\n\r\n    } catch (error) {\r\n      console.error(`Error aplying pipe ${pipeConfig.name} to value ${value}`, error);\r\n      return value;\r\n    }\r\n  }\r\n}\r\n","import { Component, computed, effect, inject, input, output, viewChild } from '@angular/core';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatSortModule } from '@angular/material/sort';\r\nimport { MatTableDataSource, MatTableModule } from '@angular/material/table';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { ActionKey, TableConfig } from '../../../models';\r\nimport { MatCardModule } from '@angular/material/card';\r\nimport { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';\r\nimport { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';\r\nimport { CommonTableService } from '../../services/common-table.service';\r\n\r\n@Component({\r\n  selector: 'common-table',\r\n  imports: [\r\n    MatCardModule,\r\n    MatTableModule,\r\n    MatSortModule,\r\n    MatButtonModule,\r\n    MatTooltipModule,\r\n    MatIconModule,\r\n    MatPaginatorModule,\r\n    NgxSkeletonLoaderModule\r\n  ],\r\n  templateUrl: './common-table.component.html',\r\n  styleUrl: './common-table.component.scss',\r\n})\r\nexport class CommonTableComponent<T> {\r\n  //dependencies injection\r\n  readonly _commonTableService = inject(CommonTableService<T>);\r\n\r\n  //inputs\r\n  readonly tableConfig = input.required<TableConfig>(); // Table configuration\r\n  readonly tableData = input.required<T[]>(); // Table data\r\n  readonly isLoading = input.required<boolean>(); // Table loading state\r\n\r\n  //outputs\r\n  create = output<void>();\r\n  view = output<T>();\r\n  update = output<T>();\r\n  delete = output<T>();\r\n\r\n  //computed\r\n  readonly displayedColumns = computed<string[]>(() => this.tableConfig().displayedColumns);\r\n  readonly datasource = computed<MatTableDataSource<T>>(() => new MatTableDataSource<T>());\r\n  readonly paginator = viewChild<MatPaginator>(MatPaginator);\r\n\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      this.datasource().data = this.tableData();\r\n       const paginatorInstance = this.paginator();\r\n       if (paginatorInstance && !this.isLoading()) {\r\n        this.datasource().paginator = paginatorInstance;\r\n      }\r\n    });\r\n  }\r\n\r\n  getAllColumns(): string[] {\r\n    const columns = [...this.tableConfig().displayedColumns];\r\n    if (this.hasActions()) {\r\n      columns.push('actions');\r\n    }\r\n    return columns;\r\n  }\r\n\r\n  hasActions(): boolean {\r\n    return (\r\n      ((this.tableConfig().actions?.canView ||\r\n        this.tableConfig().actions?.canUpdate ||\r\n        this.tableConfig().actions?.canDelete) as boolean) || false\r\n    );\r\n  }\r\n\r\n  // Check if the action is a function or a boolean value to determine if it can be executed\r\n  canDoAction(action: ActionKey, row?: T): boolean {\r\n    const fnOrValue = this.tableConfig().actions?.[action];\r\n    if (typeof fnOrValue === 'function') {\r\n      return row !== undefined ? (fnOrValue as (row: T) => boolean)(row) : false;\r\n    }\r\n    return !!fnOrValue;\r\n  }\r\n\r\n  /**\r\n   * Actions methods\r\n   */\r\n  onCreateClick(): void {\r\n    this.create.emit(); \r\n  }\r\n\r\n  onViewClick(row: T): void {\r\n    this.view.emit(row);\r\n  }\r\n\r\n  onUpdateClick(row: T): void {\r\n    this.update.emit(row);\r\n  }\r\n\r\n  onDeleteClick(row: T): void {\r\n    this.delete.emit(row);\r\n  }\r\n}\r\n","<mat-card>\r\n    <div class=\"tableContainer\">\r\n        <div class=\"tableHeader\">\r\n            <div class=\"tableHeader__title\">\r\n                <span>{{ tableConfig().title }}</span>\r\n            </div>\r\n            <div class=\"tableHeader__buttons\">\r\n                @if(canDoAction('canCreate')) {\r\n                    <button mat-raised-button type=\"button\" (click)=\"onCreateClick()\">\r\n                        <mat-icon>add</mat-icon>\r\n                        <span>Create</span>\r\n                    </button>\r\n                }\r\n            </div>\r\n        </div>\r\n        @if(isLoading()) {\r\n            <ngx-skeleton-loader [count]=\"tableConfig().skeletonConfig?.count || 5\" />\r\n        } @else { \r\n            <div class=\"overflowTable\">\r\n                <table mat-table class=\"mat-elevation-z8\" [dataSource]=\"datasource()\" class=\"customTable\" matSort>\r\n                    @for(column of tableConfig().tableColumns; track column.key) {\r\n                        <!-- Dynamically generate columns -->\r\n                        <ng-container [matColumnDef]=\"column.key\">\r\n                            <!-- Header cell definition -->\r\n                            <th mat-header-cell *matHeaderCellDef>{{ column.displayName }}</th>\r\n                        \r\n                            <!-- Data cell definition -->\r\n                            <td mat-cell *matCellDef=\"let row\">\r\n                                @switch (column.type) {\r\n                                    @case ('button') {\r\n                                        @if(_commonTableService.isButtonVisible(column, row)) {\r\n                                            <button\r\n                                                [matButton]=\"column.buttonConfig?.variant || 'filled'\"\r\n                                                [class]=\"column.buttonConfig?.color\"\r\n                                                [disabled]=\"_commonTableService.isButtonDisabled(column, row)\"\r\n                                                [matTooltip]=\"column.buttonConfig?.tooltip || ''\"\r\n                                                (click)=\"_commonTableService.onCustomButtonClick(column, row)\"\r\n                                            >\r\n                                                @if(column.buttonConfig?.icon) {\r\n                                                    <mat-icon>{{ column.buttonConfig?.icon }}</mat-icon>\r\n                                                }\r\n                                                @if(column.buttonConfig?.text) {\r\n                                                    {{ column.buttonConfig?.text }}\r\n                                                }\r\n                                            </button>\r\n                                        }\r\n                                    }\r\n                                    @case ('icon-button') {\r\n                                        @if(_commonTableService.isButtonVisible(column, row)) {\r\n                                            <button \r\n                                                matIconButton\r\n                                                [class]=\"column.buttonConfig?.color\"\r\n                                                [disabled]=\"_commonTableService.isButtonDisabled(column, row)\"\r\n                                                [matTooltip]=\"column.buttonConfig?.tooltip || ''\"\r\n                                                (click)=\"_commonTableService.onCustomButtonClick(column, row)\"\r\n                                            >\r\n                                                @if(column.buttonConfig?.icon) {\r\n                                                    <mat-icon>{{ column.buttonConfig?.icon }}</mat-icon>\r\n                                                }\r\n                                            </button>\r\n                                        }\r\n                                    }\r\n                                    @case ('link') {\r\n                                        @if(_commonTableService.isLinkVisible(column, row)) {\r\n                                            <!-- External link -->\r\n                                            @if(_commonTableService.getLinkHref(column, row)) {\r\n                                                <a\r\n                                                    [style]=\"{ display: 'flex', alignItems: 'center', gap: '2px' }\"\r\n                                                    [href]=\"_commonTableService.getLinkHref(column, row)\"\r\n                                                    [target]=\"column.linkConfig?.target || '_blank'\"\r\n                                                    [matTooltip]=\"column.linkConfig?.tooltip || ''\"\r\n                                                    [style.color]=\"column.linkConfig?.color || 'primary'\"\r\n                                                    [style.text-decoration]=\"column.linkConfig?.underline ? 'underline' : 'none'\"\r\n                                                >\r\n                                                    @if(column.linkConfig?.icon) {\r\n                                                        <mat-icon>{{ column.linkConfig?.icon }}</mat-icon>\r\n                                                    }\r\n                                                    @if(column.linkConfig?.text) {\r\n                                                        {{ column.linkConfig?.text }}\r\n                                                    }\r\n                                                </a>\r\n                                            }\r\n                                        }\r\n                                    }\r\n                                    <!-- Text is by default -->\r\n                                    @default {\r\n                                        {{ _commonTableService.getCellValue(column, row) }}\r\n                                    }\r\n                                }\r\n                            </td>\r\n                        </ng-container>\r\n                    }\r\n    \r\n                    <!-- Actions Column -->\r\n                    @if(hasActions()) {\r\n                        <ng-container matColumnDef=\"actions\">\r\n                            <th mat-header-cell *matHeaderCellDef>Actions</th>\r\n                            <td mat-cell *matCellDef=\"let row\">\r\n                                @if(canDoAction('canView', row)) {\r\n                                    <button matIconButton (click)=\"onViewClick(row)\">\r\n                                        <mat-icon>visibility</mat-icon>\r\n                                    </button>\r\n                                }\r\n                                @if(canDoAction('canUpdate', row)) {\r\n                                    <button matIconButton (click)=\"onUpdateClick(row)\">\r\n                                        <mat-icon>edit</mat-icon>\r\n                                    </button>\r\n                                }\r\n                                @if(canDoAction('canDelete', row)) {\r\n                                    <button matIconButton (click)=\"onDeleteClick(row)\">\r\n                                        <mat-icon>delete</mat-icon>\r\n                                    </button>\r\n                                }\r\n                            </td>\r\n                        </ng-container>\r\n                    }\r\n    \r\n                    <tr mat-header-row *matHeaderRowDef=\"getAllColumns()\"></tr>\r\n                    <tr mat-row *matRowDef=\"let row; columns: getAllColumns();\"></tr>\r\n                    <tr *matNoDataRow>No data available</tr>\r\n                </table>\r\n                <mat-paginator\r\n                  #paginator\r\n                  [length]=\"datasource().data.length\"\r\n                  [pageSize]=\"5\"\r\n                  [pageSizeOptions]=\"[5, 10, 25, 100]\"\r\n                />\r\n            </div>\r\n        }\r\n\r\n    </div>\r\n</mat-card>","import { Component, computed, input, output } from '@angular/core';\r\nimport { MatCardModule } from '@angular/material/card';\r\nimport { CommonTableComponent } from '../../common/components/common-table/common-table.component';\r\nimport { TableConfig } from '../../models';\r\n\r\n@Component({\r\n  selector: 'ngx-basic-table',\r\n  imports: [MatCardModule, CommonTableComponent],\r\n  templateUrl: './ngx-basic-table.component.html',\r\n  styleUrl: './ngx-basic-table.component.scss'\r\n})\r\nexport class NgxBasicTable<T> {\r\n  //inputs\r\n  readonly tableConfig = input.required<TableConfig>();\r\n  readonly tableData = input.required<T[]>();\r\n  readonly isLoading = input.required<boolean>();\r\n\r\n  //outputs\r\n  create = output<void>();\r\n  view = output<T>();\r\n  update = output<T>();\r\n  delete = output<T>();\r\n\r\n  /**\r\n   * Actions methods\r\n   */\r\n  onCreateClick(): void {\r\n    this.create.emit(); \r\n  }\r\n\r\n  onViewClick(row: T): void {\r\n    this.view.emit(row);\r\n  }\r\n\r\n  onUpdateClick(row: T): void {\r\n    this.update.emit(row);\r\n  }\r\n\r\n  onDeleteClick(row: T): void {\r\n    this.delete.emit(row);\r\n  }\r\n}\r\n","<common-table\r\n  [tableConfig]=\"tableConfig()\"\r\n  [tableData]=\"tableData()\"\r\n  [isLoading]=\"isLoading()\"\r\n  (create)=\"onCreateClick()\"\r\n  (view)=\"onViewClick($event)\"\r\n  (update)=\"onUpdateClick($event)\"\r\n  (delete)=\"onDeleteClick($event)\"\r\n/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'ngx-paginated-table',\r\n  imports: [],\r\n  templateUrl: './ngx-paginated-table.component.html',\r\n  styleUrl: './ngx-paginated-table.component.scss'\r\n})\r\nexport class NgxPaginatedTable {\r\n\r\n}\r\n","<p>ngx-paginated-table works!</p>\r\n","export * from './lib/components/index';\r\nexport * from './lib/models/index';\r\n// export * from './lib/services/index';\r\n// export * from './lib/utils/index';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2"],"mappings":"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"}

package/index.d.ts

@@ -14,6 +14,8 @@ declare class NgxLoadingButton {
 }
 
 type ActionKey = 'canCreate' | 'canView' | 'canUpdate' | 'canDelete';
+type ColumnType = 'text' | 'button' | 'icon-button' | 'link';
+type PipeType = 'currency' | 'date' | 'decimal' | 'percent' | 'uppercase' | 'lowercase' | 'capitalize' | 'titlecase' | 'slice' | 'json' | 'custom';
 interface TableConfig {
     title?: string;
     skeletonConfig?: {
@@ -31,7 +33,36 @@ interface TableConfig {
 interface TableColumn {
     displayName: string;
     key: string;
+    type?: ColumnType;
     isSortable?: boolean;
+    buttonConfig?: ButtonConfig;
+    linkConfig?: LinkConfig;
+    pipeConfig?: PipeConfig;
+}
+interface ButtonConfig {
+    text?: string;
+    icon?: string;
+    color?: 'secondary' | 'tertiary';
+    variant?: 'text' | 'filled' | 'elevated' | 'outlined' | 'tonal';
+    tooltip?: string;
+    disabled?: boolean | ((row: any) => boolean);
+    visible?: boolean | ((row: any) => boolean);
+    onClick?: (row: any) => void;
+}
+interface LinkConfig {
+    href?: string | ((row: any) => string);
+    target?: '_blank' | '_self' | '_parent' | '_top';
+    text?: string | ((row: any) => string);
+    color?: string;
+    underline?: boolean;
+    icon?: string;
+    tooltip?: string;
+    visible?: boolean | ((row: any) => boolean);
+}
+interface PipeConfig {
+    name: PipeType;
+    args?: any[];
+    customPipe?: any;
 }
 
 declare class NgxBasicTable<T> {
@@ -59,4 +90,4 @@ declare class NgxPaginatedTable {
 }
 
 export { NgxBasicTable, NgxLoadingButton, NgxPaginatedTable };
-export type { ActionKey, TableColumn, TableConfig };
+export type { ActionKey, ButtonConfig, ColumnType, LinkConfig, PipeConfig, PipeType, TableColumn, TableConfig };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-eiffage-material",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "peerDependencies": {
     "@angular/common": "^20.1.0",
     "@angular/core": "^20.1.0"