@seniorsistemas/angular-components 17.18.3 → 17.18.4

package/fesm5/seniorsistemas-angular-components.js

@@ -9817,7 +9817,7 @@ var TableColumnsComponent = /** @class */ (function () {
     };
     TableColumnsComponent.prototype.getColumnValue = function (column, rowValue, locale) {
         var _this = this;
-        var _a;
+        var _a, _b;
         var prefix = this.getTranslationPrefix(column);
         var separator = this.getColumnSeparator(column);
         var uninformed = this.translate.instant(prefix + "empty_label");
@@ -9872,6 +9872,7 @@ var TableColumnsComponent = /** @class */ (function () {
             separator: separator,
             uninformed: uninformed,
             badgeConfigs: (_a = column === null || column === void 0 ? void 0 : column.badgeConfigs) === null || _a === void 0 ? void 0 : _a.find(function (badgeConfig) { var _a; return badgeConfig.enumValue === rowValue[(_a = column.attributes[0]) !== null && _a !== void 0 ? _a : column.field]; }),
+            color: (_b = column.color) === null || _b === void 0 ? void 0 : _b.call(column, rowValue),
             type: column.type,
             tooltip: this.getColumnTooltip(column.tooltip),
             infoSign: this.getColumnInfoSign(column.infoSign),
@@ -9962,9 +9963,9 @@ var TableColumnsComponent = /** @class */ (function () {
     ], TableColumnsComponent.prototype, "testeElements", void 0);
     TableColumnsComponent = __decorate([
         Component({
-            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\" [ngClass]=\"{'compact-column': column.compact }\">\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",
+            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\n            *ngIf=\"column.type !== 'TOKENS' || !isArray(column.columnValue); else tokensTemplate\"\n            [ngClass]=\"{ 'compact-column': column.compact }\"\n        >\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\n                                [ngClass]=\"{\n                                    'column-cell-red': column.color === 'Red',\n                                    'column-cell-orange': column.color === 'Orange',\n                                    'column-cell-yellow': column.color === 'Yellow',\n                                    'column-cell-green': column.color === 'Green',\n                                    'column-cell-blue': column.color === 'Blue'\n                                }\"\n                                >{{ cellData.value }}</span\n                            >\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",
             selector: "s-table-columns",
-            styles: [":host{display:none}.compact-column{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;word-break:break-word}"]
+            styles: [":host{display:none}.compact-column{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;word-break:break-word}.column-cell-red{color:#c13018}.column-cell-orange{color:#f8931f}.column-cell-yellow{color:#fcbf10}.column-cell-green{color:#0c9348}.column-cell-blue{color:#428bca}"]
         }),
         __param(4, Inject(HostProjectConfigsInjectionToken))
     ], TableColumnsComponent);