@seniorsistemas/angular-components 15.0.2 → 15.0.4

package/fesm5/seniorsistemas-angular-components.js

@@ -4151,12 +4151,15 @@ 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 (!((_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 (!((_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 (!((_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;
@@ -4167,14 +4170,61 @@ var TableColumnsComponent = /** @class */ (function () {
         columns.forEach(function (column) { return _this.formattedColumns.push(_this.getColumnValue(column, rowValue, locale)); });
         this.viewContainerRef.createEmbeddedView(this.columnsTemplate);
     };
+    TableColumnsComponent.prototype.getColumnSeparator = function (column) {
+        return column.separator ? column.separator : " - ";
+    };
+    TableColumnsComponent.prototype.getTranslationPrefix = function (column) {
+        return column.prefix ? column.prefix : this.hostProjectConfigs.domain + "." + this.hostProjectConfigs.service + ".";
+    };
+    TableColumnsComponent.prototype.isAttributeValueInvalid = function (attributeValue) {
+        return attributeValue === null || attributeValue === undefined || (this.isArray(attributeValue) && !attributeValue.length);
+    };
+    TableColumnsComponent.prototype.getFormattedColumnValue = function (column, columnValue, unifiedColumnValues, uninformedText, uninformedNumber) {
+        if (uninformedNumber === column.attributes.length) {
+            return uninformedText;
+        }
+        if (column.type === EnumColumnFieldType.TOKENS) {
+            return [].concat.apply([], columnValue.filter(function (values) { return values !== uninformedText; }));
+        }
+        return unifiedColumnValues;
+    };
+    TableColumnsComponent.prototype.getAttributeValue = function (attribute, rowValue) {
+        var attributeValue;
+        attribute
+            .split("/")
+            .forEach(function (value) {
+            if (!attributeValue) {
+                value
+                    .split(".")
+                    .forEach(function (val, i) {
+                    if (!rowValue) {
+                        return;
+                    }
+                    if (i === 0) {
+                        attributeValue = rowValue[val];
+                    }
+                    else {
+                        if (attributeValue) {
+                            attributeValue = attributeValue[val];
+                        }
+                    }
+                });
+            }
+        });
+        return attributeValue;
+    };
+    TableColumnsComponent.prototype.getNumberConfigs = function (column, locale) {
+        return __assign(__assign({}, locale.number), { scale: column.scale !== null && column.scale !== undefined
+                ? this.getColumnScale(column.scale)
+                : locale.number.scale, prefix: locale.number.currencySymbol + " " });
+    };
+    TableColumnsComponent.prototype.getDateFormat = function (column, locale) {
+        return column.dateFormat ? column.dateFormat : locale.calendar.dateFormat;
+    };
     TableColumnsComponent.prototype.getColumnValue = function (column, rowValue, locale) {
         var _this = this;
-        var prefix = column.prefix
-            ? column.prefix
-            : this.hostProjectConfigs.domain + "." + this.hostProjectConfigs.service + ".";
-        var separator = column.separator
-            ? column.separator
-            : " - ";
+        var prefix = this.getTranslationPrefix(column);
+        var separator = this.getColumnSeparator(column);
         var uninformed = this.translate.instant(prefix + "empty_label");
         var style = column.style;
         var badgeClass = {
@@ -4182,69 +4232,40 @@ var TableColumnsComponent = /** @class */ (function () {
         };
         var columnValue = column.attributes
             .map(function (attribute) {
-            var attributeValue;
-            attribute
-                .split("/")
-                .forEach(function (value) {
-                if (!attributeValue) {
-                    value
-                        .split(".")
-                        .forEach(function (val, i) {
-                        if (rowValue) {
-                            if (i === 0) {
-                                attributeValue = rowValue[val];
-                            }
-                            else if (attributeValue) {
-                                attributeValue = attributeValue[val];
-                            }
-                        }
-                    });
-                }
-            });
-            if (attributeValue === null || attributeValue === undefined || (_this.isArray(attributeValue) && !attributeValue.length)) {
+            var _a;
+            var attributeValue = _this.getAttributeValue(attribute, rowValue);
+            if (_this.isAttributeValueInvalid(attributeValue)) {
                 return uninformed;
             }
-            else {
-                var numberConfigs = __assign(__assign({}, locale.number), { scale: column.scale ? _this.getColumnScale(column.scale) : locale.number.scale, prefix: locale.number.currencySymbol + " " });
-                switch (column.type) {
-                    case EnumColumnFieldType.ENUM:
-                        if (column.badgeConfigs && column.badgeConfigs.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));
-                    case EnumColumnFieldType.DATE:
-                        var dateFormat = column.dateFormat ? column.dateFormat : locale.calendar.dateFormat;
-                        return moment_(attributeValue).format(dateFormat);
-                    case EnumColumnFieldType.BOOLEAN:
-                        var value = attributeValue ? "yes" : "no";
-                        return _this.translate.instant(prefix + value);
-                    case EnumColumnFieldType.LINK:
-                    case EnumColumnFieldType.STRING:
-                        return attributeValue;
-                    case EnumColumnFieldType.NUMBER:
-                        numberConfigs.prefix = "";
-                        return applyMask(attributeValue, numberConfigs, _this.isNumber(attributeValue));
-                    case EnumColumnFieldType.TOKENS:
-                        return _this.getTokens(attributeValue);
-                }
+            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));
+                case EnumColumnFieldType.DATE:
+                    var dateFormat = _this.getDateFormat(column, locale);
+                    return moment_(attributeValue).format(dateFormat);
+                case EnumColumnFieldType.BOOLEAN:
+                    var value = attributeValue ? "yes" : "no";
+                    return _this.translate.instant(prefix + value);
+                case EnumColumnFieldType.NUMBER:
+                    numberConfigs.prefix = "";
+                    return applyMask(attributeValue, numberConfigs, _this.isNumber(attributeValue));
+                case EnumColumnFieldType.TOKENS:
+                    return _this.getTokens(attributeValue);
+                default:
+                    return attributeValue;
             }
         });
         var unifiedColumnValues = columnValue.join(separator);
         var uninformedNumber = unifiedColumnValues
             .split(separator)
             .filter(function (value) { return value === uninformed; }).length;
-        var formattedColumnValue;
-        if (uninformedNumber === column.attributes.length) {
-            formattedColumnValue = uninformed;
-        }
-        else if (column.type === EnumColumnFieldType.TOKENS) {
-            formattedColumnValue = [].concat.apply([], columnValue.filter(function (values) { return values !== uninformed; }));
-        }
-        else {
-            formattedColumnValue = unifiedColumnValues;
-        }
+        var formattedColumnValue = this.getFormattedColumnValue(column, columnValue, unifiedColumnValues, uninformed, uninformedNumber);
         return {
             style: style,
             columnValue: formattedColumnValue,
@@ -4279,18 +4300,21 @@ var TableColumnsComponent = /** @class */ (function () {
             }
             return tooltip;
         }
+        return "";
     };
     TableColumnsComponent.prototype.isNumber = function (value) {
         return !(new BigNumber(value).isNaN());
     };
     TableColumnsComponent.prototype.getTokens = function (values) {
-        if (!this.isArray(values))
+        if (!this.isArray(values)) {
             throw new Error("To use tokens an array must be informed");
-        // tslint:disable-next-line: max-line-length
-        if (!this.isValidTokenArray(values))
-            throw new Error("Not a valid token array. Token array must be a primitive values array or an objects with label attribute array");
-        if (this.isLabelObjectArray(values))
+        }
+        if (!this.isValidTokenArray(values)) {
+            throw new Error("Not a valid token array. Must be a primitive values array or an objects with label attribute array");
+        }
+        if (this.isLabelObjectArray(values)) {
             return values;
+        }
         return values
             .filter(function (value) { return value !== undefined && value !== null; })
             .map(function (value) {
@@ -4325,6 +4349,7 @@ var TableColumnsComponent = /** @class */ (function () {
                 };
             });
         }
+        return null;
     };
     TableColumnsComponent.ctorParameters = function () { return [
         { type: ViewContainerRef },
@@ -7457,7 +7482,7 @@ var TimelineIconItemComponent = /** @class */ (function () {
     TimelineIconItemComponent = __decorate([
         Component({
             selector: "s-timeline-icon-item",
-            template: "<ng-container *ngIf=\"item\">\n   <div\n      class=\"timeline__icon-item\"\n      [ngClass]=\"{\n         'timeline__icon-item--small': item.testSize('small'),\n         'timeline__icon-item--normal': item.testSize('normal'),\n         'timeline__icon-item--warning': item.testSeverity('warning'),\n         'timeline__icon-item--error': item.testSeverity('error'),\n         'timeline__icon-item--completed': isComplete,\n         'timeline__icon-item--active': isActive\n      }\">\n      <div\n         class=\"timeline__icon-item__icon\"\n         [pTooltip]=\"item.tooltip\"\n         tooltipPosition=\"top\">\n         <ng-content *ngIf=\"item.icon; then icon_content; else label_text_content\"></ng-content>\n         <ng-template #icon_content>\n            <span\n               class=\"fas\"\n               [ngClass]=\"item.icon\">\n            </span>\n         </ng-template>\n         <ng-template #label_text_content>\n            <span class=\"timeline__icon-item__icon__label\">\n               {{ item.label }}\n            </span>\n         </ng-template>\n      </div>\n   </div>\n</ng-container>\n",
+            template: "<ng-container *ngIf=\"item\">\n   <div\n      class=\"timeline__icon-item\"\n      [ngClass]=\"{\n         'timeline__icon-item--small': item.testSize('small'),\n         'timeline__icon-item--normal': item.testSize('normal'),\n         'timeline__icon-item--warning': item.testSeverity('warning'),\n         'timeline__icon-item--error': item.testSeverity('error'),\n         'timeline__icon-item--completed': isComplete,\n         'timeline__icon-item--active': isActive\n      }\">\n      <div\n         class=\"timeline__icon-item__icon\"\n         [pTooltip]=\"item.tooltip\"\n         tooltipPosition=\"top\">\n         <ng-content *ngIf=\"item.icon; then icon_content; else label_text_content\"></ng-content>\n         <ng-template #icon_content>\n            <span [ngClass]=\"item.icon\"></span>\n         </ng-template>\n         <ng-template #label_text_content>\n            <span class=\"timeline__icon-item__icon__label\">\n               {{ item.label }}\n            </span>\n         </ng-template>\n      </div>\n   </div>\n</ng-container>\n",
             styles: [".timeline__icon-item .timeline__icon-item__icon{-ms-flex-align:center;align-items:center;background-color:#697882;border-radius:50%;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:4px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.timeline__icon-item .timeline__icon-item__icon .timeline__icon-item__icon__label{font-family:\"Open Sans\",sans-serif}.timeline__icon-item.timeline__icon-item--small .timeline__icon-item__icon{font-size:0;height:16px;width:16px}.timeline__icon-item.timeline__icon-item--normal .timeline__icon-item__icon{font-size:10px;height:24px;padding:8px;width:24px}.timeline__icon-item.timeline__icon-item--normal .timeline__icon-item__icon .timeline__icon-item__icon__label{font-size:14px}.timeline__icon-item.timeline__icon-item--active .timeline__icon-item__icon{font-size:20px;height:40px;padding:10px;width:40px}.timeline__icon-item.timeline__icon-item--active .timeline__icon-item__icon .timeline__icon-item__icon__label{font-size:22px}.timeline__icon-item.timeline__icon-item--active .timeline__icon-item__icon,.timeline__icon-item.timeline__icon-item--completed .timeline__icon-item__icon{background-color:#0c9348}.timeline__icon-item.timeline__icon-item--warning.timeline__icon-item--active .timeline__icon-item__icon{background-color:#fcbf10;color:#333}.timeline__icon-item.timeline__icon-item--danger.timeline__icon-item--active .timeline__icon-item__icon{background-color:#f8931f;color:#333}.timeline__icon-item.timeline__icon-item--error.timeline__icon-item--active .timeline__icon-item__icon{background-color:#c13018}"]
         })
     ], TimelineIconItemComponent);