@seniorsistemas/angular-components 17.17.6 → 17.17.8

package/bundles/seniorsistemas-angular-components.umd.js

@@ -9530,10 +9530,10 @@
     var TableFrozenPositionDirective = /** @class */ (function () {
         function TableFrozenPositionDirective(el, host) {
             this.el = el;
-            this.host = host;
             this.sTableFrozenPosition = "left";
             this.isTableVisible = false;
             this.onColumnsChanged = new core.EventEmitter();
+            this.TABLE_SCROLLABLE_WRAPPER_CLASS = ".ui-table-scrollable-wrapper";
             this.table = host;
             this.table.styleClass = (this.table.styleClass || "") + " s-table-frozen-position";
             this.setUpTableEvents();
@@ -9577,6 +9577,9 @@
             if (this.rowExpandedObserver) {
                 this.rowExpandedObserver.disconnect();
             }
+            if (this.tableWrapperObserver) {
+                this.tableWrapperObserver.disconnect();
+            }
         };
         TableFrozenPositionDirective.prototype.setUpTableEvents = function () {
             var _this = this;
@@ -9621,6 +9624,17 @@
                     childList: true
                 });
             });
+            var tableWraper = this.el.nativeElement.querySelector(this.TABLE_SCROLLABLE_WRAPPER_CLASS);
+            if (tableWraper) {
+                var mutationObserver = new MutationObserver(function () {
+                    _this.synchronizeRowHeight();
+                });
+                mutationObserver.observe(tableWraper, {
+                    subtree: true,
+                    childList: true
+                });
+                this.tableWrapperObserver = mutationObserver;
+            }
         };
         TableFrozenPositionDirective.prototype.applyHeightForExpandedRows = function () {
             var frozenTDsToAdjust = this.el.nativeElement.querySelectorAll(".ui-table-frozen-view .sds-expanded-row > td");
@@ -9636,7 +9650,7 @@
             });
         };
         TableFrozenPositionDirective.prototype.applyStylesForTable = function () {
-            var scrollWrapper = this.el.nativeElement.querySelector(".ui-table-scrollable-wrapper");
+            var scrollWrapper = this.el.nativeElement.querySelector(this.TABLE_SCROLLABLE_WRAPPER_CLASS);
             if (!scrollWrapper) {
                 console.warn("Unable to find scroll-wrapper element from table. Is the table configured with frozen template?");
                 return;
@@ -9920,7 +9934,11 @@
                         return ((_a = attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.options) === null || _a === void 0 ? void 0 : _a.numberFormatOptions) ? _this.numericService.instant(attributeValue.value, {
                             numberFormatOptions: attributeValue.options.numberFormatOptions,
                         })
-                            : ng2CurrencyMask.applyMask(attributeValue, numberConfigs, _this.isNumber(attributeValue));
+                            : column.numberFormatOptions
+                                ? _this.numericService.instant(attributeValue, {
+                                    numberFormatOptions: column.numberFormatOptions,
+                                })
+                                : ng2CurrencyMask.applyMask(attributeValue, numberConfigs, _this.isNumber(attributeValue));
                     case exports.EnumColumnFieldType.DATE:
                         var dateFormat = _this.getDateFormat(column, locale);
                         return moment$4(attributeValue).format(dateFormat);
@@ -10120,7 +10138,7 @@
             var _a;
             if ((_a = changes.totalRecords) === null || _a === void 0 ? void 0 : _a.currentValue) {
                 this.totalRecordsText = this.translate.instant(this.getTranslatePrefix() + "total_records", {
-                    value: changes.totalRecords.currentValue
+                    value: changes.totalRecords.currentValue,
                 });
             }
         };
@@ -10137,28 +10155,28 @@
                 {
                     id: "exportCurrentPage",
                     label: this.translate.instant(this.getTranslatePrefix() + "export_current_page"),
-                    command: function () { return _this.exportCurrentPage(); }
-                }
+                    command: function () { return _this.exportCurrentPage(); },
+                },
             ];
             if (this.enableExportSelectedRecords) {
                 actions.push({
                     id: "exportSelected",
                     label: this.translate.instant(this.getTranslatePrefix() + "export_selected_records"),
-                    command: function () { return _this.exportSelectedRecords(); }
+                    command: function () { return _this.exportSelectedRecords(); },
                 });
             }
             if (this.loadAllRecords) {
                 actions.push({
                     id: "exportAll",
                     label: this.translate.instant(this.getTranslatePrefix() + "export_all_records"),
-                    command: function () { return _this.exportAllRecords(); }
+                    command: function () { return _this.exportAllRecords(); },
                 });
             }
             if ((_a = this.customActions) === null || _a === void 0 ? void 0 : _a.length) {
                 var customMenus = this.customActions.map(function (p, index) { return ({
                     id: "customAction_" + index,
                     label: p.label,
-                    command: p.command
+                    command: p.command,
                 }); });
                 actions.push.apply(actions, __spread(customMenus));
             }
@@ -10178,7 +10196,7 @@
                     field: column.field,
                     separator: (_a = column.separator) !== null && _a !== void 0 ? _a : " - ",
                     enumPrefix: column.enumPrefix,
-                    customExport: column.customExport
+                    customExport: column.customExport,
                 };
                 if (column.exportable === false) {
                     exportColumn.exportable = false;
@@ -10200,6 +10218,7 @@
                 tableData = this.loadCurrentPageRecords();
             }
             tableData = this.mapCustomExport(columns, tableData);
+            tableData = this.mapNumberFormatOptionsExport(columns, tableData);
             return this.mapColumnsTranslations(columns, tableData);
         };
         TablePagingComponent.prototype.getSelectedRowsToExport = function (columns) {
@@ -10208,6 +10227,7 @@
                 tableData = this.loadSelectedRecords();
             }
             tableData = this.mapCustomExport(columns, tableData);
+            tableData = this.mapNumberFormatOptionsExport(columns, tableData);
             return this.mapColumnsTranslations(columns, tableData);
         };
         TablePagingComponent.prototype.getPropertyValue = function (obj, path) {
@@ -10222,7 +10242,7 @@
                 obj[key] = value;
                 return obj;
             }
-            obj[key] = (this.recursionSetValue((obj === null || obj === void 0 ? void 0 : obj[key]) || {}, keysList.slice(1), value));
+            obj[key] = this.recursionSetValue((obj === null || obj === void 0 ? void 0 : obj[key]) || {}, keysList.slice(1), value);
             return obj;
         };
         TablePagingComponent.prototype.mapColumnsTranslations = function (columns, rows) {
@@ -10247,6 +10267,88 @@
                 return newRow;
             });
         };
+        /**
+         * The purpose of this method is to map values
+         * from the TableColumnsComponent, which uses the numberFormatOptions
+         * field, along with rows that have a custom numberFormatOptions,
+         * to ensure the correct values are exported by the TablePagingComponent.
+         *
+         * @returns Returns the correctly mapped tableData.
+         */
+        TablePagingComponent.prototype.mapNumberFormatOptionsExport = function (columns, tableData) {
+            var hasNumberFormatOptionsColumns = columns.some(function (column) { return column.numberFormatOptions; });
+            var hasNumberFormatOptionsRows = tableData.some(function (rowData) {
+                return Object.keys(rowData).some(function (key) { var _a; return (_a = rowData[key].options) === null || _a === void 0 ? void 0 : _a.numberFormatOptions; });
+            });
+            if (!hasNumberFormatOptionsColumns && !hasNumberFormatOptionsRows)
+                return tableData;
+            var mappedTableData = __spread(tableData);
+            if (hasNumberFormatOptionsColumns) {
+                mappedTableData = mappedTableData.map(function (rowData) {
+                    var e_1, _a, e_2, _b;
+                    var _c;
+                    var row = __assign({}, rowData);
+                    var columnsWithNumberFormatOptions = columns.filter(function (column) { return column.numberFormatOptions; });
+                    try {
+                        for (var columnsWithNumberFormatOptions_1 = __values(columnsWithNumberFormatOptions), columnsWithNumberFormatOptions_1_1 = columnsWithNumberFormatOptions_1.next(); !columnsWithNumberFormatOptions_1_1.done; columnsWithNumberFormatOptions_1_1 = columnsWithNumberFormatOptions_1.next()) {
+                            var _d = columnsWithNumberFormatOptions_1_1.value, attributes = _d.attributes, numberFormatOptions = _d.numberFormatOptions;
+                            try {
+                                for (var attributes_1 = (e_2 = void 0, __values(attributes)), attributes_1_1 = attributes_1.next(); !attributes_1_1.done; attributes_1_1 = attributes_1.next()) {
+                                    var attribute = attributes_1_1.value;
+                                    if ((_c = row[attribute].options) === null || _c === void 0 ? void 0 : _c.numberFormatOptions)
+                                        continue;
+                                    var value = row[attribute];
+                                    var mappedValue = numberFormatOptions.style === "percent" ? new BigNumber__default(value).times(100) : new BigNumber__default(value);
+                                    var numberFormat = new Intl.NumberFormat("en-US", __assign(__assign({}, numberFormatOptions), { style: "decimal", useGrouping: false }));
+                                    row[attribute] = numberFormat.format(mappedValue.toNumber());
+                                }
+                            }
+                            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                            finally {
+                                try {
+                                    if (attributes_1_1 && !attributes_1_1.done && (_b = attributes_1.return)) _b.call(attributes_1);
+                                }
+                                finally { if (e_2) throw e_2.error; }
+                            }
+                        }
+                    }
+                    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                    finally {
+                        try {
+                            if (columnsWithNumberFormatOptions_1_1 && !columnsWithNumberFormatOptions_1_1.done && (_a = columnsWithNumberFormatOptions_1.return)) _a.call(columnsWithNumberFormatOptions_1);
+                        }
+                        finally { if (e_1) throw e_1.error; }
+                    }
+                    return row;
+                });
+            }
+            if (hasNumberFormatOptionsRows) {
+                mappedTableData = tableData.map(function (rowData) {
+                    var e_3, _a;
+                    var row = __assign({}, rowData);
+                    var keysWithNumberFormatOptions = Object.keys(row).filter(function (key) { var _a; return (_a = row[key].options) === null || _a === void 0 ? void 0 : _a.numberFormatOptions; });
+                    try {
+                        for (var keysWithNumberFormatOptions_1 = __values(keysWithNumberFormatOptions), keysWithNumberFormatOptions_1_1 = keysWithNumberFormatOptions_1.next(); !keysWithNumberFormatOptions_1_1.done; keysWithNumberFormatOptions_1_1 = keysWithNumberFormatOptions_1.next()) {
+                            var key = keysWithNumberFormatOptions_1_1.value;
+                            var value = rowData[key].value;
+                            var numberFormatOptions = rowData[key].options.numberFormatOptions;
+                            var mappedValue = numberFormatOptions.style === "percent" ? new BigNumber__default(value).times(100) : new BigNumber__default(value);
+                            var numberFormat = new Intl.NumberFormat("en-US", __assign(__assign({}, numberFormatOptions), { style: "decimal", useGrouping: false }));
+                            row[key] = numberFormat.format(mappedValue.toNumber());
+                        }
+                    }
+                    catch (e_3_1) { e_3 = { error: e_3_1 }; }
+                    finally {
+                        try {
+                            if (keysWithNumberFormatOptions_1_1 && !keysWithNumberFormatOptions_1_1.done && (_a = keysWithNumberFormatOptions_1.return)) _a.call(keysWithNumberFormatOptions_1);
+                        }
+                        finally { if (e_3) throw e_3.error; }
+                    }
+                    return row;
+                });
+            }
+            return mappedTableData;
+        };
         TablePagingComponent.prototype.mapCustomExport = function (columns, rows) {
             var _this = this;
             var customColumns = columns.filter(function (p) { return p.customExport; });
@@ -10288,8 +10390,7 @@
             return translatedValue;
         };
         TablePagingComponent.prototype.convertToSnakeCase = function (str) {
-            return str.replace(/([A-Z])/g, function (match, group) { return "_" + group.toLowerCase(); })
-                .replace(/^_/, '');
+            return str.replace(/([A-Z])/g, function (match, group) { return "_" + group.toLowerCase(); }).replace(/^_/, "");
         };
         TablePagingComponent.prototype.getExportFileName = function () {
             var _a, _b;
@@ -10324,6 +10425,7 @@
                             serverData = _a.sent();
                             columns = this.getColumnsToExport();
                             serverData = this.mapCustomExport(columns, serverData);
+                            serverData = this.mapNumberFormatOptionsExport(columns, serverData);
                             dataToExport = this.mapColumnsTranslations(columns, serverData);
                             ExportUtils.exportCSV(columns, dataToExport, undefined, this.getExportFileName());
                             return [2 /*return*/];
@@ -17945,6 +18047,7 @@
                 style: "decimal",
                 minimumFractionDigits: 0,
                 maximumFractionDigits: 2,
+                roundingMode: "trunc",
             };
             this.showValue = true;
             this.mode = ProgressBarMode.Determinate;