@seniorsistemas/angular-components 16.3.9 → 16.4.0

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

@@ -5137,19 +5137,19 @@
         TablePagingComponent.prototype.getSelectedRowsToExport = function (columns) {
             return this.mapColumnsTranslations(columns, this.table.selection);
         };
-        TablePagingComponent.prototype.getInnerPropValue = function (obj, path) {
+        TablePagingComponent.prototype.getPropertyValue = function (obj, path) {
             return path.split(".").reduce(function (result, prop) { return (result[prop] === undefined ? undefined : result[prop]); }, obj);
         };
-        TablePagingComponent.prototype.setInnerPropValue = function (obj, path, value) {
-            this.recursionSet(obj, path.split("."), value);
+        TablePagingComponent.prototype.setPropertyValue = function (obj, path, value) {
+            this.recursionSetValue(obj, path.split("."), value);
         };
-        TablePagingComponent.prototype.recursionSet = function (obj, keysList, value) {
+        TablePagingComponent.prototype.recursionSetValue = function (obj, keysList, value) {
             var key = keysList[0];
             if (keysList.length === 1) {
                 obj[key] = value;
                 return obj;
             }
-            obj[key] = (this.recursionSet((obj === null || obj === void 0 ? void 0 : obj[key]) || {}, keysList.slice(1), value));
+            obj[key] = (this.recursionSetValue((obj === null || obj === void 0 ? void 0 : obj[key]) || {}, keysList.slice(1), value));
             return obj;
         };
         TablePagingComponent.prototype.mapColumnsTranslations = function (columns, rows) {
@@ -5160,37 +5160,42 @@
             }
             return __spread(rows).map(function (row) {
                 var newRow = __assign({}, row);
-                var _loop_1 = function (i) {
-                    var column = enumColumns[i];
-                    var fields = column.field;
-                    if (!Array.isArray(fields)) {
-                        fields = [fields];
-                    }
+                enumColumns.forEach(function (column) {
+                    var fields = !Array.isArray(column.field) ? [column.field] : column.field;
                     fields.forEach(function (fieldName) {
-                        var columnData = _this.getInnerPropValue(row, fieldName);
+                        var columnData = _this.getPropertyValue(row, fieldName);
                         if (columnData === null || columnData === undefined) {
                             return;
                         }
                         var newValue = _this.translateValue(column, columnData);
-                        _this.setInnerPropValue(newRow, fieldName, newValue);
+                        _this.setPropertyValue(newRow, fieldName, newValue);
                     });
-                };
-                for (var i = 0; i <= enumColumns.length - 1; i++) {
-                    _loop_1(i);
-                }
+                });
                 return newRow;
             });
         };
         TablePagingComponent.prototype.translateValue = function (column, columnData) {
+            // Default usage: ENUM_VALUE -> domain.service.enum_value
             var enumValue = columnData.toString().toLowerCase();
             var translationKey = column.enumPrefix + enumValue;
             var translatedValue = this.translate.instant(translationKey);
+            // Custom usage 1: V9 -> domain.service.v_9
             if (translationKey === translatedValue && enumValue.length > 1) {
                 translationKey = "" + column.enumPrefix + enumValue.substring(0, 1) + "_" + enumValue.substr(1);
-                return this.translate.instant(translationKey);
+                translatedValue = this.translate.instant(translationKey);
+            }
+            // Custom usage 2: EnumValue -> domain.service.enum_value
+            if (translationKey === translatedValue) {
+                var enumKey = this.convertToSnakeCase(columnData.toString());
+                translationKey = "" + column.enumPrefix + enumKey;
+                translatedValue = this.translate.instant(translationKey);
             }
             return translatedValue;
         };
+        TablePagingComponent.prototype.convertToSnakeCase = function (str) {
+            return str.replace(/([A-Z])/g, function (match, group) { return "_" + group.toLowerCase(); })
+                .replace(/^_/, '');
+        };
         TablePagingComponent.prototype.getExportFileName = function () {
             var _a;
             var fileName = (_a = this.exportFileName) !== null && _a !== void 0 ? _a : "download";
@@ -10565,6 +10570,67 @@
         return CodeEditorModule;
     }());
 
+    var ProgressBarComponent = /** @class */ (function () {
+        function ProgressBarComponent() {
+            this.showValue = true;
+        }
+        ProgressBarComponent.prototype.ngOnInit = function () {
+            this.validateValues();
+        };
+        ProgressBarComponent.prototype.validateValues = function () {
+            if (this.value < 0 || this.value > 100) {
+                throw new Error("Invalid value for value");
+            }
+            if (this.targetValue < 0 || this.targetValue > 100) {
+                throw new Error("Invalid value for targetValue");
+            }
+        };
+        __decorate([
+            core.Input()
+        ], ProgressBarComponent.prototype, "value", void 0);
+        __decorate([
+            core.Input()
+        ], ProgressBarComponent.prototype, "targetValue", void 0);
+        __decorate([
+            core.Input()
+        ], ProgressBarComponent.prototype, "targetLabel", void 0);
+        __decorate([
+            core.Input()
+        ], ProgressBarComponent.prototype, "activeColor", void 0);
+        __decorate([
+            core.Input()
+        ], ProgressBarComponent.prototype, "showValue", void 0);
+        ProgressBarComponent = __decorate([
+            core.Component({
+                selector: "s-progressbar",
+                template: "<div class=\"progress-bar\">\n   <div class=\"progress-bar-all\">\n      <div\n         class=\"progress-bar-active\"\n         [ngClass]=\"{\n            'progress-bar-active--blue' : activeColor == 'blue',\n            'progress-bar-active--green': activeColor == 'green',\n            'progress-bar-active--red': activeColor == 'red',\n            'progress-bar-active--yellow': activeColor == 'yellow'\n         }\"\n         [ngStyle]=\"{ 'width': value + '%' }\">\n         {{ showValue && value ? value + '%' : '' }}\n      </div>\n   </div>\n   <div\n      *ngIf=\"targetValue\"\n      class=\"target\"\n      [ngStyle]=\"{\n         'left': targetValue <= 50 ? targetValue + '%' : 'unset',\n         'right': targetValue > 50 ? 100 - targetValue + '%' : 'unset',\n         'align-items': targetValue > 50 ? 'flex-end' : 'flex-start'\n      }\">\n      <span class=\"target-line\"></span>\n      <span class=\"target-label\">\n          {{ targetLabel || value + '%' }}\n      </span>\n   </div>\n</div>\n",
+                styles: [".progress-bar{position:relative}.progress-bar .progress-bar-all{background-color:#d8d8d8;border-radius:4px;height:24px;overflow:hidden;width:100%}.progress-bar .progress-bar-all .progress-bar-active{-ms-flex-align:center;align-items:center;color:#fff;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:14px;height:100%;-ms-flex-pack:center;justify-content:center;line-height:150%;width:80%}.progress-bar .progress-bar-all .progress-bar-active--blue{background-color:#428bca}.progress-bar .progress-bar-all .progress-bar-active--green{background-color:#0c9348}.progress-bar .progress-bar-all .progress-bar-active--red{background-color:#c13018}.progress-bar .progress-bar-all .progress-bar-active--yellow{background-color:#fcbf10}.progress-bar .target{-ms-flex-align:start;align-items:flex-start;bottom:-38px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:absolute}.progress-bar .target .target-line{background-color:#333;height:40px;margin:8px 0;width:1px}.progress-bar .target .target-label{background-color:#426e78;border-radius:10px;color:#e5eaea;font-family:\"Open Sans\",sans-serif;font-size:12px;line-height:150%;padding:2px 12px}"]
+            })
+        ], ProgressBarComponent);
+        return ProgressBarComponent;
+    }());
+
+    var ProgressBarModule = /** @class */ (function () {
+        function ProgressBarModule() {
+        }
+        ProgressBarModule = __decorate([
+            core.NgModule({
+                imports: [common.CommonModule],
+                declarations: [ProgressBarComponent],
+                exports: [ProgressBarComponent],
+            })
+        ], ProgressBarModule);
+        return ProgressBarModule;
+    }());
+
+
+    (function (ProgressBarColors) {
+        ProgressBarColors["Blue"] = "blue";
+        ProgressBarColors["Green"] = "green";
+        ProgressBarColors["Red"] = "red";
+        ProgressBarColors["Yellow"] = "yellow";
+    })(exports.ProgressBarColors || (exports.ProgressBarColors = {}));
+
     exports.AngularComponentsModule = AngularComponentsModule;
     exports.AutocompleteField = AutocompleteField;
     exports.BaseFieldComponent = BaseFieldComponent;
@@ -10653,6 +10719,8 @@
     exports.ProductHeaderModule = ProductHeaderModule;
     exports.ProfilePicturePickerComponent = ProfilePicturePickerComponent;
     exports.ProfilePicturePickerModule = ProfilePicturePickerModule;
+    exports.ProgressBarComponent = ProgressBarComponent;
+    exports.ProgressBarModule = ProgressBarModule;
     exports.RadioButtonField = RadioButtonField;
     exports.RationButtonOption = RationButtonOption;
     exports.RowTogllerDirective = RowTogllerDirective;