@seniorsistemas/angular-components 17.3.11 → 17.3.13

package/fesm5/seniorsistemas-angular-components.js

@@ -781,6 +781,8 @@ var AccordionModule = /** @class */ (function () {
     return AccordionModule;
 }());
 
+// Lembrar que toda vez que for adicionada uma cor nova, ser criada a referência no `EnumBadgeColors`
+// do s-table-columns.
 var BadgeColors;
 (function (BadgeColors) {
     BadgeColors["Red"] = "red";
@@ -7592,12 +7594,12 @@ var EnumColumnFieldType;
 
 var EnumBadgeColors;
 (function (EnumBadgeColors) {
-    EnumBadgeColors["RED"] = "sds-semantic-red";
-    EnumBadgeColors["ORANGE"] = "sds-semantic-orange";
-    EnumBadgeColors["YELLOW"] = "sds-semantic-yellow";
-    EnumBadgeColors["GREEN"] = "sds-semantic-green";
-    EnumBadgeColors["BLUE"] = "sds-semantic-blue";
-    EnumBadgeColors["GRAY"] = "sds-semantic-gray";
+    EnumBadgeColors["RED"] = "red";
+    EnumBadgeColors["ORANGE"] = "orange";
+    EnumBadgeColors["YELLOW"] = "yellow";
+    EnumBadgeColors["GREEN"] = "green";
+    EnumBadgeColors["BLUE"] = "blue";
+    EnumBadgeColors["GRAY"] = "gray";
 })(EnumBadgeColors || (EnumBadgeColors = {}));
 
 var moment$4 = moment_;
@@ -7614,22 +7616,24 @@ var TableColumnsComponent = /** @class */ (function () {
     };
     TableColumnsComponent.prototype.validateComponentAttributes = function (changes) {
         var _a, _b, _c;
-        if (!((_a = changes.columns) === null || _a === void 0 ? void 0 : _a.currentValue)) {
+        if (!this.columns && !((_a = changes.columns) === null || _a === void 0 ? void 0 : _a.currentValue)) {
             throw new Error("The 'columns' attribute must be informed!");
         }
-        if (!((_b = changes.rowValue) === null || _b === void 0 ? void 0 : _b.currentValue)) {
+        if (!this.rowValue && !((_b = changes.rowValue) === null || _b === void 0 ? void 0 : _b.currentValue)) {
             throw new Error("The 'rowValue' attribute must be informed!");
         }
-        if (!((_c = changes.locale) === null || _c === void 0 ? void 0 : _c.currentValue)) {
+        if (!this.locale && !((_c = changes.locale) === null || _c === void 0 ? void 0 : _c.currentValue)) {
             throw new Error("The 'locale' attribute must be informed!");
         }
     };
     TableColumnsComponent.prototype.createColumnsTemplate = function (changes) {
         var _this = this;
+        var _a, _b, _c;
         this.viewContainerRef.clear();
-        var columns = changes.columns.currentValue;
-        var rowValue = changes.rowValue.currentValue;
-        var locale = changes.locale.currentValue;
+        var columns = ((_a = changes.columns) === null || _a === void 0 ? void 0 : _a.currentValue) || this.columns;
+        var rowValue = ((_b = changes.rowValue) === null || _b === void 0 ? void 0 : _b.currentValue) || this.rowValue;
+        var locale = ((_c = changes.locale) === null || _c === void 0 ? void 0 : _c.currentValue) || this.locale;
+        this.formattedColumns = [];
         columns.forEach(function (column) { return _this.formattedColumns.push(_this.getColumnValue(column, rowValue, locale)); });
         this.viewContainerRef.createEmbeddedView(this.columnsTemplate);
     };
@@ -7686,16 +7690,13 @@ var TableColumnsComponent = /** @class */ (function () {
     };
     TableColumnsComponent.prototype.getColumnValue = function (column, rowValue, locale) {
         var _this = this;
+        var _a;
         var prefix = this.getTranslationPrefix(column);
         var separator = this.getColumnSeparator(column);
         var uninformed = this.translate.instant(prefix + "empty_label");
         var style = column.style;
-        var badgeClass = {
-            "sds-badge": false
-        };
         var columnValue = column.attributes
             .map(function (attribute) {
-            var _a;
             var attributeValue = _this.getAttributeValue(attribute, rowValue);
             if (_this.isAttributeValueInvalid(attributeValue)) {
                 return uninformed;
@@ -7703,9 +7704,6 @@ var TableColumnsComponent = /** @class */ (function () {
             var numberConfigs = _this.getNumberConfigs(column, locale);
             switch (column.type) {
                 case EnumColumnFieldType.ENUM:
-                    if ((_a = column.badgeConfigs) === null || _a === void 0 ? void 0 : _a.length) {
-                        badgeClass = _this.getBadgeClass(attributeValue, column.badgeConfigs);
-                    }
                     return _this.translate.instant(column.enumPrefix + attributeValue.toString().toLowerCase());
                 case EnumColumnFieldType.CURRENCY:
                     return applyMask(attributeValue, numberConfigs, _this.isNumber(attributeValue));
@@ -7732,9 +7730,9 @@ var TableColumnsComponent = /** @class */ (function () {
         return {
             style: style,
             columnValue: formattedColumnValue,
-            badgeClass: badgeClass,
             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]; }),
             type: column.type,
             tooltip: this.getColumnTooltip(column.tooltip),
             infoSign: this.getColumnInfoSign(column.infoSign),
@@ -7742,15 +7740,6 @@ var TableColumnsComponent = /** @class */ (function () {
             onColumnClick: column.onColumnClick
         };
     };
-    TableColumnsComponent.prototype.getBadgeClass = function (value, badgeConfigs) {
-        var _a;
-        var badgeColumn = {
-            "sds-badge": true
-        };
-        var color = (_a = badgeConfigs.find(function (badgeConfig) { return badgeConfig.enumValue === value; })) === null || _a === void 0 ? void 0 : _a.color.valueOf();
-        badgeColumn[color] = true;
-        return badgeColumn;
-    };
     TableColumnsComponent.prototype.getColumnScale = function (scale) {
         if (typeof scale === "function") {
             return scale(this.rowValue);
@@ -7843,7 +7832,7 @@ var TableColumnsComponent = /** @class */ (function () {
     ], TableColumnsComponent.prototype, "locale", void 0);
     TableColumnsComponent = __decorate([
         Component({
-            template: "<ng-template #columnsTemplate>\n    <td *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'\"\n                [sTooltip]=\"column.tooltip\"\n                [escape]=\"false\"\n                [ngClass]=\"column.badgeClass\">\n                <ng-container *ngTemplateOutlet=\"columnValueTemplate\"></ng-container> \n            </span>\n\n            <a *ngIf=\"column.type === 'LINK'\"\n                [sTooltip]=\"column.tooltip\"\n                [escape]=\"false\"\n                (click)=\"column.onLinkClick ? column.onLinkClick(rowValue) : null\">\n                <ng-container *ngTemplateOutlet=\"columnValueTemplate\"></ng-container> \n            </a>\n\n            <ng-template #columnValueTemplate>\n                <span *ngFor=\"let value of getSplittedString(column)\">\n                    <span [ngClass]=\"{ 'sds-empty-value': value.isUninformed }\">{{value.value}}</span>\n                    <span>{{value.separator}}</span>\n                </span>\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\n                [tokens]=\"column.columnValue\"\n                [hidePointerEvents]=\"true\"\n            >\n            </s-token-list>\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\"\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            <a\n                *ngIf=\"column.type === 'LINK'\"\n                [sTooltip]=\"column.tooltip\"\n                [escape]=\"false\"\n                (click)=\"column.onLinkClick ? column.onLinkClick(rowValue) : null\"\n            >\n                <ng-container *ngTemplateOutlet=\"columnValueTemplate\"></ng-container>\n            </a>\n\n            <ng-template #columnValueTemplate>\n                <ng-container *ngFor=\"let value of getSplittedString(column)\">\n                    <span *ngIf=\"value.isUninformed; else isInformedTemplate\" class=\"sds-empty-value\">{{ value.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]=\"value.value\"\n                        ></s-badge>\n\n                        <ng-template #withoutBadgeTemplate>\n                            <span>{{ value.value }}</span>\n                        </ng-template>\n                    </ng-template>\n\n                    <span>{{ value.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}"]
         }),
@@ -8166,7 +8155,8 @@ var TableModule = /** @class */ (function () {
                 TokenListModule,
                 TranslateModule,
                 ButtonModule,
-                InfoSignModule
+                InfoSignModule,
+                BadgeModule
             ],
             exports: [
                 RowTogllerDirective,