@seniorsistemas/angular-components 14.16.17 → 14.16.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4597,7 +4597,8 @@
4597
4597
  header: column.header,
4598
4598
  exportable: true,
4599
4599
  field: column.field,
4600
- separator: (_a = column.separator) !== null && _a !== void 0 ? _a : " - "
4600
+ separator: (_a = column.separator) !== null && _a !== void 0 ? _a : " - ",
4601
+ enumPrefix: column.enumPrefix
4601
4602
  };
4602
4603
  if (column.exportable === false) {
4603
4604
  exportColumn.exportable = false;
@@ -4613,11 +4614,11 @@
4613
4614
  return exportColumn;
4614
4615
  });
4615
4616
  };
4616
- TablePagingComponent.prototype.getCurrentPageRowsToExport = function () {
4617
- return this.mapColumnsTranslations(this.table.columns, this.table.value);
4617
+ TablePagingComponent.prototype.getCurrentPageRowsToExport = function (columns) {
4618
+ return this.mapColumnsTranslations(columns, this.table.value);
4618
4619
  };
4619
- TablePagingComponent.prototype.getSelectedRowsToExport = function () {
4620
- return this.mapColumnsTranslations(this.table.columns, this.table.selection);
4620
+ TablePagingComponent.prototype.getSelectedRowsToExport = function (columns) {
4621
+ return this.mapColumnsTranslations(columns, this.table.selection);
4621
4622
  };
4622
4623
  TablePagingComponent.prototype.mapColumnsTranslations = function (columns, rows) {
4623
4624
  var _this = this;
@@ -4626,11 +4627,28 @@
4626
4627
  return rows;
4627
4628
  return __spread(rows).map(function (row) {
4628
4629
  var newRow = __assign({}, row);
4629
- for (var i = 0; i <= enumColumns.length - 1; i++) {
4630
+ var _loop_1 = function (i) {
4630
4631
  var column = enumColumns[i];
4631
- var fieldName = column.field;
4632
- var columnData = row[fieldName];
4633
- newRow[fieldName] = _this.translate.instant(column.enumPrefix + columnData.toString().toLowerCase());
4632
+ var fields = column.field;
4633
+ if (!Array.isArray(fields)) {
4634
+ fields = [fields];
4635
+ }
4636
+ fields.forEach(function (fieldName) {
4637
+ var columnData = row[fieldName];
4638
+ if (!columnData)
4639
+ return;
4640
+ var enumValue = columnData.toString().toLowerCase();
4641
+ var translationKey = column.enumPrefix + enumValue;
4642
+ var translatedValue = _this.translate.instant(translationKey);
4643
+ if (translationKey === translatedValue && enumValue.length > 1) {
4644
+ translationKey = column.enumPrefix + enumValue.substring(0, 1) + "_" + enumValue.substr(1);
4645
+ translatedValue = _this.translate.instant(translationKey);
4646
+ }
4647
+ newRow[fieldName] = translatedValue;
4648
+ });
4649
+ };
4650
+ for (var i = 0; i <= enumColumns.length - 1; i++) {
4651
+ _loop_1(i);
4634
4652
  }
4635
4653
  return newRow;
4636
4654
  });
@@ -4643,15 +4661,19 @@
4643
4661
  };
4644
4662
  TablePagingComponent.prototype.exportCurrentPage = function () {
4645
4663
  this.validateComponent();
4646
- ExportUtils.exportCSV(this.getColumnsToExport(), this.getCurrentPageRowsToExport(), undefined, this.getExportFileName());
4664
+ var columns = this.getColumnsToExport();
4665
+ var dataToExport = this.getCurrentPageRowsToExport(columns);
4666
+ ExportUtils.exportCSV(columns, dataToExport, undefined, this.getExportFileName());
4647
4667
  };
4648
4668
  TablePagingComponent.prototype.exportSelectedRecords = function () {
4649
4669
  this.validateComponent();
4650
- ExportUtils.exportCSV(this.getColumnsToExport(), this.getSelectedRowsToExport(), undefined, this.getExportFileName());
4670
+ var columns = this.getColumnsToExport();
4671
+ var dataToExport = this.getSelectedRowsToExport(columns);
4672
+ ExportUtils.exportCSV(columns, dataToExport, undefined, this.getExportFileName());
4651
4673
  };
4652
4674
  TablePagingComponent.prototype.exportAllRecords = function () {
4653
4675
  return __awaiter(this, void 0, void 0, function () {
4654
- var serverData, dataToExport;
4676
+ var serverData, columns, dataToExport;
4655
4677
  return __generator(this, function (_a) {
4656
4678
  switch (_a.label) {
4657
4679
  case 0:
@@ -4659,8 +4681,9 @@
4659
4681
  return [4 /*yield*/, this.loadAllRecords()];
4660
4682
  case 1:
4661
4683
  serverData = _a.sent();
4662
- dataToExport = this.mapColumnsTranslations(this.table.columns, serverData);
4663
- ExportUtils.exportCSV(this.getColumnsToExport(), dataToExport, undefined, this.getExportFileName());
4684
+ columns = this.getColumnsToExport();
4685
+ dataToExport = this.mapColumnsTranslations(columns, serverData);
4686
+ ExportUtils.exportCSV(columns, dataToExport, undefined, this.getExportFileName());
4664
4687
  return [2 /*return*/];
4665
4688
  }
4666
4689
  });
@@ -7350,9 +7373,9 @@
7350
7373
  StatsCardComponent = StatsCardComponent_1 = __decorate([
7351
7374
  core.Component({
7352
7375
  selector: "s-stats-card",
7353
- template: "<div [id]=\"id\" [ngClass]=\"{\n 's-stats-card-light': lightMode,\n 's-stats-card-color': !lightMode,\n 's-stats-card-container-light-version': lightVersion,\n 's-stats-card-clickable': clickable\n}\" class=\"s-stats-card-container\" (click)=\"clickable && onClick.next($event)\">\n\n <div [id]=\"id + '-background'\" class=\"s-stats-card-background\" [ngStyle]=\"{'background-color': !lightMode && color || ''}\"></div>\n <div [id]=\"id + '-overlay'\" class=\"s-stats-card-overlay\"></div>\n\n <div [id]=\"id + '-info-container'\" class=\"s-stats-card-info-container\">\n <div class=\"s-stats-card-info-inner-container\">\n\n <div [id]=\"id + '-icon-container'\" class=\"s-stats-card-icon-container\" [ngClass]=\"{'s-stats-card-icon-container-light-version': lightVersion}\"\n [ngStyle]=\"{'background-color': lightMode && color || ''}\">\n <span [id]=\"id + '-icon'\" [class]=\"iconClass\" [ngClass]=\"{'s-stats-card-icon': true, 's-stats-card-icon-light-version': lightVersion}\"\n [ngStyle]=\"{'color': !lightMode && color || ''}\" aria-hidden=\"true\"></span>\n </div>\n\n <div [id]=\"id + '-text-container'\" class=\"s-stats-card-text-container\" [ngClass]=\"{'s-stats-card-text-container-light-version': lightVersion}\">\n <h4 [id]=\"id + '-label'\" class=\"s-stats-card-label\" [ngClass]=\"{'s-stats-card-label-light-version': lightVersion}\" [pTooltip]=\"label\" tooltipPosition=\"top\" showDelay=\"500\">{{label}}</h4>\n <span [id]=\"id + '-value'\" class=\"s-stats-card-value\" [ngClass]=\"{'s-stats-card-value-light-version': lightVersion}\" [pTooltip]=\"displayValue\" tooltipPosition=\"top\" showDelay=\"500\">{{ displayValue }}</span>\n </div>\n\n </div>\n <span *ngIf=\"tooltip\" class=\"s-status-card-tooltip\" [pTooltip]=\"tooltip\" tooltipPosition=\"right\">\n <i class=\"fa fa-info-circle s-status-card-tooltip-icon\"></i>\n </span>\n </div>\n\n</div>\n",
7376
+ template: "<div\n [id]=\"id\"\n [ngClass]=\"{\n 's-stats-card-light': lightMode,\n 's-stats-card-color': !lightMode,\n 's-stats-card-container-light-version': lightVersion,\n 's-stats-card-clickable': clickable\n }\"\n class=\"s-stats-card-container\"\n (click)=\"clickable && onClick.next($event)\">\n\n <div\n [id]=\"id + '-background'\"\n class=\"s-stats-card-background\"\n [ngStyle]=\"{'background-color': !lightMode && color || ''}\">\n </div>\n <div\n [id]=\"id + '-overlay'\"\n class=\"s-stats-card-overlay\">\n </div>\n\n <div\n [id]=\"id + '-info-container'\"\n class=\"s-stats-card-info-container\">\n <div class=\"s-stats-card-info-inner-container\">\n <div\n [id]=\"id + '-icon-container'\"\n class=\"s-stats-card-icon-container\"\n [ngClass]=\"{\n 's-stats-card-icon-container-light-version': lightVersion\n }\"\n [ngStyle]=\"{'background-color': lightMode && color || ''}\">\n <span\n [id]=\"id + '-icon'\"\n [class]=\"iconClass\"\n [ngClass]=\"{\n 's-stats-card-icon': true,\n 's-stats-card-icon-light-version': lightVersion\n }\"\n [ngStyle]=\"{'color': !lightMode && color || ''}\"\n aria-hidden=\"true\"></span>\n </div>\n\n <div\n [id]=\"id + '-text-container'\"\n class=\"s-stats-card-text-container\"\n [ngClass]=\"{\n 's-stats-card-text-container-light-version': lightVersion\n }\">\n <h4\n [id]=\"id + '-label'\"\n class=\"s-stats-card-label\"\n [ngClass]=\"{\n 's-stats-card-label-light-version': lightVersion\n }\"\n [pTooltip]=\"label\"\n tooltipPosition=\"top\"\n showDelay=\"500\">\n {{ label }}\n </h4>\n <span\n [id]=\"id + '-value'\"\n class=\"s-stats-card-value\"\n [ngClass]=\"{\n 's-stats-card-value-light-version': lightVersion\n }\"\n [pTooltip]=\"displayValue\"\n tooltipPosition=\"top\"\n showDelay=\"500\">\n {{ displayValue }}\n </span>\n </div>\n </div>\n <div class=\"s-stats-card-content-inner-container\">\n <div #content class=\"s-stats-card-content-container\">\n <ng-content></ng-content>\n </div>\n <div\n *ngIf=\"content.children.length\"\n class=\"s-stats-card-content-separator\">\n </div>\n </div>\n <span\n *ngIf=\"tooltip\"\n class=\"s-status-card-tooltip\"\n [pTooltip]=\"tooltip\"\n tooltipPosition=\"right\">\n <i class=\"fa fa-info-circle s-status-card-tooltip-icon\"></i>\n </span>\n </div>\n</div>\n",
7354
7377
  encapsulation: core.ViewEncapsulation.None,
7355
- styles: ["s-stats-card{display:block;position:relative;height:auto}s-stats-card .s-stats-card-background,s-stats-card .s-stats-card-overlay{height:calc(100% - 2px);position:absolute;top:1px;left:1px;width:calc(100% - 2px)}s-stats-card .s-stats-card-background{background-color:#fff}s-stats-card .s-stats-card-overlay{background-color:#000;opacity:0;transition:opacity .2s ease-out}s-stats-card .s-stats-card-container{border:1px solid transparent;min-width:120px;overflow:hidden}s-stats-card .s-stats-card-container.s-stats-card-clickable{cursor:pointer}s-stats-card .s-stats-card-container:hover .s-stats-card-overlay{opacity:.2}s-stats-card .s-stats-card-container.s-stats-card-light:hover .s-stats-card-overlay{opacity:.08}s-stats-card .s-stats-card-container.s-stats-card-light{border-color:#ccc}s-stats-card .s-stats-card-info-container{padding:15px;position:relative;overflow:auto}s-stats-card .s-stats-card-info-inner-container{overflow:hidden;position:relative}.s-sidebar-content s-stats-card .s-stats-card-container.s-stats-card-light,.ui-dialog-content s-stats-card .s-stats-card-container.s-stats-card-light,p-panel s-stats-card .s-stats-card-container.s-stats-card-light{border-color:transparent}s-stats-card .s-stats-card-color .s-stats-card-icon-container{background-color:#fff}s-stats-card .s-stats-card-icon-container{float:left;font-size:24px;height:50px;line-height:50px;text-align:center;transition:width .2s ease-out;width:50px}s-stats-card .s-stats-card-light *{color:#333}s-stats-card .s-stats-card-light .s-stats-card-icon{color:#fff}s-stats-card .s-stats-card-light * .s-status-card-tooltip .s-status-card-tooltip-icon,s-stats-card .s-stats-card-light .s-stats-card-label{color:#999}s-stats-card .s-stats-card-text-container{color:#fff;float:left;height:50px;max-width:calc(100% - 65px);padding-left:15px}s-stats-card .s-stats-card-text-container,s-stats-card .s-stats-card-text-container .s-stats-card-label,s-stats-card .s-stats-card-text-container .s-stats-card-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}s-stats-card .s-stats-card-label{font-weight:400;width:100%}s-stats-card .s-stats-card-value{display:inline-block;font-weight:700;font-size:20px;width:100%}s-stats-card .s-stats-card-container-light-version,s-stats-card .s-stats-card-text-container-light-version{height:auto}s-stats-card .s-stats-card-text-container-light-version{max-width:calc(100% - 25px);padding-left:25px}s-stats-card .s-stats-card-icon-container-light-version{height:100%;left:0;position:absolute;right:0;width:10px}s-stats-card .s-stats-card-icon-light-version{display:none}@media (max-width:767px){s-stats-card,s-stats-card .s-stats-card-container,s-stats-card .s-stats-card-text-container{height:auto}s-stats-card .s-stats-card-text-container{max-width:calc(100% - 25px);padding-left:25px}s-stats-card .s-stats-card-text-container,s-stats-card .s-stats-card-text-container .s-stats-card-label,s-stats-card .s-stats-card-text-container .s-stats-card-value{overflow:visible;white-space:normal;word-break:break-all}s-stats-card .s-stats-card-icon-container{height:100%;left:0;position:absolute;right:0;width:10px}s-stats-card .s-stats-card-icon{display:none}}.s-status-card-tooltip{font-size:1rem;line-height:0;margin:.3rem;position:absolute;right:0;top:0}.s-status-card-tooltip .s-status-card-tooltip-icon{color:#fff}"]
7378
+ styles: ["s-stats-card{display:block;position:relative;height:auto}s-stats-card .s-stats-card-background,s-stats-card .s-stats-card-overlay{height:calc(100% - 2px);position:absolute;top:1px;left:1px;width:calc(100% - 2px)}s-stats-card .s-stats-card-background{background-color:#fff}s-stats-card .s-stats-card-overlay{background-color:#000;opacity:0;transition:opacity .2s ease-out}s-stats-card .s-stats-card-container{border:1px solid transparent;min-width:120px;overflow:hidden}s-stats-card .s-stats-card-container.s-stats-card-clickable{cursor:pointer}s-stats-card .s-stats-card-container:hover .s-stats-card-overlay{opacity:.2}s-stats-card .s-stats-card-container.s-stats-card-light:hover .s-stats-card-overlay{opacity:.08}s-stats-card .s-stats-card-container.s-stats-card-light{border-color:#ccc}s-stats-card .s-stats-card-info-container{padding:15px;position:relative;overflow:auto}s-stats-card .s-stats-card-info-inner-container{overflow:hidden;position:relative}.s-sidebar-content s-stats-card .s-stats-card-container.s-stats-card-light,.ui-dialog-content s-stats-card .s-stats-card-container.s-stats-card-light,p-panel s-stats-card .s-stats-card-container.s-stats-card-light{border-color:transparent}s-stats-card .s-stats-card-color .s-stats-card-icon-container{background-color:#fff}s-stats-card .s-stats-card-icon-container{float:left;font-size:24px;height:50px;line-height:50px;text-align:center;transition:width .2s ease-out;width:50px}s-stats-card .s-stats-card-light *{color:#333}s-stats-card .s-stats-card-light .s-stats-card-icon{color:#fff}s-stats-card .s-stats-card-light * .s-status-card-tooltip .s-status-card-tooltip-icon,s-stats-card .s-stats-card-light .s-stats-card-label{color:#999}s-stats-card .s-stats-card-text-container{color:#fff;float:left;height:50px;max-width:calc(100% - 65px);padding-left:15px}s-stats-card .s-stats-card-text-container,s-stats-card .s-stats-card-text-container .s-stats-card-label,s-stats-card .s-stats-card-text-container .s-stats-card-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}s-stats-card .s-stats-card-label{font-weight:400;width:100%}s-stats-card .s-stats-card-value{display:inline-block;font-weight:700;font-size:20px;width:100%}s-stats-card .s-stats-card-container-light-version,s-stats-card .s-stats-card-text-container-light-version{height:auto}s-stats-card .s-stats-card-text-container-light-version{max-width:calc(100% - 25px);padding-left:25px}s-stats-card .s-stats-card-icon-container-light-version{height:100%;left:0;position:absolute;right:0;width:10px}s-stats-card .s-stats-card-icon-light-version{display:none}@media (max-width:767px){s-stats-card,s-stats-card .s-stats-card-container,s-stats-card .s-stats-card-text-container{height:auto}s-stats-card .s-stats-card-text-container{max-width:calc(100% - 25px);padding-left:25px}s-stats-card .s-stats-card-text-container,s-stats-card .s-stats-card-text-container .s-stats-card-label,s-stats-card .s-stats-card-text-container .s-stats-card-value{overflow:visible;white-space:normal;word-break:break-all}s-stats-card .s-stats-card-icon-container{height:100%;left:0;position:absolute;right:0;width:10px}s-stats-card .s-stats-card-icon{display:none}}.s-status-card-tooltip{font-size:1rem;line-height:0;margin:.3rem;position:absolute;right:0;top:0}.s-status-card-tooltip .s-status-card-tooltip-icon{color:#fff}.s-stats-card-content-inner-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.s-stats-card-content-inner-container .s-stats-card-content-separator{border-top:1px solid #ccc;margin:15px 0;-ms-flex-order:1;order:1}.s-stats-card-content-inner-container .s-stats-card-content-container{-ms-flex-order:2;order:2}"]
7356
7379
  })
7357
7380
  ], StatsCardComponent);
7358
7381
  return StatsCardComponent;
@@ -7363,9 +7386,16 @@
7363
7386
  }
7364
7387
  StatsCardModule = __decorate([
7365
7388
  core.NgModule({
7366
- imports: [common.CommonModule, tooltip.TooltipModule],
7367
- declarations: [StatsCardComponent],
7368
- exports: [StatsCardComponent],
7389
+ imports: [
7390
+ common.CommonModule,
7391
+ tooltip.TooltipModule,
7392
+ ],
7393
+ declarations: [
7394
+ StatsCardComponent,
7395
+ ],
7396
+ exports: [
7397
+ StatsCardComponent,
7398
+ ],
7369
7399
  })
7370
7400
  ], StatsCardModule);
7371
7401
  return StatsCardModule;