@seniorsistemas/tmsx-angular-components 1.0.6 → 2.0.0

package/fesm2022/seniorsistemas-tmsx-angular-components.mjs

@@ -0,0 +1,992 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Component, Input, Output, ViewChild, NgModule, InjectionToken } from '@angular/core';
+import * as i3 from 'angular2-hotkeys';
+import { Hotkey } from 'angular2-hotkeys';
+import { Subject } from 'rxjs';
+import * as i1 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i2 from '@seniorsistemas/angular-components/locale';
+import { LocaleModule } from '@seniorsistemas/angular-components/locale';
+import * as i6 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i5 from '@seniorsistemas/angular-components/button';
+import { ButtonModule } from '@seniorsistemas/angular-components/button';
+import * as i6$1 from '@seniorsistemas/angular-components/table';
+import { TableModule, EnumColumnFieldType } from '@seniorsistemas/angular-components/table';
+import * as i7 from '@seniorsistemas/angular-components/loading-state';
+import { LoadingStateModule } from '@seniorsistemas/angular-components/loading-state';
+import * as i8 from '@seniorsistemas/angular-components/number-input';
+import { NumberInputModule } from '@seniorsistemas/angular-components/number-input';
+import * as i4 from 'primeng/api';
+import { SharedModule } from 'primeng/api';
+import * as i10 from 'primeng/table';
+import { TableModule as TableModule$1 } from 'primeng/table';
+import * as i11 from 'primeng/tooltip';
+import { TooltipModule as TooltipModule$1 } from 'primeng/tooltip';
+import * as i12 from 'primeng/inputtext';
+import { InputTextModule } from 'primeng/inputtext';
+import * as i13 from 'primeng/datepicker';
+import { DatePickerModule } from 'primeng/datepicker';
+import * as i14 from 'primeng/autocomplete';
+import { AutoCompleteModule } from 'primeng/autocomplete';
+import * as i15 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { BreadcrumbModule } from '@seniorsistemas/angular-components/breadcrumb';
+import { ControlErrorsModule } from '@seniorsistemas/angular-components/control-errors';
+import { CustomFieldsModule } from '@seniorsistemas/angular-components/custom-fields';
+import { DynamicFormModule } from '@seniorsistemas/angular-components/dynamic-form';
+import { EmptyStateModule } from '@seniorsistemas/angular-components/empty-state';
+import { TokenListModule } from '@seniorsistemas/angular-components/token-list';
+import * as i2$1 from '@seniorsistemas/angular-components/tooltip';
+import { TooltipModule } from '@seniorsistemas/angular-components/tooltip';
+import { CheckboxModule } from 'primeng/checkbox';
+import { ConfirmDialogModule } from 'primeng/confirmdialog';
+import { DropdownModule } from 'primeng/dropdown';
+import * as i7$1 from 'primeng/panel';
+import { PanelModule } from 'primeng/panel';
+import { ToastModule } from 'primeng/toast';
+
+/**
+ * Constante que mapeia os tipos de campo disponíveis no DynamicForm do
+ * `@seniorsistemas/angular-components`. Substitui o antigo `FieldType` enum
+ * que foi removido na v19 em favor de string literals.
+ *
+ * Uso:
+ * ```typescript
+ * import { FieldType } from '@tmsx/angular-components';
+ *
+ * { type: FieldType.String, name: 'nome', ... }
+ * { type: FieldType.Enum, name: 'status', ... }
+ * { type: FieldType.Lookup, name: 'cidade', ... }
+ * ```
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const FieldType = {
+    /** Campo de texto livre padrão. */
+    String: 'string',
+    /** Campo de texto tratado como dado binário (ex: base64). */
+    Binary: 'binary',
+    /** Campo de seleção (dropdown/select) com lista de opções. */
+    Enum: 'enum',
+    /** Campo numérico inteiro (usa NumberInput). */
+    Integer: 'integer',
+    /** Campo numérico genérico com grande precisão (usa BignumberInput). */
+    Number: 'number',
+    /** Campo numérico com casas decimais (usa BignumberInput). */
+    Double: 'double',
+    /** @deprecated Use `Number` ou `Double` com addon. Campo numérico legado. */
+    LegacyNumber: 'legacyNumber',
+    /** @deprecated Use `Number` ou `Double` com addon. Campo monetário com símbolo de moeda. */
+    Money: 'money',
+    /** Campo booleano exibido como radio buttons (Sim/Não). */
+    Boolean: 'boolean',
+    /** Campo booleano exibido como toggle switch. */
+    BooleanSwitch: 'booleanSwitch',
+    /** Campo de data apenas (dia/mês/ano). */
+    Date: 'date',
+    /** Campo de data e hora com timezone UTC. */
+    DateTime: 'dateTime',
+    /** Campo de data e hora sem timezone (local). */
+    LocalDateTime: 'localDateTime',
+    /** Campo de hora apenas (hora:minuto:segundo). */
+    Time: 'time',
+    /** Campo de pesquisa avançada com autocompletar e diálogo de busca. */
+    Lookup: 'lookup',
+    /** Campo de autocompletar simples com sugestões via Observable. */
+    Autocomplete: 'autocomplete',
+    /** Campo de seleção única com radio buttons. */
+    RadioButton: 'radioButton',
+    /** Campo de múltipla escolha com checkboxes. */
+    Checkbox: 'checkbox',
+    /** Campo de entrada de múltiplas tags/chips. */
+    Chips: 'chips',
+    /** Campo de área de texto multilinha. */
+    TextArea: 'textArea',
+    /** Campo de área de texto com geração de conteúdo via IA. */
+    ContentGenerator: 'contentGenerator',
+    /** @deprecated Use `ContentGenerator`. */
+    TextAreaIA: 'textAreaIA',
+    /** Campo de upload de arquivos binários. */
+    Blob: 'blob',
+    /** Botão renderizado como campo do formulário. */
+    Button: 'button',
+    /** Campo de senha com indicador de força. */
+    Password: 'password',
+    /** Campo de foto de perfil com recorte. */
+    ProfilePicture: 'profilePicture',
+    /** Campo de controle deslizante (slider). */
+    Slider: 'slider',
+    /** Campo de avaliação com estrelas. */
+    StarRating: 'starRating',
+    /** Campo de seleção de país com entrada de telefone. */
+    CountryPhonePicker: 'countryPhonePicker',
+};
+
+class UtilsService {
+    translate;
+    dataPipe;
+    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 === '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 'date':
+                return this.getDateLabel(value);
+            case 'time':
+                return this.getTimeFromDate(value);
+            case 'localdatetime':
+            case 'datetime':
+                return this.getDateTimeFromDate(value);
+            case 'lookup':
+                return this.getLookupLabel(value, searchFields);
+            case 'enum':
+                return this.getEnumLabel(value, options);
+            case '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;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UtilsService, deps: [{ token: i1.TranslateService }, { token: i2.LocalizedDatePipe }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UtilsService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: UtilsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i2.LocalizedDatePipe }] });
+
+class GridEditableNestedComponent {
+    changeDetectorRef;
+    translate;
+    utils;
+    hotkeysService;
+    config;
+    nestedFunction;
+    openDetails = new EventEmitter();
+    paging = new EventEmitter();
+    delete = new EventEmitter();
+    save = new EventEmitter();
+    add = new EventEmitter();
+    table;
+    clonedData = {};
+    gridLoading = true;
+    editing = false;
+    lazy = true;
+    deleteEnabled = false;
+    editEnabled = false;
+    addEnabled = false;
+    detailsEnabled = false;
+    calendarTooltipText = '';
+    currentListParams = { page: 0, size: 5, sort: [] };
+    gridData = [];
+    gridColumns = [];
+    gridTotalRecords = 0;
+    selected = [];
+    nestedGridLoading = false;
+    frozenPosition = 'left';
+    frozenWidth = '200px';
+    frozenColumns = [];
+    ngUnsubscribe = new Subject();
+    constructor(changeDetectorRef, translate, utils, hotkeysService) {
+        this.changeDetectorRef = changeDetectorRef;
+        this.translate = translate;
+        this.utils = utils;
+        this.hotkeysService = hotkeysService;
+        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 ?? [];
+        this.gridTotalRecords = size ?? 0;
+        this.gridColumns = columns ?? [];
+        this.frozenPosition = frozenPosition ?? 'left';
+        this.frozenColumns = 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?.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 });
+    }
+    async updateNestedGridData(event, rowData) {
+        const size = event.rows ? event.rows : 10;
+        const page = event.first ? event.first / size : 0;
+        const sort = event.multiSortMeta || [];
+        rowData.nestedGridLoading = true;
+        await 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() {
+        return this.currentListParams.size ?? 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] = { ...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?.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']));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridEditableNestedComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.TranslateService }, { token: UtilsService }, { token: i3.HotkeysService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GridEditableNestedComponent, selector: "tmsx-grid-editable-nested", inputs: { config: "config", nestedFunction: "nestedFunction" }, outputs: { openDetails: "openDetails", paging: "paging", delete: "delete", save: "save", add: "add" }, viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }], usesOnChanges: true, ngImport: i0, 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    @if (!editing) {\n      <s-button\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    }\n    @if (editing) {\n      <s-button\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    }\n    @if (editing) {\n      <s-button\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    }\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      [scrollable]=\"true\"\n      editMode=\"row\"\n      #table\n      >\n      <ng-template pTemplate=\"frozenbody\" let-rowData let-expanded=\"expanded\">\n        <tr [pSelectableRow]=\"rowData\">\n          <td class=\"col50\" tabindex=\"0\" [sRowToggler]=\"rowData\"\n            [attr.aria-label]=\"expanded\n              ? ('tmsx_fnd.tmsx_angular_components.collapse_row' | translate)\n              : ('tmsx_fnd.tmsx_angular_components.expand_row' | translate)\"\n            (keydown.enter)=\"table.toggleRow(rowData, $event)\">\n            <i class=\"fa fa-{{ expanded ? 'minus' : 'plus' }}\"\n              aria-hidden=\"true\"></i>\n          </td>\n          @for (col of frozenColumns; track col) {\n            <td class=\"colText\"\n              tooltipPosition=\"top\" showDelay=\"500\"\n              [innerHTML]=\"getSpanProp(rowData, col.field)\">\n            </td>\n          }\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              [menuOptions]=\"getActions(rowData)\">\n            </s-button>\n          </td>\n        </tr>\n      </ng-template>\n\n      <ng-template pTemplate=\"colgroup\" let-columns>\n        <colgroup>\n        @for (col of columns; track col) {\n          <col [style.width]=\"col.width\" />\n        }\n      </colgroup>\n    </ng-template>\n\n    <ng-template pTemplate=\"header\" let-columns>\n      <tr>\n        @for (col of columns; track col) {\n          <th scope=\"col\">\n            <div class=\"senior-header\">\n              <span class=\"senior-header-title\">{{ col.header }}</span>\n            </div>\n          </th>\n        }\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        @for (col of columns; track col) {\n          <td\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                  @switch (col.type) {\n                    @case ('Text') {\n                      <span>{{ rowData[col.field] }}</span>\n                    }\n                    @case ('Date') {\n                      <p-datepicker\n                        [(ngModel)]=\"rowData[col.field]\"\n                        appendTo=\"body\"\n                        [showIcon]=\"true\"\n                        [required]=\"true\"\n                        [attr.aria-label]=\"col.header\"\n                        pTooltip=\"{{ calendarTooltipText }}\"\n                        tooltipPosition=\"bottom\"\n                        [tooltipDisabled]=\"rowData[col.field]\"\n                      ></p-datepicker>\n                    }\n                    @case ('Autocomplete') {\n                      <p-autoComplete\n                        [(ngModel)]=\"rowData[col.field]\"\n                        [suggestions]=\"col.options\"\n                        [attr.aria-label]=\"col.header\"\n                        appendTo=\"body\"\n                        (completeMethod)=\"filterOptions($event)\"\n                        [dropdown]=\"true\"\n                        [forceSelection]=\"true\"\n                      ></p-autoComplete>\n                    }\n                    @case ('Decimal') {\n                      <div class=\"ui-inputgroup\">\n                        @if ('MONETARIO' === rowData.tiposDados[col.field]) {\n                          <span class=\"ui-inputgroup-addon\"\n                          >R$</span>\n                        }\n                        <input sNumberInput [scale]=\"2\"\n                          alignTo=\"right\"\n                          thousandsSeparator=\".\"\n                          pInputText\n                          [attr.aria-label]=\"col.header\"\n                          [(ngModel)]=\"rowData[col.field]\"\n                          (keydown)=\"onTab($event)\"\n                          />\n                          @if ('PERCENTUAL' === rowData.tiposDados[col.field]) {\n                            <span class=\"ui-inputgroup-addon\"\n                            >%</span>\n                          }\n                        </div>\n                      }\n                      @default {\n                        <input pInputText type=\"text\"\n                          [(ngModel)]=\"rowData[col.field]\"\n                          [attr.aria-label]=\"col.header\"\n                          (keydown)=\"onTab($event)\"\n                          />\n                        }\n                      }\n                    </div>\n                  </ng-template>\n                  <ng-template pTemplate=\"output\">\n                    <div  [innerHTML]=\"getSpanProp(rowData, col.field, col.type)\"></div>\n                  </ng-template>\n                </p-cellEditor>\n              </td>\n            }\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                    @for (col of columns; track col) {\n                      <th 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                    }\n                  </tr>\n                </ng-template>\n\n                <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\n                  <tr [pSelectableRow]=\"rowData\">\n                    @for (col of columns; track col) {\n                      <td class=\"colText\">\n                        {{ formatData(col, rowData[col.field]) }}\n                      </td>\n                    }\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}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i5.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor", "menuAriaLabel"], outputs: ["clicked"] }, { kind: "directive", type: i6$1.RowTogllerDirective, selector: "[sRowToggler]", inputs: ["sRowToggler"] }, { kind: "directive", type: i6$1.NavigationDirective, selector: "[sNavigation]" }, { kind: "directive", type: i7.LoadingStateDirective, selector: "[sLoadingState]", inputs: ["sLoadingState"] }, { kind: "directive", type: i8.NumberInputDirective, selector: "input[sNumberInput]" }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i10.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", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], 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: i10.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i10.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "directive", type: i10.ResizableColumn, selector: "[pResizableColumn]", inputs: ["pResizableColumnDisabled"] }, { kind: "component", type: i10.CellEditor, selector: "p-cellEditor" }, { kind: "component", type: i10.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i10.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "directive", type: i11.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i12.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "component", type: i13.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "size", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: i14.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "variant", "fluid"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i15.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: i15.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i15.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i15.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridEditableNestedComponent, decorators: [{
+            type: Component,
+            args: [{ 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    @if (!editing) {\n      <s-button\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    }\n    @if (editing) {\n      <s-button\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    }\n    @if (editing) {\n      <s-button\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    }\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      [scrollable]=\"true\"\n      editMode=\"row\"\n      #table\n      >\n      <ng-template pTemplate=\"frozenbody\" let-rowData let-expanded=\"expanded\">\n        <tr [pSelectableRow]=\"rowData\">\n          <td class=\"col50\" tabindex=\"0\" [sRowToggler]=\"rowData\"\n            [attr.aria-label]=\"expanded\n              ? ('tmsx_fnd.tmsx_angular_components.collapse_row' | translate)\n              : ('tmsx_fnd.tmsx_angular_components.expand_row' | translate)\"\n            (keydown.enter)=\"table.toggleRow(rowData, $event)\">\n            <i class=\"fa fa-{{ expanded ? 'minus' : 'plus' }}\"\n              aria-hidden=\"true\"></i>\n          </td>\n          @for (col of frozenColumns; track col) {\n            <td class=\"colText\"\n              tooltipPosition=\"top\" showDelay=\"500\"\n              [innerHTML]=\"getSpanProp(rowData, col.field)\">\n            </td>\n          }\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              [menuOptions]=\"getActions(rowData)\">\n            </s-button>\n          </td>\n        </tr>\n      </ng-template>\n\n      <ng-template pTemplate=\"colgroup\" let-columns>\n        <colgroup>\n        @for (col of columns; track col) {\n          <col [style.width]=\"col.width\" />\n        }\n      </colgroup>\n    </ng-template>\n\n    <ng-template pTemplate=\"header\" let-columns>\n      <tr>\n        @for (col of columns; track col) {\n          <th scope=\"col\">\n            <div class=\"senior-header\">\n              <span class=\"senior-header-title\">{{ col.header }}</span>\n            </div>\n          </th>\n        }\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        @for (col of columns; track col) {\n          <td\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                  @switch (col.type) {\n                    @case ('Text') {\n                      <span>{{ rowData[col.field] }}</span>\n                    }\n                    @case ('Date') {\n                      <p-datepicker\n                        [(ngModel)]=\"rowData[col.field]\"\n                        appendTo=\"body\"\n                        [showIcon]=\"true\"\n                        [required]=\"true\"\n                        [attr.aria-label]=\"col.header\"\n                        pTooltip=\"{{ calendarTooltipText }}\"\n                        tooltipPosition=\"bottom\"\n                        [tooltipDisabled]=\"rowData[col.field]\"\n                      ></p-datepicker>\n                    }\n                    @case ('Autocomplete') {\n                      <p-autoComplete\n                        [(ngModel)]=\"rowData[col.field]\"\n                        [suggestions]=\"col.options\"\n                        [attr.aria-label]=\"col.header\"\n                        appendTo=\"body\"\n                        (completeMethod)=\"filterOptions($event)\"\n                        [dropdown]=\"true\"\n                        [forceSelection]=\"true\"\n                      ></p-autoComplete>\n                    }\n                    @case ('Decimal') {\n                      <div class=\"ui-inputgroup\">\n                        @if ('MONETARIO' === rowData.tiposDados[col.field]) {\n                          <span class=\"ui-inputgroup-addon\"\n                          >R$</span>\n                        }\n                        <input sNumberInput [scale]=\"2\"\n                          alignTo=\"right\"\n                          thousandsSeparator=\".\"\n                          pInputText\n                          [attr.aria-label]=\"col.header\"\n                          [(ngModel)]=\"rowData[col.field]\"\n                          (keydown)=\"onTab($event)\"\n                          />\n                          @if ('PERCENTUAL' === rowData.tiposDados[col.field]) {\n                            <span class=\"ui-inputgroup-addon\"\n                            >%</span>\n                          }\n                        </div>\n                      }\n                      @default {\n                        <input pInputText type=\"text\"\n                          [(ngModel)]=\"rowData[col.field]\"\n                          [attr.aria-label]=\"col.header\"\n                          (keydown)=\"onTab($event)\"\n                          />\n                        }\n                      }\n                    </div>\n                  </ng-template>\n                  <ng-template pTemplate=\"output\">\n                    <div  [innerHTML]=\"getSpanProp(rowData, col.field, col.type)\"></div>\n                  </ng-template>\n                </p-cellEditor>\n              </td>\n            }\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                    @for (col of columns; track col) {\n                      <th 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                    }\n                  </tr>\n                </ng-template>\n\n                <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\n                  <tr [pSelectableRow]=\"rowData\">\n                    @for (col of columns; track col) {\n                      <td class=\"colText\">\n                        {{ formatData(col, rowData[col.field]) }}\n                      </td>\n                    }\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}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.TranslateService }, { type: UtilsService }, { type: i3.HotkeysService }], propDecorators: { config: [{
+                type: Input
+            }], nestedFunction: [{
+                type: Input
+            }], openDetails: [{
+                type: Output
+            }], paging: [{
+                type: Output
+            }], delete: [{
+                type: Output
+            }], save: [{
+                type: Output
+            }], add: [{
+                type: Output
+            }], table: [{
+                type: ViewChild,
+                args: ["table", { static: false }]
+            }] } });
+
+class GridEditableNestedModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridEditableNestedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: GridEditableNestedModule, declarations: [GridEditableNestedComponent], imports: [CommonModule, i2.LocaleModule, i1.TranslateModule, ButtonModule,
+            TableModule,
+            TooltipModule,
+            LoadingStateModule,
+            NumberInputModule,
+            BreadcrumbModule,
+            ControlErrorsModule,
+            CustomFieldsModule,
+            DynamicFormModule,
+            EmptyStateModule,
+            TokenListModule,
+            // PrimeNG modules
+            ToastModule,
+            TableModule$1,
+            TooltipModule$1,
+            PanelModule,
+            InputTextModule,
+            ConfirmDialogModule,
+            DatePickerModule,
+            DropdownModule,
+            SharedModule,
+            AutoCompleteModule,
+            CheckboxModule,
+            // Angular modules
+            FormsModule,
+            ReactiveFormsModule], exports: [GridEditableNestedComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridEditableNestedModule, imports: [CommonModule,
+            LocaleModule.forChild(),
+            TranslateModule.forChild(),
+            ButtonModule,
+            TableModule,
+            TooltipModule,
+            LoadingStateModule,
+            NumberInputModule,
+            BreadcrumbModule,
+            ControlErrorsModule,
+            CustomFieldsModule,
+            DynamicFormModule,
+            EmptyStateModule,
+            TokenListModule,
+            // PrimeNG modules
+            ToastModule,
+            TableModule$1,
+            TooltipModule$1,
+            PanelModule,
+            InputTextModule,
+            ConfirmDialogModule,
+            DatePickerModule,
+            DropdownModule,
+            SharedModule,
+            AutoCompleteModule,
+            CheckboxModule,
+            // Angular modules
+            FormsModule,
+            ReactiveFormsModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridEditableNestedModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        LocaleModule.forChild(),
+                        TranslateModule.forChild(),
+                        ButtonModule,
+                        TableModule,
+                        TooltipModule,
+                        LoadingStateModule,
+                        NumberInputModule,
+                        BreadcrumbModule,
+                        ControlErrorsModule,
+                        CustomFieldsModule,
+                        DynamicFormModule,
+                        EmptyStateModule,
+                        TokenListModule,
+                        // PrimeNG modules
+                        ToastModule,
+                        TableModule$1,
+                        TooltipModule$1,
+                        PanelModule,
+                        InputTextModule,
+                        ConfirmDialogModule,
+                        DatePickerModule,
+                        DropdownModule,
+                        SharedModule,
+                        AutoCompleteModule,
+                        CheckboxModule,
+                        // Angular modules
+                        FormsModule,
+                        ReactiveFormsModule
+                    ],
+                    declarations: [
+                        GridEditableNestedComponent,
+                    ],
+                    providers: [],
+                    exports: [
+                        GridEditableNestedComponent,
+                    ],
+                }]
+        }] });
+
+var EnumProcessamentoStatus;
+(function (EnumProcessamentoStatus) {
+    EnumProcessamentoStatus["SUCCESS"] = "SUCCESS";
+    EnumProcessamentoStatus["FAILED"] = "FAILED";
+    EnumProcessamentoStatus["PENDING"] = "PENDING";
+    EnumProcessamentoStatus["PROCESSING"] = "PROCESSING";
+})(EnumProcessamentoStatus || (EnumProcessamentoStatus = {}));
+const ENUM_PROCESSAMENTO_STATUS_TRANSLATION_MAP = {
+    [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'
+};
+
+class PainelProcessamentoComponent {
+    translate;
+    static GENERIC_ERR_KEY = 'tmsx_fnd.tmsx_angular_components.painel_processamento_generic_error';
+    params;
+    processado = new EventEmitter();
+    concluido = new EventEmitter();
+    gridData;
+    gridColumns;
+    totalRecords = 0;
+    successCount = 0;
+    failedCount = 0;
+    pendingCount = 0;
+    successProgress = '0%';
+    failedProgress = '0%';
+    pendingProgress = '100%';
+    processingProgress = '0%';
+    sortField = 'status';
+    sortOrder = 1;
+    constructor(translate) {
+        this.translate = translate;
+    }
+    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) {
+        try {
+            if (!error) {
+                return this.genericErrorMsg;
+            }
+            if (error?.error?.message) {
+                return String(error.error.message);
+            }
+            if (error?.message?.message) {
+                return String(error.message.message);
+            }
+            return this.genericErrorMsg;
+        }
+        catch {
+            return this.genericErrorMsg;
+        }
+    }
+    get genericErrorMsg() {
+        return this.translate.instant(PainelProcessamentoComponent.GENERIC_ERR_KEY);
+    }
+    updateRowSuccess(row) {
+        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);
+                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');
+        }
+    }
+    async processAllRecordsWithPLimit() {
+        const pLimitModule = await import('p-limit');
+        const pLimit = pLimitModule.default ?? pLimitModule;
+        const limit = pLimit(this.params.quantidadeChamadasSimultaneas);
+        const promises = this.params.registros.map((record, index) => limit(async () => {
+            const row = this.gridData.find(item => item.registro === record);
+            this.updateRowStatus(row, EnumProcessamentoStatus.PROCESSING);
+            try {
+                const result = await record.apiEnvio(record.objEnvio).toPromise();
+                this.updateRowSuccess(row);
+                return { success: true, record, result };
+            }
+            catch (error) {
+                this.updateRowError(row, index, this.getErrorMessage(error));
+                return { success: false, record, error };
+            }
+        }));
+        const results = await 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(ENUM_PROCESSAMENTO_STATUS_TRANSLATION_MAP[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
+            },
+        ];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PainelProcessamentoComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PainelProcessamentoComponent, selector: "tmsx-painel-processamento", inputs: { params: "params" }, outputs: { processado: "processado", concluido: "concluido" }, ngImport: i0, template: "<p-panel>\n  <p-header>{{  this.params.titulo }} ({{processingProgress }})</p-header>\n\n  <div class=\"progressbar\"\n    [attr.aria-label]=\"'tmsx_fnd.tmsx_angular_components.progress' | translate\">\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      @for (col of columns; track col) {\n        <col [ngStyle]=\"col.style\">\n      }\n    </colgroup>\n  </ng-template>\n\n  <ng-template pTemplate=\"header\" let-columns>\n    <tr>\n      @for (col of columns; track col) {\n        <th scope=\"col\"\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            @if (!col.disableColumnSort) {\n              <p-sortIcon [field]=\"col.field\"></p-sortIcon>\n            }\n          </div>\n        </th>\n      }\n    </tr>\n  </ng-template>\n\n  <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\n    <tr>\n      @for (col of columns; track col) {\n        <td [ngClass]=\"getClassStatus(rowData, col.field)\">\n          {{ getData(rowData, col.field) }}\n        </td>\n      }\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(1 of.visible){border-top-left-radius:20px;border-bottom-left-radius:20px}.progressbar .visible:nth-last-child(1 of.visible){border-top-right-radius:20px;border-bottom-right-radius:20px}.progressbar .success,.progressbar .pending,.progressbar .failed{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}\n"], dependencies: [{ kind: "directive", type: i2$1.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: i10.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", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], 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: "component", type: i4.Header, selector: "p-header" }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i10.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i10.ResizableColumn, selector: "[pResizableColumn]", inputs: ["pResizableColumnDisabled"] }, { kind: "component", type: i10.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i6$1.TablePagingComponent, selector: "s-table-paging", inputs: ["totalRecords", "exportFileName", "table", "exportable", "enableExportSelectedRecords", "customActions", "loadAllRecords", "loadCurrentPageRecords", "loadSelectedRecords"] }, { kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i7$1.Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "style", "styleClass", "iconPos", "expandIcon", "collapseIcon", "showHeader", "toggler", "transitionOptions", "toggleButtonProps"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PainelProcessamentoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tmsx-painel-processamento', template: "<p-panel>\n  <p-header>{{  this.params.titulo }} ({{processingProgress }})</p-header>\n\n  <div class=\"progressbar\"\n    [attr.aria-label]=\"'tmsx_fnd.tmsx_angular_components.progress' | translate\">\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      @for (col of columns; track col) {\n        <col [ngStyle]=\"col.style\">\n      }\n    </colgroup>\n  </ng-template>\n\n  <ng-template pTemplate=\"header\" let-columns>\n    <tr>\n      @for (col of columns; track col) {\n        <th scope=\"col\"\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            @if (!col.disableColumnSort) {\n              <p-sortIcon [field]=\"col.field\"></p-sortIcon>\n            }\n          </div>\n        </th>\n      }\n    </tr>\n  </ng-template>\n\n  <ng-template pTemplate=\"body\" let-rowData let-columns=\"columns\">\n    <tr>\n      @for (col of columns; track col) {\n        <td [ngClass]=\"getClassStatus(rowData, col.field)\">\n          {{ getData(rowData, col.field) }}\n        </td>\n      }\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(1 of.visible){border-top-left-radius:20px;border-bottom-left-radius:20px}.progressbar .visible:nth-last-child(1 of.visible){border-top-right-radius:20px;border-bottom-right-radius:20px}.progressbar .success,.progressbar .pending,.progressbar .failed{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}\n"] }]
+        }], ctorParameters: () => [{ type: i1.TranslateService }], propDecorators: { params: [{
+                type: Input
+            }], processado: [{
+                type: Output
+            }], concluido: [{
+                type: Output
+            }] } });
+
+class PainelProcessamentoModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PainelProcessamentoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: PainelProcessamentoModule, declarations: [PainelProcessamentoComponent], imports: [i2.LocaleModule, i1.TranslateModule, TooltipModule,
+            TableModule$1,
+            TableModule,
+            ButtonModule,
+            CommonModule,
+            PanelModule], exports: [PainelProcessamentoComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PainelProcessamentoModule, imports: [LocaleModule.forChild(),
+            TranslateModule.forChild(),
+            TooltipModule,
+            TableModule$1,
+            TableModule,
+            ButtonModule,
+            CommonModule,
+            PanelModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PainelProcessamentoModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        LocaleModule.forChild(),
+                        TranslateModule.forChild(),
+                        TooltipModule,
+                        TableModule$1,
+                        TableModule,
+                        ButtonModule,
+                        CommonModule,
+                        PanelModule,
+                    ],
+                    declarations: [
+                        PainelProcessamentoComponent
+                    ],
+                    providers: [],
+                    exports: [
+                        PainelProcessamentoComponent
+                    ],
+                }]
+        }] });
+
+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"
+};
+
+const HOST_PROJECT_CONFIGS_INJECTION_TOKEN = new InjectionToken("hostProjectConfigs");
+class TmsxAngularComponentsModule {
+    static forRoot(config) {
+        return {
+            ngModule: TmsxAngularComponentsModule,
+            providers: [
+                {
+                    provide: HOST_PROJECT_CONFIGS_INJECTION_TOKEN,
+                    useValue: config
+                }
+            ]
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TmsxAngularComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: TmsxAngularComponentsModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TmsxAngularComponentsModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TmsxAngularComponentsModule, decorators: [{
+            type: NgModule,
+            args: [{}]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FieldType, GridEditableNestedComponent, GridEditableNestedModule, HOST_PROJECT_CONFIGS_INJECTION_TOKEN, PainelProcessamentoComponent, PainelProcessamentoModule, TmsxAngularComponentsModule, UtilsService, fallback };
+//# sourceMappingURL=seniorsistemas-tmsx-angular-components.mjs.map