@seniorsistemas/angular-components 17.3.11 → 17.3.13

package/bundles/seniorsistemas-angular-components.umd.js

@@ -927,6 +927,8 @@
         return AccordionModule;
     }());
 
+    // Lembrar que toda vez que for adicionada uma cor nova, ser criada a referência no `EnumBadgeColors`
+    // do s-table-columns.
 
     (function (BadgeColors) {
         BadgeColors["Red"] = "red";
@@ -7738,12 +7740,12 @@
 
 
     (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";
     })(exports.EnumBadgeColors || (exports.EnumBadgeColors = {}));
 
     var moment$4 = moment_;
@@ -7760,22 +7762,24 @@
         };
         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);
         };
@@ -7832,16 +7836,13 @@
         };
         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;
@@ -7849,9 +7850,6 @@
                 var numberConfigs = _this.getNumberConfigs(column, locale);
                 switch (column.type) {
                     case exports.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 exports.EnumColumnFieldType.CURRENCY:
                         return ng2CurrencyMask.applyMask(attributeValue, numberConfigs, _this.isNumber(attributeValue));
@@ -7878,9 +7876,9 @@
             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),
@@ -7888,15 +7886,6 @@
                 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);
@@ -7989,7 +7978,7 @@
         ], TableColumnsComponent.prototype, "locale", void 0);
         TableColumnsComponent = __decorate([
             core.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}"]
             }),
@@ -8312,7 +8301,8 @@
                     TokenListModule,
                     core$1.TranslateModule,
                     ButtonModule,
-                    InfoSignModule
+                    InfoSignModule,
+                    BadgeModule
                 ],
                 exports: [
                     RowTogllerDirective,