@seniorsistemas/tmsx-angular-components 1.0.6 → 2.0.0

package/fesm2015/seniorsistemas-tmsx-angular-components.js

@@ -1,839 +0,0 @@
-import pLimit from 'p-limit';
-import { __awaiter, __decorate } from 'tslib';
-import { TranslateService, TranslateModule } from '@ngx-translate/core';
-import { EventEmitter, ɵɵdefineInjectable, ɵɵinject, Input, Output, Injectable, Component, NgModule, ChangeDetectorRef, ViewChild, InjectionToken } from '@angular/core';
-import { EnumColumnFieldType, LocaleModule, TooltipModule, TableModule as TableModule$1, ButtonModule, FieldType, LocalizedDatePipe, LoadingStateModule, NumberInputModule, BreadcrumbModule, ControlErrorsModule, CustomFieldsModule, DynamicFormModule, EmptyStateModule, TokenListModule } from '@seniorsistemas/angular-components';
-import { TableModule } from 'primeng/table';
-import { CommonModule } from '@angular/common';
-import { PanelModule } from 'primeng/panel';
-import { Subject } from 'rxjs';
-import { Hotkey, HotkeysService } from 'angular2-hotkeys';
-import { ToastModule } from 'primeng/toast';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { InputTextModule } from 'primeng/inputtext';
-import { ConfirmDialogModule } from 'primeng/confirmdialog';
-import { CalendarModule } from 'primeng/calendar';
-import { DropdownModule } from 'primeng/dropdown';
-import { SharedModule } from 'primeng/api';
-import { TooltipModule as TooltipModule$1 } from 'primeng/tooltip';
-import { AutoCompleteModule } from 'primeng/autocomplete';
-import { CheckboxModule } from 'primeng/checkbox';
-
-var EnumProcessamentoStatus;
-(function (EnumProcessamentoStatus) {
-    EnumProcessamentoStatus["SUCCESS"] = "SUCCESS";
-    EnumProcessamentoStatus["FAILED"] = "FAILED";
-    EnumProcessamentoStatus["PENDING"] = "PENDING";
-    EnumProcessamentoStatus["PROCESSING"] = "PROCESSING";
-})(EnumProcessamentoStatus || (EnumProcessamentoStatus = {}));
-const EnumProcessamentoStatusTranslationMap = {
-    [EnumProcessamentoStatus.SUCCESS]: 'tmsx_fnd.tmsx_angular_components.painel_processamento_status_success',
-    [EnumProcessamentoStatus.FAILED]: 'tmsx_fnd.tmsx_angular_components.painel_processamento_status_failed',
-    [EnumProcessamentoStatus.PENDING]: 'tmsx_fnd.tmsx_angular_components.painel_processamento_status_pending',
-    [EnumProcessamentoStatus.PROCESSING]: 'tmsx_fnd.tmsx_angular_components.painel_processamento_status_processing'
-};
-
-var PainelProcessamentoComponent_1;
-let PainelProcessamentoComponent = PainelProcessamentoComponent_1 = class PainelProcessamentoComponent {
-    constructor(translate) {
-        this.translate = translate;
-        this.processado = new EventEmitter();
-        this.concluido = new EventEmitter();
-        this.totalRecords = 0;
-        this.successCount = 0;
-        this.failedCount = 0;
-        this.pendingCount = 0;
-        this.successProgress = '0%';
-        this.failedProgress = '0%';
-        this.pendingProgress = '100%';
-        this.processingProgress = '0%';
-        this.sortField = 'status';
-        this.sortOrder = 1;
-    }
-    ngOnInit() {
-        this.initPanel();
-    }
-    initPanel() {
-        this.gridColumns = this.getGridColumn();
-        this.initGrid();
-        this.initProgressBar();
-    }
-    initProgressBar() {
-        this.successProgress = '0%';
-        this.failedProgress = '0%';
-        this.pendingProgress = '100%';
-        this.processingProgress = '0%';
-        this.totalRecords = this.params.registros.length;
-        this.pendingCount = this.totalRecords;
-        if (this.params.quantidadeChamadasSimultaneas > 1) {
-            this.processAllRecordsWithPLimit();
-        }
-        else {
-            this.syncProcessRecord(0);
-        }
-    }
-    initGrid() {
-        this.gridData = [];
-        this.gridData = this.params.registros.map(registro => ({
-            registro,
-            status: EnumProcessamentoStatus.PENDING,
-            label: registro.descricao
-        }));
-    }
-    getErrorMessage(error) {
-        var _a, _b;
-        try {
-            if (!error) {
-                return this.genericErrorMsg;
-            }
-            if ((_a = error === null || error === void 0 ? void 0 : error.error) === null || _a === void 0 ? void 0 : _a.message) {
-                return String(error.error.message);
-            }
-            if ((_b = error === null || error === void 0 ? void 0 : error.message) === null || _b === void 0 ? void 0 : _b.message) {
-                return String(error.message.message);
-            }
-            return this.genericErrorMsg;
-        }
-        catch (_c) {
-            return this.genericErrorMsg;
-        }
-    }
-    get genericErrorMsg() {
-        return this.translate.instant(PainelProcessamentoComponent_1.GENERIC_ERR_KEY);
-    }
-    updateRowSuccess(row, index) {
-        this.successCount++;
-        this.pendingCount--;
-        this.updateRowStatus(row, EnumProcessamentoStatus.SUCCESS);
-        this.processado.emit(row);
-        this.updateProgressBar();
-    }
-    updateRowError(row, index, message) {
-        this.failedCount++;
-        this.pendingCount--;
-        this.updateRowStatus(row, EnumProcessamentoStatus.FAILED, message);
-        this.processado.emit(row);
-        this.updateProgressBar();
-    }
-    syncProcessRecord(index) {
-        if (this.pendingCount < 1) {
-            this.concluido.emit('ok');
-            return;
-        }
-        this.updateRowStatus(this.gridData[index], EnumProcessamentoStatus.PROCESSING);
-        const record = this.params.registros[index];
-        const row = this.gridData.find(item => item.registro === record);
-        if (record.apiEnvio) {
-            record.apiEnvio(record.objEnvio)
-                .subscribe(() => {
-                this.updateRowSuccess(row, index);
-                this.syncProcessRecord(index + 1);
-            }, (error) => {
-                this.updateRowError(row, index, this.getErrorMessage(error));
-                this.syncProcessRecord(index + 1);
-            });
-        }
-        else {
-            this.failedCount = this.pendingCount;
-            this.pendingCount = 0;
-            this.updateRowStatus(row, EnumProcessamentoStatus.FAILED, this.translate.instant('tmsx_fnd.tmsx_angular_components.painel_processamento_api_error'));
-            this.updateProgressBar();
-            this.concluido.emit('erro');
-        }
-    }
-    processAllRecordsWithPLimit() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const pLimit$1 = pLimit;
-            const limit = pLimit$1(this.params.quantidadeChamadasSimultaneas);
-            const promises = this.params.registros.map((record, index) => {
-                return limit(() => __awaiter(this, void 0, void 0, function* () {
-                    const row = this.gridData.find(item => item.registro === record);
-                    this.updateRowStatus(row, EnumProcessamentoStatus.PROCESSING);
-                    try {
-                        const result = yield record.apiEnvio(record.objEnvio).toPromise();
-                        this.updateRowSuccess(row, index);
-                        return { success: true, record, result };
-                    }
-                    catch (error) {
-                        this.updateRowError(row, index, this.getErrorMessage(error));
-                        return { success: false, record, error };
-                    }
-                }));
-            });
-            const results = yield Promise.all(promises);
-            this.concluido.emit(results);
-            return results;
-        });
-    }
-    updateProgressBar() {
-        const successWidth = (this.successCount / this.totalRecords) * 100;
-        const failedWidth = (this.failedCount / this.totalRecords) * 100;
-        const pendingWidth = (this.pendingCount / this.totalRecords) * 100;
-        const processedWidth = successWidth + failedWidth;
-        this.processingProgress = `${processedWidth.toFixed(0)}%`;
-        this.successProgress = `${successWidth.toFixed(0)}%`;
-        this.failedProgress = `${failedWidth.toFixed(0)}%`;
-        this.pendingProgress = `${pendingWidth.toFixed(0)}%`;
-    }
-    updateRowStatus(row, status, message) {
-        row.status = status;
-        if (message) {
-            row.message = message;
-        }
-        this.sortGridData();
-    }
-    sortGridData() {
-        this.gridData.sort((a, b) => {
-            const statusOrder = {
-                [EnumProcessamentoStatus.FAILED]: 1,
-                [EnumProcessamentoStatus.PROCESSING]: 2,
-                [EnumProcessamentoStatus.SUCCESS]: 3,
-                [EnumProcessamentoStatus.PENDING]: 4
-            };
-            if (this.sortField === 'status') {
-                return (statusOrder[a.status] - statusOrder[b.status]) * this.sortOrder;
-            }
-            else {
-                const valA = a[this.sortField] || '';
-                const valB = b[this.sortField] || '';
-                return valA.localeCompare(valB) * this.sortOrder;
-            }
-        });
-    }
-    getData(rowData, field) {
-        if (field === 'status') {
-            let text = this.translate.instant(EnumProcessamentoStatusTranslationMap[rowData.status]);
-            if (rowData.message) {
-                text += `: ${rowData.message}`;
-            }
-            return text;
-        }
-        return rowData[field];
-    }
-    getClassStatus(rowData, field) {
-        if (field !== 'status') {
-            return '';
-        }
-        return `status ${rowData[field].toLowerCase()}`;
-    }
-    getGridColumn() {
-        return [
-            {
-                field: 'label',
-                header: this.translate.instant('tmsx_fnd.tmsx_angular_components.registro'),
-                style: { width: '50%' },
-                attributes: [],
-                type: EnumColumnFieldType.STRING
-            },
-            {
-                field: 'status',
-                header: this.translate.instant('tmsx_fnd.tmsx_angular_components.status'),
-                style: { width: '50%' },
-                attributes: [],
-                type: EnumColumnFieldType.STRING
-            },
-        ];
-    }
-};
-PainelProcessamentoComponent.GENERIC_ERR_KEY = 'tmsx_fnd.tmsx_angular_components.painel_processamento_generic_error';
-PainelProcessamentoComponent.ctorParameters = () => [
-    { type: TranslateService }
-];
-PainelProcessamentoComponent.ɵprov = ɵɵdefineInjectable({ factory: function PainelProcessamentoComponent_Factory() { return new PainelProcessamentoComponent(ɵɵinject(TranslateService)); }, token: PainelProcessamentoComponent, providedIn: "root" });
-__decorate([
-    Input()
-], PainelProcessamentoComponent.prototype, "params", void 0);
-__decorate([
-    Output()
-], PainelProcessamentoComponent.prototype, "processado", void 0);
-__decorate([
-    Output()
-], PainelProcessamentoComponent.prototype, "concluido", void 0);
-PainelProcessamentoComponent = PainelProcessamentoComponent_1 = __decorate([
-    Injectable({
-        providedIn: 'root'
-    }),
-    Component({
-        selector: 'tmsx-painel-processamento',
-        template: "<p-panel>\n    <p-header>{{  this.params.titulo }} ({{processingProgress }})</p-header>\n\n    <div class=\"progressbar\">\n        <div class=\"success\"\n            [ngClass]=\"successProgress == '0%' ? '' : 'visible'\"\n            [ngStyle]=\"{'width': successProgress }\"\n            [sTooltip]=\"successProgress\"\n            [escape]=\"false\"\n            mobileBehavior=\"tap\"></div>\n        <div class=\"failed\"\n            [ngClass]=\"failedProgress == '0%' ? '' : 'visible'\"\n            [ngStyle]=\"{'width': failedProgress }\"\n            [sTooltip]=\"failedProgress\"\n            [escape]=\"false\"\n            mobileBehavior=\"tap\"></div>\n        <div class=\"pending\"\n            [ngClass]=\"pendingProgress == '0%' ? '' : 'visible'\"\n            [ngStyle]=\"{'width': pendingProgress }\"\n            [sTooltip]=\"pendingProgress\"\n            [escape]=\"false\"\n            mobileBehavior=\"tap\"></div>\n    </div>\n\n    <p-table\n        #myTable\n        [value]=\"gridData\"\n        [columns]=\"gridColumns\"\n        dataKey=\"id\"\n        [resizableColumns]=\"true\"\n        sortMode=\"multiple\"\n        [scrollable]=\"true\"\n        [paginator]=\"true\"\n        [rows]=\"10\"\n        showInitialSortBadge=\"true\"\n        [rowsPerPageOptions]=\"[10, 20, 50, 100]\"\n        [sortField]=\"sortField\"\n        [sortOrder]=\"sortOrder\">\n\n        <ng-template pTemplate=\"colgroup\" let-columns>\n            <colgroup>\n                <col *ngFor=\"let col of columns\" [ngStyle]=\"col.style\">\n            </colgroup>\n        </ng-template>\n\n        <ng-template pTemplate=\"header\" let-columns>\n            <tr>\n                <th scope=\"col\"\n                    *ngFor=\"let col of columns\"\n                    [pSortableColumn]=\"col.field\"\n                    [pSortableColumnDisabled]=\"col.disableColumnSort\"\n                    [ngStyle]=\"col.style\"\n                    pResizableColumn>\n                    <div class=\"senior-header\">\n                        <span class=\"senior-header-title\">{{col.header}}</span>\n                        <p-sortIcon *ngIf=\"!col.disableColumnSort\" [field]=\"col.field\"></p-sortIcon>\n                    </div>\n                </th>\n            </tr>\n        </ng-template>\n\n        <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\n            <tr>\n                <td *ngFor=\"let col of columns\" [ngClass]=\"getClassStatus(rowData, col.field)\">\n                    {{ getData(rowData, col.field) }}\n                </td>\n            </tr>\n\n        </ng-template>\n\n        <ng-template pTemplate=\"paginatorright\">\n            <s-table-paging\n                [table]=\"myTable\"\n                [totalRecords]=\"gridData.length\"\n                [exportable]=\"false\"\n              >\n            </s-table-paging>\n        </ng-template>\n    </p-table>\n</p-panel>\n",
-        styles: [".progressbar{margin-bottom:30px;border-radius:20px;height:40px}.progressbar .visible:nth-child(1of.visible){border-top-left-radius:20px;border-bottom-left-radius:20px}.progressbar .visible:nth-last-child(1of.visible){border-top-right-radius:20px;border-bottom-right-radius:20px}.progressbar .failed,.progressbar .pending,.progressbar .success{display:inline-block;height:100%;width:0%}.progressbar .success{background-color:#4caf50}.progressbar .failed{background-color:#f44336}.progressbar .pending{background-color:#ccc}.status.success{color:#007504}.status.pending{color:#333}.status.failed{color:#8d0900}.status.processing{color:#b96f00}"]
-    })
-], PainelProcessamentoComponent);
-
-let PainelProcessamentoModule = class PainelProcessamentoModule {
-};
-PainelProcessamentoModule = __decorate([
-    NgModule({
-        imports: [
-            LocaleModule.forChild(),
-            TranslateModule.forChild(),
-            TooltipModule,
-            TableModule,
-            TableModule$1,
-            ButtonModule,
-            CommonModule,
-            PanelModule,
-        ],
-        declarations: [
-            PainelProcessamentoComponent
-        ],
-        providers: [],
-        exports: [
-            PainelProcessamentoComponent
-        ],
-    })
-], PainelProcessamentoModule);
-
-let UtilsService = class UtilsService {
-    constructor(translate, dataPipe) {
-        this.translate = translate;
-        this.dataPipe = dataPipe;
-    }
-    getAuditCreatedBy(createdBy, createdDate) {
-        if (!createdBy || !createdDate) {
-            return '';
-        }
-        let date = '';
-        this.dataPipe.transform(createdDate).subscribe((item) => date = item.split(' '));
-        return this.translate.instant('tmsx_fnd.tmsx_angular_components.audit_created_by', { nome: createdBy, data: date[0], hora: date[1] });
-    }
-    getAuditModifiedBy(modifiedBy, modifiedDate) {
-        if (!modifiedBy || !modifiedDate) {
-            return '';
-        }
-        let date = '';
-        this.dataPipe.transform(modifiedDate).subscribe((item) => date = item.split(' '));
-        return this.translate.instant('tmsx_fnd.tmsx_angular_components.audit_modified_by', { nome: modifiedBy, data: date[0], hora: date[1] });
-    }
-    getAuditInactivatedBy(inactivatedBy, inactivatedDate) {
-        if (!inactivatedBy || !inactivatedDate) {
-            return '';
-        }
-        let date = '';
-        this.dataPipe.transform(inactivatedDate).subscribe((item) => date = item.split(' '));
-        return this.translate.instant('tmsx_fnd.tmsx_angular_components.audit_inactivated_by', { nome: inactivatedBy, data: date[0], hora: date[1] });
-    }
-    /* usage: [innerHTML]="getProp(rowData, 'nome')" */
-    getProp(obj, path, type) {
-        let value = path.split('.').reduce((result, prop) => (result[prop] === undefined ? '' : result[prop]), obj);
-        if (value || value === 0) {
-            if (type) {
-                value = this.formatType(value, type);
-            }
-            return `<span>${value}</span>`;
-        }
-        return `<span class="empty-grid">${this.translate.instant('tmsx_fnd.tmsx_angular_components.list_grid_empty_field')}</span>`;
-    }
-    formatType(value, type) {
-        if (value) {
-            if (type === 'date') {
-                let date = '';
-                this.dataPipe.transform(value).subscribe((item) => date = item.split(' '));
-                return date[0];
-            }
-            if (type === 'datetime') {
-                let date = '';
-                this.dataPipe.transform(value).subscribe((item) => date = item);
-                return date;
-            }
-            if (type === 'decimal') {
-                if (typeof value === 'string') {
-                    value = Number(value);
-                }
-                return value.toLocaleString('pt-BR', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
-            }
-            if (type === 'currency') {
-                return value.toLocaleString('pt-BR', { style: 'currency', currency: 'BRL' });
-            }
-            if (type === 'cep') {
-                return value.replace(/^(\d{2})(\d{3})(\d{3})/, '$1.$2-$3');
-            }
-        }
-        return value;
-    }
-    /* usage: [ngClass]="emptyGridClass(value)" */
-    emptyGridClass(value) {
-        if (!value || value === this.translate.instant('tmsx_fnd.replicacao.list_grid_empty_field')) {
-            return 'empty-grid';
-        }
-        return '';
-    }
-    infoContent(entity) {
-        let text = '';
-        if (!entity) {
-            return this.translate.instant("tmsx_fnd.tmsx_angular_components.condicao_valor_lookup_condicional_no_audit");
-        }
-        text += this.getAuditCreatedBy(entity.createdBy, entity.createdDate);
-        if (text) {
-            text += '\n';
-        }
-        text += this.getAuditModifiedBy(entity.lastModifiedBy, entity.lastModifiedDate);
-        return text;
-    }
-    formatCurrency(value) {
-        return value.toLocaleString('pt-BR', { style: 'currency', currency: 'BRL' });
-    }
-    getAtivoTokenLabel(formField, value, translate) {
-        const { name, type, label } = formField;
-        if (type === FieldType.Radio) {
-            const labelValue = value
-                ? translate.instant('tmsx_fnd.tmsx_angular_components.situacao_ativo_true')
-                : translate.instant('tmsx_fnd.tmsx_angular_components.situacao_ativo_false');
-            return { id: name, label: `${label}: ${labelValue}` };
-        }
-        return this.createFilterTokens(formField, value, translate);
-    }
-    getUtilsProp(obj, path) {
-        return path.split('.').reduce((result, prop) => (result[prop] === undefined ? '' : result[prop]), obj);
-    }
-    createFilterTokens(formField, value, translate) {
-        const { name, type, label, searchFields, options } = formField;
-        const labelValue = this.getLabelValueByType(type, value, searchFields, options, translate);
-        return { id: name, label: `${label}: ${labelValue}` };
-    }
-    getLabelValueByType(type, value, searchFields, options, translate) {
-        switch (type) {
-            case FieldType.Date:
-                return this.getDateLabel(value);
-            case FieldType.Time:
-                return this.getTimeFromDate(value);
-            case FieldType.LocalDateTime:
-            case FieldType.DateTime:
-                return this.getDateTimeFromDate(value);
-            case FieldType.Lookup:
-                return this.getLookupLabel(value, searchFields);
-            case FieldType.Enum:
-                return this.getEnumLabel(value, options);
-            case FieldType.Boolean:
-                return this.getBooleanLabel(value, translate);
-            default:
-                return value;
-        }
-    }
-    getDateLabel(value) {
-        const dateObj = value instanceof Date ? value : new Date(value);
-        return !isNaN(dateObj.getTime()) ? dateObj.toLocaleDateString('pt-BR') : value;
-    }
-    getLookupLabel(value, searchFields) {
-        return searchFields.map((field) => this.getUtilsProp(value, field.name)).join(' - ');
-    }
-    getEnumLabel(value, options) {
-        const option = options.find((opt) => opt.value === value);
-        return option ? option.label : value;
-    }
-    getBooleanLabel(value, translate) {
-        return value
-            ? translate.instant('tmsx_fnd.tmsx_angular_components.list_grid_boolean_true')
-            : translate.instant('tmsx_fnd.tmsx_angular_components.list_grid_boolean_false');
-    }
-    getTimeFromDate(value) {
-        let dateObj;
-        if (typeof value === 'string' && /^\d{2}:\d{2}(:\d{2})?$/.test(value)) {
-            const [h, m, s = '00'] = value.split(':');
-            dateObj = new Date();
-            dateObj.setHours(+h, +m, +s, 0);
-        }
-        else {
-            dateObj = value instanceof Date ? value : new Date(value);
-        }
-        if (!isNaN(dateObj.getTime())) {
-            return dateObj.toLocaleTimeString('pt-BR', {
-                hour: '2-digit',
-                minute: '2-digit',
-                second: '2-digit',
-                hour12: false
-            }); // HH:mm:ss
-        }
-        return value;
-    }
-    getDateTimeFromDate(value) {
-        const dateObj = value instanceof Date ? value : new Date(value);
-        if (!isNaN(dateObj.getTime())) {
-            const datePart = dateObj.toLocaleDateString('pt-BR'); // DD/MM/AAAA
-            const timePart = dateObj.toLocaleTimeString('pt-BR', {
-                hour: '2-digit',
-                minute: '2-digit',
-                second: '2-digit',
-                hour12: false
-            }); // HH:mm:ss
-            return `${datePart} ${timePart}`;
-        }
-        return value;
-    }
-};
-UtilsService.ctorParameters = () => [
-    { type: TranslateService },
-    { type: LocalizedDatePipe }
-];
-UtilsService.ɵprov = ɵɵdefineInjectable({ factory: function UtilsService_Factory() { return new UtilsService(ɵɵinject(TranslateService), ɵɵinject(LocalizedDatePipe)); }, token: UtilsService, providedIn: "root" });
-UtilsService = __decorate([
-    Injectable({
-        providedIn: 'root'
-    })
-], UtilsService);
-
-let GridEditableNestedComponent = class GridEditableNestedComponent {
-    constructor(changeDetectorRef, translate, utils, hotkeysService) {
-        this.changeDetectorRef = changeDetectorRef;
-        this.translate = translate;
-        this.utils = utils;
-        this.hotkeysService = hotkeysService;
-        this.openDetails = new EventEmitter();
-        this.paging = new EventEmitter();
-        this.delete = new EventEmitter();
-        this.save = new EventEmitter();
-        this.add = new EventEmitter();
-        this.clonedData = {};
-        this.gridLoading = true;
-        this.editing = false;
-        this.lazy = true;
-        this.deleteEnabled = false;
-        this.editEnabled = false;
-        this.addEnabled = false;
-        this.detailsEnabled = false;
-        this.calendarTooltipText = '';
-        this.currentListParams = { page: 0, size: 5, sort: [] };
-        this.gridData = [];
-        this.gridColumns = [];
-        this.gridTotalRecords = 0;
-        this.selected = [];
-        this.nestedGridLoading = false;
-        this.frozenPosition = 'left';
-        this.frozenWidth = '200px';
-        this.frozenColumns = [];
-        this.ngUnsubscribe = new Subject();
-        this.calendarTooltipText = this.translate.instant('tmsx_fnd.tmsx_angular_components.grid_editable_nested_calendar_required');
-    }
-    ngOnInit() {
-        this.setGridData();
-        this.setHotkeys();
-    }
-    ngOnChanges(changes) {
-        if (changes.config) {
-            this.setGridData();
-        }
-    }
-    formatData(column, value) {
-        return value;
-    }
-    setGridData() {
-        if (!this.config) {
-            return;
-        }
-        const { data, size, columns, frozenPosition, frozenColumns, editing, lazy, deleteActionsEnabled, editEnabled, addEnabled, editActionsEnabled } = this.config;
-        this.gridData = data !== null && data !== void 0 ? data : [];
-        this.gridTotalRecords = size !== null && size !== void 0 ? size : 0;
-        this.gridColumns = columns !== null && columns !== void 0 ? columns : [];
-        this.frozenPosition = frozenPosition !== null && frozenPosition !== void 0 ? frozenPosition : 'left';
-        this.frozenColumns = frozenColumns !== null && frozenColumns !== void 0 ? frozenColumns : [];
-        this.frozenWidth = this.calculateFrozenWidth(this.frozenColumns);
-        this.editing = !!editing;
-        this.lazy = !!lazy;
-        this.deleteEnabled = !!deleteActionsEnabled;
-        this.editEnabled = !!editEnabled;
-        this.addEnabled = !!addEnabled;
-        this.detailsEnabled = !!editActionsEnabled;
-        this.changeDetectorRef.detectChanges();
-        this.nestedGridLoading = false;
-        this.gridLoading = false;
-    }
-    calculateFrozenWidth(frozenColumns) {
-        const gutter = 120;
-        if (!(frozenColumns === null || frozenColumns === void 0 ? void 0 : frozenColumns.length)) {
-            return '120px';
-        }
-        const totalWidth = frozenColumns.reduce((sum, col) => sum + gutter + (parseInt(col.width, 10) || 0), 0);
-        return `${totalWidth}px`;
-    }
-    getActions(data) {
-        return [
-            {
-                id: 'edit',
-                label: this.translate.instant('tmsx_fnd.tmsx_angular_components.edit'),
-                disabled: !this.detailsEnabled,
-                command: () => {
-                    this.openRowDetails(data.id);
-                },
-            },
-            { separator: true },
-            {
-                id: 'delete',
-                label: this.translate.instant('tmsx_fnd.tmsx_angular_components.delete'),
-                disabled: !this.deleteEnabled,
-                command: () => {
-                    this.onDelete(data.id);
-                },
-            },
-        ];
-    }
-    updateGridData(event) {
-        const size = event.rows ? event.rows : 10;
-        const page = event.first ? event.first / size : 0;
-        this.gridLoading = true;
-        if (this.clonedData && Object.keys(this.clonedData).length) {
-            this.clonedData = {};
-            this.table.editingRowKeys = {};
-        }
-        this.paging.emit({ page, size });
-    }
-    updateNestedGridData(event, rowData) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const size = event.rows ? event.rows : 10;
-            const page = event.first ? event.first / size : 0;
-            const sort = event.multiSortMeta || [];
-            rowData.nestedGridLoading = true;
-            yield this.nestedFunction({ page, size, sort }, rowData);
-        });
-    }
-    onTab(event) {
-        if (event.key !== 'Tab') {
-            return;
-        }
-        event.preventDefault();
-        const focusables = Array.from(document.querySelectorAll('p-cellEditor input, p-cellEditor textarea, p-cellEditor [tabindex="0"]')).filter(el => el.offsetParent !== null);
-        const currentIndex = focusables.indexOf(event.target);
-        let next;
-        if (event.shiftKey) {
-            next = focusables[currentIndex - 1] || focusables[focusables.length - 1];
-        }
-        else {
-            next = focusables[currentIndex + 1] || focusables[0];
-        }
-        if (next) {
-            next.focus();
-        }
-    }
-    getRowIndex() {
-        const page = this.currentListParams.page || 0;
-        const size = this.currentListParams.size || 0;
-        return page * size;
-    }
-    getPageSize() {
-        var _a;
-        return (_a = this.currentListParams.size) !== null && _a !== void 0 ? _a : 0;
-    }
-    openRowDetails(id) {
-        this.openDetails.emit(id);
-    }
-    onDelete(id) {
-        this.delete.emit(id);
-    }
-    onAdd() {
-        this.add.emit();
-    }
-    ngOnDestroy() {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-    }
-    onEditSave() {
-        this.saveAllRows();
-    }
-    onEditCancel() {
-        this.gridData.forEach((data) => {
-            if (this.clonedData[data.id]) {
-                const index = this.gridData.findIndex((row) => row.id === data.id);
-                this.gridData[index] = this.clonedData[data.id];
-                delete this.clonedData[data.id];
-            }
-            this.table.cancelRowEdit(data);
-        });
-        this.editing = false;
-    }
-    initAllRowsEdit() {
-        this.gridData.forEach((data) => {
-            this.editing = true;
-            this.table.initRowEdit(data);
-            this.clonedData[data.id] = Object.assign({}, data);
-        });
-    }
-    saveAllRows() {
-        this.gridData.forEach((data) => {
-            if (this.clonedData[data.id]) {
-                delete this.clonedData[data.id];
-            }
-            this.table.cancelRowEdit(data);
-        });
-        this.editing = false;
-        this.save.emit(this.gridData);
-    }
-    formatRowData(field) {
-        return field;
-    }
-    filterOptions(event) {
-        return event;
-    }
-    getSpanProp(obj, path, type) {
-        type = type === null || type === void 0 ? void 0 : type.toLowerCase();
-        const value = this.utils.getProp(obj, path, type);
-        if (value === '<span>0</span>' && type === 'decimal') {
-            return '<span>0,00</span>';
-        }
-        if (!obj.tiposDados) {
-            return value;
-        }
-        if ('MONETARIO' === obj.tiposDados[path]) {
-            return 'R$ ' + value;
-        }
-        if ('PERCENTUAL' === obj.tiposDados[path]) {
-            return value + ' %';
-        }
-        return value;
-    }
-    setHotkeys() {
-        this.hotkeysService.add(new Hotkey('alt+shift+n', () => {
-            this.onAdd();
-            return false;
-        }, ['INPUT', 'SELECT', 'TEXTAREA']));
-    }
-};
-GridEditableNestedComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef },
-    { type: TranslateService },
-    { type: UtilsService },
-    { type: HotkeysService }
-];
-GridEditableNestedComponent.ɵprov = ɵɵdefineInjectable({ factory: function GridEditableNestedComponent_Factory() { return new GridEditableNestedComponent(ɵɵinject(ChangeDetectorRef), ɵɵinject(TranslateService), ɵɵinject(UtilsService), ɵɵinject(HotkeysService)); }, token: GridEditableNestedComponent, providedIn: "root" });
-__decorate([
-    Input()
-], GridEditableNestedComponent.prototype, "config", void 0);
-__decorate([
-    Input()
-], GridEditableNestedComponent.prototype, "nestedFunction", void 0);
-__decorate([
-    Output()
-], GridEditableNestedComponent.prototype, "openDetails", void 0);
-__decorate([
-    Output()
-], GridEditableNestedComponent.prototype, "paging", void 0);
-__decorate([
-    Output()
-], GridEditableNestedComponent.prototype, "delete", void 0);
-__decorate([
-    Output()
-], GridEditableNestedComponent.prototype, "save", void 0);
-__decorate([
-    Output()
-], GridEditableNestedComponent.prototype, "add", void 0);
-__decorate([
-    ViewChild("table", { static: false })
-], GridEditableNestedComponent.prototype, "table", void 0);
-GridEditableNestedComponent = __decorate([
-    Injectable({
-        providedIn: 'root'
-    }),
-    Component({
-        selector: 'tmsx-grid-editable-nested',
-        template: "<div class=\"ui-g\">\n    <div class=\"ui-g-12\">\n        <s-button id=\"add-button\"\n            data-cy=\"add-button\"\n            priority=\"primary\" type=\"button\"\n            [label]=\"'tmsx_fnd.tmsx_angular_components.add' | translate\"\n            tooltip=\"{{'tmsx_fnd.tmsx_angular_components.add' | translate}} (Alt + Shift + N)\"\n            [disabled]=\"!addEnabled\"\n            (click)=\"onAdd()\">\n        </s-button>\n        <s-button\n            *ngIf=\"!editing\"\n            priority=\"primary\"\n            iconClass=\"fa fa-edit\"\n            label=\"{{'tmsx_fnd.tmsx_angular_components.grid_editable_nested_editar' | translate}}\"\n            tooltip=\"{{'tmsx_fnd.tmsx_angular_components.grid_editable_nested_editar' | translate}}\"\n            [disabled]=\"!editEnabled\"\n           (click)=\"initAllRowsEdit()\"\n        ></s-button>\n        <s-button\n            *ngIf=\"editing\"\n            priority=\"primary\"\n            label=\"{{'tmsx_fnd.tmsx_angular_components.grid_editable_nested_salvar' | translate}}\"\n            iconClass=\"fa fa-check\"\n            [disabled]=\"false\"\n            (click)=\"onEditSave()\"\n        ></s-button>\n        <s-button\n            *ngIf=\"editing\"\n            priority=\"default\"\n            label=\"{{'tmsx_fnd.tmsx_angular_components.grid_editable_nested_cancelar' | translate}}\"\n            iconClass=\"fa fa-times\"\n            [disabled]=\"false\"\n            (click)=\"onEditCancel()\"\n        ></s-button>\n        <p-table\n            selectionMode=\"single\"\n            [(selection)]=\"selected\"\n            [value]=\"gridData\"\n            [columns]=\"gridColumns\"\n            dataKey=\"id\"\n            rows=\"10\"\n            [rowsPerPageOptions]=\"[10, 20, 50, 100]\"\n            [paginator]=\"true\"\n            [totalRecords]=\"gridTotalRecords\"\n            [lazy]=\"lazy\"\n            (onLazyLoad)=\"updateGridData($event)\"\n            *sLoadingState=\"gridLoading\"\n            sortMode=\"multiple\"\n            [frozenWidth]=\"frozenWidth\"\n            [scrollable]=\"true\"\n            [sTableFrozenPosition]=\"frozenPosition\"\n            [sTableFrozenValue]=\"gridData\"\n            editMode=\"row\"\n            #table\n        >\n            <ng-template pTemplate=\"frozencolgroup\" let-columns>\n                <colgroup>\n                    <col class=\"col50\" />\n                    <col *ngFor=\"let col of frozenColumns\" class=\"col200\" />\n                    <col class=\"frozenButton\" />\n                </colgroup>\n            </ng-template>\n\n            <ng-template pTemplate=\"frozenheader\">\n                <tr>\n                    <th pResizableColumn scope=\"col\"></th>\n                    <th pResizableColumn *ngFor=\"let col of frozenColumns\" scope=\"col\">{{ col.header }}</th>\n                    <th pResizableColumn scope=\"col\"></th>\n                </tr>\n            </ng-template>\n\n            <ng-template pTemplate=\"frozenbody\" let-rowData let-expanded=\"expanded\">\n                <tr [pSelectableRow]=\"rowData\">\n                    <td class=\"col50\" tabindex=\"0\" [sRowToggler]=\"rowData\">\n                      <i class=\"fa fa-{{ expanded ? 'minus' : 'plus' }} \"></i>\n                    </td>\n                    <td *ngFor=\"let col of frozenColumns\" class=\"colText\"\n                        tooltipPosition=\"top\" showDelay=\"500\"\n                        [innerHTML]=\"getSpanProp(rowData, col.field)\">\n                    </td>\n                    <td class=\"frozenButton\">\n                      <s-button\n                            id=\"edit-button\"\n                            data-cy=\"edit-button\"\n                            priority=\"default\"\n                            type=\"button\"\n                            size=\"small\"\n                            [auxiliary]=\"true\"\n                            [disabled]=\"false\"\n                            [model]=\"getActions(rowData)\">\n                        </s-button>\n                    </td>\n                </tr>\n            </ng-template>\n\n            <ng-template pTemplate=\"colgroup\" let-columns>\n                <colgroup>\n                    <col *ngFor=\"let col of columns\" [style.width]=\"col.width\" />\n                </colgroup>\n            </ng-template>\n\n            <ng-template pTemplate=\"header\" let-columns>\n                <tr>\n                    <th *ngFor=\"let col of columns\" scope=\"col\">\n                        <div class=\"senior-header\">\n                            <span class=\"senior-header-title\">{{ col.header }}</span>\n                        </div>\n                    </th>\n                </tr>\n            </ng-template>\n\n            <ng-template pTemplate=\"body\" let-rowData let-expanded=\"expanded\" let-columns=\"columns\">\n                <tr sNavigation tabindex=\"0\" [pEditableRow]=\"rowData\">\n                    <td\n                        *ngFor=\"let col of columns\"\n                        [ngClass]=\"editing? 'editPadding': ''\"\n                        pResizableColumn\n                        [pTooltip]=\"rowData[col.field]\"\n                        tooltipPosition=\"top\"\n                        showDelay=\"500\"\n                        tabindex=\"0\"\n                        class=\"col80 colText\"\n                      >\n                        <p-cellEditor>\n                            <ng-template pTemplate=\"input\">\n                                <div class=\"ui-fluid\">\n                                    <ng-container [ngSwitch]=\"col.type\">\n                                        <ng-container *ngSwitchCase=\"'Text'\">\n                                            <span>{{ rowData[col.field] }}</span>\n                                        </ng-container>\n\n                                        <ng-container *ngSwitchCase=\"'Date'\">\n                                            <p-calendar\n                                                [(ngModel)]=\"rowData[col.field]\"\n                                                appendTo=\"body\"\n                                                [showIcon]=\"true\"\n                                                [required]=\"true\"\n                                                pTooltip=\"{{ calendarTooltipText }}\"\n                                                tooltipPosition=\"bottom\"\n                                                [tooltipDisabled]=\"rowData[col.field]\"\n                                            ></p-calendar>\n                                        </ng-container>\n\n                                        <ng-container *ngSwitchCase=\"'Autocomplete'\">\n                                            <p-autoComplete\n                                                [(ngModel)]=\"rowData[col.field]\"\n                                                [suggestions]=\"col.options\"\n                                                appendTo=\"body\"\n                                                (completeMethod)=\"filterOptions($event)\"\n                                                [dropdown]=\"true\"\n                                                [forceSelection]=\"true\"\n                                            ></p-autoComplete>\n                                        </ng-container>\n\n                                        <ng-container *ngSwitchCase=\"'Decimal'\">\n                                            <div class=\"ui-inputgroup\">\n                                                <span class=\"ui-inputgroup-addon\"\n                                                  *ngIf=\"'MONETARIO' === rowData.tiposDados[col.field]\"\n                                                >R$</span>\n                                                <input sNumberInput [scale]=\"2\"\n                                                  alignTo=\"right\"\n                                                  thousandsSeparator=\".\"\n                                                  pInputText\n                                                  [(ngModel)]=\"rowData[col.field]\"\n                                                  (keydown)=\"onTab($event)\"\n                                                />\n                                                <span class=\"ui-inputgroup-addon\"\n                                                  *ngIf=\"'PERCENTUAL' === rowData.tiposDados[col.field]\"\n                                                >%</span>\n                                            </div>\n                                        </ng-container>\n\n                                        <ng-container *ngSwitchDefault>\n                                            <input pInputText type=\"text\"\n                                              [(ngModel)]=\"rowData[col.field]\"\n                                              (keydown)=\"onTab($event)\"\n                                            />\n                                        </ng-container>\n                                    </ng-container>\n                                </div>\n                            </ng-template>\n\n                            <ng-template pTemplate=\"output\">\n                                <div  [innerHTML]=\"getSpanProp(rowData, col.field, col.type)\"></div>\n                            </ng-template>\n                        </p-cellEditor>\n                    </td>\n                </tr>\n            </ng-template>\n\n            <ng-template pTemplate=\"rowexpansion\" let-rowData>\n                <tr class=\"sds-expanded-row\">\n                    <td [attr.colspan]=\"gridColumns.length + 1\">\n                        <p-table\n                            [value]=\"rowData.nestedGridData\"\n                            [columns]=\"rowData.nestedGridColumns\"\n                            dataKey=\"id\"\n                            rows=\"5\"\n                            [first]=\"getRowIndex()\"\n                            [rows]=\"getPageSize()\"\n                            [rowsPerPageOptions]=\"[5, 10, 20, 50]\"\n                            [paginator]=\"true\"\n                            [totalRecords]=\"rowData.nestedGridTotalRecords\"\n                            [responsive]=\"true\"\n                            [lazy]=\"true\"\n                            (onLazyLoad)=\"updateNestedGridData($event, rowData)\"\n                            sortMode=\"multiple\"\n                            *sLoadingState=\"rowData.nestedGridLoading\"\n                        >\n                            <ng-template pTemplate=\"header\" let-columns>\n                                <tr>\n                                    <th *ngFor=\"let col of columns\" scope=\"col\"\n                                        [pSortableColumn]=\"col.field\">\n                                        <div class=\"senior-header\">\n                                            <span class=\"senior-header-title\">{{ col.header }}</span>\n                                            <p-sortIcon [field]=\"col.field\"></p-sortIcon>\n                                        </div>\n                                    </th>\n                                </tr>\n                            </ng-template>\n\n                            <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\n                                <tr [pSelectableRow]=\"rowData\">\n                                    <td *ngFor=\"let col of columns\" class=\"colText\">\n                                        {{ formatData(col, rowData[col.field]) }}\n                                    </td>\n                                </tr>\n                            </ng-template>\n\n                            <ng-template pTemplate=\"paginatorright\">\n                                <span>\n                                  {{ rowData.nestedGridTotalRecords }}\n                                  {{'tmsx_fnd.tmsx_angular_components.grid_editable_nested_paging' | translate}}\n                                </span>\n                            </ng-template>\n                        </p-table>\n                    </td>\n                </tr>\n            </ng-template>\n\n            <ng-template pTemplate=\"paginatorright\">\n                <span>\n                  {{ gridTotalRecords }}\n                  {{'tmsx_fnd.tmsx_angular_components.grid_editable_nested_paging' | translate}}\n                </span>\n            </ng-template>\n        </p-table>\n    </div>\n</div>\n",
-        styles: [":host ::ng-deep div.contents{margin-top:15px}input{max-width:100%}.col50{width:50px}.col80{width:80px}.col200{width:200px}.colText{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.frozenButton{width:70px;padding:5px}.editPadding{padding-top:8px;padding-bottom:9px}"]
-    })
-], GridEditableNestedComponent);
-
-let GridEditableNestedModule = class GridEditableNestedModule {
-};
-GridEditableNestedModule = __decorate([
-    NgModule({
-        imports: [
-            CommonModule,
-            LocaleModule.forChild(),
-            TranslateModule.forChild(),
-            ButtonModule,
-            TableModule$1,
-            TooltipModule,
-            LoadingStateModule,
-            NumberInputModule,
-            BreadcrumbModule,
-            ControlErrorsModule,
-            CustomFieldsModule,
-            DynamicFormModule,
-            EmptyStateModule,
-            TokenListModule,
-            // PrimeNG modules
-            ToastModule,
-            TableModule,
-            TooltipModule$1,
-            PanelModule,
-            InputTextModule,
-            ConfirmDialogModule,
-            CalendarModule,
-            DropdownModule,
-            SharedModule,
-            AutoCompleteModule,
-            CheckboxModule,
-            // Angular modules
-            FormsModule,
-            ReactiveFormsModule
-        ],
-        declarations: [
-            GridEditableNestedComponent,
-        ],
-        providers: [],
-        exports: [
-            GridEditableNestedComponent,
-        ],
-    })
-], GridEditableNestedModule);
-
-var TmsxAngularComponentsModule_1;
-const HostProjectConfigsInjectionToken = new InjectionToken("hostProjectConfigs");
-let TmsxAngularComponentsModule = TmsxAngularComponentsModule_1 = class TmsxAngularComponentsModule {
-    static forRoot(config) {
-        return {
-            ngModule: TmsxAngularComponentsModule_1,
-            providers: [
-                {
-                    provide: HostProjectConfigsInjectionToken,
-                    useValue: config
-                }
-            ]
-        };
-    }
-};
-TmsxAngularComponentsModule = TmsxAngularComponentsModule_1 = __decorate([
-    NgModule({})
-], TmsxAngularComponentsModule);
-
-const fallback = {
-    "tmsx_fnd.tmsx_angular_components.add": "Adicionar",
-    "tmsx_fnd.tmsx_angular_components.audit_created_by": "Criado por {{nome}} em {{data}} às {{hora}}.",
-    "tmsx_fnd.tmsx_angular_components.audit_modified_by": "Modificado por {{nome}} em {{data}} às {{hora}}.",
-    "tmsx_fnd.tmsx_angular_components.audit_inactivated_by": "Inativado por {{nome}} em {{data}} às {{hora}}.",
-    "tmsx_fnd.tmsx_angular_components.condicao_valor_lookup_condicional_no_audit": "Sem informações de auditoria",
-    "tmsx_fnd.tmsx_angular_components.delete": "Excluir",
-    "tmsx_fnd.tmsx_angular_components.edit": "Editar",
-    "tmsx_fnd.tmsx_angular_components.error_forbidden_description": "Você não tem permissão para acessar este recurso.",
-    "tmsx_fnd.tmsx_angular_components.error_forbidden_title": "Acesso Negado",
-    "tmsx_fnd.tmsx_angular_components.error_not_found_description": "O recurso solicitado não foi encontrado.",
-    "tmsx_fnd.tmsx_angular_components.error_not_found_title": "Não Encontrado",
-    "tmsx_fnd.tmsx_angular_components.error_unauthorized_description": "Você não está autorizado a acessar este recurso.",
-    "tmsx_fnd.tmsx_angular_components.error_unauthorized_title": "Não Autorizado",
-    "tmsx_fnd.tmsx_angular_components.grid_aninhada": "Grid Aninhada",
-    "tmsx_fnd.tmsx_angular_components.grid_editable_nested_calendar_required": "É necessário informar a data",
-    "tmsx_fnd.tmsx_angular_components.grid_editable_nested_cancelar": "Cancelar",
-    "tmsx_fnd.tmsx_angular_components.grid_editable_nested_editar": "Editar valores",
-    "tmsx_fnd.tmsx_angular_components.grid_editable_nested_paging": "registros encontrados",
-    "tmsx_fnd.tmsx_angular_components.grid_editable_nested_salvar": "Salvar alterações",
-    "tmsx_fnd.tmsx_angular_components.list_grid_boolean_false": "Não",
-    "tmsx_fnd.tmsx_angular_components.list_grid_boolean_true": "Sim",
-    "tmsx_fnd.tmsx_angular_components.list_grid_empty_field": "Não informado",
-    "tmsx_fnd.tmsx_angular_components.painel_processamento": "Painel de Processamento",
-    "tmsx_fnd.tmsx_angular_components.painel_processamento_api_error": "API de envio não definida",
-    "tmsx_fnd.tmsx_angular_components.painel_processamento_status_failed": "Ocorreu um erro",
-    "tmsx_fnd.tmsx_angular_components.painel_processamento_status_pending": "Pendente",
-    "tmsx_fnd.tmsx_angular_components.painel_processamento_status_processing": "Processando",
-    "tmsx_fnd.tmsx_angular_components.painel_processamento_status_success": "Finalizado com sucesso",
-    "tmsx_fnd.tmsx_angular_components.registro": "Registro",
-    "tmsx_fnd.tmsx_angular_components.showcase_painel_processamento_title": "Demonstração do Painel de Processamento",
-    "tmsx_fnd.tmsx_angular_components.showcase_table_title": "Demonstração da Tabela",
-    "tmsx_fnd.tmsx_angular_components.showcase_title": "Showcase",
-    "tmsx_fnd.tmsx_angular_components.situacao_ativo_false": "Inativo",
-    "tmsx_fnd.tmsx_angular_components.situacao_ativo_true": "Ativo",
-    "tmsx_fnd.tmsx_angular_components.status": "Situação",
-    "tmsx_fnd.tmsx_angular_components.total_records": "{{ value }} registros encontrados"
-};
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { GridEditableNestedComponent, GridEditableNestedModule, HostProjectConfigsInjectionToken, PainelProcessamentoComponent, PainelProcessamentoModule, TmsxAngularComponentsModule, UtilsService, fallback };
-//# sourceMappingURL=seniorsistemas-tmsx-angular-components.js.map