ngx-eiffage-material 0.0.2

package/README.md

@@ -0,0 +1,63 @@
+# NgxEiffageMaterial
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.1.0.
+
+## Code scaffolding
+
+Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
+
+```bash
+ng generate component component-name
+```
+
+For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
+
+```bash
+ng generate --help
+```
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build ngx-eiffage-material
+```
+
+This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+
+### Publishing the Library
+
+Once the project is built, you can publish your library by following these steps:
+
+1. Navigate to the `dist` directory:
+   ```bash
+   cd dist/ngx-eiffage-material
+   ```
+
+2. Run the `npm publish` command to publish your library to the npm registry:
+   ```bash
+   npm publish
+   ```
+
+## Running unit tests
+
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+
+```bash
+ng test
+```
+
+## Running end-to-end tests
+
+For end-to-end (e2e) testing, run:
+
+```bash
+ng e2e
+```
+
+Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+
+## Additional Resources
+
+For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/fesm2022/ngx-eiffage-material.mjs

@@ -0,0 +1,139 @@
+import * as i0 from '@angular/core';
+import { input, Component, 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 { MatIconModule } from '@angular/material/icon';
+import * as i2 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i1 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
+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 { MatTooltipModule } from '@angular/material/tooltip';
+import * as i6 from '@angular/material/paginator';
+import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
+
+class NgxLoadingButton {
+    isLoading = input.required(...(ngDevMode ? [{ debugName: "isLoading" }] : [])); //Indica si el botón está cargando
+    label = input.required(...(ngDevMode ? [{ debugName: "label" }] : [])); //Texto del botón
+    matButton = input('filled', ...(ngDevMode ? [{ debugName: "matButton" }] : [])); //Tipo de botón
+    type = input('button', ...(ngDevMode ? [{ debugName: "type" }] : [])); //Tipo de acción del botón
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : [])); //Indica si el botón está deshabilitado
+    spinnerDiameter = input(24, ...(ngDevMode ? [{ debugName: "spinnerDiameter" }] : [])); //Diameter del spinner de carga
+    spinnerStrokeWidth = input(3, ...(ngDevMode ? [{ debugName: "spinnerStrokeWidth" }] : [])); //StrokeWidth del spinner de carga
+    //Por defecto es Primary
+    color = input(undefined, ...(ngDevMode ? [{ debugName: "color" }] : [])); //Color del botón
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: NgxLoadingButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: NgxLoadingButton, isStandalone: true, selector: "ngx-loading-button", inputs: { isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, matButton: { classPropertyName: "matButton", publicName: "matButton", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, spinnerDiameter: { classPropertyName: "spinnerDiameter", publicName: "spinnerDiameter", isSignal: true, isRequired: false, transformFunction: null }, spinnerStrokeWidth: { classPropertyName: "spinnerStrokeWidth", publicName: "spinnerStrokeWidth", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, 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"], dependencies: [{ 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: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatIconModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: NgxLoadingButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-loading-button', imports: [
+                        MatButtonModule,
+                        MatProgressSpinnerModule,
+                        MatIconModule,
+                    ], 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 CommonTableComponent {
+    //inputs
+    tableConfig = input.required(...(ngDevMode ? [{ debugName: "tableConfig" }] : [])); // Table configuration
+    tableData = input.required(...(ngDevMode ? [{ debugName: "tableData" }] : [])); // Table data
+    //outputs
+    create = output();
+    view = output();
+    update = output();
+    delete = output();
+    //computed
+    displayedColumns = computed(() => this.tableConfig().displayedColumns, ...(ngDevMode ? [{ debugName: "displayedColumns" }] : []));
+    datasource = computed(() => new MatTableDataSource(), ...(ngDevMode ? [{ debugName: "datasource" }] : []));
+    paginator = viewChild.required(MatPaginator);
+    constructor() {
+        effect(() => {
+            this.datasource().data = this.tableData();
+            this.datasource().paginator = this.paginator();
+        });
+    }
+    getAllColumns() {
+        const columns = [...this.tableConfig().displayedColumns];
+        if (this.hasActions()) {
+            columns.push('actions');
+        }
+        return columns;
+    }
+    hasActions() {
+        return ((this.tableConfig().actions?.canView ||
+            this.tableConfig().actions?.canUpdate ||
+            this.tableConfig().actions?.canDelete) || false);
+    }
+    // Check if the action is a function or a boolean value to determine if it can be executed
+    canDoAction(action, row) {
+        const fnOrValue = this.tableConfig().actions?.[action];
+        if (typeof fnOrValue === 'function') {
+            return row !== undefined ? fnOrValue(row) : false;
+        }
+        return !!fnOrValue;
+    }
+    /**
+     * Actions methods
+     */
+    onCreateClick() {
+        this.create.emit();
+    }
+    onViewClick(row) {
+        this.view.emit(row);
+    }
+    onUpdateClick(row) {
+        this.update.emit(row);
+    }
+    onDeleteClick(row) {
+        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 } }, 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\">\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        <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            </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    </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: "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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: CommonTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'common-table', imports: [
+                        MatCardModule,
+                        MatTableModule,
+                        MatSortModule,
+                        MatButtonModule,
+                        MatTooltipModule,
+                        MatIconModule,
+                        MatPaginatorModule
+                    ], 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\">\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        <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            </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    </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"] }]
+        }], ctorParameters: () => [] });
+
+class NgxBasicTable {
+    tableConfig = input.required(...(ngDevMode ? [{ debugName: "tableConfig" }] : []));
+    tableData = input.required(...(ngDevMode ? [{ debugName: "tableData" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: NgxBasicTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.6", type: NgxBasicTable, isStandalone: true, selector: "ngx-basic-table", inputs: { tableConfig: { classPropertyName: "tableConfig", publicName: "tableConfig", isSignal: true, isRequired: true, transformFunction: null }, tableData: { classPropertyName: "tableData", publicName: "tableData", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<common-table [tableConfig]=\"tableConfig()\" [tableData]=\"tableData()\" />\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: CommonTableComponent, selector: "common-table", inputs: ["tableConfig", "tableData"], outputs: ["create", "view", "update", "delete"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: NgxBasicTable, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-basic-table', imports: [MatCardModule, CommonTableComponent], template: "<common-table [tableConfig]=\"tableConfig()\" [tableData]=\"tableData()\" />\r\n" }]
+        }] });
+
+class NgxPaginatedTable {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: NgxPaginatedTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: NgxPaginatedTable, isStandalone: true, selector: "ngx-paginated-table", ngImport: i0, template: "<p>ngx-paginated-table works!</p>\r\n", styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: NgxPaginatedTable, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-paginated-table', imports: [], template: "<p>ngx-paginated-table works!</p>\r\n" }]
+        }] });
+
+// export * from './lib/services/index';
+// export * from './lib/utils/index';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgxBasicTable, NgxLoadingButton, NgxPaginatedTable };
+//# sourceMappingURL=ngx-eiffage-material.mjs.map

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

@@ -0,0 +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\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  ],\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\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.required(MatPaginator);\r\n\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      this.datasource().data = this.tableData();\r\n      this.datasource().paginator = this.paginator();\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\">\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        <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            </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    </div>\r\n</mat-card>","import { Component, computed, input } 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  tableConfig = input.required<TableConfig>();\r\n  tableData = input.required<T[]>();\r\n}\r\n","<common-table [tableConfig]=\"tableConfig()\" [tableData]=\"tableData()\" />\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

@@ -0,0 +1,47 @@
+import * as _angular_core from '@angular/core';
+
+declare class NgxLoadingButton {
+    isLoading: _angular_core.InputSignal<boolean>;
+    label: _angular_core.InputSignal<string>;
+    matButton: _angular_core.InputSignal<"text" | "filled" | "elevated" | "outlined" | "tonal">;
+    type: _angular_core.InputSignal<"button" | "submit" | "reset">;
+    disabled: _angular_core.InputSignal<boolean>;
+    spinnerDiameter: _angular_core.InputSignal<number>;
+    spinnerStrokeWidth: _angular_core.InputSignal<number>;
+    color: _angular_core.InputSignal<"secondary" | "tertiary" | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxLoadingButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxLoadingButton, "ngx-loading-button", never, { "isLoading": { "alias": "isLoading"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "matButton": { "alias": "matButton"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "spinnerDiameter": { "alias": "spinnerDiameter"; "required": false; "isSignal": true; }; "spinnerStrokeWidth": { "alias": "spinnerStrokeWidth"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type ActionKey = 'canCreate' | 'canView' | 'canUpdate' | 'canDelete';
+interface TableConfig {
+    title?: string;
+    displayedColumns: string[];
+    tableColumns: TableColumn[];
+    actions?: {
+        canCreate: boolean | (() => boolean);
+        canView: boolean | ((row: any) => boolean);
+        canUpdate: boolean | ((row: any) => boolean);
+        canDelete: boolean | ((row: any) => boolean);
+    };
+}
+interface TableColumn {
+    displayName: string;
+    key: string;
+    isSortable?: boolean;
+}
+
+declare class NgxBasicTable<T> {
+    tableConfig: _angular_core.InputSignal<TableConfig>;
+    tableData: _angular_core.InputSignal<T[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxBasicTable<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxBasicTable<any>, "ngx-basic-table", never, { "tableConfig": { "alias": "tableConfig"; "required": true; "isSignal": true; }; "tableData": { "alias": "tableData"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class NgxPaginatedTable {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxPaginatedTable, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgxPaginatedTable, "ngx-paginated-table", never, {}, {}, never, never, true, never>;
+}
+
+export { NgxBasicTable, NgxLoadingButton, NgxPaginatedTable };
+export type { ActionKey, TableColumn, TableConfig };

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "ngx-eiffage-material",
+  "version": "0.0.2",
+  "peerDependencies": {
+    "@angular/common": "^20.1.0",
+    "@angular/core": "^20.1.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/ngx-eiffage-material.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/ngx-eiffage-material.mjs"
+    }
+  }
+}