@seniorsistemas/angular-components 17.15.4 → 17.15.5
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 +6 -5
- package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
- package/components/table/table-column/table-columns.component.d.ts +8 -5
- package/esm2015/components/table/table-column/table-columns.component.js +7 -6
- package/esm5/components/table/table-column/table-columns.component.js +7 -6
- package/fesm2015/seniorsistemas-angular-components.js +6 -5
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +6 -5
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/seniorsistemas-angular-components.metadata.json +1 -1
|
@@ -9636,6 +9636,7 @@ var TableColumnsComponent = /** @class */ (function () {
|
|
|
9636
9636
|
calendar: __assign(__assign({}, this.localeService.getLocaleOptions().calendar), { dateFormat: convertToMomentDateFormat(this.localeService.getLocaleOptions().calendar.dateFormat) }),
|
|
9637
9637
|
number: __assign(__assign({}, this.localeService.getLocaleOptions().number), { scale: 0 }),
|
|
9638
9638
|
};
|
|
9639
|
+
this.cellsData = [];
|
|
9639
9640
|
this.formattedColumns = [];
|
|
9640
9641
|
}
|
|
9641
9642
|
TableColumnsComponent.prototype.ngOnChanges = function (changes) {
|
|
@@ -9648,7 +9649,7 @@ var TableColumnsComponent = /** @class */ (function () {
|
|
|
9648
9649
|
TableColumnsComponent.prototype.isArray = function (value) {
|
|
9649
9650
|
return Array.isArray(value);
|
|
9650
9651
|
};
|
|
9651
|
-
TableColumnsComponent.prototype.
|
|
9652
|
+
TableColumnsComponent.prototype.getCellData = function (column) {
|
|
9652
9653
|
var columnValue = column.columnValue, separator = column.separator, uninformed = column.uninformed;
|
|
9653
9654
|
if (typeof columnValue === "string") {
|
|
9654
9655
|
var splittedString_1 = columnValue.split(separator);
|
|
@@ -9657,7 +9658,7 @@ var TableColumnsComponent = /** @class */ (function () {
|
|
|
9657
9658
|
return {
|
|
9658
9659
|
value: string,
|
|
9659
9660
|
isUninformed: string === uninformed,
|
|
9660
|
-
separator: !isLastIndex ? separator :
|
|
9661
|
+
separator: !isLastIndex ? separator : null,
|
|
9661
9662
|
};
|
|
9662
9663
|
});
|
|
9663
9664
|
}
|
|
@@ -9679,8 +9680,8 @@ var TableColumnsComponent = /** @class */ (function () {
|
|
|
9679
9680
|
var columns = ((_a = changes.columns) === null || _a === void 0 ? void 0 : _a.currentValue) || this.columns;
|
|
9680
9681
|
var rowValue = ((_b = changes.rowValue) === null || _b === void 0 ? void 0 : _b.currentValue) || this.rowValue;
|
|
9681
9682
|
var locale = ((_c = changes.locale) === null || _c === void 0 ? void 0 : _c.currentValue) || this.locale;
|
|
9682
|
-
this.formattedColumns =
|
|
9683
|
-
|
|
9683
|
+
this.formattedColumns = columns.map(function (column) { return _this.getColumnValue(column, rowValue, locale); });
|
|
9684
|
+
this.cellsData = this.formattedColumns.map(function (column) { return _this.getCellData(column); });
|
|
9684
9685
|
this.viewContainerRef.createEmbeddedView(this.columnsTemplate);
|
|
9685
9686
|
};
|
|
9686
9687
|
TableColumnsComponent.prototype.getColumnSeparator = function (column) {
|
|
@@ -9870,7 +9871,7 @@ var TableColumnsComponent = /** @class */ (function () {
|
|
|
9870
9871
|
], TableColumnsComponent.prototype, "locale", void 0);
|
|
9871
9872
|
TableColumnsComponent = __decorate([
|
|
9872
9873
|
Component({
|
|
9873
|
-
template: "<ng-template #columnsTemplate>\n <td\n *ngFor=\"let column of formattedColumns\"\n [ngStyle]=\"column.style\"\n (click)=\"column.onColumnClick ? column.onColumnClick(rowValue) : null\"\n >\n <div *ngIf=\"column.type !== 'TOKENS' || !isArray(column.columnValue); else tokensTemplate\">\n <span *ngIf=\"column.type !== 'LINK'\" [sTooltip]=\"column.tooltip\" [escape]=\"false\">\n <ng-container *ngTemplateOutlet=\"columnValueTemplate\"></ng-container>\n </span>\n\n <
|
|
9874
|
+
template: "<ng-template #columnsTemplate>\n <td\n *ngFor=\"let column of formattedColumns; let i = index\"\n [ngStyle]=\"column.style\"\n (click)=\"column.onColumnClick ? column.onColumnClick(rowValue) : null\"\n >\n <div *ngIf=\"column.type !== 'TOKENS' || !isArray(column.columnValue); else tokensTemplate\">\n <span *ngIf=\"column.type !== 'LINK'\" [sTooltip]=\"column.tooltip\" [escape]=\"false\">\n <ng-container *ngTemplateOutlet=\"columnValueTemplate\"></ng-container>\n </span>\n\n <ng-container *ngIf=\"column.type === 'LINK'\">\n <span *ngIf=\"cellsData[i][0].isUninformed; else anchorTemplate\" class=\"sds-empty-value\">{{ cellsData[i][0].value }}</span>\n\n <ng-template #anchorTemplate>\n <a [sTooltip]=\"column.tooltip\" [escape]=\"false\" (click)=\"column.onLinkClick ? column.onLinkClick(rowValue) : null\">\n <ng-container *ngTemplateOutlet=\"columnValueTemplate\"></ng-container>\n </a>\n </ng-template>\n </ng-container>\n\n <ng-template #columnValueTemplate>\n <ng-container *ngFor=\"let cellData of cellsData[i]\">\n <span *ngIf=\"cellData.isUninformed; else isInformedTemplate\" class=\"sds-empty-value\">{{ cellData.value }}</span>\n\n <ng-template #isInformedTemplate>\n <s-badge\n *ngIf=\"column.badgeConfigs; else withoutBadgeTemplate\"\n [sTooltip]=\"column.tooltip\"\n [color]=\"column.badgeConfigs.color\"\n [text]=\"cellData.value\"\n ></s-badge>\n\n <ng-template #withoutBadgeTemplate>\n <span>{{ cellData.value }}</span>\n </ng-template>\n </ng-template>\n\n <span *ngIf=\"cellData.separator\">{{ cellData.separator }}</span>\n </ng-container>\n\n <ng-container *ngIf=\"!!column.infoSign\">\n <span *sInfoSign=\"column.infoSign\"></span>\n </ng-container>\n </ng-template>\n </div>\n\n <ng-template #tokensTemplate>\n <s-token-list [tokens]=\"column.columnValue\" [hidePointerEvents]=\"true\"></s-token-list>\n\n <ng-container *ngIf=\"!!column.infoSign\">\n <span *sInfoSign=\"column.infoSign\"></span>\n </ng-container>\n </ng-template>\n </td>\n</ng-template>\n",
|
|
9874
9875
|
selector: "s-table-columns",
|
|
9875
9876
|
styles: [":host{display:none}"]
|
|
9876
9877
|
}),
|