@seniorsistemas/angular-components 15.0.1 → 15.0.3

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 },
@@ -4559,7 +4584,7 @@
         TokenListComponent = TokenListComponent_1 = __decorate([
             core.Component({
                 selector: "s-token-list",
-                template: "<div\n    [id]=\"id\"\n    class=\"token-list\">\n    <ng-container *ngFor=\"let token of tokens\">\n        <span\n            [id]=\"token.id\"\n            class=\"token\"\n            [ngClass]=\"{ 'no-pointer-events': hidePointerEvents }\">\n            <a\n                [id]=\"(token.id || 'token') + '-label'\"\n                class=\"token-label\"\n                (click)=\"tokenSelected.next(token)\">\n                {{ token.label }}\n            </a>\n            <span\n                *ngIf=\"removableTokens\"\n                [id]=\"token.id + '-remove'\"\n                class=\"token-icon fa fa-fw fa-close\"\n                (click)=\"tokenRemoved.next(token)\">\n            </span>\n        </span>\n    </ng-container>\n</div>",
+                template: "<div\n    [id]=\"id\"\n    class=\"token-list\">\n    <ng-container *ngFor=\"let token of tokens\">\n        <span\n            [id]=\"token.id\"\n            class=\"token\"\n            [ngClass]=\"{ 'no-pointer-events': hidePointerEvents }\">\n            <a\n                [id]=\"(token.id || 'token') + '-label'\"\n                class=\"token-label\"\n                (click)=\"tokenSelected.next(token)\">\n                {{ token.label }}\n            </a>\n            <span\n                *ngIf=\"removableTokens && !token.notRemovable\"\n                [id]=\"token.id + '-remove'\"\n                class=\"token-icon fa fa-fw fa-close\"\n                (click)=\"tokenRemoved.next(token)\">\n            </span>\n        </span>\n    </ng-container>\n</div>",
                 styles: [".no-pointer-events{pointer-events:none}.token-list{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;padding:0 10px;text-transform:none}.token-list .token{-ms-flex-align:center;align-items:center;background-color:#ccc;border-radius:4px;color:#333;display:-ms-flexbox;display:flex;font:400 12px/150% \"Open Sans\",sans-serif;margin:2px 5px 0 0;max-width:100%;padding:2px 8px}.token-list .token-label{max-width:50ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-list .token:focus,.token-list .token:hover{background-color:#e5eaea}.token-list .token a{text-decoration:none;color:#333}"]
             })
         ], TokenListComponent);