lib-portal-angular 0.0.97 → 0.0.99

package/fesm2022/lib-portal-angular.mjs

@@ -2277,6 +2277,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }] } });
 
+class ImageUploadComponent {
+    constructor(authService) {
+        this.authService = authService;
+        this.imagePreview = null;
+        this.base64Output = new EventEmitter();
+    }
+    onFileSelected(event) {
+        const input = event.target;
+        if (input.files && input.files.length > 0) {
+            const file = input.files[0];
+            const reader = new FileReader();
+            reader.onload = () => {
+                this.imagePreview = reader.result;
+                this.base64Output.emit(reader.result);
+            };
+            reader.readAsDataURL(file);
+        }
+    }
+    hasPermission() {
+        if (!this.permissions || this.permissions.length === 0) {
+            return true;
+        }
+        try {
+            return this.authService.hasPermission(this.permissions);
+        }
+        catch (error) {
+            if (error instanceof Error) {
+                console.error('Permission error:', error.message);
+            }
+            else {
+                console.error('Unknown error occurred during permission check');
+            }
+            return true;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageUploadComponent, deps: [{ token: AuthService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ImageUploadComponent, selector: "argenta-image-upload", inputs: { permissions: "permissions" }, outputs: { base64Output: "base64Output" }, ngImport: i0, template: "<div *ngIf=\"hasPermission()\" class=\"image-uploader\">\n  <div *ngIf=\"imagePreview\">\n    <img [src]=\"imagePreview\" />\n  </div>\n    <input type=\"file\" (change)=\"onFileSelected($event)\" accept=\"image/*\" />\n  </div>\n  ", styles: [".image-uploader{display:flex;flex-direction:column;align-items:center;gap:10px}.image-uploader input{border:1px solid #ccc;padding:8px;cursor:pointer}.image-uploader img{max-width:300px;max-height:300px;border-radius:10px;box-shadow:0 0 10px #0000001a}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageUploadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'argenta-image-upload', template: "<div *ngIf=\"hasPermission()\" class=\"image-uploader\">\n  <div *ngIf=\"imagePreview\">\n    <img [src]=\"imagePreview\" />\n  </div>\n    <input type=\"file\" (change)=\"onFileSelected($event)\" accept=\"image/*\" />\n  </div>\n  ", styles: [".image-uploader{display:flex;flex-direction:column;align-items:center;gap:10px}.image-uploader input{border:1px solid #ccc;padding:8px;cursor:pointer}.image-uploader img{max-width:300px;max-height:300px;border-radius:10px;box-shadow:0 0 10px #0000001a}\n"] }]
+        }], ctorParameters: function () { return [{ type: AuthService }]; }, propDecorators: { permissions: [{
+                type: Input
+            }], base64Output: [{
+                type: Output
+            }] } });
+
 class CepMaskDirective {
     constructor(el, renderer) {
         this.el = el;
@@ -3839,6 +3886,7 @@ class DataTableComponent {
         };
         this.editPermissions = [];
         this.deletePermissions = [];
+        this.inativoPermissions = [];
         this.viewPermissions = [];
         this.showPageInfo = true;
         this.pageText = "Page";
@@ -3848,11 +3896,14 @@ class DataTableComponent {
         this.pagedData = [];
         this.initialFilterField = null;
         this.buttonList = [];
+        this.status = false;
+        this.statusChange = new EventEmitter();
         this.sortChange = new EventEmitter();
         this.pageChange = new EventEmitter();
         this.itemsPerPageChange = new EventEmitter();
         this.onEditTable = new EventEmitter();
         this.onDeleteTable = new EventEmitter();
+        this.onInativoTable = new EventEmitter();
         this.onViewTable = new EventEmitter();
         this.onButtonClick = new EventEmitter();
         this.filterFieldChange = new EventEmitter();
@@ -4011,8 +4062,17 @@ class DataTableComponent {
                     this.onViewTable.emit({ item, index });
                 }
                 break;
+            case "inativar":
+                if (this.hasPermission(this.inativoPermissions)) {
+                    this.onInativoTable.emit({ item, index });
+                }
+                break;
         }
     }
+    toggleStatus(item) {
+        item.status = !item.status;
+        this.statusChange.emit(item.status);
+    }
     hasPermission(requiredPermissions) {
         if (!requiredPermissions || requiredPermissions.length === 0) {
             return true;
@@ -4042,11 +4102,11 @@ class DataTableComponent {
         this.onButtonClick.emit(); // Emitindo o evento
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataTableComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: AuthService }, { token: RefreshService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DataTableComponent, selector: "argenta-list-data-table", inputs: { columns: "columns", hiddenColumns: "hiddenColumns", defaultItemsPerPage: "defaultItemsPerPage", itemsPerPageLabel: "itemsPerPageLabel", showActionColumn: "showActionColumn", actionColumnLabel: "actionColumnLabel", totalItems: "totalItems", fetchDataFunction: "fetchDataFunction", editPermissions: "editPermissions", deletePermissions: "deletePermissions", viewPermissions: "viewPermissions", showPageInfo: "showPageInfo", pageText: "pageText", ofText: "ofText", filterDescription: "filterDescription", buttonLabel: "buttonLabel", pagedData: "pagedData", initialFilterField: "initialFilterField", buttonList: "buttonList" }, outputs: { sortChange: "sortChange", pageChange: "pageChange", itemsPerPageChange: "itemsPerPageChange", onEditTable: "onEditTable", onDeleteTable: "onDeleteTable", onViewTable: "onViewTable", onButtonClick: "onButtonClick", filterFieldChange: "filterFieldChange" }, ngImport: i0, template: "<div class=\"data-table-header\" style=\"margin-top: 2.5rem\">\n  <div class=\"left-section\">\n    <div class=\"form-group\">\n      <label for=\"itemsPerPageSelect\" class=\"items-per-page-label\">{{\n        itemsPerPageLabel\n      }}</label>\n      <select\n        id=\"itemsPerPageSelect\"\n        class=\"form-control form-control-sm d-inline-block w-auto custom-select\"\n        [(ngModel)]=\"defaultItemsPerPage\"\n        (ngModelChange)=\"onItemsPerPageChange()\"\n      >\n        <option *ngFor=\"let option of itemsPerPageOptions\" [value]=\"option\">\n          {{ option }}\n        </option>\n      </select>\n    </div>\n  </div>\n  <div class=\"right-section\">\n    <div *ngIf=\"buttonList && buttonList.length > 0\" class=\"ng-button-row\">\n      <ng-container *ngFor=\"let buttonTemplate of buttonList\">\n        <ng-container\n          *ngTemplateOutlet=\"buttonTemplate\"\n          class=\"ng-button\"\n        ></ng-container>\n      </ng-container>\n    </div>\n    <button\n      *ngIf=\"buttonLabel && buttonLabel.length > 0\"\n      class=\"custom-button\"\n      (click)=\"onNewButtonClick()\"\n    >\n      <lucide-icon name=\"plus\" [size]=\"28\" [strokeWidth]=\"1.75\"></lucide-icon>\n      {{ buttonLabel }}\n    </button>\n  </div>\n</div>\n\n<div class=\"search-input-container\">\n  <argenta-search-input\n    id=\"search\"\n    label=\"\"\n    placeholder=\"Buscar\"\n    [(ngModel)]=\"filterDescription\"\n    (search)=\"onSearch($event)\"\n  ></argenta-search-input>\n</div>\n\n<div class=\"table-responsive\" style=\"margin-top: 1rem\">\n  <table class=\"table table-hover\">\n    <thead>\n      <tr>\n        <ng-container *ngFor=\"let column of columns\">\n          <th\n            *ngIf=\"!isColumnHidden(column.prop)\"\n            (click)=\"onSelectSearchField(column.prop)\"\n          >\n            {{ column.label }}\n            <span>\n              <i-lucide\n                name=\"arrow-up\"\n                [size]=\"14\"\n                [class.selected]=\"\n                  column.isSearchSelected && sortDirection === 'asc'\n                \"\n              ></i-lucide>\n              <i-lucide\n                name=\"arrow-down\"\n                [size]=\"14\"\n                [class.selected]=\"\n                  column.isSearchSelected && sortDirection === 'desc'\n                \"\n              ></i-lucide>\n            </span>\n          </th>\n        </ng-container>\n        <th\n          *ngIf=\"showActionColumn\"\n          class=\"text-end\"\n          style=\"padding-right: 6.3rem\"\n        >\n          {{ actionColumnLabel }}\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let item of pagedData; let i = index\">\n        <ng-container *ngFor=\"let column of columns\">\n          <td *ngIf=\"!isColumnHidden(column.prop)\">\n            {{ getNestedProperty(item, column.prop) }}\n          </td>\n        </ng-container>\n        <td *ngIf=\"showActionColumn\" class=\"text-end\">\n          <div class=\"d-flex justify-content-end\">\n            <div\n              *ngIf=\"\n                hasPermission(editPermissions) &&\n                onEditTable.observers.length > 0\n              \"\n              (click)=\"handleAction('edit', item, i)\"\n              class=\"clickable-icon\"\n              style=\"margin-right: 1.5rem\"\n            >\n              <lucide-icon\n                name=\"square-pen\"\n                [size]=\"20\"\n                color=\"#2CA58D\"\n                [strokeWidth]=\"1.75\"\n              ></lucide-icon>\n            </div>\n            <div\n              *ngIf=\"\n                hasPermission(viewPermissions) &&\n                onViewTable.observers.length > 0\n              \"\n              (click)=\"handleAction('view', item, i)\"\n              class=\"clickable-icon\"\n              style=\"margin-right: 1.5rem\"\n            >\n              <lucide-icon\n                name=\"user-round\"\n                [size]=\"20\"\n                color=\"#2CA58D\"\n                [strokeWidth]=\"1.75\"\n              ></lucide-icon>\n            </div>\n            <div\n              *ngIf=\"\n                hasPermission(deletePermissions) &&\n                onDeleteTable.observers.length > 0\n              \"\n              (click)=\"handleAction('delete', item, i)\"\n              class=\"clickable-icon\"\n              style=\"margin-right: 1.5rem\"\n            >\n              <i-lucide\n                name=\"trash-2\"\n                [size]=\"20\"\n                color=\"#F26E6E\"\n                [strokeWidth]=\"1.75\"\n              ></i-lucide>\n            </div>\n          </div>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n\n<div class=\"text-center pagination-controls\">\n  <custom-pagination\n    [totalItems]=\"totalItems\"\n    [itemsPerPage]=\"defaultItemsPerPage\"\n    [currentPage]=\"currentPage\"\n    [showPageInfo]=\"showPageInfo\"\n    (pageChange)=\"onPageChange($event)\"\n  >\n  </custom-pagination>\n</div>\n", styles: ["@charset \"UTF-8\";.clickable-icon{cursor:pointer}:host{font-family:var(--font-family)}.data-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:-.2rem}.left-section,.right-section{display:flex;align-items:center}.search-input-container{display:flex;justify-content:flex-start}.left-section .form-group{display:flex;align-items:center}.items-per-page-label{font-family:var(--font-family);font-size:14px;color:#666;margin-right:.2rem}.custom-select{font-family:var(--font-family);font-size:14px;color:#666;background:#fff url('data:image/svg+xml;charset=US-ASCII,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 4 5\"><path fill=\"#666\" d=\"M2 0L0 2h4L2 0zM2 5l2-2H0l2 2z\"/></svg>') no-repeat right .75rem center/8px 10px;border:1px solid #ccc;border-radius:.25rem;padding:.375rem 1.75rem .375rem .75rem;appearance:none;-webkit-appearance:none;-moz-appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem #007bff40}.table{font-family:var(--font-family);font-size:var(--table-font-size, 14px);color:var(--table-font-color, #737b7b);border-collapse:separate;border-spacing:0;border-radius:8px;overflow:hidden}.table thead tr{height:60px}.table thead th{background-color:var(--primary-color);color:var(--text-color);font-family:var(--font-family);font-size:14px;font-weight:600;padding:10px;border-bottom:.1rem solid #dcdcdc;text-align:center;line-height:2.5}.table thead th:first-child{text-align:left;padding-left:1.4rem}.table tbody td{font-family:var(--font-family);font-size:14px;color:#737b7b;padding:10px;border-bottom:.1rem solid #dcdcdc;text-align:center}.table tbody td:first-child{text-align:left;padding-left:1.4rem}.table tbody tr:last-child td{border-bottom:.1rem solid #dcdcdc}.table tbody td{border-right:none;border-left:none}.table thead th:first-child{border-top-left-radius:0}.table thead th:last-child{border-top-right-radius:0}.table tbody tr:last-child td:first-child{border-bottom-left-radius:0}.table tbody tr:last-child td:last-child{border-bottom-right-radius:0}.btn-icon{width:24px;height:24px;background-size:cover;display:inline-block;cursor:pointer;margin-right:16px}.pagination-controls{display:flex;justify-content:center;align-items:center;margin-top:1rem}.custom-button{display:flex;align-items:center;padding:.5rem 1rem .5rem .5rem;border-radius:.25rem;transition:background-color .3s,border-color .3s,filter .3s;font-family:var(--font-family);font-size:16px;font-weight:600;height:40px;letter-spacing:.005em;text-align:left;color:#fff;background-color:var(--secondary-color);border:none;cursor:pointer}.custom-button lucide-icon{margin-right:.5rem}.custom-button:hover{box-shadow:0 0 0 .15rem var(--secondary-color)}.custom-button:active{background-color:var(--secondary-color)}.custom-button:focus{outline:none;box-shadow:0 0 0 .15rem var(--secondary-color)}.selected{color:var(--secondary-color);stroke-width:8}.ng-button-row{display:flex;gap:10px;margin-right:10px;margin-left:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.LucideAngularComponent, selector: "lucide-angular, lucide-icon, i-lucide, span-lucide", inputs: ["class", "name", "img", "color", "absoluteStrokeWidth", "size", "strokeWidth"] }, { kind: "component", type: CustomPaginationComponent, selector: "custom-pagination", inputs: ["totalItems", "itemsPerPage", "currentPage", "showPageInfo"], outputs: ["pageChange"] }, { kind: "component", type: SearchInputComponent, selector: "argenta-search-input", inputs: ["id", "label", "type", "placeholder", "value", "disabled", "readonly", "autofocus", "maxlength", "minlength", "required", "pattern", "debounceTime"], outputs: ["search", "inputChange", "change", "focus", "blur", "keyup", "keydown", "keypress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DataTableComponent, selector: "argenta-list-data-table", inputs: { columns: "columns", hiddenColumns: "hiddenColumns", defaultItemsPerPage: "defaultItemsPerPage", itemsPerPageLabel: "itemsPerPageLabel", showActionColumn: "showActionColumn", actionColumnLabel: "actionColumnLabel", totalItems: "totalItems", fetchDataFunction: "fetchDataFunction", editPermissions: "editPermissions", deletePermissions: "deletePermissions", inativoPermissions: "inativoPermissions", viewPermissions: "viewPermissions", showPageInfo: "showPageInfo", pageText: "pageText", ofText: "ofText", filterDescription: "filterDescription", buttonLabel: "buttonLabel", pagedData: "pagedData", initialFilterField: "initialFilterField", buttonList: "buttonList", status: "status" }, outputs: { statusChange: "statusChange", sortChange: "sortChange", pageChange: "pageChange", itemsPerPageChange: "itemsPerPageChange", onEditTable: "onEditTable", onDeleteTable: "onDeleteTable", onInativoTable: "onInativoTable", onViewTable: "onViewTable", onButtonClick: "onButtonClick", filterFieldChange: "filterFieldChange" }, ngImport: i0, template: "<div class=\"data-table-header\" style=\"margin-top: 2.5rem\">\n  <div class=\"left-section\">\n    <div class=\"form-group\">\n      <label for=\"itemsPerPageSelect\" class=\"items-per-page-label\">{{\n        itemsPerPageLabel\n      }}</label>\n      <select\n        id=\"itemsPerPageSelect\"\n        class=\"form-control form-control-sm d-inline-block w-auto custom-select\"\n        [(ngModel)]=\"defaultItemsPerPage\"\n        (ngModelChange)=\"onItemsPerPageChange()\"\n      >\n        <option *ngFor=\"let option of itemsPerPageOptions\" [value]=\"option\">\n          {{ option }}\n        </option>\n      </select>\n    </div>\n  </div>\n  <div class=\"right-section\">\n    <div *ngIf=\"buttonList && buttonList.length > 0\" class=\"ng-button-row\">\n      <ng-container *ngFor=\"let buttonTemplate of buttonList\">\n        <ng-container\n          *ngTemplateOutlet=\"buttonTemplate\"\n          class=\"ng-button\"\n        ></ng-container>\n      </ng-container>\n    </div>\n    <button\n      *ngIf=\"buttonLabel && buttonLabel.length > 0\"\n      class=\"custom-button\"\n      (click)=\"onNewButtonClick()\"\n    >\n      <lucide-icon name=\"plus\" [size]=\"28\" [strokeWidth]=\"1.75\"></lucide-icon>\n      {{ buttonLabel }}\n    </button>\n  </div>\n</div>\n\n<div class=\"search-input-container\">\n  <argenta-search-input\n    id=\"search\"\n    label=\"\"\n    placeholder=\"Buscar\"\n    [(ngModel)]=\"filterDescription\"\n    (search)=\"onSearch($event)\"\n  ></argenta-search-input>\n</div>\n\n<div class=\"table-responsive\" style=\"margin-top: 1rem\">\n  <table class=\"table table-hover\">\n    <thead>\n      <tr>\n        <ng-container *ngFor=\"let column of columns\">\n          <th\n            *ngIf=\"!isColumnHidden(column.prop)\"\n            (click)=\"onSelectSearchField(column.prop)\"\n          >\n            {{ column.label }}\n            <span>\n              <i-lucide\n                name=\"arrow-up\"\n                [size]=\"14\"\n                [class.selected]=\"\n                  column.isSearchSelected && sortDirection === 'asc'\n                \"\n              ></i-lucide>\n              <i-lucide\n                name=\"arrow-down\"\n                [size]=\"14\"\n                [class.selected]=\"\n                  column.isSearchSelected && sortDirection === 'desc'\n                \"\n              ></i-lucide>\n            </span>\n          </th>\n        </ng-container>\n        <th\n          *ngIf=\"showActionColumn\"\n          class=\"text-end\"\n          style=\"padding-right: 6.3rem\"\n        >\n          {{ actionColumnLabel }}\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let item of pagedData; let i = index\">\n        <ng-container *ngFor=\"let column of columns\">\n          <td *ngIf=\"!isColumnHidden(column.prop)\">\n            {{ getNestedProperty(item, column.prop) }}\n          </td>\n        </ng-container>\n        <td *ngIf=\"showActionColumn\" class=\"text-end\">\n          <div class=\"d-flex justify-content-end\">\n            <div\n              *ngIf=\"\n                hasPermission(editPermissions) &&\n                onEditTable.observers.length > 0\n              \"\n              (click)=\"handleAction('edit', item, i)\"\n              class=\"clickable-icon\"\n              style=\"margin-right: 1.5rem\"\n            >\n              <lucide-icon\n                name=\"square-pen\"\n                [size]=\"20\"\n                color=\"#2CA58D\"\n                [strokeWidth]=\"1.75\"\n              ></lucide-icon>\n            </div>\n            <div\n              *ngIf=\"\n                hasPermission(inativoPermissions) &&\n                onInativoTable.observers.length > 0\n              \"\n              (click)=\"handleAction('inativar', item, i)\"\n              class=\"clickable-icon\"\n              style=\"margin-right: 1.5rem\"\n            >\n              <button\n                [ngClass]=\"\n                  item.status\n                    ? 'btn btn-danger small-rounded-btn'\n                    : 'btn btn-success small-rounded-btn'\n                \"\n                (click)=\"toggleStatus(item)\"\n              >\n                {{ item.status ? \"Desativar\" : \"Ativar\" }}\n              </button>\n            </div>\n            <div\n              *ngIf=\"\n                hasPermission(viewPermissions) &&\n                onViewTable.observers.length > 0\n              \"\n              (click)=\"handleAction('view', item, i)\"\n              class=\"clickable-icon\"\n              style=\"margin-right: 1.5rem\"\n            >\n              <lucide-icon\n                name=\"user-round\"\n                [size]=\"20\"\n                color=\"#2CA58D\"\n                [strokeWidth]=\"1.75\"\n              ></lucide-icon>\n            </div>\n            <div\n              *ngIf=\"\n                hasPermission(deletePermissions) &&\n                onDeleteTable.observers.length > 0\n              \"\n              (click)=\"handleAction('delete', item, i)\"\n              class=\"clickable-icon\"\n              style=\"margin-right: 1.5rem\"\n            >\n              <i-lucide\n                name=\"trash-2\"\n                [size]=\"20\"\n                color=\"#F26E6E\"\n                [strokeWidth]=\"1.75\"\n              ></i-lucide>\n            </div>\n          </div>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n\n<div class=\"text-center pagination-controls\">\n  <custom-pagination\n    [totalItems]=\"totalItems\"\n    [itemsPerPage]=\"defaultItemsPerPage\"\n    [currentPage]=\"currentPage\"\n    [showPageInfo]=\"showPageInfo\"\n    (pageChange)=\"onPageChange($event)\"\n  >\n  </custom-pagination>\n</div>\n", styles: ["@charset \"UTF-8\";.clickable-icon{cursor:pointer}:host{font-family:var(--font-family)}.data-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:-.2rem}.left-section,.right-section{display:flex;align-items:center}.search-input-container{display:flex;justify-content:flex-start}.left-section .form-group{display:flex;align-items:center}.items-per-page-label{font-family:var(--font-family);font-size:14px;color:#666;margin-right:.2rem}.custom-select{font-family:var(--font-family);font-size:14px;color:#666;background:#fff url('data:image/svg+xml;charset=US-ASCII,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 4 5\"><path fill=\"#666\" d=\"M2 0L0 2h4L2 0zM2 5l2-2H0l2 2z\"/></svg>') no-repeat right .75rem center/8px 10px;border:1px solid #ccc;border-radius:.25rem;padding:.375rem 1.75rem .375rem .75rem;appearance:none;-webkit-appearance:none;-moz-appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem #007bff40}.table{font-family:var(--font-family);font-size:var(--table-font-size, 14px);color:var(--table-font-color, #737b7b);border-collapse:separate;border-spacing:0;border-radius:8px;overflow:hidden}.table thead tr{height:60px}.table thead th{background-color:var(--primary-color);color:var(--text-color);font-family:var(--font-family);font-size:14px;font-weight:600;padding:10px;border-bottom:.1rem solid #dcdcdc;text-align:center;line-height:2.5}.table thead th:first-child{text-align:left;padding-left:1.4rem}.table tbody td{font-family:var(--font-family);font-size:14px;color:#737b7b;padding:10px;border-bottom:.1rem solid #dcdcdc;text-align:center}.table tbody td:first-child{text-align:left;padding-left:1.4rem}.table tbody tr:last-child td{border-bottom:.1rem solid #dcdcdc}.table tbody td{border-right:none;border-left:none}.table thead th:first-child{border-top-left-radius:0}.table thead th:last-child{border-top-right-radius:0}.table tbody tr:last-child td:first-child{border-bottom-left-radius:0}.table tbody tr:last-child td:last-child{border-bottom-right-radius:0}.btn-icon{width:24px;height:24px;background-size:cover;display:inline-block;cursor:pointer;margin-right:16px}.pagination-controls{display:flex;justify-content:center;align-items:center;margin-top:1rem}.custom-button{display:flex;align-items:center;padding:.5rem 1rem .5rem .5rem;border-radius:.25rem;transition:background-color .3s,border-color .3s,filter .3s;font-family:var(--font-family);font-size:16px;font-weight:600;height:40px;letter-spacing:.005em;text-align:left;color:#fff;background-color:var(--secondary-color);border:none;cursor:pointer}.custom-button lucide-icon{margin-right:.5rem}.custom-button:hover{box-shadow:0 0 0 .15rem var(--secondary-color)}.custom-button:active{background-color:var(--secondary-color)}.custom-button:focus{outline:none;box-shadow:0 0 0 .15rem var(--secondary-color)}.selected{color:var(--secondary-color);stroke-width:8}.ng-button-row{display:flex;gap:10px;margin-right:10px;margin-left:10px}.small-rounded-btn{padding:6px 12px;font-size:14px;border-radius:20px;height:32px;min-width:80px;border:none;transition:all .3s ease-in-out}.small-rounded-btn:hover{opacity:.8;transform:scale(1.05)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.LucideAngularComponent, selector: "lucide-angular, lucide-icon, i-lucide, span-lucide", inputs: ["class", "name", "img", "color", "absoluteStrokeWidth", "size", "strokeWidth"] }, { kind: "component", type: CustomPaginationComponent, selector: "custom-pagination", inputs: ["totalItems", "itemsPerPage", "currentPage", "showPageInfo"], outputs: ["pageChange"] }, { kind: "component", type: SearchInputComponent, selector: "argenta-search-input", inputs: ["id", "label", "type", "placeholder", "value", "disabled", "readonly", "autofocus", "maxlength", "minlength", "required", "pattern", "debounceTime"], outputs: ["search", "inputChange", "change", "focus", "blur", "keyup", "keydown", "keypress"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: "argenta-list-data-table", changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"data-table-header\" style=\"margin-top: 2.5rem\">\n  <div class=\"left-section\">\n    <div class=\"form-group\">\n      <label for=\"itemsPerPageSelect\" class=\"items-per-page-label\">{{\n        itemsPerPageLabel\n      }}</label>\n      <select\n        id=\"itemsPerPageSelect\"\n        class=\"form-control form-control-sm d-inline-block w-auto custom-select\"\n        [(ngModel)]=\"defaultItemsPerPage\"\n        (ngModelChange)=\"onItemsPerPageChange()\"\n      >\n        <option *ngFor=\"let option of itemsPerPageOptions\" [value]=\"option\">\n          {{ option }}\n        </option>\n      </select>\n    </div>\n  </div>\n  <div class=\"right-section\">\n    <div *ngIf=\"buttonList && buttonList.length > 0\" class=\"ng-button-row\">\n      <ng-container *ngFor=\"let buttonTemplate of buttonList\">\n        <ng-container\n          *ngTemplateOutlet=\"buttonTemplate\"\n          class=\"ng-button\"\n        ></ng-container>\n      </ng-container>\n    </div>\n    <button\n      *ngIf=\"buttonLabel && buttonLabel.length > 0\"\n      class=\"custom-button\"\n      (click)=\"onNewButtonClick()\"\n    >\n      <lucide-icon name=\"plus\" [size]=\"28\" [strokeWidth]=\"1.75\"></lucide-icon>\n      {{ buttonLabel }}\n    </button>\n  </div>\n</div>\n\n<div class=\"search-input-container\">\n  <argenta-search-input\n    id=\"search\"\n    label=\"\"\n    placeholder=\"Buscar\"\n    [(ngModel)]=\"filterDescription\"\n    (search)=\"onSearch($event)\"\n  ></argenta-search-input>\n</div>\n\n<div class=\"table-responsive\" style=\"margin-top: 1rem\">\n  <table class=\"table table-hover\">\n    <thead>\n      <tr>\n        <ng-container *ngFor=\"let column of columns\">\n          <th\n            *ngIf=\"!isColumnHidden(column.prop)\"\n            (click)=\"onSelectSearchField(column.prop)\"\n          >\n            {{ column.label }}\n            <span>\n              <i-lucide\n                name=\"arrow-up\"\n                [size]=\"14\"\n                [class.selected]=\"\n                  column.isSearchSelected && sortDirection === 'asc'\n                \"\n              ></i-lucide>\n              <i-lucide\n                name=\"arrow-down\"\n                [size]=\"14\"\n                [class.selected]=\"\n                  column.isSearchSelected && sortDirection === 'desc'\n                \"\n              ></i-lucide>\n            </span>\n          </th>\n        </ng-container>\n        <th\n          *ngIf=\"showActionColumn\"\n          class=\"text-end\"\n          style=\"padding-right: 6.3rem\"\n        >\n          {{ actionColumnLabel }}\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let item of pagedData; let i = index\">\n        <ng-container *ngFor=\"let column of columns\">\n          <td *ngIf=\"!isColumnHidden(column.prop)\">\n            {{ getNestedProperty(item, column.prop) }}\n          </td>\n        </ng-container>\n        <td *ngIf=\"showActionColumn\" class=\"text-end\">\n          <div class=\"d-flex justify-content-end\">\n            <div\n              *ngIf=\"\n                hasPermission(editPermissions) &&\n                onEditTable.observers.length > 0\n              \"\n              (click)=\"handleAction('edit', item, i)\"\n              class=\"clickable-icon\"\n              style=\"margin-right: 1.5rem\"\n            >\n              <lucide-icon\n                name=\"square-pen\"\n                [size]=\"20\"\n                color=\"#2CA58D\"\n                [strokeWidth]=\"1.75\"\n              ></lucide-icon>\n            </div>\n            <div\n              *ngIf=\"\n                hasPermission(viewPermissions) &&\n                onViewTable.observers.length > 0\n              \"\n              (click)=\"handleAction('view', item, i)\"\n              class=\"clickable-icon\"\n              style=\"margin-right: 1.5rem\"\n            >\n              <lucide-icon\n                name=\"user-round\"\n                [size]=\"20\"\n                color=\"#2CA58D\"\n                [strokeWidth]=\"1.75\"\n              ></lucide-icon>\n            </div>\n            <div\n              *ngIf=\"\n                hasPermission(deletePermissions) &&\n                onDeleteTable.observers.length > 0\n              \"\n              (click)=\"handleAction('delete', item, i)\"\n              class=\"clickable-icon\"\n              style=\"margin-right: 1.5rem\"\n            >\n              <i-lucide\n                name=\"trash-2\"\n                [size]=\"20\"\n                color=\"#F26E6E\"\n                [strokeWidth]=\"1.75\"\n              ></i-lucide>\n            </div>\n          </div>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n\n<div class=\"text-center pagination-controls\">\n  <custom-pagination\n    [totalItems]=\"totalItems\"\n    [itemsPerPage]=\"defaultItemsPerPage\"\n    [currentPage]=\"currentPage\"\n    [showPageInfo]=\"showPageInfo\"\n    (pageChange)=\"onPageChange($event)\"\n  >\n  </custom-pagination>\n</div>\n", styles: ["@charset \"UTF-8\";.clickable-icon{cursor:pointer}:host{font-family:var(--font-family)}.data-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:-.2rem}.left-section,.right-section{display:flex;align-items:center}.search-input-container{display:flex;justify-content:flex-start}.left-section .form-group{display:flex;align-items:center}.items-per-page-label{font-family:var(--font-family);font-size:14px;color:#666;margin-right:.2rem}.custom-select{font-family:var(--font-family);font-size:14px;color:#666;background:#fff url('data:image/svg+xml;charset=US-ASCII,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 4 5\"><path fill=\"#666\" d=\"M2 0L0 2h4L2 0zM2 5l2-2H0l2 2z\"/></svg>') no-repeat right .75rem center/8px 10px;border:1px solid #ccc;border-radius:.25rem;padding:.375rem 1.75rem .375rem .75rem;appearance:none;-webkit-appearance:none;-moz-appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem #007bff40}.table{font-family:var(--font-family);font-size:var(--table-font-size, 14px);color:var(--table-font-color, #737b7b);border-collapse:separate;border-spacing:0;border-radius:8px;overflow:hidden}.table thead tr{height:60px}.table thead th{background-color:var(--primary-color);color:var(--text-color);font-family:var(--font-family);font-size:14px;font-weight:600;padding:10px;border-bottom:.1rem solid #dcdcdc;text-align:center;line-height:2.5}.table thead th:first-child{text-align:left;padding-left:1.4rem}.table tbody td{font-family:var(--font-family);font-size:14px;color:#737b7b;padding:10px;border-bottom:.1rem solid #dcdcdc;text-align:center}.table tbody td:first-child{text-align:left;padding-left:1.4rem}.table tbody tr:last-child td{border-bottom:.1rem solid #dcdcdc}.table tbody td{border-right:none;border-left:none}.table thead th:first-child{border-top-left-radius:0}.table thead th:last-child{border-top-right-radius:0}.table tbody tr:last-child td:first-child{border-bottom-left-radius:0}.table tbody tr:last-child td:last-child{border-bottom-right-radius:0}.btn-icon{width:24px;height:24px;background-size:cover;display:inline-block;cursor:pointer;margin-right:16px}.pagination-controls{display:flex;justify-content:center;align-items:center;margin-top:1rem}.custom-button{display:flex;align-items:center;padding:.5rem 1rem .5rem .5rem;border-radius:.25rem;transition:background-color .3s,border-color .3s,filter .3s;font-family:var(--font-family);font-size:16px;font-weight:600;height:40px;letter-spacing:.005em;text-align:left;color:#fff;background-color:var(--secondary-color);border:none;cursor:pointer}.custom-button lucide-icon{margin-right:.5rem}.custom-button:hover{box-shadow:0 0 0 .15rem var(--secondary-color)}.custom-button:active{background-color:var(--secondary-color)}.custom-button:focus{outline:none;box-shadow:0 0 0 .15rem var(--secondary-color)}.selected{color:var(--secondary-color);stroke-width:8}.ng-button-row{display:flex;gap:10px;margin-right:10px;margin-left:10px}\n"] }]
+            args: [{ selector: "argenta-list-data-table", changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"data-table-header\" style=\"margin-top: 2.5rem\">\n  <div class=\"left-section\">\n    <div class=\"form-group\">\n      <label for=\"itemsPerPageSelect\" class=\"items-per-page-label\">{{\n        itemsPerPageLabel\n      }}</label>\n      <select\n        id=\"itemsPerPageSelect\"\n        class=\"form-control form-control-sm d-inline-block w-auto custom-select\"\n        [(ngModel)]=\"defaultItemsPerPage\"\n        (ngModelChange)=\"onItemsPerPageChange()\"\n      >\n        <option *ngFor=\"let option of itemsPerPageOptions\" [value]=\"option\">\n          {{ option }}\n        </option>\n      </select>\n    </div>\n  </div>\n  <div class=\"right-section\">\n    <div *ngIf=\"buttonList && buttonList.length > 0\" class=\"ng-button-row\">\n      <ng-container *ngFor=\"let buttonTemplate of buttonList\">\n        <ng-container\n          *ngTemplateOutlet=\"buttonTemplate\"\n          class=\"ng-button\"\n        ></ng-container>\n      </ng-container>\n    </div>\n    <button\n      *ngIf=\"buttonLabel && buttonLabel.length > 0\"\n      class=\"custom-button\"\n      (click)=\"onNewButtonClick()\"\n    >\n      <lucide-icon name=\"plus\" [size]=\"28\" [strokeWidth]=\"1.75\"></lucide-icon>\n      {{ buttonLabel }}\n    </button>\n  </div>\n</div>\n\n<div class=\"search-input-container\">\n  <argenta-search-input\n    id=\"search\"\n    label=\"\"\n    placeholder=\"Buscar\"\n    [(ngModel)]=\"filterDescription\"\n    (search)=\"onSearch($event)\"\n  ></argenta-search-input>\n</div>\n\n<div class=\"table-responsive\" style=\"margin-top: 1rem\">\n  <table class=\"table table-hover\">\n    <thead>\n      <tr>\n        <ng-container *ngFor=\"let column of columns\">\n          <th\n            *ngIf=\"!isColumnHidden(column.prop)\"\n            (click)=\"onSelectSearchField(column.prop)\"\n          >\n            {{ column.label }}\n            <span>\n              <i-lucide\n                name=\"arrow-up\"\n                [size]=\"14\"\n                [class.selected]=\"\n                  column.isSearchSelected && sortDirection === 'asc'\n                \"\n              ></i-lucide>\n              <i-lucide\n                name=\"arrow-down\"\n                [size]=\"14\"\n                [class.selected]=\"\n                  column.isSearchSelected && sortDirection === 'desc'\n                \"\n              ></i-lucide>\n            </span>\n          </th>\n        </ng-container>\n        <th\n          *ngIf=\"showActionColumn\"\n          class=\"text-end\"\n          style=\"padding-right: 6.3rem\"\n        >\n          {{ actionColumnLabel }}\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let item of pagedData; let i = index\">\n        <ng-container *ngFor=\"let column of columns\">\n          <td *ngIf=\"!isColumnHidden(column.prop)\">\n            {{ getNestedProperty(item, column.prop) }}\n          </td>\n        </ng-container>\n        <td *ngIf=\"showActionColumn\" class=\"text-end\">\n          <div class=\"d-flex justify-content-end\">\n            <div\n              *ngIf=\"\n                hasPermission(editPermissions) &&\n                onEditTable.observers.length > 0\n              \"\n              (click)=\"handleAction('edit', item, i)\"\n              class=\"clickable-icon\"\n              style=\"margin-right: 1.5rem\"\n            >\n              <lucide-icon\n                name=\"square-pen\"\n                [size]=\"20\"\n                color=\"#2CA58D\"\n                [strokeWidth]=\"1.75\"\n              ></lucide-icon>\n            </div>\n            <div\n              *ngIf=\"\n                hasPermission(inativoPermissions) &&\n                onInativoTable.observers.length > 0\n              \"\n              (click)=\"handleAction('inativar', item, i)\"\n              class=\"clickable-icon\"\n              style=\"margin-right: 1.5rem\"\n            >\n              <button\n                [ngClass]=\"\n                  item.status\n                    ? 'btn btn-danger small-rounded-btn'\n                    : 'btn btn-success small-rounded-btn'\n                \"\n                (click)=\"toggleStatus(item)\"\n              >\n                {{ item.status ? \"Desativar\" : \"Ativar\" }}\n              </button>\n            </div>\n            <div\n              *ngIf=\"\n                hasPermission(viewPermissions) &&\n                onViewTable.observers.length > 0\n              \"\n              (click)=\"handleAction('view', item, i)\"\n              class=\"clickable-icon\"\n              style=\"margin-right: 1.5rem\"\n            >\n              <lucide-icon\n                name=\"user-round\"\n                [size]=\"20\"\n                color=\"#2CA58D\"\n                [strokeWidth]=\"1.75\"\n              ></lucide-icon>\n            </div>\n            <div\n              *ngIf=\"\n                hasPermission(deletePermissions) &&\n                onDeleteTable.observers.length > 0\n              \"\n              (click)=\"handleAction('delete', item, i)\"\n              class=\"clickable-icon\"\n              style=\"margin-right: 1.5rem\"\n            >\n              <i-lucide\n                name=\"trash-2\"\n                [size]=\"20\"\n                color=\"#F26E6E\"\n                [strokeWidth]=\"1.75\"\n              ></i-lucide>\n            </div>\n          </div>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n\n<div class=\"text-center pagination-controls\">\n  <custom-pagination\n    [totalItems]=\"totalItems\"\n    [itemsPerPage]=\"defaultItemsPerPage\"\n    [currentPage]=\"currentPage\"\n    [showPageInfo]=\"showPageInfo\"\n    (pageChange)=\"onPageChange($event)\"\n  >\n  </custom-pagination>\n</div>\n", styles: ["@charset \"UTF-8\";.clickable-icon{cursor:pointer}:host{font-family:var(--font-family)}.data-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:-.2rem}.left-section,.right-section{display:flex;align-items:center}.search-input-container{display:flex;justify-content:flex-start}.left-section .form-group{display:flex;align-items:center}.items-per-page-label{font-family:var(--font-family);font-size:14px;color:#666;margin-right:.2rem}.custom-select{font-family:var(--font-family);font-size:14px;color:#666;background:#fff url('data:image/svg+xml;charset=US-ASCII,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 4 5\"><path fill=\"#666\" d=\"M2 0L0 2h4L2 0zM2 5l2-2H0l2 2z\"/></svg>') no-repeat right .75rem center/8px 10px;border:1px solid #ccc;border-radius:.25rem;padding:.375rem 1.75rem .375rem .75rem;appearance:none;-webkit-appearance:none;-moz-appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem #007bff40}.table{font-family:var(--font-family);font-size:var(--table-font-size, 14px);color:var(--table-font-color, #737b7b);border-collapse:separate;border-spacing:0;border-radius:8px;overflow:hidden}.table thead tr{height:60px}.table thead th{background-color:var(--primary-color);color:var(--text-color);font-family:var(--font-family);font-size:14px;font-weight:600;padding:10px;border-bottom:.1rem solid #dcdcdc;text-align:center;line-height:2.5}.table thead th:first-child{text-align:left;padding-left:1.4rem}.table tbody td{font-family:var(--font-family);font-size:14px;color:#737b7b;padding:10px;border-bottom:.1rem solid #dcdcdc;text-align:center}.table tbody td:first-child{text-align:left;padding-left:1.4rem}.table tbody tr:last-child td{border-bottom:.1rem solid #dcdcdc}.table tbody td{border-right:none;border-left:none}.table thead th:first-child{border-top-left-radius:0}.table thead th:last-child{border-top-right-radius:0}.table tbody tr:last-child td:first-child{border-bottom-left-radius:0}.table tbody tr:last-child td:last-child{border-bottom-right-radius:0}.btn-icon{width:24px;height:24px;background-size:cover;display:inline-block;cursor:pointer;margin-right:16px}.pagination-controls{display:flex;justify-content:center;align-items:center;margin-top:1rem}.custom-button{display:flex;align-items:center;padding:.5rem 1rem .5rem .5rem;border-radius:.25rem;transition:background-color .3s,border-color .3s,filter .3s;font-family:var(--font-family);font-size:16px;font-weight:600;height:40px;letter-spacing:.005em;text-align:left;color:#fff;background-color:var(--secondary-color);border:none;cursor:pointer}.custom-button lucide-icon{margin-right:.5rem}.custom-button:hover{box-shadow:0 0 0 .15rem var(--secondary-color)}.custom-button:active{background-color:var(--secondary-color)}.custom-button:focus{outline:none;box-shadow:0 0 0 .15rem var(--secondary-color)}.selected{color:var(--secondary-color);stroke-width:8}.ng-button-row{display:flex;gap:10px;margin-right:10px;margin-left:10px}.small-rounded-btn{padding:6px 12px;font-size:14px;border-radius:20px;height:32px;min-width:80px;border:none;transition:all .3s ease-in-out}.small-rounded-btn:hover{opacity:.8;transform:scale(1.05)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: AuthService }, { type: RefreshService }]; }, propDecorators: { columns: [{
                 type: Input
             }], hiddenColumns: [{
@@ -4067,6 +4127,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], deletePermissions: [{
                 type: Input
+            }], inativoPermissions: [{
+                type: Input
             }], viewPermissions: [{
                 type: Input
             }], showPageInfo: [{
@@ -4085,6 +4147,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], buttonList: [{
                 type: Input
+            }], status: [{
+                type: Input
+            }], statusChange: [{
+                type: Output
             }], sortChange: [{
                 type: Output
             }], pageChange: [{
@@ -4095,6 +4161,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }], onDeleteTable: [{
                 type: Output
+            }], onInativoTable: [{
+                type: Output
             }], onViewTable: [{
                 type: Output
             }], onButtonClick: [{
@@ -4389,6 +4457,7 @@ class ComponentsModule {
             SearchCustomerComponent,
             TabComponent,
             FileUploadComponent,
+            ImageUploadComponent,
             MultiSelectCategoryComponent,
             CalendarArgentaComponent,
             AccordionArgentaComponent,
@@ -4436,6 +4505,7 @@ class ComponentsModule {
             SearchCustomerComponent,
             TabComponent,
             FileUploadComponent,
+            ImageUploadComponent,
             MultiSelectCategoryComponent,
             CalendarArgentaComponent,
             AccordionArgentaComponent,
@@ -4489,6 +4559,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         SearchCustomerComponent,
                         TabComponent,
                         FileUploadComponent,
+                        ImageUploadComponent,
                         MultiSelectCategoryComponent,
                         CalendarArgentaComponent,
                         AccordionArgentaComponent,
@@ -4542,6 +4613,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         SearchCustomerComponent,
                         TabComponent,
                         FileUploadComponent,
+                        ImageUploadComponent,
                         MultiSelectCategoryComponent,
                         CalendarArgentaComponent,
                         AccordionArgentaComponent,
@@ -4878,5 +4950,5 @@ function setThemeColors(config) {
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionArgentaComponent, AlertComponent, AppBackgroundComponent, ArgentaPdfDataHandlerComponent, ArgentaPdfDownloadComponent, AutofocusDirective, BadgeComponent, BasicRegistrationComponent, ButtonClasses, ButtonComponent, CalendarArgentaComponent, CardComponent, CardInfoComponent, CepMaskDirective, CheckboxComponent, CnpjMaskDirective, CodeHighlightComponent, ComponentsModule, ConfirmationComponent, ConfirmationService, CpfMaskDirective, CsvImporterComponent, CustomPaginationComponent, CustomSwitchComponent, DataExcelExporterComponent, DataExcelImporterComponent, DataPaginateService, DataTableComponent, DragDropListComponent, DynamicModalComponent, DynamicTableComponent, ExcelService, FileUploadComponent, InputComponent, JsonViewerComponent, LibPortalAngularModule, LucideIconsModule, ModalComponent, MultiSelectCategoryComponent, MultiSelectComponent, NotificationService, RadioComponent, RefreshService, RouterParameterService, SearchCustomerComponent, SearchInputComponent, SelectComponent, TabComponent, TextareaComponent, TreeNodeComponent, convertToSnakeCase, setThemeColors };
+export { AccordionArgentaComponent, AlertComponent, AppBackgroundComponent, ArgentaPdfDataHandlerComponent, ArgentaPdfDownloadComponent, AutofocusDirective, BadgeComponent, BasicRegistrationComponent, ButtonClasses, ButtonComponent, CalendarArgentaComponent, CardComponent, CardInfoComponent, CepMaskDirective, CheckboxComponent, CnpjMaskDirective, CodeHighlightComponent, ComponentsModule, ConfirmationComponent, ConfirmationService, CpfMaskDirective, CsvImporterComponent, CustomPaginationComponent, CustomSwitchComponent, DataExcelExporterComponent, DataExcelImporterComponent, DataPaginateService, DataTableComponent, DragDropListComponent, DynamicModalComponent, DynamicTableComponent, ExcelService, FileUploadComponent, ImageUploadComponent, InputComponent, JsonViewerComponent, LibPortalAngularModule, LucideIconsModule, ModalComponent, MultiSelectCategoryComponent, MultiSelectComponent, NotificationService, RadioComponent, RefreshService, RouterParameterService, SearchCustomerComponent, SearchInputComponent, SelectComponent, TabComponent, TextareaComponent, TreeNodeComponent, convertToSnakeCase, setThemeColors };
 //# sourceMappingURL=lib-portal-angular.mjs.map