@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.
- package/bundles/seniorsistemas-angular-components.umd.js +49 -19
- package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js +2 -2
- package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
- package/components/table/table-paging/table-paging.component.d.ts +7 -1
- package/esm2015/components/stats-card/stats-card.component.js +3 -3
- package/esm2015/components/stats-card/stats-card.module.js +11 -4
- package/esm2015/components/table/table-paging/table-paging.component.js +33 -13
- package/esm5/components/stats-card/stats-card.component.js +3 -3
- package/esm5/components/stats-card/stats-card.module.js +11 -4
- package/esm5/components/table/table-paging/table-paging.component.js +38 -15
- package/fesm2015/seniorsistemas-angular-components.js +44 -17
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +49 -19
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -4424,7 +4424,8 @@ var TablePagingComponent = /** @class */ (function () {
|
|
|
4424
4424
|
header: column.header,
|
|
4425
4425
|
exportable: true,
|
|
4426
4426
|
field: column.field,
|
|
4427
|
-
separator: (_a = column.separator) !== null && _a !== void 0 ? _a : " - "
|
|
4427
|
+
separator: (_a = column.separator) !== null && _a !== void 0 ? _a : " - ",
|
|
4428
|
+
enumPrefix: column.enumPrefix
|
|
4428
4429
|
};
|
|
4429
4430
|
if (column.exportable === false) {
|
|
4430
4431
|
exportColumn.exportable = false;
|
|
@@ -4440,11 +4441,11 @@ var TablePagingComponent = /** @class */ (function () {
|
|
|
4440
4441
|
return exportColumn;
|
|
4441
4442
|
});
|
|
4442
4443
|
};
|
|
4443
|
-
TablePagingComponent.prototype.getCurrentPageRowsToExport = function () {
|
|
4444
|
-
return this.mapColumnsTranslations(
|
|
4444
|
+
TablePagingComponent.prototype.getCurrentPageRowsToExport = function (columns) {
|
|
4445
|
+
return this.mapColumnsTranslations(columns, this.table.value);
|
|
4445
4446
|
};
|
|
4446
|
-
TablePagingComponent.prototype.getSelectedRowsToExport = function () {
|
|
4447
|
-
return this.mapColumnsTranslations(
|
|
4447
|
+
TablePagingComponent.prototype.getSelectedRowsToExport = function (columns) {
|
|
4448
|
+
return this.mapColumnsTranslations(columns, this.table.selection);
|
|
4448
4449
|
};
|
|
4449
4450
|
TablePagingComponent.prototype.mapColumnsTranslations = function (columns, rows) {
|
|
4450
4451
|
var _this = this;
|
|
@@ -4453,11 +4454,28 @@ var TablePagingComponent = /** @class */ (function () {
|
|
|
4453
4454
|
return rows;
|
|
4454
4455
|
return __spread(rows).map(function (row) {
|
|
4455
4456
|
var newRow = __assign({}, row);
|
|
4456
|
-
|
|
4457
|
+
var _loop_1 = function (i) {
|
|
4457
4458
|
var column = enumColumns[i];
|
|
4458
|
-
var
|
|
4459
|
-
|
|
4460
|
-
|
|
4459
|
+
var fields = column.field;
|
|
4460
|
+
if (!Array.isArray(fields)) {
|
|
4461
|
+
fields = [fields];
|
|
4462
|
+
}
|
|
4463
|
+
fields.forEach(function (fieldName) {
|
|
4464
|
+
var columnData = row[fieldName];
|
|
4465
|
+
if (!columnData)
|
|
4466
|
+
return;
|
|
4467
|
+
var enumValue = columnData.toString().toLowerCase();
|
|
4468
|
+
var translationKey = column.enumPrefix + enumValue;
|
|
4469
|
+
var translatedValue = _this.translate.instant(translationKey);
|
|
4470
|
+
if (translationKey === translatedValue && enumValue.length > 1) {
|
|
4471
|
+
translationKey = column.enumPrefix + enumValue.substring(0, 1) + "_" + enumValue.substr(1);
|
|
4472
|
+
translatedValue = _this.translate.instant(translationKey);
|
|
4473
|
+
}
|
|
4474
|
+
newRow[fieldName] = translatedValue;
|
|
4475
|
+
});
|
|
4476
|
+
};
|
|
4477
|
+
for (var i = 0; i <= enumColumns.length - 1; i++) {
|
|
4478
|
+
_loop_1(i);
|
|
4461
4479
|
}
|
|
4462
4480
|
return newRow;
|
|
4463
4481
|
});
|
|
@@ -4470,15 +4488,19 @@ var TablePagingComponent = /** @class */ (function () {
|
|
|
4470
4488
|
};
|
|
4471
4489
|
TablePagingComponent.prototype.exportCurrentPage = function () {
|
|
4472
4490
|
this.validateComponent();
|
|
4473
|
-
|
|
4491
|
+
var columns = this.getColumnsToExport();
|
|
4492
|
+
var dataToExport = this.getCurrentPageRowsToExport(columns);
|
|
4493
|
+
ExportUtils.exportCSV(columns, dataToExport, undefined, this.getExportFileName());
|
|
4474
4494
|
};
|
|
4475
4495
|
TablePagingComponent.prototype.exportSelectedRecords = function () {
|
|
4476
4496
|
this.validateComponent();
|
|
4477
|
-
|
|
4497
|
+
var columns = this.getColumnsToExport();
|
|
4498
|
+
var dataToExport = this.getSelectedRowsToExport(columns);
|
|
4499
|
+
ExportUtils.exportCSV(columns, dataToExport, undefined, this.getExportFileName());
|
|
4478
4500
|
};
|
|
4479
4501
|
TablePagingComponent.prototype.exportAllRecords = function () {
|
|
4480
4502
|
return __awaiter(this, void 0, void 0, function () {
|
|
4481
|
-
var serverData, dataToExport;
|
|
4503
|
+
var serverData, columns, dataToExport;
|
|
4482
4504
|
return __generator(this, function (_a) {
|
|
4483
4505
|
switch (_a.label) {
|
|
4484
4506
|
case 0:
|
|
@@ -4486,8 +4508,9 @@ var TablePagingComponent = /** @class */ (function () {
|
|
|
4486
4508
|
return [4 /*yield*/, this.loadAllRecords()];
|
|
4487
4509
|
case 1:
|
|
4488
4510
|
serverData = _a.sent();
|
|
4489
|
-
|
|
4490
|
-
|
|
4511
|
+
columns = this.getColumnsToExport();
|
|
4512
|
+
dataToExport = this.mapColumnsTranslations(columns, serverData);
|
|
4513
|
+
ExportUtils.exportCSV(columns, dataToExport, undefined, this.getExportFileName());
|
|
4491
4514
|
return [2 /*return*/];
|
|
4492
4515
|
}
|
|
4493
4516
|
});
|
|
@@ -7177,9 +7200,9 @@ var StatsCardComponent = /** @class */ (function () {
|
|
|
7177
7200
|
StatsCardComponent = StatsCardComponent_1 = __decorate([
|
|
7178
7201
|
Component({
|
|
7179
7202
|
selector: "s-stats-card",
|
|
7180
|
-
template: "<div
|
|
7203
|
+
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",
|
|
7181
7204
|
encapsulation: ViewEncapsulation.None,
|
|
7182
|
-
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}"]
|
|
7205
|
+
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}"]
|
|
7183
7206
|
})
|
|
7184
7207
|
], StatsCardComponent);
|
|
7185
7208
|
return StatsCardComponent;
|
|
@@ -7190,9 +7213,16 @@ var StatsCardModule = /** @class */ (function () {
|
|
|
7190
7213
|
}
|
|
7191
7214
|
StatsCardModule = __decorate([
|
|
7192
7215
|
NgModule({
|
|
7193
|
-
imports: [
|
|
7194
|
-
|
|
7195
|
-
|
|
7216
|
+
imports: [
|
|
7217
|
+
CommonModule,
|
|
7218
|
+
TooltipModule,
|
|
7219
|
+
],
|
|
7220
|
+
declarations: [
|
|
7221
|
+
StatsCardComponent,
|
|
7222
|
+
],
|
|
7223
|
+
exports: [
|
|
7224
|
+
StatsCardComponent,
|
|
7225
|
+
],
|
|
7196
7226
|
})
|
|
7197
7227
|
], StatsCardModule);
|
|
7198
7228
|
return StatsCardModule;
|