@seniorsistemas/angular-components 15.0.2 → 15.0.4

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

@@ -4324,12 +4324,15 @@
         };
         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;
@@ -4340,14 +4343,61 @@
             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 === exports.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 = {
@@ -4355,69 +4405,40 @@
             };
             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 exports.EnumColumnFieldType.ENUM:
-                            if (column.badgeConfigs && column.badgeConfigs.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));
-                        case exports.EnumColumnFieldType.DATE:
-                            var dateFormat = column.dateFormat ? column.dateFormat : locale.calendar.dateFormat;
-                            return moment_(attributeValue).format(dateFormat);
-                        case exports.EnumColumnFieldType.BOOLEAN:
-                            var value = attributeValue ? "yes" : "no";
-                            return _this.translate.instant(prefix + value);
-                        case exports.EnumColumnFieldType.LINK:
-                        case exports.EnumColumnFieldType.STRING:
-                            return attributeValue;
-                        case exports.EnumColumnFieldType.NUMBER:
-                            numberConfigs.prefix = "";
-                            return ng2CurrencyMask.applyMask(attributeValue, numberConfigs, _this.isNumber(attributeValue));
-                        case exports.EnumColumnFieldType.TOKENS:
-                            return _this.getTokens(attributeValue);
-                    }
+                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));
+                    case exports.EnumColumnFieldType.DATE:
+                        var dateFormat = _this.getDateFormat(column, locale);
+                        return moment_(attributeValue).format(dateFormat);
+                    case exports.EnumColumnFieldType.BOOLEAN:
+                        var value = attributeValue ? "yes" : "no";
+                        return _this.translate.instant(prefix + value);
+                    case exports.EnumColumnFieldType.NUMBER:
+                        numberConfigs.prefix = "";
+                        return ng2CurrencyMask.applyMask(attributeValue, numberConfigs, _this.isNumber(attributeValue));
+                    case exports.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 === exports.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,
@@ -4452,18 +4473,21 @@
                 }
                 return tooltip;
             }
+            return "";
         };
         TableColumnsComponent.prototype.isNumber = function (value) {
             return !(new BigNumber__default(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) {
@@ -4498,6 +4522,7 @@
                     };
                 });
             }
+            return null;
         };
         TableColumnsComponent.ctorParameters = function () { return [
             { type: core.ViewContainerRef },
@@ -7630,7 +7655,7 @@
         TimelineIconItemComponent = __decorate([
             core.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);