ngx-vector-components 5.142.0 → 5.144.0

package/fesm2022/ngx-vector-components.mjs

@@ -39,7 +39,7 @@ import * as i2$8 from 'primeng/inputtextarea';
 import { InputTextareaModule } from 'primeng/inputtextarea';
 import * as i3$1 from 'primeng/keyfilter';
 import { KeyFilterModule } from 'primeng/keyfilter';
-import * as i7 from 'primeng/menu';
+import * as i10 from 'primeng/menu';
 import { MenuModule as MenuModule$1 } from 'primeng/menu';
 import * as i4$2 from 'primeng/multiselect';
 import { MultiSelectModule } from 'primeng/multiselect';
@@ -49,9 +49,9 @@ import * as i2$4 from 'primeng/selectbutton';
 import { SelectButtonModule } from 'primeng/selectbutton';
 import * as i2$7 from 'primeng/slider';
 import { SliderModule } from 'primeng/slider';
-import * as i8 from 'primeng/table';
+import * as i11 from 'primeng/table';
 import { TableModule } from 'primeng/table';
-import * as i4$4 from 'primeng/tabview';
+import * as i7 from 'primeng/tabview';
 import { TabViewModule } from 'primeng/tabview';
 import * as i1$3 from 'primeng/panel';
 import { PanelModule as PanelModule$1 } from 'primeng/panel';
@@ -60,7 +60,7 @@ import { DateTime } from 'luxon';
 import * as i1$4 from '@angular/common/http';
 import { HttpHeaders, HttpClient, HttpResponse } from '@angular/common/http';
 import { switchMap, map, tap, debounceTime, catchError, filter, take } from 'rxjs/operators';
-import * as i4$5 from 'primeng/accordion';
+import * as i4$4 from 'primeng/accordion';
 import { AccordionModule } from 'primeng/accordion';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import * as i6 from 'primeng/overlaypanel';
@@ -800,6 +800,8 @@ var ProfileModuleActionType;
     ProfileModuleActionType["CHANGE_MINIMAL_FREIGHT_OPTION"] = "Pode Alterar Configuracao Tabela Minima";
     ProfileModuleActionType["FREIGHT_AGENT_REPORT"] = "Freight Agent Report";
     ProfileModuleActionType["TAX_REVENUE_REPORT"] = "Relatorio Receita de Taxas";
+    ProfileModuleActionType["SHOW_ORDER_APPROVAL"] = "Consulta de Pagamento";
+    ProfileModuleActionType["SHOW_ACCOUNTS_RECEIVABLE"] = "Conciliacao de Contas";
 })(ProfileModuleActionType || (ProfileModuleActionType = {}));
 
 var Role;
@@ -3908,6 +3910,7 @@ class DataTableComponent {
         this.onFilterChanged = new EventEmitter();
         this.onTabSelected = new EventEmitter();
         this.onExpandRow = new EventEmitter();
+        this.onCellEdit = new EventEmitter();
         this.firstLazyLoad = false;
         this.shouldLazyLoadWithoutFilter = false;
         this.reorderableColumns = false;
@@ -4108,6 +4111,13 @@ class DataTableComponent {
     isHtmlCell(col) {
         return !col.type || !this.isBadgeCell(col);
     }
+    isEditableCell(col) {
+        return this.isHtmlCell(col) && !!col.cellEdit;
+    }
+    onCellEditComplete(item, col, value) {
+        item[col.field] = value;
+        this.onCellEdit.emit({ item, field: col.field, value });
+    }
     isBadgeCell(col) {
         return col.type && [TableColumnType.TEXT_BADGE, TableColumnType.STACK_BADGE].includes(col.type);
     }
@@ -4145,11 +4155,11 @@ class DataTableComponent {
         return active ? 'success' : 'error';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DataTableComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: DataTableComponent, selector: "vector-data-table", inputs: { columns: "columns", data: "data", exportExcel: "exportExcel", exportPDF: "exportPDF", customFunction: "customFunction", totalRecords: "totalRecords", disabledHeadercheckbox: "disabledHeadercheckbox", filters: "filters", addItemLabel: "addItemLabel", pagination: "pagination", virtualPagination: "virtualPagination", tabs: "tabs", customButtons: "customButtons", addItemButtonPlusSign: "addItemButtonPlusSign", hasActions: "hasActions", hasExpandableIcon: "hasExpandableIcon", addNameColumnExpand: "addNameColumnExpand", expandable: "expandable", expansionTemplate: "expansionTemplate", selectionMode: "selectionMode", selectionType: "selectionType", height: "height", showLimitBalance: "showLimitBalance", showDataBalance: "showDataBalance", dataAccountBalance: "dataAccountBalance", firstLazyLoad: "firstLazyLoad", shouldLazyLoadWithoutFilter: "shouldLazyLoadWithoutFilter", reorderableColumns: "reorderableColumns" }, outputs: { onLazyLoad: "onLazyLoad", onFilter: "onFilter", onAdd: "onAdd", onExportExcel: "onExportExcel", onExportPDF: "onExportPDF", onSelectedRows: "onSelectedRows", onFilterChanged: "onFilterChanged", onTabSelected: "onTabSelected", onExpandRow: "onExpandRow" }, viewQueries: [{ propertyName: "filtersComponent", first: true, predicate: FiltersComponent, descendants: true, static: true }], ngImport: i0, template: "<div class=\"grid\">\n  <div class=\"col-12\">\n    <vector-filters\n      [fields]=\"filters\"\n      (onSearch)=\"lazyLoaded({ filter: true, data: $event })\"\n      (formBuilded)=\"subscribeToFilterChanges()\"\n    ></vector-filters>\n  </div>\n  <div\n    class=\"table-header-actions field\"\n    *ngIf=\"addItemLabel || exportExcel || exportPDF || customFunction || customButtons\"\n  >\n    <button *ngIf=\"exportExcel\" (click)=\"onExportExcel.emit()\" class=\"export-button export-excel\">\n      <i class=\"fas fa-file-excel\"></i><span>Excel</span>\n    </button>\n    <button *ngIf=\"exportPDF\" (click)=\"onExportPDF.emit()\" class=\"export-button export-pdf\">\n      <i class=\"fas fa-file-pdf\"></i><span>PDF</span>\n    </button>\n    <button\n      *ngFor=\"let button of customFunction\"\n      (click)=\"button.clickFunction()\"\n      class=\"export-button custom-function\"\n    >\n      <i *ngIf=\"button?.icon\" class=\"{{ button?.icon }}\"></i><span>{{ button?.label }}</span>\n    </button>\n\n    <vector-button\n      *ngFor=\"let button of customButtons\"\n      class=\"add-item-button\"\n      [round]=\"true\"\n      [label]=\"button.label\"\n      (click)=\"button.clickFunction()\"\n      [rightIcon]=\"addItemButtonPlusSign ? 'pi pi-plus' : ''\"\n      [disabled]=\"button.disabled === true\"\n    ></vector-button>\n    <vector-button\n      *ngIf=\"addItemLabel\"\n      class=\"add-item-button\"\n      [label]=\"addItemLabel\"\n      (click)=\"onAdd.emit()\"\n      [rightIcon]=\"addItemButtonPlusSign ? 'pi pi-plus' : ''\"\n      [round]=\"true\"\n    ></vector-button>\n  </div>\n  @if (showLimitBalance) {\n    <div class=\"col-12 grid ml-0\">\n      @for (itemAccount of dataAccountBalance; track $index) {\n        @if (itemAccount.visible) {\n          <div class=\"card balance-container\">\n            <span class=\"card-header\">{{ itemAccount.name }}</span>\n            <div class=\"card-content value-container\">\n              <span>R$ </span>\n              <span *ngIf=\"itemAccount.showBalance\" class=\"balance\">{{ balance(itemAccount) }}</span>\n              <div class=\"hidden-balance\" *ngIf=\"!itemAccount.showBalance\"></div>\n              <div class=\"icon-container\">\n                <i\n                  class=\"fas\"\n                  [ngClass]=\"{ 'fa-eye': !itemAccount.showBalance, 'fa-eye-slash': itemAccount.showBalance }\"\n                  (click)=\"changeShowBalance(itemAccount)\"\n                ></i>\n              </div>\n            </div>\n          </div>\n        }\n      }\n    </div>\n  }\n  @if (showDataBalance) {\n    <div class=\"col-12 grid ml-0\">\n      @for (itemAccount of dataAccountBalance; track $index) {\n        <div class=\"card balance-container\">\n          <span class=\"card-header\">{{ itemAccount.name }}</span>\n          <div class=\"card-content value-container\">\n            <span class=\"balance\">{{ itemAccount.valueBalance }}</span>\n          </div>\n        </div>\n      }\n    </div>\n  }\n\n  <div class=\"col-12\">\n    <vector-panel class=\"data-table-panel\">\n      <p-tabView (onChange)=\"onTabChange($event)\" *ngIf=\"tabs?.length\">\n        <p-tabPanel *ngFor=\"let tab of tabs\">\n          <ng-template pTemplate=\"header\">\n            <em *ngIf=\"tab.icon\" [class]=\"tab.icon\">&nbsp;</em>\n            <span>{{ tab.name }}</span>\n          </ng-template>\n        </p-tabPanel>\n      </p-tabView>\n      <p-table\n        currentPageReportTemplate=\"Mostrando {first} at\u00E9 {last} de {totalRecords} registros\"\n        sortMode=\"single\"\n        [rows]=\"10\"\n        [lazy]=\"pagination && !virtualPagination\"\n        [value]=\"data\"\n        [paginator]=\"pagination\"\n        [totalRecords]=\"totalRecords\"\n        [showCurrentPageReport]=\"true\"\n        [rowsPerPageOptions]=\"[10, 25, 50, 100]\"\n        [responsive]=\"true\"\n        [resizableColumns]=\"true\"\n        [scrollable]=\"true\"\n        scrollDirection=\"vertical\"\n        responsiveLayout=\"scroll\"\n        dataKey=\"id\"\n        [scrollHeight]=\"height\"\n        [attr.selectionMode]=\"selectionMode\"\n        [(selection)]=\"selectedItems\"\n        (onRowSelect)=\"changeSelectedItems($event)\"\n        (onHeaderCheckboxToggle)=\"changeSelectedItems($event)\"\n        (onRowUnselect)=\"changeSelectedItems($event)\"\n        (onLazyLoad)=\"lazyLoaded({ filter: false, data: $event })\"\n        (selectionChange)=\"onSelectionChange($event)\"\n        [reorderableColumns]=\"reorderableColumns\"\n      >\n        <ng-template pTemplate=\"header\">\n          <tr class=\"header\">\n            <th *ngIf=\"reorderableColumns\" style=\"width: 5rem\"></th>\n\n            <th *ngIf=\"selectionType === 'checkbox'\">\n              <p-tableHeaderCheckbox [disabled]=\"disabledHeadercheckbox\"></p-tableHeaderCheckbox>\n            </th>\n            <th class=\"text-center\" *ngIf=\"hasExpandableIcon\">\n              {{ addNameColumnExpand }}\n            </th>\n            <th *ngIf=\"hasActions\">{{ 'app.label.actions' | translate }}</th>\n            <th *ngIf=\"selectionType === 'radiobutton'\">\n              <div class=\"flex align-items-center\">\n                <span></span>\n              </div>\n            </th>\n            @for (col of columns; track $index) {\n              @if (!col.hidden) {\n                <th\n                  [ngStyle]=\"getColStyle(col)\"\n                  [pSortableColumn]=\"col.notSortable ? '' : col.field\"\n                  pReorderableColumn\n                >\n                  <div class=\"flex align-items-center\">\n                    <span>{{ col.header }}</span> <p-sortIcon *ngIf=\"!col.notSortable\" [field]=\"col.field\"></p-sortIcon>\n                  </div>\n                </th>\n              }\n            }\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-rowData let-item let-expanded=\"expanded\" let-index=\"rowIndex\">\n          <tr\n            class=\"row\"\n            [pSelectableRow]=\"rowData\"\n            [ngClass]=\"{ expandable: expandable }\"\n            [pRowToggler]=\"expandable ? item : undefined\"\n            (click)=\"onRowClick(item)\"\n            [pReorderableRow]=\"index\"\n          >\n            <ng-container *ngIf=\"reorderableColumns\">\n              <td style=\"max-width: 3rem; padding-left: 10px\" class=\"justify-content-center align-items-center\">\n                <span class=\"pi pi-bars\" pReorderableRowHandle></span>\n              </td>\n            </ng-container>\n            <ng-container *ngIf=\"selectionType === 'checkbox'\">\n              <td style=\"max-width: 3rem; padding-left: 10px\" class=\"justify-content-center align-items-center\">\n                <p-tableCheckbox [value]=\"item\" [disabled]=\"item.disabledCheckBox\"></p-tableCheckbox>\n              </td>\n            </ng-container>\n            <ng-container *ngIf=\"selectionType === 'radiobutton'\">\n              <td style=\"max-width: 3rem; padding-left: 10px\" class=\"justify-content-center align-items-center\">\n                <p-tableRadioButton [value]=\"item\"></p-tableRadioButton>\n              </td>\n            </ng-container>\n            <td *ngIf=\"hasExpandableIcon\" style=\"max-width: 150px\" class=\"centered\">\n              <p-menu #menu [model]=\"item.actions\" [popup]=\"true\" appendTo=\"body\"></p-menu>\n              <i\n                [ngClass]=\"\n                  expanded ? 'actions-menu-button pi pi-chevron-down' : 'actions-menu-button pi pi-chevron-right'\n                \"\n              ></i>\n            </td>\n            <td *ngIf=\"hasActions\">\n              <p-menu #menu [model]=\"item.actions\" [popup]=\"true\" appendTo=\"body\"></p-menu>\n              <i class=\"actions-menu-button fas fa-cog\" (click)=\"menu.toggle($event)\"></i>\n            </td>\n            @for (col of columns; track $index) {\n              @if (!col.hidden) {\n                <ng-container>\n                  <td\n                    *ngIf=\"isHtmlCell(col)\"\n                    class=\"cell\"\n                    [innerHTML]=\"getCellContent(item, col)\"\n                    (click)=\"col && col.clickFunction && col.clickFunction(item)\"\n                    [ngStyle]=\"getColStyle(col)\"\n                  ></td>\n                  <td\n                    *ngIf=\"(!isHtmlCell(col) && !!col.getStatus) || isScoreCell(col)\"\n                    class=\"cell\"\n                    (click)=\"col && col.clickFunction && col.clickFunction(item)\"\n                    [ngStyle]=\"getColStyle(col)\"\n                  >\n                    <vector-badge\n                      *ngIf=\"isBadgeCell(col)\"\n                      [label]=\"getCellText(item, col)\"\n                      [type]=\"col.getStatus && col.getStatus(item[col.field])\"\n                      [tooltip]=\"getTooltipText(item, col)\"\n                    ></vector-badge>\n                    <vector-score *ngIf=\"isScoreCell(col)\" [score]=\"item[col.field]\"></vector-score>\n                  </td>\n                </ng-container>\n              }\n            }\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"emptymessage\">\n          <tr class=\"row\">\n            <td class=\"no-results\" [attr.colspan]=\"columns.length + 1\">Nenhum resultado encontrado</td>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"paginatorright\"> </ng-template>\n        <ng-template let-item pTemplate=\"paginatordropdownitem\"> {{ item.value }} </ng-template>\n        <ng-template pTemplate=\"rowexpansion\" let-item>\n          <tr>\n            <td [attr.colspan]=\"columns.length + (hasActions ? 1 : 0)\">\n              <ng-container *ngTemplateOutlet=\"expansionTemplate; context: { item }\"> </ng-container>\n            </td>\n          </tr>\n        </ng-template>\n      </p-table>\n    </vector-panel>\n  </div>\n</div>\n", styles: [".no-results{padding:15px;background-color:#fff;width:100%}.centered{display:flex;justify-content:center}.table-header-actions{display:flex;justify-content:flex-end;align-items:flex-end;width:100%;padding-right:7px;margin-bottom:15px!important}@media (min-width: 768px){.table-header-actions{margin-top:-3px}}.table-header-actions .export-button{padding:7px 10px;color:#fff;display:flex;align-items:center;border:none;border-radius:5px;margin:5px;font-size:.75rem;cursor:pointer}.table-header-actions .export-button.export-excel{background-color:var(--success-color)}.table-header-actions .export-button.export-excel:hover{background-color:var(--success-color-dark)}.table-header-actions .export-button.export-pdf{background-color:var(--error-color)}.table-header-actions .export-button.export-pdf:hover{background-color:var(--error-color-dark)}.table-header-actions .export-button.custom-function{background-color:var(--theme-primary)}.table-header-actions .export-button.custom-function:hover{background-color:var(--theme-medium)}.table-header-actions .export-button i{color:#fff}.table-header-actions .export-button span{margin-left:5px}.table-header-actions .add-item-button{margin-left:10px}.actions-menu-button{font-size:23px;cursor:pointer;color:var(--theme-medium)}.expandable{cursor:pointer}.balance-container{display:flex;flex-direction:column;min-width:13%;padding:0;margin-bottom:30px;top:30px;right:40px;border-radius:8px;margin-right:15px}.balance-container .header-right{flex:1;flex-direction:row;justify-content:flex-end;display:flex}@media screen and (max-width: 1450px){.balance-container{width:40%}}@media screen and (max-width: 960px){.balance-container{position:relative;width:80%;top:auto;right:auto}}.balance-container .card-header{color:var(--theme-medium);border-radius:9px 9px 0 0;padding:10px 10px 2px;font-weight:500;font-size:13px;line-height:17px;letter-spacing:.25px}.balance-container .value-container{display:flex;flex-direction:row;align-items:center;padding:0 10px 5px}.balance-container .value-container span{font-size:2em;font-weight:700;color:var(--theme-secondary)}@media screen and (max-width: 640px){.balance-container .value-container span{font-size:1.6em}}.balance-container .value-container .balance{margin-left:8px;width:70%}.balance-container .value-container .hidden-balance{background-color:var(--gray-lighter);padding:15px;margin-left:8px;width:70%;height:100%}.balance-container .value-container .icon-container{display:flex;flex:1;justify-content:center;align-items:center}.balance-container .value-container .icon-container i{cursor:pointer;font-size:2em;padding-top:2px;color:var(--theme-medium)}\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: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: PanelComponent, selector: "vector-panel" }, { kind: "component", type: i4$4.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i4$4.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: BadgeComponent, selector: "vector-badge", inputs: ["type", "label", "customColor", "customBackgroundColor", "tooltip"] }, { kind: "component", type: ScoreComponent, selector: "vector-score", inputs: ["score"] }, { kind: "component", type: i7.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "component", type: i8.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i8.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i8.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "directive", type: i8.RowToggler, selector: "[pRowToggler]", inputs: ["pRowToggler", "pRowTogglerDisabled"] }, { kind: "directive", type: i8.ReorderableColumn, selector: "[pReorderableColumn]", inputs: ["pReorderableColumnDisabled"] }, { kind: "component", type: i8.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i8.TableRadioButton, selector: "p-tableRadioButton", inputs: ["disabled", "value", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i8.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i8.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "directive", type: i8.ReorderableRowHandle, selector: "[pReorderableRowHandle]" }, { kind: "directive", type: i8.ReorderableRow, selector: "[pReorderableRow]", inputs: ["pReorderableRow", "pReorderableRowDisabled"] }, { kind: "component", type: ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "rightIcon", "noShadow", "round", "style", "loading"], outputs: ["onClick"] }, { kind: "component", type: FiltersComponent, selector: "vector-filters", inputs: ["fields"], outputs: ["onSearch", "formBuilded"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: DataTableComponent, selector: "vector-data-table", inputs: { columns: "columns", data: "data", exportExcel: "exportExcel", exportPDF: "exportPDF", customFunction: "customFunction", totalRecords: "totalRecords", disabledHeadercheckbox: "disabledHeadercheckbox", filters: "filters", addItemLabel: "addItemLabel", pagination: "pagination", virtualPagination: "virtualPagination", tabs: "tabs", customButtons: "customButtons", addItemButtonPlusSign: "addItemButtonPlusSign", hasActions: "hasActions", hasExpandableIcon: "hasExpandableIcon", addNameColumnExpand: "addNameColumnExpand", expandable: "expandable", expansionTemplate: "expansionTemplate", selectionMode: "selectionMode", selectionType: "selectionType", height: "height", showLimitBalance: "showLimitBalance", showDataBalance: "showDataBalance", dataAccountBalance: "dataAccountBalance", firstLazyLoad: "firstLazyLoad", shouldLazyLoadWithoutFilter: "shouldLazyLoadWithoutFilter", reorderableColumns: "reorderableColumns" }, outputs: { onLazyLoad: "onLazyLoad", onFilter: "onFilter", onAdd: "onAdd", onExportExcel: "onExportExcel", onExportPDF: "onExportPDF", onSelectedRows: "onSelectedRows", onFilterChanged: "onFilterChanged", onTabSelected: "onTabSelected", onExpandRow: "onExpandRow", onCellEdit: "onCellEdit" }, viewQueries: [{ propertyName: "filtersComponent", first: true, predicate: FiltersComponent, descendants: true, static: true }], ngImport: i0, template: "<div class=\"grid\">\n  <div class=\"col-12\">\n    <vector-filters\n      [fields]=\"filters\"\n      (onSearch)=\"lazyLoaded({ filter: true, data: $event })\"\n      (formBuilded)=\"subscribeToFilterChanges()\"\n    ></vector-filters>\n  </div>\n  <div\n    class=\"table-header-actions field\"\n    *ngIf=\"addItemLabel || exportExcel || exportPDF || customFunction || customButtons\"\n  >\n    <button *ngIf=\"exportExcel\" (click)=\"onExportExcel.emit()\" class=\"export-button export-excel\">\n      <i class=\"fas fa-file-excel\"></i><span>Excel</span>\n    </button>\n    <button *ngIf=\"exportPDF\" (click)=\"onExportPDF.emit()\" class=\"export-button export-pdf\">\n      <i class=\"fas fa-file-pdf\"></i><span>PDF</span>\n    </button>\n    <button\n      *ngFor=\"let button of customFunction\"\n      (click)=\"button.clickFunction()\"\n      class=\"export-button custom-function\"\n    >\n      <i *ngIf=\"button?.icon\" class=\"{{ button?.icon }}\"></i><span>{{ button?.label }}</span>\n    </button>\n\n    <vector-button\n      *ngFor=\"let button of customButtons\"\n      class=\"add-item-button\"\n      [round]=\"true\"\n      [label]=\"button.label\"\n      (click)=\"button.clickFunction()\"\n      [rightIcon]=\"addItemButtonPlusSign ? 'pi pi-plus' : ''\"\n      [disabled]=\"button.disabled === true\"\n    ></vector-button>\n    <vector-button\n      *ngIf=\"addItemLabel\"\n      class=\"add-item-button\"\n      [label]=\"addItemLabel\"\n      (click)=\"onAdd.emit()\"\n      [rightIcon]=\"addItemButtonPlusSign ? 'pi pi-plus' : ''\"\n      [round]=\"true\"\n    ></vector-button>\n  </div>\n  @if (showLimitBalance) {\n    <div class=\"col-12 grid ml-0\">\n      @for (itemAccount of dataAccountBalance; track $index) {\n        @if (itemAccount.visible) {\n          <div class=\"card balance-container\">\n            <span class=\"card-header\">{{ itemAccount.name }}</span>\n            <div class=\"card-content value-container\">\n              <span>R$ </span>\n              <span *ngIf=\"itemAccount.showBalance\" class=\"balance\">{{ balance(itemAccount) }}</span>\n              <div class=\"hidden-balance\" *ngIf=\"!itemAccount.showBalance\"></div>\n              <div class=\"icon-container\">\n                <i\n                  class=\"fas\"\n                  [ngClass]=\"{ 'fa-eye': !itemAccount.showBalance, 'fa-eye-slash': itemAccount.showBalance }\"\n                  (click)=\"changeShowBalance(itemAccount)\"\n                ></i>\n              </div>\n            </div>\n          </div>\n        }\n      }\n    </div>\n  }\n  @if (showDataBalance) {\n    <div class=\"col-12 grid ml-0\">\n      @for (itemAccount of dataAccountBalance; track $index) {\n        <div class=\"card balance-container\">\n          <span class=\"card-header\">{{ itemAccount.name }}</span>\n          <div class=\"card-content value-container\">\n            <span class=\"balance\">{{ itemAccount.valueBalance }}</span>\n          </div>\n        </div>\n      }\n    </div>\n  }\n\n  <div class=\"col-12\">\n    <vector-panel class=\"data-table-panel\">\n      <p-tabView (onChange)=\"onTabChange($event)\" *ngIf=\"tabs?.length\">\n        <p-tabPanel *ngFor=\"let tab of tabs\">\n          <ng-template pTemplate=\"header\">\n            <em *ngIf=\"tab.icon\" [class]=\"tab.icon\">&nbsp;</em>\n            <span>{{ tab.name }}</span>\n          </ng-template>\n        </p-tabPanel>\n      </p-tabView>\n      <p-table\n        currentPageReportTemplate=\"Mostrando {first} at\u00E9 {last} de {totalRecords} registros\"\n        sortMode=\"single\"\n        [rows]=\"10\"\n        [lazy]=\"pagination && !virtualPagination\"\n        [value]=\"data\"\n        [paginator]=\"pagination\"\n        [totalRecords]=\"totalRecords\"\n        [showCurrentPageReport]=\"true\"\n        [rowsPerPageOptions]=\"[10, 25, 50, 100]\"\n        [responsive]=\"true\"\n        [resizableColumns]=\"true\"\n        [scrollable]=\"true\"\n        scrollDirection=\"vertical\"\n        responsiveLayout=\"scroll\"\n        dataKey=\"id\"\n        [scrollHeight]=\"height\"\n        [attr.selectionMode]=\"selectionMode\"\n        [(selection)]=\"selectedItems\"\n        (onRowSelect)=\"changeSelectedItems($event)\"\n        (onHeaderCheckboxToggle)=\"changeSelectedItems($event)\"\n        (onRowUnselect)=\"changeSelectedItems($event)\"\n        (onLazyLoad)=\"lazyLoaded({ filter: false, data: $event })\"\n        (selectionChange)=\"onSelectionChange($event)\"\n        [reorderableColumns]=\"reorderableColumns\"\n        editMode=\"cell\"\n      >\n        <ng-template pTemplate=\"header\">\n          <tr class=\"header\">\n            <th *ngIf=\"reorderableColumns\" style=\"width: 5rem\"></th>\n\n            <th *ngIf=\"selectionType === 'checkbox'\">\n              <p-tableHeaderCheckbox [disabled]=\"disabledHeadercheckbox\"></p-tableHeaderCheckbox>\n            </th>\n            <th class=\"text-center\" *ngIf=\"hasExpandableIcon\">\n              {{ addNameColumnExpand }}\n            </th>\n            <th *ngIf=\"hasActions\">{{ 'app.label.actions' | translate }}</th>\n            <th *ngIf=\"selectionType === 'radiobutton'\">\n              <div class=\"flex align-items-center\">\n                <span></span>\n              </div>\n            </th>\n            @for (col of columns; track $index) {\n              @if (!col.hidden) {\n                <th\n                  [ngStyle]=\"getColStyle(col)\"\n                  [pSortableColumn]=\"col.notSortable ? '' : col.field\"\n                  pReorderableColumn\n                >\n                  <div class=\"flex align-items-center\">\n                    <span>{{ col.header }}</span> <p-sortIcon *ngIf=\"!col.notSortable\" [field]=\"col.field\"></p-sortIcon>\n                  </div>\n                </th>\n              }\n            }\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-rowData let-item let-expanded=\"expanded\" let-index=\"rowIndex\">\n          <tr\n            class=\"row\"\n            [pSelectableRow]=\"rowData\"\n            [ngClass]=\"{ expandable: expandable }\"\n            [pRowToggler]=\"expandable ? item : undefined\"\n            (click)=\"onRowClick(item)\"\n            [pReorderableRow]=\"index\"\n          >\n            <ng-container *ngIf=\"reorderableColumns\">\n              <td style=\"max-width: 3rem; padding-left: 10px\" class=\"justify-content-center align-items-center\">\n                <span class=\"pi pi-bars\" pReorderableRowHandle></span>\n              </td>\n            </ng-container>\n            <ng-container *ngIf=\"selectionType === 'checkbox'\">\n              <td style=\"max-width: 3rem; padding-left: 10px\" class=\"justify-content-center align-items-center\">\n                <p-tableCheckbox [value]=\"item\" [disabled]=\"item.disabledCheckBox\"></p-tableCheckbox>\n              </td>\n            </ng-container>\n            <ng-container *ngIf=\"selectionType === 'radiobutton'\">\n              <td style=\"max-width: 3rem; padding-left: 10px\" class=\"justify-content-center align-items-center\">\n                <p-tableRadioButton [value]=\"item\"></p-tableRadioButton>\n              </td>\n            </ng-container>\n            <td *ngIf=\"hasExpandableIcon\" style=\"max-width: 150px\" class=\"centered\">\n              <p-menu #menu [model]=\"item.actions\" [popup]=\"true\" appendTo=\"body\"></p-menu>\n              <i\n                [ngClass]=\"\n                  expanded ? 'actions-menu-button pi pi-chevron-down' : 'actions-menu-button pi pi-chevron-right'\n                \"\n              ></i>\n            </td>\n            <td *ngIf=\"hasActions\">\n              <p-menu #menu [model]=\"item.actions\" [popup]=\"true\" appendTo=\"body\"></p-menu>\n              <i class=\"actions-menu-button fas fa-cog\" (click)=\"menu.toggle($event)\"></i>\n            </td>\n            @for (col of columns; track $index) {\n              @if (!col.hidden) {\n                <ng-container>\n                  <td\n                    *ngIf=\"isEditableCell(col)\"\n                    class=\"cell\"\n                    [pEditableColumn]=\"item\"\n                    [pEditableColumnField]=\"col.field\"\n                    [ngStyle]=\"getColStyle(col)\"\n                  >\n                    <p-cellEditor>\n                      <ng-template pTemplate=\"input\">\n                        <p-inputNumber\n                          *ngIf=\"!col.cellEdit?.editType || col.cellEdit?.editType === 'number'\"\n                          [(ngModel)]=\"item[col.field]\"\n                          [suffix]=\"col.cellEdit?.editSuffix || ''\"\n                          mode=\"decimal\"\n                          [maxFractionDigits]=\"col.cellEdit?.editMaxFractionDigits ?? 2\"\n                          [min]=\"col.cellEdit?.editMin ?? 0\"\n                          [max]=\"col.cellEdit?.editMax\"\n                          (onBlur)=\"onCellEditComplete(item, col, item[col.field])\"\n                        ></p-inputNumber>\n                        <input\n                          *ngIf=\"col.cellEdit?.editType === 'text'\"\n                          pInputText\n                          [(ngModel)]=\"item[col.field]\"\n                          (blur)=\"onCellEditComplete(item, col, item[col.field])\"\n                        />\n                      </ng-template>\n                      <ng-template pTemplate=\"output\">\n                        <span>{{ item[col.field] }}{{ col.cellEdit?.editSuffix || '' }}</span>\n                        <i class=\"pi pi-pencil ml-2 text-primary\"></i>\n                      </ng-template>\n                    </p-cellEditor>\n                  </td>\n                  <td\n                    *ngIf=\"isHtmlCell(col) && !col.cellEdit\"\n                    class=\"cell\"\n                    [innerHTML]=\"getCellContent(item, col)\"\n                    (click)=\"col && col.clickFunction && col.clickFunction(item)\"\n                    [ngStyle]=\"getColStyle(col)\"\n                  ></td>\n                  <td\n                    *ngIf=\"(!isHtmlCell(col) && !!col.getStatus) || isScoreCell(col)\"\n                    class=\"cell\"\n                    (click)=\"col && col.clickFunction && col.clickFunction(item)\"\n                    [ngStyle]=\"getColStyle(col)\"\n                  >\n                    <vector-badge\n                      *ngIf=\"isBadgeCell(col)\"\n                      [label]=\"getCellText(item, col)\"\n                      [type]=\"col.getStatus && col.getStatus(item[col.field])\"\n                      [tooltip]=\"getTooltipText(item, col)\"\n                    ></vector-badge>\n                    <vector-score *ngIf=\"isScoreCell(col)\" [score]=\"item[col.field]\"></vector-score>\n                  </td>\n                </ng-container>\n              }\n            }\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"emptymessage\">\n          <tr class=\"row\">\n            <td class=\"no-results\" [attr.colspan]=\"columns.length + 1\">Nenhum resultado encontrado</td>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"paginatorright\"> </ng-template>\n        <ng-template let-item pTemplate=\"paginatordropdownitem\"> {{ item.value }} </ng-template>\n        <ng-template pTemplate=\"rowexpansion\" let-item>\n          <tr>\n            <td [attr.colspan]=\"columns.length + (hasActions ? 1 : 0)\">\n              <ng-container *ngTemplateOutlet=\"expansionTemplate; context: { item }\"> </ng-container>\n            </td>\n          </tr>\n        </ng-template>\n      </p-table>\n    </vector-panel>\n  </div>\n</div>\n", styles: [".no-results{padding:15px;background-color:#fff;width:100%}.centered{display:flex;justify-content:center}.table-header-actions{display:flex;justify-content:flex-end;align-items:flex-end;width:100%;padding-right:7px;margin-bottom:15px!important}@media (min-width: 768px){.table-header-actions{margin-top:-3px}}.table-header-actions .export-button{padding:7px 10px;color:#fff;display:flex;align-items:center;border:none;border-radius:5px;margin:5px;font-size:.75rem;cursor:pointer}.table-header-actions .export-button.export-excel{background-color:var(--success-color)}.table-header-actions .export-button.export-excel:hover{background-color:var(--success-color-dark)}.table-header-actions .export-button.export-pdf{background-color:var(--error-color)}.table-header-actions .export-button.export-pdf:hover{background-color:var(--error-color-dark)}.table-header-actions .export-button.custom-function{background-color:var(--theme-primary)}.table-header-actions .export-button.custom-function:hover{background-color:var(--theme-medium)}.table-header-actions .export-button i{color:#fff}.table-header-actions .export-button span{margin-left:5px}.table-header-actions .add-item-button{margin-left:10px}.actions-menu-button{font-size:23px;cursor:pointer;color:var(--theme-medium)}.expandable{cursor:pointer}.balance-container{display:flex;flex-direction:column;min-width:13%;padding:0;margin-bottom:30px;top:30px;right:40px;border-radius:8px;margin-right:15px}.balance-container .header-right{flex:1;flex-direction:row;justify-content:flex-end;display:flex}@media screen and (max-width: 1450px){.balance-container{width:40%}}@media screen and (max-width: 960px){.balance-container{position:relative;width:80%;top:auto;right:auto}}.balance-container .card-header{color:var(--theme-medium);border-radius:9px 9px 0 0;padding:10px 10px 2px;font-weight:500;font-size:13px;line-height:17px;letter-spacing:.25px}.balance-container .value-container{display:flex;flex-direction:row;align-items:center;padding:0 10px 5px}.balance-container .value-container span{font-size:2em;font-weight:700;color:var(--theme-secondary)}@media screen and (max-width: 640px){.balance-container .value-container span{font-size:1.6em}}.balance-container .value-container .balance{margin-left:8px;width:70%}.balance-container .value-container .hidden-balance{background-color:var(--gray-lighter);padding:15px;margin-left:8px;width:70%;height:100%}.balance-container .value-container .icon-container{display:flex;flex:1;justify-content:center;align-items:center}.balance-container .value-container .icon-container i{cursor:pointer;font-size:2em;padding-top:2px;color:var(--theme-medium)}\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: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4$1.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "directive", type: i2$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i2$3.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: PanelComponent, selector: "vector-panel" }, { kind: "component", type: i7.TabView, selector: "p-tabView", inputs: ["style", "styleClass", "controlClose", "scrollable", "activeIndex", "selectOnFocus", "nextButtonAriaLabel", "prevButtonAriaLabel", "autoHideButtons", "tabindex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i7.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: BadgeComponent, selector: "vector-badge", inputs: ["type", "label", "customColor", "customBackgroundColor", "tooltip"] }, { kind: "component", type: ScoreComponent, selector: "vector-score", inputs: ["score"] }, { kind: "component", type: i10.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "component", type: i11.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i11.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i11.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "directive", type: i11.RowToggler, selector: "[pRowToggler]", inputs: ["pRowToggler", "pRowTogglerDisabled"] }, { kind: "directive", type: i11.ReorderableColumn, selector: "[pReorderableColumn]", inputs: ["pReorderableColumnDisabled"] }, { kind: "directive", type: i11.EditableColumn, selector: "[pEditableColumn]", inputs: ["pEditableColumn", "pEditableColumnField", "pEditableColumnRowIndex", "pEditableColumnDisabled", "pFocusCellSelector"] }, { kind: "component", type: i11.CellEditor, selector: "p-cellEditor" }, { kind: "component", type: i11.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i11.TableRadioButton, selector: "p-tableRadioButton", inputs: ["disabled", "value", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i11.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i11.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "directive", type: i11.ReorderableRowHandle, selector: "[pReorderableRowHandle]" }, { kind: "directive", type: i11.ReorderableRow, selector: "[pReorderableRow]", inputs: ["pReorderableRow", "pReorderableRowDisabled"] }, { kind: "component", type: ButtonComponent, selector: "vector-button", inputs: ["disabled", "label", "type", "leftIcon", "rightIcon", "noShadow", "round", "style", "loading"], outputs: ["onClick"] }, { kind: "component", type: FiltersComponent, selector: "vector-filters", inputs: ["fields"], outputs: ["onSearch", "formBuilded"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DataTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vector-data-table', template: "<div class=\"grid\">\n  <div class=\"col-12\">\n    <vector-filters\n      [fields]=\"filters\"\n      (onSearch)=\"lazyLoaded({ filter: true, data: $event })\"\n      (formBuilded)=\"subscribeToFilterChanges()\"\n    ></vector-filters>\n  </div>\n  <div\n    class=\"table-header-actions field\"\n    *ngIf=\"addItemLabel || exportExcel || exportPDF || customFunction || customButtons\"\n  >\n    <button *ngIf=\"exportExcel\" (click)=\"onExportExcel.emit()\" class=\"export-button export-excel\">\n      <i class=\"fas fa-file-excel\"></i><span>Excel</span>\n    </button>\n    <button *ngIf=\"exportPDF\" (click)=\"onExportPDF.emit()\" class=\"export-button export-pdf\">\n      <i class=\"fas fa-file-pdf\"></i><span>PDF</span>\n    </button>\n    <button\n      *ngFor=\"let button of customFunction\"\n      (click)=\"button.clickFunction()\"\n      class=\"export-button custom-function\"\n    >\n      <i *ngIf=\"button?.icon\" class=\"{{ button?.icon }}\"></i><span>{{ button?.label }}</span>\n    </button>\n\n    <vector-button\n      *ngFor=\"let button of customButtons\"\n      class=\"add-item-button\"\n      [round]=\"true\"\n      [label]=\"button.label\"\n      (click)=\"button.clickFunction()\"\n      [rightIcon]=\"addItemButtonPlusSign ? 'pi pi-plus' : ''\"\n      [disabled]=\"button.disabled === true\"\n    ></vector-button>\n    <vector-button\n      *ngIf=\"addItemLabel\"\n      class=\"add-item-button\"\n      [label]=\"addItemLabel\"\n      (click)=\"onAdd.emit()\"\n      [rightIcon]=\"addItemButtonPlusSign ? 'pi pi-plus' : ''\"\n      [round]=\"true\"\n    ></vector-button>\n  </div>\n  @if (showLimitBalance) {\n    <div class=\"col-12 grid ml-0\">\n      @for (itemAccount of dataAccountBalance; track $index) {\n        @if (itemAccount.visible) {\n          <div class=\"card balance-container\">\n            <span class=\"card-header\">{{ itemAccount.name }}</span>\n            <div class=\"card-content value-container\">\n              <span>R$ </span>\n              <span *ngIf=\"itemAccount.showBalance\" class=\"balance\">{{ balance(itemAccount) }}</span>\n              <div class=\"hidden-balance\" *ngIf=\"!itemAccount.showBalance\"></div>\n              <div class=\"icon-container\">\n                <i\n                  class=\"fas\"\n                  [ngClass]=\"{ 'fa-eye': !itemAccount.showBalance, 'fa-eye-slash': itemAccount.showBalance }\"\n                  (click)=\"changeShowBalance(itemAccount)\"\n                ></i>\n              </div>\n            </div>\n          </div>\n        }\n      }\n    </div>\n  }\n  @if (showDataBalance) {\n    <div class=\"col-12 grid ml-0\">\n      @for (itemAccount of dataAccountBalance; track $index) {\n        <div class=\"card balance-container\">\n          <span class=\"card-header\">{{ itemAccount.name }}</span>\n          <div class=\"card-content value-container\">\n            <span class=\"balance\">{{ itemAccount.valueBalance }}</span>\n          </div>\n        </div>\n      }\n    </div>\n  }\n\n  <div class=\"col-12\">\n    <vector-panel class=\"data-table-panel\">\n      <p-tabView (onChange)=\"onTabChange($event)\" *ngIf=\"tabs?.length\">\n        <p-tabPanel *ngFor=\"let tab of tabs\">\n          <ng-template pTemplate=\"header\">\n            <em *ngIf=\"tab.icon\" [class]=\"tab.icon\">&nbsp;</em>\n            <span>{{ tab.name }}</span>\n          </ng-template>\n        </p-tabPanel>\n      </p-tabView>\n      <p-table\n        currentPageReportTemplate=\"Mostrando {first} at\u00E9 {last} de {totalRecords} registros\"\n        sortMode=\"single\"\n        [rows]=\"10\"\n        [lazy]=\"pagination && !virtualPagination\"\n        [value]=\"data\"\n        [paginator]=\"pagination\"\n        [totalRecords]=\"totalRecords\"\n        [showCurrentPageReport]=\"true\"\n        [rowsPerPageOptions]=\"[10, 25, 50, 100]\"\n        [responsive]=\"true\"\n        [resizableColumns]=\"true\"\n        [scrollable]=\"true\"\n        scrollDirection=\"vertical\"\n        responsiveLayout=\"scroll\"\n        dataKey=\"id\"\n        [scrollHeight]=\"height\"\n        [attr.selectionMode]=\"selectionMode\"\n        [(selection)]=\"selectedItems\"\n        (onRowSelect)=\"changeSelectedItems($event)\"\n        (onHeaderCheckboxToggle)=\"changeSelectedItems($event)\"\n        (onRowUnselect)=\"changeSelectedItems($event)\"\n        (onLazyLoad)=\"lazyLoaded({ filter: false, data: $event })\"\n        (selectionChange)=\"onSelectionChange($event)\"\n        [reorderableColumns]=\"reorderableColumns\"\n      >\n        <ng-template pTemplate=\"header\">\n          <tr class=\"header\">\n            <th *ngIf=\"reorderableColumns\" style=\"width: 5rem\"></th>\n\n            <th *ngIf=\"selectionType === 'checkbox'\">\n              <p-tableHeaderCheckbox [disabled]=\"disabledHeadercheckbox\"></p-tableHeaderCheckbox>\n            </th>\n            <th class=\"text-center\" *ngIf=\"hasExpandableIcon\">\n              {{ addNameColumnExpand }}\n            </th>\n            <th *ngIf=\"hasActions\">{{ 'app.label.actions' | translate }}</th>\n            <th *ngIf=\"selectionType === 'radiobutton'\">\n              <div class=\"flex align-items-center\">\n                <span></span>\n              </div>\n            </th>\n            @for (col of columns; track $index) {\n              @if (!col.hidden) {\n                <th\n                  [ngStyle]=\"getColStyle(col)\"\n                  [pSortableColumn]=\"col.notSortable ? '' : col.field\"\n                  pReorderableColumn\n                >\n                  <div class=\"flex align-items-center\">\n                    <span>{{ col.header }}</span> <p-sortIcon *ngIf=\"!col.notSortable\" [field]=\"col.field\"></p-sortIcon>\n                  </div>\n                </th>\n              }\n            }\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-rowData let-item let-expanded=\"expanded\" let-index=\"rowIndex\">\n          <tr\n            class=\"row\"\n            [pSelectableRow]=\"rowData\"\n            [ngClass]=\"{ expandable: expandable }\"\n            [pRowToggler]=\"expandable ? item : undefined\"\n            (click)=\"onRowClick(item)\"\n            [pReorderableRow]=\"index\"\n          >\n            <ng-container *ngIf=\"reorderableColumns\">\n              <td style=\"max-width: 3rem; padding-left: 10px\" class=\"justify-content-center align-items-center\">\n                <span class=\"pi pi-bars\" pReorderableRowHandle></span>\n              </td>\n            </ng-container>\n            <ng-container *ngIf=\"selectionType === 'checkbox'\">\n              <td style=\"max-width: 3rem; padding-left: 10px\" class=\"justify-content-center align-items-center\">\n                <p-tableCheckbox [value]=\"item\" [disabled]=\"item.disabledCheckBox\"></p-tableCheckbox>\n              </td>\n            </ng-container>\n            <ng-container *ngIf=\"selectionType === 'radiobutton'\">\n              <td style=\"max-width: 3rem; padding-left: 10px\" class=\"justify-content-center align-items-center\">\n                <p-tableRadioButton [value]=\"item\"></p-tableRadioButton>\n              </td>\n            </ng-container>\n            <td *ngIf=\"hasExpandableIcon\" style=\"max-width: 150px\" class=\"centered\">\n              <p-menu #menu [model]=\"item.actions\" [popup]=\"true\" appendTo=\"body\"></p-menu>\n              <i\n                [ngClass]=\"\n                  expanded ? 'actions-menu-button pi pi-chevron-down' : 'actions-menu-button pi pi-chevron-right'\n                \"\n              ></i>\n            </td>\n            <td *ngIf=\"hasActions\">\n              <p-menu #menu [model]=\"item.actions\" [popup]=\"true\" appendTo=\"body\"></p-menu>\n              <i class=\"actions-menu-button fas fa-cog\" (click)=\"menu.toggle($event)\"></i>\n            </td>\n            @for (col of columns; track $index) {\n              @if (!col.hidden) {\n                <ng-container>\n                  <td\n                    *ngIf=\"isHtmlCell(col)\"\n                    class=\"cell\"\n                    [innerHTML]=\"getCellContent(item, col)\"\n                    (click)=\"col && col.clickFunction && col.clickFunction(item)\"\n                    [ngStyle]=\"getColStyle(col)\"\n                  ></td>\n                  <td\n                    *ngIf=\"(!isHtmlCell(col) && !!col.getStatus) || isScoreCell(col)\"\n                    class=\"cell\"\n                    (click)=\"col && col.clickFunction && col.clickFunction(item)\"\n                    [ngStyle]=\"getColStyle(col)\"\n                  >\n                    <vector-badge\n                      *ngIf=\"isBadgeCell(col)\"\n                      [label]=\"getCellText(item, col)\"\n                      [type]=\"col.getStatus && col.getStatus(item[col.field])\"\n                      [tooltip]=\"getTooltipText(item, col)\"\n                    ></vector-badge>\n                    <vector-score *ngIf=\"isScoreCell(col)\" [score]=\"item[col.field]\"></vector-score>\n                  </td>\n                </ng-container>\n              }\n            }\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"emptymessage\">\n          <tr class=\"row\">\n            <td class=\"no-results\" [attr.colspan]=\"columns.length + 1\">Nenhum resultado encontrado</td>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"paginatorright\"> </ng-template>\n        <ng-template let-item pTemplate=\"paginatordropdownitem\"> {{ item.value }} </ng-template>\n        <ng-template pTemplate=\"rowexpansion\" let-item>\n          <tr>\n            <td [attr.colspan]=\"columns.length + (hasActions ? 1 : 0)\">\n              <ng-container *ngTemplateOutlet=\"expansionTemplate; context: { item }\"> </ng-container>\n            </td>\n          </tr>\n        </ng-template>\n      </p-table>\n    </vector-panel>\n  </div>\n</div>\n", styles: [".no-results{padding:15px;background-color:#fff;width:100%}.centered{display:flex;justify-content:center}.table-header-actions{display:flex;justify-content:flex-end;align-items:flex-end;width:100%;padding-right:7px;margin-bottom:15px!important}@media (min-width: 768px){.table-header-actions{margin-top:-3px}}.table-header-actions .export-button{padding:7px 10px;color:#fff;display:flex;align-items:center;border:none;border-radius:5px;margin:5px;font-size:.75rem;cursor:pointer}.table-header-actions .export-button.export-excel{background-color:var(--success-color)}.table-header-actions .export-button.export-excel:hover{background-color:var(--success-color-dark)}.table-header-actions .export-button.export-pdf{background-color:var(--error-color)}.table-header-actions .export-button.export-pdf:hover{background-color:var(--error-color-dark)}.table-header-actions .export-button.custom-function{background-color:var(--theme-primary)}.table-header-actions .export-button.custom-function:hover{background-color:var(--theme-medium)}.table-header-actions .export-button i{color:#fff}.table-header-actions .export-button span{margin-left:5px}.table-header-actions .add-item-button{margin-left:10px}.actions-menu-button{font-size:23px;cursor:pointer;color:var(--theme-medium)}.expandable{cursor:pointer}.balance-container{display:flex;flex-direction:column;min-width:13%;padding:0;margin-bottom:30px;top:30px;right:40px;border-radius:8px;margin-right:15px}.balance-container .header-right{flex:1;flex-direction:row;justify-content:flex-end;display:flex}@media screen and (max-width: 1450px){.balance-container{width:40%}}@media screen and (max-width: 960px){.balance-container{position:relative;width:80%;top:auto;right:auto}}.balance-container .card-header{color:var(--theme-medium);border-radius:9px 9px 0 0;padding:10px 10px 2px;font-weight:500;font-size:13px;line-height:17px;letter-spacing:.25px}.balance-container .value-container{display:flex;flex-direction:row;align-items:center;padding:0 10px 5px}.balance-container .value-container span{font-size:2em;font-weight:700;color:var(--theme-secondary)}@media screen and (max-width: 640px){.balance-container .value-container span{font-size:1.6em}}.balance-container .value-container .balance{margin-left:8px;width:70%}.balance-container .value-container .hidden-balance{background-color:var(--gray-lighter);padding:15px;margin-left:8px;width:70%;height:100%}.balance-container .value-container .icon-container{display:flex;flex:1;justify-content:center;align-items:center}.balance-container .value-container .icon-container i{cursor:pointer;font-size:2em;padding-top:2px;color:var(--theme-medium)}\n"] }]
+            args: [{ selector: 'vector-data-table', template: "<div class=\"grid\">\n  <div class=\"col-12\">\n    <vector-filters\n      [fields]=\"filters\"\n      (onSearch)=\"lazyLoaded({ filter: true, data: $event })\"\n      (formBuilded)=\"subscribeToFilterChanges()\"\n    ></vector-filters>\n  </div>\n  <div\n    class=\"table-header-actions field\"\n    *ngIf=\"addItemLabel || exportExcel || exportPDF || customFunction || customButtons\"\n  >\n    <button *ngIf=\"exportExcel\" (click)=\"onExportExcel.emit()\" class=\"export-button export-excel\">\n      <i class=\"fas fa-file-excel\"></i><span>Excel</span>\n    </button>\n    <button *ngIf=\"exportPDF\" (click)=\"onExportPDF.emit()\" class=\"export-button export-pdf\">\n      <i class=\"fas fa-file-pdf\"></i><span>PDF</span>\n    </button>\n    <button\n      *ngFor=\"let button of customFunction\"\n      (click)=\"button.clickFunction()\"\n      class=\"export-button custom-function\"\n    >\n      <i *ngIf=\"button?.icon\" class=\"{{ button?.icon }}\"></i><span>{{ button?.label }}</span>\n    </button>\n\n    <vector-button\n      *ngFor=\"let button of customButtons\"\n      class=\"add-item-button\"\n      [round]=\"true\"\n      [label]=\"button.label\"\n      (click)=\"button.clickFunction()\"\n      [rightIcon]=\"addItemButtonPlusSign ? 'pi pi-plus' : ''\"\n      [disabled]=\"button.disabled === true\"\n    ></vector-button>\n    <vector-button\n      *ngIf=\"addItemLabel\"\n      class=\"add-item-button\"\n      [label]=\"addItemLabel\"\n      (click)=\"onAdd.emit()\"\n      [rightIcon]=\"addItemButtonPlusSign ? 'pi pi-plus' : ''\"\n      [round]=\"true\"\n    ></vector-button>\n  </div>\n  @if (showLimitBalance) {\n    <div class=\"col-12 grid ml-0\">\n      @for (itemAccount of dataAccountBalance; track $index) {\n        @if (itemAccount.visible) {\n          <div class=\"card balance-container\">\n            <span class=\"card-header\">{{ itemAccount.name }}</span>\n            <div class=\"card-content value-container\">\n              <span>R$ </span>\n              <span *ngIf=\"itemAccount.showBalance\" class=\"balance\">{{ balance(itemAccount) }}</span>\n              <div class=\"hidden-balance\" *ngIf=\"!itemAccount.showBalance\"></div>\n              <div class=\"icon-container\">\n                <i\n                  class=\"fas\"\n                  [ngClass]=\"{ 'fa-eye': !itemAccount.showBalance, 'fa-eye-slash': itemAccount.showBalance }\"\n                  (click)=\"changeShowBalance(itemAccount)\"\n                ></i>\n              </div>\n            </div>\n          </div>\n        }\n      }\n    </div>\n  }\n  @if (showDataBalance) {\n    <div class=\"col-12 grid ml-0\">\n      @for (itemAccount of dataAccountBalance; track $index) {\n        <div class=\"card balance-container\">\n          <span class=\"card-header\">{{ itemAccount.name }}</span>\n          <div class=\"card-content value-container\">\n            <span class=\"balance\">{{ itemAccount.valueBalance }}</span>\n          </div>\n        </div>\n      }\n    </div>\n  }\n\n  <div class=\"col-12\">\n    <vector-panel class=\"data-table-panel\">\n      <p-tabView (onChange)=\"onTabChange($event)\" *ngIf=\"tabs?.length\">\n        <p-tabPanel *ngFor=\"let tab of tabs\">\n          <ng-template pTemplate=\"header\">\n            <em *ngIf=\"tab.icon\" [class]=\"tab.icon\">&nbsp;</em>\n            <span>{{ tab.name }}</span>\n          </ng-template>\n        </p-tabPanel>\n      </p-tabView>\n      <p-table\n        currentPageReportTemplate=\"Mostrando {first} at\u00E9 {last} de {totalRecords} registros\"\n        sortMode=\"single\"\n        [rows]=\"10\"\n        [lazy]=\"pagination && !virtualPagination\"\n        [value]=\"data\"\n        [paginator]=\"pagination\"\n        [totalRecords]=\"totalRecords\"\n        [showCurrentPageReport]=\"true\"\n        [rowsPerPageOptions]=\"[10, 25, 50, 100]\"\n        [responsive]=\"true\"\n        [resizableColumns]=\"true\"\n        [scrollable]=\"true\"\n        scrollDirection=\"vertical\"\n        responsiveLayout=\"scroll\"\n        dataKey=\"id\"\n        [scrollHeight]=\"height\"\n        [attr.selectionMode]=\"selectionMode\"\n        [(selection)]=\"selectedItems\"\n        (onRowSelect)=\"changeSelectedItems($event)\"\n        (onHeaderCheckboxToggle)=\"changeSelectedItems($event)\"\n        (onRowUnselect)=\"changeSelectedItems($event)\"\n        (onLazyLoad)=\"lazyLoaded({ filter: false, data: $event })\"\n        (selectionChange)=\"onSelectionChange($event)\"\n        [reorderableColumns]=\"reorderableColumns\"\n        editMode=\"cell\"\n      >\n        <ng-template pTemplate=\"header\">\n          <tr class=\"header\">\n            <th *ngIf=\"reorderableColumns\" style=\"width: 5rem\"></th>\n\n            <th *ngIf=\"selectionType === 'checkbox'\">\n              <p-tableHeaderCheckbox [disabled]=\"disabledHeadercheckbox\"></p-tableHeaderCheckbox>\n            </th>\n            <th class=\"text-center\" *ngIf=\"hasExpandableIcon\">\n              {{ addNameColumnExpand }}\n            </th>\n            <th *ngIf=\"hasActions\">{{ 'app.label.actions' | translate }}</th>\n            <th *ngIf=\"selectionType === 'radiobutton'\">\n              <div class=\"flex align-items-center\">\n                <span></span>\n              </div>\n            </th>\n            @for (col of columns; track $index) {\n              @if (!col.hidden) {\n                <th\n                  [ngStyle]=\"getColStyle(col)\"\n                  [pSortableColumn]=\"col.notSortable ? '' : col.field\"\n                  pReorderableColumn\n                >\n                  <div class=\"flex align-items-center\">\n                    <span>{{ col.header }}</span> <p-sortIcon *ngIf=\"!col.notSortable\" [field]=\"col.field\"></p-sortIcon>\n                  </div>\n                </th>\n              }\n            }\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-rowData let-item let-expanded=\"expanded\" let-index=\"rowIndex\">\n          <tr\n            class=\"row\"\n            [pSelectableRow]=\"rowData\"\n            [ngClass]=\"{ expandable: expandable }\"\n            [pRowToggler]=\"expandable ? item : undefined\"\n            (click)=\"onRowClick(item)\"\n            [pReorderableRow]=\"index\"\n          >\n            <ng-container *ngIf=\"reorderableColumns\">\n              <td style=\"max-width: 3rem; padding-left: 10px\" class=\"justify-content-center align-items-center\">\n                <span class=\"pi pi-bars\" pReorderableRowHandle></span>\n              </td>\n            </ng-container>\n            <ng-container *ngIf=\"selectionType === 'checkbox'\">\n              <td style=\"max-width: 3rem; padding-left: 10px\" class=\"justify-content-center align-items-center\">\n                <p-tableCheckbox [value]=\"item\" [disabled]=\"item.disabledCheckBox\"></p-tableCheckbox>\n              </td>\n            </ng-container>\n            <ng-container *ngIf=\"selectionType === 'radiobutton'\">\n              <td style=\"max-width: 3rem; padding-left: 10px\" class=\"justify-content-center align-items-center\">\n                <p-tableRadioButton [value]=\"item\"></p-tableRadioButton>\n              </td>\n            </ng-container>\n            <td *ngIf=\"hasExpandableIcon\" style=\"max-width: 150px\" class=\"centered\">\n              <p-menu #menu [model]=\"item.actions\" [popup]=\"true\" appendTo=\"body\"></p-menu>\n              <i\n                [ngClass]=\"\n                  expanded ? 'actions-menu-button pi pi-chevron-down' : 'actions-menu-button pi pi-chevron-right'\n                \"\n              ></i>\n            </td>\n            <td *ngIf=\"hasActions\">\n              <p-menu #menu [model]=\"item.actions\" [popup]=\"true\" appendTo=\"body\"></p-menu>\n              <i class=\"actions-menu-button fas fa-cog\" (click)=\"menu.toggle($event)\"></i>\n            </td>\n            @for (col of columns; track $index) {\n              @if (!col.hidden) {\n                <ng-container>\n                  <td\n                    *ngIf=\"isEditableCell(col)\"\n                    class=\"cell\"\n                    [pEditableColumn]=\"item\"\n                    [pEditableColumnField]=\"col.field\"\n                    [ngStyle]=\"getColStyle(col)\"\n                  >\n                    <p-cellEditor>\n                      <ng-template pTemplate=\"input\">\n                        <p-inputNumber\n                          *ngIf=\"!col.cellEdit?.editType || col.cellEdit?.editType === 'number'\"\n                          [(ngModel)]=\"item[col.field]\"\n                          [suffix]=\"col.cellEdit?.editSuffix || ''\"\n                          mode=\"decimal\"\n                          [maxFractionDigits]=\"col.cellEdit?.editMaxFractionDigits ?? 2\"\n                          [min]=\"col.cellEdit?.editMin ?? 0\"\n                          [max]=\"col.cellEdit?.editMax\"\n                          (onBlur)=\"onCellEditComplete(item, col, item[col.field])\"\n                        ></p-inputNumber>\n                        <input\n                          *ngIf=\"col.cellEdit?.editType === 'text'\"\n                          pInputText\n                          [(ngModel)]=\"item[col.field]\"\n                          (blur)=\"onCellEditComplete(item, col, item[col.field])\"\n                        />\n                      </ng-template>\n                      <ng-template pTemplate=\"output\">\n                        <span>{{ item[col.field] }}{{ col.cellEdit?.editSuffix || '' }}</span>\n                        <i class=\"pi pi-pencil ml-2 text-primary\"></i>\n                      </ng-template>\n                    </p-cellEditor>\n                  </td>\n                  <td\n                    *ngIf=\"isHtmlCell(col) && !col.cellEdit\"\n                    class=\"cell\"\n                    [innerHTML]=\"getCellContent(item, col)\"\n                    (click)=\"col && col.clickFunction && col.clickFunction(item)\"\n                    [ngStyle]=\"getColStyle(col)\"\n                  ></td>\n                  <td\n                    *ngIf=\"(!isHtmlCell(col) && !!col.getStatus) || isScoreCell(col)\"\n                    class=\"cell\"\n                    (click)=\"col && col.clickFunction && col.clickFunction(item)\"\n                    [ngStyle]=\"getColStyle(col)\"\n                  >\n                    <vector-badge\n                      *ngIf=\"isBadgeCell(col)\"\n                      [label]=\"getCellText(item, col)\"\n                      [type]=\"col.getStatus && col.getStatus(item[col.field])\"\n                      [tooltip]=\"getTooltipText(item, col)\"\n                    ></vector-badge>\n                    <vector-score *ngIf=\"isScoreCell(col)\" [score]=\"item[col.field]\"></vector-score>\n                  </td>\n                </ng-container>\n              }\n            }\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"emptymessage\">\n          <tr class=\"row\">\n            <td class=\"no-results\" [attr.colspan]=\"columns.length + 1\">Nenhum resultado encontrado</td>\n          </tr>\n        </ng-template>\n        <ng-template pTemplate=\"paginatorright\"> </ng-template>\n        <ng-template let-item pTemplate=\"paginatordropdownitem\"> {{ item.value }} </ng-template>\n        <ng-template pTemplate=\"rowexpansion\" let-item>\n          <tr>\n            <td [attr.colspan]=\"columns.length + (hasActions ? 1 : 0)\">\n              <ng-container *ngTemplateOutlet=\"expansionTemplate; context: { item }\"> </ng-container>\n            </td>\n          </tr>\n        </ng-template>\n      </p-table>\n    </vector-panel>\n  </div>\n</div>\n", styles: [".no-results{padding:15px;background-color:#fff;width:100%}.centered{display:flex;justify-content:center}.table-header-actions{display:flex;justify-content:flex-end;align-items:flex-end;width:100%;padding-right:7px;margin-bottom:15px!important}@media (min-width: 768px){.table-header-actions{margin-top:-3px}}.table-header-actions .export-button{padding:7px 10px;color:#fff;display:flex;align-items:center;border:none;border-radius:5px;margin:5px;font-size:.75rem;cursor:pointer}.table-header-actions .export-button.export-excel{background-color:var(--success-color)}.table-header-actions .export-button.export-excel:hover{background-color:var(--success-color-dark)}.table-header-actions .export-button.export-pdf{background-color:var(--error-color)}.table-header-actions .export-button.export-pdf:hover{background-color:var(--error-color-dark)}.table-header-actions .export-button.custom-function{background-color:var(--theme-primary)}.table-header-actions .export-button.custom-function:hover{background-color:var(--theme-medium)}.table-header-actions .export-button i{color:#fff}.table-header-actions .export-button span{margin-left:5px}.table-header-actions .add-item-button{margin-left:10px}.actions-menu-button{font-size:23px;cursor:pointer;color:var(--theme-medium)}.expandable{cursor:pointer}.balance-container{display:flex;flex-direction:column;min-width:13%;padding:0;margin-bottom:30px;top:30px;right:40px;border-radius:8px;margin-right:15px}.balance-container .header-right{flex:1;flex-direction:row;justify-content:flex-end;display:flex}@media screen and (max-width: 1450px){.balance-container{width:40%}}@media screen and (max-width: 960px){.balance-container{position:relative;width:80%;top:auto;right:auto}}.balance-container .card-header{color:var(--theme-medium);border-radius:9px 9px 0 0;padding:10px 10px 2px;font-weight:500;font-size:13px;line-height:17px;letter-spacing:.25px}.balance-container .value-container{display:flex;flex-direction:row;align-items:center;padding:0 10px 5px}.balance-container .value-container span{font-size:2em;font-weight:700;color:var(--theme-secondary)}@media screen and (max-width: 640px){.balance-container .value-container span{font-size:1.6em}}.balance-container .value-container .balance{margin-left:8px;width:70%}.balance-container .value-container .hidden-balance{background-color:var(--gray-lighter);padding:15px;margin-left:8px;width:70%;height:100%}.balance-container .value-container .icon-container{display:flex;flex:1;justify-content:center;align-items:center}.balance-container .value-container .icon-container i{cursor:pointer;font-size:2em;padding-top:2px;color:var(--theme-medium)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { columns: [{
                 type: Input
             }], data: [{
@@ -4218,6 +4228,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Output
             }], onExpandRow: [{
                 type: Output
+            }], onCellEdit: [{
+                type: Output
             }], firstLazyLoad: [{
                 type: Input
             }], shouldLazyLoadWithoutFilter: [{
@@ -4968,7 +4980,7 @@ class CrudHistoryComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CrudHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CrudHistoryComponent, selector: "vector-crud-history", inputs: { crudHistory: "crudHistory" }, outputs: { onClick: "onClick" }, usesOnChanges: true, ngImport: i0, template: "<p-accordionTab *ngIf=\"crudHistory\" class=\"history-item\">\n  <ng-template pTemplate=\"header\">\n    <div class=\"history-item-header-container\" (click)=\"onClick.emit()\">\n      <div class=\"history-item-header-left\">\n        <span id=\"color-first-span\" *ngIf=\"crudHistory.typeOfModification\">{{ crudHistory.typeOfModification }}</span>\n        <vector-badge\n          [customBackgroundColor]=\"getHistoryBadgeBackgroundColor(crudHistory.eventType)\"\n          [customColor]=\"getHistoryBadgeColor(crudHistory.eventType)\"\n          [label]=\"getHistoryBadgeLabel(crudHistory.eventType)\"\n        ></vector-badge>\n        <span>por {{ modifierNameLabel }}</span>\n      </div>\n      <span class=\"history-item-header-right\">\n        {{ crudHistory.dateTime | date : 'dd/MM/yyyy HH:mm' }}\n      </span>\n    </div>\n  </ng-template>\n  <ng-template pTemplate=\"content\">\n    <div *ngFor=\"let auditDelta of crudHistory.dataAuditDelta\">\n      <div class=\"grid\">\n        <div class=\"col-12 md:col-6 field\">\n          <span>{{ auditDelta.fieldName }}</span>\n        </div>\n        <div class=\"col-12 md:col-6 field\">\n          <span class=\"new-value\">{{ auditDelta.newValue }}</span>\n          <span class=\"old-value pl-1\">{{ auditDelta.oldValue }}</span>\n          <span *ngIf=\"auditDelta.type || auditDelta.type == 0\" class=\"text-600 pl-1\">\n            Entity: <span class=\"text-green-300\">{{ auditDelta.type }}</span>\n            <i\n              class=\"fas fa-info-circle text-400 text-base ch pl-1\"\n              [pTooltip]=\"auditDelta.typeDescription\"\n              tooltipPosition=\"top\"\n            ></i>\n          </span>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n</p-accordionTab>\n", styles: [".history-item{width:100%;margin:10px 0}.history-item .history-item-header-container{display:flex;align-items:center;justify-content:space-between;width:100%}.history-item .history-item-header-container .history-item-header-left{display:flex;align-items:center}.history-item .history-item-header-container .history-item-header-left span#color-first-span{color:#000;margin-right:10px}.history-item .history-item-header-container .history-item-header-left span{margin-left:15px;color:var(--theme-medium);font-weight:600}.history-item .history-item-header-container .history-item-header-right{font-size:.8rem;color:var(--gray-darker);margin-right:40px}.new-value{color:#83c5be}.old-value{color:#000}\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: i2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: BadgeComponent, selector: "vector-badge", inputs: ["type", "label", "customColor", "customBackgroundColor", "tooltip"] }, { kind: "component", type: i4$5.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { kind: "directive", type: i2$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CrudHistoryComponent, selector: "vector-crud-history", inputs: { crudHistory: "crudHistory" }, outputs: { onClick: "onClick" }, usesOnChanges: true, ngImport: i0, template: "<p-accordionTab *ngIf=\"crudHistory\" class=\"history-item\">\n  <ng-template pTemplate=\"header\">\n    <div class=\"history-item-header-container\" (click)=\"onClick.emit()\">\n      <div class=\"history-item-header-left\">\n        <span id=\"color-first-span\" *ngIf=\"crudHistory.typeOfModification\">{{ crudHistory.typeOfModification }}</span>\n        <vector-badge\n          [customBackgroundColor]=\"getHistoryBadgeBackgroundColor(crudHistory.eventType)\"\n          [customColor]=\"getHistoryBadgeColor(crudHistory.eventType)\"\n          [label]=\"getHistoryBadgeLabel(crudHistory.eventType)\"\n        ></vector-badge>\n        <span>por {{ modifierNameLabel }}</span>\n      </div>\n      <span class=\"history-item-header-right\">\n        {{ crudHistory.dateTime | date : 'dd/MM/yyyy HH:mm' }}\n      </span>\n    </div>\n  </ng-template>\n  <ng-template pTemplate=\"content\">\n    <div *ngFor=\"let auditDelta of crudHistory.dataAuditDelta\">\n      <div class=\"grid\">\n        <div class=\"col-12 md:col-6 field\">\n          <span>{{ auditDelta.fieldName }}</span>\n        </div>\n        <div class=\"col-12 md:col-6 field\">\n          <span class=\"new-value\">{{ auditDelta.newValue }}</span>\n          <span class=\"old-value pl-1\">{{ auditDelta.oldValue }}</span>\n          <span *ngIf=\"auditDelta.type || auditDelta.type == 0\" class=\"text-600 pl-1\">\n            Entity: <span class=\"text-green-300\">{{ auditDelta.type }}</span>\n            <i\n              class=\"fas fa-info-circle text-400 text-base ch pl-1\"\n              [pTooltip]=\"auditDelta.typeDescription\"\n              tooltipPosition=\"top\"\n            ></i>\n          </span>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n</p-accordionTab>\n", styles: [".history-item{width:100%;margin:10px 0}.history-item .history-item-header-container{display:flex;align-items:center;justify-content:space-between;width:100%}.history-item .history-item-header-container .history-item-header-left{display:flex;align-items:center}.history-item .history-item-header-container .history-item-header-left span#color-first-span{color:#000;margin-right:10px}.history-item .history-item-header-container .history-item-header-left span{margin-left:15px;color:var(--theme-medium);font-weight:600}.history-item .history-item-header-container .history-item-header-right{font-size:.8rem;color:var(--gray-darker);margin-right:40px}.new-value{color:#83c5be}.old-value{color:#000}\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: i2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: BadgeComponent, selector: "vector-badge", inputs: ["type", "label", "customColor", "customBackgroundColor", "tooltip"] }, { kind: "component", type: i4$4.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }, { kind: "directive", type: i2$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CrudHistoryComponent, decorators: [{
             type: Component,